@synergy-design-system/components 3.15.6 → 3.16.0

package/dist/components/chart/configs/axes/utilities.js

@@ -0,0 +1,22 @@
+import {
+  applyAxisDefaultsPreprocessor,
+  axisCommonStyles,
+  buildAxisLabelConfigWithIcon,
+  colorSvgDataUrl,
+  extractYAxisLabelTexts,
+  measureMaxTextWidth,
+  updateAxisConfig
+} from "../../../../chunks/chunk.KMZLWOXI.js";
+import "../../../../chunks/chunk.DKVCRWJF.js";
+import "../../../../chunks/chunk.T3OQKYCT.js";
+import "../../../../chunks/chunk.VK2FVWOF.js";
+export {
+  applyAxisDefaultsPreprocessor,
+  axisCommonStyles,
+  buildAxisLabelConfigWithIcon,
+  colorSvgDataUrl,
+  extractYAxisLabelTexts,
+  measureMaxTextWidth,
+  updateAxisConfig
+};
+//# sourceMappingURL=utilities.js.map

package/dist/components/chart/configs/axes/utilities.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/chart/configs/config.d.ts

@@ -0,0 +1,41 @@
+import type { ChartConfigHandle, ChartConfigType, ECConfig } from '../types.js';
+export declare class ChartConfigBuilder {
+    #private;
+    /**
+     * Creates a new handle seeded with an empty chart configuration.
+     *
+     * @param base The initial config to extend.
+     */
+    constructor(base?: ECConfig);
+    /**
+     * Sets the base chart config that subsequent preset calls extend.
+     *
+     * Calling `baseConfig()` again replaces the previous base config.
+     */
+    baseConfig(config: ECConfig): ChartConfigHandle;
+    /**
+     * Returns the composed chart configuration.
+     *
+     * @returns The final merged ECConfig.
+     */
+    build(): ECConfig;
+}
+/**
+ * Resolves all supported chart config inputs to a final `ECConfig` object.
+ *
+ * When the input is a callback, the callback receives a typed handle and can
+ * update the config via semantic helper methods.
+ *
+ * @param input Chart config object or callback handle input.
+ * @returns The final chart option object.
+ *
+ * @example
+ * ```ts
+ * chart.config = handle => {
+ *   handle.baseConfig(baseConfig);
+ *   handle.axesShowSplitLines();
+ *   handle.axesAddXLabelIcons({ iconUrls, iconPosition: 'top' });
+ * };
+ * ```
+ */
+export declare const resolveConfigInput: (input: ChartConfigType) => ECConfig;

package/dist/components/chart/configs/config.js

@@ -0,0 +1,15 @@
+import {
+  ChartConfigBuilder,
+  resolveConfigInput
+} from "../../../chunks/chunk.UOCJ2U5N.js";
+import "../../../chunks/chunk.FVE47CHN.js";
+import "../../../chunks/chunk.VCDIUHSK.js";
+import "../../../chunks/chunk.KMZLWOXI.js";
+import "../../../chunks/chunk.DKVCRWJF.js";
+import "../../../chunks/chunk.T3OQKYCT.js";
+import "../../../chunks/chunk.VK2FVWOF.js";
+export {
+  ChartConfigBuilder,
+  resolveConfigInput
+};
+//# sourceMappingURL=config.js.map

package/dist/components/chart/configs/config.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/chart/configs/presets/index.d.ts

@@ -0,0 +1,7 @@
+import * as axes from '../axes/presets.js';
+/**
+ * Namespace containing all chart config preset functions.
+ *
+ * Each function accepts options and returns a `ConfigModifier` that can be applied to a chart configuration.
+ */
+export declare const ChartPresets: typeof axes;

package/dist/components/chart/configs/presets/index.js

@@ -0,0 +1,12 @@
+import {
+  ChartPresets
+} from "../../../../chunks/chunk.FVE47CHN.js";
+import "../../../../chunks/chunk.VCDIUHSK.js";
+import "../../../../chunks/chunk.KMZLWOXI.js";
+import "../../../../chunks/chunk.DKVCRWJF.js";
+import "../../../../chunks/chunk.T3OQKYCT.js";
+import "../../../../chunks/chunk.VK2FVWOF.js";
+export {
+  ChartPresets
+};
+//# sourceMappingURL=index.js.map

package/dist/components/chart/configs/presets/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/chart/configs/utilities.d.ts

@@ -0,0 +1,61 @@
+import type { ECConfig } from '../types.js';
+/**
+ * A single partial config contribution that can participate in a merge.
+ */
+type ConfigLayer = Partial<ECConfig> | undefined;
+/**
+ * Merges multiple config layers into a single ECConfig.
+ *
+ * Nested plain objects are deep-merged recursively. Arrays are always
+ * replaced by the rightmost (latest) value that provides them. Undefined
+ * or null layers are silently ignored, allowing conditional config layers
+ * to be passed without pre-filtering.
+ *
+ * This is the primary low-level helper used inside ConfigModifier functions
+ * and builder operations. When no layers are provided, returns an empty object.
+ *
+ * @param layers Variable number of config layers to merge, applied left-to-right.
+ * @returns The fully merged chart configuration.
+ *
+ * @example
+ * ```ts
+ * // Basic merge
+ * const myModifier: ConfigModifier = (config) =>
+ *   mergeConfigs(config, { xAxis: { name: 'Days' } });
+ *
+ * // With conditional layers
+ * const config = mergeConfigs(
+ *   baseConfig,
+ *   shouldAddTitle ? { title: { text: 'My Chart' } } : undefined,
+ *   { yAxis: { name: 'Values' } }
+ * );
+ * ```
+ */
+export declare const mergeConfigs: (...layers: ConfigLayer[]) => ECConfig;
+/**
+ * The signature of a function that modifies a chart configuration.
+ *
+ * @example
+ * ```ts
+ * const myModifier: ConfigModifier = (config) =>
+ *   mergeConfigs(config, { xAxis: { name: 'Days' } });
+ * ```
+ */
+export type ConfigModifier = (config: ECConfig) => ECConfig;
+/**
+ * Composes multiple modifiers into a single `ConfigModifier`.
+ * Modifiers are applied left-to-right, so later Modifiers override earlier ones.
+ *
+ * Each modifier is evaluated against the accumulated, merged config so composed
+ * patch-style modifiers can depend on updates from earlier ones.
+ *
+ * @param modifiers The modifiers to apply in sequence.
+ * @returns A single `ConfigModifier` representing the full composition.
+ *
+ * @example
+ * ```ts
+ * const combined = compose(axesShowSplitLines(), axesHideYLabels());
+ * ```
+ */
+export declare const compose: (...modifiers: ConfigModifier[]) => ConfigModifier;
+export {};

package/dist/components/chart/configs/utilities.js

@@ -0,0 +1,10 @@
+import {
+  compose,
+  mergeConfigs
+} from "../../../chunks/chunk.T3OQKYCT.js";
+import "../../../chunks/chunk.VK2FVWOF.js";
+export {
+  compose,
+  mergeConfigs
+};
+//# sourceMappingURL=utilities.js.map

package/dist/components/chart/configs/utilities.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/chart/themes/light.d.ts

@@ -0,0 +1,136 @@
+export declare const synergyLightTheme: {
+    categoryAxis: {
+        alignTicks: boolean;
+        axisLabel: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+        };
+        axisLine: {
+            lineStyle: {
+                color: string;
+                width: number;
+            };
+            show: boolean;
+        };
+        minorSplitLine: {
+            lineStyle: {};
+        };
+        nameTextStyle: {
+            color: string;
+            fontSize: string;
+            fontWeight: string;
+        };
+        splitLine: {
+            lineStyle: {
+                color: string;
+            };
+            show: boolean;
+        };
+    };
+    color: string[];
+    darkMode: string;
+    grid: {
+        bottom: number;
+        left: number;
+        right: number;
+        top: number;
+    };
+    logAxis: {
+        alignTicks: boolean;
+        axisLabel: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+        };
+        axisLine: {
+            lineStyle: {
+                color: string;
+                width: number;
+            };
+            show: boolean;
+        };
+        minorSplitLine: {
+            lineStyle: {};
+        };
+        nameTextStyle: {
+            color: string;
+            fontSize: string;
+            fontWeight: string;
+        };
+        splitLine: {
+            lineStyle: {
+                color: string;
+            };
+            show: boolean;
+        };
+    };
+    textStyle: {
+        color: string;
+        fontFamily: string;
+        fontSize: string;
+        fontWeight: string;
+    };
+    timeAxis: {
+        alignTicks: boolean;
+        axisLabel: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+        };
+        axisLine: {
+            lineStyle: {
+                color: string;
+                width: number;
+            };
+            show: boolean;
+        };
+        minorSplitLine: {
+            lineStyle: {};
+        };
+        nameTextStyle: {
+            color: string;
+            fontSize: string;
+            fontWeight: string;
+        };
+        splitLine: {
+            lineStyle: {
+                color: string;
+            };
+            show: boolean;
+        };
+    };
+    valueAxis: {
+        alignTicks: boolean;
+        axisLabel: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+        };
+        axisLine: {
+            lineStyle: {
+                color: string;
+                width: number;
+            };
+            show: boolean;
+        };
+        minorSplitLine: {
+            lineStyle: {};
+        };
+        nameTextStyle: {
+            color: string;
+            fontSize: string;
+            fontWeight: string;
+        };
+        splitLine: {
+            lineStyle: {
+                color: string;
+            };
+            show: boolean;
+        };
+    };
+};

package/dist/components/chart/themes/light.js

@@ -0,0 +1,12 @@
+import {
+  synergyLightTheme
+} from "../../../chunks/chunk.MLDHXUGM.js";
+import "../../../chunks/chunk.JOYNXTII.js";
+import "../../../chunks/chunk.KMZLWOXI.js";
+import "../../../chunks/chunk.DKVCRWJF.js";
+import "../../../chunks/chunk.T3OQKYCT.js";
+import "../../../chunks/chunk.VK2FVWOF.js";
+export {
+  synergyLightTheme
+};
+//# sourceMappingURL=light.js.map

package/dist/components/chart/themes/light.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/chart/themes/utilities.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Resolves a CSS custom property token to its computed value on the document body.
+ *
+ * @param token CSS custom property name, e.g. --syn-color-primary.
+ * @returns Trimmed computed value or an empty string when the token is not defined.
+ */
+export declare const getRealStyleValue: (token: string) => string;
+/**
+ * Resolves a CSS custom property token and parses the numeric part from the value.
+ *
+ * @param token CSS custom property name.
+ * @returns Parsed floating-point number from the computed style value.
+ */
+export declare const getRealValueWithoutUnit: (token: string) => number;
+/**
+ * Normalizes either a single value or an array into an array shape.
+ *
+ * @param value A single item or an array of items.
+ * @returns The input as an array.
+ */
+export declare const normalizeArray: <T>(value: T | T[]) => T[];
+/**
+ * Ensures that a nested property path exists and applies a default value when the final key is missing.
+ * Existing values are preserved.
+ *
+ * @param target Object that is read and potentially mutated.
+ * @param keyPath Dot-separated key path, e.g. a.b.c.
+ * @param value Default value to assign when the final key does not exist.
+ */
+export declare const setDefaultValueIfNotAvailable: (target: Record<string, unknown>, keyPath: string, value: unknown) => void;

package/dist/components/chart/themes/utilities.js

@@ -0,0 +1,14 @@
+import {
+  getRealStyleValue,
+  getRealValueWithoutUnit,
+  normalizeArray,
+  setDefaultValueIfNotAvailable
+} from "../../../chunks/chunk.DKVCRWJF.js";
+import "../../../chunks/chunk.VK2FVWOF.js";
+export {
+  getRealStyleValue,
+  getRealValueWithoutUnit,
+  normalizeArray,
+  setDefaultValueIfNotAvailable
+};
+//# sourceMappingURL=utilities.js.map

package/dist/components/chart/themes/utilities.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/chart/types.d.ts

@@ -1,3 +1,35 @@
-import type { LineSeriesOption } from 'echarts/charts.js';
-import type { ComposeOption } from 'echarts/core.js';
-export type ECConfig = ComposeOption<LineSeriesOption>;
+import type { EChartsOption } from 'echarts/types/dist/shared.js';
+import { type ChartPresets } from './configs/presets/index.js';
+import type { ChartConfigBuilder } from './configs/config.js';
+export type ECConfig = EChartsOption;
+export type ChartPresetFunctions = {
+    [K in keyof typeof ChartPresets]: (...args: Parameters<(typeof ChartPresets)[K]>) => ChartConfigHandle;
+};
+export type ChartConfigHandle = ChartPresetFunctions & Omit<ChartConfigBuilder, 'build'>;
+/**
+ * Configuration callback for the chart `config` property.
+ *
+ * This callback is invoked with a configuration handle that provides preset functions
+ * for building the chart configuration. Use the handle to call preset functions and
+ * set the base configuration. The callback is responsible for configuring all aspects
+ * of the chart before rendering.
+ *
+ * @example
+ * ```typescript
+ * config={(handle) => {
+ *   handle.baseConfig({ ... });
+ *   handle.axesShowSplitLines();
+ *   handle.axesAddXLabelIcons({ ... });
+ * }}
+ * ```
+ */
+export type ChartConfigCallback = (handle: ChartConfigHandle) => void;
+/**
+ * Accepted input type for the `config` property on `<syn-chart>`.
+ *
+ * Can be either:
+ * - A direct ECharts configuration object
+ * - A callback function that configures the chart using preset functions
+ */
+export type ChartConfigType = ECConfig | ChartConfigCallback;
+export type { AxisIndices, AxisUpdateOptions, AxesUpdateOptions, AxisLabelIconOptions, } from './configs/axes/types.js';

package/dist/components/chart/types.js

@@ -1 +1,7 @@
+import "../../chunks/chunk.FVE47CHN.js";
+import "../../chunks/chunk.VCDIUHSK.js";
+import "../../chunks/chunk.KMZLWOXI.js";
+import "../../chunks/chunk.DKVCRWJF.js";
+import "../../chunks/chunk.T3OQKYCT.js";
+import "../../chunks/chunk.VK2FVWOF.js";
 //# sourceMappingURL=types.js.map

package/dist/components/checkbox/checkbox.component.js

@@ -1,12 +1,12 @@
 import {
   SynCheckbox
-} from "../../chunks/chunk.QEY3KSN5.js";
+} from "../../chunks/chunk.DM334SKR.js";
 import "../../chunks/chunk.VOUZJK5T.js";
 import "../../chunks/chunk.3JDUKQRN.js";
 import "../../chunks/chunk.34WYIU4C.js";
-import "../../chunks/chunk.J3GDDM6Q.js";
+import "../../chunks/chunk.YDQ424MR.js";
 import "../../chunks/chunk.CHFWLQN5.js";
-import "../../chunks/chunk.SFBN63ZC.js";
+import "../../chunks/chunk.K334YNKM.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.4XZTYPIY.js";
 import "../../chunks/chunk.F34K2IO5.js";
@@ -14,16 +14,16 @@ import "../../chunks/chunk.RODNHT5C.js";
 import "../../chunks/chunk.V6EJ6D6V.js";
 import "../../chunks/chunk.MHE3EGAM.js";
 import "../../chunks/chunk.6FE6XMS5.js";
-import "../../chunks/chunk.4I2RJVH5.js";
-import "../../chunks/chunk.Z4QAGMQF.js";
-import "../../chunks/chunk.PTC76IOL.js";
+import "../../chunks/chunk.L3E7LAEB.js";
+import "../../chunks/chunk.WCUWW5GN.js";
+import "../../chunks/chunk.BNSX6OTG.js";
 import "../../chunks/chunk.JIHDB74M.js";
-import "../../chunks/chunk.QDG5AJZX.js";
+import "../../chunks/chunk.W4CT6NKC.js";
 import "../../chunks/chunk.PLV4PZYX.js";
-import "../../chunks/chunk.SMIMHADA.js";
+import "../../chunks/chunk.UR2E7Y2Q.js";
 import "../../chunks/chunk.2NT3B5WJ.js";
-import "../../chunks/chunk.7YCUXELV.js";
-import "../../chunks/chunk.MO2GTRUM.js";
+import "../../chunks/chunk.SVQL2UJA.js";
+import "../../chunks/chunk.VK2FVWOF.js";
 export {
   SynCheckbox as default
 };

package/dist/components/checkbox/checkbox.js

@@ -1,13 +1,13 @@
 import {
   checkbox_default
-} from "../../chunks/chunk.JNI24XE2.js";
-import "../../chunks/chunk.QEY3KSN5.js";
+} from "../../chunks/chunk.NWGLMPSS.js";
+import "../../chunks/chunk.DM334SKR.js";
 import "../../chunks/chunk.VOUZJK5T.js";
 import "../../chunks/chunk.3JDUKQRN.js";
 import "../../chunks/chunk.34WYIU4C.js";
-import "../../chunks/chunk.J3GDDM6Q.js";
+import "../../chunks/chunk.YDQ424MR.js";
 import "../../chunks/chunk.CHFWLQN5.js";
-import "../../chunks/chunk.SFBN63ZC.js";
+import "../../chunks/chunk.K334YNKM.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.4XZTYPIY.js";
 import "../../chunks/chunk.F34K2IO5.js";
@@ -15,16 +15,16 @@ import "../../chunks/chunk.RODNHT5C.js";
 import "../../chunks/chunk.V6EJ6D6V.js";
 import "../../chunks/chunk.MHE3EGAM.js";
 import "../../chunks/chunk.6FE6XMS5.js";
-import "../../chunks/chunk.4I2RJVH5.js";
-import "../../chunks/chunk.Z4QAGMQF.js";
-import "../../chunks/chunk.PTC76IOL.js";
+import "../../chunks/chunk.L3E7LAEB.js";
+import "../../chunks/chunk.WCUWW5GN.js";
+import "../../chunks/chunk.BNSX6OTG.js";
 import "../../chunks/chunk.JIHDB74M.js";
-import "../../chunks/chunk.QDG5AJZX.js";
+import "../../chunks/chunk.W4CT6NKC.js";
 import "../../chunks/chunk.PLV4PZYX.js";
-import "../../chunks/chunk.SMIMHADA.js";
+import "../../chunks/chunk.UR2E7Y2Q.js";
 import "../../chunks/chunk.2NT3B5WJ.js";
-import "../../chunks/chunk.7YCUXELV.js";
-import "../../chunks/chunk.MO2GTRUM.js";
+import "../../chunks/chunk.SVQL2UJA.js";
+import "../../chunks/chunk.VK2FVWOF.js";
 export {
   checkbox_default as default
 };

package/dist/components/checkbox/checkbox.styles.js

@@ -1,7 +1,7 @@
 import {
   checkbox_styles_default
 } from "../../chunks/chunk.VOUZJK5T.js";
-import "../../chunks/chunk.MO2GTRUM.js";
+import "../../chunks/chunk.VK2FVWOF.js";
 export {
   checkbox_styles_default as default
 };

package/dist/components/combobox/combobox.component.js

@@ -1,24 +1,24 @@
 import {
   SynCombobox
-} from "../../chunks/chunk.WYNCUNIG.js";
+} from "../../chunks/chunk.NBORQHHD.js";
 import "../../chunks/chunk.4P4UJDDZ.js";
 import "../../chunks/chunk.KLL2SVR7.js";
 import "../../chunks/chunk.FVIRHFY6.js";
-import "../../chunks/chunk.L7EEUWC6.js";
+import "../../chunks/chunk.HDA5Z55X.js";
 import "../../chunks/chunk.D64TGJ7Y.js";
 import "../../chunks/chunk.ARR23WUY.js";
 import "../../chunks/chunk.AMDQJFFP.js";
 import "../../chunks/chunk.VECCQZP5.js";
 import "../../chunks/chunk.2DT3C6WE.js";
 import "../../chunks/chunk.34WYIU4C.js";
-import "../../chunks/chunk.J3GDDM6Q.js";
-import "../../chunks/chunk.GUW23JPZ.js";
+import "../../chunks/chunk.YDQ424MR.js";
+import "../../chunks/chunk.T7E5AB4C.js";
 import "../../chunks/chunk.HU237XM2.js";
 import "../../chunks/chunk.X5NFOV5A.js";
 import "../../chunks/chunk.CHFWLQN5.js";
-import "../../chunks/chunk.OBX7SKFS.js";
+import "../../chunks/chunk.SUR3MBPZ.js";
 import "../../chunks/chunk.3U6C42N7.js";
-import "../../chunks/chunk.SFBN63ZC.js";
+import "../../chunks/chunk.K334YNKM.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.4XZTYPIY.js";
 import "../../chunks/chunk.F34K2IO5.js";
@@ -26,25 +26,25 @@ import "../../chunks/chunk.RODNHT5C.js";
 import "../../chunks/chunk.V6EJ6D6V.js";
 import "../../chunks/chunk.MHE3EGAM.js";
 import "../../chunks/chunk.6FE6XMS5.js";
-import "../../chunks/chunk.4I2RJVH5.js";
-import "../../chunks/chunk.Z4QAGMQF.js";
-import "../../chunks/chunk.PTC76IOL.js";
+import "../../chunks/chunk.L3E7LAEB.js";
+import "../../chunks/chunk.WCUWW5GN.js";
+import "../../chunks/chunk.BNSX6OTG.js";
 import "../../chunks/chunk.JIHDB74M.js";
-import "../../chunks/chunk.QDG5AJZX.js";
+import "../../chunks/chunk.W4CT6NKC.js";
 import "../../chunks/chunk.PLV4PZYX.js";
-import "../../chunks/chunk.MWEJ7CGR.js";
+import "../../chunks/chunk.SLVCX4PN.js";
 import "../../chunks/chunk.3334XOIY.js";
 import "../../chunks/chunk.LQDIH4Z5.js";
-import "../../chunks/chunk.Q6HZ4JXR.js";
-import "../../chunks/chunk.RJUVM6NO.js";
+import "../../chunks/chunk.DLSBQOBA.js";
+import "../../chunks/chunk.NIRQP534.js";
 import "../../chunks/chunk.XQSKN3CN.js";
-import "../../chunks/chunk.VCRQ2GII.js";
-import "../../chunks/chunk.SJ2BHUR7.js";
-import "../../chunks/chunk.PWUNMARH.js";
-import "../../chunks/chunk.SMIMHADA.js";
+import "../../chunks/chunk.ZXMSJF2M.js";
+import "../../chunks/chunk.6OW5UAV2.js";
+import "../../chunks/chunk.P4YIFZXB.js";
+import "../../chunks/chunk.UR2E7Y2Q.js";
 import "../../chunks/chunk.2NT3B5WJ.js";
-import "../../chunks/chunk.7YCUXELV.js";
-import "../../chunks/chunk.MO2GTRUM.js";
+import "../../chunks/chunk.SVQL2UJA.js";
+import "../../chunks/chunk.VK2FVWOF.js";
 export {
   SynCombobox as default
 };