@luzmo/dashboard-contents-types 1.0.39 → 1.0.41

package/scatter-plot/scatter-plot-options.config.js

@@ -1,6 +1,8 @@
-import { getThemeAxisColor as e, getThemeAxisColorExtraLabelClickAction as t, getThemeAxisColorExtraLabelHasClickAction as n, getThemeAxisColorResetLabel as r, getThemeMainColor as i, getThemeMainColorExtraLabelClickAction as a, getThemeMainColorExtraLabelHasClickAction as o, getThemeMainColorResetLabel as s } from "../helpers.js";
+import { getThemeMainColor as e, getThemeMainColorExtraLabelClickAction as t, getThemeMainColorExtraLabelHasClickAction as n, getThemeMainColorResetLabel as r } from "../helpers.js";
+import { createAxesOptionsGroup as i } from "../shared/utils/axis-options.config.js";
+import { createScatterGuidelinesOptionsGroup as a } from "../shared/utils/guidelines-options.config.js";
 //#region src/lib/scatter-plot/scatter-plot-options.config.ts
-var c = ({ slots: e }) => Array.isArray(e) && e?.length > 0 ? (e?.find((e) => e?.name === "color")?.content?.length ?? 0) > 0 : !1, l = [
+var o = ({ slots: e }) => Array.isArray(e) && e?.length > 0 ? (e?.find((e) => e?.name === "color")?.content?.length ?? 0) > 0 : !1, s = [
 	{
 		key: "general",
 		type: "group",
@@ -21,238 +23,39 @@ var c = ({ slots: e }) => Array.isArray(e) && e?.length > 0 ? (e?.find((e) => e?
 					label: "Legend",
 					default: !0
 				},
-				visibleIf: c
+				visibleIf: o
 			},
 			{
 				key: "color",
 				control: {
 					type: "color-picker",
 					label: "Color",
-					default: ({ theme: e }) => i(e),
-					extraLabel: ({ options: e, theme: t }) => s(e, t, "color"),
-					extraLabelHasClickAction: ({ options: e, theme: t }) => o(e, t, "color"),
-					extraLabelClickAction: ({ options: e, theme: t }) => a(e, t, "color")
+					default: ({ theme: t }) => e(t),
+					extraLabel: ({ options: e, theme: t }) => r(e, t, "color"),
+					extraLabelHasClickAction: ({ options: e, theme: t }) => n(e, t, "color"),
+					extraLabelClickAction: ({ options: e, theme: n }) => t(e, n, "color")
 				},
 				visibleIf: ({ slots: e }) => Array.isArray(e) && e?.length > 0 ? e?.find((e) => e?.name === "color")?.content?.length === 0 : !0
 			}
 		]
 	},
-	{
-		key: "axes",
-		type: "group",
-		open: !1,
-		children: [
-			{
-				key: "axis.x.color",
-				control: {
-					type: "color-picker",
-					label: "X-axis color",
-					default: ({ theme: t }) => e(t),
-					extraLabel: ({ options: e, theme: t }) => r(e, t, "axis.x.color"),
-					extraLabelHasClickAction: ({ options: e, theme: t }) => n(e, t, "axis.x.color"),
-					extraLabelClickAction: ({ options: e, theme: n }) => t(e, n, "axis.x.color")
-				}
-			},
-			{
-				key: "xAxisLabels",
-				type: "group",
-				label: "X-axis label",
-				collapsible: !0,
-				open: !0,
-				children: [{
-					key: "axislabels.x.enabled",
-					control: {
-						type: "switch",
-						label: "Enabled",
-						default: !1
-					}
-				}, {
-					key: "axislabels.x.position",
-					control: {
-						type: "picker",
-						label: "Position",
-						default: "center",
-						enum: [
-							"left",
-							"center",
-							"right"
-						]
-					},
-					visibleIf: ({ options: e }) => e?.axislabels?.x?.enabled === !0
-				}]
-			},
-			{
-				key: "xAxisTicks",
-				type: "group",
-				label: "X-axis ticks",
-				collapsible: !0,
-				open: !0,
-				children: [
-					{
-						key: "axis.x.ticksMode",
-						control: {
-							type: "picker",
-							label: "Display mode",
-							default: "ticks",
-							enum: [
-								"ticks",
-								"hide",
-								"gridlines"
-							],
-							toOptions: ({ options: e, value: t }) => ({
-								...e,
-								axis: {
-									...e?.axis,
-									x: {
-										...e?.axis?.x,
-										ticksMode: t
-									}
-								},
-								grid: {
-									...e?.grid,
-									x: {
-										...e?.grid?.x,
-										enabled: t === "gridlines"
-									}
-								}
-							})
-						}
-					},
-					{
-						key: "grid.x.style",
-						control: {
-							type: "picker",
-							label: "Gridline style",
-							default: "solid",
-							enum: [
-								"solid",
-								"dotted",
-								"dashed"
-							]
-						},
-						visibleIf: ({ options: e }) => e?.axis?.x?.ticksMode === "gridlines" && e?.grid?.x?.enabled === !0
-					},
-					{
-						key: "grid.x.opacity",
-						control: {
-							type: "slider",
-							label: "Gridline opacity",
-							default: .3,
-							min: .1,
-							max: 1,
-							step: .1
-						},
-						visibleIf: ({ options: e }) => e?.axis?.x?.ticksMode === "gridlines" && e?.grid?.x?.enabled === !0
-					}
-				]
-			},
-			{ type: "divider" },
-			{
-				key: "axis.y.color",
-				control: {
-					type: "color-picker",
-					label: "Y-axis color",
-					default: ({ theme: t }) => e(t),
-					extraLabel: ({ options: e, theme: t }) => r(e, t, "axis.y.color"),
-					extraLabelHasClickAction: ({ options: e, theme: t }) => n(e, t, "axis.y.color"),
-					extraLabelClickAction: ({ options: e, theme: n }) => t(e, n, "axis.y.color")
-				}
-			},
-			{
-				key: "yAxisLabels",
-				type: "group",
-				label: "Y-axis label",
-				collapsible: !0,
-				open: !0,
-				children: [{
-					key: "axislabels.y.enabled",
-					control: {
-						type: "switch",
-						label: "Enabled",
-						default: !1
-					}
-				}, {
-					key: "axislabels.y.position",
-					control: {
-						type: "picker",
-						label: "Position",
-						default: "middle",
-						enum: [
-							"top",
-							"middle",
-							"bottom"
-						]
-					},
-					visibleIf: ({ options: e }) => e?.axislabels?.y?.enabled === !0
-				}]
-			},
-			{
-				key: "yAxisTicks",
-				type: "group",
-				label: "Y-axis ticks",
-				collapsible: !0,
-				open: !0,
-				children: [
-					{
-						key: "axis.y.ticksMode",
-						control: {
-							type: "picker",
-							label: "Display mode",
-							default: "ticks",
-							enum: [
-								"ticks",
-								"hide",
-								"gridlines"
-							],
-							toOptions: ({ options: e, value: t }) => ({
-								...e,
-								axis: {
-									...e?.axis,
-									y: {
-										...e?.axis?.y,
-										ticksMode: t
-									}
-								},
-								grid: {
-									...e?.grid,
-									y: {
-										...e?.grid?.y,
-										enabled: t === "gridlines"
-									}
-								}
-							})
-						}
-					},
-					{
-						key: "grid.y.style",
-						control: {
-							type: "picker",
-							label: "Gridline style",
-							default: "solid",
-							enum: [
-								"solid",
-								"dotted",
-								"dashed"
-							]
-						},
-						visibleIf: ({ options: e }) => e?.axis?.y?.ticksMode === "gridlines" && e?.grid?.y?.enabled === !0
-					},
-					{
-						key: "grid.y.opacity",
-						control: {
-							type: "slider",
-							label: "Gridline opacity",
-							default: .3,
-							min: .1,
-							max: 1,
-							step: .1
-						},
-						visibleIf: ({ options: e }) => e?.axis?.y?.ticksMode === "gridlines" && e?.grid?.y?.enabled === !0
-					}
-				]
-			}
-		]
-	},
+	i([{
+		axis: "x",
+		role: "numeric",
+		manualRange: { key: "manualAxesRange.x" },
+		color: !0,
+		label: !0,
+		tickMode: !0,
+		gridlines: !0
+	}, {
+		axis: "y",
+		role: "numeric",
+		manualRange: { key: "manualAxesRange.y" },
+		color: !0,
+		label: !0,
+		tickMode: !0,
+		gridlines: !0
+	}]),
 	{
 		key: "legend",
 		type: "group",
@@ -295,10 +98,11 @@ var c = ({ slots: e }) => Array.isArray(e) && e?.length > 0 ? (e?.find((e) => e?
 				visibleIf: ({ options: e }) => e?.legend?.customOrder === !0
 			}
 		],
-		visibleIf: c
-	}
+		visibleIf: o
+	},
+	a()
 ];
 //#endregion
-export { l as default };
+export { s as default };
 
 //# sourceMappingURL=scatter-plot-options.config.js.map

package/scatter-plot/scatter-plot-options.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"scatter-plot-options.config.js","names":[],"sources":["../../../../libs/dashboard-contents-types/src/lib/scatter-plot/scatter-plot-options.config.ts"],"sourcesContent":["import {\n  getThemeAxisColor,\n  getThemeAxisColorExtraLabelClickAction,\n  getThemeAxisColorExtraLabelHasClickAction,\n  getThemeAxisColorResetLabel,\n  getThemeMainColor,\n  getThemeMainColorExtraLabelClickAction,\n  getThemeMainColorExtraLabelHasClickAction,\n  getThemeMainColorResetLabel\n} from '../helpers';\nimport type { OptionsConfig, OptionsConfigContext } from '../shared/utils/options-config.types';\nimport type { ScatterPlotViewOptions } from './scatter-plot-options';\nimport type { ScatterPlotSlots } from './scatter-plot-slots';\n\ntype ScatterPlotConfigContext = OptionsConfigContext<ScatterPlotViewOptions, ScatterPlotSlots>;\ntype ScatterPlotConfigValue<T> = ScatterPlotConfigContext & { value: T };\n\nconst hasColor = ({ slots }: Pick<ScatterPlotConfigContext, 'slots'>) => {\n  if (Array.isArray(slots) && slots?.length > 0) {\n    return (slots?.find((slot) => slot?.name === 'color')?.content?.length ?? 0) > 0;\n  }\n\n  return false;\n};\n\nconst hasNoColor = ({ slots }: ScatterPlotConfigContext) => {\n  if (Array.isArray(slots) && slots?.length > 0) {\n    return slots?.find((slot) => slot?.name === 'color')?.content?.length === 0;\n  }\n\n  return true;\n};\n\nconst scatterPlotOptionsConfig: OptionsConfig<ScatterPlotConfigContext> = [\n  {\n    key: 'general',\n    type: 'group',\n    open: true,\n    children: [\n      {\n        key: 'display.title',\n        control: {\n          type: 'switch',\n          label: 'Title',\n          default: true\n        }\n      },\n      {\n        key: 'display.legend',\n        control: {\n          type: 'switch',\n          label: 'Legend',\n          default: true\n        },\n        visibleIf: hasColor\n      },\n      {\n        key: 'color',\n        control: {\n          type: 'color-picker',\n          label: 'Color',\n          default: ({ theme }: ScatterPlotConfigContext) => getThemeMainColor(theme),\n          extraLabel: ({ options, theme }: ScatterPlotConfigContext) => getThemeMainColorResetLabel(options, theme, 'color'),\n          extraLabelHasClickAction: ({ options, theme }: ScatterPlotConfigContext) =>\n            getThemeMainColorExtraLabelHasClickAction(options, theme, 'color'),\n          extraLabelClickAction: ({ options, theme }: ScatterPlotConfigContext) =>\n            getThemeMainColorExtraLabelClickAction(options, theme, 'color')\n        },\n        visibleIf: hasNoColor\n      }\n    ]\n  },\n  {\n    key: 'axes',\n    type: 'group',\n    open: false,\n    children: [\n      /* {\n        key: 'manualAxesRange.x',\n        control: {\n          type: 'switch',\n          label: 'Manual x-axis range',\n          default: false\n        }\n      }, */\n      {\n        key: 'axis.x.color',\n        control: {\n          type: 'color-picker',\n          label: 'X-axis color',\n          default: ({ theme }: ScatterPlotConfigContext) => getThemeAxisColor(theme),\n          extraLabel: ({ options, theme }: ScatterPlotConfigContext) => getThemeAxisColorResetLabel(options, theme, 'axis.x.color'),\n          extraLabelHasClickAction: ({ options, theme }: ScatterPlotConfigContext) =>\n            getThemeAxisColorExtraLabelHasClickAction(options, theme, 'axis.x.color'),\n          extraLabelClickAction: ({ options, theme }: ScatterPlotConfigContext) =>\n            getThemeAxisColorExtraLabelClickAction(options, theme, 'axis.x.color')\n        }\n      },\n      {\n        key: 'xAxisLabels',\n        type: 'group',\n        label: 'X-axis label',\n        collapsible: true,\n        open: true,\n        children: [\n          // TODO check doesn't work\n          {\n            key: 'axislabels.x.enabled',\n            control: {\n              type: 'switch',\n              label: 'Enabled',\n              default: false\n            }\n          },\n          {\n            key: 'axislabels.x.position',\n            control: {\n              type: 'picker',\n              label: 'Position',\n              default: 'center',\n              enum: ['left', 'center', 'right']\n            },\n            visibleIf: ({ options }: ScatterPlotConfigContext) => options?.axislabels?.x?.enabled === true\n          }\n        ]\n      },\n      {\n        key: 'xAxisTicks',\n        type: 'group',\n        label: 'X-axis ticks',\n        collapsible: true,\n        open: true,\n        children: [\n          {\n            key: 'axis.x.ticksMode',\n            control: {\n              type: 'picker',\n              label: 'Display mode',\n              default: 'ticks',\n              enum: ['ticks', 'hide', 'gridlines'],\n              toOptions: ({ options, value }: ScatterPlotConfigValue<'ticks' | 'hide' | 'gridlines'>) => ({\n                ...options,\n                axis: {\n                  ...options?.axis,\n                  x: {\n                    ...options?.axis?.x,\n                    ticksMode: value\n                  }\n                },\n                grid: {\n                  ...options?.grid,\n                  x: {\n                    ...options?.grid?.x,\n                    enabled: value === 'gridlines'\n                  }\n                }\n              })\n            }\n          },\n          {\n            key: 'grid.x.style',\n            control: {\n              type: 'picker',\n              label: 'Gridline style',\n              default: 'solid',\n              enum: ['solid', 'dotted', 'dashed']\n            },\n            visibleIf: ({ options }: ScatterPlotConfigContext) =>\n              options?.axis?.x?.ticksMode === 'gridlines' && options?.grid?.x?.enabled === true\n          },\n          {\n            key: 'grid.x.opacity',\n            control: {\n              type: 'slider',\n              label: 'Gridline opacity',\n              default: 0.3,\n              min: 0.1,\n              max: 1,\n              step: 0.1\n            },\n            visibleIf: ({ options }: ScatterPlotConfigContext) =>\n              options?.axis?.x?.ticksMode === 'gridlines' && options?.grid?.x?.enabled === true\n          }\n        ]\n      },\n      {\n        type: 'divider'\n      },\n      /* {\n        key: 'manualAxesRange.y',\n        control: {\n          type: 'switch',\n          label: 'Manual y-axis range',\n          default: false\n        }\n      }, */\n      {\n        key: 'axis.y.color',\n        control: {\n          type: 'color-picker',\n          label: 'Y-axis color',\n          default: ({ theme }: ScatterPlotConfigContext) => getThemeAxisColor(theme),\n          extraLabel: ({ options, theme }: ScatterPlotConfigContext) => getThemeAxisColorResetLabel(options, theme, 'axis.y.color'),\n          extraLabelHasClickAction: ({ options, theme }: ScatterPlotConfigContext) =>\n            getThemeAxisColorExtraLabelHasClickAction(options, theme, 'axis.y.color'),\n          extraLabelClickAction: ({ options, theme }: ScatterPlotConfigContext) =>\n            getThemeAxisColorExtraLabelClickAction(options, theme, 'axis.y.color')\n        }\n      },\n      {\n        key: 'yAxisLabels',\n        type: 'group',\n        label: 'Y-axis label',\n        collapsible: true,\n        open: true,\n        children: [\n          // TODO check doesn't work\n          {\n            key: 'axislabels.y.enabled',\n            control: {\n              type: 'switch',\n              label: 'Enabled',\n              default: false\n            }\n          },\n          {\n            key: 'axislabels.y.position',\n            control: {\n              type: 'picker',\n              label: 'Position',\n              default: 'middle',\n              enum: ['top', 'middle', 'bottom']\n            },\n            visibleIf: ({ options }: ScatterPlotConfigContext) => options?.axislabels?.y?.enabled === true\n          }\n        ]\n      },\n      {\n        key: 'yAxisTicks',\n        type: 'group',\n        label: 'Y-axis ticks',\n        collapsible: true,\n        open: true,\n        children: [\n          {\n            key: 'axis.y.ticksMode',\n            control: {\n              type: 'picker',\n              label: 'Display mode',\n              default: 'ticks',\n              enum: ['ticks', 'hide', 'gridlines'],\n              toOptions: ({ options, value }: ScatterPlotConfigValue<'ticks' | 'hide' | 'gridlines'>) => ({\n                ...options,\n                axis: {\n                  ...options?.axis,\n                  y: {\n                    ...options?.axis?.y,\n                    ticksMode: value\n                  }\n                },\n                grid: {\n                  ...options?.grid,\n                  y: {\n                    ...options?.grid?.y,\n                    enabled: value === 'gridlines'\n                  }\n                }\n              })\n            }\n          },\n          {\n            key: 'grid.y.style',\n            control: {\n              type: 'picker',\n              label: 'Gridline style',\n              default: 'solid',\n              enum: ['solid', 'dotted', 'dashed']\n            },\n            visibleIf: ({ options }: ScatterPlotConfigContext) =>\n              options?.axis?.y?.ticksMode === 'gridlines' && options?.grid?.y?.enabled === true\n          },\n          {\n            key: 'grid.y.opacity',\n            control: {\n              type: 'slider',\n              label: 'Gridline opacity',\n              default: 0.3,\n              min: 0.1,\n              max: 1,\n              step: 0.1\n            },\n            visibleIf: ({ options }: ScatterPlotConfigContext) =>\n              options?.axis?.y?.ticksMode === 'gridlines' && options?.grid?.y?.enabled === true\n          }\n        ]\n      }\n    ]\n  },\n  {\n    key: 'legend',\n    type: 'group',\n    open: false,\n    children: [\n      {\n        key: 'legend.position',\n        control: {\n          label: 'Position',\n          type: 'position-picker',\n          default: 'topRight',\n          enum: ['topLeft', 'top', 'topRight', 'right', 'bottomRight', 'bottom', 'bottomLeft', 'left']\n        }\n      },\n      {\n        key: 'legend.customOrder',\n        control: {\n          label: 'Custom order',\n          description: 'Drag items in the chart legend to set the order.',\n          type: 'switch',\n          default: false\n        }\n      },\n      {\n        key: 'interactivity.legendReorder',\n        control: {\n          label: 'Allow viewers to reorder',\n          type: 'switch',\n          default: false\n        },\n        visibleIf: ({ options }: ScatterPlotConfigContext) => options?.legend?.customOrder === true\n      }\n    ],\n    visibleIf: hasColor\n  }\n];\n\nexport default scatterPlotOptionsConfig;\n"],"mappings":"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"}
+{"version":3,"file":"scatter-plot-options.config.js","names":[],"sources":["../../../../libs/dashboard-contents-types/src/lib/scatter-plot/scatter-plot-options.config.ts"],"sourcesContent":["import {\n  getThemeMainColor,\n  getThemeMainColorExtraLabelClickAction,\n  getThemeMainColorExtraLabelHasClickAction,\n  getThemeMainColorResetLabel\n} from '../helpers';\nimport { createAxesOptionsGroup } from '../shared/utils/axis-options.config';\nimport { createScatterGuidelinesOptionsGroup } from '../shared/utils/guidelines-options.config';\nimport type { OptionsConfig, OptionsConfigContext } from '../shared/utils/options-config.types';\nimport type { ScatterPlotViewOptions } from './scatter-plot-options';\nimport type { ScatterPlotSlots } from './scatter-plot-slots';\n\ntype ScatterPlotConfigContext = OptionsConfigContext<ScatterPlotViewOptions, ScatterPlotSlots>;\n\nconst hasColor = ({ slots }: Pick<ScatterPlotConfigContext, 'slots'>) => {\n  if (Array.isArray(slots) && slots?.length > 0) {\n    return (slots?.find((slot) => slot?.name === 'color')?.content?.length ?? 0) > 0;\n  }\n\n  return false;\n};\n\nconst hasNoColor = ({ slots }: ScatterPlotConfigContext) => {\n  if (Array.isArray(slots) && slots?.length > 0) {\n    return slots?.find((slot) => slot?.name === 'color')?.content?.length === 0;\n  }\n\n  return true;\n};\n\nconst scatterPlotOptionsConfig: OptionsConfig<ScatterPlotConfigContext> = [\n  {\n    key: 'general',\n    type: 'group',\n    open: true,\n    children: [\n      {\n        key: 'display.title',\n        control: {\n          type: 'switch',\n          label: 'Title',\n          default: true\n        }\n      },\n      {\n        key: 'display.legend',\n        control: {\n          type: 'switch',\n          label: 'Legend',\n          default: true\n        },\n        visibleIf: hasColor\n      },\n      {\n        key: 'color',\n        control: {\n          type: 'color-picker',\n          label: 'Color',\n          default: ({ theme }: ScatterPlotConfigContext) => getThemeMainColor(theme),\n          extraLabel: ({ options, theme }: ScatterPlotConfigContext) => getThemeMainColorResetLabel(options, theme, 'color'),\n          extraLabelHasClickAction: ({ options, theme }: ScatterPlotConfigContext) =>\n            getThemeMainColorExtraLabelHasClickAction(options, theme, 'color'),\n          extraLabelClickAction: ({ options, theme }: ScatterPlotConfigContext) =>\n            getThemeMainColorExtraLabelClickAction(options, theme, 'color')\n        },\n        visibleIf: hasNoColor\n      }\n    ]\n  },\n  createAxesOptionsGroup<ScatterPlotConfigContext>([\n    { axis: 'x', role: 'numeric', manualRange: { key: 'manualAxesRange.x' }, color: true, label: true, tickMode: true, gridlines: true },\n    { axis: 'y', role: 'numeric', manualRange: { key: 'manualAxesRange.y' }, color: true, label: true, tickMode: true, gridlines: true }\n  ]),\n  {\n    key: 'legend',\n    type: 'group',\n    open: false,\n    children: [\n      {\n        key: 'legend.position',\n        control: {\n          label: 'Position',\n          type: 'position-picker',\n          default: 'topRight',\n          enum: ['topLeft', 'top', 'topRight', 'right', 'bottomRight', 'bottom', 'bottomLeft', 'left']\n        }\n      },\n      {\n        key: 'legend.customOrder',\n        control: {\n          label: 'Custom order',\n          description: 'Drag items in the chart legend to set the order.',\n          type: 'switch',\n          default: false\n        }\n      },\n      {\n        key: 'interactivity.legendReorder',\n        control: {\n          label: 'Allow viewers to reorder',\n          type: 'switch',\n          default: false\n        },\n        visibleIf: ({ options }: ScatterPlotConfigContext) => options?.legend?.customOrder === true\n      }\n    ],\n    visibleIf: hasColor\n  },\n  createScatterGuidelinesOptionsGroup()\n];\n\nexport default scatterPlotOptionsConfig;\n"],"mappings":";;;;AAcA,IAAM,KAAY,EAAE,eACd,MAAM,QAAQ,CAAK,KAAK,GAAO,SAAS,KAClC,GAAO,MAAM,MAAS,GAAM,SAAS,OAAO,CAAC,EAAE,SAAS,UAAU,KAAK,IAG1E,IAWH,IAAoE;CACxE;EACE,KAAK;EACL,MAAM;EACN,MAAM;EACN,UAAU;GACR;IACE,KAAK;IACL,SAAS;KACP,MAAM;KACN,OAAO;KACP,SAAS;IACX;GACF;GACA;IACE,KAAK;IACL,SAAS;KACP,MAAM;KACN,OAAO;KACP,SAAS;IACX;IACA,WAAW;GACb;GACA;IACE,KAAK;IACL,SAAS;KACP,MAAM;KACN,OAAO;KACP,UAAU,EAAE,eAAsC,EAAkB,CAAK;KACzE,aAAa,EAAE,YAAS,eAAsC,EAA4B,GAAS,GAAO,OAAO;KACjH,2BAA2B,EAAE,YAAS,eACpC,EAA0C,GAAS,GAAO,OAAO;KACnE,wBAAwB,EAAE,YAAS,eACjC,EAAuC,GAAS,GAAO,OAAO;IAClE;IACA,YA3CY,EAAE,eAChB,MAAM,QAAQ,CAAK,KAAK,GAAO,SAAS,IACnC,GAAO,MAAM,MAAS,GAAM,SAAS,OAAO,CAAC,EAAE,SAAS,WAAW,IAGrE;GAuCH;EACF;CACF;CACA,EAAiD,CAC/C;EAAE,MAAM;EAAK,MAAM;EAAW,aAAa,EAAE,KAAK,oBAAoB;EAAG,OAAO;EAAM,OAAO;EAAM,UAAU;EAAM,WAAW;CAAK,GACnI;EAAE,MAAM;EAAK,MAAM;EAAW,aAAa,EAAE,KAAK,oBAAoB;EAAG,OAAO;EAAM,OAAO;EAAM,UAAU;EAAM,WAAW;CAAK,CACrI,CAAC;CACD;EACE,KAAK;EACL,MAAM;EACN,MAAM;EACN,UAAU;GACR;IACE,KAAK;IACL,SAAS;KACP,OAAO;KACP,MAAM;KACN,SAAS;KACT,MAAM;MAAC;MAAW;MAAO;MAAY;MAAS;MAAe;MAAU;MAAc;KAAM;IAC7F;GACF;GACA;IACE,KAAK;IACL,SAAS;KACP,OAAO;KACP,aAAa;KACb,MAAM;KACN,SAAS;IACX;GACF;GACA;IACE,KAAK;IACL,SAAS;KACP,OAAO;KACP,MAAM;KACN,SAAS;IACX;IACA,YAAY,EAAE,iBAAwC,GAAS,QAAQ,gBAAgB;GACzF;EACF;EACA,WAAW;CACb;CACA,EAAoC;AACtC"}

package/shared/utils/axis-options.config.cjs

@@ -0,0 +1,2 @@
+const e=require("../../helpers.cjs");var t=(e,t)=>{let n=e;for(let e of t.split(`.`)){if(typeof n!=`object`||!n||Array.isArray(n))return;n=n[e]}return n},n=e=>typeof e==`object`&&!!e&&!Array.isArray(e),r=e=>n(e)?e:{},i=(e,t,n)=>{let[a,...o]=t.split(`.`);return o.length===0?{...e,[a]:n}:{...e,[a]:i(r(e[a]),o.join(`.`),n)}},a=(e,t)=>{let[r,...i]=t.split(`.`);if(!(r in e))return e;if(i.length>0){if(!n(e[r]))return e;let t=a(e[r],i.join(`.`));if(Object.keys(t).length>0)return{...e,[r]:t}}let o={...e};return delete o[r],o},o=(e,t)=>`${e===`axis`?`Axis`:`${e.charAt(0).toUpperCase()}${e.slice(1)} axis`} ${t}`,s=[`minimum`,`maximum`],c=`:`,l=[0,100],u=[`2`,`10`],d=(e,t)=>`${e}${c}${t}`,f=e=>`${e}${c}bounds`,p=[`manualAxesRange`,`manualAxesRange.x`,`manualAxesRange.y`,`axis.y.manualAxesRange`,`axis.y2.manualAxesRange`,`manualAxisRange`],m=e=>{let t=typeof e==`string`?Number.parseFloat(e):e;return typeof t==`number`&&Number.isFinite(t)?t:void 0},h=(e,n)=>{let r=t(e,n);if(!Array.isArray(r)||r.length!==2)return;let i=m(r[0]),a=m(r[1]);return i===void 0||a===void 0?void 0:[i,a]},g=(e,t,n,o)=>{let s=m(o);if(s===void 0)return a(r(e),t);let[c,u]=h(e,t)??l,d=n===`minimum`?s:c,f=n===`maximum`?s:u;return i(r(e),t,d>f?[f,d]:[d,f])},_=({rangeKey:e,labels:n,discriminator:o})=>{let c=[];return o&&c.push({key:o.key,control:{type:`picker`,label:n.range??`Manual axis range`,default:o.default??`default`,enum:[`default`,`manual`,`variable`],toOptions:({options:t,value:n})=>{let s=i(r(t),o.key,n);return n===`manual`?h(t,e)?s:i(s,e,[...l]):a(s,e)}}}),c.push({key:f(e),type:`group`,label:n.range??`Manual axis range`,collapsible:!0,open:!0,children:s.map(t=>({key:d(e,t),control:{type:`number-field`,label:n[t],editorOnly:!0,calculateValue:({options:n})=>h(n,e)?.[t===`minimum`?0:1],toOptions:({options:n,value:r})=>g(n,e,t,r)}})),...o?{visibleIf:({options:e})=>t(e,o.key)===`manual`}:{}}),c},v=(t,n)=>{let r=`axis.${t}.color`;return{key:r,control:{type:`color-picker`,label:o(n,`color`),default:({theme:t})=>e.getThemeAxisColor(t),extraLabel:({options:t,theme:n})=>e.getThemeAxisColorResetLabel(t,n,r),extraLabelHasClickAction:({options:t,theme:n})=>e.getThemeAxisColorExtraLabelHasClickAction(t,n,r),extraLabelClickAction:({options:t,theme:n})=>e.getThemeAxisColorExtraLabelClickAction(t,n,r)}}},y=(e,n)=>({key:`${e}AxisLabels`,type:`group`,label:o(n,`label`),collapsible:!0,open:!0,children:[{key:`axislabels.${e}.enabled`,control:{type:`switch`,label:`Enabled`,default:!1}},{key:`axislabels.${e}.position`,control:{type:`picker`,label:`Position`,default:e===`x`?`center`:`middle`,enum:e===`x`?[`left`,`center`,`right`]:[`top`,`middle`,`bottom`]},visibleIf:({options:n})=>t(n,`axislabels.${e}.enabled`)===!0}]}),b=e=>{let{axis:n,role:a}=e,s=`axis.${n}.ticksMode`,c=[];if(e.tickDensity&&c.push({key:`axis.${n}.ticksDensity`,control:{type:`picker`,label:`Density`,default:`normal`,enum:[`compact`,`normal`,`sparse`]}}),e.tickMode&&c.push({key:s,control:{type:`picker`,label:`Display mode`,default:`ticks`,enum:e.gridlines?[`ticks`,`hide`,`gridlines`]:[`ticks`,`hide`],...e.gridlines?{toOptions:({options:e,value:t})=>i(i(r(e),s,t),`grid.${n}.enabled`,t===`gridlines`)}:{}}}),e.gridlines){let e=({options:e})=>t(e,s)===`gridlines`;c.push({key:`grid.${n}.style`,control:{type:`picker`,label:`Gridline style`,default:`dotted`,enum:[`solid`,`dotted`,`dashed`]},visibleIf:e},{key:`grid.${n}.opacity`,control:{type:`slider`,label:`Gridline opacity`,default:.3,min:.1,max:1,step:.05},visibleIf:e})}return e.datetimeTickStyle&&c.push({key:`axis.${n}.ticksStyle`,control:{type:`picker`,label:`Date format`,default:`auto`,enum:[`auto`,`userDefined`]}}),{key:`${n}AxisTicks`,type:`group`,label:o(a,`ticks`),collapsible:!0,open:!0,children:c}},x=e=>{let{axis:n,role:a}=e,s=[];if(e.scale){let e=`axis.${n}.scale`,c=`axis.${n}.scaleLogBase`;s.push({key:e,control:{type:`picker`,label:o(a,`type`),default:`linear`,enum:[`linear`,`logarithmic`]}},{key:c,control:{type:`picker`,label:`Logarithmic base`,default:`10`,enum:[...u],calculateValue:({options:e})=>{let n=String(t(e,c));return u.includes(n)?n:void 0},toOptions:({options:e,value:t})=>i(r(e),c,Number(t))},visibleIf:({options:n})=>t(n,e)===`logarithmic`})}if(e.manualRange){let{key:t,discriminatorKey:n}=e.manualRange;s.push(..._({rangeKey:t,labels:{range:o(a,`range`),minimum:o(a,`minimum`),maximum:o(a,`maximum`)},...n?{discriminator:{key:n}}:{}}))}return e.color&&s.push(v(n,a)),e.label&&s.push(y(n,a)),(e.tickMode||e.tickDensity||e.datetimeTickStyle)&&s.push(b(e)),s},S=(e,t=[])=>({key:`axes`,type:`group`,open:!1,children:[...t,...e.flatMap(e=>x(e))]});exports.createAxesOptionsGroup=S,exports.createAxisOptions=x,exports.createManualRangeControls=_,exports.manualRangeBoundKey=d,exports.manualRangeBounds=s,exports.manualRangeGroupKey=f,exports.manualRangeKeys=p;
+//# sourceMappingURL=axis-options.config.cjs.map

package/shared/utils/axis-options.config.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"axis-options.config.cjs","names":[],"sources":["../../../../../libs/dashboard-contents-types/src/lib/shared/utils/axis-options.config.ts"],"sourcesContent":["import {\n  getThemeAxisColor,\n  getThemeAxisColorExtraLabelClickAction,\n  getThemeAxisColorExtraLabelHasClickAction,\n  getThemeAxisColorResetLabel\n} from '../../helpers';\nimport type { Axis, AxisGridlinesStyle, AxisScaleType, AxisTicksDensity, AxisTicksMode, MeasureAxisType } from '../types/axes';\nimport type { OptionConfig, OptionsConfigContext } from './options-config.types';\n\nexport type AxisRole = 'measure' | 'category' | 'numeric' | 'axis';\n\ntype ContextWithValue<TContext, TValue> = TContext & { value: TValue };\n\nexport interface AxisOptionsCapabilities {\n  axis: Axis;\n  role: AxisRole;\n  color?: boolean;\n  label?: boolean;\n  scale?: boolean;\n  tickDensity?: boolean;\n  tickMode?: boolean;\n  gridlines?: boolean;\n  datetimeTickStyle?: boolean;\n  manualRange?: {\n    key: string;\n    discriminatorKey?: string;\n  };\n}\n\nconst getNestedValue = (value: unknown, path: string): unknown => {\n  let current = value;\n\n  for (const part of path.split('.')) {\n    if (typeof current !== 'object' || current === null || Array.isArray(current)) {\n      return undefined;\n    }\n\n    current = (current as Record<string, unknown>)[part];\n  }\n\n  return current;\n};\n\nconst isRecord = (value: unknown): value is Record<string, unknown> =>\n  typeof value === 'object' && value !== null && !Array.isArray(value);\n\nconst asRecord = (value: unknown): Record<string, unknown> => (isRecord(value) ? value : {});\n\nconst setNestedValue = (options: Record<string, unknown>, path: string, value: unknown): Record<string, unknown> => {\n  const [head, ...rest] = path.split('.');\n\n  if (rest.length === 0) {\n    return { ...options, [head]: value };\n  }\n\n  return { ...options, [head]: setNestedValue(asRecord(options[head]), rest.join('.'), value) };\n};\n\nconst deleteNestedValue = (options: Record<string, unknown>, path: string): Record<string, unknown> => {\n  const [head, ...rest] = path.split('.');\n\n  if (!(head in options)) {\n    return options;\n  }\n\n  if (rest.length > 0) {\n    if (!isRecord(options[head])) {\n      return options;\n    }\n\n    const child = deleteNestedValue(options[head], rest.join('.'));\n\n    if (Object.keys(child).length > 0) {\n      return { ...options, [head]: child };\n    }\n  }\n\n  const remaining = { ...options };\n\n  delete remaining[head];\n\n  return remaining;\n};\n\nconst roleLabel = (role: AxisRole, suffix: string) =>\n  `${role === 'axis' ? 'Axis' : `${role.charAt(0).toUpperCase()}${role.slice(1)} axis`} ${suffix}`;\n\nexport const manualRangeBounds = ['minimum', 'maximum'] as const;\n\nexport type ManualRangeBound = (typeof manualRangeBounds)[number];\n\nconst manualRangeBoundSeparator = ':';\n\nconst defaultManualRange: [number, number] = [0, 100];\n\nconst logarithmicBases = ['2', '10'] as const;\n\ntype LogarithmicBase = (typeof logarithmicBases)[number];\n\n/**\n * A manual range is persisted as one `[minimum, maximum]` tuple but edited with one number\n * field per bound, so each field needs its own option key. The separator keeps these keys\n * distinguishable from real (dot-separated) option paths: they identify controls only, and\n * the tuple is read and written through `calculateValue` / `toOptions`.\n */\nexport const manualRangeBoundKey = (rangeKey: string, bound: ManualRangeBound): string =>\n  `${rangeKey}${manualRangeBoundSeparator}${bound}`;\n\n/** Key of the group holding both bounds of the manual range persisted at `rangeKey`. */\nexport const manualRangeGroupKey = (rangeKey: string): string => `${rangeKey}${manualRangeBoundSeparator}bounds`;\n\n/** Manual range keys used across the chart option configs, in the order the charts declare them. */\nexport const manualRangeKeys = [\n  'manualAxesRange',\n  'manualAxesRange.x',\n  'manualAxesRange.y',\n  'axis.y.manualAxesRange',\n  'axis.y2.manualAxesRange',\n  'manualAxisRange'\n] as const;\n\nconst toFiniteNumber = (value: unknown): number | undefined => {\n  const parsed = typeof value === 'string' ? Number.parseFloat(value) : value;\n\n  return typeof parsed === 'number' && Number.isFinite(parsed) ? parsed : undefined;\n};\n\nconst readManualRange = (options: unknown, rangeKey: string): [number, number] | undefined => {\n  const value = getNestedValue(options, rangeKey);\n\n  if (!Array.isArray(value) || value.length !== 2) {\n    return undefined;\n  }\n\n  const minimum = toFiniteNumber(value[0]);\n  const maximum = toFiniteNumber(value[1]);\n\n  return minimum === undefined || maximum === undefined ? undefined : [minimum, maximum];\n};\n\nconst writeManualRangeBound = (\n  options: unknown,\n  rangeKey: string,\n  bound: ManualRangeBound,\n  value: unknown\n): Record<string, unknown> => {\n  const nextBound = toFiniteNumber(value);\n\n  // Clearing a bound returns the axis to its automatic range, like toggling the range off.\n  if (nextBound === undefined) {\n    return deleteNestedValue(asRecord(options), rangeKey);\n  }\n\n  const [currentMinimum, currentMaximum] = readManualRange(options, rangeKey) ?? defaultManualRange;\n  const minimum = bound === 'minimum' ? nextBound : currentMinimum;\n  const maximum = bound === 'maximum' ? nextBound : currentMaximum;\n\n  return setNestedValue(asRecord(options), rangeKey, minimum > maximum ? [maximum, minimum] : [minimum, maximum]);\n};\n\nexport interface ManualRangeControlsConfig {\n  rangeKey: string;\n  labels: {\n    minimum: string;\n    maximum: string;\n    range?: string;\n  };\n  discriminator?: {\n    key: string;\n    default?: MeasureAxisType;\n  };\n}\n\n/**\n * Builds the controls that edit a manual axis range: an optional range mode picker plus one\n * number field per bound.\n */\nexport const createManualRangeControls = <TContext extends OptionsConfigContext>({\n  rangeKey,\n  labels,\n  discriminator\n}: ManualRangeControlsConfig): OptionConfig<TContext>[] => {\n  const controls: OptionConfig<TContext>[] = [];\n\n  if (discriminator) {\n    controls.push({\n      key: discriminator.key,\n      control: {\n        type: 'picker',\n        label: labels.range ?? 'Manual axis range',\n        default: discriminator.default ?? 'default',\n        enum: ['default', 'manual', 'variable'] satisfies MeasureAxisType[],\n        toOptions: ({ options, value }: ContextWithValue<TContext, MeasureAxisType>) => {\n          const next = setNestedValue(asRecord(options), discriminator.key, value);\n\n          if (value !== 'manual') {\n            return deleteNestedValue(next, rangeKey);\n          }\n\n          // Seed a complete tuple, because a single bound cannot be persisted on its own.\n          return readManualRange(options, rangeKey) ? next : setNestedValue(next, rangeKey, [...defaultManualRange]);\n        }\n      }\n    });\n  }\n\n  // Both bounds share one group so their labels stay unambiguous when a chart has several ranges.\n  controls.push({\n    key: manualRangeGroupKey(rangeKey),\n    type: 'group',\n    label: labels.range ?? 'Manual axis range',\n    collapsible: true,\n    open: true,\n    children: manualRangeBounds.map((bound) => ({\n      key: manualRangeBoundKey(rangeKey, bound),\n      control: {\n        type: 'number-field',\n        label: labels[bound],\n        // The tuple is the persisted option; these bound keys never leave the editor.\n        editorOnly: true,\n        calculateValue: ({ options }: TContext) => readManualRange(options, rangeKey)?.[bound === 'minimum' ? 0 : 1],\n        toOptions: ({ options, value }: ContextWithValue<TContext, unknown>) =>\n          writeManualRangeBound(options, rangeKey, bound, value)\n      }\n    })),\n    ...(discriminator\n      ? { visibleIf: ({ options }: TContext) => getNestedValue(options, discriminator.key) === 'manual' }\n      : {})\n  });\n\n  return controls;\n};\n\nconst createColorControl = <TContext extends OptionsConfigContext>(axis: Axis, role: AxisRole): OptionConfig<TContext> => {\n  const key = `axis.${axis}.color`;\n\n  return {\n    key,\n    control: {\n      type: 'color-picker',\n      label: roleLabel(role, 'color'),\n      default: ({ theme }: TContext) => getThemeAxisColor(theme),\n      extraLabel: ({ options, theme }: TContext) => getThemeAxisColorResetLabel(options, theme, key),\n      extraLabelHasClickAction: ({ options, theme }: TContext) =>\n        getThemeAxisColorExtraLabelHasClickAction(options, theme, key),\n      extraLabelClickAction: ({ options, theme }: TContext) =>\n        getThemeAxisColorExtraLabelClickAction(options, theme, key)\n    }\n  };\n};\n\nconst createLabelGroup = <TContext extends OptionsConfigContext>(axis: Axis, role: AxisRole): OptionConfig<TContext> => ({\n  key: `${axis}AxisLabels`,\n  type: 'group',\n  label: roleLabel(role, 'label'),\n  collapsible: true,\n  open: true,\n  children: [\n    {\n      key: `axislabels.${axis}.enabled`,\n      control: {\n        type: 'switch',\n        label: 'Enabled',\n        default: false\n      }\n    },\n    {\n      key: `axislabels.${axis}.position`,\n      control: {\n        type: 'picker',\n        label: 'Position',\n        default: axis === 'x' ? 'center' : 'middle',\n        enum: axis === 'x' ? ['left', 'center', 'right'] : ['top', 'middle', 'bottom']\n      },\n      visibleIf: ({ options }: TContext) => getNestedValue(options, `axislabels.${axis}.enabled`) === true\n    }\n  ]\n});\n\nconst createTicksGroup = <TContext extends OptionsConfigContext>(\n  capabilities: AxisOptionsCapabilities\n): OptionConfig<TContext> => {\n  const { axis, role } = capabilities;\n  const ticksModeKey = `axis.${axis}.ticksMode`;\n  const children: OptionConfig<TContext>[] = [];\n\n  if (capabilities.tickDensity) {\n    children.push({\n      key: `axis.${axis}.ticksDensity`,\n      control: {\n        type: 'picker',\n        label: 'Density',\n        default: 'normal' satisfies AxisTicksDensity,\n        enum: ['compact', 'normal', 'sparse'] satisfies AxisTicksDensity[]\n      }\n    });\n  }\n\n  if (capabilities.tickMode) {\n    children.push({\n      key: ticksModeKey,\n      control: {\n        type: 'picker',\n        label: 'Display mode',\n        default: 'ticks' satisfies AxisTicksMode,\n        enum: capabilities.gridlines\n          ? (['ticks', 'hide', 'gridlines'] satisfies AxisTicksMode[])\n          : (['ticks', 'hide'] satisfies AxisTicksMode[]),\n        // Gridline mode drives the grid itself, so keep both in sync from a single control.\n        ...(capabilities.gridlines\n          ? {\n            toOptions: ({ options, value }: ContextWithValue<TContext, AxisTicksMode>) =>\n              setNestedValue(\n                setNestedValue(asRecord(options), ticksModeKey, value),\n                `grid.${axis}.enabled`,\n                value === 'gridlines'\n              )\n          }\n          : {})\n      }\n    });\n  }\n\n  if (capabilities.gridlines) {\n    const gridlinesVisible = ({ options }: TContext) => getNestedValue(options, ticksModeKey) === 'gridlines';\n\n    children.push(\n      {\n        key: `grid.${axis}.style`,\n        control: {\n          type: 'picker',\n          label: 'Gridline style',\n          default: 'dotted' satisfies AxisGridlinesStyle,\n          enum: ['solid', 'dotted', 'dashed'] satisfies AxisGridlinesStyle[]\n        },\n        visibleIf: gridlinesVisible\n      },\n      {\n        key: `grid.${axis}.opacity`,\n        control: {\n          type: 'slider',\n          label: 'Gridline opacity',\n          default: 0.3,\n          min: 0.1,\n          max: 1,\n          step: 0.05\n        },\n        visibleIf: gridlinesVisible\n      }\n    );\n  }\n\n  if (capabilities.datetimeTickStyle) {\n    children.push({\n      key: `axis.${axis}.ticksStyle`,\n      control: {\n        type: 'picker',\n        label: 'Date format',\n        default: 'auto',\n        enum: ['auto', 'userDefined']\n      }\n    });\n  }\n\n  return {\n    key: `${axis}AxisTicks`,\n    type: 'group',\n    label: roleLabel(role, 'ticks'),\n    collapsible: true,\n    open: true,\n    children\n  };\n};\n\nexport const createAxisOptions = <TContext extends OptionsConfigContext>(\n  capabilities: AxisOptionsCapabilities\n): OptionConfig<TContext>[] => {\n  const { axis, role } = capabilities;\n  const controls: OptionConfig<TContext>[] = [];\n\n  if (capabilities.scale) {\n    const scaleKey = `axis.${axis}.scale`;\n    const logarithmicBaseKey = `axis.${axis}.scaleLogBase`;\n\n    controls.push(\n      {\n        key: scaleKey,\n        control: {\n          type: 'picker',\n          label: roleLabel(role, 'type'),\n          default: 'linear' satisfies AxisScaleType,\n          enum: ['linear', 'logarithmic'] satisfies AxisScaleType[]\n        }\n      },\n      {\n        key: logarithmicBaseKey,\n        control: {\n          type: 'picker',\n          label: 'Logarithmic base',\n          default: '10' satisfies LogarithmicBase,\n          enum: [...logarithmicBases],\n          calculateValue: ({ options }: TContext) => {\n            const value = String(getNestedValue(options, logarithmicBaseKey));\n\n            return logarithmicBases.includes(value as LogarithmicBase) ? value : undefined;\n          },\n          toOptions: ({ options, value }: ContextWithValue<TContext, LogarithmicBase>) =>\n            setNestedValue(asRecord(options), logarithmicBaseKey, Number(value))\n        },\n        visibleIf: ({ options }: TContext) => getNestedValue(options, scaleKey) === 'logarithmic'\n      }\n    );\n  }\n\n  if (capabilities.manualRange) {\n    const { key, discriminatorKey } = capabilities.manualRange;\n\n    controls.push(...createManualRangeControls<TContext>({\n      rangeKey: key,\n      labels: {\n        range: roleLabel(role, 'range'),\n        minimum: roleLabel(role, 'minimum'),\n        maximum: roleLabel(role, 'maximum')\n      },\n      ...(discriminatorKey ? { discriminator: { key: discriminatorKey } } : {})\n    }));\n  }\n\n  if (capabilities.color) {\n    controls.push(createColorControl<TContext>(axis, role));\n  }\n\n  if (capabilities.label) {\n    controls.push(createLabelGroup<TContext>(axis, role));\n  }\n\n  if (capabilities.tickMode || capabilities.tickDensity || capabilities.datetimeTickStyle) {\n    controls.push(createTicksGroup<TContext>(capabilities));\n  }\n\n  return controls;\n};\n\nexport const createAxesOptionsGroup = <TContext extends OptionsConfigContext>(\n  axes: AxisOptionsCapabilities[],\n  additionalControls: OptionConfig<TContext>[] = []\n): OptionConfig<TContext> => ({\n  key: 'axes',\n  type: 'group',\n  open: false,\n  children: [...additionalControls, ...axes.flatMap((axis) => createAxisOptions<TContext>(axis))]\n});\n"],"mappings":"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"}

package/shared/utils/axis-options.config.js

@@ -0,0 +1,253 @@
+import { getThemeAxisColor as e, getThemeAxisColorExtraLabelClickAction as t, getThemeAxisColorExtraLabelHasClickAction as n, getThemeAxisColorResetLabel as r } from "../../helpers.js";
+//#region src/lib/shared/utils/axis-options.config.ts
+var i = (e, t) => {
+	let n = e;
+	for (let e of t.split(".")) {
+		if (typeof n != "object" || !n || Array.isArray(n)) return;
+		n = n[e];
+	}
+	return n;
+}, a = (e) => typeof e == "object" && !!e && !Array.isArray(e), o = (e) => a(e) ? e : {}, s = (e, t, n) => {
+	let [r, ...i] = t.split(".");
+	return i.length === 0 ? {
+		...e,
+		[r]: n
+	} : {
+		...e,
+		[r]: s(o(e[r]), i.join("."), n)
+	};
+}, c = (e, t) => {
+	let [n, ...r] = t.split(".");
+	if (!(n in e)) return e;
+	if (r.length > 0) {
+		if (!a(e[n])) return e;
+		let t = c(e[n], r.join("."));
+		if (Object.keys(t).length > 0) return {
+			...e,
+			[n]: t
+		};
+	}
+	let i = { ...e };
+	return delete i[n], i;
+}, l = (e, t) => `${e === "axis" ? "Axis" : `${e.charAt(0).toUpperCase()}${e.slice(1)} axis`} ${t}`, u = ["minimum", "maximum"], d = ":", f = [0, 100], p = ["2", "10"], m = (e, t) => `${e}${d}${t}`, h = (e) => `${e}${d}bounds`, g = [
+	"manualAxesRange",
+	"manualAxesRange.x",
+	"manualAxesRange.y",
+	"axis.y.manualAxesRange",
+	"axis.y2.manualAxesRange",
+	"manualAxisRange"
+], _ = (e) => {
+	let t = typeof e == "string" ? Number.parseFloat(e) : e;
+	return typeof t == "number" && Number.isFinite(t) ? t : void 0;
+}, v = (e, t) => {
+	let n = i(e, t);
+	if (!Array.isArray(n) || n.length !== 2) return;
+	let r = _(n[0]), a = _(n[1]);
+	return r === void 0 || a === void 0 ? void 0 : [r, a];
+}, y = (e, t, n, r) => {
+	let i = _(r);
+	if (i === void 0) return c(o(e), t);
+	let [a, l] = v(e, t) ?? f, u = n === "minimum" ? i : a, d = n === "maximum" ? i : l;
+	return s(o(e), t, u > d ? [d, u] : [u, d]);
+}, b = ({ rangeKey: e, labels: t, discriminator: n }) => {
+	let r = [];
+	return n && r.push({
+		key: n.key,
+		control: {
+			type: "picker",
+			label: t.range ?? "Manual axis range",
+			default: n.default ?? "default",
+			enum: [
+				"default",
+				"manual",
+				"variable"
+			],
+			toOptions: ({ options: t, value: r }) => {
+				let i = s(o(t), n.key, r);
+				return r === "manual" ? v(t, e) ? i : s(i, e, [...f]) : c(i, e);
+			}
+		}
+	}), r.push({
+		key: h(e),
+		type: "group",
+		label: t.range ?? "Manual axis range",
+		collapsible: !0,
+		open: !0,
+		children: u.map((n) => ({
+			key: m(e, n),
+			control: {
+				type: "number-field",
+				label: t[n],
+				editorOnly: !0,
+				calculateValue: ({ options: t }) => v(t, e)?.[n === "minimum" ? 0 : 1],
+				toOptions: ({ options: t, value: r }) => y(t, e, n, r)
+			}
+		})),
+		...n ? { visibleIf: ({ options: e }) => i(e, n.key) === "manual" } : {}
+	}), r;
+}, x = (i, a) => {
+	let o = `axis.${i}.color`;
+	return {
+		key: o,
+		control: {
+			type: "color-picker",
+			label: l(a, "color"),
+			default: ({ theme: t }) => e(t),
+			extraLabel: ({ options: e, theme: t }) => r(e, t, o),
+			extraLabelHasClickAction: ({ options: e, theme: t }) => n(e, t, o),
+			extraLabelClickAction: ({ options: e, theme: n }) => t(e, n, o)
+		}
+	};
+}, S = (e, t) => ({
+	key: `${e}AxisLabels`,
+	type: "group",
+	label: l(t, "label"),
+	collapsible: !0,
+	open: !0,
+	children: [{
+		key: `axislabels.${e}.enabled`,
+		control: {
+			type: "switch",
+			label: "Enabled",
+			default: !1
+		}
+	}, {
+		key: `axislabels.${e}.position`,
+		control: {
+			type: "picker",
+			label: "Position",
+			default: e === "x" ? "center" : "middle",
+			enum: e === "x" ? [
+				"left",
+				"center",
+				"right"
+			] : [
+				"top",
+				"middle",
+				"bottom"
+			]
+		},
+		visibleIf: ({ options: t }) => i(t, `axislabels.${e}.enabled`) === !0
+	}]
+}), C = (e) => {
+	let { axis: t, role: n } = e, r = `axis.${t}.ticksMode`, a = [];
+	if (e.tickDensity && a.push({
+		key: `axis.${t}.ticksDensity`,
+		control: {
+			type: "picker",
+			label: "Density",
+			default: "normal",
+			enum: [
+				"compact",
+				"normal",
+				"sparse"
+			]
+		}
+	}), e.tickMode && a.push({
+		key: r,
+		control: {
+			type: "picker",
+			label: "Display mode",
+			default: "ticks",
+			enum: e.gridlines ? [
+				"ticks",
+				"hide",
+				"gridlines"
+			] : ["ticks", "hide"],
+			...e.gridlines ? { toOptions: ({ options: e, value: n }) => s(s(o(e), r, n), `grid.${t}.enabled`, n === "gridlines") } : {}
+		}
+	}), e.gridlines) {
+		let e = ({ options: e }) => i(e, r) === "gridlines";
+		a.push({
+			key: `grid.${t}.style`,
+			control: {
+				type: "picker",
+				label: "Gridline style",
+				default: "dotted",
+				enum: [
+					"solid",
+					"dotted",
+					"dashed"
+				]
+			},
+			visibleIf: e
+		}, {
+			key: `grid.${t}.opacity`,
+			control: {
+				type: "slider",
+				label: "Gridline opacity",
+				default: .3,
+				min: .1,
+				max: 1,
+				step: .05
+			},
+			visibleIf: e
+		});
+	}
+	return e.datetimeTickStyle && a.push({
+		key: `axis.${t}.ticksStyle`,
+		control: {
+			type: "picker",
+			label: "Date format",
+			default: "auto",
+			enum: ["auto", "userDefined"]
+		}
+	}), {
+		key: `${t}AxisTicks`,
+		type: "group",
+		label: l(n, "ticks"),
+		collapsible: !0,
+		open: !0,
+		children: a
+	};
+}, w = (e) => {
+	let { axis: t, role: n } = e, r = [];
+	if (e.scale) {
+		let e = `axis.${t}.scale`, a = `axis.${t}.scaleLogBase`;
+		r.push({
+			key: e,
+			control: {
+				type: "picker",
+				label: l(n, "type"),
+				default: "linear",
+				enum: ["linear", "logarithmic"]
+			}
+		}, {
+			key: a,
+			control: {
+				type: "picker",
+				label: "Logarithmic base",
+				default: "10",
+				enum: [...p],
+				calculateValue: ({ options: e }) => {
+					let t = String(i(e, a));
+					return p.includes(t) ? t : void 0;
+				},
+				toOptions: ({ options: e, value: t }) => s(o(e), a, Number(t))
+			},
+			visibleIf: ({ options: t }) => i(t, e) === "logarithmic"
+		});
+	}
+	if (e.manualRange) {
+		let { key: t, discriminatorKey: i } = e.manualRange;
+		r.push(...b({
+			rangeKey: t,
+			labels: {
+				range: l(n, "range"),
+				minimum: l(n, "minimum"),
+				maximum: l(n, "maximum")
+			},
+			...i ? { discriminator: { key: i } } : {}
+		}));
+	}
+	return e.color && r.push(x(t, n)), e.label && r.push(S(t, n)), (e.tickMode || e.tickDensity || e.datetimeTickStyle) && r.push(C(e)), r;
+}, T = (e, t = []) => ({
+	key: "axes",
+	type: "group",
+	open: !1,
+	children: [...t, ...e.flatMap((e) => w(e))]
+});
+//#endregion
+export { T as createAxesOptionsGroup, w as createAxisOptions, b as createManualRangeControls, m as manualRangeBoundKey, u as manualRangeBounds, h as manualRangeGroupKey, g as manualRangeKeys };
+
+//# sourceMappingURL=axis-options.config.js.map