@feedmepos/mf-report 5.5.10 → 5.5.11-beta.0

package/dist/{ReportEditor-CWjNbjr_.js → ReportEditor-BhaqAf-H.js}

@@ -1,14 +1,15 @@
-import { defineComponent as S, mergeModels as $, useModel as M, ref as N, computed as P, resolveComponent as c, createBlock as b, openBlock as s, withCtx as m, createElementVNode as C, createVNode as a, unref as o, normalizeClass as E, createTextVNode as fe, toDisplayString as O, createElementBlock as x, Fragment as q, renderSlot as j, createCommentVNode as U, watch as ve, resolveDynamicComponent as K, isRef as Q, renderList as H, onMounted as ge, normalizeStyle as _e } from "vue";
-import { W as ye, i as Ce, S as be, d as Ve, T as ke, _ as Fe } from "./TransitionFade-DdNpeVds.js";
-import { a as X, v as Y } from "./v4-CHk_oNmT.js";
-import { storeToRefs as Z } from "pinia";
-import { useRouter as ee, useRoute as oe } from "vue-router";
-import { useBreakpoints as A, FmButtonColorThemeVariant as W, useSnackbar as xe } from "@feedmepos/ui-library";
-import { u as te } from "./message-dialog-UoMWOnil.js";
-import { _ as le } from "./DynamicWidget.vue_vue_type_script_setup_true_lang-DxpesBb1.js";
-import { _ as re } from "./NoData.vue_vue_type_script_setup_true_lang-CCA1l-Cz.js";
-import { u as I, f as he } from "./global-loader-KvOGLx9k.js";
-const we = /* @__PURE__ */ S({
+import { defineComponent as S, mergeModels as $, useModel as M, ref as N, computed as P, resolveComponent as c, createBlock as C, openBlock as s, withCtx as m, createElementVNode as y, createVNode as a, unref as e, normalizeClass as E, createTextVNode as ge, toDisplayString as O, createElementBlock as h, Fragment as q, renderSlot as Q, createCommentVNode as U, watch as _e, resolveDynamicComponent as X, isRef as Y, renderList as H, onMounted as ye, normalizeStyle as Ce } from "vue";
+import { W as be, i as Ve, S as ke, d as Fe, T as xe, _ as he } from "./TransitionFade-z9aoIr9s.js";
+import { a as Z, v as ee } from "./v4-HCTsB306.js";
+import { storeToRefs as oe } from "pinia";
+import { useRouter as te, useRoute as le } from "vue-router";
+import { useBreakpoints as A, FmButtonColorThemeVariant as I, useSnackbar as we } from "@feedmepos/ui-library";
+import { u as re } from "./message-dialog-UoMWOnil.js";
+import { _ as ne } from "./DynamicWidget.vue_vue_type_script_setup_true_lang-Blu98Lu7.js";
+import { _ as ae } from "./NoData.vue_vue_type_script_setup_true_lang-DI4X_DSc.js";
+import { u as L, f as $e } from "./global-loader-BqFQzk46.js";
+import { r as K } from "./i18n-Cif1I9J2.js";
+const Se = /* @__PURE__ */ S({
   __name: "WidgetDialog",
   props: /* @__PURE__ */ $({
     isOpen: { type: Boolean }
@@ -18,40 +19,40 @@ const we = /* @__PURE__ */ S({
   }),
   emits: /* @__PURE__ */ $(["isOpen"], ["update:modelValue"]),
   setup(p, { emit: u }) {
-    const { t: e } = I(), { breakpoints: l } = A(), g = M(p, "modelValue"), i = p, r = u;
+    const { t: o } = L(), { breakpoints: l } = A(), g = M(p, "modelValue"), i = p, r = u;
     function n() {
       r("isOpen", !1);
     }
     function v() {
       t.value && (g.value = t.value, t.value = void 0, r("isOpen", !1));
     }
-    const t = N(), V = P(() => !t.value);
-    return (B, h) => {
+    const t = N(), k = P(() => !t.value);
+    return (B, w) => {
       const R = c("FmButton"), T = c("FmDialog");
-      return s(), b(T, {
+      return s(), C(T, {
         "model-value": i.isOpen
       }, {
         "dialog-header": m(() => [
-          fe(O(o(e)("report.widget.type")), 1)
+          ge(O(e(o)("report.widget.type")), 1)
         ]),
         default: m(() => [
-          a(ye, {
+          a(be, {
             modelValue: t.value,
-            "onUpdate:modelValue": h[0] || (h[0] = (_) => t.value = _),
-            class: E(`grid ${o(l).lg || o(l).md ? "grid-cols-3 gap-3" : "grid-cols-2 gap-3"}`),
+            "onUpdate:modelValue": w[0] || (w[0] = (f) => t.value = f),
+            class: E(`grid ${e(l).lg || e(l).md ? "grid-cols-3 gap-3" : "grid-cols-2 gap-3"}`),
             "child-class": "p-[8px] flex flex-col"
           }, null, 8, ["modelValue", "class"])
         ]),
         "dialog-footer": m(() => [
-          h[1] || (h[1] = C("div", { class: "grow" }, null, -1)),
+          w[1] || (w[1] = y("div", { class: "grow" }, null, -1)),
           a(R, {
-            label: o(e)("report.common.cancel"),
+            label: e(o)("report.common.cancel"),
             variant: "tertiary",
             onClick: n
           }, null, 8, ["label"]),
           a(R, {
-            label: o(e)("report.common.confirm"),
-            disabled: V.value,
+            label: e(o)("report.common.confirm"),
+            disabled: k.value,
             onClick: v
           }, null, 8, ["label", "disabled"])
         ]),
@@ -59,7 +60,7 @@ const we = /* @__PURE__ */ S({
       }, 8, ["model-value"]);
     };
   }
-}), $e = { class: "fm-typo-en-body-lg-600" }, z = /* @__PURE__ */ S({
+}), Re = { class: "fm-typo-en-body-lg-600" }, z = /* @__PURE__ */ S({
   __name: "ReportEditorTabHeader",
   props: /* @__PURE__ */ $({
     icon: {
@@ -72,22 +73,22 @@ const we = /* @__PURE__ */ S({
   }),
   emits: ["update:modelValue"],
   setup(p) {
-    const { t: u } = I(), e = M(p, "modelValue"), l = p;
+    const { t: u } = L(), o = M(p, "modelValue"), l = p;
     return (g, i) => {
       const r = c("FmIcon");
-      return s(), x("div", {
+      return s(), h("div", {
         class: "px-6 py-16 flex items-center gap-2 bg-fm-color-neutral-white border cursor-pointer",
-        onClick: i[0] || (i[0] = (n) => e.value = !e.value)
+        onClick: i[0] || (i[0] = (n) => o.value = !o.value)
       }, [
-        C("p", $e, O(o(u)("report.editor.customizeReport")), 1),
-        i[1] || (i[1] = C("div", { class: "grow" }, null, -1)),
+        y("p", Re, O(e(u)("report.editor.customizeReport")), 1),
+        i[1] || (i[1] = y("div", { class: "grow" }, null, -1)),
         a(r, {
           name: l.icon
         }, null, 8, ["name"])
       ]);
     };
   }
-}), Se = /* @__PURE__ */ S({
+}), Te = /* @__PURE__ */ S({
   __name: "ReportEditorTabDesktop",
   props: {
     modelValue: { required: !0, default: !1 },
@@ -96,16 +97,16 @@ const we = /* @__PURE__ */ S({
   emits: ["update:modelValue"],
   setup(p) {
     const u = M(p, "modelValue");
-    return (e, l) => (s(), x(q, null, [
+    return (o, l) => (s(), h(q, null, [
       a(z, {
         modelValue: u.value,
         "onUpdate:modelValue": l[0] || (l[0] = (g) => u.value = g),
         icon: "keyboard_double_arrow_left"
       }, null, 8, ["modelValue"]),
-      j(e.$slots, "default")
+      Q(o.$slots, "default")
     ], 64));
   }
-}), Re = /* @__PURE__ */ S({
+}), Me = /* @__PURE__ */ S({
   __name: "ReportEditorTabMobile",
   props: {
     modelValue: { required: !0, default: !1 },
@@ -114,9 +115,9 @@ const we = /* @__PURE__ */ S({
   emits: ["update:modelValue"],
   setup(p) {
     const u = M(p, "modelValue");
-    return (e, l) => {
+    return (o, l) => {
       const g = c("FmTopSheet"), i = c("FmCard");
-      return s(), b(i, { class: "fixed bottom-0 w-full" }, {
+      return s(), C(i, { class: "fixed bottom-0 w-full" }, {
         default: m(() => [
           a(z, {
             modelValue: u.value,
@@ -134,7 +135,7 @@ const we = /* @__PURE__ */ S({
                 "onUpdate:modelValue": l[1] || (l[1] = (r) => u.value = r),
                 icon: "keyboard_double_arrow_down"
               }, null, 8, ["modelValue"]),
-              u.value ? j(e.$slots, "default", { key: 0 }) : U("", !0)
+              u.value ? Q(o.$slots, "default", { key: 0 }) : U("", !0)
             ]),
             _: 3
           }, 8, ["modelValue"])
@@ -143,7 +144,7 @@ const we = /* @__PURE__ */ S({
       });
     };
   }
-}), Te = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10" }, Me = { class: "flex flex-col gap-24" }, Be = { class: "line-clamp-2 overflow-hidden" }, ne = /* @__PURE__ */ S({
+}), Be = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10" }, Oe = { class: "flex flex-col gap-24" }, qe = { class: "line-clamp-2 overflow-hidden" }, ie = /* @__PURE__ */ S({
   __name: "ReportEditorTab",
   props: /* @__PURE__ */ $({
     hideConfiguration: {
@@ -156,153 +157,153 @@ const we = /* @__PURE__ */ S({
   }),
   emits: /* @__PURE__ */ $(["hideConfiguration"], ["update:modelValue"]),
   setup(p, { emit: u }) {
-    const e = M(p, "modelValue"), { breakpoints: l } = A(), g = p, i = u, r = ee(), n = oe(), v = N(), { currentSelectWidgetType: t, categories: V, editingTile: B, editingIndex: h } = Z(X()), { promptMessage: R } = te(), T = N(!1), { t: _ } = I();
-    ve(
+    const o = M(p, "modelValue"), { breakpoints: l } = A(), g = p, i = u, r = te(), n = le(), v = N(), { currentSelectWidgetType: t, categories: k, editingTile: B, editingIndex: w } = oe(Z()), { promptMessage: R } = re(), T = N(!1), { t: f, te: b } = L();
+    _e(
       () => t.value,
       () => {
-        t.value !== void 0 && (e.value.tiles.push(Ce(t.value)), h.value = e.value.tiles.length - 1, B.value = e.value.tiles[e.value.tiles.length - 1], r.push({
+        t.value !== void 0 && (o.value.tiles.push(Ve(t.value)), w.value = o.value.tiles.length - 1, B.value = o.value.tiles[o.value.tiles.length - 1], r.push({
           name: "tileEditor",
           query: n.query
         }));
       },
       { immediate: !0 }
     );
-    const k = [
+    const F = [
       {
-        label: _("report.common.edit"),
+        label: f("report.common.edit"),
         selected: !1,
         variant: "tertiary",
-        onClick: (d) => {
-          h.value = d, B.value = JSON.parse(JSON.stringify(e.value.tiles[d])), r.push({
+        onClick: (V) => {
+          w.value = V, B.value = JSON.parse(JSON.stringify(o.value.tiles[V])), r.push({
             name: "tileEditor",
             query: n.query
           });
         }
       },
       {
-        label: _("report.common.duplicate"),
+        label: f("report.common.duplicate"),
         selected: !1,
         variant: "tertiary",
-        onClick: (d) => {
-          e.value.tiles.push(JSON.parse(JSON.stringify(e.value.tiles[d])));
+        onClick: (V) => {
+          o.value.tiles.push(JSON.parse(JSON.stringify(o.value.tiles[V])));
         }
       },
       {
-        label: _("report.common.remove"),
+        label: f("report.common.remove"),
         selected: !1,
         variant: "destructive",
-        onClick: async (d) => {
+        onClick: async (V) => {
           await R({
-            title: _("report.editor.deleteWidget"),
-            message: _("report.editor.deleteWidgetConfirm", {
-              title: e.value.tiles[d].widget.title
+            title: f("report.editor.deleteWidget"),
+            message: f("report.editor.deleteWidgetConfirm", {
+              title: o.value.tiles[V].widget.title
             })
-          }) && (e.value.tiles = e.value.tiles.filter((w, D) => D !== d));
+          }) && (o.value.tiles = o.value.tiles.filter((G, W) => W !== V));
         }
       }
-    ], F = P(() => V.value.map((d) => ({
-      label: _(`report.category.${d.name}`),
-      value: d.id
+    ], x = P(() => k.value.map((V) => ({
+      label: f(`report.category.${V.name}`),
+      value: V.id
     })));
-    return (d, f) => {
-      const w = c("FmTextField"), D = c("FmSelect"), G = c("FmButton"), ae = c("FmIcon"), ie = c("FmTooltip"), se = c("FmMenuItem"), ue = c("FmMenu"), de = c("FmListItem"), me = c("FmList"), ce = c("FmForm");
-      return s(), b(K(o(l).lg || o(l).md ? Se : Re), {
+    return (V, d) => {
+      const G = c("FmTextField"), W = c("FmSelect"), j = c("FmButton"), se = c("FmIcon"), ue = c("FmTooltip"), de = c("FmMenuItem"), me = c("FmMenu"), ce = c("FmListItem"), pe = c("FmList"), fe = c("FmForm");
+      return s(), C(X(e(l).lg || e(l).md ? Te : Me), {
         "model-value": g.hideConfiguration,
-        "onUpdate:modelValue": f[5] || (f[5] = (y) => i("hideConfiguration", y))
+        "onUpdate:modelValue": d[5] || (d[5] = (_) => i("hideConfiguration", _))
       }, {
         default: m(() => [
-          a(we, {
-            modelValue: o(t),
-            "onUpdate:modelValue": f[0] || (f[0] = (y) => Q(t) ? t.value = y : null),
+          a(Se, {
+            modelValue: e(t),
+            "onUpdate:modelValue": d[0] || (d[0] = (_) => Y(t) ? t.value = _ : null),
             "is-open": T.value,
-            onIsOpen: f[1] || (f[1] = (y) => T.value = y)
+            onIsOpen: d[1] || (d[1] = (_) => T.value = _)
           }, null, 8, ["modelValue", "is-open"]),
-          a(ce, {
+          a(fe, {
             ref_key: "form",
             ref: v,
             class: "px-6 py-16 flex flex-col gap-24 overflow-y-auto overflow-x-hidden"
           }, {
             default: m(() => [
-              a(be, { class: "border-solid" }, {
+              a(ke, { class: "border-solid" }, {
                 header: m(() => [
-                  C("p", null, O(o(_)("report.editor.reportInfo")), 1),
-                  f[6] || (f[6] = C("div", { class: "grow" }, null, -1))
+                  y("p", null, O(e(f)("report.editor.reportInfo")), 1),
+                  d[6] || (d[6] = y("div", { class: "grow" }, null, -1))
                 ]),
                 content: m(() => [
-                  C("div", Te, [
-                    a(w, {
-                      modelValue: e.value.name,
-                      "onUpdate:modelValue": f[2] || (f[2] = (y) => e.value.name = y),
-                      label: o(_)("report.editor.reportTitle"),
-                      placeholder: o(_)("report.editor.placeholder")
+                  y("div", Be, [
+                    a(G, {
+                      modelValue: o.value.name,
+                      "onUpdate:modelValue": d[2] || (d[2] = (_) => o.value.name = _),
+                      label: e(f)("report.editor.reportTitle"),
+                      placeholder: e(f)("report.editor.placeholder")
                     }, null, 8, ["modelValue", "label", "placeholder"]),
-                    a(D, {
-                      modelValue: e.value.category,
-                      "onUpdate:modelValue": f[3] || (f[3] = (y) => e.value.category = y),
-                      label: o(_)("report.common.category"),
-                      items: F.value
+                    a(W, {
+                      modelValue: o.value.category,
+                      "onUpdate:modelValue": d[3] || (d[3] = (_) => o.value.category = _),
+                      label: e(f)("report.common.category"),
+                      items: x.value
                     }, null, 8, ["modelValue", "label", "items"])
                   ])
                 ]),
                 _: 1
               }),
-              C("div", Me, [
-                a(G, {
-                  label: o(_)("report.editor.addWidget"),
+              y("div", Oe, [
+                a(j, {
+                  label: e(f)("report.editor.addWidget"),
                   variant: "secondary",
                   icon: "add",
                   "icon-position": "prepend",
-                  "border-color": o(W).ColorPrimary,
-                  "text-color": o(W).ColorPrimary,
-                  onClick: f[4] || (f[4] = (y) => T.value = !0)
+                  "border-color": e(I).ColorPrimary,
+                  "text-color": e(I).ColorPrimary,
+                  onClick: d[4] || (d[4] = (_) => T.value = !0)
                 }, null, 8, ["label", "border-color", "text-color"]),
-                a(me, null, {
+                a(pe, null, {
                   default: m(() => [
-                    a(o(Ve), {
-                      list: e.value.tiles,
+                    a(e(Fe), {
+                      list: o.value.tiles,
                       "item-key": "id",
                       class: "flex flex-col gap-2 cursor-grab",
                       handle: ".handle"
                     }, {
-                      item: m(({ element: y, index: J }) => [
-                        a(de, { class: "!cursor-grab border rounded-md border-neutral-300" }, {
+                      item: m(({ element: _, index: D }) => [
+                        a(ce, { class: "!cursor-grab border rounded-md border-neutral-300" }, {
                           default: m(() => [
-                            a(ae, {
+                            a(se, {
                               name: "drag_handle",
                               class: "handle"
                             }),
-                            a(ie, {
-                              content: y.widget.title.length <= 0 ? `Widget ${J}` : y.widget.title,
+                            a(ue, {
+                              content: _.widget.title ? e(K)(e(f), e(b), _.widget.title, "other") : e(f)("report.editor.widget", { index: D + 1 }),
                               class: "handle"
                             }, {
                               default: m(() => [
-                                C("p", Be, O(y.widget.title.length <= 0 ? `Widget ${J}` : y.widget.title), 1)
+                                y("p", qe, O(_.widget.title ? e(K)(e(f), e(b), _.widget.title, "other") : e(f)("report.editor.widget", { index: D + 1 })), 1)
                               ]),
                               _: 2
                             }, 1032, ["content"]),
-                            f[7] || (f[7] = C("div", { class: "grow" }, null, -1)),
-                            a(ue, {
+                            d[7] || (d[7] = y("div", { class: "grow" }, null, -1)),
+                            a(me, {
                               trigger: "click",
                               shift: !0,
                               "stop-click-propagation": !0
                             }, {
                               "menu-button": m(() => [
-                                a(G, {
+                                a(j, {
                                   "append-icon": "more_vert",
                                   variant: "tertiary"
                                 })
                               ]),
                               default: m(() => [
-                                (s(), x(q, null, H(k, (L, pe) => a(se, {
-                                  key: pe,
-                                  onClick: (Ie) => L.onClick(J)
+                                (s(), h(q, null, H(F, (J, ve) => a(de, {
+                                  key: ve,
+                                  onClick: (De) => J.onClick(D)
                                 }, {
                                   label: m(() => [
-                                    C("p", {
+                                    y("p", {
                                       class: E(
-                                        L.variant === "destructive" ? " text-fm-color-system-error-300" : ""
+                                        J.variant === "destructive" ? " text-fm-color-system-error-300" : ""
                                       )
-                                    }, O(L.label), 3)
+                                    }, O(J.label), 3)
                                   ]),
                                   _: 2
                                 }, 1032, ["onClick"])), 64))
@@ -327,11 +328,11 @@ const we = /* @__PURE__ */ S({
       }, 8, ["model-value"]);
     };
   }
-}), Oe = { class: "flex flex-col bg-fm-color-neutral-white w-[400px]" }, qe = { class: "flex bg-fm-color-neutral-white w-[88px]" }, Ue = { class: "w-full overflow-y-auto" }, Ne = {
+}), Ue = { class: "flex flex-col bg-fm-color-neutral-white w-[400px]" }, Ne = { class: "flex bg-fm-color-neutral-white w-[88px]" }, Pe = { class: "w-full overflow-y-auto" }, Ee = {
   key: 0,
   class: "w-full grid grid-cols-12 gap-[24px] p-24",
   style: { backgroundColor: "#F6F8FC" }
-}, Pe = /* @__PURE__ */ S({
+}, Ie = /* @__PURE__ */ S({
   __name: "ReportEditorDesktop",
   props: /* @__PURE__ */ $({
     hideConfiguration: { type: Boolean, required: !0, default: !1 }
@@ -342,20 +343,20 @@ const we = /* @__PURE__ */ S({
   }),
   emits: /* @__PURE__ */ $(["hideConfiguration"], ["update:modelValue"]),
   setup(p, { emit: u }) {
-    const e = M(p, "modelValue"), l = p, g = u;
+    const o = M(p, "modelValue"), l = p, g = u;
     return (i, r) => {
       const n = c("FmCircularProgress"), v = c("FmButton");
-      return s(), x("div", null, [
-        e.value ? (s(), x(q, { key: 1 }, [
-          a(ke, {
+      return s(), h("div", null, [
+        o.value ? (s(), h(q, { key: 1 }, [
+          a(xe, {
             "model-value": !l.hideConfiguration
           }, {
             right: m(() => [
-              C("div", Oe, [
-                e.value ? (s(), b(ne, {
+              y("div", Ue, [
+                o.value ? (s(), C(ie, {
                   key: 0,
-                  modelValue: e.value,
-                  "onUpdate:modelValue": r[0] || (r[0] = (t) => e.value = t),
+                  modelValue: o.value,
+                  "onUpdate:modelValue": r[0] || (r[0] = (t) => o.value = t),
                   "hide-configuration": l.hideConfiguration,
                   onHideConfiguration: r[1] || (r[1] = (t) => {
                     g("hideConfiguration", t);
@@ -364,12 +365,12 @@ const we = /* @__PURE__ */ S({
               ])
             ]),
             left: m(() => [
-              C("div", qe, [
+              y("div", Ne, [
                 a(v, {
                   variant: "secondary",
                   icon: "keyboard_double_arrow_right",
-                  "border-color": o(W).ColorPrimary,
-                  "text-color": o(W).ColorPrimary,
+                  "border-color": e(I).ColorPrimary,
+                  "text-color": e(I).ColorPrimary,
                   class: "m-24 my-16",
                   size: "md",
                   onClick: r[2] || (r[2] = (t) => g("hideConfiguration", !l.hideConfiguration))
@@ -378,21 +379,21 @@ const we = /* @__PURE__ */ S({
             ]),
             _: 1
           }, 8, ["model-value"]),
-          C("div", Ue, [
-            e.value.tiles.length > 0 ? (s(), x("div", Ne, [
-              (s(!0), x(q, null, H(e.value.tiles, (t, V) => (s(), b(le, {
-                key: `${o(Y)()}_${V}`,
+          y("div", Pe, [
+            o.value.tiles.length > 0 ? (s(), h("div", Ee, [
+              (s(!0), h(q, null, H(o.value.tiles, (t, k) => (s(), C(ne, {
+                key: `${e(ee)()}_${k}`,
                 "model-value": t,
-                index: V,
+                index: k,
                 "hide-export": !0
               }, null, 8, ["model-value", "index"]))), 128))
-            ])) : (s(), b(re, { key: 1 }))
+            ])) : (s(), C(ae, { key: 1 }))
           ])
-        ], 64)) : (s(), b(n, { key: 0 }))
+        ], 64)) : (s(), C(n, { key: 0 }))
       ]);
     };
   }
-}), Ee = {
+}), Le = {
   key: 0,
   class: "grid grid-cols-12 gap-[16px]"
 }, We = /* @__PURE__ */ S({
@@ -406,120 +407,120 @@ const we = /* @__PURE__ */ S({
   }),
   emits: /* @__PURE__ */ $(["hideConfiguration"], ["update:modelValue"]),
   setup(p, { emit: u }) {
-    const e = M(p, "modelValue"), l = p, g = u;
+    const o = M(p, "modelValue"), l = p, g = u;
     return (i, r) => {
       const n = c("FmCircularProgress"), v = c("FmCard");
-      return s(), x("div", null, [
-        e.value ? (s(), x(q, { key: 1 }, [
+      return s(), h("div", null, [
+        o.value ? (s(), h(q, { key: 1 }, [
           a(v, { class: "px-5 pb-28" }, {
             default: m(() => [
-              e.value.tiles.length > 0 ? (s(), x("div", Ee, [
-                (s(!0), x(q, null, H(e.value.tiles, (t, V) => (s(), b(le, {
-                  key: `${o(Y)()}_${V}`,
+              o.value.tiles.length > 0 ? (s(), h("div", Le, [
+                (s(!0), h(q, null, H(o.value.tiles, (t, k) => (s(), C(ne, {
+                  key: `${e(ee)()}_${k}`,
                   "model-value": t,
-                  index: V,
+                  index: k,
                   "hide-export": !0
                 }, null, 8, ["model-value", "index"]))), 128))
-              ])) : (s(), b(re, { key: 1 }))
+              ])) : (s(), C(ae, { key: 1 }))
             ]),
             _: 1
           }),
-          e.value ? (s(), b(ne, {
+          o.value ? (s(), C(ie, {
             key: 0,
-            modelValue: e.value,
-            "onUpdate:modelValue": r[0] || (r[0] = (t) => e.value = t),
+            modelValue: o.value,
+            "onUpdate:modelValue": r[0] || (r[0] = (t) => o.value = t),
             "hide-configuration": l.hideConfiguration,
             onHideConfiguration: r[1] || (r[1] = (t) => {
               g("hideConfiguration", t);
             })
           }, null, 8, ["modelValue", "hide-configuration"])) : U("", !0)
-        ], 64)) : (s(), b(n, { key: 0 }))
+        ], 64)) : (s(), C(n, { key: 0 }))
       ]);
     };
   }
-}), Xe = /* @__PURE__ */ S({
+}), eo = /* @__PURE__ */ S({
   __name: "ReportEditor",
   setup(p) {
-    const u = ee(), e = oe(), l = X(), { promptLoader: g } = he(), { t: i } = I(), { currentReport: r, editingReport: n } = Z(l), { breakpoints: v } = A(), t = P(() => {
-      var k;
-      return !((k = n.value) != null && k.editable);
-    }), V = P(() => {
-      var k;
-      return ((k = n.value) == null ? void 0 : k.name) ?? i("report.editor.newReport");
-    }), B = xe(), { promptMessage: h } = te(), R = N(!1);
+    const u = te(), o = le(), l = Z(), { promptLoader: g } = $e(), { t: i } = L(), { currentReport: r, editingReport: n } = oe(l), { breakpoints: v } = A(), t = P(() => {
+      var b;
+      return !((b = n.value) != null && b.editable);
+    }), k = P(() => {
+      var b;
+      return ((b = n.value) == null ? void 0 : b.name) ?? i("report.editor.newReport");
+    }), B = we(), { promptMessage: w } = re(), R = N(!1);
     async function T() {
       if (!n.value || n.value.tiles.length === 0) {
         B.open({ message: i("report.messages.noWidget"), type: "error" });
         return;
       }
-      const k = t.value ? i("report.common.clone") : i("report.common.save");
-      if (await h({
+      const b = t.value ? i("report.common.clone") : i("report.common.save");
+      if (await w({
         title: `${i("report.messages.saveReport")}`,
-        message: i("report.messages.confirmAction", { action: k, name: V.value })
+        message: i("report.messages.confirmAction", { action: b, name: k.value })
       }))
         try {
           await g(async () => {
             if (t.value) {
-              const d = JSON.parse(JSON.stringify(n.value));
-              d.editable = !0, d.id = "", d.name = `${d.name} ${i("report.common.duplicate")}`, await l.createOrUpdateReport(d);
+              const x = JSON.parse(JSON.stringify(n.value));
+              x.editable = !0, x.id = "", x.name = `${x.name} ${i("report.common.duplicate")}`, await l.createOrUpdateReport(x);
             } else
               n.value && await l.createOrUpdateReport(n.value);
             u.push({
               name: "reportView",
-              query: e.query
+              query: o.query
             });
           });
-        } catch (d) {
-          console.log(d), B.open({
-            message: i("report.messages.failedToAction", { action: k }),
+        } catch (x) {
+          console.log(x), B.open({
+            message: i("report.messages.failedToAction", { action: b }),
             type: "error"
           });
         }
     }
-    async function _() {
+    async function f() {
       var F;
       if (!n.value) return;
-      await h({
+      await w({
         title: i("report.common.report", 1),
         message: i("report.editor.notSaved", { name: (F = n.value) == null ? void 0 : F.name })
       }) && (n.value = JSON.parse(JSON.stringify(r.value)), u.back());
     }
-    return ge(() => {
+    return ye(() => {
       n.value || u.push({ name: "reports" });
-    }), (k, F) => {
-      const d = c("FmChip"), f = c("FmPageHead");
-      return s(), b(Fe, null, {
+    }), (b, F) => {
+      const x = c("FmChip"), V = c("FmPageHead");
+      return s(), C(he, null, {
         default: m(() => [
-          a(f, {
+          a(V, {
             actions: [
-              { label: o(i)("report.common.cancel"), value: "cancel", isPrimary: !1 },
+              { label: e(i)("report.common.cancel"), value: "cancel", isPrimary: !1 },
               { label: "Save Report", value: "save", isPrimary: !0, prependIcon: "download" }
             ],
-            "onClick:action": F[0] || (F[0] = (w) => {
-              w === "cancel" && _(), w === "save" && T();
+            "onClick:action": F[0] || (F[0] = (d) => {
+              d === "cancel" && f(), d === "save" && T();
             })
           }, {
             title: m(() => [
-              C("p", {
-                class: E(`${o(v).sm || o(v).xs ? "hidden" : ""} fm-typo-en-title-md-600`)
-              }, O(V.value), 3),
-              !o(n) || o(n).tiles.length <= 0 ? (s(), b(d, {
+              y("p", {
+                class: E(`${e(v).sm || e(v).xs ? "hidden" : ""} fm-typo-en-title-md-600`)
+              }, O(k.value), 3),
+              !e(n) || e(n).tiles.length <= 0 ? (s(), C(x, {
                 key: 0,
-                label: o(i)("report.editor.draft"),
+                label: e(i)("report.editor.draft"),
                 icon: "hexagon",
                 selectable: !1
               }, null, 8, ["label"])) : U("", !0)
             ]),
             _: 1
           }, 8, ["actions"]),
-          o(n) ? (s(), b(K(o(v).lg || o(v).md ? Pe : We), {
+          e(n) ? (s(), C(X(e(v).lg || e(v).md ? Ie : We), {
             key: 0,
-            modelValue: o(n),
-            "onUpdate:modelValue": F[1] || (F[1] = (w) => Q(n) ? n.value = w : null),
-            class: E(`${o(v).lg || o(v).md ? "flex" : ""} w-full`),
-            style: _e({ height: `calc( 100% - ${o(v).lg || o(v).md ? 72 : 64}px)` }),
+            modelValue: e(n),
+            "onUpdate:modelValue": F[1] || (F[1] = (d) => Y(n) ? n.value = d : null),
+            class: E(`${e(v).lg || e(v).md ? "flex" : ""} w-full`),
+            style: Ce({ height: `calc( 100% - ${e(v).lg || e(v).md ? 72 : 64}px)` }),
             "hide-configuration": R.value,
-            onHideConfiguration: F[2] || (F[2] = (w) => R.value = w)
+            onHideConfiguration: F[2] || (F[2] = (d) => R.value = d)
           }, null, 40, ["modelValue", "class", "style", "hide-configuration"])) : U("", !0)
         ]),
         _: 1
@@ -528,5 +529,5 @@ const we = /* @__PURE__ */ S({
   }
 });
 export {
-  Xe as default
+  eo as default
 };