@ozdao/prometheus-framework 0.2.199 → 0.2.200

package/dist/prometheus-framework/src/components/Completion/Completion.vue.js

@@ -1,5 +1,9 @@
-import { computed as h, resolveComponent as p, openBlock as d, createElementBlock as g, createElementVNode as a, toDisplayString as c, createBlock as f, withCtx as b, createTextVNode as x, createCommentVNode as k, normalizeStyle as _ } from "vue";
-const w = { class: "w-100 radius-big pd-medium bg-second t-black" }, y = { class: "mn-b-thin flex-v-center flex-nowrap flex" }, v = { class: "mn-l-thin uppercase radius-big t-semi t-medium t-white bg-black w-max pd-thin" }, C = { class: "w-100 h-2r pos-relative pd-nano bg-black radius-big" }, S = {
+import { computed, resolveComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, createBlock, withCtx, createTextVNode, createCommentVNode, normalizeStyle } from "vue";
+const _hoisted_1 = { class: "w-100 radius-big pd-medium bg-second t-black" };
+const _hoisted_2 = { class: "mn-b-thin flex-v-center flex-nowrap flex" };
+const _hoisted_3 = { class: "mn-l-thin uppercase radius-big t-semi t-medium t-white bg-black w-max pd-thin" };
+const _hoisted_4 = { class: "w-100 h-2r pos-relative pd-nano bg-black radius-big" };
+const _sfc_main = {
   __name: "Completion",
   props: {
     user: Object,
@@ -9,38 +13,54 @@ const w = { class: "w-100 radius-big pd-medium bg-second t-black" }, y = { class
     text: String,
     text_cta: String
   },
-  setup(n) {
-    const { user: P, cta: B, target: l } = n, m = (o) => {
-      let r = 0, i = 0;
-      function u(e) {
-        for (let t in e)
-          e.hasOwnProperty(t) && (e[t] && typeof e[t] == "object" && !Array.isArray(e[t]) ? u(e[t]) : (r++, e[t] != null && e[t] !== "" && i++));
+  setup(__props) {
+    const { user, cta, target } = __props;
+    const calculateCompletion = (profileObject) => {
+      let totalProperties = 0;
+      let filledProperties = 0;
+      function recurse(obj) {
+        for (let key in obj) {
+          if (obj.hasOwnProperty(key)) {
+            if (obj[key] && typeof obj[key] === "object" && !Array.isArray(obj[key])) {
+              recurse(obj[key]);
+            } else {
+              totalProperties++;
+              if (obj[key] != null && obj[key] !== "") {
+                filledProperties++;
+              }
+            }
+          }
+        }
       }
-      return u(o), r === 0 ? 0 : Math.round(i / r * 100);
-    }, s = h(() => l ? m(l) : 0);
-    return (o, r) => {
-      const i = p("router-link");
-      return d(), g("section", w, [
-        a("div", y, [
-          a("h3", null, c(n.text), 1),
-          a("h4", v, c(n.percentage || s.value) + "% ", 1),
-          n.cta ? (d(), f(i, {
+      recurse(profileObject);
+      return totalProperties === 0 ? 0 : Math.round(filledProperties / totalProperties * 100);
+    };
+    const completionPercentage = computed(() => {
+      return target ? calculateCompletion(target) : 0;
+    });
+    return (_ctx, _cache) => {
+      const _component_router_link = resolveComponent("router-link");
+      return openBlock(), createElementBlock("section", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("h3", null, toDisplayString(__props.text), 1),
+          createElementVNode("h4", _hoisted_3, toDisplayString(__props.percentage || completionPercentage.value) + "% ", 1),
+          __props.cta ? (openBlock(), createBlock(_component_router_link, {
             key: 0,
             to: {
               name: "User Edit Profile",
-              params: { _id: n.user }
+              params: { _id: __props.user }
             },
             class: "mn-l-auto uppercase radius-big t-semi t-medium t-white bg-black w-max pd-thin"
           }, {
-            default: b(() => [
-              x(c(n.text_cta), 1)
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(__props.text_cta), 1)
             ]),
             _: 1
-          }, 8, ["to"])) : k("", !0)
+          }, 8, ["to"])) : createCommentVNode("", true)
         ]),
-        a("div", C, [
-          a("div", {
-            style: _(`width: ${s.value}%`),
+        createElementVNode("div", _hoisted_4, [
+          createElementVNode("div", {
+            style: normalizeStyle(`width: ${completionPercentage.value}%`),
             class: "h-100 bg-second mn-b-thin radius-big"
           }, null, 4)
         ])
@@ -49,5 +69,6 @@ const w = { class: "w-100 radius-big pd-medium bg-second t-black" }, y = { class
   }
 };
 export {
-  S as default
+  _sfc_main as default
 };
+//# sourceMappingURL=Completion.vue.js.map

package/dist/prometheus-framework/src/components/Completion/Completion.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Completion.vue.js","sources":["../../../../../src/components/Completion/Completion.vue"],"sourcesContent":["<template>\n  <section class=\"w-100 radius-big pd-medium bg-second t-black\">\n    <div class=\"mn-b-thin flex-v-center flex-nowrap flex\">\n      <h3>\n        {{ text }}\n      </h3>\n\n      <h4 class=\"mn-l-thin uppercase radius-big t-semi t-medium t-white bg-black w-max pd-thin\">\n        {{ percentage || completionPercentage }}%\n      </h4>\n\n      <router-link\n        v-if=\"cta\"\n        :to=\"{\n          name: 'User Edit Profile',\n          params: { _id: user }\n        }\"\n        class=\"mn-l-auto uppercase radius-big t-semi t-medium t-white bg-black w-max pd-thin\"\n      >\n        {{ text_cta }}\n      </router-link>\n    </div> \n\n    \n\n    <div class=\"w-100 h-2r pos-relative pd-nano bg-black radius-big\">\n      <div :style=\"`width: ${completionPercentage}%`\" class=\"h-100 bg-second mn-b-thin radius-big\">\n      </div>\n    </div>\n  </section>\n</template>\n\n<script setup>\nimport { computed } from 'vue';\n\nconst { user, cta, target } = defineProps({\n  user: Object,\n  target: Object,\n  cta: Boolean,\n  percentage: Number,\n  text: String,\n  text_cta: String,\n});\n\nconst calculateCompletion = (profileObject) => {\n  let totalProperties = 0;\n  let filledProperties = 0;\n\n  function recurse(obj) {\n    for (let key in obj) {\n      if (obj.hasOwnProperty(key)) {\n        if (obj[key] && typeof obj[key] === 'object' && !Array.isArray(obj[key])) {\n          recurse(obj[key]);  // Recurse into nested objects\n        } else {\n          totalProperties++;\n          if (obj[key] != null && obj[key] !== '') {\n            filledProperties++;\n          }\n        }\n      }\n    }\n  }\n\n  recurse(profileObject);\n\n  return (totalProperties === 0 ? 0 : Math.round((filledProperties / totalProperties) * 100));\n};\n\nconst completionPercentage = computed(() => {\n  return target ? calculateCompletion(target) : 0;\n});\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAmCA,UAAM,EAAE,MAAM,KAAK,OAAM,IAAK;AAS9B,UAAM,sBAAsB,CAAC,kBAAkB;AAC7C,UAAI,kBAAkB;AACtB,UAAI,mBAAmB;AAEvB,eAAS,QAAQ,KAAK;AACpB,iBAAS,OAAO,KAAK;AACnB,cAAI,IAAI,eAAe,GAAG,GAAG;AAC3B,gBAAI,IAAI,GAAG,KAAK,OAAO,IAAI,GAAG,MAAM,YAAY,CAAC,MAAM,QAAQ,IAAI,GAAG,CAAC,GAAG;AACxE,sBAAQ,IAAI,GAAG,CAAC;AAAA,YAC1B,OAAe;AACL;AACA,kBAAI,IAAI,GAAG,KAAK,QAAQ,IAAI,GAAG,MAAM,IAAI;AACvC;AAAA,cACD;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAED,cAAQ,aAAa;AAErB,aAAQ,oBAAoB,IAAI,IAAI,KAAK,MAAO,mBAAmB,kBAAmB,GAAG;AAAA,IAC3F;AAEA,UAAM,uBAAuB,SAAS,MAAM;AAC1C,aAAO,SAAS,oBAAoB,MAAM,IAAI;AAAA,IAChD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/components/Countdown/Countdown.vue.cjs

@@ -1 +1,102 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p={class:"gap-thin flex-nowrap flex flex-center"},h={key:0,class:"flex-child-grow-1 flex-child-shrink-0 flex-child-basis-auto pd-medium bg-blur-small bg-white-transp-5 radius-small"},_=e.createElementVNode("p",{class:"p-small t-transp"},"Offer is over",-1),f=[_],v={key:1,class:"flex-child-grow-1 flex-child-shrink-0 flex-child-basis-auto pd-nano bg-blur-small bg-white-transp-5 radius-small"},g={class:"p-big"},b=e.createElementVNode("p",{class:"p-small t-transp"},"Days",-1),k={key:2,class:"flex-child-grow-1 flex-child-shrink-0 flex-child-basis-auto pd-nano bg-blur-small bg-white-transp-5 radius-small"},x={class:"p-big"},w=e.createElementVNode("p",{class:"p-small t-transp"},"hours",-1),E={key:3,class:"flex-child-grow-1 flex-child-shrink-0 flex-child-basis-auto pd-nano bg-blur-small bg-white-transp-5 radius-small"},N={class:"p-big"},V=e.createElementVNode("p",{class:"p-small t-transp"},"minutes",-1),B={key:4,class:"flex-child-grow-1 flex-child-shrink-0 flex-child-basis-auto pd-nano bg-blur-small bg-white-transp-5 radius-small"},y={class:"p-big"},D=e.createElementVNode("p",{class:"p-small t-transp"},"seconds",-1),M={__name:"Countdown",props:["date"],setup(d){const u=d,m=new Date(u.date).getTime(),r=e.ref(new Date().getTime());let s;const a=e.ref(0),o=e.ref(0),n=e.ref(0),c=e.ref(0),t=e.ref(!1),i=()=>{const l=m-r.value;l<=0?(a.value=0,o.value=0,n.value=0,c.value=0,t.value=!0,clearInterval(s)):(a.value=Math.floor(l/(1e3*60*60*24)),o.value=Math.floor(l%(1e3*60*60*24)/(1e3*60*60)),n.value=Math.floor(l%(1e3*60*60)/(1e3*60)),c.value=Math.floor(l%(1e3*60)/1e3))};return i(),e.onMounted(()=>{s=setInterval(()=>{r.value=new Date().getTime(),i()},1e3)}),e.onBeforeUnmount(()=>{clearInterval(s)}),(l,C)=>(e.openBlock(),e.createElementBlock("div",p,[t.value?(e.openBlock(),e.createElementBlock("div",h,f)):e.createCommentVNode("",!0),t.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",v,[e.createElementVNode("p",g,e.toDisplayString(a.value),1),b])),t.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",k,[e.createElementVNode("p",x,e.toDisplayString(o.value),1),w])),t.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",E,[e.createElementVNode("p",N,e.toDisplayString(n.value),1),V])),t.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",B,[e.createElementVNode("p",y,e.toDisplayString(c.value),1),D]))]))}};exports.default=M;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const _hoisted_1 = { class: "gap-thin flex-nowrap flex flex-center" };
+const _hoisted_2 = {
+  key: 0,
+  class: "flex-child-grow-1 flex-child-shrink-0 flex-child-basis-auto pd-medium bg-blur-small bg-white-transp-5 radius-small"
+};
+const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("p", { class: "p-small t-transp" }, "Offer is over", -1);
+const _hoisted_4 = [
+  _hoisted_3
+];
+const _hoisted_5 = {
+  key: 1,
+  class: "flex-child-grow-1 flex-child-shrink-0 flex-child-basis-auto pd-nano bg-blur-small bg-white-transp-5 radius-small"
+};
+const _hoisted_6 = { class: "p-big" };
+const _hoisted_7 = /* @__PURE__ */ vue.createElementVNode("p", { class: "p-small t-transp" }, "Days", -1);
+const _hoisted_8 = {
+  key: 2,
+  class: "flex-child-grow-1 flex-child-shrink-0 flex-child-basis-auto pd-nano bg-blur-small bg-white-transp-5 radius-small"
+};
+const _hoisted_9 = { class: "p-big" };
+const _hoisted_10 = /* @__PURE__ */ vue.createElementVNode("p", { class: "p-small t-transp" }, "hours", -1);
+const _hoisted_11 = {
+  key: 3,
+  class: "flex-child-grow-1 flex-child-shrink-0 flex-child-basis-auto pd-nano bg-blur-small bg-white-transp-5 radius-small"
+};
+const _hoisted_12 = { class: "p-big" };
+const _hoisted_13 = /* @__PURE__ */ vue.createElementVNode("p", { class: "p-small t-transp" }, "minutes", -1);
+const _hoisted_14 = {
+  key: 4,
+  class: "flex-child-grow-1 flex-child-shrink-0 flex-child-basis-auto pd-nano bg-blur-small bg-white-transp-5 radius-small"
+};
+const _hoisted_15 = { class: "p-big" };
+const _hoisted_16 = /* @__PURE__ */ vue.createElementVNode("p", { class: "p-small t-transp" }, "seconds", -1);
+const _sfc_main = {
+  __name: "Countdown",
+  props: [
+    "date"
+  ],
+  setup(__props) {
+    const props = __props;
+    const targetDate = new Date(props.date).getTime();
+    const currentDate = vue.ref((/* @__PURE__ */ new Date()).getTime());
+    let interval;
+    const days = vue.ref(0);
+    const hours = vue.ref(0);
+    const minutes = vue.ref(0);
+    const seconds = vue.ref(0);
+    const isTimeOver = vue.ref(false);
+    const calculateTime = () => {
+      const timeDifference = targetDate - currentDate.value;
+      if (timeDifference <= 0) {
+        days.value = 0;
+        hours.value = 0;
+        minutes.value = 0;
+        seconds.value = 0;
+        isTimeOver.value = true;
+        clearInterval(interval);
+      } else {
+        days.value = Math.floor(timeDifference / (1e3 * 60 * 60 * 24));
+        hours.value = Math.floor(timeDifference % (1e3 * 60 * 60 * 24) / (1e3 * 60 * 60));
+        minutes.value = Math.floor(timeDifference % (1e3 * 60 * 60) / (1e3 * 60));
+        seconds.value = Math.floor(timeDifference % (1e3 * 60) / 1e3);
+      }
+    };
+    calculateTime();
+    vue.onMounted(() => {
+      interval = setInterval(() => {
+        currentDate.value = (/* @__PURE__ */ new Date()).getTime();
+        calculateTime();
+      }, 1e3);
+    });
+    vue.onBeforeUnmount(() => {
+      clearInterval(interval);
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        isTimeOver.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, _hoisted_4)) : vue.createCommentVNode("", true),
+        !isTimeOver.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+          vue.createElementVNode("p", _hoisted_6, vue.toDisplayString(days.value), 1),
+          _hoisted_7
+        ])) : vue.createCommentVNode("", true),
+        !isTimeOver.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
+          vue.createElementVNode("p", _hoisted_9, vue.toDisplayString(hours.value), 1),
+          _hoisted_10
+        ])) : vue.createCommentVNode("", true),
+        !isTimeOver.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11, [
+          vue.createElementVNode("p", _hoisted_12, vue.toDisplayString(minutes.value), 1),
+          _hoisted_13
+        ])) : vue.createCommentVNode("", true),
+        !isTimeOver.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14, [
+          vue.createElementVNode("p", _hoisted_15, vue.toDisplayString(seconds.value), 1),
+          _hoisted_16
+        ])) : vue.createCommentVNode("", true)
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Countdown.vue.cjs.map

package/dist/prometheus-framework/src/components/Countdown/Countdown.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Countdown.vue.cjs","sources":["../../../../../src/components/Countdown/Countdown.vue"],"sourcesContent":["<template>\n  <div class=\"gap-thin flex-nowrap flex flex-center\">\n    <div v-if=\"isTimeOver\" class=\"flex-child-grow-1  flex-child-shrink-0 flex-child-basis-auto pd-medium bg-blur-small bg-white-transp-5 radius-small\">\n      <p class=\"p-small t-transp\">Offer is over</p>\n    </div>\n\n    <div  v-if=\"!isTimeOver\" class=\"flex-child-grow-1  flex-child-shrink-0 flex-child-basis-auto pd-nano bg-blur-small bg-white-transp-5 radius-small\">\n    \t<p class=\"p-big\">{{ days }}</p>\n    \t<p class=\"p-small t-transp\">Days</p>\n    </div>\n     <div  v-if=\"!isTimeOver\" class=\"flex-child-grow-1  flex-child-shrink-0 flex-child-basis-auto pd-nano bg-blur-small bg-white-transp-5 radius-small\">\n    \t<p class=\"p-big\">{{ hours }}</p>\n    \t<p class=\"p-small t-transp\">hours</p>\n    </div>\n     <div  v-if=\"!isTimeOver\" class=\"flex-child-grow-1  flex-child-shrink-0 flex-child-basis-auto pd-nano bg-blur-small bg-white-transp-5 radius-small\">\n    \t<p class=\"p-big\">{{ minutes }}</p>\n    \t<p class=\"p-small t-transp\">minutes</p>\n    </div>\n     <div  v-if=\"!isTimeOver\" class=\"flex-child-grow-1  flex-child-shrink-0 flex-child-basis-auto pd-nano bg-blur-small bg-white-transp-5 radius-small\">\n    \t<p class=\"p-big\">{{ seconds }}</p>\n    \t<p class=\"p-small t-transp\">seconds</p>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, onBeforeUnmount } from 'vue';\n\nconst props = defineProps([\n  'date',\n])\n\nconst targetDate = new Date(props.date).getTime();\nconst currentDate = ref(new Date().getTime());\n\nlet interval;\n\nconst days = ref(0);\nconst hours = ref(0);\nconst minutes = ref(0);\nconst seconds = ref(0);\n\nconst isTimeOver = ref(false);\n\nconst calculateTime = () => {\n  const timeDifference = targetDate - currentDate.value;\n\n  if (timeDifference <= 0) {\n    // Target date has passed, set all values to 0\n    days.value = 0;\n    hours.value = 0;\n    minutes.value = 0;\n    seconds.value = 0;\n    isTimeOver.value = true\n    clearInterval(interval);\n  } else {\n    days.value = Math.floor(timeDifference / (1000 * 60 * 60 * 24));\n    hours.value = Math.floor((timeDifference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));\n    minutes.value = Math.floor((timeDifference % (1000 * 60 * 60)) / (1000 * 60));\n    seconds.value = Math.floor((timeDifference % (1000 * 60)) / 1000);\n  }\n};\n\ncalculateTime();\n\nonMounted(() => {\n  interval = setInterval(() => {\n    currentDate.value = new Date().getTime();\n    calculateTime();\n  }, 1000);\n});\n\nonBeforeUnmount(() => {\n  clearInterval(interval);\n});\n</script>\n"],"names":["ref","onMounted","onBeforeUnmount"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,UAAM,QAAQ;AAId,UAAM,aAAa,IAAI,KAAK,MAAM,IAAI,EAAE,QAAO;AAC/C,UAAM,cAAcA,IAAAA,KAAI,oBAAI,KAAI,GAAG,QAAS,CAAA;AAE5C,QAAI;AAEJ,UAAM,OAAOA,IAAAA,IAAI,CAAC;AAClB,UAAM,QAAQA,IAAAA,IAAI,CAAC;AACnB,UAAM,UAAUA,IAAAA,IAAI,CAAC;AACrB,UAAM,UAAUA,IAAAA,IAAI,CAAC;AAErB,UAAM,aAAaA,IAAAA,IAAI,KAAK;AAE5B,UAAM,gBAAgB,MAAM;AAC1B,YAAM,iBAAiB,aAAa,YAAY;AAEhD,UAAI,kBAAkB,GAAG;AAEvB,aAAK,QAAQ;AACb,cAAM,QAAQ;AACd,gBAAQ,QAAQ;AAChB,gBAAQ,QAAQ;AAChB,mBAAW,QAAQ;AACnB,sBAAc,QAAQ;AAAA,MAC1B,OAAS;AACL,aAAK,QAAQ,KAAK,MAAM,kBAAkB,MAAO,KAAK,KAAK,GAAG;AAC9D,cAAM,QAAQ,KAAK,MAAO,kBAAkB,MAAO,KAAK,KAAK,OAAQ,MAAO,KAAK,GAAG;AACpF,gBAAQ,QAAQ,KAAK,MAAO,kBAAkB,MAAO,KAAK,OAAQ,MAAO,GAAG;AAC5E,gBAAQ,QAAQ,KAAK,MAAO,kBAAkB,MAAO,MAAO,GAAI;AAAA,MACjE;AAAA,IACH;AAEA;AAEAC,QAAAA,UAAU,MAAM;AACd,iBAAW,YAAY,MAAM;AAC3B,oBAAY,SAAQ,oBAAI,KAAM,GAAC,QAAO;AACtC;MACD,GAAE,GAAI;AAAA,IACT,CAAC;AAEDC,QAAAA,gBAAgB,MAAM;AACpB,oBAAc,QAAQ;AAAA,IACxB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/components/Countdown/Countdown.vue.js

@@ -1,60 +1,102 @@
-import { ref as t, onMounted as g, onBeforeUnmount as b, openBlock as a, createElementBlock as o, createCommentVNode as n, createElementVNode as e, toDisplayString as i } from "vue";
-const x = { class: "gap-thin flex-nowrap flex flex-center" }, w = {
+import { ref, onMounted, onBeforeUnmount, openBlock, createElementBlock, createCommentVNode, createElementVNode, toDisplayString } from "vue";
+const _hoisted_1 = { class: "gap-thin flex-nowrap flex flex-center" };
+const _hoisted_2 = {
   key: 0,
   class: "flex-child-grow-1 flex-child-shrink-0 flex-child-basis-auto pd-medium bg-blur-small bg-white-transp-5 radius-small"
-}, k = /* @__PURE__ */ e("p", { class: "p-small t-transp" }, "Offer is over", -1), y = [
-  k
-], D = {
+};
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("p", { class: "p-small t-transp" }, "Offer is over", -1);
+const _hoisted_4 = [
+  _hoisted_3
+];
+const _hoisted_5 = {
   key: 1,
   class: "flex-child-grow-1 flex-child-shrink-0 flex-child-basis-auto pd-nano bg-blur-small bg-white-transp-5 radius-small"
-}, M = { class: "p-big" }, T = /* @__PURE__ */ e("p", { class: "p-small t-transp" }, "Days", -1), B = {
+};
+const _hoisted_6 = { class: "p-big" };
+const _hoisted_7 = /* @__PURE__ */ createElementVNode("p", { class: "p-small t-transp" }, "Days", -1);
+const _hoisted_8 = {
   key: 2,
   class: "flex-child-grow-1 flex-child-shrink-0 flex-child-basis-auto pd-nano bg-blur-small bg-white-transp-5 radius-small"
-}, I = { class: "p-big" }, C = /* @__PURE__ */ e("p", { class: "p-small t-transp" }, "hours", -1), E = {
+};
+const _hoisted_9 = { class: "p-big" };
+const _hoisted_10 = /* @__PURE__ */ createElementVNode("p", { class: "p-small t-transp" }, "hours", -1);
+const _hoisted_11 = {
   key: 3,
   class: "flex-child-grow-1 flex-child-shrink-0 flex-child-basis-auto pd-nano bg-blur-small bg-white-transp-5 radius-small"
-}, N = { class: "p-big" }, O = /* @__PURE__ */ e("p", { class: "p-small t-transp" }, "minutes", -1), V = {
+};
+const _hoisted_12 = { class: "p-big" };
+const _hoisted_13 = /* @__PURE__ */ createElementVNode("p", { class: "p-small t-transp" }, "minutes", -1);
+const _hoisted_14 = {
   key: 4,
   class: "flex-child-grow-1 flex-child-shrink-0 flex-child-basis-auto pd-nano bg-blur-small bg-white-transp-5 radius-small"
-}, S = { class: "p-big" }, U = /* @__PURE__ */ e("p", { class: "p-small t-transp" }, "seconds", -1), z = {
+};
+const _hoisted_15 = { class: "p-big" };
+const _hoisted_16 = /* @__PURE__ */ createElementVNode("p", { class: "p-small t-transp" }, "seconds", -1);
+const _sfc_main = {
   __name: "Countdown",
   props: [
     "date"
   ],
-  setup(m) {
-    const f = m, v = new Date(f.date).getTime(), p = t((/* @__PURE__ */ new Date()).getTime());
-    let c;
-    const r = t(0), d = t(0), u = t(0), h = t(0), s = t(!1), _ = () => {
-      const l = v - p.value;
-      l <= 0 ? (r.value = 0, d.value = 0, u.value = 0, h.value = 0, s.value = !0, clearInterval(c)) : (r.value = Math.floor(l / (1e3 * 60 * 60 * 24)), d.value = Math.floor(l % (1e3 * 60 * 60 * 24) / (1e3 * 60 * 60)), u.value = Math.floor(l % (1e3 * 60 * 60) / (1e3 * 60)), h.value = Math.floor(l % (1e3 * 60) / 1e3));
+  setup(__props) {
+    const props = __props;
+    const targetDate = new Date(props.date).getTime();
+    const currentDate = ref((/* @__PURE__ */ new Date()).getTime());
+    let interval;
+    const days = ref(0);
+    const hours = ref(0);
+    const minutes = ref(0);
+    const seconds = ref(0);
+    const isTimeOver = ref(false);
+    const calculateTime = () => {
+      const timeDifference = targetDate - currentDate.value;
+      if (timeDifference <= 0) {
+        days.value = 0;
+        hours.value = 0;
+        minutes.value = 0;
+        seconds.value = 0;
+        isTimeOver.value = true;
+        clearInterval(interval);
+      } else {
+        days.value = Math.floor(timeDifference / (1e3 * 60 * 60 * 24));
+        hours.value = Math.floor(timeDifference % (1e3 * 60 * 60 * 24) / (1e3 * 60 * 60));
+        minutes.value = Math.floor(timeDifference % (1e3 * 60 * 60) / (1e3 * 60));
+        seconds.value = Math.floor(timeDifference % (1e3 * 60) / 1e3);
+      }
     };
-    return _(), g(() => {
-      c = setInterval(() => {
-        p.value = (/* @__PURE__ */ new Date()).getTime(), _();
+    calculateTime();
+    onMounted(() => {
+      interval = setInterval(() => {
+        currentDate.value = (/* @__PURE__ */ new Date()).getTime();
+        calculateTime();
       }, 1e3);
-    }), b(() => {
-      clearInterval(c);
-    }), (l, j) => (a(), o("div", x, [
-      s.value ? (a(), o("div", w, y)) : n("", !0),
-      s.value ? n("", !0) : (a(), o("div", D, [
-        e("p", M, i(r.value), 1),
-        T
-      ])),
-      s.value ? n("", !0) : (a(), o("div", B, [
-        e("p", I, i(d.value), 1),
-        C
-      ])),
-      s.value ? n("", !0) : (a(), o("div", E, [
-        e("p", N, i(u.value), 1),
-        O
-      ])),
-      s.value ? n("", !0) : (a(), o("div", V, [
-        e("p", S, i(h.value), 1),
-        U
-      ]))
-    ]));
+    });
+    onBeforeUnmount(() => {
+      clearInterval(interval);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        isTimeOver.value ? (openBlock(), createElementBlock("div", _hoisted_2, _hoisted_4)) : createCommentVNode("", true),
+        !isTimeOver.value ? (openBlock(), createElementBlock("div", _hoisted_5, [
+          createElementVNode("p", _hoisted_6, toDisplayString(days.value), 1),
+          _hoisted_7
+        ])) : createCommentVNode("", true),
+        !isTimeOver.value ? (openBlock(), createElementBlock("div", _hoisted_8, [
+          createElementVNode("p", _hoisted_9, toDisplayString(hours.value), 1),
+          _hoisted_10
+        ])) : createCommentVNode("", true),
+        !isTimeOver.value ? (openBlock(), createElementBlock("div", _hoisted_11, [
+          createElementVNode("p", _hoisted_12, toDisplayString(minutes.value), 1),
+          _hoisted_13
+        ])) : createCommentVNode("", true),
+        !isTimeOver.value ? (openBlock(), createElementBlock("div", _hoisted_14, [
+          createElementVNode("p", _hoisted_15, toDisplayString(seconds.value), 1),
+          _hoisted_16
+        ])) : createCommentVNode("", true)
+      ]);
+    };
   }
 };
 export {
-  z as default
+  _sfc_main as default
 };
+//# sourceMappingURL=Countdown.vue.js.map

package/dist/prometheus-framework/src/components/Countdown/Countdown.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Countdown.vue.js","sources":["../../../../../src/components/Countdown/Countdown.vue"],"sourcesContent":["<template>\n  <div class=\"gap-thin flex-nowrap flex flex-center\">\n    <div v-if=\"isTimeOver\" class=\"flex-child-grow-1  flex-child-shrink-0 flex-child-basis-auto pd-medium bg-blur-small bg-white-transp-5 radius-small\">\n      <p class=\"p-small t-transp\">Offer is over</p>\n    </div>\n\n    <div  v-if=\"!isTimeOver\" class=\"flex-child-grow-1  flex-child-shrink-0 flex-child-basis-auto pd-nano bg-blur-small bg-white-transp-5 radius-small\">\n    \t<p class=\"p-big\">{{ days }}</p>\n    \t<p class=\"p-small t-transp\">Days</p>\n    </div>\n     <div  v-if=\"!isTimeOver\" class=\"flex-child-grow-1  flex-child-shrink-0 flex-child-basis-auto pd-nano bg-blur-small bg-white-transp-5 radius-small\">\n    \t<p class=\"p-big\">{{ hours }}</p>\n    \t<p class=\"p-small t-transp\">hours</p>\n    </div>\n     <div  v-if=\"!isTimeOver\" class=\"flex-child-grow-1  flex-child-shrink-0 flex-child-basis-auto pd-nano bg-blur-small bg-white-transp-5 radius-small\">\n    \t<p class=\"p-big\">{{ minutes }}</p>\n    \t<p class=\"p-small t-transp\">minutes</p>\n    </div>\n     <div  v-if=\"!isTimeOver\" class=\"flex-child-grow-1  flex-child-shrink-0 flex-child-basis-auto pd-nano bg-blur-small bg-white-transp-5 radius-small\">\n    \t<p class=\"p-big\">{{ seconds }}</p>\n    \t<p class=\"p-small t-transp\">seconds</p>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, onBeforeUnmount } from 'vue';\n\nconst props = defineProps([\n  'date',\n])\n\nconst targetDate = new Date(props.date).getTime();\nconst currentDate = ref(new Date().getTime());\n\nlet interval;\n\nconst days = ref(0);\nconst hours = ref(0);\nconst minutes = ref(0);\nconst seconds = ref(0);\n\nconst isTimeOver = ref(false);\n\nconst calculateTime = () => {\n  const timeDifference = targetDate - currentDate.value;\n\n  if (timeDifference <= 0) {\n    // Target date has passed, set all values to 0\n    days.value = 0;\n    hours.value = 0;\n    minutes.value = 0;\n    seconds.value = 0;\n    isTimeOver.value = true\n    clearInterval(interval);\n  } else {\n    days.value = Math.floor(timeDifference / (1000 * 60 * 60 * 24));\n    hours.value = Math.floor((timeDifference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));\n    minutes.value = Math.floor((timeDifference % (1000 * 60 * 60)) / (1000 * 60));\n    seconds.value = Math.floor((timeDifference % (1000 * 60)) / 1000);\n  }\n};\n\ncalculateTime();\n\nonMounted(() => {\n  interval = setInterval(() => {\n    currentDate.value = new Date().getTime();\n    calculateTime();\n  }, 1000);\n});\n\nonBeforeUnmount(() => {\n  clearInterval(interval);\n});\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,UAAM,QAAQ;AAId,UAAM,aAAa,IAAI,KAAK,MAAM,IAAI,EAAE,QAAO;AAC/C,UAAM,cAAc,KAAI,oBAAI,KAAI,GAAG,QAAS,CAAA;AAE5C,QAAI;AAEJ,UAAM,OAAO,IAAI,CAAC;AAClB,UAAM,QAAQ,IAAI,CAAC;AACnB,UAAM,UAAU,IAAI,CAAC;AACrB,UAAM,UAAU,IAAI,CAAC;AAErB,UAAM,aAAa,IAAI,KAAK;AAE5B,UAAM,gBAAgB,MAAM;AAC1B,YAAM,iBAAiB,aAAa,YAAY;AAEhD,UAAI,kBAAkB,GAAG;AAEvB,aAAK,QAAQ;AACb,cAAM,QAAQ;AACd,gBAAQ,QAAQ;AAChB,gBAAQ,QAAQ;AAChB,mBAAW,QAAQ;AACnB,sBAAc,QAAQ;AAAA,MAC1B,OAAS;AACL,aAAK,QAAQ,KAAK,MAAM,kBAAkB,MAAO,KAAK,KAAK,GAAG;AAC9D,cAAM,QAAQ,KAAK,MAAO,kBAAkB,MAAO,KAAK,KAAK,OAAQ,MAAO,KAAK,GAAG;AACpF,gBAAQ,QAAQ,KAAK,MAAO,kBAAkB,MAAO,KAAK,OAAQ,MAAO,GAAG;AAC5E,gBAAQ,QAAQ,KAAK,MAAO,kBAAkB,MAAO,MAAO,GAAI;AAAA,MACjE;AAAA,IACH;AAEA;AAEA,cAAU,MAAM;AACd,iBAAW,YAAY,MAAM;AAC3B,oBAAY,SAAQ,oBAAI,KAAM,GAAC,QAAO;AACtC;MACD,GAAE,GAAI;AAAA,IACT,CAAC;AAED,oBAAgB,MAAM;AACpB,oBAAc,QAAQ;AAAA,IACxB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/components/DatePicker/Calendar.vue2.cjs

@@ -1 +1,248 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue");;/* empty css               */const O={class:"calendar"},x={key:0,class:"br-b br-solid br-grey-transp-25 gap-thin flex flex-nowrap pd-thin"},N={class:"pd-thin flex flex-nowrap flex-v-center flex-justify-between"},B={class:"t-semi"},I={class:"pd-thin calendar__body"},L={class:"calendar__week"},W={class:"gap-micro calendar__dates"},R=["onClick"],H={__name:"Calendar",props:t.mergeModels({modelValue:[Date,Object],allowRange:Boolean},{date:{},dateModifiers:{}}),emits:t.mergeModels(["update:modelValue"],["update:date"]),setup(g,{emit:j}){const C=g,c=t.useModel(g,"date"),m=new Date,r=t.ref(m),v=t.ref(null),l=t.ref(null),s=t.ref(null),U=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],h=e=>new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate())),d=e=>new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate(),23,59,59)),p=t.computed(()=>{const e=r.value.toLocaleString("default",{month:"long",timeZone:"UTC"}),a=r.value.getUTCFullYear();return`${e} ${a}`}),f=t.computed(()=>{const e=[],a=new Date(Date.UTC(r.value.getUTCFullYear(),r.value.getUTCMonth(),1)),n=new Date(Date.UTC(r.value.getUTCFullYear(),r.value.getUTCMonth()+1,0)),u=a.getUTCDay();let o=new Date(a);o.setUTCDate(o.getUTCDate()-u);for(let i=0;i<u;i++)e.push({date:new Date(o),day:o.getUTCDate(),isToday:T(o)}),o.setUTCDate(o.getUTCDate()+1);let D=1;for(o=a;o<=n;o.setUTCDate(o.getUTCDate()+1))e.push({date:new Date(o),day:D,isToday:T(o)}),D++;const Y=e[e.length-1].date.getUTCDay();for(let i=Y+1;i<=6;i++)e.push({date:new Date(o),day:o.getUTCDate(),isToday:T(o)}),o.setUTCDate(o.getUTCDate()+1);return e}),T=e=>{const a=new Date;return e.getUTCDate()===a.getUTCDate()&&e.getUTCMonth()===a.getUTCMonth()&&e.getUTCFullYear()===a.getUTCFullYear()},w=e=>e.getUTCMonth()===r.value.getUTCMonth()&&e.getUTCFullYear()===r.value.getUTCFullYear(),y=e=>{if(C.allowRange){if(l.value&&s.value)return e>=new Date(l.value)&&d(e)<=new Date(s.value);if(l.value)return e.getTime()===new Date(l.value).getTime()}else return v.value&&e.getTime()===new Date(v.value).getTime()},_=e=>l.value&&s.value?e>l.value&&d(e)<s.value:!1,M=e=>{const a=h(e);if(!C.allowRange)v.value=a,c.value=a;else if(!l.value&&!s.value)l.value=a,c.value.start=a;else if(s.value)l.value=a,s.value=null,c.value={start:a,end:null};else{if(s.value=d(e),a<l.value){const n=d(l.value);l.value=a,s.value=n}c.value={start:l.value,end:s.value}}},k=()=>{r.value=new Date(Date.UTC(r.value.getUTCFullYear(),r.value.getUTCMonth()-1,1))},b=()=>{r.value=new Date(Date.UTC(r.value.getUTCFullYear(),r.value.getUTCMonth()+1,1))},S=()=>{const e=new Date,a=new Date(Date.UTC(e.getUTCFullYear(),e.getUTCMonth(),e.getUTCDate(),0,0,0,0)),n=new Date(Date.UTC(e.getUTCFullYear(),e.getUTCMonth(),e.getUTCDate(),23,59,59,999));l.value=a.toISOString(),s.value=n.toISOString(),c.value={start:l.value,end:s.value}},E=()=>{const e=new Date,a=new Date(e);a.setUTCDate(e.getUTCDate()-7),a.setUTCHours(0,0,0,0),l.value=a,s.value=d(e),e.setUTCHours(23,59,59,999);const n=a.toISOString(),u=e.toISOString();c.value={start:n,end:u}},F=()=>{const e=new Date,a=new Date(e);a.setUTCMonth(e.getUTCMonth()-1),a.setUTCHours(0,0,0,0),l.value=a,s.value=d(e),e.setUTCHours(23,59,59,999);const n=a.toISOString(),u=e.toISOString();c.value={start:n,end:u}},V=()=>{l.value=null,s.value=null,c.value={start:null,end:null}};return(e,a)=>(t.openBlock(),t.createElementBlock("div",O,[g.allowRange?(t.openBlock(),t.createElementBlock("div",x,[t.createElementVNode("button",{onClick:S,class:"font-second t-nowrap pd-thin bg-main-transp-10 radius-small"},"Today"),t.createElementVNode("button",{onClick:E,class:"font-second t-nowrap pd-thin bg-main-transp-10 radius-small"},"Last Week"),t.createElementVNode("button",{onClick:F,class:"font-second t-nowrap pd-thin bg-main-transp-10 radius-small"},"Last Month"),t.createElementVNode("button",{onClick:V,class:"font-second t-nowrap pd-thin bg-main-transp-10 radius-small"},"All time")])):t.createCommentVNode("",!0),t.createElementVNode("div",N,[t.createElementVNode("button",{onClick:t.withModifiers(k,["stop"]),class:"aspect-ratio-1x1 w-10 pd-thin bg-main-transp-10 radius-small"},"<"),t.createElementVNode("span",B,t.toDisplayString(p.value),1),t.createElementVNode("button",{onClick:t.withModifiers(b,["stop"]),class:"aspect-ratio-1x1 w-10 pd-thin bg-main-transp-10 radius-small"},">")]),t.createElementVNode("div",I,[t.createElementVNode("div",L,[(t.openBlock(),t.createElementBlock(t.Fragment,null,t.renderList(U,(n,u)=>t.createElementVNode("div",{key:u,class:"calendar__weekday"},t.toDisplayString(n),1)),64))]),t.createElementVNode("div",W,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(f.value,n=>(t.openBlock(),t.createElementBlock("div",{key:n.date,class:t.normalizeClass(["flex flex-center cursor-pointer aspect-ratio-1x1 radius-small",{"bg-main t-white":n.isToday},{"calendar__date--selected":y(n.date)},{"calendar__date--range":_(n.date)},{"calendar__date--disabled":!w(n.date)}]),onClick:t.withModifiers(u=>M(n.date),["stop"])},t.toDisplayString(n.day),11,R))),128))])])]))}};exports.default=H;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css               */
+const _hoisted_1 = { class: "calendar" };
+const _hoisted_2 = {
+  key: 0,
+  class: "br-b br-solid br-grey-transp-25 gap-thin flex flex-nowrap pd-thin"
+};
+const _hoisted_3 = { class: "pd-thin flex flex-nowrap flex-v-center flex-justify-between" };
+const _hoisted_4 = { class: "t-semi" };
+const _hoisted_5 = { class: "pd-thin calendar__body" };
+const _hoisted_6 = { class: "calendar__week" };
+const _hoisted_7 = { class: "gap-micro calendar__dates" };
+const _hoisted_8 = ["onClick"];
+const _sfc_main = {
+  __name: "Calendar",
+  props: /* @__PURE__ */ vue.mergeModels({
+    modelValue: [Date, Object],
+    allowRange: Boolean
+  }, {
+    "date": {},
+    "dateModifiers": {}
+  }),
+  emits: /* @__PURE__ */ vue.mergeModels(["update:modelValue"], ["update:date"]),
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const dateCalendar = vue.useModel(__props, "date");
+    const today = /* @__PURE__ */ new Date();
+    const currentDate = vue.ref(today);
+    const selectedDate = vue.ref(null);
+    const startDate = vue.ref(null);
+    const endDate = vue.ref(null);
+    const daysOfWeek = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
+    const toUTC = (date) => {
+      return new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate()));
+    };
+    const toEndOfDayUTC = (date) => {
+      const endOfDay = new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate(), 23, 59, 59));
+      return endOfDay;
+    };
+    const monthYear = vue.computed(() => {
+      const month = currentDate.value.toLocaleString("default", { month: "long", timeZone: "UTC" });
+      const year = currentDate.value.getUTCFullYear();
+      return `${month} ${year}`;
+    });
+    const daysInMonth = vue.computed(() => {
+      const days = [];
+      const firstDay = new Date(Date.UTC(
+        currentDate.value.getUTCFullYear(),
+        currentDate.value.getUTCMonth(),
+        1
+      ));
+      const lastDay = new Date(Date.UTC(
+        currentDate.value.getUTCFullYear(),
+        currentDate.value.getUTCMonth() + 1,
+        0
+      ));
+      const firstDayOfWeek = firstDay.getUTCDay();
+      let date = new Date(firstDay);
+      date.setUTCDate(date.getUTCDate() - firstDayOfWeek);
+      for (let i = 0; i < firstDayOfWeek; i++) {
+        days.push({
+          date: new Date(date),
+          day: date.getUTCDate(),
+          isToday: isToday(date)
+        });
+        date.setUTCDate(date.getUTCDate() + 1);
+      }
+      let day = 1;
+      for (date = firstDay; date <= lastDay; date.setUTCDate(date.getUTCDate() + 1)) {
+        days.push({
+          date: new Date(date),
+          day,
+          isToday: isToday(date)
+        });
+        day++;
+      }
+      const lastDayOfWeek = days[days.length - 1].date.getUTCDay();
+      for (let i = lastDayOfWeek + 1; i <= 6; i++) {
+        days.push({
+          date: new Date(date),
+          day: date.getUTCDate(),
+          isToday: isToday(date)
+        });
+        date.setUTCDate(date.getUTCDate() + 1);
+      }
+      return days;
+    });
+    const isToday = (date) => {
+      const today2 = /* @__PURE__ */ new Date();
+      return date.getUTCDate() === today2.getUTCDate() && date.getUTCMonth() === today2.getUTCMonth() && date.getUTCFullYear() === today2.getUTCFullYear();
+    };
+    const isSameMonth = (date) => {
+      return date.getUTCMonth() === currentDate.value.getUTCMonth() && date.getUTCFullYear() === currentDate.value.getUTCFullYear();
+    };
+    const isSelected = (date) => {
+      if (props.allowRange) {
+        if (startDate.value && endDate.value) {
+          return date >= new Date(startDate.value) && toEndOfDayUTC(date) <= new Date(endDate.value);
+        } else if (startDate.value) {
+          return date.getTime() === new Date(startDate.value).getTime();
+        }
+      } else {
+        return selectedDate.value && date.getTime() === new Date(selectedDate.value).getTime();
+      }
+    };
+    const isInRange = (date) => {
+      if (startDate.value && endDate.value) {
+        return date > startDate.value && toEndOfDayUTC(date) < endDate.value;
+      }
+      return false;
+    };
+    const selectDate = (date) => {
+      const formattedDate = toUTC(date);
+      if (!props.allowRange) {
+        selectedDate.value = formattedDate;
+        dateCalendar.value = formattedDate;
+      } else if (!startDate.value && !endDate.value) {
+        startDate.value = formattedDate;
+        dateCalendar.value.start = formattedDate;
+      } else if (!endDate.value) {
+        endDate.value = toEndOfDayUTC(date);
+        if (formattedDate < startDate.value) {
+          const temp = toEndOfDayUTC(startDate.value);
+          startDate.value = formattedDate;
+          endDate.value = temp;
+        }
+        dateCalendar.value = { start: startDate.value, end: endDate.value };
+      } else {
+        startDate.value = formattedDate;
+        endDate.value = null;
+        dateCalendar.value = { start: formattedDate, end: null };
+      }
+    };
+    const prevMonth = () => {
+      currentDate.value = new Date(Date.UTC(
+        currentDate.value.getUTCFullYear(),
+        currentDate.value.getUTCMonth() - 1,
+        1
+      ));
+    };
+    const nextMonth = () => {
+      currentDate.value = new Date(Date.UTC(
+        currentDate.value.getUTCFullYear(),
+        currentDate.value.getUTCMonth() + 1,
+        1
+      ));
+    };
+    const selectToday = () => {
+      const today2 = /* @__PURE__ */ new Date();
+      const todayStart = new Date(Date.UTC(today2.getUTCFullYear(), today2.getUTCMonth(), today2.getUTCDate(), 0, 0, 0, 0));
+      const todayEnd = new Date(Date.UTC(today2.getUTCFullYear(), today2.getUTCMonth(), today2.getUTCDate(), 23, 59, 59, 999));
+      startDate.value = todayStart.toISOString();
+      endDate.value = todayEnd.toISOString();
+      dateCalendar.value = { start: startDate.value, end: endDate.value };
+    };
+    const selectLastWeek = () => {
+      const today2 = /* @__PURE__ */ new Date();
+      const lastWeek = new Date(today2);
+      lastWeek.setUTCDate(today2.getUTCDate() - 7);
+      lastWeek.setUTCHours(0, 0, 0, 0);
+      startDate.value = lastWeek;
+      endDate.value = toEndOfDayUTC(today2);
+      today2.setUTCHours(23, 59, 59, 999);
+      const start = lastWeek.toISOString();
+      const end = today2.toISOString();
+      dateCalendar.value = { start, end };
+    };
+    const selectLastMonth = () => {
+      const today2 = /* @__PURE__ */ new Date();
+      const lastMonth = new Date(today2);
+      lastMonth.setUTCMonth(today2.getUTCMonth() - 1);
+      lastMonth.setUTCHours(0, 0, 0, 0);
+      startDate.value = lastMonth;
+      endDate.value = toEndOfDayUTC(today2);
+      today2.setUTCHours(23, 59, 59, 999);
+      const start = lastMonth.toISOString();
+      const end = today2.toISOString();
+      dateCalendar.value = { start, end };
+    };
+    const selectLastYear = () => {
+      startDate.value = null;
+      endDate.value = null;
+      dateCalendar.value = { start: null, end: null };
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        __props.allowRange ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+          vue.createElementVNode("button", {
+            onClick: selectToday,
+            class: "font-second t-nowrap pd-thin bg-main-transp-10 radius-small"
+          }, "Today"),
+          vue.createElementVNode("button", {
+            onClick: selectLastWeek,
+            class: "font-second t-nowrap pd-thin bg-main-transp-10 radius-small"
+          }, "Last Week"),
+          vue.createElementVNode("button", {
+            onClick: selectLastMonth,
+            class: "font-second t-nowrap pd-thin bg-main-transp-10 radius-small"
+          }, "Last Month"),
+          vue.createElementVNode("button", {
+            onClick: selectLastYear,
+            class: "font-second t-nowrap pd-thin bg-main-transp-10 radius-small"
+          }, "All time")
+        ])) : vue.createCommentVNode("", true),
+        vue.createElementVNode("div", _hoisted_3, [
+          vue.createElementVNode("button", {
+            onClick: vue.withModifiers(prevMonth, ["stop"]),
+            class: "aspect-ratio-1x1 w-10 pd-thin bg-main-transp-10 radius-small"
+          }, "<"),
+          vue.createElementVNode("span", _hoisted_4, vue.toDisplayString(monthYear.value), 1),
+          vue.createElementVNode("button", {
+            onClick: vue.withModifiers(nextMonth, ["stop"]),
+            class: "aspect-ratio-1x1 w-10 pd-thin bg-main-transp-10 radius-small"
+          }, ">")
+        ]),
+        vue.createElementVNode("div", _hoisted_5, [
+          vue.createElementVNode("div", _hoisted_6, [
+            (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(daysOfWeek, (day, index) => {
+              return vue.createElementVNode("div", {
+                key: index,
+                class: "calendar__weekday"
+              }, vue.toDisplayString(day), 1);
+            }), 64))
+          ]),
+          vue.createElementVNode("div", _hoisted_7, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(daysInMonth.value, (day) => {
+              return vue.openBlock(), vue.createElementBlock("div", {
+                key: day.date,
+                class: vue.normalizeClass([
+                  "flex flex-center cursor-pointer aspect-ratio-1x1 radius-small",
+                  { "bg-main t-white": day.isToday },
+                  { "calendar__date--selected": isSelected(day.date) },
+                  { "calendar__date--range": isInRange(day.date) },
+                  { "calendar__date--disabled": !isSameMonth(day.date) }
+                ]),
+                onClick: vue.withModifiers(($event) => selectDate(day.date), ["stop"])
+              }, vue.toDisplayString(day.day), 11, _hoisted_8);
+            }), 128))
+          ])
+        ])
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Calendar.vue2.cjs.map