@feedmepos/mf-report 5.19.19-beta.0 → 5.19.20-beta.0

package/dist/DateRangeSelect.vue_vue_type_script_setup_true_lang-BVi8DNni.js

@@ -0,0 +1,185 @@
+import { defineComponent as $, resolveComponent as S, createBlock as v, openBlock as c, withCtx as C, createCommentVNode as h, createElementVNode as x, toDisplayString as N, renderSlot as Y, mergeModels as T, useModel as R, ref as F, watch as V, createElementBlock as j, createVNode as b, unref as m } from "vue";
+import { d as n, l as U, t as q, u as _, b as A, T as G, C as L } from "./vue-i18n-DsnU36hZ.js";
+import { d as k } from "./helper-CLGnwM-X.js";
+import { detectLocale as P } from "@feedmepos/mf-common";
+import { storeToRefs as H } from "pinia";
+const J = { class: "fm-typo-en-body-md-600 text-ellipsis overflow-hidden whitespace-nowrap" }, K = { class: "fm-typo-en-body-md-600 text-ellipsis overflow-hidden whitespace-nowrap" }, M = /* @__PURE__ */ $({
+  __name: "FilterChip",
+  props: {
+    label: {
+      type: String,
+      default: ""
+    },
+    leftIcon: {
+      type: String,
+      default: ""
+    },
+    rightIcon: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(e) {
+    const p = e;
+    return (f, y) => {
+      const s = S("FmIcon"), d = S("FmChip");
+      return c(), v(d, { class: "bg-fm-color-neutral-gray-100 text-fm-color-neutral-gray-400 max-w-fit" }, {
+        default: C(() => [
+          e.leftIcon ? (c(), v(s, {
+            key: 0,
+            name: p.leftIcon,
+            size: "sm",
+            outline: ""
+          }, null, 8, ["name"])) : h("", !0),
+          x("p", J, N(p.label), 1),
+          e.rightIcon ? (c(), v(s, {
+            key: 1,
+            name: e.rightIcon,
+            size: "sm",
+            outline: ""
+          }, null, 8, ["name"])) : h("", !0),
+          x("div", K, [
+            Y(f.$slots, "default")
+          ])
+        ]),
+        _: 3
+      });
+    };
+  }
+}), Q = { class: "flex gap-2 items-center" }, g = "YYYY-MM-DD", ae = /* @__PURE__ */ $({
+  __name: "DateRangeSelect",
+  props: /* @__PURE__ */ T({
+    compare: {
+      type: Boolean,
+      default: !1
+    },
+    datePredefinedRanges: {
+      type: Array,
+      default: () => G()
+    },
+    label: {
+      type: String,
+      required: !1,
+      default: null
+    },
+    removable: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    }
+  }, {
+    compareType: {
+      type: String,
+      default: L.PRECEDING_PERIOD
+    },
+    compareTypeModifiers: {},
+    dateRange: {
+      type: Object,
+      default: () => ({
+        startDate: void 0,
+        endDate: void 0
+      })
+    },
+    dateRangeModifiers: {},
+    compareDateRange: {
+      type: Object,
+      default: () => ({
+        startDate: void 0,
+        endDate: void 0
+      })
+    },
+    compareDateRangeModifiers: {}
+  }),
+  emits: /* @__PURE__ */ T(["update", "chip-closed"], ["update:compareType", "update:dateRange", "update:compareDateRange"]),
+  setup(e, { emit: p }) {
+    var I, w, z, O;
+    n.extend(U), n.extend(q);
+    const { t: f } = _(), y = p, s = R(e, "compareType"), d = R(e, "dateRange"), i = R(e, "compareDateRange"), { timezone: r } = H(A()), l = F({
+      startDate: d.value.startDate ? (I = n(d.value.startDate)) == null ? void 0 : I.tz(r.value).format(g) : null,
+      endDate: d.value.endDate ? (w = n(d.value.endDate)) == null ? void 0 : w.tz(r.value).format(g) : null
+    }), u = F({
+      startDate: i.value.startDate ? (z = n(i.value.startDate)) == null ? void 0 : z.tz(r.value).format(g) : null,
+      endDate: i.value.endDate ? (O = n(i.value.endDate)) == null ? void 0 : O.tz(r.value).format(g) : null
+    });
+    V(
+      [() => l.value],
+      () => {
+        l.value.endDate || (l.value.endDate = l.value.startDate);
+        const a = {
+          startDate: n.tz(l.value.startDate, r.value).startOf("day").utc().toISOString(),
+          endDate: n.tz(l.value.endDate, r.value).endOf("day").utc().toISOString()
+        };
+        d.value = a, y("update", a);
+      },
+      { deep: !0 }
+    ), V([() => u.value], () => {
+      const a = u.value.startDate, t = u.value.endDate, D = a ? n(
+        a instanceof Date ? a : n(a).toDate()
+      ).startOf("day").tz(r.value, !0).toISOString() : void 0, o = t ? n(t instanceof Date ? t : n(t).toDate()).tz(r.value, !0).endOf("day").toISOString() : void 0;
+      i.value = {
+        startDate: D,
+        endDate: o
+      };
+    });
+    function B(a) {
+      s.value = a;
+    }
+    function E(a) {
+      y("chip-closed", a);
+    }
+    return (a, t) => {
+      const D = S("FmSimpleDateRangePicker");
+      return c(), j("div", Q, [
+        b(D, {
+          modelValue: l.value,
+          "onUpdate:modelValue": t[1] || (t[1] = (o) => l.value = o),
+          "show-predefined-range": "",
+          "predefined-range": e.datePredefinedRanges.map((o) => ({
+            ...o,
+            label: m(f)(`report.date.${o.label}`)
+          })),
+          class: "w-2/6"
+        }, {
+          "trigger-button": C(() => [
+            b(M, {
+              "left-icon": e.label ? "filter_alt" : "calendar_month",
+              label: e.label ?? m(k)({
+                startDate: l.value.startDate ?? "",
+                endDate: l.value.endDate ?? "",
+                locale: m(P)()
+              }),
+              removable: e.removable,
+              onChipClosed: t[0] || (t[0] = (o) => E(!0))
+            }, null, 8, ["left-icon", "label", "removable"])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "predefined-range"]),
+        e.compare ? (c(), v(D, {
+          key: 0,
+          modelValue: u.value,
+          "onUpdate:modelValue": t[2] || (t[2] = (o) => u.value = o),
+          "compare-type": s.value,
+          "onUpdate:compareType": t[3] || (t[3] = (o) => s.value = o),
+          "show-predefined-range": "",
+          "compare-target": l.value,
+          onSelectComparison: B
+        }, {
+          "trigger-button": C(() => [
+            b(M, {
+              label: `${m(f)("report.common.compare")}: ${m(k)({
+                startDate: u.value.startDate ?? null,
+                endDate: u.value.endDate ?? null,
+                locale: m(P)()
+              })}`
+            }, null, 8, ["label"])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "compare-type", "compare-target"])) : h("", !0)
+      ]);
+    };
+  }
+});
+export {
+  ae as _,
+  M as a
+};

package/dist/{Default.vue_vue_type_script_setup_true_lang-arY3ZcKZ.js → Default.vue_vue_type_script_setup_true_lang-CC4O6KVY.js}

@@ -1,8 +1,8 @@
 import { defineComponent as u, computed as f, resolveComponent as p, createElementBlock as s, openBlock as t, normalizeStyle as n, normalizeClass as d, unref as e, createBlock as y, createCommentVNode as _, createVNode as h, createElementVNode as k, toDisplayString as g, renderSlot as x } from "vue";
-import { _ as v } from "./NavigationTab.vue_vue_type_script_setup_true_lang-DuzQ1OX-.js";
+import { _ as v } from "./NavigationTab.vue_vue_type_script_setup_true_lang-TcdhfNBd.js";
 import { useBreakpoints as b } from "@feedmepos/ui-library";
 import { storeToRefs as C } from "pinia";
-import { u as q, f as w } from "./vue-i18n-BJW_sJot.js";
+import { u as q, f as w } from "./vue-i18n-DsnU36hZ.js";
 import { useRoute as B } from "vue-router";
 const $ = {
   key: 1,