@sd-angular/core 1.0.65 → 1.0.66
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/bundles/sd-angular-core-grid-material.umd.js +27 -8
- package/bundles/sd-angular-core-grid-material.umd.js.map +1 -1
- package/bundles/sd-angular-core-grid-material.umd.min.js +2 -2
- package/bundles/sd-angular-core-grid-material.umd.min.js.map +1 -1
- package/esm2015/grid-material/src/lib/components/desktop-cell-view/desktop-cell-view.component.js +2 -2
- package/esm2015/grid-material/src/lib/models/grid-option.model.js +1 -1
- package/esm2015/grid-material/src/lib/pipes/cell-view.pipe.js +26 -7
- package/fesm2015/sd-angular-core-grid-material.js +26 -7
- package/fesm2015/sd-angular-core-grid-material.js.map +1 -1
- package/grid-material/sd-angular-core-grid-material.metadata.json +1 -1
- package/grid-material/src/lib/models/grid-option.model.d.ts +4 -1
- package/package.json +1 -1
- package/{sd-angular-core-1.0.65.tgz → sd-angular-core-1.0.66.tgz} +0 -0
|
@@ -3073,7 +3073,7 @@
|
|
|
3073
3073
|
SdDesktopCellView.decorators = [
|
|
3074
3074
|
{ type: core.Component, args: [{
|
|
3075
3075
|
selector: 'sd-desktop-cell-view',
|
|
3076
|
-
template: "<ng-container *ngIf=\"item[column.field] | cellView:item:column:gridOption:key | async as view\">\r\n <ng-container *ngIf=\"view.display.hasHtml;else useValue\">\r\n <div *ngIf=\"view.click\" (click)=\"view.click()\" class=\"text-break cursor-pointer\" [matTooltip]=\"view.tooltip\"\r\n [innerHTML]=\"view.display.html | safeHtml\">\r\n </div>\r\n <div *ngIf=\"!view.click\" class=\"text-break\" [matTooltip]=\"view.tooltip\" [innerHTML]=\"view.display.html | safeHtml\">\r\n </div>\r\n </ng-container>\r\n <ng-template #useValue>\r\n <ng-container *ngIf=\"!!view.badge; else noBadge\">\r\n <sd-badge [type]=\"view.badge.type\" [title]=\"view.display.value\" [color]=\"view.badge.color\"\r\n [icon]=\"view.badge.icon\" [tooltip]=\"view.tooltip\" (sdClick)=\"column.click(item[column.field], item)\"></sd-badge>\r\n </ng-container>\r\n <ng-template #noBadge>\r\n <ng-container *ngIf=\"column.type !== 'children'; else childrenView\">\r\n <div *ngIf=\"column.type !== 'image'\" class=\"text-break\" [class.text-center]=\"view.display.align === 'center'\"\r\n [class.text-right]=\"view.display.align === 'right'\" [matTooltip]=\"view.tooltip\">\r\n <a *ngIf=\"!!view.click\" href=\"javascript:;\" (click)=\"view.click()\">{{view.display.value}}</a>\r\n <ng-container *ngIf=\"!view.click\">{{view.display.value}}\r\n </ng-container>\r\n </div>\r\n <div *ngIf=\"column.type === 'image'\" class=\"align-middle text-center\">\r\n <img *ngIf=\"view.display.value\" [src]=\"view.display.value\" [width]=\"column.option?.width\"\r\n [height]=\"column.option?.height\" class=\"c-image\" (click)=\"!!view.click && view.click()\"\r\n [class.cursor-pointer]=\"!!view.click\">\r\n <mat-icon *ngIf=\"!view.display.value\" class=\"c-img\" [class.cursor-pointer]=\"!!view.click\"\r\n (click)=\"!!view.click && view.click()\">\r\n image</mat-icon>\r\n </div>\r\n </ng-container>\r\n <ng-template #childrenView>\r\n <sd-desktop-cell-children-view [key]=\"key\" [item]=\"item\" [column]=\"column\">\r\n </sd-desktop-cell-children-view>\r\n </ng-template>\r\n </ng-template>\r\n </ng-template>\r\n</ng-container>",
|
|
3076
|
+
template: "<ng-container *ngIf=\"item[column.field] | cellView:item:column:gridOption:key | async as view\">\r\n <ng-container *ngIf=\"view.display.hasHtml;else useValue\">\r\n <div *ngIf=\"view.click\" (click)=\"view.click()\" class=\"text-break cursor-pointer\" [matTooltip]=\"view.tooltip\"\r\n [class.text-center]=\"view.display.align === 'center'\" [class.text-right]=\"view.display.align === 'right'\"\r\n [innerHTML]=\"view.display.html | safeHtml\">\r\n </div>\r\n <div *ngIf=\"!view.click\" class=\"text-break\" [matTooltip]=\"view.tooltip\"\r\n [class.text-center]=\"view.display.align === 'center'\" [class.text-right]=\"view.display.align === 'right'\"\r\n [innerHTML]=\"view.display.html | safeHtml\">\r\n </div>\r\n </ng-container>\r\n <ng-template #useValue>\r\n <ng-container *ngIf=\"!!view.badge; else noBadge\">\r\n <sd-badge [type]=\"view.badge.type\" [title]=\"view.display.value\" [color]=\"view.badge.color\"\r\n [icon]=\"view.badge.icon\" [tooltip]=\"view.tooltip\" (sdClick)=\"column.click(item[column.field], item)\"></sd-badge>\r\n </ng-container>\r\n <ng-template #noBadge>\r\n <ng-container *ngIf=\"column.type !== 'children'; else childrenView\">\r\n <div *ngIf=\"column.type !== 'image'\" class=\"text-break\" [class.text-center]=\"view.display.align === 'center'\"\r\n [class.text-right]=\"view.display.align === 'right'\" [matTooltip]=\"view.tooltip\">\r\n <a *ngIf=\"!!view.click\" href=\"javascript:;\" (click)=\"view.click()\">{{view.display.value}}</a>\r\n <ng-container *ngIf=\"!view.click\">{{view.display.value}}\r\n </ng-container>\r\n </div>\r\n <div *ngIf=\"column.type === 'image'\" class=\"align-middle text-center\">\r\n <img *ngIf=\"view.display.value\" [src]=\"view.display.value\" [width]=\"column.option?.width\"\r\n [height]=\"column.option?.height\" class=\"c-image\" (click)=\"!!view.click && view.click()\"\r\n [class.cursor-pointer]=\"!!view.click\">\r\n <mat-icon *ngIf=\"!view.display.value\" class=\"c-img\" [class.cursor-pointer]=\"!!view.click\"\r\n (click)=\"!!view.click && view.click()\">\r\n image</mat-icon>\r\n </div>\r\n </ng-container>\r\n <ng-template #childrenView>\r\n <sd-desktop-cell-children-view [key]=\"key\" [item]=\"item\" [column]=\"column\">\r\n </sd-desktop-cell-children-view>\r\n </ng-template>\r\n </ng-template>\r\n </ng-template>\r\n</ng-container>",
|
|
3077
3077
|
changeDetection: core.ChangeDetectionStrategy.OnPush,
|
|
3078
3078
|
styles: [".text-black400{color:#757575}.c-color-success{color:#4caf50}.c-color-danger{color:#f82c13}.c-image{-o-object-fit:contain;margin:5px 0;object-fit:contain}.c-img{font-size:30px;opacity:.5}.c-img.pointer:hover{opacity:.9}"]
|
|
3079
3079
|
},] }
|
|
@@ -4326,7 +4326,7 @@
|
|
|
4326
4326
|
SdCellViewPipe.prototype.transform = function (value, rowData, column, gridOption, key) {
|
|
4327
4327
|
var _a;
|
|
4328
4328
|
return __awaiter(this, void 0, void 0, function () {
|
|
4329
|
-
var displayOnEmpty, align, click, tooltip, htmlTemplate, transform, result, transformDate, val, _b, option, seconds, _c, option;
|
|
4329
|
+
var displayOnEmpty, align, click, tooltip, htmlTemplate, transform, result, transformDate, val, _b, option, seconds, _c, option, values, display, emptyValues;
|
|
4330
4330
|
return __generator(this, function (_d) {
|
|
4331
4331
|
switch (_d.label) {
|
|
4332
4332
|
case 0:
|
|
@@ -4417,14 +4417,33 @@
|
|
|
4417
4417
|
}
|
|
4418
4418
|
_d.label = 9;
|
|
4419
4419
|
case 9:
|
|
4420
|
-
if (displayOnEmpty
|
|
4421
|
-
|
|
4422
|
-
|
|
4423
|
-
|
|
4420
|
+
if (displayOnEmpty) {
|
|
4421
|
+
values = [null, undefined, ''];
|
|
4422
|
+
if (typeof (displayOnEmpty) === 'object') {
|
|
4423
|
+
display = displayOnEmpty.display, emptyValues = displayOnEmpty.emptyValues;
|
|
4424
|
+
values = __spread([null, undefined, ''], emptyValues);
|
|
4425
|
+
if (values.includes(result.display.value)) {
|
|
4426
|
+
if (typeof (display) === 'function') {
|
|
4427
|
+
result.display.hasHtml = true;
|
|
4428
|
+
result.display.html = display(rowData, column);
|
|
4429
|
+
}
|
|
4430
|
+
else {
|
|
4431
|
+
result.display.hasHtml = true;
|
|
4432
|
+
result.display.html = "<div class=\"T16R text-black400\">--</div>";
|
|
4433
|
+
}
|
|
4434
|
+
}
|
|
4424
4435
|
}
|
|
4425
4436
|
else {
|
|
4426
|
-
result.display.
|
|
4427
|
-
|
|
4437
|
+
if (values.includes(result.display.value)) {
|
|
4438
|
+
if (typeof (displayOnEmpty) === 'function') {
|
|
4439
|
+
result.display.hasHtml = true;
|
|
4440
|
+
result.display.html = displayOnEmpty(rowData, column);
|
|
4441
|
+
}
|
|
4442
|
+
else {
|
|
4443
|
+
result.display.hasHtml = true;
|
|
4444
|
+
result.display.html = "<div class=\"T16R text-black400\">--</div>";
|
|
4445
|
+
}
|
|
4446
|
+
}
|
|
4428
4447
|
}
|
|
4429
4448
|
}
|
|
4430
4449
|
_d.label = 10;
|