@lite-embed/vue - npm Package Compare versions

Comparing version 1.0.0-canary.5 to 1.0.0-canary.6

dist/lite-embed-vue.es.js

@@ -14,3 +14,3 @@ import { defineComponent, useCssVars, openBlock, createElementBlock, renderSlot, createElementVNode, ref, onMounted, createBlock, unref, withCtx, createVNode } from 'vue';
 
-const _hoisted_1$5 = { "data-le": "aspect-ratio" };
+const _hoisted_1$5 = { class: "le-aspect-ratio" };
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
@@ -32,3 +32,3 @@ props: {
     useCssVars((_ctx) => ({
-      "effb57f2": __props.aspectRatio
+      "07133791": __props.aspectRatio
     }));
@@ -42,7 +42,7 @@ return (_ctx, _cache) => {
 });
-var AspectRatio = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-37142b54"]]);
+var AspectRatio = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-4eba93df"]]);
 
 var aspectRatioItem_vue_vue_type_style_index_0_scoped_true_lang = '';
 
-const _hoisted_1$4 = { "data-le": "aspect-ratio-item" };
+const _hoisted_1$4 = { class: "le-aspect-ratio-item" };
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
@@ -58,3 +58,3 @@ props: {
     useCssVars((_ctx) => ({
-      "925ea200": __props.backgroundImage
+      "980caee4": __props.backgroundImage
     }));
@@ -68,3 +68,3 @@ return (_ctx, _cache) => {
 });
-var AspectRatioItem = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-3cfe7906"]]);
+var AspectRatioItem = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-7108b8e6"]]);
 
@@ -95,9 +95,9 @@ const _sfc_main$3 = {};
 
-const _hoisted_1$2 = ["title", "src"];
+const _hoisted_1$2 = ["src", "title"];
 const _hoisted_2$2 = {
   key: 1,
-  type: "button",
-  "data-le": "vimeo-play-button",
   "aria-label": "Play",
-  "data-testid": "le-vi-button"
+  class: "le-vi-play-button",
+  "data-testid": "le-vi-button",
+  type: "button"
 };
@@ -182,4 +182,4 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         "aspect-ratio": __props.aspectRatio,
-        onPointerover: warmConnections,
-        onClick: addIframe
+        onClick: addIframe,
+        onPointerover: warmConnections
       }, {
@@ -193,10 +193,10 @@ default: withCtx(() => [
                 key: 0,
-                "data-le": "iframe",
-                title: _ctx.$props.title,
-                src: unref(iframeSrc),
                 allow: "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",
                 allowfullscreen: "",
-                "data-testid": "le-vi-iframe"
+                class: "le-vi-iframe",
+                "data-testid": "le-vi-iframe",
+                src: unref(iframeSrc),
+                title: _ctx.$props.title
               }, null, 8, _hoisted_1$2)) : (openBlock(), createElementBlock("button", _hoisted_2$2, [
-                createVNode(PlayIcon, { "data-le": "vimeo-play-icon" })
+                createVNode(PlayIcon, { class: "le-vi-play-icon" })
               ]))
@@ -212,3 +212,3 @@ ]),
 });
-var vimeoLite = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-c8248796"]]);
+var vimeoLite = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-cb184aea"]]);
 
@@ -243,5 +243,6 @@ const _sfc_main$1 = {};
 
-const _hoisted_1 = ["title", "src"];
+const _hoisted_1 = ["src", "title"];
 const _hoisted_2 = {
   key: 1,
+  "aria-label": "Play",
   class: "le-yt-button",
@@ -335,3 +336,2 @@ "data-testid": "le-yt-button",
         "aspect-ratio": __props.aspectRatio,
-        "data-testid": "",
         onClick: addIframe,
@@ -347,6 +347,8 @@ onPointerover: warmConnections
                 key: 0,
-                title: _ctx.$props.title,
+                allow: "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",
+                allowfullscreen: "",
+                class: "le-yt-iframe",
+                "data-testid": "le-yt-iframe",
                 src: unref(iframeSrc),
-                "data-le": "iframe",
-                "data-testid": "le-yt-iframe"
+                title: _ctx.$props.title
               }, null, 8, _hoisted_1)) : (openBlock(), createElementBlock("button", _hoisted_2, [
@@ -364,5 +366,5 @@ createVNode(YoutubeIcon, { class: "le-yt-icon" })
 });
-var youtubeLite = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d477df0e"]]);
+var youtubeLite = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-17061c20"]]);
 
 export { vimeoLite as VimeoLite, youtubeLite as YoutubeLite };
 //# sourceMappingURL=lite-embed-vue.es.js.map

dist/lite-embed-vue.umd.js

@@ -1,2 +0,2 @@
-(function(a,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@lite-embed/utils")):typeof define=="function"&&define.amd?define(["exports","vue","@lite-embed/utils"],e):(a=typeof globalThis<"u"?globalThis:a||self,e(a.YoutubeLite={},a.Vue,a.utils))})(this,function(a,e,l){"use strict";var U="",c=(r,t)=>{const o=r.__vccOpts||r;for(const[n,i]of t)o[n]=i;return o};const b={"data-le":"aspect-ratio"},g=e.defineComponent({props:{aspectRatio:{type:[Number,String],default:16/9,validator(r){return typeof r=="number"?!isNaN(r):!isNaN(parseFloat(r))},required:!1}},setup(r){return e.useCssVars(t=>({effb57f2:r.aspectRatio})),(t,o)=>(e.openBlock(),e.createElementBlock("div",b,[e.renderSlot(t.$slots,"default",{},void 0,!0)]))}});var y=c(g,[["__scopeId","data-v-37142b54"]]),Y="";const k={"data-le":"aspect-ratio-item"};var h=c(e.defineComponent({props:{backgroundImage:{type:String,default:"",required:!0}},setup(r){return e.useCssVars(t=>({"925ea200":r.backgroundImage})),(t,o)=>(e.openBlock(),e.createElementBlock("div",k,[e.renderSlot(t.$slots,"default",{},void 0,!0)]))}}),[["__scopeId","data-v-3cfe7906"]]);const w={},$={viewBox:"0 0 20 20",preserveAspectRatio:"xMidYMid",width:"1em",height:"1em",xmlns:"http://www.w3.org/2000/svg"},N=[e.createElementVNode("path",{fill:"currentColor",d:"m1 0 19 10L1 20z"},null,-1)];function B(r,t){return e.openBlock(),e.createElementBlock("svg",$,N)}var C=c(w,[["render",B]]),F="";const I=["title","src"],q={key:1,type:"button","data-le":"vimeo-play-button","aria-label":"Play","data-testid":"le-vi-button"},x=e.defineComponent({props:{urlOrId:{type:String,required:!0},adNetwork:{type:Boolean,default:!1,required:!1},aspectRatio:{type:[Number,String],default:16/9,validator(r){return!isNaN(parseFloat(r))},required:!1},customThumbnail:{type:String,default:"",required:!1},playerParameters:{type:Object,default:()=>({}),required:!1},poster:{type:String,default:"640x480",required:!1},title:{type:String,default:"Vue Vimeo Lite",required:!1}},setup(r){const t=r;let o=e.ref(!1),n=e.ref(!1),i=e.ref(""),d=decodeURIComponent(l.getVimeoId(t.urlOrId)),u=`https://player.vimeo.com/video/${d}?h=${Math.random()}`,f=l.getVimeoPlayerOptions({url:u,adNetwork:t.adNetwork,...t.playerParameters});const _=()=>l.warmVimeoConnections({preconnected:o.value,setPreconnected:s=>{o.value=s},adNetwork:t.adNetwork}),m=()=>{n.value||(n.value=!0)};return e.onMounted(()=>{l.getVimeoPosterUrl({videoId:d,customThumbnail:t.customThumbnail,poster:t.poster}).then(s=>{i.value=s})}),(s,p)=>(e.openBlock(),e.createBlock(e.unref(y),{"aspect-ratio":r.aspectRatio,onPointerover:_,onClick:m},{default:e.withCtx(()=>[e.createVNode(e.unref(h),{"background-image":`url(${e.unref(i)})`},{default:e.withCtx(()=>[e.unref(n)?(e.openBlock(),e.createElementBlock("iframe",{key:0,"data-le":"iframe",title:s.$props.title,src:e.unref(f),allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:"","data-testid":"le-vi-iframe"},null,8,I)):(e.openBlock(),e.createElementBlock("button",q,[e.createVNode(C,{"data-le":"vimeo-play-icon"})]))]),_:1},8,["background-image"])]),_:1},8,["aspect-ratio"]))}});var S=c(x,[["__scopeId","data-v-c8248796"]]);const V={},P={viewBox:"0 0 68 48",width:"1em",height:"1em",xmlns:"http://www.w3.org/2000/svg"},R=[e.createElementVNode("path",{d:"M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z",fill:"currentColor"},null,-1),e.createElementVNode("path",{d:"M45 24 27 14v20",fill:"#fff"},null,-1)];function E(r,t){return e.openBlock(),e.createElementBlock("svg",P,R)}var T=c(V,[["render",E]]),G="";const v=["title","src"],L={key:1,class:"le-yt-button","data-testid":"le-yt-button",type:"button"},O=e.defineComponent({props:{urlOrId:{type:String,required:!0},adNetwork:{type:Boolean,default:!1,required:!1},aspectRatio:{type:[Number,String],default:16/9,validator(r){return typeof r=="number"?!isNaN(r):!isNaN(parseFloat(r))},required:!1},customThumbnail:{type:String,default:"",required:!1},noCookie:{type:Boolean,default:!0,required:!1},playerParameters:{type:Object,default:()=>({}),required:!1},playlist:{type:Boolean,default:!1,required:!1},poster:{type:String,default:"hqdefault",required:!1},title:{type:String,default:"Vue YouTube Lite",required:!1}},setup(r){const t=r;let o=e.ref(!1),n=e.ref(!1),i=decodeURIComponent(l.getYouTubeId(t.urlOrId)),d=t.customThumbnail?t.customThumbnail:`https://i.ytimg.com/vi/${i}/${t.poster}.jpg`,u=t.noCookie?"https://www.youtube-nocookie.com":"https://www.youtube.com",f=t.playlist?`${u}/embed/videoseries`:`${u}/embed/${i}`,_=l.getYoutubePlayerOptions({url:f,videoId:i,isPlaylist:t.playlist,...t.playerParameters});const m=()=>l.warmYoutubeConnections({preconnected:o.value,setPreconnected:p=>{o.value=p},adNetwork:t.adNetwork}),s=()=>{n.value||(n.value=!0)};return(p,H)=>(e.openBlock(),e.createBlock(e.unref(y),{"aspect-ratio":r.aspectRatio,"data-testid":"",onClick:s,onPointerover:m},{default:e.withCtx(()=>[e.createVNode(e.unref(h),{"background-image":`url(${e.unref(d)})`},{default:e.withCtx(()=>[e.unref(n)?(e.openBlock(),e.createElementBlock("iframe",{key:0,title:p.$props.title,src:e.unref(_),"data-le":"iframe","data-testid":"le-yt-iframe"},null,8,v)):(e.openBlock(),e.createElementBlock("button",L,[e.createVNode(T,{class:"le-yt-icon"})]))]),_:1},8,["background-image"])]),_:1},8,["aspect-ratio"]))}});var M=c(O,[["__scopeId","data-v-d477df0e"]]);a.VimeoLite=S,a.YoutubeLite=M,Object.defineProperties(a,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(a,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@lite-embed/utils")):typeof define=="function"&&define.amd?define(["exports","vue","@lite-embed/utils"],e):(a=typeof globalThis<"u"?globalThis:a||self,e(a.YoutubeLite={},a.Vue,a.utils))})(this,function(a,e,i){"use strict";var U="",c=(r,t)=>{const o=r.__vccOpts||r;for(const[n,l]of t)o[n]=l;return o};const b={class:"le-aspect-ratio"},g=e.defineComponent({props:{aspectRatio:{type:[Number,String],default:16/9,validator(r){return typeof r=="number"?!isNaN(r):!isNaN(parseFloat(r))},required:!1}},setup(r){return e.useCssVars(t=>({"07133791":r.aspectRatio})),(t,o)=>(e.openBlock(),e.createElementBlock("div",b,[e.renderSlot(t.$slots,"default",{},void 0,!0)]))}});var y=c(g,[["__scopeId","data-v-4eba93df"]]),Y="";const k={class:"le-aspect-ratio-item"};var h=c(e.defineComponent({props:{backgroundImage:{type:String,default:"",required:!0}},setup(r){return e.useCssVars(t=>({"980caee4":r.backgroundImage})),(t,o)=>(e.openBlock(),e.createElementBlock("div",k,[e.renderSlot(t.$slots,"default",{},void 0,!0)]))}}),[["__scopeId","data-v-7108b8e6"]]);const w={},$={viewBox:"0 0 20 20",preserveAspectRatio:"xMidYMid",width:"1em",height:"1em",xmlns:"http://www.w3.org/2000/svg"},N=[e.createElementVNode("path",{fill:"currentColor",d:"m1 0 19 10L1 20z"},null,-1)];function B(r,t){return e.openBlock(),e.createElementBlock("svg",$,N)}var C=c(w,[["render",B]]),F="";const I=["src","title"],q={key:1,"aria-label":"Play",class:"le-vi-play-button","data-testid":"le-vi-button",type:"button"},x=e.defineComponent({props:{urlOrId:{type:String,required:!0},adNetwork:{type:Boolean,default:!1,required:!1},aspectRatio:{type:[Number,String],default:16/9,validator(r){return!isNaN(parseFloat(r))},required:!1},customThumbnail:{type:String,default:"",required:!1},playerParameters:{type:Object,default:()=>({}),required:!1},poster:{type:String,default:"640x480",required:!1},title:{type:String,default:"Vue Vimeo Lite",required:!1}},setup(r){const t=r;let o=e.ref(!1),n=e.ref(!1),l=e.ref(""),d=decodeURIComponent(i.getVimeoId(t.urlOrId)),u=`https://player.vimeo.com/video/${d}?h=${Math.random()}`,f=i.getVimeoPlayerOptions({url:u,adNetwork:t.adNetwork,...t.playerParameters});const _=()=>i.warmVimeoConnections({preconnected:o.value,setPreconnected:s=>{o.value=s},adNetwork:t.adNetwork}),m=()=>{n.value||(n.value=!0)};return e.onMounted(()=>{i.getVimeoPosterUrl({videoId:d,customThumbnail:t.customThumbnail,poster:t.poster}).then(s=>{l.value=s})}),(s,p)=>(e.openBlock(),e.createBlock(e.unref(y),{"aspect-ratio":r.aspectRatio,onClick:m,onPointerover:_},{default:e.withCtx(()=>[e.createVNode(e.unref(h),{"background-image":`url(${e.unref(l)})`},{default:e.withCtx(()=>[e.unref(n)?(e.openBlock(),e.createElementBlock("iframe",{key:0,allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:"",class:"le-vi-iframe","data-testid":"le-vi-iframe",src:e.unref(f),title:s.$props.title},null,8,I)):(e.openBlock(),e.createElementBlock("button",q,[e.createVNode(C,{class:"le-vi-play-icon"})]))]),_:1},8,["background-image"])]),_:1},8,["aspect-ratio"]))}});var S=c(x,[["__scopeId","data-v-cb184aea"]]);const V={},P={viewBox:"0 0 68 48",width:"1em",height:"1em",xmlns:"http://www.w3.org/2000/svg"},R=[e.createElementVNode("path",{d:"M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z",fill:"currentColor"},null,-1),e.createElementVNode("path",{d:"M45 24 27 14v20",fill:"#fff"},null,-1)];function v(r,t){return e.openBlock(),e.createElementBlock("svg",P,R)}var E=c(V,[["render",v]]),G="";const T=["src","title"],L={key:1,"aria-label":"Play",class:"le-yt-button","data-testid":"le-yt-button",type:"button"},O=e.defineComponent({props:{urlOrId:{type:String,required:!0},adNetwork:{type:Boolean,default:!1,required:!1},aspectRatio:{type:[Number,String],default:16/9,validator(r){return typeof r=="number"?!isNaN(r):!isNaN(parseFloat(r))},required:!1},customThumbnail:{type:String,default:"",required:!1},noCookie:{type:Boolean,default:!0,required:!1},playerParameters:{type:Object,default:()=>({}),required:!1},playlist:{type:Boolean,default:!1,required:!1},poster:{type:String,default:"hqdefault",required:!1},title:{type:String,default:"Vue YouTube Lite",required:!1}},setup(r){const t=r;let o=e.ref(!1),n=e.ref(!1),l=decodeURIComponent(i.getYouTubeId(t.urlOrId)),d=t.customThumbnail?t.customThumbnail:`https://i.ytimg.com/vi/${l}/${t.poster}.jpg`,u=t.noCookie?"https://www.youtube-nocookie.com":"https://www.youtube.com",f=t.playlist?`${u}/embed/videoseries`:`${u}/embed/${l}`,_=i.getYoutubePlayerOptions({url:f,videoId:l,isPlaylist:t.playlist,...t.playerParameters});const m=()=>i.warmYoutubeConnections({preconnected:o.value,setPreconnected:p=>{o.value=p},adNetwork:t.adNetwork}),s=()=>{n.value||(n.value=!0)};return(p,H)=>(e.openBlock(),e.createBlock(e.unref(y),{"aspect-ratio":r.aspectRatio,onClick:s,onPointerover:m},{default:e.withCtx(()=>[e.createVNode(e.unref(h),{"background-image":`url(${e.unref(d)})`},{default:e.withCtx(()=>[e.unref(n)?(e.openBlock(),e.createElementBlock("iframe",{key:0,allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:"",class:"le-yt-iframe","data-testid":"le-yt-iframe",src:e.unref(_),title:p.$props.title},null,8,T)):(e.openBlock(),e.createElementBlock("button",L,[e.createVNode(E,{class:"le-yt-icon"})]))]),_:1},8,["background-image"])]),_:1},8,["aspect-ratio"]))}});var M=c(O,[["__scopeId","data-v-17061c20"]]);a.VimeoLite=S,a.YoutubeLite=M,Object.defineProperties(a,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
 //# sourceMappingURL=lite-embed-vue.umd.js.map

package.json

 {
   "name": "@lite-embed/vue",
-  "version": "1.0.0-canary.5",
+  "version": "1.0.0-canary.6",
   "description": "> TODO: description",
@@ -47,3 +47,3 @@ "homepage": "https://github.com/danestves/lite-embed#readme",
   "dependencies": {
-    "@lite-embed/utils": "1.0.0-canary.5"
+    "@lite-embed/utils": "1.0.0-canary.6"
   },
@@ -64,3 +64,3 @@ "devDependencies": {
   },
-  "gitHead": "f272e9086bd78b27ef6ddcac101658f59f7e6193"
+  "gitHead": "13d3f03e77917f784d1d741df1d8839897d1c954"
 }

No alert changes

Improved metrics

Total package byte prevSize

55352

increased by0.53%

Lines of code

675

increased by0.3%

Dependency changes

• + Added@lite-embed/utils@1.0.0-canary.6(transitive)

• - Removed@lite-embed/utils@1.0.0-canary.5(transitive)

• Updated@lite-embed/utils@1.0.0-canary.6