@orchidui/dashboard 1.62.0 → 1.64.0

package/dist/Dashboard/Charts/OverviewMonthlyBarChart/OcOverviewMonthlyBarChart.js

@@ -1,5 +1,5 @@
 import { defineAsyncComponent as o } from "vue";
-const t = o(() => import("../../../OcOverviewMonthlyBarChart-zvNIg1f3.js"));
+const t = o(() => import("../../../OcOverviewMonthlyBarChart-DY9CBi1a.js"));
 export {
   t as OverviewMonthlyBarChart
 };

package/dist/Dashboard/Charts/OverviewPieChart/OcOverviewPieChart.js

@@ -1,5 +1,5 @@
 import { defineAsyncComponent as e } from "vue";
-const r = e(() => import("../../../OcOverviewPieChart-Dg8xKIJJ.js"));
+const r = e(() => import("../../../OcOverviewPieChart-CEKbsbpp.js"));
 export {
   r as OcOverviewPieChart
 };

package/dist/OcOverviewMonthlyBarChart-DY9CBi1a.js

@@ -0,0 +1,444 @@
+import { computed as U, ref as tt, watch as et, createElementBlock as rt, openBlock as nt } from "vue";
+import { u as at } from "./useChart-D5nAyTGV.js";
+import { g as st } from "./_commonjsHelpers-B4e78b8K.js";
+var P = { exports: {} }, it = P.exports, X;
+function ot() {
+  return X || (X = 1, (function(H, g) {
+    (function(w, F) {
+      H.exports = F();
+    })(it, (function() {
+      var w = 1e3, F = 6e4, V = 36e5, j = "millisecond", O = "second", _ = "minute", k = "hour", x = "day", L = "week", d = "month", N = "quarter", S = "year", o = "date", l = "Invalid Date", D = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, v = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, z = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(a) {
+        var r = ["th", "st", "nd", "rd"], t = a % 100;
+        return "[" + a + (r[(t - 20) % 10] || r[t] || r[0]) + "]";
+      } }, W = function(a, r, t) {
+        var n = String(a);
+        return !n || n.length >= r ? a : "" + Array(r + 1 - n.length).join(t) + a;
+      }, C = { s: W, z: function(a) {
+        var r = -a.utcOffset(), t = Math.abs(r), n = Math.floor(t / 60), e = t % 60;
+        return (r <= 0 ? "+" : "-") + W(n, 2, "0") + ":" + W(e, 2, "0");
+      }, m: function a(r, t) {
+        if (r.date() < t.date()) return -a(t, r);
+        var n = 12 * (t.year() - r.year()) + (t.month() - r.month()), e = r.clone().add(n, d), s = t - e < 0, i = r.clone().add(n + (s ? -1 : 1), d);
+        return +(-(n + (t - e) / (s ? e - i : i - e)) || 0);
+      }, a: function(a) {
+        return a < 0 ? Math.ceil(a) || 0 : Math.floor(a);
+      }, p: function(a) {
+        return { M: d, y: S, w: L, d: x, D: o, h: k, m: _, s: O, ms: j, Q: N }[a] || String(a || "").toLowerCase().replace(/s$/, "");
+      }, u: function(a) {
+        return a === void 0;
+      } }, b = "en", M = {};
+      M[b] = z;
+      var K = "$isDayjsObject", R = function(a) {
+        return a instanceof Z || !(!a || !a[K]);
+      }, J = function a(r, t, n) {
+        var e;
+        if (!r) return b;
+        if (typeof r == "string") {
+          var s = r.toLowerCase();
+          M[s] && (e = s), t && (M[s] = t, e = s);
+          var i = r.split("-");
+          if (!e && i.length > 1) return a(i[0]);
+        } else {
+          var c = r.name;
+          M[c] = r, e = c;
+        }
+        return !n && e && (b = e), e || !n && b;
+      }, h = function(a, r) {
+        if (R(a)) return a.clone();
+        var t = typeof r == "object" ? r : {};
+        return t.date = a, t.args = arguments, new Z(t);
+      }, u = C;
+      u.l = J, u.i = R, u.w = function(a, r) {
+        return h(a, { locale: r.$L, utc: r.$u, x: r.$x, $offset: r.$offset });
+      };
+      var Z = (function() {
+        function a(t) {
+          this.$L = J(t.locale, null, !0), this.parse(t), this.$x = this.$x || t.x || {}, this[K] = !0;
+        }
+        var r = a.prototype;
+        return r.parse = function(t) {
+          this.$d = (function(n) {
+            var e = n.date, s = n.utc;
+            if (e === null) return /* @__PURE__ */ new Date(NaN);
+            if (u.u(e)) return /* @__PURE__ */ new Date();
+            if (e instanceof Date) return new Date(e);
+            if (typeof e == "string" && !/Z$/i.test(e)) {
+              var i = e.match(D);
+              if (i) {
+                var c = i[2] - 1 || 0, f = (i[7] || "0").substring(0, 3);
+                return s ? new Date(Date.UTC(i[1], c, i[3] || 1, i[4] || 0, i[5] || 0, i[6] || 0, f)) : new Date(i[1], c, i[3] || 1, i[4] || 0, i[5] || 0, i[6] || 0, f);
+              }
+            }
+            return new Date(e);
+          })(t), this.init();
+        }, r.init = function() {
+          var t = this.$d;
+          this.$y = t.getFullYear(), this.$M = t.getMonth(), this.$D = t.getDate(), this.$W = t.getDay(), this.$H = t.getHours(), this.$m = t.getMinutes(), this.$s = t.getSeconds(), this.$ms = t.getMilliseconds();
+        }, r.$utils = function() {
+          return u;
+        }, r.isValid = function() {
+          return this.$d.toString() !== l;
+        }, r.isSame = function(t, n) {
+          var e = h(t);
+          return this.startOf(n) <= e && e <= this.endOf(n);
+        }, r.isAfter = function(t, n) {
+          return h(t) < this.startOf(n);
+        }, r.isBefore = function(t, n) {
+          return this.endOf(n) < h(t);
+        }, r.$g = function(t, n, e) {
+          return u.u(t) ? this[n] : this.set(e, t);
+        }, r.unix = function() {
+          return Math.floor(this.valueOf() / 1e3);
+        }, r.valueOf = function() {
+          return this.$d.getTime();
+        }, r.startOf = function(t, n) {
+          var e = this, s = !!u.u(n) || n, i = u.p(t), c = function(T, p) {
+            var A = u.w(e.$u ? Date.UTC(e.$y, p, T) : new Date(e.$y, p, T), e);
+            return s ? A : A.endOf(x);
+          }, f = function(T, p) {
+            return u.w(e.toDate()[T].apply(e.toDate("s"), (s ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(p)), e);
+          }, m = this.$W, $ = this.$M, y = this.$D, B = "set" + (this.$u ? "UTC" : "");
+          switch (i) {
+            case S:
+              return s ? c(1, 0) : c(31, 11);
+            case d:
+              return s ? c(1, $) : c(0, $ + 1);
+            case L:
+              var Y = this.$locale().weekStart || 0, E = (m < Y ? m + 7 : m) - Y;
+              return c(s ? y - E : y + (6 - E), $);
+            case x:
+            case o:
+              return f(B + "Hours", 0);
+            case k:
+              return f(B + "Minutes", 1);
+            case _:
+              return f(B + "Seconds", 2);
+            case O:
+              return f(B + "Milliseconds", 3);
+            default:
+              return this.clone();
+          }
+        }, r.endOf = function(t) {
+          return this.startOf(t, !1);
+        }, r.$set = function(t, n) {
+          var e, s = u.p(t), i = "set" + (this.$u ? "UTC" : ""), c = (e = {}, e[x] = i + "Date", e[o] = i + "Date", e[d] = i + "Month", e[S] = i + "FullYear", e[k] = i + "Hours", e[_] = i + "Minutes", e[O] = i + "Seconds", e[j] = i + "Milliseconds", e)[s], f = s === x ? this.$D + (n - this.$W) : n;
+          if (s === d || s === S) {
+            var m = this.clone().set(o, 1);
+            m.$d[c](f), m.init(), this.$d = m.set(o, Math.min(this.$D, m.daysInMonth())).$d;
+          } else c && this.$d[c](f);
+          return this.init(), this;
+        }, r.set = function(t, n) {
+          return this.clone().$set(t, n);
+        }, r.get = function(t) {
+          return this[u.p(t)]();
+        }, r.add = function(t, n) {
+          var e, s = this;
+          t = Number(t);
+          var i = u.p(n), c = function($) {
+            var y = h(s);
+            return u.w(y.date(y.date() + Math.round($ * t)), s);
+          };
+          if (i === d) return this.set(d, this.$M + t);
+          if (i === S) return this.set(S, this.$y + t);
+          if (i === x) return c(1);
+          if (i === L) return c(7);
+          var f = (e = {}, e[_] = F, e[k] = V, e[O] = w, e)[i] || 1, m = this.$d.getTime() + t * f;
+          return u.w(m, this);
+        }, r.subtract = function(t, n) {
+          return this.add(-1 * t, n);
+        }, r.format = function(t) {
+          var n = this, e = this.$locale();
+          if (!this.isValid()) return e.invalidDate || l;
+          var s = t || "YYYY-MM-DDTHH:mm:ssZ", i = u.z(this), c = this.$H, f = this.$m, m = this.$M, $ = e.weekdays, y = e.months, B = e.meridiem, Y = function(p, A, I, q) {
+            return p && (p[A] || p(n, s)) || I[A].slice(0, q);
+          }, E = function(p) {
+            return u.s(c % 12 || 12, p, "0");
+          }, T = B || function(p, A, I) {
+            var q = p < 12 ? "AM" : "PM";
+            return I ? q.toLowerCase() : q;
+          };
+          return s.replace(v, (function(p, A) {
+            return A || (function(I) {
+              switch (I) {
+                case "YY":
+                  return String(n.$y).slice(-2);
+                case "YYYY":
+                  return u.s(n.$y, 4, "0");
+                case "M":
+                  return m + 1;
+                case "MM":
+                  return u.s(m + 1, 2, "0");
+                case "MMM":
+                  return Y(e.monthsShort, m, y, 3);
+                case "MMMM":
+                  return Y(y, m);
+                case "D":
+                  return n.$D;
+                case "DD":
+                  return u.s(n.$D, 2, "0");
+                case "d":
+                  return String(n.$W);
+                case "dd":
+                  return Y(e.weekdaysMin, n.$W, $, 2);
+                case "ddd":
+                  return Y(e.weekdaysShort, n.$W, $, 3);
+                case "dddd":
+                  return $[n.$W];
+                case "H":
+                  return String(c);
+                case "HH":
+                  return u.s(c, 2, "0");
+                case "h":
+                  return E(1);
+                case "hh":
+                  return E(2);
+                case "a":
+                  return T(c, f, !0);
+                case "A":
+                  return T(c, f, !1);
+                case "m":
+                  return String(f);
+                case "mm":
+                  return u.s(f, 2, "0");
+                case "s":
+                  return String(n.$s);
+                case "ss":
+                  return u.s(n.$s, 2, "0");
+                case "SSS":
+                  return u.s(n.$ms, 3, "0");
+                case "Z":
+                  return i;
+              }
+              return null;
+            })(p) || i.replace(":", "");
+          }));
+        }, r.utcOffset = function() {
+          return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
+        }, r.diff = function(t, n, e) {
+          var s, i = this, c = u.p(n), f = h(t), m = (f.utcOffset() - this.utcOffset()) * F, $ = this - f, y = function() {
+            return u.m(i, f);
+          };
+          switch (c) {
+            case S:
+              s = y() / 12;
+              break;
+            case d:
+              s = y();
+              break;
+            case N:
+              s = y() / 3;
+              break;
+            case L:
+              s = ($ - m) / 6048e5;
+              break;
+            case x:
+              s = ($ - m) / 864e5;
+              break;
+            case k:
+              s = $ / V;
+              break;
+            case _:
+              s = $ / F;
+              break;
+            case O:
+              s = $ / w;
+              break;
+            default:
+              s = $;
+          }
+          return e ? s : u.a(s);
+        }, r.daysInMonth = function() {
+          return this.endOf(d).$D;
+        }, r.$locale = function() {
+          return M[this.$L];
+        }, r.locale = function(t, n) {
+          if (!t) return this.$L;
+          var e = this.clone(), s = J(t, n, !0);
+          return s && (e.$L = s), e;
+        }, r.clone = function() {
+          return u.w(this.$d, this);
+        }, r.toDate = function() {
+          return new Date(this.valueOf());
+        }, r.toJSON = function() {
+          return this.isValid() ? this.toISOString() : null;
+        }, r.toISOString = function() {
+          return this.$d.toISOString();
+        }, r.toString = function() {
+          return this.$d.toUTCString();
+        }, a;
+      })(), Q = Z.prototype;
+      return h.prototype = Q, [["$ms", j], ["$s", O], ["$m", _], ["$H", k], ["$W", x], ["$M", d], ["$y", S], ["$D", o]].forEach((function(a) {
+        Q[a[1]] = function(r) {
+          return this.$g(r, a[0], a[1]);
+        };
+      })), h.extend = function(a, r) {
+        return a.$i || (a(r, Z, h), a.$i = !0), h;
+      }, h.locale = J, h.isDayjs = R, h.unix = function(a) {
+        return h(1e3 * a);
+      }, h.en = M[b], h.Ls = M, h.p = {}, h;
+    }));
+  })(P)), P.exports;
+}
+var ut = ot();
+const G = /* @__PURE__ */ st(ut), dt = {
+  __name: "OcOverviewMonthlyBarChart",
+  props: {
+    variant: {
+      type: String,
+      validator: (H) => ["primary", "purple"].includes(H)
+    },
+    currency: String,
+    showTooltip: Boolean,
+    showLegend: Boolean,
+    showGrid: Boolean,
+    chartData: Array,
+    labelData: Array,
+    yAxisFormatter: Function,
+    xAxisFormatter: Function,
+    tooltipFormatter: Function,
+    tooltipValueFormatter: Function
+  },
+  setup(H) {
+    const g = H, w = U(() => g.labelData.length === 30), F = U(() => Math.max(...g.chartData));
+    U(() => g.chartData.indexOf(F.value));
+    const V = (o, l = "SGD") => (typeof o == "number" ? o : Number(o)).toLocaleString("en-US", {
+      minimumFractionDigits: 2,
+      maximumFractionDigits: 2
+    }), j = (o, l = !1) => l ? G(o).format("DD MMM").toUpperCase() : G(o).format("ddd DD/MM").toUpperCase(), O = (o) => {
+      const l = [...g.chartData].sort((D, v) => v - D);
+      return o === l[0] ? "#4C8AFD" : o === l[1] ? "#80ACFE" : "#CCDEFE";
+    }, _ = U(() => ({
+      xAxis: {
+        data: (g.labelData || []).map((o) => j(o, w.value)),
+        splitLine: { show: !1 },
+        axisLine: { show: !1 },
+        axisTick: { show: !1 },
+        axisLabel: {
+          color: "#9295A5",
+          fontSize: 10,
+          margin: 4,
+          width: 70,
+          interval: w.value ? 3 : 0
+        }
+      },
+      tooltip: {
+        trigger: "axis",
+        borderWidth: 0,
+        padding: 0,
+        axisPointer: {
+          type: "line",
+          lineStyle: { color: "#2465DE" }
+        },
+        formatter: (o) => {
+          const l = g.labelData[o[0].dataIndex], D = G(l).format("DD MMM YYYY"), v = o[0].value;
+          return `
+        <div class="py-3 px-4">
+          <div class="flex items-center gap-2">
+            <span class="text-xs font-medium text-oc-text-300">${D}</span>
+          </div>
+          <div class="flex items-center gap-2">
+            <span class="font-semibold text-oc-text font-reddit-mono">${g.currency} ${V(v)}</span>
+          </div>
+        </div>
+      `;
+        }
+      },
+      legend: {},
+      yAxis: {
+        axisLabel: {
+          align: "center",
+          fontSize: 10,
+          color: "#9295A5",
+          margin: 20,
+          formatter: (o) => o && `${(o / 1e3).toFixed(1)}K`
+        },
+        splitLine: { show: !1 }
+      },
+      grid: {
+        left: "0",
+        right: "0",
+        bottom: "0",
+        top: "20",
+        containLabel: !0
+      },
+      animation: !1,
+      series: [{
+        id: "myBar",
+        data: g.chartData,
+        type: "bar",
+        barCategoryGap: 4,
+        itemStyle: {
+          borderRadius: w.value ? [100, 100, 0, 0] : [4, 4, 0, 0],
+          color: ({ value: o }) => O(o)
+        },
+        clip: !0
+      }]
+    })), k = U(() => (g.labelData || []).map((o, l) => G(o).day() === 6 && l + 1 < g.labelData.length ? [l, l + 1] : null).filter(Boolean)), x = {
+      itemStyle: {
+        color: {
+          type: "linear",
+          x: 0,
+          y: 0,
+          x2: 0,
+          y2: 1,
+          colorStops: [
+            { offset: 0, color: "rgba(53, 109, 255, 0.08)" },
+            { offset: 1, color: "rgba(36, 93, 239, 0.01)" }
+          ],
+          global: !1
+        }
+      }
+    }, L = tt(), { chart: d } = at(L, _), N = (o, l, D = !1) => {
+      const v = o.getModel().getSeriesByType("bar"), z = v == null ? void 0 : v.map((b) => b.getData())[0], W = z.count(), C = [];
+      return l.forEach((b) => {
+        if (b < W) {
+          const M = z.getItemLayout(b);
+          C.push([
+            { x: M.x - 2 },
+            { x: M.x + M.width + 2 }
+          ]);
+        }
+      }), D && C.length > 0 ? [[
+        { x: C[0][0].x },
+        { x: C[C.length - 1][1].x }
+      ]] : C;
+    }, S = () => {
+      var o;
+      if (d.value)
+        if (w.value) {
+          const l = (o = k.value) == null ? void 0 : o.map(
+            (v) => N(d.value, v, !0).flat()
+          ), D = {
+            series: {
+              id: "myBar",
+              markArea: {
+                ...x,
+                data: l
+              }
+            }
+          };
+          d.value.setOption(D);
+        } else {
+          const l = {
+            series: {
+              id: "myBar",
+              markArea: {
+                data: []
+              }
+            }
+          };
+          d.value.setOption(l);
+        }
+    };
+    return et([d, w], () => {
+      d.value && S();
+    }), (o, l) => (nt(), rt("div", {
+      ref_key: "barChart",
+      ref: L,
+      class: "w-full"
+    }, null, 512));
+  }
+};
+export {
+  dt as default
+};

package/dist/{OcOverviewPieChart-Dg8xKIJJ.js → OcOverviewPieChart-CEKbsbpp.js}

@@ -1,27 +1,27 @@
-import { ref as m, computed as y, watch as x, nextTick as w, createElementBlock as u, openBlock as d, createElementVNode as a, createCommentVNode as C, toDisplayString as f, Fragment as S, renderList as k, normalizeStyle as V } from "vue";
+import { ref as f, computed as y, watch as x, nextTick as w, createElementBlock as i, openBlock as u, createElementVNode as a, createCommentVNode as C, toDisplayString as d, Fragment as k, renderList as S, normalizeStyle as V } from "vue";
 import { u as L } from "./useChart-D5nAyTGV.js";
-import "./dayjs.min-CTPVfFeV.js";
 const F = { class: "flex flex-col items-center justify-center" }, N = { class: "relative w-[210px] h-[210px]" }, T = { class: "absolute inset-0 flex flex-col items-center justify-center pointer-events-none" }, O = { class: "text-center" }, j = { class: "text-oc-text-400" }, P = { class: "text-lg font-semibold font-reddit-mono" }, z = {
   key: 0,
   class: "mt-4 flex flex-wrap gap-3 justify-center"
 }, B = { class: "text-sm" }, $ = {
   __name: "OcOverviewPieChart",
   props: {
-    chartData: Array
+    chartData: Array,
+    currency: String
   },
-  setup(r) {
-    const o = r, s = m(""), n = m(0), b = (e, t = "SGD") => (typeof e == "number" ? e : Number(e)).toLocaleString("en-US", {
+  setup(o) {
+    const r = o, s = f(""), n = f(0), b = (e) => (typeof e == "number" ? e : Number(e)).toLocaleString("en-US", {
       minimumFractionDigits: 2,
       maximumFractionDigits: 2
-    }), _ = (e) => {
+    }), g = (e) => {
       const t = typeof e == "number" ? e : Number(e);
       return l.value ? Math.round(t / l.value * 100) : 0;
-    }, l = y(() => !o.chartData || o.chartData.length === 0 ? 0 : o.chartData.reduce((e, t) => e + (t.value || 0), 0)), h = () => {
+    }, l = y(() => !r.chartData || r.chartData.length === 0 ? 0 : r.chartData.reduce((e, t) => e + (t.value || 0), 0)), h = () => {
       s.value = "Total", n.value = l.value;
-    }, D = y(() => ({
+    }, _ = y(() => ({
       series: [{
         id: "overviewPieChart",
-        data: o.chartData || [],
+        data: r.chartData || [],
         type: "pie",
         radius: ["80%", "100%"],
         avoidLabelOverlap: !1,
@@ -52,19 +52,19 @@ const F = { class: "flex flex-col items-center justify-center" }, N = { class: "
           label: { show: !1 }
         }
       }]
-    })), v = m(), { chart: p } = L(v, D), g = (e) => o.chartData[e].itemStyle.color;
+    })), v = f(), { chart: p } = L(v, _), D = (e) => r.chartData[e].itemStyle.color;
     return x(p, async (e) => {
       e && (await w(), h(), e.on("mouseover", "series", (t) => {
         if (t.componentType === "series" && t.seriesType === "pie") {
-          const c = t.name || "Unknown", i = t.value || 0;
-          s.value = `${c} (${_(i)}%)`, n.value = t.value || 0;
+          const m = t.name || "Unknown", c = t.value || 0;
+          s.value = `${m} (${g(c)}%)`, n.value = t.value || 0;
         }
       }), e.on("mouseout", "series", () => {
         s.value = "Total", n.value = l.value;
       }));
-    }), x(() => o.chartData, () => {
+    }), x(() => r.chartData, () => {
       p.value && h();
-    }, { deep: !0 }), (e, t) => (d(), u("div", F, [
+    }, { deep: !0 }), (e, t) => (u(), i("div", F, [
       a("div", N, [
         a("div", {
           ref_key: "pieChart",
@@ -73,21 +73,21 @@ const F = { class: "flex flex-col items-center justify-center" }, N = { class: "
         }, null, 512),
         a("div", T, [
           a("div", O, [
-            a("div", j, f(s.value), 1),
-            a("div", P, "SGD " + f(b(n.value)), 1)
+            a("div", j, d(s.value), 1),
+            a("div", P, d(o.currency) + " " + d(b(n.value)), 1)
           ])
         ])
       ]),
-      r.chartData && r.chartData.length > 0 ? (d(), u("div", z, [
-        (d(!0), u(S, null, k(r.chartData, (c, i) => (d(), u("div", {
-          key: i,
+      o.chartData && o.chartData.length > 0 ? (u(), i("div", z, [
+        (u(!0), i(k, null, S(o.chartData, (m, c) => (u(), i("div", {
+          key: c,
           class: "flex items-center gap-2 cursor-pointer hover:opacity-80 transition-opacity"
         }, [
           a("div", {
             class: "w-3 h-3 rounded-full",
-            style: V({ backgroundColor: g(i) })
+            style: V({ backgroundColor: D(c) })
           }, null, 4),
-          a("span", B, f(c.name), 1)
+          a("span", B, d(m.name), 1)
         ]))), 128))
       ])) : C("", !0)
     ]));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orchidui/dashboard",
   "description": "Orchid Dashboard UI , Dashboard Ui Library Vue 3 tailwind css",
-  "version": "1.62.0",
+  "version": "1.64.0",
   "type": "module",
   "scripts": {
     "build": "vite build"
@@ -35,7 +35,7 @@
   "dependencies": {
     "dayjs": "^1.11.10",
     "echarts": "^5.4.3",
-    "@orchidui/core": "1.62.0",
+    "@orchidui/core": "1.64.0",
     "lottie-web": "^5.12.2",
     "quill": "^2.0.3",
     "quill-better-table": "^1.2.10",

package/dist/OcOverviewMonthlyBarChart-zvNIg1f3.js

@@ -1,163 +0,0 @@
-import { computed as i, ref as w, watch as F, createElementBlock as M, openBlock as S } from "vue";
-import { u as B } from "./useChart-D5nAyTGV.js";
-import { d as m } from "./dayjs.min-CTPVfFeV.js";
-const E = {
-  __name: "OcOverviewMonthlyBarChart",
-  props: {
-    variant: {
-      type: String,
-      validator: (u) => ["primary", "purple"].includes(u)
-    },
-    showTooltip: Boolean,
-    showLegend: Boolean,
-    showGrid: Boolean,
-    chartData: Array,
-    labelData: Array,
-    yAxisFormatter: Function,
-    xAxisFormatter: Function,
-    tooltipFormatter: Function,
-    tooltipValueFormatter: Function
-  },
-  setup(u) {
-    const e = u, s = i(() => e.labelData.length === 30), x = i(() => Math.max(...e.chartData));
-    i(() => e.chartData.indexOf(x.value));
-    const h = (t, a = "SGD") => (typeof t == "number" ? t : Number(t)).toLocaleString("en-US", {
-      minimumFractionDigits: 2,
-      maximumFractionDigits: 2
-    }), y = (t, a = !1) => a ? m(t).format("DD MMM").toUpperCase() : m(t).format("ddd DD/MM").toUpperCase(), g = (t) => {
-      const a = [...e.chartData].sort((r, l) => l - r);
-      return t === a[0] ? "#4C8AFD" : t === a[1] ? "#80ACFE" : "#CCDEFE";
-    }, D = i(() => ({
-      xAxis: {
-        data: e.labelData.map((t) => y(t, s.value)),
-        splitLine: { show: !1 },
-        axisLine: { show: !1 },
-        axisTick: { show: !1 },
-        axisLabel: {
-          color: "#9295A5",
-          fontSize: 10,
-          margin: 4,
-          width: 70,
-          interval: s.value ? 3 : 0
-        }
-      },
-      tooltip: {
-        trigger: "axis",
-        borderWidth: 0,
-        padding: 0,
-        axisPointer: {
-          type: "line",
-          lineStyle: { color: "#2465DE" }
-        },
-        formatter: (t) => {
-          const a = e.labelData[t[0].dataIndex], r = m(a).format("DD MMM YYYY"), l = t[0].value;
-          return `
-        <div class="py-3 px-4">
-          <div class="flex items-center gap-2">
-            <span class="text-xs font-medium text-oc-text-300">${r}</span>
-          </div>
-          <div class="flex items-center gap-2">
-            <span class="font-semibold text-oc-text font-reddit-mono">SGD ${h(l)}</span>
-          </div>
-        </div>
-      `;
-        }
-      },
-      legend: {},
-      yAxis: {
-        axisLabel: {
-          align: "center",
-          fontSize: 10,
-          color: "#9295A5",
-          margin: 20,
-          formatter: (t) => t && `${(t / 1e3).toFixed(1)}K`
-        },
-        splitLine: { show: !1 }
-      },
-      grid: {
-        left: "0",
-        right: "0",
-        bottom: "0",
-        top: "20",
-        containLabel: !0
-      },
-      animation: !1,
-      series: [{
-        id: "myBar",
-        data: e.chartData,
-        type: "bar",
-        barCategoryGap: 4,
-        itemStyle: {
-          borderRadius: s.value ? [100, 100, 0, 0] : [4, 4, 0, 0],
-          color: ({ value: t }) => g(t)
-        },
-        clip: !0
-      }]
-    })), b = i(() => e.labelData.map((t, a) => m(t).day() === 6 && a + 1 < e.labelData.length ? [a, a + 1] : null).filter(Boolean)), v = {
-      itemStyle: {
-        color: {
-          type: "linear",
-          x: 0,
-          y: 0,
-          x2: 0,
-          y2: 1,
-          colorStops: [
-            { offset: 0, color: "rgba(53, 109, 255, 0.08)" },
-            { offset: 1, color: "rgba(36, 93, 239, 0.01)" }
-          ],
-          global: !1
-        }
-      }
-    }, d = w(), { chart: o } = B(d, D), A = (t, a, r = !1) => {
-      const f = t.getModel().getSeriesByType("bar").map((c) => c.getData())[0], k = f.count(), n = [];
-      return a.forEach((c) => {
-        if (c < k) {
-          const p = f.getItemLayout(c);
-          n.push([
-            { x: p.x - 2 },
-            { x: p.x + p.width + 2 }
-          ]);
-        }
-      }), r && n.length > 0 ? [[
-        { x: n[0][0].x },
-        { x: n[n.length - 1][1].x }
-      ]] : n;
-    }, C = () => {
-      if (o.value)
-        if (s.value) {
-          const t = b.value.map(
-            (r) => A(o.value, r, !0).flat()
-          ), a = {
-            series: {
-              id: "myBar",
-              markArea: {
-                ...v,
-                data: t
-              }
-            }
-          };
-          o.value.setOption(a);
-        } else {
-          const t = {
-            series: {
-              id: "myBar",
-              markArea: {
-                data: []
-              }
-            }
-          };
-          o.value.setOption(t);
-        }
-    };
-    return F([o, s], () => {
-      o.value && C();
-    }), (t, a) => (S(), M("div", {
-      ref_key: "barChart",
-      ref: d,
-      class: "w-full"
-    }, null, 512));
-  }
-};
-export {
-  E as default
-};

package/dist/dayjs.min-CTPVfFeV.js

@@ -1,284 +0,0 @@
-import { g as G } from "./_commonjsHelpers-B4e78b8K.js";
-var W = { exports: {} }, K = W.exports, E;
-function X() {
-  return E || (E = 1, (function(V, et) {
-    (function(A, x) {
-      V.exports = x();
-    })(K, (function() {
-      var A = 1e3, x = 6e4, U = 36e5, I = "millisecond", S = "second", w = "minute", _ = "hour", M = "day", H = "week", m = "month", J = "quarter", y = "year", O = "date", Z = "Invalid Date", B = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, P = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, Q = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(s) {
-        var n = ["th", "st", "nd", "rd"], t = s % 100;
-        return "[" + s + (n[(t - 20) % 10] || n[t] || n[0]) + "]";
-      } }, F = function(s, n, t) {
-        var r = String(s);
-        return !r || r.length >= n ? s : "" + Array(n + 1 - r.length).join(t) + s;
-      }, R = { s: F, z: function(s) {
-        var n = -s.utcOffset(), t = Math.abs(n), r = Math.floor(t / 60), e = t % 60;
-        return (n <= 0 ? "+" : "-") + F(r, 2, "0") + ":" + F(e, 2, "0");
-      }, m: function s(n, t) {
-        if (n.date() < t.date()) return -s(t, n);
-        var r = 12 * (t.year() - n.year()) + (t.month() - n.month()), e = n.clone().add(r, m), i = t - e < 0, u = n.clone().add(r + (i ? -1 : 1), m);
-        return +(-(r + (t - e) / (i ? e - u : u - e)) || 0);
-      }, a: function(s) {
-        return s < 0 ? Math.ceil(s) || 0 : Math.floor(s);
-      }, p: function(s) {
-        return { M: m, y, w: H, d: M, D: O, h: _, m: w, s: S, ms: I, Q: J }[s] || String(s || "").toLowerCase().replace(/s$/, "");
-      }, u: function(s) {
-        return s === void 0;
-      } }, k = "en", D = {};
-      D[k] = Q;
-      var q = "$isDayjsObject", N = function(s) {
-        return s instanceof C || !(!s || !s[q]);
-      }, T = function s(n, t, r) {
-        var e;
-        if (!n) return k;
-        if (typeof n == "string") {
-          var i = n.toLowerCase();
-          D[i] && (e = i), t && (D[i] = t, e = i);
-          var u = n.split("-");
-          if (!e && u.length > 1) return s(u[0]);
-        } else {
-          var o = n.name;
-          D[o] = n, e = o;
-        }
-        return !r && e && (k = e), e || !r && k;
-      }, f = function(s, n) {
-        if (N(s)) return s.clone();
-        var t = typeof n == "object" ? n : {};
-        return t.date = s, t.args = arguments, new C(t);
-      }, a = R;
-      a.l = T, a.i = N, a.w = function(s, n) {
-        return f(s, { locale: n.$L, utc: n.$u, x: n.$x, $offset: n.$offset });
-      };
-      var C = (function() {
-        function s(t) {
-          this.$L = T(t.locale, null, !0), this.parse(t), this.$x = this.$x || t.x || {}, this[q] = !0;
-        }
-        var n = s.prototype;
-        return n.parse = function(t) {
-          this.$d = (function(r) {
-            var e = r.date, i = r.utc;
-            if (e === null) return /* @__PURE__ */ new Date(NaN);
-            if (a.u(e)) return /* @__PURE__ */ new Date();
-            if (e instanceof Date) return new Date(e);
-            if (typeof e == "string" && !/Z$/i.test(e)) {
-              var u = e.match(B);
-              if (u) {
-                var o = u[2] - 1 || 0, c = (u[7] || "0").substring(0, 3);
-                return i ? new Date(Date.UTC(u[1], o, u[3] || 1, u[4] || 0, u[5] || 0, u[6] || 0, c)) : new Date(u[1], o, u[3] || 1, u[4] || 0, u[5] || 0, u[6] || 0, c);
-              }
-            }
-            return new Date(e);
-          })(t), this.init();
-        }, n.init = function() {
-          var t = this.$d;
-          this.$y = t.getFullYear(), this.$M = t.getMonth(), this.$D = t.getDate(), this.$W = t.getDay(), this.$H = t.getHours(), this.$m = t.getMinutes(), this.$s = t.getSeconds(), this.$ms = t.getMilliseconds();
-        }, n.$utils = function() {
-          return a;
-        }, n.isValid = function() {
-          return this.$d.toString() !== Z;
-        }, n.isSame = function(t, r) {
-          var e = f(t);
-          return this.startOf(r) <= e && e <= this.endOf(r);
-        }, n.isAfter = function(t, r) {
-          return f(t) < this.startOf(r);
-        }, n.isBefore = function(t, r) {
-          return this.endOf(r) < f(t);
-        }, n.$g = function(t, r, e) {
-          return a.u(t) ? this[r] : this.set(e, t);
-        }, n.unix = function() {
-          return Math.floor(this.valueOf() / 1e3);
-        }, n.valueOf = function() {
-          return this.$d.getTime();
-        }, n.startOf = function(t, r) {
-          var e = this, i = !!a.u(r) || r, u = a.p(t), o = function(p, $) {
-            var v = a.w(e.$u ? Date.UTC(e.$y, $, p) : new Date(e.$y, $, p), e);
-            return i ? v : v.endOf(M);
-          }, c = function(p, $) {
-            return a.w(e.toDate()[p].apply(e.toDate("s"), (i ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice($)), e);
-          }, h = this.$W, d = this.$M, l = this.$D, b = "set" + (this.$u ? "UTC" : "");
-          switch (u) {
-            case y:
-              return i ? o(1, 0) : o(31, 11);
-            case m:
-              return i ? o(1, d) : o(0, d + 1);
-            case H:
-              var g = this.$locale().weekStart || 0, Y = (h < g ? h + 7 : h) - g;
-              return o(i ? l - Y : l + (6 - Y), d);
-            case M:
-            case O:
-              return c(b + "Hours", 0);
-            case _:
-              return c(b + "Minutes", 1);
-            case w:
-              return c(b + "Seconds", 2);
-            case S:
-              return c(b + "Milliseconds", 3);
-            default:
-              return this.clone();
-          }
-        }, n.endOf = function(t) {
-          return this.startOf(t, !1);
-        }, n.$set = function(t, r) {
-          var e, i = a.p(t), u = "set" + (this.$u ? "UTC" : ""), o = (e = {}, e[M] = u + "Date", e[O] = u + "Date", e[m] = u + "Month", e[y] = u + "FullYear", e[_] = u + "Hours", e[w] = u + "Minutes", e[S] = u + "Seconds", e[I] = u + "Milliseconds", e)[i], c = i === M ? this.$D + (r - this.$W) : r;
-          if (i === m || i === y) {
-            var h = this.clone().set(O, 1);
-            h.$d[o](c), h.init(), this.$d = h.set(O, Math.min(this.$D, h.daysInMonth())).$d;
-          } else o && this.$d[o](c);
-          return this.init(), this;
-        }, n.set = function(t, r) {
-          return this.clone().$set(t, r);
-        }, n.get = function(t) {
-          return this[a.p(t)]();
-        }, n.add = function(t, r) {
-          var e, i = this;
-          t = Number(t);
-          var u = a.p(r), o = function(d) {
-            var l = f(i);
-            return a.w(l.date(l.date() + Math.round(d * t)), i);
-          };
-          if (u === m) return this.set(m, this.$M + t);
-          if (u === y) return this.set(y, this.$y + t);
-          if (u === M) return o(1);
-          if (u === H) return o(7);
-          var c = (e = {}, e[w] = x, e[_] = U, e[S] = A, e)[u] || 1, h = this.$d.getTime() + t * c;
-          return a.w(h, this);
-        }, n.subtract = function(t, r) {
-          return this.add(-1 * t, r);
-        }, n.format = function(t) {
-          var r = this, e = this.$locale();
-          if (!this.isValid()) return e.invalidDate || Z;
-          var i = t || "YYYY-MM-DDTHH:mm:ssZ", u = a.z(this), o = this.$H, c = this.$m, h = this.$M, d = e.weekdays, l = e.months, b = e.meridiem, g = function($, v, j, L) {
-            return $ && ($[v] || $(r, i)) || j[v].slice(0, L);
-          }, Y = function($) {
-            return a.s(o % 12 || 12, $, "0");
-          }, p = b || function($, v, j) {
-            var L = $ < 12 ? "AM" : "PM";
-            return j ? L.toLowerCase() : L;
-          };
-          return i.replace(P, (function($, v) {
-            return v || (function(j) {
-              switch (j) {
-                case "YY":
-                  return String(r.$y).slice(-2);
-                case "YYYY":
-                  return a.s(r.$y, 4, "0");
-                case "M":
-                  return h + 1;
-                case "MM":
-                  return a.s(h + 1, 2, "0");
-                case "MMM":
-                  return g(e.monthsShort, h, l, 3);
-                case "MMMM":
-                  return g(l, h);
-                case "D":
-                  return r.$D;
-                case "DD":
-                  return a.s(r.$D, 2, "0");
-                case "d":
-                  return String(r.$W);
-                case "dd":
-                  return g(e.weekdaysMin, r.$W, d, 2);
-                case "ddd":
-                  return g(e.weekdaysShort, r.$W, d, 3);
-                case "dddd":
-                  return d[r.$W];
-                case "H":
-                  return String(o);
-                case "HH":
-                  return a.s(o, 2, "0");
-                case "h":
-                  return Y(1);
-                case "hh":
-                  return Y(2);
-                case "a":
-                  return p(o, c, !0);
-                case "A":
-                  return p(o, c, !1);
-                case "m":
-                  return String(c);
-                case "mm":
-                  return a.s(c, 2, "0");
-                case "s":
-                  return String(r.$s);
-                case "ss":
-                  return a.s(r.$s, 2, "0");
-                case "SSS":
-                  return a.s(r.$ms, 3, "0");
-                case "Z":
-                  return u;
-              }
-              return null;
-            })($) || u.replace(":", "");
-          }));
-        }, n.utcOffset = function() {
-          return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
-        }, n.diff = function(t, r, e) {
-          var i, u = this, o = a.p(r), c = f(t), h = (c.utcOffset() - this.utcOffset()) * x, d = this - c, l = function() {
-            return a.m(u, c);
-          };
-          switch (o) {
-            case y:
-              i = l() / 12;
-              break;
-            case m:
-              i = l();
-              break;
-            case J:
-              i = l() / 3;
-              break;
-            case H:
-              i = (d - h) / 6048e5;
-              break;
-            case M:
-              i = (d - h) / 864e5;
-              break;
-            case _:
-              i = d / U;
-              break;
-            case w:
-              i = d / x;
-              break;
-            case S:
-              i = d / A;
-              break;
-            default:
-              i = d;
-          }
-          return e ? i : a.a(i);
-        }, n.daysInMonth = function() {
-          return this.endOf(m).$D;
-        }, n.$locale = function() {
-          return D[this.$L];
-        }, n.locale = function(t, r) {
-          if (!t) return this.$L;
-          var e = this.clone(), i = T(t, r, !0);
-          return i && (e.$L = i), e;
-        }, n.clone = function() {
-          return a.w(this.$d, this);
-        }, n.toDate = function() {
-          return new Date(this.valueOf());
-        }, n.toJSON = function() {
-          return this.isValid() ? this.toISOString() : null;
-        }, n.toISOString = function() {
-          return this.$d.toISOString();
-        }, n.toString = function() {
-          return this.$d.toUTCString();
-        }, s;
-      })(), z = C.prototype;
-      return f.prototype = z, [["$ms", I], ["$s", S], ["$m", w], ["$H", _], ["$W", M], ["$M", m], ["$y", y], ["$D", O]].forEach((function(s) {
-        z[s[1]] = function(n) {
-          return this.$g(n, s[0], s[1]);
-        };
-      })), f.extend = function(s, n) {
-        return s.$i || (s(n, C, f), s.$i = !0), f;
-      }, f.locale = T, f.isDayjs = N, f.unix = function(s) {
-        return f(1e3 * s);
-      }, f.en = D[k], f.Ls = D, f.p = {}, f;
-    }));
-  })(W)), W.exports;
-}
-var tt = X();
-const rt = /* @__PURE__ */ G(tt);
-export {
-  rt as d
-};