@ozdao/prometheus-framework 0.2.319 → 0.2.321

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Loader = require("../Loader/Loader.vue.cjs");
+const Loader = require("../Loader/Loader.vue2.cjs");
 ;/* empty css             */
 const _hoisted_1 = ["disabled"];
 const _hoisted_2 = { key: 0 };

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

@@ -1,5 +1,5 @@
 import { ref, openBlock, createElementBlock, withModifiers, createVNode, Transition, withCtx, renderSlot, toDisplayString, createCommentVNode } from "vue";
-import Loader from "../Loader/Loader.vue.js";
+import Loader from "../Loader/Loader.vue2.js";
 /* empty css           */
 const _hoisted_1 = ["disabled"];
 const _hoisted_2 = { key: 0 };

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

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

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

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

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Field = require("../Field/Field.vue.cjs");
+const Field = require("../Field/Field.vue2.cjs");
 const IconArrow = require("../../modules/icons/navigation/IconArrow.vue.cjs");
 const vueI18n = require("vue-i18n");
 const _hoisted_1 = { class: "pd-thin radius-extra flex-nowrap flex" };

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

@@ -1,5 +1,5 @@
 import { ref, onMounted, watchEffect, openBlock, createElementBlock, createVNode, unref, isRef, createElementVNode, toDisplayString, createCommentVNode } from "vue";
-import Field from "../Field/Field.vue.js";
+import Field from "../Field/Field.vue2.js";
 import _sfc_main$1 from "../../modules/icons/navigation/IconArrow.vue.js";
 import { useI18n } from "vue-i18n";
 const _hoisted_1 = { class: "pd-thin radius-extra flex-nowrap flex" };

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

@@ -2,7 +2,6 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 ;/* empty css               */
-const _hoisted_1 = { class: "spoiler" };
 const _sfc_main = {
   __name: "Spoiler",
   props: {
@@ -14,18 +13,48 @@ const _sfc_main = {
   setup(__props) {
     const props = __props;
     const showSpoiler = vue.ref(false);
-    if (props.status) showSpoiler.value = props.status;
+    const spoilerContent = vue.ref(null);
+    vue.onMounted(() => {
+      if (props.status) {
+        showSpoiler.value = props.status;
+      }
+    });
+    const toggleSpoiler = () => {
+      showSpoiler.value = !showSpoiler.value;
+    };
+    const onEnter = (el) => {
+      el.style.height = "0";
+      void el.offsetHeight;
+      el.style.height = el.scrollHeight + "px";
+    };
+    const onAfterEnter = (el) => {
+      el.style.height = "auto";
+    };
+    const onLeave = (el) => {
+      el.style.height = el.scrollHeight + "px";
+      void el.offsetHeight;
+      el.style.height = "0";
+    };
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", null, [
         vue.createElementVNode("div", {
-          onClick: _cache[0] || (_cache[0] = ($event) => showSpoiler.value = !showSpoiler.value),
+          onClick: toggleSpoiler,
           class: "flex-v-center flex-nowrap flex"
         }, [
           vue.renderSlot(_ctx.$slots, "header", { isOpen: showSpoiler.value })
         ]),
-        vue.createVNode(vue.Transition, { name: "collapse" }, {
+        vue.createVNode(vue.Transition, {
+          name: "collapse",
+          onEnter,
+          onAfterEnter,
+          onLeave
+        }, {
           default: vue.withCtx(() => [
-            vue.withDirectives(vue.createElementVNode("div", _hoisted_1, [
+            vue.withDirectives(vue.createElementVNode("div", {
+              class: "spoiler",
+              ref_key: "spoilerContent",
+              ref: spoilerContent
+            }, [
               vue.renderSlot(_ctx.$slots, "content")
             ], 512), [
               [vue.vShow, showSpoiler.value]

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

@@ -1 +1 @@
-{"version":3,"file":"Spoiler.vue.cjs","sources":["../../../../../src/components/Spoiler/Spoiler.vue"],"sourcesContent":["<template>\n  <div>\n    <div @click=\"showSpoiler = !showSpoiler\" class=\"flex-v-center flex-nowrap flex\">\n      <slot name=\"header\" :is-open=\"showSpoiler\"></slot>\n    </div>\n\n    <transition name=\"collapse\">\n      <div v-show=\"showSpoiler\" class=\"spoiler\">\n        <slot name=\"content\"></slot>\n      </div>\n    </transition>\n\n  </div>\n</template>\n\n<script setup>\n  import { ref, computed } from 'vue';\n\n  const props = defineProps({\n    status: {\n      type: Boolean,\n      default: false\n    }\n  });\n\n  const showSpoiler = ref(false);\n\n  if (props.status) showSpoiler.value = props.status\n</script>\n\n<style lang=\"scss\">\n  .spoiler {\n    transition: max-height 0.3s cubic-bezier(.15,.68,.33,.93);\n  }\n  .collapse-enter-active,\n  .collapse-leave-active {\n    max-height: 2000px;\n  }\n\n  .collapse-enter-from,\n  .collapse-leave-to {\n    max-height: 0;\n  }\n</style>  "],"names":["ref"],"mappings":";;;;;;;;;;;;;;AAkBE,UAAM,QAAQ;AAOd,UAAM,cAAcA,QAAI,KAAK;AAE7B,QAAI,MAAM,OAAQ,aAAY,QAAQ,MAAM;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Spoiler.vue.cjs","sources":["../../../../../src/components/Spoiler/Spoiler.vue"],"sourcesContent":["<template>\n  <div>\n    <div @click=\"toggleSpoiler\" class=\"flex-v-center flex-nowrap flex\">\n      <slot name=\"header\" :is-open=\"showSpoiler\"></slot>\n    </div>\n    <transition\n      name=\"collapse\"\n      @enter=\"onEnter\"\n      @after-enter=\"onAfterEnter\"\n      @leave=\"onLeave\"\n    >\n      <div v-show=\"showSpoiler\" class=\"spoiler\" ref=\"spoilerContent\">\n        <slot name=\"content\"></slot>\n      </div>\n    </transition>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted } from 'vue';\n\nconst props = defineProps({\n  status: {\n    type: Boolean,\n    default: false\n  }\n});\n\nconst showSpoiler = ref(false);\nconst spoilerContent = ref(null);\n\nonMounted(() => {\n  if (props.status) {\n    showSpoiler.value = props.status;\n  }\n});\n\nconst toggleSpoiler = () => {\n  showSpoiler.value = !showSpoiler.value;\n};\n\n// Анимация открытия\nconst onEnter = (el) => {\n  el.style.height = '0';\n  void el.offsetHeight; // force reflow\n  el.style.height = el.scrollHeight + 'px';\n};\n\nconst onAfterEnter = (el) => {\n  el.style.height = 'auto';\n};\n\n// Анимация закрытия\nconst onLeave = (el) => {\n  el.style.height = el.scrollHeight + 'px';\n  void el.offsetHeight; // force reflow\n  el.style.height = '0';\n};\n</script>\n\n<style lang=\"scss\">\n.spoiler {\n  overflow: hidden;\n  transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n</style>"],"names":["ref","onMounted"],"mappings":";;;;;;;;;;;;;AAqBA,UAAM,QAAQ;AAOd,UAAM,cAAcA,IAAAA,IAAI,KAAK;AAC7B,UAAM,iBAAiBA,IAAAA,IAAI,IAAI;AAE/BC,QAAAA,UAAU,MAAM;AACd,UAAI,MAAM,QAAQ;AAChB,oBAAY,QAAQ,MAAM;AAAA,MAC3B;AAAA,IACH,CAAC;AAED,UAAM,gBAAgB,MAAM;AAC1B,kBAAY,QAAQ,CAAC,YAAY;AAAA,IACnC;AAGA,UAAM,UAAU,CAAC,OAAO;AACtB,SAAG,MAAM,SAAS;AAClB,WAAK,GAAG;AACR,SAAG,MAAM,SAAS,GAAG,eAAe;AAAA,IACtC;AAEA,UAAM,eAAe,CAAC,OAAO;AAC3B,SAAG,MAAM,SAAS;AAAA,IACpB;AAGA,UAAM,UAAU,CAAC,OAAO;AACtB,SAAG,MAAM,SAAS,GAAG,eAAe;AACpC,WAAK,GAAG;AACR,SAAG,MAAM,SAAS;AAAA,IACpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,6 +1,5 @@
-import { ref, openBlock, createElementBlock, createElementVNode, renderSlot, createVNode, Transition, withCtx, withDirectives, vShow } from "vue";
+import { ref, onMounted, openBlock, createElementBlock, createElementVNode, renderSlot, createVNode, Transition, withCtx, withDirectives, vShow } from "vue";
 /* empty css             */
-const _hoisted_1 = { class: "spoiler" };
 const _sfc_main = {
   __name: "Spoiler",
   props: {
@@ -12,18 +11,48 @@ const _sfc_main = {
   setup(__props) {
     const props = __props;
     const showSpoiler = ref(false);
-    if (props.status) showSpoiler.value = props.status;
+    const spoilerContent = ref(null);
+    onMounted(() => {
+      if (props.status) {
+        showSpoiler.value = props.status;
+      }
+    });
+    const toggleSpoiler = () => {
+      showSpoiler.value = !showSpoiler.value;
+    };
+    const onEnter = (el) => {
+      el.style.height = "0";
+      void el.offsetHeight;
+      el.style.height = el.scrollHeight + "px";
+    };
+    const onAfterEnter = (el) => {
+      el.style.height = "auto";
+    };
+    const onLeave = (el) => {
+      el.style.height = el.scrollHeight + "px";
+      void el.offsetHeight;
+      el.style.height = "0";
+    };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
         createElementVNode("div", {
-          onClick: _cache[0] || (_cache[0] = ($event) => showSpoiler.value = !showSpoiler.value),
+          onClick: toggleSpoiler,
           class: "flex-v-center flex-nowrap flex"
         }, [
           renderSlot(_ctx.$slots, "header", { isOpen: showSpoiler.value })
         ]),
-        createVNode(Transition, { name: "collapse" }, {
+        createVNode(Transition, {
+          name: "collapse",
+          onEnter,
+          onAfterEnter,
+          onLeave
+        }, {
           default: withCtx(() => [
-            withDirectives(createElementVNode("div", _hoisted_1, [
+            withDirectives(createElementVNode("div", {
+              class: "spoiler",
+              ref_key: "spoilerContent",
+              ref: spoilerContent
+            }, [
               renderSlot(_ctx.$slots, "content")
             ], 512), [
               [vShow, showSpoiler.value]

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

@@ -1 +1 @@
-{"version":3,"file":"Spoiler.vue.js","sources":["../../../../../src/components/Spoiler/Spoiler.vue"],"sourcesContent":["<template>\n  <div>\n    <div @click=\"showSpoiler = !showSpoiler\" class=\"flex-v-center flex-nowrap flex\">\n      <slot name=\"header\" :is-open=\"showSpoiler\"></slot>\n    </div>\n\n    <transition name=\"collapse\">\n      <div v-show=\"showSpoiler\" class=\"spoiler\">\n        <slot name=\"content\"></slot>\n      </div>\n    </transition>\n\n  </div>\n</template>\n\n<script setup>\n  import { ref, computed } from 'vue';\n\n  const props = defineProps({\n    status: {\n      type: Boolean,\n      default: false\n    }\n  });\n\n  const showSpoiler = ref(false);\n\n  if (props.status) showSpoiler.value = props.status\n</script>\n\n<style lang=\"scss\">\n  .spoiler {\n    transition: max-height 0.3s cubic-bezier(.15,.68,.33,.93);\n  }\n  .collapse-enter-active,\n  .collapse-leave-active {\n    max-height: 2000px;\n  }\n\n  .collapse-enter-from,\n  .collapse-leave-to {\n    max-height: 0;\n  }\n</style>  "],"names":[],"mappings":";;;;;;;;;;;;AAkBE,UAAM,QAAQ;AAOd,UAAM,cAAc,IAAI,KAAK;AAE7B,QAAI,MAAM,OAAQ,aAAY,QAAQ,MAAM;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Spoiler.vue.js","sources":["../../../../../src/components/Spoiler/Spoiler.vue"],"sourcesContent":["<template>\n  <div>\n    <div @click=\"toggleSpoiler\" class=\"flex-v-center flex-nowrap flex\">\n      <slot name=\"header\" :is-open=\"showSpoiler\"></slot>\n    </div>\n    <transition\n      name=\"collapse\"\n      @enter=\"onEnter\"\n      @after-enter=\"onAfterEnter\"\n      @leave=\"onLeave\"\n    >\n      <div v-show=\"showSpoiler\" class=\"spoiler\" ref=\"spoilerContent\">\n        <slot name=\"content\"></slot>\n      </div>\n    </transition>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted } from 'vue';\n\nconst props = defineProps({\n  status: {\n    type: Boolean,\n    default: false\n  }\n});\n\nconst showSpoiler = ref(false);\nconst spoilerContent = ref(null);\n\nonMounted(() => {\n  if (props.status) {\n    showSpoiler.value = props.status;\n  }\n});\n\nconst toggleSpoiler = () => {\n  showSpoiler.value = !showSpoiler.value;\n};\n\n// Анимация открытия\nconst onEnter = (el) => {\n  el.style.height = '0';\n  void el.offsetHeight; // force reflow\n  el.style.height = el.scrollHeight + 'px';\n};\n\nconst onAfterEnter = (el) => {\n  el.style.height = 'auto';\n};\n\n// Анимация закрытия\nconst onLeave = (el) => {\n  el.style.height = el.scrollHeight + 'px';\n  void el.offsetHeight; // force reflow\n  el.style.height = '0';\n};\n</script>\n\n<style lang=\"scss\">\n.spoiler {\n  overflow: hidden;\n  transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;AAqBA,UAAM,QAAQ;AAOd,UAAM,cAAc,IAAI,KAAK;AAC7B,UAAM,iBAAiB,IAAI,IAAI;AAE/B,cAAU,MAAM;AACd,UAAI,MAAM,QAAQ;AAChB,oBAAY,QAAQ,MAAM;AAAA,MAC3B;AAAA,IACH,CAAC;AAED,UAAM,gBAAgB,MAAM;AAC1B,kBAAY,QAAQ,CAAC,YAAY;AAAA,IACnC;AAGA,UAAM,UAAU,CAAC,OAAO;AACtB,SAAG,MAAM,SAAS;AAClB,WAAK,GAAG;AACR,SAAG,MAAM,SAAS,GAAG,eAAe;AAAA,IACtC;AAEA,UAAM,eAAe,CAAC,OAAO;AAC3B,SAAG,MAAM,SAAS;AAAA,IACpB;AAGA,UAAM,UAAU,CAAC,OAAO;AACtB,SAAG,MAAM,SAAS,GAAG,eAAe;AACpC,WAAK,GAAG;AACR,SAAG,MAAM,SAAS;AAAA,IACpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -2,7 +2,6 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 ;/* empty css              */
-const _hoisted_1 = { class: "spoiler" };
 const _sfc_main = {
   __name: "Spoiler",
   props: {
@@ -14,18 +13,48 @@ const _sfc_main = {
   setup(__props) {
     const props = __props;
     const showSpoiler = vue.ref(false);
-    if (props.status) showSpoiler.value = props.status;
+    const spoilerContent = vue.ref(null);
+    vue.onMounted(() => {
+      if (props.status) {
+        showSpoiler.value = props.status;
+      }
+    });
+    const toggleSpoiler = () => {
+      showSpoiler.value = !showSpoiler.value;
+    };
+    const onEnter = (el) => {
+      el.style.height = "0";
+      void el.offsetHeight;
+      el.style.height = el.scrollHeight + "px";
+    };
+    const onAfterEnter = (el) => {
+      el.style.height = "auto";
+    };
+    const onLeave = (el) => {
+      el.style.height = el.scrollHeight + "px";
+      void el.offsetHeight;
+      el.style.height = "0";
+    };
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", null, [
         vue.createElementVNode("div", {
-          onClick: _cache[0] || (_cache[0] = ($event) => showSpoiler.value = !showSpoiler.value),
+          onClick: toggleSpoiler,
           class: "flex-v-center flex-nowrap flex"
         }, [
           vue.renderSlot(_ctx.$slots, "header", { isOpen: showSpoiler.value })
         ]),
-        vue.createVNode(vue.Transition, { name: "collapse" }, {
+        vue.createVNode(vue.Transition, {
+          name: "collapse",
+          onEnter,
+          onAfterEnter,
+          onLeave
+        }, {
           default: vue.withCtx(() => [
-            vue.withDirectives(vue.createElementVNode("div", _hoisted_1, [
+            vue.withDirectives(vue.createElementVNode("div", {
+              class: "spoiler",
+              ref_key: "spoilerContent",
+              ref: spoilerContent
+            }, [
               vue.renderSlot(_ctx.$slots, "content")
             ], 512), [
               [vue.vShow, showSpoiler.value]

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

@@ -1 +1 @@
-{"version":3,"file":"Spoiler.vue2.cjs","sources":["../../../../../src/components/Spoiler/Spoiler.vue"],"sourcesContent":["<template>\n  <div>\n    <div @click=\"showSpoiler = !showSpoiler\" class=\"flex-v-center flex-nowrap flex\">\n      <slot name=\"header\" :is-open=\"showSpoiler\"></slot>\n    </div>\n\n    <transition name=\"collapse\">\n      <div v-show=\"showSpoiler\" class=\"spoiler\">\n        <slot name=\"content\"></slot>\n      </div>\n    </transition>\n\n  </div>\n</template>\n\n<script setup>\n  import { ref, computed } from 'vue';\n\n  const props = defineProps({\n    status: {\n      type: Boolean,\n      default: false\n    }\n  });\n\n  const showSpoiler = ref(false);\n\n  if (props.status) showSpoiler.value = props.status\n</script>\n\n<style lang=\"scss\">\n  .spoiler {\n    transition: max-height 0.3s cubic-bezier(.15,.68,.33,.93);\n  }\n  .collapse-enter-active,\n  .collapse-leave-active {\n    max-height: 2000px;\n  }\n\n  .collapse-enter-from,\n  .collapse-leave-to {\n    max-height: 0;\n  }\n</style>  "],"names":["ref"],"mappings":";;;;;;;;;;;;;;AAkBE,UAAM,QAAQ;AAOd,UAAM,cAAcA,QAAI,KAAK;AAE7B,QAAI,MAAM,OAAQ,aAAY,QAAQ,MAAM;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Spoiler.vue2.cjs","sources":["../../../../../src/components/Spoiler/Spoiler.vue"],"sourcesContent":["<template>\n  <div>\n    <div @click=\"toggleSpoiler\" class=\"flex-v-center flex-nowrap flex\">\n      <slot name=\"header\" :is-open=\"showSpoiler\"></slot>\n    </div>\n    <transition\n      name=\"collapse\"\n      @enter=\"onEnter\"\n      @after-enter=\"onAfterEnter\"\n      @leave=\"onLeave\"\n    >\n      <div v-show=\"showSpoiler\" class=\"spoiler\" ref=\"spoilerContent\">\n        <slot name=\"content\"></slot>\n      </div>\n    </transition>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted } from 'vue';\n\nconst props = defineProps({\n  status: {\n    type: Boolean,\n    default: false\n  }\n});\n\nconst showSpoiler = ref(false);\nconst spoilerContent = ref(null);\n\nonMounted(() => {\n  if (props.status) {\n    showSpoiler.value = props.status;\n  }\n});\n\nconst toggleSpoiler = () => {\n  showSpoiler.value = !showSpoiler.value;\n};\n\n// Анимация открытия\nconst onEnter = (el) => {\n  el.style.height = '0';\n  void el.offsetHeight; // force reflow\n  el.style.height = el.scrollHeight + 'px';\n};\n\nconst onAfterEnter = (el) => {\n  el.style.height = 'auto';\n};\n\n// Анимация закрытия\nconst onLeave = (el) => {\n  el.style.height = el.scrollHeight + 'px';\n  void el.offsetHeight; // force reflow\n  el.style.height = '0';\n};\n</script>\n\n<style lang=\"scss\">\n.spoiler {\n  overflow: hidden;\n  transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n</style>"],"names":["ref","onMounted"],"mappings":";;;;;;;;;;;;;AAqBA,UAAM,QAAQ;AAOd,UAAM,cAAcA,IAAAA,IAAI,KAAK;AAC7B,UAAM,iBAAiBA,IAAAA,IAAI,IAAI;AAE/BC,QAAAA,UAAU,MAAM;AACd,UAAI,MAAM,QAAQ;AAChB,oBAAY,QAAQ,MAAM;AAAA,MAC3B;AAAA,IACH,CAAC;AAED,UAAM,gBAAgB,MAAM;AAC1B,kBAAY,QAAQ,CAAC,YAAY;AAAA,IACnC;AAGA,UAAM,UAAU,CAAC,OAAO;AACtB,SAAG,MAAM,SAAS;AAClB,WAAK,GAAG;AACR,SAAG,MAAM,SAAS,GAAG,eAAe;AAAA,IACtC;AAEA,UAAM,eAAe,CAAC,OAAO;AAC3B,SAAG,MAAM,SAAS;AAAA,IACpB;AAGA,UAAM,UAAU,CAAC,OAAO;AACtB,SAAG,MAAM,SAAS,GAAG,eAAe;AACpC,WAAK,GAAG;AACR,SAAG,MAAM,SAAS;AAAA,IACpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,6 +1,5 @@
-import { ref, openBlock, createElementBlock, createElementVNode, renderSlot, createVNode, Transition, withCtx, withDirectives, vShow } from "vue";
+import { ref, onMounted, openBlock, createElementBlock, createElementVNode, renderSlot, createVNode, Transition, withCtx, withDirectives, vShow } from "vue";
 /* empty css            */
-const _hoisted_1 = { class: "spoiler" };
 const _sfc_main = {
   __name: "Spoiler",
   props: {
@@ -12,18 +11,48 @@ const _sfc_main = {
   setup(__props) {
     const props = __props;
     const showSpoiler = ref(false);
-    if (props.status) showSpoiler.value = props.status;
+    const spoilerContent = ref(null);
+    onMounted(() => {
+      if (props.status) {
+        showSpoiler.value = props.status;
+      }
+    });
+    const toggleSpoiler = () => {
+      showSpoiler.value = !showSpoiler.value;
+    };
+    const onEnter = (el) => {
+      el.style.height = "0";
+      void el.offsetHeight;
+      el.style.height = el.scrollHeight + "px";
+    };
+    const onAfterEnter = (el) => {
+      el.style.height = "auto";
+    };
+    const onLeave = (el) => {
+      el.style.height = el.scrollHeight + "px";
+      void el.offsetHeight;
+      el.style.height = "0";
+    };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
         createElementVNode("div", {
-          onClick: _cache[0] || (_cache[0] = ($event) => showSpoiler.value = !showSpoiler.value),
+          onClick: toggleSpoiler,
           class: "flex-v-center flex-nowrap flex"
         }, [
           renderSlot(_ctx.$slots, "header", { isOpen: showSpoiler.value })
         ]),
-        createVNode(Transition, { name: "collapse" }, {
+        createVNode(Transition, {
+          name: "collapse",
+          onEnter,
+          onAfterEnter,
+          onLeave
+        }, {
           default: withCtx(() => [
-            withDirectives(createElementVNode("div", _hoisted_1, [
+            withDirectives(createElementVNode("div", {
+              class: "spoiler",
+              ref_key: "spoilerContent",
+              ref: spoilerContent
+            }, [
               renderSlot(_ctx.$slots, "content")
             ], 512), [
               [vShow, showSpoiler.value]

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

@@ -1 +1 @@
-{"version":3,"file":"Spoiler.vue2.js","sources":["../../../../../src/components/Spoiler/Spoiler.vue"],"sourcesContent":["<template>\n  <div>\n    <div @click=\"showSpoiler = !showSpoiler\" class=\"flex-v-center flex-nowrap flex\">\n      <slot name=\"header\" :is-open=\"showSpoiler\"></slot>\n    </div>\n\n    <transition name=\"collapse\">\n      <div v-show=\"showSpoiler\" class=\"spoiler\">\n        <slot name=\"content\"></slot>\n      </div>\n    </transition>\n\n  </div>\n</template>\n\n<script setup>\n  import { ref, computed } from 'vue';\n\n  const props = defineProps({\n    status: {\n      type: Boolean,\n      default: false\n    }\n  });\n\n  const showSpoiler = ref(false);\n\n  if (props.status) showSpoiler.value = props.status\n</script>\n\n<style lang=\"scss\">\n  .spoiler {\n    transition: max-height 0.3s cubic-bezier(.15,.68,.33,.93);\n  }\n  .collapse-enter-active,\n  .collapse-leave-active {\n    max-height: 2000px;\n  }\n\n  .collapse-enter-from,\n  .collapse-leave-to {\n    max-height: 0;\n  }\n</style>  "],"names":[],"mappings":";;;;;;;;;;;;AAkBE,UAAM,QAAQ;AAOd,UAAM,cAAc,IAAI,KAAK;AAE7B,QAAI,MAAM,OAAQ,aAAY,QAAQ,MAAM;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Spoiler.vue2.js","sources":["../../../../../src/components/Spoiler/Spoiler.vue"],"sourcesContent":["<template>\n  <div>\n    <div @click=\"toggleSpoiler\" class=\"flex-v-center flex-nowrap flex\">\n      <slot name=\"header\" :is-open=\"showSpoiler\"></slot>\n    </div>\n    <transition\n      name=\"collapse\"\n      @enter=\"onEnter\"\n      @after-enter=\"onAfterEnter\"\n      @leave=\"onLeave\"\n    >\n      <div v-show=\"showSpoiler\" class=\"spoiler\" ref=\"spoilerContent\">\n        <slot name=\"content\"></slot>\n      </div>\n    </transition>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted } from 'vue';\n\nconst props = defineProps({\n  status: {\n    type: Boolean,\n    default: false\n  }\n});\n\nconst showSpoiler = ref(false);\nconst spoilerContent = ref(null);\n\nonMounted(() => {\n  if (props.status) {\n    showSpoiler.value = props.status;\n  }\n});\n\nconst toggleSpoiler = () => {\n  showSpoiler.value = !showSpoiler.value;\n};\n\n// Анимация открытия\nconst onEnter = (el) => {\n  el.style.height = '0';\n  void el.offsetHeight; // force reflow\n  el.style.height = el.scrollHeight + 'px';\n};\n\nconst onAfterEnter = (el) => {\n  el.style.height = 'auto';\n};\n\n// Анимация закрытия\nconst onLeave = (el) => {\n  el.style.height = el.scrollHeight + 'px';\n  void el.offsetHeight; // force reflow\n  el.style.height = '0';\n};\n</script>\n\n<style lang=\"scss\">\n.spoiler {\n  overflow: hidden;\n  transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;AAqBA,UAAM,QAAQ;AAOd,UAAM,cAAc,IAAI,KAAK;AAC7B,UAAM,iBAAiB,IAAI,IAAI;AAE/B,cAAU,MAAM;AACd,UAAI,MAAM,QAAQ;AAChB,oBAAY,QAAQ,MAAM;AAAA,MAC3B;AAAA,IACH,CAAC;AAED,UAAM,gBAAgB,MAAM;AAC1B,kBAAY,QAAQ,CAAC,YAAY;AAAA,IACnC;AAGA,UAAM,UAAU,CAAC,OAAO;AACtB,SAAG,MAAM,SAAS;AAClB,WAAK,GAAG;AACR,SAAG,MAAM,SAAS,GAAG,eAAe;AAAA,IACtC;AAEA,UAAM,eAAe,CAAC,OAAO;AAC3B,SAAG,MAAM,SAAS;AAAA,IACpB;AAGA,UAAM,UAAU,CAAC,OAAO;AACtB,SAAG,MAAM,SAAS,GAAG,eAAe;AACpC,WAAK,GAAG;AACR,SAAG,MAAM,SAAS;AAAA,IACpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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/Profile.vue.cjs

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-;/* empty css                                           */
+;/* empty css                                          */
 ;/* empty css                                            */
-;/* empty css                                             */
-const Dropdown = require("../../../../../components/Dropdown/Dropdown.vue2.cjs");
+;/* empty css                                            */
+const Dropdown = require("../../../../../components/Dropdown/Dropdown.vue.cjs");
 const Menu = require("../../../../../components/Menu/Menu.vue.cjs");
 const MenuItem = require("../../../../../components/Menu/MenuItem.vue.cjs");
 const ButtonToggleMembership = require("../../../../organizations/components/elements/ButtonToggleMembership.vue.cjs");

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

@@ -1,8 +1,8 @@
 import { ref, inject, computed, onMounted, openBlock, createElementBlock, createElementVNode, unref, createBlock, withCtx, createVNode, createCommentVNode, toDisplayString, Fragment, renderList, normalizeClass, resolveDynamicComponent } from "vue";
-/* empty css                                         */
+/* empty css                                        */
 /* empty css                                          */
-/* empty css                                           */
-import _sfc_main$1 from "../../../../../components/Dropdown/Dropdown.vue2.js";
+/* empty css                                          */
+import _sfc_main$1 from "../../../../../components/Dropdown/Dropdown.vue.js";
 import _sfc_main$6 from "../../../../../components/Menu/Menu.vue.js";
 import _sfc_main$7 from "../../../../../components/Menu/MenuItem.vue.js";
 import _sfc_main$3 from "../../../../organizations/components/elements/ButtonToggleMembership.vue.js";

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

@@ -2,9 +2,9 @@
 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 Field = require("../../../../../components/Field/Field.vue2.cjs");
 const Checkbox = require("../../../../../components/Checkbox/Checkbox.vue.cjs");
-const Button = require("../../../../../components/Button/Button.vue.cjs");
+const Button = require("../../../../../components/Button/Button.vue2.cjs");
 const UploadImage = require("../../../../../components/UploadImage/UploadImage.vue.cjs");
 const ProfileEditCredentials = require("../sections/ProfileEditCredentials.vue.cjs");
 const vueRouter = require("vue-router");

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

@@ -1,8 +1,8 @@
 import { ref, onMounted, openBlock, createElementBlock, createElementVNode, createVNode, toDisplayString, withCtx, createTextVNode, unref, createCommentVNode } from "vue";
 /* empty css                                    */
-import Field from "../../../../../components/Field/Field.vue.js";
+import Field from "../../../../../components/Field/Field.vue2.js";
 import _sfc_main$3 from "../../../../../components/Checkbox/Checkbox.vue.js";
-import _sfc_main$4 from "../../../../../components/Button/Button.vue.js";
+import _sfc_main$4 from "../../../../../components/Button/Button.vue2.js";
 import _sfc_main$1 from "../../../../../components/UploadImage/UploadImage.vue.js";
 import _sfc_main$2 from "../sections/ProfileEditCredentials.vue.js";
 import { useRoute, useRouter } from "vue-router";

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/auth/views/components/sections/ProfileEditCredentials.vue.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-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 users = require("../../store/users.cjs");
 const twofa = require("../../store/twofa.cjs");

package/dist/prometheus-framework/src/modules/auth/views/components/sections/ProfileEditCredentials.vue.js

@@ -1,6 +1,6 @@
 import { ref, onMounted, openBlock, createElementBlock, createElementVNode, createVNode, createBlock, withCtx, createTextVNode, createCommentVNode } from "vue";
-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 { actions, state } from "../../store/users.js";
 import { sendCode, state as state$1 } from "../../store/twofa.js";