@luzmo/analytics-components-kit 1.0.1-alpha.52 → 1.0.1-alpha.53

package/components/display-settings-datetime/index.js

@@ -25,15 +25,15 @@ import "../index-BC1LV3vH.js";
 import "../index-DsP81c4M.js";
 import "../index-B2ngKWOI.js";
 import "../index-C3N6qTxJ.js";
-import { r as k, x as a, n as d } from "../property-DCzt3DR1.js";
-import { m as i, g as x, t as w, s as F } from "../set-locale-GI34z_M7.js";
-import { l as $ } from "../localized-decorator-Bl5gcI6n.js";
-import { v as p, z as c } from "../luzmo-icons-CVeTZ59u.js";
-import { S as _, f, D as v } from "../formatter-CQDms6fU.js";
-import { a as A, b as z, W as g } from "../periods.const-B7FKokcH.js";
+import { r as k, x as s, n as d } from "../property-DCzt3DR1.js";
+import { m as l, g as w, t as F, s as $ } from "../set-locale-GI34z_M7.js";
+import { l as x } from "../localized-decorator-Bl5gcI6n.js";
+import { v as c, z as p } from "../luzmo-icons-CVeTZ59u.js";
+import { a as A, S as _, f, D as v } from "../formatter-CqU9_98M.js";
+import { a as L, b as z, W as g } from "../periods.const-B7FKokcH.js";
 import { e as n } from "../query-Ddbd72Um.js";
-import { L } from "../focusable-BbymtxWI.js";
-import { S as D, E } from "../sized-mixin-BGzkX2g1.js";
+import { L as D } from "../focusable-BbymtxWI.js";
+import { S as E, E as M } from "../sized-mixin-BGzkX2g1.js";
 const b = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const t = document.createElement("style");
@@ -42,18 +42,18 @@ const b = () => {
 };
 b();
 const y = {
-  "~": () => i("Auto", { desc: "Automatic setting of the option" }),
+  "~": () => l("Auto", { desc: "Automatic setting of the option" }),
   "/": () => "/",
   "-": () => "-",
   ".": () => "."
-}, M = ":host{font-family:var(--luzmo-display-settings-datetime-font-family, var(--luzmo-font-family))}:host .settings-container{display:flex;flex-direction:column;gap:var(--luzmo-spacing-2)}:host .settings-row{display:flex;justify-content:flex-start;align-items:center;gap:var(--luzmo-display-settings-datetime-gap, var(--display-settings-datetime-gap))}:host .example-container{line-height:var(--luzmo-display-settings-datetime-example-height, var(--display-settings-datetime-example-height));font-size:var(--luzmo-display-settings-datetime-example-font-size, var(--display-settings-datetime-example-font-size));color:var(--luzmo-display-settings-datetime-example-color, var(--display-settings-datetime-example-color))}:host .example-container .example-label{font-weight:var(--luzmo-display-settings-datetime-example-label-font-weight, var(--display-settings-datetime-example-label-font-weight));color:var(--luzmo-display-settings-datetime-example-label-color, var(--display-settings-datetime-example-label-color))}:host .example-container .example-language{text-transform:uppercase;color:var(--luzmo-display-settings-datetime-example-language-color, var(--display-settings-datetime-example-language-color))}:host{--display-settings-datetime-example-font-size: var(--luzmo-font-size);--display-settings-datetime-example-color: var(--luzmo-font-color);--display-settings-datetime-example-label-font-weight: bold;--display-settings-datetime-example-label-color: var(--luzmo-primary);--display-settings-datetime-example-language-color: var(--luzmo-primary)}:host{--display-settings-datetime-gap: var(--luzmo-spacing-3);--display-settings-datetime-example-height: var(--luzmo-component-height);--display-settings-datetime-example-font-size: var(--luzmo-font-size-s)}:host([size=s]){--display-settings-datetime-gap: var(--luzmo-spacing-3);--display-settings-datetime-example-height: var(--luzmo-component-height-s);--display-settings-datetime-example-font-size: var(--luzmo-font-size-s)}:host([size=l]){--display-settings-datetime-gap: var(--luzmo-spacing-4);--display-settings-datetime-example-height: var(--luzmo-component-height-l);--display-settings-datetime-example-font-size: var(--luzmo-font-size)}:host([size=xl]){--display-settings-datetime-gap: var(--luzmo-spacing-5);--display-settings-datetime-example-height: var(--luzmo-component-height-xl);--display-settings-datetime-example-font-size: var(--luzmo-font-size-l)}";
-var C = Object.defineProperty, N = Object.getOwnPropertyDescriptor, m = (t, e, s, o) => {
-  for (var l = o > 1 ? void 0 : o ? N(e, s) : e, h = t.length - 1, u; h >= 0; h--)
-    (u = t[h]) && (l = (o ? u(e, s, l) : u(l)) || l);
-  return o && l && C(e, s, l), l;
+}, N = ":host{font-family:var(--luzmo-display-settings-datetime-font-family, var(--luzmo-font-family))}:host .settings-container{display:flex;flex-direction:column;gap:var(--luzmo-spacing-2)}:host .settings-row{display:flex;justify-content:flex-start;align-items:center;gap:var(--luzmo-display-settings-datetime-gap, var(--display-settings-datetime-gap))}:host{--display-settings-datetime-example-font-size: var(--luzmo-font-size);--display-settings-datetime-example-color: var(--luzmo-font-color);--display-settings-datetime-example-label-font-weight: bold;--display-settings-datetime-example-label-color: var(--luzmo-primary);--display-settings-datetime-example-language-color: var(--luzmo-primary)}:host{--display-settings-datetime-gap: var(--luzmo-spacing-3);--display-settings-datetime-example-height: var(--luzmo-component-height);--display-settings-datetime-example-font-size: var(--luzmo-font-size-s)}:host([size=s]){--display-settings-datetime-gap: var(--luzmo-spacing-3);--display-settings-datetime-example-height: var(--luzmo-component-height-s);--display-settings-datetime-example-font-size: var(--luzmo-font-size-s)}:host([size=l]){--display-settings-datetime-gap: var(--luzmo-spacing-4);--display-settings-datetime-example-height: var(--luzmo-component-height-l);--display-settings-datetime-example-font-size: var(--luzmo-font-size)}:host([size=xl]){--display-settings-datetime-gap: var(--luzmo-spacing-5);--display-settings-datetime-example-height: var(--luzmo-component-height-xl);--display-settings-datetime-example-font-size: var(--luzmo-font-size-l)}";
+var C = Object.defineProperty, T = Object.getOwnPropertyDescriptor, m = (t, e, a, o) => {
+  for (var i = o > 1 ? void 0 : o ? T(e, a) : e, h = t.length - 1, u; h >= 0; h--)
+    (u = t[h]) && (i = (o ? u(e, a, i) : u(i)) || i);
+  return o && i && C(e, a, i), i;
 };
-let r = class extends D(L, {
-  validSizes: Object.values(E)
+let r = class extends E(D, {
+  validSizes: Object.values(M)
 }) {
   constructor() {
     super(...arguments), this._loadLocaleFormatsConfig = new S(this, {
@@ -63,9 +63,9 @@ let r = class extends D(L, {
             "../../utils/formatter/formats/cs.ts": () => import("../cs-DVZ0Tapy.js"),
             "../../utils/formatter/formats/da.ts": () => import("../da-DHy05oSR.js"),
             "../../utils/formatter/formats/de.ts": () => import("../de-iM39JlAt.js"),
-            "../../utils/formatter/formats/en-GB.ts": () => import("../en-GB-BtLbN8o_.js"),
+            "../../utils/formatter/formats/en-GB.ts": () => import("../en-GB-UzDYaNfY.js"),
             "../../utils/formatter/formats/en-US.ts": () => Promise.resolve().then(() => O),
-            "../../utils/formatter/formats/en.ts": () => Promise.resolve().then(() => T),
+            "../../utils/formatter/formats/en.ts": () => Promise.resolve().then(() => I),
             "../../utils/formatter/formats/es.ts": () => import("../es-KhTq4jX8.js"),
             "../../utils/formatter/formats/fi.ts": () => import("../fi-Dh_ebgpe.js"),
             "../../utils/formatter/formats/fr.ts": () => import("../fr-CU727YF1.js"),
@@ -86,8 +86,8 @@ let r = class extends D(L, {
             "../../utils/formatter/formats/zh-TW.ts": () => import("../zh-TW-wsl7eFSd.js")
           });
           if (e[`../../utils/formatter/formats/${t}.ts`]) {
-            const s = await e[`../../utils/formatter/formats/${t}.ts`]();
-            this._localeFormats = (s == null ? void 0 : s.default) ?? {};
+            const a = await e[`../../utils/formatter/formats/${t}.ts`]();
+            this._localeFormats = (a == null ? void 0 : a.default) ?? {};
           }
           return this._contentLanguageLoaded = t, this._localeFormats;
         }
@@ -107,16 +107,27 @@ let r = class extends D(L, {
     };
   }
   static get styles() {
-    return [k(M)];
+    return [k(N)];
   }
   _parseSlotContent() {
     var t, e;
-    this._dateLevel = this.slotContent.level ?? ((t = this.slotContent) == null ? void 0 : t.lowestLevel) ?? 5, this._displayAs = ((e = this.slotContent) == null ? void 0 : e.datetimeDisplayMode) ?? "default", this._displayAs === "weekday_number" && (this._displayAs = "day_in_week", this._weekDayAndMonthInYearFormat = "number"), this._displayAs === "weekday_name" && (this._displayAs = "day_in_week"), this._displayAs === "month_number" && (this._displayAs = "month_in_year", this._weekDayAndMonthInYearFormat = "number"), this._displayAs === "month_name" && (this._displayAs = "month_in_year");
+    this._dateLevel = this.slotContent.level ?? ((t = this.slotContent) == null ? void 0 : t.lowestLevel) ?? 5, this._displayAs = ((e = this.slotContent) == null ? void 0 : e.datetimeDisplayMode) ?? "default", this._displayAs === "weekday_number" && (this._displayAs = "day_in_week", this._weekDayAndMonthInYearFormat = "number"), this._displayAs === "weekday_name" && (this._displayAs = "day_in_week"), this._displayAs === "month_number" && (this._displayAs = "month_in_year", this._weekDayAndMonthInYearFormat = "number"), this._displayAs === "month_name" && (this._displayAs = "month_in_year"), this._parseSavedFormat();
+  }
+  _parseSavedFormat() {
+    var a;
+    const t = ((a = this.slotContent) == null ? void 0 : a.format) ?? A, e = t.match(/[./-]/);
+    if (this._dateSeparator = e ? e[0] : "~", t.includes("%amd"))
+      this._dateFormat = "auto";
+    else {
+      const o = t.indexOf("%d"), i = t.indexOf("%m");
+      o !== -1 && i !== -1 && (this._dateFormat = o < i ? "ddmm" : "mmdd");
+    }
+    this._24hFormat = t.includes("%H"), this._monthName = /%B|%b/.test(t), this._weekDay = /%a|%A/.test(t), this._monthName && (this._monthNameFormat = t.includes("%b") ? "short" : "long"), this._weekDay && (this._weekDayAndMonthInYearFormat = t.includes("%a") ? "short" : "long");
   }
   _calculateFormat() {
-    var s;
+    var a;
     let t;
-    const e = ((s = this._localeFormats) == null ? void 0 : s.smartDateFormats) ?? _;
+    const e = ((a = this._localeFormats) == null ? void 0 : a.smartDateFormats) ?? _;
     this._monthName ? (t = e.filter(
       (o) => o.monthType === "name" && o.longText === (this._monthNameFormat === "long") && o.weekday === this._weekDay
     ), t.length > 0 ? this._format = t[0].key : (this._weekDayAndMonthInYearFormat = "short", this._weekDay = !0, this._format = "%a %e %B %Y")) : (t = this._dateLevel && this._dateLevel === 4 ? e.filter(
@@ -162,18 +173,18 @@ let r = class extends D(L, {
     this._currentSlotContent = { ...this.slotContent }, this._calculateFormat(), this._currentSlotContent.format = this._format, this._displayAs === "default" ? delete this._currentSlotContent.datetimeDisplayMode : (this._currentSlotContent.datetimeDisplayMode = this._displayAs, this._displayAs === "week_in_year" ? this._currentSlotContent.datetimeDisplayMode = this._weekDayAndMonthInYearFormat === "number" ? "week_number" : "week_name" : this._displayAs === "month_in_year" ? this._currentSlotContent.datetimeDisplayMode = this._weekDayAndMonthInYearFormat === "number" ? "month_number" : "month_name" : this._displayAs === "day_in_week" && (this._currentSlotContent.datetimeDisplayMode = this._weekDayAndMonthInYearFormat === "number" ? "weekday_number" : "weekday_name", this._currentSlotContent.weekStart = this._weekStart), this._weekDayAndMonthInYearFormat && (this._dateLevel === 3 ? this._currentSlotContent.monthNameFormat = this._weekDayAndMonthInYearFormat : this._dateLevel === 5 && (this._currentSlotContent.weekDayNameFormat = this._weekDayAndMonthInYearFormat)));
   }
   willUpdate(t) {
-    t.has("slotContent") && (this._parseSlotContent(), this._calculateSlotContent()), t.has("language") && this.language !== x() && ([...w].includes(this.language ?? "en") || this.language === "en") && F(this.language);
+    t.has("slotContent") && (this._parseSlotContent(), this._calculateSlotContent()), t.has("language") && this.language !== w() && ([...F].includes(this.language ?? "en") || this.language === "en") && $(this.language);
   }
   _renderDisplaySettings() {
-    var e, s;
-    const t = (s = (e = A) == null ? void 0 : e[`level${this._dateLevel ?? 0}`]) == null ? void 0 : s.map(
-      (o) => a`<luzmo-menu-item value=${o.key}>
+    var e, a;
+    const t = (a = (e = L) == null ? void 0 : e[`level${this._dateLevel ?? 0}`]) == null ? void 0 : a.map(
+      (o) => s`<luzmo-menu-item value=${o.key}>
           ${o.i18n()}
         </luzmo-menu-item>`
     );
-    return a`<div class="setting">
+    return s`<div class="setting">
       <luzmo-field-label for="display-as"
-        >${i("Display", {
+        >${l("Display", {
       desc: "Label for display setting"
     })}</luzmo-field-label
       >
@@ -191,12 +202,12 @@ let r = class extends D(L, {
   _renderWeekDayAndMonthNameFormatSettings() {
     const t = Object.keys(
       z
-    ).map((e) => a`<luzmo-action-button value=${e}>
+    ).map((e) => s`<luzmo-action-button value=${e}>
         ${z[e]()}
       </luzmo-action-button>`);
-    return a` <div class="setting">
+    return s` <div class="setting">
       <luzmo-field-label for="weekday-and-month-in-year-format"
-        >${i("Format", {
+        >${l("Format", {
       desc: "Label for format setting"
     })}</luzmo-field-label
       >
@@ -214,9 +225,9 @@ let r = class extends D(L, {
     </div>`;
   }
   _renderMonthNameFormatSettings() {
-    return a` <div class="setting">
+    return s` <div class="setting">
       <luzmo-field-label for="month-name-format"
-        >${i("Format", {
+        >${l("Format", {
       desc: "Label for format setting"
     })}</luzmo-field-label
       >
@@ -230,10 +241,10 @@ let r = class extends D(L, {
         @change=${this._setMonthNameFormat}
       >
         <luzmo-action-button value="short">
-          ${i("Short", { desc: "Short format option" })}
+          ${l("Short", { desc: "Short format option" })}
         </luzmo-action-button>
         <luzmo-action-button value="long">
-          ${i("Long", { desc: "Long format option" })}
+          ${l("Long", { desc: "Long format option" })}
         </luzmo-action-button>
       </luzmo-action-group>
     </div>`;
@@ -241,13 +252,13 @@ let r = class extends D(L, {
   _renderWeekFormatSettings() {
     var o;
     const t = ((o = this._localeFormats) == null ? void 0 : o.smartDateFormats) ?? _, e = t.find(
-      (l) => l.mmdd === !0 && l.separator === this._dateSeparator && l.monthType === "number"
-    ), s = t.find(
-      (l) => l.mmdd === !1 && l.separator === this._dateSeparator && l.monthType === "number"
+      (i) => i.mmdd === !0 && i.separator === this._dateSeparator && i.monthType === "number"
+    ), a = t.find(
+      (i) => i.mmdd === !1 && i.separator === this._dateSeparator && i.monthType === "number"
     );
-    return a` <div class="setting">
+    return s` <div class="setting">
       <luzmo-field-label for="week-format"
-        >${i("Format", {
+        >${l("Format", {
       desc: "Label for format setting"
     })}</luzmo-field-label
       >
@@ -265,7 +276,7 @@ let r = class extends D(L, {
       {
         ...this._currentSlotContent,
         type: "datetime",
-        format: s == null ? void 0 : s.key
+        format: a == null ? void 0 : a.key
       },
       {
         localFormats: this._localeFormats,
@@ -291,13 +302,13 @@ let r = class extends D(L, {
   }
   _renderWeekStartsOnSettings() {
     const t = Object.keys(g).map(
-      (e) => a`<luzmo-menu-item value=${e}>
+      (e) => s`<luzmo-menu-item value=${e}>
           ${g[e]()}
         </luzmo-menu-item>`
     );
-    return a`<div class="setting">
+    return s`<div class="setting">
       <luzmo-field-label for="week-start"
-        >${i("Week starts on", {
+        >${l("Week starts on", {
       desc: "Label for week start setting"
     })}</luzmo-field-label
       >
@@ -313,9 +324,9 @@ let r = class extends D(L, {
     </div>`;
   }
   _renderMonthNameSettings() {
-    return a`<div class="settings-">
+    return s`<div class="settings-">
       <luzmo-field-label for="month-name"
-        >${i("Month", { desc: "Month format setting" })}</luzmo-field-label
+        >${l("Month", { desc: "Month format setting" })}</luzmo-field-label
       >
       <luzmo-action-button
         id="month-name"
@@ -328,17 +339,17 @@ let r = class extends D(L, {
         <luzmo-icon
           slot="icon"
           .size=${this.size}
-          .icon=${this._monthName ? p : c}
+          .icon=${this._monthName ? c : p}
         ></luzmo-icon>
-        ${i("Name")}
+        ${l("Name")}
       </luzmo-action-button>
     </div>`;
   }
   _renderDateFormatSettings() {
     const t = this._dateSeparator === "~" ? "/" : this._dateSeparator;
-    return a`<div class="setting">
+    return s`<div class="setting">
       <luzmo-field-label for="date-format"
-        >${i("Format", {
+        >${l("Format", {
       desc: "Label for format setting"
     })}</luzmo-field-label
       >
@@ -350,7 +361,7 @@ let r = class extends D(L, {
         @change=${this._setDateFormat}
       >
         <luzmo-menu-item value="auto">
-          ${i("Auto", { desc: "Automatic setting of the option" })}
+          ${l("Auto", { desc: "Automatic setting of the option" })}
         </luzmo-menu-item>
         <luzmo-menu-item value="mmdd">12${t}31</luzmo-menu-item>
         <luzmo-menu-item value="ddmm">31${t}12</luzmo-menu-item>
@@ -359,13 +370,13 @@ let r = class extends D(L, {
   }
   _renderSeparatorSettings() {
     const t = Object.keys(y).map(
-      (e) => a`<luzmo-menu-item value=${e}>
+      (e) => s`<luzmo-menu-item value=${e}>
           ${y[e]()}
         </luzmo-menu-item>`
     );
-    return a`<div class="setting">
+    return s`<div class="setting">
       <luzmo-field-label for="date-separator"
-        >${i("Separator", {
+        >${l("Separator", {
       desc: "Label for date separator setting"
     })}</luzmo-field-label
       >
@@ -381,9 +392,9 @@ let r = class extends D(L, {
     </div>`;
   }
   _render24hFormatSettings() {
-    return a`<div class="settings-">
+    return s`<div class="settings-">
       <luzmo-field-label for="format-24h"
-        >${i("24h", {
+        >${l("24h", {
       desc: "Label for 24h format setting"
     })}</luzmo-field-label
       >
@@ -398,15 +409,15 @@ let r = class extends D(L, {
         <luzmo-icon
           slot="icon"
           .size=${this.size}
-          .icon=${this._24hFormat ? p : c}
+          .icon=${this._24hFormat ? c : p}
         ></luzmo-icon>
       </luzmo-action-button>
     </div>`;
   }
   _renderWeekdaySettings() {
-    return a`<div class="settings-">
+    return s`<div class="settings-">
       <luzmo-field-label for="weekday"
-        >${i("Weekday", {
+        >${l("Weekday", {
       desc: "Label for weekday setting"
     })}</luzmo-field-label
       >
@@ -421,39 +432,22 @@ let r = class extends D(L, {
         <luzmo-icon
           slot="icon"
           .size=${this.size}
-          .icon=${this._weekDay ? p : c}
+          .icon=${this._weekDay ? c : p}
         ></luzmo-icon>
-        ${i("Show")}
+        ${l("Show")}
       </luzmo-action-button>
     </div>`;
   }
-  _renderExampleFormat() {
-    return a`<span class="example">
-        ${f(
-      {
-        ...this._currentSlotContent,
-        type: "datetime"
-      },
-      {
-        localFormats: this._localeFormats,
-        level: this._dateLevel
-      }
-    )(!this._displayAs || this._displayAs === "default" ? /* @__PURE__ */ new Date() : 1)}
-      </span>
-      ${(this._dateSeparator === "~" || this._dateFormat === "auto") && !this._monthName ? a`<span class="example-language">
-            (${this.contentLanguage})
-          </span>` : ""}`;
-  }
   _renderAllSettings() {
-    return a`<div class="settings-container">
-      ${this._dateLevel && ![1, 9].includes(this._dateLevel) ? a` <div class="settings-row">
+    return s`<div class="settings-container">
+      ${this._dateLevel && ![1, 9].includes(this._dateLevel) ? s` <div class="settings-row">
             ${this._renderDisplaySettings()}
             ${this._dateLevel && this._dateLevel >= 5 && this._displayAs === "day_in_week" ? this._renderWeekStartsOnSettings() : ""}
           </div>` : ""}
-      ${["month_in_year", "day_in_week"].includes(this._displayAs ?? "") ? a` <div class="settings-row">
+      ${["month_in_year", "day_in_week"].includes(this._displayAs ?? "") ? s` <div class="settings-row">
             ${this._renderWeekDayAndMonthNameFormatSettings()}
           </div>` : ""}
-      ${this._dateLevel && this._dateLevel > 1 && this._displayAs === "default" ? a` <div class="settings-row">
+      ${this._dateLevel && this._dateLevel > 1 && this._displayAs === "default" ? s` <div class="settings-row">
             ${this._dateLevel && this._dateLevel !== 4 && this._dateLevel !== 2 ? this._renderMonthNameSettings() : ""}
             ${this._dateLevel && this._dateLevel !== 4 && this._dateLevel > 2 && this._monthName ? this._renderMonthNameFormatSettings() : ""}
             ${this._dateLevel && this._dateLevel === 4 && !this._monthName ? this._renderWeekFormatSettings() : ""}
@@ -462,19 +456,11 @@ let r = class extends D(L, {
             ${this._dateLevel && this._dateLevel >= 5 && this._monthName ? this._renderWeekdaySettings() : ""}
             ${this._dateLevel && this._dateLevel > 5 ? this._render24hFormatSettings() : ""}
           </div>` : ""}
-      <div class="settings-row">
-        <div class="example-container">
-          <span class="example-label"
-            >${i("Example:", { desc: "Label for example format" })}</span
-          >
-          ${this._renderExampleFormat()}
-        </div>
-      </div>
     </div>`;
   }
   render() {
     return this._loadLocaleFormatsConfig.render({
-      pending: () => a`<luzmo-progress-circle
+      pending: () => s`<luzmo-progress-circle
           indeterminate
           .size=${this.size}
         ></luzmo-progress-circle>`,
@@ -526,7 +512,7 @@ m([
   n("#format-24h")
 ], r.prototype, "_format24hElement", 2);
 r = m([
-  $()
+  x()
 ], r);
 customElements.get("luzmo-display-settings-datetime") || customElements.define(
   "luzmo-display-settings-datetime",
@@ -535,7 +521,7 @@ customElements.get("luzmo-display-settings-datetime") || customElements.define(
 const O = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: v
-}, Symbol.toStringTag, { value: "Module" })), T = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Symbol.toStringTag, { value: "Module" })), I = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: v
 }, Symbol.toStringTag, { value: "Module" }));

package/components/display-settings-numeric/index.cjs

@@ -17,7 +17,7 @@
  * 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 n=require("../set-locale-DCPlazsZ.cjs"),A=require("../localized-decorator-DIXYZ3RL.cjs");require("../index-Dy_5M3M5.cjs");require("../index-CnP-Q5Bw.cjs");require("../index-j8UKjHqY.cjs");require("../index-tXl_aMnZ.cjs");require("../index-MPM_B4re.cjs");require("../index-Ck5VRoXN.cjs");require("../index-BoXbQm2o.cjs");const f=require("../decompose-numeric-format-B3rVVHpO.cjs"),o=require("../property-Cu4Q1hS4.cjs"),p=require("../luzmo-icons-DonyjSXg.cjs"),D=require("../index-CUvucmA0.cjs");require("../index-CYeQkVeJ.cjs");const y=require("../calculate-data-item-icon-Dn-9Kd0U.cjs"),z=require("../localize-r7ALOUy_.cjs"),N=require("../state-fyl3IYMu.cjs"),g=require("../query-D5qWDopr.cjs"),w=require("../focusable-DAGGGYyz.cjs"),b=require("../sized-mixin-j_7aJM4b.cjs"),x=":host .settings-container{display:flex;flex-direction:column;gap:var(--luzmo-spacing-2)}:host .settings-row{display:flex;justify-content:flex-start;align-items:center;gap:var(--luzmo-display-settings-numeric-gap, var(--display-settings-numeric-gap))}.duration-angle-down-icon{margin-inline-start:var(--luzmo-numeric-duration-levels-dropdown-icon-margin-inline-start, var(--numeric-duration-levels-dropdown-icon-margin-inline-start))}.dataset-header{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-weight:600;text-transform:uppercase;margin:.5rem 1rem}.no-weight-label{margin-left:1rem}.with-secondary-icon{clip-path:polygon(0 0,60% 0,65% 60%,100% 65%,100% 100%,0 100%)}.secondary-icon{position:absolute;bottom:45%;left:60%;width:auto;font-size:.75em;line-height:1}.data-icon-type{width:1.5rem;text-align:center;position:relative;display:inline-block}:host{--display-settings-numeric-gap: var(--luzmo-spacing-3);--numeric-duration-levels-dropdown-icon-margin-inline-start: var( --luzmo-spacing-2 )}:host([size=s]){--display-settings-numeric-gap: var(--luzmo-spacing-3);--numeric-duration-levels-dropdown-icon-margin-inline-start: var( --luzmo-spacing-1 )}:host([size=l]){--display-settings-numeric-gap: var(--luzmo-spacing-4);--numeric-duration-levels-dropdown-icon-margin-inline-start: var( --luzmo-spacing-3 )}:host([size=xl]){--display-settings-numeric-gap: var(--luzmo-spacing-5);--numeric-duration-levels-dropdown-icon-margin-inline-start: var( --luzmo-spacing-4 )}",C={sum:()=>n.msg("Sum",{desc:"Numeric Aggregation option"}),cumulativesum:()=>n.msg("Cumulative sum",{desc:"Numeric Aggregation option"}),average:()=>n.msg("Average",{desc:"Numeric Aggregation option"}),median:()=>n.msg("Median",{desc:"Numeric Aggregation option"}),count:()=>n.msg("Count",{desc:"Numeric Aggregation option"}),distinctcount:()=>n.msg("Distinct count",{desc:"Numeric Aggregation option"}),min:()=>n.msg("Minimum",{desc:"Numeric Aggregation option"}),max:()=>n.msg("Maximum",{desc:"Numeric Aggregation option"}),stddev:()=>n.msg("Standard deviation",{desc:"Numeric Aggregation option"}),rate:()=>n.msg("Rate",{desc:"Numeric Aggregation option"})},L={general:"123",percentage:"%",scientific:"SI"},F={time:()=>n.msg("Time",{desc:"Time format option"}),short:()=>n.msg("Short",{desc:"Short format option"}),long:()=>n.msg("Long",{desc:"Long format option"})},S={Auto:{auto:!0,label:()=>n.msg("Auto",{desc:"Automatic setting of the option"})},"1,000.00":{auto:!1,label:()=>"1,000.00",thousandSeparator:",",decimalSeparator:".",hiddenFor:"scientific"},"1.000,00":{auto:!1,label:()=>"1.000,00",thousandSeparator:".",decimalSeparator:",",hiddenFor:"scientific"},"1000.00":{auto:!1,label:()=>"1000.00",decimalSeparator:"."},"1000,00":{auto:!1,label:()=>"1000,00",decimalSeparator:","}},E={levels:[{level:1,label:"years"},{level:2,label:"quarters"},{level:3,label:"months"},{level:4,label:"weeks"},{level:5,label:"days"},{level:6,label:"hours"},{level:7,label:"minutes"},{level:8,label:"seconds"},{level:9,label:"milliseconds"}]};var q=Object.defineProperty,I=Object.getOwnPropertyDescriptor,l=(v,e,t,i)=>{for(var s=i>1?void 0:i?I(e,t):e,a=v.length-1,r;a>=0;a--)(r=v[a])&&(s=(i?r(e,t,s):r(s))||s);return i&&s&&q(e,t,s),s};exports.LuzmoDisplaySettingsNumeric=class extends b.SizedMixin(w.LuzmoElement,{validSizes:Object.values(b.ElementSizes)}){constructor(){super(...arguments),this.language="en",this.slotContent={},this.measureColumns=[],this._durationLevels=[],this._renderDurationLevelMenu=!1,this._sendEvent=()=>{const e={...this.slotContent};e.format=this._format,e.aggregationFunc=this._aggregationFunc,this._aggregationWeightColumn?e.aggregationWeight={...this._aggregationWeightColumn}:delete e.aggregationWeight,this._displayMode==="duration"?(e.duration=e.duration??{},e.duration.format=this._durationFormat,e.duration.levels=this._durationLevels):delete e.duration,this.dispatchEvent(new CustomEvent("slot-content-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContent:e}}))}}static get styles(){return[o.r(x)]}_parseSavedNumericFormatSettings(){var e,t,i,s,a,r,c,u,d,h;if(this._displayMode=((e=this.slotContent)==null?void 0:e.subtype)==="duration"?((s=(i=(t=this.slotContent)==null?void 0:t.duration)==null?void 0:i.levels)==null?void 0:s.length)===1?"numeric":"duration":"numeric",this._durationFormat=((r=(a=this.slotContent)==null?void 0:a.duration)==null?void 0:r.format)??"short",this._durationLevels=((u=(c=this.slotContent)==null?void 0:c.duration)==null?void 0:u.levels)??[1],this._displayMode==="duration")this._precision=2,this._commaDecimals=!1,this._thousandSeparator=!1;else{this._format=((d=this.slotContent)==null?void 0:d.format)??".0f";const m=f.decomposeNumericFormat(this._format??".0f");this._isAuto=((h=m.typeFormat)==null?void 0:h.includes("a"))??!1,["%","a%","y","ay"].includes(m.typeFormat)?this._displayAs="percentage":["s","as","w","aw"].includes(m.typeFormat)?this._displayAs="scientific":this._displayAs="general",this._precision=m.precision?Number.parseInt(m.precision.replace(".",""),10):this._displayAs==="scientific"?1:0,this._commaDecimals=["z","az","y","ay","w","aw"].includes(m.typeFormat),this._thousandSeparator=m.comma===",",this._isAuto?this._numericFormatGroup="Auto":this._commaDecimals&&this._thousandSeparator?this._numericFormatGroup="1.000,00":!this._commaDecimals&&this._thousandSeparator?this._numericFormatGroup="1,000.00":this._commaDecimals&&!this._thousandSeparator?this._numericFormatGroup="1000,00":!this._commaDecimals&&!this._thousandSeparator&&(this._numericFormatGroup="1000.00")}}_setNumericDisplayAs(){var e,t;this._displayAs=((t=(e=this._displayAsElement)==null?void 0:e.selected)==null?void 0:t[0])??"general",this._displayAs==="scientific"&&(this._precision=Math.max(this._precision??0,1),this._thousandSeparator=!1),this._setNumericFormat(),this._sendEvent(),this.requestUpdate()}_setNumericSeparators(e){const t=S[(e==null?void 0:e.detail)??"Auto"];this._thousandSeparator=[",","."].includes((t==null?void 0:t.thousandSeparator)??""),this._commaDecimals=(t==null?void 0:t.decimalSeparator)===",",this._isAuto=t==null?void 0:t.auto,this._setNumericFormat(),this._sendEvent()}_setPrecision(){this._precision=this._precisionElement.value,this._setNumericFormat(),this._sendEvent()}_setNumericFormat(){var i;let e="f";const t=this.slotContent.subtype==="duration"?this._durationLevels&&((i=this._durationLevels)==null?void 0:i.length)===1?"numeric":"duration":"numeric";this._maxDurationLevel=Math.min(...this._durationLevels),t==="duration"?(!["time","short","long"].includes(this._durationFormat??"")||this._maxDurationLevel<6&&this._durationFormat==="time")&&(this._durationFormat="short"):(this._displayAs==="general"&&this._commaDecimals?e="z":this._displayAs==="percentage"&&this._commaDecimals?e="y":this._displayAs==="scientific"&&this._commaDecimals?e="w":this._displayAs==="percentage"?e="%":this._displayAs==="scientific"&&(e="s"),this._format=(this._thousandSeparator||this._isAuto?",":"")+"."+this._precision+(this._isAuto?"a":"")+e)}_setAggregationFunc(){var a;const e=this._aggregationElement.value,t=this._aggregationFunc,i=this.slotContent.format;if(e!==(t==="weightedaverage"?"average":t)){if(this._aggregationFunc=e==="average"&&((a=this._aggregationWeightColumn)!=null&&a.column)?"weightedaverage":e,t==="rate"){const r=f.decomposeNumericFormat(i),c=["%","y","a%","ay"].includes(r.typeFormat);this.slotContent.subtype==="currency"&&c&&this._setNumericDisplayAs()}this._sendEvent(),(this._aggregationFunc==="rate"||t==="rate")&&this.requestUpdate()}}_setAggregationWeight(){var i;const e=this._aggregationWeightElement.value,t=this._aggregationFunc;if(e==="none")this._aggregationWeightColumn=void 0,this._aggregationFunc==="weightedaverage"&&(this._aggregationFunc="average");else{let s,a;for(const r of this.measureColumns??[]){const c=(i=r.columns)==null?void 0:i.find(u=>u.id===e);if(c){s=c,a=r.datasetId;break}}s&&(this._aggregationWeightColumn={column:s.id,set:a,columnSubType:s.subtype}),this._aggregationFunc==="average"&&(this._aggregationFunc="weightedaverage")}this._sendEvent(),this.requestUpdate(),(t==="weightedaverage"&&this._aggregationFunc==="average"||t==="average"&&this._aggregationFunc==="weightedaverage")&&this.requestUpdate()}_setDurationLevels(){const e=this._durationLevels,t=this._durationLevelsElement.value.split(",").filter(i=>i!=="").map(i=>Number.parseInt(i,10));this._durationLevels=((t==null?void 0:t.length)??0)>=1?t:e,this._maxDurationLevel=Math.min(...this._durationLevels),this._fillTimeDurationLevels(),this._setNumericFormat(),this._sendEvent(),this.requestUpdate()}_setDurationFormat(){var e,t;this._durationFormat=(t=(e=this._durationFormatElement)==null?void 0:e.selected)==null?void 0:t[0],this._fillTimeDurationLevels(),this._setNumericFormat(),this._sendEvent(),this.requestUpdate()}_fillTimeDurationLevels(){if(this._durationFormat==="time"){const e=this._durationLevels.sort().at(-1);if([7,8,9].includes(e)){const t={lev7:[6],lev8:[6,7],lev9:[6,7,8]};for(const i of t["lev"+e])this._durationLevels.includes(i)||this._durationLevels.push(i);this._durationLevels=[...this._durationLevels].sort()}}}willUpdate(e){var t,i,s,a,r;e.has("slotContent")&&(this._parseSavedNumericFormatSettings(),this._aggregationFunc=((t=this.slotContent)==null?void 0:t.aggregationFunc)??(((i=this.slotContent)==null?void 0:i.type)==="numeric"?"sum":"count"),this._aggregationWeightColumn=(s=this.slotContent)==null?void 0:s.aggregationWeight,this._isFormula=((a=this.slotContent)==null?void 0:a.formula)||((r=this.slotContent)==null?void 0:r.formulaId)),e.has("language")&&this.language!==n.getLocale()&&([...n.targetLocales].includes(this.language??"en")||this.language==="en")&&n.setLocale(this.language)}firstUpdated(){var e;(e=this.slotContent)!=null&&e.duration&&this._durationLevelsOverlay.addEventListener("slottable-request",t=>{this._renderDurationLevelMenu=t.data!==D.a})}_renderDurationLevelsSettings(){const e=E.levels.map(t=>{let i=!1;return this._durationFormat==="time"&&t.level>=6&&this._durationLevels.includes(t.level)&&t.level!==Math.max(...this._durationLevels)&&(i=!0),this._durationLevels.length===1&&this._durationLevels.includes(t.level)&&(i=!0),o.x`<luzmo-menu-item
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../set-locale-DCPlazsZ.cjs"),A=require("../localized-decorator-DIXYZ3RL.cjs");require("../index-Dy_5M3M5.cjs");require("../index-CnP-Q5Bw.cjs");require("../index-j8UKjHqY.cjs");require("../index-tXl_aMnZ.cjs");require("../index-MPM_B4re.cjs");require("../index-Ck5VRoXN.cjs");require("../index-BoXbQm2o.cjs");const _=require("../decompose-numeric-format-B3rVVHpO.cjs"),o=require("../property-Cu4Q1hS4.cjs"),g=require("../luzmo-icons-DonyjSXg.cjs"),D=require("../index-CUvucmA0.cjs");require("../index-CYeQkVeJ.cjs");const f=require("../calculate-data-item-icon-Dn-9Kd0U.cjs"),y=require("../localize-r7ALOUy_.cjs"),N=require("../state-fyl3IYMu.cjs"),c=require("../query-D5qWDopr.cjs"),w=require("../focusable-DAGGGYyz.cjs"),z=require("../sized-mixin-j_7aJM4b.cjs"),x=":host .settings-container{display:flex;flex-direction:column;gap:var(--luzmo-spacing-2)}:host .settings-row{display:flex;justify-content:flex-start;align-items:center;gap:var(--luzmo-display-settings-numeric-gap, var(--display-settings-numeric-gap))}.duration-angle-down-icon{margin-inline-start:var(--luzmo-numeric-duration-levels-dropdown-icon-margin-inline-start, var(--numeric-duration-levels-dropdown-icon-margin-inline-start))}.dataset-header{max-width:100%;font-weight:600;text-transform:uppercase;margin:.5rem 1rem;color:var(--luzmo-font-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default}.no-weight-label{margin-left:1rem}.with-secondary-icon{clip-path:polygon(0 0,60% 0,65% 60%,100% 65%,100% 100%,0 100%)}.secondary-icon{position:absolute;bottom:45%;left:60%;width:auto;font-size:.75em;line-height:1}.data-icon-type{width:1.5rem;text-align:center;position:relative;display:inline-block}:host{--display-settings-numeric-gap: var(--luzmo-spacing-3);--numeric-duration-levels-dropdown-icon-margin-inline-start: var( --luzmo-spacing-2 )}:host([size=s]){--display-settings-numeric-gap: var(--luzmo-spacing-3);--numeric-duration-levels-dropdown-icon-margin-inline-start: var( --luzmo-spacing-1 )}:host([size=l]){--display-settings-numeric-gap: var(--luzmo-spacing-4);--numeric-duration-levels-dropdown-icon-margin-inline-start: var( --luzmo-spacing-3 )}:host([size=xl]){--display-settings-numeric-gap: var(--luzmo-spacing-5);--numeric-duration-levels-dropdown-icon-margin-inline-start: var( --luzmo-spacing-4 )}",C={sum:()=>n.msg("Sum",{desc:"Numeric Aggregation option"}),cumulativesum:()=>n.msg("Cumulative sum",{desc:"Numeric Aggregation option"}),average:()=>n.msg("Average",{desc:"Numeric Aggregation option"}),median:()=>n.msg("Median",{desc:"Numeric Aggregation option"}),count:()=>n.msg("Count",{desc:"Numeric Aggregation option"}),distinctcount:()=>n.msg("Distinct count",{desc:"Numeric Aggregation option"}),min:()=>n.msg("Minimum",{desc:"Numeric Aggregation option"}),max:()=>n.msg("Maximum",{desc:"Numeric Aggregation option"}),stddev:()=>n.msg("Standard deviation",{desc:"Numeric Aggregation option"}),rate:()=>n.msg("Rate",{desc:"Numeric Aggregation option"})},b={general:"123",percentage:"%",scientific:"SI"},L={time:()=>n.msg("Time",{desc:"Time format option"}),short:()=>n.msg("Short",{desc:"Short format option"}),long:()=>n.msg("Long",{desc:"Long format option"})},F={Auto:{auto:!0,label:()=>n.msg("Auto",{desc:"Automatic setting of the option"})},"1,000.00":{auto:!1,label:()=>"1,000.00",thousandSeparator:",",decimalSeparator:".",hiddenFor:"scientific"},"1.000,00":{auto:!1,label:()=>"1.000,00",thousandSeparator:".",decimalSeparator:",",hiddenFor:"scientific"},"1000.00":{auto:!1,label:()=>"1000.00",decimalSeparator:"."},"1000,00":{auto:!1,label:()=>"1000,00",decimalSeparator:","}},E={levels:[{level:1,label:"years"},{level:2,label:"quarters"},{level:3,label:"months"},{level:4,label:"weeks"},{level:5,label:"days"},{level:6,label:"hours"},{level:7,label:"minutes"},{level:8,label:"seconds"},{level:9,label:"milliseconds"}]};var q=Object.defineProperty,I=Object.getOwnPropertyDescriptor,u=(d,e,t,i)=>{for(var s=i>1?void 0:i?I(e,t):e,a=d.length-1,r;a>=0;a--)(r=d[a])&&(s=(i?r(e,t,s):r(s))||s);return i&&s&&q(e,t,s),s};exports.LuzmoDisplaySettingsNumeric=class extends z.SizedMixin(w.LuzmoElement,{validSizes:Object.values(z.ElementSizes)}){constructor(){super(...arguments),this.language="en",this.slotContent={},this.measureColumns=[],this._durationLevels=[],this._renderDurationLevelMenu=!1,this._sendEvent=()=>{const e={...this.slotContent};e.format=this._format,e.aggregationFunc=this._aggregationFunc,this._aggregationWeightColumn?e.aggregationWeight={...this._aggregationWeightColumn}:delete e.aggregationWeight,this._displayMode==="duration"?(e.duration=e.duration??{},e.duration.format=this._durationFormat,e.duration.levels=this._durationLevels):delete e.duration,this.dispatchEvent(new CustomEvent("slot-content-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContent:e}}))}}static get styles(){return[o.r(x)]}_parseSavedNumericFormatSettings(){var e,t,i,s,a,r,m;if(this._displayMode=((e=this.slotContent)==null?void 0:e.subtype)==="duration"?"duration":"numeric",this._durationFormat=((i=(t=this.slotContent)==null?void 0:t.duration)==null?void 0:i.format)??"short",this._durationLevels=((a=(s=this.slotContent)==null?void 0:s.duration)==null?void 0:a.levels)??[1],this._displayMode==="duration")this._precision=2,this._commaDecimals=!1,this._thousandSeparator=!1;else{this._format=((r=this.slotContent)==null?void 0:r.format)??".0f";const l=_.decomposeNumericFormat(this._format??".0f");this._isAuto=((m=l.typeFormat)==null?void 0:m.includes("a"))??!1,["%","a%","y","ay"].includes(l.typeFormat)?this._displayAs="percentage":["s","as","w","aw"].includes(l.typeFormat)?this._displayAs="scientific":this._displayAs="general",this._precision=l.precision?Number.parseInt(l.precision.replace(".",""),10):this._displayAs==="scientific"?1:0,this._commaDecimals=["z","az","y","ay","w","aw"].includes(l.typeFormat),this._thousandSeparator=l.comma===",",this._isAuto?this._numericFormatGroup="Auto":this._commaDecimals&&this._thousandSeparator?this._numericFormatGroup="1.000,00":!this._commaDecimals&&this._thousandSeparator?this._numericFormatGroup="1,000.00":this._commaDecimals&&!this._thousandSeparator?this._numericFormatGroup="1000,00":!this._commaDecimals&&!this._thousandSeparator&&(this._numericFormatGroup="1000.00")}}_setNumericDisplayAs(){var e,t;this._displayAs=((t=(e=this._displayAsElement)==null?void 0:e.selected)==null?void 0:t[0])??"general",this._displayAs==="scientific"&&(this._precision=Math.max(this._precision??0,1),this._thousandSeparator=!1),this._setNumericFormat(),this._sendEvent(),this.requestUpdate()}_setNumericSeparators(e){const t=F[(e==null?void 0:e.detail)??"Auto"];this._thousandSeparator=[",","."].includes((t==null?void 0:t.thousandSeparator)??""),this._commaDecimals=(t==null?void 0:t.decimalSeparator)===",",this._isAuto=t==null?void 0:t.auto,this._setNumericFormat(),this._sendEvent()}_setPrecision(){this._precision=this._precisionElement.value,this._setNumericFormat(),this._sendEvent()}_setNumericFormat(){var i;let e="f";const t=this.slotContent.subtype==="duration"?this._durationLevels&&((i=this._durationLevels)==null?void 0:i.length)===1?"numeric":"duration":"numeric";this._maxDurationLevel=Math.min(...this._durationLevels),t==="duration"?(!["time","short","long"].includes(this._durationFormat??"")||this._maxDurationLevel<6&&this._durationFormat==="time")&&(this._durationFormat="short"):(this._displayAs==="general"&&this._commaDecimals?e="z":this._displayAs==="percentage"&&this._commaDecimals?e="y":this._displayAs==="scientific"&&this._commaDecimals?e="w":this._displayAs==="percentage"?e="%":this._displayAs==="scientific"&&(e="s"),this._format=(this._thousandSeparator||this._isAuto?",":"")+"."+this._precision+(this._isAuto?"a":"")+e)}_setAggregationFunc(){var a;const e=this._aggregationElement.value,t=this._aggregationFunc,i=this.slotContent.format;if(e!==(t==="weightedaverage"?"average":t)){if(this._aggregationFunc=e==="average"&&((a=this._aggregationWeightColumn)!=null&&a.column)?"weightedaverage":e,t==="rate"){const r=_.decomposeNumericFormat(i),m=["%","y","a%","ay"].includes(r.typeFormat);this.slotContent.subtype==="currency"&&m&&this._setNumericDisplayAs()}this._sendEvent(),(this._aggregationFunc==="rate"||t==="rate")&&this.requestUpdate()}}_setAggregationWeight(){var i;const e=this._aggregationWeightElement.value,t=this._aggregationFunc;if(e==="none")this._aggregationWeightColumn=void 0,this._aggregationFunc==="weightedaverage"&&(this._aggregationFunc="average");else{let s,a;for(const r of this.measureColumns??[]){const m=(i=r.columns)==null?void 0:i.find(l=>l.id===e);if(m){s=m,a=r.datasetId;break}}s&&(this._aggregationWeightColumn={column:s.id,set:a,columnSubType:s.subtype}),this._aggregationFunc==="average"&&(this._aggregationFunc="weightedaverage")}this._sendEvent(),this.requestUpdate(),(t==="weightedaverage"&&this._aggregationFunc==="average"||t==="average"&&this._aggregationFunc==="weightedaverage")&&this.requestUpdate()}_setDurationLevels(){const e=this._durationLevels,t=this._durationLevelsElement.value.split(",").filter(i=>i!=="").map(i=>Number.parseInt(i,10));this._durationLevels=((t==null?void 0:t.length)??0)>=1?t:e,this._maxDurationLevel=Math.min(...this._durationLevels),this._fillTimeDurationLevels(),this._setNumericFormat(),this._sendEvent(),this.requestUpdate()}_setDurationFormat(){var e,t;this._durationFormat=(t=(e=this._durationFormatElement)==null?void 0:e.selected)==null?void 0:t[0],this._fillTimeDurationLevels(),this._setNumericFormat(),this._sendEvent(),this.requestUpdate()}_fillTimeDurationLevels(){if(this._durationFormat==="time"){const e=this._durationLevels.sort().at(-1);if([7,8,9].includes(e)){const t={lev7:[6],lev8:[6,7],lev9:[6,7,8]};for(const i of t["lev"+e])this._durationLevels.includes(i)||this._durationLevels.push(i);this._durationLevels=[...this._durationLevels].sort()}}}willUpdate(e){var t,i,s,a,r;e.has("slotContent")&&(this._parseSavedNumericFormatSettings(),this._aggregationFunc=((t=this.slotContent)==null?void 0:t.aggregationFunc)??(((i=this.slotContent)==null?void 0:i.type)==="numeric"?"sum":"count"),this._aggregationWeightColumn=(s=this.slotContent)==null?void 0:s.aggregationWeight,this._isFormula=((a=this.slotContent)==null?void 0:a.formula)||((r=this.slotContent)==null?void 0:r.formulaId)),e.has("language")&&this.language!==n.getLocale()&&([...n.targetLocales].includes(this.language??"en")||this.language==="en")&&n.setLocale(this.language)}firstUpdated(){var e;(e=this.slotContent)!=null&&e.duration&&this._durationLevelsOverlay.addEventListener("slottable-request",t=>{this._renderDurationLevelMenu=t.data!==D.a})}_renderDurationLevelsSettings(){const e=E.levels.map(t=>{let i=!1;return this._durationFormat==="time"&&t.level>=6&&this._durationLevels.includes(t.level)&&t.level!==Math.max(...this._durationLevels)&&(i=!0),this._durationLevels.length===1&&this._durationLevels.includes(t.level)&&(i=!0),o.x`<luzmo-menu-item
         value=${t.level}
         ?selected=${this._durationLevels.includes(t.level)}
         ?disabled=${i}
@@ -31,7 +31,7 @@
         ${this._durationLevels.length}
         ${this._durationLevels.length===1?"level":"levels"} active
         <span class="duration-angle-down-icon">
-          ${p.y3(p.T)}
+          ${g.y3(g.T)}
         </span>
       </luzmo-action-button>
       <luzmo-overlay
@@ -53,8 +53,8 @@
               </luzmo-menu>`:""}
         </luzmo-popover>
       </luzmo-overlay>
-    </div>`}_renderDurationFormatSettings(){const e=Object.keys(F).map(t=>t==="time"&&(this._maxDurationLevel??1)<6?"":o.x`<luzmo-action-button value=${t}>
-        ${F[t]()}
+    </div>`}_renderDurationFormatSettings(){const e=Object.keys(L).map(t=>t==="time"&&(this._maxDurationLevel??1)<6?"":o.x`<luzmo-action-button value=${t}>
+        ${L[t]()}
       </luzmo-action-button>`);return o.x` <div class="setting">
       <luzmo-field-label for="duration-format">
         ${n.msg("Format",{desc:"Label for format setting"})}
@@ -70,8 +70,8 @@
       >
         ${e}
       </luzmo-action-group>
-    </div>`}_renderNumericDisplayAsSettings(){const e=Object.keys(L).map(t=>o.x`<luzmo-action-button value=${t}
-          >${L[t]}</luzmo-action-button
+    </div>`}_renderNumericDisplayAsSettings(){const e=Object.keys(b).map(t=>o.x`<luzmo-action-button value=${t}
+          >${b[t]}</luzmo-action-button
         >`);return o.x`<div class="setting">
       <luzmo-field-label for="display-as">
         ${n.msg("Display as",{desc:"Label for display as setting for the datetime field"})}
@@ -87,7 +87,7 @@
       >
         ${e}
       </luzmo-action-group>
-    </div>`}_renderNumericFormatSettings(){const e=Object.entries(S).filter(([,{hiddenFor:t}])=>!t||t!==this._displayAs).map(([t,{label:i}])=>o.x`<luzmo-menu-item value=${t}>${i()}</luzmo-menu-item>`);return o.x` <div class="setting">
+    </div>`}_renderNumericFormatSettings(){const e=Object.entries(F).filter(([,{hiddenFor:t}])=>!t||t!==this._displayAs).map(([t,{label:i}])=>o.x`<luzmo-menu-item value=${t}>${i()}</luzmo-menu-item>`);return o.x` <div class="setting">
         <luzmo-field-label for="format">
           ${n.msg("Format",{desc:"Label for format setting"})}
         </luzmo-field-label>
@@ -115,25 +115,25 @@
         ></luzmo-number-field>
       </div>`}_renderAggregationSettings(){var i;const e=Object.entries(C).filter(([s])=>{var a;return["count","distinctcount"].includes(s)||((a=this.slotContent)==null?void 0:a.type)==="numeric"}).map(([s,a])=>o.x`<luzmo-menu-item value=${s}>${a()}</luzmo-menu-item>`),t=[o.x`<luzmo-menu-item value="none" class="no-weight">
         <span class="no-weight-label">No weight</span>
-      </luzmo-menu-item>`,...(this.measureColumns??[]).flatMap(s=>{const a=typeof s.datasetName=="object"?z.localize(s.datasetName,this.language):s.datasetName,r=o.x`<div class="dataset-header">
+      </luzmo-menu-item>`,...(this.measureColumns??[]).flatMap(s=>{const a=typeof s.datasetName=="object"?y.localize(s.datasetName,this.language):s.datasetName,r=o.x`<div class="dataset-header">
           ${a}
           <luzmo-tooltip self-managed placement="right" size=${this.size}>
             ${a}
           </luzmo-tooltip>
-        </div>`,c=(s.columns??[]).map(u=>{const d=typeof u.name=="object"?z.localize(u.name,this.language):u.name,h=p.y3(y.calculateDataItemIcon(u,"s")),m=u.expression?y.calculateDataItemSecondaryIcon("derived","s"):void 0,_=!!m,$=_?o.x`<span class="secondary-icon"
-                >${p.y3(m)}</span
-              >`:o.E;return o.x`<luzmo-menu-item value=${u.id}>
+        </div>`,m=(s.columns??[]).map(l=>{const h=typeof l.name=="object"?y.localize(l.name,this.language):l.name,S=g.y3(f.calculateDataItemIcon(l,"s")),p=l.expression?f.calculateDataItemSecondaryIcon("derived","s"):void 0,v=!!p,$=v?o.x`<span class="secondary-icon"
+                >${g.y3(p)}</span
+              >`:o.E;return o.x`<luzmo-menu-item value=${l.id}>
             <span class="data-icon-type" slot="icon">
-              <span class=${_?"with-secondary-icon":""}
-                >${h}</span
+              <span class=${v?"with-secondary-icon":""}
+                >${S}</span
               >
               ${$}
             </span>
-            <span class="column-label text-truncate">${d}</span>
+            <span class="column-label text-truncate">${h}</span>
             <luzmo-tooltip self-managed placement="right" size=${this.size}>
-              ${d}
+              ${h}
             </luzmo-tooltip>
-          </luzmo-menu-item>`});return[r,...c]})];return o.x`<div class="settings-row">
+          </luzmo-menu-item>`});return[r,...m]})];return o.x`<div class="settings-row">
       <div class="setting">
         <luzmo-field-label for="aggregation">
           ${n.msg("Aggregation",{desc:"Label for aggregation setting"})}
@@ -180,4 +180,4 @@
       </div>
       ${this._isFormula?o.E:this._renderAggregationSettings()}
       </div>
-    </div>`}};l([o.n({type:String,reflect:!0})],exports.LuzmoDisplaySettingsNumeric.prototype,"language",2);l([o.n({type:Object,reflect:!0})],exports.LuzmoDisplaySettingsNumeric.prototype,"slotContent",2);l([o.n({type:Array,reflect:!1})],exports.LuzmoDisplaySettingsNumeric.prototype,"measureColumns",2);l([g.e("#display-as")],exports.LuzmoDisplaySettingsNumeric.prototype,"_displayAsElement",2);l([g.e("#precision")],exports.LuzmoDisplaySettingsNumeric.prototype,"_precisionElement",2);l([g.e("#aggregation")],exports.LuzmoDisplaySettingsNumeric.prototype,"_aggregationElement",2);l([g.e("#weighting-column")],exports.LuzmoDisplaySettingsNumeric.prototype,"_aggregationWeightElement",2);l([g.e("#duration-levels")],exports.LuzmoDisplaySettingsNumeric.prototype,"_durationLevelsElement",2);l([g.e("#duration-format")],exports.LuzmoDisplaySettingsNumeric.prototype,"_durationFormatElement",2);l([g.e("#duration-levels-overlay")],exports.LuzmoDisplaySettingsNumeric.prototype,"_durationLevelsOverlay",2);l([N.r()],exports.LuzmoDisplaySettingsNumeric.prototype,"_renderDurationLevelMenu",2);exports.LuzmoDisplaySettingsNumeric=l([A.localized()],exports.LuzmoDisplaySettingsNumeric);customElements.get("luzmo-display-settings-numeric")||customElements.define("luzmo-display-settings-numeric",exports.LuzmoDisplaySettingsNumeric);
+    </div>`}};u([o.n({type:String,reflect:!0})],exports.LuzmoDisplaySettingsNumeric.prototype,"language",2);u([o.n({type:Object,reflect:!0})],exports.LuzmoDisplaySettingsNumeric.prototype,"slotContent",2);u([o.n({type:Array,reflect:!1})],exports.LuzmoDisplaySettingsNumeric.prototype,"measureColumns",2);u([c.e("#display-as")],exports.LuzmoDisplaySettingsNumeric.prototype,"_displayAsElement",2);u([c.e("#precision")],exports.LuzmoDisplaySettingsNumeric.prototype,"_precisionElement",2);u([c.e("#aggregation")],exports.LuzmoDisplaySettingsNumeric.prototype,"_aggregationElement",2);u([c.e("#weighting-column")],exports.LuzmoDisplaySettingsNumeric.prototype,"_aggregationWeightElement",2);u([c.e("#duration-levels")],exports.LuzmoDisplaySettingsNumeric.prototype,"_durationLevelsElement",2);u([c.e("#duration-format")],exports.LuzmoDisplaySettingsNumeric.prototype,"_durationFormatElement",2);u([c.e("#duration-levels-overlay")],exports.LuzmoDisplaySettingsNumeric.prototype,"_durationLevelsOverlay",2);u([N.r()],exports.LuzmoDisplaySettingsNumeric.prototype,"_renderDurationLevelMenu",2);exports.LuzmoDisplaySettingsNumeric=u([A.localized()],exports.LuzmoDisplaySettingsNumeric);customElements.get("luzmo-display-settings-numeric")||customElements.define("luzmo-display-settings-numeric",exports.LuzmoDisplaySettingsNumeric);