@paperless/angular 0.1.0-alpha.130 → 0.1.0-alpha.132

package/esm2020/lib/directives/p-table.directive.mjs

@@ -0,0 +1,72 @@
+import { Directive } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { BaseValueAccessor } from '../base';
+import * as i0 from "@angular/core";
+export class TableDirective extends BaseValueAccessor {
+    constructor(el) {
+        super(el);
+        this.lastValue = {
+            query: '',
+            quickFilter: undefined,
+            page: 1,
+            pageSize: 12,
+            selectedRows: [],
+        };
+    }
+    writeValue(value) {
+        this.el.nativeElement.query = this.lastValue.query = value?.query;
+        this.lastValue.quickFilter = value?.quickFilter;
+        this.el.nativeElement.page = this.lastValue.page =
+            value?.page == null ? 1 : value?.page;
+        this.el.nativeElement.pageSize = this.lastValue.pageSize =
+            value?.pageSize == null ? 12 : value?.pageSize;
+        this.lastValue.selectedRows =
+            value?.selectedRows == null ? [] : value?.selectedRows;
+        if (value?.quickFilter) {
+            this._setActiveQuickFilter(value.quickFilter);
+        }
+    }
+    handleChange(value, type) {
+        this.handleChangeEvent({
+            ...this.lastValue,
+            [type]: value,
+        });
+        if (type === 'quickFilter' && typeof value === 'object') {
+            this._setActiveQuickFilter(value);
+        }
+    }
+    _setActiveQuickFilter(quickFilter) {
+        this.el.nativeElement.activeQuickFilterIdentifier =
+            quickFilter?.identifier;
+    }
+}
+TableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: TableDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+TableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.6", type: TableDirective, selector: "p-table", 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.detail, \"selectedRows\")" } }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: TableDirective,
+            multi: true,
+        },
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: TableDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    /* tslint:disable-next-line:directive-selector */
+                    selector: 'p-table',
+                    host: {
+                        '(queryChange)': 'handleChange($event.detail, "query")',
+                        '(quickFilter)': 'handleChange($event.detail, "quickFilter")',
+                        '(pageChange)': 'handleChange($event.detail, "page")',
+                        '(pageSizeChange)': 'handleChange($event.detail, "pageSize")',
+                        '(selectedRowsChange)': 'handleChange($event.detail, "selectedRows")',
+                    },
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: TableDirective,
+                            multi: true,
+                        },
+                    ],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicC10YWJsZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9wYXBlcmxlc3Mvc3JjL2xpYi9kaXJlY3RpdmVzL3AtdGFibGUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsTUFBTSxlQUFlLENBQUM7QUFDdEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFHbkQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sU0FBUyxDQUFDOztBQTRCNUMsTUFBTSxPQUFPLGNBQWUsU0FBUSxpQkFBaUI7SUFTcEQsWUFBWSxFQUFjO1FBQ3pCLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FBQztRQVRRLGNBQVMsR0FBd0I7WUFDbkQsS0FBSyxFQUFFLEVBQUU7WUFDVCxXQUFXLEVBQUUsU0FBUztZQUN0QixJQUFJLEVBQUUsQ0FBQztZQUNQLFFBQVEsRUFBRSxFQUFFO1lBQ1osWUFBWSxFQUFFLEVBQUU7U0FDaEIsQ0FBQztJQUlGLENBQUM7SUFFUSxVQUFVLENBQUMsS0FBMEI7UUFDN0MsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxHQUFHLEtBQUssRUFBRSxLQUFLLENBQUM7UUFDbEUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxXQUFXLEdBQUcsS0FBSyxFQUFFLFdBQVcsQ0FBQztRQUVoRCxJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJO1lBQy9DLEtBQUssRUFBRSxJQUFJLElBQUksSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUM7UUFDdkMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUTtZQUN2RCxLQUFLLEVBQUUsUUFBUSxJQUFJLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxLQUFLLEVBQUUsUUFBUSxDQUFDO1FBRWhELElBQUksQ0FBQyxTQUFTLENBQUMsWUFBWTtZQUMxQixLQUFLLEVBQUUsWUFBWSxJQUFJLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxLQUFLLEVBQUUsWUFBWSxDQUFDO1FBR3hELElBQUcsS0FBSyxFQUFFLFdBQVcsRUFBRTtZQUN0QixJQUFJLENBQUMscUJBQXFCLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxDQUFDO1NBQzlDO0lBQ0YsQ0FBQztJQUVNLFlBQVksQ0FDbEIsS0FBb0MsRUFDcEMsSUFBb0U7UUFFcEUsSUFBSSxDQUFDLGlCQUFpQixDQUFDO1lBQ3RCLEdBQUcsSUFBSSxDQUFDLFNBQVM7WUFDakIsQ0FBQyxJQUFJLENBQUMsRUFBRSxLQUFLO1NBQ2IsQ0FBQyxDQUFDO1FBRUgsSUFBSSxJQUFJLEtBQUssYUFBYSxJQUFJLE9BQU8sS0FBSyxLQUFLLFFBQVEsRUFBRTtZQUN4RCxJQUFJLENBQUMscUJBQXFCLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDbEM7SUFDRixDQUFDO0lBRU8scUJBQXFCLENBQUMsV0FBd0I7UUFDckQsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsMkJBQTJCO1lBQ2hELFdBQVcsRUFBRSxVQUFVLENBQUM7SUFDMUIsQ0FBQzs7MkdBaERXLGNBQWM7K0ZBQWQsY0FBYyxnWEFSZjtRQUNWO1lBQ0MsT0FBTyxFQUFFLGlCQUFpQjtZQUMxQixXQUFXLEVBQUUsY0FBYztZQUMzQixLQUFLLEVBQUUsSUFBSTtTQUNYO0tBQ0Q7MkZBRVcsY0FBYztrQkFsQjFCLFNBQVM7bUJBQUM7b0JBQ1YsaURBQWlEO29CQUNqRCxRQUFRLEVBQUUsU0FBUztvQkFDbkIsSUFBSSxFQUFFO3dCQUNMLGVBQWUsRUFBRSxzQ0FBc0M7d0JBQ3ZELGVBQWUsRUFBRSw0Q0FBNEM7d0JBQzdELGNBQWMsRUFBRSxxQ0FBcUM7d0JBQ3JELGtCQUFrQixFQUFFLHlDQUF5Qzt3QkFDN0Qsc0JBQXNCLEVBQUUsNkNBQTZDO3FCQUNyRTtvQkFDRCxTQUFTLEVBQUU7d0JBQ1Y7NEJBQ0MsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxnQkFBZ0I7NEJBQzNCLEtBQUssRUFBRSxJQUFJO3lCQUNYO3FCQUNEO2lCQUNEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBFbGVtZW50UmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFF1aWNrRmlsdGVyIH0gZnJvbSAnQHBhcGVybGVzcy9jb3JlJztcblxuaW1wb3J0IHsgQmFzZVZhbHVlQWNjZXNzb3IgfSBmcm9tICcuLi9iYXNlJztcblxuZXhwb3J0IGludGVyZmFjZSBUYWJsZURpcmVjdGl2ZVZhbHVlIHtcblx0cXVlcnk/OiBzdHJpbmc7XG5cdHF1aWNrRmlsdGVyPzogUXVpY2tGaWx0ZXI7XG5cdHBhZ2U/OiBudW1iZXI7XG5cdHBhZ2VTaXplPzogbnVtYmVyO1xuXHRzZWxlY3RlZFJvd3M/OiBhbnlbXTtcbn1cblxuQERpcmVjdGl2ZSh7XG5cdC8qIHRzbGludDpkaXNhYmxlLW5leHQtbGluZTpkaXJlY3RpdmUtc2VsZWN0b3IgKi9cblx0c2VsZWN0b3I6ICdwLXRhYmxlJyxcblx0aG9zdDoge1xuXHRcdCcocXVlcnlDaGFuZ2UpJzogJ2hhbmRsZUNoYW5nZSgkZXZlbnQuZGV0YWlsLCBcInF1ZXJ5XCIpJyxcblx0XHQnKHF1aWNrRmlsdGVyKSc6ICdoYW5kbGVDaGFuZ2UoJGV2ZW50LmRldGFpbCwgXCJxdWlja0ZpbHRlclwiKScsXG5cdFx0JyhwYWdlQ2hhbmdlKSc6ICdoYW5kbGVDaGFuZ2UoJGV2ZW50LmRldGFpbCwgXCJwYWdlXCIpJyxcblx0XHQnKHBhZ2VTaXplQ2hhbmdlKSc6ICdoYW5kbGVDaGFuZ2UoJGV2ZW50LmRldGFpbCwgXCJwYWdlU2l6ZVwiKScsXG5cdFx0JyhzZWxlY3RlZFJvd3NDaGFuZ2UpJzogJ2hhbmRsZUNoYW5nZSgkZXZlbnQuZGV0YWlsLCBcInNlbGVjdGVkUm93c1wiKScsXG5cdH0sXG5cdHByb3ZpZGVyczogW1xuXHRcdHtcblx0XHRcdHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuXHRcdFx0dXNlRXhpc3Rpbmc6IFRhYmxlRGlyZWN0aXZlLFxuXHRcdFx0bXVsdGk6IHRydWUsXG5cdFx0fSxcblx0XSxcbn0pXG5leHBvcnQgY2xhc3MgVGFibGVEaXJlY3RpdmUgZXh0ZW5kcyBCYXNlVmFsdWVBY2Nlc3NvciB7XG5cdHByb3RlY3RlZCBvdmVycmlkZSBsYXN0VmFsdWU6IFRhYmxlRGlyZWN0aXZlVmFsdWUgPSB7XG5cdFx0cXVlcnk6ICcnLFxuXHRcdHF1aWNrRmlsdGVyOiB1bmRlZmluZWQsXG5cdFx0cGFnZTogMSxcblx0XHRwYWdlU2l6ZTogMTIsXG5cdFx0c2VsZWN0ZWRSb3dzOiBbXSxcblx0fTtcblxuXHRjb25zdHJ1Y3RvcihlbDogRWxlbWVudFJlZikge1xuXHRcdHN1cGVyKGVsKTtcblx0fVxuXG5cdG92ZXJyaWRlIHdyaXRlVmFsdWUodmFsdWU6IFRhYmxlRGlyZWN0aXZlVmFsdWUpIHtcblx0XHR0aGlzLmVsLm5hdGl2ZUVsZW1lbnQucXVlcnkgPSB0aGlzLmxhc3RWYWx1ZS5xdWVyeSA9IHZhbHVlPy5xdWVyeTtcblx0XHR0aGlzLmxhc3RWYWx1ZS5xdWlja0ZpbHRlciA9IHZhbHVlPy5xdWlja0ZpbHRlcjtcblxuXHRcdHRoaXMuZWwubmF0aXZlRWxlbWVudC5wYWdlID0gdGhpcy5sYXN0VmFsdWUucGFnZSA9XG5cdFx0XHR2YWx1ZT8ucGFnZSA9PSBudWxsID8gMSA6IHZhbHVlPy5wYWdlO1xuXHRcdHRoaXMuZWwubmF0aXZlRWxlbWVudC5wYWdlU2l6ZSA9IHRoaXMubGFzdFZhbHVlLnBhZ2VTaXplID1cblx0XHRcdHZhbHVlPy5wYWdlU2l6ZSA9PSBudWxsID8gMTIgOiB2YWx1ZT8ucGFnZVNpemU7XG5cblx0XHR0aGlzLmxhc3RWYWx1ZS5zZWxlY3RlZFJvd3MgPVxuXHRcdFx0dmFsdWU/LnNlbGVjdGVkUm93cyA9PSBudWxsID8gW10gOiB2YWx1ZT8uc2VsZWN0ZWRSb3dzO1xuXG5cblx0XHRpZih2YWx1ZT8ucXVpY2tGaWx0ZXIpIHtcblx0XHRcdHRoaXMuX3NldEFjdGl2ZVF1aWNrRmlsdGVyKHZhbHVlLnF1aWNrRmlsdGVyKTtcblx0XHR9XG5cdH1cblxuXHRwdWJsaWMgaGFuZGxlQ2hhbmdlKFxuXHRcdHZhbHVlOiBudW1iZXIgfCBzdHJpbmcgfCBRdWlja0ZpbHRlcixcblx0XHR0eXBlOiAncGFnZScgfCAncGFnZVNpemUnIHwgJ3F1ZXJ5JyB8ICdxdWlja0ZpbHRlcicgfCAnc2VsZWN0ZWRSb3dzJ1xuXHQpIHtcblx0XHR0aGlzLmhhbmRsZUNoYW5nZUV2ZW50KHtcblx0XHRcdC4uLnRoaXMubGFzdFZhbHVlLFxuXHRcdFx0W3R5cGVdOiB2YWx1ZSxcblx0XHR9KTtcblxuXHRcdGlmICh0eXBlID09PSAncXVpY2tGaWx0ZXInICYmIHR5cGVvZiB2YWx1ZSA9PT0gJ29iamVjdCcpIHtcblx0XHRcdHRoaXMuX3NldEFjdGl2ZVF1aWNrRmlsdGVyKHZhbHVlKTtcblx0XHR9XG5cdH1cblxuXHRwcml2YXRlIF9zZXRBY3RpdmVRdWlja0ZpbHRlcihxdWlja0ZpbHRlcjogUXVpY2tGaWx0ZXIpIHtcblx0XHR0aGlzLmVsLm5hdGl2ZUVsZW1lbnQuYWN0aXZlUXVpY2tGaWx0ZXJJZGVudGlmaWVyID1cblx0XHRcdHF1aWNrRmlsdGVyPy5pZGVudGlmaWVyO1xuXHR9XG59XG4iXX0=

package/esm2020/lib/paperless.module.mjs

@@ -7,10 +7,11 @@ import * as i2 from "./directives/p-pagination.directive";
 import * as i3 from "./directives/p-page-size-select.directive";
 import * as i4 from "./directives/p-table-footer.directive";
 import * as i5 from "./directives/p-table-header.directive";
+import * as i6 from "./directives/p-table.directive";
 export class PaperlessModule {
 }
 PaperlessModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: PaperlessModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PaperlessModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.6", ngImport: i0, type: PaperlessModule, declarations: [i1.PAccordion, i1.PAvatar, i1.PAvatarGroup, i1.PButton, i1.PCardBody, i1.PCardContainer, i1.PCardHeader, i1.PContentSlider, i1.PCounter, i1.PDivider, i1.PDropdown, i1.PDropdownMenuContainer, i1.PDropdownMenuItem, i1.PHelper, i1.PIcon, i1.PIllustration, i1.PInfoPanel, i1.PInputGroup, i1.PLayout, i1.PLoader, i1.PModal, i1.PModalBackdrop, i1.PModalBody, i1.PModalContainer, i1.PModalFooter, i1.PModalHeader, i1.PNavbar, i1.PNavigationItem, i1.PPageSizeSelect, i1.PPagination, i1.PPaginationItem, i1.PProfile, i1.PSegmentContainer, i1.PSegmentItem, i1.PSliderIndicator, i1.PStatus, i1.PStepper, i1.PStepperItem, i1.PStepperLine, i1.PTabGroup, i1.PTabItem, i1.PTable, i1.PTableBody, i1.PTableContainer, i1.PTableDefinition, i1.PTableFooter, i1.PTableHeader, i1.PTableRow, i1.PTag, i1.PTooltip, i2.PaginationDirective, i3.PageSizeSelectDirective, i4.TableFooterDirective, i5.TableHeaderDirective], exports: [i1.PAccordion, i1.PAvatar, i1.PAvatarGroup, i1.PButton, i1.PCardBody, i1.PCardContainer, i1.PCardHeader, i1.PContentSlider, i1.PCounter, i1.PDivider, i1.PDropdown, i1.PDropdownMenuContainer, i1.PDropdownMenuItem, i1.PHelper, i1.PIcon, i1.PIllustration, i1.PInfoPanel, i1.PInputGroup, i1.PLayout, i1.PLoader, i1.PModal, i1.PModalBackdrop, i1.PModalBody, i1.PModalContainer, i1.PModalFooter, i1.PModalHeader, i1.PNavbar, i1.PNavigationItem, i1.PPageSizeSelect, i1.PPagination, i1.PPaginationItem, i1.PProfile, i1.PSegmentContainer, i1.PSegmentItem, i1.PSliderIndicator, i1.PStatus, i1.PStepper, i1.PStepperItem, i1.PStepperLine, i1.PTabGroup, i1.PTabItem, i1.PTable, i1.PTableBody, i1.PTableContainer, i1.PTableDefinition, i1.PTableFooter, i1.PTableHeader, i1.PTableRow, i1.PTag, i1.PTooltip, i2.PaginationDirective, i3.PageSizeSelectDirective, i4.TableFooterDirective, i5.TableHeaderDirective] });
+PaperlessModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.6", ngImport: i0, type: PaperlessModule, declarations: [i1.PAccordion, i1.PAvatar, i1.PAvatarGroup, i1.PButton, i1.PCardBody, i1.PCardContainer, i1.PCardHeader, i1.PContentSlider, i1.PCounter, i1.PDivider, i1.PDropdown, i1.PDropdownMenuContainer, i1.PDropdownMenuItem, i1.PHelper, i1.PIcon, i1.PIllustration, i1.PInfoPanel, i1.PInputGroup, i1.PLayout, i1.PLoader, i1.PModal, i1.PModalBackdrop, i1.PModalBody, i1.PModalContainer, i1.PModalFooter, i1.PModalHeader, i1.PNavbar, i1.PNavigationItem, i1.PPageSizeSelect, i1.PPagination, i1.PPaginationItem, i1.PProfile, i1.PSegmentContainer, i1.PSegmentItem, i1.PSliderIndicator, i1.PStatus, i1.PStepper, i1.PStepperItem, i1.PStepperLine, i1.PTabGroup, i1.PTabItem, i1.PTable, i1.PTableBody, i1.PTableContainer, i1.PTableDefinition, i1.PTableFooter, i1.PTableHeader, i1.PTableRow, i1.PTag, i1.PTooltip, i2.PaginationDirective, i3.PageSizeSelectDirective, i4.TableFooterDirective, i5.TableHeaderDirective, i6.TableDirective], exports: [i1.PAccordion, i1.PAvatar, i1.PAvatarGroup, i1.PButton, i1.PCardBody, i1.PCardContainer, i1.PCardHeader, i1.PContentSlider, i1.PCounter, i1.PDivider, i1.PDropdown, i1.PDropdownMenuContainer, i1.PDropdownMenuItem, i1.PHelper, i1.PIcon, i1.PIllustration, i1.PInfoPanel, i1.PInputGroup, i1.PLayout, i1.PLoader, i1.PModal, i1.PModalBackdrop, i1.PModalBody, i1.PModalContainer, i1.PModalFooter, i1.PModalHeader, i1.PNavbar, i1.PNavigationItem, i1.PPageSizeSelect, i1.PPagination, i1.PPaginationItem, i1.PProfile, i1.PSegmentContainer, i1.PSegmentItem, i1.PSliderIndicator, i1.PStatus, i1.PStepper, i1.PStepperItem, i1.PStepperLine, i1.PTabGroup, i1.PTabItem, i1.PTable, i1.PTableBody, i1.PTableContainer, i1.PTableDefinition, i1.PTableFooter, i1.PTableHeader, i1.PTableRow, i1.PTag, i1.PTooltip, i2.PaginationDirective, i3.PageSizeSelectDirective, i4.TableFooterDirective, i5.TableHeaderDirective, i6.TableDirective] });
 PaperlessModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: PaperlessModule });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: PaperlessModule, decorators: [{
             type: NgModule,
@@ -19,4 +20,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImpor
                     exports: [...DIRECTIVES, ...CUSTOM_DIRECTIVES],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFwZXJsZXNzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3BhcGVybGVzcy9zcmMvbGliL3BhcGVybGVzcy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDakQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLFdBQVcsQ0FBQzs7Ozs7OztBQU12QyxNQUFNLE9BQU8sZUFBZTs7NEdBQWYsZUFBZTs2R0FBZixlQUFlOzZHQUFmLGVBQWU7MkZBQWYsZUFBZTtrQkFKM0IsUUFBUTttQkFBQztvQkFDTixZQUFZLEVBQUUsQ0FBQyxHQUFHLFVBQVUsRUFBRSxHQUFHLGlCQUFpQixDQUFDO29CQUNuRCxPQUFPLEVBQUUsQ0FBQyxHQUFHLFVBQVUsRUFBRSxHQUFHLGlCQUFpQixDQUFDO2lCQUNqRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDVVNUT01fRElSRUNUSVZFUyB9IGZyb20gJy4vZGlyZWN0aXZlcyc7XG5pbXBvcnQgeyBESVJFQ1RJVkVTIH0gZnJvbSAnLi9zdGVuY2lsJztcblxuQE5nTW9kdWxlKHtcbiAgICBkZWNsYXJhdGlvbnM6IFsuLi5ESVJFQ1RJVkVTLCAuLi5DVVNUT01fRElSRUNUSVZFU10sXG4gICAgZXhwb3J0czogWy4uLkRJUkVDVElWRVMsIC4uLkNVU1RPTV9ESVJFQ1RJVkVTXSxcbn0pXG5leHBvcnQgY2xhc3MgUGFwZXJsZXNzTW9kdWxlIHt9XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFwZXJsZXNzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3BhcGVybGVzcy9zcmMvbGliL3BhcGVybGVzcy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDakQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLFdBQVcsQ0FBQzs7Ozs7Ozs7QUFNdkMsTUFBTSxPQUFPLGVBQWU7OzRHQUFmLGVBQWU7NkdBQWYsZUFBZTs2R0FBZixlQUFlOzJGQUFmLGVBQWU7a0JBSjNCLFFBQVE7bUJBQUM7b0JBQ04sWUFBWSxFQUFFLENBQUMsR0FBRyxVQUFVLEVBQUUsR0FBRyxpQkFBaUIsQ0FBQztvQkFDbkQsT0FBTyxFQUFFLENBQUMsR0FBRyxVQUFVLEVBQUUsR0FBRyxpQkFBaUIsQ0FBQztpQkFDakQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ1VTVE9NX0RJUkVDVElWRVMgfSBmcm9tICcuL2RpcmVjdGl2ZXMnO1xuaW1wb3J0IHsgRElSRUNUSVZFUyB9IGZyb20gJy4vc3RlbmNpbCc7XG5cbkBOZ01vZHVsZSh7XG4gICAgZGVjbGFyYXRpb25zOiBbLi4uRElSRUNUSVZFUywgLi4uQ1VTVE9NX0RJUkVDVElWRVNdLFxuICAgIGV4cG9ydHM6IFsuLi5ESVJFQ1RJVkVTLCAuLi5DVVNUT01fRElSRUNUSVZFU10sXG59KVxuZXhwb3J0IGNsYXNzIFBhcGVybGVzc01vZHVsZSB7fVxuIl19

package/esm2020/public-api.mjs

@@ -1,7 +1,8 @@
 /*
  * Public API Surface of paperless
  */
+export * from './lib/base';
 export * from './lib/directives';
 export * from './lib/paperless.module';
 export * from './lib/stencil/components';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3Byb2plY3RzL3BhcGVybGVzcy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLDBCQUEwQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBwYXBlcmxlc3NcbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kaXJlY3RpdmVzJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3BhcGVybGVzcy5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc3RlbmNpbC9jb21wb25lbnRzJztcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3Byb2plY3RzL3BhcGVybGVzcy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsWUFBWSxDQUFDO0FBQzNCLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLDBCQUEwQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBwYXBlcmxlc3NcbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9iYXNlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RpcmVjdGl2ZXMnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcGFwZXJsZXNzLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9zdGVuY2lsL2NvbXBvbmVudHMnO1xuIl19

package/fesm2015/paperless-angular.mjs

@@ -1,10 +1,323 @@
 import * as i0 from '@angular/core';
-import { Directive, HostListener, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { Component, EventEmitter, Input, Output, ViewChild, Directive, HostListener, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { FormControl, FormGroup, FormArray, NG_VALUE_ACCESSOR } from '@angular/forms';
 import { __decorate } from 'tslib';
-import { fromEvent } from 'rxjs';
+import { untilDestroyed, UntilDestroy } from '@ngneat/until-destroy';
+import { timer, fromEvent } from 'rxjs';
+import { startWith, pairwise, map, filter, debounce } from 'rxjs/operators';
 
-class ValueAccessor {
+class FormBaseComponent {
+    constructor() {
+        this.markedDirty = false;
+    }
+    scrollToFirstError() {
+        const invalidInputs = Array.from(document.getElementsByClassName('ng-invalid'))
+            .filter((e) => { var _a; return ((_a = e === null || e === void 0 ? void 0 : e.nodeName) === null || _a === void 0 ? void 0 : _a.toLowerCase()) !== 'form'; })
+            .sort((a, b) => a.scrollTop - b.scrollTop);
+        const first = invalidInputs[0];
+        if (first) {
+            first.scrollIntoView({
+                behavior: 'smooth',
+                block: 'center',
+                inline: 'center',
+            });
+        }
+    }
+    markControlDirty(control) {
+        if (control instanceof FormControl) {
+            control.markAsDirty({ onlySelf: true });
+            control.markAsTouched({ onlySelf: true });
+        }
+        else if (control instanceof FormGroup) {
+            control.markAsDirty();
+            control.markAsTouched();
+            this.markAllDirty(control);
+        }
+        else if (control instanceof FormArray) {
+            control.markAsDirty();
+            control.markAsTouched();
+            for (const child of control === null || control === void 0 ? void 0 : control.controls) {
+                this.markControlDirty(child);
+            }
+        }
+        control.updateValueAndValidity();
+    }
+    markAllDirty(formGroup) {
+        this.markedDirty = true;
+        for (const field of Object.keys(formGroup.controls)) {
+            const control = formGroup.get(field);
+            this.markControlDirty(control);
+        }
+    }
+    getControlError(control) {
+        if (!this.hasControlError(control)) {
+            return;
+        }
+        return this.firstControlError(control);
+    }
+    hasControlError(control, showChildErrors = true) {
+        return ((control === null || control === void 0 ? void 0 : control.dirty) && this.firstControlError(control, showChildErrors));
+    }
+    firstControlError(control, showChildErrors = true) {
+        if (control instanceof FormGroup && showChildErrors) {
+            const errors = Object.keys(control.controls)
+                .map((key) => this.firstControlError(control.controls[key]))
+                .filter((val) => !!val);
+            return errors[0];
+        }
+        if (!(control === null || control === void 0 ? void 0 : control.errors)) {
+            return;
+        }
+        const keys = Object.keys(control.errors);
+        let err;
+        for (const key of keys) {
+            if (control.errors[key]) {
+                err = key;
+                break;
+            }
+        }
+        return err;
+    }
+    resetControl(control) {
+        control.setErrors(null);
+        control.reset();
+        control.markAsPristine();
+        if (control instanceof FormGroup) {
+            this.resetForm(control);
+        }
+        else if (control instanceof FormArray) {
+            for (const child of control === null || control === void 0 ? void 0 : control.controls) {
+                this.resetControl(child);
+            }
+        }
+    }
+    resetForm(formGroup) {
+        for (const field of Object.keys(formGroup.controls)) {
+            const control = formGroup.get(field);
+            this.resetControl(control);
+        }
+        this.markedDirty = false;
+    }
+}
+FormBaseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: FormBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FormBaseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.6", type: FormBaseComponent, selector: "ng-component", ngImport: i0, template: ``, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: FormBaseComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ``,
+                }]
+        }] });
+
+let BaseTableComponent = class BaseTableComponent extends FormBaseComponent {
+    constructor() {
+        super();
+        this.quickFilters = [];
+        this.pageSizeDefault = 12;
+        this._defaultTableValues = {
+            pageSize: this.pageSizeDefault,
+            page: 1,
+            quickFilter: null,
+            query: '',
+            selectedRows: [],
+        };
+        this.defaultTableValues = {};
+    }
+    get pageSize() {
+        var _a;
+        if (!this.tableOptions) {
+            return this._defaultTableValues.pageSize;
+        }
+        return (_a = this.tableOptions.get('pageSize')) === null || _a === void 0 ? void 0 : _a.value;
+    }
+    get page() {
+        var _a;
+        if (!this.tableOptions) {
+            return this._defaultTableValues.page;
+        }
+        return (_a = this.tableOptions.get('page')) === null || _a === void 0 ? void 0 : _a.value;
+    }
+    get quickFilter() {
+        var _a;
+        if (!this.tableOptions) {
+            return this._defaultTableValues.quickFilter;
+        }
+        return (_a = this.tableOptions.get('quickFilter')) === null || _a === void 0 ? void 0 : _a.value;
+    }
+    set quickFilter(quickFilter) {
+        this.tableValues = {
+            quickFilter,
+        };
+    }
+    get query() {
+        var _a;
+        if (!this.tableOptions) {
+            return this._defaultTableValues.query;
+        }
+        return (_a = this.tableOptions.get('query')) === null || _a === void 0 ? void 0 : _a.value;
+    }
+    set query(query) {
+        this.tableValues = {
+            query,
+        };
+    }
+    get selectedRows() {
+        var _a;
+        if (!this.tableOptions) {
+            return this._defaultTableValues.selectedRows;
+        }
+        return (_a = this.tableOptions.get('selectedRows')) === null || _a === void 0 ? void 0 : _a.value;
+    }
+    set selectedRows(selectedRows) {
+        this.tableValues = {
+            selectedRows,
+        };
+    }
+    // setter
+    get parsedDefaultTableValues() {
+        var _a;
+        return Object.assign(Object.assign(Object.assign({}, this._defaultTableValues), this.defaultTableValues), { pageSize: ((_a = this.defaultTableValues) === null || _a === void 0 ? void 0 : _a.pageSize) || this.pageSizeDefault });
+    }
+    get tableValues() {
+        var _a;
+        return (_a = this.tableOptions) === null || _a === void 0 ? void 0 : _a.value;
+    }
+    set tableValues(values) {
+        this._setTableValues(Object.assign(Object.assign({}, this.tableValues), values));
+    }
+    ngOnInit() {
+        this.tableOptions = new FormGroup({
+            pageSize: new FormControl(this.parsedDefaultTableValues.pageSize),
+            page: new FormControl(this.parsedDefaultTableValues.page),
+            quickFilter: new FormControl(this.parsedDefaultTableValues.quickFilter),
+            query: new FormControl(this.parsedDefaultTableValues.query),
+            selectedRows: new FormControl(this.parsedDefaultTableValues.selectedRows),
+        });
+        this.tableOptions.valueChanges
+            .pipe(untilDestroyed(this), startWith(this.tableOptions.value), pairwise(), map(([previous, next]) => this._getChanges(previous, next)), filter((changes) => !!changes), debounce((changes) => {
+            var _a;
+            if ((changes === null || changes === void 0 ? void 0 : changes.query) && ((_a = Object.keys(changes)) === null || _a === void 0 ? void 0 : _a.length) === 1) {
+                return timer(300);
+            }
+            return timer(0);
+        }), filter((changes) => {
+            var _a;
+            return !((changes === null || changes === void 0 ? void 0 : changes.selected) &&
+                ((_a = Object.keys(changes)) === null || _a === void 0 ? void 0 : _a.length) === 1);
+        }))
+            .subscribe((changes) => {
+            if (changes === null || changes === void 0 ? void 0 : changes.page) {
+                this._refresh();
+                return;
+            }
+            this._resetPageOrRefresh();
+        });
+        this._refresh();
+    }
+    resetTable(emitEvent = true, forceRefresh = null) {
+        this._setTableValues(this.parsedDefaultTableValues, emitEvent);
+        if (forceRefresh) {
+            this._refresh();
+        }
+    }
+    _refresh() {
+        console.warn('Not implemented');
+    }
+    _resetPageOrRefresh() {
+        var _a;
+        if (!this.tableOptions) {
+            return;
+        }
+        if (this.page !== 1) {
+            (_a = this.tableOptions.get('page')) === null || _a === void 0 ? void 0 : _a.setValue(1);
+            return;
+        }
+        this._refresh();
+    }
+    _setTableValues(data, emitEvent = true) {
+        var _a;
+        (_a = this.tableOptions) === null || _a === void 0 ? void 0 : _a.setValue(data, { emitEvent });
+    }
+    _getChanges(previous, next) {
+        const changes = {};
+        let key;
+        for (key in next) {
+            if (JSON.stringify(previous[key]) !== JSON.stringify(next[key])) {
+                changes[key] = next[key];
+            }
+        }
+        return Object.keys(changes).length ? changes : null;
+    }
+};
+BaseTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: BaseTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BaseTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.6", type: BaseTableComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true });
+BaseTableComponent = __decorate([
+    UntilDestroy({ checkProperties: true })
+], BaseTableComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: BaseTableComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ``,
+                }]
+        }], 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) {
+        var _a;
+        const target = $event.target;
+        const file = (_a = target.files) === null || _a === void 0 ? void 0 : _a[0];
+        if (file) {
+            this._loading = true;
+            const reader = new FileReader();
+            reader.onload = (e) => { var _a; return this.onLoad(file, (_a = e === null || e === void 0 ? void 0 : e.currentTarget) === null || _a === void 0 ? void 0 : _a.result); };
+            reader.readAsDataURL(file);
+        }
+    }
+    onLoad(file, result) {
+        var _a;
+        this.fileChange.next({
+            fileId: this.fileId,
+            result,
+            file,
+        });
+        if ((_a = this.uploaderInput) === null || _a === void 0 ? void 0 : _a.nativeElement) {
+            this.uploaderInput.nativeElement.value = '';
+        }
+        this.file = file;
+        this._loading = false;
+    }
+}
+BaseUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: BaseUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BaseUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.6", 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.6", 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 = () => {
@@ -34,9 +347,9 @@ class ValueAccessor {
         this.onTouched = fn;
     }
 }
-ValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-ValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.6", type: ValueAccessor, host: { listeners: { "focusout": "_handleBlurEvent()" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ValueAccessor, decorators: [{
+BaseValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: BaseValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+BaseValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.6", type: BaseValueAccessor, host: { listeners: { "focusout": "_handleBlurEvent()" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: BaseValueAccessor, decorators: [{
             type: Directive,
             args: [{}]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { _handleBlurEvent: [{
@@ -44,7 +357,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImpor
                 args: ['focusout']
             }] } });
 
-class PageSizeSelectDirective extends ValueAccessor {
+class PageSizeSelectDirective extends BaseValueAccessor {
     constructor(el) {
         super(el);
     }
@@ -82,7 +395,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
 
-class PaginationDirective extends ValueAccessor {
+class PaginationDirective extends BaseValueAccessor {
     constructor(el) {
         super(el);
     }
@@ -120,7 +433,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
 
-class TableFooterDirective extends ValueAccessor {
+class TableFooterDirective extends BaseValueAccessor {
     constructor(el) {
         super(el);
         this.lastValue = {
@@ -166,7 +479,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
 
-class TableHeaderDirective extends ValueAccessor {
+class TableHeaderDirective extends BaseValueAccessor {
     constructor(el) {
         super(el);
         this.lastValue = {
@@ -219,11 +532,77 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
 
+class TableDirective extends BaseValueAccessor {
+    constructor(el) {
+        super(el);
+        this.lastValue = {
+            query: '',
+            quickFilter: undefined,
+            page: 1,
+            pageSize: 12,
+            selectedRows: [],
+        };
+    }
+    writeValue(value) {
+        this.el.nativeElement.query = this.lastValue.query = value === null || value === void 0 ? void 0 : value.query;
+        this.lastValue.quickFilter = value === null || value === void 0 ? void 0 : value.quickFilter;
+        this.el.nativeElement.page = this.lastValue.page =
+            (value === null || value === void 0 ? void 0 : value.page) == null ? 1 : value === null || value === void 0 ? void 0 : value.page;
+        this.el.nativeElement.pageSize = this.lastValue.pageSize =
+            (value === null || value === void 0 ? void 0 : value.pageSize) == null ? 12 : value === null || value === void 0 ? void 0 : value.pageSize;
+        this.lastValue.selectedRows =
+            (value === null || value === void 0 ? void 0 : value.selectedRows) == null ? [] : value === null || value === void 0 ? void 0 : value.selectedRows;
+        if (value === null || value === void 0 ? void 0 : value.quickFilter) {
+            this._setActiveQuickFilter(value.quickFilter);
+        }
+    }
+    handleChange(value, type) {
+        this.handleChangeEvent(Object.assign(Object.assign({}, this.lastValue), { [type]: value }));
+        if (type === 'quickFilter' && typeof value === 'object') {
+            this._setActiveQuickFilter(value);
+        }
+    }
+    _setActiveQuickFilter(quickFilter) {
+        this.el.nativeElement.activeQuickFilterIdentifier =
+            quickFilter === null || quickFilter === void 0 ? void 0 : quickFilter.identifier;
+    }
+}
+TableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: TableDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+TableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.6", type: TableDirective, selector: "p-table", 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.detail, \"selectedRows\")" } }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: TableDirective,
+            multi: true,
+        },
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: TableDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    /* tslint:disable-next-line:directive-selector */
+                    selector: 'p-table',
+                    host: {
+                        '(queryChange)': 'handleChange($event.detail, "query")',
+                        '(quickFilter)': 'handleChange($event.detail, "quickFilter")',
+                        '(pageChange)': 'handleChange($event.detail, "page")',
+                        '(pageSizeChange)': 'handleChange($event.detail, "pageSize")',
+                        '(selectedRowsChange)': 'handleChange($event.detail, "selectedRows")',
+                    },
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: TableDirective,
+                            multi: true,
+                        },
+                    ],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
+
 const CUSTOM_DIRECTIVES = [
     PaginationDirective,
     PageSizeSelectDirective,
     TableFooterDirective,
     TableHeaderDirective,
+    TableDirective,
 ];
 
 /* eslint-disable */
@@ -1532,7 +1911,7 @@ const DIRECTIVES = [
 class PaperlessModule {
 }
 PaperlessModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: PaperlessModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PaperlessModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.6", ngImport: i0, type: PaperlessModule, declarations: [PAccordion, PAvatar, PAvatarGroup, PButton, PCardBody, PCardContainer, PCardHeader, PContentSlider, PCounter, PDivider, PDropdown, PDropdownMenuContainer, PDropdownMenuItem, PHelper, PIcon, PIllustration, PInfoPanel, PInputGroup, PLayout, PLoader, PModal, PModalBackdrop, PModalBody, PModalContainer, PModalFooter, PModalHeader, PNavbar, PNavigationItem, PPageSizeSelect, PPagination, PPaginationItem, PProfile, PSegmentContainer, PSegmentItem, PSliderIndicator, PStatus, PStepper, PStepperItem, PStepperLine, PTabGroup, PTabItem, PTable, PTableBody, PTableContainer, PTableDefinition, PTableFooter, PTableHeader, PTableRow, PTag, PTooltip, PaginationDirective, PageSizeSelectDirective, TableFooterDirective, TableHeaderDirective], exports: [PAccordion, PAvatar, PAvatarGroup, PButton, PCardBody, PCardContainer, PCardHeader, PContentSlider, PCounter, PDivider, PDropdown, PDropdownMenuContainer, PDropdownMenuItem, PHelper, PIcon, PIllustration, PInfoPanel, PInputGroup, PLayout, PLoader, PModal, PModalBackdrop, PModalBody, PModalContainer, PModalFooter, PModalHeader, PNavbar, PNavigationItem, PPageSizeSelect, PPagination, PPaginationItem, PProfile, PSegmentContainer, PSegmentItem, PSliderIndicator, PStatus, PStepper, PStepperItem, PStepperLine, PTabGroup, PTabItem, PTable, PTableBody, PTableContainer, PTableDefinition, PTableFooter, PTableHeader, PTableRow, PTag, PTooltip, PaginationDirective, PageSizeSelectDirective, TableFooterDirective, TableHeaderDirective] });
+PaperlessModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.6", ngImport: i0, type: PaperlessModule, declarations: [PAccordion, PAvatar, PAvatarGroup, PButton, PCardBody, PCardContainer, PCardHeader, PContentSlider, PCounter, PDivider, PDropdown, PDropdownMenuContainer, PDropdownMenuItem, PHelper, PIcon, PIllustration, PInfoPanel, PInputGroup, PLayout, PLoader, PModal, PModalBackdrop, PModalBody, PModalContainer, PModalFooter, PModalHeader, PNavbar, PNavigationItem, PPageSizeSelect, PPagination, PPaginationItem, PProfile, PSegmentContainer, PSegmentItem, PSliderIndicator, PStatus, PStepper, PStepperItem, PStepperLine, PTabGroup, PTabItem, PTable, PTableBody, PTableContainer, PTableDefinition, PTableFooter, PTableHeader, PTableRow, PTag, PTooltip, PaginationDirective, PageSizeSelectDirective, TableFooterDirective, TableHeaderDirective, TableDirective], exports: [PAccordion, PAvatar, PAvatarGroup, PButton, PCardBody, PCardContainer, PCardHeader, PContentSlider, PCounter, PDivider, PDropdown, PDropdownMenuContainer, PDropdownMenuItem, PHelper, PIcon, PIllustration, PInfoPanel, PInputGroup, PLayout, PLoader, PModal, PModalBackdrop, PModalBody, PModalContainer, PModalFooter, PModalHeader, PNavbar, PNavigationItem, PPageSizeSelect, PPagination, PPaginationItem, PProfile, PSegmentContainer, PSegmentItem, PSliderIndicator, PStatus, PStepper, PStepperItem, PStepperLine, PTabGroup, PTabItem, PTable, PTableBody, PTableContainer, PTableDefinition, PTableFooter, PTableHeader, PTableRow, PTag, PTooltip, PaginationDirective, PageSizeSelectDirective, TableFooterDirective, TableHeaderDirective, TableDirective] });
 PaperlessModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: PaperlessModule });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: PaperlessModule, decorators: [{
             type: NgModule,
@@ -1550,5 +1929,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { CUSTOM_DIRECTIVES, PAccordion, PAvatar, PAvatarGroup, PButton, PCardBody, PCardContainer, PCardHeader, PContentSlider, PCounter, PDivider, PDropdown, PDropdownMenuContainer, PDropdownMenuItem, PHelper, PIcon, PIllustration, PInfoPanel, PInputGroup, PLayout, PLoader, PModal, PModalBackdrop, PModalBody, PModalContainer, PModalFooter, PModalHeader, PNavbar, PNavigationItem, PPageSizeSelect, PPagination, PPaginationItem, PProfile, PSegmentContainer, PSegmentItem, PSliderIndicator, PStatus, PStepper, PStepperItem, PStepperLine, PTabGroup, PTabItem, PTable, PTableBody, PTableContainer, PTableDefinition, PTableFooter, PTableHeader, PTableRow, PTag, PTooltip, PageSizeSelectDirective, PaginationDirective, PaperlessModule, TableFooterDirective, TableHeaderDirective };
+export { BaseTableComponent, BaseUploadComponent, BaseValueAccessor, CUSTOM_DIRECTIVES, FormBaseComponent, PAccordion, PAvatar, PAvatarGroup, PButton, PCardBody, PCardContainer, PCardHeader, PContentSlider, PCounter, PDivider, PDropdown, PDropdownMenuContainer, PDropdownMenuItem, PHelper, PIcon, PIllustration, PInfoPanel, PInputGroup, PLayout, PLoader, PModal, PModalBackdrop, PModalBody, PModalContainer, PModalFooter, PModalHeader, PNavbar, PNavigationItem, PPageSizeSelect, PPagination, PPaginationItem, PProfile, PSegmentContainer, PSegmentItem, PSliderIndicator, PStatus, PStepper, PStepperItem, PStepperLine, PTabGroup, PTabItem, PTable, PTableBody, PTableContainer, PTableDefinition, PTableFooter, PTableHeader, PTableRow, PTag, PTooltip, PageSizeSelectDirective, PaginationDirective, PaperlessModule, TableDirective, TableFooterDirective, TableHeaderDirective };
 //# sourceMappingURL=paperless-angular.mjs.map