jian-side-menu
Version:
Librería de proyectos de JIAN.
48 lines (42 loc) • 25.6 kB
JavaScript
import * as i0 from '@angular/core';
import { Injectable, input, output, Component } from '@angular/core';
import { RouterLink, RouterLinkActive } from '@angular/router';
class JianSideMenuService {
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: JianSideMenuService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: JianSideMenuService, providedIn: 'root' });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: JianSideMenuService, decorators: [{
type: Injectable,
args: [{
providedIn: 'root',
}]
}] });
var TitleColor;
(function (TitleColor) {
TitleColor["red"] = "text-red-500";
TitleColor["green"] = "text-green-500";
TitleColor["blue"] = "text-blue-500";
TitleColor["purple"] = "text-purple-500";
})(TitleColor || (TitleColor = {}));
class JianSideMenuComponent {
isAuthenticated = input(false);
title = input('JIAN');
subTitle = input('Corp');
titleColor = input(TitleColor.purple);
signOut = output();
signIn = output();
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: JianSideMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.5", type: JianSideMenuComponent, isStandalone: true, selector: "lib-jian-side-menu", inputs: { isAuthenticated: { classPropertyName: "isAuthenticated", publicName: "isAuthenticated", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subTitle: { classPropertyName: "subTitle", publicName: "subTitle", isSignal: true, isRequired: false, transformFunction: null }, titleColor: { classPropertyName: "titleColor", publicName: "titleColor", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { signOut: "signOut", signIn: "signIn" }, ngImport: i0, template: "<aside\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\"\n>\n <div class=\"relative border-b border-white/20\">\n <a class=\"flex items-center gap-4 py-6 px-8\" href=\"#/\">\n <h6\n class=\"block antialiased tracking-normal font-sans text-2xl font-bold leading-relaxed text-white\"\n >\n <!-- TODO: personalizar colores -->\n <span [classList]=\"titleColor()\">{{ title() }}</span>\n <span class=\"font-thin\"> {{ subTitle() }}</span>\n </h6>\n </a>\n <button\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\"\n type=\"button\"\n >\n <span\n class=\"absolute top-1/2 left-1/2 transform -translate-y-1/2 -translate-x-1/2\"\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n stroke-width=\"2.5\"\n stroke=\"currentColor\"\n aria-hidden=\"true\"\n class=\"h-5 w-5 text-white\"\n >\n <path\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n d=\"M6 18L18 6M6 6l12 12\"\n ></path>\n </svg>\n </span>\n </button>\n </div>\n <div class=\"m-4\">\n <ul class=\"mb-4 flex flex-col gap-1\">\n <li>\n <a\n aria-current=\"page\"\n routerLink=\"/\"\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 capitalize\"\n [routerLinkActiveOptions]=\"{ exact: true }\"\n href=\"#\"\n >\n <button\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\"\n type=\"button\"\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n fill=\"currentColor\"\n aria-hidden=\"true\"\n class=\"w-5 h-5 text-inherit\"\n >\n <path\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\"\n ></path>\n <path\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\"\n ></path>\n </svg>\n <p\n class=\"block antialiased font-sans text-base leading-relaxed text-inherit font-medium capitalize\"\n >\n dashboard\n </p>\n </button>\n </a>\n </li>\n <li>\n <a class=\"\" href=\"#\">\n <button\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\"\n type=\"button\"\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n fill=\"currentColor\"\n aria-hidden=\"true\"\n class=\"w-5 h-5 text-inherit\"\n >\n <path\n fill-rule=\"evenodd\"\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\"\n clip-rule=\"evenodd\"\n ></path>\n </svg>\n <p\n class=\"block antialiased font-sans text-base leading-relaxed text-inherit font-medium capitalize\"\n >\n Profile\n </p>\n </button>\n </a>\n </li>\n <li>\n <a\n routerLink=\"/projects\"\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 capitalize\"\n [routerLinkActiveOptions]=\"{ exact: true }\"\n class=\"\"\n href=\"#\"\n >\n <button\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\"\n type=\"button\"\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n fill=\"currentColor\"\n aria-hidden=\"true\"\n class=\"w-5 h-5 text-inherit\"\n >\n <path\n fill-rule=\"evenodd\"\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\"\n clip-rule=\"evenodd\"\n ></path>\n </svg>\n <p\n class=\"block antialiased font-sans text-base leading-relaxed text-inherit font-medium capitalize\"\n >\n Projects\n </p>\n </button>\n </a>\n </li>\n <li>\n <a class=\"\" href=\"#\">\n <button\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\"\n type=\"button\"\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n fill=\"currentColor\"\n aria-hidden=\"true\"\n class=\"w-5 h-5 text-inherit\"\n >\n <path\n fill-rule=\"evenodd\"\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\"\n clip-rule=\"evenodd\"\n ></path>\n </svg>\n <p\n class=\"block antialiased font-sans text-base leading-relaxed text-inherit font-medium capitalize\"\n >\n notifactions\n </p>\n </button>\n </a>\n </li>\n </ul>\n <ul class=\"mb-4 flex flex-col gap-1\">\n <li class=\"mx-3.5 mt-4 mb-2\">\n <p\n class=\"block antialiased font-sans text-sm leading-normal text-white font-black uppercase opacity-75\"\n >\n auth pages\n </p>\n </li>\n\n @if (isAuthenticated()) {\n <li>\n <button\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\"\n type=\"button\"\n (click)=\"signOut.emit()\"\n data-logout\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n fill=\"currentColor\"\n aria-hidden=\"true\"\n class=\"w-5 h-5 text-inherit\"\n >\n <path\n fill-rule=\"evenodd\"\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\"\n clip-rule=\"evenodd\"\n ></path>\n </svg>\n <p\n class=\"block antialiased font-sans text-base leading-relaxed text-inherit font-medium capitalize\"\n >\n Logout\n </p>\n </button>\n </li>\n } @else {\n <li>\n <button\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\"\n type=\"button\"\n (click)=\"signIn.emit()\"\n data-login\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n fill=\"currentColor\"\n aria-hidden=\"true\"\n class=\"w-5 h-5 text-inherit\"\n >\n <path\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\"\n ></path>\n </svg>\n <p\n class=\"block antialiased font-sans text-base leading-relaxed text-inherit font-medium capitalize\"\n >\n Login\n </p>\n </button>\n </li>\n }\n </ul>\n </div>\n</aside>\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"] }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: JianSideMenuComponent, decorators: [{
type: Component,
args: [{ selector: 'lib-jian-side-menu', imports: [RouterLink, RouterLinkActive], template: "<aside\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\"\n>\n <div class=\"relative border-b border-white/20\">\n <a class=\"flex items-center gap-4 py-6 px-8\" href=\"#/\">\n <h6\n class=\"block antialiased tracking-normal font-sans text-2xl font-bold leading-relaxed text-white\"\n >\n <!-- TODO: personalizar colores -->\n <span [classList]=\"titleColor()\">{{ title() }}</span>\n <span class=\"font-thin\"> {{ subTitle() }}</span>\n </h6>\n </a>\n <button\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\"\n type=\"button\"\n >\n <span\n class=\"absolute top-1/2 left-1/2 transform -translate-y-1/2 -translate-x-1/2\"\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n stroke-width=\"2.5\"\n stroke=\"currentColor\"\n aria-hidden=\"true\"\n class=\"h-5 w-5 text-white\"\n >\n <path\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n d=\"M6 18L18 6M6 6l12 12\"\n ></path>\n </svg>\n </span>\n </button>\n </div>\n <div class=\"m-4\">\n <ul class=\"mb-4 flex flex-col gap-1\">\n <li>\n <a\n aria-current=\"page\"\n routerLink=\"/\"\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 capitalize\"\n [routerLinkActiveOptions]=\"{ exact: true }\"\n href=\"#\"\n >\n <button\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\"\n type=\"button\"\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n fill=\"currentColor\"\n aria-hidden=\"true\"\n class=\"w-5 h-5 text-inherit\"\n >\n <path\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\"\n ></path>\n <path\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\"\n ></path>\n </svg>\n <p\n class=\"block antialiased font-sans text-base leading-relaxed text-inherit font-medium capitalize\"\n >\n dashboard\n </p>\n </button>\n </a>\n </li>\n <li>\n <a class=\"\" href=\"#\">\n <button\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\"\n type=\"button\"\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n fill=\"currentColor\"\n aria-hidden=\"true\"\n class=\"w-5 h-5 text-inherit\"\n >\n <path\n fill-rule=\"evenodd\"\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\"\n clip-rule=\"evenodd\"\n ></path>\n </svg>\n <p\n class=\"block antialiased font-sans text-base leading-relaxed text-inherit font-medium capitalize\"\n >\n Profile\n </p>\n </button>\n </a>\n </li>\n <li>\n <a\n routerLink=\"/projects\"\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 capitalize\"\n [routerLinkActiveOptions]=\"{ exact: true }\"\n class=\"\"\n href=\"#\"\n >\n <button\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\"\n type=\"button\"\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n fill=\"currentColor\"\n aria-hidden=\"true\"\n class=\"w-5 h-5 text-inherit\"\n >\n <path\n fill-rule=\"evenodd\"\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\"\n clip-rule=\"evenodd\"\n ></path>\n </svg>\n <p\n class=\"block antialiased font-sans text-base leading-relaxed text-inherit font-medium capitalize\"\n >\n Projects\n </p>\n </button>\n </a>\n </li>\n <li>\n <a class=\"\" href=\"#\">\n <button\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\"\n type=\"button\"\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n fill=\"currentColor\"\n aria-hidden=\"true\"\n class=\"w-5 h-5 text-inherit\"\n >\n <path\n fill-rule=\"evenodd\"\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\"\n clip-rule=\"evenodd\"\n ></path>\n </svg>\n <p\n class=\"block antialiased font-sans text-base leading-relaxed text-inherit font-medium capitalize\"\n >\n notifactions\n </p>\n </button>\n </a>\n </li>\n </ul>\n <ul class=\"mb-4 flex flex-col gap-1\">\n <li class=\"mx-3.5 mt-4 mb-2\">\n <p\n class=\"block antialiased font-sans text-sm leading-normal text-white font-black uppercase opacity-75\"\n >\n auth pages\n </p>\n </li>\n\n @if (isAuthenticated()) {\n <li>\n <button\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\"\n type=\"button\"\n (click)=\"signOut.emit()\"\n data-logout\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n fill=\"currentColor\"\n aria-hidden=\"true\"\n class=\"w-5 h-5 text-inherit\"\n >\n <path\n fill-rule=\"evenodd\"\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\"\n clip-rule=\"evenodd\"\n ></path>\n </svg>\n <p\n class=\"block antialiased font-sans text-base leading-relaxed text-inherit font-medium capitalize\"\n >\n Logout\n </p>\n </button>\n </li>\n } @else {\n <li>\n <button\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\"\n type=\"button\"\n (click)=\"signIn.emit()\"\n data-login\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n fill=\"currentColor\"\n aria-hidden=\"true\"\n class=\"w-5 h-5 text-inherit\"\n >\n <path\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\"\n ></path>\n </svg>\n <p\n class=\"block antialiased font-sans text-base leading-relaxed text-inherit font-medium capitalize\"\n >\n Login\n </p>\n </button>\n </li>\n }\n </ul>\n </div>\n</aside>\n" }]
}] });
/*
* Public API Surface of jian-side-menu
*/
/**
* Generated bundle index. Do not edit.
*/
export { JianSideMenuComponent, JianSideMenuService, TitleColor };
//# sourceMappingURL=jian-side-menu.mjs.map