{"component":{"aria":"Trigger button: aria-expanded (true/false), aria-controls='wiki-drawer', aria-label updates on state. Backdrop: aria-hidden='true' always. Drawer <nav aria-label='Site navigation'>. inert applied to #wiki-main-content and any other focusable regions when drawer is open — prevents Tab from escaping drawer.","category":"wiki","css":".ps-wiki-drawer-trigger { display: none; padding: var(--pds-space-1); background: transparent; border: none; cursor: pointer; color: var(--pds-text-primary); }\n@media (max-width: 799px) { .ps-wiki-drawer-trigger { display: flex; } }\n.ps-wiki-drawer-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 100; }\n.ps-wiki-drawer-backdrop[hidden] { display: none; }\n.ps-wiki-drawer { position: fixed; inset-block: 0; inset-inline-start: 0; width: min(80vw, 20rem); background: var(--pds-surface-layer); border-inline-end: 1px solid var(--pds-border-subtle); padding: var(--pds-space-2); z-index: 101; overflow-y: auto; transform: translateX(-100%); transition: transform var(--pds-duration-slow) var(--pds-easing-decelerate); }\n.ps-wiki-drawer:not([hidden]) { transform: translateX(0); }\n.ps-wiki-drawer__list { list-style: none; padding: 0; }\n.ps-wiki-drawer__link { display: block; padding: var(--pds-space-1) var(--pds-space-2); color: var(--pds-link); text-decoration: none; border-radius: var(--pds-radius-xs); }\n.ps-wiki-drawer__link:hover { background: var(--pds-surface-layer-hover); }","description":"Slide-in overlay navigation for compact (≤799px) viewports. Hamburger trigger opens a full-height left drawer containing the wiki site nav. Uses HTML inert attribute to lock the background DOM.","display_name":"Wiki Drawer (Mobile Navigation)","html":"<!-- Trigger -->\n<button class=\"ps-wiki-drawer-trigger\"\n        type=\"button\"\n        aria-expanded=\"{{isOpen}}\"\n        aria-controls=\"wiki-drawer\"\n        aria-label=\"{{isOpen ? 'Close navigation' : 'Open navigation'}}\">\n  <span class=\"ps-wiki-drawer-trigger__icon\" aria-hidden=\"true\">☰</span>\n</button>\n\n<!-- Backdrop -->\n<div class=\"ps-wiki-drawer-backdrop\" aria-hidden=\"true\" hidden></div>\n\n<!-- Drawer panel -->\n<nav id=\"wiki-drawer\"\n     class=\"ps-wiki-drawer\"\n     aria-label=\"Site navigation\"\n     hidden>\n  <ul class=\"ps-wiki-drawer__list\">\n    <li><a href=\"{{href}}\" class=\"ps-wiki-drawer__link\" {{#active}}aria-current='page'{{/active}}>{{label}}</a></li>\n  </ul>\n</nav>","name":"wiki-drawer-mobile-nav","registry_type":"component","research_links":[],"tabs_available":[],"variants":[{"css_class":"","description":"Hamburger button only; drawer and backdrop [hidden].","html":"","name":"closed","tokens":[]},{"css_class":"","description":"Drawer slides in; backdrop dims; main content inert.","html":"","name":"open","tokens":[]}],"wcag":{"target":"2.2 AA"}},"tenant":"pointsav","theme":"pointsav-brand"}