@feedmepos/mf-report 5.4.15-beta.1 → 5.4.15-beta.3

package/dist/ReportView-DpWZHV0o.js

@@ -0,0 +1,169 @@
+import { defineComponent as V, computed as v, resolveComponent as z, createBlock as g, openBlock as u, withCtx as H, createVNode as $, createElementVNode as M, unref as t, normalizeStyle as Y, normalizeClass as D, createElementBlock as R, Fragment as G, renderList as Q } from "vue";
+import { _ as U } from "./MenuTab.vue_vue_type_script_setup_true_lang-DzZeasAK.js";
+import { _ as W } from "./DynamicWidget.vue_vue_type_script_setup_true_lang-C29g9w6o.js";
+import { useRouter as j, useRoute as K } from "vue-router";
+import { _ as X } from "./Default.vue_vue_type_script_setup_true_lang-DVLxkOOQ.js";
+import { a as Z } from "./v4-D29FkHfi.js";
+import { storeToRefs as p } from "pinia";
+import { a as ee, u as oe } from "./NavigationTab.vue_vue_type_script_setup_true_lang-_eC_tMk_.js";
+import { _ as te } from "./NoData.vue_vue_type_script_setup_true_lang-BtQobm-7.js";
+import { useSnackbar as ae, useBreakpoints as re } from "@feedmepos/ui-library";
+import { u as le, f as ne, e as ie } from "./global-loader-C3JC7z-H.js";
+import { u as se } from "./message-dialog-UoMWOnil.js";
+const Ce = /* @__PURE__ */ V({
+  __name: "ReportView",
+  setup(ue) {
+    const { t: l } = le(), m = j(), d = K(), i = ae(), { promptMessage: h } = se(), f = Z(), { promptLoader: E } = ne(), { breakpoints: n } = re(), {
+      currentReport: e,
+      currentReportId: c,
+      isOpenDownloadDialog: P,
+      isOpenEmailDialog: I,
+      editingReport: O,
+      canCreateCustomReport: N,
+      customReportQuota: y
+    } = p(f), { isOpenAccountingDialog: q } = p(ee()), { isOpenScheduleDialog: b } = p(oe()), { disabled: A } = p(ie()), B = v(() => {
+      const a = [
+        {
+          icon: "mail",
+          label: l("report.common.emailSchedule"),
+          onClick: () => {
+            b.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: l("report.common.copyID"),
+          onClick: () => {
+            e.value && (navigator.clipboard.writeText(c.value), i.open({ message: l("report.messages.copiedReportIdToClipboard"), type: "success" }));
+          }
+        }
+      ];
+      return A.value || a.splice(1, 0, {
+        icon: "download",
+        label: l("report.common.accountingExport"),
+        onClick: _
+      }), a;
+    });
+    function T() {
+      O.value = JSON.parse(JSON.stringify(e.value)), m.push({
+        name: "reportEditor",
+        query: d.query
+      });
+    }
+    async function F() {
+      if (!N.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 (!e.value) {
+        i.open({ message: "No Widget", type: "error" });
+        return;
+      }
+      if (await h({
+        title: `${l("report.messages.saveReport")}`,
+        message: l("report.messages.confirmAction", {
+          action: l("report.common.duplicate"),
+          name: e.value.editable ? e.value.name : l(`report.dynamic.${e.value.name}`)
+        })
+      }) && e.value) {
+        const o = JSON.parse(JSON.stringify(e.value));
+        o.editable = !0, o.id = "", o.name = `${o.name} duplicate`;
+        try {
+          await E(async () => {
+            await f.createOrUpdateReport(o), f.updateCurrentReportId(c.value), m.push({
+              name: "reportView",
+              query: d.query
+            });
+          });
+        } catch (s) {
+          console.log(s), i.open({ message: "Failed to clone report", type: "error" });
+        }
+      }
+    }
+    function _() {
+      q.value = !0;
+    }
+    function J() {
+      e.value && (navigator.clipboard.writeText(c.value), i.open({ message: "Copied report ID to clipboard", type: "success" }));
+    }
+    const k = v(() => e.value ? e.value.tiles : []), L = v(() => {
+      var o;
+      let a = [
+        (o = e == null ? void 0 : e.value) != null && o.editable ? { label: "Edit", value: "edit", isPrimary: !1 } : { label: "Duplicate", value: "duplicate", isPrimary: !1 },
+        { label: "Download", value: "download", isPrimary: !0, prependIcon: "download" },
+        { label: "Send Email", value: "email", isPrimary: !0 }
+      ];
+      return n.value.xs && (a = [
+        ...a,
+        { label: "Email schedule", value: "schedule_email", isPrimary: !1 },
+        { label: "Copy ID", value: "content_copy", isPrimary: !1 },
+        { label: "Accounting export", value: "export", isPrimary: !1 },
+        { label: "Send Email", value: "email", isPrimary: !1 }
+      ], a = a.filter((s) => s.value !== "edit")), a;
+    });
+    return (a, o) => {
+      const s = z("FmPageHead");
+      return u(), g(X, null, {
+        default: H(() => {
+          var x, C, S;
+          return [
+            $(s, {
+              title: (x = t(e)) != null && x.editable ? (S = t(e)) == null ? void 0 : S.name : t(l)(`report.dynamic.${(C = t(e)) == null ? void 0 : C.name}`),
+              "back-button": !0,
+              actions: L.value,
+              "onClick:back": o[0] || (o[0] = (r) => t(m).push({ name: "reports", query: t(d).query })),
+              "onClick:action": o[1] || (o[1] = (r) => {
+                r === "duplicate" && F(), r === "download" && (P.value = !0), r === "email" && (I.value = !0), r === "edit" && T(), r === "schedule_email" && (b.value = !0), r === "content_copy" && J(), r === "export" && _();
+              })
+            }, null, 8, ["title", "actions"]),
+            M("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)` })
+            }, [
+              $(U, {
+                "model-value": t(n).lg || t(n).md ? B.value : []
+              }, null, 8, ["model-value"]),
+              t(e) && k.value.length > 0 ? (u(), R("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), R(G, null, Q(k.value, (r, w) => (u(), g(W, {
+                  key: `widget_${t(c)}_${w}`,
+                  "model-value": r,
+                  index: w
+                }, null, 8, ["model-value", "index"]))), 128))
+              ], 2)) : (u(), g(te, { key: 1 }))
+            ], 6)
+          ];
+        }),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  Ce as default
+};

package/dist/SelectComponent.vue_vue_type_script_setup_true_lang-C3VG1mi_.js

@@ -0,0 +1,104 @@
+import { defineComponent as B, mergeModels as D, useModel as z, ref as _, computed as i, resolveComponent as t, createBlock as b, openBlock as p, withCtx as s, createElementVNode as r, normalizeStyle as L, withDirectives as U, createElementBlock as $, createVNode as u, unref as E, vShow as H, Fragment as N, renderList as q, toDisplayString as y, normalizeClass as A } from "vue";
+import { u as O } from "./global-loader-C3JC7z-H.js";
+const P = { class: "fm-typo-en-body-lg-400 flex gap-4 text-fm-color-typo-primary" }, T = { class: "fm-typo-en-body-lg-400 line-clamp-1" }, j = { class: "sticky top-0" }, K = /* @__PURE__ */ B({
+  __name: "SelectComponent",
+  props: /* @__PURE__ */ D({
+    items: {
+      type: Array,
+      default: () => []
+    },
+    placeHolder: {
+      type: String,
+      default: ""
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    disableSearch: {
+      type: Boolean,
+      default: !1
+    }
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(v) {
+    const { t: f } = O(), m = z(v, "modelValue"), a = v, g = (e) => {
+      m.value = e.value, setTimeout(() => {
+        n.value = !1;
+      }, 0);
+    }, n = _(!1), d = _(""), F = i(
+      () => a.items.filter(
+        (e) => e.label.toLowerCase().indexOf(d.value.toLowerCase()) !== -1
+      )
+    ), w = i(
+      () => {
+        var e;
+        return ((e = a.items.find((o) => o.value === m.value)) == null ? void 0 : e.label) ?? f("report.common.select");
+      }
+    ), x = i(() => a.items.filter((e) => e.value === m.value));
+    return (e, o) => {
+      const M = t("FmIcon"), V = t("FmField"), S = t("FmSearch"), C = t("FmMenuDivider"), I = t("FmMenuItem"), k = t("FmMenu");
+      return p(), b(k, {
+        trigger: "click",
+        shift: !0,
+        "max-height": 300,
+        width: 200,
+        onMenuChanged: o[1] || (o[1] = (c) => {
+          n.value = c;
+        })
+      }, {
+        "menu-button": s(() => [
+          r("p", P, y(a.label), 1),
+          u(V, {
+            class: A(["cursor-pointer", `${n.value ? "border-fm-color-primary" : ""}`]),
+            focused: n.value
+          }, {
+            append: s(() => [
+              u(M, {
+                color: "black",
+                name: n.value ? "expand_less" : "expand_more",
+                size: "md"
+              }, null, 8, ["name"])
+            ]),
+            default: s(() => [
+              r("div", T, y(w.value), 1)
+            ]),
+            _: 1
+          }, 8, ["class", "focused"])
+        ]),
+        "menu-wrapper": s(({ maxHeight: c }) => [
+          r("div", {
+            style: L({ maxHeight: `${c}px` }),
+            class: "bg-fm-color-neutral-white overflow-y-auto overflow-x-hidden rounded-md shadow-light-300 w-[250px]"
+          }, [
+            U(r("div", j, [
+              u(S, {
+                modelValue: d.value,
+                "onUpdate:modelValue": o[0] || (o[0] = (l) => d.value = l),
+                placeholder: E(f)("report.select.filterPlaceholder")
+              }, null, 8, ["modelValue", "placeholder"]),
+              u(C)
+            ], 512), [
+              [H, !a.disableSearch]
+            ]),
+            (p(!0), $(N, null, q(F.value, (l) => (p(), b(I, {
+              key: l.value,
+              label: l.label,
+              sublabel: l.sublabel,
+              "model-value": x.value.some((h) => h.value === l.value),
+              value: l.value,
+              "onUpdate:modelValue": (h) => g(l)
+            }, null, 8, ["label", "sublabel", "model-value", "value", "onUpdate:modelValue"]))), 128))
+          ], 4)
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  K as _
+};

package/dist/Setting-CYrg_50p.js

@@ -0,0 +1,320 @@
+import { defineComponent as B, ref as H, useModel as J, resolveComponent as h, createElementBlock as k, openBlock as x, createBlock as M, 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 E, 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-DVLxkOOQ.js";
+import { u as U, d as z, C as A, D as pe, b as ce } from "./global-loader-C3JC7z-H.js";
+import { components as I, useSnackbar as W, useBreakpoints as X, FmButtonColorThemeVariant as G } from "@feedmepos/ui-library";
+import { t as N, s as fe } from "./timeFormat-CjNvJMgk.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-C3VG1mi_.js";
+import { storeToRefs as _e } from "pinia";
+const ge = { class: "px-5 py-2" }, ye = { class: "flex" }, he = { class: "flex px-5 gap-2" }, xe = { class: "flex flex-col gap-2" }, be = { class: "fm-typo-en-title-sm-600" }, Ce = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ve = { class: "w-full gap-[24px] flex flex-col pt-2" }, Te = { class: "flex items-center w-full gap-3" }, De = { class: "text-fm-color-typo-primary" }, $e = { class: "text-fm-color-typo-secondary" }, Se = { class: "flex items-center gap-2" }, ke = /* @__PURE__ */ B({
+  __name: "ReportHour",
+  props: {
+    modelValue: {
+      required: !0,
+      default: () => []
+    },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(T) {
+    const o = H(!1), p = H(), l = {
+      name: "",
+      isDefault: !1,
+      startTime: { hour: 0, minute: 0 },
+      endTime: { hour: 0, minute: 0 }
+    }, { FmForm: c } = I, n = H(), { promptMessage: D } = ve(), b = W(), r = H(JSON.parse(JSON.stringify(l))), i = J(T, "modelValue"), { t: m } = U(), d = () => {
+      o.value = !1, r.value && p.value === void 0 ? i.value.push(r.value) : i.value[p.value] = r.value;
+    }, R = () => {
+      var v;
+      (v = n.value) == null || v.validateInputs();
+    }, L = () => {
+      o.value = !1, r.value = l;
+    }, Z = (v) => {
+      p.value = v, r.value = JSON.parse(JSON.stringify(i.value[p.value])), o.value = !0;
+    }, ee = () => {
+      r.value = l, o.value = !0;
+    }, te = async (v) => {
+      const u = i.value.find((C, f) => f === v);
+      if (!u) {
+        b.open({ message: `index ${v} cannot be found`, type: "error" });
+        return;
+      }
+      await D({
+        title: m("report.setting.reportHour.deleteTitle"),
+        message: m("report.setting.reportHour.deleteConfirm", { name: u.name })
+      }) && (i.value = i.value.filter((f, P) => P !== v), i.value.find((f) => f.isDefault) || (i.value[0].isDefault = !0), r.value = l);
+    }, oe = (v, u) => {
+      v ? i.value = i.value.map(($, C) => ({
+        ...$,
+        isDefault: u === C
+      })) : i.value = i.value.map(($, C) => ({
+        ...$,
+        isDefault: C === 0
+      }));
+    }, { breakpoints: w } = X(), { FmSideSheet: le, FmTopSheet: ae } = I;
+    return (v, u) => {
+      const $ = h("FmTextField"), C = h("FmTimePicker"), f = h("FmButton"), P = h("FmSwitch"), se = h("FmChip"), re = h("FmCard");
+      return x(), k("div", null, [
+        (x(), M(ne(e(w).lg || e(w).md ? e(le) : e(ae)), {
+          modelValue: o.value,
+          "onUpdate:modelValue": u[3] || (u[3] = (g) => o.value = g),
+          "fullscreen-size": "sm",
+          "dismiss-away": !0
+        }, {
+          "side-sheet-header": y(() => [
+            t("p", null, s(e(m)("report.setting.reportHour.addTitle")), 1)
+          ]),
+          "top-sheet-header": y(() => [
+            t("div", ge, [
+              t("p", null, s(e(m)("report.setting.reportHour.addTitle")), 1)
+            ])
+          ]),
+          "side-sheet-footer": y(() => [
+            t("div", ye, [
+              a(f, {
+                label: "Save",
+                variant: "primary",
+                onClick: R
+              }),
+              a(f, {
+                label: "Cancel",
+                variant: "tertiary",
+                onClick: L
+              })
+            ])
+          ]),
+          "top-sheet-footer": y(() => [
+            t("div", he, [
+              a(f, {
+                label: "Save",
+                variant: "primary",
+                onClick: R
+              }),
+              a(f, {
+                label: "Cancel",
+                variant: "tertiary",
+                onClick: L
+              })
+            ])
+          ]),
+          default: y(() => [
+            a(e(c), {
+              ref_key: "form",
+              ref: n,
+              class: O(["flex flex-col gap-2", `${e(w).sm || e(w).xs ? "px-24" : ""}`]),
+              onValidationSuccess: d
+            }, {
+              default: y(() => {
+                var g, V, S, q;
+                return [
+                  a($, {
+                    modelValue: r.value.name,
+                    "onUpdate:modelValue": u[0] || (u[0] = (_) => r.value.name = _),
+                    label: e(m)("report.setting.reportHour.hourSetName"),
+                    placeholder: e(m)("report.setting.reportHour.namePlaceholder"),
+                    rules: [(_) => _ !== "" || e(m)("report.setting.reportHour.cannotBeEmpty")]
+                  }, null, 8, ["modelValue", "label", "placeholder", "rules"]),
+                  a(C, {
+                    "model-value": e(z)().hour(((g = r.value.startTime) == null ? void 0 : g.hour) ?? 0).minute(((V = r.value.startTime) == null ? void 0 : V.minute) ?? 0).locale(e(F)()).format("HH:mm"),
+                    class: "grow",
+                    label: e(m)("report.setting.reportHour.startTime"),
+                    "onUpdate:modelValue": u[1] || (u[1] = (_) => {
+                      _ && (r.value.startTime.hour = Number(_.split(":")[0]), r.value.startTime.minute = Number(_.split(":")[1]));
+                    })
+                  }, null, 8, ["model-value", "label"]),
+                  a(C, {
+                    "model-value": e(z)().hour(((S = r.value.endTime) == null ? void 0 : S.hour) ?? 0).minute(((q = r.value.endTime) == null ? void 0 : q.minute) ?? 0).format("HH:mm"),
+                    class: "grow",
+                    label: e(m)("report.setting.reportHour.closeTime"),
+                    "onUpdate:modelValue": u[2] || (u[2] = (_) => {
+                      _ && (r.value.endTime.hour = Number(_.split(":")[0]), r.value.endTime.minute = Number(_.split(":")[1]));
+                    })
+                  }, null, 8, ["model-value", "label"])
+                ];
+              }),
+              _: 1
+            }, 8, ["class"])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])),
+        t("div", xe, [
+          t("p", be, s(e(m)("report.setting.reportHour.title")), 1),
+          t("p", Ce, s(e(m)("report.setting.reportHour.description")), 1)
+        ]),
+        t("div", Ve, [
+          (x(!0), k(K, null, Q(i.value, (g, V) => (x(), M(re, {
+            key: `report_${V}`,
+            class: "flex p-4",
+            variant: "outlined"
+          }, {
+            default: y(() => [
+              t("div", Te, [
+                a(P, {
+                  "model-value": g.isDefault,
+                  "onUpdate:modelValue": (S) => oe(S, V)
+                }, null, 8, ["model-value", "onUpdate:modelValue"]),
+                t("div", null, [
+                  t("p", De, [
+                    ie(s(g.name) + " ", 1),
+                    E(a(se, {
+                      label: e(m)("report.common.default"),
+                      class: "bg-fm-color-system-info-100 border-fm-color-typo-info text-fm-color-typo-info",
+                      compact: ""
+                    }, null, 8, ["label"]), [
+                      [j, g.isDefault]
+                    ])
+                  ]),
+                  t("p", $e, s(e(N)(g.startTime, e(F)())) + " - " + s(e(N)(g.endTime, e(F)())), 1)
+                ]),
+                u[4] || (u[4] = t("div", { class: "grow" }, null, -1)),
+                E(t("div", Se, [
+                  a(f, {
+                    icon: "edit",
+                    variant: "tertiary",
+                    onClick: (S) => Z(V)
+                  }, null, 8, ["onClick"]),
+                  a(f, {
+                    icon: "delete",
+                    variant: "tertiary",
+                    onClick: (S) => te(V)
+                  }, null, 8, ["onClick"])
+                ], 512), [
+                  [j, V !== 0]
+                ])
+              ])
+            ]),
+            _: 2
+          }, 1024))), 128)),
+          t("div", null, [
+            a(f, {
+              label: e(m)("report.setting.reportHour.add"),
+              variant: "secondary",
+              icon: "add",
+              "icon-position": "prepend",
+              "border-color": e(G).ColorPrimary,
+              "text-color": e(G).ColorPrimary,
+              onClick: ee
+            }, null, 8, ["label", "border-color", "text-color"])
+          ])
+        ])
+      ]);
+    };
+  }
+}), Fe = { class: "py-2 w-full gap-2 flex flex-col" }, Re = { class: "fm-typo-en-title-sm-600" }, we = /* @__PURE__ */ B({
+  __name: "CompareRangeSetting",
+  props: {
+    modelValue: { required: !0, default: A.PrecedingPeriod },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(T) {
+    const { t: o } = U(), p = J(T, "modelValue"), l = Object.values(A).map((c) => ({
+      label: o(`report.compare.${c}`),
+      value: c
+    })).slice(0, -1);
+    return (c, n) => (x(), k("div", Fe, [
+      t("p", Re, s(e(o)("report.setting.summary.comparisonDateRange")), 1),
+      a(Y, {
+        modelValue: p.value,
+        "onUpdate:modelValue": n[0] || (n[0] = (D) => p.value = D),
+        label: e(o)("report.setting.summary.comparisonDateRange"),
+        items: e(l),
+        "disable-search": !0
+      }, null, 8, ["modelValue", "label", "items"])
+    ]));
+  }
+}), He = { class: "py-2 w-full gap-2 flex flex-col" }, Oe = { class: "fm-typo-en-title-sm-600" }, Ne = /* @__PURE__ */ B({
+  __name: "DateRangeSetting",
+  props: {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(T) {
+    const { t: o } = U(), p = J(T, "modelValue"), l = Object.values(pe).filter((c) => !["This month", "Last month"].includes(c)).map((c) => ({
+      label: o(`report.date.${c}`),
+      value: c
+    }));
+    return (c, n) => (x(), k("div", He, [
+      t("p", Oe, s(e(o)("report.setting.summary.defaultDateRange")), 1),
+      a(Y, {
+        modelValue: p.value,
+        "onUpdate:modelValue": n[0] || (n[0] = (D) => p.value = D),
+        label: e(o)("report.setting.summary.defaultDateRange"),
+        items: e(l),
+        "disable-search": !0
+      }, null, 8, ["modelValue", "label", "items"])
+    ]));
+  }
+}), Be = { class: "w-2/4" }, Ue = { class: "fm-typo-en-title-sm-600" }, Pe = { class: "text-fm-color-typo-secondary" }, Me = { class: "fm-typo-en-body-lg-600" }, Ee = { class: "text-fm-color-typo-secondary" }, je = { class: "fm-typo-en-body-lg-600" }, Je = { class: "text-fm-color-typo-secondary" }, Le = { class: "fm-typo-en-body-lg-600" }, Ye = /* @__PURE__ */ B({
+  __name: "Setting",
+  setup(T) {
+    const { breakpoints: o } = X(), p = ce(), { defaultDateSetting: l } = _e(p), c = W(), { t: n } = U();
+    return me(
+      [
+        () => l.value.defaultCompareType,
+        () => l.value.defaultDateRange,
+        () => l.value.timeOptions
+      ],
+      () => {
+        l.value.timeOptions.length === 0 ? c.open({ message: n("report.setting.reportHour.cannotBeEmptyError"), type: "error" }) : p.createOrUpdateBusinessSetting(l.value);
+      },
+      { deep: !0 }
+    ), (D, b) => {
+      const r = h("FmPageHead"), i = h("FmMenuDivider"), m = h("FmCard");
+      return x(), M(de, null, {
+        default: y(() => [
+          a(r, { title: "Settings" }),
+          t("div", {
+            class: O(`${e(o).sm || e(o).xs ? "pb-20" : ""} overflow-y-auto flex`),
+            style: ue({ height: `calc(100% - ${e(o).sm || e(o).xs ? 60 : 72}px)` })
+          }, [
+            t("div", {
+              class: O(`${e(o).lg || e(o).md ? "px-24" : "px-3"} w-full flex flex-col gap-[40px]`)
+            }, [
+              a(ke, {
+                modelValue: e(l).timeOptions,
+                "onUpdate:modelValue": b[0] || (b[0] = (d) => e(l).timeOptions = d)
+              }, null, 8, ["modelValue"]),
+              a(Ne, {
+                modelValue: e(l).defaultDateRange,
+                "onUpdate:modelValue": b[1] || (b[1] = (d) => e(l).defaultDateRange = d)
+              }, null, 8, ["modelValue"]),
+              a(we, {
+                modelValue: e(l).defaultCompareType,
+                "onUpdate:modelValue": b[2] || (b[2] = (d) => e(l).defaultCompareType = d)
+              }, null, 8, ["modelValue"])
+            ], 2),
+            E(t("div", Be, [
+              a(m, {
+                variant: "outlined",
+                class: O(["flex flex-col gap-3", `${e(o).lg || e(o).md ? "mr-5 p-6" : ""}`])
+              }, {
+                default: y(() => [
+                  t("p", Ue, s(e(n)("report.setting.summary.title")), 1),
+                  a(i),
+                  t("p", Pe, s(e(n)("report.setting.summary.reportHour")), 1),
+                  (x(!0), k(K, null, Q(e(l).timeOptions, (d, R) => (x(), k("div", { key: R }, [
+                    t("p", Me, s(d.name) + s(d.isDefault ? `(${e(n)("report.setting.reportHour.default")})` : "") + " " + s(e(N)(d.startTime, e(F)())) + " " + s(e(N)(d.endTime, e(F)())) + " " + s(e(fe)(d.startTime, d.endTime)), 1)
+                  ]))), 128)),
+                  t("p", Ee, s(e(n)("report.setting.summary.defaultDateRange")), 1),
+                  t("p", je, s(e(n)(`report.date.${e(l).defaultDateRange ?? ""}`)), 1),
+                  t("p", Je, s(e(n)("report.setting.summary.comparisonDateRange")), 1),
+                  t("p", Le, s(e(n)(`report.compare.${e(l).defaultCompareType ?? ""}`)), 1)
+                ]),
+                _: 1
+              }, 8, ["class"])
+            ], 512), [
+              [j, e(o).lg || e(o).md]
+            ])
+          ], 6)
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  Ye as default
+};