npm - @luzmo/analytics-components-kit - Versions diffs - 1.0.1-alpha.84 → 1.0.1-alpha.85 - Mend

@luzmo/analytics-components-kit 1.0.1-alpha.84 → 1.0.1-alpha.85

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (237) hide show

package/components/{hexbin-map-options.config-F-7uCqxb.js → hexbin-map-options.config-BguV1w8q.js} RENAMED Viewed

@@ -17,9 +17,9 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { g as r, a as s } from "./color-palettes-BqH2Fv19.js";
-import { m as o } from "./index-t45_zv93.js";
-const y = [
+import { g as o, a } from "./color-palettes-BqH2Fv19.js";
+import { m as s } from "./index-t45_zv93.js";
+const c = [
   {
     key: "general",
     type: "group",
@@ -88,8 +88,8 @@ const y = [
             "Voyager",
             "No Tiles"
           ],
-          parseValue: (e) => (e == null ? void 0 : e.name) || "Basic",
-          toValue: (e) => o[e] ?? {}
+          parseValue: (e) => e?.name || "Basic",
+          toValue: (e) => s[e] ?? {}
         }
       }
     ]
@@ -117,7 +117,7 @@ const y = [
           label: "Number of classes",
           default: "5",
           enum: ["3", "4", "5", "6", "7", "8", "9"],
-          parseValue: (e) => (e == null ? void 0 : e.toString()) ?? "5",
+          parseValue: (e) => e?.toString() ?? "5",
           toValue: (e) => Number.parseInt(e, 10) ?? 5
         }
       },
@@ -164,20 +164,13 @@ const y = [
           label: "Colors type",
           default: "sequential",
           enum: ["sequential", "divergent"],
-          calculateValue: ({ options: e }) => {
-            var t;
-            if ((e == null ? void 0 : e.colorsClass) === "manual")
-              return "manual";
-            const l = r();
-            return ((t = l == null ? void 0 : l[e == null ? void 0 : e.colorsClass]) == null ? void 0 : t.type) ?? "sequential";
-          },
-          toOptions: ({ options: e, value: l }) => {
-            var c;
-            if (l === "manual")
+          calculateValue: ({ options: e }) => e?.colorsClass === "manual" ? "manual" : o()?.[e?.colorsClass]?.type ?? "sequential",
+          toOptions: ({ options: e, value: t }) => {
+            if (t === "manual")
               return { ...e, colorsClass: "manual" };
-            let a = e.colorClass;
-            const t = r(), n = (c = t == null ? void 0 : t[e == null ? void 0 : e.colorsClass]) == null ? void 0 : c.type;
-            return l !== n && (a = s(l ?? "sequential")[0]), { ...e, colorsClass: a };
+            let l = e.colorClass;
+            const r = o()?.[e?.colorsClass]?.type;
+            return t !== r && (l = a(t ?? "sequential")[0]), { ...e, colorsClass: l };
           }
         }
       },
@@ -188,14 +181,12 @@ const y = [
           label: "Color palette",
           hideLabel: !0,
           default: ({ options: e }) => {
-            var t;
-            const l = r(), a = (t = l == null ? void 0 : l[e == null ? void 0 : e.colorsClass]) == null ? void 0 : t.type;
-            return s(a ?? "sequential")[0];
+            const l = o()?.[e?.colorsClass]?.type;
+            return a(l ?? "sequential")[0];
           },
           enum: ({ options: e }) => {
-            var t;
-            const l = r(), a = (t = l == null ? void 0 : l[e == null ? void 0 : e.colorsClass]) == null ? void 0 : t.type;
-            return s(a ?? "sequential");
+            const l = o()?.[e?.colorsClass]?.type;
+            return a(l ?? "sequential");
           }
         }
       }
@@ -214,10 +205,7 @@ const y = [
           default: "bar",
           enum: ["bar", "list"]
         },
-        visibleIf: ({ options: e }) => {
-          var l;
-          return ((l = e == null ? void 0 : e.display) == null ? void 0 : l.legend) !== !1;
-        }
+        visibleIf: ({ options: e }) => e?.display?.legend !== !1
       },
       {
         key: "legend.size",
@@ -232,10 +220,7 @@ const y = [
           },
           selects: "single"
         },
-        visibleIf: ({ options: e }) => {
-          var l;
-          return ((l = e == null ? void 0 : e.display) == null ? void 0 : l.legend) !== !1;
-        }
+        visibleIf: ({ options: e }) => e?.display?.legend !== !1
       },
       {
         key: "legend.position",
@@ -254,14 +239,11 @@ const y = [
             "left"
           ]
         },
-        visibleIf: ({ options: e }) => {
-          var l;
-          return ((l = e == null ? void 0 : e.display) == null ? void 0 : l.legend) !== !1;
-        }
+        visibleIf: ({ options: e }) => e?.display?.legend !== !1
       }
     ]
   }
 ];
 export {
-  y as default
+  c as default
 };

package/components/hexbin-map-options.config-CKnn3VAB.cjs ADDED Viewed

@@ -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=require("./color-palettes-DhNHcib8.cjs"),r=require("./index-DhDgy1sp.cjs"),s=[{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?.name||"Basic",toValue:e=>r.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"],parseValue:e=>e?.toString()??"5",toValue:e=>Number.parseInt(e,10)??5}},{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:"colorsClassType",control:{type:"picker",label:"Colors type",default:"sequential",enum:["sequential","divergent"],calculateValue:({options:e})=>e?.colorsClass==="manual"?"manual":t.getColorMaps()?.[e?.colorsClass]?.type??"sequential",toOptions:({options:e,value:o})=>{if(o==="manual")return{...e,colorsClass:"manual"};let l=e.colorClass;const a=t.getColorMaps()?.[e?.colorsClass]?.type;return o!==a&&(l=t.getColorMapKeys(o??"sequential")[0]),{...e,colorsClass:l}}}},{key:"colorsClass",control:{type:"color-palette-picker",label:"Color palette",hideLabel:!0,default:({options:e})=>{const l=t.getColorMaps()?.[e?.colorsClass]?.type;return t.getColorMapKeys(l??"sequential")[0]},enum:({options:e})=>{const l=t.getColorMaps()?.[e?.colorsClass]?.type;return t.getColorMapKeys(l??"sequential")}}}]},{key:"legend",type:"group",open:!1,children:[{key:"legend.type",control:{type:"picker",label:"Type",default:"bar",enum:["bar","list"]},visibleIf:({options:e})=>e?.display?.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})=>e?.display?.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})=>e?.display?.legend!==!1}]}];exports.default=s;

package/components/{index-Do7O9azB.js → index-3WsfvkZF.js} RENAMED Viewed

@@ -17,9 +17,9 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { SignalWatcher as y } from "@lit-labs/signals";
-import { createContext as z, consume as f } from "@lit/context";
-import { Task as b } from "@lit/task";
+import { SignalWatcher as c } from "@lit-labs/signals";
+import { createContext as h, consume as v } from "@lit/context";
+import { Task as y } from "@lit/task";
 import "@luzmo/lucero/divider";
 import "@luzmo/lucero/field-label";
 import "@luzmo/lucero/icon";
@@ -27,52 +27,48 @@ import "@luzmo/lucero/multi-language-field";
 import "@luzmo/lucero/progress-circle";
 import "@luzmo/lucero/text-field";
 import "@luzmo/lucero/tooltip";
-import { unsafeCSS as _, nothing as C, html as r } from "lit";
-import { property as a, state as x, query as S } from "lit/decorators.js";
+import { unsafeCSS as z, nothing as f, html as l } from "lit";
+import { property as o, state as b, query as _ } from "lit/decorators.js";
 import { msg as m } from "@lit/localize";
-import { luzmoIcon as v, luzmoInfoCircleOutline as $, luzmoTrashOutline as T } from "@luzmo/icons";
-import { L as w } from "./focusable-DCIFkpiW.js";
-import { S as D, E } from "./sized-mixin-cJbo3PKR.js";
-import { f as L } from "./en-BOTjhwEc.js";
-const k = z(
+import { luzmoIcon as g, luzmoInfoCircleOutline as C, luzmoTrashOutline as x } from "@luzmo/icons";
+import { L as S } from "./focusable-BS2pbY7w.js";
+import { S as $, E as T } from "./sized-mixin-cJbo3PKR.js";
+import { f as w } from "./en-CtCctD2c.js";
+const D = h(
   Symbol("slot-store-context")
-), O = ":host{font-family:var(--luzmo-display-settings-font-family, var(--luzmo-font-family));font-size:var(--luzmo-display-settings-font-size, var(--display-settings-font-size));color:var(--luzmo-display-settings-font-color, var(--luzmo-font-color))}.settings-container{display:flex;flex-direction:column;gap:var(--luzmo-display-settings-vertical-gap, var(--luzmo-spacing-2))}.settings-row{display:flex;justify-content:flex-start;align-items:center;gap:var(--luzmo-display-settings-gap, var(--display-settings-gap))}luzmo-divider{margin:var(--luzmo-display-settings-ids-container-vertical-margin, var(--display-settings-ids-container-vertical-margin)) 0}luzmo-tooltip{--tooltip-font-size: var( --luzmo-display-settings-tooltip-font-size, var(--tooltip-font-size) )}.setting{display:flex;align-items:center}.label-action-container{display:flex;align-items:center;justify-content:space-between;gap:var(--luzmo-display-settings-info-to-remove-icon-gap, var(--display-settings-info-to-remove-icon-gap))}.id-button,.remove-button{outline:none;cursor:pointer;border:none;background:none;font-size:var(--luzmo-display-settings-id-button-font-size, var(--luzmo-display-settings-font-size, var(--display-settings-font-size)));color:var(--luzmo-display-settings-font-color, var(--luzmo-font-color))}.remove-button{display:block;width:var(--luzmo-display-settings-remove-button-size, var(--display-settings-remove-button-size));height:var(--luzmo-display-settings-remove-button-size, var(--display-settings-remove-button-size));border-radius:var(--luzmo-display-settings-remove-button-border-radius, 50%)}.remove-button:hover{background-color:var(--luzmo-display-settings-remove-button-background-color-hover, var(--luzmo-background-color-hover))}.remove-button:active,.remove-button:focus{background-color:var(--luzmo-display-settings-remove-button-background-color-down, var(--luzmo-background-color-down))}.remove-button:focus-visible{box-shadow:0 0 0 var(--luzmo-display-settings-remove-button-indicator-thickness, var(--display-settings-remove-button-indicator-thickness)) var(--highcontrast-remove-button-indicator-color, var(--luzmo-display-settings-remove-button-indicator-color, var(--display-settings-remove-button-indicator-color)))}.ids-container{display:flex;flex-direction:column;gap:var(--luzmo-display-settings-ids-container-gap, var(--luzmo-spacing-2));border-radius:50%}.id-label{text-transform:var(--luzmo-display-settings-id-label-text-transform, var(--display-settings-id-label-text-transform));font-size:var(--luzmo-display-settings-id-label-font-size, var(--display-settings-id-label-font-size));color:var(--luzmo-display-settings-id-label-color, var(--display-settings-id-label-color))}.id-value{-webkit-user-select:text;user-select:text;cursor:text}.example-container{line-height:var(--luzmo-display-settings-example-height, var(--display-settings-example-height));font-size:var(--luzmo-display-settings-example-font-size, var(--display-settings-example-font-size));color:var(--luzmo-display-settings-example-color, var(--display-settings-example-color));gap:var(--luzmo-display-settings-example-container-gap, var(--luzmo-spacing-2))}.example-container .example-label{font-weight:var(--luzmo-display-settings-example-label-font-weight, var(--display-settings-example-label-font-weight));color:var(--luzmo-display-settings-example-label-color, var(--display-settings-example-label-color))}.example-container .example-language{text-transform:uppercase;color:var(--luzmo-display-settings-example-language-color, var(--display-settings-example-language-color))}:host{--display-settings-font-family: var(--luzmo-font-family);--display-settings-id-label-text-transform: uppercase;--display-settings-id-label-color: var(--luzmo-secondary);--display-settings-remove-button-indicator-color: var(--luzmo-primary);--display-settings-remove-button-indicator-thickness: var( --luzmo-border-width )}:host{--display-settings-font-size: var(--luzmo-font-size);--display-settings-id-label-font-size: var(--luzmo-font-size-s);--display-settings-gap: var(--luzmo-spacing-3);--display-settings-ids-container-vertical-margin: var(--luzmo-spacing-4);--display-settings-info-to-remove-icon-gap: var(--luzmo-spacing-5);--display-settings-remove-button-size: var(--luzmo-component-height)}:host([size=s]){--display-settings-id-label-font-size: var(--luzmo-font-size-s);--display-settings-font-size: var(--luzmo-font-size-s);--display-settings-gap: var(--luzmo-spacing-3);--display-settings-ids-container-vertical-margin: var(--luzmo-spacing-3);--display-settings-info-to-remove-icon-gap: var(--luzmo-spacing-4);--display-settings-remove-button-size: var(--luzmo-component-height-s)}:host([size=l]){--display-settings-id-label-font-size: var(--luzmo-font-size);--display-settings-font-size: var(--luzmo-font-size-l);--display-settings-gap: var(--luzmo-spacing-4);--display-settings-ids-container-vertical-margin: var(--luzmo-spacing-5);--display-settings-info-to-remove-icon-gap: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--display-settings-remove-button-size: var(--luzmo-component-height-l)}:host([size=xl]){--display-settings-id-label-font-size: var(--luzmo-font-size-l);--display-settings-font-size: var(--luzmo-font-size-xl);--display-settings-gap: var(--luzmo-spacing-5);--display-settings-ids-container-vertical-margin: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--display-settings-info-to-remove-icon-gap: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-2) );--display-settings-remove-button-size: var(--luzmo-component-height-xl)}:host{--display-settings-example-font-size: var(--luzmo-font-size);--display-settings-example-color: var(--luzmo-font-color);--display-settings-example-label-font-weight: bold;--display-settings-example-label-color: var(--luzmo-primary);--display-settings-example-language-color: var(--luzmo-primary)}:host{--display-settings-example-height: var(--luzmo-component-height)}:host([size=s]){--display-settings-example-height: var(--luzmo-component-height-s);--display-settings-example-font-size: var(--luzmo-font-size-s)}:host([size=l]){--display-settings-example-height: var(--luzmo-component-height-l);--display-settings-example-font-size: var(--luzmo-font-size)}:host([size=xl]){--display-settings-example-height: var(--luzmo-component-height-xl);--display-settings-example-font-size: var(--luzmo-font-size-l)}";
-var P = Object.defineProperty, s = (u, t, o, n) => {
-  for (var e = void 0, p = u.length - 1, d; p >= 0; p--)
-    (d = u[p]) && (e = d(t, o, e) || e);
-  return e && P(t, o, e), e;
+), E = ":host{font-family:var(--luzmo-display-settings-font-family, var(--luzmo-font-family));font-size:var(--luzmo-display-settings-font-size, var(--display-settings-font-size));color:var(--luzmo-display-settings-font-color, var(--luzmo-font-color))}.settings-container{display:flex;flex-direction:column;gap:var(--luzmo-display-settings-vertical-gap, var(--luzmo-spacing-2))}.settings-row{display:flex;justify-content:flex-start;align-items:center;gap:var(--luzmo-display-settings-gap, var(--display-settings-gap))}luzmo-divider{margin:var(--luzmo-display-settings-ids-container-vertical-margin, var(--display-settings-ids-container-vertical-margin)) 0}luzmo-tooltip{--tooltip-font-size: var( --luzmo-display-settings-tooltip-font-size, var(--tooltip-font-size) )}.setting{display:flex;align-items:center}.label-action-container{display:flex;align-items:center;justify-content:space-between;gap:var(--luzmo-display-settings-info-to-remove-icon-gap, var(--display-settings-info-to-remove-icon-gap))}.id-button,.remove-button{outline:none;cursor:pointer;border:none;background:none;font-size:var(--luzmo-display-settings-id-button-font-size, var(--luzmo-display-settings-font-size, var(--display-settings-font-size)));color:var(--luzmo-display-settings-font-color, var(--luzmo-font-color))}.remove-button{display:block;width:var(--luzmo-display-settings-remove-button-size, var(--display-settings-remove-button-size));height:var(--luzmo-display-settings-remove-button-size, var(--display-settings-remove-button-size));border-radius:var(--luzmo-display-settings-remove-button-border-radius, 50%)}.remove-button:hover{background-color:var(--luzmo-display-settings-remove-button-background-color-hover, var(--luzmo-background-color-hover))}.remove-button:active,.remove-button:focus{background-color:var(--luzmo-display-settings-remove-button-background-color-down, var(--luzmo-background-color-down))}.remove-button:focus-visible{box-shadow:0 0 0 var(--luzmo-display-settings-remove-button-indicator-thickness, var(--display-settings-remove-button-indicator-thickness)) var(--highcontrast-remove-button-indicator-color, var(--luzmo-display-settings-remove-button-indicator-color, var(--display-settings-remove-button-indicator-color)))}.ids-container{display:flex;flex-direction:column;gap:var(--luzmo-display-settings-ids-container-gap, var(--luzmo-spacing-2));border-radius:50%}.id-label{text-transform:var(--luzmo-display-settings-id-label-text-transform, var(--display-settings-id-label-text-transform));font-size:var(--luzmo-display-settings-id-label-font-size, var(--display-settings-id-label-font-size));color:var(--luzmo-display-settings-id-label-color, var(--display-settings-id-label-color))}.id-value{-webkit-user-select:text;user-select:text;cursor:text}.example-container{line-height:var(--luzmo-display-settings-example-height, var(--display-settings-example-height));font-size:var(--luzmo-display-settings-example-font-size, var(--display-settings-example-font-size));color:var(--luzmo-display-settings-example-color, var(--display-settings-example-color))}.example-container .example-label{font-weight:var(--luzmo-display-settings-example-label-font-weight, var(--display-settings-example-label-font-weight));color:var(--luzmo-display-settings-example-label-color, var(--display-settings-example-label-color))}.example-container .example-language{text-transform:uppercase;color:var(--luzmo-display-settings-example-language-color, var(--display-settings-example-language-color))}.example-container{gap:var(--luzmo-display-settings-example-container-gap, var(--luzmo-spacing-2))}:host{--display-settings-font-family: var(--luzmo-font-family);--display-settings-id-label-text-transform: uppercase;--display-settings-id-label-color: var(--luzmo-secondary);--display-settings-remove-button-indicator-color: var(--luzmo-primary);--display-settings-remove-button-indicator-thickness: var( --luzmo-border-width )}:host{--display-settings-font-size: var(--luzmo-font-size);--display-settings-id-label-font-size: var(--luzmo-font-size-s);--display-settings-gap: var(--luzmo-spacing-3);--display-settings-ids-container-vertical-margin: var(--luzmo-spacing-4);--display-settings-info-to-remove-icon-gap: var(--luzmo-spacing-5);--display-settings-remove-button-size: var(--luzmo-component-height)}:host([size=s]){--display-settings-id-label-font-size: var(--luzmo-font-size-s);--display-settings-font-size: var(--luzmo-font-size-s);--display-settings-gap: var(--luzmo-spacing-3);--display-settings-ids-container-vertical-margin: var(--luzmo-spacing-3);--display-settings-info-to-remove-icon-gap: var(--luzmo-spacing-4);--display-settings-remove-button-size: var(--luzmo-component-height-s)}:host([size=l]){--display-settings-id-label-font-size: var(--luzmo-font-size);--display-settings-font-size: var(--luzmo-font-size-l);--display-settings-gap: var(--luzmo-spacing-4);--display-settings-ids-container-vertical-margin: var(--luzmo-spacing-5);--display-settings-info-to-remove-icon-gap: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--display-settings-remove-button-size: var(--luzmo-component-height-l)}:host([size=xl]){--display-settings-id-label-font-size: var(--luzmo-font-size-l);--display-settings-font-size: var(--luzmo-font-size-xl);--display-settings-gap: var(--luzmo-spacing-5);--display-settings-ids-container-vertical-margin: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--display-settings-info-to-remove-icon-gap: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-2) );--display-settings-remove-button-size: var(--luzmo-component-height-xl)}:host{--display-settings-example-font-size: var(--luzmo-font-size);--display-settings-example-color: var(--luzmo-font-color);--display-settings-example-label-font-weight: bold;--display-settings-example-label-color: var(--luzmo-primary);--display-settings-example-language-color: var(--luzmo-primary)}:host{--display-settings-example-height: var(--luzmo-component-height)}:host([size=s]){--display-settings-example-height: var(--luzmo-component-height-s);--display-settings-example-font-size: var(--luzmo-font-size-s)}:host([size=l]){--display-settings-example-height: var(--luzmo-component-height-l);--display-settings-example-font-size: var(--luzmo-font-size)}:host([size=xl]){--display-settings-example-height: var(--luzmo-component-height-xl);--display-settings-example-font-size: var(--luzmo-font-size-l)}";
+var L = Object.defineProperty, i = (u, t, s, p) => {
+  for (var n = void 0, r = u.length - 1, d; r >= 0; r--)
+    (d = u[r]) && (n = d(t, s, n) || n);
+  return n && L(t, s, n), n;
 };
-class i extends y(
-  D(w, {
-    validSizes: Object.values(E)
+class e extends c(
+  $(S, {
+    validSizes: Object.values(T)
   })
 ) {
   constructor() {
-    super(...arguments), this._loadDisplaySettings = new b(this, {
+    super(...arguments), this._loadDisplaySettings = new y(this, {
       task: async ([
         t,
-        o,
-        n,
-        e,
+        s,
         p,
+        n,
+        r,
         d
       ]) => {
-        var g, c, h;
-        const l = [];
-        d && l.push("grandTotals"), n && l.push("periodOverPeriod"), (t === "numeric" || t === "mixed" && ((g = this._currentSlotContent) == null ? void 0 : g.type) === "numeric") && l.push("numeric"), t !== "numeric" && ((c = this._currentSlotContent) == null ? void 0 : c.type) === "datetime" && l.push("datetime"), !["numeric", "mixed"].includes(t ?? "") && ((h = this._currentSlotContent) == null ? void 0 : h.type) === "numeric" && !e && l.push("binning"), n && !this._settingsTypeLoaded.periodOverPeriod && (await import("./display-settings-period-over-period/index.js"), this._settingsTypeLoaded.periodOverPeriod = !0), l.length > 0 && !o && (l.includes("numeric") && !this._settingsTypeLoaded.numeric ? (await import("./display-settings-numeric/index.js"), this._settingsTypeLoaded.numeric = !0) : l.includes("datetime") && !this._settingsTypeLoaded.datetime && p ? (await import("./display-settings-datetime/index.js"), this._settingsTypeLoaded.datetime = !0) : l.includes("binning") && !this._settingsTypeLoaded.binning ? (await import("./display-settings-binning/index.js"), this._settingsTypeLoaded.binning = !0) : l.includes("grandTotals") && !this._settingsTypeLoaded.grandTotals && (await import("./display-settings-grand-totals/index.js"), this._settingsTypeLoaded.grandTotals = !0));
+        const a = [];
+        d && a.push("grandTotals"), p && a.push("periodOverPeriod"), (t === "numeric" || t === "mixed" && this._currentSlotContent?.type === "numeric") && a.push("numeric"), t !== "numeric" && this._currentSlotContent?.type === "datetime" && a.push("datetime"), !["numeric", "mixed"].includes(t ?? "") && this._currentSlotContent?.type === "numeric" && !n && a.push("binning"), p && !this._settingsTypeLoaded.periodOverPeriod && (await import("./display-settings-period-over-period/index.js"), this._settingsTypeLoaded.periodOverPeriod = !0), a.length > 0 && !s && (a.includes("numeric") && !this._settingsTypeLoaded.numeric ? (await import("./display-settings-numeric/index.js"), this._settingsTypeLoaded.numeric = !0) : a.includes("datetime") && !this._settingsTypeLoaded.datetime && r ? (await import("./display-settings-datetime/index.js"), this._settingsTypeLoaded.datetime = !0) : a.includes("binning") && !this._settingsTypeLoaded.binning ? (await import("./display-settings-binning/index.js"), this._settingsTypeLoaded.binning = !0) : a.includes("grandTotals") && !this._settingsTypeLoaded.grandTotals && (await import("./display-settings-grand-totals/index.js"), this._settingsTypeLoaded.grandTotals = !0));
       },
-      args: () => {
-        var t;
-        return [
-          this.slotType,
-          this.hideDisplaySettings,
-          (t = this._store) == null ? void 0 : t.periodOverPeriodUiType.get(),
-          this.isBinningDisabled,
-          this.areDatetimeOptionsEnabled,
-          this.areGrandTotalsEnabled,
-          this.slotContent
-        ];
-      }
+      args: () => [
+        this.slotType,
+        this.hideDisplaySettings,
+        this._store?.periodOverPeriodUiType.get(),
+        this.isBinningDisabled,
+        this.areDatetimeOptionsEnabled,
+        this.areGrandTotalsEnabled,
+        this.slotContent
+      ]
     }), this.language = "en", this.contentLanguage = "en", this.slotType = "numeric", this.slotContent = {}, this._showIds = !1, this.measureColumns = [], this._settingsTypeLoaded = {
       binning: !1,
       datetime: !1,
@@ -83,24 +79,19 @@ class i extends y(
     }, this._currentSlotContent = {};
   }
   static get styles() {
-    return [_(O)];
+    return [z(E)];
   }
   _datasetDatetimeColumns() {
-    var t;
-    return (t = this._store) == null ? void 0 : t.linkedDataset.get().flatMap(
-      (o) => {
-        var n;
-        return (n = o.columns) == null ? void 0 : n.filter((e) => e.type === "datetime").map((e) => ({
-          ...e,
-          datasetId: o.id
-        }));
-      }
+    return this._store?.linkedDataset.get().flatMap(
+      (t) => t.columns?.filter((s) => s.type === "datetime").map((s) => ({
+        ...s,
+        datasetId: t.id
+      }))
     );
   }
   willUpdate() {
-    var n, e;
-    const t = (n = this._store) == null ? void 0 : n.activeSlotContents.get(), o = (e = this._store) == null ? void 0 : e.periodOverPeriodUiType.get();
-    this.periodOverPeriodUiType !== o && (this.periodOverPeriodUiType = o), t && t !== this._currentSlotContent && (this._currentSlotContent = structuredClone(t));
+    const t = this._store?.activeSlotContents.get(), s = this._store?.periodOverPeriodUiType.get();
+    this.periodOverPeriodUiType !== s && (this.periodOverPeriodUiType = s), t && t !== this._currentSlotContent && (this._currentSlotContent = structuredClone(t));
   }
   _onSlotContentChange(t) {
     t.stopPropagation(), t.preventDefault(), this._currentSlotContent = structuredClone(t.detail.slotContent), this._sendEvent(), this.requestUpdate();
@@ -136,31 +127,30 @@ class i extends y(
     this._showIds = !this._showIds;
   }
   _renderExampleRow() {
-    var d;
-    const t = this.slotType === "numeric" || this.slotType === "mixed" && this._currentSlotContent.type === "numeric", o = this.slotType !== "datetime" && this._currentSlotContent.type === "datetime" && this.areDatetimeOptionsEnabled;
-    if (!(t || o))
-      return C;
-    const n = !this._currentSlotContent.datetimeDisplayMode || this._currentSlotContent.datetimeDisplayMode === "default", e = t ? 1234.56 : n ? /* @__PURE__ */ new Date() : 1, p = L(
+    const t = this.slotType === "numeric" || this.slotType === "mixed" && this._currentSlotContent.type === "numeric", s = this.slotType !== "datetime" && this._currentSlotContent.type === "datetime" && this.areDatetimeOptionsEnabled;
+    if (!(t || s))
+      return f;
+    const p = !this._currentSlotContent.datetimeDisplayMode || this._currentSlotContent.datetimeDisplayMode === "default", n = t ? 1234.56 : p ? /* @__PURE__ */ new Date() : 1, r = w(
       {
         ...this._currentSlotContent,
         type: t ? "numeric" : "datetime"
       },
       {
         locale: this.contentLanguage,
-        level: (d = this._currentSlotContent) == null ? void 0 : d.level
+        level: this._currentSlotContent?.level
       }
-    )(e);
-    return r`<div class="settings-row example-container">
+    )(n);
+    return l`<div class="settings-row example-container">
       <span class="example-label"
         >${m("Example", {
       desc: "Label for example"
     })}:</span
       >
-      <span class="example">${p}</span>
+      <span class="example">${r}</span>
     </div>`;
   }
   _renderDisplaySettings() {
-    return r`<div class="settings-container">
+    return l`<div class="settings-container">
         <div class="settings-row">
           <div class="setting">
             <div class="label-container">
@@ -177,16 +167,16 @@ class i extends y(
             </div>
             <div class="label-action-container">
               <button class="id-button" @click=${this._toggleIds}>
-                ${v($)}
+                ${g(C)}
                 <luzmo-tooltip self-managed placement="top" size=${this.size}>
                   Show dataset and column id's
                 </luzmo-tooltip>
               </button>
-              ${this.showRemoveButton ? r`<button
+              ${this.showRemoveButton ? l`<button
                     class="remove-button"
                     @click=${this._removeEvent}
                   >
-                    ${v(T)}
+                    ${g(x)}
                     <luzmo-tooltip
                       self-managed
                       placement="top"
@@ -198,13 +188,13 @@ class i extends y(
             </div>
           </div>
         </div>
-        ${this.areGrandTotalsEnabled ? r`<luzmo-display-settings-grand-totals
+        ${this.areGrandTotalsEnabled ? l`<luzmo-display-settings-grand-totals
               .language=${this.language}
               .slotContent=${this._currentSlotContent}
               .size=${this.size}
               @slot-content-changed=${this._onSlotContentChange}
             ></luzmo-display-settings-grand-totals>` : ""}
-        ${this.slotType === "numeric" || this.slotType === "mixed" && this._currentSlotContent.type === "numeric" ? r`<luzmo-display-settings-numeric
+        ${this.slotType === "numeric" || this.slotType === "mixed" && this._currentSlotContent.type === "numeric" ? l`<luzmo-display-settings-numeric
               .language=${this.language}
               .slotContent=${this._currentSlotContent}
               .size=${this.size}
@@ -213,20 +203,20 @@ class i extends y(
               .isCumulativeSumEnabled=${this.isCumulativeSumEnabled}
               @slot-content-changed=${this._onSlotContentChange}
             ></luzmo-display-settings-numeric>` : ""}
-        ${this.slotType !== "numeric" && this._currentSlotContent.type === "datetime" && this.areDatetimeOptionsEnabled ? r`<luzmo-display-settings-datetime
+        ${this.slotType !== "numeric" && this._currentSlotContent.type === "datetime" && this.areDatetimeOptionsEnabled ? l`<luzmo-display-settings-datetime
               .language=${this.language}
               .contentLanguage=${this.contentLanguage}
               .slotContent=${this._currentSlotContent}
               .size=${this.size}
               @slot-content-changed=${this._onSlotContentChange}
             ></luzmo-display-settings-datetime>` : ""}
-        ${!["numeric", "mixed"].includes(this.slotType ?? "") && this._currentSlotContent.type === "numeric" && !this.isBinningDisabled ? r`<luzmo-display-settings-binning
+        ${!["numeric", "mixed"].includes(this.slotType ?? "") && this._currentSlotContent.type === "numeric" && !this.isBinningDisabled ? l`<luzmo-display-settings-binning
               .language=${this.language}
               .slotContent=${this._currentSlotContent}
               .size=${this.size}
               @slot-content-changed=${this._onSlotContentChange}
             ></luzmo-display-settings-binning>` : ""}
-        ${this.periodOverPeriodUiType ? r`<luzmo-display-settings-period-over-period
+        ${this.periodOverPeriodUiType ? l`<luzmo-display-settings-period-over-period
               .language=${this.language}
               .slotContent=${this._currentSlotContent}
               .size=${this.size}
@@ -236,7 +226,7 @@ class i extends y(
             ></luzmo-display-settings-period-over-period>` : ""}
         ${this._renderExampleRow()}
       </div>
-      ${this._showIds ? r` <luzmo-divider></luzmo-divider>
+      ${this._showIds ? l` <luzmo-divider></luzmo-divider>
             <div class="ids-container">
               <div>
                 <span class="id-label"
@@ -257,7 +247,7 @@ class i extends y(
   }
   render() {
     return this._loadDisplaySettings.render({
-      pending: () => r`<luzmo-progress-circle
+      pending: () => l`<luzmo-progress-circle
           indeterminate
           .size=${this.size}
         ></luzmo-progress-circle>`,
@@ -266,60 +256,59 @@ class i extends y(
     });
   }
   disconnectedCallback() {
-    var t, o, n;
-    (t = super.disconnectedCallback) == null || t.call(this), (n = (o = this._loadDisplaySettings).abort) == null || n.call(o);
+    super.disconnectedCallback?.(), this._loadDisplaySettings.abort?.();
   }
 }
-s([
-  a({ type: String })
-], i.prototype, "language");
-s([
-  a({ type: String, attribute: "content-language" })
-], i.prototype, "contentLanguage");
-s([
-  a({ type: Boolean, attribute: "hide-display-settings" })
-], i.prototype, "hideDisplaySettings");
-s([
-  a({ type: Boolean })
-], i.prototype, "isBinningDisabled");
-s([
-  a({ type: Boolean })
-], i.prototype, "areDatetimeOptionsEnabled");
-s([
-  a({ type: Boolean })
-], i.prototype, "areGrandTotalsEnabled");
-s([
-  a({ type: Boolean })
-], i.prototype, "isAggregationDisabled");
-s([
-  a({ type: Boolean })
-], i.prototype, "isCumulativeSumEnabled");
-s([
-  a({ type: String })
-], i.prototype, "periodOverPeriodUiType");
-s([
-  a({ type: Boolean, attribute: "show-remove-button" })
-], i.prototype, "showRemoveButton");
-s([
-  a({ type: String, attribute: "slot-type" })
-], i.prototype, "slotType");
-s([
-  a()
-], i.prototype, "slotContent");
-s([
-  x()
-], i.prototype, "_showIds");
-s([
-  a({ type: Array, reflect: !1 })
-], i.prototype, "measureColumns");
-s([
-  S("luzmo-multi-language-field")
-], i.prototype, "_multiLanguageFieldElement");
-s([
-  f({ context: k, subscribe: !0 })
-], i.prototype, "_store");
-customElements.get("luzmo-display-settings") || customElements.define("luzmo-display-settings", i);
+i([
+  o({ type: String })
+], e.prototype, "language");
+i([
+  o({ type: String, attribute: "content-language" })
+], e.prototype, "contentLanguage");
+i([
+  o({ type: Boolean, attribute: "hide-display-settings" })
+], e.prototype, "hideDisplaySettings");
+i([
+  o({ type: Boolean })
+], e.prototype, "isBinningDisabled");
+i([
+  o({ type: Boolean })
+], e.prototype, "areDatetimeOptionsEnabled");
+i([
+  o({ type: Boolean })
+], e.prototype, "areGrandTotalsEnabled");
+i([
+  o({ type: Boolean })
+], e.prototype, "isAggregationDisabled");
+i([
+  o({ type: Boolean })
+], e.prototype, "isCumulativeSumEnabled");
+i([
+  o({ type: String })
+], e.prototype, "periodOverPeriodUiType");
+i([
+  o({ type: Boolean, attribute: "show-remove-button" })
+], e.prototype, "showRemoveButton");
+i([
+  o({ type: String, attribute: "slot-type" })
+], e.prototype, "slotType");
+i([
+  o()
+], e.prototype, "slotContent");
+i([
+  b()
+], e.prototype, "_showIds");
+i([
+  o({ type: Array, reflect: !1 })
+], e.prototype, "measureColumns");
+i([
+  _("luzmo-multi-language-field")
+], e.prototype, "_multiLanguageFieldElement");
+i([
+  v({ context: D, subscribe: !0 })
+], e.prototype, "_store");
+customElements.get("luzmo-display-settings") || customElements.define("luzmo-display-settings", e);
 export {
-  i as L,
-  k as s
+  e as L,
+  D as s
 };