@paperless/angular 0.1.0-alpha.442 → 0.1.0-alpha.444
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/modules/table/components/table-cell/table-cell.component.mjs +26 -12
- package/fesm2015/paperless-angular.mjs +25 -11
- package/fesm2015/paperless-angular.mjs.map +1 -1
- package/fesm2020/paperless-angular.mjs +25 -11
- package/fesm2020/paperless-angular.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -13,7 +13,7 @@ import { PlatformModule } from '@angular/cdk/platform';
|
|
|
13
13
|
import { PortalModule, CdkPortal, ComponentPortal } from '@angular/cdk/portal';
|
|
14
14
|
import { untilDestroyed, UntilDestroy } from '@ngneat/until-destroy';
|
|
15
15
|
import { startWith, pairwise, map, filter, debounce } from 'rxjs/operators';
|
|
16
|
-
import { objectGetByPath } from '@paperless/core';
|
|
16
|
+
import { objectGetByPath, isTableColumnSizesKey } from '@paperless/core';
|
|
17
17
|
import { v4 } from 'uuid';
|
|
18
18
|
import * as i1$2 from '@angular/platform-browser';
|
|
19
19
|
|
|
@@ -2349,7 +2349,7 @@ class TableCell {
|
|
|
2349
2349
|
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⣿⣿⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
|
|
2350
2350
|
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⣿⣿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
|
|
2351
2351
|
*/
|
|
2352
|
-
_getSizes({ sizes } /* Table Definition */) {
|
|
2352
|
+
_getSizes({ sizes, } /* Table Definition */) {
|
|
2353
2353
|
if (sizes === 'auto' || !sizes) {
|
|
2354
2354
|
return {
|
|
2355
2355
|
'w-auto': true,
|
|
@@ -2361,9 +2361,13 @@ class TableCell {
|
|
|
2361
2361
|
};
|
|
2362
2362
|
}
|
|
2363
2363
|
if (typeof sizes === 'object') {
|
|
2364
|
+
sizes = sizes;
|
|
2364
2365
|
const classes = {};
|
|
2365
|
-
let previousSize
|
|
2366
|
-
for (
|
|
2366
|
+
let previousSize;
|
|
2367
|
+
for (let size in sizes) {
|
|
2368
|
+
if (!isTableColumnSizesKey(sizes, size)) {
|
|
2369
|
+
continue;
|
|
2370
|
+
}
|
|
2367
2371
|
if (size === 'default') {
|
|
2368
2372
|
if (sizes.default === 'hidden') {
|
|
2369
2373
|
classes['hidden'] = true;
|
|
@@ -2374,21 +2378,31 @@ class TableCell {
|
|
|
2374
2378
|
previousSize = size;
|
|
2375
2379
|
continue;
|
|
2376
2380
|
}
|
|
2377
|
-
|
|
2378
|
-
|
|
2379
|
-
|
|
2381
|
+
const currentValue = sizes[size];
|
|
2382
|
+
const previousValue = previousSize ? sizes[previousSize] : null;
|
|
2383
|
+
if (currentValue !== 'hidden' &&
|
|
2384
|
+
previousValue &&
|
|
2385
|
+
previousValue === 'hidden') {
|
|
2380
2386
|
classes[`${size}:flex`] = true;
|
|
2381
2387
|
}
|
|
2382
|
-
if (
|
|
2388
|
+
if (currentValue === 'hidden') {
|
|
2383
2389
|
classes[`${size}:hidden`] = true;
|
|
2384
2390
|
previousSize = size;
|
|
2385
2391
|
continue;
|
|
2386
2392
|
}
|
|
2387
|
-
|
|
2393
|
+
if (currentValue === 12 || currentValue === 'full') {
|
|
2394
|
+
classes[`${size}:w-full`] = true;
|
|
2395
|
+
}
|
|
2396
|
+
classes[`${size}:w-${currentValue}/12`] = true;
|
|
2388
2397
|
previousSize = size;
|
|
2389
2398
|
}
|
|
2390
2399
|
return classes;
|
|
2391
2400
|
}
|
|
2401
|
+
if (sizes === 12 || sizes === 'full') {
|
|
2402
|
+
return {
|
|
2403
|
+
'w-full': true,
|
|
2404
|
+
};
|
|
2405
|
+
}
|
|
2392
2406
|
// is a number.
|
|
2393
2407
|
return {
|
|
2394
2408
|
[`w-${sizes}/12`]: true,
|
|
@@ -2396,10 +2410,10 @@ class TableCell {
|
|
|
2396
2410
|
}
|
|
2397
2411
|
}
|
|
2398
2412
|
TableCell.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableCell, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2399
|
-
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", checkbox: "checkbox", template: "template" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<ng-container *ngIf=\"checkbox\">\n <ng-container *ngTemplateOutlet=\"checkbox\"></ng-container>\n</ng-container>\n\n<ng-container [ngSwitch]=\"variant\">\n <p-loader\n *ngSwitchCase=\"'loading'\"\n variant=\"ghost\"\n class=\"h-6 w-full flex-1 rounded\"\n ></p-loader>\n\n <div
|
|
2413
|
+
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", checkbox: "checkbox", template: "template" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<ng-container *ngIf=\"checkbox\">\n <ng-container *ngTemplateOutlet=\"checkbox\"></ng-container>\n</ng-container>\n\n<ng-container [ngSwitch]=\"variant\">\n <p-loader\n *ngSwitchCase=\"'loading'\"\n variant=\"ghost\"\n class=\"h-6 w-full flex-1 rounded\"\n ></p-loader>\n\n <div\n *ngSwitchCase=\"'header'\"\n class=\"flex w-full overflow-hidden\"\n [class.justify-start]=\"definition.align === 'start'\"\n [class.justify-center]=\"definition.align === 'center'\"\n [class.justify-end]=\"definition.align === 'end'\"\n >\n <ng-container *ngTemplateOutlet=\"valueTemplate\"></ng-container>\n </div>\n\n <div\n *ngSwitchCase=\"'default'\"\n class=\"flex w-full overflow-hidden\"\n [class.justify-start]=\"definition.align === 'start'\"\n [class.justify-center]=\"definition.align === 'center'\"\n [class.justify-end]=\"definition.align === 'end'\"\n >\n <ng-container *ngIf=\"template; else valueTemplate\">\n <ng-container\n *ngTemplateOutlet=\"template; context: data\"\n ></ng-container>\n </ng-container>\n </div>\n</ng-container>\n\n<ng-template #valueTemplate>\n {{ data.value }}\n</ng-template>\n", styles: [":host{display:flex;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"] }] });
|
|
2400
2414
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableCell, decorators: [{
|
|
2401
2415
|
type: Component,
|
|
2402
|
-
args: [{ selector: 'p-table-cell-ngx', template: "<ng-container *ngIf=\"checkbox\">\n <ng-container *ngTemplateOutlet=\"checkbox\"></ng-container>\n</ng-container>\n\n<ng-container [ngSwitch]=\"variant\">\n <p-loader\n *ngSwitchCase=\"'loading'\"\n variant=\"ghost\"\n class=\"h-6 w-full flex-1 rounded\"\n ></p-loader>\n\n <div
|
|
2416
|
+
args: [{ selector: 'p-table-cell-ngx', template: "<ng-container *ngIf=\"checkbox\">\n <ng-container *ngTemplateOutlet=\"checkbox\"></ng-container>\n</ng-container>\n\n<ng-container [ngSwitch]=\"variant\">\n <p-loader\n *ngSwitchCase=\"'loading'\"\n variant=\"ghost\"\n class=\"h-6 w-full flex-1 rounded\"\n ></p-loader>\n\n <div\n *ngSwitchCase=\"'header'\"\n class=\"flex w-full overflow-hidden\"\n [class.justify-start]=\"definition.align === 'start'\"\n [class.justify-center]=\"definition.align === 'center'\"\n [class.justify-end]=\"definition.align === 'end'\"\n >\n <ng-container *ngTemplateOutlet=\"valueTemplate\"></ng-container>\n </div>\n\n <div\n *ngSwitchCase=\"'default'\"\n class=\"flex w-full overflow-hidden\"\n [class.justify-start]=\"definition.align === 'start'\"\n [class.justify-center]=\"definition.align === 'center'\"\n [class.justify-end]=\"definition.align === 'end'\"\n >\n <ng-container *ngIf=\"template; else valueTemplate\">\n <ng-container\n *ngTemplateOutlet=\"template; context: data\"\n ></ng-container>\n </ng-container>\n </div>\n</ng-container>\n\n<ng-template #valueTemplate>\n {{ data.value }}\n</ng-template>\n", styles: [":host{display:flex;align-items:center;gap:1rem}\n"] }]
|
|
2403
2417
|
}], propDecorators: { variant: [{
|
|
2404
2418
|
type: Input
|
|
2405
2419
|
}], index: [{
|