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

package/components/box-plot-options.config-SrrbDEYW.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 c=require("./color-palettes-DhNHcib8.cjs"),i=require("./helpers-DXQwEH1P.cjs"),t=({options:e})=>{var l;return((l=e==null?void 0:e.observations)==null?void 0:l.display)===!0},u=[{key:"general",type:"group",open:!0,children:[{key:"display.title",control:{type:"switch",label:"Title",default:!0}},{key:"horizontal",control:{type:"picker",label:"Display",default:"vertical",enum:["vertical","horizontal"],parseValue:e=>e?"horizontal":"vertical",toValue:e=>e==="horizontal"}},{key:"extentTicks",control:{type:"switch",label:"Extent ticks",default:!0}}]},{key:"box",type:"group",open:!0,children:[{key:"boxWidth",control:{type:"slider",label:"Box width",default:.9,min:.1,max:1,step:.1}},{key:"boxFill",control:{type:"color-picker",label:"Box fill",default:({theme:e})=>i.getThemeMainColor(e),extraLabel:({options:e,theme:l})=>i.getThemeMainColorResetLabel(e,l,"boxFill"),extraLabelHasClickAction:({options:e,theme:l})=>i.getThemeMainColorExtraLabelHasClickAction(e,l,"boxFill"),extraLabelClickAction:({options:e,theme:l})=>i.getThemeMainColorExtraLabelClickAction(e,l,"boxFill")}},{key:"roundedCorners",control:{type:"slider",label:"Rounded corners",default:({theme:e})=>{var l;return((l=e==null?void 0:e.itemSpecific)==null?void 0:l.rounding)??8},min:0,max:24,step:1,extraLabel:({options:e,theme:l})=>{var r;if(typeof((r=l==null?void 0:l.itemSpecific)==null?void 0:r.rounding)=="number")return typeof(e==null?void 0:e.roundedCorners)!="number"?"auto":"reset"},extraLabelHasClickAction:({options:e,theme:l})=>{var r;return!(typeof((r=l==null?void 0:l.itemSpecific)==null?void 0:r.rounding)!="number"||typeof(e==null?void 0:e.roundedCorners)!="number")},extraLabelClickAction:({options:e})=>{const l={...e};return(l==null?void 0:l.roundedCorners)!==void 0&&delete l.roundedCorners,{value:null,options:l}}}},{key:"boxStrokeWidth",control:{type:"slider",label:"Box stroke width",default:1,min:0,max:5,step:.5}},{key:"boxStrokeColor",control:{type:"color-picker",label:"Box stroke color",default:({theme:e})=>i.getThemeMainColor(e),extraLabel:({options:e,theme:l})=>i.getThemeMainColorResetLabel(e,l,"boxStrokeColor"),extraLabelHasClickAction:({options:e,theme:l})=>i.getThemeMainColorExtraLabelHasClickAction(e,l,"boxStrokeColor"),extraLabelClickAction:({options:e,theme:l})=>i.getThemeMainColorExtraLabelClickAction(e,l,"boxStrokeColor")}},{key:"medianStrokeWidth",control:{type:"slider",label:"Median stroke width",default:2,min:0,max:5,step:.5}},{key:"medianStrokeColor",control:{type:"color-picker",label:"Median stroke color",default:"#000000"}}]},{key:"observations",type:"group",open:!0,children:[{key:"observations.display",control:{type:"switch",label:"Show",default:!1}},{key:"observations.onlyOutliers",control:{type:"switch",label:"Only outliers",default:!1},visibleIf:t},{key:"observations.type",control:{type:"picker",label:"Type",default:"dot",enum:["dot","ticks"]},visibleIf:t},{key:"observations.size",control:{type:"slider",label:"Size",default:3,min:1,max:10,step:1},visibleIf:t},{key:"observations.opacity",control:{type:"slider",label:"Opacity",default:.4,min:.1,max:1,step:.1},visibleIf:t},{key:"observations.jitter",control:{type:"slider",label:"Jitter",default:30,min:1,max:100,step:1},visibleIf:t},{key:"observations.colorType",control:{type:"picker",label:"Color mode",default:"single",enum:["single","range"]},visibleIf:t},{key:"observations.color",control:{type:"color-picker",label:"Color",default:({theme:e})=>{var l;return(l=e==null?void 0:e.colors)==null?void 0:l[1]},extraLabel:({options:e,theme:l})=>{var r,o,a,s;if((r=l==null?void 0:l.colors)!=null&&r[1]&&((o=e.observations)!=null&&o.color)&&((a=e.observations)==null?void 0:a.color)!==((s=l==null?void 0:l.colors)==null?void 0:s[1]))return"reset"},extraLabelHasClickAction:({options:e,theme:l})=>{var r,o,a;return!!((r=l==null?void 0:l.colors)!=null&&r[1]&&((o=e.observations)==null?void 0:o.color)!==((a=l==null?void 0:l.colors)==null?void 0:a[1]))},extraLabelClickAction:({options:e,theme:l})=>{var o;const r={...e};return r.observations.color=(o=l==null?void 0:l.colors)==null?void 0:o[1],{value:r.observations.color,options:r}}},visibleIf:({options:e})=>{var l;return t({options:e})&&((l=e==null?void 0:e.observations)==null?void 0:l.colorType)==="single"}},{key:"observations.colorsType",control:{type:"picker",label:"Colors type",default:"divergent",enum:["sequential","divergent"],calculateValue:({options:e})=>{var o,a,s;if(((o=e==null?void 0:e.observations)==null?void 0:o.colorsClass)==="manual")return"manual";const l=c.getColorMaps();return((s=l==null?void 0:l[(a=e==null?void 0:e.observations)==null?void 0:a.colorsClass])==null?void 0:s.type)??"divergent"},toOptions:({options:e,value:l})=>{var s,n,b;if(l==="manual")return{...e,observations:{...e.observations,colorsType:"manual",colorsClass:"manual"}};let r=(s=e.observations)==null?void 0:s.colorClass;const o=c.getColorMaps(),a=(b=o==null?void 0:o[(n=e==null?void 0:e.observations)==null?void 0:n.colorsClass])==null?void 0:b.type;return l!==a&&(r=c.getColorMapKeys(l??"divergent")[0]),{...e,observations:{...e.observations,colorsClass:r,colorsType:l}}}},visibleIf:({options:e})=>{var l;return t({options:e})&&((l=e==null?void 0:e.observations)==null?void 0:l.colorType)==="range"}},{key:"observations.colorsClass",control:{type:"color-palette-picker",label:"Color palette",hideLabel:!0,default:({options:e})=>{var o,a;const l=c.getColorMaps(),r=(a=l==null?void 0:l[(o=e==null?void 0:e.observations)==null?void 0:o.colorsClass])==null?void 0:a.type;return c.getColorMapKeys(r??"divergent")[0]},enum:({options:e})=>{var o,a;const l=c.getColorMaps(),r=(a=l==null?void 0:l[(o=e==null?void 0:e.observations)==null?void 0:o.colorsClass])==null?void 0:a.type;return c.getColorMapKeys(r??"divergent")}},visibleIf:({options:e})=>{var l,r;return t({options:e})&&((l=e==null?void 0:e.observations)==null?void 0:l.colorType)==="range"&&((r=e==null?void 0:e.observations)==null?void 0:r.colorsClass)!=="manual"}}]}];exports.default=u;

package/components/{box-plot-options.config-vlz5qeNq.js → box-plot-options.config-xu_i6ms7.js}

@@ -17,11 +17,12 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { g as n, a as s, b as c, c as b } from "./helpers-v1bPALRP.js";
+import { g as i, a as c } from "./color-palettes-BqH2Fv19.js";
+import { g as u, a as y, b as d, c as k } from "./helpers-v1bPALRP.js";
 const t = ({ options: e }) => {
-  var l;
-  return ((l = e == null ? void 0 : e.observations) == null ? void 0 : l.display) === !0;
-}, d = [
+  var r;
+  return ((r = e == null ? void 0 : e.observations) == null ? void 0 : r.display) === !0;
+}, C = [
   {
     key: "general",
     type: "group",
@@ -77,14 +78,14 @@ const t = ({ options: e }) => {
         control: {
           type: "color-picker",
           label: "Box fill",
-          default: ({ theme: e }) => b(e),
-          extraLabel: ({ options: e, theme: l }) => c(e, l, "boxFill"),
-          extraLabelHasClickAction: ({ options: e, theme: l }) => s(
+          default: ({ theme: e }) => k(e),
+          extraLabel: ({ options: e, theme: r }) => d(e, r, "boxFill"),
+          extraLabelHasClickAction: ({ options: e, theme: r }) => y(
             e,
-            l,
+            r,
             "boxFill"
           ),
-          extraLabelClickAction: ({ options: e, theme: l }) => n(e, l, "boxFill")
+          extraLabelClickAction: ({ options: e, theme: r }) => u(e, r, "boxFill")
         }
       },
       {
@@ -93,24 +94,24 @@ const t = ({ options: e }) => {
           type: "slider",
           label: "Rounded corners",
           default: ({ theme: e }) => {
-            var l;
-            return ((l = e == null ? void 0 : e.itemSpecific) == null ? void 0 : l.rounding) ?? 8;
+            var r;
+            return ((r = e == null ? void 0 : e.itemSpecific) == null ? void 0 : r.rounding) ?? 8;
           },
           min: 0,
           max: 24,
           step: 1,
-          extraLabel: ({ options: e, theme: l }) => {
-            var r;
-            if (typeof ((r = l == null ? void 0 : l.itemSpecific) == null ? void 0 : r.rounding) == "number")
+          extraLabel: ({ options: e, theme: r }) => {
+            var l;
+            if (typeof ((l = r == null ? void 0 : r.itemSpecific) == null ? void 0 : l.rounding) == "number")
               return typeof (e == null ? void 0 : e.roundedCorners) != "number" ? "auto" : "reset";
           },
-          extraLabelHasClickAction: ({ options: e, theme: l }) => {
-            var r;
-            return !(typeof ((r = l == null ? void 0 : l.itemSpecific) == null ? void 0 : r.rounding) != "number" || typeof (e == null ? void 0 : e.roundedCorners) != "number");
+          extraLabelHasClickAction: ({ options: e, theme: r }) => {
+            var l;
+            return !(typeof ((l = r == null ? void 0 : r.itemSpecific) == null ? void 0 : l.rounding) != "number" || typeof (e == null ? void 0 : e.roundedCorners) != "number");
           },
           extraLabelClickAction: ({ options: e }) => {
-            const l = { ...e };
-            return (l == null ? void 0 : l.roundedCorners) !== void 0 && delete l.roundedCorners, { value: null, options: l };
+            const r = { ...e };
+            return (r == null ? void 0 : r.roundedCorners) !== void 0 && delete r.roundedCorners, { value: null, options: r };
           }
         }
       },
@@ -130,16 +131,16 @@ const t = ({ options: e }) => {
         control: {
           type: "color-picker",
           label: "Box stroke color",
-          default: ({ theme: e }) => b(e),
-          extraLabel: ({ options: e, theme: l }) => c(e, l, "boxStrokeColor"),
-          extraLabelHasClickAction: ({ options: e, theme: l }) => s(
+          default: ({ theme: e }) => k(e),
+          extraLabel: ({ options: e, theme: r }) => d(e, r, "boxStrokeColor"),
+          extraLabelHasClickAction: ({ options: e, theme: r }) => y(
             e,
-            l,
+            r,
             "boxStrokeColor"
           ),
-          extraLabelClickAction: ({ options: e, theme: l }) => n(
+          extraLabelClickAction: ({ options: e, theme: r }) => u(
             e,
-            l,
+            r,
             "boxStrokeColor"
           )
         }
@@ -249,30 +250,30 @@ const t = ({ options: e }) => {
           type: "color-picker",
           label: "Color",
           default: ({ theme: e }) => {
-            var l;
-            return (l = e == null ? void 0 : e.colors) == null ? void 0 : l[1];
+            var r;
+            return (r = e == null ? void 0 : e.colors) == null ? void 0 : r[1];
           },
-          extraLabel: ({ options: e, theme: l }) => {
-            var r, o, a, i;
-            if ((r = l == null ? void 0 : l.colors) != null && r[1] && ((o = e.observations) != null && o.color) && ((a = e.observations) == null ? void 0 : a.color) !== ((i = l == null ? void 0 : l.colors) == null ? void 0 : i[1]))
+          extraLabel: ({ options: e, theme: r }) => {
+            var l, o, a, s;
+            if ((l = r == null ? void 0 : r.colors) != null && l[1] && ((o = e.observations) != null && o.color) && ((a = e.observations) == null ? void 0 : a.color) !== ((s = r == null ? void 0 : r.colors) == null ? void 0 : s[1]))
               return "reset";
           },
-          extraLabelHasClickAction: ({ options: e, theme: l }) => {
-            var r, o, a;
-            return !!((r = l == null ? void 0 : l.colors) != null && r[1] && ((o = e.observations) == null ? void 0 : o.color) !== ((a = l == null ? void 0 : l.colors) == null ? void 0 : a[1]));
+          extraLabelHasClickAction: ({ options: e, theme: r }) => {
+            var l, o, a;
+            return !!((l = r == null ? void 0 : r.colors) != null && l[1] && ((o = e.observations) == null ? void 0 : o.color) !== ((a = r == null ? void 0 : r.colors) == null ? void 0 : a[1]));
           },
-          extraLabelClickAction: ({ options: e, theme: l }) => {
+          extraLabelClickAction: ({ options: e, theme: r }) => {
             var o;
-            const r = { ...e };
-            return r.observations.color = (o = l == null ? void 0 : l.colors) == null ? void 0 : o[1], {
-              value: r.observations.color,
-              options: r
+            const l = { ...e };
+            return l.observations.color = (o = r == null ? void 0 : r.colors) == null ? void 0 : o[1], {
+              value: l.observations.color,
+              options: l
             };
           }
         },
         visibleIf: ({ options: e }) => {
-          var l;
-          return t({ options: e }) && ((l = e == null ? void 0 : e.observations) == null ? void 0 : l.colorType) === "single";
+          var r;
+          return t({ options: e }) && ((r = e == null ? void 0 : e.observations) == null ? void 0 : r.colorType) === "single";
         }
       },
       {
@@ -281,16 +282,90 @@ const t = ({ options: e }) => {
           type: "picker",
           label: "Colors type",
           default: "divergent",
-          enum: ["sequential", "divergent", "manual"]
+          // TODO: add manual when being able to retrieve values from the boxplot
+          enum: [
+            "sequential",
+            "divergent"
+            /* , 'manual' */
+          ],
+          calculateValue: ({ options: e }) => {
+            var o, a, s;
+            if (((o = e == null ? void 0 : e.observations) == null ? void 0 : o.colorsClass) === "manual")
+              return "manual";
+            const r = i();
+            return ((s = r == null ? void 0 : r[(a = e == null ? void 0 : e.observations) == null ? void 0 : a.colorsClass]) == null ? void 0 : s.type) ?? "divergent";
+          },
+          toOptions: ({ options: e, value: r }) => {
+            var s, n, b;
+            if (r === "manual")
+              return {
+                ...e,
+                observations: {
+                  ...e.observations,
+                  // TODO needed to save the type?
+                  colorsType: "manual",
+                  colorsClass: "manual"
+                }
+              };
+            let l = (s = e.observations) == null ? void 0 : s.colorClass;
+            const o = i(), a = (b = o == null ? void 0 : o[(n = e == null ? void 0 : e.observations) == null ? void 0 : n.colorsClass]) == null ? void 0 : b.type;
+            return r !== a && (l = c(r ?? "divergent")[0]), {
+              ...e,
+              observations: {
+                ...e.observations,
+                colorsClass: l,
+                colorsType: r
+              }
+            };
+          }
+        },
+        visibleIf: ({ options: e }) => {
+          var r;
+          return t({ options: e }) && ((r = e == null ? void 0 : e.observations) == null ? void 0 : r.colorType) === "range";
+        }
+      },
+      /* TODO: need to be able to retrieve values from the boxplot
+      {
+        key: 'observations.manualValues.ranges',
+        control: {
+          type: 'color-range',
+          editRangeSize: false,
+          noValues: true,
+          noAlphaChannel: true,
+          label: 'Color ranges',
+          hideLabel: true,
+          default: () => structuredClone(defaultRangeValues)
+        },
+        visibleIf: ({ options }: any) =>
+          options?.observations?.colorType === 'range' &&
+          options?.observations?.colorsClass === 'manual'
+      },
+      */
+      {
+        key: "observations.colorsClass",
+        control: {
+          type: "color-palette-picker",
+          label: "Color palette",
+          hideLabel: !0,
+          default: ({ options: e }) => {
+            var o, a;
+            const r = i(), l = (a = r == null ? void 0 : r[(o = e == null ? void 0 : e.observations) == null ? void 0 : o.colorsClass]) == null ? void 0 : a.type;
+            return c(l ?? "divergent")[0];
+          },
+          enum: ({ options: e }) => {
+            var o, a;
+            const r = i(), l = (a = r == null ? void 0 : r[(o = e == null ? void 0 : e.observations) == null ? void 0 : o.colorsClass]) == null ? void 0 : a.type;
+            return c(l ?? "divergent");
+          }
         },
         visibleIf: ({ options: e }) => {
-          var l;
-          return t({ options: e }) && ((l = e == null ? void 0 : e.observations) == null ? void 0 : l.colorType) === "range";
+          var r, l;
+          return t({ options: e }) && ((r = e == null ? void 0 : e.observations) == null ? void 0 : r.colorType) === "range" && ((l = e == null ? void 0 : e.observations) == null ? void 0 : l.colorsClass) !== "manual";
         }
       }
     ]
   }
 ];
 export {
-  d as default
+  C as default
 };

package/components/{bullet-chart-options.config-Bsw7N7Wl.js → bullet-chart-options.config-CDPpX1yc.js}

@@ -70,6 +70,17 @@ const i = [
       }
     ]
   }
+  // TODO needs fetching of values from the bullet chart
+  /*
+  {
+    key: 'bullets',
+    type: 'group',
+    open: true,
+    children: [
+      
+    ]
+  }
+    */
 ];
 export {
   i as default

package/components/{button-base-DbkDzb71-CY6MJGqE.cjs → button-base-DbkDzb71-D0Ni0xn1.cjs}

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";const s=require("./base-D76d76ww-tT6yr8eb.cjs"),c=require("./if-defined-DOaE2coe-Cvlu5s9n.cjs"),u=require("./focusable-BxtpnzWp-CkK9AeMt.cjs"),h=require("./observe-slot-text-BPfIQQtz-DHOh38Ve.cjs");/*! * Lucero - The design system for Luzmo.
+"use strict";const s=require("./base-D76d76ww-tT6yr8eb.cjs"),c=require("./if-defined-DOaE2coe-Cvlu5s9n.cjs"),u=require("./focusable-BxtpnzWp-CkK9AeMt.cjs"),h=require("./observe-slot-text-BPfIQQtz-D4LmMIo0.cjs");/*! * Lucero - The design system for Luzmo.
  * 
  * Copyright © 2025 Luzmo
  * All rights reserved.

package/components/{button-base-DbkDzb71-R8oqSqlY.js → button-base-DbkDzb71-Dh2Out91.js}

@@ -20,7 +20,7 @@
 import { a as c, R as i, z as h } from "./base-D76d76ww-BGkuhs54.js";
 import { d as u } from "./if-defined-DOaE2coe-CNT45Xcl.js";
 import { r as p } from "./focusable-BxtpnzWp-DJQkL8Zv.js";
-import { y as d, b } from "./observe-slot-text-BPfIQQtz-v6B-1BYh.js";
+import { y as d, b } from "./observe-slot-text-BPfIQQtz-DLOwgi-A.js";
 /*! * Lucero - The design system for Luzmo.
  * 
  * Copyright © 2025 Luzmo

package/components/{calculate-data-item-icon-DKjZwr-x.js → calculate-data-item-icon-BiIL_s4Z.js}

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { m as l, c as u, _ as D, Y as v, x as n, w as I, f as S, Q as i, O as Y, q as _, W as m, L as c, u as k, A as q, p, H as w, Z as A, D as o, k as B, S as E, a as y, b as F, X as H, V as f, s as L, M, t as x, d as O, e as P, l as h, h as Q, n as U, B as b, F as V, g as W, U as g, E as X, P as Z } from "./luzmo-icons-DnAqAQCX.js";
+import { m as l, c as u, _ as D, Y as v, x as n, w as I, f as S, Q as i, O as Y, q as _, W as m, L as c, u as k, A as q, p, H as w, Z as A, D as o, k as B, S as E, a as y, b as F, X as H, V as f, s as L, M, t as x, d as O, e as P, l as h, h as Q, n as U, B as b, F as V, g as W, U as g, E as X, P as Z } from "./luzmo-icons-4Tmb3sKr.js";
 const s = {
   array: {
     s: S,