@luzmo/analytics-components-kit 1.0.1-alpha.86 → 1.0.1-alpha.87

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

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { msg as a, localized as w } from "@lit/localize";
+import { msg as i, localized as $ } from "@lit/localize";
 import "@luzmo/lucero/action-button";
 import "@luzmo/lucero/action-group";
 import "@luzmo/lucero/field-label";
@@ -26,45 +26,45 @@ import "@luzmo/lucero/number-field";
 import "@luzmo/lucero/picker";
 import "@luzmo/lucero/popover";
 import { d as v } from "../decompose-numeric-format-BuZcjH2k.js";
-import { unsafeCSS as L, html as r, nothing as _ } from "lit";
-import { luzmoIcon as h, luzmoAngleDown as S } from "@luzmo/icons";
-import { removeSlottableRequest as C } from "@luzmo/lucero/overlay";
+import { unsafeCSS as w, html as s, nothing as z } from "lit";
+import { luzmoIcon as g, luzmoAngleDown as L } from "@luzmo/icons";
+import { removeSlottableRequest as S } from "@luzmo/lucero/overlay";
 import "@luzmo/lucero/tooltip";
-import { c as D, a as N } from "../calculate-data-item-icon-DZDqb3xu.js";
-import { l as b } from "../localize-BX7q0S0M.js";
-import { property as g, query as d, state as E } from "lit/decorators.js";
-import { L as I } from "../focusable-DCIFkpiW.js";
-import { S as M, E as k } from "../sized-mixin-cJbo3PKR.js";
-import { g as O, t as W, s as T } from "../set-locale-B-Tz2sdI.js";
+import { c as C, a as D } from "../calculate-data-item-icon-C8CbsMQf.js";
+import { l as _ } from "../localize-CcDpq940.js";
+import { property as d, query as c, state as N } from "lit/decorators.js";
+import { L as E } from "../focusable-BS2pbY7w.js";
+import { S as I, E as M } from "../sized-mixin-cJbo3PKR.js";
+import { g as k, t as O, s as W } from "../set-locale-hKTMz37h.js";
 (function() {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
-    const e = document.createElement("style");
-    e.setAttribute("data-luzmo-vars", ""), e.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-background-color-alt-1: rgb(250, 250, 250);--luzmo-background-color-alt-2: rgb(239, 239, 239);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-secondary-outline: rgba(255, 0, 255, 0.2);--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(e);
+    const t = document.createElement("style");
+    t.setAttribute("data-luzmo-vars", ""), t.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-background-color-alt-1: rgb(250, 250, 250);--luzmo-background-color-alt-2: rgb(239, 239, 239);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-secondary-outline: rgba(255, 0, 255, 0.2);--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(t);
   }
 })();
-const U = ":host .settings-container{display:flex;flex-direction:column;gap:var(--luzmo-display-settings-vertical-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 )}", j = {
-  sum: () => a("Sum", { desc: "Numeric Aggregation option" }),
-  cumulativesum: () => a("Cumulative sum", { desc: "Numeric Aggregation option" }),
-  average: () => a("Average", { desc: "Numeric Aggregation option" }),
-  median: () => a("Median", { desc: "Numeric Aggregation option" }),
-  count: () => a("Count rows", { desc: "Numeric Aggregation option" }),
-  distinctcount: () => a("Count distinct", { desc: "Numeric Aggregation option" }),
-  min: () => a("Minimum", { desc: "Numeric Aggregation option" }),
-  max: () => a("Maximum", { desc: "Numeric Aggregation option" }),
-  stddev: () => a("Standard deviation", { desc: "Numeric Aggregation option" }),
-  rate: () => a("Rate", { desc: "Numeric Aggregation option" })
-}, y = {
+const T = ":host .settings-container{display:flex;flex-direction:column;gap:var(--luzmo-display-settings-vertical-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 )}", U = {
+  sum: () => i("Sum", { desc: "Numeric Aggregation option" }),
+  cumulativesum: () => i("Cumulative sum", { desc: "Numeric Aggregation option" }),
+  average: () => i("Average", { desc: "Numeric Aggregation option" }),
+  median: () => i("Median", { desc: "Numeric Aggregation option" }),
+  count: () => i("Count rows", { desc: "Numeric Aggregation option" }),
+  distinctcount: () => i("Count distinct", { desc: "Numeric Aggregation option" }),
+  min: () => i("Minimum", { desc: "Numeric Aggregation option" }),
+  max: () => i("Maximum", { desc: "Numeric Aggregation option" }),
+  stddev: () => i("Standard deviation", { desc: "Numeric Aggregation option" }),
+  rate: () => i("Rate", { desc: "Numeric Aggregation option" })
+}, b = {
   general: "123",
   percentage: "%",
   scientific: "SI"
+}, y = {
+  time: () => i("Time", { desc: "Time format option" }),
+  short: () => i("Short", { desc: "Short format option" }),
+  long: () => i("Long", { desc: "Long format option" })
 }, x = {
-  time: () => a("Time", { desc: "Time format option" }),
-  short: () => a("Short", { desc: "Short format option" }),
-  long: () => a("Long", { desc: "Long format option" })
-}, A = {
   Auto: {
     auto: !0,
-    label: () => a("Auto", { desc: "Automatic setting of the option" })
+    label: () => i("Auto", { desc: "Automatic setting of the option" })
   },
   "1,000.00": {
     auto: !1,
@@ -90,7 +90,7 @@ const U = ":host .settings-container{display:flex;flex-direction:column;gap:var(
     label: () => "1000,00",
     decimalSeparator: ","
   }
-}, P = {
+}, j = {
   levels: [
     { level: 1, label: "years" },
     { level: 2, label: "quarters" },
@@ -103,116 +103,110 @@ const U = ":host .settings-container{display:flex;flex-direction:column;gap:var(
     { level: 9, label: "milliseconds" }
   ]
 };
-var q = Object.defineProperty, R = Object.getOwnPropertyDescriptor, m = (t, e, o, s) => {
-  for (var i = s > 1 ? void 0 : s ? R(e, o) : e, l = t.length - 1, c; l >= 0; l--)
-    (c = t[l]) && (i = (s ? c(e, o, i) : c(i)) || i);
-  return s && i && q(e, o, i), i;
+var P = Object.defineProperty, q = Object.getOwnPropertyDescriptor, l = (e, t, o, n) => {
+  for (var r = n > 1 ? void 0 : n ? q(t, o) : t, m = e.length - 1, u; m >= 0; m--)
+    (u = e[m]) && (r = (n ? u(t, o, r) : u(r)) || r);
+  return n && r && P(t, o, r), r;
 };
-let u = class extends M(I, {
-  validSizes: Object.values(k)
+let a = class extends I(E, {
+  validSizes: Object.values(M)
 }) {
   constructor() {
     super(...arguments), this.language = "en", this.slotContent = {}, this.measureColumns = [], this._durationLevels = [], this._renderDurationLevelMenu = !1, this._sendEvent = () => {
-      const t = { ...this.slotContent };
-      t.format = this._format, t.aggregationFunc = this._aggregationFunc, this._aggregationWeightColumn ? t.aggregationWeight = { ...this._aggregationWeightColumn } : delete t.aggregationWeight, this._displayMode === "duration" ? (t.duration = t.duration ?? {}, t.duration.format = this._durationFormat, t.duration.levels = this._durationLevels) : delete t.duration, this.dispatchEvent(
+      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: t
+            slotContent: e
           }
         })
       );
     };
   }
   static get styles() {
-    return [L(U)];
+    return [w(T)];
   }
   _parseSavedNumericFormatSettings() {
-    var t, e, o, s, i, l, c;
-    if (this._displayMode = ((t = this.slotContent) == null ? void 0 : t.subtype) === "duration" ? "duration" : "numeric", this._durationFormat = ((o = (e = this.slotContent) == null ? void 0 : e.duration) == null ? void 0 : o.format) ?? "short", this._durationLevels = ((i = (s = this.slotContent) == null ? void 0 : s.duration) == null ? void 0 : i.levels) ?? [1], this._displayMode === "duration")
+    if (this._displayMode = this.slotContent?.subtype === "duration" ? "duration" : "numeric", this._durationFormat = this.slotContent?.duration?.format ?? "short", this._durationLevels = this.slotContent?.duration?.levels ?? [1], this._displayMode === "duration")
       this._precision = 2, this._commaDecimals = !1, this._thousandSeparator = !1;
     else {
-      this._format = ((l = this.slotContent) == null ? void 0 : l.format) ?? ".0f";
-      const n = v(this._format ?? ".0f");
-      this._isAuto = ((c = n.typeFormat) == null ? void 0 : c.includes("a")) ?? !1, ["%", "a%", "y", "ay"].includes(n.typeFormat) ? this._displayAs = "percentage" : ["s", "as", "w", "aw"].includes(n.typeFormat) ? this._displayAs = "scientific" : this._displayAs = "general", this._precision = n.precision ? Number.parseInt(n.precision.replace(".", ""), 10) : this._displayAs === "scientific" ? 1 : 0, this._commaDecimals = ["z", "az", "y", "ay", "w", "aw"].includes(
-        n.typeFormat
-      ), this._thousandSeparator = n.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");
+      this._format = this.slotContent?.format ?? ".0f";
+      const e = v(this._format ?? ".0f");
+      this._isAuto = e.typeFormat?.includes("a") ?? !1, ["%", "a%", "y", "ay"].includes(e.typeFormat) ? this._displayAs = "percentage" : ["s", "as", "w", "aw"].includes(e.typeFormat) ? this._displayAs = "scientific" : this._displayAs = "general", this._precision = e.precision ? Number.parseInt(e.precision.replace(".", ""), 10) : this._displayAs === "scientific" ? 1 : 0, this._commaDecimals = ["z", "az", "y", "ay", "w", "aw"].includes(
+        e.typeFormat
+      ), this._thousandSeparator = e.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 t, e;
-    this._displayAs = ((e = (t = this._displayAsElement) == null ? void 0 : t.selected) == null ? void 0 : e[0]) ?? "general", this._displayAs === "scientific" && (this._precision = Math.max(this._precision ?? 0, 1), this._thousandSeparator = !1), this._setNumericFormat(), this._sendEvent(), this.requestUpdate();
+    this._displayAs = this._displayAsElement?.selected?.[0] ?? "general", this._displayAs === "scientific" && (this._precision = Math.max(this._precision ?? 0, 1), this._thousandSeparator = !1), this._setNumericFormat(), this._sendEvent(), this.requestUpdate();
   }
-  _setNumericSeparators(t) {
-    const e = A[(t == null ? void 0 : t.detail) ?? "Auto"];
+  _setNumericSeparators(e) {
+    const t = x[e?.detail ?? "Auto"];
     this._thousandSeparator = [",", "."].includes(
-      (e == null ? void 0 : e.thousandSeparator) ?? ""
-    ), this._commaDecimals = (e == null ? void 0 : e.decimalSeparator) === ",", this._isAuto = e == null ? void 0 : e.auto, this._setNumericFormat(), this._sendEvent();
+      t?.thousandSeparator ?? ""
+    ), this._commaDecimals = t?.decimalSeparator === ",", this._isAuto = t?.auto, this._setNumericFormat(), this._sendEvent();
   }
   _setPrecision() {
     this._precision = this._precisionElement.value, this._setNumericFormat(), this._sendEvent();
   }
   _setNumericFormat() {
-    var o;
-    let t = "f";
-    const e = this.slotContent.subtype === "duration" ? this._durationLevels && ((o = this._durationLevels) == null ? void 0 : o.length) === 1 ? "numeric" : "duration" : "numeric";
-    this._maxDurationLevel = Math.min(...this._durationLevels), e === "duration" ? (!["time", "short", "long"].includes(this._durationFormat ?? "") || this._maxDurationLevel < 6 && this._durationFormat === "time") && (this._durationFormat = "short") : (this._displayAs === "general" && this._commaDecimals ? t = "z" : this._displayAs === "percentage" && this._commaDecimals ? t = "y" : this._displayAs === "scientific" && this._commaDecimals ? t = "w" : this._displayAs === "percentage" ? t = "%" : this._displayAs === "scientific" && (t = "s"), this._format = (this._thousandSeparator || this._isAuto ? "," : "") + "." + this._precision + (this._isAuto ? "a" : "") + t);
+    let e = "f";
+    const t = this.slotContent.subtype === "duration" ? this._durationLevels && this._durationLevels?.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 i;
-    const t = this._aggregationElement.value, e = this._aggregationFunc, o = this.slotContent.format;
-    if (t !== (e === "weightedaverage" ? "average" : e)) {
-      if (this._aggregationFunc = t === "average" && ((i = this._aggregationWeightColumn) != null && i.column) ? "weightedaverage" : t, e === "rate") {
-        const l = v(o), c = ["%", "y", "a%", "ay"].includes(
-          l.typeFormat
+    const e = this._aggregationElement.value, t = this._aggregationFunc, o = this.slotContent.format;
+    if (e !== (t === "weightedaverage" ? "average" : t)) {
+      if (this._aggregationFunc = e === "average" && this._aggregationWeightColumn?.column ? "weightedaverage" : e, t === "rate") {
+        const r = v(o), m = ["%", "y", "a%", "ay"].includes(
+          r.typeFormat
         );
-        this.slotContent.subtype === "currency" && c && this._setNumericDisplayAs();
+        this.slotContent.subtype === "currency" && m && this._setNumericDisplayAs();
       }
-      this._sendEvent(), (this._aggregationFunc === "rate" || e === "rate") && this.requestUpdate();
+      this._sendEvent(), (this._aggregationFunc === "rate" || t === "rate") && this.requestUpdate();
     }
   }
   _setAggregationWeight() {
-    var o;
-    const t = this._aggregationWeightElement.value, e = this._aggregationFunc;
-    if (t === "none")
+    const e = this._aggregationWeightElement.value, t = this._aggregationFunc;
+    if (e === "none")
       this._aggregationWeightColumn = void 0, this._aggregationFunc === "weightedaverage" && (this._aggregationFunc = "average");
     else {
-      let s, i;
-      for (const l of this.measureColumns ?? []) {
-        const c = (o = l.columns) == null ? void 0 : o.find((n) => n.id === t);
-        if (c) {
-          s = c, i = l.datasetId;
+      let o, n;
+      for (const r of this.measureColumns ?? []) {
+        const m = r.columns?.find((u) => u.id === e);
+        if (m) {
+          o = m, n = r.datasetId;
           break;
         }
       }
-      s && (this._aggregationWeightColumn = {
-        column: s.id,
-        set: i,
-        columnSubType: s.subtype
+      o && (this._aggregationWeightColumn = {
+        column: o.id,
+        set: n,
+        columnSubType: o.subtype
       }), this._aggregationFunc === "average" && (this._aggregationFunc = "weightedaverage");
     }
-    this._sendEvent(), this.requestUpdate(), (e === "weightedaverage" && this._aggregationFunc === "average" || e === "average" && this._aggregationFunc === "weightedaverage") && this.requestUpdate();
+    this._sendEvent(), this.requestUpdate(), (t === "weightedaverage" && this._aggregationFunc === "average" || t === "average" && this._aggregationFunc === "weightedaverage") && this.requestUpdate();
   }
   _setDurationLevels() {
-    const t = this._durationLevels, e = this._durationLevelsElement.value.split(",").filter((o) => o !== "").map((o) => Number.parseInt(o, 10));
-    this._durationLevels = ((e == null ? void 0 : e.length) ?? 0) >= 1 ? e : t, this._maxDurationLevel = Math.min(...this._durationLevels), this._fillTimeDurationLevels(), this._setNumericFormat(), this._sendEvent(), this.requestUpdate();
+    const e = this._durationLevels, t = this._durationLevelsElement.value.split(",").filter((o) => o !== "").map((o) => Number.parseInt(o, 10));
+    this._durationLevels = (t?.length ?? 0) >= 1 ? t : e, this._maxDurationLevel = Math.min(...this._durationLevels), this._fillTimeDurationLevels(), this._setNumericFormat(), this._sendEvent(), this.requestUpdate();
   }
   _setDurationFormat() {
-    var t, e;
-    this._durationFormat = (e = (t = this._durationFormatElement) == null ? void 0 : t.selected) == null ? void 0 : e[0], this._fillTimeDurationLevels(), this._setNumericFormat(), this._sendEvent(), this.requestUpdate();
+    this._durationFormat = this._durationFormatElement?.selected?.[0], this._fillTimeDurationLevels(), this._setNumericFormat(), this._sendEvent(), this.requestUpdate();
   }
   _fillTimeDurationLevels() {
     if (this._durationFormat === "time") {
-      const t = this._durationLevels.sort().at(-1);
-      if ([7, 8, 9].includes(t)) {
-        const e = {
+      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 o of e["lev" + t])
+        for (const o of t["lev" + e])
           this._durationLevels.includes(o) || this._durationLevels.push(o);
         this._durationLevels = [...this._durationLevels].sort();
       }
@@ -254,39 +248,37 @@ let u = class extends M(I, {
         });
       }
     } */
-  willUpdate(t) {
-    var e, o, s, i, l;
-    t.has("slotContent") && (this._parseSavedNumericFormatSettings(), this._aggregationFunc = ((e = this.slotContent) == null ? void 0 : e.aggregationFunc) ?? (((o = this.slotContent) == null ? void 0 : o.type) === "numeric" ? "sum" : "count"), this._aggregationWeightColumn = (s = this.slotContent) == null ? void 0 : s.aggregationWeight, this._isFormula = ((i = this.slotContent) == null ? void 0 : i.formula) || ((l = this.slotContent) == null ? void 0 : l.formulaId)), t.has("language") && this.language !== O() && ([...W].includes(this.language ?? "en") || this.language === "en") && T(this.language);
+  willUpdate(e) {
+    e.has("slotContent") && (this._parseSavedNumericFormatSettings(), this._aggregationFunc = this.slotContent?.aggregationFunc ?? (this.slotContent?.type === "numeric" ? "sum" : "count"), this._aggregationWeightColumn = this.slotContent?.aggregationWeight, this._isFormula = this.slotContent?.formula || this.slotContent?.formulaId), e.has("language") && this.language !== k() && ([...O].includes(this.language ?? "en") || this.language === "en") && W(this.language);
   }
   firstUpdated() {
-    var t;
-    (t = this.slotContent) != null && t.duration && this._durationLevelsOverlay.addEventListener(
+    this.slotContent?.duration && this._durationLevelsOverlay.addEventListener(
       "slottable-request",
       (e) => {
-        this._renderDurationLevelMenu = e.data !== C;
+        this._renderDurationLevelMenu = e.data !== S;
       }
     );
   }
   _renderDurationLevelsSettings() {
-    const t = P.levels.map((e) => {
+    const e = j.levels.map((t) => {
       let o = !1;
-      return this._durationFormat === "time" && e.level >= 6 && this._durationLevels.includes(e.level) && e.level !== Math.max(...this._durationLevels) && (o = !0), this._durationLevels.length === 1 && this._durationLevels.includes(e.level) && (o = !0), r`<luzmo-menu-item
-        value=${e.level}
-        ?selected=${this._durationLevels.includes(e.level)}
+      return this._durationFormat === "time" && t.level >= 6 && this._durationLevels.includes(t.level) && t.level !== Math.max(...this._durationLevels) && (o = !0), this._durationLevels.length === 1 && this._durationLevels.includes(t.level) && (o = !0), s`<luzmo-menu-item
+        value=${t.level}
+        ?selected=${this._durationLevels.includes(t.level)}
         ?disabled=${o}
       >
-        ${e.label}
+        ${t.label}
       </luzmo-menu-item>`;
     });
-    return r` <div class="setting">
+    return s` <div class="setting">
       <luzmo-field-label for="duration-levels">
-        ${a("Duration levels", { desc: "Label for duration levels setting" })}
+        ${i("Duration levels", { desc: "Label for duration levels setting" })}
       </luzmo-field-label>
       <luzmo-action-button id="duration-levels-trigger" size=${this.size}>
         ${this._durationLevels.length}
         ${this._durationLevels.length === 1 ? "level" : "levels"} active
         <span class="duration-angle-down-icon">
-          ${h(S)}
+          ${g(L)}
         </span>
       </luzmo-action-button>
       <luzmo-overlay
@@ -297,26 +289,26 @@ let u = class extends M(I, {
         type="page"
       >
         <luzmo-popover style="position: relative">
-          ${this._renderDurationLevelMenu ? r` <luzmo-menu
+          ${this._renderDurationLevelMenu ? s` <luzmo-menu
                 id="duration-levels"
                 size=${this.size}
                 selects="multiple"
                 .value=${this._durationLevels.join(",")}
                 @change=${this._setDurationLevels}
               >
-                ${t}
+                ${e}
               </luzmo-menu>` : ""}
         </luzmo-popover>
       </luzmo-overlay>
     </div>`;
   }
   _renderDurationFormatSettings() {
-    const t = Object.keys(x).map((e) => e === "time" && (this._maxDurationLevel ?? 1) < 6 ? "" : r`<luzmo-action-button value=${e}>
-        ${x[e]()}
+    const e = Object.keys(y).map((t) => t === "time" && (this._maxDurationLevel ?? 1) < 6 ? "" : s`<luzmo-action-button value=${t}>
+        ${y[t]()}
       </luzmo-action-button>`);
-    return r` <div class="setting">
+    return s` <div class="setting">
       <luzmo-field-label for="duration-format">
-        ${a("Format", { desc: "Label for format setting" })}
+        ${i("Format", { desc: "Label for format setting" })}
       </luzmo-field-label>
       <luzmo-action-group
         emphasized
@@ -327,24 +319,21 @@ let u = class extends M(I, {
         selects="single"
         @change=${this._setDurationFormat}
       >
-        ${t}
+        ${e}
       </luzmo-action-group>
     </div>`;
   }
   _renderNumericDisplayAsSettings() {
-    const t = Object.keys(y).filter(
-      (e) => {
-        var o;
-        return e !== "percentage" || (this.slotContent.subtype !== "currency" || this.slotContent.aggregationFunc === "rate") && ((o = this.slotContent.periodOverPeriod) == null ? void 0 : o.type) !== "percentageChange";
-      }
+    const e = Object.keys(b).filter(
+      (t) => t !== "percentage" || (this.slotContent.subtype !== "currency" || this.slotContent.aggregationFunc === "rate") && this.slotContent.periodOverPeriod?.type !== "percentageChange"
     ).map(
-      (e) => r`<luzmo-action-button value=${e}
-            >${y[e]}</luzmo-action-button
+      (t) => s`<luzmo-action-button value=${t}
+            >${b[t]}</luzmo-action-button
           >`
     );
-    return r`<div class="setting">
+    return s`<div class="setting">
       <luzmo-field-label for="display-as">
-        ${a("Display as", {
+        ${i("Display as", {
       desc: "Label for display as setting for the datetime field"
     })}
       </luzmo-field-label>
@@ -357,19 +346,19 @@ let u = class extends M(I, {
         selects="single"
         @change=${this._setNumericDisplayAs}
       >
-        ${t}
+        ${e}
       </luzmo-action-group>
     </div>`;
   }
   _renderNumericFormatSettings() {
-    const t = Object.entries(A).filter(
-      ([, { hiddenFor: e }]) => !e || e !== this._displayAs
+    const e = Object.entries(x).filter(
+      ([, { hiddenFor: t }]) => !t || t !== this._displayAs
     ).map(
-      ([e, { label: o }]) => r`<luzmo-menu-item value=${e}>${o()}</luzmo-menu-item>`
+      ([t, { label: o }]) => s`<luzmo-menu-item value=${t}>${o()}</luzmo-menu-item>`
     );
-    return r` <div class="setting">
+    return s` <div class="setting">
         <luzmo-field-label for="format">
-          ${a("Format", { desc: "Label for format setting" })}
+          ${i("Format", { desc: "Label for format setting" })}
         </luzmo-field-label>
         <luzmo-picker
           id="format"
@@ -378,14 +367,14 @@ let u = class extends M(I, {
           value=${this._numericFormatGroup ?? "Auto"}
           @change=${this._setNumericSeparators}
         >
-          ${t}
+          ${e}
         </luzmo-picker>
       </div>
       <div class="setting">
         <luzmo-field-label for="precision" id="precision-label">
-          ${this._displayAs === "scientific" ? a("Precision", {
+          ${this._displayAs === "scientific" ? i("Precision", {
       desc: "Label for precision setting"
-    }) : a("Decimals", {
+    }) : i("Decimals", {
       desc: "Label for decimals setting"
     })}
         </luzmo-field-label>
@@ -400,84 +389,79 @@ let u = class extends M(I, {
       </div>`;
   }
   _renderAggregationSettings() {
-    var o;
-    const t = Object.entries(j).filter(
-      ([s]) => {
-        var i;
-        return ["count", "distinctcount"].includes(s) || ((i = this.slotContent) == null ? void 0 : i.type) === "numeric";
-      }
-    ).filter(([s]) => s !== "cumulativesum" || this.isCumulativeSumEnabled).map(
-      ([s, i]) => r`<luzmo-menu-item value=${s}>${i()}</luzmo-menu-item>`
-    ), e = [
-      r`<luzmo-menu-item value="none" class="no-weight">
+    const e = Object.entries(U).filter(
+      ([o]) => ["count", "distinctcount"].includes(o) || this.slotContent?.type === "numeric"
+    ).filter(([o]) => o !== "cumulativesum" || this.isCumulativeSumEnabled).map(
+      ([o, n]) => s`<luzmo-menu-item value=${o}>${n()}</luzmo-menu-item>`
+    ), t = [
+      s`<luzmo-menu-item value="none" class="no-weight">
         <span class="no-weight-label">No weight</span>
       </luzmo-menu-item>`,
-      ...(this.measureColumns ?? []).flatMap((s) => {
-        const i = typeof s.datasetName == "object" ? b(
-          s.datasetName,
+      ...(this.measureColumns ?? []).flatMap((o) => {
+        const n = typeof o.datasetName == "object" ? _(
+          o.datasetName,
           this.language
-        ) : s.datasetName, l = r`<div class="dataset-header">
-          ${i}
+        ) : o.datasetName, r = s`<div class="dataset-header">
+          ${n}
           <luzmo-tooltip self-managed placement="right" size=${this.size}>
-            ${i}
+            ${n}
           </luzmo-tooltip>
-        </div>`, c = (s.columns ?? []).map((n) => {
-          const p = typeof n.name == "object" ? b(n.name, this.language) : n.name, F = h(D(n, "s")), f = n.expression ? N("derived", "s") : void 0, z = !!f, $ = z ? r`<span class="secondary-icon"
-                >${h(f)}</span
-              >` : _;
-          return r`<luzmo-menu-item value=${n.id}>
+        </div>`, m = (o.columns ?? []).map((u) => {
+          const h = typeof u.name == "object" ? _(u.name, this.language) : u.name, A = g(C(u, "s")), p = u.expression ? D("derived", "s") : void 0, f = !!p, F = f ? s`<span class="secondary-icon"
+                >${g(p)}</span
+              >` : z;
+          return s`<luzmo-menu-item value=${u.id}>
             <span class="data-icon-type" slot="icon">
-              <span class=${z ? "with-secondary-icon" : ""}
-                >${F}</span
+              <span class=${f ? "with-secondary-icon" : ""}
+                >${A}</span
               >
-              ${$}
+              ${F}
             </span>
-            <span class="column-label text-truncate">${p}</span>
+            <span class="column-label text-truncate">${h}</span>
             <luzmo-tooltip self-managed placement="right" size=${this.size}>
-              ${p}
+              ${h}
             </luzmo-tooltip>
           </luzmo-menu-item>`;
         });
-        return [l, ...c];
+        return [r, ...m];
       })
     ];
-    return r`<div class="settings-row">
+    return s`<div class="settings-row">
       <div class="setting">
         <luzmo-field-label for="aggregation">
-          ${a("Aggregation", { desc: "Label for aggregation setting" })}
+          ${i("Aggregation", { desc: "Label for aggregation setting" })}
         </luzmo-field-label>
         <luzmo-picker
           id="aggregation"
           size=${this.size}
           variant="highlight"
           value=${(() => {
-      var i;
-      const s = ((i = this.slotContent) == null ? void 0 : i.type) === "numeric" ? "sum" : "count";
-      return this._aggregationFunc === "weightedaverage" ? "average" : this._aggregationFunc ?? s;
+      const o = this.slotContent?.type === "numeric" ? "sum" : "count";
+      return this._aggregationFunc === "weightedaverage" ? "average" : this._aggregationFunc ?? o;
     })()}
           @change=${this._setAggregationFunc}
         >
-          ${t}
+          ${e}
         </luzmo-picker>
       </div>
       ${["rate", "average", "weightedaverage"].includes(
       this._aggregationFunc ?? ""
-    ) ? r`<div class="setting">
+    ) ? s`<div class="setting">
             <luzmo-field-label for="weighting-column">
               ${this._aggregationFunc === "rate" ? "Denominator" : "Weight"}
             </luzmo-field-label>
-            ${this.measureColumns.length > 0 ? r`
+            ${this.measureColumns.length > 0 ? s`
                   <luzmo-picker
                     id="weighting-column"
                     size=${this.size}
                     variant="highlight"
                     icons="none"
-                    value=${((o = this._aggregationWeightColumn) == null ? void 0 : o.column) ?? "none"}
+                    value=${this._aggregationWeightColumn?.column ?? "none"}
                     @change=${this._setAggregationWeight}
                   >
-                    ${e}
+                    ${t}
                   </luzmo-picker>
-                ` : r`<luzmo-picker
+                ` : s`<luzmo-picker
                   id="weighting-column"
                   size=${this.size}
                   variant="highlight"
@@ -490,63 +474,62 @@ let u = class extends M(I, {
     </div>`;
   }
   render() {
-    var t;
-    return r`<div class="settings-container">
+    return s`<div class="settings-container">
       <div class="settings-row">
       ${this._displayMode === "duration" ? this._renderDurationLevelsSettings() : this._renderNumericDisplayAsSettings()}
-      ${((t = this._durationLevels) == null ? void 0 : t.length) > 1 ? this._renderDurationFormatSettings() : this._renderNumericFormatSettings()}
+      ${this._durationLevels?.length > 1 ? this._renderDurationFormatSettings() : this._renderNumericFormatSettings()}
       </div>
-      ${this._isFormula || this.isAggregationDisabled ? _ : this._renderAggregationSettings()}
+      ${this._isFormula || this.isAggregationDisabled ? z : this._renderAggregationSettings()}
       </div>
     </div>`;
   }
 };
-m([
-  g({ type: String, reflect: !0 })
-], u.prototype, "language", 2);
-m([
-  g({ type: Object, reflect: !0 })
-], u.prototype, "slotContent", 2);
-m([
-  g({ type: Array, reflect: !1 })
-], u.prototype, "measureColumns", 2);
-m([
-  g({ type: Boolean })
-], u.prototype, "isAggregationDisabled", 2);
-m([
-  g({ type: Boolean })
-], u.prototype, "isCumulativeSumEnabled", 2);
-m([
-  d("#display-as")
-], u.prototype, "_displayAsElement", 2);
-m([
-  d("#precision")
-], u.prototype, "_precisionElement", 2);
-m([
-  d("#aggregation")
-], u.prototype, "_aggregationElement", 2);
-m([
-  d("#weighting-column")
-], u.prototype, "_aggregationWeightElement", 2);
-m([
-  d("#duration-levels")
-], u.prototype, "_durationLevelsElement", 2);
-m([
-  d("#duration-format")
-], u.prototype, "_durationFormatElement", 2);
-m([
-  d("#duration-levels-overlay")
-], u.prototype, "_durationLevelsOverlay", 2);
-m([
-  E()
-], u.prototype, "_renderDurationLevelMenu", 2);
-u = m([
-  w()
-], u);
+l([
+  d({ type: String, reflect: !0 })
+], a.prototype, "language", 2);
+l([
+  d({ type: Object, reflect: !0 })
+], a.prototype, "slotContent", 2);
+l([
+  d({ type: Array, reflect: !1 })
+], a.prototype, "measureColumns", 2);
+l([
+  d({ type: Boolean })
+], a.prototype, "isAggregationDisabled", 2);
+l([
+  d({ type: Boolean })
+], a.prototype, "isCumulativeSumEnabled", 2);
+l([
+  c("#display-as")
+], a.prototype, "_displayAsElement", 2);
+l([
+  c("#precision")
+], a.prototype, "_precisionElement", 2);
+l([
+  c("#aggregation")
+], a.prototype, "_aggregationElement", 2);
+l([
+  c("#weighting-column")
+], a.prototype, "_aggregationWeightElement", 2);
+l([
+  c("#duration-levels")
+], a.prototype, "_durationLevelsElement", 2);
+l([
+  c("#duration-format")
+], a.prototype, "_durationFormatElement", 2);
+l([
+  c("#duration-levels-overlay")
+], a.prototype, "_durationLevelsOverlay", 2);
+l([
+  N()
+], a.prototype, "_renderDurationLevelMenu", 2);
+a = l([
+  $()
+], a);
 customElements.get("luzmo-display-settings-numeric") || customElements.define(
   "luzmo-display-settings-numeric",
-  u
+  a
 );
 export {
-  u as LuzmoDisplaySettingsNumeric
+  a as LuzmoDisplaySettingsNumeric
 };