rm-side-menu 0.0.3 → 0.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -10,6 +10,8 @@ var TitleColor;
|
|
|
10
10
|
})(TitleColor || (TitleColor = {}));
|
|
11
11
|
var RmSideMenu = class RmSideMenu {
|
|
12
12
|
isAuthenticated = input(false, ...ngDevMode ? [{ debugName: "isAuthenticated" }] : /* istanbul ignore next */ []);
|
|
13
|
+
title = input("RM", ...ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []);
|
|
14
|
+
subTitle = input("Corp", ...ngDevMode ? [{ debugName: "subTitle" }] : /* istanbul ignore next */ []);
|
|
13
15
|
titleColor = input(TitleColor.purple, ...ngDevMode ? [{ debugName: "titleColor" }] : /* istanbul ignore next */ []);
|
|
14
16
|
onSignOut = output();
|
|
15
17
|
onSignIn = output();
|
|
@@ -35,6 +37,20 @@ var RmSideMenu = class RmSideMenu {
|
|
|
35
37
|
isRequired: false,
|
|
36
38
|
transformFunction: null
|
|
37
39
|
},
|
|
40
|
+
title: {
|
|
41
|
+
classPropertyName: "title",
|
|
42
|
+
publicName: "title",
|
|
43
|
+
isSignal: true,
|
|
44
|
+
isRequired: false,
|
|
45
|
+
transformFunction: null
|
|
46
|
+
},
|
|
47
|
+
subTitle: {
|
|
48
|
+
classPropertyName: "subTitle",
|
|
49
|
+
publicName: "subTitle",
|
|
50
|
+
isSignal: true,
|
|
51
|
+
isRequired: false,
|
|
52
|
+
transformFunction: null
|
|
53
|
+
},
|
|
38
54
|
titleColor: {
|
|
39
55
|
classPropertyName: "titleColor",
|
|
40
56
|
publicName: "titleColor",
|
|
@@ -48,7 +64,7 @@ var RmSideMenu = class RmSideMenu {
|
|
|
48
64
|
onSignIn: "onSignIn"
|
|
49
65
|
},
|
|
50
66
|
ngImport: i0,
|
|
51
|
-
template: "<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>\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-bold block antialiased tracking-normal font-sans leading-relaxed text-white\"\r\n >\r\n <!-- Todo: personalizar colores -->\r\n <span [classList]=\"[titleColor()]\">RM</span>\r\n <span class=\"font-thin\"> Corp</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 >\r\n <span class=\"absolute top-1/2 left-1/2 transform -translate-y-1/2 -translate-x-1/2\">\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n fill=\"none\"\r\n viewBox=\"0 0 24 24\"\r\n stroke-width=\"2.5\"\r\n stroke=\"currentColor\"\r\n aria-hidden=\"true\"\r\n class=\"h-5 w-5 text-white\"\r\n >\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 <!-- 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\r\n <a\r\n aria-current=\"page\"\r\n routerLink=\"/\"\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 href=\"#\"\r\n >\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 >\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"currentColor\"\r\n aria-hidden=\"true\"\r\n class=\"w-5 h-5 text-inherit\"\r\n >\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 >\r\n dashboard\r\n </p>\r\n </button>\r\n </a>\r\n </li>\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 >\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"currentColor\"\r\n aria-hidden=\"true\"\r\n class=\"w-5 h-5 text-inherit\"\r\n >\r\n <path\r\n 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\"\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 >\r\n profile\r\n </p>\r\n </button>\r\n </a>\r\n </li>\r\n <li>\r\n <a\r\n routerLink=\"/projects\"\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=\"\"\r\n href=\"#\"\r\n >\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 >\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"currentColor\"\r\n aria-hidden=\"true\"\r\n class=\"w-5 h-5 text-inherit\"\r\n >\r\n <path\r\n 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\"\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 >\r\n Projects\r\n </p>\r\n </button>\r\n </a>\r\n </li>\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 >\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"currentColor\"\r\n aria-hidden=\"true\"\r\n class=\"w-5 h-5 text-inherit\"\r\n >\r\n <path\r\n 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\"\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 >\r\n notifactions\r\n </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 >\r\n auth pages\r\n </p>\r\n </li>\r\n\r\n @if (isAuthenticated()) {\r\n <li>\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 (click)=\"onSignOut.emit()\"\r\n data-logout\r\n >\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"currentColor\"\r\n aria-hidden=\"true\"\r\n class=\"w-5 h-5 text-inherit\"\r\n >\r\n <path\r\n 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\"\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 >\r\n logout\r\n </p>\r\n </button>\r\n </li>\r\n } @else {\r\n <li>\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 (click)=\"onSignIn.emit()\"\r\n data-login\r\n >\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"currentColor\"\r\n aria-hidden=\"true\"\r\n class=\"w-5 h-5 text-inherit\"\r\n >\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 >\r\n Login\r\n </p>\r\n </button>\r\n </li>\r\n }\r\n </ul>\r\n </div>\r\n</aside>\r\n",
|
|
67
|
+
template: "<aside\r\n class=\"bg-linear-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>\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-bold block antialiased tracking-normal font-sans leading-relaxed text-white\"\r\n >\r\n <!-- Todo: personalizar colores -->\r\n <span [classList]=\"[titleColor()]\">{{ title() }}</span>\r\n <span 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 >\r\n <span class=\"absolute top-1/2 left-1/2 transform -translate-y-1/2 -translate-x-1/2\">\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n fill=\"none\"\r\n viewBox=\"0 0 24 24\"\r\n stroke-width=\"2.5\"\r\n stroke=\"currentColor\"\r\n aria-hidden=\"true\"\r\n class=\"h-5 w-5 text-white\"\r\n >\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 <!-- 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\r\n <a\r\n aria-current=\"page\"\r\n routerLink=\"/\"\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 href=\"#\"\r\n >\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 >\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"currentColor\"\r\n aria-hidden=\"true\"\r\n class=\"w-5 h-5 text-inherit\"\r\n >\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 >\r\n dashboard\r\n </p>\r\n </button>\r\n </a>\r\n </li>\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 >\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"currentColor\"\r\n aria-hidden=\"true\"\r\n class=\"w-5 h-5 text-inherit\"\r\n >\r\n <path\r\n 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\"\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 >\r\n profile\r\n </p>\r\n </button>\r\n </a>\r\n </li>\r\n <li>\r\n <a\r\n routerLink=\"/projects\"\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=\"\"\r\n href=\"#\"\r\n >\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 >\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"currentColor\"\r\n aria-hidden=\"true\"\r\n class=\"w-5 h-5 text-inherit\"\r\n >\r\n <path\r\n 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\"\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 >\r\n Projects\r\n </p>\r\n </button>\r\n </a>\r\n </li>\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 >\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"currentColor\"\r\n aria-hidden=\"true\"\r\n class=\"w-5 h-5 text-inherit\"\r\n >\r\n <path\r\n 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\"\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 >\r\n notifactions\r\n </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 >\r\n auth pages\r\n </p>\r\n </li>\r\n\r\n @if (isAuthenticated()) {\r\n <li>\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 (click)=\"onSignOut.emit()\"\r\n data-logout\r\n >\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"currentColor\"\r\n aria-hidden=\"true\"\r\n class=\"w-5 h-5 text-inherit\"\r\n >\r\n <path\r\n 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\"\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 >\r\n logout\r\n </p>\r\n </button>\r\n </li>\r\n } @else {\r\n <li>\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 (click)=\"onSignIn.emit()\"\r\n data-login\r\n >\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"currentColor\"\r\n aria-hidden=\"true\"\r\n class=\"w-5 h-5 text-inherit\"\r\n >\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 >\r\n Login\r\n </p>\r\n </button>\r\n </li>\r\n }\r\n </ul>\r\n </div>\r\n</aside>\r\n",
|
|
52
68
|
styles: [""],
|
|
53
69
|
dependencies: [{
|
|
54
70
|
kind: "directive",
|
|
@@ -92,7 +108,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
92
108
|
args: [{
|
|
93
109
|
imports: [RouterLink, RouterLinkActive],
|
|
94
110
|
selector: "lib-rm-side-menu",
|
|
95
|
-
template: "<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>\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-bold block antialiased tracking-normal font-sans leading-relaxed text-white\"\r\n >\r\n <!-- Todo: personalizar colores -->\r\n <span [classList]=\"[titleColor()]\">RM</span>\r\n <span class=\"font-thin\"> Corp</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 >\r\n <span class=\"absolute top-1/2 left-1/2 transform -translate-y-1/2 -translate-x-1/2\">\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n fill=\"none\"\r\n viewBox=\"0 0 24 24\"\r\n stroke-width=\"2.5\"\r\n stroke=\"currentColor\"\r\n aria-hidden=\"true\"\r\n class=\"h-5 w-5 text-white\"\r\n >\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 <!-- 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\r\n <a\r\n aria-current=\"page\"\r\n routerLink=\"/\"\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 href=\"#\"\r\n >\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 >\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"currentColor\"\r\n aria-hidden=\"true\"\r\n class=\"w-5 h-5 text-inherit\"\r\n >\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 >\r\n dashboard\r\n </p>\r\n </button>\r\n </a>\r\n </li>\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 >\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"currentColor\"\r\n aria-hidden=\"true\"\r\n class=\"w-5 h-5 text-inherit\"\r\n >\r\n <path\r\n 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\"\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 >\r\n profile\r\n </p>\r\n </button>\r\n </a>\r\n </li>\r\n <li>\r\n <a\r\n routerLink=\"/projects\"\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=\"\"\r\n href=\"#\"\r\n >\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 >\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"currentColor\"\r\n aria-hidden=\"true\"\r\n class=\"w-5 h-5 text-inherit\"\r\n >\r\n <path\r\n 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\"\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 >\r\n Projects\r\n </p>\r\n </button>\r\n </a>\r\n </li>\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 >\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"currentColor\"\r\n aria-hidden=\"true\"\r\n class=\"w-5 h-5 text-inherit\"\r\n >\r\n <path\r\n 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\"\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 >\r\n notifactions\r\n </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 >\r\n auth pages\r\n </p>\r\n </li>\r\n\r\n @if (isAuthenticated()) {\r\n <li>\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 (click)=\"onSignOut.emit()\"\r\n data-logout\r\n >\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"currentColor\"\r\n aria-hidden=\"true\"\r\n class=\"w-5 h-5 text-inherit\"\r\n >\r\n <path\r\n 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\"\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 >\r\n logout\r\n </p>\r\n </button>\r\n </li>\r\n } @else {\r\n <li>\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 (click)=\"onSignIn.emit()\"\r\n data-login\r\n >\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"currentColor\"\r\n aria-hidden=\"true\"\r\n class=\"w-5 h-5 text-inherit\"\r\n >\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 >\r\n Login\r\n </p>\r\n </button>\r\n </li>\r\n }\r\n </ul>\r\n </div>\r\n</aside>\r\n"
|
|
111
|
+
template: "<aside\r\n class=\"bg-linear-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>\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-bold block antialiased tracking-normal font-sans leading-relaxed text-white\"\r\n >\r\n <!-- Todo: personalizar colores -->\r\n <span [classList]=\"[titleColor()]\">{{ title() }}</span>\r\n <span 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 >\r\n <span class=\"absolute top-1/2 left-1/2 transform -translate-y-1/2 -translate-x-1/2\">\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n fill=\"none\"\r\n viewBox=\"0 0 24 24\"\r\n stroke-width=\"2.5\"\r\n stroke=\"currentColor\"\r\n aria-hidden=\"true\"\r\n class=\"h-5 w-5 text-white\"\r\n >\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 <!-- 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\r\n <a\r\n aria-current=\"page\"\r\n routerLink=\"/\"\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 href=\"#\"\r\n >\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 >\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"currentColor\"\r\n aria-hidden=\"true\"\r\n class=\"w-5 h-5 text-inherit\"\r\n >\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 >\r\n dashboard\r\n </p>\r\n </button>\r\n </a>\r\n </li>\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 >\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"currentColor\"\r\n aria-hidden=\"true\"\r\n class=\"w-5 h-5 text-inherit\"\r\n >\r\n <path\r\n 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\"\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 >\r\n profile\r\n </p>\r\n </button>\r\n </a>\r\n </li>\r\n <li>\r\n <a\r\n routerLink=\"/projects\"\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=\"\"\r\n href=\"#\"\r\n >\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 >\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"currentColor\"\r\n aria-hidden=\"true\"\r\n class=\"w-5 h-5 text-inherit\"\r\n >\r\n <path\r\n 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\"\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 >\r\n Projects\r\n </p>\r\n </button>\r\n </a>\r\n </li>\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 >\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"currentColor\"\r\n aria-hidden=\"true\"\r\n class=\"w-5 h-5 text-inherit\"\r\n >\r\n <path\r\n 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\"\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 >\r\n notifactions\r\n </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 >\r\n auth pages\r\n </p>\r\n </li>\r\n\r\n @if (isAuthenticated()) {\r\n <li>\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 (click)=\"onSignOut.emit()\"\r\n data-logout\r\n >\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"currentColor\"\r\n aria-hidden=\"true\"\r\n class=\"w-5 h-5 text-inherit\"\r\n >\r\n <path\r\n 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\"\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 >\r\n logout\r\n </p>\r\n </button>\r\n </li>\r\n } @else {\r\n <li>\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 (click)=\"onSignIn.emit()\"\r\n data-login\r\n >\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"currentColor\"\r\n aria-hidden=\"true\"\r\n class=\"w-5 h-5 text-inherit\"\r\n >\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 >\r\n Login\r\n </p>\r\n </button>\r\n </li>\r\n }\r\n </ul>\r\n </div>\r\n</aside>\r\n"
|
|
96
112
|
}]
|
|
97
113
|
}],
|
|
98
114
|
propDecorators: {
|
|
@@ -104,6 +120,22 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
104
120
|
required: false
|
|
105
121
|
}]
|
|
106
122
|
}],
|
|
123
|
+
title: [{
|
|
124
|
+
type: i0.Input,
|
|
125
|
+
args: [{
|
|
126
|
+
isSignal: true,
|
|
127
|
+
alias: "title",
|
|
128
|
+
required: false
|
|
129
|
+
}]
|
|
130
|
+
}],
|
|
131
|
+
subTitle: [{
|
|
132
|
+
type: i0.Input,
|
|
133
|
+
args: [{
|
|
134
|
+
isSignal: true,
|
|
135
|
+
alias: "subTitle",
|
|
136
|
+
required: false
|
|
137
|
+
}]
|
|
138
|
+
}],
|
|
107
139
|
titleColor: [{
|
|
108
140
|
type: i0.Input,
|
|
109
141
|
args: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rm-side-menu.mjs","names":[],"sources":["../../../projects/rm-side-menu/src/lib/rm-side-menu.ts","../../../projects/rm-side-menu/src/lib/rm-side-menu.html"],"sourcesContent":["import { Component, input, output } from '@angular/core';\nimport { RouterLink, RouterLinkActive } from '@angular/router';\n\nexport enum TitleColor {\n blue = 'text-blue-500',\n red = 'text-red-500',\n green = 'text-green-500',\n purple = 'text-purple-500'\n}\n\n@Component({\n imports: [RouterLink, RouterLinkActive],\n selector: 'lib-rm-side-menu',\n styles: ``,\n templateUrl: './rm-side-menu.html'\n})\nexport class RmSideMenu {\n\n isAuthenticated = input(false);\n\n titleColor = input<TitleColor>(TitleColor.purple);\n\n onSignOut = output();\n onSignIn = output();\n\n}\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>\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-bold block antialiased tracking-normal font-sans leading-relaxed text-white\"\r\n >\r\n <!-- Todo: personalizar colores -->\r\n <span [classList]=\"[titleColor()]\">RM</span>\r\n <span class=\"font-thin\"> Corp</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 >\r\n <span class=\"absolute top-1/2 left-1/2 transform -translate-y-1/2 -translate-x-1/2\">\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n fill=\"none\"\r\n viewBox=\"0 0 24 24\"\r\n stroke-width=\"2.5\"\r\n stroke=\"currentColor\"\r\n aria-hidden=\"true\"\r\n class=\"h-5 w-5 text-white\"\r\n >\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 <!-- 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\r\n <a\r\n aria-current=\"page\"\r\n routerLink=\"/\"\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 href=\"#\"\r\n >\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 >\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"currentColor\"\r\n aria-hidden=\"true\"\r\n class=\"w-5 h-5 text-inherit\"\r\n >\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 >\r\n dashboard\r\n </p>\r\n </button>\r\n </a>\r\n </li>\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 >\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"currentColor\"\r\n aria-hidden=\"true\"\r\n class=\"w-5 h-5 text-inherit\"\r\n >\r\n <path\r\n 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\"\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 >\r\n profile\r\n </p>\r\n </button>\r\n </a>\r\n </li>\r\n <li>\r\n <a\r\n routerLink=\"/projects\"\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=\"\"\r\n href=\"#\"\r\n >\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 >\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"currentColor\"\r\n aria-hidden=\"true\"\r\n class=\"w-5 h-5 text-inherit\"\r\n >\r\n <path\r\n 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\"\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 >\r\n Projects\r\n </p>\r\n </button>\r\n </a>\r\n </li>\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 >\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"currentColor\"\r\n aria-hidden=\"true\"\r\n class=\"w-5 h-5 text-inherit\"\r\n >\r\n <path\r\n 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\"\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 >\r\n notifactions\r\n </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 >\r\n auth pages\r\n </p>\r\n </li>\r\n\r\n @if (isAuthenticated()) {\r\n <li>\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 (click)=\"onSignOut.emit()\"\r\n data-logout\r\n >\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"currentColor\"\r\n aria-hidden=\"true\"\r\n class=\"w-5 h-5 text-inherit\"\r\n >\r\n <path\r\n 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\"\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 >\r\n logout\r\n </p>\r\n </button>\r\n </li>\r\n } @else {\r\n <li>\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 (click)=\"onSignIn.emit()\"\r\n data-login\r\n >\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"currentColor\"\r\n aria-hidden=\"true\"\r\n class=\"w-5 h-5 text-inherit\"\r\n >\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 >\r\n Login\r\n </p>\r\n </button>\r\n </li>\r\n }\r\n </ul>\r\n </div>\r\n</aside>\r\n"],"mappings":";;;AAGA,IAAY;CAAZ,SAAY,YAAU;CACpB,WAAA,UAAA;CACA,WAAA,SAAA;CACA,WAAA,WAAA;CACA,WAAA,YAAA;AACF,EAAA,CALY,eAAA,aAAU,CAAA,EAAA;AAatB,IAAa,aAAb,MAAa,WAAU;CAErB,kBAAkB,MAAM,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,kBAAA,CAAA,+BAAA,CAAA,CAAA;CAE9B,aAAa,MAAkB,WAAW,QAAO,GAAA,YAAA,CAAA,EAAA,WAAA,aAAA,CAAA,+BAAA,CAAA,CAAA;CAEjD,YAAY,OAAM;CAClB,WAAW,OAAM;CAPN,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAU,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAV,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAU,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,iBAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,YAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,SAAA;GAAA,WAAA;GAAA,UAAA;EAAA;EAAA,UAAA;EAAA,UChBvB;EAiOA,QAAA,CAAA,EAAA;EAAA,cAAA,CAAA;GAAA,MAAA;GAAA,MDtNY;GAAU,UAAA;GAAA,QAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;GAAA;EAAA,GAAA;GAAA,MAAA;GAAA,MAAE;GAAgB,UAAA;GAAA,QAAA;IAAA;IAAA;IAAA;GAAA;GAAA,SAAA,CAAA,gBAAA;GAAA,UAAA,CAAA,kBAAA;EAAA,CAAA;CAAA,CAAA;;AAK3B,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAU,YAAA,CAAA;EANtB,MAAA;EACU,MAAA,CAAA;GAAA,SAAA,CAAC,YAAY,gBAAgB;GAAC,UAC7B;GAAkB,UAAA;EAAA,CAAA"}
|
|
1
|
+
{"version":3,"file":"rm-side-menu.mjs","names":[],"sources":["../../../projects/rm-side-menu/src/lib/rm-side-menu.ts","../../../projects/rm-side-menu/src/lib/rm-side-menu.html"],"sourcesContent":["import { Component, input, output } from '@angular/core';\nimport { RouterLink, RouterLinkActive } from '@angular/router';\n\nexport enum TitleColor {\n blue = 'text-blue-500',\n red = 'text-red-500',\n green = 'text-green-500',\n purple = 'text-purple-500'\n}\n\n@Component({\n imports: [RouterLink, RouterLinkActive],\n selector: 'lib-rm-side-menu',\n styles: ``,\n templateUrl: './rm-side-menu.html'\n})\nexport class RmSideMenu {\n\n isAuthenticated = input(false);\n\n title = input('RM');\n subTitle = input('Corp');\n\n titleColor = input<TitleColor>(TitleColor.purple);\n\n onSignOut = output();\n onSignIn = output();\n\n}\n","<aside\r\n class=\"bg-linear-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>\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-bold block antialiased tracking-normal font-sans leading-relaxed text-white\"\r\n >\r\n <!-- Todo: personalizar colores -->\r\n <span [classList]=\"[titleColor()]\">{{ title() }}</span>\r\n <span 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 >\r\n <span class=\"absolute top-1/2 left-1/2 transform -translate-y-1/2 -translate-x-1/2\">\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n fill=\"none\"\r\n viewBox=\"0 0 24 24\"\r\n stroke-width=\"2.5\"\r\n stroke=\"currentColor\"\r\n aria-hidden=\"true\"\r\n class=\"h-5 w-5 text-white\"\r\n >\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 <!-- 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\r\n <a\r\n aria-current=\"page\"\r\n routerLink=\"/\"\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 href=\"#\"\r\n >\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 >\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"currentColor\"\r\n aria-hidden=\"true\"\r\n class=\"w-5 h-5 text-inherit\"\r\n >\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 >\r\n dashboard\r\n </p>\r\n </button>\r\n </a>\r\n </li>\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 >\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"currentColor\"\r\n aria-hidden=\"true\"\r\n class=\"w-5 h-5 text-inherit\"\r\n >\r\n <path\r\n 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\"\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 >\r\n profile\r\n </p>\r\n </button>\r\n </a>\r\n </li>\r\n <li>\r\n <a\r\n routerLink=\"/projects\"\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=\"\"\r\n href=\"#\"\r\n >\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 >\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"currentColor\"\r\n aria-hidden=\"true\"\r\n class=\"w-5 h-5 text-inherit\"\r\n >\r\n <path\r\n 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\"\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 >\r\n Projects\r\n </p>\r\n </button>\r\n </a>\r\n </li>\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 >\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"currentColor\"\r\n aria-hidden=\"true\"\r\n class=\"w-5 h-5 text-inherit\"\r\n >\r\n <path\r\n 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\"\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 >\r\n notifactions\r\n </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 >\r\n auth pages\r\n </p>\r\n </li>\r\n\r\n @if (isAuthenticated()) {\r\n <li>\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 (click)=\"onSignOut.emit()\"\r\n data-logout\r\n >\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"currentColor\"\r\n aria-hidden=\"true\"\r\n class=\"w-5 h-5 text-inherit\"\r\n >\r\n <path\r\n 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\"\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 >\r\n logout\r\n </p>\r\n </button>\r\n </li>\r\n } @else {\r\n <li>\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 (click)=\"onSignIn.emit()\"\r\n data-login\r\n >\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"currentColor\"\r\n aria-hidden=\"true\"\r\n class=\"w-5 h-5 text-inherit\"\r\n >\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 >\r\n Login\r\n </p>\r\n </button>\r\n </li>\r\n }\r\n </ul>\r\n </div>\r\n</aside>\r\n"],"mappings":";;;AAGA,IAAY;CAAZ,SAAY,YAAU;CACpB,WAAA,UAAA;CACA,WAAA,SAAA;CACA,WAAA,WAAA;CACA,WAAA,YAAA;AACF,EAAA,CALY,eAAA,aAAU,CAAA,EAAA;AAatB,IAAa,aAAb,MAAa,WAAU;CAErB,kBAAkB,MAAM,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,kBAAA,CAAA,+BAAA,CAAA,CAAA;CAE9B,QAAQ,MAAM,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CACnB,WAAW,MAAM,QAAO,GAAA,YAAA,CAAA,EAAA,WAAA,WAAA,CAAA,+BAAA,CAAA,CAAA;CAExB,aAAa,MAAkB,WAAW,QAAO,GAAA,YAAA,CAAA,EAAA,WAAA,aAAA,CAAA,+BAAA,CAAA,CAAA;CAEjD,YAAY,OAAM;CAClB,WAAW,OAAM;CAVN,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAU,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAV,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAU,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,iBAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,OAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,UAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,YAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,SAAA;GAAA,WAAA;GAAA,UAAA;EAAA;EAAA,UAAA;EAAA,UChBvB;EAiOA,QAAA,CAAA,EAAA;EAAA,cAAA,CAAA;GAAA,MAAA;GAAA,MDtNY;GAAU,UAAA;GAAA,QAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;GAAA;EAAA,GAAA;GAAA,MAAA;GAAA,MAAE;GAAgB,UAAA;GAAA,QAAA;IAAA;IAAA;IAAA;GAAA;GAAA,SAAA,CAAA,gBAAA;GAAA,UAAA,CAAA,kBAAA;EAAA,CAAA;CAAA,CAAA;;AAK3B,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAU,YAAA,CAAA;EANtB,MAAA;EACU,MAAA,CAAA;GAAA,SAAA,CAAC,YAAY,gBAAgB;GAAC,UAC7B;GAAkB,UAAA;EAAA,CAAA"}
|
package/package.json
CHANGED
package/types/rm-side-menu.d.ts
CHANGED
|
@@ -7,6 +7,8 @@ export declare enum TitleColor {
|
|
|
7
7
|
}
|
|
8
8
|
export declare class RmSideMenu {
|
|
9
9
|
isAuthenticated: import("@angular/core").InputSignal<boolean>;
|
|
10
|
+
title: import("@angular/core").InputSignal<string>;
|
|
11
|
+
subTitle: import("@angular/core").InputSignal<string>;
|
|
10
12
|
titleColor: import("@angular/core").InputSignal<TitleColor>;
|
|
11
13
|
onSignOut: import("@angular/core").OutputEmitterRef<void>;
|
|
12
14
|
onSignIn: import("@angular/core").OutputEmitterRef<void>;
|
|
@@ -17,6 +19,16 @@ export declare class RmSideMenu {
|
|
|
17
19
|
"required": false;
|
|
18
20
|
"isSignal": true;
|
|
19
21
|
};
|
|
22
|
+
"title": {
|
|
23
|
+
"alias": "title";
|
|
24
|
+
"required": false;
|
|
25
|
+
"isSignal": true;
|
|
26
|
+
};
|
|
27
|
+
"subTitle": {
|
|
28
|
+
"alias": "subTitle";
|
|
29
|
+
"required": false;
|
|
30
|
+
"isSignal": true;
|
|
31
|
+
};
|
|
20
32
|
"titleColor": {
|
|
21
33
|
"alias": "titleColor";
|
|
22
34
|
"required": false;
|