@ozdao/prometheus-framework 0.2.242 → 0.2.243

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

@@ -1 +1 @@
-{"version":3,"file":"Block.vue.cjs","sources":["../../../../../src/components/Block/Block.vue"],"sourcesContent":["<template>\n\t<div \n    class=\"bg-light pd-medium radius-big\"\n  >\n  \t<div v-if=\"title || actions\" class=\"mn-b-small flex-v-center flex-nowrap flex\">\n  \t\t<p v-if=\"title\" class=\"mn-r-thin t-medium p-big\">{{title}}</p>\n  \t\t\t\n  \t\t<button \n  \t\t\tv-for=\"action in actions\" \n  \t\t\t@click=\"action.function\" \n  \t\t\tclass=\"pd-thin button-delete button\"\n  \t\t\t:class=\"action.class || 'bg-main radius-small t-center i-medium'\"\n  \t\t>\n  \t\t\t{{action.label}}\n  \t\t</button>\n\n  \t\t<Tooltip v-if=\"tooltip\" :text=\"tooltip\">\n\t      <p class=\"bg-main radius-small t-center i-medium\">i</p>\n\t    </Tooltip>\n  \t</div>\n\n  \t<span \n      v-if=\"!hasSlotContent($slots.default)\" \n      class=\"w-100\"\n    >\n     {{placeholder}}\n    </span> \n\n  \t<slot></slot>\n\t</div>\n</template>\n\n<script setup>\nimport { ref, defineProps, useSlots, Comment } from 'vue';\n\n\nimport Tooltip           from '@pf/src/components/Tooltip/Tooltip.vue'\n\nconst slots = useSlots()\n\nconst hasSlotContent = (slot, slotProps = {}) => {\n\tif (!slot) return false;\n\n\treturn slot(slotProps).some((vnode) => {\n\t\tif (Array.isArray(vnode.children)) {\n\t\t\treturn !!vnode.children.length;\n\t\t}\n\n\t\treturn vnode.type !== Comment;\n\t});\n};\n\n// defineProps объявление\nconst props = defineProps({\n\ttitle: {\n\t\ttype: String,\n\t\tdefault: null\n\t},\n\ttooltip: {\n\t\ttype: String,\n\t\tdefault: null\n\t},\n\tactions: {\n\t\ttype: Array,\n\t\tdefault: null\n\t},\n\tplaceholder: {\n\t\ttype: String,\n\t\tdefault: 'Nothing here'\n\t},\n  options: {\n    type: Object,\n    default: {\n    \ttheme: 'white'\n    }\n  },\n})\n</script>"],"names":["useSlots","Comment"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCcA,QAAAA,SAAU;AAExB,UAAM,iBAAiB,CAAC,MAAM,YAAY,OAAO;AAChD,UAAI,CAAC,KAAM,QAAO;AAElB,aAAO,KAAK,SAAS,EAAE,KAAK,CAAC,UAAU;AACtC,YAAI,MAAM,QAAQ,MAAM,QAAQ,GAAG;AAClC,iBAAO,CAAC,CAAC,MAAM,SAAS;AAAA,QACxB;AAED,eAAO,MAAM,SAASC;MACxB,CAAE;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Block.vue.cjs","sources":["../../../../../src/components/Block/Block.vue"],"sourcesContent":["<template>\n\t<div \n    class=\"bg-light pd-medium radius-big\"\n  >\n  \t<div v-if=\"title || actions\" class=\"mn-b-small flex-v-center flex-nowrap flex\">\n  \t\t<p v-if=\"title\" class=\"mn-r-thin t-medium p-big\">{{title}}</p>\n  \t\t\t\n  \t\t<button \n  \t\t\tv-for=\"action in actions\" \n  \t\t\t@click=\"action.function\" \n  \t\t\tclass=\"pd-thin button-delete button\"\n  \t\t\t:class=\"action.class || 'bg-main radius-small t-center i-medium'\"\n  \t\t>\n  \t\t\t{{action.label}}\n  \t\t</button>\n\n  \t\t<Tooltip v-if=\"tooltip\" :text=\"tooltip\">\n\t      <p class=\"bg-main radius-small t-center i-medium\">i</p>\n\t    </Tooltip>\n  \t</div>\n\n  \t<span \n      v-if=\"!hasSlotContent($slots.default)\" \n      class=\"w-100\"\n    >\n     {{placeholder}}\n    </span> \n\n  \t<slot></slot>\n\t</div>\n</template>\n\n<script setup>\nimport { ref, defineProps, useSlots, Comment } from 'vue';\n\n\nimport Tooltip           from '@pf/src/components/Tooltip/Tooltip.vue'\n\nconst slots = useSlots()\n\nconst hasSlotContent = (slot, slotProps = {}) => {\n\tif (!slot) return false;\n\n\treturn slot(slotProps).some((vnode) => {\n\t\tif (Array.isArray(vnode.children)) {\n\t\t\treturn !!vnode.children.length;\n\t\t}\n\n\t\treturn vnode.type !== Comment;\n\t});\n};\n\n// defineProps объявление\nconst props = defineProps({\n\ttitle: {\n\t\ttype: String,\n\t\tdefault: null\n\t},\n\ttooltip: {\n\t\ttype: String,\n\t\tdefault: null\n\t},\n\tactions: {\n\t\ttype: Array,\n\t\tdefault: null\n\t},\n\tplaceholder: {\n\t\ttype: String,\n\t\tdefault: 'Nothing here'\n\t},\n  options: {\n    type: Object,\n    default: {\n    \ttheme: 'white'\n    }\n  },\n})\n</script>"],"names":["useSlots","Comment"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCcA,QAAAA,SAAU;AAExB,UAAM,iBAAiB,CAAC,MAAM,YAAY,OAAO;AAChD,UAAI,CAAC,KAAM,QAAO;AAElB,aAAO,KAAK,SAAS,EAAE,KAAK,CAAC,UAAU;AACtC,YAAI,MAAM,QAAQ,MAAM,QAAQ,GAAG;AAClC,iBAAO,CAAC,CAAC,MAAM,SAAS;AAAA,QACxB;AAED,eAAO,MAAM,SAASC;MACxB,CAAE;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,4 +1,4 @@
-import { useSlots, openBlock, createElementBlock, toDisplayString, createCommentVNode, Fragment, renderList, normalizeClass, createBlock, withCtx, renderSlot, createElementVNode, Comment } from "vue";
+import { useSlots, openBlock, createElementBlock, toDisplayString, createCommentVNode, Fragment, renderList, normalizeClass, createBlock, withCtx, createElementVNode, renderSlot, Comment } from "vue";
 import _sfc_main$1 from "../Tooltip/Tooltip.vue2.js";
 const _hoisted_1 = { class: "bg-light pd-medium radius-big" };
 const _hoisted_2 = {
@@ -10,8 +10,7 @@ const _hoisted_3 = {
   class: "mn-r-thin t-medium p-big"
 };
 const _hoisted_4 = ["onClick"];
-const _hoisted_5 = /* @__PURE__ */ createElementVNode("p", { class: "bg-main radius-small t-center i-medium" }, "i", -1);
-const _hoisted_6 = {
+const _hoisted_5 = {
   key: 1,
   class: "w-100"
 };
@@ -66,13 +65,13 @@ const _sfc_main = {
             key: 1,
             text: __props.tooltip
           }, {
-            default: withCtx(() => [
-              _hoisted_5
-            ]),
+            default: withCtx(() => _cache[0] || (_cache[0] = [
+              createElementVNode("p", { class: "bg-main radius-small t-center i-medium" }, "i", -1)
+            ])),
             _: 1
           }, 8, ["text"])) : createCommentVNode("", true)
         ])) : createCommentVNode("", true),
-        !hasSlotContent(_ctx.$slots.default) ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(__props.placeholder), 1)) : createCommentVNode("", true),
+        !hasSlotContent(_ctx.$slots.default) ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(__props.placeholder), 1)) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "default")
       ]);
     };

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

@@ -1 +1 @@
-{"version":3,"file":"Block.vue.js","sources":["../../../../../src/components/Block/Block.vue"],"sourcesContent":["<template>\n\t<div \n    class=\"bg-light pd-medium radius-big\"\n  >\n  \t<div v-if=\"title || actions\" class=\"mn-b-small flex-v-center flex-nowrap flex\">\n  \t\t<p v-if=\"title\" class=\"mn-r-thin t-medium p-big\">{{title}}</p>\n  \t\t\t\n  \t\t<button \n  \t\t\tv-for=\"action in actions\" \n  \t\t\t@click=\"action.function\" \n  \t\t\tclass=\"pd-thin button-delete button\"\n  \t\t\t:class=\"action.class || 'bg-main radius-small t-center i-medium'\"\n  \t\t>\n  \t\t\t{{action.label}}\n  \t\t</button>\n\n  \t\t<Tooltip v-if=\"tooltip\" :text=\"tooltip\">\n\t      <p class=\"bg-main radius-small t-center i-medium\">i</p>\n\t    </Tooltip>\n  \t</div>\n\n  \t<span \n      v-if=\"!hasSlotContent($slots.default)\" \n      class=\"w-100\"\n    >\n     {{placeholder}}\n    </span> \n\n  \t<slot></slot>\n\t</div>\n</template>\n\n<script setup>\nimport { ref, defineProps, useSlots, Comment } from 'vue';\n\n\nimport Tooltip           from '@pf/src/components/Tooltip/Tooltip.vue'\n\nconst slots = useSlots()\n\nconst hasSlotContent = (slot, slotProps = {}) => {\n\tif (!slot) return false;\n\n\treturn slot(slotProps).some((vnode) => {\n\t\tif (Array.isArray(vnode.children)) {\n\t\t\treturn !!vnode.children.length;\n\t\t}\n\n\t\treturn vnode.type !== Comment;\n\t});\n};\n\n// defineProps объявление\nconst props = defineProps({\n\ttitle: {\n\t\ttype: String,\n\t\tdefault: null\n\t},\n\ttooltip: {\n\t\ttype: String,\n\t\tdefault: null\n\t},\n\tactions: {\n\t\ttype: Array,\n\t\tdefault: null\n\t},\n\tplaceholder: {\n\t\ttype: String,\n\t\tdefault: 'Nothing here'\n\t},\n  options: {\n    type: Object,\n    default: {\n    \ttheme: 'white'\n    }\n  },\n})\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCc,aAAU;AAExB,UAAM,iBAAiB,CAAC,MAAM,YAAY,OAAO;AAChD,UAAI,CAAC,KAAM,QAAO;AAElB,aAAO,KAAK,SAAS,EAAE,KAAK,CAAC,UAAU;AACtC,YAAI,MAAM,QAAQ,MAAM,QAAQ,GAAG;AAClC,iBAAO,CAAC,CAAC,MAAM,SAAS;AAAA,QACxB;AAED,eAAO,MAAM,SAAS;AAAA,MACxB,CAAE;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Block.vue.js","sources":["../../../../../src/components/Block/Block.vue"],"sourcesContent":["<template>\n\t<div \n    class=\"bg-light pd-medium radius-big\"\n  >\n  \t<div v-if=\"title || actions\" class=\"mn-b-small flex-v-center flex-nowrap flex\">\n  \t\t<p v-if=\"title\" class=\"mn-r-thin t-medium p-big\">{{title}}</p>\n  \t\t\t\n  \t\t<button \n  \t\t\tv-for=\"action in actions\" \n  \t\t\t@click=\"action.function\" \n  \t\t\tclass=\"pd-thin button-delete button\"\n  \t\t\t:class=\"action.class || 'bg-main radius-small t-center i-medium'\"\n  \t\t>\n  \t\t\t{{action.label}}\n  \t\t</button>\n\n  \t\t<Tooltip v-if=\"tooltip\" :text=\"tooltip\">\n\t      <p class=\"bg-main radius-small t-center i-medium\">i</p>\n\t    </Tooltip>\n  \t</div>\n\n  \t<span \n      v-if=\"!hasSlotContent($slots.default)\" \n      class=\"w-100\"\n    >\n     {{placeholder}}\n    </span> \n\n  \t<slot></slot>\n\t</div>\n</template>\n\n<script setup>\nimport { ref, defineProps, useSlots, Comment } from 'vue';\n\n\nimport Tooltip           from '@pf/src/components/Tooltip/Tooltip.vue'\n\nconst slots = useSlots()\n\nconst hasSlotContent = (slot, slotProps = {}) => {\n\tif (!slot) return false;\n\n\treturn slot(slotProps).some((vnode) => {\n\t\tif (Array.isArray(vnode.children)) {\n\t\t\treturn !!vnode.children.length;\n\t\t}\n\n\t\treturn vnode.type !== Comment;\n\t});\n};\n\n// defineProps объявление\nconst props = defineProps({\n\ttitle: {\n\t\ttype: String,\n\t\tdefault: null\n\t},\n\ttooltip: {\n\t\ttype: String,\n\t\tdefault: null\n\t},\n\tactions: {\n\t\ttype: Array,\n\t\tdefault: null\n\t},\n\tplaceholder: {\n\t\ttype: String,\n\t\tdefault: 'Nothing here'\n\t},\n  options: {\n    type: Object,\n    default: {\n    \ttheme: 'white'\n    }\n  },\n})\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCc,aAAU;AAExB,UAAM,iBAAiB,CAAC,MAAM,YAAY,OAAO;AAChD,UAAI,CAAC,KAAM,QAAO;AAElB,aAAO,KAAK,SAAS,EAAE,KAAK,CAAC,UAAU;AACtC,YAAI,MAAM,QAAQ,MAAM,QAAQ,GAAG;AAClC,iBAAO,CAAC,CAAC,MAAM,SAAS;AAAA,QACxB;AAED,eAAO,MAAM,SAAS;AAAA,MACxB,CAAE;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,12 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode("div", { class: "radius-extra pd-small t-black p-medium" }, [
-  /* @__PURE__ */ vue.createElementVNode("div", { class: "radius-extra pd-nano w-3r h-1r t-black p-medium bg-black-transp-10" })
-], -1);
-const _hoisted_2 = [
-  _hoisted_1
-];
 const _sfc_main = {
   __name: "BottomSheet",
   props: {
@@ -77,7 +71,11 @@ const _sfc_main = {
               onTouchend: endDrag,
               onMouseleave: endDrag,
               class: "bs-black d-block p-medium pos-relative bg-white flex-center flex uppercase z-index-2"
-            }, _hoisted_2, 32),
+            }, _cache[1] || (_cache[1] = [
+              vue.createElementVNode("div", { class: "radius-extra pd-small t-black p-medium" }, [
+                vue.createElementVNode("div", { class: "radius-extra pd-nano w-3r h-1r t-black p-medium bg-black-transp-10" })
+              ], -1)
+            ]), 32),
             vue.renderSlot(_ctx.$slots, "default")
           ], 4)
         ]),

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

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.vue.cjs","sources":["../../../../../src/components/BottomSheet/BottomSheet.vue"],"sourcesContent":["<template>\n  <transition name=\"slideY\"  mode=\"out-in\">\n    <section \n      ref=\"wrapper\" \n      class=\"w-100 h-100vh\"\n      :style=\"MOBILE_APP === 'ios' ?'padding-top: 6rem;':''\" \n    >\n      <!-- Toggle To Close -->\n      <div\n        @click=\"emits('toggle')\"\n        @mousedown=\"startDrag\"\n        @touchstart=\"startDrag\"\n        @mousemove=\"onDrag\"\n        @touchmove=\"onDrag\"\n        @mouseup=\"endDrag\"\n        @touchend=\"endDrag\"\n        @mouseleave=\"endDrag\"\n        class=\"bs-black d-block p-medium pos-relative bg-white flex-center flex uppercase z-index-2\"\n      >\n        <div class=\"radius-extra pd-small t-black p-medium\">\n          <div class=\"radius-extra pd-nano w-3r h-1r t-black p-medium bg-black-transp-10\"></div>\n        </div>\n      </div>\n      \n      <slot></slot>\n    </section>\n  </transition>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\n\nconst props = defineProps({\n  show: {\n    type: Boolean,\n    default: false\n  },\n  options: {\n    type: Object,\n    default: {\n      position: false\n    }\n  }\n})\n\nconst emits = defineEmits([\n  'toggle'\n])\n\nconst wrapper = ref(null)\n\nconst startY = ref(0);\nconst currentY = ref(0);\nconst dragging = ref(false);\n\nfunction startDrag(event) {\n  dragging.value = true;\n  startY.value = event.touches ? event.touches[0].clientY : event.clientY;\n  currentY.value = startY.value;\n}\n\nfunction onDrag(event) {\n  if (!dragging.value) return;\n  event.preventDefault(); // Prevent scrolling while dragging\n  currentY.value = event.touches ? event.touches[0].clientY : event.clientY;\n  const deltaY = currentY.value - startY.value;\n\n  if (deltaY > 0) {\n    wrapper.value.style.top = `${deltaY}px`;\n  }\n}\nfunction endDrag() {\n  if (!dragging.value) return;\n\n  dragging.value = false;\n\n  const deltaY = currentY.value - startY.value;\n  const threshold = window.innerHeight * 0.2;\n\n  if (deltaY < threshold) {\n    // If less than 40%, snap back to the original position\n    wrapper.value.style.top = '';\n  } else {\n    // If more than 40%, hide the element\n    emits('toggle')\n    // VisualizerWrapper.value.style.top = '';\n  }\n}\n</script>"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,UAAM,QAAQ;AAId,UAAM,UAAUA,IAAG,IAAC,IAAI;AAExB,UAAM,SAASA,IAAAA,IAAI,CAAC;AACpB,UAAM,WAAWA,IAAAA,IAAI,CAAC;AACtB,UAAM,WAAWA,IAAAA,IAAI,KAAK;AAE1B,aAAS,UAAU,OAAO;AACxB,eAAS,QAAQ;AACjB,aAAO,QAAQ,MAAM,UAAU,MAAM,QAAQ,CAAC,EAAE,UAAU,MAAM;AAChE,eAAS,QAAQ,OAAO;AAAA,IAC1B;AAEA,aAAS,OAAO,OAAO;AACrB,UAAI,CAAC,SAAS,MAAO;AACrB,YAAM,eAAc;AACpB,eAAS,QAAQ,MAAM,UAAU,MAAM,QAAQ,CAAC,EAAE,UAAU,MAAM;AAClE,YAAM,SAAS,SAAS,QAAQ,OAAO;AAEvC,UAAI,SAAS,GAAG;AACd,gBAAQ,MAAM,MAAM,MAAM,GAAG,MAAM;AAAA,MACpC;AAAA,IACH;AACA,aAAS,UAAU;AACjB,UAAI,CAAC,SAAS,MAAO;AAErB,eAAS,QAAQ;AAEjB,YAAM,SAAS,SAAS,QAAQ,OAAO;AACvC,YAAM,YAAY,OAAO,cAAc;AAEvC,UAAI,SAAS,WAAW;AAEtB,gBAAQ,MAAM,MAAM,MAAM;AAAA,MAC9B,OAAS;AAEL,cAAM,QAAQ;AAAA,MAEf;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"BottomSheet.vue.cjs","sources":["../../../../../src/components/BottomSheet/BottomSheet.vue"],"sourcesContent":["<template>\n  <transition name=\"slideY\"  mode=\"out-in\">\n    <section \n      ref=\"wrapper\" \n      class=\"w-100 h-100vh\"\n      :style=\"MOBILE_APP === 'ios' ?'padding-top: 6rem;':''\" \n    >\n      <!-- Toggle To Close -->\n      <div\n        @click=\"emits('toggle')\"\n        @mousedown=\"startDrag\"\n        @touchstart=\"startDrag\"\n        @mousemove=\"onDrag\"\n        @touchmove=\"onDrag\"\n        @mouseup=\"endDrag\"\n        @touchend=\"endDrag\"\n        @mouseleave=\"endDrag\"\n        class=\"bs-black d-block p-medium pos-relative bg-white flex-center flex uppercase z-index-2\"\n      >\n        <div class=\"radius-extra pd-small t-black p-medium\">\n          <div class=\"radius-extra pd-nano w-3r h-1r t-black p-medium bg-black-transp-10\"></div>\n        </div>\n      </div>\n      \n      <slot></slot>\n    </section>\n  </transition>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\n\nconst props = defineProps({\n  show: {\n    type: Boolean,\n    default: false\n  },\n  options: {\n    type: Object,\n    default: {\n      position: false\n    }\n  }\n})\n\nconst emits = defineEmits([\n  'toggle'\n])\n\nconst wrapper = ref(null)\n\nconst startY = ref(0);\nconst currentY = ref(0);\nconst dragging = ref(false);\n\nfunction startDrag(event) {\n  dragging.value = true;\n  startY.value = event.touches ? event.touches[0].clientY : event.clientY;\n  currentY.value = startY.value;\n}\n\nfunction onDrag(event) {\n  if (!dragging.value) return;\n  event.preventDefault(); // Prevent scrolling while dragging\n  currentY.value = event.touches ? event.touches[0].clientY : event.clientY;\n  const deltaY = currentY.value - startY.value;\n\n  if (deltaY > 0) {\n    wrapper.value.style.top = `${deltaY}px`;\n  }\n}\nfunction endDrag() {\n  if (!dragging.value) return;\n\n  dragging.value = false;\n\n  const deltaY = currentY.value - startY.value;\n  const threshold = window.innerHeight * 0.2;\n\n  if (deltaY < threshold) {\n    // If less than 40%, snap back to the original position\n    wrapper.value.style.top = '';\n  } else {\n    // If more than 40%, hide the element\n    emits('toggle')\n    // VisualizerWrapper.value.style.top = '';\n  }\n}\n</script>"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA6CA,UAAM,QAAQ;AAId,UAAM,UAAUA,IAAG,IAAC,IAAI;AAExB,UAAM,SAASA,IAAAA,IAAI,CAAC;AACpB,UAAM,WAAWA,IAAAA,IAAI,CAAC;AACtB,UAAM,WAAWA,IAAAA,IAAI,KAAK;AAE1B,aAAS,UAAU,OAAO;AACxB,eAAS,QAAQ;AACjB,aAAO,QAAQ,MAAM,UAAU,MAAM,QAAQ,CAAC,EAAE,UAAU,MAAM;AAChE,eAAS,QAAQ,OAAO;AAAA,IAC1B;AAEA,aAAS,OAAO,OAAO;AACrB,UAAI,CAAC,SAAS,MAAO;AACrB,YAAM,eAAc;AACpB,eAAS,QAAQ,MAAM,UAAU,MAAM,QAAQ,CAAC,EAAE,UAAU,MAAM;AAClE,YAAM,SAAS,SAAS,QAAQ,OAAO;AAEvC,UAAI,SAAS,GAAG;AACd,gBAAQ,MAAM,MAAM,MAAM,GAAG,MAAM;AAAA,MACpC;AAAA,IACH;AACA,aAAS,UAAU;AACjB,UAAI,CAAC,SAAS,MAAO;AAErB,eAAS,QAAQ;AAEjB,YAAM,SAAS,SAAS,QAAQ,OAAO;AACvC,YAAM,YAAY,OAAO,cAAc;AAEvC,UAAI,SAAS,WAAW;AAEtB,gBAAQ,MAAM,MAAM,MAAM;AAAA,MAC9B,OAAS;AAEL,cAAM,QAAQ;AAAA,MAEf;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,10 +1,4 @@
 import { ref, openBlock, createBlock, Transition, withCtx, createElementVNode, normalizeStyle, renderSlot } from "vue";
-const _hoisted_1 = /* @__PURE__ */ createElementVNode("div", { class: "radius-extra pd-small t-black p-medium" }, [
-  /* @__PURE__ */ createElementVNode("div", { class: "radius-extra pd-nano w-3r h-1r t-black p-medium bg-black-transp-10" })
-], -1);
-const _hoisted_2 = [
-  _hoisted_1
-];
 const _sfc_main = {
   __name: "BottomSheet",
   props: {
@@ -75,7 +69,11 @@ const _sfc_main = {
               onTouchend: endDrag,
               onMouseleave: endDrag,
               class: "bs-black d-block p-medium pos-relative bg-white flex-center flex uppercase z-index-2"
-            }, _hoisted_2, 32),
+            }, _cache[1] || (_cache[1] = [
+              createElementVNode("div", { class: "radius-extra pd-small t-black p-medium" }, [
+                createElementVNode("div", { class: "radius-extra pd-nano w-3r h-1r t-black p-medium bg-black-transp-10" })
+              ], -1)
+            ]), 32),
             renderSlot(_ctx.$slots, "default")
           ], 4)
         ]),

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

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.vue.js","sources":["../../../../../src/components/BottomSheet/BottomSheet.vue"],"sourcesContent":["<template>\n  <transition name=\"slideY\"  mode=\"out-in\">\n    <section \n      ref=\"wrapper\" \n      class=\"w-100 h-100vh\"\n      :style=\"MOBILE_APP === 'ios' ?'padding-top: 6rem;':''\" \n    >\n      <!-- Toggle To Close -->\n      <div\n        @click=\"emits('toggle')\"\n        @mousedown=\"startDrag\"\n        @touchstart=\"startDrag\"\n        @mousemove=\"onDrag\"\n        @touchmove=\"onDrag\"\n        @mouseup=\"endDrag\"\n        @touchend=\"endDrag\"\n        @mouseleave=\"endDrag\"\n        class=\"bs-black d-block p-medium pos-relative bg-white flex-center flex uppercase z-index-2\"\n      >\n        <div class=\"radius-extra pd-small t-black p-medium\">\n          <div class=\"radius-extra pd-nano w-3r h-1r t-black p-medium bg-black-transp-10\"></div>\n        </div>\n      </div>\n      \n      <slot></slot>\n    </section>\n  </transition>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\n\nconst props = defineProps({\n  show: {\n    type: Boolean,\n    default: false\n  },\n  options: {\n    type: Object,\n    default: {\n      position: false\n    }\n  }\n})\n\nconst emits = defineEmits([\n  'toggle'\n])\n\nconst wrapper = ref(null)\n\nconst startY = ref(0);\nconst currentY = ref(0);\nconst dragging = ref(false);\n\nfunction startDrag(event) {\n  dragging.value = true;\n  startY.value = event.touches ? event.touches[0].clientY : event.clientY;\n  currentY.value = startY.value;\n}\n\nfunction onDrag(event) {\n  if (!dragging.value) return;\n  event.preventDefault(); // Prevent scrolling while dragging\n  currentY.value = event.touches ? event.touches[0].clientY : event.clientY;\n  const deltaY = currentY.value - startY.value;\n\n  if (deltaY > 0) {\n    wrapper.value.style.top = `${deltaY}px`;\n  }\n}\nfunction endDrag() {\n  if (!dragging.value) return;\n\n  dragging.value = false;\n\n  const deltaY = currentY.value - startY.value;\n  const threshold = window.innerHeight * 0.2;\n\n  if (deltaY < threshold) {\n    // If less than 40%, snap back to the original position\n    wrapper.value.style.top = '';\n  } else {\n    // If more than 40%, hide the element\n    emits('toggle')\n    // VisualizerWrapper.value.style.top = '';\n  }\n}\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,UAAM,QAAQ;AAId,UAAM,UAAU,IAAI,IAAI;AAExB,UAAM,SAAS,IAAI,CAAC;AACpB,UAAM,WAAW,IAAI,CAAC;AACtB,UAAM,WAAW,IAAI,KAAK;AAE1B,aAAS,UAAU,OAAO;AACxB,eAAS,QAAQ;AACjB,aAAO,QAAQ,MAAM,UAAU,MAAM,QAAQ,CAAC,EAAE,UAAU,MAAM;AAChE,eAAS,QAAQ,OAAO;AAAA,IAC1B;AAEA,aAAS,OAAO,OAAO;AACrB,UAAI,CAAC,SAAS,MAAO;AACrB,YAAM,eAAc;AACpB,eAAS,QAAQ,MAAM,UAAU,MAAM,QAAQ,CAAC,EAAE,UAAU,MAAM;AAClE,YAAM,SAAS,SAAS,QAAQ,OAAO;AAEvC,UAAI,SAAS,GAAG;AACd,gBAAQ,MAAM,MAAM,MAAM,GAAG,MAAM;AAAA,MACpC;AAAA,IACH;AACA,aAAS,UAAU;AACjB,UAAI,CAAC,SAAS,MAAO;AAErB,eAAS,QAAQ;AAEjB,YAAM,SAAS,SAAS,QAAQ,OAAO;AACvC,YAAM,YAAY,OAAO,cAAc;AAEvC,UAAI,SAAS,WAAW;AAEtB,gBAAQ,MAAM,MAAM,MAAM;AAAA,MAC9B,OAAS;AAEL,cAAM,QAAQ;AAAA,MAEf;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"BottomSheet.vue.js","sources":["../../../../../src/components/BottomSheet/BottomSheet.vue"],"sourcesContent":["<template>\n  <transition name=\"slideY\"  mode=\"out-in\">\n    <section \n      ref=\"wrapper\" \n      class=\"w-100 h-100vh\"\n      :style=\"MOBILE_APP === 'ios' ?'padding-top: 6rem;':''\" \n    >\n      <!-- Toggle To Close -->\n      <div\n        @click=\"emits('toggle')\"\n        @mousedown=\"startDrag\"\n        @touchstart=\"startDrag\"\n        @mousemove=\"onDrag\"\n        @touchmove=\"onDrag\"\n        @mouseup=\"endDrag\"\n        @touchend=\"endDrag\"\n        @mouseleave=\"endDrag\"\n        class=\"bs-black d-block p-medium pos-relative bg-white flex-center flex uppercase z-index-2\"\n      >\n        <div class=\"radius-extra pd-small t-black p-medium\">\n          <div class=\"radius-extra pd-nano w-3r h-1r t-black p-medium bg-black-transp-10\"></div>\n        </div>\n      </div>\n      \n      <slot></slot>\n    </section>\n  </transition>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\n\nconst props = defineProps({\n  show: {\n    type: Boolean,\n    default: false\n  },\n  options: {\n    type: Object,\n    default: {\n      position: false\n    }\n  }\n})\n\nconst emits = defineEmits([\n  'toggle'\n])\n\nconst wrapper = ref(null)\n\nconst startY = ref(0);\nconst currentY = ref(0);\nconst dragging = ref(false);\n\nfunction startDrag(event) {\n  dragging.value = true;\n  startY.value = event.touches ? event.touches[0].clientY : event.clientY;\n  currentY.value = startY.value;\n}\n\nfunction onDrag(event) {\n  if (!dragging.value) return;\n  event.preventDefault(); // Prevent scrolling while dragging\n  currentY.value = event.touches ? event.touches[0].clientY : event.clientY;\n  const deltaY = currentY.value - startY.value;\n\n  if (deltaY > 0) {\n    wrapper.value.style.top = `${deltaY}px`;\n  }\n}\nfunction endDrag() {\n  if (!dragging.value) return;\n\n  dragging.value = false;\n\n  const deltaY = currentY.value - startY.value;\n  const threshold = window.innerHeight * 0.2;\n\n  if (deltaY < threshold) {\n    // If less than 40%, snap back to the original position\n    wrapper.value.style.top = '';\n  } else {\n    // If more than 40%, hide the element\n    emits('toggle')\n    // VisualizerWrapper.value.style.top = '';\n  }\n}\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AA6CA,UAAM,QAAQ;AAId,UAAM,UAAU,IAAI,IAAI;AAExB,UAAM,SAAS,IAAI,CAAC;AACpB,UAAM,WAAW,IAAI,CAAC;AACtB,UAAM,WAAW,IAAI,KAAK;AAE1B,aAAS,UAAU,OAAO;AACxB,eAAS,QAAQ;AACjB,aAAO,QAAQ,MAAM,UAAU,MAAM,QAAQ,CAAC,EAAE,UAAU,MAAM;AAChE,eAAS,QAAQ,OAAO;AAAA,IAC1B;AAEA,aAAS,OAAO,OAAO;AACrB,UAAI,CAAC,SAAS,MAAO;AACrB,YAAM,eAAc;AACpB,eAAS,QAAQ,MAAM,UAAU,MAAM,QAAQ,CAAC,EAAE,UAAU,MAAM;AAClE,YAAM,SAAS,SAAS,QAAQ,OAAO;AAEvC,UAAI,SAAS,GAAG;AACd,gBAAQ,MAAM,MAAM,MAAM,GAAG,MAAM;AAAA,MACpC;AAAA,IACH;AACA,aAAS,UAAU;AACjB,UAAI,CAAC,SAAS,MAAO;AAErB,eAAS,QAAQ;AAEjB,YAAM,SAAS,SAAS,QAAQ,OAAO;AACvC,YAAM,YAAY,OAAO,cAAc;AAEvC,UAAI,SAAS,WAAW;AAEtB,gBAAQ,MAAM,MAAM,MAAM;AAAA,MAC9B,OAAS;AAEL,cAAM,QAAQ;AAAA,MAEf;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -16,7 +16,6 @@ const _sfc_main = {
     text_cta: String
   },
   setup(__props) {
-    const { user, cta, target } = __props;
     const calculateCompletion = (profileObject) => {
       let totalProperties = 0;
       let filledProperties = 0;
@@ -38,7 +37,7 @@ const _sfc_main = {
       return totalProperties === 0 ? 0 : Math.round(filledProperties / totalProperties * 100);
     };
     const completionPercentage = vue.computed(() => {
-      return target ? calculateCompletion(target) : 0;
+      return __props.target ? calculateCompletion(__props.target) : 0;
     });
     return (_ctx, _cache) => {
       const _component_router_link = vue.resolveComponent("router-link");

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

@@ -1 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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":";;;;;;;;;;;;;;;;;;AA4CA,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,QAAM,SAAG,oBAAoB,QAAM,MAAA,IAAI;AAAA,IAChD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -14,7 +14,6 @@ const _sfc_main = {
     text_cta: String
   },
   setup(__props) {
-    const { user, cta, target } = __props;
     const calculateCompletion = (profileObject) => {
       let totalProperties = 0;
       let filledProperties = 0;
@@ -36,7 +35,7 @@ const _sfc_main = {
       return totalProperties === 0 ? 0 : Math.round(filledProperties / totalProperties * 100);
     };
     const completionPercentage = computed(() => {
-      return target ? calculateCompletion(target) : 0;
+      return __props.target ? calculateCompletion(__props.target) : 0;
     });
     return (_ctx, _cache) => {
       const _component_router_link = resolveComponent("router-link");

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

@@ -1 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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":";;;;;;;;;;;;;;;;AA4CA,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,QAAM,SAAG,oBAAoB,QAAM,MAAA,IAAI;AAAA,IAChD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -6,34 +6,26 @@ 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 = {
+const _hoisted_3 = {
   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 = {
+const _hoisted_4 = { class: "p-big" };
+const _hoisted_5 = {
   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 = {
+const _hoisted_6 = { class: "p-big" };
+const _hoisted_7 = {
   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 = {
+const _hoisted_8 = { class: "p-big" };
+const _hoisted_9 = {
   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 _hoisted_10 = { class: "p-big" };
 const _sfc_main = {
   __name: "Countdown",
   props: [
@@ -77,22 +69,24 @@ const _sfc_main = {
     });
     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
+        isTimeOver.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, _cache[0] || (_cache[0] = [
+          vue.createElementVNode("p", { class: "p-small t-transp" }, "Offer is over", -1)
+        ]))) : vue.createCommentVNode("", true),
+        !isTimeOver.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+          vue.createElementVNode("p", _hoisted_4, vue.toDisplayString(days.value), 1),
+          _cache[1] || (_cache[1] = vue.createElementVNode("p", { class: "p-small t-transp" }, "Days", -1))
         ])) : vue.createCommentVNode("", true),
-        !isTimeOver.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
-          vue.createElementVNode("p", _hoisted_9, vue.toDisplayString(hours.value), 1),
-          _hoisted_10
+        !isTimeOver.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+          vue.createElementVNode("p", _hoisted_6, vue.toDisplayString(hours.value), 1),
+          _cache[2] || (_cache[2] = vue.createElementVNode("p", { class: "p-small t-transp" }, "hours", -1))
         ])) : vue.createCommentVNode("", true),
-        !isTimeOver.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11, [
-          vue.createElementVNode("p", _hoisted_12, vue.toDisplayString(minutes.value), 1),
-          _hoisted_13
+        !isTimeOver.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
+          vue.createElementVNode("p", _hoisted_8, vue.toDisplayString(minutes.value), 1),
+          _cache[3] || (_cache[3] = vue.createElementVNode("p", { class: "p-small t-transp" }, "minutes", -1))
         ])) : vue.createCommentVNode("", true),
-        !isTimeOver.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14, [
-          vue.createElementVNode("p", _hoisted_15, vue.toDisplayString(seconds.value), 1),
-          _hoisted_16
+        !isTimeOver.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, [
+          vue.createElementVNode("p", _hoisted_10, vue.toDisplayString(seconds.value), 1),
+          _cache[4] || (_cache[4] = vue.createElementVNode("p", { class: "p-small t-transp" }, "seconds", -1))
         ])) : vue.createCommentVNode("", true)
       ]);
     };

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

@@ -1 +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;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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,37 +1,29 @@
-import { ref, onMounted, onBeforeUnmount, openBlock, createElementBlock, createCommentVNode, createElementVNode, toDisplayString } from "vue";
+import { ref, onMounted, onBeforeUnmount, openBlock, createElementBlock, createElementVNode, createCommentVNode, 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"
 };
-const _hoisted_3 = /* @__PURE__ */ createElementVNode("p", { class: "p-small t-transp" }, "Offer is over", -1);
-const _hoisted_4 = [
-  _hoisted_3
-];
-const _hoisted_5 = {
+const _hoisted_3 = {
   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__ */ createElementVNode("p", { class: "p-small t-transp" }, "Days", -1);
-const _hoisted_8 = {
+const _hoisted_4 = { class: "p-big" };
+const _hoisted_5 = {
   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__ */ createElementVNode("p", { class: "p-small t-transp" }, "hours", -1);
-const _hoisted_11 = {
+const _hoisted_6 = { class: "p-big" };
+const _hoisted_7 = {
   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__ */ createElementVNode("p", { class: "p-small t-transp" }, "minutes", -1);
-const _hoisted_14 = {
+const _hoisted_8 = { class: "p-big" };
+const _hoisted_9 = {
   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__ */ createElementVNode("p", { class: "p-small t-transp" }, "seconds", -1);
+const _hoisted_10 = { class: "p-big" };
 const _sfc_main = {
   __name: "Countdown",
   props: [
@@ -75,22 +67,24 @@ const _sfc_main = {
     });
     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
+        isTimeOver.value ? (openBlock(), createElementBlock("div", _hoisted_2, _cache[0] || (_cache[0] = [
+          createElementVNode("p", { class: "p-small t-transp" }, "Offer is over", -1)
+        ]))) : createCommentVNode("", true),
+        !isTimeOver.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          createElementVNode("p", _hoisted_4, toDisplayString(days.value), 1),
+          _cache[1] || (_cache[1] = createElementVNode("p", { class: "p-small t-transp" }, "Days", -1))
         ])) : createCommentVNode("", true),
-        !isTimeOver.value ? (openBlock(), createElementBlock("div", _hoisted_8, [
-          createElementVNode("p", _hoisted_9, toDisplayString(hours.value), 1),
-          _hoisted_10
+        !isTimeOver.value ? (openBlock(), createElementBlock("div", _hoisted_5, [
+          createElementVNode("p", _hoisted_6, toDisplayString(hours.value), 1),
+          _cache[2] || (_cache[2] = createElementVNode("p", { class: "p-small t-transp" }, "hours", -1))
         ])) : createCommentVNode("", true),
-        !isTimeOver.value ? (openBlock(), createElementBlock("div", _hoisted_11, [
-          createElementVNode("p", _hoisted_12, toDisplayString(minutes.value), 1),
-          _hoisted_13
+        !isTimeOver.value ? (openBlock(), createElementBlock("div", _hoisted_7, [
+          createElementVNode("p", _hoisted_8, toDisplayString(minutes.value), 1),
+          _cache[3] || (_cache[3] = createElementVNode("p", { class: "p-small t-transp" }, "minutes", -1))
         ])) : createCommentVNode("", true),
-        !isTimeOver.value ? (openBlock(), createElementBlock("div", _hoisted_14, [
-          createElementVNode("p", _hoisted_15, toDisplayString(seconds.value), 1),
-          _hoisted_16
+        !isTimeOver.value ? (openBlock(), createElementBlock("div", _hoisted_9, [
+          createElementVNode("p", _hoisted_10, toDisplayString(seconds.value), 1),
+          _cache[4] || (_cache[4] = createElementVNode("p", { class: "p-small t-transp" }, "seconds", -1))
         ])) : createCommentVNode("", true)
       ]);
     };

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

@@ -1 +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;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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/Feed/Feed.vue.cjs

@@ -4,7 +4,7 @@ const vue = require("vue");
 const SkeletonEvent = require("../../modules/icons/skeletons/SkeletonEvent.vue.cjs");
 const Loader = require("../Loader/Loader.vue2.cjs");
 const EmptyState = require("../EmptyState/EmptyState.vue.cjs");
-const Dropdown = require("../Dropdown/Dropdown.vue2.cjs");
+const Dropdown = require("../Dropdown/Dropdown.vue.cjs");
 const Calendar = require("../DatePicker/Calendar.vue2.cjs");
 const BottomSheet = require("../BottomSheet/BottomSheet.vue.cjs");
 const BlockSearch = require("../../modules/globals/views/components/blocks/BlockSearch.vue.cjs");

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

@@ -2,7 +2,7 @@ import { mergeModels, useModel, shallowRef, ref, watch, onMounted, onUnmounted,
 import SkeletonEvent from "../../modules/icons/skeletons/SkeletonEvent.vue.js";
 import Loader from "../Loader/Loader.vue2.js";
 import _sfc_main$a from "../EmptyState/EmptyState.vue.js";
-import _sfc_main$5 from "../Dropdown/Dropdown.vue2.js";
+import _sfc_main$5 from "../Dropdown/Dropdown.vue.js";
 import _sfc_main$7 from "../DatePicker/Calendar.vue2.js";
 import _sfc_main$3 from "../BottomSheet/BottomSheet.vue.js";
 import _sfc_main$1 from "../../modules/globals/views/components/blocks/BlockSearch.vue.js";

package/dist/prometheus-framework/src/components/FieldTags/BlockTags.vue.cjs

@@ -3,9 +3,8 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const FieldTags = require("./FieldTags.vue.cjs");
 ;/* empty css                 */
-const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode("p", { class: "p-small mn-b-thin" }, "Suggested:", -1);
-const _hoisted_2 = ["onClick"];
-const _hoisted_3 = { key: 1 };
+const _hoisted_1 = ["onClick"];
+const _hoisted_2 = { key: 1 };
 const _sfc_main = {
   __name: "BlockTags",
   props: {
@@ -71,13 +70,13 @@ const _sfc_main = {
           onTagsChanged: handleTagsChanged,
           class: "mn-b-thin bg-light radius-medium pd-small"
         }, null, 8, ["modelValue", "tags", "autocomplete-items"]),
-        _hoisted_1,
+        _cache[1] || (_cache[1] = vue.createElementVNode("p", { class: "p-small mn-b-thin" }, "Suggested:", -1)),
         filteredSuggestedItems.value.length > 0 ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(filteredSuggestedItems.value, (tag2, index) => {
           return vue.openBlock(), vue.createElementBlock("span", {
             onClick: ($event) => addTag(tag2),
             class: vue.normalizeClass(["cursor-pointer t-medium ti-tag-toDefactor", { "mn-r-micro": index !== filteredSuggestedItems.value.length - 1 }])
-          }, vue.toDisplayString(tag2.text), 11, _hoisted_2);
-        }), 256)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3, "You added all suggested tags"))
+          }, vue.toDisplayString(tag2.text), 11, _hoisted_1);
+        }), 256)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, "You added all suggested tags"))
       ]);
     };
   }

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

@@ -1 +1 @@
-{"version":3,"file":"BlockTags.vue.cjs","sources":["../../../../../src/components/FieldTags/BlockTags.vue"],"sourcesContent":["<template>\n  <div>\n    <FieldTags\n      v-model=\"tag\"\n      :tags=\"selectedTags\"\n      :autocomplete-items=\"filteredItems\"\n      :add-on-key=\"[13, ':', ';', ',']\"\n      :save-on-key=\"[13, ':', ';', ',']\"\n      :separators=\"[';', ',']\"\n      :max-tags=\"20\"\n      :maxlength=\"20\"\n      :placeholder=\"'Please add tags'\"\n      :add-from-paste=\"true\"\n      :allow-edit-tags=\"true\"\n      @tags-changed=\"handleTagsChanged\"\n      class=\"mn-b-thin bg-light radius-medium pd-small\"\n    />\n\n    <p class=\"p-small mn-b-thin\">Suggested:</p>\n\n    <span \n      v-if=\"filteredSuggestedItems.length > 0\" \n      v-for=\"(tag,index) in filteredSuggestedItems\" \n      @click=\"addTag(tag)\"\n      class=\"cursor-pointer t-medium ti-tag-toDefactor\"\n      :class=\"{'mn-r-micro':index !== filteredSuggestedItems.length - 1}\"\n    >\n      {{ tag.text }}\n    </span>\n    <span v-else>You added all suggested tags</span> \n  </div>\n</template>\n\n<script setup>\nimport FieldTags from '@pf/src/components/FieldTags/FieldTags.vue'\nimport { ref, computed, onMounted } from 'vue';\n\nconst emits = defineEmits(['tags-changed']);\nconst props = defineProps({\n  tags: {\n    type: Array\n  },\n  tagsSuggested: {\n    type: Array,\n    default: [\n      { text: 'story' },\n      { text: 'news' },\n      { text: 'guide' },\n      { text: 'discussion' },\n      { text: 'photos' },\n    ]\n  }\n});\n\nconst tag = ref('');\n\nconst selectedTags = ref([]);\n\nconst autocompleteItems = ref(props.tagsSuggested);\n\nif (props.tags) selectedTags.value = props.tags.map(tag => ({text: tag}))\n  \n\nconst filteredItems = computed(() => {\n  return autocompleteItems.value.filter(i => {\n    return i.text.toLowerCase().includes(tag.value.toLowerCase());\n  });\n});\n\nconst filteredSuggestedItems = computed(() => {\n    return autocompleteItems.value.filter(item => {\n      return !selectedTags.value.some(tag => tag.text === item.text);\n    });\n  })\n\nfunction addTag (tag) {\n  selectedTags.value.push(tag)\n  emits('tags-changed', selectedTags.value.map(tag => { return tag.text }));\n}\n\nfunction handleTagsChanged(newTags) {\n  selectedTags.value = newTags;\n  emits('tags-changed', selectedTags.value.map(tag => { return tag.text }));\n}\n\n\n\n</script>\n\n<style>\n  .ti-tag-toDefactor {\n    background-color: rgb(var(--main));\n    color: rgb(var(--black));\n    border-radius: 4rem;\n    padding: 1px 8px 2px;\n    margin: 2px;\n    font-size: .85em;\n  }\n</style>"],"names":["ref","tag","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCA,UAAM,QAAQ;AACd,UAAM,QAAQ;AAgBd,UAAM,MAAMA,IAAAA,IAAI,EAAE;AAElB,UAAM,eAAeA,IAAAA,IAAI,CAAA,CAAE;AAE3B,UAAM,oBAAoBA,IAAG,IAAC,MAAM,aAAa;AAEjD,QAAI,MAAM,KAAM,cAAa,QAAQ,MAAM,KAAK,IAAI,CAAAC,UAAQ,EAAC,MAAMA,KAAG,EAAE;AAGxE,UAAM,gBAAgBC,IAAQ,SAAC,MAAM;AACnC,aAAO,kBAAkB,MAAM,OAAO,OAAK;AACzC,eAAO,EAAE,KAAK,YAAa,EAAC,SAAS,IAAI,MAAM,YAAW,CAAE;AAAA,MAChE,CAAG;AAAA,IACH,CAAC;AAED,UAAM,yBAAyBA,IAAQ,SAAC,MAAM;AAC1C,aAAO,kBAAkB,MAAM,OAAO,UAAQ;AAC5C,eAAO,CAAC,aAAa,MAAM,KAAK,CAAAD,SAAOA,KAAI,SAAS,KAAK,IAAI;AAAA,MACnE,CAAK;AAAA,IACL,CAAG;AAEH,aAAS,OAAQA,MAAK;AACpB,mBAAa,MAAM,KAAKA,IAAG;AAC3B,YAAM,gBAAgB,aAAa,MAAM,IAAI,CAAAA,SAAO;AAAE,eAAOA,KAAI;AAAA,MAAM,CAAA,CAAC;AAAA,IAC1E;AAEA,aAAS,kBAAkB,SAAS;AAClC,mBAAa,QAAQ;AACrB,YAAM,gBAAgB,aAAa,MAAM,IAAI,CAAAA,SAAO;AAAE,eAAOA,KAAI;AAAA,MAAM,CAAA,CAAC;AAAA,IAC1E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"BlockTags.vue.cjs","sources":["../../../../../src/components/FieldTags/BlockTags.vue"],"sourcesContent":["<template>\n  <div>\n    <FieldTags\n      v-model=\"tag\"\n      :tags=\"selectedTags\"\n      :autocomplete-items=\"filteredItems\"\n      :add-on-key=\"[13, ':', ';', ',']\"\n      :save-on-key=\"[13, ':', ';', ',']\"\n      :separators=\"[';', ',']\"\n      :max-tags=\"20\"\n      :maxlength=\"20\"\n      :placeholder=\"'Please add tags'\"\n      :add-from-paste=\"true\"\n      :allow-edit-tags=\"true\"\n      @tags-changed=\"handleTagsChanged\"\n      class=\"mn-b-thin bg-light radius-medium pd-small\"\n    />\n\n    <p class=\"p-small mn-b-thin\">Suggested:</p>\n\n    <span \n      v-if=\"filteredSuggestedItems.length > 0\" \n      v-for=\"(tag,index) in filteredSuggestedItems\" \n      @click=\"addTag(tag)\"\n      class=\"cursor-pointer t-medium ti-tag-toDefactor\"\n      :class=\"{'mn-r-micro':index !== filteredSuggestedItems.length - 1}\"\n    >\n      {{ tag.text }}\n    </span>\n    <span v-else>You added all suggested tags</span> \n  </div>\n</template>\n\n<script setup>\nimport FieldTags from '@pf/src/components/FieldTags/FieldTags.vue'\nimport { ref, computed, onMounted } from 'vue';\n\nconst emits = defineEmits(['tags-changed']);\nconst props = defineProps({\n  tags: {\n    type: Array\n  },\n  tagsSuggested: {\n    type: Array,\n    default: [\n      { text: 'story' },\n      { text: 'news' },\n      { text: 'guide' },\n      { text: 'discussion' },\n      { text: 'photos' },\n    ]\n  }\n});\n\nconst tag = ref('');\n\nconst selectedTags = ref([]);\n\nconst autocompleteItems = ref(props.tagsSuggested);\n\nif (props.tags) selectedTags.value = props.tags.map(tag => ({text: tag}))\n  \n\nconst filteredItems = computed(() => {\n  return autocompleteItems.value.filter(i => {\n    return i.text.toLowerCase().includes(tag.value.toLowerCase());\n  });\n});\n\nconst filteredSuggestedItems = computed(() => {\n    return autocompleteItems.value.filter(item => {\n      return !selectedTags.value.some(tag => tag.text === item.text);\n    });\n  })\n\nfunction addTag (tag) {\n  selectedTags.value.push(tag)\n  emits('tags-changed', selectedTags.value.map(tag => { return tag.text }));\n}\n\nfunction handleTagsChanged(newTags) {\n  selectedTags.value = newTags;\n  emits('tags-changed', selectedTags.value.map(tag => { return tag.text }));\n}\n\n\n\n</script>\n\n<style>\n  .ti-tag-toDefactor {\n    background-color: rgb(var(--main));\n    color: rgb(var(--black));\n    border-radius: 4rem;\n    padding: 1px 8px 2px;\n    margin: 2px;\n    font-size: .85em;\n  }\n</style>"],"names":["ref","tag","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAqCA,UAAM,QAAQ;AACd,UAAM,QAAQ;AAgBd,UAAM,MAAMA,IAAAA,IAAI,EAAE;AAElB,UAAM,eAAeA,IAAAA,IAAI,CAAA,CAAE;AAE3B,UAAM,oBAAoBA,IAAG,IAAC,MAAM,aAAa;AAEjD,QAAI,MAAM,KAAM,cAAa,QAAQ,MAAM,KAAK,IAAI,CAAAC,UAAQ,EAAC,MAAMA,KAAG,EAAE;AAGxE,UAAM,gBAAgBC,IAAQ,SAAC,MAAM;AACnC,aAAO,kBAAkB,MAAM,OAAO,OAAK;AACzC,eAAO,EAAE,KAAK,YAAa,EAAC,SAAS,IAAI,MAAM,YAAW,CAAE;AAAA,MAChE,CAAG;AAAA,IACH,CAAC;AAED,UAAM,yBAAyBA,IAAQ,SAAC,MAAM;AAC1C,aAAO,kBAAkB,MAAM,OAAO,UAAQ;AAC5C,eAAO,CAAC,aAAa,MAAM,KAAK,CAAAD,SAAOA,KAAI,SAAS,KAAK,IAAI;AAAA,MACnE,CAAK;AAAA,IACL,CAAG;AAEH,aAAS,OAAQA,MAAK;AACpB,mBAAa,MAAM,KAAKA,IAAG;AAC3B,YAAM,gBAAgB,aAAa,MAAM,IAAI,CAAAA,SAAO;AAAE,eAAOA,KAAI;AAAA,MAAM,CAAA,CAAC;AAAA,IAC1E;AAEA,aAAS,kBAAkB,SAAS;AAClC,mBAAa,QAAQ;AACrB,YAAM,gBAAgB,aAAa,MAAM,IAAI,CAAAA,SAAO;AAAE,eAAOA,KAAI;AAAA,MAAM,CAAA,CAAC;AAAA,IAC1E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/components/FieldTags/BlockTags.vue.js

@@ -1,9 +1,8 @@
-import { ref, computed, openBlock, createElementBlock, createVNode, Fragment, renderList, normalizeClass, toDisplayString, createElementVNode } from "vue";
+import { ref, computed, openBlock, createElementBlock, createVNode, createElementVNode, Fragment, renderList, normalizeClass, toDisplayString } from "vue";
 import FieldTags from "./FieldTags.vue.js";
 /* empty css               */
-const _hoisted_1 = /* @__PURE__ */ createElementVNode("p", { class: "p-small mn-b-thin" }, "Suggested:", -1);
-const _hoisted_2 = ["onClick"];
-const _hoisted_3 = { key: 1 };
+const _hoisted_1 = ["onClick"];
+const _hoisted_2 = { key: 1 };
 const _sfc_main = {
   __name: "BlockTags",
   props: {
@@ -69,13 +68,13 @@ const _sfc_main = {
           onTagsChanged: handleTagsChanged,
           class: "mn-b-thin bg-light radius-medium pd-small"
         }, null, 8, ["modelValue", "tags", "autocomplete-items"]),
-        _hoisted_1,
+        _cache[1] || (_cache[1] = createElementVNode("p", { class: "p-small mn-b-thin" }, "Suggested:", -1)),
         filteredSuggestedItems.value.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(filteredSuggestedItems.value, (tag2, index) => {
           return openBlock(), createElementBlock("span", {
             onClick: ($event) => addTag(tag2),
             class: normalizeClass(["cursor-pointer t-medium ti-tag-toDefactor", { "mn-r-micro": index !== filteredSuggestedItems.value.length - 1 }])
-          }, toDisplayString(tag2.text), 11, _hoisted_2);
-        }), 256)) : (openBlock(), createElementBlock("span", _hoisted_3, "You added all suggested tags"))
+          }, toDisplayString(tag2.text), 11, _hoisted_1);
+        }), 256)) : (openBlock(), createElementBlock("span", _hoisted_2, "You added all suggested tags"))
       ]);
     };
   }

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

@@ -1 +1 @@
-{"version":3,"file":"BlockTags.vue.js","sources":["../../../../../src/components/FieldTags/BlockTags.vue"],"sourcesContent":["<template>\n  <div>\n    <FieldTags\n      v-model=\"tag\"\n      :tags=\"selectedTags\"\n      :autocomplete-items=\"filteredItems\"\n      :add-on-key=\"[13, ':', ';', ',']\"\n      :save-on-key=\"[13, ':', ';', ',']\"\n      :separators=\"[';', ',']\"\n      :max-tags=\"20\"\n      :maxlength=\"20\"\n      :placeholder=\"'Please add tags'\"\n      :add-from-paste=\"true\"\n      :allow-edit-tags=\"true\"\n      @tags-changed=\"handleTagsChanged\"\n      class=\"mn-b-thin bg-light radius-medium pd-small\"\n    />\n\n    <p class=\"p-small mn-b-thin\">Suggested:</p>\n\n    <span \n      v-if=\"filteredSuggestedItems.length > 0\" \n      v-for=\"(tag,index) in filteredSuggestedItems\" \n      @click=\"addTag(tag)\"\n      class=\"cursor-pointer t-medium ti-tag-toDefactor\"\n      :class=\"{'mn-r-micro':index !== filteredSuggestedItems.length - 1}\"\n    >\n      {{ tag.text }}\n    </span>\n    <span v-else>You added all suggested tags</span> \n  </div>\n</template>\n\n<script setup>\nimport FieldTags from '@pf/src/components/FieldTags/FieldTags.vue'\nimport { ref, computed, onMounted } from 'vue';\n\nconst emits = defineEmits(['tags-changed']);\nconst props = defineProps({\n  tags: {\n    type: Array\n  },\n  tagsSuggested: {\n    type: Array,\n    default: [\n      { text: 'story' },\n      { text: 'news' },\n      { text: 'guide' },\n      { text: 'discussion' },\n      { text: 'photos' },\n    ]\n  }\n});\n\nconst tag = ref('');\n\nconst selectedTags = ref([]);\n\nconst autocompleteItems = ref(props.tagsSuggested);\n\nif (props.tags) selectedTags.value = props.tags.map(tag => ({text: tag}))\n  \n\nconst filteredItems = computed(() => {\n  return autocompleteItems.value.filter(i => {\n    return i.text.toLowerCase().includes(tag.value.toLowerCase());\n  });\n});\n\nconst filteredSuggestedItems = computed(() => {\n    return autocompleteItems.value.filter(item => {\n      return !selectedTags.value.some(tag => tag.text === item.text);\n    });\n  })\n\nfunction addTag (tag) {\n  selectedTags.value.push(tag)\n  emits('tags-changed', selectedTags.value.map(tag => { return tag.text }));\n}\n\nfunction handleTagsChanged(newTags) {\n  selectedTags.value = newTags;\n  emits('tags-changed', selectedTags.value.map(tag => { return tag.text }));\n}\n\n\n\n</script>\n\n<style>\n  .ti-tag-toDefactor {\n    background-color: rgb(var(--main));\n    color: rgb(var(--black));\n    border-radius: 4rem;\n    padding: 1px 8px 2px;\n    margin: 2px;\n    font-size: .85em;\n  }\n</style>"],"names":["tag"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAqCA,UAAM,QAAQ;AACd,UAAM,QAAQ;AAgBd,UAAM,MAAM,IAAI,EAAE;AAElB,UAAM,eAAe,IAAI,CAAA,CAAE;AAE3B,UAAM,oBAAoB,IAAI,MAAM,aAAa;AAEjD,QAAI,MAAM,KAAM,cAAa,QAAQ,MAAM,KAAK,IAAI,CAAAA,UAAQ,EAAC,MAAMA,KAAG,EAAE;AAGxE,UAAM,gBAAgB,SAAS,MAAM;AACnC,aAAO,kBAAkB,MAAM,OAAO,OAAK;AACzC,eAAO,EAAE,KAAK,YAAa,EAAC,SAAS,IAAI,MAAM,YAAW,CAAE;AAAA,MAChE,CAAG;AAAA,IACH,CAAC;AAED,UAAM,yBAAyB,SAAS,MAAM;AAC1C,aAAO,kBAAkB,MAAM,OAAO,UAAQ;AAC5C,eAAO,CAAC,aAAa,MAAM,KAAK,CAAAA,SAAOA,KAAI,SAAS,KAAK,IAAI;AAAA,MACnE,CAAK;AAAA,IACL,CAAG;AAEH,aAAS,OAAQA,MAAK;AACpB,mBAAa,MAAM,KAAKA,IAAG;AAC3B,YAAM,gBAAgB,aAAa,MAAM,IAAI,CAAAA,SAAO;AAAE,eAAOA,KAAI;AAAA,MAAM,CAAA,CAAC;AAAA,IAC1E;AAEA,aAAS,kBAAkB,SAAS;AAClC,mBAAa,QAAQ;AACrB,YAAM,gBAAgB,aAAa,MAAM,IAAI,CAAAA,SAAO;AAAE,eAAOA,KAAI;AAAA,MAAM,CAAA,CAAC;AAAA,IAC1E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"BlockTags.vue.js","sources":["../../../../../src/components/FieldTags/BlockTags.vue"],"sourcesContent":["<template>\n  <div>\n    <FieldTags\n      v-model=\"tag\"\n      :tags=\"selectedTags\"\n      :autocomplete-items=\"filteredItems\"\n      :add-on-key=\"[13, ':', ';', ',']\"\n      :save-on-key=\"[13, ':', ';', ',']\"\n      :separators=\"[';', ',']\"\n      :max-tags=\"20\"\n      :maxlength=\"20\"\n      :placeholder=\"'Please add tags'\"\n      :add-from-paste=\"true\"\n      :allow-edit-tags=\"true\"\n      @tags-changed=\"handleTagsChanged\"\n      class=\"mn-b-thin bg-light radius-medium pd-small\"\n    />\n\n    <p class=\"p-small mn-b-thin\">Suggested:</p>\n\n    <span \n      v-if=\"filteredSuggestedItems.length > 0\" \n      v-for=\"(tag,index) in filteredSuggestedItems\" \n      @click=\"addTag(tag)\"\n      class=\"cursor-pointer t-medium ti-tag-toDefactor\"\n      :class=\"{'mn-r-micro':index !== filteredSuggestedItems.length - 1}\"\n    >\n      {{ tag.text }}\n    </span>\n    <span v-else>You added all suggested tags</span> \n  </div>\n</template>\n\n<script setup>\nimport FieldTags from '@pf/src/components/FieldTags/FieldTags.vue'\nimport { ref, computed, onMounted } from 'vue';\n\nconst emits = defineEmits(['tags-changed']);\nconst props = defineProps({\n  tags: {\n    type: Array\n  },\n  tagsSuggested: {\n    type: Array,\n    default: [\n      { text: 'story' },\n      { text: 'news' },\n      { text: 'guide' },\n      { text: 'discussion' },\n      { text: 'photos' },\n    ]\n  }\n});\n\nconst tag = ref('');\n\nconst selectedTags = ref([]);\n\nconst autocompleteItems = ref(props.tagsSuggested);\n\nif (props.tags) selectedTags.value = props.tags.map(tag => ({text: tag}))\n  \n\nconst filteredItems = computed(() => {\n  return autocompleteItems.value.filter(i => {\n    return i.text.toLowerCase().includes(tag.value.toLowerCase());\n  });\n});\n\nconst filteredSuggestedItems = computed(() => {\n    return autocompleteItems.value.filter(item => {\n      return !selectedTags.value.some(tag => tag.text === item.text);\n    });\n  })\n\nfunction addTag (tag) {\n  selectedTags.value.push(tag)\n  emits('tags-changed', selectedTags.value.map(tag => { return tag.text }));\n}\n\nfunction handleTagsChanged(newTags) {\n  selectedTags.value = newTags;\n  emits('tags-changed', selectedTags.value.map(tag => { return tag.text }));\n}\n\n\n\n</script>\n\n<style>\n  .ti-tag-toDefactor {\n    background-color: rgb(var(--main));\n    color: rgb(var(--black));\n    border-radius: 4rem;\n    padding: 1px 8px 2px;\n    margin: 2px;\n    font-size: .85em;\n  }\n</style>"],"names":["tag"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAqCA,UAAM,QAAQ;AACd,UAAM,QAAQ;AAgBd,UAAM,MAAM,IAAI,EAAE;AAElB,UAAM,eAAe,IAAI,CAAA,CAAE;AAE3B,UAAM,oBAAoB,IAAI,MAAM,aAAa;AAEjD,QAAI,MAAM,KAAM,cAAa,QAAQ,MAAM,KAAK,IAAI,CAAAA,UAAQ,EAAC,MAAMA,KAAG,EAAE;AAGxE,UAAM,gBAAgB,SAAS,MAAM;AACnC,aAAO,kBAAkB,MAAM,OAAO,OAAK;AACzC,eAAO,EAAE,KAAK,YAAa,EAAC,SAAS,IAAI,MAAM,YAAW,CAAE;AAAA,MAChE,CAAG;AAAA,IACH,CAAC;AAED,UAAM,yBAAyB,SAAS,MAAM;AAC1C,aAAO,kBAAkB,MAAM,OAAO,UAAQ;AAC5C,eAAO,CAAC,aAAa,MAAM,KAAK,CAAAA,SAAOA,KAAI,SAAS,KAAK,IAAI;AAAA,MACnE,CAAK;AAAA,IACL,CAAG;AAEH,aAAS,OAAQA,MAAK;AACpB,mBAAa,MAAM,KAAKA,IAAG;AAC3B,YAAM,gBAAgB,aAAa,MAAM,IAAI,CAAAA,SAAO;AAAE,eAAOA,KAAI;AAAA,MAAM,CAAA,CAAC;AAAA,IAC1E;AAEA,aAAS,kBAAkB,SAAS;AAClC,mBAAa,QAAQ;AACrB,YAAM,gBAAgB,aAAa,MAAM,IAAI,CAAAA,SAAO;AAAE,eAAOA,KAAI;AAAA,MAAM,CAAA,CAAC;AAAA,IAC1E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}