wagtail 7.2rc1__py3-none-any.whl → 7.3rc1__py3-none-any.whl

wagtail/admin/static/wagtailadmin/js/wagtailadmin.js

@@ -1 +1 @@
-(()=>{"use strict";var e,t={412:(e,t,n)=>{var a=n(2833);var r=n(4072);const l=(e,t=!("true"===e.getAttribute("aria-expanded")))=>{const n=document.querySelector(`#${e.getAttribute("aria-controls")}`);n&&(e.setAttribute("aria-expanded",`${t}`),t?n.removeAttribute("hidden"):"onbeforematch"in document.body?n.setAttribute("hidden","until-found"):n.setAttribute("hidden",""),e.dispatchEvent(new CustomEvent("commentAnchorVisibilityChange",{bubbles:!0})),e.dispatchEvent(new CustomEvent("wagtail:panel-toggle",{bubbles:!0,cancelable:!1,detail:{expanded:t}})))};function i(e){const t=e.closest("[data-panel]"),n=document.querySelector(`#${e.getAttribute("aria-controls")}`);if(!n||!t||t.collapsibleInitialised)return;t.collapsibleInitialised=!0;const a=l.bind(null,e),r=t.classList.contains("collapsed"),i=n.querySelector('[aria-invalid="true"], .error, .w-field--error'),o=r&&!i;o&&a(!1),e.addEventListener("click",a.bind(null,void 0));const s=t.querySelector("[data-panel-heading]");s&&s.addEventListener("click",a.bind(null,void 0)),n.addEventListener("beforematch",a.bind(null,!0)),e.dispatchEvent(new CustomEvent("wagtail:panel-init",{bubbles:!0,cancelable:!1,detail:{expanded:!o}}))}var o=n(2427),s=n.n(o),d=n(6931),c=n.n(d),u=n(8667),m=n(1238);const p=({expanded:e,floating:t,insideMinimap:n,onClick:r})=>s().createElement("button",{type:"button","aria-expanded":e,onClick:r,className:`button button-small button-secondary w-minimap__collapse-all ${t?"w-minimap__collapse-all--floating":""} ${n?"w-minimap__collapse-all--inside":""}`},s().createElement(m.A,{name:e?"collapse-up":"collapse-down"}),e?(0,a.AP)("Collapse all"):(0,a.AP)("Expand all")),g=s().createElement("span",{className:"w-required-mark"},"*"),h=({item:e,intersects:t,expanded:n,onClick:r})=>{const{href:l,label:i,icon:o,required:d,errorCount:c,level:u}=e,p=c>0,h=(0,a.WI)("%(num)s error","%(num)s errors",c).replace("%(num)s",`${c}`),f=i.length>22?`${i.substring(0,22)}…`:i;return s().createElement("a",{href:l,className:`w-minimap-item w-minimap-item--${u} ${t?"w-minimap-item--active":""} ${p?"w-minimap-item--error":""}`,onClick:r.bind(null,e),"aria-current":t,tabIndex:n?void 0:-1,"aria-describedby":n?void 0:"w-minimap-toggle"},p?s().createElement("div",{className:"w-minimap-item__errors","aria-label":h},c):null,s().createElement(m.A,{name:"minus",className:"w-minimap-item__placeholder"}),"h1"!==u&&"h2"!==u?s().createElement(m.A,{name:o,className:"w-minimap-item__icon"}):null,s().createElement("span",{className:"w-minimap-item__label"},s().createElement("span",{className:"w-minimap-item__text"},f),d?g:null))},f={root:null,rootMargin:"-50px 0px -70px 0px",threshold:.1},b=(e,{target:t,isIntersecting:n})=>{const a=t.closest("[data-panel]")?.id;return a?(e[`#${a}`]=n,e):e},v=({container:e,anchorsContainer:t,links:n,onUpdate:r,toggleAllPanels:i})=>{const d=(0,o.useMemo)(()=>(()=>{let e="false";try{e=localStorage.getItem("wagtail:minimap-expanded")||e}catch{}return"true"===e})(),[]),[c,g]=(0,o.useState)(d),v=(0,o.useCallback)((e=!c)=>{g(e),document.body.classList.toggle("minimap-open",e);try{localStorage.setItem("wagtail:minimap-expanded",e?"true":"false")}catch{}},[c,g]),[w,y]=(0,o.useState)(!0),[E,S]=(0,o.useState)({}),x=(0,o.useRef)(null),A=(0,o.useRef)({}),q=(0,o.useRef)(null),L=(0,o.useRef)(null),C=(e,t)=>{c||t.preventDefault(),l(e.toggle,!0),v(!0)};return(0,o.useEffect)(()=>{v(d)},[]),(0,o.useEffect)(()=>{x.current||(x.current=new IntersectionObserver(t=>{A.current=t.reduce(b,{...A.current}),q.current||(q.current=(0,u.s)(e=>{S(e),(e=>{const t=e.querySelectorAll('a[aria-current="true"]');if(0===t.length||e.scrollHeight===e.clientHeight)return;const n=t[0],a=t[t.length-1];let r=e.scrollTop;n&&n.offsetTop<e.scrollTop&&(r=n.offsetTop),a&&a.offsetTop>e.scrollTop+e.offsetHeight&&(r=a.offsetTop-e.offsetHeight+a.offsetHeight),e.scrollTop=r})(L.current)},100)),q.current(A.current),t.forEach(({target:t})=>{t.closest(".deleted")&&r(e)})},f));const t=x.current;return t.disconnect(),n.forEach(({panel:e,toggle:n})=>{const a=e.matches(".w-panel--nested")&&null===e.closest("[data-field]");t.observe(a?n:e)}),()=>{t.disconnect()}},[n,e]),(0,o.useEffect)(()=>{y(!0)},[t,y]),s().createElement("div",null,s().createElement(p,{expanded:w,onClick:()=>{y(!w),i(!w)},floating:!0,insideMinimap:c}),s().createElement("div",{className:"w-minimap "+(c?"w-minimap--expanded":"")},s().createElement("div",{className:"w-minimap__header"},s().createElement("button",{id:"w-minimap-toggle",type:"button","aria-expanded":c,onClick:()=>v(!c),className:"w-minimap__toggle","aria-label":(0,a.AP)("Toggle side panel"),"data-controller":"w-kbd","data-w-kbd-key-value":"]"},s().createElement(m.A,{name:"expand-right"}))),s().createElement("ol",{className:"w-minimap__list",ref:L},n.map(e=>s().createElement("li",{key:e.href},s().createElement(h,{item:e,intersects:E[e.href],expanded:c,onClick:C})))),s().createElement("div",{className:"w-minimap__footer"})))},w=e=>{const t=e.closest("[data-panel]"),n=t?.getAttribute("aria-labelledby"),a=t?.querySelector(`#${n}`),r=t?.querySelector("[data-panel-toggle]"),l=e.closest("[data-inline-panel-child].deleted");if(!t||!a||!r||l)return null;const i=a.querySelector("[data-panel-heading-text]"),o=i?.textContent||a.textContent?.replace(/\s+\*\s+$/g,"").trim(),s=null!==t.querySelector("[data-panel-required]"),d=r.querySelector("use"),c=d?.getAttribute("href")?.replace("#icon-","")||"",u=`h${a.getAttribute("aria-level")||a.tagName[1]||2}`,m=[].slice.call(t.querySelectorAll(":not([hidden]):is(.error-message)")).filter(e=>e.closest("[data-panel]")===t).length;return{anchor:e,toggle:r,panel:t,icon:c,label:o||"",href:e.getAttribute("href")||"",required:s,errorCount:m,level:u}},y=e=>{let t=document.body;const n=document.querySelector('[data-controller~="w-tabs"]:not([data-panel] [data-controller~="w-tabs"]):has([data-panel-anchor])');if(n){const e=n.querySelector('[role="tab"][aria-selected="true"]'),a=e?.getAttribute("aria-controls");t=n.querySelector(`#${a}`)||t}const a=t.querySelectorAll("[data-panel-anchor]"),r=[].slice.call(a).map(w).filter(Boolean);c().render(s().createElement(v,{container:e,anchorsContainer:t,links:r,onUpdate:y,toggleAllPanels:e=>{r.forEach((t,n)=>{0===n&&t.href.includes("title")||l(t.toggle,e)})}}),e)};document.addEventListener("DOMContentLoaded",()=>{(function(){const e=document.querySelector("[data-form-side]");if(!e)return;const t="formSideExplorer"in e.dataset,n=document.querySelector("[data-form-side-resize-grip]"),r=document.querySelector("[data-form-side-width-input]"),l=()=>{const t=getComputedStyle(e),n=parseFloat(t.minWidth),a=parseFloat(t.maxWidth),r=parseFloat(t.width),l=a-n;return{minWidth:n,maxWidth:a,width:r,range:l,percentage:(r-n)/l*100}},i=e=>"rtl"===document.documentElement.dir?e:100-e;let o;const s=n=>{clearTimeout(o);const a=document.querySelector("body"),s=document.querySelector(`[data-side-panel="${n}"]`);if((!n||s)&&(""===n?(e.classList.remove("form-side--open"),e.removeAttribute("aria-labelledby")):(e.classList.add("form-side--open"),e.setAttribute("aria-labelledby",`side-panel-${n}-title`)),document.querySelectorAll("[data-side-panel]").forEach(t=>{const r=t.dataset.sidePanel;if(r===n)t.hidden&&(t.hidden=!1,e.classList.add(`form-side--${r}`),a.classList.add("side-panel-open"));else if(!t.hidden){const l=()=>{t.hidden=!0,t.dispatchEvent(new CustomEvent("hide")),e.classList.remove(`form-side--${r}`)};""===n?(a.classList.remove("side-panel-open"),o=setTimeout(l,500)):l()}}),document.querySelectorAll("[data-side-panel-toggle]").forEach(e=>{e.setAttribute("aria-expanded",e.dataset.sidePanelToggle===n?"true":"false")}),s&&s.dispatchEvent(new CustomEvent("show")),!t)){try{localStorage.setItem("wagtail:side-panel-open",n)}catch(e){}setTimeout(()=>{const{percentage:e}=l();r.value=i(e)},500)}};document.querySelectorAll("[data-side-panel]").forEach(e=>{e.addEventListener("open",()=>{s(e.dataset.sidePanel)})}),document.querySelectorAll("[data-side-panel-toggle]").forEach(e=>{e.addEventListener("click",()=>{(e=>{const t=!document.querySelector(`[data-side-panel="${e}"]`).hasAttribute("hidden");s(t?"":e)})(e.dataset.sidePanelToggle)})});const d=document.querySelector("[data-form-side-close-button]");d instanceof HTMLButtonElement&&d.addEventListener("click",()=>{s("")});const c=e=>{const{minWidth:n,maxWidth:o,range:s,width:d}=l(),c=parseInt(Math.max(n,Math.min(e,o)),10)||d,u=(0,a.WI)("%(num)s pixel","%(num)s pixels",c).replace("%(num)s",c);document.documentElement.style.setProperty("--side-panel-width",`${c}px`);const m=(c-n)/s*100;if(r.value=i(m),r.setAttribute("aria-valuetext",u),!t)try{localStorage.setItem("wagtail:side-panel-width",c)}catch(e){}};let u,m;const p=e=>{if(!e.screenX||!u||!m)return;const t="rtl"===document.documentElement.dir?-1:1,n=u-e.screenX;c(m+n*t)},g=e=>{n.releasePointerCapture(e.pointerId),n.removeEventListener("pointermove",p),document.removeEventListener("pointerup",g),document.body.classList.remove("side-panel-resizing")};n.addEventListener("pointerdown",e=>{0===e.button&&(u=e.screenX,m=l().width,document.body.classList.add("side-panel-resizing"),n.setPointerCapture(e.pointerId),n.addEventListener("pointermove",p),document.addEventListener("pointerup",g))}),r.addEventListener("change",e=>{const{minWidth:t,range:n}=l(),a=parseInt(e.target.value,10),r=i(a);c(t+n*r/100)}),setTimeout(()=>{try{const e=localStorage.getItem("wagtail:side-panel-open");!t&&e&&s(e),c(localStorage.getItem("wagtail:side-panel-width"))}catch(e){}setTimeout(()=>{e.classList.remove("form-side--initial")})})})(),function(e=document.querySelectorAll("[data-panel-toggle]")){e.forEach(i)}();const e=document.getElementById("w-edit-handler-data");if(e){const t=JSON.parse(e.textContent);window.wagtail.editHandler=window.telepath.unpack(t)}}),window.addEventListener("load",()=>{!function(e=(window.location.hash?document.getElementById(window.location.hash.slice(1)):null)){const t=e?.matches("[data-panel]")?e:(0,r.KX)();t&&setTimeout(()=>{t.scrollIntoView({behavior:"smooth"})},100)}(),((e=document.querySelector("[data-minimap-container]"))=>{if(!e)return;if(!document.body.querySelectorAll("[data-panel-anchor]").length)return;const t=(0,u.s)(y.bind(null,e),100);document.addEventListener("w-tabs:changed",t),document.addEventListener("w-tabs:ready",t),document.addEventListener("wagtail:panel-init",t);const n=()=>e.style.setProperty("--offset-top",`${e.offsetTop}px`),a=(0,u.s)(n,100);window.addEventListener("resize",a),n(),t(e)})()})}},n={};function a(e){var r=n[e];if(void 0!==r)return r.exports;var l=n[e]={exports:{}};return t[e](l,l.exports,a),l.exports}a.m=t,e=[],a.O=(t,n,r,l)=>{if(!n){var i=1/0;for(c=0;c<e.length;c++){for(var[n,r,l]=e[c],o=!0,s=0;s<n.length;s++)(!1&l||i>=l)&&Object.keys(a.O).every(e=>a.O[e](n[s]))?n.splice(s--,1):(o=!1,l<i&&(i=l));if(o){e.splice(c--,1);var d=r();void 0!==d&&(t=d)}}return t}l=l||0;for(var c=e.length;c>0&&e[c-1][2]>l;c--)e[c]=e[c-1];e[c]=[n,r,l]},a.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return a.d(t,{a:t}),t},a.d=(e,t)=>{for(var n in t)a.o(t,n)&&!a.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},a.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.j=445,(()=>{var e={445:0};a.O.j=t=>0===e[t];var t=(t,n)=>{var r,l,[i,o,s]=n,d=0;if(i.some(t=>0!==e[t])){for(r in o)a.o(o,r)&&(a.m[r]=o[r]);if(s)var c=s(a)}for(t&&t(n);d<i.length;d++)l=i[d],a.o(e,l)&&e[l]&&e[l][0](),e[l]=0;return a.O(c)},n=globalThis.webpackChunkwagtail=globalThis.webpackChunkwagtail||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))})();var r=a.O(void 0,[321],()=>a(412));r=a.O(r)})();
+(()=>{"use strict";var e,t={412:(e,t,n)=>{var a=n(2833);var r=n(4072);const l=(e,t=!("true"===e.getAttribute("aria-expanded")))=>{const n=document.querySelector(`#${e.getAttribute("aria-controls")}`);n&&(e.setAttribute("aria-expanded",`${t}`),t?n.removeAttribute("hidden"):"onbeforematch"in document.body?n.setAttribute("hidden","until-found"):n.setAttribute("hidden",""),e.dispatchEvent(new CustomEvent("commentAnchorVisibilityChange",{bubbles:!0})),e.dispatchEvent(new CustomEvent("wagtail:panel-toggle",{bubbles:!0,cancelable:!1,detail:{expanded:t}})))};function i(e){const t=e.closest("[data-panel]"),n=document.querySelector(`#${e.getAttribute("aria-controls")}`);if(!n||!t||t.collapsibleInitialised)return;t.collapsibleInitialised=!0;const a=l.bind(null,e),r=t.classList.contains("collapsed"),i=n.querySelector('[aria-invalid="true"], .error, .w-field--error'),o=r&&!i;o&&a(!1),e.addEventListener("click",a.bind(null,void 0));const s=t.querySelector("[data-panel-heading]");s&&s.addEventListener("click",a.bind(null,void 0)),n.addEventListener("beforematch",a.bind(null,!0)),e.dispatchEvent(new CustomEvent("wagtail:panel-init",{bubbles:!0,cancelable:!1,detail:{expanded:!o}}))}var o=n(2427),s=n.n(o),d=n(6931),c=n.n(d),u=n(8667),m=n(1238);const p=({expanded:e,floating:t,insideMinimap:n,onClick:r})=>s().createElement("button",{type:"button","aria-expanded":e,onClick:r,className:`button button-small button-secondary w-minimap__collapse-all ${t?"w-minimap__collapse-all--floating":""} ${n?"w-minimap__collapse-all--inside":""}`},s().createElement(m.A,{name:e?"collapse-up":"collapse-down"}),e?(0,a.AP)("Collapse all"):(0,a.AP)("Expand all")),g=s().createElement("span",{className:"w-required-mark"},"*"),h=({item:e,intersects:t,expanded:n,onClick:r})=>{const{href:l,label:i,icon:o,required:d,errorCount:c,level:u}=e,p=c>0,h=(0,a.WI)("%(num)s error","%(num)s errors",c).replace("%(num)s",`${c}`),f=i.length>22?`${i.substring(0,22)}…`:i;return s().createElement("a",{href:l,className:`w-minimap-item w-minimap-item--${u} ${t?"w-minimap-item--active":""} ${p?"w-minimap-item--error":""}`,onClick:r.bind(null,e),"aria-current":t,tabIndex:n?void 0:-1,"aria-describedby":n?void 0:"w-minimap-toggle"},p?s().createElement("div",{className:"w-minimap-item__errors","aria-label":h},c):null,s().createElement(m.A,{name:"minus",className:"w-minimap-item__placeholder"}),"h1"!==u&&"h2"!==u?s().createElement(m.A,{name:o,className:"w-minimap-item__icon"}):null,s().createElement("span",{className:"w-minimap-item__label"},s().createElement("span",{className:"w-minimap-item__text"},f),d?g:null))},f={root:null,rootMargin:"-50px 0px -70px 0px",threshold:.1},b=(e,{target:t,isIntersecting:n})=>{const a=t.closest("[data-panel]")?.id;return a?(e[`#${a}`]=n,e):e},v=({container:e,anchorsContainer:t,links:n,onUpdate:r,toggleAllPanels:i})=>{const d=(0,o.useMemo)(()=>(()=>{let e="false";try{e=localStorage.getItem("wagtail:minimap-expanded")||e}catch{}return"true"===e})(),[]),[c,g]=(0,o.useState)(d),v=(0,o.useCallback)((e=!c)=>{g(e),document.body.classList.toggle("minimap-open",e);try{localStorage.setItem("wagtail:minimap-expanded",e?"true":"false")}catch{}},[c,g]),[w,y]=(0,o.useState)(!0),[E,S]=(0,o.useState)({}),x=(0,o.useRef)(null),A=(0,o.useRef)({}),q=(0,o.useRef)(null),L=(0,o.useRef)(null),C=(e,t)=>{c||t.preventDefault(),l(e.toggle,!0),v(!0)};return(0,o.useEffect)(()=>{v(d)},[]),(0,o.useEffect)(()=>{x.current||(x.current=new IntersectionObserver(t=>{A.current=t.reduce(b,{...A.current}),q.current||(q.current=(0,u.s)(e=>{S(e),(e=>{const t=e.querySelectorAll('a[aria-current="true"]');if(0===t.length||e.scrollHeight===e.clientHeight)return;const n=t[0],a=t[t.length-1];let r=e.scrollTop;n&&n.offsetTop<e.scrollTop&&(r=n.offsetTop),a&&a.offsetTop>e.scrollTop+e.offsetHeight&&(r=a.offsetTop-e.offsetHeight+a.offsetHeight),e.scrollTop=r})(L.current)},100)),q.current(A.current),t.forEach(({target:t})=>{t.closest(".deleted")&&r(e)})},f));const t=x.current;return t.disconnect(),n.forEach(({panel:e,toggle:n})=>{const a=e.matches(".w-panel--nested")&&null===e.closest("[data-field]");t.observe(a?n:e)}),()=>{t.disconnect()}},[n,e]),(0,o.useEffect)(()=>{y(!0)},[t,y]),s().createElement("div",null,s().createElement(p,{expanded:w,onClick:()=>{y(!w),i(!w)},floating:!0,insideMinimap:c}),s().createElement("div",{className:"w-minimap "+(c?"w-minimap--expanded":"")},s().createElement("div",{className:"w-minimap__header"},s().createElement("button",{id:"w-minimap-toggle",type:"button","aria-expanded":c,onClick:()=>v(!c),className:"w-minimap__toggle","aria-label":(0,a.AP)("Toggle side panel"),"data-controller":"w-kbd","data-w-kbd-key-value":"]"},s().createElement(m.A,{name:"expand-right"}))),s().createElement("ol",{className:"w-minimap__list",ref:L},n.map(e=>s().createElement("li",{key:e.href},s().createElement(h,{item:e,intersects:E[e.href],expanded:c,onClick:C})))),s().createElement("div",{className:"w-minimap__footer"})))},w=e=>{const t=e.closest("[data-panel]"),n=t?.getAttribute("aria-labelledby"),a=t?.querySelector(`#${n}`),r=t?.querySelector("[data-panel-toggle]"),l=e.closest("[data-inline-panel-child].deleted");if(!t||!a||!r||l)return null;const i=a.querySelector("[data-panel-heading-text]"),o=i?.textContent||a.textContent?.replace(/\s+\*\s+$/g,"").trim(),s=null!==t.querySelector("[data-panel-required]"),d=r.querySelector("use"),c=d?.getAttribute("href")?.replace("#icon-","")||"",u=`h${a.getAttribute("aria-level")||a.tagName[1]||2}`,m=[].slice.call(t.querySelectorAll(":not([hidden]):is(.error-message)")).filter(e=>e.closest("[data-panel]")===t).length;return{anchor:e,toggle:r,panel:t,icon:c,label:o||"",href:e.getAttribute("href")||"",required:s,errorCount:m,level:u}},y=e=>{let t=document.body;const n=document.querySelector('[data-controller~="w-tabs"]:not([data-panel] [data-controller~="w-tabs"]):has([data-panel-anchor])');if(n){const e=n.querySelector('[role="tab"][aria-selected="true"]'),a=e?.getAttribute("aria-controls");t=n.querySelector(`#${a}`)||t}const a=t.querySelectorAll("[data-panel-anchor]"),r=[].slice.call(a).map(w).filter(Boolean),i=t.querySelectorAll('[data-streamfield-action="SETTINGS"]');c().render(s().createElement(v,{container:e,anchorsContainer:t,links:r,onUpdate:y,toggleAllPanels:e=>{r.forEach((t,n)=>{0===n&&t.href.includes("title")||l(t.toggle,e)}),i.forEach(t=>{"true"===t.getAttribute("aria-expanded")!==e&&t.click()})}}),e)};document.addEventListener("DOMContentLoaded",()=>{(function(){const e=document.querySelector("[data-form-side]");if(!e)return;const t="formSideExplorer"in e.dataset,n=document.querySelector("[data-form-side-resize-grip]"),r=document.querySelector("[data-form-side-width-input]"),l=()=>{const t=getComputedStyle(e),n=parseFloat(t.minWidth),a=parseFloat(t.maxWidth),r=parseFloat(t.width),l=a-n;return{minWidth:n,maxWidth:a,width:r,range:l,percentage:(r-n)/l*100}},i=e=>"rtl"===document.documentElement.dir?e:100-e;let o;const s=n=>{clearTimeout(o);const a=document.querySelector("body"),s=document.querySelector(`[data-side-panel="${n}"]`);if((!n||s)&&(""===n?(e.classList.remove("form-side--open"),e.removeAttribute("aria-labelledby")):(e.classList.add("form-side--open"),e.setAttribute("aria-labelledby",`side-panel-${n}-title`)),document.querySelectorAll("[data-side-panel]").forEach(t=>{const r=t.dataset.sidePanel;if(r===n)t.hidden&&(t.hidden=!1,e.classList.add(`form-side--${r}`),a.classList.add("side-panel-open"));else if(!t.hidden){const l=()=>{t.hidden=!0,t.dispatchEvent(new CustomEvent("hide")),e.classList.remove(`form-side--${r}`)};""===n?(a.classList.remove("side-panel-open"),o=setTimeout(l,500)):l()}}),document.querySelectorAll("[data-side-panel-toggle]").forEach(e=>{e.setAttribute("aria-expanded",e.dataset.sidePanelToggle===n?"true":"false")}),s&&s.dispatchEvent(new CustomEvent("show")),!t)){try{localStorage.setItem("wagtail:side-panel-open",n)}catch(e){}setTimeout(()=>{const{percentage:e}=l();r.value=i(e)},500)}};document.querySelectorAll("[data-side-panel]").forEach(e=>{e.addEventListener("open",()=>{s(e.dataset.sidePanel)})}),document.querySelectorAll("[data-side-panel-toggle]").forEach(e=>{e.addEventListener("click",()=>{(e=>{const t=!document.querySelector(`[data-side-panel="${e}"]`).hasAttribute("hidden");s(t?"":e)})(e.dataset.sidePanelToggle)})});const d=document.querySelector("[data-form-side-close-button]");d instanceof HTMLButtonElement&&d.addEventListener("click",()=>{s("")});const c=e=>{const{minWidth:n,maxWidth:o,range:s,width:d}=l(),c=parseInt(Math.max(n,Math.min(e,o)),10)||d,u=(0,a.WI)("%(num)s pixel","%(num)s pixels",c).replace("%(num)s",c);document.documentElement.style.setProperty("--side-panel-width",`${c}px`);const m=(c-n)/s*100;if(r.value=i(m),r.setAttribute("aria-valuetext",u),!t)try{localStorage.setItem("wagtail:side-panel-width",c)}catch(e){}};let u,m;const p=e=>{if(!e.screenX||!u||!m)return;const t="rtl"===document.documentElement.dir?-1:1,n=u-e.screenX;c(m+n*t)},g=e=>{n.releasePointerCapture(e.pointerId),n.removeEventListener("pointermove",p),document.removeEventListener("pointerup",g),document.body.classList.remove("side-panel-resizing")};n.addEventListener("pointerdown",e=>{0===e.button&&(u=e.screenX,m=l().width,document.body.classList.add("side-panel-resizing"),n.setPointerCapture(e.pointerId),n.addEventListener("pointermove",p),document.addEventListener("pointerup",g))}),r.addEventListener("change",e=>{const{minWidth:t,range:n}=l(),a=parseInt(e.target.value,10),r=i(a);c(t+n*r/100)}),setTimeout(()=>{try{const e=localStorage.getItem("wagtail:side-panel-open");!t&&e&&s(e),c(localStorage.getItem("wagtail:side-panel-width"))}catch(e){}setTimeout(()=>{e.classList.remove("form-side--initial")})})})(),function(e=document.querySelectorAll("[data-panel-toggle]")){e.forEach(i)}();const e=document.getElementById("w-edit-handler-data");if(e){const t=JSON.parse(e.textContent);window.wagtail.editHandler=window.telepath.unpack(t)}}),window.addEventListener("load",()=>{!function(e=(window.location.hash?document.getElementById(window.location.hash.slice(1)):null)){const t=e?.matches("[data-panel]")?e:(0,r.KX)();t&&setTimeout(()=>{t.scrollIntoView({behavior:"smooth"})},100)}(),((e=document.querySelector("[data-minimap-container]"))=>{if(!e)return;if(!document.body.querySelectorAll("[data-panel-anchor]").length)return;const t=(0,u.s)(y.bind(null,e),100);document.addEventListener("w-tabs:changed",t),document.addEventListener("w-tabs:ready",t),document.addEventListener("wagtail:panel-init",t);const n=()=>e.style.setProperty("--offset-top",`${e.offsetTop}px`),a=(0,u.s)(n,100);window.addEventListener("resize",a),n(),t(e)})()})}},n={};function a(e){var r=n[e];if(void 0!==r)return r.exports;var l=n[e]={exports:{}};return t[e](l,l.exports,a),l.exports}a.m=t,e=[],a.O=(t,n,r,l)=>{if(!n){var i=1/0;for(c=0;c<e.length;c++){for(var[n,r,l]=e[c],o=!0,s=0;s<n.length;s++)(!1&l||i>=l)&&Object.keys(a.O).every(e=>a.O[e](n[s]))?n.splice(s--,1):(o=!1,l<i&&(i=l));if(o){e.splice(c--,1);var d=r();void 0!==d&&(t=d)}}return t}l=l||0;for(var c=e.length;c>0&&e[c-1][2]>l;c--)e[c]=e[c-1];e[c]=[n,r,l]},a.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return a.d(t,{a:t}),t},a.d=(e,t)=>{for(var n in t)a.o(t,n)&&!a.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},a.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.j=445,(()=>{var e={445:0};a.O.j=t=>0===e[t];var t=(t,n)=>{var r,l,[i,o,s]=n,d=0;if(i.some(t=>0!==e[t])){for(r in o)a.o(o,r)&&(a.m[r]=o[r]);if(s)var c=s(a)}for(t&&t(n);d<i.length;d++)l=i[d],a.o(e,l)&&e[l]&&e[l][0](),e[l]=0;return a.O(c)},n=globalThis.webpackChunkwagtail=globalThis.webpackChunkwagtail||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))})();var r=a.O(void 0,[321],()=>a(412));r=a.O(r)})();

wagtail/admin/templates/wagtailadmin/base.html

@@ -9,7 +9,7 @@
     <main class="content-wrapper w-overflow-x-hidden" id="main">
         <div class="content">
             {# Always show messages div so it can be appended to by JS #}
-            <div class="messages" role="status" data-controller="w-messages" data-action="w-messages:add@document->w-messages#add" data-w-messages-added-class="new" data-w-messages-show-class="appear" data-w-messages-show-delay-value="100">
+            <div class="messages" role="status" data-controller="w-messages" data-action="w-messages:add@document->w-messages#add w-messages:clear@document->w-messages#clear" data-w-messages-added-class="new" data-w-messages-show-class="appear" data-w-messages-show-delay-value="100">
                 <ul data-w-messages-target="container">
                     {% if messages %}
                         {% for message in messages %}
@@ -32,7 +32,7 @@
                                         type="button"
                                         class="button button-small button-secondary w-hidden w-ml-2.5"
                                         data-controller="w-count w-focus"
-                                        data-action="click->w-focus#focus"
+                                        data-action="click->w-focus#focus wagtail:panel-init@document->w-count#count"
                                         data-w-count-active-class="!w-inline-block"
                                         data-w-count-find-value=":not([hidden]):is(.error-message,.help-critical)"
                                         data-w-focus-target-value=":not([hidden]):is(.error-message,.help-critical)"

wagtail/admin/templates/wagtailadmin/generic/edit_partials.html

@@ -0,0 +1,100 @@
+{% load wagtailadmin_tags %}
+
+{% block title %}
+    <template
+        data-controller="w-teleport"
+        data-w-teleport-target-value="head title"
+        data-w-teleport-mode-value="textContent"
+    >
+        {{ header_title }}
+    </template>
+{% endblock %}
+
+{% block side_panels %}
+    {% for panel in side_panels %}
+        <template
+            data-controller="w-teleport"
+            data-w-teleport-target-value="[data-side-panel='{{ panel.name }}']"
+            data-w-teleport-mode-value="innerHTML"
+        >
+            {% include "wagtailadmin/shared/side_panels/includes/side_panel.html" with panel=panel %}
+        </template>
+    {% endfor %}
+{% endblock side_panels %}
+
+{% block breadcrumbs %}
+    <template
+        data-controller="w-teleport"
+        data-w-teleport-target-value="header [data-w-breadcrumbs]"
+        data-w-teleport-mode-value="outerHTML"
+    >
+        {% block breadcrumbs_content %}
+            {% breadcrumbs breadcrumbs_items icon_name=icon_name %}
+        {% endblock %}
+
+        {% block header_buttons %}
+            {% if hydrate_create_view %}
+                {% fragment as actions %}
+                    {% for button in header_buttons %}
+                        {% component button %}
+                    {% endfor %}
+                {% endfragment %}
+
+                {% include "wagtailadmin/shared/headers/_actions.html" with actions=actions %}
+            {% endif %}
+        {% endblock %}
+    </template>
+{% endblock %}
+
+{% block history_link %}
+    {% if hydrate_create_view and history_url %}
+        <template
+            data-controller="w-teleport"
+            data-w-teleport-target-value="[data-side-panel-toggle]:last-of-type"
+            data-w-teleport-mode-value="afterend"
+        >
+            {% include "wagtailadmin/shared/headers/_history_icon_link.html" with history_url=history_url only %}
+        </template>
+    {% endif %}
+{% endblock %}
+
+{% block form_title_heading %}
+    <template
+        data-controller="w-teleport"
+        data-w-teleport-target-value="#header-title span"
+        data-w-teleport-mode-value="textContent"
+    >
+        {{ page_subtitle|default:page_title }}
+    </template>
+{% endblock %}
+
+{% block form %}
+    {% if hydrate_create_view and revision_enabled and object.latest_revision_id %}
+        <template
+            data-controller="w-teleport"
+            data-w-teleport-target-value="form[data-edit-form]"
+            data-w-teleport-mode-value="afterbegin"
+        >
+            {% include "wagtailadmin/generic/includes/_loaded_revision_inputs.html" with loaded_revision_id=object.latest_revision_id loaded_revision_created_at=loaded_revision_created_at only %}
+        </template>
+    {% endif %}
+{% endblock %}
+
+{% block editing_sessions %}
+    {% comment %}
+        The create view is not initially loaded with the editing sessions module,
+        as it requires the instance to exist. Once the instance is created, we
+        load the module into place adjacent to the autosave indicator.
+    {% endcomment %}
+    {% if hydrate_create_view and editing_sessions %}
+        <template
+            data-controller="w-teleport"
+            data-w-teleport-target-value="#w-autosave-indicator"
+            data-w-teleport-mode-value="afterend"
+        >
+            {% component editing_sessions %}
+        </template>
+    {% endif %}
+{% endblock %}
+
+{% block extra %}{% endblock %}

wagtail/admin/templates/wagtailadmin/generic/form.html

@@ -1,5 +1,5 @@
 {% extends "wagtailadmin/generic/base.html" %}
-{% load i18n wagtailadmin_tags %}
+{% load i18n l10n wagtailadmin_tags %}
 {% block bodyclass %}editor-view{% endblock %}
 
 {% block main_header %}
@@ -9,7 +9,7 @@
                 {% if header_icon %}
                     {% icon classname="w-absolute w-top-1 -w-left-11 w-max-w-[1em] w-max-h-[1em]" name=header_icon %}
                 {% endif %}
-                {{ page_subtitle|default:page_title }}
+                <span>{{ page_subtitle|default:page_title }}</span>
             </h2>
         </div>
     {% else %}
@@ -26,13 +26,23 @@
         novalidate
         {% if form_is_multipart or form.is_multipart %} enctype="multipart/form-data"{% endif %}
         data-edit-form
-        data-controller="w-unsaved"
-        data-action="w-unsaved#submit beforeunload@window->w-unsaved#confirm change->w-unsaved#check keyup->w-unsaved#check"
+        data-controller="w-unsaved {% if autosave_enabled %}w-autosave{% endif %}"
+        data-action="
+                     w-unsaved#submit
+                     beforeunload@window->w-unsaved#confirm
+                     {% if autosave_enabled %}
+                         w-unsaved:add->w-autosave#save:prevent
+                         w-autosave:success->w-unsaved#clear
+                     {% endif %}
+                    "
+        {% if autosave_enabled %}data-w-autosave-interval-value="{{ autosave_interval|unlocalize }}"{% endif %}
         data-w-unsaved-confirmation-value="true"
         data-w-unsaved-force-value="{{ has_unsaved_changes|yesno:'true,false' }}"
-        data-w-unsaved-watch-value="edits"
     >
         {% csrf_token %}
+        {% if revision_enabled and object.latest_revision_id %}
+            {% include "wagtailadmin/generic/includes/_loaded_revision_inputs.html" with loaded_revision_id=object.latest_revision_id loaded_revision_created_at=loaded_revision_created_at only %}
+        {% endif %}
 
         {% block form_content %}
             {% if panel %}
@@ -84,6 +94,17 @@
                 {% endblock%}
             </footer>
         {% endblock %}
+
+        {% block partials %}
+            {% if autosave_enabled %}
+                <div data-w-autosave-target="partials" hidden>
+                    {% comment %}
+                        Any UI updates in the autosave response will be added here
+                        as template elements, to be put into place via w-teleport.
+                    {% endcomment %}
+                </div>
+            {% endif %}
+        {% endblock %}
     </form>
 {% endblock %}
 

wagtail/admin/templates/wagtailadmin/generic/includes/_loaded_revision_inputs.html

@@ -0,0 +1,3 @@
+{% load l10n %}
+<input type="hidden" name="loaded_revision_id" value="{{ loaded_revision_id|unlocalize }}">
+<input type="hidden" name="loaded_revision_created_at" value="{{ loaded_revision_created_at }}">

wagtail/admin/templates/wagtailadmin/generic/listing_results.html

@@ -1,23 +1,7 @@
 {% load wagtailadmin_tags i18n %}
 
 {% block before_results %}
-    {% if view.active_filters %}
-        {% include "wagtailadmin/shared/active_filters.html" with active_filters=view.active_filters %}
-    {% endif %}
-
-    {% if render_filters_fragment %}
-        <template data-controller="w-teleport" data-w-teleport-target-value="#filters-drilldown" data-w-teleport-reset-value="true">
-            {% include "wagtailadmin/shared/headers/_filters.html" with filters=filters %}
-        </template>
-    {% endif %}
-
-    {% if render_buttons_fragment %}
-        <template data-controller="w-teleport" data-w-teleport-target-value="#w-slim-header-buttons" data-w-teleport-reset-value="true">
-            {% for button in header_buttons %}
-                {% component button %}
-            {% endfor %}
-        </template>
-    {% endif %}
+    {% include "wagtailadmin/shared/listing/filter_partials.html" %}
 
     {% block other_searches %}{% endblock %}
 

wagtail/admin/templates/wagtailadmin/pages/create.html

@@ -1,6 +1,6 @@
 {% extends "wagtailadmin/generic/form.html" %}
 {% load wagtailadmin_tags %}
-{% load i18n %}
+{% load i18n l10n %}
 
 {% block content %}
     {% get_comments_enabled as comments_enabled %}
@@ -14,12 +14,19 @@
         novalidate
         {% if form.is_multipart %}enctype="multipart/form-data"{% endif %}
         data-edit-form
-        data-controller="w-init w-unsaved"
-        data-action="w-unsaved#submit beforeunload@window->w-unsaved#confirm change->w-unsaved#check keyup->w-unsaved#check"
+        data-controller="w-init w-unsaved {% if autosave_enabled %}w-autosave{% endif %}"
+        data-action="
+                     w-unsaved#submit
+                     beforeunload@window->w-unsaved#confirm
+                     {% if autosave_enabled %}
+                         w-unsaved:add->w-autosave#save:prevent
+                         w-autosave:success->w-unsaved#clear
+                     {% endif %}
+                    "
+        {% if autosave_enabled %}data-w-autosave-interval-value="{{ autosave_interval|unlocalize }}"{% endif %}
         data-w-init-event-value="{% if comments_enabled %}w-comments:init{% endif %}"
         data-w-unsaved-confirmation-value="true"
         data-w-unsaved-force-value="{% if has_unsaved_changes %}true{% else %}false{% endif %}"
-        data-w-unsaved-watch-value="edits{% if comments_enabled %} comments{% endif %}"
     >
         {% csrf_token %}
 
@@ -37,6 +44,9 @@
             {{ block.super }}
             {# Reuse the footer container, but redefine the actions content down below to use component classes #}
         {% endblock %}
+        {% block partials %}
+            {{ block.super }}
+        {% endblock %}
     </form>
 
 {% endblock %}

wagtail/admin/templates/wagtailadmin/pages/edit.html

@@ -19,22 +19,35 @@
             novalidate
             {% if form.is_multipart %}enctype="multipart/form-data"{% endif %}
             data-edit-form
-            data-controller="w-init w-unsaved"
-            data-action="w-unsaved#submit beforeunload@window->w-unsaved#confirm change->w-unsaved#check keyup->w-unsaved#check"
+            data-controller="w-init w-unsaved {% if autosave_enabled %}w-autosave{% endif %}"
+            data-action="
+                         w-unsaved#submit
+                         beforeunload@window->w-unsaved#confirm
+                         {% if autosave_enabled %}
+                             w-unsaved:add->w-autosave#save:prevent
+                             w-autosave:success->w-unsaved#clear
+                         {% endif %}
+                        "
+            {% if autosave_enabled %}data-w-autosave-interval-value="{{ autosave_interval|unlocalize }}"{% endif %}
             data-w-init-event-value="{% if comments_enabled %}w-comments:init{% endif %}"
             data-w-unsaved-confirmation-value="true"
             data-w-unsaved-force-value="{% if has_unsaved_changes %}true{% else %}false{% endif %}"
-            data-w-unsaved-watch-value="edits{% if comments_enabled %} comments{% endif %}"
         >
             {% csrf_token %}
 
             <input type="hidden" name="next" value="{{ next }}">
+            {% if page.latest_revision_id %}
+                {% include "wagtailadmin/generic/includes/_loaded_revision_inputs.html" with loaded_revision_id=page.latest_revision_id loaded_revision_created_at=loaded_revision_created_at only %}
+            {% endif %}
             {{ edit_handler.render_form_content }}
 
             {% block footer %}
                 {{ block.super }}
                 {# Reuse the footer container, but redefine the actions content down below to use component classes #}
             {% endblock %}
+            {% block partials %}
+                {{ block.super }}
+            {% endblock %}
         </form>
     {% endblock %}
 {% endblock %}

wagtail/admin/templates/wagtailadmin/pages/edit_partials.html

@@ -0,0 +1,31 @@
+{% extends "wagtailadmin/generic/edit_partials.html" %}
+{% load wagtailadmin_tags %}
+
+{% block breadcrumbs_content %}
+    {% page_breadcrumbs page 'wagtailadmin_explore' url_root_name='wagtailadmin_explore_root' %}
+{% endblock %}
+
+{% block header_buttons %}
+    {% if hydrate_create_view %}
+        {% fragment as actions %}
+            {% page_header_buttons page user=request.user view_name="edit" %}
+        {% endfragment %}
+
+        {% include "wagtailadmin/shared/headers/_actions.html" with actions=actions %}
+    {% endif %}
+{% endblock %}
+
+{# For pages, the title "heading" is the editable title field. #}
+{% block form_title_heading %}{% endblock %}
+
+{% block form %}
+    {% if hydrate_create_view %}
+        <template
+            data-controller="w-teleport"
+            data-w-teleport-target-value="form[data-edit-form]"
+            data-w-teleport-mode-value="afterbegin"
+        >
+            {% include "wagtailadmin/generic/includes/_loaded_revision_inputs.html" with loaded_revision_id=page.latest_revision_id loaded_revision_created_at=loaded_revision_created_at only %}
+        </template>
+    {% endif %}
+{% endblock %}

wagtail/admin/templates/wagtailadmin/pages/index_results.html

@@ -1,14 +1,6 @@
 {% load wagtailadmin_tags %}
 
-{% if view.active_filters %}
-    {% include "wagtailadmin/shared/active_filters.html" with active_filters=view.active_filters %}
-{% endif %}
-
-{% if render_filters_fragment %}
-    <template data-controller="w-teleport" data-w-teleport-target-value="#filters-drilldown" data-w-teleport-reset-value="true">
-        {% include "wagtailadmin/shared/headers/_filters.html" with filters=filters %}
-    </template>
-{% endif %}
+{% include "wagtailadmin/shared/listing/filter_partials.html" %}
 
 <form id="page-reorder-form">
     {% csrf_token %}

wagtail/admin/templates/wagtailadmin/shared/autosave/indicator.html

@@ -0,0 +1,36 @@
+{% load wagtailadmin_tags i18n %}
+
+{% comment %}
+    This indicator component reuses AutosaveController to listen to the events
+    that are dispatched by w-autosave on the editor form to update the
+    indicator's state accordingly.
+{% endcomment %}
+<div
+    id="w-autosave-indicator"
+    class="w-autosave-indicator"
+    data-controller="w-tooltip w-autosave"
+    data-w-tooltip-content-value=""
+    data-action="
+                 w-autosave:save@document->w-autosave#updateIndicator
+                 w-autosave:success@document->w-autosave#updateIndicator
+                 w-autosave:error@document->w-autosave#updateIndicator
+                ">
+    <div class="w-autosave-indicator__state w-autosave-indicator__state--saving">
+        {% icon name="rotate" %}
+        <span class="w-autosave-indicator__text">
+            {% translate 'Saving…' %}
+        </span>
+    </div>
+    <div class="w-autosave-indicator__state w-autosave-indicator__state--saved">
+        {% icon name="check" %}
+        <span class="w-autosave-indicator__text">
+            {% translate 'Saved' %}
+        </span>
+    </div>
+    <div class="w-autosave-indicator__state w-autosave-indicator__state--paused">
+        {% icon name="warning" %}
+        <span class="w-autosave-indicator__text">
+            {% translate 'Autosave is paused' %}
+        </span>
+    </div>
+</div>

wagtail/admin/templates/wagtailadmin/shared/breadcrumbs.html

@@ -10,7 +10,7 @@
 {% endcomment %}
 {% with breadcrumb_link_classes='w-flex w-items-center w-text-text-label w-pr-0.5 w-text-14 w-no-underline w-outline-offset-inside w-border-b w-border-b-2 w-border-transparent w-box-content hover:w-border-current hover:w-text-text-label' breadcrumb_item_classes='w-h-full w-flex w-items-center w-overflow-hidden w-transition w-duration-300 w-whitespace-nowrap w-flex-shrink-0' icon_classes='w-w-4 w-h-4 w-ml-3' %}
     {# Breadcrumbs are visible on mobile by default but hidden on desktop #}
-    <div class="w-breadcrumbs w-flex w-flex-row w-items-center w-overflow-x-auto w-overflow-y-hidden w-scrollbar-thin {{ classname }} {% if is_expanded %} w-pl-3{% endif %}"
+    <div data-w-breadcrumbs class="w-breadcrumbs w-flex w-flex-row w-items-center w-overflow-x-auto w-overflow-y-hidden w-scrollbar-thin {{ classname }} {% if is_expanded %} w-pl-3{% endif %}"
          {% if not items %}hidden{% endif %}
          {% if not is_expanded %}
              data-controller="w-breadcrumbs"

wagtail/admin/templates/wagtailadmin/shared/editing_sessions/list.html

@@ -104,7 +104,7 @@
 </ol>
 
 {% if sessions.0.revision_id %}
-    <template data-controller="w-teleport" data-w-teleport-target-value="#title-text-w-overwrite-changes-dialog" data-w-teleport-reset-value="true">
+    <template data-controller="w-teleport" data-w-teleport-target-value="#title-text-w-overwrite-changes-dialog" data-w-teleport-mode-value="textContent">
         {% if current_session.user == sessions.0.user %}
             {% blocktranslate trimmed asvar someone_has_saved_message %}
                 You saved a new version in another window
@@ -117,7 +117,7 @@
         {{ someone_has_saved_message }}
     </template>
 
-    <template data-controller="w-teleport" data-w-teleport-target-value="#subtitle-w-overwrite-changes-dialog" data-w-teleport-reset-value="true">
+    <template data-controller="w-teleport" data-w-teleport-target-value="#subtitle-w-overwrite-changes-dialog" data-w-teleport-mode-value="textContent">
         {% if current_session.user == sessions.0.user %}
             {% blocktranslate trimmed asvar overwrite_message %}
                 Proceeding will overwrite the changes you made in that window. Refreshing the page will show you the new changes, but you will lose any of your unsaved changes in the current window.

wagtail/admin/templates/wagtailadmin/shared/editing_sessions/module.html

@@ -31,12 +31,28 @@
     data-w-action-url-value="{{ release_url }}"
     data-w-session-interval-value="{{ ping_interval|unlocalize }}"
     data-w-session-w-dialog-outlet="[data-edit-form] [data-controller='w-dialog']#w-overwrite-changes-dialog"
-    data-action="w-session:ping->w-swap#submit visibilitychange@document->w-session#dispatchVisibilityState w-session:visible->w-session#ping w-session:visible->w-session#addInterval w-session:hidden->w-session#clearInterval w-session:hidden->w-action#sendBeacon w-unsaved:add@document->w-session#setUnsavedChanges w-unsaved:clear@document->w-session#setUnsavedChanges w-swap:json->w-session#updateSessionData"
+    data-action="
+                 w-session:ping->w-swap#submit
+                 visibilitychange@document->w-session#dispatchVisibilityState
+                 w-session:visible->w-session#ping
+                 w-session:visible->w-session#addInterval
+                 w-session:hidden->w-session#clearInterval
+                 w-session:hidden->w-action#sendBeacon
+                 w-unsaved:add@document->w-session#setUnsavedChanges
+                 w-unsaved:clear@document->w-session#setUnsavedChanges
+                 w-swap:json->w-session#updateSessionData
+                 w-autosave:success@document->w-session#updateSessionData
+                 w-autosave:deactivated@document->w-session#ping
+                "
 >
     <input type="checkbox" name="is_editing" value="1" data-w-session-target="unsavedChanges" hidden />
     {% if revision_id %}
-        {# The ID of the latest revision that was known when this module was initially loaded #}
-        <input type="hidden" name="revision_id" value="{{ revision_id|unlocalize }}" />
+        {# The ID of the revision that is being edited #}
+        <input type="hidden" name="revision_id" value="{{ revision_id|unlocalize }}" data-w-session-target="revisionId" />
+    {% endif %}
+    {% if revision_created_at %}
+        {# The created_at of the revision that is being edited #}
+        <input type="hidden" name="revision_created_at" value="{{ revision_created_at }}" data-w-session-target="revisionCreatedAt" />
     {% endif %}
     <div id="w-editing-sessions">
         {% component sessions_list %}

wagtail/admin/templates/wagtailadmin/shared/headers/_actions.html

@@ -0,0 +1,5 @@
+{# Actions divider #}
+<div class="w-w-px w-h-[30px] w-ml-auto sm:w-ml-0 w-bg-border-furniture"></div>
+<div id="w-slim-header-buttons" class="w-flex w-items-center w-ml-2.5 w-gap-1">
+    {{ actions }}
+</div>

wagtail/admin/templates/wagtailadmin/shared/headers/_history_icon_link.html

@@ -1,11 +1,11 @@
 {% load wagtailadmin_tags i18n %}
 
 <a href="{{ history_url }}"
-   class="{{ nav_icon_button_classes }}"
+   class="w-side-panel-toggle"
    aria-label="{% trans 'History' %}"
    data-controller="w-tooltip"
    data-w-tooltip-content-value="{% trans 'History' %}"
    data-w-tooltip-offset-value="[0, 0]"
 >
-    {% icon name="history" classname=nav_icon_classes %}
+    {% icon name="history" classname="w-side-panel-toggle__icon" %}
 </a>

wagtail/admin/templates/wagtailadmin/shared/headers/slim_header.html

@@ -18,9 +18,6 @@
     template to work.
 
 {% endcomment %}
-{% fragment as nav_icon_classes %}w-w-4 w-h-4 group-hover:w-transform group-hover:w-scale-110{% endfragment %}
-{% fragment as nav_icon_button_classes %}w-w-slim-header w-h-slim-header w-bg-transparent w-border-transparent w-box-border w-py-3 w-px-3 w-flex w-justify-center w-items-center w-outline-offset-inside w-text-text-meta w-transition w-group hover:w-text-text-label focus:w-text-text-label expanded:w-text-text-label expanded:w-border-y-2 expanded:w-border-b-current w-shrink-0 more-contrast:w-border more-contrast:w-border-border-interactive-more-contrast hover:more-contrast:w-border-border-interactive-more-contrast-hover{% endfragment %}
-{% fragment as nav_icon_counter_classes %}-w-mr-3 w-py-0.5 w-px-[0.325rem] w-translate-y-[-8px] rtl:w-translate-x-[4px] w-translate-x-[-4px] w-text-[0.5625rem] w-font-bold w-text-text-button w-border w-border-surface-page w-rounded-[1rem]{% endfragment %}
 {# Z index 99 to ensure header is always above  #}
 <div class="w-sticky w-top-0 w-z-header">
     <header class="w-slim-header w-bg-surface-header w-border-b w-border-border-furniture w-px-0 w-py-0 w-mb-0 w-relative w-top-0 w-z-header sm:w-sticky w-min-h-slim-header">
@@ -54,11 +51,7 @@
                             {% endblock %}
                         {% endfragment %}
                         {% if actions %}
-                            {# Actions divider #}
-                            <div class="w-w-px w-h-[30px] w-ml-auto sm:w-ml-0 w-bg-border-furniture"></div>
-                            <div id="w-slim-header-buttons" class="w-flex w-items-center w-ml-2.5 w-gap-1">
-                                {{ actions }}
-                            </div>
+                            {% include "wagtailadmin/shared/headers/_actions.html" with actions=actions %}
                         {% endif %}
                     {% endblock %}
                 </div>
@@ -115,6 +108,12 @@
             {% endblock %}
 
             <div class="w-w-full w-overflow-auto sm:w-w-min w-flex sm:w-flex-nowrap sm:w-flex-row w-items-center w-p-0 sm:w-py-0 w-px-2 sm:w-pr-4 sm:w-justify-end">
+                {% block autosave_indicator %}
+                    {% if autosave_indicator %}
+                        {% component autosave_indicator %}
+                    {% endif %}
+                {% endblock %}
+
                 {% block editing_sessions %}
                     {% if editing_sessions %}
                         {% component editing_sessions %}
@@ -126,7 +125,7 @@
                         {% include "wagtailadmin/shared/side_panel_toggles.html" %}
                     {% endif %}
                     {% if history_url %}
-                        {% include "wagtailadmin/shared/headers/_history_icon_link.html" with history_url=history_url nav_icon_button_classes=nav_icon_button_classes nav_icon_classes=nav_icon_classes only %}
+                        {% include "wagtailadmin/shared/headers/_history_icon_link.html" with history_url=history_url only %}
                     {% endif %}
                 {% endblock %}
             </div>

wagtail/admin/templates/wagtailadmin/shared/listing/filter_partials.html

@@ -0,0 +1,19 @@
+{% load wagtailadmin_tags %}
+
+{% if view.active_filters %}
+    {% include "wagtailadmin/shared/active_filters.html" with active_filters=view.active_filters %}
+{% endif %}
+
+{% if render_filters_fragment %}
+    <template data-controller="w-teleport" data-w-teleport-target-value="#filters-drilldown" data-w-teleport-mode-value="innerHTML">
+        {% include "wagtailadmin/shared/headers/_filters.html" with filters=filters %}
+    </template>
+{% endif %}
+
+{% if render_buttons_fragment %}
+    <template data-controller="w-teleport" data-w-teleport-target-value="#w-slim-header-buttons" data-w-teleport-mode-value="innerHTML">
+        {% for button in header_buttons %}
+            {% component button %}
+        {% endfor %}
+    </template>
+{% endif %}

wagtail/admin/templates/wagtailadmin/shared/side_panel_toggle.html

@@ -1,7 +1,7 @@
 {% load wagtailadmin_tags %}
 
 <button type="button"
-        class="{{ nav_icon_button_classes }}"
+        class="w-side-panel-toggle"
         aria-label="{{ toggle.aria_label }}"
         aria-expanded="false"
         data-controller="w-tooltip{% if toggle.keyboard_shortcut %} w-kbd{% endif %}"
@@ -10,9 +10,9 @@
         data-w-tooltip-content-value="{{ panel.title }}"
         data-w-tooltip-offset-value="[0, 0]"
 >
-    {% icon name=toggle.icon_name classname=nav_icon_classes %}
+    {% icon name=toggle.icon_name classname="w-side-panel-toggle__icon" %}
     {% if toggle.has_counter %}
-        <div data-side-panel-toggle-counter class="{{ nav_icon_counter_classes }} {{ toggle.counter_classname|default:'w-bg-surface-button-default'}}" {% if not count %}hidden{% endif %}>
+        <div data-side-panel-toggle-counter class="w-side-panel-toggle__counter {{ toggle.counter_classname|default:'w-bg-surface-button-default'}}" {% if not count %}hidden{% endif %}>
             {{ count|intcomma }}
         </div>
     {% endif %}

wagtail/admin/templates/wagtailadmin/shared/side_panels/includes/side_panel.html

@@ -0,0 +1,3 @@
+{% load wagtailadmin_tags %}
+<h2 id="side-panel-{{ panel.name }}-title" class="w-sr-only">{{ panel.title }}</h2>
+{% component panel %}