@feedmepos/mf-report 5.7.4 → 5.7.5-beta.0

package/dist/{ReportEditor-BQdseFOk.js → ReportEditor-DFK07SDJ.js}

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