@ozdao/prometheus-framework 0.2.200 → 0.2.201

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

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

@@ -1,8 +1,8 @@
 import { ref, onMounted, resolveComponent, openBlock, createElementBlock, createElementVNode, createTextVNode, toDisplayString, unref, createVNode, withCtx, Transition, withDirectives, vShow } 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/SignIn.json.js";

package/dist/prometheus-framework/src/modules/auth/views/components/pages/SignUp.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 SignUp = require("../../localization/SignUp.json.cjs");

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

@@ -1,8 +1,8 @@
 import { ref, resolveComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, unref, createVNode, Transition, withCtx, withDirectives, vShow, 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/SignUp.json.js";

package/dist/prometheus-framework/src/modules/community/components/blocks/CardBlogpost.vue.cjs

@@ -4,7 +4,7 @@ const vue = require("vue");
 const CardHeader = require("../../../globals/views/components/blocks/CardHeader.vue.cjs");
 const FooterBlogpost = require("./FooterBlogpost.vue.cjs");
 const Text = require("../../../../components/Text/Text.vue.cjs");
-;/* empty css                                       */
+;/* empty css                                        */
 const vueRouter = require("vue-router");
 const _hoisted_1 = { class: "pos-relative bg-light radius-big flex-column flex" };
 const _hoisted_2 = { class: "pd-t-zero pd-b-zero pd-medium" };

package/dist/prometheus-framework/src/modules/community/components/blocks/CardBlogpost.vue.js

@@ -2,7 +2,7 @@ import { computed, openBlock, createElementBlock, createVNode, normalizeClass, c
 import _sfc_main$1 from "../../../globals/views/components/blocks/CardHeader.vue.js";
 import _sfc_main$3 from "./FooterBlogpost.vue.js";
 import _sfc_main$2 from "../../../../components/Text/Text.vue.js";
-/* empty css                                     */
+/* empty css                                      */
 import { useRouter } from "vue-router";
 const _hoisted_1 = { class: "pos-relative bg-light radius-big flex-column flex" };
 const _hoisted_2 = { class: "pd-t-zero pd-b-zero pd-medium" };

package/dist/prometheus-framework/src/modules/community/components/layouts/Community.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-const Select = require("../../../../components/Select/Select.vue.cjs");
+const Select = require("../../../../components/Select/Select.vue2.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const CardOrganization = require("../../../organizations/components/blocks/CardOrganization.vue.cjs");
 const IconFeatured = require("../../../icons/entities/IconFeatured.vue.cjs");

package/dist/prometheus-framework/src/modules/community/components/layouts/Community.vue.js

@@ -1,6 +1,6 @@
 import { resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, unref, createVNode, createTextVNode, createCommentVNode, withCtx, Transition, createBlock, resolveDynamicComponent, Fragment, renderList } from "vue";
 import { useRoute, useRouter } from "vue-router";
-import Select from "../../../../components/Select/Select.vue.js";
+import Select from "../../../../components/Select/Select.vue2.js";
 import _sfc_main$5 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$6 from "../../../organizations/components/blocks/CardOrganization.vue.js";
 import _sfc_main$1 from "../../../icons/entities/IconFeatured.vue.js";

package/dist/prometheus-framework/src/modules/community/components/pages/Community.vue.cjs

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-;/* empty css                                        */
+;/* empty css                                       */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
-;/* empty css                                          */
 ;/* empty css                                         */
-;/* empty css                                          */
+;/* empty css                                         */
+;/* empty css                                         */
 require("axios");
 ;/* empty css                                          */
 const CardBlogpost = require("../blocks/CardBlogpost.vue.cjs");

package/dist/prometheus-framework/src/modules/community/components/pages/Community.vue.js

@@ -1,9 +1,9 @@
 import { withAsyncContext, ref, computed, openBlock, createElementBlock, createElementVNode, unref, Fragment, renderList, createBlock, withCtx, pushScopeId, popScopeId } from "vue";
-/* empty css                                      */
+/* empty css                                     */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-/* empty css                                        */
 /* empty css                                       */
-/* empty css                                        */
+/* empty css                                       */
+/* empty css                                       */
 import "axios";
 /* empty css                                        */
 import _sfc_main$1 from "../blocks/CardBlogpost.vue.js";

package/dist/prometheus-framework/src/modules/community/components/pages/CreateBlogPost.vue.cjs

@@ -4,14 +4,14 @@ const vue = require("vue");
 require("isomorphic-dompurify");
 ;/* empty css                                                      */
 const Constructor = require("../../../constructor/components/sections/Constructor.vue.cjs");
-const Popup = require("../../../../components/Popup/Popup.vue.cjs");
+const Popup = require("../../../../components/Popup/Popup.vue2.cjs");
 ;/* empty css                                               */
 ;/* empty css                                                     */
 const BlockTags = require("../../../../components/FieldTags/BlockTags.vue.cjs");
 const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
-const Field = require("../../../../components/Field/Field.vue.cjs");
+const Field = require("../../../../components/Field/Field.vue2.cjs");
 const SelectMulti = require("../../../../components/SelectMulti/SelectMulti.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue2.cjs");
 const vueRouter = require("vue-router");
 const blogposts = require("../../store/blogposts.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");

package/dist/prometheus-framework/src/modules/community/components/pages/CreateBlogPost.vue.js

@@ -2,14 +2,14 @@ import { ref, onMounted, computed, openBlock, createElementBlock, createElementV
 import "isomorphic-dompurify";
 /* empty css                                                    */
 import _sfc_main$1 from "../../../constructor/components/sections/Constructor.vue.js";
-import _sfc_main$2 from "../../../../components/Popup/Popup.vue.js";
+import _sfc_main$2 from "../../../../components/Popup/Popup.vue2.js";
 /* empty css                                             */
 /* empty css                                                   */
 import _sfc_main$3 from "../../../../components/FieldTags/BlockTags.vue.js";
 import _sfc_main$4 from "../../../../components/Checkbox/Checkbox.vue.js";
-import Field from "../../../../components/Field/Field.vue.js";
+import Field from "../../../../components/Field/Field.vue2.js";
 import SelectMulti from "../../../../components/SelectMulti/SelectMulti.vue.js";
-import _sfc_main$5 from "../../../../components/Button/Button.vue.js";
+import _sfc_main$5 from "../../../../components/Button/Button.vue2.js";
 import { useRoute, useRouter } from "vue-router";
 import { read, clean, state as state$1, update, create, remove } from "../../store/blogposts.js";
 import { state } from "../../../auth/views/store/auth.js";