c3-components 0.11.8 → 0.12.0

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

@@ -1,15 +1,13 @@
-import { ChangeDetectorRef, TemplateRef, OnChanges, SimpleChanges } from '@angular/core';
+import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class C3DropdownComponent implements OnChanges {
-    private _changeDetectorRef;
-    template: TemplateRef<any>;
-    /** Classes to be added to the container of the content. Supports the same syntax as `ngClass`. */
-    dropdownClass: string | string[] | Set<string> | {
+export declare class C3DropdownComponent {
+    readonly panelClass: import("@angular/core").InputSignal<string | string[] | Set<string> | {
         [key: string]: any;
-    };
-    constructor(_changeDetectorRef: ChangeDetectorRef);
-    ngOnChanges(changes: SimpleChanges): void;
-    _markForCheck(): void;
+    } | undefined>;
+    readonly isOpen: import("@angular/core").WritableSignal<boolean>;
+    readonly template: import("@angular/core").Signal<TemplateRef<any>>;
+    private readonly _changeDetectorRef;
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<C3DropdownComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<C3DropdownComponent, "c3-dropdown", never, { "dropdownClass": { "alias": "dropdownClass"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<C3DropdownComponent, "c3-dropdown", never, { "panelClass": { "alias": "panelClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], false, never>;
 }

package/lib/c3-dropdown/directives/c3-dropdown.trigger.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, ViewContainerRef, OnDestroy, OnChanges, SimpleChanges } from '@angular/core';
+import { ElementRef, ViewContainerRef, OnDestroy } from '@angular/core';
 import { Overlay } from '@angular/cdk/overlay';
 import { C3DropdownComponent } from '../components/c3-dropdown.component';
 import * as i0 from "@angular/core";
@@ -13,27 +13,23 @@ export declare const MAT_DROPDOWN_VALUE_ACCESSOR: any;
  * @input c3DropdownClass - A string, an array of strings, a set of strings or a
  * object representing the CSS classes to be applied to the dropdown menu.
  */
-export declare class C3DropdownTrigger implements OnChanges, OnDestroy {
+export declare class C3DropdownTrigger implements OnDestroy {
     private _element;
     private _overlay;
     private _viewContainerRef;
     private overlayRef?;
     private _closingActionsSubscription;
     private _destroyed;
-    private _dropdownClass;
-    private _dropdownDisabled;
     /** The dropdown menu instance */
-    dropdown?: C3DropdownComponent;
+    readonly dropdown: import("@angular/core").ModelSignal<C3DropdownComponent>;
     /** Whether the dropdown is disabled. */
-    get dropdownDisabled(): boolean;
-    set dropdownDisabled(value: boolean);
+    readonly dropdownDisabled: import("@angular/core").InputSignal<boolean>;
     /** Classes to be passed to the dropdown menu. Supports the same syntax as `ngClass`. */
-    dropdownClass: string | string[] | Set<string> | {
+    readonly dropdownClass: import("@angular/core").InputSignal<string | string[] | Set<string> | {
         [key: string]: any;
-    };
+    }>;
     constructor(_element: ElementRef<HTMLElement>, _overlay: Overlay, _viewContainerRef: ViewContainerRef);
     onClick(): void;
-    ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     show(): void;
     close(): void;
@@ -41,5 +37,5 @@ export declare class C3DropdownTrigger implements OnChanges, OnDestroy {
     /** Returns a stream that emits whenever an action that should close the menu occurs. */
     private _menuClosingActions;
     static ɵfac: i0.ɵɵFactoryDeclaration<C3DropdownTrigger, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<C3DropdownTrigger, "[c3Dropdown]", ["c3DropdownTrigger"], { "dropdown": { "alias": "c3Dropdown"; "required": false; }; "dropdownDisabled": { "alias": "c3DropdownDisabled"; "required": false; }; "dropdownClass": { "alias": "c3DropdownClass"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<C3DropdownTrigger, "[c3DropdownTrigger]", never, { "dropdown": { "alias": "c3DropdownTrigger"; "required": true; "isSignal": true; }; "dropdownDisabled": { "alias": "dropdownDisabled"; "required": false; "isSignal": true; }; "dropdownClass": { "alias": "dropdownClass"; "required": false; "isSignal": true; }; }, { "dropdown": "c3DropdownTriggerChange"; }, never, never, false, never>;
 }

package/lib/c3-file-displayer/c3-file-display-list/c3-file-display-list-column-def.directive.d.ts

@@ -0,0 +1,20 @@
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class C3FileDisplayListColumnDefDirective {
+    readonly title: import("@angular/core").InputSignal<string>;
+    private readonly _table;
+    readonly headerCellDef: import("@angular/core").Signal<C3FileDisplayListHeaderCellDefDirective | undefined>;
+    readonly cellDef: import("@angular/core").Signal<C3FileDisplayListCellDefDirective | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<C3FileDisplayListColumnDefDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<C3FileDisplayListColumnDefDirective, "[c3FileDisplayListColumnDef]", never, { "title": { "alias": "c3FileDisplayListColumnDef"; "required": true; "isSignal": true; }; }, {}, ["headerCellDef", "cellDef"], never, true, never>;
+}
+export declare class C3FileDisplayListHeaderCellDefDirective {
+    template: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<C3FileDisplayListHeaderCellDefDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<C3FileDisplayListHeaderCellDefDirective, "[c3FileDisplayListHeaderCellDef]", never, {}, {}, never, never, true, never>;
+}
+export declare class C3FileDisplayListCellDefDirective {
+    template: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<C3FileDisplayListCellDefDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<C3FileDisplayListCellDefDirective, "[c3FileDisplayListCellDef]", never, {}, {}, never, never, true, never>;
+}

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

@@ -2,6 +2,7 @@ import { C3FileViewerDialogComponent } from '../../c3-file-viewer/components/pub
 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 { C3FileDisplayListColumnDefDirective } from './c3-file-display-list-column-def.directive';
 import * as i0 from "@angular/core";
 export declare class C3FileDisplayListComponent {
     readonly files: import("@angular/core").InputSignal<(FileMetadata & {
@@ -11,12 +12,16 @@ export declare class C3FileDisplayListComponent {
     readonly displayFn: import("@angular/core").InputSignal<(file: FileMetadata & {
         location: string;
     }) => string>;
+    readonly columns: import("@angular/core").InputSignal<string[]>;
     readonly deletable: import("@angular/core").InputSignal<boolean>;
     readonly onDelete: import("@angular/core").OutputEmitterRef<FileMetadata>;
     readonly dialog: import("@angular/core").Signal<C3FileViewerDialogComponent | undefined>;
+    private readonly _columnDefs;
+    private readonly _viewContainer;
     fileViewer: C3FileViewer;
     constructor();
     openDialog($event: MouseEvent, index: number): void;
+    getColumnDef(columnName: string): C3FileDisplayListColumnDefDirective | undefined;
     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; }; "displayFn": { "alias": "displayFn"; "required": false; "isSignal": true; }; "deletable": { "alias": "deletable"; "required": false; "isSignal": true; }; }, { "onDelete": "onDelete"; }, never, ["*"], true, 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; }; "displayFn": { "alias": "displayFn"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "deletable": { "alias": "deletable"; "required": false; "isSignal": true; }; }, { "onDelete": "onDelete"; }, ["_columnDefs"], ["*"], true, never>;
 }

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

@@ -18,6 +18,12 @@
       &.full {
         flex: auto;
       }
+
+      &.icon {
+        flex: 0 0 auto;
+        width: 56px;
+        min-width: 56px;
+      }
     }
 
     .icon {
@@ -44,9 +50,20 @@
         background-color: var(--background-hover);
       }
 
-      .icon {
-        flex-basis: 56px;
+      .icon-cell {
+        flex: 0 0 auto;
         width: 56px;
+        min-width: 56px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        padding: 0 0.5rem;
+
+        .icon {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+        }
       }
 
       .name {
@@ -55,6 +72,11 @@
         width: 304px;
       }
 
+      .cell {
+        flex-basis: 304px;
+        width: 304px;
+      }
+
       .date-label {
         flex-basis: 304px;
         width: 304px;

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

@@ -0,0 +1,2 @@
+import { InjectionToken } from '@angular/core';
+export declare const C3_FILE_DISPLAY_LIST: InjectionToken<any>;

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

@@ -4,8 +4,9 @@ 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";
+import * as i6 from "./c3-file-display-list/c3-file-display-list-column-def.directive";
 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 ɵmod: i0.ɵɵNgModuleDeclaration<C3FileDisplayerModule, never, [typeof i1.CommonModule, typeof i2.C3FileDisplayGridComponent, typeof i3.C3FileDisplayListComponent, typeof i4.C3FileDisplayCardComponent, typeof i5.C3FileDisplayIconComponent, typeof i6.C3FileDisplayListColumnDefDirective, typeof i6.C3FileDisplayListHeaderCellDefDirective, typeof i6.C3FileDisplayListCellDefDirective], [typeof i2.C3FileDisplayGridComponent, typeof i3.C3FileDisplayListComponent, typeof i4.C3FileDisplayCardComponent, typeof i5.C3FileDisplayIconComponent, typeof i6.C3FileDisplayListColumnDefDirective, typeof i6.C3FileDisplayListHeaderCellDefDirective, typeof i6.C3FileDisplayListCellDefDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<C3FileDisplayerModule>;
 }

package/lib/c3-pdf-viewer/pdf-viewer-container/pdf-viewer-container.component.scss

@@ -0,0 +1,17 @@
+:host {
+  display: block;
+  background-color: #a0a0a0;
+  position: relative;
+  pdf-viewer-header {
+    width: 100%;
+    background-color: #f0f0f0;
+    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
+    z-index: 100;
+  }
+
+  pdf-viewer-footer {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+  }
+}

package/lib/c3-pdf-viewer/pdf-viewer-content/pdf-viewer-content.component.scss

@@ -0,0 +1,18 @@
+@use "pdfjs-dist/web/pdf_viewer.css";
+
+pdf-viewer-content {
+  position: relative;
+  display: block;
+  height: 100%;
+  width: 100%;
+  min-height: 500px;
+  min-width: 500px;
+  overflow: auto;
+  #viewerContainer {
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 100%;
+    width: 100%;
+  }
+}

package/lib/c3-pdf-viewer/pdf-viewer-header/pdf-viewer-header.component.scss

@@ -0,0 +1,6 @@
+:host {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0.5rem;
+}

package/package.json

@@ -1,17 +1,18 @@
 {
   "name": "c3-components",
-  "version": "0.11.8",
+  "version": "0.12.0",
   "description": "C3 Components Library",
   "author": "c3ulnta0rk",
   "license": "MIT",
   "homepage": "https://github.com/c3ulnta0rk/c3-components",
   "peerDependencies": {
-    "@angular/common": ">=16.0.0",
-    "@angular/core": ">=16.0.0",
-    "@angular/cdk": ">=16.0.0",
-    "@angular/material": ">=16.0.0",
+    "@angular/common": ">=19.1.0",
+    "@angular/core": ">=19.1.0",
+    "@angular/cdk": ">=19.1.0",
+    "@angular/material": ">=19.1.0",
     "autoprefixer": "^10.4.16",
-    "@formkit/auto-animate": "^0.8.2"
+    "@formkit/auto-animate": "^0.8.2",
+    "pdfjs-dist": "^5.1.2"
   },
   "dependencies": {
     "tslib": "^2.3.0"

package/public-api.d.ts

@@ -36,6 +36,8 @@ export * from './lib/c3-file-displayer/c3-file-display-list/c3-file-display-list
 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';
+export * from './lib/c3-file-displayer/c3-file-display-list/c3-file-display-list-column-def.directive';
+export * from './lib/c3-file-displayer/c3-file-display-list/tokens';
 /**
  * Safe Url
  */
@@ -88,3 +90,6 @@ export * from './lib/c3-prevent-event/index';
 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';
+/**
+ * C3 PDF Viewer
+ */