@ozdao/prometheus-framework 0.2.198 → 0.2.200

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

@@ -1 +1,62 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),i=require("../../../../node_modules/@googlemaps/js-api-loader/dist/index.cjs");;/* empty css           */const s=require("../../../../_virtual/_plugin-vue_export-helper.cjs"),p={__name:"Map",props:{location:Object,apiKey:String,locale:String},setup(r){const e=r;let t=o.ref(null),l=null,a=null;return o.onMounted(async()=>{new i.Loader({apiKey:e.apiKey,version:"weekly",libraries:["places"],language:e.locale}).load().then(()=>{l=new google.maps.Map(t.value,{zoom:13,center:{lat:e.location.lat,lng:e.location.lng}}),a=new google.maps.Marker({position:{lat:e.location.lat,lng:e.location.lng},map:l})}).catch(n=>{console.error(n)})}),o.watch(()=>e.location,()=>{l&&a&&(a.setPosition(new google.maps.LatLng(e.location.lat,e.location.lng)),l.setCenter(new google.maps.LatLng(e.location.lat,e.location.lng)))},{deep:!0}),(c,n)=>(o.openBlock(),o.createElementBlock("div",{ref_key:"gmap",ref:t,class:"gmap"},null,512))}},g=s.default(p,[["__scopeId","data-v-786189a4"]]);exports.default=g;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const index = require("../../../../node_modules/@googlemaps/js-api-loader/dist/index.cjs");
+;/* empty css           */
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.cjs");
+const _sfc_main = {
+  __name: "Map",
+  props: {
+    location: Object,
+    apiKey: String,
+    locale: String
+  },
+  setup(__props) {
+    const props = __props;
+    let gmap = vue.ref(null);
+    let map = null;
+    let marker = null;
+    vue.onMounted(async () => {
+      const loader = new index.Loader({
+        apiKey: props.apiKey,
+        version: "weekly",
+        libraries: ["places"],
+        language: props.locale
+      });
+      loader.load().then(() => {
+        map = new google.maps.Map(gmap.value, {
+          zoom: 13,
+          center: {
+            lat: props.location.lat,
+            lng: props.location.lng
+          }
+        });
+        marker = new google.maps.Marker({
+          position: {
+            lat: props.location.lat,
+            lng: props.location.lng
+          },
+          map
+        });
+      }).catch((e) => {
+        console.error(e);
+      });
+    });
+    vue.watch(() => props.location, () => {
+      if (map && marker) {
+        marker.setPosition(new google.maps.LatLng(props.location.lat, props.location.lng));
+        map.setCenter(new google.maps.LatLng(props.location.lat, props.location.lng));
+      }
+    }, { deep: true });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        ref_key: "gmap",
+        ref: gmap,
+        class: "gmap"
+      }, null, 512);
+    };
+  }
+};
+const Map = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-786189a4"]]);
+exports.default = Map;
+//# sourceMappingURL=Map.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Map.vue.cjs","sources":["../../../../../src/components/Map/Map.vue"],"sourcesContent":["<template>\n  <div ref=\"gmap\" class=\"gmap\"></div>\n  \n</template>\n\n<script setup>\nimport { ref, onMounted, watch } from 'vue';\n\n\nimport { Loader as GMLoader } from \"@googlemaps/js-api-loader\";\n\nconst props = defineProps({\n  location: Object,\n  apiKey: String,\n  locale: String,\n});\n\nlet gmap = ref(null);\nlet map = null;\nlet marker = null;\n\nonMounted(async () => {\n  const loader = new GMLoader({\n    apiKey: props.apiKey,\n    version: \"weekly\",\n    libraries: [\"places\"],\n    language: props.locale,    \n  });\n\n  loader.load().then(() => {\n    map = new google.maps.Map(gmap.value, {\n      zoom: 13,\n      center: {\n        lat: props.location.lat,\n        lng: props.location.lng,\n      },\n    });\n\n    // Добавить маркер\n    marker = new google.maps.Marker({\n      position: {\n        lat: props.location.lat,\n        lng: props.location.lng,\n      },\n      map: map,\n    });\n }).catch(e => {\n    console.error(e);\n  });\n});\nwatch(() => props.location, () => {\n  if (map && marker) {\n    // Обновить позицию маркера\n    marker.setPosition(new google.maps.LatLng(props.location.lat, props.location.lng));\n\n    // Обновить центр карты\n    map.setCenter(new google.maps.LatLng(props.location.lat, props.location.lng));\n  }\n}, { deep: true });\n\n</script>\n\n<style scoped>\n.gmap {\n  height: 300px;\n  width: 100%;\n}\n</style>\n"],"names":["ref","onMounted","GMLoader","watch"],"mappings":";;;;;;;;;;;;;;AAWA,UAAM,QAAQ;AAMd,QAAI,OAAOA,IAAAA,IAAI,IAAI;AACnB,QAAI,MAAM;AACV,QAAI,SAAS;AAEbC,QAAAA,UAAU,YAAY;AACpB,YAAM,SAAS,IAAIC,aAAS;AAAA,QAC1B,QAAQ,MAAM;AAAA,QACd,SAAS;AAAA,QACT,WAAW,CAAC,QAAQ;AAAA,QACpB,UAAU,MAAM;AAAA,MACpB,CAAG;AAED,aAAO,OAAO,KAAK,MAAM;AACvB,cAAM,IAAI,OAAO,KAAK,IAAI,KAAK,OAAO;AAAA,UACpC,MAAM;AAAA,UACN,QAAQ;AAAA,YACN,KAAK,MAAM,SAAS;AAAA,YACpB,KAAK,MAAM,SAAS;AAAA,UACrB;AAAA,QACP,CAAK;AAGD,iBAAS,IAAI,OAAO,KAAK,OAAO;AAAA,UAC9B,UAAU;AAAA,YACR,KAAK,MAAM,SAAS;AAAA,YACpB,KAAK,MAAM,SAAS;AAAA,UACrB;AAAA,UACD;AAAA,QACN,CAAK;AAAA,MACL,CAAE,EAAE,MAAM,OAAK;AACX,gBAAQ,MAAM,CAAC;AAAA,MACnB,CAAG;AAAA,IACH,CAAC;AACDC,QAAAA,MAAM,MAAM,MAAM,UAAU,MAAM;AAChC,UAAI,OAAO,QAAQ;AAEjB,eAAO,YAAY,IAAI,OAAO,KAAK,OAAO,MAAM,SAAS,KAAK,MAAM,SAAS,GAAG,CAAC;AAGjF,YAAI,UAAU,IAAI,OAAO,KAAK,OAAO,MAAM,SAAS,KAAK,MAAM,SAAS,GAAG,CAAC;AAAA,MAC7E;AAAA,IACH,GAAG,EAAE,MAAM,KAAI,CAAE;;;;;;;;;;;;"}

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

@@ -1,49 +1,62 @@
-import { ref as c, onMounted as p, watch as i, openBlock as s, createElementBlock as g } from "vue";
-import { Loader as m } from "../../../../node_modules/@googlemaps/js-api-loader/dist/index.js";
+import { ref, onMounted, watch, openBlock, createElementBlock } from "vue";
+import { Loader } from "../../../../node_modules/@googlemaps/js-api-loader/dist/index.js";
 /* empty css         */
-import u from "../../../../_virtual/_plugin-vue_export-helper.js";
-const _ = {
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
   __name: "Map",
   props: {
     location: Object,
     apiKey: String,
     locale: String
   },
-  setup(n) {
-    const o = n;
-    let l = c(null), e = null, a = null;
-    return p(async () => {
-      new m({
-        apiKey: o.apiKey,
+  setup(__props) {
+    const props = __props;
+    let gmap = ref(null);
+    let map = null;
+    let marker = null;
+    onMounted(async () => {
+      const loader = new Loader({
+        apiKey: props.apiKey,
         version: "weekly",
         libraries: ["places"],
-        language: o.locale
-      }).load().then(() => {
-        e = new google.maps.Map(l.value, {
+        language: props.locale
+      });
+      loader.load().then(() => {
+        map = new google.maps.Map(gmap.value, {
           zoom: 13,
           center: {
-            lat: o.location.lat,
-            lng: o.location.lng
+            lat: props.location.lat,
+            lng: props.location.lng
           }
-        }), a = new google.maps.Marker({
+        });
+        marker = new google.maps.Marker({
           position: {
-            lat: o.location.lat,
-            lng: o.location.lng
+            lat: props.location.lat,
+            lng: props.location.lng
           },
-          map: e
+          map
         });
-      }).catch((t) => {
-        console.error(t);
+      }).catch((e) => {
+        console.error(e);
       });
-    }), i(() => o.location, () => {
-      e && a && (a.setPosition(new google.maps.LatLng(o.location.lat, o.location.lng)), e.setCenter(new google.maps.LatLng(o.location.lat, o.location.lng)));
-    }, { deep: !0 }), (r, t) => (s(), g("div", {
-      ref_key: "gmap",
-      ref: l,
-      class: "gmap"
-    }, null, 512));
+    });
+    watch(() => props.location, () => {
+      if (map && marker) {
+        marker.setPosition(new google.maps.LatLng(props.location.lat, props.location.lng));
+        map.setCenter(new google.maps.LatLng(props.location.lat, props.location.lng));
+      }
+    }, { deep: true });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "gmap",
+        ref: gmap,
+        class: "gmap"
+      }, null, 512);
+    };
   }
-}, y = /* @__PURE__ */ u(_, [["__scopeId", "data-v-786189a4"]]);
+};
+const Map = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-786189a4"]]);
 export {
-  y as default
+  Map as default
 };
+//# sourceMappingURL=Map.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Map.vue.js","sources":["../../../../../src/components/Map/Map.vue"],"sourcesContent":["<template>\n  <div ref=\"gmap\" class=\"gmap\"></div>\n  \n</template>\n\n<script setup>\nimport { ref, onMounted, watch } from 'vue';\n\n\nimport { Loader as GMLoader } from \"@googlemaps/js-api-loader\";\n\nconst props = defineProps({\n  location: Object,\n  apiKey: String,\n  locale: String,\n});\n\nlet gmap = ref(null);\nlet map = null;\nlet marker = null;\n\nonMounted(async () => {\n  const loader = new GMLoader({\n    apiKey: props.apiKey,\n    version: \"weekly\",\n    libraries: [\"places\"],\n    language: props.locale,    \n  });\n\n  loader.load().then(() => {\n    map = new google.maps.Map(gmap.value, {\n      zoom: 13,\n      center: {\n        lat: props.location.lat,\n        lng: props.location.lng,\n      },\n    });\n\n    // Добавить маркер\n    marker = new google.maps.Marker({\n      position: {\n        lat: props.location.lat,\n        lng: props.location.lng,\n      },\n      map: map,\n    });\n }).catch(e => {\n    console.error(e);\n  });\n});\nwatch(() => props.location, () => {\n  if (map && marker) {\n    // Обновить позицию маркера\n    marker.setPosition(new google.maps.LatLng(props.location.lat, props.location.lng));\n\n    // Обновить центр карты\n    map.setCenter(new google.maps.LatLng(props.location.lat, props.location.lng));\n  }\n}, { deep: true });\n\n</script>\n\n<style scoped>\n.gmap {\n  height: 300px;\n  width: 100%;\n}\n</style>\n"],"names":["GMLoader"],"mappings":";;;;;;;;;;;;AAWA,UAAM,QAAQ;AAMd,QAAI,OAAO,IAAI,IAAI;AACnB,QAAI,MAAM;AACV,QAAI,SAAS;AAEb,cAAU,YAAY;AACpB,YAAM,SAAS,IAAIA,OAAS;AAAA,QAC1B,QAAQ,MAAM;AAAA,QACd,SAAS;AAAA,QACT,WAAW,CAAC,QAAQ;AAAA,QACpB,UAAU,MAAM;AAAA,MACpB,CAAG;AAED,aAAO,OAAO,KAAK,MAAM;AACvB,cAAM,IAAI,OAAO,KAAK,IAAI,KAAK,OAAO;AAAA,UACpC,MAAM;AAAA,UACN,QAAQ;AAAA,YACN,KAAK,MAAM,SAAS;AAAA,YACpB,KAAK,MAAM,SAAS;AAAA,UACrB;AAAA,QACP,CAAK;AAGD,iBAAS,IAAI,OAAO,KAAK,OAAO;AAAA,UAC9B,UAAU;AAAA,YACR,KAAK,MAAM,SAAS;AAAA,YACpB,KAAK,MAAM,SAAS;AAAA,UACrB;AAAA,UACD;AAAA,QACN,CAAK;AAAA,MACL,CAAE,EAAE,MAAM,OAAK;AACX,gBAAQ,MAAM,CAAC;AAAA,MACnB,CAAG;AAAA,IACH,CAAC;AACD,UAAM,MAAM,MAAM,UAAU,MAAM;AAChC,UAAI,OAAO,QAAQ;AAEjB,eAAO,YAAY,IAAI,OAAO,KAAK,OAAO,MAAM,SAAS,KAAK,MAAM,SAAS,GAAG,CAAC;AAGjF,YAAI,UAAU,IAAI,OAAO,KAAK,OAAO,MAAM,SAAS,KAAK,MAAM,SAAS,GAAG,CAAC;AAAA,MAC7E;AAAA,IACH,GAAG,EAAE,MAAM,KAAI,CAAE;;;;;;;;;;;"}

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

@@ -1 +1,210 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css               */const L={class:"marquee","aria-hidden":!0},N={__name:"Marquee",props:{vertical:{type:Boolean,default:!1},direction:{type:String,default:"normal"},duration:{type:Number,default:20},delay:{type:Number,default:0},loop:{type:Number,default:0},clone:{type:Boolean,default:!1},gradient:{type:Boolean,default:!1},gradientColor:{type:[Array,String],default:()=>[255,255,255]},gradientLength:{type:String},pauseOnHover:{type:Boolean,default:!1},pauseOnClick:{type:Boolean,default:!1},pause:{type:Boolean,default:!1}},emits:["onComplete","onLoopComplete","onPause","onResume"],setup(i,{emit:M}){const t=i,l=M,c=e.ref(!1),h=e.ref(0),s=e.ref(0),g=e.ref(0),v=e.ref(null),n=e.ref("100%"),d=e.ref(0),f=e.ref(0),o=e.ref("100%"),y=e.ref(0),C=e.ref(0),k=e.ref("200px"),m=e.ref(!1),r=e.ref(null),u=e.ref(null),p=async()=>{await $(),h.value++},$=async()=>{t.vertical&&(m.value=!0),setInterval(()=>{if(n.value="0%",o.value="0%",r.value!==null&&u.value!==null)if(r.value&&u.value)if(t.vertical&&"clientHeight"in r.value&&"clientHeight"in u.value){C.value=r.value.clientHeight,y.value=u.value.clientHeight;const a=Math.ceil(y.value/C.value);return s.value=isFinite(a)?a:0,m.value=!1,s.value}else if(!t.vertical&&"clientWidth"in r.value&&"clientWidth"in u.value){f.value=r.value.clientWidth,d.value=u.value.clientWidth;const a=Math.ceil(d.value/f.value);return s.value=isFinite(a)?a:0,s.value}else return n.value="100%",o.value="100%",0;else return n.value="100%",o.value="100%",0;else return n.value="100%",o.value="100%",0},100)},O=()=>{t.pauseOnHover&&l("onPause")},q=()=>{t.pauseOnHover&&l("onResume")},S=()=>{t.pauseOnClick&&l("onPause")},w=()=>{t.pauseOnClick&&l("onResume")},H=e.computed(()=>({"--loops":`${t.loop===0?"infinite":t.loop}`,"--duration":`${t.duration}s`,"--delay":`${t.delay}s`,"--direction":`${t.direction}`,"--pauseOnHover":`${t.pauseOnHover?"paused":"running"}`,"--pauseOnClick":`${t.pauseOnClick?"paused":"running"}`,"--pauseAnimation":`${t.vertical&&m.value||t.pause?"paused":"running"}`,"--gradient-color":`rgba(${t.gradientColor}, 1), rgba(${t.gradientColor}, 0)`,"--gradient-length":`${k.value}`,"--min-width":`${n.value}`,"--min-height":`${o.value}`,"--orientation":t.vertical?"scrollY":"scrollX"})),b=async()=>{t.vertical?(o.value="100%",n.value="auto"):(o.value="auto",n.value="100%"),t.gradient&&t.gradientLength&&(k.value=t.gradientLength),t.clone&&(await $(),p()),c.value=!0};return e.onMounted(async()=>{b(),v.value=setInterval(()=>{g.value++,t.loop!==0&&g.value===t.loop&&(l("onComplete"),clearInterval(v.value)),l("onLoopComplete")},t.duration*1e3)}),e.onBeforeUnmount(()=>{clearInterval(v.value)}),e.watch(f,async()=>{t.clone&&p()}),e.watch(d,async()=>{t.clone&&p()}),e.watch(()=>t.pause,(a,B)=>{a!==B&&l(a?"onResume":"onPause")}),(a,B)=>c.value?(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["vue3-marquee",{vertical:i.vertical,horizontal:!i.vertical}]),style:e.normalizeStyle(H.value),key:h.value,onMouseenter:O,onMouseleave:q,onMousedown:S,onMouseup:w},[e.createElementVNode("div",{class:e.normalizeClass(["transparent-overlay",{vertical:i.vertical,horizontal:!i.vertical,overlay:i.gradient}]),ref_key:"marqueeOverlayContainer",ref:u,"aria-hidden":!0},null,2),e.createElementVNode("div",{class:"marquee",ref_key:"marqueeContent",ref:r},[e.renderSlot(a.$slots,"default")],512),e.createElementVNode("div",L,[e.renderSlot(a.$slots,"default")]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,E=>(e.openBlock(),e.createElementBlock("div",{key:E,"aria-hidden":!0,class:"marquee cloned"},[e.renderSlot(a.$slots,"default")]))),128))],38)):e.createCommentVNode("",!0)}};exports.default=N;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css               */
+const _hoisted_1 = {
+  class: "marquee",
+  "aria-hidden": true
+};
+const _sfc_main = {
+  __name: "Marquee",
+  props: {
+    vertical: { type: Boolean, default: false },
+    direction: { type: String, default: "normal" },
+    duration: { type: Number, default: 20 },
+    delay: { type: Number, default: 0 },
+    loop: { type: Number, default: 0 },
+    clone: { type: Boolean, default: false },
+    gradient: { type: Boolean, default: false },
+    gradientColor: { type: [Array, String], default: () => [255, 255, 255] },
+    gradientLength: { type: String },
+    pauseOnHover: { type: Boolean, default: false },
+    pauseOnClick: { type: Boolean, default: false },
+    pause: { type: Boolean, default: false }
+  },
+  emits: ["onComplete", "onLoopComplete", "onPause", "onResume"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const ready = vue.ref(false);
+    const componentKey = vue.ref(0);
+    const cloneAmount = vue.ref(0);
+    const loopCounter = vue.ref(0);
+    const loopInterval = vue.ref(null);
+    const widthMin = vue.ref("100%");
+    const widthContainer = vue.ref(0);
+    const widthContent = vue.ref(0);
+    const heightMin = vue.ref("100%");
+    const heightContainer = vue.ref(0);
+    const heightContent = vue.ref(0);
+    const gradientLength = vue.ref("200px");
+    const verticalAnimationPause = vue.ref(false);
+    const marqueeContent = vue.ref(null);
+    const marqueeOverlayContainer = vue.ref(null);
+    const ForcesUpdate = async () => {
+      await checkForClone();
+      componentKey.value++;
+    };
+    const checkForClone = async () => {
+      if (props.vertical) {
+        verticalAnimationPause.value = true;
+      }
+      setInterval(() => {
+        widthMin.value = "0%";
+        heightMin.value = "0%";
+        if (marqueeContent.value !== null && marqueeOverlayContainer.value !== null) {
+          if (marqueeContent.value && marqueeOverlayContainer.value) {
+            if (props.vertical && "clientHeight" in marqueeContent.value && "clientHeight" in marqueeOverlayContainer.value) {
+              heightContent.value = marqueeContent.value.clientHeight;
+              heightContainer.value = marqueeOverlayContainer.value.clientHeight;
+              const localCloneAmount = Math.ceil(heightContainer.value / heightContent.value);
+              cloneAmount.value = isFinite(localCloneAmount) ? localCloneAmount : 0;
+              verticalAnimationPause.value = false;
+              return cloneAmount.value;
+            } else if (!props.vertical && "clientWidth" in marqueeContent.value && "clientWidth" in marqueeOverlayContainer.value) {
+              widthContent.value = marqueeContent.value.clientWidth;
+              widthContainer.value = marqueeOverlayContainer.value.clientWidth;
+              const localCloneAmount = Math.ceil(widthContainer.value / widthContent.value);
+              cloneAmount.value = isFinite(localCloneAmount) ? localCloneAmount : 0;
+              return cloneAmount.value;
+            } else {
+              widthMin.value = "100%";
+              heightMin.value = "100%";
+              return 0;
+            }
+          } else {
+            widthMin.value = "100%";
+            heightMin.value = "100%";
+            return 0;
+          }
+        } else {
+          widthMin.value = "100%";
+          heightMin.value = "100%";
+          return 0;
+        }
+      }, 100);
+    };
+    const hoverStarted = () => {
+      if (props.pauseOnHover) emits("onPause");
+    };
+    const hoverEnded = () => {
+      if (props.pauseOnHover) emits("onResume");
+    };
+    const mouseDown = () => {
+      if (props.pauseOnClick) emits("onPause");
+    };
+    const mouseUp = () => {
+      if (props.pauseOnClick) emits("onResume");
+    };
+    const getCurrentStyle = vue.computed(() => {
+      return {
+        "--loops": `${props.loop === 0 ? "infinite" : props.loop}`,
+        "--duration": `${props.duration}s`,
+        "--delay": `${props.delay}s`,
+        "--direction": `${props.direction}`,
+        "--pauseOnHover": `${props.pauseOnHover ? "paused" : "running"}`,
+        "--pauseOnClick": `${props.pauseOnClick ? "paused" : "running"}`,
+        "--pauseAnimation": `${props.vertical && verticalAnimationPause.value || props.pause ? "paused" : "running"}`,
+        "--gradient-color": `rgba(${props.gradientColor}, 1), rgba(${props.gradientColor}, 0)`,
+        "--gradient-length": `${gradientLength.value}`,
+        "--min-width": `${widthMin.value}`,
+        "--min-height": `${heightMin.value}`,
+        "--orientation": props.vertical ? "scrollY" : "scrollX"
+      };
+    });
+    const setupMarquee = async () => {
+      if (props.vertical) {
+        heightMin.value = "100%";
+        widthMin.value = "auto";
+      } else {
+        heightMin.value = "auto";
+        widthMin.value = "100%";
+      }
+      if (props.gradient && props.gradientLength) {
+        gradientLength.value = props.gradientLength;
+      }
+      if (props.clone) {
+        await checkForClone();
+        ForcesUpdate();
+        ready.value = true;
+      } else {
+        ready.value = true;
+      }
+    };
+    vue.onMounted(async () => {
+      setupMarquee();
+      loopInterval.value = setInterval(() => {
+        loopCounter.value++;
+        if (props.loop !== 0 && loopCounter.value === props.loop) {
+          emits("onComplete");
+          clearInterval(loopInterval.value);
+        }
+        emits("onLoopComplete");
+      }, props.duration * 1e3);
+    });
+    vue.onBeforeUnmount(() => {
+      clearInterval(loopInterval.value);
+    });
+    vue.watch(widthContent, async () => {
+      if (props.clone) {
+        ForcesUpdate();
+      }
+    });
+    vue.watch(widthContainer, async () => {
+      if (props.clone) {
+        ForcesUpdate();
+      }
+    });
+    vue.watch(
+      () => props.pause,
+      (newVal, oldVal) => {
+        if (newVal !== oldVal) {
+          if (newVal) {
+            emits("onResume");
+          } else {
+            emits("onPause");
+          }
+        }
+      }
+    );
+    return (_ctx, _cache) => {
+      return ready.value ? (vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(["vue3-marquee", { vertical: __props.vertical, horizontal: !__props.vertical }]),
+        style: vue.normalizeStyle(getCurrentStyle.value),
+        key: componentKey.value,
+        onMouseenter: hoverStarted,
+        onMouseleave: hoverEnded,
+        onMousedown: mouseDown,
+        onMouseup: mouseUp
+      }, [
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(["transparent-overlay", { vertical: __props.vertical, horizontal: !__props.vertical, overlay: __props.gradient }]),
+          ref_key: "marqueeOverlayContainer",
+          ref: marqueeOverlayContainer,
+          "aria-hidden": true
+        }, null, 2),
+        vue.createElementVNode("div", {
+          class: "marquee",
+          ref_key: "marqueeContent",
+          ref: marqueeContent
+        }, [
+          vue.renderSlot(_ctx.$slots, "default")
+        ], 512),
+        vue.createElementVNode("div", _hoisted_1, [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(cloneAmount.value, (num) => {
+          return vue.openBlock(), vue.createElementBlock("div", {
+            key: num,
+            "aria-hidden": true,
+            class: "marquee cloned"
+          }, [
+            vue.renderSlot(_ctx.$slots, "default")
+          ]);
+        }), 128))
+      ], 38)) : vue.createCommentVNode("", true);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Marquee.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Marquee.vue.cjs","sources":["../../../../../src/components/Marquee/Marquee.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"ready\"\n    class=\"vue3-marquee\"\n    :class=\"{ vertical: vertical, horizontal: !vertical }\"\n    :style=\"getCurrentStyle\"\n    :key=\"componentKey\"\n    @mouseenter=\"hoverStarted\"\n    @mouseleave=\"hoverEnded\"\n    @mousedown=\"mouseDown\"\n    @mouseup=\"mouseUp\"\n  >\n    <div\n      class=\"transparent-overlay\"\n      ref=\"marqueeOverlayContainer\"\n      :aria-hidden=\"true\"\n      :class=\"{ vertical: vertical, horizontal: !vertical, overlay: gradient }\"\n    />\n\n    <div \n      class=\"marquee\"\n      ref=\"marqueeContent\">\n      <slot></slot>\n    </div>\n\n    <div \n      class=\"marquee\" \n      :aria-hidden=\"true\"\n    >\n      <slot></slot>\n    </div>\n\n    <div\n      v-for=\"num in cloneAmount\"\n      :key=\"num\"\n      :aria-hidden=\"true\"\n      class=\"marquee cloned\"\n    >\n      <slot></slot>\n    </div\n    >\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, onBeforeUnmount, computed, watch } from 'vue'\n\nconst props = defineProps({\n  vertical: { type: Boolean, default: false },\n  direction: { type: String, default: 'normal' },\n  duration: { type: Number, default: 20 },\n  delay: { type: Number, default: 0 },\n  loop: { type: Number, default: 0 },\n  clone: { type: Boolean, default: false },\n  gradient: { type: Boolean, default: false },\n  gradientColor: { type: [Array,String], default: () => [255, 255, 255] },\n  gradientLength: { type: String },\n  pauseOnHover: { type: Boolean, default: false },\n  pauseOnClick: { type: Boolean, default: false },\n  pause: { type: Boolean, default: false }\n})\n\nconst emits = defineEmits(['onComplete', 'onLoopComplete', 'onPause', 'onResume'])\n\nconst ready = ref(false)\n\nconst componentKey = ref(0)\nconst cloneAmount = ref(0)\nconst loopCounter = ref(0)\nconst loopInterval = ref(null)\n\nconst widthMin = ref('100%')\nconst widthContainer = ref(0)\nconst widthContent = ref(0)\nconst heightMin = ref('100%')\nconst heightContainer = ref(0)\nconst heightContent = ref(0)\n\nconst gradientLength = ref('200px')\n\nconst verticalAnimationPause = ref(false)\nconst marqueeContent = ref(null)\nconst marqueeOverlayContainer = ref(null)\n\nconst ForcesUpdate = async () => {\n  await checkForClone()\n  componentKey.value++\n}\n\nconst checkForClone = async () => {\n  if (props.vertical) {\n    verticalAnimationPause.value = true\n  }\n\n  setInterval(() => {\n    widthMin.value = '0%'\n    heightMin.value = '0%'\n\n    if (marqueeContent.value !== null && marqueeOverlayContainer.value !== null) {\n      if (marqueeContent.value && marqueeOverlayContainer.value) {\n        if (\n          props.vertical &&\n          'clientHeight' in marqueeContent.value &&\n          'clientHeight' in marqueeOverlayContainer.value\n        ) {\n          heightContent.value = marqueeContent.value.clientHeight\n          heightContainer.value = marqueeOverlayContainer.value.clientHeight\n\n          const localCloneAmount = Math.ceil(heightContainer.value / heightContent.value)\n\n          cloneAmount.value = isFinite(localCloneAmount) ? localCloneAmount : 0\n\n          verticalAnimationPause.value = false\n\n          return cloneAmount.value\n        } else if (\n          !props.vertical &&\n          'clientWidth' in marqueeContent.value &&\n          'clientWidth' in marqueeOverlayContainer.value\n        ) {\n          widthContent.value = marqueeContent.value.clientWidth\n          widthContainer.value = marqueeOverlayContainer.value.clientWidth\n\n          const localCloneAmount = Math.ceil(widthContainer.value / widthContent.value)\n\n          cloneAmount.value = isFinite(localCloneAmount) ? localCloneAmount : 0\n\n          return cloneAmount.value\n        } else {\n          widthMin.value = '100%'\n          heightMin.value = '100%'\n          return 0\n        }\n      } else {\n        widthMin.value = '100%'\n        heightMin.value = '100%'\n        return 0\n      }\n    } else {\n      widthMin.value = '100%'\n      heightMin.value = '100%'\n      return 0\n    }\n  }, 100)\n}\n\nconst hoverStarted = () => { if (props.pauseOnHover) emits('onPause') }\nconst hoverEnded = () => { if (props.pauseOnHover) emits('onResume') }\nconst mouseDown = () => { if (props.pauseOnClick) emits('onPause') }\nconst mouseUp = () => { if (props.pauseOnClick) emits('onResume') }\n\nconst getCurrentStyle = computed(() => {\n  return {\n    '--loops': `${props.loop === 0 ? 'infinite' : props.loop}`,\n    '--duration': `${props.duration}s`,\n    '--delay': `${props.delay}s`,\n    '--direction': `${props.direction}`,\n    '--pauseOnHover': `${props.pauseOnHover ? 'paused' : 'running'}`,\n    '--pauseOnClick': `${props.pauseOnClick ? 'paused' : 'running'}`,\n    '--pauseAnimation': `${(props.vertical && verticalAnimationPause.value) || props.pause ? 'paused' : 'running'}`,\n    '--gradient-color': `rgba(${props.gradientColor}, 1), rgba(${props.gradientColor}, 0)`,\n    '--gradient-length': `${gradientLength.value}`,\n    '--min-width': `${widthMin.value}`,\n    '--min-height': `${heightMin.value}`,\n    '--orientation': props.vertical ? 'scrollY' : 'scrollX'\n  }\n})\n\nconst setupMarquee = async () => {\n  if (props.vertical) {\n    heightMin.value = '100%'\n    widthMin.value = 'auto'\n  } else {\n    heightMin.value = 'auto'\n    widthMin.value = '100%'\n  }\n\n  if (props.gradient && props.gradientLength) {\n    gradientLength.value = props.gradientLength\n  }\n\n  if (props.clone) {\n    await checkForClone()\n    ForcesUpdate()\n    ready.value = true\n  } else {\n    ready.value = true\n  }\n}\n\nonMounted(async () => {\n  setupMarquee()\n\n  loopInterval.value = setInterval(() => {\n    loopCounter.value++\n\n    if (props.loop !== 0 && loopCounter.value === props.loop) {\n      emits('onComplete')\n      clearInterval(loopInterval.value)\n    }\n\n    emits('onLoopComplete')\n  }, props.duration * 1000)\n})\n\nonBeforeUnmount(() => {\n  clearInterval(loopInterval.value)\n})\n\nwatch(widthContent, async () => {\n  if (props.clone) {\n    ForcesUpdate()\n  }\n})\n\nwatch(widthContainer, async () => {\n  if (props.clone) {\n    ForcesUpdate()\n  }\n})\n\nwatch(\n  () => props.pause,\n  (newVal, oldVal) => {\n    if (newVal !== oldVal) {\n      if (newVal) {\n        emits('onResume')\n      } else {\n        emits('onPause')\n      }\n    }\n  }\n)\n</script>\n\n<style lang=\"scss\">\n.vue3-marquee {\n  display: flex !important;\n  position: relative;\n\n  .marquee {\n    flex: 0 0 auto;\n    min-width: var(--min-width);\n    min-height: var(--min-height);\n    z-index: 1;\n\n    animation: var(--orientation) var(--duration) linear var(--delay) var(--loops);\n    animation-play-state: var(--pauseAnimation);\n    animation-direction: var(--direction);\n  }\n\n  .overlay {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n\n    &:before {\n      left: 0;\n      top: 0;\n    }\n\n    &:before, &:after {\n      content: '';\n      position: absolute;\n      z-index: 2;\n    }\n  }\n\n  .transparent-overlay {\n    position: absolute;\n    width: 100.5%;\n    height: 100.5%;\n  }\n\n\n  &.horizontal {\n    overflow-x: hidden !important;\n    flex-direction: row !important;\n    width: 100%;\n    height: max-content;\n\n    .marquee {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n    }\n\n    .overlay::before,.overlay::after {\n      background: linear-gradient(to right, var(--gradient-color));\n      height: 100%;\n      width: var(--gradient-length);\n    }\n\n    .overlay::after {\n      transform: rotateZ(180deg);\n      right: 0;\n      top: 0;\n    }\n  }\n\n  &.vertical {\n    overflow-y: hidden !important;\n    flex-direction: column !important;\n    height: 100%;\n    width: max-content;\n\n    .marquee {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n    }\n\n    .overlay::before, .overlay::after {\n      background: linear-gradient(to bottom, var(--gradient-color));\n      height: var(--gradient-length);\n      width: 100%;\n    }\n\n    .overlay::after {\n      transform: rotateZ(-180deg);\n      left: 0;\n      bottom: 0;\n    }\n  }\n\n  &:hover {\n    div {\n      animation-play-state: var(--pauseOnHover);\n    }\n  }\n\n  &:active {\n    div {\n      animation-play-state: var(--pauseOnClick);\n    } \n  }\n}\n\n@keyframes scrollX {\n  0% {\n    transform: translateX(0%);\n  }\n  100% {\n    transform: translateX(-100%);\n  }\n}\n\n@keyframes scrollY {\n  0% {\n    transform: translateY(0%);\n  }\n  100% {\n    transform: translateY(-100%);\n  }\n}\n</style>"],"names":["ref","computed","onMounted","onBeforeUnmount","watch"],"mappings":"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"}