@luzmo/analytics-components-kit 1.0.1-alpha.94 → 1.0.1-alpha.97

package/components/{index-CdIUfo-L.js → index-haa7WNrl.js}

@@ -17,18 +17,18 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { Task as X } from "@lit/task";
-import { html as O, unsafeCSS as Y } from "lit";
-import { property as j } from "lit/decorators.js";
-import { L as Z } from "./focusable-DCIFkpiW.js";
-import { ifDefined as g } from "lit/directives/if-defined.js";
-const tt = (t, i, o) => {
-  const l = (n) => {
-    for (const e of n ?? []) {
-      if (e.key === t)
-        return o ? e : e.control;
-      if (e.children) {
-        const s = l(e.children);
+import { Task as O } from "@lit/task";
+import { html as u, unsafeCSS as T } from "lit";
+import { property as k } from "lit/decorators.js";
+import { L as H } from "./focusable-BS2pbY7w.js";
+import { ifDefined as _ } from "lit/directives/if-defined.js";
+const M = (t, i, n) => {
+  const e = (o) => {
+    for (const l of o ?? []) {
+      if (l.key === t)
+        return n ? l : l.control;
+      if (l.children) {
+        const s = e(l.children);
         if (s)
           return s;
       }
@@ -36,41 +36,39 @@ const tt = (t, i, o) => {
     return null;
   };
   if (i && Array.isArray(i))
-    for (const n of i) {
-      const e = l(n.children);
-      if (e)
-        return e;
+    for (const o of i) {
+      const l = e(o.children);
+      if (l)
+        return l;
     }
   return null;
-}, it = ":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, l, n;
+}, S = ":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) => {
   let i;
-  return typeof ((o = t == null ? void 0 : t.controlInfo) == null ? void 0 : o.default) == "function" ? i = t.controlInfo.default({
+  return typeof t?.controlInfo?.default == "function" ? i = t.controlInfo.default({
     options: t.options,
     slots: t.slots,
     theme: t.theme
-  }) : ((l = t.controlInfo) == null ? void 0 : l.default) !== void 0 && ((n = t.controlInfo) == null ? void 0 : n.default) !== null && (i = t.controlInfo.default), i;
-}, T = (t) => {
-  var e, s, d, u, b, p, v, k, $, h, a, c, r, m, f;
+  }) : t.controlInfo?.default !== void 0 && t.controlInfo?.default !== null && (i = t.controlInfo.default), i;
+}, b = (t) => {
   let i;
-  typeof ((e = t.controlInfo) == null ? void 0 : e.extraLabel) == "function" ? i = t.controlInfo.extraLabel({
+  typeof t.controlInfo?.extraLabel == "function" ? i = t.controlInfo.extraLabel({
     options: t.options,
     slots: t.slots,
     theme: t.theme
-  }) : typeof ((s = t.controlInfo) == null ? void 0 : s.extraLabel) == "string" && (i = t.controlInfo.extraLabel), typeof i == "string" && (i = ((p = (b = (u = (d = t.translations) == null ? void 0 : d.options) == null ? void 0 : u[t.optionKey]) == null ? void 0 : b.extraLabel) == null ? void 0 : p[i]) ?? i);
-  let o;
-  typeof ((v = t.controlInfo) == null ? void 0 : v.extraLabelTooltip) == "function" ? i = t.controlInfo.extraLabelTooltip({
+  }) : typeof t.controlInfo?.extraLabel == "string" && (i = t.controlInfo.extraLabel), typeof i == "string" && (i = t.translations?.options?.[t.optionKey]?.extraLabel?.[i] ?? i);
+  let n;
+  typeof t.controlInfo?.extraLabelTooltip == "function" ? i = t.controlInfo.extraLabelTooltip({
     options: t.options,
     slots: t.slots,
     theme: t.theme
-  }) : typeof ((k = t.controlInfo) == null ? void 0 : k.extraLabelTooltip) == "string" && (o = t.controlInfo.extraLabelTooltip), typeof o == "string" && (i = ((c = (a = (h = ($ = t.translations) == null ? void 0 : $.options) == null ? void 0 : h[t.optionKey]) == null ? void 0 : a.extraLabelTooltip) == null ? void 0 : c[o]) ?? o);
-  let l;
-  typeof ((r = t.controlInfo) == null ? void 0 : r.extraLabelHasClickAction) == "function" ? l = t.controlInfo.extraLabelHasClickAction({
+  }) : typeof t.controlInfo?.extraLabelTooltip == "string" && (n = t.controlInfo.extraLabelTooltip), typeof n == "string" && (i = t.translations?.options?.[t.optionKey]?.extraLabelTooltip?.[n] ?? n);
+  let e;
+  typeof t.controlInfo?.extraLabelHasClickAction == "function" ? e = t.controlInfo.extraLabelHasClickAction({
     options: t.options,
     slots: t.slots,
     theme: t.theme
-  }) : typeof ((m = t.controlInfo) == null ? void 0 : m.extraLabelHasClickAction) == "boolean" && (l = t.controlInfo.extraLabelHasClickAction);
-  const n = typeof ((f = t.controlInfo) == null ? void 0 : f.extraLabelClickAction) == "function" ? () => t.controlInfo.extraLabelClickAction({
+  }) : typeof t.controlInfo?.extraLabelHasClickAction == "boolean" && (e = t.controlInfo.extraLabelHasClickAction);
+  const o = typeof t.controlInfo?.extraLabelClickAction == "function" ? () => t.controlInfo.extraLabelClickAction({
     options: t.options,
     slots: t.slots,
     theme: t.theme
@@ -78,551 +76,528 @@ const tt = (t, i, o) => {
   };
   return {
     extraLabel: i,
-    extraLabelTooltip: o,
-    extraLabelHasClickAction: l,
-    extraLabelClickAction: n
+    extraLabelTooltip: n,
+    extraLabelHasClickAction: e,
+    extraLabelClickAction: o
   };
-}, _ = (t, i) => {
-  var l;
-  const o = (t == null ? void 0 : t.options) ?? {};
-  if (typeof ((l = t == null ? void 0 : t.controlInfo) == null ? void 0 : l.calculateValue) == "function")
-    return t.controlInfo.calculateValue({ options: o });
+}, $ = (t, i) => {
+  const n = t?.options ?? {};
+  if (typeof t?.controlInfo?.calculateValue == "function")
+    return t.controlInfo.calculateValue({ options: n });
   if (i.includes(".")) {
-    const n = i.split(".");
-    let e = o;
-    for (let d = 0; d < n.length - 1; d++)
-      e = e[n[d]] ?? {};
-    const s = n.length - 1;
-    return e[n[s]];
+    const e = i.split(".");
+    let o = n;
+    for (let s = 0; s < e.length - 1; s++)
+      o = o[e[s]] ?? {};
+    const l = e.length - 1;
+    return o[e[l]];
   }
-  return o[i];
-}, M = (t) => (i) => {
-  var l, n;
-  let o = { ...t.options };
-  if (typeof ((l = t == null ? void 0 : t.controlInfo) == null ? void 0 : l.toOptions) == "function")
-    o = t.controlInfo.toOptions({
-      options: o,
-      value: (n = i == null ? void 0 : i.detail) == null ? void 0 : n.value
+  return n[i];
+}, x = (t) => (i) => {
+  let n = { ...t.options };
+  if (typeof t?.controlInfo?.toOptions == "function")
+    n = t.controlInfo.toOptions({
+      options: n,
+      value: i?.detail?.value
     });
   else if (t.optionKey.includes(".")) {
     const e = t.optionKey.split(".");
-    let s = o;
-    for (let u = 0; u < e.length - 1; u++)
-      s[e[u]] = s[e[u]] ?? {}, s = s[e[u]];
-    const d = e.length - 1;
-    s[e[d]] = i.detail.value;
+    let o = n;
+    for (let s = 0; s < e.length - 1; s++)
+      o[e[s]] = o[e[s]] ?? {}, o = o[e[s]];
+    const l = e.length - 1;
+    o[e[l]] = i.detail.value;
   } else
-    o[t.optionKey] = i.detail.value;
-  return t.changeCallback(o);
-}, ot = (t) => {
-  var k, $, h, a, c, r, m, f, x, y, L, I, C;
-  const i = ((h = ($ = (k = t.translations) == null ? void 0 : k.options) == null ? void 0 : $[t.optionKey]) == null ? void 0 : h.label) ?? ((a = t.controlInfo) == null ? void 0 : a.label) ?? t.optionKey ?? "", o = t.size, l = {};
-  Object.keys((c = t.controlInfo) == null ? void 0 : c.values).forEach((z) => {
-    var V, K, A, w, E, P;
-    l[z] = {
-      ...(V = t.controlInfo) == null ? void 0 : V.values[z],
-      label: ((E = (w = (A = (K = t.translations) == null ? void 0 : K.options) == null ? void 0 : A[t.optionKey]) == null ? void 0 : w.enum) == null ? void 0 : E[z]) ?? ((P = t.controlInfo) == null ? void 0 : P.values[z].label)
+    n[t.optionKey] = i.detail.value;
+  return t.changeCallback(n);
+}, j = (t) => {
+  const i = t.translations?.options?.[t.optionKey]?.label ?? t.controlInfo?.label ?? t.optionKey ?? "", n = t.size, e = {};
+  Object.keys(t.controlInfo?.values).forEach((m) => {
+    e[m] = {
+      ...t.controlInfo?.values[m],
+      label: t.translations?.options?.[t.optionKey]?.enum?.[m] ?? t.controlInfo?.values[m].label
     };
   });
-  const n = ((f = (m = (r = t.translations) == null ? void 0 : r.options) == null ? void 0 : m[t.optionKey]) == null ? void 0 : f.tooltip) ?? ((x = t.controlInfo) == null ? void 0 : x.tooltip), e = _(t, t.optionKey), s = H(t), {
-    extraLabel: d,
-    extraLabelTooltip: u,
-    extraLabelHasClickAction: b,
+  const o = t.translations?.options?.[t.optionKey]?.tooltip ?? t.controlInfo?.tooltip, l = $(t, t.optionKey), s = h(t), {
+    extraLabel: c,
+    extraLabelTooltip: a,
+    extraLabelHasClickAction: r,
     extraLabelClickAction: p
-  } = T(t), v = M(t);
-  return O`
+  } = b(t), f = x(t);
+  return u`
     <luzmo-edit-option-action-button-group
       .label=${i}
-      ?hide-label=${(y = t.controlInfo) == null ? void 0 : y.hideLabel}
-      .value=${e}
-      .values=${l}
+      ?hide-label=${t.controlInfo?.hideLabel}
+      .value=${l}
+      .values=${e}
       .default=${s}
-      .selects=${(L = t.controlInfo) == null ? void 0 : L.selects}
-      .size=${o}
-      .tooltip=${n}
-      .extraLabel=${d}
-      .extraLabelTooltip=${u}
-      .extraLabelHasClickAction=${b}
+      .selects=${t.controlInfo?.selects}
+      .size=${n}
+      .tooltip=${o}
+      .extraLabel=${c}
+      .extraLabelTooltip=${a}
+      .extraLabelHasClickAction=${r}
       @extraLabelClick=${p}
-      @option-changed=${v}
-      .parseValue=${(I = t.controlInfo) == null ? void 0 : I.parseValue}
-      .toValue=${(C = t.controlInfo) == null ? void 0 : C.toValue}
+      @option-changed=${f}
+      .parseValue=${t.controlInfo?.parseValue}
+      .toValue=${t.controlInfo?.toValue}
     ></luzmo-edit-option-action-button-group>
   `;
-}, nt = (t) => {
-  var o, l, n;
+}, R = (t) => {
   let i;
-  return typeof ((o = t == null ? void 0 : t.controlInfo) == null ? void 0 : o.enum) == "function" ? i = t.controlInfo.enum({
+  return typeof t?.controlInfo?.enum == "function" ? i = t.controlInfo.enum({
     options: t.options,
     slots: t.slots,
     theme: t.theme
-  }) : ((l = t.controlInfo) == null ? void 0 : l.enum) !== void 0 && ((n = t.controlInfo) == null ? void 0 : n.enum) !== null && (i = t.controlInfo.enum), i;
-}, et = (t) => {
-  var $, h, a, c, r, m, f, x, y, L, I;
-  const i = ((a = (h = ($ = t.translations) == null ? void 0 : $.options) == null ? void 0 : h[t.optionKey]) == null ? void 0 : a.label) ?? ((c = t.controlInfo) == null ? void 0 : c.label) ?? t.optionKey ?? "", o = _(t, t.optionKey), l = nt(t), n = t.size, e = ((f = (m = (r = t.translations) == null ? void 0 : r.options) == null ? void 0 : m[t.optionKey]) == null ? void 0 : f.tooltip) ?? ((x = t.controlInfo) == null ? void 0 : x.tooltip), s = H(t), {
-    extraLabel: d,
-    extraLabelTooltip: u,
-    extraLabelHasClickAction: b,
+  }) : t.controlInfo?.enum !== void 0 && t.controlInfo?.enum !== null && (i = t.controlInfo.enum), i;
+}, E = (t) => {
+  const i = t.translations?.options?.[t.optionKey]?.label ?? t.controlInfo?.label ?? t.optionKey ?? "", n = $(t, t.optionKey), e = R(t), o = t.size, l = t.translations?.options?.[t.optionKey]?.tooltip ?? t.controlInfo?.tooltip, s = h(t), {
+    extraLabel: c,
+    extraLabelTooltip: a,
+    extraLabelHasClickAction: r,
     extraLabelClickAction: p
-  } = T(t), v = M(t), k = () => {
+  } = b(t), f = x(t), m = () => {
     if (typeof p == "function") {
-      const { options: C } = p();
-      return t.changeCallback(C);
+      const { options: d } = p();
+      return t.changeCallback(d);
     }
   };
-  return O`
+  return u`
     <luzmo-edit-option-color-palette-picker
-      .value=${o ?? s}
-      .values=${l}
+      .value=${n ?? s}
+      .values=${e}
       .label=${i}
-      ?hide-label=${(y = t.controlInfo) == null ? void 0 : y.hideLabel}
-      .size=${n}
-      .tooltip=${e}
-      .extraLabel=${d}
-      .extraLabelTooltip=${u}
-      .extraLabelHasClickAction=${b}
-      @extraLabelClick=${k}
-      @option-changed=${v}
-      .parseValue=${(L = t.controlInfo) == null ? void 0 : L.parseValue}
-      .toValue=${(I = t.controlInfo) == null ? void 0 : I.toValue}
+      ?hide-label=${t.controlInfo?.hideLabel}
+      .size=${o}
+      .tooltip=${l}
+      .extraLabel=${c}
+      .extraLabelTooltip=${a}
+      .extraLabelHasClickAction=${r}
+      @extraLabelClick=${m}
+      @option-changed=${f}
+      .parseValue=${t.controlInfo?.parseValue}
+      .toValue=${t.controlInfo?.toValue}
     ></luzmo-edit-option-color-palette-picker>
   `;
-}, lt = (t) => {
-  var k, $, h, a, c, r, m, f, x, y, L;
-  const i = ((h = ($ = (k = t.translations) == null ? void 0 : k.options) == null ? void 0 : $[t.optionKey]) == null ? void 0 : h.label) ?? ((a = t.controlInfo) == null ? void 0 : a.label) ?? t.optionKey ?? "", o = _(t, t.optionKey), l = t.size, n = ((m = (r = (c = t.translations) == null ? void 0 : c.options) == null ? void 0 : r[t.optionKey]) == null ? void 0 : m.tooltip) ?? ((f = t.controlInfo) == null ? void 0 : f.tooltip), e = H(t), {
+}, P = (t) => {
+  const i = t.translations?.options?.[t.optionKey]?.label ?? t.controlInfo?.label ?? t.optionKey ?? "", n = $(t, t.optionKey), e = t.size, o = t.translations?.options?.[t.optionKey]?.tooltip ?? t.controlInfo?.tooltip, l = h(t), {
     extraLabel: s,
-    extraLabelTooltip: d,
-    extraLabelHasClickAction: u,
-    extraLabelClickAction: b
-  } = T(t), p = M(t), v = () => {
-    if (typeof b == "function") {
-      const { options: I } = b();
-      return t.changeCallback(I);
+    extraLabelTooltip: c,
+    extraLabelHasClickAction: a,
+    extraLabelClickAction: r
+  } = b(t), p = x(t), f = () => {
+    if (typeof r == "function") {
+      const { options: m } = r();
+      return t.changeCallback(m);
     }
   };
-  return O`
+  return u`
     <luzmo-edit-option-color-picker
-      .value=${o ?? e}
+      .value=${n ?? l}
       .label=${i}
-      ?hide-label=${(x = t.controlInfo) == null ? void 0 : x.hideLabel}
-      .size=${l}
-      .tooltip=${n}
+      ?hide-label=${t.controlInfo?.hideLabel}
+      .size=${e}
+      .tooltip=${o}
       .extraLabel=${s}
-      .extraLabelTooltip=${d}
-      .extraLabelHasClickAction=${u}
-      @extraLabelClick=${v}
+      .extraLabelTooltip=${c}
+      .extraLabelHasClickAction=${a}
+      @extraLabelClick=${f}
       @option-changed=${p}
-      .parseValue=${(y = t.controlInfo) == null ? void 0 : y.parseValue}
-      .toValue=${(L = t.controlInfo) == null ? void 0 : L.toValue}
+      .parseValue=${t.controlInfo?.parseValue}
+      .toValue=${t.controlInfo?.toValue}
     ></luzmo-edit-option-color-picker>
   `;
-}, st = (t) => {
-  var x, y, L, I, C, z, V, K, A, w, E, P, B, D, G, W, N, q, J, Q;
-  const i = ((L = (y = (x = t.translations) == null ? void 0 : x.options) == null ? void 0 : y[t.optionKey]) == null ? void 0 : L.label) ?? ((I = t.controlInfo) == null ? void 0 : I.label) ?? t.optionKey ?? "", o = _(t, t.optionKey), l = t.size, n = ((V = (z = (C = t.translations) == null ? void 0 : C.options) == null ? void 0 : z[t.optionKey]) == null ? void 0 : V.tooltip) ?? ((K = t.controlInfo) == null ? void 0 : K.tooltip), e = H(t), s = typeof ((A = t == null ? void 0 : t.controlInfo) == null ? void 0 : A.percentage) == "function" ? t.controlInfo.percentage(t) : t.controlInfo.percentage, d = typeof ((w = t == null ? void 0 : t.controlInfo) == null ? void 0 : w.reverse) == "function" ? t.controlInfo.reverse(t) : t.controlInfo.reverse, u = typeof ((E = t == null ? void 0 : t.controlInfo) == null ? void 0 : E.noAlphaChannel) == "function" ? t.controlInfo.noAlphaChannel(t) : t.controlInfo.noAlphaChannel, b = typeof ((P = t == null ? void 0 : t.controlInfo) == null ? void 0 : P.editRangeSize) == "function" ? t.controlInfo.editRangeSize(t) : t.controlInfo.editRangeSize, p = typeof ((B = t == null ? void 0 : t.controlInfo) == null ? void 0 : B.minimumRangeSize) == "function" ? t.controlInfo.minimumRangeSize(t) : t.controlInfo.minimumRangeSize, v = typeof ((D = t == null ? void 0 : t.controlInfo) == null ? void 0 : D.negativeInfinityValue) == "function" ? t.controlInfo.negativeInfinityValue(t) : t.controlInfo.negativeInfinityValue, k = typeof ((G = t == null ? void 0 : t.controlInfo) == null ? void 0 : G.noValues) == "function" ? t.controlInfo.noValues(t) : t.controlInfo.noValues, $ = typeof ((W = t == null ? void 0 : t.controlInfo) == null ? void 0 : W.readOnlyColorPicker) == "function" ? t.controlInfo.readOnlyColorPicker(t) : t.controlInfo.readOnlyColorPicker, {
-    extraLabel: h,
-    extraLabelTooltip: a,
-    extraLabelHasClickAction: c,
-    extraLabelClickAction: r
-  } = T(t), m = M(t), f = () => {
-    if (typeof r == "function") {
-      const { options: U } = r();
-      return t.changeCallback(U);
+}, F = (t) => {
+  const i = t.translations?.options?.[t.optionKey]?.label ?? t.controlInfo?.label ?? t.optionKey ?? "", n = $(t, t.optionKey), e = t.size, o = t.translations?.options?.[t.optionKey]?.tooltip ?? t.controlInfo?.tooltip, l = h(t), s = typeof t?.controlInfo?.percentage == "function" ? t.controlInfo.percentage(t) : t.controlInfo.percentage, c = typeof t?.controlInfo?.reverse == "function" ? t.controlInfo.reverse(t) : t.controlInfo.reverse, a = typeof t?.controlInfo?.noAlphaChannel == "function" ? t.controlInfo.noAlphaChannel(t) : t.controlInfo.noAlphaChannel, r = typeof t?.controlInfo?.editRangeSize == "function" ? t.controlInfo.editRangeSize(t) : t.controlInfo.editRangeSize, p = typeof t?.controlInfo?.minimumRangeSize == "function" ? t.controlInfo.minimumRangeSize(t) : t.controlInfo.minimumRangeSize, f = typeof t?.controlInfo?.negativeInfinityValue == "function" ? t.controlInfo.negativeInfinityValue(t) : t.controlInfo.negativeInfinityValue, m = typeof t?.controlInfo?.noValues == "function" ? t.controlInfo.noValues(t) : t.controlInfo.noValues, d = typeof t?.controlInfo?.readOnlyColorPicker == "function" ? t.controlInfo.readOnlyColorPicker(t) : t.controlInfo.readOnlyColorPicker, {
+    extraLabel: L,
+    extraLabelTooltip: v,
+    extraLabelHasClickAction: V,
+    extraLabelClickAction: C
+  } = b(t), K = x(t), A = () => {
+    if (typeof C == "function") {
+      const { options: w } = C();
+      return t.changeCallback(w);
     }
   };
-  return O`
+  return u`
     <luzmo-edit-option-color-range
-      .value=${o ?? e}
+      .value=${n ?? l}
       .label=${i}
-      .size=${l}
-      .tooltip=${n}
-      ?hide-label=${(N = t.controlInfo) == null ? void 0 : N.hideLabel}
-      .extraLabel=${h}
-      .extraLabelTooltip=${a}
-      .extraLabelHasClickAction=${c}
-      .debounce=${(q = t.controlInfo) == null ? void 0 : q.debounce}
-      ?reverse=${d}
+      .size=${e}
+      .tooltip=${o}
+      ?hide-label=${t.controlInfo?.hideLabel}
+      .extraLabel=${L}
+      .extraLabelTooltip=${v}
+      .extraLabelHasClickAction=${V}
+      .debounce=${t.controlInfo?.debounce}
+      ?reverse=${c}
       ?percentage=${s}
-      ?no-alpha-channel=${u}
-      ?edit-range-size=${b}
-      ?no-values=${k}
-      ?read-only-color-picker=${$}
+      ?no-alpha-channel=${a}
+      ?edit-range-size=${r}
+      ?no-values=${m}
+      ?read-only-color-picker=${d}
       .minimum-range-size=${p}
-      ?negative-infinity-value=${v}
-      @extraLabelClick=${f}
-      @option-changed=${m}
-      .parseValue=${(J = t.controlInfo) == null ? void 0 : J.parseValue}
-      .toValue=${(Q = t.controlInfo) == null ? void 0 : Q.toValue}
+      ?negative-infinity-value=${f}
+      @extraLabelClick=${A}
+      @option-changed=${K}
+      .parseValue=${t.controlInfo?.parseValue}
+      .toValue=${t.controlInfo?.toValue}
     ></luzmo-edit-option-color-range>
   `;
-}, pt = (t) => {
-  var $, h, a, c, r, m, f, x, y, L, I, C, z, V, K;
-  const i = ((a = (h = ($ = t.translations) == null ? void 0 : $.options) == null ? void 0 : h[t.optionKey]) == null ? void 0 : a.label) ?? ((c = t.controlInfo) == null ? void 0 : c.label) ?? t.optionKey ?? "", o = _(t, t.optionKey) ?? {}, l = ((f = (m = (r = t.translations) == null ? void 0 : r.options) == null ? void 0 : m[t.optionKey]) == null ? void 0 : f.tooltip) ?? ((x = t.controlInfo) == null ? void 0 : x.tooltip), n = t.language ?? "en", e = {};
-  e[n] = ((I = (L = (y = t.translations) == null ? void 0 : y.options) == null ? void 0 : L[t.optionKey]) == null ? void 0 : I.placeholder) ?? ((C = t.controlInfo) == null ? void 0 : C.placeholder) ?? "";
-  const s = t.size, d = H(t), {
-    extraLabel: u,
-    extraLabelTooltip: b,
+}, B = (t) => {
+  const i = t.translations?.options?.[t.optionKey]?.label ?? t.controlInfo?.label ?? t.optionKey ?? "", n = $(t, t.optionKey) ?? {}, e = t.translations?.options?.[t.optionKey]?.tooltip ?? t.controlInfo?.tooltip, o = t.language ?? "en", l = {};
+  l[o] = t.translations?.options?.[t.optionKey]?.placeholder ?? t.controlInfo?.placeholder ?? "";
+  const s = t.size, c = h(t), {
+    extraLabel: a,
+    extraLabelTooltip: r,
     extraLabelHasClickAction: p,
-    extraLabelClickAction: v
-  } = T(t), k = M(t);
-  return O`
+    extraLabelClickAction: f
+  } = b(t), m = x(t);
+  return u`
     <luzmo-edit-option-multi-language-field
       .label=${i}
-      ?hide-label=${(z = t.controlInfo) == null ? void 0 : z.hideLabel}
-      .placeholder=${e}
-      .value=${o ?? d}
-      language=${g(n)}
+      ?hide-label=${t.controlInfo?.hideLabel}
+      .placeholder=${l}
+      .value=${n ?? c}
+      language=${_(o)}
       .size=${s}
-      .tooltip=${l}
-      .extraLabel=${u}
-      .extraLabelTooltip=${b}
+      .tooltip=${e}
+      .extraLabel=${a}
+      .extraLabelTooltip=${r}
       .extraLabelHasClickAction=${p}
-      @extraLabelClick=${v}
-      @option-changed=${k}
-      .parseValue=${(V = t.controlInfo) == null ? void 0 : V.parseValue}
-      .toValue=${(K = t.controlInfo) == null ? void 0 : K.toValue}
+      @extraLabelClick=${f}
+      @option-changed=${m}
+      .parseValue=${t.controlInfo?.parseValue}
+      .toValue=${t.controlInfo?.toValue}
     ></luzmo-edit-option-multi-language-field>
   `;
-}, rt = (t) => {
-  var h, a, c, r, m, f, x, y, L, I, C, z, V, K, A, w, E;
-  const i = ((c = (a = (h = t.translations) == null ? void 0 : h.options) == null ? void 0 : a[t.optionKey]) == null ? void 0 : c.label) ?? ((r = t.controlInfo) == null ? void 0 : r.label) ?? t.optionKey ?? "", o = (m = t.controlInfo) == null ? void 0 : m.min, l = (f = t.controlInfo) == null ? void 0 : f.max, n = (x = t.controlInfo) == null ? void 0 : x.step, e = _(t, t.optionKey), s = ((I = (L = (y = t.translations) == null ? void 0 : y.options) == null ? void 0 : L[t.optionKey]) == null ? void 0 : I.tooltip) ?? ((C = t.controlInfo) == null ? void 0 : C.tooltip), d = H(t), u = t.size, {
-    extraLabel: b,
+}, D = (t) => {
+  const i = t.translations?.options?.[t.optionKey]?.label ?? t.controlInfo?.label ?? t.optionKey ?? "", n = t.controlInfo?.min, e = t.controlInfo?.max, o = t.controlInfo?.step, l = $(t, t.optionKey), s = t.translations?.options?.[t.optionKey]?.tooltip ?? t.controlInfo?.tooltip, c = h(t), a = t.size, {
+    extraLabel: r,
     extraLabelTooltip: p,
-    extraLabelHasClickAction: v,
-    extraLabelClickAction: k
-  } = T(t), $ = M(t);
-  return O`
+    extraLabelHasClickAction: f,
+    extraLabelClickAction: m
+  } = b(t), d = x(t);
+  return u`
     <luzmo-edit-option-number-field
-      .value=${e}
-      .default=${d}
-      .min=${o}
-      .max=${l}
-      .step=${n}
+      .value=${l}
+      .default=${c}
+      .min=${n}
+      .max=${e}
+      .step=${o}
       .label=${i}
-      ?hide-label=${(z = t.controlInfo) == null ? void 0 : z.hideLabel}
-      .size=${u}
+      ?hide-label=${t.controlInfo?.hideLabel}
+      .size=${a}
       .tooltip=${s}
-      .placeholder=${(V = t.controlInfo) == null ? void 0 : V.placeholder}
-      .minWidthInputField=${(K = t.controlInfo) == null ? void 0 : K.minWidthInputField}
-      .debounce=${(A = t.controlInfo) == null ? void 0 : A.debounce}
-      .extraLabel=${b}
+      .placeholder=${t.controlInfo?.placeholder}
+      .minWidthInputField=${t.controlInfo?.minWidthInputField}
+      .debounce=${t.controlInfo?.debounce}
+      .extraLabel=${r}
       .extraLabelTooltip=${p}
-      .extraLabelHasClickAction=${v}
-      @extraLabelClick=${k}
-      @option-changed=${$}
-      .parseValue=${(w = t.controlInfo) == null ? void 0 : w.parseValue}
-      .toValue=${(E = t.controlInfo) == null ? void 0 : E.toValue}
+      .extraLabelHasClickAction=${f}
+      @extraLabelClick=${m}
+      @option-changed=${d}
+      .parseValue=${t.controlInfo?.parseValue}
+      .toValue=${t.controlInfo?.toValue}
     ></luzmo-edit-option-number-field>
   `;
-}, at = (t) => {
-  var k, $, h, a, c, r, m, f, x, y, L, I;
-  const i = ((h = ($ = (k = t.translations) == null ? void 0 : k.options) == null ? void 0 : $[t.optionKey]) == null ? void 0 : h.label) ?? ((a = t.controlInfo) == null ? void 0 : a.label) ?? t.optionKey ?? "", o = _(t, t.optionKey), l = ((m = (r = (c = t.translations) == null ? void 0 : c.options) == null ? void 0 : r[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(
-    (C, z) => {
-      var V, K, A, w;
-      return C[z] = ((w = (A = (K = (V = t.translations) == null ? void 0 : V.options) == null ? void 0 : K[t.optionKey]) == null ? void 0 : A.enum) == null ? void 0 : w[z]) ?? z, C;
-    },
+}, G = (t) => {
+  const i = t.translations?.options?.[t.optionKey]?.label ?? t.controlInfo?.label ?? t.optionKey ?? "", n = $(t, t.optionKey), e = t.translations?.options?.[t.optionKey]?.tooltip ?? t.controlInfo?.tooltip, o = t.controlInfo?.enum.reduce(
+    (m, d) => (m[d] = t.translations?.options?.[t.optionKey]?.enum?.[d] ?? d, m),
     {}
-  ), e = t.size, s = H(t), {
-    extraLabel: d,
-    extraLabelTooltip: u,
-    extraLabelHasClickAction: b,
+  ), l = t.size, s = h(t), {
+    extraLabel: c,
+    extraLabelTooltip: a,
+    extraLabelHasClickAction: r,
     extraLabelClickAction: p
-  } = T(t), v = M(t);
-  return O`
+  } = b(t), f = x(t);
+  return u`
     <luzmo-edit-option-picker
-      .value=${o}
+      .value=${n}
       .default=${s}
-      .values=${n}
+      .values=${o}
       .label=${i}
-      ?hide-label=${(y = t.controlInfo) == null ? void 0 : y.hideLabel}
-      .tooltip=${l}
-      .size=${e}
-      .extraLabel=${d}
-      .extraLabelTooltip=${u}
-      .extraLabelHasClickAction=${b}
+      ?hide-label=${t.controlInfo?.hideLabel}
+      .tooltip=${e}
+      .size=${l}
+      .extraLabel=${c}
+      .extraLabelTooltip=${a}
+      .extraLabelHasClickAction=${r}
       @extraLabelClick=${p}
-      @option-changed=${v}
-      .parseValue=${(L = t.controlInfo) == null ? void 0 : L.parseValue}
-      .toValue=${(I = t.controlInfo) == null ? void 0 : I.toValue}
+      @option-changed=${f}
+      .parseValue=${t.controlInfo?.parseValue}
+      .toValue=${t.controlInfo?.toValue}
     ></luzmo-edit-option-picker>
   `;
-}, ct = (t) => {
-  var k, $, h, a, c, r, m, f, x, y, L, I;
-  const i = ((h = ($ = (k = t.translations) == null ? void 0 : k.options) == null ? void 0 : $[t.optionKey]) == null ? void 0 : h.label) ?? ((a = t.controlInfo) == null ? void 0 : a.label), o = (c = t.controlInfo) == null ? void 0 : c.positions, l = t.size, n = _(t, t.optionKey), e = ((f = (m = (r = t.translations) == null ? void 0 : r.options) == null ? void 0 : m[t.optionKey]) == null ? void 0 : f.tooltip) ?? ((x = t.controlInfo) == null ? void 0 : x.tooltip), s = H(t) ?? "topRight", {
-    extraLabel: d,
-    extraLabelTooltip: u,
-    extraLabelHasClickAction: b,
+}, W = (t) => {
+  const i = t.translations?.options?.[t.optionKey]?.label ?? t.controlInfo?.label, n = t.controlInfo?.positions, e = t.size, o = $(t, t.optionKey), l = t.translations?.options?.[t.optionKey]?.tooltip ?? t.controlInfo?.tooltip, s = h(t) ?? "topRight", {
+    extraLabel: c,
+    extraLabelTooltip: a,
+    extraLabelHasClickAction: r,
     extraLabelClickAction: p
-  } = T(t), v = M(t);
-  return O`
+  } = b(t), f = x(t);
+  return u`
     <luzmo-edit-option-position-picker
-      .value=${(y = t.controlInfo) == null ? void 0 : y.value}
-      .positions=${o}
+      .value=${t.controlInfo?.value}
+      .positions=${n}
       .default=${s}
       .label=${i}
-      ?hide-label=${(L = t.controlInfo) == null ? void 0 : L.hideLabel}
-      .tooltip=${e}
-      .size=${l}
-      .value=${n}
-      .extraLabel=${d}
-      .extraLabelTooltip=${u}
-      .extraLabelHasClickAction=${b}
+      ?hide-label=${t.controlInfo?.hideLabel}
+      .tooltip=${l}
+      .size=${e}
+      .value=${o}
+      .extraLabel=${c}
+      .extraLabelTooltip=${a}
+      .extraLabelHasClickAction=${r}
       @extraLabelClick=${p}
-      @option-changed=${v}
-      .readonly=${(I = t.controlInfo) == null ? void 0 : I.readonly}
+      @option-changed=${f}
+      .readonly=${t.controlInfo?.readonly}
     ></luzmo-edit-option-position-picker>
   `;
-}, mt = (t) => {
-  var v, k, $, h, a, c, r, m, f, x, y, L, I;
-  const i = (($ = (k = (v = t.translations) == null ? void 0 : v.options) == null ? void 0 : k[t.optionKey]) == null ? void 0 : $.label) ?? ((h = t.controlInfo) == null ? void 0 : h.label), o = _(t, t.optionKey), l = t.size, n = ((r = (c = (a = t.translations) == null ? void 0 : a.options) == null ? void 0 : c[t.optionKey]) == null ? void 0 : r.tooltip) ?? ((m = t.controlInfo) == null ? void 0 : m.tooltip), e = H(t), {
+}, N = (t) => {
+  const i = t.translations?.options?.[t.optionKey]?.label ?? t.controlInfo?.label, n = $(t, t.optionKey), e = t.size, o = t.translations?.options?.[t.optionKey]?.tooltip ?? t.controlInfo?.tooltip, l = h(t), {
     extraLabel: s,
-    extraLabelTooltip: d,
-    extraLabelHasClickAction: u,
-    extraLabelClickAction: b
-  } = T(t), p = M(t);
-  return O`
+    extraLabelTooltip: c,
+    extraLabelHasClickAction: a,
+    extraLabelClickAction: r
+  } = b(t), p = x(t);
+  return u`
     <luzmo-edit-option-positions-number-field
-      .values=${o ?? e}
-      .positions=${(f = t.controlInfo) == null ? void 0 : f.positions}
-      .positionConfiguration=${(x = t.controlInfo) == null ? void 0 : x.positionConfiguration}
+      .values=${n ?? l}
+      .positions=${t.controlInfo?.positions}
+      .positionConfiguration=${t.controlInfo?.positionConfiguration}
       .label=${i}
-      ?hide-label=${(y = t.controlInfo) == null ? void 0 : y.hideLabel}
-      .size=${l}
-      .tooltip=${n}
+      ?hide-label=${t.controlInfo?.hideLabel}
+      .size=${e}
+      .tooltip=${o}
       .extraLabel=${s}
-      .extraLabelTooltip=${d}
-      .extraLabelHasClickAction=${u}
-      @extraLabelClick=${b}
+      .extraLabelTooltip=${c}
+      .extraLabelHasClickAction=${a}
+      @extraLabelClick=${r}
       @option-changed=${p}
-      .parseValue=${(L = t.controlInfo) == null ? void 0 : L.parseValue}
-      .toValue=${(I = t.controlInfo) == null ? void 0 : I.toValue}
+      .parseValue=${t.controlInfo?.parseValue}
+      .toValue=${t.controlInfo?.toValue}
     ></luzmo-edit-option-positions-number-field>
   `;
-}, ft = (t) => {
-  var k, $, h, a, c, r, m, f, x, y, L, I;
-  const i = ((h = ($ = (k = t.translations) == null ? void 0 : k.options) == null ? void 0 : $[t.optionKey]) == null ? void 0 : h.label) ?? ((a = t.controlInfo) == null ? void 0 : a.label) ?? t.optionKey ?? "", o = _(t, t.optionKey), l = H(t), n = (c = t.controlInfo) == null ? void 0 : c.enum.reduce(
-    (C, z) => {
-      var V, K, A, w;
-      return C[z] = ((w = (A = (K = (V = t.translations) == null ? void 0 : V.options) == null ? void 0 : K[t.optionKey]) == null ? void 0 : A.enum) == null ? void 0 : w[z]) ?? z, C;
-    },
+}, q = (t) => {
+  const i = t.translations?.options?.[t.optionKey]?.label ?? t.controlInfo?.label ?? t.optionKey ?? "", n = $(t, t.optionKey), e = h(t), o = t.controlInfo?.enum.reduce(
+    (m, d) => (m[d] = t.translations?.options?.[t.optionKey]?.enum?.[d] ?? d, m),
     {}
-  ), e = t.size, s = ((f = (m = (r = t.translations) == null ? void 0 : r.options) == null ? void 0 : m[t.optionKey]) == null ? void 0 : f.tooltip) ?? ((x = t.controlInfo) == null ? void 0 : x.tooltip), {
-    extraLabel: d,
-    extraLabelTooltip: u,
-    extraLabelHasClickAction: b,
+  ), l = t.size, s = t.translations?.options?.[t.optionKey]?.tooltip ?? t.controlInfo?.tooltip, {
+    extraLabel: c,
+    extraLabelTooltip: a,
+    extraLabelHasClickAction: r,
     extraLabelClickAction: p
-  } = T(t), v = M(t);
-  return O`
+  } = b(t), f = x(t);
+  return u`
     <luzmo-edit-option-radio-button-group
-      .value=${o ?? l}
-      .values=${n}
+      .value=${n ?? e}
+      .values=${o}
       .label=${i}
-      ?hide-label=${(y = t.controlInfo) == null ? void 0 : y.hideLabel}
-      .size=${e}
+      ?hide-label=${t.controlInfo?.hideLabel}
+      .size=${l}
       .tooltip=${s}
-      .extraLabel=${d}
-      .extraLabelTooltip=${u}
-      .extraLabelHasClickAction=${b}
+      .extraLabel=${c}
+      .extraLabelTooltip=${a}
+      .extraLabelHasClickAction=${r}
       @extraLabelClick=${p}
-      @option-changed=${v}
-      .parseValue=${(L = t.controlInfo) == null ? void 0 : L.parseValue}
-      .toValue=${(I = t.controlInfo) == null ? void 0 : I.toValue}
+      @option-changed=${f}
+      .parseValue=${t.controlInfo?.parseValue}
+      .toValue=${t.controlInfo?.toValue}
     ></luzmo-edit-option-radio-button-group>
   `;
-}, dt = (t) => {
-  var a, c, r, m, f, x, y, L, I, C, z, V, K, A;
-  const i = ((r = (c = (a = t.translations) == null ? void 0 : a.options) == null ? void 0 : c[t.optionKey]) == null ? void 0 : r.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), l = (I = t.controlInfo) == null ? void 0 : I.min, n = (C = t.controlInfo) == null ? void 0 : C.max, e = (z = t.controlInfo) == null ? void 0 : z.step, s = _(t, t.optionKey), d = t.size, u = H(t), {
-    extraLabel: b,
+}, J = (t) => {
+  const i = t.translations?.options?.[t.optionKey]?.label ?? t.controlInfo?.label ?? t.optionKey ?? "", n = t.translations?.options?.[t.optionKey]?.tooltip ?? t.controlInfo?.tooltip, e = t.controlInfo?.min, o = t.controlInfo?.max, l = t.controlInfo?.step, s = $(t, t.optionKey), c = t.size, a = h(t), {
+    extraLabel: r,
     extraLabelTooltip: p,
-    extraLabelHasClickAction: v,
-    extraLabelClickAction: k
-  } = T(t), $ = M(t), h = () => {
-    if (typeof k == "function") {
-      const { options: w } = k();
-      return t.changeCallback(w);
+    extraLabelHasClickAction: f,
+    extraLabelClickAction: m
+  } = b(t), d = x(t), L = () => {
+    if (typeof m == "function") {
+      const { options: v } = m();
+      return t.changeCallback(v);
     }
   };
-  return O`
+  return u`
     <luzmo-edit-option-slider
       .value=${s}
-      .default=${u}
-      .min=${l}
-      .max=${n}
-      .step=${e}
+      .default=${a}
+      .min=${e}
+      .max=${o}
+      .step=${l}
       .label=${i}
-      ?hide-label=${(V = t.controlInfo) == null ? void 0 : V.hideLabel}
-      .tooltip=${o}
-      .size=${d}
-      .extraLabel=${b}
+      ?hide-label=${t.controlInfo?.hideLabel}
+      .tooltip=${n}
+      .size=${c}
+      .extraLabel=${r}
       .extraLabelTooltip=${p}
-      .extraLabelHasClickAction=${v}
-      @extraLabelClick=${h}
-      @option-changed=${$}
-      .parseValue=${(K = t.controlInfo) == null ? void 0 : K.parseValue}
-      .toValue=${(A = t.controlInfo) == null ? void 0 : A.toValue}
+      .extraLabelHasClickAction=${f}
+      @extraLabelClick=${L}
+      @option-changed=${d}
+      .parseValue=${t.controlInfo?.parseValue}
+      .toValue=${t.controlInfo?.toValue}
     ></luzmo-edit-option-slider>
   `;
-}, ut = (t) => {
-  var v, k, $, h, a, c, r, m, f, x, y;
-  const i = (($ = (k = (v = t.translations) == null ? void 0 : v.options) == null ? void 0 : k[t.optionKey]) == null ? void 0 : $.label) ?? ((h = t.controlInfo) == null ? void 0 : h.label) ?? t.optionKey ?? "", o = _(t, t.optionKey), l = t.size, n = ((r = (c = (a = t.translations) == null ? void 0 : a.options) == null ? void 0 : c[t.optionKey]) == null ? void 0 : r.tooltip) ?? ((m = t.controlInfo) == null ? void 0 : m.tooltip), e = H(t), {
+}, Q = (t) => {
+  const i = t.translations?.options?.[t.optionKey]?.label ?? t.controlInfo?.label ?? t.optionKey ?? "", n = $(t, t.optionKey), e = t.size, o = t.translations?.options?.[t.optionKey]?.tooltip ?? t.controlInfo?.tooltip, l = h(t), {
     extraLabel: s,
-    extraLabelTooltip: d,
-    extraLabelHasClickAction: u,
-    extraLabelClickAction: b
-  } = T(t), p = M(t);
-  return O`
+    extraLabelTooltip: c,
+    extraLabelHasClickAction: a,
+    extraLabelClickAction: r
+  } = b(t), p = x(t);
+  return u`
     <luzmo-edit-option-switch
-      .value=${o ?? e ?? !1}
+      .value=${n ?? l ?? !1}
       .label=${i}
-      ?hide-label=${(f = t.controlInfo) == null ? void 0 : f.hideLabel}
-      .size=${l}
-      .tooltip=${n}
+      ?hide-label=${t.controlInfo?.hideLabel}
+      .size=${e}
+      .tooltip=${o}
       .extraLabel=${s}
-      .extraLabelTooltip=${d}
-      .extraLabelHasClickAction=${u}
-      @extraLabelClick=${b}
+      .extraLabelTooltip=${c}
+      .extraLabelHasClickAction=${a}
+      @extraLabelClick=${r}
       @option-changed=${p}
-      .parseValue=${(x = t.controlInfo) == null ? void 0 : x.parseValue}
-      .toValue=${(y = t.controlInfo) == null ? void 0 : y.toValue}
+      .parseValue=${t.controlInfo?.parseValue}
+      .toValue=${t.controlInfo?.toValue}
     ></luzmo-edit-option-switch>
   `;
-}, ht = (t) => {
-  var $, h, a, c, r, m, f, x, y, L, I, C, z, V, K;
-  const i = ((a = (h = ($ = t.translations) == null ? void 0 : $.options) == null ? void 0 : h[t.optionKey]) == null ? void 0 : a.label) ?? ((c = t.controlInfo) == null ? void 0 : c.label) ?? t.optionKey ?? "", o = t.language ?? "en", l = {};
-  l[o] = ((f = (m = (r = t.translations) == null ? void 0 : r.options) == null ? void 0 : m[t.optionKey]) == null ? void 0 : f.placeholder) ?? ((x = t.controlInfo) == null ? void 0 : x.placeholder) ?? "";
-  const n = _(t, t.optionKey) ?? "", e = t.size, s = ((I = (L = (y = t.translations) == null ? void 0 : y.options) == null ? void 0 : L[t.optionKey]) == null ? void 0 : I.tooltip) ?? ((C = t.controlInfo) == null ? void 0 : C.tooltip), d = H(t), {
-    extraLabel: u,
-    extraLabelTooltip: b,
+}, U = (t) => {
+  const i = t.translations?.options?.[t.optionKey]?.label ?? t.controlInfo?.label ?? t.optionKey ?? "", n = t.language ?? "en", e = {};
+  e[n] = t.translations?.options?.[t.optionKey]?.placeholder ?? t.controlInfo?.placeholder ?? "";
+  const o = $(t, t.optionKey) ?? "", l = t.size, s = t.translations?.options?.[t.optionKey]?.tooltip ?? t.controlInfo?.tooltip, c = h(t), {
+    extraLabel: a,
+    extraLabelTooltip: r,
     extraLabelHasClickAction: p,
-    extraLabelClickAction: v
-  } = T(t), k = M(t);
-  return O`
+    extraLabelClickAction: f
+  } = b(t), m = x(t);
+  return u`
     <luzmo-edit-option-text-field
       .label=${i}
-      ?hide-label=${(z = t.controlInfo) == null ? void 0 : z.hideLabel}
-      .placeholder=${l[o]}
-      .value=${n ?? d}
-      .size=${e}
+      ?hide-label=${t.controlInfo?.hideLabel}
+      .placeholder=${e[n]}
+      .value=${o ?? c}
+      .size=${l}
       .tooltip=${s}
-      .extraLabel=${u}
-      .extraLabelTooltip=${b}
+      .extraLabel=${a}
+      .extraLabelTooltip=${r}
       .extraLabelHasClickAction=${p}
-      @extraLabelClick=${v}
-      @option-changed=${k}
-      .parseValue=${(V = t.controlInfo) == null ? void 0 : V.parseValue}
-      .toValue=${(K = t.controlInfo) == null ? void 0 : K.toValue}
+      @extraLabelClick=${f}
+      @option-changed=${m}
+      .parseValue=${t.controlInfo?.parseValue}
+      .toValue=${t.controlInfo?.toValue}
     ></luzmo-edit-option-text-field>
   `;
-}, bt = (t) => {
+}, X = (t) => {
   switch (t.controlType) {
     case "picker":
-      return at(t);
+      return G(t);
     case "slider":
-      return dt(t);
+      return J(t);
     case "switch":
-      return ut(t);
+      return Q(t);
     case "multi-language-field":
-      return pt(t);
+      return B(t);
     case "text-field":
-      return ht(t);
+      return U(t);
     case "number-field":
-      return rt(t);
+      return D(t);
     case "color-range":
-      return st(t);
+      return F(t);
     case "color-palette-picker":
-      return et(t);
+      return E(t);
     case "position-picker":
-      return ct(t);
+      return W(t);
     case "positions-number-field":
-      return mt(t);
+      return N(t);
     case "radio-button-group":
-      return ft(t);
+      return q(t);
     case "color-picker":
-      return lt(t);
+      return P(t);
     case "action-button-group":
-      return ot(t);
+      return j(t);
   }
 };
-var $t = Object.defineProperty, R = (t, i, o, l) => {
-  for (var n = void 0, e = t.length - 1, s; e >= 0; e--)
-    (s = t[e]) && (n = s(i, o, n) || n);
-  return n && $t(i, o, n), n;
+var Y = Object.defineProperty, I = (t, i, n, e) => {
+  for (var o = void 0, l = t.length - 1, s; l >= 0; l--)
+    (s = t[l]) && (o = s(i, n, o) || o);
+  return o && Y(i, n, o), o;
 };
-const F = class F extends Z {
+const z = class z extends H {
   constructor() {
-    super(...arguments), this._loadItemConfig = new X(this, {
+    super(...arguments), this._loadItemConfig = new O(this, {
       task: async ([
         i,
-        o,
-        l,
         n,
-        e
+        e,
+        o,
+        l
       ]) => {
         let s = !1;
-        if (i !== this._itemTypeLoaded && !n) {
-          const b = /* @__PURE__ */ Object.assign({
-            "../../item-definitions/area-chart/area-chart-options.config.ts": () => import("./area-chart-options.config-_J0sG4NF.js"),
-            "../../item-definitions/bar-chart/bar-chart-options.config.ts": () => import("./bar-chart-options.config-D1mb5TDl.js"),
-            "../../item-definitions/box-plot/box-plot-options.config.ts": () => import("./box-plot-options.config-xu_i6ms7.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-CDPpX1yc.js"),
-            "../../item-definitions/choropleth-map/choropleth-map-options.config.ts": () => import("./choropleth-map-options.config-B_W9-rhe.js"),
+        if (i !== this._itemTypeLoaded && !o) {
+          const r = /* @__PURE__ */ Object.assign({
+            "../../item-definitions/area-chart/area-chart-options.config.ts": () => import("./area-chart-options.config-u8itidsi.js"),
+            "../../item-definitions/bar-chart/bar-chart-options.config.ts": () => import("./bar-chart-options.config-DIirbAJ0.js"),
+            "../../item-definitions/box-plot/box-plot-options.config.ts": () => import("./box-plot-options.config-BWROiguA.js"),
+            "../../item-definitions/bubble-chart/bubble-chart-options.config.ts": () => import("./bubble-chart-options.config-4QD8VPhU.js"),
+            "../../item-definitions/bullet-chart/bullet-chart-options.config.ts": () => import("./bullet-chart-options.config-3bH7uekx.js"),
+            "../../item-definitions/choropleth-map/choropleth-map-options.config.ts": () => import("./choropleth-map-options.config-CMxx3ORp.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-DAIjz4Rl.js"),
-            "../../item-definitions/column-chart/column-chart-options.config.ts": () => import("./column-chart-options.config-B5SjBVdy.js"),
+            "../../item-definitions/circular-gauge/circular-gauge-options.config.ts": () => import("./circular-gauge-options.config-DhIKn44k.js"),
+            "../../item-definitions/column-chart/column-chart-options.config.ts": () => import("./column-chart-options.config-D5-yR7iq.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-BCEpSK9J.js"),
-            "../../item-definitions/date-comparison-filter/date-comparison-filter-options.config.ts": () => import("./date-comparison-filter-options.config-JA_yYpJa.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-DzkfeoIN.js"),
-            "../../item-definitions/funnel-chart/funnel-chart-options.config.ts": () => import("./funnel-chart-options.config-C_VjTOvD.js"),
-            "../../item-definitions/heat-map/heat-map-options.config.ts": () => import("./heat-map-options.config-BnLWe8jS.js"),
-            "../../item-definitions/heat-table/heat-table-options.config.ts": () => import("./heat-table-options.config-CUsDdgUr.js"),
-            "../../item-definitions/hexbin-map/hexbin-map-options.config.ts": () => import("./hexbin-map-options.config-F-7uCqxb.js"),
+            "../../item-definitions/conditional-number/conditional-number-options.config.ts": () => import("./conditional-number-options.config-DPYsdML5.js"),
+            "../../item-definitions/date-comparison-filter/date-comparison-filter-options.config.ts": () => import("./date-comparison-filter-options.config-CSwGyuBg.js"),
+            "../../item-definitions/date-filter/date-filter-options.config.ts": () => import("./date-filter-options.config-BTVyHRkp.js"),
+            "../../item-definitions/donut-chart/donut-chart-options.config.ts": () => import("./donut-chart-options.config-3ZqX8Cbb.js"),
+            "../../item-definitions/dropdown-filter/dropdown-filter-options.config.ts": () => import("./dropdown-filter-options.config-CGJTtgAX.js"),
+            "../../item-definitions/evolution-number/evolution-number-options.config.ts": () => import("./evolution-number-options.config-BIPO_4n3.js"),
+            "../../item-definitions/funnel-chart/funnel-chart-options.config.ts": () => import("./funnel-chart-options.config-CrJy2U7_.js"),
+            "../../item-definitions/heat-map/heat-map-options.config.ts": () => import("./heat-map-options.config-CmL87j1j.js"),
+            "../../item-definitions/heat-table/heat-table-options.config.ts": () => import("./heat-table-options.config-BrCYAgYD.js"),
+            "../../item-definitions/hexbin-map/hexbin-map-options.config.ts": () => import("./hexbin-map-options.config-BguV1w8q.js"),
             "../../item-definitions/image/image-options.config.ts": () => import("./image-options.config-CBfeq5Zw.js"),
             "../../item-definitions/item-options.config.ts": () => import("./item-options-configs.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-DPJ955tt.js"),
+            "../../item-definitions/line-chart/line-chart-options.config.ts": () => import("./line-chart-options.config-BhirTGqD.js"),
+            "../../item-definitions/marker-map/marker-map-options.config.ts": () => import("./marker-map-options.config-Bx17jmiq.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-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-BoLZsBry.js"),
-            "../../item-definitions/route-map/route-map-options.config.ts": () => import("./route-map-options.config-CN86T7c0.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-Corlzno1.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-3JZZcw5C.js"),
-            "../../item-definitions/slider-filter/slider-filter-options.config.ts": () => import("./slider-filter-options.config-DH4SS8wH.js"),
+            "../../item-definitions/pivot-table/pivot-table-options.config.ts": () => import("./pivot-table-options.config-CFc7y0IT.js"),
+            "../../item-definitions/pyramid-chart/pyramid-chart-options.config.ts": () => import("./pyramid-chart-options.config-2Waxb11l.js"),
+            "../../item-definitions/radar-chart/radar-chart-options.config.ts": () => import("./radar-chart-options.config-CPN5fOl8.js"),
+            "../../item-definitions/regular-table/regular-table-options.config.ts": () => import("./regular-table-options.config-CFKCJQK1.js"),
+            "../../item-definitions/route-map/route-map-options.config.ts": () => import("./route-map-options.config-CyolTJfK.js"),
+            "../../item-definitions/sankey-diagram/sankey-diagram-options.config.ts": () => import("./sankey-diagram-options.config-Ldjk84ro.js"),
+            "../../item-definitions/scatter-plot/scatter-plot-options.config.ts": () => import("./scatter-plot-options.config-CfxEfkQ1.js"),
+            "../../item-definitions/search-filter/search-filter-options.config.ts": () => import("./search-filter-options.config-C0syQmP4.js"),
+            "../../item-definitions/slicer-filter/slicer-filter-options.config.ts": () => import("./slicer-filter-options.config-DmOe3440.js"),
+            "../../item-definitions/slider-filter/slider-filter-options.config.ts": () => import("./slider-filter-options.config-B1M8RcDs.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-SL581yOa.js"),
-            "../../item-definitions/spike-map/spike-map-options.config.ts": () => import("./spike-map-options.config-C5KewecZ.js"),
+            "../../item-definitions/speedometer-chart/speedometer-chart-options.config.ts": () => import("./speedometer-chart-options.config-CzOmuEF8.js"),
+            "../../item-definitions/spike-map/spike-map-options.config.ts": () => import("./spike-map-options.config-Cbt1YUw6.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-DdDA4aa7.js"),
+            "../../item-definitions/sunburst-chart/sunburst-chart-options.config.ts": () => import("./sunburst-chart-options.config-_dyLQxPJ.js"),
+            "../../item-definitions/symbol-map/symbol-map-options.config.ts": () => import("./symbol-map-options.config-BORL1NSU.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/treemap-chart/treemap-chart-options.config.ts": () => import("./treemap-chart-options.config-B9i9qIm_.js"),
             "../../item-definitions/venn-diagram/venn-diagram-options.config.ts": () => import("./venn-diagram-options.config-CGUMA930.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")
+            "../../item-definitions/video/video-options.config.ts": () => import("./video-options.config-UX-9MDfS.js"),
+            "../../item-definitions/wordcloud-chart/wordcloud-chart-options.config.ts": () => import("./wordcloud-chart-options.config-BoB_KuhA.js")
           });
-          if (b[`../../item-definitions/${i}/${i}-options.config.ts`])
+          if (r[`../../item-definitions/${i}/${i}-options.config.ts`])
             try {
-              const p = await b[`../../item-definitions/${i}/${i}-options.config.ts`]();
-              this._optionsConfig = (p == null ? void 0 : p.default) ?? [];
+              const p = await r[`../../item-definitions/${i}/${i}-options.config.ts`]();
+              this._optionsConfig = p?.default ?? [];
             } catch {
               this._optionsConfig = [];
             }
           else
             this._optionsConfig = [];
           s = !0;
-        } else n ? (o && i && console.warn(
+        } else o ? (n && 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 ((l !== this._languageLoaded || s) && !e) {
-          const b = /* @__PURE__ */ Object.assign({
+        ), this._optionsConfig = [{ children: [o] }], n = o.key, i = void 0) : this._optionsConfig = [];
+        if ((e !== this._languageLoaded || s) && !l) {
+          const r = /* @__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"),
@@ -844,28 +819,28 @@ const F = class F extends Z {
             "../../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 (b[`../../item-definitions/${i}/i18n/${i}-options.${l}.ts`])
+          if (r[`../../item-definitions/${i}/i18n/${i}-options.${e}.ts`])
             try {
-              const p = await b[`../../item-definitions/${i}/i18n/${i}-options.${l}.ts`]();
-              this._translations = (p == null ? void 0 : p.default) ?? {};
+              const p = await r[`../../item-definitions/${i}/i18n/${i}-options.${e}.ts`]();
+              this._translations = p?.default ?? {};
             } catch (p) {
               this._translations = {}, console.error(p);
             }
           else
             this._translations = {};
-        } else e ? this._translations = {
-          options: { [o ?? ""]: e }
+        } else l ? this._translations = {
+          options: { [n ?? ""]: l }
         } : this._translations = {};
-        const d = tt(o ?? "", this._optionsConfig), u = d == null ? void 0 : d.type;
-        if (u !== this._controlTypeLoaded) {
-          const b = /* @__PURE__ */ Object.assign({ "../edit-option-action-button-group/index.ts": () => import("./edit-option-action-button-group/index.js"), "../edit-option-color-palette-picker/index.ts": () => import("./edit-option-color-palette-picker/index.js"), "../edit-option-color-picker/index.ts": () => import("./edit-option-color-picker/index.js"), "../edit-option-color-range/index.ts": () => import("./edit-option-color-range/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 c = M(n ?? "", this._optionsConfig), a = c?.type;
+        if (a !== this._controlTypeLoaded) {
+          const r = /* @__PURE__ */ Object.assign({ "../edit-option-action-button-group/index.ts": () => import("./edit-option-action-button-group/index.js"), "../edit-option-color-palette-picker/index.ts": () => import("./edit-option-color-palette-picker/index.js"), "../edit-option-color-picker/index.ts": () => import("./edit-option-color-picker/index.js"), "../edit-option-color-range/index.ts": () => import("./edit-option-color-range/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 {
-            b[`../edit-option-${u}/index.ts`] && (await b[`../edit-option-${u}/index.ts`](), this._controlTypeLoaded = u);
+            r[`../edit-option-${a}/index.ts`] && (await r[`../edit-option-${a}/index.ts`](), this._controlTypeLoaded = a);
           } catch (p) {
             console.error(p);
           }
         }
-        return d;
+        return c;
       },
       args: () => [
         this.itemType,
@@ -889,57 +864,54 @@ const F = class F extends Z {
   }
   render() {
     return this._loadItemConfig.render({
-      pending: () => O`<p>Loading...</p>`,
-      complete: (i) => {
-        var o;
-        return bt({
-          controlType: i == null ? void 0 : i.type,
-          optionKey: ((o = this.customOptionConfiguration) == null ? void 0 : o.key) ?? this.optionKey,
-          controlInfo: i,
-          options: this.options,
-          slots: this.slots,
-          theme: this.theme,
-          language: this.language,
-          translations: this._translations,
-          size: this.size,
-          changeCallback: this.changedOptions
-        });
-      },
-      error: (i) => (console.error(i), O``)
+      pending: () => u`<p>Loading...</p>`,
+      complete: (i) => X({
+        controlType: i?.type,
+        optionKey: this.customOptionConfiguration?.key ?? this.optionKey,
+        controlInfo: i,
+        options: this.options,
+        slots: this.slots,
+        theme: this.theme,
+        language: this.language,
+        translations: this._translations,
+        size: this.size,
+        changeCallback: this.changedOptions
+      }),
+      error: (i) => (console.error(i), u``)
     });
   }
 };
-F.styles = Y(it);
-let S = F;
-R([
-  j({ type: String, reflect: !0 })
-], S.prototype, "language");
-R([
-  j({ type: String, reflect: !0, attribute: "item-type" })
-], S.prototype, "itemType");
-R([
-  j({ type: String, reflect: !0, attribute: "option-key" })
-], S.prototype, "optionKey");
-R([
-  j({ type: Object, reflect: !1 })
-], S.prototype, "customOptionConfiguration");
-R([
-  j({ type: Object, reflect: !1 })
-], S.prototype, "customTranslations");
-R([
-  j({ type: Object })
-], S.prototype, "options");
-R([
-  j({ type: Object })
-], S.prototype, "slots");
-R([
-  j({ type: Object })
-], S.prototype, "theme");
-R([
-  j({ type: String, reflect: !0 })
-], S.prototype, "size");
-customElements.get("luzmo-edit-option") || customElements.define("luzmo-edit-option", S);
+z.styles = T(S);
+let y = z;
+I([
+  k({ type: String, reflect: !0 })
+], y.prototype, "language");
+I([
+  k({ type: String, reflect: !0, attribute: "item-type" })
+], y.prototype, "itemType");
+I([
+  k({ type: String, reflect: !0, attribute: "option-key" })
+], y.prototype, "optionKey");
+I([
+  k({ type: Object, reflect: !1 })
+], y.prototype, "customOptionConfiguration");
+I([
+  k({ type: Object, reflect: !1 })
+], y.prototype, "customTranslations");
+I([
+  k({ type: Object })
+], y.prototype, "options");
+I([
+  k({ type: Object })
+], y.prototype, "slots");
+I([
+  k({ type: Object })
+], y.prototype, "theme");
+I([
+  k({ type: String, reflect: !0 })
+], y.prototype, "size");
+customElements.get("luzmo-edit-option") || customElements.define("luzmo-edit-option", y);
 export {
-  S as L,
-  tt as g
+  y as L,
+  M as g
 };