@paperless/angular 1.52.1 → 1.52.3

package/fesm2020/paperless-angular.mjs

@@ -13,7 +13,7 @@ import { PlatformModule } from '@angular/cdk/platform';
 import { PortalModule, CdkPortal, ComponentPortal } from '@angular/cdk/portal';
 import { untilDestroyed, UntilDestroy } from '@ngneat/until-destroy';
 import { startWith, tap, pairwise, map, filter, debounce } from 'rxjs/operators';
-import { objectGetByPath, isTableColumnSizesKey, isMobile, tableColumSizesOptions } from '@paperless/core';
+import { getTableCellColumnClasses, objectGetByPath, isMobile, tableColumSizesOptions } from '@paperless/core';
 import * as i2 from '@angular/router';
 import { RouterModule } from '@angular/router';
 import { v4 } from 'uuid';
@@ -2370,98 +2370,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
             }] } });
 
 /* eslint-disable max-len */
-class TableCell {
-    constructor() {
-        /**
-         * The variant of the column
-         */
-        this.variant = 'default';
-        /**
-         * The index of the column
-         */
-        this.index = 0;
-        /**
-         * The index of the row
-         */
-        this.rowIndex = 0;
-        /**
-         * Wether the table has actions
-         */
-        this.tableHasActions = false;
-    }
-    get class() {
-        return this.getColumnClasses();
-    }
-    get data() {
-        if (this.variant === 'header') {
-            return {
-                value: this.value,
-            };
-        }
-        if (this.variant === 'actions') {
-            return {
-                value: this.value,
-                item: this.item,
-                index: this.index,
-                rowIndex: this.rowIndex,
-            };
-        }
-        return {
-            value: this.value ?? objectGetByPath(this.item, this.definition.path),
-            item: this.item,
-            index: this.index,
-            rowIndex: this.rowIndex,
-        };
-    }
-    // render() {
-    // 	return (
-    // 		<Host
-    // 			class={{
-    // 				'p-table-column': true,
-    // 				[`variant-${this.variant}`]: true,
-    // 				...this._getColumnClasses(),
-    // 			}}
-    // 		>
-    // 			{this.checkbox}
-    // 			{this.variant === 'loading' ? (
-    // 				<p-loader
-    // 					variant="ghost"
-    // 					class="rounded flex-1 w-full h-6"
-    // 				/>
-    // 			) : (
-    // 				<div class="flex">
-    // 					{this.variant === 'header' ? (
-    // 						this.data.value
-    // 					) : this.definition.useSlot ? (
-    // 						<slot />
-    // 					) : (
-    // 						this.template(this.data as TableDefinitionData)
-    // 					)}
-    // 				</div>
-    // 			)}
-    // 		</Host>
-    // 	);
-    // }
-    getColumnClasses() {
-        const sizes = this.definition ? this._getSizes(this.definition) : {};
-        const isLastValues = this.definition
-            ? this._getIsLastValues(this.definition)
-            : {};
-        return {
-            'justify-start': !this.definition?.align || this.definition?.align === 'start',
-            'justify-center': this.definition?.align === 'center',
-            'justify-end': this.definition?.align === 'end',
-            'font-semibold': this.variant !== 'header' && this.definition?.type === 'th',
-            'text-storm-dark': this.variant !== 'header' && this.definition?.type === 'th',
-            'group-hover:flex': this.variant === 'actions' && this.tableHasActions,
-            hidden: this.variant === 'actions' && this.tableHasActions,
-            ...sizes,
-            ...isLastValues,
-        };
-    }
-    /*
+/*
      With this, we shall hack the system in ways no one would ever have thought.
 
+     justify-start justify-center justify-end
+     font-semibold text-storm-dark
      w-1/12 w-2/12 w-3/12 w-4/12 w-5/12 w-6/12 w-7/12 w-8/12 w-9/12 w-10/12 w-11/12 w-12/12
      tablet:w-1/12 tablet:w-2/12 tablet:w-3/12 tablet:w-4/12 tablet:w-5/12 tablet:w-6/12 tablet:w-7/12 tablet:w-8/12 tablet:w-9/12 tablet:w-10/12 tablet:w-11/12 tablet:w-12/12
      desktop-xs:w-1/12 desktop-xs:w-2/12 desktop-xs:w-3/12 desktop-xs:w-4/12 desktop-xs:w-5/12 desktop-xs:w-6/12 desktop-xs:w-7/12 desktop-xs:w-8/12 desktop-xs:w-9/12 desktop-xs:w-10/12 desktop-xs:w-11/12 desktop-xs:w-12/12
@@ -2477,6 +2390,13 @@ class TableCell {
      desktop:hidden desktop:flex desktop:group-hover:hidden desktop:group-hover:flex
      desktop-lg:hidden desktop-lg:flex desktop-lg:group-hover:hidden desktop-lg:group-hover:flex
      desktop-xl:hidden desktop-xl:flex desktop-xl:group-hover:hidden desktop-xl:group-hover:flex
+     pr-4 pr-0
+     tablet:pr-4 tablet:pr-0
+     desktop-xs:pr-4 desktop-xs:pr-0
+     desktop-sm:pr-4 desktop-sm:pr-0
+     desktop:pr-4 desktop:pr-0
+     desktop-lg:pr-4 desktop-lg:pr-0
+     desktop-xl:pr-4 desktop-xl:pr-0
 
 
         ⠀⠀⠀⠀⠀⣠⣴⣶⣿⣿⠿⣷⣶⣤⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣴⣶⣷⠿⣿⣿⣶⣦⣀⠀⠀⠀⠀⠀
@@ -2489,7 +2409,8 @@ class TableCell {
         ⠀⠀⣨⣷⣶⣿⣧⣛⣛⠿⠿⣿⢿⣿⣿⣛⣿⡿⠀⠀⡇⠀⠀⠀⠀⢸⠀⠈⢿⣟⣛⠿⢿⡿⢿⢿⢿⣛⣫⣼⡿⣶⣾⣅⡀⠀
         ⢀⡼⠋⠁⠀⠀⠈⠉⠛⠛⠻⠟⠸⠛⠋⠉⠁⠀⠀⢸⡇⠀⠀⠄⠀⢸⡄⠀⠀⠈⠉⠙⠛⠃⠻⠛⠛⠛⠉⠁⠀⠀⠈⠙⢧⡀
         ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣿⡇⢠⠀⠀⠀⢸⣷⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
-        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣾⣿⡇⠀⠀⠀⠀⢸⣿⣷⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⠟⠁⣿⠇⠀⠀⠀⠀⢸⡇⠙⢿⣆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
+        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣾⣿⡇⠀⠀⠀⠀⢸⣿⣷⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
+        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⠟⠁⣿⠇⠀⠀⠀⠀⢸⡇⠙⢿⣆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
         ⠀⠰⣄⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣾⠖⡾⠁⠀⠀⣿⠀⠀⠀⠀⠀⠘⣿⠀⠀⠙⡇⢸⣷⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⣰⠄⠀
         ⠀⠀⢻⣷⡦⣤⣤⣤⡴⠶⠿⠛⠉⠁⠀⢳⠀⢠⡀⢿⣀⠀⠀⠀⠀⣠⡟⢀⣀⢠⠇⠀⠈⠙⠛⠷⠶⢦⣤⣤⣤⢴⣾⡏⠀⠀
         ⠀⠀⠈⣿⣧⠙⣿⣷⣄⠀⠀⠀⠀⠀⠀⠀⠀⠘⠛⢊⣙⠛⠒⠒⢛⣋⡚⠛⠉⠀⠀⠀⠀⠀⠀⠀⠀⣠⣿⡿⠁⣾⡿⠀⠀⠀
@@ -2506,85 +2427,49 @@ class TableCell {
         ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⣿⣿⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
         ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⣿⣿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
     */
-    _getSizes({ sizes, } /* Table Definition */) {
-        if (sizes === 'auto' || !sizes) {
-            return {
-                'w-auto': true,
-            };
-        }
-        if (sizes === 'hidden') {
+class TableCell {
+    constructor() {
+        /**
+         * The variant of the column
+         */
+        this.variant = 'default';
+        /**
+         * The index of the column
+         */
+        this.index = 0;
+        /**
+         * The index of the row
+         */
+        this.rowIndex = 0;
+        /**
+         * Wether the table has actions
+         */
+        this.tableHasActions = false;
+    }
+    get class() {
+        return getTableCellColumnClasses(this.definition, this.variant, this.tableHasActions);
+    }
+    get data() {
+        if (this.variant === 'header') {
             return {
-                hidden: true,
+                value: this.value,
             };
         }
-        if (typeof sizes === 'object') {
-            sizes = sizes;
-            const classes = {};
-            let previousSize;
-            for (let size in sizes) {
-                if (!isTableColumnSizesKey(sizes, size)) {
-                    continue;
-                }
-                if (size === 'default') {
-                    if (sizes.default === 'hidden') {
-                        classes['hidden'] = true;
-                        previousSize = size;
-                        continue;
-                    }
-                    classes[`w-${sizes.default}/12`] = true;
-                    previousSize = size;
-                    continue;
-                }
-                const currentValue = sizes[size];
-                const previousValue = previousSize ? sizes[previousSize] : null;
-                if (currentValue !== 'hidden' &&
-                    previousValue &&
-                    previousValue === 'hidden' &&
-                    this.variant !== 'actions') {
-                    classes[`${size}:flex`] = true;
-                }
-                if (currentValue === 'hidden' && this.variant !== 'actions') {
-                    classes[`${size}:hidden`] = true;
-                    previousSize = size;
-                    continue;
-                }
-                if (currentValue === 12 || currentValue === 'full') {
-                    classes[`${size}:w-full`] = true;
-                }
-                classes[`${size}:w-${currentValue}/12`] = true;
-                previousSize = size;
-            }
-            return classes;
-        }
-        if (sizes === 12 || sizes === 'full') {
+        if (this.variant === 'actions') {
             return {
-                'w-full': true,
+                value: this.value,
+                item: this.item,
+                index: this.index,
+                rowIndex: this.rowIndex,
             };
         }
-        // is a number.
         return {
-            [`w-${sizes}/12`]: true,
+            value: this.value ?? objectGetByPath(this.item, this.definition.path),
+            item: this.item,
+            index: this.index,
+            rowIndex: this.rowIndex,
         };
     }
-    _getIsLastValues({ isLast, parsedSizes, } /* Table Definition */) {
-        const values = {};
-        for (let size of Object.keys(isLast)) {
-            let prefix = '';
-            if (size !== 'default') {
-                prefix = `${size}:`;
-            }
-            values[`${prefix}pr-4`] = !isLast[size];
-            values[`${prefix}group-hover:hidden`] =
-                isLast[size] && this.tableHasActions && this.variant !== 'actions';
-            values[`${prefix}group-hover:flex`] =
-                parsedSizes[size] !== 'hidden' ||
-                    this.variant === 'actions';
-            values[`${prefix}flex`] =
-                parsedSizes[size] !== 'hidden' &&
-                    this.variant !== 'actions';
-        }
-        return values;
-    }
 }
 TableCell.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableCell, deps: [], target: i0.ɵɵFactoryTarget.Component });
 TableCell.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TableCell, selector: "p-table-cell-ngx", inputs: { variant: "variant", index: "index", rowIndex: "rowIndex", definition: "definition", item: "item", value: "value", tableHasActions: "tableHasActions", checkbox: "checkbox", template: "template" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<ng-container *ngIf=\"checkbox\">\n\t<ng-container *ngTemplateOutlet=\"checkbox\"></ng-container>\n</ng-container>\n\n<ng-container [ngSwitch]=\"variant\">\n\t<p-loader\n\t\t*ngSwitchCase=\"'loading'\"\n\t\tvariant=\"ghost\"\n\t\tclass=\"h-6 w-full flex-1 rounded\"\n\t></p-loader>\n\n\t<ng-container *ngSwitchCase=\"'actions'\">\n\t\t<ng-container *ngIf=\"template\">\n\t\t\t<ng-container *ngTemplateOutlet=\"template; context: data\"></ng-container>\n\t\t</ng-container>\n\t</ng-container>\n\n\t<div\n\t\t*ngSwitchCase=\"'header'\"\n\t\tclass=\"flex w-full overflow-hidden\"\n\t\t[class.justify-start]=\"definition.align === 'start'\"\n\t\t[class.justify-center]=\"definition.align === 'center'\"\n\t\t[class.justify-end]=\"definition.align === 'end'\"\n\t>\n\t\t<ng-container *ngTemplateOutlet=\"valueTemplate\"></ng-container>\n\t</div>\n\n\t<div\n\t\t*ngSwitchCase=\"'default'\"\n\t\tclass=\"flex min-w-0 flex-1\"\n\t\t[class.justify-start]=\"definition.align === 'start'\"\n\t\t[class.justify-center]=\"definition.align === 'center'\"\n\t\t[class.justify-end]=\"definition.align === 'end'\"\n\t>\n\t\t<ng-container *ngIf=\"template; else valueTemplate\">\n\t\t\t<ng-container *ngTemplateOutlet=\"template; context: data\"></ng-container>\n\t\t</ng-container>\n\t</div>\n</ng-container>\n\n<ng-template #valueTemplate>\n\t{{ data.value }}\n</ng-template>\n", styles: [":host{align-items:center;gap:1rem}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: PLoader, selector: "p-loader", inputs: ["color", "modalDescription", "modalTitle", "show", "variant"] }] });