zuck.js/dist/zuck.min.js

A javascript library that lets you add stories EVERYWHERE.

(()=>{"use strict";var e={607:(e,t,n)=>{t.q=void 0;var o=n(593),a=n(380),i=n(799);t.q=function(e,t){e.id||e.setAttribute("id",(0,o.generateId)());var n=e.id,l=(0,a.loadOptions)(t),r=l.option,c=l.callback,u=l.template,s=l.language,d=r("stories")||[],v={},m=function(e,t){try{if(r("localStorage")&&(0,o.hasWindow)()){var a="zuck-".concat(n,"-").concat(e);window.localStorage[a]=JSON.stringify(t)}}catch(e){}},f=function(e){if(r("localStorage")&&(0,o.hasWindow)()){var t="zuck-".concat(n,"-").concat(e);return window.localStorage[t]?JSON.parse(window.localStorage[t]):void 0}};v.seenItems=f("seenItems")||{};var p=function(e,t,n){var o=null==t?void 0:t[1],a=null==t?void 0:t[0];if(!o||!a)return!1;var i=v.currentVideoElement;if(i&&i.pause(),"video"===o.getAttribute("data-type")){var l=o.querySelector("video");if(!l)return v.currentVideoElement=void 0,!1;var r=function(){var e=l.duration,t=a.querySelector(".progress");+l.dataset.length&&(e=+l.dataset.length),e&&t&&(t.style.animationDuration="".concat(e,"s"))};r(),l.addEventListener("loadedmetadata",r),v.currentVideoElement=l,l.play();try{h(l,e)}catch(e){console.warn("Could not unmute video",n)}}else v.currentVideoElement=void 0},y=function(e){return d.findIndex((function(t){return t.id===e}))},g=function(){var e=v.currentVideoElement;if(e)try{e.pause()}catch(e){}},h=function(e,t){e.muted=!1,e.volume=1,e.removeAttribute("muted"),e.play(),e.paused&&(e.muted=!0,e.play()),t&&(null==t||t.classList.remove("paused"))},w=function(e,t){var a=(null==e?void 0:e.getAttribute("data-id"))||"",i=y(a),l=document.querySelectorAll("#".concat(n,' [data-id="').concat(a,'"] .items > li')),u=[];if(!r("reactive")||t){l.forEach((function(e){var t=e.firstElementChild,n=null==t?void 0:t.firstElementChild,a=null==t?void 0:t.parentElement,i={id:(null==t?void 0:t.getAttribute("data-id"))||(null==a?void 0:a.getAttribute("data-id")),src:null==t?void 0:t.getAttribute("href"),length:(0,o.safeNum)(null==t?void 0:t.getAttribute("data-length")),type:null==t?void 0:t.getAttribute("data-type"),time:(null==t?void 0:t.getAttribute("data-time"))||(null==a?void 0:a.getAttribute("data-time")),link:(null==t?void 0:t.getAttribute("data-link"))||"",linkText:null==t?void 0:t.getAttribute("data-linkText"),preview:null==n?void 0:n.getAttribute("src"),seen:null==a?void 0:a.classList.contains("seen")},l=null==t?void 0:t.attributes,r=["data-id","href","data-length","data-type","data-time","data-link","data-linkText"];if(l)for(var c=0;c<l.length;c++)-1===r.indexOf(l[c].nodeName)&&(i[l[c].nodeName.replace("data-","")]=null==l?void 0:l[c].nodeValue);u.push(i)})),d[i].items=u;var s=c("onDataUpdate");s&&s(d,(function(){}))}},S=function(e){var t,n,a=(null==e?void 0:e.getAttribute("data-id"))||"",i=y(a),l=!1;v.seenItems[a]&&(l=!0);try{var r={};-1!==i&&(r=d[i]),r.id=a,r.photo=null==e?void 0:e.getAttribute("data-photo"),r.name=null===(t=null==e?void 0:e.querySelector(".name"))||void 0===t?void 0:t.innerText,r.link=null===(n=null==e?void 0:e.querySelector(".item-link"))||void 0===n?void 0:n.getAttribute("href"),r.lastUpdated=(0,o.safeNum)((null==e?void 0:e.getAttribute("data-last-updated"))||(null==e?void 0:e.getAttribute("data-time"))),r.seen=l,r.items||(r.items=[]),-1===i?d.push(r):d[i]=r}catch(e){d[i]={items:[]}}e&&(e.onclick=function(e){e.preventDefault(),T.show(a)});var u=c("onDataUpdate");u&&u(d,(function(){}))},k=function(t,a){var i,l,c,s,d=t.id||"",f=document.querySelector("#".concat(n,' [data-id="').concat(d,'"]')),p=t.items,y=null,g=void 0;if((null==p?void 0:p[0])&&(g=(null===(i=null==p?void 0:p[0])||void 0===i?void 0:i.preview)||""),!0===v.seenItems[d]&&(t.seen=!0),t&&(t.currentPreview=g),f)y=f;else{var h=document.createElement("div");h.innerHTML=u("timelineItem")(t),y=h.firstElementChild}!1===t.seen&&(v.seenItems[d]=!1,m("seenItems",v.seenItems)),null==y||y.setAttribute("data-id",d),t.photo&&(null==y||y.setAttribute("data-photo",t.photo)),null==y||y.setAttribute("data-time",null===(l=t.time)||void 0===l?void 0:l.toString()),t.lastUpdated?null==y||y.setAttribute("data-last-updated",null===(c=t.lastUpdated)||void 0===c?void 0:c.toString()):null==y||y.setAttribute("data-last-updated",null===(s=t.time)||void 0===s?void 0:s.toString()),S(y),f||r("reactive")||(a?e.appendChild(y):(0,o.prepend)(e,y)),null==p||p.forEach((function(e){x(d,e,a)})),a||N()},b=k,L=function(){T.next()},E=function(e){var t,o=document.querySelector("#".concat(n,' > [data-id="').concat(e,'"]'));null===(t=null==o?void 0:o.parentNode)||void 0===t||t.removeChild(o)},x=function(e,t,a){var i=document.querySelector("#".concat(n,' > [data-id="').concat(e,'"]'));if(!r("reactive")){var l=document.createElement("li"),c=null==i?void 0:i.querySelectorAll(".items")[0];t.id&&(l.className=t.seen?"seen":"",l.setAttribute("data-id",t.id)),l.innerHTML=u("timelineStoryItem")(t),a?null==c||c.appendChild(l):(0,o.prepend)(c,l)}w(i)},q=function(e,t){var o,a=document.querySelector("#".concat(n,' > [data-id="').concat(e,'"] [data-id="').concat(t,'"]'));r("reactive")||(null===(o=null==a?void 0:a.parentNode)||void 0===o||o.removeChild(a),d.forEach((function(n){n.id===e&&(n.items=n.items.filter((function(e){return e.id!==t})))})))},I=function(e,t){var n=v.currentStory,a=y(v.currentStory),i=d[a].currentItem,l=document.querySelector('#zuck-modal .story-viewer[data-story-id="'.concat(n,'"]')),u="previous"===e?-1:1;if(!l)return!1;var s=l.querySelectorAll('[data-index="'.concat(i,'"]')),m=s[0],f=s[1],g=i+u,h=l.querySelectorAll('[data-index="'.concat(g,'"]')),w=h[0],S=h[1];if(l&&w&&S){var k=c("onNavigateItem");(k=c(k?"onNavigateItem":"onNextItem"))(n,S.getAttribute("data-story-id"),(function(){"previous"===e?(null==m||m.classList.remove("seen"),null==f||f.classList.remove("seen")):(null==m||m.classList.add("seen"),null==f||f.classList.add("seen")),null==m||m.classList.remove("active"),null==f||f.classList.remove("active"),null==w||w.classList.remove("seen"),null==w||w.classList.add("active"),null==S||S.classList.remove("seen"),null==S||S.classList.add("active"),l.querySelectorAll(".time").forEach((function(e){e.innerText=(0,o.timeAgo)(Number(S.getAttribute("data-time")),r("language"))})),d[a].currentItem=d[a].currentItem+u;var n=S.querySelector("video");n&&(n.currentTime=0),p(l,h,t)}))}else l&&"previous"!==e&&T.next();return!0},A=I,N=function(){document.querySelectorAll("#".concat(n," .story.seen")).forEach((function(e){var t=null==e?void 0:e.getAttribute("data-id"),n=y(t);if(t){var o=d[n],a=null==e?void 0:e.parentNode;!r("reactive")&&a&&a.removeChild(e),b(o,!0)}}))},z=function(){if(e&&e.querySelector(".story")&&e.querySelectorAll(".story").forEach((function(e){S(e),w(e)})),r("backNative")&&(0,o.hasWindow)()&&(window.location.hash==="#!".concat(n)&&(window.location.hash=""),window.addEventListener("popstate",(function(){window.location.hash!=="#!".concat(n)&&(window.location.hash="")}),!1)),!r("reactive")){var t=f("seenItems");t&&Object.entries(t).forEach((function(e){var n=e[1];n&&d[n]&&(d[n].seen=!!t[n])}))}r("stories").forEach((function(e){k(e,!0)})),N();var a=r("avatars")?"user-icon":"story-preview",i=r("list")?"list":"carousel",l=r("rtl")?"rtl":"";return e.className+=" stories ".concat(a," ").concat(i," ").concat("".concat(r("skin")).toLowerCase()," ").concat(l),{id:n,option:r,callback:c,template:u,language:s,navigateItem:A,saveLocalData:m,getLocalData:f,data:d,internalData:v,add:k,update:b,next:L,remove:E,addItem:x,removeItem:q,nextItem:I,findStoryIndex:y,updateStorySeenPosition:N,playVideoItem:p,pauseVideoItem:g,unmuteVideoItem:h}}(),T=(0,i.modal)(z);return z},t.default=t.q},799:(e,t,n)=>{t.__esModule=!0,t.modal=void 0;var o=n(593);t.modal=function(e){var t=e.id,n=document.querySelector("#zuck-modal");n||e.hasModal||(e.hasModal=!0,(n=document.createElement("div")).id="zuck-modal",e.option("cubeEffect")&&(n.className="with-cube"),n.innerHTML='<div id="zuck-modal-content"></div>',n.style.display="none",n.setAttribute("tabIndex","1"),n.onkeyup=function(e){var t=e.keyCode;27===t?n.modal.close():13!==t&&32!==t||n.modal.next()},e.option("openEffect")&&(null==n||n.classList.add("with-effects")),e.option("rtl")&&(null==n||n.classList.add("rtl")),(0,o.onTransitionEnd)(n,(function(){var e=document.querySelector("#zuck-modal-content");(null==n?void 0:n.classList.contains("closed"))&&(e&&(e.innerHTML=""),n.style.display="none",n.classList.remove("closed"),n.classList.remove("animated"))})),document.body.appendChild(n));var a=function(t,n,o,a){var i;if(!(void 0===n||n&&isNaN(n))){var l=n>0?1:-1,r=(null===(i=document.querySelector("#zuck-modal"))||void 0===i?void 0:i.offsetWidth)||1,c=Math.abs(n)/r*90*l;if(e.option("cubeEffect")){var u=0===c?"scale(0.95)":"scale(0.930,0.930)",s=document.querySelector("#zuck-modal-content");if(s&&(s.style.transform=u),c<-90||c>90)return!1}var d=e.option("cubeEffect")?"rotateY(".concat(c,"deg)"):"translate3d(".concat(n,"px, 0, 0)");t&&(a&&(t.style.transitionTimingFunction=a),t.style.transitionDuration="".concat(o,"ms"),t.style.transform=d)}},i=function(e,t){var n=document,o=e;try{t?(n.fullscreenElement||n.webkitFullscreenElement||n.mozFullScreenElement||n.msFullscreenElement)&&(n.exitFullscreen?n.exitFullscreen().catch((function(){})):n.mozCancelFullScreen&&n.mozCancelFullScreen().catch((function(){}))):o.requestFullscreen?o.requestFullscreen():o.msRequestFullscreen?o.msRequestFullscreen():o.mozRequestFullScreen?o.mozRequestFullScreen():o.webkitRequestFullscreen&&o.webkitRequestFullscreen()}catch(e){console.warn("[Zuck.js] Can't access fullscreen")}},l=function(n){var i=document.querySelector("#zuck-modal"),l=document.querySelector("#zuck-modal-slider-".concat(t)),u="",s="",d=0,v={previous:document.querySelector("#zuck-modal .story-viewer.previous"),next:document.querySelector("#zuck-modal .story-viewer.next"),viewing:document.querySelector("#zuck-modal .story-viewer.viewing")};if((!v.previous&&!n||!v.next&&n)&&!e.option("rtl"))return!1;n?(u="next",s="previous"):(u="previous",s="next");e.option("cubeEffect")?"previous"===u?d=(0,o.safeNum)(null==i?void 0:i.slideWidth):"next"===u&&(d=-1*(0,o.safeNum)(null==i?void 0:i.slideWidth)):d=-1*(0,o.findPos)(v[u])[0],a(l,d,600,null),setTimeout((function(){var t,n,i,d,m,f,p,y,g,h;if(e.option("rtl")){var w=u;u=s,s=w}if(""!==u&&v[u]&&""!==s){var S=null===(t=v[u])||void 0===t?void 0:t.getAttribute("data-story-id");e.internalData.currentStory=S;var k=document.querySelector("#zuck-modal .story-viewer.".concat(s));k&&(null===(n=null==k?void 0:k.parentNode)||void 0===n||n.removeChild(k)),v.viewing&&(null===(i=v.viewing)||void 0===i||i.classList.add("stopped"),null===(d=v.viewing)||void 0===d||d.classList.add(s),null===(m=v.viewing)||void 0===m||m.classList.remove("viewing")),v[u]&&(null===(f=v[u])||void 0===f||f.classList.remove("stopped"),null===(p=v[u])||void 0===p||p.classList.remove(u),null===(y=v[u])||void 0===y||y.classList.add("viewing"));var b=c(u);b&&r(b,u);var L=e.internalData.currentStory,E=e.findStoryIndex(L),x=document.querySelector('#zuck-modal [data-story-id="'.concat(L,'"]')),q=void 0;if(x){var I=null===(g=null==(q=x.querySelectorAll("[data-index].active"))?void 0:q[0])||void 0===g?void 0:g.firstElementChild;e.data[E].currentItem=(0,o.safeNum)(null===(h=null==q?void 0:q[0])||void 0===h?void 0:h.getAttribute("data-index")),(null==q?void 0:q[0])&&(q[0].innerHTML=e.template("viewerItemPointerProgress")(I.style.cssText),(0,o.onAnimationEnd)(I,(function(){e.nextItem()})))}if(a(l,0,0,null),q){var A=document.querySelector('#zuck-modal .story-viewer[data-story-id="'.concat(S,'"]'));e.playVideoItem(A,q)}e.callback("onView")(e.internalData.currentStory)}}),650)},r=function(a,i,l){var r=document.querySelector("#zuck-modal-slider-".concat(t)),c=a.items;a.time=c&&(null==c?void 0:c[0].time);var u="",s="",d=a.id,v=document.createElement("div"),m=a.currentItem||0;if(document.querySelector('#zuck-modal .story-viewer[data-story-id="'.concat(d,'"]')))return!1;v.className="slides",c.forEach((function(t,n){m>n&&(a.items[n].seen=!0,t.seen=!0),s+=e.template("viewerItemPointer")(n,m,t),u+=e.template("viewerItemBody")(n,m,t)})),v.innerHTML=u;var f=v.querySelector("video"),p=function(e){e.muted?null==g||g.classList.add("muted"):null==g||g.classList.remove("muted")};f&&(f.onwaiting=function(){f.paused&&(null==g||g.classList.add("paused"),null==g||g.classList.add("loading"))},f.onplay=function(){p(f),null==g||g.classList.remove("stopped"),null==g||g.classList.remove("paused"),null==g||g.classList.remove("loading")},f.onload=f.onplaying=f.oncanplay=function(){p(f),null==g||g.classList.remove("loading")},f.onvolumechange=function(){p(f)});var y=document.createElement("div");y.innerHTML=e.template("viewerItem")(a,c[m]);var g=y.firstElementChild,h=g.querySelector(".slides-pointers .wrap");g.className="story-viewer muted ".concat(i," ").concat(l?"":"stopped"," ").concat(e.option("backButton")?"with-back-button":""),d&&g.setAttribute("data-story-id",d),h&&(h.innerHTML=s),g.querySelectorAll(".close, .back").forEach((function(e){e.onclick=function(e){e.preventDefault(),n.modal.close()}})),g.appendChild(v),"viewing"===i&&e.playVideoItem(g,g.querySelectorAll('[data-index="'.concat(m,'"].active')),void 0),g.querySelectorAll(".slides-pointers [data-index] > .progress").forEach((function(t){(0,o.onAnimationEnd)(t,(function(){e.nextItem(void 0)}))})),r&&("previous"===i?(0,o.prepend)(r,g):r.appendChild(g))},c=function(n){var o=e.internalData.currentStory;if(o&&""!==n){var a=document.querySelector("#".concat(t,' [data-id="').concat(o,'"]')),i="previous"===n?a.previousElementSibling:a.nextElementSibling;if(i){var l=i.getAttribute("data-id"),r=e.findStoryIndex(l);return e.data[r]||!1}}return!1};return n.modal={show:function(n){var u=document.querySelector("#zuck-modal");e.callback("onOpen")(n,(function(){var s=document.querySelector("#zuck-modal-content");if(s.innerHTML='<div id="zuck-modal-slider-'.concat(t,'" class="slider"></div>'),s&&n){var d=e.findStoryIndex(n),v=e.data[d],m=v.currentItem||0;!function(t){var n=document.querySelector("#zuck-modal"),i=null,r=null,c=null,u=null,s=void 0,d=void 0,v=function(a){var l=document.querySelector("#zuck-modal .viewing"),v=document.querySelector("#zuck-modal .story-viewer");if("A"!==a.target.nodeName){var p=a.touches?a.touches[0]:a,y=(0,o.findPos)(document.querySelector("#zuck-modal .story-viewer.viewing"));n&&(n.slideWidth=null==v?void 0:v.offsetWidth,n.slideHeight=null==v?void 0:v.offsetHeight),i={x:y[0],y:y[1]};var g=p.clientX,h=p.clientY;r={x:g,y:h,time:Date.now(),valid:!0},h<80||h>(0,o.safeNum)(null==n?void 0:n.slideHeight)-80?r.valid=!1:(a.preventDefault(),c=void 0,u={},null==t||t.addEventListener("mousemove",m),null==t||t.addEventListener("mouseup",f),null==t||t.addEventListener("mouseleave",f),null==t||t.addEventListener("touchmove",m),null==t||t.addEventListener("touchend",f),l&&(null==l||l.classList.add("paused")),e.pauseVideoItem(),s=setTimeout((function(){l&&(null==l||l.classList.add("longPress"))}),600),d=setTimeout((function(){clearInterval(d),d=void 0}),250))}},m=function(e){var n=e.touches?e.touches[0]:e,l=n.clientX,s=n.clientY;r&&r.valid&&(u={x:l-r.x,y:s-r.y},void 0===c&&(c=!!(c||Math.abs(u.x)<Math.abs(u.y))),!c&&r&&(e.preventDefault(),a(t,(0,o.safeNum)(null==i?void 0:i.x)+(0,o.safeNum)(null==u?void 0:u.x),0,null)))},f=function(v){var p=document.querySelector("#zuck-modal .viewing"),y=r,g=r?Date.now()-r.time:void 0,h=Number(g)<300&&Math.abs((0,o.safeNum)(null==u?void 0:u.x))>25||Math.abs((0,o.safeNum)(null==u?void 0:u.x))>(0,o.safeNum)(null==n?void 0:n.slideWidth)/3,w=(0,o.safeNum)(null==u?void 0:u.x)<0,S=w?document.querySelector("#zuck-modal .story-viewer.next"):document.querySelector("#zuck-modal .story-viewer.previous"),k=w&&!S||!w&&!S;if(r&&!r.valid);else{u&&(c||(h&&!k?l(w):a(t,(0,o.safeNum)(null==i?void 0:i.x),300)),r=void 0,null==t||t.removeEventListener("mousemove",m),null==t||t.removeEventListener("mouseup",f),null==t||t.removeEventListener("mouseleave",f),null==t||t.removeEventListener("touchmove",m),null==t||t.removeEventListener("touchend",f));var b=e.internalData.currentVideoElement;if(s&&clearInterval(s),p&&(e.playVideoItem(p,p.querySelectorAll(".active"),void 0),null==p||p.classList.remove("longPress"),null==p||p.classList.remove("paused")),d){clearInterval(d),d=void 0;var L=function(){w||((0,o.safeNum)(null==y?void 0:y.x)>document.body.offsetWidth/3||!e.option("previousTap")?e.option("rtl")?e.navigateItem("previous",v):e.navigateItem("next",v):e.option("rtl")?e.navigateItem("next",v):e.navigateItem("previous",v))},E=document.querySelector("#zuck-modal .viewing");if(!E||!b)return L(),!1;(null==E?void 0:E.classList.contains("muted"))?e.unmuteVideoItem(b,E):L()}}};null==t||t.addEventListener("touchstart",v),null==t||t.addEventListener("mousedown",v)}(document.querySelector("#zuck-modal-slider-".concat(t))),e.internalData.currentStory=n,v.currentItem=m,e.option("backNative")&&(0,o.hasWindow)()&&(window.location.hash="#!".concat(t));var f=c("previous");f&&r(f,"previous"),r(v,"viewing",!0);var p=c("next");p&&r(p,"next"),e.option("autoFullScreen")&&(null==u||u.classList.add("fullscreen"));var y=function(){(null==u?void 0:u.classList.contains("fullscreen"))&&e.option("autoFullScreen")&&document.body.offsetWidth<=1024&&i(u),null==u||u.focus()},g=document.querySelector("#zuck-modal .story-viewer");if(e.option("openEffect")&&u){var h=document.querySelector("#".concat(t,' [data-id="').concat(n,'"] .item-preview')),w=(0,o.findPos)(h);u.style.marginLeft="".concat(w[0]+(0,o.safeNum)(null==h?void 0:h.offsetWidth)/2,"px"),u.style.marginTop="".concat(w[1]+(0,o.safeNum)(null==h?void 0:h.offsetHeight)/2,"px"),u.style.display="block",u.slideWidth=(null==g?void 0:g.offsetWidth)||0,setTimeout((function(){null==u||u.classList.add("animated")}),10),setTimeout((function(){y()}),300)}else u&&(u.style.display="block",u.slideWidth=(null==g?void 0:g.offsetWidth)||0),y();e.callback("onView")(n)}}))},next:function(){e.callback("onEnd")(e.internalData.currentStory,(function(){var o=e.internalData.currentStory,a=e.findStoryIndex(o),i=document.querySelector("#".concat(t,' [data-id="').concat(o,'"]'));i&&(null==i||i.classList.add("seen"),e.data[a].seen=!0,e.internalData.seenItems[o]=!0,e.saveLocalData("seenItems",e.internalData.seenItems),e.updateStorySeenPosition()),document.querySelector("#zuck-modal .story-viewer.next")?e.option("rtl")?l(!1):l(!0):n.modal.close()}))},close:function(){var t=document.querySelector("#zuck-modal"),n=document.querySelector("#zuck-modal-content");e.callback("onClose")(e.internalData.currentStory,(function(){e.option("backNative")&&(0,o.hasWindow)()&&(window.location.hash=""),i(t,!0),t&&(e.option("openEffect")?t.classList.add("closed"):(n&&(n.innerHTML=""),t.style.display="none"))}))}},n.modal}},380:(e,t,n)=>{t.__esModule=!0,t.loadOptions=t.option=t.optionsDefault=void 0;var o=n(593);t.optionsDefault=function(e){return{rtl:!1,skin:"snapgram",avatars:!0,stories:[],backButton:!0,backNative:!1,paginationArrows:!1,previousTap:!0,autoFullScreen:!1,openEffect:!0,cubeEffect:!1,list:!1,localStorage:!0,callbacks:{onOpen:function(e,t){t()},onView:function(e,t){null==t||t()},onEnd:function(e,t){t()},onClose:function(e,t){t()},onNextItem:function(e,t,n){n()},onNavigateItem:function(e,t,n){n()},onDataUpdate:function(e,t){t()}},template:{timelineItem:function(t){return'\n        <div class="story '.concat(!0===t.seen?"seen":"",'">\n          <a class="item-link" ').concat(t.link?'href="'.concat(t.link||"",'"'):"",'>\n            <span class="item-preview">\n              <img lazy="eager" src="').concat(e("avatars")||!t.currentPreview?t.photo:t.currentPreview,'" />\n            </span>\n            <span class="info" itemProp="author" itemScope itemType="http://schema.org/Person">\n              <strong class="name" itemProp="name">').concat(t.name,'</strong>\n              <span class="time">').concat((0,o.timeAgo)(t.lastUpdated||t.time,e("language"))||"",'</span>\n            </span>\n          </a>\n\n          <ul class="items"></ul>\n        </div>')},timelineStoryItem:function(e){var t=["id","seen","src","link","linkText","loop","time","type","length","preview"],n="";for(var o in e)-1===t.indexOf(o)&&void 0!==e[o]&&!1!==e[o]&&(n+=" data-".concat(o,'="').concat(e[o],'"'));return t.forEach((function(t){void 0!==e[t]&&!1!==e[t]&&(n+=" data-".concat(t,'="').concat(e[t],'"'))})),'<a href="'.concat(e.src,'" ').concat(n,'>\n                <img loading="auto" src="').concat(e.preview,'" />\n              </a>')},viewerItem:function(t,n){return'<div class="story-viewer">\n                <div class="head">\n                  <div class="left">\n                    '.concat(e("backButton")?'<a class="back">&lsaquo;</a>':"",'\n\n                    <span class="item-preview">\n                      <img lazy="eager" class="profilePhoto" src="').concat(t.photo,'" />\n                    </span>\n\n                    <div class="info">\n                      <strong class="name">').concat(t.name,'</strong>\n                      <span class="time">').concat((0,o.timeAgo)(t.time,e("language"))||"",'</span>\n                    </div>\n                  </div>\n\n                  <div class="right">\n                    <span class="time">\n                      ').concat((0,o.timeAgo)(n.time,e("language"))||"",'\n                    </span>\n                    <span class="loading"></span>\n                    <a class="close" tabIndex="2">&times;</a>\n                  </div>\n                </div>\n\n                <div class="slides-pointers">\n                  <div class="wrap"></div>\n                </div>\n\n                ').concat(e("paginationArrows")?'\n                    <div class="slides-pagination">\n                      <span class="previous">&lsaquo;</span>\n                      <span class="next">&rsaquo;</span>\n                    </div>':"","\n              </div>")},viewerItemPointerProgress:function(e){return'<span class="progress" style="'.concat(e,'"></span>')},viewerItemPointer:function(t,n,a){return'<span\n                class="\n                  '.concat(n===t?"active":"","\n                  ").concat(!0===a.seen?"seen":"",'\n                "\n                data-index="').concat(t,'" data-item-id="').concat(a.id,'">\n                  ').concat(e("template").viewerItemPointerProgress("animation-duration:".concat((0,o.safeNum)(a.length)?a.length:"3","s")),"\n              </span>")},viewerItemBody:function(t,n,o){return'<div\n                class="\n                  item\n                  '.concat(!0===o.seen?"seen":"","\n                  ").concat(n===t?"active":"",'\n                "\n                data-time="').concat(o.time,'"\n                data-type="').concat(o.type,'"\n                data-index="').concat(t,'"\n                data-item-id="').concat(o.id,'">\n                ').concat("video"===o.type?'<video class="media" data-length="'.concat(o.length,'" ').concat(o.loop?"loop":"",' muted webkit-playsinline playsinline preload="auto" src="').concat(o.src,'" ').concat(o.type,'></video>\n                    <b class="tip muted">').concat(e("language").unmute,"</b>"):'<img loading="auto" class="media" src="'.concat(o.src,'" ').concat(o.type," />\n                "),"\n\n                ").concat(o.link?'<a class="tip link" href="'.concat(o.link,'" rel="noopener" target="_blank">\n                        ').concat(o.linkText||e("language").visitLink,"\n                      </a>"):"","\n              </div>")}},language:{unmute:"Touch to unmute",keyboardTip:"Press space to see next",visitLink:"Visit link",time:{ago:"ago",hour:"hour ago",hours:"hours ago",minute:"minute ago",minutes:"minutes ago",fromnow:"from now",seconds:"seconds ago",yesterday:"yesterday",tomorrow:"tomorrow",days:"days ago"}}}};t.option=function(e,n){var o=function(n){return void 0!==(null==e?void 0:e[n])?null==e?void 0:e[n]:(0,t.optionsDefault)(o)[n]};return o(n)};t.loadOptions=function(e){return{option:function(n){return(0,t.option)(e,n)},callback:function(n){var o=(0,t.option)(e,"callbacks");return void 0!==typeof o[n]?o[n]:(0,t.option)(void 0,"callbacks")[n]},template:function(n){var o=(0,t.option)(e,"template");return void 0!==typeof o[n]?o[n]:(0,t.option)(void 0,"template")[n]},language:function(n){var o=(0,t.option)(e,"language");return void 0!==typeof o[n]?o[n]:(0,t.option)(void 0,"language")[n]}}}},593:(e,t)=>{t.__esModule=!0,t.timeAgo=t.findPos=t.generateId=t.prepend=t.onTransitionEnd=t.onAnimationEnd=t.safeNum=t.hasWindow=void 0;t.hasWindow=function(){return"undefined"!=typeof window};t.safeNum=function(e){return e?Number(e):0};t.onAnimationEnd=function(e,t){e.addEventListener("animationend",t)};t.onTransitionEnd=function(e,t){e.transitionEndEvent||(e.transitionEndEvent=!0,e.addEventListener("transitionend",t))};t.prepend=function(e,t){t&&e&&((null==e?void 0:e.firstChild)?e.insertBefore(t,null==e?void 0:e.firstChild):e.appendChild(t))};t.generateId=function(){return"stories-"+Math.random().toString(36).substr(2,9)};t.findPos=function(e,t,n,o){var a=0,i=0;if(e){if(e.offsetParent)do{if(a+=e.offsetLeft,i+=e.offsetTop,e===o)break}while(e=e.offsetParent);t&&(i-=t),n&&(a-=n)}return[a,i]};t.timeAgo=function(e,n){var o=(null==n?void 0:n.time)||void 0,a=e instanceof Date?e.getTime():1e3*(0,t.safeNum)(e),i=new Date(a),l=i.getTime(),r=((new Date).getTime()-l)/1e3,c=[[60," ".concat((null==o?void 0:o.seconds)||""),1],[120,"1 ".concat((null==o?void 0:o.minute)||""),""],[3600," ".concat((null==o?void 0:o.minutes)||""),60],[7200,"1 ".concat((null==o?void 0:o.hour)||""),""],[86400," ".concat((null==o?void 0:o.hours)||""),3600],[172800," ".concat((null==o?void 0:o.yesterday)||""),""],[604800," ".concat((null==o?void 0:o.days)||""),86400]],u=1;r<0&&(r=Math.abs(r),u=2);var s=!1;if(c.forEach((function(e){var t=e[0];r<t&&!s&&("string"==typeof e[2]?s=e[u]:null!==e&&(s=Math.floor(r/e[2])+e[1]))})),s)return s;var d=i.getDate(),v=i.getMonth(),m=i.getFullYear();return"".concat(d,"/").concat(v+1,"/").concat(m)}}},t={};var n=function n(o){var a=t[o];if(void 0!==a)return a.exports;var i=t[o]={exports:{}};return e[o](i,i.exports,n),i.exports}(607);this.Zuck=n.default})();