@paperless/angular 2.16.0 → 2.16.1

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

@@ -1,17 +1,17 @@
 import { ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnInit, QueryList, SimpleChanges, TemplateRef } from '@angular/core';
 import { Params } from '@angular/router';
-import { QuickFilter, RowClickEvent, cn } from '@paperless/core';
+import { cn, QuickFilter, RowClickEvent } from '@paperless/core';
 import { IconVariant, IllustrationVariant } from '@paperless/core/dist/types/components';
 import { BehaviorSubject } from 'rxjs';
+import { PTableRow } from '../../../../stencil/components';
+import { TableCustomRowDirective } from '../../directives/p-table-custom-row.directive';
+import { TableCell } from '../table-cell/table-cell.component';
 import { TableColumn } from '../table-column/table-column.component';
 import { TableExtraHeader } from '../table-extra-header/table-extra-header.component';
 import { AsyncItem, TableRowAction, TableRowActionQueryParams, TableRowActionRouterLink } from '../table-row-action/table-row-action.component';
-import { TableCell } from '../table-cell/table-cell.component';
-import { PTableRow } from '../../../../stencil/components';
-import { TableCustomRowDirective } from '../../directives/p-table-custom-row.directive';
 import * as i0 from "@angular/core";
 export declare class Table implements OnInit, OnChanges {
-    private _changeDetection;
+    private _cd;
     className: string;
     theme: import("@paperless/core").StateThemeOption;
     /**
@@ -281,9 +281,10 @@ export declare class Table implements OnInit, OnChanges {
     private _resizeTimeout;
     private _inputEnableRowSelection;
     private _inputRowSelectionLimit;
+    private _themeDebounce?;
     footerHidden$: BehaviorSubject<boolean>;
     cn: typeof cn;
-    constructor(_changeDetection: ChangeDetectorRef);
+    constructor(_cd: ChangeDetectorRef);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
@@ -330,6 +331,7 @@ export declare class Table implements OnInit, OnChanges {
     private _setRowsWidth;
     private _resetScrollPosition;
     private _calculateScrollPosition;
+    private _checkTheme;
     static ɵfac: i0.ɵɵFactoryDeclaration<Table, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<Table, "p-table-ngx", never, { "items": "items"; "loading": "loading"; "headerLoading": "headerLoading"; "footerLoading": "footerLoading"; "amountOfLoadingRows": "amountOfLoadingRows"; "enableRowSelection": "enableRowSelection"; "rowSelectionLimit": "rowSelectionLimit"; "enableRowClick": "enableRowClick"; "selectedRows": "selectedRows"; "selectionKey": "selectionKey"; "canSelectKey": "canSelectKey"; "enableFloatingMenu": "enableFloatingMenu"; "floatingMenuAmountSelectedText": "floatingMenuAmountSelectedText"; "floatingMenuAmountSelectedTemplate": "floatingMenuAmountSelectedTemplate"; "enableHeader": "enableHeader"; "quickFilters": "quickFilters"; "activeQuickFilterIdentifier": "activeQuickFilterIdentifier"; "enableSearch": "enableSearch"; "query": "query"; "enableFilter": "enableFilter"; "enableFilterDesktop": "enableFilterDesktop"; "selectedFiltersAmount": "selectedFiltersAmount"; "filterButtonTemplate": "filterButtonTemplate"; "enableAction": "enableAction"; "actionButtonLoading": "actionButtonLoading"; "actionButtonIcon": "actionButtonIcon"; "actionButtonEnabled": "actionButtonEnabled"; "actionButtonText": "actionButtonText"; "actionButtonTemplate": "actionButtonTemplate"; "enableFooter": "enableFooter"; "enablePaginationSize": "enablePaginationSize"; "enablePaginationPages": "enablePaginationPages"; "enableExport": "enableExport"; "page": "page"; "total": "total"; "pageSize": "pageSize"; "pageSizeOptions": "pageSizeOptions"; "hideOnSinglePage": "hideOnSinglePage"; "emptyStateType": "emptyStateType"; "emptyStateIllustration": "emptyStateIllustration"; "emptyStateHeader": "emptyStateHeader"; "emptyStateContent": "emptyStateContent"; "emptyStateAction": "emptyStateAction"; "emptyStateActionIcon": "emptyStateActionIcon"; "enableEmptyStateAction": "enableEmptyStateAction"; "emptyStateFilteredIllustration": "emptyStateFilteredIllustration"; "emptyStateFilteredHeader": "emptyStateFilteredHeader"; "emptyStateFilteredContent": "emptyStateFilteredContent"; "enableScroll": "enableScroll"; "shadow": "shadow"; "filterModalHeaderText": "filterModalHeaderText"; "filterModalSaveText": "filterModalSaveText"; "filterModalCancelText": "filterModalCancelText"; "filterModalResetText": "filterModalResetText"; "filterModalShowReset": "filterModalShowReset"; "filterModalShowResetMobile": "filterModalShowResetMobile"; }, { "selectedRowsChange": "selectedRowsChange"; "rowClick": "rowClick"; "rowSelected": "rowSelected"; "rowDeselected": "rowDeselected"; "quickFilter": "quickFilter"; "queryChange": "queryChange"; "filter": "filter"; "action": "action"; "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; "export": "export"; "emptyStateActionClick": "emptyStateActionClick"; "filterModalShow": "filterModalShow"; "filterModalSave": "filterModalSave"; "filterModalReset": "filterModalReset"; }, ["headerCustomFilterTemplate", "headerCustomActionsTemplate", "filterModalTemplate", "columnDefinitions", "extraHeaderDefinitions", "rowActions", "customRows"], never, false, never>;
 }

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

@@ -1,8 +1,7 @@
-import { OnInit, TemplateRef } from '@angular/core';
+import { TemplateRef } from '@angular/core';
 import { cn, TableDefinitionData } from '@paperless/core';
 import * as i0 from "@angular/core";
-export declare class TableCell implements OnInit {
-    theme: import("@paperless/core").StateThemeOption;
+export declare class TableCell {
     /**
      * The variant of the column
      */
@@ -48,7 +47,6 @@ export declare class TableCell implements OnInit {
     get data(): TableDefinitionData | {
         value: string;
     };
-    ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableCell, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TableCell, "p-table-cell-ngx", never, { "variant": "variant"; "index": "index"; "rowIndex": "rowIndex"; "definition": "definition"; "item": "item"; "value": "value"; "checkbox": "checkbox"; "checkboxOffset": "checkboxOffset"; "template": "template"; "scrollable": "scrollable"; }, {}, never, ["*"], false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paperless/angular",
-  "version": "2.16.0",
+  "version": "2.16.1",
   "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

@@ -289,6 +289,12 @@
   background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important
 }
 
+.from-off-white-300 {
+  --tw-gradient-from: #F8F7F4 var(--tw-gradient-from-position) !important;
+  --tw-gradient-to: rgb(248 247 244 / 0) var(--tw-gradient-to-position) !important;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important
+}
+
 .from-white {
   --tw-gradient-from: #FFFFFF var(--tw-gradient-from-position) !important;
   --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important;
@@ -982,6 +988,12 @@
   background-color: rgb(35 41 52 / var(--tw-bg-opacity, 1)) !important
 }
 
+.dark\:from-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *) {
+  --tw-gradient-from: #464B54 var(--tw-gradient-from-position) !important;
+  --tw-gradient-to: rgb(70 75 84 / 0) var(--tw-gradient-to-position) !important;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important
+}
+
 .dark\:from-hurricane-700:where(:host([data-theme=dark]),:host([data-theme=dark]) *) {
   --tw-gradient-from: #232934 var(--tw-gradient-from-position) !important;
   --tw-gradient-to: rgb(35 41 52 / 0) var(--tw-gradient-to-position) !important;
@@ -1029,6 +1041,12 @@
   background-color: rgb(35 41 52 / var(--tw-bg-opacity, 1)) !important
 }
 
+.dark\:from-hurricane-400:where([data-theme=dark],[data-theme=dark] *) {
+  --tw-gradient-from: #464B54 var(--tw-gradient-from-position) !important;
+  --tw-gradient-to: rgb(70 75 84 / 0) var(--tw-gradient-to-position) !important;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important
+}
+
 .dark\:from-hurricane-700:where([data-theme=dark],[data-theme=dark] *) {
   --tw-gradient-from: #232934 var(--tw-gradient-from-position) !important;
   --tw-gradient-to: rgb(35 41 52 / 0) var(--tw-gradient-to-position) !important;