@luzmo/analytics-components-kit 1.0.1-alpha.13 → 1.0.1-alpha.14

package/components/edit-option/index.js

@@ -1,6 +1,6 @@
 /*! * A kit of modern Luzmo Web Components for analytics in your web application.
  * 
- * Copyright © 2024 Luzmo
+ * Copyright © 2025 Luzmo
  * All rights reserved.
  * Luzmo web components (“Luzmo Web Components”)
  * must be used according to the Luzmo Terms of Service.
@@ -18,7 +18,7 @@
  * SOFTWARE.
  * */
 import { h as F } from "../task-Cr9aRIbV.js";
-import { x as V, k as G, a as N, n as _ } from "../property-B2F7x7Cz.js";
+import { x as w, k as G, a as N, n as _ } from "../property-B2F7x7Cz.js";
 import { o as R } from "../if-defined-Bv6MRdSW.js";
 const B = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
@@ -27,27 +27,27 @@ const B = () => {
   }
 };
 B();
-const U = ":host{font-family:var(--luzmo-edit-option-font-family, var(--luzmo-font-family));font-size:var(--luzmo-edit-option-font-size, var(--luzmo-font-size))}:host([size=s]){font-size:var(--luzmo-edit-option-font-size-s, var(--luzmo-font-size-s))}:host([size=l]){font-size:var(--luzmo-edit-option-font-size-l, var(--luzmo-font-size-l))}:host([size=xl]){font-size:var(--luzmo-edit-option-font-size-xl, var(--luzmo-font-size-xl))}", w = (o) => {
-  var i, c, d, r, k, I, $, m, b, z, a, p, s, u, f;
+const U = ":host{font-family:var(--luzmo-edit-option-font-family, var(--luzmo-font-family));font-size:var(--luzmo-edit-option-font-size, var(--luzmo-font-size))}:host([size=s]){font-size:var(--luzmo-edit-option-font-size-s, var(--luzmo-font-size-s))}:host([size=l]){font-size:var(--luzmo-edit-option-font-size-l, var(--luzmo-font-size-l))}:host([size=xl]){font-size:var(--luzmo-edit-option-font-size-xl, var(--luzmo-font-size-xl))}", A = (o) => {
+  var l, r, u, s, L, v, $, d, b, h, c, a, p, m, f;
   let t;
-  typeof ((i = o.controlInfo) == null ? void 0 : i.extraLabel) == "function" ? t = o.controlInfo.extraLabel(
+  typeof ((l = o.controlInfo) == null ? void 0 : l.extraLabel) == "function" ? t = o.controlInfo.extraLabel(
     o.options,
     o.slots,
     o.theme
-  ) : typeof ((c = o.controlInfo) == null ? void 0 : c.extraLabel) == "string" && (t = o.controlInfo.extraLabel), typeof t == "string" && (t = ((I = (k = (r = (d = o.translations) == null ? void 0 : d.options) == null ? void 0 : r[o.optionKey]) == null ? void 0 : k.extraLabel) == null ? void 0 : I[t]) ?? t);
-  let l;
+  ) : typeof ((r = o.controlInfo) == null ? void 0 : r.extraLabel) == "string" && (t = o.controlInfo.extraLabel), typeof t == "string" && (t = ((v = (L = (s = (u = o.translations) == null ? void 0 : u.options) == null ? void 0 : s[o.optionKey]) == null ? void 0 : L.extraLabel) == null ? void 0 : v[t]) ?? t);
+  let n;
   typeof (($ = o.controlInfo) == null ? void 0 : $.extraLabelTooltip) == "function" ? t = o.controlInfo.extraLabelTooltip(
     o.options,
     o.slots,
     o.theme
-  ) : typeof ((m = o.controlInfo) == null ? void 0 : m.extraLabelTooltip) == "string" && (l = o.controlInfo.extraLabelTooltip), typeof l == "string" && (t = ((p = (a = (z = (b = o.translations) == null ? void 0 : b.options) == null ? void 0 : z[o.optionKey]) == null ? void 0 : a.extraLabelTooltip) == null ? void 0 : p[l]) ?? l);
-  let n;
-  typeof ((s = o.controlInfo) == null ? void 0 : s.extraLabelHasClickAction) == "function" ? n = o.controlInfo.extraLabelHasClickAction(
+  ) : typeof ((d = o.controlInfo) == null ? void 0 : d.extraLabelTooltip) == "string" && (n = o.controlInfo.extraLabelTooltip), typeof n == "string" && (t = ((a = (c = (h = (b = o.translations) == null ? void 0 : b.options) == null ? void 0 : h[o.optionKey]) == null ? void 0 : c.extraLabelTooltip) == null ? void 0 : a[n]) ?? n);
+  let e;
+  typeof ((p = o.controlInfo) == null ? void 0 : p.extraLabelHasClickAction) == "function" ? e = o.controlInfo.extraLabelHasClickAction(
     o.options,
     o.slots,
     o.theme
-  ) : typeof ((u = o.controlInfo) == null ? void 0 : u.extraLabelHasClickAction) == "boolean" && (n = o.controlInfo.extraLabelHasClickAction);
-  const e = typeof ((f = o.controlInfo) == null ? void 0 : f.extraLabelClickAction) == "function" ? () => o.controlInfo.extraLabelClickAction(
+  ) : typeof ((m = o.controlInfo) == null ? void 0 : m.extraLabelHasClickAction) == "boolean" && (e = o.controlInfo.extraLabelHasClickAction);
+  const i = typeof ((f = o.controlInfo) == null ? void 0 : f.extraLabelClickAction) == "function" ? () => o.controlInfo.extraLabelClickAction(
     o.options,
     o.slots,
     o.theme
@@ -55,355 +55,355 @@ const U = ":host{font-family:var(--luzmo-edit-option-font-family, var(--luzmo-fo
   };
   return {
     extraLabel: t,
-    extraLabelTooltip: l,
-    extraLabelHasClickAction: n,
-    extraLabelClickAction: e
+    extraLabelTooltip: n,
+    extraLabelHasClickAction: e,
+    extraLabelClickAction: i
   };
-}, T = (o, t) => {
+}, H = (o, t) => {
   if (t.includes(".")) {
-    const l = t.split(".");
-    let n = o;
-    for (let i = 0; i < l.length - 1; i++)
-      n = n[l[i]] ?? {};
-    const e = l.length - 1;
-    return n[l[e]];
+    const n = t.split(".");
+    let e = o;
+    for (let l = 0; l < n.length - 1; l++)
+      e = e[n[l]] ?? {};
+    const i = n.length - 1;
+    return e[n[i]];
   }
   return o[t];
-}, H = (o) => (t) => {
-  const l = { ...o.options };
+}, T = (o) => (t) => {
+  const n = { ...o.options };
   if (o.optionKey.includes(".")) {
-    const n = o.optionKey.split(".");
-    let e = l;
-    for (let c = 0; c < n.length - 1; c++)
-      e[n[c]] = e[n[c]] ?? {}, e = e[n[c]];
-    const i = n.length - 1;
-    e[n[i]] = t.detail.value;
+    const e = o.optionKey.split(".");
+    let i = n;
+    for (let r = 0; r < e.length - 1; r++)
+      i[e[r]] = i[e[r]] ?? {}, i = i[e[r]];
+    const l = e.length - 1;
+    i[e[l]] = t.detail.value;
   } else
-    l[o.optionKey] = t.detail.value;
-  return o.changeCallback(l);
+    n[o.optionKey] = t.detail.value;
+  return o.changeCallback(n);
 }, q = (o) => {
-  var $, m, b, z, a, p, s, u, f, x, h, y, L;
-  const t = ((b = (m = ($ = o.translations) == null ? void 0 : $.options) == null ? void 0 : m[o.optionKey]) == null ? void 0 : b.label) ?? ((z = o.controlInfo) == null ? void 0 : z.label) ?? o.optionKey ?? "", l = o.size, n = {};
-  Object.keys((a = o.controlInfo) == null ? void 0 : a.values).forEach((v) => {
-    var C, O, K, A, E, S;
-    n[v] = {
-      ...(C = o.controlInfo) == null ? void 0 : C.values[v],
-      label: ((E = (A = (K = (O = o.translations) == null ? void 0 : O.options) == null ? void 0 : K[o.optionKey]) == null ? void 0 : A.enum) == null ? void 0 : E[v]) ?? ((S = o.controlInfo) == null ? void 0 : S.values[v].label)
+  var $, d, b, h, c, a, p, m, f, z, x, y, k;
+  const t = ((b = (d = ($ = o.translations) == null ? void 0 : $.options) == null ? void 0 : d[o.optionKey]) == null ? void 0 : b.label) ?? ((h = o.controlInfo) == null ? void 0 : h.label) ?? o.optionKey ?? "", n = o.size, e = {};
+  Object.keys((c = o.controlInfo) == null ? void 0 : c.values).forEach((I) => {
+    var C, O, K, V, E, S;
+    e[I] = {
+      ...(C = o.controlInfo) == null ? void 0 : C.values[I],
+      label: ((E = (V = (K = (O = o.translations) == null ? void 0 : O.options) == null ? void 0 : K[o.optionKey]) == null ? void 0 : V.enum) == null ? void 0 : E[I]) ?? ((S = o.controlInfo) == null ? void 0 : S.values[I].label)
     };
   });
-  const e = ((u = (s = (p = o.translations) == null ? void 0 : p.options) == null ? void 0 : s[o.optionKey]) == null ? void 0 : u.tooltip) ?? ((f = o.controlInfo) == null ? void 0 : f.tooltip), i = T(o.options, o.optionKey), {
-    extraLabel: c,
-    extraLabelTooltip: d,
-    extraLabelHasClickAction: r,
-    extraLabelClickAction: k
-  } = w(o), I = H(o);
-  return V`
+  const i = ((m = (p = (a = o.translations) == null ? void 0 : a.options) == null ? void 0 : p[o.optionKey]) == null ? void 0 : m.tooltip) ?? ((f = o.controlInfo) == null ? void 0 : f.tooltip), l = H(o.options, o.optionKey), {
+    extraLabel: r,
+    extraLabelTooltip: u,
+    extraLabelHasClickAction: s,
+    extraLabelClickAction: L
+  } = A(o), v = T(o);
+  return w`
     <luzmo-edit-option-action-button-group
       .label=${t}
-      .value=${i}
-      .values=${n}
-      .default=${(x = o.controlInfo) == null ? void 0 : x.default}
-      .selects=${(h = o.controlInfo) == null ? void 0 : h.selects}
-      .size=${l}
-      .tooltip=${e}
-      .extraLabel=${c}
-      .extraLabelTooltip=${d}
-      .extraLabelHasClickAction=${r}
-      @extraLabelClick=${k}
-      @option-changed=${I}
+      .value=${l}
+      .values=${e}
+      .default=${(z = o.controlInfo) == null ? void 0 : z.default}
+      .selects=${(x = o.controlInfo) == null ? void 0 : x.selects}
+      .size=${n}
+      .tooltip=${i}
+      .extraLabel=${r}
+      .extraLabelTooltip=${u}
+      .extraLabelHasClickAction=${s}
+      @extraLabelClick=${L}
+      @option-changed=${v}
       .fromOptionValue=${(y = o.controlInfo) == null ? void 0 : y.fromOptionValue}
-      .toOptionValue=${(L = o.controlInfo) == null ? void 0 : L.toOptionValue}
+      .toOptionValue=${(k = o.controlInfo) == null ? void 0 : k.toOptionValue}
     ></luzmo-edit-option-action-button-group>
   `;
 }, D = (o) => {
-  var m, b, z, a, p, s, u, f, x, h, y, L;
-  const t = ((z = (b = (m = o.translations) == null ? void 0 : m.options) == null ? void 0 : b[o.optionKey]) == null ? void 0 : z.label) ?? ((a = o.controlInfo) == null ? void 0 : a.label) ?? o.optionKey ?? "", l = T(o.options, o.optionKey), n = o.size, e = ((u = (s = (p = o.translations) == null ? void 0 : p.options) == null ? void 0 : s[o.optionKey]) == null ? void 0 : u.tooltip) ?? ((f = o.controlInfo) == null ? void 0 : f.tooltip);
-  let i;
-  typeof ((x = o.controlInfo) == null ? void 0 : x.default) == "function" ? i = o.controlInfo.default(
+  var d, b, h, c, a, p, m, f, z, x, y, k;
+  const t = ((h = (b = (d = o.translations) == null ? void 0 : d.options) == null ? void 0 : b[o.optionKey]) == null ? void 0 : h.label) ?? ((c = o.controlInfo) == null ? void 0 : c.label) ?? o.optionKey ?? "", n = H(o.options, o.optionKey), e = o.size, i = ((m = (p = (a = o.translations) == null ? void 0 : a.options) == null ? void 0 : p[o.optionKey]) == null ? void 0 : m.tooltip) ?? ((f = o.controlInfo) == null ? void 0 : f.tooltip);
+  let l;
+  typeof ((z = o.controlInfo) == null ? void 0 : z.default) == "function" ? l = o.controlInfo.default(
     o.options,
     o.slots,
     o.theme
-  ) : typeof ((h = o.controlInfo) == null ? void 0 : h.default) == "string" && (i = o.controlInfo.default);
+  ) : typeof ((x = o.controlInfo) == null ? void 0 : x.default) == "string" && (l = o.controlInfo.default);
   const {
-    extraLabel: c,
-    extraLabelTooltip: d,
-    extraLabelHasClickAction: r,
-    extraLabelClickAction: k
-  } = w(o), I = H(o);
-  return V`
+    extraLabel: r,
+    extraLabelTooltip: u,
+    extraLabelHasClickAction: s,
+    extraLabelClickAction: L
+  } = A(o), v = T(o);
+  return w`
     <luzmo-edit-option-color-picker
-      .value=${l ?? i}
+      .value=${n ?? l}
       .label=${t}
-      .size=${n}
-      .tooltip=${e}
-      .extraLabel=${c}
-      .extraLabelTooltip=${d}
-      .extraLabelHasClickAction=${r}
+      .size=${e}
+      .tooltip=${i}
+      .extraLabel=${r}
+      .extraLabelTooltip=${u}
+      .extraLabelHasClickAction=${s}
       @extraLabelClick=${() => {
-    if (typeof k == "function") {
-      const { options: v } = k();
-      return o.changeCallback(v);
+    if (typeof L == "function") {
+      const { options: I } = L();
+      return o.changeCallback(I);
     }
   }}
-      @option-changed=${I}
+      @option-changed=${v}
       .fromOptionValue=${(y = o.controlInfo) == null ? void 0 : y.fromOptionValue}
-      .toOptionValue=${(L = o.controlInfo) == null ? void 0 : L.toOptionValue}
+      .toOptionValue=${(k = o.controlInfo) == null ? void 0 : k.toOptionValue}
     ></luzmo-edit-option-color-picker>
   `;
 }, J = (o) => {
-  var m, b, z, a, p, s, u, f, x, h, y, L, v, C;
-  const t = ((z = (b = (m = o.translations) == null ? void 0 : m.options) == null ? void 0 : b[o.optionKey]) == null ? void 0 : z.label) ?? ((a = o.controlInfo) == null ? void 0 : a.label) ?? o.optionKey ?? "", l = T(o.options, o.optionKey) ?? {}, n = ((u = (s = (p = o.translations) == null ? void 0 : p.options) == null ? void 0 : s[o.optionKey]) == null ? void 0 : u.tooltip) ?? ((f = o.controlInfo) == null ? void 0 : f.tooltip), e = o.language ?? "en", i = {};
-  i[e] = ((y = (h = (x = o.translations) == null ? void 0 : x.options) == null ? void 0 : h[o.optionKey]) == null ? void 0 : y.placeholder) ?? ((L = o.controlInfo) == null ? void 0 : L.placeholder) ?? "";
-  const c = o.size, {
-    extraLabel: d,
-    extraLabelTooltip: r,
-    extraLabelHasClickAction: k,
-    extraLabelClickAction: I
-  } = w(o), $ = H(o);
-  return V`
+  var d, b, h, c, a, p, m, f, z, x, y, k, I, C;
+  const t = ((h = (b = (d = o.translations) == null ? void 0 : d.options) == null ? void 0 : b[o.optionKey]) == null ? void 0 : h.label) ?? ((c = o.controlInfo) == null ? void 0 : c.label) ?? o.optionKey ?? "", n = H(o.options, o.optionKey) ?? {}, e = ((m = (p = (a = o.translations) == null ? void 0 : a.options) == null ? void 0 : p[o.optionKey]) == null ? void 0 : m.tooltip) ?? ((f = o.controlInfo) == null ? void 0 : f.tooltip), i = o.language ?? "en", l = {};
+  l[i] = ((y = (x = (z = o.translations) == null ? void 0 : z.options) == null ? void 0 : x[o.optionKey]) == null ? void 0 : y.placeholder) ?? ((k = o.controlInfo) == null ? void 0 : k.placeholder) ?? "";
+  const r = o.size, {
+    extraLabel: u,
+    extraLabelTooltip: s,
+    extraLabelHasClickAction: L,
+    extraLabelClickAction: v
+  } = A(o), $ = T(o);
+  return w`
     <luzmo-edit-option-multi-language-field
       .label=${t}
-      .placeholder=${i}
-      .value=${l}
-      language=${R(e)}
-      .size=${c}
-      .tooltip=${n}
-      .extraLabel=${d}
-      .extraLabelTooltip=${r}
-      .extraLabelHasClickAction=${k}
-      @extraLabelClick=${I}
+      .placeholder=${l}
+      .value=${n}
+      language=${R(i)}
+      .size=${r}
+      .tooltip=${e}
+      .extraLabel=${u}
+      .extraLabelTooltip=${s}
+      .extraLabelHasClickAction=${L}
+      @extraLabelClick=${v}
       @option-changed=${$}
-      .fromOptionValue=${(v = o.controlInfo) == null ? void 0 : v.fromOptionValue}
+      .fromOptionValue=${(I = o.controlInfo) == null ? void 0 : I.fromOptionValue}
       .toOptionValue=${(C = o.controlInfo) == null ? void 0 : C.toOptionValue}
     ></luzmo-edit-option-multi-language-field>
   `;
 }, Q = (o) => {
-  var z, a, p, s, u, f, x, h, y, L, v, C, O, K;
-  const t = ((p = (a = (z = o.translations) == null ? void 0 : z.options) == null ? void 0 : a[o.optionKey]) == null ? void 0 : p.label) ?? ((s = o.controlInfo) == null ? void 0 : s.label) ?? o.optionKey ?? "", l = (u = o.controlInfo) == null ? void 0 : u.min, n = (f = o.controlInfo) == null ? void 0 : f.max, e = (x = o.controlInfo) == null ? void 0 : x.step, i = T(o.options, o.optionKey), c = ((L = (y = (h = o.translations) == null ? void 0 : h.options) == null ? void 0 : y[o.optionKey]) == null ? void 0 : L.tooltip) ?? ((v = o.controlInfo) == null ? void 0 : v.tooltip), d = (C = o.controlInfo) == null ? void 0 : C.default, r = o.size, {
-    extraLabel: k,
-    extraLabelTooltip: I,
+  var h, c, a, p, m, f, z, x, y, k, I, C, O, K;
+  const t = ((a = (c = (h = o.translations) == null ? void 0 : h.options) == null ? void 0 : c[o.optionKey]) == null ? void 0 : a.label) ?? ((p = o.controlInfo) == null ? void 0 : p.label) ?? o.optionKey ?? "", n = (m = o.controlInfo) == null ? void 0 : m.min, e = (f = o.controlInfo) == null ? void 0 : f.max, i = (z = o.controlInfo) == null ? void 0 : z.step, l = H(o.options, o.optionKey), r = ((k = (y = (x = o.translations) == null ? void 0 : x.options) == null ? void 0 : y[o.optionKey]) == null ? void 0 : k.tooltip) ?? ((I = o.controlInfo) == null ? void 0 : I.tooltip), u = (C = o.controlInfo) == null ? void 0 : C.default, s = o.size, {
+    extraLabel: L,
+    extraLabelTooltip: v,
     extraLabelHasClickAction: $,
-    extraLabelClickAction: m
-  } = w(o), b = H(o);
-  return V`
+    extraLabelClickAction: d
+  } = A(o), b = T(o);
+  return w`
     <luzmo-edit-option-number-field
-      .value=${i}
-      .default=${d}
-      .min=${l}
-      .max=${n}
-      .step=${e}
+      .value=${l}
+      .default=${u}
+      .min=${n}
+      .max=${e}
+      .step=${i}
       .label=${t}
-      .size=${r}
-      .tooltip=${c}
-      .extraLabel=${k}
-      .extraLabelTooltip=${I}
+      .size=${s}
+      .tooltip=${r}
+      .extraLabel=${L}
+      .extraLabelTooltip=${v}
       .extraLabelHasClickAction=${$}
-      @extraLabelClick=${m}
+      @extraLabelClick=${d}
       @option-changed=${b}
       .fromOptionValue=${(O = o.controlInfo) == null ? void 0 : O.fromOptionValue}
       .toOptionValue=${(K = o.controlInfo) == null ? void 0 : K.toOptionValue}
     ></luzmo-edit-option-number-field>
   `;
 }, W = (o) => {
-  var m, b, z, a, p, s, u, f, x, h, y, L;
-  const t = ((z = (b = (m = o.translations) == null ? void 0 : m.options) == null ? void 0 : b[o.optionKey]) == null ? void 0 : z.label) ?? ((a = o.controlInfo) == null ? void 0 : a.label) ?? o.optionKey ?? "", l = T(o.options, o.optionKey), n = (p = o.controlInfo) == null ? void 0 : p.default, e = ((f = (u = (s = o.translations) == null ? void 0 : s.options) == null ? void 0 : u[o.optionKey]) == null ? void 0 : f.tooltip) ?? ((x = o.controlInfo) == null ? void 0 : x.tooltip), i = (h = o.controlInfo) == null ? void 0 : h.enum.reduce(
-    (v, C) => {
-      var O, K, A;
-      return v[C] = ((A = (K = (O = o.translations) == null ? void 0 : O.options) == null ? void 0 : K[o.optionKey]) == null ? void 0 : A.enum[C]) ?? C, v;
+  var d, b, h, c, a, p, m, f, z, x, y, k;
+  const t = ((h = (b = (d = o.translations) == null ? void 0 : d.options) == null ? void 0 : b[o.optionKey]) == null ? void 0 : h.label) ?? ((c = o.controlInfo) == null ? void 0 : c.label) ?? o.optionKey ?? "", n = H(o.options, o.optionKey), e = (a = o.controlInfo) == null ? void 0 : a.default, i = ((f = (m = (p = o.translations) == null ? void 0 : p.options) == null ? void 0 : m[o.optionKey]) == null ? void 0 : f.tooltip) ?? ((z = o.controlInfo) == null ? void 0 : z.tooltip), l = (x = o.controlInfo) == null ? void 0 : x.enum.reduce(
+    (I, C) => {
+      var O, K, V;
+      return I[C] = ((V = (K = (O = o.translations) == null ? void 0 : O.options) == null ? void 0 : K[o.optionKey]) == null ? void 0 : V.enum[C]) ?? C, I;
     },
     {}
-  ), c = o.size, {
-    extraLabel: d,
-    extraLabelTooltip: r,
-    extraLabelHasClickAction: k,
-    extraLabelClickAction: I
-  } = w(o), $ = H(o);
-  return V`
+  ), r = o.size, {
+    extraLabel: u,
+    extraLabelTooltip: s,
+    extraLabelHasClickAction: L,
+    extraLabelClickAction: v
+  } = A(o), $ = T(o);
+  return w`
     <luzmo-edit-option-picker
-      .value=${l}
-      .default=${n}
-      .values=${i}
+      .value=${n}
+      .default=${e}
+      .values=${l}
       .label=${t}
-      .tooltip=${e}
-      .size=${c}
-      .extraLabel=${d}
-      .extraLabelTooltip=${r}
-      .extraLabelHasClickAction=${k}
-      @extraLabelClick=${I}
+      .tooltip=${i}
+      .size=${r}
+      .extraLabel=${u}
+      .extraLabelTooltip=${s}
+      .extraLabelHasClickAction=${L}
+      @extraLabelClick=${v}
       @option-changed=${$}
       .fromOptionValue=${(y = o.controlInfo) == null ? void 0 : y.fromOptionValue}
-      .toOptionValue=${(L = o.controlInfo) == null ? void 0 : L.toOptionValue}
+      .toOptionValue=${(k = o.controlInfo) == null ? void 0 : k.toOptionValue}
     ></luzmo-edit-option-picker>
   `;
 }, X = (o) => {
-  var m, b, z, a, p, s, u, f, x, h, y, L;
-  const t = ((z = (b = (m = o.translations) == null ? void 0 : m.options) == null ? void 0 : b[o.optionKey]) == null ? void 0 : z.label) ?? ((a = o.controlInfo) == null ? void 0 : a.label), l = (p = o.controlInfo) == null ? void 0 : p.positions, n = ((s = o.controlInfo) == null ? void 0 : s.defaultPosition) ?? "top-right", e = o.size, i = T(o.options, o.optionKey), c = ((x = (f = (u = o.translations) == null ? void 0 : u.options) == null ? void 0 : f[o.optionKey]) == null ? void 0 : x.tooltip) ?? ((h = o.controlInfo) == null ? void 0 : h.tooltip), {
-    extraLabel: d,
-    extraLabelTooltip: r,
-    extraLabelHasClickAction: k,
-    extraLabelClickAction: I
-  } = w(o), $ = H(o);
-  return V`
+  var d, b, h, c, a, p, m, f, z, x, y, k;
+  const t = ((h = (b = (d = o.translations) == null ? void 0 : d.options) == null ? void 0 : b[o.optionKey]) == null ? void 0 : h.label) ?? ((c = o.controlInfo) == null ? void 0 : c.label), n = (a = o.controlInfo) == null ? void 0 : a.positions, e = ((p = o.controlInfo) == null ? void 0 : p.defaultPosition) ?? "top-right", i = o.size, l = H(o.options, o.optionKey), r = ((z = (f = (m = o.translations) == null ? void 0 : m.options) == null ? void 0 : f[o.optionKey]) == null ? void 0 : z.tooltip) ?? ((x = o.controlInfo) == null ? void 0 : x.tooltip), {
+    extraLabel: u,
+    extraLabelTooltip: s,
+    extraLabelHasClickAction: L,
+    extraLabelClickAction: v
+  } = A(o), $ = T(o);
+  return w`
     <luzmo-edit-option-position-picker
       .value=${(y = o.controlInfo) == null ? void 0 : y.value}
-      .positions=${l}
-      .defaultPosition=${n}
+      .positions=${n}
+      .defaultPosition=${e}
       .label=${t}
-      .tooltip=${c}
-      .size=${e}
-      .value=${i}
-      .extraLabel=${d}
-      .extraLabelTooltip=${r}
-      .extraLabelHasClickAction=${k}
-      @extraLabelClick=${I}
+      .tooltip=${r}
+      .size=${i}
+      .value=${l}
+      .extraLabel=${u}
+      .extraLabelTooltip=${s}
+      .extraLabelHasClickAction=${L}
+      @extraLabelClick=${v}
       @option-changed=${$}
-      .readonly=${(L = o.controlInfo) == null ? void 0 : L.readonly}
+      .readonly=${(k = o.controlInfo) == null ? void 0 : k.readonly}
     ></luzmo-edit-option-position-picker>
   `;
 }, Y = (o) => {
-  var I, $, m, b, z, a, p, s, u, f, x, h;
-  const t = ((m = ($ = (I = o.translations) == null ? void 0 : I.options) == null ? void 0 : $[o.optionKey]) == null ? void 0 : m.label) ?? ((b = o.controlInfo) == null ? void 0 : b.label), l = T(o.options, o.optionKey), n = o.size, e = ((p = (a = (z = o.translations) == null ? void 0 : z.options) == null ? void 0 : a[o.optionKey]) == null ? void 0 : p.tooltip) ?? ((s = o.controlInfo) == null ? void 0 : s.tooltip), {
-    extraLabel: i,
-    extraLabelTooltip: c,
-    extraLabelHasClickAction: d,
-    extraLabelClickAction: r
-  } = w(o), k = H(o);
-  return V`
+  var v, $, d, b, h, c, a, p, m, f, z, x;
+  const t = ((d = ($ = (v = o.translations) == null ? void 0 : v.options) == null ? void 0 : $[o.optionKey]) == null ? void 0 : d.label) ?? ((b = o.controlInfo) == null ? void 0 : b.label), n = H(o.options, o.optionKey), e = o.size, i = ((a = (c = (h = o.translations) == null ? void 0 : h.options) == null ? void 0 : c[o.optionKey]) == null ? void 0 : a.tooltip) ?? ((p = o.controlInfo) == null ? void 0 : p.tooltip), {
+    extraLabel: l,
+    extraLabelTooltip: r,
+    extraLabelHasClickAction: u,
+    extraLabelClickAction: s
+  } = A(o), L = T(o);
+  return w`
     <luzmo-edit-option-positions-number-field
-      .values=${l}
-      .positions=${(u = o.controlInfo) == null ? void 0 : u.positions}
+      .values=${n}
+      .positions=${(m = o.controlInfo) == null ? void 0 : m.positions}
       .positionConfiguration=${(f = o.controlInfo) == null ? void 0 : f.positionConfiguration}
       .label=${t}
-      .size=${n}
-      .tooltip=${e}
-      .extraLabel=${i}
-      .extraLabelTooltip=${c}
-      .extraLabelHasClickAction=${d}
-      @extraLabelClick=${r}
-      @option-changed=${k}
-      .fromOptionValue=${(x = o.controlInfo) == null ? void 0 : x.fromOptionValue}
-      .toOptionValue=${(h = o.controlInfo) == null ? void 0 : h.toOptionValue}
+      .size=${e}
+      .tooltip=${i}
+      .extraLabel=${l}
+      .extraLabelTooltip=${r}
+      .extraLabelHasClickAction=${u}
+      @extraLabelClick=${s}
+      @option-changed=${L}
+      .fromOptionValue=${(z = o.controlInfo) == null ? void 0 : z.fromOptionValue}
+      .toOptionValue=${(x = o.controlInfo) == null ? void 0 : x.toOptionValue}
     ></luzmo-edit-option-positions-number-field>
   `;
 }, Z = (o) => {
-  var m, b, z, a, p, s, u, f, x, h, y, L;
-  const t = ((z = (b = (m = o.translations) == null ? void 0 : m.options) == null ? void 0 : b[o.optionKey]) == null ? void 0 : z.label) ?? ((a = o.controlInfo) == null ? void 0 : a.label) ?? o.optionKey ?? "", l = T(o.options, o.optionKey), n = (p = o == null ? void 0 : o.controlInfo) == null ? void 0 : p.default, e = (s = o.controlInfo) == null ? void 0 : s.enum.reduce(
-    (v, C) => {
-      var O, K, A;
-      return v[C] = ((A = (K = (O = o.translations) == null ? void 0 : O.options) == null ? void 0 : K[o.optionKey]) == null ? void 0 : A.enum[C]) ?? C, v;
+  var d, b, h, c, a, p, m, f, z, x, y, k;
+  const t = ((h = (b = (d = o.translations) == null ? void 0 : d.options) == null ? void 0 : b[o.optionKey]) == null ? void 0 : h.label) ?? ((c = o.controlInfo) == null ? void 0 : c.label) ?? o.optionKey ?? "", n = H(o.options, o.optionKey), e = (a = o == null ? void 0 : o.controlInfo) == null ? void 0 : a.default, i = (p = o.controlInfo) == null ? void 0 : p.enum.reduce(
+    (I, C) => {
+      var O, K, V;
+      return I[C] = ((V = (K = (O = o.translations) == null ? void 0 : O.options) == null ? void 0 : K[o.optionKey]) == null ? void 0 : V.enum[C]) ?? C, I;
     },
     {}
-  ), i = o.size, c = ((x = (f = (u = o.translations) == null ? void 0 : u.options) == null ? void 0 : f[o.optionKey]) == null ? void 0 : x.tooltip) ?? ((h = o.controlInfo) == null ? void 0 : h.tooltip), {
-    extraLabel: d,
-    extraLabelTooltip: r,
-    extraLabelHasClickAction: k,
-    extraLabelClickAction: I
-  } = w(o), $ = H(o);
-  return V`
+  ), l = o.size, r = ((z = (f = (m = o.translations) == null ? void 0 : m.options) == null ? void 0 : f[o.optionKey]) == null ? void 0 : z.tooltip) ?? ((x = o.controlInfo) == null ? void 0 : x.tooltip), {
+    extraLabel: u,
+    extraLabelTooltip: s,
+    extraLabelHasClickAction: L,
+    extraLabelClickAction: v
+  } = A(o), $ = T(o);
+  return w`
     <luzmo-edit-option-radio-button-group
-      .value=${l ?? n}
-      .values=${e}
+      .value=${n ?? e}
+      .values=${i}
       .label=${t}
-      .size=${i}
-      .tooltip=${c}
-      .extraLabel=${d}
-      .extraLabelTooltip=${r}
-      .extraLabelHasClickAction=${k}
-      @extraLabelClick=${I}
+      .size=${l}
+      .tooltip=${r}
+      .extraLabel=${u}
+      .extraLabelTooltip=${s}
+      .extraLabelHasClickAction=${L}
+      @extraLabelClick=${v}
       @option-changed=${$}
       .fromOptionValue=${(y = o.controlInfo) == null ? void 0 : y.fromOptionValue}
-      .toOptionValue=${(L = o.controlInfo) == null ? void 0 : L.toOptionValue}
+      .toOptionValue=${(k = o.controlInfo) == null ? void 0 : k.toOptionValue}
     ></luzmo-edit-option-radio-button-group>
   `;
 }, g = (o) => {
-  var a, p, s, u, f, x, h, y, L, v, C, O, K, A, E;
-  const t = ((s = (p = (a = o.translations) == null ? void 0 : a.options) == null ? void 0 : p[o.optionKey]) == null ? void 0 : s.label) ?? ((u = o.controlInfo) == null ? void 0 : u.label) ?? o.optionKey ?? "", l = ((h = (x = (f = o.translations) == null ? void 0 : f.options) == null ? void 0 : x[o.optionKey]) == null ? void 0 : h.tooltip) ?? ((y = o.controlInfo) == null ? void 0 : y.tooltip), n = (L = o.controlInfo) == null ? void 0 : L.min, e = (v = o.controlInfo) == null ? void 0 : v.max, i = (C = o.controlInfo) == null ? void 0 : C.step, c = T(o.options, o.optionKey), d = o.size;
-  let r;
-  typeof ((O = o.controlInfo) == null ? void 0 : O.default) == "function" ? r = o.controlInfo.default(
+  var c, a, p, m, f, z, x, y, k, I, C, O, K, V, E;
+  const t = ((p = (a = (c = o.translations) == null ? void 0 : c.options) == null ? void 0 : a[o.optionKey]) == null ? void 0 : p.label) ?? ((m = o.controlInfo) == null ? void 0 : m.label) ?? o.optionKey ?? "", n = ((x = (z = (f = o.translations) == null ? void 0 : f.options) == null ? void 0 : z[o.optionKey]) == null ? void 0 : x.tooltip) ?? ((y = o.controlInfo) == null ? void 0 : y.tooltip), e = (k = o.controlInfo) == null ? void 0 : k.min, i = (I = o.controlInfo) == null ? void 0 : I.max, l = (C = o.controlInfo) == null ? void 0 : C.step, r = H(o.options, o.optionKey), u = o.size;
+  let s;
+  typeof ((O = o.controlInfo) == null ? void 0 : O.default) == "function" ? s = o.controlInfo.default(
     o.options,
     o.slots,
     o.theme
-  ) : typeof ((K = o.controlInfo) == null ? void 0 : K.default) == "number" && (r = o.controlInfo.default);
+  ) : typeof ((K = o.controlInfo) == null ? void 0 : K.default) == "number" && (s = o.controlInfo.default);
   const {
-    extraLabel: k,
-    extraLabelTooltip: I,
+    extraLabel: L,
+    extraLabelTooltip: v,
     extraLabelHasClickAction: $,
-    extraLabelClickAction: m
-  } = w(o), b = H(o);
-  return V`
+    extraLabelClickAction: d
+  } = A(o), b = T(o);
+  return w`
     <luzmo-edit-option-slider
-      .value=${c}
-      .default=${r}
-      .min=${n}
-      .max=${e}
-      .step=${i}
+      .value=${r}
+      .default=${s}
+      .min=${e}
+      .max=${i}
+      .step=${l}
       .label=${t}
-      .tooltip=${l}
-      .size=${d}
-      .extraLabel=${k}
-      .extraLabelTooltip=${I}
+      .tooltip=${n}
+      .size=${u}
+      .extraLabel=${L}
+      .extraLabelTooltip=${v}
       .extraLabelHasClickAction=${$}
       @extraLabelClick=${() => {
-    if (typeof m == "function") {
-      const { options: S } = m();
+    if (typeof d == "function") {
+      const { options: S } = d();
       return o.changeCallback(S);
     }
   }}
       @option-changed=${b}
-      .fromOptionValue=${(A = o.controlInfo) == null ? void 0 : A.fromOptionValue}
+      .fromOptionValue=${(V = o.controlInfo) == null ? void 0 : V.fromOptionValue}
       .toOptionValue=${(E = o.controlInfo) == null ? void 0 : E.toOptionValue}
     ></luzmo-edit-option-slider>
   `;
 }, oo = (o) => {
-  var $, m, b, z, a, p, s, u, f, x, h;
-  const t = ((b = (m = ($ = o.translations) == null ? void 0 : $.options) == null ? void 0 : m[o.optionKey]) == null ? void 0 : b.label) ?? ((z = o.controlInfo) == null ? void 0 : z.label) ?? o.optionKey ?? "", l = T(o.options, o.optionKey), n = (a = o.controlInfo) == null ? void 0 : a.default, e = o.size, i = ((u = (s = (p = o.translations) == null ? void 0 : p.options) == null ? void 0 : s[o.optionKey]) == null ? void 0 : u.tooltip) ?? ((f = o.controlInfo) == null ? void 0 : f.tooltip), {
-    extraLabel: c,
-    extraLabelTooltip: d,
-    extraLabelHasClickAction: r,
-    extraLabelClickAction: k
-  } = w(o), I = H(o);
-  return V`
+  var $, d, b, h, c, a, p, m, f, z, x;
+  const t = ((b = (d = ($ = o.translations) == null ? void 0 : $.options) == null ? void 0 : d[o.optionKey]) == null ? void 0 : b.label) ?? ((h = o.controlInfo) == null ? void 0 : h.label) ?? o.optionKey ?? "", n = H(o.options, o.optionKey), e = (c = o.controlInfo) == null ? void 0 : c.default, i = o.size, l = ((m = (p = (a = o.translations) == null ? void 0 : a.options) == null ? void 0 : p[o.optionKey]) == null ? void 0 : m.tooltip) ?? ((f = o.controlInfo) == null ? void 0 : f.tooltip), {
+    extraLabel: r,
+    extraLabelTooltip: u,
+    extraLabelHasClickAction: s,
+    extraLabelClickAction: L
+  } = A(o), v = T(o);
+  return w`
     <luzmo-edit-option-switch
-      .value=${l ?? n ?? !1}
+      .value=${n ?? e ?? !1}
       .label=${t}
-      .size=${e}
-      .tooltip=${i}
-      .extraLabel=${c}
-      .extraLabelTooltip=${d}
-      .extraLabelHasClickAction=${r}
-      @extraLabelClick=${k}
-      @option-changed=${I}
-      .fromOptionValue=${(x = o.controlInfo) == null ? void 0 : x.fromOptionValue}
-      .toOptionValue=${(h = o.controlInfo) == null ? void 0 : h.toOptionValue}
+      .size=${i}
+      .tooltip=${l}
+      .extraLabel=${r}
+      .extraLabelTooltip=${u}
+      .extraLabelHasClickAction=${s}
+      @extraLabelClick=${L}
+      @option-changed=${v}
+      .fromOptionValue=${(z = o.controlInfo) == null ? void 0 : z.fromOptionValue}
+      .toOptionValue=${(x = o.controlInfo) == null ? void 0 : x.toOptionValue}
     ></luzmo-edit-option-switch>
   `;
 }, to = (o) => {
-  var m, b, z, a, p, s, u, f, x, h, y, L, v, C;
-  const t = ((z = (b = (m = o.translations) == null ? void 0 : m.options) == null ? void 0 : b[o.optionKey]) == null ? void 0 : z.label) ?? ((a = o.controlInfo) == null ? void 0 : a.label) ?? o.optionKey ?? "", l = o.language ?? "en", n = {};
-  n[l] = ((u = (s = (p = o.translations) == null ? void 0 : p.options) == null ? void 0 : s[o.optionKey]) == null ? void 0 : u.placeholder) ?? ((f = o.controlInfo) == null ? void 0 : f.placeholder) ?? "";
-  const e = T(o.options, o.optionKey) ?? "", i = o.size, c = ((y = (h = (x = o.translations) == null ? void 0 : x.options) == null ? void 0 : h[o.optionKey]) == null ? void 0 : y.tooltip) ?? ((L = o.controlInfo) == null ? void 0 : L.tooltip), {
-    extraLabel: d,
-    extraLabelTooltip: r,
-    extraLabelHasClickAction: k,
-    extraLabelClickAction: I
-  } = w(o), $ = H(o);
-  return V`
+  var d, b, h, c, a, p, m, f, z, x, y, k, I, C;
+  const t = ((h = (b = (d = o.translations) == null ? void 0 : d.options) == null ? void 0 : b[o.optionKey]) == null ? void 0 : h.label) ?? ((c = o.controlInfo) == null ? void 0 : c.label) ?? o.optionKey ?? "", n = o.language ?? "en", e = {};
+  e[n] = ((m = (p = (a = o.translations) == null ? void 0 : a.options) == null ? void 0 : p[o.optionKey]) == null ? void 0 : m.placeholder) ?? ((f = o.controlInfo) == null ? void 0 : f.placeholder) ?? "";
+  const i = H(o.options, o.optionKey) ?? "", l = o.size, r = ((y = (x = (z = o.translations) == null ? void 0 : z.options) == null ? void 0 : x[o.optionKey]) == null ? void 0 : y.tooltip) ?? ((k = o.controlInfo) == null ? void 0 : k.tooltip), {
+    extraLabel: u,
+    extraLabelTooltip: s,
+    extraLabelHasClickAction: L,
+    extraLabelClickAction: v
+  } = A(o), $ = T(o);
+  return w`
     <luzmo-edit-option-text-field
       .label=${t}
-      .placeholder=${n[l]}
-      .value=${e}
-      .size=${i}
-      .tooltip=${c}
-      .extraLabel=${d}
-      .extraLabelTooltip=${r}
-      .extraLabelHasClickAction=${k}
-      @extraLabelClick=${I}
+      .placeholder=${e[n]}
+      .value=${i}
+      .size=${l}
+      .tooltip=${r}
+      .extraLabel=${u}
+      .extraLabelTooltip=${s}
+      .extraLabelHasClickAction=${L}
+      @extraLabelClick=${v}
       @option-changed=${$}
-      .fromOptionValue=${(v = o.controlInfo) == null ? void 0 : v.fromOptionValue}
+      .fromOptionValue=${(I = o.controlInfo) == null ? void 0 : I.fromOptionValue}
       .toOptionValue=${(C = o.controlInfo) == null ? void 0 : C.toOptionValue}
     ></luzmo-edit-option-text-field>
   `;
-}, eo = (o) => {
+}, io = (o) => {
   switch (o.controlType) {
     case "picker":
       return W(o);
@@ -428,94 +428,195 @@ const U = ":host{font-family:var(--luzmo-edit-option-font-family, var(--luzmo-fo
     case "action-button-group":
       return q(o);
   }
-}, no = (o, t) => {
-  const l = (n) => {
-    for (const e of n) {
-      if (e.key === o)
-        return e.control;
-      if (e.children) {
-        const i = l(e.children);
-        if (i)
-          return i;
+}, eo = (o, t) => {
+  const n = (e) => {
+    for (const i of e) {
+      if (i.key === o)
+        return i.control;
+      if (i.children) {
+        const l = n(i.children);
+        if (l)
+          return l;
       }
     }
     return null;
   };
   if (t)
-    for (const n of t) {
-      const e = l(n.children);
-      if (e)
-        return e;
+    for (const e of t) {
+      const i = n(e.children);
+      if (i)
+        return i;
     }
   return null;
 };
-var lo = Object.defineProperty, M = (o, t, l, n) => {
-  for (var e = void 0, i = o.length - 1, c; i >= 0; i--)
-    (c = o[i]) && (e = c(t, l, e) || e);
-  return e && lo(t, l, e), e;
+var no = Object.defineProperty, M = (o, t, n, e) => {
+  for (var i = void 0, l = o.length - 1, r; l >= 0; l--)
+    (r = o[l]) && (i = r(t, n, i) || i);
+  return i && no(t, n, i), i;
 };
 const P = class P extends G {
   constructor() {
     super(...arguments), this._loadItemConfig = new F(this, {
-      task: async ([t, l, n]) => {
-        let e = !1;
+      task: async ([t, n, e]) => {
+        let i = !1;
         if (t !== this._itemTypeLoaded) {
-          const d = /* @__PURE__ */ Object.assign({
-            "./item-configs/area-chart.config.ts": () => import("../area-chart.config-Ba68ZiSX.js"),
-            "./item-configs/bar-chart.config.ts": () => import("../bar-chart.config-CF1i1Imw.js"),
-            "./item-configs/bubble-chart.config.ts": () => import("../bubble-chart.config-1MrC55Nb.js"),
-            "./item-configs/circle-pack-chart.config.ts": () => import("../circle-pack-chart.config-Bbm2bTgy.js"),
-            "./item-configs/column-chart.config.ts": () => import("../column-chart.config-BT1QH4BI.js"),
-            "./item-configs/donut-chart.config.ts": () => import("../donut-chart.config-DuJFyp4z.js"),
-            "./item-configs/dropdown-filter.config.ts": () => import("../dropdown-filter.config-Drv-A4zw.js"),
-            "./item-configs/imageobject.config.ts": () => import("../imageobject.config-CBfeq5Zw.js"),
-            "./item-configs/line-chart.config.ts": () => import("../line-chart.config-BB_thZtA.js"),
-            "./item-configs/ohlc-chart.config.ts": () => import("../ohlc-chart.config-D9npwajt.js"),
-            "./item-configs/radar-chart.config.ts": () => import("../radar-chart.config-DfID1TZ-.js"),
-            "./item-configs/sankey-diagram.config.ts": () => import("../sankey-diagram.config-BVjCEw5M.js"),
-            "./item-configs/search-filter.config.ts": () => import("../search-filter.config-baX2Vdul.js"),
-            "./item-configs/slicer-filter.config.ts": () => import("../slicer-filter.config-A3YK_KZn.js"),
-            "./item-configs/slider-filter.config.ts": () => import("../slider-filter.config-C-zvfTNl.js"),
-            "./item-configs/spacer.config.ts": () => import("../spacer.config-Br2Dm5Uv.js"),
-            "./item-configs/sunburst-chart.config.ts": () => import("../sunburst-chart.config-VZqDthcz.js"),
-            "./item-configs/textobject.config.ts": () => import("../textobject.config-DTDqt0ci.js"),
-            "./item-configs/treemap-chart.config.ts": () => import("../treemap-chart.config-BalwwrhW.js"),
-            "./item-configs/videoobject.config.ts": () => import("../videoobject.config-CbtNZAEK.js"),
-            "./item-configs/wordcloud-chart.config.ts": () => import("../wordcloud-chart.config-CQs8YFfd.js")
+          const u = /* @__PURE__ */ Object.assign({
+            "../../item-definitions/area-chart/area-chart-options.config.ts": () => import("../area-chart-options.config-C0l_W4Yq.js"),
+            "../../item-definitions/bar-chart/bar-chart-options.config.ts": () => import("../bar-chart-options.config-CF1i1Imw.js"),
+            "../../item-definitions/bubble-chart/bubble-chart-options.config.ts": () => import("../bubble-chart-options.config-1MrC55Nb.js"),
+            "../../item-definitions/circle-pack-chart/circle-pack-chart-options.config.ts": () => import("../circle-pack-chart-options.config-DEYL3DMK.js"),
+            "../../item-definitions/column-chart/column-chart-options.config.ts": () => import("../column-chart-options.config-BT1QH4BI.js"),
+            "../../item-definitions/donut-chart/donut-chart-options.config.ts": () => import("../donut-chart-options.config-DuJFyp4z.js"),
+            "../../item-definitions/dropdown-filter/dropdown-filter-options.config.ts": () => import("../dropdown-filter-options.config-BxjR1xAD.js"),
+            "../../item-definitions/image/image-options.config.ts": () => import("../image-options.config-CBfeq5Zw.js"),
+            "../../item-definitions/line-chart/line-chart-options.config.ts": () => import("../line-chart-options.config-DKcFPWP7.js"),
+            "../../item-definitions/ohlc-chart/ohlc-chart-options.config.ts": () => import("../ohlc-chart-options.config-D9npwajt.js"),
+            "../../item-definitions/radar-chart/radar-chart-options.config.ts": () => import("../radar-chart-options.config-DfID1TZ-.js"),
+            "../../item-definitions/sankey-diagram/sankey-diagram-options.config.ts": () => import("../sankey-diagram-options.config-ylhZhJ6H.js"),
+            "../../item-definitions/search-filter/search-filter-options.config.ts": () => import("../search-filter-options.config-baX2Vdul.js"),
+            "../../item-definitions/slicer-filter/slicer-filter-options.config.ts": () => import("../slicer-filter-options.config-A3YK_KZn.js"),
+            "../../item-definitions/slider-filter/slider-filter-options.config.ts": () => import("../slider-filter-options.config-C-zvfTNl.js"),
+            "../../item-definitions/spacer/spacer-options.config.ts": () => import("../spacer-options.config-IpwUxDyU.js"),
+            "../../item-definitions/sunburst-chart/sunburst-chart-options.config.ts": () => import("../sunburst-chart-options.config-VZqDthcz.js"),
+            "../../item-definitions/text/text-options.config.ts": () => import("../text-options.config-BWaJoeG2.js"),
+            "../../item-definitions/treemap-chart/treemap-chart-options.config.ts": () => import("../treemap-chart-options.config-BalwwrhW.js"),
+            "../../item-definitions/video/video-options.config.ts": () => import("../video-options.config-CbtNZAEK.js"),
+            "../../item-definitions/wordcloud-chart/wordcloud-chart-options.config.ts": () => import("../wordcloud-chart-options.config-CQs8YFfd.js")
           });
-          if (d[`./item-configs/${t}.config.ts`])
+          if (u[`../../item-definitions/${t}/${t}-options.config.ts`])
             try {
-              const r = await d[`./item-configs/${t}.config.ts`]();
-              this._optionsConfig = (r == null ? void 0 : r.default) ?? {};
+              const s = await u[`../../item-definitions/${t}/${t}-options.config.ts`]();
+              this._optionsConfig = (s == null ? void 0 : s.default) ?? {};
             } catch {
               this._optionsConfig = {};
             }
           else
             this._optionsConfig = {};
-          e = !0;
+          i = !0;
         }
-        if (n !== this._languageLoaded || e) {
-          const d = /* @__PURE__ */ Object.assign({ "./item-translations/bar-chart.en.ts": () => import("../bar-chart.en-Crc8tYUJ.js"), "./item-translations/bar-chart.fr.ts": () => import("../bar-chart.fr-BwiGRlQf.js"), "./item-translations/bar-chart.nl.ts": () => import("../bar-chart.nl-C9EOP2kE.js"), "./item-translations/column-chart.en.ts": () => import("../column-chart.en-Crc8tYUJ.js"), "./item-translations/column-chart.fr.ts": () => import("../column-chart.fr-BwiGRlQf.js"), "./item-translations/column-chart.nl.ts": () => import("../column-chart.nl-C9EOP2kE.js"), "./item-translations/donut-chart.en.ts": () => import("../donut-chart.en-CrUf4CJ9.js"), "./item-translations/donut-chart.fr.ts": () => import("../donut-chart.fr-DVfZwZny.js"), "./item-translations/donut-chart.nl.ts": () => import("../donut-chart.nl-B13jr7SK.js"), "./item-translations/imageobject.en.ts": () => import("../imageobject.en-BMmV-4O-.js"), "./item-translations/imageobject.fr.ts": () => import("../imageobject.fr-DRE3zImB.js"), "./item-translations/imageobject.nl.ts": () => import("../imageobject.nl-D20hki6i.js"), "./item-translations/textobject.en.ts": () => import("../textobject.en-BQqHFc7M.js"), "./item-translations/textobject.fr.ts": () => import("../textobject.fr-VPJ3bDOM.js"), "./item-translations/textobject.nl.ts": () => import("../textobject.nl-V03mmGmH.js") });
-          if (d[`./item-translations/${t}.${n}.ts`])
+        if (e !== this._languageLoaded || i) {
+          const u = /* @__PURE__ */ Object.assign({
+            "../../item-definitions/area-chart/i18n/area-chart-options.de.ts": () => import("../area-chart-options.de-FcVE2Ywe.js"),
+            "../../item-definitions/area-chart/i18n/area-chart-options.en.ts": () => import("../area-chart-options.en-Cz5aXeVe.js"),
+            "../../item-definitions/area-chart/i18n/area-chart-options.es.ts": () => import("../area-chart-options.es-o3ABpXnC.js"),
+            "../../item-definitions/area-chart/i18n/area-chart-options.fr.ts": () => import("../area-chart-options.fr-CBhHB_ER.js"),
+            "../../item-definitions/area-chart/i18n/area-chart-options.nl.ts": () => import("../area-chart-options.nl-SbYGv26w.js"),
+            "../../item-definitions/bar-chart/i18n/bar-chart-options.de.ts": () => import("../bar-chart-options.de-DwTn_qfu.js"),
+            "../../item-definitions/bar-chart/i18n/bar-chart-options.en.ts": () => import("../bar-chart-options.en-Crc8tYUJ.js"),
+            "../../item-definitions/bar-chart/i18n/bar-chart-options.es.ts": () => import("../bar-chart-options.es-ByT_D06p.js"),
+            "../../item-definitions/bar-chart/i18n/bar-chart-options.fr.ts": () => import("../bar-chart-options.fr-BwiGRlQf.js"),
+            "../../item-definitions/bar-chart/i18n/bar-chart-options.nl.ts": () => import("../bar-chart-options.nl-DzXnHdwX.js"),
+            "../../item-definitions/bubble-chart/i18n/bubble-chart-options.de.ts": () => import("../bubble-chart-options.de-BGWrRmuN.js"),
+            "../../item-definitions/bubble-chart/i18n/bubble-chart-options.en.ts": () => import("../bubble-chart-options.en-CYwRht5M.js"),
+            "../../item-definitions/bubble-chart/i18n/bubble-chart-options.es.ts": () => import("../bubble-chart-options.es-ZnkjzgL_.js"),
+            "../../item-definitions/bubble-chart/i18n/bubble-chart-options.fr.ts": () => import("../bubble-chart-options.fr-Cym1h3sF.js"),
+            "../../item-definitions/bubble-chart/i18n/bubble-chart-options.nl.ts": () => import("../bubble-chart-options.nl-D1TFWi5k.js"),
+            "../../item-definitions/circle-pack-chart/i18n/circle-pack-chart-options.de.ts": () => import("../circle-pack-chart-options.de-CUL0ypCU.js"),
+            "../../item-definitions/circle-pack-chart/i18n/circle-pack-chart-options.en.ts": () => import("../circle-pack-chart-options.en-CFTJowAI.js"),
+            "../../item-definitions/circle-pack-chart/i18n/circle-pack-chart-options.es.ts": () => import("../circle-pack-chart-options.es-BGoaousJ.js"),
+            "../../item-definitions/circle-pack-chart/i18n/circle-pack-chart-options.fr.ts": () => import("../circle-pack-chart-options.fr-DLb0Di6Z.js"),
+            "../../item-definitions/circle-pack-chart/i18n/circle-pack-chart-options.nl.ts": () => import("../circle-pack-chart-options.nl-CZL69ZgV.js"),
+            "../../item-definitions/column-chart/i18n/column-chart-options.de.ts": () => import("../column-chart-options.de-VQVdi8aP.js"),
+            "../../item-definitions/column-chart/i18n/column-chart-options.en.ts": () => import("../column-chart-options.en-Crc8tYUJ.js"),
+            "../../item-definitions/column-chart/i18n/column-chart-options.es.ts": () => import("../column-chart-options.es-CT9ZtjV_.js"),
+            "../../item-definitions/column-chart/i18n/column-chart-options.fr.ts": () => import("../column-chart-options.fr-BwiGRlQf.js"),
+            "../../item-definitions/column-chart/i18n/column-chart-options.nl.ts": () => import("../column-chart-options.nl-DB2dcotu.js"),
+            "../../item-definitions/donut-chart/i18n/donut-chart-options.de.ts": () => import("../donut-chart-options.de-nSj3ghwo.js"),
+            "../../item-definitions/donut-chart/i18n/donut-chart-options.en.ts": () => import("../donut-chart-options.en-CrUf4CJ9.js"),
+            "../../item-definitions/donut-chart/i18n/donut-chart-options.es.ts": () => import("../donut-chart-options.es-DnsGqOdo.js"),
+            "../../item-definitions/donut-chart/i18n/donut-chart-options.fr.ts": () => import("../donut-chart-options.fr-DVfZwZny.js"),
+            "../../item-definitions/donut-chart/i18n/donut-chart-options.nl.ts": () => import("../donut-chart-options.nl-CUuOQyJg.js"),
+            "../../item-definitions/dropdown-filter/i18n/dropdown-filter-options.de.ts": () => import("../dropdown-filter-options.de-0HBcrwev.js"),
+            "../../item-definitions/dropdown-filter/i18n/dropdown-filter-options.en.ts": () => import("../dropdown-filter-options.en-CNdmMsNW.js"),
+            "../../item-definitions/dropdown-filter/i18n/dropdown-filter-options.es.ts": () => import("../dropdown-filter-options.es-DjgZxklA.js"),
+            "../../item-definitions/dropdown-filter/i18n/dropdown-filter-options.fr.ts": () => import("../dropdown-filter-options.fr-n_2OjO_u.js"),
+            "../../item-definitions/dropdown-filter/i18n/dropdown-filter-options.nl.ts": () => import("../dropdown-filter-options.nl-CL6UEP00.js"),
+            "../../item-definitions/image/i18n/imageobject-options.de.ts": () => import("../imageobject-options.de-CYVnqdL_.js"),
+            "../../item-definitions/image/i18n/imageobject-options.en.ts": () => import("../imageobject-options.en-BMmV-4O-.js"),
+            "../../item-definitions/image/i18n/imageobject-options.es.ts": () => import("../imageobject-options.es-UN5rmaEt.js"),
+            "../../item-definitions/image/i18n/imageobject-options.fr.ts": () => import("../imageobject-options.fr-DRE3zImB.js"),
+            "../../item-definitions/image/i18n/imageobject-options.nl.ts": () => import("../imageobject-options.nl-D20hki6i.js"),
+            "../../item-definitions/line-chart/i18n/line-chart-options.de.ts": () => import("../line-chart-options.de-C4c6fWBr.js"),
+            "../../item-definitions/line-chart/i18n/line-chart-options.en.ts": () => import("../line-chart-options.en-XEng6bZk.js"),
+            "../../item-definitions/line-chart/i18n/line-chart-options.es.ts": () => import("../line-chart-options.es-B6CBKzRj.js"),
+            "../../item-definitions/line-chart/i18n/line-chart-options.fr.ts": () => import("../line-chart-options.fr-BIugWKt4.js"),
+            "../../item-definitions/line-chart/i18n/line-chart-options.nl.ts": () => import("../line-chart-options.nl-87TuLT5-.js"),
+            "../../item-definitions/ohlc-chart/i18n/ohlc-chart-options.de.ts": () => import("../ohlc-chart-options.de-CZj-UIJm.js"),
+            "../../item-definitions/ohlc-chart/i18n/ohlc-chart-options.en.ts": () => import("../ohlc-chart-options.en-W7r8X64N.js"),
+            "../../item-definitions/ohlc-chart/i18n/ohlc-chart-options.es.ts": () => import("../ohlc-chart-options.es-B1PdbaLo.js"),
+            "../../item-definitions/ohlc-chart/i18n/ohlc-chart-options.fr.ts": () => import("../ohlc-chart-options.fr-3n_H_IQ3.js"),
+            "../../item-definitions/ohlc-chart/i18n/ohlc-chart-options.nl.ts": () => import("../ohlc-chart-options.nl-BVw9fPpa.js"),
+            "../../item-definitions/radar-chart/i18n/radar-chart-options.de.ts": () => import("../radar-chart-options.de-DUzx_7w0.js"),
+            "../../item-definitions/radar-chart/i18n/radar-chart-options.en.ts": () => import("../radar-chart-options.en-CV6ZYx8z.js"),
+            "../../item-definitions/radar-chart/i18n/radar-chart-options.es.ts": () => import("../radar-chart-options.es-BgvSKtUs.js"),
+            "../../item-definitions/radar-chart/i18n/radar-chart-options.fr.ts": () => import("../radar-chart-options.fr-CobHnfMX.js"),
+            "../../item-definitions/radar-chart/i18n/radar-chart-options.nl.ts": () => import("../radar-chart-options.nl-M4-vur3g.js"),
+            "../../item-definitions/sankey-diagram/i18n/sankey-diagram-options.de.ts": () => import("../sankey-diagram-options.de-kp4wK81w.js"),
+            "../../item-definitions/sankey-diagram/i18n/sankey-diagram-options.en.ts": () => import("../sankey-diagram-options.en-BJG2rmog.js"),
+            "../../item-definitions/sankey-diagram/i18n/sankey-diagram-options.es.ts": () => import("../sankey-diagram-options.es-DoU2uZkk.js"),
+            "../../item-definitions/sankey-diagram/i18n/sankey-diagram-options.fr.ts": () => import("../sankey-diagram-options.fr-CqASKXuH.js"),
+            "../../item-definitions/sankey-diagram/i18n/sankey-diagram-options.nl.ts": () => import("../sankey-diagram-options.nl-BQcClmve.js"),
+            "../../item-definitions/search-filter/i18n/search-filter-options.de.ts": () => import("../search-filter-options.de-CtQU33mZ.js"),
+            "../../item-definitions/search-filter/i18n/search-filter-options.en.ts": () => import("../search-filter-options.en-D_lZl4BW.js"),
+            "../../item-definitions/search-filter/i18n/search-filter-options.es.ts": () => import("../search-filter-options.es-4mDTBqYv.js"),
+            "../../item-definitions/search-filter/i18n/search-filter-options.fr.ts": () => import("../search-filter-options.fr-CSzsk8kC.js"),
+            "../../item-definitions/search-filter/i18n/search-filter-options.nl.ts": () => import("../search-filter-options.nl-CUIS-wlX.js"),
+            "../../item-definitions/slicer-filter/i18n/slicer-filter-options.de.ts": () => import("../slicer-filter-options.de-89LcA_-b.js"),
+            "../../item-definitions/slicer-filter/i18n/slicer-filter-options.en.ts": () => import("../slicer-filter-options.en-BtvdQlh6.js"),
+            "../../item-definitions/slicer-filter/i18n/slicer-filter-options.es.ts": () => import("../slicer-filter-options.es-CsuWj6x4.js"),
+            "../../item-definitions/slicer-filter/i18n/slicer-filter-options.fr.ts": () => import("../slicer-filter-options.fr-Q1R9a5aW.js"),
+            "../../item-definitions/slicer-filter/i18n/slicer-filter-options.nl.ts": () => import("../slicer-filter-options.nl-BR-R2l1o.js"),
+            "../../item-definitions/slider-filter/i18n/slider-filter-options.de.ts": () => import("../slider-filter-options.de-BETdnh_t.js"),
+            "../../item-definitions/slider-filter/i18n/slider-filter-options.en.ts": () => import("../slider-filter-options.en-DpbWEGHE.js"),
+            "../../item-definitions/slider-filter/i18n/slider-filter-options.es.ts": () => import("../slider-filter-options.es-CWazXehw.js"),
+            "../../item-definitions/slider-filter/i18n/slider-filter-options.fr.ts": () => import("../slider-filter-options.fr-B2RT9GfR.js"),
+            "../../item-definitions/slider-filter/i18n/slider-filter-options.nl.ts": () => import("../slider-filter-options.nl-CwxJqGoK.js"),
+            "../../item-definitions/sunburst-chart/i18n/sunburst-chart-options.de.ts": () => import("../sunburst-chart-options.de-DOjqnDNg.js"),
+            "../../item-definitions/sunburst-chart/i18n/sunburst-chart-options.en.ts": () => import("../sunburst-chart-options.en-DQOS_dec.js"),
+            "../../item-definitions/sunburst-chart/i18n/sunburst-chart-options.es.ts": () => import("../sunburst-chart-options.es-DGsVkhyC.js"),
+            "../../item-definitions/sunburst-chart/i18n/sunburst-chart-options.fr.ts": () => import("../sunburst-chart-options.fr-DIWRXmkr.js"),
+            "../../item-definitions/sunburst-chart/i18n/sunburst-chart-options.nl.ts": () => import("../sunburst-chart-options.nl-D0hYq2Mh.js"),
+            "../../item-definitions/text/i18n/textobject-options.de.ts": () => import("../textobject-options.de-BjfS5RBn.js"),
+            "../../item-definitions/text/i18n/textobject-options.en.ts": () => import("../textobject-options.en-BQqHFc7M.js"),
+            "../../item-definitions/text/i18n/textobject-options.es.ts": () => import("../textobject-options.es-CMB1DKq4.js"),
+            "../../item-definitions/text/i18n/textobject-options.fr.ts": () => import("../textobject-options.fr-VPJ3bDOM.js"),
+            "../../item-definitions/text/i18n/textobject-options.nl.ts": () => import("../textobject-options.nl-V03mmGmH.js"),
+            "../../item-definitions/treemap-chart/i18n/treemap-chart-options.de.ts": () => import("../treemap-chart-options.de-Bdj6O-Ju.js"),
+            "../../item-definitions/treemap-chart/i18n/treemap-chart-options.en.ts": () => import("../treemap-chart-options.en-D6co_QL8.js"),
+            "../../item-definitions/treemap-chart/i18n/treemap-chart-options.es.ts": () => import("../treemap-chart-options.es-BjbsJzCM.js"),
+            "../../item-definitions/treemap-chart/i18n/treemap-chart-options.fr.ts": () => import("../treemap-chart-options.fr-VG44wSIJ.js"),
+            "../../item-definitions/treemap-chart/i18n/treemap-chart-options.nl.ts": () => import("../treemap-chart-options.nl-BTKv3TBd.js"),
+            "../../item-definitions/video/i18n/video-options.de.ts": () => import("../video-options.de-DIKmTgn5.js"),
+            "../../item-definitions/video/i18n/video-options.en.ts": () => import("../video-options.en-DMzcDD7I.js"),
+            "../../item-definitions/video/i18n/video-options.es.ts": () => import("../video-options.es-CtV-__xN.js"),
+            "../../item-definitions/video/i18n/video-options.fr.ts": () => import("../video-options.fr-DHt0mV9L.js"),
+            "../../item-definitions/video/i18n/video-options.nl.ts": () => import("../video-options.nl-1cNZgoqf.js"),
+            "../../item-definitions/wordcloud-chart/i18n/wordcloud-chart-options.de.ts": () => import("../wordcloud-chart-options.de-DwLQlEJg.js"),
+            "../../item-definitions/wordcloud-chart/i18n/wordcloud-chart-options.en.ts": () => import("../wordcloud-chart-options.en-DWkM70-M.js"),
+            "../../item-definitions/wordcloud-chart/i18n/wordcloud-chart-options.es.ts": () => import("../wordcloud-chart-options.es-CkXbSwEc.js"),
+            "../../item-definitions/wordcloud-chart/i18n/wordcloud-chart-options.fr.ts": () => import("../wordcloud-chart-options.fr-DNK5Ouc5.js"),
+            "../../item-definitions/wordcloud-chart/i18n/wordcloud-chart-options.nl.ts": () => import("../wordcloud-chart-options.nl-CcgmqL7I.js")
+          });
+          if (u[`../../item-definitions/${t}/i18n/${t}-options.${e}.ts`])
             try {
-              const r = await d[`./item-translations/${t}.${n}.ts`]();
-              this._translations = (r == null ? void 0 : r.default) ?? {};
-            } catch (r) {
-              this._translations = {}, console.error(r);
+              const s = await u[`../../item-definitions/${t}/i18n/${t}-options.${e}.ts`]();
+              this._translations = (s == null ? void 0 : s.default) ?? {};
+            } catch (s) {
+              this._translations = {}, console.error(s);
             }
           else
             this._translations = {};
         }
-        const i = no(l, this._optionsConfig), c = i == null ? void 0 : i.type;
-        if (c !== this._controlTypeLoaded) {
-          const d = /* @__PURE__ */ Object.assign({ "../edit-option-action-button-group/index.ts": () => import("../edit-option-action-button-group/index.js"), "../edit-option-color-picker/index.ts": () => import("../edit-option-color-picker/index.js"), "../edit-option-multi-language-field/index.ts": () => import("../edit-option-multi-language-field/index.js"), "../edit-option-number-field/index.ts": () => import("../edit-option-number-field/index.js"), "../edit-option-picker/index.ts": () => import("../edit-option-picker/index.js"), "../edit-option-position-picker/index.ts": () => import("../edit-option-position-picker/index.js"), "../edit-option-positions-number-field/index.ts": () => import("../edit-option-positions-number-field/index.js"), "../edit-option-radio-button-group/index.ts": () => import("../edit-option-radio-button-group/index.js"), "../edit-option-slider/index.ts": () => import("../edit-option-slider/index.js"), "../edit-option-switch/index.ts": () => import("../edit-option-switch/index.js"), "../edit-option-text-field/index.ts": () => import("../edit-option-text-field/index.js") });
+        const l = eo(n, this._optionsConfig), r = l == null ? void 0 : l.type;
+        if (r !== this._controlTypeLoaded) {
+          const u = /* @__PURE__ */ Object.assign({ "../edit-option-action-button-group/index.ts": () => import("../edit-option-action-button-group/index.js"), "../edit-option-color-picker/index.ts": () => import("../edit-option-color-picker/index.js"), "../edit-option-multi-language-field/index.ts": () => import("../edit-option-multi-language-field/index.js"), "../edit-option-number-field/index.ts": () => import("../edit-option-number-field/index.js"), "../edit-option-picker/index.ts": () => import("../edit-option-picker/index.js"), "../edit-option-position-picker/index.ts": () => import("../edit-option-position-picker/index.js"), "../edit-option-positions-number-field/index.ts": () => import("../edit-option-positions-number-field/index.js"), "../edit-option-radio-button-group/index.ts": () => import("../edit-option-radio-button-group/index.js"), "../edit-option-slider/index.ts": () => import("../edit-option-slider/index.js"), "../edit-option-switch/index.ts": () => import("../edit-option-switch/index.js"), "../edit-option-text-field/index.ts": () => import("../edit-option-text-field/index.js") });
           try {
-            d[`../edit-option-${c}/index.ts`] && (await d[`../edit-option-${c}/index.ts`](), this._controlTypeLoaded = c);
-          } catch (r) {
-            console.error(r);
+            u[`../edit-option-${r}/index.ts`] && (await u[`../edit-option-${r}/index.ts`](), this._controlTypeLoaded = r);
+          } catch (s) {
+            console.error(s);
           }
         }
-        return i;
+        return l;
       },
       args: () => [this.itemType, this.optionKey, this.language]
     }), this.language = "en", this.options = {}, this.slots = {}, this.theme = {}, this.size = "m", this.changedOptions = (t) => {
@@ -533,8 +634,8 @@ const P = class P extends G {
   }
   render() {
     return this._loadItemConfig.render({
-      pending: () => V`<p>Loading...</p>`,
-      complete: (t) => eo({
+      pending: () => w`<p>Loading...</p>`,
+      complete: (t) => io({
         controlType: t == null ? void 0 : t.type,
         optionKey: this.optionKey,
         controlInfo: t,
@@ -546,7 +647,7 @@ const P = class P extends G {
         size: this.size,
         changeCallback: this.changedOptions
       }),
-      error: (t) => (console.error(t), V``)
+      error: (t) => (console.error(t), w``)
     });
   }
 };