@paperless/angular 2.19.0 → 2.19.2
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 +29 -14
- package/fesm2015/paperless-angular.mjs +26 -10
- package/fesm2015/paperless-angular.mjs.map +1 -1
- package/fesm2020/paperless-angular.mjs +26 -11
- package/fesm2020/paperless-angular.mjs.map +1 -1
- package/lib/modules/table/components/table-cell/table-cell.component.d.ts +4 -3
- package/package.json +1 -1
|
@@ -3023,7 +3023,7 @@ class TableCell {
|
|
|
3023
3023
|
/**
|
|
3024
3024
|
* The variant of the column
|
|
3025
3025
|
*/
|
|
3026
|
-
this.variant =
|
|
3026
|
+
this.variant = 'default';
|
|
3027
3027
|
/**
|
|
3028
3028
|
* The index of the column
|
|
3029
3029
|
*/
|
|
@@ -3044,21 +3044,21 @@ class TableCell {
|
|
|
3044
3044
|
}
|
|
3045
3045
|
get class() {
|
|
3046
3046
|
return cn(getTableCellColumnClasses(this.definition, this.variant, this.checkboxOffset), {
|
|
3047
|
-
|
|
3048
|
-
|
|
3049
|
-
|
|
3050
|
-
|
|
3051
|
-
|
|
3047
|
+
'sticky left-4 z-[2]': !!this.definition?.sticky,
|
|
3048
|
+
'bg-gradient-to-r from-white to-transparent dark:from-hurricane-700 from-80%': this.definition?.sticky && this.definition?.sticky !== 'secondary',
|
|
3049
|
+
'bg-gradient-to-r from-off-white-300 to-transparent dark:from-hurricane-400 from-80%': this.definition?.sticky && this.definition?.sticky === 'secondary',
|
|
3050
|
+
'flex-shrink': !this.scrollable,
|
|
3051
|
+
'flex-shrink-0': this.scrollable,
|
|
3052
3052
|
});
|
|
3053
3053
|
}
|
|
3054
3054
|
get data() {
|
|
3055
|
-
if (this.variant ===
|
|
3055
|
+
if (this.variant === 'header' || this.variant === 'header-secondary') {
|
|
3056
3056
|
return {
|
|
3057
3057
|
value: this.value,
|
|
3058
3058
|
};
|
|
3059
3059
|
}
|
|
3060
3060
|
return {
|
|
3061
|
-
value:
|
|
3061
|
+
value: this.value ?? this.definition?.path
|
|
3062
3062
|
? objectGetByPath(this.item, this.definition.path)
|
|
3063
3063
|
: null,
|
|
3064
3064
|
item: this.item,
|
|
@@ -3066,12 +3066,27 @@ class TableCell {
|
|
|
3066
3066
|
rowIndex: this.rowIndex,
|
|
3067
3067
|
};
|
|
3068
3068
|
}
|
|
3069
|
+
get contentClass() {
|
|
3070
|
+
const align = this.variant === 'header'
|
|
3071
|
+
? this.definition?.headerAlign ?? this.definition?.align
|
|
3072
|
+
: this.definition?.align;
|
|
3073
|
+
return cn('overflow-hidden text-ellipsis', {
|
|
3074
|
+
flex: this.definition?.flex,
|
|
3075
|
+
'flex-1': this.definition?.flex,
|
|
3076
|
+
'justify-start': this.definition?.flex && (align === undefined || align === 'start'),
|
|
3077
|
+
'justify-end': this.definition?.flex && align === 'end',
|
|
3078
|
+
'justify-center': this.definition?.flex && align === 'end',
|
|
3079
|
+
'text-start': !this.definition?.flex && (align === undefined || align === 'start'),
|
|
3080
|
+
'text-center': !this.definition?.flex && align === 'center',
|
|
3081
|
+
'text-end': !this.definition?.flex && align === 'end',
|
|
3082
|
+
});
|
|
3083
|
+
}
|
|
3069
3084
|
}
|
|
3070
3085
|
TableCell.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableCell, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3071
|
-
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", checkboxOffset: "checkboxOffset", template: "template", scrollable: "scrollable" }, 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*ngIf=\"variant === 'header' || variant === 'header-secondary'\"\n\t\t[class]=\"\n\t\t\tcn('overflow-hidden text-ellipsis', {\n\t\t\t\t'text-start':\n\t\t\t\t\tdefinition?.align === undefined || definition.align === 'start',\n\t\t\t\t'text-center': definition.align === 'center',\n\t\t\t\t'text-end': definition.align === 'end'\n\t\t\t})\n\t\t\"\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\t[class]=\"\
|
|
3086
|
+
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", checkboxOffset: "checkboxOffset", template: "template", scrollable: "scrollable" }, 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*ngIf=\"variant === 'header' || variant === 'header-secondary'\"\n\t\t[class]=\"\n\t\t\tcn('overflow-hidden text-ellipsis', {\n\t\t\t\t'text-start':\n\t\t\t\t\tdefinition?.align === undefined || definition.align === 'start',\n\t\t\t\t'text-center': definition.align === 'center',\n\t\t\t\t'text-end': definition.align === 'end'\n\t\t\t})\n\t\t\"\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\t[class]=\"contentClass\"\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<ng-container *ngIf=\"data.value\">\n\t\t{{ data.value }}\n\t</ng-container>\n\n\t<ng-content *ngIf=\"!data.value\"></ng-content>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: PLoader, selector: "p-loader", inputs: ["color", "modalDescription", "modalTitle", "show", "variant"] }] });
|
|
3072
3087
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableCell, decorators: [{
|
|
3073
3088
|
type: Component,
|
|
3074
|
-
args: [{ selector:
|
|
3089
|
+
args: [{ selector: 'p-table-cell-ngx', 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*ngIf=\"variant === 'header' || variant === 'header-secondary'\"\n\t\t[class]=\"\n\t\t\tcn('overflow-hidden text-ellipsis', {\n\t\t\t\t'text-start':\n\t\t\t\t\tdefinition?.align === undefined || definition.align === 'start',\n\t\t\t\t'text-center': definition.align === 'center',\n\t\t\t\t'text-end': definition.align === 'end'\n\t\t\t})\n\t\t\"\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\t[class]=\"contentClass\"\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<ng-container *ngIf=\"data.value\">\n\t\t{{ data.value }}\n\t</ng-container>\n\n\t<ng-content *ngIf=\"!data.value\"></ng-content>\n</ng-template>\n" }]
|
|
3075
3090
|
}], propDecorators: { variant: [{
|
|
3076
3091
|
type: Input
|
|
3077
3092
|
}], index: [{
|
|
@@ -3094,7 +3109,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
3094
3109
|
type: Input
|
|
3095
3110
|
}], class: [{
|
|
3096
3111
|
type: HostBinding,
|
|
3097
|
-
args: [
|
|
3112
|
+
args: ['class']
|
|
3098
3113
|
}] } });
|
|
3099
3114
|
|
|
3100
3115
|
let TableColumn = class TableColumn {
|