@ozdao/prometheus-framework 0.2.199 → 0.2.201

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

@@ -1,8 +1,11 @@
-import { openBlock as d, createElementBlock as c, createElementVNode as t, toDisplayString as s, createCommentVNode as h, normalizeClass as u } from "vue";
-const y = { class: "flex-v-center flex-nowrap flex" }, g = {
+import { openBlock, createElementBlock, createElementVNode, toDisplayString, createCommentVNode, normalizeClass } from "vue";
+const _hoisted_1 = { class: "flex-v-center flex-nowrap flex" };
+const _hoisted_2 = {
   key: 0,
   class: "mn-r-auto t-transp mn-r-small"
-}, v = ["name", "value", "checked"], f = {
+};
+const _hoisted_3 = ["name", "value", "checked"];
+const _sfc_main = {
   __name: "Checkbox",
   props: {
     label: String,
@@ -18,48 +21,57 @@ const y = { class: "flex-v-center flex-nowrap flex" }, g = {
     }
   },
   emits: ["update:radio"],
-  setup(a, { emit: o }) {
-    const e = a, l = o, m = (r) => {
-      if (Array.isArray(e.radio)) {
-        let i = [...e.radio];
-        if (r.target.checked)
-          i.push(e.value);
-        else {
-          const n = i.indexOf(e.value);
-          n !== -1 && i.splice(n, 1);
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const updateInputText = (event) => {
+      if (Array.isArray(props.radio)) {
+        let newRadio = [...props.radio];
+        if (event.target.checked) {
+          newRadio.push(props.value);
+        } else {
+          const index = newRadio.indexOf(props.value);
+          if (index !== -1) {
+            newRadio.splice(index, 1);
+          }
         }
-        l("update:radio", i);
-      } else typeof e.radio == "boolean" && l("update:radio", r.target.checked);
+        emit("update:radio", newRadio);
+      } else if (typeof props.radio === "boolean") {
+        emit("update:radio", event.target.checked);
+      }
     };
-    return (r, i) => (d(), c("label", y, [
-      a.label ? (d(), c("div", g, [
-        t("span", null, s(a.label), 1)
-      ])) : h("", !0),
-      t("input", {
-        onChange: m,
-        class: "round radiobutton",
-        type: "checkbox",
-        name: a.name,
-        value: a.value,
-        checked: Array.isArray(a.radio) ? a.radio.includes(a.value) : a.radio
-      }, null, 40, v),
-      t("div", {
-        class: u(["transition-elastic cursor-pointer mn-l-thin pd-thin h-2r w-4r radius-extra", {
-          "bg-dark": !(Array.isArray(a.radio) ? a.radio.includes(a.value) : a.radio) && a.theme === "dark",
-          "bg-light": !(Array.isArray(a.radio) ? a.radio.includes(a.value) : a.radio) && a.theme === "light",
-          "bg-main": Array.isArray(a.radio) ? a.radio.includes(a.value) : a.radio
-        }])
-      }, [
-        t("div", {
-          class: u(["transition-linear w-1r h-1r radius-extra h-100 bg-white", {
-            "mn-r-auto": !(Array.isArray(a.radio) ? a.radio.includes(a.value) : a.radio),
-            "mn-l-auto": Array.isArray(a.radio) ? a.radio.includes(a.value) : a.radio
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("label", _hoisted_1, [
+        __props.label ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createElementVNode("span", null, toDisplayString(__props.label), 1)
+        ])) : createCommentVNode("", true),
+        createElementVNode("input", {
+          onChange: updateInputText,
+          class: "round radiobutton",
+          type: "checkbox",
+          name: __props.name,
+          value: __props.value,
+          checked: Array.isArray(__props.radio) ? __props.radio.includes(__props.value) : __props.radio
+        }, null, 40, _hoisted_3),
+        createElementVNode("div", {
+          class: normalizeClass(["transition-elastic cursor-pointer mn-l-thin pd-thin h-2r w-4r radius-extra", {
+            "bg-dark": !(Array.isArray(__props.radio) ? __props.radio.includes(__props.value) : __props.radio) && __props.theme === "dark",
+            "bg-light": !(Array.isArray(__props.radio) ? __props.radio.includes(__props.value) : __props.radio) && __props.theme === "light",
+            "bg-main": Array.isArray(__props.radio) ? __props.radio.includes(__props.value) : __props.radio
           }])
-        }, null, 2)
-      ], 2)
-    ]));
+        }, [
+          createElementVNode("div", {
+            class: normalizeClass(["transition-linear w-1r h-1r radius-extra h-100 bg-white", {
+              "mn-r-auto": !(Array.isArray(__props.radio) ? __props.radio.includes(__props.value) : __props.radio),
+              "mn-l-auto": Array.isArray(__props.radio) ? __props.radio.includes(__props.value) : __props.radio
+            }])
+          }, null, 2)
+        ], 2)
+      ]);
+    };
   }
 };
 export {
-  f as default
+  _sfc_main as default
 };
+//# sourceMappingURL=Checkbox.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.vue.js","sources":["../../../../../src/components/Checkbox/Checkbox.vue"],"sourcesContent":["<script setup>\n  import { ref, watch, computed } from 'vue'\n\n  const props = defineProps({\n    label: String,\n    name: String,\n    value: String,\n    radio: {\n      type: [Array, Boolean, Object],\n      default: () => []\n    },\n    theme: {\n      type: String,\n      default: \"light\"\n    }\n  })\n\n  const emit = defineEmits(['update:radio'])\n\n  const updateInputText = (event) => {\n    if (Array.isArray(props.radio)) {\n      let newRadio = [...props.radio];  // создаем копию массива для иммутабельности\n      if (event.target.checked) {\n        newRadio.push(props.value);\n      } else {\n        const index = newRadio.indexOf(props.value);\n        if (index !== -1) {\n          newRadio.splice(index, 1);\n        }\n      }\n      emit('update:radio', newRadio);\n    } else if (typeof props.radio === 'boolean') {\n      emit('update:radio', event.target.checked);\n    }\n  }\n</script>\n\n<template>\n\n  <label class=\"flex-v-center flex-nowrap flex\">\n    <div v-if=\"label\" class=\"mn-r-auto t-transp mn-r-small\">\n      <span>{{label}}</span>\n    </div>\n\n    <input \n      @change=\"updateInputText\"\n      class=\"round radiobutton\" \n      type=\"checkbox\" \n      :name=\"name\" \n      :value=\"value\"\n      :checked=\"Array.isArray(radio) ? radio.includes(value) : radio\"\n    > \n\n    <div \n      class=\"transition-elastic cursor-pointer mn-l-thin pd-thin h-2r w-4r radius-extra\"\n      :class=\"{\n        'bg-dark':!(Array.isArray(radio) ? radio.includes(value) : radio) && theme === 'dark',\n        'bg-light':!(Array.isArray(radio) ? radio.includes(value) : radio) && theme === 'light',\n        'bg-main':Array.isArray(radio) ? radio.includes(value) : radio,\n      }\"\n\n    >\n      <div \n        class=\"transition-linear w-1r h-1r radius-extra h-100 bg-white\"\n        :class=\"{\n          'mn-r-auto':!(Array.isArray(radio) ? radio.includes(value) : radio),\n          'mn-l-auto':Array.isArray(radio) ? radio.includes(value) : radio,\n        }\"\n      >\n      </div>\n    </div>\n  </label>\n\n</template>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAGE,UAAM,QAAQ;AAcd,UAAM,OAAO;AAEb,UAAM,kBAAkB,CAAC,UAAU;AACjC,UAAI,MAAM,QAAQ,MAAM,KAAK,GAAG;AAC9B,YAAI,WAAW,CAAC,GAAG,MAAM,KAAK;AAC9B,YAAI,MAAM,OAAO,SAAS;AACxB,mBAAS,KAAK,MAAM,KAAK;AAAA,QACjC,OAAa;AACL,gBAAM,QAAQ,SAAS,QAAQ,MAAM,KAAK;AAC1C,cAAI,UAAU,IAAI;AAChB,qBAAS,OAAO,OAAO,CAAC;AAAA,UACzB;AAAA,QACF;AACD,aAAK,gBAAgB,QAAQ;AAAA,MAC9B,WAAU,OAAO,MAAM,UAAU,WAAW;AAC3C,aAAK,gBAAgB,MAAM,OAAO,OAAO;AAAA,MAC1C;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +1,32 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css             */const i={class:"t-trimmed font-main"},l={class:"font-main t-truncate"},o={key:1,class:"pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-semi bg-white"},a={__name:"Chips",props:["chips"],setup(n){return(s,c)=>{var r;return e.openBlock(),e.createElementBlock("div",i,[(r=n.chips)!=null&&r.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(n.chips,(t,d)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass([s.$attrs.class||"p-medium","mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-main"])},[e.createElementVNode("span",l,e.toDisplayString(t.text?t.text:t),1)],2))),256)):(e.openBlock(),e.createElementBlock("div",o,[e.renderSlot(s.$slots,"default")]))])}}};exports.default=a;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css             */
+const _hoisted_1 = { class: "t-trimmed font-main" };
+const _hoisted_2 = { class: "font-main t-truncate" };
+const _hoisted_3 = {
+  key: 1,
+  class: "pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-semi bg-white"
+};
+const _sfc_main = {
+  __name: "Chips",
+  props: ["chips"],
+  setup(__props) {
+    return (_ctx, _cache) => {
+      var _a;
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        ((_a = __props.chips) == null ? void 0 : _a.length) ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(__props.chips, (chip, index) => {
+          return vue.openBlock(), vue.createElementBlock("span", {
+            class: vue.normalizeClass([_ctx.$attrs.class || "p-medium", "mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-main"])
+          }, [
+            vue.createElementVNode("span", _hoisted_2, vue.toDisplayString(chip.text ? chip.text : chip), 1)
+          ], 2);
+        }), 256)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]))
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Chips.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chips.vue.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,26 +1,32 @@
-import { openBlock as t, createElementBlock as e, Fragment as a, renderList as m, normalizeClass as o, createElementVNode as d, toDisplayString as l, renderSlot as c } from "vue";
+import { openBlock, createElementBlock, Fragment, renderList, normalizeClass, createElementVNode, toDisplayString, renderSlot } from "vue";
 /* empty css           */
-const p = { class: "t-trimmed font-main" }, h = { class: "font-main t-truncate" }, u = {
+const _hoisted_1 = { class: "t-trimmed font-main" };
+const _hoisted_2 = { class: "font-main t-truncate" };
+const _hoisted_3 = {
   key: 1,
   class: "pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-semi bg-white"
-}, k = {
+};
+const _sfc_main = {
   __name: "Chips",
   props: ["chips"],
-  setup(n) {
-    return (i, _) => {
-      var r;
-      return t(), e("div", p, [
-        (r = n.chips) != null && r.length ? (t(!0), e(a, { key: 0 }, m(n.chips, (s, f) => (t(), e("span", {
-          class: o([i.$attrs.class || "p-medium", "mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-main"])
-        }, [
-          d("span", h, l(s.text ? s.text : s), 1)
-        ], 2))), 256)) : (t(), e("div", u, [
-          c(i.$slots, "default")
+  setup(__props) {
+    return (_ctx, _cache) => {
+      var _a;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        ((_a = __props.chips) == null ? void 0 : _a.length) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(__props.chips, (chip, index) => {
+          return openBlock(), createElementBlock("span", {
+            class: normalizeClass([_ctx.$attrs.class || "p-medium", "mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-main"])
+          }, [
+            createElementVNode("span", _hoisted_2, toDisplayString(chip.text ? chip.text : chip), 1)
+          ], 2);
+        }), 256)) : (openBlock(), createElementBlock("div", _hoisted_3, [
+          renderSlot(_ctx.$slots, "default")
         ]))
       ]);
     };
   }
 };
 export {
-  k as default
+  _sfc_main as default
 };
+//# sourceMappingURL=Chips.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chips.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/components/Chips/Chips.vue2.cjs

@@ -1 +1,32 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css            */const i={class:"t-trimmed font-main"},l={class:"font-main t-truncate"},o={key:1,class:"pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-semi bg-white"},a={__name:"Chips",props:["chips"],setup(n){return(s,c)=>{var r;return e.openBlock(),e.createElementBlock("div",i,[(r=n.chips)!=null&&r.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(n.chips,(t,d)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass([s.$attrs.class||"p-medium","mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-main"])},[e.createElementVNode("span",l,e.toDisplayString(t.text?t.text:t),1)],2))),256)):(e.openBlock(),e.createElementBlock("div",o,[e.renderSlot(s.$slots,"default")]))])}}};exports.default=a;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css            */
+const _hoisted_1 = { class: "t-trimmed font-main" };
+const _hoisted_2 = { class: "font-main t-truncate" };
+const _hoisted_3 = {
+  key: 1,
+  class: "pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-semi bg-white"
+};
+const _sfc_main = {
+  __name: "Chips",
+  props: ["chips"],
+  setup(__props) {
+    return (_ctx, _cache) => {
+      var _a;
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        ((_a = __props.chips) == null ? void 0 : _a.length) ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(__props.chips, (chip, index) => {
+          return vue.openBlock(), vue.createElementBlock("span", {
+            class: vue.normalizeClass([_ctx.$attrs.class || "p-medium", "mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-main"])
+          }, [
+            vue.createElementVNode("span", _hoisted_2, vue.toDisplayString(chip.text ? chip.text : chip), 1)
+          ], 2);
+        }), 256)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]))
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Chips.vue2.cjs.map

package/dist/prometheus-framework/src/components/Chips/Chips.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chips.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/components/Chips/Chips.vue2.js

@@ -1,26 +1,32 @@
-import { openBlock as t, createElementBlock as e, Fragment as a, renderList as m, normalizeClass as o, createElementVNode as d, toDisplayString as l, renderSlot as c } from "vue";
+import { openBlock, createElementBlock, Fragment, renderList, normalizeClass, createElementVNode, toDisplayString, renderSlot } from "vue";
 /* empty css          */
-const p = { class: "t-trimmed font-main" }, h = { class: "font-main t-truncate" }, u = {
+const _hoisted_1 = { class: "t-trimmed font-main" };
+const _hoisted_2 = { class: "font-main t-truncate" };
+const _hoisted_3 = {
   key: 1,
   class: "pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-semi bg-white"
-}, k = {
+};
+const _sfc_main = {
   __name: "Chips",
   props: ["chips"],
-  setup(n) {
-    return (i, _) => {
-      var r;
-      return t(), e("div", p, [
-        (r = n.chips) != null && r.length ? (t(!0), e(a, { key: 0 }, m(n.chips, (s, f) => (t(), e("span", {
-          class: o([i.$attrs.class || "p-medium", "mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-main"])
-        }, [
-          d("span", h, l(s.text ? s.text : s), 1)
-        ], 2))), 256)) : (t(), e("div", u, [
-          c(i.$slots, "default")
+  setup(__props) {
+    return (_ctx, _cache) => {
+      var _a;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        ((_a = __props.chips) == null ? void 0 : _a.length) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(__props.chips, (chip, index) => {
+          return openBlock(), createElementBlock("span", {
+            class: normalizeClass([_ctx.$attrs.class || "p-medium", "mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-main"])
+          }, [
+            createElementVNode("span", _hoisted_2, toDisplayString(chip.text ? chip.text : chip), 1)
+          ], 2);
+        }), 256)) : (openBlock(), createElementBlock("div", _hoisted_3, [
+          renderSlot(_ctx.$slots, "default")
         ]))
       ]);
     };
   }
 };
 export {
-  k as default
+  _sfc_main as default
 };
+//# sourceMappingURL=Chips.vue2.js.map

package/dist/prometheus-framework/src/components/Chips/Chips.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chips.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +1,74 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d={class:"w-100 radius-big pd-medium bg-second t-black"},m={class:"mn-b-thin flex-v-center flex-nowrap flex"},g={class:"mn-l-thin uppercase radius-big t-semi t-medium t-white bg-black w-max pd-thin"},p={class:"w-100 h-2r pos-relative pd-nano bg-black radius-big"},h={__name:"Completion",props:{user:Object,target:Object,cta:Boolean,percentage:Number,text:String,text_cta:String},setup(r){const{user:b,cta:f,target:l}=r,u=o=>{let a=0,i=0;function s(t){for(let n in t)t.hasOwnProperty(n)&&(t[n]&&typeof t[n]=="object"&&!Array.isArray(t[n])?s(t[n]):(a++,t[n]!=null&&t[n]!==""&&i++))}return s(o),a===0?0:Math.round(i/a*100)},c=e.computed(()=>l?u(l):0);return(o,a)=>{const i=e.resolveComponent("router-link");return e.openBlock(),e.createElementBlock("section",d,[e.createElementVNode("div",m,[e.createElementVNode("h3",null,e.toDisplayString(r.text),1),e.createElementVNode("h4",g,e.toDisplayString(r.percentage||c.value)+"% ",1),r.cta?(e.openBlock(),e.createBlock(i,{key:0,to:{name:"User Edit Profile",params:{_id:r.user}},class:"mn-l-auto uppercase radius-big t-semi t-medium t-white bg-black w-max pd-thin"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.text_cta),1)]),_:1},8,["to"])):e.createCommentVNode("",!0)]),e.createElementVNode("div",p,[e.createElementVNode("div",{style:e.normalizeStyle(`width: ${c.value}%`),class:"h-100 bg-second mn-b-thin radius-big"},null,4)])])}}};exports.default=h;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("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,
+    target: Object,
+    cta: Boolean,
+    percentage: Number,
+    text: String,
+    text_cta: String
+  },
+  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++;
+              }
+            }
+          }
+        }
+      }
+      recurse(profileObject);
+      return totalProperties === 0 ? 0 : Math.round(filledProperties / totalProperties * 100);
+    };
+    const completionPercentage = vue.computed(() => {
+      return target ? calculateCompletion(target) : 0;
+    });
+    return (_ctx, _cache) => {
+      const _component_router_link = vue.resolveComponent("router-link");
+      return vue.openBlock(), vue.createElementBlock("section", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createElementVNode("h3", null, vue.toDisplayString(__props.text), 1),
+          vue.createElementVNode("h4", _hoisted_3, vue.toDisplayString(__props.percentage || completionPercentage.value) + "% ", 1),
+          __props.cta ? (vue.openBlock(), vue.createBlock(_component_router_link, {
+            key: 0,
+            to: {
+              name: "User Edit Profile",
+              params: { _id: __props.user }
+            },
+            class: "mn-l-auto uppercase radius-big t-semi t-medium t-white bg-black w-max pd-thin"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(vue.toDisplayString(__props.text_cta), 1)
+            ]),
+            _: 1
+          }, 8, ["to"])) : vue.createCommentVNode("", true)
+        ]),
+        vue.createElementVNode("div", _hoisted_4, [
+          vue.createElementVNode("div", {
+            style: vue.normalizeStyle(`width: ${completionPercentage.value}%`),
+            class: "h-100 bg-second mn-b-thin radius-big"
+          }, null, 4)
+        ])
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Completion.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Completion.vue.cjs","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":["computed"],"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,uBAAuBA,IAAQ,SAAC,MAAM;AAC1C,aAAO,SAAS,oBAAoB,MAAM,IAAI;AAAA,IAChD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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;;;;;;;;;;;;;;;;;;;;;;;;;"}