maverick-wave 3.10.0 → 4.0.0

package/maverick-wave.min.js

@@ -1 +1 @@
-!function(){"use strict";function e(){document.querySelectorAll(".color-swatch").forEach(e=>{const t=function(e){if(!e||"transparent"===e)return"#000000";const t=e=>Math.max(0,Math.min(255,Math.round(e))).toString(16).padStart(2,"0"),n=e.match(/color\(srgb\s+([\d.]+)\s+([\d.]+)\s+([\d.]+)(?:\s*\/\s*([\d.]+))?\)/);if(n){const e="#"+t(255*n[1])+t(255*n[2])+t(255*n[3]),c=void 0===n[4]?1:parseFloat(n[4]);return(c<1?`${e} / ${c}`:e).toUpperCase()}const c=e.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([\d.]+))?\)/);if(!c)return e;const o="#"+t(c[1])+t(c[2])+t(c[3]),a=void 0===c[4]?1:parseFloat(c[4]);return(a<1?`${o} / ${a}`:o).toUpperCase()}(window.getComputedStyle(e).backgroundColor),n=e.parentElement.querySelector(".mw-text-muted");n&&(n.textContent=t)})}function t(e){const t=Array.from(e.querySelectorAll(".mw-kanban-column")),n=e.querySelector(".mw-kanban-composer"),c=e.querySelector(".mw-kanban-card-template"),o=e.dataset.kanbanPrefix||"MW",a=n.querySelector(".mw-kanban-composer-title"),r=n.querySelector(".mw-kanban-composer-text"),s=n.querySelector(".mw-kanban-composer-priority"),l=n.querySelector(".mw-kanban-composer-assignee");let i=null;function d(){t.forEach(function(e,n){const c=e.querySelectorAll(".mw-kanban-card"),o=e.querySelector(".mw-kanban-count");o&&(o.textContent=c.length),e.querySelectorAll("[data-kanban-move]").forEach(function(e){const c=n+parseInt(e.dataset.kanbanMove,10);e.disabled=c<0||c>=t.length})})}function u(e,t){const n=e.querySelector(t);return n?n.textContent.replace(/\s+/g," ").trim():""}function m(e,t){f(),i=t||null,a.value=t?u(t,".mw-kanban-card-title"):"",r.value=t?u(t,".mw-kanban-card-text"):"",s.value=t?function(e){const t=e.querySelector(".mw-card-ribbon");if(!t)return"";const n=Array.from(t.classList).find(function(e){return 0===e.indexOf("mw-card-addon-")});return n?n.replace("mw-card-addon-",""):""}(t):"",l.value=t?function(e){const t=e.querySelector(".mw-avatar-initials");return t?t.textContent.trim():""}(t):"",t?(t.classList.add("mw-kanban-editing"),t.before(n)):e.querySelector(".mw-kanban-column-body").prepend(n),n.classList.add("mw-active"),a.focus()}function f(){n.classList.remove("mw-active"),i&&i.classList.remove("mw-kanban-editing"),i=null}function h(){const t=a.value.trim();if(!t)return void a.focus();const u=i||c.content.firstElementChild.cloneNode(!0);if(u.querySelector(".mw-kanban-card-title").textContent=t,u.querySelector(".mw-kanban-card-text").textContent=r.value.trim(),function(e,t){const n=e.querySelector(".mw-card-ribbon");if(n&&n.remove(),!t||!t.value)return;const c=document.createElement("div");c.className="mw-card-ribbon mw-card-addon-"+t.value,c.textContent=t.textContent,e.prepend(c)}(u,s.selectedOptions[0]),function(e,t){const n=e.querySelector(".mw-kanban-card-actions"),c=n.querySelector(".mw-avatar");if(!t)return void(c&&c.remove());const o=c||document.createElement("div");o.className="mw-avatar mw-avatar-xs mw-avatar-initials",o.textContent=t,c||n.prepend(o)}(u,l.value),!i){const t=function(){const t=Array.from(e.querySelectorAll(".mw-kanban-card-id")).map(function(e){return parseInt(e.textContent.split("-").pop(),10)||0});return o+"-"+(Math.max(0,...t)+1)}();u.classList.add("mw-kanban-card-in"),u.querySelector(".mw-kanban-card-id").textContent=t,u.querySelectorAll("[aria-label]").forEach(function(e){e.setAttribute("aria-label",e.getAttribute("aria-label").replace(/[A-Z]+-\d+/,t))}),n.before(u)}f(),d()}e.addEventListener("click",function(e){const n=e.target.closest("[data-kanban-move]");if(n){if(function(e,n){const c=e.closest(".mw-kanban-column"),o=t[t.indexOf(c)+n];o&&(o.querySelector(".mw-kanban-column-body").appendChild(e),d())}(n.closest(".mw-kanban-card"),parseInt(n.dataset.kanbanMove,10)),n.disabled){const e=n.parentElement.querySelector("[data-kanban-move]:not(:disabled)");e&&e.focus()}return}const c=e.target.closest(".mw-kanban-edit");if(c){const e=c.closest(".mw-kanban-card");return void m(e.closest(".mw-kanban-column"),e)}const o=e.target.closest(".mw-kanban-delete");if(o){const e=o.closest(".mw-kanban-card");return e===i&&f(),e.remove(),void d()}const a=e.target.closest(".mw-kanban-add");a?m(a.closest(".mw-kanban-column"),null):e.target.closest(".mw-kanban-composer-cancel")&&f()}),n.addEventListener("submit",function(e){e.preventDefault(),h()}),n.addEventListener("keydown",function(e){"Escape"===e.key&&f()}),d()}document.addEventListener("DOMContentLoaded",function(){document.querySelectorAll(".mw-gallery").forEach(e=>{const t=e.closest(".mw-gallery-container")||e.parentElement;t&&function(e,t){const n=t.querySelector(".mw-gallery-track");if(!n||!n.children.length)return;const c=n.children,o=e.querySelector(".mw-gallery-dots"),a=e.querySelector(".mw-gallery-desc"),r=t.querySelector(".mw-gallery-navi-prev"),s=t.querySelector(".mw-gallery-navi-next");let l=0;function i(e){const t=c.length;l=(e+t)%t,n.style.transform=`translateX(-${100*l}%)`,o&&o.querySelectorAll(".mw-gallery-dot").forEach((e,t)=>{e.classList.toggle("mw-active",t===l)}),a&&(a.textContent=c[l].dataset.desc||"")}if(o)for(let e=0;e<c.length;e++){const t=document.createElement("span");t.className="mw-gallery-dot"+(0===e?" mw-active":""),t.addEventListener("click",()=>i(e)),o.appendChild(t)}r&&r.addEventListener("click",()=>i(l-1)),s&&s.addEventListener("click",()=>i(l+1));let d=0;n.addEventListener("touchstart",e=>d=e.touches[0].clientX),n.addEventListener("touchend",e=>{const t=e.changedTouches[0].clientX-d;t>50&&i(l-1),t<-50&&i(l+1)}),i(0)}(t,e)}),function(){const t=document.querySelector(".mw-theme-toggle");if(!t)return;const n=document.body,c=t.querySelector(".mw-theme-toggle-slider i"),o=getComputedStyle(document.documentElement).getPropertyValue("--mw-internal-theme-mode").trim()||"switchable";if("switchable"!==o)return console.log(`Theme mode fixed to: ${o}. Disabling toggle.`),c&&(c.className="light"===o?"fas fa-sun":"fas fa-moon"),"light"===o?t.classList.add("active"):t.classList.remove("active"),t.style.opacity="0.4",t.style.pointerEvents="none",t.style.cursor="default",t.setAttribute("aria-disabled","true"),localStorage.removeItem("mw-theme"),void("dark"===o&&n.classList.remove("mw-theme-light"));let a="light"===localStorage.getItem("mw-theme");const r=e=>{n.classList.toggle("mw-theme-light",e),t.classList.toggle("active",e),c&&(c.className=e?"fas fa-sun":"fas fa-moon")};r(a),t.addEventListener("click",()=>{a=!a,r(a),localStorage.setItem("mw-theme",a?"light":"dark"),setTimeout(e,400)})}(),e(),document.querySelectorAll(".mw-accordion-header").forEach(e=>{e.addEventListener("click",function(){this.classList.toggle("active");const e=this.nextElementSibling;e&&e.classList.toggle("active")})}),function(){const e=document.querySelector(".mw-menu-btn"),t=document.querySelector(".mw-navbar");if(!e||!t)return;function n(){e.classList.remove("open"),t.classList.remove("open")}function c(n){n.preventDefault(),n.stopPropagation(),e.classList.toggle("open"),t.classList.toggle("open")}e.addEventListener("click",c),e.addEventListener("touchstart",c,{passive:!1}),document.addEventListener("click",function(c){t.classList.contains("open")&&(t.contains(c.target)||e.contains(c.target)||n())}),document.addEventListener("keydown",function(e){"Escape"===e.key&&n()})}(),function(){const e=document.querySelectorAll(".mw-progress-fill");if(!e.length)return;const t=new IntersectionObserver((e,t)=>{e.forEach(e=>{if(!e.isIntersecting)return;const n=e.target,c=n.dataset.value||0;n.style.width=c+"%",t.unobserve(n)})},{root:null,threshold:.2});e.forEach(e=>t.observe(e))}(),document.querySelectorAll('a[href^="#"]').forEach(e=>{e.addEventListener("click",function(e){const t=this.getAttribute("href");if("#"===t)return;if(!document.querySelector(t))return;const n=document.querySelector(".mw-menu-btn"),c=document.querySelector(".mw-navbar");n&&c&&(n.classList.remove("open"),c.classList.remove("open"))})}),function(){const e=document.querySelectorAll("section[id]"),t=document.querySelectorAll(".mw-navbar-link");if(0===e.length||0===t.length)return;window.addEventListener("scroll",function(e,t){let n;return function(){const c=this,o=arguments;clearTimeout(n),n=setTimeout(()=>e.apply(c,o),t)}}(function(){let n="";e.forEach(e=>{const t=e.offsetTop-100,c=e.clientHeight;scrollY>=t&&scrollY<t+c&&(n=e.getAttribute("id"))}),t.forEach(e=>{e.classList.remove("active");const t=e.getAttribute("href");if(t){const c=t.indexOf("#");if(-1!==c){t.substring(c+1)===n&&e.classList.add("active")}}})},100))}(),document.querySelectorAll(".mw-tabs-nav-item").forEach(e=>{e.addEventListener("click",function(){const e=this.closest(".mw-tabs");if(!e)return;e.querySelectorAll(".mw-tabs-nav-item").forEach(e=>{e.classList.remove("active")}),this.classList.add("active");const t=this.getAttribute("data-tab");if(!t)return;e.querySelectorAll(".mw-tabs-panel").forEach(e=>{e.classList.remove("active")});const n=document.getElementById(t);n&&n.classList.add("active")})}),document.querySelectorAll(".mw-alert-close").forEach(e=>{e.addEventListener("click",function(){const e=this.closest(".mw-alert");e&&(e.classList.add("mw-alert-closing"),setTimeout(()=>{e.classList.add("mw-alert-closed")},300))})}),function(){const e=document.querySelector(".mw-localhost-indicator-activated"),t=document.querySelector(".mw-header");if(e){if("localhost"===window.location.hostname||"127.0.0.1"===window.location.hostname||window.location.hostname.includes("192.168.")){const e=document.createElement("div");e.className="mw-localhost-indicator-pulse",t.prepend(e)}}}(),document.querySelectorAll(".mw-slider-container").forEach(e=>{const t=e.querySelector(".mw-slider"),n=e.querySelector(".mw-slider-value");if(!t||!n)return;const c=()=>{const e=Number(t.value),c=Number(t.max)||100,o=Math.round(e/c*100);t.style.setProperty("--value",o+"%"),n.classList.contains("mw-slider-numeric")?n.setAttribute("data-value",e):n.setAttribute("data-value",o)};t.addEventListener("input",c),c()}),document.querySelectorAll(".mw-modal-close").forEach(e=>{e.addEventListener("click",function(){const e=this.closest(".mw-modal-overlay");e&&e.classList.remove("mw-modal-open")})}),function(){const e=document.getElementById("login-button");e&&e.addEventListener("click",function(){const e=this.querySelector("i");e.classList.contains("fa-lock")?(e.classList.remove("fa-lock"),e.classList.add("fa-lock-open")):(e.classList.remove("fa-lock-open"),e.classList.add("fa-lock"))})}(),document.querySelectorAll(".mw-image-slider").forEach(e=>{const t=e.querySelectorAll(".mw-image-slider-overlay-image"),n=e.querySelectorAll("button[data-index]");if(!t.length||!n.length)return;let c=0;function o(){t.forEach(e=>{const t=parseInt(e.dataset.index);e.classList.toggle("active",t===c)}),n.forEach(e=>{const t=parseInt(e.dataset.index);e.classList.toggle("active",t===c)})}function a(e){c=e,o()}n.forEach(e=>{e.addEventListener("click",()=>{a(parseInt(e.dataset.index))})}),o()}),document.querySelectorAll(".mw-item-list-checkbox, .mw-item-list-checkbox-scroll").forEach(e=>{e.querySelectorAll("li").forEach(e=>{const t=e.querySelector('input[type="checkbox"]'),n=e.querySelector(".mw-checkbox");t&&n&&(t.checked&&e.classList.add("mw-selected"),e.addEventListener("click",function(e){e.target!==t&&e.target.closest(".mw-checkbox")!==n&&toggleCheckbox(this)}),t.addEventListener("change",function(){const e=this.closest("li");this.checked?e.classList.add("mw-selected"):e.classList.remove("mw-selected"),e.dispatchEvent(new CustomEvent("checkboxToggle",{detail:{checked:this.checked,item:e}}))}),n.addEventListener("click",function(e){setTimeout(()=>{const e=this.closest("li");this.querySelector('input[type="checkbox"]').checked?e.classList.add("mw-selected"):e.classList.remove("mw-selected")},0)}))})}),document.addEventListener("checkboxToggle",function(e){console.log("Checkbox toggled:",e.detail.checked,e.detail.item)}),document.querySelectorAll(".mw-kanban").forEach(t)}),window.toggleCheckbox=function(e){const t=e.querySelector('input[type="checkbox"]');if(!t)return;const n=t.checked;t.checked=!n,t.checked?e.classList.add("mw-selected"):e.classList.remove("mw-selected"),e.dispatchEvent(new CustomEvent("checkboxToggle",{detail:{checked:t.checked,item:e}}))}}();
+!function(){"use strict";function e(e,t){e&&(e.classList.toggle("mw-active",t),t||e.classList.remove("active"))}function t(){document.querySelectorAll(".color-swatch").forEach(e=>{const t=function(e){if(!e||"transparent"===e)return"#000000";const t=e=>Math.max(0,Math.min(255,Math.round(e))).toString(16).padStart(2,"0"),n=e.match(/color\(srgb\s+([\d.]+)\s+([\d.]+)\s+([\d.]+)(?:\s*\/\s*([\d.]+))?\)/);if(n){const e="#"+t(255*n[1])+t(255*n[2])+t(255*n[3]),a=void 0===n[4]?1:parseFloat(n[4]);return(a<1?`${e} / ${a}`:e).toUpperCase()}const a=e.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([\d.]+))?\)/);if(!a)return e;const c="#"+t(a[1])+t(a[2])+t(a[3]),o=void 0===a[4]?1:parseFloat(a[4]);return(o<1?`${c} / ${o}`:c).toUpperCase()}(window.getComputedStyle(e).backgroundColor),n=e.parentElement.querySelector(".mw-text-muted");n&&(n.textContent=t)})}function n(e){const t=Array.from(e.querySelectorAll(".mw-kanban-column")),n=e.querySelector(".mw-kanban-composer"),a=e.querySelector(".mw-kanban-card-template"),c=e.dataset.kanbanPrefix||"MW",o=n.querySelector(".mw-kanban-composer-title"),r=n.querySelector(".mw-kanban-composer-text"),l=n.querySelector(".mw-kanban-composer-priority"),s=n.querySelector(".mw-kanban-composer-assignee");let i=null;function d(){t.forEach(function(e,n){const a=e.querySelectorAll(".mw-kanban-card"),c=e.querySelector(".mw-kanban-count");c&&(c.textContent=a.length),e.querySelectorAll("[data-kanban-move]").forEach(function(e){const a=n+parseInt(e.dataset.kanbanMove,10);e.disabled=a<0||a>=t.length})})}function u(e,t){const n=e.querySelector(t);return n?n.textContent.replace(/\s+/g," ").trim():""}function m(e,t){f(),i=t||null,o.value=t?u(t,".mw-kanban-card-title"):"",r.value=t?u(t,".mw-kanban-card-text"):"",l.value=t?function(e){const t=e.querySelector(".mw-card-ribbon");if(!t)return"";const n=Array.from(t.classList).find(function(e){return 0===e.indexOf("mw-card-addon-")});return n?n.replace("mw-card-addon-",""):""}(t):"",s.value=t?function(e){const t=e.querySelector(".mw-avatar-initials");return t?t.textContent.trim():""}(t):"",t?(t.classList.add("mw-kanban-editing"),t.before(n)):e.querySelector(".mw-kanban-column-body").prepend(n),n.classList.add("mw-active"),o.focus()}function f(){n.classList.remove("mw-active"),i&&i.classList.remove("mw-kanban-editing"),i=null}function w(){const t=o.value.trim();if(!t)return void o.focus();const u=i||a.content.firstElementChild.cloneNode(!0);if(u.querySelector(".mw-kanban-card-title").textContent=t,u.querySelector(".mw-kanban-card-text").textContent=r.value.trim(),function(e,t){const n=e.querySelector(".mw-card-ribbon");if(n&&n.remove(),!t||!t.value)return;const a=document.createElement("div");a.className="mw-card-ribbon mw-card-addon-"+t.value,a.textContent=t.textContent,e.prepend(a)}(u,l.selectedOptions[0]),function(e,t){const n=e.querySelector(".mw-kanban-card-actions"),a=n.querySelector(".mw-avatar");if(!t)return void(a&&a.remove());const c=a||document.createElement("div");c.className="mw-avatar mw-avatar-xs mw-avatar-initials",c.textContent=t,a||n.prepend(c)}(u,s.value),!i){const t=function(){const t=Array.from(e.querySelectorAll(".mw-kanban-card-id")).map(function(e){return parseInt(e.textContent.split("-").pop(),10)||0});return c+"-"+(Math.max(0,...t)+1)}();u.classList.add("mw-kanban-card-in"),u.querySelector(".mw-kanban-card-id").textContent=t,u.querySelectorAll("[aria-label]").forEach(function(e){e.setAttribute("aria-label",e.getAttribute("aria-label").replace(/[A-Z]+-\d+/,t))}),n.before(u)}f(),d()}e.addEventListener("click",function(e){const n=e.target.closest("[data-kanban-move]");if(n){if(function(e,n){const a=e.closest(".mw-kanban-column"),c=t[t.indexOf(a)+n];c&&(c.querySelector(".mw-kanban-column-body").appendChild(e),d())}(n.closest(".mw-kanban-card"),parseInt(n.dataset.kanbanMove,10)),n.disabled){const e=n.parentElement.querySelector("[data-kanban-move]:not(:disabled)");e&&e.focus()}return}const a=e.target.closest(".mw-kanban-edit");if(a){const e=a.closest(".mw-kanban-card");return void m(e.closest(".mw-kanban-column"),e)}const c=e.target.closest(".mw-kanban-delete");if(c){const e=c.closest(".mw-kanban-card");return e===i&&f(),e.remove(),void d()}const o=e.target.closest(".mw-kanban-add");o?m(o.closest(".mw-kanban-column"),null):e.target.closest(".mw-kanban-composer-cancel")&&f()}),n.addEventListener("submit",function(e){e.preventDefault(),w()}),n.addEventListener("keydown",function(e){"Escape"===e.key&&f()}),d()}function a(e){const t=e.querySelector(".mw-calendar-grid"),n=e.querySelector(".mw-calendar-title");if(!t)return;const a="week"===e.dataset.calendar,c=function(e){if(!e)return{};try{return JSON.parse(e)}catch(e){return{}}}(e.dataset.calendarMarkers),o=e.dataset.calendarLocale||document.documentElement.lang||void 0,r=new Date;r.setHours(0,0,0,0);let l=e.dataset.calendarDate?new Date(e.dataset.calendarDate+"T00:00:00"):new Date(r),s=e.dataset.calendarSelected||"";function i(e){const t=new Date(e);return t.setDate(t.getDate()-(t.getDay()+6)%7),t}function d(e){return e.getFullYear()+"-"+String(e.getMonth()+1).padStart(2,"0")+"-"+String(e.getDate()).padStart(2,"0")}function u(){if(!a)return l.toLocaleDateString(o,{month:"long",year:"numeric"});const e=i(l),t=new Date(e);t.setDate(t.getDate()+6);const n=e.toLocaleDateString(o,{day:"numeric",month:e.getMonth()===t.getMonth()?void 0:"short"}),c=t.toLocaleDateString(o,{day:"numeric",month:"short",year:"numeric"});return"Week "+function(e){const t=i(e);t.setDate(t.getDate()+3);const n=i(new Date(t.getFullYear(),0,4));return n.setDate(n.getDate()+3),1+Math.round((t-n)/6048e5)}(e)+" · "+n+" - "+c}function m(e){const t=e.getDay();return 0===t||6===t}function f(e,t){const n=d(e),l=document.createElement("button");l.type="button",l.className="mw-calendar-day",l.tabIndex=-1,l.dataset.calendarDay=n,l.setAttribute("aria-pressed",n===s?"true":"false"),l.setAttribute("aria-label",e.toLocaleDateString(o,{weekday:"long",day:"numeric",month:"long",year:"numeric"})),m(e)&&l.classList.add("mw-calendar-weekend"),a||e.getMonth()===t||l.classList.add("mw-calendar-adjacent"),n===d(r)&&(l.classList.add("mw-calendar-today"),l.setAttribute("aria-current","date")),n===s&&l.classList.add("mw-selected");const i=document.createElement("span");i.className="mw-calendar-date",i.textContent=e.getDate(),l.appendChild(i);const u=[].concat(c[n]||[]);if(u.length){const e=document.createElement("span");e.className="mw-calendar-dots",u.forEach(function(t){const n=document.createElement("span");n.className=t?"mw-calendar-dot mw-calendar-dot-"+t:"mw-calendar-dot",e.appendChild(n)}),l.appendChild(e)}return l}function w(){const e=l.getMonth(),c=a?7:42,r=i(a?l:new Date(l.getFullYear(),e,1));t.innerHTML="",function(){const e=i(new Date);for(let n=0;n<7;n++){const n=document.createElement("div");n.className="mw-calendar-weekday",m(e)&&n.classList.add("mw-calendar-weekend"),n.setAttribute("aria-hidden","true"),n.textContent=e.toLocaleDateString(o,{weekday:"short"}),t.appendChild(n),e.setDate(e.getDate()+1)}}();for(let n=0;n<c;n++)t.appendChild(f(r,e)),r.setDate(r.getDate()+1);n&&(n.textContent=u()),function(){const e=t.querySelector(".mw-selected")||t.querySelector(".mw-calendar-today")||t.querySelector(".mw-calendar-day:not(.mw-calendar-adjacent)")||t.querySelector(".mw-calendar-day");e&&(e.tabIndex=0)}()}e.addEventListener("click",function(n){const c=n.target.closest("[data-calendar-nav]");if(c)return o=parseInt(c.dataset.calendarNav,10),a?l.setDate(l.getDate()+7*o):l=new Date(l.getFullYear(),l.getMonth()+o,1),void w();var o;const r=n.target.closest(".mw-calendar-day");var i;r&&!r.disabled&&(i=r.dataset.calendarDay,s=i===s?"":i,t.querySelectorAll(".mw-calendar-day").forEach(function(e){const t=e.dataset.calendarDay===s;e.classList.toggle("mw-selected",t),e.setAttribute("aria-pressed",t?"true":"false")}),e.dispatchEvent(new CustomEvent("mw-calendar-select",{bubbles:!0,detail:{date:s}})))}),t.addEventListener("keydown",function(e){const n={ArrowLeft:-1,ArrowRight:1,ArrowUp:-7,ArrowDown:7}[e.key];if(!n)return;const a=e.target.closest(".mw-calendar-day");if(!a)return;e.preventDefault();const c=new Date(a.dataset.calendarDay+"T00:00:00");c.setDate(c.getDate()+n),function(e){const n=d(e);let a=t.querySelector('[data-calendar-day="'+n+'"]');a||(l=new Date(e),w(),a=t.querySelector('[data-calendar-day="'+n+'"]')),a&&(t.querySelectorAll(".mw-calendar-day").forEach(function(e){e.tabIndex=-1}),a.tabIndex=0,a.focus())}(c)}),w()}document.addEventListener("DOMContentLoaded",function(){document.querySelectorAll(".mw-gallery").forEach(e=>{const t=e.closest(".mw-gallery-container")||e.parentElement;t&&function(e,t){const n=t.querySelector(".mw-gallery-track");if(!n||!n.children.length)return;const a=n.children,c=e.querySelector(".mw-gallery-dots"),o=e.querySelector(".mw-gallery-desc"),r=t.querySelector(".mw-gallery-navi-prev"),l=t.querySelector(".mw-gallery-navi-next");let s=0;function i(e){const t=a.length;s=(e+t)%t,n.style.transform=`translateX(-${100*s}%)`,c&&c.querySelectorAll(".mw-gallery-dot").forEach((e,t)=>{e.classList.toggle("mw-active",t===s)}),o&&(o.textContent=a[s].dataset.desc||"")}if(c)for(let e=0;e<a.length;e++){const t=document.createElement("span");t.className="mw-gallery-dot"+(0===e?" mw-active":""),t.addEventListener("click",()=>i(e)),c.appendChild(t)}r&&r.addEventListener("click",()=>i(s-1)),l&&l.addEventListener("click",()=>i(s+1));let d=0;n.addEventListener("touchstart",e=>d=e.touches[0].clientX),n.addEventListener("touchend",e=>{const t=e.changedTouches[0].clientX-d;t>50&&i(s-1),t<-50&&i(s+1)}),i(0)}(t,e)}),function(){const n=document.querySelector(".mw-theme-toggle");if(!n)return;const a=document.body,c=n.querySelector(".mw-theme-toggle-slider i"),o=getComputedStyle(document.documentElement).getPropertyValue("--mw-internal-theme-mode").trim()||"switchable";if("switchable"!==o)return console.log(`Theme mode fixed to: ${o}. Disabling toggle.`),c&&(c.className="light"===o?"fas fa-sun":"fas fa-moon"),e(n,"light"===o),n.style.opacity="0.4",n.style.pointerEvents="none",n.style.cursor="default",n.setAttribute("aria-disabled","true"),localStorage.removeItem("mw-theme"),void("dark"===o&&a.classList.remove("mw-theme-light"));let r="light"===localStorage.getItem("mw-theme");const l=t=>{a.classList.toggle("mw-theme-light",t),e(n,t),c&&(c.className=t?"fas fa-sun":"fas fa-moon")};l(r),n.addEventListener("click",()=>{r=!r,l(r),localStorage.setItem("mw-theme",r?"light":"dark"),setTimeout(t,400)})}(),t(),document.querySelectorAll(".mw-accordion-header").forEach(t=>{t.addEventListener("click",function(){const t=!((n=this)&&(n.classList.contains("mw-active")||n.classList.contains("active")));var n;e(this,t),e(this.nextElementSibling,t)})}),function(){const e=document.querySelector(".mw-menu-btn"),t=document.querySelector(".mw-navbar");if(!e||!t)return;function n(){e.classList.remove("open"),t.classList.remove("open")}function a(n){n.preventDefault(),n.stopPropagation(),e.classList.toggle("open"),t.classList.toggle("open")}e.addEventListener("click",a),e.addEventListener("touchstart",a,{passive:!1}),document.addEventListener("click",function(a){t.classList.contains("open")&&(t.contains(a.target)||e.contains(a.target)||n())}),document.addEventListener("keydown",function(e){"Escape"===e.key&&n()})}(),function(){const e=document.querySelectorAll(".mw-progress-fill");if(!e.length)return;const t=new IntersectionObserver((e,t)=>{e.forEach(e=>{if(!e.isIntersecting)return;const n=e.target,a=n.dataset.value||0;n.style.width=a+"%",t.unobserve(n)})},{root:null,threshold:.2});e.forEach(e=>t.observe(e))}(),document.querySelectorAll('a[href^="#"]').forEach(e=>{e.addEventListener("click",function(e){const t=this.getAttribute("href");if("#"===t)return;if(!document.querySelector(t))return;const n=document.querySelector(".mw-menu-btn"),a=document.querySelector(".mw-navbar");n&&a&&(n.classList.remove("open"),a.classList.remove("open"))})}),function(){const t=document.querySelectorAll("section[id]"),n=document.querySelectorAll(".mw-navbar-link");if(0===t.length||0===n.length)return;window.addEventListener("scroll",function(e,t){let n;return function(){const a=this,c=arguments;clearTimeout(n),n=setTimeout(()=>e.apply(a,c),t)}}(function(){let a="";t.forEach(e=>{const t=e.offsetTop-100,n=e.clientHeight;scrollY>=t&&scrollY<t+n&&(a=e.getAttribute("id"))}),n.forEach(t=>{e(t,!1);const n=t.getAttribute("href");if(n){const c=n.indexOf("#");if(-1!==c){n.substring(c+1)===a&&e(t,!0)}}})},100))}(),document.querySelectorAll(".mw-tabs-nav-item").forEach(t=>{t.addEventListener("click",function(){const t=this.closest(".mw-tabs");if(!t)return;t.querySelectorAll(".mw-tabs-nav-item").forEach(t=>{e(t,!1)}),e(this,!0);const n=this.getAttribute("data-tab");n&&(t.querySelectorAll(".mw-tabs-panel").forEach(t=>{e(t,!1)}),e(document.getElementById(n),!0))})}),document.querySelectorAll(".mw-alert-close").forEach(e=>{e.addEventListener("click",function(){const e=this.closest(".mw-alert");e&&(e.classList.add("mw-alert-closing"),setTimeout(()=>{e.classList.add("mw-alert-closed")},300))})}),function(){const e=document.querySelector(".mw-localhost-indicator-activated"),t=document.querySelector(".mw-header");if(e){if("localhost"===window.location.hostname||"127.0.0.1"===window.location.hostname||window.location.hostname.includes("192.168.")){const e=document.createElement("div");e.className="mw-localhost-indicator-pulse",t.prepend(e)}}}(),document.querySelectorAll(".mw-slider-container").forEach(e=>{const t=e.querySelector(".mw-slider"),n=e.querySelector(".mw-slider-value");if(!t||!n)return;const a=()=>{const e=Number(t.value),a=Number(t.max)||100,c=Math.round(e/a*100);t.style.setProperty("--value",c+"%"),n.classList.contains("mw-slider-numeric")?n.setAttribute("data-value",e):n.setAttribute("data-value",c)};t.addEventListener("input",a),a()}),document.querySelectorAll(".mw-modal-close").forEach(e=>{e.addEventListener("click",function(){const e=this.closest(".mw-modal-overlay");e&&e.classList.remove("mw-modal-open")})}),function(){const e=document.getElementById("login-button");e&&e.addEventListener("click",function(){const e=this.querySelector("i");e.classList.contains("fa-lock")?(e.classList.remove("fa-lock"),e.classList.add("fa-lock-open")):(e.classList.remove("fa-lock-open"),e.classList.add("fa-lock"))})}(),document.querySelectorAll(".mw-image-slider").forEach(t=>{const n=t.querySelectorAll(".mw-image-slider-overlay-image"),a=t.querySelectorAll("button[data-index]");if(!n.length||!a.length)return;let c=0;function o(){n.forEach(t=>{e(t,parseInt(t.dataset.index)===c)}),a.forEach(t=>{e(t,parseInt(t.dataset.index)===c)})}function r(e){c=e,o()}a.forEach(e=>{e.addEventListener("click",()=>{r(parseInt(e.dataset.index))})}),o()}),document.querySelectorAll(".mw-item-list-checkbox, .mw-item-list-checkbox-scroll").forEach(e=>{e.querySelectorAll("li").forEach(e=>{const t=e.querySelector('input[type="checkbox"]'),n=e.querySelector(".mw-checkbox");t&&n&&(t.checked&&e.classList.add("mw-selected"),e.addEventListener("click",function(e){e.target!==t&&e.target.closest(".mw-checkbox")!==n&&toggleCheckbox(this)}),t.addEventListener("change",function(){const e=this.closest("li");this.checked?e.classList.add("mw-selected"):e.classList.remove("mw-selected"),e.dispatchEvent(new CustomEvent("checkboxToggle",{detail:{checked:this.checked,item:e}}))}),n.addEventListener("click",function(e){setTimeout(()=>{const e=this.closest("li");this.querySelector('input[type="checkbox"]').checked?e.classList.add("mw-selected"):e.classList.remove("mw-selected")},0)}))})}),document.addEventListener("checkboxToggle",function(e){console.log("Checkbox toggled:",e.detail.checked,e.detail.item)}),document.querySelectorAll(".mw-kanban").forEach(n),document.querySelectorAll("[data-calendar]").forEach(a)}),window.toggleCheckbox=function(e){const t=e.querySelector('input[type="checkbox"]');if(!t)return;const n=t.checked;t.checked=!n,t.checked?e.classList.add("mw-selected"):e.classList.remove("mw-selected"),e.dispatchEvent(new CustomEvent("checkboxToggle",{detail:{checked:t.checked,item:e}}))}}();

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "maverick-wave",
-  "version": "3.10.0",
+  "version": "4.0.0",
   "config": {
-    "version_short": "3.10"
+    "version_short": "4.0"
   },
   "description": "A lightweight, modern CSS framework for building responsive websites with elegance and speed.",
   "main": "src/js/main.js",

package/src/js/main.js

@@ -1,6 +1,23 @@
 (function () {
   'use strict';
 
+  // State classes: `mw-active` is the documented spelling, plain `active` is
+  // the one older markup uses. Both are styled, so turning a state *off* has
+  // to clear both - otherwise a stale `active` from the HTML would keep a
+  // second tab lit.
+  function setActive(el, on) {
+    if (!el) return;
+    el.classList.toggle('mw-active', on);
+    if (!on) el.classList.remove('active');
+  }
+
+  function isActive(el) {
+    return (
+      !!el &&
+      (el.classList.contains('mw-active') || el.classList.contains('active'))
+    );
+  }
+
   // Initialize all components when DOM is ready
   document.addEventListener('DOMContentLoaded', function () {
     // Initialize all components
@@ -21,6 +38,7 @@
     initImageSliders();
     initCheckboxLists();
     initKanbanBoards();
+    initCalendars();
   });
 
   // ===== Checkbox Lists =====
@@ -213,11 +231,7 @@
         icon.className = themeMode === 'light' ? 'fas fa-sun' : 'fas fa-moon';
       }
       // Adjust toggle 'active' state if needed (assuming 'active' shows sun)
-      if (themeMode === 'light') {
-        themeToggle.classList.add('active');
-      } else {
-        themeToggle.classList.remove('active');
-      }
+      setActive(themeToggle, themeMode === 'light');
 
       // Disable existing toggle visually and functionally
       themeToggle.style.opacity = '0.4';
@@ -243,7 +257,7 @@
     const applyTheme = (lightMode) => {
       // Use toggle's second argument for cleaner class switching
       body.classList.toggle('mw-theme-light', lightMode);
-      themeToggle.classList.toggle('active', lightMode);
+      setActive(themeToggle, lightMode);
       if (icon) {
         icon.className = lightMode ? 'fas fa-sun' : 'fas fa-moon';
       }
@@ -318,9 +332,9 @@
     const accordionHeaders = document.querySelectorAll('.mw-accordion-header');
     accordionHeaders.forEach((header) => {
       header.addEventListener('click', function () {
-        this.classList.toggle('active');
-        const content = this.nextElementSibling;
-        if (content) content.classList.toggle('active');
+        const open = !isActive(this);
+        setActive(this, open);
+        setActive(this.nextElementSibling, open);
       });
     });
   }
@@ -428,7 +442,7 @@
         });
 
         navLinks.forEach((link) => {
-          link.classList.remove('active');
+          setActive(link, false);
 
           const href = link.getAttribute('href');
           if (href) {
@@ -436,7 +450,7 @@
             if (hashIndex !== -1) {
               const linkTarget = href.substring(hashIndex + 1);
               if (linkTarget === current) {
-                link.classList.add('active');
+                setActive(link, true);
               }
             }
           }
@@ -457,20 +471,19 @@
         tabsContainer
           .querySelectorAll('.mw-tabs-nav-item')
           .forEach((navItem) => {
-            navItem.classList.remove('active');
+            setActive(navItem, false);
           });
 
-        this.classList.add('active');
+        setActive(this, true);
 
         const tabId = this.getAttribute('data-tab');
         if (!tabId) return;
 
         tabsContainer.querySelectorAll('.mw-tabs-panel').forEach((panel) => {
-          panel.classList.remove('active');
+          setActive(panel, false);
         });
 
-        const targetPanel = document.getElementById(tabId);
-        if (targetPanel) targetPanel.classList.add('active');
+        setActive(document.getElementById(tabId), true);
       });
     });
   }
@@ -601,13 +614,11 @@
 
       function updateSliderView() {
         overlayImages.forEach((img) => {
-          const imgIndex = parseInt(img.dataset.index);
-          img.classList.toggle('active', imgIndex === current);
+          setActive(img, parseInt(img.dataset.index) === current);
         });
 
         buttons.forEach((btn) => {
-          const btnIndex = parseInt(btn.dataset.index);
-          btn.classList.toggle('active', btnIndex === current);
+          setActive(btn, parseInt(btn.dataset.index) === current);
         });
       }
 
@@ -841,4 +852,287 @@
 
     refresh();
   }
+  // ===== Calendars =====
+  function initCalendars() {
+    document.querySelectorAll('[data-calendar]').forEach(initCalendar);
+  }
+
+  // Status dots come in as {"2026-08-19": ["success", "warning"]}
+  function parseCalendarMarkers(raw) {
+    if (!raw) return {};
+
+    try {
+      return JSON.parse(raw);
+    } catch (error) {
+      return {};
+    }
+  }
+
+  function initCalendar(calendar) {
+    const grid = calendar.querySelector('.mw-calendar-grid');
+    const title = calendar.querySelector('.mw-calendar-title');
+    if (!grid) return;
+
+    const weekMode = calendar.dataset.calendar === 'week';
+    const markers = parseCalendarMarkers(calendar.dataset.calendarMarkers);
+    // Falls back to the document language, so a German page gets German day
+    // names without configuring anything
+    const locale =
+      calendar.dataset.calendarLocale ||
+      document.documentElement.lang ||
+      undefined;
+
+    const today = new Date();
+    today.setHours(0, 0, 0, 0);
+
+    let cursor = calendar.dataset.calendarDate
+      ? new Date(calendar.dataset.calendarDate + 'T00:00:00')
+      : new Date(today);
+    let selected = calendar.dataset.calendarSelected || '';
+
+    // Monday first: that is what ISO weeks use, and it keeps the weekend
+    // together as one block on the right
+    function startOfWeek(date) {
+      const result = new Date(date);
+      result.setDate(result.getDate() - ((result.getDay() + 6) % 7));
+      return result;
+    }
+
+    // Local date key - toISOString() would shift the day across a timezone
+    function dateKey(date) {
+      return (
+        date.getFullYear() +
+        '-' +
+        String(date.getMonth() + 1).padStart(2, '0') +
+        '-' +
+        String(date.getDate()).padStart(2, '0')
+      );
+    }
+
+    // ISO 8601: the week owning the Thursday owns the number
+    function weekNumber(date) {
+      const thursday = startOfWeek(date);
+      thursday.setDate(thursday.getDate() + 3);
+
+      const firstThursday = startOfWeek(new Date(thursday.getFullYear(), 0, 4));
+      firstThursday.setDate(firstThursday.getDate() + 3);
+
+      return 1 + Math.round((thursday - firstThursday) / 604800000);
+    }
+
+    function headline() {
+      if (!weekMode) {
+        return cursor.toLocaleDateString(locale, {
+          month: 'long',
+          year: 'numeric',
+        });
+      }
+
+      const from = startOfWeek(cursor);
+      const to = new Date(from);
+      to.setDate(to.getDate() + 6);
+
+      // The month is only spelled out twice when the week straddles two of them
+      const fromLabel = from.toLocaleDateString(locale, {
+        day: 'numeric',
+        month: from.getMonth() === to.getMonth() ? undefined : 'short',
+      });
+      const toLabel = to.toLocaleDateString(locale, {
+        day: 'numeric',
+        month: 'short',
+        year: 'numeric',
+      });
+
+      return 'Week ' + weekNumber(from) + ' · ' + fromLabel + ' - ' + toLabel;
+    }
+
+    function isWeekend(date) {
+      const weekday = date.getDay();
+      return weekday === 0 || weekday === 6;
+    }
+
+    function renderWeekdays() {
+      const day = startOfWeek(new Date());
+
+      for (let index = 0; index < 7; index++) {
+        const cell = document.createElement('div');
+        cell.className = 'mw-calendar-weekday';
+        if (isWeekend(day)) cell.classList.add('mw-calendar-weekend');
+        // Decorative: every day button already carries its weekday in the label
+        cell.setAttribute('aria-hidden', 'true');
+        cell.textContent = day.toLocaleDateString(locale, { weekday: 'short' });
+        grid.appendChild(cell);
+        day.setDate(day.getDate() + 1);
+      }
+    }
+
+    function renderDay(date, month) {
+      const key = dateKey(date);
+      const cell = document.createElement('button');
+
+      cell.type = 'button';
+      cell.className = 'mw-calendar-day';
+      cell.tabIndex = -1;
+      cell.dataset.calendarDay = key;
+      cell.setAttribute('aria-pressed', key === selected ? 'true' : 'false');
+      // The bare number is not an accessible name - the arrows only announce
+      // where you are going, not where you landed
+      cell.setAttribute(
+        'aria-label',
+        date.toLocaleDateString(locale, {
+          weekday: 'long',
+          day: 'numeric',
+          month: 'long',
+          year: 'numeric',
+        })
+      );
+
+      if (isWeekend(date)) cell.classList.add('mw-calendar-weekend');
+      if (!weekMode && date.getMonth() !== month) {
+        cell.classList.add('mw-calendar-adjacent');
+      }
+      if (key === dateKey(today)) {
+        cell.classList.add('mw-calendar-today');
+        cell.setAttribute('aria-current', 'date');
+      }
+      if (key === selected) cell.classList.add('mw-selected');
+
+      const number = document.createElement('span');
+      number.className = 'mw-calendar-date';
+      number.textContent = date.getDate();
+      cell.appendChild(number);
+
+      const tones = [].concat(markers[key] || []);
+      if (tones.length) {
+        const dots = document.createElement('span');
+        dots.className = 'mw-calendar-dots';
+
+        tones.forEach(function (tone) {
+          const dot = document.createElement('span');
+          dot.className = tone
+            ? 'mw-calendar-dot mw-calendar-dot-' + tone
+            : 'mw-calendar-dot';
+          dots.appendChild(dot);
+        });
+
+        cell.appendChild(dots);
+      }
+
+      return cell;
+    }
+
+    // A month always gets six rows. Rendering only the rows it needs would make
+    // the calendar - and everything below it - jump on every month change.
+    function render() {
+      const month = cursor.getMonth();
+      const cells = weekMode ? 7 : 42;
+      const date = weekMode
+        ? startOfWeek(cursor)
+        : startOfWeek(new Date(cursor.getFullYear(), month, 1));
+
+      grid.innerHTML = '';
+      renderWeekdays();
+
+      for (let index = 0; index < cells; index++) {
+        grid.appendChild(renderDay(date, month));
+        date.setDate(date.getDate() + 1);
+      }
+
+      if (title) title.textContent = headline();
+      setTabStop();
+    }
+
+    // One tab stop for the whole grid; the arrow keys move inside it
+    function setTabStop() {
+      const cell =
+        grid.querySelector('.mw-selected') ||
+        grid.querySelector('.mw-calendar-today') ||
+        grid.querySelector('.mw-calendar-day:not(.mw-calendar-adjacent)') ||
+        grid.querySelector('.mw-calendar-day');
+
+      if (cell) cell.tabIndex = 0;
+    }
+
+    function select(key) {
+      selected = key === selected ? '' : key;
+
+      grid.querySelectorAll('.mw-calendar-day').forEach(function (cell) {
+        const active = cell.dataset.calendarDay === selected;
+        cell.classList.toggle('mw-selected', active);
+        cell.setAttribute('aria-pressed', active ? 'true' : 'false');
+      });
+
+      calendar.dispatchEvent(
+        new CustomEvent('mw-calendar-select', {
+          bubbles: true,
+          detail: { date: selected },
+        })
+      );
+    }
+
+    function step(offset) {
+      if (weekMode) {
+        cursor.setDate(cursor.getDate() + offset * 7);
+      } else {
+        // Snap to the first - stepping on from the 31st would skip February
+        cursor = new Date(cursor.getFullYear(), cursor.getMonth() + offset, 1);
+      }
+
+      render();
+    }
+
+    function focusDate(date) {
+      const key = dateKey(date);
+      let cell = grid.querySelector('[data-calendar-day="' + key + '"]');
+
+      // Walked off the rendered range - turn the page and look again
+      if (!cell) {
+        cursor = new Date(date);
+        render();
+        cell = grid.querySelector('[data-calendar-day="' + key + '"]');
+      }
+
+      if (!cell) return;
+
+      grid.querySelectorAll('.mw-calendar-day').forEach(function (other) {
+        other.tabIndex = -1;
+      });
+      cell.tabIndex = 0;
+      cell.focus();
+    }
+
+    calendar.addEventListener('click', function (event) {
+      const navButton = event.target.closest('[data-calendar-nav]');
+      if (navButton) {
+        step(parseInt(navButton.dataset.calendarNav, 10));
+        return;
+      }
+
+      const dayButton = event.target.closest('.mw-calendar-day');
+      if (dayButton && !dayButton.disabled) {
+        select(dayButton.dataset.calendarDay);
+      }
+    });
+
+    grid.addEventListener('keydown', function (event) {
+      const offsets = {
+        ArrowLeft: -1,
+        ArrowRight: 1,
+        ArrowUp: -7,
+        ArrowDown: 7,
+      };
+      const offset = offsets[event.key];
+      if (!offset) return;
+
+      const current = event.target.closest('.mw-calendar-day');
+      if (!current) return;
+
+      event.preventDefault();
+      const target = new Date(current.dataset.calendarDay + 'T00:00:00');
+      target.setDate(target.getDate() + offset);
+      focusDate(target);
+    });
+
+    render();
+  }
 })();

package/src/partials/accordions-container.html

@@ -2,11 +2,11 @@
 
 <div class="mw-accordion">
   <div class="mw-accordion-item">
-    <div class="mw-accordion-header active">
+    <div class="mw-accordion-header mw-active">
       <h3>What is MaverickWave?</h3>
       <i class="fas fa-chevron-down mw-accordion-icon"></i>
     </div>
-    <div class="mw-accordion-content active">
+    <div class="mw-accordion-content mw-active">
       <div class="mw-accordion-content-inner">
         <p>
           MaverickWave is a lightweight, responsive CSS framework designed for

package/src/partials/button-bar-container.html

@@ -86,8 +86,10 @@
         </div>
       </div>
       <div>
-        <p class="mw-mb-2"><strong>Center Aligned (default):</strong></p>
-        <div class="mw-button-bar mw-button-bar-outline">
+        <p class="mw-mb-2">
+          <strong>Center Aligned (also the default):</strong>
+        </p>
+        <div class="mw-button-bar mw-button-bar-center mw-button-bar-outline">
           <button class="mw-btn">Left</button>
           <button class="mw-btn">Center</button>
           <button class="mw-btn">Right</button>

package/src/partials/buttons-container.html

@@ -127,3 +127,38 @@
     </div>
   </div>
 </div>
+
+<h3 class="mw-mb-4 mw-mt-6">Plain Buttons</h3>
+<p class="mw-text-muted">
+  <code>mw-btn-plain</code> is for everywhere a <code>&lt;button&gt;</code> is
+  the right element and a button is the wrong look - a calendar day, a time in a
+  request row, a modal backdrop. It brings nothing but the focus ring and the
+  pointer; everything else it inherits. Not the same as
+  <code>mw-btn-link</code>, which is a button dressed as a link with a colour
+  and a minimum width of its own.
+</p>
+<div class="mw-card mw-card-simple">
+  <p class="mw-mb-4">
+    Booked for
+    <button type="button" class="mw-btn-plain mw-text-bold">14:30</button>
+    on
+    <button type="button" class="mw-btn-plain mw-text-bold">19.09.2026</button>
+    &ndash; both are real buttons, reachable by tab.
+  </p>
+  <div class="mw-d-flex mw-gap-4 mw-flex-wrap">
+    <button type="button" class="mw-btn mw-btn-link">mw-btn-link</button>
+    <button type="button" class="mw-btn-plain">mw-btn-plain</button>
+    <button type="button" class="mw-btn-plain" disabled>disabled</button>
+  </div>
+</div>
+
+<h3 class="mw-mb-4 mw-mt-6">Touch Targets</h3>
+<p class="mw-text-muted">
+  On a coarse pointer or below 768px the compact controls grow to a size a thumb
+  can actually hit: <code>mw-btn-sm</code>, <code>mw-input-sm</code> and
+  <code>mw-select-sm</code> to 2.5rem, a tab to 2.75rem, a calendar day to 44px.
+  WCAG 2.5.8 puts the floor at 24px, and that is a floor, not a goal.
+  <code>mw-btn-mini</code> keeps its 18px circle - it sits in tag rows and table
+  cells where a bigger one would shift the layout - and grows its hit area to
+  28px instead. Nothing to switch on; resize this page or open it on a phone.
+</p>