swup 3.0.4 → 3.0.6

package/src/Swup.ts

@@ -1,6 +1,6 @@
 import delegate from 'delegate-it';
 
-import version from './config/version';
+import version from './config/version.js';
 
 import {
 	cleanupAnimationClasses,
@@ -9,24 +9,24 @@ import {
 	Location,
 	markSwupElements,
 	updateHistoryRecord
-} from './helpers';
-import { Unsubscribe } from './helpers/delegateEvent';
-
-import { Cache } from './modules/Cache';
-import { enterPage } from './modules/enterPage';
-import { getAnchorElement } from './modules/getAnchorElement';
-import { getAnimationPromises } from './modules/getAnimationPromises';
-import { getPageData } from './modules/getPageData';
-import { fetchPage } from './modules/fetchPage';
-import { leavePage } from './modules/leavePage';
-import { loadPage, performPageLoad } from './modules/loadPage';
-import { replaceContent } from './modules/replaceContent';
-import { on, off, triggerEvent, Handlers } from './modules/events';
-import { use, unuse, findPlugin, Plugin } from './modules/plugins';
-import { renderPage } from './modules/renderPage';
-import { updateTransition, shouldSkipTransition } from './modules/transitions';
-
-import { queryAll } from './utils';
+} from './helpers.js';
+import { Unsubscribe } from './helpers/delegateEvent.js';
+
+import { Cache } from './modules/Cache.js';
+import { enterPage } from './modules/enterPage.js';
+import { getAnchorElement } from './modules/getAnchorElement.js';
+import { getAnimationPromises } from './modules/getAnimationPromises.js';
+import { getPageData } from './modules/getPageData.js';
+import { fetchPage } from './modules/fetchPage.js';
+import { leavePage } from './modules/leavePage.js';
+import { loadPage, performPageLoad } from './modules/loadPage.js';
+import { replaceContent } from './modules/replaceContent.js';
+import { on, off, triggerEvent, Handlers } from './modules/events.js';
+import { use, unuse, findPlugin, Plugin } from './modules/plugins.js';
+import { renderPage } from './modules/renderPage.js';
+import { updateTransition, shouldSkipTransition } from './modules/transitions.js';
+
+import { queryAll } from './utils.js';
 
 export type Transition = {
 	from?: string;
@@ -47,7 +47,7 @@ export type Options = {
 	requestHeaders: Record<string, string>;
 	plugins: Plugin[];
 	skipPopStateHandling: (event: any) => boolean;
-	ignoreVisit: (url: string, { el }: { el?: Element }) => boolean;
+	ignoreVisit: (url: string, { el, event }: { el?: Element; event?: Event }) => boolean;
 	resolveUrl: (url: string) => string;
 };
 
@@ -122,7 +122,7 @@ export default class Swup {
 		animationSelector: '[class*="transition-"]',
 		cache: true,
 		containers: ['#swup'],
-		ignoreVisit: (url, { el } = {}) => !!el?.closest('[data-no-swup]'),
+		ignoreVisit: (url, { el, event } = {}) => !!el?.closest('[data-no-swup]'),
 		linkSelector: 'a[href]',
 		plugins: [],
 		resolveUrl: (url) => url,
@@ -215,7 +215,7 @@ export default class Swup {
 		document.documentElement.classList.remove('swup-enabled');
 	}
 
-	shouldIgnoreVisit(href: string, { el }: { el?: Element } = {}) {
+	shouldIgnoreVisit(href: string, { el, event }: { el?: Element; event?: Event } = {}) {
 		const { origin, url, hash } = Location.fromUrl(href);
 
 		// Ignore if the new origin doesn't match the current one
@@ -229,7 +229,7 @@ export default class Swup {
 		}
 
 		// Ignore if the visit should be ignored as per user options
-		if (this.options.ignoreVisit(url + hash, { el })) {
+		if (this.options.ignoreVisit(url + hash, { el, event })) {
 			return true;
 		}
 
@@ -242,7 +242,7 @@ export default class Swup {
 		const { href, url, hash } = Location.fromElement(linkEl as HTMLAnchorElement);
 
 		// Exit early if the link should be ignored
-		if (this.shouldIgnoreVisit(href, { el: linkEl })) {
+		if (this.shouldIgnoreVisit(href, { el: linkEl, event })) {
 			return;
 		}
 
@@ -320,7 +320,7 @@ export default class Swup {
 		const href = event.state?.url ?? location.href;
 
 		// Exit early if the link should be ignored
-		if (this.shouldIgnoreVisit(href)) {
+		if (this.shouldIgnoreVisit(href, { event })) {
 			return;
 		}
 

package/src/__test__/index.test.ts

@@ -1,5 +1,8 @@
+import delegate from 'delegate-it';
+import { describe, expect, it, vi } from 'vitest';
+
 import pckg from '../../package.json';
-import Swup, { Options, Plugin } from '../index';
+import Swup, { Options, Plugin } from '../index.js';
 
 const baseUrl = window.location.origin;
 
@@ -7,9 +10,9 @@ function createPlugin(plugin = {}) {
 	return {
 		name: 'TestPlugin',
 		isSwupPlugin: true as const,
-		mount: jest.fn(() => {}),
-		unmount: jest.fn(() => {}),
-		_checkRequirements: jest.fn(() => true),
+		mount: vi.fn(() => {}),
+		unmount: vi.fn(() => {}),
+		_checkRequirements: vi.fn(() => true),
 		...plugin
 	};
 }
@@ -52,20 +55,33 @@ describe('Exports', () => {
 
 describe('ignoreVisit', () => {
 	it('should be called with relative URL', () => {
-		const ignoreVisit = jest.fn(() => true);
+		const ignoreVisit = vi.fn(() => true);
 		const swup = new Swup({ ignoreVisit });
-
-		swup.shouldIgnoreVisit(baseUrl + '/path/?query#hash');
+		swup.shouldIgnoreVisit(`${baseUrl}/path/?query#hash`);
 
 		expect(ignoreVisit.mock.calls).toHaveLength(1);
-		expect(ignoreVisit.mock.lastCall).toBeDefined();
 		expect((ignoreVisit.mock.lastCall as any)[0]).toEqual('/path/?query#hash');
 	});
 
-	it('should be called from loadPage method', () => {
-		const ignoreVisit = jest.fn(() => true);
+	it('should have access to element and event params', () => {
+		const el = document.createElement('a');
+		el.href = `${baseUrl}/path/?query#hash`;
+		const event = new MouseEvent('click') as delegate.Event<MouseEvent>;
+		event.delegateTarget = el;
+
+		const ignoreVisit = vi.fn(() => true);
 		const swup = new Swup({ ignoreVisit });
+		swup.linkClickHandler(event);
 
+		expect(ignoreVisit.mock.calls).toHaveLength(1);
+		expect((ignoreVisit.mock.lastCall as any)[1]).toEqual(
+			expect.objectContaining({ el, event })
+		);
+	});
+
+	it('should be called from loadPage method', () => {
+		const ignoreVisit = vi.fn(() => true);
+		const swup = new Swup({ ignoreVisit });
 		swup.loadPage({ url: '/path/' });
 
 		expect(ignoreVisit.mock.calls).toHaveLength(1);

package/src/helpers/createHistoryRecord.ts

@@ -1,4 +1,4 @@
-import { getCurrentUrl } from './getCurrentUrl';
+import { getCurrentUrl } from './getCurrentUrl.js';
 
 export const createHistoryRecord = (
 	url: string,

package/src/helpers/delegateEvent.ts

@@ -1,5 +1,5 @@
 import delegate, { EventType } from 'delegate-it';
-import { ParseSelector } from 'typed-query-selector/parser';
+import { ParseSelector } from 'typed-query-selector/parser.js';
 
 export type Unsubscribe = {
 	destroy: () => void;

package/src/helpers/fetch.ts

@@ -1,5 +1,5 @@
-import { TransitionOptions } from '../modules/loadPage';
-import { Options } from '../Swup';
+import { TransitionOptions } from '../modules/loadPage.js';
+import { Options } from '../Swup.js';
 
 export const fetch = (
 	options: TransitionOptions & { headers: Options['requestHeaders'] },

package/src/helpers/getDataFromHtml.ts

@@ -1,4 +1,4 @@
-import { query, queryAll } from '../utils';
+import { query, queryAll } from '../utils.js';
 
 export type PageHtmlData = {
 	title: string;

package/src/helpers/markSwupElements.ts

@@ -1,4 +1,4 @@
-import { query, queryAll } from '../utils';
+import { query, queryAll } from '../utils.js';
 
 export const markSwupElements = (element: Element, containers: string[]): void => {
 	let blocks = 0;

package/src/helpers/updateHistoryRecord.ts

@@ -1,4 +1,4 @@
-import { getCurrentUrl } from './getCurrentUrl';
+import { getCurrentUrl } from './getCurrentUrl.js';
 
 export const updateHistoryRecord = (
 	url: string | null = null,

package/src/helpers.ts

@@ -1,13 +1,13 @@
 // Re-export all helpers to allow custom package export path
 // e.g. import { getPageData } from 'swup/helpers'
 
-export { classify } from './helpers/classify';
-export { createHistoryRecord } from './helpers/createHistoryRecord';
-export { updateHistoryRecord } from './helpers/updateHistoryRecord';
-export { delegateEvent } from './helpers/delegateEvent';
-export { getDataFromHtml } from './helpers/getDataFromHtml';
-export { fetch } from './helpers/fetch';
-export { getCurrentUrl } from './helpers/getCurrentUrl';
-export { Location } from './helpers/Location';
-export { markSwupElements } from './helpers/markSwupElements';
-export { cleanupAnimationClasses } from './helpers/cleanupAnimationClasses';
+export { classify } from './helpers/classify.js';
+export { createHistoryRecord } from './helpers/createHistoryRecord.js';
+export { updateHistoryRecord } from './helpers/updateHistoryRecord.js';
+export { delegateEvent } from './helpers/delegateEvent.js';
+export { getDataFromHtml } from './helpers/getDataFromHtml.js';
+export { fetch } from './helpers/fetch.js';
+export { getCurrentUrl } from './helpers/getCurrentUrl.js';
+export { Location } from './helpers/Location.js';
+export { markSwupElements } from './helpers/markSwupElements.js';
+export { cleanupAnimationClasses } from './helpers/cleanupAnimationClasses.js';

package/src/index.ts

@@ -1,10 +1,10 @@
-import Swup, { Options } from './Swup';
-import { Plugin } from './modules/plugins';
-import { Handler } from './modules/events';
+import Swup, { Options } from './Swup.js';
+import { Plugin } from './modules/plugins.js';
+import { Handler } from './modules/events.js';
 
 export default Swup;
 
-export * from './helpers';
-export * from './utils';
+export * from './helpers.js';
+export * from './utils.js';
 
 export type { Options, Plugin, Handler };

package/src/modules/Cache.ts

@@ -1,6 +1,6 @@
-import { getCurrentUrl, Location } from '../helpers';
-import Swup from '../Swup';
-import { PageData } from './getPageData';
+import { getCurrentUrl, Location } from '../helpers.js';
+import Swup from '../Swup.js';
+import { PageData } from './getPageData.js';
 
 export interface PageRecord extends PageData {
 	url: string;

package/src/modules/__test__/events.test.ts

@@ -1,10 +1,11 @@
-import Swup from '../../Swup';
-import { Handler } from '../events';
+import { describe, expect, it, vi } from 'vitest';
+import Swup from '../../Swup.js';
+import { Handler } from '../events.js';
 
 describe('events', () => {
 	it('should add event handlers to handlers array', () => {
 		const swup = new Swup();
-		const handler = jest.fn();
+		const handler = vi.fn();
 
 		swup.on('enabled', handler);
 
@@ -13,7 +14,7 @@ describe('events', () => {
 
 	it('should remove event handlers from handlers array', () => {
 		const swup = new Swup();
-		const handler = jest.fn();
+		const handler = vi.fn();
 
 		swup.on('enabled', handler);
 		swup.on('animationInDone', handler);
@@ -35,7 +36,7 @@ describe('events', () => {
 
 	it('should trigger event handler', () => {
 		const swup = new Swup();
-		const handler = jest.fn();
+		const handler = vi.fn();
 
 		swup.on('enabled', handler);
 
@@ -46,7 +47,7 @@ describe('events', () => {
 
 	it('should trigger event handler with event', () => {
 		const swup = new Swup();
-		const handler: Handler<'popState'> = jest.fn();
+		const handler: Handler<'popState'> = vi.fn();
 		const event = new PopStateEvent('');
 
 		swup.on('popState', handler);

package/src/modules/enterPage.ts

@@ -1,6 +1,6 @@
-import { nextTick } from '../utils';
-import Swup from '../Swup';
-import { PageRenderOptions } from './renderPage';
+import { nextTick } from '../utils.js';
+import Swup from '../Swup.js';
+import { PageRenderOptions } from './renderPage.js';
 
 export const enterPage = function (this: Swup, { event, skipTransition }: PageRenderOptions = {}) {
 	if (skipTransition) {

package/src/modules/events.ts

@@ -1,4 +1,4 @@
-import Swup from '../Swup';
+import Swup from '../Swup.js';
 import delegate from 'delegate-it';
 
 type HandlersEventMap = {

package/src/modules/fetchPage.ts

@@ -1,7 +1,7 @@
-import Swup from '../Swup';
-import { fetch } from '../helpers';
-import { TransitionOptions } from './loadPage';
-import { PageRecord } from './Cache';
+import Swup from '../Swup.js';
+import { fetch } from '../helpers.js';
+import { TransitionOptions } from './loadPage.js';
+import { PageRecord } from './Cache.js';
 
 export function fetchPage(this: Swup, data: TransitionOptions): Promise<PageRecord> {
 	const headers = this.options.requestHeaders;

package/src/modules/getAnchorElement.ts

@@ -1,4 +1,4 @@
-import { escapeCssIdentifier, query } from '../utils';
+import { escapeCssIdentifier, query } from '../utils.js';
 
 export const getAnchorElement = (hash: string): Element | null => {
 	if (!hash) {

package/src/modules/getAnimationPromises.ts

@@ -1,5 +1,5 @@
-import { queryAll, toMs } from '../utils';
-import Swup from '../Swup';
+import { queryAll, toMs } from '../utils.js';
+import Swup from '../Swup.js';
 
 // Transition property/event sniffing
 let transitionProp = 'transition';

package/src/modules/getPageData.ts

@@ -1,6 +1,6 @@
-import { getDataFromHtml } from '../helpers';
-import Swup from '../Swup';
-import { PageHtmlData } from '../helpers/getDataFromHtml';
+import { getDataFromHtml } from '../helpers.js';
+import Swup from '../Swup.js';
+import { PageHtmlData } from '../helpers/getDataFromHtml.js';
 
 export type PageData = PageHtmlData & {
 	responseURL: string;

package/src/modules/leavePage.ts

@@ -1,5 +1,5 @@
-import Swup from '../Swup';
-import { PageRenderOptions } from './renderPage';
+import Swup from '../Swup.js';
+import { PageRenderOptions } from './renderPage.js';
 
 export const leavePage = function (this: Swup, { event, skipTransition }: PageRenderOptions = {}) {
 	const isHistoryVisit = event instanceof PopStateEvent;

package/src/modules/loadPage.ts

@@ -1,6 +1,6 @@
-import { classify, createHistoryRecord, getCurrentUrl } from '../helpers';
-import Swup from '../Swup';
-import { PageRecord } from './Cache';
+import { classify, createHistoryRecord, getCurrentUrl } from '../helpers.js';
+import Swup from '../Swup.js';
+import { PageRecord } from './Cache.js';
 
 export type TransitionOptions = {
 	url: string;
@@ -41,6 +41,9 @@ export function performPageLoad(this: Swup, data: PageLoadOptions) {
 	// start/skip animation
 	const animationPromises = this.leavePage({ event, skipTransition });
 
+	// Load page data
+	const fetchPromise = this.fetchPage(data);
+
 	// create history record if this is not a popstate call (with or without anchor)
 	if (!isHistoryVisit) {
 		createHistoryRecord(url + (this.scrollToElement || ''));
@@ -48,9 +51,6 @@ export function performPageLoad(this: Swup, data: PageLoadOptions) {
 
 	this.currentPageUrl = getCurrentUrl();
 
-	// Load page data
-	const fetchPromise = this.fetchPage(data);
-
 	// when everything is ready, render the page
 	Promise.all<PageRecord | void>([fetchPromise, ...animationPromises])
 		.then(([pageData]) => {

package/src/modules/plugins.ts

@@ -1,4 +1,4 @@
-import Swup from '../Swup';
+import Swup from '../Swup.js';
 
 export type Plugin = {
 	name: string;

package/src/modules/renderPage.ts

@@ -1,6 +1,6 @@
-import { Location, updateHistoryRecord, getCurrentUrl } from '../helpers';
-import Swup from '../Swup';
-import { PageRecord } from './Cache';
+import { Location, updateHistoryRecord, getCurrentUrl } from '../helpers.js';
+import Swup from '../Swup.js';
+import { PageRecord } from './Cache.js';
 
 export type PageRenderOptions = {
 	event?: PopStateEvent;

package/src/modules/transitions.ts

@@ -1,4 +1,4 @@
-import Swup from '../Swup';
+import Swup from '../Swup.js';
 
 export function updateTransition(this: Swup, from: string, to: string, custom?: string): void {
 	this.transition = { from, to, custom };

package/src/utils.ts

@@ -1,4 +1,4 @@
 // Re-export all utils to allow custom package export path
 // e.g. import { queryAll } from 'swup/utils'
 
-export * from './utils/index';
+export * from './utils/index.js';

package/dist/Swup.modern.js

@@ -1,2 +0,0 @@
-import t from"delegate-it";function e(){return e=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(t[i]=n[i])}return t},e.apply(this,arguments)}const n=(t,e)=>String(t).toLowerCase().replace(/[\s/_.]+/g,"-").replace(/[^\w-]+/g,"").replace(/--+/g,"-").replace(/^-+|-+$/g,"")||e||"",i=({hash:t}={})=>location.pathname+location.search+(t?location.hash:""),s=(t,n={})=>{const s=e({url:t=t||i({hash:!0}),random:Math.random(),source:"swup"},n);history.pushState(s,"",t)},o=(t=null,n={})=>{t=t||i({hash:!0});const s=e({},history.state,{url:t,random:Math.random(),source:"swup"},n);history.replaceState(s,"",t)},r=["base"],a=(e,n,i,s={})=>{let{base:o=document}=s,a=function(t,e){if(null==t)return{};var n,i,s={},o=Object.keys(t);for(i=0;i<o.length;i++)e.indexOf(n=o[i])>=0||(s[n]=t[n]);return s}(s,r);const l=t(o,e,n,i,a);return{destroy:()=>l.destroy()}},l=(t,e=document)=>e.querySelector(t),u=(t,e=document)=>Array.from(e.querySelectorAll(t)),c=t=>{requestAnimationFrame(()=>{requestAnimationFrame(()=>{t()})})},h=t=>window.CSS&&window.CSS.escape?CSS.escape(t):t,d=t=>1e3*Number(t.slice(0,-1).replace(",",".")),p=(t,e)=>{var n,i;let s=document.createElement("html");s.innerHTML=t;let o=[];e.forEach(t=>{if(null==l(t,s))return console.warn(`[swup] Container ${t} not found on page.`),null;u(t).length!==u(t,s).length&&console.warn("[swup] Mismatched number of containers found on new page."),u(t).forEach((e,n)=>{u(t,s)[n].setAttribute("data-swup",String(o.length)),o.push(u(t,s)[n].outerHTML)})});const r=(null==(n=l("title",s))?void 0:n.innerText)||"",a=null==(i=l("body",s))?void 0:i.className;return s.innerHTML="",s=null,{title:r,pageClass:a,blocks:o,originalContent:t}},g=(t,n)=>{const i={url:window.location.pathname+window.location.search,method:"GET",data:null,headers:{}},{url:s,method:o,headers:r,data:a}=e({},i,t),l=new XMLHttpRequest;return l.onreadystatechange=function(){4===l.readyState&&n(l)},l.open(o,s,!0),Object.entries(r).forEach(([t,e])=>{l.setRequestHeader(t,e)}),l.send(a),l};class m extends URL{constructor(t,e=document.baseURI){super(t.toString(),e)}get url(){return this.pathname+this.search}static fromElement(t){const e=t.getAttribute("href")||t.getAttribute("xlink:href");return new m(e)}static fromUrl(t){return new m(t)}}const f=(t,e)=>{let n=0;e.forEach(e=>{null==l(e,t)?console.warn(`[swup] Container ${e} not found on page.`):u(e).forEach((i,s)=>{u(e,t)[s].setAttribute("data-swup",String(n)),n++})})},v=t=>/^to-/.test(t)||["is-changing","is-rendering","is-popstate"].includes(t),w=()=>{const t=document.documentElement.className.split(" ").filter(v);document.documentElement.classList.remove(...t)};class E{constructor(t){this.pages={},this.last=null,this.swup=void 0,this.swup=t}getCacheUrl(t){return this.swup.resolveUrl(m.fromUrl(t).url)}cacheUrl(t){t.url=this.getCacheUrl(t.url),t.url in this.pages==0&&(this.pages[t.url]=t),t.responseURL=this.getCacheUrl(t.responseURL),this.last=this.pages[t.url],this.swup.log(`Cache (${Object.keys(this.pages).length})`,this.pages)}getPage(t){return t=this.getCacheUrl(t),this.pages[t]}getCurrentPage(){return this.getPage(i())}exists(t){return(t=this.getCacheUrl(t))in this.pages}empty(){this.pages={},this.last=null,this.swup.log("Cache cleared")}remove(t){delete this.pages[this.getCacheUrl(t)]}}const P=function({event:t,skipTransition:e}={}){if(e)return this.triggerEvent("transitionEnd",t),this.cleanupAnimationClasses(),[Promise.resolve()];c(()=>{this.triggerEvent("animationInStart"),document.documentElement.classList.remove("is-animating")});const n=this.getAnimationPromises("in");return Promise.all(n).then(()=>{this.triggerEvent("animationInDone"),this.triggerEvent("transitionEnd",t),this.cleanupAnimationClasses()}),n},S=t=>t?("#"===t.charAt(0)&&(t=t.substring(1)),t=decodeURIComponent(t),t=h(t),l(`#${t}`)||l(`a[name='${t}']`)):null;let b="transition",k="transitionend",U="animation",y="animationend";function L(t){const e=this.options.animationSelector;if(!1===e)return[Promise.resolve()];const n=u(e,document.body);return n.length?n.map(t=>function(t,e,n=null){const{type:i,timeout:s,propCount:o}=function(t,e=null){const n=window.getComputedStyle(t),i=`${b}Duration`,s=`${U}Delay`,o=`${U}Duration`,r=n[`${b}Delay`].split(", "),a=(n[i]||"").split(", "),l=C(r,a),u=(n[s]||"").split(", "),c=(n[o]||"").split(", "),h=C(u,c);let d="",p=0,g=0;return"transition"===e?l>0&&(d="transition",p=l,g=a.length):"animation"===e?h>0&&(d="animation",p=h,g=c.length):(p=Math.max(l,h),d=p>0?l>h?"transition":"animation":null,g=d?"transition"===d?a.length:c.length:0),{type:d,timeout:p,propCount:g}}(t,n);return i&&s?new Promise(e=>{const n="transition"===i?k:y,r=performance.now();let a=0;const l=()=>{t.removeEventListener(n,u),e()},u=e=>{if(e.target===t){if(!(t=>!!t.elapsedTime)(e))throw new Error("Not a transition or animation event.");(performance.now()-r)/1e3<e.elapsedTime||++a>=o&&l()}};setTimeout(()=>{a<o&&l()},s+1),t.addEventListener(n,u)}):(console.warn(`[swup] No CSS transition duration defined for element of selector ${e}`),Promise.resolve())}(t,e)):(console.warn(`[swup] No animated elements found by selector ${e}`),[Promise.resolve()])}function C(t,e){for(;t.length<e.length;)t=t.concat(t);return Math.max(...e.map((e,n)=>d(e)+d(t[n])))}void 0===window.ontransitionend&&void 0!==window.onwebkittransitionend&&(b="WebkitTransition",k="webkitTransitionEnd"),void 0===window.onanimationend&&void 0!==window.onwebkitanimationend&&(U="WebkitAnimation",y="webkitAnimationEnd");const T=function(t){const n=p(t.responseText,this.options.containers);return n?e({},n,{responseURL:t.responseURL||window.location.href}):(console.warn("[swup] Received page is invalid."),null)};function H(t){const n=this.options.requestHeaders,{url:i}=t;return this.cache.exists(i)?(this.triggerEvent("pageRetrievedFromCache"),Promise.resolve(this.cache.getPage(i))):new Promise((s,o)=>{g(e({},t,{headers:n}),t=>{if(500===t.status)return this.triggerEvent("serverError"),void o(i);const n=this.getPageData(t);if(!n||!n.blocks.length)return void o(i);const r=e({},n,{url:i});this.cache.cacheUrl(r),this.triggerEvent("pageLoaded"),s(r)})})}const R=function({event:t,skipTransition:e}={}){const n=t instanceof PopStateEvent;if(e)return this.triggerEvent("animationSkipped"),[Promise.resolve()];this.triggerEvent("animationOutStart"),document.documentElement.classList.add("is-changing","is-leaving","is-animating"),n&&document.documentElement.classList.add("is-popstate");const i=this.getAnimationPromises("out");return Promise.all(i).then(()=>{this.triggerEvent("animationOutDone")}),i};function A(t){const{url:e}=t;this.shouldIgnoreVisit(e)?window.location.href=e:this.performPageLoad(t)}function $(t){const{url:e,event:o,customTransition:r}=null!=t?t:{},a=o instanceof PopStateEvent,l=this.shouldSkipTransition({url:e,event:o});this.triggerEvent("transitionStart",o),this.updateTransition(i(),e,r),null!=r&&document.documentElement.classList.add(`to-${n(r)}`);const u=this.leavePage({event:o,skipTransition:l});a||s(e+(this.scrollToElement||"")),this.currentPageUrl=i();const c=this.fetchPage(t);Promise.all([c,...u]).then(([t])=>{this.renderPage(t,{event:o,skipTransition:l})}).catch(t=>{void 0!==t&&(this.options.skipPopStateHandling=()=>(window.location=t,!0),history.go(-1))})}const _=function({blocks:t,title:e}){return t.forEach((t,e)=>{document.body.querySelector(`[data-swup="${e}"]`).outerHTML=t}),document.title=e,Promise.resolve()};function O(t,e){const n=this._handlers[t];n?n.push(e):console.warn(`Unsupported event ${t}.`)}function x(t,e){if(t&&e){const n=this._handlers[t];n.includes(e)?this._handlers[t]=n.filter(t=>t!==e):console.warn(`Handler for event '${t}' not found.`)}else t?this._handlers[t]=[]:Object.keys(this._handlers).forEach(t=>{this._handlers[t]=[]})}function q(t,e){this._handlers[t].forEach(t=>{try{t(e)}catch(t){console.error(t)}});const n=new CustomEvent(`swup:${t}`,{detail:t});document.dispatchEvent(n)}const D=function(t){var e;if(null==(e=t)?void 0:e.isSwupPlugin){if(t.swup=this,!t._checkRequirements||t._checkRequirements())return t._beforeMount&&t._beforeMount(),t.mount(),this.plugins.push(t),this.plugins}else console.error("Not a swup plugin instance",t)};function I(t){const e=this.findPlugin(t);if(e)return e.unmount(),e._afterUnmount&&e._afterUnmount(),this.plugins=this.plugins.filter(t=>t!==e),this.plugins;console.error("No such plugin",e)}function M(t){return this.plugins.find(e=>e===t||e.name===t)}const N=function(t,{event:n,skipTransition:s}={}){if(document.documentElement.classList.remove("is-leaving"),!this.isSameResolvedUrl(i(),t.url))return;const{url:r}=m.fromUrl(t.responseURL);this.isSameResolvedUrl(i(),r)||(this.cache.cacheUrl(e({},t,{url:r})),this.currentPageUrl=i(),o(r)),s||document.documentElement.classList.add("is-rendering"),this.triggerEvent("willReplaceContent",n),this.replaceContent(t).then(()=>{this.triggerEvent("contentReplaced",n),this.triggerEvent("pageView",n),this.options.cache||this.cache.empty(),this.enterPage({event:n,skipTransition:s}),this.scrollToElement=null})};function W(t,e,n){this.transition={from:t,to:e,custom:n}}function V({event:t}){return!(!(t instanceof PopStateEvent)||this.options.animateHistoryBrowsing)}class j{constructor(t={}){this.version="3.0.4",this._handlers={animationInDone:[],animationInStart:[],animationOutDone:[],animationOutStart:[],animationSkipped:[],clickLink:[],contentReplaced:[],disabled:[],enabled:[],openPageInNewTab:[],pageLoaded:[],pageRetrievedFromCache:[],pageView:[],popState:[],samePage:[],samePageWithHash:[],serverError:[],transitionStart:[],transitionEnd:[],willReplaceContent:[]},this.scrollToElement=null,this.options=void 0,this.plugins=[],this.transition={},this.cache=void 0,this.currentPageUrl=i(),this.delegatedListeners={},this.boundPopStateHandler=void 0,this.loadPage=A,this.performPageLoad=$,this.leavePage=R,this.renderPage=N,this.replaceContent=_,this.enterPage=P,this.triggerEvent=q,this.delegateEvent=a,this.on=O,this.off=x,this.updateTransition=W,this.shouldSkipTransition=V,this.getAnimationPromises=L,this.getPageData=T,this.fetchPage=H,this.getAnchorElement=S,this.log=()=>{},this.use=D,this.unuse=I,this.findPlugin=M,this.getCurrentUrl=i,this.cleanupAnimationClasses=w,this.defaults={animateHistoryBrowsing:!1,animationSelector:'[class*="transition-"]',cache:!0,containers:["#swup"],ignoreVisit:(t,{el:e}={})=>!(null==e||!e.closest("[data-no-swup]")),linkSelector:"a[href]",plugins:[],resolveUrl:t=>t,requestHeaders:{"X-Requested-With":"swup",Accept:"text/html, application/xhtml+xml"},skipPopStateHandling:t=>{var e;return"swup"!==(null==(e=t.state)?void 0:e.source)}},this.options=e({},this.defaults,t),this.boundPopStateHandler=this.popStateHandler.bind(this),this.cache=new E(this),this.enable()}enable(){"undefined"!=typeof Promise?(this.delegatedListeners.click=a(this.options.linkSelector,"click",this.linkClickHandler.bind(this)),window.addEventListener("popstate",this.boundPopStateHandler),f(document.documentElement,this.options.containers),this.options.plugins.forEach(t=>this.use(t)),o(),this.triggerEvent("enabled"),document.documentElement.classList.add("swup-enabled"),this.triggerEvent("pageView")):console.warn("Promise is not supported")}destroy(){this.delegatedListeners.click.destroy(),window.removeEventListener("popstate",this.boundPopStateHandler),this.cache.empty(),this.options.plugins.forEach(t=>{this.unuse(t)}),u("[data-swup]").forEach(t=>{t.removeAttribute("data-swup")}),this.off(),this.triggerEvent("disabled"),document.documentElement.classList.remove("swup-enabled")}shouldIgnoreVisit(t,{el:e}={}){const{origin:n,url:i,hash:s}=m.fromUrl(t);return n!==window.location.origin||!(!e||!this.triggerWillOpenNewWindow(e))||!!this.options.ignoreVisit(i+s,{el:e})}linkClickHandler(t){const e=t.delegateTarget,{href:n,url:s,hash:o}=m.fromElement(e);if(this.shouldIgnoreVisit(n,{el:e}))return;if(t.metaKey||t.ctrlKey||t.shiftKey||t.altKey)return void this.triggerEvent("openPageInNewTab",t);if(0!==t.button)return;if(this.triggerEvent("clickLink",t),t.preventDefault(),!s||s===i())return void this.handleLinkToSamePage(s,o,t);if(this.isSameResolvedUrl(s,i()))return;this.scrollToElement=o||null;const r=e.getAttribute("data-swup-transition")||void 0;this.performPageLoad({url:s,customTransition:r})}handleLinkToSamePage(t,e,n){if(e){if(this.triggerEvent("samePageWithHash",n),!S(e))return console.warn(`Element for offset not found (#${e})`);o(t+e)}else this.triggerEvent("samePage",n)}triggerWillOpenNewWindow(t){return!!t.matches('[download], [target="_blank"]')}popStateHandler(t){var e,n;if(this.options.skipPopStateHandling(t))return;if(this.isSameResolvedUrl(i(),this.currentPageUrl))return;const s=null!=(e=null==(n=t.state)?void 0:n.url)?e:location.href;if(this.shouldIgnoreVisit(s))return;const{url:o,hash:r}=m.fromUrl(s);r?this.scrollToElement=r:t.preventDefault(),this.triggerEvent("popState",t),this.options.animateHistoryBrowsing||(document.documentElement.classList.remove("is-animating"),w()),this.performPageLoad({url:o,event:t})}resolveUrl(t){if("function"!=typeof this.options.resolveUrl)return console.warn("[swup] options.resolveUrl expects a callback function."),t;const e=this.options.resolveUrl(t);return e&&"string"==typeof e?e.startsWith("//")||e.startsWith("http")?(console.warn("[swup] options.resolveUrl needs to return a relative url"),t):e:(console.warn("[swup] options.resolveUrl needs to return a url"),t)}isSameResolvedUrl(t,e){return this.resolveUrl(t)===this.resolveUrl(e)}}export{m as Location,n as classify,w as cleanupAnimationClasses,s as createHistoryRecord,j as default,a as delegateEvent,h as escapeCssIdentifier,g as fetch,i as getCurrentUrl,p as getDataFromHtml,f as markSwupElements,c as nextTick,l as query,u as queryAll,d as toMs,o as updateHistoryRecord};
-//# sourceMappingURL=Swup.modern.js.map