@feedmepos/mf-report 5.20.0-beta.0 → 5.21.0-beta.0

package/dist/{ReportEditor-BzIQcu_6.js → ReportEditor-DozloMSJ.js}

@@ -1,15 +1,15 @@
-import { defineComponent as X, mergeModels as K, useModel as Q, ref as I, computed as D, resolveComponent as c, createBlock as k, openBlock as i, withCtx as u, createElementVNode as h, createVNode as o, unref as t, normalizeClass as ie, createTextVNode as _e, toDisplayString as H, createElementBlock as T, Fragment as G, renderSlot as $e, createCommentVNode as A, watch as de, renderList as ee, resolveDynamicComponent as Ie, isRef as Te, normalizeStyle as we, onMounted as Re } from "vue";
-import { W as We, g as qe, _ as Ee, i as Pe, S as xe, d as ke, T as Je, a as ze } from "./TransitionFade-CZ_9hsfO.js";
-import { D as j, c as ue, C as ge, a as Oe, b as He, v as re } from "./BaseDialog.vue_vue_type_script_setup_true_lang-B_DRp5Jk.js";
+import { defineComponent as X, mergeModels as K, useModel as Q, ref as I, computed as D, resolveComponent as p, createBlock as V, openBlock as i, withCtx as u, createElementVNode as h, createVNode as o, unref as t, normalizeClass as ie, createTextVNode as _e, toDisplayString as H, createElementBlock as T, Fragment as G, renderSlot as $e, createCommentVNode as A, watch as de, renderList as ee, resolveDynamicComponent as Ie, isRef as Te, normalizeStyle as we, onMounted as Re } from "vue";
+import { W as We, g as qe, _ as Ee, i as Pe, S as xe, d as ke, T as Je, a as ze } from "./TransitionFade-CbhV6xur.js";
+import { D as j, c as ue, C as ge, a as Oe, b as He, v as re } from "./BaseDialog.vue_vue_type_script_setup_true_lang-PrNxsye6.js";
 import { storeToRefs as me } from "pinia";
 import { useRouter as Ne, useRoute as Me } from "vue-router";
 import { useBreakpoints as pe, useSnackbar as De, FmButtonColorThemeVariant as oe } from "@feedmepos/ui-library";
 import { u as Ue } from "./message-dialog-UoMWOnil.js";
 import { u as se, b as Le, i as be, f as je } from "./vue-i18n-BJW_sJot.js";
-import { a as Ce, _ as he } from "./FilterSelector.vue_vue_type_script_setup_true_lang-CutuEMyo.js";
+import { a as Ve, _ as he } from "./FilterSelector.vue_vue_type_script_setup_true_lang-lhcRFv_m.js";
 import { _ as ye } from "./NoData.vue_vue_type_script_setup_true_lang-CtN7oqXx.js";
 import { r as ce } from "./i18n-DQxDgiLO.js";
-import { _ as Ve } from "./SelectComponent.vue_vue_type_script_setup_true_lang-BcQEW5MO.js";
+import { _ as Ce } from "./SelectComponent.vue_vue_type_script_setup_true_lang-BcQEW5MO.js";
 const Ge = /* @__PURE__ */ X({
   __name: "WidgetDialog",
   props: /* @__PURE__ */ K({
@@ -20,41 +20,41 @@ const Ge = /* @__PURE__ */ X({
   }),
   emits: /* @__PURE__ */ K(["update:isOpen"], ["update:modelValue"]),
   setup(x, { emit: r }) {
-    const { t: n } = se(), { breakpoints: a } = pe(), y = Q(x, "modelValue"), m = x, _ = r;
-    function p() {
+    const { t: a } = se(), { breakpoints: n } = pe(), y = Q(x, "modelValue"), m = x, _ = r;
+    function f() {
       _("update:isOpen", !1);
     }
-    function V() {
+    function C() {
       s.value && (y.value = s.value, s.value = void 0, _("update:isOpen", !1));
     }
     const s = I(), U = D(() => !s.value);
     return (q, S) => {
-      const B = c("FmButton"), v = c("FmDialog");
-      return i(), k(v, {
+      const B = p("FmButton"), g = p("FmDialog");
+      return i(), V(g, {
         "model-value": m.isOpen
       }, {
         "dialog-header": u(() => [
-          _e(H(t(n)("report.widget.type")), 1)
+          _e(H(t(a)("report.widget.type")), 1)
         ]),
         default: u(() => [
           o(We, {
             modelValue: s.value,
             "onUpdate:modelValue": S[0] || (S[0] = (N) => s.value = N),
-            class: ie(`grid ${t(a).lg || t(a).md ? "grid-cols-3 gap-3" : "grid-cols-2 gap-3"}`),
+            class: ie(`grid ${t(n).lg || t(n).md ? "grid-cols-3 gap-3" : "grid-cols-2 gap-3"}`),
             "child-class": "p-[8px] flex flex-col"
           }, null, 8, ["modelValue", "class"])
         ]),
         "dialog-footer": u(() => [
           S[1] || (S[1] = h("div", { class: "grow" }, null, -1)),
           o(B, {
-            label: t(n)("report.common.cancel"),
+            label: t(a)("report.common.cancel"),
             variant: "tertiary",
-            onClick: p
+            onClick: f
           }, null, 8, ["label"]),
           o(B, {
-            label: t(n)("report.common.confirm"),
+            label: t(a)("report.common.confirm"),
             disabled: U.value,
-            onClick: V
+            onClick: C
           }, null, 8, ["label", "disabled"])
         ]),
         _: 1
@@ -74,17 +74,17 @@ const Ge = /* @__PURE__ */ X({
   }),
   emits: ["update:modelValue"],
   setup(x) {
-    const { t: r } = se(), n = Q(x, "modelValue"), a = x;
+    const { t: r } = se(), a = Q(x, "modelValue"), n = x;
     return (y, m) => {
-      const _ = c("FmIcon");
+      const _ = p("FmIcon");
       return i(), T("div", {
         class: "px-6 py-16 flex items-center gap-2 bg-fm-color-neutral-white border cursor-pointer",
-        onClick: m[0] || (m[0] = (p) => n.value = !n.value)
+        onClick: m[0] || (m[0] = (f) => a.value = !a.value)
       }, [
         h("p", Ae, H(t(r)("report.editor.customizeReport")), 1),
         m[1] || (m[1] = h("div", { class: "grow" }, null, -1)),
         o(_, {
-          name: a.icon
+          name: n.icon
         }, null, 8, ["name"])
       ]);
     };
@@ -98,13 +98,13 @@ const Ge = /* @__PURE__ */ X({
   emits: ["update:modelValue"],
   setup(x) {
     const r = Q(x, "modelValue");
-    return (n, a) => (i(), T(G, null, [
+    return (a, n) => (i(), T(G, null, [
       o(Fe, {
         modelValue: r.value,
-        "onUpdate:modelValue": a[0] || (a[0] = (y) => r.value = y),
+        "onUpdate:modelValue": n[0] || (n[0] = (y) => r.value = y),
         icon: "keyboard_double_arrow_left"
       }, null, 8, ["modelValue"]),
-      $e(n.$slots, "default")
+      $e(a.$slots, "default")
     ], 64));
   }
 }), Qe = /* @__PURE__ */ X({
@@ -116,27 +116,27 @@ const Ge = /* @__PURE__ */ X({
   emits: ["update:modelValue"],
   setup(x) {
     const r = Q(x, "modelValue");
-    return (n, a) => {
-      const y = c("FmTopSheet"), m = c("FmCard");
-      return i(), k(m, { class: "fixed bottom-0 w-full" }, {
+    return (a, n) => {
+      const y = p("FmTopSheet"), m = p("FmCard");
+      return i(), V(m, { class: "fixed bottom-0 w-full" }, {
         default: u(() => [
           o(Fe, {
             modelValue: r.value,
-            "onUpdate:modelValue": a[0] || (a[0] = (_) => r.value = _),
+            "onUpdate:modelValue": n[0] || (n[0] = (_) => r.value = _),
             icon: "keyboard_double_arrow_up"
           }, null, 8, ["modelValue"]),
           o(y, {
             modelValue: r.value,
-            "onUpdate:modelValue": a[2] || (a[2] = (_) => r.value = _),
+            "onUpdate:modelValue": n[2] || (n[2] = (_) => r.value = _),
             "fullscreen-size": "sm"
           }, {
             default: u(() => [
               o(Fe, {
                 modelValue: r.value,
-                "onUpdate:modelValue": a[1] || (a[1] = (_) => r.value = _),
+                "onUpdate:modelValue": n[1] || (n[1] = (_) => r.value = _),
                 icon: "keyboard_double_arrow_down"
               }, null, 8, ["modelValue"]),
-              r.value ? $e(n.$slots, "default", { key: 0 }) : A("", !0)
+              r.value ? $e(a.$slots, "default", { key: 0 }) : A("", !0)
             ]),
             _: 3
           }, 8, ["modelValue"])
@@ -169,20 +169,20 @@ const Ge = /* @__PURE__ */ X({
   }),
   emits: ["update:globalFilter", "update:isOpen"],
   setup(x) {
-    const { t: r, te: n } = se(), a = Q(x, "globalFilter"), y = Q(x, "isOpen"), m = De(), _ = x, p = I(), V = I(), s = I(), U = I(), q = I([]), S = I([]), B = I(""), v = I(!1);
+    const { t: r, te: a } = se(), n = Q(x, "globalFilter"), y = Q(x, "isOpen"), m = De(), _ = x, f = I(), C = I(), s = I(), U = I(), q = I([]), S = I([]), B = I(""), g = I(!1);
     de(y, (l) => {
-      var e, C, d, b, $, W, E;
-      l && (p.value = ((e = a.value) == null ? void 0 : e.label) || "", V.value = _.schemas.find(
+      var e, k, d, b, $, W, E;
+      l && (f.value = ((e = n.value) == null ? void 0 : e.label) || "", C.value = _.schemas.find(
         (J) => {
           var O;
-          return J.name === ((O = a.value) == null ? void 0 : O.schemaName);
+          return J.name === ((O = n.value) == null ? void 0 : O.schemaName);
         }
-      ), s.value = (C = Y.value.find(
+      ), s.value = (k = Y.value.find(
         (J) => {
           var O;
-          return J.value.name === ((O = a.value) == null ? void 0 : O.name);
+          return J.value.name === ((O = n.value) == null ? void 0 : O.name);
         }
-      )) == null ? void 0 : C.value, U.value = (d = a.value) == null ? void 0 : d.option, q.value = ((b = a.value) == null ? void 0 : b.tileIds) || [], S.value = (($ = a.value) == null ? void 0 : $.filters) || [], v.value = !!((W = a.value) != null && W.dataFormula), B.value = ((E = a.value) == null ? void 0 : E.dataFormula) || "");
+      )) == null ? void 0 : k.value, U.value = (d = n.value) == null ? void 0 : d.option, q.value = ((b = n.value) == null ? void 0 : b.tileIds) || [], S.value = (($ = n.value) == null ? void 0 : $.filters) || [], g.value = !!((W = n.value) != null && W.dataFormula), B.value = ((E = n.value) == null ? void 0 : E.dataFormula) || "");
     });
     const N = D(
       () => _.schemas.map((l) => ({
@@ -191,20 +191,20 @@ const Ge = /* @__PURE__ */ X({
       }))
     ), Y = D(() => {
       var l;
-      return (((l = V.value) == null ? void 0 : l.fields) || []).map((e) => ({
+      return (((l = C.value) == null ? void 0 : l.fields) || []).map((e) => ({
         label: e.label || e.name,
         value: e
       }));
     }), R = D(() => {
       var l;
       return ((l = s.value) == null ? void 0 : l.type) !== j.Timestamp ? [] : qe(r);
-    }), P = D(() => _.tiles.reduce((l, e, C) => {
+    }), P = D(() => _.tiles.reduce((l, e, k) => {
       var $, W;
       const d = e.widget.config.schemaNames ?? [], b = (e.widget.config.joinDatasources ?? []).flatMap(
         (E) => E.schemaNames ?? []
       );
-      return [...d, ...b].includes((($ = V.value) == null ? void 0 : $.name) || "") && l.push({
-        label: (W = e == null ? void 0 : e.widget.title) != null && W.trim() ? e.widget.title : `Widget ${C + 1}`,
+      return [...d, ...b].includes((($ = C.value) == null ? void 0 : $.name) || "") && l.push({
+        label: (W = e == null ? void 0 : e.widget.title) != null && W.trim() ? e.widget.title : `Widget ${k + 1}`,
         value: e.id
       }), l;
     }, [])), L = D(
@@ -212,15 +212,15 @@ const Ge = /* @__PURE__ */ X({
         (l) => (l.fields ?? []).map((e) => ({
           ...e,
           labels: [
-            ce(r, n, l.label, "schema"),
-            ce(r, n, e.label || e.name, "other")
+            ce(r, a, l.label, "schema"),
+            ce(r, a, e.label || e.name, "other")
           ]
         }))
       )
     );
-    function g(l) {
+    function v(l) {
       var e;
-      l.name !== ((e = V.value) == null ? void 0 : e.name) && (V.value = l, s.value = void 0);
+      l.name !== ((e = C.value) == null ? void 0 : e.name) && (C.value = l, s.value = void 0);
     }
     function Z(l) {
       s.value = l, U.value = l.type === j.Timestamp ? ue.DateTime : void 0;
@@ -238,7 +238,7 @@ const Ge = /* @__PURE__ */ X({
       }
     }
     function te() {
-      if (!V.value) {
+      if (!C.value) {
         m.open({ message: "Invalid schema", type: "error" });
         return;
       }
@@ -256,10 +256,10 @@ const Ge = /* @__PURE__ */ X({
         });
         return;
       }
-      a.value = {
-        schemaName: V.value.name,
+      n.value = {
+        schemaName: C.value.name,
         name: s.value.name,
-        label: p.value,
+        label: f.value,
         operator: le(
           s.value.type,
           s.value.type === j.Timestamp ? U.value ?? ue.DateTime : null
@@ -268,7 +268,7 @@ const Ge = /* @__PURE__ */ X({
         values: [],
         tileIds: [...q.value],
         filters: JSON.parse(JSON.stringify(S.value)),
-        dataFormula: v.value ? B.value : void 0
+        dataFormula: g.value ? B.value : void 0
       }, y.value = !1;
     }
     function ae() {
@@ -277,22 +277,22 @@ const Ge = /* @__PURE__ */ X({
     const F = D(() => {
       var l;
       return [
-        (l = V.value) == null ? void 0 : l.name,
+        (l = C.value) == null ? void 0 : l.name,
         ...S.value.map((e) => e.schemaName)
       ];
     });
     function M(l) {
       var $, W, E, J;
-      const e = _.tiles.find((O) => O.id === l.value), C = ((W = ($ = e == null ? void 0 : e.widget) == null ? void 0 : $.config) == null ? void 0 : W.schemaNames) ?? [], d = (((J = (E = e == null ? void 0 : e.widget) == null ? void 0 : E.config) == null ? void 0 : J.joinDatasources) ?? []).flatMap(
+      const e = _.tiles.find((O) => O.id === l.value), k = ((W = ($ = e == null ? void 0 : e.widget) == null ? void 0 : $.config) == null ? void 0 : W.schemaNames) ?? [], d = (((J = (E = e == null ? void 0 : e.widget) == null ? void 0 : E.config) == null ? void 0 : J.joinDatasources) ?? []).flatMap(
         (O) => O.schemaNames ?? []
-      ), b = [...C, ...d];
+      ), b = [...k, ...d];
       return F.value.filter((O) => !!O).some((O) => !b.includes(O));
     }
     return (l, e) => {
-      const C = c("FmTextField"), d = c("FmSelect"), b = c("FmCheckbox"), $ = c("FmTextarea"), W = c("FmLabel"), E = c("FmIcon"), J = c("FmTooltip"), O = c("FmForm"), ne = c("FmButton"), ve = c("FmDialog");
-      return i(), k(ve, {
+      const k = p("FmTextField"), d = p("FmSelect"), b = p("FmCheckbox"), $ = p("FmTextarea"), W = p("FmLabel"), E = p("FmIcon"), J = p("FmTooltip"), O = p("FmForm"), ne = p("FmButton"), ve = p("FmDialog");
+      return i(), V(ve, {
         modelValue: y.value,
-        "onUpdate:modelValue": e[8] || (e[8] = (f) => y.value = f),
+        "onUpdate:modelValue": e[8] || (e[8] = (c) => y.value = c),
         overlay: !0,
         "z-index": 10
       }, {
@@ -305,30 +305,30 @@ const Ge = /* @__PURE__ */ X({
             class: "flex flex-col gap-2 w-[490px]"
           }, {
             default: u(() => {
-              var f;
+              var c;
               return [
-                o(C, {
-                  modelValue: p.value,
-                  "onUpdate:modelValue": e[0] || (e[0] = (w) => p.value = w),
+                o(k, {
+                  modelValue: f.value,
+                  "onUpdate:modelValue": e[0] || (e[0] = (w) => f.value = w),
                   placeholder: t(r)("report.section.filter.displayName"),
                   label: t(r)("report.section.filter.displayName"),
                   class: "mb-2"
                 }, null, 8, ["modelValue", "placeholder", "label"]),
-                o(Ve, {
-                  "model-value": V.value,
+                o(Ce, {
+                  "model-value": C.value,
                   items: N.value,
                   placeholder: t(r)("report.section.schema.title"),
                   label: t(r)("report.section.schema.title"),
-                  "onUpdate:modelValue": e[1] || (e[1] = (w) => g(w))
+                  "onUpdate:modelValue": e[1] || (e[1] = (w) => v(w))
                 }, null, 8, ["model-value", "items", "placeholder", "label"]),
-                o(Ve, {
+                o(Ce, {
                   "model-value": s.value,
                   items: Y.value,
                   placeholder: t(r)("report.section.dimension.Dimension"),
                   label: t(r)("report.section.dimension.Dimension"),
                   "onUpdate:modelValue": e[2] || (e[2] = (w) => Z(w))
                 }, null, 8, ["model-value", "items", "placeholder", "label"]),
-                ((f = s.value) == null ? void 0 : f.type) === t(j).Timestamp ? (i(), k(d, {
+                ((c = s.value) == null ? void 0 : c.type) === t(j).Timestamp ? (i(), V(d, {
                   key: 0,
                   modelValue: U.value,
                   "onUpdate:modelValue": e[3] || (e[3] = (w) => U.value = w),
@@ -337,12 +337,12 @@ const Ge = /* @__PURE__ */ X({
                   label: t(r)("report.section.filter.timeFormatter")
                 }, null, 8, ["modelValue", "items", "placeholder", "label"])) : A("", !0),
                 o(b, {
-                  modelValue: v.value,
-                  "onUpdate:modelValue": e[4] || (e[4] = (w) => v.value = w),
+                  modelValue: g.value,
+                  "onUpdate:modelValue": e[4] || (e[4] = (w) => g.value = w),
                   label: t(r)("report.section.filter.advance"),
                   value: !0
                 }, null, 8, ["modelValue", "label"]),
-                v.value ? (i(), k($, {
+                g.value ? (i(), V($, {
                   key: 1,
                   modelValue: B.value,
                   "onUpdate:modelValue": e[5] || (e[5] = (w) => B.value = w),
@@ -370,7 +370,7 @@ const Ge = /* @__PURE__ */ X({
                       label: w.label,
                       value: w.value
                     }, null, 8, ["modelValue", "label", "value"]),
-                    M(w) ? (i(), k(J, {
+                    M(w) ? (i(), V(J, {
                       key: 0,
                       content: t(r)("report.section.filter.missingFilterSchema"),
                       "z-index": 99,
@@ -385,7 +385,7 @@ const Ge = /* @__PURE__ */ X({
                       _: 1
                     }, 8, ["content"])) : A("", !0)
                   ]))), 128))
-                ])) : (i(), k(W, {
+                ])) : (i(), V(W, {
                   key: 3,
                   class: "fm-typo-en-body-lg-400",
                   label: t(r)("report.section.filter.noWidget")
@@ -424,21 +424,21 @@ const Ge = /* @__PURE__ */ X({
   }),
   emits: /* @__PURE__ */ K(["hideConfiguration"], ["update:modelValue"]),
   setup(x, { emit: r }) {
-    const n = Q(x, "modelValue"), { breakpoints: a } = pe(), y = x, m = r, _ = Ne(), p = Me(), V = I(), {
+    const a = Q(x, "modelValue"), { breakpoints: n } = pe(), y = x, m = r, _ = Ne(), f = Me(), C = I(), {
       currentSelectWidgetType: s,
       categories: U,
       editingTile: q,
       editingTileIndex: S,
       editingGlobalFilter: B,
-      editingGlobalFilterIndex: v
-    } = me(Oe()), { schemas: N } = me(He()), { globalFilters: Y } = me(Le()), { promptMessage: R } = Ue(), P = I(!1), L = I(!1), { t: g, te: Z } = se(), le = I(void 0), te = D(() => {
-      const l = n.value.tiles.flatMap((e) => {
+      editingGlobalFilterIndex: g
+    } = me(Oe()), { schemas: N } = me(He()), { globalFilters: Y } = me(Le()), { promptMessage: R } = Ue(), P = I(!1), L = I(!1), { t: v, te: Z } = se(), le = I(void 0), te = D(() => {
+      const l = a.value.tiles.flatMap((e) => {
         var b;
-        const C = e.widget.config.schemaNames ?? [], d = ((b = e.widget.config.joinDatasources) == null ? void 0 : b.flatMap(($) => $.schemaNames ?? [])) ?? [];
-        return [...C, ...d];
+        const k = e.widget.config.schemaNames ?? [], d = ((b = e.widget.config.joinDatasources) == null ? void 0 : b.flatMap(($) => $.schemaNames ?? [])) ?? [];
+        return [...k, ...d];
       });
-      return [...new Set(l)].reduce((e, C) => {
-        const d = N.value.find((b) => b.name === C);
+      return [...new Set(l)].reduce((e, k) => {
+        const d = N.value.find((b) => b.name === k);
         return d && e.push(d), e;
       }, []);
     });
@@ -447,12 +447,12 @@ const Ge = /* @__PURE__ */ X({
       () => {
         s.value !== void 0 && (le.value = Pe(s.value), q.value = le.value, S.value = -1, _.push({
           name: "tileEditor",
-          query: p.query
+          query: f.query
         }));
       },
       { immediate: !0 }
     ), de(
-      () => n.value.tiles,
+      () => a.value.tiles,
       (l) => {
         l.forEach((e) => {
           e.id || (e.id = re());
@@ -462,131 +462,137 @@ const Ge = /* @__PURE__ */ X({
     );
     const ae = [
       {
-        label: g("report.common.edit"),
+        label: v("report.common.edit"),
         selected: !1,
         variant: "tertiary",
         onClick: (l) => {
-          S.value = l, q.value = JSON.parse(JSON.stringify(n.value.tiles[l])), _.push({
+          S.value = l, q.value = JSON.parse(JSON.stringify(a.value.tiles[l])), _.push({
             name: "tileEditor",
-            query: p.query
+            query: f.query
           });
         }
       },
       {
-        label: g("report.common.duplicate"),
+        label: v("report.common.duplicate"),
         selected: !1,
         variant: "tertiary",
         onClick: (l) => {
           const e = {
-            ...JSON.parse(JSON.stringify(n.value.tiles[l])),
+            ...JSON.parse(JSON.stringify(a.value.tiles[l])),
             id: re()
           };
-          n.value.tiles.push(e);
+          a.value.tiles.push(e);
         }
       },
       {
-        label: g("report.common.remove"),
+        label: v("report.common.remove"),
         selected: !1,
         variant: "destructive",
         onClick: async (l) => {
           if (await R({
-            title: g("report.editor.deleteWidget"),
-            message: g("report.editor.deleteWidgetConfirm", {
-              title: n.value.tiles[l].widget.title
+            title: v("report.editor.deleteWidget"),
+            message: v("report.editor.deleteWidgetConfirm", {
+              title: a.value.tiles[l].widget.title
             })
           })) {
-            const C = n.value.tiles[l].id;
-            n.value.tiles.splice(l, 1), n.value.globalFilters && n.value.globalFilters.forEach((d) => {
+            const k = a.value.tiles[l].id;
+            a.value.tiles.splice(l, 1), a.value.globalFilters && a.value.globalFilters.forEach((d) => {
               var b;
-              d.tileIds = (b = d.tileIds) == null ? void 0 : b.filter(($) => $ !== C);
+              d.tileIds = (b = d.tileIds) == null ? void 0 : b.filter(($) => $ !== k);
             });
           }
         }
       }
     ], F = [
       {
-        label: g("report.common.edit"),
+        label: v("report.common.edit"),
         selected: !1,
         variant: "tertiary",
         onClick: (l) => {
           var e;
-          v.value = l, B.value = JSON.parse(JSON.stringify((e = n.value.globalFilters) == null ? void 0 : e[l])), P.value = !0;
+          g.value = l, B.value = JSON.parse(JSON.stringify((e = a.value.globalFilters) == null ? void 0 : e[l])), P.value = !0;
         }
       },
       {
-        label: g("report.common.remove"),
+        label: v("report.common.remove"),
         selected: !1,
         variant: "destructive",
         onClick: async (l) => {
           var d, b;
-          const e = (d = n.value.globalFilters) == null ? void 0 : d[l];
+          const e = (d = a.value.globalFilters) == null ? void 0 : d[l];
           if (!e) return;
           await R({
-            title: g("report.editor.deleteWidget"),
-            message: g("report.editor.deleteWidgetConfirm", {
+            title: v("report.editor.deleteWidget"),
+            message: v("report.editor.deleteWidgetConfirm", {
               title: be(e)
             })
-          }) && ((b = n.value.globalFilters) == null || b.splice(l, 1));
+          }) && ((b = a.value.globalFilters) == null || b.splice(l, 1));
         }
       }
     ], M = D(() => U.value.map((l) => ({
-      label: g(`report.category.${l.name}`),
+      label: v(`report.category.${l.name}`),
       value: l.id
     })));
     return de(
-      () => n.value.globalFilters,
+      () => a.value.globalFilters,
       (l) => {
         Y.value = JSON.parse(JSON.stringify(l || []));
       },
       { deep: !0, immediate: !0 }
     ), (l, e) => {
-      const C = c("FmTextField"), d = c("FmSelect"), b = c("FmButton"), $ = c("FmIcon"), W = c("FmTooltip"), E = c("FmMenuItem"), J = c("FmMenu"), O = c("FmListItem"), ne = c("FmList"), ve = c("FmForm");
-      return i(), k(Ie(t(a).lg || t(a).md ? Ke : Qe), {
+      const k = p("FmTextField"), d = p("FmSelect"), b = p("FmButton"), $ = p("FmIcon"), W = p("FmTooltip"), E = p("FmMenuItem"), J = p("FmMenu"), O = p("FmListItem"), ne = p("FmList"), ve = p("FmForm");
+      return i(), V(Ie(t(n).lg || t(n).md ? Ke : Qe), {
         "model-value": y.hideConfiguration,
-        "onUpdate:modelValue": e[8] || (e[8] = (f) => m("hideConfiguration", f))
+        "onUpdate:modelValue": e[9] || (e[9] = (c) => m("hideConfiguration", c))
       }, {
         default: u(() => [
           o(Ye, {
             "is-open": P.value,
-            "onUpdate:isOpen": e[0] || (e[0] = (f) => P.value = f),
+            "onUpdate:isOpen": e[0] || (e[0] = (c) => P.value = c),
             "global-filter": t(B),
-            tiles: n.value.tiles,
+            tiles: a.value.tiles,
             schemas: te.value,
-            "onUpdate:globalFilter": e[1] || (e[1] = (f) => {
-              f && (n.value.globalFilters || (n.value.globalFilters = []), typeof t(v) == "number" && t(v) >= 0 ? n.value.globalFilters[t(v)] = f : n.value.globalFilters.push(f));
+            "onUpdate:globalFilter": e[1] || (e[1] = (c) => {
+              c && (a.value.globalFilters || (a.value.globalFilters = []), typeof t(g) == "number" && t(g) >= 0 ? a.value.globalFilters[t(g)] = c : a.value.globalFilters.push(c));
             })
           }, null, 8, ["is-open", "global-filter", "tiles", "schemas"]),
           o(Ge, {
             modelValue: t(s),
-            "onUpdate:modelValue": e[2] || (e[2] = (f) => Te(s) ? s.value = f : null),
+            "onUpdate:modelValue": e[2] || (e[2] = (c) => Te(s) ? s.value = c : null),
             "is-open": L.value,
-            "onUpdate:isOpen": e[3] || (e[3] = (f) => L.value = f)
+            "onUpdate:isOpen": e[3] || (e[3] = (c) => L.value = c)
           }, null, 8, ["modelValue", "is-open"]),
           o(ve, {
             ref_key: "form",
-            ref: V,
+            ref: C,
             class: "px-6 py-16 flex flex-col gap-24 overflow-y-auto overflow-x-hidden"
           }, {
             default: u(() => [
               o(xe, { class: "border-solid" }, {
                 header: u(() => [
-                  h("p", null, H(t(g)("report.editor.reportInfo")), 1),
-                  e[9] || (e[9] = h("div", { class: "grow" }, null, -1))
+                  h("p", null, H(t(v)("report.editor.reportInfo")), 1),
+                  e[10] || (e[10] = h("div", { class: "grow" }, null, -1))
                 ]),
                 content: u(() => [
                   h("div", Ze, [
-                    o(C, {
-                      modelValue: n.value.name,
-                      "onUpdate:modelValue": e[4] || (e[4] = (f) => n.value.name = f),
-                      label: t(g)("report.editor.reportTitle"),
-                      placeholder: t(g)("report.editor.placeholder")
+                    o(k, {
+                      modelValue: a.value.name,
+                      "onUpdate:modelValue": e[4] || (e[4] = (c) => a.value.name = c),
+                      label: t(v)("report.common.name"),
+                      placeholder: t(v)("report.common.name")
                     }, null, 8, ["modelValue", "label", "placeholder"]),
                     o(d, {
-                      modelValue: n.value.category,
-                      "onUpdate:modelValue": e[5] || (e[5] = (f) => n.value.category = f),
-                      label: t(g)("report.common.category"),
+                      modelValue: a.value.category,
+                      "onUpdate:modelValue": e[5] || (e[5] = (c) => a.value.category = c),
+                      label: t(v)("report.common.category"),
                       items: M.value
-                    }, null, 8, ["modelValue", "label", "items"])
+                    }, null, 8, ["modelValue", "label", "items"]),
+                    o(k, {
+                      modelValue: a.value.description,
+                      "onUpdate:modelValue": e[6] || (e[6] = (c) => a.value.description = c),
+                      label: t(v)("report.common.description"),
+                      placeholder: t(v)("report.common.description")
+                    }, null, 8, ["modelValue", "label", "placeholder"])
                   ])
                 ]),
                 _: 1
@@ -596,31 +602,31 @@ const Ge = /* @__PURE__ */ X({
                 "is-open": !1
               }, {
                 header: u(() => [
-                  h("p", null, H(t(g)("report.section.filter.globalFilter")), 1),
-                  e[10] || (e[10] = h("div", { class: "grow" }, null, -1))
+                  h("p", null, H(t(v)("report.section.filter.globalFilter")), 1),
+                  e[11] || (e[11] = h("div", { class: "grow" }, null, -1))
                 ]),
                 content: u(() => [
                   h("div", el, [
                     o(b, {
-                      label: t(g)("report.section.filter.addGlobalFilter"),
+                      label: t(v)("report.section.filter.addGlobalFilter"),
                       variant: "secondary",
                       icon: "add",
                       "icon-position": "prepend",
                       "border-color": t(oe).ColorPrimary,
                       "text-color": t(oe).ColorPrimary,
-                      onClick: e[6] || (e[6] = () => {
-                        v.value = null, B.value = null, P.value = !0;
+                      onClick: e[7] || (e[7] = () => {
+                        g.value = null, B.value = null, P.value = !0;
                       })
                     }, null, 8, ["label", "border-color", "text-color"]),
                     o(ne, null, {
                       default: u(() => [
                         o(t(ke), {
-                          list: n.value.globalFilters,
+                          list: a.value.globalFilters,
                           "item-key": "`${element.schemaName}-${element.name}`",
                           class: "flex flex-col gap-2 cursor-grab",
                           handle: ".handle"
                         }, {
-                          item: u(({ element: f, index: w }) => [
+                          item: u(({ element: c, index: w }) => [
                             o(O, { class: "!cursor-grab border rounded-md border-neutral-300" }, {
                               default: u(() => [
                                 o($, {
@@ -630,19 +636,19 @@ const Ge = /* @__PURE__ */ X({
                                 h("div", ll, [
                                   o(W, {
                                     "z-index": 99,
-                                    content: t(be)(f),
+                                    content: t(be)(c),
                                     class: "handle"
                                   }, {
                                     default: u(() => [
-                                      h("p", tl, H(t(be)(f)), 1)
+                                      h("p", tl, H(t(be)(c)), 1)
                                     ]),
                                     _: 2
                                   }, 1032, ["content"]),
                                   te.value.find(
-                                    (z) => z.name === f.schemaName
-                                  ) ? A("", !0) : (i(), k(W, {
+                                    (z) => z.name === c.schemaName
+                                  ) ? A("", !0) : (i(), V(W, {
                                     key: 0,
-                                    content: t(g)("report.section.filter.missingSchema"),
+                                    content: t(v)("report.section.filter.missingSchema"),
                                     "z-index": 99
                                   }, {
                                     default: u(() => [
@@ -654,7 +660,7 @@ const Ge = /* @__PURE__ */ X({
                                     _: 1
                                   }, 8, ["content"]))
                                 ]),
-                                e[11] || (e[11] = h("div", { class: "grow" }, null, -1)),
+                                e[12] || (e[12] = h("div", { class: "grow" }, null, -1)),
                                 o(J, {
                                   trigger: "click",
                                   shift: !0,
@@ -698,23 +704,23 @@ const Ge = /* @__PURE__ */ X({
               }),
               h("div", ol, [
                 o(b, {
-                  label: t(g)("report.editor.addWidget"),
+                  label: t(v)("report.editor.addWidget"),
                   variant: "secondary",
                   icon: "add",
                   "icon-position": "prepend",
                   "border-color": t(oe).ColorPrimary,
                   "text-color": t(oe).ColorPrimary,
-                  onClick: e[7] || (e[7] = (f) => L.value = !0)
+                  onClick: e[8] || (e[8] = (c) => L.value = !0)
                 }, null, 8, ["label", "border-color", "text-color"]),
                 o(ne, null, {
                   default: u(() => [
                     o(t(ke), {
-                      list: n.value.tiles,
+                      list: a.value.tiles,
                       "item-key": "id",
                       class: "flex flex-col gap-2 cursor-grab",
                       handle: ".handle"
                     }, {
-                      item: u(({ element: f, index: w }) => [
+                      item: u(({ element: c, index: w }) => [
                         o(O, { class: "!cursor-grab border rounded-md border-neutral-300" }, {
                           default: u(() => [
                             o($, {
@@ -722,15 +728,15 @@ const Ge = /* @__PURE__ */ X({
                               class: "handle"
                             }),
                             o(W, {
-                              content: f.widget.title ? t(ce)(t(g), t(Z), f.widget.title, "other") : t(g)("report.editor.widget", { index: w + 1 }),
+                              content: c.widget.title ? t(ce)(t(v), t(Z), c.widget.title, "other") : t(v)("report.editor.widget", { index: w + 1 }),
                               class: "handle"
                             }, {
                               default: u(() => [
-                                h("p", al, H(f.widget.title ? t(ce)(t(g), t(Z), f.widget.title, "other") : t(g)("report.editor.widget", { index: w + 1 })), 1)
+                                h("p", al, H(c.widget.title ? t(ce)(t(v), t(Z), c.widget.title, "other") : t(v)("report.editor.widget", { index: w + 1 })), 1)
                               ]),
                               _: 2
                             }, 1032, ["content"]),
-                            e[12] || (e[12] = h("div", { class: "grow" }, null, -1)),
+                            e[13] || (e[13] = h("div", { class: "grow" }, null, -1)),
                             o(J, {
                               trigger: "click",
                               shift: !0,
@@ -807,23 +813,23 @@ const Ge = /* @__PURE__ */ X({
   }),
   emits: /* @__PURE__ */ K(["hideConfiguration"], ["update:modelValue"]),
   setup(x, { emit: r }) {
-    const { breakpoints: n } = pe(), a = Q(x, "modelValue"), y = x, m = D(() => y.previewWidth > 0 && y.previewHeight > 0), _ = D(() => n.value.sm || n.value.xs), p = r;
-    return (V, s) => {
-      const U = c("FmCircularProgress"), q = c("FmButton"), S = c("FmMenuDivider"), B = c("FmCard");
+    const { breakpoints: a } = pe(), n = Q(x, "modelValue"), y = x, m = D(() => y.previewWidth > 0 && y.previewHeight > 0), _ = D(() => a.value.sm || a.value.xs), f = r;
+    return (C, s) => {
+      const U = p("FmCircularProgress"), q = p("FmButton"), S = p("FmMenuDivider"), B = p("FmCard");
       return i(), T("div", nl, [
-        a.value ? (i(), T(G, { key: 1 }, [
-          m.value ? A("", !0) : (i(), k(Je, {
+        n.value ? (i(), T(G, { key: 1 }, [
+          m.value ? A("", !0) : (i(), V(Je, {
             key: 0,
             "model-value": !y.hideConfiguration
           }, {
             right: u(() => [
               h("div", rl, [
-                a.value ? (i(), k(Se, {
+                n.value ? (i(), V(Se, {
                   key: 0,
-                  modelValue: a.value,
-                  "onUpdate:modelValue": s[0] || (s[0] = (v) => a.value = v),
+                  modelValue: n.value,
+                  "onUpdate:modelValue": s[0] || (s[0] = (g) => n.value = g),
                   "hide-configuration": y.hideConfiguration,
-                  onHideConfiguration: s[1] || (s[1] = (v) => p("hideConfiguration", v))
+                  onHideConfiguration: s[1] || (s[1] = (g) => f("hideConfiguration", g))
                 }, null, 8, ["modelValue", "hide-configuration"])) : A("", !0)
               ])
             ]),
@@ -836,7 +842,7 @@ const Ge = /* @__PURE__ */ X({
                   "text-color": t(oe).ColorPrimary,
                   class: "m-24 my-16",
                   size: "md",
-                  onClick: s[2] || (s[2] = (v) => p("hideConfiguration", !y.hideConfiguration))
+                  onClick: s[2] || (s[2] = (g) => f("hideConfiguration", !y.hideConfiguration))
                 }, null, 8, ["border-color", "text-color"])
               ])
             ]),
@@ -847,41 +853,41 @@ const Ge = /* @__PURE__ */ X({
             style: { margin: "0px" }
           }),
           !_.value && !m.value ? (i(), T("div", sl, [
-            a.value.tiles.length > 0 ? (i(), T("div", ul, [
+            n.value.tiles.length > 0 ? (i(), T("div", ul, [
               h("div", dl, [
-                o(Ce)
+                o(Ve)
               ]),
-              (i(!0), T(G, null, ee(a.value.tiles, (v, N) => (i(), k(he, {
+              (i(!0), T(G, null, ee(n.value.tiles, (g, N) => (i(), V(he, {
                 key: `${t(re)()}_${N}`,
-                "model-value": v,
+                "model-value": g,
                 index: N,
                 "hide-export": !0
               }, null, 8, ["model-value", "index"]))), 128))
-            ])) : (i(), k(ye, { key: 1 }))
+            ])) : (i(), V(ye, { key: 1 }))
           ])) : _.value && !m.value ? (i(), T("div", ml, [
             o(B, { class: "px-5 pb-28" }, {
               default: u(() => [
-                a.value.tiles.length > 0 ? (i(), T("div", cl, [
+                n.value.tiles.length > 0 ? (i(), T("div", cl, [
                   h("div", pl, [
-                    o(Ce)
+                    o(Ve)
                   ]),
-                  (i(!0), T(G, null, ee(a.value.tiles, (v, N) => (i(), k(he, {
+                  (i(!0), T(G, null, ee(n.value.tiles, (g, N) => (i(), V(he, {
                     key: `${t(re)()}_${N}`,
-                    "model-value": v,
+                    "model-value": g,
                     index: N,
                     "hide-export": !0
                   }, null, 8, ["model-value", "index"]))), 128))
-                ])) : (i(), k(ye, { key: 1 }))
+                ])) : (i(), V(ye, { key: 1 }))
               ]),
               _: 1
             }),
-            a.value ? (i(), k(Se, {
+            n.value ? (i(), V(Se, {
               key: 0,
-              modelValue: a.value,
-              "onUpdate:modelValue": s[3] || (s[3] = (v) => a.value = v),
+              modelValue: n.value,
+              "onUpdate:modelValue": s[3] || (s[3] = (g) => n.value = g),
               "hide-configuration": y.hideConfiguration,
-              onHideConfiguration: s[4] || (s[4] = (v) => {
-                p("hideConfiguration", v);
+              onHideConfiguration: s[4] || (s[4] = (g) => {
+                f("hideConfiguration", g);
               })
             }, null, 8, ["modelValue", "hide-configuration"])) : A("", !0)
           ])) : (i(), T("div", vl, [
@@ -898,34 +904,34 @@ const Ge = /* @__PURE__ */ X({
                   height: y.previewHeight + "px"
                 })
               }, [
-                a.value.tiles.length > 0 ? (i(), T("div", fl, [
-                  (i(!0), T(G, null, ee(a.value.tiles, (v, N) => (i(), k(he, {
+                n.value.tiles.length > 0 ? (i(), T("div", fl, [
+                  (i(!0), T(G, null, ee(n.value.tiles, (g, N) => (i(), V(he, {
                     key: `${t(re)()}_${N}`,
-                    "model-value": v,
+                    "model-value": g,
                     index: N,
                     "hide-export": !0,
                     "custom-screen-width": y.previewWidth
                   }, null, 8, ["model-value", "index", "custom-screen-width"]))), 128))
-                ])) : (i(), k(ye, { key: 1 }))
+                ])) : (i(), V(ye, { key: 1 }))
               ], 4)
             ], 4)
           ]))
-        ], 64)) : (i(), k(U, { key: 0 }))
+        ], 64)) : (i(), V(U, { key: 0 }))
       ]);
     };
   }
 }), bl = { class: "flex items-center gap-4" }, hl = { class: "flex justify-center items-center gap-2 w-full" }, yl = { class: "flex gap-4" }, Ml = /* @__PURE__ */ X({
   __name: "ReportEditor",
   setup(x) {
-    const r = Ne(), n = Me(), a = Oe(), { promptLoader: y } = je(), { t: m } = se(), { currentReport: _, editingReport: p } = me(a), { breakpoints: V } = pe(), s = D(() => {
+    const r = Ne(), a = Me(), n = Oe(), { promptLoader: y } = je(), { t: m } = se(), { currentReport: _, editingReport: f } = me(n), { breakpoints: C } = pe(), s = D(() => {
       var F;
-      return !((F = p.value) != null && F.editable);
+      return !((F = f.value) != null && F.editable);
     }), U = D(() => {
       var F;
-      return ((F = p.value) == null ? void 0 : F.name) ?? m("report.editor.newReport");
+      return ((F = f.value) == null ? void 0 : F.name) ?? m("report.editor.newReport");
     }), q = De(), { promptMessage: S } = Ue(), B = I(!1);
-    async function v() {
-      if (!p.value || p.value.tiles.length === 0) {
+    async function g() {
+      if (!f.value || f.value.tiles.length === 0) {
         q.open({ message: m("report.messages.noWidget"), type: "error" });
         return;
       }
@@ -937,13 +943,13 @@ const Ge = /* @__PURE__ */ X({
         try {
           await y(async () => {
             if (s.value) {
-              const l = JSON.parse(JSON.stringify(p.value));
-              l.editable = !0, l.id = "", l.name = `${l.name} ${m("report.common.duplicate")}`, await a.createOrUpdateReport(l);
+              const l = JSON.parse(JSON.stringify(f.value));
+              l.editable = !0, l.id = "", l.name = `${l.name} ${m("report.common.duplicate")}`, await n.createOrUpdateReport(l);
             } else
-              p.value && await a.createOrUpdateReport(p.value);
+              f.value && await n.createOrUpdateReport(f.value);
             r.push({
               name: "reportView",
-              query: n.query
+              query: a.query
             });
           });
         } catch (l) {
@@ -955,14 +961,14 @@ const Ge = /* @__PURE__ */ X({
     }
     async function N() {
       var M;
-      if (!p.value) return;
+      if (!f.value) return;
       await S({
         title: m("report.common.report", 1),
-        message: m("report.editor.notSaved", { name: (M = p.value) == null ? void 0 : M.name })
-      }) && (p.value = JSON.parse(JSON.stringify(_.value)), r.back());
+        message: m("report.editor.notSaved", { name: (M = f.value) == null ? void 0 : M.name })
+      }) && (f.value = JSON.parse(JSON.stringify(_.value)), r.back());
     }
     Re(() => {
-      p.value || r.push({ name: "reports" });
+      f.value || r.push({ name: "reports" });
     });
     const Y = [
       {
@@ -985,10 +991,10 @@ const Ge = /* @__PURE__ */ X({
         width: 390,
         height: 859
       }
-    ], R = I(Y[0]), P = I(!1), L = D(() => P.value ? Math.max(R.value.width || 0, R.value.height || 0) : Math.min(R.value.width || 0, R.value.height || 0)), g = D(() => P.value ? Math.min(R.value.width || 0, R.value.height || 0) : Math.max(R.value.width || 0, R.value.height || 0)), Z = D(() => window.innerHeight - 72 - 56), le = D(() => {
+    ], R = I(Y[0]), P = I(!1), L = D(() => P.value ? Math.max(R.value.width || 0, R.value.height || 0) : Math.min(R.value.width || 0, R.value.height || 0)), v = D(() => P.value ? Math.min(R.value.width || 0, R.value.height || 0) : Math.max(R.value.width || 0, R.value.height || 0)), Z = D(() => window.innerHeight - 72 - 56), le = D(() => {
       if (!L.value) return 1;
-      let F = (Z.value - 48) / L.value, M = g.value * F;
-      return M > window.innerWidth && (F = window.innerWidth / g.value, M = g.value * F), F > 1 ? 1 : F;
+      let F = (Z.value - 48) / L.value, M = v.value * F;
+      return M > window.innerWidth && (F = window.innerWidth / v.value, M = v.value * F), F > 1 ? 1 : F;
     });
     function te(F) {
       R.value = F;
@@ -997,16 +1003,16 @@ const Ge = /* @__PURE__ */ X({
       P.value = !P.value;
     }
     return (F, M) => {
-      const l = c("FmTooltip"), e = c("FmButton"), C = c("FmPageHead");
-      return i(), k(ze, null, {
+      const l = p("FmTooltip"), e = p("FmButton"), k = p("FmPageHead");
+      return i(), V(ze, null, {
         default: u(() => [
-          o(C, {
+          o(k, {
             actions: [
               { label: t(m)("report.common.cancel"), value: "cancel", isPrimary: !1 },
               { label: "Save Report", value: "save", isPrimary: !0, prependIcon: "download" }
             ],
             "onClick:action": M[0] || (M[0] = (d) => {
-              d === "cancel" && N(), d === "save" && v();
+              d === "cancel" && N(), d === "save" && g();
             })
           }, {
             title: u(() => [
@@ -1017,7 +1023,7 @@ const Ge = /* @__PURE__ */ X({
                 }, {
                   default: u(() => [
                     h("p", {
-                      class: ie(`${t(V).sm || t(V).xs ? "hidden" : ""} text-ellipsis overflow-hidden text-nowrap fm-typo-en-title-md-600 w-[250px]`)
+                      class: ie(`${t(C).sm || t(C).xs ? "hidden" : ""} text-ellipsis overflow-hidden text-nowrap fm-typo-en-title-md-600 w-[250px]`)
                     }, H(U.value), 3)
                   ]),
                   _: 1
@@ -1047,14 +1053,14 @@ const Ge = /* @__PURE__ */ X({
             ]),
             _: 1
           }, 8, ["actions"]),
-          t(p) ? (i(), k(gl, {
+          t(f) ? (i(), V(gl, {
             key: 0,
-            modelValue: t(p),
-            "onUpdate:modelValue": M[1] || (M[1] = (d) => Te(p) ? p.value = d : null),
+            modelValue: t(f),
+            "onUpdate:modelValue": M[1] || (M[1] = (d) => Te(f) ? f.value = d : null),
             style: we({ height: Z.value + "px" }),
-            class: ie(t(V).lg || t(V).md ? "flex" : ""),
+            class: ie(t(C).lg || t(C).md ? "flex" : ""),
             "hide-configuration": B.value,
-            "preview-width": g.value,
+            "preview-width": v.value,
             "preview-height": L.value,
             "preview-scale": le.value,
             onHideConfiguration: M[2] || (M[2] = (d) => B.value = d)