@luzmo/analytics-components-kit 1.0.1-alpha.24 → 1.0.1-alpha.26

package/components/{index-5yuxnZFm.js → index-Dn7LyFPv.js}

@@ -21,54 +21,54 @@ import { h as S } from "./task-Cr9aRIbV.js";
 import { x as K, k as G, a as R, n as M } from "./property-B2F7x7Cz.js";
 import { o as D } from "./if-defined-Bv6MRdSW.js";
 const N = (t, i, o) => {
-  const e = (n) => {
-    for (const s of n ?? []) {
-      if (s.key === t)
-        return o ? s : s.control;
-      if (s.children) {
-        const p = e(s.children);
-        if (p)
-          return p;
+  const s = (e) => {
+    for (const n of e ?? []) {
+      if (n.key === t)
+        return o ? n : n.control;
+      if (n.children) {
+        const l = s(n.children);
+        if (l)
+          return l;
       }
     }
     return null;
   };
   if (i && Array.isArray(i))
-    for (const n of i) {
-      const s = e(n.children);
-      if (s)
-        return s;
+    for (const e of i) {
+      const n = s(e.children);
+      if (n)
+        return n;
     }
   return null;
-}, q = ":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 = (t) => {
-  var o, e, n;
+}, q = ":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))}", H = (t) => {
+  var o, s, e;
   let i;
   return typeof ((o = t == null ? void 0 : t.controlInfo) == null ? void 0 : o.default) == "function" ? i = t.controlInfo.default({
     options: t.options,
     slots: t.slots,
     theme: t.theme
-  }) : ((e = t.controlInfo) == null ? void 0 : e.default) !== void 0 && ((n = t.controlInfo) == null ? void 0 : n.default) !== null && (i = t.controlInfo.default), i;
-}, H = (t) => {
-  var s, p, $, k, d, l, v, b, u, h, r, a, c, m, f;
+  }) : ((s = t.controlInfo) == null ? void 0 : s.default) !== void 0 && ((e = t.controlInfo) == null ? void 0 : e.default) !== null && (i = t.controlInfo.default), i;
+}, O = (t) => {
+  var n, l, p, a, h, r, v, $, b, x, c, m, d, f, u;
   let i;
-  typeof ((s = t.controlInfo) == null ? void 0 : s.extraLabel) == "function" ? i = t.controlInfo.extraLabel({
+  typeof ((n = t.controlInfo) == null ? void 0 : n.extraLabel) == "function" ? i = t.controlInfo.extraLabel({
     options: t.options,
     slots: t.slots,
     theme: t.theme
-  }) : typeof ((p = t.controlInfo) == null ? void 0 : p.extraLabel) == "string" && (i = t.controlInfo.extraLabel), typeof i == "string" && (i = ((l = (d = (k = ($ = t.translations) == null ? void 0 : $.options) == null ? void 0 : k[t.optionKey]) == null ? void 0 : d.extraLabel) == null ? void 0 : l[i]) ?? i);
+  }) : typeof ((l = t.controlInfo) == null ? void 0 : l.extraLabel) == "string" && (i = t.controlInfo.extraLabel), typeof i == "string" && (i = ((r = (h = (a = (p = t.translations) == null ? void 0 : p.options) == null ? void 0 : a[t.optionKey]) == null ? void 0 : h.extraLabel) == null ? void 0 : r[i]) ?? i);
   let o;
   typeof ((v = t.controlInfo) == null ? void 0 : v.extraLabelTooltip) == "function" ? i = t.controlInfo.extraLabelTooltip({
     options: t.options,
     slots: t.slots,
     theme: t.theme
-  }) : typeof ((b = t.controlInfo) == null ? void 0 : b.extraLabelTooltip) == "string" && (o = t.controlInfo.extraLabelTooltip), typeof o == "string" && (i = ((a = (r = (h = (u = t.translations) == null ? void 0 : u.options) == null ? void 0 : h[t.optionKey]) == null ? void 0 : r.extraLabelTooltip) == null ? void 0 : a[o]) ?? o);
-  let e;
-  typeof ((c = t.controlInfo) == null ? void 0 : c.extraLabelHasClickAction) == "function" ? e = t.controlInfo.extraLabelHasClickAction({
+  }) : typeof (($ = t.controlInfo) == null ? void 0 : $.extraLabelTooltip) == "string" && (o = t.controlInfo.extraLabelTooltip), typeof o == "string" && (i = ((m = (c = (x = (b = t.translations) == null ? void 0 : b.options) == null ? void 0 : x[t.optionKey]) == null ? void 0 : c.extraLabelTooltip) == null ? void 0 : m[o]) ?? o);
+  let s;
+  typeof ((d = t.controlInfo) == null ? void 0 : d.extraLabelHasClickAction) == "function" ? s = t.controlInfo.extraLabelHasClickAction({
     options: t.options,
     slots: t.slots,
     theme: t.theme
-  }) : typeof ((m = t.controlInfo) == null ? void 0 : m.extraLabelHasClickAction) == "boolean" && (e = t.controlInfo.extraLabelHasClickAction);
-  const n = typeof ((f = t.controlInfo) == null ? void 0 : f.extraLabelClickAction) == "function" ? () => t.controlInfo.extraLabelClickAction({
+  }) : typeof ((f = t.controlInfo) == null ? void 0 : f.extraLabelHasClickAction) == "boolean" && (s = t.controlInfo.extraLabelHasClickAction);
+  const e = typeof ((u = t.controlInfo) == null ? void 0 : u.extraLabelClickAction) == "function" ? () => t.controlInfo.extraLabelClickAction({
     options: t.options,
     slots: t.slots,
     theme: t.theme
@@ -77,337 +77,347 @@ const N = (t, i, o) => {
   return {
     extraLabel: i,
     extraLabelTooltip: o,
-    extraLabelHasClickAction: e,
-    extraLabelClickAction: n
+    extraLabelHasClickAction: s,
+    extraLabelClickAction: e
   };
 }, T = (t, i) => {
+  var s;
+  const o = (t == null ? void 0 : t.options) ?? {};
+  if (typeof ((s = t == null ? void 0 : t.controlInfo) == null ? void 0 : s.calculateValue) == "function")
+    return t.controlInfo.calculateValue({ options: o });
   if (i.includes(".")) {
-    const o = i.split(".");
-    let e = t;
-    for (let s = 0; s < o.length - 1; s++)
-      e = e[o[s]] ?? {};
-    const n = o.length - 1;
-    return e[o[n]];
-  }
-  return t[i];
-}, _ = (t) => (i) => {
-  const o = { ...t.options };
-  if (t.optionKey.includes(".")) {
-    const e = t.optionKey.split(".");
+    const e = i.split(".");
     let n = o;
     for (let p = 0; p < e.length - 1; p++)
-      n[e[p]] = n[e[p]] ?? {}, n = n[e[p]];
-    const s = e.length - 1;
-    n[e[s]] = i.detail.value;
+      n = n[e[p]] ?? {};
+    const l = e.length - 1;
+    return n[e[l]];
+  }
+  return o[i];
+}, _ = (t) => (i) => {
+  var s, e;
+  let o = { ...t.options };
+  if (typeof ((s = t == null ? void 0 : t.controlInfo) == null ? void 0 : s.toOptions) == "function")
+    o = t.controlInfo.toOptions({
+      options: o,
+      value: (e = i == null ? void 0 : i.detail) == null ? void 0 : e.value
+    });
+  else if (t.optionKey.includes(".")) {
+    const n = t.optionKey.split(".");
+    let l = o;
+    for (let a = 0; a < n.length - 1; a++)
+      l[n[a]] = l[n[a]] ?? {}, l = l[n[a]];
+    const p = n.length - 1;
+    l[n[p]] = i.detail.value;
   } else
     o[t.optionKey] = i.detail.value;
   return t.changeCallback(o);
 }, J = (t) => {
-  var b, u, h, r, a, c, m, f, x, y, L, I;
-  const i = ((h = (u = (b = t.translations) == null ? void 0 : b.options) == null ? void 0 : u[t.optionKey]) == null ? void 0 : h.label) ?? ((r = t.controlInfo) == null ? void 0 : r.label) ?? t.optionKey ?? "", o = t.size, e = {};
-  Object.keys((a = t.controlInfo) == null ? void 0 : a.values).forEach((z) => {
-    var C, O, A, j, F, P;
-    e[z] = {
-      ...(C = t.controlInfo) == null ? void 0 : C.values[z],
-      label: ((F = (j = (A = (O = t.translations) == null ? void 0 : O.options) == null ? void 0 : A[t.optionKey]) == null ? void 0 : j.enum) == null ? void 0 : F[z]) ?? ((P = t.controlInfo) == null ? void 0 : P.values[z].label)
+  var $, b, x, c, m, d, f, u, y, k, L, z;
+  const i = ((x = (b = ($ = t.translations) == null ? void 0 : $.options) == null ? void 0 : b[t.optionKey]) == null ? void 0 : x.label) ?? ((c = t.controlInfo) == null ? void 0 : c.label) ?? t.optionKey ?? "", o = t.size, s = {};
+  Object.keys((m = t.controlInfo) == null ? void 0 : m.values).forEach((I) => {
+    var C, V, w, j, F, P;
+    s[I] = {
+      ...(C = t.controlInfo) == null ? void 0 : C.values[I],
+      label: ((F = (j = (w = (V = t.translations) == null ? void 0 : V.options) == null ? void 0 : w[t.optionKey]) == null ? void 0 : j.enum) == null ? void 0 : F[I]) ?? ((P = t.controlInfo) == null ? void 0 : P.values[I].label)
     };
   });
-  const n = ((f = (m = (c = t.translations) == null ? void 0 : c.options) == null ? void 0 : m[t.optionKey]) == null ? void 0 : f.tooltip) ?? ((x = t.controlInfo) == null ? void 0 : x.tooltip), s = T(t.options, t.optionKey), p = w(t), {
-    extraLabel: $,
-    extraLabelTooltip: k,
-    extraLabelHasClickAction: d,
-    extraLabelClickAction: l
-  } = H(t), v = _(t);
+  const e = ((u = (f = (d = t.translations) == null ? void 0 : d.options) == null ? void 0 : f[t.optionKey]) == null ? void 0 : u.tooltip) ?? ((y = t.controlInfo) == null ? void 0 : y.tooltip), n = T(t, t.optionKey), l = H(t), {
+    extraLabel: p,
+    extraLabelTooltip: a,
+    extraLabelHasClickAction: h,
+    extraLabelClickAction: r
+  } = O(t), v = _(t);
   return K`
     <luzmo-edit-option-action-button-group
       .label=${i}
-      .value=${s}
-      .values=${e}
-      .default=${p}
-      .selects=${(y = t.controlInfo) == null ? void 0 : y.selects}
+      .value=${n}
+      .values=${s}
+      .default=${l}
+      .selects=${(k = t.controlInfo) == null ? void 0 : k.selects}
       .size=${o}
-      .tooltip=${n}
-      .extraLabel=${$}
-      .extraLabelTooltip=${k}
-      .extraLabelHasClickAction=${d}
-      @extraLabelClick=${l}
+      .tooltip=${e}
+      .extraLabel=${p}
+      .extraLabelTooltip=${a}
+      .extraLabelHasClickAction=${h}
+      @extraLabelClick=${r}
       @option-changed=${v}
-      .fromOptionValue=${(L = t.controlInfo) == null ? void 0 : L.fromOptionValue}
-      .toOptionValue=${(I = t.controlInfo) == null ? void 0 : I.toOptionValue}
+      .parseValue=${(L = t.controlInfo) == null ? void 0 : L.parseValue}
+      .toValue=${(z = t.controlInfo) == null ? void 0 : z.toValue}
     ></luzmo-edit-option-action-button-group>
   `;
 }, Q = (t) => {
-  var b, u, h, r, a, c, m, f, x, y;
-  const i = ((h = (u = (b = t.translations) == null ? void 0 : b.options) == null ? void 0 : u[t.optionKey]) == null ? void 0 : h.label) ?? ((r = t.controlInfo) == null ? void 0 : r.label) ?? t.optionKey ?? "", o = T(t.options, t.optionKey), e = t.size, n = ((m = (c = (a = t.translations) == null ? void 0 : a.options) == null ? void 0 : c[t.optionKey]) == null ? void 0 : m.tooltip) ?? ((f = t.controlInfo) == null ? void 0 : f.tooltip), s = w(t), {
-    extraLabel: p,
-    extraLabelTooltip: $,
-    extraLabelHasClickAction: k,
-    extraLabelClickAction: d
-  } = H(t), l = _(t);
+  var $, b, x, c, m, d, f, u, y, k;
+  const i = ((x = (b = ($ = t.translations) == null ? void 0 : $.options) == null ? void 0 : b[t.optionKey]) == null ? void 0 : x.label) ?? ((c = t.controlInfo) == null ? void 0 : c.label) ?? t.optionKey ?? "", o = T(t, t.optionKey), s = t.size, e = ((f = (d = (m = t.translations) == null ? void 0 : m.options) == null ? void 0 : d[t.optionKey]) == null ? void 0 : f.tooltip) ?? ((u = t.controlInfo) == null ? void 0 : u.tooltip), n = H(t), {
+    extraLabel: l,
+    extraLabelTooltip: p,
+    extraLabelHasClickAction: a,
+    extraLabelClickAction: h
+  } = O(t), r = _(t);
   return K`
     <luzmo-edit-option-color-picker
-      .value=${o ?? s}
+      .value=${o ?? n}
       .label=${i}
-      .size=${e}
-      .tooltip=${n}
-      .extraLabel=${p}
-      .extraLabelTooltip=${$}
-      .extraLabelHasClickAction=${k}
+      .size=${s}
+      .tooltip=${e}
+      .extraLabel=${l}
+      .extraLabelTooltip=${p}
+      .extraLabelHasClickAction=${a}
       @extraLabelClick=${() => {
-    if (typeof d == "function") {
-      const { options: L } = d();
+    if (typeof h == "function") {
+      const { options: L } = h();
       return t.changeCallback(L);
     }
   }}
-      @option-changed=${l}
-      .fromOptionValue=${(x = t.controlInfo) == null ? void 0 : x.fromOptionValue}
-      .toOptionValue=${(y = t.controlInfo) == null ? void 0 : y.toOptionValue}
+      @option-changed=${r}
+      .parseValue=${(y = t.controlInfo) == null ? void 0 : y.parseValue}
+      .toValue=${(k = t.controlInfo) == null ? void 0 : k.toValue}
     ></luzmo-edit-option-color-picker>
   `;
 }, U = (t) => {
-  var u, h, r, a, c, m, f, x, y, L, I, z, C, O;
-  const i = ((r = (h = (u = t.translations) == null ? void 0 : u.options) == null ? void 0 : h[t.optionKey]) == null ? void 0 : r.label) ?? ((a = t.controlInfo) == null ? void 0 : a.label) ?? t.optionKey ?? "", o = T(t.options, t.optionKey) ?? {}, e = ((f = (m = (c = t.translations) == null ? void 0 : c.options) == null ? void 0 : m[t.optionKey]) == null ? void 0 : f.tooltip) ?? ((x = t.controlInfo) == null ? void 0 : x.tooltip), n = t.language ?? "en", s = {};
-  s[n] = ((I = (L = (y = t.translations) == null ? void 0 : y.options) == null ? void 0 : L[t.optionKey]) == null ? void 0 : I.placeholder) ?? ((z = t.controlInfo) == null ? void 0 : z.placeholder) ?? "";
-  const p = t.size, $ = w(t), {
-    extraLabel: k,
-    extraLabelTooltip: d,
-    extraLabelHasClickAction: l,
+  var b, x, c, m, d, f, u, y, k, L, z, I, C, V;
+  const i = ((c = (x = (b = t.translations) == null ? void 0 : b.options) == null ? void 0 : x[t.optionKey]) == null ? void 0 : c.label) ?? ((m = t.controlInfo) == null ? void 0 : m.label) ?? t.optionKey ?? "", o = T(t, t.optionKey) ?? {}, s = ((u = (f = (d = t.translations) == null ? void 0 : d.options) == null ? void 0 : f[t.optionKey]) == null ? void 0 : u.tooltip) ?? ((y = t.controlInfo) == null ? void 0 : y.tooltip), e = t.language ?? "en", n = {};
+  n[e] = ((z = (L = (k = t.translations) == null ? void 0 : k.options) == null ? void 0 : L[t.optionKey]) == null ? void 0 : z.placeholder) ?? ((I = t.controlInfo) == null ? void 0 : I.placeholder) ?? "";
+  const l = t.size, p = H(t), {
+    extraLabel: a,
+    extraLabelTooltip: h,
+    extraLabelHasClickAction: r,
     extraLabelClickAction: v
-  } = H(t), b = _(t);
+  } = O(t), $ = _(t);
   return K`
     <luzmo-edit-option-multi-language-field
       .label=${i}
-      .placeholder=${s}
-      .value=${o ?? $}
-      language=${D(n)}
-      .size=${p}
-      .tooltip=${e}
-      .extraLabel=${k}
-      .extraLabelTooltip=${d}
-      .extraLabelHasClickAction=${l}
+      .placeholder=${n}
+      .value=${o ?? p}
+      language=${D(e)}
+      .size=${l}
+      .tooltip=${s}
+      .extraLabel=${a}
+      .extraLabelTooltip=${h}
+      .extraLabelHasClickAction=${r}
       @extraLabelClick=${v}
-      @option-changed=${b}
-      .fromOptionValue=${(C = t.controlInfo) == null ? void 0 : C.fromOptionValue}
-      .toOptionValue=${(O = t.controlInfo) == null ? void 0 : O.toOptionValue}
+      @option-changed=${$}
+      .parseValue=${(C = t.controlInfo) == null ? void 0 : C.parseValue}
+      .toValue=${(V = t.controlInfo) == null ? void 0 : V.toValue}
     ></luzmo-edit-option-multi-language-field>
   `;
 }, W = (t) => {
-  var h, r, a, c, m, f, x, y, L, I, z, C, O;
-  const i = ((a = (r = (h = t.translations) == null ? void 0 : h.options) == null ? void 0 : r[t.optionKey]) == null ? void 0 : a.label) ?? ((c = t.controlInfo) == null ? void 0 : c.label) ?? t.optionKey ?? "", o = (m = t.controlInfo) == null ? void 0 : m.min, e = (f = t.controlInfo) == null ? void 0 : f.max, n = (x = t.controlInfo) == null ? void 0 : x.step, s = T(t.options, t.optionKey), p = ((I = (L = (y = t.translations) == null ? void 0 : y.options) == null ? void 0 : L[t.optionKey]) == null ? void 0 : I.tooltip) ?? ((z = t.controlInfo) == null ? void 0 : z.tooltip), $ = w(t), k = t.size, {
-    extraLabel: d,
-    extraLabelTooltip: l,
+  var x, c, m, d, f, u, y, k, L, z, I, C, V;
+  const i = ((m = (c = (x = t.translations) == null ? void 0 : x.options) == null ? void 0 : c[t.optionKey]) == null ? void 0 : m.label) ?? ((d = t.controlInfo) == null ? void 0 : d.label) ?? t.optionKey ?? "", o = (f = t.controlInfo) == null ? void 0 : f.min, s = (u = t.controlInfo) == null ? void 0 : u.max, e = (y = t.controlInfo) == null ? void 0 : y.step, n = T(t, t.optionKey), l = ((z = (L = (k = t.translations) == null ? void 0 : k.options) == null ? void 0 : L[t.optionKey]) == null ? void 0 : z.tooltip) ?? ((I = t.controlInfo) == null ? void 0 : I.tooltip), p = H(t), a = t.size, {
+    extraLabel: h,
+    extraLabelTooltip: r,
     extraLabelHasClickAction: v,
-    extraLabelClickAction: b
-  } = H(t), u = _(t);
+    extraLabelClickAction: $
+  } = O(t), b = _(t);
   return K`
     <luzmo-edit-option-number-field
-      .value=${s}
-      .default=${$}
+      .value=${n}
+      .default=${p}
       .min=${o}
-      .max=${e}
-      .step=${n}
+      .max=${s}
+      .step=${e}
       .label=${i}
-      .size=${k}
-      .tooltip=${p}
-      .extraLabel=${d}
-      .extraLabelTooltip=${l}
+      .size=${a}
+      .tooltip=${l}
+      .extraLabel=${h}
+      .extraLabelTooltip=${r}
       .extraLabelHasClickAction=${v}
-      @extraLabelClick=${b}
-      @option-changed=${u}
-      .fromOptionValue=${(C = t.controlInfo) == null ? void 0 : C.fromOptionValue}
-      .toOptionValue=${(O = t.controlInfo) == null ? void 0 : O.toOptionValue}
+      @extraLabelClick=${$}
+      @option-changed=${b}
+      .parseValue=${(C = t.controlInfo) == null ? void 0 : C.parseValue}
+      .toValue=${(V = t.controlInfo) == null ? void 0 : V.toValue}
     ></luzmo-edit-option-number-field>
   `;
 }, X = (t) => {
-  var b, u, h, r, a, c, m, f, x, y, L;
-  const i = ((h = (u = (b = t.translations) == null ? void 0 : b.options) == null ? void 0 : u[t.optionKey]) == null ? void 0 : h.label) ?? ((r = t.controlInfo) == null ? void 0 : r.label) ?? t.optionKey ?? "", o = T(t.options, t.optionKey), e = ((m = (c = (a = t.translations) == null ? void 0 : a.options) == null ? void 0 : c[t.optionKey]) == null ? void 0 : m.tooltip) ?? ((f = t.controlInfo) == null ? void 0 : f.tooltip), n = (x = t.controlInfo) == null ? void 0 : x.enum.reduce(
-    (I, z) => {
-      var C, O, A, j;
-      return I[z] = ((j = (A = (O = (C = t.translations) == null ? void 0 : C.options) == null ? void 0 : O[t.optionKey]) == null ? void 0 : A.enum) == null ? void 0 : j[z]) ?? z, I;
+  var $, b, x, c, m, d, f, u, y, k, L;
+  const i = ((x = (b = ($ = t.translations) == null ? void 0 : $.options) == null ? void 0 : b[t.optionKey]) == null ? void 0 : x.label) ?? ((c = t.controlInfo) == null ? void 0 : c.label) ?? t.optionKey ?? "", o = T(t, t.optionKey), s = ((f = (d = (m = t.translations) == null ? void 0 : m.options) == null ? void 0 : d[t.optionKey]) == null ? void 0 : f.tooltip) ?? ((u = t.controlInfo) == null ? void 0 : u.tooltip), e = (y = t.controlInfo) == null ? void 0 : y.enum.reduce(
+    (z, I) => {
+      var C, V, w, j;
+      return z[I] = ((j = (w = (V = (C = t.translations) == null ? void 0 : C.options) == null ? void 0 : V[t.optionKey]) == null ? void 0 : w.enum) == null ? void 0 : j[I]) ?? I, z;
     },
     {}
-  ), s = t.size, p = w(t), {
-    extraLabel: $,
-    extraLabelTooltip: k,
-    extraLabelHasClickAction: d,
-    extraLabelClickAction: l
-  } = H(t), v = _(t);
+  ), n = t.size, l = H(t), {
+    extraLabel: p,
+    extraLabelTooltip: a,
+    extraLabelHasClickAction: h,
+    extraLabelClickAction: r
+  } = O(t), v = _(t);
   return K`
     <luzmo-edit-option-picker
       .value=${o}
-      .default=${p}
-      .values=${n}
+      .default=${l}
+      .values=${e}
       .label=${i}
-      .tooltip=${e}
-      .size=${s}
-      .extraLabel=${$}
-      .extraLabelTooltip=${k}
-      .extraLabelHasClickAction=${d}
-      @extraLabelClick=${l}
+      .tooltip=${s}
+      .size=${n}
+      .extraLabel=${p}
+      .extraLabelTooltip=${a}
+      .extraLabelHasClickAction=${h}
+      @extraLabelClick=${r}
       @option-changed=${v}
-      .fromOptionValue=${(y = t.controlInfo) == null ? void 0 : y.fromOptionValue}
-      .toOptionValue=${(L = t.controlInfo) == null ? void 0 : L.toOptionValue}
+      .parseValue=${(k = t.controlInfo) == null ? void 0 : k.parseValue}
+      .toValue=${(L = t.controlInfo) == null ? void 0 : L.toValue}
     ></luzmo-edit-option-picker>
   `;
 }, Y = (t) => {
-  var b, u, h, r, a, c, m, f, x, y, L;
-  const i = ((h = (u = (b = t.translations) == null ? void 0 : b.options) == null ? void 0 : u[t.optionKey]) == null ? void 0 : h.label) ?? ((r = t.controlInfo) == null ? void 0 : r.label), o = (a = t.controlInfo) == null ? void 0 : a.positions, e = t.size, n = T(t.options, t.optionKey), s = ((f = (m = (c = t.translations) == null ? void 0 : c.options) == null ? void 0 : m[t.optionKey]) == null ? void 0 : f.tooltip) ?? ((x = t.controlInfo) == null ? void 0 : x.tooltip), p = w(t) ?? "topRight", {
-    extraLabel: $,
-    extraLabelTooltip: k,
-    extraLabelHasClickAction: d,
-    extraLabelClickAction: l
-  } = H(t), v = _(t);
+  var $, b, x, c, m, d, f, u, y, k, L;
+  const i = ((x = (b = ($ = t.translations) == null ? void 0 : $.options) == null ? void 0 : b[t.optionKey]) == null ? void 0 : x.label) ?? ((c = t.controlInfo) == null ? void 0 : c.label), o = (m = t.controlInfo) == null ? void 0 : m.positions, s = t.size, e = T(t, t.optionKey), n = ((u = (f = (d = t.translations) == null ? void 0 : d.options) == null ? void 0 : f[t.optionKey]) == null ? void 0 : u.tooltip) ?? ((y = t.controlInfo) == null ? void 0 : y.tooltip), l = H(t) ?? "topRight", {
+    extraLabel: p,
+    extraLabelTooltip: a,
+    extraLabelHasClickAction: h,
+    extraLabelClickAction: r
+  } = O(t), v = _(t);
   return K`
     <luzmo-edit-option-position-picker
-      .value=${(y = t.controlInfo) == null ? void 0 : y.value}
+      .value=${(k = t.controlInfo) == null ? void 0 : k.value}
       .positions=${o}
-      .default=${p}
+      .default=${l}
       .label=${i}
-      .tooltip=${s}
-      .size=${e}
-      .value=${n}
-      .extraLabel=${$}
-      .extraLabelTooltip=${k}
-      .extraLabelHasClickAction=${d}
-      @extraLabelClick=${l}
+      .tooltip=${n}
+      .size=${s}
+      .value=${e}
+      .extraLabel=${p}
+      .extraLabelTooltip=${a}
+      .extraLabelHasClickAction=${h}
+      @extraLabelClick=${r}
       @option-changed=${v}
       .readonly=${(L = t.controlInfo) == null ? void 0 : L.readonly}
     ></luzmo-edit-option-position-picker>
   `;
 }, Z = (t) => {
-  var v, b, u, h, r, a, c, m, f, x, y, L;
-  const i = ((u = (b = (v = t.translations) == null ? void 0 : v.options) == null ? void 0 : b[t.optionKey]) == null ? void 0 : u.label) ?? ((h = t.controlInfo) == null ? void 0 : h.label), o = T(t.options, t.optionKey), e = t.size, n = ((c = (a = (r = t.translations) == null ? void 0 : r.options) == null ? void 0 : a[t.optionKey]) == null ? void 0 : c.tooltip) ?? ((m = t.controlInfo) == null ? void 0 : m.tooltip), s = w(t), {
-    extraLabel: p,
-    extraLabelTooltip: $,
-    extraLabelHasClickAction: k,
-    extraLabelClickAction: d
-  } = H(t), l = _(t);
+  var v, $, b, x, c, m, d, f, u, y, k, L;
+  const i = ((b = ($ = (v = t.translations) == null ? void 0 : v.options) == null ? void 0 : $[t.optionKey]) == null ? void 0 : b.label) ?? ((x = t.controlInfo) == null ? void 0 : x.label), o = T(t, t.optionKey), s = t.size, e = ((d = (m = (c = t.translations) == null ? void 0 : c.options) == null ? void 0 : m[t.optionKey]) == null ? void 0 : d.tooltip) ?? ((f = t.controlInfo) == null ? void 0 : f.tooltip), n = H(t), {
+    extraLabel: l,
+    extraLabelTooltip: p,
+    extraLabelHasClickAction: a,
+    extraLabelClickAction: h
+  } = O(t), r = _(t);
   return K`
     <luzmo-edit-option-positions-number-field
-      .values=${o ?? s}
-      .positions=${(f = t.controlInfo) == null ? void 0 : f.positions}
-      .positionConfiguration=${(x = t.controlInfo) == null ? void 0 : x.positionConfiguration}
+      .values=${o ?? n}
+      .positions=${(u = t.controlInfo) == null ? void 0 : u.positions}
+      .positionConfiguration=${(y = t.controlInfo) == null ? void 0 : y.positionConfiguration}
       .label=${i}
-      .size=${e}
-      .tooltip=${n}
-      .extraLabel=${p}
-      .extraLabelTooltip=${$}
-      .extraLabelHasClickAction=${k}
-      @extraLabelClick=${d}
-      @option-changed=${l}
-      .fromOptionValue=${(y = t.controlInfo) == null ? void 0 : y.fromOptionValue}
-      .toOptionValue=${(L = t.controlInfo) == null ? void 0 : L.toOptionValue}
+      .size=${s}
+      .tooltip=${e}
+      .extraLabel=${l}
+      .extraLabelTooltip=${p}
+      .extraLabelHasClickAction=${a}
+      @extraLabelClick=${h}
+      @option-changed=${r}
+      .parseValue=${(k = t.controlInfo) == null ? void 0 : k.parseValue}
+      .toValue=${(L = t.controlInfo) == null ? void 0 : L.toValue}
     ></luzmo-edit-option-positions-number-field>
   `;
 }, g = (t) => {
-  var b, u, h, r, a, c, m, f, x, y, L;
-  const i = ((h = (u = (b = t.translations) == null ? void 0 : b.options) == null ? void 0 : u[t.optionKey]) == null ? void 0 : h.label) ?? ((r = t.controlInfo) == null ? void 0 : r.label) ?? t.optionKey ?? "", o = T(t.options, t.optionKey), e = w(t), n = (a = t.controlInfo) == null ? void 0 : a.enum.reduce(
-    (I, z) => {
-      var C, O, A, j;
-      return I[z] = ((j = (A = (O = (C = t.translations) == null ? void 0 : C.options) == null ? void 0 : O[t.optionKey]) == null ? void 0 : A.enum) == null ? void 0 : j[z]) ?? z, I;
+  var $, b, x, c, m, d, f, u, y, k, L;
+  const i = ((x = (b = ($ = t.translations) == null ? void 0 : $.options) == null ? void 0 : b[t.optionKey]) == null ? void 0 : x.label) ?? ((c = t.controlInfo) == null ? void 0 : c.label) ?? t.optionKey ?? "", o = T(t, t.optionKey), s = H(t), e = (m = t.controlInfo) == null ? void 0 : m.enum.reduce(
+    (z, I) => {
+      var C, V, w, j;
+      return z[I] = ((j = (w = (V = (C = t.translations) == null ? void 0 : C.options) == null ? void 0 : V[t.optionKey]) == null ? void 0 : w.enum) == null ? void 0 : j[I]) ?? I, z;
     },
     {}
-  ), s = t.size, p = ((f = (m = (c = t.translations) == null ? void 0 : c.options) == null ? void 0 : m[t.optionKey]) == null ? void 0 : f.tooltip) ?? ((x = t.controlInfo) == null ? void 0 : x.tooltip), {
-    extraLabel: $,
-    extraLabelTooltip: k,
-    extraLabelHasClickAction: d,
-    extraLabelClickAction: l
-  } = H(t), v = _(t);
+  ), n = t.size, l = ((u = (f = (d = t.translations) == null ? void 0 : d.options) == null ? void 0 : f[t.optionKey]) == null ? void 0 : u.tooltip) ?? ((y = t.controlInfo) == null ? void 0 : y.tooltip), {
+    extraLabel: p,
+    extraLabelTooltip: a,
+    extraLabelHasClickAction: h,
+    extraLabelClickAction: r
+  } = O(t), v = _(t);
   return K`
     <luzmo-edit-option-radio-button-group
-      .value=${o ?? e}
-      .values=${n}
+      .value=${o ?? s}
+      .values=${e}
       .label=${i}
-      .size=${s}
-      .tooltip=${p}
-      .extraLabel=${$}
-      .extraLabelTooltip=${k}
-      .extraLabelHasClickAction=${d}
-      @extraLabelClick=${l}
+      .size=${n}
+      .tooltip=${l}
+      .extraLabel=${p}
+      .extraLabelTooltip=${a}
+      .extraLabelHasClickAction=${h}
+      @extraLabelClick=${r}
       @option-changed=${v}
-      .fromOptionValue=${(y = t.controlInfo) == null ? void 0 : y.fromOptionValue}
-      .toOptionValue=${(L = t.controlInfo) == null ? void 0 : L.toOptionValue}
+      .parseValue=${(k = t.controlInfo) == null ? void 0 : k.parseValue}
+      .toValue=${(L = t.controlInfo) == null ? void 0 : L.toValue}
     ></luzmo-edit-option-radio-button-group>
   `;
 }, tt = (t) => {
-  var r, a, c, m, f, x, y, L, I, z, C, O, A;
-  const i = ((c = (a = (r = t.translations) == null ? void 0 : r.options) == null ? void 0 : a[t.optionKey]) == null ? void 0 : c.label) ?? ((m = t.controlInfo) == null ? void 0 : m.label) ?? t.optionKey ?? "", o = ((y = (x = (f = t.translations) == null ? void 0 : f.options) == null ? void 0 : x[t.optionKey]) == null ? void 0 : y.tooltip) ?? ((L = t.controlInfo) == null ? void 0 : L.tooltip), e = (I = t.controlInfo) == null ? void 0 : I.min, n = (z = t.controlInfo) == null ? void 0 : z.max, s = (C = t.controlInfo) == null ? void 0 : C.step, p = T(t.options, t.optionKey), $ = t.size, k = w(t), {
-    extraLabel: d,
-    extraLabelTooltip: l,
+  var c, m, d, f, u, y, k, L, z, I, C, V, w;
+  const i = ((d = (m = (c = t.translations) == null ? void 0 : c.options) == null ? void 0 : m[t.optionKey]) == null ? void 0 : d.label) ?? ((f = t.controlInfo) == null ? void 0 : f.label) ?? t.optionKey ?? "", o = ((k = (y = (u = t.translations) == null ? void 0 : u.options) == null ? void 0 : y[t.optionKey]) == null ? void 0 : k.tooltip) ?? ((L = t.controlInfo) == null ? void 0 : L.tooltip), s = (z = t.controlInfo) == null ? void 0 : z.min, e = (I = t.controlInfo) == null ? void 0 : I.max, n = (C = t.controlInfo) == null ? void 0 : C.step, l = T(t, t.optionKey), p = t.size, a = H(t), {
+    extraLabel: h,
+    extraLabelTooltip: r,
     extraLabelHasClickAction: v,
-    extraLabelClickAction: b
-  } = H(t), u = _(t);
+    extraLabelClickAction: $
+  } = O(t), b = _(t);
   return K`
     <luzmo-edit-option-slider
-      .value=${p}
-      .default=${k}
-      .min=${e}
-      .max=${n}
-      .step=${s}
+      .value=${l}
+      .default=${a}
+      .min=${s}
+      .max=${e}
+      .step=${n}
       .label=${i}
       .tooltip=${o}
-      .size=${$}
-      .extraLabel=${d}
-      .extraLabelTooltip=${l}
+      .size=${p}
+      .extraLabel=${h}
+      .extraLabelTooltip=${r}
       .extraLabelHasClickAction=${v}
       @extraLabelClick=${() => {
-    if (typeof b == "function") {
-      const { options: j } = b();
+    if (typeof $ == "function") {
+      const { options: j } = $();
       return t.changeCallback(j);
     }
   }}
-      @option-changed=${u}
-      .fromOptionValue=${(O = t.controlInfo) == null ? void 0 : O.fromOptionValue}
-      .toOptionValue=${(A = t.controlInfo) == null ? void 0 : A.toOptionValue}
+      @option-changed=${b}
+      .parseValue=${(V = t.controlInfo) == null ? void 0 : V.parseValue}
+      .toValue=${(w = t.controlInfo) == null ? void 0 : w.toValue}
     ></luzmo-edit-option-slider>
   `;
 }, it = (t) => {
-  var v, b, u, h, r, a, c, m, f, x;
-  const i = ((u = (b = (v = t.translations) == null ? void 0 : v.options) == null ? void 0 : b[t.optionKey]) == null ? void 0 : u.label) ?? ((h = t.controlInfo) == null ? void 0 : h.label) ?? t.optionKey ?? "", o = T(t.options, t.optionKey), e = t.size, n = ((c = (a = (r = t.translations) == null ? void 0 : r.options) == null ? void 0 : a[t.optionKey]) == null ? void 0 : c.tooltip) ?? ((m = t.controlInfo) == null ? void 0 : m.tooltip), s = w(t), {
-    extraLabel: p,
-    extraLabelTooltip: $,
-    extraLabelHasClickAction: k,
-    extraLabelClickAction: d
-  } = H(t), l = _(t);
+  var v, $, b, x, c, m, d, f, u, y;
+  const i = ((b = ($ = (v = t.translations) == null ? void 0 : v.options) == null ? void 0 : $[t.optionKey]) == null ? void 0 : b.label) ?? ((x = t.controlInfo) == null ? void 0 : x.label) ?? t.optionKey ?? "", o = T(t, t.optionKey), s = t.size, e = ((d = (m = (c = t.translations) == null ? void 0 : c.options) == null ? void 0 : m[t.optionKey]) == null ? void 0 : d.tooltip) ?? ((f = t.controlInfo) == null ? void 0 : f.tooltip), n = H(t), {
+    extraLabel: l,
+    extraLabelTooltip: p,
+    extraLabelHasClickAction: a,
+    extraLabelClickAction: h
+  } = O(t), r = _(t);
   return K`
     <luzmo-edit-option-switch
-      .value=${o ?? s ?? !1}
+      .value=${o ?? n ?? !1}
       .label=${i}
-      .size=${e}
-      .tooltip=${n}
-      .extraLabel=${p}
-      .extraLabelTooltip=${$}
-      .extraLabelHasClickAction=${k}
-      @extraLabelClick=${d}
-      @option-changed=${l}
-      .fromOptionValue=${(f = t.controlInfo) == null ? void 0 : f.fromOptionValue}
-      .toOptionValue=${(x = t.controlInfo) == null ? void 0 : x.toOptionValue}
+      .size=${s}
+      .tooltip=${e}
+      .extraLabel=${l}
+      .extraLabelTooltip=${p}
+      .extraLabelHasClickAction=${a}
+      @extraLabelClick=${h}
+      @option-changed=${r}
+      .parseValue=${(u = t.controlInfo) == null ? void 0 : u.parseValue}
+      .toValue=${(y = t.controlInfo) == null ? void 0 : y.toValue}
     ></luzmo-edit-option-switch>
   `;
 }, ot = (t) => {
-  var u, h, r, a, c, m, f, x, y, L, I, z, C, O;
-  const i = ((r = (h = (u = t.translations) == null ? void 0 : u.options) == null ? void 0 : h[t.optionKey]) == null ? void 0 : r.label) ?? ((a = t.controlInfo) == null ? void 0 : a.label) ?? t.optionKey ?? "", o = t.language ?? "en", e = {};
-  e[o] = ((f = (m = (c = t.translations) == null ? void 0 : c.options) == null ? void 0 : m[t.optionKey]) == null ? void 0 : f.placeholder) ?? ((x = t.controlInfo) == null ? void 0 : x.placeholder) ?? "";
-  const n = T(t.options, t.optionKey) ?? "", s = t.size, p = ((I = (L = (y = t.translations) == null ? void 0 : y.options) == null ? void 0 : L[t.optionKey]) == null ? void 0 : I.tooltip) ?? ((z = t.controlInfo) == null ? void 0 : z.tooltip), $ = w(t), {
-    extraLabel: k,
-    extraLabelTooltip: d,
-    extraLabelHasClickAction: l,
+  var b, x, c, m, d, f, u, y, k, L, z, I, C, V;
+  const i = ((c = (x = (b = t.translations) == null ? void 0 : b.options) == null ? void 0 : x[t.optionKey]) == null ? void 0 : c.label) ?? ((m = t.controlInfo) == null ? void 0 : m.label) ?? t.optionKey ?? "", o = t.language ?? "en", s = {};
+  s[o] = ((u = (f = (d = t.translations) == null ? void 0 : d.options) == null ? void 0 : f[t.optionKey]) == null ? void 0 : u.placeholder) ?? ((y = t.controlInfo) == null ? void 0 : y.placeholder) ?? "";
+  const e = T(t, t.optionKey) ?? "", n = t.size, l = ((z = (L = (k = t.translations) == null ? void 0 : k.options) == null ? void 0 : L[t.optionKey]) == null ? void 0 : z.tooltip) ?? ((I = t.controlInfo) == null ? void 0 : I.tooltip), p = H(t), {
+    extraLabel: a,
+    extraLabelTooltip: h,
+    extraLabelHasClickAction: r,
     extraLabelClickAction: v
-  } = H(t), b = _(t);
+  } = O(t), $ = _(t);
   return K`
     <luzmo-edit-option-text-field
       .label=${i}
-      .placeholder=${e[o]}
-      .value=${n ?? $}
-      .size=${s}
-      .tooltip=${p}
-      .extraLabel=${k}
-      .extraLabelTooltip=${d}
-      .extraLabelHasClickAction=${l}
+      .placeholder=${s[o]}
+      .value=${e ?? p}
+      .size=${n}
+      .tooltip=${l}
+      .extraLabel=${a}
+      .extraLabelTooltip=${h}
+      .extraLabelHasClickAction=${r}
       @extraLabelClick=${v}
-      @option-changed=${b}
-      .fromOptionValue=${(C = t.controlInfo) == null ? void 0 : C.fromOptionValue}
-      .toOptionValue=${(O = t.controlInfo) == null ? void 0 : O.toOptionValue}
+      @option-changed=${$}
+      .parseValue=${(C = t.controlInfo) == null ? void 0 : C.parseValue}
+      .toValue=${(V = t.controlInfo) == null ? void 0 : V.toValue}
     ></luzmo-edit-option-text-field>
   `;
 }, nt = (t) => {
@@ -436,10 +446,10 @@ const N = (t, i, o) => {
       return J(t);
   }
 };
-var et = Object.defineProperty, E = (t, i, o, e) => {
-  for (var n = void 0, s = t.length - 1, p; s >= 0; s--)
-    (p = t[s]) && (n = p(i, o, n) || n);
-  return n && et(i, o, n), n;
+var et = Object.defineProperty, E = (t, i, o, s) => {
+  for (var e = void 0, n = t.length - 1, l; n >= 0; n--)
+    (l = t[n]) && (e = l(i, o, e) || e);
+  return e && et(i, o, e), e;
 };
 const B = class B extends G {
   constructor() {
@@ -447,73 +457,73 @@ const B = class B extends G {
       task: async ([
         i,
         o,
+        s,
         e,
-        n,
-        s
+        n
       ]) => {
-        let p = !1;
-        if (i !== this._itemTypeLoaded && !n) {
-          const d = /* @__PURE__ */ Object.assign({
+        let l = !1;
+        if (i !== this._itemTypeLoaded && !e) {
+          const h = /* @__PURE__ */ Object.assign({
             "../../item-definitions/area-chart/area-chart-options.config.ts": () => import("./area-chart-options.config-7NUkgEdr.js"),
             "../../item-definitions/bar-chart/bar-chart-options.config.ts": () => import("./bar-chart-options.config-BdbbHUJZ.js"),
-            "../../item-definitions/box-plot/box-plot-options.config.ts": () => import("./box-plot-options.config-RAhd--7J.js"),
+            "../../item-definitions/box-plot/box-plot-options.config.ts": () => import("./box-plot-options.config-vlz5qeNq.js"),
             "../../item-definitions/bubble-chart/bubble-chart-options.config.ts": () => import("./bubble-chart-options.config-BacgXkJ_.js"),
             "../../item-definitions/bullet-chart/bullet-chart-options.config.ts": () => import("./bullet-chart-options.config-Bsw7N7Wl.js"),
-            "../../item-definitions/choropleth-map/choropleth-map-options.config.ts": () => import("./choropleth-map-options.config-DHQu69ib.js"),
+            "../../item-definitions/choropleth-map/choropleth-map-options.config.ts": () => import("./choropleth-map-options.config-CeKXtnYB.js"),
             "../../item-definitions/circle-pack-chart/circle-pack-chart-options.config.ts": () => import("./circle-pack-chart-options.config-DEYL3DMK.js"),
-            "../../item-definitions/circular-gauge/circular-gauge-options.config.ts": () => import("./circular-gauge-options.config-D7FdVupw.js"),
+            "../../item-definitions/circular-gauge/circular-gauge-options.config.ts": () => import("./circular-gauge-options.config-Kd_WK_w-.js"),
             "../../item-definitions/column-chart/column-chart-options.config.ts": () => import("./column-chart-options.config-BqSQ1Sl9.js"),
             "../../item-definitions/combination-chart/combination-chart-options.config.ts": () => import("./combination-chart-options.config-CApdgFvv.js"),
             "../../item-definitions/conditional-number/conditional-number-options.config.ts": () => import("./conditional-number-options.config-BzzAnCOB.js"),
-            "../../item-definitions/date-filter/date-filter-options.config.ts": () => import("./date-filter-options.config-KiuizKhg.js"),
-            "../../item-definitions/donut-chart/donut-chart-options.config.ts": () => import("./donut-chart-options.config-NPwNtLDW.js"),
+            "../../item-definitions/date-filter/date-filter-options.config.ts": () => import("./date-filter-options.config-DBRxlTWy.js"),
+            "../../item-definitions/donut-chart/donut-chart-options.config.ts": () => import("./donut-chart-options.config-BulUEiaH.js"),
             "../../item-definitions/dropdown-filter/dropdown-filter-options.config.ts": () => import("./dropdown-filter-options.config-D9dvPypF.js"),
-            "../../item-definitions/evolution-number/evolution-number-options.config.ts": () => import("./evolution-number-options.config-FlQ0IH6f.js"),
-            "../../item-definitions/funnel-chart/funnel-chart-options.config.ts": () => import("./funnel-chart-options.config-CrlHKd36.js"),
-            "../../item-definitions/heat-map/heat-map-options.config.ts": () => import("./heat-map-options.config-B0FtmOXM.js"),
-            "../../item-definitions/heat-table/heat-table-options.config.ts": () => import("./heat-table-options.config-C0L9ZJHP.js"),
-            "../../item-definitions/hexbin-map/hexbin-map-options.config.ts": () => import("./hexbin-map-options.config-BJaPYxgd.js"),
+            "../../item-definitions/evolution-number/evolution-number-options.config.ts": () => import("./evolution-number-options.config-DzkfeoIN.js"),
+            "../../item-definitions/funnel-chart/funnel-chart-options.config.ts": () => import("./funnel-chart-options.config-CIOrejfS.js"),
+            "../../item-definitions/heat-map/heat-map-options.config.ts": () => import("./heat-map-options.config-BAuSJV3_.js"),
+            "../../item-definitions/heat-table/heat-table-options.config.ts": () => import("./heat-table-options.config-DSu_18VG.js"),
+            "../../item-definitions/hexbin-map/hexbin-map-options.config.ts": () => import("./hexbin-map-options.config-DaaC88d8.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-DB3IsXXr.js"),
-            "../../item-definitions/marker-map/marker-map-options.config.ts": () => import("./marker-map-options.config-DlJhJQFX.js"),
+            "../../item-definitions/marker-map/marker-map-options.config.ts": () => import("./marker-map-options.config-CYoq89Oz.js"),
             "../../item-definitions/ohlc-chart/ohlc-chart-options.config.ts": () => import("./ohlc-chart-options.config-D9npwajt.js"),
             "../../item-definitions/parallel-coordinates-plot/parallel-coordinates-plot-options.config.ts": () => import("./parallel-coordinates-plot-options.config-DxB4kd58.js"),
             "../../item-definitions/pivot-table/pivot-table-options.config.ts": () => import("./pivot-table-options.config-DNK_AIG7.js"),
-            "../../item-definitions/pyramid-chart/pyramid-chart-options.config.ts": () => import("./pyramid-chart-options.config-senv4pUq.js"),
+            "../../item-definitions/pyramid-chart/pyramid-chart-options.config.ts": () => import("./pyramid-chart-options.config-CcVMatYx.js"),
             "../../item-definitions/radar-chart/radar-chart-options.config.ts": () => import("./radar-chart-options.config-CUZn_3Fd.js"),
-            "../../item-definitions/regular-table/regular-table-options.config.ts": () => import("./regular-table-options.config-CAb4esiC.js"),
-            "../../item-definitions/route-map/route-map-options.config.ts": () => import("./route-map-options.config-BmrbNMnQ.js"),
+            "../../item-definitions/regular-table/regular-table-options.config.ts": () => import("./regular-table-options.config-BoLZsBry.js"),
+            "../../item-definitions/route-map/route-map-options.config.ts": () => import("./route-map-options.config-u0hQqmDh.js"),
             "../../item-definitions/sankey-diagram/sankey-diagram-options.config.ts": () => import("./sankey-diagram-options.config-tVLKy_Zn.js"),
             "../../item-definitions/scatter-plot/scatter-plot-options.config.ts": () => import("./scatter-plot-options.config-lrkd9qj4.js"),
             "../../item-definitions/search-filter/search-filter-options.config.ts": () => import("./search-filter-options.config-BE3JhR-F.js"),
-            "../../item-definitions/slicer-filter/slicer-filter-options.config.ts": () => import("./slicer-filter-options.config-DcUkjMck.js"),
+            "../../item-definitions/slicer-filter/slicer-filter-options.config.ts": () => import("./slicer-filter-options.config-3JZZcw5C.js"),
             "../../item-definitions/slider-filter/slider-filter-options.config.ts": () => import("./slider-filter-options.config-DH4SS8wH.js"),
             "../../item-definitions/spacer/spacer-options.config.ts": () => import("./spacer-options.config-IpwUxDyU.js"),
             "../../item-definitions/speedometer-chart/speedometer-chart-options.config.ts": () => import("./speedometer-chart-options.config-Dt2feQYV.js"),
-            "../../item-definitions/spike-map/spike-map-options.config.ts": () => import("./spike-map-options.config-DwUz-EkV.js"),
+            "../../item-definitions/spike-map/spike-map-options.config.ts": () => import("./spike-map-options.config-pdbV_vwg.js"),
             "../../item-definitions/strip-plot/strip-plot-options.config.ts": () => import("./strip-plot-options.config-Bdr8yQJu.js"),
             "../../item-definitions/sunburst-chart/sunburst-chart-options.config.ts": () => import("./sunburst-chart-options.config-CNauGQJv.js"),
-            "../../item-definitions/symbol-map/symbol-map-options.config.ts": () => import("./symbol-map-options.config-CKd-phmw.js"),
+            "../../item-definitions/symbol-map/symbol-map-options.config.ts": () => import("./symbol-map-options.config-Bj-UuL9m.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-D5AJaF_u.js"),
             "../../item-definitions/video/video-options.config.ts": () => import("./video-options.config-Dk36zJ1B.js"),
             "../../item-definitions/wordcloud-chart/wordcloud-chart-options.config.ts": () => import("./wordcloud-chart-options.config-w2NUIWVA.js")
           });
-          if (d[`../../item-definitions/${i}/${i}-options.config.ts`])
+          if (h[`../../item-definitions/${i}/${i}-options.config.ts`])
             try {
-              const l = await d[`../../item-definitions/${i}/${i}-options.config.ts`]();
-              this._optionsConfig = (l == null ? void 0 : l.default) ?? [];
+              const r = await h[`../../item-definitions/${i}/${i}-options.config.ts`]();
+              this._optionsConfig = (r == null ? void 0 : r.default) ?? [];
             } catch {
               this._optionsConfig = [];
             }
           else
             this._optionsConfig = [];
-          p = !0;
-        } else n ? (o && i && console.warn(
+          l = !0;
+        } else e ? (o && i && console.warn(
           "optionKey and itemType are not needed when using custom option configuration"
-        ), this._optionsConfig = [{ children: [n] }], o = n.key, i = void 0) : this._optionsConfig = [];
-        if ((e !== this._languageLoaded || p) && !s) {
-          const d = /* @__PURE__ */ Object.assign({
+        ), this._optionsConfig = [{ children: [e] }], o = e.key, i = void 0) : this._optionsConfig = [];
+        if ((s !== this._languageLoaded || l) && !n) {
+          const h = /* @__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"),
@@ -730,28 +740,28 @@ const B = class B extends G {
             "../../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 (d[`../../item-definitions/${i}/i18n/${i}-options.${e}.ts`])
+          if (h[`../../item-definitions/${i}/i18n/${i}-options.${s}.ts`])
             try {
-              const l = await d[`../../item-definitions/${i}/i18n/${i}-options.${e}.ts`]();
-              this._translations = (l == null ? void 0 : l.default) ?? {};
-            } catch (l) {
-              this._translations = {}, console.error(l);
+              const r = await h[`../../item-definitions/${i}/i18n/${i}-options.${s}.ts`]();
+              this._translations = (r == null ? void 0 : r.default) ?? {};
+            } catch (r) {
+              this._translations = {}, console.error(r);
             }
           else
             this._translations = {};
-        } else s ? this._translations = {
-          options: { [o ?? ""]: s }
+        } else n ? this._translations = {
+          options: { [o ?? ""]: n }
         } : this._translations = {};
-        const $ = N(o ?? "", this._optionsConfig), k = $ == null ? void 0 : $.type;
-        if (k !== 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 p = N(o ?? "", this._optionsConfig), a = p == null ? void 0 : p.type;
+        if (a !== this._controlTypeLoaded) {
+          const h = /* @__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-${k}/index.ts`] && (await d[`../edit-option-${k}/index.ts`](), this._controlTypeLoaded = k);
-          } catch (l) {
-            console.error(l);
+            h[`../edit-option-${a}/index.ts`] && (await h[`../edit-option-${a}/index.ts`](), this._controlTypeLoaded = a);
+          } catch (r) {
+            console.error(r);
           }
         }
-        return $;
+        return p;
       },
       args: () => [
         this.itemType,
@@ -796,36 +806,36 @@ const B = class B extends G {
   }
 };
 B.styles = R(q);
-let V = B;
+let A = B;
 E([
   M({ type: String, reflect: !0 })
-], V.prototype, "language");
+], A.prototype, "language");
 E([
   M({ type: String, reflect: !0, attribute: "item-type" })
-], V.prototype, "itemType");
+], A.prototype, "itemType");
 E([
   M({ type: String, reflect: !0, attribute: "option-key" })
-], V.prototype, "optionKey");
+], A.prototype, "optionKey");
 E([
   M({ type: Object, reflect: !1 })
-], V.prototype, "customOptionConfiguration");
+], A.prototype, "customOptionConfiguration");
 E([
   M({ type: Object, reflect: !1 })
-], V.prototype, "customTranslations");
+], A.prototype, "customTranslations");
 E([
   M({ type: Object })
-], V.prototype, "options");
+], A.prototype, "options");
 E([
   M({ type: Object })
-], V.prototype, "slots");
+], A.prototype, "slots");
 E([
   M({ type: Object })
-], V.prototype, "theme");
+], A.prototype, "theme");
 E([
   M({ type: String, reflect: !0 })
-], V.prototype, "size");
-customElements.get("luzmo-edit-option") || customElements.define("luzmo-edit-option", V);
+], A.prototype, "size");
+customElements.get("luzmo-edit-option") || customElements.define("luzmo-edit-option", A);
 export {
-  V as L,
+  A as L,
   N as g
 };