@feedmepos/mf-report 5.19.30-beta.0 → 5.20.0-beta.0

package/dist/ReportView-C6-SKiiL.js

@@ -0,0 +1,194 @@
+import { defineComponent as H, computed as g, resolveComponent as M, createBlock as y, openBlock as u, withCtx as Y, createVNode as R, createElementVNode as O, unref as r, normalizeStyle as G, normalizeClass as $, createElementBlock as D, Fragment as Q, renderList as U } from "vue";
+import { _ as W } from "./MenuTab.vue_vue_type_script_setup_true_lang-Bs-m2m-I.js";
+import { _ as K } from "./FilterSelector.vue_vue_type_script_setup_true_lang-CutuEMyo.js";
+import { useRouter as X, useRoute as Z } from "vue-router";
+import { _ as ee } from "./Default.vue_vue_type_script_setup_true_lang-BdqhFB8u.js";
+import { a as oe } from "./BaseDialog.vue_vue_type_script_setup_true_lang-B_DRp5Jk.js";
+import { storeToRefs as v } from "pinia";
+import { b as te, c as re, u as ae } from "./NavigationTab.vue_vue_type_script_setup_true_lang-DvIiZm-J.js";
+import { _ as le } from "./NoData.vue_vue_type_script_setup_true_lang-CtN7oqXx.js";
+import { useSnackbar as se, useBreakpoints as ne } from "@feedmepos/ui-library";
+import { u as ie, f as ue, e as ce } from "./vue-i18n-BJW_sJot.js";
+import { u as pe } from "./message-dialog-UoMWOnil.js";
+import { r as me } from "./i18n-DQxDgiLO.js";
+const de = { class: "sticky top-0 z-10 bg-white" }, $e = /* @__PURE__ */ H({
+  __name: "ReportView",
+  setup(ve) {
+    const { t: e, te: E } = ie(), f = X(), c = Z(), i = se(), { promptMessage: P } = pe(), p = oe(), b = te(), { promptLoader: _ } = ue(), { breakpoints: n } = ne(), {
+      currentReport: t,
+      overviewReport: I,
+      currentReportId: m,
+      isOpenDownloadDialog: J,
+      isOpenEmailDialog: N,
+      editingReport: q,
+      canCreateCustomReport: A,
+      customReportQuota: w
+    } = v(p), { isOpenAccountingDialog: B } = v(re()), { isOpenScheduleDialog: k } = v(ae()), { disabled: L } = v(ce()), T = g(() => {
+      var s;
+      const a = m.value === ((s = I.value) == null ? void 0 : s.id), o = [
+        {
+          icon: "mail",
+          label: e("report.common.emailSchedule"),
+          onClick: () => {
+            k.value = !0;
+          }
+        },
+        {
+          icon: "article",
+          label: e(a ? "report.common.unsetAsOverview" : "report.common.setAsOverview"),
+          onClick: async () => {
+            await _(async () => {
+              if (t.value)
+                try {
+                  await p.updateDefaultReport(a ? null : t.value.id), i.open({
+                    message: `Successfully ${a ? "unset" : "set"} ${t.value.name} as Overview`,
+                    type: "success"
+                  });
+                } catch (d) {
+                  i.open({ message: JSON.stringify(d), type: "error" });
+                }
+            });
+          }
+        },
+        {
+          icon: "content_copy",
+          label: e("report.common.copyID"),
+          onClick: () => {
+            t.value && (navigator.clipboard.writeText(m.value), i.open({ message: e("report.messages.copiedReportIdToClipboard"), type: "success" }));
+          }
+        },
+        {
+          icon: "report_jobs",
+          label: e("report.common.reportStatus"),
+          onClick: () => {
+            C();
+          }
+        }
+      ];
+      return L.value || o.splice(1, 0, {
+        icon: "download",
+        label: e("report.common.accountingExport"),
+        onClick: S
+      }), o;
+    });
+    async function C() {
+      b.isOpenJobDialog = !0, await b.getJobs();
+    }
+    function j() {
+      q.value = JSON.parse(JSON.stringify(t.value)), f.push({
+        name: "reportEditor",
+        query: c.query
+      });
+    }
+    async function F() {
+      if (!A.value) {
+        let o = `Your current plan only support up to ${w.value} custom reports.`;
+        w.value === 0 && (o = "Your current plan does not support custom report."), i.open({
+          message: o,
+          type: "error"
+        });
+        return;
+      }
+      if (!t.value) {
+        i.open({ message: "No Widget", type: "error" });
+        return;
+      }
+      if (await P({
+        title: `${e("report.messages.saveReport")}`,
+        message: e("report.messages.confirmAction", {
+          action: e("report.common.duplicate"),
+          name: t.value.name
+        })
+      }) && t.value) {
+        const o = JSON.parse(JSON.stringify(t.value));
+        o.editable = !0, o.id = "", o.name = `${o.name} duplicate`;
+        try {
+          await _(async () => {
+            const s = await p.createOrUpdateReport(o);
+            p.updateCurrentReportId(s.id), f.push({
+              name: "reportView",
+              params: c.params,
+              query: c.query
+            });
+          });
+        } catch (s) {
+          console.log(s), i.open({ message: "Failed to clone report", type: "error" });
+        }
+      }
+    }
+    function S() {
+      B.value = !0;
+    }
+    function V() {
+      t.value && (navigator.clipboard.writeText(m.value), i.open({ message: "Copied report ID to clipboard", type: "success" }));
+    }
+    const x = g(() => t.value ? t.value.tiles : []), z = g(() => {
+      var o;
+      let a = [
+        (o = t == null ? void 0 : t.value) != null && o.editable ? { label: e("report.common.edit"), value: "edit", isPrimary: !1 } : {
+          label: e("report.common.duplicate"),
+          value: "duplicate",
+          isPrimary: !1
+        },
+        {
+          label: e("report.common.download"),
+          value: "download",
+          isPrimary: !0,
+          prependIcon: "download"
+        },
+        { label: e("report.schedule.sendEmail"), value: "email", isPrimary: !0 }
+      ];
+      return n.value.xs && (a = [
+        ...a,
+        { label: e("report.schedule.sendEmail"), value: "email", isPrimary: !1 },
+        { label: e("report.common.reportStatus"), value: "report_jobs", isPrimary: !1 },
+        { label: e("report.schedule.sendEmail"), value: "schedule_email", isPrimary: !1 },
+        { label: e("report.common.accountingExport"), value: "export", isPrimary: !1 },
+        { label: e("report.common.copyID"), value: "content_copy", isPrimary: !1 }
+      ], a = a.filter((s) => s.value !== "edit")), a;
+    });
+    return (a, o) => {
+      const s = M("FmPageHead");
+      return u(), y(ee, null, {
+        default: Y(() => {
+          var d;
+          return [
+            R(s, {
+              title: r(me)(r(e), r(E), (d = r(t)) == null ? void 0 : d.name, "other"),
+              "back-button": !0,
+              actions: z.value,
+              "onClick:back": o[0] || (o[0] = (l) => r(f).push({ name: "reports", query: r(c).query })),
+              "onClick:action": o[1] || (o[1] = (l) => {
+                l === "duplicate" && F(), l === "download" && (J.value = !0), l === "email" && (N.value = !0), l === "edit" && j(), l === "schedule_email" && (k.value = !0), l === "content_copy" && V(), l === "export" && S(), l === "report_jobs" && C();
+              })
+            }, null, 8, ["title", "actions"]),
+            O("div", {
+              class: $(`flex flex-col overflow-y-auto ${r(n).xs || r(n).sm ? "pb-20" : ""}`),
+              style: G({ height: `calc(100% - ${r(n).lg || r(n).md ? 72 : 64}px)` })
+            }, [
+              O("div", de, [
+                R(W, {
+                  "model-value": r(n).lg || r(n).md ? T.value : []
+                }, null, 8, ["model-value"])
+              ]),
+              r(t) && x.value.length > 0 ? (u(), D("div", {
+                key: 0,
+                class: $(["grid grid-cols-12", r(n).sm || r(n).xs ? "px-3 gap-[16px]" : "px-24 gap-[24px]"])
+              }, [
+                (u(!0), D(Q, null, U(x.value, (l, h) => (u(), y(K, {
+                  key: `widget_${r(m)}_${h}`,
+                  "model-value": l,
+                  index: h
+                }, null, 8, ["model-value", "index"]))), 128))
+              ], 2)) : (u(), y(le, { key: 1 }))
+            ], 6)
+          ];
+        }),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  $e as default
+};

package/dist/{Setting-Cn7ZHArF.js → Setting-DsU_Tn9Y.js}

@@ -1,8 +1,8 @@
 import { defineComponent as B, ref as H, useModel as J, resolveComponent as h, createElementBlock as k, openBlock as x, createBlock as P, createElementVNode as t, resolveDynamicComponent as ne, unref as e, withCtx as y, createVNode as a, normalizeClass as O, toDisplayString as s, Fragment as K, renderList as Q, withDirectives as M, createTextVNode as ie, vShow as j, watch as me, normalizeStyle as ue } from "vue";
-import { _ as de } from "./Default.vue_vue_type_script_setup_true_lang-BLpaR5va.js";
+import { _ as de } from "./Default.vue_vue_type_script_setup_true_lang-BdqhFB8u.js";
 import { u as U, d as z, C as I, D as pe, b as ce } from "./vue-i18n-BJW_sJot.js";
 import { components as A, useSnackbar as W, useBreakpoints as X, FmButtonColorThemeVariant as G } from "@feedmepos/ui-library";
-import { t as N, s as fe } from "./BaseDialog.vue_vue_type_script_setup_true_lang-CYBD2WwJ.js";
+import { t as N, s as fe } from "./BaseDialog.vue_vue_type_script_setup_true_lang-B_DRp5Jk.js";
 import { u as ve } from "./message-dialog-UoMWOnil.js";
 import { detectLocale as F } from "@feedmepos/mf-common";
 import { _ as Y } from "./SelectComponent.vue_vue_type_script_setup_true_lang-BcQEW5MO.js";

package/dist/{TileEditor-BP3HHjvK.js → TileEditor-CryYSc8X.js}

@@ -1,14 +1,14 @@
 import { defineComponent as X, mergeModels as G, useModel as le, computed as _, ref as q, resolveComponent as x, createElementBlock as I, openBlock as h, createVNode as u, createElementVNode as C, unref as l, withCtx as $, toDisplayString as j, Fragment as ee, renderList as de, withModifiers as ae, createTextVNode as me, watch as se, createCommentVNode as U, createBlock as T, onMounted as ke, onUnmounted as Xe, renderSlot as Ne, onBeforeUnmount as We, resolveDynamicComponent as Oe, normalizeClass as Ie, withDirectives as te, vShow as ne, normalizeStyle as qe, isRef as He } from "vue";
 import { useRoute as Ye, useRouter as Ee } from "vue-router";
-import { h as Je, d as _e, S as we, _ as Ge, W as Ke, b as Qe, T as Ze, a as el } from "./TransitionFade-B2Bg3oRF.js";
-import { W as B, b as Be, d as pe, D as ll, S as Te, C as ol, P as Ue, a as al } from "./BaseDialog.vue_vue_type_script_setup_true_lang-CYBD2WwJ.js";
+import { h as Je, d as _e, S as we, _ as Ge, W as Ke, b as Qe, T as Ze, a as el } from "./TransitionFade-CZ_9hsfO.js";
+import { W as B, b as Be, d as pe, D as ll, S as Te, C as ol, P as Ue, a as al } from "./BaseDialog.vue_vue_type_script_setup_true_lang-B_DRp5Jk.js";
 import { storeToRefs as ue } from "pinia";
 import { u as Le } from "./message-dialog-UoMWOnil.js";
 import { u as Y, h as je, p as tl, b as Re, d as ce } from "./vue-i18n-BJW_sJot.js";
 import { useSnackbar as nl, useBreakpoints as Me, FmButtonColorThemeVariant as ve } from "@feedmepos/ui-library";
 import { _ as Q } from "./SelectComponent.vue_vue_type_script_setup_true_lang-BcQEW5MO.js";
 import { r as Z } from "./i18n-DQxDgiLO.js";
-import { g as fe, u as ge, L as ie, b as Ve, _ as ze, a as il } from "./FilterSelector.vue_vue_type_script_setup_true_lang-C1KHdQQJ.js";
+import { g as fe, u as ge, L as ie, b as Ve, _ as ze, a as il } from "./FilterSelector.vue_vue_type_script_setup_true_lang-CutuEMyo.js";
 import { d as be } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-BeBr4VIF.js";
 import { _ as Pe } from "./NoData.vue_vue_type_script_setup_true_lang-CtN7oqXx.js";
 const he = [

package/dist/{TransitionFade-B2Bg3oRF.js → TransitionFade-CZ_9hsfO.js}

@@ -3,9 +3,9 @@ import { u as Nt, f as Nn, p as Pn, d as pt, j as on, h as Vn } from "./vue-i18n
 import { useCoreStore as Mn } from "@feedmepos/mf-common";
 import { storeToRefs as Ln } from "pinia";
 import { useRoute as $n } from "vue-router";
-import { W as L, c as Ce, d as Bn } from "./BaseDialog.vue_vue_type_script_setup_true_lang-CYBD2WwJ.js";
+import { W as L, c as Ce, d as Bn } from "./BaseDialog.vue_vue_type_script_setup_true_lang-B_DRp5Jk.js";
 import { a as Pt, _ as Xt } from "./SelectComponent.vue_vue_type_script_setup_true_lang-BcQEW5MO.js";
-import { R as Rn, I as Le, c as rn, d as an, e as Xn } from "./FilterSelector.vue_vue_type_script_setup_true_lang-C1KHdQQJ.js";
+import { R as Rn, I as Le, c as rn, d as an, e as Xn } from "./FilterSelector.vue_vue_type_script_setup_true_lang-CutuEMyo.js";
 import { useSnackbar as Yn } from "@feedmepos/ui-library";
 import { d as Wn } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-BeBr4VIF.js";
 const Un = {

package/dist/app.js

@@ -31,6 +31,8 @@ const a = {
     download: "Download",
     custom: "Custom",
     emailSchedule: "@:report.common.email schedule",
+    setAsOverview: "Set as Overview",
+    unsetAsOverview: "Unset as Overview",
     export: "Export",
     copyID: "Copy ID",
     accountingExport: "Accounting export",
@@ -1309,6 +1311,8 @@ const a = {
     download: "下载",
     custom: "自定义",
     emailSchedule: "@:{'report.common.email'}计划",
+    setAsOverview: "设为概览",
+    unsetAsOverview: "取消概览设置",
     export: "导出",
     copyID: "复制ID",
     accountingExport: "会计导出",
@@ -2585,6 +2589,8 @@ const a = {
     download: "ดาวน์โหลด",
     custom: "กำหนดเอง",
     emailSchedule: "@:report.common.email schedule",
+    setAsOverview: "ตั้งเป็นภาพรวม",
+    unsetAsOverview: "ยกเลิกการตั้งเป็นภาพรวม",
     export: "ส่งออก",
     copyID: "คัดลอก ID",
     accountingExport: "ส่งออกบัญชี",
@@ -3862,6 +3868,8 @@ const a = {
     download: "下載",
     custom: "自定義",
     emailSchedule: "@:{'report.common.email'}計劃",
+    setAsOverview: "設為概覽",
+    unsetAsOverview: "取消概覽設置",
     export: "導出",
     copyID: "複製ID",
     accountingExport: "會計導出",
@@ -5102,41 +5110,41 @@ const a = {
     path: "/overview",
     alias: ["/"],
     name: "overview",
-    component: () => import("./OverviewView-CNCOg7uB.js")
+    component: () => import("./OverviewView-ByPB0h3-.js")
   },
   {
     path: "/report",
     name: "reports",
-    component: () => import("./Report-Bii8vfvw.js")
+    component: () => import("./Report-BB76YTf7.js")
   },
   {
     path: "/insights",
     name: "insights",
-    component: () => import("./InsightView-CZ9UrUHm.js")
+    component: () => import("./InsightView-DT-uBPVt.js")
   },
   {
     path: "/report-view",
     name: "reportView",
-    component: () => import("./ReportView-D_beb2er.js")
+    component: () => import("./ReportView-C6-SKiiL.js")
   },
   {
     path: "/report-editor",
     name: "reportEditor",
-    component: () => import("./ReportEditor-CwN1k2Cb.js")
+    component: () => import("./ReportEditor-BzIQcu_6.js")
   },
   {
     path: "/report-editor/tile-editor",
     name: "tileEditor",
-    component: () => import("./TileEditor-BP3HHjvK.js")
+    component: () => import("./TileEditor-CryYSc8X.js")
   },
   {
     path: "/setting",
     name: "setting",
-    component: () => import("./Setting-Cn7ZHArF.js")
+    component: () => import("./Setting-DsU_Tn9Y.js")
   },
   {
     path: "/integration",
-    component: () => import("./Layout-DmQngDnf.js"),
+    component: () => import("./Layout-B_Ac7nYA.js"),
     children: [
       {
         name: "integrations",
@@ -5170,7 +5178,7 @@ const u = {
   "zh-CN": m,
   "th-TH": c,
   "zh-Hant": p
-}, h = e(() => import("./App-XEjh_Xrl.js"));
+}, h = e(() => import("./App-BdDt90_S.js"));
 export {
   h as FmApp,
   u as i18nMessages,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@feedmepos/mf-report",
-  "version": "5.19.30-beta.0",
+  "version": "5.20.0-beta.0",
   "files": [
     "dist"
   ],

package/dist/ReportView-D_beb2er.js

@@ -1,194 +0,0 @@
-import { defineComponent as z, computed as v, resolveComponent as H, createBlock as g, openBlock as u, withCtx as M, createVNode as h, createElementVNode as R, unref as t, normalizeStyle as Y, normalizeClass as D, createElementBlock as $, Fragment as G, renderList as Q } from "vue";
-import { _ as U } from "./MenuTab.vue_vue_type_script_setup_true_lang-DAXaI1gI.js";
-import { _ as W } from "./FilterSelector.vue_vue_type_script_setup_true_lang-C1KHdQQJ.js";
-import { useRouter as K, useRoute as X } from "vue-router";
-import { _ as Z } from "./Default.vue_vue_type_script_setup_true_lang-BLpaR5va.js";
-import { a as ee } from "./BaseDialog.vue_vue_type_script_setup_true_lang-CYBD2WwJ.js";
-import { storeToRefs as p } from "pinia";
-import { b as oe, c as te, u as re } from "./NavigationTab.vue_vue_type_script_setup_true_lang-DQwgX6st.js";
-import { _ as ae } from "./NoData.vue_vue_type_script_setup_true_lang-CtN7oqXx.js";
-import { useSnackbar as le, useBreakpoints as ne } from "@feedmepos/ui-library";
-import { u as se, f as ie, e as ue } from "./vue-i18n-BJW_sJot.js";
-import { u as ce } from "./message-dialog-UoMWOnil.js";
-import { r as pe } from "./i18n-DQxDgiLO.js";
-const me = { class: "sticky top-0 z-10 bg-white" }, De = /* @__PURE__ */ z({
-  __name: "ReportView",
-  setup(de) {
-    const { t: e, te: E } = se(), m = K(), c = X(), i = le(), { promptMessage: P } = ce(), d = ee(), b = oe(), { promptLoader: I } = ie(), { breakpoints: n } = ne(), {
-      currentReport: r,
-      currentReportId: f,
-      isOpenDownloadDialog: O,
-      isOpenEmailDialog: J,
-      editingReport: N,
-      canCreateCustomReport: q,
-      customReportQuota: y
-    } = p(d), { isOpenAccountingDialog: B } = p(te()), { isOpenScheduleDialog: _ } = p(re()), { disabled: L } = p(ue()), T = v(() => {
-      const l = [
-        {
-          icon: "mail",
-          label: e("report.common.emailSchedule"),
-          onClick: () => {
-            _.value = !0;
-          }
-        },
-        // {
-        //   icon: "article",
-        //   label: "Set as Default",
-        //   onClick: async () => {
-        //     await promptLoader(async () => {
-        //       if (currentReport.value) {
-        //         try {
-        //           await reportStore.updateDefaultReport(currentReport.value.id)
-        //           snackbar.open({
-        //             message: `Set ${currentReport.value.name} as default successful`,
-        //             type: "success"
-        //           })
-        //         } catch (err) {
-        //           snackbar.open({ message: JSON.stringify(err), type: "error" })
-        //         }
-        //       }
-        //     })
-        //   }
-        // },
-        {
-          icon: "content_copy",
-          label: e("report.common.copyID"),
-          onClick: () => {
-            r.value && (navigator.clipboard.writeText(f.value), i.open({ message: e("report.messages.copiedReportIdToClipboard"), type: "success" }));
-          }
-        },
-        {
-          icon: "report_jobs",
-          label: e("report.common.reportStatus"),
-          onClick: () => {
-            k();
-          }
-        }
-      ];
-      return L.value || l.splice(1, 0, {
-        icon: "download",
-        label: e("report.common.accountingExport"),
-        onClick: C
-      }), l;
-    });
-    async function k() {
-      b.isOpenJobDialog = !0, await b.getJobs();
-    }
-    function j() {
-      N.value = JSON.parse(JSON.stringify(r.value)), m.push({
-        name: "reportEditor",
-        query: c.query
-      });
-    }
-    async function A() {
-      if (!q.value) {
-        let o = `Your current plan only support up to ${y.value} custom reports.`;
-        y.value === 0 && (o = "Your current plan does not support custom report."), i.open({
-          message: o,
-          type: "error"
-        });
-        return;
-      }
-      if (!r.value) {
-        i.open({ message: "No Widget", type: "error" });
-        return;
-      }
-      if (await P({
-        title: `${e("report.messages.saveReport")}`,
-        message: e("report.messages.confirmAction", {
-          action: e("report.common.duplicate"),
-          name: r.value.name
-        })
-      }) && r.value) {
-        const o = JSON.parse(JSON.stringify(r.value));
-        o.editable = !0, o.id = "", o.name = `${o.name} duplicate`;
-        try {
-          await I(async () => {
-            const s = await d.createOrUpdateReport(o);
-            d.updateCurrentReportId(s.id), m.push({
-              name: "reportView",
-              params: c.params,
-              query: c.query
-            });
-          });
-        } catch (s) {
-          console.log(s), i.open({ message: "Failed to clone report", type: "error" });
-        }
-      }
-    }
-    function C() {
-      B.value = !0;
-    }
-    function F() {
-      r.value && (navigator.clipboard.writeText(f.value), i.open({ message: "Copied report ID to clipboard", type: "success" }));
-    }
-    const x = v(() => r.value ? r.value.tiles : []), V = v(() => {
-      var o;
-      let l = [
-        (o = r == null ? void 0 : r.value) != null && o.editable ? { label: e("report.common.edit"), value: "edit", isPrimary: !1 } : {
-          label: e("report.common.duplicate"),
-          value: "duplicate",
-          isPrimary: !1
-        },
-        {
-          label: e("report.common.download"),
-          value: "download",
-          isPrimary: !0,
-          prependIcon: "download"
-        },
-        { label: e("report.schedule.sendEmail"), value: "email", isPrimary: !0 }
-      ];
-      return n.value.xs && (l = [
-        ...l,
-        { label: e("report.schedule.sendEmail"), value: "email", isPrimary: !1 },
-        { label: e("report.common.reportStatus"), value: "report_jobs", isPrimary: !1 },
-        { label: e("report.schedule.sendEmail"), value: "schedule_email", isPrimary: !1 },
-        { label: e("report.common.accountingExport"), value: "export", isPrimary: !1 },
-        { label: e("report.common.copyID"), value: "content_copy", isPrimary: !1 }
-      ], l = l.filter((s) => s.value !== "edit")), l;
-    });
-    return (l, o) => {
-      const s = H("FmPageHead");
-      return u(), g(Z, null, {
-        default: M(() => {
-          var S;
-          return [
-            h(s, {
-              title: t(pe)(t(e), t(E), (S = t(r)) == null ? void 0 : S.name, "other"),
-              "back-button": !0,
-              actions: V.value,
-              "onClick:back": o[0] || (o[0] = (a) => t(m).push({ name: "reports", query: t(c).query })),
-              "onClick:action": o[1] || (o[1] = (a) => {
-                a === "duplicate" && A(), a === "download" && (O.value = !0), a === "email" && (J.value = !0), a === "edit" && j(), a === "schedule_email" && (_.value = !0), a === "content_copy" && F(), a === "export" && C(), a === "report_jobs" && k();
-              })
-            }, null, 8, ["title", "actions"]),
-            R("div", {
-              class: D(`flex flex-col overflow-y-auto ${t(n).xs || t(n).sm ? "pb-20" : ""}`),
-              style: Y({ height: `calc(100% - ${t(n).lg || t(n).md ? 72 : 64}px)` })
-            }, [
-              R("div", me, [
-                h(U, {
-                  "model-value": t(n).lg || t(n).md ? T.value : []
-                }, null, 8, ["model-value"])
-              ]),
-              t(r) && x.value.length > 0 ? (u(), $("div", {
-                key: 0,
-                class: D(["grid grid-cols-12", t(n).sm || t(n).xs ? "px-3 gap-[16px]" : "px-24 gap-[24px]"])
-              }, [
-                (u(!0), $(G, null, Q(x.value, (a, w) => (u(), g(W, {
-                  key: `widget_${t(f)}_${w}`,
-                  "model-value": a,
-                  index: w
-                }, null, 8, ["model-value", "index"]))), 128))
-              ], 2)) : (u(), g(ae, { key: 1 }))
-            ], 6)
-          ];
-        }),
-        _: 1
-      });
-    };
-  }
-});
-export {
-  De as default
-};