wagtail 7.0.2__py3-none-any.whl → 7.1__py3-none-any.whl

wagtail/admin/static/wagtailadmin/js/vendor.js.LICENSE.txt

@@ -24,26 +24,6 @@ object-assign
  * LICENSE file in the root directory of this source tree.
  */
 
-/**
- * @license React
- * use-sync-external-store-shim.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/**
- * @license React
- * use-sync-external-store-shim/with-selector.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
 /** @license React v0.19.1
  * scheduler.production.min.js
  *

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

@@ -1 +1 @@
-(()=>{"use strict";var e,t={412:(e,t,n)=>{var a=n(6664),r=n(2833);var l=n(4072);const i=(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 o(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=i.bind(null,e),r=t.classList.contains("collapsed"),l=n.querySelector('[aria-invalid="true"], .error, .w-field--error'),o=r&&!l;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 s=n(2427),c=n.n(s),d=n(6931),u=n.n(d),m=n(8667),p=n(1238);const g=({expanded:e,floating:t,insideMinimap:n,onClick:a})=>c().createElement("button",{type:"button","aria-expanded":e,onClick:a,className:`button button-small button-secondary w-minimap__collapse-all ${t?"w-minimap__collapse-all--floating":""} ${n?"w-minimap__collapse-all--inside":""}`},c().createElement(p.A,{name:e?"collapse-up":"collapse-down"}),e?(0,r.AP)("Collapse all"):(0,r.AP)("Expand all")),f=c().createElement("span",{className:"w-required-mark"},"*"),h=({item:e,intersects:t,expanded:n,onClick:a})=>{const{href:l,label:i,icon:o,required:s,errorCount:d,level:u}=e,m=d>0,g=(0,r.WI)("%(num)s error","%(num)s errors",d).replace("%(num)s",`${d}`),h=i.length>22?`${i.substring(0,22)}…`:i;return c().createElement("a",{href:l,className:`w-minimap-item w-minimap-item--${u} ${t?"w-minimap-item--active":""} ${m?"w-minimap-item--error":""}`,onClick:a.bind(null,e),"aria-current":t,tabIndex:n?void 0:-1,"aria-describedby":n?void 0:"w-minimap-toggle"},m?c().createElement("div",{className:"w-minimap-item__errors","aria-label":g},d):null,c().createElement(p.A,{name:"minus",className:"w-minimap-item__placeholder"}),"h1"!==u&&"h2"!==u?c().createElement(p.A,{name:o,className:"w-minimap-item__icon"}):null,c().createElement("span",{className:"w-minimap-item__label"},c().createElement("span",{className:"w-minimap-item__text"},h),s?f:null))},b={root:null,rootMargin:"-50px 0px -70px 0px",threshold:.1},v=(e,{target:t,isIntersecting:n})=>{const a=t.closest("[data-panel]")?.id;return a?(e[`#${a}`]=n,e):e},y=({container:e,anchorsContainer:t,links:n,onUpdate:a,toggleAllPanels:l})=>{const o=(0,s.useMemo)((()=>(()=>{let e="false";try{e=localStorage.getItem("wagtail:minimap-expanded")||e}catch{}return"true"===e})()),[]),[d,u]=(0,s.useState)(o),f=(0,s.useCallback)(((e=!d)=>{u(e),document.body.classList.toggle("minimap-open",e);try{localStorage.setItem("wagtail:minimap-expanded",e?"true":"false")}catch{}}),[d,u]),[y,w]=(0,s.useState)(!0),[E,S]=(0,s.useState)({}),x=(0,s.useRef)(null),A=(0,s.useRef)({}),q=(0,s.useRef)(null),L=(0,s.useRef)(null),_=(e,t)=>{d||t.preventDefault(),i(e.toggle,!0),f(!0)};return(0,s.useEffect)((()=>{f(o)}),[]),(0,s.useEffect)((()=>{x.current||(x.current=new IntersectionObserver((t=>{A.current=t.reduce(v,{...A.current}),q.current||(q.current=(0,m.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")&&a(e)}))}),b));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,s.useEffect)((()=>{w(!0)}),[t,w]),c().createElement("div",null,c().createElement(g,{expanded:y,onClick:()=>{w(!y),l(!y)},floating:!0,insideMinimap:d}),c().createElement("div",{className:"w-minimap "+(d?"w-minimap--expanded":"")},c().createElement("div",{className:"w-minimap__header"},c().createElement("button",{id:"w-minimap-toggle",type:"button","aria-expanded":d,onClick:()=>f(!d),className:"w-minimap__toggle","aria-label":(0,r.AP)("Toggle side panel")},c().createElement(p.A,{name:"expand-right"}))),c().createElement("ol",{className:"w-minimap__list",ref:L},n.map((e=>c().createElement("li",{key:e.href},c().createElement(h,{item:e,intersects:E[e.href],expanded:d,onClick:_}))))),c().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]"),c=r.querySelector("use"),d=c?.getAttribute("href")?.replace("#icon-","")||"",u=`h${a.getAttribute("aria-level")||a.tagName[1]||2}`,m=[].slice.call(t.querySelectorAll(".error-message")).filter((e=>e.closest("[data-panel]")===t)).length;return{anchor:e,toggle:r,panel:t,icon:d,label:o||"",href:e.getAttribute("href")||"",required:s,errorCount:m,level:u}},E=e=>{let t=document.body;const n=document.querySelector("[data-tabs]");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);u().render(c().createElement(y,{container:e,anchorsContainer:t,links:r,onUpdate:E,toggleAllPanels:e=>{r.forEach(((t,n)=>{0===n&&t.href.includes("title")||i(t.toggle,e)}))}}),e)};document.addEventListener("DOMContentLoaded",(()=>{(0,a.d)(),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]"),a=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 r=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 a=t.dataset.sidePanel;if(a===n)t.hidden&&(t.hidden=!1,e.classList.add(`form-side--${a}`),r.classList.add("side-panel-open"));else if(!t.hidden){const l=()=>{t.hidden=!0,t.dispatchEvent(new CustomEvent("hide")),e.classList.remove(`form-side--${a}`)};""===n?(r.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();a.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 c=document.querySelector("[data-form-side-close-button]");c instanceof HTMLButtonElement&&c.addEventListener("click",(()=>{s("")}));const d=e=>{const{minWidth:n,maxWidth:o,range:s,width:c}=l(),d=parseInt(Math.max(n,Math.min(e,o)),10)||c,u=(0,r.WI)("%(num)s pixel","%(num)s pixels",d).replace("%(num)s",d);document.documentElement.style.setProperty("--side-panel-width",`${d}px`);const m=(d-n)/s*100;if(a.value=i(m),a.setAttribute("aria-valuetext",u),!t)try{localStorage.setItem("wagtail:side-panel-width",d)}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;d(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))})),a.addEventListener("change",(e=>{const{minWidth:t,range:n}=l(),a=parseInt(e.target.value,10),r=i(a);d(t+n*r/100)})),setTimeout((()=>{try{const e=localStorage.getItem("wagtail:side-panel-open");!t&&e&&s(e),d(localStorage.getItem("wagtail:side-panel-width"))}catch(e){}setTimeout((()=>{e.classList.remove("form-side--initial")}))}))}(),function(e=document.querySelectorAll("[data-panel-toggle]")){e.forEach(o)}()})),window.addEventListener("load",(()=>{!function(e=document.getElementById(window.location.hash.slice(1))){const t=e?.matches("[data-panel]")?e:(0,l.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,m.s)(E.bind(null,e),100);document.addEventListener("wagtail:tab-changed",t),document.addEventListener("wagtail:panel-init",t);const n=()=>e.style.setProperty("--offset-top",`${e.offsetTop}px`),a=(0,m.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(d=0;d<e.length;d++){for(var[n,r,l]=e[d],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(d--,1);var c=r();void 0!==c&&(t=c)}}return t}l=l||0;for(var d=e.length;d>0&&e[d-1][2]>l;d--)e[d]=e[d-1];e[d]=[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,c=0;if(i.some((t=>0!==e[t]))){for(r in o)a.o(o,r)&&(a.m[r]=o[r]);if(s)var d=s(a)}for(t&&t(n);c<i.length;c++)l=i[c],a.o(e,l)&&e[l]&&e[l][0](),e[l]=0;return a.O(d)},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),c=n(6931),d=n.n(c),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:c,errorCount:d,level:u}=e,p=d>0,h=(0,a.WI)("%(num)s error","%(num)s errors",d).replace("%(num)s",`${d}`),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},d):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),c?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 c=(0,o.useMemo)((()=>(()=>{let e="false";try{e=localStorage.getItem("wagtail:minimap-expanded")||e}catch{}return"true"===e})()),[]),[d,g]=(0,o.useState)(c),v=(0,o.useCallback)(((e=!d)=>{g(e),document.body.classList.toggle("minimap-open",e);try{localStorage.setItem("wagtail:minimap-expanded",e?"true":"false")}catch{}}),[d,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)=>{d||t.preventDefault(),l(e.toggle,!0),v(!0)};return(0,o.useEffect)((()=>{v(c)}),[]),(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:d}),s().createElement("div",{className:"w-minimap "+(d?"w-minimap--expanded":"")},s().createElement("div",{className:"w-minimap__header"},s().createElement("button",{id:"w-minimap-toggle",type:"button","aria-expanded":d,onClick:()=>v(!d),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:d,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]"),c=r.querySelector("use"),d=c?.getAttribute("href")?.replace("#icon-","")||"",u=`h${a.getAttribute("aria-level")||a.tagName[1]||2}`,m=[].slice.call(t.querySelectorAll(".error-message")).filter((e=>e.closest("[data-panel]")===t)).length;return{anchor:e,toggle:r,panel:t,icon:d,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);d().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 c=document.querySelector("[data-form-side-close-button]");c instanceof HTMLButtonElement&&c.addEventListener("click",(()=>{s("")}));const d=e=>{const{minWidth:n,maxWidth:o,range:s,width:c}=l(),d=parseInt(Math.max(n,Math.min(e,o)),10)||c,u=(0,a.WI)("%(num)s pixel","%(num)s pixels",d).replace("%(num)s",d);document.documentElement.style.setProperty("--side-panel-width",`${d}px`);const m=(d-n)/s*100;if(r.value=i(m),r.setAttribute("aria-valuetext",u),!t)try{localStorage.setItem("wagtail:side-panel-width",d)}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;d(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);d(t+n*r/100)})),setTimeout((()=>{try{const e=localStorage.getItem("wagtail:side-panel-open");!t&&e&&s(e),d(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(d=0;d<e.length;d++){for(var[n,r,l]=e[d],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(d--,1);var c=r();void 0!==c&&(t=c)}}return t}l=l||0;for(var d=e.length;d>0&&e[d-1][2]>l;d--)e[d]=e[d-1];e[d]=[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,c=0;if(i.some((t=>0!==e[t]))){for(r in o)a.o(o,r)&&(a.m[r]=o[r]);if(s)var d=s(a)}for(t&&t(n);c<i.length;c++)l=i[c],a.o(e,l)&&e[l]&&e[l][0](),e[l]=0;return a.O(d)},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/telepath/__init__.py

@@ -0,0 +1,70 @@
+from django import forms
+from telepath import Adapter, AdapterRegistry, JSContextBase
+
+
+class WagtailJSContextBase(JSContextBase):
+    @property
+    def base_media(self):
+        # Do not include the telepath.js file in the base media, as it is already included
+        # globally in admin_base.html.
+        return forms.Media()
+
+
+class WagtailAdapterRegistry(AdapterRegistry):
+    js_context_base_class = WagtailJSContextBase
+
+
+registry = WagtailAdapterRegistry(telepath_js_path=None)
+JSContext = registry.js_context_class
+
+
+def register(*args, **kwargs):
+    return registry.register(*args, **kwargs)
+
+
+def adapter(js_constructor, base=Adapter):
+    """
+    Allows a class to implement its adapting logic with a `js_args()` method on the class itself.
+    This just helps reduce the amount of code you have to write.
+
+    For example:
+
+        @adapter('wagtail.mywidget')
+        class MyWidget():
+            ...
+
+            def js_args(self):
+                return [
+                    self.foo,
+                ]
+
+    Is equivalent to:
+
+        class MyWidget():
+            ...
+
+
+        class MyWidgetAdapter(Adapter):
+            js_constructor = 'wagtail.mywidget'
+
+            def js_args(self, obj):
+                return [
+                    self.foo,
+                ]
+    """
+
+    def _wrapper(cls):
+        ClassAdapter = type(
+            cls.__name__ + "Adapter",
+            (base,),
+            {
+                "js_constructor": js_constructor,
+                "js_args": lambda self, obj: obj.js_args(),
+            },
+        )
+
+        register(ClassAdapter(), cls)
+
+        return cls
+
+    return _wrapper

wagtail/admin/telepath/widgets.py

@@ -0,0 +1,78 @@
+"""
+Register Telepath adapters for core Django form widgets, so that they can
+have corresponding Javascript objects with the ability to render new instances
+and extract field values.
+"""
+
+from django import forms
+from django.core.exceptions import ValidationError
+from django.utils.functional import cached_property
+
+from wagtail.admin.staticfiles import versioned_static
+from wagtail.admin.telepath import Adapter, register
+
+
+class WidgetAdapter(Adapter):
+    js_constructor = "wagtail.widgets.Widget"
+
+    def js_args(self, widget):
+        return [
+            widget.render("__NAME__", None, attrs={"id": "__ID__"}),
+        ]
+
+    def get_media(self, widget):
+        media = super().get_media(widget)
+        return media + widget.media
+
+    @cached_property
+    def media(self):
+        return forms.Media(
+            js=[
+                versioned_static("wagtailadmin/js/telepath/widgets.js"),
+            ]
+        )
+
+
+register(WidgetAdapter(), forms.widgets.Widget)
+
+
+class CheckboxInputAdapter(WidgetAdapter):
+    js_constructor = "wagtail.widgets.CheckboxInput"
+
+
+register(CheckboxInputAdapter(), forms.CheckboxInput)
+
+
+class RadioSelectAdapter(WidgetAdapter):
+    js_constructor = "wagtail.widgets.RadioSelect"
+
+
+register(RadioSelectAdapter(), forms.RadioSelect)
+register(RadioSelectAdapter(), forms.CheckboxSelectMultiple)
+
+
+class SelectAdapter(WidgetAdapter):
+    js_constructor = "wagtail.widgets.Select"
+
+
+register(SelectAdapter(), forms.Select)
+
+
+class ValidationErrorAdapter(Adapter):
+    js_constructor = "wagtail.errors.ValidationError"
+
+    def js_args(self, error):
+        return [
+            error.messages,
+        ]
+
+    @cached_property
+    def media(self):
+        return forms.Media(
+            js=[
+                versioned_static("wagtailadmin/js/telepath/widgets.js"),
+            ]
+        )
+
+
+register(ValidationErrorAdapter(), ValidationError)

wagtail/admin/templates/wagtailadmin/account/account.html

@@ -2,9 +2,9 @@
 {% load i18n wagtailadmin_tags %}
 
 {% block form_content %}
-    <div class="w-tabs" data-tabs>
+    <div class="w-tabs" data-controller="w-tabs" data-action="popstate@window->w-tabs#select" data-w-tabs-use-location-value="true">
         <div class="w-tabs__wrapper">
-            <div role="tablist" class="w-tabs__list">
+            <div role="tablist" class="w-tabs__list" data-action="keydown.right->w-tabs#selectNext keydown.left->w-tabs#selectPrevious keydown.home->w-tabs#selectFirst keydown.end->w-tabs#selectLast">
                 {% for tab in panels_by_tab.keys %}
                     {% include 'wagtailadmin/shared/tabs/tab_nav_link.html' with tab_id=tab.name title=tab.title %}
                 {% endfor %}
@@ -25,6 +25,7 @@
                     role="tabpanel"
                     hidden
                     aria-labelledby="tab-label-{{ tab.name|cautious_slugify }}"
+                    data-w-tabs-target="panel"
                 >
                     {% for panel in panels %}
                         {% panel id=panel.name heading=panel.title heading_size="label" %}
@@ -43,6 +44,7 @@
                     role="tabpanel"
                     hidden
                     aria-labelledby="tab-label-actions"
+                    data-w-tabs-target="panel"
                 >
                     <ul class="listing">
                         {% for item in menu_items %}

wagtail/admin/templates/wagtailadmin/admin_base.html

@@ -26,7 +26,6 @@
     <script src="{% versioned_static 'wagtailadmin/js/core.js' %}"></script>
     <script src="{% versioned_static 'wagtailadmin/js/vendor.js' %}"></script>
     <script src="{% versioned_static 'wagtailadmin/js/wagtailadmin.js' %}"></script>
-    <script src="{% versioned_static 'wagtailadmin/js/telepath/telepath.js' %}"></script>
     <script src="{% versioned_static 'wagtailadmin/js/sidebar.js' %}"></script>
     <script src="{% versioned_static 'wagtailadmin/js/modal-workflow.js' %}"></script>
     <script src="{% versioned_static 'wagtailadmin/js/privacy-switch.js' %}"></script>

wagtail/admin/templates/wagtailadmin/base.html

@@ -4,7 +4,7 @@
 {% block furniture %}
     <template data-wagtail-sidebar-branding-logo>{% block branding_logo %}{% endblock %}</template>
     {% sidebar_props %}
-    <aside id="wagtail-sidebar" class="sidebar-loading" data-wagtail-sidebar aria-label="{% trans 'Sidebar' %}"></aside>
+    <aside id="wagtail-sidebar" class="sidebar-loading" aria-label="{% trans 'Sidebar' %}" data-wagtail-sidebar data-controller="w-kbd" data-w-kbd-key-value="["></aside>
     {% keyboard_shortcuts_dialog %}
     <main class="content-wrapper w-overflow-x-hidden" id="main">
         <div class="content">

wagtail/admin/templates/wagtailadmin/bulk_actions/confirmation/form.html

@@ -2,6 +2,6 @@
     {% include 'wagtailadmin/shared/non_field_errors.html' %}
     {% csrf_token %}
     {% block form_fields %}{% endblock form_fields %}
-    <input type="submit" value="{{ action_button_text }}" class="button {{ action_button_class }}" />
+    <button type="submit" class="button {{ action_button_class }}">{{ action_button_text }}</button>
     <a href="{{ next }}" class="button button-secondary">{{ no_action_button_text }}</a>
 </form>

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

@@ -6,11 +6,11 @@
     {{ creation_form.media.css }}
 {% endif %}
 
-{% comment %} Do not attach JavaScript behaviour (data-tabs) below if there are no actual tabs used {% endcomment %}
-<div class="w-tabs" {% if creation_form %}data-tabs data-tabs-disable-url{% endif %}>
+{% comment %} Do not attach JavaScript behavior (data-controller="w-tabs") below if there are no actual tabs used {% endcomment %}
+<div class="w-tabs"{% if creation_form %} data-controller="w-tabs" data-w-tabs-use-location-value="false"{% endif %}>
     {% if creation_form %}
         <div class="w-tabs__wrapper w-overflow-hidden">
-            <div role="tablist" class="w-tabs__list w-w-full">
+            <div role="tablist" class="w-tabs__list w-w-full" data-action="keydown.right->w-tabs#selectNext keydown.left->w-tabs#selectPrevious keydown.home->w-tabs#selectFirst keydown.end->w-tabs#selectLast">
                 {% include 'wagtailadmin/shared/tabs/tab_nav_link.html' with tab_id='search' title=search_tab_label %}
                 {% include 'wagtailadmin/shared/tabs/tab_nav_link.html' with tab_id=view.creation_tab_id title=creation_tab_label %}
             </div>
@@ -24,6 +24,7 @@
         <section
             id="tab-search"
             class="w-tabs__panel"
+            data-w-tabs-target="panel"
             role="tabpanel"
             aria-labelledby="tab-label-search"
         >
@@ -46,7 +47,6 @@
 
             {% if is_multiple_choice %}
                 <form action="{{ chosen_multiple_url }}" method="GET" data-multiple-choice-form>
-
                     <div id="search-results" class="listing">
                         {% include view.results_template_name %}
                     </div>

wagtail/admin/templates/wagtailadmin/generic/chooser/creation_form.html

@@ -3,6 +3,7 @@
     id="tab-{{ view.creation_tab_id }}"
     class="w-tabs__panel"
     role="tabpanel"
+    data-w-tabs-target="panel"
     hidden
     aria-labelledby="tab-label-{{ view.creation_tab_id }}"
 >

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

@@ -88,6 +88,7 @@
 {% block extra_js %}
     {{ block.super }}
     {{ media.js }}
+    {% if edit_handler_data %}{{ edit_handler_data|json_script:"w-edit-handler-data" }}{% endif %}
     {% include "wagtailadmin/pages/_editor_js.html" %}
 {% endblock %}
 

wagtail/admin/templates/wagtailadmin/icons/grid.svg

@@ -0,0 +1 @@
+<svg id="icon-grid" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><!--! Custom icon --><path d="M5 3.75C5 4.469 4.437 5 3.75 5h-1.5C1.531 5 1 4.469 1 3.75v-1.5C1 1.562 1.531 1 2.25 1h1.5C4.438 1 5 1.563 5 2.25v1.5Zm0 5C5 9.469 4.437 10 3.75 10h-1.5C1.531 10 1 9.469 1 8.75v-1.5C1 6.562 1.531 6 2.25 6h1.5C4.438 6 5 6.563 5 7.25v1.5Zm1-6.5C6 1.562 6.531 1 7.25 1h1.5C9.438 1 10 1.563 10 2.25v1.5C10 4.469 9.437 5 8.75 5h-1.5C6.531 5 6 4.469 6 3.75v-1.5Zm4 6.5C10 9.469 9.437 10 8.75 10h-1.5C6.531 10 6 9.469 6 8.75v-1.5C6 6.562 6.531 6 7.25 6h1.5C9.438 6 10 6.563 10 7.25v1.5Zm1-6.5c0-.688.531-1.25 1.25-1.25h1.5c.688 0 1.25.563 1.25 1.25v1.5C15 4.469 14.437 5 13.75 5h-1.5C11.531 5 11 4.469 11 3.75v-1.5Zm4 6.5c0 .719-.563 1.25-1.25 1.25h-1.5C11.531 10 11 9.469 11 8.75v-1.5c0-.688.531-1.25 1.25-1.25h1.5c.688 0 1.25.563 1.25 1.25v1.5ZM3.75 15C4.438 15 5 14.469 5 13.75v-1.5C5 11.562 4.437 11 3.75 11h-1.5C1.531 11 1 11.563 1 12.25v1.5c0 .719.531 1.25 1.25 1.25h1.5ZM8.75 15c.688 0 1.25-.531 1.25-1.25v-1.5c0-.688-.563-1.25-1.25-1.25h-1.5C6.531 11 6 11.563 6 12.25v1.5c0 .719.531 1.25 1.25 1.25h1.5ZM13.75 15c.688 0 1.25-.531 1.25-1.25v-1.5c0-.688-.563-1.25-1.25-1.25h-1.5c-.719 0-1.25.563-1.25 1.25v1.5c0 .719.531 1.25 1.25 1.25h1.5Z"/></svg>

wagtail/admin/templates/wagtailadmin/notifications/base.html

@@ -89,7 +89,7 @@
         <table width="600" border="0" align="center" class="mobile" cellspacing="0" cellpadding="0">
             <tr>
                 <td>
-                    {% block branding_logo %}<img width="100%" border="0" style="display: block;" alt="" src="{% notification_static 'wagtailadmin/images/email-header.jpg' %}" />{% endblock %}
+                    {% block branding_logo %}<img width="100%" border="0" style="display: block;" alt="" src="{% absolute_static 'wagtailadmin/images/email-header.jpg' %}" />{% endblock %}
                 </td>
             </tr>
         </table>

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

@@ -29,7 +29,7 @@
                                 </a>
                             </div>
 
-                            <small class="col4" style="text-align:end">
+                            <small class="col4 w-text-end">
                                 <a href="{% url 'wagtailadmin_pages:type_use' app_label model_name %}" class="nolink">{% blocktrans trimmed with page_type=verbose_name %}Pages using {{ page_type }}{% endblocktrans %}</a>
                             </small>
 

wagtail/admin/templates/wagtailadmin/pages/bulk_actions/confirm_bulk_delete.html

@@ -13,7 +13,9 @@
 
 {% block items_with_access %}
     {% if items %}
-        <p>{% trans "Are you sure you want to delete these pages?" %}</p>
+        {% if not is_protected %}
+            <p>{% trans "Are you sure you want to delete these pages?" %}</p>
+        {% endif %}
         <ul>
             {% for page in items %}
                 <li>
@@ -29,6 +31,8 @@
                             {% endwith %}
                         </p>
                     {% endif %}
+
+                    {% include "wagtailadmin/shared/usage_summary.html" with model_opts=model_opts usage_url=page.usage_url usage_count=page.usage_count is_protected=page.is_protected %}
                 </li>
             {% endfor %}
         </ul>
@@ -43,10 +47,10 @@
 {% endblock items_with_no_access %}
 
 {% block form_section %}
-    {% if items %}
+    {% if items and not is_protected %}
         {% trans 'Yes, delete' as action_button_text %}
         {% trans "No, don't delete" as no_action_button_text %}
-        {% include 'wagtailadmin/bulk_actions/confirmation/form.html' with action_button_class="serious" %}
+        {% include 'wagtailadmin/pages/bulk_actions/confirm_delete_form.html' with action_button_class="serious" %}
     {% else %}
         {% include 'wagtailadmin/bulk_actions/confirmation/go_back.html' %}
     {% endif %}

wagtail/admin/templates/wagtailadmin/pages/bulk_actions/confirm_delete_form.html

@@ -0,0 +1,6 @@
+{% extends 'wagtailadmin/bulk_actions/confirmation/form.html' %}
+{% block form_fields %}
+    {% if type_to_confirm_before_delete %}
+        {% include "wagtailadmin/shared/dialog/confirm_site_name.html" with total_pages=total_page_count %}
+    {% endif %}
+{% endblock form_fields %}

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

@@ -69,19 +69,8 @@
 
             <form action="{% url 'wagtailadmin_pages:delete' page.id %}" method="POST">
                 {% csrf_token %}
-                {% if confirm_before_delete %}
-                    <p id="id_confirm_site_name-warning" class="status-msg failure">
-                        {% blocktrans trimmed with total_pages=descendant_count|add:1|intcomma %}
-                            This action will delete total <b>{{ total_pages }}</b> pages.
-                        {% endblocktrans %}
-                    </p>
-                    <label class="w-label-3" for="id_confirm_site_name">
-                        {% blocktrans trimmed %}
-                            Please type <b>{{ wagtail_site_name }}</b> to confirm.
-                        {% endblocktrans %}
-                    </label>
-                    <input type="text" name="confirm_site_name" class="w-mb-4"
-                           id="id_confirm_site_name" aria-describedby="id_confirm_site_name-warning" required>
+                {% if type_to_confirm_before_delete %}
+                    {% include "wagtailadmin/shared/dialog/confirm_site_name.html" with total_pages=descendant_count|add:1 %}
                 {% endif %}
                 <input type="hidden" name="next" value="{{ next }}">
                 <input type="submit" value="{% trans 'Yes, delete it' %}" class="button serious">
@@ -92,7 +81,7 @@
         {% page_permissions page as page_perms %}
         {% if page_perms.can_unpublish %}
             {% url 'wagtailadmin_pages:unpublish' page.id as unpublish_url %}
-            <p style="margin-top: 1em">{% blocktrans trimmed %}Alternatively you can <a href="{{ unpublish_url }}">unpublish the page</a>. This removes the page from public view and you can edit or publish it again later.{% endblocktrans %}</p>
+            <p class="w-mt-4">{% blocktrans trimmed %}Alternatively you can <a href="{{ unpublish_url }}">unpublish the page</a>. This removes the page from public view and you can edit or publish it again later.{% endblocktrans %}</p>
         {% endif %}
     </div>
 {% endblock %}

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

@@ -2,7 +2,7 @@
 {% load i18n %}
 
 {% block form %}
-    <div class="nice-padding" style="padding-top: 20px;">
+    <div class="nice-padding w-pt-5">
         <p>{% trans "This page is an alias of another page." %}</p>
 
         <p>

wagtail/admin/templates/wagtailadmin/pages/listing/_button_with_dropdown.html

@@ -1,4 +1 @@
-{% load wagtailadmin_tags %}
-{% dropdown attrs=self.attrs toggle_icon=icon_name|default:"arrow-down" toggle_label=label toggle_aria_label=title toggle_classname=toggle_classname %}
-    {% include "wagtailadmin/pages/listing/_dropdown_items.html" with buttons=buttons only %}
-{% enddropdown %}
+{% extends "wagtailadmin/shared/button_with_dropdown.html" %}

wagtail/admin/templates/wagtailadmin/pages/listing/_page_header_buttons.html

@@ -4,7 +4,9 @@
 <nav aria-label="{{ title }}">
     {% dropdown toggle_icon="dots-horizontal" toggle_aria_label=title toggle_classname="w-p-0 w-outline-offset-inside w-relative w-z-30" toggle_tooltip_offset="[0, -2]" %}
         {% block content %}
-            {% include "wagtailadmin/pages/listing/_dropdown_items.html" with buttons=buttons only %}
+            {% for button in buttons %}
+                {% component button %}
+            {% endfor %}
         {% endblock %}
     {% enddropdown %}
 </nav>

wagtail/admin/templates/wagtailadmin/panels/inline_panel.html

@@ -35,7 +35,7 @@
 <div class="w-mb-4 -w-ml-4">
     {% block add_button %}
         <button type="button" class="button button-small button-secondary chooser__choose-button" id="id_{{ self.formset.prefix }}-ADD">
-            {% icon name=icon|default:"plus-inverse" %}{% blocktrans trimmed with label=self.label|lower %}Add {{ label }}{% endblocktrans %}
+            {% icon name=icon|default:"plus-inverse" %}{% blocktrans trimmed with label=self.label %}Add {{ label }}{% endblocktrans %}
         </button>
     {% endblock %}
 </div>
@@ -43,12 +43,7 @@
 {% block js_init %}
     <script>
         (function() {
-            var panel = new InlinePanel({
-                formsetPrefix: "id_{{ self.formset.prefix }}",
-                emptyChildFormPrefix: "{{ self.empty_child.form.prefix }}",
-                canOrder: {% if can_order %}true{% else %}false{% endif %},
-                maxForms: {{ self.formset.max_num|unlocalize }}
-            });
+            var panel = new InlinePanel(JSON.parse("{{options_json|escapejs}}"));
         })();
     </script>
 {% endblock %}

wagtail/admin/templates/wagtailadmin/panels/inline_panel_child.html

@@ -12,7 +12,7 @@
         <button type="button" class="button button--icon text-replace white" id="{{ child.form.DELETE.id_for_label }}-button" title="{% trans 'Delete' %}">{% icon name="bin" %}</button>
     {% endfragment %}
     {% fragment as heading %}
-        {{ self.label }}<span data-inline-panel-child-count></span>
+        {{ self.label|capfirst }}<span data-inline-panel-child-count></span>
     {% endfragment %}
     {% panel id=panel_id heading=heading heading_size="label" heading_level="3" header_controls=header_controls %}
         {% if child.form.non_field_errors %}

wagtail/admin/templates/wagtailadmin/panels/multiple_chooser_panel.html

@@ -14,13 +14,7 @@
 
     <script>
         (function() {
-            var panel = new MultipleChooserPanel({
-                formsetPrefix: "id_{{ self.formset.prefix }}",
-                emptyChildFormPrefix: "{{ self.empty_child.form.prefix }}",
-                canOrder: {% if can_order %}true{% else %}false{% endif %},
-                maxForms: {{ self.formset.max_num|unlocalize }},
-                chooserFieldName: "{{ chooser_field_name }}",
-            });
+            var panel = new MultipleChooserPanel(JSON.parse("{{options_json|escapejs}}"));
         })();
     </script>
 {% endblock %}

wagtail/admin/templates/wagtailadmin/panels/tabbed_interface.html

@@ -4,9 +4,9 @@
     {% help_block status="info" %}{{ self.help_text }}{% endhelp_block %}
 {% endif %}
 
-<div class="w-tabs" data-tabs {% include "wagtailadmin/shared/attrs.html" with attrs=self.attrs %}>
+<div class="w-tabs" {% include "wagtailadmin/shared/attrs.html" with attrs=self.attrs %}>
     <div class="w-tabs__wrapper">
-        <div role="tablist" class="w-tabs__list">
+        <div role="tablist" class="w-tabs__list" data-action="keydown.right->w-tabs#selectNext keydown.left->w-tabs#selectPrevious keydown.home->w-tabs#selectFirst keydown.end->w-tabs#selectLast">
             {% for child, identifier in self.visible_children_with_identifiers %}
                 {% if child.show_panel_furniture %}
                     {# If there's at least one child that shows the panel furniture, render the tab navigation #}
@@ -23,6 +23,7 @@
                     id="tab-{{ identifier }}"
                     class="{% classnames "w-tabs__panel" child.classes %}"
                     role="tabpanel"
+                    data-w-tabs-target="panel"
                     aria-labelledby="tab-label-{{ identifier }}"
                     hidden
                 >

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

@@ -20,6 +20,7 @@
              data-w-breadcrumbs-open-icon-class="icon-breadcrumb-expand"
              data-w-breadcrumbs-opened-content-class="w-max-w-4xl"
              data-w-breadcrumbs-peek-target-value="header"
+             data-w-breadcrumbs-storage-key-value="header"
          {% endif %}
     >
         {% if not is_expanded %}

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

@@ -0,0 +1,8 @@
+{% load wagtailadmin_tags %}
+{% dropdown attrs=button.base_attrs_string toggle_icon=icon_name|default:"arrow-down" toggle_label=label toggle_aria_label=title toggle_classname=toggle_classname %}
+    {% block content %}
+        {% for button in buttons %}
+            {% component button %}
+        {% endfor %}
+    {% endblock %}
+{% enddropdown %}

wagtail/admin/templates/wagtailadmin/shared/dialog/confirm_site_name.html

@@ -0,0 +1,18 @@
+{% load i18n wagtailadmin_tags %}
+
+<p id="id_confirm_site_name-warning" class="status-msg failure">
+    {% blocktrans count counter=total_pages trimmed with total_pages_formatted=total_pages|intcomma %}
+        This action will delete <b>{{ total_pages_formatted }}</b> page in total.
+    {% plural %}
+        This action will delete <b>{{ total_pages_formatted }}</b> pages in total.
+    {% endblocktrans %}
+</p>
+
+<label class="w-label-3" for="id_confirm_site_name">
+    {% blocktrans trimmed %}
+        Please type <b>{{ wagtail_site_name }}</b> to confirm.
+    {% endblocktrans %}
+</label>
+
+<input type="text" name="confirm_site_name" class="w-mb-4"
+       id="id_confirm_site_name" aria-describedby="id_confirm_site_name-warning" required>

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

@@ -13,7 +13,7 @@
     A unified template for both use cases is messy, but it guarantees we are keeping form field styles the same everywhere.
 {% endcomment %}
 
-<div class="w-field__wrapper {{ classname }}" data-field-wrapper>
+<div class="w-field__wrapper {{ classname }}"{% if wrapper_id %} id="{{ wrapper_id }}"{% endif %} data-field-wrapper>
 
     {# Render custom label attributes if provided, or the bound field’s label attributes otherwise. #}
     {% if show_label %}

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

@@ -4,7 +4,7 @@
     <span class="w-drilldown__count" data-w-drilldown-target="count" hidden></span>
 {% endfragment %}
 
-{% dropdown theme="drilldown" toggle_icon="sliders" toggle_classname="w-filter-button" toggle_aria_label=_("Show filters") toggle_suffix=toggle_suffix keep_mounted=True %}
+{% dropdown theme="drilldown" toggle_icon="sliders" toggle_classname="w-slim-header-action-button" toggle_aria_label=_("Show filters") toggle_suffix=toggle_suffix keep_mounted=True %}
     <div class="w-drilldown__contents">
         <div class="w-drilldown__menu" data-w-drilldown-target="menu">
             <h2 class="w-help-text w-pl-5 w-py-2.5 w-my-0">{% trans "Filter by" %}</h2>

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

@@ -1,5 +1,5 @@
 {% spaceless %}
-    <div style="display: none">
+    <div hidden>
         <svg>
             <defs>
                 {{ icons|safe }}