@ozdao/prometheus-framework 0.2.334 → 0.2.335

package/dist/Media-Blf4CCU1.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),C=require("./main-bXfbF_QA.js"),L={class:"media-container"},M=["src","data-src","alt"],j=["controls","loop","muted","autoplay","playsinline","preload"],N=["src","type"],O={key:2,class:"media-placeholder"},P={key:3,class:"media-error"},S={__name:"Media",props:{url:{type:String,required:!0},options:{type:Object,default:()=>({muted:!0,loop:!0,playsinline:!0,preload:"metadata"})}},setup(t){const m=t,a=e.ref(null),p=e.ref(null),s=e.ref(!1),u=e.ref(null),v=e.ref(!1);let i=null,f=!1;const d=e.computed(()=>{var o,l,n;return(n=(l=(o=m.url)==null?void 0:o.split("."))==null?void 0:l.pop())==null?void 0:n.toLowerCase()}),g=e.computed(()=>["jpg","jpeg","png","gif","webp","svg","avif"].includes(d.value)),y=e.computed(()=>["mp4","webm","ogg"].includes(d.value)),x=e.computed(()=>({mp4:"video/mp4",webm:"video/webm",ogg:"video/ogg"})[d.value]||"");function E(){s.value=!0}function I(o){u.value=`Ошибка загрузки медиа: ${o.message}`,s.value=!1}async function w(){if(a.value)try{a.value.paused&&!f&&(await a.value.play(),f=!0)}catch(o){I(o)}}function V(){const o={root:null,rootMargin:"50px",threshold:.1};i=new IntersectionObserver(n=>{n.forEach(r=>{var c;v.value=r.isIntersecting,r.isIntersecting&&(y.value&&((c=m.options)!=null&&c.autoplay)&&w(),i.disconnect())})},o);const l=g.value?p.value:a.value;l&&i.observe(l)}return e.onMounted(()=>{V()}),e.onUnmounted(()=>{i&&i.disconnect()}),(o,l)=>{var n,r,c,k,h,b,B;return e.openBlock(),e.createElementBlock("div",L,[g.value?(e.openBlock(),e.createElementBlock("img",e.mergeProps({key:0,src:v.value?t.url:"","data-src":t.url,alt:((n=t.options)==null?void 0:n.alt)||"Image",class:["media-item",{loading:!s.value}],loading:"lazy",onLoad:E},t.options,{ref_key:"imageElement",ref:p}),null,16,M)):y.value?(e.openBlock(),e.createElementBlock("video",e.mergeProps({key:1,ref_key:"videoElement",ref:a,class:[{loading:!s.value},"media-item"],controls:!((r=t.options)!=null&&r.hideControls),loop:((c=t.options)==null?void 0:c.loop)!==!1,muted:((k=t.options)==null?void 0:k.muted)!==!1,autoplay:(h=t.options)==null?void 0:h.autoplay,playsinline:((b=t.options)==null?void 0:b.playsinline)!==!1,preload:((B=t.options)==null?void 0:B.preload)||"metadata",onLoadeddata:E},t.options),[e.createElementVNode("source",{src:t.url,type:x.value},null,8,N)],16,j)):e.createCommentVNode("",!0),s.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",O," Загрузка... ")),u.value?(e.openBlock(),e.createElementBlock("div",P,e.toDisplayString(u.value),1)):e.createCommentVNode("",!0)])}}},q=C._export_sfc(S,[["__scopeId","data-v-94bcf726"]]);exports.default=q;

package/dist/Media-CO6Feikc.mjs

@@ -0,0 +1,111 @@
+import { ref as u, computed as m, onMounted as N, onUnmounted as P, createElementBlock as c, openBlock as d, createCommentVNode as f, mergeProps as V, createElementVNode as S, toDisplayString as q } from "vue";
+import { _ as z } from "./main-Bvo-0kgY.mjs";
+const D = { class: "media-container" }, T = ["src", "data-src", "alt"], U = ["controls", "loop", "muted", "autoplay", "playsinline", "preload"], _ = ["src", "type"], $ = {
+  key: 2,
+  class: "media-placeholder"
+}, A = {
+  key: 3,
+  class: "media-error"
+}, F = {
+  __name: "Media",
+  props: {
+    url: {
+      type: String,
+      required: !0
+    },
+    options: {
+      type: Object,
+      default: () => ({
+        muted: !0,
+        loop: !0,
+        playsinline: !0,
+        preload: "metadata"
+        // 'none' | 'metadata' | 'auto'
+      })
+    }
+  },
+  setup(e) {
+    const g = e, a = u(null), y = u(null), l = u(!1), v = u(null), h = u(!1);
+    let s = null, E = !1;
+    const p = m(() => {
+      var t, n, o;
+      return (o = (n = (t = g.url) == null ? void 0 : t.split(".")) == null ? void 0 : n.pop()) == null ? void 0 : o.toLowerCase();
+    }), b = m(() => ["jpg", "jpeg", "png", "gif", "webp", "svg", "avif"].includes(p.value)), x = m(() => ["mp4", "webm", "ogg"].includes(p.value)), j = m(() => ({
+      mp4: "video/mp4",
+      webm: "video/webm",
+      ogg: "video/ogg"
+    })[p.value] || "");
+    function k() {
+      l.value = !0;
+    }
+    function C(t) {
+      v.value = `Ошибка загрузки медиа: ${t.message}`, l.value = !1;
+    }
+    async function O() {
+      if (a.value)
+        try {
+          a.value.paused && !E && (await a.value.play(), E = !0);
+        } catch (t) {
+          C(t);
+        }
+    }
+    function B() {
+      const t = {
+        root: null,
+        rootMargin: "50px",
+        threshold: 0.1
+      };
+      s = new IntersectionObserver((o) => {
+        o.forEach((i) => {
+          var r;
+          h.value = i.isIntersecting, i.isIntersecting && (x.value && ((r = g.options) != null && r.autoplay) && O(), s.disconnect());
+        });
+      }, t);
+      const n = b.value ? y.value : a.value;
+      n && s.observe(n);
+    }
+    return N(() => {
+      B();
+    }), P(() => {
+      s && s.disconnect();
+    }), (t, n) => {
+      var o, i, r, I, w, L, M;
+      return d(), c("div", D, [
+        b.value ? (d(), c("img", V({
+          key: 0,
+          src: h.value ? e.url : "",
+          "data-src": e.url,
+          alt: ((o = e.options) == null ? void 0 : o.alt) || "Image",
+          class: ["media-item", { loading: !l.value }],
+          loading: "lazy",
+          onLoad: k
+        }, e.options, {
+          ref_key: "imageElement",
+          ref: y
+        }), null, 16, T)) : x.value ? (d(), c("video", V({
+          key: 1,
+          ref_key: "videoElement",
+          ref: a,
+          class: [{ loading: !l.value }, "media-item"],
+          controls: !((i = e.options) != null && i.hideControls),
+          loop: ((r = e.options) == null ? void 0 : r.loop) !== !1,
+          muted: ((I = e.options) == null ? void 0 : I.muted) !== !1,
+          autoplay: (w = e.options) == null ? void 0 : w.autoplay,
+          playsinline: ((L = e.options) == null ? void 0 : L.playsinline) !== !1,
+          preload: ((M = e.options) == null ? void 0 : M.preload) || "metadata",
+          onLoadeddata: k
+        }, e.options), [
+          S("source", {
+            src: e.url,
+            type: j.value
+          }, null, 8, _)
+        ], 16, U)) : f("", !0),
+        l.value ? f("", !0) : (d(), c("div", $, " Загрузка... ")),
+        v.value ? (d(), c("div", A, q(v.value), 1)) : f("", !0)
+      ]);
+    };
+  }
+}, J = /* @__PURE__ */ z(F, [["__scopeId", "data-v-94bcf726"]]);
+export {
+  J as default
+};