wagtail 7.1.2__py3-none-any.whl → 7.2__py3-none-any.whl

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

@@ -61,7 +61,7 @@ object-assign
  */
 
 /**!
- * Sortable 1.15.3
+ * Sortable 1.15.6
  * @author	RubaXa   <trash@rubaxa.org>
  * @author	owenm    <owen23355@gmail.com>
  * @license MIT

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),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)})();
+(()=>{"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)})();

wagtail/admin/static/wagtailadmin/js/workflow-action.js

@@ -1 +1 @@
-(()=>{"use strict";var e,o={8080:(e,o,t)=>{var a=t(1669),n=t.n(a),r=t(2898);function i(e,o,t){const a=document.createElement("input");a.type="hidden",a.name=o,a.value=t,e.appendChild(a)}window._addHiddenInput=i;const l=document.currentScript,c=l.dataset.activate,d=l.dataset.confirmCancellationUrl;document.addEventListener("DOMContentLoaded",(()=>{if("dashboard"===c?function(){const e=document.querySelectorAll("[data-workflow-action-url]"),o=r.HE.CSRF_TOKEN;e.forEach((e=>{e.addEventListener("click",(t=>{if(t.preventDefault(),"launchModal"in e.dataset)ModalWorkflow({url:e.dataset.workflowActionUrl,onload:{action(e){const o=document.createElement("input");o.type="hidden",o.name="next",o.value=window.location,n()("form",e.body).append(o),e.ajaxifyForm(n()("form",e.body))},success(e,o){window.location.href=o.redirect}}});else{const t=document.createElement("form");t.action=e.dataset.workflowActionUrl,t.method="POST",i(t,"csrfmiddlewaretoken",o),i(t,"next",window.location),document.body.appendChild(t),t.submit()}}),{capture:!0})}))}():"editor"===c&&function(e){const o=n()("[data-edit-form]").get(0);document.querySelectorAll("[data-workflow-action-name]").forEach((e=>{e.addEventListener("click",(t=>{"workflowActionModalUrl"in e.dataset?(t.preventDefault(),t.stopPropagation(),ModalWorkflow({url:e.dataset.workflowActionModalUrl,onload:{action(e){e.ajaxifyForm(n()("form",e.body))},success(t,a){i(o,"action-workflow-action","true"),i(o,"workflow-action-name",e.dataset.workflowActionName),i(o,"workflow-action-extra-data",JSON.stringify(a.cleaned_data)),n()(o).submit()}}})):(i(o,"action-workflow-action","true"),i(o,"workflow-action-name",e.dataset.workflowActionName))}),{capture:!0})}))}(),d){let e=!1;n()("[name=action-publish]").click((o=>{e||(o.stopImmediatePropagation(),o.preventDefault(),window.ModalWorkflow({url:d,onload:{confirm(t,a){n()("[data-confirm-cancellation]",t.body).click((a=>{e=!0,t.close(),o.currentTarget.click()})),n()("[data-cancel-dialog]",t.body).click((e=>{t.close()}))},no_confirmation_needed(t,a){t.close(),e=!0,o.currentTarget.click()}},triggerElement:o.currentTarget}))}))}}))},1669:e=>{e.exports=jQuery}},t={};function a(e){var n=t[e];if(void 0!==n)return n.exports;var r=t[e]={exports:{}};return o[e](r,r.exports,a),r.exports}a.m=o,e=[],a.O=(o,t,n,r)=>{if(!t){var i=1/0;for(u=0;u<e.length;u++){for(var[t,n,r]=e[u],l=!0,c=0;c<t.length;c++)(!1&r||i>=r)&&Object.keys(a.O).every((e=>a.O[e](t[c])))?t.splice(c--,1):(l=!1,r<i&&(i=r));if(l){e.splice(u--,1);var d=n();void 0!==d&&(o=d)}}return o}r=r||0;for(var u=e.length;u>0&&e[u-1][2]>r;u--)e[u]=e[u-1];e[u]=[t,n,r]},a.n=e=>{var o=e&&e.__esModule?()=>e.default:()=>e;return a.d(o,{a:o}),o},a.d=(e,o)=>{for(var t in o)a.o(o,t)&&!a.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},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,o)=>Object.prototype.hasOwnProperty.call(e,o),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.j=327,(()=>{var e={327:0};a.O.j=o=>0===e[o];var o=(o,t)=>{var n,r,[i,l,c]=t,d=0;if(i.some((o=>0!==e[o]))){for(n in l)a.o(l,n)&&(a.m[n]=l[n]);if(c)var u=c(a)}for(o&&o(t);d<i.length;d++)r=i[d],a.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return a.O(u)},t=globalThis.webpackChunkwagtail=globalThis.webpackChunkwagtail||[];t.forEach(o.bind(null,0)),t.push=o.bind(null,t.push.bind(t))})();var n=a.O(void 0,[321],(()=>a(8080)));n=a.O(n)})();
+(()=>{"use strict";var e,o={1669:e=>{e.exports=jQuery},8080:(e,o,t)=>{var a=t(1669),n=t.n(a),r=t(2898);function i(e,o,t){const a=document.createElement("input");a.type="hidden",a.name=o,a.value=t,e.appendChild(a)}window._addHiddenInput=i;const l=document.currentScript,c=l.dataset.activate,d=l.dataset.confirmCancellationUrl;document.addEventListener("DOMContentLoaded",()=>{if("dashboard"===c?function(){const e=document.querySelectorAll("[data-workflow-action-url]"),o=r.HE.CSRF_TOKEN;e.forEach(e=>{e.addEventListener("click",t=>{if(t.preventDefault(),"launchModal"in e.dataset)ModalWorkflow({url:e.dataset.workflowActionUrl,onload:{action(e){const o=document.createElement("input");o.type="hidden",o.name="next",o.value=window.location,n()("form",e.body).append(o),e.ajaxifyForm(n()("form",e.body))},success(e,o){window.location.href=o.redirect}}});else{const t=document.createElement("form");t.action=e.dataset.workflowActionUrl,t.method="POST",i(t,"csrfmiddlewaretoken",o),i(t,"next",window.location),document.body.appendChild(t),t.submit()}},{capture:!0})})}():"editor"===c&&function(){const e=n()("[data-edit-form]").get(0);document.querySelectorAll("[data-workflow-action-name]").forEach(o=>{o.addEventListener("click",t=>{"workflowActionModalUrl"in o.dataset?(t.preventDefault(),t.stopPropagation(),ModalWorkflow({url:o.dataset.workflowActionModalUrl,onload:{action(e){e.ajaxifyForm(n()("form",e.body))},success(t,a){i(e,"action-workflow-action","true"),i(e,"workflow-action-name",o.dataset.workflowActionName),i(e,"workflow-action-extra-data",JSON.stringify(a.cleaned_data)),n()(e).submit()}}})):(i(e,"action-workflow-action","true"),i(e,"workflow-action-name",o.dataset.workflowActionName))},{capture:!0})})}(),d){let e=!1;n()("[name=action-publish]").click(o=>{e||(o.stopImmediatePropagation(),o.preventDefault(),window.ModalWorkflow({url:d,onload:{confirm(t,a){n()("[data-confirm-cancellation]",t.body).click(a=>{e=!0,t.close(),o.currentTarget.click()}),n()("[data-cancel-dialog]",t.body).click(e=>{t.close()})},no_confirmation_needed(t,a){t.close(),e=!0,o.currentTarget.click()}},triggerElement:o.currentTarget}))})}})}},t={};function a(e){var n=t[e];if(void 0!==n)return n.exports;var r=t[e]={exports:{}};return o[e](r,r.exports,a),r.exports}a.m=o,e=[],a.O=(o,t,n,r)=>{if(!t){var i=1/0;for(u=0;u<e.length;u++){for(var[t,n,r]=e[u],l=!0,c=0;c<t.length;c++)(!1&r||i>=r)&&Object.keys(a.O).every(e=>a.O[e](t[c]))?t.splice(c--,1):(l=!1,r<i&&(i=r));if(l){e.splice(u--,1);var d=n();void 0!==d&&(o=d)}}return o}r=r||0;for(var u=e.length;u>0&&e[u-1][2]>r;u--)e[u]=e[u-1];e[u]=[t,n,r]},a.n=e=>{var o=e&&e.__esModule?()=>e.default:()=>e;return a.d(o,{a:o}),o},a.d=(e,o)=>{for(var t in o)a.o(o,t)&&!a.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},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,o)=>Object.prototype.hasOwnProperty.call(e,o),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.j=327,(()=>{var e={327:0};a.O.j=o=>0===e[o];var o=(o,t)=>{var n,r,[i,l,c]=t,d=0;if(i.some(o=>0!==e[o])){for(n in l)a.o(l,n)&&(a.m[n]=l[n]);if(c)var u=c(a)}for(o&&o(t);d<i.length;d++)r=i[d],a.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return a.O(u)},t=globalThis.webpackChunkwagtail=globalThis.webpackChunkwagtail||[];t.forEach(o.bind(null,0)),t.push=o.bind(null,t.push.bind(t))})();var n=a.O(void 0,[321],()=>a(8080));n=a.O(n)})();

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

@@ -26,6 +26,7 @@
                     hidden
                     aria-labelledby="tab-label-{{ tab.name|cautious_slugify }}"
                     data-w-tabs-target="panel"
+                    data-action="w-focus:focus->w-tabs#selectInside"
                 >
                     {% for panel in panels %}
                         {% panel id=panel.name heading=panel.title heading_size="label" %}
@@ -45,6 +46,7 @@
                     hidden
                     aria-labelledby="tab-label-actions"
                     data-w-tabs-target="panel"
+                    data-action="w-focus:focus->w-tabs#selectInside"
                 >
                     <ul class="listing">
                         {% for item in menu_items %}

wagtail/admin/templates/wagtailadmin/base.html

@@ -26,6 +26,20 @@
                                     {% icon name=level_tag classname="messages-icon" %}
                                 {% endif %}
                                 {{ message|safe }}
+                                {% if level_tag == "error" %}
+                                    {# Show a button to focus the first field/response error if available. #}
+                                    <button
+                                        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 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)"
+                                    >
+                                        {% trans 'Go to the first error' %}
+                                    </button>
+                                {% endif %}
                             </li>
                         {% endfor %}
                     {% endif %}

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

@@ -24,9 +24,10 @@
         <section
             id="tab-search"
             class="w-tabs__panel"
-            data-w-tabs-target="panel"
             role="tabpanel"
             aria-labelledby="tab-label-search"
+            data-w-tabs-target="panel"
+            data-action="w-focus:focus->w-tabs#selectInside"
         >
 
             {% block filter_form %}

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

@@ -3,9 +3,10 @@
     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 }}"
+    data-w-tabs-target="panel"
+    data-action="w-focus:focus->w-tabs#selectInside"
 >
     {% include "wagtailadmin/shared/non_field_errors.html" with form=creation_form %}
     <form data-chooser-modal-creation-form action="{{ create_action_url }}" method="POST" {% if creation_form.is_multipart %}enctype="multipart/form-data"{% endif %} novalidate>

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

@@ -1,5 +1,5 @@
 {% load wagtailadmin_tags %}
-<div class="{% classnames "w-panel__wrapper" child.classes %}" {% include "wagtailadmin/shared/attrs.html" with attrs=child.attrs %}>
+<div class="{% classnames "w-panel__wrapper" child.classes %}"{% include "wagtailadmin/shared/attrs.html" with attrs=child.attrs %}>
     {% if child.heading %}
         {% fragment as label_content %}
             {{ child.heading }}{% if child.is_required %}<span class="w-required-mark">*</span>{% endif %}

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

@@ -1,6 +1,6 @@
 {% load wagtailadmin_tags %}
 
-<div class="w-form-width" {% include "wagtailadmin/shared/attrs.html" with attrs=self.attrs %}>
+<div class="w-form-width"{% include "wagtailadmin/shared/attrs.html" with attrs=self.attrs %}>
     {% if self.help_text %}
         {% help_block status="info" %}{{ self.help_text }}{% endhelp_block %}
     {% endif %}

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

@@ -4,7 +4,7 @@
     {% help_block status="info" %}{{ self.help_text }}{% endhelp_block %}
 {% endif %}
 
-<div class="w-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" 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 %}
@@ -23,9 +23,10 @@
                     id="tab-{{ identifier }}"
                     class="{% classnames "w-tabs__panel" child.classes %}"
                     role="tabpanel"
-                    data-w-tabs-target="panel"
                     aria-labelledby="tab-label-{{ identifier }}"
                     hidden
+                    data-w-tabs-target="panel"
+                    data-action="w-focus:focus->w-tabs#selectInside"
                 >
                     {{ child.render_html }}
                 </section>

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 }}"{% if wrapper_id %} id="{{ wrapper_id }}"{% endif %} data-field-wrapper>
+<div class="w-field__wrapper {{ classname }}"{% if wrapper_id %} id="{{ wrapper_id }}"{% endif %}{% if attrs %}{% include "wagtailadmin/shared/attrs.html" with attrs=attrs %}{% endif %}>
 
     {# Render custom label attributes if provided, or the bound field’s label attributes otherwise. #}
     {% if show_label %}

wagtail/admin/templates/wagtailadmin/shared/forms/single_checkbox.html

@@ -1,6 +1,6 @@
 {# Render a single checkbox with text center-aligned. #}
 {% load l10n %}
 <label class="w-flex w-items-center {{ label_classname }}">
-    <input type="checkbox" name="{{ name }}"{% if value %} value="{{ value|unlocalize }}"{% endif %} {% if checked %}checked{% endif %} {% include "wagtailadmin/shared/attrs.html" with attrs=attrs %}>
+    <input type="checkbox" name="{{ name }}"{% if value %} value="{{ value|unlocalize }}"{% endif %} {% if checked %}checked{% endif %}{% include "wagtailadmin/shared/attrs.html" with attrs=attrs %}>
     {{ text }}
 </label>

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

@@ -1,5 +1,15 @@
 {% load wagtailadmin_tags i18n %}
+{% fragment as account_link %}<a class="w-underline" href="{% url 'wagtailadmin_account' %}">{% trans 'account' %}</a>{% endfragment %}
 {% dialog icon_name="keyboard" classname="w-keyboard-shortcuts" id="keyboard-shortcuts-dialog" title=_("Keyboard shortcuts") %}
+    {% if not keyboard_shortcuts_enabled %}
+        {% help_block status="warning" %}
+            <p>
+                {% blocktrans trimmed %}
+                    Keyboard shortcuts are currently disabled; manage your {{ account_link }} to enable them.
+                {% endblocktrans %}
+            </p>
+        {% endhelp_block %}
+    {% endif %}
     <table class="w-w-full">
         <caption class="w-sr-only">
             {% trans "All keyboard shortcuts" %}
@@ -28,4 +38,13 @@
             {% endfor %}
         {% endblock %}
     </table>
+    {% if keyboard_shortcuts_enabled %}
+        {% help_block status="info" %}
+            <p>
+                {% blocktrans trimmed %}
+                    Keyboard shortcuts are currently enabled; manage your {{ account_link }} to disable them.
+                {% endblocktrans %}
+            </p>
+        {% endhelp_block %}
+    {% endif %}
 {% enddialog %}

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

@@ -22,7 +22,7 @@
 {% fragment as panel_id %}{{ prefix }}-section{% endfragment %}
 {% fragment as heading_id %}{{ prefix }}-heading{% endfragment %}
 {% fragment as content_id %}{{ prefix }}-content{% endfragment %}
-<section class="{% classnames "w-panel" classname %}" id="{{ panel_id }}" {% if heading %}aria-labelledby="{{ heading_id }}"{% endif %} data-panel {% include "wagtailadmin/shared/attrs.html" with attrs=attrs %}>
+<section class="{% classnames "w-panel" classname %}" id="{{ panel_id }}" {% if heading %}aria-labelledby="{{ heading_id }}"{% endif %}{% include "wagtailadmin/shared/attrs.html" with attrs=attrs %} data-panel>
     {# If a panel has no heading nor header controls, we don’t want any of the associated UI. #}
     {% if heading or header_controls %}
         <div class="w-panel__header">

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

@@ -0,0 +1,15 @@
+{% load i18n wagtailadmin_tags %}
+
+<form action="{{ action_url }}" method="POST" novalidate data-controller="w-rules" data-action="change->w-rules#resolve">
+    {% csrf_token %}
+    {% formattedfield field=form.restriction_type show_label=False %}
+    {% if form.password is not None %}
+        <div {% if form.initial.restriction_type != 'password' %}hidden{% endif %} data-w-rules-target="show" data-w-rules='{"restriction_type": "password"}'>
+            {% formattedfield form.password %}
+        </div>
+    {% endif %}
+    <div {% if form.initial.restriction_type != 'groups' %}hidden{% endif %} data-w-rules-target="show" data-w-rules='{"restriction_type": "groups"}'>
+        {% formattedfield form.groups %}
+    </div>
+    <input type="submit" value="{% trans 'Save' %}" class="button" />
+</form>

wagtail/admin/templates/wagtailadmin/shared/side_panels/checks.html

@@ -28,7 +28,7 @@
                 <h2 class="w-my-5 w-text-16 w-font-bold w-text-text-label">
                     {% trans 'Content metrics' %}
                 </h2>
-                <div class="w-flex w-flex-wrap w-gap-x-10 w-gap-y-4">
+                <div class="w-flex w-flex-wrap w-gap-x-5 w-gap-y-4">
                     {% block metrics %}
                         <div>
                             <h3 class="w-my-2 w-text-14 w-text-text-placeholder">{% trans 'Words' %}</h3>
@@ -38,8 +38,35 @@
                             <h3 class="w-my-2 w-text-14 w-text-text-placeholder">{% trans 'Reading time' %}</h3>
                             <p class="w-font-semibold w-text-text-label" data-content-reading-time>-</p>
                         </div>
+                        <div>
+                            <h3 class="w-my-2 w-text-14 w-text-text-placeholder">{% trans 'Readability' %}</h3>
+                            <p class="w-font-semibold w-text-text-label" data-content-readability-score>-</p>
+                        </div>
                     {% endblock %}
                 </div>
+                <div class="w-mb-5">
+                    {% fragment as toggle_text %}{% icon name="help" classname="w-w-4 w-h-4 w-mr-1" %} {% trans 'This data explained' %}{% endfragment %}
+                    {% trans 'Content metrics' as explainer_title %}
+                    {% trans 'How we calculate our metrics' as explainer_subtitle %}
+                    {% dialog_toggle classname='w-bg-transparent w-text-14 w-p-0 w-text-text-link-default hover:w-text-text-link-hover w-inline-flex w-justify-center w-transition' dialog_id="metrics-explainer-dialog" text=toggle_text %}
+                    {% dialog icon_name="help" id="metrics-explainer-dialog" title=explainer_title subtitle=explainer_subtitle %}
+                        {% block metrics_explainer %}
+                            <h3 class="w-h3">{% trans 'Words' %}</h3>
+                            <p>{% trans 'We extract the main content from the page preview, remove all formatting, and calculate the number of words.' %}</p>
+                            <h3 class="w-h3">{% trans 'Reading time' %}</h3>
+                            <p>{% trans 'We calculate reading time from word count, using different reading speeds for different languages.' %}</p>
+                            <h3 class="w-h3">{% trans 'Readability' %}</h3>
+                            <p>{% trans 'We use a readability formula based on length of words and sentences. Long sentences and words result in a worse readability score.' %}</p>
+                            <hr>
+                            {% help_block status="info" %}
+                                {% fragment as guide_link %}https://guide.wagtail.org/content-checks/{% endfragment %}
+                                {% blocktrans trimmed %}
+                                    See our <a href="{{ guide_link }}" target="_blank">content checks guide</a> for more information on how content metrics are calculated.
+                                {% endblocktrans %}
+                            {% endhelp_block %}
+                        {% endblock %}
+                    {% enddialog %}
+                </div>
             </div>
         {% endblock %}
         {% block issues_section %}

wagtail/admin/templates/wagtailadmin/shared/workflow_history/detail.html

@@ -27,7 +27,7 @@
             </div>
         </div>
         <div class="tab-content">
-            <section id="tab-tasks" role="tabpanel" aria-labelledby="tab-label-tasks" data-w-tabs-target="panel" hidden>
+            <section id="tab-tasks" role="tabpanel" hidden aria-labelledby="tab-label-tasks" data-w-tabs-target="panel" data-action="w-focus:focus->w-tabs#selectInside">
                 <table class="workflow-progress-table workflow-progress-table--tasks">
                     <colgroup width="20%"></colgroup>
                     {% for task in tasks %}
@@ -87,7 +87,7 @@
                 </table>
             </section>
 
-            <section id="tab-timeline" role="tabpanel" aria-labelledby="tab-label-timeline" data-w-tabs-target="panel" hidden>
+            <section id="tab-timeline" role="tabpanel" hidden aria-labelledby="tab-label-timeline" data-w-tabs-target="panel" data-action="w-focus:focus->w-tabs#selectInside">
                 <table class="workflow-progress-table workflow-progress-table--timeline">
                     <colgroup width="20%"></colgroup>
                     <colgroup width="80%"></colgroup>

wagtail/admin/templates/wagtailadmin/{pages/listing/_ordering_header.html → tables/ordering_header.html}

@@ -1,11 +1,11 @@
 {% load i18n wagtailadmin_tags %}
 <th class="ord{% if is_ascending %} ord--active{% endif %}">
     {% if is_ascending %}
-        <a href="{{ table.base_url }}{% querystring p=None ordering=None %}" title="{% trans 'Disable ordering of child pages' %}">
+        <a href="{{ table.base_url }}{% querystring p=None ordering=None %}" title="{% trans 'Disable custom ordering' %}">
             {% icon name="order" %}{% trans 'Sort' %}
         </a>
     {% else %}
-        <a href="{{ table.base_url }}{% querystring p=None ordering=column.sort_key %}" title="{% trans 'Enable ordering of child pages' %}">
+        <a href="{{ table.base_url }}{% querystring p=None ordering=column.sort_key %}" title="{% trans 'Enable custom ordering' %}">
             {% icon name="order" %}{% trans 'Sort' %}
         </a>
     {% endif %}

wagtail/admin/templates/wagtailadmin/tables/title_cell.html

@@ -9,7 +9,7 @@
         {% endfragment %}
         {% block title %}
             {% if link_url %}
-                <a {% include "wagtailadmin/shared/attrs.html" with attrs=link_attrs %}>{{ title }}</a>
+                <a{% include "wagtailadmin/shared/attrs.html" with attrs=link_attrs %}>{{ title }}</a>
             {% elif label_id %}
                 <label for="{{ label_id }}">{{ title }}</label>
             {% else %}

wagtail/admin/templates/wagtailadmin/widgets/{daterange_input.html → range_input.html}

@@ -1,3 +1,3 @@
-<div class="daterange_field">
+<div class="w-flex w-flex-col w-gap-4">
     {% for widget in widget.subwidgets %}{% include widget.template_name %}{% endfor %}
 </div>

wagtail/admin/templates/wagtailadmin/workflows/task_chooser/chooser.html

@@ -16,8 +16,9 @@
                 class="w-tabs__panel"
                 role="tabpanel"
                 aria-labelledby="tab-label-new"
-                data-w-tabs-target="panel"
                 hidden
+                data-w-tabs-target="panel"
+                data-action="w-focus:focus->w-tabs#selectInside"
             >
                 {% include "wagtailadmin/workflows/task_chooser/includes/create_tab.html" %}
             </section>
@@ -26,8 +27,9 @@
                 class="w-tabs__panel"
                 role="tabpanel"
                 aria-labelledby="tab-label-existing"
-                data-w-tabs-target="panel"
                 hidden
+                data-w-tabs-target="panel"
+                data-action="w-focus:focus->w-tabs#selectInside"
             >
                 <form
                     class="task-search"

wagtail/admin/templatetags/wagtailadmin_tags.py

@@ -915,9 +915,7 @@ def wagtail_config(context):
     request = context["request"]
     config = {
         "CSRF_TOKEN": get_token(request),
-        "CSRF_HEADER_NAME": HttpHeaders.parse_header_name(
-            getattr(settings, "CSRF_HEADER_NAME")
-        ),
+        "CSRF_HEADER_NAME": HttpHeaders.parse_header_name(settings.CSRF_HEADER_NAME),
         "ADMIN_API": {
             "PAGES": reverse("wagtailadmin_api:pages:listing"),
             "DOCUMENTS": reverse("wagtailadmin_api:documents:listing"),
@@ -1190,6 +1188,7 @@ def formattedfield(
     label_text=None,
     error_message_id=None,
     wrapper_id=None,
+    attrs=None,
 ):
     """
     Renders a form field in standard Wagtail admin layout.
@@ -1207,12 +1206,15 @@ def formattedfield(
     - `label_text` - Manually set this if the field’s HTML is hard-coded.
     - `error_message_id` - ID of the error message container element.
     - `wrapper_id` - ID of the overall wrapper element.
+    - `attrs` - Dict of additional HTML attributes to add to the field wrapper element, `data-field-wrapper` will be included by default.
     """
 
     label_for = id_for_label or (field and field.id_for_label) or ""
 
     context = {
         "classname": classname,
+        # Ensure data-field-wrapper is always present
+        "attrs": {**(attrs or {}), "data-field-wrapper": True},
         "show_label": show_label,
         "sr_only_label": sr_only_label,
         "icon": icon,
@@ -1334,15 +1336,42 @@ def keyboard_shortcuts_dialog(context):
     appropriate shortcuts for the user's platform.
     Note: Shortcut keys are intentionally not translated.
     """
+    request = context.get("request")
+    keyboard_shortcuts_enabled = True
+
+    if request and getattr(request, "user", None):
+        profile = getattr(request.user, "wagtail_userprofile", None)
+        if profile is not None:
+            keyboard_shortcuts_enabled = bool(
+                getattr(profile, "keyboard_shortcuts", True)
+            )
 
     comments_enabled = get_comments_enabled()
-    user_agent = context["request"].headers.get("User-Agent", "")
+    user_agent = request.headers.get("User-Agent", "") if request else ""
     is_mac = re.search(r"Mac|iPod|iPhone|iPad", user_agent)
-    KEYS = get_keyboard_key_labels_from_request(context["request"])
+    KEYS = get_keyboard_key_labels_from_request(request) if request else {}
 
     return {
+        "keyboard_shortcuts_enabled": keyboard_shortcuts_enabled,
         "shortcuts": {
-            ("actions-common", _("Common actions")): [
+            # Translators: Shortcuts for admin common shortcuts that are available across the admin
+            ("admin-common", _("Application")): [
+                (_("Show keyboard shortcuts"), "?"),
+                (_("Search"), "/"),
+                (_("Toggle sidebar"), "["),
+                (_("Toggle minimap"), "]"),
+                (_("Close modal dialogs (like this one)"), f"{KEYS.ESC}"),
+            ],
+            # Translators: Shortcuts for admin actions that can be taken while working on core models
+            ("admin-core-models", _("Actions")): [
+                (_("Save changes"), f"{KEYS.MOD} + s"),
+                (_("Preview"), f"{KEYS.MOD} + p"),
+                (_("Add or show comments"), f"{KEYS.CTRL} + {KEYS.ALT} + m")
+                if comments_enabled
+                else None,
+            ],
+            # Translators: Shortcuts for common text editing features available in all fields (even if not a rich text field)
+            ("text-editing-basic", _("Text editing")): [
                 (_("Copy"), f"{KEYS.MOD} + c"),
                 (_("Cut"), f"{KEYS.MOD} + x"),
                 (_("Paste"), f"{KEYS.MOD} + v"),
@@ -1358,27 +1387,17 @@ def keyboard_shortcuts_dialog(context):
                     f"{KEYS.MOD} + {KEYS.SHIFT} + z" if is_mac else f"{KEYS.MOD} + y",
                 ),
             ],
-            ("actions-model", _("Actions")): [
-                (_("Save changes"), f"{KEYS.MOD} + s"),
-                (_("Preview"), f"{KEYS.MOD} + p"),
-                (_("Toggle sidebar"), "["),
-                (_("Toggle minimap"), "]"),
-                (_("Add or show comments"), f"{KEYS.CTRL} + {KEYS.ALT} + m")
-                if comments_enabled
-                else None,
-            ],
-            ("rich-text-content", _("Text content")): [
-                (_("Insert or edit a link"), f"{KEYS.MOD} + k")
-            ],
-            ("rich-text-formatting", _("Text formatting")): [
+            # Translators: Shortcuts for formatting & editing features available in rich text fields
+            ("text-editing-rich-text", _("Text formatting")): [
+                (_("Insert or edit a link"), f"{KEYS.MOD} + k"),
+                (_("Bold"), f"{KEYS.MOD} + b"),
                 (_("Italic"), f"{KEYS.MOD} + i"),
-                (_("Underline"), f"{KEYS.MOD} + u"),
                 (_("Monospace (code)"), f"{KEYS.MOD} + j"),
-                (_("Strike-through"), f"{KEYS.MOD} + x"),
+                (_("Strike-through"), f"{KEYS.MOD} + {KEYS.SHIFT} + x"),
                 (_("Superscript"), f"{KEYS.MOD} + ."),
                 (_("Subscript"), f"{KEYS.MOD} + ,"),
             ],
-        }
+        },
     }
 
 

wagtail/admin/tests/api/test_pages.py

@@ -1378,7 +1378,7 @@ class TestCopyPageAction(AdminAPITestCase, TestCase):
             content,
             {
                 "detail": (
-                    "You do not have permission to publish a page at the destination"
+                    "You do not have permission to publish a page at the destination."
                 )
             },
         )
@@ -1407,7 +1407,7 @@ class TestCopyPageAction(AdminAPITestCase, TestCase):
             content,
             {
                 "slug": [
-                    "The slug 'events' is already in use within the parent page at '/'"
+                    "The slug 'events' is already in use within the parent page at '/'."
                 ]
             },
         )
@@ -1517,7 +1517,7 @@ class TestDeletePageAction(AdminAPITestCase, TestCase):
         self.assertEqual(response.status_code, 403)
         content = json.loads(response.content.decode("utf-8"))
         self.assertEqual(
-            content, {"detail": "You do not have permission to delete this page"}
+            content, {"detail": "You do not have permission to delete this page."}
         )
 
         # Page is still there
@@ -1565,7 +1565,7 @@ class TestPublishPageAction(AdminAPITestCase, TestCase):
         self.assertEqual(response.status_code, 403)
         content = json.loads(response.content.decode("utf-8"))
         self.assertEqual(
-            content, {"detail": "You do not have permission to publish this page"}
+            content, {"detail": "You do not have permission to publish this page."}
         )
 
     def test_publish_alias_page(self):
@@ -1655,7 +1655,7 @@ class TestUnpublishPageAction(AdminAPITestCase, TestCase):
         self.assertEqual(response.status_code, 403)
         content = json.loads(response.content.decode("utf-8"))
         self.assertEqual(
-            content, {"detail": "You do not have permission to unpublish this page"}
+            content, {"detail": "You do not have permission to unpublish this page."}
         )
 
 
@@ -1969,7 +1969,7 @@ class TestCreatePageAliasAction(AdminAPITestCase, TestCase):
             content,
             {
                 "detail": (
-                    "You do not have permission to publish a page at the destination"
+                    "You do not have permission to publish a page at the destination."
                 ),
             },
         )
@@ -2028,7 +2028,7 @@ class TestRevertToPageRevisionAction(AdminAPITestCase, TestCase):
 
         content = json.loads(response.content.decode("utf-8"))
         self.assertEqual(
-            content, {"detail": "You do not have permission to edit this page"}
+            content, {"detail": "You do not have permission to edit this page."}
         )
 
     def test_revert_to_page_revision_without_revision_id(self):

wagtail/admin/tests/api/test_renderer_classes.py

@@ -6,6 +6,7 @@ from django.urls import reverse
 from rest_framework.renderers import BrowsableAPIRenderer, JSONRenderer
 
 from wagtail.admin.api.views import PagesAdminAPIViewSet
+from wagtail.test.numberformat import ignore_numberformat
 from wagtail.test.utils import WagtailTestUtils
 
 
@@ -59,3 +60,18 @@ class TestPagesAdminAPIRendererClasses(WagtailTestUtils, TestCase):
         content = json.loads(response.content.decode("UTF-8"))
         self.assertIn("meta", content)
         self.assertIn("items", content)
+
+    def test_api_response_returns_html_with_html_accept_header(self):
+        """Test that API returns HTML when HTML is explicitly requested via Accept header."""
+        with ignore_numberformat(["rest_framework/base.html"]):
+            response = self.client.get(
+                reverse("wagtailadmin_api:pages:listing"), HTTP_ACCEPT="text/html"
+            )
+
+        self.assertEqual(response.status_code, 200)
+        self.assertEqual(response["Content-Type"], "text/html; charset=utf-8")
+
+        # Should contain HTML content
+        content = response.content.decode("UTF-8")
+        self.assertIn("<html", content)
+        self.assertIn("</html>", content)