@paperless/angular 0.1.0-alpha.204 → 0.1.0-alpha.205

package/fesm2020/paperless-angular.mjs

@@ -1,15 +1,227 @@
 import * as i0 from '@angular/core';
-import { Component, EventEmitter, Input, Output, ViewChild, Directive, HostListener, ChangeDetectionStrategy, HostBinding, TemplateRef, ContentChild, ContentChildren, Host, Pipe, NgModule } from '@angular/core';
-import { FormControl, FormGroup, FormArray, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { EventEmitter, Component, Input, Output, ViewChild, Directive, HostListener, ChangeDetectionStrategy, HostBinding, TemplateRef, ContentChild, ContentChildren, Host, NgModule, Injectable, Pipe } from '@angular/core';
+import { NG_VALUE_ACCESSOR, FormControl, FormGroup, FormArray } from '@angular/forms';
 import { __decorate } from 'tslib';
 import { untilDestroyed, UntilDestroy } from '@ngneat/until-destroy';
-import { timer, fromEvent } from 'rxjs';
+import { timer, fromEvent, BehaviorSubject } from 'rxjs';
 import { startWith, pairwise, map, filter, debounce } from 'rxjs/operators';
 import { objectGetByPath } from '@paperless/core';
 import * as i1 from '@angular/common';
-import { DatePipe, CurrencyPipe, CommonModule } from '@angular/common';
+import { CommonModule, DatePipe, CurrencyPipe } from '@angular/common';
+import { trigger, transition, style, animate } from '@angular/animations';
 import * as i1$1 from '@angular/platform-browser';
 
+class BaseUploadComponent {
+    constructor() {
+        this.uploaded = false;
+        this.fileChange = new EventEmitter();
+        this._loading = false;
+    }
+    set loading(value) {
+        this._loading = value;
+    }
+    get loading() {
+        return this._loading;
+    }
+    onChange($event) {
+        const target = $event.target;
+        const file = target.files?.[0];
+        if (file) {
+            this._loading = true;
+            const reader = new FileReader();
+            reader.onload = (e) => this.onLoad(file, e?.currentTarget?.result);
+            reader.readAsDataURL(file);
+        }
+    }
+    onLoad(file, result) {
+        this.fileChange.next({
+            fileId: this.fileId,
+            result,
+            file,
+        });
+        if (this.uploaderInput?.nativeElement) {
+            this.uploaderInput.nativeElement.value = '';
+        }
+        this.file = file;
+        this._loading = false;
+    }
+}
+BaseUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BaseUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BaseUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BaseUploadComponent, selector: "ng-component", inputs: { fileId: "fileId", uploaded: "uploaded", loading: "loading" }, outputs: { fileChange: "fileChange" }, viewQueries: [{ propertyName: "uploaderInput", first: true, predicate: ["uploaderInput"], descendants: true }], ngImport: i0, template: ``, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BaseUploadComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ``,
+                }]
+        }], propDecorators: { fileId: [{
+                type: Input
+            }], uploaded: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], fileChange: [{
+                type: Output
+            }], uploaderInput: [{
+                type: ViewChild,
+                args: ['uploaderInput']
+            }] } });
+
+class BaseValueAccessor {
+    constructor(el) {
+        this.el = el;
+        this.onChange = () => {
+            /**/
+        };
+        this.onTouched = () => {
+            /**/
+        };
+    }
+    writeValue(value) {
+        this.el.nativeElement.value = this.lastValue =
+            value == null ? '' : value;
+    }
+    handleChangeEvent(value) {
+        if (value !== this.lastValue) {
+            this.lastValue = value;
+            this.onChange(value);
+        }
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    _handleBlurEvent() {
+        this.onTouched();
+    }
+}
+BaseValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BaseValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+BaseValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.7", type: BaseValueAccessor, host: { listeners: { "focusout": "_handleBlurEvent()" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BaseValueAccessor, decorators: [{
+            type: Directive,
+            args: [{}]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { _handleBlurEvent: [{
+                type: HostListener,
+                args: ['focusout']
+            }] } });
+
+class PageSizeSelectDirective extends BaseValueAccessor {
+    constructor(el) {
+        super(el);
+    }
+    writeValue(value) {
+        this.el.nativeElement.page = this.lastValue =
+            value == null ? '' : value;
+    }
+    registerOnChange(fn) {
+        super.registerOnChange((value) => fn(value === '' ? null : parseInt(value, 10)));
+    }
+}
+PageSizeSelectDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: PageSizeSelectDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+PageSizeSelectDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.7", type: PageSizeSelectDirective, selector: "p-page-size-select", host: { listeners: { "sizeChange": "handleChangeEvent($event.detail)" } }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: PageSizeSelectDirective,
+            multi: true,
+        },
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: PageSizeSelectDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    /* tslint:disable-next-line:directive-selector */
+                    selector: 'p-page-size-select',
+                    host: {
+                        '(sizeChange)': 'handleChangeEvent($event.detail)',
+                    },
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: PageSizeSelectDirective,
+                            multi: true,
+                        },
+                    ],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
+
+class PaginationDirective extends BaseValueAccessor {
+    constructor(el) {
+        super(el);
+    }
+    writeValue(value) {
+        this.el.nativeElement.page = this.lastValue =
+            value == null ? '' : value;
+    }
+    registerOnChange(fn) {
+        super.registerOnChange((value) => fn(value === '' ? null : parseInt(value, 10)));
+    }
+}
+PaginationDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: PaginationDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+PaginationDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.7", type: PaginationDirective, selector: "p-pagination", host: { listeners: { "pageChange": "handleChangeEvent($event.detail)" } }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: PaginationDirective,
+            multi: true,
+        },
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: PaginationDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    /* tslint:disable-next-line:directive-selector */
+                    selector: 'p-pagination',
+                    host: {
+                        '(pageChange)': 'handleChangeEvent($event.detail)',
+                    },
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: PaginationDirective,
+                            multi: true,
+                        },
+                    ],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
+
+class SelectDirective extends BaseValueAccessor {
+    constructor(el) {
+        super(el);
+    }
+    writeValue(value) {
+        this.el.nativeElement.value = this.lastValue =
+            value == null ? '' : value;
+    }
+}
+SelectDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: SelectDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+SelectDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.7", type: SelectDirective, selector: "p-select", host: { listeners: { "valueChange": "handleChangeEvent($event.detail)" } }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: SelectDirective,
+            multi: true,
+        },
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: SelectDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'p-select',
+                    host: {
+                        '(valueChange)': 'handleChangeEvent($event.detail)',
+                    },
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: SelectDirective,
+                            multi: true,
+                        },
+                    ],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
+
+const DIRECTIVES$1 = [
+    PaginationDirective,
+    PageSizeSelectDirective,
+    SelectDirective,
+];
+
 class FormBaseComponent {
     constructor() {
         this.markedDirty = false;
@@ -265,112 +477,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
                 }]
         }], ctorParameters: function () { return []; } });
 
-class BaseUploadComponent {
-    constructor() {
-        this.uploaded = false;
-        this.fileChange = new EventEmitter();
-        this._loading = false;
-    }
-    set loading(value) {
-        this._loading = value;
-    }
-    get loading() {
-        return this._loading;
-    }
-    onChange($event) {
-        const target = $event.target;
-        const file = target.files?.[0];
-        if (file) {
-            this._loading = true;
-            const reader = new FileReader();
-            reader.onload = (e) => this.onLoad(file, e?.currentTarget?.result);
-            reader.readAsDataURL(file);
-        }
-    }
-    onLoad(file, result) {
-        this.fileChange.next({
-            fileId: this.fileId,
-            result,
-            file,
-        });
-        if (this.uploaderInput?.nativeElement) {
-            this.uploaderInput.nativeElement.value = '';
-        }
-        this.file = file;
-        this._loading = false;
-    }
-}
-BaseUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BaseUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BaseUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BaseUploadComponent, selector: "ng-component", inputs: { fileId: "fileId", uploaded: "uploaded", loading: "loading" }, outputs: { fileChange: "fileChange" }, viewQueries: [{ propertyName: "uploaderInput", first: true, predicate: ["uploaderInput"], descendants: true }], ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BaseUploadComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: ``,
-                }]
-        }], propDecorators: { fileId: [{
-                type: Input
-            }], uploaded: [{
-                type: Input
-            }], loading: [{
-                type: Input
-            }], fileChange: [{
-                type: Output
-            }], uploaderInput: [{
-                type: ViewChild,
-                args: ['uploaderInput']
-            }] } });
-
-class BaseValueAccessor {
-    constructor(el) {
-        this.el = el;
-        this.onChange = () => {
-            /**/
-        };
-        this.onTouched = () => {
-            /**/
-        };
-    }
-    writeValue(value) {
-        this.el.nativeElement.value = this.lastValue =
-            value == null ? '' : value;
-    }
-    handleChangeEvent(value) {
-        if (value !== this.lastValue) {
-            this.lastValue = value;
-            this.onChange(value);
-        }
-    }
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    _handleBlurEvent() {
-        this.onTouched();
-    }
-}
-BaseValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BaseValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-BaseValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.7", type: BaseValueAccessor, host: { listeners: { "focusout": "_handleBlurEvent()" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BaseValueAccessor, decorators: [{
-            type: Directive,
-            args: [{}]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { _handleBlurEvent: [{
-                type: HostListener,
-                args: ['focusout']
-            }] } });
-
-/* eslint-disable */
-const proxyInputs = (Cmp, inputs) => {
-    const Prototype = Cmp.prototype;
-    inputs.forEach(item => {
-        Object.defineProperty(Prototype, item, {
-            get() {
-                return this.el[item];
-            },
-            set(val) {
-                this.z.runOutsideAngular(() => (this.el[item] = val));
-            }
+/* eslint-disable */
+const proxyInputs = (Cmp, inputs) => {
+    const Prototype = Cmp.prototype;
+    inputs.forEach(item => {
+        Object.defineProperty(Prototype, item, {
+            get() {
+                return this.el[item];
+            },
+            set(val) {
+                this.z.runOutsideAngular(() => (this.el[item] = val));
+            }
         });
     });
 };
@@ -1866,7 +1983,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
 
-let TableComponent = class TableComponent {
+let Table = class Table {
     constructor() {
         /**
          * Wether data is loading
@@ -2304,12 +2421,12 @@ let TableComponent = class TableComponent {
         return this._findRowAction(el?.parentElement);
     }
 };
-TableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: TableComponent, selector: "p-table-ngx", inputs: { items: "items", loading: "loading", amountOfLoadingRows: "amountOfLoadingRows", enableRowSelection: "enableRowSelection", enableRowClick: "enableRowClick", selectedRows: "selectedRows", selectionKey: "selectionKey", canSelectKey: "canSelectKey", quickFilters: "quickFilters", activeQuickFilterIdentifier: "activeQuickFilterIdentifier", enableSearch: "enableSearch", query: "query", enableFilter: "enableFilter", selectedFiltersAmount: "selectedFiltersAmount", filterButtonTemplate: "filterButtonTemplate", enableEdit: "enableEdit", editButtonTemplate: "editButtonTemplate", enablePageSize: "enablePageSize", enablePagination: "enablePagination", enableExport: "enableExport", page: "page", total: "total", pageSize: "pageSize", pageSizeOptions: "pageSizeOptions", hideOnSinglePage: "hideOnSinglePage" }, outputs: { selectedRowsChange: "selectedRowsChange", rowClick: "rowClick", rowSelected: "rowSelected", rowDeselected: "rowDeselected", quickFilter: "quickFilter", queryChange: "queryChange", filter: "filter", edit: "edit", pageChange: "pageChange", pageSizeChange: "pageSizeChange", export: "export" }, host: { listeners: { "document:keydown": "keyDown($event)", "document:keyup": "keyUp($event)", "document:visibilitychange": "visibilityChange($event)" } }, queries: [{ propertyName: "columnDefinitions", predicate: TableColumn }], usesOnChanges: true, ngImport: i0, template: "<p-table-container>\n    <p-table-header\n        [quickFilters]=\"quickFilters\"\n        [activeQuickFilterIdentifier]=\"activeQuickFilterIdentifier\"\n        (onQuickFilter)=\"(onQuickFilter)\"\n        [enableSearch]=\"enableSearch\"\n        [query]=\"query\"\n        (onQueryChange)=\"(onQueryChange)\"\n        [enableFilter]=\"enableFilter\"\n        [selectedFiltersAmount]=\"selectedFiltersAmount\"\n        [filterButtonTemplate]=\"filterButtonTemplate\"\n        (onFilter)=\"filter.emit()\"\n        [enableEdit]=\"enableEdit\"\n        [canEdit]=\"!!selectedRows.length\"\n        [editButtonTemplate]=\"editButtonTemplate\"\n        (onEdit)=\"edit.emit()\"\n        [itemsSelectedAmount]=\"selectedRows.length\"\n    ></p-table-header>\n\n    <p-table-row variant=\"header\">\n        <ng-container *ngFor=\"let col of columns; let index = index\">\n            <p-table-cell-ngx\n                [definition]=\"col\"\n                [value]=\"col.name\"\n                variant=\"header\"\n                [index]=\"index\"\n                [checkbox]=\"index === 0 ? checkboxTemplate : undefined\"\n            ></p-table-cell-ngx>\n            <ng-template #checkboxTemplate>\n                <input\n                    class=\"p-input\"\n                    type=\"checkbox\"\n                    (change)=\"_selectAllChange($event)\"\n                    [checked]=\"_selectionContainsAll()\"\n                    [indeterminate]=\"_selectionIndeterminate()\"\n                />\n            </ng-template>\n        </ng-container>\n    </p-table-row>\n\n    <div class=\"flex flex-col\">\n        <ng-container *ngIf=\"loading; else contentTemplate\">\n            <p-table-row\n                *ngFor=\"let r of loadingRows; let rowIndex = index\"\n                [enableHover]=\"enableRowSelection || enableRowClick\"\n            >\n                <ng-container *ngFor=\"let col of columns; let index = index\">\n                    <p-table-cell-ngx\n                        [definition]=\"col\"\n                        variant=\"loading\"\n                        [checkbox]=\"index === 0 ? checkboxTemplate : undefined\"\n                        [index]=\"index\"\n                        [rowIndex]=\"rowIndex\"\n                    ></p-table-cell-ngx>\n                    <ng-template #checkboxTemplate>\n                        <p-loader\n                            variant=\"ghost\"\n                            class=\"rounded w-6 h-6\"\n                        ></p-loader>\n                    </ng-template>\n                </ng-container>\n            </p-table-row>\n        </ng-container>\n\n        <ng-template #contentTemplate>\n            <p-table-row\n                *ngFor=\"let item of items; let rowIndex = index\"\n                [enableHover]=\"enableRowSelection || enableRowClick\"\n                (click)=\"_rowClick($event, rowIndex)\"\n            >\n                <ng-container *ngFor=\"let col of columns; let index = index\">\n                    <p-table-cell-ngx\n                        [definition]=\"col\"\n                        [item]=\"item\"\n                        [checkbox]=\"index === 0 ? checkboxTemplate : undefined\"\n                        [index]=\"index\"\n                        [rowIndex]=\"rowIndex\"\n                        [template]=\"col.template\"\n                    ></p-table-cell-ngx>\n\n                    <ng-template #checkboxTemplate>\n                        <input\n                            class=\"p-input\"\n                            type=\"checkbox\"\n                            (change)=\"_checkboxChange($event.target, rowIndex)\"\n                            [disabled]=\"_checkboxDisabled(item)\"\n                            [checked]=\"_selectionContains(item, rowIndex)\"\n                        />\n                    </ng-template>\n                </ng-container>\n            </p-table-row>\n        </ng-template>\n    </div>\n\n    <p-table-footer\n        [hideOnSinglePage]=\"hideOnSinglePage\"\n        [enablePageSize]=\"enablePageSize\"\n        [pageSize]=\"pageSize\"\n        [pageSizeOptions]=\"pageSizeOptions\"\n        (onPageSizeChange)=\"(pageSizeChange)\"\n        [enablePagination]=\"enablePagination\"\n        [page]=\"page\"\n        [total]=\"total\"\n        (onPageChange)=\"(pageChange)\"\n        [enableExport]=\"enableExport\"\n        (onExport)=\"export.emit()\"\n    ></p-table-footer>\n</p-table-container>\n", styles: [":host{display:flex;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PLoader, selector: "p-loader", inputs: ["color", "modalDescription", "modalTitle", "show", "variant"] }, { kind: "component", type: PTableContainer, selector: "p-table-container" }, { kind: "component", type: PTableFooter, selector: "p-table-footer", inputs: ["enableExport", "enablePageSize", "enablePagination", "hideOnSinglePage", "page", "pageSize", "pageSizeOptions", "total"] }, { kind: "component", type: PTableHeader, selector: "p-table-header", inputs: ["activeQuickFilterIdentifier", "canEdit", "editButtonTemplate", "enableEdit", "enableFilter", "enableSearch", "filterButtonTemplate", "itemsSelectedAmount", "query", "quickFilters", "selectedFiltersAmount"] }, { kind: "component", type: PTableRow, selector: "p-table-row", inputs: ["enableHover", "variant"] }, { kind: "component", type: TableCell, selector: "p-table-cell-ngx", inputs: ["variant", "index", "rowIndex", "definition", "item", "value", "checkbox", "template"] }, { kind: "directive", type: TableFooterDirective, selector: "p-table-footer" }, { kind: "directive", type: TableHeaderDirective, selector: "p-table-header" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-TableComponent = __decorate([
+Table.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: Table, deps: [], target: i0.ɵɵFactoryTarget.Component });
+Table.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: Table, selector: "p-table-ngx", inputs: { items: "items", loading: "loading", amountOfLoadingRows: "amountOfLoadingRows", enableRowSelection: "enableRowSelection", enableRowClick: "enableRowClick", selectedRows: "selectedRows", selectionKey: "selectionKey", canSelectKey: "canSelectKey", quickFilters: "quickFilters", activeQuickFilterIdentifier: "activeQuickFilterIdentifier", enableSearch: "enableSearch", query: "query", enableFilter: "enableFilter", selectedFiltersAmount: "selectedFiltersAmount", filterButtonTemplate: "filterButtonTemplate", enableEdit: "enableEdit", editButtonTemplate: "editButtonTemplate", enablePageSize: "enablePageSize", enablePagination: "enablePagination", enableExport: "enableExport", page: "page", total: "total", pageSize: "pageSize", pageSizeOptions: "pageSizeOptions", hideOnSinglePage: "hideOnSinglePage" }, outputs: { selectedRowsChange: "selectedRowsChange", rowClick: "rowClick", rowSelected: "rowSelected", rowDeselected: "rowDeselected", quickFilter: "quickFilter", queryChange: "queryChange", filter: "filter", edit: "edit", pageChange: "pageChange", pageSizeChange: "pageSizeChange", export: "export" }, host: { listeners: { "document:keydown": "keyDown($event)", "document:keyup": "keyUp($event)", "document:visibilitychange": "visibilityChange($event)" } }, queries: [{ propertyName: "columnDefinitions", predicate: TableColumn }], usesOnChanges: true, ngImport: i0, template: "<p-table-container>\n    <p-table-header\n        [quickFilters]=\"quickFilters\"\n        [activeQuickFilterIdentifier]=\"activeQuickFilterIdentifier\"\n        (onQuickFilter)=\"(onQuickFilter)\"\n        [enableSearch]=\"enableSearch\"\n        [query]=\"query\"\n        (onQueryChange)=\"(onQueryChange)\"\n        [enableFilter]=\"enableFilter\"\n        [selectedFiltersAmount]=\"selectedFiltersAmount\"\n        [filterButtonTemplate]=\"filterButtonTemplate\"\n        (onFilter)=\"filter.emit()\"\n        [enableEdit]=\"enableEdit\"\n        [canEdit]=\"!!selectedRows.length\"\n        [editButtonTemplate]=\"editButtonTemplate\"\n        (onEdit)=\"edit.emit()\"\n        [itemsSelectedAmount]=\"selectedRows.length\"\n    ></p-table-header>\n\n    <p-table-row variant=\"header\">\n        <ng-container *ngFor=\"let col of columns; let index = index\">\n            <p-table-cell-ngx\n                [definition]=\"col\"\n                [value]=\"col.name\"\n                variant=\"header\"\n                [index]=\"index\"\n                [checkbox]=\"index === 0 ? checkboxTemplate : undefined\"\n            ></p-table-cell-ngx>\n            <ng-template #checkboxTemplate>\n                <input\n                    class=\"p-input\"\n                    type=\"checkbox\"\n                    (change)=\"_selectAllChange($event)\"\n                    [checked]=\"_selectionContainsAll()\"\n                    [indeterminate]=\"_selectionIndeterminate()\"\n                />\n            </ng-template>\n        </ng-container>\n    </p-table-row>\n\n    <div class=\"flex flex-col\">\n        <ng-container *ngIf=\"loading; else contentTemplate\">\n            <p-table-row\n                *ngFor=\"let r of loadingRows; let rowIndex = index\"\n                [enableHover]=\"enableRowSelection || enableRowClick\"\n            >\n                <ng-container *ngFor=\"let col of columns; let index = index\">\n                    <p-table-cell-ngx\n                        [definition]=\"col\"\n                        variant=\"loading\"\n                        [checkbox]=\"index === 0 ? checkboxTemplate : undefined\"\n                        [index]=\"index\"\n                        [rowIndex]=\"rowIndex\"\n                    ></p-table-cell-ngx>\n                    <ng-template #checkboxTemplate>\n                        <p-loader\n                            variant=\"ghost\"\n                            class=\"rounded w-6 h-6\"\n                        ></p-loader>\n                    </ng-template>\n                </ng-container>\n            </p-table-row>\n        </ng-container>\n\n        <ng-template #contentTemplate>\n            <p-table-row\n                *ngFor=\"let item of items; let rowIndex = index\"\n                [enableHover]=\"enableRowSelection || enableRowClick\"\n                (click)=\"_rowClick($event, rowIndex)\"\n            >\n                <ng-container *ngFor=\"let col of columns; let index = index\">\n                    <p-table-cell-ngx\n                        [definition]=\"col\"\n                        [item]=\"item\"\n                        [checkbox]=\"index === 0 ? checkboxTemplate : undefined\"\n                        [index]=\"index\"\n                        [rowIndex]=\"rowIndex\"\n                        [template]=\"col.template\"\n                    ></p-table-cell-ngx>\n\n                    <ng-template #checkboxTemplate>\n                        <input\n                            class=\"p-input\"\n                            type=\"checkbox\"\n                            (change)=\"_checkboxChange($event.target, rowIndex)\"\n                            [disabled]=\"_checkboxDisabled(item)\"\n                            [checked]=\"_selectionContains(item, rowIndex)\"\n                        />\n                    </ng-template>\n                </ng-container>\n            </p-table-row>\n        </ng-template>\n    </div>\n\n    <p-table-footer\n        [hideOnSinglePage]=\"hideOnSinglePage\"\n        [enablePageSize]=\"enablePageSize\"\n        [pageSize]=\"pageSize\"\n        [pageSizeOptions]=\"pageSizeOptions\"\n        (onPageSizeChange)=\"(pageSizeChange)\"\n        [enablePagination]=\"enablePagination\"\n        [page]=\"page\"\n        [total]=\"total\"\n        (onPageChange)=\"(pageChange)\"\n        [enableExport]=\"enableExport\"\n        (onExport)=\"export.emit()\"\n    ></p-table-footer>\n</p-table-container>\n", styles: [":host{display:flex;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PLoader, selector: "p-loader", inputs: ["color", "modalDescription", "modalTitle", "show", "variant"] }, { kind: "component", type: PTableContainer, selector: "p-table-container" }, { kind: "component", type: PTableFooter, selector: "p-table-footer", inputs: ["enableExport", "enablePageSize", "enablePagination", "hideOnSinglePage", "page", "pageSize", "pageSizeOptions", "total"] }, { kind: "component", type: PTableHeader, selector: "p-table-header", inputs: ["activeQuickFilterIdentifier", "canEdit", "editButtonTemplate", "enableEdit", "enableFilter", "enableSearch", "filterButtonTemplate", "itemsSelectedAmount", "query", "quickFilters", "selectedFiltersAmount"] }, { kind: "component", type: PTableRow, selector: "p-table-row", inputs: ["enableHover", "variant"] }, { kind: "component", type: TableCell, selector: "p-table-cell-ngx", inputs: ["variant", "index", "rowIndex", "definition", "item", "value", "checkbox", "template"] }, { kind: "directive", type: TableFooterDirective, selector: "p-table-footer" }, { kind: "directive", type: TableHeaderDirective, selector: "p-table-header" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+Table = __decorate([
     UntilDestroy({ checkProperties: true })
-], TableComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: TableComponent, decorators: [{
+], Table);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: Table, decorators: [{
             type: Component,
             args: [{ selector: 'p-table-ngx', changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-table-container>\n    <p-table-header\n        [quickFilters]=\"quickFilters\"\n        [activeQuickFilterIdentifier]=\"activeQuickFilterIdentifier\"\n        (onQuickFilter)=\"(onQuickFilter)\"\n        [enableSearch]=\"enableSearch\"\n        [query]=\"query\"\n        (onQueryChange)=\"(onQueryChange)\"\n        [enableFilter]=\"enableFilter\"\n        [selectedFiltersAmount]=\"selectedFiltersAmount\"\n        [filterButtonTemplate]=\"filterButtonTemplate\"\n        (onFilter)=\"filter.emit()\"\n        [enableEdit]=\"enableEdit\"\n        [canEdit]=\"!!selectedRows.length\"\n        [editButtonTemplate]=\"editButtonTemplate\"\n        (onEdit)=\"edit.emit()\"\n        [itemsSelectedAmount]=\"selectedRows.length\"\n    ></p-table-header>\n\n    <p-table-row variant=\"header\">\n        <ng-container *ngFor=\"let col of columns; let index = index\">\n            <p-table-cell-ngx\n                [definition]=\"col\"\n                [value]=\"col.name\"\n                variant=\"header\"\n                [index]=\"index\"\n                [checkbox]=\"index === 0 ? checkboxTemplate : undefined\"\n            ></p-table-cell-ngx>\n            <ng-template #checkboxTemplate>\n                <input\n                    class=\"p-input\"\n                    type=\"checkbox\"\n                    (change)=\"_selectAllChange($event)\"\n                    [checked]=\"_selectionContainsAll()\"\n                    [indeterminate]=\"_selectionIndeterminate()\"\n                />\n            </ng-template>\n        </ng-container>\n    </p-table-row>\n\n    <div class=\"flex flex-col\">\n        <ng-container *ngIf=\"loading; else contentTemplate\">\n            <p-table-row\n                *ngFor=\"let r of loadingRows; let rowIndex = index\"\n                [enableHover]=\"enableRowSelection || enableRowClick\"\n            >\n                <ng-container *ngFor=\"let col of columns; let index = index\">\n                    <p-table-cell-ngx\n                        [definition]=\"col\"\n                        variant=\"loading\"\n                        [checkbox]=\"index === 0 ? checkboxTemplate : undefined\"\n                        [index]=\"index\"\n                        [rowIndex]=\"rowIndex\"\n                    ></p-table-cell-ngx>\n                    <ng-template #checkboxTemplate>\n                        <p-loader\n                            variant=\"ghost\"\n                            class=\"rounded w-6 h-6\"\n                        ></p-loader>\n                    </ng-template>\n                </ng-container>\n            </p-table-row>\n        </ng-container>\n\n        <ng-template #contentTemplate>\n            <p-table-row\n                *ngFor=\"let item of items; let rowIndex = index\"\n                [enableHover]=\"enableRowSelection || enableRowClick\"\n                (click)=\"_rowClick($event, rowIndex)\"\n            >\n                <ng-container *ngFor=\"let col of columns; let index = index\">\n                    <p-table-cell-ngx\n                        [definition]=\"col\"\n                        [item]=\"item\"\n                        [checkbox]=\"index === 0 ? checkboxTemplate : undefined\"\n                        [index]=\"index\"\n                        [rowIndex]=\"rowIndex\"\n                        [template]=\"col.template\"\n                    ></p-table-cell-ngx>\n\n                    <ng-template #checkboxTemplate>\n                        <input\n                            class=\"p-input\"\n                            type=\"checkbox\"\n                            (change)=\"_checkboxChange($event.target, rowIndex)\"\n                            [disabled]=\"_checkboxDisabled(item)\"\n                            [checked]=\"_selectionContains(item, rowIndex)\"\n                        />\n                    </ng-template>\n                </ng-container>\n            </p-table-row>\n        </ng-template>\n    </div>\n\n    <p-table-footer\n        [hideOnSinglePage]=\"hideOnSinglePage\"\n        [enablePageSize]=\"enablePageSize\"\n        [pageSize]=\"pageSize\"\n        [pageSizeOptions]=\"pageSizeOptions\"\n        (onPageSizeChange)=\"(pageSizeChange)\"\n        [enablePagination]=\"enablePagination\"\n        [page]=\"page\"\n        [total]=\"total\"\n        (onPageChange)=\"(pageChange)\"\n        [enableExport]=\"enableExport\"\n        (onExport)=\"export.emit()\"\n    ></p-table-footer>\n</p-table-container>\n", styles: [":host{display:flex;flex-direction:column}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { items: [{
@@ -2398,117 +2515,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
                 args: ['document:visibilitychange', ['$event']]
             }] } });
 
-const COMPONENTS = [TableComponent, TableColumn, TableCell];
-
-class PageSizeSelectDirective extends BaseValueAccessor {
-    constructor(el) {
-        super(el);
-    }
-    writeValue(value) {
-        this.el.nativeElement.page = this.lastValue =
-            value == null ? '' : value;
-    }
-    registerOnChange(fn) {
-        super.registerOnChange((value) => fn(value === '' ? null : parseInt(value, 10)));
-    }
-}
-PageSizeSelectDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: PageSizeSelectDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-PageSizeSelectDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.7", type: PageSizeSelectDirective, selector: "p-page-size-select", host: { listeners: { "sizeChange": "handleChangeEvent($event.detail)" } }, providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: PageSizeSelectDirective,
-            multi: true,
-        },
-    ], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: PageSizeSelectDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    /* tslint:disable-next-line:directive-selector */
-                    selector: 'p-page-size-select',
-                    host: {
-                        '(sizeChange)': 'handleChangeEvent($event.detail)',
-                    },
-                    providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: PageSizeSelectDirective,
-                            multi: true,
-                        },
-                    ],
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
-
-class PaginationDirective extends BaseValueAccessor {
-    constructor(el) {
-        super(el);
-    }
-    writeValue(value) {
-        this.el.nativeElement.page = this.lastValue =
-            value == null ? '' : value;
-    }
-    registerOnChange(fn) {
-        super.registerOnChange((value) => fn(value === '' ? null : parseInt(value, 10)));
-    }
-}
-PaginationDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: PaginationDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-PaginationDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.7", type: PaginationDirective, selector: "p-pagination", host: { listeners: { "pageChange": "handleChangeEvent($event.detail)" } }, providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: PaginationDirective,
-            multi: true,
-        },
-    ], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: PaginationDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    /* tslint:disable-next-line:directive-selector */
-                    selector: 'p-pagination',
-                    host: {
-                        '(pageChange)': 'handleChangeEvent($event.detail)',
-                    },
-                    providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: PaginationDirective,
-                            multi: true,
-                        },
-                    ],
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
-
-class SelectDirective extends BaseValueAccessor {
-    constructor(el) {
-        super(el);
-    }
-    writeValue(value) {
-        this.el.nativeElement.value = this.lastValue =
-            value == null ? '' : value;
-    }
-}
-SelectDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: SelectDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-SelectDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.7", type: SelectDirective, selector: "p-select", host: { listeners: { "valueChange": "handleChangeEvent($event.detail)" } }, providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: SelectDirective,
-            multi: true,
-        },
-    ], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: SelectDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'p-select',
-                    host: {
-                        '(valueChange)': 'handleChangeEvent($event.detail)',
-                    },
-                    providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: SelectDirective,
-                            multi: true,
-                        },
-                    ],
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
+const TABLE_COMPONENTS = [Table, TableCell, TableColumn];
 
 /* eslint-disable @angular-eslint/no-host-metadata-property */
 class TableNgxDirective extends BaseValueAccessor {
@@ -2562,7 +2569,7 @@ class TableNgxDirective extends BaseValueAccessor {
         // 	quickFilter?.identifier;
     }
 }
-TableNgxDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: TableNgxDirective, deps: [{ token: i0.ElementRef }, { token: TableComponent, host: true }], target: i0.ɵɵFactoryTarget.Directive });
+TableNgxDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: TableNgxDirective, deps: [{ token: i0.ElementRef }, { token: Table, host: true }], target: i0.ɵɵFactoryTarget.Directive });
 TableNgxDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.7", type: TableNgxDirective, selector: "p-table-ngx", host: { listeners: { "queryChange": "handleChange($event.detail, \"query\")", "quickFilter": "handleChange($event.detail, \"quickFilter\")", "pageChange": "handleChange($event.detail, \"page\")", "pageSizeChange": "handleChange($event.detail, \"pageSize\")", "selectedRowsChange": "handleChange($event, \"selectedRows\")" } }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
@@ -2589,7 +2596,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
                         },
                     ],
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: TableComponent, decorators: [{
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: Table, decorators: [{
                     type: Host
                 }] }]; } });
 
@@ -2667,17 +2674,264 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
 
-// Custom directives
-const CUSTOM_DIRECTIVES = [
-    PaginationDirective,
-    PageSizeSelectDirective,
+const TABLE_DIRECTIVES = [
     TableFooterDirective,
     TableHeaderDirective,
     TableDirective,
     TableNgxDirective,
-    SelectDirective,
 ];
 
+const DIRECTIVES = [
+    PAccordion,
+    PAvatar,
+    PAvatarGroup,
+    PButton,
+    PCardBody,
+    PCardContainer,
+    PCardHeader,
+    PContentSlider,
+    PCounter,
+    PDivider,
+    PDropdown,
+    PDropdownMenuContainer,
+    PDropdownMenuItem,
+    PHelper,
+    PIcon,
+    PIllustration,
+    PInfoPanel,
+    PInputGroup,
+    PLabel,
+    PLayout,
+    PLoader,
+    PModal,
+    PModalBackdrop,
+    PModalBody,
+    PModalContainer,
+    PModalFooter,
+    PModalHeader,
+    PNavbar,
+    PNavigationItem,
+    PPageSizeSelect,
+    PPagination,
+    PPaginationItem,
+    PProfile,
+    PSegmentContainer,
+    PSegmentItem,
+    PSelect,
+    PSliderIndicator,
+    PStatus,
+    PStepper,
+    PStepperItem,
+    PStepperLine,
+    PTabGroup,
+    PTabItem,
+    PTableContainer,
+    PTableFooter,
+    PTableHeader,
+    PTableRow,
+    PTooltip
+];
+
+class PaperlessStencilModule {
+}
+PaperlessStencilModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: PaperlessStencilModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PaperlessStencilModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.7", ngImport: i0, type: PaperlessStencilModule, declarations: [PAccordion, PAvatar, PAvatarGroup, PButton, PCardBody, PCardContainer, PCardHeader, PContentSlider, PCounter, PDivider, PDropdown, PDropdownMenuContainer, PDropdownMenuItem, PHelper, PIcon, PIllustration, PInfoPanel, PInputGroup, PLabel, PLayout, PLoader, PModal, PModalBackdrop, PModalBody, PModalContainer, PModalFooter, PModalHeader, PNavbar, PNavigationItem, PPageSizeSelect, PPagination, PPaginationItem, PProfile, PSegmentContainer, PSegmentItem, PSelect, PSliderIndicator, PStatus, PStepper, PStepperItem, PStepperLine, PTabGroup, PTabItem, PTableContainer, PTableFooter, PTableHeader, PTableRow, PTooltip], exports: [PAccordion, PAvatar, PAvatarGroup, PButton, PCardBody, PCardContainer, PCardHeader, PContentSlider, PCounter, PDivider, PDropdown, PDropdownMenuContainer, PDropdownMenuItem, PHelper, PIcon, PIllustration, PInfoPanel, PInputGroup, PLabel, PLayout, PLoader, PModal, PModalBackdrop, PModalBody, PModalContainer, PModalFooter, PModalHeader, PNavbar, PNavigationItem, PPageSizeSelect, PPagination, PPaginationItem, PProfile, PSegmentContainer, PSegmentItem, PSelect, PSliderIndicator, PStatus, PStepper, PStepperItem, PStepperLine, PTabGroup, PTabItem, PTableContainer, PTableFooter, PTableHeader, PTableRow, PTooltip] });
+PaperlessStencilModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: PaperlessStencilModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: PaperlessStencilModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [...DIRECTIVES],
+                    exports: [...DIRECTIVES],
+                }]
+        }] });
+
+class PaperlessTableModule {
+}
+PaperlessTableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: PaperlessTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PaperlessTableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.7", ngImport: i0, type: PaperlessTableModule, declarations: [Table, TableCell, TableColumn, TableFooterDirective, TableHeaderDirective, TableDirective, TableNgxDirective], imports: [CommonModule, PaperlessStencilModule], exports: [Table, TableCell, TableColumn, TableFooterDirective, TableHeaderDirective, TableDirective, TableNgxDirective] });
+PaperlessTableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: PaperlessTableModule, imports: [CommonModule, PaperlessStencilModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: PaperlessTableModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, PaperlessStencilModule],
+                    declarations: [...TABLE_COMPONENTS, ...TABLE_DIRECTIVES],
+                    exports: [...TABLE_COMPONENTS, ...TABLE_DIRECTIVES],
+                }]
+        }] });
+
+const SLIDE_IN_BOTTOM_OUT_TOP = trigger('pSlideInBottomOutTop', [
+    transition(':enter', [
+        style({ transform: 'translateY(50%)', opacity: 0 }),
+        animate('200ms ease-in', style({ transform: 'translateX(0%)', opacity: 1 })),
+    ]),
+    transition(':leave', [
+        animate('200ms ease-in', style({ transform: 'translateY(-100%)', opacity: 0 })),
+    ]),
+]);
+
+var ToastVariants;
+(function (ToastVariants) {
+    ToastVariants["Success"] = "positive";
+    ToastVariants["Warning"] = "unbiased";
+    ToastVariants["Error"] = "negative";
+    ToastVariants["Positive"] = "positive";
+    ToastVariants["Unbiased"] = "unbiased";
+    ToastVariants["Negative"] = "negative";
+})(ToastVariants || (ToastVariants = {}));
+
+class ToastService {
+    constructor() {
+        this._toasts = [];
+        this.toasts$ = new BehaviorSubject(this._toasts);
+        this.defaultOptions = {
+            delay: 5000,
+            dismissOnAction: true,
+            enableAction: true,
+            icon: {
+                variant: 'negative',
+            },
+        };
+    }
+    show(header, content, variant = ToastVariants.Success, options = {}) {
+        options = {
+            ...options,
+            ...this.defaultOptions,
+            icon: options?.icon
+                ? { ...options.icon, ...this.defaultOptions.icon }
+                : this.defaultOptions.icon,
+        };
+        this._toasts.push({
+            header,
+            content,
+            variant,
+            options,
+        });
+        this.toasts$.next(this._toasts);
+    }
+    hide(index) {
+        this._toasts.splice(index, 1);
+        this.toasts$.next(this._toasts);
+    }
+}
+ToastService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ToastService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ToastService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ToastService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+let Toast = class Toast {
+    constructor(c, r, z) {
+        this.z = z;
+        this.delay = 5000;
+        this.index = 0;
+        this.dismissOnAction = true;
+        this.dismiss = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['action']);
+    }
+    ngOnInit() {
+        if (this.dismissOnAction) {
+            this.el.addEventListener('action', () => this.doDismiss());
+        }
+        if (this.delay === 'infinite' || this.delay === 0) {
+            return;
+        }
+        setTimeout(() => this.doDismiss(), this.delay);
+    }
+    doDismiss() {
+        this.dismiss.next(this.index);
+    }
+};
+Toast.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: Toast, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+Toast.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: Toast, selector: "p-toast", inputs: { actionIcon: "actionIcon", actionIconFlip: "actionIconFlip", actionIconRotate: "actionIconRotate", content: "content", enableAction: "enableAction", header: "header", variant: "variant", delay: "delay", index: "index", dismissOnAction: "dismissOnAction" }, outputs: { dismiss: "dismiss" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+Toast = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined,
+        inputs: [
+            'actionIcon',
+            'actionIconFlip',
+            'actionIconRotate',
+            'content',
+            'enableAction',
+            'header',
+            'variant',
+        ],
+    })
+], Toast);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: Toast, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-toast',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: [
+                        'actionIcon',
+                        'actionIconFlip',
+                        'actionIconRotate',
+                        'content',
+                        'enableAction',
+                        'header',
+                        'variant',
+                    ],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { delay: [{
+                type: Input
+            }], index: [{
+                type: Input
+            }], dismissOnAction: [{
+                type: Input
+            }], dismiss: [{
+                type: Output
+            }] } });
+
+/* top-0 bottom-0 left-0 right-0 */
+let ToastContainer = class ToastContainer {
+    constructor(r, z, _toastService) {
+        this.z = z;
+        this._toastService = _toastService;
+        this.toasts$ = this._toastService.toasts$;
+        this.el = r.nativeElement;
+    }
+    dismiss(index) {
+        this._toastService.hide(index);
+    }
+};
+ToastContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ToastContainer, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: ToastService }], target: i0.ɵɵFactoryTarget.Component });
+ToastContainer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: ToastContainer, selector: "p-toast-container", inputs: { placement: "placement" }, ngImport: i0, template: "<p-toast\n    *ngFor=\"let toast of toasts$ | async; let index = index\"\n    [variant]=\"toast.variant\"\n    [header]=\"toast.header\"\n    [content]=\"toast.content\"\n    [index]=\"index\"\n    [delay]=\"toast.options.delay ?? 5000\"\n    [dismissOnAction]=\"toast.options.dismissOnAction ?? true\"\n    [enableAction]=\"toast.options.enableAction\"\n    [actionIcon]=\"toast.options.icon?.variant\"\n    [actionIconFlip]=\"toast.options.icon?.flip\"\n    [actionIconRotate]=\"toast.options.icon?.rotate\"\n    (dismiss)=\"dismiss($event)\"\n    [@pSlideInBottomOutTop]\n></p-toast>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: Toast, selector: "p-toast", inputs: ["actionIcon", "actionIconFlip", "actionIconRotate", "content", "enableAction", "header", "variant", "delay", "index", "dismissOnAction"], outputs: ["dismiss"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], animations: [SLIDE_IN_BOTTOM_OUT_TOP], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+ToastContainer = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined,
+        inputs: ['placement'],
+    })
+], ToastContainer);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ToastContainer, decorators: [{
+            type: Component,
+            args: [{ selector: 'p-toast-container', changeDetection: ChangeDetectionStrategy.OnPush, inputs: ['placement'], animations: [SLIDE_IN_BOTTOM_OUT_TOP], template: "<p-toast\n    *ngFor=\"let toast of toasts$ | async; let index = index\"\n    [variant]=\"toast.variant\"\n    [header]=\"toast.header\"\n    [content]=\"toast.content\"\n    [index]=\"index\"\n    [delay]=\"toast.options.delay ?? 5000\"\n    [dismissOnAction]=\"toast.options.dismissOnAction ?? true\"\n    [enableAction]=\"toast.options.enableAction\"\n    [actionIcon]=\"toast.options.icon?.variant\"\n    [actionIconFlip]=\"toast.options.icon?.flip\"\n    [actionIconRotate]=\"toast.options.icon?.rotate\"\n    (dismiss)=\"dismiss($event)\"\n    [@pSlideInBottomOutTop]\n></p-toast>\n" }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: ToastService }]; } });
+
+const TOAST_COMPONENTS = [Toast, ToastContainer];
+
+const TOAST_SERVICES = [ToastService];
+
+class PaperlessToastModule {
+}
+PaperlessToastModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: PaperlessToastModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PaperlessToastModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.7", ngImport: i0, type: PaperlessToastModule, declarations: [Toast, ToastContainer], imports: [CommonModule, PaperlessStencilModule], exports: [Toast, ToastContainer] });
+PaperlessToastModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: PaperlessToastModule, providers: [...TOAST_SERVICES], imports: [CommonModule, PaperlessStencilModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: PaperlessToastModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, PaperlessStencilModule],
+                    declarations: [...TOAST_COMPONENTS],
+                    exports: [...TOAST_COMPONENTS],
+                    providers: [...TOAST_SERVICES],
+                }]
+        }] });
+
 class CustomCurrencyPipe {
     constructor(_currencyPipe) {
         this._currencyPipe = _currencyPipe;
@@ -2744,74 +2998,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
 
 const PIPES = [CustomCurrencyPipe, CustomDatePipe, SafePipe];
 
-const DIRECTIVES = [
-    PAccordion,
-    PAvatar,
-    PAvatarGroup,
-    PButton,
-    PCardBody,
-    PCardContainer,
-    PCardHeader,
-    PContentSlider,
-    PCounter,
-    PDivider,
-    PDropdown,
-    PDropdownMenuContainer,
-    PDropdownMenuItem,
-    PHelper,
-    PIcon,
-    PIllustration,
-    PInfoPanel,
-    PInputGroup,
-    PLabel,
-    PLayout,
-    PLoader,
-    PModal,
-    PModalBackdrop,
-    PModalBody,
-    PModalContainer,
-    PModalFooter,
-    PModalHeader,
-    PNavbar,
-    PNavigationItem,
-    PPageSizeSelect,
-    PPagination,
-    PPaginationItem,
-    PProfile,
-    PSegmentContainer,
-    PSegmentItem,
-    PSelect,
-    PSliderIndicator,
-    PStatus,
-    PStepper,
-    PStepperItem,
-    PStepperLine,
-    PTabGroup,
-    PTabItem,
-    PTableContainer,
-    PTableFooter,
-    PTableHeader,
-    PTableRow,
-    PTooltip
-];
-
 const NGX_PIPES = [DatePipe, CurrencyPipe];
 class PaperlessModule {
 }
 PaperlessModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: PaperlessModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PaperlessModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.7", ngImport: i0, type: PaperlessModule, declarations: [PAccordion, PAvatar, PAvatarGroup, PButton, PCardBody, PCardContainer, PCardHeader, PContentSlider, PCounter, PDivider, PDropdown, PDropdownMenuContainer, PDropdownMenuItem, PHelper, PIcon, PIllustration, PInfoPanel, PInputGroup, PLabel, PLayout, PLoader, PModal, PModalBackdrop, PModalBody, PModalContainer, PModalFooter, PModalHeader, PNavbar, PNavigationItem, PPageSizeSelect, PPagination, PPaginationItem, PProfile, PSegmentContainer, PSegmentItem, PSelect, PSliderIndicator, PStatus, PStepper, PStepperItem, PStepperLine, PTabGroup, PTabItem, PTableContainer, PTableFooter, PTableHeader, PTableRow, PTooltip, TableComponent, TableColumn, TableCell, CustomCurrencyPipe, CustomDatePipe, SafePipe, PaginationDirective, PageSizeSelectDirective, TableFooterDirective, TableHeaderDirective, TableDirective, TableNgxDirective, SelectDirective], imports: [CommonModule], exports: [PAccordion, PAvatar, PAvatarGroup, PButton, PCardBody, PCardContainer, PCardHeader, PContentSlider, PCounter, PDivider, PDropdown, PDropdownMenuContainer, PDropdownMenuItem, PHelper, PIcon, PIllustration, PInfoPanel, PInputGroup, PLabel, PLayout, PLoader, PModal, PModalBackdrop, PModalBody, PModalContainer, PModalFooter, PModalHeader, PNavbar, PNavigationItem, PPageSizeSelect, PPagination, PPaginationItem, PProfile, PSegmentContainer, PSegmentItem, PSelect, PSliderIndicator, PStatus, PStepper, PStepperItem, PStepperLine, PTabGroup, PTabItem, PTableContainer, PTableFooter, PTableHeader, PTableRow, PTooltip, TableComponent, TableColumn, TableCell, CustomCurrencyPipe, CustomDatePipe, SafePipe, PaginationDirective, PageSizeSelectDirective, TableFooterDirective, TableHeaderDirective, TableDirective, TableNgxDirective, SelectDirective] });
-PaperlessModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: PaperlessModule, providers: [...NGX_PIPES, ...PIPES], imports: [CommonModule] });
+PaperlessModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.7", ngImport: i0, type: PaperlessModule, declarations: [PaginationDirective, PageSizeSelectDirective, SelectDirective, CustomCurrencyPipe, CustomDatePipe, SafePipe], imports: [CommonModule,
+        PaperlessStencilModule,
+        PaperlessTableModule,
+        PaperlessToastModule], exports: [PaginationDirective, PageSizeSelectDirective, SelectDirective, CustomCurrencyPipe, CustomDatePipe, SafePipe] });
+PaperlessModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: PaperlessModule, providers: [...NGX_PIPES, ...PIPES], imports: [CommonModule,
+        PaperlessStencilModule,
+        PaperlessTableModule,
+        PaperlessToastModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: PaperlessModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule],
-                    declarations: [
-                        ...DIRECTIVES,
-                        ...COMPONENTS,
-                        ...PIPES,
-                        ...CUSTOM_DIRECTIVES,
+                    imports: [
+                        CommonModule,
+                        PaperlessStencilModule,
+                        PaperlessTableModule,
+                        PaperlessToastModule,
                     ],
-                    exports: [...DIRECTIVES, ...COMPONENTS, ...PIPES, ...CUSTOM_DIRECTIVES],
+                    declarations: [...DIRECTIVES$1, ...PIPES],
+                    exports: [...DIRECTIVES$1, ...PIPES],
                     providers: [...NGX_PIPES, ...PIPES],
                 }]
         }] });
@@ -2824,5 +3033,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { BaseTableComponent, BaseUploadComponent, BaseValueAccessor, COMPONENTS, CUSTOM_DIRECTIVES, CustomCurrencyPipe, CustomDatePipe, FormBaseComponent, PAccordion, PAvatar, PAvatarGroup, PButton, PCardBody, PCardContainer, PCardHeader, PContentSlider, PCounter, PDivider, PDropdown, PDropdownMenuContainer, PDropdownMenuItem, PHelper, PIPES, PIcon, PIllustration, PInfoPanel, PInputGroup, PLabel, PLayout, PLoader, PModal, PModalBackdrop, PModalBody, PModalContainer, PModalFooter, PModalHeader, PNavbar, PNavigationItem, PPageSizeSelect, PPagination, PPaginationItem, PProfile, PSegmentContainer, PSegmentItem, PSelect, PSliderIndicator, PStatus, PStepper, PStepperItem, PStepperLine, PTabGroup, PTabItem, PTableContainer, PTableFooter, PTableHeader, PTableRow, PTooltip, PageSizeSelectDirective, PaginationDirective, PaperlessModule, SafePipe, SelectDirective, TableCell, TableColumn, TableComponent, TableDirective, TableFooterDirective, TableHeaderDirective, TableNgxDirective };
+export { BaseTableComponent, BaseUploadComponent, BaseValueAccessor, CustomCurrencyPipe, CustomDatePipe, DIRECTIVES$1 as DIRECTIVES, FormBaseComponent, PAccordion, PAvatar, PAvatarGroup, PButton, PCardBody, PCardContainer, PCardHeader, PContentSlider, PCounter, PDivider, PDropdown, PDropdownMenuContainer, PDropdownMenuItem, PHelper, PIPES, PIcon, PIllustration, PInfoPanel, PInputGroup, PLabel, PLayout, PLoader, PModal, PModalBackdrop, PModalBody, PModalContainer, PModalFooter, PModalHeader, PNavbar, PNavigationItem, PPageSizeSelect, PPagination, PPaginationItem, PProfile, PSegmentContainer, PSegmentItem, PSelect, PSliderIndicator, PStatus, PStepper, PStepperItem, PStepperLine, PTabGroup, PTabItem, PTableContainer, PTableFooter, PTableHeader, PTableRow, PTooltip, PageSizeSelectDirective, PaginationDirective, PaperlessModule, PaperlessStencilModule, PaperlessTableModule, PaperlessToastModule, SafePipe, SelectDirective, TABLE_COMPONENTS, TABLE_DIRECTIVES, TOAST_COMPONENTS, TOAST_SERVICES, Table, TableCell, TableColumn, TableDirective, TableFooterDirective, TableHeaderDirective, TableNgxDirective, Toast, ToastContainer, ToastService };
 //# sourceMappingURL=paperless-angular.mjs.map