aptechka 0.60.1 → 0.61.0

package/lib/morph/Morph.d.ts

@@ -30,6 +30,7 @@ export interface MorphNavigateOptions {
     offsetScroll?: number | ElementOrSelector<HTMLElement>;
     revalidate?: boolean;
     keepSearchParameters?: boolean;
+    submorph?: Array<string>;
 }
 export interface MorphScrollDetail {
     left: number;
@@ -65,7 +66,7 @@ export declare class Morph {
         hash: string;
     };
     prefetch(path: string, revalidate?: boolean): Promise<void>;
-    navigate(path: string, { historyAction, centerScroll, offsetScroll, revalidate, keepSearchParameters, }?: MorphNavigateOptions): Promise<void>;
+    navigate(path: string, { historyAction, centerScroll, offsetScroll, revalidate, keepSearchParameters, submorph, }?: MorphNavigateOptions): Promise<void>;
     addLink(element: HTMLAnchorElement): void;
     addLinks(elements: Array<HTMLAnchorElement>): void;
     removeLink(element: HTMLAnchorElement): void;

package/lib/morph/index.cjs

@@ -1 +1 @@
-"use strict";var wt=(n,t)=>(t=Symbol[n])?t:Symbol.for("Symbol."+n),bt=n=>{throw TypeError(n)};var at=(n,t,s)=>t.has(n)||bt("Cannot "+s);var e=(n,t,s)=>(at(n,t,"read from private field"),s?s.call(n):t.get(n)),a=(n,t,s)=>t.has(n)?bt("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(n):t.set(n,s),o=(n,t,s,i)=>(at(n,t,"write to private field"),i?i.call(n,s):t.set(n,s),s),d=(n,t,s)=>(at(n,t,"access private method"),s);var N=(n,t,s)=>new Promise((i,u)=>{var E=p=>{try{H(s.next(p))}catch(h){u(h)}},L=p=>{try{H(s.throw(p))}catch(h){u(h)}},H=p=>p.done?i(p.value):Promise.resolve(p.value).then(E,L);H((s=s.apply(n,t)).next())});var Pt=(n,t,s)=>(t=n[wt("asyncIterator")])?t.call(n):(n=n[wt("iterator")](),t={},s=(i,u)=>(u=n[i])&&(t[i]=E=>new Promise((L,H,p)=>(E=u.call(n,E),p=E.done,Promise.resolve(E.value).then(h=>L({value:h,done:p}),H)))),s("next"),s("return"),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Ct=require("../index-Cqw2NKev.cjs"),F=require("../events-KVanG9sR.cjs"),Rt=require("../polyfills-Df4r-ETT.cjs"),kt=require("../scroll-DAhSpkhR.cjs"),tt=require("../url-D1CgmwZ_.cjs"),zt=require("../css-value-parser/index.cjs");class Tt extends HTMLElement{connectedCallback(){const t={"aria-live":"assertive","aria-atomic":"true",style:"position: absolute; left: 0; top: 0; clip: rect(0 0 0 0); clip-path: inset(50%); overflow: hidden; white-space: nowrap; width: 1px; height: 1px"};for(const[s,i]of Object.entries(t))this.setAttribute(s,i)}}Ct.isBrowser&&!customElements.get("morph-announcer")&&customElements.define("morph-announcer",Tt);var P,l,x,Y,V;class ot{constructor(t,s){a(this,P);a(this,l);a(this,x);a(this,Y,t=>{if(t.preventDefault(),e(this,l).hasAttribute("data-back")&&e(this,P).previousPathname)history.back();else{const i=e(this,l).getAttribute("data-history-action")||"push",u=e(this,l).hasAttribute("data-center-scroll"),E=getComputedStyle(e(this,l)).getPropertyValue("--offset-scroll").trim(),L=E?zt.cssValueParser.parse(E):void 0,H=e(this,l).hasAttribute("data-revalidate"),p=e(this,l).hasAttribute("data-keep-search-parameters");e(this,P).navigate(e(this,x),{historyAction:i,centerScroll:u,offsetScroll:L,revalidate:H,keepSearchParameters:p})}});a(this,V,()=>{const t=e(this,l).hasAttribute("data-revalidate");e(this,P).prefetch(e(this,x),t),e(this,l).removeEventListener("pointerenter",e(this,V))});o(this,P,s),o(this,l,t),o(this,x,e(this,l).getAttribute("href")||"/"),e(this,l).addEventListener("click",e(this,Y)),this.checkCurrent(location.pathname),e(this,l).hasAttribute("data-prefetch")&&e(this,l).addEventListener("pointerenter",e(this,V))}get element(){return e(this,l)}checkCurrent(t){const s=e(this,P).normalizePath(t),i=e(this,P).normalizePath(e(this,x));e(this,l).hasAttribute("data-include")&&s.pathname.includes(i.pathname)?e(this,l).classList.add("current"):i.pathname===s.pathname?e(this,l).classList.add("current"):e(this,l).classList.remove("current")}destroy(){e(this,l).removeEventListener("click",e(this,Y)),e(this,l).removeEventListener("pointerenter",e(this,V)),e(this,l).classList.remove("current")}}P=new WeakMap,l=new WeakMap,x=new WeakMap,Y=new WeakMap,V=new WeakMap;var C,B,v,q,D,T;class At{constructor(t,s,i){a(this,C);a(this,B);a(this,v,{x:0,y:0});a(this,q);a(this,D,null);a(this,T,null);o(this,C,t),o(this,B,s),o(this,q,i.cloneNode(!0))}get pathname(){return e(this,B)}get scrollState(){return e(this,v)}get document(){return e(this,T)}cloneDocument(){o(this,T,(e(this,D)||e(this,q)).cloneNode(!0))}get title(){let t="";if(e(this,T).title)t=e(this,T).title;else{const s=e(this,T).querySelector("h1");t=(s==null?void 0:s.innerText)||(s==null?void 0:s.textContent)||e(this,B)}return t}clearScrollState(){e(this,v).x=0,e(this,v).y=0}clearDocumentState(){o(this,D,null)}saveScrollState(){e(this,q).documentElement.hasAttribute("data-no-scroll-restoration")?(e(this,v).x=0,e(this,v).y=0):(e(this,v).x=e(this,C).scrollElement.scrollLeft,e(this,v).y=e(this,C).scrollElement.scrollTop)}saveDocumentState(){e(this,q).documentElement.hasAttribute("data-no-page-restoration")?o(this,D,null):o(this,D,document.cloneNode(!0))}restoreScrollPosition(){e(this,C).scrollElement.scroll({top:e(this,v).y,left:e(this,v).x})}renewScrollPosition(){e(this,C).scrollElement.scroll({top:0,left:0,behavior:"instant"})}}C=new WeakMap,B=new WeakMap,v=new WeakMap,q=new WeakMap,D=new WeakMap,T=new WeakMap;var k,W,m,st,M,f,G,R,A,w,j,z,J,c,et,Mt,lt,Ht,ht,ut,dt,mt,it,U;const K=class K{constructor(t){a(this,c);a(this,k,null);a(this,W,null);a(this,m,[]);a(this,st,new DOMParser);a(this,M);a(this,f,null);a(this,G);a(this,R,[]);a(this,A,!1);a(this,w,null);a(this,j,new Map);a(this,z,null);a(this,J,t=>{var s;return((s=t.getAttribute("href"))==null?void 0:s.startsWith("/"))&&!t.hasAttribute("download")&&!t.hasAttribute("data-morph-skip")&&!t.closest("[data-morph-skip]")&&t.getAttribute("target")!=="_blank"});a(this,it,t=>N(this,null,function*(){var s;(s=t.state)!=null&&s.path&&(t.preventDefault(),o(this,A,!0),yield this.navigate(t.state.path,{historyAction:"none"}),o(this,A,!1))}));a(this,U,()=>{const t=e(this,w).scrollTop,s=e(this,w).scrollLeft;document.documentElement.classList.toggle("top-scrolled",t>0),document.documentElement.classList.toggle("left-scrolled",s>0),F.dispatchEvent(document,"morphScroll",{detail:{left:s,top:t}})});if(Ct.isBrowser&&!K.instance){K.instance=this,o(this,k,{base:tt.normalizeBase(t==null?void 0:t.base),waitForHeadToLoad:(t==null?void 0:t.waitForHeadToLoad)!==!1,cachePages:(t==null?void 0:t.cachePages)!==!1,trailingSlash:(t==null?void 0:t.trailingSlash)||!1,scrollSelector:(t==null?void 0:t.scrollSelector)||"body",morphInsideScrollContainer:(t==null?void 0:t.morphInsideScrollContainer)||!1}),o(this,W,d(this,c,lt).call(this,document.body));const s=this.normalizePath(location.pathname+location.hash);o(this,f,s.pathname),e(this,j).set(e(this,f),new At(this,e(this,f),document)),document.documentElement.setAttribute("data-current-pathname",e(this,f)),document.documentElement.setAttribute("data-current-leaf",s.leaf),this.findLinks(),addEventListener("popstate",e(this,it)),tt.changeHistory({action:"replace",pathname:e(this,f),searchParameters:s.parameters||location.search,hash:s.hash}),o(this,z,new Tt),d(this,c,dt).call(this,document)}}get currentPathname(){return e(this,f)}get previousPathname(){return e(this,G)}get links(){return e(this,m)}get scrollElement(){return e(this,w)}get isPopstateNavigation(){return e(this,A)}normalizePath(t){return tt.splitPath(t,{base:e(this,k).base,trailingSlash:e(this,k).trailingSlash})}prefetch(t,s){return N(this,null,function*(){const i=this.normalizePath(t);d(this,c,et).call(this,i.pathname,{searchParameters:i.parameters,revalidate:s})})}navigate(H){return N(this,arguments,function*(t,{historyAction:s="push",centerScroll:i,offsetScroll:u,revalidate:E,keepSearchParameters:L}={}){var pt;if(e(this,R).length)return;const p=this.normalizePath(((pt=this.pathnameModifier)==null?void 0:pt.call(this,t))||t);let{pathname:h,hash:Q,parameters:ft,leaf:Nt}=p;if(e(this,M)===h||e(this,f)===h){e(this,A)||d(this,c,mt).call(this,Q||0,{centerScroll:i,offsetScroll:u,behavior:"smooth"});return}o(this,M,h),e(this,m).forEach(I=>{I.checkCurrent(h)});try{let I=!0;if(this.preprocessor)try{yield new Promise((r,b)=>{var S;(S=this.preprocessor)==null||S.call(this,{pathname:h,resolve:r,reject:b})})}catch(r){r?console.error(r):console.log("Route change canceled"),I=!1}if(!I||e(this,M)!==h){e(this,m).forEach(r=>{r.checkCurrent(e(this,f))});return}const rt={pathname:h};F.dispatchEvent(document,"morphNavigation",{detail:rt});const Et=yield d(this,c,et).call(this,e(this,f)),y=yield d(this,c,et).call(this,h,{searchParameters:ft,revalidate:E});if(e(this,M)!==h){e(this,m).forEach(r=>{r.checkCurrent(e(this,f))});return}Et.saveScrollState(),Et.saveDocumentState(),e(this,A)||(y.clearScrollState(),y.clearDocumentState()),y.cloneDocument(),e(this,z).textContent=y.title,document.body.appendChild(e(this,z)),F.dispatchEvent(document,"morphStart",{detail:rt});const gt=Array.from(document.head.children),vt=Array.from(y.document.head.children),St=d(this,c,Ht).call(this,gt,vt),xt=d(this,c,ht).call(this,gt,St),X=d(this,c,ht).call(this,vt,St);X.forEach((r,b)=>{if(r.tagName==="SCRIPT"&&r.getAttribute("src")){const S=document.createElement("script");S.type="module",S.src=r.getAttribute("src"),X[b]=S}}),X.forEach(r=>{document.head.appendChild(r)});const nt=X.filter(r=>{if(r.hasAttribute("data-no-waiting"))return!1;if(d(this,c,ut).call(this,r))return!0});e(this,k).waitForHeadToLoad&&nt.length&&(yield new Promise(r=>N(this,null,function*(){let b=0;try{for(var S=Pt(nt),O,$,yt;O=!($=yield S.next()).done;O=!1){const Z=$.value;Z.onload=()=>{b++,b===nt.length&&r()}}}catch($){yt=[$]}finally{try{O&&($=S.return)&&(yield $.call(S))}finally{if(yt)throw yt[0]}}}))),yield kt.wait(10);const Lt=[];xt.forEach(r=>{r.hasAttribute("data-permanent")||(d(this,c,ut).call(this,r)?Lt.push(r):r.remove())});const qt=d(this,c,lt).call(this,y.document.body);e(this,k).morphInsideScrollContainer||d(this,c,dt).call(this,y.document),document.documentElement.setAttribute("data-current-pathname",h),document.documentElement.setAttribute("data-current-leaf",Nt),tt.changeHistory({action:s,pathname:h,searchParameters:ft||(L?location.search:""),hash:Q}),e(this,z).remove(),o(this,G,e(this,f)),o(this,f,h),e(this,W).forEach((r,b)=>{const S=qt[b],O=getComputedStyle(r).getPropertyValue("--morph-duration"),$=[...S.childNodes];if(O){const yt=[...r.childNodes];yt.forEach(g=>{g instanceof HTMLElement&&(this.destroyOldLinks(g),g.classList.add("old"))}),$.forEach(g=>{g instanceof HTMLElement&&(this.findNewLinks(g),g.classList.add("new"))}),r.prepend(...$),Rt.requestIdleCallback(()=>{$.forEach(g=>{g instanceof HTMLElement&&g.classList.add("in")})});const Z={morphElement:r,pathname:h};F.dispatchEvent(document,"morphNewChildrenAdded",{detail:Z});const Dt=new Promise(g=>{setTimeout(()=>{yt.forEach(_=>_.remove()),$.forEach(_=>{_ instanceof HTMLElement&&_.classList.remove("in","new")}),F.dispatchEvent(document,"morphOldChildrenRemoved",{detail:Z}),g()},(parseFloat(O)||0)*1e3+10)});e(this,R).push(Dt)}else this.destroyOldLinks(r),r.innerHTML="",r.append(...$),this.findNewLinks(r)}),Q?(y.clearScrollState(),d(this,c,mt).call(this,Q,{centerScroll:i,offsetScroll:u})):e(this,A)?y.restoreScrollPosition():y.renewScrollPosition(),yield Promise.all(e(this,R)),Lt.forEach(r=>r.remove()),o(this,R,[]),e(this,W).forEach(r=>{r.querySelectorAll("script").forEach(S=>{const O=document.createElement("script");O.type="module",O.src=S.getAttribute("src"),S.replaceWith(O)})}),F.dispatchEvent(document,"morphComplete",{detail:rt}),window.dispatchEvent(new Event("resize"))}catch(I){console.error(I)}o(this,M,void 0)})}addLink(t){e(this,m).push(new ot(t,this))}addLinks(t){t.forEach(s=>{this.addLink(s)})}removeLink(t){o(this,m,e(this,m).filter(s=>s.element===t?(s.destroy(),!1):!0))}destroyOldLinks(t){o(this,m,e(this,m).filter(s=>t.contains(s.element)?(s.destroy(),!1):!0))}findNewLinks(t){const s=[...t.querySelectorAll("a")].filter(e(this,J));e(this,m).push(...s.map(i=>new ot(i,this)))}findLinks(){const t=[...document.documentElement.querySelectorAll("a")].filter(e(this,J));e(this,m).forEach(s=>s.destroy()),o(this,m,t.map(s=>new ot(s,this)))}};k=new WeakMap,W=new WeakMap,m=new WeakMap,st=new WeakMap,M=new WeakMap,f=new WeakMap,G=new WeakMap,R=new WeakMap,A=new WeakMap,w=new WeakMap,j=new WeakMap,z=new WeakMap,J=new WeakMap,c=new WeakSet,et=function(t,s){return N(this,null,function*(){let i=e(this,j).get(t);return(!i||s!=null&&s.revalidate)&&(i=yield d(this,c,Mt).call(this,t,s==null?void 0:s.searchParameters)),i})},Mt=function(t,s){return N(this,null,function*(){const u=yield(yield fetch(`${t}${s?"?"+s:""}`)).text(),E=e(this,st).parseFromString(u,"text/html"),L=new At(this,t,E);return e(this,j).set(t,L),L})},lt=function(t){const s=[...t.querySelectorAll("[data-morph]")];return s.length?s:[t]},Ht=function(t,s){return t.filter(i=>s.find(u=>u.outerHTML===i.outerHTML))},ht=function(t,s){return t.filter(i=>!s.find(u=>u.outerHTML===i.outerHTML))},ut=function(t){return t.tagName==="SCRIPT"||t.tagName==="STYLE"||t.tagName==="LINK"&&t.getAttribute("rel")==="stylesheet"},dt=function(t){var s,i;(s=e(this,w))==null||s.removeEventListener("scroll",e(this,U)),o(this,w,t.querySelector(e(this,k).scrollSelector)||t.documentElement),(i=e(this,w))==null||i.addEventListener("scroll",e(this,U)),e(this,U).call(this)},mt=function(t,s){const i=typeof t=="string"?document.getElementById(t):t;(typeof i=="number"||i)&&kt.scrollToElement(i,{scrollElement:e(this,w),behavior:(s==null?void 0:s.behavior)||"instant",center:s==null?void 0:s.centerScroll,offset:s==null?void 0:s.offsetScroll})},it=new WeakMap,U=new WeakMap,K.instance=null;let ct=K;exports.Morph=ct;
+"use strict";var Pt=(n,t)=>(t=Symbol[n])?t:Symbol.for("Symbol."+n),At=n=>{throw TypeError(n)};var ct=(n,t,s)=>t.has(n)||At("Cannot "+s);var e=(n,t,s)=>(ct(n,t,"read from private field"),s?s.call(n):t.get(n)),o=(n,t,s)=>t.has(n)?At("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(n):t.set(n,s),a=(n,t,s,i)=>(ct(n,t,"write to private field"),i?i.call(n,s):t.set(n,s),s),d=(n,t,s)=>(ct(n,t,"access private method"),s);var R=(n,t,s)=>new Promise((i,u)=>{var g=v=>{try{b(s.next(v))}catch(A){u(A)}},w=v=>{try{b(s.throw(v))}catch(A){u(A)}},b=v=>v.done?i(v.value):Promise.resolve(v.value).then(g,w);b((s=s.apply(n,t)).next())});var kt=(n,t,s)=>(t=n[Pt("asyncIterator")])?t.call(n):(n=n[Pt("iterator")](),t={},s=(i,u)=>(u=n[i])&&(t[i]=g=>new Promise((w,b,v)=>(g=u.call(n,g),v=g.done,Promise.resolve(g.value).then(A=>w({value:A,done:v}),b)))),s("next"),s("return"),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Mt=require("../index-Cqw2NKev.cjs"),U=require("../events-KVanG9sR.cjs"),It=require("../polyfills-Df4r-ETT.cjs"),Ct=require("../scroll-DAhSpkhR.cjs"),it=require("../url-D1CgmwZ_.cjs"),Ot=require("../css-value-parser/index.cjs");class Ht extends HTMLElement{connectedCallback(){const t={"aria-live":"assertive","aria-atomic":"true",style:"position: absolute; left: 0; top: 0; clip: rect(0 0 0 0); clip-path: inset(50%); overflow: hidden; white-space: nowrap; width: 1px; height: 1px"};for(const[s,i]of Object.entries(t))this.setAttribute(s,i)}}Mt.isBrowser&&!customElements.get("morph-announcer")&&customElements.define("morph-announcer",Ht);var C,l,z,Z,$;class ht{constructor(t,s){o(this,C);o(this,l);o(this,z);o(this,Z,t=>{var i;if(t.preventDefault(),e(this,l).hasAttribute("data-back")&&e(this,C).previousPathname)history.back();else{const u=e(this,l).getAttribute("data-history-action")||"push",g=e(this,l).hasAttribute("data-center-scroll"),w=getComputedStyle(e(this,l)).getPropertyValue("--offset-scroll").trim(),b=w?Ot.cssValueParser.parse(w):void 0,v=e(this,l).hasAttribute("data-revalidate"),A=e(this,l).hasAttribute("data-keep-search-parameters"),m=(i=e(this,l).getAttribute("data-submorph"))==null?void 0:i.split(",").map(V=>V.trim());e(this,C).navigate(e(this,z),{historyAction:u,centerScroll:g,offsetScroll:b,revalidate:v,keepSearchParameters:A,submorph:m})}});o(this,$,()=>{const t=e(this,l).hasAttribute("data-revalidate");e(this,C).prefetch(e(this,z),t),e(this,l).removeEventListener("pointerenter",e(this,$))});a(this,C,s),a(this,l,t),a(this,z,e(this,l).getAttribute("href")||"/"),e(this,l).addEventListener("click",e(this,Z)),this.checkCurrent(location.pathname),e(this,l).hasAttribute("data-prefetch")&&e(this,l).addEventListener("pointerenter",e(this,$))}get element(){return e(this,l)}checkCurrent(t){const s=e(this,C).normalizePath(t),i=e(this,C).normalizePath(e(this,z));e(this,l).hasAttribute("data-include")&&s.pathname.includes(i.pathname)?e(this,l).classList.add("current"):i.pathname===s.pathname?e(this,l).classList.add("current"):e(this,l).classList.remove("current")}destroy(){e(this,l).removeEventListener("click",e(this,Z)),e(this,l).removeEventListener("pointerenter",e(this,$)),e(this,l).classList.remove("current")}}C=new WeakMap,l=new WeakMap,z=new WeakMap,Z=new WeakMap,$=new WeakMap;var x,K,y,I,O,N;class Tt{constructor(t,s,i){o(this,x);o(this,K);o(this,y,{x:0,y:0});o(this,I);o(this,O,null);o(this,N,null);a(this,x,t),a(this,K,s),a(this,I,i.cloneNode(!0))}get pathname(){return e(this,K)}get scrollState(){return e(this,y)}get document(){return e(this,N)}cloneDocument(){a(this,N,(e(this,O)||e(this,I)).cloneNode(!0))}get title(){let t="";if(e(this,N).title)t=e(this,N).title;else{const s=e(this,N).querySelector("h1");t=(s==null?void 0:s.innerText)||(s==null?void 0:s.textContent)||e(this,K)}return t}clearScrollState(){e(this,y).x=0,e(this,y).y=0}clearDocumentState(){a(this,O,null)}saveScrollState(){e(this,I).documentElement.hasAttribute("data-no-scroll-restoration")?(e(this,y).x=0,e(this,y).y=0):(e(this,y).x=e(this,x).scrollElement.scrollLeft,e(this,y).y=e(this,x).scrollElement.scrollTop)}saveDocumentState(){e(this,I).documentElement.hasAttribute("data-no-page-restoration")?a(this,O,null):a(this,O,document.cloneNode(!0))}restoreScrollPosition(){e(this,x).scrollElement.scroll({top:e(this,y).y,left:e(this,y).x})}renewScrollPosition(){e(this,x).scrollElement.scroll({top:0,left:0,behavior:"instant"})}}x=new WeakMap,K=new WeakMap,y=new WeakMap,I=new WeakMap,O=new WeakMap,N=new WeakMap;var T,Y,f,nt,q,p,_,B,M,P,G,F,tt,c,rt,xt,dt,Nt,mt,ft,pt,Et,ot,J;const X=class X{constructor(t){o(this,c);o(this,T,null);o(this,Y,null);o(this,f,[]);o(this,nt,new DOMParser);o(this,q);o(this,p,null);o(this,_);o(this,B,[]);o(this,M,!1);o(this,P,null);o(this,G,new Map);o(this,F,null);o(this,tt,t=>{var s;return((s=t.getAttribute("href"))==null?void 0:s.startsWith("/"))&&!t.hasAttribute("download")&&!t.hasAttribute("data-morph-skip")&&!t.closest("[data-morph-skip]")&&t.getAttribute("target")!=="_blank"});o(this,ot,t=>R(this,null,function*(){var s;(s=t.state)!=null&&s.path&&(t.preventDefault(),a(this,M,!0),yield this.navigate(t.state.path,{historyAction:"none"}),a(this,M,!1))}));o(this,J,()=>{const t=e(this,P).scrollTop,s=e(this,P).scrollLeft;document.documentElement.classList.toggle("top-scrolled",t>0),document.documentElement.classList.toggle("left-scrolled",s>0),U.dispatchEvent(document,"morphScroll",{detail:{left:s,top:t}})});if(Mt.isBrowser&&!X.instance){X.instance=this,a(this,T,{base:it.normalizeBase(t==null?void 0:t.base),waitForHeadToLoad:(t==null?void 0:t.waitForHeadToLoad)!==!1,cachePages:(t==null?void 0:t.cachePages)!==!1,trailingSlash:(t==null?void 0:t.trailingSlash)||!1,scrollSelector:(t==null?void 0:t.scrollSelector)||"body",morphInsideScrollContainer:(t==null?void 0:t.morphInsideScrollContainer)||!1}),a(this,Y,d(this,c,dt).call(this,document.body));const s=this.normalizePath(location.pathname+location.hash);a(this,p,s.pathname),e(this,G).set(e(this,p),new Tt(this,e(this,p),document)),document.documentElement.setAttribute("data-current-pathname",e(this,p)),document.documentElement.setAttribute("data-current-leaf",s.leaf),this.findLinks(),addEventListener("popstate",e(this,ot)),it.changeHistory({action:"replace",pathname:e(this,p),searchParameters:s.parameters||location.search,hash:s.hash}),a(this,F,new Ht),d(this,c,pt).call(this,document)}}get currentPathname(){return e(this,p)}get previousPathname(){return e(this,_)}get links(){return e(this,f)}get scrollElement(){return e(this,P)}get isPopstateNavigation(){return e(this,M)}normalizePath(t){return it.splitPath(t,{base:e(this,T).base,trailingSlash:e(this,T).trailingSlash})}prefetch(t,s){return R(this,null,function*(){const i=this.normalizePath(t);d(this,c,rt).call(this,i.pathname,{searchParameters:i.parameters,revalidate:s})})}navigate(v){return R(this,arguments,function*(t,{historyAction:s="push",centerScroll:i,offsetScroll:u,revalidate:g,keepSearchParameters:w,submorph:b}={}){var vt;if(e(this,B).length)return;const A=this.normalizePath(((vt=this.pathnameModifier)==null?void 0:vt.call(this,t))||t);let{pathname:m,hash:V,parameters:gt,leaf:qt}=A;if(e(this,q)===m||e(this,p)===m){e(this,M)||d(this,c,Et).call(this,V||0,{centerScroll:i,offsetScroll:u,behavior:"smooth"});return}a(this,q,m),e(this,f).forEach(W=>{W.checkCurrent(m)});try{let W=!0;if(this.preprocessor)try{yield new Promise((r,k)=>{var S;(S=this.preprocessor)==null||S.call(this,{pathname:m,resolve:r,reject:k})})}catch(r){r?console.error(r):console.log("Route change canceled"),W=!1}if(!W||e(this,q)!==m){e(this,f).forEach(r=>{r.checkCurrent(e(this,p))});return}const at={pathname:m};U.dispatchEvent(document,"morphNavigation",{detail:at});const St=yield d(this,c,rt).call(this,e(this,p)),L=yield d(this,c,rt).call(this,m,{searchParameters:gt,revalidate:g});if(e(this,q)!==m){e(this,f).forEach(r=>{r.checkCurrent(e(this,p))});return}St.saveScrollState(),St.saveDocumentState(),e(this,M)||(L.clearScrollState(),L.clearDocumentState()),L.cloneDocument(),e(this,F).textContent=L.title,document.body.appendChild(e(this,F)),U.dispatchEvent(document,"morphStart",{detail:at});const yt=Array.from(document.head.children),wt=Array.from(L.document.head.children),bt=d(this,c,Nt).call(this,yt,wt),Dt=d(this,c,mt).call(this,yt,bt),et=d(this,c,mt).call(this,wt,bt);et.forEach((r,k)=>{if(r.tagName==="SCRIPT"&&r.getAttribute("src")){const S=document.createElement("script");S.type="module",S.src=r.getAttribute("src"),et[k]=S}}),et.forEach(r=>{document.head.appendChild(r)});const lt=et.filter(r=>{if(r.hasAttribute("data-no-waiting"))return!1;if(d(this,c,ft).call(this,r))return!0});e(this,T).waitForHeadToLoad&&lt.length&&(yield new Promise(r=>R(this,null,function*(){let k=0;try{for(var S=kt(lt),Q,D,j;Q=!(D=yield S.next()).done;Q=!1){const st=D.value;st.onload=()=>{k++,k===lt.length&&r()}}}catch(D){j=[D]}finally{try{Q&&(D=S.return)&&(yield D.call(S))}finally{if(j)throw j[0]}}}))),yield Ct.wait(10);const Lt=[];Dt.forEach(r=>{r.hasAttribute("data-permanent")||(d(this,c,ft).call(this,r)?Lt.push(r):r.remove())});const Rt=d(this,c,dt).call(this,L.document.body);e(this,T).morphInsideScrollContainer||d(this,c,pt).call(this,L.document),document.documentElement.setAttribute("data-current-pathname",m),document.documentElement.setAttribute("data-current-leaf",qt),it.changeHistory({action:s,pathname:m,searchParameters:gt||(w?location.search:""),hash:V}),e(this,F).remove(),a(this,_,e(this,p)),a(this,p,m),e(this,Y).forEach((r,k)=>{const S=Rt[k],Q=getComputedStyle(r).getPropertyValue("--morph-duration");let D=[],j=[];b?b.forEach(h=>{const E=r.querySelector(h),H=S.querySelector(h);E&&H&&(j.push(E),D.push(H))}):(D.push(...S.childNodes),j.push(...r.childNodes)),j.forEach(h=>{h instanceof HTMLElement&&(this.destroyOldLinks(h),h.classList.add("old"))}),D.forEach(h=>{h instanceof HTMLElement&&(this.findNewLinks(h),h.classList.add("new"))}),b?D.forEach((h,E)=>{var H;(H=j[E].parentElement)==null||H.insertBefore(h,j[E])}):r.prepend(...D),It.requestIdleCallback(()=>{D.forEach(h=>{var E;h instanceof HTMLElement&&((E=h.parentElement)==null||E.style.setProperty("--new-content-height",h.offsetHeight+"px"),h.classList.add("in"))})});const st={morphElement:r,pathname:m};U.dispatchEvent(document,"morphNewChildrenAdded",{detail:st});const zt=new Promise(h=>{setTimeout(()=>{j.forEach(E=>E.remove()),D.forEach(E=>{var H;E instanceof HTMLElement&&((H=E.parentElement)==null||H.style.removeProperty("--new-content-height"),E.classList.remove("in","new"))}),U.dispatchEvent(document,"morphOldChildrenRemoved",{detail:st}),h()},(parseFloat(Q)||0)*1e3+10)});e(this,B).push(zt)}),V?(L.clearScrollState(),d(this,c,Et).call(this,V,{centerScroll:i,offsetScroll:u})):e(this,M)?L.restoreScrollPosition():L.renewScrollPosition(),yield Promise.all(e(this,B)),Lt.forEach(r=>r.remove()),a(this,B,[]),e(this,Y).forEach(r=>{r.querySelectorAll("script").forEach(S=>{const Q=document.createElement("script");Q.type="module",Q.src=S.getAttribute("src"),S.replaceWith(Q)})}),U.dispatchEvent(document,"morphComplete",{detail:at}),window.dispatchEvent(new Event("resize"))}catch(W){console.error(W)}a(this,q,void 0)})}addLink(t){e(this,f).push(new ht(t,this))}addLinks(t){t.forEach(s=>{this.addLink(s)})}removeLink(t){a(this,f,e(this,f).filter(s=>s.element===t?(s.destroy(),!1):!0))}destroyOldLinks(t){a(this,f,e(this,f).filter(s=>t.contains(s.element)?(s.destroy(),!1):!0))}findNewLinks(t){const s=[...t.querySelectorAll("a")].filter(e(this,tt));e(this,f).push(...s.map(i=>new ht(i,this)))}findLinks(){const t=[...document.documentElement.querySelectorAll("a")].filter(e(this,tt));e(this,f).forEach(s=>s.destroy()),a(this,f,t.map(s=>new ht(s,this)))}};T=new WeakMap,Y=new WeakMap,f=new WeakMap,nt=new WeakMap,q=new WeakMap,p=new WeakMap,_=new WeakMap,B=new WeakMap,M=new WeakMap,P=new WeakMap,G=new WeakMap,F=new WeakMap,tt=new WeakMap,c=new WeakSet,rt=function(t,s){return R(this,null,function*(){let i=e(this,G).get(t);return(!i||s!=null&&s.revalidate)&&(i=yield d(this,c,xt).call(this,t,s==null?void 0:s.searchParameters)),i})},xt=function(t,s){return R(this,null,function*(){const u=yield(yield fetch(`${t}${s?"?"+s:""}`)).text(),g=e(this,nt).parseFromString(u,"text/html"),w=new Tt(this,t,g);return e(this,G).set(t,w),w})},dt=function(t){const s=[...t.querySelectorAll("[data-morph]")];return s.length?s:[t]},Nt=function(t,s){return t.filter(i=>s.find(u=>u.outerHTML===i.outerHTML))},mt=function(t,s){return t.filter(i=>!s.find(u=>u.outerHTML===i.outerHTML))},ft=function(t){return t.tagName==="SCRIPT"||t.tagName==="STYLE"||t.tagName==="LINK"&&t.getAttribute("rel")==="stylesheet"},pt=function(t){var s,i;(s=e(this,P))==null||s.removeEventListener("scroll",e(this,J)),a(this,P,t.querySelector(e(this,T).scrollSelector)||t.documentElement),(i=e(this,P))==null||i.addEventListener("scroll",e(this,J)),e(this,J).call(this)},Et=function(t,s){const i=typeof t=="string"?document.getElementById(t):t;(typeof i=="number"||i)&&Ct.scrollToElement(i,{scrollElement:e(this,P),behavior:(s==null?void 0:s.behavior)||"instant",center:s==null?void 0:s.centerScroll,offset:s==null?void 0:s.offsetScroll})},ot=new WeakMap,J=new WeakMap,X.instance=null;let ut=X;exports.Morph=ut;

package/lib/morph/index.js

@@ -1,32 +1,32 @@
-var St = (n, t) => (t = Symbol[n]) ? t : Symbol.for("Symbol." + n), wt = (n) => {
+var Lt = (n, t) => (t = Symbol[n]) ? t : Symbol.for("Symbol." + n), bt = (n) => {
   throw TypeError(n);
 };
-var nt = (n, t, s) => t.has(n) || wt("Cannot " + s);
-var e = (n, t, s) => (nt(n, t, "read from private field"), s ? s.call(n) : t.get(n)), a = (n, t, s) => t.has(n) ? wt("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(n) : t.set(n, s), o = (n, t, s, i) => (nt(n, t, "write to private field"), i ? i.call(n, s) : t.set(n, s), s), d = (n, t, s) => (nt(n, t, "access private method"), s);
-var N = (n, t, s) => new Promise((i, u) => {
-  var E = (p) => {
+var lt = (n, t, s) => t.has(n) || bt("Cannot " + s);
+var e = (n, t, s) => (lt(n, t, "read from private field"), s ? s.call(n) : t.get(n)), o = (n, t, s) => t.has(n) ? bt("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(n) : t.set(n, s), a = (n, t, s, i) => (lt(n, t, "write to private field"), i ? i.call(n, s) : t.set(n, s), s), d = (n, t, s) => (lt(n, t, "access private method"), s);
+var q = (n, t, s) => new Promise((i, u) => {
+  var g = (S) => {
     try {
-      M(s.next(p));
-    } catch (h) {
-      u(h);
+      L(s.next(S));
+    } catch (A) {
+      u(A);
     }
-  }, S = (p) => {
+  }, w = (S) => {
     try {
-      M(s.throw(p));
-    } catch (h) {
-      u(h);
+      L(s.throw(S));
+    } catch (A) {
+      u(A);
     }
-  }, M = (p) => p.done ? i(p.value) : Promise.resolve(p.value).then(E, S);
-  M((s = s.apply(n, t)).next());
+  }, L = (S) => S.done ? i(S.value) : Promise.resolve(S.value).then(g, w);
+  L((s = s.apply(n, t)).next());
 });
-var yt = (n, t, s) => (t = n[St("asyncIterator")]) ? t.call(n) : (n = n[St("iterator")](), t = {}, s = (i, u) => (u = n[i]) && (t[i] = (E) => new Promise((S, M, p) => (E = u.call(n, E), p = E.done, Promise.resolve(E.value).then((h) => S({ value: h, done: p }), M)))), s("next"), s("return"), t);
-import { i as At } from "../index-euf5anj6.js";
-import { d as F } from "../events-CsVF98U6.js";
-import { r as Rt } from "../polyfills-DJrTJQky.js";
-import { w as zt, s as It } from "../scroll-Benkuq-t.js";
-import { n as qt, c as bt, s as Ot } from "../url-B6BNcw6_.js";
-import { cssValueParser as Ft } from "../css-value-parser/index.js";
-class Ct extends HTMLElement {
+var Pt = (n, t, s) => (t = n[Lt("asyncIterator")]) ? t.call(n) : (n = n[Lt("iterator")](), t = {}, s = (i, u) => (u = n[i]) && (t[i] = (g) => new Promise((w, L, S) => (g = u.call(n, g), S = g.done, Promise.resolve(g.value).then((A) => w({ value: A, done: S }), L)))), s("next"), s("return"), t);
+import { i as Tt } from "../index-euf5anj6.js";
+import { d as $ } from "../events-CsVF98U6.js";
+import { r as zt } from "../polyfills-DJrTJQky.js";
+import { w as It, s as Ft } from "../scroll-Benkuq-t.js";
+import { n as Ot, c as At, s as Bt } from "../url-B6BNcw6_.js";
+import { cssValueParser as Vt } from "../css-value-parser/index.js";
+class Mt extends HTMLElement {
   connectedCallback() {
     const t = {
       "aria-live": "assertive",
@@ -37,362 +37,378 @@ class Ct extends HTMLElement {
       this.setAttribute(s, i);
   }
 }
-At && !customElements.get("morph-announcer") && customElements.define("morph-announcer", Ct);
-var k, c, x, Y, V;
-class at {
+Tt && !customElements.get("morph-announcer") && customElements.define("morph-announcer", Mt);
+var C, l, z, Z, j;
+class ht {
   constructor(t, s) {
-    a(this, k);
-    a(this, c);
-    a(this, x);
-    a(this, Y, (t) => {
-      if (t.preventDefault(), e(this, c).hasAttribute("data-back") && e(this, k).previousPathname)
+    o(this, C);
+    o(this, l);
+    o(this, z);
+    o(this, Z, (t) => {
+      var i;
+      if (t.preventDefault(), e(this, l).hasAttribute("data-back") && e(this, C).previousPathname)
         history.back();
       else {
-        const i = e(this, c).getAttribute(
+        const u = e(this, l).getAttribute(
           "data-history-action"
-        ) || "push", u = e(this, c).hasAttribute("data-center-scroll"), E = getComputedStyle(e(this, c)).getPropertyValue("--offset-scroll").trim(), S = E ? Ft.parse(E) : void 0, M = e(this, c).hasAttribute("data-revalidate"), p = e(this, c).hasAttribute(
+        ) || "push", g = e(this, l).hasAttribute("data-center-scroll"), w = getComputedStyle(e(this, l)).getPropertyValue("--offset-scroll").trim(), L = w ? Vt.parse(w) : void 0, S = e(this, l).hasAttribute("data-revalidate"), A = e(this, l).hasAttribute(
           "data-keep-search-parameters"
-        );
-        e(this, k).navigate(e(this, x), {
-          historyAction: i,
-          centerScroll: u,
-          offsetScroll: S,
-          revalidate: M,
-          keepSearchParameters: p
+        ), m = (i = e(this, l).getAttribute("data-submorph")) == null ? void 0 : i.split(",").map((V) => V.trim());
+        e(this, C).navigate(e(this, z), {
+          historyAction: u,
+          centerScroll: g,
+          offsetScroll: L,
+          revalidate: S,
+          keepSearchParameters: A,
+          submorph: m
         });
       }
     });
-    a(this, V, () => {
-      const t = e(this, c).hasAttribute("data-revalidate");
-      e(this, k).prefetch(e(this, x), t), e(this, c).removeEventListener("pointerenter", e(this, V));
+    o(this, j, () => {
+      const t = e(this, l).hasAttribute("data-revalidate");
+      e(this, C).prefetch(e(this, z), t), e(this, l).removeEventListener("pointerenter", e(this, j));
     });
-    o(this, k, s), o(this, c, t), o(this, x, e(this, c).getAttribute("href") || "/"), e(this, c).addEventListener("click", e(this, Y)), this.checkCurrent(location.pathname), e(this, c).hasAttribute("data-prefetch") && e(this, c).addEventListener("pointerenter", e(this, V));
+    a(this, C, s), a(this, l, t), a(this, z, e(this, l).getAttribute("href") || "/"), e(this, l).addEventListener("click", e(this, Z)), this.checkCurrent(location.pathname), e(this, l).hasAttribute("data-prefetch") && e(this, l).addEventListener("pointerenter", e(this, j));
   }
   get element() {
-    return e(this, c);
+    return e(this, l);
   }
   checkCurrent(t) {
-    const s = e(this, k).normalizePath(t), i = e(this, k).normalizePath(e(this, x));
-    e(this, c).hasAttribute("data-include") && s.pathname.includes(i.pathname) ? e(this, c).classList.add("current") : i.pathname === s.pathname ? e(this, c).classList.add("current") : e(this, c).classList.remove("current");
+    const s = e(this, C).normalizePath(t), i = e(this, C).normalizePath(e(this, z));
+    e(this, l).hasAttribute("data-include") && s.pathname.includes(i.pathname) ? e(this, l).classList.add("current") : i.pathname === s.pathname ? e(this, l).classList.add("current") : e(this, l).classList.remove("current");
   }
   destroy() {
-    e(this, c).removeEventListener("click", e(this, Y)), e(this, c).removeEventListener("pointerenter", e(this, V)), e(this, c).classList.remove("current");
+    e(this, l).removeEventListener("click", e(this, Z)), e(this, l).removeEventListener("pointerenter", e(this, j)), e(this, l).classList.remove("current");
   }
 }
-k = new WeakMap(), c = new WeakMap(), x = new WeakMap(), Y = new WeakMap(), V = new WeakMap();
-var C, W, v, D, R, T;
+C = new WeakMap(), l = new WeakMap(), z = new WeakMap(), Z = new WeakMap(), j = new WeakMap();
+var N, K, y, I, F, x;
 class kt {
   constructor(t, s, i) {
-    a(this, C);
-    a(this, W);
-    a(this, v, { x: 0, y: 0 });
-    a(this, D);
-    a(this, R, null);
-    a(this, T, null);
-    o(this, C, t), o(this, W, s), o(this, D, i.cloneNode(!0));
+    o(this, N);
+    o(this, K);
+    o(this, y, { x: 0, y: 0 });
+    o(this, I);
+    o(this, F, null);
+    o(this, x, null);
+    a(this, N, t), a(this, K, s), a(this, I, i.cloneNode(!0));
   }
   get pathname() {
-    return e(this, W);
+    return e(this, K);
   }
   get scrollState() {
-    return e(this, v);
+    return e(this, y);
   }
   get document() {
-    return e(this, T);
+    return e(this, x);
   }
   cloneDocument() {
-    o(this, T, (e(this, R) || e(this, D)).cloneNode(!0));
+    a(this, x, (e(this, F) || e(this, I)).cloneNode(!0));
   }
   get title() {
     let t = "";
-    if (e(this, T).title)
-      t = e(this, T).title;
+    if (e(this, x).title)
+      t = e(this, x).title;
     else {
-      const s = e(this, T).querySelector("h1");
-      t = (s == null ? void 0 : s.innerText) || (s == null ? void 0 : s.textContent) || e(this, W);
+      const s = e(this, x).querySelector("h1");
+      t = (s == null ? void 0 : s.innerText) || (s == null ? void 0 : s.textContent) || e(this, K);
     }
     return t;
   }
   clearScrollState() {
-    e(this, v).x = 0, e(this, v).y = 0;
+    e(this, y).x = 0, e(this, y).y = 0;
   }
   clearDocumentState() {
-    o(this, R, null);
+    a(this, F, null);
   }
   saveScrollState() {
-    e(this, D).documentElement.hasAttribute(
+    e(this, I).documentElement.hasAttribute(
       "data-no-scroll-restoration"
-    ) ? (e(this, v).x = 0, e(this, v).y = 0) : (e(this, v).x = e(this, C).scrollElement.scrollLeft, e(this, v).y = e(this, C).scrollElement.scrollTop);
+    ) ? (e(this, y).x = 0, e(this, y).y = 0) : (e(this, y).x = e(this, N).scrollElement.scrollLeft, e(this, y).y = e(this, N).scrollElement.scrollTop);
   }
   saveDocumentState() {
-    e(this, D).documentElement.hasAttribute(
+    e(this, I).documentElement.hasAttribute(
       "data-no-page-restoration"
-    ) ? o(this, R, null) : o(this, R, document.cloneNode(!0));
+    ) ? a(this, F, null) : a(this, F, document.cloneNode(!0));
   }
   restoreScrollPosition() {
-    e(this, C).scrollElement.scroll({
-      top: e(this, v).y,
-      left: e(this, v).x
+    e(this, N).scrollElement.scroll({
+      top: e(this, y).y,
+      left: e(this, y).x
     });
   }
   renewScrollPosition() {
-    e(this, C).scrollElement.scroll({
+    e(this, N).scrollElement.scroll({
       top: 0,
       left: 0,
       behavior: "instant"
     });
   }
 }
-C = new WeakMap(), W = new WeakMap(), v = new WeakMap(), D = new WeakMap(), R = new WeakMap(), T = new WeakMap();
-var P, B, m, et, H, f, G, z, A, y, U, I, J, l, tt, Tt, ot, Ht, lt, ct, ht, ut, st, $;
-const K = class K {
+N = new WeakMap(), K = new WeakMap(), y = new WeakMap(), I = new WeakMap(), F = new WeakMap(), x = new WeakMap();
+var T, Y, f, rt, D, p, _, O, M, P, G, B, tt, h, it, Ht, ct, Nt, ut, dt, mt, ft, nt, J;
+const X = class X {
   constructor(t) {
-    a(this, l);
-    a(this, P, null);
-    a(this, B, null);
-    a(this, m, []);
-    a(this, et, new DOMParser());
-    a(this, H);
-    a(this, f, null);
-    a(this, G);
-    a(this, z, []);
-    a(this, A, !1);
-    a(this, y, null);
-    a(this, U, /* @__PURE__ */ new Map());
-    a(this, I, null);
-    a(this, J, (t) => {
+    o(this, h);
+    o(this, T, null);
+    o(this, Y, null);
+    o(this, f, []);
+    o(this, rt, new DOMParser());
+    o(this, D);
+    o(this, p, null);
+    o(this, _);
+    o(this, O, []);
+    o(this, M, !1);
+    o(this, P, null);
+    o(this, G, /* @__PURE__ */ new Map());
+    o(this, B, null);
+    o(this, tt, (t) => {
       var s;
       return ((s = t.getAttribute("href")) == null ? void 0 : s.startsWith("/")) && !t.hasAttribute("download") && !t.hasAttribute("data-morph-skip") && !t.closest("[data-morph-skip]") && t.getAttribute("target") !== "_blank";
     });
-    a(this, st, (t) => N(this, null, function* () {
+    o(this, nt, (t) => q(this, null, function* () {
       var s;
-      (s = t.state) != null && s.path && (t.preventDefault(), o(this, A, !0), yield this.navigate(t.state.path, { historyAction: "none" }), o(this, A, !1));
+      (s = t.state) != null && s.path && (t.preventDefault(), a(this, M, !0), yield this.navigate(t.state.path, { historyAction: "none" }), a(this, M, !1));
     }));
-    a(this, $, () => {
-      const t = e(this, y).scrollTop, s = e(this, y).scrollLeft;
-      document.documentElement.classList.toggle("top-scrolled", t > 0), document.documentElement.classList.toggle("left-scrolled", s > 0), F(document, "morphScroll", {
+    o(this, J, () => {
+      const t = e(this, P).scrollTop, s = e(this, P).scrollLeft;
+      document.documentElement.classList.toggle("top-scrolled", t > 0), document.documentElement.classList.toggle("left-scrolled", s > 0), $(document, "morphScroll", {
         detail: {
           left: s,
           top: t
         }
       });
     });
-    if (At && !K.instance) {
-      K.instance = this, o(this, P, {
-        base: qt(t == null ? void 0 : t.base),
+    if (Tt && !X.instance) {
+      X.instance = this, a(this, T, {
+        base: Ot(t == null ? void 0 : t.base),
         waitForHeadToLoad: (t == null ? void 0 : t.waitForHeadToLoad) !== !1,
         cachePages: (t == null ? void 0 : t.cachePages) !== !1,
         trailingSlash: (t == null ? void 0 : t.trailingSlash) || !1,
         scrollSelector: (t == null ? void 0 : t.scrollSelector) || "body",
         morphInsideScrollContainer: (t == null ? void 0 : t.morphInsideScrollContainer) || !1
-      }), o(this, B, d(this, l, ot).call(this, document.body));
+      }), a(this, Y, d(this, h, ct).call(this, document.body));
       const s = this.normalizePath(
         location.pathname + location.hash
       );
-      o(this, f, s.pathname), e(this, U).set(
-        e(this, f),
-        new kt(this, e(this, f), document)
+      a(this, p, s.pathname), e(this, G).set(
+        e(this, p),
+        new kt(this, e(this, p), document)
       ), document.documentElement.setAttribute(
         "data-current-pathname",
-        e(this, f)
+        e(this, p)
       ), document.documentElement.setAttribute(
         "data-current-leaf",
         s.leaf
-      ), this.findLinks(), addEventListener("popstate", e(this, st)), bt({
+      ), this.findLinks(), addEventListener("popstate", e(this, nt)), At({
         action: "replace",
-        pathname: e(this, f),
+        pathname: e(this, p),
         searchParameters: s.parameters || location.search,
         hash: s.hash
-      }), o(this, I, new Ct()), d(this, l, ht).call(this, document);
+      }), a(this, B, new Mt()), d(this, h, mt).call(this, document);
     }
   }
   get currentPathname() {
-    return e(this, f);
+    return e(this, p);
   }
   get previousPathname() {
-    return e(this, G);
+    return e(this, _);
   }
   get links() {
-    return e(this, m);
+    return e(this, f);
   }
   get scrollElement() {
-    return e(this, y);
+    return e(this, P);
   }
   get isPopstateNavigation() {
-    return e(this, A);
+    return e(this, M);
   }
   normalizePath(t) {
-    return Ot(t, {
-      base: e(this, P).base,
-      trailingSlash: e(this, P).trailingSlash
+    return Bt(t, {
+      base: e(this, T).base,
+      trailingSlash: e(this, T).trailingSlash
     });
   }
   prefetch(t, s) {
-    return N(this, null, function* () {
+    return q(this, null, function* () {
       const i = this.normalizePath(t);
-      d(this, l, tt).call(this, i.pathname, {
+      d(this, h, it).call(this, i.pathname, {
         searchParameters: i.parameters,
         revalidate: s
       });
     });
   }
-  navigate(M) {
-    return N(this, arguments, function* (t, {
+  navigate(S) {
+    return q(this, arguments, function* (t, {
       historyAction: s = "push",
       centerScroll: i,
       offsetScroll: u,
-      revalidate: E,
-      keepSearchParameters: S
+      revalidate: g,
+      keepSearchParameters: w,
+      submorph: L
     } = {}) {
-      var mt;
-      if (e(this, z).length)
+      var Et;
+      if (e(this, O).length)
         return;
-      const p = this.normalizePath(((mt = this.pathnameModifier) == null ? void 0 : mt.call(this, t)) || t);
-      let { pathname: h, hash: Q, parameters: dt, leaf: Mt } = p;
-      if (e(this, H) === h || e(this, f) === h) {
-        e(this, A) || d(this, l, ut).call(this, Q || 0, {
+      const A = this.normalizePath(((Et = this.pathnameModifier) == null ? void 0 : Et.call(this, t)) || t);
+      let { pathname: m, hash: V, parameters: pt, leaf: xt } = A;
+      if (e(this, D) === m || e(this, p) === m) {
+        e(this, M) || d(this, h, ft).call(this, V || 0, {
           centerScroll: i,
           offsetScroll: u,
           behavior: "smooth"
         });
         return;
       }
-      o(this, H, h), e(this, m).forEach((q) => {
-        q.checkCurrent(h);
+      a(this, D, m), e(this, f).forEach((W) => {
+        W.checkCurrent(m);
       });
       try {
-        let q = !0;
+        let W = !0;
         if (this.preprocessor)
           try {
-            yield new Promise((r, b) => {
-              var L;
-              (L = this.preprocessor) == null || L.call(this, {
-                pathname: h,
+            yield new Promise((r, k) => {
+              var v;
+              (v = this.preprocessor) == null || v.call(this, {
+                pathname: m,
                 resolve: r,
-                reject: b
+                reject: k
               });
             });
           } catch (r) {
-            r ? console.error(r) : console.log("Route change canceled"), q = !1;
+            r ? console.error(r) : console.log("Route change canceled"), W = !1;
           }
-        if (!q || e(this, H) !== h) {
-          e(this, m).forEach((r) => {
-            r.checkCurrent(e(this, f));
+        if (!W || e(this, D) !== m) {
+          e(this, f).forEach((r) => {
+            r.checkCurrent(e(this, p));
           });
           return;
         }
-        const it = {
-          pathname: h
+        const ot = {
+          pathname: m
         };
-        F(document, "morphNavigation", {
-          detail: it
+        $(document, "morphNavigation", {
+          detail: ot
         });
-        const ft = yield d(this, l, tt).call(this, e(this, f)), w = yield d(this, l, tt).call(this, h, {
-          searchParameters: dt,
-          revalidate: E
+        const gt = yield d(this, h, it).call(this, e(this, p)), b = yield d(this, h, it).call(this, m, {
+          searchParameters: pt,
+          revalidate: g
         });
-        if (e(this, H) !== h) {
-          e(this, m).forEach((r) => {
-            r.checkCurrent(e(this, f));
+        if (e(this, D) !== m) {
+          e(this, f).forEach((r) => {
+            r.checkCurrent(e(this, p));
           });
           return;
         }
-        ft.saveScrollState(), ft.saveDocumentState(), e(this, A) || (w.clearScrollState(), w.clearDocumentState()), w.cloneDocument(), e(this, I).textContent = w.title, document.body.appendChild(e(this, I)), F(document, "morphStart", {
-          detail: it
+        gt.saveScrollState(), gt.saveDocumentState(), e(this, M) || (b.clearScrollState(), b.clearDocumentState()), b.cloneDocument(), e(this, B).textContent = b.title, document.body.appendChild(e(this, B)), $(document, "morphStart", {
+          detail: ot
         });
-        const pt = Array.from(document.head.children), Et = Array.from(w.document.head.children), gt = d(this, l, Ht).call(this, pt, Et), Nt = d(this, l, lt).call(this, pt, gt), X = d(this, l, lt).call(this, Et, gt);
-        X.forEach((r, b) => {
+        const St = Array.from(document.head.children), vt = Array.from(b.document.head.children), yt = d(this, h, Nt).call(this, St, vt), Dt = d(this, h, ut).call(this, St, yt), et = d(this, h, ut).call(this, vt, yt);
+        et.forEach((r, k) => {
           if (r.tagName === "SCRIPT" && r.getAttribute("src")) {
-            const L = document.createElement("script");
-            L.type = "module", L.src = r.getAttribute("src"), X[b] = L;
+            const v = document.createElement("script");
+            v.type = "module", v.src = r.getAttribute("src"), et[k] = v;
           }
-        }), X.forEach((r) => {
+        }), et.forEach((r) => {
           document.head.appendChild(r);
         });
-        const rt = X.filter((r) => {
+        const at = et.filter((r) => {
           if (r.hasAttribute("data-no-waiting"))
             return !1;
-          if (d(this, l, ct).call(this, r))
+          if (d(this, h, dt).call(this, r))
             return !0;
         });
-        e(this, P).waitForHeadToLoad && rt.length && (yield new Promise((r) => N(this, null, function* () {
-          let b = 0;
+        e(this, T).waitForHeadToLoad && at.length && (yield new Promise((r) => q(this, null, function* () {
+          let k = 0;
           try {
-            for (var L = yt(rt), O, j, Lt; O = !(j = yield L.next()).done; O = !1) {
-              const Z = j.value;
-              Z.onload = () => {
-                b++, b === rt.length && r();
+            for (var v = Pt(at), Q, R, U; Q = !(R = yield v.next()).done; Q = !1) {
+              const st = R.value;
+              st.onload = () => {
+                k++, k === at.length && r();
               };
             }
-          } catch (j) {
-            Lt = [j];
+          } catch (R) {
+            U = [R];
           } finally {
             try {
-              O && (j = L.return) && (yield j.call(L));
+              Q && (R = v.return) && (yield R.call(v));
             } finally {
-              if (Lt)
-                throw Lt[0];
+              if (U)
+                throw U[0];
             }
           }
-        }))), yield zt(10);
-        const vt = [];
-        Nt.forEach((r) => {
-          r.hasAttribute("data-permanent") || (d(this, l, ct).call(this, r) ? vt.push(r) : r.remove());
+        }))), yield It(10);
+        const wt = [];
+        Dt.forEach((r) => {
+          r.hasAttribute("data-permanent") || (d(this, h, dt).call(this, r) ? wt.push(r) : r.remove());
         });
-        const xt = d(this, l, ot).call(this, w.document.body);
-        e(this, P).morphInsideScrollContainer || d(this, l, ht).call(this, w.document), document.documentElement.setAttribute("data-current-pathname", h), document.documentElement.setAttribute("data-current-leaf", Mt), bt({
+        const Rt = d(this, h, ct).call(this, b.document.body);
+        e(this, T).morphInsideScrollContainer || d(this, h, mt).call(this, b.document), document.documentElement.setAttribute("data-current-pathname", m), document.documentElement.setAttribute("data-current-leaf", xt), At({
           action: s,
-          pathname: h,
-          searchParameters: dt || (S ? location.search : ""),
-          hash: Q
-        }), e(this, I).remove(), o(this, G, e(this, f)), o(this, f, h), e(this, B).forEach((r, b) => {
-          const L = xt[b], O = getComputedStyle(r).getPropertyValue("--morph-duration"), j = [...L.childNodes];
-          if (O) {
-            const Lt = [...r.childNodes];
-            Lt.forEach((g) => {
-              g instanceof HTMLElement && (this.destroyOldLinks(g), g.classList.add("old"));
-            }), j.forEach((g) => {
-              g instanceof HTMLElement && (this.findNewLinks(g), g.classList.add("new"));
-            }), r.prepend(...j), Rt(() => {
-              j.forEach((g) => {
-                g instanceof HTMLElement && g.classList.add("in");
-              });
-            });
-            const Z = {
-              morphElement: r,
-              pathname: h
-            };
-            F(document, "morphNewChildrenAdded", {
-              detail: Z
+          pathname: m,
+          searchParameters: pt || (w ? location.search : ""),
+          hash: V
+        }), e(this, B).remove(), a(this, _, e(this, p)), a(this, p, m), e(this, Y).forEach((r, k) => {
+          const v = Rt[k], Q = getComputedStyle(r).getPropertyValue("--morph-duration");
+          let R = [], U = [];
+          L ? L.forEach((c) => {
+            const E = r.querySelector(c), H = v.querySelector(c);
+            E && H && (U.push(E), R.push(H));
+          }) : (R.push(...v.childNodes), U.push(...r.childNodes)), U.forEach((c) => {
+            c instanceof HTMLElement && (this.destroyOldLinks(c), c.classList.add("old"));
+          }), R.forEach((c) => {
+            c instanceof HTMLElement && (this.findNewLinks(c), c.classList.add("new"));
+          }), L ? R.forEach((c, E) => {
+            var H;
+            (H = U[E].parentElement) == null || H.insertBefore(
+              c,
+              U[E]
+            );
+          }) : r.prepend(...R), zt(() => {
+            R.forEach((c) => {
+              var E;
+              c instanceof HTMLElement && ((E = c.parentElement) == null || E.style.setProperty(
+                "--new-content-height",
+                c.offsetHeight + "px"
+              ), c.classList.add("in"));
             });
-            const Dt = new Promise((g) => {
-              setTimeout(() => {
-                Lt.forEach((_) => _.remove()), j.forEach((_) => {
-                  _ instanceof HTMLElement && _.classList.remove("in", "new");
-                }), F(document, "morphOldChildrenRemoved", {
-                  detail: Z
-                }), g();
-              }, (parseFloat(O) || 0) * 1e3 + 10);
-            });
-            e(this, z).push(Dt);
-          } else
-            this.destroyOldLinks(r), r.innerHTML = "", r.append(...j), this.findNewLinks(r);
-        }), Q ? (w.clearScrollState(), d(this, l, ut).call(this, Q, { centerScroll: i, offsetScroll: u })) : e(this, A) ? w.restoreScrollPosition() : w.renewScrollPosition(), yield Promise.all(e(this, z)), vt.forEach((r) => r.remove()), o(this, z, []), e(this, B).forEach((r) => {
-          r.querySelectorAll("script").forEach((L) => {
-            const O = document.createElement("script");
-            O.type = "module", O.src = L.getAttribute("src"), L.replaceWith(O);
           });
-        }), F(document, "morphComplete", {
-          detail: it
+          const st = {
+            morphElement: r,
+            pathname: m
+          };
+          $(document, "morphNewChildrenAdded", {
+            detail: st
+          });
+          const qt = new Promise((c) => {
+            setTimeout(() => {
+              U.forEach((E) => E.remove()), R.forEach((E) => {
+                var H;
+                E instanceof HTMLElement && ((H = E.parentElement) == null || H.style.removeProperty(
+                  "--new-content-height"
+                ), E.classList.remove("in", "new"));
+              }), $(document, "morphOldChildrenRemoved", {
+                detail: st
+              }), c();
+            }, (parseFloat(Q) || 0) * 1e3 + 10);
+          });
+          e(this, O).push(qt);
+        }), V ? (b.clearScrollState(), d(this, h, ft).call(this, V, { centerScroll: i, offsetScroll: u })) : e(this, M) ? b.restoreScrollPosition() : b.renewScrollPosition(), yield Promise.all(e(this, O)), wt.forEach((r) => r.remove()), a(this, O, []), e(this, Y).forEach((r) => {
+          r.querySelectorAll("script").forEach((v) => {
+            const Q = document.createElement("script");
+            Q.type = "module", Q.src = v.getAttribute("src"), v.replaceWith(Q);
+          });
+        }), $(document, "morphComplete", {
+          detail: ot
         }), window.dispatchEvent(new Event("resize"));
-      } catch (q) {
-        console.error(q);
+      } catch (W) {
+        console.error(W);
       }
-      o(this, H, void 0);
+      a(this, D, void 0);
     });
   }
   addLink(t) {
-    e(this, m).push(new at(t, this));
+    e(this, f).push(new ht(t, this));
   }
   addLinks(t) {
     t.forEach((s) => {
@@ -400,71 +416,71 @@ const K = class K {
     });
   }
   removeLink(t) {
-    o(this, m, e(this, m).filter((s) => s.element === t ? (s.destroy(), !1) : !0));
+    a(this, f, e(this, f).filter((s) => s.element === t ? (s.destroy(), !1) : !0));
   }
   destroyOldLinks(t) {
-    o(this, m, e(this, m).filter((s) => t.contains(s.element) ? (s.destroy(), !1) : !0));
+    a(this, f, e(this, f).filter((s) => t.contains(s.element) ? (s.destroy(), !1) : !0));
   }
   findNewLinks(t) {
     const s = [...t.querySelectorAll("a")].filter(
-      e(this, J)
+      e(this, tt)
     );
-    e(this, m).push(
-      ...s.map((i) => new at(i, this))
+    e(this, f).push(
+      ...s.map((i) => new ht(i, this))
     );
   }
   findLinks() {
     const t = [
       ...document.documentElement.querySelectorAll("a")
-    ].filter(e(this, J));
-    e(this, m).forEach((s) => s.destroy()), o(this, m, t.map((s) => new at(s, this)));
+    ].filter(e(this, tt));
+    e(this, f).forEach((s) => s.destroy()), a(this, f, t.map((s) => new ht(s, this)));
   }
 };
-P = new WeakMap(), B = new WeakMap(), m = new WeakMap(), et = new WeakMap(), H = new WeakMap(), f = new WeakMap(), G = new WeakMap(), z = new WeakMap(), A = new WeakMap(), y = new WeakMap(), U = new WeakMap(), I = new WeakMap(), J = new WeakMap(), l = new WeakSet(), tt = function(t, s) {
-  return N(this, null, function* () {
-    let i = e(this, U).get(t);
-    return (!i || s != null && s.revalidate) && (i = yield d(this, l, Tt).call(this, t, s == null ? void 0 : s.searchParameters)), i;
+T = new WeakMap(), Y = new WeakMap(), f = new WeakMap(), rt = new WeakMap(), D = new WeakMap(), p = new WeakMap(), _ = new WeakMap(), O = new WeakMap(), M = new WeakMap(), P = new WeakMap(), G = new WeakMap(), B = new WeakMap(), tt = new WeakMap(), h = new WeakSet(), it = function(t, s) {
+  return q(this, null, function* () {
+    let i = e(this, G).get(t);
+    return (!i || s != null && s.revalidate) && (i = yield d(this, h, Ht).call(this, t, s == null ? void 0 : s.searchParameters)), i;
   });
-}, Tt = function(t, s) {
-  return N(this, null, function* () {
+}, Ht = function(t, s) {
+  return q(this, null, function* () {
     const u = yield (yield fetch(
       `${t}${s ? "?" + s : ""}`
-    )).text(), E = e(this, et).parseFromString(u, "text/html"), S = new kt(this, t, E);
-    return e(this, U).set(t, S), S;
+    )).text(), g = e(this, rt).parseFromString(u, "text/html"), w = new kt(this, t, g);
+    return e(this, G).set(t, w), w;
   });
-}, ot = function(t) {
+}, ct = function(t) {
   const s = [...t.querySelectorAll("[data-morph]")];
   return s.length ? s : [t];
-}, Ht = function(t, s) {
+}, Nt = function(t, s) {
   return t.filter(
     (i) => s.find(
       (u) => u.outerHTML === i.outerHTML
     )
   );
-}, lt = function(t, s) {
+}, ut = function(t, s) {
   return t.filter(
     (i) => !s.find(
       (u) => u.outerHTML === i.outerHTML
     )
   );
-}, ct = function(t) {
+}, dt = function(t) {
   return t.tagName === "SCRIPT" || t.tagName === "STYLE" || t.tagName === "LINK" && t.getAttribute("rel") === "stylesheet";
-}, ht = function(t) {
+}, mt = function(t) {
   var s, i;
-  (s = e(this, y)) == null || s.removeEventListener(
+  (s = e(this, P)) == null || s.removeEventListener(
     "scroll",
-    e(this, $)
-  ), o(this, y, t.querySelector(e(this, P).scrollSelector) || t.documentElement), (i = e(this, y)) == null || i.addEventListener("scroll", e(this, $)), e(this, $).call(this);
-}, ut = function(t, s) {
+    e(this, J)
+  ), a(this, P, t.querySelector(e(this, T).scrollSelector) || t.documentElement), (i = e(this, P)) == null || i.addEventListener("scroll", e(this, J)), e(this, J).call(this);
+}, ft = function(t, s) {
   const i = typeof t == "string" ? document.getElementById(t) : t;
-  (typeof i == "number" || i) && It(i, {
-    scrollElement: e(this, y),
+  (typeof i == "number" || i) && Ft(i, {
+    scrollElement: e(this, P),
     behavior: (s == null ? void 0 : s.behavior) || "instant",
     center: s == null ? void 0 : s.centerScroll,
     offset: s == null ? void 0 : s.offsetScroll
   });
-}, st = new WeakMap(), $ = new WeakMap(), K.instance = null;
-let Pt = K;
+}, nt = new WeakMap(), J = new WeakMap(), X.instance = null;
+let Ct = X;
 export {
-  Pt as Morph
+  Ct as Morph
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aptechka",
-  "version": "0.60.1",
+  "version": "0.61.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/denisavitski/aptechka.git"