@ozdao/prometheus-framework 0.2.322 → 0.2.324

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

@@ -0,0 +1,154 @@
+import { ref, computed, onMounted, onUnmounted, openBlock, createElementBlock, mergeProps, createElementVNode, createCommentVNode, toDisplayString } from "vue";
+/* empty css           */
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+const _hoisted_1 = { class: "media-container" };
+const _hoisted_2 = ["src", "data-src", "alt"];
+const _hoisted_3 = ["controls", "loop", "muted", "autoplay", "playsinline", "preload"];
+const _hoisted_4 = ["src", "type"];
+const _hoisted_5 = {
+  key: 2,
+  class: "media-placeholder"
+};
+const _hoisted_6 = {
+  key: 3,
+  class: "media-error"
+};
+const _sfc_main = {
+  __name: "Media",
+  props: {
+    url: {
+      type: String,
+      required: true
+    },
+    options: {
+      type: Object,
+      default: () => ({
+        muted: true,
+        loop: true,
+        playsinline: true,
+        preload: "metadata"
+        // 'none' | 'metadata' | 'auto'
+      })
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const videoElement = ref(null);
+    const imageElement = ref(null);
+    const isLoaded = ref(false);
+    const error = ref(null);
+    const isIntersecting = ref(false);
+    let observer = null;
+    let isPlaying = false;
+    const fileExtension = computed(() => {
+      var _a, _b, _c;
+      return (_c = (_b = (_a = props.url) == null ? void 0 : _a.split(".")) == null ? void 0 : _b.pop()) == null ? void 0 : _c.toLowerCase();
+    });
+    const isImage = computed(() => {
+      const imageExtensions = ["jpg", "jpeg", "png", "gif", "webp", "svg", "avif"];
+      return imageExtensions.includes(fileExtension.value);
+    });
+    const isVideo = computed(() => {
+      const videoExtensions = ["mp4", "webm", "ogg"];
+      return videoExtensions.includes(fileExtension.value);
+    });
+    const videoType = computed(() => {
+      const types = {
+        "mp4": "video/mp4",
+        "webm": "video/webm",
+        "ogg": "video/ogg"
+      };
+      return types[fileExtension.value] || "";
+    });
+    function handleLoad() {
+      isLoaded.value = true;
+    }
+    function handleError(err) {
+      error.value = `Ошибка загрузки медиа: ${err.message}`;
+      isLoaded.value = false;
+    }
+    async function playVideo() {
+      if (!videoElement.value) return;
+      try {
+        if (videoElement.value.paused && !isPlaying) {
+          await videoElement.value.play();
+          isPlaying = true;
+        }
+      } catch (err) {
+        handleError(err);
+      }
+    }
+    function setupIntersectionObserver() {
+      const options = {
+        root: null,
+        rootMargin: "50px",
+        threshold: 0.1
+      };
+      observer = new IntersectionObserver((entries) => {
+        entries.forEach((entry) => {
+          var _a;
+          isIntersecting.value = entry.isIntersecting;
+          if (entry.isIntersecting) {
+            if (isVideo.value && ((_a = props.options) == null ? void 0 : _a.autoplay)) {
+              playVideo();
+            }
+            observer.disconnect();
+          }
+        });
+      }, options);
+      const element = isImage.value ? imageElement.value : videoElement.value;
+      if (element) {
+        observer.observe(element);
+      }
+    }
+    onMounted(() => {
+      setupIntersectionObserver();
+    });
+    onUnmounted(() => {
+      if (observer) {
+        observer.disconnect();
+      }
+    });
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d, _e, _f, _g;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        isImage.value ? (openBlock(), createElementBlock("img", mergeProps({
+          key: 0,
+          src: isIntersecting.value ? __props.url : "",
+          "data-src": __props.url,
+          alt: ((_a = __props.options) == null ? void 0 : _a.alt) || "Image",
+          class: ["media-item", { "loading": !isLoaded.value }],
+          loading: "lazy",
+          onLoad: handleLoad
+        }, __props.options, {
+          ref_key: "imageElement",
+          ref: imageElement
+        }), null, 16, _hoisted_2)) : isVideo.value ? (openBlock(), createElementBlock("video", mergeProps({
+          key: 1,
+          ref_key: "videoElement",
+          ref: videoElement,
+          class: [{ "loading": !isLoaded.value }, "media-item"],
+          controls: !((_b = __props.options) == null ? void 0 : _b.hideControls),
+          loop: ((_c = __props.options) == null ? void 0 : _c.loop) !== false,
+          muted: ((_d = __props.options) == null ? void 0 : _d.muted) !== false,
+          autoplay: (_e = __props.options) == null ? void 0 : _e.autoplay,
+          playsinline: ((_f = __props.options) == null ? void 0 : _f.playsinline) !== false,
+          preload: ((_g = __props.options) == null ? void 0 : _g.preload) || "metadata",
+          onLoadeddata: handleLoad
+        }, __props.options), [
+          createElementVNode("source", {
+            src: __props.url,
+            type: videoType.value
+          }, null, 8, _hoisted_4)
+        ], 16, _hoisted_3)) : createCommentVNode("", true),
+        !isLoaded.value ? (openBlock(), createElementBlock("div", _hoisted_5, " Загрузка... ")) : createCommentVNode("", true),
+        error.value ? (openBlock(), createElementBlock("div", _hoisted_6, toDisplayString(error.value), 1)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+};
+const Media = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-94bcf726"]]);
+export {
+  Media as default
+};
+//# sourceMappingURL=Media.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Media.vue.js","sources":["../../../../../src/components/Media/Media.vue"],"sourcesContent":["<template>\n  <div class=\"media-container\">\n    <!-- Изображение с ленивой загрузкой и placeholder -->\n    <img\n      v-if=\"isImage\"\n      :src=\"isIntersecting ? url : ''\"\n      :data-src=\"url\"\n      :alt=\"options?.alt || 'Image'\"\n      class=\"media-item\"\n      :class=\"{ 'loading': !isLoaded }\"\n      loading=\"lazy\"\n      @load=\"handleLoad\"\n      v-bind=\"options\"\n      ref=\"imageElement\"\n    />\n    \n    <!-- Видео с предварительной загрузкой -->\n    <video\n      v-else-if=\"isVideo\"\n      ref=\"videoElement\"\n      :class=\"{ 'loading': !isLoaded }\"\n      class=\"media-item\"\n      :controls=\"!options?.hideControls\"\n      :loop=\"options?.loop !== false\"\n      :muted=\"options?.muted !== false\"\n      :autoplay=\"options?.autoplay\"\n      :playsinline=\"options?.playsinline !== false\"\n      :preload=\"options?.preload || 'metadata'\"\n      @loadeddata=\"handleLoad\"\n      v-bind=\"options\"\n    >\n      <source :src=\"url\" :type=\"videoType\">\n    </video>\n    \n    <!-- Плейсхолдер во время загрузки -->\n    <div v-if=\"!isLoaded\" class=\"media-placeholder\">\n      Загрузка...\n    </div>\n    \n    <!-- Сообщение об ошибке -->\n    <div v-if=\"error\" class=\"media-error\">\n      {{ error }}\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, computed, onUnmounted } from 'vue'\n\nconst props = defineProps({\n  url: {\n    type: String,\n    required: true\n  },\n  options: {\n    type: Object,\n    default: () => ({\n      muted: true,\n      loop: true,\n      playsinline: true,\n      preload: 'metadata' // 'none' | 'metadata' | 'auto'\n    })\n  }\n})\n\n// Refs\nconst videoElement = ref(null)\nconst imageElement = ref(null)\nconst isLoaded = ref(false)\nconst error = ref(null)\nconst isIntersecting = ref(false)\nlet observer = null\nlet isPlaying = false\n\n// Определяем тип медиа\nconst fileExtension = computed(() => {\n  return props.url?.split('.')?.pop()?.toLowerCase()\n})\n\nconst isImage = computed(() => {\n  const imageExtensions = ['jpg', 'jpeg', 'png', 'gif', 'webp', 'svg', 'avif']\n  return imageExtensions.includes(fileExtension.value)\n})\n\nconst isVideo = computed(() => {\n  const videoExtensions = ['mp4', 'webm', 'ogg']\n  return videoExtensions.includes(fileExtension.value)\n})\n\n// Определяем MIME-тип для видео\nconst videoType = computed(() => {\n  const types = {\n    'mp4': 'video/mp4',\n    'webm': 'video/webm',\n    'ogg': 'video/ogg'\n  }\n  return types[fileExtension.value] || ''\n})\n\n// Обработчик загрузки медиа\nfunction handleLoad() {\n  isLoaded.value = true\n}\n\n// Обработка ошибок\nfunction handleError(err) {\n  error.value = `Ошибка загрузки медиа: ${err.message}`\n  isLoaded.value = false\n}\n\n// Управление видео с обработкой ошибок\nasync function playVideo() {\n  if (!videoElement.value) return\n  \n  try {\n    if (videoElement.value.paused && !isPlaying) {\n      await videoElement.value.play()\n      isPlaying = true\n    }\n  } catch (err) {\n    handleError(err)\n  }\n}\n\nfunction checkAndPlayVideo() {\n  if (!videoElement.value) return\n  \n  videoElement.value.onplaying = () => {\n    isPlaying = true\n  }\n  \n  videoElement.value.onpause = () => {\n    isPlaying = false\n  }\n  \n  videoElement.value.onerror = handleError\n}\n\n// Intersection Observer для ленивой загрузки\nfunction setupIntersectionObserver() {\n  const options = {\n    root: null,\n    rootMargin: '50px',\n    threshold: 0.1\n  }\n  \n  observer = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      isIntersecting.value = entry.isIntersecting\n      \n      if (entry.isIntersecting) {\n        if (isVideo.value && props.options?.autoplay) {\n          playVideo()\n        }\n        // Отключаем observer после первой загрузки\n        observer.disconnect()\n      }\n    })\n  }, options)\n  \n  // Наблюдаем за элементом в зависимости от типа медиа\n  const element = isImage.value ? imageElement.value : videoElement.value\n  if (element) {\n    observer.observe(element)\n  }\n}\n\n// Lifecycle hooks\nonMounted(() => {\n  setupIntersectionObserver()\n})\n\nonUnmounted(() => {\n  if (observer) {\n    observer.disconnect()\n  }\n})\n</script>\n\n<style scoped>\n.media-container {\n}\n\n.media-item {\n  all: inherit;\n  opacity: 1;\n  transition: opacity 0.3s ease;\n}\n\n.media-item.loading {\n  opacity: 0;\n}\n\n.media-placeholder {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: #f5f5f5;\n}\n\n.media-error {\n  color: #ff4444;\n  padding: 1rem;\n  text-align: center;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDA,UAAM,QAAQ;AAiBd,UAAM,eAAe,IAAI,IAAI;AAC7B,UAAM,eAAe,IAAI,IAAI;AAC7B,UAAM,WAAW,IAAI,KAAK;AAC1B,UAAM,QAAQ,IAAI,IAAI;AACtB,UAAM,iBAAiB,IAAI,KAAK;AAChC,QAAI,WAAW;AACf,QAAI,YAAY;AAGhB,UAAM,gBAAgB,SAAS,MAAM;;AACnC,cAAO,uBAAM,QAAN,mBAAW,MAAM,SAAjB,mBAAuB,UAAvB,mBAA8B;AAAA,IACvC,CAAC;AAED,UAAM,UAAU,SAAS,MAAM;AAC7B,YAAM,kBAAkB,CAAC,OAAO,QAAQ,OAAO,OAAO,QAAQ,OAAO,MAAM;AAC3E,aAAO,gBAAgB,SAAS,cAAc,KAAK;AAAA,IACrD,CAAC;AAED,UAAM,UAAU,SAAS,MAAM;AAC7B,YAAM,kBAAkB,CAAC,OAAO,QAAQ,KAAK;AAC7C,aAAO,gBAAgB,SAAS,cAAc,KAAK;AAAA,IACrD,CAAC;AAGD,UAAM,YAAY,SAAS,MAAM;AAC/B,YAAM,QAAQ;AAAA,QACZ,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,OAAO;AAAA,MACR;AACD,aAAO,MAAM,cAAc,KAAK,KAAK;AAAA,IACvC,CAAC;AAGD,aAAS,aAAa;AACpB,eAAS,QAAQ;AAAA,IACnB;AAGA,aAAS,YAAY,KAAK;AACxB,YAAM,QAAQ,0BAA0B,IAAI,OAAO;AACnD,eAAS,QAAQ;AAAA,IACnB;AAGA,mBAAe,YAAY;AACzB,UAAI,CAAC,aAAa,MAAO;AAEzB,UAAI;AACF,YAAI,aAAa,MAAM,UAAU,CAAC,WAAW;AAC3C,gBAAM,aAAa,MAAM,KAAM;AAC/B,sBAAY;AAAA,QACb;AAAA,MACF,SAAQ,KAAK;AACZ,oBAAY,GAAG;AAAA,MAChB;AAAA,IACH;AAiBA,aAAS,4BAA4B;AACnC,YAAM,UAAU;AAAA,QACd,MAAM;AAAA,QACN,YAAY;AAAA,QACZ,WAAW;AAAA,MACZ;AAED,iBAAW,IAAI,qBAAqB,CAAC,YAAY;AAC/C,gBAAQ,QAAQ,WAAS;;AACvB,yBAAe,QAAQ,MAAM;AAE7B,cAAI,MAAM,gBAAgB;AACxB,gBAAI,QAAQ,WAAS,WAAM,YAAN,mBAAe,WAAU;AAC5C,wBAAW;AAAA,YACZ;AAED,qBAAS,WAAY;AAAA,UACtB;AAAA,QACP,CAAK;AAAA,MACF,GAAE,OAAO;AAGV,YAAM,UAAU,QAAQ,QAAQ,aAAa,QAAQ,aAAa;AAClE,UAAI,SAAS;AACX,iBAAS,QAAQ,OAAO;AAAA,MACzB;AAAA,IACH;AAGA,cAAU,MAAM;AACd,gCAA2B;AAAA,IAC7B,CAAC;AAED,gBAAY,MAAM;AAChB,UAAI,UAAU;AACZ,iBAAS,WAAY;AAAA,MACtB;AAAA,IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -47,10 +47,7 @@ const _sfc_main = {
     };
     vueI18n.useI18n(text);
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.Transition, {
-        name: "TransitionTranslateY",
-        appear: ""
-      }, {
+      return vue.openBlock(), vue.createBlock(vue.Transition, { name: "moveFromTop" }, {
         default: vue.withCtx(() => [
           __props.isPopupOpen ? (vue.openBlock(), vue.createBlock(vue.Teleport, {
             key: 0,

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

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

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

@@ -45,10 +45,7 @@ const _sfc_main = {
     };
     useI18n(text);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(Transition, {
-        name: "TransitionTranslateY",
-        appear: ""
-      }, {
+      return openBlock(), createBlock(Transition, { name: "moveFromTop" }, {
         default: withCtx(() => [
           __props.isPopupOpen ? (openBlock(), createBlock(Teleport, {
             key: 0,

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

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

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

@@ -2,11 +2,23 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-require("vue-i18n");
+const vueI18n = require("vue-i18n");
 const emblaCarouselVue_esm = require("../../../../node_modules/embla-carousel-vue/esm/embla-carousel-vue.esm.cjs");
 const emblaCarouselAutoplay_esm = require("../../../../node_modules/embla-carousel-autoplay/esm/embla-carousel-autoplay.esm.cjs");
-;/* empty css                     */
-const _hoisted_1 = { class: "embla__container" };
+const Loader = require("../Loader/Loader.vue2.cjs");
+;/* empty css              */
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.cjs");
+const _hoisted_1 = { class: "pos-relative" };
+const _hoisted_2 = {
+  key: 0,
+  class: "h-20r radius-semi pos-relative w-100 bg-light"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "bg-light radius-semi flex flex-center w-100 h-20r"
+};
+const _hoisted_4 = { class: "text-gray-500" };
+const _hoisted_5 = { class: "embla__container" };
 const _sfc_main = {
   __name: "Slider",
   props: {
@@ -37,44 +49,63 @@ const _sfc_main = {
       ]
     );
     const onSelect = (embla) => selectedIndex.value = emblaApi.value.selectedScrollSnap();
+    const { t } = vueI18n.useI18n({
+      messages: props.text
+    });
     vue.onMounted(async () => {
-      entitiesState.value = await props.store.read(props.options);
-      isLoading.value = false;
-      onSelect();
-      emblaApi.value.on("reInit", onSelect);
-      emblaApi.value.on("select", onSelect);
+      try {
+        entitiesState.value = await props.store.read(props.options);
+      } catch (error) {
+        console.error("Error loading entities:", error);
+        entitiesState.value = [];
+      } finally {
+        isLoading.value = false;
+      }
+      if (entitiesState.value.length) {
+        onSelect();
+        emblaApi.value.on("reInit", onSelect);
+        emblaApi.value.on("select", onSelect);
+      }
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: "embla",
-        ref_key: "emblaNode",
-        ref: emblaNode
-      }, [
-        vue.createElementVNode("div", _hoisted_1, [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(entitiesState.value, (entity, key, index) => {
-            return vue.openBlock(), vue.createElementBlock("div", {
-              class: "embla__slide pd-nano",
-              key
-            }, [
-              vue.createVNode(vue.Transition, {
-                name: "fade",
-                mode: "out-in",
-                appear: ""
-              }, {
-                default: vue.withCtx(() => [
-                  vue.renderSlot(_ctx.$slots, "default", {
-                    item: entity,
-                    user: __props.user
-                  })
-                ]),
-                _: 2
-              }, 1024)
-            ]);
-          }), 128))
-        ])
-      ], 512);
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        isLoading.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+          vue.createVNode(Loader.default)
+        ])) : !entitiesState.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+          vue.createElementVNode("p", _hoisted_4, vue.toDisplayString(vue.unref(t)("title")), 1)
+        ])) : (vue.openBlock(), vue.createElementBlock("div", {
+          key: 2,
+          class: "embla",
+          ref_key: "emblaNode",
+          ref: emblaNode
+        }, [
+          vue.createElementVNode("div", _hoisted_5, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(entitiesState.value, (entity, key, index) => {
+              return vue.openBlock(), vue.createElementBlock("div", {
+                class: "embla__slide pd-nano",
+                key
+              }, [
+                vue.createVNode(vue.Transition, {
+                  name: "fade",
+                  mode: "out-in",
+                  appear: ""
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.renderSlot(_ctx.$slots, "default", {
+                      item: entity,
+                      user: __props.user
+                    }, void 0, true)
+                  ]),
+                  _: 2
+                }, 1024)
+              ]);
+            }), 128))
+          ])
+        ], 512))
+      ]);
     };
   }
 };
-exports.default = _sfc_main;
+const Slider = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-fff930b3"]]);
+exports.default = Slider;
 //# sourceMappingURL=Slider.vue.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Slider.vue.cjs","sources":["../../../../../src/components/Slider/Slider.vue"],"sourcesContent":["<template>\n  <div class=\"embla\" ref=\"emblaNode\">\n    <div class=\"embla__container\">\n      <div class=\"embla__slide pd-nano\" v-for=\"(entity, key, index) in entitiesState\" :key=\"key\">\n        <transition name=\"fade\" mode=\"out-in\" appear>\n          <slot\n            :item=\"entity\"\n            :user=\"user\"\n          ></slot>\n        </transition>\n      </div>\n\n    </div>\n  </div>\n</template>\n\n<script setup >\nimport { ref, onMounted } from 'vue'\nimport { useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n\nimport emblaCarouselVue from 'embla-carousel-vue'\nimport Autoplay from 'embla-carousel-autoplay'\n\nimport Loader from '@pf/src/components/Loader/Loader.vue'\n\n// Props for customization\nconst props = defineProps({\n  store: Object,\n  options: Object,\n  text: Object,\n  user: Object\n});\n\nconst router = useRouter()\n\nconst entitiesState = ref([])\nconst isLoading = ref(true);\nconst selectedIndex = ref(0);\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(\n  { loop: true }, \n  [\n    Autoplay(autoplayOptions)\n  ]\n)\n\nconst scrollTo = (index) => emblaApi.value && emblaApi.value.scrollTo(index);\nconst onSelect = (embla) => selectedIndex.value = emblaApi.value.selectedScrollSnap();\n// const onInit = (embla) =>  scrollSnaps.value = emblaApi.value.scrollSnapList();\n\nonMounted(async() => {\n  entitiesState.value = await props.store.read(props.options);\n\n  isLoading.value = false;\n\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"],"names":["useRouter","ref","emblaCarouselVue","Autoplay","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;AA2BA,UAAM,QAAQ;AAOCA,cAAAA,UAAW;AAE1B,UAAM,gBAAgBC,IAAG,IAAC,EAAE;AAC5B,UAAM,YAAYA,IAAAA,IAAI,IAAI;AAC1B,UAAM,gBAAgBA,IAAAA,IAAI,CAAC;AAE3B,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,qBAAgB;AAAA,MAC5C,EAAE,MAAM,KAAM;AAAA,MACd;AAAA,QACEC,0BAAAA,QAAS,eAAe;AAAA,MACzB;AAAA,IACH;AAGA,UAAM,WAAW,CAAC,UAAU,cAAc,QAAQ,SAAS,MAAM;AAGjEC,QAAAA,UAAU,YAAW;AACnB,oBAAc,QAAQ,MAAM,MAAM,MAAM,KAAK,MAAM,OAAO;AAE1D,gBAAU,QAAQ;AAElB,eAAiB;AAGjB,eAAS,MAAM,GAAG,UAAU,QAAQ;AACpC,eAAS,MAAM,GAAG,UAAU,QAAQ;AAAA,IACtC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Slider.vue.cjs","sources":["../../../../../src/components/Slider/Slider.vue"],"sourcesContent":["<template>\n  <div class=\"pos-relative\">\n    <!-- Loading State -->\n    <div v-if=\"isLoading\" class=\"h-20r radius-semi pos-relative w-100 bg-light\">\n      <Loader />\n    </div>\n\n    <!-- Empty State -->\n    <div v-else-if=\"!entitiesState.length\" class=\"bg-light radius-semi  flex flex-center  w-100 h-20r\">\n      <p class=\"text-gray-500\">{{t('title')}}</p>\n    </div>\n\n    <!-- Carousel -->\n    <div v-else class=\"embla\" ref=\"emblaNode\">\n      <div class=\"embla__container\">\n        <div \n          class=\"embla__slide pd-nano\" \n          v-for=\"(entity, key, index) in entitiesState\" \n          :key=\"key\"\n        >\n          <transition name=\"fade\" mode=\"out-in\" appear>\n            <slot\n              :item=\"entity\"\n              :user=\"user\"\n            ></slot>\n          </transition>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue'\nimport { useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n\nimport emblaCarouselVue from 'embla-carousel-vue'\nimport Autoplay from 'embla-carousel-autoplay'\n\nimport Loader from '@pf/src/components/Loader/Loader.vue'\n\n// Props for customization\nconst props = defineProps({\n  store: Object,\n  options: Object,\n  text: Object,\n  user: Object\n});\n\nconst router = useRouter()\nconst entitiesState = ref([])\nconst isLoading = ref(true);\nconst selectedIndex = ref(0);\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(\n  { loop: true }, \n  [\n    Autoplay(autoplayOptions)\n  ]\n)\n\nconst scrollTo = (index) => emblaApi.value && emblaApi.value.scrollTo(index);\nconst onSelect = (embla) => selectedIndex.value = emblaApi.value.selectedScrollSnap();\n\nconst { t } = useI18n({\n  messages: props.text\n})\n\nonMounted(async() => {\n  try {\n    entitiesState.value = await props.store.read(props.options);\n  } catch (error) {\n    console.error('Error loading entities:', error);\n    entitiesState.value = [];\n  } finally {\n    isLoading.value = false;\n  }\n  \n  if (entitiesState.value.length) {\n    onSelect(emblaApi);\n    emblaApi.value.on('reInit', onSelect);\n    emblaApi.value.on('select', onSelect);\n  }\n});\n\n</script>\n\n<style scoped>\n.fade-enter-active,\n.fade-leave-active {\n  transition: opacity 0.3s ease;\n}\n\n.fade-enter-from,\n.fade-leave-to {\n  opacity: 0;\n}\n</style>"],"names":["useRouter","ref","emblaCarouselVue","Autoplay","useI18n","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,UAAM,QAAQ;AAOCA,cAAAA,UAAW;AAC1B,UAAM,gBAAgBC,IAAG,IAAC,EAAE;AAC5B,UAAM,YAAYA,IAAAA,IAAI,IAAI;AAC1B,UAAM,gBAAgBA,IAAAA,IAAI,CAAC;AAE3B,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,qBAAgB;AAAA,MAC5C,EAAE,MAAM,KAAM;AAAA,MACd;AAAA,QACEC,0BAAAA,QAAS,eAAe;AAAA,MACzB;AAAA,IACH;AAGA,UAAM,WAAW,CAAC,UAAU,cAAc,QAAQ,SAAS,MAAM;AAEjE,UAAM,EAAE,EAAG,IAAGC,gBAAQ;AAAA,MACpB,UAAU,MAAM;AAAA,IAClB,CAAC;AAEDC,QAAAA,UAAU,YAAW;AACnB,UAAI;AACF,sBAAc,QAAQ,MAAM,MAAM,MAAM,KAAK,MAAM,OAAO;AAAA,MAC3D,SAAQ,OAAO;AACd,gBAAQ,MAAM,2BAA2B,KAAK;AAC9C,sBAAc,QAAQ;MAC1B,UAAY;AACR,kBAAU,QAAQ;AAAA,MACnB;AAED,UAAI,cAAc,MAAM,QAAQ;AAC9B,iBAAiB;AACjB,iBAAS,MAAM,GAAG,UAAU,QAAQ;AACpC,iBAAS,MAAM,GAAG,UAAU,QAAQ;AAAA,MACrC;AAAA,IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,10 +1,22 @@
-import { ref, onMounted, openBlock, createElementBlock, createElementVNode, Fragment, renderList, createVNode, Transition, withCtx, renderSlot } from "vue";
+import { ref, onMounted, openBlock, createElementBlock, createVNode, createElementVNode, toDisplayString, unref, Fragment, renderList, Transition, withCtx, renderSlot } from "vue";
 import { useRouter } from "vue-router";
-import "vue-i18n";
+import { useI18n } from "vue-i18n";
 import emblaCarouselVue from "../../../../node_modules/embla-carousel-vue/esm/embla-carousel-vue.esm.js";
 import Autoplay from "../../../../node_modules/embla-carousel-autoplay/esm/embla-carousel-autoplay.esm.js";
-/* empty css                   */
-const _hoisted_1 = { class: "embla__container" };
+import Loader from "../Loader/Loader.vue2.js";
+/* empty css            */
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+const _hoisted_1 = { class: "pos-relative" };
+const _hoisted_2 = {
+  key: 0,
+  class: "h-20r radius-semi pos-relative w-100 bg-light"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "bg-light radius-semi flex flex-center w-100 h-20r"
+};
+const _hoisted_4 = { class: "text-gray-500" };
+const _hoisted_5 = { class: "embla__container" };
 const _sfc_main = {
   __name: "Slider",
   props: {
@@ -35,46 +47,65 @@ const _sfc_main = {
       ]
     );
     const onSelect = (embla) => selectedIndex.value = emblaApi.value.selectedScrollSnap();
+    const { t } = useI18n({
+      messages: props.text
+    });
     onMounted(async () => {
-      entitiesState.value = await props.store.read(props.options);
-      isLoading.value = false;
-      onSelect();
-      emblaApi.value.on("reInit", onSelect);
-      emblaApi.value.on("select", onSelect);
+      try {
+        entitiesState.value = await props.store.read(props.options);
+      } catch (error) {
+        console.error("Error loading entities:", error);
+        entitiesState.value = [];
+      } finally {
+        isLoading.value = false;
+      }
+      if (entitiesState.value.length) {
+        onSelect();
+        emblaApi.value.on("reInit", onSelect);
+        emblaApi.value.on("select", onSelect);
+      }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: "embla",
-        ref_key: "emblaNode",
-        ref: emblaNode
-      }, [
-        createElementVNode("div", _hoisted_1, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(entitiesState.value, (entity, key, index) => {
-            return openBlock(), createElementBlock("div", {
-              class: "embla__slide pd-nano",
-              key
-            }, [
-              createVNode(Transition, {
-                name: "fade",
-                mode: "out-in",
-                appear: ""
-              }, {
-                default: withCtx(() => [
-                  renderSlot(_ctx.$slots, "default", {
-                    item: entity,
-                    user: __props.user
-                  })
-                ]),
-                _: 2
-              }, 1024)
-            ]);
-          }), 128))
-        ])
-      ], 512);
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        isLoading.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createVNode(Loader)
+        ])) : !entitiesState.value.length ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          createElementVNode("p", _hoisted_4, toDisplayString(unref(t)("title")), 1)
+        ])) : (openBlock(), createElementBlock("div", {
+          key: 2,
+          class: "embla",
+          ref_key: "emblaNode",
+          ref: emblaNode
+        }, [
+          createElementVNode("div", _hoisted_5, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(entitiesState.value, (entity, key, index) => {
+              return openBlock(), createElementBlock("div", {
+                class: "embla__slide pd-nano",
+                key
+              }, [
+                createVNode(Transition, {
+                  name: "fade",
+                  mode: "out-in",
+                  appear: ""
+                }, {
+                  default: withCtx(() => [
+                    renderSlot(_ctx.$slots, "default", {
+                      item: entity,
+                      user: __props.user
+                    }, void 0, true)
+                  ]),
+                  _: 2
+                }, 1024)
+              ]);
+            }), 128))
+          ])
+        ], 512))
+      ]);
     };
   }
 };
+const Slider = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fff930b3"]]);
 export {
-  _sfc_main as default
+  Slider as default
 };
 //# sourceMappingURL=Slider.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Slider.vue.js","sources":["../../../../../src/components/Slider/Slider.vue"],"sourcesContent":["<template>\n  <div class=\"embla\" ref=\"emblaNode\">\n    <div class=\"embla__container\">\n      <div class=\"embla__slide pd-nano\" v-for=\"(entity, key, index) in entitiesState\" :key=\"key\">\n        <transition name=\"fade\" mode=\"out-in\" appear>\n          <slot\n            :item=\"entity\"\n            :user=\"user\"\n          ></slot>\n        </transition>\n      </div>\n\n    </div>\n  </div>\n</template>\n\n<script setup >\nimport { ref, onMounted } from 'vue'\nimport { useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n\nimport emblaCarouselVue from 'embla-carousel-vue'\nimport Autoplay from 'embla-carousel-autoplay'\n\nimport Loader from '@pf/src/components/Loader/Loader.vue'\n\n// Props for customization\nconst props = defineProps({\n  store: Object,\n  options: Object,\n  text: Object,\n  user: Object\n});\n\nconst router = useRouter()\n\nconst entitiesState = ref([])\nconst isLoading = ref(true);\nconst selectedIndex = ref(0);\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(\n  { loop: true }, \n  [\n    Autoplay(autoplayOptions)\n  ]\n)\n\nconst scrollTo = (index) => emblaApi.value && emblaApi.value.scrollTo(index);\nconst onSelect = (embla) => selectedIndex.value = emblaApi.value.selectedScrollSnap();\n// const onInit = (embla) =>  scrollSnaps.value = emblaApi.value.scrollSnapList();\n\nonMounted(async() => {\n  entitiesState.value = await props.store.read(props.options);\n\n  isLoading.value = false;\n\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"],"names":[],"mappings":";;;;;;;;;;;;;;;;AA2BA,UAAM,QAAQ;AAOC,cAAW;AAE1B,UAAM,gBAAgB,IAAI,EAAE;AAC5B,UAAM,YAAY,IAAI,IAAI;AAC1B,UAAM,gBAAgB,IAAI,CAAC;AAE3B,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;AAAA,MAC5B,EAAE,MAAM,KAAM;AAAA,MACd;AAAA,QACE,SAAS,eAAe;AAAA,MACzB;AAAA,IACH;AAGA,UAAM,WAAW,CAAC,UAAU,cAAc,QAAQ,SAAS,MAAM;AAGjE,cAAU,YAAW;AACnB,oBAAc,QAAQ,MAAM,MAAM,MAAM,KAAK,MAAM,OAAO;AAE1D,gBAAU,QAAQ;AAElB,eAAiB;AAGjB,eAAS,MAAM,GAAG,UAAU,QAAQ;AACpC,eAAS,MAAM,GAAG,UAAU,QAAQ;AAAA,IACtC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Slider.vue.js","sources":["../../../../../src/components/Slider/Slider.vue"],"sourcesContent":["<template>\n  <div class=\"pos-relative\">\n    <!-- Loading State -->\n    <div v-if=\"isLoading\" class=\"h-20r radius-semi pos-relative w-100 bg-light\">\n      <Loader />\n    </div>\n\n    <!-- Empty State -->\n    <div v-else-if=\"!entitiesState.length\" class=\"bg-light radius-semi  flex flex-center  w-100 h-20r\">\n      <p class=\"text-gray-500\">{{t('title')}}</p>\n    </div>\n\n    <!-- Carousel -->\n    <div v-else class=\"embla\" ref=\"emblaNode\">\n      <div class=\"embla__container\">\n        <div \n          class=\"embla__slide pd-nano\" \n          v-for=\"(entity, key, index) in entitiesState\" \n          :key=\"key\"\n        >\n          <transition name=\"fade\" mode=\"out-in\" appear>\n            <slot\n              :item=\"entity\"\n              :user=\"user\"\n            ></slot>\n          </transition>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue'\nimport { useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n\nimport emblaCarouselVue from 'embla-carousel-vue'\nimport Autoplay from 'embla-carousel-autoplay'\n\nimport Loader from '@pf/src/components/Loader/Loader.vue'\n\n// Props for customization\nconst props = defineProps({\n  store: Object,\n  options: Object,\n  text: Object,\n  user: Object\n});\n\nconst router = useRouter()\nconst entitiesState = ref([])\nconst isLoading = ref(true);\nconst selectedIndex = ref(0);\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(\n  { loop: true }, \n  [\n    Autoplay(autoplayOptions)\n  ]\n)\n\nconst scrollTo = (index) => emblaApi.value && emblaApi.value.scrollTo(index);\nconst onSelect = (embla) => selectedIndex.value = emblaApi.value.selectedScrollSnap();\n\nconst { t } = useI18n({\n  messages: props.text\n})\n\nonMounted(async() => {\n  try {\n    entitiesState.value = await props.store.read(props.options);\n  } catch (error) {\n    console.error('Error loading entities:', error);\n    entitiesState.value = [];\n  } finally {\n    isLoading.value = false;\n  }\n  \n  if (entitiesState.value.length) {\n    onSelect(emblaApi);\n    emblaApi.value.on('reInit', onSelect);\n    emblaApi.value.on('select', onSelect);\n  }\n});\n\n</script>\n\n<style scoped>\n.fade-enter-active,\n.fade-leave-active {\n  transition: opacity 0.3s ease;\n}\n\n.fade-enter-from,\n.fade-leave-to {\n  opacity: 0;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,UAAM,QAAQ;AAOC,cAAW;AAC1B,UAAM,gBAAgB,IAAI,EAAE;AAC5B,UAAM,YAAY,IAAI,IAAI;AAC1B,UAAM,gBAAgB,IAAI,CAAC;AAE3B,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;AAAA,MAC5B,EAAE,MAAM,KAAM;AAAA,MACd;AAAA,QACE,SAAS,eAAe;AAAA,MACzB;AAAA,IACH;AAGA,UAAM,WAAW,CAAC,UAAU,cAAc,QAAQ,SAAS,MAAM;AAEjE,UAAM,EAAE,EAAG,IAAG,QAAQ;AAAA,MACpB,UAAU,MAAM;AAAA,IAClB,CAAC;AAED,cAAU,YAAW;AACnB,UAAI;AACF,sBAAc,QAAQ,MAAM,MAAM,MAAM,KAAK,MAAM,OAAO;AAAA,MAC3D,SAAQ,OAAO;AACd,gBAAQ,MAAM,2BAA2B,KAAK;AAC9C,sBAAc,QAAQ;MAC1B,UAAY;AACR,kBAAU,QAAQ;AAAA,MACnB;AAED,UAAI,cAAc,MAAM,QAAQ;AAC9B,iBAAiB;AACjB,iBAAS,MAAM,GAAG,UAAU,QAAQ;AACpC,iBAAS,MAAM,GAAG,UAAU,QAAQ;AAAA,MACrC;AAAA,IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/auth/views/components/layouts/Auth.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                                       */
+;/* 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                                          */
+/* 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

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-;/* empty css                                      */
-const Field = require("../../../../../components/Field/Field.vue2.cjs");
-const Button = require("../../../../../components/Button/Button.vue2.cjs");
+;/* empty css                                       */
+const Field = require("../../../../../components/Field/Field.vue.cjs");
+const Button = require("../../../../../components/Button/Button.vue.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.vue2.js";
-import _sfc_main$1 from "../../../../../components/Button/Button.vue2.js";
+/* empty css                                     */
+import Field from "../../../../../components/Field/Field.vue.js";
+import _sfc_main$1 from "../../../../../components/Button/Button.vue.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

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