ajgl-side-menu
Version:
Side menu for company created in Angular by Ajgl
25 lines • 38.5 kB
JavaScript
import { Component, input, output } from '@angular/core';
import { RouterLink, RouterLinkActive } from '@angular/router';
import * as i0 from "@angular/core";
export 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 = {}));
export class AjglSideMenuComponent {
isAuthenticated = input(false);
title = input('AJGL');
subTitle = input('Corp');
titleColor = input(TitleColor.purple);
onSignOut = output();
onSignIn = output();
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: AjglSideMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.3", type: AjglSideMenuComponent, isStandalone: true, selector: "lib-ajgl-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: { onSignOut: "onSignOut", onSignIn: "onSignIn" }, ngImport: i0, template: "<aside 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=\"block antialiased tracking-normal font-sans font-semibold leading-relaxed text-white\">\r\n <span [classList]=\"titleColor()\"> {{ title() }} </span>\r\n <span class=\"font-thin\"> {{ subTitle() }} </span>\r\n </h6>\r\n </a>\r\n <button 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\" 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\" 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 <!-- 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 <a\r\n routerLink=\"/\"\r\n [routerLinkActiveOptions]=\"{exact:true}\"\r\n routerLinkActive=\"rounded-lx 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 aria-current=\"page\"\r\n href=\"#\">\r\n\r\n <button 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\" type=\"button\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" class=\"w-5 h-5 text-inherit\">\r\n <path 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\"></path>\r\n <path 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\"></path>\r\n </svg>\r\n <p class=\"block antialiased font-sans text-base leading-relaxed text-inherit font-medium capitalize\">dashboard</p>\r\n </button>\r\n </a>\r\n </li>\r\n <li>\r\n <a class=\"\" href=\"#\">\r\n <button 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\" type=\"button\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" class=\"w-5 h-5 text-inherit\">\r\n <path fill-rule=\"evenodd\" 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\" clip-rule=\"evenodd\"></path>\r\n </svg>\r\n <p class=\"block antialiased font-sans text-base leading-relaxed text-inherit font-medium capitalize\">profile</p>\r\n </button>\r\n </a>\r\n </li>\r\n <li>\r\n <a\r\n routerLink=\"/projects\"\r\n [routerLinkActiveOptions]=\"{exact:true}\"\r\n routerLinkActive=\"rounded-lx bg-gradient-to-tr from-blue-600 to-blue-400 text-white shadow-md shadow-blue-500/20 active:opacity-[0.85] w-full flex items-center gap-4 px-4 capitalize\"\r\n class=\"\" href=\"#\">\r\n <button 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\" type=\"button\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" class=\"w-5 h-5 text-inherit\">\r\n <path fill-rule=\"evenodd\" 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\" clip-rule=\"evenodd\"></path>\r\n </svg>\r\n <p class=\"block antialiased font-sans text-base leading-relaxed text-inherit font-medium capitalize\">Projets</p>\r\n </button>\r\n </a>\r\n </li>\r\n <li>\r\n <a class=\"\" href=\"#\">\r\n <button 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\" type=\"button\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" class=\"w-5 h-5 text-inherit\">\r\n <path fill-rule=\"evenodd\" 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\" clip-rule=\"evenodd\"></path>\r\n </svg>\r\n <p class=\"block antialiased font-sans text-base leading-relaxed text-inherit font-medium capitalize\">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 pages</p>\r\n </li>\r\n @if ( isAuthenticated() ) {\r\n <li>\r\n <button\r\n (click)=\"onSignOut.emit()\"\r\n data-logout\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\" type=\"button\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" class=\"w-5 h-5 text-inherit\">\r\n <path fill-rule=\"evenodd\" 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\" 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 </li>\r\n }\r\n @else {\r\n\r\n <li>\r\n <button\r\n (click)=\"onSignIn.emit()\"\r\n data-login\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\" type=\"button\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" class=\"w-5 h-5 text-inherit\">\r\n <path 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\"></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 </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"] }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: AjglSideMenuComponent, decorators: [{
type: Component,
args: [{ selector: 'lib-ajgl-side-menu', standalone: true, imports: [RouterLink, RouterLinkActive], template: "<aside 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=\"block antialiased tracking-normal font-sans font-semibold leading-relaxed text-white\">\r\n <span [classList]=\"titleColor()\"> {{ title() }} </span>\r\n <span class=\"font-thin\"> {{ subTitle() }} </span>\r\n </h6>\r\n </a>\r\n <button 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\" 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\" 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 <!-- 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 <a\r\n routerLink=\"/\"\r\n [routerLinkActiveOptions]=\"{exact:true}\"\r\n routerLinkActive=\"rounded-lx 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 aria-current=\"page\"\r\n href=\"#\">\r\n\r\n <button 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\" type=\"button\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" class=\"w-5 h-5 text-inherit\">\r\n <path 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\"></path>\r\n <path 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\"></path>\r\n </svg>\r\n <p class=\"block antialiased font-sans text-base leading-relaxed text-inherit font-medium capitalize\">dashboard</p>\r\n </button>\r\n </a>\r\n </li>\r\n <li>\r\n <a class=\"\" href=\"#\">\r\n <button 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\" type=\"button\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" class=\"w-5 h-5 text-inherit\">\r\n <path fill-rule=\"evenodd\" 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\" clip-rule=\"evenodd\"></path>\r\n </svg>\r\n <p class=\"block antialiased font-sans text-base leading-relaxed text-inherit font-medium capitalize\">profile</p>\r\n </button>\r\n </a>\r\n </li>\r\n <li>\r\n <a\r\n routerLink=\"/projects\"\r\n [routerLinkActiveOptions]=\"{exact:true}\"\r\n routerLinkActive=\"rounded-lx bg-gradient-to-tr from-blue-600 to-blue-400 text-white shadow-md shadow-blue-500/20 active:opacity-[0.85] w-full flex items-center gap-4 px-4 capitalize\"\r\n class=\"\" href=\"#\">\r\n <button 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\" type=\"button\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" class=\"w-5 h-5 text-inherit\">\r\n <path fill-rule=\"evenodd\" 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\" clip-rule=\"evenodd\"></path>\r\n </svg>\r\n <p class=\"block antialiased font-sans text-base leading-relaxed text-inherit font-medium capitalize\">Projets</p>\r\n </button>\r\n </a>\r\n </li>\r\n <li>\r\n <a class=\"\" href=\"#\">\r\n <button 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\" type=\"button\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" class=\"w-5 h-5 text-inherit\">\r\n <path fill-rule=\"evenodd\" 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\" clip-rule=\"evenodd\"></path>\r\n </svg>\r\n <p class=\"block antialiased font-sans text-base leading-relaxed text-inherit font-medium capitalize\">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 pages</p>\r\n </li>\r\n @if ( isAuthenticated() ) {\r\n <li>\r\n <button\r\n (click)=\"onSignOut.emit()\"\r\n data-logout\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\" type=\"button\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" class=\"w-5 h-5 text-inherit\">\r\n <path fill-rule=\"evenodd\" 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\" 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 </li>\r\n }\r\n @else {\r\n\r\n <li>\r\n <button\r\n (click)=\"onSignIn.emit()\"\r\n data-login\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\" type=\"button\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" class=\"w-5 h-5 text-inherit\">\r\n <path 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\"></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 </ul>\r\n </div>\r\n</aside>\r\n" }]
}] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWpnbC1zaWRlLW1lbnUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvYWpnbC1zaWRlLW1lbnUvc3JjL2xpYi9hamdsLXNpZGUtbWVudS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9hamdsLXNpZGUtbWVudS9zcmMvbGliL2FqZ2wtc2lkZS1tZW51LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBRS9ELE1BQU0sQ0FBTixJQUFZLFVBS1g7QUFMRCxXQUFZLFVBQVU7SUFDcEIsa0NBQXVCLENBQUE7SUFDdkIsc0NBQXlCLENBQUE7SUFDekIsb0NBQXdCLENBQUE7SUFDeEIsd0NBQTBCLENBQUE7QUFDNUIsQ0FBQyxFQUxXLFVBQVUsS0FBVixVQUFVLFFBS3JCO0FBU0QsTUFBTSxPQUFPLHFCQUFxQjtJQUVoQyxlQUFlLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBRS9CLEtBQUssR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDdEIsUUFBUSxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV6QixVQUFVLEdBQUcsS0FBSyxDQUFjLFVBQVUsQ0FBQyxNQUFNLENBQUUsQ0FBQztJQUVwRCxTQUFTLEdBQUcsTUFBTSxFQUFFLENBQUM7SUFDckIsUUFBUSxHQUFHLE1BQU0sRUFBRSxDQUFDO3VHQVZULHFCQUFxQjsyRkFBckIscUJBQXFCLDJxQkNqQmxDLHU0VEEwR0EsMEREN0ZZLFVBQVUsb09BQUUsZ0JBQWdCOzsyRkFJM0IscUJBQXFCO2tCQVBqQyxTQUFTOytCQUNFLG9CQUFvQixjQUNsQixJQUFJLFdBQ1AsQ0FBQyxVQUFVLEVBQUUsZ0JBQWdCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGlucHV0LCBvdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgUm91dGVyTGluaywgUm91dGVyTGlua0FjdGl2ZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcblxyXG5leHBvcnQgZW51bSBUaXRsZUNvbG9yIHtcclxuICByZWQgICAgPSAndGV4dC1yZWQtNTAwJyxcclxuICBncmVlbiAgPSAndGV4dC1ncmVlbi01MDAnLFxyXG4gIGJsdWUgICA9ICd0ZXh0LWJsdWUtNTAwJyxcclxuICBwdXJwbGUgPSAndGV4dC1wdXJwbGUtNTAwJyxcclxufVxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItYWpnbC1zaWRlLW1lbnUnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW1JvdXRlckxpbmssIFJvdXRlckxpbmtBY3RpdmVdLFxyXG4gIHRlbXBsYXRlVXJsOiBcIi4vYWpnbC1zaWRlLW1lbnUuY29tcG9uZW50Lmh0bWxcIixcclxuICBzdHlsZXM6IGBgXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBamdsU2lkZU1lbnVDb21wb25lbnQge1xyXG5cclxuICBpc0F1dGhlbnRpY2F0ZWQgPSBpbnB1dChmYWxzZSk7XHJcblxyXG4gIHRpdGxlID0gaW5wdXQoJ0FKR0wnKTtcclxuICBzdWJUaXRsZSA9IGlucHV0KCdDb3JwJyk7XHJcblxyXG4gIHRpdGxlQ29sb3IgPSBpbnB1dDxUaXRsZUNvbG9yPiggVGl0bGVDb2xvci5wdXJwbGUgKTtcclxuXHJcbiAgb25TaWduT3V0ID0gb3V0cHV0KCk7XHJcbiAgb25TaWduSW4gPSBvdXRwdXQoKTtcclxufVxyXG4iLCI8YXNpZGUgY2xhc3M9XCJiZy1ncmFkaWVudC10by1iciBmcm9tLWdyYXktODAwIHRvLWdyYXktOTAwIC10cmFuc2xhdGUteC04MCBmaXhlZCBpbnNldC0wIHotNTAgbXktNCBtbC00IGgtW2NhbGMoMTAwdmgtMzJweCldIHctNzIgcm91bmRlZC14bCB0cmFuc2l0aW9uLXRyYW5zZm9ybSBkdXJhdGlvbi0zMDAgeGw6dHJhbnNsYXRlLXgtMFwiPlxyXG4gIDxkaXYgY2xhc3M9XCJyZWxhdGl2ZSBib3JkZXItYiBib3JkZXItd2hpdGUvMjBcIj5cclxuICAgIDxhIGNsYXNzPVwiZmxleCBpdGVtcy1jZW50ZXIgZ2FwLTQgcHktNiBweC04XCIgaHJlZj1cIiMvXCI+XHJcbiAgICAgIDxoNiBjbGFzcz1cImJsb2NrIGFudGlhbGlhc2VkIHRyYWNraW5nLW5vcm1hbCBmb250LXNhbnMgZm9udC1zZW1pYm9sZCBsZWFkaW5nLXJlbGF4ZWQgdGV4dC13aGl0ZVwiPlxyXG4gICAgICAgIDxzcGFuIFtjbGFzc0xpc3RdPVwidGl0bGVDb2xvcigpXCI+IHt7IHRpdGxlKCkgfX0gPC9zcGFuPlxyXG4gICAgICAgIDxzcGFuIGNsYXNzPVwiZm9udC10aGluXCI+IHt7IHN1YlRpdGxlKCkgfX0gPC9zcGFuPlxyXG4gICAgICA8L2g2PlxyXG4gICAgPC9hPlxyXG4gICAgPGJ1dHRvbiBjbGFzcz1cIm1pZGRsZSBub25lIGZvbnQtc2FucyBmb250LW1lZGl1bSB0ZXh0LWNlbnRlciB1cHBlcmNhc2UgdHJhbnNpdGlvbi1hbGwgZGlzYWJsZWQ6b3BhY2l0eS01MCBkaXNhYmxlZDpzaGFkb3ctbm9uZSBkaXNhYmxlZDpwb2ludGVyLWV2ZW50cy1ub25lIHctOCBtYXgtdy1bMzJweF0gaC04IG1heC1oLVszMnB4XSByb3VuZGVkLWxnIHRleHQteHMgdGV4dC13aGl0ZSBob3ZlcjpiZy13aGl0ZS8xMCBhY3RpdmU6Ymctd2hpdGUvMzAgYWJzb2x1dGUgcmlnaHQtMCB0b3AtMCBncmlkIHJvdW5kZWQtYnItbm9uZSByb3VuZGVkLXRsLW5vbmUgeGw6aGlkZGVuXCIgdHlwZT1cImJ1dHRvblwiPlxyXG4gICAgICA8c3BhbiBjbGFzcz1cImFic29sdXRlIHRvcC0xLzIgbGVmdC0xLzIgdHJhbnNmb3JtIC10cmFuc2xhdGUteS0xLzIgLXRyYW5zbGF0ZS14LTEvMlwiPlxyXG4gICAgICAgIDxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIGZpbGw9XCJub25lXCIgdmlld0JveD1cIjAgMCAyNCAyNFwiIHN0cm9rZS13aWR0aD1cIjIuNVwiIHN0cm9rZT1cImN1cnJlbnRDb2xvclwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIGNsYXNzPVwiaC01IHctNSB0ZXh0LXdoaXRlXCI+XHJcbiAgICAgICAgICA8cGF0aCBzdHJva2UtbGluZWNhcD1cInJvdW5kXCIgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIiBkPVwiTTYgMThMMTggNk02IDZsMTIgMTJcIj48L3BhdGg+XHJcbiAgICAgICAgPC9zdmc+XHJcbiAgICAgIDwvc3Bhbj5cclxuICAgIDwvYnV0dG9uPlxyXG4gIDwvZGl2PlxyXG4gIDxkaXYgY2xhc3M9XCJtLTRcIj5cclxuICAgIDx1bCBjbGFzcz1cIm1iLTQgZmxleCBmbGV4LWNvbCBnYXAtMVwiPlxyXG4gICAgICA8bGk+XHJcbiAgICAgICAgPCEtLSBtaWRkbGUgbm9uZSBmb250LXNhbnMgZm9udC1ib2xkIGNlbnRlciB0cmFuc2l0aW9uLWFsbCBkaXNhYmxlZDpvcGFjaXR5LTUwIGRpc2FibGVkOnNoYWRvdy1ub25lIGRpc2FibGVkOnBvaW50ZXItZXZlbnRzLW5vbmUgdGV4dC14cyBweS0zIHJvdW5kZWQtbGcgYmctZ3JhZGllbnQtdG8tdHIgZnJvbS1ibHVlLTYwMCB0by1ibHVlLTQwMCB0ZXh0LXdoaXRlIHNoYWRvdy1tZCBzaGFkb3ctYmx1ZS01MDAvMjAgaG92ZXI6c2hhZG93LWxnIGhvdmVyOnNoYWRvdy1ibHVlLTUwMC80MCBhY3RpdmU6b3BhY2l0eS1bMC44NV0gdy1mdWxsIGZsZXggaXRlbXMtY2VudGVyIGdhcC00IHB4LTQgY2FwaXRhbGl6ZSAtLT5cclxuICAgICAgICA8YVxyXG4gICAgICAgICAgcm91dGVyTGluaz1cIi9cIlxyXG4gICAgICAgICAgW3JvdXRlckxpbmtBY3RpdmVPcHRpb25zXT1cIntleGFjdDp0cnVlfVwiXHJcbiAgICAgICAgICByb3V0ZXJMaW5rQWN0aXZlPVwicm91bmRlZC1seCBiZy1ncmFkaWVudC10by10ciBmcm9tLWJsdWUtNjAwIHRvLWJsdWUtNDAwIHRleHQtd2hpdGUgc2hhZG93LW1kIHNoYWRvdy1ibHVlLTUwMC8yMCBhY3RpdmU6b3BhY2l0eS1bMC44NV0gdy1mdWxsIGZsZXggaXRlbXMtY2VudGVyIGdhcC00IHB4LTQgY2FwaXRhbGl6ZVwiXHJcbiAgICAgICAgICBhcmlhLWN1cnJlbnQ9XCJwYWdlXCJcclxuICAgICAgICAgIGhyZWY9XCIjXCI+XHJcblxyXG4gICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cIm1pZGRsZSBub25lIGZvbnQtc2FucyBmb250LWJvbGQgY2VudGVyIHRyYW5zaXRpb24tYWxsIGRpc2FibGVkOm9wYWNpdHktNTAgZGlzYWJsZWQ6c2hhZG93LW5vbmUgZGlzYWJsZWQ6cG9pbnRlci1ldmVudHMtbm9uZSB0ZXh0LXhzIHB5LTMgcm91bmRlZC1sZyB0ZXh0LXdoaXRlIGhvdmVyOmJnLXdoaXRlLzEwIGFjdGl2ZTpiZy13aGl0ZS8zMCB3LWZ1bGwgZmxleCBpdGVtcy1jZW50ZXIgZ2FwLTQgcHgtNCBjYXBpdGFsaXplXCIgdHlwZT1cImJ1dHRvblwiPlxyXG4gICAgICAgICAgICA8c3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB2aWV3Qm94PVwiMCAwIDI0IDI0XCIgZmlsbD1cImN1cnJlbnRDb2xvclwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIGNsYXNzPVwidy01IGgtNSB0ZXh0LWluaGVyaXRcIj5cclxuICAgICAgICAgICAgICA8cGF0aCBkPVwiTTExLjQ3IDMuODRhLjc1Ljc1IDAgMDExLjA2IDBsOC42OSA4LjY5YS43NS43NSAwIDEwMS4wNi0xLjA2bC04LjY4OS04LjY5YTIuMjUgMi4yNSAwIDAwLTMuMTgyIDBsLTguNjkgOC42OWEuNzUuNzUgMCAwMDEuMDYxIDEuMDZsOC42OS04LjY5elwiPjwvcGF0aD5cclxuICAgICAgICAgICAgICA8cGF0aCBkPVwiTTEyIDUuNDMybDguMTU5IDguMTU5Yy4wMy4wMy4wNi4wNTguMDkxLjA4NnY2LjE5OGMwIDEuMDM1LS44NCAxLjg3NS0xLjg3NSAxLjg3NUgxNWEuNzUuNzUgMCAwMS0uNzUtLjc1di00LjVhLjc1Ljc1IDAgMDAtLjc1LS43NWgtM2EuNzUuNzUgMCAwMC0uNzUuNzVWMjFhLjc1Ljc1IDAgMDEtLjc1Ljc1SDUuNjI1YTEuODc1IDEuODc1IDAgMDEtMS44NzUtMS44NzV2LTYuMTk4YTIuMjkgMi4yOSAwIDAwLjA5MS0uMDg2TDEyIDUuNDN6XCI+PC9wYXRoPlxyXG4gICAgICAgICAgICA8L3N2Zz5cclxuICAgICAgICAgICAgPHAgY2xhc3M9XCJibG9jayBhbnRpYWxpYXNlZCBmb250LXNhbnMgdGV4dC1iYXNlIGxlYWRpbmctcmVsYXhlZCB0ZXh0LWluaGVyaXQgZm9udC1tZWRpdW0gY2FwaXRhbGl6ZVwiPmRhc2hib2FyZDwvcD5cclxuICAgICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgIDwvYT5cclxuICAgICAgPC9saT5cclxuICAgICAgPGxpPlxyXG4gICAgICAgIDxhIGNsYXNzPVwiXCIgaHJlZj1cIiNcIj5cclxuICAgICAgICAgIDxidXR0b24gY2xhc3M9XCJtaWRkbGUgbm9uZSBmb250LXNhbnMgZm9udC1ib2xkIGNlbnRlciB0cmFuc2l0aW9uLWFsbCBkaXNhYmxlZDpvcGFjaXR5LTUwIGRpc2FibGVkOnNoYWRvdy1ub25lIGRpc2FibGVkOnBvaW50ZXItZXZlbnRzLW5vbmUgdGV4dC14cyBweS0zIHJvdW5kZWQtbGcgdGV4dC13aGl0ZSBob3ZlcjpiZy13aGl0ZS8xMCBhY3RpdmU6Ymctd2hpdGUvMzAgdy1mdWxsIGZsZXggaXRlbXMtY2VudGVyIGdhcC00IHB4LTQgY2FwaXRhbGl6ZVwiIHR5cGU9XCJidXR0b25cIj5cclxuICAgICAgICAgICAgPHN2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgdmlld0JveD1cIjAgMCAyNCAyNFwiIGZpbGw9XCJjdXJyZW50Q29sb3JcIiBhcmlhLWhpZGRlbj1cInRydWVcIiBjbGFzcz1cInctNSBoLTUgdGV4dC1pbmhlcml0XCI+XHJcbiAgICAgICAgICAgICAgPHBhdGggZmlsbC1ydWxlPVwiZXZlbm9kZFwiIGQ9XCJNMTguNjg1IDE5LjA5N0E5LjcyMyA5LjcyMyAwIDAwMjEuNzUgMTJjMC01LjM4NS00LjM2NS05Ljc1LTkuNzUtOS43NVMyLjI1IDYuNjE1IDIuMjUgMTJhOS43MjMgOS43MjMgMCAwMDMuMDY1IDcuMDk3QTkuNzE2IDkuNzE2IDAgMDAxMiAyMS43NWE5LjcxNiA5LjcxNiAwIDAwNi42ODUtMi42NTN6bS0xMi41NC0xLjI4NUE3LjQ4NiA3LjQ4NiAwIDAxMTIgMTVhNy40ODYgNy40ODYgMCAwMTUuODU1IDIuODEyQTguMjI0IDguMjI0IDAgMDExMiAyMC4yNWE4LjIyNCA4LjIyNCAwIDAxLTUuODU1LTIuNDM4ek0xNS43NSA5YTMuNzUgMy43NSAwIDExLTcuNSAwIDMuNzUgMy43NSAwIDAxNy41IDB6XCIgY2xpcC1ydWxlPVwiZXZlbm9kZFwiPjwvcGF0aD5cclxuICAgICAgICAgICAgPC9zdmc+XHJcbiAgICAgICAgICAgIDxwIGNsYXNzPVwiYmxvY2sgYW50aWFsaWFzZWQgZm9udC1zYW5zIHRleHQtYmFzZSBsZWFkaW5nLXJlbGF4ZWQgdGV4dC1pbmhlcml0IGZvbnQtbWVkaXVtIGNhcGl0YWxpemVcIj5wcm9maWxlPC9wPlxyXG4gICAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgPC9hPlxyXG4gICAgICA8L2xpPlxyXG4gICAgICA8bGk+XHJcbiAgICAgICAgPGFcclxuICAgICAgICAgIHJvdXRlckxpbms9XCIvcHJvamVjdHNcIlxyXG4gICAgICAgICAgW3JvdXRlckxpbmtBY3RpdmVPcHRpb25zXT1cIntleGFjdDp0cnVlfVwiXHJcbiAgICAgICAgICByb3V0ZXJMaW5rQWN0aXZlPVwicm91bmRlZC1seCBiZy1ncmFkaWVudC10by10ciBmcm9tLWJsdWUtNjAwIHRvLWJsdWUtNDAwIHRleHQtd2hpdGUgc2hhZG93LW1kIHNoYWRvdy1ibHVlLTUwMC8yMCBhY3RpdmU6b3BhY2l0eS1bMC44NV0gdy1mdWxsIGZsZXggaXRlbXMtY2VudGVyIGdhcC00IHB4LTQgY2FwaXRhbGl6ZVwiXHJcbiAgICAgICAgICBjbGFzcz1cIlwiIGhyZWY9XCIjXCI+XHJcbiAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwibWlkZGxlIG5vbmUgZm9udC1zYW5zIGZvbnQtYm9sZCBjZW50ZXIgdHJhbnNpdGlvbi1hbGwgZGlzYWJsZWQ6b3BhY2l0eS01MCBkaXNhYmxlZDpzaGFkb3ctbm9uZSBkaXNhYmxlZDpwb2ludGVyLWV2ZW50cy1ub25lIHRleHQteHMgcHktMyByb3VuZGVkLWxnIHRleHQtd2hpdGUgaG92ZXI6Ymctd2hpdGUvMTAgYWN0aXZlOmJnLXdoaXRlLzMwIHctZnVsbCBmbGV4IGl0ZW1zLWNlbnRlciBnYXAtNCBweC00IGNhcGl0YWxpemVcIiB0eXBlPVwiYnV0dG9uXCI+XHJcbiAgICAgICAgICAgIDxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHZpZXdCb3g9XCIwIDAgMjQgMjRcIiBmaWxsPVwiY3VycmVudENvbG9yXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCIgY2xhc3M9XCJ3LTUgaC01IHRleHQtaW5oZXJpdFwiPlxyXG4gICAgICAgICAgICAgIDxwYXRoIGZpbGwtcnVsZT1cImV2ZW5vZGRcIiBkPVwiTTEuNSA1LjYyNWMwLTEuMDM2Ljg0LTEuODc1IDEuODc1LTEuODc1aDE3LjI1YzEuMDM1IDAgMS44NzUuODQgMS44NzUgMS44NzV2MTIuNzVjMCAxLjAzNS0uODQgMS44NzUtMS44NzUgMS44NzVIMy4zNzVBMS44NzUgMS44NzUgMCAwMTEuNSAxOC4zNzVWNS42MjV6TTIxIDkuMzc1QS4zNzUuMzc1IDAgMDAyMC42MjUgOWgtNy41YS4zNzUuMzc1IDAgMDAtLjM3NS4zNzV2MS41YzAgLjIwNy4xNjguMzc1LjM3NS4zNzVoNy41YS4zNzUuMzc1IDAgMDAuMzc1LS4zNzV2LTEuNXptMCAzLjc1YS4zNzUuMzc1IDAgMDAtLjM3NS0uMzc1aC03LjVhLjM3NS4zNzUgMCAwMC0uMzc1LjM3NXYxLjVjMCAuMjA3LjE2OC4zNzUuMzc1LjM3NWg3LjVhLjM3NS4zNzUgMCAwMC4zNzUtLjM3NXYtMS41em0wIDMuNzVhLjM3NS4zNzUgMCAwMC0uMzc1LS4zNzVoLTcuNWEuMzc1LjM3NSAwIDAwLS4zNzUuMzc1djEuNWMwIC4yMDcuMTY4LjM3NS4zNzUuMzc1aDcuNWEuMzc1LjM3NSAwIDAwLjM3NS0uMzc1di0xLjV6TTEwLjg3NSAxOC43NWEuMzc1LjM3NSAwIDAwLjM3NS0uMzc1di0xLjVhLjM3NS4zNzUgMCAwMC0uMzc1LS4zNzVoLTcuNWEuMzc1LjM3NSAwIDAwLS4zNzUuMzc1djEuNWMwIC4yMDcuMTY4LjM3NS4zNzUuMzc1aDcuNXpNMy4zNzUgMTVoNy41YS4zNzUuMzc1IDAgMDAuMzc1LS4zNzV2LTEuNWEuMzc1LjM3NSAwIDAwLS4zNzUtLjM3NWgtNy41YS4zNzUuMzc1IDAgMDAtLjM3NS4zNzV2MS41YzAgLjIwNy4xNjguMzc1LjM3NS4zNzV6bTAtMy43NWg3LjVhLjM3NS4zNzUgMCAwMC4zNzUtLjM3NXYtMS41QS4zNzUuMzc1IDAgMDAxMC44NzUgOWgtNy41QS4zNzUuMzc1IDAgMDAzIDkuMzc1djEuNWMwIC4yMDcuMTY4LjM3NS4zNzUuMzc1elwiIGNsaXAtcnVsZT1cImV2ZW5vZGRcIj48L3BhdGg+XHJcbiAgICAgICAgICAgIDwvc3ZnPlxyXG4gICAgICAgICAgICA8cCBjbGFzcz1cImJsb2NrIGFudGlhbGlhc2VkIGZvbnQtc2FucyB0ZXh0LWJhc2UgbGVhZGluZy1yZWxheGVkIHRleHQtaW5oZXJpdCBmb250LW1lZGl1bSBjYXBpdGFsaXplXCI+UHJvamV0czwvcD5cclxuICAgICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgIDwvYT5cclxuICAgICAgPC9saT5cclxuICAgICAgPGxpPlxyXG4gICAgICAgIDxhIGNsYXNzPVwiXCIgaHJlZj1cIiNcIj5cclxuICAgICAgICAgIDxidXR0b24gY2xhc3M9XCJtaWRkbGUgbm9uZSBmb250LXNhbnMgZm9udC1ib2xkIGNlbnRlciB0cmFuc2l0aW9uLWFsbCBkaXNhYmxlZDpvcGFjaXR5LTUwIGRpc2FibGVkOnNoYWRvdy1ub25lIGRpc2FibGVkOnBvaW50ZXItZXZlbnRzLW5vbmUgdGV4dC14cyBweS0zIHJvdW5kZWQtbGcgdGV4dC13aGl0ZSBob3ZlcjpiZy13aGl0ZS8xMCBhY3RpdmU6Ymctd2hpdGUvMzAgdy1mdWxsIGZsZXggaXRlbXMtY2VudGVyIGdhcC00IHB4LTQgY2FwaXRhbGl6ZVwiIHR5cGU9XCJidXR0b25cIj5cclxuICAgICAgICAgICAgPHN2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgdmlld0JveD1cIjAgMCAyNCAyNFwiIGZpbGw9XCJjdXJyZW50Q29sb3JcIiBhcmlhLWhpZGRlbj1cInRydWVcIiBjbGFzcz1cInctNSBoLTUgdGV4dC1pbmhlcml0XCI+XHJcbiAgICAgICAgICAgICAgPHBhdGggZmlsbC1ydWxlPVwiZXZlbm9kZFwiIGQ9XCJNNS4yNSA5YTYuNzUgNi43NSAwIDAxMTMuNSAwdi43NWMwIDIuMTIzLjggNC4wNTcgMi4xMTggNS41MmEuNzUuNzUgMCAwMS0uMjk3IDEuMjA2Yy0xLjU0NC41Ny0zLjE2Ljk5LTQuODMxIDEuMjQzYTMuNzUgMy43NSAwIDExLTcuNDggMCAyNC41ODUgMjQuNTg1IDAgMDEtNC44MzEtMS4yNDQuNzUuNzUgMCAwMS0uMjk4LTEuMjA1QTguMjE3IDguMjE3IDAgMDA1LjI1IDkuNzVWOXptNC41MDIgOC45YTIuMjUgMi4yNSAwIDEwNC40OTYgMCAyNS4wNTcgMjUuMDU3IDAgMDEtNC40OTYgMHpcIiBjbGlwLXJ1bGU9XCJldmVub2RkXCI+PC9wYXRoPlxyXG4gICAgICAgICAgICA8L3N2Zz5cclxuICAgICAgICAgICAgPHAgY2xhc3M9XCJibG9jayBhbnRpYWxpYXNlZCBmb250LXNhbnMgdGV4dC1iYXNlIGxlYWRpbmctcmVsYXhlZCB0ZXh0LWluaGVyaXQgZm9udC1tZWRpdW0gY2FwaXRhbGl6ZVwiPm5vdGlmYWN0aW9uczwvcD5cclxuICAgICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgIDwvYT5cclxuICAgICAgPC9saT5cclxuICAgIDwvdWw+XHJcbiAgICA8dWwgY2xhc3M9XCJtYi00IGZsZXggZmxleC1jb2wgZ2FwLTFcIj5cclxuICAgICAgPGxpIGNsYXNzPVwibXgtMy41IG10LTQgbWItMlwiPlxyXG4gICAgICAgIDxwIGNsYXNzPVwiYmxvY2sgYW50aWFsaWFzZWQgZm9udC1zYW5zIHRleHQtc20gbGVhZGluZy1ub3JtYWwgdGV4dC13aGl0ZSBmb250LWJsYWNrIHVwcGVyY2FzZSBvcGFjaXR5LTc1XCI+YXV0aCBwYWdlczwvcD5cclxuICAgICAgPC9saT5cclxuICAgICAgQGlmICggaXNBdXRoZW50aWNhdGVkKCkgKSB7XHJcbiAgICAgICAgPGxpPlxyXG4gICAgICAgICAgPGJ1dHRvblxyXG4gICAgICAgICAgICAoY2xpY2spPVwib25TaWduT3V0LmVtaXQoKVwiXHJcbiAgICAgICAgICAgIGRhdGEtbG9nb3V0XHJcbiAgICAgICAgICAgIGNsYXNzPVwibWlkZGxlIG5vbmUgZm9udC1zYW5zIGZvbnQtYm9sZCBjZW50ZXIgdHJhbnNpdGlvbi1hbGwgZGlzYWJsZWQ6b3BhY2l0eS01MCBkaXNhYmxlZDpzaGFkb3ctbm9uZSBkaXNhYmxlZDpwb2ludGVyLWV2ZW50cy1ub25lIHRleHQteHMgcHktMyByb3VuZGVkLWxnIHRleHQtd2hpdGUgaG92ZXI6Ymctd2hpdGUvMTAgYWN0aXZlOmJnLXdoaXRlLzMwIHctZnVsbCBmbGV4IGl0ZW1zLWNlbnRlciBnYXAtNCBweC00IGNhcGl0YWxpemVcIiB0eXBlPVwiYnV0dG9uXCI+XHJcbiAgICAgICAgICAgIDxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHZpZXdCb3g9XCIwIDAgMjQgMjRcIiBmaWxsPVwiY3VycmVudENvbG9yXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCIgY2xhc3M9XCJ3LTUgaC01IHRleHQtaW5oZXJpdFwiPlxyXG4gICAgICAgICAgICAgIDxwYXRoIGZpbGwtcnVsZT1cImV2ZW5vZGRcIiBkPVwiTTcuNSAzLjc1QTEuNSAxLjUgMCAwMDYgNS4yNXYxMy41YTEuNSAxLjUgMCAwMDEuNSAxLjVoNmExLjUgMS41IDAgMDAxLjUtMS41VjE1YS43NS43NSAwIDAxMS41IDB2My43NWEzIDMgMCAwMS0zIDNoLTZhMyAzIDAgMDEtMy0zVjUuMjVhMyAzIDAgMDEzLTNoNmEzIDMgMCAwMTMgM1Y5QS43NS43NSAwIDAxMTUgOVY1LjI1YTEuNSAxLjUgMCAwMC0xLjUtMS41aC02em0xMC43MiA0LjcyYS43NS43NSAwIDAxMS4wNiAwbDMgM2EuNzUuNzUgMCAwMTAgMS4wNmwtMyAzYS43NS43NSAwIDExLTEuMDYtMS4wNmwxLjcyLTEuNzJIOWEuNzUuNzUgMCAwMTAtMS41aDEwLjk0bC0xLjcyLTEuNzJhLjc1Ljc1IDAgMDEwLTEuMDZ6XCIgY2xpcC1ydWxlPVwiZXZlbm9kZFwiPjwvcGF0aD5cclxuICAgICAgICAgICAgPC9zdmc+XHJcbiAgICAgICAgICAgIDxwIGNsYXNzPVwiYmxvY2sgYW50aWFsaWFzZWQgZm9udC1zYW5zIHRleHQtYmFzZSBsZWFkaW5nLXJlbGF4ZWQgdGV4dC1pbmhlcml0IGZvbnQtbWVkaXVtIGNhcGl0YWxpemVcIj5sb2cgb3V0PC9wPlxyXG4gICAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgPC9saT5cclxuICAgICAgfVxyXG4gICAgICBAZWxzZSB7XHJcblxyXG4gICAgICAgIDxsaT5cclxuICAgICAgICAgIDxidXR0b25cclxuICAgICAgICAgICAgKGNsaWNrKT1cIm9uU2lnbkluLmVtaXQoKVwiXHJcbiAgICAgICAgICAgIGRhdGEtbG9naW5cclxuICAgICAgICAgICAgY2xhc3M9XCJtaWRkbGUgbm9uZSBmb250LXNhbnMgZm9udC1ib2xkIGNlbnRlciB0cmFuc2l0aW9uLWFsbCBkaXNhYmxlZDpvcGFjaXR5LTUwIGRpc2FibGVkOnNoYWRvdy1ub25lIGRpc2FibGVkOnBvaW50ZXItZXZlbnRzLW5vbmUgdGV4dC14cyBweS0zIHJvdW5kZWQtbGcgdGV4dC13aGl0ZSBob3ZlcjpiZy13aGl0ZS8xMCBhY3RpdmU6Ymctd2hpdGUvMzAgdy1mdWxsIGZsZXggaXRlbXMtY2VudGVyIGdhcC00IHB4LTQgY2FwaXRhbGl6ZVwiIHR5cGU9XCJidXR0b25cIj5cclxuICAgICAgICAgICAgPHN2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgdmlld0JveD1cIjAgMCAyNCAyNFwiIGZpbGw9XCJjdXJyZW50Q29sb3JcIiBhcmlhLWhpZGRlbj1cInRydWVcIiBjbGFzcz1cInctNSBoLTUgdGV4dC1pbmhlcml0XCI+XHJcbiAgICAgICAgICAgICAgPHBhdGggZD1cIk02LjI1IDYuMzc1YTQuMTI1IDQuMTI1IDAgMTE4LjI1IDAgNC4xMjUgNC4xMjUgMCAwMS04LjI1IDB6TTMuMjUgMTkuMTI1YTcuMTI1IDcuMTI1IDAgMDExNC4yNSAwdi4wMDNsLS4wMDEuMTE5YS43NS43NSAwIDAxLS4zNjMuNjMgMTMuMDY3IDEzLjA2NyAwIDAxLTYuNzYxIDEuODczYy0yLjQ3MiAwLTQuNzg2LS42ODQtNi43Ni0xLjg3M2EuNzUuNzUgMCAwMS0uMzY0LS42M2wtLjAwMS0uMTIyek0xOS43NSA3LjVhLjc1Ljc1IDAgMDAtMS41IDB2Mi4yNUgxNmEuNzUuNzUgMCAwMDAgMS41aDIuMjV2Mi4yNWEuNzUuNzUgMCAwMDEuNSAwdi0yLjI1SDIyYS43NS43NSAwIDAwMC0xLjVoLTIuMjVWNy41elwiPjwvcGF0aD5cclxuICAgICAgICAgICAgPC9zdmc+XHJcbiAgICAgICAgICAgIDxwIGNsYXNzPVwiYmxvY2sgYW50aWFsaWFzZWQgZm9udC1zYW5zIHRleHQtYmFzZSBsZWFkaW5nLXJlbGF4ZWQgdGV4dC1pbmhlcml0IGZvbnQtbWVkaXVtIGNhcGl0YWxpemVcIj5sb2cgaW48L3A+XHJcbiAgICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICA8L2xpPlxyXG5cclxuICAgICAgfVxyXG4gICAgPC91bD5cclxuICA8L2Rpdj5cclxuPC9hc2lkZT5cclxuIl19