@sd-angular/core 0.0.902 → 0.0.903

package/fesm2015/sd-angular-core-grid-material.js

@@ -1932,7 +1932,7 @@ class SdDesktopCellView {
 SdDesktopCellView.decorators = [
     { type: Component, args: [{
                 selector: 'sd-desktop-cell-view',
-                template: "<ng-container *ngIf=\"column && item\">\r\n  <ng-container *ngIf=\"column.htmlTemplate;else useDefaultView\">\r\n    <div (click)=\"column.click && column.click(item[column.field], item)\" style=\"overflow-wrap: break-word;\"\r\n      [ngClass]=\"{'cursor-pointer':column.click}\"\r\n      [innerHTML]=\"(item[column.field] | columnHtmlTemplate:item:column) | safeHtml\">\r\n    </div>\r\n  </ng-container>\r\n  <ng-template #useDefaultView>\r\n    <ng-container *sdLet=\"item[column.field] | columnBadge:item:column as badge\">\r\n      <ng-container *ngIf=\"column.type === 'string'\">\r\n        <ng-container *ngIf=\"!!badge\">\r\n          <div *ngIf=\"!column.badgeType\" class=\"c-badge\" style=\"overflow-wrap: break-word;\" matTooltipPosition=\"above\"\r\n            [matTooltip]=\"item[column.field] | columnTooltip:item:column\"\r\n            [class]=\"{'c-secondary': badge === 'normal', 'c-info': badge === 'info', 'c-success': badge === 'success', 'c-danger': badge === 'danger', 'c-warning': badge === 'warning'}\">\r\n            <span *ngIf=\"column.click\" class=\"pointer\"\r\n              (click)=\"column.click(item[column.field], item)\">{{item[column.field] |\r\n              columnTransform:item:column}}</span>\r\n            <ng-container *ngIf=\"!column.click\">{{item[column.field] | columnTransform:item:column}}</ng-container>\r\n          </div>\r\n          <div *ngIf=\"column.badgeType === 'circle'\" style=\"min-width: 150px\"\r\n            class=\"c-badge-circle d-flex align-items-center\"\r\n            [class]=\"{'c-unknown': !badge, 'c-secondary': badge === 'normal', 'c-info': badge === 'info', 'c-success': badge === 'success', 'c-danger': badge === 'danger', 'c-warning': badge === 'warning'}\">\r\n            <span *ngIf=\"badge\" class=\"material-icons-round c-material-icon mr-4\">\r\n              fiber_manual_record\r\n            </span>\r\n            <span *ngIf=\"!badge\" class=\"material-icons-outlined c-material-icon mr-4\">\r\n              fiber_manual_record\r\n            </span>\r\n            {{item[column.field] | columnTransform:item:column}}\r\n          </div>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"!badge\">\r\n          <div style=\"overflow-wrap: break-word;\" [matTooltip]=\"item[column.field] | columnTooltip:item:column\">\r\n            <a *ngIf=\"column.click\" href=\"javascript:;\"\r\n              (click)=\"column.click(item[column.field], item)\">{{item[column.field] | columnTransform:item:column}}</a>\r\n            <ng-container *ngIf=\"!column.click\">{{item[column.field] | columnTransform:item:column}}</ng-container>\r\n          </div>\r\n        </ng-container>\r\n      </ng-container>\r\n\r\n      <div *ngIf=\"column.type === 'number'\">\r\n        <a *ngIf=\"column.click\" href=\"javascript:;\"\r\n          (click)=\"column.click(item[column.field], item)\">{{item[column.field] | columnTransform:item:column}}</a>\r\n        <ng-container *ngIf=\"!column.click\">\r\n          {{item[column.field] | columnTransform:item:column}}</ng-container>\r\n      </div>\r\n      <div *ngIf=\"column.type === 'date'\" matTooltipPosition=\"above\"\r\n        [matTooltip]=\"item[column.field] | date:'dd/MM/yyyy'\">\r\n        {{item[column.field] | sdTimeDifferent:'dd/MM/yyyy':column.option?.timeDifferent | async}}\r\n      </div>\r\n      <div *ngIf=\"column.type === 'datetime'\" matTooltipPosition=\"above\"\r\n        [matTooltip]=\"item[column.field] | date:'dd/MM/yyyy HH:mm'\">\r\n        {{item[column.field] | sdTimeDifferent:'dd/MM/yyyy HH:mm':column.option?.timeDifferent | async}}\r\n      </div>\r\n      <div *ngIf=\"column.type === 'time'\">\r\n        {{item[column.field] | date:'HH:mm'}}\r\n      </div>\r\n      <div *ngIf=\"column.type === 'bool'\" class=\"align-middle text-center\">\r\n        <span *ngIf=\"item[column.field]\" class=\"font-weight-bold c-color-success\">{{column.option?.displayOnTrue ||\r\n          'True'}}</span>\r\n        <span *ngIf=\"!item[column.field]\" class=\"font-weight-bold c-color-danger\">{{column.option?.displayOnFalse ||\r\n          'False'}}</span>\r\n      </div>\r\n      <div *ngIf=\"column.type === 'values'\">\r\n        <ng-container *ngIf=\"item[column.field] | columnValues:column:key | async; $implicit as valueData\">\r\n          <div\r\n            *ngIf=\"valueData[column.option?.colorField] || valueData[column.option?.backgroundColorField]; else elseNoStatus\"\r\n            class=\"c-badge\"\r\n            [ngStyle]=\"{'color':valueData[column.option?.colorField], 'background-color': valueData[column.option?.backgroundColorField]}\">\r\n            {{valueData[column.option?.displayField]}}\r\n          </div>\r\n          <ng-template #elseNoStatus>\r\n            <div class=\"text-left\">\r\n              {{valueData[column.option?.displayField]}}\r\n            </div>\r\n          </ng-template>\r\n        </ng-container>\r\n      </div>\r\n      <div *ngIf=\"column.type === 'image'\" class=\"align-middle text-center\">\r\n        <img *ngIf=\"item[column.field]\" [src]=\"item[column.field] | columnTransform:item:column\"\r\n          [width]=\"column.option?.width\" [height]=\"column.option?.height\" style=\"margin: 5px 0;object-fit: contain;\"\r\n          (click)=\"column.click && column.click(item[column.field], item)\" [ngClass]=\"{'pointer':column.click}\">\r\n        <mat-icon *ngIf=\"!item[column.field]\" class=\"c-img\" [ngClass]=\"{'pointer':column.click}\"\r\n          (click)=\"column.click && column.click(item[column.field], item)\">image</mat-icon>\r\n      </div>\r\n    </ng-container>\r\n    <sd-desktop-cell-children-view *ngIf=\"column.type === 'children'\" [key]=\"key\" [item]=\"item\" [column]=\"column\">\r\n    </sd-desktop-cell-children-view>\r\n  </ng-template>\r\n</ng-container>",
+                template: "<ng-container *ngIf=\"column && item\">\r\n  <ng-container *ngIf=\"column.htmlTemplate;else useDefaultView\">\r\n    <div (click)=\"column.click && column.click(item[column.field], item)\" style=\"overflow-wrap: break-word;\"\r\n      [ngClass]=\"{'cursor-pointer':column.click}\"\r\n      [innerHTML]=\"(item[column.field] | columnHtmlTemplate:item:column) | safeHtml\">\r\n    </div>\r\n  </ng-container>\r\n  <ng-template #useDefaultView>\r\n    <ng-container *sdLet=\"item[column.field] | columnBadge:item:column as badge\">\r\n      <ng-container *ngIf=\"column.type === 'string'\">\r\n        <ng-container *ngIf=\"!!badge\">\r\n          <div *ngIf=\"!column.badgeType\" class=\"c-badge\" style=\"overflow-wrap: break-word;\" matTooltipPosition=\"above\"\r\n            [matTooltip]=\"item[column.field] | columnTooltip:item:column\"\r\n            [class]=\"{'c-secondary': badge === 'normal', 'c-info': badge === 'info', 'c-success': badge === 'success', 'c-danger': badge === 'danger', 'c-warning': badge === 'warning'}\">\r\n            <span *ngIf=\"column.click\" class=\"pointer\"\r\n              (click)=\"column.click(item[column.field], item)\">{{item[column.field] |\r\n              columnTransform:item:column}}</span>\r\n            <ng-container *ngIf=\"!column.click\">{{item[column.field] | columnTransform:item:column}}</ng-container>\r\n          </div>\r\n          <div *ngIf=\"column.badgeType === 'circle'\" style=\"min-width: 150px\"\r\n            class=\"c-badge-circle d-flex align-items-center\"\r\n            [class]=\"{'c-unknown': !badge, 'c-secondary': badge === 'normal', 'c-info': badge === 'info', 'c-success': badge === 'success', 'c-danger': badge === 'danger', 'c-warning': badge === 'warning'}\">\r\n            <span *ngIf=\"badge\" class=\"material-icons-round c-material-icon mr-4\">\r\n              fiber_manual_record\r\n            </span>\r\n            <span *ngIf=\"!badge\" class=\"material-icons-outlined c-material-icon mr-4\">\r\n              fiber_manual_record\r\n            </span>\r\n            {{item[column.field] | columnTransform:item:column}}\r\n          </div>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"!badge\">\r\n          <div style=\"overflow-wrap: break-word;\" [matTooltip]=\"item[column.field] | columnTooltip:item:column\">\r\n            <a *ngIf=\"column.click\" href=\"javascript:;\"\r\n              (click)=\"column.click(item[column.field], item)\">{{item[column.field] | columnTransform:item:column}}</a>\r\n            <ng-container *ngIf=\"!column.click\">{{item[column.field] | columnTransform:item:column}}</ng-container>\r\n          </div>\r\n        </ng-container>\r\n      </ng-container>\r\n\r\n      <div *ngIf=\"column.type === 'number'\">\r\n        <a *ngIf=\"column.click\" href=\"javascript:;\"\r\n          (click)=\"column.click(item[column.field], item)\">{{item[column.field] | columnTransform:item:column}}</a>\r\n        <ng-container *ngIf=\"!column.click\">\r\n          {{item[column.field] | columnTransform:item:column}}</ng-container>\r\n      </div>\r\n      <div *ngIf=\"column.type === 'date'\" matTooltipPosition=\"above\"\r\n        [matTooltip]=\"item[column.field] | date:'dd/MM/yyyy'\">\r\n        {{item[column.field] | sdTimeDifferent:'dd/MM/yyyy':column.option?.timeDifferent | async}}\r\n      </div>\r\n      <div *ngIf=\"column.type === 'datetime'\" matTooltipPosition=\"above\"\r\n        [matTooltip]=\"item[column.field] | date:'dd/MM/yyyy HH:mm'\">\r\n        {{item[column.field] | sdTimeDifferent:'dd/MM/yyyy HH:mm':column.option?.timeDifferent | async}}\r\n      </div>\r\n      <div *ngIf=\"column.type === 'time'\">\r\n        {{item[column.field] | date:'HH:mm'}}\r\n      </div>\r\n      <div *ngIf=\"column.type === 'bool'\" class=\"align-middle text-center\">\r\n        <ng-container *ngIf=\"!!badge\">\r\n          <div *ngIf=\"!column.badgeType\" class=\"c-badge\" style=\"overflow-wrap: break-word;\" matTooltipPosition=\"above\"\r\n            [matTooltip]=\"item[column.field] | columnTooltip:item:column\"\r\n            [class]=\"{'c-secondary': badge === 'normal', 'c-info': badge === 'info', 'c-success': badge === 'success', 'c-danger': badge === 'danger', 'c-warning': badge === 'warning'}\">\r\n            <span *ngIf=\"column.click\" class=\"pointer\"\r\n              (click)=\"column.click(item[column.field], item)\">{{item[column.field] |\r\n              columnTransform:item:column}}</span>\r\n            <ng-container *ngIf=\"!column.click\">{{item[column.field] | columnTransform:item:column}}</ng-container>\r\n          </div>\r\n          <div *ngIf=\"column.badgeType === 'circle'\" style=\"min-width: 150px\"\r\n            class=\"c-badge-circle d-flex align-items-center\"\r\n            [class]=\"{'c-unknown': !badge, 'c-secondary': badge === 'normal', 'c-info': badge === 'info', 'c-success': badge === 'success', 'c-danger': badge === 'danger', 'c-warning': badge === 'warning'}\">\r\n            <span *ngIf=\"badge\" class=\"material-icons-round c-material-icon mr-4\">\r\n              fiber_manual_record\r\n            </span>\r\n            <span *ngIf=\"!badge\" class=\"material-icons-outlined c-material-icon mr-4\">\r\n              fiber_manual_record\r\n            </span>\r\n            {{item[column.field] | columnTransform:item:column}}\r\n          </div>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"!badge\">\r\n          <span *ngIf=\"item[column.field]\" class=\"font-weight-bold c-color-success\">{{item[column.field] | columnTransform:item:column}</span>\r\n          <span *ngIf=\"!item[column.field]\" class=\"font-weight-bold c-color-danger\">{{item[column.field] | columnTransform:item:column}}</span>\r\n        </ng-container>\r\n      </div>\r\n      <div *ngIf=\"column.type === 'values'\">\r\n        <ng-container *ngIf=\"item[column.field] | columnValues:column:key | async; $implicit as valueData\">\r\n          <div\r\n            *ngIf=\"valueData[column.option?.colorField] || valueData[column.option?.backgroundColorField]; else elseNoStatus\"\r\n            class=\"c-badge\"\r\n            [ngStyle]=\"{'color':valueData[column.option?.colorField], 'background-color': valueData[column.option?.backgroundColorField]}\">\r\n            {{valueData[column.option?.displayField]}}\r\n          </div>\r\n          <ng-template #elseNoStatus>\r\n            <div class=\"text-left\">\r\n              {{valueData[column.option?.displayField]}}\r\n            </div>\r\n          </ng-template>\r\n        </ng-container>\r\n      </div>\r\n      <div *ngIf=\"column.type === 'image'\" class=\"align-middle text-center\">\r\n        <img *ngIf=\"item[column.field]\" [src]=\"item[column.field] | columnTransform:item:column\"\r\n          [width]=\"column.option?.width\" [height]=\"column.option?.height\" style=\"margin: 5px 0;object-fit: contain;\"\r\n          (click)=\"column.click && column.click(item[column.field], item)\" [ngClass]=\"{'pointer':column.click}\">\r\n        <mat-icon *ngIf=\"!item[column.field]\" class=\"c-img\" [ngClass]=\"{'pointer':column.click}\"\r\n          (click)=\"column.click && column.click(item[column.field], item)\">image</mat-icon>\r\n      </div>\r\n    </ng-container>\r\n    <sd-desktop-cell-children-view *ngIf=\"column.type === 'children'\" [key]=\"key\" [item]=\"item\" [column]=\"column\">\r\n    </sd-desktop-cell-children-view>\r\n  </ng-template>\r\n</ng-container>",
                 styles: [".c-color-success{color:#4caf50}.c-color-danger{color:#f82c13}.c-img{font-size:30px;opacity:.5}.c-img.pointer:hover{opacity:.9}.c-badge{border-radius:20px;display:inline-block;margin-bottom:4px;padding:2px 12px;text-align:center}.c-badge.c-warning{background:#fff3e0;color:#ff9600}.c-badge.c-info{background:#e7e9ff;color:#2962ff}.c-badge.c-success{background:#e8f5e9;color:#4caf50}.c-badge.c-danger{background:#fee8e7;color:#f82c13}.c-badge.c-normal{background:rgba(0,0,0,.12);color:#000}.wes-status .c-material-icon{font-size:12px;height:12px;width:12px}.wes-status.text-secondary .c-material-icon{color:rgba(0,0,0,.5)}.c-badge-circle .c-material-icon{font-size:12px;height:12px;width:12px}.c-badge-circle.c-unknown{color:#212121}.c-badge-circle.c-unknown .c-material-icon{color:rgba(0,0,0,.5)}.c-badge-circle.c-secondary{color:#212121}.c-badge-circle.c-info{color:#2962ff}.c-badge-circle.c-success{color:#4caf50}.c-badge-circle.c-danger{color:#f82c13}.c-badge-circle.c-warning{color:#ff9600}"]
             },] }
 ];
@@ -1948,12 +1948,16 @@ class SdColumnTransformPipe {
         this.decimalPipe = decimalPipe;
     }
     transform(value, rowData, column) {
+        var _a, _b;
         if (column === null || column === void 0 ? void 0 : column.transform) {
             return column.transform(value, rowData);
         }
         if (column.type === 'number' && Number.isNumber(value)) {
             return Number.toVNCurrency(value); // this.decimalPipe.transform(value, '1.0-2');
         }
+        if (column.type === 'bool') {
+            return value === true ? (((_a = column.option) === null || _a === void 0 ? void 0 : _a.displayOnTrue) || 'True') : (((_b = column.option) === null || _b === void 0 ? void 0 : _b.displayOnTrue) || 'False');
+        }
         return value;
     }
 }