@luzmo/dashboard-contents-types 1.0.42 → 1.0.43

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

@@ -1,9 +1,10 @@
 import { getThemeMainColor as e, getThemeMainColorExtraLabelClickAction as t, getThemeMainColorExtraLabelHasClickAction as n, getThemeMainColorResetLabel as r } from "../helpers.js";
 import { createAxesOptionsGroup as i, createManualRangeControls as a } from "../shared/utils/axis-options.config.js";
 import { createInfoTooltipOptionsGroup as o } from "../shared/utils/info-tooltip-options.config.js";
-import { getColorMapKeys as s, getColorMaps as c } from "../shared/utils/color/color-palettes.js";
+import { createInteractivityOptionsGroup as s } from "../shared/utils/interactivity-options.config.js";
+import { getColorMapKeys as c, getColorMaps as l } from "../shared/utils/color/color-palettes.js";
 //#region src/lib/box-plot/box-plot-options.config.ts
-var l = ({ options: e }) => e?.observations?.display === !0, u = [
+var u = ({ options: e }) => e?.observations?.display === !0, d = [
 	{
 		key: "general",
 		type: "group",
@@ -148,7 +149,7 @@ var l = ({ options: e }) => e?.observations?.display === !0, u = [
 					label: "Only outliers",
 					default: !1
 				},
-				visibleIf: l
+				visibleIf: u
 			},
 			{
 				key: "observations.type",
@@ -158,7 +159,7 @@ var l = ({ options: e }) => e?.observations?.display === !0, u = [
 					default: "dot",
 					enum: ["dot", "ticks"]
 				},
-				visibleIf: l
+				visibleIf: u
 			},
 			{
 				key: "observations.size",
@@ -170,7 +171,7 @@ var l = ({ options: e }) => e?.observations?.display === !0, u = [
 					max: 10,
 					step: 1
 				},
-				visibleIf: l
+				visibleIf: u
 			},
 			{
 				key: "observations.opacity",
@@ -182,7 +183,7 @@ var l = ({ options: e }) => e?.observations?.display === !0, u = [
 					max: 1,
 					step: .1
 				},
-				visibleIf: l
+				visibleIf: u
 			},
 			{
 				key: "observations.jitter",
@@ -194,7 +195,7 @@ var l = ({ options: e }) => e?.observations?.display === !0, u = [
 					max: 100,
 					step: 1
 				},
-				visibleIf: l
+				visibleIf: u
 			},
 			{
 				key: "observations.colorType",
@@ -204,7 +205,7 @@ var l = ({ options: e }) => e?.observations?.display === !0, u = [
 					default: "single",
 					enum: ["single", "range"]
 				},
-				visibleIf: l
+				visibleIf: u
 			},
 			{
 				key: "observations.color",
@@ -222,7 +223,7 @@ var l = ({ options: e }) => e?.observations?.display === !0, u = [
 						};
 					}
 				},
-				visibleIf: ({ options: e }) => l({ options: e }) && e?.observations?.colorType === "single"
+				visibleIf: ({ options: e }) => u({ options: e }) && e?.observations?.colorType === "single"
 			},
 			{
 				key: "observations.colorsType",
@@ -231,7 +232,7 @@ var l = ({ options: e }) => e?.observations?.display === !0, u = [
 					label: "Colors type",
 					default: "divergent",
 					enum: ["sequential", "divergent"],
-					calculateValue: ({ options: e }) => e?.observations?.colorsClass === "manual" ? "manual" : c()?.[e?.observations?.colorsClass]?.type ?? "divergent",
+					calculateValue: ({ options: e }) => e?.observations?.colorsClass === "manual" ? "manual" : l()?.[e?.observations?.colorsClass]?.type ?? "divergent",
 					toOptions: ({ options: e, value: t }) => {
 						if (t === "manual") return {
 							...e,
@@ -242,7 +243,7 @@ var l = ({ options: e }) => e?.observations?.display === !0, u = [
 							}
 						};
 						let n = e.observations?.colorsClass;
-						return t !== c()?.[e?.observations?.colorsClass]?.type && (n = s(t ?? "divergent")[0]), {
+						return t !== l()?.[e?.observations?.colorsClass]?.type && (n = c(t ?? "divergent")[0]), {
 							...e,
 							observations: {
 								...e.observations,
@@ -252,7 +253,7 @@ var l = ({ options: e }) => e?.observations?.display === !0, u = [
 						};
 					}
 				},
-				visibleIf: ({ options: e }) => l({ options: e }) && e?.observations?.colorType === "range"
+				visibleIf: ({ options: e }) => u({ options: e }) && e?.observations?.colorType === "range"
 			},
 			{
 				key: "observations.colorsClass",
@@ -261,15 +262,15 @@ var l = ({ options: e }) => e?.observations?.display === !0, u = [
 					label: "Color palette",
 					hideLabel: !0,
 					default: ({ options: e }) => {
-						let t = c()?.[e?.observations?.colorsClass]?.type;
-						return s(t ?? "divergent")[0];
+						let t = l()?.[e?.observations?.colorsClass]?.type;
+						return c(t ?? "divergent")[0];
 					},
 					enum: ({ options: e }) => {
-						let t = c()?.[e?.observations?.colorsClass]?.type;
-						return s(t ?? "divergent");
+						let t = l()?.[e?.observations?.colorsClass]?.type;
+						return c(t ?? "divergent");
 					}
 				},
-				visibleIf: ({ options: e }) => l({ options: e }) && e?.observations?.colorType === "range" && e?.observations?.colorsClass !== "manual"
+				visibleIf: ({ options: e }) => u({ options: e }) && e?.observations?.colorType === "range" && e?.observations?.colorsClass !== "manual"
 			}
 		]
 	},
@@ -303,9 +304,13 @@ var l = ({ options: e }) => e?.observations?.display === !0, u = [
 			default: "variable"
 		}
 	})),
-	o()
+	o(),
+	s({ brush: {
+		default: !1,
+		excludesClickActions: !0
+	} })
 ];
 //#endregion
-export { u as default };
+export { d as default };
 
 //# sourceMappingURL=box-plot-options.config.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"box-plot-options.config.js","names":[],"sources":["../../../../libs/dashboard-contents-types/src/lib/box-plot/box-plot-options.config.ts"],"sourcesContent":["import { type ColorsClassKey, getColorMapKeys, getColorMaps } from '../shared/utils/color/color-palettes';\nimport {\n  getThemeMainColor,\n  getThemeMainColorExtraLabelClickAction,\n  getThemeMainColorExtraLabelHasClickAction,\n  getThemeMainColorResetLabel\n} from '../helpers';\nimport { createAxesOptionsGroup, createManualRangeControls } from '../shared/utils/axis-options.config';\nimport { createInfoTooltipOptionsGroup } from '../shared/utils/info-tooltip-options.config';\nimport type { OptionsConfig, OptionsConfigContext } from '../shared/utils/options-config.types';\nimport type { BoxPlotViewOptions } from './box-plot-options';\n\ntype BoxPlotConfigContext = OptionsConfigContext<BoxPlotViewOptions>;\ntype BoxPlotConfigContextWithValue<T> = BoxPlotConfigContext & { value: T };\n\nconst observationsEnabled = ({ options }: BoxPlotConfigContext) => options?.observations?.display === true;\n\nconst boxPlotOptionsConfig: OptionsConfig<BoxPlotConfigContext> = [\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: 'horizontal',\n        control: {\n          type: 'picker',\n          label: 'Display',\n          default: 'vertical',\n          enum: ['vertical', 'horizontal'],\n          parseValue: (value: boolean | null | undefined) => (value ? 'horizontal' : 'vertical'),\n          toValue: (value: 'horizontal' | 'vertical') => value === 'horizontal'\n        }\n      },\n      {\n        key: 'extentTicks',\n        control: {\n          type: 'switch',\n          label: 'Extent ticks',\n          default: true\n        }\n      }\n    ]\n  },\n  {\n    key: 'box',\n    type: 'group',\n    open: true,\n    children: [\n      {\n        key: 'boxWidth',\n        control: {\n          type: 'slider',\n          label: 'Box width',\n          default: 0.9,\n          min: 0.1,\n          max: 1,\n          step: 0.1\n        }\n      },\n      {\n        key: 'boxFill',\n        control: {\n          type: 'color-picker',\n          label: 'Box fill',\n          default: ({ theme }: BoxPlotConfigContext) => getThemeMainColor(theme),\n          extraLabel: ({ options, theme }: BoxPlotConfigContext) =>\n            getThemeMainColorResetLabel(options, theme, 'boxFill'),\n          extraLabelHasClickAction: ({ options, theme }: BoxPlotConfigContext) =>\n            getThemeMainColorExtraLabelHasClickAction(options, theme, 'boxFill'),\n          extraLabelClickAction: ({ options, theme }: BoxPlotConfigContext) =>\n            getThemeMainColorExtraLabelClickAction(options, theme, 'boxFill')\n        }\n      },\n      {\n        key: 'roundedCorners',\n        control: {\n          type: 'slider',\n          label: 'Rounded corners',\n          default: ({ theme }: BoxPlotConfigContext) => theme?.itemSpecific?.rounding ?? 8,\n          min: 0,\n          max: 24,\n          step: 1,\n          extraLabel: ({ options, theme }: BoxPlotConfigContext) => {\n            if (typeof theme?.itemSpecific?.rounding !== 'number') {\n              return null;\n            }\n\n            if (typeof options?.roundedCorners !== 'number') {\n              return 'auto';\n            }\n\n            return 'reset';\n          },\n          extraLabelHasClickAction: ({ options, theme }: BoxPlotConfigContext) => {\n            if (typeof theme?.itemSpecific?.rounding !== 'number' || typeof options?.roundedCorners !== 'number') {\n              return false;\n            }\n\n            return true;\n          },\n          extraLabelClickAction: ({ options }: BoxPlotConfigContext) => {\n            const newOptions = { ...options };\n\n            if (newOptions?.roundedCorners !== undefined) {\n              delete newOptions.roundedCorners;\n            }\n\n            return { value: null, options: newOptions };\n          }\n        }\n      },\n      {\n        key: 'boxStrokeWidth',\n        control: {\n          type: 'slider',\n          label: 'Box stroke width',\n          default: 1,\n          min: 0,\n          max: 5,\n          step: 0.5\n        }\n      },\n      {\n        key: 'boxStrokeColor',\n        control: {\n          type: 'color-picker',\n          label: 'Box stroke color',\n          default: ({ theme }: BoxPlotConfigContext) => getThemeMainColor(theme),\n          extraLabel: ({ options, theme }: BoxPlotConfigContext) =>\n            getThemeMainColorResetLabel(options, theme, 'boxStrokeColor'),\n          extraLabelHasClickAction: ({ options, theme }: BoxPlotConfigContext) =>\n            getThemeMainColorExtraLabelHasClickAction(options, theme, 'boxStrokeColor'),\n          extraLabelClickAction: ({ options, theme }: BoxPlotConfigContext) =>\n            getThemeMainColorExtraLabelClickAction(options, theme, 'boxStrokeColor')\n        }\n      },\n      {\n        key: 'medianStrokeWidth',\n        control: {\n          type: 'slider',\n          label: 'Median stroke width',\n          default: 2,\n          min: 0,\n          max: 5,\n          step: 0.5\n        }\n      },\n      {\n        key: 'medianStrokeColor',\n        control: {\n          type: 'color-picker',\n          label: 'Median stroke color',\n          default: '#000000'\n        }\n      }\n    ]\n  },\n  {\n    key: 'observations',\n    type: 'group',\n    open: true,\n    children: [\n      {\n        key: 'observations.display',\n        control: {\n          type: 'switch',\n          label: 'Show',\n          default: false\n        }\n      },\n      {\n        key: 'observations.onlyOutliers',\n        control: {\n          type: 'switch',\n          label: 'Only outliers',\n          default: false\n        },\n        visibleIf: observationsEnabled\n      },\n      {\n        key: 'observations.type',\n        control: {\n          type: 'picker',\n          label: 'Type',\n          default: 'dot',\n          enum: ['dot', 'ticks']\n        },\n        visibleIf: observationsEnabled\n      },\n      {\n        key: 'observations.size',\n        control: {\n          type: 'slider',\n          label: 'Size',\n          default: 3,\n          min: 1,\n          max: 10,\n          step: 1\n        },\n        visibleIf: observationsEnabled\n      },\n      {\n        key: 'observations.opacity',\n        control: {\n          type: 'slider',\n          label: 'Opacity',\n          default: 0.4,\n          min: 0.1,\n          max: 1,\n          step: 0.1\n        },\n        visibleIf: observationsEnabled\n      },\n      {\n        key: 'observations.jitter',\n        control: {\n          type: 'slider',\n          label: 'Jitter',\n          default: 30,\n          min: 1,\n          max: 100,\n          step: 1\n        },\n        visibleIf: observationsEnabled\n      },\n      {\n        key: 'observations.colorType',\n        control: {\n          type: 'picker',\n          label: 'Color mode',\n          default: 'single',\n          enum: ['single', 'range']\n        },\n        visibleIf: observationsEnabled\n      },\n      {\n        key: 'observations.color',\n        control: {\n          type: 'color-picker',\n          label: 'Color',\n          default: ({ theme }: BoxPlotConfigContext) => theme?.colors?.[1],\n          extraLabel: ({ options, theme }: BoxPlotConfigContext) => {\n            if (\n              theme?.colors?.[1]\n              && options.observations?.color\n              && options.observations?.color !== theme?.colors?.[1]\n            ) {\n              return 'reset';\n            }\n\n            return null;\n          },\n          extraLabelHasClickAction: ({ options, theme }: BoxPlotConfigContext) => {\n            if (theme?.colors?.[1] && options.observations?.color !== theme?.colors?.[1]) {\n              return true;\n            }\n\n            return false;\n          },\n          extraLabelClickAction: ({ options, theme }: BoxPlotConfigContext) => {\n            const newOptions = { ...options };\n\n            if (newOptions.observations) {\n              newOptions.observations.color = theme?.colors?.[1];\n            }\n\n            return {\n              value: newOptions.observations?.color,\n              options: newOptions\n            };\n          }\n        },\n        visibleIf: ({ options }: BoxPlotConfigContext) =>\n          observationsEnabled({ options }) && options?.observations?.colorType === 'single'\n      },\n      {\n        key: 'observations.colorsType',\n        control: {\n          type: 'picker',\n          label: 'Colors type',\n          default: 'divergent',\n          // TODO: add manual when being able to retrieve values from the boxplot\n          enum: ['sequential', 'divergent' /* , 'manual' */],\n          calculateValue: ({ options }: BoxPlotConfigContext) => {\n            if (options?.observations?.colorsClass === 'manual') {\n              return 'manual';\n            }\n\n            const colorMaps = getColorMaps();\n            const type = colorMaps?.[options?.observations?.colorsClass as ColorsClassKey]?.type;\n\n            return type ?? 'divergent';\n          },\n          toOptions: ({ options, value }: BoxPlotConfigContextWithValue<'manual' | 'sequential' | 'divergent'>) => {\n            if (value === 'manual') {\n              return {\n                ...options,\n                observations: {\n                  ...options.observations,\n                  // TODO needed to save the type?\n                  colorsType: 'manual',\n                  colorsClass: 'manual'\n                }\n              };\n            }\n\n            let colorsClass = options.observations?.colorsClass;\n            const colorMaps = getColorMaps();\n            const colorClassType = colorMaps?.[options?.observations?.colorsClass as ColorsClassKey]?.type;\n\n            if (value !== colorClassType) {\n              colorsClass = getColorMapKeys(value ?? 'divergent')[0];\n            }\n\n            return {\n              ...options,\n              observations: {\n                ...options.observations,\n                colorsClass,\n                colorsType: value\n              }\n            };\n          }\n        },\n        visibleIf: ({ options }: BoxPlotConfigContext) =>\n          observationsEnabled({ options }) && options?.observations?.colorType === 'range'\n      },\n      /* TODO: need to be able to retrieve values from the boxplot\n      {\n        key: 'observations.manualValues.ranges',\n        control: {\n          type: 'color-range',\n          editRangeSize: false,\n          noValues: true,\n          noAlphaChannel: true,\n          label: 'Color ranges',\n          hideLabel: true,\n          default: () => structuredClone(defaultRangeValues)\n        },\n        visibleIf: ({ options }: BoxPlotConfigContext) =>\n          options?.observations?.colorType === 'range' &&\n          options?.observations?.colorsClass === 'manual'\n      },\n      */\n      {\n        key: 'observations.colorsClass',\n        control: {\n          type: 'color-palette-picker',\n          label: 'Color palette',\n          hideLabel: true,\n          default: ({ options }: BoxPlotConfigContext) => {\n            const colorMaps = getColorMaps();\n            const colorClassType = colorMaps?.[options?.observations?.colorsClass as ColorsClassKey]?.type;\n\n            return getColorMapKeys(colorClassType ?? 'divergent')[0];\n          },\n          enum: ({ options }: BoxPlotConfigContext) => {\n            const colorMaps = getColorMaps();\n            const colorClassType = colorMaps?.[options?.observations?.colorsClass as ColorsClassKey]?.type;\n\n            return getColorMapKeys(colorClassType ?? 'divergent');\n          }\n        },\n        visibleIf: ({ options }: BoxPlotConfigContext) =>\n          observationsEnabled({ options })\n          && options?.observations?.colorType === 'range'\n          && options?.observations?.colorsClass !== 'manual'\n      }\n    ]\n  },\n  createAxesOptionsGroup<BoxPlotConfigContext>([\n    { axis: 'x', role: 'axis', scale: true, color: true, label: true, tickDensity: true, tickMode: true, gridlines: true },\n    { axis: 'y', role: 'axis', scale: true, color: true, label: true, tickDensity: true, tickMode: true, gridlines: true }\n  ], createManualRangeControls<BoxPlotConfigContext>({\n    rangeKey: 'manualAxisRange',\n    labels: {\n      range: 'Measure axis range',\n      minimum: 'Measure axis minimum',\n      maximum: 'Measure axis maximum'\n    },\n    discriminator: { key: 'measureAxisType', default: 'variable' }\n  })),\n  createInfoTooltipOptionsGroup<BoxPlotConfigContext>()\n];\n\nexport default boxPlotOptionsConfig;\n"],"mappings":";;;;;AAeA,IAAM,KAAuB,EAAE,iBAAoC,GAAS,cAAc,YAAY,IAEhG,IAA4D;CAChE;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;KACT,MAAM,CAAC,YAAY,YAAY;KAC/B,aAAa,MAAuC,IAAQ,eAAe;KAC3E,UAAU,MAAqC,MAAU;IAC3D;GACF;GACA;IACE,KAAK;IACL,SAAS;KACP,MAAM;KACN,OAAO;KACP,SAAS;IACX;GACF;EACF;CACF;CACA;EACE,KAAK;EACL,MAAM;EACN,MAAM;EACN,UAAU;GACR;IACE,KAAK;IACL,SAAS;KACP,MAAM;KACN,OAAO;KACP,SAAS;KACT,KAAK;KACL,KAAK;KACL,MAAM;IACR;GACF;GACA;IACE,KAAK;IACL,SAAS;KACP,MAAM;KACN,OAAO;KACP,UAAU,EAAE,eAAkC,EAAkB,CAAK;KACrE,aAAa,EAAE,YAAS,eACtB,EAA4B,GAAS,GAAO,SAAS;KACvD,2BAA2B,EAAE,YAAS,eACpC,EAA0C,GAAS,GAAO,SAAS;KACrE,wBAAwB,EAAE,YAAS,eACjC,EAAuC,GAAS,GAAO,SAAS;IACpE;GACF;GACA;IACE,KAAK;IACL,SAAS;KACP,MAAM;KACN,OAAO;KACP,UAAU,EAAE,eAAkC,GAAO,cAAc,YAAY;KAC/E,KAAK;KACL,KAAK;KACL,MAAM;KACN,aAAa,EAAE,YAAS,eAClB,OAAO,GAAO,cAAc,YAAa,WAIzC,OAAO,GAAS,kBAAmB,WAIhC,UAHE,SAJA;KASX,2BAA2B,EAAE,YAAS,eAChC,OAAO,GAAO,cAAc,YAAa,YAAY,OAAO,GAAS,kBAAmB;KAM9F,wBAAwB,EAAE,iBAAoC;MAC5D,IAAM,IAAa,EAAE,GAAG,EAAQ;MAMhC,OAJI,GAAY,mBAAmB,KAAA,KACjC,OAAO,EAAW,gBAGb;OAAE,OAAO;OAAM,SAAS;MAAW;KAC5C;IACF;GACF;GACA;IACE,KAAK;IACL,SAAS;KACP,MAAM;KACN,OAAO;KACP,SAAS;KACT,KAAK;KACL,KAAK;KACL,MAAM;IACR;GACF;GACA;IACE,KAAK;IACL,SAAS;KACP,MAAM;KACN,OAAO;KACP,UAAU,EAAE,eAAkC,EAAkB,CAAK;KACrE,aAAa,EAAE,YAAS,eACtB,EAA4B,GAAS,GAAO,gBAAgB;KAC9D,2BAA2B,EAAE,YAAS,eACpC,EAA0C,GAAS,GAAO,gBAAgB;KAC5E,wBAAwB,EAAE,YAAS,eACjC,EAAuC,GAAS,GAAO,gBAAgB;IAC3E;GACF;GACA;IACE,KAAK;IACL,SAAS;KACP,MAAM;KACN,OAAO;KACP,SAAS;KACT,KAAK;KACL,KAAK;KACL,MAAM;IACR;GACF;GACA;IACE,KAAK;IACL,SAAS;KACP,MAAM;KACN,OAAO;KACP,SAAS;IACX;GACF;EACF;CACF;CACA;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,SAAS;KACT,MAAM,CAAC,OAAO,OAAO;IACvB;IACA,WAAW;GACb;GACA;IACE,KAAK;IACL,SAAS;KACP,MAAM;KACN,OAAO;KACP,SAAS;KACT,KAAK;KACL,KAAK;KACL,MAAM;IACR;IACA,WAAW;GACb;GACA;IACE,KAAK;IACL,SAAS;KACP,MAAM;KACN,OAAO;KACP,SAAS;KACT,KAAK;KACL,KAAK;KACL,MAAM;IACR;IACA,WAAW;GACb;GACA;IACE,KAAK;IACL,SAAS;KACP,MAAM;KACN,OAAO;KACP,SAAS;KACT,KAAK;KACL,KAAK;KACL,MAAM;IACR;IACA,WAAW;GACb;GACA;IACE,KAAK;IACL,SAAS;KACP,MAAM;KACN,OAAO;KACP,SAAS;KACT,MAAM,CAAC,UAAU,OAAO;IAC1B;IACA,WAAW;GACb;GACA;IACE,KAAK;IACL,SAAS;KACP,MAAM;KACN,OAAO;KACP,UAAU,EAAE,eAAkC,GAAO,SAAS;KAC9D,aAAa,EAAE,YAAS,eAEpB,GAAO,SAAS,MACb,EAAQ,cAAc,SACtB,EAAQ,cAAc,UAAU,GAAO,SAAS,KAE5C,UAGF;KAET,2BAA2B,EAAE,YAAS,eACpC,GAAI,GAAO,SAAS,MAAM,EAAQ,cAAc,UAAU,GAAO,SAAS;KAM5E,wBAAwB,EAAE,YAAS,eAAkC;MACnE,IAAM,IAAa,EAAE,GAAG,EAAQ;MAMhC,OAJI,EAAW,iBACb,EAAW,aAAa,QAAQ,GAAO,SAAS,KAG3C;OACL,OAAO,EAAW,cAAc;OAChC,SAAS;MACX;KACF;IACF;IACA,YAAY,EAAE,iBACZ,EAAoB,EAAE,WAAQ,CAAC,KAAK,GAAS,cAAc,cAAc;GAC7E;GACA;IACE,KAAK;IACL,SAAS;KACP,MAAM;KACN,OAAO;KACP,SAAS;KAET,MAAM,CAAC,cAAc,WAA4B;KACjD,iBAAiB,EAAE,iBACb,GAAS,cAAc,gBAAgB,WAClC,WAGS,EACL,CAAA,GAAY,GAAS,cAAc,YAA8B,EAAE,QAEjE;KAEjB,YAAY,EAAE,YAAS,eAAkF;MACvG,IAAI,MAAU,UACZ,OAAO;OACL,GAAG;OACH,cAAc;QACZ,GAAG,EAAQ;QAEX,YAAY;QACZ,aAAa;OACf;MACF;MAGF,IAAI,IAAc,EAAQ,cAAc;MAQxC,OAJI,MAHc,EACK,CAAA,GAAY,GAAS,cAAc,YAA8B,EAAE,SAGxF,IAAc,EAAgB,KAAS,WAAW,CAAC,CAAC,KAG/C;OACL,GAAG;OACH,cAAc;QACZ,GAAG,EAAQ;QACX;QACA,YAAY;OACd;MACF;KACF;IACF;IACA,YAAY,EAAE,iBACZ,EAAoB,EAAE,WAAQ,CAAC,KAAK,GAAS,cAAc,cAAc;GAC7E;GAkBA;IACE,KAAK;IACL,SAAS;KACP,MAAM;KACN,OAAO;KACP,WAAW;KACX,UAAU,EAAE,iBAAoC;MAE9C,IAAM,IADY,EACK,CAAA,GAAY,GAAS,cAAc,YAA8B,EAAE;MAE1F,OAAO,EAAgB,KAAkB,WAAW,CAAC,CAAC;KACxD;KACA,OAAO,EAAE,iBAAoC;MAE3C,IAAM,IADY,EACK,CAAA,GAAY,GAAS,cAAc,YAA8B,EAAE;MAE1F,OAAO,EAAgB,KAAkB,WAAW;KACtD;IACF;IACA,YAAY,EAAE,iBACZ,EAAoB,EAAE,WAAQ,CAAC,KAC5B,GAAS,cAAc,cAAc,WACrC,GAAS,cAAc,gBAAgB;GAC9C;EACF;CACF;CACA,EAA6C,CAC3C;EAAE,MAAM;EAAK,MAAM;EAAQ,OAAO;EAAM,OAAO;EAAM,OAAO;EAAM,aAAa;EAAM,UAAU;EAAM,WAAW;CAAK,GACrH;EAAE,MAAM;EAAK,MAAM;EAAQ,OAAO;EAAM,OAAO;EAAM,OAAO;EAAM,aAAa;EAAM,UAAU;EAAM,WAAW;CAAK,CACvH,GAAG,EAAgD;EACjD,UAAU;EACV,QAAQ;GACN,OAAO;GACP,SAAS;GACT,SAAS;EACX;EACA,eAAe;GAAE,KAAK;GAAmB,SAAS;EAAW;CAC/D,CAAC,CAAC;CACF,EAAoD;AACtD"}
+{"version":3,"file":"box-plot-options.config.js","names":[],"sources":["../../../../libs/dashboard-contents-types/src/lib/box-plot/box-plot-options.config.ts"],"sourcesContent":["import { type ColorsClassKey, getColorMapKeys, getColorMaps } from '../shared/utils/color/color-palettes';\nimport {\n  getThemeMainColor,\n  getThemeMainColorExtraLabelClickAction,\n  getThemeMainColorExtraLabelHasClickAction,\n  getThemeMainColorResetLabel\n} from '../helpers';\nimport { createAxesOptionsGroup, createManualRangeControls } from '../shared/utils/axis-options.config';\nimport { createInfoTooltipOptionsGroup } from '../shared/utils/info-tooltip-options.config';\nimport { createInteractivityOptionsGroup } from '../shared/utils/interactivity-options.config';\nimport type { OptionsConfig, OptionsConfigContext } from '../shared/utils/options-config.types';\nimport type { BoxPlotViewOptions } from './box-plot-options';\n\ntype BoxPlotConfigContext = OptionsConfigContext<BoxPlotViewOptions>;\ntype BoxPlotConfigContextWithValue<T> = BoxPlotConfigContext & { value: T };\n\nconst observationsEnabled = ({ options }: BoxPlotConfigContext) => options?.observations?.display === true;\n\nconst boxPlotOptionsConfig: OptionsConfig<BoxPlotConfigContext> = [\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: 'horizontal',\n        control: {\n          type: 'picker',\n          label: 'Display',\n          default: 'vertical',\n          enum: ['vertical', 'horizontal'],\n          parseValue: (value: boolean | null | undefined) => (value ? 'horizontal' : 'vertical'),\n          toValue: (value: 'horizontal' | 'vertical') => value === 'horizontal'\n        }\n      },\n      {\n        key: 'extentTicks',\n        control: {\n          type: 'switch',\n          label: 'Extent ticks',\n          default: true\n        }\n      }\n    ]\n  },\n  {\n    key: 'box',\n    type: 'group',\n    open: true,\n    children: [\n      {\n        key: 'boxWidth',\n        control: {\n          type: 'slider',\n          label: 'Box width',\n          default: 0.9,\n          min: 0.1,\n          max: 1,\n          step: 0.1\n        }\n      },\n      {\n        key: 'boxFill',\n        control: {\n          type: 'color-picker',\n          label: 'Box fill',\n          default: ({ theme }: BoxPlotConfigContext) => getThemeMainColor(theme),\n          extraLabel: ({ options, theme }: BoxPlotConfigContext) =>\n            getThemeMainColorResetLabel(options, theme, 'boxFill'),\n          extraLabelHasClickAction: ({ options, theme }: BoxPlotConfigContext) =>\n            getThemeMainColorExtraLabelHasClickAction(options, theme, 'boxFill'),\n          extraLabelClickAction: ({ options, theme }: BoxPlotConfigContext) =>\n            getThemeMainColorExtraLabelClickAction(options, theme, 'boxFill')\n        }\n      },\n      {\n        key: 'roundedCorners',\n        control: {\n          type: 'slider',\n          label: 'Rounded corners',\n          default: ({ theme }: BoxPlotConfigContext) => theme?.itemSpecific?.rounding ?? 8,\n          min: 0,\n          max: 24,\n          step: 1,\n          extraLabel: ({ options, theme }: BoxPlotConfigContext) => {\n            if (typeof theme?.itemSpecific?.rounding !== 'number') {\n              return null;\n            }\n\n            if (typeof options?.roundedCorners !== 'number') {\n              return 'auto';\n            }\n\n            return 'reset';\n          },\n          extraLabelHasClickAction: ({ options, theme }: BoxPlotConfigContext) => {\n            if (typeof theme?.itemSpecific?.rounding !== 'number' || typeof options?.roundedCorners !== 'number') {\n              return false;\n            }\n\n            return true;\n          },\n          extraLabelClickAction: ({ options }: BoxPlotConfigContext) => {\n            const newOptions = { ...options };\n\n            if (newOptions?.roundedCorners !== undefined) {\n              delete newOptions.roundedCorners;\n            }\n\n            return { value: null, options: newOptions };\n          }\n        }\n      },\n      {\n        key: 'boxStrokeWidth',\n        control: {\n          type: 'slider',\n          label: 'Box stroke width',\n          default: 1,\n          min: 0,\n          max: 5,\n          step: 0.5\n        }\n      },\n      {\n        key: 'boxStrokeColor',\n        control: {\n          type: 'color-picker',\n          label: 'Box stroke color',\n          default: ({ theme }: BoxPlotConfigContext) => getThemeMainColor(theme),\n          extraLabel: ({ options, theme }: BoxPlotConfigContext) =>\n            getThemeMainColorResetLabel(options, theme, 'boxStrokeColor'),\n          extraLabelHasClickAction: ({ options, theme }: BoxPlotConfigContext) =>\n            getThemeMainColorExtraLabelHasClickAction(options, theme, 'boxStrokeColor'),\n          extraLabelClickAction: ({ options, theme }: BoxPlotConfigContext) =>\n            getThemeMainColorExtraLabelClickAction(options, theme, 'boxStrokeColor')\n        }\n      },\n      {\n        key: 'medianStrokeWidth',\n        control: {\n          type: 'slider',\n          label: 'Median stroke width',\n          default: 2,\n          min: 0,\n          max: 5,\n          step: 0.5\n        }\n      },\n      {\n        key: 'medianStrokeColor',\n        control: {\n          type: 'color-picker',\n          label: 'Median stroke color',\n          default: '#000000'\n        }\n      }\n    ]\n  },\n  {\n    key: 'observations',\n    type: 'group',\n    open: true,\n    children: [\n      {\n        key: 'observations.display',\n        control: {\n          type: 'switch',\n          label: 'Show',\n          default: false\n        }\n      },\n      {\n        key: 'observations.onlyOutliers',\n        control: {\n          type: 'switch',\n          label: 'Only outliers',\n          default: false\n        },\n        visibleIf: observationsEnabled\n      },\n      {\n        key: 'observations.type',\n        control: {\n          type: 'picker',\n          label: 'Type',\n          default: 'dot',\n          enum: ['dot', 'ticks']\n        },\n        visibleIf: observationsEnabled\n      },\n      {\n        key: 'observations.size',\n        control: {\n          type: 'slider',\n          label: 'Size',\n          default: 3,\n          min: 1,\n          max: 10,\n          step: 1\n        },\n        visibleIf: observationsEnabled\n      },\n      {\n        key: 'observations.opacity',\n        control: {\n          type: 'slider',\n          label: 'Opacity',\n          default: 0.4,\n          min: 0.1,\n          max: 1,\n          step: 0.1\n        },\n        visibleIf: observationsEnabled\n      },\n      {\n        key: 'observations.jitter',\n        control: {\n          type: 'slider',\n          label: 'Jitter',\n          default: 30,\n          min: 1,\n          max: 100,\n          step: 1\n        },\n        visibleIf: observationsEnabled\n      },\n      {\n        key: 'observations.colorType',\n        control: {\n          type: 'picker',\n          label: 'Color mode',\n          default: 'single',\n          enum: ['single', 'range']\n        },\n        visibleIf: observationsEnabled\n      },\n      {\n        key: 'observations.color',\n        control: {\n          type: 'color-picker',\n          label: 'Color',\n          default: ({ theme }: BoxPlotConfigContext) => theme?.colors?.[1],\n          extraLabel: ({ options, theme }: BoxPlotConfigContext) => {\n            if (\n              theme?.colors?.[1]\n              && options.observations?.color\n              && options.observations?.color !== theme?.colors?.[1]\n            ) {\n              return 'reset';\n            }\n\n            return null;\n          },\n          extraLabelHasClickAction: ({ options, theme }: BoxPlotConfigContext) => {\n            if (theme?.colors?.[1] && options.observations?.color !== theme?.colors?.[1]) {\n              return true;\n            }\n\n            return false;\n          },\n          extraLabelClickAction: ({ options, theme }: BoxPlotConfigContext) => {\n            const newOptions = { ...options };\n\n            if (newOptions.observations) {\n              newOptions.observations.color = theme?.colors?.[1];\n            }\n\n            return {\n              value: newOptions.observations?.color,\n              options: newOptions\n            };\n          }\n        },\n        visibleIf: ({ options }: BoxPlotConfigContext) =>\n          observationsEnabled({ options }) && options?.observations?.colorType === 'single'\n      },\n      {\n        key: 'observations.colorsType',\n        control: {\n          type: 'picker',\n          label: 'Colors type',\n          default: 'divergent',\n          // TODO: add manual when being able to retrieve values from the boxplot\n          enum: ['sequential', 'divergent' /* , 'manual' */],\n          calculateValue: ({ options }: BoxPlotConfigContext) => {\n            if (options?.observations?.colorsClass === 'manual') {\n              return 'manual';\n            }\n\n            const colorMaps = getColorMaps();\n            const type = colorMaps?.[options?.observations?.colorsClass as ColorsClassKey]?.type;\n\n            return type ?? 'divergent';\n          },\n          toOptions: ({ options, value }: BoxPlotConfigContextWithValue<'manual' | 'sequential' | 'divergent'>) => {\n            if (value === 'manual') {\n              return {\n                ...options,\n                observations: {\n                  ...options.observations,\n                  // TODO needed to save the type?\n                  colorsType: 'manual',\n                  colorsClass: 'manual'\n                }\n              };\n            }\n\n            let colorsClass = options.observations?.colorsClass;\n            const colorMaps = getColorMaps();\n            const colorClassType = colorMaps?.[options?.observations?.colorsClass as ColorsClassKey]?.type;\n\n            if (value !== colorClassType) {\n              colorsClass = getColorMapKeys(value ?? 'divergent')[0];\n            }\n\n            return {\n              ...options,\n              observations: {\n                ...options.observations,\n                colorsClass,\n                colorsType: value\n              }\n            };\n          }\n        },\n        visibleIf: ({ options }: BoxPlotConfigContext) =>\n          observationsEnabled({ options }) && options?.observations?.colorType === 'range'\n      },\n      /* TODO: need to be able to retrieve values from the boxplot\n      {\n        key: 'observations.manualValues.ranges',\n        control: {\n          type: 'color-range',\n          editRangeSize: false,\n          noValues: true,\n          noAlphaChannel: true,\n          label: 'Color ranges',\n          hideLabel: true,\n          default: () => structuredClone(defaultRangeValues)\n        },\n        visibleIf: ({ options }: BoxPlotConfigContext) =>\n          options?.observations?.colorType === 'range' &&\n          options?.observations?.colorsClass === 'manual'\n      },\n      */\n      {\n        key: 'observations.colorsClass',\n        control: {\n          type: 'color-palette-picker',\n          label: 'Color palette',\n          hideLabel: true,\n          default: ({ options }: BoxPlotConfigContext) => {\n            const colorMaps = getColorMaps();\n            const colorClassType = colorMaps?.[options?.observations?.colorsClass as ColorsClassKey]?.type;\n\n            return getColorMapKeys(colorClassType ?? 'divergent')[0];\n          },\n          enum: ({ options }: BoxPlotConfigContext) => {\n            const colorMaps = getColorMaps();\n            const colorClassType = colorMaps?.[options?.observations?.colorsClass as ColorsClassKey]?.type;\n\n            return getColorMapKeys(colorClassType ?? 'divergent');\n          }\n        },\n        visibleIf: ({ options }: BoxPlotConfigContext) =>\n          observationsEnabled({ options })\n          && options?.observations?.colorType === 'range'\n          && options?.observations?.colorsClass !== 'manual'\n      }\n    ]\n  },\n  createAxesOptionsGroup<BoxPlotConfigContext>([\n    { axis: 'x', role: 'axis', scale: true, color: true, label: true, tickDensity: true, tickMode: true, gridlines: true },\n    { axis: 'y', role: 'axis', scale: true, color: true, label: true, tickDensity: true, tickMode: true, gridlines: true }\n  ], createManualRangeControls<BoxPlotConfigContext>({\n    rangeKey: 'manualAxisRange',\n    labels: {\n      range: 'Measure axis range',\n      minimum: 'Measure axis minimum',\n      maximum: 'Measure axis maximum'\n    },\n    discriminator: { key: 'measureAxisType', default: 'variable' }\n  })),\n  createInfoTooltipOptionsGroup<BoxPlotConfigContext>(),\n  createInteractivityOptionsGroup<BoxPlotConfigContext>({ brush: { default: false, excludesClickActions: true } })\n];\n\nexport default boxPlotOptionsConfig;\n"],"mappings":";;;;;;AAgBA,IAAM,KAAuB,EAAE,iBAAoC,GAAS,cAAc,YAAY,IAEhG,IAA4D;CAChE;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;KACT,MAAM,CAAC,YAAY,YAAY;KAC/B,aAAa,MAAuC,IAAQ,eAAe;KAC3E,UAAU,MAAqC,MAAU;IAC3D;GACF;GACA;IACE,KAAK;IACL,SAAS;KACP,MAAM;KACN,OAAO;KACP,SAAS;IACX;GACF;EACF;CACF;CACA;EACE,KAAK;EACL,MAAM;EACN,MAAM;EACN,UAAU;GACR;IACE,KAAK;IACL,SAAS;KACP,MAAM;KACN,OAAO;KACP,SAAS;KACT,KAAK;KACL,KAAK;KACL,MAAM;IACR;GACF;GACA;IACE,KAAK;IACL,SAAS;KACP,MAAM;KACN,OAAO;KACP,UAAU,EAAE,eAAkC,EAAkB,CAAK;KACrE,aAAa,EAAE,YAAS,eACtB,EAA4B,GAAS,GAAO,SAAS;KACvD,2BAA2B,EAAE,YAAS,eACpC,EAA0C,GAAS,GAAO,SAAS;KACrE,wBAAwB,EAAE,YAAS,eACjC,EAAuC,GAAS,GAAO,SAAS;IACpE;GACF;GACA;IACE,KAAK;IACL,SAAS;KACP,MAAM;KACN,OAAO;KACP,UAAU,EAAE,eAAkC,GAAO,cAAc,YAAY;KAC/E,KAAK;KACL,KAAK;KACL,MAAM;KACN,aAAa,EAAE,YAAS,eAClB,OAAO,GAAO,cAAc,YAAa,WAIzC,OAAO,GAAS,kBAAmB,WAIhC,UAHE,SAJA;KASX,2BAA2B,EAAE,YAAS,eAChC,OAAO,GAAO,cAAc,YAAa,YAAY,OAAO,GAAS,kBAAmB;KAM9F,wBAAwB,EAAE,iBAAoC;MAC5D,IAAM,IAAa,EAAE,GAAG,EAAQ;MAMhC,OAJI,GAAY,mBAAmB,KAAA,KACjC,OAAO,EAAW,gBAGb;OAAE,OAAO;OAAM,SAAS;MAAW;KAC5C;IACF;GACF;GACA;IACE,KAAK;IACL,SAAS;KACP,MAAM;KACN,OAAO;KACP,SAAS;KACT,KAAK;KACL,KAAK;KACL,MAAM;IACR;GACF;GACA;IACE,KAAK;IACL,SAAS;KACP,MAAM;KACN,OAAO;KACP,UAAU,EAAE,eAAkC,EAAkB,CAAK;KACrE,aAAa,EAAE,YAAS,eACtB,EAA4B,GAAS,GAAO,gBAAgB;KAC9D,2BAA2B,EAAE,YAAS,eACpC,EAA0C,GAAS,GAAO,gBAAgB;KAC5E,wBAAwB,EAAE,YAAS,eACjC,EAAuC,GAAS,GAAO,gBAAgB;IAC3E;GACF;GACA;IACE,KAAK;IACL,SAAS;KACP,MAAM;KACN,OAAO;KACP,SAAS;KACT,KAAK;KACL,KAAK;KACL,MAAM;IACR;GACF;GACA;IACE,KAAK;IACL,SAAS;KACP,MAAM;KACN,OAAO;KACP,SAAS;IACX;GACF;EACF;CACF;CACA;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,SAAS;KACT,MAAM,CAAC,OAAO,OAAO;IACvB;IACA,WAAW;GACb;GACA;IACE,KAAK;IACL,SAAS;KACP,MAAM;KACN,OAAO;KACP,SAAS;KACT,KAAK;KACL,KAAK;KACL,MAAM;IACR;IACA,WAAW;GACb;GACA;IACE,KAAK;IACL,SAAS;KACP,MAAM;KACN,OAAO;KACP,SAAS;KACT,KAAK;KACL,KAAK;KACL,MAAM;IACR;IACA,WAAW;GACb;GACA;IACE,KAAK;IACL,SAAS;KACP,MAAM;KACN,OAAO;KACP,SAAS;KACT,KAAK;KACL,KAAK;KACL,MAAM;IACR;IACA,WAAW;GACb;GACA;IACE,KAAK;IACL,SAAS;KACP,MAAM;KACN,OAAO;KACP,SAAS;KACT,MAAM,CAAC,UAAU,OAAO;IAC1B;IACA,WAAW;GACb;GACA;IACE,KAAK;IACL,SAAS;KACP,MAAM;KACN,OAAO;KACP,UAAU,EAAE,eAAkC,GAAO,SAAS;KAC9D,aAAa,EAAE,YAAS,eAEpB,GAAO,SAAS,MACb,EAAQ,cAAc,SACtB,EAAQ,cAAc,UAAU,GAAO,SAAS,KAE5C,UAGF;KAET,2BAA2B,EAAE,YAAS,eACpC,GAAI,GAAO,SAAS,MAAM,EAAQ,cAAc,UAAU,GAAO,SAAS;KAM5E,wBAAwB,EAAE,YAAS,eAAkC;MACnE,IAAM,IAAa,EAAE,GAAG,EAAQ;MAMhC,OAJI,EAAW,iBACb,EAAW,aAAa,QAAQ,GAAO,SAAS,KAG3C;OACL,OAAO,EAAW,cAAc;OAChC,SAAS;MACX;KACF;IACF;IACA,YAAY,EAAE,iBACZ,EAAoB,EAAE,WAAQ,CAAC,KAAK,GAAS,cAAc,cAAc;GAC7E;GACA;IACE,KAAK;IACL,SAAS;KACP,MAAM;KACN,OAAO;KACP,SAAS;KAET,MAAM,CAAC,cAAc,WAA4B;KACjD,iBAAiB,EAAE,iBACb,GAAS,cAAc,gBAAgB,WAClC,WAGS,EACL,CAAA,GAAY,GAAS,cAAc,YAA8B,EAAE,QAEjE;KAEjB,YAAY,EAAE,YAAS,eAAkF;MACvG,IAAI,MAAU,UACZ,OAAO;OACL,GAAG;OACH,cAAc;QACZ,GAAG,EAAQ;QAEX,YAAY;QACZ,aAAa;OACf;MACF;MAGF,IAAI,IAAc,EAAQ,cAAc;MAQxC,OAJI,MAHc,EACK,CAAA,GAAY,GAAS,cAAc,YAA8B,EAAE,SAGxF,IAAc,EAAgB,KAAS,WAAW,CAAC,CAAC,KAG/C;OACL,GAAG;OACH,cAAc;QACZ,GAAG,EAAQ;QACX;QACA,YAAY;OACd;MACF;KACF;IACF;IACA,YAAY,EAAE,iBACZ,EAAoB,EAAE,WAAQ,CAAC,KAAK,GAAS,cAAc,cAAc;GAC7E;GAkBA;IACE,KAAK;IACL,SAAS;KACP,MAAM;KACN,OAAO;KACP,WAAW;KACX,UAAU,EAAE,iBAAoC;MAE9C,IAAM,IADY,EACK,CAAA,GAAY,GAAS,cAAc,YAA8B,EAAE;MAE1F,OAAO,EAAgB,KAAkB,WAAW,CAAC,CAAC;KACxD;KACA,OAAO,EAAE,iBAAoC;MAE3C,IAAM,IADY,EACK,CAAA,GAAY,GAAS,cAAc,YAA8B,EAAE;MAE1F,OAAO,EAAgB,KAAkB,WAAW;KACtD;IACF;IACA,YAAY,EAAE,iBACZ,EAAoB,EAAE,WAAQ,CAAC,KAC5B,GAAS,cAAc,cAAc,WACrC,GAAS,cAAc,gBAAgB;GAC9C;EACF;CACF;CACA,EAA6C,CAC3C;EAAE,MAAM;EAAK,MAAM;EAAQ,OAAO;EAAM,OAAO;EAAM,OAAO;EAAM,aAAa;EAAM,UAAU;EAAM,WAAW;CAAK,GACrH;EAAE,MAAM;EAAK,MAAM;EAAQ,OAAO;EAAM,OAAO;EAAM,OAAO;EAAM,aAAa;EAAM,UAAU;EAAM,WAAW;CAAK,CACvH,GAAG,EAAgD;EACjD,UAAU;EACV,QAAQ;GACN,OAAO;GACP,SAAS;GACT,SAAS;EACX;EACA,eAAe;GAAE,KAAK;GAAmB,SAAS;EAAW;CAC/D,CAAC,CAAC;CACF,EAAoD;CACpD,EAAsD,EAAE,OAAO;EAAE,SAAS;EAAO,sBAAsB;CAAK,EAAE,CAAC;AACjH"}

package/bubble-chart/bubble-chart-options.config.cjs

@@ -1,2 +1,2 @@
-const e=require("../helpers.cjs"),t=require("../shared/utils/info-tooltip-options.config.cjs");var n=({slots:e})=>Array.isArray(e)&&e?.length>0?(e?.find(e=>e?.name===`color`)?.content?.length??0)>0:!1,r=({slots:e})=>Array.isArray(e)&&e?.length>0?!((e?.find(e=>e?.name===`color`)?.content?.length??0)>0):!0,i=[{key:`general`,type:`group`,open:!0,children:[{key:`display.title`,control:{type:`switch`,label:`Title`,default:!0}},{key:`display.legend`,control:{type:`switch`,label:`Legend`,default:!0},visibleIf:n},{key:`display.bubbleLabels`,control:{type:`switch`,label:`Show labels`,tooltip:`If enough room available`,default:!0}},{key:`display.bubbleValues`,control:{type:`picker`,label:`Show values`,tooltip:`If enough room available`,default:`none`,enum:[`none`,`percentage`,`absolute`]}},{key:`categories.colored`,control:{type:`switch`,label:`Bubble color by category`,default:!0},visibleIf:r},{key:`color`,control:{type:`color-picker`,label:`Bubble color`,default:({theme:t})=>e.getThemeMainColor(t),extraLabel:({options:t,theme:n})=>e.getThemeMainColorResetLabel(t,n,`color`),extraLabelHasClickAction:({options:t,theme:n})=>e.getThemeMainColorExtraLabelHasClickAction(t,n,`color`),extraLabelClickAction:({options:t,theme:n})=>e.getThemeMainColorExtraLabelClickAction(t,n,`color`)},visibleIf:({options:e,slots:t})=>e?.categories?.colored===!1&&r({slots:t})}]},{key:`legend`,type:`group`,open:!1,children:[{key:`legend.position`,control:{label:`Position`,type:`position-picker`,default:`topRight`,enum:[`topLeft`,`top`,`topRight`,`right`,`bottomRight`,`bottom`,`bottomLeft`,`left`]}},{key:`legend.customOrder`,control:{label:`Custom order`,description:`Drag items in the chart legend to set the order.`,type:`switch`,default:!1}},{key:`interactivity.legendReorder`,control:{label:`Allow viewers to reorder`,type:`switch`,default:!1},visibleIf:({options:e})=>e?.legend?.customOrder===!0}],visibleIf:n},t.createInfoTooltipOptionsGroup()];exports.default=i;
+const e=require("../helpers.cjs"),t=require("../shared/utils/info-tooltip-options.config.cjs"),n=require("../shared/utils/interactivity-options.config.cjs");var r=({slots:e})=>Array.isArray(e)&&e?.length>0?(e?.find(e=>e?.name===`color`)?.content?.length??0)>0:!1,i=({slots:e})=>Array.isArray(e)&&e?.length>0?!((e?.find(e=>e?.name===`color`)?.content?.length??0)>0):!0,a=[{key:`general`,type:`group`,open:!0,children:[{key:`display.title`,control:{type:`switch`,label:`Title`,default:!0}},{key:`display.legend`,control:{type:`switch`,label:`Legend`,default:!0},visibleIf:r},{key:`display.bubbleLabels`,control:{type:`switch`,label:`Show labels`,tooltip:`If enough room available`,default:!0}},{key:`display.bubbleValues`,control:{type:`picker`,label:`Show values`,tooltip:`If enough room available`,default:`none`,enum:[`none`,`percentage`,`absolute`]}},{key:`categories.colored`,control:{type:`switch`,label:`Bubble color by category`,default:!0},visibleIf:i},{key:`color`,control:{type:`color-picker`,label:`Bubble color`,default:({theme:t})=>e.getThemeMainColor(t),extraLabel:({options:t,theme:n})=>e.getThemeMainColorResetLabel(t,n,`color`),extraLabelHasClickAction:({options:t,theme:n})=>e.getThemeMainColorExtraLabelHasClickAction(t,n,`color`),extraLabelClickAction:({options:t,theme:n})=>e.getThemeMainColorExtraLabelClickAction(t,n,`color`)},visibleIf:({options:e,slots:t})=>e?.categories?.colored===!1&&i({slots:t})}]},{key:`legend`,type:`group`,open:!1,children:[{key:`legend.position`,control:{label:`Position`,type:`position-picker`,default:`topRight`,enum:[`topLeft`,`top`,`topRight`,`right`,`bottomRight`,`bottom`,`bottomLeft`,`left`]}},{key:`legend.customOrder`,control:{label:`Custom order`,description:`Drag items in the chart legend to set the order.`,type:`switch`,default:!1}},{key:`interactivity.legendReorder`,control:{label:`Allow viewers to reorder`,type:`switch`,default:!1},visibleIf:({options:e})=>e?.legend?.customOrder===!0}],visibleIf:r},t.createInfoTooltipOptionsGroup(),n.createInteractivityOptionsGroup({select:{default:!0}})];exports.default=a;
 //# sourceMappingURL=bubble-chart-options.config.cjs.map

package/bubble-chart/bubble-chart-options.config.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"bubble-chart-options.config.cjs","names":[],"sources":["../../../../libs/dashboard-contents-types/src/lib/bubble-chart/bubble-chart-options.config.ts"],"sourcesContent":["import {\n  getThemeMainColor,\n  getThemeMainColorExtraLabelClickAction,\n  getThemeMainColorExtraLabelHasClickAction,\n  getThemeMainColorResetLabel\n} from '../helpers';\nimport { createInfoTooltipOptionsGroup } from '../shared/utils/info-tooltip-options.config';\nimport type { OptionsConfig, OptionsConfigContext } from '../shared/utils/options-config.types';\nimport type { BubbleChartViewOptions } from './bubble-chart-options';\n\ntype BubbleChartConfigContext = OptionsConfigContext<BubbleChartViewOptions>;\n\nconst hasLegend = ({ slots }: Pick<BubbleChartConfigContext, 'slots'>) => {\n  if (Array.isArray(slots) && slots?.length > 0) {\n    return (slots?.find((s) => s?.name === 'color')?.content?.length ?? 0) > 0;\n  }\n\n  return false;\n};\n\nconst hasNoLegend = ({ slots }: Pick<BubbleChartConfigContext, 'slots'>) => {\n  if (Array.isArray(slots) && slots?.length > 0) {\n    return !((slots?.find((s) => s?.name === 'color')?.content?.length ?? 0) > 0);\n  }\n\n  return true;\n};\n\nconst bubbleChartOptionsConfig: OptionsConfig<BubbleChartConfigContext> = [\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: hasLegend\n      },\n      {\n        key: 'display.bubbleLabels',\n        control: {\n          type: 'switch',\n          label: 'Show labels',\n          tooltip: 'If enough room available',\n          default: true\n        }\n      },\n      {\n        key: 'display.bubbleValues',\n        control: {\n          type: 'picker',\n          label: 'Show values',\n          tooltip: 'If enough room available',\n          default: 'none',\n          enum: ['none', 'percentage', 'absolute']\n        }\n      },\n      {\n        key: 'categories.colored',\n        control: {\n          type: 'switch',\n          label: 'Bubble color by category',\n          default: true\n        },\n        visibleIf: hasNoLegend\n      },\n      {\n        key: 'color',\n        control: {\n          type: 'color-picker',\n          label: 'Bubble color',\n          default: ({ theme }: BubbleChartConfigContext) => getThemeMainColor(theme),\n          extraLabel: ({ options, theme }: BubbleChartConfigContext) => getThemeMainColorResetLabel(options, theme, 'color'),\n          extraLabelHasClickAction: ({ options, theme }: BubbleChartConfigContext) =>\n            getThemeMainColorExtraLabelHasClickAction(options, theme, 'color'),\n          extraLabelClickAction: ({ options, theme }: BubbleChartConfigContext) =>\n            getThemeMainColorExtraLabelClickAction(options, theme, 'color')\n        },\n        visibleIf: ({ options, slots }: BubbleChartConfigContext) => options?.categories?.colored === false && hasNoLegend({ slots })\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 }: BubbleChartConfigContext) => options?.legend?.customOrder === true\n      }\n    ],\n    visibleIf: hasLegend\n  },\n  createInfoTooltipOptionsGroup<BubbleChartConfigContext>()\n];\n\nexport default bubbleChartOptionsConfig;\n"],"mappings":"+FAYA,IAAM,GAAa,CAAE,WACf,MAAM,QAAQ,CAAK,GAAK,GAAO,OAAS,GAClC,GAAO,KAAM,GAAM,GAAG,OAAS,OAAO,CAAC,EAAE,SAAS,QAAU,GAAK,EAGpE,GAGH,GAAe,CAAE,WACjB,MAAM,QAAQ,CAAK,GAAK,GAAO,OAAS,EACnC,GAAG,GAAO,KAAM,GAAM,GAAG,OAAS,OAAO,CAAC,EAAE,SAAS,QAAU,GAAK,GAGtE,GAGH,EAAoE,CACxE,CACE,IAAK,UACL,KAAM,QACN,KAAM,GACN,SAAU,CACR,CACE,IAAK,gBACL,QAAS,CACP,KAAM,SACN,MAAO,QACP,QAAS,EACX,CACF,EACA,CACE,IAAK,iBACL,QAAS,CACP,KAAM,SACN,MAAO,SACP,QAAS,EACX,EACA,UAAW,CACb,EACA,CACE,IAAK,uBACL,QAAS,CACP,KAAM,SACN,MAAO,cACP,QAAS,2BACT,QAAS,EACX,CACF,EACA,CACE,IAAK,uBACL,QAAS,CACP,KAAM,SACN,MAAO,cACP,QAAS,2BACT,QAAS,OACT,KAAM,CAAC,OAAQ,aAAc,UAAU,CACzC,CACF,EACA,CACE,IAAK,qBACL,QAAS,CACP,KAAM,SACN,MAAO,2BACP,QAAS,EACX,EACA,UAAW,CACb,EACA,CACE,IAAK,QACL,QAAS,CACP,KAAM,eACN,MAAO,eACP,SAAU,CAAE,WAAsC,EAAA,kBAAkB,CAAK,EACzE,YAAa,CAAE,UAAS,WAAsC,EAAA,4BAA4B,EAAS,EAAO,OAAO,EACjH,0BAA2B,CAAE,UAAS,WACpC,EAAA,0CAA0C,EAAS,EAAO,OAAO,EACnE,uBAAwB,CAAE,UAAS,WACjC,EAAA,uCAAuC,EAAS,EAAO,OAAO,CAClE,EACA,WAAY,CAAE,UAAS,WAAsC,GAAS,YAAY,UAAY,IAAS,EAAY,CAAE,OAAM,CAAC,CAC9H,CACF,CACF,EACA,CACE,IAAK,SACL,KAAM,QACN,KAAM,GACN,SAAU,CACR,CACE,IAAK,kBACL,QAAS,CACP,MAAO,WACP,KAAM,kBACN,QAAS,WACT,KAAM,CAAC,UAAW,MAAO,WAAY,QAAS,cAAe,SAAU,aAAc,MAAM,CAC7F,CACF,EACA,CACE,IAAK,qBACL,QAAS,CACP,MAAO,eACP,YAAa,mDACb,KAAM,SACN,QAAS,EACX,CACF,EACA,CACE,IAAK,8BACL,QAAS,CACP,MAAO,2BACP,KAAM,SACN,QAAS,EACX,EACA,WAAY,CAAE,aAAwC,GAAS,QAAQ,cAAgB,EACzF,CACF,EACA,UAAW,CACb,EACA,EAAA,8BAAwD,CAC1D"}
+{"version":3,"file":"bubble-chart-options.config.cjs","names":[],"sources":["../../../../libs/dashboard-contents-types/src/lib/bubble-chart/bubble-chart-options.config.ts"],"sourcesContent":["import {\n  getThemeMainColor,\n  getThemeMainColorExtraLabelClickAction,\n  getThemeMainColorExtraLabelHasClickAction,\n  getThemeMainColorResetLabel\n} from '../helpers';\nimport { createInfoTooltipOptionsGroup } from '../shared/utils/info-tooltip-options.config';\nimport { createInteractivityOptionsGroup } from '../shared/utils/interactivity-options.config';\nimport type { OptionsConfig, OptionsConfigContext } from '../shared/utils/options-config.types';\nimport type { BubbleChartViewOptions } from './bubble-chart-options';\n\ntype BubbleChartConfigContext = OptionsConfigContext<BubbleChartViewOptions>;\n\nconst hasLegend = ({ slots }: Pick<BubbleChartConfigContext, 'slots'>) => {\n  if (Array.isArray(slots) && slots?.length > 0) {\n    return (slots?.find((s) => s?.name === 'color')?.content?.length ?? 0) > 0;\n  }\n\n  return false;\n};\n\nconst hasNoLegend = ({ slots }: Pick<BubbleChartConfigContext, 'slots'>) => {\n  if (Array.isArray(slots) && slots?.length > 0) {\n    return !((slots?.find((s) => s?.name === 'color')?.content?.length ?? 0) > 0);\n  }\n\n  return true;\n};\n\nconst bubbleChartOptionsConfig: OptionsConfig<BubbleChartConfigContext> = [\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: hasLegend\n      },\n      {\n        key: 'display.bubbleLabels',\n        control: {\n          type: 'switch',\n          label: 'Show labels',\n          tooltip: 'If enough room available',\n          default: true\n        }\n      },\n      {\n        key: 'display.bubbleValues',\n        control: {\n          type: 'picker',\n          label: 'Show values',\n          tooltip: 'If enough room available',\n          default: 'none',\n          enum: ['none', 'percentage', 'absolute']\n        }\n      },\n      {\n        key: 'categories.colored',\n        control: {\n          type: 'switch',\n          label: 'Bubble color by category',\n          default: true\n        },\n        visibleIf: hasNoLegend\n      },\n      {\n        key: 'color',\n        control: {\n          type: 'color-picker',\n          label: 'Bubble color',\n          default: ({ theme }: BubbleChartConfigContext) => getThemeMainColor(theme),\n          extraLabel: ({ options, theme }: BubbleChartConfigContext) => getThemeMainColorResetLabel(options, theme, 'color'),\n          extraLabelHasClickAction: ({ options, theme }: BubbleChartConfigContext) =>\n            getThemeMainColorExtraLabelHasClickAction(options, theme, 'color'),\n          extraLabelClickAction: ({ options, theme }: BubbleChartConfigContext) =>\n            getThemeMainColorExtraLabelClickAction(options, theme, 'color')\n        },\n        visibleIf: ({ options, slots }: BubbleChartConfigContext) => options?.categories?.colored === false && hasNoLegend({ slots })\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 }: BubbleChartConfigContext) => options?.legend?.customOrder === true\n      }\n    ],\n    visibleIf: hasLegend\n  },\n  createInfoTooltipOptionsGroup<BubbleChartConfigContext>(),\n  createInteractivityOptionsGroup<BubbleChartConfigContext>({ select: { default: true } })\n];\n\nexport default bubbleChartOptionsConfig;\n"],"mappings":"6JAaA,IAAM,GAAa,CAAE,WACf,MAAM,QAAQ,CAAK,GAAK,GAAO,OAAS,GAClC,GAAO,KAAM,GAAM,GAAG,OAAS,OAAO,CAAC,EAAE,SAAS,QAAU,GAAK,EAGpE,GAGH,GAAe,CAAE,WACjB,MAAM,QAAQ,CAAK,GAAK,GAAO,OAAS,EACnC,GAAG,GAAO,KAAM,GAAM,GAAG,OAAS,OAAO,CAAC,EAAE,SAAS,QAAU,GAAK,GAGtE,GAGH,EAAoE,CACxE,CACE,IAAK,UACL,KAAM,QACN,KAAM,GACN,SAAU,CACR,CACE,IAAK,gBACL,QAAS,CACP,KAAM,SACN,MAAO,QACP,QAAS,EACX,CACF,EACA,CACE,IAAK,iBACL,QAAS,CACP,KAAM,SACN,MAAO,SACP,QAAS,EACX,EACA,UAAW,CACb,EACA,CACE,IAAK,uBACL,QAAS,CACP,KAAM,SACN,MAAO,cACP,QAAS,2BACT,QAAS,EACX,CACF,EACA,CACE,IAAK,uBACL,QAAS,CACP,KAAM,SACN,MAAO,cACP,QAAS,2BACT,QAAS,OACT,KAAM,CAAC,OAAQ,aAAc,UAAU,CACzC,CACF,EACA,CACE,IAAK,qBACL,QAAS,CACP,KAAM,SACN,MAAO,2BACP,QAAS,EACX,EACA,UAAW,CACb,EACA,CACE,IAAK,QACL,QAAS,CACP,KAAM,eACN,MAAO,eACP,SAAU,CAAE,WAAsC,EAAA,kBAAkB,CAAK,EACzE,YAAa,CAAE,UAAS,WAAsC,EAAA,4BAA4B,EAAS,EAAO,OAAO,EACjH,0BAA2B,CAAE,UAAS,WACpC,EAAA,0CAA0C,EAAS,EAAO,OAAO,EACnE,uBAAwB,CAAE,UAAS,WACjC,EAAA,uCAAuC,EAAS,EAAO,OAAO,CAClE,EACA,WAAY,CAAE,UAAS,WAAsC,GAAS,YAAY,UAAY,IAAS,EAAY,CAAE,OAAM,CAAC,CAC9H,CACF,CACF,EACA,CACE,IAAK,SACL,KAAM,QACN,KAAM,GACN,SAAU,CACR,CACE,IAAK,kBACL,QAAS,CACP,MAAO,WACP,KAAM,kBACN,QAAS,WACT,KAAM,CAAC,UAAW,MAAO,WAAY,QAAS,cAAe,SAAU,aAAc,MAAM,CAC7F,CACF,EACA,CACE,IAAK,qBACL,QAAS,CACP,MAAO,eACP,YAAa,mDACb,KAAM,SACN,QAAS,EACX,CACF,EACA,CACE,IAAK,8BACL,QAAS,CACP,MAAO,2BACP,KAAM,SACN,QAAS,EACX,EACA,WAAY,CAAE,aAAwC,GAAS,QAAQ,cAAgB,EACzF,CACF,EACA,UAAW,CACb,EACA,EAAA,8BAAwD,EACxD,EAAA,gCAA0D,CAAE,OAAQ,CAAE,QAAS,EAAK,CAAE,CAAC,CACzF"}

package/bubble-chart/bubble-chart-options.config.js

@@ -1,7 +1,8 @@
 import { getThemeMainColor as e, getThemeMainColorExtraLabelClickAction as t, getThemeMainColorExtraLabelHasClickAction as n, getThemeMainColorResetLabel as r } from "../helpers.js";
 import { createInfoTooltipOptionsGroup as i } from "../shared/utils/info-tooltip-options.config.js";
+import { createInteractivityOptionsGroup as a } from "../shared/utils/interactivity-options.config.js";
 //#region src/lib/bubble-chart/bubble-chart-options.config.ts
-var a = ({ slots: e }) => Array.isArray(e) && e?.length > 0 ? (e?.find((e) => e?.name === "color")?.content?.length ?? 0) > 0 : !1, o = ({ slots: e }) => Array.isArray(e) && e?.length > 0 ? !((e?.find((e) => e?.name === "color")?.content?.length ?? 0) > 0) : !0, s = [
+var o = ({ slots: e }) => Array.isArray(e) && e?.length > 0 ? (e?.find((e) => e?.name === "color")?.content?.length ?? 0) > 0 : !1, s = ({ slots: e }) => Array.isArray(e) && e?.length > 0 ? !((e?.find((e) => e?.name === "color")?.content?.length ?? 0) > 0) : !0, c = [
 	{
 		key: "general",
 		type: "group",
@@ -22,7 +23,7 @@ var a = ({ slots: e }) => Array.isArray(e) && e?.length > 0 ? (e?.find((e) => e?
 					label: "Legend",
 					default: !0
 				},
-				visibleIf: a
+				visibleIf: o
 			},
 			{
 				key: "display.bubbleLabels",
@@ -54,7 +55,7 @@ var a = ({ slots: e }) => Array.isArray(e) && e?.length > 0 ? (e?.find((e) => e?
 					label: "Bubble color by category",
 					default: !0
 				},
-				visibleIf: o
+				visibleIf: s
 			},
 			{
 				key: "color",
@@ -66,7 +67,7 @@ var a = ({ slots: e }) => Array.isArray(e) && e?.length > 0 ? (e?.find((e) => e?
 					extraLabelHasClickAction: ({ options: e, theme: t }) => n(e, t, "color"),
 					extraLabelClickAction: ({ options: e, theme: n }) => t(e, n, "color")
 				},
-				visibleIf: ({ options: e, slots: t }) => e?.categories?.colored === !1 && o({ slots: t })
+				visibleIf: ({ options: e, slots: t }) => e?.categories?.colored === !1 && s({ slots: t })
 			}
 		]
 	},
@@ -112,11 +113,12 @@ var a = ({ slots: e }) => Array.isArray(e) && e?.length > 0 ? (e?.find((e) => e?
 				visibleIf: ({ options: e }) => e?.legend?.customOrder === !0
 			}
 		],
-		visibleIf: a
+		visibleIf: o
 	},
-	i()
+	i(),
+	a({ select: { default: !0 } })
 ];
 //#endregion
-export { s as default };
+export { c as default };
 
 //# sourceMappingURL=bubble-chart-options.config.js.map

package/bubble-chart/bubble-chart-options.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"bubble-chart-options.config.js","names":[],"sources":["../../../../libs/dashboard-contents-types/src/lib/bubble-chart/bubble-chart-options.config.ts"],"sourcesContent":["import {\n  getThemeMainColor,\n  getThemeMainColorExtraLabelClickAction,\n  getThemeMainColorExtraLabelHasClickAction,\n  getThemeMainColorResetLabel\n} from '../helpers';\nimport { createInfoTooltipOptionsGroup } from '../shared/utils/info-tooltip-options.config';\nimport type { OptionsConfig, OptionsConfigContext } from '../shared/utils/options-config.types';\nimport type { BubbleChartViewOptions } from './bubble-chart-options';\n\ntype BubbleChartConfigContext = OptionsConfigContext<BubbleChartViewOptions>;\n\nconst hasLegend = ({ slots }: Pick<BubbleChartConfigContext, 'slots'>) => {\n  if (Array.isArray(slots) && slots?.length > 0) {\n    return (slots?.find((s) => s?.name === 'color')?.content?.length ?? 0) > 0;\n  }\n\n  return false;\n};\n\nconst hasNoLegend = ({ slots }: Pick<BubbleChartConfigContext, 'slots'>) => {\n  if (Array.isArray(slots) && slots?.length > 0) {\n    return !((slots?.find((s) => s?.name === 'color')?.content?.length ?? 0) > 0);\n  }\n\n  return true;\n};\n\nconst bubbleChartOptionsConfig: OptionsConfig<BubbleChartConfigContext> = [\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: hasLegend\n      },\n      {\n        key: 'display.bubbleLabels',\n        control: {\n          type: 'switch',\n          label: 'Show labels',\n          tooltip: 'If enough room available',\n          default: true\n        }\n      },\n      {\n        key: 'display.bubbleValues',\n        control: {\n          type: 'picker',\n          label: 'Show values',\n          tooltip: 'If enough room available',\n          default: 'none',\n          enum: ['none', 'percentage', 'absolute']\n        }\n      },\n      {\n        key: 'categories.colored',\n        control: {\n          type: 'switch',\n          label: 'Bubble color by category',\n          default: true\n        },\n        visibleIf: hasNoLegend\n      },\n      {\n        key: 'color',\n        control: {\n          type: 'color-picker',\n          label: 'Bubble color',\n          default: ({ theme }: BubbleChartConfigContext) => getThemeMainColor(theme),\n          extraLabel: ({ options, theme }: BubbleChartConfigContext) => getThemeMainColorResetLabel(options, theme, 'color'),\n          extraLabelHasClickAction: ({ options, theme }: BubbleChartConfigContext) =>\n            getThemeMainColorExtraLabelHasClickAction(options, theme, 'color'),\n          extraLabelClickAction: ({ options, theme }: BubbleChartConfigContext) =>\n            getThemeMainColorExtraLabelClickAction(options, theme, 'color')\n        },\n        visibleIf: ({ options, slots }: BubbleChartConfigContext) => options?.categories?.colored === false && hasNoLegend({ slots })\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 }: BubbleChartConfigContext) => options?.legend?.customOrder === true\n      }\n    ],\n    visibleIf: hasLegend\n  },\n  createInfoTooltipOptionsGroup<BubbleChartConfigContext>()\n];\n\nexport default bubbleChartOptionsConfig;\n"],"mappings":";;;AAYA,IAAM,KAAa,EAAE,eACf,MAAM,QAAQ,CAAK,KAAK,GAAO,SAAS,KAClC,GAAO,MAAM,MAAM,GAAG,SAAS,OAAO,CAAC,EAAE,SAAS,UAAU,KAAK,IAGpE,IAGH,KAAe,EAAE,eACjB,MAAM,QAAQ,CAAK,KAAK,GAAO,SAAS,IACnC,GAAG,GAAO,MAAM,MAAM,GAAG,SAAS,OAAO,CAAC,EAAE,SAAS,UAAU,KAAK,KAGtE,IAGH,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,SAAS;KACT,SAAS;IACX;GACF;GACA;IACE,KAAK;IACL,SAAS;KACP,MAAM;KACN,OAAO;KACP,SAAS;KACT,SAAS;KACT,MAAM;MAAC;MAAQ;MAAc;KAAU;IACzC;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,YAAY,EAAE,YAAS,eAAsC,GAAS,YAAY,YAAY,MAAS,EAAY,EAAE,SAAM,CAAC;GAC9H;EACF;CACF;CACA;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,EAAwD;AAC1D"}
+{"version":3,"file":"bubble-chart-options.config.js","names":[],"sources":["../../../../libs/dashboard-contents-types/src/lib/bubble-chart/bubble-chart-options.config.ts"],"sourcesContent":["import {\n  getThemeMainColor,\n  getThemeMainColorExtraLabelClickAction,\n  getThemeMainColorExtraLabelHasClickAction,\n  getThemeMainColorResetLabel\n} from '../helpers';\nimport { createInfoTooltipOptionsGroup } from '../shared/utils/info-tooltip-options.config';\nimport { createInteractivityOptionsGroup } from '../shared/utils/interactivity-options.config';\nimport type { OptionsConfig, OptionsConfigContext } from '../shared/utils/options-config.types';\nimport type { BubbleChartViewOptions } from './bubble-chart-options';\n\ntype BubbleChartConfigContext = OptionsConfigContext<BubbleChartViewOptions>;\n\nconst hasLegend = ({ slots }: Pick<BubbleChartConfigContext, 'slots'>) => {\n  if (Array.isArray(slots) && slots?.length > 0) {\n    return (slots?.find((s) => s?.name === 'color')?.content?.length ?? 0) > 0;\n  }\n\n  return false;\n};\n\nconst hasNoLegend = ({ slots }: Pick<BubbleChartConfigContext, 'slots'>) => {\n  if (Array.isArray(slots) && slots?.length > 0) {\n    return !((slots?.find((s) => s?.name === 'color')?.content?.length ?? 0) > 0);\n  }\n\n  return true;\n};\n\nconst bubbleChartOptionsConfig: OptionsConfig<BubbleChartConfigContext> = [\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: hasLegend\n      },\n      {\n        key: 'display.bubbleLabels',\n        control: {\n          type: 'switch',\n          label: 'Show labels',\n          tooltip: 'If enough room available',\n          default: true\n        }\n      },\n      {\n        key: 'display.bubbleValues',\n        control: {\n          type: 'picker',\n          label: 'Show values',\n          tooltip: 'If enough room available',\n          default: 'none',\n          enum: ['none', 'percentage', 'absolute']\n        }\n      },\n      {\n        key: 'categories.colored',\n        control: {\n          type: 'switch',\n          label: 'Bubble color by category',\n          default: true\n        },\n        visibleIf: hasNoLegend\n      },\n      {\n        key: 'color',\n        control: {\n          type: 'color-picker',\n          label: 'Bubble color',\n          default: ({ theme }: BubbleChartConfigContext) => getThemeMainColor(theme),\n          extraLabel: ({ options, theme }: BubbleChartConfigContext) => getThemeMainColorResetLabel(options, theme, 'color'),\n          extraLabelHasClickAction: ({ options, theme }: BubbleChartConfigContext) =>\n            getThemeMainColorExtraLabelHasClickAction(options, theme, 'color'),\n          extraLabelClickAction: ({ options, theme }: BubbleChartConfigContext) =>\n            getThemeMainColorExtraLabelClickAction(options, theme, 'color')\n        },\n        visibleIf: ({ options, slots }: BubbleChartConfigContext) => options?.categories?.colored === false && hasNoLegend({ slots })\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 }: BubbleChartConfigContext) => options?.legend?.customOrder === true\n      }\n    ],\n    visibleIf: hasLegend\n  },\n  createInfoTooltipOptionsGroup<BubbleChartConfigContext>(),\n  createInteractivityOptionsGroup<BubbleChartConfigContext>({ select: { default: true } })\n];\n\nexport default bubbleChartOptionsConfig;\n"],"mappings":";;;;AAaA,IAAM,KAAa,EAAE,eACf,MAAM,QAAQ,CAAK,KAAK,GAAO,SAAS,KAClC,GAAO,MAAM,MAAM,GAAG,SAAS,OAAO,CAAC,EAAE,SAAS,UAAU,KAAK,IAGpE,IAGH,KAAe,EAAE,eACjB,MAAM,QAAQ,CAAK,KAAK,GAAO,SAAS,IACnC,GAAG,GAAO,MAAM,MAAM,GAAG,SAAS,OAAO,CAAC,EAAE,SAAS,UAAU,KAAK,KAGtE,IAGH,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,SAAS;KACT,SAAS;IACX;GACF;GACA;IACE,KAAK;IACL,SAAS;KACP,MAAM;KACN,OAAO;KACP,SAAS;KACT,SAAS;KACT,MAAM;MAAC;MAAQ;MAAc;KAAU;IACzC;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,YAAY,EAAE,YAAS,eAAsC,GAAS,YAAY,YAAY,MAAS,EAAY,EAAE,SAAM,CAAC;GAC9H;EACF;CACF;CACA;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,EAAwD;CACxD,EAA0D,EAAE,QAAQ,EAAE,SAAS,GAAK,EAAE,CAAC;AACzF"}

package/choropleth-map/choropleth-map-options.config.cjs

@@ -1,2 +1,2 @@
-const e=require("../shared/utils/info-tooltip-options.config.cjs"),t=require("../shared/utils/color/color-palettes.cjs"),n=require("../shared/utils/map-tile-providers.cjs"),r=require("../shared/utils/color-range-utils.cjs");var i=(e,n)=>{let r=`colors${n}`;return t.getColorMaps()[e]?.[r]},a=[{key:`general`,type:`group`,open:!0,children:[{key:`display.title`,control:{type:`switch`,label:`Title`,default:!0}},{key:`display.legend`,control:{type:`switch`,label:`Legend`,default:!0}}]},{key:`map`,type:`group`,open:!0,children:[{key:`enabled.zoom`,control:{type:`switch`,label:`Zoom`,default:!0}},{key:`enabled.pan`,control:{type:`switch`,label:`Pan`,default:!0}},{key:`enabled.pitchBearing`,control:{type:`switch`,label:`Pitch & Rotate`,tooltip:`Use ctrl + drag`,default:!1}},{type:`divider`},{key:`vectorTileProvider`,control:{type:`picker`,label:`Map style`,default:`Basic`,enum:[`No Tiles`,`Basic`,`Bright`,`Dark`,`Fiord`,`Liberty`,`Pastel`,`Positron`,`Streets`,`Toner`,`Topographique`,`Voyager`,`3D buildings`],parseValue:e=>e?.name||`Basic`,toValue:e=>n.mapVectorTileProviders[e]??{}}}]},{key:`colors`,type:`group`,open:!0,children:[{key:`opacity`,control:{type:`slider`,label:`Opacity`,default:.85,min:.2,max:1,step:.01}},{key:`colorsClassType`,control:{type:`picker`,label:`Colors type`,default:`sequential`,enum:[`sequential`,`divergent`,`manual`],calculateValue:({options:e})=>e?.colorsClass===`manual`?`manual`:t.getColorMaps()?.[e?.colorsClass]?.type??`sequential`,toOptions:({options:e,value:n})=>{let i=e?.colorsClass??`PuBu`,a=e?.numberClasses??5,o=r.toRangesWithValue(e?.manualValues?.ranges),s=i===`manual`?`manual`:i,c;n===`manual`?c=`manual`:n!==t.getColorMaps()?.[e?.colorsClass]?.type&&(c=t.getColorMapKeys(n??`sequential`)[0]);let l={...e,colorsClass:c};if(n===`manual`||e?.classification===`manual`){let e=r.calculateManualRanges(a,n===`manual`?s:c,o);l.manualValues={...l.manualValues,ranges:r.toRangesWithVal(e)}}else delete l?.manualValues?.ranges;return l}}},{key:`colorsClass`,control:{type:`color-palette-picker`,label:`Color palette`,hideLabel:!0,default:({options:e})=>{let n=t.getColorMaps()?.[e?.colorsClass]?.type;return t.getColorMapKeys(n??`sequential`)[0]},enum:({options:e})=>{let n=t.getColorMaps()?.[e?.colorsClass]?.type;return t.getColorMapKeys(n??`sequential`)},toOptions:({options:e,value:t})=>{let n={...e,colorsClass:t};if(e?.classification===`manual`){let r=i(t,e?.numberClasses??5);n.manualValues={...n.manualValues,ranges:e?.manualValues?.ranges?.map(e=>({...e,color:typeof e.val==`number`?r?.[e.val]:void 0}))}}return n}},visibleIf:({options:e})=>e?.colorsClass!==`manual`},{key:`manualValues.ranges`,control:{type:`color-range`,editRangeSize:!1,debounce:500,noValues:!0,noAlphaChannel:!0,label:`Manual range colors`,hideLabel:!0},calculateValue:({options:e})=>r.calculateManualRanges(e?.numberClasses,e?.colorsClass,r.toRangesWithValue(e?.manualValues?.ranges)),toOptions:({options:e,value:t})=>({...e,manualValues:{...e.manualValues,ranges:r.toRangesWithVal(t)}}),visibleIf:({options:e})=>e?.colorsClass===`manual`}]},{key:`classification`,type:`group`,open:!0,children:[{key:`numberClasses`,control:{type:`picker`,label:`Number of classes`,default:`5`,enum:[`3`,`4`,`5`,`6`,`7`,`8`,`9`],parseValue:e=>e?.toString()??`5`,toOptions:({options:e,value:t})=>{let n=Number.parseInt(t,10)||5,i={...e,numberClasses:n};if(e?.classification===`manual`||e?.colorsClass===`manual`){let n=r.calculateManualRanges(t,e?.colorsClass,r.toRangesWithValue(e?.manualValues?.ranges));i.manualValues={...i.manualValues,ranges:r.toRangesWithVal(n)}}return i}}},{key:`classification`,control:{type:`picker`,label:`Method`,default:`interval`,enum:[`interval`,`manual`,`quantile`,`continuous`],toOptions:({options:e,value:t})=>{let n={...e,classification:t};if(t===`manual`||e?.colorsClass===`manual`){let t=r.calculateManualRanges(e?.numberClasses,e?.colorsClass,r.toRangesWithValue(e?.manualValues?.ranges));n.manualValues={...n.manualValues,ranges:r.toRangesWithVal(t)}}else delete n?.manualValues?.ranges;return n}}},{key:`manualValues.rangesValues`,control:{type:`color-range`,editRangeSize:!1,debounce:500,noValues:!1,readOnlyColorPicker:!0,label:`Manual range values`,hideLabel:!0,calculateValue:({options:e})=>r.calculateManualRanges(e?.numberClasses,e?.colorsClass,r.toRangesWithValue(e?.manualValues?.ranges)),toOptions:({options:e,value:t})=>({...e,manualValues:{...e.manualValues,ranges:r.toRangesWithVal(t)}})},visibleIf:({options:e})=>e?.classification===`manual`}]},{key:`legend`,type:`group`,open:!1,children:[{key:`legend.type`,control:{type:`picker`,label:`Type`,default:`bar`,enum:[`bar`,`list`]}},{key:`legend.size`,control:{type:`radio-button-group`,label:`Size`,default:`M`,enum:[`S`,`M`,`L`]}},{key:`legend.position`,control:{type:`position-picker`,label:`Position`,default:`bottomLeft`,enum:[`topLeft`,`top`,`topRight`,`right`,`bottomRight`,`bottom`,`bottomLeft`,`left`]}}],visibleIf:({options:e})=>e?.display?.legend===!0},e.createInfoTooltipOptionsGroup()];exports.default=a;
+const e=require("../shared/utils/info-tooltip-options.config.cjs"),t=require("../shared/utils/interactivity-options.config.cjs"),n=require("../shared/utils/color/color-palettes.cjs"),r=require("../shared/utils/map-tile-providers.cjs"),i=require("../shared/utils/color-range-utils.cjs");var a=(e,t)=>{let r=`colors${t}`;return n.getColorMaps()[e]?.[r]},o=[{key:`general`,type:`group`,open:!0,children:[{key:`display.title`,control:{type:`switch`,label:`Title`,default:!0}},{key:`display.legend`,control:{type:`switch`,label:`Legend`,default:!0}}]},{key:`map`,type:`group`,open:!0,children:[{key:`enabled.zoom`,control:{type:`switch`,label:`Zoom`,default:!0}},{key:`enabled.pan`,control:{type:`switch`,label:`Pan`,default:!0}},{key:`enabled.pitchBearing`,control:{type:`switch`,label:`Pitch & Rotate`,tooltip:`Use ctrl + drag`,default:!1}},{type:`divider`},{key:`vectorTileProvider`,control:{type:`picker`,label:`Map style`,default:`Basic`,enum:[`No Tiles`,`Basic`,`Bright`,`Dark`,`Fiord`,`Liberty`,`Pastel`,`Positron`,`Streets`,`Toner`,`Topographique`,`Voyager`,`3D buildings`],parseValue:e=>e?.name||`Basic`,toValue:e=>r.mapVectorTileProviders[e]??{}}}]},{key:`colors`,type:`group`,open:!0,children:[{key:`opacity`,control:{type:`slider`,label:`Opacity`,default:.85,min:.2,max:1,step:.01}},{key:`colorsClassType`,control:{type:`picker`,label:`Colors type`,default:`sequential`,enum:[`sequential`,`divergent`,`manual`],calculateValue:({options:e})=>e?.colorsClass===`manual`?`manual`:n.getColorMaps()?.[e?.colorsClass]?.type??`sequential`,toOptions:({options:e,value:t})=>{let r=e?.colorsClass??`PuBu`,a=e?.numberClasses??5,o=i.toRangesWithValue(e?.manualValues?.ranges),s=r===`manual`?`manual`:r,c;t===`manual`?c=`manual`:t!==n.getColorMaps()?.[e?.colorsClass]?.type&&(c=n.getColorMapKeys(t??`sequential`)[0]);let l={...e,colorsClass:c};if(t===`manual`||e?.classification===`manual`){let e=i.calculateManualRanges(a,t===`manual`?s:c,o);l.manualValues={...l.manualValues,ranges:i.toRangesWithVal(e)}}else delete l?.manualValues?.ranges;return l}}},{key:`colorsClass`,control:{type:`color-palette-picker`,label:`Color palette`,hideLabel:!0,default:({options:e})=>{let t=n.getColorMaps()?.[e?.colorsClass]?.type;return n.getColorMapKeys(t??`sequential`)[0]},enum:({options:e})=>{let t=n.getColorMaps()?.[e?.colorsClass]?.type;return n.getColorMapKeys(t??`sequential`)},toOptions:({options:e,value:t})=>{let n={...e,colorsClass:t};if(e?.classification===`manual`){let r=a(t,e?.numberClasses??5);n.manualValues={...n.manualValues,ranges:e?.manualValues?.ranges?.map(e=>({...e,color:typeof e.val==`number`?r?.[e.val]:void 0}))}}return n}},visibleIf:({options:e})=>e?.colorsClass!==`manual`},{key:`manualValues.ranges`,control:{type:`color-range`,editRangeSize:!1,debounce:500,noValues:!0,noAlphaChannel:!0,label:`Manual range colors`,hideLabel:!0},calculateValue:({options:e})=>i.calculateManualRanges(e?.numberClasses,e?.colorsClass,i.toRangesWithValue(e?.manualValues?.ranges)),toOptions:({options:e,value:t})=>({...e,manualValues:{...e.manualValues,ranges:i.toRangesWithVal(t)}}),visibleIf:({options:e})=>e?.colorsClass===`manual`}]},{key:`classification`,type:`group`,open:!0,children:[{key:`numberClasses`,control:{type:`picker`,label:`Number of classes`,default:`5`,enum:[`3`,`4`,`5`,`6`,`7`,`8`,`9`],parseValue:e=>e?.toString()??`5`,toOptions:({options:e,value:t})=>{let n=Number.parseInt(t,10)||5,r={...e,numberClasses:n};if(e?.classification===`manual`||e?.colorsClass===`manual`){let n=i.calculateManualRanges(t,e?.colorsClass,i.toRangesWithValue(e?.manualValues?.ranges));r.manualValues={...r.manualValues,ranges:i.toRangesWithVal(n)}}return r}}},{key:`classification`,control:{type:`picker`,label:`Method`,default:`interval`,enum:[`interval`,`manual`,`quantile`,`continuous`],toOptions:({options:e,value:t})=>{let n={...e,classification:t};if(t===`manual`||e?.colorsClass===`manual`){let t=i.calculateManualRanges(e?.numberClasses,e?.colorsClass,i.toRangesWithValue(e?.manualValues?.ranges));n.manualValues={...n.manualValues,ranges:i.toRangesWithVal(t)}}else delete n?.manualValues?.ranges;return n}}},{key:`manualValues.rangesValues`,control:{type:`color-range`,editRangeSize:!1,debounce:500,noValues:!1,readOnlyColorPicker:!0,label:`Manual range values`,hideLabel:!0,calculateValue:({options:e})=>i.calculateManualRanges(e?.numberClasses,e?.colorsClass,i.toRangesWithValue(e?.manualValues?.ranges)),toOptions:({options:e,value:t})=>({...e,manualValues:{...e.manualValues,ranges:i.toRangesWithVal(t)}})},visibleIf:({options:e})=>e?.classification===`manual`}]},{key:`legend`,type:`group`,open:!1,children:[{key:`legend.type`,control:{type:`picker`,label:`Type`,default:`bar`,enum:[`bar`,`list`]}},{key:`legend.size`,control:{type:`radio-button-group`,label:`Size`,default:`M`,enum:[`S`,`M`,`L`]}},{key:`legend.position`,control:{type:`position-picker`,label:`Position`,default:`bottomLeft`,enum:[`topLeft`,`top`,`topRight`,`right`,`bottomRight`,`bottom`,`bottomLeft`,`left`]}}],visibleIf:({options:e})=>e?.display?.legend===!0},e.createInfoTooltipOptionsGroup(),t.createInteractivityOptionsGroup({select:{default:!0}})];exports.default=o;
 //# sourceMappingURL=choropleth-map-options.config.cjs.map

package/choropleth-map/choropleth-map-options.config.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"choropleth-map-options.config.cjs","names":[],"sources":["../../../../libs/dashboard-contents-types/src/lib/choropleth-map/choropleth-map-options.config.ts"],"sourcesContent":["import { type ColorValue, type ColorsClassKey, type ColorsType, getColorMapKeys, getColorMaps } from '../shared/utils/color/color-palettes';\nimport { mapVectorTileProviders } from '../shared/utils/map-tile-providers';\nimport { calculateManualRanges, toRangesWithVal, toRangesWithValue } from '../shared/utils/color-range-utils';\nimport type { ManualValuesRange } from '../shared/types/ranges';\nimport { createInfoTooltipOptionsGroup } from '../shared/utils/info-tooltip-options.config';\nimport type { OptionsConfig, OptionsConfigContext } from '../shared/utils/options-config.types';\nimport type { ChoroplethMapViewOptions } from './choropleth-map-options';\n\ntype ChoroplethMapConfigContext = OptionsConfigContext<ChoroplethMapViewOptions>;\ntype ChoroplethMapConfigContextWithValue<T> = ChoroplethMapConfigContext & { value: T };\ntype ColorCountKey = Exclude<keyof ColorValue, 'type'>;\n\nconst getColorClassColors = (colorClass: ColorsClassKey, numberClasses: number): string[] | undefined => {\n  const key = `colors${numberClasses}` as ColorCountKey;\n\n  return getColorMaps()[colorClass]?.[key];\n};\n\nconst choroplethMapOptionsConfig: OptionsConfig<ChoroplethMapConfigContext> = [\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      }\n    ]\n  },\n  {\n    key: 'map',\n    type: 'group',\n    open: true,\n    children: [\n      {\n        key: 'enabled.zoom',\n        control: {\n          type: 'switch',\n          label: 'Zoom',\n          default: true\n        }\n      },\n      /*       {\n        key: 'zoomRange',\n        control: {\n          type: 'range',\n          label: 'Zoom range',\n          default: [5, 18],\n          min: 1,\n          max: 22,\n          step: 1\n        },\n        visibleIf: ({ options }: ChoroplethMapConfigContext) => options?.enabled?.zoom === true\n      }, */\n      {\n        key: 'enabled.pan',\n        control: {\n          type: 'switch',\n          label: 'Pan',\n          default: true\n        }\n      },\n      {\n        key: 'enabled.pitchBearing',\n        control: {\n          type: 'switch',\n          label: 'Pitch & Rotate',\n          tooltip: 'Use ctrl + drag',\n          default: false\n        }\n      },\n      {\n        type: 'divider'\n      },\n      {\n        key: 'vectorTileProvider',\n        control: {\n          type: 'picker',\n          label: 'Map style',\n          default: 'Basic',\n          enum: [\n            'No Tiles',\n            'Basic',\n            'Bright',\n            'Dark',\n            'Fiord',\n            'Liberty',\n            'Pastel',\n            'Positron',\n            'Streets',\n            'Toner',\n            'Topographique',\n            'Voyager',\n            '3D buildings'\n          ],\n          parseValue: (value: { name?: string } | null | undefined) => value?.name || 'Basic',\n          toValue: (value: string) => mapVectorTileProviders[value as keyof typeof mapVectorTileProviders] ?? {}\n        }\n      }\n    ]\n  },\n  {\n    key: 'colors',\n    type: 'group',\n    open: true,\n    children: [\n      {\n        key: 'opacity',\n        control: {\n          type: 'slider',\n          label: 'Opacity',\n          default: 0.85,\n          min: 0.2,\n          max: 1,\n          step: 0.01\n        }\n      },\n      {\n        key: 'colorsClassType',\n        control: {\n          type: 'picker',\n          label: 'Colors type',\n          default: 'sequential',\n          enum: ['sequential', 'divergent', 'manual'],\n          calculateValue: ({ options }: ChoroplethMapConfigContext) => {\n            if (options?.colorsClass === 'manual') {\n              return 'manual';\n            }\n\n            const colorMaps = getColorMaps();\n            const type = colorMaps?.[options?.colorsClass as ColorsClassKey]?.type;\n\n            return type ?? 'sequential';\n          },\n          toOptions: ({ options, value }: ChoroplethMapConfigContextWithValue<ColorsType>) => {\n            const previousColorsClassValue = options?.colorsClass ?? 'PuBu';\n            const numberClassesValue = options?.numberClasses ?? 5;\n            const previousRanges = toRangesWithValue(options?.manualValues?.ranges);\n            const useColorsClassToGenerate = previousColorsClassValue === 'manual' ? 'manual' : previousColorsClassValue;\n\n            let newColorsClass;\n\n            if (value === 'manual') {\n              newColorsClass = 'manual';\n            }\n            else {\n              const colorMaps = getColorMaps();\n              const colorClassType = colorMaps?.[options?.colorsClass as ColorsClassKey]?.type;\n\n              if (value !== colorClassType) {\n                newColorsClass = getColorMapKeys(value ?? 'sequential')[0];\n              }\n            }\n\n            const newOptions = { ...options, colorsClass: newColorsClass };\n\n            if (value === 'manual' || options?.classification === 'manual') {\n              const manualRanges = calculateManualRanges(\n                numberClassesValue,\n                value === 'manual' ? useColorsClassToGenerate : newColorsClass,\n                previousRanges\n              );\n\n              newOptions.manualValues = {\n                ...newOptions.manualValues,\n                ranges: toRangesWithVal(manualRanges)\n              };\n            }\n            else {\n              delete newOptions?.manualValues?.ranges;\n            }\n\n            return newOptions;\n          }\n        }\n      },\n      {\n        key: 'colorsClass',\n        control: {\n          type: 'color-palette-picker',\n          label: 'Color palette',\n          hideLabel: true,\n          default: ({ options }: ChoroplethMapConfigContext) => {\n            const colorMaps = getColorMaps();\n            const colorClassType = colorMaps?.[options?.colorsClass as ColorsClassKey]?.type;\n\n            return getColorMapKeys(colorClassType ?? 'sequential')[0];\n          },\n          enum: ({ options }: ChoroplethMapConfigContext) => {\n            const colorMaps = getColorMaps();\n            const colorClassType = colorMaps?.[options?.colorsClass as ColorsClassKey]?.type;\n\n            return getColorMapKeys(colorClassType ?? 'sequential');\n          },\n          toOptions: ({ options, value }: ChoroplethMapConfigContextWithValue<ColorsClassKey>) => {\n            const newOptions = { ...options, colorsClass: value };\n\n            if (options?.classification === 'manual') {\n              const newColors = getColorClassColors(value, options?.numberClasses ?? 5);\n\n              newOptions.manualValues = {\n                ...newOptions.manualValues,\n                ranges: options?.manualValues?.ranges?.map((range: ManualValuesRange) => ({\n                  ...range,\n                  color: typeof range.val === 'number' ? newColors?.[range.val] : undefined\n                }))\n              };\n            }\n\n            return newOptions;\n          }\n        },\n        visibleIf: ({ options }: ChoroplethMapConfigContext) => options?.colorsClass !== 'manual'\n      },\n      {\n        key: 'manualValues.ranges',\n        control: {\n          type: 'color-range',\n          editRangeSize: false,\n          debounce: 500,\n          noValues: true,\n          noAlphaChannel: true,\n          label: 'Manual range colors',\n          hideLabel: true\n        },\n        calculateValue: ({ options }: ChoroplethMapConfigContext) =>\n          calculateManualRanges(options?.numberClasses, options?.colorsClass, toRangesWithValue(options?.manualValues?.ranges)),\n        toOptions: ({ options, value }: ChoroplethMapConfigContextWithValue<ManualValuesRange[]>) => ({\n          ...options,\n          manualValues: {\n            ...options.manualValues,\n            ranges: toRangesWithVal(value)\n          }\n        }),\n        visibleIf: ({ options }: ChoroplethMapConfigContext) => options?.colorsClass === 'manual'\n      }\n    ]\n  },\n  {\n    key: 'classification',\n    type: 'group',\n    open: true,\n    children: [\n      {\n        key: 'numberClasses',\n        control: {\n          type: 'picker',\n          label: 'Number of classes',\n          default: '5',\n          enum: ['3', '4', '5', '6', '7', '8', '9'],\n          parseValue: (value: string | number | null | undefined) => value?.toString() ?? '5',\n          toOptions: ({ options, value }: ChoroplethMapConfigContextWithValue<string>) => {\n            const numValue = Number.parseInt(value, 10) || 5;\n\n            const newOptions = { ...options, numberClasses: numValue };\n\n            if (options?.classification === 'manual' || options?.colorsClass === 'manual') {\n              const manualRanges = calculateManualRanges(value, options?.colorsClass, toRangesWithValue(options?.manualValues?.ranges));\n\n              newOptions.manualValues = {\n                ...newOptions.manualValues,\n                ranges: toRangesWithVal(manualRanges)\n              };\n            }\n\n            return newOptions;\n          }\n        }\n      },\n      {\n        key: 'classification',\n        control: {\n          type: 'picker',\n          label: 'Method',\n          default: 'interval',\n          // TODO: add manual when being able to retrieve values from the choropleth map\n          enum: ['interval', 'manual', 'quantile', 'continuous'],\n          toOptions: ({ options, value }: ChoroplethMapConfigContextWithValue<'interval' | 'manual' | 'quantile' | 'continuous'>) => {\n            const newOptions = { ...options, classification: value };\n\n            if (value === 'manual' || options?.colorsClass === 'manual') {\n              const manualRanges = calculateManualRanges(\n                options?.numberClasses,\n                options?.colorsClass,\n                toRangesWithValue(options?.manualValues?.ranges)\n              );\n\n              newOptions.manualValues = {\n                ...newOptions.manualValues,\n                ranges: toRangesWithVal(manualRanges)\n              };\n            }\n            else {\n              delete newOptions?.manualValues?.ranges;\n            }\n\n            return newOptions;\n          }\n        }\n      },\n      {\n        key: 'manualValues.rangesValues',\n        control: {\n          type: 'color-range',\n          editRangeSize: false,\n          debounce: 500,\n          noValues: false,\n          readOnlyColorPicker: true,\n          label: 'Manual range values',\n          hideLabel: true,\n          calculateValue: ({ options }: ChoroplethMapConfigContext) =>\n            calculateManualRanges(options?.numberClasses, options?.colorsClass, toRangesWithValue(options?.manualValues?.ranges)),\n          toOptions: ({ options, value }: ChoroplethMapConfigContextWithValue<ManualValuesRange[]>) => ({\n            ...options,\n            manualValues: {\n              ...options.manualValues,\n              ranges: toRangesWithVal(value)\n            }\n          })\n        },\n        visibleIf: ({ options }: ChoroplethMapConfigContext) => options?.classification === 'manual'\n      }\n    ]\n  },\n  {\n    key: 'legend',\n    type: 'group',\n    open: false,\n    children: [\n      {\n        key: 'legend.type',\n        control: {\n          type: 'picker',\n          label: 'Type',\n          default: 'bar',\n          enum: ['bar', 'list']\n        }\n      },\n      {\n        key: 'legend.size',\n        control: {\n          type: 'radio-button-group',\n          label: 'Size',\n          default: 'M',\n          enum: ['S', 'M', 'L']\n        }\n      },\n      {\n        key: 'legend.position',\n        control: {\n          type: 'position-picker',\n          label: 'Position',\n          default: 'bottomLeft',\n          enum: ['topLeft', 'top', 'topRight', 'right', 'bottomRight', 'bottom', 'bottomLeft', 'left']\n        }\n      }\n    ],\n    visibleIf: ({ options }: ChoroplethMapConfigContext) => options?.display?.legend === true\n  },\n  createInfoTooltipOptionsGroup<ChoroplethMapConfigContext>()\n];\n\nexport default choroplethMapOptionsConfig;\n"],"mappings":"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"}
+{"version":3,"file":"choropleth-map-options.config.cjs","names":[],"sources":["../../../../libs/dashboard-contents-types/src/lib/choropleth-map/choropleth-map-options.config.ts"],"sourcesContent":["import { type ColorValue, type ColorsClassKey, type ColorsType, getColorMapKeys, getColorMaps } from '../shared/utils/color/color-palettes';\nimport { mapVectorTileProviders } from '../shared/utils/map-tile-providers';\nimport { calculateManualRanges, toRangesWithVal, toRangesWithValue } from '../shared/utils/color-range-utils';\nimport type { ManualValuesRange } from '../shared/types/ranges';\nimport { createInfoTooltipOptionsGroup } from '../shared/utils/info-tooltip-options.config';\nimport { createInteractivityOptionsGroup } from '../shared/utils/interactivity-options.config';\nimport type { OptionsConfig, OptionsConfigContext } from '../shared/utils/options-config.types';\nimport type { ChoroplethMapViewOptions } from './choropleth-map-options';\n\ntype ChoroplethMapConfigContext = OptionsConfigContext<ChoroplethMapViewOptions>;\ntype ChoroplethMapConfigContextWithValue<T> = ChoroplethMapConfigContext & { value: T };\ntype ColorCountKey = Exclude<keyof ColorValue, 'type'>;\n\nconst getColorClassColors = (colorClass: ColorsClassKey, numberClasses: number): string[] | undefined => {\n  const key = `colors${numberClasses}` as ColorCountKey;\n\n  return getColorMaps()[colorClass]?.[key];\n};\n\nconst choroplethMapOptionsConfig: OptionsConfig<ChoroplethMapConfigContext> = [\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      }\n    ]\n  },\n  {\n    key: 'map',\n    type: 'group',\n    open: true,\n    children: [\n      {\n        key: 'enabled.zoom',\n        control: {\n          type: 'switch',\n          label: 'Zoom',\n          default: true\n        }\n      },\n      /*       {\n        key: 'zoomRange',\n        control: {\n          type: 'range',\n          label: 'Zoom range',\n          default: [5, 18],\n          min: 1,\n          max: 22,\n          step: 1\n        },\n        visibleIf: ({ options }: ChoroplethMapConfigContext) => options?.enabled?.zoom === true\n      }, */\n      {\n        key: 'enabled.pan',\n        control: {\n          type: 'switch',\n          label: 'Pan',\n          default: true\n        }\n      },\n      {\n        key: 'enabled.pitchBearing',\n        control: {\n          type: 'switch',\n          label: 'Pitch & Rotate',\n          tooltip: 'Use ctrl + drag',\n          default: false\n        }\n      },\n      {\n        type: 'divider'\n      },\n      {\n        key: 'vectorTileProvider',\n        control: {\n          type: 'picker',\n          label: 'Map style',\n          default: 'Basic',\n          enum: [\n            'No Tiles',\n            'Basic',\n            'Bright',\n            'Dark',\n            'Fiord',\n            'Liberty',\n            'Pastel',\n            'Positron',\n            'Streets',\n            'Toner',\n            'Topographique',\n            'Voyager',\n            '3D buildings'\n          ],\n          parseValue: (value: { name?: string } | null | undefined) => value?.name || 'Basic',\n          toValue: (value: string) => mapVectorTileProviders[value as keyof typeof mapVectorTileProviders] ?? {}\n        }\n      }\n    ]\n  },\n  {\n    key: 'colors',\n    type: 'group',\n    open: true,\n    children: [\n      {\n        key: 'opacity',\n        control: {\n          type: 'slider',\n          label: 'Opacity',\n          default: 0.85,\n          min: 0.2,\n          max: 1,\n          step: 0.01\n        }\n      },\n      {\n        key: 'colorsClassType',\n        control: {\n          type: 'picker',\n          label: 'Colors type',\n          default: 'sequential',\n          enum: ['sequential', 'divergent', 'manual'],\n          calculateValue: ({ options }: ChoroplethMapConfigContext) => {\n            if (options?.colorsClass === 'manual') {\n              return 'manual';\n            }\n\n            const colorMaps = getColorMaps();\n            const type = colorMaps?.[options?.colorsClass as ColorsClassKey]?.type;\n\n            return type ?? 'sequential';\n          },\n          toOptions: ({ options, value }: ChoroplethMapConfigContextWithValue<ColorsType>) => {\n            const previousColorsClassValue = options?.colorsClass ?? 'PuBu';\n            const numberClassesValue = options?.numberClasses ?? 5;\n            const previousRanges = toRangesWithValue(options?.manualValues?.ranges);\n            const useColorsClassToGenerate = previousColorsClassValue === 'manual' ? 'manual' : previousColorsClassValue;\n\n            let newColorsClass;\n\n            if (value === 'manual') {\n              newColorsClass = 'manual';\n            }\n            else {\n              const colorMaps = getColorMaps();\n              const colorClassType = colorMaps?.[options?.colorsClass as ColorsClassKey]?.type;\n\n              if (value !== colorClassType) {\n                newColorsClass = getColorMapKeys(value ?? 'sequential')[0];\n              }\n            }\n\n            const newOptions = { ...options, colorsClass: newColorsClass };\n\n            if (value === 'manual' || options?.classification === 'manual') {\n              const manualRanges = calculateManualRanges(\n                numberClassesValue,\n                value === 'manual' ? useColorsClassToGenerate : newColorsClass,\n                previousRanges\n              );\n\n              newOptions.manualValues = {\n                ...newOptions.manualValues,\n                ranges: toRangesWithVal(manualRanges)\n              };\n            }\n            else {\n              delete newOptions?.manualValues?.ranges;\n            }\n\n            return newOptions;\n          }\n        }\n      },\n      {\n        key: 'colorsClass',\n        control: {\n          type: 'color-palette-picker',\n          label: 'Color palette',\n          hideLabel: true,\n          default: ({ options }: ChoroplethMapConfigContext) => {\n            const colorMaps = getColorMaps();\n            const colorClassType = colorMaps?.[options?.colorsClass as ColorsClassKey]?.type;\n\n            return getColorMapKeys(colorClassType ?? 'sequential')[0];\n          },\n          enum: ({ options }: ChoroplethMapConfigContext) => {\n            const colorMaps = getColorMaps();\n            const colorClassType = colorMaps?.[options?.colorsClass as ColorsClassKey]?.type;\n\n            return getColorMapKeys(colorClassType ?? 'sequential');\n          },\n          toOptions: ({ options, value }: ChoroplethMapConfigContextWithValue<ColorsClassKey>) => {\n            const newOptions = { ...options, colorsClass: value };\n\n            if (options?.classification === 'manual') {\n              const newColors = getColorClassColors(value, options?.numberClasses ?? 5);\n\n              newOptions.manualValues = {\n                ...newOptions.manualValues,\n                ranges: options?.manualValues?.ranges?.map((range: ManualValuesRange) => ({\n                  ...range,\n                  color: typeof range.val === 'number' ? newColors?.[range.val] : undefined\n                }))\n              };\n            }\n\n            return newOptions;\n          }\n        },\n        visibleIf: ({ options }: ChoroplethMapConfigContext) => options?.colorsClass !== 'manual'\n      },\n      {\n        key: 'manualValues.ranges',\n        control: {\n          type: 'color-range',\n          editRangeSize: false,\n          debounce: 500,\n          noValues: true,\n          noAlphaChannel: true,\n          label: 'Manual range colors',\n          hideLabel: true\n        },\n        calculateValue: ({ options }: ChoroplethMapConfigContext) =>\n          calculateManualRanges(options?.numberClasses, options?.colorsClass, toRangesWithValue(options?.manualValues?.ranges)),\n        toOptions: ({ options, value }: ChoroplethMapConfigContextWithValue<ManualValuesRange[]>) => ({\n          ...options,\n          manualValues: {\n            ...options.manualValues,\n            ranges: toRangesWithVal(value)\n          }\n        }),\n        visibleIf: ({ options }: ChoroplethMapConfigContext) => options?.colorsClass === 'manual'\n      }\n    ]\n  },\n  {\n    key: 'classification',\n    type: 'group',\n    open: true,\n    children: [\n      {\n        key: 'numberClasses',\n        control: {\n          type: 'picker',\n          label: 'Number of classes',\n          default: '5',\n          enum: ['3', '4', '5', '6', '7', '8', '9'],\n          parseValue: (value: string | number | null | undefined) => value?.toString() ?? '5',\n          toOptions: ({ options, value }: ChoroplethMapConfigContextWithValue<string>) => {\n            const numValue = Number.parseInt(value, 10) || 5;\n\n            const newOptions = { ...options, numberClasses: numValue };\n\n            if (options?.classification === 'manual' || options?.colorsClass === 'manual') {\n              const manualRanges = calculateManualRanges(value, options?.colorsClass, toRangesWithValue(options?.manualValues?.ranges));\n\n              newOptions.manualValues = {\n                ...newOptions.manualValues,\n                ranges: toRangesWithVal(manualRanges)\n              };\n            }\n\n            return newOptions;\n          }\n        }\n      },\n      {\n        key: 'classification',\n        control: {\n          type: 'picker',\n          label: 'Method',\n          default: 'interval',\n          // TODO: add manual when being able to retrieve values from the choropleth map\n          enum: ['interval', 'manual', 'quantile', 'continuous'],\n          toOptions: ({ options, value }: ChoroplethMapConfigContextWithValue<'interval' | 'manual' | 'quantile' | 'continuous'>) => {\n            const newOptions = { ...options, classification: value };\n\n            if (value === 'manual' || options?.colorsClass === 'manual') {\n              const manualRanges = calculateManualRanges(\n                options?.numberClasses,\n                options?.colorsClass,\n                toRangesWithValue(options?.manualValues?.ranges)\n              );\n\n              newOptions.manualValues = {\n                ...newOptions.manualValues,\n                ranges: toRangesWithVal(manualRanges)\n              };\n            }\n            else {\n              delete newOptions?.manualValues?.ranges;\n            }\n\n            return newOptions;\n          }\n        }\n      },\n      {\n        key: 'manualValues.rangesValues',\n        control: {\n          type: 'color-range',\n          editRangeSize: false,\n          debounce: 500,\n          noValues: false,\n          readOnlyColorPicker: true,\n          label: 'Manual range values',\n          hideLabel: true,\n          calculateValue: ({ options }: ChoroplethMapConfigContext) =>\n            calculateManualRanges(options?.numberClasses, options?.colorsClass, toRangesWithValue(options?.manualValues?.ranges)),\n          toOptions: ({ options, value }: ChoroplethMapConfigContextWithValue<ManualValuesRange[]>) => ({\n            ...options,\n            manualValues: {\n              ...options.manualValues,\n              ranges: toRangesWithVal(value)\n            }\n          })\n        },\n        visibleIf: ({ options }: ChoroplethMapConfigContext) => options?.classification === 'manual'\n      }\n    ]\n  },\n  {\n    key: 'legend',\n    type: 'group',\n    open: false,\n    children: [\n      {\n        key: 'legend.type',\n        control: {\n          type: 'picker',\n          label: 'Type',\n          default: 'bar',\n          enum: ['bar', 'list']\n        }\n      },\n      {\n        key: 'legend.size',\n        control: {\n          type: 'radio-button-group',\n          label: 'Size',\n          default: 'M',\n          enum: ['S', 'M', 'L']\n        }\n      },\n      {\n        key: 'legend.position',\n        control: {\n          type: 'position-picker',\n          label: 'Position',\n          default: 'bottomLeft',\n          enum: ['topLeft', 'top', 'topRight', 'right', 'bottomRight', 'bottom', 'bottomLeft', 'left']\n        }\n      }\n    ],\n    visibleIf: ({ options }: ChoroplethMapConfigContext) => options?.display?.legend === true\n  },\n  createInfoTooltipOptionsGroup<ChoroplethMapConfigContext>(),\n  createInteractivityOptionsGroup<ChoroplethMapConfigContext>({ select: { default: true } })\n];\n\nexport default choroplethMapOptionsConfig;\n"],"mappings":"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"}