myrta-ui 17.1.62 → 17.1.64
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/alert/alert.component.mjs +6 -3
- package/esm2022/lib/components/modal/modal.component.mjs +2 -2
- package/esm2022/lib/components/side-page/side-page.component.mjs +6 -3
- package/esm2022/lib/services/index.mjs +2 -1
- package/esm2022/lib/services/notify-service/components/index.mjs +2 -0
- package/esm2022/lib/services/notify-service/components/notification/notification.component.mjs +21 -0
- package/esm2022/lib/services/notify-service/enums/index.mjs +3 -0
- package/esm2022/lib/services/notify-service/enums/notification-position.enum.mjs +8 -0
- package/esm2022/lib/services/notify-service/enums/notification-type.enum.mjs +8 -0
- package/esm2022/lib/services/notify-service/index.mjs +4 -0
- package/esm2022/lib/services/notify-service/models/index.mjs +2 -0
- package/esm2022/lib/services/notify-service/models/notification-config.model.mjs +2 -0
- package/esm2022/lib/services/notify-service/models/notification-state.model.mjs +2 -0
- package/esm2022/lib/services/notify-service/notification.service.mjs +125 -0
- package/fesm2022/myrta-ui.mjs +164 -7
- package/fesm2022/myrta-ui.mjs.map +1 -1
- package/lib/components/alert/alert.component.d.ts +2 -1
- package/lib/components/side-page/side-page.component.d.ts +11 -3
- package/lib/services/index.d.ts +1 -0
- package/lib/services/notify-service/components/index.d.ts +1 -0
- package/lib/services/notify-service/components/notification/notification.component.d.ts +13 -0
- package/lib/services/notify-service/enums/index.d.ts +2 -0
- package/lib/services/notify-service/enums/notification-position.enum.d.ts +6 -0
- package/lib/services/notify-service/enums/notification-type.enum.d.ts +6 -0
- package/lib/services/notify-service/index.d.ts +4 -0
- package/lib/services/notify-service/models/index.d.ts +2 -0
- package/lib/services/notify-service/models/notification-config.model.d.ts +15 -0
- package/lib/services/notify-service/models/notification-state.model.d.ts +11 -0
- package/lib/services/notify-service/notification.service.d.ts +27 -0
- package/package.json +1 -1
|
@@ -0,0 +1,125 @@
|
|
|
1
|
+
import { Injectable, ApplicationRef, EnvironmentInjector, inject } from '@angular/core';
|
|
2
|
+
import { signal } from '@angular/core';
|
|
3
|
+
import { createComponent } from '@angular/core';
|
|
4
|
+
import { NotifyPosition } from './enums';
|
|
5
|
+
import { NotifyComponent } from './components';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export class NotificationService {
|
|
8
|
+
_appRef = inject(ApplicationRef);
|
|
9
|
+
_environmentInjector = inject(EnvironmentInjector);
|
|
10
|
+
_defaultDuration = 5000;
|
|
11
|
+
_defaultPosition = NotifyPosition.BottomRight;
|
|
12
|
+
_defaultSticky = false;
|
|
13
|
+
_defaultCloseButton = true;
|
|
14
|
+
_defaultEnableHtml = false;
|
|
15
|
+
_defaultNotificationComponent = NotifyComponent;
|
|
16
|
+
_animationDuration = 300;
|
|
17
|
+
_notificationId = 0;
|
|
18
|
+
notifications = signal([]);
|
|
19
|
+
show(config, component) {
|
|
20
|
+
const notificationId = this._notificationId++;
|
|
21
|
+
const notificationConfig = {
|
|
22
|
+
...config,
|
|
23
|
+
id: notificationId,
|
|
24
|
+
options: {
|
|
25
|
+
position: config.options?.position || this._defaultPosition,
|
|
26
|
+
duration: config.options?.duration || this._defaultDuration,
|
|
27
|
+
sticky: config.options?.sticky || this._defaultSticky,
|
|
28
|
+
closeButton: config.options?.closeButton || this._defaultCloseButton,
|
|
29
|
+
enableHtml: config.options?.enableHtml || this._defaultEnableHtml
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
const componentRef = this._createNotificationComponent(notificationConfig, component || this._defaultNotificationComponent);
|
|
33
|
+
const notificationState = {
|
|
34
|
+
id: notificationId,
|
|
35
|
+
config: notificationConfig,
|
|
36
|
+
componentRef,
|
|
37
|
+
remainingTime: notificationConfig.options?.duration,
|
|
38
|
+
startTime: notificationConfig.options?.sticky ? undefined : Date.now()
|
|
39
|
+
};
|
|
40
|
+
componentRef.instance.close.subscribe(() => this.remove(notificationId));
|
|
41
|
+
componentRef.instance.pause.subscribe(() => this._pauseNotification(notificationState));
|
|
42
|
+
componentRef.instance.resume.subscribe(() => this._resumeNotification(notificationState));
|
|
43
|
+
this.notifications.update(notifications => [
|
|
44
|
+
...notifications,
|
|
45
|
+
notificationState
|
|
46
|
+
]);
|
|
47
|
+
if (!notificationConfig.options?.sticky) {
|
|
48
|
+
notificationState.timeoutId = setTimeout(() => this.remove(notificationId), notificationConfig.options?.duration);
|
|
49
|
+
}
|
|
50
|
+
return notificationId;
|
|
51
|
+
}
|
|
52
|
+
remove(id) {
|
|
53
|
+
const notification = this.notifications().find(n => n.id === id);
|
|
54
|
+
if (notification) {
|
|
55
|
+
if (notification.timeoutId) {
|
|
56
|
+
clearTimeout(notification.timeoutId);
|
|
57
|
+
}
|
|
58
|
+
this._removeNotification(notification.componentRef);
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
_createNotificationComponent(config, component) {
|
|
62
|
+
const componentRef = createComponent(component, {
|
|
63
|
+
environmentInjector: this._environmentInjector
|
|
64
|
+
});
|
|
65
|
+
componentRef.instance.config = config;
|
|
66
|
+
this._appRef.attachView(componentRef.hostView);
|
|
67
|
+
const domElem = componentRef.hostView.rootNodes[0];
|
|
68
|
+
const positionContainer = this._getOrCreatePositionContainer(config.options?.position || this._defaultPosition);
|
|
69
|
+
domElem.classList.add('mrx-notify-item');
|
|
70
|
+
positionContainer.appendChild(domElem);
|
|
71
|
+
setTimeout(() => domElem.classList.add('appearing'), 10);
|
|
72
|
+
return componentRef;
|
|
73
|
+
}
|
|
74
|
+
_removeNotification(componentRef) {
|
|
75
|
+
const domElem = componentRef.hostView.rootNodes[0];
|
|
76
|
+
domElem.classList.add('removing');
|
|
77
|
+
setTimeout(() => {
|
|
78
|
+
this._appRef.detachView(componentRef.hostView);
|
|
79
|
+
componentRef.destroy();
|
|
80
|
+
this.notifications.update(notifications => notifications.filter(n => n.componentRef !== componentRef));
|
|
81
|
+
setTimeout(() => {
|
|
82
|
+
this._cleanupEmptyContainers();
|
|
83
|
+
});
|
|
84
|
+
}, this._animationDuration);
|
|
85
|
+
}
|
|
86
|
+
_pauseNotification(state) {
|
|
87
|
+
if (state.timeoutId && state.remainingTime !== undefined && state.startTime !== undefined) {
|
|
88
|
+
clearTimeout(state.timeoutId);
|
|
89
|
+
state.timeoutId = undefined;
|
|
90
|
+
state.remainingTime = state.config.options?.duration - (Date.now() - state.startTime);
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
_resumeNotification(state) {
|
|
94
|
+
if (!state.config.options?.sticky && state.remainingTime !== undefined && !state.timeoutId) {
|
|
95
|
+
state.timeoutId = setTimeout(() => this.remove(state.id), state.remainingTime);
|
|
96
|
+
state.startTime = Date.now();
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
_getOrCreatePositionContainer(position) {
|
|
100
|
+
let container = document.querySelector(`.mrx-notify-container.${position}`);
|
|
101
|
+
if (!container) {
|
|
102
|
+
container = document.createElement('div');
|
|
103
|
+
container.classList.add('mrx-notify-container', position);
|
|
104
|
+
document.body.appendChild(container);
|
|
105
|
+
}
|
|
106
|
+
return container;
|
|
107
|
+
}
|
|
108
|
+
_cleanupEmptyContainers() {
|
|
109
|
+
const containers = document.querySelectorAll('.mrx-notify-container');
|
|
110
|
+
containers.forEach(container => {
|
|
111
|
+
if (container.children.length === 0) {
|
|
112
|
+
container.remove();
|
|
113
|
+
}
|
|
114
|
+
});
|
|
115
|
+
}
|
|
116
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotificationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
117
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotificationService, providedIn: 'root' });
|
|
118
|
+
}
|
|
119
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotificationService, decorators: [{
|
|
120
|
+
type: Injectable,
|
|
121
|
+
args: [{
|
|
122
|
+
providedIn: 'root'
|
|
123
|
+
}]
|
|
124
|
+
}] });
|
|
125
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9teXJ0YS11aS9zcmMvbGliL3NlcnZpY2VzL25vdGlmeS1zZXJ2aWNlL25vdGlmaWNhdGlvbi5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQWdCLGNBQWMsRUFBRSxtQkFBbUIsRUFBUSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDNUcsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2hELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxTQUFTLENBQUM7QUFFekMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGNBQWMsQ0FBQzs7QUFLL0MsTUFBTSxPQUFPLG1CQUFtQjtJQUNiLE9BQU8sR0FBRyxNQUFNLENBQUMsY0FBYyxDQUFDLENBQUM7SUFDakMsb0JBQW9CLEdBQUcsTUFBTSxDQUFDLG1CQUFtQixDQUFDLENBQUM7SUFFbkQsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDO0lBQ3hCLGdCQUFnQixHQUFHLGNBQWMsQ0FBQyxXQUFXLENBQUM7SUFDOUMsY0FBYyxHQUFHLEtBQUssQ0FBQztJQUN2QixtQkFBbUIsR0FBRyxJQUFJLENBQUM7SUFDM0Isa0JBQWtCLEdBQUcsS0FBSyxDQUFDO0lBQzNCLDZCQUE2QixHQUEwQixlQUFlLENBQUM7SUFDdkUsa0JBQWtCLEdBQUcsR0FBRyxDQUFDO0lBRWxDLGVBQWUsR0FBRyxDQUFDLENBQUM7SUFFckIsYUFBYSxHQUFHLE1BQU0sQ0FBZ0IsRUFBRSxDQUFDLENBQUM7SUFFMUMsSUFBSSxDQUFDLE1BQW9CLEVBQUUsU0FBaUM7UUFDakUsTUFBTSxjQUFjLEdBQUcsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQzlDLE1BQU0s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RUFBRSxDQUFDO1lBQ2YsU0FBUyxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDMUMsU0FBUyxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsc0JBQXNCLEVBQUUsUUFBUSxDQUFDLENBQUM7WUFDMUQsUUFBUSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsU0FBUyxDQUFDLENBQUM7UUFDdkMsQ0FBQztRQUNELE9BQU8sU0FBd0IsQ0FBQztJQUNsQyxDQUFDO0lBRU8sdUJBQXVCO1FBQzdCLE1BQU0sVUFBVSxHQUFHLFFBQVEsQ0FBQyxnQkFBZ0IsQ0FBQyx1QkFBdUIsQ0FBQyxDQUFDO1FBRXRFLFVBQVUsQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLEVBQUU7WUFDN0IsSUFBSSxTQUFTLENBQUMsUUFBUSxDQUFDLE1BQU0sS0FBSyxDQUFDLEVBQUUsQ0FBQztnQkFDcEMsU0FBUyxDQUFDLE1BQU0sRUFBRSxDQUFDO1lBQ3JCLENBQUM7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7d0dBeElVLG1CQUFtQjs0R0FBbkIsbUJBQW1CLGNBRmxCLE1BQU07OzRGQUVQLG1CQUFtQjtrQkFIL0IsVUFBVTttQkFBQztvQkFDVixVQUFVLEVBQUUsTUFBTTtpQkFDbkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlLCBDb21wb25lbnRSZWYsIEFwcGxpY2F0aW9uUmVmLCBFbnZpcm9ubWVudEluamVjdG9yLCBUeXBlLCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgc2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IGNyZWF0ZUNvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBOb3RpZnlQb3NpdGlvbiB9IGZyb20gJy4vZW51bXMnO1xyXG5pbXBvcnQgeyBOb3RpZnlDb25maWcsIE5vdGlmeVN0YXRlIH0gZnJvbSAnLi9tb2RlbHMnO1xyXG5pbXBvcnQgeyBOb3RpZnlDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMnO1xyXG5cclxuQEluamVjdGFibGUoe1xyXG4gIHByb3ZpZGVkSW46ICdyb290J1xyXG59KVxyXG5leHBvcnQgY2xhc3MgTm90aWZpY2F0aW9uU2VydmljZSB7XHJcbiAgcHJpdmF0ZSByZWFkb25seSBfYXBwUmVmID0gaW5qZWN0KEFwcGxpY2F0aW9uUmVmKTtcclxuICBwcml2YXRlIHJlYWRvbmx5IF9lbnZpcm9ubWVudEluamVjdG9yID0gaW5qZWN0KEVudmlyb25tZW50SW5qZWN0b3IpO1xyXG5cclxuICBwcml2YXRlIHJlYWRvbmx5IF9kZWZhdWx0RHVyYXRpb24gPSA1MDAwO1xyXG4gIHByaXZhdGUgcmVhZG9ubHkgX2RlZmF1bHRQb3NpdGlvbiA9IE5vdGlmeVBvc2l0aW9uLkJvdHRvbVJpZ2h0O1xyXG4gIHByaXZhdGUgcmVhZG9ubHkgX2RlZmF1bHRTdGlja3kgPSBmYWxzZTtcclxuICBwcml2YXRlIHJlYWRvbmx5IF9kZWZhdWx0Q2xvc2VCdXR0b24gPSB0cnVlO1xyXG4gIHByaXZhdGUgcmVhZG9ubHkgX2RlZmF1bHRFbmFibGVIdG1sID0gZmFsc2U7XHJcbiAgcHJpdmF0ZSByZWFkb25seSBfZGVmYXVsdE5vdGlmaWNhdGlvbkNvbXBvbmVudDogVHlwZTxOb3RpZnlDb21wb25lbnQ+ID0gTm90aWZ5Q29tcG9uZW50O1xyXG4gIHByaXZhdGUgcmVhZG9ubHkgX2FuaW1hdGlvbkR1cmF0aW9uID0gMzAwO1xyXG5cclxuICBwcml2YXRlIF9ub3RpZmljYXRpb25JZCA9IDA7XHJcblxyXG4gIHB1YmxpYyBub3RpZmljYXRpb25zID0gc2lnbmFsPE5vdGlmeVN0YXRlW10+KFtdKTtcclxuXHJcbiAgcHVibGljIHNob3coY29uZmlnOiBOb3RpZnlDb25maWcsIGNvbXBvbmVudD86IFR5cGU8Tm90aWZ5Q29tcG9uZW50Pik6IG51bWJlciB7XHJcbiAgICBjb25zdCBub3RpZmljYXRpb25JZCA9IHRoaXMuX25vdGlmaWNhdGlvbklkKys7XHJcbiAgICBjb25zdCBub3RpZmljYXRpb25Db25maWc6IE5vdGlmeUNvbmZpZyA9IHtcclxuICAgICAgLi4uY29uZmlnLFxyXG4gICAgICBpZDogbm90aWZpY2F0aW9uSWQsXHJcbiAgICAgIG9wdGlvbnM6IHtcclxuICAgICAgICBwb3NpdGlvbjogY29uZmlnLm9wdGlvbnM/LnBvc2l0aW9uIHx8IHRoaXMuX2RlZmF1bHRQb3NpdGlvbixcclxuICAgICAgICBkdXJhdGlvbjogY29uZmlnLm9wdGlvbnM/LmR1cmF0aW9uIHx8IHRoaXMuX2RlZmF1bHREdXJhdGlvbixcclxuICAgICAgICBzdGlja3k6IGNvbmZpZy5vcHRpb25zPy5zdGlja3kgfHwgdGhpcy5fZGVmYXVsdFN0aWNreSxcclxuICAgICAgICBjbG9zZUJ1dHRvbjogY29uZmlnLm9wdGlvbnM/LmNsb3NlQnV0dG9uIHx8IHRoaXMuX2RlZmF1bHRDbG9zZUJ1dHRvbixcclxuICAgICAgICBlbmFibGVIdG1sOiBjb25maWcub3B0aW9ucz8uZW5hYmxlSHRtbCB8fCB0aGlzLl9kZWZhdWx0RW5hYmxlSHRtbFxyXG4gICAgICB9XHJcbiAgICB9O1xyXG5cclxuICAgIGNvbnN0IGNvbXBvbmVudFJlZiA9IHRoaXMuX2NyZWF0ZU5vdGlmaWNhdGlvbkNvbXBvbmVudChub3RpZmljYXRpb25Db25maWcsIGNvbXBvbmVudCB8fCB0aGlzLl9kZWZhdWx0Tm90aWZpY2F0aW9uQ29tcG9uZW50KTtcclxuXHJcbiAgICBjb25zdCBub3RpZmljYXRpb25TdGF0ZTogTm90aWZ5U3RhdGUgPSB7XHJcbiAgICAgIGlkOiBub3RpZmljYXRpb25JZCxcclxuICAgICAgY29uZmlnOiBub3RpZmljYXRpb25Db25maWcsXHJcbiAgICAgIGNvbXBvbmVudFJlZixcclxuICAgICAgcmVtYWluaW5nVGltZTogbm90aWZpY2F0aW9uQ29uZmlnLm9wdGlvbnM/LmR1cmF0aW9uLFxyXG4gICAgICBzdGFydFRpbWU6IG5vdGlmaWNhdGlvbkNvbmZpZy5vcHRpb25zPy5zdGlja3kgPyB1bmRlZmluZWQgOiBEYXRlLm5vdygpXHJcbiAgICB9O1xyXG5cclxuICAgIGNvbXBvbmVudFJlZi5pbnN0YW5jZS5jbG9zZS5zdWJzY3JpYmUoKCkgPT4gdGhpcy5yZW1vdmUobm90aWZpY2F0aW9uSWQpKTtcclxuICAgIGNvbXBvbmVudFJlZi5pbnN0YW5jZS5wYXVzZS5zdWJzY3JpYmUoKCkgPT4gdGhpcy5fcGF1c2VOb3RpZmljYXRpb24obm90aWZpY2F0aW9uU3RhdGUpKTtcclxuICAgIGNvbXBvbmVudFJlZi5pbnN0YW5jZS5yZXN1bWUuc3Vic2NyaWJlKCgpID0+IHRoaXMuX3Jlc3VtZU5vdGlmaWNhdGlvbihub3RpZmljYXRpb25TdGF0ZSkpO1xyXG5cclxuICAgIHRoaXMubm90aWZpY2F0aW9ucy51cGRhdGUobm90aWZpY2F0aW9ucyA9PiBbXHJcbiAgICAgIC4uLm5vdGlmaWNhdGlvbnMsXHJcbiAgICAgIG5vdGlmaWNhdGlvblN0YXRlXHJcbiAgICBdKTtcclxuXHJcbiAgICBpZiAoIW5vdGlmaWNhdGlvbkNvbmZpZy5vcHRpb25zPy5zdGlja3kpIHtcclxuICAgICAgbm90aWZpY2F0aW9uU3RhdGUudGltZW91dElkID0gc2V0VGltZW91dCgoKSA9PiB0aGlzLnJlbW92ZShub3RpZmljYXRpb25JZCksIG5vdGlmaWNhdGlvbkNvbmZpZy5vcHRpb25zPy5kdXJhdGlvbik7XHJcbiAgICB9XHJcblxyXG4gICAgcmV0dXJuIG5vdGlmaWNhdGlvbklkO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIHJlbW92ZShpZDogbnVtYmVyKTogdm9pZCB7XHJcbiAgICBjb25zdCBub3RpZmljYXRpb24gPSB0aGlzLm5vdGlmaWNhdGlvbnMoKS5maW5kKG4gPT4gbi5pZCA9PT0gaWQpO1xyXG4gICAgaWYgKG5vdGlmaWNhdGlvbikge1xyXG4gICAgICBpZiAobm90aWZpY2F0aW9uLnRpbWVvdXRJZCkge1xyXG4gICAgICAgIGNsZWFyVGltZW91dChub3RpZmljYXRpb24udGltZW91dElkKTtcclxuICAgICAgfVxyXG4gICAgICB0aGlzLl9yZW1vdmVOb3RpZmljYXRpb24obm90aWZpY2F0aW9uLmNvbXBvbmVudFJlZik7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIF9jcmVhdGVOb3RpZmljYXRpb25Db21wb25lbnQoY29uZmlnOiBOb3RpZnlDb25maWcsIGNvbXBvbmVudDogVHlwZTxOb3RpZnlDb21wb25lbnQ+KTogQ29tcG9uZW50UmVmPE5vdGlmeUNvbXBvbmVudD4ge1xyXG4gICAgY29uc3QgY29tcG9uZW50UmVmID0gY3JlYXRlQ29tcG9uZW50KGNvbXBvbmVudCwge1xyXG4gICAgICBlbnZpcm9ubWVudEluamVjdG9yOiB0aGlzLl9lbnZpcm9ubWVudEluamVjdG9yXHJcbiAgICB9KTtcclxuICAgIGNvbXBvbmVudFJlZi5pbnN0YW5jZS5jb25maWcgPSBjb25maWc7XHJcblxyXG4gICAgdGhpcy5fYXBwUmVmLmF0dGFjaFZpZXcoY29tcG9uZW50UmVmLmhvc3RWaWV3KTtcclxuXHJcbiAgICBjb25zdCBkb21FbGVtID0gKGNvbXBvbmVudFJlZi5ob3N0VmlldyBhcyBhbnkpLnJvb3ROb2Rlc1swXSBhcyBIVE1MRWxlbWVudDtcclxuICAgIGNvbnN0IHBvc2l0aW9uQ29udGFpbmVyID0gdGhpcy5fZ2V0T3JDcmVhdGVQb3NpdGlvbkNvbnRhaW5lcihjb25maWcub3B0aW9ucz8ucG9zaXRpb24gfHwgdGhpcy5fZGVmYXVsdFBvc2l0aW9uKTtcclxuICAgIGRvbUVsZW0uY2xhc3NMaXN0LmFkZCgnbXJ4LW5vdGlmeS1pdGVtJyk7XHJcbiAgICBwb3NpdGlvbkNvbnRhaW5lci5hcHBlbmRDaGlsZChkb21FbGVtKTtcclxuXHJcbiAgICBzZXRUaW1lb3V0KCgpID0+IGRvbUVsZW0uY2xhc3NMaXN0LmFkZCgnYXBwZWFyaW5nJyksIDEwKTtcclxuXHJcbiAgICByZXR1cm4gY29tcG9uZW50UmVmO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBfcmVtb3ZlTm90aWZpY2F0aW9uKGNvbXBvbmVudFJlZjogQ29tcG9uZW50UmVmPE5vdGlmeUNvbXBvbmVudD4pOiB2b2lkIHtcclxuICAgIGNvbnN0IGRvbUVsZW0gPSAoY29tcG9uZW50UmVmLmhvc3RWaWV3IGFzIGFueSkucm9vdE5vZGVzWzBdIGFzIEhUTUxFbGVtZW50O1xyXG5cclxuICAgIGRvbUVsZW0uY2xhc3NMaXN0LmFkZCgncmVtb3ZpbmcnKTtcclxuXHJcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgdGhpcy5fYXBwUmVmLmRldGFjaFZpZXcoY29tcG9uZW50UmVmLmhvc3RWaWV3KTtcclxuICAgICAgY29tcG9uZW50UmVmLmRlc3Ryb3koKTtcclxuXHJcbiAgICAgIHRoaXMubm90aWZpY2F0aW9ucy51cGRhdGUobm90aWZpY2F0aW9ucyA9PlxyXG4gICAgICAgIG5vdGlmaWNhdGlvbnMuZmlsdGVyKG4gPT4gbi5jb21wb25lbnRSZWYgIT09IGNvbXBvbmVudFJlZilcclxuICAgICAgKTtcclxuXHJcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xyXG4gICAgICAgIHRoaXMuX2NsZWFudXBFbXB0eUNvbnRhaW5lcnMoKTtcclxuICAgICAgfSlcclxuICAgIH0sIHRoaXMuX2FuaW1hdGlvbkR1cmF0aW9uKTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgX3BhdXNlTm90aWZpY2F0aW9uKHN0YXRlOiBOb3RpZnlTdGF0ZSk6IHZvaWQge1xyXG4gICAgaWYgKHN0YXRlLnRpbWVvdXRJZCAmJiBzdGF0ZS5yZW1haW5pbmdUaW1lICE9PSB1bmRlZmluZWQgJiYgc3RhdGUuc3RhcnRUaW1lICE9PSB1bmRlZmluZWQpIHtcclxuICAgICAgY2xlYXJUaW1lb3V0KHN0YXRlLnRpbWVvdXRJZCk7XHJcbiAgICAgIHN0YXRlLnRpbWVvdXRJZCA9IHVuZGVmaW5lZDtcclxuICAgICAgc3RhdGUucmVtYWluaW5nVGltZSA9IHN0YXRlLmNvbmZpZy5vcHRpb25zPy5kdXJhdGlvbiEgLSAoRGF0ZS5ub3coKSAtIHN0YXRlLnN0YXJ0VGltZSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIF9yZXN1bWVOb3RpZmljYXRpb24oc3RhdGU6IE5vdGlmeVN0YXRlKTogdm9pZCB7XHJcbiAgICBpZiAoIXN0YXRlLmNvbmZpZy5vcHRpb25zPy5zdGlja3kgJiYgc3RhdGUucmVtYWluaW5nVGltZSAhPT0gdW5kZWZpbmVkICYmICFzdGF0ZS50aW1lb3V0SWQpIHtcclxuICAgICAgc3RhdGUudGltZW91dElkID0gc2V0VGltZW91dCgoKSA9PiB0aGlzLnJlbW92ZShzdGF0ZS5pZCksIHN0YXRlLnJlbWFpbmluZ1RpbWUpO1xyXG4gICAgICBzdGF0ZS5zdGFydFRpbWUgPSBEYXRlLm5vdygpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBfZ2V0T3JDcmVhdGVQb3NpdGlvbkNvbnRhaW5lcihwb3NpdGlvbjogTm90aWZ5UG9zaXRpb24pOiBIVE1MRWxlbWVudCB7XHJcbiAgICBsZXQgY29udGFpbmVyID0gZG9jdW1lbnQucXVlcnlTZWxlY3RvcihgLm1yeC1ub3RpZnktY29udGFpbmVyLiR7cG9zaXRpb259YCk7XHJcbiAgICBpZiAoIWNvbnRhaW5lcikge1xyXG4gICAgICBjb250YWluZXIgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdkaXYnKTtcclxuICAgICAgY29udGFpbmVyLmNsYXNzTGlzdC5hZGQoJ21yeC1ub3RpZnktY29udGFpbmVyJywgcG9zaXRpb24pO1xyXG4gICAgICBkb2N1bWVudC5ib2R5LmFwcGVuZENoaWxkKGNvbnRhaW5lcik7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gY29udGFpbmVyIGFzIEhUTUxFbGVtZW50O1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBfY2xlYW51cEVtcHR5Q29udGFpbmVycygpOiB2b2lkIHtcclxuICAgIGNvbnN0IGNvbnRhaW5lcnMgPSBkb2N1bWVudC5xdWVyeVNlbGVjdG9yQWxsKCcubXJ4LW5vdGlmeS1jb250YWluZXInKTtcclxuXHJcbiAgICBjb250YWluZXJzLmZvckVhY2goY29udGFpbmVyID0+IHtcclxuICAgICAgaWYgKGNvbnRhaW5lci5jaGlsZHJlbi5sZW5ndGggPT09IDApIHtcclxuICAgICAgICBjb250YWluZXIucmVtb3ZlKCk7XHJcbiAgICAgIH1cclxuICAgIH0pO1xyXG4gIH1cclxufVxyXG4iXX0=
|
package/fesm2022/myrta-ui.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Input, Component, Pipe, EventEmitter, Output, ChangeDetectionStrategy, NgModule, CUSTOM_ELEMENTS_SCHEMA, Injectable, forwardRef, InjectionToken, TemplateRef, Inject, Injector, HostListener, Directive, ViewChild, ContentChild, ContentChildren, signal, computed,
|
|
2
|
+
import { Input, Component, Pipe, EventEmitter, Output, ChangeDetectionStrategy, NgModule, CUSTOM_ELEMENTS_SCHEMA, Injectable, forwardRef, InjectionToken, TemplateRef, Inject, Injector, HostListener, Directive, ViewChild, ContentChild, ContentChildren, signal, computed, inject, ApplicationRef, EnvironmentInjector, createComponent, HostBinding, ViewEncapsulation, ViewChildren, viewChild, LOCALE_ID } from '@angular/core';
|
|
3
3
|
import * as i1$1 from '@angular/common';
|
|
4
4
|
import { CommonModule, NgOptimizedImage, DOCUMENT, registerLocaleData, DatePipe } from '@angular/common';
|
|
5
5
|
import * as i1$2 from '@angular/router';
|
|
@@ -331,6 +331,7 @@ class AlertComponent {
|
|
|
331
331
|
message = '';
|
|
332
332
|
title = '';
|
|
333
333
|
closable = false;
|
|
334
|
+
showIcon = false;
|
|
334
335
|
close = new EventEmitter();
|
|
335
336
|
get getClasses() {
|
|
336
337
|
return `${AlertColorClasses[this.color] ?? ''} ${this.customClasses}`;
|
|
@@ -342,11 +343,11 @@ class AlertComponent {
|
|
|
342
343
|
this.close.emit(null);
|
|
343
344
|
}
|
|
344
345
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
345
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: AlertComponent, selector: "mrx-alert", inputs: { customClasses: "customClasses", color: "color", customColor: "customColor", message: "message", title: "title", closable: "closable" }, outputs: { close: "close" }, ngImport: i0, template: "<div class=\"mrx-alert\" [class]=\"getClasses\" [style]=\"{backgroundColor: customColor}\">\r\n @if (closable) {\r\n <span class=\"mrx-icon icon-close icon-font-16\" (click)=\"onCloseClick()\"></span>\r\n }\r\n\r\n @if (title || message) {\r\n <span [class]=\"getIconClass\" style=\"margin-top: 1px\" class=\"mrx-icon icon-alert icon-font-16 mr-2\"></span>\r\n }\r\n\r\n @if (title) {\r\n <div class=\"mrx-alert-title mb-1\" [class.ml-4]=\"getIconClass\" [innerHTML]=\"title\"></div>\r\n }\r\n\r\n @if (message) {\r\n <div class=\"mrx-alert-message\" [class.ml-4]=\"getIconClass\" [innerHTML]=\"message\"></div>\r\n }\r\n\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [".mrx-alert.mrx-alert{border-radius:var(--border-radius-1);padding:var(--spacing-3) var(--spacing-4);position:relative;color:var(--neutral-text-primary);font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-alert.mrx-alert .mrx-alert-title{display:flex;align-items:center;font-family:var(--body-lg-bold-font-family);font-size:var(--body-lg-bold-font-size);font-weight:var(--body-lg-bold-font-weight);line-height:var(--body-lg-bold-line-height)}.mrx-alert.mrx-alert .icon-close{position:absolute;top:calc(var(--spacing-module) * 2);right:calc(var(--spacing-module) * 2);cursor:pointer}.mrx-alert.mrx-alert .icon-alert{position:absolute;top:13px;left:16px}.mrx-alert.mrx-alert.mrx-alert-color-info{background-color:var(--brand-bg-secondary-default)}.mrx-alert.mrx-alert.mrx-alert-color-positive,.mrx-alert.mrx-alert.mrx-alert-color-success{background-color:var(--system-bg-positive-secondary)}.mrx-alert.mrx-alert.mrx-alert-color-positive .mrx-icon,.mrx-alert.mrx-alert.mrx-alert-color-success .mrx-icon{color:var(--system-icon-positive)}.mrx-alert.mrx-alert.mrx-alert-color-attention,.mrx-alert.mrx-alert.mrx-alert-color-warning{background-color:var(--system-bg-attention-secondary)}.mrx-alert.mrx-alert.mrx-alert-color-attention .mrx-icon,.mrx-alert.mrx-alert.mrx-alert-color-warning .mrx-icon{color:var(--system-icon-attention)}.mrx-alert.mrx-alert.mrx-alert-color-negative,.mrx-alert.mrx-alert.mrx-alert-color-danger{background-color:var(--system-bg-negative-secondary)}.mrx-alert.mrx-alert.mrx-alert-color-negative .mrx-icon,.mrx-alert.mrx-alert.mrx-alert-color-danger .mrx-icon{color:var(--system-icon-attention)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
346
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: AlertComponent, selector: "mrx-alert", inputs: { customClasses: "customClasses", color: "color", customColor: "customColor", message: "message", title: "title", closable: "closable", showIcon: "showIcon" }, outputs: { close: "close" }, ngImport: i0, template: "<div class=\"mrx-alert\" [class]=\"getClasses\" [style]=\"{backgroundColor: customColor}\">\r\n @if (closable) {\r\n <span class=\"mrx-icon icon-close icon-font-16\" (click)=\"onCloseClick()\"></span>\r\n }\r\n\r\n @if (title || message || showIcon) {\r\n <span [class]=\"getIconClass\" style=\"margin-top: 1px\" class=\"mrx-icon icon-alert icon-font-16 mr-2\"></span>\r\n }\r\n\r\n @if (title) {\r\n <div class=\"mrx-alert-title mb-1\" [class.ml-4]=\"getIconClass\" [innerHTML]=\"title\"></div>\r\n }\r\n\r\n @if (message) {\r\n <div class=\"mrx-alert-message\" [class.ml-4]=\"getIconClass\" [innerHTML]=\"message\"></div>\r\n }\r\n\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [".mrx-alert.mrx-alert{border-radius:var(--border-radius-1);padding:var(--spacing-3) var(--spacing-4);position:relative;color:var(--neutral-text-primary);font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-alert.mrx-alert .mrx-alert-title{display:flex;align-items:center;font-family:var(--body-lg-bold-font-family);font-size:var(--body-lg-bold-font-size);font-weight:var(--body-lg-bold-font-weight);line-height:var(--body-lg-bold-line-height)}.mrx-alert.mrx-alert .icon-close{position:absolute;top:calc(var(--spacing-module) * 2);right:calc(var(--spacing-module) * 2);cursor:pointer}.mrx-alert.mrx-alert .icon-alert{position:absolute;top:13px;left:16px}.mrx-alert.mrx-alert.mrx-alert-color-info{background-color:var(--brand-bg-secondary-default)}.mrx-alert.mrx-alert.mrx-alert-color-positive,.mrx-alert.mrx-alert.mrx-alert-color-success{background-color:var(--system-bg-positive-secondary)}.mrx-alert.mrx-alert.mrx-alert-color-positive .mrx-icon,.mrx-alert.mrx-alert.mrx-alert-color-success .mrx-icon{color:var(--system-icon-positive)}.mrx-alert.mrx-alert.mrx-alert-color-attention,.mrx-alert.mrx-alert.mrx-alert-color-warning{background-color:var(--system-bg-attention-secondary)}.mrx-alert.mrx-alert.mrx-alert-color-attention .mrx-icon,.mrx-alert.mrx-alert.mrx-alert-color-warning .mrx-icon{color:var(--system-icon-attention)}.mrx-alert.mrx-alert.mrx-alert-color-negative,.mrx-alert.mrx-alert.mrx-alert-color-danger{background-color:var(--system-bg-negative-secondary)}.mrx-alert.mrx-alert.mrx-alert-color-negative .mrx-icon,.mrx-alert.mrx-alert.mrx-alert-color-danger .mrx-icon{color:var(--system-icon-attention)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
346
347
|
}
|
|
347
348
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AlertComponent, decorators: [{
|
|
348
349
|
type: Component,
|
|
349
|
-
args: [{ selector: 'mrx-alert', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-alert\" [class]=\"getClasses\" [style]=\"{backgroundColor: customColor}\">\r\n @if (closable) {\r\n <span class=\"mrx-icon icon-close icon-font-16\" (click)=\"onCloseClick()\"></span>\r\n }\r\n\r\n @if (title || message) {\r\n <span [class]=\"getIconClass\" style=\"margin-top: 1px\" class=\"mrx-icon icon-alert icon-font-16 mr-2\"></span>\r\n }\r\n\r\n @if (title) {\r\n <div class=\"mrx-alert-title mb-1\" [class.ml-4]=\"getIconClass\" [innerHTML]=\"title\"></div>\r\n }\r\n\r\n @if (message) {\r\n <div class=\"mrx-alert-message\" [class.ml-4]=\"getIconClass\" [innerHTML]=\"message\"></div>\r\n }\r\n\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [".mrx-alert.mrx-alert{border-radius:var(--border-radius-1);padding:var(--spacing-3) var(--spacing-4);position:relative;color:var(--neutral-text-primary);font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-alert.mrx-alert .mrx-alert-title{display:flex;align-items:center;font-family:var(--body-lg-bold-font-family);font-size:var(--body-lg-bold-font-size);font-weight:var(--body-lg-bold-font-weight);line-height:var(--body-lg-bold-line-height)}.mrx-alert.mrx-alert .icon-close{position:absolute;top:calc(var(--spacing-module) * 2);right:calc(var(--spacing-module) * 2);cursor:pointer}.mrx-alert.mrx-alert .icon-alert{position:absolute;top:13px;left:16px}.mrx-alert.mrx-alert.mrx-alert-color-info{background-color:var(--brand-bg-secondary-default)}.mrx-alert.mrx-alert.mrx-alert-color-positive,.mrx-alert.mrx-alert.mrx-alert-color-success{background-color:var(--system-bg-positive-secondary)}.mrx-alert.mrx-alert.mrx-alert-color-positive .mrx-icon,.mrx-alert.mrx-alert.mrx-alert-color-success .mrx-icon{color:var(--system-icon-positive)}.mrx-alert.mrx-alert.mrx-alert-color-attention,.mrx-alert.mrx-alert.mrx-alert-color-warning{background-color:var(--system-bg-attention-secondary)}.mrx-alert.mrx-alert.mrx-alert-color-attention .mrx-icon,.mrx-alert.mrx-alert.mrx-alert-color-warning .mrx-icon{color:var(--system-icon-attention)}.mrx-alert.mrx-alert.mrx-alert-color-negative,.mrx-alert.mrx-alert.mrx-alert-color-danger{background-color:var(--system-bg-negative-secondary)}.mrx-alert.mrx-alert.mrx-alert-color-negative .mrx-icon,.mrx-alert.mrx-alert.mrx-alert-color-danger .mrx-icon{color:var(--system-icon-attention)}\n"] }]
|
|
350
|
+
args: [{ selector: 'mrx-alert', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-alert\" [class]=\"getClasses\" [style]=\"{backgroundColor: customColor}\">\r\n @if (closable) {\r\n <span class=\"mrx-icon icon-close icon-font-16\" (click)=\"onCloseClick()\"></span>\r\n }\r\n\r\n @if (title || message || showIcon) {\r\n <span [class]=\"getIconClass\" style=\"margin-top: 1px\" class=\"mrx-icon icon-alert icon-font-16 mr-2\"></span>\r\n }\r\n\r\n @if (title) {\r\n <div class=\"mrx-alert-title mb-1\" [class.ml-4]=\"getIconClass\" [innerHTML]=\"title\"></div>\r\n }\r\n\r\n @if (message) {\r\n <div class=\"mrx-alert-message\" [class.ml-4]=\"getIconClass\" [innerHTML]=\"message\"></div>\r\n }\r\n\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [".mrx-alert.mrx-alert{border-radius:var(--border-radius-1);padding:var(--spacing-3) var(--spacing-4);position:relative;color:var(--neutral-text-primary);font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-alert.mrx-alert .mrx-alert-title{display:flex;align-items:center;font-family:var(--body-lg-bold-font-family);font-size:var(--body-lg-bold-font-size);font-weight:var(--body-lg-bold-font-weight);line-height:var(--body-lg-bold-line-height)}.mrx-alert.mrx-alert .icon-close{position:absolute;top:calc(var(--spacing-module) * 2);right:calc(var(--spacing-module) * 2);cursor:pointer}.mrx-alert.mrx-alert .icon-alert{position:absolute;top:13px;left:16px}.mrx-alert.mrx-alert.mrx-alert-color-info{background-color:var(--brand-bg-secondary-default)}.mrx-alert.mrx-alert.mrx-alert-color-positive,.mrx-alert.mrx-alert.mrx-alert-color-success{background-color:var(--system-bg-positive-secondary)}.mrx-alert.mrx-alert.mrx-alert-color-positive .mrx-icon,.mrx-alert.mrx-alert.mrx-alert-color-success .mrx-icon{color:var(--system-icon-positive)}.mrx-alert.mrx-alert.mrx-alert-color-attention,.mrx-alert.mrx-alert.mrx-alert-color-warning{background-color:var(--system-bg-attention-secondary)}.mrx-alert.mrx-alert.mrx-alert-color-attention .mrx-icon,.mrx-alert.mrx-alert.mrx-alert-color-warning .mrx-icon{color:var(--system-icon-attention)}.mrx-alert.mrx-alert.mrx-alert-color-negative,.mrx-alert.mrx-alert.mrx-alert-color-danger{background-color:var(--system-bg-negative-secondary)}.mrx-alert.mrx-alert.mrx-alert-color-negative .mrx-icon,.mrx-alert.mrx-alert.mrx-alert-color-danger .mrx-icon{color:var(--system-icon-attention)}\n"] }]
|
|
350
351
|
}], propDecorators: { customClasses: [{
|
|
351
352
|
type: Input
|
|
352
353
|
}], color: [{
|
|
@@ -359,6 +360,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
359
360
|
type: Input
|
|
360
361
|
}], closable: [{
|
|
361
362
|
type: Input
|
|
363
|
+
}], showIcon: [{
|
|
364
|
+
type: Input
|
|
362
365
|
}], close: [{
|
|
363
366
|
type: Output
|
|
364
367
|
}] } });
|
|
@@ -2354,7 +2357,7 @@ class ModalComponent {
|
|
|
2354
2357
|
this.isEmbed = !this.isEmbed;
|
|
2355
2358
|
}
|
|
2356
2359
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2357
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ModalComponent, selector: "mrx-modal", inputs: { title: "title", message: "message", alert: "alert", okText: "okText", closeText: "closeText", size: "size", color: "color", customClasses: "customClasses", expandable: "expandable", isEmbed: "isEmbed", isClose: "isClose", isBack: "isBack", backText: "backText", enableFooter: "enableFooter", alignButtons: "alignButtons", isLoading: "isLoading", iconPosition: "iconPosition" }, outputs: { ok: "ok", close: "close", back: "back" }, queries: [{ propertyName: "footerContent", first: true, predicate: ["footerContent"], descendants: true }], ngImport: i0, template: "<div class=\"mrx-modal-content\" [class]=\"getClasses\" [@animateExpand]=\"isEmbed ? 'open' : 'closed'\">\r\n <div class=\"mrx-modal-header\">\r\n <div class=\"mrx-modal-title\" [innerHTML]=\"title\" [style]=\"{padding: expandable ? '0 56px' : '0 24px'}\"></div>\r\n\r\n @if (expandable) {\r\n <span\r\n class=\"mrx-icon icon-font-24\"\r\n [class]=\"isEmbed ? 'icon-arrow-collapse' : 'icon-arrow-expand'\"\r\n (click)=\"onExpanding()\"\r\n ></span>\r\n }\r\n\r\n @if (isClose) {\r\n <span class=\"mrx-icon icon-close icon-font-24\" (click)=\"onClose()\"></span>\r\n }\r\n </div>\r\n\r\n <div class=\"mrx-modal-body\">\r\n @if (isBack) {\r\n <div class=\"mrx-modal__back d-flex align-items-center mt-2\" (click)=\"onBack()\">\r\n <span class=\"mrx-icon icon-arrow-left icon-font-16 mr-1\"></span>\r\n <span>{{ backText }}</span>\r\n </div>\r\n }\r\n\r\n @if (alert && (alert.title || alert.message)) {\r\n <mrx-alert\r\n [title]=\"alert.title || ''\"\r\n [message]=\"alert.message || ''\"\r\n [color]=\"alert.color || 'default'\"\r\n ></mrx-alert>\r\n }\r\n\r\n <div class=\"mrx-modal-body__content\">\r\n <ng-content></ng-content>\r\n\r\n @if (message) {\r\n <div class=\"mrx-modal-body__message\" [innerHTML]=\"message\"></div>\r\n }\r\n </div>\r\n </div>\r\n\r\n @if (enableFooter) {\r\n <div class=\"mrx-modal-footer\" [class]=\"alignButtonsClass\">\r\n @if (!footerContent) {\r\n <mrx-button\r\n [type]=\"'secondary'\"\r\n [color]=\"getButtonColor\"\r\n [size]=\"'medium'\"\r\n (click)=\"onClose()\"\r\n >{{closeText}}</mrx-button>\r\n\r\n <mrx-button\r\n [type]=\"'primary'\"\r\n [size]=\"'medium'\"\r\n [color]=\"getButtonColor\"\r\n [iconPosition]=\"iconPosition\"\r\n [isLoading]=\"isLoading\"\r\n (click)=\"onOk()\"\r\n >{{okText}}</mrx-button>\r\n } @else {\r\n <ng-container *ngTemplateOutlet=\"footerContent\"></ng-container>\r\n }\r\n </div>\r\n }\r\n</div>\r\n", styles: ["::ng-deep .mrx-modal>*{display:flex;align-items:center;justify-content:center;height:100%;width:100%}:host{margin:auto 0;width:100vw}.mrx-modal-content{margin:24px auto;background-color:#fff;border-radius:4px;position:relative;transition:opacity .5s ease-out;width:calc(100vw - 32px);max-height:calc(100vh - 48px);will-change:opacity;display:flex;flex-direction:column;text-align:left;overflow:hidden}::ng-deep .mrx-modal-backdrop.cdk-overlay-backdrop{height:100%;inset:0;overflow-x:hidden;overflow-y:auto;padding:0 16px;position:absolute;text-align:center;z-index:1000;display:block}::ng-deep .mrx-modal-backdrop.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{background-color:var(--neutral-bg-modal)}::ng-deep .mrx-modal.fade-anim{transition:opacity .4s ease-in-out;will-change:opacity;opacity:0}::ng-deep .mrx-modal.fade-anim.in{opacity:1}.mrx-modal-body{padding:var(--spacing-6, 24px) var(--spacing-4, 16px) var(--spacing-4, 16px);flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-4, 16px)}.mrx-modal-body .mrx-modal__back{font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);font-size:var(--body-md-font-size)}.mrx-modal-body__message{color:var(--neutral-text-primary);font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);font-size:var(--body-md-font-size)}.mrx-modal-content.type-default .mrx-modal-header{background:var(--brand-bg-primary-default);color:var(--neutral-icon-inverse)}.mrx-modal-content.type-default .mrx-modal-header .icon-close,.mrx-modal-content.type-default .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-default .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-default .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-inverse)}.mrx-modal-content.type-info .mrx-modal-header{background:var(--neutral-bg-island-default);color:var(--neutral-text-primary)}.mrx-modal-content.type-info .mrx-modal-header .icon-close,.mrx-modal-content.type-info .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-info .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-info .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-default)}.mrx-modal-content.type-attention .mrx-modal-header{background:var(--system-bg-controls-attention-default);color:var(--neutral-icon-inverse)}.mrx-modal-content.type-attention .mrx-modal-header .icon-close,.mrx-modal-content.type-attention .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-attention .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-attention .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-inverse)}.mrx-modal-content.type-negative .mrx-modal-header{background:var(--system-bg-controls-negative-default);color:var(--neutral-icon-inverse)}.mrx-modal-content.type-negative .mrx-modal-header .icon-close,.mrx-modal-content.type-negative .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-negative .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-negative .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-inverse)}.mrx-modal-content .mrx-modal__back{cursor:pointer;color:var(--brand-text-controls-default)}.mrx-modal-content .mrx-modal__back .mrx-icon{color:var(--brand-text-controls-default)}.mrx-modal-content .mrx-modal__back:hover,.mrx-modal-content .mrx-modal__back:hover .mrx-icon{color:var(--brand-text-controls-hover)}.mrx-modal-footer{align-items:center;display:flex;gap:var(--spacing-3, 12px);padding:var(--spacing-4, 16px) var(--spacing-6, 24px) var(--spacing-6, 24px) var(--spacing-6, 24px);border-top:1px solid var(--neutral-bg-divider)}.mrx-modal-header{padding:16px;position:relative;border-top-left-radius:4px;border-top-right-radius:4px}.mrx-modal-header .mrx-modal-title{font-family:var(--headlines-lvl-4-font-family);font-weight:var(--headlines-lvl-4-font-weight);line-height:var(--headlines-lvl-4-line-height);font-size:var(--headlines-lvl-4-font-size);text-align:center;text-transform:uppercase}.mrx-modal-header .icon-arrow-expand,.mrx-modal-header .icon-arrow-collapse{position:absolute;top:16px;right:48px;cursor:pointer}.mrx-modal-header .icon-arrow-expand:hover,.mrx-modal-header .icon-arrow-collapse:hover{transform:scale(1.1)}.mrx-modal-header .icon-close{position:absolute;top:16px;right:16px;cursor:pointer}.mrx-modal-header .icon-close:hover{transform:scale(1.1)}.mrx-modal-content.mrx-modal-sm{max-width:440px}.mrx-modal-content.mrx-modal-md{max-width:670px}.mrx-modal-content.mrx-modal-lg{max-width:904px}.mrx-modal-content.mrx-modal-extra-lg{max-width:1024px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ButtonComponent, selector: "mrx-button", inputs: ["size", "type", "color", "iconPosition", "active", "disabled", "isLoading", "iconOnly", "customClasses", "label", "icon", "iconClass", "buttonType", "href", "target", "routerLink", "queryParams"], outputs: ["mrxClick"] }, { kind: "component", type: AlertComponent, selector: "mrx-alert", inputs: ["customClasses", "color", "customColor", "message", "title", "closable"], outputs: ["close"] }], animations: [
|
|
2360
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ModalComponent, selector: "mrx-modal", inputs: { title: "title", message: "message", alert: "alert", okText: "okText", closeText: "closeText", size: "size", color: "color", customClasses: "customClasses", expandable: "expandable", isEmbed: "isEmbed", isClose: "isClose", isBack: "isBack", backText: "backText", enableFooter: "enableFooter", alignButtons: "alignButtons", isLoading: "isLoading", iconPosition: "iconPosition" }, outputs: { ok: "ok", close: "close", back: "back" }, queries: [{ propertyName: "footerContent", first: true, predicate: ["footerContent"], descendants: true }], ngImport: i0, template: "<div class=\"mrx-modal-content\" [class]=\"getClasses\" [@animateExpand]=\"isEmbed ? 'open' : 'closed'\">\r\n <div class=\"mrx-modal-header\">\r\n <div class=\"mrx-modal-title\" [innerHTML]=\"title\" [style]=\"{padding: expandable ? '0 56px' : '0 24px'}\"></div>\r\n\r\n @if (expandable) {\r\n <span\r\n class=\"mrx-icon icon-font-24\"\r\n [class]=\"isEmbed ? 'icon-arrow-collapse' : 'icon-arrow-expand'\"\r\n (click)=\"onExpanding()\"\r\n ></span>\r\n }\r\n\r\n @if (isClose) {\r\n <span class=\"mrx-icon icon-close icon-font-24\" (click)=\"onClose()\"></span>\r\n }\r\n </div>\r\n\r\n <div class=\"mrx-modal-body\">\r\n @if (isBack) {\r\n <div class=\"mrx-modal__back d-flex align-items-center mt-2\" (click)=\"onBack()\">\r\n <span class=\"mrx-icon icon-arrow-left icon-font-16 mr-1\"></span>\r\n <span>{{ backText }}</span>\r\n </div>\r\n }\r\n\r\n @if (alert && (alert.title || alert.message)) {\r\n <mrx-alert\r\n [title]=\"alert.title || ''\"\r\n [message]=\"alert.message || ''\"\r\n [color]=\"alert.color || 'default'\"\r\n ></mrx-alert>\r\n }\r\n\r\n <div class=\"mrx-modal-body__content\">\r\n <ng-content></ng-content>\r\n\r\n @if (message) {\r\n <div class=\"mrx-modal-body__message\" [innerHTML]=\"message\"></div>\r\n }\r\n </div>\r\n </div>\r\n\r\n @if (enableFooter) {\r\n <div class=\"mrx-modal-footer\" [class]=\"alignButtonsClass\">\r\n @if (!footerContent) {\r\n <mrx-button\r\n [type]=\"'secondary'\"\r\n [color]=\"getButtonColor\"\r\n [size]=\"'medium'\"\r\n (click)=\"onClose()\"\r\n >{{closeText}}</mrx-button>\r\n\r\n <mrx-button\r\n [type]=\"'primary'\"\r\n [size]=\"'medium'\"\r\n [color]=\"getButtonColor\"\r\n [iconPosition]=\"iconPosition\"\r\n [isLoading]=\"isLoading\"\r\n (click)=\"onOk()\"\r\n >{{okText}}</mrx-button>\r\n } @else {\r\n <ng-container *ngTemplateOutlet=\"footerContent\"></ng-container>\r\n }\r\n </div>\r\n }\r\n</div>\r\n", styles: ["::ng-deep .mrx-modal>*{display:flex;align-items:center;justify-content:center;height:100%;width:100%}:host{margin:auto 0;width:100vw}.mrx-modal-content{margin:24px auto;background-color:#fff;border-radius:4px;position:relative;transition:opacity .5s ease-out;width:calc(100vw - 32px);max-height:calc(100vh - 48px);will-change:opacity;display:flex;flex-direction:column;text-align:left;overflow:hidden}::ng-deep .mrx-modal-backdrop.cdk-overlay-backdrop{height:100%;inset:0;overflow-x:hidden;overflow-y:auto;padding:0 16px;position:absolute;text-align:center;z-index:1000;display:block}::ng-deep .mrx-modal-backdrop.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{background-color:var(--neutral-bg-modal)}::ng-deep .mrx-modal.fade-anim{transition:opacity .4s ease-in-out;will-change:opacity;opacity:0}::ng-deep .mrx-modal.fade-anim.in{opacity:1}.mrx-modal-body{padding:var(--spacing-6, 24px) var(--spacing-4, 16px) var(--spacing-4, 16px);flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-4, 16px)}.mrx-modal-body .mrx-modal__back{font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);font-size:var(--body-md-font-size)}.mrx-modal-body__message{color:var(--neutral-text-primary);font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);font-size:var(--body-md-font-size)}.mrx-modal-content.type-default .mrx-modal-header{background:var(--brand-bg-primary-default);color:var(--neutral-icon-inverse)}.mrx-modal-content.type-default .mrx-modal-header .icon-close,.mrx-modal-content.type-default .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-default .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-default .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-inverse)}.mrx-modal-content.type-info .mrx-modal-header{background:var(--neutral-bg-island-default);color:var(--neutral-text-primary)}.mrx-modal-content.type-info .mrx-modal-header .icon-close,.mrx-modal-content.type-info .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-info .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-info .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-default)}.mrx-modal-content.type-attention .mrx-modal-header{background:var(--system-bg-controls-attention-default);color:var(--neutral-icon-inverse)}.mrx-modal-content.type-attention .mrx-modal-header .icon-close,.mrx-modal-content.type-attention .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-attention .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-attention .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-inverse)}.mrx-modal-content.type-negative .mrx-modal-header{background:var(--system-bg-controls-negative-default);color:var(--neutral-icon-inverse)}.mrx-modal-content.type-negative .mrx-modal-header .icon-close,.mrx-modal-content.type-negative .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-negative .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-negative .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-inverse)}.mrx-modal-content .mrx-modal__back{cursor:pointer;color:var(--brand-text-controls-default)}.mrx-modal-content .mrx-modal__back .mrx-icon{color:var(--brand-text-controls-default)}.mrx-modal-content .mrx-modal__back:hover,.mrx-modal-content .mrx-modal__back:hover .mrx-icon{color:var(--brand-text-controls-hover)}.mrx-modal-footer{align-items:center;display:flex;gap:var(--spacing-3, 12px);padding:var(--spacing-4, 16px) var(--spacing-6, 24px) var(--spacing-6, 24px) var(--spacing-6, 24px);border-top:1px solid var(--neutral-bg-divider)}.mrx-modal-header{padding:16px;position:relative;border-top-left-radius:4px;border-top-right-radius:4px}.mrx-modal-header .mrx-modal-title{font-family:var(--headlines-lvl-4-font-family);font-weight:var(--headlines-lvl-4-font-weight);line-height:var(--headlines-lvl-4-line-height);font-size:var(--headlines-lvl-4-font-size);text-align:center;text-transform:uppercase}.mrx-modal-header .icon-arrow-expand,.mrx-modal-header .icon-arrow-collapse{position:absolute;top:16px;right:48px;cursor:pointer}.mrx-modal-header .icon-arrow-expand:hover,.mrx-modal-header .icon-arrow-collapse:hover{transform:scale(1.1)}.mrx-modal-header .icon-close{position:absolute;top:16px;right:16px;cursor:pointer}.mrx-modal-header .icon-close:hover{transform:scale(1.1)}.mrx-modal-content.mrx-modal-sm{max-width:440px}.mrx-modal-content.mrx-modal-md{max-width:670px}.mrx-modal-content.mrx-modal-lg{max-width:904px}.mrx-modal-content.mrx-modal-extra-lg{max-width:1024px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ButtonComponent, selector: "mrx-button", inputs: ["size", "type", "color", "iconPosition", "active", "disabled", "isLoading", "iconOnly", "customClasses", "label", "icon", "iconClass", "buttonType", "href", "target", "routerLink", "queryParams"], outputs: ["mrxClick"] }, { kind: "component", type: AlertComponent, selector: "mrx-alert", inputs: ["customClasses", "color", "customColor", "message", "title", "closable", "showIcon"], outputs: ["close"] }], animations: [
|
|
2358
2361
|
trigger('animateExpand', [
|
|
2359
2362
|
state('open', style({
|
|
2360
2363
|
height: '100vh',
|
|
@@ -2481,6 +2484,7 @@ class SidePageComponent {
|
|
|
2481
2484
|
okText = 'Подтвердить';
|
|
2482
2485
|
closeText = 'Отменить';
|
|
2483
2486
|
isLoading = false;
|
|
2487
|
+
iconPosition = 'left';
|
|
2484
2488
|
// BackArrow
|
|
2485
2489
|
isBack = false;
|
|
2486
2490
|
backText = 'Назад';
|
|
@@ -2538,7 +2542,7 @@ class SidePageComponent {
|
|
|
2538
2542
|
}
|
|
2539
2543
|
}
|
|
2540
2544
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SidePageComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2541
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SidePageComponent, selector: "mrx-side-page", inputs: { title: "title", tooltip: "tooltip", tooltipMaxWidth: "tooltipMaxWidth", tooltipPosition: "tooltipPosition", isOpen: "isOpen", size: "size", position: "position", customClasses: "customClasses", enableHeader: "enableHeader", enableFooter: "enableFooter", headerSize: "headerSize", paddingTop: "paddingTop", okText: "okText", closeText: "closeText", isLoading: "isLoading", isBack: "isBack", backText: "backText", backRouterLink: "backRouterLink", backQueryParams: "backQueryParams", closeAfterLink: "closeAfterLink", invalid: "invalid", invalidMessage: "invalidMessage" }, outputs: { ok: "ok", close: "close", back: "back" }, queries: [{ propertyName: "headerTemplate", first: true, predicate: ["headerTemplate"], descendants: true }, { propertyName: "footerTemplate", first: true, predicate: ["footerTemplate"], descendants: true }], ngImport: i0, template: "<div\r\n class=\"mrx-side-page-content\"\r\n [class]=\"getClasses\"\r\n [style.top]=\"paddingTop\"\r\n [@animateExpand]=\"isOpen ? 'open' : 'closed'\"\r\n>\r\n @if (enableHeader) {\r\n @if (!headerTemplate) {\r\n <div class=\"mrx-side-page-header brdb\" [class]=\"getHeaderClasses\">\r\n <div class=\"mrx-side-page-header__content\">\r\n @if (isBack) {\r\n <mrx-breadcrumbs\r\n type=\"link\"\r\n customClasses=\"mb-2\"\r\n [item]=\"{\r\n text: backText,\r\n routerLink: backRouterLink,\r\n queryParams: backQueryParams,\r\n isShowArrow: true\r\n }\"\r\n (click)=\"closeModal()\"\r\n ></mrx-breadcrumbs>\r\n }\r\n\r\n <h2 class=\"mrx-side-page-header__content--title\">\r\n @if (title) {\r\n <span>{{ title }}</span>\r\n }\r\n\r\n @if (tooltip) {\r\n <span\r\n class=\"mrx-icon icon-info icon-font-16\"\r\n [mrxCdkTooltip]=\"tooltip\"\r\n [tooltipMaxWidth]=\"tooltipMaxWidth\"\r\n [tooltipPosition]=\"tooltipPosition\"\r\n ></span>\r\n }\r\n </h2>\r\n </div>\r\n\r\n <span class=\"mrx-icon icon-close\" (click)=\"onClose()\"></span>\r\n </div>\r\n } @else {\r\n <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\r\n }\r\n }\r\n\r\n <div class=\"mrx-side-page-body\">\r\n <ng-content></ng-content>\r\n </div>\r\n\r\n @if (enableFooter) {\r\n <div class=\"mrx-side-page-footer brdt\">\r\n @if (invalidMessage) {\r\n <mrx-error-message [invalid]=\"invalid\">{{ invalidMessage }}</mrx-error-message>\r\n }\r\n\r\n <div class=\"mrx-side-page-footer__controls\">\r\n @if (!footerTemplate) {\r\n <mrx-button\r\n [type]=\"'secondary'\"\r\n [color]=\"'default'\"\r\n [size]=\"'medium'\"\r\n (mrxClick)=\"onClose()\"\r\n >{{ closeText }}\r\n </mrx-button>\r\n\r\n <mrx-button\r\n [type]=\"'primary'\"\r\n [size]=\"'medium'\"\r\n [color]=\"'default'\"\r\n [isLoading]=\"isLoading\"\r\n (mrxClick)=\"onOk()\"\r\n >{{ okText }}\r\n </mrx-button>\r\n } @else {\r\n <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\r\n }\r\n </div>\r\n </div>\r\n }\r\n</div>\r\n", styles: [".mrx-side-page-content{display:flex;flex-direction:column;justify-content:space-between;max-width:100%;background-color:var(--brand-bg-tertiary-default, #FFF);box-shadow:0 1px 4px #3a3a3a4d}::ng-deep .mrx-side-page-backdrop.cdk-overlay-backdrop{height:100%;inset:0;overflow-x:hidden;overflow-y:auto;padding:0 16px;position:absolute;text-align:center;z-index:1000;display:block}::ng-deep .mrx-side-page-backdrop.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{background-color:var(--neutral-bg-modal)}.mrx-side-page-content.mrx-side-page--position-right{position:absolute;top:0;right:0;bottom:0}.mrx-side-page-content.mrx-side-page--position-left{position:absolute;top:0;left:0;bottom:0}.mrx-side-page--lg{width:620px}.mrx-side-page--md{width:400px}.mrx-side-page--sm{width:280px}@media (max-width: 576px){.mrx-side-page--lg,.mrx-side-page--md,.mrx-side-page--sm{width:100%}}.mrx-side-page-content.mrx-side-page--lg .mrx-side-page-header--sm{padding:16px 56px 16px 24px}.mrx-side-page-content.mrx-side-page--lg .mrx-side-page-header--sm .mrx-side-page-header__content--title{font-family:var(--headlines-lvl-3-font-family);font-weight:var(--headlines-lvl-3-font-weight);line-height:var(--headlines-lvl-3-line-height);font-size:var(--headlines-lvl-3-font-size)}.mrx-side-page-content.mrx-side-page--lg .mrx-side-page-header--sm .mrx-side-page-header__content--title span{display:inline}.mrx-side-page-content.mrx-side-page--lg .mrx-side-page-header--sm .mrx-side-page-header__content--title span.mrx-icon{margin-left:8px}.mrx-side-page-content.mrx-side-page--lg .mrx-side-page-header--sm .icon-close{top:calc(50% - 12px);right:16px;font-size:24px}.mrx-side-page-content.mrx-side-page--lg .mrx-side-page-header--lg{padding:24px 56px 24px 24px}.mrx-side-page-content.mrx-side-page--lg .mrx-side-page-header--lg .mrx-side-page-header__content--title{font-family:var(--headlines-lvl-3-font-family);font-weight:var(--headlines-lvl-3-font-weight);line-height:var(--headlines-lvl-3-line-height);font-size:var(--headlines-lvl-3-font-size)}.mrx-side-page-content.mrx-side-page--lg .mrx-side-page-header--lg .mrx-side-page-header__content--title span{display:inline}.mrx-side-page-content.mrx-side-page--lg .mrx-side-page-header--lg .mrx-side-page-header__content--title span.mrx-icon{margin-left:8px}.mrx-side-page-content.mrx-side-page--lg .mrx-side-page-header--lg .icon-close{top:16px;right:16px;font-size:24px}.mrx-side-page-content.mrx-side-page--md .mrx-side-page-header--sm{padding:16px 40px 16px 24px}.mrx-side-page-content.mrx-side-page--md .mrx-side-page-header--sm .mrx-side-page-header__content--title{font-family:var(--headlines-lvl-4-font-family);font-weight:var(--headlines-lvl-4-font-weight);line-height:var(--headlines-lvl-4-line-height);font-size:var(--headlines-lvl-4-font-size)}.mrx-side-page-content.mrx-side-page--md .mrx-side-page-header--sm .mrx-side-page-header__content--title span{display:inline}.mrx-side-page-content.mrx-side-page--md .mrx-side-page-header--sm .mrx-side-page-header__content--title span.mrx-icon{margin-left:8px}.mrx-side-page-content.mrx-side-page--md .mrx-side-page-header--sm .icon-close{top:calc(50% - 8px);right:16px;font-size:16px}.mrx-side-page-content.mrx-side-page--md .mrx-side-page-header--lg{padding:24px 56px 24px 24px}.mrx-side-page-content.mrx-side-page--md .mrx-side-page-header--lg .mrx-side-page-header__content--title{font-family:var(--headlines-lvl-5-font-family);font-weight:var(--headlines-lvl-5-font-weight);line-height:var(--headlines-lvl-5-line-height);font-size:var(--headlines-lvl-5-font-size)}.mrx-side-page-content.mrx-side-page--md .mrx-side-page-header--lg .mrx-side-page-header__content--title span{display:inline}.mrx-side-page-content.mrx-side-page--md .mrx-side-page-header--lg .mrx-side-page-header__content--title span.mrx-icon{margin-left:8px}.mrx-side-page-content.mrx-side-page--md .mrx-side-page-header--lg .icon-close{top:16px;right:16px;font-size:24px}.mrx-side-page-content.mrx-side-page--sm .mrx-side-page-header--sm{padding:16px 40px 16px 24px}.mrx-side-page-content.mrx-side-page--sm .mrx-side-page-header--sm .mrx-side-page-header__content--title{font-family:var(--headlines-lvl-4-font-family);font-weight:var(--headlines-lvl-4-font-weight);line-height:var(--headlines-lvl-4-line-height);font-size:var(--headlines-lvl-4-font-size)}.mrx-side-page-content.mrx-side-page--sm .mrx-side-page-header--sm .mrx-side-page-header__content--title span{display:inline}.mrx-side-page-content.mrx-side-page--sm .mrx-side-page-header--sm .mrx-side-page-header__content--title span.mrx-icon{margin-left:8px}.mrx-side-page-content.mrx-side-page--sm .mrx-side-page-header--sm .icon-close{top:calc(50% - 8px);right:16px;font-size:16px}.mrx-side-page-content.mrx-side-page--sm .mrx-side-page-header--lg{padding:24px 56px 24px 24px}.mrx-side-page-content.mrx-side-page--sm .mrx-side-page-header--lg .mrx-side-page-header__content--title{font-family:var(--headlines-lvl-5-font-family);font-weight:var(--headlines-lvl-5-font-weight);line-height:var(--headlines-lvl-5-line-height);font-size:var(--headlines-lvl-5-font-size)}.mrx-side-page-content.mrx-side-page--sm .mrx-side-page-header--lg .mrx-side-page-header__content--title span{display:inline}.mrx-side-page-content.mrx-side-page--sm .mrx-side-page-header--lg .mrx-side-page-header__content--title span.mrx-icon{margin-left:8px}.mrx-side-page-content.mrx-side-page--sm .mrx-side-page-header--lg .icon-close{top:16px;right:16px;font-size:24px}.mrx-side-page-content .mrx-side-page-header{position:relative;border-top-left-radius:4px;border-top-right-radius:4px}.mrx-side-page-content .mrx-side-page-header__content{display:flex;flex-direction:column;align-items:flex-start;min-height:24px}.mrx-side-page-content .mrx-side-page-header__content--title span{display:inline}.mrx-side-page-content .mrx-side-page-header__content--title span.mrx-icon{margin-left:8px}.mrx-side-page-content .mrx-side-page-header .icon-close{position:absolute;cursor:pointer}.mrx-side-page-content .mrx-side-page-header .icon-close:hover{transform:scale(1.1)}.mrx-side-page-footer{padding:24px;min-height:24px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.mrx-side-page-footer__controls{display:flex;align-items:center;justify-content:flex-start;gap:16px}.mrx-side-page-body{flex-grow:1}\n"], dependencies: [{ kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ButtonComponent, selector: "mrx-button", inputs: ["size", "type", "color", "iconPosition", "active", "disabled", "isLoading", "iconOnly", "customClasses", "label", "icon", "iconClass", "buttonType", "href", "target", "routerLink", "queryParams"], outputs: ["mrxClick"] }, { kind: "component", type: BreadcrumbsComponent, selector: "mrx-breadcrumbs", inputs: ["type", "items", "item", "customClasses"] }, { kind: "directive", type: CdkTooltipDirective, selector: "[mrxCdkTooltip]", inputs: ["mrxCdkTooltip", "tooltipActive", "autoCloseByScroll", "tooltipPosition", "tooltipMaxWidth"] }, { kind: "component", type: ErrorMessageComponent, selector: "mrx-error-message", inputs: ["invalid", "invalidMessage", "customClasses"] }], animations: [
|
|
2545
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SidePageComponent, selector: "mrx-side-page", inputs: { title: "title", tooltip: "tooltip", tooltipMaxWidth: "tooltipMaxWidth", tooltipPosition: "tooltipPosition", isOpen: "isOpen", size: "size", position: "position", customClasses: "customClasses", enableHeader: "enableHeader", enableFooter: "enableFooter", headerSize: "headerSize", paddingTop: "paddingTop", okText: "okText", closeText: "closeText", isLoading: "isLoading", iconPosition: "iconPosition", isBack: "isBack", backText: "backText", backRouterLink: "backRouterLink", backQueryParams: "backQueryParams", closeAfterLink: "closeAfterLink", invalid: "invalid", invalidMessage: "invalidMessage" }, outputs: { ok: "ok", close: "close", back: "back" }, queries: [{ propertyName: "headerTemplate", first: true, predicate: ["headerTemplate"], descendants: true }, { propertyName: "footerTemplate", first: true, predicate: ["footerTemplate"], descendants: true }], ngImport: i0, template: "<div\r\n class=\"mrx-side-page-content\"\r\n [class]=\"getClasses\"\r\n [style.top]=\"paddingTop\"\r\n [@animateExpand]=\"isOpen ? 'open' : 'closed'\"\r\n>\r\n @if (enableHeader) {\r\n @if (!headerTemplate) {\r\n <div class=\"mrx-side-page-header brdb\" [class]=\"getHeaderClasses\">\r\n <div class=\"mrx-side-page-header__content\">\r\n @if (isBack) {\r\n <mrx-breadcrumbs\r\n type=\"link\"\r\n customClasses=\"mb-2\"\r\n [item]=\"{\r\n text: backText,\r\n routerLink: backRouterLink,\r\n queryParams: backQueryParams,\r\n isShowArrow: true\r\n }\"\r\n (click)=\"closeModal()\"\r\n ></mrx-breadcrumbs>\r\n }\r\n\r\n <h2 class=\"mrx-side-page-header__content--title\">\r\n @if (title) {\r\n <span>{{ title }}</span>\r\n }\r\n\r\n @if (tooltip) {\r\n <span\r\n class=\"mrx-icon icon-info icon-font-16\"\r\n [mrxCdkTooltip]=\"tooltip\"\r\n [tooltipMaxWidth]=\"tooltipMaxWidth\"\r\n [tooltipPosition]=\"tooltipPosition\"\r\n ></span>\r\n }\r\n </h2>\r\n </div>\r\n\r\n <span class=\"mrx-icon icon-close\" (click)=\"onClose()\"></span>\r\n </div>\r\n } @else {\r\n <ng-container\r\n [ngTemplateOutlet]=\"headerTemplate\"\r\n [ngTemplateOutletContext]=\"{okFn: onOk, closeFn: onClose}\"\r\n ></ng-container>\r\n }\r\n }\r\n\r\n <div class=\"mrx-side-page-body\">\r\n <ng-content></ng-content>\r\n </div>\r\n\r\n @if (enableFooter) {\r\n <div class=\"mrx-side-page-footer brdt\">\r\n @if (invalidMessage) {\r\n <mrx-error-message [invalid]=\"invalid\">{{ invalidMessage }}</mrx-error-message>\r\n }\r\n\r\n <div class=\"mrx-side-page-footer__controls\">\r\n @if (!footerTemplate) {\r\n <mrx-button\r\n [type]=\"'secondary'\"\r\n [color]=\"'default'\"\r\n [size]=\"'medium'\"\r\n (mrxClick)=\"onClose()\"\r\n >\r\n {{ closeText }}\r\n </mrx-button>\r\n\r\n <mrx-button\r\n [type]=\"'primary'\"\r\n [size]=\"'medium'\"\r\n [color]=\"'default'\"\r\n [iconPosition]=\"iconPosition\"\r\n [isLoading]=\"isLoading\"\r\n (mrxClick)=\"onOk()\"\r\n >\r\n {{ okText }}\r\n </mrx-button>\r\n } @else {\r\n <ng-container\r\n [ngTemplateOutlet]=\"footerTemplate\"\r\n [ngTemplateOutletContext]=\"{okFn: onOk, closeFn: onClose}\"\r\n ></ng-container>\r\n }\r\n </div>\r\n </div>\r\n }\r\n</div>\r\n", styles: [".mrx-side-page-content{display:flex;flex-direction:column;justify-content:space-between;max-width:100%;background-color:var(--brand-bg-tertiary-default, #FFF);box-shadow:0 1px 4px #3a3a3a4d}::ng-deep .mrx-side-page-backdrop.cdk-overlay-backdrop{height:100%;inset:0;overflow-x:hidden;overflow-y:auto;padding:0 16px;position:absolute;text-align:center;z-index:1000;display:block}::ng-deep .mrx-side-page-backdrop.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{background-color:var(--neutral-bg-modal)}.mrx-side-page-content.mrx-side-page--position-right{position:absolute;top:0;right:0;bottom:0}.mrx-side-page-content.mrx-side-page--position-left{position:absolute;top:0;left:0;bottom:0}.mrx-side-page--lg{width:620px}.mrx-side-page--md{width:400px}.mrx-side-page--sm{width:280px}@media (max-width: 576px){.mrx-side-page--lg,.mrx-side-page--md,.mrx-side-page--sm{width:100%}}.mrx-side-page-content.mrx-side-page--lg .mrx-side-page-header--sm{padding:16px 56px 16px 24px}.mrx-side-page-content.mrx-side-page--lg .mrx-side-page-header--sm .mrx-side-page-header__content--title{font-family:var(--headlines-lvl-3-font-family);font-weight:var(--headlines-lvl-3-font-weight);line-height:var(--headlines-lvl-3-line-height);font-size:var(--headlines-lvl-3-font-size)}.mrx-side-page-content.mrx-side-page--lg .mrx-side-page-header--sm .mrx-side-page-header__content--title span{display:inline}.mrx-side-page-content.mrx-side-page--lg .mrx-side-page-header--sm .mrx-side-page-header__content--title span.mrx-icon{margin-left:8px}.mrx-side-page-content.mrx-side-page--lg .mrx-side-page-header--sm .icon-close{top:calc(50% - 12px);right:16px;font-size:24px}.mrx-side-page-content.mrx-side-page--lg .mrx-side-page-header--lg{padding:24px 56px 24px 24px}.mrx-side-page-content.mrx-side-page--lg .mrx-side-page-header--lg .mrx-side-page-header__content--title{font-family:var(--headlines-lvl-3-font-family);font-weight:var(--headlines-lvl-3-font-weight);line-height:var(--headlines-lvl-3-line-height);font-size:var(--headlines-lvl-3-font-size)}.mrx-side-page-content.mrx-side-page--lg .mrx-side-page-header--lg .mrx-side-page-header__content--title span{display:inline}.mrx-side-page-content.mrx-side-page--lg .mrx-side-page-header--lg .mrx-side-page-header__content--title span.mrx-icon{margin-left:8px}.mrx-side-page-content.mrx-side-page--lg .mrx-side-page-header--lg .icon-close{top:16px;right:16px;font-size:24px}.mrx-side-page-content.mrx-side-page--md .mrx-side-page-header--sm{padding:16px 40px 16px 24px}.mrx-side-page-content.mrx-side-page--md .mrx-side-page-header--sm .mrx-side-page-header__content--title{font-family:var(--headlines-lvl-4-font-family);font-weight:var(--headlines-lvl-4-font-weight);line-height:var(--headlines-lvl-4-line-height);font-size:var(--headlines-lvl-4-font-size)}.mrx-side-page-content.mrx-side-page--md .mrx-side-page-header--sm .mrx-side-page-header__content--title span{display:inline}.mrx-side-page-content.mrx-side-page--md .mrx-side-page-header--sm .mrx-side-page-header__content--title span.mrx-icon{margin-left:8px}.mrx-side-page-content.mrx-side-page--md .mrx-side-page-header--sm .icon-close{top:calc(50% - 8px);right:16px;font-size:16px}.mrx-side-page-content.mrx-side-page--md .mrx-side-page-header--lg{padding:24px 56px 24px 24px}.mrx-side-page-content.mrx-side-page--md .mrx-side-page-header--lg .mrx-side-page-header__content--title{font-family:var(--headlines-lvl-5-font-family);font-weight:var(--headlines-lvl-5-font-weight);line-height:var(--headlines-lvl-5-line-height);font-size:var(--headlines-lvl-5-font-size)}.mrx-side-page-content.mrx-side-page--md .mrx-side-page-header--lg .mrx-side-page-header__content--title span{display:inline}.mrx-side-page-content.mrx-side-page--md .mrx-side-page-header--lg .mrx-side-page-header__content--title span.mrx-icon{margin-left:8px}.mrx-side-page-content.mrx-side-page--md .mrx-side-page-header--lg .icon-close{top:16px;right:16px;font-size:24px}.mrx-side-page-content.mrx-side-page--sm .mrx-side-page-header--sm{padding:16px 40px 16px 24px}.mrx-side-page-content.mrx-side-page--sm .mrx-side-page-header--sm .mrx-side-page-header__content--title{font-family:var(--headlines-lvl-4-font-family);font-weight:var(--headlines-lvl-4-font-weight);line-height:var(--headlines-lvl-4-line-height);font-size:var(--headlines-lvl-4-font-size)}.mrx-side-page-content.mrx-side-page--sm .mrx-side-page-header--sm .mrx-side-page-header__content--title span{display:inline}.mrx-side-page-content.mrx-side-page--sm .mrx-side-page-header--sm .mrx-side-page-header__content--title span.mrx-icon{margin-left:8px}.mrx-side-page-content.mrx-side-page--sm .mrx-side-page-header--sm .icon-close{top:calc(50% - 8px);right:16px;font-size:16px}.mrx-side-page-content.mrx-side-page--sm .mrx-side-page-header--lg{padding:24px 56px 24px 24px}.mrx-side-page-content.mrx-side-page--sm .mrx-side-page-header--lg .mrx-side-page-header__content--title{font-family:var(--headlines-lvl-5-font-family);font-weight:var(--headlines-lvl-5-font-weight);line-height:var(--headlines-lvl-5-line-height);font-size:var(--headlines-lvl-5-font-size)}.mrx-side-page-content.mrx-side-page--sm .mrx-side-page-header--lg .mrx-side-page-header__content--title span{display:inline}.mrx-side-page-content.mrx-side-page--sm .mrx-side-page-header--lg .mrx-side-page-header__content--title span.mrx-icon{margin-left:8px}.mrx-side-page-content.mrx-side-page--sm .mrx-side-page-header--lg .icon-close{top:16px;right:16px;font-size:24px}.mrx-side-page-content .mrx-side-page-header{position:relative;border-top-left-radius:4px;border-top-right-radius:4px}.mrx-side-page-content .mrx-side-page-header__content{display:flex;flex-direction:column;align-items:flex-start;min-height:24px}.mrx-side-page-content .mrx-side-page-header__content--title span{display:inline}.mrx-side-page-content .mrx-side-page-header__content--title span.mrx-icon{margin-left:8px}.mrx-side-page-content .mrx-side-page-header .icon-close{position:absolute;cursor:pointer}.mrx-side-page-content .mrx-side-page-header .icon-close:hover{transform:scale(1.1)}.mrx-side-page-footer{padding:24px;min-height:24px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.mrx-side-page-footer__controls{display:flex;align-items:center;justify-content:flex-start;gap:16px}.mrx-side-page-body{flex-grow:1}\n"], dependencies: [{ kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ButtonComponent, selector: "mrx-button", inputs: ["size", "type", "color", "iconPosition", "active", "disabled", "isLoading", "iconOnly", "customClasses", "label", "icon", "iconClass", "buttonType", "href", "target", "routerLink", "queryParams"], outputs: ["mrxClick"] }, { kind: "component", type: BreadcrumbsComponent, selector: "mrx-breadcrumbs", inputs: ["type", "items", "item", "customClasses"] }, { kind: "directive", type: CdkTooltipDirective, selector: "[mrxCdkTooltip]", inputs: ["mrxCdkTooltip", "tooltipActive", "autoCloseByScroll", "tooltipPosition", "tooltipMaxWidth"] }, { kind: "component", type: ErrorMessageComponent, selector: "mrx-error-message", inputs: ["invalid", "invalidMessage", "customClasses"] }], animations: [
|
|
2542
2546
|
trigger('animateExpand', [
|
|
2543
2547
|
state('open', style({
|
|
2544
2548
|
transform: 'translateX(0)'
|
|
@@ -2564,7 +2568,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2564
2568
|
transition('open => closed', [animate('0.5s ease')]),
|
|
2565
2569
|
transition('closed => open', [animate('0.5s ease')]),
|
|
2566
2570
|
]),
|
|
2567
|
-
], template: "<div\r\n class=\"mrx-side-page-content\"\r\n [class]=\"getClasses\"\r\n [style.top]=\"paddingTop\"\r\n [@animateExpand]=\"isOpen ? 'open' : 'closed'\"\r\n>\r\n @if (enableHeader) {\r\n @if (!headerTemplate) {\r\n <div class=\"mrx-side-page-header brdb\" [class]=\"getHeaderClasses\">\r\n <div class=\"mrx-side-page-header__content\">\r\n @if (isBack) {\r\n <mrx-breadcrumbs\r\n type=\"link\"\r\n customClasses=\"mb-2\"\r\n [item]=\"{\r\n text: backText,\r\n routerLink: backRouterLink,\r\n queryParams: backQueryParams,\r\n isShowArrow: true\r\n }\"\r\n (click)=\"closeModal()\"\r\n ></mrx-breadcrumbs>\r\n }\r\n\r\n <h2 class=\"mrx-side-page-header__content--title\">\r\n @if (title) {\r\n <span>{{ title }}</span>\r\n }\r\n\r\n @if (tooltip) {\r\n <span\r\n class=\"mrx-icon icon-info icon-font-16\"\r\n [mrxCdkTooltip]=\"tooltip\"\r\n [tooltipMaxWidth]=\"tooltipMaxWidth\"\r\n [tooltipPosition]=\"tooltipPosition\"\r\n ></span>\r\n }\r\n </h2>\r\n </div>\r\n\r\n <span class=\"mrx-icon icon-close\" (click)=\"onClose()\"></span>\r\n </div>\r\n } @else {\r\n <ng-container
|
|
2571
|
+
], template: "<div\r\n class=\"mrx-side-page-content\"\r\n [class]=\"getClasses\"\r\n [style.top]=\"paddingTop\"\r\n [@animateExpand]=\"isOpen ? 'open' : 'closed'\"\r\n>\r\n @if (enableHeader) {\r\n @if (!headerTemplate) {\r\n <div class=\"mrx-side-page-header brdb\" [class]=\"getHeaderClasses\">\r\n <div class=\"mrx-side-page-header__content\">\r\n @if (isBack) {\r\n <mrx-breadcrumbs\r\n type=\"link\"\r\n customClasses=\"mb-2\"\r\n [item]=\"{\r\n text: backText,\r\n routerLink: backRouterLink,\r\n queryParams: backQueryParams,\r\n isShowArrow: true\r\n }\"\r\n (click)=\"closeModal()\"\r\n ></mrx-breadcrumbs>\r\n }\r\n\r\n <h2 class=\"mrx-side-page-header__content--title\">\r\n @if (title) {\r\n <span>{{ title }}</span>\r\n }\r\n\r\n @if (tooltip) {\r\n <span\r\n class=\"mrx-icon icon-info icon-font-16\"\r\n [mrxCdkTooltip]=\"tooltip\"\r\n [tooltipMaxWidth]=\"tooltipMaxWidth\"\r\n [tooltipPosition]=\"tooltipPosition\"\r\n ></span>\r\n }\r\n </h2>\r\n </div>\r\n\r\n <span class=\"mrx-icon icon-close\" (click)=\"onClose()\"></span>\r\n </div>\r\n } @else {\r\n <ng-container\r\n [ngTemplateOutlet]=\"headerTemplate\"\r\n [ngTemplateOutletContext]=\"{okFn: onOk, closeFn: onClose}\"\r\n ></ng-container>\r\n }\r\n }\r\n\r\n <div class=\"mrx-side-page-body\">\r\n <ng-content></ng-content>\r\n </div>\r\n\r\n @if (enableFooter) {\r\n <div class=\"mrx-side-page-footer brdt\">\r\n @if (invalidMessage) {\r\n <mrx-error-message [invalid]=\"invalid\">{{ invalidMessage }}</mrx-error-message>\r\n }\r\n\r\n <div class=\"mrx-side-page-footer__controls\">\r\n @if (!footerTemplate) {\r\n <mrx-button\r\n [type]=\"'secondary'\"\r\n [color]=\"'default'\"\r\n [size]=\"'medium'\"\r\n (mrxClick)=\"onClose()\"\r\n >\r\n {{ closeText }}\r\n </mrx-button>\r\n\r\n <mrx-button\r\n [type]=\"'primary'\"\r\n [size]=\"'medium'\"\r\n [color]=\"'default'\"\r\n [iconPosition]=\"iconPosition\"\r\n [isLoading]=\"isLoading\"\r\n (mrxClick)=\"onOk()\"\r\n >\r\n {{ okText }}\r\n </mrx-button>\r\n } @else {\r\n <ng-container\r\n [ngTemplateOutlet]=\"footerTemplate\"\r\n [ngTemplateOutletContext]=\"{okFn: onOk, closeFn: onClose}\"\r\n ></ng-container>\r\n }\r\n </div>\r\n </div>\r\n }\r\n</div>\r\n", styles: [".mrx-side-page-content{display:flex;flex-direction:column;justify-content:space-between;max-width:100%;background-color:var(--brand-bg-tertiary-default, #FFF);box-shadow:0 1px 4px #3a3a3a4d}::ng-deep .mrx-side-page-backdrop.cdk-overlay-backdrop{height:100%;inset:0;overflow-x:hidden;overflow-y:auto;padding:0 16px;position:absolute;text-align:center;z-index:1000;display:block}::ng-deep .mrx-side-page-backdrop.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{background-color:var(--neutral-bg-modal)}.mrx-side-page-content.mrx-side-page--position-right{position:absolute;top:0;right:0;bottom:0}.mrx-side-page-content.mrx-side-page--position-left{position:absolute;top:0;left:0;bottom:0}.mrx-side-page--lg{width:620px}.mrx-side-page--md{width:400px}.mrx-side-page--sm{width:280px}@media (max-width: 576px){.mrx-side-page--lg,.mrx-side-page--md,.mrx-side-page--sm{width:100%}}.mrx-side-page-content.mrx-side-page--lg .mrx-side-page-header--sm{padding:16px 56px 16px 24px}.mrx-side-page-content.mrx-side-page--lg .mrx-side-page-header--sm .mrx-side-page-header__content--title{font-family:var(--headlines-lvl-3-font-family);font-weight:var(--headlines-lvl-3-font-weight);line-height:var(--headlines-lvl-3-line-height);font-size:var(--headlines-lvl-3-font-size)}.mrx-side-page-content.mrx-side-page--lg .mrx-side-page-header--sm .mrx-side-page-header__content--title span{display:inline}.mrx-side-page-content.mrx-side-page--lg .mrx-side-page-header--sm .mrx-side-page-header__content--title span.mrx-icon{margin-left:8px}.mrx-side-page-content.mrx-side-page--lg .mrx-side-page-header--sm .icon-close{top:calc(50% - 12px);right:16px;font-size:24px}.mrx-side-page-content.mrx-side-page--lg .mrx-side-page-header--lg{padding:24px 56px 24px 24px}.mrx-side-page-content.mrx-side-page--lg .mrx-side-page-header--lg .mrx-side-page-header__content--title{font-family:var(--headlines-lvl-3-font-family);font-weight:var(--headlines-lvl-3-font-weight);line-height:var(--headlines-lvl-3-line-height);font-size:var(--headlines-lvl-3-font-size)}.mrx-side-page-content.mrx-side-page--lg .mrx-side-page-header--lg .mrx-side-page-header__content--title span{display:inline}.mrx-side-page-content.mrx-side-page--lg .mrx-side-page-header--lg .mrx-side-page-header__content--title span.mrx-icon{margin-left:8px}.mrx-side-page-content.mrx-side-page--lg .mrx-side-page-header--lg .icon-close{top:16px;right:16px;font-size:24px}.mrx-side-page-content.mrx-side-page--md .mrx-side-page-header--sm{padding:16px 40px 16px 24px}.mrx-side-page-content.mrx-side-page--md .mrx-side-page-header--sm .mrx-side-page-header__content--title{font-family:var(--headlines-lvl-4-font-family);font-weight:var(--headlines-lvl-4-font-weight);line-height:var(--headlines-lvl-4-line-height);font-size:var(--headlines-lvl-4-font-size)}.mrx-side-page-content.mrx-side-page--md .mrx-side-page-header--sm .mrx-side-page-header__content--title span{display:inline}.mrx-side-page-content.mrx-side-page--md .mrx-side-page-header--sm .mrx-side-page-header__content--title span.mrx-icon{margin-left:8px}.mrx-side-page-content.mrx-side-page--md .mrx-side-page-header--sm .icon-close{top:calc(50% - 8px);right:16px;font-size:16px}.mrx-side-page-content.mrx-side-page--md .mrx-side-page-header--lg{padding:24px 56px 24px 24px}.mrx-side-page-content.mrx-side-page--md .mrx-side-page-header--lg .mrx-side-page-header__content--title{font-family:var(--headlines-lvl-5-font-family);font-weight:var(--headlines-lvl-5-font-weight);line-height:var(--headlines-lvl-5-line-height);font-size:var(--headlines-lvl-5-font-size)}.mrx-side-page-content.mrx-side-page--md .mrx-side-page-header--lg .mrx-side-page-header__content--title span{display:inline}.mrx-side-page-content.mrx-side-page--md .mrx-side-page-header--lg .mrx-side-page-header__content--title span.mrx-icon{margin-left:8px}.mrx-side-page-content.mrx-side-page--md .mrx-side-page-header--lg .icon-close{top:16px;right:16px;font-size:24px}.mrx-side-page-content.mrx-side-page--sm .mrx-side-page-header--sm{padding:16px 40px 16px 24px}.mrx-side-page-content.mrx-side-page--sm .mrx-side-page-header--sm .mrx-side-page-header__content--title{font-family:var(--headlines-lvl-4-font-family);font-weight:var(--headlines-lvl-4-font-weight);line-height:var(--headlines-lvl-4-line-height);font-size:var(--headlines-lvl-4-font-size)}.mrx-side-page-content.mrx-side-page--sm .mrx-side-page-header--sm .mrx-side-page-header__content--title span{display:inline}.mrx-side-page-content.mrx-side-page--sm .mrx-side-page-header--sm .mrx-side-page-header__content--title span.mrx-icon{margin-left:8px}.mrx-side-page-content.mrx-side-page--sm .mrx-side-page-header--sm .icon-close{top:calc(50% - 8px);right:16px;font-size:16px}.mrx-side-page-content.mrx-side-page--sm .mrx-side-page-header--lg{padding:24px 56px 24px 24px}.mrx-side-page-content.mrx-side-page--sm .mrx-side-page-header--lg .mrx-side-page-header__content--title{font-family:var(--headlines-lvl-5-font-family);font-weight:var(--headlines-lvl-5-font-weight);line-height:var(--headlines-lvl-5-line-height);font-size:var(--headlines-lvl-5-font-size)}.mrx-side-page-content.mrx-side-page--sm .mrx-side-page-header--lg .mrx-side-page-header__content--title span{display:inline}.mrx-side-page-content.mrx-side-page--sm .mrx-side-page-header--lg .mrx-side-page-header__content--title span.mrx-icon{margin-left:8px}.mrx-side-page-content.mrx-side-page--sm .mrx-side-page-header--lg .icon-close{top:16px;right:16px;font-size:24px}.mrx-side-page-content .mrx-side-page-header{position:relative;border-top-left-radius:4px;border-top-right-radius:4px}.mrx-side-page-content .mrx-side-page-header__content{display:flex;flex-direction:column;align-items:flex-start;min-height:24px}.mrx-side-page-content .mrx-side-page-header__content--title span{display:inline}.mrx-side-page-content .mrx-side-page-header__content--title span.mrx-icon{margin-left:8px}.mrx-side-page-content .mrx-side-page-header .icon-close{position:absolute;cursor:pointer}.mrx-side-page-content .mrx-side-page-header .icon-close:hover{transform:scale(1.1)}.mrx-side-page-footer{padding:24px;min-height:24px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.mrx-side-page-footer__controls{display:flex;align-items:center;justify-content:flex-start;gap:16px}.mrx-side-page-body{flex-grow:1}\n"] }]
|
|
2568
2572
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { title: [{
|
|
2569
2573
|
type: Input
|
|
2570
2574
|
}], tooltip: [{
|
|
@@ -2595,6 +2599,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2595
2599
|
type: Input
|
|
2596
2600
|
}], isLoading: [{
|
|
2597
2601
|
type: Input
|
|
2602
|
+
}], iconPosition: [{
|
|
2603
|
+
type: Input
|
|
2598
2604
|
}], isBack: [{
|
|
2599
2605
|
type: Input
|
|
2600
2606
|
}], backText: [{
|
|
@@ -3597,6 +3603,157 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
3597
3603
|
}]
|
|
3598
3604
|
}] });
|
|
3599
3605
|
|
|
3606
|
+
var NotifyType;
|
|
3607
|
+
(function (NotifyType) {
|
|
3608
|
+
NotifyType["Positive"] = "positive";
|
|
3609
|
+
NotifyType["Negative"] = "negative";
|
|
3610
|
+
NotifyType["Info"] = "info";
|
|
3611
|
+
NotifyType["Attention"] = "attention";
|
|
3612
|
+
})(NotifyType || (NotifyType = {}));
|
|
3613
|
+
|
|
3614
|
+
var NotifyPosition;
|
|
3615
|
+
(function (NotifyPosition) {
|
|
3616
|
+
NotifyPosition["TopLeft"] = "top-left";
|
|
3617
|
+
NotifyPosition["TopRight"] = "top-right";
|
|
3618
|
+
NotifyPosition["BottomLeft"] = "bottom-left";
|
|
3619
|
+
NotifyPosition["BottomRight"] = "bottom-right";
|
|
3620
|
+
})(NotifyPosition || (NotifyPosition = {}));
|
|
3621
|
+
|
|
3622
|
+
class NotifyComponent {
|
|
3623
|
+
config = { title: '', message: '', type: NotifyType.Info };
|
|
3624
|
+
NotifyType = NotifyType;
|
|
3625
|
+
close = new EventEmitter();
|
|
3626
|
+
pause = new EventEmitter();
|
|
3627
|
+
resume = new EventEmitter();
|
|
3628
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotifyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3629
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: NotifyComponent, isStandalone: true, selector: "app-notification", ngImport: i0, template: "<div class=\"mrx-notify-body\" [class]=\"config.type\" (mouseenter)=\"pause.emit()\" (mouseleave)=\"resume.emit()\">\r\n <div class=\"mrx-notify-body__icon\">\r\n @switch (config.type) {\r\n @case (NotifyType.Positive) {\r\n <span class=\"mrx-icon icon-check color-positive icon-font-16\"></span>\r\n }\r\n @case (NotifyType.Negative) {\r\n <span class=\"mrx-icon icon-close color-negative icon-font-16\"></span>\r\n }\r\n @case (NotifyType.Attention) {\r\n <span class=\"mrx-icon icon-attention color-attention icon-font-16\"></span>\r\n }\r\n @default {\r\n <span class=\"mrx-icon icon-info color-info icon-font-16\"></span>\r\n }\r\n }\r\n </div>\r\n <div class=\"mrx-notify-body__content\">\r\n <div class=\"mrx-notify-body__content--title\">{{ config.title }}</div>\r\n\r\n @if (config.message) {\r\n @if (!config.options?.enableHtml) {\r\n <div class=\"mrx-notify-body__content--text\">{{ config.message }}</div>\r\n } @else {\r\n <div class=\"mrx-notify-body__content--text\" [innerHTML]=\"config.message | safe\"></div>\r\n }\r\n }\r\n </div>\r\n\r\n @if (config.options?.closeButton) {\r\n <span (click)=\"close.emit()\" class=\"mrx-icon icon-close icon-font-16 mrx-notify-body__close\"></span>\r\n }\r\n</div>\r\n", styles: [".mrx-notify-body{position:relative;display:flex;align-items:center;gap:var(--spacing-2, 8px);pointer-events:auto;border-radius:var(--border-radius-1, 4px);box-shadow:0 1px 4px #3a3a3a4d;width:300px;max-width:calc(100vw - 32px);min-height:56px;padding:var(--spacing-4, 16px) var(--spacing-6, 24px) var(--spacing-4, 16px) var(--spacing-4, 16px);margin:10px 0}.mrx-notify-body__icon{display:flex;align-items:center;justify-content:center;width:24px;min-width:24px;height:24px;min-height:24px;border-radius:50%;background:#fff}.mrx-notify-body__content{display:flex;flex-direction:column;gap:var(--spacing-1, 4px);width:100%}.mrx-notify-body__content--title{font-family:var(--body-md-bold-font-family, \"PT Sans\");font-size:var(--body-md-bold-font-size, 14px);font-weight:var(--body-md-bold-font-weight, 700);line-height:var(--body-md-bold-line-height, 16px)}.mrx-notify-body__content--text{font-family:var(--body-md-font-family, \"PT Sans\");font-size:var(--body-md-font-size, 14px);font-weight:var(--body-md-font-weight, 400);line-height:var(--body-md-line-height, 20px)}.mrx-notify-body__close{position:absolute;top:8px;right:8px;color:#fff;cursor:pointer}.info{background-color:var(--brand-toast-info-bg-default, #BED6F1)}.info .mrx-notify-body__icon,.info .mrx-notify-body__content--title,.info .mrx-notify-body__content--text,.info .mrx-notify-body__content--close{color:var(--neutral-text-primary, #262626)}.positive{background-color:var(--system-bg-controls-positive-default, #108E3A)}.positive .mrx-notify-body__icon{color:var(--system-icon-positive, #2DA454)}.positive .mrx-notify-body__content--title,.positive .mrx-notify-body__content--text,.positive .mrx-notify-body__content--close{color:var(--neutral-text-inverse, #FFF)}.negative{background-color:var(--system-bg-controls-negative-default, #B83B15)}.negative .mrx-notify-body__icon{color:var(--system-icon-negative, #C65836)}.negative .mrx-notify-body__content--title,.negative .mrx-notify-body__content--text,.negative .mrx-notify-body__content--close{color:var(--neutral-text-inverse, #FFF)}.attention{background-color:var(--system-bg-controls-attention-default, #CC6E07)}.attention .mrx-notify-body__icon{color:var(--system-icon-attention, #D97508)}.attention .mrx-notify-body__content--title,.attention .mrx-notify-body__content--text,.attention .mrx-notify-body__content--close{color:var(--neutral-text-inverse, #FFF)}\n"], dependencies: [{ kind: "ngmodule", type: SafeModule }, { kind: "pipe", type: SafePipe, name: "safe" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3630
|
+
}
|
|
3631
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotifyComponent, decorators: [{
|
|
3632
|
+
type: Component,
|
|
3633
|
+
args: [{ standalone: true, selector: 'app-notification', imports: [
|
|
3634
|
+
SafeModule
|
|
3635
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-notify-body\" [class]=\"config.type\" (mouseenter)=\"pause.emit()\" (mouseleave)=\"resume.emit()\">\r\n <div class=\"mrx-notify-body__icon\">\r\n @switch (config.type) {\r\n @case (NotifyType.Positive) {\r\n <span class=\"mrx-icon icon-check color-positive icon-font-16\"></span>\r\n }\r\n @case (NotifyType.Negative) {\r\n <span class=\"mrx-icon icon-close color-negative icon-font-16\"></span>\r\n }\r\n @case (NotifyType.Attention) {\r\n <span class=\"mrx-icon icon-attention color-attention icon-font-16\"></span>\r\n }\r\n @default {\r\n <span class=\"mrx-icon icon-info color-info icon-font-16\"></span>\r\n }\r\n }\r\n </div>\r\n <div class=\"mrx-notify-body__content\">\r\n <div class=\"mrx-notify-body__content--title\">{{ config.title }}</div>\r\n\r\n @if (config.message) {\r\n @if (!config.options?.enableHtml) {\r\n <div class=\"mrx-notify-body__content--text\">{{ config.message }}</div>\r\n } @else {\r\n <div class=\"mrx-notify-body__content--text\" [innerHTML]=\"config.message | safe\"></div>\r\n }\r\n }\r\n </div>\r\n\r\n @if (config.options?.closeButton) {\r\n <span (click)=\"close.emit()\" class=\"mrx-icon icon-close icon-font-16 mrx-notify-body__close\"></span>\r\n }\r\n</div>\r\n", styles: [".mrx-notify-body{position:relative;display:flex;align-items:center;gap:var(--spacing-2, 8px);pointer-events:auto;border-radius:var(--border-radius-1, 4px);box-shadow:0 1px 4px #3a3a3a4d;width:300px;max-width:calc(100vw - 32px);min-height:56px;padding:var(--spacing-4, 16px) var(--spacing-6, 24px) var(--spacing-4, 16px) var(--spacing-4, 16px);margin:10px 0}.mrx-notify-body__icon{display:flex;align-items:center;justify-content:center;width:24px;min-width:24px;height:24px;min-height:24px;border-radius:50%;background:#fff}.mrx-notify-body__content{display:flex;flex-direction:column;gap:var(--spacing-1, 4px);width:100%}.mrx-notify-body__content--title{font-family:var(--body-md-bold-font-family, \"PT Sans\");font-size:var(--body-md-bold-font-size, 14px);font-weight:var(--body-md-bold-font-weight, 700);line-height:var(--body-md-bold-line-height, 16px)}.mrx-notify-body__content--text{font-family:var(--body-md-font-family, \"PT Sans\");font-size:var(--body-md-font-size, 14px);font-weight:var(--body-md-font-weight, 400);line-height:var(--body-md-line-height, 20px)}.mrx-notify-body__close{position:absolute;top:8px;right:8px;color:#fff;cursor:pointer}.info{background-color:var(--brand-toast-info-bg-default, #BED6F1)}.info .mrx-notify-body__icon,.info .mrx-notify-body__content--title,.info .mrx-notify-body__content--text,.info .mrx-notify-body__content--close{color:var(--neutral-text-primary, #262626)}.positive{background-color:var(--system-bg-controls-positive-default, #108E3A)}.positive .mrx-notify-body__icon{color:var(--system-icon-positive, #2DA454)}.positive .mrx-notify-body__content--title,.positive .mrx-notify-body__content--text,.positive .mrx-notify-body__content--close{color:var(--neutral-text-inverse, #FFF)}.negative{background-color:var(--system-bg-controls-negative-default, #B83B15)}.negative .mrx-notify-body__icon{color:var(--system-icon-negative, #C65836)}.negative .mrx-notify-body__content--title,.negative .mrx-notify-body__content--text,.negative .mrx-notify-body__content--close{color:var(--neutral-text-inverse, #FFF)}.attention{background-color:var(--system-bg-controls-attention-default, #CC6E07)}.attention .mrx-notify-body__icon{color:var(--system-icon-attention, #D97508)}.attention .mrx-notify-body__content--title,.attention .mrx-notify-body__content--text,.attention .mrx-notify-body__content--close{color:var(--neutral-text-inverse, #FFF)}\n"] }]
|
|
3636
|
+
}] });
|
|
3637
|
+
|
|
3638
|
+
class NotificationService {
|
|
3639
|
+
_appRef = inject(ApplicationRef);
|
|
3640
|
+
_environmentInjector = inject(EnvironmentInjector);
|
|
3641
|
+
_defaultDuration = 5000;
|
|
3642
|
+
_defaultPosition = NotifyPosition.BottomRight;
|
|
3643
|
+
_defaultSticky = false;
|
|
3644
|
+
_defaultCloseButton = true;
|
|
3645
|
+
_defaultEnableHtml = false;
|
|
3646
|
+
_defaultNotificationComponent = NotifyComponent;
|
|
3647
|
+
_animationDuration = 300;
|
|
3648
|
+
_notificationId = 0;
|
|
3649
|
+
notifications = signal([]);
|
|
3650
|
+
show(config, component) {
|
|
3651
|
+
const notificationId = this._notificationId++;
|
|
3652
|
+
const notificationConfig = {
|
|
3653
|
+
...config,
|
|
3654
|
+
id: notificationId,
|
|
3655
|
+
options: {
|
|
3656
|
+
position: config.options?.position || this._defaultPosition,
|
|
3657
|
+
duration: config.options?.duration || this._defaultDuration,
|
|
3658
|
+
sticky: config.options?.sticky || this._defaultSticky,
|
|
3659
|
+
closeButton: config.options?.closeButton || this._defaultCloseButton,
|
|
3660
|
+
enableHtml: config.options?.enableHtml || this._defaultEnableHtml
|
|
3661
|
+
}
|
|
3662
|
+
};
|
|
3663
|
+
const componentRef = this._createNotificationComponent(notificationConfig, component || this._defaultNotificationComponent);
|
|
3664
|
+
const notificationState = {
|
|
3665
|
+
id: notificationId,
|
|
3666
|
+
config: notificationConfig,
|
|
3667
|
+
componentRef,
|
|
3668
|
+
remainingTime: notificationConfig.options?.duration,
|
|
3669
|
+
startTime: notificationConfig.options?.sticky ? undefined : Date.now()
|
|
3670
|
+
};
|
|
3671
|
+
componentRef.instance.close.subscribe(() => this.remove(notificationId));
|
|
3672
|
+
componentRef.instance.pause.subscribe(() => this._pauseNotification(notificationState));
|
|
3673
|
+
componentRef.instance.resume.subscribe(() => this._resumeNotification(notificationState));
|
|
3674
|
+
this.notifications.update(notifications => [
|
|
3675
|
+
...notifications,
|
|
3676
|
+
notificationState
|
|
3677
|
+
]);
|
|
3678
|
+
if (!notificationConfig.options?.sticky) {
|
|
3679
|
+
notificationState.timeoutId = setTimeout(() => this.remove(notificationId), notificationConfig.options?.duration);
|
|
3680
|
+
}
|
|
3681
|
+
return notificationId;
|
|
3682
|
+
}
|
|
3683
|
+
remove(id) {
|
|
3684
|
+
const notification = this.notifications().find(n => n.id === id);
|
|
3685
|
+
if (notification) {
|
|
3686
|
+
if (notification.timeoutId) {
|
|
3687
|
+
clearTimeout(notification.timeoutId);
|
|
3688
|
+
}
|
|
3689
|
+
this._removeNotification(notification.componentRef);
|
|
3690
|
+
}
|
|
3691
|
+
}
|
|
3692
|
+
_createNotificationComponent(config, component) {
|
|
3693
|
+
const componentRef = createComponent(component, {
|
|
3694
|
+
environmentInjector: this._environmentInjector
|
|
3695
|
+
});
|
|
3696
|
+
componentRef.instance.config = config;
|
|
3697
|
+
this._appRef.attachView(componentRef.hostView);
|
|
3698
|
+
const domElem = componentRef.hostView.rootNodes[0];
|
|
3699
|
+
const positionContainer = this._getOrCreatePositionContainer(config.options?.position || this._defaultPosition);
|
|
3700
|
+
domElem.classList.add('mrx-notify-item');
|
|
3701
|
+
positionContainer.appendChild(domElem);
|
|
3702
|
+
setTimeout(() => domElem.classList.add('appearing'), 10);
|
|
3703
|
+
return componentRef;
|
|
3704
|
+
}
|
|
3705
|
+
_removeNotification(componentRef) {
|
|
3706
|
+
const domElem = componentRef.hostView.rootNodes[0];
|
|
3707
|
+
domElem.classList.add('removing');
|
|
3708
|
+
setTimeout(() => {
|
|
3709
|
+
this._appRef.detachView(componentRef.hostView);
|
|
3710
|
+
componentRef.destroy();
|
|
3711
|
+
this.notifications.update(notifications => notifications.filter(n => n.componentRef !== componentRef));
|
|
3712
|
+
setTimeout(() => {
|
|
3713
|
+
this._cleanupEmptyContainers();
|
|
3714
|
+
});
|
|
3715
|
+
}, this._animationDuration);
|
|
3716
|
+
}
|
|
3717
|
+
_pauseNotification(state) {
|
|
3718
|
+
if (state.timeoutId && state.remainingTime !== undefined && state.startTime !== undefined) {
|
|
3719
|
+
clearTimeout(state.timeoutId);
|
|
3720
|
+
state.timeoutId = undefined;
|
|
3721
|
+
state.remainingTime = state.config.options?.duration - (Date.now() - state.startTime);
|
|
3722
|
+
}
|
|
3723
|
+
}
|
|
3724
|
+
_resumeNotification(state) {
|
|
3725
|
+
if (!state.config.options?.sticky && state.remainingTime !== undefined && !state.timeoutId) {
|
|
3726
|
+
state.timeoutId = setTimeout(() => this.remove(state.id), state.remainingTime);
|
|
3727
|
+
state.startTime = Date.now();
|
|
3728
|
+
}
|
|
3729
|
+
}
|
|
3730
|
+
_getOrCreatePositionContainer(position) {
|
|
3731
|
+
let container = document.querySelector(`.mrx-notify-container.${position}`);
|
|
3732
|
+
if (!container) {
|
|
3733
|
+
container = document.createElement('div');
|
|
3734
|
+
container.classList.add('mrx-notify-container', position);
|
|
3735
|
+
document.body.appendChild(container);
|
|
3736
|
+
}
|
|
3737
|
+
return container;
|
|
3738
|
+
}
|
|
3739
|
+
_cleanupEmptyContainers() {
|
|
3740
|
+
const containers = document.querySelectorAll('.mrx-notify-container');
|
|
3741
|
+
containers.forEach(container => {
|
|
3742
|
+
if (container.children.length === 0) {
|
|
3743
|
+
container.remove();
|
|
3744
|
+
}
|
|
3745
|
+
});
|
|
3746
|
+
}
|
|
3747
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotificationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
3748
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotificationService, providedIn: 'root' });
|
|
3749
|
+
}
|
|
3750
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotificationService, decorators: [{
|
|
3751
|
+
type: Injectable,
|
|
3752
|
+
args: [{
|
|
3753
|
+
providedIn: 'root'
|
|
3754
|
+
}]
|
|
3755
|
+
}] });
|
|
3756
|
+
|
|
3600
3757
|
var InputTextSizesEnum;
|
|
3601
3758
|
(function (InputTextSizesEnum) {
|
|
3602
3759
|
InputTextSizesEnum["small"] = "mrx-input-text-sm";
|
|
@@ -20043,5 +20200,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
20043
20200
|
* Generated bundle index. Do not edit.
|
|
20044
20201
|
*/
|
|
20045
20202
|
|
|
20046
|
-
export { AlertColorClasses, AlertComponent, AlertIconClasses, AlertModule, AutoSaveStore, BadgeColorClassesEnum, BadgeComponent, BadgeGroupComponent, BadgeSizeEnum, BadgeTagTypeClassesEnum, BadgeTargetTypesEnum, BadgeTypeEnum, BadgesModule, BreadcrumbsComponent, BreadcrumbsModule, BreadcrumbsTypeEnum, ButtonColorsEnum, ButtonComponent, ButtonIconPositionEnum, ButtonModule, ButtonSizesEnum, ButtonTypesEnum, CdkTooltipDirective, CdkTooltipModule, CharsLeftComponent, CharsLeftModule, CheckboxComponent, CheckboxGroupComponent, CheckboxGroupModule, CheckboxModule, CodeEditorComponent, CodeEditorModule, CodeEditorOptions, ColumnComponent, ContentTitleWrapperComponent, ContentTitleWrapperModule, ContentWrapperComponent, ContentWrapperModule, ContentWrapperTypeEnum, ControlsItemComponent, ControlsVisibilityEnum, ControlsWrapperComponent, ControlsWrapperModule, CountriesISO, CountriesRusLabel, CountryISO, CurrencyModule, CurrencyPipe, DateFormatModule, DateFormatPipe, DateTimeFormatPipe, DefaultPagerSettings, DropdownComponent, DropdownModule, EditorComponent, EditorModule, ErrorMessageComponent, ErrorMessageModule, FileUploadService, FormulaEditorComponent, FormulaEditorModule, GalleryComponent, GalleryModule, HideAfterClickDirective, HintErrorMessageComponent, HintErrorMessageModule, IconButtonComponent, IconButtonModule, IconButtonSizeEnum, IconButtonStateEnum, IconButtonTypeEnum, InputDateComponent, InputDateModule, InputDateTimeComponent, InputDateTimeModule, InputDateTimeSizesEnum, InputDatepickerComponent, InputDatepickerModule, InputDatepickerSizesEnum, InputEditorModeEnum, InputFileComponent, InputFileImageComponent, InputFileImageModule, InputFileImageTypeEnum, InputFileModule, InputNumberComponent, InputNumberModule, InputNumberSizesEnum, InputOptComponent, InputOptModule, InputPasswordComponent, InputPasswordModule, InputPasswordSizesEnum, InputPhoneComponent, InputPhoneModule, InputSearchComponent, InputSearchModule, InputSearchSizesEnum, InputSelectComponent, InputSelectModule, InputSelectSizeEnum, InputTelComponent, InputTelModule, InputTelSizesEnum, InputTextComponent, InputTextIconColorEnum, InputTextModule, InputTextSizesEnum, InputTextareaComponent, InputTextareaModule, InputTextareaSizesEnum, InputTimepickerComponent, InputTimepickerModule, JsonEditorComponent, JsonEditorModule, JsonEditorOptions, LabelComponent, LabelModule, LinkComponent, LinkModule, LinkSizesEnum, LinkTargetTypesEnum, LinkTypesEnum, LoaderColorEnum, LoaderComponent, LoaderModule, LoaderSizesEnum, MODAL_CONFIG, MODAL_DATA, ModalAlignButtonsEnum, ModalBackdropTypeClasses, ModalColorEnum, ModalComponent, ModalModule, ModalRef, ModalService, ModalServiceComponent, ModalServiceModule, ModalSizesEnum, ModalType, ModalTypeClasses, MrxFormValidator, NgxOtpBehavior, PagesNavComponent, PagesNavEnum, PagesNavModule, PaginatorComponent, PaginatorModule, PaginatorPositionCss, PdfViewerComponent, PdfViewerComponentModule, PhoneFormatModule, PhoneFormatPipe, PopupComponent, PopupItemComponent, PopupModule, PopupTriggerDirective, PositionEnum, PositionStrategyEnum, PreviewEnum, ProgressClasses, ProgressComponent, ProgressModule, RadioComponent, RadioGroupComponent, RadioGroupModule, RadioModule, RadioTypesEnum, RatingComponent, RatingModule, RatingSizesEnum, RatingValueSizesEnum, RatingWrapperSizesEnum, SafeModule, SafePipe, SaveStateComponent, SaveStateModule, SelectComponent, SelectModule, SelectSizeEnum, SidePageComponent, SidePageHeaderSizesEnum, SidePageModule, SidePagePositionEnum, SidePageSizesEnum, StepperClasses, StepperComponent, StepperModule, SwitchComponent, SwitchModule, SwitchSizeEnum, SwitchTypeEnum, TabComponent, TableComponent, TableModule, TableTypeEnum, TabsClasses, TabsGroupComponent, TabsModule, TabsTypesClasses, Timezone$1 as Timezone, ToasterPosition, ToasterService, ToasterServiceModule, ToasterType, Tooltip, TooltipComponent, TooltipModule, TooltipService, TooltipTextPositionEnum, TooltipTriggerComponent, TooltipTriggerEnum, TruncateDirective, TruncateDirectiveModule, TruncateModule, TruncatePipe, TruncateTextComponent, TruncateTextModule, ValidationMethodsEnum, ValidationOptionsEnum, ValidationTypesEnum, WarningMessageComponent, WarningMessageModule, WidgetWrapperComponent, WidgetWrapperModule, convertBase64ToFile, countryData, dateTimeFormat, defaultConfig, defaultCustomConfig, formatBytes, formattingDateRange, formattingIsoToString, getBase64FromUrl, getHashCode, innerListToList, sHashCode, sliceDate, toBytes, toDate, toNumberFormat, toastrDefaultConfig, wordForm };
|
|
20203
|
+
export { AlertColorClasses, AlertComponent, AlertIconClasses, AlertModule, AutoSaveStore, BadgeColorClassesEnum, BadgeComponent, BadgeGroupComponent, BadgeSizeEnum, BadgeTagTypeClassesEnum, BadgeTargetTypesEnum, BadgeTypeEnum, BadgesModule, BreadcrumbsComponent, BreadcrumbsModule, BreadcrumbsTypeEnum, ButtonColorsEnum, ButtonComponent, ButtonIconPositionEnum, ButtonModule, ButtonSizesEnum, ButtonTypesEnum, CdkTooltipDirective, CdkTooltipModule, CharsLeftComponent, CharsLeftModule, CheckboxComponent, CheckboxGroupComponent, CheckboxGroupModule, CheckboxModule, CodeEditorComponent, CodeEditorModule, CodeEditorOptions, ColumnComponent, ContentTitleWrapperComponent, ContentTitleWrapperModule, ContentWrapperComponent, ContentWrapperModule, ContentWrapperTypeEnum, ControlsItemComponent, ControlsVisibilityEnum, ControlsWrapperComponent, ControlsWrapperModule, CountriesISO, CountriesRusLabel, CountryISO, CurrencyModule, CurrencyPipe, DateFormatModule, DateFormatPipe, DateTimeFormatPipe, DefaultPagerSettings, DropdownComponent, DropdownModule, EditorComponent, EditorModule, ErrorMessageComponent, ErrorMessageModule, FileUploadService, FormulaEditorComponent, FormulaEditorModule, GalleryComponent, GalleryModule, HideAfterClickDirective, HintErrorMessageComponent, HintErrorMessageModule, IconButtonComponent, IconButtonModule, IconButtonSizeEnum, IconButtonStateEnum, IconButtonTypeEnum, InputDateComponent, InputDateModule, InputDateTimeComponent, InputDateTimeModule, InputDateTimeSizesEnum, InputDatepickerComponent, InputDatepickerModule, InputDatepickerSizesEnum, InputEditorModeEnum, InputFileComponent, InputFileImageComponent, InputFileImageModule, InputFileImageTypeEnum, InputFileModule, InputNumberComponent, InputNumberModule, InputNumberSizesEnum, InputOptComponent, InputOptModule, InputPasswordComponent, InputPasswordModule, InputPasswordSizesEnum, InputPhoneComponent, InputPhoneModule, InputSearchComponent, InputSearchModule, InputSearchSizesEnum, InputSelectComponent, InputSelectModule, InputSelectSizeEnum, InputTelComponent, InputTelModule, InputTelSizesEnum, InputTextComponent, InputTextIconColorEnum, InputTextModule, InputTextSizesEnum, InputTextareaComponent, InputTextareaModule, InputTextareaSizesEnum, InputTimepickerComponent, InputTimepickerModule, JsonEditorComponent, JsonEditorModule, JsonEditorOptions, LabelComponent, LabelModule, LinkComponent, LinkModule, LinkSizesEnum, LinkTargetTypesEnum, LinkTypesEnum, LoaderColorEnum, LoaderComponent, LoaderModule, LoaderSizesEnum, MODAL_CONFIG, MODAL_DATA, ModalAlignButtonsEnum, ModalBackdropTypeClasses, ModalColorEnum, ModalComponent, ModalModule, ModalRef, ModalService, ModalServiceComponent, ModalServiceModule, ModalSizesEnum, ModalType, ModalTypeClasses, MrxFormValidator, NgxOtpBehavior, NotificationService, NotifyComponent, NotifyPosition, NotifyType, PagesNavComponent, PagesNavEnum, PagesNavModule, PaginatorComponent, PaginatorModule, PaginatorPositionCss, PdfViewerComponent, PdfViewerComponentModule, PhoneFormatModule, PhoneFormatPipe, PopupComponent, PopupItemComponent, PopupModule, PopupTriggerDirective, PositionEnum, PositionStrategyEnum, PreviewEnum, ProgressClasses, ProgressComponent, ProgressModule, RadioComponent, RadioGroupComponent, RadioGroupModule, RadioModule, RadioTypesEnum, RatingComponent, RatingModule, RatingSizesEnum, RatingValueSizesEnum, RatingWrapperSizesEnum, SafeModule, SafePipe, SaveStateComponent, SaveStateModule, SelectComponent, SelectModule, SelectSizeEnum, SidePageComponent, SidePageHeaderSizesEnum, SidePageModule, SidePagePositionEnum, SidePageSizesEnum, StepperClasses, StepperComponent, StepperModule, SwitchComponent, SwitchModule, SwitchSizeEnum, SwitchTypeEnum, TabComponent, TableComponent, TableModule, TableTypeEnum, TabsClasses, TabsGroupComponent, TabsModule, TabsTypesClasses, Timezone$1 as Timezone, ToasterPosition, ToasterService, ToasterServiceModule, ToasterType, Tooltip, TooltipComponent, TooltipModule, TooltipService, TooltipTextPositionEnum, TooltipTriggerComponent, TooltipTriggerEnum, TruncateDirective, TruncateDirectiveModule, TruncateModule, TruncatePipe, TruncateTextComponent, TruncateTextModule, ValidationMethodsEnum, ValidationOptionsEnum, ValidationTypesEnum, WarningMessageComponent, WarningMessageModule, WidgetWrapperComponent, WidgetWrapperModule, convertBase64ToFile, countryData, dateTimeFormat, defaultConfig, defaultCustomConfig, formatBytes, formattingDateRange, formattingIsoToString, getBase64FromUrl, getHashCode, innerListToList, sHashCode, sliceDate, toBytes, toDate, toNumberFormat, toastrDefaultConfig, wordForm };
|
|
20047
20204
|
//# sourceMappingURL=myrta-ui.mjs.map
|