@luzmo/analytics-components-kit 1.0.4-beta.3 → 1.0.4-beta.4

package/components/{item-option-Bc6qXONK.js → item-option-CSc3jmeo.js}

@@ -17,9 +17,9 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { i as e } from "./base-DYkpEuMf.js";
-import { t } from "./decorate-CaYbmmmm.js";
-import { t as n } from "./data-broker-CVDImE1j.js";
+import { i as e } from "./base-vk9LuivN.js";
+import { t } from "./decorate-DyMgX_Uh.js";
+import { t as n } from "./data-broker-Bdv5V8Yp.js";
 import { n as r, t as i } from "./themes-CQZd578_.js";
 import { html as a, unsafeCSS as o } from "lit";
 import { property as s } from "lit/decorators.js";
@@ -28,52 +28,52 @@ import { ifDefined as l } from "lit/directives/if-defined.js";
 import { Task as u } from "@lit/task";
 //#region node_modules/@luzmo/dashboard-contents-types/src/lib/shared/utils/options-registry.generated.js
 var d = {
-	"area-chart": () => import("./area-chart-options.config-BjdRY1sr.js").then((e) => e.t),
-	"bar-chart": () => import("./bar-chart-options.config-DxNHV39Y.js").then((e) => e.t),
-	"box-plot": () => import("./box-plot-options.config-CXey4hvi.js").then((e) => e.t),
-	"bubble-chart": () => import("./bubble-chart-options.config-CeaOv4eF.js").then((e) => e.n),
-	"bullet-chart": () => import("./bullet-chart-options.config-CLn7sV4W.js").then((e) => e.t),
-	"choropleth-map": () => import("./choropleth-map-options.config-DzTlJSO3.js").then((e) => e.t),
-	"circle-pack-chart": () => import("./circle-pack-chart-options.config-DoLPbnPq.js").then((e) => e.t),
-	"circular-gauge": () => import("./circular-gauge-options.config-BPUFjqx8.js").then((e) => e.t),
-	"column-chart": () => import("./column-chart-options.config-DQts3cE4.js").then((e) => e.t),
-	"combination-chart": () => import("./combination-chart-options.config-CjSV6Ic4.js").then((e) => e.t),
-	"conditional-number": () => import("./conditional-number-options.config-CZFqw31c.js").then((e) => e.t),
-	"date-comparison-filter": () => import("./date-comparison-filter-options.config-s16IGX_4.js").then((e) => e.t),
-	"date-filter": () => import("./date-filter-options.config-ChFEIjN3.js").then((e) => e.n),
-	"donut-chart": () => import("./donut-chart-options.config-WNOpb2n9.js").then((e) => e.t),
-	"dropdown-filter": () => import("./dropdown-filter-options.config-DBNawOPR.js").then((e) => e.t),
-	"evolution-number": () => import("./evolution-number-options.config-CrIM2GTn.js").then((e) => e.t),
-	"funnel-chart": () => import("./funnel-chart-options.config-k0X4rkj-.js").then((e) => e.t),
-	"heat-map": () => import("./heat-map-options.config-_xxAm6iG.js").then((e) => e.n),
-	"heat-table": () => import("./heat-table-options.config-DxRbWqJ8.js").then((e) => e.n),
-	"hexbin-map": () => import("./hexbin-map-options.config-CmAmK-jM.js").then((e) => e.n),
-	image: () => import("./image-options.config-DJ2DEf7g.js").then((e) => e.n),
-	"line-chart": () => import("./line-chart-options.config-CfHRdG6O.js").then((e) => e.t),
-	"marker-map": () => import("./marker-map-options.config-C_aGdRQQ.js").then((e) => e.n),
-	"ohlc-chart": () => import("./ohlc-chart-options.config-Bd-vLN0I.js").then((e) => e.n),
-	"parallel-coordinates-plot": () => import("./parallel-coordinates-plot-options.config-BUo6XxfP.js").then((e) => e.n),
-	"pivot-table": () => import("./pivot-table-options.config-DrzB4qVX.js").then((e) => e.t),
-	"pyramid-chart": () => import("./pyramid-chart-options.config-Dux8839h.js").then((e) => e.n),
-	"radar-chart": () => import("./radar-chart-options.config-ColtKo6Z.js").then((e) => e.n),
-	"regular-table": () => import("./regular-table-options.config-DopdB4eB.js").then((e) => e.n),
-	"route-map": () => import("./route-map-options.config-BCuJw5k3.js").then((e) => e.n),
-	"sankey-diagram": () => import("./sankey-diagram-options.config-BH3kpjFs.js").then((e) => e.n),
-	"scatter-plot": () => import("./scatter-plot-options.config-Dn6ILlJw.js").then((e) => e.n),
-	"search-filter": () => import("./search-filter-options.config-DWKVxBc5.js").then((e) => e.n),
-	"slicer-filter": () => import("./slicer-filter-options.config-C6HPrjIw.js").then((e) => e.n),
-	"slider-filter": () => import("./slider-filter-options.config-CvqHWJIX.js").then((e) => e.n),
+	"area-chart": () => import("./area-chart-options.config-DdYBA1_Q.js").then((e) => e.t),
+	"bar-chart": () => import("./bar-chart-options.config-Cx3n0tCr.js").then((e) => e.t),
+	"box-plot": () => import("./box-plot-options.config-DB9iCCZg.js").then((e) => e.t),
+	"bubble-chart": () => import("./bubble-chart-options.config-D8o_9z0b.js").then((e) => e.n),
+	"bullet-chart": () => import("./bullet-chart-options.config-CmC75LQ8.js").then((e) => e.t),
+	"choropleth-map": () => import("./choropleth-map-options.config-Bt-vXkKW.js").then((e) => e.t),
+	"circle-pack-chart": () => import("./circle-pack-chart-options.config-CLA-ur8J.js").then((e) => e.t),
+	"circular-gauge": () => import("./circular-gauge-options.config-BFBmfsPn.js").then((e) => e.t),
+	"column-chart": () => import("./column-chart-options.config-V7v9PtQA.js").then((e) => e.t),
+	"combination-chart": () => import("./combination-chart-options.config-CgSqqLLE.js").then((e) => e.t),
+	"conditional-number": () => import("./conditional-number-options.config-3_vXSC0j.js").then((e) => e.t),
+	"date-comparison-filter": () => import("./date-comparison-filter-options.config-CsDlmT6L.js").then((e) => e.t),
+	"date-filter": () => import("./date-filter-options.config-b8EHOjR1.js").then((e) => e.n),
+	"donut-chart": () => import("./donut-chart-options.config-N0MWtn-o.js").then((e) => e.t),
+	"dropdown-filter": () => import("./dropdown-filter-options.config-CziqJFPz.js").then((e) => e.t),
+	"evolution-number": () => import("./evolution-number-options.config-BfYN1Qgk.js").then((e) => e.t),
+	"funnel-chart": () => import("./funnel-chart-options.config-D8fqrJvi.js").then((e) => e.t),
+	"heat-map": () => import("./heat-map-options.config-5zjlVaa0.js").then((e) => e.n),
+	"heat-table": () => import("./heat-table-options.config-Blcs4JjF.js").then((e) => e.n),
+	"hexbin-map": () => import("./hexbin-map-options.config-D5o0k890.js").then((e) => e.n),
+	image: () => import("./image-options.config-C46UQpMq.js").then((e) => e.n),
+	"line-chart": () => import("./line-chart-options.config-KFAaQqB_.js").then((e) => e.t),
+	"marker-map": () => import("./marker-map-options.config-D0RmFKKM.js").then((e) => e.n),
+	"ohlc-chart": () => import("./ohlc-chart-options.config-BBdUKmJ9.js").then((e) => e.n),
+	"parallel-coordinates-plot": () => import("./parallel-coordinates-plot-options.config-KJrOL0Sr.js").then((e) => e.n),
+	"pivot-table": () => import("./pivot-table-options.config-DEmZ_EQi.js").then((e) => e.t),
+	"pyramid-chart": () => import("./pyramid-chart-options.config-DiD3QFps.js").then((e) => e.n),
+	"radar-chart": () => import("./radar-chart-options.config-COBM2L3R.js").then((e) => e.n),
+	"regular-table": () => import("./regular-table-options.config-B0zRcsWM.js").then((e) => e.n),
+	"route-map": () => import("./route-map-options.config-CrMrDQ_l.js").then((e) => e.n),
+	"sankey-diagram": () => import("./sankey-diagram-options.config-BYLiy1UX.js").then((e) => e.n),
+	"scatter-plot": () => import("./scatter-plot-options.config-BpUYcLt-.js").then((e) => e.n),
+	"search-filter": () => import("./search-filter-options.config-lGQ-biU5.js").then((e) => e.n),
+	"slicer-filter": () => import("./slicer-filter-options.config-B6rxZYcl.js").then((e) => e.n),
+	"slider-filter": () => import("./slider-filter-options.config-C7-5aoaC.js").then((e) => e.n),
 	spacer: () => import("./spacer-options.config-hBEVt2S9.js"),
-	"speedometer-chart": () => import("./speedometer-chart-options.config-wX3KzciD.js").then((e) => e.n),
-	"spike-map": () => import("./spike-map-options.config-DpgsB_L-.js").then((e) => e.n),
-	"strip-plot": () => import("./strip-plot-options.config-BzhxzU-s.js").then((e) => e.n),
-	"sunburst-chart": () => import("./sunburst-chart-options.config-Ba_H54ip.js").then((e) => e.n),
-	"symbol-map": () => import("./symbol-map-options.config-DeJyZILi.js").then((e) => e.n),
-	text: () => import("./text-options.config-BXuZMKTG.js").then((e) => e.n),
-	"treemap-chart": () => import("./treemap-chart-options.config-Be-LBEGy.js").then((e) => e.t),
-	"venn-diagram": () => import("./venn-diagram-options.config-D3bEFsYa.js").then((e) => e.n),
-	video: () => import("./video-options.config-B5aOwGa4.js").then((e) => e.n),
-	"wordcloud-chart": () => import("./wordcloud-chart-options.config-DntH4Hvg.js").then((e) => e.n)
+	"speedometer-chart": () => import("./speedometer-chart-options.config-Bd3-G7S7.js").then((e) => e.n),
+	"spike-map": () => import("./spike-map-options.config-B_2BXI_9.js").then((e) => e.n),
+	"strip-plot": () => import("./strip-plot-options.config-By62J2Jj.js").then((e) => e.n),
+	"sunburst-chart": () => import("./sunburst-chart-options.config-DwQwkQxR.js").then((e) => e.n),
+	"symbol-map": () => import("./symbol-map-options.config-uXEbOHWD.js").then((e) => e.n),
+	text: () => import("./text-options.config-B5y7YAqT.js").then((e) => e.n),
+	"treemap-chart": () => import("./treemap-chart-options.config-BouAbrk0.js").then((e) => e.t),
+	"venn-diagram": () => import("./venn-diagram-options.config-BZWBYEhB.js").then((e) => e.n),
+	video: () => import("./video-options.config-DWuy1OHa.js").then((e) => e.n),
+	"wordcloud-chart": () => import("./wordcloud-chart-options.config-D041tFDG.js").then((e) => e.n)
 }, f = {
 	"area-chart:de": () => import("./area-chart-options.de-C1ZU8WzK.js"),
 	"area-chart:en": () => import("./area-chart-options.en-Co5sb5WQ.js"),
@@ -309,61 +309,11 @@ var d = {
 	} catch {
 		return null;
 	}
-}, h = (e, t, n) => {
-	let r = { ...e }, i = e.key;
-	if (!i) return r;
-	let a = n?.[i] ?? t.options?.[i];
-	if (r.control && a && (a.label && (r.control = {
-		...r.control,
-		label: a.label
-	}), a.description && typeof r.control.description != "function" && (r.control = {
-		...r.control,
-		description: a.description
-	}), a.placeholder && typeof r.control.placeholder != "function" && (r.control = {
-		...r.control,
-		placeholder: a.placeholder
-	}), a.tooltip && typeof r.control.tooltip != "function" && (r.control = {
-		...r.control,
-		tooltip: a.tooltip
-	}), a.extraLabel !== void 0 && typeof r.control.extraLabel != "function" && (r.control = {
-		...r.control,
-		extraLabel: a.extraLabel
-	}), a.extraLabelTooltip !== void 0 && typeof r.control.extraLabelTooltip != "function" && (r.control = {
-		...r.control,
-		extraLabelTooltip: a.extraLabelTooltip
-	})), r.control?.enum && a?.enum) {
-		let e = { ...r.control.enum };
-		if (Array.isArray(r.control.enum)) {
-			let e = {};
-			for (let t of r.control.enum) e[t] = { label: a.enum[t] ?? t };
-			r.control = {
-				...r.control,
-				enum: e
-			};
-		} else if (typeof r.control.enum == "object") {
-			for (let [t, n] of Object.entries(a.enum)) e[t] = typeof e[t] == "object" ? {
-				...e[t],
-				label: n
-			} : { label: n };
-			r.control = {
-				...r.control,
-				enum: e
-			};
-		}
-	}
-	return r;
-}, g = (e, t, n) => e.map((e) => {
-	let r = { ...e };
-	if (e.type === "group" && e.key) {
-		let i = n?.[e.key] ?? t.groups?.[e.key];
-		i?.label && (r.label = i.label);
-	}
-	return e.control && (r.control = h(e, t, n).control), e.children && Array.isArray(e.children) && (r.children = g(e.children, t, n)), r;
-}), _ = (e) => e ? p(e) : Promise.resolve(null), v = async (e, t, n = !1) => {
+}, h = (e) => e ? p(e) : Promise.resolve(null), g = async (e, t, n = !1) => {
 	if (!e || !t) return null;
 	let r = await m(e, t);
 	return !r && n && t !== "en" && (r = await m(e, "en")), r ?? null;
-}, y = (e, t, n) => {
+}, _ = (e, t, n) => {
 	let r = (t) => {
 		for (let i of t ?? []) {
 			if (i.key === e) return n ? i : i.control;
@@ -379,14 +329,14 @@ var d = {
 		if (t) return t;
 	}
 	return null;
-}, b = ":host{font-family:var(--luzmo-item-option-font-family,var(--luzmo-font-family));font-size:var(--luzmo-item-option-font-size,var(--luzmo-font-size));display:block;overflow:hidden}:host([size=s]){font-size:var(--luzmo-item-option-font-size-s,var(--luzmo-font-size-s))}:host([size=l]){font-size:var(--luzmo-item-option-font-size-l,var(--luzmo-font-size-l))}:host([size=xl]){font-size:var(--luzmo-item-option-font-size-xl,var(--luzmo-font-size-xl))}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}", x = (e) => {
+}, v = ":host{font-family:var(--luzmo-item-option-font-family,var(--luzmo-font-family));font-size:var(--luzmo-item-option-font-size,var(--luzmo-font-size));display:block;overflow:hidden}:host([size=s]){font-size:var(--luzmo-item-option-font-size-s,var(--luzmo-font-size-s))}:host([size=l]){font-size:var(--luzmo-item-option-font-size-l,var(--luzmo-font-size-l))}:host([size=xl]){font-size:var(--luzmo-item-option-font-size-xl,var(--luzmo-font-size-xl))}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}", y = (e) => {
 	let t;
 	return typeof e?.controlInfo?.default == "function" ? t = e.controlInfo.default({
 		options: e.options,
 		slots: e.slots,
 		theme: e.theme
 	}) : e.controlInfo?.default !== void 0 && e.controlInfo?.default !== null && (t = e.controlInfo.default), t;
-}, S = (e) => {
+}, b = (e) => {
 	let t;
 	if (typeof e.controlInfo?.extraLabel == "function" ? t = e.controlInfo.extraLabel({
 		options: e.options,
@@ -422,7 +372,7 @@ var d = {
 		extraLabelHasClickAction: r,
 		extraLabelClickAction: i
 	};
-}, C = (e, t) => {
+}, x = (e, t) => {
 	let n = e?.options ?? {};
 	if (typeof e?.controlInfo?.calculateValue == "function") return e.controlInfo.calculateValue({ options: n });
 	if (t.includes(".")) {
@@ -432,7 +382,7 @@ var d = {
 		return r[e[i]];
 	}
 	return n[t];
-}, w = (e) => (t) => {
+}, S = (e) => (t) => {
 	let n = { ...e.options };
 	if (typeof e?.controlInfo?.toOptions == "function") n = e.controlInfo.toOptions({
 		options: n,
@@ -445,7 +395,7 @@ var d = {
 		i[r[a]] = t.detail.value;
 	} else n[e.optionKey] = t.detail.value;
 	return e.changeCallback(n);
-}, T = (e) => {
+}, C = (e) => {
 	let t = e.translations?.options?.[e.optionKey]?.label ?? e.controlInfo?.label ?? e.optionKey ?? "", n = e.size, r = {};
 	Object.keys(e.controlInfo?.values).forEach((t) => {
 		r[t] = {
@@ -453,7 +403,7 @@ var d = {
 			label: e.translations?.options?.[e.optionKey]?.enum?.[t] ?? e.controlInfo?.values[t].label
 		};
 	});
-	let i = e.translations?.options?.[e.optionKey]?.tooltip ?? e.controlInfo?.tooltip, o = C(e, e.optionKey), s = x(e), { extraLabel: c, extraLabelTooltip: l, extraLabelHasClickAction: u, extraLabelClickAction: d } = S(e), f = w(e);
+	let i = e.translations?.options?.[e.optionKey]?.tooltip ?? e.controlInfo?.tooltip, o = x(e, e.optionKey), s = y(e), { extraLabel: c, extraLabelTooltip: l, extraLabelHasClickAction: u, extraLabelClickAction: d } = b(e), f = S(e);
 	return a`
     <luzmo-item-option-action-button-group
       .label=${t}
@@ -473,15 +423,15 @@ var d = {
       .toValue=${e.controlInfo?.toValue}
     ></luzmo-item-option-action-button-group>
   `;
-}, E = (e) => {
+}, w = (e) => {
 	let t;
 	return typeof e?.controlInfo?.enum == "function" ? t = e.controlInfo.enum({
 		options: e.options,
 		slots: e.slots,
 		theme: e.theme
 	}) : e.controlInfo?.enum !== void 0 && e.controlInfo?.enum !== null && (t = e.controlInfo.enum), t;
-}, D = (e) => {
-	let t = e.translations?.options?.[e.optionKey]?.label ?? e.controlInfo?.label ?? e.optionKey ?? "", n = C(e, e.optionKey), r = E(e), i = e.size, o = e.translations?.options?.[e.optionKey]?.tooltip ?? e.controlInfo?.tooltip, s = x(e), { extraLabel: c, extraLabelTooltip: l, extraLabelHasClickAction: u, extraLabelClickAction: d } = S(e), f = w(e);
+}, T = (e) => {
+	let t = e.translations?.options?.[e.optionKey]?.label ?? e.controlInfo?.label ?? e.optionKey ?? "", n = x(e, e.optionKey), r = w(e), i = e.size, o = e.translations?.options?.[e.optionKey]?.tooltip ?? e.controlInfo?.tooltip, s = y(e), { extraLabel: c, extraLabelTooltip: l, extraLabelHasClickAction: u, extraLabelClickAction: d } = b(e), f = S(e);
 	return a`
     <luzmo-item-option-color-palette-picker
       .value=${n ?? s}
@@ -504,8 +454,8 @@ var d = {
       .toValue=${e.controlInfo?.toValue}
     ></luzmo-item-option-color-palette-picker>
   `;
-}, O = (e) => {
-	let t = e.translations?.options?.[e.optionKey]?.label ?? e.controlInfo?.label ?? e.optionKey ?? "", n = C(e, e.optionKey), r = e.size, i = e.translations?.options?.[e.optionKey]?.tooltip ?? e.controlInfo?.tooltip, o = x(e), { extraLabel: s, extraLabelTooltip: c, extraLabelHasClickAction: l, extraLabelClickAction: u } = S(e), d = w(e);
+}, E = (e) => {
+	let t = e.translations?.options?.[e.optionKey]?.label ?? e.controlInfo?.label ?? e.optionKey ?? "", n = x(e, e.optionKey), r = e.size, i = e.translations?.options?.[e.optionKey]?.tooltip ?? e.controlInfo?.tooltip, o = y(e), { extraLabel: s, extraLabelTooltip: c, extraLabelHasClickAction: l, extraLabelClickAction: u } = b(e), d = S(e);
 	return a`
     <luzmo-item-option-color-picker
       .value=${n ?? o}
@@ -527,8 +477,8 @@ var d = {
       .toValue=${e.controlInfo?.toValue}
     ></luzmo-item-option-color-picker>
   `;
-}, k = (e) => {
-	let t = e.translations?.options?.[e.optionKey]?.label ?? e.controlInfo?.label ?? e.optionKey ?? "", n = C(e, e.optionKey), r = e.size, i = e.translations?.options?.[e.optionKey]?.tooltip ?? e.controlInfo?.tooltip, o = x(e), s = typeof e?.controlInfo?.percentage == "function" ? e.controlInfo.percentage(e) : e.controlInfo.percentage, c = typeof e?.controlInfo?.reverse == "function" ? e.controlInfo.reverse(e) : e.controlInfo.reverse, l = typeof e?.controlInfo?.noAlphaChannel == "function" ? e.controlInfo.noAlphaChannel(e) : e.controlInfo.noAlphaChannel, u = typeof e?.controlInfo?.editRangeSize == "function" ? e.controlInfo.editRangeSize(e) : e.controlInfo.editRangeSize, d = typeof e?.controlInfo?.minimumRangeSize == "function" ? e.controlInfo.minimumRangeSize(e) : e.controlInfo.minimumRangeSize, f = typeof e?.controlInfo?.negativeInfinityValue == "function" ? e.controlInfo.negativeInfinityValue(e) : e.controlInfo.negativeInfinityValue, p = typeof e?.controlInfo?.noValues == "function" ? e.controlInfo.noValues(e) : e.controlInfo.noValues, m = typeof e?.controlInfo?.readOnlyColorPicker == "function" ? e.controlInfo.readOnlyColorPicker(e) : e.controlInfo.readOnlyColorPicker, { extraLabel: h, extraLabelTooltip: g, extraLabelHasClickAction: _, extraLabelClickAction: v } = S(e), y = w(e);
+}, D = (e) => {
+	let t = e.translations?.options?.[e.optionKey]?.label ?? e.controlInfo?.label ?? e.optionKey ?? "", n = x(e, e.optionKey), r = e.size, i = e.translations?.options?.[e.optionKey]?.tooltip ?? e.controlInfo?.tooltip, o = y(e), s = typeof e?.controlInfo?.percentage == "function" ? e.controlInfo.percentage(e) : e.controlInfo.percentage, c = typeof e?.controlInfo?.reverse == "function" ? e.controlInfo.reverse(e) : e.controlInfo.reverse, l = typeof e?.controlInfo?.noAlphaChannel == "function" ? e.controlInfo.noAlphaChannel(e) : e.controlInfo.noAlphaChannel, u = typeof e?.controlInfo?.editRangeSize == "function" ? e.controlInfo.editRangeSize(e) : e.controlInfo.editRangeSize, d = typeof e?.controlInfo?.minimumRangeSize == "function" ? e.controlInfo.minimumRangeSize(e) : e.controlInfo.minimumRangeSize, f = typeof e?.controlInfo?.negativeInfinityValue == "function" ? e.controlInfo.negativeInfinityValue(e) : e.controlInfo.negativeInfinityValue, p = typeof e?.controlInfo?.noValues == "function" ? e.controlInfo.noValues(e) : e.controlInfo.noValues, m = typeof e?.controlInfo?.readOnlyColorPicker == "function" ? e.controlInfo.readOnlyColorPicker(e) : e.controlInfo.readOnlyColorPicker, { extraLabel: h, extraLabelTooltip: g, extraLabelHasClickAction: _, extraLabelClickAction: v } = b(e), C = S(e);
 	return a`
     <luzmo-item-option-color-range
       .value=${n ?? o}
@@ -554,13 +504,13 @@ var d = {
 			return e.changeCallback(t);
 		}
 	}}
-      @luzmo-option-changed=${y}
+      @luzmo-option-changed=${C}
       .parseValue=${e.controlInfo?.parseValue}
       .toValue=${e.controlInfo?.toValue}
     ></luzmo-item-option-color-range>
   `;
-}, A = (e) => {
-	let t = e.translations?.options?.[e.optionKey]?.label ?? e.controlInfo?.label ?? e.optionKey ?? "", n = C(e, e.optionKey) ?? {}, r = e.translations?.options?.[e.optionKey]?.tooltip ?? e.controlInfo?.tooltip, i = e.language ?? "en", o = { [i]: e.translations?.options?.[e.optionKey]?.placeholder ?? e.controlInfo?.placeholder ?? "" }, s = e.size, c = x(e), { extraLabel: u, extraLabelTooltip: d, extraLabelHasClickAction: f, extraLabelClickAction: p } = S(e), m = w(e);
+}, O = (e) => {
+	let t = e.translations?.options?.[e.optionKey]?.label ?? e.controlInfo?.label ?? e.optionKey ?? "", n = x(e, e.optionKey) ?? {}, r = e.translations?.options?.[e.optionKey]?.tooltip ?? e.controlInfo?.tooltip, i = e.language ?? "en", o = { [i]: e.translations?.options?.[e.optionKey]?.placeholder ?? e.controlInfo?.placeholder ?? "" }, s = e.size, c = y(e), { extraLabel: u, extraLabelTooltip: d, extraLabelHasClickAction: f, extraLabelClickAction: p } = b(e), m = S(e);
 	return a`
     <luzmo-item-option-multi-language-field
       .label=${t}
@@ -579,8 +529,8 @@ var d = {
       .toValue=${e.controlInfo?.toValue}
     ></luzmo-item-option-multi-language-field>
   `;
-}, j = (e) => {
-	let t = e.translations?.options?.[e.optionKey]?.label ?? e.controlInfo?.label ?? e.optionKey ?? "", n = e.controlInfo?.min, r = e.controlInfo?.max, i = e.controlInfo?.step, o = C(e, e.optionKey), s = e.translations?.options?.[e.optionKey]?.tooltip ?? e.controlInfo?.tooltip, c = x(e), l = e.size, { extraLabel: u, extraLabelTooltip: d, extraLabelHasClickAction: f, extraLabelClickAction: p } = S(e), m = w(e);
+}, k = (e) => {
+	let t = e.translations?.options?.[e.optionKey]?.label ?? e.controlInfo?.label ?? e.optionKey ?? "", n = e.controlInfo?.min, r = e.controlInfo?.max, i = e.controlInfo?.step, o = x(e, e.optionKey), s = e.translations?.options?.[e.optionKey]?.tooltip ?? e.controlInfo?.tooltip, c = y(e), l = e.size, { extraLabel: u, extraLabelTooltip: d, extraLabelHasClickAction: f, extraLabelClickAction: p } = b(e), m = S(e);
 	return a`
     <luzmo-item-option-number-field
       .value=${o}
@@ -604,7 +554,7 @@ var d = {
       .toValue=${e.controlInfo?.toValue}
     ></luzmo-item-option-number-field>
   `;
-}, M = (e, t) => {
+}, A = (e, t) => {
 	let n = {};
 	if (Array.isArray(e)) {
 		for (let r of e) typeof r == "string" && (n[r] = t?.[r] ?? r);
@@ -615,8 +565,8 @@ var d = {
 		n[r] = e ?? a ?? r;
 	}
 	return n;
-}, N = (e) => {
-	let t = e.translations?.options?.[e.optionKey]?.label ?? e.controlInfo?.label ?? e.optionKey ?? "", n = C(e, e.optionKey), r = e.translations?.options?.[e.optionKey]?.tooltip ?? e.controlInfo?.tooltip, i = e.translations?.options?.[e.optionKey]?.enum, o = M(e.controlInfo?.enum, i), s = e.size, c = x(e), { extraLabel: l, extraLabelTooltip: u, extraLabelHasClickAction: d, extraLabelClickAction: f } = S(e), p = w(e);
+}, j = (e) => {
+	let t = e.translations?.options?.[e.optionKey]?.label ?? e.controlInfo?.label ?? e.optionKey ?? "", n = x(e, e.optionKey), r = e.translations?.options?.[e.optionKey]?.tooltip ?? e.controlInfo?.tooltip, i = e.translations?.options?.[e.optionKey]?.enum, o = A(e.controlInfo?.enum, i), s = e.size, c = y(e), { extraLabel: l, extraLabelTooltip: u, extraLabelHasClickAction: d, extraLabelClickAction: f } = b(e), p = S(e);
 	return a`
     <luzmo-item-option-picker
       .value=${n}
@@ -635,8 +585,8 @@ var d = {
       .toValue=${e.controlInfo?.toValue}
     ></luzmo-item-option-picker>
   `;
-}, P = (e) => {
-	let t = e.translations?.options?.[e.optionKey]?.label ?? e.controlInfo?.label, n = e.controlInfo?.positions, r = e.size, i = C(e, e.optionKey), o = e.translations?.options?.[e.optionKey]?.tooltip ?? e.controlInfo?.tooltip, s = x(e) ?? "topRight", { extraLabel: c, extraLabelTooltip: l, extraLabelHasClickAction: u, extraLabelClickAction: d } = S(e), f = w(e);
+}, M = (e) => {
+	let t = e.translations?.options?.[e.optionKey]?.label ?? e.controlInfo?.label, n = e.controlInfo?.positions, r = e.size, i = x(e, e.optionKey), o = e.translations?.options?.[e.optionKey]?.tooltip ?? e.controlInfo?.tooltip, s = y(e) ?? "topRight", { extraLabel: c, extraLabelTooltip: l, extraLabelHasClickAction: u, extraLabelClickAction: d } = b(e), f = S(e);
 	return a`
     <luzmo-item-option-position-picker
       .value=${i}
@@ -654,8 +604,8 @@ var d = {
       .readonly=${e.controlInfo?.readonly}
     ></luzmo-item-option-position-picker>
   `;
-}, F = (e) => {
-	let t = e.translations?.options?.[e.optionKey]?.label ?? e.controlInfo?.label, n = C(e, e.optionKey), r = e.size, i = e.translations?.options?.[e.optionKey]?.tooltip ?? e.controlInfo?.tooltip, o = x(e), { extraLabel: s, extraLabelTooltip: c, extraLabelHasClickAction: l, extraLabelClickAction: u } = S(e), d = w(e);
+}, N = (e) => {
+	let t = e.translations?.options?.[e.optionKey]?.label ?? e.controlInfo?.label, n = x(e, e.optionKey), r = e.size, i = e.translations?.options?.[e.optionKey]?.tooltip ?? e.controlInfo?.tooltip, o = y(e), { extraLabel: s, extraLabelTooltip: c, extraLabelHasClickAction: l, extraLabelClickAction: u } = b(e), d = S(e);
 	return a`
     <luzmo-item-option-positions-number-field
       .values=${n ?? o}
@@ -674,8 +624,8 @@ var d = {
       .toValue=${e.controlInfo?.toValue}
     ></luzmo-item-option-positions-number-field>
   `;
-}, I = (e) => {
-	let t = e.translations?.options?.[e.optionKey]?.label ?? e.controlInfo?.label ?? e.optionKey ?? "", n = C(e, e.optionKey), r = x(e), i = e.translations?.options?.[e.optionKey]?.enum, o = M(e.controlInfo?.enum, i), s = e.size, c = e.translations?.options?.[e.optionKey]?.tooltip ?? e.controlInfo?.tooltip, { extraLabel: l, extraLabelTooltip: u, extraLabelHasClickAction: d, extraLabelClickAction: f } = S(e), p = w(e);
+}, P = (e) => {
+	let t = e.translations?.options?.[e.optionKey]?.label ?? e.controlInfo?.label ?? e.optionKey ?? "", n = x(e, e.optionKey), r = y(e), i = e.translations?.options?.[e.optionKey]?.enum, o = A(e.controlInfo?.enum, i), s = e.size, c = e.translations?.options?.[e.optionKey]?.tooltip ?? e.controlInfo?.tooltip, { extraLabel: l, extraLabelTooltip: u, extraLabelHasClickAction: d, extraLabelClickAction: f } = b(e), p = S(e);
 	return a`
     <luzmo-item-option-radio-button-group
       .value=${n ?? r}
@@ -693,8 +643,8 @@ var d = {
       .toValue=${e.controlInfo?.toValue}
     ></luzmo-item-option-radio-button-group>
   `;
-}, L = (e) => {
-	let t = e.translations?.options?.[e.optionKey]?.label ?? e.controlInfo?.label ?? e.optionKey ?? "", n = e.translations?.options?.[e.optionKey]?.tooltip ?? e.controlInfo?.tooltip, r = e.controlInfo?.min, i = e.controlInfo?.max, o = e.controlInfo?.step, s = C(e, e.optionKey), c = e.size, l = x(e), { extraLabel: u, extraLabelTooltip: d, extraLabelHasClickAction: f, extraLabelClickAction: p } = S(e), m = w(e);
+}, F = (e) => {
+	let t = e.translations?.options?.[e.optionKey]?.label ?? e.controlInfo?.label ?? e.optionKey ?? "", n = e.translations?.options?.[e.optionKey]?.tooltip ?? e.controlInfo?.tooltip, r = e.controlInfo?.min, i = e.controlInfo?.max, o = e.controlInfo?.step, s = x(e, e.optionKey), c = e.size, l = y(e), { extraLabel: u, extraLabelTooltip: d, extraLabelHasClickAction: f, extraLabelClickAction: p } = b(e), m = S(e);
 	return a`
     <luzmo-item-option-slider
       .value=${s}
@@ -720,8 +670,8 @@ var d = {
       .toValue=${e.controlInfo?.toValue}
     ></luzmo-item-option-slider>
   `;
-}, R = (e) => {
-	let t = e.translations?.options?.[e.optionKey]?.label ?? e.controlInfo?.label ?? e.optionKey ?? "", n = C(e, e.optionKey), r = e.size, i = e.translations?.options?.[e.optionKey]?.tooltip ?? e.controlInfo?.tooltip, o = x(e), { extraLabel: s, extraLabelTooltip: c, extraLabelHasClickAction: l, extraLabelClickAction: u } = S(e), d = w(e);
+}, I = (e) => {
+	let t = e.translations?.options?.[e.optionKey]?.label ?? e.controlInfo?.label ?? e.optionKey ?? "", n = x(e, e.optionKey), r = e.size, i = e.translations?.options?.[e.optionKey]?.tooltip ?? e.controlInfo?.tooltip, o = y(e), { extraLabel: s, extraLabelTooltip: c, extraLabelHasClickAction: l, extraLabelClickAction: u } = b(e), d = S(e);
 	return a`
     <luzmo-item-option-switch
       .value=${n ?? o ?? !1}
@@ -738,8 +688,8 @@ var d = {
       .toValue=${e.controlInfo?.toValue}
     ></luzmo-item-option-switch>
   `;
-}, z = (e) => {
-	let t = e.translations?.options?.[e.optionKey]?.label ?? e.controlInfo?.label ?? e.optionKey ?? "", n = e.language ?? "en", r = { [n]: e.translations?.options?.[e.optionKey]?.placeholder ?? e.controlInfo?.placeholder ?? "" }, i = C(e, e.optionKey) ?? "", o = e.size, s = e.translations?.options?.[e.optionKey]?.tooltip ?? e.controlInfo?.tooltip, c = x(e), { extraLabel: l, extraLabelTooltip: u, extraLabelHasClickAction: d, extraLabelClickAction: f } = S(e), p = w(e);
+}, L = (e) => {
+	let t = e.translations?.options?.[e.optionKey]?.label ?? e.controlInfo?.label ?? e.optionKey ?? "", n = e.language ?? "en", r = { [n]: e.translations?.options?.[e.optionKey]?.placeholder ?? e.controlInfo?.placeholder ?? "" }, i = x(e, e.optionKey) ?? "", o = e.size, s = e.translations?.options?.[e.optionKey]?.tooltip ?? e.controlInfo?.tooltip, c = y(e), { extraLabel: l, extraLabelTooltip: u, extraLabelHasClickAction: d, extraLabelClickAction: f } = b(e), p = S(e);
 	return a`
     <luzmo-item-option-text-field
       .label=${t}
@@ -757,23 +707,23 @@ var d = {
       .toValue=${e.controlInfo?.toValue}
     ></luzmo-item-option-text-field>
   `;
-}, B = (e) => {
+}, R = (e) => {
 	switch (e.controlType) {
-		case "picker": return N(e);
-		case "slider": return L(e);
-		case "switch": return R(e);
-		case "multi-language-field": return A(e);
-		case "text-field": return z(e);
-		case "number-field": return j(e);
-		case "color-range": return k(e);
-		case "color-palette-picker": return D(e);
-		case "position-picker": return P(e);
-		case "positions-number-field": return F(e);
-		case "radio-button-group": return I(e);
-		case "color-picker": return O(e);
-		case "action-button-group": return T(e);
+		case "picker": return j(e);
+		case "slider": return F(e);
+		case "switch": return I(e);
+		case "multi-language-field": return O(e);
+		case "text-field": return L(e);
+		case "number-field": return k(e);
+		case "color-range": return D(e);
+		case "color-palette-picker": return T(e);
+		case "position-picker": return M(e);
+		case "positions-number-field": return N(e);
+		case "radio-button-group": return P(e);
+		case "color-picker": return E(e);
+		case "action-button-group": return C(e);
 	}
-}, V = class extends e {
+}, z = class extends e {
 	constructor(...e) {
 		super(...e), this._loadItemConfig = new u(this, {
 			task: async ([e, t, a, o, s, c, l, u, d]) => {
@@ -801,15 +751,15 @@ var d = {
 					this._effectiveTranslations = n ? { options: { [t ?? ""]: n } } : {};
 				} else if (e) {
 					let n = e !== this._itemTypeLoaded, r = e !== this._itemTypeLoaded || a !== this._languageLoaded;
-					if (n && (this._optionsConfig = await _(e) ?? [], this._itemTypeLoaded = e), r) {
+					if (n && (this._optionsConfig = await h(e) ?? [], this._itemTypeLoaded = e), r) {
 						let t = a ?? "en";
-						this._translations = await v(e, t, !0) ?? {}, this._languageLoaded = a;
+						this._translations = await g(e, t, !0) ?? {}, this._languageLoaded = a;
 					}
 					let i = this._translations.options?.[t ?? ""], o = p ?? f?.[t ?? ""], s = this._mergeOptionTranslations(i, o);
 					this._effectiveTranslations = s ? { options: { [t ?? ""]: s } } : {};
 				} else this._optionsConfig = [], this._translations = {}, this._effectiveTranslations = {};
-				let m = y(t ?? "", this._optionsConfig), h = m?.type;
-				if (h !== this._controlTypeLoaded) {
+				let m = _(t ?? "", this._optionsConfig), v = m?.type;
+				if (v !== this._controlTypeLoaded) {
 					let e = /* #__PURE__ */ Object.assign({
 						"../item-option-action-button-group/index.ts": () => import("./item-option-action-button-group/index.js"),
 						"../item-option-color-palette-picker/index.ts": () => import("./item-option-color-palette-picker/index.js"),
@@ -827,7 +777,7 @@ var d = {
 						"../item-option-text-field/index.ts": () => import("./item-option-text-field/index.js")
 					});
 					try {
-						e[`../item-option-${h}/index.ts`] && (await e[`../item-option-${h}/index.ts`](), this._controlTypeLoaded = h);
+						e[`../item-option-${v}/index.ts`] && (await e[`../item-option-${v}/index.ts`](), this._controlTypeLoaded = v);
 					} catch (e) {
 						console.error(e);
 					}
@@ -855,14 +805,14 @@ var d = {
 		};
 	}
 	static {
-		this.styles = o(b);
+		this.styles = o(v);
 	}
 	render() {
 		return this._loadItemConfig.render({
 			pending: () => a`
           <p role="status">Loading...</p>
         `,
-			complete: (e) => B({
+			complete: (e) => R({
 				controlType: e?.type,
 				optionKey: this.customOptionConfiguration?.key ?? this.optionKey ?? "",
 				controlInfo: e,
@@ -907,7 +857,7 @@ var d = {
 	}
 	_isOptionTranslation(e) {
 		if (!e || typeof e != "object") return !1;
-		let t = e, n = new Set([
+		let t = e, n = /* @__PURE__ */ new Set([
 			"label",
 			"description",
 			"placeholder",
@@ -935,35 +885,35 @@ var d = {
 t([s({
 	type: String,
 	reflect: !0
-})], V.prototype, "language", void 0), t([s({
+})], z.prototype, "language", void 0), t([s({
 	type: String,
 	reflect: !0,
 	attribute: "item-type"
-})], V.prototype, "itemType", void 0), t([s({
+})], z.prototype, "itemType", void 0), t([s({
 	type: String,
 	reflect: !0,
 	attribute: "option-key"
-})], V.prototype, "optionKey", void 0), t([s({
+})], z.prototype, "optionKey", void 0), t([s({
 	type: Object,
 	reflect: !1
-})], V.prototype, "customOptionConfiguration", void 0), t([s({
+})], z.prototype, "customOptionConfiguration", void 0), t([s({
 	type: Object,
 	reflect: !1
-})], V.prototype, "customTranslations", void 0), t([s({ type: Object })], V.prototype, "options", void 0), t([s({ type: Object })], V.prototype, "slots", void 0), t([s({ type: Object })], V.prototype, "theme", void 0), t([s({
+})], z.prototype, "customTranslations", void 0), t([s({ type: Object })], z.prototype, "options", void 0), t([s({ type: Object })], z.prototype, "slots", void 0), t([s({ type: Object })], z.prototype, "theme", void 0), t([s({
 	type: String,
 	attribute: "api-url",
 	reflect: !0
-})], V.prototype, "apiUrl", void 0), t([s({
+})], z.prototype, "apiUrl", void 0), t([s({
 	type: String,
 	attribute: "auth-key",
 	reflect: !0
-})], V.prototype, "authKey", void 0), t([s({
+})], z.prototype, "authKey", void 0), t([s({
 	type: String,
 	attribute: "auth-token",
 	reflect: !0
-})], V.prototype, "authToken", void 0), t([s({
+})], z.prototype, "authToken", void 0), t([s({
 	type: String,
 	reflect: !0
-})], V.prototype, "size", void 0), customElements.get("luzmo-item-option") || customElements.define("luzmo-item-option", V);
+})], z.prototype, "size", void 0), customElements.get("luzmo-item-option") || customElements.define("luzmo-item-option", z);
 //#endregion
-export { _ as i, y as n, v as r, V as t };
+export { h as i, _ as n, g as r, z as t };