@seniorsistemas/angular-components 16.10.15 → 16.10.16
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/seniorsistemas-angular-components.umd.js +2 -1
- package/bundles/seniorsistemas-angular-components.umd.js.map +1 -1
- package/bundles/seniorsistemas-angular-components.umd.min.js +1 -1
- package/bundles/seniorsistemas-angular-components.umd.min.js.map +1 -1
- package/components/timeline/models/timeline-item.d.ts +2 -0
- package/esm2015/components/timeline/components/timeline-icon-item/timeline-icon-item.component.js +2 -2
- package/esm2015/components/timeline/models/timeline-item.js +2 -1
- package/esm5/components/timeline/components/timeline-icon-item/timeline-icon-item.component.js +2 -2
- package/esm5/components/timeline/models/timeline-item.js +2 -1
- package/fesm2015/seniorsistemas-angular-components.js +2 -1
- package/fesm2015/seniorsistemas-angular-components.js.map +1 -1
- package/fesm5/seniorsistemas-angular-components.js +2 -1
- package/fesm5/seniorsistemas-angular-components.js.map +1 -1
- package/package.json +1 -1
- package/seniorsistemas-angular-components.metadata.json +1 -1
|
@@ -9,6 +9,7 @@ export declare class TimelineItem {
|
|
|
9
9
|
tooltip?: string;
|
|
10
10
|
size: TimelineItemSize;
|
|
11
11
|
severity: TimelineItemSeverity;
|
|
12
|
+
color?: string;
|
|
12
13
|
constructor(params: {
|
|
13
14
|
id: string;
|
|
14
15
|
title: string;
|
|
@@ -18,6 +19,7 @@ export declare class TimelineItem {
|
|
|
18
19
|
size?: TimelineItemSize;
|
|
19
20
|
severity?: TimelineItemSeverity;
|
|
20
21
|
tooltip?: string;
|
|
22
|
+
color?: string;
|
|
21
23
|
});
|
|
22
24
|
checkItemIconContent(): void;
|
|
23
25
|
testSize(value: string): boolean;
|
package/esm2015/components/timeline/components/timeline-icon-item/timeline-icon-item.component.js
CHANGED
|
@@ -14,9 +14,9 @@ __decorate([
|
|
|
14
14
|
TimelineIconItemComponent = __decorate([
|
|
15
15
|
Component({
|
|
16
16
|
selector: "s-timeline-icon-item",
|
|
17
|
-
template: "<ng-container *ngIf=\"item\">\n <div\n class=\"timeline__icon-item\"\n [ngClass]=\"{\n 'timeline__icon-item--small': item.testSize('small'),\n 'timeline__icon-item--normal': item.testSize('normal'),\n 'timeline__icon-item--warning': item.testSeverity('warning'),\n 'timeline__icon-item--error': item.testSeverity('error'),\n 'timeline__icon-item--completed': isComplete,\n 'timeline__icon-item--active': isActive\n }\">\n <div\n class=\"timeline__icon-item__icon\"\n [pTooltip]=\"item.tooltip\"\n tooltipPosition=\"top\">\n <ng-content *ngIf=\"item.icon; then icon_content; else label_text_content\"></ng-content>\n <ng-template #icon_content>\n <span [ngClass]=\"item.icon\"></span>\n </ng-template>\n <ng-template #label_text_content>\n <span class=\"timeline__icon-item__icon__label\">\n {{ item.label }}\n </span>\n </ng-template>\n </div>\n </div>\n</ng-container>\n",
|
|
17
|
+
template: "<ng-container *ngIf=\"item\">\n <div\n class=\"timeline__icon-item\"\n [ngClass]=\"{\n 'timeline__icon-item--small': item.testSize('small'),\n 'timeline__icon-item--normal': item.testSize('normal'),\n 'timeline__icon-item--warning': item.testSeverity('warning'),\n 'timeline__icon-item--error': item.testSeverity('error'),\n 'timeline__icon-item--completed': isComplete,\n 'timeline__icon-item--active': isActive\n }\">\n <div\n class=\"timeline__icon-item__icon\"\n [pTooltip]=\"item.tooltip\"\n tooltipPosition=\"top\"\n [ngStyle]=\"{ backgroundColor: item.color }\">\n <ng-content *ngIf=\"item.icon; then icon_content; else label_text_content\"></ng-content>\n <ng-template #icon_content>\n <span [ngClass]=\"item.icon\"></span>\n </ng-template>\n <ng-template #label_text_content>\n <span class=\"timeline__icon-item__icon__label\">\n {{ item.label }}\n </span>\n </ng-template>\n </div>\n </div>\n</ng-container>\n",
|
|
18
18
|
styles: [".timeline__icon-item .timeline__icon-item__icon{-ms-flex-align:center;align-items:center;background-color:#697882;border-radius:50%;color:#fff;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin:4px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.timeline__icon-item .timeline__icon-item__icon .timeline__icon-item__icon__label{font-family:\"Open Sans\",sans-serif}.timeline__icon-item.timeline__icon-item--small .timeline__icon-item__icon{font-size:0;height:16px;width:16px}.timeline__icon-item.timeline__icon-item--normal .timeline__icon-item__icon{font-size:10px;height:24px;padding:8px;width:24px}.timeline__icon-item.timeline__icon-item--normal .timeline__icon-item__icon .timeline__icon-item__icon__label{font-size:14px}.timeline__icon-item.timeline__icon-item--active .timeline__icon-item__icon{font-size:20px;height:40px;padding:10px;width:40px}.timeline__icon-item.timeline__icon-item--active .timeline__icon-item__icon .timeline__icon-item__icon__label{font-size:22px}.timeline__icon-item.timeline__icon-item--active .timeline__icon-item__icon,.timeline__icon-item.timeline__icon-item--completed .timeline__icon-item__icon{background-color:#0c9348}.timeline__icon-item.timeline__icon-item--warning.timeline__icon-item--active .timeline__icon-item__icon{background-color:#fcbf10;color:#333}.timeline__icon-item.timeline__icon-item--danger.timeline__icon-item--active .timeline__icon-item__icon{background-color:#f8931f;color:#333}.timeline__icon-item.timeline__icon-item--error.timeline__icon-item--active .timeline__icon-item__icon{background-color:#c13018}"]
|
|
19
19
|
})
|
|
20
20
|
], TimelineIconItemComponent);
|
|
21
21
|
export { TimelineIconItemComponent };
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZWxpbmUtaWNvbi1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzZW5pb3JzaXN0ZW1hcy9hbmd1bGFyLWNvbXBvbmVudHMvIiwic291cmNlcyI6WyJjb21wb25lbnRzL3RpbWVsaW5lL2NvbXBvbmVudHMvdGltZWxpbmUtaWNvbi1pdGVtL3RpbWVsaW5lLWljb24taXRlbS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBU2pELElBQWEseUJBQXlCLEdBQXRDLE1BQWEseUJBQXlCO0NBU3JDLENBQUE7QUFQRTtJQURDLEtBQUssRUFBRTt1REFDa0I7QUFHMUI7SUFEQyxLQUFLLEVBQUU7MkRBQ2lCO0FBR3pCO0lBREMsS0FBSyxFQUFFOzZEQUNtQjtBQVJqQix5QkFBeUI7SUFMckMsU0FBUyxDQUFDO1FBQ1IsUUFBUSxFQUFFLHNCQUFzQjtRQUNoQyx1bUNBQWtEOztLQUVwRCxDQUFDO0dBQ1cseUJBQXlCLENBU3JDO1NBVFkseUJBQXlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbmltcG9ydCB7IFRpbWVsaW5lSXRlbSB9IGZyb20gXCIuLi8uLi9tb2RlbHNcIjtcblxuQENvbXBvbmVudCh7XG4gICBzZWxlY3RvcjogXCJzLXRpbWVsaW5lLWljb24taXRlbVwiLFxuICAgdGVtcGxhdGVVcmw6IFwiLi90aW1lbGluZS1pY29uLWl0ZW0uY29tcG9uZW50Lmh0bWxcIixcbiAgIHN0eWxlVXJsczogW1wiLi90aW1lbGluZS1pY29uLWl0ZW0uY29tcG9uZW50LnNjc3NcIl0sXG59KVxuZXhwb3J0IGNsYXNzIFRpbWVsaW5lSWNvbkl0ZW1Db21wb25lbnQge1xuICAgQElucHV0KClcbiAgIHB1YmxpYyBpdGVtOiBUaW1lbGluZUl0ZW07XG5cbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgaXNBY3RpdmU6IGJvb2xlYW47XG5cbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgaXNDb21wbGV0ZTogYm9vbGVhbjtcbn1cbiJdfQ==
|
|
@@ -11,6 +11,7 @@ export class TimelineItem {
|
|
|
11
11
|
this.tooltip = params.tooltip;
|
|
12
12
|
this.size = params.size || TimelineItemSize.Normal;
|
|
13
13
|
this.severity = params.severity || TimelineItemSeverity.Normal;
|
|
14
|
+
this.color = params.color;
|
|
14
15
|
this.checkItemIconContent();
|
|
15
16
|
}
|
|
16
17
|
checkItemIconContent() {
|
|
@@ -33,4 +34,4 @@ export class TimelineItem {
|
|
|
33
34
|
return ((_a = this.severity) === null || _a === void 0 ? void 0 : _a.valueOf()) === value;
|
|
34
35
|
}
|
|
35
36
|
}
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZWxpbmUtaXRlbS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzZW5pb3JzaXN0ZW1hcy9hbmd1bGFyLWNvbXBvbmVudHMvIiwic291cmNlcyI6WyJjb21wb25lbnRzL3RpbWVsaW5lL21vZGVscy90aW1lbGluZS1pdGVtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBRXhELE1BQU0sZ0JBQWdCLEdBQUcsQ0FBQyxDQUFDO0FBRTNCLE1BQU0sT0FBTyxZQUFZO0lBV3RCLFlBQVksTUFVWDtRQUNFLElBQUksQ0FBQyxFQUFFLEdBQUcsTUFBTSxDQUFDLEVBQUUsQ0FBQztRQUNwQixJQUFJLENBQUMsS0FBSyxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUM7UUFDMUIsSUFBSSxDQUFDLFdBQVcsR0FBRyxNQUFNLENBQUMsV0FBVyxDQUFDO1FBQ3RDLElBQUksQ0FBQyxJQUFJLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQztRQUN4QixJQUFJLENBQUMsS0FBSyxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUM7UUFDMUIsSUFBSSxDQUFDLE9BQU8sR0FBRyxNQUFNLENBQUMsT0FBTyxDQUFDO1FBQzlCLElBQUksQ0FBQyxJQUFJLEdBQUcsTUFBTSxDQUFDLElBQUksSUFBSSxnQkFBZ0IsQ0FBQyxNQUFNLENBQUM7UUFDbkQsSUFBSSxDQUFDLFFBQVEsR0FBRyxNQUFNLENBQUMsUUFBUSxJQUFJLG9CQUFvQixDQUFDLE1BQU0sQ0FBQztRQUMvRCxJQUFJLENBQUMsS0FBSyxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUM7UUFFMUIsSUFBSSxDQUFDLG9CQUFvQixFQUFFLENBQUM7SUFDL0IsQ0FBQztJQUVNLG9CQUFvQjs7UUFDeEIsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQzVCLE1BQU0sSUFBSSxLQUFLLENBQUMsOEVBQThFLENBQUMsQ0FBQztTQUNsRztRQUVELElBQUksSUFBSSxDQUFDLElBQUksSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQzFCLE1BQU0sSUFBSSxLQUFLLENBQUMsK0VBQStFLENBQUMsQ0FBQztTQUNuRztRQUVELElBQUksT0FBQSxJQUFJLENBQUMsS0FBSywwQ0FBRSxNQUFNLElBQUcsZ0JBQWdCLEVBQUU7WUFDeEMsTUFBTSxJQUFJLEtBQUssQ0FBQywrREFBK0QsQ0FBQyxDQUFDO1NBQ25GO0lBQ0osQ0FBQztJQUVNLFFBQVEsQ0FBQyxLQUFhO1FBQzFCLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsS0FBSyxLQUFLLENBQUM7SUFDeEMsQ0FBQztJQUVNLFlBQVksQ0FBQyxLQUFhOztRQUM5QixPQUFPLE9BQUEsSUFBSSxDQUFDLFFBQVEsMENBQUUsT0FBTyxRQUFPLEtBQUssQ0FBQztJQUM3QyxDQUFDO0NBQ0giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBUaW1lbGluZUl0ZW1TZXZlcml0eSB9IGZyb20gXCIuL3RpbWVsaW5lLWl0ZW0tc2V2ZXJpdHlcIjtcbmltcG9ydCB7IFRpbWVsaW5lSXRlbVNpemUgfSBmcm9tIFwiLi90aW1lbGluZS1pdGVtLXNpemVcIjtcblxuY29uc3QgTEFCRUxfTUFYX0xFTkdUSCA9IDI7IFxuXG5leHBvcnQgY2xhc3MgVGltZWxpbmVJdGVtIHtcbiAgIHB1YmxpYyBpZDogc3RyaW5nO1xuICAgcHVibGljIHRpdGxlOiBzdHJpbmc7XG4gICBwdWJsaWMgZGVzY3JpcHRpb246IHN0cmluZztcbiAgIHB1YmxpYyBpY29uPzogc3RyaW5nO1xuICAgcHVibGljIGxhYmVsPzogc3RyaW5nO1xuICAgcHVibGljIHRvb2x0aXA/OiBzdHJpbmc7XG4gICBwdWJsaWMgc2l6ZTogVGltZWxpbmVJdGVtU2l6ZTtcbiAgIHB1YmxpYyBzZXZlcml0eTogVGltZWxpbmVJdGVtU2V2ZXJpdHk7XG4gICBwdWJsaWMgY29sb3I/OiBzdHJpbmc7XG5cbiAgIGNvbnN0cnVjdG9yKHBhcmFtczoge1xuICAgICAgaWQ6IHN0cmluZyxcbiAgICAgIHRpdGxlOiBzdHJpbmcsXG4gICAgICBkZXNjcmlwdGlvbjogc3RyaW5nLFxuICAgICAgaWNvbj86IHN0cmluZyxcbiAgICAgIGxhYmVsPzogc3RyaW5nLFxuICAgICAgc2l6ZT86IFRpbWVsaW5lSXRlbVNpemUsXG4gICAgICBzZXZlcml0eT86IFRpbWVsaW5lSXRlbVNldmVyaXR5LFxuICAgICAgdG9vbHRpcD86IHN0cmluZyxcbiAgICAgIGNvbG9yPzogc3RyaW5nLFxuICAgfSkge1xuICAgICAgdGhpcy5pZCA9IHBhcmFtcy5pZDtcbiAgICAgIHRoaXMudGl0bGUgPSBwYXJhbXMudGl0bGU7XG4gICAgICB0aGlzLmRlc2NyaXB0aW9uID0gcGFyYW1zLmRlc2NyaXB0aW9uO1xuICAgICAgdGhpcy5pY29uID0gcGFyYW1zLmljb247XG4gICAgICB0aGlzLmxhYmVsID0gcGFyYW1zLmxhYmVsO1xuICAgICAgdGhpcy50b29sdGlwID0gcGFyYW1zLnRvb2x0aXA7XG4gICAgICB0aGlzLnNpemUgPSBwYXJhbXMuc2l6ZSB8fCBUaW1lbGluZUl0ZW1TaXplLk5vcm1hbDtcbiAgICAgIHRoaXMuc2V2ZXJpdHkgPSBwYXJhbXMuc2V2ZXJpdHkgfHwgVGltZWxpbmVJdGVtU2V2ZXJpdHkuTm9ybWFsO1xuICAgICAgdGhpcy5jb2xvciA9IHBhcmFtcy5jb2xvcjtcblxuICAgICAgdGhpcy5jaGVja0l0ZW1JY29uQ29udGVudCgpO1xuICAgfVxuXG4gICBwdWJsaWMgY2hlY2tJdGVtSWNvbkNvbnRlbnQoKSB7XG4gICAgICBpZiAoIXRoaXMuaWNvbiAmJiAhdGhpcy5sYWJlbCkge1xuICAgICAgICAgdGhyb3cgbmV3IEVycm9yKFwiTm8gaWNvbiBvciBsYWJlbCBzdHJpbmcgd2FzIHBhc3NlZCBmb3IgdGhlIGl0ZW0uIEVudGVyIGFuIGljb24gb3IgbGFiZWwgdGV4dFwiKTtcbiAgICAgIH1cblxuICAgICAgaWYgKHRoaXMuaWNvbiAmJiB0aGlzLmxhYmVsKSB7XG4gICAgICAgICB0aHJvdyBuZXcgRXJyb3IoXCJBbiBpY29uIGFuZCBsYWJlbCBzdHJpbmcgd2VyZSBwYXNzZWQgdG8gdGhlIGl0ZW0uIEVudGVyIGFuIGljb24gb3IgbGFiZWwgdGV4dFwiKTtcbiAgICAgIH1cblxuICAgICAgaWYgKHRoaXMubGFiZWw/Lmxlbmd0aCA+IExBQkVMX01BWF9MRU5HVEgpIHtcbiAgICAgICAgIHRocm93IG5ldyBFcnJvcihcIkxhYmVsIHRleHQgaXMgZXhwZWN0ZWQgdG8gYmUgYSBtYXhpbXVtIG9mIHR3byBjaGFyYWN0ZXJzIGxvbmdcIik7XG4gICAgICB9XG4gICB9XG5cbiAgIHB1YmxpYyB0ZXN0U2l6ZSh2YWx1ZTogc3RyaW5nKSB7XG4gICAgICByZXR1cm4gdGhpcy5zaXplLnZhbHVlT2YoKSA9PT0gdmFsdWU7XG4gICB9XG5cbiAgIHB1YmxpYyB0ZXN0U2V2ZXJpdHkodmFsdWU6IHN0cmluZykge1xuICAgICAgcmV0dXJuIHRoaXMuc2V2ZXJpdHk/LnZhbHVlT2YoKSA9PT0gdmFsdWU7XG4gICB9XG59XG4iXX0=
|
package/esm5/components/timeline/components/timeline-icon-item/timeline-icon-item.component.js
CHANGED
|
@@ -15,11 +15,11 @@ var TimelineIconItemComponent = /** @class */ (function () {
|
|
|
15
15
|
TimelineIconItemComponent = __decorate([
|
|
16
16
|
Component({
|
|
17
17
|
selector: "s-timeline-icon-item",
|
|
18
|
-
template: "<ng-container *ngIf=\"item\">\n <div\n class=\"timeline__icon-item\"\n [ngClass]=\"{\n 'timeline__icon-item--small': item.testSize('small'),\n 'timeline__icon-item--normal': item.testSize('normal'),\n 'timeline__icon-item--warning': item.testSeverity('warning'),\n 'timeline__icon-item--error': item.testSeverity('error'),\n 'timeline__icon-item--completed': isComplete,\n 'timeline__icon-item--active': isActive\n }\">\n <div\n class=\"timeline__icon-item__icon\"\n [pTooltip]=\"item.tooltip\"\n tooltipPosition=\"top\">\n <ng-content *ngIf=\"item.icon; then icon_content; else label_text_content\"></ng-content>\n <ng-template #icon_content>\n <span [ngClass]=\"item.icon\"></span>\n </ng-template>\n <ng-template #label_text_content>\n <span class=\"timeline__icon-item__icon__label\">\n {{ item.label }}\n </span>\n </ng-template>\n </div>\n </div>\n</ng-container>\n",
|
|
18
|
+
template: "<ng-container *ngIf=\"item\">\n <div\n class=\"timeline__icon-item\"\n [ngClass]=\"{\n 'timeline__icon-item--small': item.testSize('small'),\n 'timeline__icon-item--normal': item.testSize('normal'),\n 'timeline__icon-item--warning': item.testSeverity('warning'),\n 'timeline__icon-item--error': item.testSeverity('error'),\n 'timeline__icon-item--completed': isComplete,\n 'timeline__icon-item--active': isActive\n }\">\n <div\n class=\"timeline__icon-item__icon\"\n [pTooltip]=\"item.tooltip\"\n tooltipPosition=\"top\"\n [ngStyle]=\"{ backgroundColor: item.color }\">\n <ng-content *ngIf=\"item.icon; then icon_content; else label_text_content\"></ng-content>\n <ng-template #icon_content>\n <span [ngClass]=\"item.icon\"></span>\n </ng-template>\n <ng-template #label_text_content>\n <span class=\"timeline__icon-item__icon__label\">\n {{ item.label }}\n </span>\n </ng-template>\n </div>\n </div>\n</ng-container>\n",
|
|
19
19
|
styles: [".timeline__icon-item .timeline__icon-item__icon{-ms-flex-align:center;align-items:center;background-color:#697882;border-radius:50%;color:#fff;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin:4px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.timeline__icon-item .timeline__icon-item__icon .timeline__icon-item__icon__label{font-family:\"Open Sans\",sans-serif}.timeline__icon-item.timeline__icon-item--small .timeline__icon-item__icon{font-size:0;height:16px;width:16px}.timeline__icon-item.timeline__icon-item--normal .timeline__icon-item__icon{font-size:10px;height:24px;padding:8px;width:24px}.timeline__icon-item.timeline__icon-item--normal .timeline__icon-item__icon .timeline__icon-item__icon__label{font-size:14px}.timeline__icon-item.timeline__icon-item--active .timeline__icon-item__icon{font-size:20px;height:40px;padding:10px;width:40px}.timeline__icon-item.timeline__icon-item--active .timeline__icon-item__icon .timeline__icon-item__icon__label{font-size:22px}.timeline__icon-item.timeline__icon-item--active .timeline__icon-item__icon,.timeline__icon-item.timeline__icon-item--completed .timeline__icon-item__icon{background-color:#0c9348}.timeline__icon-item.timeline__icon-item--warning.timeline__icon-item--active .timeline__icon-item__icon{background-color:#fcbf10;color:#333}.timeline__icon-item.timeline__icon-item--danger.timeline__icon-item--active .timeline__icon-item__icon{background-color:#f8931f;color:#333}.timeline__icon-item.timeline__icon-item--error.timeline__icon-item--active .timeline__icon-item__icon{background-color:#c13018}"]
|
|
20
20
|
})
|
|
21
21
|
], TimelineIconItemComponent);
|
|
22
22
|
return TimelineIconItemComponent;
|
|
23
23
|
}());
|
|
24
24
|
export { TimelineIconItemComponent };
|
|
25
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZWxpbmUtaWNvbi1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzZW5pb3JzaXN0ZW1hcy9hbmd1bGFyLWNvbXBvbmVudHMvIiwic291cmNlcyI6WyJjb21wb25lbnRzL3RpbWVsaW5lL2NvbXBvbmVudHMvdGltZWxpbmUtaWNvbi1pdGVtL3RpbWVsaW5lLWljb24taXRlbS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBU2pEO0lBQUE7SUFTQSxDQUFDO0lBUEU7UUFEQyxLQUFLLEVBQUU7MkRBQ2tCO0lBRzFCO1FBREMsS0FBSyxFQUFFOytEQUNpQjtJQUd6QjtRQURDLEtBQUssRUFBRTtpRUFDbUI7SUFSakIseUJBQXlCO1FBTHJDLFNBQVMsQ0FBQztZQUNSLFFBQVEsRUFBRSxzQkFBc0I7WUFDaEMsdW1DQUFrRDs7U0FFcEQsQ0FBQztPQUNXLHlCQUF5QixDQVNyQztJQUFELGdDQUFDO0NBQUEsQUFURCxJQVNDO1NBVFkseUJBQXlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbmltcG9ydCB7IFRpbWVsaW5lSXRlbSB9IGZyb20gXCIuLi8uLi9tb2RlbHNcIjtcblxuQENvbXBvbmVudCh7XG4gICBzZWxlY3RvcjogXCJzLXRpbWVsaW5lLWljb24taXRlbVwiLFxuICAgdGVtcGxhdGVVcmw6IFwiLi90aW1lbGluZS1pY29uLWl0ZW0uY29tcG9uZW50Lmh0bWxcIixcbiAgIHN0eWxlVXJsczogW1wiLi90aW1lbGluZS1pY29uLWl0ZW0uY29tcG9uZW50LnNjc3NcIl0sXG59KVxuZXhwb3J0IGNsYXNzIFRpbWVsaW5lSWNvbkl0ZW1Db21wb25lbnQge1xuICAgQElucHV0KClcbiAgIHB1YmxpYyBpdGVtOiBUaW1lbGluZUl0ZW07XG5cbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgaXNBY3RpdmU6IGJvb2xlYW47XG5cbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgaXNDb21wbGV0ZTogYm9vbGVhbjtcbn1cbiJdfQ==
|
|
@@ -11,6 +11,7 @@ var TimelineItem = /** @class */ (function () {
|
|
|
11
11
|
this.tooltip = params.tooltip;
|
|
12
12
|
this.size = params.size || TimelineItemSize.Normal;
|
|
13
13
|
this.severity = params.severity || TimelineItemSeverity.Normal;
|
|
14
|
+
this.color = params.color;
|
|
14
15
|
this.checkItemIconContent();
|
|
15
16
|
}
|
|
16
17
|
TimelineItem.prototype.checkItemIconContent = function () {
|
|
@@ -35,4 +36,4 @@ var TimelineItem = /** @class */ (function () {
|
|
|
35
36
|
return TimelineItem;
|
|
36
37
|
}());
|
|
37
38
|
export { TimelineItem };
|
|
38
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZWxpbmUtaXRlbS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzZW5pb3JzaXN0ZW1hcy9hbmd1bGFyLWNvbXBvbmVudHMvIiwic291cmNlcyI6WyJjb21wb25lbnRzL3RpbWVsaW5lL21vZGVscy90aW1lbGluZS1pdGVtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBRXhELElBQU0sZ0JBQWdCLEdBQUcsQ0FBQyxDQUFDO0FBRTNCO0lBV0csc0JBQVksTUFVWDtRQUNFLElBQUksQ0FBQyxFQUFFLEdBQUcsTUFBTSxDQUFDLEVBQUUsQ0FBQztRQUNwQixJQUFJLENBQUMsS0FBSyxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUM7UUFDMUIsSUFBSSxDQUFDLFdBQVcsR0FBRyxNQUFNLENBQUMsV0FBVyxDQUFDO1FBQ3RDLElBQUksQ0FBQyxJQUFJLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQztRQUN4QixJQUFJLENBQUMsS0FBSyxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUM7UUFDMUIsSUFBSSxDQUFDLE9BQU8sR0FBRyxNQUFNLENBQUMsT0FBTyxDQUFDO1FBQzlCLElBQUksQ0FBQyxJQUFJLEdBQUcsTUFBTSxDQUFDLElBQUksSUFBSSxnQkFBZ0IsQ0FBQyxNQUFNLENBQUM7UUFDbkQsSUFBSSxDQUFDLFFBQVEsR0FBRyxNQUFNLENBQUMsUUFBUSxJQUFJLG9CQUFvQixDQUFDLE1BQU0sQ0FBQztRQUMvRCxJQUFJLENBQUMsS0FBSyxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUM7UUFFMUIsSUFBSSxDQUFDLG9CQUFvQixFQUFFLENBQUM7SUFDL0IsQ0FBQztJQUVNLDJDQUFvQixHQUEzQjs7UUFDRyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUU7WUFDNUIsTUFBTSxJQUFJLEtBQUssQ0FBQyw4RUFBOEUsQ0FBQyxDQUFDO1NBQ2xHO1FBRUQsSUFBSSxJQUFJLENBQUMsSUFBSSxJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUU7WUFDMUIsTUFBTSxJQUFJLEtBQUssQ0FBQywrRUFBK0UsQ0FBQyxDQUFDO1NBQ25HO1FBRUQsSUFBSSxPQUFBLElBQUksQ0FBQyxLQUFLLDBDQUFFLE1BQU0sSUFBRyxnQkFBZ0IsRUFBRTtZQUN4QyxNQUFNLElBQUksS0FBSyxDQUFDLCtEQUErRCxDQUFDLENBQUM7U0FDbkY7SUFDSixDQUFDO0lBRU0sK0JBQVEsR0FBZixVQUFnQixLQUFhO1FBQzFCLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsS0FBSyxLQUFLLENBQUM7SUFDeEMsQ0FBQztJQUVNLG1DQUFZLEdBQW5CLFVBQW9CLEtBQWE7O1FBQzlCLE9BQU8sT0FBQSxJQUFJLENBQUMsUUFBUSwwQ0FBRSxPQUFPLFFBQU8sS0FBSyxDQUFDO0lBQzdDLENBQUM7SUFDSixtQkFBQztBQUFELENBQUMsQUF4REQsSUF3REMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBUaW1lbGluZUl0ZW1TZXZlcml0eSB9IGZyb20gXCIuL3RpbWVsaW5lLWl0ZW0tc2V2ZXJpdHlcIjtcbmltcG9ydCB7IFRpbWVsaW5lSXRlbVNpemUgfSBmcm9tIFwiLi90aW1lbGluZS1pdGVtLXNpemVcIjtcblxuY29uc3QgTEFCRUxfTUFYX0xFTkdUSCA9IDI7IFxuXG5leHBvcnQgY2xhc3MgVGltZWxpbmVJdGVtIHtcbiAgIHB1YmxpYyBpZDogc3RyaW5nO1xuICAgcHVibGljIHRpdGxlOiBzdHJpbmc7XG4gICBwdWJsaWMgZGVzY3JpcHRpb246IHN0cmluZztcbiAgIHB1YmxpYyBpY29uPzogc3RyaW5nO1xuICAgcHVibGljIGxhYmVsPzogc3RyaW5nO1xuICAgcHVibGljIHRvb2x0aXA/OiBzdHJpbmc7XG4gICBwdWJsaWMgc2l6ZTogVGltZWxpbmVJdGVtU2l6ZTtcbiAgIHB1YmxpYyBzZXZlcml0eTogVGltZWxpbmVJdGVtU2V2ZXJpdHk7XG4gICBwdWJsaWMgY29sb3I/OiBzdHJpbmc7XG5cbiAgIGNvbnN0cnVjdG9yKHBhcmFtczoge1xuICAgICAgaWQ6IHN0cmluZyxcbiAgICAgIHRpdGxlOiBzdHJpbmcsXG4gICAgICBkZXNjcmlwdGlvbjogc3RyaW5nLFxuICAgICAgaWNvbj86IHN0cmluZyxcbiAgICAgIGxhYmVsPzogc3RyaW5nLFxuICAgICAgc2l6ZT86IFRpbWVsaW5lSXRlbVNpemUsXG4gICAgICBzZXZlcml0eT86IFRpbWVsaW5lSXRlbVNldmVyaXR5LFxuICAgICAgdG9vbHRpcD86IHN0cmluZyxcbiAgICAgIGNvbG9yPzogc3RyaW5nLFxuICAgfSkge1xuICAgICAgdGhpcy5pZCA9IHBhcmFtcy5pZDtcbiAgICAgIHRoaXMudGl0bGUgPSBwYXJhbXMudGl0bGU7XG4gICAgICB0aGlzLmRlc2NyaXB0aW9uID0gcGFyYW1zLmRlc2NyaXB0aW9uO1xuICAgICAgdGhpcy5pY29uID0gcGFyYW1zLmljb247XG4gICAgICB0aGlzLmxhYmVsID0gcGFyYW1zLmxhYmVsO1xuICAgICAgdGhpcy50b29sdGlwID0gcGFyYW1zLnRvb2x0aXA7XG4gICAgICB0aGlzLnNpemUgPSBwYXJhbXMuc2l6ZSB8fCBUaW1lbGluZUl0ZW1TaXplLk5vcm1hbDtcbiAgICAgIHRoaXMuc2V2ZXJpdHkgPSBwYXJhbXMuc2V2ZXJpdHkgfHwgVGltZWxpbmVJdGVtU2V2ZXJpdHkuTm9ybWFsO1xuICAgICAgdGhpcy5jb2xvciA9IHBhcmFtcy5jb2xvcjtcblxuICAgICAgdGhpcy5jaGVja0l0ZW1JY29uQ29udGVudCgpO1xuICAgfVxuXG4gICBwdWJsaWMgY2hlY2tJdGVtSWNvbkNvbnRlbnQoKSB7XG4gICAgICBpZiAoIXRoaXMuaWNvbiAmJiAhdGhpcy5sYWJlbCkge1xuICAgICAgICAgdGhyb3cgbmV3IEVycm9yKFwiTm8gaWNvbiBvciBsYWJlbCBzdHJpbmcgd2FzIHBhc3NlZCBmb3IgdGhlIGl0ZW0uIEVudGVyIGFuIGljb24gb3IgbGFiZWwgdGV4dFwiKTtcbiAgICAgIH1cblxuICAgICAgaWYgKHRoaXMuaWNvbiAmJiB0aGlzLmxhYmVsKSB7XG4gICAgICAgICB0aHJvdyBuZXcgRXJyb3IoXCJBbiBpY29uIGFuZCBsYWJlbCBzdHJpbmcgd2VyZSBwYXNzZWQgdG8gdGhlIGl0ZW0uIEVudGVyIGFuIGljb24gb3IgbGFiZWwgdGV4dFwiKTtcbiAgICAgIH1cblxuICAgICAgaWYgKHRoaXMubGFiZWw/Lmxlbmd0aCA+IExBQkVMX01BWF9MRU5HVEgpIHtcbiAgICAgICAgIHRocm93IG5ldyBFcnJvcihcIkxhYmVsIHRleHQgaXMgZXhwZWN0ZWQgdG8gYmUgYSBtYXhpbXVtIG9mIHR3byBjaGFyYWN0ZXJzIGxvbmdcIik7XG4gICAgICB9XG4gICB9XG5cbiAgIHB1YmxpYyB0ZXN0U2l6ZSh2YWx1ZTogc3RyaW5nKSB7XG4gICAgICByZXR1cm4gdGhpcy5zaXplLnZhbHVlT2YoKSA9PT0gdmFsdWU7XG4gICB9XG5cbiAgIHB1YmxpYyB0ZXN0U2V2ZXJpdHkodmFsdWU6IHN0cmluZykge1xuICAgICAgcmV0dXJuIHRoaXMuc2V2ZXJpdHk/LnZhbHVlT2YoKSA9PT0gdmFsdWU7XG4gICB9XG59XG4iXX0=
|
|
@@ -8959,7 +8959,7 @@ __decorate([
|
|
|
8959
8959
|
TimelineIconItemComponent = __decorate([
|
|
8960
8960
|
Component({
|
|
8961
8961
|
selector: "s-timeline-icon-item",
|
|
8962
|
-
template: "<ng-container *ngIf=\"item\">\n <div\n class=\"timeline__icon-item\"\n [ngClass]=\"{\n 'timeline__icon-item--small': item.testSize('small'),\n 'timeline__icon-item--normal': item.testSize('normal'),\n 'timeline__icon-item--warning': item.testSeverity('warning'),\n 'timeline__icon-item--error': item.testSeverity('error'),\n 'timeline__icon-item--completed': isComplete,\n 'timeline__icon-item--active': isActive\n }\">\n <div\n class=\"timeline__icon-item__icon\"\n [pTooltip]=\"item.tooltip\"\n tooltipPosition=\"top\">\n <ng-content *ngIf=\"item.icon; then icon_content; else label_text_content\"></ng-content>\n <ng-template #icon_content>\n <span [ngClass]=\"item.icon\"></span>\n </ng-template>\n <ng-template #label_text_content>\n <span class=\"timeline__icon-item__icon__label\">\n {{ item.label }}\n </span>\n </ng-template>\n </div>\n </div>\n</ng-container>\n",
|
|
8962
|
+
template: "<ng-container *ngIf=\"item\">\n <div\n class=\"timeline__icon-item\"\n [ngClass]=\"{\n 'timeline__icon-item--small': item.testSize('small'),\n 'timeline__icon-item--normal': item.testSize('normal'),\n 'timeline__icon-item--warning': item.testSeverity('warning'),\n 'timeline__icon-item--error': item.testSeverity('error'),\n 'timeline__icon-item--completed': isComplete,\n 'timeline__icon-item--active': isActive\n }\">\n <div\n class=\"timeline__icon-item__icon\"\n [pTooltip]=\"item.tooltip\"\n tooltipPosition=\"top\"\n [ngStyle]=\"{ backgroundColor: item.color }\">\n <ng-content *ngIf=\"item.icon; then icon_content; else label_text_content\"></ng-content>\n <ng-template #icon_content>\n <span [ngClass]=\"item.icon\"></span>\n </ng-template>\n <ng-template #label_text_content>\n <span class=\"timeline__icon-item__icon__label\">\n {{ item.label }}\n </span>\n </ng-template>\n </div>\n </div>\n</ng-container>\n",
|
|
8963
8963
|
styles: [".timeline__icon-item .timeline__icon-item__icon{-ms-flex-align:center;align-items:center;background-color:#697882;border-radius:50%;color:#fff;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin:4px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.timeline__icon-item .timeline__icon-item__icon .timeline__icon-item__icon__label{font-family:\"Open Sans\",sans-serif}.timeline__icon-item.timeline__icon-item--small .timeline__icon-item__icon{font-size:0;height:16px;width:16px}.timeline__icon-item.timeline__icon-item--normal .timeline__icon-item__icon{font-size:10px;height:24px;padding:8px;width:24px}.timeline__icon-item.timeline__icon-item--normal .timeline__icon-item__icon .timeline__icon-item__icon__label{font-size:14px}.timeline__icon-item.timeline__icon-item--active .timeline__icon-item__icon{font-size:20px;height:40px;padding:10px;width:40px}.timeline__icon-item.timeline__icon-item--active .timeline__icon-item__icon .timeline__icon-item__icon__label{font-size:22px}.timeline__icon-item.timeline__icon-item--active .timeline__icon-item__icon,.timeline__icon-item.timeline__icon-item--completed .timeline__icon-item__icon{background-color:#0c9348}.timeline__icon-item.timeline__icon-item--warning.timeline__icon-item--active .timeline__icon-item__icon{background-color:#fcbf10;color:#333}.timeline__icon-item.timeline__icon-item--danger.timeline__icon-item--active .timeline__icon-item__icon{background-color:#f8931f;color:#333}.timeline__icon-item.timeline__icon-item--error.timeline__icon-item--active .timeline__icon-item__icon{background-color:#c13018}"]
|
|
8964
8964
|
})
|
|
8965
8965
|
], TimelineIconItemComponent);
|
|
@@ -9206,6 +9206,7 @@ class TimelineItem {
|
|
|
9206
9206
|
this.tooltip = params.tooltip;
|
|
9207
9207
|
this.size = params.size || TimelineItemSize.Normal;
|
|
9208
9208
|
this.severity = params.severity || TimelineItemSeverity.Normal;
|
|
9209
|
+
this.color = params.color;
|
|
9209
9210
|
this.checkItemIconContent();
|
|
9210
9211
|
}
|
|
9211
9212
|
checkItemIconContent() {
|