zumly 0.92.5 → 0.92.6

package/dist/zumly.js

@@ -1,7 +1,7 @@
 /*
 * zumly
-* v.0.92.5
+* v.0.92.6
 * Author Juan Martin Muda - Zumerlab
 * License MIT
 */
-(()=>{var Gt=s=>{throw TypeError(s)};var $t=(s,t,e)=>t.has(s)||Gt("Cannot "+e);var E=(s,t,e)=>($t(s,t,"read from private field"),e?e.call(s):t.get(s)),I=(s,t,e)=>t.has(s)?Gt("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(s):t.set(s,e),Q=(s,t,e,r)=>($t(s,t,"write to private field"),r?r.call(s,e):t.set(s,e),e),ft=(s,t,e)=>($t(s,t,"access private method"),e);var J,St,Qt,_t=class{constructor(t={}){I(this,St);I(this,J,{});Q(this,J,t)}async resolve(t,e=null){if(typeof t=="string"&&Object.prototype.hasOwnProperty.call(E(this,J),t)){let n=E(this,J)[t];return this.resolve(n,e)}switch(ft(this,St,Qt).call(this,t)){case"html":{let n=document.createElement("div");n.innerHTML=t.trim();let o=n.firstElementChild;if(!o)throw new Error("Zumly: view produced no element (html)");return o}case"url":{let n=new AbortController,o=setTimeout(()=>n.abort(),1e4),i;try{i=await fetch(t,{signal:n.signal})}finally{clearTimeout(o)}if(!i.ok)throw new Error(`Zumly: fetch failed for "${t}" (${i.status})`);let a=await i.text(),l=document.createElement("div");l.innerHTML=a.trim();let c=l.firstElementChild;if(!c)throw new Error("Zumly: view produced no element (url)");return c}case"function":{let n=e&&e.target||document.createElement("div"),o=await t({...e,target:n});if(typeof o=="string")return this.resolve(o,e);if(o instanceof HTMLElement)return o;let i=n.firstElementChild||n;return i.classList.contains("z-view")||i.classList.add("z-view"),i}case"object":{let n=await t.render(e);if(typeof n!="string")throw new Error("Zumly: view render() must return string");return this.resolve(n,e)}case"element":return t.cloneNode(!0);case"webcomponent":return await customElements.whenDefined(t),document.createElement(t);default:throw new Error("Zumly: unknown view type for source")}}};J=new WeakMap,St=new WeakSet,Qt=function(t){return typeof t=="function"?"function":t instanceof HTMLElement?"element":typeof t=="object"&&t!==null&&typeof t.render=="function"?"object":typeof t!="string"?"unknown":/^https?:\/\/|^\/|\.html$|\.php$/i.test(t)?"url":t.includes("<")?"html":t.includes("-")?"webcomponent":"unknown"};async function ht(s,t,e,r,n,o){if(!s||!s.classList){let i=document.createElement("div");i.classList.add("z-view"),s&&i.appendChild(s),s=i}else s.classList.contains("z-view")||s.classList.add("z-view");return s.dataset.viewName=t,s.getAttribute("aria-label")||s.setAttribute("aria-label",`View: ${t}`),s.style.transformOrigin="0 0",s.style.position="absolute",r?s.classList.add("is-current-view"):s.classList.add("is-new-current-view","has-no-events","hide"),e.append(s),typeof n[t]=="object"&&typeof n[t].mounted=="function"&&await n[t].mounted(),s}function x(s,t,e){t&&e==="welcome"&&console.info(`%c Zumly %c ${t}`,"background: #424085; color: white; border-radius: 3px;","color: #424085"),t&&s&&(e==="info"||e===void 0)&&console.info(`%c Zumly %c ${t}`,"background: #6679A3; color: #304157; border-radius: 3px;","color: #6679A3"),t&&e==="warn"&&console.warn(`%c Zumly %c ${t}`,"background: #DCBF53; color: #424085; border-radius: 3px;","color: #424085"),t&&e==="error"&&console.error(`%c Zumly %c ${t}`,"background: #BE4747; color: white; border-radius: 3px;","color: #424085")}function Jt(s,t){if(t.isValid=!1,!s||typeof s!="object"){x(!1,"'options' object has to be provided when instance is defined","error");return}if(typeof s.mount!="string"){x(!1,"'mount' must be a string selector","error");return}if(t.mount=s.mount,typeof s.initialView!="string"){x(!1,"'initialView' must be a string","error");return}if(t.initialView=s.initialView,!s.views||typeof s.views!="object"){x(!1,"'views' must be an object","error");return}t.views=s.views,t.isValid=!0,t.preload=Array.isArray(s.preload)?s.preload:[],t.debug=typeof s.debug=="boolean"?s.debug:!1,t.componentContext=s.componentContext&&typeof s.componentContext=="object"?s.componentContext:new Map;let e=s.transitions&&typeof s.transitions=="object"?s.transitions:null,r=e&&e.cover,n=typeof r=="string"?r.toLowerCase():null,o=n==="width"||n==="height";t.cover=o?n:"width",!o&&e&&r!==void 0&&x(!1,`'transitions.cover' must be either "width" or "height". Falling back to "width".`,"warn"),t.duration=e&&typeof e.duration=="string"?e.duration:"1s",t.ease=e&&typeof e.ease=="string"?e.ease:"ease-in-out",t.deferred=typeof s.deferred=="boolean"?s.deferred:!1;let i=e&&e.hideTrigger;i===!0||i==="fade"?t.hideTrigger=i:(t.hideTrigger=!1,i!=null&&i!==!1&&x(!1,`'transitions.hideTrigger' must be true or "fade". Falling back to false.`,"warn"));let a=e&&e.effects;Array.isArray(a)&&a.length>=2&&typeof a[0]=="string"&&typeof a[1]=="string"?t.effects=[a[0],a[1]]:Array.isArray(a)&&a.length===1&&typeof a[0]=="string"?t.effects=[a[0],a[0]]:(t.effects=["none","none"],a!=null&&x(!1,`'transitions.effects' must be an array of 1-2 CSS filter strings (e.g. ["blur(3px)", "blur(8px) saturate(0)"]). Falling back to no effects.`,"warn"));let l=e&&e.driver,c=typeof l=="string"?l.toLowerCase():null,f=typeof l=="function"?l:null;if(c!==null){let m=["css","waapi","none","anime","gsap","motion"];t.transitionDriver=m.includes(c)?c:"css",m.includes(c)||x(!1,`'transitions.driver' must be "css", "waapi", "none", "anime", "gsap", "motion", or a function. Got "${l}". Falling back to "css".`,"warn")}else f!==null?t.transitionDriver=f:t.transitionDriver="css";let h=e&&e.stagger;typeof h=="number"&&h>0?t.stagger=h:(t.stagger=0,h!=null&&h!==0&&x(!1,"'transitions.stagger' must be a positive number (ms). Falling back to 0 (disabled).","warn")),t.parallax=0;let u=s.lateralNav;if(u===!1)t.lateralNav=!1;else if(u&&typeof u=="object"){let m=typeof u.mode=="string"?u.mode.toLowerCase():null,g=m==="auto"||m==="always";m&&!g&&x(!1,`'lateralNav.mode' must be "auto" or "always". Falling back to "auto".`,"warn");let w=null;if(Array.isArray(u.siblings))w=u.siblings.filter(y=>typeof y=="string"&&y),w.length<2&&(x(!1,"'lateralNav.siblings' needs at least 2 view names. Ignoring.","warn"),w=null);else if(u.siblings&&typeof u.siblings=="object"){w={};for(let[y,b]of Object.entries(u.siblings))if(Array.isArray(b)){let _=b.filter(O=>typeof O=="string"&&O);_.length>=2&&(w[y]=_)}Object.keys(w).length===0&&(w=null)}else u.siblings!==void 0&&x(!1,"'lateralNav.siblings' must be an array of view names or a { parentView: [...] } map. Ignoring.","warn");t.lateralNav={mode:g?m:"auto",arrows:typeof u.arrows=="boolean"?u.arrows:!0,dots:typeof u.dots=="boolean"?u.dots:!0,keepAlive:u.keepAlive===!0||u.keepAlive==="visible"?u.keepAlive:!1,siblings:w}}else t.lateralNav={mode:"auto",arrows:!0,dots:!0,keepAlive:!1,siblings:null};let d=s.depthNav;if(d===!1)t.depthNav=!1;else if(d&&typeof d=="object"){let m=typeof d.position=="string"?d.position.toLowerCase():null,g=m==="bottom-left"||m==="top-left";m&&!g&&x(!1,`'depthNav.position' must be "bottom-left" or "top-left". Falling back to "bottom-left".`,"warn"),t.depthNav={position:g?m:"bottom-left"}}else t.depthNav={position:"bottom-left"};let v=s.lateralNav&&typeof s.lateralNav=="object"?s.lateralNav.position:void 0;if(t.lateralNav&&typeof t.lateralNav=="object"){let m=v==="bottom-center"||v==="top-center";v&&!m&&x(!1,`'lateralNav.position' must be "bottom-center" or "top-center". Falling back to "bottom-center".`,"warn"),t.lateralNav.position=m?v:"bottom-center"}let p=s.inputs;p&&typeof p=="object"?t.inputs={wheel:typeof p.wheel=="boolean"?p.wheel:!0,keyboard:typeof p.keyboard=="boolean"?p.keyboard:!0,click:typeof p.click=="boolean"?p.click:!0,touch:typeof p.touch=="boolean"?p.touch:!0}:t.inputs={wheel:!0,keyboard:!0,click:!0,touch:!0}}function te(s,t,e,r,n){let o=e/s,i=r/t;return n==="height"?{scale:i,scaleInv:1/i}:{scale:o,scaleInv:1/o}}function ee(s,t,e,r){let n=t.left,o=t.top,i=s.x-n+(s.width-e.width*r)/2,a=s.y-o+(s.height-e.height*r)/2;return`translate(${i}px, ${a}px) scale(${r})`}function se(s,t,e){let r=t.left,n=t.top,o=s.x-r+(s.width-e.width)/2,i=s.y-n+(s.height-e.height)/2;return`translate(${o}px, ${i}px)`}function re(s,t){let e=s.x+s.width/2-t.x,r=s.y+s.height/2-t.y;return`${e}px ${r}px`}function ne(s,t,e,r,n=0){let o=s.width/2-t.width/2-t.x+e.x,i=s.height/2-t.height/2-t.y+e.y,a=1-n,l=o*a,c=i*a;return{x:o,y:i,transform:`translate(${l}px, ${c}px) scale(${r})`}}function oe({canvasRect:s,canvasOffset:t,triggerRect:e,previousViewRectAtBaseTransform:r,lastViewZoomedElementRect:n,previousViewRectWithPreviousAtEndTransform:o,scale:i,preScale:a,parallax:l=0}){let c=t.left,f=t.top,h=s.width/2-e.width/2-e.x,u=s.height/2-e.height/2-e.y,d=h+(r.x-n.x)+o.x-c+(o.width-n.width)/2,v=u+(r.y-n.y)+o.y-f+(o.height-n.height)/2,p=1-Math.min(l*2,.9);return`translate(${d*p}px, ${v*p}px) scale(${i*a})`}function ie(s,t,e,r,n){return`translate(${s-e.left}px, ${t-e.top}px) scale(${r*n})`}function Et(s){let t=s.split(/\s+/);return{x:parseFloat(t[0])||0,y:parseFloat(t[1])||0}}function ut(s){let t=typeof s=="string"?s:"",e=t.match(/translate\s*\(\s*([-+\d.eE]+)px\s*,\s*([-+\d.eE]+)px\s*\)/);if(!e)return{tx:0,ty:0,rest:t.trim(),matched:!1};let r=t.replace(/translate\s*\([^)]+\)\s*/,"").trim();return{tx:parseFloat(e[1]),ty:parseFloat(e[2]),rest:r,matched:!0}}function dt(s){let t=ut(s),e=s.match(/scale\s*\(\s*([-+\d.eE]+)\s*\)/);return{tx:t.matched?t.tx:0,ty:t.matched?t.ty:0,scale:e?parseFloat(e[1]):1}}function Tt(s,t,e,r,n,o,i,a,l,c){let f=t.x-e.x*(1-o)-r,h=t.y-e.y*(1-o)-n,u=t.width/o,d=t.height/o,v=f+e.x+(s.x-f-e.x-r)/o,p=h+e.y+(s.y-h-e.y-n)/o,m=s.width/o,g=s.height/o,w=f+i.x+a+c*(v-f-i.x),y=h+i.y+l+c*(p-h-i.y),b=m*c,_=g*c;return{x:w,y,width:b,height:_,left:w,top:y,right:w+b,bottom:y+_}}function mt(s,t,e){return{viewName:s,backwardState:t,forwardState:e}}function ae(s){return{detachedNode:s}}function le(s,t,e,r,n){let o=[];return t!==null&&o.push(t),e!==null&&o.push(e),r!==null&&o.push(r),n!==null&&o.push(n),{zoomLevel:s,views:o}}function ce(s){let t=s.views?.[3];if(!(!t||!(t.detachedNode instanceof Node)))return t.detachedNode}var Z,xt=class{constructor(){I(this,Z,new Map)}set(t,e,r=null){E(this,Z).set(t,{node:e,expires:r?Date.now()+r:null})}get(t){let e=E(this,Z).get(t);return e?e.expires!==null&&Date.now()>e.expires?(E(this,Z).delete(t),null):e.node.cloneNode(!0):null}has(t){let e=E(this,Z).get(t);return e?e.expires!==null&&Date.now()>e.expires?(E(this,Z).delete(t),!1):!0:!1}invalidate(t){E(this,Z).delete(t)}clear(){E(this,Z).clear()}};Z=new WeakMap;var je=300*1e3,Re=/^https?:\/\/|^\/|\.html$|\.php$/i,tt,et,st,Y,rt,fe,he,Lt=class{constructor(t={}){I(this,rt);I(this,tt);I(this,et);I(this,st);I(this,Y,new Map);Q(this,st,t),Q(this,tt,new _t(t)),Q(this,et,new xt)}async get(t,e=null){if(ft(this,rt,fe).call(this,t)){let r=E(this,et).get(t);if(r)return r;if(E(this,Y).has(t))return E(this,Y).get(t);let n=(async()=>{try{let o=await E(this,tt).resolve(t,e),i=E(this,st)[t],a=ft(this,rt,he).call(this,i);return E(this,et).set(t,o,a),o}finally{E(this,Y).delete(t)}})();return E(this,Y).set(t,n),n}return E(this,tt).resolve(t,e)}async preloadEager(t,e=null){!Array.isArray(t)||t.length===0||await Promise.all(t.map(r=>this.get(r,e)))}prefetch(t,e=null){this.get(t,e).catch(()=>{})}prefetchOnHover(t,e=null){this.prefetch(t,e)}scanAndPrefetch(t,e=null){if(!t||!t.querySelectorAll)return;t.querySelectorAll(".zoom-me[data-to]").forEach(n=>{let o=n.dataset.to;o&&(n.hasAttribute("role")||n.setAttribute("role","button"),n.hasAttribute("aria-label")||n.setAttribute("aria-label",`Zoom to ${o}`),this.prefetch(o,e))})}};tt=new WeakMap,et=new WeakMap,st=new WeakMap,Y=new WeakMap,rt=new WeakSet,fe=function(t){return typeof E(this,st)[t]=="string"},he=function(t){return Re.test(t)?je:null};function nt(s){s&&(s.style.contentVisibility="hidden")}function U(s){s&&(s.style.contentVisibility="visible")}function F(s){if(typeof s=="number"&&!Number.isNaN(s))return Math.max(0,s);let t=String(s).trim(),e=t.match(/^(\d*\.?\d+)\s*(ms|s)?$/i);if(!e)return typeof console<"u"&&console.warn(`[zumly] Could not parse duration "${t}" \u2014 falling back to 500ms.`),500;let r=parseFloat(e[1]);return(e[2]||"s").toLowerCase()==="ms"?Math.max(0,r):Math.max(0,r*1e3)}function zt(s){return F(s)/1e3}function T(s,t){if(s.classList.contains("is-new-current-view")){let e=t.views[0].forwardState;s.classList.replace("is-new-current-view","is-current-view"),s.classList.remove("zoom-current-view","has-no-events"),s.style.transformOrigin=e.origin,s.style.transform=e.transform;return}if(s.classList.contains("is-previous-view")){let e=t.views[1].forwardState;s.classList.remove("zoom-previous-view","has-no-events"),s.style.transformOrigin=e.origin,s.style.transform=e.transform;return}if(s.classList.contains("is-last-view")){let e=t.views[2].forwardState;s.classList.remove("zoom-last-view","has-no-events"),s.style.transformOrigin=e.origin,s.style.transform=e.transform}}function A(s,t){s.classList.remove("zoom-previous-view-reverse","has-no-events","has-effect","has-effect-reverse"),s.style.removeProperty("--z-effect-filter"),s.style.transformOrigin="0 0",s.style.transform=t.transform}function P(s,t){s.classList.remove("zoom-last-view-reverse","has-no-events","has-effect","has-effect-reverse"),s.style.removeProperty("--z-effect-filter"),s.style.transformOrigin=t.origin,s.style.transform=t.transform}function k(s,t){try{t&&t.removeChild(s)}catch{try{s.parentElement&&t.removeChild(s.parentElement)}catch{}}}function L(...s){for(let t of s)t&&(t.classList.remove("hide"),U(t))}function j(s,t){let{currentView:e,previousView:r,backView:n,backViewState:o,lastView:i,lastViewState:a,incomingTransformEnd:l,currentStage:c,canvas:f}=s,h=c.views[0];L(e),e.classList.replace("is-new-current-view","is-current-view"),e.classList.remove("zoom-current-view","has-no-events"),e.style.transformOrigin=h.forwardState.origin,e.style.transform=l||h.forwardState.transform,n&&o&&(n.style.transform=o.transformEnd),i&&a&&(i.style.transform=a.transformEnd),s.keepAlive||k(r,f),t()}var R=150;function q(s,t){let e=!1,r=setTimeout(()=>{e||(e=!0,s())},t);return{finish(){e||(e=!0,clearTimeout(r),s())},safetyTimer:r}}function ue(){return{a:1,b:0,c:0,d:1,e:0,f:0}}function qe(s){if(!s||s==="none")return ue();let t=String(s).match(/matrix\(([-\d.eE]+),\s*([-\d.eE]+),\s*([-\d.eE]+),\s*([-\d.eE]+),\s*([-\d.eE]+),\s*([-\d.eE]+)\)/);return t?{a:parseFloat(t[1])||1,b:parseFloat(t[2])||0,c:parseFloat(t[3])||0,d:parseFloat(t[4])||1,e:parseFloat(t[5])||0,f:parseFloat(t[6])||0}:ue()}function it(s){return`matrix(${s.a}, ${s.b}, ${s.c}, ${s.d}, ${s.e}, ${s.f})`}function ot(s,t,e){return s+(t-s)*e}function at(s,t,e){let r=Math.max(0,Math.min(1,e));return{a:ot(s.a,t.a,r),b:ot(s.b,t.b,r),c:ot(s.c,t.c,r),d:ot(s.d,t.d,r),e:ot(s.e,t.e,r),f:ot(s.f,t.f,r)}}function $(s,t,e){s.style.transformOrigin=t,s.style.transform=e;try{s.getBoundingClientRect()}catch{}return qe(getComputedStyle(s).transform)}function de(s,t){let{type:e,currentView:r,previousView:n,lastView:o,currentStage:i,duration:a,ease:l,canvas:c}=s;if(!r||!n||!i){t();return}e==="lateral"?Be(s,t):e==="zoomIn"?Ve(r,n,o,i,a,l,t):e==="zoomOut"?Xe(r,n,o,i,a,l,c,t):t()}function Be(s,t){let{currentView:e,previousView:r,backView:n,backViewState:o,lastView:i,lastViewState:a,incomingTransformStart:l,incomingTransformEnd:c,outgoingTransform:f,outgoingTransformEnd:h,currentStage:u,duration:d,ease:v,canvas:p}=s,m=F(d),g=u.views[0];L(e),e.classList.replace("is-new-current-view","is-current-view"),e.classList.remove("zoom-current-view","has-no-events"),e.style.transformOrigin=g.forwardState.origin,n&&o&&(N(n,d,v,{"--lateral-from":o.transformStart,"--lateral-to":o.transformEnd}),n.classList.add("zoom-lateral-back")),i&&a&&(N(i,d,v,{"--lateral-from":a.transformStart,"--lateral-to":a.transformEnd}),i.classList.add("zoom-lateral-back")),s.keepAlive!=="visible"&&(N(r,d,v,{"--lateral-out-from":f,"--lateral-out-to":h}),r.classList.add("zoom-lateral-out")),N(e,d,v,{"--lateral-in-from":l,"--lateral-in-to":c}),e.classList.add("zoom-lateral-in");let w=s.keepAlive==="visible"?[e]:[r,e];n&&o&&w.push(n),i&&a&&w.push(i);let y=w.length,{finish:b}=q(()=>{Nt(w,_),s.keepAlive?(r.classList.remove("zoom-lateral-out"),r.style.opacity=""):k(r,p),n&&(n.classList.remove("zoom-lateral-back"),n.style.transform=o?.transformEnd||n.style.transform),i&&(i.classList.remove("zoom-lateral-back"),i.style.transform=a?.transformEnd||i.style.transform),e.classList.remove("zoom-lateral-in"),e.style.transform=c,t()},m+R);function _(O){let M=O?.target;M&&M.removeEventListener("animationend",_),y--,y<=0&&b()}w.forEach(O=>O.addEventListener("animationend",_))}function Ve(s,t,e,r,n,o,i){L(s,t,e);let a=r.stagger||0;N(s,n,o,{"--current-view-transform-start":r.views[0].backwardState.transform,"--current-view-transform-end":r.views[0].forwardState.transform}),a>0&&s.style.setProperty("animation-delay","0ms"),N(t,n,o,{"--previous-view-transform-start":r.views[1].backwardState.transform,"--previous-view-transform-end":r.views[1].forwardState.transform}),a>0&&t.style.setProperty("animation-delay",`${a}ms`),e&&(N(e,n,o,{"--last-view-transform-start":r.views[2].backwardState.transform,"--last-view-transform-end":r.views[2].forwardState.transform}),a>0&&e.style.setProperty("animation-delay",`${a*2}ms`)),s.classList.add("zoom-current-view"),t.classList.add("zoom-previous-view"),e&&e.classList.add("zoom-last-view");let l=e?[s,t,e]:[s,t],c=l.length,f=F(n),h=e?a*2:a,{finish:u}=q(()=>{Nt(l,d),l.forEach(v=>v.style.removeProperty("animation-delay")),i()},f+h+R);function d(v){let p=v?.target;if(p&&p.removeEventListener("animationend",d),p?.isConnected)try{T(p,r)}catch{}c--,c<=0&&u()}l.forEach(v=>v.addEventListener("animationend",d))}function Xe(s,t,e,r,n,o,i,a){let l=r.views[0],c=r.views[1],f=e&&r.views[2]?r.views[2]:null,h=r.stagger||0;N(s,n,o,{"--current-view-transform-start":l.backwardState.transform,"--current-view-transform-end":l.forwardState.transform}),h>0&&s.style.setProperty("animation-delay","0ms"),N(t,n,o,{"--previous-view-transform-start":c.backwardState.transform,"--previous-view-transform-end":c.forwardState.transform}),h>0&&t.style.setProperty("animation-delay",`${h}ms`),e&&f&&(N(e,n,o,{"--last-view-transform-start":f.backwardState.transform,"--last-view-transform-end":f.forwardState.transform}),h>0&&e.style.setProperty("animation-delay",`${h*2}ms`)),s.classList.add("zoom-current-view-reverse"),t.classList.add("zoom-previous-view-reverse"),e&&e.classList.add("zoom-last-view-reverse");let u=e?[s,t,e]:[s,t],d=u.length,v=F(n),p=e?h*2:h,{finish:m}=q(()=>{Nt(u,g),u.forEach(w=>w.style.removeProperty("animation-delay")),a()},v+p+R);function g(w){let y=w?.target;if(y&&y.removeEventListener("animationend",g),y?.isConnected)try{Ye(y,r,i)}catch{}d--,d<=0&&m()}u.forEach(w=>w.addEventListener("animationend",g))}function Ye(s,t,e){if(s.classList.contains("zoom-current-view-reverse")){k(s,e);return}if(s.classList.contains("zoom-previous-view-reverse")){A(s,t.views[1].backwardState);return}s.classList.contains("zoom-last-view-reverse")&&P(s,t.views[2].backwardState)}function N(s,t,e,r){s.style.setProperty("--zoom-duration",t),s.style.setProperty("--zoom-ease",e);for(let[n,o]of Object.entries(r))s.style.setProperty(n,o)}function Nt(s,t){for(let e of s)e?.removeEventListener&&e.removeEventListener("animationend",t)}function me(s,t){let{type:e,currentView:r,previousView:n,lastView:o,currentStage:i,canvas:a}=s;if(!r||!n||!i){t();return}if(e==="lateral"){j(s,t);return}if(e==="zoomIn"){L(r,n,o),T(r,i),T(n,i),o&&T(o,i),t();return}if(e==="zoomOut"){k(r,a),L(n,o),A(n,i.views[1].backwardState),o&&P(o,i.views[2].backwardState),t();return}t()}function pe(s,t){let{type:e,currentView:r,previousView:n,lastView:o,currentStage:i,duration:a,ease:l,canvas:c}=s;if(!r||!n||!i){t();return}let f=F(a);if(e==="lateral"){Ke(s,f,l,t);return}if(e==="zoomIn"){Ue(r,n,o,i,f,l,t);return}if(e==="zoomOut"){We(r,n,o,i,f,l,c,t);return}t()}function Ue(s,t,e,r,n,o,i){L(s,t,e);let a=r.views[0],l=r.views[1],c=e&&r.views[2]?r.views[2]:null;s.style.transformOrigin=a.backwardState.origin,s.style.transform=a.backwardState.transform,t.style.transformOrigin=l.backwardState.origin,t.style.transform=l.backwardState.transform,c&&(e.style.transformOrigin=c.backwardState.origin,e.style.transform=c.backwardState.transform);let f=r.stagger||0,h=[];h.push(s.animate([{transform:a.backwardState.transform},{transform:a.forwardState.transform}],{duration:n,easing:o,fill:"forwards"})),h.push(t.animate([{transform:l.backwardState.transform},{transform:l.forwardState.transform}],{duration:n,delay:f,easing:o,fill:"forwards"})),c&&h.push(e.animate([{transform:c.backwardState.transform},{transform:c.forwardState.transform}],{duration:n,delay:f*2,easing:o,fill:"forwards"}));let u=c?f*2:f,{finish:d}=q(()=>{Mt(h);try{T(s,r),T(t,r),e&&T(e,r)}catch{}i()},n+u+R);Promise.all(h.map(v=>v.finished)).then(d).catch(d)}function We(s,t,e,r,n,o,i,a){let l=r.views[0],c=r.views[1],f=e&&r.views[2]?r.views[2]:null,h=c.backwardState,u=f?f.backwardState:null;s.style.transformOrigin=l.forwardState.origin,s.style.transform=l.forwardState.transform,requestAnimationFrame(()=>{requestAnimationFrame(()=>{t.style.transformOrigin=c.forwardState.origin,e&&f&&(e.style.transformOrigin=f.forwardState.origin);let d=t.style.transform||getComputedStyle(t).transform||c.forwardState.transform,v=e&&f?e.style.transform||getComputedStyle(e).transform||f.forwardState.transform:null,p=r.stagger||0,m=[];m.push(s.animate([{transform:l.forwardState.transform},{transform:l.backwardState.transform}],{duration:n,easing:o,fill:"forwards"})),m.push(t.animate([{transform:d},{transform:h.transform}],{duration:n,delay:p,easing:o,fill:"both"})),e&&u&&m.push(e.animate([{transform:v},{transform:u.transform}],{duration:n,delay:p*2,easing:o,fill:"both"})),t.style.removeProperty("transform"),e&&e.style.removeProperty("transform");let g=e&&u?p*2:p,{finish:w}=q(()=>{Mt(m);try{k(s,i),A(t,h),e&&u&&P(e,u)}catch{}a()},n+g+R);Promise.all(m.map(y=>y.finished)).then(w).catch(w)})})}function Ke(s,t,e,r){let{currentView:n,previousView:o,backView:i,backViewState:a,lastView:l,lastViewState:c,incomingTransformStart:f,incomingTransformEnd:h,outgoingTransform:u,outgoingTransformEnd:d,currentStage:v,canvas:p}=s,m=v.views[0];L(n),n.classList.replace("is-new-current-view","is-current-view"),n.classList.remove("zoom-current-view","has-no-events"),n.style.transformOrigin=m.forwardState.origin;let g=[];g.push(n.animate([{transform:f,opacity:0},{transform:h,opacity:1}],{duration:t,easing:e,fill:"forwards"})),s.keepAlive!=="visible"&&g.push(o.animate([{transform:u,opacity:1},{transform:d,opacity:0}],{duration:t,easing:e,fill:"forwards"})),i&&a&&g.push(i.animate([{transform:a.transformStart},{transform:a.transformEnd}],{duration:t,easing:e,fill:"forwards"})),l&&c&&g.push(l.animate([{transform:c.transformStart},{transform:c.transformEnd}],{duration:t,easing:e,fill:"forwards"}));let{finish:w}=q(()=>{Mt(g),n.style.transform=h||m.forwardState.transform,i&&a&&(i.style.transform=a.transformEnd),l&&c&&(l.style.transform=c.transformEnd),s.keepAlive?(o.style.opacity="",o.style.transform=d):k(o,p),r()},t+R);Promise.all(g.map(y=>y.finished)).then(w).catch(w)}function Mt(s){for(let t of s)try{t.cancel()}catch{}}function ve(s,t){let e=typeof globalThis<"u"&&globalThis.anime;if(!e||typeof e!="function"){console.warn('Zumly anime driver: Anime.js not loaded. Add <script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.2/anime.min.js"><\/script>'),t();return}let{type:r,currentView:n,previousView:o,lastView:i,currentStage:a,duration:l,ease:c,canvas:f}=s;if(!n||!o||!a){t();return}let h=F(l);r==="lateral"?j(s,t):r==="zoomIn"?Ge(e,n,o,i,a,h,c,t):r==="zoomOut"?Qe(e,n,o,i,a,h,c,f,t):t()}function Ge(s,t,e,r,n,o,i,a){L(t,e,r);let l=n.views[0],c=n.views[1],f=r&&n.views[2]?n.views[2]:null,h=ye([{el:t,backward:l.backwardState,forward:l.forwardState},{el:e,backward:c.backwardState,forward:c.forwardState},...f?[{el:r,backward:f.backwardState,forward:f.forwardState}]:[]],"forward");we(h,0);let u=n.stagger||0,d=o+(f?u*2:u),v={value:0};s({targets:v,value:1,duration:d,easing:be(i),update:()=>{let p=v.value*d;ge(h,p,o,u)},complete:()=>{T(t,n),T(e,n),r&&T(r,n),a()}})}function Qe(s,t,e,r,n,o,i,a,l){let c=n.views[0],f=n.views[1],h=r&&n.views[2]?n.views[2]:null,u=f.backwardState,d=h?h.backwardState:null,v=ye([{el:t,backward:c.backwardState,forward:c.forwardState},{el:e,backward:f.backwardState,forward:f.forwardState},...h?[{el:r,backward:h.backwardState,forward:h.forwardState}]:[]],"backward");we(v,0);let p=n.stagger||0,m=o+(h?p*2:p),g={value:0};s({targets:g,value:1,duration:m,easing:be(i),update:()=>{let w=g.value*m;ge(v,w,o,p)},complete:()=>{k(t,a),A(e,u),r&&d&&P(r,d),l()}})}function ye(s,t){return s.map(({el:e,backward:r,forward:n})=>{if(t==="forward"){let o=$(e,r.origin,r.transform),i=$(e,r.origin,n.transform);return{el:e,from:o,to:i}}else{let o=$(e,n.origin,n.transform),i=$(e,n.origin,r.transform);return{el:e,from:o,to:i}}})}function we(s,t){for(let{el:e,from:r,to:n}of s)e.style.transform=it(at(r,n,t))}function ge(s,t,e,r){for(let n=0;n<s.length;n++){let{el:o,from:i,to:a}=s[n],l=n*r,c=Math.max(0,t-l),f=e>0?Math.min(1,c/e):1;o.style.transform=it(at(i,a,f))}}function be(s){if(typeof s!="string")return"easeInOutQuad";let t=s.toLowerCase();return t==="linear"?"linear":t.includes("ease-in-out")?"easeInOutQuad":t.includes("ease-in")?"easeInQuad":t.includes("ease-out")?"easeOutQuad":t}function _e(s,t){let e=typeof globalThis<"u"&&globalThis.gsap;if(!e||typeof e.to!="function"){console.warn('Zumly GSAP driver: GSAP not loaded. Add <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"><\/script>'),t();return}let{type:r,currentView:n,previousView:o,lastView:i,currentStage:a,duration:l,ease:c,canvas:f}=s;if(!n||!o||!a){t();return}let h=zt(l);r==="lateral"?j(s,t):r==="zoomIn"?Je(e,n,o,i,a,h,c,t):r==="zoomOut"?ts(e,n,o,i,a,h,c,f,t):t()}function Je(s,t,e,r,n,o,i,a){L(t,e,r);let l=n.views[0],c=n.views[1],f=r&&n.views[2]?n.views[2]:null;kt(t,l.backwardState),kt(e,c.backwardState),f&&kt(r,f.backwardState);let h=s.timeline({onComplete:()=>{T(t,n),T(e,n),r&&T(r,n),a()}}),u=Se(i),d=(n.stagger||0)/1e3;h.to(t,{transform:l.forwardState.transform,duration:o,ease:u},0),h.to(e,{transform:c.forwardState.transform,duration:o,ease:u},d),f&&h.to(r,{transform:f.forwardState.transform,duration:o,ease:u},d*2)}function ts(s,t,e,r,n,o,i,a,l){let c=n.views[0],f=n.views[1],h=r&&n.views[2]?n.views[2]:null,u=f.backwardState,d=h?h.backwardState:null;kt(t,c.forwardState);let v=e.style.transform||getComputedStyle(e).transform||f.forwardState.transform,p=r&&h?r.style.transform||getComputedStyle(r).transform||h.forwardState.transform:null;e.style.transformOrigin=f.forwardState.origin,r&&h&&(r.style.transformOrigin=h.forwardState.origin);let m=Se(i),g=s.timeline({onComplete:()=>{k(t,a),A(e,u),r&&d&&P(r,d),l()}}),w=(n.stagger||0)/1e3;s.set(e,{transform:v}),r&&p&&s.set(r,{transform:p}),g.fromTo(t,{transform:c.forwardState.transform},{transform:c.backwardState.transform,duration:o,ease:m},0),g.fromTo(e,{transform:v},{transform:u.transform,duration:o,ease:m},w),r&&d&&g.fromTo(r,{transform:p},{transform:d.transform,duration:o,ease:m},w*2)}function kt(s,t){s.style.transformOrigin=t.origin,s.style.transform=t.transform}function Se(s){if(typeof s!="string")return"power2.inOut";let t=s.toLowerCase();return t==="linear"?"none":t.includes("ease-in-out")?"power2.inOut":t.includes("ease-in")?"power2.in":t.includes("ease-out")?"power2.out":t}function Ee(s,t){let e=rs();if(!e||typeof e!="function"){console.warn('Zumly Motion driver: Motion not loaded. Add <script src="https://cdn.jsdelivr.net/npm/motion@11/dist/motion.min.js"><\/script>'),t();return}let{type:r,currentView:n,previousView:o,lastView:i,currentStage:a,duration:l,ease:c,canvas:f}=s;if(!n||!o||!a){t();return}let h=zt(l);r==="lateral"?j(s,t):r==="zoomIn"?es(e,n,o,i,a,h,c,t):r==="zoomOut"?ss(e,n,o,i,a,h,c,f,t):t()}function es(s,t,e,r,n,o,i,a){L(t,e,r);let l=Te(t,e,r,n,"forward");xe(l,0);let c=n.stagger||0,f=c/1e3,h=o*1e3,u=o+(l.length>2?f*2:f);s(0,1,{duration:u,ease:ze(i),onUpdate:v=>{let p=v*u*1e3;Le(l,p,h,c)}}).then(()=>{T(t,n),T(e,n),r&&T(r,n),a()}).catch(()=>a())}function ss(s,t,e,r,n,o,i,a,l){let c=n.views[1],f=r&&n.views[2]?n.views[2]:null,h=c.backwardState,u=f?f.backwardState:null,d=Te(t,e,r,n,"backward");xe(d,0);let v=n.stagger||0,p=v/1e3,m=o*1e3,g=o+(d.length>2?p*2:p);s(0,1,{duration:g,ease:ze(i),onUpdate:y=>{let b=y*g*1e3;Le(d,b,m,v)}}).then(()=>{k(t,a),A(e,h),r&&u&&P(r,u),l()}).catch(()=>l())}function Te(s,t,e,r,n){let o=r.views[0],i=r.views[1],a=e&&r.views[2]?r.views[2]:null,l=[{el:s,backward:o.backwardState,forward:o.forwardState},{el:t,backward:i.backwardState,forward:i.forwardState}];return a&&l.push({el:e,backward:a.backwardState,forward:a.forwardState}),l.map(({el:c,backward:f,forward:h})=>n==="forward"?{el:c,from:$(c,f.origin,f.transform),to:$(c,f.origin,h.transform)}:{el:c,from:$(c,h.origin,h.transform),to:$(c,h.origin,f.transform)})}function xe(s,t){for(let{el:e,from:r,to:n}of s)e.style.transform=it(at(r,n,t))}function Le(s,t,e,r){for(let n=0;n<s.length;n++){let{el:o,from:i,to:a}=s[n],l=n*r,c=Math.max(0,t-l),f=e>0?Math.min(1,c/e):1;o.style.transform=it(at(i,a,f))}}function rs(){let s=typeof globalThis<"u"?globalThis:typeof window<"u"?window:{};return s.motion?.animate||s.Motion?.animate||s.animate}function ze(s){if(typeof s!="string")return"easeInOut";let t=s.toLowerCase();return t==="linear"?"linear":t.includes("ease-in-out")?"easeInOut":t.includes("ease-in")?"easeIn":t.includes("ease-out")?"easeOut":s}var ke={css:de,waapi:pe,none:me,anime:ve,gsap:_e,motion:Ee};function Ce(s){if(typeof s=="function")return{runTransition(r,n){s(r,n)}};let t=typeof s=="string"?s.toLowerCase():"css";return{runTransition:ke[t]||ke.css}}function ns(s){if(typeof s!="string"||s.trim()==="")return{tx:0,ty:0,rest:""};let t=ut(s);return t.matched?{tx:t.tx,ty:t.ty,rest:t.rest}:null}function Dt(s,t,e){let r=ns(s);if(r===null)return s;let n=r.tx*t,o=r.ty*e,i=r.rest?` ${r.rest}`:"";return`translate(${n}px, ${o}px)${i}`.trim()}function os(s){if(typeof s!="string"||!s.trim())return null;let t=s.trim().match(/^([-\d.eE]+)px\s+([-\d.eE]+)px$/);return t?{x:parseFloat(t[1]),y:parseFloat(t[2])}:null}function Ft(s,t,e){let r=os(s);return r===null?s:`${r.x*t}px ${r.y*e}px`}function Ht(s,t,e,r,n){if(!s.storedViews?.length||!s.canvas||t<=0||e<=0)return;let o=r/t,i=n/e;for(let d of s.storedViews){let v=d.views;if(Array.isArray(v))for(let p=0;p<v.length;p++){let m=v[p];!m||m.detachedNode||(m.backwardState&&(m.backwardState.transform=Dt(m.backwardState.transform,o,i),m.backwardState.origin!=null&&(m.backwardState.origin=Ft(m.backwardState.origin,o,i))),m.forwardState&&(m.forwardState.transform=Dt(m.forwardState.transform,o,i),m.forwardState.origin!=null&&(m.forwardState.origin=Ft(m.forwardState.origin,o,i))))}}let a=s.canvas,l=a.querySelector(".is-current-view"),c=a.querySelector(".is-previous-view"),f=a.querySelector(".is-last-view"),h=a.querySelector(".is-new-current-view"),u=[l,c,f,h].filter(Boolean);for(let d of u){if(!d.style)continue;let v=d.style.transform;v!=null&&v!==""&&(d.style.transform=Dt(v,o,i));let p=d.style.transformOrigin;p!=null&&p!==""&&(d.style.transformOrigin=Ft(p,o,i))}}var is=8e3,vt=class{constructor(t){if(this.storedViews=[],this.currentStage=null,this.debug=!1,this.trace=[],this.blockEvents=!1,this._blockEventsSafetyTimer=null,this.touchstartX=0,this.touchstartY=0,this.touchendX=0,this.touchendY=0,this.touching=!1,this.lateralHistory=[],this._lastCanvasWidth=0,this._lastCanvasHeight=0,this._pendingResizeCorrection=!1,this._destroyed=!1,this._trackedTimers=new Set,this._pendingTransitionComplete=null,this._hooks={},this._plugins=[],Jt(t,this),!this.isValid){this.notify("is unable to start: invalid or missing required options (mount, initialView, views).","error");return}if(this.canvas=document.querySelector(this.mount),!this.canvas){this.notify(`mount selector "${this.mount}" did not match any element.`,"error"),this.isValid=!1;return}this.transitionDriver=Ce(this.transitionDriver),this._onZoom=this.onZoom.bind(this),this._onTouchStart=this.onTouchStart.bind(this),this._onTouchEnd=this.onTouchEnd.bind(this),this._onTouchCancel=()=>{this.touching=!1},this._onKeyUp=this.onKeyUp.bind(this),this._onWheel=this.onWheel.bind(this),this._wheelCooldown=!1,this._onPrefetchTrigger=e=>{e.target.classList.contains("zoom-me")&&e.target.dataset.to&&this.prefetcher.prefetch(e.target.dataset.to,{trigger:e.target,...e.target.dataset})},this._onResize=this._handleResize.bind(this),this._resizeDebounceTimer=null,this._RESIZE_DEBOUNCE_MS=80,this.prefetcher=new Lt(this.views),this._bindEvents()}_bindEvents(){let t=this.canvas;t&&(t.setAttribute("tabindex","0"),t.setAttribute("role","application"),t.setAttribute("aria-roledescription","zoomable interface"),t.setAttribute("aria-live","polite"),t.addEventListener("mouseup",this._onZoom,!1),t.addEventListener("touchend",this._onZoom,!1),t.addEventListener("touchstart",this._onTouchStart,{passive:!0}),t.addEventListener("touchend",this._onTouchEnd,!1),t.addEventListener("touchcancel",this._onTouchCancel,{passive:!0}),t.addEventListener("keyup",this._onKeyUp,!1),t.addEventListener("wheel",this._onWheel,{passive:!1}),t.addEventListener("mouseover",this._onPrefetchTrigger,{passive:!0}),t.addEventListener("focusin",this._onPrefetchTrigger,{passive:!0}),window.addEventListener("resize",this._onResize,{passive:!0}),typeof ResizeObserver<"u"&&(this._resizeObserver=new ResizeObserver(()=>this._handleResize()),this._resizeObserver.observe(t)))}_unbindEvents(){let t=this.canvas;t&&(t.removeEventListener("mouseup",this._onZoom,!1),t.removeEventListener("touchend",this._onZoom,!1),t.removeEventListener("touchstart",this._onTouchStart),t.removeEventListener("touchend",this._onTouchEnd,!1),t.removeEventListener("touchcancel",this._onTouchCancel),t.removeEventListener("keyup",this._onKeyUp,!1),t.removeEventListener("wheel",this._onWheel),t.removeEventListener("mouseover",this._onPrefetchTrigger),t.removeEventListener("focusin",this._onPrefetchTrigger)),window.removeEventListener("resize",this._onResize),this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null)}_resetCanvasScroll(t){if(t&&((t.scrollLeft!==0||t.scrollTop!==0)&&(this.notify(`canvas had a residual scroll (${t.scrollLeft}, ${t.scrollTop}) \u2014 resetting. Something scrolled the canvas mid-transition.`,"warn"),t.scrollLeft=0,t.scrollTop=0),!this._warnedScrolledAncestor)){for(let e=t.parentElement;e&&e!==document.body;e=e.parentElement)if(e.scrollLeft!==0||e.scrollTop!==0){let r=e.className?`.${String(e.className).trim().split(/\s+/).join(".")}`:e.tagName.toLowerCase();this.notify(`an ancestor of the canvas (${r}) is scrolled (${e.scrollLeft}, ${e.scrollTop}): all zooms will land displaced. Use 'overflow: clip' (not 'hidden') on containers around the canvas.`,"warn"),this._warnedScrolledAncestor=!0;break}}}_setBlockEvents(){this.blockEvents=!0,this._clearBlockEventsSafety(),this._blockEventsSafetyTimer=setTimeout(()=>{if(this.blockEvents&&!this._destroyed){this.notify("blockEvents safety timeout: driver did not call onComplete. Force-resetting.","warn"),this.blockEvents=!1;let t=this._pendingTransitionComplete;t?t():this._onTransitionComplete()}},is)}_clearBlockEventsSafety(){this._blockEventsSafetyTimer!==null&&(clearTimeout(this._blockEventsSafetyTimer),this._blockEventsSafetyTimer=null)}_setTrackedTimeout(t,e){let r=setTimeout(()=>{this._trackedTimers.delete(r),!this._destroyed&&t()},e);return this._trackedTimers.add(r),r}_clearTrackedTimeouts(){for(let t of this._trackedTimers)clearTimeout(t);this._trackedTimers.clear()}storeViews(t){this.tracing("storedViews()"),this.storedViews.push(t),this.debug&&console.debug("Zumly storedViews",t)}tracing(t){if(this.debug)if(t==="ended"){let e=this.trace.map((r,n)=>`${n===0?`Instance ${this.mount}: ${r}`:`${r}`}`).join(" > ");this.notify(e),this.trace=[]}else this.trace.push(t)}notify(t,e){return x(this.debug,t,e)}_recordCanvasSize(){if(!this.canvas)return;let t=this.canvas.getBoundingClientRect();this._lastCanvasWidth=t.width,this._lastCanvasHeight=t.height}_handleResize(){this._destroyed||(this._resizeDebounceTimer&&clearTimeout(this._resizeDebounceTimer),this._resizeDebounceTimer=setTimeout(()=>{if(this._resizeDebounceTimer=null,!this.isValid||!this.canvas||this._lastCanvasWidth===0)return;let t=this.canvas.getBoundingClientRect(),e=t.width,r=t.height;if(!(e===this._lastCanvasWidth&&r===this._lastCanvasHeight)){if(this.blockEvents){this._pendingResizeCorrection=!0;return}Ht(this,this._lastCanvasWidth,this._lastCanvasHeight,e,r),this._lastCanvasWidth=e,this._lastCanvasHeight=r}},this._RESIZE_DEBOUNCE_MS))}_onTransitionComplete(){if(this._clearBlockEventsSafety(),this._pendingResizeCorrection&&!this.blockEvents){this._pendingResizeCorrection=!1;let t=this.canvas?.getBoundingClientRect();if(t&&this._lastCanvasWidth>0){let e=t.width,r=t.height;(e!==this._lastCanvasWidth||r!==this._lastCanvasHeight)&&Ht(this,this._lastCanvasWidth,this._lastCanvasHeight,e,r),this._lastCanvasWidth=e,this._lastCanvasHeight=r}}else this._recordCanvasSize();this._manageFocus()}_manageFocus(){if(!this.canvas)return;let t=this.canvas.querySelector(".is-current-view");if(!t)return;let e=t.querySelector('a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])');e?e.focus({preventScroll:!0}):(t.setAttribute("tabindex","-1"),t.focus({preventScroll:!0}))}_resolveEffects(t){let e=t?.dataset?.withEffects;if(e&&typeof e=="string"){let r=e.split("|").map(n=>n.trim());return[r[0]||"none",r[1]||r[0]||"none"]}return this.effects}_applyEffects(t,e,r,n,o){!r||r[0]==="none"&&r[1]==="none"||(t&&r[0]!=="none"&&(t.style.setProperty("--z-effect-filter",r[0]),t.style.setProperty("--zoom-duration",n),t.style.setProperty("--zoom-ease",o),t.classList.add("has-effect")),e&&r[1]!=="none"&&(e.style.setProperty("--z-effect-filter",r[1]),e.style.setProperty("--zoom-duration",n),e.style.setProperty("--zoom-ease",o),e.classList.add("has-effect")))}_removeEffect(t){if(!t||!t.classList.contains("has-effect"))return;t.classList.remove("has-effect"),t.classList.add("has-effect-reverse");let e=()=>{t.classList.remove("has-effect-reverse"),t.style.removeProperty("--z-effect-filter"),t.removeEventListener("transitionend",e)};t.addEventListener("transitionend",e,{once:!0});let r=t.style.getPropertyValue("--zoom-duration");this._setTrackedTimeout(e,r?parseFloat(r)*(r.includes("ms")?1:1e3)+100:1100)}_resolveHideTrigger(t){return t?.dataset?.hideTrigger!==void 0?t.dataset.hideTrigger==="fade"?"fade":!0:this.hideTrigger}_applyHideTrigger(t,e,r,n,o){!r||!t||(r==="fade"?(t.style.setProperty("--zoom-duration",n),t.style.setProperty("--zoom-ease",o),t.classList.add("z-trigger-fade"),e.style.setProperty("--zoom-duration",n),e.style.setProperty("--zoom-ease",o),e.classList.add("z-view-fade-in"),e.offsetHeight,e.classList.remove("hide")):t.classList.add("z-trigger-hidden"))}_restoreHideTrigger(t,e,r,n){if(!(!e||!t))if(e==="fade"){t.classList.remove("z-trigger-fade"),t.style.setProperty("--zoom-duration",r),t.style.setProperty("--zoom-ease",n),t.classList.add("z-trigger-fade-reverse");let o=()=>{t.classList.remove("z-trigger-fade-reverse"),t.style.removeProperty("--zoom-duration"),t.style.removeProperty("--zoom-ease"),t.removeEventListener("transitionend",o)};t.addEventListener("transitionend",o,{once:!0}),this._setTrackedTimeout(o,parseFloat(r)*(r.includes("ms")?1:1e3)+100)}else t.classList.remove("z-trigger-hidden")}on(t,e){var r;return typeof e!="function"?this:(((r=this._hooks)[t]||(r[t]=[])).push(e),this)}use(t,e){if(!t)return this;let r={plugin:t,options:e};return this._plugins.push(r),this._initialized&&this._installPlugin(r),this}_installPlugin(t){let{plugin:e,options:r}=t;try{typeof e=="function"?e(this,r):typeof e.install=="function"&&e.install(this,r)}catch(n){this.notify(`plugin install error: ${n.message}`,"error")}}off(t,e){return e?this._hooks[t]&&(this._hooks[t]=this._hooks[t].filter(r=>r!==e)):delete this._hooks[t],this}_emit(t,e={}){let r=this._hooks[t];if(!(!r||r.length===0))for(let n of r)try{n(e)}catch(o){this.debug&&console.error(`Zumly hook "${t}" threw:`,o)}}zoomLevel(){return this.storedViews.length}getZoomLevel(){return this.zoomLevel()}getCurrentViewName(){return!this.storedViews||this.storedViews.length===0?null:this.storedViews[this.storedViews.length-1]?.views?.[0]?.viewName??null}back(){if(!this._destroyed){if(this.blockEvents){this.notify("back ignored: a transition is already running.","warn");return}if(this.lateralHistory&&this.lateralHistory.length>0){let t=this.lateralHistory.pop(),e=t&&typeof t=="object"?t.name:t,r=t&&typeof t=="object"?t.entry:void 0,n=t&&typeof t=="object"?t.node:void 0;return this._doLateral(e,!0,{savedEntry:r,keepAliveNode:n})}this.zoomOut()}}async goTo(t,e={}){return this._destroyed?void 0:(e.mode==="lateral"?"lateral":"depth")==="depth"?this.zoomTo(t,e):this._doLateral(t,!1,e)}async zoomTo(t,e={}){if(this._destroyed)return;if(!this.isValid||!this.canvas){this.notify("zoomTo() cannot run: instance is invalid or canvas not found.","error");return}if(typeof t!="string"||!t){this.notify("zoomTo() requires a non-empty view name.","warn");return}if(!Object.prototype.hasOwnProperty.call(this.views,t)){this.notify(`zoomTo("${t}"): view not found in views. Available: ${Object.keys(this.views).join(", ")}`,"warn");return}if(this.getCurrentViewName()===t)return;let n=this.canvas.getBoundingClientRect(),o=Math.max(40,n.width*.1),i=Math.max(40,n.height*.1),l={rect:{x:n.left+(n.width-o)/2,y:n.top+(n.height-i)/2,width:o,height:i},duration:e.duration??this.duration,ease:e.ease??this.ease,props:e.props??{}};await this._doZoomIn(t,l)}async init(){if(this._destroyed)return;if(!this.isValid||!this.canvas){this.notify("init() cannot run: instance is invalid or canvas element was not found.","error");return}this.tracing("init()"),this.preload&&this.preload.length&&await this.prefetcher.preloadEager(this.preload,null).catch(e=>{this.notify(`preload failed: ${e.message}`,"warn")});let t;try{let e=await this.prefetcher.get(this.initialView,null);t=await ht(e,this.initialView,this.canvas,!0,this.views,this.componentContext)}catch(e){this.notify(`init() failed to resolve initial view "${this.initialView}": ${e.message}`,"error");return}this._emit("viewMounted",{viewName:this.initialView,node:t}),this.prefetcher.scanAndPrefetch(t,null),this.storeViews({zoomLevel:this.storedViews.length,scale:1,views:[{viewName:this.initialView,backwardState:{origin:"0 0",transform:""}}]}),this.currentStage=this.storedViews[this.storedViews.length-1],this._recordCanvasSize(),this._initialized=!0;for(let e of this._plugins)this._installPlugin(e)}destroy(){this._destroyed||(this._emit("destroy"),this._destroyed=!0,this._clearBlockEventsSafety(),this._clearTrackedTimeouts(),this._pendingTransitionComplete=null,this._resizeDebounceTimer&&(clearTimeout(this._resizeDebounceTimer),this._resizeDebounceTimer=null),this._unbindEvents(),this._removeNav(),this._cleanupLateralKeepAlive(),this.blockEvents=!1,this.storedViews=[],this.currentStage=null,this.lateralHistory=[],this.trace=[],this._hooks={},this.prefetcher=null,this.transitionDriver=null,this.canvas&&(this.canvas.removeAttribute("tabindex"),this.canvas.removeAttribute("role"),this.canvas.removeAttribute("aria-roledescription"),this.canvas.removeAttribute("aria-live")),this.isValid=!1)}async _doZoomIn(t,e){if(this._destroyed)return;if(this.blockEvents){this.notify("zoomIn ignored: a transition is already running.","warn");return}this._cleanupLateralKeepAlive(),this.lateralHistory=[],this._emit("beforeZoomIn",{viewName:t}),this.tracing("zoomIn()");let r=this.canvas,n=e.el;this._resetCanvasScroll(r);let o=r.getBoundingClientRect(),i=o.left,a=o.top,c=(this.storedViews.length>0?this.storedViews[this.storedViews.length-1]:null)?.scale??1;this.tracing("getView()");let f=n?{trigger:n,target:document.createElement("div"),context:this.componentContext,props:Object.assign({},n.dataset)}:{target:document.createElement("div"),context:this.componentContext,props:e.props??{}},h=n?.dataset?.deferred!==void 0?!0:this.deferred,u,d=null;try{if(h){let S=await this.prefetcher.get(t,f);if(this._destroyed)return;for(d=document.createDocumentFragment();S.firstChild;)d.appendChild(S.firstChild);u=await ht(S,t,r,!1,{},this.componentContext)}else{let S=await this.prefetcher.get(t,f);if(this._destroyed)return;this.prefetcher.scanAndPrefetch(S,f),u=await ht(S,t,r,!1,this.views,this.componentContext)}}catch(S){this.notify(`zoomIn aborted: failed to resolve view "${t}": ${S.message}`,"error");return}if(!u)return;h||this._emit("viewMounted",{viewName:t,node:u}),n&&n.classList.add("zoomed");let v=n?(()=>{let S=n.getBoundingClientRect();return{x:S.x,y:S.y,width:S.width,height:S.height}})():e.rect,p=n?n.dataset.withDuration||this.duration:e.duration??this.duration,m=n?n.dataset.withEase||this.ease:e.ease??this.ease,g=n?n.dataset.withCover||this.cover:e.cover??this.cover,w=n?parseInt(n.dataset.withStagger,10)||this.stagger:e.stagger??this.stagger,y=r.querySelector(".is-current-view"),b=r.querySelector(".is-previous-view"),_=r.querySelector(".is-last-view");if(!y){this.notify("zoomIn aborted: no current view found in canvas. Call init() before navigating and keep Zumly view classes intact.","error"),n&&n.classList.remove("zoomed");try{r.removeChild(u)}catch{}return}nt(u),nt(y),nt(b),_&&(nt(_),r.removeChild(_));let O,M,B,H,lt,yt,V,ct=y.style.transform,z=y.style.transformOrigin,D=b?b.style.transform:null,C=b?b.style.transformOrigin:null;try{y.classList.replace("is-current-view","is-previous-view"),b&&b.classList.replace("is-previous-view","is-last-view");let S=u.getBoundingClientRect(),X=y.getBoundingClientRect(),Pt=null,Rt=null,gt=null;b&&(Pt=b.getBoundingClientRect(),gt=b.querySelector(".zoomed"),Rt=gt&&gt.getBoundingClientRect?gt.getBoundingClientRect():Pt);let bt={left:i,top:a},qt={width:o.width,height:o.height},Bt={width:S.width,height:S.height},Vt=te(v.width,v.height,S.width,S.height,g);V=Vt.scale;let Me=Vt.scaleInv;O=ee(v,bt,Bt,Me),B=y.style.transform;let Xt=re(v,X);H=ne(qt,v,X,V,this.parallax);let Yt=Et(z||"0 0"),K=dt(B||""),Ut=Et(Xt),G=dt(H.transform),Wt=v;if(n&&(Wt=Tt(v,X,Yt,K.tx,K.ty,K.scale,Ut,G.tx,G.ty,G.scale)),M=se(Wt,bt,Bt),b){lt=b.style.transform;let De=Tt(X,X,Yt,K.tx,K.ty,K.scale,Ut,G.tx,G.ty,G.scale),Fe=ie(H.x,H.y,bt,V,c),Kt=Et(C||"0 0"),It=dt(lt||""),Zt=dt(Fe),He=Tt(Rt,Pt,Kt,It.tx,It.ty,It.scale,Kt,Zt.tx,Zt.ty,Zt.scale);yt=oe({canvasRect:qt,canvasOffset:bt,triggerRect:v,previousViewRectAtBaseTransform:X,lastViewZoomedElementRect:He,previousViewRectWithPreviousAtEndTransform:De,scale:V,preScale:c,parallax:this.parallax})}u.style.transform=O,y.style.transformOrigin=Xt}catch(S){this.notify(`zoomIn geometry computation failed: ${S.message}. Aborting zoom.`,"error"),this.debug&&console.error("Zumly _doZoomIn error:",S),y.style.transform=ct,y.style.transformOrigin=z,y.classList.contains("is-previous-view")&&y.classList.replace("is-previous-view","is-current-view"),b&&(b.style.transform=D,b.style.transformOrigin=C,b.classList.contains("is-last-view")&&b.classList.replace("is-last-view","is-previous-view"));try{r.removeChild(u)}catch{}n&&n.classList.remove("zoomed"),U(y),U(b);return}let W=mt(u.dataset.viewName,{origin:u.style.transformOrigin,duration:p,ease:m,transform:O},{origin:u.style.transformOrigin,duration:p,ease:m,transform:M}),Pe=mt(y.dataset.viewName,{origin:y.style.transformOrigin,duration:p,ease:m,transform:B},{origin:y.style.transformOrigin,duration:p,ease:m,transform:H.transform}),Ie=b?mt(b.dataset.viewName,{origin:b.style.transformOrigin,duration:p,ease:m,transform:lt},{origin:b.style.transformOrigin,duration:p,ease:m,transform:yt}):null,Ze=_?ae(_):null,wt=le(this.storedViews.length,W,Pe,Ie,Ze);wt.scale=V,wt.stagger=w||0,this.storeViews(wt),this.currentStage=this.storedViews[this.storedViews.length-1],this.tracing("setCSSVariables()");let $e=this._resolveEffects(n);this._applyEffects(y,b,$e,p,m);let Ot=this._resolveHideTrigger(n);this._applyHideTrigger(n,u,Ot,p,m),Ot&&(wt.hideTriggerMode=Ot),this._setBlockEvents();let Ne={type:"zoomIn",currentView:u,previousView:y,lastView:b,currentStage:this.currentStage,duration:p,ease:m},At=async()=>{this._pendingTransitionComplete===At&&(this._pendingTransitionComplete=null,!this._destroyed&&(h&&d&&u&&(u.appendChild(d),this.prefetcher.scanAndPrefetch(u,f),typeof this.views[t]=="object"&&typeof this.views[t].mounted=="function"&&await this.views[t].mounted(),this._emit("viewMounted",{viewName:t,node:u})),this.blockEvents=!1,this._onTransitionComplete(),this._updateNav(),this._emit("afterZoomIn",{viewName:t,zoomLevel:this.zoomLevel()}),this.tracing("ended")))};this._pendingTransitionComplete=At,this.transitionDriver.runTransition(Ne,At)}async zoomIn(t){this._destroyed||t?.dataset?.to&&await this._doZoomIn(t.dataset.to,{el:t})}async _doLateral(t,e=!1,r={}){if(this._destroyed)return;if(this.blockEvents){this.notify("lateral navigation ignored: a transition is already running.","warn");return}if(!this.isValid||!this.canvas)return;if(!Object.prototype.hasOwnProperty.call(this.views,t)){this.notify(`goTo("${t}", { mode: 'lateral' }): view not found in views. Available: ${Object.keys(this.views).join(", ")}`,"warn");return}let n=this.canvas.querySelector(".is-current-view");if(!n)return;let o=n.dataset?.viewName;if(o===t)return;this._emit("beforeLateral",{viewName:t,from:o,isBack:e});let i=this.lateralNav&&this.lateralNav.keepAlive,a=null;if(!e){this.lateralHistory=this.lateralHistory||[];let z=this.storedViews[this.storedViews.length-1];a={name:o,entry:z.views[0],node:i?n:null}}this.tracing("lateral()");let l=r.duration??this.duration,c=r.ease??this.ease,f=this.canvas.querySelector(".is-previous-view"),h=this.canvas.querySelector(".is-last-view"),u=0,d=0,v=this._declaredSiblings(),p=v?v.indexOf(o):-1,m=v?v.indexOf(t):-1;if(p!==-1&&m!==-1){let z=this.canvas.getBoundingClientRect();u=(p-m)*z.width*.15}else if(f){let z=f.querySelector(`.zoom-me[data-to="${o}"]`),D=f.querySelector(`.zoom-me[data-to="${t}"]`);if(z&&D){let C=z.getBoundingClientRect(),W=D.getBoundingClientRect();u=C.left+C.width/2-(W.left+W.width/2),d=C.top+C.height/2-(W.top+W.height/2)}else u=this.canvas.getBoundingClientRect().width*.15}let g=null,w=null;if(i&&(e&&r.keepAliveNode?w=r.keepAliveNode:w=this.canvas.querySelector(`.is-lateral-hidden[data-view-name="${t}"]`)),w){if(w.style.display="",w.style.opacity="",w.classList.remove("is-lateral-hidden","zoom-lateral-out"),w.classList.add("is-new-current-view","has-no-events"),g=w,!e&&this.lateralHistory){let z=this.lateralHistory.findIndex(D=>D.node===w);z!==-1&&this.lateralHistory.splice(z,1)}}else{let z=()=>{e&&this.lateralHistory.push({name:t,entry:r.savedEntry,node:r.keepAliveNode??null})},D={target:document.createElement("div"),context:this.componentContext,props:r.props??{}};try{let C=await this.prefetcher.get(t,D);if(this._destroyed)return;this.prefetcher.scanAndPrefetch(C,D),g=await ht(C,t,this.canvas,!1,this.views,this.componentContext)}catch(C){this.notify(`lateral navigation aborted: failed to resolve view "${t}": ${C.message}`,"error"),z();return}if(!g){z();return}this._emit("viewMounted",{viewName:t,node:g})}a&&this.lateralHistory.push(a),nt(g);let y=n.style.transform||"",b=n.style.transformOrigin||"0 0";g.style.transform=y,g.style.transformOrigin=b;let _=this.storedViews[this.storedViews.length-1],O=e&&r.savedEntry?{...r.savedEntry,viewName:t}:mt(t,{origin:b,duration:l,ease:c,transform:y},{origin:b,duration:l,ease:c,transform:y});_.views[0]=O,this.currentStage=_;let M=f?{transformStart:f.style.transform||"",transformEnd:this._computeLateralBackTransform(f.style.transform||"",u,d)}:null,B=h&&_.views[2]?{transformStart:h.style.transform||"",transformEnd:this._computeLateralBackTransform(h.style.transform||"",u*.7,d*.7)}:null;M&&_.views[1]&&(_.views[1].forwardState={..._.views[1].forwardState,transform:M.transformEnd}),B&&_.views[2]&&(_.views[2].forwardState={..._.views[2].forwardState,transform:B.transformEnd});let H=y,lt=this._computeLateralBackTransform(H,-u,-d),yt=this._computeLateralBackTransform(y,u,d);this._setBlockEvents();let V={type:"lateral",currentView:g,previousView:n,lastView:h||null,backView:f||null,backViewState:M,lastViewState:B,incomingTransformStart:lt,incomingTransformEnd:H,outgoingTransform:y,outgoingTransformEnd:yt,currentStage:this.currentStage,duration:l,ease:c,canvas:this.canvas,slideDeltaX:u,slideDeltaY:d,keepAlive:i&&!e?i:!1},ct=()=>{this._pendingTransitionComplete===ct&&(this._pendingTransitionComplete=null,!this._destroyed&&(i&&!e&&(n.classList.remove("is-current-view","is-new-current-view","has-no-events"),n.classList.add("is-lateral-hidden"),i!=="visible"?n.style.display="none":(n.style.transform=y,n.style.opacity="")),this.blockEvents=!1,this._onTransitionComplete(),this._updateNav(),this._emit("afterLateral",{viewName:t,from:o,isBack:e}),this.tracing("ended")))};this._pendingTransitionComplete=ct,this.transitionDriver.runTransition(V,ct)}_computeLateralBackTransform(t,e,r){let n=ut(t);return n.matched?`translate(${n.tx+e}px, ${n.ty+r}px) ${n.rest}`.trim():`translate(${e}px, ${r}px) ${t}`.trim()}zoomOut(){if(this._destroyed)return;if(this.blockEvents){this.notify("zoomOut ignored: a transition is already running.","warn");return}this._cleanupLateralKeepAlive(),this.lateralHistory=[],this._emit("beforeZoomOut",{zoomLevel:this.zoomLevel()}),this.tracing("zoomOut()");let t=this.canvas;this._resetCanvasScroll(t);let e=t.querySelector(".is-current-view"),r=t.querySelector(".is-previous-view");if(!e||!r){this.notify("zoomOut: current or previous view not found (animation may still be running)","warn");return}this._setBlockEvents(),this.currentStage=this.storedViews[this.storedViews.length-1];let n=t.querySelector(".is-last-view");this.tracing("setCSSVariables()");let o=this.currentStage.views[0]?.forwardState?.duration??this.duration,i=this.currentStage.views[0]?.forwardState?.ease??this.ease,a=r.querySelector(".zoomed");a&&a.classList.remove("zoomed");let l=this.currentStage.hideTriggerMode;l&&a&&this._restoreHideTrigger(a,l,o,i),l==="fade"?(e.classList.remove("z-view-fade-in"),e.style.setProperty("--zoom-duration",o),e.style.setProperty("--zoom-ease",i),e.classList.add("z-view-fade-out")):(e.classList.remove("z-view-fade-in"),e.style.removeProperty("opacity")),this._removeEffect(r),r.classList.replace("is-previous-view","is-current-view"),n!==null&&(n.classList.contains("has-effect")&&this.effects[0]!=="none"&&n.style.setProperty("--z-effect-filter",this.effects[0]),n.classList.replace("is-last-view","is-previous-view"),n.classList.remove("hide"),U(n));let c=ce(this.currentStage);if(c){t.prepend(c);let u=t.querySelector(".z-view:first-child");u&&(U(u),u.classList.add("hide"))}let f={type:"zoomOut",currentView:e,previousView:r,lastView:n,currentStage:this.currentStage,duration:o,ease:i,canvas:t},h=()=>{this._pendingTransitionComplete===h&&(this._pendingTransitionComplete=null,!this._destroyed&&(this.blockEvents=!1,this._onTransitionComplete(),this.storedViews.pop(),this._updateNav(),this._emit("afterZoomOut",{zoomLevel:this.zoomLevel()}),this.tracing("ended")))};this._pendingTransitionComplete=h,this.transitionDriver.runTransition(f,h)}onZoom(t){if(this._destroyed||t.type==="mouseup"&&!this.inputs.click||t.type==="touchend"&&!this.inputs.touch)return;let e=t.target;if(e.closest(".z-depth-nav")||e.closest(".z-lateral-nav"))return;let r=e.classList.contains("zoom-me")||e.closest(".zoom-me");if(!this.blockEvents&&r&&!this.touching){this.tracing("onZoom() \u2192 zoomIn"),t.stopPropagation();let n=e.classList.contains("zoom-me")?e:e.closest(".zoom-me");this.zoomIn(n);return}if(this.storedViews.length>1&&!this.blockEvents&&!r&&!this.touching){let n=this.canvas.querySelector(".is-current-view");if(n&&n.contains(e))return;let o=this._findSiblingTriggerAtPoint(t.clientX,t.clientY);if(o){this.tracing("onZoom() \u2192 lateral"),t.stopPropagation(),this._doLateral(o.dataset.to);return}this.tracing("onZoom() \u2192 zoomOut"),t.stopPropagation(),this.zoomOut()}}_findSiblingTriggerAtPoint(t,e){let r=this.canvas.querySelector(".is-previous-view");if(!r)return null;let o=this.canvas.querySelector(".is-current-view")?.dataset?.viewName;if(!o)return null;let i=r.querySelectorAll(".zoom-me[data-to]");for(let a of i){if(a.dataset.to===o)continue;let l=a.getBoundingClientRect();if(t>=l.left&&t<=l.right&&e>=l.top&&e<=l.bottom)return a}return null}_getSiblings(){let e=this.canvas.querySelector(".is-current-view")?.dataset?.viewName,r=this._declaredSiblings();if(r&&r.indexOf(e)!==-1)return{siblings:r,currentIndex:r.indexOf(e)};let n=this.canvas.querySelector(".is-previous-view");if(!n)return{siblings:[],currentIndex:-1};let o=n.querySelectorAll(".zoom-me[data-to]"),i=[];for(let l of o)l.dataset.to&&i.push(l.dataset.to);let a=i.indexOf(e);return{siblings:i,currentIndex:a}}_declaredSiblings(){let t=this.lateralNav&&typeof this.lateralNav=="object"?this.lateralNav.siblings:null;if(!t)return null;if(Array.isArray(t))return t;let e=this.canvas.querySelector(".is-previous-view")?.dataset?.viewName;return e&&Array.isArray(t[e])?t[e]:null}_updateNav(){this._destroyed||(this._removeNav(),this._updateDepthNav(),this._updateLateralNav())}_updateDepthNav(){if(!this.depthNav||this.storedViews.length-1<1)return;let e=this.canvas.querySelector(".z-view.is-current-view");if(e&&e.querySelector(".z-depth-nav"))return;let r=this.depthNav.position||"bottom-left",n=document.createElement("div");n.className="z-depth-nav z-depth-nav--"+r;let o=document.createElement("button");o.className="z-nav-back",o.setAttribute("aria-label","Zoom out (go back)"),o.innerHTML="&#8249;",o.addEventListener("mouseup",i=>{i.stopPropagation(),!this.blockEvents&&this.storedViews.length>1&&this.zoomOut()}),n.appendChild(o),this.canvas.appendChild(n)}_updateLateralNav(){if(!this.lateralNav)return;let t=this.storedViews.length-1,e=this._getSiblings();if(e.siblings.length<2)return;if(this.lateralNav.mode==="auto"&&t>=1){let a=this.canvas.querySelector(".z-view.is-current-view");if(a&&a.offsetWidth>=this.canvas.offsetWidth&&a.offsetHeight>=this.canvas.offsetHeight)return}let{siblings:r,currentIndex:n}=e,o=this.lateralNav.position||"bottom-center",i=document.createElement("div");if(i.className="z-lateral-nav z-lateral-nav--"+o,this.lateralNav.arrows){let a=document.createElement("button");a.className="z-nav-arrow z-nav-prev",a.setAttribute("aria-label","Previous sibling view"),a.innerHTML="&#8249;",a.disabled=n<=0,a.addEventListener("mouseup",l=>{l.stopPropagation(),n>0&&this._doLateral(r[n-1])}),i.appendChild(a)}if(this.lateralNav.dots){let a=document.createElement("div");a.className="z-nav-lateral-dots";for(let l=0;l<r.length;l++){let c=document.createElement("button");c.className="z-nav-dot z-nav-lat-dot"+(l===n?" is-active":""),c.setAttribute("aria-label",`Go to ${r[l]}`),c.dataset.to=r[l],c.addEventListener("mouseup",(f=>h=>{h.stopPropagation(),f!==n&&this._doLateral(r[f])})(l)),a.appendChild(c)}i.appendChild(a)}if(this.lateralNav.arrows){let a=document.createElement("button");a.className="z-nav-arrow z-nav-next",a.setAttribute("aria-label","Next sibling view"),a.innerHTML="&#8250;",a.disabled=n>=r.length-1,a.addEventListener("mouseup",l=>{l.stopPropagation(),n<r.length-1&&this._doLateral(r[n+1])}),i.appendChild(a)}this.canvas.appendChild(i)}_removeNav(){this.canvas&&this.canvas.querySelectorAll(".z-depth-nav, .z-lateral-nav").forEach(t=>t.remove())}_cleanupLateralKeepAlive(){if(!this.canvas)return;let t=this.canvas.querySelectorAll(".is-lateral-hidden");for(let e of t)e.remove()}onKeyUp(t){this._destroyed||this.inputs.keyboard&&(this.tracing("onKeyUp()"),(t.key==="ArrowLeft"||t.key==="ArrowDown")&&(t.preventDefault(),this.storedViews.length>1&&!this.blockEvents?this.zoomOut():this.notify(`is on level zero. Can't zoom out. Trigger: ${t.key}`,"warn")),(t.key==="ArrowRight"||t.key==="ArrowUp")&&(t.preventDefault(),this.notify(t.key+" has no actions defined")))}onWheel(t){this._destroyed||this.inputs.wheel&&(this._isInsideScrollable(t.target,t.deltaY)||(t.preventDefault(),!(this.blockEvents||this._wheelCooldown)&&t.deltaY>0&&this.storedViews.length>1&&(this.tracing("onWheel() \u2192 zoomOut"),this._wheelCooldown=!0,this._setTrackedTimeout(()=>{this._wheelCooldown=!1},500),this.zoomOut())))}_isInsideScrollable(t,e){let r=t,n=this.canvas.querySelector(".is-current-view");for(;r&&r!==this.canvas;){if(r===n||n&&n.contains(r)){let{overflowY:o}=window.getComputedStyle(r);if((o==="auto"||o==="scroll")&&(e>0?r.scrollTop+r.clientHeight<r.scrollHeight-1:r.scrollTop>0))return!0}r=r.parentElement}return!1}onTouchStart(t){this._destroyed||this.inputs.touch&&(this.tracing("onTouchStart()"),this.touching=!0,this.touchstartX=t.changedTouches[0].screenX,this.touchstartY=t.changedTouches[0].screenY)}onTouchEnd(t){this._destroyed||this.inputs.touch&&(this.blockEvents||(this.tracing("onTouchEnd()"),this.touchendX=t.changedTouches[0].screenX,this.touchendY=t.changedTouches[0].screenY,this.handleGesture(t)),this.touching=!1)}handleGesture(t){t.stopPropagation(),this.tracing("handleGesture()");let e=this.touchendX-this.touchstartX,r=this.touchendY-this.touchstartY,n=Math.abs(e)<10&&Math.abs(r)<10;e<-30&&(this.storedViews.length>1&&!this.blockEvents?(this.tracing("swipe left"),this.zoomOut()):this.notify("is on level zero. Can't zoom out. Trigger: Swipe left","warn"));let o=t.target.classList.contains("zoom-me")?t.target:t.target.closest(".zoom-me");n&&!this.blockEvents&&o&&this.touching&&(this.touching=!1,this.tracing("tap"),t.preventDefault(),this.zoomIn(o)),n&&this.storedViews.length>1&&!this.blockEvents&&!o&&t.target.closest(".is-current-view")===null&&this.touching&&(this.touching=!1,this.tracing("tap"),this.zoomOut())}};var as={separator:"/",prefix:"/"};function Oe(s,t){let e=[];for(let r of s.storedViews){let n=r.views&&r.views[0];n&&n.viewName&&e.push(n.viewName)}return e.join(t)}function ls(s,t){let e=window.location.hash.slice(1);return e.startsWith(s)&&(e=e.slice(s.length)),e?e.split(t).filter(Boolean):[]}var Ae={install(s,t){let e=Object.assign({},as,t),r=e.separator,n=e.prefix,o=!1;function i(f){if(o)return;let h=Oe(s,r),u="#"+n+h;window.location.hash!==u&&(o=!0,window.history[f](null,"",u),o=!1)}function a(){i("pushState")}function l(){i("replaceState")}s.on("afterZoomIn",a),s.on("afterLateral",a),s.on("afterZoomOut",l);function c(){if(o)return;o=!0;let f=ls(n,r),h=Oe(s,r).split(r).filter(Boolean);if(f.join(r)===h.join(r)){o=!1;return}if(f.length<h.length){let u=h.length-f.length;for(let d=0;d<u;d++)s.zoomOut()}else if(f.length===h.length&&f.length>0){let u=f[f.length-1];u!==h[h.length-1]&&s.goTo(u,{mode:"lateral"})}else f.length>h.length&&window.history.back();o=!1}window.addEventListener("popstate",c),l(),s.on("destroy",function(){s.off("afterZoomIn",a),s.off("afterLateral",a),s.off("afterZoomOut",l),window.removeEventListener("popstate",c)})}};vt.Router=Ae;window.Zumly=vt;})();
+(()=>{var Gt=s=>{throw TypeError(s)};var Zt=(s,t,e)=>t.has(s)||Gt("Cannot "+e);var x=(s,t,e)=>(Zt(s,t,"read from private field"),e?e.call(s):t.get(s)),M=(s,t,e)=>t.has(s)?Gt("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(s):t.set(s,e),tt=(s,t,e,r)=>(Zt(s,t,"write to private field"),r?r.call(s,e):t.set(s,e),e),ut=(s,t,e)=>(Zt(s,t,"access private method"),e);var et,St,Qt,_t=class{constructor(t={}){M(this,St);M(this,et,{});tt(this,et,t)}async resolve(t,e=null){if(typeof t=="string"&&Object.prototype.hasOwnProperty.call(x(this,et),t)){let n=x(this,et)[t];return this.resolve(n,e)}switch(ut(this,St,Qt).call(this,t)){case"html":{let n=document.createElement("div");n.innerHTML=t.trim();let o=n.firstElementChild;if(!o)throw new Error("Zumly: view produced no element (html)");return o}case"url":{let n=new AbortController,o=setTimeout(()=>n.abort(),1e4),i;try{i=await fetch(t,{signal:n.signal})}finally{clearTimeout(o)}if(!i.ok)throw new Error(`Zumly: fetch failed for "${t}" (${i.status})`);let a=await i.text(),l=document.createElement("div");l.innerHTML=a.trim();let c=l.firstElementChild;if(!c)throw new Error("Zumly: view produced no element (url)");return c}case"function":{let n=e&&e.target||document.createElement("div"),o=await t({...e,target:n});if(typeof o=="string")return this.resolve(o,e);if(o instanceof HTMLElement)return o;let i=n.firstElementChild||n;return i.classList.contains("z-view")||i.classList.add("z-view"),i}case"object":{let n=await t.render(e);if(typeof n!="string")throw new Error("Zumly: view render() must return string");return this.resolve(n,e)}case"element":return t.cloneNode(!0);case"webcomponent":return await customElements.whenDefined(t),document.createElement(t);default:throw new Error("Zumly: unknown view type for source")}}};et=new WeakMap,St=new WeakSet,Qt=function(t){return typeof t=="function"?"function":t instanceof HTMLElement?"element":typeof t=="object"&&t!==null&&typeof t.render=="function"?"object":typeof t!="string"?"unknown":/^https?:\/\/|^\/|\.html$|\.php$/i.test(t)?"url":t.includes("<")?"html":t.includes("-")?"webcomponent":"unknown"};async function ht(s,t,e,r,n,o){if(!s||!s.classList){let i=document.createElement("div");i.classList.add("z-view"),s&&i.appendChild(s),s=i}else s.classList.contains("z-view")||s.classList.add("z-view");return s.dataset.viewName=t,s.getAttribute("aria-label")||s.setAttribute("aria-label",`View: ${t}`),s.style.transformOrigin="0 0",s.style.position="absolute",r?s.classList.add("is-current-view"):s.classList.add("is-new-current-view","has-no-events","hide"),e.append(s),typeof n[t]=="object"&&typeof n[t].mounted=="function"&&await n[t].mounted(),s}function z(s,t,e){t&&e==="welcome"&&console.info(`%c Zumly %c ${t}`,"background: #424085; color: white; border-radius: 3px;","color: #424085"),t&&s&&(e==="info"||e===void 0)&&console.info(`%c Zumly %c ${t}`,"background: #6679A3; color: #304157; border-radius: 3px;","color: #6679A3"),t&&e==="warn"&&console.warn(`%c Zumly %c ${t}`,"background: #DCBF53; color: #424085; border-radius: 3px;","color: #424085"),t&&e==="error"&&console.error(`%c Zumly %c ${t}`,"background: #BE4747; color: white; border-radius: 3px;","color: #424085")}function Jt(s,t){if(t.isValid=!1,!s||typeof s!="object"){z(!1,"'options' object has to be provided when instance is defined","error");return}if(typeof s.mount!="string"){z(!1,"'mount' must be a string selector","error");return}if(t.mount=s.mount,typeof s.initialView!="string"){z(!1,"'initialView' must be a string","error");return}if(t.initialView=s.initialView,!s.views||typeof s.views!="object"){z(!1,"'views' must be an object","error");return}t.views=s.views,t.isValid=!0,t.preload=Array.isArray(s.preload)?s.preload:[],t.debug=typeof s.debug=="boolean"?s.debug:!1,t.componentContext=s.componentContext&&typeof s.componentContext=="object"?s.componentContext:new Map;let e=s.transitions&&typeof s.transitions=="object"?s.transitions:null,r=e&&e.cover,n=typeof r=="string"?r.toLowerCase():null,o=n==="width"||n==="height";t.cover=o?n:"width",!o&&e&&r!==void 0&&z(!1,`'transitions.cover' must be either "width" or "height". Falling back to "width".`,"warn"),t.duration=e&&typeof e.duration=="string"?e.duration:"1s",t.ease=e&&typeof e.ease=="string"?e.ease:"ease-in-out",t.deferred=typeof s.deferred=="boolean"?s.deferred:!1;let i=e&&e.hideTrigger;i===!0||i==="fade"?t.hideTrigger=i:(t.hideTrigger=!1,i!=null&&i!==!1&&z(!1,`'transitions.hideTrigger' must be true or "fade". Falling back to false.`,"warn"));let a=e&&e.effects;Array.isArray(a)&&a.length>=2&&typeof a[0]=="string"&&typeof a[1]=="string"?t.effects=[a[0],a[1]]:Array.isArray(a)&&a.length===1&&typeof a[0]=="string"?t.effects=[a[0],a[0]]:(t.effects=["none","none"],a!=null&&z(!1,`'transitions.effects' must be an array of 1-2 CSS filter strings (e.g. ["blur(3px)", "blur(8px) saturate(0)"]). Falling back to no effects.`,"warn"));let l=e&&e.driver,c=typeof l=="string"?l.toLowerCase():null,f=typeof l=="function"?l:null;if(c!==null){let d=["css","waapi","none","anime","gsap","motion"];t.transitionDriver=d.includes(c)?c:"css",d.includes(c)||z(!1,`'transitions.driver' must be "css", "waapi", "none", "anime", "gsap", "motion", or a function. Got "${l}". Falling back to "css".`,"warn")}else f!==null?t.transitionDriver=f:t.transitionDriver="css";let u=e&&e.stagger;typeof u=="number"&&u>0?t.stagger=u:(t.stagger=0,u!=null&&u!==0&&z(!1,"'transitions.stagger' must be a positive number (ms). Falling back to 0 (disabled).","warn")),t.parallax=0;let h=s.lateralNav;if(h===!1)t.lateralNav=!1;else if(h&&typeof h=="object"){let d=typeof h.mode=="string"?h.mode.toLowerCase():null,g=d==="auto"||d==="always";d&&!g&&z(!1,`'lateralNav.mode' must be "auto" or "always". Falling back to "auto".`,"warn");let v=null;if(Array.isArray(h.siblings))v=h.siblings.filter(w=>typeof w=="string"&&w),v.length<2&&(z(!1,"'lateralNav.siblings' needs at least 2 view names. Ignoring.","warn"),v=null);else if(h.siblings&&typeof h.siblings=="object"){v={};for(let[w,b]of Object.entries(h.siblings))if(Array.isArray(b)){let _=b.filter(S=>typeof S=="string"&&S);_.length>=2&&(v[w]=_)}Object.keys(v).length===0&&(v=null)}else h.siblings!==void 0&&z(!1,"'lateralNav.siblings' must be an array of view names or a { parentView: [...] } map. Ignoring.","warn");t.lateralNav={mode:g?d:"auto",arrows:typeof h.arrows=="boolean"?h.arrows:!0,dots:typeof h.dots=="boolean"?h.dots:!0,keepAlive:h.keepAlive===!0||h.keepAlive==="visible"?h.keepAlive:!1,siblings:v}}else t.lateralNav={mode:"auto",arrows:!0,dots:!0,keepAlive:!1,siblings:null};let m=s.depthNav;if(m===!1)t.depthNav=!1;else if(m&&typeof m=="object"){let d=typeof m.position=="string"?m.position.toLowerCase():null,g=d==="bottom-left"||d==="top-left";d&&!g&&z(!1,`'depthNav.position' must be "bottom-left" or "top-left". Falling back to "bottom-left".`,"warn"),t.depthNav={position:g?d:"bottom-left"}}else t.depthNav={position:"bottom-left"};let y=s.lateralNav&&typeof s.lateralNav=="object"?s.lateralNav.position:void 0;if(t.lateralNav&&typeof t.lateralNav=="object"){let d=y==="bottom-center"||y==="top-center";y&&!d&&z(!1,`'lateralNav.position' must be "bottom-center" or "top-center". Falling back to "bottom-center".`,"warn"),t.lateralNav.position=d?y:"bottom-center"}let p=s.inputs;p&&typeof p=="object"?t.inputs={wheel:typeof p.wheel=="boolean"?p.wheel:!0,keyboard:typeof p.keyboard=="boolean"?p.keyboard:!0,click:typeof p.click=="boolean"?p.click:!0,touch:typeof p.touch=="boolean"?p.touch:!0}:t.inputs={wheel:!0,keyboard:!0,click:!0,touch:!0}}function te(s,t,e,r,n){let o=e/s,i=r/t;return n==="height"?{scale:i,scaleInv:1/i}:{scale:o,scaleInv:1/o}}function ee(s,t,e,r){let n=t.left,o=t.top,i=s.x-n+(s.width-e.width*r)/2,a=s.y-o+(s.height-e.height*r)/2;return`translate(${i}px, ${a}px) scale(${r})`}function se(s,t,e){let r=t.left,n=t.top,o=s.x-r+(s.width-e.width)/2,i=s.y-n+(s.height-e.height)/2;return`translate(${o}px, ${i}px)`}function re(s,t){let e=s.x+s.width/2-t.x,r=s.y+s.height/2-t.y;return`${e}px ${r}px`}function ne(s,t,e,r,n=0){let o=s.width/2-t.width/2-t.x+e.x,i=s.height/2-t.height/2-t.y+e.y,a=1-n,l=o*a,c=i*a;return{x:o,y:i,transform:`translate(${l}px, ${c}px) scale(${r})`}}function oe({canvasRect:s,canvasOffset:t,triggerRect:e,previousViewRectAtBaseTransform:r,lastViewZoomedElementRect:n,previousViewRectWithPreviousAtEndTransform:o,scale:i,preScale:a,parallax:l=0}){let c=t.left,f=t.top,u=s.width/2-e.width/2-e.x,h=s.height/2-e.height/2-e.y,m=u+(r.x-n.x)+o.x-c+(o.width-n.width)/2,y=h+(r.y-n.y)+o.y-f+(o.height-n.height)/2,p=1-Math.min(l*2,.9);return`translate(${m*p}px, ${y*p}px) scale(${i*a})`}function ie(s,t,e,r,n){return`translate(${s-e.left}px, ${t-e.top}px) scale(${r*n})`}function Tt(s){let t=s.split(/\s+/);return{x:parseFloat(t[0])||0,y:parseFloat(t[1])||0}}function dt(s){let t=typeof s=="string"?s:"",e=t.match(/translate\s*\(\s*([-+\d.eE]+)px\s*,\s*([-+\d.eE]+)px\s*\)/);if(!e)return{tx:0,ty:0,rest:t.trim(),matched:!1};let r=t.replace(/translate\s*\([^)]+\)\s*/,"").trim();return{tx:parseFloat(e[1]),ty:parseFloat(e[2]),rest:r,matched:!0}}function mt(s){let t=dt(s),e=s.match(/scale\s*\(\s*([-+\d.eE]+)\s*\)/);return{tx:t.matched?t.tx:0,ty:t.matched?t.ty:0,scale:e?parseFloat(e[1]):1}}function Et(s,t,e,r,n,o,i,a,l,c){let f=t.x-e.x*(1-o)-r,u=t.y-e.y*(1-o)-n,h=t.width/o,m=t.height/o,y=f+e.x+(s.x-f-e.x-r)/o,p=u+e.y+(s.y-u-e.y-n)/o,d=s.width/o,g=s.height/o,v=f+i.x+a+c*(y-f-i.x),w=u+i.y+l+c*(p-u-i.y),b=d*c,_=g*c;return{x:v,y:w,width:b,height:_,left:v,top:w,right:v+b,bottom:w+_}}function pt(s,t,e){return{viewName:s,backwardState:t,forwardState:e}}function ae(s){return{detachedNode:s}}function le(s,t,e,r,n){let o=[];return t!==null&&o.push(t),e!==null&&o.push(e),r!==null&&o.push(r),n!==null&&o.push(n),{zoomLevel:s,views:o}}function ce(s){let t=s.views?.[3];if(!(!t||!(t.detachedNode instanceof Node)))return t.detachedNode}var D,xt=class{constructor(){M(this,D,new Map)}set(t,e,r=null){x(this,D).set(t,{node:e,expires:r?Date.now()+r:null})}get(t){let e=x(this,D).get(t);return e?e.expires!==null&&Date.now()>e.expires?(x(this,D).delete(t),null):e.node.cloneNode(!0):null}has(t){let e=x(this,D).get(t);return e?e.expires!==null&&Date.now()>e.expires?(x(this,D).delete(t),!1):!0:!1}invalidate(t){x(this,D).delete(t)}clear(){x(this,D).clear()}};D=new WeakMap;var Re=300*1e3,qe=/^https?:\/\/|^\/|\.html$|\.php$/i,st,rt,nt,W,ot,fe,ue,Lt=class{constructor(t={}){M(this,ot);M(this,st);M(this,rt);M(this,nt);M(this,W,new Map);tt(this,nt,t),tt(this,st,new _t(t)),tt(this,rt,new xt)}async get(t,e=null){if(ut(this,ot,fe).call(this,t)){let r=x(this,rt).get(t);if(r)return r;if(x(this,W).has(t))return x(this,W).get(t);let n=(async()=>{try{let o=await x(this,st).resolve(t,e),i=x(this,nt)[t],a=ut(this,ot,ue).call(this,i);return x(this,rt).set(t,o,a),o}finally{x(this,W).delete(t)}})();return x(this,W).set(t,n),n}return x(this,st).resolve(t,e)}async preloadEager(t,e=null){!Array.isArray(t)||t.length===0||await Promise.all(t.map(r=>this.get(r,e)))}prefetch(t,e=null){this.get(t,e).catch(()=>{})}prefetchOnHover(t,e=null){this.prefetch(t,e)}scanAndPrefetch(t,e=null){if(!t||!t.querySelectorAll)return;t.querySelectorAll(".zoom-me[data-to]").forEach(n=>{let o=n.dataset.to;o&&(n.hasAttribute("role")||n.setAttribute("role","button"),n.hasAttribute("aria-label")||n.setAttribute("aria-label",`Zoom to ${o}`),this.prefetch(o,e))})}};st=new WeakMap,rt=new WeakMap,nt=new WeakMap,W=new WeakMap,ot=new WeakSet,fe=function(t){return typeof x(this,nt)[t]=="string"},ue=function(t){return qe.test(t)?Re:null};function it(s){s&&(s.style.contentVisibility="hidden")}function K(s){s&&(s.style.contentVisibility="visible")}function R(s){if(typeof s=="number"&&!Number.isNaN(s))return Math.max(0,s);let t=String(s).trim(),e=t.match(/^(\d*\.?\d+)\s*(ms|s)?$/i);if(!e)return typeof console<"u"&&console.warn(`[zumly] Could not parse duration "${t}" \u2014 falling back to 500ms.`),500;let r=parseFloat(e[1]);return(e[2]||"s").toLowerCase()==="ms"?Math.max(0,r):Math.max(0,r*1e3)}function zt(s){return R(s)/1e3}function T(s,t){if(s.classList.contains("is-new-current-view")){let e=t.views[0].forwardState;s.classList.replace("is-new-current-view","is-current-view"),s.classList.remove("zoom-current-view","has-no-events"),s.style.transformOrigin=e.origin,s.style.transform=e.transform;return}if(s.classList.contains("is-previous-view")){let e=t.views[1].forwardState;s.classList.remove("zoom-previous-view","has-no-events"),s.style.transformOrigin=e.origin,s.style.transform=e.transform;return}if(s.classList.contains("is-last-view")){let e=t.views[2].forwardState;s.classList.remove("zoom-last-view","has-no-events"),s.style.transformOrigin=e.origin,s.style.transform=e.transform}}function Z(s,t){s.classList.remove("zoom-previous-view-reverse","has-no-events","has-effect","has-effect-reverse"),s.style.removeProperty("--z-effect-filter"),s.style.transformOrigin="0 0",s.style.transform=t.transform}function $(s,t){s.classList.remove("zoom-last-view-reverse","has-no-events","has-effect","has-effect-reverse"),s.style.removeProperty("--z-effect-filter"),s.style.transformOrigin=t.origin,s.style.transform=t.transform}function O(s,t){try{t&&t.removeChild(s)}catch{try{s.parentElement&&t.removeChild(s.parentElement)}catch{}}}function k(...s){for(let t of s)t&&(t.classList.remove("hide"),K(t))}function q(s,t){let{currentView:e,previousView:r,backView:n,backViewState:o,lastView:i,lastViewState:a,incomingTransformEnd:l,currentStage:c,canvas:f}=s,u=c.views[0];k(e),e.classList.replace("is-new-current-view","is-current-view"),e.classList.remove("zoom-current-view","has-no-events"),e.style.transformOrigin=u.forwardState.origin,e.style.transform=l||u.forwardState.transform,n&&o&&(n.style.transform=o.transformEnd),i&&a&&(i.style.transform=a.transformEnd),s.keepAlive||O(r,f),t()}var B=150;function V(s,t){let e=!1,r=setTimeout(()=>{e||(e=!0,s())},t);return{finish(){e||(e=!0,clearTimeout(r),s())},extend(n){e||(clearTimeout(r),r=setTimeout(()=>{e||(e=!0,s())},n))},safetyTimer:r}}function he(){return{a:1,b:0,c:0,d:1,e:0,f:0}}function Be(s){if(!s||s==="none")return he();let t=String(s).match(/matrix\(([-\d.eE]+),\s*([-\d.eE]+),\s*([-\d.eE]+),\s*([-\d.eE]+),\s*([-\d.eE]+),\s*([-\d.eE]+)\)/);return t?{a:parseFloat(t[1])||1,b:parseFloat(t[2])||0,c:parseFloat(t[3])||0,d:parseFloat(t[4])||1,e:parseFloat(t[5])||0,f:parseFloat(t[6])||0}:he()}function lt(s){return`matrix(${s.a}, ${s.b}, ${s.c}, ${s.d}, ${s.e}, ${s.f})`}function at(s,t,e){return s+(t-s)*e}function ct(s,t,e){let r=Math.max(0,Math.min(1,e));return{a:at(s.a,t.a,r),b:at(s.b,t.b,r),c:at(s.c,t.c,r),d:at(s.d,t.d,r),e:at(s.e,t.e,r),f:at(s.f,t.f,r)}}function F(s,t,e){s.style.transformOrigin=t,s.style.transform=e;try{s.getBoundingClientRect()}catch{}return Be(getComputedStyle(s).transform)}function me(s,t){let{type:e,currentView:r,previousView:n,lastView:o,currentStage:i,duration:a,ease:l,canvas:c}=s;if(!r||!n||!i){t();return}e==="lateral"?Ve(s,t):e==="zoomIn"?Xe(r,n,o,i,a,l,t):e==="zoomOut"?Ye(r,n,o,i,a,l,c,t):t()}function Ve(s,t){let{currentView:e,previousView:r,backView:n,backViewState:o,lastView:i,lastViewState:a,incomingTransformStart:l,incomingTransformEnd:c,outgoingTransform:f,outgoingTransformEnd:u,currentStage:h,duration:m,ease:y,canvas:p}=s,d=R(m),g=h.views[0];k(e),e.classList.replace("is-new-current-view","is-current-view"),e.classList.remove("zoom-current-view","has-no-events"),e.style.transformOrigin=g.forwardState.origin,n&&o&&(H(n,m,y,{"--lateral-from":o.transformStart,"--lateral-to":o.transformEnd}),n.classList.add("zoom-lateral-back")),i&&a&&(H(i,m,y,{"--lateral-from":a.transformStart,"--lateral-to":a.transformEnd}),i.classList.add("zoom-lateral-back")),s.keepAlive!=="visible"&&(H(r,m,y,{"--lateral-out-from":f,"--lateral-out-to":u}),r.classList.add("zoom-lateral-out")),H(e,m,y,{"--lateral-in-from":l,"--lateral-in-to":c}),e.classList.add("zoom-lateral-in");let v=s.keepAlive==="visible"?[e]:[r,e];n&&o&&v.push(n),i&&a&&v.push(i);let w=v.length,b=d+B,_=new Set(["zoom-lateral-in","zoom-lateral-out","zoom-lateral-back"]),{finish:S,extend:A}=V(()=>{$t(v,N,I),s.keepAlive?(r.classList.remove("zoom-lateral-out"),r.style.opacity=""):O(r,p),n&&(n.classList.remove("zoom-lateral-back"),n.style.transform=o?.transformEnd||n.style.transform),i&&(i.classList.remove("zoom-lateral-back"),i.style.transform=a?.transformEnd||i.style.transform),e.classList.remove("zoom-lateral-in"),e.style.transform=c,t()},b);function I(L){L.target!==L.currentTarget||!_.has(L.animationName)||A(b)}function N(L){if(L.target!==L.currentTarget||!_.has(L.animationName))return;let X=L.currentTarget;X.removeEventListener("animationend",N),X.removeEventListener("animationstart",I),w--,w<=0&&S()}v.forEach(L=>{L.addEventListener("animationstart",I),L.addEventListener("animationend",N)})}function Xe(s,t,e,r,n,o,i){k(s,t,e);let a=r.stagger||0;H(s,n,o,{"--current-view-transform-start":r.views[0].backwardState.transform,"--current-view-transform-end":r.views[0].forwardState.transform}),a>0&&s.style.setProperty("animation-delay","0ms"),H(t,n,o,{"--previous-view-transform-start":r.views[1].backwardState.transform,"--previous-view-transform-end":r.views[1].forwardState.transform}),a>0&&t.style.setProperty("animation-delay",`${a}ms`),e&&(H(e,n,o,{"--last-view-transform-start":r.views[2].backwardState.transform,"--last-view-transform-end":r.views[2].forwardState.transform}),a>0&&e.style.setProperty("animation-delay",`${a*2}ms`)),s.classList.add("zoom-current-view"),t.classList.add("zoom-previous-view"),e&&e.classList.add("zoom-last-view");let l=e?[s,t,e]:[s,t],c=l.length,f=R(n),u=e?a*2:a,h=f+u+B,m=new Set(["zoom-current-view","zoom-previous-view","zoom-last-view"]),{finish:y,extend:p}=V(()=>{$t(l,g,d),l.forEach(v=>v.style.removeProperty("animation-delay")),l.forEach(v=>{if(v?.isConnected)try{T(v,r)}catch{}}),i()},h);function d(v){v.target!==v.currentTarget||!m.has(v.animationName)||p(h)}function g(v){if(v.target!==v.currentTarget||!m.has(v.animationName))return;let w=v.currentTarget;if(w.removeEventListener("animationend",g),w.removeEventListener("animationstart",d),w.isConnected)try{T(w,r)}catch{}c--,c<=0&&y()}l.forEach(v=>{v.addEventListener("animationstart",d),v.addEventListener("animationend",g)})}function Ye(s,t,e,r,n,o,i,a){let l=r.views[0],c=r.views[1],f=e&&r.views[2]?r.views[2]:null,u=r.stagger||0;H(s,n,o,{"--current-view-transform-start":l.backwardState.transform,"--current-view-transform-end":l.forwardState.transform}),u>0&&s.style.setProperty("animation-delay","0ms"),H(t,n,o,{"--previous-view-transform-start":c.backwardState.transform,"--previous-view-transform-end":c.forwardState.transform}),u>0&&t.style.setProperty("animation-delay",`${u}ms`),e&&f&&(H(e,n,o,{"--last-view-transform-start":f.backwardState.transform,"--last-view-transform-end":f.forwardState.transform}),u>0&&e.style.setProperty("animation-delay",`${u*2}ms`)),s.classList.add("zoom-current-view-reverse"),t.classList.add("zoom-previous-view-reverse"),e&&e.classList.add("zoom-last-view-reverse");let h=e?[s,t,e]:[s,t],m=h.length,y=R(n),p=e?u*2:u,d=y+p+B,g=new Set(["zoom-current-view-reverse","zoom-previous-view-reverse","zoom-last-view-reverse"]),{finish:v,extend:w}=V(()=>{$t(h,_,b),h.forEach(S=>S.style.removeProperty("animation-delay")),h.forEach(S=>{if(S?.isConnected)try{de(S,r,i)}catch{}}),a()},d);function b(S){S.target!==S.currentTarget||!g.has(S.animationName)||w(d)}function _(S){if(S.target!==S.currentTarget||!g.has(S.animationName))return;let A=S.currentTarget;if(A.removeEventListener("animationend",_),A.removeEventListener("animationstart",b),A.isConnected)try{de(A,r,i)}catch{}m--,m<=0&&v()}h.forEach(S=>{S.addEventListener("animationstart",b),S.addEventListener("animationend",_)})}function de(s,t,e){if(s.classList.contains("zoom-current-view-reverse")){O(s,e);return}if(s.classList.contains("zoom-previous-view-reverse")){Z(s,t.views[1].backwardState);return}s.classList.contains("zoom-last-view-reverse")&&$(s,t.views[2].backwardState)}function H(s,t,e,r){s.style.setProperty("--zoom-duration",t),s.style.setProperty("--zoom-ease",e);for(let[n,o]of Object.entries(r))s.style.setProperty(n,o)}function $t(s,t,e){for(let r of s)r?.removeEventListener&&(r.removeEventListener("animationend",t),r.removeEventListener("animationstart",e))}function pe(s,t){let{type:e,currentView:r,previousView:n,lastView:o,currentStage:i,canvas:a}=s;if(!r||!n||!i){t();return}if(e==="lateral"){q(s,t);return}if(e==="zoomIn"){k(r,n,o),T(r,i),T(n,i),o&&T(o,i),t();return}if(e==="zoomOut"){O(r,a),k(n,o),Z(n,i.views[1].backwardState),o&&$(o,i.views[2].backwardState),t();return}t()}function ve(s,t){let{type:e,currentView:r,previousView:n,lastView:o,currentStage:i,duration:a,ease:l,canvas:c}=s;if(!r||!n||!i){t();return}let f=R(a);if(e==="lateral"){Ke(s,f,l,t);return}if(e==="zoomIn"){Ue(r,n,o,i,f,l,t);return}if(e==="zoomOut"){We(r,n,o,i,f,l,c,t);return}t()}function Ue(s,t,e,r,n,o,i){k(s,t,e);let a=r.views[0],l=r.views[1],c=e&&r.views[2]?r.views[2]:null;s.style.transformOrigin=a.backwardState.origin,s.style.transform=a.backwardState.transform,t.style.transformOrigin=l.backwardState.origin,t.style.transform=l.backwardState.transform,c&&(e.style.transformOrigin=c.backwardState.origin,e.style.transform=c.backwardState.transform);let f=r.stagger||0,u=[];u.push(s.animate([{transform:a.backwardState.transform},{transform:a.forwardState.transform}],{duration:n,easing:o,fill:"forwards"})),u.push(t.animate([{transform:l.backwardState.transform},{transform:l.forwardState.transform}],{duration:n,delay:f,easing:o,fill:"forwards"})),c&&u.push(e.animate([{transform:c.backwardState.transform},{transform:c.forwardState.transform}],{duration:n,delay:f*2,easing:o,fill:"forwards"}));let h=c?f*2:f,{finish:m}=V(()=>{Mt(u);try{T(s,r),T(t,r),e&&T(e,r)}catch{}i()},n+h+B);Promise.all(u.map(y=>y.finished)).then(m).catch(m)}function We(s,t,e,r,n,o,i,a){let l=r.views[0],c=r.views[1],f=e&&r.views[2]?r.views[2]:null,u=c.backwardState,h=f?f.backwardState:null;s.style.transformOrigin=l.forwardState.origin,s.style.transform=l.forwardState.transform,requestAnimationFrame(()=>{requestAnimationFrame(()=>{t.style.transformOrigin=c.forwardState.origin,e&&f&&(e.style.transformOrigin=f.forwardState.origin);let m=t.style.transform||getComputedStyle(t).transform||c.forwardState.transform,y=e&&f?e.style.transform||getComputedStyle(e).transform||f.forwardState.transform:null,p=r.stagger||0,d=[];d.push(s.animate([{transform:l.forwardState.transform},{transform:l.backwardState.transform}],{duration:n,easing:o,fill:"forwards"})),d.push(t.animate([{transform:m},{transform:u.transform}],{duration:n,delay:p,easing:o,fill:"both"})),e&&h&&d.push(e.animate([{transform:y},{transform:h.transform}],{duration:n,delay:p*2,easing:o,fill:"both"})),t.style.removeProperty("transform"),e&&e.style.removeProperty("transform");let g=e&&h?p*2:p,{finish:v}=V(()=>{Mt(d);try{O(s,i),Z(t,u),e&&h&&$(e,h)}catch{}a()},n+g+B);Promise.all(d.map(w=>w.finished)).then(v).catch(v)})})}function Ke(s,t,e,r){let{currentView:n,previousView:o,backView:i,backViewState:a,lastView:l,lastViewState:c,incomingTransformStart:f,incomingTransformEnd:u,outgoingTransform:h,outgoingTransformEnd:m,currentStage:y,canvas:p}=s,d=y.views[0];k(n),n.classList.replace("is-new-current-view","is-current-view"),n.classList.remove("zoom-current-view","has-no-events"),n.style.transformOrigin=d.forwardState.origin;let g=[];g.push(n.animate([{transform:f,opacity:0},{transform:u,opacity:1}],{duration:t,easing:e,fill:"forwards"})),s.keepAlive!=="visible"&&g.push(o.animate([{transform:h,opacity:1},{transform:m,opacity:0}],{duration:t,easing:e,fill:"forwards"})),i&&a&&g.push(i.animate([{transform:a.transformStart},{transform:a.transformEnd}],{duration:t,easing:e,fill:"forwards"})),l&&c&&g.push(l.animate([{transform:c.transformStart},{transform:c.transformEnd}],{duration:t,easing:e,fill:"forwards"}));let{finish:v}=V(()=>{Mt(g),n.style.transform=u||d.forwardState.transform,i&&a&&(i.style.transform=a.transformEnd),l&&c&&(l.style.transform=c.transformEnd),s.keepAlive?(o.style.opacity="",o.style.transform=m):O(o,p),r()},t+B);Promise.all(g.map(w=>w.finished)).then(v).catch(v)}function Mt(s){for(let t of s)try{t.cancel()}catch{}}function ye(s,t){let e=typeof globalThis<"u"&&globalThis.anime;if(!e||typeof e!="function"){console.warn('Zumly anime driver: Anime.js not loaded. Add <script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.2/anime.min.js"><\/script>'),t();return}let{type:r,currentView:n,previousView:o,lastView:i,currentStage:a,duration:l,ease:c,canvas:f}=s;if(!n||!o||!a){t();return}let u=R(l);r==="lateral"?q(s,t):r==="zoomIn"?Ge(e,n,o,i,a,u,c,t):r==="zoomOut"?Qe(e,n,o,i,a,u,c,f,t):t()}function Ge(s,t,e,r,n,o,i,a){k(t,e,r);let l=n.views[0],c=n.views[1],f=r&&n.views[2]?n.views[2]:null,u=we([{el:t,backward:l.backwardState,forward:l.forwardState},{el:e,backward:c.backwardState,forward:c.forwardState},...f?[{el:r,backward:f.backwardState,forward:f.forwardState}]:[]],"forward");ge(u,0);let h=n.stagger||0,m=o+(f?h*2:h),y={value:0};s({targets:y,value:1,duration:m,easing:_e(i),update:()=>{let p=y.value*m;be(u,p,o,h)},complete:()=>{T(t,n),T(e,n),r&&T(r,n),a()}})}function Qe(s,t,e,r,n,o,i,a,l){let c=n.views[0],f=n.views[1],u=r&&n.views[2]?n.views[2]:null,h=f.backwardState,m=u?u.backwardState:null,y=we([{el:t,backward:c.backwardState,forward:c.forwardState},{el:e,backward:f.backwardState,forward:f.forwardState},...u?[{el:r,backward:u.backwardState,forward:u.forwardState}]:[]],"backward");ge(y,0);let p=n.stagger||0,d=o+(u?p*2:p),g={value:0};s({targets:g,value:1,duration:d,easing:_e(i),update:()=>{let v=g.value*d;be(y,v,o,p)},complete:()=>{O(t,a),Z(e,h),r&&m&&$(r,m),l()}})}function we(s,t){return s.map(({el:e,backward:r,forward:n})=>{if(t==="forward"){let o=F(e,r.origin,r.transform),i=F(e,r.origin,n.transform);return{el:e,from:o,to:i}}else{let o=F(e,n.origin,n.transform),i=F(e,n.origin,r.transform);return{el:e,from:o,to:i}}})}function ge(s,t){for(let{el:e,from:r,to:n}of s)e.style.transform=lt(ct(r,n,t))}function be(s,t,e,r){for(let n=0;n<s.length;n++){let{el:o,from:i,to:a}=s[n],l=n*r,c=Math.max(0,t-l),f=e>0?Math.min(1,c/e):1;o.style.transform=lt(ct(i,a,f))}}function _e(s){if(typeof s!="string")return"easeInOutQuad";let t=s.toLowerCase();return t==="linear"?"linear":t.includes("ease-in-out")?"easeInOutQuad":t.includes("ease-in")?"easeInQuad":t.includes("ease-out")?"easeOutQuad":t}function Se(s,t){let e=typeof globalThis<"u"&&globalThis.gsap;if(!e||typeof e.to!="function"){console.warn('Zumly GSAP driver: GSAP not loaded. Add <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"><\/script>'),t();return}let{type:r,currentView:n,previousView:o,lastView:i,currentStage:a,duration:l,ease:c,canvas:f}=s;if(!n||!o||!a){t();return}let u=zt(l);r==="lateral"?q(s,t):r==="zoomIn"?Je(e,n,o,i,a,u,c,t):r==="zoomOut"?ts(e,n,o,i,a,u,c,f,t):t()}function Je(s,t,e,r,n,o,i,a){k(t,e,r);let l=n.views[0],c=n.views[1],f=r&&n.views[2]?n.views[2]:null;kt(t,l.backwardState),kt(e,c.backwardState),f&&kt(r,f.backwardState);let u=s.timeline({onComplete:()=>{T(t,n),T(e,n),r&&T(r,n),a()}}),h=Te(i),m=(n.stagger||0)/1e3;u.to(t,{transform:l.forwardState.transform,duration:o,ease:h},0),u.to(e,{transform:c.forwardState.transform,duration:o,ease:h},m),f&&u.to(r,{transform:f.forwardState.transform,duration:o,ease:h},m*2)}function ts(s,t,e,r,n,o,i,a,l){let c=n.views[0],f=n.views[1],u=r&&n.views[2]?n.views[2]:null,h=f.backwardState,m=u?u.backwardState:null;kt(t,c.forwardState);let y=e.style.transform||getComputedStyle(e).transform||f.forwardState.transform,p=r&&u?r.style.transform||getComputedStyle(r).transform||u.forwardState.transform:null;e.style.transformOrigin=f.forwardState.origin,r&&u&&(r.style.transformOrigin=u.forwardState.origin);let d=Te(i),g=s.timeline({onComplete:()=>{O(t,a),Z(e,h),r&&m&&$(r,m),l()}}),v=(n.stagger||0)/1e3;s.set(e,{transform:y}),r&&p&&s.set(r,{transform:p}),g.fromTo(t,{transform:c.forwardState.transform},{transform:c.backwardState.transform,duration:o,ease:d},0),g.fromTo(e,{transform:y},{transform:h.transform,duration:o,ease:d},v),r&&m&&g.fromTo(r,{transform:p},{transform:m.transform,duration:o,ease:d},v*2)}function kt(s,t){s.style.transformOrigin=t.origin,s.style.transform=t.transform}function Te(s){if(typeof s!="string")return"power2.inOut";let t=s.toLowerCase();return t==="linear"?"none":t.includes("ease-in-out")?"power2.inOut":t.includes("ease-in")?"power2.in":t.includes("ease-out")?"power2.out":t}function Ee(s,t){let e=rs();if(!e||typeof e!="function"){console.warn('Zumly Motion driver: Motion not loaded. Add <script src="https://cdn.jsdelivr.net/npm/motion@11/dist/motion.min.js"><\/script>'),t();return}let{type:r,currentView:n,previousView:o,lastView:i,currentStage:a,duration:l,ease:c,canvas:f}=s;if(!n||!o||!a){t();return}let u=zt(l);r==="lateral"?q(s,t):r==="zoomIn"?es(e,n,o,i,a,u,c,t):r==="zoomOut"?ss(e,n,o,i,a,u,c,f,t):t()}function es(s,t,e,r,n,o,i,a){k(t,e,r);let l=xe(t,e,r,n,"forward");Le(l,0);let c=n.stagger||0,f=c/1e3,u=o*1e3,h=o+(l.length>2?f*2:f);s(0,1,{duration:h,ease:ke(i),onUpdate:y=>{let p=y*h*1e3;ze(l,p,u,c)}}).then(()=>{T(t,n),T(e,n),r&&T(r,n),a()}).catch(()=>a())}function ss(s,t,e,r,n,o,i,a,l){let c=n.views[1],f=r&&n.views[2]?n.views[2]:null,u=c.backwardState,h=f?f.backwardState:null,m=xe(t,e,r,n,"backward");Le(m,0);let y=n.stagger||0,p=y/1e3,d=o*1e3,g=o+(m.length>2?p*2:p);s(0,1,{duration:g,ease:ke(i),onUpdate:w=>{let b=w*g*1e3;ze(m,b,d,y)}}).then(()=>{O(t,a),Z(e,u),r&&h&&$(r,h),l()}).catch(()=>l())}function xe(s,t,e,r,n){let o=r.views[0],i=r.views[1],a=e&&r.views[2]?r.views[2]:null,l=[{el:s,backward:o.backwardState,forward:o.forwardState},{el:t,backward:i.backwardState,forward:i.forwardState}];return a&&l.push({el:e,backward:a.backwardState,forward:a.forwardState}),l.map(({el:c,backward:f,forward:u})=>n==="forward"?{el:c,from:F(c,f.origin,f.transform),to:F(c,f.origin,u.transform)}:{el:c,from:F(c,u.origin,u.transform),to:F(c,u.origin,f.transform)})}function Le(s,t){for(let{el:e,from:r,to:n}of s)e.style.transform=lt(ct(r,n,t))}function ze(s,t,e,r){for(let n=0;n<s.length;n++){let{el:o,from:i,to:a}=s[n],l=n*r,c=Math.max(0,t-l),f=e>0?Math.min(1,c/e):1;o.style.transform=lt(ct(i,a,f))}}function rs(){let s=typeof globalThis<"u"?globalThis:typeof window<"u"?window:{};return s.motion?.animate||s.Motion?.animate||s.animate}function ke(s){if(typeof s!="string")return"easeInOut";let t=s.toLowerCase();return t==="linear"?"linear":t.includes("ease-in-out")?"easeInOut":t.includes("ease-in")?"easeIn":t.includes("ease-out")?"easeOut":s}var Ce={css:me,waapi:ve,none:pe,anime:ye,gsap:Se,motion:Ee};function Oe(s){if(typeof s=="function")return{runTransition(r,n){s(r,n)}};let t=typeof s=="string"?s.toLowerCase():"css";return{runTransition:Ce[t]||Ce.css}}function ns(s){if(typeof s!="string"||s.trim()==="")return{tx:0,ty:0,rest:""};let t=dt(s);return t.matched?{tx:t.tx,ty:t.ty,rest:t.rest}:null}function Dt(s,t,e){let r=ns(s);if(r===null)return s;let n=r.tx*t,o=r.ty*e,i=r.rest?` ${r.rest}`:"";return`translate(${n}px, ${o}px)${i}`.trim()}function os(s){if(typeof s!="string"||!s.trim())return null;let t=s.trim().match(/^([-\d.eE]+)px\s+([-\d.eE]+)px$/);return t?{x:parseFloat(t[1]),y:parseFloat(t[2])}:null}function Ft(s,t,e){let r=os(s);return r===null?s:`${r.x*t}px ${r.y*e}px`}function Ht(s,t,e,r,n){if(!s.storedViews?.length||!s.canvas||t<=0||e<=0)return;let o=r/t,i=n/e;for(let m of s.storedViews){let y=m.views;if(Array.isArray(y))for(let p=0;p<y.length;p++){let d=y[p];!d||d.detachedNode||(d.backwardState&&(d.backwardState.transform=Dt(d.backwardState.transform,o,i),d.backwardState.origin!=null&&(d.backwardState.origin=Ft(d.backwardState.origin,o,i))),d.forwardState&&(d.forwardState.transform=Dt(d.forwardState.transform,o,i),d.forwardState.origin!=null&&(d.forwardState.origin=Ft(d.forwardState.origin,o,i))))}}let a=s.canvas,l=a.querySelector(".is-current-view"),c=a.querySelector(".is-previous-view"),f=a.querySelector(".is-last-view"),u=a.querySelector(".is-new-current-view"),h=[l,c,f,u].filter(Boolean);for(let m of h){if(!m.style)continue;let y=m.style.transform;y!=null&&y!==""&&(m.style.transform=Dt(y,o,i));let p=m.style.transformOrigin;p!=null&&p!==""&&(m.style.transformOrigin=Ft(p,o,i))}}var is=8e3,yt=class{constructor(t){if(this.storedViews=[],this.currentStage=null,this.debug=!1,this.trace=[],this.blockEvents=!1,this._blockEventsSafetyTimer=null,this.touchstartX=0,this.touchstartY=0,this.touchendX=0,this.touchendY=0,this.touching=!1,this.lateralHistory=[],this._lastCanvasWidth=0,this._lastCanvasHeight=0,this._pendingResizeCorrection=!1,this._destroyed=!1,this._trackedTimers=new Set,this._pendingTransitionComplete=null,this._hooks={},this._plugins=[],Jt(t,this),!this.isValid){this.notify("is unable to start: invalid or missing required options (mount, initialView, views).","error");return}if(this.canvas=document.querySelector(this.mount),!this.canvas){this.notify(`mount selector "${this.mount}" did not match any element.`,"error"),this.isValid=!1;return}this.transitionDriver=Oe(this.transitionDriver),this._onZoom=this.onZoom.bind(this),this._onTouchStart=this.onTouchStart.bind(this),this._onTouchEnd=this.onTouchEnd.bind(this),this._onTouchCancel=()=>{this.touching=!1},this._onKeyUp=this.onKeyUp.bind(this),this._onWheel=this.onWheel.bind(this),this._wheelCooldown=!1,this._onPrefetchTrigger=e=>{e.target.classList.contains("zoom-me")&&e.target.dataset.to&&this.prefetcher.prefetch(e.target.dataset.to,{trigger:e.target,...e.target.dataset})},this._onResize=this._handleResize.bind(this),this._resizeDebounceTimer=null,this._RESIZE_DEBOUNCE_MS=80,this.prefetcher=new Lt(this.views),this._bindEvents()}_bindEvents(){let t=this.canvas;t&&(t.setAttribute("tabindex","0"),t.setAttribute("role","application"),t.setAttribute("aria-roledescription","zoomable interface"),t.setAttribute("aria-live","polite"),t.addEventListener("mouseup",this._onZoom,!1),t.addEventListener("touchend",this._onZoom,!1),t.addEventListener("touchstart",this._onTouchStart,{passive:!0}),t.addEventListener("touchend",this._onTouchEnd,!1),t.addEventListener("touchcancel",this._onTouchCancel,{passive:!0}),t.addEventListener("keyup",this._onKeyUp,!1),t.addEventListener("wheel",this._onWheel,{passive:!1}),t.addEventListener("mouseover",this._onPrefetchTrigger,{passive:!0}),t.addEventListener("focusin",this._onPrefetchTrigger,{passive:!0}),window.addEventListener("resize",this._onResize,{passive:!0}),typeof ResizeObserver<"u"&&(this._resizeObserver=new ResizeObserver(()=>this._handleResize()),this._resizeObserver.observe(t)))}_unbindEvents(){let t=this.canvas;t&&(t.removeEventListener("mouseup",this._onZoom,!1),t.removeEventListener("touchend",this._onZoom,!1),t.removeEventListener("touchstart",this._onTouchStart),t.removeEventListener("touchend",this._onTouchEnd,!1),t.removeEventListener("touchcancel",this._onTouchCancel),t.removeEventListener("keyup",this._onKeyUp,!1),t.removeEventListener("wheel",this._onWheel),t.removeEventListener("mouseover",this._onPrefetchTrigger),t.removeEventListener("focusin",this._onPrefetchTrigger)),window.removeEventListener("resize",this._onResize),this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null)}_resetCanvasScroll(t){if(t&&((t.scrollLeft!==0||t.scrollTop!==0)&&(this.notify(`canvas had a residual scroll (${t.scrollLeft}, ${t.scrollTop}) \u2014 resetting. Something scrolled the canvas mid-transition.`,"warn"),t.scrollLeft=0,t.scrollTop=0),!this._warnedScrolledAncestor)){for(let e=t.parentElement;e&&e!==document.body;e=e.parentElement)if(e.scrollLeft!==0||e.scrollTop!==0){let r=e.className?`.${String(e.className).trim().split(/\s+/).join(".")}`:e.tagName.toLowerCase();this.notify(`an ancestor of the canvas (${r}) is scrolled (${e.scrollLeft}, ${e.scrollTop}): all zooms will land displaced. Use 'overflow: clip' (not 'hidden') on containers around the canvas.`,"warn"),this._warnedScrolledAncestor=!0;break}}}_setBlockEvents(){this.blockEvents=!0,this._clearBlockEventsSafety(),this._blockEventsSafetyTimer=setTimeout(()=>{if(this.blockEvents&&!this._destroyed){this.notify("blockEvents safety timeout: driver did not call onComplete. Force-resetting.","warn"),this.blockEvents=!1;let t=this._pendingTransitionComplete;t?t():this._onTransitionComplete()}},is)}_clearBlockEventsSafety(){this._blockEventsSafetyTimer!==null&&(clearTimeout(this._blockEventsSafetyTimer),this._blockEventsSafetyTimer=null)}_setTrackedTimeout(t,e){let r=setTimeout(()=>{this._trackedTimers.delete(r),!this._destroyed&&t()},e);return this._trackedTimers.add(r),r}_clearTrackedTimeouts(){for(let t of this._trackedTimers)clearTimeout(t);this._trackedTimers.clear()}storeViews(t){this.tracing("storedViews()"),this.storedViews.push(t),this.debug&&console.debug("Zumly storedViews",t)}tracing(t){if(this.debug)if(t==="ended"){let e=this.trace.map((r,n)=>`${n===0?`Instance ${this.mount}: ${r}`:`${r}`}`).join(" > ");this.notify(e),this.trace=[]}else this.trace.push(t)}notify(t,e){return z(this.debug,t,e)}_recordCanvasSize(){if(!this.canvas)return;let t=this.canvas.getBoundingClientRect();this._lastCanvasWidth=t.width,this._lastCanvasHeight=t.height}_handleResize(){this._destroyed||(this._resizeDebounceTimer&&clearTimeout(this._resizeDebounceTimer),this._resizeDebounceTimer=setTimeout(()=>{if(this._resizeDebounceTimer=null,!this.isValid||!this.canvas||this._lastCanvasWidth===0)return;let t=this.canvas.getBoundingClientRect(),e=t.width,r=t.height;if(!(e===this._lastCanvasWidth&&r===this._lastCanvasHeight)){if(this.blockEvents){this._pendingResizeCorrection=!0;return}Ht(this,this._lastCanvasWidth,this._lastCanvasHeight,e,r),this._lastCanvasWidth=e,this._lastCanvasHeight=r}},this._RESIZE_DEBOUNCE_MS))}_onTransitionComplete(){if(this._clearBlockEventsSafety(),this._pendingResizeCorrection&&!this.blockEvents){this._pendingResizeCorrection=!1;let t=this.canvas?.getBoundingClientRect();if(t&&this._lastCanvasWidth>0){let e=t.width,r=t.height;(e!==this._lastCanvasWidth||r!==this._lastCanvasHeight)&&Ht(this,this._lastCanvasWidth,this._lastCanvasHeight,e,r),this._lastCanvasWidth=e,this._lastCanvasHeight=r}}else this._recordCanvasSize();this._manageFocus()}_manageFocus(){if(!this.canvas)return;let t=this.canvas.querySelector(".is-current-view");if(!t)return;let e=t.querySelector('a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])');e?e.focus({preventScroll:!0}):(t.setAttribute("tabindex","-1"),t.focus({preventScroll:!0}))}_resolveEffects(t){let e=t?.dataset?.withEffects;if(e&&typeof e=="string"){let r=e.split("|").map(n=>n.trim());return[r[0]||"none",r[1]||r[0]||"none"]}return this.effects}_applyEffects(t,e,r,n,o){!r||r[0]==="none"&&r[1]==="none"||(t&&r[0]!=="none"&&(t.style.setProperty("--z-effect-filter",r[0]),t.style.setProperty("--zoom-duration",n),t.style.setProperty("--zoom-ease",o),t.classList.add("has-effect")),e&&r[1]!=="none"&&(e.style.setProperty("--z-effect-filter",r[1]),e.style.setProperty("--zoom-duration",n),e.style.setProperty("--zoom-ease",o),e.classList.add("has-effect")))}_removeEffect(t){if(!t||!t.classList.contains("has-effect"))return;t.classList.remove("has-effect"),t.classList.add("has-effect-reverse");let e=()=>{t.classList.remove("has-effect-reverse"),t.style.removeProperty("--z-effect-filter"),t.removeEventListener("transitionend",e)};t.addEventListener("transitionend",e,{once:!0});let r=t.style.getPropertyValue("--zoom-duration");this._setTrackedTimeout(e,r?parseFloat(r)*(r.includes("ms")?1:1e3)+100:1100)}_resolveHideTrigger(t){return t?.dataset?.hideTrigger!==void 0?t.dataset.hideTrigger==="fade"?"fade":!0:this.hideTrigger}_applyHideTrigger(t,e,r,n,o){!r||!t||(r==="fade"?(t.style.setProperty("--zoom-duration",n),t.style.setProperty("--zoom-ease",o),t.classList.add("z-trigger-fade"),e.style.setProperty("--zoom-duration",n),e.style.setProperty("--zoom-ease",o),e.classList.add("z-view-fade-in"),e.offsetHeight,e.classList.remove("hide")):t.classList.add("z-trigger-hidden"))}_restoreHideTrigger(t,e,r,n){if(!(!e||!t))if(e==="fade"){t.classList.remove("z-trigger-fade"),t.style.setProperty("--zoom-duration",r),t.style.setProperty("--zoom-ease",n),t.classList.add("z-trigger-fade-reverse");let o=()=>{t.classList.remove("z-trigger-fade-reverse"),t.style.removeProperty("--zoom-duration"),t.style.removeProperty("--zoom-ease"),t.removeEventListener("transitionend",o)};t.addEventListener("transitionend",o,{once:!0}),this._setTrackedTimeout(o,parseFloat(r)*(r.includes("ms")?1:1e3)+100)}else t.classList.remove("z-trigger-hidden")}on(t,e){var r;return typeof e!="function"?this:(((r=this._hooks)[t]||(r[t]=[])).push(e),this)}use(t,e){if(!t)return this;let r={plugin:t,options:e};return this._plugins.push(r),this._initialized&&this._installPlugin(r),this}_installPlugin(t){let{plugin:e,options:r}=t;try{typeof e=="function"?e(this,r):typeof e.install=="function"&&e.install(this,r)}catch(n){this.notify(`plugin install error: ${n.message}`,"error")}}off(t,e){return e?this._hooks[t]&&(this._hooks[t]=this._hooks[t].filter(r=>r!==e)):delete this._hooks[t],this}_emit(t,e={}){let r=this._hooks[t];if(!(!r||r.length===0))for(let n of r)try{n(e)}catch(o){this.debug&&console.error(`Zumly hook "${t}" threw:`,o)}}zoomLevel(){return this.storedViews.length}getZoomLevel(){return this.zoomLevel()}getCurrentViewName(){return!this.storedViews||this.storedViews.length===0?null:this.storedViews[this.storedViews.length-1]?.views?.[0]?.viewName??null}back(){if(!this._destroyed){if(this.blockEvents){this.notify("back ignored: a transition is already running.","warn");return}if(this.lateralHistory&&this.lateralHistory.length>0){let t=this.lateralHistory.pop(),e=t&&typeof t=="object"?t.name:t,r=t&&typeof t=="object"?t.entry:void 0,n=t&&typeof t=="object"?t.node:void 0;return this._doLateral(e,!0,{savedEntry:r,keepAliveNode:n})}this.zoomOut()}}async goTo(t,e={}){return this._destroyed?void 0:(e.mode==="lateral"?"lateral":"depth")==="depth"?this.zoomTo(t,e):this._doLateral(t,!1,e)}async zoomTo(t,e={}){if(this._destroyed)return;if(!this.isValid||!this.canvas){this.notify("zoomTo() cannot run: instance is invalid or canvas not found.","error");return}if(typeof t!="string"||!t){this.notify("zoomTo() requires a non-empty view name.","warn");return}if(!Object.prototype.hasOwnProperty.call(this.views,t)){this.notify(`zoomTo("${t}"): view not found in views. Available: ${Object.keys(this.views).join(", ")}`,"warn");return}if(this.getCurrentViewName()===t)return;let n=this.canvas.getBoundingClientRect(),o=Math.max(40,n.width*.1),i=Math.max(40,n.height*.1),l={rect:{x:n.left+(n.width-o)/2,y:n.top+(n.height-i)/2,width:o,height:i},duration:e.duration??this.duration,ease:e.ease??this.ease,props:e.props??{}};await this._doZoomIn(t,l)}async init(){if(this._destroyed)return;if(!this.isValid||!this.canvas){this.notify("init() cannot run: instance is invalid or canvas element was not found.","error");return}this.tracing("init()"),this.preload&&this.preload.length&&await this.prefetcher.preloadEager(this.preload,null).catch(e=>{this.notify(`preload failed: ${e.message}`,"warn")});let t;try{let e=await this.prefetcher.get(this.initialView,null);t=await ht(e,this.initialView,this.canvas,!0,this.views,this.componentContext)}catch(e){this.notify(`init() failed to resolve initial view "${this.initialView}": ${e.message}`,"error");return}this._emit("viewMounted",{viewName:this.initialView,node:t}),this.prefetcher.scanAndPrefetch(t,null),this.storeViews({zoomLevel:this.storedViews.length,scale:1,views:[{viewName:this.initialView,backwardState:{origin:"0 0",transform:""}}]}),this.currentStage=this.storedViews[this.storedViews.length-1],this._recordCanvasSize(),this._initialized=!0;for(let e of this._plugins)this._installPlugin(e)}destroy(){this._destroyed||(this._emit("destroy"),this._destroyed=!0,this._clearBlockEventsSafety(),this._clearTrackedTimeouts(),this._pendingTransitionComplete=null,this._resizeDebounceTimer&&(clearTimeout(this._resizeDebounceTimer),this._resizeDebounceTimer=null),this._unbindEvents(),this._removeNav(),this._cleanupLateralKeepAlive(),this.blockEvents=!1,this.storedViews=[],this.currentStage=null,this.lateralHistory=[],this.trace=[],this._hooks={},this.prefetcher=null,this.transitionDriver=null,this.canvas&&(this.canvas.removeAttribute("tabindex"),this.canvas.removeAttribute("role"),this.canvas.removeAttribute("aria-roledescription"),this.canvas.removeAttribute("aria-live")),this.isValid=!1)}async _doZoomIn(t,e){if(this._destroyed)return;if(this.blockEvents){this.notify("zoomIn ignored: a transition is already running.","warn");return}this._cleanupLateralKeepAlive(),this.lateralHistory=[],this._emit("beforeZoomIn",{viewName:t}),this.tracing("zoomIn()");let r=this.canvas,n=e.el;this._resetCanvasScroll(r);let o=r.getBoundingClientRect(),i=o.left,a=o.top,c=(this.storedViews.length>0?this.storedViews[this.storedViews.length-1]:null)?.scale??1;this.tracing("getView()");let f=n?{trigger:n,target:document.createElement("div"),context:this.componentContext,props:Object.assign({},n.dataset)}:{target:document.createElement("div"),context:this.componentContext,props:e.props??{}},u=n?.dataset?.deferred!==void 0?!0:this.deferred,h,m=null;try{if(u){let E=await this.prefetcher.get(t,f);if(this._destroyed)return;for(m=document.createDocumentFragment();E.firstChild;)m.appendChild(E.firstChild);h=await ht(E,t,r,!1,{},this.componentContext)}else{let E=await this.prefetcher.get(t,f);if(this._destroyed)return;this.prefetcher.scanAndPrefetch(E,f),h=await ht(E,t,r,!1,this.views,this.componentContext)}}catch(E){this.notify(`zoomIn aborted: failed to resolve view "${t}": ${E.message}`,"error");return}if(!h)return;u||this._emit("viewMounted",{viewName:t,node:h}),n&&n.classList.add("zoomed");let y=n?(()=>{let E=n.getBoundingClientRect();return{x:E.x,y:E.y,width:E.width,height:E.height}})():e.rect,p=n?n.dataset.withDuration||this.duration:e.duration??this.duration,d=n?n.dataset.withEase||this.ease:e.ease??this.ease,g=n?n.dataset.withCover||this.cover:e.cover??this.cover,v=n?parseInt(n.dataset.withStagger,10)||this.stagger:e.stagger??this.stagger,w=r.querySelector(".is-current-view"),b=r.querySelector(".is-previous-view"),_=r.querySelector(".is-last-view");if(!w){this.notify("zoomIn aborted: no current view found in canvas. Call init() before navigating and keep Zumly view classes intact.","error"),n&&n.classList.remove("zoomed");try{r.removeChild(h)}catch{}return}it(h),it(w),it(b),_&&(it(_),r.removeChild(_));let S,A,I,N,L,X,Y,ft=w.style.transform,C=w.style.transformOrigin,j=b?b.style.transform:null,P=b?b.style.transformOrigin:null;try{w.classList.replace("is-current-view","is-previous-view"),b&&b.classList.replace("is-previous-view","is-last-view");let E=h.getBoundingClientRect(),U=w.getBoundingClientRect(),Pt=null,Rt=null,gt=null;b&&(Pt=b.getBoundingClientRect(),gt=b.querySelector(".zoomed"),Rt=gt&&gt.getBoundingClientRect?gt.getBoundingClientRect():Pt);let bt={left:i,top:a},qt={width:o.width,height:o.height},Bt={width:E.width,height:E.height},Vt=te(y.width,y.height,E.width,E.height,g);Y=Vt.scale;let De=Vt.scaleInv;S=ee(y,bt,Bt,De),I=w.style.transform;let Xt=re(y,U);N=ne(qt,y,U,Y,this.parallax);let Yt=Tt(C||"0 0"),Q=mt(I||""),Ut=Tt(Xt),J=mt(N.transform),Wt=y;if(n&&(Wt=Et(y,U,Yt,Q.tx,Q.ty,Q.scale,Ut,J.tx,J.ty,J.scale)),A=se(Wt,bt,Bt),b){L=b.style.transform;let Fe=Et(U,U,Yt,Q.tx,Q.ty,Q.scale,Ut,J.tx,J.ty,J.scale),He=ie(N.x,N.y,bt,Y,c),Kt=Tt(P||"0 0"),It=mt(L||""),Nt=mt(He),je=Et(Rt,Pt,Kt,It.tx,It.ty,It.scale,Kt,Nt.tx,Nt.ty,Nt.scale);X=oe({canvasRect:qt,canvasOffset:bt,triggerRect:y,previousViewRectAtBaseTransform:U,lastViewZoomedElementRect:je,previousViewRectWithPreviousAtEndTransform:Fe,scale:Y,preScale:c,parallax:this.parallax})}h.style.transform=S,w.style.transformOrigin=Xt}catch(E){this.notify(`zoomIn geometry computation failed: ${E.message}. Aborting zoom.`,"error"),this.debug&&console.error("Zumly _doZoomIn error:",E),w.style.transform=ft,w.style.transformOrigin=C,w.classList.contains("is-previous-view")&&w.classList.replace("is-previous-view","is-current-view"),b&&(b.style.transform=j,b.style.transformOrigin=P,b.classList.contains("is-last-view")&&b.classList.replace("is-last-view","is-previous-view"));try{r.removeChild(h)}catch{}n&&n.classList.remove("zoomed"),K(w),K(b);return}let G=pt(h.dataset.viewName,{origin:h.style.transformOrigin,duration:p,ease:d,transform:S},{origin:h.style.transformOrigin,duration:p,ease:d,transform:A}),Ie=pt(w.dataset.viewName,{origin:w.style.transformOrigin,duration:p,ease:d,transform:I},{origin:w.style.transformOrigin,duration:p,ease:d,transform:N.transform}),Ne=b?pt(b.dataset.viewName,{origin:b.style.transformOrigin,duration:p,ease:d,transform:L},{origin:b.style.transformOrigin,duration:p,ease:d,transform:X}):null,Ze=_?ae(_):null,wt=le(this.storedViews.length,G,Ie,Ne,Ze);wt.scale=Y,wt.stagger=v||0,this.storeViews(wt),this.currentStage=this.storedViews[this.storedViews.length-1],this.tracing("setCSSVariables()");let $e=this._resolveEffects(n);this._applyEffects(w,b,$e,p,d);let Ot=this._resolveHideTrigger(n);this._applyHideTrigger(n,h,Ot,p,d),Ot&&(wt.hideTriggerMode=Ot),this._setBlockEvents();let Me={type:"zoomIn",currentView:h,previousView:w,lastView:b,currentStage:this.currentStage,duration:p,ease:d},At=async()=>{this._pendingTransitionComplete===At&&(this._pendingTransitionComplete=null,!this._destroyed&&(u&&m&&h&&(h.appendChild(m),this.prefetcher.scanAndPrefetch(h,f),typeof this.views[t]=="object"&&typeof this.views[t].mounted=="function"&&await this.views[t].mounted(),this._emit("viewMounted",{viewName:t,node:h})),this.blockEvents=!1,this._onTransitionComplete(),this._updateNav(),this._emit("afterZoomIn",{viewName:t,zoomLevel:this.zoomLevel()}),this.tracing("ended")))};this._pendingTransitionComplete=At,this.transitionDriver.runTransition(Me,At)}async zoomIn(t){this._destroyed||t?.dataset?.to&&await this._doZoomIn(t.dataset.to,{el:t})}async _doLateral(t,e=!1,r={}){if(this._destroyed)return;if(this.blockEvents){this.notify("lateral navigation ignored: a transition is already running.","warn");return}if(!this.isValid||!this.canvas)return;if(!Object.prototype.hasOwnProperty.call(this.views,t)){this.notify(`goTo("${t}", { mode: 'lateral' }): view not found in views. Available: ${Object.keys(this.views).join(", ")}`,"warn");return}let n=this.canvas.querySelector(".is-current-view");if(!n)return;let o=n.dataset?.viewName;if(o===t)return;this._emit("beforeLateral",{viewName:t,from:o,isBack:e});let i=this.lateralNav&&this.lateralNav.keepAlive,a=null;if(!e){this.lateralHistory=this.lateralHistory||[];let C=this.storedViews[this.storedViews.length-1];a={name:o,entry:C.views[0],node:i?n:null}}this.tracing("lateral()");let l=r.duration??this.duration,c=r.ease??this.ease,f=this.canvas.querySelector(".is-previous-view"),u=this.canvas.querySelector(".is-last-view"),h=0,m=0,y=this._declaredSiblings(),p=y?y.indexOf(o):-1,d=y?y.indexOf(t):-1;if(p!==-1&&d!==-1){let C=this.canvas.getBoundingClientRect();h=(p-d)*C.width*.15}else if(f){let C=f.querySelector(`.zoom-me[data-to="${o}"]`),j=f.querySelector(`.zoom-me[data-to="${t}"]`);if(C&&j){let P=C.getBoundingClientRect(),G=j.getBoundingClientRect();h=P.left+P.width/2-(G.left+G.width/2),m=P.top+P.height/2-(G.top+G.height/2)}else h=this.canvas.getBoundingClientRect().width*.15}let g=null,v=null;if(i&&(e&&r.keepAliveNode?v=r.keepAliveNode:v=this.canvas.querySelector(`.is-lateral-hidden[data-view-name="${t}"]`)),v){if(v.style.display="",v.style.opacity="",v.classList.remove("is-lateral-hidden","zoom-lateral-out"),v.classList.add("is-new-current-view","has-no-events"),g=v,!e&&this.lateralHistory){let C=this.lateralHistory.findIndex(j=>j.node===v);C!==-1&&this.lateralHistory.splice(C,1)}}else{let C=()=>{e&&this.lateralHistory.push({name:t,entry:r.savedEntry,node:r.keepAliveNode??null})},j={target:document.createElement("div"),context:this.componentContext,props:r.props??{}};try{let P=await this.prefetcher.get(t,j);if(this._destroyed)return;this.prefetcher.scanAndPrefetch(P,j),g=await ht(P,t,this.canvas,!1,this.views,this.componentContext)}catch(P){this.notify(`lateral navigation aborted: failed to resolve view "${t}": ${P.message}`,"error"),C();return}if(!g){C();return}this._emit("viewMounted",{viewName:t,node:g})}a&&this.lateralHistory.push(a),it(g);let w=n.style.transform||"",b=n.style.transformOrigin||"0 0";g.style.transform=w,g.style.transformOrigin=b;let _=this.storedViews[this.storedViews.length-1],S=e&&r.savedEntry?{...r.savedEntry,viewName:t}:pt(t,{origin:b,duration:l,ease:c,transform:w},{origin:b,duration:l,ease:c,transform:w});_.views[0]=S,this.currentStage=_;let A=f?{transformStart:f.style.transform||"",transformEnd:this._computeLateralBackTransform(f.style.transform||"",h,m)}:null,I=u&&_.views[2]?{transformStart:u.style.transform||"",transformEnd:this._computeLateralBackTransform(u.style.transform||"",h*.7,m*.7)}:null;A&&_.views[1]&&(_.views[1].forwardState={..._.views[1].forwardState,transform:A.transformEnd}),I&&_.views[2]&&(_.views[2].forwardState={..._.views[2].forwardState,transform:I.transformEnd});let N=w,L=this._computeLateralBackTransform(N,-h,-m),X=this._computeLateralBackTransform(w,h,m);this._setBlockEvents();let Y={type:"lateral",currentView:g,previousView:n,lastView:u||null,backView:f||null,backViewState:A,lastViewState:I,incomingTransformStart:L,incomingTransformEnd:N,outgoingTransform:w,outgoingTransformEnd:X,currentStage:this.currentStage,duration:l,ease:c,canvas:this.canvas,slideDeltaX:h,slideDeltaY:m,keepAlive:i&&!e?i:!1},ft=()=>{this._pendingTransitionComplete===ft&&(this._pendingTransitionComplete=null,!this._destroyed&&(i&&!e&&(n.classList.remove("is-current-view","is-new-current-view","has-no-events"),n.classList.add("is-lateral-hidden"),i!=="visible"?n.style.display="none":(n.style.transform=w,n.style.opacity="")),this.blockEvents=!1,this._onTransitionComplete(),this._updateNav(),this._emit("afterLateral",{viewName:t,from:o,isBack:e}),this.tracing("ended")))};this._pendingTransitionComplete=ft,this.transitionDriver.runTransition(Y,ft)}_computeLateralBackTransform(t,e,r){let n=dt(t);return n.matched?`translate(${n.tx+e}px, ${n.ty+r}px) ${n.rest}`.trim():`translate(${e}px, ${r}px) ${t}`.trim()}zoomOut(){if(this._destroyed)return;if(this.blockEvents){this.notify("zoomOut ignored: a transition is already running.","warn");return}this._cleanupLateralKeepAlive(),this.lateralHistory=[],this._emit("beforeZoomOut",{zoomLevel:this.zoomLevel()}),this.tracing("zoomOut()");let t=this.canvas;this._resetCanvasScroll(t);let e=t.querySelector(".is-current-view"),r=t.querySelector(".is-previous-view");if(!e||!r){this.notify("zoomOut: current or previous view not found (animation may still be running)","warn");return}this._setBlockEvents(),this.currentStage=this.storedViews[this.storedViews.length-1];let n=t.querySelector(".is-last-view");this.tracing("setCSSVariables()");let o=this.currentStage.views[0]?.forwardState?.duration??this.duration,i=this.currentStage.views[0]?.forwardState?.ease??this.ease,a=r.querySelector(".zoomed");a&&a.classList.remove("zoomed");let l=this.currentStage.hideTriggerMode;l&&a&&this._restoreHideTrigger(a,l,o,i),l==="fade"?(e.classList.remove("z-view-fade-in"),e.style.setProperty("--zoom-duration",o),e.style.setProperty("--zoom-ease",i),e.classList.add("z-view-fade-out")):(e.classList.remove("z-view-fade-in"),e.style.removeProperty("opacity")),this._removeEffect(r),r.classList.replace("is-previous-view","is-current-view"),n!==null&&(n.classList.contains("has-effect")&&this.effects[0]!=="none"&&n.style.setProperty("--z-effect-filter",this.effects[0]),n.classList.replace("is-last-view","is-previous-view"),n.classList.remove("hide"),K(n));let c=ce(this.currentStage);if(c){t.prepend(c);let h=t.querySelector(".z-view:first-child");h&&(K(h),h.classList.add("hide"))}let f={type:"zoomOut",currentView:e,previousView:r,lastView:n,currentStage:this.currentStage,duration:o,ease:i,canvas:t},u=()=>{this._pendingTransitionComplete===u&&(this._pendingTransitionComplete=null,!this._destroyed&&(this.blockEvents=!1,this._onTransitionComplete(),this.storedViews.pop(),this._updateNav(),this._emit("afterZoomOut",{zoomLevel:this.zoomLevel()}),this.tracing("ended")))};this._pendingTransitionComplete=u,this.transitionDriver.runTransition(f,u)}onZoom(t){if(this._destroyed||t.type==="mouseup"&&!this.inputs.click||t.type==="touchend"&&!this.inputs.touch)return;let e=t.target;if(e.closest(".z-depth-nav")||e.closest(".z-lateral-nav"))return;let r=e.classList.contains("zoom-me")||e.closest(".zoom-me");if(!this.blockEvents&&r&&!this.touching){this.tracing("onZoom() \u2192 zoomIn"),t.stopPropagation();let n=e.classList.contains("zoom-me")?e:e.closest(".zoom-me");this.zoomIn(n);return}if(this.storedViews.length>1&&!this.blockEvents&&!r&&!this.touching){let n=this.canvas.querySelector(".is-current-view");if(n&&n.contains(e))return;let o=this._findSiblingTriggerAtPoint(t.clientX,t.clientY);if(o){this.tracing("onZoom() \u2192 lateral"),t.stopPropagation(),this._doLateral(o.dataset.to);return}this.tracing("onZoom() \u2192 zoomOut"),t.stopPropagation(),this.zoomOut()}}_findSiblingTriggerAtPoint(t,e){let r=this.canvas.querySelector(".is-previous-view");if(!r)return null;let o=this.canvas.querySelector(".is-current-view")?.dataset?.viewName;if(!o)return null;let i=r.querySelectorAll(".zoom-me[data-to]");for(let a of i){if(a.dataset.to===o)continue;let l=a.getBoundingClientRect();if(t>=l.left&&t<=l.right&&e>=l.top&&e<=l.bottom)return a}return null}_getSiblings(){let e=this.canvas.querySelector(".is-current-view")?.dataset?.viewName,r=this._declaredSiblings();if(r&&r.indexOf(e)!==-1)return{siblings:r,currentIndex:r.indexOf(e)};let n=this.canvas.querySelector(".is-previous-view");if(!n)return{siblings:[],currentIndex:-1};let o=n.querySelectorAll(".zoom-me[data-to]"),i=[];for(let l of o)l.dataset.to&&i.push(l.dataset.to);let a=i.indexOf(e);return{siblings:i,currentIndex:a}}_declaredSiblings(){let t=this.lateralNav&&typeof this.lateralNav=="object"?this.lateralNav.siblings:null;if(!t)return null;if(Array.isArray(t))return t;let e=this.canvas.querySelector(".is-previous-view")?.dataset?.viewName;return e&&Array.isArray(t[e])?t[e]:null}_updateNav(){this._destroyed||(this._removeNav(),this._updateDepthNav(),this._updateLateralNav())}_updateDepthNav(){if(!this.depthNav||this.storedViews.length-1<1)return;let e=this.canvas.querySelector(".z-view.is-current-view");if(e&&e.querySelector(".z-depth-nav"))return;let r=this.depthNav.position||"bottom-left",n=document.createElement("div");n.className="z-depth-nav z-depth-nav--"+r;let o=document.createElement("button");o.className="z-nav-back",o.setAttribute("aria-label","Zoom out (go back)"),o.innerHTML="&#8249;",o.addEventListener("mouseup",i=>{i.stopPropagation(),!this.blockEvents&&this.storedViews.length>1&&this.zoomOut()}),n.appendChild(o),this.canvas.appendChild(n)}_updateLateralNav(){if(!this.lateralNav)return;let t=this.storedViews.length-1,e=this._getSiblings();if(e.siblings.length<2)return;if(this.lateralNav.mode==="auto"&&t>=1){let a=this.canvas.querySelector(".z-view.is-current-view");if(a&&a.offsetWidth>=this.canvas.offsetWidth&&a.offsetHeight>=this.canvas.offsetHeight)return}let{siblings:r,currentIndex:n}=e,o=this.lateralNav.position||"bottom-center",i=document.createElement("div");if(i.className="z-lateral-nav z-lateral-nav--"+o,this.lateralNav.arrows){let a=document.createElement("button");a.className="z-nav-arrow z-nav-prev",a.setAttribute("aria-label","Previous sibling view"),a.innerHTML="&#8249;",a.disabled=n<=0,a.addEventListener("mouseup",l=>{l.stopPropagation(),n>0&&this._doLateral(r[n-1])}),i.appendChild(a)}if(this.lateralNav.dots){let a=document.createElement("div");a.className="z-nav-lateral-dots";for(let l=0;l<r.length;l++){let c=document.createElement("button");c.className="z-nav-dot z-nav-lat-dot"+(l===n?" is-active":""),c.setAttribute("aria-label",`Go to ${r[l]}`),c.dataset.to=r[l],c.addEventListener("mouseup",(f=>u=>{u.stopPropagation(),f!==n&&this._doLateral(r[f])})(l)),a.appendChild(c)}i.appendChild(a)}if(this.lateralNav.arrows){let a=document.createElement("button");a.className="z-nav-arrow z-nav-next",a.setAttribute("aria-label","Next sibling view"),a.innerHTML="&#8250;",a.disabled=n>=r.length-1,a.addEventListener("mouseup",l=>{l.stopPropagation(),n<r.length-1&&this._doLateral(r[n+1])}),i.appendChild(a)}this.canvas.appendChild(i)}_removeNav(){this.canvas&&this.canvas.querySelectorAll(".z-depth-nav, .z-lateral-nav").forEach(t=>t.remove())}_cleanupLateralKeepAlive(){if(!this.canvas)return;let t=this.canvas.querySelectorAll(".is-lateral-hidden");for(let e of t)e.remove()}onKeyUp(t){this._destroyed||this.inputs.keyboard&&(this.tracing("onKeyUp()"),(t.key==="ArrowLeft"||t.key==="ArrowDown")&&(t.preventDefault(),this.storedViews.length>1&&!this.blockEvents?this.zoomOut():this.notify(`is on level zero. Can't zoom out. Trigger: ${t.key}`,"warn")),(t.key==="ArrowRight"||t.key==="ArrowUp")&&(t.preventDefault(),this.notify(t.key+" has no actions defined")))}onWheel(t){this._destroyed||this.inputs.wheel&&(this._isInsideScrollable(t.target,t.deltaY)||(t.preventDefault(),!(this.blockEvents||this._wheelCooldown)&&t.deltaY>0&&this.storedViews.length>1&&(this.tracing("onWheel() \u2192 zoomOut"),this._wheelCooldown=!0,this._setTrackedTimeout(()=>{this._wheelCooldown=!1},500),this.zoomOut())))}_isInsideScrollable(t,e){let r=t,n=this.canvas.querySelector(".is-current-view");for(;r&&r!==this.canvas;){if(r===n||n&&n.contains(r)){let{overflowY:o}=window.getComputedStyle(r);if((o==="auto"||o==="scroll")&&(e>0?r.scrollTop+r.clientHeight<r.scrollHeight-1:r.scrollTop>0))return!0}r=r.parentElement}return!1}onTouchStart(t){this._destroyed||this.inputs.touch&&(this.tracing("onTouchStart()"),this.touching=!0,this.touchstartX=t.changedTouches[0].screenX,this.touchstartY=t.changedTouches[0].screenY)}onTouchEnd(t){this._destroyed||this.inputs.touch&&(this.blockEvents||(this.tracing("onTouchEnd()"),this.touchendX=t.changedTouches[0].screenX,this.touchendY=t.changedTouches[0].screenY,this.handleGesture(t)),this.touching=!1)}handleGesture(t){t.stopPropagation(),this.tracing("handleGesture()");let e=this.touchendX-this.touchstartX,r=this.touchendY-this.touchstartY,n=Math.abs(e)<10&&Math.abs(r)<10;e<-30&&(this.storedViews.length>1&&!this.blockEvents?(this.tracing("swipe left"),this.zoomOut()):this.notify("is on level zero. Can't zoom out. Trigger: Swipe left","warn"));let o=t.target.classList.contains("zoom-me")?t.target:t.target.closest(".zoom-me");n&&!this.blockEvents&&o&&this.touching&&(this.touching=!1,this.tracing("tap"),t.preventDefault(),this.zoomIn(o)),n&&this.storedViews.length>1&&!this.blockEvents&&!o&&t.target.closest(".is-current-view")===null&&this.touching&&(this.touching=!1,this.tracing("tap"),this.zoomOut())}};var as={separator:"/",prefix:"/"};function Ae(s,t){let e=[];for(let r of s.storedViews){let n=r.views&&r.views[0];n&&n.viewName&&e.push(n.viewName)}return e.join(t)}function ls(s,t){let e=window.location.hash.slice(1);return e.startsWith(s)&&(e=e.slice(s.length)),e?e.split(t).filter(Boolean):[]}var Pe={install(s,t){let e=Object.assign({},as,t),r=e.separator,n=e.prefix,o=!1;function i(f){if(o)return;let u=Ae(s,r),h="#"+n+u;window.location.hash!==h&&(o=!0,window.history[f](null,"",h),o=!1)}function a(){i("pushState")}function l(){i("replaceState")}s.on("afterZoomIn",a),s.on("afterLateral",a),s.on("afterZoomOut",l);function c(){if(o)return;o=!0;let f=ls(n,r),u=Ae(s,r).split(r).filter(Boolean);if(f.join(r)===u.join(r)){o=!1;return}if(f.length<u.length){let h=u.length-f.length;for(let m=0;m<h;m++)s.zoomOut()}else if(f.length===u.length&&f.length>0){let h=f[f.length-1];h!==u[u.length-1]&&s.goTo(h,{mode:"lateral"})}else f.length>u.length&&window.history.back();o=!1}window.addEventListener("popstate",c),l(),s.on("destroy",function(){s.off("afterZoomIn",a),s.off("afterLateral",a),s.off("afterZoomOut",l),window.removeEventListener("popstate",c)})}};yt.Router=Pe;window.Zumly=yt;})();