@feedmepos/mf-report 5.7.6 → 5.8.0-beta.0

package/dist/{NoData.vue_vue_type_script_setup_true_lang-CdFXBqlX.js → NoData.vue_vue_type_script_setup_true_lang-CAbykN6l.js}

@@ -1,5 +1,5 @@
 import { defineComponent as m, computed as s, resolveComponent as p, createElementBlock as f, openBlock as u, renderSlot as d, createVNode as _, withCtx as g, createElementVNode as o, toDisplayString as r } from "vue";
-import { u as y } from "./global-loader-CbmVhJAK.js";
+import { u as y } from "./global-loader-DKYDQRZx.js";
 const x = { class: "flex flex-col h-full" }, D = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, T = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary text-center" }, v = /* @__PURE__ */ m({
   __name: "NoData",
   props: {

package/dist/{OverviewView-Cp0quKsj.js → OverviewView-Dka3jZx6.js}

@@ -1,11 +1,11 @@
 import { defineComponent as g, computed as w, resolveComponent as k, createBlock as a, openBlock as t, withCtx as $, createVNode as d, createElementVNode as y, unref as e, normalizeStyle as C, normalizeClass as u, createElementBlock as _, Fragment as h, renderList as B } from "vue";
-import { _ as b } from "./DynamicWidget.vue_vue_type_script_setup_true_lang-DokEr03U.js";
-import { _ as F } from "./Default.vue_vue_type_script_setup_true_lang-RIJC16Ui.js";
-import { a as P } from "./v4-Cbq0RSpY.js";
+import { _ as b } from "./DynamicWidget.vue_vue_type_script_setup_true_lang-BVc7b2H4.js";
+import { _ as F } from "./Default.vue_vue_type_script_setup_true_lang-D1H_MdWO.js";
+import { a as P } from "./v4-CfR4tJai.js";
 import { storeToRefs as R } from "pinia";
-import { _ as S } from "./NoData.vue_vue_type_script_setup_true_lang-CdFXBqlX.js";
+import { _ as S } from "./NoData.vue_vue_type_script_setup_true_lang-CAbykN6l.js";
 import { useBreakpoints as V } from "@feedmepos/ui-library";
-import { _ as z } from "./MenuTab.vue_vue_type_script_setup_true_lang-nPHvtT2O.js";
+import { _ as z } from "./MenuTab.vue_vue_type_script_setup_true_lang-Bn3KCbjG.js";
 import { useI18n as D } from "@feedmepos/mf-common";
 const G = /* @__PURE__ */ g({
   __name: "OverviewView",

package/dist/{Report-DSO3L0cw.js → Report-DopMKVRe.js}

@@ -1,11 +1,11 @@
 import { defineComponent as me, ref as O, watch as W, computed as w, h as f, withModifiers as ue, resolveComponent as x, createBlock as T, openBlock as F, withCtx as i, createVNode as n, createElementVNode as y, unref as e, normalizeStyle as pe, normalizeClass as C, withDirectives as B, createElementBlock as de, Fragment as fe, renderList as ve, toDisplayString as R, createTextVNode as ye, vShow as D } from "vue";
 import { storeToRefs as X } from "pinia";
-import { a as ge } from "./v4-Cbq0RSpY.js";
-import { _ as be } from "./Default.vue_vue_type_script_setup_true_lang-RIJC16Ui.js";
+import { a as ge } from "./v4-CfR4tJai.js";
+import { _ as be } from "./Default.vue_vue_type_script_setup_true_lang-D1H_MdWO.js";
 import { u as he } from "./message-dialog-UoMWOnil.js";
-import { b as xe, f as Ce } from "./global-loader-CbmVhJAK.js";
+import { b as xe, f as Ce } from "./global-loader-DKYDQRZx.js";
 import { useSnackbar as _e, useBreakpoints as ke, components as we, FmButtonColorThemeVariant as $e } from "@feedmepos/ui-library";
-import { _ as Ie } from "./NoData.vue_vue_type_script_setup_true_lang-CdFXBqlX.js";
+import { _ as Ie } from "./NoData.vue_vue_type_script_setup_true_lang-CAbykN6l.js";
 import { useRouter as Se, useRoute as Fe, onBeforeRouteLeave as Re } from "vue-router";
 import { useI18n as Le } from "@feedmepos/mf-common";
 import { r as Z } from "./i18n-Cif1I9J2.js";

package/dist/ReportEditor-HDMGjShp.js

@@ -0,0 +1,621 @@
+import { defineComponent as N, mergeModels as q, useModel as E, ref as W, computed as S, resolveComponent as u, createBlock as b, openBlock as l, withCtx as c, createElementVNode as h, createVNode as r, unref as e, normalizeClass as K, createTextVNode as _e, toDisplayString as P, createElementBlock as C, Fragment as O, renderSlot as ue, createCommentVNode as H, watch as he, resolveDynamicComponent as ye, isRef as de, renderList as z, normalizeStyle as ne, onMounted as we } from "vue";
+import { W as be, i as xe, S as Ce, d as ke, T as Ve, _ as Fe } from "./TransitionFade-BR2i09Vy.js";
+import { a as me, v as oe } from "./v4-CfR4tJai.js";
+import { storeToRefs as ce } from "pinia";
+import { useRouter as pe, useRoute as ve } from "vue-router";
+import { useBreakpoints as X, FmButtonColorThemeVariant as Q, useSnackbar as $e } from "@feedmepos/ui-library";
+import { u as fe } from "./message-dialog-UoMWOnil.js";
+import { u as Y, f as Se } from "./global-loader-DKYDQRZx.js";
+import { _ as le } from "./DynamicWidget.vue_vue_type_script_setup_true_lang-BVc7b2H4.js";
+import { _ as re } from "./NoData.vue_vue_type_script_setup_true_lang-CAbykN6l.js";
+import { r as ie } from "./i18n-Cif1I9J2.js";
+const Me = /* @__PURE__ */ N({
+  __name: "WidgetDialog",
+  props: /* @__PURE__ */ q({
+    isOpen: { type: Boolean }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ q(["isOpen"], ["update:modelValue"]),
+  setup(y, { emit: d }) {
+    const { t: a } = Y(), { breakpoints: t } = X(), p = E(y, "modelValue"), o = y, g = d;
+    function i() {
+      g("isOpen", !1);
+    }
+    function M() {
+      s.value && (p.value = s.value, s.value = void 0, g("isOpen", !1));
+    }
+    const s = W(), T = S(() => !s.value);
+    return (B, F) => {
+      const R = u("FmButton"), m = u("FmDialog");
+      return l(), b(m, {
+        "model-value": o.isOpen
+      }, {
+        "dialog-header": c(() => [
+          _e(P(e(a)("report.widget.type")), 1)
+        ]),
+        default: c(() => [
+          r(be, {
+            modelValue: s.value,
+            "onUpdate:modelValue": F[0] || (F[0] = (n) => s.value = n),
+            class: K(`grid ${e(t).lg || e(t).md ? "grid-cols-3 gap-3" : "grid-cols-2 gap-3"}`),
+            "child-class": "p-[8px] flex flex-col"
+          }, null, 8, ["modelValue", "class"])
+        ]),
+        "dialog-footer": c(() => [
+          F[1] || (F[1] = h("div", { class: "grow" }, null, -1)),
+          r(R, {
+            label: e(a)("report.common.cancel"),
+            variant: "tertiary",
+            onClick: i
+          }, null, 8, ["label"]),
+          r(R, {
+            label: e(a)("report.common.confirm"),
+            disabled: T.value,
+            onClick: M
+          }, null, 8, ["label", "disabled"])
+        ]),
+        _: 1
+      }, 8, ["model-value"]);
+    };
+  }
+}), Te = { class: "fm-typo-en-body-lg-600" }, ae = /* @__PURE__ */ N({
+  __name: "ReportEditorTabHeader",
+  props: /* @__PURE__ */ q({
+    icon: {
+      type: String,
+      required: !0
+    }
+  }, {
+    modelValue: { type: Boolean, required: !0, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(y) {
+    const { t: d } = Y(), a = E(y, "modelValue"), t = y;
+    return (p, o) => {
+      const g = u("FmIcon");
+      return l(), C("div", {
+        class: "px-6 py-16 flex items-center gap-2 bg-fm-color-neutral-white border cursor-pointer",
+        onClick: o[0] || (o[0] = (i) => a.value = !a.value)
+      }, [
+        h("p", Te, P(e(d)("report.editor.customizeReport")), 1),
+        o[1] || (o[1] = h("div", { class: "grow" }, null, -1)),
+        r(g, {
+          name: t.icon
+        }, null, 8, ["name"])
+      ]);
+    };
+  }
+}), Re = /* @__PURE__ */ N({
+  __name: "ReportEditorTabDesktop",
+  props: {
+    modelValue: { required: !0, default: !1 },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(y) {
+    const d = E(y, "modelValue");
+    return (a, t) => (l(), C(O, null, [
+      r(ae, {
+        modelValue: d.value,
+        "onUpdate:modelValue": t[0] || (t[0] = (p) => d.value = p),
+        icon: "keyboard_double_arrow_left"
+      }, null, 8, ["modelValue"]),
+      ue(a.$slots, "default")
+    ], 64));
+  }
+}), Be = /* @__PURE__ */ N({
+  __name: "ReportEditorTabMobile",
+  props: {
+    modelValue: { required: !0, default: !1 },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(y) {
+    const d = E(y, "modelValue");
+    return (a, t) => {
+      const p = u("FmTopSheet"), o = u("FmCard");
+      return l(), b(o, { class: "fixed bottom-0 w-full" }, {
+        default: c(() => [
+          r(ae, {
+            modelValue: d.value,
+            "onUpdate:modelValue": t[0] || (t[0] = (g) => d.value = g),
+            icon: "keyboard_double_arrow_up"
+          }, null, 8, ["modelValue"]),
+          r(p, {
+            modelValue: d.value,
+            "onUpdate:modelValue": t[2] || (t[2] = (g) => d.value = g),
+            "fullscreen-size": "sm"
+          }, {
+            default: c(() => [
+              r(ae, {
+                modelValue: d.value,
+                "onUpdate:modelValue": t[1] || (t[1] = (g) => d.value = g),
+                icon: "keyboard_double_arrow_down"
+              }, null, 8, ["modelValue"]),
+              d.value ? ue(a.$slots, "default", { key: 0 }) : H("", !0)
+            ]),
+            _: 3
+          }, 8, ["modelValue"])
+        ]),
+        _: 3
+      });
+    };
+  }
+}), Oe = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10" }, We = { class: "flex flex-col gap-24" }, qe = { class: "line-clamp-2 overflow-hidden max-w-[195px] w-[195px]" }, se = /* @__PURE__ */ N({
+  __name: "ReportEditorTab",
+  props: /* @__PURE__ */ q({
+    hideConfiguration: {
+      type: Boolean,
+      default: !1
+    }
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ q(["hideConfiguration"], ["update:modelValue"]),
+  setup(y, { emit: d }) {
+    const a = E(y, "modelValue"), { breakpoints: t } = X(), p = y, o = d, g = pe(), i = ve(), M = W(), { currentSelectWidgetType: s, categories: T, editingTile: B, editingIndex: F } = ce(me()), { promptMessage: R } = fe(), m = W(!1), { t: n, te: D } = Y(), k = W(void 0);
+    he(
+      () => s.value,
+      () => {
+        s.value !== void 0 && (k.value = xe(s.value), B.value = k.value, F.value = -1, g.push({
+          name: "tileEditor",
+          query: i.query
+        }));
+      },
+      { immediate: !0 }
+    );
+    const U = [
+      {
+        label: n("report.common.edit"),
+        selected: !1,
+        variant: "tertiary",
+        onClick: (w) => {
+          F.value = w, B.value = JSON.parse(JSON.stringify(a.value.tiles[w])), g.push({
+            name: "tileEditor",
+            query: i.query
+          });
+        }
+      },
+      {
+        label: n("report.common.duplicate"),
+        selected: !1,
+        variant: "tertiary",
+        onClick: (w) => {
+          a.value.tiles.push(JSON.parse(JSON.stringify(a.value.tiles[w])));
+        }
+      },
+      {
+        label: n("report.common.remove"),
+        selected: !1,
+        variant: "destructive",
+        onClick: async (w) => {
+          await R({
+            title: n("report.editor.deleteWidget"),
+            message: n("report.editor.deleteWidgetConfirm", {
+              title: a.value.tiles[w].widget.title
+            })
+          }) && (a.value.tiles = a.value.tiles.filter((J, L) => L !== w));
+        }
+      }
+    ], I = S(() => T.value.map((w) => ({
+      label: n(`report.category.${w.name}`),
+      value: w.id
+    })));
+    return (w, v) => {
+      const J = u("FmTextField"), L = u("FmSelect"), j = u("FmButton"), f = u("FmIcon"), x = u("FmTooltip"), $ = u("FmMenuItem"), Z = u("FmMenu"), A = u("FmListItem"), ee = u("FmList"), V = u("FmForm");
+      return l(), b(ye(e(t).lg || e(t).md ? Re : Be), {
+        "model-value": p.hideConfiguration,
+        "onUpdate:modelValue": v[5] || (v[5] = (_) => o("hideConfiguration", _))
+      }, {
+        default: c(() => [
+          r(Me, {
+            modelValue: e(s),
+            "onUpdate:modelValue": v[0] || (v[0] = (_) => de(s) ? s.value = _ : null),
+            "is-open": m.value,
+            onIsOpen: v[1] || (v[1] = (_) => m.value = _)
+          }, null, 8, ["modelValue", "is-open"]),
+          r(V, {
+            ref_key: "form",
+            ref: M,
+            class: "px-6 py-16 flex flex-col gap-24 overflow-y-auto overflow-x-hidden"
+          }, {
+            default: c(() => [
+              r(Ce, { class: "border-solid" }, {
+                header: c(() => [
+                  h("p", null, P(e(n)("report.editor.reportInfo")), 1),
+                  v[6] || (v[6] = h("div", { class: "grow" }, null, -1))
+                ]),
+                content: c(() => [
+                  h("div", Oe, [
+                    r(J, {
+                      modelValue: a.value.name,
+                      "onUpdate:modelValue": v[2] || (v[2] = (_) => a.value.name = _),
+                      label: e(n)("report.editor.reportTitle"),
+                      placeholder: e(n)("report.editor.placeholder")
+                    }, null, 8, ["modelValue", "label", "placeholder"]),
+                    r(L, {
+                      modelValue: a.value.category,
+                      "onUpdate:modelValue": v[3] || (v[3] = (_) => a.value.category = _),
+                      label: e(n)("report.common.category"),
+                      items: I.value
+                    }, null, 8, ["modelValue", "label", "items"])
+                  ])
+                ]),
+                _: 1
+              }),
+              h("div", We, [
+                r(j, {
+                  label: e(n)("report.editor.addWidget"),
+                  variant: "secondary",
+                  icon: "add",
+                  "icon-position": "prepend",
+                  "border-color": e(Q).ColorPrimary,
+                  "text-color": e(Q).ColorPrimary,
+                  onClick: v[4] || (v[4] = (_) => m.value = !0)
+                }, null, 8, ["label", "border-color", "text-color"]),
+                r(ee, null, {
+                  default: c(() => [
+                    r(e(ke), {
+                      list: a.value.tiles,
+                      "item-key": "id",
+                      class: "flex flex-col gap-2 cursor-grab",
+                      handle: ".handle"
+                    }, {
+                      item: c(({ element: _, index: G }) => [
+                        r(A, { class: "!cursor-grab border rounded-md border-neutral-300" }, {
+                          default: c(() => [
+                            r(f, {
+                              name: "drag_handle",
+                              class: "handle"
+                            }),
+                            r(x, {
+                              content: _.widget.title ? e(ie)(e(n), e(D), _.widget.title, "other") : e(n)("report.editor.widget", { index: G + 1 }),
+                              class: "handle"
+                            }, {
+                              default: c(() => [
+                                h("p", qe, P(_.widget.title ? e(ie)(e(n), e(D), _.widget.title, "other") : e(n)("report.editor.widget", { index: G + 1 })), 1)
+                              ]),
+                              _: 2
+                            }, 1032, ["content"]),
+                            v[7] || (v[7] = h("div", { class: "grow" }, null, -1)),
+                            r(Z, {
+                              trigger: "click",
+                              shift: !0,
+                              "stop-click-propagation": !0
+                            }, {
+                              "menu-button": c(() => [
+                                r(j, {
+                                  "append-icon": "more_vert",
+                                  variant: "tertiary"
+                                })
+                              ]),
+                              default: c(() => [
+                                (l(), C(O, null, z(U, (te, ge) => r($, {
+                                  key: ge,
+                                  onClick: (Ke) => te.onClick(G)
+                                }, {
+                                  label: c(() => [
+                                    h("p", {
+                                      class: K(
+                                        te.variant === "destructive" ? " text-fm-color-system-error-300" : ""
+                                      )
+                                    }, P(te.label), 3)
+                                  ]),
+                                  _: 2
+                                }, 1032, ["onClick"])), 64))
+                              ]),
+                              _: 2
+                            }, 1024)
+                          ]),
+                          _: 2
+                        }, 1024)
+                      ]),
+                      _: 1
+                    }, 8, ["list"])
+                  ]),
+                  _: 1
+                })
+              ])
+            ]),
+            _: 1
+          }, 512)
+        ]),
+        _: 1
+      }, 8, ["model-value"]);
+    };
+  }
+}), Ne = { class: "h-full w-full overflow-x-hidden" }, Ue = { class: "flex flex-col bg-fm-color-neutral-white w-[400px]" }, Pe = { class: "flex bg-fm-color-neutral-white w-[88px]" }, He = {
+  key: 1,
+  class: "w-full overflow-y-auto"
+}, Ee = {
+  key: 0,
+  class: "w-full grid grid-cols-12 gap-[24px] p-24"
+}, De = { key: 2 }, Ie = {
+  key: 0,
+  class: "grid grid-cols-12 gap-[16px]"
+}, Le = {
+  key: 3,
+  class: "h-full w-full flex items-start justify-center bg-fm-color-neutral-white py-24",
+  style: { backgroundColor: "#F6F8FC" }
+}, ze = {
+  key: 0,
+  class: "w-full grid grid-cols-12 gap-[24px] p-24"
+}, Je = /* @__PURE__ */ N({
+  __name: "ReportEditorViewport",
+  props: /* @__PURE__ */ q({
+    hideConfiguration: { type: Boolean, required: !1, default: !1 },
+    previewWidth: { type: Number, required: !0 },
+    previewHeight: { type: Number, required: !0 },
+    previewScale: { type: Number, required: !0 }
+  }, {
+    modelValue: { required: !0, default: () => {
+    } },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ q(["hideConfiguration"], ["update:modelValue"]),
+  setup(y, { emit: d }) {
+    const { breakpoints: a } = X(), t = E(y, "modelValue"), p = y, o = S(() => p.previewWidth > 0 && p.previewHeight > 0), g = S(() => a.value.sm || a.value.xs), i = d;
+    return (M, s) => {
+      const T = u("FmCircularProgress"), B = u("FmButton"), F = u("FmMenuDivider"), R = u("FmCard");
+      return l(), C("div", Ne, [
+        t.value ? (l(), C(O, { key: 1 }, [
+          o.value ? H("", !0) : (l(), b(Ve, {
+            key: 0,
+            "model-value": !p.hideConfiguration
+          }, {
+            right: c(() => [
+              h("div", Ue, [
+                t.value ? (l(), b(se, {
+                  key: 0,
+                  modelValue: t.value,
+                  "onUpdate:modelValue": s[0] || (s[0] = (m) => t.value = m),
+                  "hide-configuration": p.hideConfiguration,
+                  onHideConfiguration: s[1] || (s[1] = (m) => i("hideConfiguration", m))
+                }, null, 8, ["modelValue", "hide-configuration"])) : H("", !0)
+              ])
+            ]),
+            left: c(() => [
+              h("div", Pe, [
+                r(B, {
+                  variant: "secondary",
+                  icon: "keyboard_double_arrow_right",
+                  "border-color": e(Q).ColorPrimary,
+                  "text-color": e(Q).ColorPrimary,
+                  class: "m-24 my-16",
+                  size: "md",
+                  onClick: s[2] || (s[2] = (m) => i("hideConfiguration", !p.hideConfiguration))
+                }, null, 8, ["border-color", "text-color"])
+              ])
+            ]),
+            _: 1
+          }, 8, ["model-value"])),
+          r(F, {
+            vertical: "",
+            style: { margin: "0px" }
+          }),
+          !g.value && !o.value ? (l(), C("div", He, [
+            t.value.tiles.length > 0 ? (l(), C("div", Ee, [
+              (l(!0), C(O, null, z(t.value.tiles, (m, n) => (l(), b(le, {
+                key: `${e(oe)()}_${n}`,
+                "model-value": m,
+                index: n,
+                "hide-export": !0
+              }, null, 8, ["model-value", "index"]))), 128))
+            ])) : (l(), b(re, { key: 1 }))
+          ])) : g.value && !o.value ? (l(), C("div", De, [
+            r(R, { class: "px-5 pb-28" }, {
+              default: c(() => [
+                t.value.tiles.length > 0 ? (l(), C("div", Ie, [
+                  (l(!0), C(O, null, z(t.value.tiles, (m, n) => (l(), b(le, {
+                    key: `${e(oe)()}_${n}`,
+                    "model-value": m,
+                    index: n,
+                    "hide-export": !0
+                  }, null, 8, ["model-value", "index"]))), 128))
+                ])) : (l(), b(re, { key: 1 }))
+              ]),
+              _: 1
+            }),
+            t.value ? (l(), b(se, {
+              key: 0,
+              modelValue: t.value,
+              "onUpdate:modelValue": s[3] || (s[3] = (m) => t.value = m),
+              "hide-configuration": p.hideConfiguration,
+              onHideConfiguration: s[4] || (s[4] = (m) => {
+                i("hideConfiguration", m);
+              })
+            }, null, 8, ["modelValue", "hide-configuration"])) : H("", !0)
+          ])) : (l(), C("div", Le, [
+            h("div", {
+              style: ne({
+                transformOrigin: "top center",
+                transform: `scale(${p.previewScale})`
+              })
+            }, [
+              h("div", {
+                class: "overflow-y-auto bg-white rounded-lg",
+                style: ne({
+                  width: p.previewWidth + "px",
+                  height: p.previewHeight + "px"
+                })
+              }, [
+                t.value.tiles.length > 0 ? (l(), C("div", ze, [
+                  (l(!0), C(O, null, z(t.value.tiles, (m, n) => (l(), b(le, {
+                    key: `${e(oe)()}_${n}`,
+                    "model-value": m,
+                    index: n,
+                    "hide-export": !0,
+                    "custom-screen-width": p.previewWidth
+                  }, null, 8, ["model-value", "index", "custom-screen-width"]))), 128))
+                ])) : (l(), b(re, { key: 1 }))
+              ], 4)
+            ], 4)
+          ]))
+        ], 64)) : (l(), b(T, { key: 0 }))
+      ]);
+    };
+  }
+}), je = { class: "flex items-center gap-4" }, Ae = { class: "flex justify-center items-center gap-2 w-full" }, Ge = { class: "flex gap-4" }, it = /* @__PURE__ */ N({
+  __name: "ReportEditor",
+  setup(y) {
+    const d = pe(), a = ve(), t = me(), { promptLoader: p } = Se(), { t: o } = Y(), { currentReport: g, editingReport: i } = ce(t), { breakpoints: M } = X(), s = S(() => {
+      var f;
+      return !((f = i.value) != null && f.editable);
+    }), T = S(() => {
+      var f;
+      return ((f = i.value) == null ? void 0 : f.name) ?? o("report.editor.newReport");
+    }), B = $e(), { promptMessage: F } = fe(), R = W(!1);
+    async function m() {
+      if (!i.value || i.value.tiles.length === 0) {
+        B.open({ message: o("report.messages.noWidget"), type: "error" });
+        return;
+      }
+      const f = s.value ? o("report.common.clone") : o("report.common.save");
+      if (await F({
+        title: `${o("report.messages.saveReport")}`,
+        message: o("report.messages.confirmAction", { action: f, name: T.value })
+      }))
+        try {
+          await p(async () => {
+            if (s.value) {
+              const $ = JSON.parse(JSON.stringify(i.value));
+              $.editable = !0, $.id = "", $.name = `${$.name} ${o("report.common.duplicate")}`, await t.createOrUpdateReport($);
+            } else
+              i.value && await t.createOrUpdateReport(i.value);
+            d.push({
+              name: "reportView",
+              query: a.query
+            });
+          });
+        } catch ($) {
+          console.log($), B.open({
+            message: o("report.messages.failedToAction", { action: f }),
+            type: "error"
+          });
+        }
+    }
+    async function n() {
+      var x;
+      if (!i.value) return;
+      await F({
+        title: o("report.common.report", 1),
+        message: o("report.editor.notSaved", { name: (x = i.value) == null ? void 0 : x.name })
+      }) && (i.value = JSON.parse(JSON.stringify(g.value)), d.back());
+    }
+    we(() => {
+      i.value || d.push({ name: "reports" });
+    });
+    const D = [
+      {
+        label: o("report.common.default"),
+        width: void 0,
+        height: void 0
+      },
+      {
+        label: o("report.editor.devices.desktop"),
+        width: 1920,
+        height: 1080
+      },
+      {
+        label: o("report.editor.devices.tablet"),
+        width: 820,
+        height: 1180
+      },
+      {
+        label: o("report.editor.devices.phone"),
+        width: 390,
+        height: 859
+      }
+    ], k = W(D[0]), U = W(!1), I = S(() => U.value ? Math.max(k.value.width || 0, k.value.height || 0) : Math.min(k.value.width || 0, k.value.height || 0)), w = S(() => U.value ? Math.min(k.value.width || 0, k.value.height || 0) : Math.max(k.value.width || 0, k.value.height || 0)), v = S(() => window.innerHeight - 72 - 56), J = S(() => {
+      if (!I.value) return 1;
+      let f = (v.value - 48) / I.value, x = w.value * f;
+      return x > window.innerWidth && (f = window.innerWidth / w.value, x = w.value * f), f > 1 ? 1 : f;
+    });
+    function L(f) {
+      k.value = f;
+    }
+    function j() {
+      U.value = !U.value;
+    }
+    return (f, x) => {
+      const $ = u("FmTooltip"), Z = u("FmChip"), A = u("FmButton"), ee = u("FmPageHead");
+      return l(), b(Fe, null, {
+        default: c(() => [
+          r(ee, {
+            actions: [
+              { label: e(o)("report.common.cancel"), value: "cancel", isPrimary: !1 },
+              { label: "Save Report", value: "save", isPrimary: !0, prependIcon: "download" }
+            ],
+            "onClick:action": x[0] || (x[0] = (V) => {
+              V === "cancel" && n(), V === "save" && m();
+            })
+          }, {
+            title: c(() => [
+              h("div", je, [
+                r($, {
+                  content: T.value,
+                  placement: "bottom"
+                }, {
+                  default: c(() => [
+                    h("p", {
+                      class: K(`${e(M).sm || e(M).xs ? "hidden" : ""} text-ellipsis overflow-hidden text-nowrap fm-typo-en-title-md-600 max-w-[250px]`)
+                    }, P(T.value), 3)
+                  ]),
+                  _: 1
+                }, 8, ["content"]),
+                !e(i) || e(i).tiles.length <= 0 ? (l(), b(Z, {
+                  key: 0,
+                  label: e(o)("report.editor.draft"),
+                  icon: "hexagon",
+                  selectable: !1
+                }, null, 8, ["label"])) : H("", !0),
+                h("div", Ae, [
+                  h("div", Ge, [
+                    (l(), C(O, null, z(D, (V) => {
+                      var _;
+                      return r(A, {
+                        key: V.label,
+                        label: V.label,
+                        variant: ((_ = k.value) == null ? void 0 : _.label) === V.label ? "primary" : "secondary",
+                        size: "md",
+                        onClick: (G) => L(V)
+                      }, null, 8, ["label", "variant", "onClick"]);
+                    }), 64))
+                  ]),
+                  r(A, {
+                    icon: "screen_rotation",
+                    variant: "tertiary",
+                    size: "md",
+                    class: "text-fm-color-typo-primary",
+                    onClick: j
+                  })
+                ])
+              ])
+            ]),
+            _: 1
+          }, 8, ["actions"]),
+          e(i) ? (l(), b(Je, {
+            key: 0,
+            modelValue: e(i),
+            "onUpdate:modelValue": x[1] || (x[1] = (V) => de(i) ? i.value = V : null),
+            style: ne({ height: v.value + "px" }),
+            class: K(e(M).lg || e(M).md ? "flex" : ""),
+            "hide-configuration": R.value,
+            "preview-width": w.value,
+            "preview-height": I.value,
+            "preview-scale": J.value,
+            onHideConfiguration: x[2] || (x[2] = (V) => R.value = V)
+          }, null, 8, ["modelValue", "style", "class", "hide-configuration", "preview-width", "preview-height", "preview-scale"])) : H("", !0)
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  it as default
+};