{"version":3,"file":"mojb-side-menu.mjs","sources":["../../../projects/mojb-side-menu/src/lib/mojb-side-menu.service.ts","../../../projects/mojb-side-menu/src/lib/mojb-side-menu.component.ts","../../../projects/mojb-side-menu/src/lib/mojb-side-menu.component.html","../../../projects/mojb-side-menu/src/public-api.ts","../../../projects/mojb-side-menu/src/mojb-side-menu.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\n\r\n@Injectable({\r\n  providedIn: 'root'\r\n})\r\nexport class MojbSideMenuService {}\r\n","import { CommonModule } from '@angular/common';\r\nimport { Component, input, output } from '@angular/core';\r\nimport { RouterLink, RouterLinkActive } from '@angular/router';\r\n\r\nexport enum TitleColor {\r\n  red = 'text-red-500',\r\n  green = 'text-green-500',\r\n  blue = 'text-blue-500',\r\n  purple = 'text-purple-500',\r\n}\r\n\r\n@Component({\r\n  selector: 'lib-mojb-side-menu',\r\n  standalone: true,\r\n  imports: [CommonModule,RouterLink,RouterLinkActive],\r\n  templateUrl: './mojb-side-menu.component.html',\r\n  styles: ``\r\n})\r\nexport class MojbSideMenuComponent {\r\n  public isAuth = input(false);\r\n\r\n  public title = input('Nypro');\r\n  public subTitle = input('corp');\r\n  \r\n  onSignOut = output();\r\n  onSignIn = output();\r\n\r\n  titleColor = input<TitleColor>(TitleColor.purple)\r\n}\r\n","<aside\r\n        class=\"bg-gradient-to-br from-gray-800 to-gray-900 -translate-x-80 fixed inset-0 z-50 my-4 ml-4 h-[calc(100vh-32px)] w-72 rounded-xl transition-transform duration-300 xl:translate-x-0\">\r\n        <div class=\"relative border-b border-white/20\">\r\n            <a class=\"flex items-center gap-4 py-6 px-8\" href=\"#/\">\r\n                <h6\r\n                    class=\"text-2xl font-fold block antialiased tracking-normal font-sans font-semibold leading-relaxed text-white\">\r\n                    <!-- TODO: Personalizar colores  -->\r\n                    <span brand-name [classList]=\"titleColor()\">{{title()}}</span>\r\n                    <span sub-title-bar class=\"font-thin\">{{subTitle()}}</span>\r\n                </h6>\r\n            </a>\r\n            <button\r\n                class=\"middle none font-sans font-medium text-center uppercase transition-all disabled:opacity-50 disabled:shadow-none disabled:pointer-events-none w-8 max-w-[32px] h-8 max-h-[32px] rounded-lg text-xs text-white hover:bg-white/10 active:bg-white/30 absolute right-0 top-0 grid rounded-br-none rounded-tl-none xl:hidden\"\r\n                type=\"button\">\r\n                <span class=\"absolute top-1/2 left-1/2 transform -translate-y-1/2 -translate-x-1/2\">\r\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2.5\"\r\n                        stroke=\"currentColor\" aria-hidden=\"true\" class=\"h-5 w-5 text-white\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\"></path>\r\n                    </svg>\r\n                </span>\r\n            </button>\r\n        </div>\r\n        <div class=\"m-4\">\r\n            <ul class=\"mb-4 flex flex-col gap-1\">\r\n                <li>\r\n                    <a \r\n                        [routerLink]=\"'/'\" \r\n                        aria-current=\"page\" \r\n                        routerLinkActive=\"rounded-lg bg-gradient-to-tr from-blue-600 to-blue-400 text-white shadow-md shadow-blue-500/20 active:opacity-[0.85] w-full flex items-center gap-4 px-4 capitalize\"\r\n                        [routerLinkActiveOptions]=\"{exact : true}\"\r\n                        class=\"active\" href=\"#\">\r\n                        <!-- middle none font-sans font-bold center transition-all disabled:opacity-50 disabled:shadow-none disabled:pointer-events-none text-xs py-3 rounded-lg bg-gradient-to-tr from-blue-600 to-blue-400 text-white shadow-md shadow-blue-500/20 hover:shadow-lg hover:shadow-blue-500/40 active:opacity-[0.85] w-full flex items-center gap-4 px-4 capitalize -->\r\n                        <button\r\n                            class=\"middle none font-sans font-bold center transition-all disabled:opacity-50 disabled:shadow-none disabled:pointer-events-none text-xs py-3 rounded-lg text-white hover:bg-white/10 active:bg-white/30 w-full flex items-center gap-4 px-4 capitalize\"\r\n                            type=\"button\">\r\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"\r\n                                aria-hidden=\"true\" class=\"w-5 h-5 text-inherit\">\r\n                                <path\r\n                                    d=\"M11.47 3.84a.75.75 0 011.06 0l8.69 8.69a.75.75 0 101.06-1.06l-8.689-8.69a2.25 2.25 0 00-3.182 0l-8.69 8.69a.75.75 0 001.061 1.06l8.69-8.69z\">\r\n                                </path>\r\n                                <path\r\n                                    d=\"M12 5.432l8.159 8.159c.03.03.06.058.091.086v6.198c0 1.035-.84 1.875-1.875 1.875H15a.75.75 0 01-.75-.75v-4.5a.75.75 0 00-.75-.75h-3a.75.75 0 00-.75.75V21a.75.75 0 01-.75.75H5.625a1.875 1.875 0 01-1.875-1.875v-6.198a2.29 2.29 0 00.091-.086L12 5.43z\">\r\n                                </path>\r\n                            </svg>\r\n                            <p\r\n                                class=\"block antialiased font-sans text-base leading-relaxed text-inherit font-medium capitalize\">\r\n                                dashboard</p>\r\n                        </button>\r\n                    </a>\r\n                </li>\r\n\r\n\r\n                <li>\r\n                    <a class=\"\" href=\"#\">\r\n                        <button\r\n                            class=\"middle none font-sans font-bold center transition-all disabled:opacity-50 disabled:shadow-none disabled:pointer-events-none text-xs py-3 rounded-lg text-white hover:bg-white/10 active:bg-white/30 w-full flex items-center gap-4 px-4 capitalize\"\r\n                            type=\"button\">\r\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"\r\n                                aria-hidden=\"true\" class=\"w-5 h-5 text-inherit\">\r\n                                <path fill-rule=\"evenodd\"\r\n                                    d=\"M18.685 19.097A9.723 9.723 0 0021.75 12c0-5.385-4.365-9.75-9.75-9.75S2.25 6.615 2.25 12a9.723 9.723 0 003.065 7.097A9.716 9.716 0 0012 21.75a9.716 9.716 0 006.685-2.653zm-12.54-1.285A7.486 7.486 0 0112 15a7.486 7.486 0 015.855 2.812A8.224 8.224 0 0112 20.25a8.224 8.224 0 01-5.855-2.438zM15.75 9a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0z\"\r\n                                    clip-rule=\"evenodd\"></path>\r\n                            </svg>\r\n                            <p\r\n                                class=\"block antialiased font-sans text-base leading-relaxed text-inherit font-medium capitalize\">\r\n                                profile</p>\r\n                        </button>\r\n                    </a>\r\n                </li>\r\n\r\n                <li>\r\n                    <a \r\n                        routerLinkActive=\"rounded-lg bg-gradient-to-tr from-blue-600 to-blue-400 text-white shadow-md shadow-blue-500/20 active:opacity-[0.85] w-full flex items-center gap-4 px-4 capitalize\"    \r\n                        [routerLink]=\"'/projects'\" \r\n                        [routerLinkActiveOptions]=\"{exact : true}\"\r\n                        class=\"\" href=\"#\">\r\n                        <button\r\n                            class=\"middle none font-sans font-bold center transition-all disabled:opacity-50 disabled:shadow-none disabled:pointer-events-none text-xs py-3 rounded-lg text-white hover:bg-white/10 active:bg-white/30 w-full flex items-center gap-4 px-4 capitalize\"\r\n                            type=\"button\">\r\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"\r\n                                aria-hidden=\"true\" class=\"w-5 h-5 text-inherit\">\r\n                                <path fill-rule=\"evenodd\"\r\n                                    d=\"M1.5 5.625c0-1.036.84-1.875 1.875-1.875h17.25c1.035 0 1.875.84 1.875 1.875v12.75c0 1.035-.84 1.875-1.875 1.875H3.375A1.875 1.875 0 011.5 18.375V5.625zM21 9.375A.375.375 0 0020.625 9h-7.5a.375.375 0 00-.375.375v1.5c0 .207.168.375.375.375h7.5a.375.375 0 00.375-.375v-1.5zm0 3.75a.375.375 0 00-.375-.375h-7.5a.375.375 0 00-.375.375v1.5c0 .207.168.375.375.375h7.5a.375.375 0 00.375-.375v-1.5zm0 3.75a.375.375 0 00-.375-.375h-7.5a.375.375 0 00-.375.375v1.5c0 .207.168.375.375.375h7.5a.375.375 0 00.375-.375v-1.5zM10.875 18.75a.375.375 0 00.375-.375v-1.5a.375.375 0 00-.375-.375h-7.5a.375.375 0 00-.375.375v1.5c0 .207.168.375.375.375h7.5zM3.375 15h7.5a.375.375 0 00.375-.375v-1.5a.375.375 0 00-.375-.375h-7.5a.375.375 0 00-.375.375v1.5c0 .207.168.375.375.375zm0-3.75h7.5a.375.375 0 00.375-.375v-1.5A.375.375 0 0010.875 9h-7.5A.375.375 0 003 9.375v1.5c0 .207.168.375.375.375z\"\r\n                                    clip-rule=\"evenodd\"></path>\r\n                            </svg>\r\n                            <p\r\n                                class=\"block antialiased font-sans text-base leading-relaxed text-inherit font-medium capitalize\">\r\n                                Projects</p>\r\n                        </button>\r\n                    </a>\r\n                </li>\r\n                <li>\r\n                    <a \r\n                        routerLinkActive=\"rounded-lg bg-gradient-to-tr from-blue-600 to-blue-400 text-white shadow-md shadow-blue-500/20 active:opacity-[0.85] w-full flex items-center gap-4 px-4 capitalize\"\r\n                        class=\"\" href=\"#\">\r\n                        <button\r\n                            class=\"middle none font-sans font-bold center transition-all disabled:opacity-50 disabled:shadow-none disabled:pointer-events-none text-xs py-3 rounded-lg text-white hover:bg-white/10 active:bg-white/30 w-full flex items-center gap-4 px-4 capitalize\"\r\n                            type=\"button\">\r\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"\r\n                                aria-hidden=\"true\" class=\"w-5 h-5 text-inherit\">\r\n                                <path fill-rule=\"evenodd\"\r\n                                    d=\"M5.25 9a6.75 6.75 0 0113.5 0v.75c0 2.123.8 4.057 2.118 5.52a.75.75 0 01-.297 1.206c-1.544.57-3.16.99-4.831 1.243a3.75 3.75 0 11-7.48 0 24.585 24.585 0 01-4.831-1.244.75.75 0 01-.298-1.205A8.217 8.217 0 005.25 9.75V9zm4.502 8.9a2.25 2.25 0 104.496 0 25.057 25.057 0 01-4.496 0z\"\r\n                                    clip-rule=\"evenodd\"></path>\r\n                            </svg>\r\n                            <p\r\n                                class=\"block antialiased font-sans text-base leading-relaxed text-inherit font-medium capitalize\">\r\n                                notifactions</p>\r\n                        </button>\r\n                    </a>\r\n                </li>\r\n            </ul>\r\n            <ul class=\"mb-4 flex flex-col gap-1\">\r\n                <li class=\"mx-3.5 mt-4 mb-2\">\r\n                    <p\r\n                        class=\"block antialiased font-sans text-sm leading-normal text-white font-black uppercase opacity-75\">\r\n                        auth pages</p>\r\n                </li>\r\n\r\n                <li *ngIf=\"isAuth()\">\r\n                    <button\r\n                        data-logout\r\n                        (click)=\"onSignOut.emit()\"\r\n                        class=\"middle none font-sans font-bold center transition-all disabled:opacity-50 disabled:shadow-none disabled:pointer-events-none text-xs py-3 rounded-lg text-white hover:bg-white/10 active:bg-white/30 w-full flex items-center gap-4 px-4 capitalize\"\r\n                        type=\"button\">\r\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"\r\n                        aria-hidden=\"true\" class=\"w-5 h-5 text-inherit\">\r\n                        <path fill-rule=\"evenodd\"\r\n                        d=\"M7.5 3.75A1.5 1.5 0 006 5.25v13.5a1.5 1.5 0 001.5 1.5h6a1.5 1.5 0 001.5-1.5V15a.75.75 0 011.5 0v3.75a3 3 0 01-3 3h-6a3 3 0 01-3-3V5.25a3 3 0 013-3h6a3 3 0 013 3V9A.75.75 0 0115 9V5.25a1.5 1.5 0 00-1.5-1.5h-6zm10.72 4.72a.75.75 0 011.06 0l3 3a.75.75 0 010 1.06l-3 3a.75.75 0 11-1.06-1.06l1.72-1.72H9a.75.75 0 010-1.5h10.94l-1.72-1.72a.75.75 0 010-1.06z\"\r\n                        clip-rule=\"evenodd\"></path>\r\n                    </svg>\r\n                    <p\r\n                            class=\"block antialiased font-sans text-base leading-relaxed text-inherit font-medium capitalize\">\r\n                            Logout</p>\r\n                    </button>\r\n                </li>\r\n                \r\n                <li *ngIf=\"!isAuth()\">\r\n                    <button\r\n                        data-login\r\n                        (click)=\"onSignIn.emit()\"\r\n                        class=\"middle none font-sans font-bold center transition-all disabled:opacity-50 disabled:shadow-none disabled:pointer-events-none text-xs py-3 rounded-lg text-white hover:bg-white/10 active:bg-white/30 w-full flex items-center gap-4 px-4 capitalize\"\r\n                        type=\"button\">\r\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"\r\n                            aria-hidden=\"true\" class=\"w-5 h-5 text-inherit\">\r\n                            <path\r\n                                d=\"M6.25 6.375a4.125 4.125 0 118.25 0 4.125 4.125 0 01-8.25 0zM3.25 19.125a7.125 7.125 0 0114.25 0v.003l-.001.119a.75.75 0 01-.363.63 13.067 13.067 0 01-6.761 1.873c-2.472 0-4.786-.684-6.76-1.873a.75.75 0 01-.364-.63l-.001-.122zM19.75 7.5a.75.75 0 00-1.5 0v2.25H16a.75.75 0 000 1.5h2.25v2.25a.75.75 0 001.5 0v-2.25H22a.75.75 0 000-1.5h-2.25V7.5z\">\r\n                            </path>\r\n                        </svg>\r\n                        <p\r\n                            class=\"block antialiased font-sans text-base leading-relaxed text-inherit font-medium capitalize\">\r\n                            Login</p>\r\n                    </button>\r\n                </li>\r\n            </ul>\r\n        </div>\r\n    </aside>","/*\r\n * Public API Surface of mojb-side-menu\r\n */\r\n\r\nexport * from './lib/mojb-side-menu.service';\r\nexport * from './lib/mojb-side-menu.component';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MAKa,mBAAmB,CAAA;wGAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAnB,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,cAFlB,MAAM,EAAA,CAAA,CAAA;;4FAEP,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAH/B,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,MAAM;AACnB,iBAAA,CAAA;;;ICAW,WAKX;AALD,CAAA,UAAY,UAAU,EAAA;AACpB,IAAA,UAAA,CAAA,KAAA,CAAA,GAAA,cAAoB,CAAA;AACpB,IAAA,UAAA,CAAA,OAAA,CAAA,GAAA,gBAAwB,CAAA;AACxB,IAAA,UAAA,CAAA,MAAA,CAAA,GAAA,eAAsB,CAAA;AACtB,IAAA,UAAA,CAAA,QAAA,CAAA,GAAA,iBAA0B,CAAA;AAC5B,CAAC,EALW,UAAU,KAAV,UAAU,GAKrB,EAAA,CAAA,CAAA,CAAA;MASY,qBAAqB,CAAA;AACzB,IAAA,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;AAEtB,IAAA,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC;AACvB,IAAA,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;IAEhC,SAAS,GAAG,MAAM,EAAE,CAAC;IACrB,QAAQ,GAAG,MAAM,EAAE,CAAC;AAEpB,IAAA,UAAU,GAAG,KAAK,CAAa,UAAU,CAAC,MAAM,CAAC,CAAA;wGATtC,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,gpBClBlC,85ZA2JY,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,ED7IA,YAAY,EAAC,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,UAAU,oOAAC,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,uBAAA,EAAA,kBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAIvC,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAPjC,SAAS;+BACE,oBAAoB,EAAA,UAAA,EAClB,IAAI,EACP,OAAA,EAAA,CAAC,YAAY,EAAC,UAAU,EAAC,gBAAgB,CAAC,EAAA,QAAA,EAAA,85ZAAA,EAAA,CAAA;;;AEdrD;;AAEG;;ACFH;;AAEG;;;;"}