@paperless/angular 1.15.0 → 1.16.0

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

@@ -1,10 +1,11 @@
-import { EventEmitter, OnChanges, OnInit, QueryList, SimpleChanges, TemplateRef } from '@angular/core';
+import { ElementRef, EventEmitter, OnChanges, OnInit, QueryList, SimpleChanges, TemplateRef } from '@angular/core';
 import { QuickFilter, RowClickEvent } from '@paperless/core';
 import { IconVariant, IllustrationVariant } from '@paperless/core/dist/types/components';
 import { BehaviorSubject } from 'rxjs';
 import { TableColumn } from '../table-column/table-column.component';
 import * as i0 from "@angular/core";
 export declare class Table implements OnInit, OnChanges {
+    private _elementRef;
     /**
      * The items to be fed to the table
      */
@@ -49,6 +50,19 @@ export declare class Table implements OnInit, OnChanges {
      * A key to determine if a row can be selected
      */
     canSelectKey: string | undefined;
+    /**
+     * Wether to enable the floating menu
+     */
+    enableFloatingMenu: boolean;
+    /**
+     * The floating menu amount item text
+     */
+    floatingMenuAmountSelectedText: string;
+    /**
+     * The template for amount selected item in the floating menu
+     */
+    floatingMenuAmountSelectedTemplate: any;
+    floatingMenuContentTemplate: TemplateRef<any> | undefined;
     /**
      * Event whenever a row is clicked
      */
@@ -95,25 +109,29 @@ export declare class Table implements OnInit, OnChanges {
      */
     filterButtonTemplate: any;
     /**
-     * Wether to show the edit button
+     * Wether to show the action button
+     */
+    enableAction: boolean;
+    /**
+     * Wether the action button is loading
      */
-    enableEdit: boolean;
+    actionButtonLoading: boolean;
     /**
-     * Wether the edit button is loading
+     * The action button icon
      */
-    editButtonLoading: boolean;
+    actionButtonIcon: IconVariant;
     /**
-     * The edit button icon
+     * Wether the action button is enabled
      */
-    editButtonIcon: IconVariant;
+    actionButtonEnabled: boolean;
     /**
-     * The edit button text if changed
+     * The action button text if changed
      */
-    editButtonText?: string;
+    actionButtonText?: string;
     /**
-     * The template for the edit button text
+     * The template for the action button text
      */
-    editButtonTemplate: any;
+    actionButtonTemplate: any;
     /**
      * Event when one of the quick filters is clicked
      */
@@ -127,9 +145,9 @@ export declare class Table implements OnInit, OnChanges {
      */
     filter: EventEmitter<null>;
     /**
-     * Event when the edit button is clicked
+     * Event when the action button is clicked
      */
-    edit: EventEmitter<null>;
+    action: EventEmitter<null>;
     /** START FOOTER */
     /**
      * Wether to show the footer
@@ -211,7 +229,7 @@ export declare class Table implements OnInit, OnChanges {
     filterModalShow: EventEmitter<boolean>;
     filterModalSave: EventEmitter<void>;
     filterModalReset: EventEmitter<boolean>;
-    constructor();
+    constructor(_elementRef: ElementRef);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     keyDown({ key }: {
@@ -231,7 +249,7 @@ export declare class Table implements OnInit, OnChanges {
     private _parseItems;
     private _generateColumns;
     _checkboxDisabled(item: any): boolean | "" | undefined;
-    _selectAllChange($event: any): void;
+    _selectAllChange($event: any, forceValue?: boolean): void;
     _checkboxChange(target: any, index: number): void;
     private _getCheckedValue;
     private _getSelectionValue;
@@ -242,5 +260,5 @@ export declare class Table implements OnInit, OnChanges {
     private _findRow;
     private _findRowAction;
     static ɵfac: i0.ɵɵFactoryDeclaration<Table, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Table, "p-table-ngx", never, { "items": "items"; "loading": "loading"; "headerLoading": "headerLoading"; "footerLoading": "footerLoading"; "amountOfLoadingRows": "amountOfLoadingRows"; "enableRowSelection": "enableRowSelection"; "enableRowClick": "enableRowClick"; "selectedRows": "selectedRows"; "selectionKey": "selectionKey"; "canSelectKey": "canSelectKey"; "enableHeader": "enableHeader"; "quickFilters": "quickFilters"; "activeQuickFilterIdentifier": "activeQuickFilterIdentifier"; "enableSearch": "enableSearch"; "query": "query"; "enableFilter": "enableFilter"; "selectedFiltersAmount": "selectedFiltersAmount"; "filterButtonTemplate": "filterButtonTemplate"; "enableEdit": "enableEdit"; "editButtonLoading": "editButtonLoading"; "editButtonIcon": "editButtonIcon"; "editButtonText": "editButtonText"; "editButtonTemplate": "editButtonTemplate"; "enableFooter": "enableFooter"; "enablePageSize": "enablePageSize"; "enablePagination": "enablePagination"; "enableExport": "enableExport"; "page": "page"; "total": "total"; "pageSize": "pageSize"; "pageSizeOptions": "pageSizeOptions"; "hideOnSinglePage": "hideOnSinglePage"; "emptyStateType": "emptyStateType"; "emptyStateIllustration": "emptyStateIllustration"; "emptyStateHeader": "emptyStateHeader"; "emptyStateContent": "emptyStateContent"; "emptyStateAction": "emptyStateAction"; "enableEmptyStateAction": "enableEmptyStateAction"; "emptyStateFilteredIllustration": "emptyStateFilteredIllustration"; "emptyStateFilteredHeader": "emptyStateFilteredHeader"; "emptyStateFilteredContent": "emptyStateFilteredContent"; "filterModalHeaderText": "filterModalHeaderText"; "filterModalSaveText": "filterModalSaveText"; "filterModalCancelText": "filterModalCancelText"; "filterModalResetText": "filterModalResetText"; "filterModalShowReset": "filterModalShowReset"; "filterModalShowResetMobile": "filterModalShowResetMobile"; }, { "selectedRowsChange": "selectedRowsChange"; "rowClick": "rowClick"; "rowSelected": "rowSelected"; "rowDeselected": "rowDeselected"; "quickFilter": "quickFilter"; "queryChange": "queryChange"; "filter": "filter"; "edit": "edit"; "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; "export": "export"; "emptyStateActionClick": "emptyStateActionClick"; "filterModalShow": "filterModalShow"; "filterModalSave": "filterModalSave"; "filterModalReset": "filterModalReset"; }, ["headerCustomFilterTemplate", "filterModalTemplate", "columnDefinitions"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Table, "p-table-ngx", never, { "items": "items"; "loading": "loading"; "headerLoading": "headerLoading"; "footerLoading": "footerLoading"; "amountOfLoadingRows": "amountOfLoadingRows"; "enableRowSelection": "enableRowSelection"; "enableRowClick": "enableRowClick"; "selectedRows": "selectedRows"; "selectionKey": "selectionKey"; "canSelectKey": "canSelectKey"; "enableFloatingMenu": "enableFloatingMenu"; "floatingMenuAmountSelectedText": "floatingMenuAmountSelectedText"; "floatingMenuAmountSelectedTemplate": "floatingMenuAmountSelectedTemplate"; "enableHeader": "enableHeader"; "quickFilters": "quickFilters"; "activeQuickFilterIdentifier": "activeQuickFilterIdentifier"; "enableSearch": "enableSearch"; "query": "query"; "enableFilter": "enableFilter"; "selectedFiltersAmount": "selectedFiltersAmount"; "filterButtonTemplate": "filterButtonTemplate"; "enableAction": "enableAction"; "actionButtonLoading": "actionButtonLoading"; "actionButtonIcon": "actionButtonIcon"; "actionButtonEnabled": "actionButtonEnabled"; "actionButtonText": "actionButtonText"; "actionButtonTemplate": "actionButtonTemplate"; "enableFooter": "enableFooter"; "enablePageSize": "enablePageSize"; "enablePagination": "enablePagination"; "enableExport": "enableExport"; "page": "page"; "total": "total"; "pageSize": "pageSize"; "pageSizeOptions": "pageSizeOptions"; "hideOnSinglePage": "hideOnSinglePage"; "emptyStateType": "emptyStateType"; "emptyStateIllustration": "emptyStateIllustration"; "emptyStateHeader": "emptyStateHeader"; "emptyStateContent": "emptyStateContent"; "emptyStateAction": "emptyStateAction"; "enableEmptyStateAction": "enableEmptyStateAction"; "emptyStateFilteredIllustration": "emptyStateFilteredIllustration"; "emptyStateFilteredHeader": "emptyStateFilteredHeader"; "emptyStateFilteredContent": "emptyStateFilteredContent"; "filterModalHeaderText": "filterModalHeaderText"; "filterModalSaveText": "filterModalSaveText"; "filterModalCancelText": "filterModalCancelText"; "filterModalResetText": "filterModalResetText"; "filterModalShowReset": "filterModalShowReset"; "filterModalShowResetMobile": "filterModalShowResetMobile"; }, { "selectedRowsChange": "selectedRowsChange"; "rowClick": "rowClick"; "rowSelected": "rowSelected"; "rowDeselected": "rowDeselected"; "quickFilter": "quickFilter"; "queryChange": "queryChange"; "filter": "filter"; "action": "action"; "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; "export": "export"; "emptyStateActionClick": "emptyStateActionClick"; "filterModalShow": "filterModalShow"; "filterModalSave": "filterModalSave"; "filterModalReset": "filterModalReset"; }, ["floatingMenuContentTemplate", "headerCustomFilterTemplate", "filterModalTemplate", "columnDefinitions"], never, false, never>;
 }

package/lib/modules/table/directives/index.d.ts

@@ -1,12 +1,14 @@
 export * from './p-table-custom-filter.directive';
 export * from './p-table-filter-modal.directive';
+export * from './p-table-floating-menu-content.directive';
 export * from './p-table-footer.directive';
 export * from './p-table-header.directive';
 export * from './p-table-ngx.directive';
 export * from './p-table.directive';
 import { TableCustomFilterDirective } from './p-table-custom-filter.directive';
+import { TableFloatingMenuContentDirective } from './p-table-floating-menu-content.directive';
 import { TableFooterDirective } from './p-table-footer.directive';
 import { TableHeaderDirective } from './p-table-header.directive';
 import { TableNgxDirective } from './p-table-ngx.directive';
 import { TableDirective } from './p-table.directive';
-export declare const TABLE_DIRECTIVES: (typeof TableCustomFilterDirective | typeof TableFooterDirective | typeof TableHeaderDirective | typeof TableNgxDirective | typeof TableDirective)[];
+export declare const TABLE_DIRECTIVES: (typeof TableCustomFilterDirective | typeof TableFloatingMenuContentDirective | typeof TableFooterDirective | typeof TableHeaderDirective | typeof TableNgxDirective | typeof TableDirective)[];

package/lib/modules/table/directives/p-table-floating-menu-content.directive.d.ts

@@ -0,0 +1,8 @@
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class TableFloatingMenuContentDirective {
+    template: TemplateRef<any>;
+    constructor(template: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableFloatingMenuContentDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TableFloatingMenuContentDirective, "[p-table-floating-menu-content]", never, {}, {}, never, never, false, never>;
+}

package/lib/modules/table/table.module.d.ts

@@ -8,10 +8,11 @@ import * as i6 from "./directives/p-table.directive";
 import * as i7 from "./directives/p-table-ngx.directive";
 import * as i8 from "./directives/p-table-filter-modal.directive";
 import * as i9 from "./directives/p-table-custom-filter.directive";
-import * as i10 from "@angular/common";
-import * as i11 from "../../stencil.module";
+import * as i10 from "./directives/p-table-floating-menu-content.directive";
+import * as i11 from "@angular/common";
+import * as i12 from "../../stencil.module";
 export declare class TableModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TableModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TableModule, [typeof i1.Table, typeof i2.TableCell, typeof i3.TableColumn, typeof i4.TableFooterDirective, typeof i5.TableHeaderDirective, typeof i6.TableDirective, typeof i7.TableNgxDirective, typeof i8.TableFilterModalDirective, typeof i9.TableCustomFilterDirective], [typeof i10.CommonModule, typeof i11.StencilModule], [typeof i1.Table, typeof i2.TableCell, typeof i3.TableColumn, typeof i4.TableFooterDirective, typeof i5.TableHeaderDirective, typeof i6.TableDirective, typeof i7.TableNgxDirective, typeof i8.TableFilterModalDirective, typeof i9.TableCustomFilterDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TableModule, [typeof i1.Table, typeof i2.TableCell, typeof i3.TableColumn, typeof i4.TableFooterDirective, typeof i5.TableHeaderDirective, typeof i6.TableDirective, typeof i7.TableNgxDirective, typeof i8.TableFilterModalDirective, typeof i9.TableCustomFilterDirective, typeof i10.TableFloatingMenuContentDirective], [typeof i11.CommonModule, typeof i12.StencilModule], [typeof i1.Table, typeof i2.TableCell, typeof i3.TableColumn, typeof i4.TableFooterDirective, typeof i5.TableHeaderDirective, typeof i6.TableDirective, typeof i7.TableNgxDirective, typeof i8.TableFilterModalDirective, typeof i9.TableCustomFilterDirective, typeof i10.TableFloatingMenuContentDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TableModule>;
 }

package/lib/stencil/components.d.ts

@@ -256,7 +256,7 @@ export declare class PFloatingMenuContainer {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<PFloatingMenuContainer, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PFloatingMenuContainer, "p-floating-menu-container", never, {}, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PFloatingMenuContainer, "p-floating-menu-container", never, { "usedInTable": "usedInTable"; }, {}, never, ["*"], false, never>;
 }
 export declare interface PFloatingMenuContainer extends Components.PFloatingMenuContainer {
 }
@@ -606,7 +606,7 @@ export declare class PTableHeader {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<PTableHeader, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PTableHeader, "p-table-header", never, { "activeQuickFilterIdentifier": "activeQuickFilterIdentifier"; "canEdit": "canEdit"; "editButtonTemplate": "editButtonTemplate"; "editIcon": "editIcon"; "editLoading": "editLoading"; "editText": "editText"; "enableEdit": "enableEdit"; "enableFilter": "enableFilter"; "enableSearch": "enableSearch"; "filterButtonTemplate": "filterButtonTemplate"; "itemsSelectedAmount": "itemsSelectedAmount"; "loading": "loading"; "query": "query"; "quickFilters": "quickFilters"; "selectedFiltersAmount": "selectedFiltersAmount"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PTableHeader, "p-table-header", never, { "actionButtonTemplate": "actionButtonTemplate"; "actionIcon": "actionIcon"; "actionLoading": "actionLoading"; "actionText": "actionText"; "activeQuickFilterIdentifier": "activeQuickFilterIdentifier"; "canUseAction": "canUseAction"; "enableAction": "enableAction"; "enableFilter": "enableFilter"; "enableSearch": "enableSearch"; "filterButtonTemplate": "filterButtonTemplate"; "itemsSelectedAmount": "itemsSelectedAmount"; "loading": "loading"; "query": "query"; "quickFilters": "quickFilters"; "selectedFiltersAmount": "selectedFiltersAmount"; }, {}, never, ["*"], false, never>;
 }
 export declare interface PTableHeader extends Components.PTableHeader {
     /**
@@ -622,9 +622,9 @@ export declare interface PTableHeader extends Components.PTableHeader {
      */
     filter: EventEmitter<CustomEvent<null>>;
     /**
-     * Event when the edit button is clicked
+     * Event when the action button is clicked
      */
-    edit: EventEmitter<CustomEvent<null>>;
+    action: EventEmitter<CustomEvent<null>>;
 }
 export declare class PTableRow {
     protected z: NgZone;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paperless/angular",
-  "version": "1.15.0",
+  "version": "1.16.0",
   "peerDependencies": {
     "@angular/cdk": "^13.3.0 || ^14.0.0 || ^15.0.0 || ^17.0.0",
     "@angular/common": "^13.3.0 || ^14.0.0 || ^15.0.0",

package/paperless.css

@@ -2,14 +2,34 @@
   position: static !important
 }
 
+.fixed {
+  position: fixed !important
+}
+
+.absolute {
+  position: absolute !important
+}
+
+.relative {
+  position: relative !important
+}
+
 .bottom-0 {
   bottom: 0px !important
 }
 
+.bottom-4 {
+  bottom: 1rem !important
+}
+
 .left-0 {
   left: 0px !important
 }
 
+.left-1\/2 {
+  left: 50% !important
+}
+
 .right-0 {
   right: 0px !important
 }
@@ -74,10 +94,6 @@
   width: 41.666667% !important
 }
 
-.w-6 {
-  width: 1.5rem !important
-}
-
 .w-6\/12 {
   width: 50% !important
 }
@@ -110,6 +126,11 @@
   flex-shrink: 1 !important
 }
 
+.-translate-x-1\/2 {
+  --tw-translate-x: -50% !important;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
+}
+
 .transform {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
 }