@ozdao/prometheus-framework 0.2.320 → 0.2.322

Sign up to get free protection for your applications and to get access to all the features.
Files changed (81) hide show
  1. package/dist/main.css +1 -1
  2. package/dist/prometheus-framework/src/components/Spoiler/Spoiler.vue2.cjs +34 -5
  3. package/dist/prometheus-framework/src/components/Spoiler/Spoiler.vue2.cjs.map +1 -1
  4. package/dist/prometheus-framework/src/components/Spoiler/Spoiler.vue2.js +35 -6
  5. package/dist/prometheus-framework/src/components/Spoiler/Spoiler.vue2.js.map +1 -1
  6. package/dist/prometheus-framework/src/modules/auth/views/components/sections/SliderFeatures.vue.cjs.map +1 -1
  7. package/dist/prometheus-framework/src/modules/auth/views/components/sections/SliderFeatures.vue.js.map +1 -1
  8. package/dist/prometheus-framework/src/modules/community/components/sections/HotPosts.vue.cjs +56 -55
  9. package/dist/prometheus-framework/src/modules/community/components/sections/HotPosts.vue.cjs.map +1 -1
  10. package/dist/prometheus-framework/src/modules/community/components/sections/HotPosts.vue.js +57 -56
  11. package/dist/prometheus-framework/src/modules/community/components/sections/HotPosts.vue.js.map +1 -1
  12. package/dist/prometheus-framework/src/modules/events/components/sections/List.vue.cjs +0 -1
  13. package/dist/prometheus-framework/src/modules/events/components/sections/List.vue.cjs.map +1 -1
  14. package/dist/prometheus-framework/src/modules/events/components/sections/List.vue.js +0 -1
  15. package/dist/prometheus-framework/src/modules/events/components/sections/List.vue.js.map +1 -1
  16. package/dist/prometheus-framework/src/modules/globals/views/components/blocks/BlockFilter.vue.cjs +1 -1
  17. package/dist/prometheus-framework/src/modules/globals/views/components/blocks/BlockFilter.vue.js +1 -1
  18. package/dist/prometheus-framework/src/modules/globals/views/components/layouts/Client.vue.cjs.map +1 -1
  19. package/dist/prometheus-framework/src/modules/globals/views/components/layouts/Client.vue.js.map +1 -1
  20. package/dist/prometheus-framework/src/modules/icons/entities/IconEarn.vue.cjs +62 -0
  21. package/dist/prometheus-framework/src/modules/icons/entities/IconEarn.vue.cjs.map +1 -0
  22. package/dist/prometheus-framework/src/modules/icons/entities/IconEarn.vue.js +62 -0
  23. package/dist/prometheus-framework/src/modules/icons/entities/IconEarn.vue.js.map +1 -0
  24. package/dist/prometheus-framework/src/modules/icons/entities/IconInfo.vue.cjs +43 -0
  25. package/dist/prometheus-framework/src/modules/icons/entities/IconInfo.vue.cjs.map +1 -0
  26. package/dist/prometheus-framework/src/modules/icons/entities/IconInfo.vue.js +43 -0
  27. package/dist/prometheus-framework/src/modules/icons/entities/IconInfo.vue.js.map +1 -0
  28. package/dist/prometheus-framework/src/modules/landing/components/sections/SectionEarn.vue.cjs +132 -0
  29. package/dist/prometheus-framework/src/modules/landing/components/sections/SectionEarn.vue.cjs.map +1 -0
  30. package/dist/prometheus-framework/src/modules/landing/components/sections/SectionEarn.vue.js +132 -0
  31. package/dist/prometheus-framework/src/modules/landing/components/sections/SectionEarn.vue.js.map +1 -0
  32. package/dist/prometheus-framework/src/modules/landing/components/sections/SectionGuide.vue.cjs +1 -1
  33. package/dist/prometheus-framework/src/modules/landing/components/sections/SectionGuide.vue.cjs.map +1 -1
  34. package/dist/prometheus-framework/src/modules/landing/components/sections/SectionGuide.vue.js +1 -1
  35. package/dist/prometheus-framework/src/modules/landing/components/sections/SectionGuide.vue.js.map +1 -1
  36. package/dist/prometheus-framework/src/modules/landing/landing.client.cjs +2 -0
  37. package/dist/prometheus-framework/src/modules/landing/landing.client.cjs.map +1 -1
  38. package/dist/prometheus-framework/src/modules/landing/landing.client.js +12 -10
  39. package/dist/prometheus-framework/src/modules/landing/landing.client.js.map +1 -1
  40. package/dist/prometheus-framework/src/modules/organizations/components/blocks/CardDepartment.vue.cjs +1 -1
  41. package/dist/prometheus-framework/src/modules/organizations/components/blocks/CardDepartment.vue.js +1 -1
  42. package/dist/prometheus-framework/src/modules/organizations/components/pages/Department.vue.cjs +1 -1
  43. package/dist/prometheus-framework/src/modules/organizations/components/pages/Department.vue.js +1 -1
  44. package/dist/prometheus-framework/src/modules/pages/pages.client.cjs +492 -474
  45. package/dist/prometheus-framework/src/modules/pages/pages.client.js +492 -474
  46. package/dist/prometheus-framework/src/modules/products/components/pages/Categories.vue.cjs +1 -1
  47. package/dist/prometheus-framework/src/modules/products/components/pages/Categories.vue.js +1 -1
  48. package/dist/prometheus-framework/src/modules/products/components/pages/CategoryEdit.vue.cjs +1 -1
  49. package/dist/prometheus-framework/src/modules/products/components/pages/CategoryEdit.vue.js +1 -1
  50. package/dist/prometheus-framework/src/modules/products/components/pages/Products.vue.cjs +1 -1
  51. package/dist/prometheus-framework/src/modules/products/components/pages/Products.vue.js +1 -1
  52. package/dist/prometheus-framework/src/modules/products/components/sections/FilterProducts.vue.cjs +1 -1
  53. package/dist/prometheus-framework/src/modules/products/components/sections/FilterProducts.vue.js +1 -1
  54. package/dist/prometheus-framework/src/modules/products/components/sections/HeroRecommendation.vue.cjs.map +1 -1
  55. package/dist/prometheus-framework/src/modules/products/components/sections/HeroRecommendation.vue.js.map +1 -1
  56. package/dist/prometheus-framework/src/modules/spots/components/layouts/Spots.vue.cjs +1 -1
  57. package/dist/prometheus-framework/src/modules/spots/components/layouts/Spots.vue.js +1 -1
  58. package/dist/prometheus-framework/src/modules/spots/components/pages/Spot.vue.cjs +1 -1
  59. package/dist/prometheus-framework/src/modules/spots/components/pages/Spot.vue.js +1 -1
  60. package/dist/prometheus-framework/src/modules/wallet/views/components/elements/ConnectMetamask.vue.cjs +81 -35
  61. package/dist/prometheus-framework/src/modules/wallet/views/components/elements/ConnectMetamask.vue.cjs.map +1 -1
  62. package/dist/prometheus-framework/src/modules/wallet/views/components/elements/ConnectMetamask.vue.js +81 -35
  63. package/dist/prometheus-framework/src/modules/wallet/views/components/elements/ConnectMetamask.vue.js.map +1 -1
  64. package/dist/prometheus-framework/src/modules/wallet/views/localization/wallet.json.cjs +0 -6
  65. package/dist/prometheus-framework/src/modules/wallet/views/localization/wallet.json.cjs.map +1 -1
  66. package/dist/prometheus-framework/src/modules/wallet/views/localization/wallet.json.js +0 -6
  67. package/dist/prometheus-framework/src/modules/wallet/views/localization/wallet.json.js.map +1 -1
  68. package/package.json +1 -1
  69. package/src/modules/auth/views/components/sections/SliderFeatures.vue +1 -7
  70. package/src/modules/community/components/sections/HotPosts.vue +68 -65
  71. package/src/modules/events/components/sections/List.vue +0 -18
  72. package/src/modules/globals/views/components/layouts/Client.vue +28 -1
  73. package/src/modules/icons/entities/IconInfo.vue +15 -0
  74. package/src/modules/landing/components/sections/SectionEarn.vue +56 -54
  75. package/src/modules/landing/components/sections/SectionGuide.vue +4 -3
  76. package/src/modules/landing/landing.client.js +2 -0
  77. package/src/modules/products/components/sections/HeroRecommendation.vue +1 -1
  78. package/src/modules/wallet/views/components/elements/ConnectMetamask.vue +74 -44
  79. package/src/modules/wallet/views/localization/wallet.json +0 -6
  80. package/src/styles/base/all.scss +5 -4
  81. package/src/styles/typography.scss +5 -5
@@ -2,7 +2,6 @@
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
3
  const vue = require("vue");
4
4
  ;/* empty css */
5
- const _hoisted_1 = { class: "spoiler" };
6
5
  const _sfc_main = {
7
6
  __name: "Spoiler",
8
7
  props: {
@@ -14,18 +13,48 @@ const _sfc_main = {
14
13
  setup(__props) {
15
14
  const props = __props;
16
15
  const showSpoiler = vue.ref(false);
17
- if (props.status) showSpoiler.value = props.status;
16
+ const spoilerContent = vue.ref(null);
17
+ vue.onMounted(() => {
18
+ if (props.status) {
19
+ showSpoiler.value = props.status;
20
+ }
21
+ });
22
+ const toggleSpoiler = () => {
23
+ showSpoiler.value = !showSpoiler.value;
24
+ };
25
+ const onEnter = (el) => {
26
+ el.style.height = "0";
27
+ void el.offsetHeight;
28
+ el.style.height = el.scrollHeight + "px";
29
+ };
30
+ const onAfterEnter = (el) => {
31
+ el.style.height = "auto";
32
+ };
33
+ const onLeave = (el) => {
34
+ el.style.height = el.scrollHeight + "px";
35
+ void el.offsetHeight;
36
+ el.style.height = "0";
37
+ };
18
38
  return (_ctx, _cache) => {
19
39
  return vue.openBlock(), vue.createElementBlock("div", null, [
20
40
  vue.createElementVNode("div", {
21
- onClick: _cache[0] || (_cache[0] = ($event) => showSpoiler.value = !showSpoiler.value),
41
+ onClick: toggleSpoiler,
22
42
  class: "flex-v-center flex-nowrap flex"
23
43
  }, [
24
44
  vue.renderSlot(_ctx.$slots, "header", { isOpen: showSpoiler.value })
25
45
  ]),
26
- vue.createVNode(vue.Transition, { name: "collapse" }, {
46
+ vue.createVNode(vue.Transition, {
47
+ name: "collapse",
48
+ onEnter,
49
+ onAfterEnter,
50
+ onLeave
51
+ }, {
27
52
  default: vue.withCtx(() => [
28
- vue.withDirectives(vue.createElementVNode("div", _hoisted_1, [
53
+ vue.withDirectives(vue.createElementVNode("div", {
54
+ class: "spoiler",
55
+ ref_key: "spoilerContent",
56
+ ref: spoilerContent
57
+ }, [
29
58
  vue.renderSlot(_ctx.$slots, "content")
30
59
  ], 512), [
31
60
  [vue.vShow, showSpoiler.value]
@@ -1 +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;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,6 +1,5 @@
1
- import { ref, openBlock, createElementBlock, createElementVNode, renderSlot, createVNode, Transition, withCtx, withDirectives, vShow } from "vue";
1
+ import { ref, onMounted, openBlock, createElementBlock, createElementVNode, renderSlot, createVNode, Transition, withCtx, withDirectives, vShow } from "vue";
2
2
  /* empty css */
3
- const _hoisted_1 = { class: "spoiler" };
4
3
  const _sfc_main = {
5
4
  __name: "Spoiler",
6
5
  props: {
@@ -12,18 +11,48 @@ const _sfc_main = {
12
11
  setup(__props) {
13
12
  const props = __props;
14
13
  const showSpoiler = ref(false);
15
- if (props.status) showSpoiler.value = props.status;
14
+ const spoilerContent = ref(null);
15
+ onMounted(() => {
16
+ if (props.status) {
17
+ showSpoiler.value = props.status;
18
+ }
19
+ });
20
+ const toggleSpoiler = () => {
21
+ showSpoiler.value = !showSpoiler.value;
22
+ };
23
+ const onEnter = (el) => {
24
+ el.style.height = "0";
25
+ void el.offsetHeight;
26
+ el.style.height = el.scrollHeight + "px";
27
+ };
28
+ const onAfterEnter = (el) => {
29
+ el.style.height = "auto";
30
+ };
31
+ const onLeave = (el) => {
32
+ el.style.height = el.scrollHeight + "px";
33
+ void el.offsetHeight;
34
+ el.style.height = "0";
35
+ };
16
36
  return (_ctx, _cache) => {
17
37
  return openBlock(), createElementBlock("div", null, [
18
38
  createElementVNode("div", {
19
- onClick: _cache[0] || (_cache[0] = ($event) => showSpoiler.value = !showSpoiler.value),
39
+ onClick: toggleSpoiler,
20
40
  class: "flex-v-center flex-nowrap flex"
21
41
  }, [
22
42
  renderSlot(_ctx.$slots, "header", { isOpen: showSpoiler.value })
23
43
  ]),
24
- createVNode(Transition, { name: "collapse" }, {
44
+ createVNode(Transition, {
45
+ name: "collapse",
46
+ onEnter,
47
+ onAfterEnter,
48
+ onLeave
49
+ }, {
25
50
  default: withCtx(() => [
26
- withDirectives(createElementVNode("div", _hoisted_1, [
51
+ withDirectives(createElementVNode("div", {
52
+ class: "spoiler",
53
+ ref_key: "spoilerContent",
54
+ ref: spoilerContent
55
+ }, [
27
56
  renderSlot(_ctx.$slots, "content")
28
57
  ], 512), [
29
58
  [vShow, showSpoiler.value]
@@ -1 +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;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"SliderFeatures.vue.cjs","sources":["../../../../../../../../src/modules/auth/views/components/sections/SliderFeatures.vue"],"sourcesContent":["<script setup>\nimport { ref, onMounted } from 'vue'\nimport { useI18n } from 'vue-i18n'\n\nimport emblaCarouselVue from 'embla-carousel-vue';\nimport Autoplay from 'embla-carousel-autoplay'\n\nconst text = {\n messages: {\n en: {\n features: [\n {\n title: \"What's the Weeder Token, Dude?\",\n description: \"WDT is like, the backbone of our rad community. It's cash, it's power, it's an investment. Groovy, right?\", \n },\n {\n title: \"Light Up and Level Up\",\n description: \"Order up, light up, and earn Weeder tokens. More tokes, more cash in your pocket, man.\", \n },\n {\n title: \"Hang Ten with Our Community\",\n description: \"Find the dopest strains and start floating on cloud 9 with us!\", \n },\n {\n title: \"Shop 'Til You Drop... Into Your Couch\",\n description: \"Score primo bud and gear with just a few clicks. Delivered right to your pad!\", \n },\n ]\n },\n ru: {\n features: [\n {\n title: \"Что такое токен Weeder, Бро?\",\n description: \"WDT - это как основа нашего крутого сообщества. Это деньги, это власть, это инвестиции. Круто, а?\", \n },\n {\n title: \"Зажигай и Развивайся\",\n description: \"Закажи шмали, курни и зарабатывай токены Weeder. Чем больше курнешь, тем больше кэша у тебя в кармане, чувак.\", \n },\n \n {\n title: \"Веселись с Нашим Сообществом\",\n description: \"Найди самые крутые сорта и начни шмалить на девятом облаке вместе с нами.\", \n },\n {\n title: \"Покупайте, Когда Накурились\",\n description: \"Закажи премиумную бошку и крутые аксессуары за пару кликов, чувак. Прямо к твоей двери!\",\n },\n ]\n }\n }\n}\n\nconst { tm,rt } = useI18n(text)\n\n\n\n\nconst selectedIndex = ref(0);\nconst scrollSnaps = ref([]);\n\nconst autoplayOptions = {\n delay: 2000,\n jump: false,\n stopOnInteraction: false,\n stopOnMouseEnter: false,\n stopOnFocusIn: true,\n stopOnLastSnap: false,\n rootNode: (emblaRoot) => emblaRoot.parentElement\n}\n\nconst [emblaNode, emblaApi] = emblaCarouselVue({ loop: true }, [Autoplay(autoplayOptions)])\n\nconst scrollTo = (index) => emblaApi.value && emblaApi.value.scrollTo(index);\nconst onInit = (embla) => scrollSnaps.value = emblaApi.value.scrollSnapList();\nconst onSelect = (embla) => selectedIndex.value = emblaApi.value.selectedScrollSnap();\n\nonMounted(async() => {\n onInit(emblaApi);\n onSelect(emblaApi);\n\n emblaApi.value.on('reInit', onInit);\n emblaApi.value.on('reInit', onSelect);\n emblaApi.value.on('select', onSelect);\n});\n</script>\n\n<template>\n <div class=\"embla\" ref=\"emblaNode\">\n <div class=\"embla__container\">\n <div class=\"embla__slide pd-nano\" v-for=\"(feature, index) in tm('features')\" :key=\"index\">\n <div class=\"parent-div\" :style=\"`background-image: url(/assets/images/features/${index}.png); background-size:cover; background-position: center center;`\">\n <div class=\"background-div\"></div>\n <h4 class=\"mn-b-small\">{{ feature.title }}</h4>\n <p class='mn-b-big mn-r-small mn-l-small'>{{ feature.description }}</p>\n </div>\n </div>\n </div>\n </div>\n</template>\n\n<style lang=\"scss\">\n .fade-enter-active, .fade-leave-active {\n transition: opacity .5s;\n}\n.fade-enter, .fade-leave-to /* .fade-leave-active в версии 2.1.8+ */ {\n opacity: 0;\n}\n .carousel__track {\n height: 100%;\n }\n.carousel-controls {\n position: absolute;\n top: 0;\n right: 0;\n}\n\n.carousel-indicators {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n display: flex;\n justify-content: center;\n}\n\n.carousel-indicators li {\n list-style: none;\n margin: 0 5px;\n width: 10px;\n height: 10px;\n background: gray;\n border-radius: 50%;\n}\n\n.carousel-indicators li.active {\n background: white;\n}\n\n.parent-div {\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n}\n\n.background-div {\n flex-grow: 1 // Занимает все оставшееся пространство\n}\n</style>\n"],"names":["useI18n","ref","emblaCarouselVue","Autoplay","onMounted"],"mappings":";;;;;;;;;;;;;AAOA,UAAM,OAAO;AAAA,MACX,UAAU;AAAA,QACR,IAAI;AAAA,UACF,UAAU;AAAA,YACR;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,YACD;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,YACD;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,YACD;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,UACF;AAAA,QACF;AAAA,QACD,IAAI;AAAA,UACF,UAAU;AAAA,YACR;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,YACD;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,YAED;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,YACD;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACH;AAEA,UAAM,EAAE,IAAG,OAAOA,QAAAA,QAAQ,IAAI;AAK9B,UAAM,gBAAgBC,IAAAA,IAAI,CAAC;AAC3B,UAAM,cAAcA,IAAAA,IAAI,CAAA,CAAE;AAE1B,UAAM,kBAAkB;AAAA,MACtB,OAAO;AAAA,MACP,MAAM;AAAA,MACN,mBAAmB;AAAA,MACnB,kBAAkB;AAAA,MAClB,eAAe;AAAA,MACf,gBAAgB;AAAA,MAChB,UAAU,CAAC,cAAc,UAAU;AAAA,IACrC;AAEA,UAAM,CAAC,WAAW,QAAQ,IAAIC,qBAAAA,QAAiB,EAAE,MAAM,KAAI,GAAI,CAACC,0BAAAA,QAAS,eAAe,CAAC,CAAC;AAG1F,UAAM,SAAS,CAAC,UAAW,YAAY,QAAQ,SAAS,MAAM;AAC9D,UAAM,WAAW,CAAC,UAAU,cAAc,QAAQ,SAAS,MAAM;AAEjEC,QAAAA,UAAU,YAAW;AACnB,aAAe;AACf,eAAiB;AAEjB,eAAS,MAAM,GAAG,UAAU,MAAM;AAClC,eAAS,MAAM,GAAG,UAAU,QAAQ;AACpC,eAAS,MAAM,GAAG,UAAU,QAAQ;AAAA,IACtC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"SliderFeatures.vue.cjs","sources":["../../../../../../../../src/modules/auth/views/components/sections/SliderFeatures.vue"],"sourcesContent":["<script setup>\nimport { ref, onMounted } from 'vue'\nimport { useI18n } from 'vue-i18n'\n\nimport emblaCarouselVue from 'embla-carousel-vue';\nimport Autoplay from 'embla-carousel-autoplay'\n\nconst text = {\n messages: {\n en: {\n features: [\n {\n title: \"What's the Weeder Token, Dude?\",\n description: \"WDT is like, the backbone of our rad community. It's cash, it's power, it's an investment. Groovy, right?\", \n },\n {\n title: \"Light Up and Level Up\",\n description: \"Order up, light up, and earn Weeder tokens. More tokes, more cash in your pocket, man.\", \n },\n {\n title: \"Hang Ten with Our Community\",\n description: \"Find the dopest strains and start floating on cloud 9 with us!\", \n },\n {\n title: \"Shop 'Til You Drop... Into Your Couch\",\n description: \"Score primo bud and gear with just a few clicks. Delivered right to your pad!\", \n },\n ]\n },\n ru: {\n features: [\n {\n title: \"Что такое токен Weeder, Бро?\",\n description: \"WDT - это как основа нашего крутого сообщества. Это деньги, это власть, это инвестиции. Круто, а?\", \n },\n {\n title: \"Зажигай и Развивайся\",\n description: \"Закажи шмали, курни и зарабатывай токены Weeder. Чем больше курнешь, тем больше кэша у тебя в кармане, чувак.\", \n },\n \n {\n title: \"Веселись с Нашим Сообществом\",\n description: \"Найди самые крутые сорта и начни шмалить на девятом облаке вместе с нами.\", \n },\n {\n title: \"Покупайте, Когда Накурились\",\n description: \"Закажи премиумную бошку и крутые аксессуары за пару кликов, чувак. Прямо к твоей двери!\",\n },\n ]\n }\n }\n}\n\nconst { tm,rt } = useI18n(text)\n\n\n\n\nconst selectedIndex = ref(0);\nconst scrollSnaps = ref([]);\n\nconst autoplayOptions = {\n delay: 2000,\n jump: false,\n stopOnInteraction: false,\n stopOnMouseEnter: false,\n stopOnFocusIn: true,\n stopOnLastSnap: false,\n rootNode: (emblaRoot) => emblaRoot.parentElement\n}\n\nconst [emblaNode, emblaApi] = emblaCarouselVue({ loop: true }, [Autoplay(autoplayOptions)])\n\nconst scrollTo = (index) => emblaApi.value && emblaApi.value.scrollTo(index);\nconst onInit = (embla) => scrollSnaps.value = emblaApi.value.scrollSnapList();\nconst onSelect = (embla) => selectedIndex.value = emblaApi.value.selectedScrollSnap();\n\nonMounted(async() => {\n onInit(emblaApi);\n onSelect(emblaApi);\n\n emblaApi.value.on('reInit', onInit);\n emblaApi.value.on('reInit', onSelect);\n emblaApi.value.on('select', onSelect);\n});\n</script>\n\n<template>\n <div class=\"embla\" ref=\"emblaNode\">\n <div class=\"embla__container\">\n <div class=\"embla__slide pd-nano\" v-for=\"(feature, index) in tm('features')\" :key=\"index\">\n <div class=\"parent-div\" :style=\"`background-image: url(/assets/images/features/${index}.png); background-size:cover; background-position: center center;`\">\n <div class=\"background-div\"></div>\n <h4 class=\"mn-b-small\">{{ feature.title }}</h4>\n <p class='mn-b-big mn-r-small mn-l-small'>{{ feature.description }}</p>\n </div>\n </div>\n </div>\n </div>\n</template>\n\n<style lang=\"scss\">\n.carousel__track {\n height: 100%;\n }\n.carousel-controls {\n position: absolute;\n top: 0;\n right: 0;\n}\n\n.carousel-indicators {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n display: flex;\n justify-content: center;\n}\n\n.carousel-indicators li {\n list-style: none;\n margin: 0 5px;\n width: 10px;\n height: 10px;\n background: gray;\n border-radius: 50%;\n}\n\n.carousel-indicators li.active {\n background: white;\n}\n\n.parent-div {\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n}\n\n.background-div {\n flex-grow: 1 // Занимает все оставшееся пространство\n}\n</style>\n"],"names":["useI18n","ref","emblaCarouselVue","Autoplay","onMounted"],"mappings":";;;;;;;;;;;;;AAOA,UAAM,OAAO;AAAA,MACX,UAAU;AAAA,QACR,IAAI;AAAA,UACF,UAAU;AAAA,YACR;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,YACD;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,YACD;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,YACD;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,UACF;AAAA,QACF;AAAA,QACD,IAAI;AAAA,UACF,UAAU;AAAA,YACR;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,YACD;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,YAED;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,YACD;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACH;AAEA,UAAM,EAAE,IAAG,OAAOA,QAAAA,QAAQ,IAAI;AAK9B,UAAM,gBAAgBC,IAAAA,IAAI,CAAC;AAC3B,UAAM,cAAcA,IAAAA,IAAI,CAAA,CAAE;AAE1B,UAAM,kBAAkB;AAAA,MACtB,OAAO;AAAA,MACP,MAAM;AAAA,MACN,mBAAmB;AAAA,MACnB,kBAAkB;AAAA,MAClB,eAAe;AAAA,MACf,gBAAgB;AAAA,MAChB,UAAU,CAAC,cAAc,UAAU;AAAA,IACrC;AAEA,UAAM,CAAC,WAAW,QAAQ,IAAIC,qBAAAA,QAAiB,EAAE,MAAM,KAAI,GAAI,CAACC,0BAAAA,QAAS,eAAe,CAAC,CAAC;AAG1F,UAAM,SAAS,CAAC,UAAW,YAAY,QAAQ,SAAS,MAAM;AAC9D,UAAM,WAAW,CAAC,UAAU,cAAc,QAAQ,SAAS,MAAM;AAEjEC,QAAAA,UAAU,YAAW;AACnB,aAAe;AACf,eAAiB;AAEjB,eAAS,MAAM,GAAG,UAAU,MAAM;AAClC,eAAS,MAAM,GAAG,UAAU,QAAQ;AACpC,eAAS,MAAM,GAAG,UAAU,QAAQ;AAAA,IACtC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"SliderFeatures.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/sections/SliderFeatures.vue"],"sourcesContent":["<script setup>\nimport { ref, onMounted } from 'vue'\nimport { useI18n } from 'vue-i18n'\n\nimport emblaCarouselVue from 'embla-carousel-vue';\nimport Autoplay from 'embla-carousel-autoplay'\n\nconst text = {\n messages: {\n en: {\n features: [\n {\n title: \"What's the Weeder Token, Dude?\",\n description: \"WDT is like, the backbone of our rad community. It's cash, it's power, it's an investment. Groovy, right?\", \n },\n {\n title: \"Light Up and Level Up\",\n description: \"Order up, light up, and earn Weeder tokens. More tokes, more cash in your pocket, man.\", \n },\n {\n title: \"Hang Ten with Our Community\",\n description: \"Find the dopest strains and start floating on cloud 9 with us!\", \n },\n {\n title: \"Shop 'Til You Drop... Into Your Couch\",\n description: \"Score primo bud and gear with just a few clicks. Delivered right to your pad!\", \n },\n ]\n },\n ru: {\n features: [\n {\n title: \"Что такое токен Weeder, Бро?\",\n description: \"WDT - это как основа нашего крутого сообщества. Это деньги, это власть, это инвестиции. Круто, а?\", \n },\n {\n title: \"Зажигай и Развивайся\",\n description: \"Закажи шмали, курни и зарабатывай токены Weeder. Чем больше курнешь, тем больше кэша у тебя в кармане, чувак.\", \n },\n \n {\n title: \"Веселись с Нашим Сообществом\",\n description: \"Найди самые крутые сорта и начни шмалить на девятом облаке вместе с нами.\", \n },\n {\n title: \"Покупайте, Когда Накурились\",\n description: \"Закажи премиумную бошку и крутые аксессуары за пару кликов, чувак. Прямо к твоей двери!\",\n },\n ]\n }\n }\n}\n\nconst { tm,rt } = useI18n(text)\n\n\n\n\nconst selectedIndex = ref(0);\nconst scrollSnaps = ref([]);\n\nconst autoplayOptions = {\n delay: 2000,\n jump: false,\n stopOnInteraction: false,\n stopOnMouseEnter: false,\n stopOnFocusIn: true,\n stopOnLastSnap: false,\n rootNode: (emblaRoot) => emblaRoot.parentElement\n}\n\nconst [emblaNode, emblaApi] = emblaCarouselVue({ loop: true }, [Autoplay(autoplayOptions)])\n\nconst scrollTo = (index) => emblaApi.value && emblaApi.value.scrollTo(index);\nconst onInit = (embla) => scrollSnaps.value = emblaApi.value.scrollSnapList();\nconst onSelect = (embla) => selectedIndex.value = emblaApi.value.selectedScrollSnap();\n\nonMounted(async() => {\n onInit(emblaApi);\n onSelect(emblaApi);\n\n emblaApi.value.on('reInit', onInit);\n emblaApi.value.on('reInit', onSelect);\n emblaApi.value.on('select', onSelect);\n});\n</script>\n\n<template>\n <div class=\"embla\" ref=\"emblaNode\">\n <div class=\"embla__container\">\n <div class=\"embla__slide pd-nano\" v-for=\"(feature, index) in tm('features')\" :key=\"index\">\n <div class=\"parent-div\" :style=\"`background-image: url(/assets/images/features/${index}.png); background-size:cover; background-position: center center;`\">\n <div class=\"background-div\"></div>\n <h4 class=\"mn-b-small\">{{ feature.title }}</h4>\n <p class='mn-b-big mn-r-small mn-l-small'>{{ feature.description }}</p>\n </div>\n </div>\n </div>\n </div>\n</template>\n\n<style lang=\"scss\">\n .fade-enter-active, .fade-leave-active {\n transition: opacity .5s;\n}\n.fade-enter, .fade-leave-to /* .fade-leave-active в версии 2.1.8+ */ {\n opacity: 0;\n}\n .carousel__track {\n height: 100%;\n }\n.carousel-controls {\n position: absolute;\n top: 0;\n right: 0;\n}\n\n.carousel-indicators {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n display: flex;\n justify-content: center;\n}\n\n.carousel-indicators li {\n list-style: none;\n margin: 0 5px;\n width: 10px;\n height: 10px;\n background: gray;\n border-radius: 50%;\n}\n\n.carousel-indicators li.active {\n background: white;\n}\n\n.parent-div {\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n}\n\n.background-div {\n flex-grow: 1 // Занимает все оставшееся пространство\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;AAOA,UAAM,OAAO;AAAA,MACX,UAAU;AAAA,QACR,IAAI;AAAA,UACF,UAAU;AAAA,YACR;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,YACD;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,YACD;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,YACD;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,UACF;AAAA,QACF;AAAA,QACD,IAAI;AAAA,UACF,UAAU;AAAA,YACR;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,YACD;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,YAED;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,YACD;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACH;AAEA,UAAM,EAAE,IAAG,OAAO,QAAQ,IAAI;AAK9B,UAAM,gBAAgB,IAAI,CAAC;AAC3B,UAAM,cAAc,IAAI,CAAA,CAAE;AAE1B,UAAM,kBAAkB;AAAA,MACtB,OAAO;AAAA,MACP,MAAM;AAAA,MACN,mBAAmB;AAAA,MACnB,kBAAkB;AAAA,MAClB,eAAe;AAAA,MACf,gBAAgB;AAAA,MAChB,UAAU,CAAC,cAAc,UAAU;AAAA,IACrC;AAEA,UAAM,CAAC,WAAW,QAAQ,IAAI,iBAAiB,EAAE,MAAM,KAAI,GAAI,CAAC,SAAS,eAAe,CAAC,CAAC;AAG1F,UAAM,SAAS,CAAC,UAAW,YAAY,QAAQ,SAAS,MAAM;AAC9D,UAAM,WAAW,CAAC,UAAU,cAAc,QAAQ,SAAS,MAAM;AAEjE,cAAU,YAAW;AACnB,aAAe;AACf,eAAiB;AAEjB,eAAS,MAAM,GAAG,UAAU,MAAM;AAClC,eAAS,MAAM,GAAG,UAAU,QAAQ;AACpC,eAAS,MAAM,GAAG,UAAU,QAAQ;AAAA,IACtC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"SliderFeatures.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/sections/SliderFeatures.vue"],"sourcesContent":["<script setup>\nimport { ref, onMounted } from 'vue'\nimport { useI18n } from 'vue-i18n'\n\nimport emblaCarouselVue from 'embla-carousel-vue';\nimport Autoplay from 'embla-carousel-autoplay'\n\nconst text = {\n messages: {\n en: {\n features: [\n {\n title: \"What's the Weeder Token, Dude?\",\n description: \"WDT is like, the backbone of our rad community. It's cash, it's power, it's an investment. Groovy, right?\", \n },\n {\n title: \"Light Up and Level Up\",\n description: \"Order up, light up, and earn Weeder tokens. More tokes, more cash in your pocket, man.\", \n },\n {\n title: \"Hang Ten with Our Community\",\n description: \"Find the dopest strains and start floating on cloud 9 with us!\", \n },\n {\n title: \"Shop 'Til You Drop... Into Your Couch\",\n description: \"Score primo bud and gear with just a few clicks. Delivered right to your pad!\", \n },\n ]\n },\n ru: {\n features: [\n {\n title: \"Что такое токен Weeder, Бро?\",\n description: \"WDT - это как основа нашего крутого сообщества. Это деньги, это власть, это инвестиции. Круто, а?\", \n },\n {\n title: \"Зажигай и Развивайся\",\n description: \"Закажи шмали, курни и зарабатывай токены Weeder. Чем больше курнешь, тем больше кэша у тебя в кармане, чувак.\", \n },\n \n {\n title: \"Веселись с Нашим Сообществом\",\n description: \"Найди самые крутые сорта и начни шмалить на девятом облаке вместе с нами.\", \n },\n {\n title: \"Покупайте, Когда Накурились\",\n description: \"Закажи премиумную бошку и крутые аксессуары за пару кликов, чувак. Прямо к твоей двери!\",\n },\n ]\n }\n }\n}\n\nconst { tm,rt } = useI18n(text)\n\n\n\n\nconst selectedIndex = ref(0);\nconst scrollSnaps = ref([]);\n\nconst autoplayOptions = {\n delay: 2000,\n jump: false,\n stopOnInteraction: false,\n stopOnMouseEnter: false,\n stopOnFocusIn: true,\n stopOnLastSnap: false,\n rootNode: (emblaRoot) => emblaRoot.parentElement\n}\n\nconst [emblaNode, emblaApi] = emblaCarouselVue({ loop: true }, [Autoplay(autoplayOptions)])\n\nconst scrollTo = (index) => emblaApi.value && emblaApi.value.scrollTo(index);\nconst onInit = (embla) => scrollSnaps.value = emblaApi.value.scrollSnapList();\nconst onSelect = (embla) => selectedIndex.value = emblaApi.value.selectedScrollSnap();\n\nonMounted(async() => {\n onInit(emblaApi);\n onSelect(emblaApi);\n\n emblaApi.value.on('reInit', onInit);\n emblaApi.value.on('reInit', onSelect);\n emblaApi.value.on('select', onSelect);\n});\n</script>\n\n<template>\n <div class=\"embla\" ref=\"emblaNode\">\n <div class=\"embla__container\">\n <div class=\"embla__slide pd-nano\" v-for=\"(feature, index) in tm('features')\" :key=\"index\">\n <div class=\"parent-div\" :style=\"`background-image: url(/assets/images/features/${index}.png); background-size:cover; background-position: center center;`\">\n <div class=\"background-div\"></div>\n <h4 class=\"mn-b-small\">{{ feature.title }}</h4>\n <p class='mn-b-big mn-r-small mn-l-small'>{{ feature.description }}</p>\n </div>\n </div>\n </div>\n </div>\n</template>\n\n<style lang=\"scss\">\n.carousel__track {\n height: 100%;\n }\n.carousel-controls {\n position: absolute;\n top: 0;\n right: 0;\n}\n\n.carousel-indicators {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n display: flex;\n justify-content: center;\n}\n\n.carousel-indicators li {\n list-style: none;\n margin: 0 5px;\n width: 10px;\n height: 10px;\n background: gray;\n border-radius: 50%;\n}\n\n.carousel-indicators li.active {\n background: white;\n}\n\n.parent-div {\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n}\n\n.background-div {\n flex-grow: 1 // Занимает все оставшееся пространство\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;AAOA,UAAM,OAAO;AAAA,MACX,UAAU;AAAA,QACR,IAAI;AAAA,UACF,UAAU;AAAA,YACR;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,YACD;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,YACD;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,YACD;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,UACF;AAAA,QACF;AAAA,QACD,IAAI;AAAA,UACF,UAAU;AAAA,YACR;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,YACD;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,YAED;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,YACD;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACH;AAEA,UAAM,EAAE,IAAG,OAAO,QAAQ,IAAI;AAK9B,UAAM,gBAAgB,IAAI,CAAC;AAC3B,UAAM,cAAc,IAAI,CAAA,CAAE;AAE1B,UAAM,kBAAkB;AAAA,MACtB,OAAO;AAAA,MACP,MAAM;AAAA,MACN,mBAAmB;AAAA,MACnB,kBAAkB;AAAA,MAClB,eAAe;AAAA,MACf,gBAAgB;AAAA,MAChB,UAAU,CAAC,cAAc,UAAU;AAAA,IACrC;AAEA,UAAM,CAAC,WAAW,QAAQ,IAAI,iBAAiB,EAAE,MAAM,KAAI,GAAI,CAAC,SAAS,eAAe,CAAC,CAAC;AAG1F,UAAM,SAAS,CAAC,UAAW,YAAY,QAAQ,SAAS,MAAM;AAC9D,UAAM,WAAW,CAAC,UAAU,cAAc,QAAQ,SAAS,MAAM;AAEjE,cAAU,YAAW;AACnB,aAAe;AACf,eAAiB;AAEjB,eAAS,MAAM,GAAG,UAAU,MAAM;AAClC,eAAS,MAAM,GAAG,UAAU,QAAQ;AACpC,eAAS,MAAM,GAAG,UAAU,QAAQ;AAAA,IACtC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -5,71 +5,72 @@ const vue = require("vue");
5
5
  ;/* empty css */
6
6
  ;/* empty css */
7
7
  ;/* empty css */
8
- ;/* empty css */
8
+ ;/* empty css */
9
9
  ;/* empty css */
10
10
  const Slider = require("../../../../components/Slider/Slider.vue.cjs");
11
11
  const CardBlogpost = require("../blocks/CardBlogpost.vue.cjs");
12
12
  const blogposts = require("../../store/blogposts.cjs");
13
13
  const auth = require("../../../auth/views/store/auth.cjs");
14
14
  ;/* empty css */
15
- const _hoisted_1 = { class: "pd-thin" };
16
- const _hoisted_2 = { class: "bg-light radius-big pd-t-big pd-b-big" };
17
- const _hoisted_3 = { class: "w-100 pd-b-small t-center flex-center flex" };
18
15
  const _sfc_main = {
19
16
  __name: "HotPosts",
17
+ props: {
18
+ skip: {
19
+ type: Number,
20
+ default: 0
21
+ },
22
+ limit: {
23
+ type: Number,
24
+ default: 8
25
+ },
26
+ userId: {
27
+ type: String,
28
+ default: () => auth.state.user._id
29
+ },
30
+ period: {
31
+ type: String,
32
+ default: "year"
33
+ },
34
+ category: {
35
+ type: String,
36
+ default: "featured"
37
+ }
38
+ },
20
39
  setup(__props) {
21
40
  return (_ctx, _cache) => {
22
- const _component_router_link = vue.resolveComponent("router-link");
23
- return vue.openBlock(), vue.createElementBlock("section", _hoisted_1, [
24
- vue.createElementVNode("div", _hoisted_2, [
25
- vue.createElementVNode("h2", _hoisted_3, [
26
- _cache[1] || (_cache[1] = vue.createTextVNode(" Discover Our ")),
27
- vue.createVNode(_component_router_link, {
28
- to: { name: "Blog" },
29
- class: "transition-ease-in hover-bg-black hover-t-white transition-timing-1 hover-scale-0 bg-main cursor-pointer pd-thin pd-r-small pd-l-small mn-l-thin radius-extra flex flex-v-center"
30
- }, {
31
- default: vue.withCtx(() => _cache[0] || (_cache[0] = [
32
- vue.createElementVNode("b", null, "Community", -1)
33
- ])),
34
- _: 1
35
- })
36
- ]),
37
- vue.createVNode(Slider.default, {
38
- store: {
39
- read: (options) => blogposts.read(options)
40
- },
41
- options: {
42
- skip: 0,
43
- limit: 8,
44
- user: auth.state.user._id,
45
- period: "year",
46
- category: "featured"
47
- },
48
- text: {
49
- messages: {
50
- en: {
51
- title: "No Blogposts Found",
52
- description: "Currently, there are no blogposts available."
53
- }
54
- }
55
- },
56
- class: "slider-hotpost"
57
- }, {
58
- default: vue.withCtx(({
59
- item
60
- }) => [
61
- (vue.openBlock(), vue.createBlock(CardBlogpost.default, {
62
- key: item._id,
63
- blogpost: item,
64
- user: auth.state.user._id,
65
- hideDescription: true,
66
- class: "bg-white flex flex-column h-35r"
67
- }, null, 8, ["blogpost", "user"]))
68
- ]),
69
- _: 1
70
- }, 8, ["store", "options"])
71
- ])
72
- ]);
41
+ return vue.openBlock(), vue.createBlock(Slider.default, {
42
+ store: {
43
+ read: (options) => blogposts.read({
44
+ skip: __props.skip,
45
+ limit: __props.limit,
46
+ user: __props.userId,
47
+ period: __props.period,
48
+ category: __props.category
49
+ })
50
+ },
51
+ text: {
52
+ messages: {
53
+ en: {
54
+ title: "No Blogposts Found",
55
+ description: "Currently, there are no blogposts available."
56
+ }
57
+ }
58
+ },
59
+ class: "slider-hotpost flex-child-default"
60
+ }, {
61
+ default: vue.withCtx(({
62
+ item
63
+ }) => [
64
+ (vue.openBlock(), vue.createBlock(CardBlogpost.default, {
65
+ key: item._id,
66
+ blogpost: item,
67
+ user: auth.state.user._id,
68
+ hideDescription: true,
69
+ class: "bg-white flex flex-column h-35r"
70
+ }, null, 8, ["blogpost", "user"]))
71
+ ]),
72
+ _: 1
73
+ }, 8, ["store"]);
73
74
  };
74
75
  }
75
76
  };
@@ -1 +1 @@
1
- {"version":3,"file":"HotPosts.vue.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"HotPosts.vue.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,73 +1,74 @@
1
- import { resolveComponent, openBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, withCtx, createBlock } from "vue";
1
+ import { openBlock, createBlock, withCtx } from "vue";
2
2
  /* empty css */
3
3
  /* empty css */
4
4
  /* empty css */
5
5
  /* empty css */
6
- /* empty css */
6
+ /* empty css */
7
7
  /* empty css */
8
8
  import _sfc_main$1 from "../../../../components/Slider/Slider.vue.js";
9
9
  import _sfc_main$2 from "../blocks/CardBlogpost.vue.js";
10
10
  import { read } from "../../store/blogposts.js";
11
11
  import { state } from "../../../auth/views/store/auth.js";
12
12
  /* empty css */
13
- const _hoisted_1 = { class: "pd-thin" };
14
- const _hoisted_2 = { class: "bg-light radius-big pd-t-big pd-b-big" };
15
- const _hoisted_3 = { class: "w-100 pd-b-small t-center flex-center flex" };
16
13
  const _sfc_main = {
17
14
  __name: "HotPosts",
15
+ props: {
16
+ skip: {
17
+ type: Number,
18
+ default: 0
19
+ },
20
+ limit: {
21
+ type: Number,
22
+ default: 8
23
+ },
24
+ userId: {
25
+ type: String,
26
+ default: () => state.user._id
27
+ },
28
+ period: {
29
+ type: String,
30
+ default: "year"
31
+ },
32
+ category: {
33
+ type: String,
34
+ default: "featured"
35
+ }
36
+ },
18
37
  setup(__props) {
19
38
  return (_ctx, _cache) => {
20
- const _component_router_link = resolveComponent("router-link");
21
- return openBlock(), createElementBlock("section", _hoisted_1, [
22
- createElementVNode("div", _hoisted_2, [
23
- createElementVNode("h2", _hoisted_3, [
24
- _cache[1] || (_cache[1] = createTextVNode(" Discover Our ")),
25
- createVNode(_component_router_link, {
26
- to: { name: "Blog" },
27
- class: "transition-ease-in hover-bg-black hover-t-white transition-timing-1 hover-scale-0 bg-main cursor-pointer pd-thin pd-r-small pd-l-small mn-l-thin radius-extra flex flex-v-center"
28
- }, {
29
- default: withCtx(() => _cache[0] || (_cache[0] = [
30
- createElementVNode("b", null, "Community", -1)
31
- ])),
32
- _: 1
33
- })
34
- ]),
35
- createVNode(_sfc_main$1, {
36
- store: {
37
- read: (options) => read(options)
38
- },
39
- options: {
40
- skip: 0,
41
- limit: 8,
42
- user: state.user._id,
43
- period: "year",
44
- category: "featured"
45
- },
46
- text: {
47
- messages: {
48
- en: {
49
- title: "No Blogposts Found",
50
- description: "Currently, there are no blogposts available."
51
- }
52
- }
53
- },
54
- class: "slider-hotpost"
55
- }, {
56
- default: withCtx(({
57
- item
58
- }) => [
59
- (openBlock(), createBlock(_sfc_main$2, {
60
- key: item._id,
61
- blogpost: item,
62
- user: state.user._id,
63
- hideDescription: true,
64
- class: "bg-white flex flex-column h-35r"
65
- }, null, 8, ["blogpost", "user"]))
66
- ]),
67
- _: 1
68
- }, 8, ["store", "options"])
69
- ])
70
- ]);
39
+ return openBlock(), createBlock(_sfc_main$1, {
40
+ store: {
41
+ read: (options) => read({
42
+ skip: __props.skip,
43
+ limit: __props.limit,
44
+ user: __props.userId,
45
+ period: __props.period,
46
+ category: __props.category
47
+ })
48
+ },
49
+ text: {
50
+ messages: {
51
+ en: {
52
+ title: "No Blogposts Found",
53
+ description: "Currently, there are no blogposts available."
54
+ }
55
+ }
56
+ },
57
+ class: "slider-hotpost flex-child-default"
58
+ }, {
59
+ default: withCtx(({
60
+ item
61
+ }) => [
62
+ (openBlock(), createBlock(_sfc_main$2, {
63
+ key: item._id,
64
+ blogpost: item,
65
+ user: state.user._id,
66
+ hideDescription: true,
67
+ class: "bg-white flex flex-column h-35r"
68
+ }, null, 8, ["blogpost", "user"]))
69
+ ]),
70
+ _: 1
71
+ }, 8, ["store"]);
71
72
  };
72
73
  }
73
74
  };
@@ -1 +1 @@
1
- {"version":3,"file":"HotPosts.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"HotPosts.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -6,7 +6,6 @@ const EmptyState = require("../../../../components/EmptyState/EmptyState.vue.cjs
6
6
  const CardEvent = require("../blocks/CardEvent.vue.cjs");
7
7
  const SkeletonEventShort = require("../../../icons/skeletons/SkeletonEventShort.vue.cjs");
8
8
  const events = require("../../store/events.cjs");
9
- ;/* empty css */
10
9
  const _hoisted_1 = { class: "today-events" };
11
10
  const _sfc_main = {
12
11
  __name: "List",
@@ -1 +1 @@
1
- {"version":3,"file":"List.vue.cjs","sources":["../../../../../../../src/modules/events/components/sections/List.vue"],"sourcesContent":["<template>\n <section \n class=\"today-events\"\n >\n <!-- <transition name=\"fade\">\n <Loader v-if=\"isLoading\" class=\"z-index-5 pos-t-50 left-t-50 pos-absolute\"/>\n </transition> -->\n\n <TransitionGroup tag=\"ul\" name=\"fade\" class=\"o-hidden bg-light radius-big\">\n <SkeletonEventShort\n v-if=\"isLoading\"\n v-for=\"i in limit\" :key=\"i\"\n />\n </TransitionGroup>\n\n <transition \n name=\"fade\"\n >\n <EmptyState \n v-if=\"!isLoading && eventsList.length < 1\"\n title=\"No Planned Events \"\n description=\"No events available. Please check back later.\"\n class=\"pd-medium mn-b-thin bg-light radius-semi\"\n />\n </transition>\n\n\n <TransitionGroup tag=\"ul\" name=\"fade\" class=\"container\">\n <CardEvent \n v-if=\"!isLoading && eventsList.length > 0\"\n @click=\"$router.push({name: 'Event', params: {url: event.url}})\" \n v-for=\"(event,index) in eventsList\" \n :key=\"event._id\" \n :event=\"event\" \n :owner=\"user\" \n :type=\"'short'\"\n class=\"pd-medium\"\n :class=\"{\n 'br-b br-solid br-black-transp-10': index !== eventsList.length - 1\n }\"\n />\n </TransitionGroup>\n \n </section>\n</template>\n\n<script setup>\n import { ref, onMounted } from 'vue';\n \n\n import Loader from '@pf/src/components/Loader/Loader.vue';\n import EmptyState from '@pf/src/components/EmptyState/EmptyState.vue';\n\n import CardEvent from '@pf/src/modules/events/components/blocks/CardEvent.vue';\n\n import SkeletonEvent from '@pf/src/modules/icons/skeletons/SkeletonEvent.vue'\n import SkeletonEventShort from '@pf/src/modules/icons/skeletons/SkeletonEventShort.vue'\n\n import * as events from '@pf/src/modules/events/store/events.js';\n\n const props = defineProps({\n category: {\n type: String,\n default: null\n },\n status: {\n type: String,\n default: null\n },\n organization: {\n type: String,\n default: null\n },\n owner: {\n type: String,\n default: null\n },\n user: {\n type: [String, Number],\n default: null\n },\n period: {\n type: String,\n default: null\n },\n phase: {\n type: String,\n default: null\n }\n });\n\n const eventsList = ref([]);\n const isLoading = ref(true);\n\n const skip = ref(0);\n const limit = ref(5);\n\n onMounted(async () => {\n const data = await events.read({\n skip: skip.value,\n limit: limit.value,\n sortOrder: 'desc',\n category: props.category,\n user: props.user,\n owner: props.owner,\n organization: props.organization,\n period: props.period,\n phase: props.phase,\n status: props.status\n });\n\n eventsList.value = data;\n isLoading.value = false;\n });\n</script>\n\n<style lang=\"scss\">\n .fade-move,\n .fade-enter-active,\n .fade-leave-active {\n transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);\n }\n\n /* 2. declare enter from and leave to state */\n .fade-enter-from,\n .fade-leave-to {\n opacity: 0;\n transform: scaleY(0.01) translate(30px, 0);\n }\n\n /* 3. ensure leaving items are taken out of layout flow so that moving\n animations can be calculated correctly. */\n .fade-leave-active {\n position: absolute;\n }\n</style>\n"],"names":["ref","onMounted","events.read"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DE,UAAM,QAAQ;AA+Bd,UAAM,aAAaA,QAAI,CAAA,CAAE;AACzB,UAAM,YAAYA,QAAI,IAAI;AAE1B,UAAM,OAAOA,QAAI,CAAC;AAClB,UAAM,QAAQA,QAAI,CAAC;AAEnBC,QAAAA,UAAU,YAAY;AACpB,YAAM,OAAO,MAAMC,YAAY;AAAA,QAC7B,MAAM,KAAK;AAAA,QACX,OAAO,MAAM;AAAA,QACb,WAAW;AAAA,QACX,UAAU,MAAM;AAAA,QAChB,MAAM,MAAM;AAAA,QACZ,OAAO,MAAM;AAAA,QACb,cAAc,MAAM;AAAA,QACpB,QAAQ,MAAM;AAAA,QACd,OAAO,MAAM;AAAA,QACb,QAAQ,MAAM;AAAA,MACpB,CAAK;AAED,iBAAW,QAAQ;AACnB,gBAAU,QAAQ;AAAA,IACtB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"List.vue.cjs","sources":["../../../../../../../src/modules/events/components/sections/List.vue"],"sourcesContent":["<template>\n <section \n class=\"today-events\"\n >\n <!-- <transition name=\"fade\">\n <Loader v-if=\"isLoading\" class=\"z-index-5 pos-t-50 left-t-50 pos-absolute\"/>\n </transition> -->\n\n <TransitionGroup tag=\"ul\" name=\"fade\" class=\"o-hidden bg-light radius-big\">\n <SkeletonEventShort\n v-if=\"isLoading\"\n v-for=\"i in limit\" :key=\"i\"\n />\n </TransitionGroup>\n\n <transition \n name=\"fade\"\n >\n <EmptyState \n v-if=\"!isLoading && eventsList.length < 1\"\n title=\"No Planned Events \"\n description=\"No events available. Please check back later.\"\n class=\"pd-medium mn-b-thin bg-light radius-semi\"\n />\n </transition>\n\n\n <TransitionGroup tag=\"ul\" name=\"fade\" class=\"container\">\n <CardEvent \n v-if=\"!isLoading && eventsList.length > 0\"\n @click=\"$router.push({name: 'Event', params: {url: event.url}})\" \n v-for=\"(event,index) in eventsList\" \n :key=\"event._id\" \n :event=\"event\" \n :owner=\"user\" \n :type=\"'short'\"\n class=\"pd-medium\"\n :class=\"{\n 'br-b br-solid br-black-transp-10': index !== eventsList.length - 1\n }\"\n />\n </TransitionGroup>\n \n </section>\n</template>\n\n<script setup>\n import { ref, onMounted } from 'vue';\n \n\n import Loader from '@pf/src/components/Loader/Loader.vue';\n import EmptyState from '@pf/src/components/EmptyState/EmptyState.vue';\n\n import CardEvent from '@pf/src/modules/events/components/blocks/CardEvent.vue';\n\n import SkeletonEvent from '@pf/src/modules/icons/skeletons/SkeletonEvent.vue'\n import SkeletonEventShort from '@pf/src/modules/icons/skeletons/SkeletonEventShort.vue'\n\n import * as events from '@pf/src/modules/events/store/events.js';\n\n const props = defineProps({\n category: {\n type: String,\n default: null\n },\n status: {\n type: String,\n default: null\n },\n organization: {\n type: String,\n default: null\n },\n owner: {\n type: String,\n default: null\n },\n user: {\n type: [String, Number],\n default: null\n },\n period: {\n type: String,\n default: null\n },\n phase: {\n type: String,\n default: null\n }\n });\n\n const eventsList = ref([]);\n const isLoading = ref(true);\n\n const skip = ref(0);\n const limit = ref(5);\n\n onMounted(async () => {\n const data = await events.read({\n skip: skip.value,\n limit: limit.value,\n sortOrder: 'desc',\n category: props.category,\n user: props.user,\n owner: props.owner,\n organization: props.organization,\n period: props.period,\n phase: props.phase,\n status: props.status\n });\n\n eventsList.value = data;\n isLoading.value = false;\n });\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["ref","onMounted","events.read"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DE,UAAM,QAAQ;AA+Bd,UAAM,aAAaA,QAAI,CAAA,CAAE;AACzB,UAAM,YAAYA,QAAI,IAAI;AAE1B,UAAM,OAAOA,QAAI,CAAC;AAClB,UAAM,QAAQA,QAAI,CAAC;AAEnBC,QAAAA,UAAU,YAAY;AACpB,YAAM,OAAO,MAAMC,YAAY;AAAA,QAC7B,MAAM,KAAK;AAAA,QACX,OAAO,MAAM;AAAA,QACb,WAAW;AAAA,QACX,UAAU,MAAM;AAAA,QAChB,MAAM,MAAM;AAAA,QACZ,OAAO,MAAM;AAAA,QACb,cAAc,MAAM;AAAA,QACpB,QAAQ,MAAM;AAAA,QACd,OAAO,MAAM;AAAA,QACb,QAAQ,MAAM;AAAA,MACpB,CAAK;AAED,iBAAW,QAAQ;AACnB,gBAAU,QAAQ;AAAA,IACtB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -4,7 +4,6 @@ import _sfc_main$1 from "../../../../components/EmptyState/EmptyState.vue.js";
4
4
  import _sfc_main$2 from "../blocks/CardEvent.vue.js";
5
5
  import SkeletonEventShort from "../../../icons/skeletons/SkeletonEventShort.vue.js";
6
6
  import { read } from "../../store/events.js";
7
- /* empty css */
8
7
  const _hoisted_1 = { class: "today-events" };
9
8
  const _sfc_main = {
10
9
  __name: "List",
@@ -1 +1 @@
1
- {"version":3,"file":"List.vue.js","sources":["../../../../../../../src/modules/events/components/sections/List.vue"],"sourcesContent":["<template>\n <section \n class=\"today-events\"\n >\n <!-- <transition name=\"fade\">\n <Loader v-if=\"isLoading\" class=\"z-index-5 pos-t-50 left-t-50 pos-absolute\"/>\n </transition> -->\n\n <TransitionGroup tag=\"ul\" name=\"fade\" class=\"o-hidden bg-light radius-big\">\n <SkeletonEventShort\n v-if=\"isLoading\"\n v-for=\"i in limit\" :key=\"i\"\n />\n </TransitionGroup>\n\n <transition \n name=\"fade\"\n >\n <EmptyState \n v-if=\"!isLoading && eventsList.length < 1\"\n title=\"No Planned Events \"\n description=\"No events available. Please check back later.\"\n class=\"pd-medium mn-b-thin bg-light radius-semi\"\n />\n </transition>\n\n\n <TransitionGroup tag=\"ul\" name=\"fade\" class=\"container\">\n <CardEvent \n v-if=\"!isLoading && eventsList.length > 0\"\n @click=\"$router.push({name: 'Event', params: {url: event.url}})\" \n v-for=\"(event,index) in eventsList\" \n :key=\"event._id\" \n :event=\"event\" \n :owner=\"user\" \n :type=\"'short'\"\n class=\"pd-medium\"\n :class=\"{\n 'br-b br-solid br-black-transp-10': index !== eventsList.length - 1\n }\"\n />\n </TransitionGroup>\n \n </section>\n</template>\n\n<script setup>\n import { ref, onMounted } from 'vue';\n \n\n import Loader from '@pf/src/components/Loader/Loader.vue';\n import EmptyState from '@pf/src/components/EmptyState/EmptyState.vue';\n\n import CardEvent from '@pf/src/modules/events/components/blocks/CardEvent.vue';\n\n import SkeletonEvent from '@pf/src/modules/icons/skeletons/SkeletonEvent.vue'\n import SkeletonEventShort from '@pf/src/modules/icons/skeletons/SkeletonEventShort.vue'\n\n import * as events from '@pf/src/modules/events/store/events.js';\n\n const props = defineProps({\n category: {\n type: String,\n default: null\n },\n status: {\n type: String,\n default: null\n },\n organization: {\n type: String,\n default: null\n },\n owner: {\n type: String,\n default: null\n },\n user: {\n type: [String, Number],\n default: null\n },\n period: {\n type: String,\n default: null\n },\n phase: {\n type: String,\n default: null\n }\n });\n\n const eventsList = ref([]);\n const isLoading = ref(true);\n\n const skip = ref(0);\n const limit = ref(5);\n\n onMounted(async () => {\n const data = await events.read({\n skip: skip.value,\n limit: limit.value,\n sortOrder: 'desc',\n category: props.category,\n user: props.user,\n owner: props.owner,\n organization: props.organization,\n period: props.period,\n phase: props.phase,\n status: props.status\n });\n\n eventsList.value = data;\n isLoading.value = false;\n });\n</script>\n\n<style lang=\"scss\">\n .fade-move,\n .fade-enter-active,\n .fade-leave-active {\n transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);\n }\n\n /* 2. declare enter from and leave to state */\n .fade-enter-from,\n .fade-leave-to {\n opacity: 0;\n transform: scaleY(0.01) translate(30px, 0);\n }\n\n /* 3. ensure leaving items are taken out of layout flow so that moving\n animations can be calculated correctly. */\n .fade-leave-active {\n position: absolute;\n }\n</style>\n"],"names":["events.read"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DE,UAAM,QAAQ;AA+Bd,UAAM,aAAa,IAAI,CAAA,CAAE;AACzB,UAAM,YAAY,IAAI,IAAI;AAE1B,UAAM,OAAO,IAAI,CAAC;AAClB,UAAM,QAAQ,IAAI,CAAC;AAEnB,cAAU,YAAY;AACpB,YAAM,OAAO,MAAMA,KAAY;AAAA,QAC7B,MAAM,KAAK;AAAA,QACX,OAAO,MAAM;AAAA,QACb,WAAW;AAAA,QACX,UAAU,MAAM;AAAA,QAChB,MAAM,MAAM;AAAA,QACZ,OAAO,MAAM;AAAA,QACb,cAAc,MAAM;AAAA,QACpB,QAAQ,MAAM;AAAA,QACd,OAAO,MAAM;AAAA,QACb,QAAQ,MAAM;AAAA,MACpB,CAAK;AAED,iBAAW,QAAQ;AACnB,gBAAU,QAAQ;AAAA,IACtB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"List.vue.js","sources":["../../../../../../../src/modules/events/components/sections/List.vue"],"sourcesContent":["<template>\n <section \n class=\"today-events\"\n >\n <!-- <transition name=\"fade\">\n <Loader v-if=\"isLoading\" class=\"z-index-5 pos-t-50 left-t-50 pos-absolute\"/>\n </transition> -->\n\n <TransitionGroup tag=\"ul\" name=\"fade\" class=\"o-hidden bg-light radius-big\">\n <SkeletonEventShort\n v-if=\"isLoading\"\n v-for=\"i in limit\" :key=\"i\"\n />\n </TransitionGroup>\n\n <transition \n name=\"fade\"\n >\n <EmptyState \n v-if=\"!isLoading && eventsList.length < 1\"\n title=\"No Planned Events \"\n description=\"No events available. Please check back later.\"\n class=\"pd-medium mn-b-thin bg-light radius-semi\"\n />\n </transition>\n\n\n <TransitionGroup tag=\"ul\" name=\"fade\" class=\"container\">\n <CardEvent \n v-if=\"!isLoading && eventsList.length > 0\"\n @click=\"$router.push({name: 'Event', params: {url: event.url}})\" \n v-for=\"(event,index) in eventsList\" \n :key=\"event._id\" \n :event=\"event\" \n :owner=\"user\" \n :type=\"'short'\"\n class=\"pd-medium\"\n :class=\"{\n 'br-b br-solid br-black-transp-10': index !== eventsList.length - 1\n }\"\n />\n </TransitionGroup>\n \n </section>\n</template>\n\n<script setup>\n import { ref, onMounted } from 'vue';\n \n\n import Loader from '@pf/src/components/Loader/Loader.vue';\n import EmptyState from '@pf/src/components/EmptyState/EmptyState.vue';\n\n import CardEvent from '@pf/src/modules/events/components/blocks/CardEvent.vue';\n\n import SkeletonEvent from '@pf/src/modules/icons/skeletons/SkeletonEvent.vue'\n import SkeletonEventShort from '@pf/src/modules/icons/skeletons/SkeletonEventShort.vue'\n\n import * as events from '@pf/src/modules/events/store/events.js';\n\n const props = defineProps({\n category: {\n type: String,\n default: null\n },\n status: {\n type: String,\n default: null\n },\n organization: {\n type: String,\n default: null\n },\n owner: {\n type: String,\n default: null\n },\n user: {\n type: [String, Number],\n default: null\n },\n period: {\n type: String,\n default: null\n },\n phase: {\n type: String,\n default: null\n }\n });\n\n const eventsList = ref([]);\n const isLoading = ref(true);\n\n const skip = ref(0);\n const limit = ref(5);\n\n onMounted(async () => {\n const data = await events.read({\n skip: skip.value,\n limit: limit.value,\n sortOrder: 'desc',\n category: props.category,\n user: props.user,\n owner: props.owner,\n organization: props.organization,\n period: props.period,\n phase: props.phase,\n status: props.status\n });\n\n eventsList.value = data;\n isLoading.value = false;\n });\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["events.read"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DE,UAAM,QAAQ;AA+Bd,UAAM,aAAa,IAAI,CAAA,CAAE;AACzB,UAAM,YAAY,IAAI,IAAI;AAE1B,UAAM,OAAO,IAAI,CAAC;AAClB,UAAM,QAAQ,IAAI,CAAC;AAEnB,cAAU,YAAY;AACpB,YAAM,OAAO,MAAMA,KAAY;AAAA,QAC7B,MAAM,KAAK;AAAA,QACX,OAAO,MAAM;AAAA,QACb,WAAW;AAAA,QACX,UAAU,MAAM;AAAA,QAChB,MAAM,MAAM;AAAA,QACZ,OAAO,MAAM;AAAA,QACb,cAAc,MAAM;AAAA,QACpB,QAAQ,MAAM;AAAA,QACd,OAAO,MAAM;AAAA,QACb,QAAQ,MAAM;AAAA,MACpB,CAAK;AAED,iBAAW,QAAQ;AACnB,gBAAU,QAAQ;AAAA,IACtB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -2,7 +2,7 @@
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
3
  const vue = require("vue");
4
4
  const Checkbox = require("../../../../../components/Checkbox/Checkbox.vue.cjs");
5
- const Spoiler = require("../../../../../components/Spoiler/Spoiler.vue.cjs");
5
+ const Spoiler = require("../../../../../components/Spoiler/Spoiler.vue2.cjs");
6
6
  const IconChevronBottom = require("../../../../icons/navigation/IconChevronBottom.vue.cjs");
7
7
  const _hoisted_1 = { class: "w-100 o-scroll" };
8
8
  const _hoisted_2 = { class: "cursor-pointer w-100 flex-v-center flex-nowrap flex" };
@@ -1,6 +1,6 @@
1
1
  import { mergeModels, useModel, openBlock, createElementBlock, Fragment, renderList, createBlock, withCtx, createElementVNode, toDisplayString, createVNode, normalizeClass } from "vue";
2
2
  import _sfc_main$2 from "../../../../../components/Checkbox/Checkbox.vue.js";
3
- import _sfc_main$1 from "../../../../../components/Spoiler/Spoiler.vue.js";
3
+ import _sfc_main$1 from "../../../../../components/Spoiler/Spoiler.vue2.js";
4
4
  import IconChevronBottom from "../../../../icons/navigation/IconChevronBottom.vue.js";
5
5
  const _hoisted_1 = { class: "w-100 o-scroll" };
6
6
  const _hoisted_2 = { class: "cursor-pointer w-100 flex-v-center flex-nowrap flex" };