@progress-chef/platform-shared-components 0.0.60 → 0.0.61
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/esm2022/lib/atoms/alert/alert.component.mjs +2 -2
- package/esm2022/lib/atoms/alert-warning/alert-warning.component.mjs +5 -12
- package/fesm2022/progress-chef-platform-shared-components.mjs +5 -11
- package/fesm2022/progress-chef-platform-shared-components.mjs.map +1 -1
- package/lib/atoms/alert-warning/alert-warning.component.d.ts +1 -4
- package/package.json +1 -1
|
@@ -22,11 +22,11 @@ export class AlertComponent {
|
|
|
22
22
|
};
|
|
23
23
|
}
|
|
24
24
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AlertComponent, deps: [{ token: i1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
25
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AlertComponent, selector: "lib-alert", inputs: { type: "type", iconName: "iconName" }, outputs: { dismissed: "dismissed" }, host: { properties: { "class": "this.theType" } }, ngImport: i0, template: "<div class=\"icon\">\n <lib-icon [name]=\"iconName\"></lib-icon>\n</div>\n<div>\n <ng-content></ng-content>\n</div>\n<div class=\"close\" (click)=\"onClose()\">\n <lib-icon name=\"close\" [fontSize]=\"20\"></lib-icon>\n</div>\n", styles: [":host{display:flex;border-radius:4px;padding:1.125rem 1rem;position:relative}:host .icon{margin-right:.5rem;display:flex;position:relative}:host.information{color:#003b6e;background-color:#b8d8f5}:host.warning{padding-top:.625rem;padding-bottom:0;color:#d68e00;background-color:#ffe6b3;outline:auto}:host.warning .icon{outline:auto;background-color:#fbc457;height:2rem;width:
|
|
25
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AlertComponent, selector: "lib-alert", inputs: { type: "type", iconName: "iconName" }, outputs: { dismissed: "dismissed" }, host: { properties: { "class": "this.theType" } }, ngImport: i0, template: "<div class=\"icon\">\n <lib-icon [name]=\"iconName\"></lib-icon>\n</div>\n<div>\n <ng-content></ng-content>\n</div>\n<div class=\"close\" (click)=\"onClose()\">\n <lib-icon name=\"close\" [fontSize]=\"20\"></lib-icon>\n</div>\n", styles: [":host{display:flex;border-radius:4px;padding:1.125rem 1rem;position:relative}:host .icon{margin-right:.5rem;display:flex;position:relative}:host.information{color:#003b6e;background-color:#b8d8f5}:host.warning{padding-top:.625rem;padding-bottom:0;color:#d68e00;background-color:#ffe6b3;outline:auto}:host.warning .icon{outline:auto;background-color:#fbc457;height:2rem;width:2.307rem;justify-content:center;align-items:center}:host.warning .close{display:none}:host .close{font-weight:700;position:absolute;right:1rem;top:.75rem;cursor:pointer}\n"], dependencies: [{ kind: "component", type: i2.IconComponent, selector: "lib-icon", inputs: ["name", "projectedIcon", "fontSize", "type"] }] }); }
|
|
26
26
|
}
|
|
27
27
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AlertComponent, decorators: [{
|
|
28
28
|
type: Component,
|
|
29
|
-
args: [{ selector: 'lib-alert', template: "<div class=\"icon\">\n <lib-icon [name]=\"iconName\"></lib-icon>\n</div>\n<div>\n <ng-content></ng-content>\n</div>\n<div class=\"close\" (click)=\"onClose()\">\n <lib-icon name=\"close\" [fontSize]=\"20\"></lib-icon>\n</div>\n", styles: [":host{display:flex;border-radius:4px;padding:1.125rem 1rem;position:relative}:host .icon{margin-right:.5rem;display:flex;position:relative}:host.information{color:#003b6e;background-color:#b8d8f5}:host.warning{padding-top:.625rem;padding-bottom:0;color:#d68e00;background-color:#ffe6b3;outline:auto}:host.warning .icon{outline:auto;background-color:#fbc457;height:2rem;width:
|
|
29
|
+
args: [{ selector: 'lib-alert', template: "<div class=\"icon\">\n <lib-icon [name]=\"iconName\"></lib-icon>\n</div>\n<div>\n <ng-content></ng-content>\n</div>\n<div class=\"close\" (click)=\"onClose()\">\n <lib-icon name=\"close\" [fontSize]=\"20\"></lib-icon>\n</div>\n", styles: [":host{display:flex;border-radius:4px;padding:1.125rem 1rem;position:relative}:host .icon{margin-right:.5rem;display:flex;position:relative}:host.information{color:#003b6e;background-color:#b8d8f5}:host.warning{padding-top:.625rem;padding-bottom:0;color:#d68e00;background-color:#ffe6b3;outline:auto}:host.warning .icon{outline:auto;background-color:#fbc457;height:2rem;width:2.307rem;justify-content:center;align-items:center}:host.warning .close{display:none}:host .close{font-weight:700;position:absolute;right:1rem;top:.75rem;cursor:pointer}\n"] }]
|
|
30
30
|
}], ctorParameters: function () { return [{ type: i1.ThemesService }]; }, propDecorators: { type: [{
|
|
31
31
|
type: Input
|
|
32
32
|
}], dismissed: [{
|
|
@@ -1,26 +1,19 @@
|
|
|
1
|
-
import { Component,
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "@progress-chef/platform-themes-service";
|
|
4
4
|
import * as i2 from "../icon/icon.component";
|
|
5
|
-
import * as i3 from "../button/button.component";
|
|
6
5
|
export class AlertWarningComponent {
|
|
7
6
|
constructor(themesService) {
|
|
8
7
|
this.themesService = themesService;
|
|
9
|
-
this.RenewLicencePage = new EventEmitter();
|
|
10
8
|
this.iconName = 'warning-filled';
|
|
11
9
|
}
|
|
12
|
-
onRenewLicense() {
|
|
13
|
-
this.RenewLicencePage.emit();
|
|
14
|
-
}
|
|
15
10
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AlertWarningComponent, deps: [{ token: i1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AlertWarningComponent, selector: "lib-alert-warning", inputs: { iconName: "iconName" },
|
|
11
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AlertWarningComponent, selector: "lib-alert-warning", inputs: { iconName: "iconName" }, ngImport: i0, template: "<div class=\"container\">\n <div class=\"column column-1\">\n <lib-icon [name]=\"iconName\"></lib-icon>\n </div>\n <div class=\"column column-2\">\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [".container{outline:auto;outline-color:#d68e00;display:flex;background-color:#ffe6b3;padding:.625rem 1rem 0rem;max-width:94.4rem;margin-bottom:.063rem;margin-top:1rem}.column-1{display:flex;background-color:#fbc457;color:#d68e00;outline:auto;height:2.25rem;width:2.25rem;justify-content:center;align-items:center;margin-left:3.625rem}.column-2{background-color:#ffe6b3;padding:0%;margin-left:1rem}\n"], dependencies: [{ kind: "component", type: i2.IconComponent, selector: "lib-icon", inputs: ["name", "projectedIcon", "fontSize", "type"] }] }); }
|
|
17
12
|
}
|
|
18
13
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AlertWarningComponent, decorators: [{
|
|
19
14
|
type: Component,
|
|
20
|
-
args: [{ selector: 'lib-alert-warning', template: "<div class=\"container\">\n <div class=\"column column-1\">\n <lib-icon [name]=\"iconName\"></lib-icon>\n </div>\n <div class=\"column column-2\">\n <ng-content></ng-content>\n </div>\n
|
|
21
|
-
}], ctorParameters: function () { return [{ type: i1.ThemesService }]; }, propDecorators: {
|
|
22
|
-
type: Output
|
|
23
|
-
}], iconName: [{
|
|
15
|
+
args: [{ selector: 'lib-alert-warning', template: "<div class=\"container\">\n <div class=\"column column-1\">\n <lib-icon [name]=\"iconName\"></lib-icon>\n </div>\n <div class=\"column column-2\">\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [".container{outline:auto;outline-color:#d68e00;display:flex;background-color:#ffe6b3;padding:.625rem 1rem 0rem;max-width:94.4rem;margin-bottom:.063rem;margin-top:1rem}.column-1{display:flex;background-color:#fbc457;color:#d68e00;outline:auto;height:2.25rem;width:2.25rem;justify-content:center;align-items:center;margin-left:3.625rem}.column-2{background-color:#ffe6b3;padding:0%;margin-left:1rem}\n"] }]
|
|
16
|
+
}], ctorParameters: function () { return [{ type: i1.ThemesService }]; }, propDecorators: { iconName: [{
|
|
24
17
|
type: Input
|
|
25
18
|
}] } });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQtd2FybmluZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaGFyZWQvc3JjL2xpYi9hdG9tcy9hbGVydC13YXJuaW5nL2FsZXJ0LXdhcm5pbmcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkL3NyYy9saWIvYXRvbXMvYWxlcnQtd2FybmluZy9hbGVydC13YXJuaW5nLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBUWpELE1BQU0sT0FBTyxxQkFBcUI7SUFHaEMsWUFBb0IsYUFBMkI7UUFBM0Isa0JBQWEsR0FBYixhQUFhLENBQWM7UUFGdEMsYUFBUSxHQUFRLGdCQUFnQixDQUFDO0lBRVEsQ0FBQzsrR0FIeEMscUJBQXFCO21HQUFyQixxQkFBcUIsMkZDUmxDLDZOQVFBOzs0RkRBYSxxQkFBcUI7a0JBTGpDLFNBQVM7K0JBQ0UsbUJBQW1CO29HQUtwQixRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVGhlbWVzU2VydmljZSB9IGZyb20gJ0Bwcm9ncmVzcy1jaGVmL3BsYXRmb3JtLXRoZW1lcy1zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLWFsZXJ0LXdhcm5pbmcnLFxuICB0ZW1wbGF0ZVVybDogJy4vYWxlcnQtd2FybmluZy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2FsZXJ0LXdhcm5pbmcuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBBbGVydFdhcm5pbmdDb21wb25lbnQge1xuICBASW5wdXQoKSBpY29uTmFtZTpzdHJpbmc9J3dhcm5pbmctZmlsbGVkJztcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHRoZW1lc1NlcnZpY2U6VGhlbWVzU2VydmljZSkge31cbn1cbiIsIjxkaXYgY2xhc3M9XCJjb250YWluZXJcIj5cbiAgICA8ZGl2IGNsYXNzPVwiY29sdW1uIGNvbHVtbi0xXCI+XG4gICAgICAgIDxsaWItaWNvbiBbbmFtZV09XCJpY29uTmFtZVwiPjwvbGliLWljb24+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImNvbHVtbiBjb2x1bW4tMlwiPlxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -2193,11 +2193,11 @@ class AlertComponent {
|
|
|
2193
2193
|
};
|
|
2194
2194
|
}
|
|
2195
2195
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AlertComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2196
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AlertComponent, selector: "lib-alert", inputs: { type: "type", iconName: "iconName" }, outputs: { dismissed: "dismissed" }, host: { properties: { "class": "this.theType" } }, ngImport: i0, template: "<div class=\"icon\">\n <lib-icon [name]=\"iconName\"></lib-icon>\n</div>\n<div>\n <ng-content></ng-content>\n</div>\n<div class=\"close\" (click)=\"onClose()\">\n <lib-icon name=\"close\" [fontSize]=\"20\"></lib-icon>\n</div>\n", styles: [":host{display:flex;border-radius:4px;padding:1.125rem 1rem;position:relative}:host .icon{margin-right:.5rem;display:flex;position:relative}:host.information{color:#003b6e;background-color:#b8d8f5}:host.warning{padding-top:.625rem;padding-bottom:0;color:#d68e00;background-color:#ffe6b3;outline:auto}:host.warning .icon{outline:auto;background-color:#fbc457;height:2rem;width:
|
|
2196
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AlertComponent, selector: "lib-alert", inputs: { type: "type", iconName: "iconName" }, outputs: { dismissed: "dismissed" }, host: { properties: { "class": "this.theType" } }, ngImport: i0, template: "<div class=\"icon\">\n <lib-icon [name]=\"iconName\"></lib-icon>\n</div>\n<div>\n <ng-content></ng-content>\n</div>\n<div class=\"close\" (click)=\"onClose()\">\n <lib-icon name=\"close\" [fontSize]=\"20\"></lib-icon>\n</div>\n", styles: [":host{display:flex;border-radius:4px;padding:1.125rem 1rem;position:relative}:host .icon{margin-right:.5rem;display:flex;position:relative}:host.information{color:#003b6e;background-color:#b8d8f5}:host.warning{padding-top:.625rem;padding-bottom:0;color:#d68e00;background-color:#ffe6b3;outline:auto}:host.warning .icon{outline:auto;background-color:#fbc457;height:2rem;width:2.307rem;justify-content:center;align-items:center}:host.warning .close{display:none}:host .close{font-weight:700;position:absolute;right:1rem;top:.75rem;cursor:pointer}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "lib-icon", inputs: ["name", "projectedIcon", "fontSize", "type"] }] }); }
|
|
2197
2197
|
}
|
|
2198
2198
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AlertComponent, decorators: [{
|
|
2199
2199
|
type: Component,
|
|
2200
|
-
args: [{ selector: 'lib-alert', template: "<div class=\"icon\">\n <lib-icon [name]=\"iconName\"></lib-icon>\n</div>\n<div>\n <ng-content></ng-content>\n</div>\n<div class=\"close\" (click)=\"onClose()\">\n <lib-icon name=\"close\" [fontSize]=\"20\"></lib-icon>\n</div>\n", styles: [":host{display:flex;border-radius:4px;padding:1.125rem 1rem;position:relative}:host .icon{margin-right:.5rem;display:flex;position:relative}:host.information{color:#003b6e;background-color:#b8d8f5}:host.warning{padding-top:.625rem;padding-bottom:0;color:#d68e00;background-color:#ffe6b3;outline:auto}:host.warning .icon{outline:auto;background-color:#fbc457;height:2rem;width:
|
|
2200
|
+
args: [{ selector: 'lib-alert', template: "<div class=\"icon\">\n <lib-icon [name]=\"iconName\"></lib-icon>\n</div>\n<div>\n <ng-content></ng-content>\n</div>\n<div class=\"close\" (click)=\"onClose()\">\n <lib-icon name=\"close\" [fontSize]=\"20\"></lib-icon>\n</div>\n", styles: [":host{display:flex;border-radius:4px;padding:1.125rem 1rem;position:relative}:host .icon{margin-right:.5rem;display:flex;position:relative}:host.information{color:#003b6e;background-color:#b8d8f5}:host.warning{padding-top:.625rem;padding-bottom:0;color:#d68e00;background-color:#ffe6b3;outline:auto}:host.warning .icon{outline:auto;background-color:#fbc457;height:2rem;width:2.307rem;justify-content:center;align-items:center}:host.warning .close{display:none}:host .close{font-weight:700;position:absolute;right:1rem;top:.75rem;cursor:pointer}\n"] }]
|
|
2201
2201
|
}], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { type: [{
|
|
2202
2202
|
type: Input
|
|
2203
2203
|
}], dismissed: [{
|
|
@@ -3153,21 +3153,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
3153
3153
|
class AlertWarningComponent {
|
|
3154
3154
|
constructor(themesService) {
|
|
3155
3155
|
this.themesService = themesService;
|
|
3156
|
-
this.RenewLicencePage = new EventEmitter();
|
|
3157
3156
|
this.iconName = 'warning-filled';
|
|
3158
3157
|
}
|
|
3159
|
-
onRenewLicense() {
|
|
3160
|
-
this.RenewLicencePage.emit();
|
|
3161
|
-
}
|
|
3162
3158
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AlertWarningComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3163
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AlertWarningComponent, selector: "lib-alert-warning", inputs: { iconName: "iconName" },
|
|
3159
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AlertWarningComponent, selector: "lib-alert-warning", inputs: { iconName: "iconName" }, ngImport: i0, template: "<div class=\"container\">\n <div class=\"column column-1\">\n <lib-icon [name]=\"iconName\"></lib-icon>\n </div>\n <div class=\"column column-2\">\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [".container{outline:auto;outline-color:#d68e00;display:flex;background-color:#ffe6b3;padding:.625rem 1rem 0rem;max-width:94.4rem;margin-bottom:.063rem;margin-top:1rem}.column-1{display:flex;background-color:#fbc457;color:#d68e00;outline:auto;height:2.25rem;width:2.25rem;justify-content:center;align-items:center;margin-left:3.625rem}.column-2{background-color:#ffe6b3;padding:0%;margin-left:1rem}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "lib-icon", inputs: ["name", "projectedIcon", "fontSize", "type"] }] }); }
|
|
3164
3160
|
}
|
|
3165
3161
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AlertWarningComponent, decorators: [{
|
|
3166
3162
|
type: Component,
|
|
3167
|
-
args: [{ selector: 'lib-alert-warning', template: "<div class=\"container\">\n <div class=\"column column-1\">\n <lib-icon [name]=\"iconName\"></lib-icon>\n </div>\n <div class=\"column column-2\">\n <ng-content></ng-content>\n </div>\n
|
|
3168
|
-
}], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: {
|
|
3169
|
-
type: Output
|
|
3170
|
-
}], iconName: [{
|
|
3163
|
+
args: [{ selector: 'lib-alert-warning', template: "<div class=\"container\">\n <div class=\"column column-1\">\n <lib-icon [name]=\"iconName\"></lib-icon>\n </div>\n <div class=\"column column-2\">\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [".container{outline:auto;outline-color:#d68e00;display:flex;background-color:#ffe6b3;padding:.625rem 1rem 0rem;max-width:94.4rem;margin-bottom:.063rem;margin-top:1rem}.column-1{display:flex;background-color:#fbc457;color:#d68e00;outline:auto;height:2.25rem;width:2.25rem;justify-content:center;align-items:center;margin-left:3.625rem}.column-2{background-color:#ffe6b3;padding:0%;margin-left:1rem}\n"] }]
|
|
3164
|
+
}], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { iconName: [{
|
|
3171
3165
|
type: Input
|
|
3172
3166
|
}] } });
|
|
3173
3167
|
|