@luzmo/analytics-components-kit 1.0.1-alpha.17 → 1.0.1-alpha.18

package/components/edit-option/index.js

@@ -28,7 +28,7 @@ const g = () => {
 };
 g();
 const R = ":host{font-family:var(--luzmo-edit-option-font-family, var(--luzmo-font-family));font-size:var(--luzmo-edit-option-font-size, var(--luzmo-font-size))}:host([size=s]){font-size:var(--luzmo-edit-option-font-size-s, var(--luzmo-font-size-s))}:host([size=l]){font-size:var(--luzmo-edit-option-font-size-l, var(--luzmo-font-size-l))}:host([size=xl]){font-size:var(--luzmo-edit-option-font-size-xl, var(--luzmo-font-size-xl))}", A = (o) => {
-  var l, r, u, s, L, v, $, d, b, h, c, p, a, m, f;
+  var l, r, u, s, L, v, $, f, b, h, c, p, a, m, d;
   let t;
   typeof ((l = o.controlInfo) == null ? void 0 : l.extraLabel) == "function" ? t = o.controlInfo.extraLabel(
     o.options,
@@ -40,14 +40,14 @@ const R = ":host{font-family:var(--luzmo-edit-option-font-family, var(--luzmo-fo
     o.options,
     o.slots,
     o.theme
-  ) : typeof ((d = o.controlInfo) == null ? void 0 : d.extraLabelTooltip) == "string" && (e = o.controlInfo.extraLabelTooltip), typeof e == "string" && (t = ((p = (c = (h = (b = o.translations) == null ? void 0 : b.options) == null ? void 0 : h[o.optionKey]) == null ? void 0 : c.extraLabelTooltip) == null ? void 0 : p[e]) ?? e);
+  ) : typeof ((f = o.controlInfo) == null ? void 0 : f.extraLabelTooltip) == "string" && (e = o.controlInfo.extraLabelTooltip), typeof e == "string" && (t = ((p = (c = (h = (b = o.translations) == null ? void 0 : b.options) == null ? void 0 : h[o.optionKey]) == null ? void 0 : c.extraLabelTooltip) == null ? void 0 : p[e]) ?? e);
   let n;
   typeof ((a = o.controlInfo) == null ? void 0 : a.extraLabelHasClickAction) == "function" ? n = o.controlInfo.extraLabelHasClickAction(
     o.options,
     o.slots,
     o.theme
   ) : typeof ((m = o.controlInfo) == null ? void 0 : m.extraLabelHasClickAction) == "boolean" && (n = o.controlInfo.extraLabelHasClickAction);
-  const i = typeof ((f = o.controlInfo) == null ? void 0 : f.extraLabelClickAction) == "function" ? () => o.controlInfo.extraLabelClickAction(
+  const i = typeof ((d = o.controlInfo) == null ? void 0 : d.extraLabelClickAction) == "function" ? () => o.controlInfo.extraLabelClickAction(
     o.options,
     o.slots,
     o.theme
@@ -82,8 +82,8 @@ const R = ":host{font-family:var(--luzmo-edit-option-font-family, var(--luzmo-fo
     e[o.optionKey] = t.detail.value;
   return o.changeCallback(e);
 }, U = (o) => {
-  var $, d, b, h, c, p, a, m, f, x, z, y, k;
-  const t = ((b = (d = ($ = o.translations) == null ? void 0 : $.options) == null ? void 0 : d[o.optionKey]) == null ? void 0 : b.label) ?? ((h = o.controlInfo) == null ? void 0 : h.label) ?? o.optionKey ?? "", e = o.size, n = {};
+  var $, f, b, h, c, p, a, m, d, x, z, y, k;
+  const t = ((b = (f = ($ = o.translations) == null ? void 0 : $.options) == null ? void 0 : f[o.optionKey]) == null ? void 0 : b.label) ?? ((h = o.controlInfo) == null ? void 0 : h.label) ?? o.optionKey ?? "", e = o.size, n = {};
   Object.keys((c = o.controlInfo) == null ? void 0 : c.values).forEach((I) => {
     var C, O, K, V, E, S;
     n[I] = {
@@ -91,7 +91,7 @@ const R = ":host{font-family:var(--luzmo-edit-option-font-family, var(--luzmo-fo
       label: ((E = (V = (K = (O = o.translations) == null ? void 0 : O.options) == null ? void 0 : K[o.optionKey]) == null ? void 0 : V.enum) == null ? void 0 : E[I]) ?? ((S = o.controlInfo) == null ? void 0 : S.values[I].label)
     };
   });
-  const i = ((m = (a = (p = o.translations) == null ? void 0 : p.options) == null ? void 0 : a[o.optionKey]) == null ? void 0 : m.tooltip) ?? ((f = o.controlInfo) == null ? void 0 : f.tooltip), l = H(o.options, o.optionKey), {
+  const i = ((m = (a = (p = o.translations) == null ? void 0 : p.options) == null ? void 0 : a[o.optionKey]) == null ? void 0 : m.tooltip) ?? ((d = o.controlInfo) == null ? void 0 : d.tooltip), l = H(o.options, o.optionKey), {
     extraLabel: r,
     extraLabelTooltip: u,
     extraLabelHasClickAction: s,
@@ -116,8 +116,8 @@ const R = ":host{font-family:var(--luzmo-edit-option-font-family, var(--luzmo-fo
     ></luzmo-edit-option-action-button-group>
   `;
 }, q = (o) => {
-  var d, b, h, c, p, a, m, f, x, z, y, k;
-  const t = ((h = (b = (d = o.translations) == null ? void 0 : d.options) == null ? void 0 : b[o.optionKey]) == null ? void 0 : h.label) ?? ((c = o.controlInfo) == null ? void 0 : c.label) ?? o.optionKey ?? "", e = H(o.options, o.optionKey), n = o.size, i = ((m = (a = (p = o.translations) == null ? void 0 : p.options) == null ? void 0 : a[o.optionKey]) == null ? void 0 : m.tooltip) ?? ((f = o.controlInfo) == null ? void 0 : f.tooltip);
+  var f, b, h, c, p, a, m, d, x, z, y, k;
+  const t = ((h = (b = (f = o.translations) == null ? void 0 : f.options) == null ? void 0 : b[o.optionKey]) == null ? void 0 : h.label) ?? ((c = o.controlInfo) == null ? void 0 : c.label) ?? o.optionKey ?? "", e = H(o.options, o.optionKey), n = o.size, i = ((m = (a = (p = o.translations) == null ? void 0 : p.options) == null ? void 0 : a[o.optionKey]) == null ? void 0 : m.tooltip) ?? ((d = o.controlInfo) == null ? void 0 : d.tooltip);
   let l;
   typeof ((x = o.controlInfo) == null ? void 0 : x.default) == "function" ? l = o.controlInfo.default(
     o.options,
@@ -151,8 +151,8 @@ const R = ":host{font-family:var(--luzmo-edit-option-font-family, var(--luzmo-fo
     ></luzmo-edit-option-color-picker>
   `;
 }, D = (o) => {
-  var d, b, h, c, p, a, m, f, x, z, y, k, I, C;
-  const t = ((h = (b = (d = o.translations) == null ? void 0 : d.options) == null ? void 0 : b[o.optionKey]) == null ? void 0 : h.label) ?? ((c = o.controlInfo) == null ? void 0 : c.label) ?? o.optionKey ?? "", e = H(o.options, o.optionKey) ?? {}, n = ((m = (a = (p = o.translations) == null ? void 0 : p.options) == null ? void 0 : a[o.optionKey]) == null ? void 0 : m.tooltip) ?? ((f = o.controlInfo) == null ? void 0 : f.tooltip), i = o.language ?? "en", l = {};
+  var f, b, h, c, p, a, m, d, x, z, y, k, I, C;
+  const t = ((h = (b = (f = o.translations) == null ? void 0 : f.options) == null ? void 0 : b[o.optionKey]) == null ? void 0 : h.label) ?? ((c = o.controlInfo) == null ? void 0 : c.label) ?? o.optionKey ?? "", e = H(o.options, o.optionKey) ?? {}, n = ((m = (a = (p = o.translations) == null ? void 0 : p.options) == null ? void 0 : a[o.optionKey]) == null ? void 0 : m.tooltip) ?? ((d = o.controlInfo) == null ? void 0 : d.tooltip), i = o.language ?? "en", l = {};
   l[i] = ((y = (z = (x = o.translations) == null ? void 0 : x.options) == null ? void 0 : z[o.optionKey]) == null ? void 0 : y.placeholder) ?? ((k = o.controlInfo) == null ? void 0 : k.placeholder) ?? "";
   const r = o.size, {
     extraLabel: u,
@@ -178,12 +178,12 @@ const R = ":host{font-family:var(--luzmo-edit-option-font-family, var(--luzmo-fo
     ></luzmo-edit-option-multi-language-field>
   `;
 }, J = (o) => {
-  var h, c, p, a, m, f, x, z, y, k, I, C, O, K;
-  const t = ((p = (c = (h = o.translations) == null ? void 0 : h.options) == null ? void 0 : c[o.optionKey]) == null ? void 0 : p.label) ?? ((a = o.controlInfo) == null ? void 0 : a.label) ?? o.optionKey ?? "", e = (m = o.controlInfo) == null ? void 0 : m.min, n = (f = o.controlInfo) == null ? void 0 : f.max, i = (x = o.controlInfo) == null ? void 0 : x.step, l = H(o.options, o.optionKey), r = ((k = (y = (z = o.translations) == null ? void 0 : z.options) == null ? void 0 : y[o.optionKey]) == null ? void 0 : k.tooltip) ?? ((I = o.controlInfo) == null ? void 0 : I.tooltip), u = (C = o.controlInfo) == null ? void 0 : C.default, s = o.size, {
+  var h, c, p, a, m, d, x, z, y, k, I, C, O, K;
+  const t = ((p = (c = (h = o.translations) == null ? void 0 : h.options) == null ? void 0 : c[o.optionKey]) == null ? void 0 : p.label) ?? ((a = o.controlInfo) == null ? void 0 : a.label) ?? o.optionKey ?? "", e = (m = o.controlInfo) == null ? void 0 : m.min, n = (d = o.controlInfo) == null ? void 0 : d.max, i = (x = o.controlInfo) == null ? void 0 : x.step, l = H(o.options, o.optionKey), r = ((k = (y = (z = o.translations) == null ? void 0 : z.options) == null ? void 0 : y[o.optionKey]) == null ? void 0 : k.tooltip) ?? ((I = o.controlInfo) == null ? void 0 : I.tooltip), u = (C = o.controlInfo) == null ? void 0 : C.default, s = o.size, {
     extraLabel: L,
     extraLabelTooltip: v,
     extraLabelHasClickAction: $,
-    extraLabelClickAction: d
+    extraLabelClickAction: f
   } = A(o), b = T(o);
   return w`
     <luzmo-edit-option-number-field
@@ -198,15 +198,15 @@ const R = ":host{font-family:var(--luzmo-edit-option-font-family, var(--luzmo-fo
       .extraLabel=${L}
       .extraLabelTooltip=${v}
       .extraLabelHasClickAction=${$}
-      @extraLabelClick=${d}
+      @extraLabelClick=${f}
       @option-changed=${b}
       .fromOptionValue=${(O = o.controlInfo) == null ? void 0 : O.fromOptionValue}
       .toOptionValue=${(K = o.controlInfo) == null ? void 0 : K.toOptionValue}
     ></luzmo-edit-option-number-field>
   `;
 }, Q = (o) => {
-  var d, b, h, c, p, a, m, f, x, z, y, k;
-  const t = ((h = (b = (d = o.translations) == null ? void 0 : d.options) == null ? void 0 : b[o.optionKey]) == null ? void 0 : h.label) ?? ((c = o.controlInfo) == null ? void 0 : c.label) ?? o.optionKey ?? "", e = H(o.options, o.optionKey), n = (p = o.controlInfo) == null ? void 0 : p.default, i = ((f = (m = (a = o.translations) == null ? void 0 : a.options) == null ? void 0 : m[o.optionKey]) == null ? void 0 : f.tooltip) ?? ((x = o.controlInfo) == null ? void 0 : x.tooltip), l = (z = o.controlInfo) == null ? void 0 : z.enum.reduce(
+  var f, b, h, c, p, a, m, d, x, z, y, k;
+  const t = ((h = (b = (f = o.translations) == null ? void 0 : f.options) == null ? void 0 : b[o.optionKey]) == null ? void 0 : h.label) ?? ((c = o.controlInfo) == null ? void 0 : c.label) ?? o.optionKey ?? "", e = H(o.options, o.optionKey), n = (p = o.controlInfo) == null ? void 0 : p.default, i = ((d = (m = (a = o.translations) == null ? void 0 : a.options) == null ? void 0 : m[o.optionKey]) == null ? void 0 : d.tooltip) ?? ((x = o.controlInfo) == null ? void 0 : x.tooltip), l = (z = o.controlInfo) == null ? void 0 : z.enum.reduce(
     (I, C) => {
       var O, K, V;
       return I[C] = ((V = (K = (O = o.translations) == null ? void 0 : O.options) == null ? void 0 : K[o.optionKey]) == null ? void 0 : V.enum[C]) ?? C, I;
@@ -236,8 +236,8 @@ const R = ":host{font-family:var(--luzmo-edit-option-font-family, var(--luzmo-fo
     ></luzmo-edit-option-picker>
   `;
 }, W = (o) => {
-  var d, b, h, c, p, a, m, f, x, z, y, k;
-  const t = ((h = (b = (d = o.translations) == null ? void 0 : d.options) == null ? void 0 : b[o.optionKey]) == null ? void 0 : h.label) ?? ((c = o.controlInfo) == null ? void 0 : c.label), e = (p = o.controlInfo) == null ? void 0 : p.positions, n = ((a = o.controlInfo) == null ? void 0 : a.defaultPosition) ?? "top-right", i = o.size, l = H(o.options, o.optionKey), r = ((x = (f = (m = o.translations) == null ? void 0 : m.options) == null ? void 0 : f[o.optionKey]) == null ? void 0 : x.tooltip) ?? ((z = o.controlInfo) == null ? void 0 : z.tooltip), {
+  var f, b, h, c, p, a, m, d, x, z, y, k;
+  const t = ((h = (b = (f = o.translations) == null ? void 0 : f.options) == null ? void 0 : b[o.optionKey]) == null ? void 0 : h.label) ?? ((c = o.controlInfo) == null ? void 0 : c.label), e = (p = o.controlInfo) == null ? void 0 : p.positions, n = ((a = o.controlInfo) == null ? void 0 : a.defaultPosition) ?? "top-right", i = o.size, l = H(o.options, o.optionKey), r = ((x = (d = (m = o.translations) == null ? void 0 : m.options) == null ? void 0 : d[o.optionKey]) == null ? void 0 : x.tooltip) ?? ((z = o.controlInfo) == null ? void 0 : z.tooltip), {
     extraLabel: u,
     extraLabelTooltip: s,
     extraLabelHasClickAction: L,
@@ -261,8 +261,8 @@ const R = ":host{font-family:var(--luzmo-edit-option-font-family, var(--luzmo-fo
     ></luzmo-edit-option-position-picker>
   `;
 }, X = (o) => {
-  var v, $, d, b, h, c, p, a, m, f, x, z;
-  const t = ((d = ($ = (v = o.translations) == null ? void 0 : v.options) == null ? void 0 : $[o.optionKey]) == null ? void 0 : d.label) ?? ((b = o.controlInfo) == null ? void 0 : b.label), e = H(o.options, o.optionKey), n = o.size, i = ((p = (c = (h = o.translations) == null ? void 0 : h.options) == null ? void 0 : c[o.optionKey]) == null ? void 0 : p.tooltip) ?? ((a = o.controlInfo) == null ? void 0 : a.tooltip), {
+  var v, $, f, b, h, c, p, a, m, d, x, z;
+  const t = ((f = ($ = (v = o.translations) == null ? void 0 : v.options) == null ? void 0 : $[o.optionKey]) == null ? void 0 : f.label) ?? ((b = o.controlInfo) == null ? void 0 : b.label), e = H(o.options, o.optionKey), n = o.size, i = ((p = (c = (h = o.translations) == null ? void 0 : h.options) == null ? void 0 : c[o.optionKey]) == null ? void 0 : p.tooltip) ?? ((a = o.controlInfo) == null ? void 0 : a.tooltip), {
     extraLabel: l,
     extraLabelTooltip: r,
     extraLabelHasClickAction: u,
@@ -272,7 +272,7 @@ const R = ":host{font-family:var(--luzmo-edit-option-font-family, var(--luzmo-fo
     <luzmo-edit-option-positions-number-field
       .values=${e}
       .positions=${(m = o.controlInfo) == null ? void 0 : m.positions}
-      .positionConfiguration=${(f = o.controlInfo) == null ? void 0 : f.positionConfiguration}
+      .positionConfiguration=${(d = o.controlInfo) == null ? void 0 : d.positionConfiguration}
       .label=${t}
       .size=${n}
       .tooltip=${i}
@@ -286,14 +286,14 @@ const R = ":host{font-family:var(--luzmo-edit-option-font-family, var(--luzmo-fo
     ></luzmo-edit-option-positions-number-field>
   `;
 }, Y = (o) => {
-  var d, b, h, c, p, a, m, f, x, z, y, k;
-  const t = ((h = (b = (d = o.translations) == null ? void 0 : d.options) == null ? void 0 : b[o.optionKey]) == null ? void 0 : h.label) ?? ((c = o.controlInfo) == null ? void 0 : c.label) ?? o.optionKey ?? "", e = H(o.options, o.optionKey), n = (p = o == null ? void 0 : o.controlInfo) == null ? void 0 : p.default, i = (a = o.controlInfo) == null ? void 0 : a.enum.reduce(
+  var f, b, h, c, p, a, m, d, x, z, y, k;
+  const t = ((h = (b = (f = o.translations) == null ? void 0 : f.options) == null ? void 0 : b[o.optionKey]) == null ? void 0 : h.label) ?? ((c = o.controlInfo) == null ? void 0 : c.label) ?? o.optionKey ?? "", e = H(o.options, o.optionKey), n = (p = o == null ? void 0 : o.controlInfo) == null ? void 0 : p.default, i = (a = o.controlInfo) == null ? void 0 : a.enum.reduce(
     (I, C) => {
       var O, K, V;
       return I[C] = ((V = (K = (O = o.translations) == null ? void 0 : O.options) == null ? void 0 : K[o.optionKey]) == null ? void 0 : V.enum[C]) ?? C, I;
     },
     {}
-  ), l = o.size, r = ((x = (f = (m = o.translations) == null ? void 0 : m.options) == null ? void 0 : f[o.optionKey]) == null ? void 0 : x.tooltip) ?? ((z = o.controlInfo) == null ? void 0 : z.tooltip), {
+  ), l = o.size, r = ((x = (d = (m = o.translations) == null ? void 0 : m.options) == null ? void 0 : d[o.optionKey]) == null ? void 0 : x.tooltip) ?? ((z = o.controlInfo) == null ? void 0 : z.tooltip), {
     extraLabel: u,
     extraLabelTooltip: s,
     extraLabelHasClickAction: L,
@@ -316,8 +316,8 @@ const R = ":host{font-family:var(--luzmo-edit-option-font-family, var(--luzmo-fo
     ></luzmo-edit-option-radio-button-group>
   `;
 }, Z = (o) => {
-  var c, p, a, m, f, x, z, y, k, I, C, O, K, V, E;
-  const t = ((a = (p = (c = o.translations) == null ? void 0 : c.options) == null ? void 0 : p[o.optionKey]) == null ? void 0 : a.label) ?? ((m = o.controlInfo) == null ? void 0 : m.label) ?? o.optionKey ?? "", e = ((z = (x = (f = o.translations) == null ? void 0 : f.options) == null ? void 0 : x[o.optionKey]) == null ? void 0 : z.tooltip) ?? ((y = o.controlInfo) == null ? void 0 : y.tooltip), n = (k = o.controlInfo) == null ? void 0 : k.min, i = (I = o.controlInfo) == null ? void 0 : I.max, l = (C = o.controlInfo) == null ? void 0 : C.step, r = H(o.options, o.optionKey), u = o.size;
+  var c, p, a, m, d, x, z, y, k, I, C, O, K, V, E;
+  const t = ((a = (p = (c = o.translations) == null ? void 0 : c.options) == null ? void 0 : p[o.optionKey]) == null ? void 0 : a.label) ?? ((m = o.controlInfo) == null ? void 0 : m.label) ?? o.optionKey ?? "", e = ((z = (x = (d = o.translations) == null ? void 0 : d.options) == null ? void 0 : x[o.optionKey]) == null ? void 0 : z.tooltip) ?? ((y = o.controlInfo) == null ? void 0 : y.tooltip), n = (k = o.controlInfo) == null ? void 0 : k.min, i = (I = o.controlInfo) == null ? void 0 : I.max, l = (C = o.controlInfo) == null ? void 0 : C.step, r = H(o.options, o.optionKey), u = o.size;
   let s;
   typeof ((O = o.controlInfo) == null ? void 0 : O.default) == "function" ? s = o.controlInfo.default(
     o.options,
@@ -328,7 +328,7 @@ const R = ":host{font-family:var(--luzmo-edit-option-font-family, var(--luzmo-fo
     extraLabel: L,
     extraLabelTooltip: v,
     extraLabelHasClickAction: $,
-    extraLabelClickAction: d
+    extraLabelClickAction: f
   } = A(o), b = T(o);
   return w`
     <luzmo-edit-option-slider
@@ -344,8 +344,8 @@ const R = ":host{font-family:var(--luzmo-edit-option-font-family, var(--luzmo-fo
       .extraLabelTooltip=${v}
       .extraLabelHasClickAction=${$}
       @extraLabelClick=${() => {
-    if (typeof d == "function") {
-      const { options: S } = d();
+    if (typeof f == "function") {
+      const { options: S } = f();
       return o.changeCallback(S);
     }
   }}
@@ -355,8 +355,8 @@ const R = ":host{font-family:var(--luzmo-edit-option-font-family, var(--luzmo-fo
     ></luzmo-edit-option-slider>
   `;
 }, oo = (o) => {
-  var $, d, b, h, c, p, a, m, f, x, z;
-  const t = ((b = (d = ($ = o.translations) == null ? void 0 : $.options) == null ? void 0 : d[o.optionKey]) == null ? void 0 : b.label) ?? ((h = o.controlInfo) == null ? void 0 : h.label) ?? o.optionKey ?? "", e = H(o.options, o.optionKey), n = (c = o.controlInfo) == null ? void 0 : c.default, i = o.size, l = ((m = (a = (p = o.translations) == null ? void 0 : p.options) == null ? void 0 : a[o.optionKey]) == null ? void 0 : m.tooltip) ?? ((f = o.controlInfo) == null ? void 0 : f.tooltip), {
+  var $, f, b, h, c, p, a, m, d, x, z;
+  const t = ((b = (f = ($ = o.translations) == null ? void 0 : $.options) == null ? void 0 : f[o.optionKey]) == null ? void 0 : b.label) ?? ((h = o.controlInfo) == null ? void 0 : h.label) ?? o.optionKey ?? "", e = H(o.options, o.optionKey), n = (c = o.controlInfo) == null ? void 0 : c.default, i = o.size, l = ((m = (a = (p = o.translations) == null ? void 0 : p.options) == null ? void 0 : a[o.optionKey]) == null ? void 0 : m.tooltip) ?? ((d = o.controlInfo) == null ? void 0 : d.tooltip), {
     extraLabel: r,
     extraLabelTooltip: u,
     extraLabelHasClickAction: s,
@@ -378,9 +378,9 @@ const R = ":host{font-family:var(--luzmo-edit-option-font-family, var(--luzmo-fo
     ></luzmo-edit-option-switch>
   `;
 }, to = (o) => {
-  var d, b, h, c, p, a, m, f, x, z, y, k, I, C;
-  const t = ((h = (b = (d = o.translations) == null ? void 0 : d.options) == null ? void 0 : b[o.optionKey]) == null ? void 0 : h.label) ?? ((c = o.controlInfo) == null ? void 0 : c.label) ?? o.optionKey ?? "", e = o.language ?? "en", n = {};
-  n[e] = ((m = (a = (p = o.translations) == null ? void 0 : p.options) == null ? void 0 : a[o.optionKey]) == null ? void 0 : m.placeholder) ?? ((f = o.controlInfo) == null ? void 0 : f.placeholder) ?? "";
+  var f, b, h, c, p, a, m, d, x, z, y, k, I, C;
+  const t = ((h = (b = (f = o.translations) == null ? void 0 : f.options) == null ? void 0 : b[o.optionKey]) == null ? void 0 : h.label) ?? ((c = o.controlInfo) == null ? void 0 : c.label) ?? o.optionKey ?? "", e = o.language ?? "en", n = {};
+  n[e] = ((m = (a = (p = o.translations) == null ? void 0 : p.options) == null ? void 0 : a[o.optionKey]) == null ? void 0 : m.placeholder) ?? ((d = o.controlInfo) == null ? void 0 : d.placeholder) ?? "";
   const i = H(o.options, o.optionKey) ?? "", l = o.size, r = ((y = (z = (x = o.translations) == null ? void 0 : x.options) == null ? void 0 : z[o.optionKey]) == null ? void 0 : y.tooltip) ?? ((k = o.controlInfo) == null ? void 0 : k.tooltip), {
     extraLabel: u,
     extraLabelTooltip: s,
@@ -471,6 +471,7 @@ const P = class P extends F {
             "../../item-definitions/circular-gauge/circular-guage-options.config.ts": () => import("../circular-guage-options.config-C3ExuT5F.js"),
             "../../item-definitions/column-chart/column-chart-options.config.ts": () => import("../column-chart-options.config-CGw1dN1E.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-B24MqnZj.js"),
             "../../item-definitions/donut-chart/donut-chart-options.config.ts": () => import("../donut-chart-options.config-DuJFyp4z.js"),
             "../../item-definitions/dropdown-filter/dropdown-filter-options.config.ts": () => import("../dropdown-filter-options.config-BxjR1xAD.js"),
             "../../item-definitions/image/image-options.config.ts": () => import("../image-options.config-CBfeq5Zw.js"),
@@ -551,6 +552,11 @@ const P = class P extends F {
             "../../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"),

package/components/edit-option-action-button-group/index.cjs

@@ -17,22 +17,22 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";var d=Object.getPrototypeOf;var m=Reflect.get;var s=(c,t,u)=>m(d(c),u,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../luzmo-icons-XsFsTAl3.cjs");require("../index-zuArOtOt.cjs");require("../index-DUO13KGl.cjs");require("../index-h9T5DPIm.cjs");const n=require("../property-0L4eB11h.cjs"),b=require("../query-D5qWDopr.cjs"),z=require("../edit-option-base-Boz7TNRZ.cjs"),g="luzmo-action-group{--luzmo-edit-option-action-button-group-button-background-hover: rgba( var(--luzmo-primary-rgb), .1 );--luzmo-edit-option-action-button-group-button-background-down: rgba( var(--luzmo-primary-rgb), .2 );--luzmo-edit-option-action-button-group-button-background-focus: rgba( var(--luzmo-primary-rgb), .1 );--luzmo-edit-option-action-button-group-button-content-color-default: var( --luzmo-font-color-disabled );--luzmo-edit-option-action-button-group-button-content-color-hover: var( --luzmo-font-color-hover );--luzmo-edit-option-action-button-group-button-content-color-down: var( --luzmo-font-color-down );--luzmo-edit-option-action-button-group-button-content-color-focus: var( --luzmo-font-color-focus )}luzmo-action-group[compact][quiet][emphasized]{--luzmo-action-group-gap-size-compact: var(--luzmo-spacing-1)}luzmo-action-group[compact][quiet][emphasized][size=s]{--luzmo-action-group-gap-size-compact: var(--luzmo-spacing-1)}luzmo-action-group[compact][quiet][emphasized][size=l]{--luzmo-action-group-gap-size-compact: var(--luzmo-spacing-2)}luzmo-action-group[compact][quiet][emphasized][size=xl]{--luzmo-action-group-gap-size-compact: var(--luzmo-spacing-3)}luzmo-action-group[compact][quiet][emphasized] luzmo-action-button{--luzmo-action-button-background-color-hover: var( --luzmo-edit-option-action-button-group-button-background-hover );--luzmo-action-button-background-color-down: var( --luzmo-edit-option-action-button-group-button-background-down );--luzmo-action-button-background-color-focus: var( --luzmo-edit-option-action-button-group-button-background-focus );--luzmo-action-button-content-color-default: var( --luzmo-edit-option-action-button-group-button-content-color-default );--luzmo-action-button-content-color-hover: var( --luzmo-edit-option-action-button-group-button-content-color-hover );--luzmo-action-button-content-color-down: var( --luzmo-edit-option-action-button-group-button-content-color-down );--luzmo-action-button-content-color-focus: var( --luzmo-edit-option-action-button-group-button-content-color-focus )}luzmo-action-group[compact][quiet][emphasized] luzmo-action-button[selected]:hover,luzmo-action-group[compact][quiet][emphasized] luzmo-action-button[selected]{--luzmo-action-button-background-color-hover: var( --luzmo-edit-option-action-button-group-button-background-down );--luzmo-action-button-background-color-default: var( --luzmo-edit-option-action-button-group-button-background-down );--luzmo-action-button-content-color-default: var( --luzmo-edit-option-action-button-group-button-content-color-down );--luzmo-action-button-content-color-hover: var( --luzmo-edit-option-action-button-group-button-content-color-down );--luzmo-action-button-content-color-down: var( --luzmo-edit-option-action-button-group-button-content-color-down )}";var v=Object.defineProperty,i=(c,t,u,f)=>{for(var r=void 0,l=c.length-1,p;l>=0;l--)(p=c[l])&&(r=p(t,u,r)||r);return r&&v(t,u,r),r};const h={alignBottom:o.U,alignMiddle:o.P,alignTop:o.E,alignLeft:o.G,alignCenter:o.q,alignRight:o.O,ban:o.a1,borderSolid:o.b2,borderDashed:o.k2,borderDotted:o.S2,compress:o.Y,expand:o._,arrowsExpand:o.c1,arrowsHorizontal:o.J,arrowsVertical:o.j,italic:o.w1,bold:o.D1,underline:o.x1,rows:o.E1,columns:o.P1,table:o.r1},a=class a extends z.LuzmoEditOptionBase{constructor(){super(...arguments),this.values={},this.disabled=!1}_handleEvent(){this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:this.actionGroup.selected}}))}_generateButtonContents(t){return typeof t=="string"?n.x`${t}`:t.iconName||t.icon?n.x`
+"use strict";var m=Object.getPrototypeOf;var b=Reflect.get;var d=(c,t,e)=>b(m(c),e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../luzmo-icons-XsFsTAl3.cjs");require("../index-zuArOtOt.cjs");require("../index-DUO13KGl.cjs");require("../index-h9T5DPIm.cjs");const n=require("../property-0L4eB11h.cjs"),z=require("../query-D5qWDopr.cjs"),g=require("../edit-option-base-Boz7TNRZ.cjs"),v="luzmo-action-group{--luzmo-edit-option-action-button-group-button-background-hover: rgba( var(--luzmo-primary-rgb), .1 );--luzmo-edit-option-action-button-group-button-background-down: rgba( var(--luzmo-primary-rgb), .2 );--luzmo-edit-option-action-button-group-button-background-focus: rgba( var(--luzmo-primary-rgb), .1 );--luzmo-edit-option-action-button-group-button-content-color-default: var( --luzmo-font-color-disabled );--luzmo-edit-option-action-button-group-button-content-color-hover: var( --luzmo-font-color-hover );--luzmo-edit-option-action-button-group-button-content-color-down: var( --luzmo-font-color-down );--luzmo-edit-option-action-button-group-button-content-color-focus: var( --luzmo-font-color-focus )}luzmo-action-group[compact][quiet][emphasized]{--luzmo-action-group-gap-size-compact: var(--luzmo-spacing-1)}luzmo-action-group[compact][quiet][emphasized][size=s]{--luzmo-action-group-gap-size-compact: var(--luzmo-spacing-1)}luzmo-action-group[compact][quiet][emphasized][size=l]{--luzmo-action-group-gap-size-compact: var(--luzmo-spacing-2)}luzmo-action-group[compact][quiet][emphasized][size=xl]{--luzmo-action-group-gap-size-compact: var(--luzmo-spacing-3)}luzmo-action-group[compact][quiet][emphasized] luzmo-action-button{--luzmo-action-button-background-color-hover: var( --luzmo-edit-option-action-button-group-button-background-hover );--luzmo-action-button-background-color-down: var( --luzmo-edit-option-action-button-group-button-background-down );--luzmo-action-button-background-color-focus: var( --luzmo-edit-option-action-button-group-button-background-focus );--luzmo-action-button-content-color-default: var( --luzmo-edit-option-action-button-group-button-content-color-default );--luzmo-action-button-content-color-hover: var( --luzmo-edit-option-action-button-group-button-content-color-hover );--luzmo-action-button-content-color-down: var( --luzmo-edit-option-action-button-group-button-content-color-down );--luzmo-action-button-content-color-focus: var( --luzmo-edit-option-action-button-group-button-content-color-focus )}luzmo-action-group[compact][quiet][emphasized] luzmo-action-button[selected]:hover,luzmo-action-group[compact][quiet][emphasized] luzmo-action-button[selected]{--luzmo-action-button-background-color-hover: var( --luzmo-edit-option-action-button-group-button-background-down );--luzmo-action-button-background-color-default: var( --luzmo-edit-option-action-button-group-button-background-down );--luzmo-action-button-content-color-default: var( --luzmo-edit-option-action-button-group-button-content-color-down );--luzmo-action-button-content-color-hover: var( --luzmo-edit-option-action-button-group-button-content-color-down );--luzmo-action-button-content-color-down: var( --luzmo-edit-option-action-button-group-button-content-color-down )}";var h=Object.defineProperty,i=(c,t,e,l)=>{for(var r=void 0,s=c.length-1,p;s>=0;s--)(p=c[s])&&(r=p(t,e,r)||r);return r&&h(t,e,r),r};const f={alignBottom:o.U,alignMiddle:o.P,alignTop:o.E,alignLeft:o.G,alignCenter:o.q,alignRight:o.O,ban:o.a1,borderSolid:o.b2,borderDashed:o.k2,borderDotted:o.S2,compress:o.Y,expand:o._,arrowsExpand:o.c1,arrowsHorizontal:o.J,arrowsVertical:o.j,italic:o.w1,bold:o.D1,underline:o.x1,rows:o.E1,columns:o.P1,table:o.r1},a=class a extends g.LuzmoEditOptionBase{constructor(){super(...arguments),this.values={},this.disabled=!1}_handleEvent(){var e,l,r;const t=this.selects==="multiple"?(e=this.actionGroup)==null?void 0:e.selected:(r=(l=this.actionGroup)==null?void 0:l.selected)==null?void 0:r[0];this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:t}}))}_generateButtonContents(t){return typeof t=="string"?n.x`${t}`:t.iconName||t.icon?n.x`
         <luzmo-icon
           slot="icon"
-          .icon=${t.icon??h[t.iconName]}
+          .icon=${t.icon??f[t.iconName]}
           .label=${t.label??""}
         ></luzmo-icon>
         ${t.buttonText??""}
-      `:n.x`${t.buttonText??""}`}_generateActionButtons(){return Object.entries(this.values).map(([t,u])=>n.x`
+      `:n.x`${t.buttonText??""}`}_generateActionButtons(){return Object.entries(this.values).map(([t,e])=>n.x`
         <luzmo-action-button value=${t} ?disabled=${this.disabled}>
-          ${this._generateButtonContents(u)}
-          ${u.label?n.x`<luzmo-tooltip
+          ${this._generateButtonContents(e)}
+          ${e.label?n.x`<luzmo-tooltip
                 self-managed
                 placement="top"
                 size=${this.size}
               >
-                ${u.label}
+                ${e.label}
               </luzmo-tooltip>`:""}
         </luzmo-action-button>
       `)}renderController(){const t=this._generateActionButtons();return n.x`
@@ -48,4 +48,4 @@
       >
         ${t}
       </luzmo-action-group>
-    `}};a.styles=[...s(a,a,"styles"),n.r$1(g)];let e=a;i([n.n({type:Array})],e.prototype,"values");i([n.n({type:Boolean,reflect:!0})],e.prototype,"disabled");i([n.n({type:String})],e.prototype,"selects");i([n.n({type:Array})],e.prototype,"value");i([n.n({type:Array})],e.prototype,"default");i([b.e("luzmo-action-group")],e.prototype,"actionGroup");customElements.get("luzmo-edit-option-action-button-group")||customElements.define("luzmo-edit-option-action-button-group",e);exports.LuzmoEditOptionActionButtonGroup=e;
+    `}};a.styles=[...d(a,a,"styles"),n.r$1(v)];let u=a;i([n.n({type:Array})],u.prototype,"values");i([n.n({type:Boolean,reflect:!0})],u.prototype,"disabled");i([n.n({type:String})],u.prototype,"selects");i([n.n({type:Array})],u.prototype,"value");i([n.n({type:Array})],u.prototype,"default");i([z.e("luzmo-action-group")],u.prototype,"actionGroup");customElements.get("luzmo-edit-option-action-button-group")||customElements.define("luzmo-edit-option-action-button-group",u);exports.LuzmoEditOptionActionButtonGroup=u;

package/components/edit-option-action-button-group/index.js

@@ -17,63 +17,65 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-var z = Object.getPrototypeOf;
-var d = Reflect.get;
-var s = (r, o, l) => d(z(r), l, o);
-import { r as b, P as g, E as f, a as h, D as v, w as x, j as y, J as w, c as k, _ as $, Y as C, S as q, e as S, f as E, g as _, i as B, q as P, G as D, l as j, m as A, U as H } from "../luzmo-icons-BE2T8vWu.js";
+var d = Object.getPrototypeOf;
+var p = Reflect.get;
+var z = (r, o, t) => p(d(r), t, o);
+import { r as g, P as f, E as h, a as v, D as x, w as y, j as w, J as k, c as $, _ as C, Y as q, S, e as E, f as _, g as B, i as P, q as D, G as j, l as A, m as H, U as N } from "../luzmo-icons-BE2T8vWu.js";
 import "../index-CdCtJpK9.js";
 import "../index-Bee1uunR.js";
 import "../index-ymMEPngt.js";
-import { a as N, x as u, n as c } from "../property-B2F7x7Cz.js";
-import { e as T } from "../query-Ddbd72Um.js";
-import { L as U } from "../edit-option-base-qePiIQWd.js";
-const p = () => {
+import { a as T, x as u, n as c } from "../property-B2F7x7Cz.js";
+import { e as U } from "../query-Ddbd72Um.js";
+import { L as M } from "../edit-option-base-qePiIQWd.js";
+const b = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const r = document.createElement("style");
     r.setAttribute("data-luzmo-vars", ""), r.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-color-negative: #ca221c;--luzmo-color-negative-hover: #b3241f;--luzmo-color-negative-down: #9f231f;--luzmo-color-negative-focus: #b3241f;--luzmo-color-negative-rgb: 202, 34, 28;--luzmo-color-positive: rgb(20, 150, 101);--luzmo-color-positive-hover: rgb(17, 128, 86);--luzmo-color-positive-down: rgb(16, 105, 71);--luzmo-color-positive-focus: rgb(17, 128, 86);--luzmo-color-positive-rgb: 20, 150, 101;--luzmo-color-selected: rgb(110, 110, 110);--luzmo-color-selected-hover: rgb(70, 70, 70);--luzmo-color-selected-down: rgb(40, 40, 40);--luzmo-color-selected-focus: rgb(70, 70, 70);--luzmo-color-selected-hard: #1e1e1e;--luzmo-color-selected-hard-hover: rgb(0, 0, 0);--luzmo-color-selected-hard-down: rgb(0, 0, 0);--luzmo-color-selected-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(r);
   }
 };
-p();
-const M = "luzmo-action-group{--luzmo-edit-option-action-button-group-button-background-hover: rgba( var(--luzmo-primary-rgb), .1 );--luzmo-edit-option-action-button-group-button-background-down: rgba( var(--luzmo-primary-rgb), .2 );--luzmo-edit-option-action-button-group-button-background-focus: rgba( var(--luzmo-primary-rgb), .1 );--luzmo-edit-option-action-button-group-button-content-color-default: var( --luzmo-font-color-disabled );--luzmo-edit-option-action-button-group-button-content-color-hover: var( --luzmo-font-color-hover );--luzmo-edit-option-action-button-group-button-content-color-down: var( --luzmo-font-color-down );--luzmo-edit-option-action-button-group-button-content-color-focus: var( --luzmo-font-color-focus )}luzmo-action-group[compact][quiet][emphasized]{--luzmo-action-group-gap-size-compact: var(--luzmo-spacing-1)}luzmo-action-group[compact][quiet][emphasized][size=s]{--luzmo-action-group-gap-size-compact: var(--luzmo-spacing-1)}luzmo-action-group[compact][quiet][emphasized][size=l]{--luzmo-action-group-gap-size-compact: var(--luzmo-spacing-2)}luzmo-action-group[compact][quiet][emphasized][size=xl]{--luzmo-action-group-gap-size-compact: var(--luzmo-spacing-3)}luzmo-action-group[compact][quiet][emphasized] luzmo-action-button{--luzmo-action-button-background-color-hover: var( --luzmo-edit-option-action-button-group-button-background-hover );--luzmo-action-button-background-color-down: var( --luzmo-edit-option-action-button-group-button-background-down );--luzmo-action-button-background-color-focus: var( --luzmo-edit-option-action-button-group-button-background-focus );--luzmo-action-button-content-color-default: var( --luzmo-edit-option-action-button-group-button-content-color-default );--luzmo-action-button-content-color-hover: var( --luzmo-edit-option-action-button-group-button-content-color-hover );--luzmo-action-button-content-color-down: var( --luzmo-edit-option-action-button-group-button-content-color-down );--luzmo-action-button-content-color-focus: var( --luzmo-edit-option-action-button-group-button-content-color-focus )}luzmo-action-group[compact][quiet][emphasized] luzmo-action-button[selected]:hover,luzmo-action-group[compact][quiet][emphasized] luzmo-action-button[selected]{--luzmo-action-button-background-color-hover: var( --luzmo-edit-option-action-button-group-button-background-down );--luzmo-action-button-background-color-default: var( --luzmo-edit-option-action-button-group-button-background-down );--luzmo-action-button-content-color-default: var( --luzmo-edit-option-action-button-group-button-content-color-down );--luzmo-action-button-content-color-hover: var( --luzmo-edit-option-action-button-group-button-content-color-down );--luzmo-action-button-content-color-down: var( --luzmo-edit-option-action-button-group-button-content-color-down )}";
-var R = Object.defineProperty, n = (r, o, l, F) => {
-  for (var e = void 0, i = r.length - 1, m; i >= 0; i--)
-    (m = r[i]) && (e = m(o, l, e) || e);
-  return e && R(o, l, e), e;
+b();
+const R = "luzmo-action-group{--luzmo-edit-option-action-button-group-button-background-hover: rgba( var(--luzmo-primary-rgb), .1 );--luzmo-edit-option-action-button-group-button-background-down: rgba( var(--luzmo-primary-rgb), .2 );--luzmo-edit-option-action-button-group-button-background-focus: rgba( var(--luzmo-primary-rgb), .1 );--luzmo-edit-option-action-button-group-button-content-color-default: var( --luzmo-font-color-disabled );--luzmo-edit-option-action-button-group-button-content-color-hover: var( --luzmo-font-color-hover );--luzmo-edit-option-action-button-group-button-content-color-down: var( --luzmo-font-color-down );--luzmo-edit-option-action-button-group-button-content-color-focus: var( --luzmo-font-color-focus )}luzmo-action-group[compact][quiet][emphasized]{--luzmo-action-group-gap-size-compact: var(--luzmo-spacing-1)}luzmo-action-group[compact][quiet][emphasized][size=s]{--luzmo-action-group-gap-size-compact: var(--luzmo-spacing-1)}luzmo-action-group[compact][quiet][emphasized][size=l]{--luzmo-action-group-gap-size-compact: var(--luzmo-spacing-2)}luzmo-action-group[compact][quiet][emphasized][size=xl]{--luzmo-action-group-gap-size-compact: var(--luzmo-spacing-3)}luzmo-action-group[compact][quiet][emphasized] luzmo-action-button{--luzmo-action-button-background-color-hover: var( --luzmo-edit-option-action-button-group-button-background-hover );--luzmo-action-button-background-color-down: var( --luzmo-edit-option-action-button-group-button-background-down );--luzmo-action-button-background-color-focus: var( --luzmo-edit-option-action-button-group-button-background-focus );--luzmo-action-button-content-color-default: var( --luzmo-edit-option-action-button-group-button-content-color-default );--luzmo-action-button-content-color-hover: var( --luzmo-edit-option-action-button-group-button-content-color-hover );--luzmo-action-button-content-color-down: var( --luzmo-edit-option-action-button-group-button-content-color-down );--luzmo-action-button-content-color-focus: var( --luzmo-edit-option-action-button-group-button-content-color-focus )}luzmo-action-group[compact][quiet][emphasized] luzmo-action-button[selected]:hover,luzmo-action-group[compact][quiet][emphasized] luzmo-action-button[selected]{--luzmo-action-button-background-color-hover: var( --luzmo-edit-option-action-button-group-button-background-down );--luzmo-action-button-background-color-default: var( --luzmo-edit-option-action-button-group-button-background-down );--luzmo-action-button-content-color-default: var( --luzmo-edit-option-action-button-group-button-content-color-down );--luzmo-action-button-content-color-hover: var( --luzmo-edit-option-action-button-group-button-content-color-down );--luzmo-action-button-content-color-down: var( --luzmo-edit-option-action-button-group-button-content-color-down )}";
+var V = Object.defineProperty, n = (r, o, t, i) => {
+  for (var e = void 0, m = r.length - 1, s; m >= 0; m--)
+    (s = r[m]) && (e = s(o, t, e) || e);
+  return e && V(o, t, e), e;
 };
-const V = {
-  alignBottom: H,
-  alignMiddle: A,
-  alignTop: j,
-  alignLeft: D,
-  alignCenter: P,
-  alignRight: B,
-  ban: _,
-  borderSolid: E,
-  borderDashed: S,
-  borderDotted: q,
-  compress: C,
-  expand: $,
-  arrowsExpand: k,
-  arrowsHorizontal: w,
-  arrowsVertical: y,
-  italic: x,
-  bold: v,
-  underline: h,
-  rows: f,
-  columns: g,
-  table: b
-}, a = class a extends U {
+const F = {
+  alignBottom: N,
+  alignMiddle: H,
+  alignTop: A,
+  alignLeft: j,
+  alignCenter: D,
+  alignRight: P,
+  ban: B,
+  borderSolid: _,
+  borderDashed: E,
+  borderDotted: S,
+  compress: q,
+  expand: C,
+  arrowsExpand: $,
+  arrowsHorizontal: k,
+  arrowsVertical: w,
+  italic: y,
+  bold: x,
+  underline: v,
+  rows: h,
+  columns: f,
+  table: g
+}, a = class a extends M {
   constructor() {
     super(...arguments), this.values = {}, this.disabled = !1;
   }
   _handleEvent() {
+    var t, i, e;
+    const o = this.selects === "multiple" ? (t = this.actionGroup) == null ? void 0 : t.selected : (e = (i = this.actionGroup) == null ? void 0 : i.selected) == null ? void 0 : e[0];
     this.dispatchEvent(
       new CustomEvent("option-changed", {
         bubbles: !0,
         composed: !0,
         cancelable: !0,
         detail: {
-          value: this.actionGroup.selected
+          value: o
         }
       })
     );
@@ -82,7 +84,7 @@ const V = {
     return typeof o == "string" ? u`${o}` : o.iconName || o.icon ? u`
         <luzmo-icon
           slot="icon"
-          .icon=${o.icon ?? V[o.iconName]}
+          .icon=${o.icon ?? F[o.iconName]}
           .label=${o.label ?? ""}
         ></luzmo-icon>
         ${o.buttonText ?? ""}
@@ -90,15 +92,15 @@ const V = {
   }
   _generateActionButtons() {
     return Object.entries(this.values).map(
-      ([o, l]) => u`
+      ([o, t]) => u`
         <luzmo-action-button value=${o} ?disabled=${this.disabled}>
-          ${this._generateButtonContents(l)}
-          ${l.label ? u`<luzmo-tooltip
+          ${this._generateButtonContents(t)}
+          ${t.label ? u`<luzmo-tooltip
                 self-managed
                 placement="top"
                 size=${this.size}
               >
-                ${l.label}
+                ${t.label}
               </luzmo-tooltip>` : ""}
         </luzmo-action-button>
       `
@@ -122,30 +124,30 @@ const V = {
     `;
   }
 };
-a.styles = [...s(a, a, "styles"), N(M)];
-let t = a;
+a.styles = [...z(a, a, "styles"), T(R)];
+let l = a;
 n([
   c({ type: Array })
-], t.prototype, "values");
+], l.prototype, "values");
 n([
   c({ type: Boolean, reflect: !0 })
-], t.prototype, "disabled");
+], l.prototype, "disabled");
 n([
   c({ type: String })
-], t.prototype, "selects");
+], l.prototype, "selects");
 n([
   c({ type: Array })
-], t.prototype, "value");
+], l.prototype, "value");
 n([
   c({ type: Array })
-], t.prototype, "default");
+], l.prototype, "default");
 n([
-  T("luzmo-action-group")
-], t.prototype, "actionGroup");
+  U("luzmo-action-group")
+], l.prototype, "actionGroup");
 customElements.get("luzmo-edit-option-action-button-group") || customElements.define(
   "luzmo-edit-option-action-button-group",
-  t
+  l
 );
 export {
-  t as LuzmoEditOptionActionButtonGroup
+  l as LuzmoEditOptionActionButtonGroup
 };

package/item-definitions/conditional-number/conditional-number-options.config.d.ts

@@ -0,0 +1,135 @@
+declare const _default: ({
+    key: string;
+    type: string;
+    open: boolean;
+    children: ({
+        key: string;
+        control: {
+            type: string;
+            label: string;
+            default: boolean;
+            enum?: undefined;
+            min?: undefined;
+            step?: undefined;
+            extraLabel?: undefined;
+            extraLabelHasClickAction?: undefined;
+            extraLabelClickAction?: undefined;
+        };
+        visibleIf?: undefined;
+    } | {
+        key: string;
+        control: {
+            type: string;
+            label: string;
+            default: string;
+            enum: string[];
+            min?: undefined;
+            step?: undefined;
+            extraLabel?: undefined;
+            extraLabelHasClickAction?: undefined;
+            extraLabelClickAction?: undefined;
+        };
+        visibleIf?: undefined;
+    } | {
+        key: string;
+        control: {
+            type: string;
+            label: string;
+            default: number;
+            min: number;
+            step: number;
+            enum?: undefined;
+            extraLabel?: undefined;
+            extraLabelHasClickAction?: undefined;
+            extraLabelClickAction?: undefined;
+        };
+        visibleIf: (_: any, slots: any[]) => boolean;
+    } | {
+        key: string;
+        control: {
+            type: string;
+            label: string;
+            default: boolean;
+            enum?: undefined;
+            min?: undefined;
+            step?: undefined;
+            extraLabel?: undefined;
+            extraLabelHasClickAction?: undefined;
+            extraLabelClickAction?: undefined;
+        };
+        visibleIf: (options: any) => boolean;
+    } | {
+        key: string;
+        control: {
+            type: string;
+            label: string;
+            default: (_options: any, _slots: any, theme: any) => any;
+            extraLabel: (options: any, _slots: any, theme: any) => "reset" | undefined;
+            extraLabelHasClickAction: (options: any, _slots: any, theme: any) => boolean;
+            extraLabelClickAction: (options: any, _slots: any, theme: any) => {
+                value: any;
+                options: any;
+            };
+            enum?: undefined;
+            min?: undefined;
+            step?: undefined;
+        };
+        visibleIf: (options: any) => boolean;
+    })[];
+} | {
+    key: string;
+    type: string;
+    open: boolean;
+    children: ({
+        key: string;
+        control: {
+            type: string;
+            label: string;
+            default: string[];
+            values: {
+                top: {
+                    iconName: string;
+                    label: string;
+                };
+                middle: {
+                    iconName: string;
+                    label: string;
+                };
+                bottom: {
+                    iconName: string;
+                    label: string;
+                };
+                left?: undefined;
+                center?: undefined;
+                right?: undefined;
+            };
+            selects: string;
+        };
+    } | {
+        key: string;
+        control: {
+            type: string;
+            label: string;
+            default: string[];
+            values: {
+                left: {
+                    iconName: string;
+                    label: string;
+                };
+                center: {
+                    iconName: string;
+                    label: string;
+                };
+                right: {
+                    iconName: string;
+                    label: string;
+                };
+                top?: undefined;
+                middle?: undefined;
+                bottom?: undefined;
+            };
+            selects: string;
+        };
+    })[];
+})[];
+export default _default;