@paperless/angular 2.0.1-beta.21 → 2.0.1-beta.211

package/lib/directives/index.d.ts

@@ -1,12 +1,12 @@
+export * from './p-checkbox.directive';
 export * from './p-cropper.directive';
 export * from './p-datepicker.directive';
-export * from './p-page-size-select.directive';
-export * from './p-pagination.directive';
-export * from './p-select.directive';
 export * from './p-field.directive';
+export * from './p-pagination-pages.directive';
+export * from './p-pagination-size.directive';
 export * from './p-radio.directive';
-export * from './p-checkbox.directive';
+export * from './p-select.directive';
 export * from './p-toggle.directive';
-import { CropperDirective } from './p-cropper.directive';
+import { CheckboxDirective } from './p-checkbox.directive';
 import { RadioDirective } from './p-radio.directive';
-export declare const DIRECTIVES: (typeof CropperDirective | typeof RadioDirective)[];
+export declare const DIRECTIVES: (typeof CheckboxDirective | typeof RadioDirective)[];

package/lib/directives/p-pagination-pages.directive.d.ts

@@ -0,0 +1,10 @@
+import { ElementRef } from '@angular/core';
+import { BaseValueAccessor } from '../base';
+import * as i0 from "@angular/core";
+export declare class PaginationPagesDirective extends BaseValueAccessor {
+    constructor(el: ElementRef);
+    writeValue(value: any): void;
+    registerOnChange(fn: (_: number | null) => void): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PaginationPagesDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PaginationPagesDirective, "p-pagination-pages", never, {}, {}, never, never, false, never>;
+}

package/lib/directives/{p-page-size-select.directive.d.ts → p-pagination-size.directive.d.ts}

@@ -1,10 +1,10 @@
 import { ElementRef } from '@angular/core';
 import { BaseValueAccessor } from '../base';
 import * as i0 from "@angular/core";
-export declare class PageSizeSelectDirective extends BaseValueAccessor {
+export declare class PaginationSizeDirective extends BaseValueAccessor {
     constructor(el: ElementRef);
     writeValue(value: any): void;
     registerOnChange(fn: (_: number | null) => void): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PageSizeSelectDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PageSizeSelectDirective, "p-page-size-select", never, {}, {}, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PaginationSizeDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PaginationSizeDirective, "p-pagination-size", never, {}, {}, never, never, false, never>;
 }

package/lib/directives/p-radio.directive.d.ts

@@ -12,6 +12,7 @@ export declare class RadioDirective extends BaseValueAccessor implements Control
     writeValue(value: string): void;
     handleChangeEvent(): void;
     ngOnDestroy(): void;
+    private _getValue;
     static ɵfac: i0.ɵɵFactoryDeclaration<RadioDirective, [{ self: true; }, null]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<RadioDirective, "p-radio", never, {}, {}, never, never, false, never>;
 }

package/lib/modules/table/components/table/table.component.d.ts

@@ -1,13 +1,16 @@
-import { ChangeDetectorRef, EventEmitter, OnChanges, OnInit, QueryList, SimpleChanges, TemplateRef } from '@angular/core';
+import { ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnInit, QueryList, SimpleChanges, TemplateRef } from '@angular/core';
 import { Params } from '@angular/router';
-import { QuickFilter, RowClickEvent } from '@paperless/core';
+import { QuickFilter, RowClickEvent, cn } from '@paperless/core';
 import { IconVariant, IllustrationVariant } from '@paperless/core/dist/types/components';
 import { BehaviorSubject } from 'rxjs';
 import { TableColumn } from '../table-column/table-column.component';
 import { AsyncItem, TableRowAction, TableRowActionQueryParams, TableRowActionRouterLink } from '../table-row-action/table-row-action.component';
+import { TableCell } from '../table-cell/table-cell.component';
+import { PTableRow } from '../../../../stencil/components';
 import * as i0 from "@angular/core";
 export declare class Table implements OnInit, OnChanges {
     private _changeDetection;
+    className: string;
     /**
      * The items to be fed to the table
      */
@@ -167,13 +170,13 @@ export declare class Table implements OnInit, OnChanges {
      */
     enableFooter: boolean;
     /**
-     * Wether to enable page size select
+     * Wether to enable pagination size select
      */
-    enablePageSize: boolean;
+    enablePaginationSize: boolean;
     /**
-     * Wether to enable pagination
+     * Wether to enable pagination pages
      */
-    enablePagination: boolean;
+    enablePaginationPages: boolean;
     /**
      * Wether to enable export
      */
@@ -215,24 +218,36 @@ export declare class Table implements OnInit, OnChanges {
     emptyStateHeader: string;
     emptyStateContent: string;
     emptyStateAction: string;
+    emptyStateActionIcon: IconVariant;
     enableEmptyStateAction: boolean;
     emptyStateFilteredIllustration: IllustrationVariant;
     emptyStateFilteredHeader: string;
     emptyStateFilteredContent: string;
+    /**
+     * Wether to enable scrolling
+     */
+    enableScroll: boolean;
+    tableRows: QueryList<ElementRef<PTableRow>>;
+    tableCells: QueryList<ElementRef<TableCell>>;
+    scrollContainer: ElementRef<HTMLDivElement>;
+    reachedScrollStart$: BehaviorSubject<boolean>;
+    reachedScrollEnd$: BehaviorSubject<boolean>;
+    private _totalWidth;
+    private _calculateColumnWidthsTimeout?;
+    private _rowChangesSubscription?;
+    private _cellChangesSubscription?;
     /**
      * Event whenever the empty state is clicked
      */
     emptyStateActionClick: EventEmitter<null>;
     shadow: boolean;
-    columns: any[];
+    columns$: BehaviorSubject<any[]>;
     parsedItems: any[];
     loadingRows: unknown[];
     private _ctrlDown;
     headerCustomFilterTemplate: TemplateRef<any> | undefined;
     headerCustomActionsTemplate: TemplateRef<any> | undefined;
-    private _columnDefinitions;
-    set columnDefinitions(v: QueryList<TableColumn>);
-    get columnDefinitions(): QueryList<TableColumn>;
+    columnDefinitions: QueryList<TableColumn>;
     filterModalTemplate: TemplateRef<any> | undefined;
     filterModalShow$: BehaviorSubject<boolean>;
     private _rowActions;
@@ -249,16 +264,23 @@ export declare class Table implements OnInit, OnChanges {
     filterModalSave: EventEmitter<void>;
     filterModalReset: EventEmitter<boolean>;
     rowActionsRow$: BehaviorSubject<TableRowAction[]>;
-    rowActionsRowDefinition$: BehaviorSubject<any>;
     rowActionsFloatingAll$: BehaviorSubject<TableRowAction[]>;
     rowActionsFloating$: BehaviorSubject<TableRowAction[]>;
     isMobile$: BehaviorSubject<boolean>;
+    floatingMenuContainerClass: (props?: ({
+        hasFooter?: boolean | undefined;
+        active?: boolean | undefined;
+        shown?: boolean | undefined;
+    } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
     private _resizeTimeout;
     private _inputEnableRowSelection;
     private _inputRowSelectionLimit;
+    footerHidden$: BehaviorSubject<boolean>;
+    cn: typeof cn;
     constructor(_changeDetection: ChangeDetectorRef);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
     onResize(): void;
     keyDown({ key }: {
         key: string;
@@ -275,6 +297,7 @@ export declare class Table implements OnInit, OnChanges {
     onFilterModalReset(resetQuickFilter?: boolean): void;
     emptyStateClicked(): void;
     parseRowActionsRow(actions: TableRowAction[] | null, rowIndex: number): TableRowAction[];
+    onContainerXScroll(ev: any): void;
     private _parseItems;
     private _generateColumns;
     _checkboxDisabled(item: any, rowIndex: number): boolean;
@@ -294,9 +317,12 @@ export declare class Table implements OnInit, OnChanges {
     private _setRowSelectionData;
     private _showFloatingMenu;
     private _parseDefinitions;
-    private _findLastDefinitionBySize;
     private _parseDefinitionSizes;
-    private _parseRowActionsRowDefinition;
+    private _checkChangesSubscriptions;
+    private _calculateColumnWidths;
+    private _setRowsWidth;
+    private _resetScrollPosition;
+    private _calculateScrollPosition;
     static ɵfac: i0.ɵɵFactoryDeclaration<Table, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Table, "p-table-ngx", never, { "items": "items"; "loading": "loading"; "headerLoading": "headerLoading"; "footerLoading": "footerLoading"; "amountOfLoadingRows": "amountOfLoadingRows"; "enableRowSelection": "enableRowSelection"; "rowSelectionLimit": "rowSelectionLimit"; "enableRowClick": "enableRowClick"; "selectedRows": "selectedRows"; "selectionKey": "selectionKey"; "canSelectKey": "canSelectKey"; "enableFloatingMenu": "enableFloatingMenu"; "floatingMenuAmountSelectedText": "floatingMenuAmountSelectedText"; "floatingMenuAmountSelectedTemplate": "floatingMenuAmountSelectedTemplate"; "enableHeader": "enableHeader"; "quickFilters": "quickFilters"; "activeQuickFilterIdentifier": "activeQuickFilterIdentifier"; "enableSearch": "enableSearch"; "query": "query"; "enableFilter": "enableFilter"; "enableFilterDesktop": "enableFilterDesktop"; "selectedFiltersAmount": "selectedFiltersAmount"; "filterButtonTemplate": "filterButtonTemplate"; "enableAction": "enableAction"; "actionButtonLoading": "actionButtonLoading"; "actionButtonIcon": "actionButtonIcon"; "actionButtonEnabled": "actionButtonEnabled"; "actionButtonText": "actionButtonText"; "actionButtonTemplate": "actionButtonTemplate"; "enableFooter": "enableFooter"; "enablePageSize": "enablePageSize"; "enablePagination": "enablePagination"; "enableExport": "enableExport"; "page": "page"; "total": "total"; "pageSize": "pageSize"; "pageSizeOptions": "pageSizeOptions"; "hideOnSinglePage": "hideOnSinglePage"; "emptyStateType": "emptyStateType"; "emptyStateIllustration": "emptyStateIllustration"; "emptyStateHeader": "emptyStateHeader"; "emptyStateContent": "emptyStateContent"; "emptyStateAction": "emptyStateAction"; "enableEmptyStateAction": "enableEmptyStateAction"; "emptyStateFilteredIllustration": "emptyStateFilteredIllustration"; "emptyStateFilteredHeader": "emptyStateFilteredHeader"; "emptyStateFilteredContent": "emptyStateFilteredContent"; "shadow": "shadow"; "filterModalHeaderText": "filterModalHeaderText"; "filterModalSaveText": "filterModalSaveText"; "filterModalCancelText": "filterModalCancelText"; "filterModalResetText": "filterModalResetText"; "filterModalShowReset": "filterModalShowReset"; "filterModalShowResetMobile": "filterModalShowResetMobile"; }, { "selectedRowsChange": "selectedRowsChange"; "rowClick": "rowClick"; "rowSelected": "rowSelected"; "rowDeselected": "rowDeselected"; "quickFilter": "quickFilter"; "queryChange": "queryChange"; "filter": "filter"; "action": "action"; "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; "export": "export"; "emptyStateActionClick": "emptyStateActionClick"; "filterModalShow": "filterModalShow"; "filterModalSave": "filterModalSave"; "filterModalReset": "filterModalReset"; }, ["headerCustomFilterTemplate", "headerCustomActionsTemplate", "filterModalTemplate", "columnDefinitions", "rowActions"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Table, "p-table-ngx", never, { "items": "items"; "loading": "loading"; "headerLoading": "headerLoading"; "footerLoading": "footerLoading"; "amountOfLoadingRows": "amountOfLoadingRows"; "enableRowSelection": "enableRowSelection"; "rowSelectionLimit": "rowSelectionLimit"; "enableRowClick": "enableRowClick"; "selectedRows": "selectedRows"; "selectionKey": "selectionKey"; "canSelectKey": "canSelectKey"; "enableFloatingMenu": "enableFloatingMenu"; "floatingMenuAmountSelectedText": "floatingMenuAmountSelectedText"; "floatingMenuAmountSelectedTemplate": "floatingMenuAmountSelectedTemplate"; "enableHeader": "enableHeader"; "quickFilters": "quickFilters"; "activeQuickFilterIdentifier": "activeQuickFilterIdentifier"; "enableSearch": "enableSearch"; "query": "query"; "enableFilter": "enableFilter"; "enableFilterDesktop": "enableFilterDesktop"; "selectedFiltersAmount": "selectedFiltersAmount"; "filterButtonTemplate": "filterButtonTemplate"; "enableAction": "enableAction"; "actionButtonLoading": "actionButtonLoading"; "actionButtonIcon": "actionButtonIcon"; "actionButtonEnabled": "actionButtonEnabled"; "actionButtonText": "actionButtonText"; "actionButtonTemplate": "actionButtonTemplate"; "enableFooter": "enableFooter"; "enablePaginationSize": "enablePaginationSize"; "enablePaginationPages": "enablePaginationPages"; "enableExport": "enableExport"; "page": "page"; "total": "total"; "pageSize": "pageSize"; "pageSizeOptions": "pageSizeOptions"; "hideOnSinglePage": "hideOnSinglePage"; "emptyStateType": "emptyStateType"; "emptyStateIllustration": "emptyStateIllustration"; "emptyStateHeader": "emptyStateHeader"; "emptyStateContent": "emptyStateContent"; "emptyStateAction": "emptyStateAction"; "emptyStateActionIcon": "emptyStateActionIcon"; "enableEmptyStateAction": "enableEmptyStateAction"; "emptyStateFilteredIllustration": "emptyStateFilteredIllustration"; "emptyStateFilteredHeader": "emptyStateFilteredHeader"; "emptyStateFilteredContent": "emptyStateFilteredContent"; "enableScroll": "enableScroll"; "shadow": "shadow"; "filterModalHeaderText": "filterModalHeaderText"; "filterModalSaveText": "filterModalSaveText"; "filterModalCancelText": "filterModalCancelText"; "filterModalResetText": "filterModalResetText"; "filterModalShowReset": "filterModalShowReset"; "filterModalShowResetMobile": "filterModalShowResetMobile"; }, { "selectedRowsChange": "selectedRowsChange"; "rowClick": "rowClick"; "rowSelected": "rowSelected"; "rowDeselected": "rowDeselected"; "quickFilter": "quickFilter"; "queryChange": "queryChange"; "filter": "filter"; "action": "action"; "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; "export": "export"; "emptyStateActionClick": "emptyStateActionClick"; "filterModalShow": "filterModalShow"; "filterModalSave": "filterModalSave"; "filterModalReset": "filterModalReset"; }, ["headerCustomFilterTemplate", "headerCustomActionsTemplate", "filterModalTemplate", "columnDefinitions", "rowActions"], never, false, never>;
 }

package/lib/modules/table/components/table-cell/table-cell.component.d.ts

@@ -5,7 +5,7 @@ export declare class TableCell {
     /**
      * The variant of the column
      */
-    variant: 'default' | 'loading' | 'header' | 'actions';
+    variant: 'default' | 'loading' | 'header';
     /**
      * The index of the column
      */
@@ -26,10 +26,6 @@ export declare class TableCell {
      * The value of the column
      */
     value: any;
-    /**
-     * Wether the table has actions
-     */
-    tableHasActions: boolean;
     /**
      * The checkbox templateRef
      */
@@ -43,5 +39,5 @@ export declare class TableCell {
         value: string;
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<TableCell, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableCell, "p-table-cell-ngx", never, { "variant": "variant"; "index": "index"; "rowIndex": "rowIndex"; "definition": "definition"; "item": "item"; "value": "value"; "tableHasActions": "tableHasActions"; "checkbox": "checkbox"; "template": "template"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableCell, "p-table-cell-ngx", never, { "variant": "variant"; "index": "index"; "rowIndex": "rowIndex"; "definition": "definition"; "item": "item"; "value": "value"; "checkbox": "checkbox"; "template": "template"; }, {}, never, never, false, never>;
 }

package/lib/modules/table/components/table-column/table-column.component.d.ts

@@ -13,5 +13,5 @@ export declare class TableColumn {
     template: TemplateRef<any> | undefined;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<TableColumn, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableColumn, "p-table-column", never, { "align": "align"; "name": "name"; "path": "path"; "sizes": "sizes"; "type": "type"; "useSlot": "useSlot"; "hasCheckbox": "hasCheckbox"; }, {}, ["template"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableColumn, "p-table-column", never, { "align": "align"; "name": "name"; "path": "path"; "sizes": "sizes"; "variant": "variant"; "useSlot": "useSlot"; "hasCheckbox": "hasCheckbox"; }, {}, ["template"], ["*"], false, never>;
 }

package/lib/modules/toast/types.d.ts

@@ -3,10 +3,11 @@ import { IconFlipOptions, IconVariant } from '@paperless/core/dist/types/compone
 import { ToastDirective } from './directives';
 export declare enum ToastVariants {
     Success = "positive",
-    Warning = "unbiased",
+    Warning = "biased",
     Error = "negative",
+    Neutral = "neutral",
     Positive = "positive",
-    Unbiased = "unbiased",
+    Biased = "biased",
     Negative = "negative"
 }
 export declare type ToastActionFunction = (directive?: ToastDirective, data?: any) => void;

package/lib/paperless.module.d.ts

@@ -1,7 +1,7 @@
 import { ModuleWithProviders } from '@angular/core';
 import * as i0 from "@angular/core";
-import * as i1 from "./directives/p-pagination.directive";
-import * as i2 from "./directives/p-page-size-select.directive";
+import * as i1 from "./directives/p-pagination-size.directive";
+import * as i2 from "./directives/p-pagination-pages.directive";
 import * as i3 from "./directives/p-select.directive";
 import * as i4 from "./directives/p-datepicker.directive";
 import * as i5 from "./directives/p-cropper.directive";
@@ -20,6 +20,6 @@ import * as i17 from "./modules/overlay/overlay.module";
 export declare class PaperlessModule {
     static forRoot(): ModuleWithProviders<PaperlessModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<PaperlessModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PaperlessModule, [typeof i1.PaginationDirective, typeof i2.PageSizeSelectDirective, typeof i3.SelectDirective, typeof i4.DatepickerDirective, typeof i5.CropperDirective, typeof i6.FieldDirective, typeof i7.RadioDirective, typeof i8.CheckboxDirective, typeof i9.ToggleDirective, typeof i10.CustomCurrencyPipe, typeof i11.CustomDatePipe, typeof i12.SafePipe], [typeof i13.CommonModule, typeof i14.StencilModule, typeof i15.TableModule, typeof i16.ToastModule, typeof i17.OverlayModule], [typeof i14.StencilModule, typeof i15.TableModule, typeof i16.ToastModule, typeof i17.OverlayModule, typeof i1.PaginationDirective, typeof i2.PageSizeSelectDirective, typeof i3.SelectDirective, typeof i4.DatepickerDirective, typeof i5.CropperDirective, typeof i6.FieldDirective, typeof i7.RadioDirective, typeof i8.CheckboxDirective, typeof i9.ToggleDirective, typeof i10.CustomCurrencyPipe, typeof i11.CustomDatePipe, typeof i12.SafePipe]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PaperlessModule, [typeof i1.PaginationSizeDirective, typeof i2.PaginationPagesDirective, typeof i3.SelectDirective, typeof i4.DatepickerDirective, typeof i5.CropperDirective, typeof i6.FieldDirective, typeof i7.RadioDirective, typeof i8.CheckboxDirective, typeof i9.ToggleDirective, typeof i10.CustomCurrencyPipe, typeof i11.CustomDatePipe, typeof i12.SafePipe], [typeof i13.CommonModule, typeof i14.StencilModule, typeof i15.TableModule, typeof i16.ToastModule, typeof i17.OverlayModule], [typeof i14.StencilModule, typeof i15.TableModule, typeof i16.ToastModule, typeof i17.OverlayModule, typeof i1.PaginationSizeDirective, typeof i2.PaginationPagesDirective, typeof i3.SelectDirective, typeof i4.DatepickerDirective, typeof i5.CropperDirective, typeof i6.FieldDirective, typeof i7.RadioDirective, typeof i8.CheckboxDirective, typeof i9.ToggleDirective, typeof i10.CustomCurrencyPipe, typeof i11.CustomDatePipe, typeof i12.SafePipe]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PaperlessModule>;
 }