@luzmo/analytics-components-kit 1.0.1-alpha.46 → 1.0.1-alpha.48

package/components/{index-DM0JWaVq.js → index-ydBgjAru.js}

@@ -17,473 +17,567 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { h as S } from "./task-CDsB8Kbr.js";
-import { x as K, r as G, n as M } from "./property-BFMfZY1k.js";
-import { L as R } from "./focusable-Bhf_beoW.js";
-import { o as D } from "./if-defined-Dg09naf2.js";
-const N = (t, i, o) => {
-  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;
+import { h as X } from "./task-CDsB8Kbr.js";
+import { x as O, r as Y, n as S } from "./property-BFMfZY1k.js";
+import { L as Z } from "./focusable-Bhf_beoW.js";
+import { o as g } from "./if-defined-Dg09naf2.js";
+const tt = (t, o, i) => {
+  const l = (n) => {
+    for (const e of n ?? []) {
+      if (e.key === t)
+        return i ? e : e.control;
+      if (e.children) {
+        const s = l(e.children);
+        if (s)
+          return s;
       }
     }
     return null;
   };
-  if (i && Array.isArray(i))
-    for (const e of i) {
-      const n = s(e.children);
-      if (n)
-        return n;
+  if (o && Array.isArray(o))
+    for (const n of o) {
+      const e = l(n.children);
+      if (e)
+        return e;
     }
   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))}", 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({
+}, ot = ":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 i, l, n;
+  let o;
+  return typeof ((i = t == null ? void 0 : t.controlInfo) == null ? void 0 : i.default) == "function" ? o = t.controlInfo.default({
     options: t.options,
     slots: t.slots,
     theme: t.theme
-  }) : ((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 ((n = t.controlInfo) == null ? void 0 : n.extraLabel) == "function" ? i = t.controlInfo.extraLabel({
+  }) : ((l = t.controlInfo) == null ? void 0 : l.default) !== void 0 && ((n = t.controlInfo) == null ? void 0 : n.default) !== null && (o = t.controlInfo.default), o;
+}, T = (t) => {
+  var e, s, d, u, b, p, v, k, $, h, a, c, r, m, f;
+  let o;
+  typeof ((e = t.controlInfo) == null ? void 0 : e.extraLabel) == "function" ? o = t.controlInfo.extraLabel({
     options: t.options,
     slots: t.slots,
     theme: t.theme
-  }) : 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({
+  }) : typeof ((s = t.controlInfo) == null ? void 0 : s.extraLabel) == "string" && (o = t.controlInfo.extraLabel), typeof o == "string" && (o = ((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[o]) ?? o);
+  let i;
+  typeof ((v = t.controlInfo) == null ? void 0 : v.extraLabelTooltip) == "function" ? o = t.controlInfo.extraLabelTooltip({
     options: t.options,
     slots: t.slots,
     theme: t.theme
-  }) : 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({
+  }) : typeof ((k = t.controlInfo) == null ? void 0 : k.extraLabelTooltip) == "string" && (i = t.controlInfo.extraLabelTooltip), typeof i == "string" && (o = ((c = (a = (h = ($ = t.translations) == null ? void 0 : $.options) == null ? void 0 : h[t.optionKey]) == null ? void 0 : a.extraLabelTooltip) == null ? void 0 : c[i]) ?? i);
+  let l;
+  typeof ((r = t.controlInfo) == null ? void 0 : r.extraLabelHasClickAction) == "function" ? l = t.controlInfo.extraLabelHasClickAction({
     options: t.options,
     slots: t.slots,
     theme: t.theme
-  }) : 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({
+  }) : 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({
     options: t.options,
     slots: t.slots,
     theme: t.theme
   }) : () => {
   };
   return {
-    extraLabel: i,
-    extraLabelTooltip: o,
-    extraLabelHasClickAction: s,
-    extraLabelClickAction: e
+    extraLabel: o,
+    extraLabelTooltip: i,
+    extraLabelHasClickAction: l,
+    extraLabelClickAction: n
   };
-}, 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 e = i.split(".");
-    let n = o;
-    for (let p = 0; p < e.length - 1; p++)
-      n = n[e[p]] ?? {};
-    const l = e.length - 1;
-    return n[e[l]];
+}, _ = (t, o) => {
+  var l;
+  const i = (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: i });
+  if (o.includes(".")) {
+    const n = o.split(".");
+    let e = i;
+    for (let d = 0; d < n.length - 1; d++)
+      e = e[n[d]] ?? {};
+    const s = n.length - 1;
+    return e[n[s]];
   }
-  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
+  return i[o];
+}, M = (t) => (o) => {
+  var l, n;
+  let i = { ...t.options };
+  if (typeof ((l = t == null ? void 0 : t.controlInfo) == null ? void 0 : l.toOptions) == "function")
+    i = t.controlInfo.toOptions({
+      options: i,
+      value: (n = o == null ? void 0 : o.detail) == null ? void 0 : n.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;
+    const e = t.optionKey.split(".");
+    let s = i;
+    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]] = o.detail.value;
   } else
-    o[t.optionKey] = i.detail.value;
-  return t.changeCallback(o);
-}, J = (t) => {
-  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)
+    i[t.optionKey] = o.detail.value;
+  return t.changeCallback(i);
+}, it = (t) => {
+  var k, $, h, a, c, r, m, f, x, y, L, I, C;
+  const o = ((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 ?? "", i = 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)
     };
   });
-  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`
+  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,
+    extraLabelClickAction: p
+  } = T(t), v = M(t);
+  return O`
     <luzmo-edit-option-action-button-group
-      .label=${i}
-      .value=${n}
-      .values=${s}
-      .default=${l}
-      .selects=${(k = t.controlInfo) == null ? void 0 : k.selects}
-      .size=${o}
-      .tooltip=${e}
-      .extraLabel=${p}
-      .extraLabelTooltip=${a}
-      .extraLabelHasClickAction=${h}
-      @extraLabelClick=${r}
+      .label=${o}
+      ?hide-label=${(y = t.controlInfo) == null ? void 0 : y.hideLabel}
+      .value=${e}
+      .values=${l}
+      .default=${s}
+      .selects=${(L = t.controlInfo) == null ? void 0 : L.selects}
+      .size=${i}
+      .tooltip=${n}
+      .extraLabel=${d}
+      .extraLabelTooltip=${u}
+      .extraLabelHasClickAction=${b}
+      @extraLabelClick=${p}
       @option-changed=${v}
-      .parseValue=${(L = t.controlInfo) == null ? void 0 : L.parseValue}
-      .toValue=${(z = t.controlInfo) == null ? void 0 : z.toValue}
+      .parseValue=${(I = t.controlInfo) == null ? void 0 : I.parseValue}
+      .toValue=${(C = t.controlInfo) == null ? void 0 : C.toValue}
     ></luzmo-edit-option-action-button-group>
   `;
-}, Q = (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 ?? n}
-      .label=${i}
-      .size=${s}
+}, nt = (t) => {
+  var i, l, n;
+  let o;
+  return typeof ((i = t == null ? void 0 : t.controlInfo) == null ? void 0 : i.enum) == "function" ? o = 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 && (o = t.controlInfo.enum), o;
+}, et = (t) => {
+  var $, h, a, c, r, m, f, x, y, L, I;
+  const o = ((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 ?? "", i = _(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,
+    extraLabelClickAction: p
+  } = T(t), v = M(t), k = () => {
+    if (typeof p == "function") {
+      const { options: C } = p();
+      return t.changeCallback(C);
+    }
+  };
+  return O`
+    <luzmo-edit-option-color-palette-picker
+      .value=${i ?? s}
+      .values=${l}
+      .label=${o}
+      ?hide-label=${(y = t.controlInfo) == null ? void 0 : y.hideLabel}
+      .size=${n}
       .tooltip=${e}
-      .extraLabel=${l}
-      .extraLabelTooltip=${p}
-      .extraLabelHasClickAction=${a}
-      @extraLabelClick=${() => {
-    if (typeof h == "function") {
-      const { options: L } = h();
-      return t.changeCallback(L);
+      .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}
+    ></luzmo-edit-option-color-palette-picker>
+  `;
+}, lt = (t) => {
+  var k, $, h, a, c, r, m, f, x, y, L;
+  const o = ((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 ?? "", i = _(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), {
+    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);
     }
-  }}
-      @option-changed=${r}
+  };
+  return O`
+    <luzmo-edit-option-color-picker
+      .value=${i ?? e}
+      .label=${o}
+      ?hide-label=${(x = t.controlInfo) == null ? void 0 : x.hideLabel}
+      .size=${l}
+      .tooltip=${n}
+      .extraLabel=${s}
+      .extraLabelTooltip=${d}
+      .extraLabelHasClickAction=${u}
+      @extraLabelClick=${v}
+      @option-changed=${p}
       .parseValue=${(y = t.controlInfo) == null ? void 0 : y.parseValue}
-      .toValue=${(k = t.controlInfo) == null ? void 0 : k.toValue}
+      .toValue=${(L = t.controlInfo) == null ? void 0 : L.toValue}
     ></luzmo-edit-option-color-picker>
   `;
-}, U = (t) => {
-  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,
+}, st = (t) => {
+  var x, y, L, I, C, z, V, K, A, w, E, P, B, G, W, D, N, q, J, Q;
+  const o = ((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 ?? "", i = _(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 ((G = t == null ? void 0 : t.controlInfo) == null ? void 0 : G.negativeInfinityValue) == "function" ? t.controlInfo.negativeInfinityValue(t) : t.controlInfo.negativeInfinityValue, k = typeof ((W = t == null ? void 0 : t.controlInfo) == null ? void 0 : W.noValues) == "function" ? t.controlInfo.noValues(t) : t.controlInfo.noValues, $ = typeof ((D = t == null ? void 0 : t.controlInfo) == null ? void 0 : D.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);
+    }
+  };
+  return O`
+    <luzmo-edit-option-color-range
+      .value=${i ?? e}
+      .label=${o}
+      .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}
+      ?percentage=${s}
+      ?no-alpha-channel=${u}
+      ?edit-range-size=${b}
+      ?no-values=${k}
+      ?read-only-color-picker=${$}
+      .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}
+    ></luzmo-edit-option-color-range>
+  `;
+}, pt = (t) => {
+  var $, h, a, c, r, m, f, x, y, L, I, C, z, V, K;
+  const o = ((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 ?? "", i = _(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,
+    extraLabelHasClickAction: p,
     extraLabelClickAction: v
-  } = O(t), $ = _(t);
-  return K`
+  } = T(t), k = M(t);
+  return O`
     <luzmo-edit-option-multi-language-field
-      .label=${i}
-      .placeholder=${n}
-      .value=${o ?? p}
-      language=${D(e)}
-      .size=${l}
-      .tooltip=${s}
-      .extraLabel=${a}
-      .extraLabelTooltip=${h}
-      .extraLabelHasClickAction=${r}
+      .label=${o}
+      ?hide-label=${(z = t.controlInfo) == null ? void 0 : z.hideLabel}
+      .placeholder=${e}
+      .value=${i ?? d}
+      language=${g(n)}
+      .size=${s}
+      .tooltip=${l}
+      .extraLabel=${u}
+      .extraLabelTooltip=${b}
+      .extraLabelHasClickAction=${p}
       @extraLabelClick=${v}
-      @option-changed=${$}
-      .parseValue=${(C = t.controlInfo) == null ? void 0 : C.parseValue}
-      .toValue=${(V = t.controlInfo) == null ? void 0 : V.toValue}
+      @option-changed=${k}
+      .parseValue=${(V = t.controlInfo) == null ? void 0 : V.parseValue}
+      .toValue=${(K = t.controlInfo) == null ? void 0 : K.toValue}
     ></luzmo-edit-option-multi-language-field>
   `;
-}, W = (t) => {
-  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,
+}, rt = (t) => {
+  var h, a, c, r, m, f, x, y, L, I, C, z, V, K, A, w, E;
+  const o = ((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 ?? "", i = (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,
+    extraLabelTooltip: p,
     extraLabelHasClickAction: v,
-    extraLabelClickAction: $
-  } = O(t), b = _(t);
-  return K`
+    extraLabelClickAction: k
+  } = T(t), $ = M(t);
+  return O`
     <luzmo-edit-option-number-field
-      .value=${n}
-      .default=${p}
-      .min=${o}
-      .max=${s}
-      .step=${e}
-      .label=${i}
-      .size=${a}
-      .tooltip=${l}
-      .extraLabel=${h}
-      .extraLabelTooltip=${r}
+      .value=${e}
+      .default=${d}
+      .min=${i}
+      .max=${l}
+      .step=${n}
+      .label=${o}
+      ?hide-label=${(z = t.controlInfo) == null ? void 0 : z.hideLabel}
+      .size=${u}
+      .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}
+      .extraLabelTooltip=${p}
       .extraLabelHasClickAction=${v}
-      @extraLabelClick=${$}
-      @option-changed=${b}
-      .parseValue=${(C = t.controlInfo) == null ? void 0 : C.parseValue}
-      .toValue=${(V = t.controlInfo) == null ? void 0 : V.toValue}
+      @extraLabelClick=${k}
+      @option-changed=${$}
+      .parseValue=${(w = t.controlInfo) == null ? void 0 : w.parseValue}
+      .toValue=${(E = t.controlInfo) == null ? void 0 : E.toValue}
     ></luzmo-edit-option-number-field>
   `;
-}, X = (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) ?? 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;
+}, at = (t) => {
+  var k, $, h, a, c, r, m, f, x, y, L, I;
+  const o = ((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 ?? "", i = _(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;
     },
     {}
-  ), n = t.size, l = H(t), {
-    extraLabel: p,
-    extraLabelTooltip: a,
-    extraLabelHasClickAction: h,
-    extraLabelClickAction: r
-  } = O(t), v = _(t);
-  return K`
+  ), e = t.size, s = H(t), {
+    extraLabel: d,
+    extraLabelTooltip: u,
+    extraLabelHasClickAction: b,
+    extraLabelClickAction: p
+  } = T(t), v = M(t);
+  return O`
     <luzmo-edit-option-picker
-      .value=${o}
-      .default=${l}
-      .values=${e}
-      .label=${i}
-      .tooltip=${s}
-      .size=${n}
-      .extraLabel=${p}
-      .extraLabelTooltip=${a}
-      .extraLabelHasClickAction=${h}
-      @extraLabelClick=${r}
+      .value=${i}
+      .default=${s}
+      .values=${n}
+      .label=${o}
+      ?hide-label=${(y = t.controlInfo) == null ? void 0 : y.hideLabel}
+      .tooltip=${l}
+      .size=${e}
+      .extraLabel=${d}
+      .extraLabelTooltip=${u}
+      .extraLabelHasClickAction=${b}
+      @extraLabelClick=${p}
       @option-changed=${v}
-      .parseValue=${(k = t.controlInfo) == null ? void 0 : k.parseValue}
-      .toValue=${(L = t.controlInfo) == null ? void 0 : L.toValue}
+      .parseValue=${(L = t.controlInfo) == null ? void 0 : L.parseValue}
+      .toValue=${(I = t.controlInfo) == null ? void 0 : I.toValue}
     ></luzmo-edit-option-picker>
   `;
-}, Y = (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`
+}, ct = (t) => {
+  var k, $, h, a, c, r, m, f, x, y, L, I;
+  const o = ((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), i = (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,
+    extraLabelClickAction: p
+  } = T(t), v = M(t);
+  return O`
     <luzmo-edit-option-position-picker
-      .value=${(k = t.controlInfo) == null ? void 0 : k.value}
-      .positions=${o}
-      .default=${l}
-      .label=${i}
-      .tooltip=${n}
-      .size=${s}
-      .value=${e}
-      .extraLabel=${p}
-      .extraLabelTooltip=${a}
-      .extraLabelHasClickAction=${h}
-      @extraLabelClick=${r}
+      .value=${(y = t.controlInfo) == null ? void 0 : y.value}
+      .positions=${i}
+      .default=${s}
+      .label=${o}
+      ?hide-label=${(L = t.controlInfo) == null ? void 0 : L.hideLabel}
+      .tooltip=${e}
+      .size=${l}
+      .value=${n}
+      .extraLabel=${d}
+      .extraLabelTooltip=${u}
+      .extraLabelHasClickAction=${b}
+      @extraLabelClick=${p}
       @option-changed=${v}
-      .readonly=${(L = t.controlInfo) == null ? void 0 : L.readonly}
+      .readonly=${(I = t.controlInfo) == null ? void 0 : I.readonly}
     ></luzmo-edit-option-position-picker>
   `;
-}, Z = (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`
+}, mt = (t) => {
+  var v, k, $, h, a, c, r, m, f, x, y, L, I;
+  const o = (($ = (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), i = _(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), {
+    extraLabel: s,
+    extraLabelTooltip: d,
+    extraLabelHasClickAction: u,
+    extraLabelClickAction: b
+  } = T(t), p = M(t);
+  return O`
     <luzmo-edit-option-positions-number-field
-      .values=${o ?? n}
-      .positions=${(u = t.controlInfo) == null ? void 0 : u.positions}
-      .positionConfiguration=${(y = t.controlInfo) == null ? void 0 : y.positionConfiguration}
-      .label=${i}
-      .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}
+      .values=${i ?? e}
+      .positions=${(f = t.controlInfo) == null ? void 0 : f.positions}
+      .positionConfiguration=${(x = t.controlInfo) == null ? void 0 : x.positionConfiguration}
+      .label=${o}
+      ?hide-label=${(y = t.controlInfo) == null ? void 0 : y.hideLabel}
+      .size=${l}
+      .tooltip=${n}
+      .extraLabel=${s}
+      .extraLabelTooltip=${d}
+      .extraLabelHasClickAction=${u}
+      @extraLabelClick=${b}
+      @option-changed=${p}
+      .parseValue=${(L = t.controlInfo) == null ? void 0 : L.parseValue}
+      .toValue=${(I = t.controlInfo) == null ? void 0 : I.toValue}
     ></luzmo-edit-option-positions-number-field>
   `;
-}, g = (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) ?? 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;
+}, ft = (t) => {
+  var k, $, h, a, c, r, m, f, x, y, L, I;
+  const o = ((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 ?? "", i = _(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;
     },
     {}
-  ), 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`
+  ), 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,
+    extraLabelClickAction: p
+  } = T(t), v = M(t);
+  return O`
     <luzmo-edit-option-radio-button-group
-      .value=${o ?? s}
-      .values=${e}
-      .label=${i}
-      .size=${n}
-      .tooltip=${l}
-      .extraLabel=${p}
-      .extraLabelTooltip=${a}
-      .extraLabelHasClickAction=${h}
-      @extraLabelClick=${r}
+      .value=${i ?? l}
+      .values=${n}
+      .label=${o}
+      ?hide-label=${(y = t.controlInfo) == null ? void 0 : y.hideLabel}
+      .size=${e}
+      .tooltip=${s}
+      .extraLabel=${d}
+      .extraLabelTooltip=${u}
+      .extraLabelHasClickAction=${b}
+      @extraLabelClick=${p}
       @option-changed=${v}
-      .parseValue=${(k = t.controlInfo) == null ? void 0 : k.parseValue}
-      .toValue=${(L = t.controlInfo) == null ? void 0 : L.toValue}
+      .parseValue=${(L = t.controlInfo) == null ? void 0 : L.parseValue}
+      .toValue=${(I = t.controlInfo) == null ? void 0 : I.toValue}
     ></luzmo-edit-option-radio-button-group>
   `;
-}, tt = (t) => {
-  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,
+}, dt = (t) => {
+  var a, c, r, m, f, x, y, L, I, C, z, V, K, A;
+  const o = ((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 ?? "", i = ((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,
+    extraLabelTooltip: p,
     extraLabelHasClickAction: v,
-    extraLabelClickAction: $
-  } = O(t), b = _(t);
-  return K`
+    extraLabelClickAction: k
+  } = T(t), $ = M(t), h = () => {
+    if (typeof k == "function") {
+      const { options: w } = k();
+      return t.changeCallback(w);
+    }
+  };
+  return O`
     <luzmo-edit-option-slider
-      .value=${l}
-      .default=${a}
-      .min=${s}
-      .max=${e}
-      .step=${n}
-      .label=${i}
-      .tooltip=${o}
-      .size=${p}
-      .extraLabel=${h}
-      .extraLabelTooltip=${r}
+      .value=${s}
+      .default=${u}
+      .min=${l}
+      .max=${n}
+      .step=${e}
+      .label=${o}
+      ?hide-label=${(V = t.controlInfo) == null ? void 0 : V.hideLabel}
+      .tooltip=${i}
+      .size=${d}
+      .extraLabel=${b}
+      .extraLabelTooltip=${p}
       .extraLabelHasClickAction=${v}
-      @extraLabelClick=${() => {
-    if (typeof $ == "function") {
-      const { options: j } = $();
-      return t.changeCallback(j);
-    }
-  }}
-      @option-changed=${b}
-      .parseValue=${(V = t.controlInfo) == null ? void 0 : V.parseValue}
-      .toValue=${(w = t.controlInfo) == null ? void 0 : w.toValue}
+      @extraLabelClick=${h}
+      @option-changed=${$}
+      .parseValue=${(K = t.controlInfo) == null ? void 0 : K.parseValue}
+      .toValue=${(A = t.controlInfo) == null ? void 0 : A.toValue}
     ></luzmo-edit-option-slider>
   `;
-}, it = (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`
+}, ut = (t) => {
+  var v, k, $, h, a, c, r, m, f, x, y;
+  const o = (($ = (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 ?? "", i = _(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), {
+    extraLabel: s,
+    extraLabelTooltip: d,
+    extraLabelHasClickAction: u,
+    extraLabelClickAction: b
+  } = T(t), p = M(t);
+  return O`
     <luzmo-edit-option-switch
-      .value=${o ?? n ?? !1}
-      .label=${i}
-      .size=${s}
-      .tooltip=${e}
-      .extraLabel=${l}
-      .extraLabelTooltip=${p}
-      .extraLabelHasClickAction=${a}
-      @extraLabelClick=${h}
-      @option-changed=${r}
-      .parseValue=${(u = t.controlInfo) == null ? void 0 : u.parseValue}
+      .value=${i ?? e ?? !1}
+      .label=${o}
+      ?hide-label=${(f = t.controlInfo) == null ? void 0 : f.hideLabel}
+      .size=${l}
+      .tooltip=${n}
+      .extraLabel=${s}
+      .extraLabelTooltip=${d}
+      .extraLabelHasClickAction=${u}
+      @extraLabelClick=${b}
+      @option-changed=${p}
+      .parseValue=${(x = t.controlInfo) == null ? void 0 : x.parseValue}
       .toValue=${(y = t.controlInfo) == null ? void 0 : y.toValue}
     ></luzmo-edit-option-switch>
   `;
-}, ot = (t) => {
-  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,
+}, ht = (t) => {
+  var $, h, a, c, r, m, f, x, y, L, I, C, z, V, K;
+  const o = ((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 ?? "", i = t.language ?? "en", l = {};
+  l[i] = ((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,
+    extraLabelHasClickAction: p,
     extraLabelClickAction: v
-  } = O(t), $ = _(t);
-  return K`
+  } = T(t), k = M(t);
+  return O`
     <luzmo-edit-option-text-field
-      .label=${i}
-      .placeholder=${s[o]}
-      .value=${e ?? p}
-      .size=${n}
-      .tooltip=${l}
-      .extraLabel=${a}
-      .extraLabelTooltip=${h}
-      .extraLabelHasClickAction=${r}
+      .label=${o}
+      ?hide-label=${(z = t.controlInfo) == null ? void 0 : z.hideLabel}
+      .placeholder=${l[i]}
+      .value=${n ?? d}
+      .size=${e}
+      .tooltip=${s}
+      .extraLabel=${u}
+      .extraLabelTooltip=${b}
+      .extraLabelHasClickAction=${p}
       @extraLabelClick=${v}
-      @option-changed=${$}
-      .parseValue=${(C = t.controlInfo) == null ? void 0 : C.parseValue}
-      .toValue=${(V = t.controlInfo) == null ? void 0 : V.toValue}
+      @option-changed=${k}
+      .parseValue=${(V = t.controlInfo) == null ? void 0 : V.parseValue}
+      .toValue=${(K = t.controlInfo) == null ? void 0 : K.toValue}
     ></luzmo-edit-option-text-field>
   `;
-}, nt = (t) => {
+}, bt = (t) => {
   switch (t.controlType) {
     case "picker":
-      return X(t);
+      return at(t);
     case "slider":
-      return tt(t);
+      return dt(t);
     case "switch":
-      return it(t);
+      return ut(t);
     case "multi-language-field":
-      return U(t);
+      return pt(t);
     case "text-field":
-      return ot(t);
+      return ht(t);
     case "number-field":
-      return W(t);
+      return rt(t);
+    case "color-range":
+      return st(t);
+    case "color-palette-picker":
+      return et(t);
     case "position-picker":
-      return Y(t);
+      return ct(t);
     case "positions-number-field":
-      return Z(t);
+      return mt(t);
     case "radio-button-group":
-      return g(t);
+      return ft(t);
     case "color-picker":
-      return Q(t);
+      return lt(t);
     case "action-button-group":
-      return J(t);
+      return it(t);
   }
 };
-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;
+var $t = Object.defineProperty, R = (t, o, i, l) => {
+  for (var n = void 0, e = t.length - 1, s; e >= 0; e--)
+    (s = t[e]) && (n = s(o, i, n) || n);
+  return n && $t(o, i, n), n;
 };
-const B = class B extends R {
+const F = class F extends Z {
   constructor() {
-    super(...arguments), this._loadItemConfig = new S(this, {
+    super(...arguments), this._loadItemConfig = new X(this, {
       task: async ([
-        i,
         o,
-        s,
-        e,
-        n
+        i,
+        l,
+        n,
+        e
       ]) => {
-        let l = !1;
-        if (i !== this._itemTypeLoaded && !e) {
-          const h = /* @__PURE__ */ Object.assign({
+        let s = !1;
+        if (o !== this._itemTypeLoaded && !n) {
+          const b = /* @__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-vlz5qeNq.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-Bsw7N7Wl.js"),
-            "../../item-definitions/choropleth-map/choropleth-map-options.config.ts": () => import("./choropleth-map-options.config-CeKXtnYB.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"),
             "../../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-Kd_WK_w-.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-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/conditional-number/conditional-number-options.config.ts": () => import("./conditional-number-options.config-BCEpSK9J.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-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/heat-map/heat-map-options.config.ts": () => import("./heat-map-options.config-DQya-lag.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/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-CYoq89Oz.js"),
@@ -493,15 +587,15 @@ const B = class B extends R {
             "../../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-u0hQqmDh.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/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-pdbV_vwg.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/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-Bj-UuL9m.js"),
@@ -510,21 +604,21 @@ const B = class B extends R {
             "../../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 (h[`../../item-definitions/${i}/${i}-options.config.ts`])
+          if (b[`../../item-definitions/${o}/${o}-options.config.ts`])
             try {
-              const r = await h[`../../item-definitions/${i}/${i}-options.config.ts`]();
-              this._optionsConfig = (r == null ? void 0 : r.default) ?? [];
+              const p = await b[`../../item-definitions/${o}/${o}-options.config.ts`]();
+              this._optionsConfig = (p == null ? void 0 : p.default) ?? [];
             } catch {
               this._optionsConfig = [];
             }
           else
             this._optionsConfig = [];
-          l = !0;
-        } else e ? (o && i && console.warn(
+          s = !0;
+        } else n ? (i && o && console.warn(
           "optionKey and itemType are not needed when using custom option configuration"
-        ), this._optionsConfig = [{ children: [e] }], o = e.key, i = void 0) : this._optionsConfig = [];
-        if ((s !== this._languageLoaded || l) && !n) {
-          const h = /* @__PURE__ */ Object.assign({
+        ), this._optionsConfig = [{ children: [n] }], i = n.key, o = void 0) : this._optionsConfig = [];
+        if ((l !== this._languageLoaded || s) && !e) {
+          const b = /* @__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"),
@@ -550,21 +644,21 @@ const B = class B extends R {
             "../../item-definitions/bullet-chart/i18n/bullet-chart-options.es.ts": () => import("./bullet-chart-options.es-pGm2umSR.js"),
             "../../item-definitions/bullet-chart/i18n/bullet-chart-options.fr.ts": () => import("./bullet-chart-options.fr-DGOcuFKQ.js"),
             "../../item-definitions/bullet-chart/i18n/bullet-chart-options.nl.ts": () => import("./bullet-chart-options.nl-BJ39_p2y.js"),
-            "../../item-definitions/choropleth-map/i18n/choropleth-map-options.de.ts": () => import("./choropleth-map-options.de-BSt-L5Vh.js"),
-            "../../item-definitions/choropleth-map/i18n/choropleth-map-options.en.ts": () => import("./choropleth-map-options.en-Cy7WcWLG.js"),
-            "../../item-definitions/choropleth-map/i18n/choropleth-map-options.es.ts": () => import("./choropleth-map-options.es-BnR-9vJv.js"),
-            "../../item-definitions/choropleth-map/i18n/choropleth-map-options.fr.ts": () => import("./choropleth-map-options.fr-BlwLS1Wy.js"),
-            "../../item-definitions/choropleth-map/i18n/choropleth-map-options.nl.ts": () => import("./choropleth-map-options.nl-D70fr4Hl.js"),
+            "../../item-definitions/choropleth-map/i18n/choropleth-map-options.de.ts": () => import("./choropleth-map-options.de-CIls11eI.js"),
+            "../../item-definitions/choropleth-map/i18n/choropleth-map-options.en.ts": () => import("./choropleth-map-options.en-C7cPpmnS.js"),
+            "../../item-definitions/choropleth-map/i18n/choropleth-map-options.es.ts": () => import("./choropleth-map-options.es-gQPy8Q0q.js"),
+            "../../item-definitions/choropleth-map/i18n/choropleth-map-options.fr.ts": () => import("./choropleth-map-options.fr-YsTTCv_p.js"),
+            "../../item-definitions/choropleth-map/i18n/choropleth-map-options.nl.ts": () => import("./choropleth-map-options.nl-CnEI0pYJ.js"),
             "../../item-definitions/circle-pack-chart/i18n/circle-pack-chart-options.de.ts": () => import("./circle-pack-chart-options.de-CUL0ypCU.js"),
             "../../item-definitions/circle-pack-chart/i18n/circle-pack-chart-options.en.ts": () => import("./circle-pack-chart-options.en-CFTJowAI.js"),
             "../../item-definitions/circle-pack-chart/i18n/circle-pack-chart-options.es.ts": () => import("./circle-pack-chart-options.es-BGoaousJ.js"),
             "../../item-definitions/circle-pack-chart/i18n/circle-pack-chart-options.fr.ts": () => import("./circle-pack-chart-options.fr-DLb0Di6Z.js"),
             "../../item-definitions/circle-pack-chart/i18n/circle-pack-chart-options.nl.ts": () => import("./circle-pack-chart-options.nl-CZL69ZgV.js"),
-            "../../item-definitions/circular-gauge/i18n/circular-gauge-options.de.ts": () => import("./circular-gauge-options.de-BO3S8GCr.js"),
-            "../../item-definitions/circular-gauge/i18n/circular-gauge-options.en.ts": () => import("./circular-gauge-options.en-Cyhhijwg.js"),
-            "../../item-definitions/circular-gauge/i18n/circular-gauge-options.es.ts": () => import("./circular-gauge-options.es-DJ7ru4Wf.js"),
-            "../../item-definitions/circular-gauge/i18n/circular-gauge-options.fr.ts": () => import("./circular-gauge-options.fr-BVWliP7i.js"),
-            "../../item-definitions/circular-gauge/i18n/circular-gauge-options.nl.ts": () => import("./circular-gauge-options.nl-DGpV7Riu.js"),
+            "../../item-definitions/circular-gauge/i18n/circular-gauge-options.de.ts": () => import("./circular-gauge-options.de-BMzGTpZD.js"),
+            "../../item-definitions/circular-gauge/i18n/circular-gauge-options.en.ts": () => import("./circular-gauge-options.en-C6U5peDD.js"),
+            "../../item-definitions/circular-gauge/i18n/circular-gauge-options.es.ts": () => import("./circular-gauge-options.es-Kajxp0wO.js"),
+            "../../item-definitions/circular-gauge/i18n/circular-gauge-options.fr.ts": () => import("./circular-gauge-options.fr-l5cqWrSS.js"),
+            "../../item-definitions/circular-gauge/i18n/circular-gauge-options.nl.ts": () => import("./circular-gauge-options.nl-CAx8oTMs.js"),
             "../../item-definitions/column-chart/i18n/column-chart-options.de.ts": () => import("./column-chart-options.de-VQVdi8aP.js"),
             "../../item-definitions/column-chart/i18n/column-chart-options.en.ts": () => import("./column-chart-options.en-Crc8tYUJ.js"),
             "../../item-definitions/column-chart/i18n/column-chart-options.es.ts": () => import("./column-chart-options.es-CT9ZtjV_.js"),
@@ -575,16 +669,16 @@ const B = class B extends R {
             "../../item-definitions/combination-chart/i18n/combination-chart-options.es.ts": () => import("./combination-chart-options.es-zMa9kqmV.js"),
             "../../item-definitions/combination-chart/i18n/combination-chart-options.fr.ts": () => import("./combination-chart-options.fr-DOXtaY1V.js"),
             "../../item-definitions/combination-chart/i18n/combination-chart-options.nl.ts": () => import("./combination-chart-options.nl-CCChbhx_.js"),
-            "../../item-definitions/conditional-number/i18n/conditional-number-options.de.ts": () => import("./conditional-number-options.de-BJcjBZY1.js"),
-            "../../item-definitions/conditional-number/i18n/conditional-number-options.en.ts": () => import("./conditional-number-options.en-WSrIzRGJ.js"),
-            "../../item-definitions/conditional-number/i18n/conditional-number-options.es.ts": () => import("./conditional-number-options.es-BKqT0zog.js"),
-            "../../item-definitions/conditional-number/i18n/conditional-number-options.fr.ts": () => import("./conditional-number-options.fr-D2r7Azy8.js"),
-            "../../item-definitions/conditional-number/i18n/conditional-number-options.nl.ts": () => import("./conditional-number-options.nl-pkRI1tLZ.js"),
+            "../../item-definitions/conditional-number/i18n/conditional-number-options.de.ts": () => import("./conditional-number-options.de-DbpKd1bd.js"),
+            "../../item-definitions/conditional-number/i18n/conditional-number-options.en.ts": () => import("./conditional-number-options.en-DZH6utHH.js"),
+            "../../item-definitions/conditional-number/i18n/conditional-number-options.es.ts": () => import("./conditional-number-options.es-_oKhivId.js"),
+            "../../item-definitions/conditional-number/i18n/conditional-number-options.fr.ts": () => import("./conditional-number-options.fr-BSSywulP.js"),
+            "../../item-definitions/conditional-number/i18n/conditional-number-options.nl.ts": () => import("./conditional-number-options.nl-BuKNqxqm.js"),
             "../../item-definitions/date-filter/i18n/date-filter-options.de.ts": () => import("./date-filter-options.de-DSWcur4l.js"),
-            "../../item-definitions/date-filter/i18n/date-filter-options.en.ts": () => import("./date-filter-options.en-DgbZmD5M.js"),
-            "../../item-definitions/date-filter/i18n/date-filter-options.es.ts": () => import("./date-filter-options.es-BI-h1lD-.js"),
-            "../../item-definitions/date-filter/i18n/date-filter-options.fr.ts": () => import("./date-filter-options.fr-DXLKLmhl.js"),
-            "../../item-definitions/date-filter/i18n/date-filter-options.nl.ts": () => import("./date-filter-options.nl-DXgD8Ga_.js"),
+            "../../item-definitions/date-filter/i18n/date-filter-options.en.ts": () => import("./date-filter-options.en-C0AmRz6f.js"),
+            "../../item-definitions/date-filter/i18n/date-filter-options.es.ts": () => import("./date-filter-options.es-bN790adr.js"),
+            "../../item-definitions/date-filter/i18n/date-filter-options.fr.ts": () => import("./date-filter-options.fr-CNKTJNWh.js"),
+            "../../item-definitions/date-filter/i18n/date-filter-options.nl.ts": () => import("./date-filter-options.nl-ajUXG8Z4.js"),
             "../../item-definitions/donut-chart/i18n/donut-chart-options.de.ts": () => import("./donut-chart-options.de-nSj3ghwo.js"),
             "../../item-definitions/donut-chart/i18n/donut-chart-options.en.ts": () => import("./donut-chart-options.en-CrUf4CJ9.js"),
             "../../item-definitions/donut-chart/i18n/donut-chart-options.es.ts": () => import("./donut-chart-options.es-DnsGqOdo.js"),
@@ -605,21 +699,21 @@ const B = class B extends R {
             "../../item-definitions/funnel-chart/i18n/funnel-chart-options.es.ts": () => import("./funnel-chart-options.es-_M7sC4m6.js"),
             "../../item-definitions/funnel-chart/i18n/funnel-chart-options.fr.ts": () => import("./funnel-chart-options.fr-DvnZ-XbE.js"),
             "../../item-definitions/funnel-chart/i18n/funnel-chart-options.nl.ts": () => import("./funnel-chart-options.nl-C72_FTNm.js"),
-            "../../item-definitions/heat-map/i18n/heat-map-options.de.ts": () => import("./heat-map-options.de-6onYsjdI.js"),
-            "../../item-definitions/heat-map/i18n/heat-map-options.en.ts": () => import("./heat-map-options.en-mwgrQFkO.js"),
-            "../../item-definitions/heat-map/i18n/heat-map-options.es.ts": () => import("./heat-map-options.es-Dd0KsseA.js"),
-            "../../item-definitions/heat-map/i18n/heat-map-options.fr.ts": () => import("./heat-map-options.fr-BkrrUt04.js"),
-            "../../item-definitions/heat-map/i18n/heat-map-options.nl.ts": () => import("./heat-map-options.nl-DME6ILT5.js"),
-            "../../item-definitions/heat-table/i18n/heat-table-options.de.ts": () => import("./heat-table-options.de-BABkUn2Y.js"),
-            "../../item-definitions/heat-table/i18n/heat-table-options.en.ts": () => import("./heat-table-options.en-BUBmMDZW.js"),
-            "../../item-definitions/heat-table/i18n/heat-table-options.es.ts": () => import("./heat-table-options.es-Dl9D9rD_.js"),
-            "../../item-definitions/heat-table/i18n/heat-table-options.fr.ts": () => import("./heat-table-options.fr-DOShw8a1.js"),
-            "../../item-definitions/heat-table/i18n/heat-table-options.nl.ts": () => import("./heat-table-options.nl-D6Fn7sgt.js"),
-            "../../item-definitions/hexbin-map/i18n/hexbin-map-options.de.ts": () => import("./hexbin-map-options.de-BuLxwJd2.js"),
-            "../../item-definitions/hexbin-map/i18n/hexbin-map-options.en.ts": () => import("./hexbin-map-options.en-CXV4sbbg.js"),
-            "../../item-definitions/hexbin-map/i18n/hexbin-map-options.es.ts": () => import("./hexbin-map-options.es-2f7amcb6.js"),
-            "../../item-definitions/hexbin-map/i18n/hexbin-map-options.fr.ts": () => import("./hexbin-map-options.fr-J3g_JcSM.js"),
-            "../../item-definitions/hexbin-map/i18n/hexbin-map-options.nl.ts": () => import("./hexbin-map-options.nl-BnvrfMKQ.js"),
+            "../../item-definitions/heat-map/i18n/heat-map-options.de.ts": () => import("./heat-map-options.de-UJbdYtlh.js"),
+            "../../item-definitions/heat-map/i18n/heat-map-options.en.ts": () => import("./heat-map-options.en-C0K0NGEE.js"),
+            "../../item-definitions/heat-map/i18n/heat-map-options.es.ts": () => import("./heat-map-options.es-DCUCh58R.js"),
+            "../../item-definitions/heat-map/i18n/heat-map-options.fr.ts": () => import("./heat-map-options.fr-a-_Kw5S_.js"),
+            "../../item-definitions/heat-map/i18n/heat-map-options.nl.ts": () => import("./heat-map-options.nl-BRGoOun2.js"),
+            "../../item-definitions/heat-table/i18n/heat-table-options.de.ts": () => import("./heat-table-options.de-D6R0zXX0.js"),
+            "../../item-definitions/heat-table/i18n/heat-table-options.en.ts": () => import("./heat-table-options.en-Co6IDHlF.js"),
+            "../../item-definitions/heat-table/i18n/heat-table-options.es.ts": () => import("./heat-table-options.es-B3Kb8J1N.js"),
+            "../../item-definitions/heat-table/i18n/heat-table-options.fr.ts": () => import("./heat-table-options.fr-C51PmgHa.js"),
+            "../../item-definitions/heat-table/i18n/heat-table-options.nl.ts": () => import("./heat-table-options.nl-DXOd_uE6.js"),
+            "../../item-definitions/hexbin-map/i18n/hexbin-map-options.de.ts": () => import("./hexbin-map-options.de-D50U2vgf.js"),
+            "../../item-definitions/hexbin-map/i18n/hexbin-map-options.en.ts": () => import("./hexbin-map-options.en-iDuuqVpi.js"),
+            "../../item-definitions/hexbin-map/i18n/hexbin-map-options.es.ts": () => import("./hexbin-map-options.es-RRMQV0DY.js"),
+            "../../item-definitions/hexbin-map/i18n/hexbin-map-options.fr.ts": () => import("./hexbin-map-options.fr-CQ7JbE9T.js"),
+            "../../item-definitions/hexbin-map/i18n/hexbin-map-options.nl.ts": () => import("./hexbin-map-options.nl-BpTRJ36m.js"),
             "../../item-definitions/image/i18n/image-options.de.ts": () => import("./image-options.de-CYVnqdL_.js"),
             "../../item-definitions/image/i18n/image-options.en.ts": () => import("./image-options.en-BMmV-4O-.js"),
             "../../item-definitions/image/i18n/image-options.es.ts": () => import("./image-options.es-UN5rmaEt.js"),
@@ -665,11 +759,11 @@ const B = class B extends R {
             "../../item-definitions/regular-table/i18n/regular-table-options.es.ts": () => import("./regular-table-options.es-C__0JdSP.js"),
             "../../item-definitions/regular-table/i18n/regular-table-options.fr.ts": () => import("./regular-table-options.fr-C8X5GUEz.js"),
             "../../item-definitions/regular-table/i18n/regular-table-options.nl.ts": () => import("./regular-table-options.nl-DgDtntYc.js"),
-            "../../item-definitions/route-map/i18n/route-map-options.de.ts": () => import("./route-map-options.de-DrhHqbdy.js"),
-            "../../item-definitions/route-map/i18n/route-map-options.en.ts": () => import("./route-map-options.en-DAgywIcY.js"),
-            "../../item-definitions/route-map/i18n/route-map-options.es.ts": () => import("./route-map-options.es-BR7NuBw0.js"),
-            "../../item-definitions/route-map/i18n/route-map-options.fr.ts": () => import("./route-map-options.fr-C7TkfcdY.js"),
-            "../../item-definitions/route-map/i18n/route-map-options.nl.ts": () => import("./route-map-options.nl-Btd3mxx0.js"),
+            "../../item-definitions/route-map/i18n/route-map-options.de.ts": () => import("./route-map-options.de-DXYmUtv8.js"),
+            "../../item-definitions/route-map/i18n/route-map-options.en.ts": () => import("./route-map-options.en-CYMhTqyE.js"),
+            "../../item-definitions/route-map/i18n/route-map-options.es.ts": () => import("./route-map-options.es-BEBPlDvt.js"),
+            "../../item-definitions/route-map/i18n/route-map-options.fr.ts": () => import("./route-map-options.fr-DEHQekgM.js"),
+            "../../item-definitions/route-map/i18n/route-map-options.nl.ts": () => import("./route-map-options.nl-CwUgb9Zg.js"),
             "../../item-definitions/sankey-diagram/i18n/sankey-diagram-options.de.ts": () => import("./sankey-diagram-options.de-kp4wK81w.js"),
             "../../item-definitions/sankey-diagram/i18n/sankey-diagram-options.en.ts": () => import("./sankey-diagram-options.en-BJG2rmog.js"),
             "../../item-definitions/sankey-diagram/i18n/sankey-diagram-options.es.ts": () => import("./sankey-diagram-options.es-DoU2uZkk.js"),
@@ -700,11 +794,11 @@ const B = class B extends R {
             "../../item-definitions/speedometer-chart/i18n/speedometer-chart-options.es.ts": () => import("./speedometer-chart-options.es-CPKH0xpW.js"),
             "../../item-definitions/speedometer-chart/i18n/speedometer-chart-options.fr.ts": () => import("./speedometer-chart-options.fr-BctlGfgX.js"),
             "../../item-definitions/speedometer-chart/i18n/speedometer-chart-options.nl.ts": () => import("./speedometer-chart-options.nl-Ygle7DjX.js"),
-            "../../item-definitions/spike-map/i18n/spike-map-options.de.ts": () => import("./spike-map-options.de-BxTSDs6l.js"),
-            "../../item-definitions/spike-map/i18n/spike-map-options.en.ts": () => import("./spike-map-options.en-C0DCu7ul.js"),
-            "../../item-definitions/spike-map/i18n/spike-map-options.es.ts": () => import("./spike-map-options.es-bTfVypDV.js"),
-            "../../item-definitions/spike-map/i18n/spike-map-options.fr.ts": () => import("./spike-map-options.fr-BKzDjsKP.js"),
-            "../../item-definitions/spike-map/i18n/spike-map-options.nl.ts": () => import("./spike-map-options.nl-BGPuQRih.js"),
+            "../../item-definitions/spike-map/i18n/spike-map-options.de.ts": () => import("./spike-map-options.de-COZovZ7s.js"),
+            "../../item-definitions/spike-map/i18n/spike-map-options.en.ts": () => import("./spike-map-options.en-Dx9h9SIj.js"),
+            "../../item-definitions/spike-map/i18n/spike-map-options.es.ts": () => import("./spike-map-options.es-CHMMXuMS.js"),
+            "../../item-definitions/spike-map/i18n/spike-map-options.fr.ts": () => import("./spike-map-options.fr-BcRnMqG8.js"),
+            "../../item-definitions/spike-map/i18n/spike-map-options.nl.ts": () => import("./spike-map-options.nl-DSGG2M38.js"),
             "../../item-definitions/strip-plot/i18n/strip-plot-options.de.ts": () => import("./strip-plot-options.de-DlfRU9aR.js"),
             "../../item-definitions/strip-plot/i18n/strip-plot-options.en.ts": () => import("./strip-plot-options.en-DqX0AadE.js"),
             "../../item-definitions/strip-plot/i18n/strip-plot-options.es.ts": () => import("./strip-plot-options.es-9lwDujvw.js"),
@@ -741,28 +835,28 @@ const B = class B extends R {
             "../../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 (h[`../../item-definitions/${i}/i18n/${i}-options.${s}.ts`])
+          if (b[`../../item-definitions/${o}/i18n/${o}-options.${l}.ts`])
             try {
-              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);
+              const p = await b[`../../item-definitions/${o}/i18n/${o}-options.${l}.ts`]();
+              this._translations = (p == null ? void 0 : p.default) ?? {};
+            } catch (p) {
+              this._translations = {}, console.error(p);
             }
           else
             this._translations = {};
-        } else n ? this._translations = {
-          options: { [o ?? ""]: n }
+        } else e ? this._translations = {
+          options: { [i ?? ""]: e }
         } : this._translations = {};
-        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") });
+        const d = tt(i ?? "", 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") });
           try {
-            h[`../edit-option-${a}/index.ts`] && (await h[`../edit-option-${a}/index.ts`](), this._controlTypeLoaded = a);
-          } catch (r) {
-            console.error(r);
+            b[`../edit-option-${u}/index.ts`] && (await b[`../edit-option-${u}/index.ts`](), this._controlTypeLoaded = u);
+          } catch (p) {
+            console.error(p);
           }
         }
-        return p;
+        return d;
       },
       args: () => [
         this.itemType,
@@ -771,14 +865,14 @@ const B = class B extends R {
         this.customOptionConfiguration,
         this.customTranslations
       ]
-    }), this.language = "en", this.options = {}, this.slots = {}, this.theme = {}, this.size = "m", this.changedOptions = (i) => {
-      this.options = i, this.dispatchEvent(
+    }), this.language = "en", this.options = {}, this.slots = {}, this.theme = {}, this.size = "m", this.changedOptions = (o) => {
+      this.options = o, this.dispatchEvent(
         new CustomEvent("options-changed", {
           bubbles: !0,
           composed: !0,
           cancelable: !0,
           detail: {
-            options: i
+            options: o
           }
         })
       );
@@ -786,13 +880,13 @@ const B = class B extends R {
   }
   render() {
     return this._loadItemConfig.render({
-      pending: () => K`<p>Loading...</p>`,
-      complete: (i) => {
-        var o;
-        return nt({
-          controlType: i == null ? void 0 : i.type,
-          optionKey: ((o = this.customOptionConfiguration) == null ? void 0 : o.key) ?? this.optionKey,
-          controlInfo: i,
+      pending: () => O`<p>Loading...</p>`,
+      complete: (o) => {
+        var i;
+        return bt({
+          controlType: o == null ? void 0 : o.type,
+          optionKey: ((i = this.customOptionConfiguration) == null ? void 0 : i.key) ?? this.optionKey,
+          controlInfo: o,
           options: this.options,
           slots: this.slots,
           theme: this.theme,
@@ -802,41 +896,41 @@ const B = class B extends R {
           changeCallback: this.changedOptions
         });
       },
-      error: (i) => (console.error(i), K``)
+      error: (o) => (console.error(o), O``)
     });
   }
 };
-B.styles = G(q);
-let A = B;
-E([
-  M({ type: String, reflect: !0 })
-], A.prototype, "language");
-E([
-  M({ type: String, reflect: !0, attribute: "item-type" })
-], A.prototype, "itemType");
-E([
-  M({ type: String, reflect: !0, attribute: "option-key" })
-], A.prototype, "optionKey");
-E([
-  M({ type: Object, reflect: !1 })
-], A.prototype, "customOptionConfiguration");
-E([
-  M({ type: Object, reflect: !1 })
-], A.prototype, "customTranslations");
-E([
-  M({ type: Object })
-], A.prototype, "options");
-E([
-  M({ type: Object })
-], A.prototype, "slots");
-E([
-  M({ type: Object })
-], A.prototype, "theme");
-E([
-  M({ type: String, reflect: !0 })
-], A.prototype, "size");
-customElements.get("luzmo-edit-option") || customElements.define("luzmo-edit-option", A);
+F.styles = Y(ot);
+let j = F;
+R([
+  S({ type: String, reflect: !0 })
+], j.prototype, "language");
+R([
+  S({ type: String, reflect: !0, attribute: "item-type" })
+], j.prototype, "itemType");
+R([
+  S({ type: String, reflect: !0, attribute: "option-key" })
+], j.prototype, "optionKey");
+R([
+  S({ type: Object, reflect: !1 })
+], j.prototype, "customOptionConfiguration");
+R([
+  S({ type: Object, reflect: !1 })
+], j.prototype, "customTranslations");
+R([
+  S({ type: Object })
+], j.prototype, "options");
+R([
+  S({ type: Object })
+], j.prototype, "slots");
+R([
+  S({ type: Object })
+], j.prototype, "theme");
+R([
+  S({ type: String, reflect: !0 })
+], j.prototype, "size");
+customElements.get("luzmo-edit-option") || customElements.define("luzmo-edit-option", j);
 export {
-  A as L,
-  N as g
+  j as L,
+  tt as g
 };