@ozdao/prometheus-framework 0.2.200 → 0.2.202

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

@@ -1,77 +1,92 @@
-import { watch as y, openBlock as s, createBlock as i, Transition as l, withCtx as a, Teleport as k, createElementBlock as p, createVNode as m, createElementVNode as u, mergeProps as P, toDisplayString as b, createCommentVNode as n, renderSlot as g, normalizeClass as x } from "vue";
-import { useRoute as T, useRouter as $ } from "vue-router";
-import { useI18n as z } from "vue-i18n";
-import C from "../../modules/icons/navigation/IconCross.vue.js";
+import { watch, openBlock, createBlock, Transition, withCtx, Teleport, createElementBlock, createVNode, createElementVNode, mergeProps, toDisplayString, createCommentVNode, renderSlot, normalizeClass } from "vue";
+import { useRoute, useRouter } from "vue-router";
+import { useI18n } from "vue-i18n";
+import _sfc_main$1 from "../../modules/icons/navigation/IconCross.vue.js";
 /* empty css          */
-const O = {
+const _hoisted_1 = {
   key: "popup-content",
   class: "pd-small z-index-6 popup-wrapper"
-}, h = {
+};
+const _hoisted_2 = {
   key: 0,
   class: "mn-b-small"
-}, L = {
+};
+const _sfc_main = {
   __name: "Popup",
   props: {
     isPopupOpen: {
       type: Boolean,
-      default: !1
+      default: false
     },
     style: String,
     title: String
   },
   emits: ["close-popup"],
-  setup(e, { emit: c }) {
-    const d = e, f = c;
-    function r() {
-      f("close-popup");
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    function closePopup() {
+      emits("close-popup");
     }
-    return y(() => d.isPopupOpen, (t) => {
-      t ? document.body.classList.add("no-scroll") : document.body.classList.remove("no-scroll");
-    }), T(), $(), z({
+    watch(() => props.isPopupOpen, (newVal) => {
+      if (newVal) {
+        document.body.classList.add("no-scroll");
+      } else {
+        document.body.classList.remove("no-scroll");
+      }
+    });
+    useRoute();
+    useRouter();
+    const text = {
       messages: {
         en: {},
         ru: {}
       }
-    }), (t, o) => (s(), i(l, {
-      name: "TransitionTranslateY",
-      appear: ""
-    }, {
-      default: a(() => [
-        e.isPopupOpen ? (s(), i(k, {
-          key: 0,
-          to: "body"
-        }, [
-          e.isPopupOpen ? (s(), p("div", O, [
-            m(l, {
-              name: "TransitionTranslateY",
-              mode: "out-in"
-            }, {
-              default: a(() => [
-                u("section", P({ class: "pos-relative z-index-4" }, t.$attrs, {
-                  class: t.$attrs.class
-                }), [
-                  e.title ? (s(), p("h4", h, b(e.title), 1)) : n("", !0),
-                  m(C, {
-                    fill: "rgb(var(--white))",
-                    onClick: o[0] || (o[0] = (v) => r()),
-                    class: "cursor-pointer bg-second pd-micro radius-extra pos-absolute pos-t-0 pos-r-0 mn-t-semi mn-r-semi hover-scale-1 i-medium z-index-5"
-                  }),
-                  g(t.$slots, "default")
-                ], 16)
-              ]),
-              _: 3
-            }),
-            u("div", {
-              onClick: o[1] || (o[1] = (v) => r()),
-              class: x([{ active: e.isPopupOpen === !0 }, "color-overlay z-index-3"])
-            }, null, 2)
-          ])) : n("", !0)
-        ])) : n("", !0)
-      ]),
-      _: 3
-    }));
+    };
+    useI18n(text);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Transition, {
+        name: "TransitionTranslateY",
+        appear: ""
+      }, {
+        default: withCtx(() => [
+          __props.isPopupOpen ? (openBlock(), createBlock(Teleport, {
+            key: 0,
+            to: "body"
+          }, [
+            __props.isPopupOpen ? (openBlock(), createElementBlock("div", _hoisted_1, [
+              createVNode(Transition, {
+                name: "TransitionTranslateY",
+                mode: "out-in"
+              }, {
+                default: withCtx(() => [
+                  createElementVNode("section", mergeProps({ class: "pos-relative z-index-4" }, _ctx.$attrs, {
+                    class: _ctx.$attrs.class
+                  }), [
+                    __props.title ? (openBlock(), createElementBlock("h4", _hoisted_2, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+                    createVNode(_sfc_main$1, {
+                      fill: "rgb(var(--white))",
+                      onClick: _cache[0] || (_cache[0] = ($event) => closePopup()),
+                      class: "cursor-pointer bg-second pd-micro radius-extra pos-absolute pos-t-0 pos-r-0 mn-t-semi mn-r-semi hover-scale-1 i-medium z-index-5"
+                    }),
+                    renderSlot(_ctx.$slots, "default")
+                  ], 16)
+                ]),
+                _: 3
+              }),
+              createElementVNode("div", {
+                onClick: _cache[1] || (_cache[1] = ($event) => closePopup()),
+                class: normalizeClass([{ "active": __props.isPopupOpen === true }, "color-overlay z-index-3"])
+              }, null, 2)
+            ])) : createCommentVNode("", true)
+          ])) : createCommentVNode("", true)
+        ]),
+        _: 3
+      });
+    };
   }
 };
 export {
-  L as default
+  _sfc_main as default
 };
+//# sourceMappingURL=Popup.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popup.vue2.js","sources":["../../../../../src/components/Popup/Popup.vue"],"sourcesContent":["<template>\n\n\t\t<transition name=\"TransitionTranslateY\" appear>\n\t\t\t\t<teleport to=\"body\" v-if=\"isPopupOpen\">\n\t\t\t\t\t<div v-if=\"isPopupOpen\" key=\"popup-content\" class=\"pd-small z-index-6 popup-wrapper\">\n\n\t\t\t\t\t\t<transition name=\"TransitionTranslateY\" mode=\"out-in\">\n\t\t\t\t\t\t\t<section class=\"pos-relative z-index-4\" v-bind=\"$attrs\" :class=\"$attrs.class\">\n\t\t\t\t\t\t\t\t\t<h4 v-if=\"title\" class=\"mn-b-small\">{{title}}</h4>\n\t\t\t\t\t\t\t\t\t<IconCross :fill=\"'rgb(var(--white))'\" @click=\"closePopup()\" class=\"cursor-pointer bg-second pd-micro radius-extra pos-absolute pos-t-0 pos-r-0 mn-t-semi mn-r-semi hover-scale-1 i-medium z-index-5\"/>\n\t\t\t\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t\t</section>  \n\t\t\t\t\t\t</transition>\n\n\t\t\t\t\t\t<div \n\t\t\t\t\t\t\t@click=\"closePopup()\" \n\t\t\t\t\t    :class=\"{'active':isPopupOpen === true}\" \n\t\t\t\t\t    class=\"color-overlay z-index-3\">\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t</div>\n\t\t\t</teleport>\n\t\t</transition>\n\n</template>\n\n<script setup>\nimport { computed, watch, onMounted, ref, nextTick } from 'vue';\n// Import libs\nimport { useRoute, useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n// Icons\nimport IconCross from '@pf/src/modules/icons/navigation/IconCross.vue';\n// Define props\nconst props = defineProps({\n  isPopupOpen: {\n  \ttype: Boolean,\n\t  default: false\n  },\n  style: String,\n  title: String,\n});\nconst emits = defineEmits(['close-popup'])\n\nfunction closePopup() {\n  emits(\"close-popup\");\n} \n\nwatch(() => props.isPopupOpen, (newVal) => {\n  if (newVal) {\n    document.body.classList.add('no-scroll');\n  } else {\n    document.body.classList.remove('no-scroll');\n  }\n});\n\n// Accessing router and store\nconst route = useRoute()\nconst router = useRouter()\n// Localization\nconst text = {\n  \tmessages: {\n\t    en: {},\n\t    ru: {}\n\t}\n}\nconst { t } = useI18n(text)\n</script>\n\n<style lang=\"scss\">\n\t.no-scroll {\n\t  overflow: hidden;\n\t}\n\n\t.popup-wrapper {\n\t\tdisplay: flex;\n\t\tposition: fixed;\n\n\t\talign-items: center;\n\t\tjustify-content: center;\n\n\t\twidth: 100%;\n\t\theight: 100%;\n\n\t\tleft: 0;\n\t\ttop: 0;\n\n\t\tz-index: 40;\n\n\t\t.popup {\n\t\t\tposition: absolute;\n\t\t\theight: auto;\n\t\t\tpadding: 2rem;\n\t\t\tmin-width: 24rem;\n\t\t\tborder-radius: 2rem;\n\t\t\toverflow: hidden;\n\n\t\t\tcolor: white;\n\t\t\tbackground: black;\n\n\t\t\tz-index: 40;\n\t\t}\n\t}\n\n\t.color-overlay {\n\t\tdisplay: block;\n\t\tposition: fixed;\n\n\t\tleft: 0;\n\t\ttop: 0;\n\n\t\twidth: 100%;\n\t\theight: 100%;\n\n\t\tbackground: rgba(0,0,0,0.0);\n\t\tpointer-events: none;\n\n\t\ttransform: scale(1.5);\n\n\t\ttransition: all 0.5s cubic-bezier(.31,.79,.24,.92);\n\n\t\t&.active {\n\t\t\tbackground: rgba(#000,0.25);\n\t\t\tpointer-events: all;\n\t\t}\n\t}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,UAAM,QAAQ;AAQd,UAAM,QAAQ;AAEd,aAAS,aAAa;AACpB,YAAM,aAAa;AAAA,IACrB;AAEA,UAAM,MAAM,MAAM,aAAa,CAAC,WAAW;AACzC,UAAI,QAAQ;AACV,iBAAS,KAAK,UAAU,IAAI,WAAW;AAAA,MAC3C,OAAS;AACL,iBAAS,KAAK,UAAU,OAAO,WAAW;AAAA,MAC3C;AAAA,IACH,CAAC;AAGa,aAAU;AACT,cAAW;AAE1B,UAAM,OAAO;AAAA,MACV,UAAU;AAAA,QACR,IAAI,CAAE;AAAA,QACN,IAAI,CAAE;AAAA,MACT;AAAA,IACF;AACc,YAAQ,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +1,127 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),y=require("../FieldPhone/click-outside.cjs");;/* empty css             */const g=require("../../../../_virtual/_plugin-vue_export-helper.cjs"),B={key:0,class:"t-transp mn-r-small"},b={class:"w-100"},w=["onClick"],S={key:0,class:"w-100"},_={key:0,class:"mn-t-thin invalid-feedback"},C={__name:"Select",props:{label:String,placeholder:{type:String,default:"Please select an item"},select:[String,Object],property:String,options:{type:Array,default:()=>[]},validation:Boolean},emits:["update:select","focus","blur"],setup(n,{emit:m}){let f=y.default;const i=m,t=n,a=e.ref(!1),o=e.ref(t.property?d(t.select,t.property,t.options):t.select),v=e.computed(()=>t.select?t.options.filter(l=>l!==t.select):t.options);e.watch(()=>t.select,l=>{o.value=t.property?d(t.select,t.property,t.options):t.select});const u=()=>{a.value=!a.value,i(a.value?"focus":"blur")};function k(){a.value=!1}const h=l=>{o.value=l,u(),t.property?i("update:select",o.value[t.property]):i("update:select",o.value)};function d(l,p,c){for(const s of c)if(s[p]===l||s===l)return s;return null}return(l,p)=>{var c,s;return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives((e.openBlock(),e.createElementBlock("div",{onClick:e.withModifiers(u,["stop"]),class:e.normalizeClass([l.$attrs.class,"cursor-pointer flex-v-center flex-nowrap flex pos-relative"])},[n.label?(e.openBlock(),e.createElementBlock("div",B,[e.createElementVNode("span",null,e.toDisplayString(n.label),1)])):e.createCommentVNode("",!0),e.createElementVNode("li",b,[e.createElementVNode("span",null,e.toDisplayString((c=o.value)!=null&&c.name?(s=o.value)==null?void 0:s.name:o.value||n.placeholder),1)]),e.createVNode(e.Transition,{mode:"out-in",name:"TransitionTranslateY"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("ul",{class:e.normalizeClass([l.$attrs.class,"bs-black pos-absolute pos-t-100 pos-l-0 z-index-5 w-100 mn-t-thin"]),style:{"min-width":"max-content"}},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value,r=>(e.openBlock(),e.createElementBlock("li",{onClick:e.withModifiers(V=>h(r),["stop"])},[r?(e.openBlock(),e.createElementBlock("span",S,e.toDisplayString(r.name||r),1)):e.createCommentVNode("",!0)],8,w))),256))],2),[[e.vShow,a.value]])]),_:1})],2)),[[e.unref(f),k]]),e.createVNode(e.Transition,{mode:"out-in",name:"fade"},{default:e.withCtx(()=>[n.validation?(e.openBlock(),e.createElementBlock("div",_," * "+e.toDisplayString(n.validation.message),1)):e.createCommentVNode("",!0)]),_:1})],64)}}},E=g.default(C,[["__scopeId","data-v-bf25c24d"]]);exports.default=E;
+"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 _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.cjs");
+const _hoisted_1 = {
+  key: 0,
+  class: "t-transp mn-r-small"
+};
+const _hoisted_2 = { class: "w-100" };
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = {
+  key: 0,
+  class: "w-100"
+};
+const _hoisted_5 = {
+  key: 0,
+  class: "mn-t-thin invalid-feedback"
+};
+const _sfc_main = {
+  __name: "Select",
+  props: {
+    label: String,
+    placeholder: { type: String, default: "Please select an item" },
+    select: [String, Object],
+    property: String,
+    options: { type: Array, default: () => [] },
+    validation: Boolean
+  },
+  emits: [
+    "update:select",
+    "focus",
+    "blur"
+  ],
+  setup(__props, { emit: __emit }) {
+    let vClickOutside = clickOutside.default;
+    const emit = __emit;
+    const props = __props;
+    const showMenu = vue.ref(false);
+    const optionsSelected = vue.ref(
+      props.property ? findObjectByValue(props.select, props.property, props.options) : props.select
+    );
+    const optionsListed = vue.computed(() => {
+      return props.select ? props.options.filter((option) => option !== props.select) : props.options;
+    });
+    vue.watch(() => props.select, (newSelect) => {
+      optionsSelected.value = props.property ? findObjectByValue(props.select, props.property, props.options) : props.select;
+    });
+    const toggleMenu = () => {
+      showMenu.value = !showMenu.value;
+      emit(showMenu.value ? "focus" : "blur");
+    };
+    function clickedOutside() {
+      showMenu.value = false;
+    }
+    const selectOption = (option) => {
+      optionsSelected.value = option;
+      toggleMenu();
+      if (props.property) {
+        emit("update:select", optionsSelected.value[props.property]);
+      } else {
+        emit("update:select", optionsSelected.value);
+      }
+    };
+    function findObjectByValue(value, property, objects) {
+      for (const object of objects) {
+        if (object[property] === value || object === value) {
+          return object;
+        }
+      }
+      return null;
+    }
+    return (_ctx, _cache) => {
+      var _a, _b;
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+          onClick: vue.withModifiers(toggleMenu, ["stop"]),
+          class: vue.normalizeClass([_ctx.$attrs.class, "cursor-pointer flex-v-center flex-nowrap flex pos-relative"])
+        }, [
+          __props.label ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+            vue.createElementVNode("span", null, vue.toDisplayString(__props.label), 1)
+          ])) : vue.createCommentVNode("", true),
+          vue.createElementVNode("li", _hoisted_2, [
+            vue.createElementVNode("span", null, vue.toDisplayString(((_a = optionsSelected.value) == null ? void 0 : _a.name) ? (_b = optionsSelected.value) == null ? void 0 : _b.name : optionsSelected.value || __props.placeholder), 1)
+          ]),
+          vue.createVNode(vue.Transition, {
+            mode: "out-in",
+            name: "TransitionTranslateY"
+          }, {
+            default: vue.withCtx(() => [
+              vue.withDirectives(vue.createElementVNode("ul", {
+                class: vue.normalizeClass([_ctx.$attrs.class, "bs-black pos-absolute pos-t-100 pos-l-0 z-index-5 w-100 mn-t-thin"]),
+                style: { "min-width": "max-content" }
+              }, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(optionsListed.value, (option) => {
+                  return vue.openBlock(), vue.createElementBlock("li", {
+                    onClick: vue.withModifiers(($event) => selectOption(option), ["stop"])
+                  }, [
+                    option ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, vue.toDisplayString(option.name || option), 1)) : vue.createCommentVNode("", true)
+                  ], 8, _hoisted_3);
+                }), 256))
+              ], 2), [
+                [vue.vShow, showMenu.value]
+              ])
+            ]),
+            _: 1
+          })
+        ], 2)), [
+          [vue.unref(vClickOutside), clickedOutside]
+        ]),
+        vue.createVNode(vue.Transition, {
+          mode: "out-in",
+          name: "fade"
+        }, {
+          default: vue.withCtx(() => [
+            __props.validation ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, " * " + vue.toDisplayString(__props.validation.message), 1)) : vue.createCommentVNode("", true)
+          ]),
+          _: 1
+        })
+      ], 64);
+    };
+  }
+};
+const Select = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-bf25c24d"]]);
+exports.default = Select;
+//# sourceMappingURL=Select.vue2.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.vue2.cjs","sources":["../../../../../src/components/Select/Select.vue"],"sourcesContent":["<template>\n  <!-- Input Wrapper -->\n  <div \n    @click.stop=\"toggleMenu\"  \n    v-click-outside=\"clickedOutside\" \n    :class=\"$attrs.class\" \n    class=\"cursor-pointer flex-v-center flex-nowrap flex pos-relative\"\n  >\n    <!-- Label -->\n    <div v-if=\"label\" class=\"t-transp mn-r-small\">\n      <span>{{label}}</span>\n    </div>\n    \n    <!-- Input -->\n    <li class=\"w-100\">\n      <!-- Selected Value -->\n      <span>\n        {{ optionsSelected?.name ? optionsSelected?.name : optionsSelected || placeholder }}\n      </span>\n    </li>\n\n    <!-- Dropdown menu -->\n    <transition mode=\"out-in\" name=\"TransitionTranslateY\">\n      <ul \n        v-show=\"showMenu\" \n        :class=\"$attrs.class\"\n        class=\"bs-black pos-absolute pos-t-100 pos-l-0 z-index-5 w-100 mn-t-thin\"\n        style=\"min-width: max-content;\"\n      >\n        <li @click.stop=\"selectOption(option)\" v-for=\"option in optionsListed\">\n          <span v-if=\"option\" class=\"w-100\">\n            {{ option.name || option }}\n          </span>\n        </li>\n      </ul>\n    </transition>\n  </div>\n\n  <!-- Validation -->\n  <transition mode=\"out-in\" name=\"fade\">\n    <div v-if=\"validation\" class=\"mn-t-thin invalid-feedback\">\n      * {{validation.message}}\n    </div>\n  </transition>\n</template>\n\n<script setup>\nimport { ref, computed, watch } from 'vue'\n\nimport clickOutside from '../FieldPhone/click-outside';\n\nlet vClickOutside = clickOutside\n\nconst emit = defineEmits([\n  'update:select', \n  'focus', \n  'blur'\n])\n\nconst props = defineProps({\n  label: String,\n  placeholder: { type: String, default: 'Please select an item' },\n  select: [String, Object],\n  property: String,\n  options: { type: Array, default: () => [] },\n  validation: Boolean,\n})\n\nconst showMenu = ref(false)\n\nconst optionsSelected = ref(\n  props.property \n  ? findObjectByValue(props.select, props.property, props.options) \n  : props.select\n)\n\nconst optionsListed = computed(() => {\n  return props.select \n  ? props.options.filter(option => option !== props.select) \n  : props.options\n})\n\nwatch(() => props.select, (newSelect) => {\n  optionsSelected.value = \n  props.property \n  ? findObjectByValue(props.select, props.property, props.options) \n  : props.select;\n});\n\nconst toggleMenu = () => {\n  showMenu.value = !showMenu.value\n\n  emit(showMenu.value ? 'focus' : 'blur')\n}\n\nfunction clickedOutside () {\n  showMenu.value = false\n}\n\nconst selectOption = option => {\n  optionsSelected.value = option\n  \n  toggleMenu()\n\n  if (props.property) {  \n    emit('update:select', optionsSelected.value[props.property])\n  } else {\n    emit('update:select', optionsSelected.value)\n  }\n}\n\nfunction findObjectByValue (value, property, objects) {\n  for (const object of objects) {\n    if (object[property] === value || object === value) {\n      return object;\n    }\n  }\n  return null;\n}\n</script>\n\n<style lang=\"scss\" scoped>\n  li {\n    list-style-type: none;\n  }\n\n  ul li {\n    line-height: 2;\n  }\n</style>\n"],"names":["clickOutside","ref","computed","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmDA,QAAI,gBAAgBA,aAAY;AAEhC,UAAM,OAAO;AAMb,UAAM,QAAQ;AASd,UAAM,WAAWC,IAAG,IAAC,KAAK;AAE1B,UAAM,kBAAkBA,IAAG;AAAA,MACzB,MAAM,WACJ,kBAAkB,MAAM,QAAQ,MAAM,UAAU,MAAM,OAAO,IAC7D,MAAM;AAAA,IACV;AAEA,UAAM,gBAAgBC,IAAQ,SAAC,MAAM;AACnC,aAAO,MAAM,SACX,MAAM,QAAQ,OAAO,YAAU,WAAW,MAAM,MAAM,IACtD,MAAM;AAAA,IACV,CAAC;AAEDC,QAAK,MAAC,MAAM,MAAM,QAAQ,CAAC,cAAc;AACvC,sBAAgB,QAChB,MAAM,WACJ,kBAAkB,MAAM,QAAQ,MAAM,UAAU,MAAM,OAAO,IAC7D,MAAM;AAAA,IACV,CAAC;AAED,UAAM,aAAa,MAAM;AACvB,eAAS,QAAQ,CAAC,SAAS;AAE3B,WAAK,SAAS,QAAQ,UAAU,MAAM;AAAA,IACxC;AAEA,aAAS,iBAAkB;AACzB,eAAS,QAAQ;AAAA,IACnB;AAEA,UAAM,eAAe,YAAU;AAC7B,sBAAgB,QAAQ;AAExB,iBAAY;AAEZ,UAAI,MAAM,UAAU;AAClB,aAAK,iBAAiB,gBAAgB,MAAM,MAAM,QAAQ,CAAC;AAAA,MAC/D,OAAS;AACL,aAAK,iBAAiB,gBAAgB,KAAK;AAAA,MAC5C;AAAA,IACH;AAEA,aAAS,kBAAmB,OAAO,UAAU,SAAS;AACpD,iBAAW,UAAU,SAAS;AAC5B,YAAI,OAAO,QAAQ,MAAM,SAAS,WAAW,OAAO;AAClD,iBAAO;AAAA,QACR;AAAA,MACF;AACD,aAAO;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,17 +1,22 @@
-import { ref as y, computed as M, watch as N, openBlock as s, createElementBlock as n, Fragment as b, withDirectives as k, withModifiers as w, normalizeClass as S, createElementVNode as u, toDisplayString as d, createCommentVNode as m, createVNode as _, Transition as g, withCtx as x, renderList as T, vShow as $, unref as z } from "vue";
-import D from "../FieldPhone/click-outside.js";
+import { ref, computed, watch, openBlock, createElementBlock, Fragment, withDirectives, withModifiers, normalizeClass, createElementVNode, toDisplayString, createCommentVNode, createVNode, Transition, withCtx, renderList, vShow, unref } from "vue";
+import clickOutside from "../FieldPhone/click-outside.js";
 /* empty css           */
-import E from "../../../../_virtual/_plugin-vue_export-helper.js";
-const L = {
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+const _hoisted_1 = {
   key: 0,
   class: "t-transp mn-r-small"
-}, A = { class: "w-100" }, F = ["onClick"], I = {
+};
+const _hoisted_2 = { class: "w-100" };
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = {
   key: 0,
   class: "w-100"
-}, P = {
+};
+const _hoisted_5 = {
   key: 0,
   class: "mn-t-thin invalid-feedback"
-}, Y = {
+};
+const _sfc_main = {
   __name: "Select",
   props: {
     label: String,
@@ -26,78 +31,97 @@ const L = {
     "focus",
     "blur"
   ],
-  setup(o, { emit: C }) {
-    let O = D;
-    const p = C, e = o, c = y(!1), l = y(
-      e.property ? v(e.select, e.property, e.options) : e.select
-    ), B = M(() => e.select ? e.options.filter((t) => t !== e.select) : e.options);
-    N(() => e.select, (t) => {
-      l.value = e.property ? v(e.select, e.property, e.options) : e.select;
+  setup(__props, { emit: __emit }) {
+    let vClickOutside = clickOutside;
+    const emit = __emit;
+    const props = __props;
+    const showMenu = ref(false);
+    const optionsSelected = ref(
+      props.property ? findObjectByValue(props.select, props.property, props.options) : props.select
+    );
+    const optionsListed = computed(() => {
+      return props.select ? props.options.filter((option) => option !== props.select) : props.options;
     });
-    const f = () => {
-      c.value = !c.value, p(c.value ? "focus" : "blur");
+    watch(() => props.select, (newSelect) => {
+      optionsSelected.value = props.property ? findObjectByValue(props.select, props.property, props.options) : props.select;
+    });
+    const toggleMenu = () => {
+      showMenu.value = !showMenu.value;
+      emit(showMenu.value ? "focus" : "blur");
     };
-    function V() {
-      c.value = !1;
+    function clickedOutside() {
+      showMenu.value = false;
     }
-    const j = (t) => {
-      l.value = t, f(), e.property ? p("update:select", l.value[e.property]) : p("update:select", l.value);
+    const selectOption = (option) => {
+      optionsSelected.value = option;
+      toggleMenu();
+      if (props.property) {
+        emit("update:select", optionsSelected.value[props.property]);
+      } else {
+        emit("update:select", optionsSelected.value);
+      }
     };
-    function v(t, h, i) {
-      for (const a of i)
-        if (a[h] === t || a === t)
-          return a;
+    function findObjectByValue(value, property, objects) {
+      for (const object of objects) {
+        if (object[property] === value || object === value) {
+          return object;
+        }
+      }
       return null;
     }
-    return (t, h) => {
-      var i, a;
-      return s(), n(b, null, [
-        k((s(), n("div", {
-          onClick: w(f, ["stop"]),
-          class: S([t.$attrs.class, "cursor-pointer flex-v-center flex-nowrap flex pos-relative"])
+    return (_ctx, _cache) => {
+      var _a, _b;
+      return openBlock(), createElementBlock(Fragment, null, [
+        withDirectives((openBlock(), createElementBlock("div", {
+          onClick: withModifiers(toggleMenu, ["stop"]),
+          class: normalizeClass([_ctx.$attrs.class, "cursor-pointer flex-v-center flex-nowrap flex pos-relative"])
         }, [
-          o.label ? (s(), n("div", L, [
-            u("span", null, d(o.label), 1)
-          ])) : m("", !0),
-          u("li", A, [
-            u("span", null, d((i = l.value) != null && i.name ? (a = l.value) == null ? void 0 : a.name : l.value || o.placeholder), 1)
+          __props.label ? (openBlock(), createElementBlock("div", _hoisted_1, [
+            createElementVNode("span", null, toDisplayString(__props.label), 1)
+          ])) : createCommentVNode("", true),
+          createElementVNode("li", _hoisted_2, [
+            createElementVNode("span", null, toDisplayString(((_a = optionsSelected.value) == null ? void 0 : _a.name) ? (_b = optionsSelected.value) == null ? void 0 : _b.name : optionsSelected.value || __props.placeholder), 1)
           ]),
-          _(g, {
+          createVNode(Transition, {
             mode: "out-in",
             name: "TransitionTranslateY"
           }, {
-            default: x(() => [
-              k(u("ul", {
-                class: S([t.$attrs.class, "bs-black pos-absolute pos-t-100 pos-l-0 z-index-5 w-100 mn-t-thin"]),
+            default: withCtx(() => [
+              withDirectives(createElementVNode("ul", {
+                class: normalizeClass([_ctx.$attrs.class, "bs-black pos-absolute pos-t-100 pos-l-0 z-index-5 w-100 mn-t-thin"]),
                 style: { "min-width": "max-content" }
               }, [
-                (s(!0), n(b, null, T(B.value, (r) => (s(), n("li", {
-                  onClick: w((q) => j(r), ["stop"])
-                }, [
-                  r ? (s(), n("span", I, d(r.name || r), 1)) : m("", !0)
-                ], 8, F))), 256))
+                (openBlock(true), createElementBlock(Fragment, null, renderList(optionsListed.value, (option) => {
+                  return openBlock(), createElementBlock("li", {
+                    onClick: withModifiers(($event) => selectOption(option), ["stop"])
+                  }, [
+                    option ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(option.name || option), 1)) : createCommentVNode("", true)
+                  ], 8, _hoisted_3);
+                }), 256))
               ], 2), [
-                [$, c.value]
+                [vShow, showMenu.value]
               ])
             ]),
             _: 1
           })
         ], 2)), [
-          [z(O), V]
+          [unref(vClickOutside), clickedOutside]
         ]),
-        _(g, {
+        createVNode(Transition, {
           mode: "out-in",
           name: "fade"
         }, {
-          default: x(() => [
-            o.validation ? (s(), n("div", P, " * " + d(o.validation.message), 1)) : m("", !0)
+          default: withCtx(() => [
+            __props.validation ? (openBlock(), createElementBlock("div", _hoisted_5, " * " + toDisplayString(__props.validation.message), 1)) : createCommentVNode("", true)
           ]),
           _: 1
         })
       ], 64);
     };
   }
-}, Q = /* @__PURE__ */ E(Y, [["__scopeId", "data-v-bf25c24d"]]);
+};
+const Select = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bf25c24d"]]);
 export {
-  Q as default
+  Select as default
 };
+//# sourceMappingURL=Select.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.vue2.js","sources":["../../../../../src/components/Select/Select.vue"],"sourcesContent":["<template>\n  <!-- Input Wrapper -->\n  <div \n    @click.stop=\"toggleMenu\"  \n    v-click-outside=\"clickedOutside\" \n    :class=\"$attrs.class\" \n    class=\"cursor-pointer flex-v-center flex-nowrap flex pos-relative\"\n  >\n    <!-- Label -->\n    <div v-if=\"label\" class=\"t-transp mn-r-small\">\n      <span>{{label}}</span>\n    </div>\n    \n    <!-- Input -->\n    <li class=\"w-100\">\n      <!-- Selected Value -->\n      <span>\n        {{ optionsSelected?.name ? optionsSelected?.name : optionsSelected || placeholder }}\n      </span>\n    </li>\n\n    <!-- Dropdown menu -->\n    <transition mode=\"out-in\" name=\"TransitionTranslateY\">\n      <ul \n        v-show=\"showMenu\" \n        :class=\"$attrs.class\"\n        class=\"bs-black pos-absolute pos-t-100 pos-l-0 z-index-5 w-100 mn-t-thin\"\n        style=\"min-width: max-content;\"\n      >\n        <li @click.stop=\"selectOption(option)\" v-for=\"option in optionsListed\">\n          <span v-if=\"option\" class=\"w-100\">\n            {{ option.name || option }}\n          </span>\n        </li>\n      </ul>\n    </transition>\n  </div>\n\n  <!-- Validation -->\n  <transition mode=\"out-in\" name=\"fade\">\n    <div v-if=\"validation\" class=\"mn-t-thin invalid-feedback\">\n      * {{validation.message}}\n    </div>\n  </transition>\n</template>\n\n<script setup>\nimport { ref, computed, watch } from 'vue'\n\nimport clickOutside from '../FieldPhone/click-outside';\n\nlet vClickOutside = clickOutside\n\nconst emit = defineEmits([\n  'update:select', \n  'focus', \n  'blur'\n])\n\nconst props = defineProps({\n  label: String,\n  placeholder: { type: String, default: 'Please select an item' },\n  select: [String, Object],\n  property: String,\n  options: { type: Array, default: () => [] },\n  validation: Boolean,\n})\n\nconst showMenu = ref(false)\n\nconst optionsSelected = ref(\n  props.property \n  ? findObjectByValue(props.select, props.property, props.options) \n  : props.select\n)\n\nconst optionsListed = computed(() => {\n  return props.select \n  ? props.options.filter(option => option !== props.select) \n  : props.options\n})\n\nwatch(() => props.select, (newSelect) => {\n  optionsSelected.value = \n  props.property \n  ? findObjectByValue(props.select, props.property, props.options) \n  : props.select;\n});\n\nconst toggleMenu = () => {\n  showMenu.value = !showMenu.value\n\n  emit(showMenu.value ? 'focus' : 'blur')\n}\n\nfunction clickedOutside () {\n  showMenu.value = false\n}\n\nconst selectOption = option => {\n  optionsSelected.value = option\n  \n  toggleMenu()\n\n  if (props.property) {  \n    emit('update:select', optionsSelected.value[props.property])\n  } else {\n    emit('update:select', optionsSelected.value)\n  }\n}\n\nfunction findObjectByValue (value, property, objects) {\n  for (const object of objects) {\n    if (object[property] === value || object === value) {\n      return object;\n    }\n  }\n  return null;\n}\n</script>\n\n<style lang=\"scss\" scoped>\n  li {\n    list-style-type: none;\n  }\n\n  ul li {\n    line-height: 2;\n  }\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmDA,QAAI,gBAAgB;AAEpB,UAAM,OAAO;AAMb,UAAM,QAAQ;AASd,UAAM,WAAW,IAAI,KAAK;AAE1B,UAAM,kBAAkB;AAAA,MACtB,MAAM,WACJ,kBAAkB,MAAM,QAAQ,MAAM,UAAU,MAAM,OAAO,IAC7D,MAAM;AAAA,IACV;AAEA,UAAM,gBAAgB,SAAS,MAAM;AACnC,aAAO,MAAM,SACX,MAAM,QAAQ,OAAO,YAAU,WAAW,MAAM,MAAM,IACtD,MAAM;AAAA,IACV,CAAC;AAED,UAAM,MAAM,MAAM,QAAQ,CAAC,cAAc;AACvC,sBAAgB,QAChB,MAAM,WACJ,kBAAkB,MAAM,QAAQ,MAAM,UAAU,MAAM,OAAO,IAC7D,MAAM;AAAA,IACV,CAAC;AAED,UAAM,aAAa,MAAM;AACvB,eAAS,QAAQ,CAAC,SAAS;AAE3B,WAAK,SAAS,QAAQ,UAAU,MAAM;AAAA,IACxC;AAEA,aAAS,iBAAkB;AACzB,eAAS,QAAQ;AAAA,IACnB;AAEA,UAAM,eAAe,YAAU;AAC7B,sBAAgB,QAAQ;AAExB,iBAAY;AAEZ,UAAI,MAAM,UAAU;AAClB,aAAK,iBAAiB,gBAAgB,MAAM,MAAM,QAAQ,CAAC;AAAA,MAC/D,OAAS;AACL,aAAK,iBAAiB,gBAAgB,KAAK;AAAA,MAC5C;AAAA,IACH;AAEA,aAAS,kBAAmB,OAAO,UAAU,SAAS;AACpD,iBAAW,UAAU,SAAS;AAC5B,YAAI,OAAO,QAAQ,MAAM,SAAS,WAAW,OAAO;AAClD,iBAAO;AAAA,QACR;AAAA,MACF;AACD,aAAO;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/auth/views/components/layouts/Auth.vue.cjs

@@ -2,9 +2,9 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 ;/* empty css                                      */
-;/* empty css                                           */
+;/* empty css                                          */
+;/* empty css                                            */
 ;/* empty css                                            */
-;/* empty css                                             */
 require("vue-i18n");
 ;/* empty css                                */
 const vueRouter = require("vue-router");

package/dist/prometheus-framework/src/modules/auth/views/components/layouts/Auth.vue.js

@@ -1,8 +1,8 @@
 import { ref, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, Transition, createBlock, resolveDynamicComponent, createElementVNode } from "vue";
 /* empty css                                    */
-/* empty css                                         */
+/* empty css                                        */
+/* empty css                                          */
 /* empty css                                          */
-/* empty css                                           */
 import "vue-i18n";
 /* empty css                              */
 import { useRoute, useRouter } from "vue-router";

package/dist/prometheus-framework/src/modules/auth/views/components/pages/EnterCode.vue.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-;/* empty css                                           */
+;/* empty css                                          */
 const vueRouter = require("vue-router");
 const vueI18n = require("vue-i18n");
 const auth = require("../../store/auth.cjs");

package/dist/prometheus-framework/src/modules/auth/views/components/pages/EnterCode.vue.js

@@ -1,5 +1,5 @@
 import { reactive, watch, ref, openBlock, createElementBlock, createElementVNode, toDisplayString, unref, withDirectives, vModelText } from "vue";
-/* empty css                                         */
+/* empty css                                        */
 import { useRoute, useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
 import { state as state$1 } from "../../store/auth.js";

package/dist/prometheus-framework/src/modules/auth/views/components/pages/EnterPassword.vue.cjs

@@ -2,8 +2,8 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 ;/* empty css                                      */
-const Field = require("../../../../../components/Field/Field.vue.cjs");
-const Button = require("../../../../../components/Button/Button.vue.cjs");
+const Field = require("../../../../../components/Field/Field.vue2.cjs");
+const Button = require("../../../../../components/Button/Button.vue2.cjs");
 const vueRouter = require("vue-router");
 const vueI18n = require("vue-i18n");
 const auth = require("../../store/auth.cjs");

package/dist/prometheus-framework/src/modules/auth/views/components/pages/EnterPassword.vue.js

@@ -1,7 +1,7 @@
 import { ref, openBlock, createElementBlock, createElementVNode, toDisplayString, unref, createVNode, createTextVNode, createCommentVNode, withCtx } from "vue";
 /* empty css                                    */
-import Field from "../../../../../components/Field/Field.vue.js";
-import _sfc_main$1 from "../../../../../components/Button/Button.vue.js";
+import Field from "../../../../../components/Field/Field.vue2.js";
+import _sfc_main$1 from "../../../../../components/Button/Button.vue2.js";
 import { useRoute, useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
 import { state, actions } from "../../store/auth.js";

package/dist/prometheus-framework/src/modules/auth/views/components/pages/Invite.vue.cjs

@@ -2,8 +2,8 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 ;/* empty css                                      */
-const Field = require("../../../../../components/Field/Field.vue.cjs");
-const Button = require("../../../../../components/Button/Button.vue.cjs");
+const Field = require("../../../../../components/Field/Field.vue2.cjs");
+const Button = require("../../../../../components/Button/Button.vue2.cjs");
 const vueRouter = require("vue-router");
 const auth = require("../../store/auth.cjs");
 const invites = require("../../../../organizations/store/invites.cjs");

package/dist/prometheus-framework/src/modules/auth/views/components/pages/Invite.vue.js

@@ -1,7 +1,7 @@
 import { ref, onMounted, openBlock, createElementBlock, createElementVNode, createVNode, withCtx } from "vue";
 /* empty css                                    */
-import Field from "../../../../../components/Field/Field.vue.js";
-import _sfc_main$1 from "../../../../../components/Button/Button.vue.js";
+import Field from "../../../../../components/Field/Field.vue2.js";
+import _sfc_main$1 from "../../../../../components/Button/Button.vue2.js";
 import { useRoute, useRouter } from "vue-router";
 import { state, actions as actions$1 } from "../../store/auth.js";
 import { actions } from "../../../../organizations/store/invites.js";

package/dist/prometheus-framework/src/modules/auth/views/components/pages/ResetPassword.vue.cjs

@@ -2,9 +2,9 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const Tab = require("../../../../../components/Tab/Tab.vue2.cjs");
-const Field = require("../../../../../components/Field/Field.vue.cjs");
+const Field = require("../../../../../components/Field/Field.vue2.cjs");
 const FieldPhone = require("../../../../../components/FieldPhone/FieldPhone.vue.cjs");
-const Button = require("../../../../../components/Button/Button.vue.cjs");
+const Button = require("../../../../../components/Button/Button.vue2.cjs");
 const vueRouter = require("vue-router");
 const vueI18n = require("vue-i18n");
 const ResetPassword = require("../../localization/ResetPassword.json.cjs");

package/dist/prometheus-framework/src/modules/auth/views/components/pages/ResetPassword.vue.js

@@ -1,8 +1,8 @@
 import { ref, openBlock, createElementBlock, createElementVNode, toDisplayString, unref, createVNode, Transition, withCtx, createCommentVNode, createTextVNode } from "vue";
 import _sfc_main$1 from "../../../../../components/Tab/Tab.vue2.js";
-import Field from "../../../../../components/Field/Field.vue.js";
+import Field from "../../../../../components/Field/Field.vue2.js";
 import _sfc_main$2 from "../../../../../components/FieldPhone/FieldPhone.vue.js";
-import _sfc_main$3 from "../../../../../components/Button/Button.vue.js";
+import _sfc_main$3 from "../../../../../components/Button/Button.vue2.js";
 import { useRoute, useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
 import text from "../../localization/ResetPassword.json.js";

package/dist/prometheus-framework/src/modules/auth/views/components/pages/SignIn.vue.cjs

@@ -2,9 +2,9 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const Tab = require("../../../../../components/Tab/Tab.vue2.cjs");
-const Field = require("../../../../../components/Field/Field.vue.cjs");
+const Field = require("../../../../../components/Field/Field.vue2.cjs");
 const FieldPhone = require("../../../../../components/FieldPhone/FieldPhone.vue.cjs");
-const Button = require("../../../../../components/Button/Button.vue.cjs");
+const Button = require("../../../../../components/Button/Button.vue2.cjs");
 const vueRouter = require("vue-router");
 const vueI18n = require("vue-i18n");
 const SignIn = require("../../localization/SignIn.json.cjs");