c3-components 0.0.14 → 0.0.15

package/src/lib/c3-file/c3-input-file/components/c3-input-file-trigger/c3-input-file-trigger.component.ts

@@ -1,22 +0,0 @@
-import {
-  Component,
-  ViewEncapsulation,
-  Output,
-  EventEmitter,
-} from '@angular/core';
-
-@Component({
-  selector: 'c3-input-file-trigger',
-  template: `
-    <button (click)="click($event)">Ajouter des fichiers....</button>
-  `,
-  styles: [],
-  encapsulation: ViewEncapsulation.None,
-})
-export class C3InputFileTriggerComponent {
-  @Output('click') clicked: EventEmitter<MouseEvent> = new EventEmitter();
-
-  click($event: MouseEvent) {
-    this.clicked.emit($event);
-  }
-}

package/src/lib/c3-file/c3-input-file/directives/c3-input-file-trigger.directive.ts

@@ -1,27 +0,0 @@
-import {
-  Directive,
-  Output,
-  EventEmitter,
-  ElementRef,
-  AfterViewInit,
-  OnDestroy,
-} from '@angular/core';
-
-@Directive({
-  selector: '[c3InputFileTrigger], [c3-input-file-trigger]',
-})
-export class C3InputFileTriggerDirective implements AfterViewInit, OnDestroy {
-  @Output() click: EventEmitter<MouseEvent> = new EventEmitter();
-  constructor(private elementRef: ElementRef) {}
-
-  ngAfterViewInit() {
-    this.elementRef.nativeElement.addEventListener(
-      'click',
-      ($event: MouseEvent) => this.click.emit($event)
-    );
-  }
-
-  ngOnDestroy() {
-    this.elementRef.nativeElement.removeEventListener('click', () => {});
-  }
-}

package/src/lib/c3-file-upload/c3-file-upload.module.ts

@@ -1,8 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-
-@NgModule({
-  declarations: [],
-  imports: [CommonModule],
-})
-export class C3FileUploadModule {}

package/src/lib/c3-file-viewer/c3-file-viewer.module.ts

@@ -1,30 +0,0 @@
-import { NgModule } from '@angular/core';
-import { FullScreenDirective } from './directives/full-screen.directive';
-import { C3FileViewerComponent } from './components/public/c3-file-viewer/c3-file-viewer.component';
-import { CommonModule } from '@angular/common';
-import { C3FileViewerActionsComponent } from './components/c3-file-viewer-actions/c3-file-viewer-actions.component';
-import { C3FileViewerImageComponent } from './components/c3-file-viewer-image/c3-file-viewer-image.component';
-import { C3FileViewerPdfComponent } from './components/c3-file-viewer-pdf/c3-file-viewer-pdf.component';
-import { C3FileViewerVideoComponent } from './components/c3-file-viewer-video/c3-file-viewer-video.component';
-import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
-import { C3SafeUrlPipe } from '../../public-api';
-import { C3FileViewerDialogComponent } from './components/public/c3-file-viewer-dialog/c3-file-viewer-dialog.component';
-import { MatDialogModule } from '@angular/material/dialog';
-import { C3FileViewerDialog } from './components/public/c3-file-viewer-dialog/c3-file-viewer-dialog';
-
-@NgModule({ declarations: [
-        FullScreenDirective,
-        C3FileViewerComponent,
-        C3FileViewerActionsComponent,
-        C3FileViewerImageComponent,
-        C3FileViewerPdfComponent,
-        C3FileViewerVideoComponent,
-        C3FileViewerDialogComponent,
-        C3FileViewerDialog,
-    ],
-    exports: [
-        FullScreenDirective,
-        C3FileViewerComponent,
-        C3FileViewerDialogComponent,
-    ], imports: [CommonModule, C3SafeUrlPipe, MatDialogModule], providers: [provideHttpClient(withInterceptorsFromDi())] })
-export class C3FileViewerModule {}

package/src/lib/c3-file-viewer/components/c3-file-viewer-actions/c3-file-viewer-actions.component.html

@@ -1,185 +0,0 @@
-<div class="nav-button-container">
-  <button
-    *ngIf="config.btnShow?.prev"
-    type="button"
-    [class]="config.btnClass"
-    (click)="fileViewer.previousImage($event)"
-    [disabled]="fileViewer.currentIndex === 0"
-  >
-    <span
-      *ngIf="config.btnIcons?.prev?.classes"
-      [class]="config.btnIcons?.prev?.classes"
-    ></span>
-  </button>
-  <a
-    [class]="config.btnClass"
-    *ngIf="config.btnIcons?.prev?.text"
-    (click)="fileViewer.previousImage($event)"
-  >
-    <span [class]="config.btnSubClass">{{ config.btnIcons?.prev?.text }}</span>
-  </a>
-  <button
-    *ngIf="config.btnShow?.next"
-    type="button"
-    [class]="config.btnClass"
-    (click)="fileViewer.nextImage($event)"
-    [disabled]="fileViewer.currentIndex === fileViewer.files.length - 1"
-  >
-    <span
-      *ngIf="config.btnIcons?.next?.classes"
-      [class]="config.btnIcons?.next?.classes"
-    ></span>
-  </button>
-  <a
-    [class]="config.btnClass"
-    *ngIf="config.btnIcons?.next?.text"
-    (click)="fileViewer.nextImage($event)"
-  >
-    <span [class]="config.btnSubClass">{{ config.btnIcons?.next?.text }}</span>
-  </a>
-</div>
-
-<!-- Button Container -->
-<div
-  class="btn-container"
-  [class]="config.btnContainerClass"
-  *ngIf="fileViewer.currentFile.type.startsWith('image')"
->
-  <!-- Rotate Counter Clockwise -->
-  <ng-container *ngIf="config.btnShow?.rotateCounterClockwise">
-    <button
-      type="button"
-      [class]="config.btnClass"
-      (click)="fileViewer.rotateCounterClockwise()"
-      *ngIf="config.btnIcons?.rotateCounterClockwise?.classes"
-    >
-      <span [class]="config.btnIcons?.rotateCounterClockwise?.classes"></span>
-    </button>
-    <a
-      [class]="config.btnClass"
-      *ngIf="config.btnIcons?.rotateCounterClockwise?.text"
-      (click)="fileViewer.rotateCounterClockwise()"
-    >
-      <span [class]="config.btnSubClass">{{
-        config.btnIcons?.rotateCounterClockwise?.text
-      }}</span>
-    </a>
-  </ng-container>
-
-  <!-- Rotate Clockwise -->
-  <ng-container *ngIf="config.btnShow?.rotateClockwise">
-    <button
-      type="button"
-      [class]="config.btnClass"
-      (click)="fileViewer.rotateClockwise()"
-      *ngIf="config.btnIcons?.rotateClockwise?.classes"
-    >
-      <span [class]="config.btnIcons?.rotateClockwise?.classes"></span>
-    </button>
-    <a
-      [class]="config.btnClass"
-      *ngIf="config.btnIcons?.rotateClockwise?.text"
-      (click)="fileViewer.rotateClockwise()"
-    >
-      <span [class]="config.btnSubClass">{{
-        config.btnIcons?.rotateClockwise?.text
-      }}</span>
-    </a>
-  </ng-container>
-
-  <!-- Zoom Out -->
-  <ng-container *ngIf="config.btnShow?.zoomOut">
-    <button
-      type="button"
-      [class]="config.btnClass"
-      (click)="fileViewer.zoomOut()"
-      *ngIf="config.btnIcons?.zoomOut?.classes"
-    >
-      <span [class]="config.btnIcons?.zoomOut?.classes"></span>
-    </button>
-    <a
-      [class]="config.btnClass"
-      *ngIf="config.btnIcons?.zoomOut?.text"
-      (click)="fileViewer.zoomOut()"
-    >
-      <span [class]="config.btnSubClass">{{
-        config.btnIcons?.zoomOut?.text
-      }}</span>
-    </a>
-  </ng-container>
-
-  <!-- Zoom In -->
-  <ng-container *ngIf="config.btnShow?.zoomIn">
-    <button
-      type="button"
-      [class]="config.btnClass"
-      (click)="fileViewer.zoomIn()"
-      *ngIf="config.btnIcons?.zoomIn?.classes"
-    >
-      <span [class]="config.btnIcons?.zoomIn?.classes"></span>
-    </button>
-    <a
-      [class]="config.btnClass"
-      *ngIf="config.btnIcons?.zoomIn?.text"
-      (click)="fileViewer.zoomIn()"
-    >
-      <span [class]="config.btnSubClass">{{
-        config.btnIcons?.zoomIn?.text
-      }}</span>
-    </a>
-  </ng-container>
-
-  <!-- Fullscreen -->
-  <ng-container *ngIf="config.allowFullscreen">
-    <button
-      type="button"
-      [class]="config.btnClass"
-      (click)="fileViewer.toggleFullscreen()"
-      *ngIf="config.btnIcons?.fullscreen?.classes"
-    >
-      <span [class]="config.btnIcons?.fullscreen?.classes"></span>
-    </button>
-    <a
-      [class]="config.btnClass"
-      *ngIf="config.btnIcons?.fullscreen?.text"
-      (click)="fileViewer.toggleFullscreen()"
-    >
-      <span [class]="config.btnSubClass">{{
-        config.btnIcons?.fullscreen?.text
-      }}</span>
-    </a>
-  </ng-container>
-
-  <!-- Reset -->
-  <ng-container *ngIf="config.btnShow?.reset">
-    <button
-      type="button"
-      [class]="config.btnClass"
-      (click)="fileViewer.reset()"
-      *ngIf="config.btnIcons?.reset?.classes"
-    >
-      <span [class]="config.btnIcons?.reset?.classes"></span>
-    </button>
-    <a
-      [class]="config.btnClass"
-      *ngIf="config.btnIcons?.reset?.text"
-      (click)="fileViewer.reset()"
-    >
-      <span [class]="config.btnSubClass">{{
-        config.btnIcons?.reset?.text
-      }}</span>
-    </a>
-  </ng-container>
-
-  <!-- Custom Buttons -->
-  <ng-container *ngFor="let cBtn of config.customBtns">
-    <button *ngIf="cBtn.icon.classes" type="button" [class]="config.btnClass">
-      <span *ngIf="cBtn.icon.classes" [class]="cBtn.icon.classes"></span>
-    </button>
-    <ng-container *ngIf="cBtn.icon.text">
-      <a [class]="config.btnClass" *ngIf="cBtn.icon.text">
-        <span [class]="config.btnSubClass">{{ cBtn.icon.text }}</span>
-      </a>
-    </ng-container>
-  </ng-container>
-</div>

package/src/lib/c3-file-viewer/components/c3-file-viewer-actions/c3-file-viewer-actions.component.spec.ts

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { C3FileViewerActionsComponent } from './c3-file-viewer-actions.component';
-
-describe('C3FileViewerActionsComponent', () => {
-  let component: C3FileViewerActionsComponent;
-  let fixture: ComponentFixture<C3FileViewerActionsComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ C3FileViewerActionsComponent ]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(C3FileViewerActionsComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/c3-file-viewer/components/c3-file-viewer-actions/c3-file-viewer-actions.component.ts

@@ -1,15 +0,0 @@
-import { Component, Host, Input } from '@angular/core';
-import { C3FileViewer } from '../../models/file-viewer';
-
-@Component({
-  selector: 'c3-file-viewer-actions',
-  templateUrl: './c3-file-viewer-actions.component.html',
-})
-export class C3FileViewerActionsComponent {
-  @Input()
-  fileViewer!: C3FileViewer;
-
-  get config() {
-    return this.fileViewer.config;
-  }
-}

package/src/lib/c3-file-viewer/components/c3-file-viewer-image/c3-file-viewer-image.component.html

@@ -1,7 +0,0 @@
-<img
-  *ngIf="fileViewer.currentFile.objectUrl"
-  [src]="fileViewer.currentFile.objectUrl | async | c3SafeUrl"
-  [ngStyle]="fileViewer.style"
-  alt="Image not found..."
-  (dragstart)="dragstart.emit($event)"
-/>

package/src/lib/c3-file-viewer/components/c3-file-viewer-image/c3-file-viewer-image.component.spec.ts

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { C3FileViewerImageComponent } from './c3-file-viewer-image.component';
-
-describe('C3FileViewerImageComponent', () => {
-  let component: C3FileViewerImageComponent;
-  let fixture: ComponentFixture<C3FileViewerImageComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ C3FileViewerImageComponent ]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(C3FileViewerImageComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/c3-file-viewer/components/c3-file-viewer-image/c3-file-viewer-image.component.ts

@@ -1,14 +0,0 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { C3FileViewer } from '../../models/file-viewer';
-
-@Component({
-  selector: 'c3-file-viewer-image, [c3-file-viewer-image]',
-  templateUrl: './c3-file-viewer-image.component.html',
-})
-export class C3FileViewerImageComponent {
-  @Input()
-  public fileViewer!: C3FileViewer;
-
-  @Output()
-  dragstart = new EventEmitter<DragEvent>();
-}

package/src/lib/c3-file-viewer/components/c3-file-viewer-pdf/c3-file-viewer-pdf.component.html

@@ -1,7 +0,0 @@
-<!-- pdf viewer -->
-<embed
-  type="application/pdf"
-  [src]="fileViewer.currentFile.objectUrl | async | c3SafeUrl"
-  [style.height]="'100%'"
-  [style.width]="'100%'"
-/>

package/src/lib/c3-file-viewer/components/c3-file-viewer-pdf/c3-file-viewer-pdf.component.spec.ts

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { C3FileViewerPdfComponent } from './c3-file-viewer-pdf.component';
-
-describe('C3FileViewerPdfComponent', () => {
-  let component: C3FileViewerPdfComponent;
-  let fixture: ComponentFixture<C3FileViewerPdfComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ C3FileViewerPdfComponent ]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(C3FileViewerPdfComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/c3-file-viewer/components/c3-file-viewer-pdf/c3-file-viewer-pdf.component.ts

@@ -1,25 +0,0 @@
-import {
-  Component,
-  EventEmitter,
-  Input,
-  Output,
-  ViewEncapsulation,
-} from '@angular/core';
-import { C3FileViewer } from '../../models/file-viewer';
-
-@Component({
-  selector: 'c3-file-viewer-pdf',
-  templateUrl: './c3-file-viewer-pdf.component.html',
-  encapsulation: ViewEncapsulation.None,
-  host: {
-    style: 'display: block',
-    class: 'c3-file-viewer-pdf',
-  },
-})
-export class C3FileViewerPdfComponent {
-  @Input()
-  public fileViewer!: C3FileViewer;
-
-  @Output()
-  dragstart = new EventEmitter<DragEvent>();
-}

package/src/lib/c3-file-viewer/components/c3-file-viewer-video/c3-file-viewer-video.component.html

@@ -1 +0,0 @@
-<video controls [src]="src" crossorigin="*"></video>

package/src/lib/c3-file-viewer/components/c3-file-viewer-video/c3-file-viewer-video.component.spec.ts

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { C3FileViewerVideoComponent } from './c3-file-viewer-video.component';
-
-describe('C3FileViewerVideoComponent', () => {
-  let component: C3FileViewerVideoComponent;
-  let fixture: ComponentFixture<C3FileViewerVideoComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ C3FileViewerVideoComponent ]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(C3FileViewerVideoComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/c3-file-viewer/components/c3-file-viewer-video/c3-file-viewer-video.component.ts

@@ -1,35 +0,0 @@
-import { Component, Input } from '@angular/core';
-import { FileMetadata } from '../../models/file-metadata';
-import { Subject, filter, mergeMap, tap } from 'rxjs';
-import { C3FileViewer } from '../../models/file-viewer';
-
-@Component({
-  selector: 'c3-file-viewer-video',
-  templateUrl: './c3-file-viewer-video.component.html',
-})
-export class C3FileViewerVideoComponent {
-  @Input('file')
-  set _srcUpdated({ location }: FileMetadata) {
-    this.src$.next(location);
-  }
-  src = '';
-  private src$ = new Subject<string>();
-
-  @Input()
-  public fileViewer!: C3FileViewer;
-
-  constructor() {
-    this.src$
-      .pipe(
-        mergeMap((src) => this.fileViewer.getFile(src)),
-        filter((blob) => blob.type.startsWith('application/pdf')),
-        tap((blob) => (this.src = URL.createObjectURL(blob)))
-      )
-      .subscribe({
-        next: () => null,
-        error: (error) => {
-          console.log(error);
-        },
-      });
-  }
-}

package/src/lib/c3-file-viewer/components/public/c3-file-viewer/c3-file-viewer.component.html

@@ -1,32 +0,0 @@
-<div
-  class="container"
-  *ngIf="fileViewer"
-  [c3-full-screen]="fileViewer.fullscreen$ | async"
-  [style.height]="fileViewer.styleHeight"
-  [style.backgroundColor]="fileViewer.config.containerBackgroundColor"
-  (wheel)="fileViewer.scrollZoom($event)"
-  (dragover)="fileViewer.onDragOver($event)"
->
-  <c3-file-viewer-image
-    *ngIf="fileViewer.currentFile.type.startsWith('image')"
-    [fileViewer]="fileViewer"
-    [style]="fileViewer.style"
-    (dragstart)="fileViewer.onDragStart($event)"
-  />
-
-  <c3-file-viewer-video
-    *ngIf="fileViewer.currentFile.type.startsWith('video')"
-  />
-
-  <c3-file-viewer-pdf
-    *ngIf="fileViewer.currentFile.type.startsWith('application/pdf')"
-    [fileViewer]="fileViewer"
-  />
-  <!-- Div below will be used to hide the 'ghost' image when dragging -->
-  <div></div>
-  <div class="spinner-container" *ngIf="fileViewer.loading">
-    <div class="spinner"></div>
-  </div>
-
-  <c3-file-viewer-actions [fileViewer]="fileViewer" />
-</div>

package/src/lib/c3-file-viewer/components/public/c3-file-viewer/c3-file-viewer.component.spec.ts

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { C3FileViewerComponent } from './c3-file-viewer.component';
-
-describe('C3FileViewerComponent', () => {
-  let component: C3FileViewerComponent;
-  let fixture: ComponentFixture<C3FileViewerComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ C3FileViewerComponent ]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(C3FileViewerComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/c3-file-viewer/components/public/c3-file-viewer/c3-file-viewer.component.ts

@@ -1,93 +0,0 @@
-import {
-  Component,
-  EventEmitter,
-  HostListener,
-  Inject,
-  Input,
-  OnInit,
-  Optional,
-  Output,
-  SimpleChanges,
-  ViewEncapsulation,
-} from '@angular/core';
-import { C3FileViewerConfig } from '../../../models/file-viewer-config.model';
-import { CustomFileEvent } from '../../../models/custom-file-event.model';
-import { HttpClient } from '@angular/common/http';
-import { C3FileViewer } from '../../../models/file-viewer';
-
-@Component({
-  selector: 'c3-file-viewer',
-  templateUrl: './c3-file-viewer.component.html',
-  styleUrls: [],
-  encapsulation: ViewEncapsulation.None,
-  host: {
-    class: 'c3-file-viewer',
-  },
-})
-export class C3FileViewerComponent implements OnInit {
-  @Input()
-  public screenHeightOccupied?: 0; // In Px
-
-  @Input()
-  public fileViewer!: C3FileViewer;
-
-  @Output()
-  public indexChange: EventEmitter<number> = new EventEmitter();
-
-  @Output()
-  public configChange: EventEmitter<C3FileViewerConfig> = new EventEmitter();
-
-  @Output()
-  public customFileEvent: EventEmitter<CustomFileEvent> = new EventEmitter();
-
-  constructor(
-    @Optional() @Inject('config') public moduleConfig: C3FileViewerConfig,
-    public _http: HttpClient
-  ) {}
-
-  ngOnInit() {
-    this.defineStyleHeight();
-
-    this.fileViewer.customFile$.subscribe((event) => {
-      this.customFileEvent.emit(event);
-    });
-
-    this.fileViewer.index$.subscribe((index) => {
-      this.indexChange.emit(index);
-    });
-
-    this.fileViewer.config$.subscribe((config) => {
-      this.configChange.emit(config);
-    });
-  }
-
-  @HostListener('mouseover')
-  onMouseOver() {
-    this.fileViewer.hovered = true;
-  }
-
-  @HostListener('mouseleave')
-  onMouseLeave() {
-    this.fileViewer.hovered = false;
-  }
-
-  ngOnChanges(changes: SimpleChanges) {
-    if (changes['screenHeightOccupied'] && this.fileViewer)
-      this.defineStyleHeight();
-  }
-
-  @HostListener('window:keyup.ArrowRight', ['$event'])
-  next(event: KeyboardEvent) {
-    this.fileViewer.nextImage(event);
-  }
-
-  @HostListener('window:keyup.ArrowLeft', ['$event'])
-  previous(event: KeyboardEvent) {
-    this.fileViewer.previousImage(event);
-  }
-
-  defineStyleHeight() {
-    this.fileViewer.styleHeight =
-      'calc(100% - ' + this.screenHeightOccupied + 'px)';
-  }
-}

package/src/lib/c3-file-viewer/components/public/c3-file-viewer-dialog/c3-file-viewer-dialog.component.spec.ts

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { C3FileViewerDialogComponent } from './c3-file-viewer-dialog.component';
-
-describe('C3FileViewerDialogComponent', () => {
-  let component: C3FileViewerDialogComponent;
-  let fixture: ComponentFixture<C3FileViewerDialogComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ C3FileViewerDialogComponent ]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(C3FileViewerDialogComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});