@feedmepos/mf-report 5.9.3-beta.0 → 5.10.1-beta.0

package/dist/{ReportEditor-BH4AV5b0.js → ReportEditor-xfdm7GQz.js}

@@ -1,16 +1,16 @@
-import { defineComponent as G, mergeModels as J, useModel as j, ref as W, computed as N, resolveComponent as v, createBlock as x, openBlock as i, withCtx as s, createElementVNode as b, createVNode as a, unref as e, normalizeClass as le, createTextVNode as ue, toDisplayString as P, createElementBlock as V, Fragment as L, renderSlot as Ce, createCommentVNode as Y, watch as de, renderList as Q, resolveDynamicComponent as Be, isRef as ke, normalizeStyle as me, onMounted as Ue } from "vue";
-import { W as De, i as We, S as he, d as ye, T as Re, _ as qe } from "./TransitionFade-DNs7JUcf.js";
-import { D as K, c as Ie, C as _e, a as Ve, b as Pe, v as ee } from "./v4-CAyILVZZ.js";
-import { storeToRefs as ce } from "pinia";
+import { defineComponent as G, mergeModels as J, useModel as j, ref as R, computed as N, resolveComponent as v, createBlock as C, openBlock as i, withCtx as s, createElementVNode as h, createVNode as a, unref as e, normalizeClass as le, createTextVNode as de, toDisplayString as E, createElementBlock as S, Fragment as L, renderSlot as Ce, createCommentVNode as Y, watch as me, renderList as Q, resolveDynamicComponent as Be, isRef as ke, normalizeStyle as ce, onMounted as Ue } from "vue";
+import { W as We, i as De, S as he, d as ye, T as Re, _ as qe } from "./TransitionFade-CjoVItWI.js";
+import { D as K, c as Ie, C as we, a as Ve, b as Ee, v as ee } from "./v4-DBw0cp99.js";
+import { storeToRefs as ae } from "pinia";
 import { useRouter as Se, useRoute as $e } from "vue-router";
-import { useBreakpoints as ae, useSnackbar as Oe, FmButtonColorThemeVariant as X } from "@feedmepos/ui-library";
+import { useBreakpoints as ne, useSnackbar as Oe, FmButtonColorThemeVariant as X } from "@feedmepos/ui-library";
 import { u as Te } from "./message-dialog-UoMWOnil.js";
-import { u as te, j as re, f as Ee } from "./vue-i18n-CbAseuRE.js";
-import { _ as ie } from "./DynamicWidget.vue_vue_type_script_setup_true_lang-DpmOkz-L.js";
-import { _ as se } from "./NoData.vue_vue_type_script_setup_true_lang-DGTWa4E5.js";
-import { r as we } from "./i18n-Cif1I9J2.js";
+import { u as te, j as ie, f as He } from "./vue-i18n-CbAseuRE.js";
+import { _ as se } from "./DynamicWidget.vue_vue_type_script_setup_true_lang-DEkXmB2J.js";
+import { _ as ue } from "./NoData.vue_vue_type_script_setup_true_lang-DGTWa4E5.js";
+import { r as _e } from "./i18n-Cif1I9J2.js";
 import { _ as Fe } from "./SelectComponent.vue_vue_type_script_setup_true_lang-Dq9vY9mj.js";
-const ze = /* @__PURE__ */ G({
+const Pe = /* @__PURE__ */ G({
   __name: "WidgetDialog",
   props: /* @__PURE__ */ J({
     isOpen: { type: Boolean }
@@ -19,49 +19,49 @@ const ze = /* @__PURE__ */ G({
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ J(["update:isOpen"], ["update:modelValue"]),
-  setup(F, { emit: u }) {
-    const { t: n } = te(), { breakpoints: r } = ae(), y = j(F, "modelValue"), d = F, w = u;
-    function m() {
-      w("update:isOpen", !1);
+  setup(x, { emit: d }) {
+    const { t: n } = te(), { breakpoints: r } = ne(), w = j(x, "modelValue"), m = x, _ = d;
+    function u() {
+      _("update:isOpen", !1);
     }
-    function C() {
-      c.value && (y.value = c.value, c.value = void 0, w("update:isOpen", !1));
+    function k() {
+      c.value && (w.value = c.value, c.value = void 0, _("update:isOpen", !1));
     }
-    const c = W(), R = N(() => !c.value);
-    return (q, O) => {
-      const B = v("FmButton"), g = v("FmDialog");
-      return i(), x(g, {
-        "model-value": d.isOpen
+    const c = R(), q = N(() => !c.value);
+    return (I, T) => {
+      const B = v("FmButton"), b = v("FmDialog");
+      return i(), C(b, {
+        "model-value": m.isOpen
       }, {
         "dialog-header": s(() => [
-          ue(P(e(n)("report.widget.type")), 1)
+          de(E(e(n)("report.widget.type")), 1)
         ]),
         default: s(() => [
-          a(De, {
+          a(We, {
             modelValue: c.value,
-            "onUpdate:modelValue": O[0] || (O[0] = ($) => c.value = $),
+            "onUpdate:modelValue": T[0] || (T[0] = (O) => c.value = O),
             class: le(`grid ${e(r).lg || e(r).md ? "grid-cols-3 gap-3" : "grid-cols-2 gap-3"}`),
             "child-class": "p-[8px] flex flex-col"
           }, null, 8, ["modelValue", "class"])
         ]),
         "dialog-footer": s(() => [
-          O[1] || (O[1] = b("div", { class: "grow" }, null, -1)),
+          T[1] || (T[1] = h("div", { class: "grow" }, null, -1)),
           a(B, {
             label: e(n)("report.common.cancel"),
             variant: "tertiary",
-            onClick: m
+            onClick: u
           }, null, 8, ["label"]),
           a(B, {
             label: e(n)("report.common.confirm"),
-            disabled: R.value,
-            onClick: C
+            disabled: q.value,
+            onClick: k
           }, null, 8, ["label", "disabled"])
         ]),
         _: 1
       }, 8, ["model-value"]);
     };
   }
-}), He = { class: "fm-typo-en-body-lg-600" }, pe = /* @__PURE__ */ G({
+}), ze = { class: "fm-typo-en-body-lg-600" }, pe = /* @__PURE__ */ G({
   __name: "ReportEditorTabHeader",
   props: /* @__PURE__ */ J({
     icon: {
@@ -73,17 +73,17 @@ const ze = /* @__PURE__ */ G({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(F) {
-    const { t: u } = te(), n = j(F, "modelValue"), r = F;
-    return (y, d) => {
-      const w = v("FmIcon");
-      return i(), V("div", {
+  setup(x) {
+    const { t: d } = te(), n = j(x, "modelValue"), r = x;
+    return (w, m) => {
+      const _ = v("FmIcon");
+      return i(), S("div", {
         class: "px-6 py-16 flex items-center gap-2 bg-fm-color-neutral-white border cursor-pointer",
-        onClick: d[0] || (d[0] = (m) => n.value = !n.value)
+        onClick: m[0] || (m[0] = (u) => n.value = !n.value)
       }, [
-        b("p", He, P(e(u)("report.editor.customizeReport")), 1),
-        d[1] || (d[1] = b("div", { class: "grow" }, null, -1)),
-        a(w, {
+        h("p", ze, E(e(d)("report.editor.customizeReport")), 1),
+        m[1] || (m[1] = h("div", { class: "grow" }, null, -1)),
+        a(_, {
           name: r.icon
         }, null, 8, ["name"])
       ]);
@@ -96,12 +96,12 @@ const ze = /* @__PURE__ */ G({
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(F) {
-    const u = j(F, "modelValue");
-    return (n, r) => (i(), V(L, null, [
+  setup(x) {
+    const d = j(x, "modelValue");
+    return (n, r) => (i(), S(L, null, [
       a(pe, {
-        modelValue: u.value,
-        "onUpdate:modelValue": r[0] || (r[0] = (y) => u.value = y),
+        modelValue: d.value,
+        "onUpdate:modelValue": r[0] || (r[0] = (w) => d.value = w),
         icon: "keyboard_double_arrow_left"
       }, null, 8, ["modelValue"]),
       Ce(n.$slots, "default")
@@ -114,29 +114,29 @@ const ze = /* @__PURE__ */ G({
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(F) {
-    const u = j(F, "modelValue");
+  setup(x) {
+    const d = j(x, "modelValue");
     return (n, r) => {
-      const y = v("FmTopSheet"), d = v("FmCard");
-      return i(), x(d, { class: "fixed bottom-0 w-full" }, {
+      const w = v("FmTopSheet"), m = v("FmCard");
+      return i(), C(m, { class: "fixed bottom-0 w-full" }, {
         default: s(() => [
           a(pe, {
-            modelValue: u.value,
-            "onUpdate:modelValue": r[0] || (r[0] = (w) => u.value = w),
+            modelValue: d.value,
+            "onUpdate:modelValue": r[0] || (r[0] = (_) => d.value = _),
             icon: "keyboard_double_arrow_up"
           }, null, 8, ["modelValue"]),
-          a(y, {
-            modelValue: u.value,
-            "onUpdate:modelValue": r[2] || (r[2] = (w) => u.value = w),
+          a(w, {
+            modelValue: d.value,
+            "onUpdate:modelValue": r[2] || (r[2] = (_) => d.value = _),
             "fullscreen-size": "sm"
           }, {
             default: s(() => [
               a(pe, {
-                modelValue: u.value,
-                "onUpdate:modelValue": r[1] || (r[1] = (w) => u.value = w),
+                modelValue: d.value,
+                "onUpdate:modelValue": r[1] || (r[1] = (_) => d.value = _),
                 icon: "keyboard_double_arrow_down"
               }, null, 8, ["modelValue"]),
-              u.value ? Ce(n.$slots, "default", { key: 0 }) : Y("", !0)
+              d.value ? Ce(n.$slots, "default", { key: 0 }) : Y("", !0)
             ]),
             _: 3
           }, 8, ["modelValue"])
@@ -168,152 +168,152 @@ const ze = /* @__PURE__ */ G({
     isOpenModifiers: {}
   }),
   emits: ["update:globalFilter", "update:isOpen"],
-  setup(F) {
-    const { t: u } = te(), n = j(F, "globalFilter"), r = j(F, "isOpen"), y = Oe(), d = F, w = W(), m = W(), C = W(), c = W([]);
-    de(r, (p) => {
-      var t, k, U;
-      p && (w.value = ((t = n.value) == null ? void 0 : t.label) || "", m.value = d.schemas.find(
-        (D) => {
-          var T;
-          return D.name === ((T = n.value) == null ? void 0 : T.schemaName);
+  setup(x) {
+    const { t: d } = te(), n = j(x, "globalFilter"), r = j(x, "isOpen"), w = Oe(), m = x, _ = R(), u = R(), k = R(), c = R([]);
+    me(r, (p) => {
+      var l, V, U;
+      p && (_.value = ((l = n.value) == null ? void 0 : l.label) || "", u.value = m.schemas.find(
+        (W) => {
+          var M;
+          return W.name === ((M = n.value) == null ? void 0 : M.schemaName);
         }
-      ), C.value = (k = q.value.find(
-        (D) => {
-          var T;
-          return D.value.name === ((T = n.value) == null ? void 0 : T.name);
+      ), k.value = (V = I.value.find(
+        (W) => {
+          var M;
+          return W.value.name === ((M = n.value) == null ? void 0 : M.name);
         }
-      )) == null ? void 0 : k.value, c.value = ((U = n.value) == null ? void 0 : U.tileIds) || []);
+      )) == null ? void 0 : V.value, c.value = ((U = n.value) == null ? void 0 : U.tileIds) || []);
     });
-    const R = N(
-      () => d.schemas.map((p) => ({
+    const q = N(
+      () => m.schemas.map((p) => ({
         label: p.label,
         value: p
       }))
-    ), q = N(() => {
+    ), I = N(() => {
       var p;
-      return (((p = m.value) == null ? void 0 : p.fields) || []).reduce(
-        (t, k) => ([K.Bool, K.String, K.Timestamp].includes(k.type) && t.push({
-          label: k.label,
-          value: k
-        }), t),
+      return (((p = u.value) == null ? void 0 : p.fields) || []).reduce(
+        (l, V) => ([K.Bool, K.String, K.Timestamp].includes(V.type) && l.push({
+          label: V.label,
+          value: V
+        }), l),
         []
       );
-    }), O = N(() => d.tiles.reduce((p, t, k) => {
-      var T, z;
-      const U = t.widget.config.schemaNames ?? [], D = (t.widget.config.joinDatasources ?? []).flatMap(
-        (_) => _.schemaNames ?? []
+    }), T = N(() => m.tiles.reduce((p, l, V) => {
+      var M, P;
+      const U = l.widget.config.schemaNames ?? [], W = (l.widget.config.joinDatasources ?? []).flatMap(
+        (F) => F.schemaNames ?? []
       );
-      return [...U, ...D].includes(((T = m.value) == null ? void 0 : T.name) || "") && p.push({
-        label: (z = t == null ? void 0 : t.widget.title) != null && z.trim() ? t.widget.title : `Widget ${k + 1}`,
-        value: t.id
+      return [...U, ...W].includes(((M = u.value) == null ? void 0 : M.name) || "") && p.push({
+        label: (P = l == null ? void 0 : l.widget.title) != null && P.trim() ? l.widget.title : `Widget ${V + 1}`,
+        value: l.id
       }), p;
     }, []));
     function B(p) {
-      var t;
-      p.name !== ((t = m.value) == null ? void 0 : t.name) && (m.value = p, C.value = void 0);
+      var l;
+      p.name !== ((l = u.value) == null ? void 0 : l.name) && (u.value = p, k.value = void 0);
     }
-    function g(p) {
-      C.value = p;
+    function b(p) {
+      k.value = p;
     }
-    function $(p) {
+    function O(p) {
       switch (p) {
         case K.Timestamp:
-          return _e.Between;
+          return we.Between;
         case K.Bool:
         case K.String:
-          return _e.Equal;
+          return we.Equal;
         default:
           throw new Error(`Unsupported data type: ${p}`);
       }
     }
     function A() {
-      if (!m.value) {
-        y.open({ message: "Invalid schema", type: "error" });
+      if (!u.value) {
+        w.open({ message: "Invalid schema", type: "error" });
         return;
       }
-      C.value || y.open({ message: "Invalid dimension", type: "error" }), n.value = {
-        schemaName: m.value.name,
-        name: C.value.name,
-        label: w.value || name,
-        operator: $(C.value.type),
-        option: C.value.type === K.Timestamp ? Ie.DateTime : null,
+      k.value || w.open({ message: "Invalid dimension", type: "error" }), n.value = {
+        schemaName: u.value.name,
+        name: k.value.name,
+        label: _.value || name,
+        operator: O(k.value.type),
+        option: k.value.type === K.Timestamp ? Ie.DateTime : null,
         tileIds: [...c.value],
         filters: []
       }, r.value = !1;
     }
-    function S() {
+    function $() {
       r.value = !1;
     }
-    return (p, t) => {
-      const k = v("FmTextField"), U = v("FmLabel"), D = v("FmCheckbox"), T = v("FmForm"), z = v("FmButton"), _ = v("FmDialog");
-      return i(), x(_, {
+    return (p, l) => {
+      const V = v("FmTextField"), U = v("FmLabel"), W = v("FmCheckbox"), M = v("FmForm"), P = v("FmButton"), F = v("FmDialog");
+      return i(), C(F, {
         modelValue: r.value,
-        "onUpdate:modelValue": t[4] || (t[4] = (o) => r.value = o),
+        "onUpdate:modelValue": l[4] || (l[4] = (o) => r.value = o),
         overlay: !0,
         "z-index": 10
       }, {
         "dialog-header": s(() => [
-          ue(P(e(u)("report.section.filter.globalFilter")), 1)
+          de(E(e(d)("report.section.filter.globalFilter")), 1)
         ]),
         default: s(() => [
-          a(T, {
+          a(M, {
             ref: "form",
             class: "flex flex-col gap-2 w-[490px]"
           }, {
             default: s(() => [
-              a(k, {
-                modelValue: w.value,
-                "onUpdate:modelValue": t[0] || (t[0] = (o) => w.value = o),
-                placeholder: e(u)("report.section.filter.displayName"),
-                label: e(u)("report.section.filter.displayName"),
+              a(V, {
+                modelValue: _.value,
+                "onUpdate:modelValue": l[0] || (l[0] = (o) => _.value = o),
+                placeholder: e(d)("report.section.filter.displayName"),
+                label: e(d)("report.section.filter.displayName"),
                 class: "mb-2"
               }, null, 8, ["modelValue", "placeholder", "label"]),
               a(Fe, {
-                "model-value": m.value,
-                items: R.value,
-                placeholder: e(u)("report.section.schema.title"),
-                label: e(u)("report.section.schema.title"),
-                "onUpdate:modelValue": t[1] || (t[1] = (o) => B(o))
+                "model-value": u.value,
+                items: q.value,
+                placeholder: e(d)("report.section.schema.title"),
+                label: e(d)("report.section.schema.title"),
+                "onUpdate:modelValue": l[1] || (l[1] = (o) => B(o))
               }, null, 8, ["model-value", "items", "placeholder", "label"]),
               a(Fe, {
-                "model-value": C.value,
-                items: q.value,
-                placeholder: e(u)("report.section.dimension.Dimension"),
-                label: e(u)("report.section.dimension.Dimension"),
-                "onUpdate:modelValue": t[2] || (t[2] = (o) => g(o))
+                "model-value": k.value,
+                items: I.value,
+                placeholder: e(d)("report.section.dimension.Dimension"),
+                label: e(d)("report.section.dimension.Dimension"),
+                "onUpdate:modelValue": l[2] || (l[2] = (o) => b(o))
               }, null, 8, ["model-value", "items", "placeholder", "label"]),
               a(U, { class: "mt-2 fm-typo-en-body-lg-600" }, {
                 default: s(() => [
-                  ue(P(e(u)("report.section.filter.applyWidget")), 1)
+                  de(E(e(d)("report.section.filter.applyWidget")), 1)
                 ]),
                 _: 1
               }),
-              F.tiles.length > 0 ? (i(), V("div", je, [
-                (i(!0), V(L, null, Q(O.value, (o) => (i(), x(D, {
+              x.tiles.length > 0 ? (i(), S("div", je, [
+                (i(!0), S(L, null, Q(T.value, (o) => (i(), C(W, {
                   key: o.value,
                   modelValue: c.value,
-                  "onUpdate:modelValue": t[3] || (t[3] = (l) => c.value = l),
+                  "onUpdate:modelValue": l[3] || (l[3] = (t) => c.value = t),
                   label: o.label,
                   value: o.value
                 }, null, 8, ["modelValue", "label", "value"]))), 128))
-              ])) : (i(), x(U, {
+              ])) : (i(), C(U, {
                 key: 1,
                 class: "fm-typo-en-body-lg-400",
-                label: e(u)("report.section.filter.noWidget")
+                label: e(d)("report.section.filter.noWidget")
               }, null, 8, ["label"]))
             ]),
             _: 1
           }, 512)
         ]),
         "dialog-footer": s(() => [
-          t[5] || (t[5] = b("div", { class: "grow" }, null, -1)),
-          a(z, {
-            label: e(u)("report.common.cancel"),
+          l[5] || (l[5] = h("div", { class: "grow" }, null, -1)),
+          a(P, {
+            label: e(d)("report.common.cancel"),
             variant: "tertiary",
-            onClick: S
+            onClick: $
           }, null, 8, ["label"]),
-          a(z, {
-            label: e(u)("report.common.confirm"),
+          a(P, {
+            label: e(d)("report.common.confirm"),
             onClick: A
           }, null, 8, ["label"])
         ]),
@@ -333,163 +333,163 @@ const ze = /* @__PURE__ */ G({
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ J(["hideConfiguration"], ["update:modelValue"]),
-  setup(F, { emit: u }) {
-    const n = j(F, "modelValue"), { breakpoints: r } = ae(), y = F, d = u, w = Se(), m = $e(), C = W(), {
+  setup(x, { emit: d }) {
+    const n = j(x, "modelValue"), { breakpoints: r } = ne(), w = x, m = d, _ = Se(), u = $e(), k = R(), {
       currentSelectWidgetType: c,
-      categories: R,
-      editingTile: q,
-      editingTileIndex: O,
+      categories: q,
+      editingTile: I,
+      editingTileIndex: T,
       editingGlobalFilter: B,
-      editingGlobalFilterIndex: g
-    } = ce(Ve()), { schemas: $ } = ce(Pe()), { promptMessage: A } = Te(), S = W(!1), p = W(!1), { t, te: k } = te(), U = W(void 0), D = N(() => {
-      const o = n.value.tiles.flatMap((l) => {
-        var f;
-        const I = l.widget.config.schemaNames ?? [], M = ((f = l.widget.config.joinDatasources) == null ? void 0 : f.flatMap((E) => E.schemaNames ?? [])) ?? [];
-        return [...I, ...M];
+      editingGlobalFilterIndex: b
+    } = ae(Ve()), { schemas: O } = ae(Ee()), { promptMessage: A } = Te(), $ = R(!1), p = R(!1), { t: l, te: V } = te(), U = R(void 0), W = N(() => {
+      const o = n.value.tiles.flatMap((t) => {
+        var g;
+        const D = t.widget.config.schemaNames ?? [], f = ((g = t.widget.config.joinDatasources) == null ? void 0 : g.flatMap((H) => H.schemaNames ?? [])) ?? [];
+        return [...D, ...f];
       });
-      return [...new Set(o)].reduce((l, I) => {
-        const M = $.value.find((f) => f.name === I);
-        return M && l.push(M), l;
+      return [...new Set(o)].reduce((t, D) => {
+        const f = O.value.find((g) => g.name === D);
+        return f && t.push(f), t;
       }, []);
     });
-    de(
+    me(
       () => c.value,
       () => {
-        c.value !== void 0 && (U.value = We(c.value), q.value = U.value, O.value = -1, w.push({
+        c.value !== void 0 && (U.value = De(c.value), I.value = U.value, T.value = -1, _.push({
           name: "tileEditor",
-          query: m.query
+          query: u.query
         }));
       },
       { immediate: !0 }
-    ), de(
+    ), me(
       () => n.value.tiles,
       (o) => {
-        o.forEach((l) => {
-          l.id || (l.id = ee());
+        o.forEach((t) => {
+          t.id || (t.id = ee());
         });
       },
       { immediate: !0, deep: !0 }
     );
-    const T = [
+    const M = [
       {
-        label: t("report.common.edit"),
+        label: l("report.common.edit"),
         selected: !1,
         variant: "tertiary",
         onClick: (o) => {
-          O.value = o, q.value = JSON.parse(JSON.stringify(n.value.tiles[o])), w.push({
+          T.value = o, I.value = JSON.parse(JSON.stringify(n.value.tiles[o])), _.push({
             name: "tileEditor",
-            query: m.query
+            query: u.query
           });
         }
       },
       {
-        label: t("report.common.duplicate"),
+        label: l("report.common.duplicate"),
         selected: !1,
         variant: "tertiary",
         onClick: (o) => {
-          const l = {
+          const t = {
             ...JSON.parse(JSON.stringify(n.value.tiles[o])),
             id: ee()
           };
-          n.value.tiles.push(l);
+          n.value.tiles.push(t);
         }
       },
       {
-        label: t("report.common.remove"),
+        label: l("report.common.remove"),
         selected: !1,
         variant: "destructive",
         onClick: async (o) => {
           if (await A({
-            title: t("report.editor.deleteWidget"),
-            message: t("report.editor.deleteWidgetConfirm", {
+            title: l("report.editor.deleteWidget"),
+            message: l("report.editor.deleteWidgetConfirm", {
               title: n.value.tiles[o].widget.title
             })
           })) {
-            const I = n.value.tiles[o].id;
-            n.value.tiles.splice(o, 1), n.value.globalFilters && n.value.globalFilters.forEach((M) => {
-              var f;
-              M.tileIds = (f = M.tileIds) == null ? void 0 : f.filter((E) => E !== I);
+            const D = n.value.tiles[o].id;
+            n.value.tiles.splice(o, 1), n.value.globalFilters && n.value.globalFilters.forEach((f) => {
+              var g;
+              f.tileIds = (g = f.tileIds) == null ? void 0 : g.filter((H) => H !== D);
             });
           }
         }
       }
-    ], z = [
+    ], P = [
       {
-        label: t("report.common.edit"),
+        label: l("report.common.edit"),
         selected: !1,
         variant: "tertiary",
         onClick: (o) => {
-          var l;
-          g.value = o, B.value = JSON.parse(JSON.stringify((l = n.value.globalFilters) == null ? void 0 : l[o])), S.value = !0;
+          var t;
+          b.value = o, B.value = JSON.parse(JSON.stringify((t = n.value.globalFilters) == null ? void 0 : t[o])), $.value = !0;
         }
       },
       {
-        label: t("report.common.remove"),
+        label: l("report.common.remove"),
         selected: !1,
         variant: "destructive",
         onClick: async (o) => {
-          var M, f;
-          const l = (M = n.value.globalFilters) == null ? void 0 : M[o];
-          if (!l) return;
+          var f, g;
+          const t = (f = n.value.globalFilters) == null ? void 0 : f[o];
+          if (!t) return;
           await A({
-            title: t("report.editor.deleteWidget"),
-            message: t("report.editor.deleteWidgetConfirm", {
-              title: re(l)
+            title: l("report.editor.deleteWidget"),
+            message: l("report.editor.deleteWidgetConfirm", {
+              title: ie(t)
             })
-          }) && ((f = n.value.globalFilters) == null || f.splice(o, 1));
+          }) && ((g = n.value.globalFilters) == null || g.splice(o, 1));
         }
       }
-    ], _ = N(() => R.value.map((o) => ({
-      label: t(`report.category.${o.name}`),
+    ], F = N(() => q.value.map((o) => ({
+      label: l(`report.category.${o.name}`),
       value: o.id
     })));
-    return (o, l) => {
-      const I = v("FmTextField"), M = v("FmSelect"), f = v("FmButton"), E = v("FmIcon"), oe = v("FmTooltip"), ve = v("FmMenuItem"), fe = v("FmMenu"), ge = v("FmListItem"), be = v("FmList"), Me = v("FmForm");
-      return i(), x(Be(e(r).lg || e(r).md ? Le : Je), {
-        "model-value": y.hideConfiguration,
-        "onUpdate:modelValue": l[8] || (l[8] = (h) => d("hideConfiguration", h))
+    return (o, t) => {
+      const D = v("FmTextField"), f = v("FmSelect"), g = v("FmButton"), H = v("FmIcon"), oe = v("FmTooltip"), ve = v("FmMenuItem"), fe = v("FmMenu"), ge = v("FmListItem"), be = v("FmList"), Me = v("FmForm");
+      return i(), C(Be(e(r).lg || e(r).md ? Le : Je), {
+        "model-value": w.hideConfiguration,
+        "onUpdate:modelValue": t[8] || (t[8] = (y) => m("hideConfiguration", y))
       }, {
         default: s(() => [
           a(Ge, {
-            "is-open": S.value,
-            "onUpdate:isOpen": l[0] || (l[0] = (h) => S.value = h),
+            "is-open": $.value,
+            "onUpdate:isOpen": t[0] || (t[0] = (y) => $.value = y),
             "global-filter": e(B),
             tiles: n.value.tiles,
-            schemas: D.value,
-            "onUpdate:globalFilter": l[1] || (l[1] = (h) => {
-              h && (n.value.globalFilters || (n.value.globalFilters = []), typeof e(g) == "number" && e(g) >= 0 ? n.value.globalFilters[e(g)] = h : n.value.globalFilters.push(h));
+            schemas: W.value,
+            "onUpdate:globalFilter": t[1] || (t[1] = (y) => {
+              y && (n.value.globalFilters || (n.value.globalFilters = []), typeof e(b) == "number" && e(b) >= 0 ? n.value.globalFilters[e(b)] = y : n.value.globalFilters.push(y));
             })
           }, null, 8, ["is-open", "global-filter", "tiles", "schemas"]),
-          a(ze, {
+          a(Pe, {
             modelValue: e(c),
-            "onUpdate:modelValue": l[2] || (l[2] = (h) => ke(c) ? c.value = h : null),
+            "onUpdate:modelValue": t[2] || (t[2] = (y) => ke(c) ? c.value = y : null),
             "is-open": p.value,
-            "onUpdate:isOpen": l[3] || (l[3] = (h) => p.value = h)
+            "onUpdate:isOpen": t[3] || (t[3] = (y) => p.value = y)
           }, null, 8, ["modelValue", "is-open"]),
           a(Me, {
             ref_key: "form",
-            ref: C,
+            ref: k,
             class: "px-6 py-16 flex flex-col gap-24 overflow-y-auto overflow-x-hidden"
           }, {
             default: s(() => [
               a(he, { class: "border-solid" }, {
                 header: s(() => [
-                  b("p", null, P(e(t)("report.editor.reportInfo")), 1),
-                  l[9] || (l[9] = b("div", { class: "grow" }, null, -1))
+                  h("p", null, E(e(l)("report.editor.reportInfo")), 1),
+                  t[9] || (t[9] = h("div", { class: "grow" }, null, -1))
                 ]),
                 content: s(() => [
-                  b("div", Ae, [
-                    a(I, {
+                  h("div", Ae, [
+                    a(D, {
                       modelValue: n.value.name,
-                      "onUpdate:modelValue": l[4] || (l[4] = (h) => n.value.name = h),
-                      label: e(t)("report.editor.reportTitle"),
-                      placeholder: e(t)("report.editor.placeholder")
+                      "onUpdate:modelValue": t[4] || (t[4] = (y) => n.value.name = y),
+                      label: e(l)("report.editor.reportTitle"),
+                      placeholder: e(l)("report.editor.placeholder")
                     }, null, 8, ["modelValue", "label", "placeholder"]),
-                    a(M, {
+                    a(f, {
                       modelValue: n.value.category,
-                      "onUpdate:modelValue": l[5] || (l[5] = (h) => n.value.category = h),
-                      label: e(t)("report.common.category"),
-                      items: _.value
+                      "onUpdate:modelValue": t[5] || (t[5] = (y) => n.value.category = y),
+                      label: e(l)("report.common.category"),
+                      items: F.value
                     }, null, 8, ["modelValue", "label", "items"])
                   ])
                 ]),
@@ -500,20 +500,20 @@ const ze = /* @__PURE__ */ G({
                 "is-open": !1
               }, {
                 header: s(() => [
-                  b("p", null, P(e(t)("report.section.filter.globalFilter")), 1),
-                  l[10] || (l[10] = b("div", { class: "grow" }, null, -1))
+                  h("p", null, E(e(l)("report.section.filter.globalFilter")), 1),
+                  t[10] || (t[10] = h("div", { class: "grow" }, null, -1))
                 ]),
                 content: s(() => [
-                  b("div", Ke, [
-                    a(f, {
-                      label: e(t)("report.section.filter.addGlobalFilter"),
+                  h("div", Ke, [
+                    a(g, {
+                      label: e(l)("report.section.filter.addGlobalFilter"),
                       variant: "secondary",
                       icon: "add",
                       "icon-position": "prepend",
                       "border-color": e(X).ColorPrimary,
                       "text-color": e(X).ColorPrimary,
-                      onClick: l[6] || (l[6] = () => {
-                        g.value = null, B.value = null, S.value = !0;
+                      onClick: t[6] || (t[6] = () => {
+                        b.value = null, B.value = null, $.value = !0;
                       })
                     }, null, 8, ["label", "border-color", "text-color"]),
                     a(be, null, {
@@ -524,33 +524,33 @@ const ze = /* @__PURE__ */ G({
                           class: "flex flex-col gap-2 cursor-grab",
                           handle: ".handle"
                         }, {
-                          item: s(({ element: h, index: Z }) => [
+                          item: s(({ element: y, index: Z }) => [
                             a(ge, { class: "!cursor-grab border rounded-md border-neutral-300" }, {
                               default: s(() => [
-                                a(E, {
+                                a(H, {
                                   name: "drag_handle",
                                   class: "handle"
                                 }),
-                                b("div", Qe, [
+                                h("div", Qe, [
                                   a(oe, {
                                     "z-index": 99,
-                                    content: e(re)(h),
+                                    content: e(ie)(y),
                                     class: "handle"
                                   }, {
                                     default: s(() => [
-                                      b("p", Xe, P(e(re)(h)), 1)
+                                      h("p", Xe, E(e(ie)(y)), 1)
                                     ]),
                                     _: 2
                                   }, 1032, ["content"]),
-                                  D.value.find(
-                                    (H) => H.name === h.schemaName
-                                  ) ? Y("", !0) : (i(), x(oe, {
+                                  W.value.find(
+                                    (z) => z.name === y.schemaName
+                                  ) ? Y("", !0) : (i(), C(oe, {
                                     key: 0,
                                     content: "Missing schema",
                                     "z-index": 99
                                   }, {
                                     default: s(() => [
-                                      a(E, {
+                                      a(H, {
                                         name: "warning",
                                         class: "text-fm-color-system-error-300"
                                       })
@@ -558,29 +558,29 @@ const ze = /* @__PURE__ */ G({
                                     _: 1
                                   }))
                                 ]),
-                                l[11] || (l[11] = b("div", { class: "grow" }, null, -1)),
+                                t[11] || (t[11] = h("div", { class: "grow" }, null, -1)),
                                 a(fe, {
                                   trigger: "click",
                                   shift: !0,
                                   "stop-click-propagation": !0
                                 }, {
                                   "menu-button": s(() => [
-                                    a(f, {
+                                    a(g, {
                                       "append-icon": "more_vert",
                                       variant: "tertiary"
                                     })
                                   ]),
                                   default: s(() => [
-                                    (i(), V(L, null, Q(z, (H, ne) => a(ve, {
-                                      key: ne,
-                                      onClick: (Ne) => H.onClick(Z)
+                                    (i(), S(L, null, Q(P, (z, re) => a(ve, {
+                                      key: re,
+                                      onClick: (Ne) => z.onClick(Z)
                                     }, {
                                       label: s(() => [
-                                        b("p", {
+                                        h("p", {
                                           class: le(
-                                            H.variant === "destructive" ? " text-fm-color-system-error-300" : ""
+                                            z.variant === "destructive" ? " text-fm-color-system-error-300" : ""
                                           )
-                                        }, P(H.label), 3)
+                                        }, E(z.label), 3)
                                       ]),
                                       _: 2
                                     }, 1032, ["onClick"])), 64))
@@ -600,15 +600,15 @@ const ze = /* @__PURE__ */ G({
                 ]),
                 _: 1
               }),
-              b("div", Ye, [
-                a(f, {
-                  label: e(t)("report.editor.addWidget"),
+              h("div", Ye, [
+                a(g, {
+                  label: e(l)("report.editor.addWidget"),
                   variant: "secondary",
                   icon: "add",
                   "icon-position": "prepend",
                   "border-color": e(X).ColorPrimary,
                   "text-color": e(X).ColorPrimary,
-                  onClick: l[7] || (l[7] = (h) => p.value = !0)
+                  onClick: t[7] || (t[7] = (y) => p.value = !0)
                 }, null, 8, ["label", "border-color", "text-color"]),
                 a(be, null, {
                   default: s(() => [
@@ -618,45 +618,45 @@ const ze = /* @__PURE__ */ G({
                       class: "flex flex-col gap-2 cursor-grab",
                       handle: ".handle"
                     }, {
-                      item: s(({ element: h, index: Z }) => [
+                      item: s(({ element: y, index: Z }) => [
                         a(ge, { class: "!cursor-grab border rounded-md border-neutral-300" }, {
                           default: s(() => [
-                            a(E, {
+                            a(H, {
                               name: "drag_handle",
                               class: "handle"
                             }),
                             a(oe, {
-                              content: h.widget.title ? e(we)(e(t), e(k), h.widget.title, "other") : e(t)("report.editor.widget", { index: Z + 1 }),
+                              content: y.widget.title ? e(_e)(e(l), e(V), y.widget.title, "other") : e(l)("report.editor.widget", { index: Z + 1 }),
                               class: "handle"
                             }, {
                               default: s(() => [
-                                b("p", Ze, P(h.widget.title ? e(we)(e(t), e(k), h.widget.title, "other") : e(t)("report.editor.widget", { index: Z + 1 })), 1)
+                                h("p", Ze, E(y.widget.title ? e(_e)(e(l), e(V), y.widget.title, "other") : e(l)("report.editor.widget", { index: Z + 1 })), 1)
                               ]),
                               _: 2
                             }, 1032, ["content"]),
-                            l[12] || (l[12] = b("div", { class: "grow" }, null, -1)),
+                            t[12] || (t[12] = h("div", { class: "grow" }, null, -1)),
                             a(fe, {
                               trigger: "click",
                               shift: !0,
                               "stop-click-propagation": !0
                             }, {
                               "menu-button": s(() => [
-                                a(f, {
+                                a(g, {
                                   "append-icon": "more_vert",
                                   variant: "tertiary"
                                 })
                               ]),
                               default: s(() => [
-                                (i(), V(L, null, Q(T, (H, ne) => a(ve, {
-                                  key: ne,
-                                  onClick: (Ne) => H.onClick(Z)
+                                (i(), S(L, null, Q(M, (z, re) => a(ve, {
+                                  key: re,
+                                  onClick: (Ne) => z.onClick(Z)
                                 }, {
                                   label: s(() => [
-                                    b("p", {
+                                    h("p", {
                                       class: le(
-                                        H.variant === "destructive" ? " text-fm-color-system-error-300" : ""
+                                        z.variant === "destructive" ? " text-fm-color-system-error-300" : ""
                                       )
-                                    }, P(H.label), 3)
+                                    }, E(z.label), 3)
                                   ]),
                                   _: 2
                                 }, 1032, ["onClick"])), 64))
@@ -710,252 +710,256 @@ const ze = /* @__PURE__ */ G({
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ J(["hideConfiguration"], ["update:modelValue"]),
-  setup(F, { emit: u }) {
-    const { breakpoints: n } = ae(), r = j(F, "modelValue"), y = F, d = N(() => y.previewWidth > 0 && y.previewHeight > 0), w = N(() => n.value.sm || n.value.xs), m = u;
-    return (C, c) => {
-      const R = v("FmCircularProgress"), q = v("FmButton"), O = v("FmMenuDivider"), B = v("FmCard");
-      return i(), V("div", el, [
-        r.value ? (i(), V(L, { key: 1 }, [
-          d.value ? Y("", !0) : (i(), x(Re, {
+  setup(x, { emit: d }) {
+    const { breakpoints: n } = ne(), r = j(x, "modelValue"), w = x, m = N(() => w.previewWidth > 0 && w.previewHeight > 0), _ = N(() => n.value.sm || n.value.xs), u = d;
+    return (k, c) => {
+      const q = v("FmCircularProgress"), I = v("FmButton"), T = v("FmMenuDivider"), B = v("FmCard");
+      return i(), S("div", el, [
+        r.value ? (i(), S(L, { key: 1 }, [
+          m.value ? Y("", !0) : (i(), C(Re, {
             key: 0,
-            "model-value": !y.hideConfiguration
+            "model-value": !w.hideConfiguration
           }, {
             right: s(() => [
-              b("div", ll, [
-                r.value ? (i(), x(xe, {
+              h("div", ll, [
+                r.value ? (i(), C(xe, {
                   key: 0,
                   modelValue: r.value,
-                  "onUpdate:modelValue": c[0] || (c[0] = (g) => r.value = g),
-                  "hide-configuration": y.hideConfiguration,
-                  onHideConfiguration: c[1] || (c[1] = (g) => m("hideConfiguration", g))
+                  "onUpdate:modelValue": c[0] || (c[0] = (b) => r.value = b),
+                  "hide-configuration": w.hideConfiguration,
+                  onHideConfiguration: c[1] || (c[1] = (b) => u("hideConfiguration", b))
                 }, null, 8, ["modelValue", "hide-configuration"])) : Y("", !0)
               ])
             ]),
             left: s(() => [
-              b("div", tl, [
-                a(q, {
+              h("div", tl, [
+                a(I, {
                   variant: "secondary",
                   icon: "keyboard_double_arrow_right",
                   "border-color": e(X).ColorPrimary,
                   "text-color": e(X).ColorPrimary,
                   class: "m-24 my-16",
                   size: "md",
-                  onClick: c[2] || (c[2] = (g) => m("hideConfiguration", !y.hideConfiguration))
+                  onClick: c[2] || (c[2] = (b) => u("hideConfiguration", !w.hideConfiguration))
                 }, null, 8, ["border-color", "text-color"])
               ])
             ]),
             _: 1
           }, 8, ["model-value"])),
-          a(O, {
+          a(T, {
             vertical: "",
             style: { margin: "0px" }
           }),
-          !w.value && !d.value ? (i(), V("div", ol, [
-            r.value.tiles.length > 0 ? (i(), V("div", al, [
-              (i(!0), V(L, null, Q(r.value.tiles, (g, $) => (i(), x(ie, {
-                key: `${e(ee)()}_${$}`,
-                "model-value": g,
-                index: $,
+          !_.value && !m.value ? (i(), S("div", ol, [
+            r.value.tiles.length > 0 ? (i(), S("div", al, [
+              (i(!0), S(L, null, Q(r.value.tiles, (b, O) => (i(), C(se, {
+                key: `${e(ee)()}_${O}`,
+                "model-value": b,
+                index: O,
                 "hide-export": !0
               }, null, 8, ["model-value", "index"]))), 128))
-            ])) : (i(), x(se, { key: 1 }))
-          ])) : w.value && !d.value ? (i(), V("div", nl, [
+            ])) : (i(), C(ue, { key: 1 }))
+          ])) : _.value && !m.value ? (i(), S("div", nl, [
             a(B, { class: "px-5 pb-28" }, {
               default: s(() => [
-                r.value.tiles.length > 0 ? (i(), V("div", rl, [
-                  (i(!0), V(L, null, Q(r.value.tiles, (g, $) => (i(), x(ie, {
-                    key: `${e(ee)()}_${$}`,
-                    "model-value": g,
-                    index: $,
+                r.value.tiles.length > 0 ? (i(), S("div", rl, [
+                  (i(!0), S(L, null, Q(r.value.tiles, (b, O) => (i(), C(se, {
+                    key: `${e(ee)()}_${O}`,
+                    "model-value": b,
+                    index: O,
                     "hide-export": !0
                   }, null, 8, ["model-value", "index"]))), 128))
-                ])) : (i(), x(se, { key: 1 }))
+                ])) : (i(), C(ue, { key: 1 }))
               ]),
               _: 1
             }),
-            r.value ? (i(), x(xe, {
+            r.value ? (i(), C(xe, {
               key: 0,
               modelValue: r.value,
-              "onUpdate:modelValue": c[3] || (c[3] = (g) => r.value = g),
-              "hide-configuration": y.hideConfiguration,
-              onHideConfiguration: c[4] || (c[4] = (g) => {
-                m("hideConfiguration", g);
+              "onUpdate:modelValue": c[3] || (c[3] = (b) => r.value = b),
+              "hide-configuration": w.hideConfiguration,
+              onHideConfiguration: c[4] || (c[4] = (b) => {
+                u("hideConfiguration", b);
               })
             }, null, 8, ["modelValue", "hide-configuration"])) : Y("", !0)
-          ])) : (i(), V("div", il, [
-            b("div", {
-              style: me({
+          ])) : (i(), S("div", il, [
+            h("div", {
+              style: ce({
                 transformOrigin: "top center",
-                transform: `scale(${y.previewScale})`
+                transform: `scale(${w.previewScale})`
               })
             }, [
-              b("div", {
+              h("div", {
                 class: "overflow-y-auto bg-white rounded-lg",
-                style: me({
-                  width: y.previewWidth + "px",
-                  height: y.previewHeight + "px"
+                style: ce({
+                  width: w.previewWidth + "px",
+                  height: w.previewHeight + "px"
                 })
               }, [
-                r.value.tiles.length > 0 ? (i(), V("div", sl, [
-                  (i(!0), V(L, null, Q(r.value.tiles, (g, $) => (i(), x(ie, {
-                    key: `${e(ee)()}_${$}`,
-                    "model-value": g,
-                    index: $,
+                r.value.tiles.length > 0 ? (i(), S("div", sl, [
+                  (i(!0), S(L, null, Q(r.value.tiles, (b, O) => (i(), C(se, {
+                    key: `${e(ee)()}_${O}`,
+                    "model-value": b,
+                    index: O,
                     "hide-export": !0,
-                    "custom-screen-width": y.previewWidth
+                    "custom-screen-width": w.previewWidth
                   }, null, 8, ["model-value", "index", "custom-screen-width"]))), 128))
-                ])) : (i(), x(se, { key: 1 }))
+                ])) : (i(), C(ue, { key: 1 }))
               ], 4)
             ], 4)
           ]))
-        ], 64)) : (i(), x(R, { key: 0 }))
+        ], 64)) : (i(), C(q, { key: 0 }))
       ]);
     };
   }
 }), dl = { class: "flex items-center gap-4" }, ml = { class: "flex justify-center items-center gap-2 w-full" }, cl = { class: "flex gap-4" }, kl = /* @__PURE__ */ G({
   __name: "ReportEditor",
-  setup(F) {
-    const u = Se(), n = $e(), r = Ve(), { promptLoader: y } = Ee(), { t: d } = te(), { currentReport: w, editingReport: m } = ce(r), { breakpoints: C } = ae(), c = N(() => {
-      var _;
-      return !((_ = m.value) != null && _.editable);
-    }), R = N(() => {
-      var _;
-      return ((_ = m.value) == null ? void 0 : _.name) ?? d("report.editor.newReport");
-    }), q = Oe(), { promptMessage: O } = Te(), B = W(!1);
-    async function g() {
-      if (!m.value || m.value.tiles.length === 0) {
-        q.open({ message: d("report.messages.noWidget"), type: "error" });
+  setup(x) {
+    const d = Se(), n = $e(), r = Ve(), { promptLoader: w } = He(), { t: m } = te(), { currentReport: _, editingReport: u } = ae(r), { breakpoints: k } = ne(), c = N(() => {
+      var F;
+      return !((F = u.value) != null && F.editable);
+    }), q = N(() => {
+      var F;
+      return ((F = u.value) == null ? void 0 : F.name) ?? m("report.editor.newReport");
+    }), I = Oe(), { promptMessage: T } = Te(), B = R(!1);
+    async function b() {
+      if (!u.value || u.value.tiles.length === 0) {
+        I.open({ message: m("report.messages.noWidget"), type: "error" });
         return;
       }
-      const _ = c.value ? d("report.common.clone") : d("report.common.save");
-      if (await O({
-        title: `${d("report.messages.saveReport")}`,
-        message: d("report.messages.confirmAction", { action: _, name: R.value })
+      const { defaultChartWidth: F, defaultChartHeight: o } = ae(r);
+      u.value.tiles.forEach((f) => {
+        f.widget.config.chartWidth == null && (f.widget.config.chartWidth = F.value), f.widget.config.chartHeight == null && (f.widget.config.chartHeight = o.value);
+      });
+      const t = c.value ? m("report.common.clone") : m("report.common.save");
+      if (await T({
+        title: `${m("report.messages.saveReport")}`,
+        message: m("report.messages.confirmAction", { action: t, name: q.value })
       }))
         try {
-          await y(async () => {
+          await w(async () => {
             if (c.value) {
-              const l = JSON.parse(JSON.stringify(m.value));
-              l.editable = !0, l.id = "", l.name = `${l.name} ${d("report.common.duplicate")}`, await r.createOrUpdateReport(l);
+              const f = JSON.parse(JSON.stringify(u.value));
+              f.editable = !0, f.id = "", f.name = `${f.name} ${m("report.common.duplicate")}`, await r.createOrUpdateReport(f);
             } else
-              m.value && await r.createOrUpdateReport(m.value);
-            u.push({
+              u.value && await r.createOrUpdateReport(u.value);
+            d.push({
               name: "reportView",
               query: n.query
             });
           });
-        } catch (l) {
-          console.log(l), q.open({
-            message: d("report.messages.failedToAction", { action: _ }),
+        } catch (f) {
+          console.log(f), I.open({
+            message: m("report.messages.failedToAction", { action: t }),
             type: "error"
           });
         }
     }
-    async function $() {
+    async function O() {
       var o;
-      if (!m.value) return;
-      await O({
-        title: d("report.common.report", 1),
-        message: d("report.editor.notSaved", { name: (o = m.value) == null ? void 0 : o.name })
-      }) && (m.value = JSON.parse(JSON.stringify(w.value)), u.back());
+      if (!u.value) return;
+      await T({
+        title: m("report.common.report", 1),
+        message: m("report.editor.notSaved", { name: (o = u.value) == null ? void 0 : o.name })
+      }) && (u.value = JSON.parse(JSON.stringify(_.value)), d.back());
     }
     Ue(() => {
-      m.value || u.push({ name: "reports" });
+      u.value || d.push({ name: "reports" });
     });
     const A = [
       {
-        label: d("report.common.default"),
+        label: m("report.common.default"),
         width: void 0,
         height: void 0
       },
       {
-        label: d("report.editor.devices.desktop"),
+        label: m("report.editor.devices.desktop"),
         width: 1920,
         height: 1080
       },
       {
-        label: d("report.editor.devices.tablet"),
+        label: m("report.editor.devices.tablet"),
         width: 820,
         height: 1180
       },
       {
-        label: d("report.editor.devices.phone"),
+        label: m("report.editor.devices.phone"),
         width: 390,
         height: 859
       }
-    ], S = W(A[0]), p = W(!1), t = N(() => p.value ? Math.max(S.value.width || 0, S.value.height || 0) : Math.min(S.value.width || 0, S.value.height || 0)), k = N(() => p.value ? Math.min(S.value.width || 0, S.value.height || 0) : Math.max(S.value.width || 0, S.value.height || 0)), U = N(() => window.innerHeight - 72 - 56), D = N(() => {
-      if (!t.value) return 1;
-      let _ = (U.value - 48) / t.value, o = k.value * _;
-      return o > window.innerWidth && (_ = window.innerWidth / k.value, o = k.value * _), _ > 1 ? 1 : _;
+    ], $ = R(A[0]), p = R(!1), l = N(() => p.value ? Math.max($.value.width || 0, $.value.height || 0) : Math.min($.value.width || 0, $.value.height || 0)), V = N(() => p.value ? Math.min($.value.width || 0, $.value.height || 0) : Math.max($.value.width || 0, $.value.height || 0)), U = N(() => window.innerHeight - 72 - 56), W = N(() => {
+      if (!l.value) return 1;
+      let F = (U.value - 48) / l.value, o = V.value * F;
+      return o > window.innerWidth && (F = window.innerWidth / V.value, o = V.value * F), F > 1 ? 1 : F;
     });
-    function T(_) {
-      S.value = _;
+    function M(F) {
+      $.value = F;
     }
-    function z() {
+    function P() {
       p.value = !p.value;
     }
-    return (_, o) => {
-      const l = v("FmTooltip"), I = v("FmButton"), M = v("FmPageHead");
-      return i(), x(qe, null, {
+    return (F, o) => {
+      const t = v("FmTooltip"), D = v("FmButton"), f = v("FmPageHead");
+      return i(), C(qe, null, {
         default: s(() => [
-          a(M, {
+          a(f, {
             actions: [
-              { label: e(d)("report.common.cancel"), value: "cancel", isPrimary: !1 },
+              { label: e(m)("report.common.cancel"), value: "cancel", isPrimary: !1 },
               { label: "Save Report", value: "save", isPrimary: !0, prependIcon: "download" }
             ],
-            "onClick:action": o[0] || (o[0] = (f) => {
-              f === "cancel" && $(), f === "save" && g();
+            "onClick:action": o[0] || (o[0] = (g) => {
+              g === "cancel" && O(), g === "save" && b();
             })
           }, {
             title: s(() => [
-              b("div", dl, [
-                a(l, {
-                  content: R.value,
+              h("div", dl, [
+                a(t, {
+                  content: q.value,
                   placement: "bottom"
                 }, {
                   default: s(() => [
-                    b("p", {
-                      class: le(`${e(C).sm || e(C).xs ? "hidden" : ""} text-ellipsis overflow-hidden text-nowrap fm-typo-en-title-md-600 w-[250px]`)
-                    }, P(R.value), 3)
+                    h("p", {
+                      class: le(`${e(k).sm || e(k).xs ? "hidden" : ""} text-ellipsis overflow-hidden text-nowrap fm-typo-en-title-md-600 w-[250px]`)
+                    }, E(q.value), 3)
                   ]),
                   _: 1
                 }, 8, ["content"]),
-                b("div", ml, [
-                  b("div", cl, [
-                    (i(), V(L, null, Q(A, (f) => {
-                      var E;
-                      return a(I, {
-                        key: f.label,
-                        label: f.label,
-                        variant: ((E = S.value) == null ? void 0 : E.label) === f.label ? "primary" : "secondary",
+                h("div", ml, [
+                  h("div", cl, [
+                    (i(), S(L, null, Q(A, (g) => {
+                      var H;
+                      return a(D, {
+                        key: g.label,
+                        label: g.label,
+                        variant: ((H = $.value) == null ? void 0 : H.label) === g.label ? "primary" : "secondary",
                         size: "md",
-                        onClick: (oe) => T(f)
+                        onClick: (oe) => M(g)
                       }, null, 8, ["label", "variant", "onClick"]);
                     }), 64))
                   ]),
-                  a(I, {
+                  a(D, {
                     icon: "screen_rotation",
                     variant: "tertiary",
                     size: "md",
                     class: "text-fm-color-typo-primary",
-                    onClick: z
+                    onClick: P
                   })
                 ])
               ])
             ]),
             _: 1
           }, 8, ["actions"]),
-          e(m) ? (i(), x(ul, {
+          e(u) ? (i(), C(ul, {
             key: 0,
-            modelValue: e(m),
-            "onUpdate:modelValue": o[1] || (o[1] = (f) => ke(m) ? m.value = f : null),
-            style: me({ height: U.value + "px" }),
-            class: le(e(C).lg || e(C).md ? "flex" : ""),
+            modelValue: e(u),
+            "onUpdate:modelValue": o[1] || (o[1] = (g) => ke(u) ? u.value = g : null),
+            style: ce({ height: U.value + "px" }),
+            class: le(e(k).lg || e(k).md ? "flex" : ""),
             "hide-configuration": B.value,
-            "preview-width": k.value,
-            "preview-height": t.value,
-            "preview-scale": D.value,
-            onHideConfiguration: o[2] || (o[2] = (f) => B.value = f)
+            "preview-width": V.value,
+            "preview-height": l.value,
+            "preview-scale": W.value,
+            onHideConfiguration: o[2] || (o[2] = (g) => B.value = g)
           }, null, 8, ["modelValue", "style", "class", "hide-configuration", "preview-width", "preview-height", "preview-scale"])) : Y("", !0)
         ]),
         _: 1