@progressio_resources/gravity-design-system 3.0.4 → 3.0.6
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/components/gravity-icon/gravity-icon.component.mjs +38 -32
- package/esm2022/lib/components/gravity-notification/gravity-notification-content.interface.mjs +1 -1
- package/esm2022/lib/components/gravity-notification/gravity-notification.component.mjs +3 -3
- package/fesm2022/progressio_resources-gravity-design-system.mjs +39 -33
- package/fesm2022/progressio_resources-gravity-design-system.mjs.map +1 -1
- package/lib/components/gravity-icon/gravity-icon.component.d.ts +37 -31
- package/lib/components/gravity-notification/gravity-notification-content.interface.d.ts +1 -0
- package/package.json +1 -1
|
@@ -45,36 +45,42 @@ export var ICONS;
|
|
|
45
45
|
ICONS[ICONS["chevron-double-down"] = 8] = "chevron-double-down";
|
|
46
46
|
ICONS[ICONS["chevron-double-up"] = 9] = "chevron-double-up";
|
|
47
47
|
ICONS[ICONS["copy"] = 10] = "copy";
|
|
48
|
-
ICONS[ICONS["
|
|
49
|
-
ICONS[ICONS["
|
|
50
|
-
ICONS[ICONS["eye-
|
|
51
|
-
ICONS[ICONS["
|
|
52
|
-
ICONS[ICONS["
|
|
53
|
-
ICONS[ICONS["
|
|
54
|
-
ICONS[ICONS["
|
|
55
|
-
ICONS[ICONS["
|
|
56
|
-
ICONS[ICONS["
|
|
57
|
-
ICONS[ICONS["
|
|
58
|
-
ICONS[ICONS["
|
|
59
|
-
ICONS[ICONS["
|
|
60
|
-
ICONS[ICONS["
|
|
61
|
-
ICONS[ICONS["
|
|
62
|
-
ICONS[ICONS["
|
|
63
|
-
ICONS[ICONS["
|
|
64
|
-
ICONS[ICONS["
|
|
65
|
-
ICONS[ICONS["
|
|
66
|
-
ICONS[ICONS["
|
|
67
|
-
ICONS[ICONS["
|
|
68
|
-
ICONS[ICONS["
|
|
69
|
-
ICONS[ICONS["
|
|
70
|
-
ICONS[ICONS["
|
|
71
|
-
ICONS[ICONS["
|
|
72
|
-
ICONS[ICONS["
|
|
73
|
-
ICONS[ICONS["
|
|
74
|
-
ICONS[ICONS["
|
|
75
|
-
ICONS[ICONS["
|
|
76
|
-
ICONS[ICONS["
|
|
77
|
-
ICONS[ICONS["
|
|
78
|
-
ICONS[ICONS["
|
|
48
|
+
ICONS[ICONS["deposit"] = 11] = "deposit";
|
|
49
|
+
ICONS[ICONS["download"] = 12] = "download";
|
|
50
|
+
ICONS[ICONS["eye-closed"] = 13] = "eye-closed";
|
|
51
|
+
ICONS[ICONS["eye-open"] = 14] = "eye-open";
|
|
52
|
+
ICONS[ICONS["exchange-provider"] = 15] = "exchange-provider";
|
|
53
|
+
ICONS[ICONS["graphics"] = 16] = "graphics";
|
|
54
|
+
ICONS[ICONS["happy-face"] = 17] = "happy-face";
|
|
55
|
+
ICONS[ICONS["home"] = 18] = "home";
|
|
56
|
+
ICONS[ICONS["information-circle"] = 19] = "information-circle";
|
|
57
|
+
ICONS[ICONS["internal-processing"] = 20] = "internal-processing";
|
|
58
|
+
ICONS[ICONS["language"] = 21] = "language";
|
|
59
|
+
ICONS[ICONS["mail"] = 22] = "mail";
|
|
60
|
+
ICONS[ICONS["menu"] = 23] = "menu";
|
|
61
|
+
ICONS[ICONS["more-options"] = 24] = "more-options";
|
|
62
|
+
ICONS[ICONS["new-tab"] = 25] = "new-tab";
|
|
63
|
+
ICONS[ICONS["news"] = 26] = "news";
|
|
64
|
+
ICONS[ICONS["payout"] = 27] = "payout";
|
|
65
|
+
ICONS[ICONS["plus"] = 28] = "plus";
|
|
66
|
+
ICONS[ICONS["question-circle"] = 29] = "question-circle";
|
|
67
|
+
ICONS[ICONS["rates"] = 30] = "rates";
|
|
68
|
+
ICONS[ICONS["report"] = 31] = "report";
|
|
69
|
+
ICONS[ICONS["search"] = 32] = "search";
|
|
70
|
+
ICONS[ICONS["security"] = 33] = "security";
|
|
71
|
+
ICONS[ICONS["settings"] = 34] = "settings";
|
|
72
|
+
ICONS[ICONS["sign-out"] = 35] = "sign-out";
|
|
73
|
+
ICONS[ICONS["success-circle"] = 36] = "success-circle";
|
|
74
|
+
ICONS[ICONS["swaps"] = 37] = "swaps";
|
|
75
|
+
ICONS[ICONS["swaps-arrow-left"] = 38] = "swaps-arrow-left";
|
|
76
|
+
ICONS[ICONS["swaps-arrow-right"] = 39] = "swaps-arrow-right";
|
|
77
|
+
ICONS[ICONS["switch"] = 40] = "switch";
|
|
78
|
+
ICONS[ICONS["tool"] = 41] = "tool";
|
|
79
|
+
ICONS[ICONS["trash"] = 42] = "trash";
|
|
80
|
+
ICONS[ICONS["unlock"] = 43] = "unlock";
|
|
81
|
+
ICONS[ICONS["unsuccess"] = 44] = "unsuccess";
|
|
82
|
+
ICONS[ICONS["update"] = 45] = "update";
|
|
83
|
+
ICONS[ICONS["user"] = 46] = "user";
|
|
84
|
+
ICONS[ICONS["warning-circle"] = 47] = "warning-circle";
|
|
79
85
|
})(ICONS || (ICONS = {}));
|
|
80
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
86
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1pY29uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dyYXZpdHktZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1pY29uL2dyYXZpdHktaWNvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktaWNvbi9ncmF2aXR5LWljb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7OztBQU8vQyxNQUFNLE9BQU8sb0JBQW9CO0lBUXhCLE1BQU0sQ0FBQyxTQUFTLENBQUMsUUFBZ0I7UUFDdEMsT0FBTyxTQUFTLENBQUMsUUFBUSxDQUFDLElBQUksU0FBUyxDQUFDO0lBQzFDLENBQUM7SUFFTSxNQUFNLENBQUMsU0FBUyxDQUFDLFFBQWdCO1FBQ3RDLE9BQU8sS0FBSyxDQUFDLFFBQVEsQ0FBQyxJQUFJLFNBQVMsQ0FBQztJQUN0QyxDQUFDOytHQWRVLG9CQUFvQjttR0FBcEIsb0JBQW9CLHdOQ1BqQywrUEFFQTs7NEZES2Esb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNFLGNBQWM7OEJBS1IsdUJBQXVCO3NCQUF0QyxLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxTQUFTO3NCQUF4QixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsTUFBTTtzQkFBckIsS0FBSzs7QUFXUixNQUFNLENBQU4sSUFBWSxTQUdYO0FBSEQsV0FBWSxTQUFTO0lBQ25CLCtDQUFTLENBQUE7SUFDVCxxREFBWSxDQUFBO0FBQ2QsQ0FBQyxFQUhXLFNBQVMsS0FBVCxTQUFTLFFBR3BCO0FBRUQsTUFBTSxDQUFOLElBQVksS0FpRFg7QUFqREQsV0FBWSxLQUFLO0lBQ2YsK0NBQWEsQ0FBQTtJQUNiLDZDQUFZLENBQUE7SUFDWiw2Q0FBWSxDQUFBO0lBQ1osK0NBQWEsQ0FBQTtJQUNiLHlDQUFVLENBQUE7SUFDVixpQ0FBTSxDQUFBO0lBQ04seUNBQVUsQ0FBQTtJQUNWLG1DQUFPLENBQUE7SUFDUCwrREFBcUIsQ0FBQTtJQUNyQiwyREFBbUIsQ0FBQTtJQUNuQixrQ0FBTSxDQUFBO0lBQ04sd0NBQVMsQ0FBQTtJQUNULDBDQUFVLENBQUE7SUFDViw4Q0FBWSxDQUFBO0lBQ1osMENBQVUsQ0FBQTtJQUNWLDREQUFtQixDQUFBO0lBQ25CLDBDQUFVLENBQUE7SUFDViw4Q0FBWSxDQUFBO0lBQ1osa0NBQU0sQ0FBQTtJQUNOLDhEQUFvQixDQUFBO0lBQ3BCLGdFQUFxQixDQUFBO0lBQ3JCLDBDQUFVLENBQUE7SUFDVixrQ0FBTSxDQUFBO0lBQ04sa0NBQU0sQ0FBQTtJQUNOLGtEQUFjLENBQUE7SUFDZCx3Q0FBUyxDQUFBO0lBQ1Qsa0NBQU0sQ0FBQTtJQUNOLHNDQUFRLENBQUE7SUFDUixrQ0FBTSxDQUFBO0lBQ04sd0RBQWlCLENBQUE7SUFDakIsb0NBQU8sQ0FBQTtJQUNQLHNDQUFRLENBQUE7SUFDUixzQ0FBUSxDQUFBO0lBQ1IsMENBQVUsQ0FBQTtJQUNWLDBDQUFVLENBQUE7SUFDViwwQ0FBVSxDQUFBO0lBQ1Ysc0RBQWdCLENBQUE7SUFDaEIsb0NBQU8sQ0FBQTtJQUNQLDBEQUFrQixDQUFBO0lBQ2xCLDREQUFtQixDQUFBO0lBQ25CLHNDQUFRLENBQUE7SUFDUixrQ0FBTSxDQUFBO0lBQ04sb0NBQU8sQ0FBQTtJQUNQLHNDQUFRLENBQUE7SUFDUiw0Q0FBVyxDQUFBO0lBQ1gsc0NBQVEsQ0FBQTtJQUNSLGtDQUFNLENBQUE7SUFDTixzREFBZ0IsQ0FBQTtBQUNsQixDQUFDLEVBakRXLEtBQUssS0FBTCxLQUFLLFFBaURoQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2dyYXZpdHktaWNvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9ncmF2aXR5LWljb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9ncmF2aXR5LWljb24uY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBHcmF2aXR5SWNvbkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHB1YmxpYyBjdXN0b21JY29uQ29sb3JWYXJpYWJsZTogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgaWNvbk5hbWU6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIGljb25TaXplOiAnbGctMjQnIHwgJ21kLTE2JyB8ICdzbS0xMicgfCAneGwtMzInO1xuICBASW5wdXQoKSBwdWJsaWMgaG92ZXJJY29uOiBib29sZWFuO1xuICBASW5wdXQoKSBwdWJsaWMgc2l6ZTogJ3NtJyB8ICdtZCcgfCAnbGcnO1xuICBASW5wdXQoKSBwdWJsaWMgaXNDb2luOiBib29sZWFuO1xuXG4gIHB1YmxpYyBzdGF0aWMgaXNPbGRJY29uKGljb25OYW1lOiBzdHJpbmcpOiBib29sZWFuIHtcbiAgICByZXR1cm4gT0xEX0lDT05TW2ljb25OYW1lXSAhPSB1bmRlZmluZWQ7XG4gIH1cblxuICBwdWJsaWMgc3RhdGljIGlzTmV3SWNvbihpY29uTmFtZTogc3RyaW5nKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIElDT05TW2ljb25OYW1lXSAhPSB1bmRlZmluZWQ7XG4gIH1cbn1cblxuZXhwb3J0IGVudW0gT0xEX0lDT05TIHtcbiAgJ3VuY2hlY2snLFxuICAnYXJyb3ctYmFjaydcbn1cblxuZXhwb3J0IGVudW0gSUNPTlMge1xuICAnYWRkcmVzc2Jvb2snLFxuICAnYXJyb3ctZG93bicsXG4gICdhcnJvdy1sZWZ0JyxcbiAgJ2Fycm93LXJpZ2h0JyxcbiAgJ2Fycm93LXVwJyxcbiAgJ2JlbGwnLFxuICAnY2FsZW5kYXInLFxuICAnY2hlY2snLFxuICAnY2hldnJvbi1kb3VibGUtZG93bicsXG4gICdjaGV2cm9uLWRvdWJsZS11cCcsXG4gICdjb3B5JyxcbiAgJ2RlcG9zaXQnLFxuICAnZG93bmxvYWQnLFxuICAnZXllLWNsb3NlZCcsXG4gICdleWUtb3BlbicsXG4gICdleGNoYW5nZS1wcm92aWRlcicsXG4gICdncmFwaGljcycsXG4gICdoYXBweS1mYWNlJyxcbiAgJ2hvbWUnLFxuICAnaW5mb3JtYXRpb24tY2lyY2xlJyxcbiAgJ2ludGVybmFsLXByb2Nlc3NpbmcnLFxuICAnbGFuZ3VhZ2UnLFxuICAnbWFpbCcsXG4gICdtZW51JyxcbiAgJ21vcmUtb3B0aW9ucycsXG4gICduZXctdGFiJyxcbiAgJ25ld3MnLFxuICAncGF5b3V0JyxcbiAgJ3BsdXMnLFxuICAncXVlc3Rpb24tY2lyY2xlJyxcbiAgJ3JhdGVzJyxcbiAgJ3JlcG9ydCcsXG4gICdzZWFyY2gnLFxuICAnc2VjdXJpdHknLFxuICAnc2V0dGluZ3MnLFxuICAnc2lnbi1vdXQnLFxuICAnc3VjY2Vzcy1jaXJjbGUnLFxuICAnc3dhcHMnLFxuICAnc3dhcHMtYXJyb3ctbGVmdCcsXG4gICdzd2Fwcy1hcnJvdy1yaWdodCcsXG4gICdzd2l0Y2gnLFxuICAndG9vbCcsXG4gICd0cmFzaCcsXG4gICd1bmxvY2snLFxuICAndW5zdWNjZXNzJyxcbiAgJ3VwZGF0ZScsXG4gICd1c2VyJyxcbiAgJ3dhcm5pbmctY2lyY2xlJ1xufVxuIiwiPHN2Zy1pY29uIFtjbGFzcy53aXRoLWhvdmVyXT1cImhvdmVySWNvblwiIGNsYXNzPVwie3tzaXplfX0ge3tpY29uU2l6ZX19XCIgW3N0eWxlLi0taWNvbi1jb2xvcl09XCJjdXN0b21JY29uQ29sb3JWYXJpYWJsZVwiXG4gICAgICAgICAgW25hbWVdPVwiaXNDb2luID8gJ2d0LWljb24tJyArIGljb25OYW1lIDogaWNvblNpemUgPyAnZ3QtaWNvbi0nICsgaWNvbk5hbWUgKyAnLScgKyBpY29uU2l6ZSA6IGljb25OYW1lXCI+PC9zdmctaWNvbj5cbiJdfQ==
|
package/esm2022/lib/components/gravity-notification/gravity-notification-content.interface.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1ub3RpZmljYXRpb24tY29udGVudC5pbnRlcmZhY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktbm90aWZpY2F0aW9uL2dyYXZpdHktbm90aWZpY2F0aW9uLWNvbnRlbnQuaW50ZXJmYWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgaW50ZXJmYWNlIEdyYXZpdHlOb3RpZmljYXRpb25Db250ZW50IHtcbiAgc3RhdGU6ICdlcnJvcicgfCAnc3VjY2VzcycgfCAnd2FybmluZyc7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHRleHQ6IHN0cmluZztcbiAgZGV0YWlscz86IHN0cmluZztcbiAgZXJyb3JDb2RlPzogbnVtYmVyO1xufVxuIl19
|
|
@@ -11,12 +11,12 @@ export class GravityNotificationComponent {
|
|
|
11
11
|
this.ngbActiveModal.close();
|
|
12
12
|
}
|
|
13
13
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityNotificationComponent, deps: [{ token: i1.NgbActiveModal }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityNotificationComponent, selector: "ng-component", inputs: { notificationContent: "notificationContent" }, ngImport: i0, template: "<main class=\"alert-content {{notificationContent.state}}\">\n <gravity-icon class=\"close\" (click)=\"closeModal()\" data-cy=\"gravity_notification_informative_close_icon\"\n [iconName]=\"'unsuccess'\" [title]=\"'Close'\" [iconSize]=\"'md-16'\"></gravity-icon>\n\n <div class=\"title\">\n <!--TODO ebiazzetti change icons-->\n <gravity-icon class=\"title-icon\" [iconName]=\"'notification_' + notificationContent.state\" [size]=\"'md'\"></gravity-icon>\n <h1 class=\"hr-title lg-bold\">{{notificationContent.title}}</h1>\n </div>\n\n <div class=\"content\">\n <h2 class=\"hr-body-text md-regular\">{{notificationContent.text}}</h2>\n <h2 class=\"hr-body-text md-regular\" *ngIf=\"notificationContent.errorCode\">\n Error code: <b>{{notificationContent.errorCode}}</b>\n </h2>\n </div>\n</main>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}main.alert-content{border-bottom:.75rem solid var(--notification-highlight-color);border-radius:.625rem;padding:1.5rem 1.5rem 1rem;position:relative}main.alert-content.success{--notification-highlight-color: var(--notification-success-highlight-primary);--notification-icon-background-color: var(--bg-icon-notification-success-primary);--notification-icon-color: var(--on-bg-icon-notification-success-primary)}main.alert-content.error{--notification-highlight-color: var(--notification-error-highlight-primary);--notification-icon-background-color: var(--bg-icon-notification-error-primary);--notification-icon-color: var(--on-bg-icon-notification-error-primary)}main.alert-content.warning{--notification-highlight-color: var(--notification-warning-highlight-primary);--notification-icon-background-color: var(--bg-icon-notification-warning-primary);--notification-icon-color: var(--on-bg-icon-notification-warning-primary)}gravity-icon.close{cursor:pointer;height:1rem;position:absolute;right:.75rem;top:.625rem;width:1rem}gravity-icon.close:hover{background-color:var(--bg-close-dialog-header-hover-primary)}gravity-icon.close:hover ::ng-deep svg-icon{--icon-color: var(--close-dialog-header-hover-primary)}.title{align-items:center;display:flex}.title gravity-icon.title-icon{align-items:center;background-color:var(--notification-icon-background-color);border-radius:50%;display:flex;height:2rem;line-height:0;justify-content:center;margin-right:1rem;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;padding:.5rem;width:2rem}.title gravity-icon.title-icon ::ng-deep svg-icon{--icon-color: var(--notification-icon-color)}.content{margin-left:3rem}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
|
|
14
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityNotificationComponent, selector: "ng-component", inputs: { notificationContent: "notificationContent" }, ngImport: i0, template: "<main class=\"alert-content {{notificationContent.state}}\">\n <gravity-icon class=\"close\" (click)=\"closeModal()\" data-cy=\"gravity_notification_informative_close_icon\"\n [iconName]=\"'unsuccess'\" [title]=\"'Close'\" [iconSize]=\"'md-16'\"></gravity-icon>\n\n <div class=\"title\">\n <!--TODO ebiazzetti change icons-->\n <gravity-icon class=\"title-icon\" [iconName]=\"'notification_' + notificationContent.state\" [size]=\"'md'\"></gravity-icon>\n <h1 class=\"hr-title lg-bold\">{{notificationContent.title}}</h1>\n </div>\n\n <div class=\"content\">\n <h2 class=\"hr-body-text md-regular\">{{notificationContent.text}}</h2>\n <h2 class=\"hr-body-text md-regular\" *ngIf=\"notificationContent.details\">\n Detail: <b>{{notificationContent.details}}</b>\n </h2>\n <h2 class=\"hr-body-text md-regular\" *ngIf=\"notificationContent.errorCode\">\n Error code: <b>{{notificationContent.errorCode}}</b>\n </h2>\n </div>\n</main>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}main.alert-content{border-bottom:.75rem solid var(--notification-highlight-color);border-radius:.625rem;padding:1.5rem 1.5rem 1rem;position:relative}main.alert-content.success{--notification-highlight-color: var(--notification-success-highlight-primary);--notification-icon-background-color: var(--bg-icon-notification-success-primary);--notification-icon-color: var(--on-bg-icon-notification-success-primary)}main.alert-content.error{--notification-highlight-color: var(--notification-error-highlight-primary);--notification-icon-background-color: var(--bg-icon-notification-error-primary);--notification-icon-color: var(--on-bg-icon-notification-error-primary)}main.alert-content.warning{--notification-highlight-color: var(--notification-warning-highlight-primary);--notification-icon-background-color: var(--bg-icon-notification-warning-primary);--notification-icon-color: var(--on-bg-icon-notification-warning-primary)}gravity-icon.close{cursor:pointer;height:1rem;position:absolute;right:.75rem;top:.625rem;width:1rem}gravity-icon.close:hover{background-color:var(--bg-close-dialog-header-hover-primary)}gravity-icon.close:hover ::ng-deep svg-icon{--icon-color: var(--close-dialog-header-hover-primary)}.title{align-items:center;display:flex}.title gravity-icon.title-icon{align-items:center;background-color:var(--notification-icon-background-color);border-radius:50%;display:flex;height:2rem;line-height:0;justify-content:center;margin-right:1rem;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;padding:.5rem;width:2rem}.title gravity-icon.title-icon ::ng-deep svg-icon{--icon-color: var(--notification-icon-color)}.content{margin-left:3rem}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
|
|
15
15
|
}
|
|
16
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityNotificationComponent, decorators: [{
|
|
17
17
|
type: Component,
|
|
18
|
-
args: [{ template: "<main class=\"alert-content {{notificationContent.state}}\">\n <gravity-icon class=\"close\" (click)=\"closeModal()\" data-cy=\"gravity_notification_informative_close_icon\"\n [iconName]=\"'unsuccess'\" [title]=\"'Close'\" [iconSize]=\"'md-16'\"></gravity-icon>\n\n <div class=\"title\">\n <!--TODO ebiazzetti change icons-->\n <gravity-icon class=\"title-icon\" [iconName]=\"'notification_' + notificationContent.state\" [size]=\"'md'\"></gravity-icon>\n <h1 class=\"hr-title lg-bold\">{{notificationContent.title}}</h1>\n </div>\n\n <div class=\"content\">\n <h2 class=\"hr-body-text md-regular\">{{notificationContent.text}}</h2>\n <h2 class=\"hr-body-text md-regular\" *ngIf=\"notificationContent.errorCode\">\n Error code: <b>{{notificationContent.errorCode}}</b>\n </h2>\n </div>\n</main>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}main.alert-content{border-bottom:.75rem solid var(--notification-highlight-color);border-radius:.625rem;padding:1.5rem 1.5rem 1rem;position:relative}main.alert-content.success{--notification-highlight-color: var(--notification-success-highlight-primary);--notification-icon-background-color: var(--bg-icon-notification-success-primary);--notification-icon-color: var(--on-bg-icon-notification-success-primary)}main.alert-content.error{--notification-highlight-color: var(--notification-error-highlight-primary);--notification-icon-background-color: var(--bg-icon-notification-error-primary);--notification-icon-color: var(--on-bg-icon-notification-error-primary)}main.alert-content.warning{--notification-highlight-color: var(--notification-warning-highlight-primary);--notification-icon-background-color: var(--bg-icon-notification-warning-primary);--notification-icon-color: var(--on-bg-icon-notification-warning-primary)}gravity-icon.close{cursor:pointer;height:1rem;position:absolute;right:.75rem;top:.625rem;width:1rem}gravity-icon.close:hover{background-color:var(--bg-close-dialog-header-hover-primary)}gravity-icon.close:hover ::ng-deep svg-icon{--icon-color: var(--close-dialog-header-hover-primary)}.title{align-items:center;display:flex}.title gravity-icon.title-icon{align-items:center;background-color:var(--notification-icon-background-color);border-radius:50%;display:flex;height:2rem;line-height:0;justify-content:center;margin-right:1rem;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;padding:.5rem;width:2rem}.title gravity-icon.title-icon ::ng-deep svg-icon{--icon-color: var(--notification-icon-color)}.content{margin-left:3rem}\n"] }]
|
|
18
|
+
args: [{ template: "<main class=\"alert-content {{notificationContent.state}}\">\n <gravity-icon class=\"close\" (click)=\"closeModal()\" data-cy=\"gravity_notification_informative_close_icon\"\n [iconName]=\"'unsuccess'\" [title]=\"'Close'\" [iconSize]=\"'md-16'\"></gravity-icon>\n\n <div class=\"title\">\n <!--TODO ebiazzetti change icons-->\n <gravity-icon class=\"title-icon\" [iconName]=\"'notification_' + notificationContent.state\" [size]=\"'md'\"></gravity-icon>\n <h1 class=\"hr-title lg-bold\">{{notificationContent.title}}</h1>\n </div>\n\n <div class=\"content\">\n <h2 class=\"hr-body-text md-regular\">{{notificationContent.text}}</h2>\n <h2 class=\"hr-body-text md-regular\" *ngIf=\"notificationContent.details\">\n Detail: <b>{{notificationContent.details}}</b>\n </h2>\n <h2 class=\"hr-body-text md-regular\" *ngIf=\"notificationContent.errorCode\">\n Error code: <b>{{notificationContent.errorCode}}</b>\n </h2>\n </div>\n</main>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}main.alert-content{border-bottom:.75rem solid var(--notification-highlight-color);border-radius:.625rem;padding:1.5rem 1.5rem 1rem;position:relative}main.alert-content.success{--notification-highlight-color: var(--notification-success-highlight-primary);--notification-icon-background-color: var(--bg-icon-notification-success-primary);--notification-icon-color: var(--on-bg-icon-notification-success-primary)}main.alert-content.error{--notification-highlight-color: var(--notification-error-highlight-primary);--notification-icon-background-color: var(--bg-icon-notification-error-primary);--notification-icon-color: var(--on-bg-icon-notification-error-primary)}main.alert-content.warning{--notification-highlight-color: var(--notification-warning-highlight-primary);--notification-icon-background-color: var(--bg-icon-notification-warning-primary);--notification-icon-color: var(--on-bg-icon-notification-warning-primary)}gravity-icon.close{cursor:pointer;height:1rem;position:absolute;right:.75rem;top:.625rem;width:1rem}gravity-icon.close:hover{background-color:var(--bg-close-dialog-header-hover-primary)}gravity-icon.close:hover ::ng-deep svg-icon{--icon-color: var(--close-dialog-header-hover-primary)}.title{align-items:center;display:flex}.title gravity-icon.title-icon{align-items:center;background-color:var(--notification-icon-background-color);border-radius:50%;display:flex;height:2rem;line-height:0;justify-content:center;margin-right:1rem;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;padding:.5rem;width:2rem}.title gravity-icon.title-icon ::ng-deep svg-icon{--icon-color: var(--notification-icon-color)}.content{margin-left:3rem}\n"] }]
|
|
19
19
|
}], ctorParameters: function () { return [{ type: i1.NgbActiveModal }]; }, propDecorators: { notificationContent: [{
|
|
20
20
|
type: Input
|
|
21
21
|
}] } });
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1ub3RpZmljYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ3Jhdml0eS1kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9ncmF2aXR5LW5vdGlmaWNhdGlvbi9ncmF2aXR5LW5vdGlmaWNhdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktbm90aWZpY2F0aW9uL2dyYXZpdHktbm90aWZpY2F0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7OztBQVEvQyxNQUFNLE9BQU8sNEJBQTRCO0lBR3ZDLFlBQTZCLGNBQThCO1FBQTlCLG1CQUFjLEdBQWQsY0FBYyxDQUFnQjtJQUMzRCxDQUFDO0lBRU0sVUFBVTtRQUNmLElBQUksQ0FBQyxjQUFjLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDOUIsQ0FBQzsrR0FSVSw0QkFBNEI7bUdBQTVCLDRCQUE0Qiw0R0NSekMsNDlCQW9CQTs7NEZEWmEsNEJBQTRCO2tCQUp4QyxTQUFTOztxR0FLUSxtQkFBbUI7c0JBQWxDLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5wdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtOZ2JBY3RpdmVNb2RhbH0gZnJvbSBcIkBuZy1ib290c3RyYXAvbmctYm9vdHN0cmFwXCI7XG5pbXBvcnQge0dyYXZpdHlOb3RpZmljYXRpb25Db250ZW50fSBmcm9tIFwiLi9ncmF2aXR5LW5vdGlmaWNhdGlvbi1jb250ZW50LmludGVyZmFjZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgdGVtcGxhdGVVcmw6ICcuL2dyYXZpdHktbm90aWZpY2F0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZ3Jhdml0eS1ub3RpZmljYXRpb24uY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBHcmF2aXR5Tm90aWZpY2F0aW9uQ29tcG9uZW50IHtcbiAgQElucHV0KCkgcHVibGljIG5vdGlmaWNhdGlvbkNvbnRlbnQ6IEdyYXZpdHlOb3RpZmljYXRpb25Db250ZW50O1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVhZG9ubHkgbmdiQWN0aXZlTW9kYWw6IE5nYkFjdGl2ZU1vZGFsKSB7XG4gIH1cblxuICBwdWJsaWMgY2xvc2VNb2RhbCgpOiB2b2lkIHtcbiAgICB0aGlzLm5nYkFjdGl2ZU1vZGFsLmNsb3NlKCk7XG4gIH1cbn1cbiIsIjxtYWluIGNsYXNzPVwiYWxlcnQtY29udGVudCB7e25vdGlmaWNhdGlvbkNvbnRlbnQuc3RhdGV9fVwiPlxuICA8Z3Jhdml0eS1pY29uIGNsYXNzPVwiY2xvc2VcIiAoY2xpY2spPVwiY2xvc2VNb2RhbCgpXCIgZGF0YS1jeT1cImdyYXZpdHlfbm90aWZpY2F0aW9uX2luZm9ybWF0aXZlX2Nsb3NlX2ljb25cIlxuICAgICAgICAgICAgICAgIFtpY29uTmFtZV09XCIndW5zdWNjZXNzJ1wiIFt0aXRsZV09XCInQ2xvc2UnXCIgW2ljb25TaXplXT1cIidtZC0xNidcIj48L2dyYXZpdHktaWNvbj5cblxuICA8ZGl2IGNsYXNzPVwidGl0bGVcIj5cbiAgICA8IS0tVE9ETyBlYmlhenpldHRpIGNoYW5nZSBpY29ucy0tPlxuICAgIDxncmF2aXR5LWljb24gY2xhc3M9XCJ0aXRsZS1pY29uXCIgW2ljb25OYW1lXT1cIidub3RpZmljYXRpb25fJyArIG5vdGlmaWNhdGlvbkNvbnRlbnQuc3RhdGVcIiBbc2l6ZV09XCInbWQnXCI+PC9ncmF2aXR5LWljb24+XG4gICAgPGgxIGNsYXNzPVwiaHItdGl0bGUgbGctYm9sZFwiPnt7bm90aWZpY2F0aW9uQ29udGVudC50aXRsZX19PC9oMT5cbiAgPC9kaXY+XG5cbiAgPGRpdiBjbGFzcz1cImNvbnRlbnRcIj5cbiAgICA8aDIgY2xhc3M9XCJoci1ib2R5LXRleHQgbWQtcmVndWxhclwiPnt7bm90aWZpY2F0aW9uQ29udGVudC50ZXh0fX08L2gyPlxuICAgIDxoMiBjbGFzcz1cImhyLWJvZHktdGV4dCBtZC1yZWd1bGFyXCIgKm5nSWY9XCJub3RpZmljYXRpb25Db250ZW50LmRldGFpbHNcIj5cbiAgICAgIERldGFpbDogPGI+e3tub3RpZmljYXRpb25Db250ZW50LmRldGFpbHN9fTwvYj5cbiAgICA8L2gyPlxuICAgIDxoMiBjbGFzcz1cImhyLWJvZHktdGV4dCBtZC1yZWd1bGFyXCIgKm5nSWY9XCJub3RpZmljYXRpb25Db250ZW50LmVycm9yQ29kZVwiPlxuICAgICAgRXJyb3IgY29kZTogPGI+e3tub3RpZmljYXRpb25Db250ZW50LmVycm9yQ29kZX19PC9iPlxuICAgIDwvaDI+XG4gIDwvZGl2PlxuPC9tYWluPlxuIl19
|
|
@@ -64,37 +64,43 @@ var ICONS;
|
|
|
64
64
|
ICONS[ICONS["chevron-double-down"] = 8] = "chevron-double-down";
|
|
65
65
|
ICONS[ICONS["chevron-double-up"] = 9] = "chevron-double-up";
|
|
66
66
|
ICONS[ICONS["copy"] = 10] = "copy";
|
|
67
|
-
ICONS[ICONS["
|
|
68
|
-
ICONS[ICONS["
|
|
69
|
-
ICONS[ICONS["eye-
|
|
70
|
-
ICONS[ICONS["
|
|
71
|
-
ICONS[ICONS["
|
|
72
|
-
ICONS[ICONS["
|
|
73
|
-
ICONS[ICONS["
|
|
74
|
-
ICONS[ICONS["
|
|
75
|
-
ICONS[ICONS["
|
|
76
|
-
ICONS[ICONS["
|
|
77
|
-
ICONS[ICONS["
|
|
78
|
-
ICONS[ICONS["
|
|
79
|
-
ICONS[ICONS["
|
|
80
|
-
ICONS[ICONS["
|
|
81
|
-
ICONS[ICONS["
|
|
82
|
-
ICONS[ICONS["
|
|
83
|
-
ICONS[ICONS["
|
|
84
|
-
ICONS[ICONS["
|
|
85
|
-
ICONS[ICONS["
|
|
86
|
-
ICONS[ICONS["
|
|
87
|
-
ICONS[ICONS["
|
|
88
|
-
ICONS[ICONS["
|
|
89
|
-
ICONS[ICONS["
|
|
90
|
-
ICONS[ICONS["
|
|
91
|
-
ICONS[ICONS["
|
|
92
|
-
ICONS[ICONS["
|
|
93
|
-
ICONS[ICONS["
|
|
94
|
-
ICONS[ICONS["
|
|
95
|
-
ICONS[ICONS["
|
|
96
|
-
ICONS[ICONS["
|
|
97
|
-
ICONS[ICONS["
|
|
67
|
+
ICONS[ICONS["deposit"] = 11] = "deposit";
|
|
68
|
+
ICONS[ICONS["download"] = 12] = "download";
|
|
69
|
+
ICONS[ICONS["eye-closed"] = 13] = "eye-closed";
|
|
70
|
+
ICONS[ICONS["eye-open"] = 14] = "eye-open";
|
|
71
|
+
ICONS[ICONS["exchange-provider"] = 15] = "exchange-provider";
|
|
72
|
+
ICONS[ICONS["graphics"] = 16] = "graphics";
|
|
73
|
+
ICONS[ICONS["happy-face"] = 17] = "happy-face";
|
|
74
|
+
ICONS[ICONS["home"] = 18] = "home";
|
|
75
|
+
ICONS[ICONS["information-circle"] = 19] = "information-circle";
|
|
76
|
+
ICONS[ICONS["internal-processing"] = 20] = "internal-processing";
|
|
77
|
+
ICONS[ICONS["language"] = 21] = "language";
|
|
78
|
+
ICONS[ICONS["mail"] = 22] = "mail";
|
|
79
|
+
ICONS[ICONS["menu"] = 23] = "menu";
|
|
80
|
+
ICONS[ICONS["more-options"] = 24] = "more-options";
|
|
81
|
+
ICONS[ICONS["new-tab"] = 25] = "new-tab";
|
|
82
|
+
ICONS[ICONS["news"] = 26] = "news";
|
|
83
|
+
ICONS[ICONS["payout"] = 27] = "payout";
|
|
84
|
+
ICONS[ICONS["plus"] = 28] = "plus";
|
|
85
|
+
ICONS[ICONS["question-circle"] = 29] = "question-circle";
|
|
86
|
+
ICONS[ICONS["rates"] = 30] = "rates";
|
|
87
|
+
ICONS[ICONS["report"] = 31] = "report";
|
|
88
|
+
ICONS[ICONS["search"] = 32] = "search";
|
|
89
|
+
ICONS[ICONS["security"] = 33] = "security";
|
|
90
|
+
ICONS[ICONS["settings"] = 34] = "settings";
|
|
91
|
+
ICONS[ICONS["sign-out"] = 35] = "sign-out";
|
|
92
|
+
ICONS[ICONS["success-circle"] = 36] = "success-circle";
|
|
93
|
+
ICONS[ICONS["swaps"] = 37] = "swaps";
|
|
94
|
+
ICONS[ICONS["swaps-arrow-left"] = 38] = "swaps-arrow-left";
|
|
95
|
+
ICONS[ICONS["swaps-arrow-right"] = 39] = "swaps-arrow-right";
|
|
96
|
+
ICONS[ICONS["switch"] = 40] = "switch";
|
|
97
|
+
ICONS[ICONS["tool"] = 41] = "tool";
|
|
98
|
+
ICONS[ICONS["trash"] = 42] = "trash";
|
|
99
|
+
ICONS[ICONS["unlock"] = 43] = "unlock";
|
|
100
|
+
ICONS[ICONS["unsuccess"] = 44] = "unsuccess";
|
|
101
|
+
ICONS[ICONS["update"] = 45] = "update";
|
|
102
|
+
ICONS[ICONS["user"] = 46] = "user";
|
|
103
|
+
ICONS[ICONS["warning-circle"] = 47] = "warning-circle";
|
|
98
104
|
})(ICONS || (ICONS = {}));
|
|
99
105
|
|
|
100
106
|
class GravityButtonComponent {
|
|
@@ -3970,11 +3976,11 @@ class GravityNotificationComponent {
|
|
|
3970
3976
|
this.ngbActiveModal.close();
|
|
3971
3977
|
}
|
|
3972
3978
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityNotificationComponent, deps: [{ token: i1$2.NgbActiveModal }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3973
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityNotificationComponent, selector: "ng-component", inputs: { notificationContent: "notificationContent" }, ngImport: i0, template: "<main class=\"alert-content {{notificationContent.state}}\">\n <gravity-icon class=\"close\" (click)=\"closeModal()\" data-cy=\"gravity_notification_informative_close_icon\"\n [iconName]=\"'unsuccess'\" [title]=\"'Close'\" [iconSize]=\"'md-16'\"></gravity-icon>\n\n <div class=\"title\">\n <!--TODO ebiazzetti change icons-->\n <gravity-icon class=\"title-icon\" [iconName]=\"'notification_' + notificationContent.state\" [size]=\"'md'\"></gravity-icon>\n <h1 class=\"hr-title lg-bold\">{{notificationContent.title}}</h1>\n </div>\n\n <div class=\"content\">\n <h2 class=\"hr-body-text md-regular\">{{notificationContent.text}}</h2>\n <h2 class=\"hr-body-text md-regular\" *ngIf=\"notificationContent.errorCode\">\n Error code: <b>{{notificationContent.errorCode}}</b>\n </h2>\n </div>\n</main>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}main.alert-content{border-bottom:.75rem solid var(--notification-highlight-color);border-radius:.625rem;padding:1.5rem 1.5rem 1rem;position:relative}main.alert-content.success{--notification-highlight-color: var(--notification-success-highlight-primary);--notification-icon-background-color: var(--bg-icon-notification-success-primary);--notification-icon-color: var(--on-bg-icon-notification-success-primary)}main.alert-content.error{--notification-highlight-color: var(--notification-error-highlight-primary);--notification-icon-background-color: var(--bg-icon-notification-error-primary);--notification-icon-color: var(--on-bg-icon-notification-error-primary)}main.alert-content.warning{--notification-highlight-color: var(--notification-warning-highlight-primary);--notification-icon-background-color: var(--bg-icon-notification-warning-primary);--notification-icon-color: var(--on-bg-icon-notification-warning-primary)}gravity-icon.close{cursor:pointer;height:1rem;position:absolute;right:.75rem;top:.625rem;width:1rem}gravity-icon.close:hover{background-color:var(--bg-close-dialog-header-hover-primary)}gravity-icon.close:hover ::ng-deep svg-icon{--icon-color: var(--close-dialog-header-hover-primary)}.title{align-items:center;display:flex}.title gravity-icon.title-icon{align-items:center;background-color:var(--notification-icon-background-color);border-radius:50%;display:flex;height:2rem;line-height:0;justify-content:center;margin-right:1rem;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;padding:.5rem;width:2rem}.title gravity-icon.title-icon ::ng-deep svg-icon{--icon-color: var(--notification-icon-color)}.content{margin-left:3rem}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
|
|
3979
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityNotificationComponent, selector: "ng-component", inputs: { notificationContent: "notificationContent" }, ngImport: i0, template: "<main class=\"alert-content {{notificationContent.state}}\">\n <gravity-icon class=\"close\" (click)=\"closeModal()\" data-cy=\"gravity_notification_informative_close_icon\"\n [iconName]=\"'unsuccess'\" [title]=\"'Close'\" [iconSize]=\"'md-16'\"></gravity-icon>\n\n <div class=\"title\">\n <!--TODO ebiazzetti change icons-->\n <gravity-icon class=\"title-icon\" [iconName]=\"'notification_' + notificationContent.state\" [size]=\"'md'\"></gravity-icon>\n <h1 class=\"hr-title lg-bold\">{{notificationContent.title}}</h1>\n </div>\n\n <div class=\"content\">\n <h2 class=\"hr-body-text md-regular\">{{notificationContent.text}}</h2>\n <h2 class=\"hr-body-text md-regular\" *ngIf=\"notificationContent.details\">\n Detail: <b>{{notificationContent.details}}</b>\n </h2>\n <h2 class=\"hr-body-text md-regular\" *ngIf=\"notificationContent.errorCode\">\n Error code: <b>{{notificationContent.errorCode}}</b>\n </h2>\n </div>\n</main>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}main.alert-content{border-bottom:.75rem solid var(--notification-highlight-color);border-radius:.625rem;padding:1.5rem 1.5rem 1rem;position:relative}main.alert-content.success{--notification-highlight-color: var(--notification-success-highlight-primary);--notification-icon-background-color: var(--bg-icon-notification-success-primary);--notification-icon-color: var(--on-bg-icon-notification-success-primary)}main.alert-content.error{--notification-highlight-color: var(--notification-error-highlight-primary);--notification-icon-background-color: var(--bg-icon-notification-error-primary);--notification-icon-color: var(--on-bg-icon-notification-error-primary)}main.alert-content.warning{--notification-highlight-color: var(--notification-warning-highlight-primary);--notification-icon-background-color: var(--bg-icon-notification-warning-primary);--notification-icon-color: var(--on-bg-icon-notification-warning-primary)}gravity-icon.close{cursor:pointer;height:1rem;position:absolute;right:.75rem;top:.625rem;width:1rem}gravity-icon.close:hover{background-color:var(--bg-close-dialog-header-hover-primary)}gravity-icon.close:hover ::ng-deep svg-icon{--icon-color: var(--close-dialog-header-hover-primary)}.title{align-items:center;display:flex}.title gravity-icon.title-icon{align-items:center;background-color:var(--notification-icon-background-color);border-radius:50%;display:flex;height:2rem;line-height:0;justify-content:center;margin-right:1rem;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;padding:.5rem;width:2rem}.title gravity-icon.title-icon ::ng-deep svg-icon{--icon-color: var(--notification-icon-color)}.content{margin-left:3rem}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
|
|
3974
3980
|
}
|
|
3975
3981
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityNotificationComponent, decorators: [{
|
|
3976
3982
|
type: Component,
|
|
3977
|
-
args: [{ template: "<main class=\"alert-content {{notificationContent.state}}\">\n <gravity-icon class=\"close\" (click)=\"closeModal()\" data-cy=\"gravity_notification_informative_close_icon\"\n [iconName]=\"'unsuccess'\" [title]=\"'Close'\" [iconSize]=\"'md-16'\"></gravity-icon>\n\n <div class=\"title\">\n <!--TODO ebiazzetti change icons-->\n <gravity-icon class=\"title-icon\" [iconName]=\"'notification_' + notificationContent.state\" [size]=\"'md'\"></gravity-icon>\n <h1 class=\"hr-title lg-bold\">{{notificationContent.title}}</h1>\n </div>\n\n <div class=\"content\">\n <h2 class=\"hr-body-text md-regular\">{{notificationContent.text}}</h2>\n <h2 class=\"hr-body-text md-regular\" *ngIf=\"notificationContent.errorCode\">\n Error code: <b>{{notificationContent.errorCode}}</b>\n </h2>\n </div>\n</main>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}main.alert-content{border-bottom:.75rem solid var(--notification-highlight-color);border-radius:.625rem;padding:1.5rem 1.5rem 1rem;position:relative}main.alert-content.success{--notification-highlight-color: var(--notification-success-highlight-primary);--notification-icon-background-color: var(--bg-icon-notification-success-primary);--notification-icon-color: var(--on-bg-icon-notification-success-primary)}main.alert-content.error{--notification-highlight-color: var(--notification-error-highlight-primary);--notification-icon-background-color: var(--bg-icon-notification-error-primary);--notification-icon-color: var(--on-bg-icon-notification-error-primary)}main.alert-content.warning{--notification-highlight-color: var(--notification-warning-highlight-primary);--notification-icon-background-color: var(--bg-icon-notification-warning-primary);--notification-icon-color: var(--on-bg-icon-notification-warning-primary)}gravity-icon.close{cursor:pointer;height:1rem;position:absolute;right:.75rem;top:.625rem;width:1rem}gravity-icon.close:hover{background-color:var(--bg-close-dialog-header-hover-primary)}gravity-icon.close:hover ::ng-deep svg-icon{--icon-color: var(--close-dialog-header-hover-primary)}.title{align-items:center;display:flex}.title gravity-icon.title-icon{align-items:center;background-color:var(--notification-icon-background-color);border-radius:50%;display:flex;height:2rem;line-height:0;justify-content:center;margin-right:1rem;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;padding:.5rem;width:2rem}.title gravity-icon.title-icon ::ng-deep svg-icon{--icon-color: var(--notification-icon-color)}.content{margin-left:3rem}\n"] }]
|
|
3983
|
+
args: [{ template: "<main class=\"alert-content {{notificationContent.state}}\">\n <gravity-icon class=\"close\" (click)=\"closeModal()\" data-cy=\"gravity_notification_informative_close_icon\"\n [iconName]=\"'unsuccess'\" [title]=\"'Close'\" [iconSize]=\"'md-16'\"></gravity-icon>\n\n <div class=\"title\">\n <!--TODO ebiazzetti change icons-->\n <gravity-icon class=\"title-icon\" [iconName]=\"'notification_' + notificationContent.state\" [size]=\"'md'\"></gravity-icon>\n <h1 class=\"hr-title lg-bold\">{{notificationContent.title}}</h1>\n </div>\n\n <div class=\"content\">\n <h2 class=\"hr-body-text md-regular\">{{notificationContent.text}}</h2>\n <h2 class=\"hr-body-text md-regular\" *ngIf=\"notificationContent.details\">\n Detail: <b>{{notificationContent.details}}</b>\n </h2>\n <h2 class=\"hr-body-text md-regular\" *ngIf=\"notificationContent.errorCode\">\n Error code: <b>{{notificationContent.errorCode}}</b>\n </h2>\n </div>\n</main>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}main.alert-content{border-bottom:.75rem solid var(--notification-highlight-color);border-radius:.625rem;padding:1.5rem 1.5rem 1rem;position:relative}main.alert-content.success{--notification-highlight-color: var(--notification-success-highlight-primary);--notification-icon-background-color: var(--bg-icon-notification-success-primary);--notification-icon-color: var(--on-bg-icon-notification-success-primary)}main.alert-content.error{--notification-highlight-color: var(--notification-error-highlight-primary);--notification-icon-background-color: var(--bg-icon-notification-error-primary);--notification-icon-color: var(--on-bg-icon-notification-error-primary)}main.alert-content.warning{--notification-highlight-color: var(--notification-warning-highlight-primary);--notification-icon-background-color: var(--bg-icon-notification-warning-primary);--notification-icon-color: var(--on-bg-icon-notification-warning-primary)}gravity-icon.close{cursor:pointer;height:1rem;position:absolute;right:.75rem;top:.625rem;width:1rem}gravity-icon.close:hover{background-color:var(--bg-close-dialog-header-hover-primary)}gravity-icon.close:hover ::ng-deep svg-icon{--icon-color: var(--close-dialog-header-hover-primary)}.title{align-items:center;display:flex}.title gravity-icon.title-icon{align-items:center;background-color:var(--notification-icon-background-color);border-radius:50%;display:flex;height:2rem;line-height:0;justify-content:center;margin-right:1rem;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;padding:.5rem;width:2rem}.title gravity-icon.title-icon ::ng-deep svg-icon{--icon-color: var(--notification-icon-color)}.content{margin-left:3rem}\n"] }]
|
|
3978
3984
|
}], ctorParameters: function () { return [{ type: i1$2.NgbActiveModal }]; }, propDecorators: { notificationContent: [{
|
|
3979
3985
|
type: Input
|
|
3980
3986
|
}] } });
|