vistaview 0.7.8 → 0.10.9

package/dist/extensions/vidyard-video.js

@@ -0,0 +1,80 @@
+var u = Object.defineProperty;
+var y = (t, e, i) => e in t ? u(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i;
+var l = (t, e, i) => y(t, typeof e != "symbol" ? e + "" : e, i);
+import { V as f } from "../vista-box-CQvGrjln.js";
+function r(t) {
+  if (!t) return null;
+  const e = [
+    /video\.vidyard\.com\/watch\/([a-zA-Z0-9]+)/,
+    /play\.vidyard\.com\/([a-zA-Z0-9]+)/,
+    /share\.vidyard\.com\/watch\/([a-zA-Z0-9]+)/
+  ];
+  for (const i of e) {
+    const n = t.match(i);
+    if (n && n[1])
+      return n[1];
+  }
+  return null;
+}
+function p(t) {
+  const e = r(t);
+  if (!e)
+    throw new Error("Invalid Vidyard video URL");
+  return `https://play.vidyard.com/${e}.jpg`;
+}
+class m extends f {
+  constructor(i) {
+    var h;
+    super(i);
+    l(this, "element");
+    l(this, "url");
+    const n = i.elm.config.src;
+    this.url = n;
+    const a = document.createElement("div");
+    a.style.position = "relative";
+    const o = document.createElement("img");
+    a.appendChild(o), o.src = ((h = this.origin) == null ? void 0 : h.image.src) || p(n), o.style.width = "100%", o.style.height = "100%", o.style.objectFit = "cover", o.classList.add("vvw--pulsing"), this.element = a, this.element.classList.add("vvw-img-hi");
+    const { width: d, height: c } = this.getFullSizeDim();
+    if (this.fullH = c, this.fullW = d, this.minW = this.fullW * 0.5, this.maxW = this.fullW, this.element.style.width = `${d}px`, this.element.style.height = `${c}px`, this.setSizes({ stableSize: !1, initDimension: !0 }), this.pos === 0) {
+      const s = document.createElement("iframe");
+      s.frameBorder = "0", s.allow = "autoplay; fullscreen", s.allowFullscreen = !0, s.width = "100%", s.height = "100%", s.style.position = "absolute", s.style.top = "0", s.style.left = "0", s.style.opacity = "0", s.style.transition = "opacity 1s ease", s.src = `https://play.vidyard.com/${r(n)}?autoplay=1`, a.appendChild(s), s.onload = () => {
+        s.style.opacity = "1", o.classList.remove("vvw--pulsing");
+      };
+    }
+    this.isLoadedResolved(!0);
+  }
+  // the default full size is the scaled thumbnail size
+  // so we change it to 16:9 full window width size (or max 800px)
+  getFullSizeDim() {
+    const i = Math.min(window.innerWidth, 800);
+    return {
+      width: i,
+      height: i * 9 / 16
+    };
+  }
+  // override to avoid propagating content change event
+  // (because no change will happen on iframe)
+  setFinalTransform() {
+    return super.setFinalTransform({ propagateEvent: !1 });
+  }
+}
+function w() {
+  return {
+    name: "vidyardVideo",
+    onInitializeImage: (t) => {
+      const e = t.elm.config.src;
+      if (r(e))
+        return new m(t);
+    },
+    onImageView: async (t, e) => {
+      const i = t.images.to[Math.floor(t.images.to.length / 2)];
+      i instanceof m && e.deactivateUi(["download", "zoomIn", "zoomOut"], i);
+    }
+  };
+}
+export {
+  m as VistaVidyardVideo,
+  p as getVidyardThumbnail,
+  r as parseVidyardVideoId,
+  w as vidyardVideo
+};

package/dist/extensions/vidyard-video.umd.js

@@ -0,0 +1 @@
+(function(f,m){typeof exports=="object"&&typeof module<"u"?m(exports):typeof define=="function"&&define.amd?define(["exports"],m):(f=typeof globalThis<"u"?globalThis:f||self,m(f.VistaView=f.VistaView||{}))})(this,(function(f){"use strict";var H=Object.defineProperty;var F=(f,m,g)=>m in f?H(f,m,{enumerable:!0,configurable:!0,writable:!0,value:g}):f[m]=g;var h=(f,m,g)=>F(f,typeof m!="symbol"?m+"":m,g);function m(d){const i=window.getComputedStyle(d).objectFit||"",{width:s,height:a}=d.getBoundingClientRect(),e=d.naturalWidth,n=d.naturalHeight;if(!i)return{width:s,height:a};if(!e||!n)return{width:s,height:a};const c=e/n,r=s/a;switch(i){case"fill":return{width:s,height:a};case"none":return{width:e,height:n};case"contain":return c>r?{width:s,height:s/c}:{width:a*c,height:a};case"cover":return c<r?{width:s,height:s/c}:{width:a*c,height:a};case"scale-down":{const l={width:e,height:n},o=c>r?{width:s,height:s/c}:{width:a*c,height:a};return o.width<=l.width&&o.height<=l.height?o:l}}return{width:s,height:a}}class g{static ease(t,i,s){const a=i-t,e=t+a*.2;return Math.abs(a)<s?i:e}static play(t,i,s){if(s()){requestAnimationFrame(()=>{this.play(t,i,s)});return}this.map.get(t)&&(t.element.classList.contains("vvw--load-cancelled")||requestAnimationFrame(()=>{var o,u,w,S,x,b,W,_,C,L;const a=this.map.get(t);if(!a||!t.element||t.element.classList.contains("vvw--load-cancelled"))return;const{current:e,target:n,log:c}=a;let r={};n.width!==void 0&&(r.width=this.ease(e._width,n.width,1)),n.height!==void 0&&(r.height=this.ease(e._height,n.height,1)),((o=n.transform)==null?void 0:o.x)!==void 0&&(r.transform=r.transform||{},r.transform.x=this.ease(e._transform.x,n.transform.x,1)),((u=n.transform)==null?void 0:u.y)!==void 0&&(r.transform=r.transform||{},r.transform.y=this.ease(e._transform.y,n.transform.y,1)),((w=n.transform)==null?void 0:w.scale)!==void 0&&(r.transform=r.transform||{},r.transform.scale=this.ease(e._transform.scale,n.transform.scale,.005)),((S=n.translate)==null?void 0:S.x)!==void 0&&(r.translate=r.translate||{},r.translate.x=this.ease(e._translate.x,n.translate.x,1)),((x=n.translate)==null?void 0:x.y)!==void 0&&(r.translate=r.translate||{},r.translate.y=this.ease(e._translate.y,n.translate.y,1)),r.width!==void 0&&(e.width=r.width),r.height!==void 0&&(e.height=r.height),r.translate&&(e.translate={...e.translate,...r.translate}),r.transform&&(e.transform={...e.transform,...r.transform}),(n.width===void 0||e._width===n.width)&&(n.height===void 0||e._height===n.height)&&(((b=n.transform)==null?void 0:b.x)===void 0||e._transform.x===n.transform.x)&&(((W=n.transform)==null?void 0:W.y)===void 0||e._transform.y===n.transform.y)&&(((_=n.transform)==null?void 0:_.scale)===void 0||e._transform.scale===n.transform.scale)&&(((C=n.translate)==null?void 0:C.x)===void 0||e._translate.x===n.translate.x)&&(((L=n.translate)==null?void 0:L.y)===void 0||e._translate.y===n.translate.y)?(this.map.delete(t),i()):(this.map.set(t,{current:e,target:n,log:c}),this.play(t,i,s))}))}static stop(t){const i=this.map.get(t);return this.map.delete(t),i}static start({vistaImage:t,target:i,onComplete:s,shouldWait:a}){this.stop(t),this.map.set(t,{current:t.state,target:i}),this.play(t,s,a)}}h(g,"map",new Map);class V{constructor(t){h(this,"state");h(this,"parsedSrcSet");h(this,"isReady",!1);h(this,"isThrowing",!1);h(this,"thumb",null);h(this,"pos");h(this,"index");h(this,"config");h(this,"origin");h(this,"initH",0);h(this,"initW",0);h(this,"fullH",0);h(this,"fullW",0);h(this,"maxW",0);h(this,"minW",0);h(this,"defaultWH",200);h(this,"isZoomedIn",!1);h(this,"isCancelled",!1);h(this,"isLoadedResolved",null);h(this,"isLoadedRejected",null);h(this,"isLoaded",new Promise((t,i)=>{this.isLoadedResolved=t,this.isLoadedRejected=i}));h(this,"replacement",null);h(this,"originalParent",null);h(this,"originalNextSibling",null);h(this,"originalStyle","");h(this,"thumbImage",null);h(this,"fittedSize",null);h(this,"maxZoomLevel");h(this,"vistaView");h(this,"transitionState",null);h(this,"transitionShouldWait",()=>!1);h(this,"initPointerCenter",{x:0,y:0});h(this,"onScale");var s;this.state=this.createState(),this.pos=t.pos,this.index=t.index,this.config=t.elm.config,this.parsedSrcSet=t.elm.parsedSrcSet,this.origin=t.elm.origin,this.maxZoomLevel=t.maxZoomLevel,this.vistaView=t.vistaView,this.onScale=t.onScale,t.transitionState&&(this.transitionState=t.transitionState),t.transitionShouldWait&&(this.transitionShouldWait=t.transitionShouldWait),this.initPointerCenter={x:window.innerWidth/2,y:window.innerHeight/2};const i=this.pos===0?(s=this.origin)==null?void 0:s.image:null;if(this.originalParent=(i==null?void 0:i.parentElement)||null,this.originalNextSibling=(i==null?void 0:i.nextSibling)||null,i&&this.originalParent){this.originalStyle=i.style.cssText,this.thumbImage=i;const a=i.cloneNode(!0);this.originalParent.insertBefore(a,i),this.replacement=a,this.thumb=document.createElement("div"),this.thumb.classList.add("vvw-img-lo");const{width:e,height:n}=this.thumbImage?m(this.thumbImage):{width:0,height:0};this.fittedSize={width:e,height:n},this.thumb.appendChild(i),i.style.width="100%",i.style.height="100%",i.style.objectFit=this.origin.objectFit}}createState(){const t=this;return{_t:this,_width:0,_height:0,_transform:{x:0,y:0,scale:1},_translate:{x:0,y:0},_lessThanMinWidth:!1,get width(){return this._width},set width(i){this._width=i,t.onWidthChange(i)},get height(){return this._height},set height(i){this._height=i,t.onHeightChange(i)},get transform(){return this._transform},set transform(i){this._transform=i,t.onTransformChange(i)},get translate(){return this._translate},set translate(i){this._translate=i,t.onTranslateChange(i)},get lessThanMinWidth(){return this._lessThanMinWidth},set lessThanMinWidth(i){this._lessThanMinWidth=i,t.onLessThanMinWidthChange(i)}}}onLessThanMinWidthChange(t){t?this.element.style.opacity="0.5":this.element.style.opacity=""}onTranslateChange(t){this.element.style.translate=`calc(-50% + ${t.x}px) calc(-50% + ${t.y}px)`}onTransformChange(t){const i=`translate3d(${t.x}px, ${t.y}px, 0px) scale3d(${t.scale}, ${t.scale}, 1)`;this.element.style.transform=i}onWidthChange(t){this.element.style.width=`${t}px`}onHeightChange(t){this.element.style.height=`${t}px`}onImageReady(){}animateZoom(t,i){}scaleMove(t,i,s){}momentumThrow(t){return()=>{}}async init(){await this.isLoaded;const t=this.element;this.transitionState&&this.transitionState.current.width&&this.transitionState.current.height?(this.state.width=this.transitionState.current.width,this.state.height=this.transitionState.current.height):t.classList.contains("vvw--loaded")||(this.state.width=this.initW,this.state.height=this.initH);const i=()=>{this.isCancelled||g.start({vistaImage:this,target:{width:this.fullW,height:this.fullH},onComplete:()=>{this.isCancelled||(this.isReady=!0,t.classList.add("vvw--ready"),this.onImageReady())},shouldWait:this.transitionShouldWait})};this.pos<-1||this.pos>1?(this.state.width=this.fullW,this.state.height=this.fullH,t.classList.add("vvw--loaded"),t.classList.add("vvw--ready"),this.isReady=!0):t.classList.contains("vvw--loaded")?t.classList.contains("vvw--ready")?(this.isReady=!0,this.onImageReady()):i():(t.classList.add("vvw--loaded"),setTimeout(()=>{this.isCancelled||i()},333))}getFullSizeDim(){const{width:t,height:i}=this.thumb.getBoundingClientRect(),s=t/i;let a=window.innerWidth,e=window.innerHeight;return s>window.innerWidth/window.innerHeight?e=a/s:a=e*s,{width:a,height:e}}setSizes(t={}){var c,r,l;const{stableSize:i=!0,initDimension:s}=t;if(!this.origin)return;const a=this.thumb;let e={width:this.defaultWH,height:this.defaultWH,top:0,left:0};if(a){e=(((c=this.origin)==null?void 0:c.anchor)||this.replacement).getBoundingClientRect();const o=a.style;o.width=e.width+"px",o.height=e.height+"px",o.top="50%",o.left="50%",o.translate="-50% -50%",o.position="fixed",o.objectFit=this.origin.objectFit,o.borderRadius=this.origin.borderRadius;const u=Math.min(Math.max(e.left,-e.width),window.innerWidth+e.width)-window.innerWidth/2+e.width/2,w=Math.min(Math.max(e.top,-e.height),window.innerHeight+e.height)-window.innerHeight/2+e.height/2;o.setProperty("--vvw-init-radius",o.borderRadius),o.setProperty("--vvw-pulse-radius",`calc(1.3 * ${o.borderRadius})`),o.setProperty("--vvw-init-x",`${u}px`),o.setProperty("--vvw-init-y",`${w}px`),s&&(o.setProperty("--vvw-current-x",`${u}px`),o.setProperty("--vvw-current-y",`${w}px`))}if(!s){const{width:o,height:u}=this.thumbImage?m(this.thumbImage):{width:0,height:0};this.fittedSize={width:o,height:u}}const n=this.element;if(this.initW=Math.min(((r=this.fittedSize)==null?void 0:r.width)??0,e.width),this.initH=Math.min(((l=this.fittedSize)==null?void 0:l.height)??0,e.height),n.style.setProperty("--vvw-init-w",this.initW+"px"),n.style.setProperty("--vvw-init-h",this.initH+"px"),n.style.setProperty("--vvw-init-radius",this.origin.borderRadius),n.style.objectFit="cover",!s){if(this.isReady&&!this.isCancelled){const{width:o,height:u}=this.getFullSizeDim();this.fullH=u,this.fullW=o,this.minW=this.fullW*.5}!this.isZoomedIn&&i&&this.normalize()}}normalize(){this.state.transform={x:0,y:0,scale:1},this.state.translate={x:0,y:0},this.state.width=this.fullW,this.state.height=this.fullH,this.isZoomedIn=!1}getFromParsedSrcSet(t){if(!this.parsedSrcSet||this.parsedSrcSet.length===0)return null;const i=t*(window.devicePixelRatio||1);let s=this.parsedSrcSet[this.parsedSrcSet.length-1];for(const a of this.parsedSrcSet)if(a.width>=i){s=a;break}return s.src}prepareClose(){g.stop(this),this.setFinalTransform()}cancelPendingLoad(){var t;this.isCancelled=!0,(t=this.element)==null||t.classList.add("vvw--load-cancelled")}setInitialCenter(t){this.initPointerCenter=t}destroy(){var t,i;this.originalParent&&this.thumbImage&&(this.thumbImage.style.cssText=this.originalStyle,this.originalNextSibling?this.originalParent.insertBefore(this.thumbImage,this.originalNextSibling):this.originalParent.appendChild(this.thumbImage)),this.originalParent=null,this.originalNextSibling=null,this.originalStyle="",this.thumbImage=null,this.replacement&&(this.replacement.remove(),this.replacement=null),(t=this.thumb)==null||t.remove(),(i=this.element)==null||i.remove(),this.thumb=null,this.origin=void 0,this.config={src:"",alt:""}}cloneStyleFrom(t,i){t!=null&&t.element&&(i&&(this.transitionState=i||null),t.element.classList.contains("vvw--loaded")&&(this.element.classList.add("vvw--loaded"),this.state.width=t.state.width,this.state.height=t.state.height),t.element.classList.contains("vvw--ready")&&this.element.classList.add("vvw--ready"))}toObject(){return structuredClone({config:{src:this.config.src,alt:this.config.alt,srcSet:this.config.srcSet},origin:this.origin?{src:this.origin.src,srcSet:this.origin.srcSet,borderRadius:this.origin.borderRadius,objectFit:this.origin.objectFit}:null,parsedSrcSet:this.parsedSrcSet,element:"src"in this.element?this.element.src:this.element.toString(),thumb:void 0,index:this.index,pos:this.pos,state:{width:this.state._width,height:this.state._height,transform:this.state._transform,translate:this.state._translate}})}setFinalTransform(t={}){const{propagateEvent:i=!0}=t;if(this.isReady){if(this.state.translate.x+=this.state.transform.x,this.state.translate.y+=this.state.transform.y,this.state.width*=this.state.transform.scale,this.state.height*=this.state.transform.scale,Math.abs(this.state.width-this.fullW)<1&&(this.state.width=this.fullW,this.state.height=this.fullH),Math.abs(this.state.translate.x)<1&&(this.state.translate.x=0),Math.abs(this.state.translate.y)<1&&(this.state.translate.y=0),this.state.translate={...this.state.translate},this.state.transform={x:0,y:0,scale:1},i){const s=this.toObject();this.vistaView.options.onContentChange&&this.vistaView.options.onContentChange(s,this.vistaView),this.vistaView.state.extensions.forEach(a=>{a.onContentChange&&a.onContentChange(s,this.vistaView)})}return{close:!0,cancel:()=>{}}}}}function y(d){if(!d)return null;const t=[/video\.vidyard\.com\/watch\/([a-zA-Z0-9]+)/,/play\.vidyard\.com\/([a-zA-Z0-9]+)/,/share\.vidyard\.com\/watch\/([a-zA-Z0-9]+)/];for(const i of t){const s=d.match(i);if(s&&s[1])return s[1]}return null}function v(d){const t=y(d);if(!t)throw new Error("Invalid Vidyard video URL");return`https://play.vidyard.com/${t}.jpg`}class p extends V{constructor(i){var r;super(i);h(this,"element");h(this,"url");const s=i.elm.config.src;this.url=s;const a=document.createElement("div");a.style.position="relative";const e=document.createElement("img");a.appendChild(e),e.src=((r=this.origin)==null?void 0:r.image.src)||v(s),e.style.width="100%",e.style.height="100%",e.style.objectFit="cover",e.classList.add("vvw--pulsing"),this.element=a,this.element.classList.add("vvw-img-hi");const{width:n,height:c}=this.getFullSizeDim();if(this.fullH=c,this.fullW=n,this.minW=this.fullW*.5,this.maxW=this.fullW,this.element.style.width=`${n}px`,this.element.style.height=`${c}px`,this.setSizes({stableSize:!1,initDimension:!0}),this.pos===0){const l=document.createElement("iframe");l.frameBorder="0",l.allow="autoplay; fullscreen",l.allowFullscreen=!0,l.width="100%",l.height="100%",l.style.position="absolute",l.style.top="0",l.style.left="0",l.style.opacity="0",l.style.transition="opacity 1s ease",l.src=`https://play.vidyard.com/${y(s)}?autoplay=1`,a.appendChild(l),l.onload=()=>{l.style.opacity="1",e.classList.remove("vvw--pulsing")}}this.isLoadedResolved(!0)}getFullSizeDim(){const i=Math.min(window.innerWidth,800);return{width:i,height:i*9/16}}setFinalTransform(){return super.setFinalTransform({propagateEvent:!1})}}function R(){return{name:"vidyardVideo",onInitializeImage:d=>{const t=d.elm.config.src;if(y(t))return new p(d)},onImageView:async(d,t)=>{const i=d.images.to[Math.floor(d.images.to.length/2)];i instanceof p&&t.deactivateUi(["download","zoomIn","zoomOut"],i)}}}f.VistaVidyardVideo=p,f.getVidyardThumbnail=v,f.parseVidyardVideoId=y,f.vidyardVideo=R,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})}));

package/dist/extensions/vimeo-video.d.ts

@@ -0,0 +1,2 @@
+export * from '../lib/extensions/vimeo-video'
+export {}

package/dist/extensions/vimeo-video.js

@@ -0,0 +1,76 @@
+var u = Object.defineProperty;
+var f = (e, t, i) => t in e ? u(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i;
+var r = (e, t, i) => f(e, typeof t != "symbol" ? t + "" : t, i);
+import { V as p } from "../vista-box-CQvGrjln.js";
+function a(e) {
+  if (!e) return null;
+  const t = [/vimeo\.com\/(\d+)/, /player\.vimeo\.com\/video\/(\d+)/];
+  for (const i of t) {
+    const s = e.match(i);
+    if (s && s[1])
+      return s[1];
+  }
+  return null;
+}
+function v(e) {
+  const t = a(e);
+  if (!t)
+    throw new Error("Invalid Vimeo video URL");
+  return `https://vumbnail.com/${t}.jpg`;
+}
+class h extends p {
+  constructor(i) {
+    var d;
+    super(i);
+    r(this, "element");
+    r(this, "url");
+    const s = i.elm.config.src;
+    this.url = s;
+    const l = document.createElement("div");
+    l.style.position = "relative";
+    const n = document.createElement("img");
+    l.appendChild(n), n.src = ((d = this.origin) == null ? void 0 : d.image.src) || v(s), n.style.width = "100%", n.style.height = "100%", n.style.objectFit = "cover", n.classList.add("vvw--pulsing"), this.element = l, this.element.classList.add("vvw-img-hi");
+    const { width: m, height: c } = this.getFullSizeDim();
+    if (this.fullH = c, this.fullW = m, this.minW = this.fullW * 0.5, this.maxW = this.fullW, this.element.style.width = `${m}px`, this.element.style.height = `${c}px`, this.setSizes({ stableSize: !1, initDimension: !0 }), this.pos === 0) {
+      const o = document.createElement("iframe");
+      o.frameBorder = "0", o.allow = "autoplay; fullscreen; picture-in-picture", o.allowFullscreen = !0, o.width = "100%", o.height = "100%", o.style.position = "absolute", o.style.top = "0", o.style.left = "0", o.style.opacity = "0", o.style.transition = "opacity 1s ease", o.src = `https://player.vimeo.com/video/${a(s)}?autoplay=1`, l.appendChild(o), o.onload = () => {
+        o.style.opacity = "1", n.classList.remove("vvw--pulsing");
+      };
+    }
+    this.isLoadedResolved(!0);
+  }
+  // the default full size is the scaled thumbnail size
+  // so we change it to 16:9 full window width size (or max 800px)
+  getFullSizeDim() {
+    const i = Math.min(window.innerWidth, 800);
+    return {
+      width: i,
+      height: i * 9 / 16
+    };
+  }
+  // override to avoid propagating content change event
+  // (because no change will happen on iframe)
+  setFinalTransform() {
+    return super.setFinalTransform({ propagateEvent: !1 });
+  }
+}
+function w() {
+  return {
+    name: "vimeoVideo",
+    onInitializeImage: (e) => {
+      const t = e.elm.config.src;
+      if (a(t))
+        return new h(e);
+    },
+    onImageView: async (e, t) => {
+      const i = e.images.to[Math.floor(e.images.to.length / 2)];
+      i instanceof h && t.deactivateUi(["download", "zoomIn", "zoomOut"], i);
+    }
+  };
+}
+export {
+  h as VistaVimeoVideo,
+  v as getVimeoThumbnail,
+  a as parseVimeoVideoId,
+  w as vimeoVideo
+};

package/dist/extensions/vimeo-video.umd.js

@@ -0,0 +1 @@
+(function(m,f){typeof exports=="object"&&typeof module<"u"?f(exports):typeof define=="function"&&define.amd?define(["exports"],f):(m=typeof globalThis<"u"?globalThis:m||self,f(m.VistaView=m.VistaView||{}))})(this,(function(m){"use strict";var H=Object.defineProperty;var F=(m,f,g)=>f in m?H(m,f,{enumerable:!0,configurable:!0,writable:!0,value:g}):m[f]=g;var h=(m,f,g)=>F(m,typeof f!="symbol"?f+"":f,g);function f(d){const i=window.getComputedStyle(d).objectFit||"",{width:s,height:a}=d.getBoundingClientRect(),e=d.naturalWidth,n=d.naturalHeight;if(!i)return{width:s,height:a};if(!e||!n)return{width:s,height:a};const c=e/n,r=s/a;switch(i){case"fill":return{width:s,height:a};case"none":return{width:e,height:n};case"contain":return c>r?{width:s,height:s/c}:{width:a*c,height:a};case"cover":return c<r?{width:s,height:s/c}:{width:a*c,height:a};case"scale-down":{const l={width:e,height:n},o=c>r?{width:s,height:s/c}:{width:a*c,height:a};return o.width<=l.width&&o.height<=l.height?o:l}}return{width:s,height:a}}class g{static ease(t,i,s){const a=i-t,e=t+a*.2;return Math.abs(a)<s?i:e}static play(t,i,s){if(s()){requestAnimationFrame(()=>{this.play(t,i,s)});return}this.map.get(t)&&(t.element.classList.contains("vvw--load-cancelled")||requestAnimationFrame(()=>{var o,u,w,S,x,b,W,_,C,L;const a=this.map.get(t);if(!a||!t.element||t.element.classList.contains("vvw--load-cancelled"))return;const{current:e,target:n,log:c}=a;let r={};n.width!==void 0&&(r.width=this.ease(e._width,n.width,1)),n.height!==void 0&&(r.height=this.ease(e._height,n.height,1)),((o=n.transform)==null?void 0:o.x)!==void 0&&(r.transform=r.transform||{},r.transform.x=this.ease(e._transform.x,n.transform.x,1)),((u=n.transform)==null?void 0:u.y)!==void 0&&(r.transform=r.transform||{},r.transform.y=this.ease(e._transform.y,n.transform.y,1)),((w=n.transform)==null?void 0:w.scale)!==void 0&&(r.transform=r.transform||{},r.transform.scale=this.ease(e._transform.scale,n.transform.scale,.005)),((S=n.translate)==null?void 0:S.x)!==void 0&&(r.translate=r.translate||{},r.translate.x=this.ease(e._translate.x,n.translate.x,1)),((x=n.translate)==null?void 0:x.y)!==void 0&&(r.translate=r.translate||{},r.translate.y=this.ease(e._translate.y,n.translate.y,1)),r.width!==void 0&&(e.width=r.width),r.height!==void 0&&(e.height=r.height),r.translate&&(e.translate={...e.translate,...r.translate}),r.transform&&(e.transform={...e.transform,...r.transform}),(n.width===void 0||e._width===n.width)&&(n.height===void 0||e._height===n.height)&&(((b=n.transform)==null?void 0:b.x)===void 0||e._transform.x===n.transform.x)&&(((W=n.transform)==null?void 0:W.y)===void 0||e._transform.y===n.transform.y)&&(((_=n.transform)==null?void 0:_.scale)===void 0||e._transform.scale===n.transform.scale)&&(((C=n.translate)==null?void 0:C.x)===void 0||e._translate.x===n.translate.x)&&(((L=n.translate)==null?void 0:L.y)===void 0||e._translate.y===n.translate.y)?(this.map.delete(t),i()):(this.map.set(t,{current:e,target:n,log:c}),this.play(t,i,s))}))}static stop(t){const i=this.map.get(t);return this.map.delete(t),i}static start({vistaImage:t,target:i,onComplete:s,shouldWait:a}){this.stop(t),this.map.set(t,{current:t.state,target:i}),this.play(t,s,a)}}h(g,"map",new Map);class V{constructor(t){h(this,"state");h(this,"parsedSrcSet");h(this,"isReady",!1);h(this,"isThrowing",!1);h(this,"thumb",null);h(this,"pos");h(this,"index");h(this,"config");h(this,"origin");h(this,"initH",0);h(this,"initW",0);h(this,"fullH",0);h(this,"fullW",0);h(this,"maxW",0);h(this,"minW",0);h(this,"defaultWH",200);h(this,"isZoomedIn",!1);h(this,"isCancelled",!1);h(this,"isLoadedResolved",null);h(this,"isLoadedRejected",null);h(this,"isLoaded",new Promise((t,i)=>{this.isLoadedResolved=t,this.isLoadedRejected=i}));h(this,"replacement",null);h(this,"originalParent",null);h(this,"originalNextSibling",null);h(this,"originalStyle","");h(this,"thumbImage",null);h(this,"fittedSize",null);h(this,"maxZoomLevel");h(this,"vistaView");h(this,"transitionState",null);h(this,"transitionShouldWait",()=>!1);h(this,"initPointerCenter",{x:0,y:0});h(this,"onScale");var s;this.state=this.createState(),this.pos=t.pos,this.index=t.index,this.config=t.elm.config,this.parsedSrcSet=t.elm.parsedSrcSet,this.origin=t.elm.origin,this.maxZoomLevel=t.maxZoomLevel,this.vistaView=t.vistaView,this.onScale=t.onScale,t.transitionState&&(this.transitionState=t.transitionState),t.transitionShouldWait&&(this.transitionShouldWait=t.transitionShouldWait),this.initPointerCenter={x:window.innerWidth/2,y:window.innerHeight/2};const i=this.pos===0?(s=this.origin)==null?void 0:s.image:null;if(this.originalParent=(i==null?void 0:i.parentElement)||null,this.originalNextSibling=(i==null?void 0:i.nextSibling)||null,i&&this.originalParent){this.originalStyle=i.style.cssText,this.thumbImage=i;const a=i.cloneNode(!0);this.originalParent.insertBefore(a,i),this.replacement=a,this.thumb=document.createElement("div"),this.thumb.classList.add("vvw-img-lo");const{width:e,height:n}=this.thumbImage?f(this.thumbImage):{width:0,height:0};this.fittedSize={width:e,height:n},this.thumb.appendChild(i),i.style.width="100%",i.style.height="100%",i.style.objectFit=this.origin.objectFit}}createState(){const t=this;return{_t:this,_width:0,_height:0,_transform:{x:0,y:0,scale:1},_translate:{x:0,y:0},_lessThanMinWidth:!1,get width(){return this._width},set width(i){this._width=i,t.onWidthChange(i)},get height(){return this._height},set height(i){this._height=i,t.onHeightChange(i)},get transform(){return this._transform},set transform(i){this._transform=i,t.onTransformChange(i)},get translate(){return this._translate},set translate(i){this._translate=i,t.onTranslateChange(i)},get lessThanMinWidth(){return this._lessThanMinWidth},set lessThanMinWidth(i){this._lessThanMinWidth=i,t.onLessThanMinWidthChange(i)}}}onLessThanMinWidthChange(t){t?this.element.style.opacity="0.5":this.element.style.opacity=""}onTranslateChange(t){this.element.style.translate=`calc(-50% + ${t.x}px) calc(-50% + ${t.y}px)`}onTransformChange(t){const i=`translate3d(${t.x}px, ${t.y}px, 0px) scale3d(${t.scale}, ${t.scale}, 1)`;this.element.style.transform=i}onWidthChange(t){this.element.style.width=`${t}px`}onHeightChange(t){this.element.style.height=`${t}px`}onImageReady(){}animateZoom(t,i){}scaleMove(t,i,s){}momentumThrow(t){return()=>{}}async init(){await this.isLoaded;const t=this.element;this.transitionState&&this.transitionState.current.width&&this.transitionState.current.height?(this.state.width=this.transitionState.current.width,this.state.height=this.transitionState.current.height):t.classList.contains("vvw--loaded")||(this.state.width=this.initW,this.state.height=this.initH);const i=()=>{this.isCancelled||g.start({vistaImage:this,target:{width:this.fullW,height:this.fullH},onComplete:()=>{this.isCancelled||(this.isReady=!0,t.classList.add("vvw--ready"),this.onImageReady())},shouldWait:this.transitionShouldWait})};this.pos<-1||this.pos>1?(this.state.width=this.fullW,this.state.height=this.fullH,t.classList.add("vvw--loaded"),t.classList.add("vvw--ready"),this.isReady=!0):t.classList.contains("vvw--loaded")?t.classList.contains("vvw--ready")?(this.isReady=!0,this.onImageReady()):i():(t.classList.add("vvw--loaded"),setTimeout(()=>{this.isCancelled||i()},333))}getFullSizeDim(){const{width:t,height:i}=this.thumb.getBoundingClientRect(),s=t/i;let a=window.innerWidth,e=window.innerHeight;return s>window.innerWidth/window.innerHeight?e=a/s:a=e*s,{width:a,height:e}}setSizes(t={}){var c,r,l;const{stableSize:i=!0,initDimension:s}=t;if(!this.origin)return;const a=this.thumb;let e={width:this.defaultWH,height:this.defaultWH,top:0,left:0};if(a){e=(((c=this.origin)==null?void 0:c.anchor)||this.replacement).getBoundingClientRect();const o=a.style;o.width=e.width+"px",o.height=e.height+"px",o.top="50%",o.left="50%",o.translate="-50% -50%",o.position="fixed",o.objectFit=this.origin.objectFit,o.borderRadius=this.origin.borderRadius;const u=Math.min(Math.max(e.left,-e.width),window.innerWidth+e.width)-window.innerWidth/2+e.width/2,w=Math.min(Math.max(e.top,-e.height),window.innerHeight+e.height)-window.innerHeight/2+e.height/2;o.setProperty("--vvw-init-radius",o.borderRadius),o.setProperty("--vvw-pulse-radius",`calc(1.3 * ${o.borderRadius})`),o.setProperty("--vvw-init-x",`${u}px`),o.setProperty("--vvw-init-y",`${w}px`),s&&(o.setProperty("--vvw-current-x",`${u}px`),o.setProperty("--vvw-current-y",`${w}px`))}if(!s){const{width:o,height:u}=this.thumbImage?f(this.thumbImage):{width:0,height:0};this.fittedSize={width:o,height:u}}const n=this.element;if(this.initW=Math.min(((r=this.fittedSize)==null?void 0:r.width)??0,e.width),this.initH=Math.min(((l=this.fittedSize)==null?void 0:l.height)??0,e.height),n.style.setProperty("--vvw-init-w",this.initW+"px"),n.style.setProperty("--vvw-init-h",this.initH+"px"),n.style.setProperty("--vvw-init-radius",this.origin.borderRadius),n.style.objectFit="cover",!s){if(this.isReady&&!this.isCancelled){const{width:o,height:u}=this.getFullSizeDim();this.fullH=u,this.fullW=o,this.minW=this.fullW*.5}!this.isZoomedIn&&i&&this.normalize()}}normalize(){this.state.transform={x:0,y:0,scale:1},this.state.translate={x:0,y:0},this.state.width=this.fullW,this.state.height=this.fullH,this.isZoomedIn=!1}getFromParsedSrcSet(t){if(!this.parsedSrcSet||this.parsedSrcSet.length===0)return null;const i=t*(window.devicePixelRatio||1);let s=this.parsedSrcSet[this.parsedSrcSet.length-1];for(const a of this.parsedSrcSet)if(a.width>=i){s=a;break}return s.src}prepareClose(){g.stop(this),this.setFinalTransform()}cancelPendingLoad(){var t;this.isCancelled=!0,(t=this.element)==null||t.classList.add("vvw--load-cancelled")}setInitialCenter(t){this.initPointerCenter=t}destroy(){var t,i;this.originalParent&&this.thumbImage&&(this.thumbImage.style.cssText=this.originalStyle,this.originalNextSibling?this.originalParent.insertBefore(this.thumbImage,this.originalNextSibling):this.originalParent.appendChild(this.thumbImage)),this.originalParent=null,this.originalNextSibling=null,this.originalStyle="",this.thumbImage=null,this.replacement&&(this.replacement.remove(),this.replacement=null),(t=this.thumb)==null||t.remove(),(i=this.element)==null||i.remove(),this.thumb=null,this.origin=void 0,this.config={src:"",alt:""}}cloneStyleFrom(t,i){t!=null&&t.element&&(i&&(this.transitionState=i||null),t.element.classList.contains("vvw--loaded")&&(this.element.classList.add("vvw--loaded"),this.state.width=t.state.width,this.state.height=t.state.height),t.element.classList.contains("vvw--ready")&&this.element.classList.add("vvw--ready"))}toObject(){return structuredClone({config:{src:this.config.src,alt:this.config.alt,srcSet:this.config.srcSet},origin:this.origin?{src:this.origin.src,srcSet:this.origin.srcSet,borderRadius:this.origin.borderRadius,objectFit:this.origin.objectFit}:null,parsedSrcSet:this.parsedSrcSet,element:"src"in this.element?this.element.src:this.element.toString(),thumb:void 0,index:this.index,pos:this.pos,state:{width:this.state._width,height:this.state._height,transform:this.state._transform,translate:this.state._translate}})}setFinalTransform(t={}){const{propagateEvent:i=!0}=t;if(this.isReady){if(this.state.translate.x+=this.state.transform.x,this.state.translate.y+=this.state.transform.y,this.state.width*=this.state.transform.scale,this.state.height*=this.state.transform.scale,Math.abs(this.state.width-this.fullW)<1&&(this.state.width=this.fullW,this.state.height=this.fullH),Math.abs(this.state.translate.x)<1&&(this.state.translate.x=0),Math.abs(this.state.translate.y)<1&&(this.state.translate.y=0),this.state.translate={...this.state.translate},this.state.transform={x:0,y:0,scale:1},i){const s=this.toObject();this.vistaView.options.onContentChange&&this.vistaView.options.onContentChange(s,this.vistaView),this.vistaView.state.extensions.forEach(a=>{a.onContentChange&&a.onContentChange(s,this.vistaView)})}return{close:!0,cancel:()=>{}}}}}function p(d){if(!d)return null;const t=[/vimeo\.com\/(\d+)/,/player\.vimeo\.com\/video\/(\d+)/];for(const i of t){const s=d.match(i);if(s&&s[1])return s[1]}return null}function v(d){const t=p(d);if(!t)throw new Error("Invalid Vimeo video URL");return`https://vumbnail.com/${t}.jpg`}class y extends V{constructor(i){var r;super(i);h(this,"element");h(this,"url");const s=i.elm.config.src;this.url=s;const a=document.createElement("div");a.style.position="relative";const e=document.createElement("img");a.appendChild(e),e.src=((r=this.origin)==null?void 0:r.image.src)||v(s),e.style.width="100%",e.style.height="100%",e.style.objectFit="cover",e.classList.add("vvw--pulsing"),this.element=a,this.element.classList.add("vvw-img-hi");const{width:n,height:c}=this.getFullSizeDim();if(this.fullH=c,this.fullW=n,this.minW=this.fullW*.5,this.maxW=this.fullW,this.element.style.width=`${n}px`,this.element.style.height=`${c}px`,this.setSizes({stableSize:!1,initDimension:!0}),this.pos===0){const l=document.createElement("iframe");l.frameBorder="0",l.allow="autoplay; fullscreen; picture-in-picture",l.allowFullscreen=!0,l.width="100%",l.height="100%",l.style.position="absolute",l.style.top="0",l.style.left="0",l.style.opacity="0",l.style.transition="opacity 1s ease",l.src=`https://player.vimeo.com/video/${p(s)}?autoplay=1`,a.appendChild(l),l.onload=()=>{l.style.opacity="1",e.classList.remove("vvw--pulsing")}}this.isLoadedResolved(!0)}getFullSizeDim(){const i=Math.min(window.innerWidth,800);return{width:i,height:i*9/16}}setFinalTransform(){return super.setFinalTransform({propagateEvent:!1})}}function R(){return{name:"vimeoVideo",onInitializeImage:d=>{const t=d.elm.config.src;if(p(t))return new y(d)},onImageView:async(d,t)=>{const i=d.images.to[Math.floor(d.images.to.length/2)];i instanceof y&&t.deactivateUi(["download","zoomIn","zoomOut"],i)}}}m.VistaVimeoVideo=y,m.getVimeoThumbnail=v,m.parseVimeoVideoId=p,m.vimeoVideo=R,Object.defineProperty(m,Symbol.toStringTag,{value:"Module"})}));

package/dist/extensions/wistia-video.d.ts

@@ -0,0 +1,2 @@
+export * from '../lib/extensions/wistia-video'
+export {}

package/dist/extensions/wistia-video.js

@@ -0,0 +1,85 @@
+var u = Object.defineProperty;
+var f = (e, i, t) => i in e ? u(e, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[i] = t;
+var l = (e, i, t) => f(e, typeof i != "symbol" ? i + "" : i, t);
+import { V as p } from "../vista-box-CQvGrjln.js";
+function r(e) {
+  if (!e) return null;
+  const i = [
+    /wistia\.com\/medias\/([a-zA-Z0-9]+)/,
+    /wistia\.net\/embed\/iframe\/([a-zA-Z0-9]+)/
+  ];
+  for (const t of i) {
+    const n = e.match(t);
+    if (n && n[1])
+      return n[1];
+  }
+  return null;
+}
+async function y(e) {
+  const i = r(e);
+  if (!i)
+    throw new Error("Invalid Wistia video URL");
+  try {
+    return (await (await fetch(
+      `https://fast.wistia.com/oembed?url=https://home.wistia.com/medias/${i}`
+    )).json()).thumbnail_url;
+  } catch (t) {
+    throw console.error("Failed to fetch Wistia thumbnail:", t), new Error("Failed to fetch Wistia thumbnail");
+  }
+}
+class d extends p {
+  constructor(t) {
+    var m;
+    super(t);
+    l(this, "element");
+    l(this, "url");
+    const n = t.elm.config.src;
+    this.url = n;
+    const o = document.createElement("div");
+    o.style.position = "relative";
+    const a = document.createElement("img");
+    o.appendChild(a), a.style.width = "100%", a.style.height = "100%", a.style.objectFit = "cover", a.src = ((m = this.origin) == null ? void 0 : m.image.src) || "", a.classList.add("vvw--pulsing"), this.element = o, this.element.classList.add("vvw-img-hi");
+    const { width: c, height: h } = this.getFullSizeDim();
+    if (this.fullH = h, this.fullW = c, this.minW = this.fullW * 0.5, this.maxW = this.fullW, this.element.style.width = `${c}px`, this.element.style.height = `${h}px`, this.setSizes({ stableSize: !1, initDimension: !0 }), this.pos === 0) {
+      const s = document.createElement("iframe");
+      s.frameBorder = "0", s.allow = "autoplay; fullscreen", s.allowFullscreen = !0, s.width = "100%", s.height = "100%", s.style.position = "absolute", s.style.top = "0", s.style.left = "0", s.style.opacity = "0", s.style.transition = "opacity 1s ease", s.src = `https://fast.wistia.net/embed/iframe/${r(n)}?autoPlay=1`, o.appendChild(s), s.onload = () => {
+        s.style.opacity = "1", a.classList.remove("vvw--pulsing");
+      };
+    }
+    this.isLoadedResolved(!0);
+  }
+  // the default full size is the scaled thumbnail size
+  // so we change it to 16:9 full window width size (or max 800px)
+  getFullSizeDim() {
+    const t = Math.min(window.innerWidth, 800);
+    return {
+      width: t,
+      height: t * 9 / 16
+    };
+  }
+  // override to avoid propagating content change event
+  // (because no change will happen on iframe)
+  setFinalTransform() {
+    return super.setFinalTransform({ propagateEvent: !1 });
+  }
+}
+function v() {
+  return {
+    name: "wistiaVideo",
+    onInitializeImage: (e) => {
+      const i = e.elm.config.src;
+      if (r(i))
+        return new d(e);
+    },
+    onImageView: async (e, i) => {
+      const t = e.images.to[Math.floor(e.images.to.length / 2)];
+      t instanceof d && i.deactivateUi(["download", "zoomIn", "zoomOut"], t);
+    }
+  };
+}
+export {
+  d as VistaWistiaVideo,
+  y as getWistiaThumbnail,
+  r as parseWistiaVideoId,
+  v as wistiaVideo
+};

package/dist/extensions/wistia-video.umd.js

@@ -0,0 +1 @@
+(function(m,f){typeof exports=="object"&&typeof module<"u"?f(exports):typeof define=="function"&&define.amd?define(["exports"],f):(m=typeof globalThis<"u"?globalThis:m||self,f(m.VistaView=m.VistaView||{}))})(this,(function(m){"use strict";var H=Object.defineProperty;var P=(m,f,g)=>f in m?H(m,f,{enumerable:!0,configurable:!0,writable:!0,value:g}):m[f]=g;var h=(m,f,g)=>P(m,typeof f!="symbol"?f+"":f,g);function f(d){const i=window.getComputedStyle(d).objectFit||"",{width:s,height:a}=d.getBoundingClientRect(),e=d.naturalWidth,n=d.naturalHeight;if(!i)return{width:s,height:a};if(!e||!n)return{width:s,height:a};const c=e/n,r=s/a;switch(i){case"fill":return{width:s,height:a};case"none":return{width:e,height:n};case"contain":return c>r?{width:s,height:s/c}:{width:a*c,height:a};case"cover":return c<r?{width:s,height:s/c}:{width:a*c,height:a};case"scale-down":{const l={width:e,height:n},o=c>r?{width:s,height:s/c}:{width:a*c,height:a};return o.width<=l.width&&o.height<=l.height?o:l}}return{width:s,height:a}}class g{static ease(t,i,s){const a=i-t,e=t+a*.2;return Math.abs(a)<s?i:e}static play(t,i,s){if(s()){requestAnimationFrame(()=>{this.play(t,i,s)});return}this.map.get(t)&&(t.element.classList.contains("vvw--load-cancelled")||requestAnimationFrame(()=>{var o,u,w,v,S,x,b,W,_,C;const a=this.map.get(t);if(!a||!t.element||t.element.classList.contains("vvw--load-cancelled"))return;const{current:e,target:n,log:c}=a;let r={};n.width!==void 0&&(r.width=this.ease(e._width,n.width,1)),n.height!==void 0&&(r.height=this.ease(e._height,n.height,1)),((o=n.transform)==null?void 0:o.x)!==void 0&&(r.transform=r.transform||{},r.transform.x=this.ease(e._transform.x,n.transform.x,1)),((u=n.transform)==null?void 0:u.y)!==void 0&&(r.transform=r.transform||{},r.transform.y=this.ease(e._transform.y,n.transform.y,1)),((w=n.transform)==null?void 0:w.scale)!==void 0&&(r.transform=r.transform||{},r.transform.scale=this.ease(e._transform.scale,n.transform.scale,.005)),((v=n.translate)==null?void 0:v.x)!==void 0&&(r.translate=r.translate||{},r.translate.x=this.ease(e._translate.x,n.translate.x,1)),((S=n.translate)==null?void 0:S.y)!==void 0&&(r.translate=r.translate||{},r.translate.y=this.ease(e._translate.y,n.translate.y,1)),r.width!==void 0&&(e.width=r.width),r.height!==void 0&&(e.height=r.height),r.translate&&(e.translate={...e.translate,...r.translate}),r.transform&&(e.transform={...e.transform,...r.transform}),(n.width===void 0||e._width===n.width)&&(n.height===void 0||e._height===n.height)&&(((x=n.transform)==null?void 0:x.x)===void 0||e._transform.x===n.transform.x)&&(((b=n.transform)==null?void 0:b.y)===void 0||e._transform.y===n.transform.y)&&(((W=n.transform)==null?void 0:W.scale)===void 0||e._transform.scale===n.transform.scale)&&(((_=n.translate)==null?void 0:_.x)===void 0||e._translate.x===n.translate.x)&&(((C=n.translate)==null?void 0:C.y)===void 0||e._translate.y===n.translate.y)?(this.map.delete(t),i()):(this.map.set(t,{current:e,target:n,log:c}),this.play(t,i,s))}))}static stop(t){const i=this.map.get(t);return this.map.delete(t),i}static start({vistaImage:t,target:i,onComplete:s,shouldWait:a}){this.stop(t),this.map.set(t,{current:t.state,target:i}),this.play(t,s,a)}}h(g,"map",new Map);class L{constructor(t){h(this,"state");h(this,"parsedSrcSet");h(this,"isReady",!1);h(this,"isThrowing",!1);h(this,"thumb",null);h(this,"pos");h(this,"index");h(this,"config");h(this,"origin");h(this,"initH",0);h(this,"initW",0);h(this,"fullH",0);h(this,"fullW",0);h(this,"maxW",0);h(this,"minW",0);h(this,"defaultWH",200);h(this,"isZoomedIn",!1);h(this,"isCancelled",!1);h(this,"isLoadedResolved",null);h(this,"isLoadedRejected",null);h(this,"isLoaded",new Promise((t,i)=>{this.isLoadedResolved=t,this.isLoadedRejected=i}));h(this,"replacement",null);h(this,"originalParent",null);h(this,"originalNextSibling",null);h(this,"originalStyle","");h(this,"thumbImage",null);h(this,"fittedSize",null);h(this,"maxZoomLevel");h(this,"vistaView");h(this,"transitionState",null);h(this,"transitionShouldWait",()=>!1);h(this,"initPointerCenter",{x:0,y:0});h(this,"onScale");var s;this.state=this.createState(),this.pos=t.pos,this.index=t.index,this.config=t.elm.config,this.parsedSrcSet=t.elm.parsedSrcSet,this.origin=t.elm.origin,this.maxZoomLevel=t.maxZoomLevel,this.vistaView=t.vistaView,this.onScale=t.onScale,t.transitionState&&(this.transitionState=t.transitionState),t.transitionShouldWait&&(this.transitionShouldWait=t.transitionShouldWait),this.initPointerCenter={x:window.innerWidth/2,y:window.innerHeight/2};const i=this.pos===0?(s=this.origin)==null?void 0:s.image:null;if(this.originalParent=(i==null?void 0:i.parentElement)||null,this.originalNextSibling=(i==null?void 0:i.nextSibling)||null,i&&this.originalParent){this.originalStyle=i.style.cssText,this.thumbImage=i;const a=i.cloneNode(!0);this.originalParent.insertBefore(a,i),this.replacement=a,this.thumb=document.createElement("div"),this.thumb.classList.add("vvw-img-lo");const{width:e,height:n}=this.thumbImage?f(this.thumbImage):{width:0,height:0};this.fittedSize={width:e,height:n},this.thumb.appendChild(i),i.style.width="100%",i.style.height="100%",i.style.objectFit=this.origin.objectFit}}createState(){const t=this;return{_t:this,_width:0,_height:0,_transform:{x:0,y:0,scale:1},_translate:{x:0,y:0},_lessThanMinWidth:!1,get width(){return this._width},set width(i){this._width=i,t.onWidthChange(i)},get height(){return this._height},set height(i){this._height=i,t.onHeightChange(i)},get transform(){return this._transform},set transform(i){this._transform=i,t.onTransformChange(i)},get translate(){return this._translate},set translate(i){this._translate=i,t.onTranslateChange(i)},get lessThanMinWidth(){return this._lessThanMinWidth},set lessThanMinWidth(i){this._lessThanMinWidth=i,t.onLessThanMinWidthChange(i)}}}onLessThanMinWidthChange(t){t?this.element.style.opacity="0.5":this.element.style.opacity=""}onTranslateChange(t){this.element.style.translate=`calc(-50% + ${t.x}px) calc(-50% + ${t.y}px)`}onTransformChange(t){const i=`translate3d(${t.x}px, ${t.y}px, 0px) scale3d(${t.scale}, ${t.scale}, 1)`;this.element.style.transform=i}onWidthChange(t){this.element.style.width=`${t}px`}onHeightChange(t){this.element.style.height=`${t}px`}onImageReady(){}animateZoom(t,i){}scaleMove(t,i,s){}momentumThrow(t){return()=>{}}async init(){await this.isLoaded;const t=this.element;this.transitionState&&this.transitionState.current.width&&this.transitionState.current.height?(this.state.width=this.transitionState.current.width,this.state.height=this.transitionState.current.height):t.classList.contains("vvw--loaded")||(this.state.width=this.initW,this.state.height=this.initH);const i=()=>{this.isCancelled||g.start({vistaImage:this,target:{width:this.fullW,height:this.fullH},onComplete:()=>{this.isCancelled||(this.isReady=!0,t.classList.add("vvw--ready"),this.onImageReady())},shouldWait:this.transitionShouldWait})};this.pos<-1||this.pos>1?(this.state.width=this.fullW,this.state.height=this.fullH,t.classList.add("vvw--loaded"),t.classList.add("vvw--ready"),this.isReady=!0):t.classList.contains("vvw--loaded")?t.classList.contains("vvw--ready")?(this.isReady=!0,this.onImageReady()):i():(t.classList.add("vvw--loaded"),setTimeout(()=>{this.isCancelled||i()},333))}getFullSizeDim(){const{width:t,height:i}=this.thumb.getBoundingClientRect(),s=t/i;let a=window.innerWidth,e=window.innerHeight;return s>window.innerWidth/window.innerHeight?e=a/s:a=e*s,{width:a,height:e}}setSizes(t={}){var c,r,l;const{stableSize:i=!0,initDimension:s}=t;if(!this.origin)return;const a=this.thumb;let e={width:this.defaultWH,height:this.defaultWH,top:0,left:0};if(a){e=(((c=this.origin)==null?void 0:c.anchor)||this.replacement).getBoundingClientRect();const o=a.style;o.width=e.width+"px",o.height=e.height+"px",o.top="50%",o.left="50%",o.translate="-50% -50%",o.position="fixed",o.objectFit=this.origin.objectFit,o.borderRadius=this.origin.borderRadius;const u=Math.min(Math.max(e.left,-e.width),window.innerWidth+e.width)-window.innerWidth/2+e.width/2,w=Math.min(Math.max(e.top,-e.height),window.innerHeight+e.height)-window.innerHeight/2+e.height/2;o.setProperty("--vvw-init-radius",o.borderRadius),o.setProperty("--vvw-pulse-radius",`calc(1.3 * ${o.borderRadius})`),o.setProperty("--vvw-init-x",`${u}px`),o.setProperty("--vvw-init-y",`${w}px`),s&&(o.setProperty("--vvw-current-x",`${u}px`),o.setProperty("--vvw-current-y",`${w}px`))}if(!s){const{width:o,height:u}=this.thumbImage?f(this.thumbImage):{width:0,height:0};this.fittedSize={width:o,height:u}}const n=this.element;if(this.initW=Math.min(((r=this.fittedSize)==null?void 0:r.width)??0,e.width),this.initH=Math.min(((l=this.fittedSize)==null?void 0:l.height)??0,e.height),n.style.setProperty("--vvw-init-w",this.initW+"px"),n.style.setProperty("--vvw-init-h",this.initH+"px"),n.style.setProperty("--vvw-init-radius",this.origin.borderRadius),n.style.objectFit="cover",!s){if(this.isReady&&!this.isCancelled){const{width:o,height:u}=this.getFullSizeDim();this.fullH=u,this.fullW=o,this.minW=this.fullW*.5}!this.isZoomedIn&&i&&this.normalize()}}normalize(){this.state.transform={x:0,y:0,scale:1},this.state.translate={x:0,y:0},this.state.width=this.fullW,this.state.height=this.fullH,this.isZoomedIn=!1}getFromParsedSrcSet(t){if(!this.parsedSrcSet||this.parsedSrcSet.length===0)return null;const i=t*(window.devicePixelRatio||1);let s=this.parsedSrcSet[this.parsedSrcSet.length-1];for(const a of this.parsedSrcSet)if(a.width>=i){s=a;break}return s.src}prepareClose(){g.stop(this),this.setFinalTransform()}cancelPendingLoad(){var t;this.isCancelled=!0,(t=this.element)==null||t.classList.add("vvw--load-cancelled")}setInitialCenter(t){this.initPointerCenter=t}destroy(){var t,i;this.originalParent&&this.thumbImage&&(this.thumbImage.style.cssText=this.originalStyle,this.originalNextSibling?this.originalParent.insertBefore(this.thumbImage,this.originalNextSibling):this.originalParent.appendChild(this.thumbImage)),this.originalParent=null,this.originalNextSibling=null,this.originalStyle="",this.thumbImage=null,this.replacement&&(this.replacement.remove(),this.replacement=null),(t=this.thumb)==null||t.remove(),(i=this.element)==null||i.remove(),this.thumb=null,this.origin=void 0,this.config={src:"",alt:""}}cloneStyleFrom(t,i){t!=null&&t.element&&(i&&(this.transitionState=i||null),t.element.classList.contains("vvw--loaded")&&(this.element.classList.add("vvw--loaded"),this.state.width=t.state.width,this.state.height=t.state.height),t.element.classList.contains("vvw--ready")&&this.element.classList.add("vvw--ready"))}toObject(){return structuredClone({config:{src:this.config.src,alt:this.config.alt,srcSet:this.config.srcSet},origin:this.origin?{src:this.origin.src,srcSet:this.origin.srcSet,borderRadius:this.origin.borderRadius,objectFit:this.origin.objectFit}:null,parsedSrcSet:this.parsedSrcSet,element:"src"in this.element?this.element.src:this.element.toString(),thumb:void 0,index:this.index,pos:this.pos,state:{width:this.state._width,height:this.state._height,transform:this.state._transform,translate:this.state._translate}})}setFinalTransform(t={}){const{propagateEvent:i=!0}=t;if(this.isReady){if(this.state.translate.x+=this.state.transform.x,this.state.translate.y+=this.state.transform.y,this.state.width*=this.state.transform.scale,this.state.height*=this.state.transform.scale,Math.abs(this.state.width-this.fullW)<1&&(this.state.width=this.fullW,this.state.height=this.fullH),Math.abs(this.state.translate.x)<1&&(this.state.translate.x=0),Math.abs(this.state.translate.y)<1&&(this.state.translate.y=0),this.state.translate={...this.state.translate},this.state.transform={x:0,y:0,scale:1},i){const s=this.toObject();this.vistaView.options.onContentChange&&this.vistaView.options.onContentChange(s,this.vistaView),this.vistaView.state.extensions.forEach(a=>{a.onContentChange&&a.onContentChange(s,this.vistaView)})}return{close:!0,cancel:()=>{}}}}}function y(d){if(!d)return null;const t=[/wistia\.com\/medias\/([a-zA-Z0-9]+)/,/wistia\.net\/embed\/iframe\/([a-zA-Z0-9]+)/];for(const i of t){const s=d.match(i);if(s&&s[1])return s[1]}return null}async function R(d){const t=y(d);if(!t)throw new Error("Invalid Wistia video URL");try{return(await(await fetch(`https://fast.wistia.com/oembed?url=https://home.wistia.com/medias/${t}`)).json()).thumbnail_url}catch(i){throw console.error("Failed to fetch Wistia thumbnail:",i),new Error("Failed to fetch Wistia thumbnail")}}class p extends L{constructor(i){var r;super(i);h(this,"element");h(this,"url");const s=i.elm.config.src;this.url=s;const a=document.createElement("div");a.style.position="relative";const e=document.createElement("img");a.appendChild(e),e.style.width="100%",e.style.height="100%",e.style.objectFit="cover",e.src=((r=this.origin)==null?void 0:r.image.src)||"",e.classList.add("vvw--pulsing"),this.element=a,this.element.classList.add("vvw-img-hi");const{width:n,height:c}=this.getFullSizeDim();if(this.fullH=c,this.fullW=n,this.minW=this.fullW*.5,this.maxW=this.fullW,this.element.style.width=`${n}px`,this.element.style.height=`${c}px`,this.setSizes({stableSize:!1,initDimension:!0}),this.pos===0){const l=document.createElement("iframe");l.frameBorder="0",l.allow="autoplay; fullscreen",l.allowFullscreen=!0,l.width="100%",l.height="100%",l.style.position="absolute",l.style.top="0",l.style.left="0",l.style.opacity="0",l.style.transition="opacity 1s ease",l.src=`https://fast.wistia.net/embed/iframe/${y(s)}?autoPlay=1`,a.appendChild(l),l.onload=()=>{l.style.opacity="1",e.classList.remove("vvw--pulsing")}}this.isLoadedResolved(!0)}getFullSizeDim(){const i=Math.min(window.innerWidth,800);return{width:i,height:i*9/16}}setFinalTransform(){return super.setFinalTransform({propagateEvent:!1})}}function F(){return{name:"wistiaVideo",onInitializeImage:d=>{const t=d.elm.config.src;if(y(t))return new p(d)},onImageView:async(d,t)=>{const i=d.images.to[Math.floor(d.images.to.length/2)];i instanceof p&&t.deactivateUi(["download","zoomIn","zoomOut"],i)}}}m.VistaWistiaVideo=p,m.getWistiaThumbnail=R,m.parseWistiaVideoId=y,m.wistiaVideo=F,Object.defineProperty(m,Symbol.toStringTag,{value:"Module"})}));

package/dist/extensions/youtube-video.d.ts

@@ -0,0 +1,2 @@
+export * from '../lib/extensions/youtube-video'
+export {}

package/dist/extensions/youtube-video.js

@@ -0,0 +1,88 @@
+var h = Object.defineProperty;
+var p = (t, i, e) => i in t ? h(t, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[i] = e;
+var a = (t, i, e) => p(t, typeof i != "symbol" ? i + "" : i, e);
+import { V as f } from "../vista-box-CQvGrjln.js";
+function u(t) {
+  if (!t) return null;
+  const i = [
+    /(?:youtube\.com\/watch\?v=|youtu\.be\/)([a-zA-Z0-9_-]{11})/,
+    /youtube\.com\/embed\/([a-zA-Z0-9_-]{11})/,
+    /youtube\.com\/v\/([a-zA-Z0-9_-]{11})/,
+    /youtube\.com\/live\/([a-zA-Z0-9_-]{11})/,
+    /youtube\.com\/shorts\/([a-zA-Z0-9_-]{11})/
+  ];
+  for (const e of i) {
+    const s = t.match(e);
+    if (s && s[1])
+      return s[1];
+  }
+  return null;
+}
+function g(t, i = "hq") {
+  const e = {
+    maxres: "maxresdefault.jpg",
+    hq: "hqdefault.jpg",
+    mq: "mqdefault.jpg",
+    sd: "sddefault.jpg",
+    default: "default.jpg"
+  }, s = u(t);
+  if (!s)
+    throw new Error("Invalid YouTube video URL");
+  return `https://img.youtube.com/vi/${s}/${e[i]}`;
+}
+class d extends f {
+  constructor(e) {
+    var m;
+    super(e);
+    a(this, "element");
+    a(this, "url");
+    const s = e.elm.config.src;
+    this.url = s;
+    const l = document.createElement("div");
+    l.style.position = "relative";
+    const n = document.createElement("img");
+    l.appendChild(n), n.src = ((m = this.origin) == null ? void 0 : m.image.src) || g(s, "hq"), n.style.width = "100%", n.style.height = "100%", n.style.objectFit = "cover", n.classList.add("vvw--pulsing"), this.element = l, this.element.classList.add("vvw-img-hi");
+    const { width: r, height: c } = this.getFullSizeDim();
+    if (this.fullH = c, this.fullW = r, this.minW = this.fullW * 0.5, this.maxW = this.fullW, this.element.style.width = `${r}px`, this.element.style.height = `${c}px`, this.setSizes({ stableSize: !1, initDimension: !0 }), this.pos === 0) {
+      const o = document.createElement("iframe");
+      o.frameBorder = "0", o.allow = "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share", o.allowFullscreen = !0, o.width = "100%", o.height = "100%", o.style.position = "absolute", o.style.top = "0", o.style.left = "0", o.style.opacity = "0", o.style.transition = "opacity 1s ease", o.src = `https://www.youtube.com/embed/${u(s)}?autoplay=1&rel=0`, l.appendChild(o), o.onload = () => {
+        o.style.opacity = "1", n.classList.remove("vvw--pulsing");
+      };
+    }
+    this.isLoadedResolved(!0);
+  }
+  // the default full size is the scaled thumbnail size
+  // so we change it to 16:9 full window width size (or max 800px)
+  getFullSizeDim() {
+    const e = Math.min(window.innerWidth, 800);
+    return {
+      width: e,
+      height: e * 9 / 16
+    };
+  }
+  // override to avoid propagating content change event
+  // (because no change will happen on iframe)
+  setFinalTransform() {
+    return super.setFinalTransform({ propagateEvent: !1 });
+  }
+}
+function w() {
+  return {
+    name: "ytVideo",
+    onInitializeImage: (t) => {
+      const i = t.elm.config.src;
+      if (u(i))
+        return new d(t);
+    },
+    onImageView: async (t, i) => {
+      const e = t.images.to[Math.floor(t.images.to.length / 2)];
+      e instanceof d && i.deactivateUi(["download", "zoomIn", "zoomOut"], e);
+    }
+  };
+}
+export {
+  d as VistaYoutubeVideo,
+  g as getYouTubeThumbnail,
+  u as parseYouTubeVideoId,
+  w as youtubeVideo
+};

package/dist/extensions/youtube-video.umd.js

@@ -0,0 +1 @@
+(function(u,m){typeof exports=="object"&&typeof module<"u"?m(exports):typeof define=="function"&&define.amd?define(["exports"],m):(u=typeof globalThis<"u"?globalThis:u||self,m(u.VistaView=u.VistaView||{}))})(this,(function(u){"use strict";var H=Object.defineProperty;var F=(u,m,g)=>m in u?H(u,m,{enumerable:!0,configurable:!0,writable:!0,value:g}):u[m]=g;var h=(u,m,g)=>F(u,typeof m!="symbol"?m+"":m,g);function m(d){const e=window.getComputedStyle(d).objectFit||"",{width:s,height:a}=d.getBoundingClientRect(),i=d.naturalWidth,n=d.naturalHeight;if(!e)return{width:s,height:a};if(!i||!n)return{width:s,height:a};const c=i/n,r=s/a;switch(e){case"fill":return{width:s,height:a};case"none":return{width:i,height:n};case"contain":return c>r?{width:s,height:s/c}:{width:a*c,height:a};case"cover":return c<r?{width:s,height:s/c}:{width:a*c,height:a};case"scale-down":{const l={width:i,height:n},o=c>r?{width:s,height:s/c}:{width:a*c,height:a};return o.width<=l.width&&o.height<=l.height?o:l}}return{width:s,height:a}}class g{static ease(t,e,s){const a=e-t,i=t+a*.2;return Math.abs(a)<s?e:i}static play(t,e,s){if(s()){requestAnimationFrame(()=>{this.play(t,e,s)});return}this.map.get(t)&&(t.element.classList.contains("vvw--load-cancelled")||requestAnimationFrame(()=>{var o,f,w,b,x,S,W,_,C,L;const a=this.map.get(t);if(!a||!t.element||t.element.classList.contains("vvw--load-cancelled"))return;const{current:i,target:n,log:c}=a;let r={};n.width!==void 0&&(r.width=this.ease(i._width,n.width,1)),n.height!==void 0&&(r.height=this.ease(i._height,n.height,1)),((o=n.transform)==null?void 0:o.x)!==void 0&&(r.transform=r.transform||{},r.transform.x=this.ease(i._transform.x,n.transform.x,1)),((f=n.transform)==null?void 0:f.y)!==void 0&&(r.transform=r.transform||{},r.transform.y=this.ease(i._transform.y,n.transform.y,1)),((w=n.transform)==null?void 0:w.scale)!==void 0&&(r.transform=r.transform||{},r.transform.scale=this.ease(i._transform.scale,n.transform.scale,.005)),((b=n.translate)==null?void 0:b.x)!==void 0&&(r.translate=r.translate||{},r.translate.x=this.ease(i._translate.x,n.translate.x,1)),((x=n.translate)==null?void 0:x.y)!==void 0&&(r.translate=r.translate||{},r.translate.y=this.ease(i._translate.y,n.translate.y,1)),r.width!==void 0&&(i.width=r.width),r.height!==void 0&&(i.height=r.height),r.translate&&(i.translate={...i.translate,...r.translate}),r.transform&&(i.transform={...i.transform,...r.transform}),(n.width===void 0||i._width===n.width)&&(n.height===void 0||i._height===n.height)&&(((S=n.transform)==null?void 0:S.x)===void 0||i._transform.x===n.transform.x)&&(((W=n.transform)==null?void 0:W.y)===void 0||i._transform.y===n.transform.y)&&(((_=n.transform)==null?void 0:_.scale)===void 0||i._transform.scale===n.transform.scale)&&(((C=n.translate)==null?void 0:C.x)===void 0||i._translate.x===n.translate.x)&&(((L=n.translate)==null?void 0:L.y)===void 0||i._translate.y===n.translate.y)?(this.map.delete(t),e()):(this.map.set(t,{current:i,target:n,log:c}),this.play(t,e,s))}))}static stop(t){const e=this.map.get(t);return this.map.delete(t),e}static start({vistaImage:t,target:e,onComplete:s,shouldWait:a}){this.stop(t),this.map.set(t,{current:t.state,target:e}),this.play(t,s,a)}}h(g,"map",new Map);class T{constructor(t){h(this,"state");h(this,"parsedSrcSet");h(this,"isReady",!1);h(this,"isThrowing",!1);h(this,"thumb",null);h(this,"pos");h(this,"index");h(this,"config");h(this,"origin");h(this,"initH",0);h(this,"initW",0);h(this,"fullH",0);h(this,"fullW",0);h(this,"maxW",0);h(this,"minW",0);h(this,"defaultWH",200);h(this,"isZoomedIn",!1);h(this,"isCancelled",!1);h(this,"isLoadedResolved",null);h(this,"isLoadedRejected",null);h(this,"isLoaded",new Promise((t,e)=>{this.isLoadedResolved=t,this.isLoadedRejected=e}));h(this,"replacement",null);h(this,"originalParent",null);h(this,"originalNextSibling",null);h(this,"originalStyle","");h(this,"thumbImage",null);h(this,"fittedSize",null);h(this,"maxZoomLevel");h(this,"vistaView");h(this,"transitionState",null);h(this,"transitionShouldWait",()=>!1);h(this,"initPointerCenter",{x:0,y:0});h(this,"onScale");var s;this.state=this.createState(),this.pos=t.pos,this.index=t.index,this.config=t.elm.config,this.parsedSrcSet=t.elm.parsedSrcSet,this.origin=t.elm.origin,this.maxZoomLevel=t.maxZoomLevel,this.vistaView=t.vistaView,this.onScale=t.onScale,t.transitionState&&(this.transitionState=t.transitionState),t.transitionShouldWait&&(this.transitionShouldWait=t.transitionShouldWait),this.initPointerCenter={x:window.innerWidth/2,y:window.innerHeight/2};const e=this.pos===0?(s=this.origin)==null?void 0:s.image:null;if(this.originalParent=(e==null?void 0:e.parentElement)||null,this.originalNextSibling=(e==null?void 0:e.nextSibling)||null,e&&this.originalParent){this.originalStyle=e.style.cssText,this.thumbImage=e;const a=e.cloneNode(!0);this.originalParent.insertBefore(a,e),this.replacement=a,this.thumb=document.createElement("div"),this.thumb.classList.add("vvw-img-lo");const{width:i,height:n}=this.thumbImage?m(this.thumbImage):{width:0,height:0};this.fittedSize={width:i,height:n},this.thumb.appendChild(e),e.style.width="100%",e.style.height="100%",e.style.objectFit=this.origin.objectFit}}createState(){const t=this;return{_t:this,_width:0,_height:0,_transform:{x:0,y:0,scale:1},_translate:{x:0,y:0},_lessThanMinWidth:!1,get width(){return this._width},set width(e){this._width=e,t.onWidthChange(e)},get height(){return this._height},set height(e){this._height=e,t.onHeightChange(e)},get transform(){return this._transform},set transform(e){this._transform=e,t.onTransformChange(e)},get translate(){return this._translate},set translate(e){this._translate=e,t.onTranslateChange(e)},get lessThanMinWidth(){return this._lessThanMinWidth},set lessThanMinWidth(e){this._lessThanMinWidth=e,t.onLessThanMinWidthChange(e)}}}onLessThanMinWidthChange(t){t?this.element.style.opacity="0.5":this.element.style.opacity=""}onTranslateChange(t){this.element.style.translate=`calc(-50% + ${t.x}px) calc(-50% + ${t.y}px)`}onTransformChange(t){const e=`translate3d(${t.x}px, ${t.y}px, 0px) scale3d(${t.scale}, ${t.scale}, 1)`;this.element.style.transform=e}onWidthChange(t){this.element.style.width=`${t}px`}onHeightChange(t){this.element.style.height=`${t}px`}onImageReady(){}animateZoom(t,e){}scaleMove(t,e,s){}momentumThrow(t){return()=>{}}async init(){await this.isLoaded;const t=this.element;this.transitionState&&this.transitionState.current.width&&this.transitionState.current.height?(this.state.width=this.transitionState.current.width,this.state.height=this.transitionState.current.height):t.classList.contains("vvw--loaded")||(this.state.width=this.initW,this.state.height=this.initH);const e=()=>{this.isCancelled||g.start({vistaImage:this,target:{width:this.fullW,height:this.fullH},onComplete:()=>{this.isCancelled||(this.isReady=!0,t.classList.add("vvw--ready"),this.onImageReady())},shouldWait:this.transitionShouldWait})};this.pos<-1||this.pos>1?(this.state.width=this.fullW,this.state.height=this.fullH,t.classList.add("vvw--loaded"),t.classList.add("vvw--ready"),this.isReady=!0):t.classList.contains("vvw--loaded")?t.classList.contains("vvw--ready")?(this.isReady=!0,this.onImageReady()):e():(t.classList.add("vvw--loaded"),setTimeout(()=>{this.isCancelled||e()},333))}getFullSizeDim(){const{width:t,height:e}=this.thumb.getBoundingClientRect(),s=t/e;let a=window.innerWidth,i=window.innerHeight;return s>window.innerWidth/window.innerHeight?i=a/s:a=i*s,{width:a,height:i}}setSizes(t={}){var c,r,l;const{stableSize:e=!0,initDimension:s}=t;if(!this.origin)return;const a=this.thumb;let i={width:this.defaultWH,height:this.defaultWH,top:0,left:0};if(a){i=(((c=this.origin)==null?void 0:c.anchor)||this.replacement).getBoundingClientRect();const o=a.style;o.width=i.width+"px",o.height=i.height+"px",o.top="50%",o.left="50%",o.translate="-50% -50%",o.position="fixed",o.objectFit=this.origin.objectFit,o.borderRadius=this.origin.borderRadius;const f=Math.min(Math.max(i.left,-i.width),window.innerWidth+i.width)-window.innerWidth/2+i.width/2,w=Math.min(Math.max(i.top,-i.height),window.innerHeight+i.height)-window.innerHeight/2+i.height/2;o.setProperty("--vvw-init-radius",o.borderRadius),o.setProperty("--vvw-pulse-radius",`calc(1.3 * ${o.borderRadius})`),o.setProperty("--vvw-init-x",`${f}px`),o.setProperty("--vvw-init-y",`${w}px`),s&&(o.setProperty("--vvw-current-x",`${f}px`),o.setProperty("--vvw-current-y",`${w}px`))}if(!s){const{width:o,height:f}=this.thumbImage?m(this.thumbImage):{width:0,height:0};this.fittedSize={width:o,height:f}}const n=this.element;if(this.initW=Math.min(((r=this.fittedSize)==null?void 0:r.width)??0,i.width),this.initH=Math.min(((l=this.fittedSize)==null?void 0:l.height)??0,i.height),n.style.setProperty("--vvw-init-w",this.initW+"px"),n.style.setProperty("--vvw-init-h",this.initH+"px"),n.style.setProperty("--vvw-init-radius",this.origin.borderRadius),n.style.objectFit="cover",!s){if(this.isReady&&!this.isCancelled){const{width:o,height:f}=this.getFullSizeDim();this.fullH=f,this.fullW=o,this.minW=this.fullW*.5}!this.isZoomedIn&&e&&this.normalize()}}normalize(){this.state.transform={x:0,y:0,scale:1},this.state.translate={x:0,y:0},this.state.width=this.fullW,this.state.height=this.fullH,this.isZoomedIn=!1}getFromParsedSrcSet(t){if(!this.parsedSrcSet||this.parsedSrcSet.length===0)return null;const e=t*(window.devicePixelRatio||1);let s=this.parsedSrcSet[this.parsedSrcSet.length-1];for(const a of this.parsedSrcSet)if(a.width>=e){s=a;break}return s.src}prepareClose(){g.stop(this),this.setFinalTransform()}cancelPendingLoad(){var t;this.isCancelled=!0,(t=this.element)==null||t.classList.add("vvw--load-cancelled")}setInitialCenter(t){this.initPointerCenter=t}destroy(){var t,e;this.originalParent&&this.thumbImage&&(this.thumbImage.style.cssText=this.originalStyle,this.originalNextSibling?this.originalParent.insertBefore(this.thumbImage,this.originalNextSibling):this.originalParent.appendChild(this.thumbImage)),this.originalParent=null,this.originalNextSibling=null,this.originalStyle="",this.thumbImage=null,this.replacement&&(this.replacement.remove(),this.replacement=null),(t=this.thumb)==null||t.remove(),(e=this.element)==null||e.remove(),this.thumb=null,this.origin=void 0,this.config={src:"",alt:""}}cloneStyleFrom(t,e){t!=null&&t.element&&(e&&(this.transitionState=e||null),t.element.classList.contains("vvw--loaded")&&(this.element.classList.add("vvw--loaded"),this.state.width=t.state.width,this.state.height=t.state.height),t.element.classList.contains("vvw--ready")&&this.element.classList.add("vvw--ready"))}toObject(){return structuredClone({config:{src:this.config.src,alt:this.config.alt,srcSet:this.config.srcSet},origin:this.origin?{src:this.origin.src,srcSet:this.origin.srcSet,borderRadius:this.origin.borderRadius,objectFit:this.origin.objectFit}:null,parsedSrcSet:this.parsedSrcSet,element:"src"in this.element?this.element.src:this.element.toString(),thumb:void 0,index:this.index,pos:this.pos,state:{width:this.state._width,height:this.state._height,transform:this.state._transform,translate:this.state._translate}})}setFinalTransform(t={}){const{propagateEvent:e=!0}=t;if(this.isReady){if(this.state.translate.x+=this.state.transform.x,this.state.translate.y+=this.state.transform.y,this.state.width*=this.state.transform.scale,this.state.height*=this.state.transform.scale,Math.abs(this.state.width-this.fullW)<1&&(this.state.width=this.fullW,this.state.height=this.fullH),Math.abs(this.state.translate.x)<1&&(this.state.translate.x=0),Math.abs(this.state.translate.y)<1&&(this.state.translate.y=0),this.state.translate={...this.state.translate},this.state.transform={x:0,y:0,scale:1},e){const s=this.toObject();this.vistaView.options.onContentChange&&this.vistaView.options.onContentChange(s,this.vistaView),this.vistaView.state.extensions.forEach(a=>{a.onContentChange&&a.onContentChange(s,this.vistaView)})}return{close:!0,cancel:()=>{}}}}}function y(d){if(!d)return null;const t=[/(?:youtube\.com\/watch\?v=|youtu\.be\/)([a-zA-Z0-9_-]{11})/,/youtube\.com\/embed\/([a-zA-Z0-9_-]{11})/,/youtube\.com\/v\/([a-zA-Z0-9_-]{11})/,/youtube\.com\/live\/([a-zA-Z0-9_-]{11})/,/youtube\.com\/shorts\/([a-zA-Z0-9_-]{11})/];for(const e of t){const s=d.match(e);if(s&&s[1])return s[1]}return null}function v(d,t="hq"){const e={maxres:"maxresdefault.jpg",hq:"hqdefault.jpg",mq:"mqdefault.jpg",sd:"sddefault.jpg",default:"default.jpg"},s=y(d);if(!s)throw new Error("Invalid YouTube video URL");return`https://img.youtube.com/vi/${s}/${e[t]}`}class p extends T{constructor(e){var r;super(e);h(this,"element");h(this,"url");const s=e.elm.config.src;this.url=s;const a=document.createElement("div");a.style.position="relative";const i=document.createElement("img");a.appendChild(i),i.src=((r=this.origin)==null?void 0:r.image.src)||v(s,"hq"),i.style.width="100%",i.style.height="100%",i.style.objectFit="cover",i.classList.add("vvw--pulsing"),this.element=a,this.element.classList.add("vvw-img-hi");const{width:n,height:c}=this.getFullSizeDim();if(this.fullH=c,this.fullW=n,this.minW=this.fullW*.5,this.maxW=this.fullW,this.element.style.width=`${n}px`,this.element.style.height=`${c}px`,this.setSizes({stableSize:!1,initDimension:!0}),this.pos===0){const l=document.createElement("iframe");l.frameBorder="0",l.allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",l.allowFullscreen=!0,l.width="100%",l.height="100%",l.style.position="absolute",l.style.top="0",l.style.left="0",l.style.opacity="0",l.style.transition="opacity 1s ease",l.src=`https://www.youtube.com/embed/${y(s)}?autoplay=1&rel=0`,a.appendChild(l),l.onload=()=>{l.style.opacity="1",i.classList.remove("vvw--pulsing")}}this.isLoadedResolved(!0)}getFullSizeDim(){const e=Math.min(window.innerWidth,800);return{width:e,height:e*9/16}}setFinalTransform(){return super.setFinalTransform({propagateEvent:!1})}}function R(){return{name:"ytVideo",onInitializeImage:d=>{const t=d.elm.config.src;if(y(t))return new p(d)},onImageView:async(d,t)=>{const e=d.images.to[Math.floor(d.images.to.length/2)];e instanceof p&&t.deactivateUi(["download","zoomIn","zoomOut"],e)}}}u.VistaYoutubeVideo=p,u.getYouTubeThumbnail=v,u.parseYouTubeVideoId=y,u.youtubeVideo=R,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})}));

package/dist/lib/components.d.ts

@@ -1,6 +1,4 @@
-import { VistaCustomCtrl, VistaOpt, VistaImgIdx } from './types';
-export declare function vistaViewDownload(): VistaCustomCtrl;
-export declare function vistaViewItem(el: VistaImgIdx, positionalIndex?: number): HTMLDivElement;
+import { VistaOpt } from './types';
 export declare function vistaViewComponent({ controls, }: {
     controls: VistaOpt['controls'];
 }): DocumentFragment;

package/dist/lib/components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/lib/components.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAoB,eAAe,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AA4CxF,wBAAgB,iBAAiB,IAAI,eAAe,CAgBnD;AAuBD,wBAAgB,aAAa,CAAC,EAAE,EAAE,WAAW,EAAE,eAAe,CAAC,EAAE,MAAM,GAAG,cAAc,CAmBvF;AAED,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC;CAChC,GAAG,gBAAgB,CAkBnB"}
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/lib/components.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAoC,QAAQ,EAAE,MAAM,SAAS,CAAC;AAiE1E,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC;CAChC,GAAG,gBAAgB,CA4CnB"}

package/dist/lib/defaults/image-setup.d.ts

@@ -0,0 +1,3 @@
+import { VistaData } from '../types';
+export declare function imageSetup(_params: VistaData): void;
+//# sourceMappingURL=image-setup.d.ts.map

package/dist/lib/defaults/image-setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-setup.d.ts","sourceRoot":"","sources":["../../../src/lib/defaults/image-setup.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAG1C,wBAAgB,UAAU,CAAC,OAAO,EAAE,SAAS,QAE5C"}

package/dist/lib/defaults/init.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"init.d.ts","sourceRoot":"","sources":["../../../src/lib/defaults/init.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG/C,wBAAgB,IAAI,CAAC,SAAS,EAAE,SAAS,QAQxC"}
+{"version":3,"file":"init.d.ts","sourceRoot":"","sources":["../../../src/lib/defaults/init.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG/C,wBAAgB,IAAI,CAAC,SAAS,EAAE,SAAS,QAExC"}

package/dist/lib/defaults/open.d.ts

@@ -0,0 +1,3 @@
+import { VistaView } from '../vista-view';
+export declare function open(vistaView: VistaView): void;
+//# sourceMappingURL=open.d.ts.map

package/dist/lib/defaults/open.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"open.d.ts","sourceRoot":"","sources":["../../../src/lib/defaults/open.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG/C,wBAAgB,IAAI,CAAC,SAAS,EAAE,SAAS,QAMxC"}

package/dist/lib/defaults/options.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"options.d.ts","sourceRoot":"","sources":["../../../src/lib/defaults/options.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAGzC,eAAO,MAAM,cAAc,EAAE,QAc5B,CAAC"}
+{"version":3,"file":"options.d.ts","sourceRoot":"","sources":["../../../src/lib/defaults/options.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEzC,eAAO,MAAM,cAAc,EAAE,QAc5B,CAAC"}

package/dist/lib/defaults/transition.d.ts

@@ -1,5 +1,5 @@
 import { VistaData } from '../types';
-export declare function transition({ vistaView: { isReducedMotion }, htmlElements: { to: HtmlTo }, index: { from: fromIndex, to: toIndex }, vistaView: { elements, imageContainer: imgc, options }, }: VistaData, signal: AbortSignal): {
+export declare function transition({ vistaView, htmlElements: { to: HtmlTo }, index: { from: fromIndex, to: toIndex } }: VistaData, signal: AbortSignal): {
     cleanup: () => void;
     transitionEnded: Promise<void>;
 } | undefined;

package/dist/lib/defaults/transition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"transition.d.ts","sourceRoot":"","sources":["../../../src/lib/defaults/transition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAG1C,wBAAgB,UAAU,CACxB,EACE,SAAS,EAAE,EAAE,eAAe,EAAE,EAC9B,YAAY,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAC5B,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,OAAO,EAAE,EACvC,SAAS,EAAE,EAAE,QAAQ,EAAE,cAAc,EAAE,IAAI,EAAE,OAAO,EAAE,GACvD,EAAE,SAAS,EACZ,MAAM,EAAE,WAAW;;;cAkDpB"}
+{"version":3,"file":"transition.d.ts","sourceRoot":"","sources":["../../../src/lib/defaults/transition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAG1C,wBAAgB,UAAU,CACxB,EAAE,SAAS,EAAE,YAAY,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,SAAS,EAC/F,MAAM,EAAE,WAAW;;;cAsDpB"}

package/dist/lib/extensions/dailymotion-video.d.ts

@@ -0,0 +1,34 @@
+import { VistaExtension, VistaImageParams } from '../types';
+import { VistaBox } from '../vista-box';
+/**
+ * Parse Dailymotion URL and extract video ID
+ * Supports various Dailymotion URL formats:
+ * - https://www.dailymotion.com/video/VIDEO_ID
+ * - https://dai.ly/VIDEO_ID
+ * - https://www.dailymotion.com/embed/video/VIDEO_ID
+ * @param url - Dailymotion video URL
+ * @returns Video ID or null if not found
+ */
+export declare function parseDailymotionVideoId(url: string): string | null;
+/**
+ * Get Dailymotion video thumbnail URL
+ * @param videoUrl - Dailymotion video URL
+ * @param quality - Thumbnail quality: 'large' | 'medium' | 'small'
+ * @returns Thumbnail URL
+ */
+export declare function getDailymotionThumbnail(videoUrl: string): string;
+export declare class VistaDailymotionVideo extends VistaBox {
+    element: HTMLDivElement | HTMLImageElement;
+    url: string;
+    constructor(par: VistaImageParams);
+    protected getFullSizeDim(): {
+        width: number;
+        height: number;
+    };
+    setFinalTransform(): {
+        close: boolean;
+        cancel: () => void;
+    } | undefined;
+}
+export declare function dailymotionVideo(): VistaExtension;
+//# sourceMappingURL=dailymotion-video.d.ts.map

package/dist/lib/extensions/dailymotion-video.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dailymotion-video.d.ts","sourceRoot":"","sources":["../../../src/lib/extensions/dailymotion-video.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAa,cAAc,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC;;;;;;;;GAQG;AACH,wBAAgB,uBAAuB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAkBlE;AAED;;;;;GAKG;AACH,wBAAgB,uBAAuB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAQhE;AAED,qBAAa,qBAAsB,SAAQ,QAAQ;IACjD,OAAO,EAAE,cAAc,GAAG,gBAAgB,CAAC;IAC3C,GAAG,EAAE,MAAM,CAAC;gBAEA,GAAG,EAAE,gBAAgB;IA0DjC,SAAS,CAAC,cAAc,IAAI;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE;IAU7D,iBAAiB;;;;CAGlB;AAED,wBAAgB,gBAAgB,IAAI,cAAc,CAiBjD"}

package/dist/lib/extensions/download.d.ts

@@ -0,0 +1,3 @@
+import { VistaExtension } from '../types';
+export declare function download(): VistaExtension;
+//# sourceMappingURL=download.d.ts.map

package/dist/lib/extensions/download.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"download.d.ts","sourceRoot":"","sources":["../../../src/lib/extensions/download.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAa,cAAc,EAAE,MAAM,UAAU,CAAC;AAO1D,wBAAgB,QAAQ,IAAI,cAAc,CA2EzC"}