uri-apx-side-menu 0.0.1
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.
package/README.md
ADDED
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { input, output, Component } from '@angular/core';
|
|
3
|
+
import { RouterLink, RouterLinkActive } from '@angular/router';
|
|
4
|
+
|
|
5
|
+
var TitleColor;
|
|
6
|
+
(function (TitleColor) {
|
|
7
|
+
TitleColor["red"] = "text-red-500";
|
|
8
|
+
TitleColor["blue"] = "text-blue-500";
|
|
9
|
+
TitleColor["green"] = "text-green-500";
|
|
10
|
+
TitleColor["purple"] = "text-purple-500";
|
|
11
|
+
})(TitleColor || (TitleColor = {}));
|
|
12
|
+
class ApxSideMenu {
|
|
13
|
+
isAuthenticated = input(false, ...(ngDevMode ? [{ debugName: "isAuthenticated" }] : []));
|
|
14
|
+
titleColor = input(TitleColor.blue, ...(ngDevMode ? [{ debugName: "titleColor" }] : []));
|
|
15
|
+
onSignOut = output();
|
|
16
|
+
onSignIn = output();
|
|
17
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ApxSideMenu, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
18
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.4", type: ApxSideMenu, isStandalone: true, selector: "lib-apx-side-menu", inputs: { isAuthenticated: { classPropertyName: "isAuthenticated", publicName: "isAuthenticated", isSignal: true, isRequired: false, transformFunction: null }, titleColor: { classPropertyName: "titleColor", publicName: "titleColor", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSignOut: "onSignOut", onSignIn: "onSignIn" }, ngImport: i0, 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 <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 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()\">APX</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 <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 routerLink=\"/\" aria-current=\"page\"\r\n class=\"active\"\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 <!-- \"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\" aria-hidden=\"true\"\r\n 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 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 <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\" aria-hidden=\"true\"\r\n 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 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 <li>\r\n <a 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 <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\" aria-hidden=\"true\"\r\n 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 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 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\" aria-hidden=\"true\"\r\n 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 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 class=\"block antialiased font-sans text-sm leading-normal text-white font-black uppercase opacity-75\">auth\r\n pages</p>\r\n </li>\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 <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"\r\n 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 class=\"block antialiased font-sans text-base leading-relaxed text-inherit font-medium capitalize\">Log out</p>\r\n </button>\r\n\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 <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"\r\n 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 class=\"block antialiased font-sans text-base leading-relaxed text-inherit font-medium capitalize\">Log in</p>\r\n </button>\r\n </li>\r\n }\r\n\r\n\r\n </ul>\r\n </div>\r\n </aside>\r\n", styles: [""], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }] });
|
|
19
|
+
}
|
|
20
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ApxSideMenu, decorators: [{
|
|
21
|
+
type: Component,
|
|
22
|
+
args: [{ selector: 'lib-apx-side-menu', imports: [RouterLink, RouterLinkActive], standalone: true, 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 <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 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()\">APX</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 <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 routerLink=\"/\" aria-current=\"page\"\r\n class=\"active\"\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 <!-- \"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\" aria-hidden=\"true\"\r\n 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 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 <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\" aria-hidden=\"true\"\r\n 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 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 <li>\r\n <a 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 <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\" aria-hidden=\"true\"\r\n 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 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 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\" aria-hidden=\"true\"\r\n 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 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 class=\"block antialiased font-sans text-sm leading-normal text-white font-black uppercase opacity-75\">auth\r\n pages</p>\r\n </li>\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 <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"\r\n 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 class=\"block antialiased font-sans text-base leading-relaxed text-inherit font-medium capitalize\">Log out</p>\r\n </button>\r\n\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 <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"\r\n 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 class=\"block antialiased font-sans text-base leading-relaxed text-inherit font-medium capitalize\">Log in</p>\r\n </button>\r\n </li>\r\n }\r\n\r\n\r\n </ul>\r\n </div>\r\n </aside>\r\n" }]
|
|
23
|
+
}], propDecorators: { isAuthenticated: [{ type: i0.Input, args: [{ isSignal: true, alias: "isAuthenticated", required: false }] }], titleColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "titleColor", required: false }] }], onSignOut: [{ type: i0.Output, args: ["onSignOut"] }], onSignIn: [{ type: i0.Output, args: ["onSignIn"] }] } });
|
|
24
|
+
|
|
25
|
+
/*
|
|
26
|
+
* Public API Surface of apx-side-menu
|
|
27
|
+
*/
|
|
28
|
+
|
|
29
|
+
/**
|
|
30
|
+
* Generated bundle index. Do not edit.
|
|
31
|
+
*/
|
|
32
|
+
|
|
33
|
+
export { ApxSideMenu, TitleColor };
|
|
34
|
+
//# sourceMappingURL=uri-apx-side-menu.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"uri-apx-side-menu.mjs","sources":["../../../projects/apx-side-menu/src/lib/apx-side-menu.ts","../../../projects/apx-side-menu/src/lib/apx-side-menu.html","../../../projects/apx-side-menu/src/public-api.ts","../../../projects/apx-side-menu/src/uri-apx-side-menu.ts"],"sourcesContent":["import { Component, input, output } from '@angular/core';\r\nimport { RouterLink, RouterLinkActive } from '@angular/router';\r\n\r\n\r\nexport enum TitleColor {\r\n red = 'text-red-500',\r\n blue = 'text-blue-500',\r\n green = \"text-green-500\",\r\n purple = \"text-purple-500\",\r\n}\r\n\r\n@Component({\r\n selector: 'lib-apx-side-menu',\r\n imports: [RouterLink, RouterLinkActive],\r\n standalone: true,\r\n templateUrl: './apx-side-menu.html',\r\n styles: ``,\r\n})\r\nexport class ApxSideMenu {\r\n\r\n isAuthenticated = input(false);\r\n titleColor= input<TitleColor>(TitleColor.blue);\r\n\r\n onSignOut = output();\r\n onSignIn = output();\r\n\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 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()\">APX</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 <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 routerLink=\"/\" aria-current=\"page\"\r\n class=\"active\"\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 <!-- \"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\" aria-hidden=\"true\"\r\n 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 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 <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\" aria-hidden=\"true\"\r\n 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 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 <li>\r\n <a 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 <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\" aria-hidden=\"true\"\r\n 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 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 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\" aria-hidden=\"true\"\r\n 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 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 class=\"block antialiased font-sans text-sm leading-normal text-white font-black uppercase opacity-75\">auth\r\n pages</p>\r\n </li>\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 <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"\r\n 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 class=\"block antialiased font-sans text-base leading-relaxed text-inherit font-medium capitalize\">Log out</p>\r\n </button>\r\n\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 <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"\r\n 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 class=\"block antialiased font-sans text-base leading-relaxed text-inherit font-medium capitalize\">Log in</p>\r\n </button>\r\n </li>\r\n }\r\n\r\n\r\n </ul>\r\n </div>\r\n </aside>\r\n","/*\r\n * Public API Surface of apx-side-menu\r\n */\r\n\r\nexport * from './lib/apx-side-menu';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;IAIY;AAAZ,CAAA,UAAY,UAAU,EAAA;AACpB,IAAA,UAAA,CAAA,KAAA,CAAA,GAAA,cAAoB;AACpB,IAAA,UAAA,CAAA,MAAA,CAAA,GAAA,eAAsB;AACtB,IAAA,UAAA,CAAA,OAAA,CAAA,GAAA,gBAAwB;AACxB,IAAA,UAAA,CAAA,QAAA,CAAA,GAAA,iBAA0B;AAC5B,CAAC,EALW,UAAU,KAAV,UAAU,GAAA,EAAA,CAAA,CAAA;MAcT,WAAW,CAAA;AAEtB,IAAA,eAAe,GAAG,KAAK,CAAC,KAAK,2DAAC;AAC9B,IAAA,UAAU,GAAE,KAAK,CAAa,UAAU,CAAC,IAAI,sDAAC;IAE9C,SAAS,GAAG,MAAM,EAAE;IACpB,QAAQ,GAAG,MAAM,EAAE;uGANR,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAX,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,WAAW,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,eAAA,EAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EClBxB,s2VAkJA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDrIY,UAAU,oOAAE,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;;2FAK3B,WAAW,EAAA,UAAA,EAAA,CAAA;kBAPvB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,WACpB,CAAC,UAAU,EAAE,gBAAgB,CAAC,cAC3B,IAAI,EAAA,QAAA,EAAA,s2VAAA,EAAA;;;AEdlB;;AAEG;;ACFH;;AAEG;;;;"}
|
package/package.json
ADDED
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "uri-apx-side-menu",
|
|
3
|
+
"version": "0.0.1",
|
|
4
|
+
"release": {
|
|
5
|
+
"type": "git"
|
|
6
|
+
},
|
|
7
|
+
"keywords": [
|
|
8
|
+
"uriel",
|
|
9
|
+
"apx"
|
|
10
|
+
],
|
|
11
|
+
"author": {
|
|
12
|
+
"name": "uriel"
|
|
13
|
+
},
|
|
14
|
+
"peerDependencies": {
|
|
15
|
+
"@angular/common": "^21.1.0",
|
|
16
|
+
"@angular/core": "^21.1.0"
|
|
17
|
+
},
|
|
18
|
+
"dependencies": {
|
|
19
|
+
"tslib": "^2.3.0"
|
|
20
|
+
},
|
|
21
|
+
"sideEffects": false,
|
|
22
|
+
"module": "fesm2022/uri-apx-side-menu.mjs",
|
|
23
|
+
"typings": "types/uri-apx-side-menu.d.ts",
|
|
24
|
+
"exports": {
|
|
25
|
+
"./package.json": {
|
|
26
|
+
"default": "./package.json"
|
|
27
|
+
},
|
|
28
|
+
".": {
|
|
29
|
+
"types": "./types/uri-apx-side-menu.d.ts",
|
|
30
|
+
"default": "./fesm2022/uri-apx-side-menu.mjs"
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
|
|
3
|
+
declare enum TitleColor {
|
|
4
|
+
red = "text-red-500",
|
|
5
|
+
blue = "text-blue-500",
|
|
6
|
+
green = "text-green-500",
|
|
7
|
+
purple = "text-purple-500"
|
|
8
|
+
}
|
|
9
|
+
declare class ApxSideMenu {
|
|
10
|
+
isAuthenticated: _angular_core.InputSignal<boolean>;
|
|
11
|
+
titleColor: _angular_core.InputSignal<TitleColor>;
|
|
12
|
+
onSignOut: _angular_core.OutputEmitterRef<void>;
|
|
13
|
+
onSignIn: _angular_core.OutputEmitterRef<void>;
|
|
14
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ApxSideMenu, never>;
|
|
15
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ApxSideMenu, "lib-apx-side-menu", never, { "isAuthenticated": { "alias": "isAuthenticated"; "required": false; "isSignal": true; }; "titleColor": { "alias": "titleColor"; "required": false; "isSignal": true; }; }, { "onSignOut": "onSignOut"; "onSignIn": "onSignIn"; }, never, never, true, never>;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
export { ApxSideMenu, TitleColor };
|