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

FSE UI components library

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/navigations/HeaderMobile/HeaderMobile.css');const e=require("./index.cjs278.js"),m=require("./index.cjs36.js"),g=require("./index.cjs165.js"),i=require("react"),r=require("./index.cjs280.js"),y=require("./index.cjs446.js"),R=require("./index.cjs91.js");;/* empty css              */const w=require("./index.cjs82.js"),C=require("./index.cjs160.js"),N=require("./index.cjs219.js"),k=require("./index.cjs80.js"),q=({shortTitle:p,menuTitle:h="Menù",region:j,asLink:l="a",navigatonItems:b,labels:c,loginLink:v="/",variant:d="default"})=>{const f=l,[n,u]=i.useState(!1),o="main-navigation",x=i.useRef(null);y.useFocusTrap(x,n);const t=i.useCallback(()=>{u(!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=a=>{a.key==="Escape"&&n&&t()};return document.addEventListener("keydown",s),()=>document.removeEventListener("keydown",s)},[n,t]);const E=()=>{u(!1)};return e.jsxRuntimeExports.jsxs("div",{className:"sticky-header shadow",children:[e.jsxRuntimeExports.jsx(g.HeaderTopBanner,{asLink:l,shortTitle:p,region:j,variant:d}),e.jsxRuntimeExports.jsxs(R.Container,{className:r.clsx(d==="operator"?"bg-radial":"bg-slate-20 ","min-h-x64 base-row align-items-center justify-content-end"),as:"header",py:"x8",children:[e.jsxRuntimeExports.jsxs(N.Row,{gap:"x24",alignItems:"center",justifyContent:"end",children:[e.jsxRuntimeExports.jsxs(m.Button,{size:"3",bg:"white",textColor:"primary",href:v,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":o,children:e.jsxRuntimeExports.jsx(C.Hamburguer,{width:40,height:40,color:"white"})})]}),e.jsxRuntimeExports.jsxs("nav",{id:o,"aria-label":"Menu di navigazione",className:r.clsx(n?"ui-mobile-nav-panel":"visually-hidden"),ref:x,children:[e.jsxRuntimeExports.jsxs(w.Col,{className:"ui-mobile-nav-header",children:[e.jsxRuntimeExports.jsxs(m.Button,{size:"4",textColor:"primary",bg:"transparent",onClick:t,"aria-label":"Chiudi menu di navigazione","aria-controls":o,children:[c.closeMenu,e.jsxRuntimeExports.jsx(k.Close,{})]}),e.jsxRuntimeExports.jsx("h2",{className:"fs-3 text-slate-20",children:h})]}),e.jsxRuntimeExports.jsx("ul",{className:"list-style-none p-x16",role:"list",children:b.map((s,a)=>e.jsxRuntimeExports.jsx("li",{className:r.clsx("ui-mobile-nav-item",s.active&&"active"),children:e.jsxRuntimeExports.jsxs(f,{href:s.href,className:r.clsx("text-decoration-none text-primary fs-5",s.active?"fw-bold":"fw-normal"),onClick:E,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"})]})},a))})]})]})]})};exports.HeaderMobile=q;
//# sourceMappingURL=index.cjs318.js.map