@sd-angular/core 0.0.1031 → 0.0.1036
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/badge/sd-angular-core-badge.metadata.json +1 -1
- package/badge/src/lib/badge.component.d.ts +4 -2
- package/bundles/sd-angular-core-badge.umd.js +14 -4
- package/bundles/sd-angular-core-badge.umd.js.map +1 -1
- package/bundles/sd-angular-core-badge.umd.min.js +1 -1
- package/bundles/sd-angular-core-badge.umd.min.js.map +1 -1
- package/bundles/sd-angular-core-grid-material.umd.js +35 -9
- package/bundles/sd-angular-core-grid-material.umd.js.map +1 -1
- package/bundles/sd-angular-core-grid-material.umd.min.js +1 -1
- package/bundles/sd-angular-core-grid-material.umd.min.js.map +1 -1
- package/esm2015/badge/src/lib/badge.component.js +11 -5
- package/esm2015/grid-material/src/lib/components/desktop-cell-editor/desktop-cell-editor.component.js +2 -3
- package/esm2015/grid-material/src/lib/components/desktop-cell-view/desktop-cell-view.component.js +1 -1
- package/esm2015/grid-material/src/lib/components/desktop-editor-validation/desktop-editor-validation.component.js +1 -1
- package/esm2015/grid-material/src/lib/grid-material.component.js +10 -3
- package/esm2015/grid-material/src/lib/models/grid-column.model.js +1 -1
- package/esm2015/grid-material/src/lib/pipes/column-badge.pipe.js +24 -4
- package/fesm2015/sd-angular-core-badge.js +10 -4
- package/fesm2015/sd-angular-core-badge.js.map +1 -1
- package/fesm2015/sd-angular-core-grid-material.js +35 -9
- 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-column.model.d.ts +10 -6
- package/grid-material/src/lib/pipes/column-badge.pipe.d.ts +6 -1
- package/package.json +1 -1
- package/{sd-angular-core-0.0.1031.tgz → sd-angular-core-0.0.1036.tgz} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"__symbolic":"module","version":4,"metadata":{"SdBadgeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":12},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":8,"character":26},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":8,"character":41}],"declarations":[{"__symbolic":"reference","name":"SdBadge"}],"exports":[{"__symbolic":"reference","name":"SdBadge"}]}]}],"members":{}},"SdBadgeColor":{"__symbolic":"interface"},"SdBadge":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"sd-badge","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":8,"character":19},"member":"OnPush"},"template":"<div *ngIf=\"type === 'round'\" class=\"c-badge\" matTooltipPosition=\"above\" [matTooltip]=\"tooltip\"\r\n [
|
|
1
|
+
{"__symbolic":"module","version":4,"metadata":{"SdBadgeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":12},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":8,"character":26},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":8,"character":41}],"declarations":[{"__symbolic":"reference","name":"SdBadge"}],"exports":[{"__symbolic":"reference","name":"SdBadge"}]}]}],"members":{}},"SdBadgeColor":{"__symbolic":"interface"},"SdBadge":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"sd-badge","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":8,"character":19},"member":"OnPush"},"template":"<div *ngIf=\"type === 'round'\" class=\"c-badge\" matTooltipPosition=\"above\" [matTooltip]=\"tooltip\"\r\n [ngClass]=\"{'c-secondary': color === 'normal', 'c-info': color === 'info', 'c-success': color === 'success', 'c-danger': color === 'danger', 'c-warning': color === 'warning'}\"\r\n [class.pointer]=\"!!sdClick.observers?.length\" (click)=\"onClick($event)\">\r\n {{ title }}\r\n</div>\r\n<div *ngIf=\"type === 'circle' || type === 'icon'\" class=\"d-flex\" matTooltipPosition=\"above\" [matTooltip]=\"tooltip\"\r\n [ngClass]=\"{'c-badge-circle': type === 'circle','c-badge-icon': type === 'icon', 'c-unknown': color === 'unknown', 'c-primary': color === 'primary', 'c-secondary': color === 'normal', 'c-info': color === 'info', 'c-success': color === 'success', 'c-danger': color === 'danger', 'c-warning': color === 'warning'}\"\r\n [class.pointer]=\"!!sdClick.observers?.length\" (click)=\"onClick($event)\">\r\n <span>\r\n <span class=\"c-material-icon mr-4\" [ngClass]=\"{\r\n 'material-icons-outlined': color === 'unknown',\r\n 'material-icons-round': color !== 'unknown',\r\n 'c-xs': size === 'xs',\r\n 'c-sm': size === 'sm',\r\n 'c-md': size === 'md',\r\n 'c-lg': size === 'lg', \r\n 'c-unknown': color === 'unknown', \r\n 'c-primary': color === 'primary', \r\n 'c-secondary': color === 'normal', \r\n 'c-info': color === 'info', \r\n 'c-success': color === 'success', \r\n 'c-danger': color === 'danger', \r\n 'c-warning': color === 'warning'\r\n }\">\r\n {{ icon }}\r\n </span>\r\n {{ title }}\r\n </span>\r\n</div>","styles":[".c-badge{border-radius:20px;display:inline-block;margin-bottom:4px;min-width:150px;overflow-wrap:break-word;padding:2px 12px;text-align:center}.c-badge.c-primary{background:#e7e9ff;color:#2962ff}.c-badge.c-secondary{background:#e9e9e9;color:#212121}.c-badge.c-info{background:#e7e9ff;color:#2962ff}.c-badge.c-warning{background:#ffeacc;color:#ff9600}.c-badge.c-success{background:#dbefdc;color:#4caf50}.c-badge.c-danger{background:#fed5d0;color:#f82c13}.c-badge-circle{min-width:150px}.c-badge-circle .c-material-icon{font-size:16px;height:16px;width:16px}.c-badge-circle .c-material-icon.c-badge-icon{font-size:12px;height:12px;width:12px}.c-badge-circle.c-unknown{color:rgba(0,0,0,.5)}.c-badge-circle.c-primary{color:#2962ff}.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}.c-badge-icon{min-width:150px}.c-badge-icon .c-material-icon{border-radius:50%;padding:2px}.c-badge-icon .c-material-icon.c-xs{font-size:14px;height:18px;width:18px}.c-badge-icon .c-material-icon.c-sm{font-size:16px;height:20px;width:20px}.c-badge-icon .c-material-icon.c-md{font-size:18px;height:22px;width:22px}.c-badge-icon .c-material-icon.c-lg{font-size:24px;height:28px;width:28px}.c-badge-icon .c-material-icon.c-unknown{color:rgba(0,0,0,.5)}.c-badge-icon .c-material-icon.c-primary{color:#2962ff}.c-badge-icon .c-material-icon.c-secondary{color:#212121}.c-badge-icon .c-material-icon.c-info{color:#2962ff}.c-badge-icon .c-material-icon.c-success{color:#4caf50}.c-badge-icon .c-material-icon.c-danger{color:#f82c13}.c-badge-icon .c-material-icon.c-warning{color:#ff9600}"]}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"_color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3},"arguments":["color"]}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"tooltip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"_icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3},"arguments":["icon"]}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"sdClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":29,"character":3}}]}]}}},"origins":{"SdBadgeModule":"./src/lib/badge.module","SdBadgeColor":"./src/lib/badge.component","SdBadge":"./src/lib/badge.component"},"importAs":"@sd-angular/core/badge"}
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
import { EventEmitter } from '@angular/core';
|
|
2
|
-
export declare type SdBadgeColor = 'normal' | 'info' | 'success' | 'warning' | 'danger';
|
|
2
|
+
export declare type SdBadgeColor = 'normal' | 'primary' | 'info' | 'success' | 'warning' | 'danger';
|
|
3
3
|
export declare class SdBadge {
|
|
4
4
|
color: SdBadgeColor | 'unknown';
|
|
5
|
-
type: 'circle' | 'round';
|
|
5
|
+
type: 'circle' | 'round' | 'icon';
|
|
6
6
|
set _color(color: SdBadgeColor);
|
|
7
7
|
title: string;
|
|
8
8
|
tooltip: string;
|
|
9
9
|
icon: string;
|
|
10
|
+
set _icon(val: string);
|
|
11
|
+
size: 'xs' | 'sm' | 'md' | 'lg';
|
|
10
12
|
sdClick: EventEmitter<any>;
|
|
11
13
|
onClick: (event: Event) => void;
|
|
12
14
|
}
|
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
this.color = 'unknown';
|
|
11
11
|
this.type = 'circle';
|
|
12
12
|
this.icon = 'fiber_manual_record';
|
|
13
|
+
this.size = 'sm';
|
|
13
14
|
this.sdClick = new core.EventEmitter();
|
|
14
15
|
this.onClick = function (event) {
|
|
15
16
|
_this.sdClick.observers.length;
|
|
@@ -18,7 +19,7 @@
|
|
|
18
19
|
}
|
|
19
20
|
Object.defineProperty(SdBadge.prototype, "_color", {
|
|
20
21
|
set: function (color) {
|
|
21
|
-
if (!color || !['normal', 'info', 'success', 'warning', 'danger'].includes(color)) {
|
|
22
|
+
if (!color || !['normal', 'primary', 'info', 'success', 'warning', 'danger'].includes(color)) {
|
|
22
23
|
this.color = 'unknown';
|
|
23
24
|
}
|
|
24
25
|
else {
|
|
@@ -29,14 +30,22 @@
|
|
|
29
30
|
configurable: true
|
|
30
31
|
});
|
|
31
32
|
;
|
|
33
|
+
Object.defineProperty(SdBadge.prototype, "_icon", {
|
|
34
|
+
set: function (val) {
|
|
35
|
+
this.icon = val || 'fiber_manual_record';
|
|
36
|
+
},
|
|
37
|
+
enumerable: false,
|
|
38
|
+
configurable: true
|
|
39
|
+
});
|
|
40
|
+
;
|
|
32
41
|
return SdBadge;
|
|
33
42
|
}());
|
|
34
43
|
SdBadge.decorators = [
|
|
35
44
|
{ type: core.Component, args: [{
|
|
36
45
|
selector: 'sd-badge',
|
|
37
|
-
template: "<div *ngIf=\"type === 'round'\" class=\"c-badge\" matTooltipPosition=\"above\" [matTooltip]=\"tooltip\"\r\n [
|
|
46
|
+
template: "<div *ngIf=\"type === 'round'\" class=\"c-badge\" matTooltipPosition=\"above\" [matTooltip]=\"tooltip\"\r\n [ngClass]=\"{'c-secondary': color === 'normal', 'c-info': color === 'info', 'c-success': color === 'success', 'c-danger': color === 'danger', 'c-warning': color === 'warning'}\"\r\n [class.pointer]=\"!!sdClick.observers?.length\" (click)=\"onClick($event)\">\r\n {{ title }}\r\n</div>\r\n<div *ngIf=\"type === 'circle' || type === 'icon'\" class=\"d-flex\" matTooltipPosition=\"above\" [matTooltip]=\"tooltip\"\r\n [ngClass]=\"{'c-badge-circle': type === 'circle','c-badge-icon': type === 'icon', 'c-unknown': color === 'unknown', 'c-primary': color === 'primary', 'c-secondary': color === 'normal', 'c-info': color === 'info', 'c-success': color === 'success', 'c-danger': color === 'danger', 'c-warning': color === 'warning'}\"\r\n [class.pointer]=\"!!sdClick.observers?.length\" (click)=\"onClick($event)\">\r\n <span>\r\n <span class=\"c-material-icon mr-4\" [ngClass]=\"{\r\n 'material-icons-outlined': color === 'unknown',\r\n 'material-icons-round': color !== 'unknown',\r\n 'c-xs': size === 'xs',\r\n 'c-sm': size === 'sm',\r\n 'c-md': size === 'md',\r\n 'c-lg': size === 'lg', \r\n 'c-unknown': color === 'unknown', \r\n 'c-primary': color === 'primary', \r\n 'c-secondary': color === 'normal', \r\n 'c-info': color === 'info', \r\n 'c-success': color === 'success', \r\n 'c-danger': color === 'danger', \r\n 'c-warning': color === 'warning'\r\n }\">\r\n {{ icon }}\r\n </span>\r\n {{ title }}\r\n </span>\r\n</div>",
|
|
38
47
|
changeDetection: core.ChangeDetectionStrategy.OnPush,
|
|
39
|
-
styles: [".c-badge{border-radius:20px;display:inline-block;margin-bottom:4px;min-width:150px;overflow-wrap:break-word;padding:2px 12px;text-align:center}.c-badge.c-primary{background:#e7e9ff;color:#2962ff}.c-badge.c-secondary{background:#e9e9e9;color:#212121}.c-badge.c-info{background:#e7e9ff;color:#2962ff}.c-badge.c-warning{background:#ffeacc;color:#ff9600}.c-badge.c-success{background:#dbefdc;color:#4caf50}.c-badge.c-danger{background:#fed5d0;color:#f82c13}.c-badge-circle{min-width:150px}.c-badge-circle .c-material-icon{font-size:16px;height:16px;width:16px}.c-badge-circle .c-material-icon.c-badge-icon{font-size:12px;height:12px;width:12px}.c-badge-circle.c-unknown{color:#212121}.c-badge-circle.c-
|
|
48
|
+
styles: [".c-badge{border-radius:20px;display:inline-block;margin-bottom:4px;min-width:150px;overflow-wrap:break-word;padding:2px 12px;text-align:center}.c-badge.c-primary{background:#e7e9ff;color:#2962ff}.c-badge.c-secondary{background:#e9e9e9;color:#212121}.c-badge.c-info{background:#e7e9ff;color:#2962ff}.c-badge.c-warning{background:#ffeacc;color:#ff9600}.c-badge.c-success{background:#dbefdc;color:#4caf50}.c-badge.c-danger{background:#fed5d0;color:#f82c13}.c-badge-circle{min-width:150px}.c-badge-circle .c-material-icon{font-size:16px;height:16px;width:16px}.c-badge-circle .c-material-icon.c-badge-icon{font-size:12px;height:12px;width:12px}.c-badge-circle.c-unknown{color:rgba(0,0,0,.5)}.c-badge-circle.c-primary{color:#2962ff}.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}.c-badge-icon{min-width:150px}.c-badge-icon .c-material-icon{border-radius:50%;padding:2px}.c-badge-icon .c-material-icon.c-xs{font-size:14px;height:18px;width:18px}.c-badge-icon .c-material-icon.c-sm{font-size:16px;height:20px;width:20px}.c-badge-icon .c-material-icon.c-md{font-size:18px;height:22px;width:22px}.c-badge-icon .c-material-icon.c-lg{font-size:24px;height:28px;width:28px}.c-badge-icon .c-material-icon.c-unknown{color:rgba(0,0,0,.5)}.c-badge-icon .c-material-icon.c-primary{color:#2962ff}.c-badge-icon .c-material-icon.c-secondary{color:#212121}.c-badge-icon .c-material-icon.c-info{color:#2962ff}.c-badge-icon .c-material-icon.c-success{color:#4caf50}.c-badge-icon .c-material-icon.c-danger{color:#f82c13}.c-badge-icon .c-material-icon.c-warning{color:#ff9600}"]
|
|
40
49
|
},] }
|
|
41
50
|
];
|
|
42
51
|
SdBadge.propDecorators = {
|
|
@@ -44,7 +53,8 @@
|
|
|
44
53
|
_color: [{ type: core.Input, args: ['color',] }],
|
|
45
54
|
title: [{ type: core.Input }],
|
|
46
55
|
tooltip: [{ type: core.Input }],
|
|
47
|
-
|
|
56
|
+
_icon: [{ type: core.Input, args: ['icon',] }],
|
|
57
|
+
size: [{ type: core.Input }],
|
|
48
58
|
sdClick: [{ type: core.Output }]
|
|
49
59
|
};
|
|
50
60
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sd-angular-core-badge.umd.js","sources":["../../../../projects/sd-core/badge/src/lib/badge.component.ts","../../../../projects/sd-core/badge/src/lib/badge.module.ts","../../../../projects/sd-core/badge/src/public-api.ts","../../../../projects/sd-core/badge/sd-angular-core-badge.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\r\n\r\nexport type SdBadgeColor = 'normal' | 'info' | 'success' | 'warning' | 'danger';\r\n\r\n@Component({\r\n selector: 'sd-badge',\r\n templateUrl: './badge.component.html',\r\n styleUrls: ['./badge.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdBadge {\r\n color: SdBadgeColor | 'unknown' = 'unknown';\r\n @Input() type: 'circle' | 'round' = 'circle';\r\n @Input('color') set _color(color: SdBadgeColor){\r\n if(!color || !['normal', 'info', 'success', 'warning', 'danger'].includes(color)) {\r\n this.color = 'unknown';\r\n } else {\r\n this.color = color;\r\n }\r\n };\r\n @Input() title: string;\r\n @Input() tooltip: string;\r\n\r\n @Input()
|
|
1
|
+
{"version":3,"file":"sd-angular-core-badge.umd.js","sources":["../../../../projects/sd-core/badge/src/lib/badge.component.ts","../../../../projects/sd-core/badge/src/lib/badge.module.ts","../../../../projects/sd-core/badge/src/public-api.ts","../../../../projects/sd-core/badge/sd-angular-core-badge.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\r\n\r\nexport type SdBadgeColor = 'normal' | 'primary' | 'info' | 'success' | 'warning' | 'danger';\r\n\r\n@Component({\r\n selector: 'sd-badge',\r\n templateUrl: './badge.component.html',\r\n styleUrls: ['./badge.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdBadge {\r\n color: SdBadgeColor | 'unknown' = 'unknown';\r\n @Input() type: 'circle' | 'round' | 'icon' = 'circle';\r\n @Input('color') set _color(color: SdBadgeColor) {\r\n if (!color || !['normal', 'primary', 'info', 'success', 'warning', 'danger'].includes(color)) {\r\n this.color = 'unknown';\r\n } else {\r\n this.color = color;\r\n }\r\n };\r\n @Input() title: string;\r\n @Input() tooltip: string;\r\n\r\n icon: string = 'fiber_manual_record';\r\n @Input('icon') set _icon(val: string) {\r\n this.icon = val || 'fiber_manual_record';\r\n };\r\n\r\n @Input() size: 'xs' | 'sm' | 'md' | 'lg' = 'sm';\r\n @Output() sdClick = new EventEmitter();\r\n onClick = (event: Event) => {\r\n this.sdClick.observers.length\r\n this.sdClick.emit(event);\r\n }\r\n}\r\n","import { NgModule } from \"@angular/core\";\r\nimport { CommonModule } from \"@angular/common\";\r\nimport { MatIconModule } from \"@angular/material/icon\";\r\n\r\nimport { SdBadge } from \"./badge.component\";\r\nimport { MatTooltipModule } from \"@angular/material/tooltip\";\r\n\r\n@NgModule({\r\n imports: [CommonModule, MatIconModule, MatTooltipModule],\r\n declarations: [SdBadge],\r\n exports: [SdBadge],\r\n})\r\nexport class SdBadgeModule {}\r\n","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\nexport { SdBadgeModule } from \"./lib/badge.module\";\r\nexport * from \"./lib/badge.component\";\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["EventEmitter","Component","ChangeDetectionStrategy","Input","Output","NgModule","CommonModule","MatIconModule","MatTooltipModule"],"mappings":";;;;;;;QAIA;YAAA,iBA8BC;YAvBC,UAAK,GAA6B,SAAS,CAAC;YACnC,SAAI,GAAgC,QAAQ,CAAC;YAWtD,SAAI,GAAW,qBAAqB,CAAC;YAK5B,SAAI,GAA8B,IAAI,CAAC;YACtC,YAAO,GAAG,IAAIA,iBAAY,EAAE,CAAC;YACvC,YAAO,GAAG,UAAC,KAAY;gBACrB,KAAI,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAA;gBAC7B,KAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aAC1B,CAAA;SACF;QArBC,sBAAoB,2BAAM;iBAA1B,UAA2B,KAAmB;gBAC5C,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;oBAC5F,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;iBACxB;qBAAM;oBACL,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;iBACpB;aACF;;;WAAA;QAAA,CAAC;QAKF,sBAAmB,0BAAK;iBAAxB,UAAyB,GAAW;gBAClC,IAAI,CAAC,IAAI,GAAG,GAAG,IAAI,qBAAqB,CAAC;aAC1C;;;WAAA;QAAA,CAAC;;;;gBAtBHC,cAAS,SAAC;oBACT,QAAQ,EAAE,UAAU;oBACpB,imDAAqC;oBAErC,eAAe,EAAEC,4BAAuB,CAAC,MAAM;;iBAChD;;;uBAGEC,UAAK;yBACLA,UAAK,SAAC,OAAO;wBAObA,UAAK;0BACLA,UAAK;wBAGLA,UAAK,SAAC,MAAM;uBAIZA,UAAK;0BACLC,WAAM;;;;QCjBT;;;;;gBALCC,aAAQ,SAAC;oBACR,OAAO,EAAE,CAACC,mBAAY,EAAEC,kBAAa,EAAEC,wBAAgB,CAAC;oBACxD,YAAY,EAAE,CAAC,OAAO,CAAC;oBACvB,OAAO,EAAE,CAAC,OAAO,CAAC;iBACnB;;;ICXD;;;;ICAA;;;;;;;;;;;;;;;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
!function(o
|
|
1
|
+
!function(c,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("@angular/core"),require("@angular/common"),require("@angular/material/icon"),require("@angular/material/tooltip")):"function"==typeof define&&define.amd?define("@sd-angular/core/badge",["exports","@angular/core","@angular/common","@angular/material/icon","@angular/material/tooltip"],o):o(((c="undefined"!=typeof globalThis?globalThis:c||self)["sd-angular"]=c["sd-angular"]||{},c["sd-angular"].core=c["sd-angular"].core||{},c["sd-angular"].core.badge={}),c.ng.core,c.ng.common,c.ng.material.icon,c.ng.material.tooltip)}(this,(function(c,o,e,n,r){"use strict";var i=function(){function c(){var c=this;this.color="unknown",this.type="circle",this.icon="fiber_manual_record",this.size="sm",this.sdClick=new o.EventEmitter,this.onClick=function(o){c.sdClick.observers.length,c.sdClick.emit(o)}}return Object.defineProperty(c.prototype,"_color",{set:function(c){c&&["normal","primary","info","success","warning","danger"].includes(c)?this.color=c:this.color="unknown"},enumerable:!1,configurable:!0}),Object.defineProperty(c.prototype,"_icon",{set:function(c){this.icon=c||"fiber_manual_record"},enumerable:!1,configurable:!0}),c}();i.decorators=[{type:o.Component,args:[{selector:"sd-badge",template:"<div *ngIf=\"type === 'round'\" class=\"c-badge\" matTooltipPosition=\"above\" [matTooltip]=\"tooltip\"\r\n [ngClass]=\"{'c-secondary': color === 'normal', 'c-info': color === 'info', 'c-success': color === 'success', 'c-danger': color === 'danger', 'c-warning': color === 'warning'}\"\r\n [class.pointer]=\"!!sdClick.observers?.length\" (click)=\"onClick($event)\">\r\n {{ title }}\r\n</div>\r\n<div *ngIf=\"type === 'circle' || type === 'icon'\" class=\"d-flex\" matTooltipPosition=\"above\" [matTooltip]=\"tooltip\"\r\n [ngClass]=\"{'c-badge-circle': type === 'circle','c-badge-icon': type === 'icon', 'c-unknown': color === 'unknown', 'c-primary': color === 'primary', 'c-secondary': color === 'normal', 'c-info': color === 'info', 'c-success': color === 'success', 'c-danger': color === 'danger', 'c-warning': color === 'warning'}\"\r\n [class.pointer]=\"!!sdClick.observers?.length\" (click)=\"onClick($event)\">\r\n <span>\r\n <span class=\"c-material-icon mr-4\" [ngClass]=\"{\r\n 'material-icons-outlined': color === 'unknown',\r\n 'material-icons-round': color !== 'unknown',\r\n 'c-xs': size === 'xs',\r\n 'c-sm': size === 'sm',\r\n 'c-md': size === 'md',\r\n 'c-lg': size === 'lg', \r\n 'c-unknown': color === 'unknown', \r\n 'c-primary': color === 'primary', \r\n 'c-secondary': color === 'normal', \r\n 'c-info': color === 'info', \r\n 'c-success': color === 'success', \r\n 'c-danger': color === 'danger', \r\n 'c-warning': color === 'warning'\r\n }\">\r\n {{ icon }}\r\n </span>\r\n {{ title }}\r\n </span>\r\n</div>",changeDetection:o.ChangeDetectionStrategy.OnPush,styles:[".c-badge{border-radius:20px;display:inline-block;margin-bottom:4px;min-width:150px;overflow-wrap:break-word;padding:2px 12px;text-align:center}.c-badge.c-primary{background:#e7e9ff;color:#2962ff}.c-badge.c-secondary{background:#e9e9e9;color:#212121}.c-badge.c-info{background:#e7e9ff;color:#2962ff}.c-badge.c-warning{background:#ffeacc;color:#ff9600}.c-badge.c-success{background:#dbefdc;color:#4caf50}.c-badge.c-danger{background:#fed5d0;color:#f82c13}.c-badge-circle{min-width:150px}.c-badge-circle .c-material-icon{font-size:16px;height:16px;width:16px}.c-badge-circle .c-material-icon.c-badge-icon{font-size:12px;height:12px;width:12px}.c-badge-circle.c-unknown{color:rgba(0,0,0,.5)}.c-badge-circle.c-primary{color:#2962ff}.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}.c-badge-icon{min-width:150px}.c-badge-icon .c-material-icon{border-radius:50%;padding:2px}.c-badge-icon .c-material-icon.c-xs{font-size:14px;height:18px;width:18px}.c-badge-icon .c-material-icon.c-sm{font-size:16px;height:20px;width:20px}.c-badge-icon .c-material-icon.c-md{font-size:18px;height:22px;width:22px}.c-badge-icon .c-material-icon.c-lg{font-size:24px;height:28px;width:28px}.c-badge-icon .c-material-icon.c-unknown{color:rgba(0,0,0,.5)}.c-badge-icon .c-material-icon.c-primary{color:#2962ff}.c-badge-icon .c-material-icon.c-secondary{color:#212121}.c-badge-icon .c-material-icon.c-info{color:#2962ff}.c-badge-icon .c-material-icon.c-success{color:#4caf50}.c-badge-icon .c-material-icon.c-danger{color:#f82c13}.c-badge-icon .c-material-icon.c-warning{color:#ff9600}"]}]}],i.propDecorators={type:[{type:o.Input}],_color:[{type:o.Input,args:["color"]}],title:[{type:o.Input}],tooltip:[{type:o.Input}],_icon:[{type:o.Input,args:["icon"]}],size:[{type:o.Input}],sdClick:[{type:o.Output}]};var a=function(){};a.decorators=[{type:o.NgModule,args:[{imports:[e.CommonModule,n.MatIconModule,r.MatTooltipModule],declarations:[i],exports:[i]}]}],c.SdBadge=i,c.SdBadgeModule=a,Object.defineProperty(c,"__esModule",{value:!0})}));
|
|
2
2
|
//# sourceMappingURL=sd-angular-core-badge.umd.min.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../projects/sd-core/badge/src/lib/badge.component.ts","../../../../projects/sd-core/badge/src/lib/badge.module.ts"],"names":["SdBadge","_this","this","color","type","icon","sdClick","EventEmitter","onClick","event","observers","length","emit","Object","defineProperty","prototype","includes","Component","args","selector","template","changeDetection","ChangeDetectionStrategy","OnPush","Input","Output","NgModule","imports","CommonModule","MatIconModule","MatTooltipModule","declarations","exports"],"mappings":"upBAIA,SAAAA,IAAA,IAAAC,EAAAC,KAOEA,KAAAC,MAAkC,UACzBD,KAAAE,
|
|
1
|
+
{"version":3,"sources":["../../../../projects/sd-core/badge/src/lib/badge.component.ts","../../../../projects/sd-core/badge/src/lib/badge.module.ts"],"names":["SdBadge","_this","this","color","type","icon","size","sdClick","EventEmitter","onClick","event","observers","length","emit","Object","defineProperty","prototype","includes","val","Component","args","selector","template","changeDetection","ChangeDetectionStrategy","OnPush","Input","Output","NgModule","imports","CommonModule","MatIconModule","MatTooltipModule","declarations","exports"],"mappings":"upBAIA,SAAAA,IAAA,IAAAC,EAAAC,KAOEA,KAAAC,MAAkC,UACzBD,KAAAE,KAAoC,SAW7CF,KAAAG,KAAe,sBAKNH,KAAAI,KAAkC,KACjCJ,KAAAK,QAAU,IAAIC,EAAAA,aACxBN,KAAAO,QAAU,SAACC,GACTT,EAAKM,QAAQI,UAAUC,OACvBX,EAAKM,QAAQM,KAAKH,WAnBpBI,OAAAC,eAAoBf,EAAAgB,UAAA,SAAM,KAA1B,SAA2Bb,GACpBA,GAAU,CAAC,SAAU,UAAW,OAAQ,UAAW,UAAW,UAAUc,SAASd,GAGpFD,KAAKC,MAAQA,EAFbD,KAAKC,MAAQ,2CASjBW,OAAAC,eAAmBf,EAAAgB,UAAA,QAAK,KAAxB,SAAyBE,GACvBhB,KAAKG,KAAOa,GAAO,gFArBtBC,EAAAA,UAASC,KAAA,CAAC,CACTC,SAAU,WACVC,SAAA,wlDAEAC,gBAAiBC,EAAAA,wBAAwBC,2tDAIxCC,EAAAA,sBACAA,EAAAA,MAAKN,KAAA,CAAC,wBAONM,EAAAA,uBACAA,EAAAA,qBAGAA,EAAAA,MAAKN,KAAA,CAAC,sBAINM,EAAAA,uBACAC,EAAAA,gBCjBH,iCALCC,EAAAA,SAAQR,KAAA,CAAC,CACRS,QAAS,CAACC,EAAAA,aAAcC,EAAAA,cAAeC,EAAAA,kBACvCC,aAAc,CAACjC,GACfkC,QAAS,CAAClC","sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\r\n\r\nexport type SdBadgeColor = 'normal' | 'primary' | 'info' | 'success' | 'warning' | 'danger';\r\n\r\n@Component({\r\n selector: 'sd-badge',\r\n templateUrl: './badge.component.html',\r\n styleUrls: ['./badge.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdBadge {\r\n color: SdBadgeColor | 'unknown' = 'unknown';\r\n @Input() type: 'circle' | 'round' | 'icon' = 'circle';\r\n @Input('color') set _color(color: SdBadgeColor) {\r\n if (!color || !['normal', 'primary', 'info', 'success', 'warning', 'danger'].includes(color)) {\r\n this.color = 'unknown';\r\n } else {\r\n this.color = color;\r\n }\r\n };\r\n @Input() title: string;\r\n @Input() tooltip: string;\r\n\r\n icon: string = 'fiber_manual_record';\r\n @Input('icon') set _icon(val: string) {\r\n this.icon = val || 'fiber_manual_record';\r\n };\r\n\r\n @Input() size: 'xs' | 'sm' | 'md' | 'lg' = 'sm';\r\n @Output() sdClick = new EventEmitter();\r\n onClick = (event: Event) => {\r\n this.sdClick.observers.length\r\n this.sdClick.emit(event);\r\n }\r\n}\r\n","import { NgModule } from \"@angular/core\";\r\nimport { CommonModule } from \"@angular/common\";\r\nimport { MatIconModule } from \"@angular/material/icon\";\r\n\r\nimport { SdBadge } from \"./badge.component\";\r\nimport { MatTooltipModule } from \"@angular/material/tooltip\";\r\n\r\n@NgModule({\r\n imports: [CommonModule, MatIconModule, MatTooltipModule],\r\n declarations: [SdBadge],\r\n exports: [SdBadge],\r\n})\r\nexport class SdBadgeModule {}\r\n"]}
|
|
@@ -2571,7 +2571,13 @@
|
|
|
2571
2571
|
}
|
|
2572
2572
|
};
|
|
2573
2573
|
this.add = function (idx, item) {
|
|
2574
|
-
|
|
2574
|
+
if (_this.items.length > idx) {
|
|
2575
|
+
_this.items.splice(idx, 0, item);
|
|
2576
|
+
_this.items = __spread(_this.items);
|
|
2577
|
+
}
|
|
2578
|
+
else {
|
|
2579
|
+
_this.items = __spread(_this.items, [item]);
|
|
2580
|
+
}
|
|
2575
2581
|
};
|
|
2576
2582
|
this.update = function (idx, item) {
|
|
2577
2583
|
if (_this.items[idx]) {
|
|
@@ -2581,7 +2587,8 @@
|
|
|
2581
2587
|
};
|
|
2582
2588
|
this.remove = function (idx) {
|
|
2583
2589
|
if (_this.items[idx]) {
|
|
2584
|
-
_this.items
|
|
2590
|
+
_this.items.splice(idx, 1);
|
|
2591
|
+
_this.items = __spread(_this.items);
|
|
2585
2592
|
}
|
|
2586
2593
|
};
|
|
2587
2594
|
this.detectChanges = function () { return _this.ref.detectChanges(); };
|
|
@@ -2975,7 +2982,7 @@
|
|
|
2975
2982
|
SdDesktopCellView.decorators = [
|
|
2976
2983
|
{ type: core.Component, args: [{
|
|
2977
2984
|
selector: 'sd-desktop-cell-view',
|
|
2978
|
-
template: "<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 *sdLet=\"item[column.field] | columnTooltip:item:column as tooltip\">\r\n <ng-container *sdLet=\"item[column.field] | columnTransform:item:column:key | async as val\">\r\n <ng-container\r\n *ngIf=\"column.type === 'string' || column.type === 'number' || column.type === 'bool' || column.type === 'values'\">\r\n <ng-container *ngIf=\"!!badge\">\r\n <sd-badge [type]=\"
|
|
2985
|
+
template: "<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 *sdLet=\"item[column.field] | columnTooltip:item:column as tooltip\">\r\n <ng-container *sdLet=\"item[column.field] | columnTransform:item:column:key | async as val\">\r\n <ng-container\r\n *ngIf=\"column.type === 'string' || column.type === 'number' || column.type === 'bool' || column.type === 'values'\">\r\n <ng-container *ngIf=\"!!badge\">\r\n <sd-badge [type]=\"badge.type\" [title]=\"val\" [color]=\"badge.color\" [icon]=\"badge.icon\" [tooltip]=\"tooltip\"\r\n (sdClick)=\"column.click(item[column.field], item)\"></sd-badge>\r\n </ng-container>\r\n <ng-container *ngIf=\"!badge\">\r\n <div class=\"text-break\" [matTooltip]=\"tooltip\">\r\n <a *ngIf=\"column.click\" href=\"javascript:;\" (click)=\"column.click(item[column.field], item)\">{{val}}</a>\r\n <ng-container *ngIf=\"!column.click\">{{val}}\r\n </ng-container>\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n <div *ngIf=\"column.type === 'date'\" matTooltipPosition=\"above\"\r\n [matTooltip]=\"item[column.field] | date:'dd/MM/yyyy'\">\r\n {{val | 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 {{val | sdTimeDifferent:'dd/MM/yyyy HH:mm':column.option?.timeDifferent | async}}\r\n </div>\r\n <div *ngIf=\"column.type === 'time'\">\r\n {{val | date:'HH:mm'}}\r\n </div>\r\n <div *ngIf=\"column.type === 'image'\" class=\"align-middle text-center\">\r\n <img *ngIf=\"val\" [src]=\"val\" [width]=\"column.option?.width\" [height]=\"column.option?.height\"\r\n style=\"margin: 5px 0;object-fit: contain;\" (click)=\"column.click && column.click(item[column.field], item)\"\r\n [ngClass]=\"{'pointer':column.click}\">\r\n <mat-icon *ngIf=\"!val\" 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 </ng-container>\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>",
|
|
2979
2986
|
changeDetection: core.ChangeDetectionStrategy.OnPush,
|
|
2980
2987
|
styles: [".c-color-success{color:#4caf50}.c-color-danger{color:#f82c13}.c-img{font-size:30px;opacity:.5}.c-img.pointer:hover{opacity:.9}"]
|
|
2981
2988
|
},] }
|
|
@@ -3220,14 +3227,34 @@
|
|
|
3220
3227
|
function SdColumnBadgePipe() {
|
|
3221
3228
|
}
|
|
3222
3229
|
SdColumnBadgePipe.prototype.transform = function (value, rowData, column) {
|
|
3230
|
+
var _a, _b, _c;
|
|
3223
3231
|
if (column.type === 'string' && (column === null || column === void 0 ? void 0 : column.badge)) {
|
|
3224
|
-
return
|
|
3232
|
+
return {
|
|
3233
|
+
type: !(column === null || column === void 0 ? void 0 : column.badgeType) ? 'round' : column.badgeType,
|
|
3234
|
+
color: column.badge(value, rowData),
|
|
3235
|
+
icon: (_a = column === null || column === void 0 ? void 0 : column.badgeIcon) === null || _a === void 0 ? void 0 : _a.call(column, value, rowData)
|
|
3236
|
+
};
|
|
3237
|
+
}
|
|
3238
|
+
if (column.type === 'number' && (column === null || column === void 0 ? void 0 : column.badge)) {
|
|
3239
|
+
return {
|
|
3240
|
+
type: !(column === null || column === void 0 ? void 0 : column.badgeType) ? 'round' : column.badgeType,
|
|
3241
|
+
color: column.badge(value, rowData),
|
|
3242
|
+
icon: (_b = column === null || column === void 0 ? void 0 : column.badgeIcon) === null || _b === void 0 ? void 0 : _b.call(column, value, rowData)
|
|
3243
|
+
};
|
|
3225
3244
|
}
|
|
3226
3245
|
if (column.type === 'bool') {
|
|
3227
|
-
return
|
|
3246
|
+
return {
|
|
3247
|
+
type: !(column === null || column === void 0 ? void 0 : column.badgeType) ? 'round' : column.badgeType,
|
|
3248
|
+
color: !!value ? 'success' : 'danger',
|
|
3249
|
+
icon: null
|
|
3250
|
+
};
|
|
3228
3251
|
}
|
|
3229
3252
|
if (column.type === 'values' && (column === null || column === void 0 ? void 0 : column.badge)) {
|
|
3230
|
-
return
|
|
3253
|
+
return {
|
|
3254
|
+
type: !(column === null || column === void 0 ? void 0 : column.badgeType) ? 'round' : column.badgeType,
|
|
3255
|
+
color: column.badge(value, rowData),
|
|
3256
|
+
icon: (_c = column === null || column === void 0 ? void 0 : column.badgeIcon) === null || _c === void 0 ? void 0 : _c.call(column, value, rowData)
|
|
3257
|
+
};
|
|
3231
3258
|
}
|
|
3232
3259
|
return null;
|
|
3233
3260
|
};
|
|
@@ -3823,8 +3850,7 @@
|
|
|
3823
3850
|
{ type: core.Component, args: [{
|
|
3824
3851
|
selector: 'sd-desktop-cell-editor',
|
|
3825
3852
|
template: "<sd-input *ngIf=\"column.type === 'string'\" size=\"sm\" type=\"text\" [(model)]=\"item[column.field]\" (sdChange)=\"onChange()\" disableErrorMessage>\r\n</sd-input>\r\n<sd-input *ngIf=\"column.type === 'number'\" size=\"sm\" type=\"number\" [(model)]=\"item[column.field]\"\r\n (sdChange)=\"onChange()\" disableErrorMessage>\r\n</sd-input>\r\n<sd-select *ngIf=\"column.type === 'bool'\" size=\"sm\" [items]=\"[\r\n { value: true, display: column.option?.displayOnTrue || 'True' },\r\n { value: false, display: column.option?.displayOnFalse || 'False' }\r\n ]\" valueField=\"value\" displayField=\"display\" [(model)]=\"item[column.field]\" (sdChange)=\"onChange()\" disableErrorMessage>\r\n</sd-select>\r\n<sd-select *ngIf=\"\r\n column.type === 'values' && column?.option?.selection !== 'AUTOCOMPLETE'\r\n \" size=\"sm\" [items]=\"column.option.items\" [valueField]=\"column.option.valueField\"\r\n [displayField]=\"column.option.displayField\" [(model)]=\"item[column.field]\" (sdChange)=\"onChange()\" [multiple]=\"\r\n column?.option?.selection === 'MULTIPLE' ||\r\n column?.option?.selection === 'MULTIPLEAUTOCOMPLETE'\r\n \" [filtered]=\"column?.option?.selection === 'MULTIPLEAUTOCOMPLETE'\" disableErrorMessage>\r\n</sd-select>\r\n<sd-autocomplete *ngIf=\"\r\n column.type === 'values' && column?.option?.selection === 'AUTOCOMPLETE'\r\n \" size=\"sm\" [items]=\"column.option.items\" [valueField]=\"column.option.valueField\"\r\n [displayField]=\"column.option.displayField\" [(model)]=\"item[column.field]\" (sdChange)=\"onChange()\" disableErrorMessage>\r\n</sd-autocomplete>\r\n<sd-date-time *ngIf=\"\r\n column.type === 'date' ||\r\n column.type === 'datetime' ||\r\n column.type === 'time'\r\n \" size=\"sm\" [(model)]=\"item[column.field]\" [type]=\"column.type\" (sdChange)=\"onChange()\" disableErrorMessage>\r\n</sd-date-time>",
|
|
3826
|
-
changeDetection: core.ChangeDetectionStrategy.OnPush
|
|
3827
|
-
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}.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}"]
|
|
3853
|
+
changeDetection: core.ChangeDetectionStrategy.OnPush
|
|
3828
3854
|
},] }
|
|
3829
3855
|
];
|
|
3830
3856
|
SdDesktopCellEditor.ctorParameters = function () { return []; };
|
|
@@ -4011,7 +4037,7 @@
|
|
|
4011
4037
|
selector: 'sd-desktop-editor-validation',
|
|
4012
4038
|
template: "<ng-container *sdLet=\"item.sdId | sdEditorValidate:item:items:gridOption | async\">\r\n <div class=\"c-editor-validation\" [class.c-danger]=\"!!item.editorErrorMessage\" matTooltipPosition=\"after\"\r\n [matTooltip]=\"item.editorErrorMessage\">\r\n </div>\r\n</ng-container>",
|
|
4013
4039
|
changeDetection: core.ChangeDetectionStrategy.OnPush,
|
|
4014
|
-
styles: [":host{height:100%;left:0;position:absolute;top:0}:host .c-editor-validation{height:100%;max-width:4px;min-width:4px;width:4px}:host .c-danger{background-color:#f82c13}"]
|
|
4040
|
+
styles: [":host{height:100%;left:0;padding:12px 0;position:absolute;top:0}:host .c-editor-validation{border-bottom-right-radius:2px;border-top-right-radius:2px;height:100%;max-width:4px;min-width:4px;width:4px}:host .c-danger{background-color:#f82c13}"]
|
|
4015
4041
|
},] }
|
|
4016
4042
|
];
|
|
4017
4043
|
SdDesktopEditorValidation.ctorParameters = function () { return []; };
|