c3-components 0.1.2 → 0.2.0

package/lib/c3-file-displayer/c3-file-display-card/c3-file-display-card.component.scss

@@ -0,0 +1,34 @@
+:host {
+  display: block;
+  .file-card {
+    position: relative;
+    border-radius: 4px;
+    border: 1px solid #e0e0e0;
+    overflow: auto;
+    .actions {
+      position: absolute;
+      top: -21px;
+      right: -21px;
+      z-index: 1;
+      display: none;
+    }
+
+    img {
+      border-radius: 4px;
+    }
+
+    &:hover .actions {
+      display: block;
+    }
+
+    .informations {
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      z-index: 1;
+      width: 100%;
+      background: rgba(0, 0, 0, 0.5);
+      padding: 0 4px;
+    }
+  }
+}

package/lib/c3-file-displayer/c3-file-display-grid/c3-file-display-grid.component.d.ts

@@ -0,0 +1,19 @@
+import { FileMetadata } from '../../c3-file-viewer/models/file-metadata';
+import { C3FileViewer } from '../../c3-file-viewer/models/file-viewer';
+import { C3FileViewerDialogComponent } from '../../c3-file-viewer/components/public/c3-file-viewer-dialog/c3-file-viewer-dialog.component';
+import { C3FileViewerConfig } from '../../c3-file-viewer/models/file-viewer-config.model';
+import * as i0 from "@angular/core";
+export declare class C3FileDisplayGridComponent {
+    readonly files: import("@angular/core").InputSignal<(FileMetadata & {
+        location: string;
+    })[]>;
+    readonly config: import("@angular/core").InputSignal<C3FileViewerConfig | undefined>;
+    readonly deletable: import("@angular/core").InputSignal<boolean>;
+    readonly onDelete: import("@angular/core").OutputEmitterRef<FileMetadata>;
+    readonly dialog: import("@angular/core").Signal<C3FileViewerDialogComponent | undefined>;
+    fileViewer: C3FileViewer;
+    constructor();
+    openDialog($event: MouseEvent, index: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<C3FileDisplayGridComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<C3FileDisplayGridComponent, "c3-file-display-grid", never, { "files": { "alias": "files"; "required": true; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "deletable": { "alias": "deletable"; "required": false; "isSignal": true; }; }, { "onDelete": "onDelete"; }, never, never, true, never>;
+}

package/lib/c3-file-displayer/c3-file-display-grid/c3-file-display-grid.component.scss

@@ -0,0 +1,9 @@
+:host {
+  display: block;
+
+  .c3-file-display-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+    grid-gap: 10px;
+  }
+}

package/lib/c3-file-displayer/c3-file-display-icon/c3-file-display-icon.component.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class C3FileDisplayIconComponent {
+    readonly fileType: import("@angular/core").InputSignal<string>;
+    readonly displayedIcon: import("@angular/core").Signal<"image" | "play_circle" | "picture_as_pdf" | "description" | "content_copy">;
+    readonly color: import("@angular/core").Signal<"text-primary" | "text-secondary" | "text-error" | "text-success" | "text-gray">;
+    static ɵfac: i0.ɵɵFactoryDeclaration<C3FileDisplayIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<C3FileDisplayIconComponent, "c3-file-display-icon", never, { "fileType": { "alias": "fileType"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/c3-file-displayer/c3-file-display-icon/c3-file-display-icon.component.scss

@@ -0,0 +1,19 @@
+:host {
+  display: block;
+
+  .text-primary {
+    color: var(--primary-color);
+  }
+
+  .text-secondary {
+    color: var(--secondary-color);
+  }
+
+  .text-success {
+    color: var(--success-color);
+  }
+
+  .text-gray {
+    color: var(--gray-color);
+  }
+}

package/lib/c3-file-displayer/c3-file-display-list/c3-file-display-list.component.d.ts

@@ -0,0 +1,19 @@
+import { C3FileViewerDialogComponent } from '../../c3-file-viewer/components/public/c3-file-viewer-dialog/c3-file-viewer-dialog.component';
+import { FileMetadata } from '../../c3-file-viewer/models/file-metadata';
+import { C3FileViewer } from '../../c3-file-viewer/models/file-viewer';
+import { C3FileViewerConfig } from '../../c3-file-viewer/models/file-viewer-config.model';
+import * as i0 from "@angular/core";
+export declare class C3FileDisplayListComponent {
+    readonly files: import("@angular/core").InputSignal<(FileMetadata & {
+        location: string;
+    })[]>;
+    readonly config: import("@angular/core").InputSignal<C3FileViewerConfig | undefined>;
+    readonly deletable: import("@angular/core").InputSignal<boolean>;
+    readonly onDelete: import("@angular/core").OutputEmitterRef<FileMetadata>;
+    readonly dialog: import("@angular/core").Signal<C3FileViewerDialogComponent | undefined>;
+    fileViewer: C3FileViewer;
+    constructor();
+    openDialog($event: MouseEvent, index: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<C3FileDisplayListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<C3FileDisplayListComponent, "c3-file-display-list", never, { "files": { "alias": "files"; "required": true; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "deletable": { "alias": "deletable"; "required": false; "isSignal": true; }; }, { "onDelete": "onDelete"; }, never, never, true, never>;
+}

package/lib/c3-file-displayer/c3-file-display-list/c3-file-display-list.component.scss

@@ -0,0 +1,28 @@
+:host {
+  display: flex;
+  flex-direction: column;
+  margin: 0.5rem;
+
+  .header {
+    display: flex;
+    align-items: center;
+    padding: 0 0.5rem;
+    border-bottom: 1px solid var(--mat-divider-color);
+
+    .title {
+      flex-basis: 304px;
+      width: 304px;
+      font-size: 1.5rem;
+      font-weight: bold;
+
+      &.full {
+        flex: auto;
+      }
+    }
+
+    .icon {
+      flex-basis: 40px;
+      width: 40px;
+    }
+  }
+}

package/lib/c3-file-displayer/c3-file-displayer.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "./c3-file-display-grid/c3-file-display-grid.component";
+import * as i3 from "./c3-file-display-list/c3-file-display-list.component";
+import * as i4 from "./c3-file-display-card/c3-file-display-card.component";
+import * as i5 from "./c3-file-display-icon/c3-file-display-icon.component";
+export declare class C3FileDisplayerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<C3FileDisplayerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<C3FileDisplayerModule, never, [typeof i1.CommonModule, typeof i2.C3FileDisplayGridComponent, typeof i3.C3FileDisplayListComponent, typeof i4.C3FileDisplayCardComponent, typeof i5.C3FileDisplayIconComponent], [typeof i2.C3FileDisplayGridComponent, typeof i3.C3FileDisplayListComponent, typeof i4.C3FileDisplayCardComponent, typeof i5.C3FileDisplayIconComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<C3FileDisplayerModule>;
+}

package/lib/c3-file-viewer/models/file-viewer.d.ts

@@ -1,8 +1,10 @@
 import { BehaviorSubject, Observable } from 'rxjs';
 import { C3FileViewerConfig } from './file-viewer-config.model';
+import { HttpClient } from '@angular/common/http';
 import { FileMetadata } from './file-metadata';
 export declare class C3FileViewer {
     private _config;
+    private client;
     get config(): C3FileViewerConfig;
     set config(value: C3FileViewerConfig);
     config$: BehaviorSubject<C3FileViewerConfig>;
@@ -30,7 +32,7 @@ export declare class C3FileViewer {
     get files(): FileMetadata[];
     private _files;
     filesObjectUrl: Array<FileMetadata & {
-        objectUrl?: Observable<string>;
+        objectUrl: Observable<string>;
     }>;
     private scale;
     private rotation;
@@ -38,9 +40,10 @@ export declare class C3FileViewer {
     private translateY;
     private prevX;
     private prevY;
-    constructor({ config, files, }: {
+    constructor({ config, files, client, }: {
         config?: C3FileViewerConfig;
         files?: FileMetadata[];
+        client: HttpClient;
     });
     createObjectURL(file: FileMetadata): Observable<string>;
     getFile(location: string): Observable<Blob>;

package/package.json

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

package/public-api.d.ts

@@ -25,6 +25,14 @@ export * from './lib/c3-file-viewer/models/file-viewer-config.model';
 export * from './lib/c3-file-viewer/models/file-viewer';
 export * from './lib/c3-file-viewer/models/file-metadata';
 export * from './lib/c3-file-viewer/c3-file-viewer.module';
+/**
+ * File Displayer
+ */
+export * from './lib/c3-file-displayer/c3-file-displayer.module';
+export * from './lib/c3-file-displayer/c3-file-display-list/c3-file-display-list.component';
+export * from './lib/c3-file-displayer/c3-file-display-icon/c3-file-display-icon.component';
+export * from './lib/c3-file-displayer/c3-file-display-grid/c3-file-display-grid.component';
+export * from './lib/c3-file-displayer/c3-file-display-card/c3-file-display-card.component';
 /**
  * Safe Url
  */
@@ -47,4 +55,3 @@ export * from './lib/c3-select-on-focus/c3-select-on-focus.directive';
  * Toggle Signal
  */
 export * from './lib/c3-signals/c3-boolean-signal';
-export * from './lib/c3-signals/c3-signal';

package/esm2022/lib/c3-signals/c3-signal.mjs

@@ -1,24 +0,0 @@
-import { effect, signal } from '@angular/core';
-import { Subject } from 'rxjs';
-class C3Signal {
-    constructor(initialValue) {
-        this.value$ = new Subject();
-        this._signal = signal(initialValue);
-        effect(() => {
-            this.value$.next(this._signal());
-        });
-    }
-    get() {
-        return this._signal();
-    }
-    set value(newValue) {
-        this._signal.set(newValue);
-    }
-    update(updateFn) {
-        this._signal.update(updateFn);
-    }
-}
-export function c3Signal(initialValue) {
-    return new C3Signal(initialValue);
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYzMtc2lnbmFsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYzMtY29tcG9uZW50cy9zcmMvbGliL2MzLXNpZ25hbHMvYzMtc2lnbmFsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBa0IsTUFBTSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvRCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBRS9CLE1BQU0sUUFBUTtJQUlaLFlBQVksWUFBZTtRQUZwQixXQUFNLEdBQUcsSUFBSSxPQUFPLEVBQUssQ0FBQztRQUcvQixJQUFJLENBQUMsT0FBTyxHQUFHLE1BQU0sQ0FBSSxZQUFZLENBQUMsQ0FBQztRQUV2QyxNQUFNLENBQUMsR0FBRyxFQUFFO1lBQ1YsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLENBQUM7UUFDbkMsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsR0FBRztRQUNELE9BQU8sSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFFRCxJQUFJLEtBQUssQ0FBQyxRQUFXO1FBQ25CLElBQUksQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQzdCLENBQUM7SUFFRCxNQUFNLENBQUMsUUFBeUI7UUFDOUIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDaEMsQ0FBQztDQUNGO0FBRUQsTUFBTSxVQUFVLFFBQVEsQ0FBSSxZQUFlO0lBQ3pDLE9BQU8sSUFBSSxRQUFRLENBQUksWUFBWSxDQUFDLENBQUM7QUFDdkMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFdyaXRhYmxlU2lnbmFsLCBlZmZlY3QsIHNpZ25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuXG5jbGFzcyBDM1NpZ25hbDxUPiB7XG4gIHByaXZhdGUgX3NpZ25hbDogV3JpdGFibGVTaWduYWw8VD47XG4gIHB1YmxpYyB2YWx1ZSQgPSBuZXcgU3ViamVjdDxUPigpO1xuXG4gIGNvbnN0cnVjdG9yKGluaXRpYWxWYWx1ZTogVCkge1xuICAgIHRoaXMuX3NpZ25hbCA9IHNpZ25hbDxUPihpbml0aWFsVmFsdWUpO1xuXG4gICAgZWZmZWN0KCgpID0+IHtcbiAgICAgIHRoaXMudmFsdWUkLm5leHQodGhpcy5fc2lnbmFsKCkpO1xuICAgIH0pO1xuICB9XG5cbiAgZ2V0KCkge1xuICAgIHJldHVybiB0aGlzLl9zaWduYWwoKTtcbiAgfVxuXG4gIHNldCB2YWx1ZShuZXdWYWx1ZTogVCkge1xuICAgIHRoaXMuX3NpZ25hbC5zZXQobmV3VmFsdWUpO1xuICB9XG5cbiAgdXBkYXRlKHVwZGF0ZUZuOiAodmFsdWU6IFQpID0+IFQpIHtcbiAgICB0aGlzLl9zaWduYWwudXBkYXRlKHVwZGF0ZUZuKTtcbiAgfVxufVxuXG5leHBvcnQgZnVuY3Rpb24gYzNTaWduYWw8VD4oaW5pdGlhbFZhbHVlOiBUKSB7XG4gIHJldHVybiBuZXcgQzNTaWduYWw8VD4oaW5pdGlhbFZhbHVlKTtcbn1cbiJdfQ==

package/lib/c3-signals/c3-signal.d.ts

@@ -1,11 +0,0 @@
-import { Subject } from 'rxjs';
-declare class C3Signal<T> {
-    private _signal;
-    value$: Subject<T>;
-    constructor(initialValue: T);
-    get(): T;
-    set value(newValue: T);
-    update(updateFn: (value: T) => T): void;
-}
-export declare function c3Signal<T>(initialValue: T): C3Signal<T>;
-export {};