@feedmepos/mf-report 5.8.2-beta.0 → 5.9.0-beta.0

package/dist/ReportEditor-DkdI7ZmZ.js

@@ -1,621 +0,0 @@
-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-4Zow9tAu.js";
-import { a as me, v as oe } from "./v4-CLzZSDqm.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-BQlMgPFO.js";
-import { _ as le } from "./DynamicWidget.vue_vue_type_script_setup_true_lang-DW-6QTKl.js";
-import { _ as re } from "./NoData.vue_vue_type_script_setup_true_lang-C10GhV_H.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
-};