@ozdao/prometheus-framework 0.2.198 → 0.2.200

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Marquee.vue.js","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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA+CA,UAAM,QAAQ;AAed,UAAM,QAAQ;AAEd,UAAM,QAAQ,IAAI,KAAK;AAEvB,UAAM,eAAe,IAAI,CAAC;AAC1B,UAAM,cAAc,IAAI,CAAC;AACzB,UAAM,cAAc,IAAI,CAAC;AACzB,UAAM,eAAe,IAAI,IAAI;AAE7B,UAAM,WAAW,IAAI,MAAM;AAC3B,UAAM,iBAAiB,IAAI,CAAC;AAC5B,UAAM,eAAe,IAAI,CAAC;AAC1B,UAAM,YAAY,IAAI,MAAM;AAC5B,UAAM,kBAAkB,IAAI,CAAC;AAC7B,UAAM,gBAAgB,IAAI,CAAC;AAE3B,UAAM,iBAAiB,IAAI,OAAO;AAElC,UAAM,yBAAyB,IAAI,KAAK;AACxC,UAAM,iBAAiB,IAAI,IAAI;AAC/B,UAAM,0BAA0B,IAAI,IAAI;AAExC,UAAM,eAAe,YAAY;AAC/B,YAAM,cAAe;AACrB,mBAAa;AAAA,IACf;AAEA,UAAM,gBAAgB,YAAY;AAChC,UAAI,MAAM,UAAU;AAClB,+BAAuB,QAAQ;AAAA,MAChC;AAED,kBAAY,MAAM;AAChB,iBAAS,QAAQ;AACjB,kBAAU,QAAQ;AAElB,YAAI,eAAe,UAAU,QAAQ,wBAAwB,UAAU,MAAM;AAC3E,cAAI,eAAe,SAAS,wBAAwB,OAAO;AACzD,gBACE,MAAM,YACN,kBAAkB,eAAe,SACjC,kBAAkB,wBAAwB,OAC1C;AACA,4BAAc,QAAQ,eAAe,MAAM;AAC3C,8BAAgB,QAAQ,wBAAwB,MAAM;AAEtD,oBAAM,mBAAmB,KAAK,KAAK,gBAAgB,QAAQ,cAAc,KAAK;AAE9E,0BAAY,QAAQ,SAAS,gBAAgB,IAAI,mBAAmB;AAEpE,qCAAuB,QAAQ;AAE/B,qBAAO,YAAY;AAAA,YAC7B,WACU,CAAC,MAAM,YACP,iBAAiB,eAAe,SAChC,iBAAiB,wBAAwB,OACzC;AACA,2BAAa,QAAQ,eAAe,MAAM;AAC1C,6BAAe,QAAQ,wBAAwB,MAAM;AAErD,oBAAM,mBAAmB,KAAK,KAAK,eAAe,QAAQ,aAAa,KAAK;AAE5E,0BAAY,QAAQ,SAAS,gBAAgB,IAAI,mBAAmB;AAEpE,qBAAO,YAAY;AAAA,YAC7B,OAAe;AACL,uBAAS,QAAQ;AACjB,wBAAU,QAAQ;AAClB,qBAAO;AAAA,YACR;AAAA,UACT,OAAa;AACL,qBAAS,QAAQ;AACjB,sBAAU,QAAQ;AAClB,mBAAO;AAAA,UACR;AAAA,QACP,OAAW;AACL,mBAAS,QAAQ;AACjB,oBAAU,QAAQ;AAClB,iBAAO;AAAA,QACR;AAAA,MACF,GAAE,GAAG;AAAA,IACR;AAEA,UAAM,eAAe,MAAM;AAAE,UAAI,MAAM,aAAc,OAAM,SAAS;AAAA,IAAG;AACvE,UAAM,aAAa,MAAM;AAAE,UAAI,MAAM,aAAc,OAAM,UAAU;AAAA,IAAG;AACtE,UAAM,YAAY,MAAM;AAAE,UAAI,MAAM,aAAc,OAAM,SAAS;AAAA,IAAG;AACpE,UAAM,UAAU,MAAM;AAAE,UAAI,MAAM,aAAc,OAAM,UAAU;AAAA,IAAG;AAEnE,UAAM,kBAAkB,SAAS,MAAM;AACrC,aAAO;AAAA,QACL,WAAW,GAAG,MAAM,SAAS,IAAI,aAAa,MAAM,IAAI;AAAA,QACxD,cAAc,GAAG,MAAM,QAAQ;AAAA,QAC/B,WAAW,GAAG,MAAM,KAAK;AAAA,QACzB,eAAe,GAAG,MAAM,SAAS;AAAA,QACjC,kBAAkB,GAAG,MAAM,eAAe,WAAW,SAAS;AAAA,QAC9D,kBAAkB,GAAG,MAAM,eAAe,WAAW,SAAS;AAAA,QAC9D,oBAAoB,GAAI,MAAM,YAAY,uBAAuB,SAAU,MAAM,QAAQ,WAAW,SAAS;AAAA,QAC7G,oBAAoB,QAAQ,MAAM,aAAa,cAAc,MAAM,aAAa;AAAA,QAChF,qBAAqB,GAAG,eAAe,KAAK;AAAA,QAC5C,eAAe,GAAG,SAAS,KAAK;AAAA,QAChC,gBAAgB,GAAG,UAAU,KAAK;AAAA,QAClC,iBAAiB,MAAM,WAAW,YAAY;AAAA,MAC/C;AAAA,IACH,CAAC;AAED,UAAM,eAAe,YAAY;AAC/B,UAAI,MAAM,UAAU;AAClB,kBAAU,QAAQ;AAClB,iBAAS,QAAQ;AAAA,MACrB,OAAS;AACL,kBAAU,QAAQ;AAClB,iBAAS,QAAQ;AAAA,MAClB;AAED,UAAI,MAAM,YAAY,MAAM,gBAAgB;AAC1C,uBAAe,QAAQ,MAAM;AAAA,MAC9B;AAED,UAAI,MAAM,OAAO;AACf,cAAM,cAAe;AACrB,qBAAc;AACd,cAAM,QAAQ;AAAA,MAClB,OAAS;AACL,cAAM,QAAQ;AAAA,MACf;AAAA,IACH;AAEA,cAAU,YAAY;AACpB,mBAAc;AAEd,mBAAa,QAAQ,YAAY,MAAM;AACrC,oBAAY;AAEZ,YAAI,MAAM,SAAS,KAAK,YAAY,UAAU,MAAM,MAAM;AACxD,gBAAM,YAAY;AAClB,wBAAc,aAAa,KAAK;AAAA,QACjC;AAED,cAAM,gBAAgB;AAAA,MAC1B,GAAK,MAAM,WAAW,GAAI;AAAA,IAC1B,CAAC;AAED,oBAAgB,MAAM;AACpB,oBAAc,aAAa,KAAK;AAAA,IAClC,CAAC;AAED,UAAM,cAAc,YAAY;AAC9B,UAAI,MAAM,OAAO;AACf,qBAAc;AAAA,MACf;AAAA,IACH,CAAC;AAED,UAAM,gBAAgB,YAAY;AAChC,UAAI,MAAM,OAAO;AACf,qBAAc;AAAA,MACf;AAAA,IACH,CAAC;AAED;AAAA,MACE,MAAM,MAAM;AAAA,MACZ,CAAC,QAAQ,WAAW;AAClB,YAAI,WAAW,QAAQ;AACrB,cAAI,QAAQ;AACV,kBAAM,UAAU;AAAA,UACxB,OAAa;AACL,kBAAM,SAAS;AAAA,UAChB;AAAA,QACF;AAAA,MACF;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +1,17 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css           */const r={class:"mobile-menu-section pd-r-zero pd-t-thin pd-b-thin pd-medium radius-medium"},o={__name:"Menu",setup(u){return(t,n)=>(e.openBlock(),e.createElementBlock("section",r,[e.renderSlot(t.$slots,"default")]))}};exports.default=o;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css           */
+const _hoisted_1 = { class: "mobile-menu-section pd-r-zero pd-t-thin pd-b-thin pd-medium radius-medium" };
+const _sfc_main = {
+  __name: "Menu",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("section", _hoisted_1, [
+        vue.renderSlot(_ctx.$slots, "default")
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Menu.vue2.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

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

@@ -1,13 +1,17 @@
-import { openBlock as t, createElementBlock as o, renderSlot as n } from "vue";
+import { openBlock, createElementBlock, renderSlot } from "vue";
 /* empty css         */
-const r = { class: "mobile-menu-section pd-r-zero pd-t-thin pd-b-thin pd-medium radius-medium" }, d = {
+const _hoisted_1 = { class: "mobile-menu-section pd-r-zero pd-t-thin pd-b-thin pd-medium radius-medium" };
+const _sfc_main = {
   __name: "Menu",
-  setup(s) {
-    return (e, i) => (t(), o("section", r, [
-      n(e.$slots, "default")
-    ]));
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("section", _hoisted_1, [
+        renderSlot(_ctx.$slots, "default")
+      ]);
+    };
   }
 };
 export {
-  d as default
+  _sfc_main as default
 };
+//# sourceMappingURL=Menu.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/components/Menu/MenuItem.vue.cjs

@@ -1 +1,66 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("../../modules/icons/navigation/IconChevronRight.vue.cjs"),o=e.defineComponent({props:{},setup(c,{slots:l}){return()=>{const r=l.default?l.default():[],n=[],i=[];return r.forEach(t=>{t.toString(),t.props&&t.props.icon?n.push(t):i.push(t)}),e.h("div",{class:["w-100","t-left","flex-nowrap","flex-v-center","flex",{"br-b br-black-transp-10 br-solid":!0}]},[...n.length?[e.h("div",{class:["mn-b-thin","mn-t-thin","flex-center","flex","mn-r-small","flex-child","flex-child-shrink-0","i-big","bg-main","radius-thin"]},n)]:[],e.h("div",{class:["w-100","mn-b-thin","mn-t-thin","mn-r-small","i-big","flex-v-center","flex"]},[e.h("span",{class:["p-big","t-medium","mn-r-auto"]},i)]),e.h(s.default,{class:"i-medium mn-r-medium",type:"chevron"})])}}});exports.default=o;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const IconChevronRight = require("../../modules/icons/navigation/IconChevronRight.vue.cjs");
+const _sfc_main = vue.defineComponent({
+  props: {},
+  setup(props, { slots }) {
+    return () => {
+      const defaultSlotContent = slots.default ? slots.default() : [];
+      const iconSlot = [];
+      const textSlot = [];
+      defaultSlotContent.forEach((vnode) => {
+        vnode.toString();
+        if (vnode.props && vnode.props.icon) {
+          iconSlot.push(vnode);
+        } else {
+          textSlot.push(vnode);
+        }
+      });
+      return vue.h(
+        "div",
+        {
+          class: [
+            "w-100",
+            "t-left",
+            "flex-nowrap",
+            "flex-v-center",
+            "flex",
+            // here we need add logic
+            { "br-b br-black-transp-10 br-solid": true }
+          ]
+        },
+        [
+          // Conditionally include the div for iconSlot
+          ...iconSlot.length ? [
+            vue.h(
+              "div",
+              {
+                class: ["mn-b-thin", "mn-t-thin", "flex-center", "flex", "mn-r-small", "flex-child", "flex-child-shrink-0", "i-big", "bg-main", "radius-thin"]
+              },
+              iconSlot
+            )
+          ] : [],
+          vue.h(
+            "div",
+            {
+              class: ["w-100", "mn-b-thin", "mn-t-thin", "mn-r-small", "i-big", "flex-v-center", "flex"]
+            },
+            [
+              vue.h(
+                "span",
+                {
+                  class: ["p-big", "t-medium", "mn-r-auto"]
+                },
+                textSlot
+              )
+            ]
+          ),
+          vue.h(IconChevronRight.default, { class: "i-medium mn-r-medium", type: "chevron" })
+        ]
+      );
+    };
+  }
+});
+exports.default = _sfc_main;
+//# sourceMappingURL=MenuItem.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.vue.cjs","sources":["../../../../../src/components/Menu/MenuItem.vue"],"sourcesContent":["<script>\n  import { h, ref, inject, defineComponent } from 'vue';\n  \n  import IconChevronRight from '@pf/src/modules/icons/navigation/IconChevronRight.vue';  \n\n  export default defineComponent({\n    props: {\n    },\n    setup(props, { slots }) {\n      return () => {\n        const defaultSlotContent = slots.default ? slots.default() : [];\n\n        const iconSlot = [];\n        const textSlot = [];\n\n        // Changing the logic to place slots based on whether the type starts with 'Icon' or not\n        defaultSlotContent.forEach((vnode) => {\n          let compType = vnode.toString()\n          if (vnode.props && vnode.props.icon) {  // Check if the type starts with 'Icon'\n            iconSlot.push(vnode);\n          } else {\n            textSlot.push(vnode);\n          }\n        });\n\n        return h(\n          'div',\n          {\n            class: [\n              'w-100',\n              't-left',\n              'flex-nowrap',\n              'flex-v-center',\n              'flex',\n              // here we need add logic\n              { 'br-b br-black-transp-10 br-solid': true  }\n            ]\n          },\n          [\n            // Conditionally include the div for iconSlot\n            ...iconSlot.length ? [\n              h(\n                'div',\n                {\n                  class: ['mn-b-thin', 'mn-t-thin', 'flex-center', 'flex', 'mn-r-small','flex-child','flex-child-shrink-0', 'i-big', 'bg-main', 'radius-thin']\n                },\n                iconSlot\n              )\n            ] : [],\n            h(\n              'div',\n              {\n                class: ['w-100', 'mn-b-thin', 'mn-t-thin', 'mn-r-small', 'i-big', 'flex-v-center', 'flex']\n              },\n              [\n                h(\n                  'span',\n                  {\n                    class: ['p-big', 't-medium', 'mn-r-auto']\n                  },\n                  textSlot\n                )\n              ]\n            ),\n            h(IconChevronRight, { class: \"i-medium mn-r-medium\", type: \"chevron\"})\n          ]\n        );\n      };\n    }\n  });\n</script>\n"],"names":["defineComponent","h","IconChevronRight"],"mappings":";;;;AAKO,MAAA,YAAaA,IAAAA,gBAAa;AAAA,EAC7B,OAAO,CACN;AAAA,EACD,MAAM,OAAO,EAAE,SAAS;AACtB,WAAO,MAAM;AACX,YAAM,qBAAqB,MAAM,UAAU,MAAM,QAAQ,IAAI;AAE7D,YAAM,WAAW,CAAA;AACjB,YAAM,WAAW,CAAA;AAGjB,yBAAmB,QAAQ,CAAC,UAAU;AACrB,cAAM,SAAS;AAC9B,YAAI,MAAM,SAAS,MAAM,MAAM,MAAM;AACnC,mBAAS,KAAK,KAAK;AAAA,eACd;AACL,mBAAS,KAAK,KAAK;AAAA,QACrB;AAAA,MACF,CAAC;AAED,aAAOC,IAAC;AAAA,QACN;AAAA,QACA;AAAA,UACE,OAAO;AAAA,YACL;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,YAEA,EAAE,oCAAoC,KAAM;AAAA,UAC9C;AAAA,QACD;AAAA,QACD;AAAA;AAAA,UAEE,GAAG,SAAS,SAAS;AAAA,YACnBA,IAAC;AAAA,cACC;AAAA,cACA;AAAA,gBACE,OAAO,CAAC,aAAa,aAAa,eAAe,QAAQ,cAAa,cAAa,uBAAuB,SAAS,WAAW,aAAa;AAAA,cAC5I;AAAA,cACD;AAAA,YACF;AAAA,cACE,CAAE;AAAA,UACNA,IAAC;AAAA,YACC;AAAA,YACA;AAAA,cACE,OAAO,CAAC,SAAS,aAAa,aAAa,cAAc,SAAS,iBAAiB,MAAM;AAAA,YAC1F;AAAA,YACD;AAAA,cACEA,IAAC;AAAA,gBACC;AAAA,gBACA;AAAA,kBACE,OAAO,CAAC,SAAS,YAAY,WAAW;AAAA,gBACzC;AAAA,gBACD;AAAA,cACF;AAAA,YACF;AAAA,UACD;AAAA,UACDA,IAAC,EAACC,iBAAgB,SAAE,EAAE,OAAO,wBAAwB,MAAM,UAAS,CAAC;AAAA,QACvE;AAAA;;EAGN;AACD,CAAA;;"}

package/dist/prometheus-framework/src/components/Menu/MenuItem.vue.js

@@ -1,13 +1,21 @@
-import { defineComponent as s, h as n } from "vue";
-import o from "../../modules/icons/navigation/IconChevronRight.vue.js";
-const f = s({
+import { defineComponent, h } from "vue";
+import IconChevronRight from "../../modules/icons/navigation/IconChevronRight.vue.js";
+const _sfc_main = defineComponent({
   props: {},
-  setup(m, { slots: i }) {
+  setup(props, { slots }) {
     return () => {
-      const l = i.default ? i.default() : [], e = [], r = [];
-      return l.forEach((t) => {
-        t.toString(), t.props && t.props.icon ? e.push(t) : r.push(t);
-      }), n(
+      const defaultSlotContent = slots.default ? slots.default() : [];
+      const iconSlot = [];
+      const textSlot = [];
+      defaultSlotContent.forEach((vnode) => {
+        vnode.toString();
+        if (vnode.props && vnode.props.icon) {
+          iconSlot.push(vnode);
+        } else {
+          textSlot.push(vnode);
+        }
+      });
+      return h(
         "div",
         {
           class: [
@@ -17,41 +25,42 @@ const f = s({
             "flex-v-center",
             "flex",
             // here we need add logic
-            { "br-b br-black-transp-10 br-solid": !0 }
+            { "br-b br-black-transp-10 br-solid": true }
           ]
         },
         [
           // Conditionally include the div for iconSlot
-          ...e.length ? [
-            n(
+          ...iconSlot.length ? [
+            h(
               "div",
               {
                 class: ["mn-b-thin", "mn-t-thin", "flex-center", "flex", "mn-r-small", "flex-child", "flex-child-shrink-0", "i-big", "bg-main", "radius-thin"]
               },
-              e
+              iconSlot
             )
           ] : [],
-          n(
+          h(
             "div",
             {
               class: ["w-100", "mn-b-thin", "mn-t-thin", "mn-r-small", "i-big", "flex-v-center", "flex"]
             },
             [
-              n(
+              h(
                 "span",
                 {
                   class: ["p-big", "t-medium", "mn-r-auto"]
                 },
-                r
+                textSlot
               )
             ]
           ),
-          n(o, { class: "i-medium mn-r-medium", type: "chevron" })
+          h(IconChevronRight, { class: "i-medium mn-r-medium", type: "chevron" })
         ]
       );
     };
   }
 });
 export {
-  f as default
+  _sfc_main as default
 };
+//# sourceMappingURL=MenuItem.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.vue.js","sources":["../../../../../src/components/Menu/MenuItem.vue"],"sourcesContent":["<script>\n  import { h, ref, inject, defineComponent } from 'vue';\n  \n  import IconChevronRight from '@pf/src/modules/icons/navigation/IconChevronRight.vue';  \n\n  export default defineComponent({\n    props: {\n    },\n    setup(props, { slots }) {\n      return () => {\n        const defaultSlotContent = slots.default ? slots.default() : [];\n\n        const iconSlot = [];\n        const textSlot = [];\n\n        // Changing the logic to place slots based on whether the type starts with 'Icon' or not\n        defaultSlotContent.forEach((vnode) => {\n          let compType = vnode.toString()\n          if (vnode.props && vnode.props.icon) {  // Check if the type starts with 'Icon'\n            iconSlot.push(vnode);\n          } else {\n            textSlot.push(vnode);\n          }\n        });\n\n        return h(\n          'div',\n          {\n            class: [\n              'w-100',\n              't-left',\n              'flex-nowrap',\n              'flex-v-center',\n              'flex',\n              // here we need add logic\n              { 'br-b br-black-transp-10 br-solid': true  }\n            ]\n          },\n          [\n            // Conditionally include the div for iconSlot\n            ...iconSlot.length ? [\n              h(\n                'div',\n                {\n                  class: ['mn-b-thin', 'mn-t-thin', 'flex-center', 'flex', 'mn-r-small','flex-child','flex-child-shrink-0', 'i-big', 'bg-main', 'radius-thin']\n                },\n                iconSlot\n              )\n            ] : [],\n            h(\n              'div',\n              {\n                class: ['w-100', 'mn-b-thin', 'mn-t-thin', 'mn-r-small', 'i-big', 'flex-v-center', 'flex']\n              },\n              [\n                h(\n                  'span',\n                  {\n                    class: ['p-big', 't-medium', 'mn-r-auto']\n                  },\n                  textSlot\n                )\n              ]\n            ),\n            h(IconChevronRight, { class: \"i-medium mn-r-medium\", type: \"chevron\"})\n          ]\n        );\n      };\n    }\n  });\n</script>\n"],"names":[],"mappings":";;AAKO,MAAA,YAAa,gBAAa;AAAA,EAC7B,OAAO,CACN;AAAA,EACD,MAAM,OAAO,EAAE,SAAS;AACtB,WAAO,MAAM;AACX,YAAM,qBAAqB,MAAM,UAAU,MAAM,QAAQ,IAAI;AAE7D,YAAM,WAAW,CAAA;AACjB,YAAM,WAAW,CAAA;AAGjB,yBAAmB,QAAQ,CAAC,UAAU;AACrB,cAAM,SAAS;AAC9B,YAAI,MAAM,SAAS,MAAM,MAAM,MAAM;AACnC,mBAAS,KAAK,KAAK;AAAA,eACd;AACL,mBAAS,KAAK,KAAK;AAAA,QACrB;AAAA,MACF,CAAC;AAED,aAAO;AAAA,QACL;AAAA,QACA;AAAA,UACE,OAAO;AAAA,YACL;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,YAEA,EAAE,oCAAoC,KAAM;AAAA,UAC9C;AAAA,QACD;AAAA,QACD;AAAA;AAAA,UAEE,GAAG,SAAS,SAAS;AAAA,YACnB;AAAA,cACE;AAAA,cACA;AAAA,gBACE,OAAO,CAAC,aAAa,aAAa,eAAe,QAAQ,cAAa,cAAa,uBAAuB,SAAS,WAAW,aAAa;AAAA,cAC5I;AAAA,cACD;AAAA,YACF;AAAA,cACE,CAAE;AAAA,UACN;AAAA,YACE;AAAA,YACA;AAAA,cACE,OAAO,CAAC,SAAS,aAAa,aAAa,cAAc,SAAS,iBAAiB,MAAM;AAAA,YAC1F;AAAA,YACD;AAAA,cACE;AAAA,gBACE;AAAA,gBACA;AAAA,kBACE,OAAO,CAAC,SAAS,YAAY,WAAW;AAAA,gBACzC;AAAA,gBACD;AAAA,cACF;AAAA,YACF;AAAA,UACD;AAAA,UACD,EAAE,kBAAkB,EAAE,OAAO,wBAAwB,MAAM,UAAS,CAAC;AAAA,QACvE;AAAA;;EAGN;AACD,CAAA;"}