@luzmo/analytics-components-kit 1.0.5 → 1.0.6

package/README.md

@@ -15,9 +15,11 @@ ACK produces and edits chart configuration (type, slots, options, filters). It d
 ## Installation
 
 ```bash
-npm install @luzmo/analytics-components-kit
+npm install @luzmo/analytics-components-kit lit@^3.3.2 @luzmo/lucero@^2.0.0 @luzmo/icons@^1.0.1-alpha.46
 ```
 
+ACK uses Lucero 2 for its design-system primitives. Package managers that do not install peer dependencies automatically must install the compatible peer versions explicitly.
+
 To render the configured charts, also install Luzmo Embed (optional):
 
 ```bash

package/components/area-chart-options.config-C49V29Y8.js

@@ -0,0 +1,229 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+import { s as e } from "./pragmatic-element-adapter-Ply5c6uO.js";
+import { a as t, c as n, t as r, u as i } from "./helpers-irnB2xbq.js";
+//#region node_modules/@luzmo/dashboard-contents-types/area-chart/area-chart-options.config.js
+var a = /* @__PURE__ */ e({ default: () => s }), o = ({ 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, s = [
+	{
+		key: "general",
+		type: "group",
+		open: !0,
+		children: [
+			{
+				key: "display.title",
+				control: {
+					label: "Title",
+					type: "switch",
+					default: !0
+				}
+			},
+			{ type: "divider" },
+			{
+				key: "mode",
+				control: {
+					label: "Mode",
+					type: "picker",
+					default: "stacked",
+					enum: [
+						"100",
+						"unstacked",
+						"stacked",
+						"stream"
+					]
+				},
+				visibleIf: o
+			},
+			{
+				key: "interpolation",
+				control: {
+					label: "Interpolation",
+					type: "picker",
+					default: "linear",
+					enum: [
+						"linear",
+						"step-before",
+						"step-after",
+						"monotone"
+					]
+				}
+			},
+			{
+				key: "display.legend",
+				control: {
+					label: "Legend",
+					type: "switch",
+					default: !0
+				},
+				visibleIf: o
+			},
+			{
+				key: "display.modeOption",
+				control: {
+					label: "Mode option",
+					type: "switch",
+					default: !0
+				},
+				visibleIf: o
+			},
+			{
+				key: "missingValue.type",
+				control: {
+					label: "Fill missing values",
+					type: "picker",
+					default: "no",
+					enum: [
+						"no",
+						"break",
+						"manual"
+					]
+				},
+				visibleIf: ({ slots: e }) => Array.isArray(e) && e?.find((e) => e?.name === "x-axis")?.content?.[0]?.type === "datetime"
+			},
+			{
+				key: "missingValue.value",
+				control: {
+					label: "Value",
+					type: "number-field",
+					default: 0,
+					min: 1
+				},
+				visibleIf: ({ options: e, slots: t }) => Array.isArray(t) && t?.find((e) => e?.name === "x-axis")?.content?.[0]?.type === "datetime" && e?.missingValue?.type === "manual"
+			},
+			{
+				key: "color",
+				control: {
+					label: "Area color",
+					type: "color-picker",
+					default: ({ theme: e }) => i(e),
+					extraLabel: ({ options: e, theme: n }) => t(e, n, "color"),
+					extraLabelHasClickAction: ({ options: e, theme: t }) => r(e, t, "color"),
+					extraLabelClickAction: ({ options: e, theme: t }) => n(e, t, "color")
+				},
+				visibleIf: ({ 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 : !0
+			}
+		]
+	},
+	{
+		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: o
+	}
+];
+//#endregion
+export { a as n, s as t };

package/components/area-chart-positioning.config-1oFe5GQZ.cjs

@@ -0,0 +1,20 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+const e=require("./item-slot-drop-panel-FLuz9znI.cjs");var t={grid:{columns:2,rows:2,columnSizes:[`1fr`,e.n],rowSizes:[`1fr`,e.n],gap:`0`},slots:{measure:{column:1,row:1,align:`center`,justify:`center`,rotate:!1},"x-axis":{column:1,row:2,align:`center`,justify:`center`,rotate:!1},legend:{column:2,row:1,align:`center`,justify:`center`,rotate:!0}}};exports.areaChartPositioningConfig=t;

package/components/area-chart-positioning.config-CpN8ybzu.js

@@ -0,0 +1,55 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+import { n as e } from "./item-slot-drop-panel-4lKBdSdq.js";
+//#region node_modules/@luzmo/dashboard-contents-types/area-chart/area-chart-positioning.config.js
+var t = {
+	grid: {
+		columns: 2,
+		rows: 2,
+		columnSizes: ["1fr", e],
+		rowSizes: ["1fr", e],
+		gap: "0"
+	},
+	slots: {
+		measure: {
+			column: 1,
+			row: 1,
+			align: "center",
+			justify: "center",
+			rotate: !1
+		},
+		"x-axis": {
+			column: 1,
+			row: 2,
+			align: "center",
+			justify: "center",
+			rotate: !1
+		},
+		legend: {
+			column: 2,
+			row: 1,
+			align: "center",
+			justify: "center",
+			rotate: !0
+		}
+	}
+};
+//#endregion
+export { t as areaChartPositioningConfig };

package/components/area-chart-slots.config-DHeIgMLg.js

@@ -0,0 +1,55 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+import { s as e } from "./pragmatic-element-adapter-Ply5c6uO.js";
+//#region node_modules/@luzmo/dashboard-contents-types/area-chart/area-chart-slots.config.js
+var t = /* @__PURE__ */ e({ areaChartSlotsConfig: () => n }), n = [
+	{
+		name: "x-axis",
+		rotate: !1,
+		label: "X-Axis",
+		type: "mixed",
+		options: {
+			isAggregationDisabled: !0,
+			isBinningDisabled: !0,
+			areDatetimeOptionsEnabled: !0
+		},
+		isRequired: !0
+	},
+	{
+		name: "measure",
+		rotate: !1,
+		label: "Measure",
+		type: "numeric",
+		options: { isCumulativeSumEnabled: !0 },
+		canAcceptMultipleDataFields: !0,
+		canAcceptFormula: !0,
+		keepOnlyFirstWhenOtherSlotFilled: ["legend"]
+	},
+	{
+		name: "legend",
+		rotate: !0,
+		label: "Group by",
+		options: { areDatetimeOptionsEnabled: !0 },
+		type: "categorical",
+		clearWhenOtherSlotHasMultipleItems: ["measure"]
+	}
+];
+//#endregion
+export { n, t };

package/components/bar-chart-options.config-CL5P0qO3.js

@@ -0,0 +1,300 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+import { s as e } from "./pragmatic-element-adapter-Ply5c6uO.js";
+import { a as t, c as n, t as r, u as i } from "./helpers-irnB2xbq.js";
+//#region node_modules/@luzmo/dashboard-contents-types/bar-chart/bar-chart-options.config.js
+var a = /* @__PURE__ */ e({ default: () => c }), o = ({ 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, s = ({ 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 : !0, c = [
+	{
+		key: "general",
+		type: "group",
+		open: !0,
+		children: [
+			{
+				key: "mode",
+				control: {
+					type: "picker",
+					default: "grouped",
+					enum: [
+						"grouped",
+						"stacked",
+						"100"
+					]
+				},
+				visibleIf: o
+			},
+			{
+				type: "divider",
+				visibleIf: o
+			},
+			{
+				key: "display.title",
+				control: {
+					type: "switch",
+					default: !0
+				}
+			},
+			{
+				key: "display.legend",
+				control: {
+					type: "switch",
+					default: !0
+				},
+				visibleIf: o
+			},
+			{
+				key: "display.modeOption",
+				control: {
+					type: "switch",
+					default: !1
+				},
+				visibleIf: o
+			},
+			{
+				key: "bars.label",
+				control: {
+					type: "picker",
+					default: "none",
+					enum: [
+						"none",
+						"absolute",
+						"percentage",
+						"percentageLegend",
+						"percentageCategory",
+						"percentageMax"
+					]
+				}
+			},
+			{
+				key: "categories.colored",
+				control: {
+					type: "switch",
+					default: !1
+				},
+				visibleIf: s
+			},
+			{
+				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",
+					label: "Bar color",
+					default: ({ theme: e }) => i(e),
+					extraLabel: ({ options: e, theme: n }) => t(e, n, "color"),
+					extraLabelHasClickAction: ({ options: e, theme: t }) => r(e, t, "color"),
+					extraLabelClickAction: ({ options: e, theme: t }) => n(e, t, "color")
+				},
+				visibleIf: s
+			}
+		]
+	},
+	{
+		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: o
+	}
+];
+//#endregion
+export { c as n, a as t };

package/components/bar-chart-positioning.config-D8xaCMCZ.cjs

@@ -0,0 +1,20 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+const e=require("./item-slot-drop-panel-FLuz9znI.cjs");var t={grid:{columns:3,rows:1,columnSizes:[e.n,`1fr`,e.n],rowSizes:[`1fr`],gap:`0`},slots:{"y-axis":{column:1,row:1,align:`center`,justify:`center`,rotate:!0},measure:{column:2,row:1,align:`end`,justify:`center`,rotate:!1},legend:{column:3,row:1,align:`center`,justify:`center`,rotate:!0}}};exports.barChartPositioningConfig=t;