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

package/components/edit-option-slider/index.js

@@ -20,7 +20,7 @@
 var Vt = Object.getPrototypeOf;
 var At = Reflect.get;
 var Be = (o, e, i) => At(Vt(o), i, e);
-import { k as Ot, H as Mt, h as Dt, R as W, x as Lt, n as B } from "../property-B2F7x7Cz.js";
+import { k as Mt, H as Ot, h as Dt, R as W, x as Lt, n as B } from "../property-B2F7x7Cz.js";
 import { m as Ht } from "../sized-mixin-BxMraZLS-B_y0PzR3.js";
 import { L as jt } from "../edit-option-base-qePiIQWd.js";
 const Pt = () => {
@@ -58,10 +58,10 @@ var $;
 (function(o) {
   o.Range = "range", o.Steps = "steps", o.Positions = "positions", o.Count = "count", o.Values = "values";
 })($ || ($ = {}));
-var M;
+var O;
 (function(o) {
   o[o.None = -1] = "None", o[o.NoValue = 0] = "NoValue", o[o.LargeValue = 1] = "LargeValue", o[o.SmallValue = 2] = "SmallValue";
-})(M || (M = {}));
+})(O || (O = {}));
 function Ft(o) {
   return se(o) && typeof o.from == "function";
 }
@@ -93,7 +93,7 @@ function L(o) {
   return typeof o == "number" && !isNaN(o) && isFinite(o);
 }
 function Xe(o, e, i) {
-  i > 0 && (O(o, e), setTimeout(function() {
+  i > 0 && (M(o, e), setTimeout(function() {
     le(o, e);
   }, i));
 }
@@ -108,7 +108,7 @@ function Bt(o) {
   var e = o.split(".");
   return e.length > 1 ? e[1].length : 0;
 }
-function O(o, e) {
+function M(o, e) {
   o.classList && !/\s/.test(e) ? o.classList.add(e) : o.className += " " + e;
 }
 function le(o, e) {
@@ -571,7 +571,7 @@ function wo(o, e, i) {
   var c = Yt(), l = It(), m = l && Xt(), p = o, x, y, h, N, A, T, g = e.spectrum, j = [], S = [], D = [], ce = 0, R = {}, K = !1, G = o.ownerDocument, oe = e.documentElement || G.documentElement, re = G.body, ot = G.dir === "rtl" || e.ort === 1 ? 0 : 100;
   function F(t, r) {
     var n = G.createElement("div");
-    return r && O(n, r), t.appendChild(n), n;
+    return r && M(n, r), t.appendChild(n), n;
   }
   function rt(t, r) {
     var n = F(t, e.cssClasses.origin), a = F(n, e.cssClasses.handle);
@@ -583,7 +583,7 @@ function wo(o, e, i) {
         a.setAttribute(u, s[u]);
       });
     }
-    return a.setAttribute("role", "slider"), a.setAttribute("aria-orientation", e.ort ? "vertical" : "horizontal"), r === 0 ? O(a, e.cssClasses.handleLower) : r === e.handles - 1 && O(a, e.cssClasses.handleUpper), n.handle = a, n;
+    return a.setAttribute("role", "slider"), a.setAttribute("aria-orientation", e.ort ? "vertical" : "horizontal"), r === 0 ? M(a, e.cssClasses.handleLower) : r === e.handles - 1 && M(a, e.cssClasses.handleUpper), n.handle = a, n;
   }
   function de(t, r) {
     return r ? F(t, e.cssClasses.connect) : !1;
@@ -594,9 +594,9 @@ function wo(o, e, i) {
       h.push(rt(r, n)), D[n] = n, N.push(de(y, t[n + 1]));
   }
   function it(t) {
-    O(t, e.cssClasses.target), e.dir === 0 ? O(t, e.cssClasses.ltr) : O(t, e.cssClasses.rtl), e.ort === 0 ? O(t, e.cssClasses.horizontal) : O(t, e.cssClasses.vertical);
+    M(t, e.cssClasses.target), e.dir === 0 ? M(t, e.cssClasses.ltr) : M(t, e.cssClasses.rtl), e.ort === 0 ? M(t, e.cssClasses.horizontal) : M(t, e.cssClasses.vertical);
     var r = getComputedStyle(t).direction;
-    return r === "rtl" ? O(t, e.cssClasses.textDirectionRtl) : O(t, e.cssClasses.textDirectionLtr), F(t, e.cssClasses.base);
+    return r === "rtl" ? M(t, e.cssClasses.textDirectionRtl) : M(t, e.cssClasses.textDirectionLtr), F(t, e.cssClasses.base);
   }
   function at(t, r) {
     return !e.tooltips || !e.tooltips[r] ? !1 : F(t.firstChild, e.cssClasses.tooltip);
@@ -670,21 +670,21 @@ function wo(o, e, i) {
       for ($e && (U = g.xNumSteps[w]), U || (U = C - P), C === void 0 && (C = P), U = Math.max(U, 1e-7), b = P; b <= C; b = r(b, U)) {
         for (V = g.toStepping(b), ye = V - v, Te = ye / (t.density || 1), Se = Math.round(Te), _e = ye / Se, E = 1; E <= Se; E += 1)
           we = v + E * _e, a[we.toFixed(5)] = [g.fromStepping(we), 0];
-        Ue = n.indexOf(b) > -1 ? M.LargeValue : $e ? M.SmallValue : M.NoValue, !w && f && b !== C && (Ue = 0), b === C && d || (a[V.toFixed(5)] = [b, Ue]), v = V;
+        Ue = n.indexOf(b) > -1 ? O.LargeValue : $e ? O.SmallValue : O.NoValue, !w && f && b !== C && (Ue = 0), b === C && d || (a[V.toFixed(5)] = [b, Ue]), v = V;
       }
     }), a;
   }
   function ft(t, r, n) {
-    var a, s, u = G.createElement("div"), f = (a = {}, a[M.None] = "", a[M.NoValue] = e.cssClasses.valueNormal, a[M.LargeValue] = e.cssClasses.valueLarge, a[M.SmallValue] = e.cssClasses.valueSub, a), d = (s = {}, s[M.None] = "", s[M.NoValue] = e.cssClasses.markerNormal, s[M.LargeValue] = e.cssClasses.markerLarge, s[M.SmallValue] = e.cssClasses.markerSub, s), v = [e.cssClasses.valueHorizontal, e.cssClasses.valueVertical], z = [e.cssClasses.markerHorizontal, e.cssClasses.markerVertical];
-    O(u, e.cssClasses.pips), O(u, e.ort === 0 ? e.cssClasses.pipsHorizontal : e.cssClasses.pipsVertical);
+    var a, s, u = G.createElement("div"), f = (a = {}, a[O.None] = "", a[O.NoValue] = e.cssClasses.valueNormal, a[O.LargeValue] = e.cssClasses.valueLarge, a[O.SmallValue] = e.cssClasses.valueSub, a), d = (s = {}, s[O.None] = "", s[O.NoValue] = e.cssClasses.markerNormal, s[O.LargeValue] = e.cssClasses.markerLarge, s[O.SmallValue] = e.cssClasses.markerSub, s), v = [e.cssClasses.valueHorizontal, e.cssClasses.valueVertical], z = [e.cssClasses.markerHorizontal, e.cssClasses.markerVertical];
+    M(u, e.cssClasses.pips), M(u, e.ort === 0 ? e.cssClasses.pipsHorizontal : e.cssClasses.pipsVertical);
     function w(b, E) {
       var P = E === e.cssClasses.value, C = P ? v : z, V = P ? f : d;
       return E + " " + C[e.ort] + " " + V[b];
     }
     function U(b, E, P) {
-      if (P = r ? r(E, P) : P, P !== M.None) {
+      if (P = r ? r(E, P) : P, P !== O.None) {
         var C = F(u, !1);
-        C.className = w(P, e.cssClasses.marker), C.style[e.style] = b + "%", P > M.NoValue && (C = F(u, !1), C.className = w(P, e.cssClasses.value), C.setAttribute("data-value", String(E)), C.style[e.style] = b + "%", C.innerHTML = String(n.to(E)));
+        C.className = w(P, e.cssClasses.marker), C.style[e.style] = b + "%", P > O.NoValue && (C = F(u, !1), C.className = w(P, e.cssClasses.value), C.setAttribute("data-value", String(E)), C.style[e.style] = b + "%", C.innerHTML = String(n.to(E)));
       }
     }
     return Object.keys(t).forEach(function(b) {
@@ -741,7 +741,7 @@ function wo(o, e, i) {
     }
     return r = r || We(G), (s || u) && (f = t.clientX + r.x, d = t.clientY + r.y), t.pageOffset = r, t.points = [f, d], t.cursor = s || u, t;
   }
-  function Oe(t) {
+  function Me(t) {
     var r = t - $t(x, e.ort), n = r * 100 / Pe();
     return n = Ie(n), e.dir ? 100 - n : n;
   }
@@ -779,7 +779,7 @@ function wo(o, e, i) {
       var n;
       if (r.handleNumbers.length === 1) {
         var a = h[r.handleNumbers[0]];
-        n = a.children[0], ce += 1, O(n, e.cssClasses.active);
+        n = a.children[0], ce += 1, M(n, e.cssClasses.active);
       }
       t.stopPropagation();
       var s = [], u = Y(c.move, oe, gt, {
@@ -808,18 +808,18 @@ function wo(o, e, i) {
         doNotReject: !0,
         handleNumbers: r.handleNumbers
       });
-      s.push.apply(s, u.concat(f, d)), t.cursor && (re.style.cursor = getComputedStyle(t.target).cursor, h.length > 1 && O(p, e.cssClasses.drag), re.addEventListener("selectstart", Ye, !1)), r.handleNumbers.forEach(function(v) {
+      s.push.apply(s, u.concat(f, d)), t.cursor && (re.style.cursor = getComputedStyle(t.target).cursor, h.length > 1 && M(p, e.cssClasses.drag), re.addEventListener("selectstart", Ye, !1)), r.handleNumbers.forEach(function(v) {
         k("start", v);
       });
     }
   }
   function bt(t) {
     t.stopPropagation();
-    var r = Oe(t.calcPoint), n = mt(r);
+    var r = Me(t.calcPoint), n = mt(r);
     n !== !1 && (e.events.snap || Xe(p, e.cssClasses.tap, e.animationDuration), X(n, r, !0, !0), xe(), k("slide", n, !0), k("update", n, !0), e.events.snap ? be(t, { handleNumbers: [n] }) : (k("change", n, !0), k("set", n, !0)));
   }
   function vt(t) {
-    var r = Oe(t.calcPoint), n = g.getStep(r), a = g.fromStepping(n);
+    var r = Me(t.calcPoint), n = g.getStep(r), a = g.fromStepping(n);
     Object.keys(R).forEach(function(s) {
       s.split(".")[0] === "hover" && R[s].forEach(function(u) {
         u.call(ae, a);
@@ -844,7 +844,7 @@ function wo(o, e, i) {
     } else b ? E = e.spectrum.xVal[e.spectrum.xVal.length - 1] : E = e.spectrum.xVal[0];
     return X(r, g.toStepping(E), !0, !0), k("slide", r), k("update", r), k("change", r), k("set", r), !1;
   }
-  function Me(t) {
+  function Oe(t) {
     t.fixed || h.forEach(function(r, n) {
       Y(c.start, r.children[0], be, {
         handleNumbers: [n]
@@ -854,7 +854,7 @@ function wo(o, e, i) {
     }), t.drag && N.forEach(function(r, n) {
       if (!(r === !1 || n === 0 || n === N.length - 1)) {
         var a = h[n - 1], s = h[n], u = [r], f = [a, s], d = [n - 1, n];
-        O(r, e.cssClasses.draggable), t.fixed && (u.push(a.children[0]), u.push(s.children[0])), t.dragAll && (f = h, d = D), u.forEach(function(v) {
+        M(r, e.cssClasses.draggable), t.fixed && (u.push(a.children[0]), u.push(s.children[0])), t.dragAll && (f = h, d = D), u.forEach(function(v) {
           Y(c.start, v, be, {
             handles: f,
             handleNumbers: d,
@@ -1046,7 +1046,7 @@ function wo(o, e, i) {
       y.removeChild(y.firstChild);
     for (var t = 0; t <= e.handles; t++)
       N[t] = de(y, e.connect[t]), Z(t);
-    Me({ drag: e.events.drag, fixed: !0 });
+    Oe({ drag: e.events.drag, fixed: !0 });
   }
   function Ct() {
     K = !K, Qe(
@@ -1058,7 +1058,7 @@ function wo(o, e, i) {
     ), Fe();
   }
   function Nt() {
-    x = it(p), nt(e.connect, x), Me(e.events), ie(e.start), e.pips && he(e.pips), e.tooltips && Ve(), ut();
+    x = it(p), nt(e.connect, x), Oe(e.events), ie(e.start), e.pips && he(e.pips), e.tooltips && Ve(), ut();
   }
   Nt();
   var ae = {
@@ -1116,7 +1116,7 @@ var Eo = Object.defineProperty, J = (o, e, i, c) => {
     (p = o[m]) && (l = p(e, i, l) || l);
   return l && Eo(e, i, l), l;
 };
-const tt = class extends Ht(Ot) {
+const tt = class extends Ht(Mt) {
   constructor() {
     super(...arguments), this.value = 0, this.min = 0, this.max = 100, this.step = 100, this.disabled = !1, this.debounce = 200, this._doingUpdate = !1;
   }
@@ -1159,7 +1159,7 @@ const tt = class extends Ht(Ot) {
     );
   }
   render() {
-    return Mt`<div class="luzmo-slider-container"></div>`;
+    return Ot`<div class="luzmo-slider-container"></div>`;
   }
 };
 tt.styles = [Dt(ko)];
@@ -1199,13 +1199,13 @@ const ee = class ee extends jt {
         composed: !0,
         cancelable: !0,
         detail: {
-          value: typeof this.toOptionValue == "function" ? this.toOptionValue(e.detail) : e.detail
+          value: typeof this.toValue == "function" ? this.toValue(e.detail) : e.detail
         }
       })
     );
   }
   renderController() {
-    const e = typeof this.fromOptionValue == "function" ? this.fromOptionValue(this.value) : this.value, i = typeof this.fromOptionValue == "function" ? this.fromOptionValue(this.default) : this.default;
+    const e = typeof this.parseValue == "function" ? this.parseValue(this.value) : this.value, i = typeof this.parseValue == "function" ? this.parseValue(this.default) : this.default;
     return Lt`
       <luzmo-slider
         id="luzmo-edit-option-control"
@@ -1243,10 +1243,10 @@ q([
 ], H.prototype, "debounce");
 q([
   B()
-], H.prototype, "fromOptionValue");
+], H.prototype, "parseValue");
 q([
   B()
-], H.prototype, "toOptionValue");
+], H.prototype, "toValue");
 customElements.get("luzmo-edit-option-slider") || customElements.define("luzmo-edit-option-slider", H);
 export {
   H as LuzmoEditOptionSlider

package/components/edit-option-switch/edit-option-switch.d.ts

@@ -4,8 +4,8 @@ export declare class LuzmoEditOptionSwitch extends LuzmoEditOptionBase {
     static styles: (import("lit").CSSResultOrNative | import("lit").CSSResultArray)[];
     value?: boolean;
     default?: boolean;
-    fromOptionValue?: (value?: string | number | any) => boolean;
-    toOptionValue?: (value?: boolean) => string | number | any;
+    parseValue?: (value?: string | number | any) => boolean;
+    toValue?: (value?: boolean) => string | number | any;
     private _handleEvent;
     protected renderController(): import("lit-html").TemplateResult<1>;
 }

package/components/edit-option-switch/index.cjs

@@ -37,7 +37,7 @@
       ${super.render()}
       <span id="switch"></span>
       <label id="label" for="input"><slot></slot></label>
-    `}firstUpdated(r){super.firstUpdated(r),this.inputElement.setAttribute("role","switch")}updated(r){r.has("checked")&&this.inputElement.setAttribute("aria-checked",this.checked?"true":"false")}}b([t.Rt({type:Boolean,reflect:!0})],d.prototype,"emphasized");b([t.Rt({type:String,reflect:!0})],d.prototype,"thumb");customElements.get("luzmo-switch")||customElements.define("luzmo-switch",d);const y=":host{--luzmo-switch-control-label-spacing: 0px}";var B=Object.defineProperty,h=(o,r,c,w)=>{for(var e=void 0,i=o.length-1,a;i>=0;i--)(a=o[i])&&(e=a(r,c,e)||e);return e&&B(r,c,e),e};const s=class s extends f.LuzmoEditOptionBase{_handleEvent(r){this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:typeof this.toOptionValue=="function"?this.toOptionValue(r.detail):r.detail}}))}renderController(){const r=typeof this.fromOptionValue=="function"?this.fromOptionValue(this.value):this.value,c=typeof this.fromOptionValue=="function"?this.fromOptionValue(this.default):this.default;return t.x`
+    `}firstUpdated(r){super.firstUpdated(r),this.inputElement.setAttribute("role","switch")}updated(r){r.has("checked")&&this.inputElement.setAttribute("aria-checked",this.checked?"true":"false")}}b([t.Rt({type:Boolean,reflect:!0})],d.prototype,"emphasized");b([t.Rt({type:String,reflect:!0})],d.prototype,"thumb");customElements.get("luzmo-switch")||customElements.define("luzmo-switch",d);const y=":host{--luzmo-switch-control-label-spacing: 0px}";var B=Object.defineProperty,h=(o,r,c,w)=>{for(var e=void 0,i=o.length-1,a;i>=0;i--)(a=o[i])&&(e=a(r,c,e)||e);return e&&B(r,c,e),e};const s=class s extends f.LuzmoEditOptionBase{_handleEvent(r){this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:typeof this.toValue=="function"?this.toValue(r.detail):r.detail}}))}renderController(){const r=typeof this.parseValue=="function"?this.parseValue(this.value):this.value,c=typeof this.parseValue=="function"?this.parseValue(this.default):this.default;return t.x`
       <luzmo-switch
         id="luzmo-edit-option-control"
         thumb="overflow"
@@ -47,4 +47,4 @@
         .disabled=${this.disabled}
         @change=${this._handleEvent}
       ></luzmo-switch>
-    `}};s.styles=[...n(s,s,"styles"),t.r$1(y)];let l=s;h([t.n({type:Boolean,converter:{fromAttribute:o=>{if(o==="false"||o===!1)return!1;if(o==="true"||o===!0)return!0}}})],l.prototype,"value");h([t.n({type:Boolean,converter:{fromAttribute:o=>{if(o==="false"||o===!1)return!1;if(o==="true"||o===!0)return!0}}})],l.prototype,"default");h([t.n()],l.prototype,"fromOptionValue");h([t.n()],l.prototype,"toOptionValue");customElements.get("luzmo-edit-option-switch")||customElements.define("luzmo-edit-option-switch",l);exports.LuzmoEditOptionSwitch=l;
+    `}};s.styles=[...n(s,s,"styles"),t.r$1(y)];let l=s;h([t.n({type:Boolean,converter:{fromAttribute:o=>{if(o==="false"||o===!1)return!1;if(o==="true"||o===!0)return!0}}})],l.prototype,"value");h([t.n({type:Boolean,converter:{fromAttribute:o=>{if(o==="false"||o===!1)return!1;if(o==="true"||o===!0)return!0}}})],l.prototype,"default");h([t.n()],l.prototype,"parseValue");h([t.n()],l.prototype,"toValue");customElements.get("luzmo-edit-option-switch")||customElements.define("luzmo-edit-option-switch",l);exports.LuzmoEditOptionSwitch=l;

package/components/edit-option-switch/index.js

@@ -61,10 +61,10 @@ class G extends B(p) {
   }
 }
 const b = ':host{--switch-focus-indicator-width: var(--luzmo-focus-indicator-width, var(--luzmo-indicator-width));min-block-size:var(--luzmo-switch-height, var(--switch-min-height));--switch-track-height: var(--switch-control-height);max-inline-size:100%;vertical-align:top;align-items:flex-start;display:inline-flex;position:relative}#input{box-sizing:border-box;inline-size:100%;block-size:100%;opacity:0;z-index:1;cursor:pointer;margin:0;padding:0;position:absolute;inset-block-start:0;inset-inline-start:0}:host([checked]) #input+#switch:before{transform:translate(calc(var(--luzmo-switch-control-width, var(--switch-control-width)) - 100%))}:host([checked]) #input+#switch:dir(rtl):before,:host([dir=rtl][checked]) #input+#switch:before{transform:translate(calc((var(--luzmo-switch-control-width, var(--switch-control-width)) - 100%) * -1))}:host([disabled]) #input{cursor:not-allowed}#input:focus-visible+#switch:after{margin:calc(var(--luzmo-focus-indicator-gap, var(--switch-focus-indicator-gap)) * -1)}#label{color:var(--highcontrast-switch-label-color-default, var(--luzmo-switch-label-color-default, var(--switch-label-color-default)));margin-inline:var(--luzmo-switch-control-label-spacing, var(--switch-control-label-spacing));font-size:var(--luzmo-switch-font-size, var(--switch-font-size));line-height:var(--luzmo-switch-line-height, 1.3);transition:color calc(var(--luzmo-animation-duration) * 2) ease-in-out;margin-block-start:var(--luzmo-switch-spacing-top-to-label, var(--switch-spacing-top-to-label));margin-block-end:0}#switch{box-sizing:border-box;inline-size:var(--luzmo-switch-control-width, var(--switch-control-width));margin-block:calc(var(--luzmo-switch-height, var(--switch-min-height)) - var(--luzmo-switch-control-height, var(--switch-control-height)) - var(--luzmo-switch-spacing-top-to-control, var(--switch-spacing-top-to-control)));vertical-align:middle;transition:background var(--luzmo-animation-duration) ease-in-out,border var(--luzmo-animation-duration) ease-in-out;block-size:var(--luzmo-switch-track-height, var(--switch-track-height));border-radius:calc(var(--luzmo-switch-control-height, var(--switch-control-height)) / 2);flex-grow:0;flex-shrink:0;margin-inline:0;display:inline-block;position:relative;inset-inline:0}#switch:before{box-sizing:border-box;transition:background var(--luzmo-animation-duration) ease-in-out,border var(--luzmo-animation-duration) ease-in-out,transform var(--luzmo-animation-duration) ease-in-out,box-shadow var(--luzmo-animation-duration) ease-in-out;inline-size:var(--luzmo-switch-control-height, var(--switch-control-height));block-size:var(--luzmo-switch-control-height, var(--switch-control-height));box-shadow:var(--luzmo-switch-control-box-shadow, var(--switch-control-box-shadow));border-width:var(--luzmo-switch-border-width, var(--luzmo-switch-border-width, var(--luzmo-border-width)));border-radius:calc(var(--luzmo-switch-control-height, var(--switch-control-height)) / 2);border-style:solid}#switch:after,#switch:before{content:"";display:block;position:absolute;inset-block-start:0;inset-inline-start:0}#switch:after{border-radius:calc(var(--luzmo-switch-control-height, var(--switch-control-height)) / 2 + var(--luzmo-focus-indicator-gap, var(--switch-focus-indicator-gap)) * 2);transition:opacity var(--luzmo-animation-duration) ease-out,margin var(--luzmo-animation-duration) ease-out;margin:0;inset-block-end:0;inset-inline-end:0}#switch{background-color:var(--highcontrast-switch-background-color, var(--luzmo-switch-background-color, var(--switch-background-color)))}#switch:before{background-color:var(--highcontrast-switch-handle-background-color, var(--luzmo-switch-handle-background-color, var(--switch-handle-background-color)));border-color:var(--highcontrast-switch-handle-border-color-default, var(--luzmo-switch-handle-border-color-default, var(--switch-handle-border-color-default)))}:host(:active) #input+#switch:before{border-color:var(--highcontrast-switch-handle-border-color-down, var(--luzmo-switch-handle-border-color-down, var(--switch-handle-border-color-down)))}:host(:active) #input~#label{color:var(--highcontrast-switch-label-color-down, var(--luzmo-switch-label-color-down, var(--switch-label-color-down)))}:host(:active[checked]) #input:enabled+#switch{background-color:var(--highcontrast-switch-background-color-selected-down, var(--luzmo-switch-background-color-selected-down, var(--switch-background-color-selected-down)))}:host(:active[checked]) #input:enabled+#switch:before{border-color:var(--highcontrast-switch-handle-border-color-selected-down, var(--luzmo-switch-handle-border-color-selected-down, var(--switch-handle-border-color-selected-down)))}#input:focus-visible+#switch:after{box-shadow:0 0 0 var(--luzmo-switch-focus-indicator-width, var(--luzmo-focus-indicator-width, var(--switch-focus-indicator-width))) var(--highcontrast-switch-focus-indicator-color, var(--luzmo-switch-focus-indicator-color, var(--switch-focus-indicator-color)))}#input:focus-visible+#switch:before{border-color:var(--highcontrast-switch-handle-border-color-focus, var(--luzmo-switch-handle-border-color-focus, var(--switch-handle-border-color-focus)))}:host([checked]) #input:focus-visible+#switch{background-color:var(--highcontrast-switch-background-color-selected-focus, var(--luzmo-switch-background-color-selected-focus, var(--switch-background-color-selected-focus)))}:host([checked]) #input:focus-visible+#switch:before{border-color:var(--highcontrast-switch-handle-border-color-selected-focus, var(--luzmo-switch-handle-border-color-selected-focus, var(--switch-handle-border-color-selected-focus)))}#input:focus-visible~#label{color:var(--highcontrast-switch-label-color-focus, var(--luzmo-switch-label-color-focus, var(--switch-label-color-focus)))}@media (hover: hover){:host(:hover) #input+#switch:before{border-color:var(--highcontrast-switch-handle-border-color-hover, var(--luzmo-switch-handle-border-color-hover, var(--switch-handle-border-color-hover)));box-shadow:var(--luzmo-switch-control-box-shadow, var(--switch-control-box-shadow, none));background-color:var(--highcontrast-switch-background-color-hover, var(--luzmo-switch-background-color-hover, var(--switch-background-color-hover, var(--luzmo-background-color-hover))))}:host(:hover) #input~#label{color:var(--highcontrast-switch-label-color-hover, var(--luzmo-switch-label-color-hover, var(--switch-label-color-hover)))}:host([checked]:hover) #input:enabled+#switch{background-color:var(--highcontrast-switch-background-color-selected-hover, var(--luzmo-switch-background-color-selected-hover, var(--switch-background-color-selected-hover)))}:host([checked]:hover) #input:enabled+#switch:before{border-color:var(--highcontrast-switch-handle-border-color-selected-hover, var(--luzmo-switch-handle-border-color-selected-hover, var(--switch-handle-border-color-selected-hover)))}:host([disabled]:hover) #input+#switch{background-color:var(--highcontrast-switch-background-color-disabled, var(--luzmo-switch-background-color-disabled, var(--switch-background-color-disabled)))}:host([disabled]:hover) #input+#switch:before{border-color:var(--highcontrast-switch-handle-border-color-disabled, var(--luzmo-switch-handle-border-color-disabled, var(--switch-handle-border-color-disabled)))}:host([disabled]:hover) #input~#label{color:var(--highcontrast-switch-label-color-disabled, var(--luzmo-switch-label-color-disabled, var(--switch-label-color-disabled)))}:host([disabled][checked]:hover) #input+#switch{background-color:var(--highcontrast-switch-background-color-selected-disabled, var(--luzmo-switch-background-color-selected-disabled, var(--switch-background-color-selected-disabled)))}:host([disabled][checked]:hover) #input+#switch:before{border-color:var(--highcontrast-switch-handle-border-color-disabled, var(--luzmo-switch-handle-border-color-disabled, var(--switch-handle-border-color-disabled)))}:host([disabled][checked]:hover) #input~#label{color:var(--highcontrast-switch-label-color-disabled, var(--luzmo-switch-label-color-disabled, var(--switch-label-color-disabled)))}:host(:hover) #input:focus-visible+#switch:after{box-shadow:0 0 0 var(--luzmo-switch-focus-indicator-width, var(--luzmo-focus-indicator-width, var(--switch-focus-indicator-width))) var(--highcontrast-switch-focus-indicator-color, var(--luzmo-switch-focus-indicator-color, var(--switch-focus-indicator-color)))}:host(:hover) #input:focus-visible+#switch:before{border-color:var(--highcontrast-switch-handle-border-color-focus, var(--luzmo-switch-handle-border-color-focus, var(--switch-handle-border-color-focus)))}:host([checked]:hover) #input:focus-visible+#switch{background-color:var(--highcontrast-switch-background-color-selected-focus, var(--luzmo-switch-background-color-selected-focus, var(--switch-background-color-selected-focus)))}:host([checked]:hover) #input:focus-visible+#switch:before{border-color:var(--highcontrast-switch-handle-border-color-selected-focus, var(--luzmo-switch-handle-border-color-selected-focus, var(--switch-handle-border-color-selected-focus)))}:host(:hover) #input:focus-visible~#label{color:var(--highcontrast-switch-label-color-focus, var(--luzmo-switch-label-color-focus, var(--switch-label-color-focus)))}}:host([checked]) #input+#switch{background-color:var(--highcontrast-switch-background-color-selected-default, var(--luzmo-switch-background-color-selected-default, var(--switch-background-color-selected-default)))}:host([checked]) #input+#switch:before{border-color:var(--highcontrast-switch-handle-border-color-selected-default, var(--luzmo-switch-handle-border-color-selected-default, var(--switch-handle-border-color-selected-default)))}:host([disabled]) #input+#switch{background-color:var(--highcontrast-switch-background-color-disabled, var(--luzmo-switch-background-color-disabled, var(--switch-background-color-disabled)))}:host([disabled]) #input+#switch:before{border-color:var(--highcontrast-switch-handle-border-color-disabled, var(--luzmo-switch-handle-border-color-disabled, var(--switch-handle-border-color-disabled)))}:host([disabled][checked]) #input+#switch{background-color:var(--highcontrast-switch-background-color-selected-disabled, var(--luzmo-switch-background-color-selected-disabled, var(--switch-background-color-selected-disabled)))}:host([disabled][checked]) #input+#switch:before{border-color:var(--highcontrast-switch-handle-border-color-disabled, var(--luzmo-switch-handle-border-color-disabled, var(--switch-handle-border-color-disabled)))}:host([disabled]) #input~#label{color:var(--highcontrast-switch-label-color-disabled, var(--luzmo-switch-label-color-disabled, var(--switch-label-color-disabled)))}@media (forced-colors: active){:host{--highcontrast-switch-label-color-default: ButtonText;--highcontrast-switch-label-color-hover: ButtonText;--highcontrast-switch-label-color-down: ButtonText;--highcontrast-switch-label-color-focus: ButtonText;--highcontrast-switch-label-color-disabled: GrayText;--highcontrast-switch-handle-background-color: ButtonFace;--highcontrast-switch-handle-border-color-default: ButtonText;--highcontrast-switch-handle-border-color-hover: Highlight;--highcontrast-switch-handle-border-color-down: Highlight;--highcontrast-switch-handle-border-color-focus: Highlight;--highcontrast-switch-handle-border-color-disabled: Highlight;--highcontrast-switch-handle-border-color-selected-default: Highlight;--highcontrast-switch-handle-border-color-selected-hover: Highlight;--highcontrast-switch-handle-border-color-selected-down: Highlight;--highcontrast-switch-handle-border-color-selected-focus: Highlight;--highcontrast-switch-background-color: ButtonFace;--highcontrast-switch-background-color-selected-default: Highlight;--highcontrast-switch-background-color-selected-hover: Highlight;--highcontrast-switch-background-color-selected-down: Highlight;--highcontrast-switch-background-color-selected-focus: Highlight;--highcontrast-switch-background-color-selected-disabled: Highlight;--highcontrast-switch-focus-indicator-color: ButtonText;forced-color-adjust:none}#input:not(:checked)+#switch{box-shadow:inset 0 0 0 1px ButtonText}}@media (forced-colors: active) and (hover: hover){:host(:hover) #input:not(:checked)+#switch{box-shadow:inset 0 0 0 1px Highlight}:host([disabled][checked]:hover) #input+#switch{background-color:GrayText;box-shadow:inset 0 0 0 1px GrayText}:host([disabled][checked]:hover) #input+#switch:before{background-color:ButtonFace;border-color:GrayText}}@media (forced-colors: active){:host([disabled]) #input:not(:checked)+#switch{background-color:ButtonFace;box-shadow:inset 0 0 0 1px GrayText}:host([disabled]) #input:not(:checked)+#switch:before{background-color:ButtonFace;border-color:GrayText}:host([disabled][checked]) #input+#switch{background-color:GrayText;box-shadow:inset 0 0 0 1px GrayText}:host([disabled][checked]) #input+#switch:before{background-color:ButtonFace;border-color:GrayText}:host([disabled]) #input~#label{color:GrayText}}:host{--switch-handle-border-color-default: var(--luzmo-color-selected);--switch-handle-border-color-hover: var(--luzmo-color-selected-hover);--switch-handle-border-color-down: var(--luzmo-color-selected-down);--switch-handle-border-color-focus: var(--luzmo-color-selected-focus);--switch-handle-border-color-selected-default: var(--luzmo-color-selected-hover);--switch-handle-border-color-selected-hover: var(--luzmo-color-selected-down);--switch-handle-border-color-selected-down: var(--luzmo-color-selected-hard-down);--switch-handle-border-color-selected-focus: var(--luzmo-color-selected-down);--switch-focus-indicator-gap: var(--luzmo-indicator-gap);--switch-label-color-default: var(--luzmo-color-selected-hard);--switch-label-color-hover: var(--luzmo-color-selected-hard-hover);--switch-label-color-down: var(--luzmo-color-selected-hard-down);--switch-label-color-focus: var(--luzmo-color-selected-hard-focus);--switch-label-color-disabled: var(--luzmo-color-disabled);--switch-background-color: var(--luzmo-border-color);--switch-background-color-disabled: var(--luzmo-background-color-disabled);--switch-background-color-selected-disabled: var(--luzmo-color-disabled);--switch-background-color-selected-default: var(--luzmo-color-selected-hover);--switch-background-color-selected-hover: var(--luzmo-color-selected-down);--switch-background-color-selected-down: var(--luzmo-color-selected-hard-down);--switch-background-color-selected-focus: var(--luzmo-color-selected-down);--switch-focus-indicator-width: var(luzmo-indicator-width);--switch-focus-indicator-color: var(--luzmo-primary);--switch-handle-background-color: var(--luzmo-background-color);--switch-handle-border-color-disabled: var(--luzmo-color-disabled);--switch-spacing-top-to-control: calc((var(--switch-min-height) - var(--switch-control-height)) / 2)}:host([disabled]){--switch-label-color-default: var(--luzmo-color-disabled)}:host([emphasized]){--switch-background-color-selected-default: var(--luzmo-primary);--switch-background-color-selected-hover: var(--luzmo-primary-hover);--switch-background-color-selected-down: var(--luzmo-primary-down);--switch-background-color-selected-focus: var(--luzmo-primary-focus);--switch-handle-border-color-selected-default: var(--luzmo-primary);--switch-handle-border-color-selected-hover: var(--luzmo-primary-hover);--switch-handle-border-color-selected-down: var(--luzmo-primary-down);--switch-handle-border-color-selected-focus: var(--luzmo-primary-focus)}:host([size=s]){--switch-min-height: 24px;--switch-control-width: 23px;--switch-control-height: var(--luzmo-font-size-s);--switch-control-label-spacing: var(--luzmo-spacing-3);--switch-spacing-top-to-label: 4px;--switch-font-size: var(--luzmo-font-size-s)}:host{--switch-min-height: 32px;--switch-control-width: 26px;--switch-control-height: var(--luzmo-font-size);--switch-control-label-spacing: calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--switch-spacing-top-to-label: 6px;--switch-font-size: var(--luzmo-font-size)}:host([size=l]){--switch-min-height: 40px;--switch-control-width: 28px;--switch-control-height: var(--luzmo-font-size-l);--switch-control-label-spacing: var(--luzmo-spacing-4);--switch-spacing-top-to-label: 9px;--switch-font-size: var(--luzmo-font-size-l)}:host([size=xl]){--switch-min-height: 48px;--switch-control-width: 32px;--switch-control-height: var(--luzmo-font-size-xl);--switch-control-label-spacing: calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--switch-spacing-top-to-label: 12px;--switch-font-size: var(--luzmo-font-size-xl)}:host([disabled]){pointer-events:none}:host([thumb=overflow]){--luzmo-switch-border-width: 0px;--switch-control-width: calc(var(--switch-control-height) * 2);--switch-control-box-shadow: 0 .125rem .25rem rgba(var(--luzmo-border-color-rgb), .2), inset 0 0 0 .0625rem rgba(var(--luzmo-border-color-rgb), .2)}:host([thumb=overflow]) #switch{margin-top:calc((var(--luzmo-switch-min-height, var(--switch-min-height)) - var(--luzmo-switch-track-height, var(--switch-track-height))) / 2)}:host([thumb=overflow]) #switch:before{inset-block-start:calc(-1 * (var(--luzmo-switch-control-height, var(--switch-control-height)) - var(--luzmo-switch-track-height, var(--switch-track-height))) / 2)}:host([thumb=overflow][size=s]){--switch-track-height: 10px;--switch-control-height: 16px;--switch-focus-indicator-gap: 5px}:host([thumb=overflow]){--switch-track-height: 10px;--switch-control-height: 18px;--switch-focus-indicator-gap: 6px}:host([thumb=overflow][size=l]){--switch-track-height: 12px;--switch-control-height: 20px;--switch-focus-indicator-gap: 7px}:host([thumb=overflow][size=xl]){--switch-track-height: 12px;--switch-control-height: 22px;--switch-focus-indicator-gap: 8px}';
-var O = Object.defineProperty, g = (o, r, l, w) => {
+var C = Object.defineProperty, g = (o, r, l, w) => {
   for (var e = void 0, t = o.length - 1, i; t >= 0; t--)
     (i = o[t]) && (e = i(r, l, e) || e);
-  return e && O(r, l, e), e;
+  return e && C(r, l, e), e;
 };
 class d extends H(G) {
   constructor() {
@@ -97,11 +97,11 @@ g([
   m({ type: String, reflect: !0 })
 ], d.prototype, "thumb");
 customElements.get("luzmo-switch") || customElements.define("luzmo-switch", d);
-const C = ":host{--luzmo-switch-control-label-spacing: 0px}";
-var V = Object.defineProperty, h = (o, r, l, w) => {
+const V = ":host{--luzmo-switch-control-label-spacing: 0px}";
+var A = Object.defineProperty, h = (o, r, l, w) => {
   for (var e = void 0, t = o.length - 1, i; t >= 0; t--)
     (i = o[t]) && (e = i(r, l, e) || e);
-  return e && V(r, l, e), e;
+  return e && A(r, l, e), e;
 };
 const a = class a extends T {
   _handleEvent(r) {
@@ -111,13 +111,13 @@ const a = class a extends T {
         composed: !0,
         cancelable: !0,
         detail: {
-          value: typeof this.toOptionValue == "function" ? this.toOptionValue(r.detail) : r.detail
+          value: typeof this.toValue == "function" ? this.toValue(r.detail) : r.detail
         }
       })
     );
   }
   renderController() {
-    const r = typeof this.fromOptionValue == "function" ? this.fromOptionValue(this.value) : this.value, l = typeof this.fromOptionValue == "function" ? this.fromOptionValue(this.default) : this.default;
+    const r = typeof this.parseValue == "function" ? this.parseValue(this.value) : this.value, l = typeof this.parseValue == "function" ? this.parseValue(this.default) : this.default;
     return y`
       <luzmo-switch
         id="luzmo-edit-option-control"
@@ -131,7 +131,7 @@ const a = class a extends T {
     `;
   }
 };
-a.styles = [...n(a, a, "styles"), k(C)];
+a.styles = [...n(a, a, "styles"), k(V)];
 let c = a;
 h([
   s({
@@ -161,10 +161,10 @@ h([
 ], c.prototype, "default");
 h([
   s()
-], c.prototype, "fromOptionValue");
+], c.prototype, "parseValue");
 h([
   s()
-], c.prototype, "toOptionValue");
+], c.prototype, "toValue");
 customElements.get("luzmo-edit-option-switch") || customElements.define("luzmo-edit-option-switch", c);
 export {
   c as LuzmoEditOptionSwitch

package/components/{evolution-number-options.config-D-2-hoge.cjs → evolution-number-options.config-BgIZY4gQ.cjs}

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./helpers-DXQwEH1P.cjs"),t=[{key:"general",type:"group",label:"General",open:!0,children:[{key:"display.title",control:{type:"switch",label:"Title",default:!0}},{key:"showSubtitle",control:{type:"switch",label:"Subtitle",default:!1}},{key:"horizontalAlignment",control:{type:"action-button-group",label:"Horizontal alignment",default:["center"],values:{left:{iconName:"alignLeft",label:"align left"},center:{iconName:"alignCenter",label:"align center"},right:{iconName:"alignRight",label:"align right"}},selects:"single"}},{key:"verticalAlignment",control:{type:"action-button-group",label:"Vertical alignment",default:["middle"],values:{top:{iconName:"alignTop",label:"align top"},middle:{iconName:"alignMiddle",label:"align middle"},bottom:{iconName:"alignBottom",label:"align bottom"}},selects:"single"}},{key:"color",control:{type:"color-picker",label:"Number color",default:({theme:e})=>a.getThemeMainColor(e),extraLabel:({options:e,theme:l})=>a.getThemeMainColorResetLabel(e,l,"color"),extraLabelHasClickAction:({options:e,theme:l})=>a.getThemeMainColorExtraLabelHasClickAction(e,l,"color"),extraLabelClickAction:({options:e,theme:l})=>a.getThemeMainColorExtraLabelClickAction(e,l,"color")}}]},{key:"fontSizes",type:"group",label:"Font sizes",open:!1,children:[{key:"numberFontSize",control:{type:"number-field",label:"Number font size",default:86,min:10,max:200,step:1,unit:"px"}},{key:"titleFontSize",control:{type:"number-field",label:"Title font size",default:15,min:10,max:100,step:1,unit:"px"}}]},{key:"evolution",type:"group",open:!1,children:[{key:"evolutionGraphDisplay",control:{type:"picker",label:"Show evolution graph",default:"background",enum:["none","background","fixedbottom","belownumber"]}},{key:"evolutionGraphType",control:{type:"picker",label:"Graph type",default:"area",enum:["area","line"]},visibleIf:({options:e})=>(e==null?void 0:e.evolutionGraphDisplay)!=="none"},{key:"evolutionGraphInterpolation",control:{type:"picker",label:"Graph interpolation",default:"linear",enum:["linear","step-before","step-after","monotone"]},visibleIf:({options:e})=>(e==null?void 0:e.evolutionGraphDisplay)!=="none"},{key:"missingValue.type",control:{type:"picker",label:"Fill missing days",default:"no",enum:["no","break","manual"]},visibleIf:({options:e})=>(e==null?void 0:e.evolutionGraphDisplay)!=="none"},{key:"missingValue.value",control:{type:"number-field",label:"Value",default:0},visibleIf:({options:e})=>{var l;return((l=e==null?void 0:e.missingValue)==null?void 0:l.type)==="manual"}},{key:"evolutionGraphOpacity",control:{type:"slider",label:"Graph opacity",default:35,min:0,max:100,step:1},visibleIf:({options:e})=>(e==null?void 0:e.evolutionGraphDisplay)!=="none"},{key:"evolutionColor",control:{type:"switch",label:"Lower is better",default:"normal",fromOptionValue:e=>e==="inverse",toOptionValue:e=>e?"inverse":"normal"},visibleIf:({options:e})=>(e==null?void 0:e.evolutionGraphDisplay)!=="none"}]}];exports.default=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./helpers-DXQwEH1P.cjs"),t=[{key:"general",type:"group",label:"General",open:!0,children:[{key:"display.title",control:{type:"switch",label:"Title",default:!0}},{key:"showSubtitle",control:{type:"switch",label:"Subtitle",default:!1}},{key:"horizontalAlignment",control:{type:"action-button-group",label:"Horizontal alignment",default:["center"],values:{left:{iconName:"alignLeft",label:"align left"},center:{iconName:"alignCenter",label:"align center"},right:{iconName:"alignRight",label:"align right"}},selects:"single"}},{key:"verticalAlignment",control:{type:"action-button-group",label:"Vertical alignment",default:["middle"],values:{top:{iconName:"alignTop",label:"align top"},middle:{iconName:"alignMiddle",label:"align middle"},bottom:{iconName:"alignBottom",label:"align bottom"}},selects:"single"}},{key:"color",control:{type:"color-picker",label:"Number color",default:({theme:e})=>a.getThemeMainColor(e),extraLabel:({options:e,theme:l})=>a.getThemeMainColorResetLabel(e,l,"color"),extraLabelHasClickAction:({options:e,theme:l})=>a.getThemeMainColorExtraLabelHasClickAction(e,l,"color"),extraLabelClickAction:({options:e,theme:l})=>a.getThemeMainColorExtraLabelClickAction(e,l,"color")}}]},{key:"fontSizes",type:"group",label:"Font sizes",open:!1,children:[{key:"numberFontSize",control:{type:"number-field",label:"Number font size",default:86,min:10,max:200,step:1,unit:"px"}},{key:"titleFontSize",control:{type:"number-field",label:"Title font size",default:15,min:10,max:100,step:1,unit:"px"}}]},{key:"evolution",type:"group",open:!1,children:[{key:"evolutionGraphDisplay",control:{type:"picker",label:"Show evolution graph",default:"background",enum:["none","background","fixedbottom","belownumber"]}},{key:"evolutionGraphType",control:{type:"picker",label:"Graph type",default:"area",enum:["area","line"]},visibleIf:({options:e})=>(e==null?void 0:e.evolutionGraphDisplay)!=="none"},{key:"evolutionGraphInterpolation",control:{type:"picker",label:"Graph interpolation",default:"linear",enum:["linear","step-before","step-after","monotone"]},visibleIf:({options:e})=>(e==null?void 0:e.evolutionGraphDisplay)!=="none"},{key:"missingValue.type",control:{type:"picker",label:"Fill missing days",default:"no",enum:["no","break","manual"]},visibleIf:({options:e})=>(e==null?void 0:e.evolutionGraphDisplay)!=="none"},{key:"missingValue.value",control:{type:"number-field",label:"Value",default:0},visibleIf:({options:e})=>{var l;return((l=e==null?void 0:e.missingValue)==null?void 0:l.type)==="manual"}},{key:"evolutionGraphOpacity",control:{type:"slider",label:"Graph opacity",default:35,min:0,max:100,step:1},visibleIf:({options:e})=>(e==null?void 0:e.evolutionGraphDisplay)!=="none"},{key:"evolutionColor",control:{type:"switch",label:"Lower is better",default:"normal",parseValue:e=>e==="inverse",toValue:e=>e?"inverse":"normal"},visibleIf:({options:e})=>(e==null?void 0:e.evolutionGraphDisplay)!=="none"}]}];exports.default=t;

package/components/{evolution-number-options.config-FlQ0IH6f.js → evolution-number-options.config-DzkfeoIN.js}

@@ -188,8 +188,8 @@ const r = [
           type: "switch",
           label: "Lower is better",
           default: "normal",
-          fromOptionValue: (e) => e === "inverse",
-          toOptionValue: (e) => e ? "inverse" : "normal"
+          parseValue: (e) => e === "inverse",
+          toValue: (e) => e ? "inverse" : "normal"
         },
         visibleIf: ({ options: e }) => (e == null ? void 0 : e.evolutionGraphDisplay) !== "none"
       }

package/components/{funnel-chart-options.config-CrlHKd36.js → funnel-chart-options.config-CIOrejfS.js}

@@ -36,13 +36,20 @@ const t = [
         control: {
           type: "switch",
           label: "Legend",
-          default: !0
+          default: !0,
+          calculateValue: ({ options: e }) => {
+            var l, a;
+            return ((l = e == null ? void 0 : e.display) == null ? void 0 : l.legend) !== !1 || ((a = e == null ? void 0 : e.display) == null ? void 0 : a.categoryLabels) === !0;
+          },
+          toOptions: ({ options: e, value: l }) => ({
+            ...e,
+            display: {
+              ...e.display,
+              legend: l,
+              categoryLabels: !1
+            }
+          })
         }
-        /* ,
-        sideEffect: ({ options }) => {
-          console.log(options, 'OO');
-          // TODO legend should be false if categoryLabels is true
-        }*/
       },
       {
         key: "display.categoryLabels",
@@ -51,26 +58,20 @@ const t = [
           label: "Display legend as",
           default: "labels",
           enum: ["list", "labels"],
-          fromOptionValue: (e) => e === !1 ? "list" : "labels",
-          toOptionValue: (e) => e === "labels"
+          parseValue: (e) => e ? "labels" : "list",
+          toOptions: ({ options: e, value: l }) => ({
+            ...e,
+            display: {
+              ...e.display,
+              categoryLabels: l === "labels",
+              legend: l !== "labels"
+            }
+          })
         },
         visibleIf: ({ options: e }) => {
           var l, a;
-          return ((l = e == null ? void 0 : e.display) == null ? void 0 : l.legend) !== !1 || ((a = e == null ? void 0 : e.display) == null ? void 0 : a.categoryLabels) === "list";
+          return ((l = e == null ? void 0 : e.display) == null ? void 0 : l.legend) !== !1 || ((a = e == null ? void 0 : e.display) == null ? void 0 : a.categoryLabels) === !0;
         }
-        /* ,
-        sideEffect: ({ options }: any) => {
-          if (options?.display?.categoryLabels === 'labels') {
-            options = {
-              ...options,
-              display: {
-                ...options.display,
-                legend: false
-              }
-            };
-          }
-          return options;
-        }*/
       },
       {
         key: "display.values",

package/components/funnel-chart-options.config-L_gqlFs2.cjs

@@ -0,0 +1,20 @@
+/*! * 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.
+ * */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=[{key:"general",type:"group",open:!0,children:[{key:"display.title",control:{type:"switch",label:"Title",default:!0}},{key:"display.legend",control:{type:"switch",label:"Legend",default:!0,calculateValue:({options:e})=>{var l,a;return((l=e==null?void 0:e.display)==null?void 0:l.legend)!==!1||((a=e==null?void 0:e.display)==null?void 0:a.categoryLabels)===!0},toOptions:({options:e,value:l})=>({...e,display:{...e.display,legend:l,categoryLabels:!1}})}},{key:"display.categoryLabels",control:{type:"radio-button-group",label:"Display legend as",default:"labels",enum:["list","labels"],parseValue:e=>e?"labels":"list",toOptions:({options:e,value:l})=>({...e,display:{...e.display,categoryLabels:l==="labels",legend:l!=="labels"}})},visibleIf:({options:e})=>{var l,a;return((l=e==null?void 0:e.display)==null?void 0:l.legend)!==!1||((a=e==null?void 0:e.display)==null?void 0:a.categoryLabels)===!0}},{key:"display.values",control:{type:"switch",label:"Show values",default:!1}},{key:"funnel.absValue",control:{type:"switch",label:"Show absolute values",default:!0},visibleIf:({options:e})=>{var l;return((l=e==null?void 0:e.display)==null?void 0:l.values)===!0}},{key:"funnel.perc",control:{type:"picker",label:"Percentage",default:"hide",enum:["hide","ofMax","ofTotal"]},visibleIf:({options:e})=>{var l;return((l=e==null?void 0:e.display)==null?void 0:l.values)===!0}}]},{key:"funnel",type:"group",open:!0,children:[{key:"mode",control:{type:"picker",label:"Mode",default:"dynamicWidth",enum:["dynamicWidth","dynamicHeight","regular"]}},{key:"funnel.rectangle",control:{type:"switch",label:"Rectangular",default:!1}},{key:"sort.by",control:{type:"picker",label:"Order",default:"measure",enum:["measure","category"]}},{key:"sort.direction",control:{type:"picker",label:"Direction",default:"desc",enum:["asc","desc"]}}]},{key:"legend",type:"group",open:!1,children:[{key:"legend.position",control:{label:"Position",type:"position-picker",default:"right",enum:["topLeft","top","topRight","right","bottomRight","bottom","bottomLeft","left"]}}],visibleIf:({options:e})=>{var l,a;return((l=e==null?void 0:e.display)==null?void 0:l.legend)===!0&&((a=e.display)==null?void 0:a.categoryLabels)==="false"}}];exports.default=t;

package/components/{heat-map-options.config-B0FtmOXM.js → heat-map-options.config-BAuSJV3_.js}

@@ -18,7 +18,7 @@
  * SOFTWARE.
  * */
 import { m as t } from "./index-t45_zv93.js";
-const l = [
+const o = [
   {
     key: "general",
     type: "group",
@@ -79,8 +79,8 @@ const l = [
             "Voyager",
             "No Tiles"
           ],
-          fromOptionValue: (e) => (e == null ? void 0 : e.name) || "Basic",
-          toOptionValue: (e) => t[e] ?? {}
+          parseValue: (e) => (e == null ? void 0 : e.name) || "Basic",
+          toValue: (e) => t[e] ?? {}
         }
       }
     ]
@@ -154,5 +154,5 @@ const l = [
   }
 ];
 export {
-  l as default
+  o as default
 };

package/components/{heat-map-options.config-CnBcz-lL.cjs → heat-map-options.config-DsUXxjN0.cjs}

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-DhDgy1sp.cjs"),o=[{key:"general",type:"group",open:!0,children:[{key:"display.title",control:{type:"switch",label:"Title",default:!0}},{key:"enabled.zoom",control:{type:"switch",label:"Zoom",default:!0}},{key:"enabled.pan",control:{type:"switch",label:"Pan",default:!0}},{key:"enabled.pitchBearing",control:{type:"switch",label:"Pitch & Rotate",default:!1}},{type:"divider"},{key:"vectorTileProvider",control:{type:"picker",label:"Map style",default:"Basic",enum:["Basic","Bright","Dark","Fiord","Liberty","Pastel","Positron","Streets","Toner","Topographique","Voyager","No Tiles"],fromOptionValue:e=>(e==null?void 0:e.name)||"Basic",toOptionValue:e=>t.mapVectorTileProviders[e]??{}}}]},{key:"heat",type:"group",open:!0,children:[{key:"enabled.adaptOnZoom",control:{type:"switch",label:"Adapt on zoom",tooltip:"If turned off, density is calculated based on map surface",default:!0}},{key:"heatRadius",control:{type:"slider",label:"Radius",default:20,min:1,max:50,step:1}},{key:"intensity",control:{type:"slider",label:"Intensity",tooltip:"Multiplier for the density, multiplies by 1 on minimum (default)",default:1,min:1,max:100,step:1}}]},{key:"heatColors",type:"group",open:!0,children:[{key:"opacity",control:{type:"slider",label:"Opacity",default:.8,min:0,max:1,step:.01}}]}];exports.default=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-DhDgy1sp.cjs"),l=[{key:"general",type:"group",open:!0,children:[{key:"display.title",control:{type:"switch",label:"Title",default:!0}},{key:"enabled.zoom",control:{type:"switch",label:"Zoom",default:!0}},{key:"enabled.pan",control:{type:"switch",label:"Pan",default:!0}},{key:"enabled.pitchBearing",control:{type:"switch",label:"Pitch & Rotate",default:!1}},{type:"divider"},{key:"vectorTileProvider",control:{type:"picker",label:"Map style",default:"Basic",enum:["Basic","Bright","Dark","Fiord","Liberty","Pastel","Positron","Streets","Toner","Topographique","Voyager","No Tiles"],parseValue:e=>(e==null?void 0:e.name)||"Basic",toValue:e=>t.mapVectorTileProviders[e]??{}}}]},{key:"heat",type:"group",open:!0,children:[{key:"enabled.adaptOnZoom",control:{type:"switch",label:"Adapt on zoom",tooltip:"If turned off, density is calculated based on map surface",default:!0}},{key:"heatRadius",control:{type:"slider",label:"Radius",default:20,min:1,max:50,step:1}},{key:"intensity",control:{type:"slider",label:"Intensity",tooltip:"Multiplier for the density, multiplies by 1 on minimum (default)",default:1,min:1,max:100,step:1}}]},{key:"heatColors",type:"group",open:!0,children:[{key:"opacity",control:{type:"slider",label:"Opacity",default:.8,min:0,max:1,step:.01}}]}];exports.default=l;

package/components/{heat-table-options.config-C0L9ZJHP.js → heat-table-options.config-DSu_18VG.js}

@@ -135,8 +135,8 @@ const s = [
           label: "Number of classes",
           default: "7",
           enum: ["3", "4", "5", "6", "7", "8", "9"],
-          fromOptionValue: (e) => (e == null ? void 0 : e.toString()) ?? "7",
-          toOptionValue: (e) => Number.parseInt(e, 10) ?? 7
+          parseValue: (e) => (e == null ? void 0 : e.toString()) ?? "7",
+          toValue: (e) => Number.parseInt(e, 10) ?? 7
         }
       }
     ]

package/components/{heat-table-options.config-QMSy8dYT.cjs → heat-table-options.config-DqPL2hIY.cjs}

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./helpers-DXQwEH1P.cjs"),r=[{key:"general",type:"group",open:!0,children:[{key:"display.title",control:{type:"switch",label:"Title",default:!0}},{key:"display.values",control:{type:"switch",label:"Show values",default:!1}}]},{key:"heatTable",type:"group",label:"Heat table",open:!0,children:[{key:"heattable.opacity",control:{type:"slider",label:"Opacity",default:.8,min:0,max:1,step:.01}},{key:"heattable.rounding",control:{type:"slider",label:"Rounding",default:({theme:e})=>{var l;return(l=e==null?void 0:e.itemSpecific)==null?void 0:l.rounding},min:0,max:20,step:1,extraLabel:({options:e,theme:l})=>{var a,t;if(typeof((a=l==null?void 0:l.itemSpecific)==null?void 0:a.rounding)=="number")return typeof((t=e==null?void 0:e.heattable)==null?void 0:t.rounding)!="number"?"auto":"reset"},extraLabelHasClickAction:({options:e,theme:l})=>{var a,t;return!(typeof((a=l==null?void 0:l.itemSpecific)==null?void 0:a.rounding)!="number"||typeof((t=e==null?void 0:e.heattable)==null?void 0:t.rounding)!="number")},extraLabelClickAction:({options:e})=>{const l={...e,heattable:{...e.heattable,rounding:void 0}};return delete l.heattable.rounding,{value:null,options:l}}}},{key:"heattable.spacing",control:{type:"slider",label:"Spacing",default:({theme:e})=>{var l;return(l=e==null?void 0:e.itemSpecific)==null?void 0:l.padding},min:0,max:20,step:1,extraLabel:({options:e,theme:l})=>{var a,t;if(typeof((a=l==null?void 0:l.itemSpecific)==null?void 0:a.padding)=="number")return typeof((t=e==null?void 0:e.heattable)==null?void 0:t.spacing)!="number"?"auto":"reset"},extraLabelHasClickAction:({options:e,theme:l})=>{var a,t;return!(typeof((a=l==null?void 0:l.itemSpecific)==null?void 0:a.padding)!="number"||typeof((t=e==null?void 0:e.heattable)==null?void 0:t.spacing)!="number")},extraLabelClickAction:({options:e})=>{const l={...e,heattable:{...e.heattable,spacing:void 0}};return delete l.heattable.spacing,{value:null,options:l}}}},{key:"classification",control:{type:"picker",label:"Method",default:"quantile",enum:["interval","quantile","continuous"]}},{key:"numberClasses",control:{type:"picker",label:"Number of classes",default:"7",enum:["3","4","5","6","7","8","9"],fromOptionValue:e=>(e==null?void 0:e.toString())??"7",toOptionValue:e=>Number.parseInt(e,10)??7}}]},{key:"axes",type:"group",open:!1,children:[{key:"sort.x.order",control:{type:"picker",label:"X-axis order",default:"asc",enum:["asc","desc"]}},{key:"axis.x.color",control:{type:"color-picker",label:"X-axis color",default:({theme:e})=>i.getThemeMainColor(e),extraLabel:({options:e,theme:l})=>i.getThemeMainColorResetLabel(e,l,"axis.x.color"),extraLabelHasClickAction:({options:e,theme:l})=>i.getThemeMainColorExtraLabelHasClickAction(e,l,"axis.x.color"),extraLabelClickAction:({options:e,theme:l})=>i.getThemeMainColorExtraLabelClickAction(e,l,"axis.x.color")}},{key:"xAxisLabels",type:"group",label:"X-axis label",collapsible:!0,open:!1,children:[{key:"axislabels.x.enabled",control:{type:"switch",label:"Enabled",default:!1}},{key:"axislabels.x.position",control:{type:"picker",label:"Position",default:"center",enum:["left","center","right"]},visibleIf:({options:e})=>{var l,a;return((a=(l=e==null?void 0:e.axislabels)==null?void 0:l.x)==null?void 0:a.enabled)===!0}}]},{key:"xAxisTicks",type:"group",label:"X-axis ticks",collapsible:!0,open:!1,children:[{key:"axis.x.ticksMode",control:{type:"picker",label:"Display mode",default:"ticks",enum:["ticks","hide"]}}]},{type:"divider"},{key:"sort.y.order",control:{type:"picker",label:"Y-axis order",default:"asc",enum:["asc","desc"]}},{key:"axis.y.color",control:{type:"color-picker",label:"Y-axis color",default:({theme:e})=>i.getThemeMainColor(e),extraLabel:({options:e,theme:l})=>i.getThemeMainColorResetLabel(e,l,"axis.y.color"),extraLabelHasClickAction:({options:e,theme:l})=>i.getThemeMainColorExtraLabelHasClickAction(e,l,"axis.y.color"),extraLabelClickAction:({options:e,theme:l})=>i.getThemeMainColorExtraLabelClickAction(e,l,"axis.y.color")}},{key:"yAxisLabels",type:"group",label:"Y-axis label",collapsible:!0,open:!1,children:[{key:"axislabels.y.enabled",control:{type:"switch",label:"Enabled",default:!1}},{key:"axislabels.y.position",control:{type:"picker",label:"Position",default:"top",enum:["top","middle","bottom"]},visibleIf:({options:e})=>{var l,a;return((a=(l=e==null?void 0:e.axislabels)==null?void 0:l.y)==null?void 0:a.enabled)===!0}}]},{key:"yAxisTicks",type:"group",label:"Y-axis ticks",collapsible:!0,open:!1,children:[{key:"axis.y.ticks",control:{type:"picker",label:"Display mode",default:"ticks",enum:["ticks","hide"]}}]}]}];exports.default=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./helpers-DXQwEH1P.cjs"),r=[{key:"general",type:"group",open:!0,children:[{key:"display.title",control:{type:"switch",label:"Title",default:!0}},{key:"display.values",control:{type:"switch",label:"Show values",default:!1}}]},{key:"heatTable",type:"group",label:"Heat table",open:!0,children:[{key:"heattable.opacity",control:{type:"slider",label:"Opacity",default:.8,min:0,max:1,step:.01}},{key:"heattable.rounding",control:{type:"slider",label:"Rounding",default:({theme:e})=>{var l;return(l=e==null?void 0:e.itemSpecific)==null?void 0:l.rounding},min:0,max:20,step:1,extraLabel:({options:e,theme:l})=>{var a,t;if(typeof((a=l==null?void 0:l.itemSpecific)==null?void 0:a.rounding)=="number")return typeof((t=e==null?void 0:e.heattable)==null?void 0:t.rounding)!="number"?"auto":"reset"},extraLabelHasClickAction:({options:e,theme:l})=>{var a,t;return!(typeof((a=l==null?void 0:l.itemSpecific)==null?void 0:a.rounding)!="number"||typeof((t=e==null?void 0:e.heattable)==null?void 0:t.rounding)!="number")},extraLabelClickAction:({options:e})=>{const l={...e,heattable:{...e.heattable,rounding:void 0}};return delete l.heattable.rounding,{value:null,options:l}}}},{key:"heattable.spacing",control:{type:"slider",label:"Spacing",default:({theme:e})=>{var l;return(l=e==null?void 0:e.itemSpecific)==null?void 0:l.padding},min:0,max:20,step:1,extraLabel:({options:e,theme:l})=>{var a,t;if(typeof((a=l==null?void 0:l.itemSpecific)==null?void 0:a.padding)=="number")return typeof((t=e==null?void 0:e.heattable)==null?void 0:t.spacing)!="number"?"auto":"reset"},extraLabelHasClickAction:({options:e,theme:l})=>{var a,t;return!(typeof((a=l==null?void 0:l.itemSpecific)==null?void 0:a.padding)!="number"||typeof((t=e==null?void 0:e.heattable)==null?void 0:t.spacing)!="number")},extraLabelClickAction:({options:e})=>{const l={...e,heattable:{...e.heattable,spacing:void 0}};return delete l.heattable.spacing,{value:null,options:l}}}},{key:"classification",control:{type:"picker",label:"Method",default:"quantile",enum:["interval","quantile","continuous"]}},{key:"numberClasses",control:{type:"picker",label:"Number of classes",default:"7",enum:["3","4","5","6","7","8","9"],parseValue:e=>(e==null?void 0:e.toString())??"7",toValue:e=>Number.parseInt(e,10)??7}}]},{key:"axes",type:"group",open:!1,children:[{key:"sort.x.order",control:{type:"picker",label:"X-axis order",default:"asc",enum:["asc","desc"]}},{key:"axis.x.color",control:{type:"color-picker",label:"X-axis color",default:({theme:e})=>i.getThemeMainColor(e),extraLabel:({options:e,theme:l})=>i.getThemeMainColorResetLabel(e,l,"axis.x.color"),extraLabelHasClickAction:({options:e,theme:l})=>i.getThemeMainColorExtraLabelHasClickAction(e,l,"axis.x.color"),extraLabelClickAction:({options:e,theme:l})=>i.getThemeMainColorExtraLabelClickAction(e,l,"axis.x.color")}},{key:"xAxisLabels",type:"group",label:"X-axis label",collapsible:!0,open:!1,children:[{key:"axislabels.x.enabled",control:{type:"switch",label:"Enabled",default:!1}},{key:"axislabels.x.position",control:{type:"picker",label:"Position",default:"center",enum:["left","center","right"]},visibleIf:({options:e})=>{var l,a;return((a=(l=e==null?void 0:e.axislabels)==null?void 0:l.x)==null?void 0:a.enabled)===!0}}]},{key:"xAxisTicks",type:"group",label:"X-axis ticks",collapsible:!0,open:!1,children:[{key:"axis.x.ticksMode",control:{type:"picker",label:"Display mode",default:"ticks",enum:["ticks","hide"]}}]},{type:"divider"},{key:"sort.y.order",control:{type:"picker",label:"Y-axis order",default:"asc",enum:["asc","desc"]}},{key:"axis.y.color",control:{type:"color-picker",label:"Y-axis color",default:({theme:e})=>i.getThemeMainColor(e),extraLabel:({options:e,theme:l})=>i.getThemeMainColorResetLabel(e,l,"axis.y.color"),extraLabelHasClickAction:({options:e,theme:l})=>i.getThemeMainColorExtraLabelHasClickAction(e,l,"axis.y.color"),extraLabelClickAction:({options:e,theme:l})=>i.getThemeMainColorExtraLabelClickAction(e,l,"axis.y.color")}},{key:"yAxisLabels",type:"group",label:"Y-axis label",collapsible:!0,open:!1,children:[{key:"axislabels.y.enabled",control:{type:"switch",label:"Enabled",default:!1}},{key:"axislabels.y.position",control:{type:"picker",label:"Position",default:"top",enum:["top","middle","bottom"]},visibleIf:({options:e})=>{var l,a;return((a=(l=e==null?void 0:e.axislabels)==null?void 0:l.y)==null?void 0:a.enabled)===!0}}]},{key:"yAxisTicks",type:"group",label:"Y-axis ticks",collapsible:!0,open:!1,children:[{key:"axis.y.ticks",control:{type:"picker",label:"Display mode",default:"ticks",enum:["ticks","hide"]}}]}]}];exports.default=r;

package/components/{hexbin-map-options.config-BraDZx_s.cjs → hexbin-map-options.config-B_KAcDYq.cjs}

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index-DhDgy1sp.cjs"),a=[{key:"general",type:"group",open:!0,children:[{key:"display.title",control:{type:"switch",label:"Title",default:!0}},{key:"display.legend",control:{type:"switch",label:"Legend",default:!0}},{key:"enabled.zoom",control:{type:"switch",label:"Zoom",default:!0}},{key:"enabled.pan",control:{type:"switch",label:"Pan",default:!0}},{key:"enabled.pitchBearing",control:{type:"switch",label:"Pitch & Rotate",default:!1}},{type:"divider"},{key:"vectorTileProvider",control:{type:"picker",label:"Map style",default:"Basic",enum:["Basic","Bright","Dark","Fiord","Liberty","Pastel","Positron","Streets","Toner","Topographique","Voyager","No Tiles"],fromOptionValue:e=>(e==null?void 0:e.name)||"Basic",toOptionValue:e=>l.mapVectorTileProviders[e]??{}}}]},{key:"classification",type:"group",open:!0,children:[{key:"radius",control:{type:"slider",label:"Radius",default:16,min:4,max:100,step:1}},{key:"numberClasses",control:{type:"picker",label:"Number of classes",default:5,enum:[3,4,5,6,7,8,9]}},{key:"aggregationType",control:{type:"picker",label:"Hexbin aggregation",default:"count",enum:["count","sum","mean","median","minimum","maximum"]}},{key:"classification",control:{type:"picker",label:"Color Method",default:"interval",enum:["interval","quantile"]}}]},{key:"colors",type:"group",open:!0,children:[{key:"opacity",control:{type:"slider",label:"Opacity",default:.85,min:0,max:1,step:.01}}]},{key:"legend",type:"group",open:!1,children:[{key:"legend.type",control:{type:"picker",label:"Type",default:"bar",enum:["bar","list"]},visibleIf:({options:e})=>{var t;return((t=e==null?void 0:e.display)==null?void 0:t.legend)!==!1}},{key:"legend.size",control:{type:"action-button-group",label:"Size",default:["M"],values:{S:{buttonText:"S",label:"Small"},M:{buttonText:"M",label:"Medium"},L:{buttonText:"L",label:"Large"}},selects:"single"},visibleIf:({options:e})=>{var t;return((t=e==null?void 0:e.display)==null?void 0:t.legend)!==!1}},{key:"legend.position",control:{type:"position-picker",label:"Position",default:"bottomLeft",enum:["topLeft","top","topRight","right","bottomRight","bottom","bottomLeft","left"]},visibleIf:({options:e})=>{var t;return((t=e==null?void 0:e.display)==null?void 0:t.legend)!==!1}}]}];exports.default=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index-DhDgy1sp.cjs"),a=[{key:"general",type:"group",open:!0,children:[{key:"display.title",control:{type:"switch",label:"Title",default:!0}},{key:"display.legend",control:{type:"switch",label:"Legend",default:!0}},{key:"enabled.zoom",control:{type:"switch",label:"Zoom",default:!0}},{key:"enabled.pan",control:{type:"switch",label:"Pan",default:!0}},{key:"enabled.pitchBearing",control:{type:"switch",label:"Pitch & Rotate",default:!1}},{type:"divider"},{key:"vectorTileProvider",control:{type:"picker",label:"Map style",default:"Basic",enum:["Basic","Bright","Dark","Fiord","Liberty","Pastel","Positron","Streets","Toner","Topographique","Voyager","No Tiles"],parseValue:e=>(e==null?void 0:e.name)||"Basic",toValue:e=>l.mapVectorTileProviders[e]??{}}}]},{key:"classification",type:"group",open:!0,children:[{key:"radius",control:{type:"slider",label:"Radius",default:16,min:4,max:100,step:1}},{key:"numberClasses",control:{type:"picker",label:"Number of classes",default:5,enum:[3,4,5,6,7,8,9]}},{key:"aggregationType",control:{type:"picker",label:"Hexbin aggregation",default:"count",enum:["count","sum","mean","median","minimum","maximum"]}},{key:"classification",control:{type:"picker",label:"Color Method",default:"interval",enum:["interval","quantile"]}}]},{key:"colors",type:"group",open:!0,children:[{key:"opacity",control:{type:"slider",label:"Opacity",default:.85,min:0,max:1,step:.01}}]},{key:"legend",type:"group",open:!1,children:[{key:"legend.type",control:{type:"picker",label:"Type",default:"bar",enum:["bar","list"]},visibleIf:({options:e})=>{var t;return((t=e==null?void 0:e.display)==null?void 0:t.legend)!==!1}},{key:"legend.size",control:{type:"action-button-group",label:"Size",default:["M"],values:{S:{buttonText:"S",label:"Small"},M:{buttonText:"M",label:"Medium"},L:{buttonText:"L",label:"Large"}},selects:"single"},visibleIf:({options:e})=>{var t;return((t=e==null?void 0:e.display)==null?void 0:t.legend)!==!1}},{key:"legend.position",control:{type:"position-picker",label:"Position",default:"bottomLeft",enum:["topLeft","top","topRight","right","bottomRight","bottom","bottomLeft","left"]},visibleIf:({options:e})=>{var t;return((t=e==null?void 0:e.display)==null?void 0:t.legend)!==!1}}]}];exports.default=a;

package/components/{hexbin-map-options.config-BJaPYxgd.js → hexbin-map-options.config-DaaC88d8.js}

@@ -87,8 +87,8 @@ const i = [
             "Voyager",
             "No Tiles"
           ],
-          fromOptionValue: (e) => (e == null ? void 0 : e.name) || "Basic",
-          toOptionValue: (e) => l[e] ?? {}
+          parseValue: (e) => (e == null ? void 0 : e.name) || "Basic",
+          toValue: (e) => l[e] ?? {}
         }
       }
     ]