@luzmo/analytics-components-kit 1.0.1-alpha.19 → 1.0.1-alpha.20

package/components/index-DYGldqzJ.js

@@ -0,0 +1,735 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+import { h as S } from "./task-Cr9aRIbV.js";
+import { x as K, k as G, a as R, n as M } from "./property-B2F7x7Cz.js";
+import { o as D } from "./if-defined-Bv6MRdSW.js";
+const N = (t, o, i) => {
+  const e = (n) => {
+    for (const l of n ?? []) {
+      if (l.key === t)
+        return i ? l : l.control;
+      if (l.children) {
+        const s = e(l.children);
+        if (s)
+          return s;
+      }
+    }
+    return null;
+  };
+  if (o && Array.isArray(o))
+    for (const n of o) {
+      const l = e(n.children);
+      if (l)
+        return l;
+    }
+  return null;
+}, q = ":host{font-family:var(--luzmo-edit-option-font-family, var(--luzmo-font-family));font-size:var(--luzmo-edit-option-font-size, var(--luzmo-font-size))}:host([size=s]){font-size:var(--luzmo-edit-option-font-size-s, var(--luzmo-font-size-s))}:host([size=l]){font-size:var(--luzmo-edit-option-font-size-l, var(--luzmo-font-size-l))}:host([size=xl]){font-size:var(--luzmo-edit-option-font-size-xl, var(--luzmo-font-size-xl))}", w = (t) => {
+  var i, e, 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
+  }) : ((e = t.controlInfo) == null ? void 0 : e.default) !== void 0 && ((n = t.controlInfo) == null ? void 0 : n.default) !== null && (o = t.controlInfo.default), o;
+}, H = (t) => {
+  var l, s, $, L, d, r, z, b, u, h, p, a, c, m, f;
+  let o;
+  typeof ((l = t.controlInfo) == null ? void 0 : l.extraLabel) == "function" ? o = t.controlInfo.extraLabel({
+    options: t.options,
+    slots: t.slots,
+    theme: t.theme
+  }) : typeof ((s = t.controlInfo) == null ? void 0 : s.extraLabel) == "string" && (o = t.controlInfo.extraLabel), typeof o == "string" && (o = ((r = (d = (L = ($ = t.translations) == null ? void 0 : $.options) == null ? void 0 : L[t.optionKey]) == null ? void 0 : d.extraLabel) == null ? void 0 : r[o]) ?? o);
+  let i;
+  typeof ((z = t.controlInfo) == null ? void 0 : z.extraLabelTooltip) == "function" ? o = t.controlInfo.extraLabelTooltip({
+    options: t.options,
+    slots: t.slots,
+    theme: t.theme
+  }) : typeof ((b = t.controlInfo) == null ? void 0 : b.extraLabelTooltip) == "string" && (i = t.controlInfo.extraLabelTooltip), typeof i == "string" && (o = ((a = (p = (h = (u = t.translations) == null ? void 0 : u.options) == null ? void 0 : h[t.optionKey]) == null ? void 0 : p.extraLabelTooltip) == null ? void 0 : a[i]) ?? i);
+  let e;
+  typeof ((c = t.controlInfo) == null ? void 0 : c.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" && (e = 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: o,
+    extraLabelTooltip: i,
+    extraLabelHasClickAction: e,
+    extraLabelClickAction: n
+  };
+}, T = (t, o) => {
+  if (o.includes(".")) {
+    const i = o.split(".");
+    let e = t;
+    for (let l = 0; l < i.length - 1; l++)
+      e = e[i[l]] ?? {};
+    const n = i.length - 1;
+    return e[i[n]];
+  }
+  return t[o];
+}, _ = (t) => (o) => {
+  const i = { ...t.options };
+  if (t.optionKey.includes(".")) {
+    const e = t.optionKey.split(".");
+    let n = i;
+    for (let s = 0; s < e.length - 1; s++)
+      n[e[s]] = n[e[s]] ?? {}, n = n[e[s]];
+    const l = e.length - 1;
+    n[e[l]] = o.detail.value;
+  } else
+    i[t.optionKey] = o.detail.value;
+  return t.changeCallback(i);
+}, J = (t) => {
+  var b, u, h, p, a, c, m, f, x, k, y, C;
+  const o = ((h = (u = (b = t.translations) == null ? void 0 : b.options) == null ? void 0 : u[t.optionKey]) == null ? void 0 : h.label) ?? ((p = t.controlInfo) == null ? void 0 : p.label) ?? t.optionKey ?? "", i = t.size, e = {};
+  Object.keys((a = t.controlInfo) == null ? void 0 : a.values).forEach((I) => {
+    var v, O, A, j, F, P;
+    e[I] = {
+      ...(v = t.controlInfo) == null ? void 0 : v.values[I],
+      label: ((F = (j = (A = (O = t.translations) == null ? void 0 : O.options) == null ? void 0 : A[t.optionKey]) == null ? void 0 : j.enum) == null ? void 0 : F[I]) ?? ((P = t.controlInfo) == null ? void 0 : P.values[I].label)
+    };
+  });
+  const n = ((f = (m = (c = t.translations) == null ? void 0 : c.options) == null ? void 0 : m[t.optionKey]) == null ? void 0 : f.tooltip) ?? ((x = t.controlInfo) == null ? void 0 : x.tooltip), l = T(t.options, t.optionKey), s = w(t), {
+    extraLabel: $,
+    extraLabelTooltip: L,
+    extraLabelHasClickAction: d,
+    extraLabelClickAction: r
+  } = H(t), z = _(t);
+  return K`
+    <luzmo-edit-option-action-button-group
+      .label=${o}
+      .value=${l}
+      .values=${e}
+      .default=${s}
+      .selects=${(k = t.controlInfo) == null ? void 0 : k.selects}
+      .size=${i}
+      .tooltip=${n}
+      .extraLabel=${$}
+      .extraLabelTooltip=${L}
+      .extraLabelHasClickAction=${d}
+      @extraLabelClick=${r}
+      @option-changed=${z}
+      .fromOptionValue=${(y = t.controlInfo) == null ? void 0 : y.fromOptionValue}
+      .toOptionValue=${(C = t.controlInfo) == null ? void 0 : C.toOptionValue}
+    ></luzmo-edit-option-action-button-group>
+  `;
+}, Q = (t) => {
+  var b, u, h, p, a, c, m, f, x, k;
+  const o = ((h = (u = (b = t.translations) == null ? void 0 : b.options) == null ? void 0 : u[t.optionKey]) == null ? void 0 : h.label) ?? ((p = t.controlInfo) == null ? void 0 : p.label) ?? t.optionKey ?? "", i = T(t.options, t.optionKey), e = t.size, n = ((m = (c = (a = t.translations) == null ? void 0 : a.options) == null ? void 0 : c[t.optionKey]) == null ? void 0 : m.tooltip) ?? ((f = t.controlInfo) == null ? void 0 : f.tooltip), l = w(t), {
+    extraLabel: s,
+    extraLabelTooltip: $,
+    extraLabelHasClickAction: L,
+    extraLabelClickAction: d
+  } = H(t), r = _(t);
+  return K`
+    <luzmo-edit-option-color-picker
+      .value=${i ?? l}
+      .label=${o}
+      .size=${e}
+      .tooltip=${n}
+      .extraLabel=${s}
+      .extraLabelTooltip=${$}
+      .extraLabelHasClickAction=${L}
+      @extraLabelClick=${() => {
+    if (typeof d == "function") {
+      const { options: y } = d();
+      return t.changeCallback(y);
+    }
+  }}
+      @option-changed=${r}
+      .fromOptionValue=${(x = t.controlInfo) == null ? void 0 : x.fromOptionValue}
+      .toOptionValue=${(k = t.controlInfo) == null ? void 0 : k.toOptionValue}
+    ></luzmo-edit-option-color-picker>
+  `;
+}, U = (t) => {
+  var u, h, p, a, c, m, f, x, k, y, C, I, v, O;
+  const o = ((p = (h = (u = t.translations) == null ? void 0 : u.options) == null ? void 0 : h[t.optionKey]) == null ? void 0 : p.label) ?? ((a = t.controlInfo) == null ? void 0 : a.label) ?? t.optionKey ?? "", i = T(t.options, t.optionKey) ?? {}, e = ((f = (m = (c = t.translations) == null ? void 0 : c.options) == null ? void 0 : m[t.optionKey]) == null ? void 0 : f.tooltip) ?? ((x = t.controlInfo) == null ? void 0 : x.tooltip), n = t.language ?? "en", l = {};
+  l[n] = ((C = (y = (k = t.translations) == null ? void 0 : k.options) == null ? void 0 : y[t.optionKey]) == null ? void 0 : C.placeholder) ?? ((I = t.controlInfo) == null ? void 0 : I.placeholder) ?? "";
+  const s = t.size, $ = w(t), {
+    extraLabel: L,
+    extraLabelTooltip: d,
+    extraLabelHasClickAction: r,
+    extraLabelClickAction: z
+  } = H(t), b = _(t);
+  return K`
+    <luzmo-edit-option-multi-language-field
+      .label=${o}
+      .placeholder=${l}
+      .value=${i ?? $}
+      language=${D(n)}
+      .size=${s}
+      .tooltip=${e}
+      .extraLabel=${L}
+      .extraLabelTooltip=${d}
+      .extraLabelHasClickAction=${r}
+      @extraLabelClick=${z}
+      @option-changed=${b}
+      .fromOptionValue=${(v = t.controlInfo) == null ? void 0 : v.fromOptionValue}
+      .toOptionValue=${(O = t.controlInfo) == null ? void 0 : O.toOptionValue}
+    ></luzmo-edit-option-multi-language-field>
+  `;
+}, W = (t) => {
+  var h, p, a, c, m, f, x, k, y, C, I, v, O;
+  const o = ((a = (p = (h = t.translations) == null ? void 0 : h.options) == null ? void 0 : p[t.optionKey]) == null ? void 0 : a.label) ?? ((c = t.controlInfo) == null ? void 0 : c.label) ?? t.optionKey ?? "", i = (m = t.controlInfo) == null ? void 0 : m.min, e = (f = t.controlInfo) == null ? void 0 : f.max, n = (x = t.controlInfo) == null ? void 0 : x.step, l = T(t.options, t.optionKey), s = ((C = (y = (k = t.translations) == null ? void 0 : k.options) == null ? void 0 : y[t.optionKey]) == null ? void 0 : C.tooltip) ?? ((I = t.controlInfo) == null ? void 0 : I.tooltip), $ = w(t), L = t.size, {
+    extraLabel: d,
+    extraLabelTooltip: r,
+    extraLabelHasClickAction: z,
+    extraLabelClickAction: b
+  } = H(t), u = _(t);
+  return K`
+    <luzmo-edit-option-number-field
+      .value=${l}
+      .default=${$}
+      .min=${i}
+      .max=${e}
+      .step=${n}
+      .label=${o}
+      .size=${L}
+      .tooltip=${s}
+      .extraLabel=${d}
+      .extraLabelTooltip=${r}
+      .extraLabelHasClickAction=${z}
+      @extraLabelClick=${b}
+      @option-changed=${u}
+      .fromOptionValue=${(v = t.controlInfo) == null ? void 0 : v.fromOptionValue}
+      .toOptionValue=${(O = t.controlInfo) == null ? void 0 : O.toOptionValue}
+    ></luzmo-edit-option-number-field>
+  `;
+}, X = (t) => {
+  var b, u, h, p, a, c, m, f, x, k, y;
+  const o = ((h = (u = (b = t.translations) == null ? void 0 : b.options) == null ? void 0 : u[t.optionKey]) == null ? void 0 : h.label) ?? ((p = t.controlInfo) == null ? void 0 : p.label) ?? t.optionKey ?? "", i = T(t.options, t.optionKey), e = ((m = (c = (a = t.translations) == null ? void 0 : a.options) == null ? void 0 : c[t.optionKey]) == null ? void 0 : m.tooltip) ?? ((f = t.controlInfo) == null ? void 0 : f.tooltip), n = (x = t.controlInfo) == null ? void 0 : x.enum.reduce(
+    (C, I) => {
+      var v, O, A, j;
+      return C[I] = ((j = (A = (O = (v = t.translations) == null ? void 0 : v.options) == null ? void 0 : O[t.optionKey]) == null ? void 0 : A.enum) == null ? void 0 : j[I]) ?? I, C;
+    },
+    {}
+  ), l = t.size, s = w(t), {
+    extraLabel: $,
+    extraLabelTooltip: L,
+    extraLabelHasClickAction: d,
+    extraLabelClickAction: r
+  } = H(t), z = _(t);
+  return K`
+    <luzmo-edit-option-picker
+      .value=${i}
+      .default=${s}
+      .values=${n}
+      .label=${o}
+      .tooltip=${e}
+      .size=${l}
+      .extraLabel=${$}
+      .extraLabelTooltip=${L}
+      .extraLabelHasClickAction=${d}
+      @extraLabelClick=${r}
+      @option-changed=${z}
+      .fromOptionValue=${(k = t.controlInfo) == null ? void 0 : k.fromOptionValue}
+      .toOptionValue=${(y = t.controlInfo) == null ? void 0 : y.toOptionValue}
+    ></luzmo-edit-option-picker>
+  `;
+}, Y = (t) => {
+  var b, u, h, p, a, c, m, f, x, k, y;
+  const o = ((h = (u = (b = t.translations) == null ? void 0 : b.options) == null ? void 0 : u[t.optionKey]) == null ? void 0 : h.label) ?? ((p = t.controlInfo) == null ? void 0 : p.label), i = (a = t.controlInfo) == null ? void 0 : a.positions, e = t.size, n = T(t.options, t.optionKey), l = ((f = (m = (c = t.translations) == null ? void 0 : c.options) == null ? void 0 : m[t.optionKey]) == null ? void 0 : f.tooltip) ?? ((x = t.controlInfo) == null ? void 0 : x.tooltip), s = w(t) ?? "topRight", {
+    extraLabel: $,
+    extraLabelTooltip: L,
+    extraLabelHasClickAction: d,
+    extraLabelClickAction: r
+  } = H(t), z = _(t);
+  return K`
+    <luzmo-edit-option-position-picker
+      .value=${(k = t.controlInfo) == null ? void 0 : k.value}
+      .positions=${i}
+      .default=${s}
+      .label=${o}
+      .tooltip=${l}
+      .size=${e}
+      .value=${n}
+      .extraLabel=${$}
+      .extraLabelTooltip=${L}
+      .extraLabelHasClickAction=${d}
+      @extraLabelClick=${r}
+      @option-changed=${z}
+      .readonly=${(y = t.controlInfo) == null ? void 0 : y.readonly}
+    ></luzmo-edit-option-position-picker>
+  `;
+}, Z = (t) => {
+  var z, b, u, h, p, a, c, m, f, x, k, y;
+  const o = ((u = (b = (z = t.translations) == null ? void 0 : z.options) == null ? void 0 : b[t.optionKey]) == null ? void 0 : u.label) ?? ((h = t.controlInfo) == null ? void 0 : h.label), i = T(t.options, t.optionKey), e = t.size, n = ((c = (a = (p = t.translations) == null ? void 0 : p.options) == null ? void 0 : a[t.optionKey]) == null ? void 0 : c.tooltip) ?? ((m = t.controlInfo) == null ? void 0 : m.tooltip), l = w(t), {
+    extraLabel: s,
+    extraLabelTooltip: $,
+    extraLabelHasClickAction: L,
+    extraLabelClickAction: d
+  } = H(t), r = _(t);
+  return K`
+    <luzmo-edit-option-positions-number-field
+      .values=${i ?? l}
+      .positions=${(f = t.controlInfo) == null ? void 0 : f.positions}
+      .positionConfiguration=${(x = t.controlInfo) == null ? void 0 : x.positionConfiguration}
+      .label=${o}
+      .size=${e}
+      .tooltip=${n}
+      .extraLabel=${s}
+      .extraLabelTooltip=${$}
+      .extraLabelHasClickAction=${L}
+      @extraLabelClick=${d}
+      @option-changed=${r}
+      .fromOptionValue=${(k = t.controlInfo) == null ? void 0 : k.fromOptionValue}
+      .toOptionValue=${(y = t.controlInfo) == null ? void 0 : y.toOptionValue}
+    ></luzmo-edit-option-positions-number-field>
+  `;
+}, g = (t) => {
+  var b, u, h, p, a, c, m, f, x, k, y;
+  const o = ((h = (u = (b = t.translations) == null ? void 0 : b.options) == null ? void 0 : u[t.optionKey]) == null ? void 0 : h.label) ?? ((p = t.controlInfo) == null ? void 0 : p.label) ?? t.optionKey ?? "", i = T(t.options, t.optionKey), e = w(t), n = (a = t.controlInfo) == null ? void 0 : a.enum.reduce(
+    (C, I) => {
+      var v, O, A, j;
+      return C[I] = ((j = (A = (O = (v = t.translations) == null ? void 0 : v.options) == null ? void 0 : O[t.optionKey]) == null ? void 0 : A.enum) == null ? void 0 : j[I]) ?? I, C;
+    },
+    {}
+  ), l = t.size, s = ((f = (m = (c = t.translations) == null ? void 0 : c.options) == null ? void 0 : m[t.optionKey]) == null ? void 0 : f.tooltip) ?? ((x = t.controlInfo) == null ? void 0 : x.tooltip), {
+    extraLabel: $,
+    extraLabelTooltip: L,
+    extraLabelHasClickAction: d,
+    extraLabelClickAction: r
+  } = H(t), z = _(t);
+  return K`
+    <luzmo-edit-option-radio-button-group
+      .value=${i ?? e}
+      .values=${n}
+      .label=${o}
+      .size=${l}
+      .tooltip=${s}
+      .extraLabel=${$}
+      .extraLabelTooltip=${L}
+      .extraLabelHasClickAction=${d}
+      @extraLabelClick=${r}
+      @option-changed=${z}
+      .fromOptionValue=${(k = t.controlInfo) == null ? void 0 : k.fromOptionValue}
+      .toOptionValue=${(y = t.controlInfo) == null ? void 0 : y.toOptionValue}
+    ></luzmo-edit-option-radio-button-group>
+  `;
+}, tt = (t) => {
+  var p, a, c, m, f, x, k, y, C, I, v, O, A;
+  const o = ((c = (a = (p = t.translations) == null ? void 0 : p.options) == null ? void 0 : a[t.optionKey]) == null ? void 0 : c.label) ?? ((m = t.controlInfo) == null ? void 0 : m.label) ?? t.optionKey ?? "", i = ((k = (x = (f = t.translations) == null ? void 0 : f.options) == null ? void 0 : x[t.optionKey]) == null ? void 0 : k.tooltip) ?? ((y = t.controlInfo) == null ? void 0 : y.tooltip), e = (C = t.controlInfo) == null ? void 0 : C.min, n = (I = t.controlInfo) == null ? void 0 : I.max, l = (v = t.controlInfo) == null ? void 0 : v.step, s = T(t.options, t.optionKey), $ = t.size, L = w(t), {
+    extraLabel: d,
+    extraLabelTooltip: r,
+    extraLabelHasClickAction: z,
+    extraLabelClickAction: b
+  } = H(t), u = _(t);
+  return K`
+    <luzmo-edit-option-slider
+      .value=${s}
+      .default=${L}
+      .min=${e}
+      .max=${n}
+      .step=${l}
+      .label=${o}
+      .tooltip=${i}
+      .size=${$}
+      .extraLabel=${d}
+      .extraLabelTooltip=${r}
+      .extraLabelHasClickAction=${z}
+      @extraLabelClick=${() => {
+    if (typeof b == "function") {
+      const { options: j } = b();
+      return t.changeCallback(j);
+    }
+  }}
+      @option-changed=${u}
+      .fromOptionValue=${(O = t.controlInfo) == null ? void 0 : O.fromOptionValue}
+      .toOptionValue=${(A = t.controlInfo) == null ? void 0 : A.toOptionValue}
+    ></luzmo-edit-option-slider>
+  `;
+}, ot = (t) => {
+  var z, b, u, h, p, a, c, m, f, x;
+  const o = ((u = (b = (z = t.translations) == null ? void 0 : z.options) == null ? void 0 : b[t.optionKey]) == null ? void 0 : u.label) ?? ((h = t.controlInfo) == null ? void 0 : h.label) ?? t.optionKey ?? "", i = T(t.options, t.optionKey), e = t.size, n = ((c = (a = (p = t.translations) == null ? void 0 : p.options) == null ? void 0 : a[t.optionKey]) == null ? void 0 : c.tooltip) ?? ((m = t.controlInfo) == null ? void 0 : m.tooltip), l = w(t), {
+    extraLabel: s,
+    extraLabelTooltip: $,
+    extraLabelHasClickAction: L,
+    extraLabelClickAction: d
+  } = H(t), r = _(t);
+  return K`
+    <luzmo-edit-option-switch
+      .value=${i ?? l ?? !1}
+      .label=${o}
+      .size=${e}
+      .tooltip=${n}
+      .extraLabel=${s}
+      .extraLabelTooltip=${$}
+      .extraLabelHasClickAction=${L}
+      @extraLabelClick=${d}
+      @option-changed=${r}
+      .fromOptionValue=${(f = t.controlInfo) == null ? void 0 : f.fromOptionValue}
+      .toOptionValue=${(x = t.controlInfo) == null ? void 0 : x.toOptionValue}
+    ></luzmo-edit-option-switch>
+  `;
+}, it = (t) => {
+  var u, h, p, a, c, m, f, x, k, y, C, I, v, O;
+  const o = ((p = (h = (u = t.translations) == null ? void 0 : u.options) == null ? void 0 : h[t.optionKey]) == null ? void 0 : p.label) ?? ((a = t.controlInfo) == null ? void 0 : a.label) ?? t.optionKey ?? "", i = t.language ?? "en", e = {};
+  e[i] = ((f = (m = (c = t.translations) == null ? void 0 : c.options) == null ? void 0 : m[t.optionKey]) == null ? void 0 : f.placeholder) ?? ((x = t.controlInfo) == null ? void 0 : x.placeholder) ?? "";
+  const n = T(t.options, t.optionKey) ?? "", l = t.size, s = ((C = (y = (k = t.translations) == null ? void 0 : k.options) == null ? void 0 : y[t.optionKey]) == null ? void 0 : C.tooltip) ?? ((I = t.controlInfo) == null ? void 0 : I.tooltip), $ = w(t), {
+    extraLabel: L,
+    extraLabelTooltip: d,
+    extraLabelHasClickAction: r,
+    extraLabelClickAction: z
+  } = H(t), b = _(t);
+  return K`
+    <luzmo-edit-option-text-field
+      .label=${o}
+      .placeholder=${e[i]}
+      .value=${n ?? $}
+      .size=${l}
+      .tooltip=${s}
+      .extraLabel=${L}
+      .extraLabelTooltip=${d}
+      .extraLabelHasClickAction=${r}
+      @extraLabelClick=${z}
+      @option-changed=${b}
+      .fromOptionValue=${(v = t.controlInfo) == null ? void 0 : v.fromOptionValue}
+      .toOptionValue=${(O = t.controlInfo) == null ? void 0 : O.toOptionValue}
+    ></luzmo-edit-option-text-field>
+  `;
+}, nt = (t) => {
+  switch (t.controlType) {
+    case "picker":
+      return X(t);
+    case "slider":
+      return tt(t);
+    case "switch":
+      return ot(t);
+    case "multi-language-field":
+      return U(t);
+    case "text-field":
+      return it(t);
+    case "number-field":
+      return W(t);
+    case "position-picker":
+      return Y(t);
+    case "positions-number-field":
+      return Z(t);
+    case "radio-button-group":
+      return g(t);
+    case "color-picker":
+      return Q(t);
+    case "action-button-group":
+      return J(t);
+  }
+};
+var et = Object.defineProperty, E = (t, o, i, e) => {
+  for (var n = void 0, l = t.length - 1, s; l >= 0; l--)
+    (s = t[l]) && (n = s(o, i, n) || n);
+  return n && et(o, i, n), n;
+};
+const B = class B extends G {
+  constructor() {
+    super(...arguments), this._loadItemConfig = new S(this, {
+      task: async ([
+        o,
+        i,
+        e,
+        n,
+        l
+      ]) => {
+        let s = !1;
+        if (o !== this._itemTypeLoaded && !n) {
+          const d = /* @__PURE__ */ Object.assign({
+            "../../item-definitions/area-chart/area-chart-options.config.ts": () => import("./area-chart-options.config-BbSP_Auh.js"),
+            "../../item-definitions/bar-chart/bar-chart-options.config.ts": () => import("./bar-chart-options.config-CRGDLJCK.js"),
+            "../../item-definitions/box-plot/box-plot-options.config.ts": () => import("./box-plot-options.config-BtonHYul.js"),
+            "../../item-definitions/bubble-chart/bubble-chart-options.config.ts": () => import("./bubble-chart-options.config-R5R-E3dd.js"),
+            "../../item-definitions/bullet-chart/bullet-chart-options.config.ts": () => import("./bullet-chart-options.config-D-_esi9S.js"),
+            "../../item-definitions/choropleth-map/choropleth-map-options.config.ts": () => import("./choropleth-map-options.config-z2fY__jr.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-9tIxyJj1.js"),
+            "../../item-definitions/column-chart/column-chart-options.config.ts": () => import("./column-chart-options.config-D87ZFT76.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-PVvKLc1P.js"),
+            "../../item-definitions/donut-chart/donut-chart-options.config.ts": () => import("./donut-chart-options.config-NPwNtLDW.js"),
+            "../../item-definitions/dropdown-filter/dropdown-filter-options.config.ts": () => import("./dropdown-filter-options.config-D9dvPypF.js"),
+            "../../item-definitions/funnel-chart/funnel-chart-options.config.ts": () => import("./funnel-chart-options.config-CrlHKd36.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-BtfCTjNr.js"),
+            "../../item-definitions/ohlc-chart/ohlc-chart-options.config.ts": () => import("./ohlc-chart-options.config-D9npwajt.js"),
+            "../../item-definitions/radar-chart/radar-chart-options.config.ts": () => import("./radar-chart-options.config-DFxna7UF.js"),
+            "../../item-definitions/sankey-diagram/sankey-diagram-options.config.ts": () => import("./sankey-diagram-options.config-Dj9g2BOp.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-BArPA7Mb.js"),
+            "../../item-definitions/slider-filter/slider-filter-options.config.ts": () => import("./slider-filter-options.config-BIKIbGbN.js"),
+            "../../item-definitions/spacer/spacer-options.config.ts": () => import("./spacer-options.config-IpwUxDyU.js"),
+            "../../item-definitions/sunburst-chart/sunburst-chart-options.config.ts": () => import("./sunburst-chart-options.config-BxkJfdrU.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-MyCTS35Y.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-Dq7TF0sb.js")
+          });
+          if (d[`../../item-definitions/${o}/${o}-options.config.ts`])
+            try {
+              const r = await d[`../../item-definitions/${o}/${o}-options.config.ts`]();
+              this._optionsConfig = (r == null ? void 0 : r.default) ?? [];
+            } catch {
+              this._optionsConfig = [];
+            }
+          else
+            this._optionsConfig = [];
+          s = !0;
+        } else n ? (i && o && console.warn(
+          "optionKey and itemType are not needed when using custom option configuration"
+        ), this._optionsConfig = [{ children: [n] }], i = n.key, o = void 0) : this._optionsConfig = [];
+        if ((e !== this._languageLoaded || s) && !l) {
+          const d = /* @__PURE__ */ Object.assign({
+            "../../item-definitions/area-chart/i18n/area-chart-options.de.ts": () => import("./area-chart-options.de-FcVE2Ywe.js"),
+            "../../item-definitions/area-chart/i18n/area-chart-options.en.ts": () => import("./area-chart-options.en-Cz5aXeVe.js"),
+            "../../item-definitions/area-chart/i18n/area-chart-options.es.ts": () => import("./area-chart-options.es-o3ABpXnC.js"),
+            "../../item-definitions/area-chart/i18n/area-chart-options.fr.ts": () => import("./area-chart-options.fr-CBhHB_ER.js"),
+            "../../item-definitions/area-chart/i18n/area-chart-options.nl.ts": () => import("./area-chart-options.nl-SbYGv26w.js"),
+            "../../item-definitions/bar-chart/i18n/bar-chart-options.de.ts": () => import("./bar-chart-options.de-DwTn_qfu.js"),
+            "../../item-definitions/bar-chart/i18n/bar-chart-options.en.ts": () => import("./bar-chart-options.en-Crc8tYUJ.js"),
+            "../../item-definitions/bar-chart/i18n/bar-chart-options.es.ts": () => import("./bar-chart-options.es-ByT_D06p.js"),
+            "../../item-definitions/bar-chart/i18n/bar-chart-options.fr.ts": () => import("./bar-chart-options.fr-BwiGRlQf.js"),
+            "../../item-definitions/bar-chart/i18n/bar-chart-options.nl.ts": () => import("./bar-chart-options.nl-DzXnHdwX.js"),
+            "../../item-definitions/box-plot/i18n/box-plot-options.de.ts": () => import("./box-plot-options.de-D3Yye2Yp.js"),
+            "../../item-definitions/box-plot/i18n/box-plot-options.en.ts": () => import("./box-plot-options.en-DADAI4yL.js"),
+            "../../item-definitions/box-plot/i18n/box-plot-options.es.ts": () => import("./box-plot-options.es-ePZUgamp.js"),
+            "../../item-definitions/box-plot/i18n/box-plot-options.fr.ts": () => import("./box-plot-options.fr-DNkSteEz.js"),
+            "../../item-definitions/box-plot/i18n/box-plot-options.nl.ts": () => import("./box-plot-options.nl-GBXrkaLf.js"),
+            "../../item-definitions/bubble-chart/i18n/bubble-chart-options.de.ts": () => import("./bubble-chart-options.de-D8Ap7joq.js"),
+            "../../item-definitions/bubble-chart/i18n/bubble-chart-options.en.ts": () => import("./bubble-chart-options.en-BU3F4n13.js"),
+            "../../item-definitions/bubble-chart/i18n/bubble-chart-options.es.ts": () => import("./bubble-chart-options.es-Bh_dRgE3.js"),
+            "../../item-definitions/bubble-chart/i18n/bubble-chart-options.fr.ts": () => import("./bubble-chart-options.fr-CNiJgmGl.js"),
+            "../../item-definitions/bubble-chart/i18n/bubble-chart-options.nl.ts": () => import("./bubble-chart-options.nl-BoV3kpaZ.js"),
+            "../../item-definitions/bullet-chart/i18n/bullet-chart-options.de.ts": () => import("./bullet-chart-options.de-DxBk0yku.js"),
+            "../../item-definitions/bullet-chart/i18n/bullet-chart-options.en.ts": () => import("./bullet-chart-options.en-Cu1cnL90.js"),
+            "../../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/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/column-chart/i18n/column-chart-options.de.ts": () => import("./column-chart-options.de-VQVdi8aP.js"),
+            "../../item-definitions/column-chart/i18n/column-chart-options.en.ts": () => import("./column-chart-options.en-Crc8tYUJ.js"),
+            "../../item-definitions/column-chart/i18n/column-chart-options.es.ts": () => import("./column-chart-options.es-CT9ZtjV_.js"),
+            "../../item-definitions/column-chart/i18n/column-chart-options.fr.ts": () => import("./column-chart-options.fr-BwiGRlQf.js"),
+            "../../item-definitions/column-chart/i18n/column-chart-options.nl.ts": () => import("./column-chart-options.nl-DB2dcotu.js"),
+            "../../item-definitions/combination-chart/i18n/combination-chart-options.de.ts": () => import("./combination-chart-options.de-CEsSn5-2.js"),
+            "../../item-definitions/combination-chart/i18n/combination-chart-options.en.ts": () => import("./combination-chart-options.en-BCKuLOQb.js"),
+            "../../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/donut-chart/i18n/donut-chart-options.de.ts": () => import("./donut-chart-options.de-nSj3ghwo.js"),
+            "../../item-definitions/donut-chart/i18n/donut-chart-options.en.ts": () => import("./donut-chart-options.en-CrUf4CJ9.js"),
+            "../../item-definitions/donut-chart/i18n/donut-chart-options.es.ts": () => import("./donut-chart-options.es-DnsGqOdo.js"),
+            "../../item-definitions/donut-chart/i18n/donut-chart-options.fr.ts": () => import("./donut-chart-options.fr-DVfZwZny.js"),
+            "../../item-definitions/donut-chart/i18n/donut-chart-options.nl.ts": () => import("./donut-chart-options.nl-CUuOQyJg.js"),
+            "../../item-definitions/dropdown-filter/i18n/dropdown-filter-options.de.ts": () => import("./dropdown-filter-options.de-0HBcrwev.js"),
+            "../../item-definitions/dropdown-filter/i18n/dropdown-filter-options.en.ts": () => import("./dropdown-filter-options.en-CNdmMsNW.js"),
+            "../../item-definitions/dropdown-filter/i18n/dropdown-filter-options.es.ts": () => import("./dropdown-filter-options.es-DjgZxklA.js"),
+            "../../item-definitions/dropdown-filter/i18n/dropdown-filter-options.fr.ts": () => import("./dropdown-filter-options.fr-n_2OjO_u.js"),
+            "../../item-definitions/dropdown-filter/i18n/dropdown-filter-options.nl.ts": () => import("./dropdown-filter-options.nl-CL6UEP00.js"),
+            "../../item-definitions/funnel-chart/i18n/funnel-chart-options.de.ts": () => import("./funnel-chart-options.de-CuVFMJUC.js"),
+            "../../item-definitions/funnel-chart/i18n/funnel-chart-options.en.ts": () => import("./funnel-chart-options.en-CvPbJr1r.js"),
+            "../../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/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"),
+            "../../item-definitions/image/i18n/image-options.fr.ts": () => import("./image-options.fr-DRE3zImB.js"),
+            "../../item-definitions/image/i18n/image-options.nl.ts": () => import("./image-options.nl-D20hki6i.js"),
+            "../../item-definitions/line-chart/i18n/line-chart-options.de.ts": () => import("./line-chart-options.de-C4c6fWBr.js"),
+            "../../item-definitions/line-chart/i18n/line-chart-options.en.ts": () => import("./line-chart-options.en-XEng6bZk.js"),
+            "../../item-definitions/line-chart/i18n/line-chart-options.es.ts": () => import("./line-chart-options.es-B6CBKzRj.js"),
+            "../../item-definitions/line-chart/i18n/line-chart-options.fr.ts": () => import("./line-chart-options.fr-BIugWKt4.js"),
+            "../../item-definitions/line-chart/i18n/line-chart-options.nl.ts": () => import("./line-chart-options.nl-87TuLT5-.js"),
+            "../../item-definitions/ohlc-chart/i18n/ohlc-chart-options.de.ts": () => import("./ohlc-chart-options.de-CZj-UIJm.js"),
+            "../../item-definitions/ohlc-chart/i18n/ohlc-chart-options.en.ts": () => import("./ohlc-chart-options.en-W7r8X64N.js"),
+            "../../item-definitions/ohlc-chart/i18n/ohlc-chart-options.es.ts": () => import("./ohlc-chart-options.es-B1PdbaLo.js"),
+            "../../item-definitions/ohlc-chart/i18n/ohlc-chart-options.fr.ts": () => import("./ohlc-chart-options.fr-3n_H_IQ3.js"),
+            "../../item-definitions/ohlc-chart/i18n/ohlc-chart-options.nl.ts": () => import("./ohlc-chart-options.nl-BVw9fPpa.js"),
+            "../../item-definitions/radar-chart/i18n/radar-chart-options.de.ts": () => import("./radar-chart-options.de-DUzx_7w0.js"),
+            "../../item-definitions/radar-chart/i18n/radar-chart-options.en.ts": () => import("./radar-chart-options.en-CV6ZYx8z.js"),
+            "../../item-definitions/radar-chart/i18n/radar-chart-options.es.ts": () => import("./radar-chart-options.es-BgvSKtUs.js"),
+            "../../item-definitions/radar-chart/i18n/radar-chart-options.fr.ts": () => import("./radar-chart-options.fr-CobHnfMX.js"),
+            "../../item-definitions/radar-chart/i18n/radar-chart-options.nl.ts": () => import("./radar-chart-options.nl-M4-vur3g.js"),
+            "../../item-definitions/sankey-diagram/i18n/sankey-diagram-options.de.ts": () => import("./sankey-diagram-options.de-kp4wK81w.js"),
+            "../../item-definitions/sankey-diagram/i18n/sankey-diagram-options.en.ts": () => import("./sankey-diagram-options.en-BJG2rmog.js"),
+            "../../item-definitions/sankey-diagram/i18n/sankey-diagram-options.es.ts": () => import("./sankey-diagram-options.es-DoU2uZkk.js"),
+            "../../item-definitions/sankey-diagram/i18n/sankey-diagram-options.fr.ts": () => import("./sankey-diagram-options.fr-CqASKXuH.js"),
+            "../../item-definitions/sankey-diagram/i18n/sankey-diagram-options.nl.ts": () => import("./sankey-diagram-options.nl-BQcClmve.js"),
+            "../../item-definitions/search-filter/i18n/search-filter-options.de.ts": () => import("./search-filter-options.de-CtQU33mZ.js"),
+            "../../item-definitions/search-filter/i18n/search-filter-options.en.ts": () => import("./search-filter-options.en-D_lZl4BW.js"),
+            "../../item-definitions/search-filter/i18n/search-filter-options.es.ts": () => import("./search-filter-options.es-4mDTBqYv.js"),
+            "../../item-definitions/search-filter/i18n/search-filter-options.fr.ts": () => import("./search-filter-options.fr-CSzsk8kC.js"),
+            "../../item-definitions/search-filter/i18n/search-filter-options.nl.ts": () => import("./search-filter-options.nl-CUIS-wlX.js"),
+            "../../item-definitions/slicer-filter/i18n/slicer-filter-options.de.ts": () => import("./slicer-filter-options.de-89LcA_-b.js"),
+            "../../item-definitions/slicer-filter/i18n/slicer-filter-options.en.ts": () => import("./slicer-filter-options.en-BtvdQlh6.js"),
+            "../../item-definitions/slicer-filter/i18n/slicer-filter-options.es.ts": () => import("./slicer-filter-options.es-CsuWj6x4.js"),
+            "../../item-definitions/slicer-filter/i18n/slicer-filter-options.fr.ts": () => import("./slicer-filter-options.fr-Q1R9a5aW.js"),
+            "../../item-definitions/slicer-filter/i18n/slicer-filter-options.nl.ts": () => import("./slicer-filter-options.nl-BR-R2l1o.js"),
+            "../../item-definitions/slider-filter/i18n/slider-filter-options.de.ts": () => import("./slider-filter-options.de-BETdnh_t.js"),
+            "../../item-definitions/slider-filter/i18n/slider-filter-options.en.ts": () => import("./slider-filter-options.en-DpbWEGHE.js"),
+            "../../item-definitions/slider-filter/i18n/slider-filter-options.es.ts": () => import("./slider-filter-options.es-CWazXehw.js"),
+            "../../item-definitions/slider-filter/i18n/slider-filter-options.fr.ts": () => import("./slider-filter-options.fr-B2RT9GfR.js"),
+            "../../item-definitions/slider-filter/i18n/slider-filter-options.nl.ts": () => import("./slider-filter-options.nl-CwxJqGoK.js"),
+            "../../item-definitions/sunburst-chart/i18n/sunburst-chart-options.de.ts": () => import("./sunburst-chart-options.de-DOjqnDNg.js"),
+            "../../item-definitions/sunburst-chart/i18n/sunburst-chart-options.en.ts": () => import("./sunburst-chart-options.en-DQOS_dec.js"),
+            "../../item-definitions/sunburst-chart/i18n/sunburst-chart-options.es.ts": () => import("./sunburst-chart-options.es-DGsVkhyC.js"),
+            "../../item-definitions/sunburst-chart/i18n/sunburst-chart-options.fr.ts": () => import("./sunburst-chart-options.fr-DIWRXmkr.js"),
+            "../../item-definitions/sunburst-chart/i18n/sunburst-chart-options.nl.ts": () => import("./sunburst-chart-options.nl-D0hYq2Mh.js"),
+            "../../item-definitions/text/i18n/text-options.de.ts": () => import("./text-options.de-BjfS5RBn.js"),
+            "../../item-definitions/text/i18n/text-options.en.ts": () => import("./text-options.en-BQqHFc7M.js"),
+            "../../item-definitions/text/i18n/text-options.es.ts": () => import("./text-options.es-CMB1DKq4.js"),
+            "../../item-definitions/text/i18n/text-options.fr.ts": () => import("./text-options.fr-VPJ3bDOM.js"),
+            "../../item-definitions/text/i18n/text-options.nl.ts": () => import("./text-options.nl-C8sliUgH.js"),
+            "../../item-definitions/treemap-chart/i18n/treemap-chart-options.de.ts": () => import("./treemap-chart-options.de-Bdj6O-Ju.js"),
+            "../../item-definitions/treemap-chart/i18n/treemap-chart-options.en.ts": () => import("./treemap-chart-options.en-D6co_QL8.js"),
+            "../../item-definitions/treemap-chart/i18n/treemap-chart-options.es.ts": () => import("./treemap-chart-options.es-BjbsJzCM.js"),
+            "../../item-definitions/treemap-chart/i18n/treemap-chart-options.fr.ts": () => import("./treemap-chart-options.fr-VG44wSIJ.js"),
+            "../../item-definitions/treemap-chart/i18n/treemap-chart-options.nl.ts": () => import("./treemap-chart-options.nl-BTKv3TBd.js"),
+            "../../item-definitions/video/i18n/video-options.de.ts": () => import("./video-options.de-DIKmTgn5.js"),
+            "../../item-definitions/video/i18n/video-options.en.ts": () => import("./video-options.en-DMzcDD7I.js"),
+            "../../item-definitions/video/i18n/video-options.es.ts": () => import("./video-options.es-CtV-__xN.js"),
+            "../../item-definitions/video/i18n/video-options.fr.ts": () => import("./video-options.fr-DHt0mV9L.js"),
+            "../../item-definitions/video/i18n/video-options.nl.ts": () => import("./video-options.nl-1cNZgoqf.js"),
+            "../../item-definitions/wordcloud-chart/i18n/wordcloud-chart-options.de.ts": () => import("./wordcloud-chart-options.de-DwLQlEJg.js"),
+            "../../item-definitions/wordcloud-chart/i18n/wordcloud-chart-options.en.ts": () => import("./wordcloud-chart-options.en-DWkM70-M.js"),
+            "../../item-definitions/wordcloud-chart/i18n/wordcloud-chart-options.es.ts": () => import("./wordcloud-chart-options.es-CkXbSwEc.js"),
+            "../../item-definitions/wordcloud-chart/i18n/wordcloud-chart-options.fr.ts": () => import("./wordcloud-chart-options.fr-DNK5Ouc5.js"),
+            "../../item-definitions/wordcloud-chart/i18n/wordcloud-chart-options.nl.ts": () => import("./wordcloud-chart-options.nl-CcgmqL7I.js")
+          });
+          if (d[`../../item-definitions/${o}/i18n/${o}-options.${e}.ts`])
+            try {
+              const r = await d[`../../item-definitions/${o}/i18n/${o}-options.${e}.ts`]();
+              this._translations = (r == null ? void 0 : r.default) ?? {};
+            } catch (r) {
+              this._translations = {}, console.error(r);
+            }
+          else
+            this._translations = {};
+        } else l ? this._translations = {
+          options: { [i ?? ""]: l }
+        } : this._translations = {};
+        const $ = N(i ?? "", this._optionsConfig), L = $ == null ? void 0 : $.type;
+        if (L !== this._controlTypeLoaded) {
+          const d = /* @__PURE__ */ Object.assign({ "../edit-option-action-button-group/index.ts": () => import("./edit-option-action-button-group/index.js"), "../edit-option-color-picker/index.ts": () => import("./edit-option-color-picker/index.js"), "../edit-option-multi-language-field/index.ts": () => import("./edit-option-multi-language-field/index.js"), "../edit-option-number-field/index.ts": () => import("./edit-option-number-field/index.js"), "../edit-option-picker/index.ts": () => import("./edit-option-picker/index.js"), "../edit-option-position-picker/index.ts": () => import("./edit-option-position-picker/index.js"), "../edit-option-positions-number-field/index.ts": () => import("./edit-option-positions-number-field/index.js"), "../edit-option-radio-button-group/index.ts": () => import("./edit-option-radio-button-group/index.js"), "../edit-option-slider/index.ts": () => import("./edit-option-slider/index.js"), "../edit-option-switch/index.ts": () => import("./edit-option-switch/index.js"), "../edit-option-text-field/index.ts": () => import("./edit-option-text-field/index.js") });
+          try {
+            d[`../edit-option-${L}/index.ts`] && (await d[`../edit-option-${L}/index.ts`](), this._controlTypeLoaded = L);
+          } catch (r) {
+            console.error(r);
+          }
+        }
+        return $;
+      },
+      args: () => [
+        this.itemType,
+        this.optionKey,
+        this.language,
+        this.customOptionConfiguration,
+        this.customTranslations
+      ]
+    }), 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: o
+          }
+        })
+      );
+    };
+  }
+  render() {
+    return this._loadItemConfig.render({
+      pending: () => K`<p>Loading...</p>`,
+      complete: (o) => {
+        var i;
+        return nt({
+          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,
+          language: this.language,
+          translations: this._translations,
+          size: this.size,
+          changeCallback: this.changedOptions
+        });
+      },
+      error: (o) => (console.error(o), K``)
+    });
+  }
+};
+B.styles = R(q);
+let V = B;
+E([
+  M({ type: String, reflect: !0 })
+], V.prototype, "language");
+E([
+  M({ type: String, reflect: !0, attribute: "item-type" })
+], V.prototype, "itemType");
+E([
+  M({ type: String, reflect: !0, attribute: "option-key" })
+], V.prototype, "optionKey");
+E([
+  M({ type: Object, reflect: !1 })
+], V.prototype, "customOptionConfiguration");
+E([
+  M({ type: Object, reflect: !1 })
+], V.prototype, "customTranslations");
+E([
+  M({ type: Object })
+], V.prototype, "options");
+E([
+  M({ type: Object })
+], V.prototype, "slots");
+E([
+  M({ type: Object })
+], V.prototype, "theme");
+E([
+  M({ type: String, reflect: !0 })
+], V.prototype, "size");
+customElements.get("luzmo-edit-option") || customElements.define("luzmo-edit-option", V);
+export {
+  V as L,
+  N as g
+};