swup 3.0.5 → 3.0.7

package/package.json

@@ -1,15 +1,21 @@
 {
   "name": "swup",
   "amdName": "Swup",
-  "version": "3.0.5",
+  "version": "3.0.7",
   "description": "Complete, flexible, extensible, and easy-to-use page transition library for your server-side rendered website.",
   "type": "module",
-  "source": "src/Swup.ts",
-  "main": "dist/Swup.cjs",
-  "module": "dist/Swup.module.js",
-  "exports": "./dist/Swup.modern.js",
-  "unpkg": "dist/Swup.umd.js",
-  "types": "dist/types/index.d.ts",
+  "source": "./src/Swup.ts",
+  "main": "./dist/Swup.cjs",
+  "module": "./dist/Swup.module.js",
+  "unpkg": "./dist/Swup.umd.js",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./dist/Swup.cjs",
+      "import": "./dist/Swup.module.js",
+      "types": "./dist/types/index.d.ts"
+    }
+  },
   "files": [
     "src",
     "dist"
@@ -27,7 +33,7 @@
     "postinstall": "opencollective-postinstall || true",
     "test": "npm run test:unit && npm run test:e2e",
     "test:ci": "npm run test:unit && npm run test:e2e:ci",
-    "test:unit": "jest",
+    "test:unit": "vitest run --config ./vitest/vitest.config.ts",
     "test:e2e": "start-server-and-test test:e2e:start 8274 cy:run",
     "test:e2e:ci": "start-server-and-test test:e2e:start 8274 cy:run:record",
     "test:e2e:dev": "start-server-and-test test:e2e:start 8274 cy:open",
@@ -52,7 +58,7 @@
     "transition"
   ],
   "dependencies": {
-    "delegate-it": "^3.0.1",
+    "delegate-it": "^6.0.0",
     "opencollective-postinstall": "^2.0.2"
   },
   "devDependencies": {
@@ -60,18 +66,15 @@
     "@cypress/code-coverage": "^3.10.0",
     "@swup/browserslist-config": "^1.0.0",
     "@swup/prettier-config": "^1.0.0",
-    "@types/jest": "^29.2.5",
     "cypress": "^12.3.0",
     "http-server": "^14.1.1",
     "husky": "^8.0.0",
     "istanbul-lib-coverage": "^3.2.0",
-    "jest": "^29.3.1",
-    "jest-environment-jsdom": "^29.3.1",
     "microbundle": "^0.15.0",
     "nyc": "^15.1.0",
     "prettier": "^2.8.2",
     "start-server-and-test": "^1.14.0",
-    "ts-jest": "^29.0.5"
+    "vitest": "^0.29.8"
   },
   "collective": {
     "type": "opencollective",

package/src/Swup.ts

@@ -1,6 +1,6 @@
-import delegate from 'delegate-it';
+import { DelegateEvent } 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;
@@ -237,7 +237,7 @@ export default class Swup {
 		return false;
 	}
 
-	linkClickHandler(event: delegate.Event<MouseEvent>) {
+	linkClickHandler(event: DelegateEvent<MouseEvent>) {
 		const linkEl = event.delegateTarget;
 		const { href, url, hash } = Location.fromElement(linkEl as HTMLAnchorElement);
 
@@ -279,7 +279,7 @@ export default class Swup {
 		this.performPageLoad({ url, customTransition });
 	}
 
-	handleLinkToSamePage(url: string, hash: string, event: delegate.Event<MouseEvent>) {
+	handleLinkToSamePage(url: string, hash: string, event: DelegateEvent<MouseEvent>) {
 		// Emit event and exit early if the url points to the same page without hash
 		if (!hash) {
 			this.triggerEvent('samePage', event);

package/src/__test__/index.test.ts

@@ -1,7 +1,8 @@
-import delegate from 'delegate-it';
+import { DelegateEvent } 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;
 
@@ -9,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
 	};
 }
@@ -54,7 +55,7 @@ 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`);
 
@@ -65,10 +66,10 @@ describe('ignoreVisit', () => {
 	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>;
+		const event = new MouseEvent('click') as DelegateEvent<MouseEvent>;
 		event.delegateTarget = el;
 
-		const ignoreVisit = jest.fn(() => true);
+		const ignoreVisit = vi.fn(() => true);
 		const swup = new Swup({ ignoreVisit });
 		swup.linkClickHandler(event);
 
@@ -79,7 +80,7 @@ describe('ignoreVisit', () => {
 	});
 
 	it('should be called from loadPage method', () => {
-		const ignoreVisit = jest.fn(() => true);
+		const ignoreVisit = vi.fn(() => true);
 		const swup = new Swup({ ignoreVisit });
 		swup.loadPage({ url: '/path/' });
 

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,21 +1,22 @@
-import delegate, { EventType } from 'delegate-it';
-import { ParseSelector } from 'typed-query-selector/parser';
+import delegate, { DelegateEventHandler, DelegateOptions, EventType } from 'delegate-it';
+import { ParseSelector } from 'typed-query-selector/parser.js';
 
 export type Unsubscribe = {
 	destroy: () => void;
 };
+
 export const delegateEvent = <Selector extends string, TEvent extends EventType>(
 	selector: Selector,
 	type: TEvent,
-	callback: delegate.EventHandler<GlobalEventHandlersEventMap[TEvent]>,
-	{ base = document, ...eventOptions } = {}
+	callback: DelegateEventHandler<GlobalEventHandlersEventMap[TEvent]>,
+	options?: DelegateOptions
 ): Unsubscribe => {
-	const delegation = delegate<string, ParseSelector<Selector, HTMLElement>, TEvent>(
-		base,
+	const controller = new AbortController();
+	delegate<string, ParseSelector<Selector, HTMLElement>, TEvent>(
 		selector,
 		type,
 		callback,
-		eventOptions
+		options
 	);
-	return { destroy: () => delegation.destroy() };
+	return { destroy: () => controller.abort() };
 };

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,5 +1,5 @@
-import Swup from '../Swup';
-import delegate from 'delegate-it';
+import Swup from '../Swup.js';
+import { DelegateEvent } from 'delegate-it';
 
 type HandlersEventMap = {
 	animationInDone: undefined;
@@ -7,17 +7,17 @@ type HandlersEventMap = {
 	animationOutDone: undefined;
 	animationOutStart: undefined;
 	animationSkipped: undefined;
-	clickLink: delegate.Event<MouseEvent>;
+	clickLink: DelegateEvent<MouseEvent>;
 	contentReplaced: PopStateEvent | undefined;
 	disabled: undefined;
 	enabled: undefined;
-	openPageInNewTab: delegate.Event<MouseEvent>;
+	openPageInNewTab: DelegateEvent<MouseEvent>;
 	pageLoaded: undefined;
 	pageRetrievedFromCache: undefined;
 	pageView: PopStateEvent | undefined;
 	popState: PopStateEvent;
-	samePage: delegate.Event<MouseEvent>;
-	samePageWithHash: delegate.Event<MouseEvent>;
+	samePage: DelegateEvent<MouseEvent>;
+	samePageWithHash: DelegateEvent<MouseEvent>;
 	serverError: undefined;
 	transitionStart: PopStateEvent | undefined;
 	transitionEnd: PopStateEvent | undefined;

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,17 +1,27 @@
-import { escapeCssIdentifier, query } from '../utils';
+import { escapeCssIdentifier as escape, query } from '../utils.js';
 
+/**
+ * Find the anchor element for a given hash.
+ * @see https://html.spec.whatwg.org/#find-a-potential-indicated-element
+ *
+ * @param hash Hash with or without leading '#'
+ * @returns The element, if found, or null.
+ */
 export const getAnchorElement = (hash: string): Element | null => {
-	if (!hash) {
-		return null;
+	if (hash && hash.charAt(0) === '#') {
+		hash = hash.substring(1);
 	}
 
-	if (hash.charAt(0) === '#') {
-		hash = hash.substring(1);
+	if (!hash) {
+		return null;
 	}
 
-	hash = decodeURIComponent(hash);
-	hash = escapeCssIdentifier(hash);
+	const decoded = decodeURIComponent(hash);
 
-	// https://html.spec.whatwg.org/#find-a-potential-indicated-element
-	return query(`#${hash}`) || query(`a[name='${hash}']`);
+	return (
+		document.getElementById(hash) ||
+		document.getElementById(decoded) ||
+		query(`a[name='${escape(hash)}']`) ||
+		query(`a[name='${escape(decoded)}']`)
+	);
 };

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';
@@ -45,7 +45,7 @@ export function getAnimationPromises(
 }
 
 const isTransitionOrAnimationEvent = (event: any): event is TransitionEvent | AnimationEvent =>
-	!!event.elapsedTime;
+	[transitionEndEvent, animationEndEvent].includes(event.type);
 
 function getAnimationPromiseForElement(
 	element: Element,

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;

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}),c=this.fetchPage(t);a||s(e+(this.scrollToElement||"")),this.currentPageUrl=i(),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.5",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,event:n}={}){const{origin:i,url:s,hash:o}=m.fromUrl(t);return i!==window.location.origin||!(!e||!this.triggerWillOpenNewWindow(e))||!!this.options.ignoreVisit(s+o,{el:e,event:n})}linkClickHandler(t){const e=t.delegateTarget,{href:n,url:s,hash:o}=m.fromElement(e);if(this.shouldIgnoreVisit(n,{el:e,event:t}))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,{event:t}))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