ngssm-shell 14.2.0 → 14.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/actions/index.mjs +2 -1
- package/esm2020/lib/actions/lock-navigation-bar.action.mjs +8 -0
- package/esm2020/lib/actions/shell-action-type.mjs +2 -1
- package/esm2020/lib/components/shell/shell.component.mjs +30 -11
- package/esm2020/lib/components/shell-notification/shell-notification.component.mjs +5 -7
- package/esm2020/lib/components/shell-notification-popup/shell-notification-popup.component.mjs +4 -4
- package/esm2020/lib/components/shell-notifications/shell-notifications.component.mjs +7 -8
- package/esm2020/lib/components/side-nav/side-nav.component.mjs +7 -9
- package/esm2020/lib/components/wrapper/wrapper.component.mjs +4 -4
- package/esm2020/lib/effects/notification-showing.effect.mjs +4 -4
- package/esm2020/lib/model/index.mjs +2 -1
- package/esm2020/lib/model/lock-status.mjs +7 -0
- package/esm2020/lib/ngssm-shell.module.mjs +5 -5
- package/esm2020/lib/reducers/navigation-bar.reducer.mjs +11 -5
- package/esm2020/lib/reducers/shell-notifications.reducer.mjs +4 -4
- package/esm2020/lib/state/shell.state.mjs +3 -1
- package/fesm2015/ngssm-shell.mjs +89 -51
- package/fesm2015/ngssm-shell.mjs.map +1 -1
- package/fesm2020/ngssm-shell.mjs +89 -51
- package/fesm2020/ngssm-shell.mjs.map +1 -1
- package/lib/actions/index.d.ts +1 -0
- package/lib/actions/lock-navigation-bar.action.d.ts +7 -0
- package/lib/actions/shell-action-type.d.ts +1 -0
- package/lib/components/shell/shell.component.d.ts +1 -0
- package/lib/model/index.d.ts +1 -0
- package/lib/model/lock-status.d.ts +5 -0
- package/lib/state/shell.state.d.ts +2 -0
- package/package.json +4 -4
- package/styles/ngssm-shell.scss +40 -9
- package/styles/ngssm-sidenav.scss +29 -2
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export * from './shell-action-type';
|
|
2
2
|
export * from './display-notification.action';
|
|
3
3
|
export * from './display-notification-details.action';
|
|
4
|
-
|
|
4
|
+
export * from './lock-navigation-bar.action';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3NzbS1zaGVsbC9zcmMvbGliL2FjdGlvbnMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsdUNBQXVDLENBQUM7QUFDdEQsY0FBYyw4QkFBOEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vc2hlbGwtYWN0aW9uLXR5cGUnO1xuZXhwb3J0ICogZnJvbSAnLi9kaXNwbGF5LW5vdGlmaWNhdGlvbi5hY3Rpb24nO1xuZXhwb3J0ICogZnJvbSAnLi9kaXNwbGF5LW5vdGlmaWNhdGlvbi1kZXRhaWxzLmFjdGlvbic7XG5leHBvcnQgKiBmcm9tICcuL2xvY2stbmF2aWdhdGlvbi1iYXIuYWN0aW9uJztcbiJdfQ==
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ShellActionType } from './shell-action-type';
|
|
2
|
+
export class LockNavigationBarAction {
|
|
3
|
+
constructor(lockStatus) {
|
|
4
|
+
this.lockStatus = lockStatus;
|
|
5
|
+
this.type = ShellActionType.lockNavigationBar;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9jay1uYXZpZ2F0aW9uLWJhci5hY3Rpb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3NzbS1zaGVsbC9zcmMvbGliL2FjdGlvbnMvbG9jay1uYXZpZ2F0aW9uLWJhci5hY3Rpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBRXRELE1BQU0sT0FBTyx1QkFBdUI7SUFHbEMsWUFBNEIsVUFBc0I7UUFBdEIsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUZsQyxTQUFJLEdBQVcsZUFBZSxDQUFDLGlCQUFpQixDQUFDO0lBRVosQ0FBQztDQUN2RCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFjdGlvbiB9IGZyb20gJ25nc3NtLXN0b3JlJztcbmltcG9ydCB7IExvY2tTdGF0dXMgfSBmcm9tICcuLi9tb2RlbCc7XG5pbXBvcnQgeyBTaGVsbEFjdGlvblR5cGUgfSBmcm9tICcuL3NoZWxsLWFjdGlvbi10eXBlJztcblxuZXhwb3J0IGNsYXNzIExvY2tOYXZpZ2F0aW9uQmFyQWN0aW9uIGltcGxlbWVudHMgQWN0aW9uIHtcbiAgcHVibGljIHJlYWRvbmx5IHR5cGU6IHN0cmluZyA9IFNoZWxsQWN0aW9uVHlwZS5sb2NrTmF2aWdhdGlvbkJhcjtcblxuICBjb25zdHJ1Y3RvcihwdWJsaWMgcmVhZG9ubHkgbG9ja1N0YXR1czogTG9ja1N0YXR1cykge31cbn1cbiJdfQ==
|
|
@@ -4,9 +4,10 @@ export var ShellActionType;
|
|
|
4
4
|
ShellActionType["toggleNavigationBarState"] = "[ShellActionType] toggleNavigationBarState";
|
|
5
5
|
ShellActionType["openNavigationBar"] = "[ShellActionType] openNavigationBar";
|
|
6
6
|
ShellActionType["closeNavigationBar"] = "[ShellActionType] closeNavigationBar";
|
|
7
|
+
ShellActionType["lockNavigationBar"] = "[ShellActionType] lockNavigationBar";
|
|
7
8
|
// Notifications
|
|
8
9
|
ShellActionType["displayNotification"] = "[ShellActionType] displayNotification";
|
|
9
10
|
ShellActionType["displayNotificationDetails"] = "[ShellActionType] displayNotificationDetails";
|
|
10
11
|
ShellActionType["clearAllNotifications"] = "[ShellActionType] clearAllNotifications";
|
|
11
12
|
})(ShellActionType || (ShellActionType = {}));
|
|
12
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
13
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hlbGwtYWN0aW9uLXR5cGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3NzbS1zaGVsbC9zcmMvbGliL2FjdGlvbnMvc2hlbGwtYWN0aW9uLXR5cGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFOLElBQVksZUFXWDtBQVhELFdBQVksZUFBZTtJQUN6QixpQkFBaUI7SUFDakIsMEZBQXVFLENBQUE7SUFDdkUsNEVBQXlELENBQUE7SUFDekQsOEVBQTJELENBQUE7SUFDM0QsNEVBQXlELENBQUE7SUFFekQsZ0JBQWdCO0lBQ2hCLGdGQUE2RCxDQUFBO0lBQzdELDhGQUEyRSxDQUFBO0lBQzNFLG9GQUFpRSxDQUFBO0FBQ25FLENBQUMsRUFYVyxlQUFlLEtBQWYsZUFBZSxRQVcxQiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBlbnVtIFNoZWxsQWN0aW9uVHlwZSB7XG4gIC8vIE5hdmlnYXRpb24gYmFyXG4gIHRvZ2dsZU5hdmlnYXRpb25CYXJTdGF0ZSA9ICdbU2hlbGxBY3Rpb25UeXBlXSB0b2dnbGVOYXZpZ2F0aW9uQmFyU3RhdGUnLFxuICBvcGVuTmF2aWdhdGlvbkJhciA9ICdbU2hlbGxBY3Rpb25UeXBlXSBvcGVuTmF2aWdhdGlvbkJhcicsXG4gIGNsb3NlTmF2aWdhdGlvbkJhciA9ICdbU2hlbGxBY3Rpb25UeXBlXSBjbG9zZU5hdmlnYXRpb25CYXInLFxuICBsb2NrTmF2aWdhdGlvbkJhciA9ICdbU2hlbGxBY3Rpb25UeXBlXSBsb2NrTmF2aWdhdGlvbkJhcicsXG5cbiAgLy8gTm90aWZpY2F0aW9uc1xuICBkaXNwbGF5Tm90aWZpY2F0aW9uID0gJ1tTaGVsbEFjdGlvblR5cGVdIGRpc3BsYXlOb3RpZmljYXRpb24nLFxuICBkaXNwbGF5Tm90aWZpY2F0aW9uRGV0YWlscyA9ICdbU2hlbGxBY3Rpb25UeXBlXSBkaXNwbGF5Tm90aWZpY2F0aW9uRGV0YWlscycsXG4gIGNsZWFyQWxsTm90aWZpY2F0aW9ucyA9ICdbU2hlbGxBY3Rpb25UeXBlXSBjbGVhckFsbE5vdGlmaWNhdGlvbnMnXG59XG4iXX0=
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { Component, ChangeDetectionStrategy, Input, HostBinding } from '@angular/core';
|
|
2
|
-
import { BehaviorSubject } from 'rxjs';
|
|
2
|
+
import { BehaviorSubject, combineLatest } from 'rxjs';
|
|
3
3
|
import { NgSsmComponent } from 'ngssm-store';
|
|
4
|
+
import { LockStatus } from '../../model';
|
|
4
5
|
import { selectShellState } from '../../state';
|
|
5
6
|
import { ShellActionType } from '../../actions';
|
|
6
7
|
import * as i0 from "@angular/core";
|
|
@@ -12,21 +13,39 @@ import * as i5 from "@angular/material/sidenav";
|
|
|
12
13
|
import * as i6 from "@angular/material/button";
|
|
13
14
|
import * as i7 from "@angular/material/icon";
|
|
14
15
|
import * as i8 from "@angular/material/badge";
|
|
15
|
-
import * as i9 from "
|
|
16
|
-
import * as i10 from "../
|
|
17
|
-
import * as i11 from "../
|
|
18
|
-
import * as i12 from "../shell-notifications/shell-notifications.component";
|
|
16
|
+
import * as i9 from "../side-nav/side-nav.component";
|
|
17
|
+
import * as i10 from "../wrapper/wrapper.component";
|
|
18
|
+
import * as i11 from "../shell-notifications/shell-notifications.component";
|
|
19
19
|
export class ShellComponent extends NgSsmComponent {
|
|
20
20
|
constructor(store) {
|
|
21
21
|
super(store);
|
|
22
22
|
this._shellConfig$ = new BehaviorSubject(undefined);
|
|
23
|
+
this._navigationBarOpen$ = new BehaviorSubject(true);
|
|
23
24
|
this.class = 'ngssm-shell';
|
|
25
|
+
combineLatest([
|
|
26
|
+
this.watch((s) => selectShellState(s).navigationBarOpen),
|
|
27
|
+
this.watch((s) => selectShellState(s).navigationBarLockStatus)
|
|
28
|
+
]).subscribe((values) => {
|
|
29
|
+
let isOpen = false;
|
|
30
|
+
switch (values[1]) {
|
|
31
|
+
case LockStatus.lockedClosed:
|
|
32
|
+
isOpen = false;
|
|
33
|
+
break;
|
|
34
|
+
case LockStatus.lockedOpen:
|
|
35
|
+
isOpen = true;
|
|
36
|
+
break;
|
|
37
|
+
default:
|
|
38
|
+
isOpen = values[0];
|
|
39
|
+
break;
|
|
40
|
+
}
|
|
41
|
+
this._navigationBarOpen$.next(isOpen);
|
|
42
|
+
});
|
|
24
43
|
}
|
|
25
44
|
set shellConfig(value) {
|
|
26
45
|
this._shellConfig$.next(value);
|
|
27
46
|
}
|
|
28
47
|
get navigationBarOpen$() {
|
|
29
|
-
return this.
|
|
48
|
+
return this._navigationBarOpen$.asObservable();
|
|
30
49
|
}
|
|
31
50
|
get shellConfig$() {
|
|
32
51
|
return this._shellConfig$.asObservable();
|
|
@@ -38,15 +57,15 @@ export class ShellComponent extends NgSsmComponent {
|
|
|
38
57
|
this.dispatchActionType(ShellActionType.toggleNavigationBarState);
|
|
39
58
|
}
|
|
40
59
|
}
|
|
41
|
-
ShellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.
|
|
42
|
-
ShellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.
|
|
43
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.
|
|
60
|
+
ShellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ShellComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component });
|
|
61
|
+
ShellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.11", type: ShellComponent, selector: "ngssm-shell", inputs: { shellConfig: "shellConfig" }, host: { properties: { "class": "this.class" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ngssm-shell-container\" *ngIf=\"(shellConfig$ | async) as config; else noShellConfig\">\n <mat-sidenav-container>\n <mat-sidenav-content>\n <mat-toolbar class=\"ngssm-shell-header\">\n <button mat-icon-button (click)=\"toggleNavigationBarState()\">\n <mat-icon class=\"fa-solid fa-bars\"></mat-icon>\n </button>\n <img [src]=\"config.logo\" *ngIf=\"config.logo\" class=\"ngssm-shell-header-logo\" />\n <span class=\"ngssm-shell-header-title\" *ngIf=\"config.applicationTitle\">\n {{config.applicationTitle}}\n </span>\n <ng-content></ng-content>\n </mat-toolbar>\n\n <mat-sidenav-container>\n <mat-sidenav mode=\"side\" [opened]=\"(navigationBarOpen$ | async)===true\"\n class=\"ngssm-shell-navigation-bar\">\n <ngssm-side-nav [config]=\"config.sidenavConfig\"></ngssm-side-nav>\n </mat-sidenav>\n <mat-sidenav-content class=\"ngssm-shell-content\">\n <router-outlet></router-outlet>\n </mat-sidenav-content>\n </mat-sidenav-container>\n </mat-sidenav-content>\n\n <mat-sidenav mode=\"over\" opened=\"false\" #rightSidebar position=\"end\" class=\"ngssm-shell-messages-bar\">\n <ngssm-shell-notifications class=\"ngssm-shell-notifications\"></ngssm-shell-notifications>\n </mat-sidenav>\n </mat-sidenav-container>\n <mat-toolbar class=\"ngssm-shell-footer\" *ngIf=\"config.displayFooter === true\">\n <ngssm-wrapper *ngFor=\"let component of config.footerComponents\" [item]=\"component\"></ngssm-wrapper>\n <span class=\"ngssm-fxFlex\"></span>\n <button mat-icon-button (click)=\"rightSidebar.toggle()\" *ngIf=\"config.displayFooterNotificationsButton\">\n <mat-icon class=\"fa-regular fa-message\" [matBadge]=\"notificationsCount$ | async\"\n *ngIf=\"(notificationsCount$ | async) ?? 0 > 0\">\n </mat-icon>\n <mat-icon class=\"fa-regular fa-message\" *ngIf=\"(notificationsCount$ | async) === 0\">\n </mat-icon>\n </button>\n </mat-toolbar>\n</div>\n\n<ng-template #noShellConfig>\n <div class=\"ngssm-shell-no-config\">\n Please, provide a config for the shell.\n </div>\n</ng-template>", dependencies: [{ kind: "directive", type: i2.RouterOutlet, selector: "router-outlet", outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i5.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i5.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i5.MatSidenavContent, selector: "mat-sidenav-content" }, { kind: "component", type: i6.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i8.MatBadge, selector: "[matBadge]", inputs: ["matBadgeDisabled", "matBadgeColor", "matBadgeOverlap", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "component", type: i9.SideNavComponent, selector: "ngssm-side-nav", inputs: ["config"] }, { kind: "component", type: i10.WrapperComponent, selector: "ngssm-wrapper", inputs: ["item"] }, { kind: "component", type: i11.ShellNotificationsComponent, selector: "ngssm-shell-notifications" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
62
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ShellComponent, decorators: [{
|
|
44
63
|
type: Component,
|
|
45
|
-
args: [{ selector: 'ngssm-shell', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div
|
|
64
|
+
args: [{ selector: 'ngssm-shell', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ngssm-shell-container\" *ngIf=\"(shellConfig$ | async) as config; else noShellConfig\">\n <mat-sidenav-container>\n <mat-sidenav-content>\n <mat-toolbar class=\"ngssm-shell-header\">\n <button mat-icon-button (click)=\"toggleNavigationBarState()\">\n <mat-icon class=\"fa-solid fa-bars\"></mat-icon>\n </button>\n <img [src]=\"config.logo\" *ngIf=\"config.logo\" class=\"ngssm-shell-header-logo\" />\n <span class=\"ngssm-shell-header-title\" *ngIf=\"config.applicationTitle\">\n {{config.applicationTitle}}\n </span>\n <ng-content></ng-content>\n </mat-toolbar>\n\n <mat-sidenav-container>\n <mat-sidenav mode=\"side\" [opened]=\"(navigationBarOpen$ | async)===true\"\n class=\"ngssm-shell-navigation-bar\">\n <ngssm-side-nav [config]=\"config.sidenavConfig\"></ngssm-side-nav>\n </mat-sidenav>\n <mat-sidenav-content class=\"ngssm-shell-content\">\n <router-outlet></router-outlet>\n </mat-sidenav-content>\n </mat-sidenav-container>\n </mat-sidenav-content>\n\n <mat-sidenav mode=\"over\" opened=\"false\" #rightSidebar position=\"end\" class=\"ngssm-shell-messages-bar\">\n <ngssm-shell-notifications class=\"ngssm-shell-notifications\"></ngssm-shell-notifications>\n </mat-sidenav>\n </mat-sidenav-container>\n <mat-toolbar class=\"ngssm-shell-footer\" *ngIf=\"config.displayFooter === true\">\n <ngssm-wrapper *ngFor=\"let component of config.footerComponents\" [item]=\"component\"></ngssm-wrapper>\n <span class=\"ngssm-fxFlex\"></span>\n <button mat-icon-button (click)=\"rightSidebar.toggle()\" *ngIf=\"config.displayFooterNotificationsButton\">\n <mat-icon class=\"fa-regular fa-message\" [matBadge]=\"notificationsCount$ | async\"\n *ngIf=\"(notificationsCount$ | async) ?? 0 > 0\">\n </mat-icon>\n <mat-icon class=\"fa-regular fa-message\" *ngIf=\"(notificationsCount$ | async) === 0\">\n </mat-icon>\n </button>\n </mat-toolbar>\n</div>\n\n<ng-template #noShellConfig>\n <div class=\"ngssm-shell-no-config\">\n Please, provide a config for the shell.\n </div>\n</ng-template>" }]
|
|
46
65
|
}], ctorParameters: function () { return [{ type: i1.Store }]; }, propDecorators: { class: [{
|
|
47
66
|
type: HostBinding,
|
|
48
67
|
args: ['class']
|
|
49
68
|
}], shellConfig: [{
|
|
50
69
|
type: Input
|
|
51
70
|
}] } });
|
|
52
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
71
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hlbGwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmdzc20tc2hlbGwvc3JjL2xpYi9jb21wb25lbnRzL3NoZWxsL3NoZWxsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nc3NtLXNoZWxsL3NyYy9saWIvY29tcG9uZW50cy9zaGVsbC9zaGVsbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLHVCQUF1QixFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkYsT0FBTyxFQUFFLGVBQWUsRUFBRSxhQUFhLEVBQWMsTUFBTSxNQUFNLENBQUM7QUFFbEUsT0FBTyxFQUFFLGNBQWMsRUFBUyxNQUFNLGFBQWEsQ0FBQztBQUVwRCxPQUFPLEVBQUUsVUFBVSxFQUFlLE1BQU0sYUFBYSxDQUFDO0FBQ3RELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUMvQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7Ozs7Ozs7O0FBT2hELE1BQU0sT0FBTyxjQUFlLFNBQVEsY0FBYztJQU1oRCxZQUFZLEtBQVk7UUFDdEIsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBTkUsa0JBQWEsR0FBRyxJQUFJLGVBQWUsQ0FBMEIsU0FBUyxDQUFDLENBQUM7UUFDeEUsd0JBQW1CLEdBQUcsSUFBSSxlQUFlLENBQVUsSUFBSSxDQUFDLENBQUM7UUFFcEQsVUFBSyxHQUFHLGFBQWEsQ0FBQztRQUsxQyxhQUFhLENBQUM7WUFDWixJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUMsQ0FBQyxpQkFBaUIsQ0FBQztZQUN4RCxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUMsQ0FBQyx1QkFBdUIsQ0FBQztTQUMvRCxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUU7WUFDdEIsSUFBSSxNQUFNLEdBQUcsS0FBSyxDQUFDO1lBRW5CLFFBQVEsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFO2dCQUNqQixLQUFLLFVBQVUsQ0FBQyxZQUFZO29CQUMxQixNQUFNLEdBQUcsS0FBSyxDQUFDO29CQUNmLE1BQU07Z0JBRVIsS0FBSyxVQUFVLENBQUMsVUFBVTtvQkFDeEIsTUFBTSxHQUFHLElBQUksQ0FBQztvQkFDZCxNQUFNO2dCQUVSO29CQUNFLE1BQU0sR0FBRyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUM7b0JBQ25CLE1BQU07YUFDVDtZQUVELElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDeEMsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsSUFBb0IsV0FBVyxDQUFDLEtBQWtCO1FBQ2hELElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2pDLENBQUM7SUFFRCxJQUFXLGtCQUFrQjtRQUMzQixPQUFPLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUNqRCxDQUFDO0lBRUQsSUFBVyxZQUFZO1FBQ3JCLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUMzQyxDQUFDO0lBRUQsSUFBVyxtQkFBbUI7UUFDNUIsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUMsQ0FBQyxrQkFBa0IsQ0FBQyxhQUFhLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDeEYsQ0FBQztJQUVNLHdCQUF3QjtRQUM3QixJQUFJLENBQUMsa0JBQWtCLENBQUMsZUFBZSxDQUFDLHdCQUF3QixDQUFDLENBQUM7SUFDcEUsQ0FBQzs7NEdBbkRVLGNBQWM7Z0dBQWQsY0FBYyxtS0NkM0IsNDRFQThDYzs0RkRoQ0QsY0FBYztrQkFMMUIsU0FBUzsrQkFDRSxhQUFhLG1CQUVOLHVCQUF1QixDQUFDLE1BQU07NEZBTXpCLEtBQUs7c0JBQTFCLFdBQVc7dUJBQUMsT0FBTztnQkE2QkEsV0FBVztzQkFBOUIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIElucHV0LCBIb3N0QmluZGluZyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQmVoYXZpb3JTdWJqZWN0LCBjb21iaW5lTGF0ZXN0LCBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5cbmltcG9ydCB7IE5nU3NtQ29tcG9uZW50LCBTdG9yZSB9IGZyb20gJ25nc3NtLXN0b3JlJztcblxuaW1wb3J0IHsgTG9ja1N0YXR1cywgU2hlbGxDb25maWcgfSBmcm9tICcuLi8uLi9tb2RlbCc7XG5pbXBvcnQgeyBzZWxlY3RTaGVsbFN0YXRlIH0gZnJvbSAnLi4vLi4vc3RhdGUnO1xuaW1wb3J0IHsgU2hlbGxBY3Rpb25UeXBlIH0gZnJvbSAnLi4vLi4vYWN0aW9ucyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25nc3NtLXNoZWxsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NoZWxsLmNvbXBvbmVudC5odG1sJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgU2hlbGxDb21wb25lbnQgZXh0ZW5kcyBOZ1NzbUNvbXBvbmVudCB7XG4gIHByaXZhdGUgcmVhZG9ubHkgX3NoZWxsQ29uZmlnJCA9IG5ldyBCZWhhdmlvclN1YmplY3Q8U2hlbGxDb25maWcgfCB1bmRlZmluZWQ+KHVuZGVmaW5lZCk7XG4gIHByaXZhdGUgcmVhZG9ubHkgX25hdmlnYXRpb25CYXJPcGVuJCA9IG5ldyBCZWhhdmlvclN1YmplY3Q8Ym9vbGVhbj4odHJ1ZSk7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpIGNsYXNzID0gJ25nc3NtLXNoZWxsJztcblxuICBjb25zdHJ1Y3RvcihzdG9yZTogU3RvcmUpIHtcbiAgICBzdXBlcihzdG9yZSk7XG5cbiAgICBjb21iaW5lTGF0ZXN0KFtcbiAgICAgIHRoaXMud2F0Y2goKHMpID0+IHNlbGVjdFNoZWxsU3RhdGUocykubmF2aWdhdGlvbkJhck9wZW4pLFxuICAgICAgdGhpcy53YXRjaCgocykgPT4gc2VsZWN0U2hlbGxTdGF0ZShzKS5uYXZpZ2F0aW9uQmFyTG9ja1N0YXR1cylcbiAgICBdKS5zdWJzY3JpYmUoKHZhbHVlcykgPT4ge1xuICAgICAgbGV0IGlzT3BlbiA9IGZhbHNlO1xuXG4gICAgICBzd2l0Y2ggKHZhbHVlc1sxXSkge1xuICAgICAgICBjYXNlIExvY2tTdGF0dXMubG9ja2VkQ2xvc2VkOlxuICAgICAgICAgIGlzT3BlbiA9IGZhbHNlO1xuICAgICAgICAgIGJyZWFrO1xuXG4gICAgICAgIGNhc2UgTG9ja1N0YXR1cy5sb2NrZWRPcGVuOlxuICAgICAgICAgIGlzT3BlbiA9IHRydWU7XG4gICAgICAgICAgYnJlYWs7XG5cbiAgICAgICAgZGVmYXVsdDpcbiAgICAgICAgICBpc09wZW4gPSB2YWx1ZXNbMF07XG4gICAgICAgICAgYnJlYWs7XG4gICAgICB9XG5cbiAgICAgIHRoaXMuX25hdmlnYXRpb25CYXJPcGVuJC5uZXh0KGlzT3Blbik7XG4gICAgfSk7XG4gIH1cblxuICBASW5wdXQoKSBwdWJsaWMgc2V0IHNoZWxsQ29uZmlnKHZhbHVlOiBTaGVsbENvbmZpZykge1xuICAgIHRoaXMuX3NoZWxsQ29uZmlnJC5uZXh0KHZhbHVlKTtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgbmF2aWdhdGlvbkJhck9wZW4kKCk6IE9ic2VydmFibGU8Ym9vbGVhbj4ge1xuICAgIHJldHVybiB0aGlzLl9uYXZpZ2F0aW9uQmFyT3BlbiQuYXNPYnNlcnZhYmxlKCk7XG4gIH1cblxuICBwdWJsaWMgZ2V0IHNoZWxsQ29uZmlnJCgpOiBPYnNlcnZhYmxlPFNoZWxsQ29uZmlnIHwgdW5kZWZpbmVkPiB7XG4gICAgcmV0dXJuIHRoaXMuX3NoZWxsQ29uZmlnJC5hc09ic2VydmFibGUoKTtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgbm90aWZpY2F0aW9uc0NvdW50JCgpOiBPYnNlcnZhYmxlPG51bWJlcj4ge1xuICAgIHJldHVybiB0aGlzLndhdGNoKChzKSA9PiBzZWxlY3RTaGVsbFN0YXRlKHMpLnNoZWxsTm90aWZpY2F0aW9ucy5ub3RpZmljYXRpb25zLmxlbmd0aCk7XG4gIH1cblxuICBwdWJsaWMgdG9nZ2xlTmF2aWdhdGlvbkJhclN0YXRlKCk6IHZvaWQge1xuICAgIHRoaXMuZGlzcGF0Y2hBY3Rpb25UeXBlKFNoZWxsQWN0aW9uVHlwZS50b2dnbGVOYXZpZ2F0aW9uQmFyU3RhdGUpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwibmdzc20tc2hlbGwtY29udGFpbmVyXCIgKm5nSWY9XCIoc2hlbGxDb25maWckIHwgYXN5bmMpIGFzIGNvbmZpZzsgZWxzZSBub1NoZWxsQ29uZmlnXCI+XG4gICAgPG1hdC1zaWRlbmF2LWNvbnRhaW5lcj5cbiAgICAgICAgPG1hdC1zaWRlbmF2LWNvbnRlbnQ+XG4gICAgICAgICAgICA8bWF0LXRvb2xiYXIgY2xhc3M9XCJuZ3NzbS1zaGVsbC1oZWFkZXJcIj5cbiAgICAgICAgICAgICAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbiAoY2xpY2spPVwidG9nZ2xlTmF2aWdhdGlvbkJhclN0YXRlKClcIj5cbiAgICAgICAgICAgICAgICAgICAgPG1hdC1pY29uIGNsYXNzPVwiZmEtc29saWQgZmEtYmFyc1wiPjwvbWF0LWljb24+XG4gICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICAgICAgPGltZyBbc3JjXT1cImNvbmZpZy5sb2dvXCIgKm5nSWY9XCJjb25maWcubG9nb1wiIGNsYXNzPVwibmdzc20tc2hlbGwtaGVhZGVyLWxvZ29cIiAvPlxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibmdzc20tc2hlbGwtaGVhZGVyLXRpdGxlXCIgKm5nSWY9XCJjb25maWcuYXBwbGljYXRpb25UaXRsZVwiPlxuICAgICAgICAgICAgICAgICAgICB7e2NvbmZpZy5hcHBsaWNhdGlvblRpdGxlfX1cbiAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgICAgICAgICAgPC9tYXQtdG9vbGJhcj5cblxuICAgICAgICAgICAgPG1hdC1zaWRlbmF2LWNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICA8bWF0LXNpZGVuYXYgbW9kZT1cInNpZGVcIiBbb3BlbmVkXT1cIihuYXZpZ2F0aW9uQmFyT3BlbiQgfCBhc3luYyk9PT10cnVlXCJcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJuZ3NzbS1zaGVsbC1uYXZpZ2F0aW9uLWJhclwiPlxuICAgICAgICAgICAgICAgICAgICA8bmdzc20tc2lkZS1uYXYgW2NvbmZpZ109XCJjb25maWcuc2lkZW5hdkNvbmZpZ1wiPjwvbmdzc20tc2lkZS1uYXY+XG4gICAgICAgICAgICAgICAgPC9tYXQtc2lkZW5hdj5cbiAgICAgICAgICAgICAgICA8bWF0LXNpZGVuYXYtY29udGVudCBjbGFzcz1cIm5nc3NtLXNoZWxsLWNvbnRlbnRcIj5cbiAgICAgICAgICAgICAgICAgICAgPHJvdXRlci1vdXRsZXQ+PC9yb3V0ZXItb3V0bGV0PlxuICAgICAgICAgICAgICAgIDwvbWF0LXNpZGVuYXYtY29udGVudD5cbiAgICAgICAgICAgIDwvbWF0LXNpZGVuYXYtY29udGFpbmVyPlxuICAgICAgICA8L21hdC1zaWRlbmF2LWNvbnRlbnQ+XG5cbiAgICAgICAgPG1hdC1zaWRlbmF2IG1vZGU9XCJvdmVyXCIgb3BlbmVkPVwiZmFsc2VcIiAjcmlnaHRTaWRlYmFyIHBvc2l0aW9uPVwiZW5kXCIgY2xhc3M9XCJuZ3NzbS1zaGVsbC1tZXNzYWdlcy1iYXJcIj5cbiAgICAgICAgICAgIDxuZ3NzbS1zaGVsbC1ub3RpZmljYXRpb25zIGNsYXNzPVwibmdzc20tc2hlbGwtbm90aWZpY2F0aW9uc1wiPjwvbmdzc20tc2hlbGwtbm90aWZpY2F0aW9ucz5cbiAgICAgICAgPC9tYXQtc2lkZW5hdj5cbiAgICA8L21hdC1zaWRlbmF2LWNvbnRhaW5lcj5cbiAgICA8bWF0LXRvb2xiYXIgY2xhc3M9XCJuZ3NzbS1zaGVsbC1mb290ZXJcIiAqbmdJZj1cImNvbmZpZy5kaXNwbGF5Rm9vdGVyID09PSB0cnVlXCI+XG4gICAgICAgIDxuZ3NzbS13cmFwcGVyICpuZ0Zvcj1cImxldCBjb21wb25lbnQgb2YgY29uZmlnLmZvb3RlckNvbXBvbmVudHNcIiBbaXRlbV09XCJjb21wb25lbnRcIj48L25nc3NtLXdyYXBwZXI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwibmdzc20tZnhGbGV4XCI+PC9zcGFuPlxuICAgICAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbiAoY2xpY2spPVwicmlnaHRTaWRlYmFyLnRvZ2dsZSgpXCIgKm5nSWY9XCJjb25maWcuZGlzcGxheUZvb3Rlck5vdGlmaWNhdGlvbnNCdXR0b25cIj5cbiAgICAgICAgICAgIDxtYXQtaWNvbiBjbGFzcz1cImZhLXJlZ3VsYXIgZmEtbWVzc2FnZVwiIFttYXRCYWRnZV09XCJub3RpZmljYXRpb25zQ291bnQkIHwgYXN5bmNcIlxuICAgICAgICAgICAgICAgICpuZ0lmPVwiKG5vdGlmaWNhdGlvbnNDb3VudCQgfCBhc3luYykgPz8gMCA+IDBcIj5cbiAgICAgICAgICAgIDwvbWF0LWljb24+XG4gICAgICAgICAgICA8bWF0LWljb24gY2xhc3M9XCJmYS1yZWd1bGFyIGZhLW1lc3NhZ2VcIiAqbmdJZj1cIihub3RpZmljYXRpb25zQ291bnQkIHwgYXN5bmMpID09PSAwXCI+XG4gICAgICAgICAgICA8L21hdC1pY29uPlxuICAgICAgICA8L2J1dHRvbj5cbiAgICA8L21hdC10b29sYmFyPlxuPC9kaXY+XG5cbjxuZy10ZW1wbGF0ZSAjbm9TaGVsbENvbmZpZz5cbiAgICA8ZGl2IGNsYXNzPVwibmdzc20tc2hlbGwtbm8tY29uZmlnXCI+XG4gICAgICAgIFBsZWFzZSwgcHJvdmlkZSBhIGNvbmZpZyBmb3IgdGhlIHNoZWxsLlxuICAgIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT4iXX0=
|
|
@@ -10,8 +10,6 @@ import * as i2 from "@angular/common";
|
|
|
10
10
|
import * as i3 from "@angular/material/button";
|
|
11
11
|
import * as i4 from "@angular/material/icon";
|
|
12
12
|
import * as i5 from "@angular/material/card";
|
|
13
|
-
import * as i6 from "@angular/flex-layout/flex";
|
|
14
|
-
import * as i7 from "@angular/flex-layout/extended";
|
|
15
13
|
export class ShellNotificationComponent extends NgSsmComponent {
|
|
16
14
|
constructor(store) {
|
|
17
15
|
super(store);
|
|
@@ -41,14 +39,14 @@ export class ShellNotificationComponent extends NgSsmComponent {
|
|
|
41
39
|
this.dispatchAction(new DisplayNotificationDetailsAction(this._shellNotificationIndex$.value ?? -1));
|
|
42
40
|
}
|
|
43
41
|
}
|
|
44
|
-
ShellNotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.
|
|
45
|
-
ShellNotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.
|
|
46
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.
|
|
42
|
+
ShellNotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ShellNotificationComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component });
|
|
43
|
+
ShellNotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.11", type: ShellNotificationComponent, selector: "ngssm-shell-notification", inputs: { displayDetailsButton: "displayDetailsButton", shellNotificationIndex: "shellNotificationIndex" }, usesInheritance: true, ngImport: i0, template: "<mat-card *ngIf=\"(shellNotification$ | async) as shellNotification; else noNotification\"\n class=\"ngssm-shell-notification-card\">\n <mat-card-header\n [ngClass]=\"{'ngssm-shell-notification-success' : shellNotification.type === shellNotificationType.success, 'ngssm-shell-notification-error':shellNotification.type === shellNotificationType.error}\">\n <mat-icon mat-card-avatar class=\"fa-solid fa-check ngssm-shell-avatar-notification \"\n *ngIf=\"shellNotification.type === shellNotificationType.success\">\n </mat-icon>\n <mat-icon mat-card-avatar class=\"fa-solid fa-triangle-exclamation ngssm-shell-avatar-notification \"\n *ngIf=\"shellNotification.type === shellNotificationType.error\">\n </mat-icon>\n <mat-card-title>{{shellNotification.title}}</mat-card-title>\n <mat-card-subtitle>{{shellNotification.timestamp | date:'shortTime'}}</mat-card-subtitle>\n </mat-card-header>\n <div class=\"flex-row-center\">\n <span class=\"fxFlex\"></span>\n <button mat-button *ngIf=\"(displayDetailsButton$ | async) === true && shellNotification.details\"\n (click)=\"displayDetails()\">\n Display details\n </button>\n </div>\n</mat-card>\n\n<ng-template #noNotification>\n No notification to display...\n</ng-template>", styles: [":host{display:flex;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "component", type: i5.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i5.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: i5.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "directive", type: i5.MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
44
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ShellNotificationComponent, decorators: [{
|
|
47
45
|
type: Component,
|
|
48
|
-
args: [{ selector: 'ngssm-shell-notification', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-card *ngIf=\"(shellNotification$ | async) as shellNotification; else noNotification\"\n class=\"ngssm-shell-notification-card\">\n <mat-card-header\n [ngClass]=\"{'ngssm-shell-notification-success' : shellNotification.type === shellNotificationType.success, 'ngssm-shell-notification-error':shellNotification.type === shellNotificationType.error}\">\n <mat-icon mat-card-avatar class=\"fa-solid fa-check ngssm-shell-avatar-notification \"\n *ngIf=\"shellNotification.type === shellNotificationType.success\">\n </mat-icon>\n <mat-icon mat-card-avatar class=\"fa-solid fa-triangle-exclamation ngssm-shell-avatar-notification \"\n *ngIf=\"shellNotification.type === shellNotificationType.error\">\n </mat-icon>\n <mat-card-title>{{shellNotification.title}}</mat-card-title>\n <mat-card-subtitle>{{shellNotification.timestamp | date:'shortTime'}}</mat-card-subtitle>\n </mat-card-header>\n <div
|
|
46
|
+
args: [{ selector: 'ngssm-shell-notification', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-card *ngIf=\"(shellNotification$ | async) as shellNotification; else noNotification\"\n class=\"ngssm-shell-notification-card\">\n <mat-card-header\n [ngClass]=\"{'ngssm-shell-notification-success' : shellNotification.type === shellNotificationType.success, 'ngssm-shell-notification-error':shellNotification.type === shellNotificationType.error}\">\n <mat-icon mat-card-avatar class=\"fa-solid fa-check ngssm-shell-avatar-notification \"\n *ngIf=\"shellNotification.type === shellNotificationType.success\">\n </mat-icon>\n <mat-icon mat-card-avatar class=\"fa-solid fa-triangle-exclamation ngssm-shell-avatar-notification \"\n *ngIf=\"shellNotification.type === shellNotificationType.error\">\n </mat-icon>\n <mat-card-title>{{shellNotification.title}}</mat-card-title>\n <mat-card-subtitle>{{shellNotification.timestamp | date:'shortTime'}}</mat-card-subtitle>\n </mat-card-header>\n <div class=\"flex-row-center\">\n <span class=\"fxFlex\"></span>\n <button mat-button *ngIf=\"(displayDetailsButton$ | async) === true && shellNotification.details\"\n (click)=\"displayDetails()\">\n Display details\n </button>\n </div>\n</mat-card>\n\n<ng-template #noNotification>\n No notification to display...\n</ng-template>", styles: [":host{display:flex;flex-direction:column}\n"] }]
|
|
49
47
|
}], ctorParameters: function () { return [{ type: i1.Store }]; }, propDecorators: { displayDetailsButton: [{
|
|
50
48
|
type: Input
|
|
51
49
|
}], shellNotificationIndex: [{
|
|
52
50
|
type: Input
|
|
53
51
|
}] } });
|
|
54
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
52
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hlbGwtbm90aWZpY2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nc3NtLXNoZWxsL3NyYy9saWIvY29tcG9uZW50cy9zaGVsbC1ub3RpZmljYXRpb24vc2hlbGwtbm90aWZpY2F0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nc3NtLXNoZWxsL3NyYy9saWIvY29tcG9uZW50cy9zaGVsbC1ub3RpZmljYXRpb24vc2hlbGwtbm90aWZpY2F0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsdUJBQXVCLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFFLE9BQU8sRUFBRSxlQUFlLEVBQUUsYUFBYSxFQUFjLFNBQVMsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUU3RSxPQUFPLEVBQUUsY0FBYyxFQUFTLE1BQU0sYUFBYSxDQUFDO0FBRXBELE9BQU8sRUFBcUIscUJBQXFCLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFDdkUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQy9DLE9BQU8sRUFBRSxnQ0FBZ0MsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7OztBQVFqRSxNQUFNLE9BQU8sMEJBQTJCLFNBQVEsY0FBYztJQU81RCxZQUFZLEtBQVk7UUFDdEIsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBUEUsMkJBQXNCLEdBQUcsSUFBSSxlQUFlLENBQVUsS0FBSyxDQUFDLENBQUM7UUFDN0Qsd0JBQW1CLEdBQUcsSUFBSSxlQUFlLENBQWdDLFNBQVMsQ0FBQyxDQUFDO1FBQ3BGLDZCQUF3QixHQUFHLElBQUksZUFBZSxDQUFnQixJQUFJLENBQUMsQ0FBQztRQUVyRSwwQkFBcUIsR0FBRyxxQkFBcUIsQ0FBQztRQUs1RCxhQUFhLENBQUMsQ0FBQyxJQUFJLENBQUMsd0JBQXdCLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxDQUFDLENBQUMsa0JBQWtCLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQzthQUNwSCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQzthQUNyQyxTQUFTLENBQUMsQ0FBQyxNQUFNLEVBQUUsRUFBRTtZQUNwQixJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDcEUsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQsSUFBb0Isb0JBQW9CLENBQUMsS0FBYztRQUNyRCxJQUFJLENBQUMsc0JBQXNCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzFDLENBQUM7SUFFRCxJQUFvQixzQkFBc0IsQ0FBQyxLQUFvQjtRQUM3RCxJQUFJLENBQUMsd0JBQXdCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzVDLENBQUM7SUFFRCxJQUFXLGtCQUFrQjtRQUMzQixPQUFPLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUNqRCxDQUFDO0lBRUQsSUFBVyxxQkFBcUI7UUFDOUIsT0FBTyxJQUFJLENBQUMsc0JBQXNCLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDcEQsQ0FBQztJQUVNLGNBQWM7UUFDbkIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLGdDQUFnQyxDQUFDLElBQUksQ0FBQyx3QkFBd0IsQ0FBQyxLQUFLLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ3ZHLENBQUM7O3dIQW5DVSwwQkFBMEI7NEdBQTFCLDBCQUEwQixtTUNmdkMsODBDQXdCYzs0RkRURCwwQkFBMEI7a0JBTnRDLFNBQVM7K0JBQ0UsMEJBQTBCLG1CQUduQix1QkFBdUIsQ0FBQyxNQUFNOzRGQW1CM0Isb0JBQW9CO3NCQUF2QyxLQUFLO2dCQUljLHNCQUFzQjtzQkFBekMsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCZWhhdmlvclN1YmplY3QsIGNvbWJpbmVMYXRlc3QsIE9ic2VydmFibGUsIHRha2VVbnRpbCB9IGZyb20gJ3J4anMnO1xuXG5pbXBvcnQgeyBOZ1NzbUNvbXBvbmVudCwgU3RvcmUgfSBmcm9tICduZ3NzbS1zdG9yZSc7XG5cbmltcG9ydCB7IFNoZWxsTm90aWZpY2F0aW9uLCBTaGVsbE5vdGlmaWNhdGlvblR5cGUgfSBmcm9tICcuLi8uLi9tb2RlbCc7XG5pbXBvcnQgeyBzZWxlY3RTaGVsbFN0YXRlIH0gZnJvbSAnLi4vLi4vc3RhdGUnO1xuaW1wb3J0IHsgRGlzcGxheU5vdGlmaWNhdGlvbkRldGFpbHNBY3Rpb24gfSBmcm9tICcuLi8uLi9hY3Rpb25zJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmdzc20tc2hlbGwtbm90aWZpY2F0aW9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NoZWxsLW5vdGlmaWNhdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NoZWxsLW5vdGlmaWNhdGlvbi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBTaGVsbE5vdGlmaWNhdGlvbkNvbXBvbmVudCBleHRlbmRzIE5nU3NtQ29tcG9uZW50IHtcbiAgcHJpdmF0ZSByZWFkb25seSBfZGlzcGxheURldGFpbHNCdXR0b24kID0gbmV3IEJlaGF2aW9yU3ViamVjdDxib29sZWFuPihmYWxzZSk7XG4gIHByaXZhdGUgcmVhZG9ubHkgX3NoZWxsTm90aWZpY2F0aW9uJCA9IG5ldyBCZWhhdmlvclN1YmplY3Q8U2hlbGxOb3RpZmljYXRpb24gfCB1bmRlZmluZWQ+KHVuZGVmaW5lZCk7XG4gIHByaXZhdGUgcmVhZG9ubHkgX3NoZWxsTm90aWZpY2F0aW9uSW5kZXgkID0gbmV3IEJlaGF2aW9yU3ViamVjdDxudW1iZXIgfCBudWxsPihudWxsKTtcblxuICBwdWJsaWMgcmVhZG9ubHkgc2hlbGxOb3RpZmljYXRpb25UeXBlID0gU2hlbGxOb3RpZmljYXRpb25UeXBlO1xuXG4gIGNvbnN0cnVjdG9yKHN0b3JlOiBTdG9yZSkge1xuICAgIHN1cGVyKHN0b3JlKTtcblxuICAgIGNvbWJpbmVMYXRlc3QoW3RoaXMuX3NoZWxsTm90aWZpY2F0aW9uSW5kZXgkLCB0aGlzLndhdGNoKChzKSA9PiBzZWxlY3RTaGVsbFN0YXRlKHMpLnNoZWxsTm90aWZpY2F0aW9ucy5ub3RpZmljYXRpb25zKV0pXG4gICAgICAucGlwZSh0YWtlVW50aWwodGhpcy51bnN1YnNjcmliZUFsbCQpKVxuICAgICAgLnN1YnNjcmliZSgodmFsdWVzKSA9PiB7XG4gICAgICAgIHRoaXMuX3NoZWxsTm90aWZpY2F0aW9uJC5uZXh0KCh2YWx1ZXNbMV0gPz8gW10pW3ZhbHVlc1swXSA/PyAtMV0pO1xuICAgICAgfSk7XG4gIH1cblxuICBASW5wdXQoKSBwdWJsaWMgc2V0IGRpc3BsYXlEZXRhaWxzQnV0dG9uKHZhbHVlOiBib29sZWFuKSB7XG4gICAgdGhpcy5fZGlzcGxheURldGFpbHNCdXR0b24kLm5leHQodmFsdWUpO1xuICB9XG5cbiAgQElucHV0KCkgcHVibGljIHNldCBzaGVsbE5vdGlmaWNhdGlvbkluZGV4KHZhbHVlOiBudW1iZXIgfCBudWxsKSB7XG4gICAgdGhpcy5fc2hlbGxOb3RpZmljYXRpb25JbmRleCQubmV4dCh2YWx1ZSk7XG4gIH1cblxuICBwdWJsaWMgZ2V0IHNoZWxsTm90aWZpY2F0aW9uJCgpOiBPYnNlcnZhYmxlPFNoZWxsTm90aWZpY2F0aW9uIHwgdW5kZWZpbmVkPiB7XG4gICAgcmV0dXJuIHRoaXMuX3NoZWxsTm90aWZpY2F0aW9uJC5hc09ic2VydmFibGUoKTtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgZGlzcGxheURldGFpbHNCdXR0b24kKCk6IE9ic2VydmFibGU8Ym9vbGVhbj4ge1xuICAgIHJldHVybiB0aGlzLl9kaXNwbGF5RGV0YWlsc0J1dHRvbiQuYXNPYnNlcnZhYmxlKCk7XG4gIH1cblxuICBwdWJsaWMgZGlzcGxheURldGFpbHMoKTogdm9pZCB7XG4gICAgdGhpcy5kaXNwYXRjaEFjdGlvbihuZXcgRGlzcGxheU5vdGlmaWNhdGlvbkRldGFpbHNBY3Rpb24odGhpcy5fc2hlbGxOb3RpZmljYXRpb25JbmRleCQudmFsdWUgPz8gLTEpKTtcbiAgfVxufVxuIiwiPG1hdC1jYXJkICpuZ0lmPVwiKHNoZWxsTm90aWZpY2F0aW9uJCB8IGFzeW5jKSBhcyBzaGVsbE5vdGlmaWNhdGlvbjsgZWxzZSBub05vdGlmaWNhdGlvblwiXG4gICAgY2xhc3M9XCJuZ3NzbS1zaGVsbC1ub3RpZmljYXRpb24tY2FyZFwiPlxuICAgIDxtYXQtY2FyZC1oZWFkZXJcbiAgICAgICAgW25nQ2xhc3NdPVwieyduZ3NzbS1zaGVsbC1ub3RpZmljYXRpb24tc3VjY2VzcycgOiBzaGVsbE5vdGlmaWNhdGlvbi50eXBlID09PSBzaGVsbE5vdGlmaWNhdGlvblR5cGUuc3VjY2VzcywgJ25nc3NtLXNoZWxsLW5vdGlmaWNhdGlvbi1lcnJvcic6c2hlbGxOb3RpZmljYXRpb24udHlwZSA9PT0gc2hlbGxOb3RpZmljYXRpb25UeXBlLmVycm9yfVwiPlxuICAgICAgICA8bWF0LWljb24gbWF0LWNhcmQtYXZhdGFyIGNsYXNzPVwiZmEtc29saWQgZmEtY2hlY2sgIG5nc3NtLXNoZWxsLWF2YXRhci1ub3RpZmljYXRpb24gXCJcbiAgICAgICAgICAgICpuZ0lmPVwic2hlbGxOb3RpZmljYXRpb24udHlwZSA9PT0gc2hlbGxOb3RpZmljYXRpb25UeXBlLnN1Y2Nlc3NcIj5cbiAgICAgICAgPC9tYXQtaWNvbj5cbiAgICAgICAgPG1hdC1pY29uIG1hdC1jYXJkLWF2YXRhciBjbGFzcz1cImZhLXNvbGlkIGZhLXRyaWFuZ2xlLWV4Y2xhbWF0aW9uICBuZ3NzbS1zaGVsbC1hdmF0YXItbm90aWZpY2F0aW9uIFwiXG4gICAgICAgICAgICAqbmdJZj1cInNoZWxsTm90aWZpY2F0aW9uLnR5cGUgPT09IHNoZWxsTm90aWZpY2F0aW9uVHlwZS5lcnJvclwiPlxuICAgICAgICA8L21hdC1pY29uPlxuICAgICAgICA8bWF0LWNhcmQtdGl0bGU+e3tzaGVsbE5vdGlmaWNhdGlvbi50aXRsZX19PC9tYXQtY2FyZC10aXRsZT5cbiAgICAgICAgPG1hdC1jYXJkLXN1YnRpdGxlPnt7c2hlbGxOb3RpZmljYXRpb24udGltZXN0YW1wIHwgZGF0ZTonc2hvcnRUaW1lJ319PC9tYXQtY2FyZC1zdWJ0aXRsZT5cbiAgICA8L21hdC1jYXJkLWhlYWRlcj5cbiAgICA8ZGl2IGNsYXNzPVwiZmxleC1yb3ctY2VudGVyXCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwiZnhGbGV4XCI+PC9zcGFuPlxuICAgICAgICA8YnV0dG9uIG1hdC1idXR0b24gKm5nSWY9XCIoZGlzcGxheURldGFpbHNCdXR0b24kIHwgYXN5bmMpID09PSB0cnVlICYmIHNoZWxsTm90aWZpY2F0aW9uLmRldGFpbHNcIlxuICAgICAgICAgICAgKGNsaWNrKT1cImRpc3BsYXlEZXRhaWxzKClcIj5cbiAgICAgICAgICAgIERpc3BsYXkgZGV0YWlsc1xuICAgICAgICA8L2J1dHRvbj5cbiAgICA8L2Rpdj5cbjwvbWF0LWNhcmQ+XG5cbjxuZy10ZW1wbGF0ZSAjbm9Ob3RpZmljYXRpb24+XG4gICAgTm8gbm90aWZpY2F0aW9uIHRvIGRpc3BsYXkuLi5cbjwvbmctdGVtcGxhdGU+Il19
|
package/esm2020/lib/components/shell-notification-popup/shell-notification-popup.component.mjs
CHANGED
|
@@ -19,10 +19,10 @@ export class ShellNotificationPopupComponent extends NgSsmComponent {
|
|
|
19
19
|
return this._shellNotificationIndex$.asObservable();
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
|
-
ShellNotificationPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.
|
|
23
|
-
ShellNotificationPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.
|
|
24
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.
|
|
22
|
+
ShellNotificationPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ShellNotificationPopupComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
+
ShellNotificationPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.11", type: ShellNotificationPopupComponent, selector: "ngssm-shell-notification-popup", usesInheritance: true, ngImport: i0, template: "<ngssm-shell-notification [shellNotificationIndex]=\"shellNotificationIndex$ | async\"></ngssm-shell-notification>", styles: [":host{display:flex;flex-direction:column}\n"], dependencies: [{ kind: "component", type: i2.ShellNotificationComponent, selector: "ngssm-shell-notification", inputs: ["displayDetailsButton", "shellNotificationIndex"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ShellNotificationPopupComponent, decorators: [{
|
|
25
25
|
type: Component,
|
|
26
26
|
args: [{ selector: 'ngssm-shell-notification-popup', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ngssm-shell-notification [shellNotificationIndex]=\"shellNotificationIndex$ | async\"></ngssm-shell-notification>", styles: [":host{display:flex;flex-direction:column}\n"] }]
|
|
27
27
|
}], ctorParameters: function () { return [{ type: i1.Store }]; } });
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hlbGwtbm90aWZpY2F0aW9uLXBvcHVwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nc3NtLXNoZWxsL3NyYy9saWIvY29tcG9uZW50cy9zaGVsbC1ub3RpZmljYXRpb24tcG9wdXAvc2hlbGwtbm90aWZpY2F0aW9uLXBvcHVwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nc3NtLXNoZWxsL3NyYy9saWIvY29tcG9uZW50cy9zaGVsbC1ub3RpZmljYXRpb24tcG9wdXAvc2hlbGwtbm90aWZpY2F0aW9uLXBvcHVwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkUsT0FBTyxFQUFFLGVBQWUsRUFBYyxNQUFNLE1BQU0sQ0FBQztBQUVuRCxPQUFPLEVBQUUsY0FBYyxFQUFTLE1BQU0sYUFBYSxDQUFDO0FBRXBELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGFBQWEsQ0FBQzs7Ozs7QUFRL0MsTUFBTSxPQUFPLCtCQUFnQyxTQUFRLGNBQWM7SUFHakUsWUFBWSxLQUFZO1FBQ3RCLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUhFLDZCQUF3QixHQUFHLElBQUksZUFBZSxDQUFTLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFLMUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxDQUFDLENBQUMsa0JBQWtCLENBQUMsYUFBYSxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsYUFBYSxFQUFFLEVBQUU7WUFDbEcsTUFBTSxLQUFLLEdBQUcsYUFBYSxJQUFJLEVBQUUsQ0FBQztZQUNsQyxJQUFJLENBQUMsd0JBQXdCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUM7UUFDdkQsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsSUFBVyx1QkFBdUI7UUFDaEMsT0FBTyxJQUFJLENBQUMsd0JBQXdCLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDdEQsQ0FBQzs7NkhBZFUsK0JBQStCO2lIQUEvQiwrQkFBK0IsNkZDYjVDLG9IQUFnSDs0RkRhbkcsK0JBQStCO2tCQU4zQyxTQUFTOytCQUNFLGdDQUFnQyxtQkFHekIsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCwgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuXG5pbXBvcnQgeyBOZ1NzbUNvbXBvbmVudCwgU3RvcmUgfSBmcm9tICduZ3NzbS1zdG9yZSc7XG5cbmltcG9ydCB7IHNlbGVjdFNoZWxsU3RhdGUgfSBmcm9tICcuLi8uLi9zdGF0ZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25nc3NtLXNoZWxsLW5vdGlmaWNhdGlvbi1wb3B1cCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9zaGVsbC1ub3RpZmljYXRpb24tcG9wdXAuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zaGVsbC1ub3RpZmljYXRpb24tcG9wdXAuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgU2hlbGxOb3RpZmljYXRpb25Qb3B1cENvbXBvbmVudCBleHRlbmRzIE5nU3NtQ29tcG9uZW50IHtcbiAgcHJpdmF0ZSByZWFkb25seSBfc2hlbGxOb3RpZmljYXRpb25JbmRleCQgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PG51bWJlcj4oLTEpO1xuXG4gIGNvbnN0cnVjdG9yKHN0b3JlOiBTdG9yZSkge1xuICAgIHN1cGVyKHN0b3JlKTtcblxuICAgIHRoaXMud2F0Y2goKHMpID0+IHNlbGVjdFNoZWxsU3RhdGUocykuc2hlbGxOb3RpZmljYXRpb25zLm5vdGlmaWNhdGlvbnMpLnN1YnNjcmliZSgobm90aWZpY2F0aW9ucykgPT4ge1xuICAgICAgY29uc3QgaXRlbXMgPSBub3RpZmljYXRpb25zID8/IFtdO1xuICAgICAgdGhpcy5fc2hlbGxOb3RpZmljYXRpb25JbmRleCQubmV4dChpdGVtcy5sZW5ndGggLSAxKTtcbiAgICB9KTtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgc2hlbGxOb3RpZmljYXRpb25JbmRleCQoKTogT2JzZXJ2YWJsZTxudW1iZXI+IHtcbiAgICByZXR1cm4gdGhpcy5fc2hlbGxOb3RpZmljYXRpb25JbmRleCQuYXNPYnNlcnZhYmxlKCk7XG4gIH1cbn1cbiIsIjxuZ3NzbS1zaGVsbC1ub3RpZmljYXRpb24gW3NoZWxsTm90aWZpY2F0aW9uSW5kZXhdPVwic2hlbGxOb3RpZmljYXRpb25JbmRleCQgfCBhc3luY1wiPjwvbmdzc20tc2hlbGwtbm90aWZpY2F0aW9uPiJdfQ==
|
|
@@ -11,9 +11,8 @@ import * as i2 from "@angular/common";
|
|
|
11
11
|
import * as i3 from "@angular/material/button";
|
|
12
12
|
import * as i4 from "@angular/material/icon";
|
|
13
13
|
import * as i5 from "@angular/material/card";
|
|
14
|
-
import * as i6 from "
|
|
15
|
-
import * as i7 from "
|
|
16
|
-
import * as i8 from "../shell-notification/shell-notification.component";
|
|
14
|
+
import * as i6 from "ngssm-ace-editor";
|
|
15
|
+
import * as i7 from "../shell-notification/shell-notification.component";
|
|
17
16
|
export class ShellNotificationsComponent extends NgSsmComponent {
|
|
18
17
|
constructor(store) {
|
|
19
18
|
super(store);
|
|
@@ -54,10 +53,10 @@ export class ShellNotificationsComponent extends NgSsmComponent {
|
|
|
54
53
|
this.dispatchActionType(ShellActionType.clearAllNotifications);
|
|
55
54
|
}
|
|
56
55
|
}
|
|
57
|
-
ShellNotificationsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.
|
|
58
|
-
ShellNotificationsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.
|
|
59
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.
|
|
56
|
+
ShellNotificationsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ShellNotificationsComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component });
|
|
57
|
+
ShellNotificationsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.11", type: ShellNotificationsComponent, selector: "ngssm-shell-notifications", usesInheritance: true, ngImport: i0, template: "<mat-card class=\"flex-column-stretch fxFlex\"\n *ngIf=\"(notificationSelected$ | async) === false; else notificationDetails\">\n <mat-card-title class=\"flex-row-center\">\n Notifications\n <span class=\"fxFlex\"></span>\n <button mat-stroked-button color=\"primary\" [disabled]=\"(notifications$ | async)?.length === 0\"\n (click)=\"clearAll()\">\n Clear all\n </button>\n </mat-card-title>\n <mat-card-content class=\"notifications-container flex-column-stretch fxFlex\">\n <ngssm-shell-notification *ngFor=\"let notification of notifications$ | async;let index=index\"\n [shellNotificationIndex]=\"index\" [displayDetailsButton]=\"true\">\n </ngssm-shell-notification>\n </mat-card-content>\n</mat-card>\n\n<ng-template #notificationDetails>\n <mat-card class=\"flex-column-stretch fxFlex\">\n <mat-card-title class=\"flex-row-center\">\n Notification details\n <span class=\"fxFlex\"></span>\n <button mat-icon-button (click)=\"closeDetailsPanel()\">\n <mat-icon class=\"fa-solid fa-rectangle-xmark\"></mat-icon>\n </button>\n </mat-card-title>\n <ngssm-ace-editor class=\"fxFlex\" [readonly]=\"true\" [content]=\"(details$ | async) ?? ''\"\n [editorMode]=\"ngssmAceEditorMode.json\">\n </ngssm-ace-editor>\n </mat-card>\n</ng-template>", styles: [":host{display:flex;flex-direction:column;padding:8px;min-width:400px;max-width:400px}:host .notifications-container{overflow:auto}:host ngssm-shell-notification{margin:4px}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i5.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "directive", type: i5.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: i6.AceEditorComponent, selector: "ngssm-ace-editor", inputs: ["content", "readonly", "editorMode"], outputs: ["contentChanged", "isValidChanged", "editorReady"] }, { kind: "component", type: i7.ShellNotificationComponent, selector: "ngssm-shell-notification", inputs: ["displayDetailsButton", "shellNotificationIndex"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
58
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ShellNotificationsComponent, decorators: [{
|
|
60
59
|
type: Component,
|
|
61
|
-
args: [{ selector: 'ngssm-shell-notifications', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-card
|
|
60
|
+
args: [{ selector: 'ngssm-shell-notifications', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-card class=\"flex-column-stretch fxFlex\"\n *ngIf=\"(notificationSelected$ | async) === false; else notificationDetails\">\n <mat-card-title class=\"flex-row-center\">\n Notifications\n <span class=\"fxFlex\"></span>\n <button mat-stroked-button color=\"primary\" [disabled]=\"(notifications$ | async)?.length === 0\"\n (click)=\"clearAll()\">\n Clear all\n </button>\n </mat-card-title>\n <mat-card-content class=\"notifications-container flex-column-stretch fxFlex\">\n <ngssm-shell-notification *ngFor=\"let notification of notifications$ | async;let index=index\"\n [shellNotificationIndex]=\"index\" [displayDetailsButton]=\"true\">\n </ngssm-shell-notification>\n </mat-card-content>\n</mat-card>\n\n<ng-template #notificationDetails>\n <mat-card class=\"flex-column-stretch fxFlex\">\n <mat-card-title class=\"flex-row-center\">\n Notification details\n <span class=\"fxFlex\"></span>\n <button mat-icon-button (click)=\"closeDetailsPanel()\">\n <mat-icon class=\"fa-solid fa-rectangle-xmark\"></mat-icon>\n </button>\n </mat-card-title>\n <ngssm-ace-editor class=\"fxFlex\" [readonly]=\"true\" [content]=\"(details$ | async) ?? ''\"\n [editorMode]=\"ngssmAceEditorMode.json\">\n </ngssm-ace-editor>\n </mat-card>\n</ng-template>", styles: [":host{display:flex;flex-direction:column;padding:8px;min-width:400px;max-width:400px}:host .notifications-container{overflow:auto}:host ngssm-shell-notification{margin:4px}\n"] }]
|
|
62
61
|
}], ctorParameters: function () { return [{ type: i1.Store }]; } });
|
|
63
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hlbGwtbm90aWZpY2F0aW9ucy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3NzbS1zaGVsbC9zcmMvbGliL2NvbXBvbmVudHMvc2hlbGwtbm90aWZpY2F0aW9ucy9zaGVsbC1ub3RpZmljYXRpb25zLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nc3NtLXNoZWxsL3NyYy9saWIvY29tcG9uZW50cy9zaGVsbC1ub3RpZmljYXRpb25zL3NoZWxsLW5vdGlmaWNhdGlvbnMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuRSxPQUFPLEVBQUUsZUFBZSxFQUFFLGFBQWEsRUFBYyxNQUFNLE1BQU0sQ0FBQztBQUVsRSxPQUFPLEVBQUUsY0FBYyxFQUFTLE1BQU0sYUFBYSxDQUFDO0FBQ3BELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBRXRELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUMvQyxPQUFPLEVBQXFCLHFCQUFxQixFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxnQ0FBZ0MsRUFBRSxlQUFlLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7OztBQVFsRixNQUFNLE9BQU8sMkJBQTRCLFNBQVEsY0FBYztJQVE3RCxZQUFZLEtBQVk7UUFDdEIsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBUkUsMkJBQXNCLEdBQUcsSUFBSSxlQUFlLENBQVUsS0FBSyxDQUFDLENBQUM7UUFDN0Qsb0JBQWUsR0FBRyxJQUFJLGVBQWUsQ0FBc0IsRUFBRSxDQUFDLENBQUM7UUFDL0QsY0FBUyxHQUFHLElBQUksZUFBZSxDQUFTLEVBQUUsQ0FBQyxDQUFDO1FBRTdDLDBCQUFxQixHQUFHLHFCQUFxQixDQUFDO1FBQzlDLHVCQUFrQixHQUFHLGtCQUFrQixDQUFDO1FBS3RELElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLGdCQUFnQixDQUFDLENBQUMsQ0FBQyxDQUFDLGtCQUFrQixDQUFDLGFBQWEsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLE1BQU0sRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsTUFBTSxJQUFJLEVBQUUsQ0FBQyxDQUFDLENBQUM7UUFFdkksYUFBYSxDQUFDO1lBQ1osSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxDQUFDLENBQUMsa0JBQWtCLENBQUMsYUFBYSxDQUFDO1lBQ3ZFLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLGdCQUFnQixDQUFDLENBQUMsQ0FBQyxDQUFDLGtCQUFrQixDQUFDLHlCQUF5QixDQUFDO1NBQ3BGLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxNQUFNLEVBQUUsRUFBRTtZQUN0QixNQUFNLEVBQUUsR0FBRyxNQUFNLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7WUFDM0IsSUFBSSxDQUFDLHNCQUFzQixDQUFDLElBQUksQ0FBQyxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUM1QyxNQUFNLE9BQU8sR0FBRyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsSUFBSSxFQUFFLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxPQUFPLENBQUM7WUFDL0MsSUFBSSxPQUFPLEVBQUU7Z0JBQ1gsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUM7YUFDdkQ7aUJBQU07Z0JBQ0wsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7YUFDekI7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxJQUFXLHFCQUFxQjtRQUM5QixPQUFPLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUNwRCxDQUFDO0lBRUQsSUFBVyxjQUFjO1FBQ3ZCLE9BQU8sSUFBSSxDQUFDLGVBQWUsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUM3QyxDQUFDO0lBRUQsSUFBVyxRQUFRO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN2QyxDQUFDO0lBRU0saUJBQWlCO1FBQ3RCLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxnQ0FBZ0MsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDO0lBQ3ZFLENBQUM7SUFFTSxRQUFRO1FBQ2IsSUFBSSxDQUFDLGtCQUFrQixDQUFDLGVBQWUsQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDO0lBQ2pFLENBQUM7O3lIQTlDVSwyQkFBMkI7NkdBQTNCLDJCQUEyQix3RkNoQnhDLDY1Q0E4QmM7NEZEZEQsMkJBQTJCO2tCQU52QyxTQUFTOytCQUNFLDJCQUEyQixtQkFHcEIsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCwgY29tYmluZUxhdGVzdCwgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuXG5pbXBvcnQgeyBOZ1NzbUNvbXBvbmVudCwgU3RvcmUgfSBmcm9tICduZ3NzbS1zdG9yZSc7XG5pbXBvcnQgeyBOZ3NzbUFjZUVkaXRvck1vZGUgfSBmcm9tICduZ3NzbS1hY2UtZWRpdG9yJztcblxuaW1wb3J0IHsgc2VsZWN0U2hlbGxTdGF0ZSB9IGZyb20gJy4uLy4uL3N0YXRlJztcbmltcG9ydCB7IFNoZWxsTm90aWZpY2F0aW9uLCBTaGVsbE5vdGlmaWNhdGlvblR5cGUgfSBmcm9tICcuLi8uLi9tb2RlbCc7XG5pbXBvcnQgeyBEaXNwbGF5Tm90aWZpY2F0aW9uRGV0YWlsc0FjdGlvbiwgU2hlbGxBY3Rpb25UeXBlIH0gZnJvbSAnLi4vLi4vYWN0aW9ucyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25nc3NtLXNoZWxsLW5vdGlmaWNhdGlvbnMnLFxuICB0ZW1wbGF0ZVVybDogJy4vc2hlbGwtbm90aWZpY2F0aW9ucy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NoZWxsLW5vdGlmaWNhdGlvbnMuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgU2hlbGxOb3RpZmljYXRpb25zQ29tcG9uZW50IGV4dGVuZHMgTmdTc21Db21wb25lbnQge1xuICBwcml2YXRlIHJlYWRvbmx5IF9ub3RpZmljYXRpb25TZWxlY3RlZCQgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PGJvb2xlYW4+KGZhbHNlKTtcbiAgcHJpdmF0ZSByZWFkb25seSBfbm90aWZpY2F0aW9ucyQgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PFNoZWxsTm90aWZpY2F0aW9uW10+KFtdKTtcbiAgcHJpdmF0ZSByZWFkb25seSBfZGV0YWlscyQgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PHN0cmluZz4oJycpO1xuXG4gIHB1YmxpYyByZWFkb25seSBzaGVsbE5vdGlmaWNhdGlvblR5cGUgPSBTaGVsbE5vdGlmaWNhdGlvblR5cGU7XG4gIHB1YmxpYyByZWFkb25seSBuZ3NzbUFjZUVkaXRvck1vZGUgPSBOZ3NzbUFjZUVkaXRvck1vZGU7XG5cbiAgY29uc3RydWN0b3Ioc3RvcmU6IFN0b3JlKSB7XG4gICAgc3VwZXIoc3RvcmUpO1xuXG4gICAgdGhpcy53YXRjaCgocykgPT4gc2VsZWN0U2hlbGxTdGF0ZShzKS5zaGVsbE5vdGlmaWNhdGlvbnMubm90aWZpY2F0aW9ucykuc3Vic2NyaWJlKCh2YWx1ZXMpID0+IHRoaXMuX25vdGlmaWNhdGlvbnMkLm5leHQodmFsdWVzID8/IFtdKSk7XG5cbiAgICBjb21iaW5lTGF0ZXN0KFtcbiAgICAgIHRoaXMud2F0Y2goKHMpID0+IHNlbGVjdFNoZWxsU3RhdGUocykuc2hlbGxOb3RpZmljYXRpb25zLm5vdGlmaWNhdGlvbnMpLFxuICAgICAgdGhpcy53YXRjaCgocykgPT4gc2VsZWN0U2hlbGxTdGF0ZShzKS5zaGVsbE5vdGlmaWNhdGlvbnMuc2VsZWN0ZWROb3RpZmljYWl0b25JbmRleClcbiAgICBdKS5zdWJzY3JpYmUoKHZhbHVlcykgPT4ge1xuICAgICAgY29uc3QgaWQgPSB2YWx1ZXNbMV0gPz8gLTE7XG4gICAgICB0aGlzLl9ub3RpZmljYXRpb25TZWxlY3RlZCQubmV4dChpZCAhPT0gLTEpO1xuICAgICAgY29uc3QgZGV0YWlscyA9ICh2YWx1ZXNbMF0gPz8gW10pW2lkXT8uZGV0YWlscztcbiAgICAgIGlmIChkZXRhaWxzKSB7XG4gICAgICAgIHRoaXMuX2RldGFpbHMkLm5leHQoSlNPTi5zdHJpbmdpZnkoZGV0YWlscywgbnVsbCwgMikpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGhpcy5fZGV0YWlscyQubmV4dCgnJyk7XG4gICAgICB9XG4gICAgfSk7XG4gIH1cblxuICBwdWJsaWMgZ2V0IG5vdGlmaWNhdGlvblNlbGVjdGVkJCgpOiBPYnNlcnZhYmxlPGJvb2xlYW4+IHtcbiAgICByZXR1cm4gdGhpcy5fbm90aWZpY2F0aW9uU2VsZWN0ZWQkLmFzT2JzZXJ2YWJsZSgpO1xuICB9XG5cbiAgcHVibGljIGdldCBub3RpZmljYXRpb25zJCgpOiBPYnNlcnZhYmxlPFNoZWxsTm90aWZpY2F0aW9uW10+IHtcbiAgICByZXR1cm4gdGhpcy5fbm90aWZpY2F0aW9ucyQuYXNPYnNlcnZhYmxlKCk7XG4gIH1cblxuICBwdWJsaWMgZ2V0IGRldGFpbHMkKCk6IE9ic2VydmFibGU8c3RyaW5nPiB7XG4gICAgcmV0dXJuIHRoaXMuX2RldGFpbHMkLmFzT2JzZXJ2YWJsZSgpO1xuICB9XG5cbiAgcHVibGljIGNsb3NlRGV0YWlsc1BhbmVsKCk6IHZvaWQge1xuICAgIHRoaXMuZGlzcGF0Y2hBY3Rpb24obmV3IERpc3BsYXlOb3RpZmljYXRpb25EZXRhaWxzQWN0aW9uKHVuZGVmaW5lZCkpO1xuICB9XG5cbiAgcHVibGljIGNsZWFyQWxsKCk6IHZvaWQge1xuICAgIHRoaXMuZGlzcGF0Y2hBY3Rpb25UeXBlKFNoZWxsQWN0aW9uVHlwZS5jbGVhckFsbE5vdGlmaWNhdGlvbnMpO1xuICB9XG59XG4iLCI8bWF0LWNhcmQgY2xhc3M9XCJmbGV4LWNvbHVtbi1zdHJldGNoIGZ4RmxleFwiXG4gICAgKm5nSWY9XCIobm90aWZpY2F0aW9uU2VsZWN0ZWQkIHwgYXN5bmMpID09PSBmYWxzZTsgZWxzZSBub3RpZmljYXRpb25EZXRhaWxzXCI+XG4gICAgPG1hdC1jYXJkLXRpdGxlIGNsYXNzPVwiZmxleC1yb3ctY2VudGVyXCI+XG4gICAgICAgIE5vdGlmaWNhdGlvbnNcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJmeEZsZXhcIj48L3NwYW4+XG4gICAgICAgIDxidXR0b24gbWF0LXN0cm9rZWQtYnV0dG9uIGNvbG9yPVwicHJpbWFyeVwiIFtkaXNhYmxlZF09XCIobm90aWZpY2F0aW9ucyQgfCBhc3luYyk/Lmxlbmd0aCA9PT0gMFwiXG4gICAgICAgICAgICAoY2xpY2spPVwiY2xlYXJBbGwoKVwiPlxuICAgICAgICAgICAgQ2xlYXIgYWxsXG4gICAgICAgIDwvYnV0dG9uPlxuICAgIDwvbWF0LWNhcmQtdGl0bGU+XG4gICAgPG1hdC1jYXJkLWNvbnRlbnQgY2xhc3M9XCJub3RpZmljYXRpb25zLWNvbnRhaW5lciBmbGV4LWNvbHVtbi1zdHJldGNoIGZ4RmxleFwiPlxuICAgICAgICA8bmdzc20tc2hlbGwtbm90aWZpY2F0aW9uICpuZ0Zvcj1cImxldCBub3RpZmljYXRpb24gb2Ygbm90aWZpY2F0aW9ucyQgfCBhc3luYztsZXQgaW5kZXg9aW5kZXhcIlxuICAgICAgICAgICAgW3NoZWxsTm90aWZpY2F0aW9uSW5kZXhdPVwiaW5kZXhcIiBbZGlzcGxheURldGFpbHNCdXR0b25dPVwidHJ1ZVwiPlxuICAgICAgICA8L25nc3NtLXNoZWxsLW5vdGlmaWNhdGlvbj5cbiAgICA8L21hdC1jYXJkLWNvbnRlbnQ+XG48L21hdC1jYXJkPlxuXG48bmctdGVtcGxhdGUgI25vdGlmaWNhdGlvbkRldGFpbHM+XG4gICAgPG1hdC1jYXJkIGNsYXNzPVwiZmxleC1jb2x1bW4tc3RyZXRjaCBmeEZsZXhcIj5cbiAgICAgICAgPG1hdC1jYXJkLXRpdGxlIGNsYXNzPVwiZmxleC1yb3ctY2VudGVyXCI+XG4gICAgICAgICAgICBOb3RpZmljYXRpb24gZGV0YWlsc1xuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJmeEZsZXhcIj48L3NwYW4+XG4gICAgICAgICAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbiAoY2xpY2spPVwiY2xvc2VEZXRhaWxzUGFuZWwoKVwiPlxuICAgICAgICAgICAgICAgIDxtYXQtaWNvbiBjbGFzcz1cImZhLXNvbGlkIGZhLXJlY3RhbmdsZS14bWFya1wiPjwvbWF0LWljb24+XG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPC9tYXQtY2FyZC10aXRsZT5cbiAgICAgICAgPG5nc3NtLWFjZS1lZGl0b3IgY2xhc3M9XCJmeEZsZXhcIiBbcmVhZG9ubHldPVwidHJ1ZVwiIFtjb250ZW50XT1cIihkZXRhaWxzJCB8IGFzeW5jKSA/PyAnJ1wiXG4gICAgICAgICAgICBbZWRpdG9yTW9kZV09XCJuZ3NzbUFjZUVkaXRvck1vZGUuanNvblwiPlxuICAgICAgICA8L25nc3NtLWFjZS1lZGl0b3I+XG4gICAgPC9tYXQtY2FyZD5cbjwvbmctdGVtcGxhdGU+Il19
|
|
@@ -5,10 +5,8 @@ import * as i0 from "@angular/core";
|
|
|
5
5
|
import * as i1 from "ngssm-store";
|
|
6
6
|
import * as i2 from "@angular/router";
|
|
7
7
|
import * as i3 from "@angular/common";
|
|
8
|
-
import * as i4 from "@angular/material/
|
|
9
|
-
import * as i5 from "
|
|
10
|
-
import * as i6 from "@angular/flex-layout/flex";
|
|
11
|
-
import * as i7 from "../wrapper/wrapper.component";
|
|
8
|
+
import * as i4 from "@angular/material/divider";
|
|
9
|
+
import * as i5 from "../wrapper/wrapper.component";
|
|
12
10
|
export class SideNavComponent extends NgSsmComponent {
|
|
13
11
|
constructor(store) {
|
|
14
12
|
super(store);
|
|
@@ -22,15 +20,15 @@ export class SideNavComponent extends NgSsmComponent {
|
|
|
22
20
|
return this._sidenavConfig$.asObservable();
|
|
23
21
|
}
|
|
24
22
|
}
|
|
25
|
-
SideNavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.
|
|
26
|
-
SideNavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.
|
|
27
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.
|
|
23
|
+
SideNavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: SideNavComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component });
|
|
24
|
+
SideNavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.11", type: SideNavComponent, selector: "ngssm-side-nav", inputs: { config: "config" }, host: { properties: { "class": "this.class" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ngssm-sidenav-main-container\" *ngIf=\"(sidenavConfig$ | async) as config\">\n <div class=\"ngssm-sidenav-title\" *ngIf=\"config.title\">{{config.title}}</div>\n <mat-divider *ngIf=\"config.title\"></mat-divider>\n <ng-container *ngFor=\"let section of config.sections;let last = last;\" class=\"ngssm-sidenav-section-container\">\n <div class=\"ngssm-sidenav-section-item-container\">\n <div *ngIf=\"!section.route\" class=\"ngssm-sidenav-section-item\">\n <span *ngIf=\"section.icon\" [innerHTML]=\"section.icon\" class=\"ngssm-sidenav-item-icon\"></span>\n {{section.label}}\n <ngssm-wrapper *ngIf=\"section.component\" [item]=\"section.component\"></ngssm-wrapper>\n </div>\n\n <a [routerLink]=\"section.route\" routerLinkActive=\"ngssm-sidenav-active-link\"\n [routerLinkActiveOptions]=\"{exact:section.linkActiveOnlyIfExact === true}\" *ngIf=\"section.route\"\n class=\"ngssm-sidenav-section-item\">\n <div>\n <span *ngIf=\"section.icon\" [innerHTML]=\"section.icon\" class=\"ngssm-sidenav-item-icon\"></span>\n {{section.label}}\n <ngssm-wrapper *ngIf=\"section.component\" [item]=\"section.component\"></ngssm-wrapper>\n </div>\n </a>\n </div>\n <div *ngFor=\"let item of section.items\" class=\"ngssm-sidenav-item-container\">\n <div *ngIf=\"!item.route\" class=\"ngssm-sidenav-section-item\">\n <span *ngIf=\"item.icon\" [innerHTML]=\"item.icon\" class=\"ngssm-sidenav-item-icon\"></span>\n {{item.label}}\n <ngssm-wrapper *ngIf=\"item.component\" [item]=\"item.component\"></ngssm-wrapper>\n </div>\n\n <a [routerLink]=\"item.route\" routerLinkActive=\"ngssm-sidenav-active-link\"\n [routerLinkActiveOptions]=\"{exact:item.linkActiveOnlyIfExact === true}\" *ngIf=\"item.route\"\n class=\"ngssm-sidenav-section-item\">\n <div>\n <span *ngIf=\"item.icon\" [innerHTML]=\"item.icon\" class=\"ngssm-sidenav-item-icon\"></span>\n {{item.label}}\n <ngssm-wrapper *ngIf=\"item.component\" [item]=\"item.component\"></ngssm-wrapper>\n </div>\n </a>\n </div>\n\n <mat-divider *ngIf=\"!last\"></mat-divider>\n </ng-container>\n</div>", dependencies: [{ kind: "directive", type: i2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i5.WrapperComponent, selector: "ngssm-wrapper", inputs: ["item"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: SideNavComponent, decorators: [{
|
|
28
26
|
type: Component,
|
|
29
|
-
args: [{ selector: 'ngssm-side-nav', changeDetection: ChangeDetectionStrategy.OnPush, template: "<
|
|
27
|
+
args: [{ selector: 'ngssm-side-nav', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ngssm-sidenav-main-container\" *ngIf=\"(sidenavConfig$ | async) as config\">\n <div class=\"ngssm-sidenav-title\" *ngIf=\"config.title\">{{config.title}}</div>\n <mat-divider *ngIf=\"config.title\"></mat-divider>\n <ng-container *ngFor=\"let section of config.sections;let last = last;\" class=\"ngssm-sidenav-section-container\">\n <div class=\"ngssm-sidenav-section-item-container\">\n <div *ngIf=\"!section.route\" class=\"ngssm-sidenav-section-item\">\n <span *ngIf=\"section.icon\" [innerHTML]=\"section.icon\" class=\"ngssm-sidenav-item-icon\"></span>\n {{section.label}}\n <ngssm-wrapper *ngIf=\"section.component\" [item]=\"section.component\"></ngssm-wrapper>\n </div>\n\n <a [routerLink]=\"section.route\" routerLinkActive=\"ngssm-sidenav-active-link\"\n [routerLinkActiveOptions]=\"{exact:section.linkActiveOnlyIfExact === true}\" *ngIf=\"section.route\"\n class=\"ngssm-sidenav-section-item\">\n <div>\n <span *ngIf=\"section.icon\" [innerHTML]=\"section.icon\" class=\"ngssm-sidenav-item-icon\"></span>\n {{section.label}}\n <ngssm-wrapper *ngIf=\"section.component\" [item]=\"section.component\"></ngssm-wrapper>\n </div>\n </a>\n </div>\n <div *ngFor=\"let item of section.items\" class=\"ngssm-sidenav-item-container\">\n <div *ngIf=\"!item.route\" class=\"ngssm-sidenav-section-item\">\n <span *ngIf=\"item.icon\" [innerHTML]=\"item.icon\" class=\"ngssm-sidenav-item-icon\"></span>\n {{item.label}}\n <ngssm-wrapper *ngIf=\"item.component\" [item]=\"item.component\"></ngssm-wrapper>\n </div>\n\n <a [routerLink]=\"item.route\" routerLinkActive=\"ngssm-sidenav-active-link\"\n [routerLinkActiveOptions]=\"{exact:item.linkActiveOnlyIfExact === true}\" *ngIf=\"item.route\"\n class=\"ngssm-sidenav-section-item\">\n <div>\n <span *ngIf=\"item.icon\" [innerHTML]=\"item.icon\" class=\"ngssm-sidenav-item-icon\"></span>\n {{item.label}}\n <ngssm-wrapper *ngIf=\"item.component\" [item]=\"item.component\"></ngssm-wrapper>\n </div>\n </a>\n </div>\n\n <mat-divider *ngIf=\"!last\"></mat-divider>\n </ng-container>\n</div>" }]
|
|
30
28
|
}], ctorParameters: function () { return [{ type: i1.Store }]; }, propDecorators: { class: [{
|
|
31
29
|
type: HostBinding,
|
|
32
30
|
args: ['class']
|
|
33
31
|
}], config: [{
|
|
34
32
|
type: Input
|
|
35
33
|
}] } });
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1uYXYuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmdzc20tc2hlbGwvc3JjL2xpYi9jb21wb25lbnRzL3NpZGUtbmF2L3NpZGUtbmF2LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nc3NtLXNoZWxsL3NyYy9saWIvY29tcG9uZW50cy9zaWRlLW5hdi9zaWRlLW5hdi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLHVCQUF1QixFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkYsT0FBTyxFQUFFLGVBQWUsRUFBYyxNQUFNLE1BQU0sQ0FBQztBQUVuRCxPQUFPLEVBQUUsY0FBYyxFQUFTLE1BQU0sYUFBYSxDQUFDOzs7Ozs7O0FBU3BELE1BQU0sT0FBTyxnQkFBaUIsU0FBUSxjQUFjO0lBS2xELFlBQVksS0FBWTtRQUN0QixLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFMRSxvQkFBZSxHQUFHLElBQUksZUFBZSxDQUE0QixTQUFTLENBQUMsQ0FBQztRQUV2RSxVQUFLLEdBQUcsZUFBZSxDQUFDO0lBSTlDLENBQUM7SUFFRCxJQUFvQixNQUFNLENBQUMsS0FBZ0M7UUFDekQsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDbkMsQ0FBQztJQUVELElBQVcsY0FBYztRQUN2QixPQUFPLElBQUksQ0FBQyxlQUFlLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDN0MsQ0FBQzs7OEdBZlUsZ0JBQWdCO2tHQUFoQixnQkFBZ0IsNEpDWjdCLDI4RUF5Q007NEZEN0JPLGdCQUFnQjtrQkFMNUIsU0FBUzsrQkFDRSxnQkFBZ0IsbUJBRVQsdUJBQXVCLENBQUMsTUFBTTs0RkFLekIsS0FBSztzQkFBMUIsV0FBVzt1QkFBQyxPQUFPO2dCQU1BLE1BQU07c0JBQXpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBJbnB1dCwgSG9zdEJpbmRpbmcgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCwgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuXG5pbXBvcnQgeyBOZ1NzbUNvbXBvbmVudCwgU3RvcmUgfSBmcm9tICduZ3NzbS1zdG9yZSc7XG5cbmltcG9ydCB7IFNpZGVuYXZDb25maWcgfSBmcm9tICcuLi8uLi9tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25nc3NtLXNpZGUtbmF2JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NpZGUtbmF2LmNvbXBvbmVudC5odG1sJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgU2lkZU5hdkNvbXBvbmVudCBleHRlbmRzIE5nU3NtQ29tcG9uZW50IHtcbiAgcHJpdmF0ZSByZWFkb25seSBfc2lkZW5hdkNvbmZpZyQgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PFNpZGVuYXZDb25maWcgfCB1bmRlZmluZWQ+KHVuZGVmaW5lZCk7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpIGNsYXNzID0gJ25nc3NtLXNpZGVuYXYnO1xuXG4gIGNvbnN0cnVjdG9yKHN0b3JlOiBTdG9yZSkge1xuICAgIHN1cGVyKHN0b3JlKTtcbiAgfVxuXG4gIEBJbnB1dCgpIHB1YmxpYyBzZXQgY29uZmlnKHZhbHVlOiBTaWRlbmF2Q29uZmlnIHwgdW5kZWZpbmVkKSB7XG4gICAgdGhpcy5fc2lkZW5hdkNvbmZpZyQubmV4dCh2YWx1ZSk7XG4gIH1cblxuICBwdWJsaWMgZ2V0IHNpZGVuYXZDb25maWckKCk6IE9ic2VydmFibGU8U2lkZW5hdkNvbmZpZyB8IHVuZGVmaW5lZD4ge1xuICAgIHJldHVybiB0aGlzLl9zaWRlbmF2Q29uZmlnJC5hc09ic2VydmFibGUoKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cIm5nc3NtLXNpZGVuYXYtbWFpbi1jb250YWluZXJcIiAqbmdJZj1cIihzaWRlbmF2Q29uZmlnJCB8IGFzeW5jKSBhcyBjb25maWdcIj5cbiAgICA8ZGl2IGNsYXNzPVwibmdzc20tc2lkZW5hdi10aXRsZVwiICpuZ0lmPVwiY29uZmlnLnRpdGxlXCI+e3tjb25maWcudGl0bGV9fTwvZGl2PlxuICAgIDxtYXQtZGl2aWRlciAqbmdJZj1cImNvbmZpZy50aXRsZVwiPjwvbWF0LWRpdmlkZXI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgc2VjdGlvbiBvZiBjb25maWcuc2VjdGlvbnM7bGV0IGxhc3QgPSBsYXN0O1wiIGNsYXNzPVwibmdzc20tc2lkZW5hdi1zZWN0aW9uLWNvbnRhaW5lclwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwibmdzc20tc2lkZW5hdi1zZWN0aW9uLWl0ZW0tY29udGFpbmVyXCI+XG4gICAgICAgICAgICA8ZGl2ICpuZ0lmPVwiIXNlY3Rpb24ucm91dGVcIiBjbGFzcz1cIm5nc3NtLXNpZGVuYXYtc2VjdGlvbi1pdGVtXCI+XG4gICAgICAgICAgICAgICAgPHNwYW4gKm5nSWY9XCJzZWN0aW9uLmljb25cIiBbaW5uZXJIVE1MXT1cInNlY3Rpb24uaWNvblwiIGNsYXNzPVwibmdzc20tc2lkZW5hdi1pdGVtLWljb25cIj48L3NwYW4+XG4gICAgICAgICAgICAgICAge3tzZWN0aW9uLmxhYmVsfX1cbiAgICAgICAgICAgICAgICA8bmdzc20td3JhcHBlciAqbmdJZj1cInNlY3Rpb24uY29tcG9uZW50XCIgW2l0ZW1dPVwic2VjdGlvbi5jb21wb25lbnRcIj48L25nc3NtLXdyYXBwZXI+XG4gICAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgICAgPGEgW3JvdXRlckxpbmtdPVwic2VjdGlvbi5yb3V0ZVwiIHJvdXRlckxpbmtBY3RpdmU9XCJuZ3NzbS1zaWRlbmF2LWFjdGl2ZS1saW5rXCJcbiAgICAgICAgICAgICAgICBbcm91dGVyTGlua0FjdGl2ZU9wdGlvbnNdPVwie2V4YWN0OnNlY3Rpb24ubGlua0FjdGl2ZU9ubHlJZkV4YWN0ID09PSB0cnVlfVwiICpuZ0lmPVwic2VjdGlvbi5yb3V0ZVwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJuZ3NzbS1zaWRlbmF2LXNlY3Rpb24taXRlbVwiPlxuICAgICAgICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwic2VjdGlvbi5pY29uXCIgW2lubmVySFRNTF09XCJzZWN0aW9uLmljb25cIiBjbGFzcz1cIm5nc3NtLXNpZGVuYXYtaXRlbS1pY29uXCI+PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICB7e3NlY3Rpb24ubGFiZWx9fVxuICAgICAgICAgICAgICAgICAgICA8bmdzc20td3JhcHBlciAqbmdJZj1cInNlY3Rpb24uY29tcG9uZW50XCIgW2l0ZW1dPVwic2VjdGlvbi5jb21wb25lbnRcIj48L25nc3NtLXdyYXBwZXI+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2E+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2ICpuZ0Zvcj1cImxldCBpdGVtIG9mIHNlY3Rpb24uaXRlbXNcIiBjbGFzcz1cIm5nc3NtLXNpZGVuYXYtaXRlbS1jb250YWluZXJcIj5cbiAgICAgICAgICAgIDxkaXYgKm5nSWY9XCIhaXRlbS5yb3V0ZVwiIGNsYXNzPVwibmdzc20tc2lkZW5hdi1zZWN0aW9uLWl0ZW1cIj5cbiAgICAgICAgICAgICAgICA8c3BhbiAqbmdJZj1cIml0ZW0uaWNvblwiIFtpbm5lckhUTUxdPVwiaXRlbS5pY29uXCIgY2xhc3M9XCJuZ3NzbS1zaWRlbmF2LWl0ZW0taWNvblwiPjwvc3Bhbj5cbiAgICAgICAgICAgICAgICB7e2l0ZW0ubGFiZWx9fVxuICAgICAgICAgICAgICAgIDxuZ3NzbS13cmFwcGVyICpuZ0lmPVwiaXRlbS5jb21wb25lbnRcIiBbaXRlbV09XCJpdGVtLmNvbXBvbmVudFwiPjwvbmdzc20td3JhcHBlcj5cbiAgICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgICA8YSBbcm91dGVyTGlua109XCJpdGVtLnJvdXRlXCIgcm91dGVyTGlua0FjdGl2ZT1cIm5nc3NtLXNpZGVuYXYtYWN0aXZlLWxpbmtcIlxuICAgICAgICAgICAgICAgIFtyb3V0ZXJMaW5rQWN0aXZlT3B0aW9uc109XCJ7ZXhhY3Q6aXRlbS5saW5rQWN0aXZlT25seUlmRXhhY3QgPT09IHRydWV9XCIgKm5nSWY9XCJpdGVtLnJvdXRlXCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cIm5nc3NtLXNpZGVuYXYtc2VjdGlvbi1pdGVtXCI+XG4gICAgICAgICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgICAgICAgICAgPHNwYW4gKm5nSWY9XCJpdGVtLmljb25cIiBbaW5uZXJIVE1MXT1cIml0ZW0uaWNvblwiIGNsYXNzPVwibmdzc20tc2lkZW5hdi1pdGVtLWljb25cIj48L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIHt7aXRlbS5sYWJlbH19XG4gICAgICAgICAgICAgICAgICAgIDxuZ3NzbS13cmFwcGVyICpuZ0lmPVwiaXRlbS5jb21wb25lbnRcIiBbaXRlbV09XCJpdGVtLmNvbXBvbmVudFwiPjwvbmdzc20td3JhcHBlcj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvYT5cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPG1hdC1kaXZpZGVyICpuZ0lmPVwiIWxhc3RcIj48L21hdC1kaXZpZGVyPlxuICAgIDwvbmctY29udGFpbmVyPlxuPC9kaXY+Il19
|
|
@@ -23,12 +23,12 @@ export class WrapperComponent extends NgSsmComponent {
|
|
|
23
23
|
return this._innerHtml$.asObservable();
|
|
24
24
|
}
|
|
25
25
|
}
|
|
26
|
-
WrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.
|
|
27
|
-
WrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.
|
|
28
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.
|
|
26
|
+
WrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: WrapperComponent, deps: [{ token: i1.Store }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
27
|
+
WrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.11", type: WrapperComponent, selector: "ngssm-wrapper", inputs: { item: "item" }, usesInheritance: true, ngImport: i0, template: "<span *ngIf=\"(innerHtml$ | async) as innerHtml\" [innerHTML]=\"innerHtml\"></span>", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
28
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: WrapperComponent, decorators: [{
|
|
29
29
|
type: Component,
|
|
30
30
|
args: [{ selector: 'ngssm-wrapper', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span *ngIf=\"(innerHtml$ | async) as innerHtml\" [innerHTML]=\"innerHtml\"></span>" }]
|
|
31
31
|
}], ctorParameters: function () { return [{ type: i1.Store }, { type: i0.ViewContainerRef }]; }, propDecorators: { item: [{
|
|
32
32
|
type: Input
|
|
33
33
|
}] } });
|
|
34
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid3JhcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3NzbS1zaGVsbC9zcmMvbGliL2NvbXBvbmVudHMvd3JhcHBlci93cmFwcGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nc3NtLXNoZWxsL3NyYy9saWIvY29tcG9uZW50cy93cmFwcGVyL3dyYXBwZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSx1QkFBdUIsRUFBRSxLQUFLLEVBQW9CLE1BQU0sZUFBZSxDQUFDO0FBQzVGLE9BQU8sRUFBRSxlQUFlLEVBQWMsTUFBTSxNQUFNLENBQUM7QUFFbkQsT0FBTyxFQUFFLGNBQWMsRUFBUyxNQUFNLGFBQWEsQ0FBQzs7OztBQU9wRCxNQUFNLE9BQU8sZ0JBQWlCLFNBQVEsY0FBYztJQUdsRCxZQUFZLEtBQVksRUFBVSxnQkFBa0M7UUFDbEUsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBRG1CLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBa0I7UUFGbkQsZ0JBQVcsR0FBRyxJQUFJLGVBQWUsQ0FBcUIsU0FBUyxDQUFDLENBQUM7SUFJbEYsQ0FBQztJQUVELElBQW9CLElBQUksQ0FBQyxLQUFVO1FBQ2pDLElBQUksT0FBTyxLQUFLLEtBQUssUUFBUSxFQUFFO1lBQzdCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQzlCO2FBQU0sSUFBSSxDQUFDLENBQUMsS0FBSyxFQUFFO1lBQ2xCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUM5QixJQUFJLENBQUMsZ0JBQWdCLENBQUMsZUFBZSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQzlDO0lBQ0gsQ0FBQztJQUVELElBQVcsVUFBVTtRQUNuQixPQUFPLElBQUksQ0FBQyxXQUFXLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDekMsQ0FBQzs7OEdBbEJVLGdCQUFnQjtrR0FBaEIsZ0JBQWdCLHNHQ1Y3QixxRkFBK0U7NEZEVWxFLGdCQUFnQjtrQkFMNUIsU0FBUzsrQkFDRSxlQUFlLG1CQUVSLHVCQUF1QixDQUFDLE1BQU07MkhBUzNCLElBQUk7c0JBQXZCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBJbnB1dCwgVmlld0NvbnRhaW5lclJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQmVoYXZpb3JTdWJqZWN0LCBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5cbmltcG9ydCB7IE5nU3NtQ29tcG9uZW50LCBTdG9yZSB9IGZyb20gJ25nc3NtLXN0b3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmdzc20td3JhcHBlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi93cmFwcGVyLmNvbXBvbmVudC5odG1sJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgV3JhcHBlckNvbXBvbmVudCBleHRlbmRzIE5nU3NtQ29tcG9uZW50IHtcbiAgcHJpdmF0ZSByZWFkb25seSBfaW5uZXJIdG1sJCA9IG5ldyBCZWhhdmlvclN1YmplY3Q8c3RyaW5nIHwgdW5kZWZpbmVkPih1bmRlZmluZWQpO1xuXG4gIGNvbnN0cnVjdG9yKHN0b3JlOiBTdG9yZSwgcHJpdmF0ZSB2aWV3Q29udGFpbmVyUmVmOiBWaWV3Q29udGFpbmVyUmVmKSB7XG4gICAgc3VwZXIoc3RvcmUpO1xuICB9XG5cbiAgQElucHV0KCkgcHVibGljIHNldCBpdGVtKHZhbHVlOiBhbnkpIHtcbiAgICBpZiAodHlwZW9mIHZhbHVlID09PSAnc3RyaW5nJykge1xuICAgICAgdGhpcy5faW5uZXJIdG1sJC5uZXh0KHZhbHVlKTtcbiAgICB9IGVsc2UgaWYgKCEhdmFsdWUpIHtcbiAgICAgIHRoaXMudmlld0NvbnRhaW5lclJlZi5jbGVhcigpO1xuICAgICAgdGhpcy52aWV3Q29udGFpbmVyUmVmLmNyZWF0ZUNvbXBvbmVudCh2YWx1ZSk7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIGdldCBpbm5lckh0bWwkKCk6IE9ic2VydmFibGU8c3RyaW5nIHwgdW5kZWZpbmVkPiB7XG4gICAgcmV0dXJuIHRoaXMuX2lubmVySHRtbCQuYXNPYnNlcnZhYmxlKCk7XG4gIH1cbn1cbiIsIjxzcGFuICpuZ0lmPVwiKGlubmVySHRtbCQgfCBhc3luYykgYXMgaW5uZXJIdG1sXCIgW2lubmVySFRNTF09XCJpbm5lckh0bWxcIj48L3NwYW4+Il19
|