@luzmo/dashboard-contents-types 1.0.40 → 1.0.42

package/circular-gauge/circular-gauge-options.config.js

@@ -1,6 +1,7 @@
 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";
 //#region src/lib/circular-gauge/circular-gauge-options.config.ts
-var i = () => [
+var a = () => [
 	{
 		color: "#ff0000",
 		value: 0
@@ -17,154 +18,158 @@ var i = () => [
 		color: "#008000",
 		value: 100
 	}
-], a = [{
-	key: "general",
-	type: "group",
-	open: !0,
-	children: [
-		{
-			key: "display.title",
-			control: {
-				type: "switch",
-				label: "Title",
-				default: !1
-			}
-		},
-		{
-			key: "display.gaugeValue",
-			control: {
-				type: "switch",
-				label: "Value",
-				default: !0
-			}
-		},
-		{
-			key: "mode",
-			control: {
-				type: "picker",
-				label: "Display",
-				default: "normal",
-				enum: [
-					"normal",
-					"percentage",
-					"difference"
-				]
-			}
-		},
-		{
-			key: "display.gaugeLabel",
-			control: {
-				type: "switch",
-				label: "Label",
-				default: !0
-			}
-		},
-		{ type: "divider" },
-		{
-			key: "conditionalColor",
-			control: {
-				type: "switch",
-				label: "Conditional color",
-				default: !1,
-				calculateValue: ({ options: e }) => (e?.manualValues?.conditional?.length ?? 0) > 0,
-				toOptions: ({ options: e, value: t }) => {
-					let n = { ...e };
-					return t ? (e?.manualValues?.conditional?.length ?? 0) > 0 || (n.manualValues = {
-						...n?.manualValues,
-						conditional: i()
-					}) : delete n?.manualValues?.conditional, n;
+], o = [
+	{
+		key: "general",
+		type: "group",
+		open: !0,
+		children: [
+			{
+				key: "display.title",
+				control: {
+					type: "switch",
+					label: "Title",
+					default: !1
 				}
-			}
-		},
-		{
-			key: "circle.color",
-			control: {
-				type: "color-picker",
-				label: "Arc color",
-				default: ({ theme: t }) => e(t),
-				extraLabel: ({ options: e, theme: t }) => r(e, t, "circle.color"),
-				extraLabelHasClickAction: ({ options: e, theme: t }) => n(e, t, "circle.color"),
-				extraLabelClickAction: ({ options: e, theme: n }) => t(e, n, "circle.color")
 			},
-			visibleIf: ({ options: e }) => !e?.manualValues?.conditional || e?.manualValues?.conditional?.length === 0
-		},
-		{
-			key: "manualValues.conditional",
-			control: {
-				type: "color-range",
-				editRangeSize: !0,
-				minimumRangeSize: 2,
-				percentage: !0,
-				noAlphaChannel: !0,
-				label: "Color ranges",
-				hideLabel: !0,
-				default: () => i(),
-				parseValue: (e) => e?.map((e) => ({
-					color: e?.color,
-					value: e?.value ?? e?.val
-				})),
-				toValue: (e) => e?.map((e) => ({
-					color: e?.color,
-					val: e?.value
-				}))
+			{
+				key: "display.gaugeValue",
+				control: {
+					type: "switch",
+					label: "Value",
+					default: !0
+				}
 			},
-			visibleIf: ({ options: e }) => (e?.manualValues?.conditional?.length ?? 0) > 0
-		},
-		{
-			key: "circle.width",
-			control: {
-				type: "slider",
-				label: "Arc width",
-				default: 10,
-				min: 1,
-				max: 30,
-				step: 1
-			}
-		}
-	]
-}, {
-	key: "layout",
-	type: "group",
-	open: !0,
-	children: [
-		{
-			key: "circle.degrees",
-			control: {
-				type: "picker",
-				label: "Arc size",
-				default: "full circle",
-				enum: [
-					"full circle",
-					"3/4 circle",
-					"2/3 circle",
-					"1/2 circle"
-				],
-				parseValue: (e) => e === 360 ? "full circle" : e === 270 ? "3/4 circle" : e === 240 ? "2/3 circle" : e === 180 ? "1/2 circle" : "full circle",
-				toValue: (e) => e === "full circle" ? 360 : e === "3/4 circle" ? 270 : e === "2/3 circle" ? 240 : e === "1/2 circle" ? 180 : 360
+			{
+				key: "mode",
+				control: {
+					type: "picker",
+					label: "Display",
+					default: "normal",
+					enum: [
+						"normal",
+						"percentage",
+						"difference"
+					]
+				}
+			},
+			{
+				key: "display.gaugeLabel",
+				control: {
+					type: "switch",
+					label: "Label",
+					default: !0
+				}
+			},
+			{ type: "divider" },
+			{
+				key: "conditionalColor",
+				control: {
+					type: "switch",
+					label: "Conditional color",
+					default: !1,
+					calculateValue: ({ options: e }) => (e?.manualValues?.conditional?.length ?? 0) > 0,
+					toOptions: ({ options: e, value: t }) => {
+						let n = { ...e };
+						return t ? (e?.manualValues?.conditional?.length ?? 0) > 0 || (n.manualValues = {
+							...n?.manualValues,
+							conditional: a()
+						}) : delete n?.manualValues?.conditional, n;
+					}
+				}
+			},
+			{
+				key: "circle.color",
+				control: {
+					type: "color-picker",
+					label: "Arc color",
+					default: ({ theme: t }) => e(t),
+					extraLabel: ({ options: e, theme: t }) => r(e, t, "circle.color"),
+					extraLabelHasClickAction: ({ options: e, theme: t }) => n(e, t, "circle.color"),
+					extraLabelClickAction: ({ options: e, theme: n }) => t(e, n, "circle.color")
+				},
+				visibleIf: ({ options: e }) => !e?.manualValues?.conditional || e?.manualValues?.conditional?.length === 0
+			},
+			{
+				key: "manualValues.conditional",
+				control: {
+					type: "color-range",
+					editRangeSize: !0,
+					minimumRangeSize: 2,
+					percentage: !0,
+					noAlphaChannel: !0,
+					label: "Color ranges",
+					hideLabel: !0,
+					default: () => a(),
+					parseValue: (e) => e?.map((e) => ({
+						color: e?.color,
+						value: e?.value ?? e?.val
+					})),
+					toValue: (e) => e?.map((e) => ({
+						color: e?.color,
+						val: e?.value
+					}))
+				},
+				visibleIf: ({ options: e }) => (e?.manualValues?.conditional?.length ?? 0) > 0
+			},
+			{
+				key: "circle.width",
+				control: {
+					type: "slider",
+					label: "Arc width",
+					default: 10,
+					min: 1,
+					max: 30,
+					step: 1
+				}
 			}
-		},
-		{
-			key: "circle.flip",
-			control: {
-				type: "switch",
-				label: "Flip arc",
-				default: !0
+		]
+	},
+	{
+		key: "layout",
+		type: "group",
+		open: !0,
+		children: [
+			{
+				key: "circle.degrees",
+				control: {
+					type: "picker",
+					label: "Arc size",
+					default: "full circle",
+					enum: [
+						"full circle",
+						"3/4 circle",
+						"2/3 circle",
+						"1/2 circle"
+					],
+					parseValue: (e) => e === 360 ? "full circle" : e === 270 ? "3/4 circle" : e === 240 ? "2/3 circle" : e === 180 ? "1/2 circle" : "full circle",
+					toValue: (e) => e === "full circle" ? 360 : e === "3/4 circle" ? 270 : e === "2/3 circle" ? 240 : e === "1/2 circle" ? 180 : 360
+				}
+			},
+			{
+				key: "circle.flip",
+				control: {
+					type: "switch",
+					label: "Flip arc",
+					default: !0
+				},
+				visibleIf: ({ options: e }) => e?.circle?.degrees && e?.circle?.degrees !== 360
 			},
-			visibleIf: ({ options: e }) => e?.circle?.degrees && e?.circle?.degrees !== 360
-		},
-		{
-			key: "circle.lineCap",
-			control: {
-				type: "switch",
-				label: "Rounded ends",
-				default: !0,
-				parseValue: (e) => e !== "butt",
-				toValue: (e) => e ? "round" : "butt"
+			{
+				key: "circle.lineCap",
+				control: {
+					type: "switch",
+					label: "Rounded ends",
+					default: !0,
+					parseValue: (e) => e !== "butt",
+					toValue: (e) => e ? "round" : "butt"
+				}
 			}
-		}
-	]
-}];
+		]
+	},
+	i()
+];
 //#endregion
-export { a as default };
+export { o as default };
 
 //# sourceMappingURL=circular-gauge-options.config.js.map

package/circular-gauge/circular-gauge-options.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"circular-gauge-options.config.js","names":[],"sources":["../../../../libs/dashboard-contents-types/src/lib/circular-gauge/circular-gauge-options.config.ts"],"sourcesContent":["import {\n  getThemeMainColor,\n  getThemeMainColorExtraLabelClickAction,\n  getThemeMainColorExtraLabelHasClickAction,\n  getThemeMainColorResetLabel\n} from '../helpers';\nimport type { OptionsConfig, OptionsConfigContext } from '../shared/utils/options-config.types';\nimport type { CircularGaugeViewOptions } from './circular-gauge-options';\n\ntype CircularGaugeConfigContext = OptionsConfigContext<CircularGaugeViewOptions>;\ntype CircularGaugeConfigContextWithValue<T> = CircularGaugeConfigContext & { value: T };\ntype ConditionalRangeValue = { color?: string; value?: number; val?: number };\n\nconst defaultRangeValues = () => [\n  { color: '#ff0000', value: 0 },\n  { color: '#ffa500', value: 33.34 },\n  { color: '#ffff00', value: 66.67 },\n  { color: '#008000', value: 100 }\n];\n\nconst circularGaugeOptionsConfig: OptionsConfig<CircularGaugeConfigContext> = [\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: false\n        }\n      },\n      {\n        key: 'display.gaugeValue',\n        control: {\n          type: 'switch',\n          label: 'Value',\n          default: true\n        }\n      },\n      {\n        key: 'mode',\n        control: {\n          type: 'picker',\n          label: 'Display',\n          default: 'normal',\n          enum: ['normal', 'percentage', 'difference']\n        }\n      },\n      {\n        key: 'display.gaugeLabel',\n        control: {\n          type: 'switch',\n          label: 'Label',\n          default: true\n        }\n      },\n      {\n        type: 'divider'\n      },\n      {\n        key: 'conditionalColor',\n        control: {\n          type: 'switch',\n          label: 'Conditional color',\n          default: false,\n          calculateValue: ({ options }: CircularGaugeConfigContext) => (options?.manualValues?.conditional?.length ?? 0) > 0,\n          toOptions: ({ options, value }: CircularGaugeConfigContextWithValue<boolean>) => {\n            const newOptions = { ...options };\n            const previousValue = (options?.manualValues?.conditional?.length ?? 0) > 0;\n\n            if (value) {\n              if (!previousValue) {\n                newOptions.manualValues = {\n                  ...newOptions?.manualValues,\n                  conditional: defaultRangeValues()\n                };\n              }\n            }\n            else {\n              delete newOptions?.manualValues?.conditional;\n            }\n\n            return newOptions;\n          }\n        }\n      },\n      {\n        key: 'circle.color',\n        control: {\n          type: 'color-picker',\n          label: 'Arc color',\n          default: ({ theme }: CircularGaugeConfigContext) => getThemeMainColor(theme),\n          extraLabel: ({ options, theme }: CircularGaugeConfigContext) => getThemeMainColorResetLabel(options, theme, 'circle.color'),\n          extraLabelHasClickAction: ({ options, theme }: CircularGaugeConfigContext) =>\n            getThemeMainColorExtraLabelHasClickAction(options, theme, 'circle.color'),\n          extraLabelClickAction: ({ options, theme }: CircularGaugeConfigContext) =>\n            getThemeMainColorExtraLabelClickAction(options, theme, 'circle.color')\n        },\n        visibleIf: ({ options }: CircularGaugeConfigContext) => !options?.manualValues?.conditional || options?.manualValues?.conditional?.length === 0\n      },\n      {\n        key: 'manualValues.conditional',\n        control: {\n          type: 'color-range',\n          editRangeSize: true,\n          minimumRangeSize: 2,\n          percentage: true,\n          noAlphaChannel: true,\n          label: 'Color ranges',\n          hideLabel: true,\n          default: () => defaultRangeValues(),\n          parseValue: (value: ConditionalRangeValue[] | null | undefined) =>\n            value?.map((v) => ({\n              color: v?.color,\n              value: v?.value ?? v?.val\n            })),\n          toValue: (value: ConditionalRangeValue[] | null | undefined) => {\n            const range = value?.map((v) => ({\n              color: v?.color,\n              val: v?.value\n            }));\n\n            return range;\n          }\n        },\n        visibleIf: ({ options }: CircularGaugeConfigContext) => (options?.manualValues?.conditional?.length ?? 0) > 0\n      },\n      {\n        key: 'circle.width',\n        control: {\n          type: 'slider',\n          label: 'Arc width',\n          default: 10,\n          min: 1,\n          max: 30,\n          step: 1\n        }\n      }\n    ]\n  },\n  {\n    key: 'layout',\n    type: 'group',\n    open: true,\n    children: [\n      {\n        key: 'circle.degrees',\n        control: {\n          type: 'picker',\n          label: 'Arc size',\n          default: 'full circle',\n          enum: ['full circle', '3/4 circle', '2/3 circle', '1/2 circle'],\n          parseValue: (value: number | null | undefined) => {\n            if (value === 360) {\n              return 'full circle';\n            }\n\n            if (value === 270) {\n              return '3/4 circle';\n            }\n\n            if (value === 240) {\n              return '2/3 circle';\n            }\n\n            if (value === 180) {\n              return '1/2 circle';\n            }\n\n            return 'full circle';\n          },\n          toValue: (value: 'full circle' | '3/4 circle' | '2/3 circle' | '1/2 circle') => {\n            if (value === 'full circle') {\n              return 360;\n            }\n\n            if (value === '3/4 circle') {\n              return 270;\n            }\n\n            if (value === '2/3 circle') {\n              return 240;\n            }\n\n            if (value === '1/2 circle') {\n              return 180;\n            }\n\n            return 360;\n          }\n        }\n      },\n      {\n        key: 'circle.flip',\n        control: {\n          type: 'switch',\n          label: 'Flip arc',\n          default: true\n        },\n        visibleIf: ({ options }: CircularGaugeConfigContext) => options?.circle?.degrees && options?.circle?.degrees !== 360\n      },\n      {\n        key: 'circle.lineCap',\n        control: {\n          type: 'switch',\n          label: 'Rounded ends',\n          default: true,\n          parseValue: (value: string | null | undefined) => value !== 'butt',\n          toValue: (value: boolean) => (value ? 'round' : 'butt')\n        }\n      }\n    ]\n  }\n];\n\nexport default circularGaugeOptionsConfig;\n"],"mappings":"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"}
+{"version":3,"file":"circular-gauge-options.config.js","names":[],"sources":["../../../../libs/dashboard-contents-types/src/lib/circular-gauge/circular-gauge-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 { CircularGaugeViewOptions } from './circular-gauge-options';\n\ntype CircularGaugeConfigContext = OptionsConfigContext<CircularGaugeViewOptions>;\ntype CircularGaugeConfigContextWithValue<T> = CircularGaugeConfigContext & { value: T };\ntype ConditionalRangeValue = { color?: string; value?: number; val?: number };\n\nconst defaultRangeValues = () => [\n  { color: '#ff0000', value: 0 },\n  { color: '#ffa500', value: 33.34 },\n  { color: '#ffff00', value: 66.67 },\n  { color: '#008000', value: 100 }\n];\n\nconst circularGaugeOptionsConfig: OptionsConfig<CircularGaugeConfigContext> = [\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: false\n        }\n      },\n      {\n        key: 'display.gaugeValue',\n        control: {\n          type: 'switch',\n          label: 'Value',\n          default: true\n        }\n      },\n      {\n        key: 'mode',\n        control: {\n          type: 'picker',\n          label: 'Display',\n          default: 'normal',\n          enum: ['normal', 'percentage', 'difference']\n        }\n      },\n      {\n        key: 'display.gaugeLabel',\n        control: {\n          type: 'switch',\n          label: 'Label',\n          default: true\n        }\n      },\n      {\n        type: 'divider'\n      },\n      {\n        key: 'conditionalColor',\n        control: {\n          type: 'switch',\n          label: 'Conditional color',\n          default: false,\n          calculateValue: ({ options }: CircularGaugeConfigContext) => (options?.manualValues?.conditional?.length ?? 0) > 0,\n          toOptions: ({ options, value }: CircularGaugeConfigContextWithValue<boolean>) => {\n            const newOptions = { ...options };\n            const previousValue = (options?.manualValues?.conditional?.length ?? 0) > 0;\n\n            if (value) {\n              if (!previousValue) {\n                newOptions.manualValues = {\n                  ...newOptions?.manualValues,\n                  conditional: defaultRangeValues()\n                };\n              }\n            }\n            else {\n              delete newOptions?.manualValues?.conditional;\n            }\n\n            return newOptions;\n          }\n        }\n      },\n      {\n        key: 'circle.color',\n        control: {\n          type: 'color-picker',\n          label: 'Arc color',\n          default: ({ theme }: CircularGaugeConfigContext) => getThemeMainColor(theme),\n          extraLabel: ({ options, theme }: CircularGaugeConfigContext) => getThemeMainColorResetLabel(options, theme, 'circle.color'),\n          extraLabelHasClickAction: ({ options, theme }: CircularGaugeConfigContext) =>\n            getThemeMainColorExtraLabelHasClickAction(options, theme, 'circle.color'),\n          extraLabelClickAction: ({ options, theme }: CircularGaugeConfigContext) =>\n            getThemeMainColorExtraLabelClickAction(options, theme, 'circle.color')\n        },\n        visibleIf: ({ options }: CircularGaugeConfigContext) => !options?.manualValues?.conditional || options?.manualValues?.conditional?.length === 0\n      },\n      {\n        key: 'manualValues.conditional',\n        control: {\n          type: 'color-range',\n          editRangeSize: true,\n          minimumRangeSize: 2,\n          percentage: true,\n          noAlphaChannel: true,\n          label: 'Color ranges',\n          hideLabel: true,\n          default: () => defaultRangeValues(),\n          parseValue: (value: ConditionalRangeValue[] | null | undefined) =>\n            value?.map((v) => ({\n              color: v?.color,\n              value: v?.value ?? v?.val\n            })),\n          toValue: (value: ConditionalRangeValue[] | null | undefined) => {\n            const range = value?.map((v) => ({\n              color: v?.color,\n              val: v?.value\n            }));\n\n            return range;\n          }\n        },\n        visibleIf: ({ options }: CircularGaugeConfigContext) => (options?.manualValues?.conditional?.length ?? 0) > 0\n      },\n      {\n        key: 'circle.width',\n        control: {\n          type: 'slider',\n          label: 'Arc width',\n          default: 10,\n          min: 1,\n          max: 30,\n          step: 1\n        }\n      }\n    ]\n  },\n  {\n    key: 'layout',\n    type: 'group',\n    open: true,\n    children: [\n      {\n        key: 'circle.degrees',\n        control: {\n          type: 'picker',\n          label: 'Arc size',\n          default: 'full circle',\n          enum: ['full circle', '3/4 circle', '2/3 circle', '1/2 circle'],\n          parseValue: (value: number | null | undefined) => {\n            if (value === 360) {\n              return 'full circle';\n            }\n\n            if (value === 270) {\n              return '3/4 circle';\n            }\n\n            if (value === 240) {\n              return '2/3 circle';\n            }\n\n            if (value === 180) {\n              return '1/2 circle';\n            }\n\n            return 'full circle';\n          },\n          toValue: (value: 'full circle' | '3/4 circle' | '2/3 circle' | '1/2 circle') => {\n            if (value === 'full circle') {\n              return 360;\n            }\n\n            if (value === '3/4 circle') {\n              return 270;\n            }\n\n            if (value === '2/3 circle') {\n              return 240;\n            }\n\n            if (value === '1/2 circle') {\n              return 180;\n            }\n\n            return 360;\n          }\n        }\n      },\n      {\n        key: 'circle.flip',\n        control: {\n          type: 'switch',\n          label: 'Flip arc',\n          default: true\n        },\n        visibleIf: ({ options }: CircularGaugeConfigContext) => options?.circle?.degrees && options?.circle?.degrees !== 360\n      },\n      {\n        key: 'circle.lineCap',\n        control: {\n          type: 'switch',\n          label: 'Rounded ends',\n          default: true,\n          parseValue: (value: string | null | undefined) => value !== 'butt',\n          toValue: (value: boolean) => (value ? 'round' : 'butt')\n        }\n      }\n    ]\n  },\n  createInfoTooltipOptionsGroup<CircularGaugeConfigContext>()\n];\n\nexport default circularGaugeOptionsConfig;\n"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-const e=require("../helpers.cjs");var t=({slots:e})=>Array.isArray(e)&&e?.length>0?(e?.find(e=>e?.name===`legend`)?.content?.length??0)>0||(e?.find(e=>e?.name===`measure`)?.content?.length??0)>1:!1,n=({slots:e})=>Array.isArray(e)&&e?.length>0?e?.find(e=>e?.name===`legend`)?.content?.length===0&&(e?.find(e=>e?.name===`measure`)?.content?.length??0)<=1:!1,r=[{key:`general`,type:`group`,open:!0,children:[{key:`mode`,control:{type:`picker`,default:`grouped`,enum:[`grouped`,`stacked`,`100`]},visibleIf:t},{type:`divider`,visibleIf:t},{key:`display.title`,control:{type:`switch`,default:!0}},{key:`display.legend`,control:{type:`switch`,default:!0},visibleIf:t},{key:`display.modeOption`,control:{type:`switch`,default:!1},visibleIf:t},{key:`bars.label`,control:{type:`picker`,default:`none`,enum:[`none`,`absolute`,`percentage`,`percentageLegend`,`percentageCategory`,`percentageMax`]}},{key:`categories.colored`,control:{type:`switch`,default:!1},visibleIf:n},{key:`bars.roundedCorners`,control:{type:`slider`,default:({theme:e})=>e?.itemSpecific?.rounding,min:0,max:20,step:1,extraLabel:({options:e,theme:t})=>typeof t?.itemSpecific?.rounding==`number`?typeof e?.bars?.roundedCorners==`number`?`reset`:`auto`:null,extraLabelHasClickAction:({options:e,theme:t})=>typeof t?.itemSpecific?.rounding==`number`&&typeof e?.bars?.roundedCorners==`number`,extraLabelClickAction:({options:e})=>{let t={...e};return delete t?.bars?.roundedCorners,{value:null,options:t}}}},{key:`color`,control:{type:`color-picker`,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:n}]},{key:`order`,type:`group`,label:`Order & Limit`,open:!0,children:[{key:`ranking.active`,control:{type:`switch`,label:`Limit to`,default:!1}},{key:`ranking.direction`,control:{type:`picker`,label:`Direction`,default:`top`,enum:[`top`,`bottom`]},visibleIf:({options:e})=>e?.ranking?.active===!0},{key:`ranking.number`,control:{type:`number-field`,label:`Number`,default:10,min:1,max:999999},visibleIf:({options:e})=>e?.ranking?.active===!0},{key:`sort.by`,control:{type:`picker`,label:`Order by`,default:`measure`,enum:[`measure`,`category`,`column`]}},{key:`sort.direction`,control:{type:`picker`,label:`Direction`,default:`desc`,enum:[`asc`,`desc`]}},{key:`limit.number`,control:{type:`number-field`,label:`Limit`,default:1e5,min:1,max:1e5}}]},{key:`axes`,type:`group`,open:!1,children:[{key:`xAxisLabels`,type:`group`,label:`X-axis label`,collapsible:!0,open:!0,children:[{key:`axislabels.x.enabled`,control:{type:`switch`,label:`Enabled`,default:!1}},{key:`axislabels.x.position`,control:{type:`picker`,label:`Position`,default:`center`,enum:[`left`,`center`,`right`]},visibleIf:({options:e})=>e?.axislabels?.x?.enabled===!0}]},{key:`yAxisLabels`,type:`group`,label:`Y-axis label`,collapsible:!0,open:!0,children:[{key:`axislabels.y.enabled`,control:{type:`switch`,label:`Enabled`,default:!1}},{key:`axislabels.y.position`,control:{type:`picker`,label:`Position`,default:`middle`,enum:[`top`,`middle`,`bottom`]},visibleIf:({options:e})=>e?.axislabels?.y?.enabled===!0}]}]},{key:`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:t}];exports.default=r;
+const e=require("../helpers.cjs"),t=require("../shared/utils/axis-options.config.cjs"),n=require("../shared/utils/guidelines-options.config.cjs"),r=require("../shared/utils/info-tooltip-options.config.cjs");var i=({slots:e})=>Array.isArray(e)&&e?.length>0?(e?.find(e=>e?.name===`legend`)?.content?.length??0)>0||(e?.find(e=>e?.name===`measure`)?.content?.length??0)>1:!1,a=({slots:e})=>Array.isArray(e)&&e?.length>0?e?.find(e=>e?.name===`legend`)?.content?.length===0&&(e?.find(e=>e?.name===`measure`)?.content?.length??0)<=1:!1,o=[{key:`general`,type:`group`,open:!0,children:[{key:`mode`,control:{type:`picker`,default:`grouped`,enum:[`grouped`,`stacked`,`100`]},visibleIf:i},{type:`divider`,visibleIf:i},{key:`display.title`,control:{type:`switch`,default:!0}},{key:`display.legend`,control:{type:`switch`,default:!0},visibleIf:i},{key:`display.modeOption`,control:{type:`switch`,default:!1},visibleIf:i},{key:`bars.label`,control:{type:`picker`,default:`none`,enum:[`none`,`absolute`,`percentage`,`percentageLegend`,`percentageCategory`,`percentageMax`]}},{key:`categories.colored`,control:{type:`switch`,default:!1},visibleIf:a},{key:`bars.roundedCorners`,control:{type:`slider`,default:({theme:e})=>e?.itemSpecific?.rounding,min:0,max:20,step:1,extraLabel:({options:e,theme:t})=>typeof t?.itemSpecific?.rounding==`number`?typeof e?.bars?.roundedCorners==`number`?`reset`:`auto`:null,extraLabelHasClickAction:({options:e,theme:t})=>typeof t?.itemSpecific?.rounding==`number`&&typeof e?.bars?.roundedCorners==`number`,extraLabelClickAction:({options:e})=>{let t={...e};return delete t?.bars?.roundedCorners,{value:null,options:t}}}},{key:`color`,control:{type:`color-picker`,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:e=>a(e)&&e.options?.categories?.colored!==!0}]},{key:`order`,type:`group`,label:`Order & Limit`,open:!0,children:[{key:`ranking.active`,control:{type:`switch`,label:`Limit to`,default:!1}},{key:`ranking.direction`,control:{type:`picker`,label:`Direction`,default:`top`,enum:[`top`,`bottom`]},visibleIf:({options:e})=>e?.ranking?.active===!0},{key:`ranking.number`,control:{type:`number-field`,label:`Number`,default:10,min:1,max:999999},visibleIf:({options:e})=>e?.ranking?.active===!0},{key:`sort.by`,control:{type:`picker`,label:`Order by`,default:`measure`,enum:[`measure`,`category`]}},{key:`sort.direction`,control:{type:`picker`,label:`Direction`,default:`desc`,enum:[`asc`,`desc`]}},{key:`limit.number`,control:{type:`number-field`,label:`Limit`,default:1e5,min:1,max:1e5}}]},t.createAxesOptionsGroup([{axis:`x`,role:`category`,color:!0,label:!0,tickMode:!0,gridlines:!0},{axis:`y`,role:`measure`,scale:!0,manualRange:{key:`manualAxesRange`},color:!0,label:!0,tickDensity:!0,tickMode:!0,gridlines:!0}]),{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:i},n.createGuidelinesOptionsGroup(n.cartesianGuidelineLineTypes),r.createInfoTooltipOptionsGroup()];exports.default=o;
 //# sourceMappingURL=column-chart-options.config.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"column-chart-options.config.cjs","names":[],"sources":["../../../../libs/dashboard-contents-types/src/lib/column-chart/column-chart-options.config.ts"],"sourcesContent":["import {\n  getThemeMainColor,\n  getThemeMainColorExtraLabelClickAction,\n  getThemeMainColorExtraLabelHasClickAction,\n  getThemeMainColorResetLabel\n} from '../helpers';\nimport type { OptionsConfig, OptionsConfigContext } from '../shared/utils/options-config.types';\nimport type { ColumnChartViewOptions } from './column-chart-options';\n\ntype ColumnChartConfigContext = OptionsConfigContext<ColumnChartViewOptions>;\n\nconst hasLegendOrMultipleMeasure = ({ slots }: Pick<ColumnChartConfigContext, 'slots'>): boolean => {\n  if (Array.isArray(slots) && slots?.length > 0) {\n    return (\n      (slots?.find((s) => s?.name === 'legend')?.content?.length ?? 0) > 0\n      || (slots?.find((s) => s?.name === 'measure')?.content?.length ?? 0) > 1\n    );\n  }\n\n  return false;\n};\n\nconst hasNoLegendAndNoMultipleMeasure = ({ slots }: Pick<ColumnChartConfigContext, 'slots'>): boolean => {\n  if (Array.isArray(slots) && slots?.length > 0) {\n    return (\n      slots?.find((s) => s?.name === 'legend')?.content?.length === 0\n      && (slots?.find((s) => s?.name === 'measure')?.content?.length ?? 0) <= 1\n    );\n  }\n\n  return false;\n};\n\nconst columnChartOptionsConfig: OptionsConfig<ColumnChartConfigContext> = [\n  {\n    key: 'general',\n    type: 'group',\n    open: true,\n    children: [\n      {\n        key: 'mode',\n        control: {\n          type: 'picker',\n          default: 'grouped',\n          enum: ['grouped', 'stacked', '100']\n        },\n        visibleIf: hasLegendOrMultipleMeasure\n      },\n      {\n        type: 'divider',\n        visibleIf: hasLegendOrMultipleMeasure\n      },\n      {\n        key: 'display.title',\n        control: {\n          type: 'switch',\n          default: true\n        }\n      },\n      {\n        key: 'display.legend',\n        control: {\n          type: 'switch',\n          default: true\n        },\n        visibleIf: hasLegendOrMultipleMeasure\n      },\n      {\n        key: 'display.modeOption',\n        control: {\n          type: 'switch',\n          default: false\n        },\n        visibleIf: hasLegendOrMultipleMeasure\n      },\n      {\n        key: 'bars.label',\n        control: {\n          type: 'picker',\n          default: 'none',\n          enum: ['none', 'absolute', 'percentage', 'percentageLegend', 'percentageCategory', 'percentageMax']\n        }\n      },\n      {\n        key: 'categories.colored',\n        control: {\n          type: 'switch',\n          default: false\n        },\n        visibleIf: hasNoLegendAndNoMultipleMeasure\n      },\n      {\n        key: 'bars.roundedCorners',\n        control: {\n          type: 'slider',\n          default: ({ theme }: ColumnChartConfigContext) => theme?.itemSpecific?.rounding,\n          min: 0,\n          max: 20,\n          step: 1,\n          extraLabel: ({ options, theme }: ColumnChartConfigContext) => {\n            if (typeof theme?.itemSpecific?.rounding !== 'number') {\n              return null;\n            }\n\n            if (typeof options?.bars?.roundedCorners !== 'number') {\n              return 'auto';\n            }\n\n            return 'reset';\n          },\n          extraLabelHasClickAction: ({ options, theme }: ColumnChartConfigContext) => {\n            if (\n              typeof theme?.itemSpecific?.rounding !== 'number'\n              || typeof options?.bars?.roundedCorners !== 'number'\n            ) {\n              return false;\n            }\n\n            return true;\n          },\n          extraLabelClickAction: ({ options }: ColumnChartConfigContext) => {\n            const newOptions = { ...options };\n\n            delete newOptions?.bars?.roundedCorners;\n\n            return { value: null, options: newOptions };\n          }\n        }\n      },\n      {\n        key: 'color',\n        control: {\n          type: 'color-picker',\n          default: ({ theme }: ColumnChartConfigContext) => getThemeMainColor(theme),\n          extraLabel: ({ options, theme }: ColumnChartConfigContext) =>\n            getThemeMainColorResetLabel(options, theme, 'color'),\n          extraLabelHasClickAction: ({ options, theme }: ColumnChartConfigContext) =>\n            getThemeMainColorExtraLabelHasClickAction(options, theme, 'color'),\n          extraLabelClickAction: ({ options, theme }: ColumnChartConfigContext) =>\n            getThemeMainColorExtraLabelClickAction(options, theme, 'color')\n        },\n        visibleIf: hasNoLegendAndNoMultipleMeasure\n      }\n    ]\n  },\n  {\n    key: 'order',\n    type: 'group',\n    label: 'Order & Limit',\n    open: true,\n    children: [\n      {\n        key: 'ranking.active',\n        control: {\n          type: 'switch',\n          label: 'Limit to',\n          default: false\n        }\n      },\n      {\n        key: 'ranking.direction',\n        control: {\n          type: 'picker',\n          label: 'Direction',\n          default: 'top',\n          enum: ['top', 'bottom']\n        },\n        visibleIf: ({ options }: ColumnChartConfigContext) => options?.ranking?.active === true\n      },\n      {\n        key: 'ranking.number',\n        control: {\n          type: 'number-field',\n          label: 'Number',\n          default: 10,\n          min: 1,\n          max: 999999\n        },\n        visibleIf: ({ options }: ColumnChartConfigContext) => options?.ranking?.active === true\n      },\n      {\n        key: 'sort.by',\n        control: {\n          type: 'picker',\n          label: 'Order by',\n          default: 'measure',\n          enum: ['measure', 'category', 'column']\n        }\n      },\n      {\n        key: 'sort.direction',\n        control: {\n          type: 'picker',\n          label: 'Direction',\n          default: 'desc',\n          enum: ['asc', 'desc']\n        }\n      },\n      {\n        key: 'limit.number',\n        control: {\n          type: 'number-field',\n          label: 'Limit',\n          default: 100000,\n          min: 1,\n          max: 100000\n        }\n      }\n    ]\n  },\n  {\n    key: 'axes',\n    type: 'group',\n    open: false,\n    children: [\n      {\n        key: 'xAxisLabels',\n        type: 'group',\n        label: 'X-axis label',\n        collapsible: true,\n        open: true,\n        children: [\n          {\n            key: 'axislabels.x.enabled',\n            control: {\n              type: 'switch',\n              label: 'Enabled',\n              default: false\n            }\n          },\n          {\n            key: 'axislabels.x.position',\n            control: {\n              type: 'picker',\n              label: 'Position',\n              default: 'center',\n              enum: ['left', 'center', 'right']\n            },\n            visibleIf: ({ options }: ColumnChartConfigContext) => options?.axislabels?.x?.enabled === true\n          }\n        ]\n      },\n      {\n        key: 'yAxisLabels',\n        type: 'group',\n        label: 'Y-axis label',\n        collapsible: true,\n        open: true,\n        children: [\n          {\n            key: 'axislabels.y.enabled',\n            control: {\n              type: 'switch',\n              label: 'Enabled',\n              default: false\n            }\n          },\n          {\n            key: 'axislabels.y.position',\n            control: {\n              type: 'picker',\n              label: 'Position',\n              default: 'middle',\n              enum: ['top', 'middle', 'bottom']\n            },\n            visibleIf: ({ options }: ColumnChartConfigContext) => options?.axislabels?.y?.enabled === true\n          }\n        ]\n      }\n    ]\n  },\n  {\n    key: 'legend',\n    type: 'group',\n    open: false,\n    children: [\n      {\n        key: 'legend.position',\n        control: {\n          label: 'Position',\n          type: 'position-picker',\n          default: 'topRight',\n          enum: ['topLeft', 'top', 'topRight', 'right', 'bottomRight', 'bottom', 'bottomLeft', 'left']\n        }\n      },\n      {\n        key: 'legend.customOrder',\n        control: {\n          label: 'Custom order',\n          description: 'Drag items in the chart legend to set the order.',\n          type: 'switch',\n          default: false\n        }\n      },\n      {\n        key: 'interactivity.legendReorder',\n        control: {\n          label: 'Allow viewers to reorder',\n          type: 'switch',\n          default: false\n        },\n        visibleIf: ({ options }: ColumnChartConfigContext) => options?.legend?.customOrder === true\n      }\n    ],\n    visibleIf: hasLegendOrMultipleMeasure\n  }\n];\n\nexport default columnChartOptionsConfig;\n"],"mappings":"kCAWA,IAAM,GAA8B,CAAE,WAChC,MAAM,QAAQ,CAAK,GAAK,GAAO,OAAS,GAEvC,GAAO,KAAM,GAAM,GAAG,OAAS,QAAQ,CAAC,EAAE,SAAS,QAAU,GAAK,IAC/D,GAAO,KAAM,GAAM,GAAG,OAAS,SAAS,CAAC,EAAE,SAAS,QAAU,GAAK,EAIpE,GAGH,GAAmC,CAAE,WACrC,MAAM,QAAQ,CAAK,GAAK,GAAO,OAAS,EAExC,GAAO,KAAM,GAAM,GAAG,OAAS,QAAQ,CAAC,EAAE,SAAS,SAAW,IAC1D,GAAO,KAAM,GAAM,GAAG,OAAS,SAAS,CAAC,EAAE,SAAS,QAAU,IAAM,EAIrE,GAGH,EAAoE,CACxE,CACE,IAAK,UACL,KAAM,QACN,KAAM,GACN,SAAU,CACR,CACE,IAAK,OACL,QAAS,CACP,KAAM,SACN,QAAS,UACT,KAAM,CAAC,UAAW,UAAW,KAAK,CACpC,EACA,UAAW,CACb,EACA,CACE,KAAM,UACN,UAAW,CACb,EACA,CACE,IAAK,gBACL,QAAS,CACP,KAAM,SACN,QAAS,EACX,CACF,EACA,CACE,IAAK,iBACL,QAAS,CACP,KAAM,SACN,QAAS,EACX,EACA,UAAW,CACb,EACA,CACE,IAAK,qBACL,QAAS,CACP,KAAM,SACN,QAAS,EACX,EACA,UAAW,CACb,EACA,CACE,IAAK,aACL,QAAS,CACP,KAAM,SACN,QAAS,OACT,KAAM,CAAC,OAAQ,WAAY,aAAc,mBAAoB,qBAAsB,eAAe,CACpG,CACF,EACA,CACE,IAAK,qBACL,QAAS,CACP,KAAM,SACN,QAAS,EACX,EACA,UAAW,CACb,EACA,CACE,IAAK,sBACL,QAAS,CACP,KAAM,SACN,SAAU,CAAE,WAAsC,GAAO,cAAc,SACvE,IAAK,EACL,IAAK,GACL,KAAM,EACN,YAAa,CAAE,UAAS,WAClB,OAAO,GAAO,cAAc,UAAa,SAIzC,OAAO,GAAS,MAAM,gBAAmB,SAItC,QAHE,OAJA,KASX,0BAA2B,CAAE,UAAS,WAElC,OAAO,GAAO,cAAc,UAAa,UACtC,OAAO,GAAS,MAAM,gBAAmB,SAOhD,uBAAwB,CAAE,aAAwC,CAChE,IAAM,EAAa,CAAE,GAAG,CAAQ,EAIhC,OAFA,OAAO,GAAY,MAAM,eAElB,CAAE,MAAO,KAAM,QAAS,CAAW,CAC5C,CACF,CACF,EACA,CACE,IAAK,QACL,QAAS,CACP,KAAM,eACN,SAAU,CAAE,WAAsC,EAAA,kBAAkB,CAAK,EACzE,YAAa,CAAE,UAAS,WACtB,EAAA,4BAA4B,EAAS,EAAO,OAAO,EACrD,0BAA2B,CAAE,UAAS,WACpC,EAAA,0CAA0C,EAAS,EAAO,OAAO,EACnE,uBAAwB,CAAE,UAAS,WACjC,EAAA,uCAAuC,EAAS,EAAO,OAAO,CAClE,EACA,UAAW,CACb,CACF,CACF,EACA,CACE,IAAK,QACL,KAAM,QACN,MAAO,gBACP,KAAM,GACN,SAAU,CACR,CACE,IAAK,iBACL,QAAS,CACP,KAAM,SACN,MAAO,WACP,QAAS,EACX,CACF,EACA,CACE,IAAK,oBACL,QAAS,CACP,KAAM,SACN,MAAO,YACP,QAAS,MACT,KAAM,CAAC,MAAO,QAAQ,CACxB,EACA,WAAY,CAAE,aAAwC,GAAS,SAAS,SAAW,EACrF,EACA,CACE,IAAK,iBACL,QAAS,CACP,KAAM,eACN,MAAO,SACP,QAAS,GACT,IAAK,EACL,IAAK,MACP,EACA,WAAY,CAAE,aAAwC,GAAS,SAAS,SAAW,EACrF,EACA,CACE,IAAK,UACL,QAAS,CACP,KAAM,SACN,MAAO,WACP,QAAS,UACT,KAAM,CAAC,UAAW,WAAY,QAAQ,CACxC,CACF,EACA,CACE,IAAK,iBACL,QAAS,CACP,KAAM,SACN,MAAO,YACP,QAAS,OACT,KAAM,CAAC,MAAO,MAAM,CACtB,CACF,EACA,CACE,IAAK,eACL,QAAS,CACP,KAAM,eACN,MAAO,QACP,QAAS,IACT,IAAK,EACL,IAAK,GACP,CACF,CACF,CACF,EACA,CACE,IAAK,OACL,KAAM,QACN,KAAM,GACN,SAAU,CACR,CACE,IAAK,cACL,KAAM,QACN,MAAO,eACP,YAAa,GACb,KAAM,GACN,SAAU,CACR,CACE,IAAK,uBACL,QAAS,CACP,KAAM,SACN,MAAO,UACP,QAAS,EACX,CACF,EACA,CACE,IAAK,wBACL,QAAS,CACP,KAAM,SACN,MAAO,WACP,QAAS,SACT,KAAM,CAAC,OAAQ,SAAU,OAAO,CAClC,EACA,WAAY,CAAE,aAAwC,GAAS,YAAY,GAAG,UAAY,EAC5F,CACF,CACF,EACA,CACE,IAAK,cACL,KAAM,QACN,MAAO,eACP,YAAa,GACb,KAAM,GACN,SAAU,CACR,CACE,IAAK,uBACL,QAAS,CACP,KAAM,SACN,MAAO,UACP,QAAS,EACX,CACF,EACA,CACE,IAAK,wBACL,QAAS,CACP,KAAM,SACN,MAAO,WACP,QAAS,SACT,KAAM,CAAC,MAAO,SAAU,QAAQ,CAClC,EACA,WAAY,CAAE,aAAwC,GAAS,YAAY,GAAG,UAAY,EAC5F,CACF,CACF,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,CACF"}
+{"version":3,"file":"column-chart-options.config.cjs","names":[],"sources":["../../../../libs/dashboard-contents-types/src/lib/column-chart/column-chart-options.config.ts"],"sourcesContent":["import {\n  getThemeMainColor,\n  getThemeMainColorExtraLabelClickAction,\n  getThemeMainColorExtraLabelHasClickAction,\n  getThemeMainColorResetLabel\n} from '../helpers';\nimport { createAxesOptionsGroup } from '../shared/utils/axis-options.config';\nimport {\n  cartesianGuidelineLineTypes,\n  createGuidelinesOptionsGroup\n} from '../shared/utils/guidelines-options.config';\nimport { createInfoTooltipOptionsGroup } from '../shared/utils/info-tooltip-options.config';\nimport type { OptionsConfig, OptionsConfigContext } from '../shared/utils/options-config.types';\nimport type { ColumnChartViewOptions } from './column-chart-options';\n\ntype ColumnChartConfigContext = OptionsConfigContext<ColumnChartViewOptions>;\n\nconst hasLegendOrMultipleMeasure = ({ slots }: Pick<ColumnChartConfigContext, 'slots'>): boolean => {\n  if (Array.isArray(slots) && slots?.length > 0) {\n    return (\n      (slots?.find((s) => s?.name === 'legend')?.content?.length ?? 0) > 0\n      || (slots?.find((s) => s?.name === 'measure')?.content?.length ?? 0) > 1\n    );\n  }\n\n  return false;\n};\n\nconst hasNoLegendAndNoMultipleMeasure = ({ slots }: Pick<ColumnChartConfigContext, 'slots'>): boolean => {\n  if (Array.isArray(slots) && slots?.length > 0) {\n    return (\n      slots?.find((s) => s?.name === 'legend')?.content?.length === 0\n      && (slots?.find((s) => s?.name === 'measure')?.content?.length ?? 0) <= 1\n    );\n  }\n\n  return false;\n};\n\nconst columnChartOptionsConfig: OptionsConfig<ColumnChartConfigContext> = [\n  {\n    key: 'general',\n    type: 'group',\n    open: true,\n    children: [\n      {\n        key: 'mode',\n        control: {\n          type: 'picker',\n          default: 'grouped',\n          enum: ['grouped', 'stacked', '100']\n        },\n        visibleIf: hasLegendOrMultipleMeasure\n      },\n      {\n        type: 'divider',\n        visibleIf: hasLegendOrMultipleMeasure\n      },\n      {\n        key: 'display.title',\n        control: {\n          type: 'switch',\n          default: true\n        }\n      },\n      {\n        key: 'display.legend',\n        control: {\n          type: 'switch',\n          default: true\n        },\n        visibleIf: hasLegendOrMultipleMeasure\n      },\n      {\n        key: 'display.modeOption',\n        control: {\n          type: 'switch',\n          default: false\n        },\n        visibleIf: hasLegendOrMultipleMeasure\n      },\n      {\n        key: 'bars.label',\n        control: {\n          type: 'picker',\n          default: 'none',\n          enum: ['none', 'absolute', 'percentage', 'percentageLegend', 'percentageCategory', 'percentageMax']\n        }\n      },\n      {\n        key: 'categories.colored',\n        control: {\n          type: 'switch',\n          default: false\n        },\n        visibleIf: hasNoLegendAndNoMultipleMeasure\n      },\n      {\n        key: 'bars.roundedCorners',\n        control: {\n          type: 'slider',\n          default: ({ theme }: ColumnChartConfigContext) => theme?.itemSpecific?.rounding,\n          min: 0,\n          max: 20,\n          step: 1,\n          extraLabel: ({ options, theme }: ColumnChartConfigContext) => {\n            if (typeof theme?.itemSpecific?.rounding !== 'number') {\n              return null;\n            }\n\n            if (typeof options?.bars?.roundedCorners !== 'number') {\n              return 'auto';\n            }\n\n            return 'reset';\n          },\n          extraLabelHasClickAction: ({ options, theme }: ColumnChartConfigContext) => {\n            if (\n              typeof theme?.itemSpecific?.rounding !== 'number'\n              || typeof options?.bars?.roundedCorners !== 'number'\n            ) {\n              return false;\n            }\n\n            return true;\n          },\n          extraLabelClickAction: ({ options }: ColumnChartConfigContext) => {\n            const newOptions = { ...options };\n\n            delete newOptions?.bars?.roundedCorners;\n\n            return { value: null, options: newOptions };\n          }\n        }\n      },\n      {\n        key: 'color',\n        control: {\n          type: 'color-picker',\n          default: ({ theme }: ColumnChartConfigContext) => getThemeMainColor(theme),\n          extraLabel: ({ options, theme }: ColumnChartConfigContext) =>\n            getThemeMainColorResetLabel(options, theme, 'color'),\n          extraLabelHasClickAction: ({ options, theme }: ColumnChartConfigContext) =>\n            getThemeMainColorExtraLabelHasClickAction(options, theme, 'color'),\n          extraLabelClickAction: ({ options, theme }: ColumnChartConfigContext) =>\n            getThemeMainColorExtraLabelClickAction(options, theme, 'color')\n        },\n        visibleIf: (context: ColumnChartConfigContext) =>\n          hasNoLegendAndNoMultipleMeasure(context) && context.options?.categories?.colored !== true\n      }\n    ]\n  },\n  {\n    key: 'order',\n    type: 'group',\n    label: 'Order & Limit',\n    open: true,\n    children: [\n      {\n        key: 'ranking.active',\n        control: {\n          type: 'switch',\n          label: 'Limit to',\n          default: false\n        }\n      },\n      {\n        key: 'ranking.direction',\n        control: {\n          type: 'picker',\n          label: 'Direction',\n          default: 'top',\n          enum: ['top', 'bottom']\n        },\n        visibleIf: ({ options }: ColumnChartConfigContext) => options?.ranking?.active === true\n      },\n      {\n        key: 'ranking.number',\n        control: {\n          type: 'number-field',\n          label: 'Number',\n          default: 10,\n          min: 1,\n          max: 999999\n        },\n        visibleIf: ({ options }: ColumnChartConfigContext) => options?.ranking?.active === true\n      },\n      {\n        key: 'sort.by',\n        control: {\n          type: 'picker',\n          label: 'Order by',\n          default: 'measure',\n          enum: ['measure', 'category']\n        }\n      },\n      {\n        key: 'sort.direction',\n        control: {\n          type: 'picker',\n          label: 'Direction',\n          default: 'desc',\n          enum: ['asc', 'desc']\n        }\n      },\n      {\n        key: 'limit.number',\n        control: {\n          type: 'number-field',\n          label: 'Limit',\n          default: 100000,\n          min: 1,\n          max: 100000\n        }\n      }\n    ]\n  },\n  createAxesOptionsGroup<ColumnChartConfigContext>([\n    { axis: 'x', role: 'category', color: true, label: true, tickMode: true, gridlines: true },\n    { axis: 'y', role: 'measure', scale: true, manualRange: { key: 'manualAxesRange' }, color: true, label: true, tickDensity: true, tickMode: true, gridlines: true }\n  ]),\n  {\n    key: 'legend',\n    type: 'group',\n    open: false,\n    children: [\n      {\n        key: 'legend.position',\n        control: {\n          label: 'Position',\n          type: 'position-picker',\n          default: 'topRight',\n          enum: ['topLeft', 'top', 'topRight', 'right', 'bottomRight', 'bottom', 'bottomLeft', 'left']\n        }\n      },\n      {\n        key: 'legend.customOrder',\n        control: {\n          label: 'Custom order',\n          description: 'Drag items in the chart legend to set the order.',\n          type: 'switch',\n          default: false\n        }\n      },\n      {\n        key: 'interactivity.legendReorder',\n        control: {\n          label: 'Allow viewers to reorder',\n          type: 'switch',\n          default: false\n        },\n        visibleIf: ({ options }: ColumnChartConfigContext) => options?.legend?.customOrder === true\n      }\n    ],\n    visibleIf: hasLegendOrMultipleMeasure\n  },\n  createGuidelinesOptionsGroup(cartesianGuidelineLineTypes),\n  createInfoTooltipOptionsGroup<ColumnChartConfigContext>()\n];\n\nexport default columnChartOptionsConfig;\n"],"mappings":"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"}

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

@@ -1,6 +1,9 @@
 import { getThemeMainColor as e, getThemeMainColorExtraLabelClickAction as t, getThemeMainColorExtraLabelHasClickAction as n, getThemeMainColorResetLabel as r } from "../helpers.js";
+import { createAxesOptionsGroup as i } from "../shared/utils/axis-options.config.js";
+import { cartesianGuidelineLineTypes as a, createGuidelinesOptionsGroup as o } from "../shared/utils/guidelines-options.config.js";
+import { createInfoTooltipOptionsGroup as s } from "../shared/utils/info-tooltip-options.config.js";
 //#region src/lib/column-chart/column-chart-options.config.ts
-var i = ({ slots: e }) => Array.isArray(e) && e?.length > 0 ? (e?.find((e) => e?.name === "legend")?.content?.length ?? 0) > 0 || (e?.find((e) => e?.name === "measure")?.content?.length ?? 0) > 1 : !1, a = ({ slots: e }) => Array.isArray(e) && e?.length > 0 ? e?.find((e) => e?.name === "legend")?.content?.length === 0 && (e?.find((e) => e?.name === "measure")?.content?.length ?? 0) <= 1 : !1, o = [
+var c = ({ slots: e }) => Array.isArray(e) && e?.length > 0 ? (e?.find((e) => e?.name === "legend")?.content?.length ?? 0) > 0 || (e?.find((e) => e?.name === "measure")?.content?.length ?? 0) > 1 : !1, l = ({ slots: e }) => Array.isArray(e) && e?.length > 0 ? e?.find((e) => e?.name === "legend")?.content?.length === 0 && (e?.find((e) => e?.name === "measure")?.content?.length ?? 0) <= 1 : !1, u = [
 	{
 		key: "general",
 		type: "group",
@@ -17,11 +20,11 @@ var i = ({ slots: e }) => Array.isArray(e) && e?.length > 0 ? (e?.find((e) => e?
 						"100"
 					]
 				},
-				visibleIf: i
+				visibleIf: c
 			},
 			{
 				type: "divider",
-				visibleIf: i
+				visibleIf: c
 			},
 			{
 				key: "display.title",
@@ -36,7 +39,7 @@ var i = ({ slots: e }) => Array.isArray(e) && e?.length > 0 ? (e?.find((e) => e?
 					type: "switch",
 					default: !0
 				},
-				visibleIf: i
+				visibleIf: c
 			},
 			{
 				key: "display.modeOption",
@@ -44,7 +47,7 @@ var i = ({ slots: e }) => Array.isArray(e) && e?.length > 0 ? (e?.find((e) => e?
 					type: "switch",
 					default: !1
 				},
-				visibleIf: i
+				visibleIf: c
 			},
 			{
 				key: "bars.label",
@@ -67,7 +70,7 @@ var i = ({ slots: e }) => Array.isArray(e) && e?.length > 0 ? (e?.find((e) => e?
 					type: "switch",
 					default: !1
 				},
-				visibleIf: a
+				visibleIf: l
 			},
 			{
 				key: "bars.roundedCorners",
@@ -97,7 +100,7 @@ var i = ({ 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: a
+				visibleIf: (e) => l(e) && e.options?.categories?.colored !== !0
 			}
 		]
 	},
@@ -142,11 +145,7 @@ var i = ({ slots: e }) => Array.isArray(e) && e?.length > 0 ? (e?.find((e) => e?
 					type: "picker",
 					label: "Order by",
 					default: "measure",
-					enum: [
-						"measure",
-						"category",
-						"column"
-					]
+					enum: ["measure", "category"]
 				}
 			},
 			{
@@ -170,66 +169,24 @@ var i = ({ slots: e }) => Array.isArray(e) && e?.length > 0 ? (e?.find((e) => e?
 			}
 		]
 	},
-	{
-		key: "axes",
-		type: "group",
-		open: !1,
-		children: [{
-			key: "xAxisLabels",
-			type: "group",
-			label: "X-axis label",
-			collapsible: !0,
-			open: !0,
-			children: [{
-				key: "axislabels.x.enabled",
-				control: {
-					type: "switch",
-					label: "Enabled",
-					default: !1
-				}
-			}, {
-				key: "axislabels.x.position",
-				control: {
-					type: "picker",
-					label: "Position",
-					default: "center",
-					enum: [
-						"left",
-						"center",
-						"right"
-					]
-				},
-				visibleIf: ({ options: e }) => e?.axislabels?.x?.enabled === !0
-			}]
-		}, {
-			key: "yAxisLabels",
-			type: "group",
-			label: "Y-axis label",
-			collapsible: !0,
-			open: !0,
-			children: [{
-				key: "axislabels.y.enabled",
-				control: {
-					type: "switch",
-					label: "Enabled",
-					default: !1
-				}
-			}, {
-				key: "axislabels.y.position",
-				control: {
-					type: "picker",
-					label: "Position",
-					default: "middle",
-					enum: [
-						"top",
-						"middle",
-						"bottom"
-					]
-				},
-				visibleIf: ({ options: e }) => e?.axislabels?.y?.enabled === !0
-			}]
-		}]
-	},
+	i([{
+		axis: "x",
+		role: "category",
+		color: !0,
+		label: !0,
+		tickMode: !0,
+		gridlines: !0
+	}, {
+		axis: "y",
+		role: "measure",
+		scale: !0,
+		manualRange: { key: "manualAxesRange" },
+		color: !0,
+		label: !0,
+		tickDensity: !0,
+		tickMode: !0,
+		gridlines: !0
+	}]),
 	{
 		key: "legend",
 		type: "group",
@@ -272,10 +229,12 @@ var i = ({ slots: e }) => Array.isArray(e) && e?.length > 0 ? (e?.find((e) => e?
 				visibleIf: ({ options: e }) => e?.legend?.customOrder === !0
 			}
 		],
-		visibleIf: i
-	}
+		visibleIf: c
+	},
+	o(a),
+	s()
 ];
 //#endregion
-export { o as default };
+export { u as default };
 
 //# sourceMappingURL=column-chart-options.config.js.map