vistaview 0.7.8 → 0.10.10

package/dist/extensions/image-story.umd.js

@@ -0,0 +1,2 @@
+(function(G,Q){typeof exports=="object"&&typeof module<"u"?Q(exports):typeof define=="function"&&define.amd?define(["exports"],Q):(G=typeof globalThis<"u"?globalThis:G||self,Q(G.VistaView=G.VistaView||{}))})(this,(function(G){"use strict";function Q(w){return w&&w.__esModule&&Object.prototype.hasOwnProperty.call(w,"default")?w.default:w}/*! @license DOMPurify 3.3.1 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.3.1/LICENSE */var ye,Xe;function $e(){if(Xe)return ye;Xe=1;const{entries:w,setPrototypeOf:B,isFrozen:M,getPrototypeOf:v,getOwnPropertyDescriptor:y}=Object;let{freeze:r,seal:f,create:_}=Object,{apply:E,construct:I}=typeof Reflect<"u"&&Reflect;r||(r=function(o){return o}),f||(f=function(o){return o}),E||(E=function(o,c){for(var a=arguments.length,u=new Array(a>2?a-2:0),N=2;N<a;N++)u[N-2]=arguments[N];return o.apply(c,u)}),I||(I=function(o){for(var c=arguments.length,a=new Array(c>1?c-1:0),u=1;u<c;u++)a[u-1]=arguments[u];return new o(...a)});const d=O(Array.prototype.forEach),Ut=O(Array.prototype.lastIndexOf),Ke=O(Array.prototype.pop),ee=O(Array.prototype.push),Ft=O(Array.prototype.splice),ue=O(String.prototype.toLowerCase),Re=O(String.prototype.toString),Oe=O(String.prototype.match),te=O(String.prototype.replace),Ht=O(String.prototype.indexOf),zt=O(String.prototype.trim),x=O(Object.prototype.hasOwnProperty),R=O(RegExp.prototype.test),ne=Gt(TypeError);function O(l){return function(o){o instanceof RegExp&&(o.lastIndex=0);for(var c=arguments.length,a=new Array(c>1?c-1:0),u=1;u<c;u++)a[u-1]=arguments[u];return E(l,o,a)}}function Gt(l){return function(){for(var o=arguments.length,c=new Array(o),a=0;a<o;a++)c[a]=arguments[a];return I(l,c)}}function s(l,o){let c=arguments.length>2&&arguments[2]!==void 0?arguments[2]:ue;B&&B(l,null);let a=o.length;for(;a--;){let u=o[a];if(typeof u=="string"){const N=c(u);N!==u&&(M(o)||(o[a]=N),u=N)}l[u]=!0}return l}function Bt(l){for(let o=0;o<l.length;o++)x(l,o)||(l[o]=null);return l}function P(l){const o=_(null);for(const[c,a]of w(l))x(l,c)&&(Array.isArray(a)?o[c]=Bt(a):a&&typeof a=="object"&&a.constructor===Object?o[c]=P(a):o[c]=a);return o}function oe(l,o){for(;l!==null;){const a=y(l,o);if(a){if(a.get)return O(a.get);if(typeof a.value=="function")return O(a.value)}l=v(l)}function c(){return null}return c}const Ze=r(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","search","section","select","shadow","slot","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]),be=r(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","enterkeyhint","exportparts","filter","font","g","glyph","glyphref","hkern","image","inputmode","line","lineargradient","marker","mask","metadata","mpath","part","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]),De=r(["feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence"]),Wt=r(["animate","color-profile","cursor","discard","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignobject","hatch","hatchpath","mesh","meshgradient","meshpatch","meshrow","missing-glyph","script","set","solidcolor","unknown","use"]),Ne=r(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover","mprescripts"]),Yt=r(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]),Je=r(["#text"]),Qe=r(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","exportparts","face","for","headers","height","hidden","high","href","hreflang","id","inert","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","nonce","noshade","novalidate","nowrap","open","optimum","part","pattern","placeholder","playsinline","popover","popovertarget","popovertargetaction","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","slot","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","wrap","xmlns","slot"]),Ce=r(["accent-height","accumulate","additive","alignment-baseline","amplitude","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dur","edgemode","elevation","end","exponent","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","intercept","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","mask-type","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","slope","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","tablevalues","targetx","targety","transform","transform-origin","text-anchor","text-decoration","text-rendering","textlength","type","u1","u2","unicode","values","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]),et=r(["accent","accentunder","align","bevelled","close","columnsalign","columnlines","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lspace","lquote","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]),pe=r(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]),jt=f(/\{\{[\w\W]*|[\w\W]*\}\}/gm),Vt=f(/<%[\w\W]*|[\w\W]*%>/gm),Xt=f(/\$\{[\w\W]*/gm),$t=f(/^data-[\-\w.\u00B7-\uFFFF]+$/),qt=f(/^aria-[\-\w]+$/),tt=f(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),Kt=f(/^(?:\w+script|data):/i),Zt=f(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),nt=f(/^html$/i),Jt=f(/^[a-z][.\w]*(-[.\w]+)+$/i);var ot=Object.freeze({__proto__:null,ARIA_ATTR:qt,ATTR_WHITESPACE:Zt,CUSTOM_ELEMENT:Jt,DATA_ATTR:$t,DOCTYPE_NAME:nt,ERB_EXPR:Vt,IS_ALLOWED_URI:tt,IS_SCRIPT_OR_DATA:Kt,MUSTACHE_EXPR:jt,TMPLIT_EXPR:Xt});const ie={element:1,text:3,progressingInstruction:7,comment:8,document:9},Qt=function(){return typeof window>"u"?null:window},en=function(o,c){if(typeof o!="object"||typeof o.createPolicy!="function")return null;let a=null;const u="data-tt-policy-suffix";c&&c.hasAttribute(u)&&(a=c.getAttribute(u));const N="dompurify"+(a?"#"+a:"");try{return o.createPolicy(N,{createHTML(j){return j},createScriptURL(j){return j}})}catch{return console.warn("TrustedTypes policy "+N+" could not be created."),null}},it=function(){return{afterSanitizeAttributes:[],afterSanitizeElements:[],afterSanitizeShadowDOM:[],beforeSanitizeAttributes:[],beforeSanitizeElements:[],beforeSanitizeShadowDOM:[],uponSanitizeAttribute:[],uponSanitizeElement:[],uponSanitizeShadowNode:[]}};function rt(){let l=arguments.length>0&&arguments[0]!==void 0?arguments[0]:Qt();const o=i=>rt(i);if(o.version="3.3.1",o.removed=[],!l||!l.document||l.document.nodeType!==ie.document||!l.Element)return o.isSupported=!1,o;let{document:c}=l;const a=c,u=a.currentScript,{DocumentFragment:N,HTMLTemplateElement:j,Node:Ie,Element:at,NodeFilter:re,NamedNodeMap:nn=l.NamedNodeMap||l.MozNamedAttrMap,HTMLFormElement:on,DOMParser:rn,trustedTypes:me}=l,ae=at.prototype,an=oe(ae,"cloneNode"),sn=oe(ae,"remove"),ln=oe(ae,"nextSibling"),cn=oe(ae,"childNodes"),de=oe(ae,"parentNode");if(typeof j=="function"){const i=c.createElement("template");i.content&&i.content.ownerDocument&&(c=i.content.ownerDocument)}let b,se="";const{implementation:we,createNodeIterator:fn,createDocumentFragment:un,getElementsByTagName:pn}=c,{importNode:mn}=a;let D=it();o.isSupported=typeof w=="function"&&typeof de=="function"&&we&&we.createHTMLDocument!==void 0;const{MUSTACHE_EXPR:Me,ERB_EXPR:ve,TMPLIT_EXPR:xe,DATA_ATTR:dn,ARIA_ATTR:Tn,IS_SCRIPT_OR_DATA:hn,ATTR_WHITESPACE:st,CUSTOM_ELEMENT:En}=ot;let{IS_ALLOWED_URI:lt}=ot,g=null;const ct=s({},[...Ze,...be,...De,...Ne,...Je]);let A=null;const ft=s({},[...Qe,...Ce,...et,...pe]);let m=Object.seal(_(null,{tagNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},allowCustomizedBuiltInElements:{writable:!0,configurable:!1,enumerable:!0,value:!1}})),le=null,Pe=null;const V=Object.seal(_(null,{tagCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeCheck:{writable:!0,configurable:!1,enumerable:!0,value:null}}));let ut=!0,ke=!0,pt=!1,mt=!0,X=!1,Te=!0,W=!1,Ue=!1,Fe=!1,$=!1,he=!1,Ee=!1,dt=!0,Tt=!1;const gn="user-content-";let He=!0,ce=!1,q={},k=null;const ze=s({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]);let ht=null;const Et=s({},["audio","video","img","source","image","track"]);let Ge=null;const gt=s({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]),ge="http://www.w3.org/1998/Math/MathML",_e="http://www.w3.org/2000/svg",F="http://www.w3.org/1999/xhtml";let K=F,Be=!1,We=null;const _n=s({},[ge,_e,F],Re);let Ae=s({},["mi","mo","mn","ms","mtext"]),Se=s({},["annotation-xml"]);const An=s({},["title","style","font","a","script"]);let fe=null;const Sn=["application/xhtml+xml","text/html"],yn="text/html";let h=null,Z=null;const Ln=c.createElement("form"),_t=function(e){return e instanceof RegExp||e instanceof Function},Ye=function(){let e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};if(!(Z&&Z===e)){if((!e||typeof e!="object")&&(e={}),e=P(e),fe=Sn.indexOf(e.PARSER_MEDIA_TYPE)===-1?yn:e.PARSER_MEDIA_TYPE,h=fe==="application/xhtml+xml"?Re:ue,g=x(e,"ALLOWED_TAGS")?s({},e.ALLOWED_TAGS,h):ct,A=x(e,"ALLOWED_ATTR")?s({},e.ALLOWED_ATTR,h):ft,We=x(e,"ALLOWED_NAMESPACES")?s({},e.ALLOWED_NAMESPACES,Re):_n,Ge=x(e,"ADD_URI_SAFE_ATTR")?s(P(gt),e.ADD_URI_SAFE_ATTR,h):gt,ht=x(e,"ADD_DATA_URI_TAGS")?s(P(Et),e.ADD_DATA_URI_TAGS,h):Et,k=x(e,"FORBID_CONTENTS")?s({},e.FORBID_CONTENTS,h):ze,le=x(e,"FORBID_TAGS")?s({},e.FORBID_TAGS,h):P({}),Pe=x(e,"FORBID_ATTR")?s({},e.FORBID_ATTR,h):P({}),q=x(e,"USE_PROFILES")?e.USE_PROFILES:!1,ut=e.ALLOW_ARIA_ATTR!==!1,ke=e.ALLOW_DATA_ATTR!==!1,pt=e.ALLOW_UNKNOWN_PROTOCOLS||!1,mt=e.ALLOW_SELF_CLOSE_IN_ATTR!==!1,X=e.SAFE_FOR_TEMPLATES||!1,Te=e.SAFE_FOR_XML!==!1,W=e.WHOLE_DOCUMENT||!1,$=e.RETURN_DOM||!1,he=e.RETURN_DOM_FRAGMENT||!1,Ee=e.RETURN_TRUSTED_TYPE||!1,Fe=e.FORCE_BODY||!1,dt=e.SANITIZE_DOM!==!1,Tt=e.SANITIZE_NAMED_PROPS||!1,He=e.KEEP_CONTENT!==!1,ce=e.IN_PLACE||!1,lt=e.ALLOWED_URI_REGEXP||tt,K=e.NAMESPACE||F,Ae=e.MATHML_TEXT_INTEGRATION_POINTS||Ae,Se=e.HTML_INTEGRATION_POINTS||Se,m=e.CUSTOM_ELEMENT_HANDLING||{},e.CUSTOM_ELEMENT_HANDLING&&_t(e.CUSTOM_ELEMENT_HANDLING.tagNameCheck)&&(m.tagNameCheck=e.CUSTOM_ELEMENT_HANDLING.tagNameCheck),e.CUSTOM_ELEMENT_HANDLING&&_t(e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)&&(m.attributeNameCheck=e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck),e.CUSTOM_ELEMENT_HANDLING&&typeof e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements=="boolean"&&(m.allowCustomizedBuiltInElements=e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements),X&&(ke=!1),he&&($=!0),q&&(g=s({},Je),A=[],q.html===!0&&(s(g,Ze),s(A,Qe)),q.svg===!0&&(s(g,be),s(A,Ce),s(A,pe)),q.svgFilters===!0&&(s(g,De),s(A,Ce),s(A,pe)),q.mathMl===!0&&(s(g,Ne),s(A,et),s(A,pe))),e.ADD_TAGS&&(typeof e.ADD_TAGS=="function"?V.tagCheck=e.ADD_TAGS:(g===ct&&(g=P(g)),s(g,e.ADD_TAGS,h))),e.ADD_ATTR&&(typeof e.ADD_ATTR=="function"?V.attributeCheck=e.ADD_ATTR:(A===ft&&(A=P(A)),s(A,e.ADD_ATTR,h))),e.ADD_URI_SAFE_ATTR&&s(Ge,e.ADD_URI_SAFE_ATTR,h),e.FORBID_CONTENTS&&(k===ze&&(k=P(k)),s(k,e.FORBID_CONTENTS,h)),e.ADD_FORBID_CONTENTS&&(k===ze&&(k=P(k)),s(k,e.ADD_FORBID_CONTENTS,h)),He&&(g["#text"]=!0),W&&s(g,["html","head","body"]),g.table&&(s(g,["tbody"]),delete le.tbody),e.TRUSTED_TYPES_POLICY){if(typeof e.TRUSTED_TYPES_POLICY.createHTML!="function")throw ne('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');if(typeof e.TRUSTED_TYPES_POLICY.createScriptURL!="function")throw ne('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');b=e.TRUSTED_TYPES_POLICY,se=b.createHTML("")}else b===void 0&&(b=en(me,u)),b!==null&&typeof se=="string"&&(se=b.createHTML(""));r&&r(e),Z=e}},At=s({},[...be,...De,...Wt]),St=s({},[...Ne,...Yt]),Rn=function(e){let t=de(e);(!t||!t.tagName)&&(t={namespaceURI:K,tagName:"template"});const n=ue(e.tagName),p=ue(t.tagName);return We[e.namespaceURI]?e.namespaceURI===_e?t.namespaceURI===F?n==="svg":t.namespaceURI===ge?n==="svg"&&(p==="annotation-xml"||Ae[p]):!!At[n]:e.namespaceURI===ge?t.namespaceURI===F?n==="math":t.namespaceURI===_e?n==="math"&&Se[p]:!!St[n]:e.namespaceURI===F?t.namespaceURI===_e&&!Se[p]||t.namespaceURI===ge&&!Ae[p]?!1:!St[n]&&(An[n]||!At[n]):!!(fe==="application/xhtml+xml"&&We[e.namespaceURI]):!1},U=function(e){ee(o.removed,{element:e});try{de(e).removeChild(e)}catch{sn(e)}},Y=function(e,t){try{ee(o.removed,{attribute:t.getAttributeNode(e),from:t})}catch{ee(o.removed,{attribute:null,from:t})}if(t.removeAttribute(e),e==="is")if($||he)try{U(t)}catch{}else try{t.setAttribute(e,"")}catch{}},yt=function(e){let t=null,n=null;if(Fe)e="<remove></remove>"+e;else{const T=Oe(e,/^[\r\n\t ]+/);n=T&&T[0]}fe==="application/xhtml+xml"&&K===F&&(e='<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>'+e+"</body></html>");const p=b?b.createHTML(e):e;if(K===F)try{t=new rn().parseFromString(p,fe)}catch{}if(!t||!t.documentElement){t=we.createDocument(K,"template",null);try{t.documentElement.innerHTML=Be?se:p}catch{}}const L=t.body||t.documentElement;return e&&n&&L.insertBefore(c.createTextNode(n),L.childNodes[0]||null),K===F?pn.call(t,W?"html":"body")[0]:W?t.documentElement:L},Lt=function(e){return fn.call(e.ownerDocument||e,e,re.SHOW_ELEMENT|re.SHOW_COMMENT|re.SHOW_TEXT|re.SHOW_PROCESSING_INSTRUCTION|re.SHOW_CDATA_SECTION,null)},je=function(e){return e instanceof on&&(typeof e.nodeName!="string"||typeof e.textContent!="string"||typeof e.removeChild!="function"||!(e.attributes instanceof nn)||typeof e.removeAttribute!="function"||typeof e.setAttribute!="function"||typeof e.namespaceURI!="string"||typeof e.insertBefore!="function"||typeof e.hasChildNodes!="function")},Rt=function(e){return typeof Ie=="function"&&e instanceof Ie};function H(i,e,t){d(i,n=>{n.call(o,e,t,Z)})}const Ot=function(e){let t=null;if(H(D.beforeSanitizeElements,e,null),je(e))return U(e),!0;const n=h(e.nodeName);if(H(D.uponSanitizeElement,e,{tagName:n,allowedTags:g}),Te&&e.hasChildNodes()&&!Rt(e.firstElementChild)&&R(/<[/\w!]/g,e.innerHTML)&&R(/<[/\w!]/g,e.textContent)||e.nodeType===ie.progressingInstruction||Te&&e.nodeType===ie.comment&&R(/<[/\w]/g,e.data))return U(e),!0;if(!(V.tagCheck instanceof Function&&V.tagCheck(n))&&(!g[n]||le[n])){if(!le[n]&&Dt(n)&&(m.tagNameCheck instanceof RegExp&&R(m.tagNameCheck,n)||m.tagNameCheck instanceof Function&&m.tagNameCheck(n)))return!1;if(He&&!k[n]){const p=de(e)||e.parentNode,L=cn(e)||e.childNodes;if(L&&p){const T=L.length;for(let C=T-1;C>=0;--C){const z=an(L[C],!0);z.__removalCount=(e.__removalCount||0)+1,p.insertBefore(z,ln(e))}}}return U(e),!0}return e instanceof at&&!Rn(e)||(n==="noscript"||n==="noembed"||n==="noframes")&&R(/<\/no(script|embed|frames)/i,e.innerHTML)?(U(e),!0):(X&&e.nodeType===ie.text&&(t=e.textContent,d([Me,ve,xe],p=>{t=te(t,p," ")}),e.textContent!==t&&(ee(o.removed,{element:e.cloneNode()}),e.textContent=t)),H(D.afterSanitizeElements,e,null),!1)},bt=function(e,t,n){if(dt&&(t==="id"||t==="name")&&(n in c||n in Ln))return!1;if(!(ke&&!Pe[t]&&R(dn,t))){if(!(ut&&R(Tn,t))){if(!(V.attributeCheck instanceof Function&&V.attributeCheck(t,e))){if(!A[t]||Pe[t]){if(!(Dt(e)&&(m.tagNameCheck instanceof RegExp&&R(m.tagNameCheck,e)||m.tagNameCheck instanceof Function&&m.tagNameCheck(e))&&(m.attributeNameCheck instanceof RegExp&&R(m.attributeNameCheck,t)||m.attributeNameCheck instanceof Function&&m.attributeNameCheck(t,e))||t==="is"&&m.allowCustomizedBuiltInElements&&(m.tagNameCheck instanceof RegExp&&R(m.tagNameCheck,n)||m.tagNameCheck instanceof Function&&m.tagNameCheck(n))))return!1}else if(!Ge[t]){if(!R(lt,te(n,st,""))){if(!((t==="src"||t==="xlink:href"||t==="href")&&e!=="script"&&Ht(n,"data:")===0&&ht[e])){if(!(pt&&!R(hn,te(n,st,"")))){if(n)return!1}}}}}}}return!0},Dt=function(e){return e!=="annotation-xml"&&Oe(e,En)},Nt=function(e){H(D.beforeSanitizeAttributes,e,null);const{attributes:t}=e;if(!t||je(e))return;const n={attrName:"",attrValue:"",keepAttr:!0,allowedAttributes:A,forceKeepAttr:void 0};let p=t.length;for(;p--;){const L=t[p],{name:T,namespaceURI:C,value:z}=L,J=h(T),Ve=z;let S=T==="value"?Ve:zt(Ve);if(n.attrName=J,n.attrValue=S,n.keepAttr=!0,n.forceKeepAttr=void 0,H(D.uponSanitizeAttribute,e,n),S=n.attrValue,Tt&&(J==="id"||J==="name")&&(Y(T,e),S=gn+S),Te&&R(/((--!?|])>)|<\/(style|title|textarea)/i,S)){Y(T,e);continue}if(J==="attributename"&&Oe(S,"href")){Y(T,e);continue}if(n.forceKeepAttr)continue;if(!n.keepAttr){Y(T,e);continue}if(!mt&&R(/\/>/i,S)){Y(T,e);continue}X&&d([Me,ve,xe],It=>{S=te(S,It," ")});const Ct=h(e.nodeName);if(!bt(Ct,J,S)){Y(T,e);continue}if(b&&typeof me=="object"&&typeof me.getAttributeType=="function"&&!C)switch(me.getAttributeType(Ct,J)){case"TrustedHTML":{S=b.createHTML(S);break}case"TrustedScriptURL":{S=b.createScriptURL(S);break}}if(S!==Ve)try{C?e.setAttributeNS(C,T,S):e.setAttribute(T,S),je(e)?U(e):Ke(o.removed)}catch{Y(T,e)}}H(D.afterSanitizeAttributes,e,null)},On=function i(e){let t=null;const n=Lt(e);for(H(D.beforeSanitizeShadowDOM,e,null);t=n.nextNode();)H(D.uponSanitizeShadowNode,t,null),Ot(t),Nt(t),t.content instanceof N&&i(t.content);H(D.afterSanitizeShadowDOM,e,null)};return o.sanitize=function(i){let e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},t=null,n=null,p=null,L=null;if(Be=!i,Be&&(i="<!-->"),typeof i!="string"&&!Rt(i))if(typeof i.toString=="function"){if(i=i.toString(),typeof i!="string")throw ne("dirty is not a string, aborting")}else throw ne("toString is not a function");if(!o.isSupported)return i;if(Ue||Ye(e),o.removed=[],typeof i=="string"&&(ce=!1),ce){if(i.nodeName){const z=h(i.nodeName);if(!g[z]||le[z])throw ne("root node is forbidden and cannot be sanitized in-place")}}else if(i instanceof Ie)t=yt("<!---->"),n=t.ownerDocument.importNode(i,!0),n.nodeType===ie.element&&n.nodeName==="BODY"||n.nodeName==="HTML"?t=n:t.appendChild(n);else{if(!$&&!X&&!W&&i.indexOf("<")===-1)return b&&Ee?b.createHTML(i):i;if(t=yt(i),!t)return $?null:Ee?se:""}t&&Fe&&U(t.firstChild);const T=Lt(ce?i:t);for(;p=T.nextNode();)Ot(p),Nt(p),p.content instanceof N&&On(p.content);if(ce)return i;if($){if(he)for(L=un.call(t.ownerDocument);t.firstChild;)L.appendChild(t.firstChild);else L=t;return(A.shadowroot||A.shadowrootmode)&&(L=mn.call(a,L,!0)),L}let C=W?t.outerHTML:t.innerHTML;return W&&g["!doctype"]&&t.ownerDocument&&t.ownerDocument.doctype&&t.ownerDocument.doctype.name&&R(nt,t.ownerDocument.doctype.name)&&(C="<!DOCTYPE "+t.ownerDocument.doctype.name+`>
+`+C),X&&d([Me,ve,xe],z=>{C=te(C,z," ")}),b&&Ee?b.createHTML(C):C},o.setConfig=function(){let i=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};Ye(i),Ue=!0},o.clearConfig=function(){Z=null,Ue=!1},o.isValidAttribute=function(i,e,t){Z||Ye({});const n=h(i),p=h(e);return bt(n,p,t)},o.addHook=function(i,e){typeof e=="function"&&ee(D[i],e)},o.removeHook=function(i,e){if(e!==void 0){const t=Ut(D[i],e);return t===-1?void 0:Ft(D[i],t,1)[0]}return Ke(D[i])},o.removeHooks=function(i){D[i]=[]},o.removeAllHooks=function(){D=it()},o}var tn=rt();return ye=tn,ye}var Le,qe;function wt(){return qe||(qe=1,Le=self.DOMPurify||(self.DOMPurify=$e().default||$e())),Le}var Mt=wt();const vt=Q(Mt),xt='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-up-icon lucide-chevron-up"><path d="m18 15-6-6-6 6"/></svg>';function Pt(w,B,M){const v=parseInt(w,10),y=Object.keys(B).reduce((f,_)=>{const E=parseInt(_,10);return E<v?f.before.push(_):E>v&&f.after.push(_),f},{before:[],after:[]});let r=0;for(;y.before.length+y.after.length>M;){const f=r%2===0?y.before.shift()??y.after.pop():y.after.pop()??y.before.shift();r++,f!==void 0&&delete B[f]}}function kt({getStory:w,maxStoryCache:B=5}){let M={},v="",y=null,r=null,f=null;return{name:"imageStory",control:()=>{y=document.createElement("div"),y.classList.add("vvw-story");const _=document.createElement("div");_.classList.add("vvw-story-container"),y.appendChild(_),r=document.createElement("div"),r.classList.add("vvw-story-text"),f=document.createElement("div"),f.classList.add("vvw-story-loading");const E=document.createElement("button");return E.classList.add("vvw-story-button"),E.innerHTML=xt,E.addEventListener("click",()=>{r!=null&&r.classList.contains("expanded")?(r.classList.remove("expanded"),E.classList.remove("expanded"),_.style.removeProperty("--vvw-story-height")):(r==null||r.classList.add("expanded"),E.classList.add("expanded"),requestAnimationFrame(()=>{const I=r==null?void 0:r.offsetHeight;_.style.setProperty("--vvw-story-height",`${I}px`)}))}),_.appendChild(r),_.appendChild(E),y},onClose(_){if(v!==""){const E=M[v];E&&E.onUnload&&E.onUnload()}M={},v="",y&&y.remove(),y=null,r=null,f=null},onImageView:(_,E)=>{const I=_.index.to??-1;if(v!==""&&`${I}`!==v){const d=M[v];d&&d.onUnload&&d.onUnload()}if(`${I}`in M){const d=M[`${I}`];r&&(r.innerHTML=d.content||""),d.onLoad&&d.onLoad()}else r&&(r.innerHTML=""),r&&f&&r.appendChild(f),w(I).then(d=>{d!==null?(d.content=vt.sanitize(d.content),M[`${I}`]=d,r&&(r.innerHTML=d.content||""),d.onLoad&&d.onLoad(),Pt(`${I}`,M,B)):delete M[`${I}`]})}}}G.imageStory=kt,Object.defineProperty(G,Symbol.toStringTag,{value:"Module"})}));

package/dist/extensions/logger.d.ts

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

package/dist/extensions/logger.js

@@ -0,0 +1,23 @@
+function n() {
+  return {
+    name: "logger",
+    onInitializeImage: (e) => {
+      console.debug("Logger: VistaView initialized with params:"), console.debug(e);
+    },
+    onContentChange: (e, o) => {
+      console.debug("Logger: Content changed"), console.debug(e);
+    },
+    onImageView: async (e, o) => {
+      console.debug("Logger: Image viewed"), console.debug(e);
+    },
+    onOpen: async (e) => {
+      console.debug("Logger: VistaView opened"), console.debug(e);
+    },
+    onClose: (e) => {
+      console.debug("Logger: VistaView closed"), console.debug(e);
+    }
+  };
+}
+export {
+  n as logger
+};

package/dist/extensions/logger.umd.js

@@ -0,0 +1 @@
+(function(o,n){typeof exports=="object"&&typeof module<"u"?n(exports):typeof define=="function"&&define.amd?define(["exports"],n):(o=typeof globalThis<"u"?globalThis:o||self,n(o.VistaView=o.VistaView||{}))})(this,(function(o){"use strict";function n(){return{name:"logger",onInitializeImage:e=>{console.debug("Logger: VistaView initialized with params:"),console.debug(e)},onContentChange:(e,i)=>{console.debug("Logger: Content changed"),console.debug(e)},onImageView:async(e,i)=>{console.debug("Logger: Image viewed"),console.debug(e)},onOpen:async e=>{console.debug("Logger: VistaView opened"),console.debug(e)},onClose:e=>{console.debug("Logger: VistaView closed"),console.debug(e)}}}o.logger=n,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})}));

package/dist/extensions/mapbox.d.ts

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

package/dist/extensions/mapbox.js

@@ -0,0 +1,124 @@
+var c = Object.defineProperty;
+var d = (o, t, e) => t in o ? c(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var l = (o, t, e) => d(o, typeof t != "symbol" ? t + "" : t, e);
+import { V as p } from "../vista-box-CQvGrjln.js";
+function g(o) {
+  if (!o) return null;
+  try {
+    const t = o.match(
+      /(-?\d+\.?\d*),\s*(-?\d+\.?\d*),?\s*(\d+\.?\d*)?,?\s*(\d+\.?\d*)?,?\s*(\d+\.?\d*)?/
+    );
+    if (t)
+      return {
+        lng: parseFloat(t[1]),
+        lat: parseFloat(t[2]),
+        zoom: t[3] ? parseFloat(t[3]) : void 0,
+        bearing: t[4] ? parseFloat(t[4]) : void 0,
+        pitch: t[5] ? parseFloat(t[5]) : void 0
+      };
+    const e = new URL(o);
+    if (e.hostname.includes("mapbox.com")) {
+      const i = e.pathname.match(/@(-?\d+\.?\d*),(-?\d+\.?\d*),(\d+\.?\d*)?/);
+      if (i)
+        return {
+          lng: parseFloat(i[1]),
+          lat: parseFloat(i[2]),
+          zoom: i[3] ? parseFloat(i[3]) : void 0
+        };
+    }
+  } catch {
+  }
+  return null;
+}
+function u(o, t) {
+  const e = o.zoom || t.zoom || 15, i = t.width || 800, s = t.height || 600, a = t.style || "streets-v12", n = o.bearing || t.bearing || 0, r = o.pitch || t.pitch || 0, m = `pin-s+ff0000(${o.lng},${o.lat})`;
+  return `https://api.mapbox.com/styles/v1/mapbox/${a}/static/${m}/${o.lng},${o.lat},${e},${n},${r}/${i}x${s}@2x?access_token=${t.accessToken}`;
+}
+class h extends p {
+  constructor(e, i, s) {
+    var m;
+    super(e);
+    l(this, "element");
+    l(this, "mapboxConfig");
+    l(this, "location");
+    l(this, "thumbnailImage");
+    this.mapboxConfig = i, this.location = s;
+    const a = document.createElement("div");
+    a.style.position = "relative", this.thumbnailImage = document.createElement("img"), a.appendChild(this.thumbnailImage), this.thumbnailImage.src = ((m = this.origin) == null ? void 0 : m.image.src) || u(s, i), this.thumbnailImage.style.width = "100%", this.thumbnailImage.style.height = "100%", this.thumbnailImage.style.objectFit = "cover", this.thumbnailImage.classList.add("vvw--pulsing"), this.element = a, this.element.classList.add("vvw-img-hi");
+    const { width: n, height: r } = this.getFullSizeDim();
+    this.fullH = r, this.fullW = n, this.minW = this.fullW * 0.5, this.maxW = this.fullW, this.element.style.width = `${n}px`, this.element.style.height = `${r}px`, this.setSizes({ stableSize: !1, initDimension: !0 }), this.pos === 0 ? this.loadMapboxGL().then(() => {
+      this.initializeMap(a);
+    }) : this.isLoadedResolved(!0);
+  }
+  async loadMapboxGL() {
+    if (!window.mapboxgl) {
+      if (!document.querySelector(".vistaview-mapbox-gl-css")) {
+        const e = document.createElement("link");
+        e.rel = "stylesheet", e.href = "https://api.mapbox.com/mapbox-gl-js/v3.0.1/mapbox-gl.css", e.className = "vistaview-mapbox-gl-css", document.head.appendChild(e);
+      }
+      if (!document.querySelector(".vistaview-mapbox-gl-js"))
+        return new Promise((e, i) => {
+          const s = document.createElement("script");
+          s.src = "https://api.mapbox.com/mapbox-gl-js/v3.0.1/mapbox-gl.js", s.className = "vistaview-mapbox-gl-js", s.onload = () => e(), s.onerror = () => i(new Error("Failed to load Mapbox GL JS")), document.head.appendChild(s);
+        });
+    }
+  }
+  initializeMap(e) {
+    const i = window.mapboxgl;
+    if (!i) {
+      this.isLoadedRejected(new Error("Mapbox GL JS not loaded"));
+      return;
+    }
+    const s = document.createElement("div");
+    s.style.position = "absolute", s.style.top = "0", s.style.left = "0", s.style.width = "100%", s.style.height = "100%", s.style.opacity = "0", s.style.transition = "opacity 1s ease", e.appendChild(s), s.addEventListener("pointerdown", (n) => {
+      n.stopPropagation();
+    }), i.accessToken = this.mapboxConfig.accessToken;
+    const a = new i.Map({
+      container: s,
+      style: `mapbox://styles/mapbox/${this.mapboxConfig.style || "streets-v12"}`,
+      center: [this.location.lng, this.location.lat],
+      zoom: this.location.zoom || this.mapboxConfig.zoom || 15,
+      bearing: this.location.bearing || this.mapboxConfig.bearing || 0,
+      pitch: this.location.pitch || this.mapboxConfig.pitch || 0
+    });
+    new i.Marker({ color: "#ff0000" }).setLngLat([this.location.lng, this.location.lat]).addTo(a), a.addControl(new i.NavigationControl()), a.on("load", () => {
+      this.onImageReady = () => {
+        a.resize(), s.style.opacity = "1", this.thumbnailImage.classList.remove("vvw--pulsing");
+      }, this.isLoadedResolved(!0);
+    }), a.on("error", (n) => {
+      this.isLoadedRejected(n);
+    });
+  }
+  // Use 16:9 aspect ratio with max 800px width
+  getFullSizeDim() {
+    const e = Math.min(window.innerWidth, this.mapboxConfig.width || 800);
+    return {
+      width: e,
+      height: e * 9 / 16
+    };
+  }
+  // Override to avoid propagating content change event
+  setFinalTransform() {
+    return super.setFinalTransform({ propagateEvent: !1 });
+  }
+}
+function v(o) {
+  return o.accessToken || console.error("Mapbox access token is required"), {
+    name: "mapbox",
+    onInitializeImage: (t) => {
+      const e = t.elm.config.src, i = g(e);
+      if (i)
+        return new h(t, o, i);
+    },
+    onImageView: async (t, e) => {
+      const i = t.images.to[Math.floor(t.images.to.length / 2)];
+      i instanceof h && e.deactivateUi(["download", "zoomIn", "zoomOut"], i);
+    }
+  };
+}
+export {
+  h as VistaMapbox,
+  u as getMapboxStaticImage,
+  v as mapbox,
+  g as parseMapboxLocation
+};

package/dist/extensions/mapbox.umd.js

@@ -0,0 +1 @@
+(function(c,m){typeof exports=="object"&&typeof module<"u"?m(exports):typeof define=="function"&&define.amd?define(["exports"],m):(c=typeof globalThis<"u"?globalThis:c||self,m(c.VistaView=c.VistaView||{}))})(this,(function(c){"use strict";var R=Object.defineProperty;var z=(c,m,f)=>m in c?R(c,m,{enumerable:!0,configurable:!0,writable:!0,value:f}):c[m]=f;var h=(c,m,f)=>z(c,typeof m!="symbol"?m+"":m,f);function m(l){const e=window.getComputedStyle(l).objectFit||"",{width:i,height:n}=l.getBoundingClientRect(),s=l.naturalWidth,a=l.naturalHeight;if(!e)return{width:i,height:n};if(!s||!a)return{width:i,height:n};const d=s/a,o=i/n;switch(e){case"fill":return{width:i,height:n};case"none":return{width:s,height:a};case"contain":return d>o?{width:i,height:i/d}:{width:n*d,height:n};case"cover":return d<o?{width:i,height:i/d}:{width:n*d,height:n};case"scale-down":{const u={width:s,height:a},r=d>o?{width:i,height:i/d}:{width:n*d,height:n};return r.width<=u.width&&r.height<=u.height?r:u}}return{width:i,height:n}}class f{static ease(t,e,i){const n=e-t,s=t+n*.2;return Math.abs(n)<i?e:s}static play(t,e,i){if(i()){requestAnimationFrame(()=>{this.play(t,e,i)});return}this.map.get(t)&&(t.element.classList.contains("vvw--load-cancelled")||requestAnimationFrame(()=>{var r,g,p,b,v,S,W,C,L,_;const n=this.map.get(t);if(!n||!t.element||t.element.classList.contains("vvw--load-cancelled"))return;const{current:s,target:a,log:d}=n;let o={};a.width!==void 0&&(o.width=this.ease(s._width,a.width,1)),a.height!==void 0&&(o.height=this.ease(s._height,a.height,1)),((r=a.transform)==null?void 0:r.x)!==void 0&&(o.transform=o.transform||{},o.transform.x=this.ease(s._transform.x,a.transform.x,1)),((g=a.transform)==null?void 0:g.y)!==void 0&&(o.transform=o.transform||{},o.transform.y=this.ease(s._transform.y,a.transform.y,1)),((p=a.transform)==null?void 0:p.scale)!==void 0&&(o.transform=o.transform||{},o.transform.scale=this.ease(s._transform.scale,a.transform.scale,.005)),((b=a.translate)==null?void 0:b.x)!==void 0&&(o.translate=o.translate||{},o.translate.x=this.ease(s._translate.x,a.translate.x,1)),((v=a.translate)==null?void 0:v.y)!==void 0&&(o.translate=o.translate||{},o.translate.y=this.ease(s._translate.y,a.translate.y,1)),o.width!==void 0&&(s.width=o.width),o.height!==void 0&&(s.height=o.height),o.translate&&(s.translate={...s.translate,...o.translate}),o.transform&&(s.transform={...s.transform,...o.transform}),(a.width===void 0||s._width===a.width)&&(a.height===void 0||s._height===a.height)&&(((S=a.transform)==null?void 0:S.x)===void 0||s._transform.x===a.transform.x)&&(((W=a.transform)==null?void 0:W.y)===void 0||s._transform.y===a.transform.y)&&(((C=a.transform)==null?void 0:C.scale)===void 0||s._transform.scale===a.transform.scale)&&(((L=a.translate)==null?void 0:L.x)===void 0||s._translate.x===a.translate.x)&&(((_=a.translate)==null?void 0:_.y)===void 0||s._translate.y===a.translate.y)?(this.map.delete(t),e()):(this.map.set(t,{current:s,target:a,log:d}),this.play(t,e,i))}))}static stop(t){const e=this.map.get(t);return this.map.delete(t),e}static start({vistaImage:t,target:e,onComplete:i,shouldWait:n}){this.stop(t),this.map.set(t,{current:t.state,target:e}),this.play(t,i,n)}}h(f,"map",new Map);class M{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 i;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?(i=this.origin)==null?void 0:i.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 n=e.cloneNode(!0);this.originalParent.insertBefore(n,e),this.replacement=n,this.thumb=document.createElement("div"),this.thumb.classList.add("vvw-img-lo");const{width:s,height:a}=this.thumbImage?m(this.thumbImage):{width:0,height:0};this.fittedSize={width:s,height:a},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,i){}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||f.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(),i=t/e;let n=window.innerWidth,s=window.innerHeight;return i>window.innerWidth/window.innerHeight?s=n/i:n=s*i,{width:n,height:s}}setSizes(t={}){var d,o,u;const{stableSize:e=!0,initDimension:i}=t;if(!this.origin)return;const n=this.thumb;let s={width:this.defaultWH,height:this.defaultWH,top:0,left:0};if(n){s=(((d=this.origin)==null?void 0:d.anchor)||this.replacement).getBoundingClientRect();const r=n.style;r.width=s.width+"px",r.height=s.height+"px",r.top="50%",r.left="50%",r.translate="-50% -50%",r.position="fixed",r.objectFit=this.origin.objectFit,r.borderRadius=this.origin.borderRadius;const g=Math.min(Math.max(s.left,-s.width),window.innerWidth+s.width)-window.innerWidth/2+s.width/2,p=Math.min(Math.max(s.top,-s.height),window.innerHeight+s.height)-window.innerHeight/2+s.height/2;r.setProperty("--vvw-init-radius",r.borderRadius),r.setProperty("--vvw-pulse-radius",`calc(1.3 * ${r.borderRadius})`),r.setProperty("--vvw-init-x",`${g}px`),r.setProperty("--vvw-init-y",`${p}px`),i&&(r.setProperty("--vvw-current-x",`${g}px`),r.setProperty("--vvw-current-y",`${p}px`))}if(!i){const{width:r,height:g}=this.thumbImage?m(this.thumbImage):{width:0,height:0};this.fittedSize={width:r,height:g}}const a=this.element;if(this.initW=Math.min(((o=this.fittedSize)==null?void 0:o.width)??0,s.width),this.initH=Math.min(((u=this.fittedSize)==null?void 0:u.height)??0,s.height),a.style.setProperty("--vvw-init-w",this.initW+"px"),a.style.setProperty("--vvw-init-h",this.initH+"px"),a.style.setProperty("--vvw-init-radius",this.origin.borderRadius),a.style.objectFit="cover",!i){if(this.isReady&&!this.isCancelled){const{width:r,height:g}=this.getFullSizeDim();this.fullH=g,this.fullW=r,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 i=this.parsedSrcSet[this.parsedSrcSet.length-1];for(const n of this.parsedSrcSet)if(n.width>=e){i=n;break}return i.src}prepareClose(){f.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 i=this.toObject();this.vistaView.options.onContentChange&&this.vistaView.options.onContentChange(i,this.vistaView),this.vistaView.state.extensions.forEach(n=>{n.onContentChange&&n.onContentChange(i,this.vistaView)})}return{close:!0,cancel:()=>{}}}}}function y(l){if(!l)return null;try{const t=l.match(/(-?\d+\.?\d*),\s*(-?\d+\.?\d*),?\s*(\d+\.?\d*)?,?\s*(\d+\.?\d*)?,?\s*(\d+\.?\d*)?/);if(t)return{lng:parseFloat(t[1]),lat:parseFloat(t[2]),zoom:t[3]?parseFloat(t[3]):void 0,bearing:t[4]?parseFloat(t[4]):void 0,pitch:t[5]?parseFloat(t[5]):void 0};const e=new URL(l);if(e.hostname.includes("mapbox.com")){const i=e.pathname.match(/@(-?\d+\.?\d*),(-?\d+\.?\d*),(\d+\.?\d*)?/);if(i)return{lng:parseFloat(i[1]),lat:parseFloat(i[2]),zoom:i[3]?parseFloat(i[3]):void 0}}}catch{}return null}function x(l,t){const e=l.zoom||t.zoom||15,i=t.width||800,n=t.height||600,s=t.style||"streets-v12",a=l.bearing||t.bearing||0,d=l.pitch||t.pitch||0,o=`pin-s+ff0000(${l.lng},${l.lat})`;return`https://api.mapbox.com/styles/v1/mapbox/${s}/static/${o}/${l.lng},${l.lat},${e},${a},${d}/${i}x${n}@2x?access_token=${t.accessToken}`}class w extends M{constructor(e,i,n){var o;super(e);h(this,"element");h(this,"mapboxConfig");h(this,"location");h(this,"thumbnailImage");this.mapboxConfig=i,this.location=n;const s=document.createElement("div");s.style.position="relative",this.thumbnailImage=document.createElement("img"),s.appendChild(this.thumbnailImage),this.thumbnailImage.src=((o=this.origin)==null?void 0:o.image.src)||x(n,i),this.thumbnailImage.style.width="100%",this.thumbnailImage.style.height="100%",this.thumbnailImage.style.objectFit="cover",this.thumbnailImage.classList.add("vvw--pulsing"),this.element=s,this.element.classList.add("vvw-img-hi");const{width:a,height:d}=this.getFullSizeDim();this.fullH=d,this.fullW=a,this.minW=this.fullW*.5,this.maxW=this.fullW,this.element.style.width=`${a}px`,this.element.style.height=`${d}px`,this.setSizes({stableSize:!1,initDimension:!0}),this.pos===0?this.loadMapboxGL().then(()=>{this.initializeMap(s)}):this.isLoadedResolved(!0)}async loadMapboxGL(){if(!window.mapboxgl){if(!document.querySelector(".vistaview-mapbox-gl-css")){const e=document.createElement("link");e.rel="stylesheet",e.href="https://api.mapbox.com/mapbox-gl-js/v3.0.1/mapbox-gl.css",e.className="vistaview-mapbox-gl-css",document.head.appendChild(e)}if(!document.querySelector(".vistaview-mapbox-gl-js"))return new Promise((e,i)=>{const n=document.createElement("script");n.src="https://api.mapbox.com/mapbox-gl-js/v3.0.1/mapbox-gl.js",n.className="vistaview-mapbox-gl-js",n.onload=()=>e(),n.onerror=()=>i(new Error("Failed to load Mapbox GL JS")),document.head.appendChild(n)})}}initializeMap(e){const i=window.mapboxgl;if(!i){this.isLoadedRejected(new Error("Mapbox GL JS not loaded"));return}const n=document.createElement("div");n.style.position="absolute",n.style.top="0",n.style.left="0",n.style.width="100%",n.style.height="100%",n.style.opacity="0",n.style.transition="opacity 1s ease",e.appendChild(n),n.addEventListener("pointerdown",a=>{a.stopPropagation()}),i.accessToken=this.mapboxConfig.accessToken;const s=new i.Map({container:n,style:`mapbox://styles/mapbox/${this.mapboxConfig.style||"streets-v12"}`,center:[this.location.lng,this.location.lat],zoom:this.location.zoom||this.mapboxConfig.zoom||15,bearing:this.location.bearing||this.mapboxConfig.bearing||0,pitch:this.location.pitch||this.mapboxConfig.pitch||0});new i.Marker({color:"#ff0000"}).setLngLat([this.location.lng,this.location.lat]).addTo(s),s.addControl(new i.NavigationControl),s.on("load",()=>{this.onImageReady=()=>{s.resize(),n.style.opacity="1",this.thumbnailImage.classList.remove("vvw--pulsing")},this.isLoadedResolved(!0)}),s.on("error",a=>{this.isLoadedRejected(a)})}getFullSizeDim(){const e=Math.min(window.innerWidth,this.mapboxConfig.width||800);return{width:e,height:e*9/16}}setFinalTransform(){return super.setFinalTransform({propagateEvent:!1})}}function F(l){return l.accessToken||console.error("Mapbox access token is required"),{name:"mapbox",onInitializeImage:t=>{const e=t.elm.config.src,i=y(e);if(i)return new w(t,l,i)},onImageView:async(t,e)=>{const i=t.images.to[Math.floor(t.images.to.length/2)];i instanceof w&&e.deactivateUi(["download","zoomIn","zoomOut"],i)}}}c.VistaMapbox=w,c.getMapboxStaticImage=x,c.mapbox=F,c.parseMapboxLocation=y,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"})}));

package/dist/extensions/openstreetmap.d.ts

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

package/dist/extensions/openstreetmap.js

@@ -0,0 +1,125 @@
+var c = Object.defineProperty;
+var d = (s, i, t) => i in s ? c(s, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[i] = t;
+var r = (s, i, t) => d(s, typeof i != "symbol" ? i + "" : i, t);
+import { V as p } from "../vista-box-CQvGrjln.js";
+function u(s) {
+  if (!s) return null;
+  try {
+    const i = s.match(/(-?\d+\.?\d*),\s*(-?\d+\.?\d*),?\s*(\d+\.?\d*)?/);
+    if (i)
+      return {
+        lat: parseFloat(i[1]),
+        lng: parseFloat(i[2]),
+        zoom: i[3] ? parseFloat(i[3]) : void 0
+      };
+    const t = new URL(s);
+    if (t.hostname.includes("openstreetmap.org")) {
+      const a = t.hash.match(/#map=(\d+\.?\d*)\/(-?\d+\.?\d*)\/(-?\d+\.?\d*)/);
+      if (a)
+        return {
+          zoom: parseFloat(a[1]),
+          lat: parseFloat(a[2]),
+          lng: parseFloat(a[3])
+        };
+      const e = t.searchParams.get("mlat"), o = t.searchParams.get("mlon");
+      if (e && o)
+        return {
+          lat: parseFloat(e),
+          lng: parseFloat(o)
+        };
+    }
+  } catch {
+  }
+  return null;
+}
+function g(s, i) {
+  const t = s.zoom || i.zoom || 15, a = s.lat, e = s.lng, o = Math.pow(2, t), n = Math.floor((e + 180) / 360 * o), l = Math.floor(
+    (1 - Math.log(Math.tan(a * Math.PI / 180) + 1 / Math.cos(a * Math.PI / 180)) / Math.PI) / 2 * o
+  );
+  return `https://tile.openstreetmap.org/${t}/${n}/${l}.png`;
+}
+class m extends p {
+  constructor(t, a, e) {
+    var h;
+    super(t);
+    r(this, "element");
+    r(this, "osmConfig");
+    r(this, "location");
+    r(this, "thumbnailImage");
+    this.osmConfig = a, this.location = e;
+    const o = document.createElement("div");
+    o.style.position = "relative", this.thumbnailImage = document.createElement("img"), o.appendChild(this.thumbnailImage), this.thumbnailImage.src = ((h = this.origin) == null ? void 0 : h.image.src) || g(e, a), this.thumbnailImage.style.width = "100%", this.thumbnailImage.style.height = "100%", this.thumbnailImage.style.objectFit = "cover", this.thumbnailImage.classList.add("vvw--pulsing"), this.element = o, this.element.classList.add("vvw-img-hi");
+    const { width: n, height: l } = this.getFullSizeDim();
+    this.fullH = l, this.fullW = n, this.minW = this.fullW * 0.5, this.maxW = this.fullW, this.element.style.width = `${n}px`, this.element.style.height = `${l}px`, this.setSizes({ stableSize: !1, initDimension: !0 }), this.pos === 0 ? this.loadLeaflet().then(() => {
+      this.initializeMap(o);
+    }) : this.isLoadedResolved(!0);
+  }
+  async loadLeaflet() {
+    if (!window.L) {
+      if (!document.querySelector(".vistaview-leaflet-css")) {
+        const t = document.createElement("link");
+        t.rel = "stylesheet", t.href = "https://unpkg.com/leaflet@1.9.4/dist/leaflet.css", t.className = "vistaview-leaflet-css", document.head.appendChild(t);
+      }
+      if (!document.querySelector(".vistaview-leaflet-js"))
+        return new Promise((t, a) => {
+          const e = document.createElement("script");
+          e.src = "https://unpkg.com/leaflet@1.9.4/dist/leaflet.js", e.className = "vistaview-leaflet-js", e.onload = () => t(), e.onerror = () => a(new Error("Failed to load Leaflet")), document.head.appendChild(e);
+        });
+    }
+  }
+  initializeMap(t) {
+    const a = window.L;
+    if (!a) {
+      this.isLoadedRejected(new Error("Leaflet not loaded"));
+      return;
+    }
+    const e = document.createElement("div");
+    e.style.position = "absolute", e.style.top = "0", e.style.left = "0", e.style.width = "100%", e.style.height = "100%", e.style.opacity = "0", e.style.transition = "opacity 1s ease", t.appendChild(e), e.addEventListener("pointerdown", (h) => {
+      h.stopPropagation();
+    });
+    const o = a.map(e, {
+      center: [this.location.lat, this.location.lng],
+      zoom: this.location.zoom || this.osmConfig.zoom || 15
+    }), n = this.osmConfig.tileLayer || "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", l = this.osmConfig.attribution || '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors';
+    a.tileLayer(n, {
+      attribution: l,
+      maxZoom: 19
+    }).addTo(o), a.marker([this.location.lat, this.location.lng]).addTo(o).bindPopup(`${this.location.lat}, ${this.location.lng}`), o.whenReady(() => {
+      this.onImageReady = () => {
+        o.invalidateSize(), e.style.opacity = "1", this.thumbnailImage.classList.remove("vvw--pulsing");
+      }, this.isLoadedResolved(!0);
+    });
+  }
+  // Use 16:9 aspect ratio with max 800px width
+  getFullSizeDim() {
+    const t = Math.min(window.innerWidth, this.osmConfig.width || 800);
+    return {
+      width: t,
+      height: t * 9 / 16
+    };
+  }
+  // Override to avoid propagating content change event
+  setFinalTransform() {
+    return super.setFinalTransform({ propagateEvent: !1 });
+  }
+}
+function y(s = {}) {
+  return {
+    name: "openStreetMap",
+    onInitializeImage: (i) => {
+      const t = i.elm.config.src, a = u(t);
+      if (a)
+        return new m(i, s, a);
+    },
+    onImageView: async (i, t) => {
+      const a = i.images.to[Math.floor(i.images.to.length / 2)];
+      a instanceof m && t.deactivateUi(["download", "zoomIn", "zoomOut"], a);
+    }
+  };
+}
+export {
+  m as VistaOpenStreetMap,
+  g as getOpenStreetMapStaticImage,
+  y as openStreetMap,
+  u as parseOpenStreetMapLocation
+};

package/dist/extensions/openstreetmap.umd.js

@@ -0,0 +1 @@
+(function(c,m){typeof exports=="object"&&typeof module<"u"?m(exports):typeof define=="function"&&define.amd?define(["exports"],m):(c=typeof globalThis<"u"?globalThis:c||self,m(c.VistaView=c.VistaView||{}))})(this,(function(c){"use strict";var P=Object.defineProperty;var R=(c,m,g)=>m in c?P(c,m,{enumerable:!0,configurable:!0,writable:!0,value:g}):c[m]=g;var h=(c,m,g)=>R(c,typeof m!="symbol"?m+"":m,g);function m(d){const e=window.getComputedStyle(d).objectFit||"",{width:s,height:n}=d.getBoundingClientRect(),i=d.naturalWidth,a=d.naturalHeight;if(!e)return{width:s,height:n};if(!i||!a)return{width:s,height:n};const l=i/a,r=s/n;switch(e){case"fill":return{width:s,height:n};case"none":return{width:i,height:a};case"contain":return l>r?{width:s,height:s/l}:{width:n*l,height:n};case"cover":return l<r?{width:s,height:s/l}:{width:n*l,height:n};case"scale-down":{const u={width:i,height:a},o=l>r?{width:s,height:s/l}:{width:n*l,height:n};return o.width<=u.width&&o.height<=u.height?o:u}}return{width:s,height:n}}class g{static ease(t,e,s){const n=e-t,i=t+n*.2;return Math.abs(n)<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,p,S,x,b,W,L,C,M;const n=this.map.get(t);if(!n||!t.element||t.element.classList.contains("vvw--load-cancelled"))return;const{current:i,target:a,log:l}=n;let r={};a.width!==void 0&&(r.width=this.ease(i._width,a.width,1)),a.height!==void 0&&(r.height=this.ease(i._height,a.height,1)),((o=a.transform)==null?void 0:o.x)!==void 0&&(r.transform=r.transform||{},r.transform.x=this.ease(i._transform.x,a.transform.x,1)),((f=a.transform)==null?void 0:f.y)!==void 0&&(r.transform=r.transform||{},r.transform.y=this.ease(i._transform.y,a.transform.y,1)),((p=a.transform)==null?void 0:p.scale)!==void 0&&(r.transform=r.transform||{},r.transform.scale=this.ease(i._transform.scale,a.transform.scale,.005)),((S=a.translate)==null?void 0:S.x)!==void 0&&(r.translate=r.translate||{},r.translate.x=this.ease(i._translate.x,a.translate.x,1)),((x=a.translate)==null?void 0:x.y)!==void 0&&(r.translate=r.translate||{},r.translate.y=this.ease(i._translate.y,a.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}),(a.width===void 0||i._width===a.width)&&(a.height===void 0||i._height===a.height)&&(((b=a.transform)==null?void 0:b.x)===void 0||i._transform.x===a.transform.x)&&(((W=a.transform)==null?void 0:W.y)===void 0||i._transform.y===a.transform.y)&&(((L=a.transform)==null?void 0:L.scale)===void 0||i._transform.scale===a.transform.scale)&&(((C=a.translate)==null?void 0:C.x)===void 0||i._translate.x===a.translate.x)&&(((M=a.translate)==null?void 0:M.y)===void 0||i._translate.y===a.translate.y)?(this.map.delete(t),e()):(this.map.set(t,{current:i,target:a,log:l}),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:n}){this.stop(t),this.map.set(t,{current:t.state,target:e}),this.play(t,s,n)}}h(g,"map",new Map);class _{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 n=e.cloneNode(!0);this.originalParent.insertBefore(n,e),this.replacement=n,this.thumb=document.createElement("div"),this.thumb.classList.add("vvw-img-lo");const{width:i,height:a}=this.thumbImage?m(this.thumbImage):{width:0,height:0};this.fittedSize={width:i,height:a},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 n=window.innerWidth,i=window.innerHeight;return s>window.innerWidth/window.innerHeight?i=n/s:n=i*s,{width:n,height:i}}setSizes(t={}){var l,r,u;const{stableSize:e=!0,initDimension:s}=t;if(!this.origin)return;const n=this.thumb;let i={width:this.defaultWH,height:this.defaultWH,top:0,left:0};if(n){i=(((l=this.origin)==null?void 0:l.anchor)||this.replacement).getBoundingClientRect();const o=n.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,p=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",`${p}px`),s&&(o.setProperty("--vvw-current-x",`${f}px`),o.setProperty("--vvw-current-y",`${p}px`))}if(!s){const{width:o,height:f}=this.thumbImage?m(this.thumbImage):{width:0,height:0};this.fittedSize={width:o,height:f}}const a=this.element;if(this.initW=Math.min(((r=this.fittedSize)==null?void 0:r.width)??0,i.width),this.initH=Math.min(((u=this.fittedSize)==null?void 0:u.height)??0,i.height),a.style.setProperty("--vvw-init-w",this.initW+"px"),a.style.setProperty("--vvw-init-h",this.initH+"px"),a.style.setProperty("--vvw-init-radius",this.origin.borderRadius),a.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 n of this.parsedSrcSet)if(n.width>=e){s=n;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(n=>{n.onContentChange&&n.onContentChange(s,this.vistaView)})}return{close:!0,cancel:()=>{}}}}}function y(d){if(!d)return null;try{const t=d.match(/(-?\d+\.?\d*),\s*(-?\d+\.?\d*),?\s*(\d+\.?\d*)?/);if(t)return{lat:parseFloat(t[1]),lng:parseFloat(t[2]),zoom:t[3]?parseFloat(t[3]):void 0};const e=new URL(d);if(e.hostname.includes("openstreetmap.org")){const s=e.hash.match(/#map=(\d+\.?\d*)\/(-?\d+\.?\d*)\/(-?\d+\.?\d*)/);if(s)return{zoom:parseFloat(s[1]),lat:parseFloat(s[2]),lng:parseFloat(s[3])};const n=e.searchParams.get("mlat"),i=e.searchParams.get("mlon");if(n&&i)return{lat:parseFloat(n),lng:parseFloat(i)}}}catch{}return null}function v(d,t){const e=d.zoom||t.zoom||15,s=d.lat,n=d.lng,i=Math.pow(2,e),a=Math.floor((n+180)/360*i),l=Math.floor((1-Math.log(Math.tan(s*Math.PI/180)+1/Math.cos(s*Math.PI/180))/Math.PI)/2*i);return`https://tile.openstreetmap.org/${e}/${a}/${l}.png`}class w extends _{constructor(e,s,n){var r;super(e);h(this,"element");h(this,"osmConfig");h(this,"location");h(this,"thumbnailImage");this.osmConfig=s,this.location=n;const i=document.createElement("div");i.style.position="relative",this.thumbnailImage=document.createElement("img"),i.appendChild(this.thumbnailImage),this.thumbnailImage.src=((r=this.origin)==null?void 0:r.image.src)||v(n,s),this.thumbnailImage.style.width="100%",this.thumbnailImage.style.height="100%",this.thumbnailImage.style.objectFit="cover",this.thumbnailImage.classList.add("vvw--pulsing"),this.element=i,this.element.classList.add("vvw-img-hi");const{width:a,height:l}=this.getFullSizeDim();this.fullH=l,this.fullW=a,this.minW=this.fullW*.5,this.maxW=this.fullW,this.element.style.width=`${a}px`,this.element.style.height=`${l}px`,this.setSizes({stableSize:!1,initDimension:!0}),this.pos===0?this.loadLeaflet().then(()=>{this.initializeMap(i)}):this.isLoadedResolved(!0)}async loadLeaflet(){if(!window.L){if(!document.querySelector(".vistaview-leaflet-css")){const e=document.createElement("link");e.rel="stylesheet",e.href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css",e.className="vistaview-leaflet-css",document.head.appendChild(e)}if(!document.querySelector(".vistaview-leaflet-js"))return new Promise((e,s)=>{const n=document.createElement("script");n.src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js",n.className="vistaview-leaflet-js",n.onload=()=>e(),n.onerror=()=>s(new Error("Failed to load Leaflet")),document.head.appendChild(n)})}}initializeMap(e){const s=window.L;if(!s){this.isLoadedRejected(new Error("Leaflet not loaded"));return}const n=document.createElement("div");n.style.position="absolute",n.style.top="0",n.style.left="0",n.style.width="100%",n.style.height="100%",n.style.opacity="0",n.style.transition="opacity 1s ease",e.appendChild(n),n.addEventListener("pointerdown",r=>{r.stopPropagation()});const i=s.map(n,{center:[this.location.lat,this.location.lng],zoom:this.location.zoom||this.osmConfig.zoom||15}),a=this.osmConfig.tileLayer||"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",l=this.osmConfig.attribution||'&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors';s.tileLayer(a,{attribution:l,maxZoom:19}).addTo(i),s.marker([this.location.lat,this.location.lng]).addTo(i).bindPopup(`${this.location.lat}, ${this.location.lng}`),i.whenReady(()=>{this.onImageReady=()=>{i.invalidateSize(),n.style.opacity="1",this.thumbnailImage.classList.remove("vvw--pulsing")},this.isLoadedResolved(!0)})}getFullSizeDim(){const e=Math.min(window.innerWidth,this.osmConfig.width||800);return{width:e,height:e*9/16}}setFinalTransform(){return super.setFinalTransform({propagateEvent:!1})}}function F(d={}){return{name:"openStreetMap",onInitializeImage:t=>{const e=t.elm.config.src,s=y(e);if(s)return new w(t,d,s)},onImageView:async(t,e)=>{const s=t.images.to[Math.floor(t.images.to.length/2)];s instanceof w&&e.deactivateUi(["download","zoomIn","zoomOut"],s)}}}c.VistaOpenStreetMap=w,c.getOpenStreetMapStaticImage=v,c.openStreetMap=F,c.parseOpenStreetMapLocation=y,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"})}));

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

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

package/dist/extensions/streamable-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 o = (e, t, i) => f(e, typeof t != "symbol" ? t + "" : t, i);
+import { V as p } from "../vista-box-CQvGrjln.js";
+function r(e) {
+  if (!e) return null;
+  const t = [/streamable\.com\/e\/([a-zA-Z0-9]+)/, /streamable\.com\/([a-zA-Z0-9]+)/];
+  for (const i of t) {
+    const l = e.match(i);
+    if (l && l[1])
+      return l[1];
+  }
+  return null;
+}
+function g(e) {
+  const t = r(e);
+  if (!t)
+    throw new Error("Invalid Streamable video URL");
+  return `https://cdn-cf-east.streamable.com/image/${t}.jpg`;
+}
+class d extends p {
+  constructor(i) {
+    var h;
+    super(i);
+    o(this, "element");
+    o(this, "url");
+    const l = i.elm.config.src;
+    this.url = l;
+    const a = document.createElement("div");
+    a.style.position = "relative";
+    const n = document.createElement("img");
+    a.appendChild(n), n.src = ((h = this.origin) == null ? void 0 : h.image.src) || g(l), n.style.width = "100%", n.style.height = "100%", n.style.objectFit = "cover", n.classList.add("vvw--pulsing"), this.element = a, 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 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://streamable.com/e/${r(l)}?autoplay=1`, a.appendChild(s), s.onload = () => {
+        s.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: "streamableVideo",
+    onInitializeImage: (e) => {
+      const t = e.elm.config.src;
+      if (r(t))
+        return new d(e);
+    },
+    onImageView: async (e, t) => {
+      const i = e.images.to[Math.floor(e.images.to.length / 2)];
+      i instanceof d && t.deactivateUi(["download", "zoomIn", "zoomOut"], i);
+    }
+  };
+}
+export {
+  d as VistaStreamableVideo,
+  g as getStreamableThumbnail,
+  r as parseStreamableVideoId,
+  w as streamableVideo
+};

package/dist/extensions/streamable-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 F=Object.defineProperty;var P=(m,f,g)=>f in m?F(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 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 o={width:i,height:n},l=c>r?{width:s,height:s/c}:{width:a*c,height:a};return l.width<=o.width&&l.height<=o.height?l:o}}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 l,u,w,S,b,x,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)),((l=n.transform)==null?void 0:l.x)!==void 0&&(r.transform=r.transform||{},r.transform.x=this.ease(i._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(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)),((S=n.translate)==null?void 0:S.x)!==void 0&&(r.translate=r.translate||{},r.translate.x=this.ease(i._translate.x,n.translate.x,1)),((b=n.translate)==null?void 0:b.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)&&(((x=n.transform)==null?void 0:x.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 R{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?f(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,o;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 l=a.style;l.width=i.width+"px",l.height=i.height+"px",l.top="50%",l.left="50%",l.translate="-50% -50%",l.position="fixed",l.objectFit=this.origin.objectFit,l.borderRadius=this.origin.borderRadius;const u=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;l.setProperty("--vvw-init-radius",l.borderRadius),l.setProperty("--vvw-pulse-radius",`calc(1.3 * ${l.borderRadius})`),l.setProperty("--vvw-init-x",`${u}px`),l.setProperty("--vvw-init-y",`${w}px`),s&&(l.setProperty("--vvw-current-x",`${u}px`),l.setProperty("--vvw-current-y",`${w}px`))}if(!s){const{width:l,height:u}=this.thumbImage?f(this.thumbImage):{width:0,height:0};this.fittedSize={width:l,height:u}}const n=this.element;if(this.initW=Math.min(((r=this.fittedSize)==null?void 0:r.width)??0,i.width),this.initH=Math.min(((o=this.fittedSize)==null?void 0:o.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:l,height:u}=this.getFullSizeDim();this.fullH=u,this.fullW=l,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 p(d){if(!d)return null;const t=[/streamable\.com\/e\/([a-zA-Z0-9]+)/,/streamable\.com\/([a-zA-Z0-9]+)/];for(const e of t){const s=d.match(e);if(s&&s[1])return s[1]}return null}function v(d){const t=p(d);if(!t)throw new Error("Invalid Streamable video URL");return`https://cdn-cf-east.streamable.com/image/${t}.jpg`}class y extends R{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),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 o=document.createElement("iframe");o.frameBorder="0",o.allow="autoplay; fullscreen",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://streamable.com/e/${p(s)}?autoplay=1`,a.appendChild(o),o.onload=()=>{o.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 H(){return{name:"streamableVideo",onInitializeImage:d=>{const t=d.elm.config.src;if(p(t))return new y(d)},onImageView:async(d,t)=>{const e=d.images.to[Math.floor(d.images.to.length/2)];e instanceof y&&t.deactivateUi(["download","zoomIn","zoomOut"],e)}}}m.VistaStreamableVideo=y,m.getStreamableThumbnail=v,m.parseStreamableVideoId=p,m.streamableVideo=H,Object.defineProperty(m,Symbol.toStringTag,{value:"Module"})}));

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

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