@feedmepos/mf-report 5.18.2-beta.1 → 5.18.2-beta.3

package/dist/{ReportEditor-DgAWdCZe.js → ReportEditor-Db1Ll1hk.js}

@@ -1,12 +1,12 @@
-import { defineComponent as G, mergeModels as L, useModel as j, ref as q, computed as U, resolveComponent as f, createBlock as $, openBlock as i, withCtx as s, createElementVNode as w, createVNode as t, unref as l, normalizeClass as oe, createTextVNode as ce, toDisplayString as P, createElementBlock as S, Fragment as J, renderSlot as Ce, createCommentVNode as Q, watch as pe, renderList as X, resolveDynamicComponent as Ue, isRef as ke, normalizeStyle as ve, onMounted as Be } from "vue";
-import { W as De, _ as We, i as Ie, S as ye, d as _e, T as Re, a as qe } from "./TransitionFade-1tV8-j1Z.js";
-import { c as Pe, D as le, C as we, a as Ve, b as Ee, v as te } from "./BaseDialog.vue_vue_type_script_setup_true_lang-BrHd550j.js";
+import { defineComponent as G, mergeModels as L, useModel as j, ref as q, computed as U, resolveComponent as f, createBlock as $, openBlock as i, withCtx as s, createElementVNode as F, createVNode as t, unref as l, normalizeClass as oe, createTextVNode as ce, toDisplayString as P, createElementBlock as S, Fragment as J, renderSlot as Ce, createCommentVNode as Q, watch as pe, renderList as X, resolveDynamicComponent as Ue, isRef as ke, normalizeStyle as ve, onMounted as Be } from "vue";
+import { W as De, _ as Ie, i as We, S as ye, d as _e, T as Re, a as qe } from "./TransitionFade-CiVLb7cy.js";
+import { c as Pe, D as le, C as we, a as Ve, b as Ee, v as te } from "./BaseDialog.vue_vue_type_script_setup_true_lang-djyc20Cp.js";
 import { storeToRefs as fe } from "pinia";
 import { useRouter as Se, useRoute as $e } from "vue-router";
 import { useBreakpoints as ie, useSnackbar as Oe, FmButtonColorThemeVariant as Z } from "@feedmepos/ui-library";
 import { u as Te } from "./message-dialog-UoMWOnil.js";
 import { u as ae, i as ue, f as ze } from "./vue-i18n-CTLGxUiF.js";
-import { _ as de } from "./DynamicWidget.vue_vue_type_script_setup_true_lang-B75aeM0i.js";
+import { _ as de } from "./DynamicWidget.vue_vue_type_script_setup_true_lang-DKA5lLXB.js";
 import { _ as me } from "./NoData.vue_vue_type_script_setup_true_lang-Divo8W18.js";
 import { r as re } from "./i18n-Cif1I9J2.js";
 import { _ as Fe } from "./SelectComponent.vue_vue_type_script_setup_true_lang-mR2PeX3S.js";
@@ -20,17 +20,17 @@ const He = /* @__PURE__ */ G({
   }),
   emits: /* @__PURE__ */ L(["update:isOpen"], ["update:modelValue"]),
   setup(k, { emit: u }) {
-    const { t: n } = ae(), { breakpoints: r } = ie(), y = j(k, "modelValue"), c = k, x = u;
+    const { t: n } = ae(), { breakpoints: r } = ie(), _ = j(k, "modelValue"), c = k, C = u;
     function v() {
-      x("update:isOpen", !1);
+      C("update:isOpen", !1);
     }
     function V() {
-      d.value && (y.value = d.value, d.value = void 0, x("update:isOpen", !1));
+      d.value && (_.value = d.value, d.value = void 0, C("update:isOpen", !1));
     }
     const d = q(), B = U(() => !d.value);
-    return (D, W) => {
-      const I = f("FmButton"), _ = f("FmDialog");
-      return i(), $(_, {
+    return (D, I) => {
+      const W = f("FmButton"), w = f("FmDialog");
+      return i(), $(w, {
         "model-value": c.isOpen
       }, {
         "dialog-header": s(() => [
@@ -39,19 +39,19 @@ const He = /* @__PURE__ */ G({
         default: s(() => [
           t(De, {
             modelValue: d.value,
-            "onUpdate:modelValue": W[0] || (W[0] = (N) => d.value = N),
+            "onUpdate:modelValue": I[0] || (I[0] = (N) => d.value = N),
             class: oe(`grid ${l(r).lg || l(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(() => [
-          W[1] || (W[1] = w("div", { class: "grow" }, null, -1)),
-          t(I, {
+          I[1] || (I[1] = F("div", { class: "grow" }, null, -1)),
+          t(W, {
             label: l(n)("report.common.cancel"),
             variant: "tertiary",
             onClick: v
           }, null, 8, ["label"]),
-          t(I, {
+          t(W, {
             label: l(n)("report.common.confirm"),
             disabled: B.value,
             onClick: V
@@ -75,15 +75,15 @@ const He = /* @__PURE__ */ G({
   emits: ["update:modelValue"],
   setup(k) {
     const { t: u } = ae(), n = j(k, "modelValue"), r = k;
-    return (y, c) => {
-      const x = f("FmIcon");
+    return (_, c) => {
+      const C = f("FmIcon");
       return i(), S("div", {
         class: "px-6 py-16 flex items-center gap-2 bg-fm-color-neutral-white border cursor-pointer",
         onClick: c[0] || (c[0] = (v) => n.value = !n.value)
       }, [
-        w("p", Je, P(l(u)("report.editor.customizeReport")), 1),
-        c[1] || (c[1] = w("div", { class: "grow" }, null, -1)),
-        t(x, {
+        F("p", Je, P(l(u)("report.editor.customizeReport")), 1),
+        c[1] || (c[1] = F("div", { class: "grow" }, null, -1)),
+        t(C, {
           name: r.icon
         }, null, 8, ["name"])
       ]);
@@ -101,7 +101,7 @@ const He = /* @__PURE__ */ G({
     return (n, r) => (i(), S(J, null, [
       t(ge, {
         modelValue: u.value,
-        "onUpdate:modelValue": r[0] || (r[0] = (y) => u.value = y),
+        "onUpdate:modelValue": r[0] || (r[0] = (_) => u.value = _),
         icon: "keyboard_double_arrow_left"
       }, null, 8, ["modelValue"]),
       Ce(n.$slots, "default")
@@ -117,23 +117,23 @@ const He = /* @__PURE__ */ G({
   setup(k) {
     const u = j(k, "modelValue");
     return (n, r) => {
-      const y = f("FmTopSheet"), c = f("FmCard");
+      const _ = f("FmTopSheet"), c = f("FmCard");
       return i(), $(c, { class: "fixed bottom-0 w-full" }, {
         default: s(() => [
           t(ge, {
             modelValue: u.value,
-            "onUpdate:modelValue": r[0] || (r[0] = (x) => u.value = x),
+            "onUpdate:modelValue": r[0] || (r[0] = (C) => u.value = C),
             icon: "keyboard_double_arrow_up"
           }, null, 8, ["modelValue"]),
-          t(y, {
+          t(_, {
             modelValue: u.value,
-            "onUpdate:modelValue": r[2] || (r[2] = (x) => u.value = x),
+            "onUpdate:modelValue": r[2] || (r[2] = (C) => u.value = C),
             "fullscreen-size": "sm"
           }, {
             default: s(() => [
               t(ge, {
                 modelValue: u.value,
-                "onUpdate:modelValue": r[1] || (r[1] = (x) => u.value = x),
+                "onUpdate:modelValue": r[1] || (r[1] = (C) => u.value = C),
                 icon: "keyboard_double_arrow_down"
               }, null, 8, ["modelValue"]),
               u.value ? Ce(n.$slots, "default", { key: 0 }) : Q("", !0)
@@ -169,43 +169,43 @@ const He = /* @__PURE__ */ G({
   }),
   emits: ["update:globalFilter", "update:isOpen"],
   setup(k) {
-    const { t: u, te: n } = ae(), r = j(k, "globalFilter"), y = j(k, "isOpen"), c = Oe(), x = k, v = q(), V = q(), d = q(), B = q([]), D = q([]);
-    pe(y, (p) => {
+    const { t: u, te: n } = ae(), r = j(k, "globalFilter"), _ = j(k, "isOpen"), c = Oe(), C = k, v = q(), V = q(), d = q(), B = q([]), D = q([]);
+    pe(_, (p) => {
       var o, g, a, e;
-      p && (v.value = ((o = r.value) == null ? void 0 : o.label) || "", V.value = x.schemas.find(
-        (C) => {
-          var h;
-          return C.name === ((h = r.value) == null ? void 0 : h.schemaName);
+      p && (v.value = ((o = r.value) == null ? void 0 : o.label) || "", V.value = C.schemas.find(
+        (b) => {
+          var y;
+          return b.name === ((y = r.value) == null ? void 0 : y.schemaName);
         }
-      ), d.value = (g = I.value.find(
-        (C) => {
-          var h;
-          return C.value.name === ((h = r.value) == null ? void 0 : h.name);
+      ), d.value = (g = W.value.find(
+        (b) => {
+          var y;
+          return b.value.name === ((y = r.value) == null ? void 0 : y.name);
         }
       )) == null ? void 0 : g.value, B.value = ((a = r.value) == null ? void 0 : a.tileIds) || [], D.value = ((e = r.value) == null ? void 0 : e.filters) || []);
     });
-    const W = U(
-      () => x.schemas.map((p) => ({
+    const I = U(
+      () => C.schemas.map((p) => ({
         label: p.label || p.name,
         value: p
       }))
-    ), I = U(() => {
+    ), W = U(() => {
       var p;
       return (((p = V.value) == null ? void 0 : p.fields) || []).map((o) => ({
         label: o.label,
         value: o
       }));
-    }), _ = U(() => x.tiles.reduce((p, o, g) => {
-      var C, h;
+    }), w = U(() => C.tiles.reduce((p, o, g) => {
+      var b, y;
       const a = o.widget.config.schemaNames ?? [], e = (o.widget.config.joinDatasources ?? []).flatMap(
         (m) => m.schemaNames ?? []
       );
-      return [...a, ...e].includes(((C = V.value) == null ? void 0 : C.name) || "") && p.push({
-        label: (h = o == null ? void 0 : o.widget.title) != null && h.trim() ? o.widget.title : `Widget ${g + 1}`,
+      return [...a, ...e].includes(((b = V.value) == null ? void 0 : b.name) || "") && p.push({
+        label: (y = o == null ? void 0 : o.widget.title) != null && y.trim() ? o.widget.title : `Widget ${g + 1}`,
         value: o.id
       }), p;
     }, [])), N = U(
-      () => x.schemas.flatMap(
+      () => C.schemas.flatMap(
         (p) => (p.fields ?? []).map((o) => ({
           ...o,
           labels: [
@@ -234,7 +234,7 @@ const He = /* @__PURE__ */ G({
           throw new Error(`Unsupported data type: ${p}`);
       }
     }
-    function b() {
+    function h() {
       if (!V.value) {
         c.open({ message: "Invalid schema", type: "error" });
         return;
@@ -247,10 +247,10 @@ const He = /* @__PURE__ */ G({
         option: d.value.type === le.Timestamp ? Pe.DateTime : null,
         tileIds: [...B.value],
         filters: JSON.parse(JSON.stringify(D.value))
-      }, y.value = !1;
+      }, _.value = !1;
     }
     function z() {
-      y.value = !1;
+      _.value = !1;
     }
     const K = U(() => {
       var p;
@@ -260,17 +260,17 @@ const He = /* @__PURE__ */ G({
       ];
     });
     function Y(p) {
-      var C, h, m, M;
-      const o = x.tiles.find((R) => R.id === p.value), g = ((h = (C = o == null ? void 0 : o.widget) == null ? void 0 : C.config) == null ? void 0 : h.schemaNames) ?? [], a = (((M = (m = o == null ? void 0 : o.widget) == null ? void 0 : m.config) == null ? void 0 : M.joinDatasources) ?? []).flatMap(
+      var b, y, m, M;
+      const o = C.tiles.find((R) => R.id === p.value), g = ((y = (b = o == null ? void 0 : o.widget) == null ? void 0 : b.config) == null ? void 0 : y.schemaNames) ?? [], a = (((M = (m = o == null ? void 0 : o.widget) == null ? void 0 : m.config) == null ? void 0 : M.joinDatasources) ?? []).flatMap(
         (R) => R.schemaNames ?? []
       ), e = [...g, ...a];
       return K.value.filter((R) => !!R).some((R) => !e.includes(R));
     }
     return (p, o) => {
-      const g = f("FmTextField"), a = f("FmLabel"), e = f("FmCheckbox"), C = f("FmIcon"), h = f("FmTooltip"), m = f("FmForm"), M = f("FmButton"), R = f("FmDialog");
+      const g = f("FmTextField"), a = f("FmLabel"), e = f("FmCheckbox"), b = f("FmIcon"), y = f("FmTooltip"), m = f("FmForm"), M = f("FmButton"), R = f("FmDialog");
       return i(), $(R, {
-        modelValue: y.value,
-        "onUpdate:modelValue": o[5] || (o[5] = (T) => y.value = T),
+        modelValue: _.value,
+        "onUpdate:modelValue": o[5] || (o[5] = (T) => _.value = T),
         overlay: !0,
         "z-index": 10
       }, {
@@ -292,19 +292,19 @@ const He = /* @__PURE__ */ G({
               }, null, 8, ["modelValue", "placeholder", "label"]),
               t(Fe, {
                 "model-value": V.value,
-                items: W.value,
+                items: I.value,
                 placeholder: l(u)("report.section.schema.title"),
                 label: l(u)("report.section.schema.title"),
                 "onUpdate:modelValue": o[1] || (o[1] = (T) => A(T))
               }, null, 8, ["model-value", "items", "placeholder", "label"]),
               t(Fe, {
                 "model-value": d.value,
-                items: I.value,
+                items: W.value,
                 placeholder: l(u)("report.section.dimension.Dimension"),
                 label: l(u)("report.section.dimension.Dimension"),
                 "onUpdate:modelValue": o[2] || (o[2] = (T) => O(T))
               }, null, 8, ["model-value", "items", "placeholder", "label"]),
-              t(We, {
+              t(Ie, {
                 modelValue: D.value,
                 "onUpdate:modelValue": o[3] || (o[3] = (T) => D.value = T),
                 options: N.value
@@ -316,7 +316,7 @@ const He = /* @__PURE__ */ G({
                 _: 1
               }),
               k.tiles.length > 0 ? (i(), S("div", Ge, [
-                (i(!0), S(J, null, X(_.value, (T) => (i(), S("div", {
+                (i(!0), S(J, null, X(w.value, (T) => (i(), S("div", {
                   key: T.value,
                   class: "flex items-center"
                 }, [
@@ -326,14 +326,14 @@ const He = /* @__PURE__ */ G({
                     label: T.label,
                     value: T.value
                   }, null, 8, ["modelValue", "label", "value"]),
-                  Y(T) ? (i(), $(h, {
+                  Y(T) ? (i(), $(y, {
                     key: 0,
                     content: l(u)("report.section.filter.missingFilterSchema"),
                     "z-index": 99,
                     class: "ml-2"
                   }, {
                     default: s(() => [
-                      t(C, {
+                      t(b, {
                         name: "warning",
                         class: "text-fm-color-system-error-300"
                       })
@@ -351,7 +351,7 @@ const He = /* @__PURE__ */ G({
           }, 512)
         ]),
         "dialog-footer": s(() => [
-          o[6] || (o[6] = w("div", { class: "grow" }, null, -1)),
+          o[6] || (o[6] = F("div", { class: "grow" }, null, -1)),
           t(M, {
             label: l(u)("report.common.cancel"),
             variant: "tertiary",
@@ -359,7 +359,7 @@ const He = /* @__PURE__ */ G({
           }, null, 8, ["label"]),
           t(M, {
             label: l(u)("report.common.confirm"),
-            onClick: b
+            onClick: h
           }, null, 8, ["label"])
         ]),
         _: 1
@@ -379,28 +379,28 @@ const He = /* @__PURE__ */ G({
   }),
   emits: /* @__PURE__ */ L(["hideConfiguration"], ["update:modelValue"]),
   setup(k, { emit: u }) {
-    const n = j(k, "modelValue"), { breakpoints: r } = ie(), y = k, c = u, x = Se(), v = $e(), V = q(), {
+    const n = j(k, "modelValue"), { breakpoints: r } = ie(), _ = k, c = u, C = Se(), v = $e(), V = q(), {
       currentSelectWidgetType: d,
       categories: B,
       editingTile: D,
-      editingTileIndex: W,
-      editingGlobalFilter: I,
-      editingGlobalFilterIndex: _
-    } = fe(Ve()), { schemas: N } = fe(Ee()), { promptMessage: A } = Te(), O = q(!1), E = q(!1), { t: b, te: z } = ae(), K = q(void 0), Y = U(() => {
+      editingTileIndex: I,
+      editingGlobalFilter: W,
+      editingGlobalFilterIndex: w
+    } = fe(Ve()), { schemas: N } = fe(Ee()), { promptMessage: A } = Te(), O = q(!1), E = q(!1), { t: h, te: z } = ae(), K = q(void 0), Y = U(() => {
       const a = n.value.tiles.flatMap((e) => {
         var m;
-        const C = e.widget.config.schemaNames ?? [], h = ((m = e.widget.config.joinDatasources) == null ? void 0 : m.flatMap((M) => M.schemaNames ?? [])) ?? [];
-        return [...C, ...h];
+        const b = e.widget.config.schemaNames ?? [], y = ((m = e.widget.config.joinDatasources) == null ? void 0 : m.flatMap((M) => M.schemaNames ?? [])) ?? [];
+        return [...b, ...y];
       });
-      return [...new Set(a)].reduce((e, C) => {
-        const h = N.value.find((m) => m.name === C);
-        return h && e.push(h), e;
+      return [...new Set(a)].reduce((e, b) => {
+        const y = N.value.find((m) => m.name === b);
+        return y && e.push(y), e;
       }, []);
     });
     pe(
       () => d.value,
       () => {
-        d.value !== void 0 && (K.value = Ie(d.value), D.value = K.value, W.value = -1, x.push({
+        d.value !== void 0 && (K.value = We(d.value), D.value = K.value, I.value = -1, C.push({
           name: "tileEditor",
           query: v.query
         }));
@@ -417,18 +417,18 @@ const He = /* @__PURE__ */ G({
     );
     const p = [
       {
-        label: b("report.common.edit"),
+        label: h("report.common.edit"),
         selected: !1,
         variant: "tertiary",
         onClick: (a) => {
-          W.value = a, D.value = JSON.parse(JSON.stringify(n.value.tiles[a])), x.push({
+          I.value = a, D.value = JSON.parse(JSON.stringify(n.value.tiles[a])), C.push({
             name: "tileEditor",
             query: v.query
           });
         }
       },
       {
-        label: b("report.common.duplicate"),
+        label: h("report.common.duplicate"),
         selected: !1,
         variant: "tertiary",
         onClick: (a) => {
@@ -440,76 +440,76 @@ const He = /* @__PURE__ */ G({
         }
       },
       {
-        label: b("report.common.remove"),
+        label: h("report.common.remove"),
         selected: !1,
         variant: "destructive",
         onClick: async (a) => {
           if (await A({
-            title: b("report.editor.deleteWidget"),
-            message: b("report.editor.deleteWidgetConfirm", {
+            title: h("report.editor.deleteWidget"),
+            message: h("report.editor.deleteWidgetConfirm", {
               title: n.value.tiles[a].widget.title
             })
           })) {
-            const C = n.value.tiles[a].id;
-            n.value.tiles.splice(a, 1), n.value.globalFilters && n.value.globalFilters.forEach((h) => {
+            const b = n.value.tiles[a].id;
+            n.value.tiles.splice(a, 1), n.value.globalFilters && n.value.globalFilters.forEach((y) => {
               var m;
-              h.tileIds = (m = h.tileIds) == null ? void 0 : m.filter((M) => M !== C);
+              y.tileIds = (m = y.tileIds) == null ? void 0 : m.filter((M) => M !== b);
             });
           }
         }
       }
     ], o = [
       {
-        label: b("report.common.edit"),
+        label: h("report.common.edit"),
         selected: !1,
         variant: "tertiary",
         onClick: (a) => {
           var e;
-          _.value = a, I.value = JSON.parse(JSON.stringify((e = n.value.globalFilters) == null ? void 0 : e[a])), O.value = !0;
+          w.value = a, W.value = JSON.parse(JSON.stringify((e = n.value.globalFilters) == null ? void 0 : e[a])), O.value = !0;
         }
       },
       {
-        label: b("report.common.remove"),
+        label: h("report.common.remove"),
         selected: !1,
         variant: "destructive",
         onClick: async (a) => {
-          var h, m;
-          const e = (h = n.value.globalFilters) == null ? void 0 : h[a];
+          var y, m;
+          const e = (y = n.value.globalFilters) == null ? void 0 : y[a];
           if (!e) return;
           await A({
-            title: b("report.editor.deleteWidget"),
-            message: b("report.editor.deleteWidgetConfirm", {
+            title: h("report.editor.deleteWidget"),
+            message: h("report.editor.deleteWidgetConfirm", {
               title: ue(e)
             })
           }) && ((m = n.value.globalFilters) == null || m.splice(a, 1));
         }
       }
     ], g = U(() => B.value.map((a) => ({
-      label: b(`report.category.${a.name}`),
+      label: h(`report.category.${a.name}`),
       value: a.id
     })));
     return (a, e) => {
-      const C = f("FmTextField"), h = f("FmSelect"), m = f("FmButton"), M = f("FmIcon"), R = f("FmTooltip"), T = f("FmMenuItem"), ne = f("FmMenu"), be = f("FmListItem"), he = f("FmList"), Ne = f("FmForm");
+      const b = f("FmTextField"), y = f("FmSelect"), m = f("FmButton"), M = f("FmIcon"), R = f("FmTooltip"), T = f("FmMenuItem"), ne = f("FmMenu"), be = f("FmListItem"), he = f("FmList"), Ne = f("FmForm");
       return i(), $(Ue(l(r).lg || l(r).md ? Le : je), {
-        "model-value": y.hideConfiguration,
-        "onUpdate:modelValue": e[8] || (e[8] = (F) => c("hideConfiguration", F))
+        "model-value": _.hideConfiguration,
+        "onUpdate:modelValue": e[8] || (e[8] = (x) => c("hideConfiguration", x))
       }, {
         default: s(() => [
           t(Ae, {
             "is-open": O.value,
-            "onUpdate:isOpen": e[0] || (e[0] = (F) => O.value = F),
-            "global-filter": l(I),
+            "onUpdate:isOpen": e[0] || (e[0] = (x) => O.value = x),
+            "global-filter": l(W),
             tiles: n.value.tiles,
             schemas: Y.value,
-            "onUpdate:globalFilter": e[1] || (e[1] = (F) => {
-              F && (n.value.globalFilters || (n.value.globalFilters = []), typeof l(_) == "number" && l(_) >= 0 ? n.value.globalFilters[l(_)] = F : n.value.globalFilters.push(F));
+            "onUpdate:globalFilter": e[1] || (e[1] = (x) => {
+              x && (n.value.globalFilters || (n.value.globalFilters = []), typeof l(w) == "number" && l(w) >= 0 ? n.value.globalFilters[l(w)] = x : n.value.globalFilters.push(x));
             })
           }, null, 8, ["is-open", "global-filter", "tiles", "schemas"]),
           t(He, {
             modelValue: l(d),
-            "onUpdate:modelValue": e[2] || (e[2] = (F) => ke(d) ? d.value = F : null),
+            "onUpdate:modelValue": e[2] || (e[2] = (x) => ke(d) ? d.value = x : null),
             "is-open": E.value,
-            "onUpdate:isOpen": e[3] || (e[3] = (F) => E.value = F)
+            "onUpdate:isOpen": e[3] || (e[3] = (x) => E.value = x)
           }, null, 8, ["modelValue", "is-open"]),
           t(Ne, {
             ref_key: "form",
@@ -519,21 +519,21 @@ const He = /* @__PURE__ */ G({
             default: s(() => [
               t(ye, { class: "border-solid" }, {
                 header: s(() => [
-                  w("p", null, P(l(b)("report.editor.reportInfo")), 1),
-                  e[9] || (e[9] = w("div", { class: "grow" }, null, -1))
+                  F("p", null, P(l(h)("report.editor.reportInfo")), 1),
+                  e[9] || (e[9] = F("div", { class: "grow" }, null, -1))
                 ]),
                 content: s(() => [
-                  w("div", Ke, [
-                    t(C, {
+                  F("div", Ke, [
+                    t(b, {
                       modelValue: n.value.name,
-                      "onUpdate:modelValue": e[4] || (e[4] = (F) => n.value.name = F),
-                      label: l(b)("report.editor.reportTitle"),
-                      placeholder: l(b)("report.editor.placeholder")
+                      "onUpdate:modelValue": e[4] || (e[4] = (x) => n.value.name = x),
+                      label: l(h)("report.editor.reportTitle"),
+                      placeholder: l(h)("report.editor.placeholder")
                     }, null, 8, ["modelValue", "label", "placeholder"]),
-                    t(h, {
+                    t(y, {
                       modelValue: n.value.category,
-                      "onUpdate:modelValue": e[5] || (e[5] = (F) => n.value.category = F),
-                      label: l(b)("report.common.category"),
+                      "onUpdate:modelValue": e[5] || (e[5] = (x) => n.value.category = x),
+                      label: l(h)("report.common.category"),
                       items: g.value
                     }, null, 8, ["modelValue", "label", "items"])
                   ])
@@ -545,20 +545,20 @@ const He = /* @__PURE__ */ G({
                 "is-open": !1
               }, {
                 header: s(() => [
-                  w("p", null, P(l(b)("report.section.filter.globalFilter")), 1),
-                  e[10] || (e[10] = w("div", { class: "grow" }, null, -1))
+                  F("p", null, P(l(h)("report.section.filter.globalFilter")), 1),
+                  e[10] || (e[10] = F("div", { class: "grow" }, null, -1))
                 ]),
                 content: s(() => [
-                  w("div", Qe, [
+                  F("div", Qe, [
                     t(m, {
-                      label: l(b)("report.section.filter.addGlobalFilter"),
+                      label: l(h)("report.section.filter.addGlobalFilter"),
                       variant: "secondary",
                       icon: "add",
                       "icon-position": "prepend",
                       "border-color": l(Z).ColorPrimary,
                       "text-color": l(Z).ColorPrimary,
                       onClick: e[6] || (e[6] = () => {
-                        _.value = null, I.value = null, O.value = !0;
+                        w.value = null, W.value = null, O.value = !0;
                       })
                     }, null, 8, ["label", "border-color", "text-color"]),
                     t(he, null, {
@@ -569,29 +569,29 @@ const He = /* @__PURE__ */ G({
                           class: "flex flex-col gap-2 cursor-grab",
                           handle: ".handle"
                         }, {
-                          item: s(({ element: F, index: ee }) => [
+                          item: s(({ element: x, index: ee }) => [
                             t(be, { class: "!cursor-grab border rounded-md border-neutral-300" }, {
                               default: s(() => [
                                 t(M, {
                                   name: "drag_handle",
                                   class: "handle"
                                 }),
-                                w("div", Xe, [
+                                F("div", Xe, [
                                   t(R, {
                                     "z-index": 99,
-                                    content: l(ue)(F),
+                                    content: l(ue)(x),
                                     class: "handle"
                                   }, {
                                     default: s(() => [
-                                      w("p", Ye, P(l(ue)(F)), 1)
+                                      F("p", Ye, P(l(ue)(x)), 1)
                                     ]),
                                     _: 2
                                   }, 1032, ["content"]),
                                   Y.value.find(
-                                    (H) => H.name === F.schemaName
+                                    (H) => H.name === x.schemaName
                                   ) ? Q("", !0) : (i(), $(R, {
                                     key: 0,
-                                    content: l(b)("report.section.filter.missingSchema"),
+                                    content: l(h)("report.section.filter.missingSchema"),
                                     "z-index": 99
                                   }, {
                                     default: s(() => [
@@ -603,7 +603,7 @@ const He = /* @__PURE__ */ G({
                                     _: 1
                                   }, 8, ["content"]))
                                 ]),
-                                e[11] || (e[11] = w("div", { class: "grow" }, null, -1)),
+                                e[11] || (e[11] = F("div", { class: "grow" }, null, -1)),
                                 t(ne, {
                                   trigger: "click",
                                   shift: !0,
@@ -621,7 +621,7 @@ const He = /* @__PURE__ */ G({
                                       onClick: (Me) => H.onClick(ee)
                                     }, {
                                       label: s(() => [
-                                        w("p", {
+                                        F("p", {
                                           class: oe(
                                             H.variant === "destructive" ? " text-fm-color-system-error-300" : ""
                                           )
@@ -645,15 +645,15 @@ const He = /* @__PURE__ */ G({
                 ]),
                 _: 1
               }),
-              w("div", Ze, [
+              F("div", Ze, [
                 t(m, {
-                  label: l(b)("report.editor.addWidget"),
+                  label: l(h)("report.editor.addWidget"),
                   variant: "secondary",
                   icon: "add",
                   "icon-position": "prepend",
                   "border-color": l(Z).ColorPrimary,
                   "text-color": l(Z).ColorPrimary,
-                  onClick: e[7] || (e[7] = (F) => E.value = !0)
+                  onClick: e[7] || (e[7] = (x) => E.value = !0)
                 }, null, 8, ["label", "border-color", "text-color"]),
                 t(he, null, {
                   default: s(() => [
@@ -663,7 +663,7 @@ const He = /* @__PURE__ */ G({
                       class: "flex flex-col gap-2 cursor-grab",
                       handle: ".handle"
                     }, {
-                      item: s(({ element: F, index: ee }) => [
+                      item: s(({ element: x, index: ee }) => [
                         t(be, { class: "!cursor-grab border rounded-md border-neutral-300" }, {
                           default: s(() => [
                             t(M, {
@@ -671,15 +671,15 @@ const He = /* @__PURE__ */ G({
                               class: "handle"
                             }),
                             t(R, {
-                              content: F.widget.title ? l(re)(l(b), l(z), F.widget.title, "other") : l(b)("report.editor.widget", { index: ee + 1 }),
+                              content: x.widget.title ? l(re)(l(h), l(z), x.widget.title, "other") : l(h)("report.editor.widget", { index: ee + 1 }),
                               class: "handle"
                             }, {
                               default: s(() => [
-                                w("p", el, P(F.widget.title ? l(re)(l(b), l(z), F.widget.title, "other") : l(b)("report.editor.widget", { index: ee + 1 })), 1)
+                                F("p", el, P(x.widget.title ? l(re)(l(h), l(z), x.widget.title, "other") : l(h)("report.editor.widget", { index: ee + 1 })), 1)
                               ]),
                               _: 2
                             }, 1032, ["content"]),
-                            e[12] || (e[12] = w("div", { class: "grow" }, null, -1)),
+                            e[12] || (e[12] = F("div", { class: "grow" }, null, -1)),
                             t(ne, {
                               trigger: "click",
                               shift: !0,
@@ -697,7 +697,7 @@ const He = /* @__PURE__ */ G({
                                   onClick: (Me) => H.onClick(ee)
                                 }, {
                                   label: s(() => [
-                                    w("p", {
+                                    F("p", {
                                       class: oe(
                                         H.variant === "destructive" ? " text-fm-color-system-error-300" : ""
                                       )
@@ -756,28 +756,28 @@ const He = /* @__PURE__ */ G({
   }),
   emits: /* @__PURE__ */ L(["hideConfiguration"], ["update:modelValue"]),
   setup(k, { emit: u }) {
-    const { breakpoints: n } = ie(), r = j(k, "modelValue"), y = k, c = U(() => y.previewWidth > 0 && y.previewHeight > 0), x = U(() => n.value.sm || n.value.xs), v = u;
+    const { breakpoints: n } = ie(), r = j(k, "modelValue"), _ = k, c = U(() => _.previewWidth > 0 && _.previewHeight > 0), C = U(() => n.value.sm || n.value.xs), v = u;
     return (V, d) => {
-      const B = f("FmCircularProgress"), D = f("FmButton"), W = f("FmMenuDivider"), I = f("FmCard");
+      const B = f("FmCircularProgress"), D = f("FmButton"), I = f("FmMenuDivider"), W = f("FmCard");
       return i(), S("div", ll, [
         r.value ? (i(), S(J, { key: 1 }, [
           c.value ? Q("", !0) : (i(), $(Re, {
             key: 0,
-            "model-value": !y.hideConfiguration
+            "model-value": !_.hideConfiguration
           }, {
             right: s(() => [
-              w("div", tl, [
+              F("div", tl, [
                 r.value ? (i(), $(xe, {
                   key: 0,
                   modelValue: r.value,
-                  "onUpdate:modelValue": d[0] || (d[0] = (_) => r.value = _),
-                  "hide-configuration": y.hideConfiguration,
-                  onHideConfiguration: d[1] || (d[1] = (_) => v("hideConfiguration", _))
+                  "onUpdate:modelValue": d[0] || (d[0] = (w) => r.value = w),
+                  "hide-configuration": _.hideConfiguration,
+                  onHideConfiguration: d[1] || (d[1] = (w) => v("hideConfiguration", w))
                 }, null, 8, ["modelValue", "hide-configuration"])) : Q("", !0)
               ])
             ]),
             left: s(() => [
-              w("div", ol, [
+              F("div", ol, [
                 t(D, {
                   variant: "secondary",
                   icon: "keyboard_double_arrow_right",
@@ -785,32 +785,32 @@ const He = /* @__PURE__ */ G({
                   "text-color": l(Z).ColorPrimary,
                   class: "m-24 my-16",
                   size: "md",
-                  onClick: d[2] || (d[2] = (_) => v("hideConfiguration", !y.hideConfiguration))
+                  onClick: d[2] || (d[2] = (w) => v("hideConfiguration", !_.hideConfiguration))
                 }, null, 8, ["border-color", "text-color"])
               ])
             ]),
             _: 1
           }, 8, ["model-value"])),
-          t(W, {
+          t(I, {
             vertical: "",
             style: { margin: "0px" }
           }),
-          !x.value && !c.value ? (i(), S("div", al, [
+          !C.value && !c.value ? (i(), S("div", al, [
             r.value.tiles.length > 0 ? (i(), S("div", nl, [
-              (i(!0), S(J, null, X(r.value.tiles, (_, N) => (i(), $(de, {
+              (i(!0), S(J, null, X(r.value.tiles, (w, N) => (i(), $(de, {
                 key: `${l(te)()}_${N}`,
-                "model-value": _,
+                "model-value": w,
                 index: N,
                 "hide-export": !0
               }, null, 8, ["model-value", "index"]))), 128))
             ])) : (i(), $(me, { key: 1 }))
-          ])) : x.value && !c.value ? (i(), S("div", rl, [
-            t(I, { class: "px-5 pb-28" }, {
+          ])) : C.value && !c.value ? (i(), S("div", rl, [
+            t(W, { class: "px-5 pb-28" }, {
               default: s(() => [
                 r.value.tiles.length > 0 ? (i(), S("div", il, [
-                  (i(!0), S(J, null, X(r.value.tiles, (_, N) => (i(), $(de, {
+                  (i(!0), S(J, null, X(r.value.tiles, (w, N) => (i(), $(de, {
                     key: `${l(te)()}_${N}`,
-                    "model-value": _,
+                    "model-value": w,
                     index: N,
                     "hide-export": !0
                   }, null, 8, ["model-value", "index"]))), 128))
@@ -821,33 +821,33 @@ const He = /* @__PURE__ */ G({
             r.value ? (i(), $(xe, {
               key: 0,
               modelValue: r.value,
-              "onUpdate:modelValue": d[3] || (d[3] = (_) => r.value = _),
-              "hide-configuration": y.hideConfiguration,
-              onHideConfiguration: d[4] || (d[4] = (_) => {
-                v("hideConfiguration", _);
+              "onUpdate:modelValue": d[3] || (d[3] = (w) => r.value = w),
+              "hide-configuration": _.hideConfiguration,
+              onHideConfiguration: d[4] || (d[4] = (w) => {
+                v("hideConfiguration", w);
               })
             }, null, 8, ["modelValue", "hide-configuration"])) : Q("", !0)
           ])) : (i(), S("div", sl, [
-            w("div", {
+            F("div", {
               style: ve({
                 transformOrigin: "top center",
-                transform: `scale(${y.previewScale})`
+                transform: `scale(${_.previewScale})`
               })
             }, [
-              w("div", {
+              F("div", {
                 class: "overflow-y-auto bg-white rounded-lg",
                 style: ve({
-                  width: y.previewWidth + "px",
-                  height: y.previewHeight + "px"
+                  width: _.previewWidth + "px",
+                  height: _.previewHeight + "px"
                 })
               }, [
                 r.value.tiles.length > 0 ? (i(), S("div", ul, [
-                  (i(!0), S(J, null, X(r.value.tiles, (_, N) => (i(), $(de, {
+                  (i(!0), S(J, null, X(r.value.tiles, (w, N) => (i(), $(de, {
                     key: `${l(te)()}_${N}`,
-                    "model-value": _,
+                    "model-value": w,
                     index: N,
                     "hide-export": !0,
-                    "custom-screen-width": y.previewWidth
+                    "custom-screen-width": _.previewWidth
                   }, null, 8, ["model-value", "index", "custom-screen-width"]))), 128))
                 ])) : (i(), $(me, { key: 1 }))
               ], 4)
@@ -860,33 +860,34 @@ const He = /* @__PURE__ */ G({
 }), ml = { class: "flex items-center gap-4" }, cl = { class: "flex justify-center items-center gap-2 w-full" }, pl = { class: "flex gap-4" }, Vl = /* @__PURE__ */ G({
   __name: "ReportEditor",
   setup(k) {
-    const u = Se(), n = $e(), r = Ve(), { promptLoader: y } = ze(), { t: c } = ae(), { currentReport: x, editingReport: v } = fe(r), { breakpoints: V } = ie(), d = U(() => {
+    const u = Se(), n = $e(), r = Ve(), { promptLoader: _ } = ze(), { t: c } = ae(), { currentReport: C, editingReport: v } = fe(r), { breakpoints: V } = ie(), d = U(() => {
       var g;
       return !((g = v.value) != null && g.editable);
     }), B = U(() => {
       var g;
       return ((g = v.value) == null ? void 0 : g.name) ?? c("report.editor.newReport");
-    }), D = Oe(), { promptMessage: W } = Te(), I = q(!1);
-    async function _() {
+    }), D = Oe(), { promptMessage: I } = Te(), W = q(!1);
+    async function w() {
       if (!v.value || v.value.tiles.length === 0) {
         D.open({ message: c("report.messages.noWidget"), type: "error" });
         return;
       }
       const g = d.value ? c("report.common.clone") : c("report.common.save");
-      if (await W({
+      if (await I({
         title: `${c("report.messages.saveReport")}`,
         message: c("report.messages.confirmAction", { action: g, name: B.value })
       }))
         try {
-          await y(async () => {
+          await _(async () => {
+            let e = null;
             if (d.value) {
-              const e = JSON.parse(JSON.stringify(v.value));
-              e.editable = !0, e.id = "", e.name = `${e.name} ${c("report.common.duplicate")}`, await r.createOrUpdateReport(e);
+              const b = JSON.parse(JSON.stringify(v.value));
+              b.editable = !0, b.id = "", b.name = `${b.name} ${c("report.common.duplicate")}`, e = await r.createOrUpdateReport(b);
             } else
-              v.value && await r.createOrUpdateReport(v.value);
+              v.value && (e = await r.createOrUpdateReport(v.value));
             u.push({
               name: "reportView",
-              query: n.query
+              query: { ...n.query, reportId: e == null ? void 0 : e.id }
             });
           });
         } catch (e) {
@@ -899,10 +900,10 @@ const He = /* @__PURE__ */ G({
     async function N() {
       var a;
       if (!v.value) return;
-      await W({
+      await I({
         title: c("report.common.report", 1),
         message: c("report.editor.notSaved", { name: (a = v.value) == null ? void 0 : a.name })
-      }) && (v.value = JSON.parse(JSON.stringify(x.value)), u.back());
+      }) && (v.value = JSON.parse(JSON.stringify(C.value)), u.back());
     }
     Be(() => {
       v.value || u.push({ name: "reports" });
@@ -928,9 +929,9 @@ const He = /* @__PURE__ */ G({
         width: 390,
         height: 859
       }
-    ], O = q(A[0]), E = q(!1), b = U(() => E.value ? Math.max(O.value.width || 0, O.value.height || 0) : Math.min(O.value.width || 0, O.value.height || 0)), z = U(() => E.value ? Math.min(O.value.width || 0, O.value.height || 0) : Math.max(O.value.width || 0, O.value.height || 0)), K = U(() => window.innerHeight - 72 - 56), Y = U(() => {
-      if (!b.value) return 1;
-      let g = (K.value - 48) / b.value, a = z.value * g;
+    ], O = q(A[0]), E = q(!1), h = U(() => E.value ? Math.max(O.value.width || 0, O.value.height || 0) : Math.min(O.value.width || 0, O.value.height || 0)), z = U(() => E.value ? Math.min(O.value.width || 0, O.value.height || 0) : Math.max(O.value.width || 0, O.value.height || 0)), K = U(() => window.innerHeight - 72 - 56), Y = U(() => {
+      if (!h.value) return 1;
+      let g = (K.value - 48) / h.value, a = z.value * g;
       return a > window.innerWidth && (g = window.innerWidth / z.value, a = z.value * g), g > 1 ? 1 : g;
     });
     function p(g) {
@@ -940,36 +941,36 @@ const He = /* @__PURE__ */ G({
       E.value = !E.value;
     }
     return (g, a) => {
-      const e = f("FmTooltip"), C = f("FmButton"), h = f("FmPageHead");
+      const e = f("FmTooltip"), b = f("FmButton"), y = f("FmPageHead");
       return i(), $(qe, null, {
         default: s(() => [
-          t(h, {
+          t(y, {
             actions: [
               { label: l(c)("report.common.cancel"), value: "cancel", isPrimary: !1 },
               { label: "Save Report", value: "save", isPrimary: !0, prependIcon: "download" }
             ],
             "onClick:action": a[0] || (a[0] = (m) => {
-              m === "cancel" && N(), m === "save" && _();
+              m === "cancel" && N(), m === "save" && w();
             })
           }, {
             title: s(() => [
-              w("div", ml, [
+              F("div", ml, [
                 t(e, {
                   content: B.value,
                   placement: "bottom"
                 }, {
                   default: s(() => [
-                    w("p", {
+                    F("p", {
                       class: oe(`${l(V).sm || l(V).xs ? "hidden" : ""} text-ellipsis overflow-hidden text-nowrap fm-typo-en-title-md-600 w-[250px]`)
                     }, P(B.value), 3)
                   ]),
                   _: 1
                 }, 8, ["content"]),
-                w("div", cl, [
-                  w("div", pl, [
+                F("div", cl, [
+                  F("div", pl, [
                     (i(), S(J, null, X(A, (m) => {
                       var M;
-                      return t(C, {
+                      return t(b, {
                         key: m.label,
                         label: m.label,
                         variant: ((M = O.value) == null ? void 0 : M.label) === m.label ? "primary" : "secondary",
@@ -978,7 +979,7 @@ const He = /* @__PURE__ */ G({
                       }, null, 8, ["label", "variant", "onClick"]);
                     }), 64))
                   ]),
-                  t(C, {
+                  t(b, {
                     icon: "screen_rotation",
                     variant: "tertiary",
                     size: "md",
@@ -996,11 +997,11 @@ const He = /* @__PURE__ */ G({
             "onUpdate:modelValue": a[1] || (a[1] = (m) => ke(v) ? v.value = m : null),
             style: ve({ height: K.value + "px" }),
             class: oe(l(V).lg || l(V).md ? "flex" : ""),
-            "hide-configuration": I.value,
+            "hide-configuration": W.value,
             "preview-width": z.value,
-            "preview-height": b.value,
+            "preview-height": h.value,
             "preview-scale": Y.value,
-            onHideConfiguration: a[2] || (a[2] = (m) => I.value = m)
+            onHideConfiguration: a[2] || (a[2] = (m) => W.value = m)
           }, null, 8, ["modelValue", "style", "class", "hide-configuration", "preview-width", "preview-height", "preview-scale"])) : Q("", !0)
         ]),
         _: 1