import{r as t,h as i,H as s}from"./p-3ba9c73c.js";const e=class{constructor(i){t(this,i),this.vertical=!1,this.right=!1,this.toggleDesktop=!1,this.active=!1,this.close=()=>{this.active=!1}}handleResize(){requestAnimationFrame(()=>{window.innerWidth<1024?this.active=!1:window.innerWidth>1024&&!this.toggleDesktop&&(this.active=!0)})}toggleMenu(){this.active=!this.active}componentDidLoad(){!this.toggleDesktop&&window.innerWidth>1024&&(this.active=!0)}render(){return i(s,{class:this.right?"right":"left",active:this.active},window.innerWidth<1024?i("bce-icon",{onClick:this.close,raw:"times-circle",pre:"fas",size:"3x"}):"",i("div",{class:{menu:!0,horizontal:!this.vertical,verticle:this.vertical}},i("slot",null)))}static get style(){return"bce-menu{--bce-color-l:var(--bce-color-dark-l);--bce-color-n:var(--bce-color-dark-n);--bce-color-d:var(--bce-color-dark-d);--bce-color-t:var(--bce-color-dark-t);background-color:var(--bce-color-n);width:100%;height:100%;z-index:6;display:none}bce-menu>bce-icon{position:absolute;top:2rem;right:1.25rem;color:#fff;z-index:6}bce-menu>.menu{display:-ms-flexbox;display:flex;position:absolute;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;top:0;left:0;bottom:0;right:0;z-index:5;font-size:1.5rem;background-color:var(--bce-color-n)}bce-menu>div>a{margin:1rem;text-decoration:none;text-transform:uppercase}bce-menu>div>a,bce-menu>div>a:active,bce-menu>div>a:hover{color:var(--bce-color-t)}\@media screen and (min-width:1024px){bce-menu .menu{position:relative;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start;font-size:1.2rem;top:0}bce-menu.left{-webkit-animation:slide-in-l .3s ease-in-out;animation:slide-in-l .3s ease-in-out}bce-menu.right{-ms-flex-order:1;order:1;-webkit-animation:slide-in-r .3s ease-in-out;animation:slide-in-r .3s ease-in-out}bce-menu.horizontal{-ms-flex-direction:row;flex-direction:row}bce-menu.verticale{-ms-flex-direction:column;flex-direction:column}}bce-menu[active]{display:-ms-flexbox;display:flex}\@-webkit-keyframes slide-in-r{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}\@keyframes slide-in-r{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}\@-webkit-keyframes slide-in-l{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}\@keyframes slide-in-l{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}"}};export{e as bce_menu};