c3-components 0.10.0 → 0.11.0

package/lib/c3-dialog/components/c3-dialog-template/c3-dialog-template.component.d.ts

@@ -1,7 +1,9 @@
 import { TemplateRef } from '@angular/core';
+import { C3CreateDialogFromComponentResult } from '../../services/c3-dialog.service';
 import * as i0 from "@angular/core";
 export declare class C3DialogTemplateComponent {
     readonly templateRef: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    readonly dialogRef: import("@angular/core").WritableSignal<C3CreateDialogFromComponentResult<unknown> | null>;
     static ɵfac: i0.ɵɵFactoryDeclaration<C3DialogTemplateComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<C3DialogTemplateComponent, "c3-dialog-template", never, {}, {}, never, ["*"], false, never>;
 }

package/lib/c3-menu/c3-menu.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./components/c3-menu/c3-menu.component";
+import * as i2 from "./components/c3-nav-item/c3-nav-item.component";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/router";
+import * as i5 from "@angular/material/core";
+export declare class C3MenuModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<C3MenuModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<C3MenuModule, [typeof i1.C3MenuComponent, typeof i2.C3NavItemComponent], [typeof i3.CommonModule, typeof i4.RouterModule, typeof i5.MatRippleModule], [typeof i1.C3MenuComponent, typeof i2.C3NavItemComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<C3MenuModule>;
+}

package/lib/c3-menu/components/c3-menu/c3-menu.component.d.ts

@@ -0,0 +1,7 @@
+import { C3MenuService } from '../../services/c3-menu.service';
+import * as i0 from "@angular/core";
+export declare class C3MenuComponent {
+    readonly _c3Menu: C3MenuService;
+    static ɵfac: i0.ɵɵFactoryDeclaration<C3MenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<C3MenuComponent, "c3-menu", never, {}, {}, never, ["*"], false, never>;
+}

package/lib/c3-menu/components/c3-menu/c3-menu.component.scss

@@ -0,0 +1,3 @@
+:host {
+  display: block;
+}

package/lib/c3-menu/components/c3-nav-item/c3-nav-item.component.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+export declare class C3NavItemComponent {
+    readonly route: import("@angular/core").InputSignal<string>;
+    readonly itemTitle: import("@angular/core").InputSignal<string>;
+    readonly check: import("@angular/core").InputSignal<string | null>;
+    readonly isExternal: import("@angular/core").InputSignal<boolean>;
+    private readonly element;
+    private readonly _menu;
+    private readonly destroyRef;
+    private readonly currentRouteChangeSubscription;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<C3NavItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<C3NavItemComponent, "c3-nav-item", never, { "route": { "alias": "route"; "required": true; "isSignal": true; }; "itemTitle": { "alias": "itemTitle"; "required": true; "isSignal": true; }; "check": { "alias": "check"; "required": false; "isSignal": true; }; "isExternal": { "alias": "isExternal"; "required": false; "isSignal": true; }; }, {}, never, ["*"], false, never>;
+}

package/lib/c3-menu/components/c3-nav-item/c3-nav-item.component.scss

@@ -0,0 +1,3 @@
+:host {
+  display: block;
+}

package/lib/c3-menu/services/c3-menu.service.d.ts

@@ -0,0 +1,15 @@
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class C3MenuService {
+    selectedElement: HTMLElement | null;
+    currentRouteChange: Observable<string>;
+    readonly currentRoute: import("@angular/core").WritableSignal<string>;
+    readonly isHeadless: import("@angular/core").WritableSignal<boolean>;
+    private readonly _router;
+    private readonly _ar;
+    constructor();
+    clickItem(event: any, route: string): void;
+    setSelectedItem(element: HTMLElement): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<C3MenuService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<C3MenuService>;
+}

package/lib/c3-menu/styles/_c3-menu.scss

@@ -0,0 +1,108 @@
+
+@mixin c3-menu-theme() {
+  c3-menu {
+    #app-menu {
+      position: absolute;
+      top: 0;
+      min-width: 290px;
+      height: 100%;
+      left: -240px;
+      z-index: 999;
+      box-sizing: border-box;
+      transition: left 0.3s;
+      background-color: var(--background-background);
+      box-shadow: 3px 0 6px rgba(0, 0, 0, 0.3);
+
+      &:hover {
+        left: 0;
+      }
+
+      .ui-scroll {
+        height: 100%;
+        overflow-y: auto;
+        overflow-x: hidden;
+        scrollbar-width: thin; // Amélioration de l'affichage sur Firefox
+        scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
+
+        ul {
+          padding: 10px 0;
+          list-style-type: none;
+          margin: 0;
+          width: 100%;
+          box-sizing: border-box;
+        }
+      }
+
+      ul {
+        li {
+          padding: 4px 10px;
+          width: 100%;
+          box-sizing: border-box;
+
+          > a {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            width: 100%;
+            padding: 10px;
+            border-radius: 6px;
+            color: inherit;
+            text-decoration: none;
+            box-sizing: border-box;
+            transition: background-color 0.3s ease-in-out, transform 0.2s;
+            overflow: hidden;
+            position: relative;
+            z-index: 0;
+            line-height: 20px;
+            @media (prefers-color-scheme: dark) {
+              &:hover,
+              &:focus {
+                background-color: rgba(255, 255, 255, 0.2);
+              }
+            }
+            @media (prefers-color-scheme: light) {
+              &:hover,
+              &:focus {
+                background-color: rgba(0, 0, 0, 0.1);
+              }
+            }
+
+            .icon {
+              width: 24px;
+              height: 20px;
+              font-size: 20px;
+              position: absolute;
+              right: 5px;
+              top: 50%;
+              transform: translateY(-50%);
+            }
+
+            span {
+              display: inline-block;
+              max-width: 240px;
+              white-space: nowrap;
+              overflow: hidden;
+              text-overflow: ellipsis;
+            }
+          }
+
+          &.active-item > a {
+            background-color: var(--accent-color);
+            font-weight: bold;
+            color: inherit;
+          }
+        }
+      }
+    }
+
+    .layout-main {
+      margin-left: 60px;
+      box-sizing: border-box;
+      transition: margin-left 0.3s ease-in-out;
+
+      &.headless {
+        margin-left: 0;
+      }
+    }
+  }
+}

package/lib/c3-styles/_c3-core.scss

@@ -3,6 +3,7 @@
 @use "../c3-file-viewer/styles/_c3-file-viewer" as *;
 @use "../c3-expansion/styles/_c3-expansion" as *;
 @use "../c3-flowing-menu/styles/c3-flowing-menu" as *;
+@use "../c3-menu/styles/c3-menu" as *;
 
 @mixin c3-core($theme) {
   @include c3-root-variables($theme);
@@ -10,6 +11,7 @@
   @include c3-file-viewer($theme);
   @include c3-expansion($theme);
   @include c3-flowing-menu($theme);
+  @include c3-menu-theme();
 }
 
 @mixin c3-core-m3($theme) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "c3-components",
-  "version": "0.10.0",
+  "version": "0.11.0",
   "description": "C3 Components Library",
   "author": "c3ulnta0rk",
   "license": "MIT",

package/public-api.d.ts

@@ -82,3 +82,9 @@ export * from './lib/c3-trace-card/directives/align-right.directive';
  * C3 Prevent Event
  */
 export * from './lib/c3-prevent-event/index';
+/**
+ * C3 Menu
+ */
+export * from './lib/c3-menu/c3-menu.module';
+export * from './lib/c3-menu/components/c3-menu/c3-menu.component';
+export * from './lib/c3-menu/components/c3-nav-item/c3-nav-item.component';