@ozdao/prometheus-framework 0.2.199 → 0.2.201

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

@@ -1,66 +1,85 @@
-import { ref as g, onMounted as w, openBlock as i, createElementBlock as u, createElementVNode as f, Fragment as b, renderList as k, unref as C, normalizeClass as m, toDisplayString as d } from "vue";
-const L = ["onClick"], B = { class: "t-transp" }, N = {
+import { ref, onMounted, openBlock, createElementBlock, createElementVNode, Fragment, renderList, unref, normalizeClass, toDisplayString } from "vue";
+const _hoisted_1 = ["onClick"];
+const _hoisted_2 = { class: "t-transp" };
+const _sfc_main = {
   __name: "DatePicker",
   props: ["date", "locale"],
-  setup(p, { emit: D }) {
-    const v = D, a = p, s = g(null);
-    let n;
-    if (a.date) {
-      const e = parseInt(a.date.substring(0, 2)), o = parseInt(a.date.substring(2, 4)) - 1, t = parseInt(a.date.substring(4));
-      n = new Date(t, o, e), console.log("Data" + n);
-    } else
-      n = /* @__PURE__ */ new Date(), console.log("No data" + n);
-    n.setHours(0, 0, 0, 0);
-    const l = g(new Date(n)), y = h(n, 30);
-    w(() => {
-      if (s.value) {
-        const e = s.value.getElementsByClassName("selected")[0] || s.value.getElementsByClassName("bg-main")[0];
-        e && (s.value.scrollLeft = e.offsetLeft - s.value.offsetWidth / 2 + e.offsetWidth / 2);
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const props = __props;
+    const scrollContainer = ref(null);
+    let baseDate;
+    if (props.date) {
+      const day = parseInt(props.date.substring(0, 2));
+      const month = parseInt(props.date.substring(2, 4)) - 1;
+      const year = parseInt(props.date.substring(4));
+      baseDate = new Date(year, month, day);
+      console.log("Data" + baseDate);
+    } else {
+      baseDate = /* @__PURE__ */ new Date();
+      console.log("No data" + baseDate);
+    }
+    baseDate.setHours(0, 0, 0, 0);
+    const selectedDate = ref(new Date(baseDate));
+    const dates = generateDates(baseDate, 30);
+    onMounted(() => {
+      if (scrollContainer.value) {
+        const target = scrollContainer.value.getElementsByClassName("selected")[0] || scrollContainer.value.getElementsByClassName("bg-main")[0];
+        if (target) {
+          scrollContainer.value.scrollLeft = target.offsetLeft - scrollContainer.value.offsetWidth / 2 + target.offsetWidth / 2;
+        }
       }
     });
-    function S(e) {
-      l.value = e;
-      const o = _(e);
-      v("update:date", o);
+    function selectDate(date) {
+      selectedDate.value = date;
+      const formattedDate = formatDateForRouter(date);
+      emit("update:date", formattedDate);
     }
-    function _(e) {
-      return `${e.getDate().toString().padStart(2, "0")}${(e.getMonth() + 1).toString().padStart(2, "0")}${e.getFullYear()}`;
+    function formatDateForRouter(date) {
+      return `${date.getDate().toString().padStart(2, "0")}${(date.getMonth() + 1).toString().padStart(2, "0")}${date.getFullYear()}`;
     }
-    function x(e) {
-      return e.toLocaleDateString(a.locale ? a.locale : "en", { weekday: "narrow" }).toUpperCase();
+    function dayLetter(date) {
+      return date.toLocaleDateString(props.locale ? props.locale : "en", { weekday: "narrow" }).toUpperCase();
     }
-    function h(e, o) {
-      const t = [];
-      for (let r = -15; r < o - 15; r++) {
-        const c = new Date(e);
-        c.setDate(e.getDate() + r), c.setHours(0, 0, 0, 0), t.push(c);
+    function generateDates(start, count) {
+      const dates2 = [];
+      for (let i = -15; i < count - 15; i++) {
+        const newDate = new Date(start);
+        newDate.setDate(start.getDate() + i);
+        newDate.setHours(0, 0, 0, 0);
+        dates2.push(newDate);
       }
-      return t;
+      return dates2;
     }
-    return (e, o) => (i(), u("div", null, [
-      f("div", {
-        class: "w-100 scroller o-scroll scroll-snap-type-x-mandatory scroll-pd-regular scroll-hide flex-nowrap flex",
-        ref_key: "scrollContainer",
-        ref: s
-      }, [
-        (i(!0), u(b, null, k(C(y), (t) => (i(), u("div", {
-          key: t.toString(),
-          onClick: (r) => S(t),
-          class: m([{
-            selected: l.value.toDateString() === t.toDateString()
-          }, "cursor-pointer scroll-snap-align-start mn-r-small mn-l-small flex-column flex-center flex"])
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        createElementVNode("div", {
+          class: "w-100 scroller o-scroll scroll-snap-type-x-mandatory scroll-pd-regular scroll-hide flex-nowrap flex",
+          ref_key: "scrollContainer",
+          ref: scrollContainer
         }, [
-          f("span", B, d(x(t)), 1),
-          f("span", {
-            class: m([{
-              "bg-main": l.value.toDateString() === t.toDateString()
-            }, "transition-ease-in-out t-semi flex-center flex radius-big i-semi day-number"])
-          }, d(t.getDate()), 3)
-        ], 10, L))), 128))
-      ], 512)
-    ]));
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(dates), (date) => {
+            return openBlock(), createElementBlock("div", {
+              key: date.toString(),
+              onClick: ($event) => selectDate(date),
+              class: normalizeClass([{
+                "selected": selectedDate.value.toDateString() === date.toDateString()
+              }, "cursor-pointer scroll-snap-align-start mn-r-small mn-l-small flex-column flex-center flex"])
+            }, [
+              createElementVNode("span", _hoisted_2, toDisplayString(dayLetter(date)), 1),
+              createElementVNode("span", {
+                class: normalizeClass([{
+                  "bg-main": selectedDate.value.toDateString() === date.toDateString()
+                }, "transition-ease-in-out t-semi flex-center flex radius-big i-semi day-number"])
+              }, toDisplayString(date.getDate()), 3)
+            ], 10, _hoisted_1);
+          }), 128))
+        ], 512)
+      ]);
+    };
   }
 };
 export {
-  N as default
+  _sfc_main as default
 };
+//# sourceMappingURL=DatePicker.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.vue.js","sources":["../../../../../src/components/DatePicker/DatePicker.vue"],"sourcesContent":["<template>\n  <div>\n    <div \n      class=\"w-100 scroller o-scroll scroll-snap-type-x-mandatory scroll-pd-regular scroll-hide flex-nowrap flex\" \n      ref=\"scrollContainer\"\n    >\n      <div\n        v-for=\"date in dates\"\n        :key=\"date.toString()\"\n        @click=\"selectDate(date)\"\n        :class=\"{\n          'selected': selectedDate.toDateString() === date.toDateString(),\n\n        }\"\n         class=\"cursor-pointer scroll-snap-align-start mn-r-small mn-l-small flex-column flex-center flex\"\n      >\n        <span \n          class=\"t-transp\"\n        >\n          {{ dayLetter(date) }}\n        </span>\n        <span \n          :class=\"{\n           'bg-main': selectedDate.toDateString() === date.toDateString(),\n          }\"\n          class=\"transition-ease-in-out t-semi flex-center flex radius-big i-semi day-number\">\n          {{ date.getDate() }}\n        </span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, defineProps, defineEmits } from 'vue';\n\nconst emit = defineEmits();\nconst props = defineProps(['date','locale']); // замена 'initialDate' на 'date'\n\nconst scrollContainer = ref(null);\nlet baseDate;\n\n// Проверка и преобразование даты из формата строки в объект Date\nif (props.date) {\n  const day = parseInt(props.date.substring(0, 2));\n  const month = parseInt(props.date.substring(2, 4)) - 1; // месяцы начинаются с 0\n  const year = parseInt(props.date.substring(4));\n  baseDate = new Date(year, month, day);\n  console.log('Data' + baseDate)\n} else {\n  baseDate = new Date();\n  console.log('No data' + baseDate)\n}\n\nbaseDate.setHours(0, 0, 0, 0);  // Normalize time to compare just the date\n\nconst selectedDate = ref(new Date(baseDate)); // Using new Date to create a copy\nconst dates = generateDates(baseDate, 30); // 30 дней\n\nonMounted(() => {\n  if (scrollContainer.value) {\n    const target = scrollContainer.value.getElementsByClassName('selected')[0] || scrollContainer.value.getElementsByClassName('bg-main')[0];\n    if (target) {\n      scrollContainer.value.scrollLeft =\n        target.offsetLeft - scrollContainer.value.offsetWidth / 2 + target.offsetWidth / 2;\n    }\n  }\n});\n\nfunction selectDate(date) {\n  selectedDate.value = date;\n  const formattedDate = formatDateForRouter(date);\n  emit('update:date', formattedDate);\n}\n\n\nfunction formatDateForRouter(date) {\n  return `${date.getDate().toString().padStart(2, '0')}${(date.getMonth() + 1).toString().padStart(2, '0')}${date.getFullYear()}`;\n}\n\n\n\nfunction dayLetter(date) {\n  return date.toLocaleDateString(props.locale ? props.locale : 'en', { weekday: 'narrow' }).toUpperCase();\n}\n\nfunction generateDates(start, count) {\n  const dates = [];\n  for (let i = -15; i < count - 15; i++) {\n    const newDate = new Date(start);\n    newDate.setDate(start.getDate() + i);\n    newDate.setHours(0, 0, 0, 0);  // Normalize time to compare just the date\n    dates.push(newDate);\n  }\n  return dates;\n}\n</script>\n\n<style lang='scss'>\n</style>\n"],"names":["dates"],"mappings":";;;;;;;AAoCA,UAAM,OAAO;AACb,UAAM,QAAQ;AAEd,UAAM,kBAAkB,IAAI,IAAI;AAChC,QAAI;AAGJ,QAAI,MAAM,MAAM;AACd,YAAM,MAAM,SAAS,MAAM,KAAK,UAAU,GAAG,CAAC,CAAC;AAC/C,YAAM,QAAQ,SAAS,MAAM,KAAK,UAAU,GAAG,CAAC,CAAC,IAAI;AACrD,YAAM,OAAO,SAAS,MAAM,KAAK,UAAU,CAAC,CAAC;AAC7C,iBAAW,IAAI,KAAK,MAAM,OAAO,GAAG;AACpC,cAAQ,IAAI,SAAS,QAAQ;AAAA,IAC/B,OAAO;AACL,iBAAW,oBAAI;AACf,cAAQ,IAAI,YAAY,QAAQ;AAAA,IAClC;AAEA,aAAS,SAAS,GAAG,GAAG,GAAG,CAAC;AAE5B,UAAM,eAAe,IAAI,IAAI,KAAK,QAAQ,CAAC;AAC3C,UAAM,QAAQ,cAAc,UAAU,EAAE;AAExC,cAAU,MAAM;AACd,UAAI,gBAAgB,OAAO;AACzB,cAAM,SAAS,gBAAgB,MAAM,uBAAuB,UAAU,EAAE,CAAC,KAAK,gBAAgB,MAAM,uBAAuB,SAAS,EAAE,CAAC;AACvI,YAAI,QAAQ;AACV,0BAAgB,MAAM,aACpB,OAAO,aAAa,gBAAgB,MAAM,cAAc,IAAI,OAAO,cAAc;AAAA,QACpF;AAAA,MACF;AAAA,IACH,CAAC;AAED,aAAS,WAAW,MAAM;AACxB,mBAAa,QAAQ;AACrB,YAAM,gBAAgB,oBAAoB,IAAI;AAC9C,WAAK,eAAe,aAAa;AAAA,IACnC;AAGA,aAAS,oBAAoB,MAAM;AACjC,aAAO,GAAG,KAAK,QAAO,EAAG,SAAQ,EAAG,SAAS,GAAG,GAAG,CAAC,IAAI,KAAK,SAAU,IAAG,GAAG,WAAW,SAAS,GAAG,GAAG,CAAC,GAAG,KAAK,YAAa,CAAA;AAAA,IAC/H;AAIA,aAAS,UAAU,MAAM;AACvB,aAAO,KAAK,mBAAmB,MAAM,SAAS,MAAM,SAAS,MAAM,EAAE,SAAS,UAAU,EAAE,YAAW;AAAA,IACvG;AAEA,aAAS,cAAc,OAAO,OAAO;AACnC,YAAMA,SAAQ,CAAA;AACd,eAAS,IAAI,KAAK,IAAI,QAAQ,IAAI,KAAK;AACrC,cAAM,UAAU,IAAI,KAAK,KAAK;AAC9B,gBAAQ,QAAQ,MAAM,QAAS,IAAG,CAAC;AACnC,gBAAQ,SAAS,GAAG,GAAG,GAAG,CAAC;AAC3B,QAAAA,OAAM,KAAK,OAAO;AAAA,MACnB;AACD,aAAOA;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +1,106 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("vue");;/* empty css                 */const L={__name:"Draggable",props:{list:{type:Array,required:!0},disabledClass:{type:String,default:"draggable-disabled"}},emits:["update:list","start","end"],setup(v,{emit:p}){const d=v,l=p,r=c.ref(null);let a=null;return c.onMounted(()=>{const o=e=>{const t=e.target.closest(".draggable-item");if(!t||t.classList.contains(d.disabledClass)){e.preventDefault();return}a=Number(t.dataset.index),e.dataTransfer.effectAllowed="move",l("start",a)},u=e=>{e.preventDefault()},f=e=>{e.preventDefault();const t=e.target.closest(".draggable-item");if(!t||t.classList.contains(d.disabledClass))return;const n=Number(t.dataset.index);if(a!==n&&!g(a,n)){const s=[...d.list],[i]=s.splice(a,1);s.splice(n,0,i),l("update:list",s)}l("end",a,n),a=null},m=e=>{const t=e.target.closest(".draggable-item");if(!t||t.classList.contains(d.disabledClass)){e.preventDefault();return}a=Number(t.dataset.index),l("start",a)},b=e=>{e.preventDefault()},h=e=>{const t=document.elementFromPoint(e.changedTouches[0].clientX,e.changedTouches[0].clientY).closest(".draggable-item");if(!t||t.classList.contains(d.disabledClass))return;const n=Number(t.dataset.index);if(a!==n&&!g(a,n)){const s=[...d.list],[i]=s.splice(a,1);s.splice(n,0,i),l("update:list",s)}l("end",a,n),a=null},g=(e,t)=>Array.from(r.value.children).map((s,i)=>s.classList.contains(d.disabledClass)?i:null).filter(s=>s!==null).includes(t);r.value.addEventListener("dragstart",o),r.value.addEventListener("dragover",u),r.value.addEventListener("drop",f),r.value.addEventListener("touchstart",m),r.value.addEventListener("touchmove",b),r.value.addEventListener("touchend",h)}),(o,u)=>(c.openBlock(),c.createElementBlock("div",{ref_key:"container",ref:r,class:"draggable-container"},[c.renderSlot(o.$slots,"default")],512))}};exports.default=L;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css                 */
+const _sfc_main = {
+  __name: "Draggable",
+  props: {
+    list: {
+      type: Array,
+      required: true
+    },
+    disabledClass: {
+      type: String,
+      default: "draggable-disabled"
+    }
+  },
+  emits: ["update:list", "start", "end"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const container = vue.ref(null);
+    let dragStartIndex = null;
+    vue.onMounted(() => {
+      const handleDragStart = (e) => {
+        const target = e.target.closest(".draggable-item");
+        if (!target || target.classList.contains(props.disabledClass)) {
+          e.preventDefault();
+          return;
+        }
+        dragStartIndex = Number(target.dataset.index);
+        e.dataTransfer.effectAllowed = "move";
+        emit("start", dragStartIndex);
+      };
+      const handleDragOver = (e) => {
+        e.preventDefault();
+      };
+      const handleDrop = (e) => {
+        e.preventDefault();
+        const target = e.target.closest(".draggable-item");
+        if (!target || target.classList.contains(props.disabledClass)) {
+          return;
+        }
+        const dragEndIndex = Number(target.dataset.index);
+        if (dragStartIndex !== dragEndIndex && !isInvalidMove(dragStartIndex, dragEndIndex)) {
+          const updatedList = [...props.list];
+          const [removed] = updatedList.splice(dragStartIndex, 1);
+          updatedList.splice(dragEndIndex, 0, removed);
+          emit("update:list", updatedList);
+        }
+        emit("end", dragStartIndex, dragEndIndex);
+        dragStartIndex = null;
+      };
+      const handleTouchStart = (e) => {
+        const target = e.target.closest(".draggable-item");
+        if (!target || target.classList.contains(props.disabledClass)) {
+          e.preventDefault();
+          return;
+        }
+        dragStartIndex = Number(target.dataset.index);
+        emit("start", dragStartIndex);
+      };
+      const handleTouchMove = (e) => {
+        e.preventDefault();
+      };
+      const handleTouchEnd = (e) => {
+        const target = document.elementFromPoint(
+          e.changedTouches[0].clientX,
+          e.changedTouches[0].clientY
+        ).closest(".draggable-item");
+        if (!target || target.classList.contains(props.disabledClass)) {
+          return;
+        }
+        const dragEndIndex = Number(target.dataset.index);
+        if (dragStartIndex !== dragEndIndex && !isInvalidMove(dragStartIndex, dragEndIndex)) {
+          const updatedList = [...props.list];
+          const [removed] = updatedList.splice(dragStartIndex, 1);
+          updatedList.splice(dragEndIndex, 0, removed);
+          emit("update:list", updatedList);
+        }
+        emit("end", dragStartIndex, dragEndIndex);
+        dragStartIndex = null;
+      };
+      const isInvalidMove = (start, end) => {
+        const disabledIndices = Array.from(container.value.children).map((child, index) => child.classList.contains(props.disabledClass) ? index : null).filter((index) => index !== null);
+        return disabledIndices.includes(end);
+      };
+      container.value.addEventListener("dragstart", handleDragStart);
+      container.value.addEventListener("dragover", handleDragOver);
+      container.value.addEventListener("drop", handleDrop);
+      container.value.addEventListener("touchstart", handleTouchStart);
+      container.value.addEventListener("touchmove", handleTouchMove);
+      container.value.addEventListener("touchend", handleTouchEnd);
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        ref_key: "container",
+        ref: container,
+        class: "draggable-container"
+      }, [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 512);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Draggable.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Draggable.vue.cjs","sources":["../../../../../src/components/Draggable/Draggable.vue"],"sourcesContent":["<template>\n  <div ref=\"container\" class=\"draggable-container\">\n    <slot></slot>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue';\n\nconst props = defineProps({\n  list: {\n    type: Array,\n    required: true,\n  },\n  disabledClass: {\n    type: String,\n    default: 'draggable-disabled',\n  },\n});\n\nconst emit = defineEmits(['update:list', 'start', 'end']);\nconst container = ref(null);\n\nlet dragStartIndex = null;\n\nonMounted(() => {\n  const handleDragStart = (e) => {\n    const target = e.target.closest('.draggable-item');\n    if (!target || target.classList.contains(props.disabledClass)) {\n      e.preventDefault();\n      return;\n    }\n    dragStartIndex = Number(target.dataset.index);\n    e.dataTransfer.effectAllowed = 'move';\n    emit('start', dragStartIndex);\n  };\n\n  const handleDragOver = (e) => {\n    e.preventDefault();\n  };\n\n  const handleDrop = (e) => {\n    e.preventDefault();\n    const target = e.target.closest('.draggable-item');\n    if (!target || target.classList.contains(props.disabledClass)) {\n      return;\n    }\n    const dragEndIndex = Number(target.dataset.index);\n    if (dragStartIndex !== dragEndIndex && !isInvalidMove(dragStartIndex, dragEndIndex)) {\n      const updatedList = [...props.list];\n      const [removed] = updatedList.splice(dragStartIndex, 1);\n      updatedList.splice(dragEndIndex, 0, removed);\n      emit('update:list', updatedList);\n    }\n    emit('end', dragStartIndex, dragEndIndex);\n    dragStartIndex = null;\n  };\n\n  const handleTouchStart = (e) => {\n    const target = e.target.closest('.draggable-item');\n    if (!target || target.classList.contains(props.disabledClass)) {\n      e.preventDefault();\n      return;\n    }\n    dragStartIndex = Number(target.dataset.index);\n    emit('start', dragStartIndex);\n  };\n\n  const handleTouchMove = (e) => {\n    e.preventDefault();\n  };\n\n  const handleTouchEnd = (e) => {\n    const target = document.elementFromPoint(\n      e.changedTouches[0].clientX,\n      e.changedTouches[0].clientY\n    ).closest('.draggable-item');\n    if (!target || target.classList.contains(props.disabledClass)) {\n      return;\n    }\n    const dragEndIndex = Number(target.dataset.index);\n    if (dragStartIndex !== dragEndIndex && !isInvalidMove(dragStartIndex, dragEndIndex)) {\n      const updatedList = [...props.list];\n      const [removed] = updatedList.splice(dragStartIndex, 1);\n      updatedList.splice(dragEndIndex, 0, removed);\n      emit('update:list', updatedList);\n    }\n    emit('end', dragStartIndex, dragEndIndex);\n    dragStartIndex = null;\n  };\n\n  const isInvalidMove = (start, end) => {\n    const disabledIndices = Array.from(container.value.children)\n      .map((child, index) => (child.classList.contains(props.disabledClass) ? index : null))\n      .filter(index => index !== null);\n    return disabledIndices.includes(end);\n  };\n\n  container.value.addEventListener('dragstart', handleDragStart);\n  container.value.addEventListener('dragover', handleDragOver);\n  container.value.addEventListener('drop', handleDrop);\n  container.value.addEventListener('touchstart', handleTouchStart);\n  container.value.addEventListener('touchmove', handleTouchMove);\n  container.value.addEventListener('touchend', handleTouchEnd);\n});\n</script>\n\n<style>\n.draggable-container {\n  display: flex;\n  flex-direction: column;\n}\n</style>\n"],"names":["ref","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;AASA,UAAM,QAAQ;AAWd,UAAM,OAAO;AACb,UAAM,YAAYA,IAAAA,IAAI,IAAI;AAE1B,QAAI,iBAAiB;AAErBC,QAAAA,UAAU,MAAM;AACd,YAAM,kBAAkB,CAAC,MAAM;AAC7B,cAAM,SAAS,EAAE,OAAO,QAAQ,iBAAiB;AACjD,YAAI,CAAC,UAAU,OAAO,UAAU,SAAS,MAAM,aAAa,GAAG;AAC7D,YAAE,eAAc;AAChB;AAAA,QACD;AACD,yBAAiB,OAAO,OAAO,QAAQ,KAAK;AAC5C,UAAE,aAAa,gBAAgB;AAC/B,aAAK,SAAS,cAAc;AAAA,MAChC;AAEE,YAAM,iBAAiB,CAAC,MAAM;AAC5B,UAAE,eAAc;AAAA,MACpB;AAEE,YAAM,aAAa,CAAC,MAAM;AACxB,UAAE,eAAc;AAChB,cAAM,SAAS,EAAE,OAAO,QAAQ,iBAAiB;AACjD,YAAI,CAAC,UAAU,OAAO,UAAU,SAAS,MAAM,aAAa,GAAG;AAC7D;AAAA,QACD;AACD,cAAM,eAAe,OAAO,OAAO,QAAQ,KAAK;AAChD,YAAI,mBAAmB,gBAAgB,CAAC,cAAc,gBAAgB,YAAY,GAAG;AACnF,gBAAM,cAAc,CAAC,GAAG,MAAM,IAAI;AAClC,gBAAM,CAAC,OAAO,IAAI,YAAY,OAAO,gBAAgB,CAAC;AACtD,sBAAY,OAAO,cAAc,GAAG,OAAO;AAC3C,eAAK,eAAe,WAAW;AAAA,QAChC;AACD,aAAK,OAAO,gBAAgB,YAAY;AACxC,yBAAiB;AAAA,MACrB;AAEE,YAAM,mBAAmB,CAAC,MAAM;AAC9B,cAAM,SAAS,EAAE,OAAO,QAAQ,iBAAiB;AACjD,YAAI,CAAC,UAAU,OAAO,UAAU,SAAS,MAAM,aAAa,GAAG;AAC7D,YAAE,eAAc;AAChB;AAAA,QACD;AACD,yBAAiB,OAAO,OAAO,QAAQ,KAAK;AAC5C,aAAK,SAAS,cAAc;AAAA,MAChC;AAEE,YAAM,kBAAkB,CAAC,MAAM;AAC7B,UAAE,eAAc;AAAA,MACpB;AAEE,YAAM,iBAAiB,CAAC,MAAM;AAC5B,cAAM,SAAS,SAAS;AAAA,UACtB,EAAE,eAAe,CAAC,EAAE;AAAA,UACpB,EAAE,eAAe,CAAC,EAAE;AAAA,QAC1B,EAAM,QAAQ,iBAAiB;AAC3B,YAAI,CAAC,UAAU,OAAO,UAAU,SAAS,MAAM,aAAa,GAAG;AAC7D;AAAA,QACD;AACD,cAAM,eAAe,OAAO,OAAO,QAAQ,KAAK;AAChD,YAAI,mBAAmB,gBAAgB,CAAC,cAAc,gBAAgB,YAAY,GAAG;AACnF,gBAAM,cAAc,CAAC,GAAG,MAAM,IAAI;AAClC,gBAAM,CAAC,OAAO,IAAI,YAAY,OAAO,gBAAgB,CAAC;AACtD,sBAAY,OAAO,cAAc,GAAG,OAAO;AAC3C,eAAK,eAAe,WAAW;AAAA,QAChC;AACD,aAAK,OAAO,gBAAgB,YAAY;AACxC,yBAAiB;AAAA,MACrB;AAEE,YAAM,gBAAgB,CAAC,OAAO,QAAQ;AACpC,cAAM,kBAAkB,MAAM,KAAK,UAAU,MAAM,QAAQ,EACxD,IAAI,CAAC,OAAO,UAAW,MAAM,UAAU,SAAS,MAAM,aAAa,IAAI,QAAQ,IAAK,EACpF,OAAO,WAAS,UAAU,IAAI;AACjC,eAAO,gBAAgB,SAAS,GAAG;AAAA,MACvC;AAEE,gBAAU,MAAM,iBAAiB,aAAa,eAAe;AAC7D,gBAAU,MAAM,iBAAiB,YAAY,cAAc;AAC3D,gBAAU,MAAM,iBAAiB,QAAQ,UAAU;AACnD,gBAAU,MAAM,iBAAiB,cAAc,gBAAgB;AAC/D,gBAAU,MAAM,iBAAiB,aAAa,eAAe;AAC7D,gBAAU,MAAM,iBAAiB,YAAY,cAAc;AAAA,IAC7D,CAAC;;;;;;;;;;;;;"}

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

@@ -1,11 +1,11 @@
-import { ref as h, onMounted as L, openBlock as E, createElementBlock as D, renderSlot as x } from "vue";
+import { ref, onMounted, openBlock, createElementBlock, renderSlot } from "vue";
 /* empty css               */
-const T = {
+const _sfc_main = {
   __name: "Draggable",
   props: {
     list: {
       type: Array,
-      required: !0
+      required: true
     },
     disabledClass: {
       type: String,
@@ -13,63 +13,94 @@ const T = {
     }
   },
   emits: ["update:list", "start", "end"],
-  setup(g, { emit: p }) {
-    const d = g, l = p, r = h(null);
-    let a = null;
-    return L(() => {
-      const o = (e) => {
-        const t = e.target.closest(".draggable-item");
-        if (!t || t.classList.contains(d.disabledClass)) {
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const container = ref(null);
+    let dragStartIndex = null;
+    onMounted(() => {
+      const handleDragStart = (e) => {
+        const target = e.target.closest(".draggable-item");
+        if (!target || target.classList.contains(props.disabledClass)) {
           e.preventDefault();
           return;
         }
-        a = Number(t.dataset.index), e.dataTransfer.effectAllowed = "move", l("start", a);
-      }, c = (e) => {
+        dragStartIndex = Number(target.dataset.index);
+        e.dataTransfer.effectAllowed = "move";
+        emit("start", dragStartIndex);
+      };
+      const handleDragOver = (e) => {
         e.preventDefault();
-      }, v = (e) => {
+      };
+      const handleDrop = (e) => {
         e.preventDefault();
-        const t = e.target.closest(".draggable-item");
-        if (!t || t.classList.contains(d.disabledClass))
+        const target = e.target.closest(".draggable-item");
+        if (!target || target.classList.contains(props.disabledClass)) {
           return;
-        const n = Number(t.dataset.index);
-        if (a !== n && !u(a, n)) {
-          const s = [...d.list], [i] = s.splice(a, 1);
-          s.splice(n, 0, i), l("update:list", s);
         }
-        l("end", a, n), a = null;
-      }, m = (e) => {
-        const t = e.target.closest(".draggable-item");
-        if (!t || t.classList.contains(d.disabledClass)) {
+        const dragEndIndex = Number(target.dataset.index);
+        if (dragStartIndex !== dragEndIndex && !isInvalidMove(dragStartIndex, dragEndIndex)) {
+          const updatedList = [...props.list];
+          const [removed] = updatedList.splice(dragStartIndex, 1);
+          updatedList.splice(dragEndIndex, 0, removed);
+          emit("update:list", updatedList);
+        }
+        emit("end", dragStartIndex, dragEndIndex);
+        dragStartIndex = null;
+      };
+      const handleTouchStart = (e) => {
+        const target = e.target.closest(".draggable-item");
+        if (!target || target.classList.contains(props.disabledClass)) {
           e.preventDefault();
           return;
         }
-        a = Number(t.dataset.index), l("start", a);
-      }, f = (e) => {
+        dragStartIndex = Number(target.dataset.index);
+        emit("start", dragStartIndex);
+      };
+      const handleTouchMove = (e) => {
         e.preventDefault();
-      }, b = (e) => {
-        const t = document.elementFromPoint(
+      };
+      const handleTouchEnd = (e) => {
+        const target = document.elementFromPoint(
           e.changedTouches[0].clientX,
           e.changedTouches[0].clientY
         ).closest(".draggable-item");
-        if (!t || t.classList.contains(d.disabledClass))
+        if (!target || target.classList.contains(props.disabledClass)) {
           return;
-        const n = Number(t.dataset.index);
-        if (a !== n && !u(a, n)) {
-          const s = [...d.list], [i] = s.splice(a, 1);
-          s.splice(n, 0, i), l("update:list", s);
         }
-        l("end", a, n), a = null;
-      }, u = (e, t) => Array.from(r.value.children).map((s, i) => s.classList.contains(d.disabledClass) ? i : null).filter((s) => s !== null).includes(t);
-      r.value.addEventListener("dragstart", o), r.value.addEventListener("dragover", c), r.value.addEventListener("drop", v), r.value.addEventListener("touchstart", m), r.value.addEventListener("touchmove", f), r.value.addEventListener("touchend", b);
-    }), (o, c) => (E(), D("div", {
-      ref_key: "container",
-      ref: r,
-      class: "draggable-container"
-    }, [
-      x(o.$slots, "default")
-    ], 512));
+        const dragEndIndex = Number(target.dataset.index);
+        if (dragStartIndex !== dragEndIndex && !isInvalidMove(dragStartIndex, dragEndIndex)) {
+          const updatedList = [...props.list];
+          const [removed] = updatedList.splice(dragStartIndex, 1);
+          updatedList.splice(dragEndIndex, 0, removed);
+          emit("update:list", updatedList);
+        }
+        emit("end", dragStartIndex, dragEndIndex);
+        dragStartIndex = null;
+      };
+      const isInvalidMove = (start, end) => {
+        const disabledIndices = Array.from(container.value.children).map((child, index) => child.classList.contains(props.disabledClass) ? index : null).filter((index) => index !== null);
+        return disabledIndices.includes(end);
+      };
+      container.value.addEventListener("dragstart", handleDragStart);
+      container.value.addEventListener("dragover", handleDragOver);
+      container.value.addEventListener("drop", handleDrop);
+      container.value.addEventListener("touchstart", handleTouchStart);
+      container.value.addEventListener("touchmove", handleTouchMove);
+      container.value.addEventListener("touchend", handleTouchEnd);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "container",
+        ref: container,
+        class: "draggable-container"
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 512);
+    };
   }
 };
 export {
-  T as default
+  _sfc_main as default
 };
+//# sourceMappingURL=Draggable.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Draggable.vue.js","sources":["../../../../../src/components/Draggable/Draggable.vue"],"sourcesContent":["<template>\n  <div ref=\"container\" class=\"draggable-container\">\n    <slot></slot>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue';\n\nconst props = defineProps({\n  list: {\n    type: Array,\n    required: true,\n  },\n  disabledClass: {\n    type: String,\n    default: 'draggable-disabled',\n  },\n});\n\nconst emit = defineEmits(['update:list', 'start', 'end']);\nconst container = ref(null);\n\nlet dragStartIndex = null;\n\nonMounted(() => {\n  const handleDragStart = (e) => {\n    const target = e.target.closest('.draggable-item');\n    if (!target || target.classList.contains(props.disabledClass)) {\n      e.preventDefault();\n      return;\n    }\n    dragStartIndex = Number(target.dataset.index);\n    e.dataTransfer.effectAllowed = 'move';\n    emit('start', dragStartIndex);\n  };\n\n  const handleDragOver = (e) => {\n    e.preventDefault();\n  };\n\n  const handleDrop = (e) => {\n    e.preventDefault();\n    const target = e.target.closest('.draggable-item');\n    if (!target || target.classList.contains(props.disabledClass)) {\n      return;\n    }\n    const dragEndIndex = Number(target.dataset.index);\n    if (dragStartIndex !== dragEndIndex && !isInvalidMove(dragStartIndex, dragEndIndex)) {\n      const updatedList = [...props.list];\n      const [removed] = updatedList.splice(dragStartIndex, 1);\n      updatedList.splice(dragEndIndex, 0, removed);\n      emit('update:list', updatedList);\n    }\n    emit('end', dragStartIndex, dragEndIndex);\n    dragStartIndex = null;\n  };\n\n  const handleTouchStart = (e) => {\n    const target = e.target.closest('.draggable-item');\n    if (!target || target.classList.contains(props.disabledClass)) {\n      e.preventDefault();\n      return;\n    }\n    dragStartIndex = Number(target.dataset.index);\n    emit('start', dragStartIndex);\n  };\n\n  const handleTouchMove = (e) => {\n    e.preventDefault();\n  };\n\n  const handleTouchEnd = (e) => {\n    const target = document.elementFromPoint(\n      e.changedTouches[0].clientX,\n      e.changedTouches[0].clientY\n    ).closest('.draggable-item');\n    if (!target || target.classList.contains(props.disabledClass)) {\n      return;\n    }\n    const dragEndIndex = Number(target.dataset.index);\n    if (dragStartIndex !== dragEndIndex && !isInvalidMove(dragStartIndex, dragEndIndex)) {\n      const updatedList = [...props.list];\n      const [removed] = updatedList.splice(dragStartIndex, 1);\n      updatedList.splice(dragEndIndex, 0, removed);\n      emit('update:list', updatedList);\n    }\n    emit('end', dragStartIndex, dragEndIndex);\n    dragStartIndex = null;\n  };\n\n  const isInvalidMove = (start, end) => {\n    const disabledIndices = Array.from(container.value.children)\n      .map((child, index) => (child.classList.contains(props.disabledClass) ? index : null))\n      .filter(index => index !== null);\n    return disabledIndices.includes(end);\n  };\n\n  container.value.addEventListener('dragstart', handleDragStart);\n  container.value.addEventListener('dragover', handleDragOver);\n  container.value.addEventListener('drop', handleDrop);\n  container.value.addEventListener('touchstart', handleTouchStart);\n  container.value.addEventListener('touchmove', handleTouchMove);\n  container.value.addEventListener('touchend', handleTouchEnd);\n});\n</script>\n\n<style>\n.draggable-container {\n  display: flex;\n  flex-direction: column;\n}\n</style>\n"],"names":[],"mappings":"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"}

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

@@ -1 +1,64 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("../FieldPhone/click-outside.cjs");;/* empty css                */const u={key:0,class:"w-100 h-100 flex-center flex"},d={key:1},f={__name:"Dropdown",props:{label:{type:[String,Object],default:"Open"},align:{type:String,default:"left"}},setup(t){let n=r.default;const i=t,l=e.ref(!1),a=e.computed(()=>typeof i.label=="object");function s(){l.value=!1}return(c,o)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:"dropdown pos-relative",onClick:o[0]||(o[0]=e.withModifiers(v=>l.value=!l.value,["stop"]))},[a.value?(e.openBlock(),e.createElementBlock("div",u,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.label.component),e.mergeProps(t.label.props,{class:t.label.class}),null,16,["class"]))])):(e.openBlock(),e.createElementBlock("div",d,e.toDisplayString(t.label),1)),e.createVNode(e.Transition,{name:"TransitionTranslateY",mode:"out-in"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{style:e.normalizeStyle({left:t.align==="left"?"0":"auto",right:t.align==="right"?"0":"auto"}),class:"dropdown-content radius-big"},[e.renderSlot(c.$slots,"default")],4),[[e.vShow,l.value]])]),_:3})])),[[e.unref(n),s]])}};exports.default=f;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const clickOutside = require("../FieldPhone/click-outside.cjs");
+;/* empty css                */
+const _hoisted_1 = {
+  key: 0,
+  class: "w-100 h-100 flex-center flex"
+};
+const _hoisted_2 = { key: 1 };
+const _sfc_main = {
+  __name: "Dropdown",
+  props: {
+    label: {
+      type: [String, Object],
+      default: "Open"
+    },
+    align: {
+      type: String,
+      default: "left"
+    }
+  },
+  setup(__props) {
+    let vClickOutside = clickOutside.default;
+    const props = __props;
+    const isOpen = vue.ref(false);
+    const isComponentLabel = vue.computed(() => typeof props.label === "object");
+    function clickedOutside() {
+      isOpen.value = false;
+    }
+    return (_ctx, _cache) => {
+      return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+        class: "dropdown pos-relative",
+        onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => isOpen.value = !isOpen.value, ["stop"]))
+      }, [
+        isComponentLabel.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+          (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.label.component), vue.mergeProps(__props.label.props, {
+            class: __props.label.class
+          }), null, 16, ["class"]))
+        ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, vue.toDisplayString(__props.label), 1)),
+        vue.createVNode(vue.Transition, {
+          name: "TransitionTranslateY",
+          mode: "out-in"
+        }, {
+          default: vue.withCtx(() => [
+            vue.withDirectives(vue.createElementVNode("div", {
+              style: vue.normalizeStyle({ left: __props.align === "left" ? "0" : "auto", right: __props.align === "right" ? "0" : "auto" }),
+              class: "dropdown-content radius-big"
+            }, [
+              vue.renderSlot(_ctx.$slots, "default")
+            ], 4), [
+              [vue.vShow, isOpen.value]
+            ])
+          ]),
+          _: 3
+        })
+      ])), [
+        [vue.unref(vClickOutside), clickedOutside]
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Dropdown.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.vue.cjs","sources":["../../../../../src/components/Dropdown/Dropdown.vue"],"sourcesContent":["<template>\n  <div class=\"dropdown pos-relative\" v-click-outside=\"clickedOutside\" @click.stop=\"isOpen = !isOpen\">\n    <div v-if=\"isComponentLabel\" class=\"w-100 h-100 flex-center flex\">\n      <component :is=\"label.component\" v-bind=\"label.props\" :class=\"label.class\"></component>\n    </div>\n    <div v-else>\n      {{ label }}\n    </div>\n    <transition name=\"TransitionTranslateY\" mode=\"out-in\">\n      <div \n        v-show=\"isOpen\" \n        :style=\"{ left: align === 'left' ? '0' : 'auto', right: align === 'right' ? '0' : 'auto' }\" \n        class=\"dropdown-content radius-big\" \n      >\n        <slot></slot>\n      </div>\n    </transition>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\nimport clickOutside from '../FieldPhone/click-outside';\n\nlet vClickOutside = clickOutside\n\nconst props = defineProps({\n  label: {\n    type: [String, Object],\n    default: 'Open'\n  },\n  align: {\n    type: String,\n    default: 'left'\n  }\n})\n\nconst isOpen = ref(false);\nconst isComponentLabel = computed(() => typeof props.label === 'object');\n\nfunction clickedOutside () {\n  isOpen.value = false\n}\n</script>\n\n<style >\n.dropdown-content {\n  display: block;\n  position: absolute;\n  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);\n  z-index: 1;\n}\n\n/*.dropdown:hover .dropdown-content {\n  display: block;\n}*/\n</style>\n"],"names":["clickOutside","ref","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAwBA,QAAI,gBAAgBA,aAAY;AAEhC,UAAM,QAAQ;AAWd,UAAM,SAASC,IAAAA,IAAI,KAAK;AACxB,UAAM,mBAAmBC,IAAQ,SAAC,MAAM,OAAO,MAAM,UAAU,QAAQ;AAEvE,aAAS,iBAAkB;AACzB,aAAO,QAAQ;AAAA,IACjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,10 +1,12 @@
-import { ref as u, computed as f, withDirectives as a, openBlock as l, createElementBlock as o, withModifiers as m, createBlock as p, resolveDynamicComponent as v, mergeProps as b, toDisplayString as g, createVNode as k, Transition as y, withCtx as h, createElementVNode as w, normalizeStyle as O, renderSlot as S, vShow as C, unref as x } from "vue";
-import D from "../FieldPhone/click-outside.js";
+import { ref, computed, withDirectives, openBlock, createElementBlock, withModifiers, createBlock, resolveDynamicComponent, mergeProps, toDisplayString, createVNode, Transition, withCtx, createElementVNode, normalizeStyle, renderSlot, vShow, unref } from "vue";
+import clickOutside from "../FieldPhone/click-outside.js";
 /* empty css              */
-const B = {
+const _hoisted_1 = {
   key: 0,
   class: "w-100 h-100 flex-center flex"
-}, T = { key: 1 }, $ = {
+};
+const _hoisted_2 = { key: 1 };
+const _sfc_main = {
   __name: "Dropdown",
   props: {
     label: {
@@ -16,42 +18,47 @@ const B = {
       default: "left"
     }
   },
-  setup(e) {
-    let i = D;
-    const s = e, t = u(!1), r = f(() => typeof s.label == "object");
-    function c() {
-      t.value = !1;
+  setup(__props) {
+    let vClickOutside = clickOutside;
+    const props = __props;
+    const isOpen = ref(false);
+    const isComponentLabel = computed(() => typeof props.label === "object");
+    function clickedOutside() {
+      isOpen.value = false;
     }
-    return (d, n) => a((l(), o("div", {
-      class: "dropdown pos-relative",
-      onClick: n[0] || (n[0] = m((j) => t.value = !t.value, ["stop"]))
-    }, [
-      r.value ? (l(), o("div", B, [
-        (l(), p(v(e.label.component), b(e.label.props, {
-          class: e.label.class
-        }), null, 16, ["class"]))
-      ])) : (l(), o("div", T, g(e.label), 1)),
-      k(y, {
-        name: "TransitionTranslateY",
-        mode: "out-in"
-      }, {
-        default: h(() => [
-          a(w("div", {
-            style: O({ left: e.align === "left" ? "0" : "auto", right: e.align === "right" ? "0" : "auto" }),
-            class: "dropdown-content radius-big"
-          }, [
-            S(d.$slots, "default")
-          ], 4), [
-            [C, t.value]
-          ])
-        ]),
-        _: 3
-      })
-    ])), [
-      [x(i), c]
-    ]);
+    return (_ctx, _cache) => {
+      return withDirectives((openBlock(), createElementBlock("div", {
+        class: "dropdown pos-relative",
+        onClick: _cache[0] || (_cache[0] = withModifiers(($event) => isOpen.value = !isOpen.value, ["stop"]))
+      }, [
+        isComponentLabel.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          (openBlock(), createBlock(resolveDynamicComponent(__props.label.component), mergeProps(__props.label.props, {
+            class: __props.label.class
+          }), null, 16, ["class"]))
+        ])) : (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(__props.label), 1)),
+        createVNode(Transition, {
+          name: "TransitionTranslateY",
+          mode: "out-in"
+        }, {
+          default: withCtx(() => [
+            withDirectives(createElementVNode("div", {
+              style: normalizeStyle({ left: __props.align === "left" ? "0" : "auto", right: __props.align === "right" ? "0" : "auto" }),
+              class: "dropdown-content radius-big"
+            }, [
+              renderSlot(_ctx.$slots, "default")
+            ], 4), [
+              [vShow, isOpen.value]
+            ])
+          ]),
+          _: 3
+        })
+      ])), [
+        [unref(vClickOutside), clickedOutside]
+      ]);
+    };
   }
 };
 export {
-  $ as default
+  _sfc_main as default
 };
+//# sourceMappingURL=Dropdown.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.vue.js","sources":["../../../../../src/components/Dropdown/Dropdown.vue"],"sourcesContent":["<template>\n  <div class=\"dropdown pos-relative\" v-click-outside=\"clickedOutside\" @click.stop=\"isOpen = !isOpen\">\n    <div v-if=\"isComponentLabel\" class=\"w-100 h-100 flex-center flex\">\n      <component :is=\"label.component\" v-bind=\"label.props\" :class=\"label.class\"></component>\n    </div>\n    <div v-else>\n      {{ label }}\n    </div>\n    <transition name=\"TransitionTranslateY\" mode=\"out-in\">\n      <div \n        v-show=\"isOpen\" \n        :style=\"{ left: align === 'left' ? '0' : 'auto', right: align === 'right' ? '0' : 'auto' }\" \n        class=\"dropdown-content radius-big\" \n      >\n        <slot></slot>\n      </div>\n    </transition>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\nimport clickOutside from '../FieldPhone/click-outside';\n\nlet vClickOutside = clickOutside\n\nconst props = defineProps({\n  label: {\n    type: [String, Object],\n    default: 'Open'\n  },\n  align: {\n    type: String,\n    default: 'left'\n  }\n})\n\nconst isOpen = ref(false);\nconst isComponentLabel = computed(() => typeof props.label === 'object');\n\nfunction clickedOutside () {\n  isOpen.value = false\n}\n</script>\n\n<style >\n.dropdown-content {\n  display: block;\n  position: absolute;\n  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);\n  z-index: 1;\n}\n\n/*.dropdown:hover .dropdown-content {\n  display: block;\n}*/\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAwBA,QAAI,gBAAgB;AAEpB,UAAM,QAAQ;AAWd,UAAM,SAAS,IAAI,KAAK;AACxB,UAAM,mBAAmB,SAAS,MAAM,OAAO,MAAM,UAAU,QAAQ;AAEvE,aAAS,iBAAkB;AACzB,aAAO,QAAQ;AAAA,IACjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}