jdx-side-menu 0.0.1

package/README.md

@@ -0,0 +1,64 @@
+# JdxSideMenu
+
+This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 21.2.0.
+
+## Code scaffolding
+
+Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
+
+```bash
+ng generate component component-name
+```
+
+For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
+
+```bash
+ng generate --help
+```
+
+## Building
+
+To build the library, run:
+
+```bash
+ng build jdx-side-menu
+```
+
+This command will compile your project, and the build artifacts will be placed in the `dist/` directory.
+
+### Publishing the Library
+
+Once the project is built, you can publish your library by following these steps:
+
+1. Navigate to the `dist` directory:
+
+   ```bash
+   cd dist/jdx-side-menu
+   ```
+
+2. Run the `npm publish` command to publish your library to the npm registry:
+   ```bash
+   npm publish
+   ```
+
+## Running unit tests
+
+To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
+
+```bash
+ng test
+```
+
+## Running end-to-end tests
+
+For end-to-end (e2e) testing, run:
+
+```bash
+ng e2e
+```
+
+Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
+
+## Additional Resources
+
+For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.

package/fesm2022/jdx-side-menu.mjs

@@ -0,0 +1,34 @@
+import * as i0 from '@angular/core';
+import { input, output, Component } from '@angular/core';
+import { RouterLink, RouterLinkActive } from '@angular/router';
+
+var TiTleColor;
+(function (TiTleColor) {
+    TiTleColor["red"] = "text-red-500";
+    TiTleColor["green"] = "text-emerald-500";
+    TiTleColor["blue"] = "text-blue-500";
+    TiTleColor["purple"] = "text-purple-500";
+})(TiTleColor || (TiTleColor = {}));
+class JdxSideMenu {
+    isAuthenticated = input(false, ...(ngDevMode ? [{ debugName: "isAuthenticated" }] : /* istanbul ignore next */ []));
+    color = input(TiTleColor.blue, ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
+    onSignOut = output();
+    onSignIn = output();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: JdxSideMenu, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: JdxSideMenu, isStandalone: true, selector: "jdx-side-menu", inputs: { isAuthenticated: { classPropertyName: "isAuthenticated", publicName: "isAuthenticated", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", 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 text-base  leading-relaxed text-white\">\r\n        <span [classList]=\"[color()]\">JDX</span>\r\n        <span class=\"font-thin text-gray-500\">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\" stroke=\"currentColor\"\r\n          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 aria-current=\"page\" routerLink=\"/\"\r\n          routerLinkActive=\" 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          [routerLinkActiveOptions]=\"{exact: true}\">\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 active:opacity-[0.85] 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 routerLinkActive=\" 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          class=\"\" href=\"#\" [routerLinkActiveOptions]=\"{exact: true}\">\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 hover:shadow-lg hover:shadow-blue-500/40 active:opacity-[0.85] w-full flex items-center gap-4 px-4 capitalize\"\r\n          class=\"\" [routerLinkActiveOptions]=\"{exact: true}\">\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 routerLinkActive=\" 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          [routerLinkActiveOptions]=\"{exact: true}\" 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 (click)=\"onSignOut.emit()\"\r\n          class=\"middle none font-sans font-bold center transition-all disabled:opacity-50 disabled:shadow-none disabled:pointer-events-none text-xs py-3 rounded-lg text-white hover:bg-white/10 active:bg-white/30 w-full flex items-center gap-4 px-4 capitalize\"\r\n          type=\"button\">\r\n          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" 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\">LogOut\r\n          </p>\r\n        </button>\r\n      </li>\r\n      } @else{\r\n      <li>\r\n        <button (click)=\"onSignIn.emit()\"\r\n          class=\"middle none font-sans font-bold center transition-all disabled:opacity-50 disabled:shadow-none disabled:pointer-events-none text-xs py-3 rounded-lg text-white hover:bg-white/10 active:bg-white/30 w-full flex items-center gap-4 px-4 capitalize\"\r\n          type=\"button\">\r\n          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" 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\">Login\r\n          </p>\r\n        </button>\r\n\r\n      </li>\r\n      }\r\n\r\n\r\n    </ul>\r\n  </div>\r\n</aside>", 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: "21.2.13", ngImport: i0, type: JdxSideMenu, decorators: [{
+            type: Component,
+            args: [{ selector: 'jdx-side-menu', imports: [RouterLink, RouterLinkActive], 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 text-base  leading-relaxed text-white\">\r\n        <span [classList]=\"[color()]\">JDX</span>\r\n        <span class=\"font-thin text-gray-500\">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\" stroke=\"currentColor\"\r\n          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 aria-current=\"page\" routerLink=\"/\"\r\n          routerLinkActive=\" 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          [routerLinkActiveOptions]=\"{exact: true}\">\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 active:opacity-[0.85] 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 routerLinkActive=\" 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          class=\"\" href=\"#\" [routerLinkActiveOptions]=\"{exact: true}\">\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 hover:shadow-lg hover:shadow-blue-500/40 active:opacity-[0.85] w-full flex items-center gap-4 px-4 capitalize\"\r\n          class=\"\" [routerLinkActiveOptions]=\"{exact: true}\">\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 routerLinkActive=\" 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          [routerLinkActiveOptions]=\"{exact: true}\" 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 (click)=\"onSignOut.emit()\"\r\n          class=\"middle none font-sans font-bold center transition-all disabled:opacity-50 disabled:shadow-none disabled:pointer-events-none text-xs py-3 rounded-lg text-white hover:bg-white/10 active:bg-white/30 w-full flex items-center gap-4 px-4 capitalize\"\r\n          type=\"button\">\r\n          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" 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\">LogOut\r\n          </p>\r\n        </button>\r\n      </li>\r\n      } @else{\r\n      <li>\r\n        <button (click)=\"onSignIn.emit()\"\r\n          class=\"middle none font-sans font-bold center transition-all disabled:opacity-50 disabled:shadow-none disabled:pointer-events-none text-xs py-3 rounded-lg text-white hover:bg-white/10 active:bg-white/30 w-full flex items-center gap-4 px-4 capitalize\"\r\n          type=\"button\">\r\n          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" 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\">Login\r\n          </p>\r\n        </button>\r\n\r\n      </li>\r\n      }\r\n\r\n\r\n    </ul>\r\n  </div>\r\n</aside>" }]
+        }], propDecorators: { isAuthenticated: [{ type: i0.Input, args: [{ isSignal: true, alias: "isAuthenticated", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], onSignOut: [{ type: i0.Output, args: ["onSignOut"] }], onSignIn: [{ type: i0.Output, args: ["onSignIn"] }] } });
+
+/*
+ * Public API Surface of jdx-side-menu
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { JdxSideMenu, TiTleColor };
+//# sourceMappingURL=jdx-side-menu.mjs.map

package/fesm2022/jdx-side-menu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"jdx-side-menu.mjs","sources":["../../../projects/jdx-side-menu/src/lib/jdx-side-menu.ts","../../../projects/jdx-side-menu/src/lib/jdx-side-menu.html","../../../projects/jdx-side-menu/src/public-api.ts","../../../projects/jdx-side-menu/src/jdx-side-menu.ts"],"sourcesContent":["import { Component, input, output } from '@angular/core';\nimport { RouterLink, RouterLinkActive } from '@angular/router';\n\nexport enum TiTleColor {\n  red = \"text-red-500\",\n  green = \"text-emerald-500\",\n  blue = \"text-blue-500\",\n  purple = \"text-purple-500\",\n}\n\n\n@Component({\n  selector: 'jdx-side-menu',\n  imports: [RouterLink, RouterLinkActive],\n  templateUrl: \"./jdx-side-menu.html\",\n  styles: ``,\n})\nexport class JdxSideMenu {\n  isAuthenticated = input(false);\n  color = input<TiTleColor>(TiTleColor.blue);\n  onSignOut = output();\n  onSignIn = output();\n}\n","<aside\r\n  class=\"bg-gradient-to-br from-gray-800 to-gray-900 -translate-x-80 fixed inset-0 z-50 my-4 ml-4 h-[calc(100vh-32px)] w-72 rounded-xl transition-transform duration-300 xl:translate-x-0\">\r\n  <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 text-base  leading-relaxed text-white\">\r\n        <span [classList]=\"[color()]\">JDX</span>\r\n        <span class=\"font-thin text-gray-500\">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\" stroke=\"currentColor\"\r\n          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 aria-current=\"page\" routerLink=\"/\"\r\n          routerLinkActive=\" 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          [routerLinkActiveOptions]=\"{exact: true}\">\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 active:opacity-[0.85] 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 routerLinkActive=\" 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          class=\"\" href=\"#\" [routerLinkActiveOptions]=\"{exact: true}\">\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 hover:shadow-lg hover:shadow-blue-500/40 active:opacity-[0.85] w-full flex items-center gap-4 px-4 capitalize\"\r\n          class=\"\" [routerLinkActiveOptions]=\"{exact: true}\">\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 routerLinkActive=\" 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          [routerLinkActiveOptions]=\"{exact: true}\" 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 (click)=\"onSignOut.emit()\"\r\n          class=\"middle none font-sans font-bold center transition-all disabled:opacity-50 disabled:shadow-none disabled:pointer-events-none text-xs py-3 rounded-lg text-white hover:bg-white/10 active:bg-white/30 w-full flex items-center gap-4 px-4 capitalize\"\r\n          type=\"button\">\r\n          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" 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\">LogOut\r\n          </p>\r\n        </button>\r\n      </li>\r\n      } @else{\r\n      <li>\r\n        <button (click)=\"onSignIn.emit()\"\r\n          class=\"middle none font-sans font-bold center transition-all disabled:opacity-50 disabled:shadow-none disabled:pointer-events-none text-xs py-3 rounded-lg text-white hover:bg-white/10 active:bg-white/30 w-full flex items-center gap-4 px-4 capitalize\"\r\n          type=\"button\">\r\n          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" 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\">Login\r\n          </p>\r\n        </button>\r\n\r\n      </li>\r\n      }\r\n\r\n\r\n    </ul>\r\n  </div>\r\n</aside>","/*\n * Public API Surface of jdx-side-menu\n */\n\nexport * from './lib/jdx-side-menu';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;IAGY;AAAZ,CAAA,UAAY,UAAU,EAAA;AACpB,IAAA,UAAA,CAAA,KAAA,CAAA,GAAA,cAAoB;AACpB,IAAA,UAAA,CAAA,OAAA,CAAA,GAAA,kBAA0B;AAC1B,IAAA,UAAA,CAAA,MAAA,CAAA,GAAA,eAAsB;AACtB,IAAA,UAAA,CAAA,QAAA,CAAA,GAAA,iBAA0B;AAC5B,CAAC,EALW,UAAU,KAAV,UAAU,GAAA,EAAA,CAAA,CAAA;MAcT,WAAW,CAAA;AACtB,IAAA,eAAe,GAAG,KAAK,CAAC,KAAK,sFAAC;AAC9B,IAAA,KAAK,GAAG,KAAK,CAAa,UAAU,CAAC,IAAI,4EAAC;IAC1C,SAAS,GAAG,MAAM,EAAE;IACpB,QAAQ,GAAG,MAAM,EAAE;wGAJR,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,SAAA,EAAA,IAAA,EAAA,WAAW,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,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,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,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,ECjBxB,46VA0IQ,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,ED7HI,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;;4FAI3B,WAAW,EAAA,UAAA,EAAA,CAAA;kBANvB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,EAAA,OAAA,EAChB,CAAC,UAAU,EAAE,gBAAgB,CAAC,EAAA,QAAA,EAAA,46VAAA,EAAA;;;AEbzC;;AAEG;;ACFH;;AAEG;;;;"}

package/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "jdx-side-menu",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^21.2.0",
+    "@angular/core": "^21.2.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/jdx-side-menu.mjs",
+  "typings": "types/jdx-side-menu.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/jdx-side-menu.d.ts",
+      "default": "./fesm2022/jdx-side-menu.mjs"
+    }
+  },
+  "type": "module"
+}

package/types/jdx-side-menu.d.ts

@@ -0,0 +1,18 @@
+import * as _angular_core from '@angular/core';
+
+declare enum TiTleColor {
+    red = "text-red-500",
+    green = "text-emerald-500",
+    blue = "text-blue-500",
+    purple = "text-purple-500"
+}
+declare class JdxSideMenu {
+    isAuthenticated: _angular_core.InputSignal<boolean>;
+    color: _angular_core.InputSignal<TiTleColor>;
+    onSignOut: _angular_core.OutputEmitterRef<void>;
+    onSignIn: _angular_core.OutputEmitterRef<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<JdxSideMenu, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<JdxSideMenu, "jdx-side-menu", never, { "isAuthenticated": { "alias": "isAuthenticated"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, { "onSignOut": "onSignOut"; "onSignIn": "onSignIn"; }, never, never, true, never>;
+}
+
+export { JdxSideMenu, TiTleColor };