@progressio_resources/gravity-design-system 1.1.18 → 1.1.20
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/esm2020/lib/components/gravity-notification-instant/gravity-notification-instant-container.component.mjs +8 -5
- package/esm2020/lib/services/gravity-dialog-manager.service.mjs +4 -3
- package/fesm2015/progressio_resources-gravity-design-system.mjs +9 -5
- package/fesm2015/progressio_resources-gravity-design-system.mjs.map +1 -1
- package/fesm2020/progressio_resources-gravity-design-system.mjs +9 -5
- package/fesm2020/progressio_resources-gravity-design-system.mjs.map +1 -1
- package/lib/components/gravity-notification-instant/gravity-notification-instant-container.component.d.ts +2 -1
- package/lib/services/gravity-dialog-manager.service.d.ts +1 -1
- package/package.json +1 -1
- package/src/lib/styles/overwrite/bootstrap/_modal.scss +16 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Component } from '@angular/core';
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "../../services/gravity-instant-notifications.service";
|
|
4
4
|
import * as i2 from "@angular/common";
|
|
@@ -7,12 +7,15 @@ import * as i4 from "../gravity-icon/gravity-icon.component";
|
|
|
7
7
|
export class GravityNotificationInstantContainerComponent {
|
|
8
8
|
constructor(gravityInstantNotificationsService) {
|
|
9
9
|
this.gravityInstantNotificationsService = gravityInstantNotificationsService;
|
|
10
|
+
this.delay = 5000;
|
|
10
11
|
}
|
|
11
12
|
}
|
|
12
13
|
GravityNotificationInstantContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: GravityNotificationInstantContainerComponent, deps: [{ token: i1.GravityInstantNotificationsService }], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
-
GravityNotificationInstantContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: GravityNotificationInstantContainerComponent, selector: "gravity-notification-instant-container", ngImport: i0, template: "<ngb-toast [autohide]=\"true\"\n [delay]=\"
|
|
14
|
+
GravityNotificationInstantContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: GravityNotificationInstantContainerComponent, selector: "gravity-notification-instant-container", inputs: { delay: "delay" }, ngImport: i0, template: "<ngb-toast [autohide]=\"true\"\n [delay]=\"delay\"\n\n (hidden)=\"gravityInstantNotificationsService.hideNotification(i)\"\n\n *ngFor=\"let notification of gravityInstantNotificationsService.notifications; index as i\">\n <main class=\"alert-content {{notification.state}}\">\n <gravity-icon class=\"close\" (click)=\"gravityInstantNotificationsService.hideNotification(i)\"\n data-cy=\"gravity_notification_instant_close_icon\" [iconName]=\"'x'\" [title]=\"'Close'\"></gravity-icon>\n\n <div class=\"title\">\n <gravity-icon class=\"title-icon\" [iconName]=\"'notification_' + notification.state\"></gravity-icon>\n <h1 class=\"hr-title lg-bold\">{{notification.title}}</h1>\n </div>\n\n <div class=\"content\">\n <h2 class=\"hr-body-text md-regular\">{{notification.text}}</h2>\n </div>\n </main>\n</ngb-toast>\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:50%}:host{padding:1rem;position:fixed;right:0;top:0;z-index:1200}main.alert-content{background-color:var(--bg-notification-primary);border-bottom:.75rem solid var(--notification-highlight-color);border-radius:.625rem;box-shadow:0 27px 34px #000c208f;color:var(--on-bg-notification-primary);margin-bottom:1rem;padding:1rem 1.5rem;position:relative;width:23rem}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{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:2rem;line-height:0;justify-content:center;position:absolute;right:.75rem;top:.625rem;width:2rem}gravity-icon.close ::ng-deep svg-icon{--icon-color: var(--close-dialog-header-active-primary);--icon-height: 1.25rem;--icon-width: 1.25rem}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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.NgbToast, selector: "ngb-toast", inputs: ["animation", "delay", "autohide", "header"], outputs: ["shown", "hidden"], exportAs: ["ngbToast"] }, { kind: "component", type: i4.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "hoverIcon"] }] });
|
|
14
15
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: GravityNotificationInstantContainerComponent, decorators: [{
|
|
15
16
|
type: Component,
|
|
16
|
-
args: [{ selector: 'gravity-notification-instant-container', template: "<ngb-toast [autohide]=\"true\"\n [delay]=\"
|
|
17
|
-
}], ctorParameters: function () { return [{ type: i1.GravityInstantNotificationsService }]; }
|
|
18
|
-
|
|
17
|
+
args: [{ selector: 'gravity-notification-instant-container', template: "<ngb-toast [autohide]=\"true\"\n [delay]=\"delay\"\n\n (hidden)=\"gravityInstantNotificationsService.hideNotification(i)\"\n\n *ngFor=\"let notification of gravityInstantNotificationsService.notifications; index as i\">\n <main class=\"alert-content {{notification.state}}\">\n <gravity-icon class=\"close\" (click)=\"gravityInstantNotificationsService.hideNotification(i)\"\n data-cy=\"gravity_notification_instant_close_icon\" [iconName]=\"'x'\" [title]=\"'Close'\"></gravity-icon>\n\n <div class=\"title\">\n <gravity-icon class=\"title-icon\" [iconName]=\"'notification_' + notification.state\"></gravity-icon>\n <h1 class=\"hr-title lg-bold\">{{notification.title}}</h1>\n </div>\n\n <div class=\"content\">\n <h2 class=\"hr-body-text md-regular\">{{notification.text}}</h2>\n </div>\n </main>\n</ngb-toast>\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:50%}:host{padding:1rem;position:fixed;right:0;top:0;z-index:1200}main.alert-content{background-color:var(--bg-notification-primary);border-bottom:.75rem solid var(--notification-highlight-color);border-radius:.625rem;box-shadow:0 27px 34px #000c208f;color:var(--on-bg-notification-primary);margin-bottom:1rem;padding:1rem 1.5rem;position:relative;width:23rem}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{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:2rem;line-height:0;justify-content:center;position:absolute;right:.75rem;top:.625rem;width:2rem}gravity-icon.close ::ng-deep svg-icon{--icon-color: var(--close-dialog-header-active-primary);--icon-height: 1.25rem;--icon-width: 1.25rem}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
|
+
}], ctorParameters: function () { return [{ type: i1.GravityInstantNotificationsService }]; }, propDecorators: { delay: [{
|
|
19
|
+
type: Input
|
|
20
|
+
}] } });
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1ub3RpZmljYXRpb24taW5zdGFudC1jb250YWluZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ3Jhdml0eS1kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9ncmF2aXR5LW5vdGlmaWNhdGlvbi1pbnN0YW50L2dyYXZpdHktbm90aWZpY2F0aW9uLWluc3RhbnQtY29udGFpbmVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dyYXZpdHktZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1ub3RpZmljYXRpb24taW5zdGFudC9ncmF2aXR5LW5vdGlmaWNhdGlvbi1pbnN0YW50LWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBUS9DLE1BQU0sT0FBTyw0Q0FBNEM7SUFHdkQsWUFBNEIsa0NBQXNFO1FBQXRFLHVDQUFrQyxHQUFsQyxrQ0FBa0MsQ0FBb0M7UUFGbEYsVUFBSyxHQUFXLElBQUksQ0FBQztJQUdyQyxDQUFDOzt5SUFKVSw0Q0FBNEM7NkhBQTVDLDRDQUE0QywwR0NSekQsKzNCQW9CQTsyRkRaYSw0Q0FBNEM7a0JBTHhELFNBQVM7K0JBQ0Usd0NBQXdDO3lIQUtsQyxLQUFLO3NCQUFwQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7R3Jhdml0eUluc3RhbnROb3RpZmljYXRpb25zU2VydmljZX0gZnJvbSBcIi4uLy4uL3NlcnZpY2VzL2dyYXZpdHktaW5zdGFudC1ub3RpZmljYXRpb25zLnNlcnZpY2VcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ3Jhdml0eS1ub3RpZmljYXRpb24taW5zdGFudC1jb250YWluZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vZ3Jhdml0eS1ub3RpZmljYXRpb24taW5zdGFudC1jb250YWluZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9ncmF2aXR5LW5vdGlmaWNhdGlvbi1pbnN0YW50LWNvbnRhaW5lci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEdyYXZpdHlOb3RpZmljYXRpb25JbnN0YW50Q29udGFpbmVyQ29tcG9uZW50IHtcbiAgQElucHV0KCkgcHVibGljIGRlbGF5OiBudW1iZXIgPSA1MDAwO1xuXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyByZWFkb25seSBncmF2aXR5SW5zdGFudE5vdGlmaWNhdGlvbnNTZXJ2aWNlOiBHcmF2aXR5SW5zdGFudE5vdGlmaWNhdGlvbnNTZXJ2aWNlKSB7XG4gIH1cbn1cbiIsIjxuZ2ItdG9hc3QgW2F1dG9oaWRlXT1cInRydWVcIlxuICAgICAgICAgICBbZGVsYXldPVwiZGVsYXlcIlxuXG4gICAgICAgICAgIChoaWRkZW4pPVwiZ3Jhdml0eUluc3RhbnROb3RpZmljYXRpb25zU2VydmljZS5oaWRlTm90aWZpY2F0aW9uKGkpXCJcblxuICAgICAgICAgICAqbmdGb3I9XCJsZXQgbm90aWZpY2F0aW9uIG9mIGdyYXZpdHlJbnN0YW50Tm90aWZpY2F0aW9uc1NlcnZpY2Uubm90aWZpY2F0aW9uczsgaW5kZXggYXMgaVwiPlxuICA8bWFpbiBjbGFzcz1cImFsZXJ0LWNvbnRlbnQge3tub3RpZmljYXRpb24uc3RhdGV9fVwiPlxuICAgIDxncmF2aXR5LWljb24gY2xhc3M9XCJjbG9zZVwiIChjbGljayk9XCJncmF2aXR5SW5zdGFudE5vdGlmaWNhdGlvbnNTZXJ2aWNlLmhpZGVOb3RpZmljYXRpb24oaSlcIlxuICAgICAgICAgICAgICAgICAgZGF0YS1jeT1cImdyYXZpdHlfbm90aWZpY2F0aW9uX2luc3RhbnRfY2xvc2VfaWNvblwiIFtpY29uTmFtZV09XCIneCdcIiBbdGl0bGVdPVwiJ0Nsb3NlJ1wiPjwvZ3Jhdml0eS1pY29uPlxuXG4gICAgPGRpdiBjbGFzcz1cInRpdGxlXCI+XG4gICAgICA8Z3Jhdml0eS1pY29uIGNsYXNzPVwidGl0bGUtaWNvblwiIFtpY29uTmFtZV09XCInbm90aWZpY2F0aW9uXycgKyBub3RpZmljYXRpb24uc3RhdGVcIj48L2dyYXZpdHktaWNvbj5cbiAgICAgIDxoMSBjbGFzcz1cImhyLXRpdGxlIGxnLWJvbGRcIj57e25vdGlmaWNhdGlvbi50aXRsZX19PC9oMT5cbiAgICA8L2Rpdj5cblxuICAgIDxkaXYgY2xhc3M9XCJjb250ZW50XCI+XG4gICAgICA8aDIgY2xhc3M9XCJoci1ib2R5LXRleHQgbWQtcmVndWxhclwiPnt7bm90aWZpY2F0aW9uLnRleHR9fTwvaDI+XG4gICAgPC9kaXY+XG4gIDwvbWFpbj5cbjwvbmdiLXRvYXN0PlxuIl19
|
|
@@ -9,10 +9,11 @@ export class GravityDialogManagerService {
|
|
|
9
9
|
this.ngbModal = ngbModal;
|
|
10
10
|
this.gravityInstantNotificationsService = gravityInstantNotificationsService;
|
|
11
11
|
}
|
|
12
|
-
openModal(gravityDialogContentInterface, scrollableDialog = false) {
|
|
12
|
+
openModal(gravityDialogContentInterface, scrollableDialog = false, modalSize = 'md') {
|
|
13
13
|
const modalRef = this.ngbModal.open(GravityDialogComponent, {
|
|
14
14
|
centered: true,
|
|
15
|
-
scrollable: scrollableDialog
|
|
15
|
+
scrollable: scrollableDialog,
|
|
16
|
+
size: modalSize
|
|
16
17
|
});
|
|
17
18
|
modalRef.componentInstance.dialogContent = gravityDialogContentInterface;
|
|
18
19
|
}
|
|
@@ -33,4 +34,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
|
|
|
33
34
|
type: Injectable,
|
|
34
35
|
args: [{ providedIn: "root" }]
|
|
35
36
|
}], ctorParameters: function () { return [{ type: i1.NgbModal }, { type: i2.GravityInstantNotificationsService }]; } });
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1kaWFsb2ctbWFuYWdlci5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ3Jhdml0eS1kZXNpZ24tc3lzdGVtL3NyYy9saWIvc2VydmljZXMvZ3Jhdml0eS1kaWFsb2ctbWFuYWdlci5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxVQUFVLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFekMsT0FBTyxFQUNMLHNCQUFzQixFQUV2QixNQUFNLHVEQUF1RCxDQUFDO0FBRS9ELE9BQU8sRUFBQyw0QkFBNEIsRUFBQyxNQUFNLG1FQUFtRSxDQUFDOzs7O0FBSS9HLE1BQU0sT0FBTywyQkFBMkI7SUFDdEMsWUFBNkIsUUFBa0IsRUFBbUIsa0NBQXNFO1FBQTNHLGFBQVEsR0FBUixRQUFRLENBQVU7UUFBbUIsdUNBQWtDLEdBQWxDLGtDQUFrQyxDQUFvQztJQUN4SSxDQUFDO0lBRU0sU0FBUyxDQUFDLDZCQUE0RCxFQUFFLG1CQUE0QixLQUFLLEVBQUUsWUFBdUMsSUFBSTtRQUMzSixNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxzQkFBc0IsRUFBRTtZQUMxRCxRQUFRLEVBQUUsSUFBSTtZQUNkLFVBQVUsRUFBRSxnQkFBZ0I7WUFDNUIsSUFBSSxFQUFFLFNBQVM7U0FDaEIsQ0FBQyxDQUFDO1FBQ0gsUUFBUSxDQUFDLGlCQUFpQixDQUFDLGFBQWEsR0FBRyw2QkFBNkIsQ0FBQztJQUMzRSxDQUFDO0lBRU0sNEJBQTRCLENBQUMsbUJBQStDO1FBQ2pGLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLDRCQUE0QixFQUFFO1lBQ2hFLGdCQUFnQixFQUFFLDBCQUEwQjtZQUM1QyxRQUFRLEVBQUUsSUFBSTtTQUNmLENBQUMsQ0FBQztRQUNILFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxtQkFBbUIsR0FBRyxtQkFBbUIsQ0FBQztJQUN2RSxDQUFDO0lBRU0sd0JBQXdCLENBQUMsbUJBQStDO1FBQzdFLElBQUksQ0FBQyxrQ0FBa0MsQ0FBQyxnQkFBZ0IsQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO0lBQ2hGLENBQUM7O3dIQXZCVSwyQkFBMkI7NEhBQTNCLDJCQUEyQixjQURmLE1BQU07MkZBQ2xCLDJCQUEyQjtrQkFEdkMsVUFBVTttQkFBQyxFQUFDLFVBQVUsRUFBRSxNQUFNLEVBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0luamVjdGFibGV9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQge05nYk1vZGFsfSBmcm9tIFwiQG5nLWJvb3RzdHJhcC9uZy1ib290c3RyYXBcIjtcbmltcG9ydCB7XG4gIEdyYXZpdHlEaWFsb2dDb21wb25lbnQsXG4gIEdyYXZpdHlEaWFsb2dDb250ZW50SW50ZXJmYWNlXG59IGZyb20gXCIuLi9jb21wb25lbnRzL2dyYXZpdHktZGlhbG9nL2dyYXZpdHktZGlhbG9nLmNvbXBvbmVudFwiO1xuaW1wb3J0IHtHcmF2aXR5SW5zdGFudE5vdGlmaWNhdGlvbnNTZXJ2aWNlfSBmcm9tIFwiLi9ncmF2aXR5LWluc3RhbnQtbm90aWZpY2F0aW9ucy5zZXJ2aWNlXCI7XG5pbXBvcnQge0dyYXZpdHlOb3RpZmljYXRpb25Db21wb25lbnR9IGZyb20gXCIuLi9jb21wb25lbnRzL2dyYXZpdHktbm90aWZpY2F0aW9uL2dyYXZpdHktbm90aWZpY2F0aW9uLmNvbXBvbmVudFwiO1xuaW1wb3J0IHtHcmF2aXR5Tm90aWZpY2F0aW9uQ29udGVudH0gZnJvbSBcIi4uL2NvbXBvbmVudHMvZ3Jhdml0eS1ub3RpZmljYXRpb24vZ3Jhdml0eS1ub3RpZmljYXRpb24tY29udGVudC5pbnRlcmZhY2VcIjtcblxuQEluamVjdGFibGUoe3Byb3ZpZGVkSW46IFwicm9vdFwifSlcbmV4cG9ydCBjbGFzcyBHcmF2aXR5RGlhbG9nTWFuYWdlclNlcnZpY2Uge1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IG5nYk1vZGFsOiBOZ2JNb2RhbCwgcHJpdmF0ZSByZWFkb25seSBncmF2aXR5SW5zdGFudE5vdGlmaWNhdGlvbnNTZXJ2aWNlOiBHcmF2aXR5SW5zdGFudE5vdGlmaWNhdGlvbnNTZXJ2aWNlKSB7XG4gIH1cblxuICBwdWJsaWMgb3Blbk1vZGFsKGdyYXZpdHlEaWFsb2dDb250ZW50SW50ZXJmYWNlOiBHcmF2aXR5RGlhbG9nQ29udGVudEludGVyZmFjZSwgc2Nyb2xsYWJsZURpYWxvZzogYm9vbGVhbiA9IGZhbHNlLCBtb2RhbFNpemU6ICdzbScgfCAnbWQnIHwgJ2xnJyB8ICd4bCcgPSAnbWQnKTogdm9pZCB7XG4gICAgY29uc3QgbW9kYWxSZWYgPSB0aGlzLm5nYk1vZGFsLm9wZW4oR3Jhdml0eURpYWxvZ0NvbXBvbmVudCwge1xuICAgICAgY2VudGVyZWQ6IHRydWUsXG4gICAgICBzY3JvbGxhYmxlOiBzY3JvbGxhYmxlRGlhbG9nLFxuICAgICAgc2l6ZTogbW9kYWxTaXplXG4gICAgfSk7XG4gICAgbW9kYWxSZWYuY29tcG9uZW50SW5zdGFuY2UuZGlhbG9nQ29udGVudCA9IGdyYXZpdHlEaWFsb2dDb250ZW50SW50ZXJmYWNlO1xuICB9XG5cbiAgcHVibGljIHRocm93SW5mb3JtYXRpdmVOb3RpZmljYXRpb24obm90aWZpY2F0aW9uQ29udGVudDogR3Jhdml0eU5vdGlmaWNhdGlvbkNvbnRlbnQpOiB2b2lkIHtcbiAgICBjb25zdCBtb2RhbFJlZiA9IHRoaXMubmdiTW9kYWwub3BlbihHcmF2aXR5Tm90aWZpY2F0aW9uQ29tcG9uZW50LCB7XG4gICAgICBtb2RhbERpYWxvZ0NsYXNzOiAnaW5mb3JtYXRpdmUtbm90aWZpY2F0aW9uJyxcbiAgICAgIGNlbnRlcmVkOiB0cnVlXG4gICAgfSk7XG4gICAgbW9kYWxSZWYuY29tcG9uZW50SW5zdGFuY2Uubm90aWZpY2F0aW9uQ29udGVudCA9IG5vdGlmaWNhdGlvbkNvbnRlbnQ7XG4gIH1cblxuICBwdWJsaWMgdGhyb3dJbnN0YW50Tm90aWZpY2F0aW9uKG5vdGlmaWNhdGlvbkNvbnRlbnQ6IEdyYXZpdHlOb3RpZmljYXRpb25Db250ZW50KTogdm9pZCB7XG4gICAgdGhpcy5ncmF2aXR5SW5zdGFudE5vdGlmaWNhdGlvbnNTZXJ2aWNlLnNob3dOb3RpZmljYXRpb24obm90aWZpY2F0aW9uQ29udGVudCk7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -1243,14 +1243,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
|
|
|
1243
1243
|
class GravityNotificationInstantContainerComponent {
|
|
1244
1244
|
constructor(gravityInstantNotificationsService) {
|
|
1245
1245
|
this.gravityInstantNotificationsService = gravityInstantNotificationsService;
|
|
1246
|
+
this.delay = 5000;
|
|
1246
1247
|
}
|
|
1247
1248
|
}
|
|
1248
1249
|
GravityNotificationInstantContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: GravityNotificationInstantContainerComponent, deps: [{ token: GravityInstantNotificationsService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1249
|
-
GravityNotificationInstantContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: GravityNotificationInstantContainerComponent, selector: "gravity-notification-instant-container", ngImport: i0, template: "<ngb-toast [autohide]=\"true\"\n [delay]=\"
|
|
1250
|
+
GravityNotificationInstantContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: GravityNotificationInstantContainerComponent, selector: "gravity-notification-instant-container", inputs: { delay: "delay" }, ngImport: i0, template: "<ngb-toast [autohide]=\"true\"\n [delay]=\"delay\"\n\n (hidden)=\"gravityInstantNotificationsService.hideNotification(i)\"\n\n *ngFor=\"let notification of gravityInstantNotificationsService.notifications; index as i\">\n <main class=\"alert-content {{notification.state}}\">\n <gravity-icon class=\"close\" (click)=\"gravityInstantNotificationsService.hideNotification(i)\"\n data-cy=\"gravity_notification_instant_close_icon\" [iconName]=\"'x'\" [title]=\"'Close'\"></gravity-icon>\n\n <div class=\"title\">\n <gravity-icon class=\"title-icon\" [iconName]=\"'notification_' + notification.state\"></gravity-icon>\n <h1 class=\"hr-title lg-bold\">{{notification.title}}</h1>\n </div>\n\n <div class=\"content\">\n <h2 class=\"hr-body-text md-regular\">{{notification.text}}</h2>\n </div>\n </main>\n</ngb-toast>\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:50%}:host{padding:1rem;position:fixed;right:0;top:0;z-index:1200}main.alert-content{background-color:var(--bg-notification-primary);border-bottom:.75rem solid var(--notification-highlight-color);border-radius:.625rem;box-shadow:0 27px 34px #000c208f;color:var(--on-bg-notification-primary);margin-bottom:1rem;padding:1rem 1.5rem;position:relative;width:23rem}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{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:2rem;line-height:0;justify-content:center;position:absolute;right:.75rem;top:.625rem;width:2rem}gravity-icon.close ::ng-deep svg-icon{--icon-color: var(--close-dialog-header-active-primary);--icon-height: 1.25rem;--icon-width: 1.25rem}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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i1$2.NgbToast, selector: "ngb-toast", inputs: ["animation", "delay", "autohide", "header"], outputs: ["shown", "hidden"], exportAs: ["ngbToast"] }, { kind: "component", type: GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "hoverIcon"] }] });
|
|
1250
1251
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: GravityNotificationInstantContainerComponent, decorators: [{
|
|
1251
1252
|
type: Component,
|
|
1252
|
-
args: [{ selector: 'gravity-notification-instant-container', template: "<ngb-toast [autohide]=\"true\"\n [delay]=\"
|
|
1253
|
-
}], ctorParameters: function () { return [{ type: GravityInstantNotificationsService }]; }
|
|
1253
|
+
args: [{ selector: 'gravity-notification-instant-container', template: "<ngb-toast [autohide]=\"true\"\n [delay]=\"delay\"\n\n (hidden)=\"gravityInstantNotificationsService.hideNotification(i)\"\n\n *ngFor=\"let notification of gravityInstantNotificationsService.notifications; index as i\">\n <main class=\"alert-content {{notification.state}}\">\n <gravity-icon class=\"close\" (click)=\"gravityInstantNotificationsService.hideNotification(i)\"\n data-cy=\"gravity_notification_instant_close_icon\" [iconName]=\"'x'\" [title]=\"'Close'\"></gravity-icon>\n\n <div class=\"title\">\n <gravity-icon class=\"title-icon\" [iconName]=\"'notification_' + notification.state\"></gravity-icon>\n <h1 class=\"hr-title lg-bold\">{{notification.title}}</h1>\n </div>\n\n <div class=\"content\">\n <h2 class=\"hr-body-text md-regular\">{{notification.text}}</h2>\n </div>\n </main>\n</ngb-toast>\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:50%}:host{padding:1rem;position:fixed;right:0;top:0;z-index:1200}main.alert-content{background-color:var(--bg-notification-primary);border-bottom:.75rem solid var(--notification-highlight-color);border-radius:.625rem;box-shadow:0 27px 34px #000c208f;color:var(--on-bg-notification-primary);margin-bottom:1rem;padding:1rem 1.5rem;position:relative;width:23rem}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{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:2rem;line-height:0;justify-content:center;position:absolute;right:.75rem;top:.625rem;width:2rem}gravity-icon.close ::ng-deep svg-icon{--icon-color: var(--close-dialog-header-active-primary);--icon-height: 1.25rem;--icon-width: 1.25rem}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"] }]
|
|
1254
|
+
}], ctorParameters: function () { return [{ type: GravityInstantNotificationsService }]; }, propDecorators: { delay: [{
|
|
1255
|
+
type: Input
|
|
1256
|
+
}] } });
|
|
1254
1257
|
|
|
1255
1258
|
class GravityAttachFileComponent {
|
|
1256
1259
|
constructor() {
|
|
@@ -1410,10 +1413,11 @@ class GravityDialogManagerService {
|
|
|
1410
1413
|
this.ngbModal = ngbModal;
|
|
1411
1414
|
this.gravityInstantNotificationsService = gravityInstantNotificationsService;
|
|
1412
1415
|
}
|
|
1413
|
-
openModal(gravityDialogContentInterface, scrollableDialog = false) {
|
|
1416
|
+
openModal(gravityDialogContentInterface, scrollableDialog = false, modalSize = 'md') {
|
|
1414
1417
|
const modalRef = this.ngbModal.open(GravityDialogComponent, {
|
|
1415
1418
|
centered: true,
|
|
1416
|
-
scrollable: scrollableDialog
|
|
1419
|
+
scrollable: scrollableDialog,
|
|
1420
|
+
size: modalSize
|
|
1417
1421
|
});
|
|
1418
1422
|
modalRef.componentInstance.dialogContent = gravityDialogContentInterface;
|
|
1419
1423
|
}
|