@feedmepos/mf-report 5.21.31 → 5.21.32

package/dist/{ReportEditor-DtfEQ_8T.js → ReportEditor-D7GGcHre.js}

@@ -1,69 +1,69 @@
-import { defineComponent as Q, mergeModels as A, useModel as K, ref as W, computed as U, resolveComponent as v, createBlock as V, openBlock as u, withCtx as m, createElementVNode as h, createVNode as o, unref as l, normalizeClass as se, createTextVNode as _e, toDisplayString as J, createElementBlock as T, Fragment as j, renderSlot as Te, createCommentVNode as G, watch as ce, renderList as ee, resolveDynamicComponent as Ie, isRef as Oe, normalizeStyle as we, onMounted as Re } from "vue";
-import { W as qe, g as Ee, _ as Pe, i as Je, S as ke, d as Ve, T as ze, a as Le } from "./TransitionFade-CP8HKs9i.js";
-import { D as H, c as me, C as ge, a as Ne, b as He, v as ie } from "./BaseDialog.vue_vue_type_script_setup_true_lang-QzLGWBvd.js";
-import { storeToRefs as pe } from "pinia";
-import { useRouter as Me, useRoute as Ue } from "vue-router";
-import { useBreakpoints as ve, useSnackbar as De, FmButtonColorThemeVariant as ne } from "@feedmepos/ui-library";
-import { u as Be } from "./message-dialog-UoMWOnil.js";
-import { u as ue, b as je, i as be, f as Ge } from "./vue-i18n-D1iec8Wy.js";
-import { a as Ce, _ as he } from "./FilterSelector.vue_vue_type_script_setup_true_lang-BEOZulO4.js";
-import { _ as ye } from "./NoData.vue_vue_type_script_setup_true_lang-DDKbpI_N.js";
+import { defineComponent as K, mergeModels as G, useModel as A, ref as I, computed as U, resolveComponent as f, createBlock as k, openBlock as u, withCtx as m, createElementVNode as y, createVNode as o, unref as l, normalizeClass as ue, createTextVNode as _e, toDisplayString as z, createElementBlock as T, Fragment as j, renderSlot as Oe, createCommentVNode as J, watch as pe, renderList as ee, resolveDynamicComponent as We, isRef as Ne, normalizeStyle as we, onMounted as Re } from "vue";
+import { W as qe, g as Ee, _ as Pe, i as ze, S as Ve, d as Ce, T as Je, a as Le } from "./TransitionFade-B-yJvnSS.js";
+import { D as H, c as ce, C as ge, a as Me, b as He, v as se } from "./BaseDialog.vue_vue_type_script_setup_true_lang-BNTtoXSl.js";
+import { storeToRefs as ve } from "pinia";
+import { useRouter as Ue, useRoute as De } from "vue-router";
+import { useBreakpoints as fe, useSnackbar as Be, FmButtonColorThemeVariant as re } from "@feedmepos/ui-library";
+import { u as Ie } from "./message-dialog-UoMWOnil.js";
+import { u as de, b as je, i as be, f as Ge } from "./vue-i18n-D4W4y-_2.js";
+import { a as Se, _ as ye } from "./FilterSelector.vue_vue_type_script_setup_true_lang-DpUWWlZ7.js";
+import { _ as he } from "./NoData.vue_vue_type_script_setup_true_lang-BRz75rkR.js";
 import { r as Fe } from "./i18n-7InkCBCc.js";
-import { a as Se } from "./SelectComponent.vue_vue_type_script_setup_true_lang-BhWCLEfp.js";
-const Ae = /* @__PURE__ */ Q({
+import { a as $e } from "./SelectComponent.vue_vue_type_script_setup_true_lang-BXZkFRRh.js";
+const Ae = /* @__PURE__ */ K({
   __name: "WidgetDialog",
-  props: /* @__PURE__ */ A({
+  props: /* @__PURE__ */ G({
     isOpen: { type: Boolean }
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ A(["update:isOpen"], ["update:modelValue"]),
-  setup(k, { emit: s }) {
-    const { t: n } = ue(), { breakpoints: i } = ve(), y = K(k, "modelValue"), c = k, F = s;
+  emits: /* @__PURE__ */ G(["update:isOpen"], ["update:modelValue"]),
+  setup(V, { emit: s }) {
+    const { t: r } = de(), { breakpoints: i } = fe(), h = A(V, "modelValue"), c = V, F = s;
     function g() {
       F("update:isOpen", !1);
     }
-    function C() {
-      d.value && (y.value = d.value, d.value = void 0, F("update:isOpen", !1));
+    function S() {
+      d.value && (h.value = d.value, d.value = void 0, F("update:isOpen", !1));
     }
-    const d = W(), D = U(() => !d.value);
-    return (R, S) => {
-      const B = v("FmButton"), b = v("FmDialog");
-      return u(), V(b, {
+    const d = I(), D = U(() => !d.value);
+    return (q, $) => {
+      const B = f("FmButton"), b = f("FmDialog");
+      return u(), k(b, {
         "model-value": c.isOpen
       }, {
         "dialog-header": m(() => [
-          _e(J(l(n)("report.widget.type")), 1)
+          _e(z(l(r)("report.widget.type")), 1)
         ]),
         default: m(() => [
           o(qe, {
             modelValue: d.value,
-            "onUpdate:modelValue": S[0] || (S[0] = (N) => d.value = N),
-            class: se(`grid ${l(i).lg || l(i).md ? "grid-cols-3 gap-3" : "grid-cols-2 gap-3"}`),
+            "onUpdate:modelValue": $[0] || ($[0] = (N) => d.value = N),
+            class: ue(`grid ${l(i).lg || l(i).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(() => [
-          S[1] || (S[1] = h("div", { class: "grow" }, null, -1)),
+          $[1] || ($[1] = y("div", { class: "grow" }, null, -1)),
           o(B, {
-            label: l(n)("report.common.cancel"),
+            label: l(r)("report.common.cancel"),
             variant: "tertiary",
             onClick: g
           }, null, 8, ["label"]),
           o(B, {
-            label: l(n)("report.common.confirm"),
+            label: l(r)("report.common.confirm"),
             disabled: D.value,
-            onClick: C
+            onClick: S
           }, null, 8, ["label", "disabled"])
         ]),
         _: 1
       }, 8, ["model-value"]);
     };
   }
-}), Ke = { class: "fm-typo-en-body-lg-600" }, xe = /* @__PURE__ */ Q({
+}), Ke = { class: "fm-typo-en-body-lg-600" }, xe = /* @__PURE__ */ K({
   __name: "ReportEditorTabHeader",
-  props: /* @__PURE__ */ A({
+  props: /* @__PURE__ */ G({
     icon: {
       type: String,
       required: !0
@@ -73,59 +73,59 @@ const Ae = /* @__PURE__ */ Q({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(k) {
-    const { t: s } = ue(), n = K(k, "modelValue"), i = k;
-    return (y, c) => {
-      const F = v("FmIcon");
+  setup(V) {
+    const { t: s } = de(), r = A(V, "modelValue"), i = V;
+    return (h, c) => {
+      const F = f("FmIcon");
       return u(), T("div", {
         class: "px-6 py-16 flex items-center gap-2 bg-fm-color-neutral-white border cursor-pointer",
-        onClick: c[0] || (c[0] = (g) => n.value = !n.value)
+        onClick: c[0] || (c[0] = (g) => r.value = !r.value)
       }, [
-        h("p", Ke, J(l(s)("report.editor.customizeReport")), 1),
-        c[1] || (c[1] = h("div", { class: "grow" }, null, -1)),
+        y("p", Ke, z(l(s)("report.editor.customizeReport")), 1),
+        c[1] || (c[1] = y("div", { class: "grow" }, null, -1)),
         o(F, {
           name: i.icon
         }, null, 8, ["name"])
       ]);
     };
   }
-}), Qe = /* @__PURE__ */ Q({
+}), Qe = /* @__PURE__ */ K({
   __name: "ReportEditorTabDesktop",
   props: {
     modelValue: { required: !0, default: !1 },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(k) {
-    const s = K(k, "modelValue");
-    return (n, i) => (u(), T(j, null, [
+  setup(V) {
+    const s = A(V, "modelValue");
+    return (r, i) => (u(), T(j, null, [
       o(xe, {
         modelValue: s.value,
-        "onUpdate:modelValue": i[0] || (i[0] = (y) => s.value = y),
+        "onUpdate:modelValue": i[0] || (i[0] = (h) => s.value = h),
         icon: "keyboard_double_arrow_left"
       }, null, 8, ["modelValue"]),
-      Te(n.$slots, "default")
+      Oe(r.$slots, "default")
     ], 64));
   }
-}), Xe = /* @__PURE__ */ Q({
+}), Xe = /* @__PURE__ */ K({
   __name: "ReportEditorTabMobile",
   props: {
     modelValue: { required: !0, default: !1 },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(k) {
-    const s = K(k, "modelValue");
-    return (n, i) => {
-      const y = v("FmTopSheet"), c = v("FmCard");
-      return u(), V(c, { class: "fixed bottom-0 w-full" }, {
+  setup(V) {
+    const s = A(V, "modelValue");
+    return (r, i) => {
+      const h = f("FmTopSheet"), c = f("FmCard");
+      return u(), k(c, { class: "fixed bottom-0 w-full" }, {
         default: m(() => [
           o(xe, {
             modelValue: s.value,
             "onUpdate:modelValue": i[0] || (i[0] = (F) => s.value = F),
             icon: "keyboard_double_arrow_up"
           }, null, 8, ["modelValue"]),
-          o(y, {
+          o(h, {
             modelValue: s.value,
             "onUpdate:modelValue": i[2] || (i[2] = (F) => s.value = F),
             "fullscreen-size": "sm"
@@ -136,7 +136,7 @@ const Ae = /* @__PURE__ */ Q({
                 "onUpdate:modelValue": i[1] || (i[1] = (F) => s.value = F),
                 icon: "keyboard_double_arrow_down"
               }, null, 8, ["modelValue"]),
-              s.value ? Te(n.$slots, "default", { key: 0 }) : G("", !0)
+              s.value ? Oe(r.$slots, "default", { key: 0 }) : J("", !0)
             ]),
             _: 3
           }, 8, ["modelValue"])
@@ -148,9 +148,9 @@ const Ae = /* @__PURE__ */ Q({
 }), Ye = {
   key: 2,
   class: "flex flex-col gap-2"
-}, Ze = /* @__PURE__ */ Q({
+}, Ze = /* @__PURE__ */ K({
   __name: "GlobalFilterDialog",
-  props: /* @__PURE__ */ A({
+  props: /* @__PURE__ */ G({
     schemas: {
       type: Array,
       default: () => []
@@ -168,67 +168,67 @@ const Ae = /* @__PURE__ */ Q({
     isOpenModifiers: {}
   }),
   emits: ["update:globalFilter", "update:isOpen"],
-  setup(k) {
-    const { t: s, te: n } = ue(), i = K(k, "globalFilter"), y = K(k, "isOpen"), c = De(), F = k, g = W(), C = W(), d = W(), D = W(), R = W([]), S = W([]), B = W(""), b = W(!1);
-    ce(y, (a) => {
-      var e, t, p, w, _, $, q;
-      a && (g.value = ((e = i.value) == null ? void 0 : e.label) || "", C.value = F.schemas.find(
+  setup(V) {
+    const { t: s, te: r } = de(), i = A(V, "globalFilter"), h = A(V, "isOpen"), c = Be(), F = V, g = I(), S = I(), d = I(), D = I(), q = I([]), $ = I([]), B = I(""), b = I(!1);
+    pe(h, (a) => {
+      var e, t, v, w, _, C, R;
+      a && (g.value = ((e = i.value) == null ? void 0 : e.label) || "", S.value = F.schemas.find(
         (P) => {
           var O;
           return P.name === ((O = i.value) == null ? void 0 : O.schemaName);
         }
-      ), d.value = (t = X.value.find(
+      ), d.value = (t = Q.value.find(
         (P) => {
           var O;
           return P.value.name === ((O = i.value) == null ? void 0 : O.name);
         }
-      )) == null ? void 0 : t.value, D.value = (p = i.value) == null ? void 0 : p.option, R.value = ((w = i.value) == null ? void 0 : w.tileIds) || [], S.value = ((_ = i.value) == null ? void 0 : _.filters) || [], b.value = !!(($ = i.value) != null && $.dataFormula), B.value = ((q = i.value) == null ? void 0 : q.dataFormula) || "");
+      )) == null ? void 0 : t.value, D.value = (v = i.value) == null ? void 0 : v.option, q.value = ((w = i.value) == null ? void 0 : w.tileIds) || [], $.value = ((_ = i.value) == null ? void 0 : _.filters) || [], b.value = !!((C = i.value) != null && C.dataFormula), B.value = ((R = i.value) == null ? void 0 : R.dataFormula) || "");
     });
     const N = U(
       () => F.schemas.map((a) => ({
         label: a.label || a.name,
         value: a
       }))
-    ), X = U(() => {
+    ), Q = U(() => {
       var a;
-      return (((a = C.value) == null ? void 0 : a.fields) || []).map((e) => ({
+      return (((a = S.value) == null ? void 0 : a.fields) || []).map((e) => ({
         label: e.label || e.name,
         value: e
       }));
-    }), I = U(() => {
+    }), W = U(() => {
       var a;
       return ((a = d.value) == null ? void 0 : a.type) !== H.Timestamp ? [] : Ee(s);
     }), E = U(() => F.tiles.reduce((a, e, t) => {
-      var _, $;
-      const p = e.widget.config.schemaNames ?? [], w = (e.widget.config.joinDatasources ?? []).flatMap(
-        (q) => q.schemaNames ?? []
+      var _, C;
+      const v = e.widget.config.schemaNames ?? [], w = (e.widget.config.joinDatasources ?? []).flatMap(
+        (R) => R.schemaNames ?? []
       );
-      return [...p, ...w].includes(((_ = C.value) == null ? void 0 : _.name) || "") && a.push({
-        label: ($ = e == null ? void 0 : e.widget.title) != null && $.trim() ? e.widget.title : `Widget ${t + 1}`,
+      return [...v, ...w].includes(((_ = S.value) == null ? void 0 : _.name) || "") && a.push({
+        label: (C = e == null ? void 0 : e.widget.title) != null && C.trim() ? e.widget.title : `Widget ${t + 1}`,
         value: e.id
       }), a;
-    }, [])), z = U(
+    }, [])), L = U(
       () => F.schemas.flatMap(
         (a) => (a.fields ?? []).map((e) => ({
           ...e,
           labels: [
-            Fe(s, n, a.label, "schema"),
-            Fe(s, n, e.label || e.name, "other")
+            Fe(s, r, a.label, "schema"),
+            Fe(s, r, e.label || e.name, "other")
           ]
         }))
       )
     );
-    function f(a) {
+    function p(a) {
       var e;
-      a.name !== ((e = C.value) == null ? void 0 : e.name) && (C.value = a, d.value = void 0);
+      a.name !== ((e = S.value) == null ? void 0 : e.name) && (S.value = a, d.value = void 0);
     }
-    function Y(a) {
-      d.value = a, D.value = a.type === H.Timestamp ? me.DateTime : void 0;
+    function X(a) {
+      d.value = a, D.value = a.type === H.Timestamp ? ce.DateTime : void 0;
     }
     function le(a, e) {
       switch (a) {
         case H.Timestamp:
-          return e === me.DateTime || e === me.TimeOfDay ? ge.Between : ge.Equal;
+          return e === ce.DateTime || e === ce.TimeOfDay ? ge.Between : ge.Equal;
         case H.Bool:
         case H.String:
         case H.Numeric:
@@ -238,7 +238,7 @@ const Ae = /* @__PURE__ */ Q({
       }
     }
     function te() {
-      if (!C.value) {
+      if (!S.value) {
         c.open({ message: "Invalid schema", type: "error" });
         return;
       }
@@ -246,7 +246,7 @@ const Ae = /* @__PURE__ */ Q({
         c.open({ message: "Invalid dimension", type: "error" });
         return;
       }
-      const a = S.value.filter((e) => e ? !N.value.some((p) => p.value.name === e.schemaName) : !0);
+      const a = $.value.filter((e) => e ? !N.value.some((v) => v.value.name === e.schemaName) : !0);
       if (a.length > 0) {
         c.open({
           message: `Invalid filter(s): ${a.filter((e) => !!e).map((e) => e.schemaName).join(
@@ -257,47 +257,47 @@ const Ae = /* @__PURE__ */ Q({
         return;
       }
       i.value = {
-        schemaName: C.value.name,
+        schemaName: S.value.name,
         name: d.value.name,
         label: g.value,
         operator: le(
           d.value.type,
-          d.value.type === H.Timestamp ? D.value ?? me.DateTime : null
+          d.value.type === H.Timestamp ? D.value ?? ce.DateTime : null
         ),
         option: d.value.type === H.Timestamp ? D.value : null,
         values: [],
-        tileIds: [...R.value],
-        filters: JSON.parse(JSON.stringify(S.value)),
+        tileIds: [...q.value],
+        filters: JSON.parse(JSON.stringify($.value)),
         dataFormula: b.value ? B.value : void 0
-      }, y.value = !1;
+      }, h.value = !1;
     }
     function oe() {
-      y.value = !1;
+      h.value = !1;
     }
     const x = U(() => {
       var a;
       return [
-        (a = C.value) == null ? void 0 : a.name,
-        ...S.value.map((e) => e.schemaName)
+        (a = S.value) == null ? void 0 : a.name,
+        ...$.value.map((e) => e.schemaName)
       ];
     });
     function M(a) {
-      var _, $, q, P;
-      const e = F.tiles.find((O) => O.id === a.value), t = (($ = (_ = e == null ? void 0 : e.widget) == null ? void 0 : _.config) == null ? void 0 : $.schemaNames) ?? [], p = (((P = (q = e == null ? void 0 : e.widget) == null ? void 0 : q.config) == null ? void 0 : P.joinDatasources) ?? []).flatMap(
+      var _, C, R, P;
+      const e = F.tiles.find((O) => O.id === a.value), t = ((C = (_ = e == null ? void 0 : e.widget) == null ? void 0 : _.config) == null ? void 0 : C.schemaNames) ?? [], v = (((P = (R = e == null ? void 0 : e.widget) == null ? void 0 : R.config) == null ? void 0 : P.joinDatasources) ?? []).flatMap(
         (O) => O.schemaNames ?? []
-      ), w = [...t, ...p];
+      ), w = [...t, ...v];
       return x.value.filter((O) => !!O).some((O) => !w.includes(O));
     }
     return (a, e) => {
-      const t = v("FmTextField"), p = v("FmSelect"), w = v("FmCheckbox"), _ = v("FmTextarea"), $ = v("FmLabel"), q = v("FmIcon"), P = v("FmTooltip"), O = v("FmForm"), re = v("FmButton"), de = v("FmDialog");
-      return u(), V(de, {
-        modelValue: y.value,
-        "onUpdate:modelValue": e[8] || (e[8] = (ae) => y.value = ae),
+      const t = f("FmTextField"), v = f("FmSelect"), w = f("FmCheckbox"), _ = f("FmTextarea"), C = f("FmLabel"), R = f("FmIcon"), P = f("FmTooltip"), O = f("FmForm"), ie = f("FmButton"), me = f("FmDialog");
+      return u(), k(me, {
+        modelValue: h.value,
+        "onUpdate:modelValue": e[8] || (e[8] = (ae) => h.value = ae),
         overlay: !0,
         "z-index": 10
       }, {
         "dialog-header": m(() => [
-          _e(J(l(s)("report.section.filter.globalFilter")), 1)
+          _e(z(l(s)("report.section.filter.globalFilter")), 1)
         ]),
         default: m(() => [
           o(O, {
@@ -309,83 +309,83 @@ const Ae = /* @__PURE__ */ Q({
               return [
                 o(t, {
                   modelValue: g.value,
-                  "onUpdate:modelValue": e[0] || (e[0] = (r) => g.value = r),
+                  "onUpdate:modelValue": e[0] || (e[0] = (n) => g.value = n),
                   placeholder: l(s)("report.section.filter.displayName"),
                   label: l(s)("report.section.filter.displayName"),
                   class: "mb-2"
                 }, null, 8, ["modelValue", "placeholder", "label"]),
-                o(Se, {
-                  "model-value": C.value,
+                o($e, {
+                  "model-value": S.value,
                   items: N.value,
                   placeholder: l(s)("report.section.schema.title"),
                   label: l(s)("report.section.schema.title"),
-                  "onUpdate:modelValue": e[1] || (e[1] = (r) => f(r))
+                  "onUpdate:modelValue": e[1] || (e[1] = (n) => p(n))
                 }, null, 8, ["model-value", "items", "placeholder", "label"]),
-                o(Se, {
+                o($e, {
                   "model-value": d.value,
-                  items: X.value,
+                  items: Q.value,
                   placeholder: l(s)("report.section.dimension.title"),
                   label: l(s)("report.section.dimension.title"),
-                  "onUpdate:modelValue": e[2] || (e[2] = (r) => Y(r))
+                  "onUpdate:modelValue": e[2] || (e[2] = (n) => X(n))
                 }, null, 8, ["model-value", "items", "placeholder", "label"]),
-                ((ae = d.value) == null ? void 0 : ae.type) === l(H).Timestamp ? (u(), V(p, {
+                ((ae = d.value) == null ? void 0 : ae.type) === l(H).Timestamp ? (u(), k(v, {
                   key: 0,
                   modelValue: D.value,
-                  "onUpdate:modelValue": e[3] || (e[3] = (r) => D.value = r),
-                  items: I.value,
+                  "onUpdate:modelValue": e[3] || (e[3] = (n) => D.value = n),
+                  items: W.value,
                   placeholder: l(s)("report.section.filter.timeFormatter"),
                   label: l(s)("report.section.filter.timeFormatter")
-                }, null, 8, ["modelValue", "items", "placeholder", "label"])) : G("", !0),
+                }, null, 8, ["modelValue", "items", "placeholder", "label"])) : J("", !0),
                 o(w, {
                   modelValue: b.value,
-                  "onUpdate:modelValue": e[4] || (e[4] = (r) => b.value = r),
+                  "onUpdate:modelValue": e[4] || (e[4] = (n) => b.value = n),
                   label: l(s)("report.section.filter.advance"),
                   value: !0
                 }, null, 8, ["modelValue", "label"]),
-                b.value ? (u(), V(_, {
+                b.value ? (u(), k(_, {
                   key: 1,
                   modelValue: B.value,
-                  "onUpdate:modelValue": e[5] || (e[5] = (r) => B.value = r),
+                  "onUpdate:modelValue": e[5] || (e[5] = (n) => B.value = n),
                   placeholder: l(s)("report.section.filter.dataFormula")
-                }, null, 8, ["modelValue", "placeholder"])) : G("", !0),
+                }, null, 8, ["modelValue", "placeholder"])) : J("", !0),
                 o(Pe, {
-                  modelValue: S.value,
-                  "onUpdate:modelValue": e[6] || (e[6] = (r) => S.value = r),
-                  options: z.value
+                  modelValue: $.value,
+                  "onUpdate:modelValue": e[6] || (e[6] = (n) => $.value = n),
+                  options: L.value
                 }, null, 8, ["modelValue", "options"]),
-                o($, { class: "mt-2 fm-typo-en-body-lg-600" }, {
+                o(C, { class: "mt-2 fm-typo-en-body-lg-600" }, {
                   default: m(() => [
-                    _e(J(l(s)("report.section.filter.applyWidget")), 1)
+                    _e(z(l(s)("report.section.filter.applyWidget")), 1)
                   ]),
                   _: 1
                 }),
-                k.tiles.length > 0 ? (u(), T("div", Ye, [
-                  (u(!0), T(j, null, ee(E.value, (r) => (u(), T("div", {
-                    key: r.value,
+                V.tiles.length > 0 ? (u(), T("div", Ye, [
+                  (u(!0), T(j, null, ee(E.value, (n) => (u(), T("div", {
+                    key: n.value,
                     class: "flex items-center"
                   }, [
                     o(w, {
-                      modelValue: R.value,
-                      "onUpdate:modelValue": e[7] || (e[7] = (Z) => R.value = Z),
-                      label: r.label,
-                      value: r.value
+                      modelValue: q.value,
+                      "onUpdate:modelValue": e[7] || (e[7] = (Y) => q.value = Y),
+                      label: n.label,
+                      value: n.value
                     }, null, 8, ["modelValue", "label", "value"]),
-                    M(r) ? (u(), V(P, {
+                    M(n) ? (u(), k(P, {
                       key: 0,
                       content: l(s)("report.section.filter.missingFilterSchema"),
                       "z-index": 99,
                       class: "ml-2"
                     }, {
                       default: m(() => [
-                        o(q, {
+                        o(R, {
                           name: "warning",
                           class: "text-fm-color-system-error-300"
                         })
                       ]),
                       _: 1
-                    }, 8, ["content"])) : G("", !0)
+                    }, 8, ["content"])) : J("", !0)
                   ]))), 128))
-                ])) : (u(), V($, {
+                ])) : (u(), k(C, {
                   key: 3,
                   class: "fm-typo-en-body-lg-400",
                   label: l(s)("report.section.filter.noWidget")
@@ -396,13 +396,13 @@ const Ae = /* @__PURE__ */ Q({
           }, 512)
         ]),
         "dialog-footer": m(() => [
-          e[9] || (e[9] = h("div", { class: "grow" }, null, -1)),
-          o(re, {
+          e[9] || (e[9] = y("div", { class: "grow" }, null, -1)),
+          o(ie, {
             label: l(s)("report.common.cancel"),
             variant: "tertiary",
             onClick: oe
           }, null, 8, ["label"]),
-          o(re, {
+          o(ie, {
             label: l(s)("report.common.confirm"),
             onClick: te
           }, null, 8, ["label"])
@@ -411,9 +411,9 @@ const Ae = /* @__PURE__ */ Q({
       }, 8, ["modelValue"]);
     };
   }
-}), el = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10" }, ll = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10" }, tl = { class: "flex items-center gap-1 max-w-[195px] w-[195px]" }, ol = { class: "line-clamp-2 overflow-hidden max-w-[195px] w-[195px]" }, al = { class: "flex flex-col gap-24" }, nl = { class: "line-clamp-2 overflow-hidden max-w-[195px] w-[195px]" }, $e = /* @__PURE__ */ Q({
+}), el = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10" }, ll = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10" }, tl = { class: "flex items-center gap-1 max-w-[195px] w-[195px]" }, ol = { class: "line-clamp-2 overflow-hidden max-w-[195px] w-[195px]" }, al = { class: "flex flex-col gap-24" }, nl = { class: "line-clamp-2 overflow-hidden max-w-[195px] w-[195px]" }, Te = /* @__PURE__ */ K({
   __name: "ReportEditorTab",
-  props: /* @__PURE__ */ A({
+  props: /* @__PURE__ */ G({
     hideConfiguration: {
       type: Boolean,
       default: !1
@@ -422,279 +422,295 @@ const Ae = /* @__PURE__ */ Q({
     modelValue: { required: !0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ A(["hideConfiguration"], ["update:modelValue"]),
-  setup(k, { emit: s }) {
-    const n = K(k, "modelValue"), { breakpoints: i } = ve(), y = k, c = s, F = Me(), g = Ue(), C = W(), {
+  emits: /* @__PURE__ */ G(["hideConfiguration"], ["update:modelValue"]),
+  setup(V, { emit: s }) {
+    const r = A(V, "modelValue"), { breakpoints: i } = fe(), h = V, c = s, F = Ue(), g = De(), S = I(), {
       currentSelectWidgetType: d,
       categories: D,
-      editingTile: R,
-      editingTileIndex: S,
+      editingTile: q,
+      editingTileIndex: $,
       editingGlobalFilter: B,
       editingGlobalFilterIndex: b
-    } = pe(Ne()), { schemas: N } = pe(He()), { globalFilters: X } = pe(je()), { promptMessage: I } = Be(), E = W(!1), z = W(!1), { t: f, te: Y } = ue(), le = W(void 0), te = U(() => {
-      const e = n.value.tiles.flatMap((t) => {
+    } = ve(Me()), { schemas: N } = ve(He()), { globalFilters: Q } = ve(je()), { promptMessage: W } = Ie(), E = I(!1), L = I(!1), { t: p, te: X } = de(), le = I(void 0), te = U(() => {
+      const e = r.value.tiles.flatMap((t) => {
         var _;
-        const p = t.widget.config.schemaNames ?? [], w = ((_ = t.widget.config.joinDatasources) == null ? void 0 : _.flatMap(($) => $.schemaNames ?? [])) ?? [];
-        return [...p, ...w];
+        const v = t.widget.config.schemaNames ?? [], w = ((_ = t.widget.config.joinDatasources) == null ? void 0 : _.flatMap((C) => C.schemaNames ?? [])) ?? [];
+        return [...v, ...w];
       });
-      return [...new Set(e)].reduce((t, p) => {
-        const w = N.value.find((_) => _.name === p);
+      return [...new Set(e)].reduce((t, v) => {
+        const w = N.value.find((_) => _.name === v);
         return w && t.push(w), t;
       }, []);
     });
     function oe(e) {
       if (!e) return "";
       const t = `report.widget.types.${e.toLowerCase()}`;
-      return Y(t) ? f(t) : Fe(f, Y, e, "other");
+      return X(t) ? p(t) : Fe(p, X, e, "other");
     }
-    ce(
+    pe(
       () => d.value,
       () => {
-        d.value !== void 0 && (le.value = Je(d.value), R.value = le.value, S.value = -1, F.push({
+        d.value !== void 0 && (le.value = ze(d.value), q.value = le.value, $.value = -1, F.push({
           name: "tileEditor",
           query: g.query
         }));
       },
       { immediate: !0 }
-    ), ce(
-      () => n.value.tiles,
+    ), pe(
+      () => r.value.tiles,
       (e) => {
         e.forEach((t) => {
-          t.id || (t.id = ie());
+          t.id || (t.id = se());
         });
       },
       { immediate: !0, deep: !0 }
     );
     const x = [
       {
-        label: f("report.common.edit"),
+        label: p("report.common.edit"),
         selected: !1,
         variant: "tertiary",
         onClick: (e) => {
-          S.value = e, R.value = JSON.parse(JSON.stringify(n.value.tiles[e])), F.push({
+          $.value = e, q.value = JSON.parse(JSON.stringify(r.value.tiles[e])), F.push({
             name: "tileEditor",
             query: g.query
           });
         }
       },
       {
-        label: f("report.common.duplicate"),
+        label: p("report.common.duplicate"),
         selected: !1,
         variant: "tertiary",
         onClick: (e) => {
           const t = {
-            ...JSON.parse(JSON.stringify(n.value.tiles[e])),
-            id: ie()
+            ...JSON.parse(JSON.stringify(r.value.tiles[e])),
+            id: se()
           };
-          n.value.tiles.push(t);
+          r.value.tiles.push(t);
         }
       },
       {
-        label: f("report.common.remove"),
+        label: p("report.common.remove"),
         selected: !1,
         variant: "destructive",
         onClick: async (e) => {
-          if (await I({
-            title: f("report.editor.deleteWidget"),
-            message: f("report.editor.deleteWidgetConfirm", {
-              title: n.value.tiles[e].widget.title
+          if (await W({
+            title: p("report.editor.deleteWidget"),
+            message: p("report.editor.deleteWidgetConfirm", {
+              title: r.value.tiles[e].widget.title
             })
           })) {
-            const p = n.value.tiles[e].id;
-            n.value.tiles.splice(e, 1), n.value.globalFilters && n.value.globalFilters.forEach((w) => {
+            const v = r.value.tiles[e].id;
+            r.value.tiles.splice(e, 1), r.value.globalFilters && r.value.globalFilters.forEach((w) => {
               var _;
-              w.tileIds = (_ = w.tileIds) == null ? void 0 : _.filter(($) => $ !== p);
+              w.tileIds = (_ = w.tileIds) == null ? void 0 : _.filter((C) => C !== v);
             });
           }
         }
       }
     ], M = [
       {
-        label: f("report.common.edit"),
+        label: p("report.common.edit"),
         selected: !1,
         variant: "tertiary",
         onClick: (e) => {
           var t;
-          b.value = e, B.value = JSON.parse(JSON.stringify((t = n.value.globalFilters) == null ? void 0 : t[e])), E.value = !0;
+          b.value = e, B.value = JSON.parse(JSON.stringify((t = r.value.globalFilters) == null ? void 0 : t[e])), E.value = !0;
         }
       },
       {
-        label: f("report.common.remove"),
+        label: p("report.common.remove"),
         selected: !1,
         variant: "destructive",
         onClick: async (e) => {
           var w, _;
-          const t = (w = n.value.globalFilters) == null ? void 0 : w[e];
+          const t = (w = r.value.globalFilters) == null ? void 0 : w[e];
           if (!t) return;
-          await I({
-            title: f("report.editor.deleteWidget"),
-            message: f("report.editor.deleteWidgetConfirm", {
+          await W({
+            title: p("report.editor.deleteWidget"),
+            message: p("report.editor.deleteWidgetConfirm", {
               title: be(t)
             })
-          }) && ((_ = n.value.globalFilters) == null || _.splice(e, 1));
+          }) && ((_ = r.value.globalFilters) == null || _.splice(e, 1));
         }
       }
     ], a = U(() => D.value.map((e) => ({
-      label: f(`report.category.${e.name}`),
+      label: p(`report.category.${e.name}`),
       value: e.id
     })));
-    return ce(
-      () => n.value.globalFilters,
+    return pe(
+      () => r.value.globalFilters,
       (e) => {
-        X.value = JSON.parse(JSON.stringify(e || []));
+        Q.value = JSON.parse(JSON.stringify(e || []));
       },
       { deep: !0, immediate: !0 }
     ), (e, t) => {
-      const p = v("FmTextField"), w = v("FmSelect"), _ = v("FmButton"), $ = v("FmIcon"), q = v("FmTooltip"), P = v("FmMenuItem"), O = v("FmMenu"), re = v("FmListItem"), de = v("FmList"), ae = v("FmForm");
-      return u(), V(Ie(l(i).lg || l(i).md ? Qe : Xe), {
-        "model-value": y.hideConfiguration,
-        "onUpdate:modelValue": t[9] || (t[9] = (r) => c("hideConfiguration", r))
+      const v = f("FmTextField"), w = f("FmSelect"), _ = f("FmButton"), C = f("FmIcon"), R = f("FmTooltip"), P = f("FmMenuItem"), O = f("FmMenu"), ie = f("FmListItem"), me = f("FmList"), ae = f("FmForm");
+      return u(), k(We(l(i).lg || l(i).md ? Qe : Xe), {
+        "model-value": h.hideConfiguration,
+        "onUpdate:modelValue": t[9] || (t[9] = (n) => c("hideConfiguration", n))
       }, {
         default: m(() => [
           o(Ze, {
             "is-open": E.value,
-            "onUpdate:isOpen": t[0] || (t[0] = (r) => E.value = r),
+            "onUpdate:isOpen": t[0] || (t[0] = (n) => E.value = n),
             "global-filter": l(B),
-            tiles: n.value.tiles,
+            tiles: r.value.tiles,
             schemas: te.value,
-            "onUpdate:globalFilter": t[1] || (t[1] = (r) => {
-              r && (n.value.globalFilters || (n.value.globalFilters = []), typeof l(b) == "number" && l(b) >= 0 ? n.value.globalFilters[l(b)] = r : n.value.globalFilters.push(r));
+            "onUpdate:globalFilter": t[1] || (t[1] = (n) => {
+              n && (r.value.globalFilters || (r.value.globalFilters = []), typeof l(b) == "number" && l(b) >= 0 ? r.value.globalFilters[l(b)] = n : r.value.globalFilters.push(n));
             })
           }, null, 8, ["is-open", "global-filter", "tiles", "schemas"]),
           o(Ae, {
             modelValue: l(d),
-            "onUpdate:modelValue": t[2] || (t[2] = (r) => Oe(d) ? d.value = r : null),
-            "is-open": z.value,
-            "onUpdate:isOpen": t[3] || (t[3] = (r) => z.value = r)
+            "onUpdate:modelValue": t[2] || (t[2] = (n) => Ne(d) ? d.value = n : null),
+            "is-open": L.value,
+            "onUpdate:isOpen": t[3] || (t[3] = (n) => L.value = n)
           }, null, 8, ["modelValue", "is-open"]),
           o(ae, {
             ref_key: "form",
-            ref: C,
+            ref: S,
             class: "px-6 py-16 flex flex-col gap-24 overflow-y-auto overflow-x-hidden"
           }, {
             default: m(() => [
-              o(ke, { class: "border-solid" }, {
+              o(Ve, { class: "border-solid" }, {
                 header: m(() => [
-                  h("p", null, J(l(f)("report.editor.reportInfo")), 1),
-                  t[10] || (t[10] = h("div", { class: "grow" }, null, -1))
+                  y("p", null, z(l(p)("report.editor.reportInfo")), 1),
+                  t[10] || (t[10] = y("div", { class: "grow" }, null, -1))
                 ]),
                 content: m(() => [
-                  h("div", el, [
-                    o(p, {
-                      modelValue: n.value.name,
-                      "onUpdate:modelValue": t[4] || (t[4] = (r) => n.value.name = r),
-                      label: l(f)("report.common.name"),
-                      placeholder: l(f)("report.common.name")
+                  y("div", el, [
+                    o(v, {
+                      modelValue: r.value.name,
+                      "onUpdate:modelValue": t[4] || (t[4] = (n) => r.value.name = n),
+                      label: l(p)("report.common.name"),
+                      placeholder: l(p)("report.common.name")
                     }, null, 8, ["modelValue", "label", "placeholder"]),
                     o(w, {
-                      modelValue: n.value.category,
-                      "onUpdate:modelValue": t[5] || (t[5] = (r) => n.value.category = r),
-                      label: l(f)("report.common.category"),
+                      modelValue: r.value.category,
+                      "onUpdate:modelValue": t[5] || (t[5] = (n) => r.value.category = n),
+                      label: l(p)("report.common.category"),
                       items: a.value
                     }, null, 8, ["modelValue", "label", "items"]),
-                    o(p, {
-                      modelValue: n.value.description,
-                      "onUpdate:modelValue": t[6] || (t[6] = (r) => n.value.description = r),
-                      label: l(f)("report.common.description"),
-                      placeholder: l(f)("report.common.description")
+                    o(v, {
+                      modelValue: r.value.description,
+                      "onUpdate:modelValue": t[6] || (t[6] = (n) => r.value.description = n),
+                      label: l(p)("report.common.description"),
+                      placeholder: l(p)("report.common.description")
                     }, null, 8, ["modelValue", "label", "placeholder"])
                   ])
                 ]),
                 _: 1
               }),
-              o(ke, {
+              o(Ve, {
                 class: "border-solid",
                 "is-open": !1
               }, {
                 header: m(() => [
-                  h("p", null, J(l(f)("report.section.filter.globalFilter")), 1),
-                  t[11] || (t[11] = h("div", { class: "grow" }, null, -1))
+                  y("p", null, z(l(p)("report.section.filter.globalFilter")), 1),
+                  t[11] || (t[11] = y("div", { class: "grow" }, null, -1))
                 ]),
                 content: m(() => [
-                  h("div", ll, [
+                  y("div", ll, [
                     o(_, {
-                      label: l(f)("report.section.filter.addGlobalFilter"),
+                      label: l(p)("report.section.filter.addGlobalFilter"),
                       variant: "secondary",
                       icon: "add",
                       "icon-position": "prepend",
-                      "border-color": l(ne).ColorPrimary,
-                      "text-color": l(ne).ColorPrimary,
+                      "border-color": l(re).ColorPrimary,
+                      "text-color": l(re).ColorPrimary,
                       onClick: t[7] || (t[7] = () => {
                         b.value = null, B.value = null, E.value = !0;
                       })
                     }, null, 8, ["label", "border-color", "text-color"]),
-                    o(de, null, {
+                    o(me, null, {
                       default: m(() => [
-                        o(l(Ve), {
-                          list: n.value.globalFilters,
+                        o(l(Ce), {
+                          list: r.value.globalFilters,
                           "item-key": "`${element.schemaName}-${element.name}`",
                           class: "flex flex-col gap-2 cursor-grab",
                           handle: ".handle"
                         }, {
-                          item: m(({ element: r, index: Z }) => [
-                            o(re, { class: "!cursor-grab border rounded-md border-neutral-300" }, {
-                              default: m(() => [
-                                o($, {
-                                  name: "drag_handle",
-                                  class: "handle"
-                                }),
-                                h("div", tl, [
-                                  o(q, {
-                                    "z-index": 99,
-                                    content: l(be)(r),
+                          item: m(({ element: n, index: Y }) => [
+                            o(ie, { class: "!cursor-grab border rounded-md border-neutral-300" }, {
+                              default: m(() => {
+                                var ne;
+                                return [
+                                  o(C, {
+                                    name: "drag_handle",
                                     class: "handle"
-                                  }, {
-                                    default: m(() => [
-                                      h("p", ol, J(l(be)(r)), 1)
-                                    ]),
-                                    _: 2
-                                  }, 1032, ["content"]),
-                                  te.value.find(
-                                    (L) => L.name === r.schemaName
-                                  ) ? G("", !0) : (u(), V(q, {
-                                    key: 0,
-                                    content: l(f)("report.section.filter.missingSchema"),
-                                    "z-index": 99
-                                  }, {
-                                    default: m(() => [
-                                      o($, {
-                                        name: "warning",
-                                        class: "text-fm-color-system-error-300"
-                                      })
-                                    ]),
-                                    _: 1
-                                  }, 8, ["content"]))
-                                ]),
-                                t[12] || (t[12] = h("div", { class: "grow" }, null, -1)),
-                                o(O, {
-                                  trigger: "click",
-                                  shift: !0,
-                                  "stop-click-propagation": !0
-                                }, {
-                                  "menu-button": m(() => [
-                                    o(_, {
-                                      "append-icon": "more_vert",
-                                      variant: "tertiary"
-                                    })
-                                  ]),
-                                  default: m(() => [
-                                    (u(), T(j, null, ee(M, (L, fe) => o(P, {
-                                      key: fe,
-                                      onClick: (We) => L.onClick(Z)
+                                  }),
+                                  y("div", tl, [
+                                    o(R, {
+                                      "z-index": 99,
+                                      content: l(be)(n),
+                                      class: "handle"
                                     }, {
-                                      label: m(() => [
-                                        h("p", {
-                                          class: se(
-                                            L.variant === "destructive" ? " text-fm-color-system-error-300" : ""
-                                          )
-                                        }, J(L.label), 3)
+                                      default: m(() => [
+                                        y("p", ol, z(l(be)(n)), 1)
                                       ]),
                                       _: 2
-                                    }, 1032, ["onClick"])), 64))
+                                    }, 1032, ["content"]),
+                                    te.value.find(
+                                      (Z) => Z.name === n.schemaName
+                                    ) ? J("", !0) : (u(), k(R, {
+                                      key: 0,
+                                      content: l(p)("report.section.filter.missingSchema"),
+                                      "z-index": 99
+                                    }, {
+                                      default: m(() => [
+                                        o(C, {
+                                          name: "warning",
+                                          class: "text-fm-color-system-error-300"
+                                        })
+                                      ]),
+                                      _: 1
+                                    }, 8, ["content"])),
+                                    (ne = n.tileIds) != null && ne.length ? J("", !0) : (u(), k(R, {
+                                      key: 1,
+                                      content: l(p)("report.section.filter.missingTileIds"),
+                                      "z-index": 99
+                                    }, {
+                                      default: m(() => [
+                                        o(C, {
+                                          name: "warning",
+                                          class: "text-fm-color-system-warning-300"
+                                        })
+                                      ]),
+                                      _: 1
+                                    }, 8, ["content"]))
                                   ]),
-                                  _: 2
-                                }, 1024)
-                              ]),
+                                  t[12] || (t[12] = y("div", { class: "grow" }, null, -1)),
+                                  o(O, {
+                                    trigger: "click",
+                                    shift: !0,
+                                    "stop-click-propagation": !0
+                                  }, {
+                                    "menu-button": m(() => [
+                                      o(_, {
+                                        "append-icon": "more_vert",
+                                        variant: "tertiary"
+                                      })
+                                    ]),
+                                    default: m(() => [
+                                      (u(), T(j, null, ee(M, (Z, ke) => o(P, {
+                                        key: ke,
+                                        onClick: (wl) => Z.onClick(Y)
+                                      }, {
+                                        label: m(() => [
+                                          y("p", {
+                                            class: ue(
+                                              Z.variant === "destructive" ? " text-fm-color-system-error-300" : ""
+                                            )
+                                          }, z(Z.label), 3)
+                                        ]),
+                                        _: 2
+                                      }, 1032, ["onClick"])), 64))
+                                    ]),
+                                    _: 2
+                                  }, 1024)
+                                ];
+                              }),
                               _: 2
                             }, 1024)
                           ]),
@@ -707,41 +723,41 @@ const Ae = /* @__PURE__ */ Q({
                 ]),
                 _: 1
               }),
-              h("div", al, [
+              y("div", al, [
                 o(_, {
-                  label: l(f)("report.editor.addWidget"),
+                  label: l(p)("report.editor.addWidget"),
                   variant: "secondary",
                   icon: "add",
                   "icon-position": "prepend",
-                  "border-color": l(ne).ColorPrimary,
-                  "text-color": l(ne).ColorPrimary,
-                  onClick: t[8] || (t[8] = (r) => z.value = !0)
+                  "border-color": l(re).ColorPrimary,
+                  "text-color": l(re).ColorPrimary,
+                  onClick: t[8] || (t[8] = (n) => L.value = !0)
                 }, null, 8, ["label", "border-color", "text-color"]),
-                o(de, null, {
+                o(me, null, {
                   default: m(() => [
-                    o(l(Ve), {
-                      list: n.value.tiles,
+                    o(l(Ce), {
+                      list: r.value.tiles,
                       "item-key": "id",
                       class: "flex flex-col gap-2 cursor-grab",
                       handle: ".handle"
                     }, {
-                      item: m(({ element: r, index: Z }) => [
-                        o(re, { class: "!cursor-grab border rounded-md border-neutral-300" }, {
+                      item: m(({ element: n, index: Y }) => [
+                        o(ie, { class: "!cursor-grab border rounded-md border-neutral-300" }, {
                           default: m(() => [
-                            o($, {
+                            o(C, {
                               name: "drag_handle",
                               class: "handle"
                             }),
-                            o(q, {
-                              content: r.widget.title ? oe(r.widget.title) : l(f)("report.editor.widget", { index: Z + 1 }),
+                            o(R, {
+                              content: n.widget.title ? oe(n.widget.title) : l(p)("report.editor.widget", { index: Y + 1 }),
                               class: "handle"
                             }, {
                               default: m(() => [
-                                h("p", nl, J(r.widget.title ? oe(r.widget.title) : l(f)("report.editor.widget", { index: Z + 1 })), 1)
+                                y("p", nl, z(n.widget.title ? oe(n.widget.title) : l(p)("report.editor.widget", { index: Y + 1 })), 1)
                               ]),
                               _: 2
                             }, 1032, ["content"]),
-                            t[13] || (t[13] = h("div", { class: "grow" }, null, -1)),
+                            t[13] || (t[13] = y("div", { class: "grow" }, null, -1)),
                             o(O, {
                               trigger: "click",
                               shift: !0,
@@ -754,16 +770,16 @@ const Ae = /* @__PURE__ */ Q({
                                 })
                               ]),
                               default: m(() => [
-                                (u(), T(j, null, ee(x, (L, fe) => o(P, {
-                                  key: fe,
-                                  onClick: (We) => L.onClick(Z)
+                                (u(), T(j, null, ee(x, (ne, Z) => o(P, {
+                                  key: Z,
+                                  onClick: (ke) => ne.onClick(Y)
                                 }, {
                                   label: m(() => [
-                                    h("p", {
-                                      class: se(
-                                        L.variant === "destructive" ? " text-fm-color-system-error-300" : ""
+                                    y("p", {
+                                      class: ue(
+                                        ne.variant === "destructive" ? " text-fm-color-system-error-300" : ""
                                       )
-                                    }, J(L.label), 3)
+                                    }, z(ne.label), 3)
                                   ]),
                                   _: 2
                                 }, 1032, ["onClick"])), 64))
@@ -804,9 +820,9 @@ const Ae = /* @__PURE__ */ Q({
 }, gl = {
   key: 0,
   class: "w-full grid grid-cols-12 gap-[24px] p-24"
-}, bl = /* @__PURE__ */ Q({
+}, bl = /* @__PURE__ */ K({
   __name: "ReportEditorViewport",
-  props: /* @__PURE__ */ A({
+  props: /* @__PURE__ */ G({
     hideConfiguration: { type: Boolean, required: !1, default: !1 },
     previewWidth: { type: Number, required: !0 },
     previewHeight: { type: Number, required: !0 },
@@ -816,137 +832,137 @@ const Ae = /* @__PURE__ */ Q({
     } },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ A(["hideConfiguration"], ["update:modelValue"]),
-  setup(k, { emit: s }) {
-    const { breakpoints: n } = ve(), i = K(k, "modelValue"), y = k, c = U(() => y.previewWidth > 0 && y.previewHeight > 0), F = U(() => n.value.sm || n.value.xs), g = s;
-    return (C, d) => {
-      const D = v("FmCircularProgress"), R = v("FmButton"), S = v("FmMenuDivider"), B = v("FmCard");
+  emits: /* @__PURE__ */ G(["hideConfiguration"], ["update:modelValue"]),
+  setup(V, { emit: s }) {
+    const { breakpoints: r } = fe(), i = A(V, "modelValue"), h = V, c = U(() => h.previewWidth > 0 && h.previewHeight > 0), F = U(() => r.value.sm || r.value.xs), g = s;
+    return (S, d) => {
+      const D = f("FmCircularProgress"), q = f("FmButton"), $ = f("FmMenuDivider"), B = f("FmCard");
       return u(), T("div", rl, [
         i.value ? (u(), T(j, { key: 1 }, [
-          c.value ? G("", !0) : (u(), V(ze, {
+          c.value ? J("", !0) : (u(), k(Je, {
             key: 0,
-            "model-value": !y.hideConfiguration
+            "model-value": !h.hideConfiguration
           }, {
             right: m(() => [
-              h("div", il, [
-                i.value ? (u(), V($e, {
+              y("div", il, [
+                i.value ? (u(), k(Te, {
                   key: 0,
                   modelValue: i.value,
                   "onUpdate:modelValue": d[0] || (d[0] = (b) => i.value = b),
-                  "hide-configuration": y.hideConfiguration,
+                  "hide-configuration": h.hideConfiguration,
                   onHideConfiguration: d[1] || (d[1] = (b) => g("hideConfiguration", b))
-                }, null, 8, ["modelValue", "hide-configuration"])) : G("", !0)
+                }, null, 8, ["modelValue", "hide-configuration"])) : J("", !0)
               ])
             ]),
             left: m(() => [
-              h("div", sl, [
-                o(R, {
+              y("div", sl, [
+                o(q, {
                   variant: "secondary",
                   icon: "keyboard_double_arrow_right",
-                  "border-color": l(ne).ColorPrimary,
-                  "text-color": l(ne).ColorPrimary,
+                  "border-color": l(re).ColorPrimary,
+                  "text-color": l(re).ColorPrimary,
                   class: "m-24 my-16",
                   size: "md",
-                  onClick: d[2] || (d[2] = (b) => g("hideConfiguration", !y.hideConfiguration))
+                  onClick: d[2] || (d[2] = (b) => g("hideConfiguration", !h.hideConfiguration))
                 }, null, 8, ["border-color", "text-color"])
               ])
             ]),
             _: 1
           }, 8, ["model-value"])),
-          o(S, {
+          o($, {
             vertical: "",
             style: { margin: "0px" }
           }),
           !F.value && !c.value ? (u(), T("div", ul, [
             i.value.tiles.length > 0 ? (u(), T("div", dl, [
-              h("div", ml, [
-                o(Ce)
+              y("div", ml, [
+                o(Se)
               ]),
-              (u(!0), T(j, null, ee(i.value.tiles, (b, N) => (u(), V(he, {
-                key: `${l(ie)()}_${N}`,
+              (u(!0), T(j, null, ee(i.value.tiles, (b, N) => (u(), k(ye, {
+                key: `${l(se)()}_${N}`,
                 "model-value": b,
                 index: N,
                 "hide-export": !0
               }, null, 8, ["model-value", "index"]))), 128))
-            ])) : (u(), V(ye, { key: 1 }))
+            ])) : (u(), k(he, { key: 1 }))
           ])) : F.value && !c.value ? (u(), T("div", cl, [
             o(B, { class: "px-5 pb-28" }, {
               default: m(() => [
                 i.value.tiles.length > 0 ? (u(), T("div", pl, [
-                  h("div", vl, [
-                    o(Ce)
+                  y("div", vl, [
+                    o(Se)
                   ]),
-                  (u(!0), T(j, null, ee(i.value.tiles, (b, N) => (u(), V(he, {
-                    key: `${l(ie)()}_${N}`,
+                  (u(!0), T(j, null, ee(i.value.tiles, (b, N) => (u(), k(ye, {
+                    key: `${l(se)()}_${N}`,
                     "model-value": b,
                     index: N,
                     "hide-export": !0
                   }, null, 8, ["model-value", "index"]))), 128))
-                ])) : (u(), V(ye, { key: 1 }))
+                ])) : (u(), k(he, { key: 1 }))
               ]),
               _: 1
             }),
-            i.value ? (u(), V($e, {
+            i.value ? (u(), k(Te, {
               key: 0,
               modelValue: i.value,
               "onUpdate:modelValue": d[3] || (d[3] = (b) => i.value = b),
-              "hide-configuration": y.hideConfiguration,
+              "hide-configuration": h.hideConfiguration,
               onHideConfiguration: d[4] || (d[4] = (b) => {
                 g("hideConfiguration", b);
               })
-            }, null, 8, ["modelValue", "hide-configuration"])) : G("", !0)
+            }, null, 8, ["modelValue", "hide-configuration"])) : J("", !0)
           ])) : (u(), T("div", fl, [
-            h("div", {
+            y("div", {
               style: we({
                 transformOrigin: "top center",
-                transform: `scale(${y.previewScale})`
+                transform: `scale(${h.previewScale})`
               })
             }, [
-              h("div", {
+              y("div", {
                 class: "overflow-y-auto bg-white rounded-lg",
                 style: we({
-                  width: y.previewWidth + "px",
-                  height: y.previewHeight + "px"
+                  width: h.previewWidth + "px",
+                  height: h.previewHeight + "px"
                 })
               }, [
                 i.value.tiles.length > 0 ? (u(), T("div", gl, [
-                  (u(!0), T(j, null, ee(i.value.tiles, (b, N) => (u(), V(he, {
-                    key: `${l(ie)()}_${N}`,
+                  (u(!0), T(j, null, ee(i.value.tiles, (b, N) => (u(), k(ye, {
+                    key: `${l(se)()}_${N}`,
                     "model-value": b,
                     index: N,
                     "hide-export": !0,
-                    "custom-screen-width": y.previewWidth
+                    "custom-screen-width": h.previewWidth
                   }, null, 8, ["model-value", "index", "custom-screen-width"]))), 128))
-                ])) : (u(), V(ye, { key: 1 }))
+                ])) : (u(), k(he, { key: 1 }))
               ], 4)
             ], 4)
           ]))
-        ], 64)) : (u(), V(D, { key: 0 }))
+        ], 64)) : (u(), k(D, { key: 0 }))
       ]);
     };
   }
-}), hl = { class: "flex items-center gap-4" }, yl = { class: "flex justify-center items-center gap-2 w-full" }, _l = { class: "flex gap-4" }, Ul = /* @__PURE__ */ Q({
+}), yl = { class: "flex items-center gap-4" }, hl = { class: "flex justify-center items-center gap-2 w-full" }, _l = { class: "flex gap-4" }, Dl = /* @__PURE__ */ K({
   __name: "ReportEditor",
-  setup(k) {
-    const s = Me(), n = Ue(), i = Ne(), { promptLoader: y } = Ge(), { t: c } = ue(), { currentReport: F, editingReport: g } = pe(i), { breakpoints: C } = ve(), d = U(() => {
+  setup(V) {
+    const s = Ue(), r = De(), i = Me(), { promptLoader: h } = Ge(), { t: c } = de(), { currentReport: F, editingReport: g } = ve(i), { breakpoints: S } = fe(), d = U(() => {
       var x;
       return !((x = g.value) != null && x.editable);
     }), D = U(() => {
       var x;
       return ((x = g.value) == null ? void 0 : x.name) ?? c("report.editor.newReport");
-    }), R = De(), { promptMessage: S } = Be(), B = W(!1);
+    }), q = Be(), { promptMessage: $ } = Ie(), B = I(!1);
     async function b() {
       if (!g.value || g.value.tiles.length === 0) {
-        R.open({ message: c("report.messages.noWidget"), type: "error" });
+        q.open({ message: c("report.messages.noWidget"), type: "error" });
         return;
       }
       const x = d.value ? c("report.common.clone") : c("report.common.save");
-      if (await S({
+      if (await $({
         title: `${c("report.messages.saveReport")}`,
         message: c("report.messages.confirmAction", { action: x, name: D.value })
       }))
         try {
-          await y(async () => {
+          await h(async () => {
             if (d.value) {
               const a = JSON.parse(JSON.stringify(g.value));
               a.editable = !0, a.id = "", a.name = `${a.name} ${c("report.common.duplicate")}`, await i.createOrUpdateReport(a);
@@ -954,11 +970,11 @@ const Ae = /* @__PURE__ */ Q({
               g.value && await i.createOrUpdateReport(g.value);
             s.push({
               name: "reportView",
-              query: n.query
+              query: r.query
             });
           });
         } catch (a) {
-          console.log(a), R.open({
+          console.log(a), q.open({
             message: c("report.messages.failedToAction", { action: x }),
             type: "error"
           });
@@ -967,7 +983,7 @@ const Ae = /* @__PURE__ */ Q({
     async function N() {
       var M;
       if (!g.value) return;
-      await S({
+      await $({
         title: c("report.common.report", 1),
         message: c("report.editor.notSaved", { name: (M = g.value) == null ? void 0 : M.name })
       }) && (g.value = JSON.parse(JSON.stringify(F.value)), s.back());
@@ -975,7 +991,7 @@ const Ae = /* @__PURE__ */ Q({
     Re(() => {
       g.value || s.push({ name: "reports" });
     });
-    const X = [
+    const Q = [
       {
         label: c("report.common.default"),
         width: void 0,
@@ -996,53 +1012,53 @@ const Ae = /* @__PURE__ */ Q({
         width: 390,
         height: 859
       }
-    ], I = W(X[0]), E = W(!1), z = U(() => E.value ? Math.max(I.value.width || 0, I.value.height || 0) : Math.min(I.value.width || 0, I.value.height || 0)), f = U(() => E.value ? Math.min(I.value.width || 0, I.value.height || 0) : Math.max(I.value.width || 0, I.value.height || 0)), Y = U(() => window.innerHeight - 72 - 56), le = U(() => {
-      if (!z.value) return 1;
-      let x = (Y.value - 48) / z.value, M = f.value * x;
-      return M > window.innerWidth && (x = window.innerWidth / f.value, M = f.value * x), x > 1 ? 1 : x;
+    ], W = I(Q[0]), E = I(!1), L = U(() => E.value ? Math.max(W.value.width || 0, W.value.height || 0) : Math.min(W.value.width || 0, W.value.height || 0)), p = U(() => E.value ? Math.min(W.value.width || 0, W.value.height || 0) : Math.max(W.value.width || 0, W.value.height || 0)), X = U(() => window.innerHeight - 72 - 56), le = U(() => {
+      if (!L.value) return 1;
+      let x = (X.value - 48) / L.value, M = p.value * x;
+      return M > window.innerWidth && (x = window.innerWidth / p.value, M = p.value * x), x > 1 ? 1 : x;
     });
     function te(x) {
-      I.value = x;
+      W.value = x;
     }
     function oe() {
       E.value = !E.value;
     }
     return (x, M) => {
-      const a = v("FmTooltip"), e = v("FmButton"), t = v("FmPageHead");
-      return u(), V(Le, null, {
+      const a = f("FmTooltip"), e = f("FmButton"), t = f("FmPageHead");
+      return u(), k(Le, null, {
         default: m(() => [
           o(t, {
             actions: [
               { label: l(c)("report.common.cancel"), value: "cancel", isPrimary: !1 },
               { label: l(c)("report.common.saveReport"), value: "save", isPrimary: !0, prependIcon: "download" }
             ],
-            "onClick:action": M[0] || (M[0] = (p) => {
-              p === "cancel" && N(), p === "save" && b();
+            "onClick:action": M[0] || (M[0] = (v) => {
+              v === "cancel" && N(), v === "save" && b();
             })
           }, {
             title: m(() => [
-              h("div", hl, [
+              y("div", yl, [
                 o(a, {
                   content: D.value,
                   placement: "bottom"
                 }, {
                   default: m(() => [
-                    h("p", {
-                      class: se(`${l(C).sm || l(C).xs ? "hidden" : ""} text-ellipsis overflow-hidden text-nowrap fm-typo-en-title-md-600 w-[250px]`)
-                    }, J(D.value), 3)
+                    y("p", {
+                      class: ue(`${l(S).sm || l(S).xs ? "hidden" : ""} text-ellipsis overflow-hidden text-nowrap fm-typo-en-title-md-600 w-[250px]`)
+                    }, z(D.value), 3)
                   ]),
                   _: 1
                 }, 8, ["content"]),
-                h("div", yl, [
-                  h("div", _l, [
-                    (u(), T(j, null, ee(X, (p) => {
+                y("div", hl, [
+                  y("div", _l, [
+                    (u(), T(j, null, ee(Q, (v) => {
                       var w;
                       return o(e, {
-                        key: p.label,
-                        label: p.label,
-                        variant: ((w = I.value) == null ? void 0 : w.label) === p.label ? "primary" : "secondary",
+                        key: v.label,
+                        label: v.label,
+                        variant: ((w = W.value) == null ? void 0 : w.label) === v.label ? "primary" : "secondary",
                         size: "md",
-                        onClick: (_) => te(p)
+                        onClick: (_) => te(v)
                       }, null, 8, ["label", "variant", "onClick"]);
                     }), 64))
                   ]),
@@ -1058,18 +1074,18 @@ const Ae = /* @__PURE__ */ Q({
             ]),
             _: 1
           }, 8, ["actions"]),
-          l(g) ? (u(), V(bl, {
+          l(g) ? (u(), k(bl, {
             key: 0,
             modelValue: l(g),
-            "onUpdate:modelValue": M[1] || (M[1] = (p) => Oe(g) ? g.value = p : null),
-            style: we({ height: Y.value + "px" }),
-            class: se(l(C).lg || l(C).md ? "flex" : ""),
+            "onUpdate:modelValue": M[1] || (M[1] = (v) => Ne(g) ? g.value = v : null),
+            style: we({ height: X.value + "px" }),
+            class: ue(l(S).lg || l(S).md ? "flex" : ""),
             "hide-configuration": B.value,
-            "preview-width": f.value,
-            "preview-height": z.value,
+            "preview-width": p.value,
+            "preview-height": L.value,
             "preview-scale": le.value,
-            onHideConfiguration: M[2] || (M[2] = (p) => B.value = p)
-          }, null, 8, ["modelValue", "style", "class", "hide-configuration", "preview-width", "preview-height", "preview-scale"])) : G("", !0)
+            onHideConfiguration: M[2] || (M[2] = (v) => B.value = v)
+          }, null, 8, ["modelValue", "style", "class", "hide-configuration", "preview-width", "preview-height", "preview-scale"])) : J("", !0)
         ]),
         _: 1
       });
@@ -1077,5 +1093,5 @@ const Ae = /* @__PURE__ */ Q({
   }
 });
 export {
-  Ul as default
+  Dl as default
 };