@anoki/fse-ui/dist/index.cjs298.js

FSE UI components library

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/navigations/HeaderMobile/HeaderMobile.css');const e=require("./index.cjs244.js"),x=require("./index.cjs28.js"),E=require("./index.cjs21.js"),i=require("react"),a=require("./index.cjs246.js"),y=require("./index.cjs477.js"),R=require("./index.cjs6.js");;/* empty css              */const g=require("./index.cjs10.js"),w=require("./index.cjs160.js"),C=require("./index.cjs9.js"),N=require("./index.cjs161.js"),k=({shortTitle:m,menuTitle:p="Menù",region:h,asLink:l="a",navigatonItems:j,labels:c,loginLink:b="/"})=>{const v=l,[n,d]=i.useState(!1),r="main-navigation",u=i.useRef(null);y.useFocusTrap(u,n);const t=i.useCallback(()=>{d(!n)},[n]);i.useEffect(()=>(n?document.body.classList.add("ui-body-overflow-hidden"):document.body.classList.remove("ui-body-overflow-hidden"),()=>{document.body.classList.remove("ui-body-overflow-hidden")}),[n]),i.useEffect(()=>{const s=o=>{o.key==="Escape"&&n&&t()};return document.addEventListener("keydown",s),()=>document.removeEventListener("keydown",s)},[n,t]);const f=()=>{d(!1)};return e.jsxRuntimeExports.jsxs("div",{className:"sticky-header shadow",children:[e.jsxRuntimeExports.jsx(E.HeaderTopBanner,{asLink:l,shortTitle:m,region:h}),e.jsxRuntimeExports.jsxs(R.Container,{className:"bg-slate-20 min-h-x64 base-row align-items-center justify-content-end",as:"header",py:"x8",children:[e.jsxRuntimeExports.jsxs(C.Row,{gap:"x24",alignItems:"center",justifyContent:"end",children:[e.jsxRuntimeExports.jsxs(x.Button,{size:"3",bg:"white",textColor:"primary",href:b,asLink:"a",className:"ui-login-button-header-mobile",children:[c.login,e.jsxRuntimeExports.jsx("span",{className:"visually-hidden",children:" Accedi con Cohesion"})]}),e.jsxRuntimeExports.jsx("button",{"aria-expanded":n,"aria-label":"Apri menu di navigazione",onClick:t,className:"ui-mobile-menu-toggle","aria-controls":r,children:e.jsxRuntimeExports.jsx(w.Hamburguer,{width:40,height:40,color:"white"})})]}),e.jsxRuntimeExports.jsxs("nav",{id:r,"aria-label":"Menu di navigazione",className:a.clsx(n?"ui-mobile-nav-panel":"visually-hidden"),ref:u,children:[e.jsxRuntimeExports.jsxs(g.Col,{className:"ui-mobile-nav-header",children:[e.jsxRuntimeExports.jsxs(x.Button,{size:"4",textColor:"primary",bg:"transparent",onClick:t,"aria-label":"Chiudi menu di navigazione","aria-controls":r,children:[c.closeMenu,e.jsxRuntimeExports.jsx(N.Close,{})]}),e.jsxRuntimeExports.jsx("h2",{className:"fs-3 text-slate-20",children:p})]}),e.jsxRuntimeExports.jsx("ul",{className:"list-style-none p-x16",role:"list",children:j.map((s,o)=>e.jsxRuntimeExports.jsx("li",{className:a.clsx("ui-mobile-nav-item",s.active&&"active"),children:e.jsxRuntimeExports.jsxs(v,{href:s.href,className:a.clsx("text-decoration-none text-primary fs-5",s.active?"fw-bold":"fw-normal"),onClick:f,target:s.isNewTab?"_blank":void 0,rel:s.isNewTab?"noopener noreferrer":void 0,children:[s.label,s.active&&e.jsxRuntimeExports.jsx("span",{className:"visually-hidden",children:"Attivo"})]})},o))})]})]})]})};exports.HeaderMobile=k;
//# sourceMappingURL=index.cjs298.js.map