@paperless/angular 0.1.0-alpha.131 → 0.1.0-alpha.133

package/fesm2020/paperless-angular.mjs

@@ -235,6 +235,9 @@ let BaseTableComponent = class BaseTableComponent extends FormBaseComponent {
         const changes = {};
         let key;
         for (key in next) {
+            if (key === 'selectedRows') {
+                continue;
+            }
             if (JSON.stringify(previous[key]) !== JSON.stringify(next[key])) {
                 changes[key] = next[key];
             }
@@ -530,11 +533,80 @@ 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?.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 }]; } });
+
 const CUSTOM_DIRECTIVES = [
     PaginationDirective,
     PageSizeSelectDirective,
     TableFooterDirective,
     TableHeaderDirective,
+    TableDirective,
 ];
 
 /* eslint-disable */
@@ -1578,11 +1650,11 @@ let PTable = class PTable {
     }
 };
 PTable.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: PTable, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-PTable.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.6", type: PTable, selector: "p-table", inputs: { activeQuickFilterIdentifier: "activeQuickFilterIdentifier", canSelectKey: "canSelectKey", editButtonTemplate: "editButtonTemplate", enableEdit: "enableEdit", enableExport: "enableExport", enableFilter: "enableFilter", enablePageSize: "enablePageSize", enablePagination: "enablePagination", enableRowSelection: "enableRowSelection", enableSearch: "enableSearch", filterButtonTemplate: "filterButtonTemplate", items: "items", page: "page", pageSize: "pageSize", pageSizeOptions: "pageSizeOptions", query: "query", quickFilters: "quickFilters", selectedFiltersAmount: "selectedFiltersAmount", selectedRows: "selectedRows", selectionKey: "selectionKey", total: "total" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PTable.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.6", type: PTable, selector: "p-table", inputs: { activeQuickFilterIdentifier: "activeQuickFilterIdentifier", canSelectKey: "canSelectKey", editButtonTemplate: "editButtonTemplate", enableEdit: "enableEdit", enableExport: "enableExport", enableFilter: "enableFilter", enablePageSize: "enablePageSize", enablePagination: "enablePagination", enableRowClick: "enableRowClick", enableRowSelection: "enableRowSelection", enableSearch: "enableSearch", filterButtonTemplate: "filterButtonTemplate", items: "items", page: "page", pageSize: "pageSize", pageSizeOptions: "pageSizeOptions", query: "query", quickFilters: "quickFilters", selectedFiltersAmount: "selectedFiltersAmount", selectedRows: "selectedRows", selectionKey: "selectionKey", total: "total" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PTable = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['activeQuickFilterIdentifier', 'canSelectKey', 'editButtonTemplate', 'enableEdit', 'enableExport', 'enableFilter', 'enablePageSize', 'enablePagination', 'enableRowSelection', 'enableSearch', 'filterButtonTemplate', 'items', 'page', 'pageSize', 'pageSizeOptions', 'query', 'quickFilters', 'selectedFiltersAmount', 'selectedRows', 'selectionKey', 'total']
+        inputs: ['activeQuickFilterIdentifier', 'canSelectKey', 'editButtonTemplate', 'enableEdit', 'enableExport', 'enableFilter', 'enablePageSize', 'enablePagination', 'enableRowClick', 'enableRowSelection', 'enableSearch', 'filterButtonTemplate', 'items', 'page', 'pageSize', 'pageSizeOptions', 'query', 'quickFilters', 'selectedFiltersAmount', 'selectedRows', 'selectionKey', 'total']
     })
 ], PTable);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: PTable, decorators: [{
@@ -1591,7 +1663,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImpor
                     selector: 'p-table',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['activeQuickFilterIdentifier', 'canSelectKey', 'editButtonTemplate', 'enableEdit', 'enableExport', 'enableFilter', 'enablePageSize', 'enablePagination', 'enableRowSelection', 'enableSearch', 'filterButtonTemplate', 'items', 'page', 'pageSize', 'pageSizeOptions', 'query', 'quickFilters', 'selectedFiltersAmount', 'selectedRows', 'selectionKey', 'total']
+                    inputs: ['activeQuickFilterIdentifier', 'canSelectKey', 'editButtonTemplate', 'enableEdit', 'enableExport', 'enableFilter', 'enablePageSize', 'enablePagination', 'enableRowClick', 'enableRowSelection', 'enableSearch', 'filterButtonTemplate', 'items', 'page', 'pageSize', 'pageSizeOptions', 'query', 'quickFilters', 'selectedFiltersAmount', 'selectedRows', 'selectionKey', 'total']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let PTableBody = class PTableBody {
@@ -1638,31 +1710,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImpor
                     template: '<ng-content></ng-content>'
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-let PTableDefinition = class PTableDefinition {
-    constructor(c, r, z) {
-        this.z = z;
-        c.detach();
-        this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['tableDefinitionChanged']);
-    }
-};
-PTableDefinition.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: PTableDefinition, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-PTableDefinition.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.6", type: PTableDefinition, selector: "p-table-definition", inputs: { align: "align", name: "name", path: "path", sizes: "sizes", template: "template", type: "type" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-PTableDefinition = __decorate([
-    ProxyCmp({
-        defineCustomElementFn: undefined,
-        inputs: ['align', 'name', 'path', 'sizes', 'template', 'type']
-    })
-], PTableDefinition);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: PTableDefinition, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'p-table-definition',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>',
-                    inputs: ['align', 'name', 'path', 'sizes', 'template', 'type']
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let PTableFooter = class PTableFooter {
     constructor(c, r, z) {
         this.z = z;
@@ -1832,7 +1879,6 @@ const DIRECTIVES = [
     PTable,
     PTableBody,
     PTableContainer,
-    PTableDefinition,
     PTableFooter,
     PTableHeader,
     PTableRow,
@@ -1843,7 +1889,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, 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, 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,
@@ -1861,5 +1907,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-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, 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, PTableFooter, PTableHeader, PTableRow, PTag, PTooltip, PageSizeSelectDirective, PaginationDirective, PaperlessModule, TableDirective, TableFooterDirective, TableHeaderDirective };
 //# sourceMappingURL=paperless-angular.mjs.map