@flywheel-io/vision 0.6.0 → 0.7.0
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/components/dialog/choice-dialog.component.d.ts +8 -5
- package/elements/README.md +20 -0
- package/elements/package.json +5 -5
- package/{esm2015/components/button/button.component.js → esm2020/components/button/button.component.mjs} +6 -11
- package/{esm2015/components/button/button.module.js → esm2020/components/button/button.module.mjs} +4 -4
- package/{esm2015/components/button-group/button-group.component.js → esm2020/components/button-group/button-group.component.mjs} +6 -12
- package/{esm2015/components/button-group/button-group.module.js → esm2020/components/button-group/button-group.module.mjs} +4 -4
- package/esm2020/components/dialog/choice-dialog.component.mjs +90 -0
- package/{esm2015/components/dialog/confirm-dialog.component.js → esm2020/components/dialog/confirm-dialog.component.mjs} +4 -4
- package/{esm2015/components/dialog/dialog.module.js → esm2020/components/dialog/dialog.module.mjs} +4 -4
- package/esm2020/components/dialog/dialog.service.mjs +72 -0
- package/{esm2015/components/dialog/error-dialog.component.js → esm2020/components/dialog/error-dialog.component.mjs} +4 -4
- package/esm2020/components/dialog/portal-dialog.component.mjs +112 -0
- package/{esm2015/components/icon/icon.component.js → esm2020/components/icon/icon.component.mjs} +3 -3
- package/{esm2015/components/icon/icon.module.js → esm2020/components/icon/icon.module.mjs} +4 -4
- package/esm2020/components/notification/notification/notification.component.mjs +69 -0
- package/{esm2015/components/notification/notification/notification.model.js → esm2020/components/notification/notification/notification.model.mjs} +0 -0
- package/esm2020/components/notification/notification-container/notification-container.component.mjs +86 -0
- package/{esm2015/components/notification/notification-timer.service.js → esm2020/components/notification/notification-timer.service.mjs} +0 -0
- package/{esm2015/components/notification/notification.module.js → esm2020/components/notification/notification.module.mjs} +4 -4
- package/{esm2015/components/notification/notification.service.js → esm2020/components/notification/notification.service.mjs} +3 -3
- package/{esm2015/components/popover/popover-trigger.component.js → esm2020/components/popover/popover-trigger.component.mjs} +3 -3
- package/esm2020/components/popover/popover-trigger.directive.mjs +133 -0
- package/esm2020/components/popover/popover.component.mjs +29 -0
- package/{esm2015/components/popover/popover.module.js → esm2020/components/popover/popover.module.mjs} +4 -4
- package/{esm2015/components/shared/pipes/pipes.module.js → esm2020/components/shared/pipes/pipes.module.mjs} +4 -4
- package/{esm2015/components/shared/pipes/translate.pipe.js → esm2020/components/shared/pipes/translate.pipe.mjs} +3 -3
- package/{esm2015/components/shared/pipes/trusthtml.pipe.js → esm2020/components/shared/pipes/trusthtml.pipe.mjs} +3 -3
- package/{esm2015/components/shared/translation.service.js → esm2020/components/shared/translation.service.mjs} +3 -3
- package/esm2020/components/table/table.component.mjs +179 -0
- package/{esm2015/components/table/table.module.js → esm2020/components/table/table.module.mjs} +4 -4
- package/{esm2015/elements/elements.js → esm2020/elements/elements.mjs} +4 -4
- package/{esm2015/elements/flywheel-io-vision-elements.js → esm2020/elements/flywheel-io-vision-elements.mjs} +0 -0
- package/{esm2015/elements/polyfills.js → esm2020/elements/polyfills.mjs} +0 -0
- package/{esm2015/elements/public-api.js → esm2020/elements/public-api.mjs} +0 -0
- package/{esm2015/flywheel-io-vision.js → esm2020/flywheel-io-vision.mjs} +0 -0
- package/{esm2015/public-api.js → esm2020/public-api.mjs} +0 -0
- package/fesm2015/{flywheel-io-vision-elements.js → flywheel-io-vision-elements.mjs} +5 -5
- package/fesm2015/flywheel-io-vision-elements.mjs.map +1 -0
- package/fesm2015/{flywheel-io-vision.js → flywheel-io-vision.mjs} +148 -165
- package/fesm2015/flywheel-io-vision.mjs.map +1 -0
- package/fesm2020/flywheel-io-vision-elements.mjs +85 -0
- package/fesm2020/flywheel-io-vision-elements.mjs.map +1 -0
- package/fesm2020/flywheel-io-vision.mjs +1392 -0
- package/fesm2020/flywheel-io-vision.mjs.map +1 -0
- package/package.json +43 -18
- package/scss/atoms/ghost.scss +30 -0
- package/scss/config/theme.scss +6 -6
- package/scss/material/overrides.scss +6 -1
- package/styles.css +156 -94
- package/styles.scss +8 -9
- package/bundles/flywheel-io-vision-elements.umd.js +0 -449
- package/bundles/flywheel-io-vision-elements.umd.js.map +0 -1
- package/bundles/flywheel-io-vision.umd.js +0 -1800
- package/bundles/flywheel-io-vision.umd.js.map +0 -1
- package/esm2015/components/dialog/choice-dialog.component.js +0 -78
- package/esm2015/components/dialog/dialog.service.js +0 -69
- package/esm2015/components/dialog/portal-dialog.component.js +0 -113
- package/esm2015/components/notification/notification/notification.component.js +0 -78
- package/esm2015/components/notification/notification-container/notification-container.component.js +0 -93
- package/esm2015/components/popover/popover-trigger.directive.js +0 -135
- package/esm2015/components/popover/popover.component.js +0 -35
- package/esm2015/components/table/table.component.js +0 -184
- package/fesm2015/flywheel-io-vision-elements.js.map +0 -1
- package/fesm2015/flywheel-io-vision.js.map +0 -1
|
@@ -1,113 +0,0 @@
|
|
|
1
|
-
import { ComponentPortal, TemplatePortal } from '@angular/cdk/portal';
|
|
2
|
-
import { Component, Inject, SimpleChange } from '@angular/core';
|
|
3
|
-
import { MAT_DIALOG_DATA } from '@angular/material/dialog';
|
|
4
|
-
import { Subject } from 'rxjs';
|
|
5
|
-
import { takeUntil } from 'rxjs/operators';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
import * as i1 from "@angular/material/button";
|
|
8
|
-
import * as i2 from "@angular/material/icon";
|
|
9
|
-
import * as i3 from "@angular/common";
|
|
10
|
-
import * as i4 from "@angular/material/dialog";
|
|
11
|
-
import * as i5 from "@angular/cdk/portal";
|
|
12
|
-
import * as i6 from "../shared/pipes/translate.pipe";
|
|
13
|
-
export class FwPortalDialog {
|
|
14
|
-
constructor(data, viewContainerRef) {
|
|
15
|
-
this.data = data;
|
|
16
|
-
this.viewContainerRef = viewContainerRef;
|
|
17
|
-
this.content = this.data.content;
|
|
18
|
-
this.title = this.data.title;
|
|
19
|
-
this.destroyed$ = new Subject();
|
|
20
|
-
if (this.data.component) {
|
|
21
|
-
this.portal = new ComponentPortal(this.data.component.type, this.viewContainerRef);
|
|
22
|
-
}
|
|
23
|
-
else if (this.data.template) {
|
|
24
|
-
this.portal = new TemplatePortal(this.data.template, this.viewContainerRef);
|
|
25
|
-
}
|
|
26
|
-
else {
|
|
27
|
-
throw new Error('One of [component, template] was not provided.');
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
ngOnDestroy() {
|
|
31
|
-
this.destroyed$.next();
|
|
32
|
-
}
|
|
33
|
-
attached(ref) {
|
|
34
|
-
var _a, _b;
|
|
35
|
-
if (this.data.component) {
|
|
36
|
-
ref = ref;
|
|
37
|
-
if (this.data.component.outputs) {
|
|
38
|
-
for (const [key, observer] of Object.entries(this.data.component.outputs)) {
|
|
39
|
-
const output$ = ref[key];
|
|
40
|
-
if (typeof (output$ === null || output$ === void 0 ? void 0 : output$.pipe) === 'function' && typeof output$.subscribe === 'function') {
|
|
41
|
-
output$.pipe(takeUntil(this.destroyed$)).subscribe(observer);
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
if (this.data.component.inputs) {
|
|
46
|
-
const changes = {};
|
|
47
|
-
for (const [key, value] of Object.entries(this.data.component.inputs)) {
|
|
48
|
-
ref.instance[key] = value;
|
|
49
|
-
changes[key] = new SimpleChange(value, value, true);
|
|
50
|
-
}
|
|
51
|
-
(_b = (_a = ref.instance).ngOnChanges) === null || _b === void 0 ? void 0 : _b.call(_a, changes);
|
|
52
|
-
ref.changeDetectorRef.markForCheck();
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
FwPortalDialog.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FwPortalDialog, deps: [{ token: MAT_DIALOG_DATA }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
58
|
-
FwPortalDialog.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FwPortalDialog, selector: "fw-portal-dialog", host: { attributes: { "test-id": "portal-dialog" }, classAttribute: "mat-dialog-component" }, ngImport: i0, template: `
|
|
59
|
-
<ng-container *ngIf="title">
|
|
60
|
-
<h1 mat-dialog-title>{{ title }}</h1>
|
|
61
|
-
<button test-id="dialog-close-corner" mat-icon-button mat-dialog-close>
|
|
62
|
-
<mat-icon>close</mat-icon>
|
|
63
|
-
</button>
|
|
64
|
-
</ng-container>
|
|
65
|
-
<mat-dialog-content>
|
|
66
|
-
<p *ngIf="content" class="content">{{ content }}</p>
|
|
67
|
-
<ng-template [cdkPortalOutlet]="portal" (attached)="attached($event)"></ng-template>
|
|
68
|
-
</mat-dialog-content>
|
|
69
|
-
<mat-dialog-actions align="end">
|
|
70
|
-
<button test-id="dialog-close-button" mat-stroked-button mat-dialog-close>
|
|
71
|
-
{{ 'common.actions.close' | translate }}
|
|
72
|
-
</button>
|
|
73
|
-
</mat-dialog-actions>
|
|
74
|
-
`, isInline: true, styles: ["\n :host {\n min-width: 200px;\n }\n .content {\n margin-bottom: 30px;\n }\n "], components: [{ type: i1.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"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i4.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["type", "mat-dialog-close", "aria-label", "matDialogClose"], exportAs: ["matDialogClose"] }, { type: i4.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i5.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { type: i4.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }], pipes: { "translate": i6.TranslatePipe } });
|
|
75
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FwPortalDialog, decorators: [{
|
|
76
|
-
type: Component,
|
|
77
|
-
args: [{
|
|
78
|
-
host: {
|
|
79
|
-
class: 'mat-dialog-component',
|
|
80
|
-
'test-id': 'portal-dialog',
|
|
81
|
-
},
|
|
82
|
-
selector: 'fw-portal-dialog',
|
|
83
|
-
template: `
|
|
84
|
-
<ng-container *ngIf="title">
|
|
85
|
-
<h1 mat-dialog-title>{{ title }}</h1>
|
|
86
|
-
<button test-id="dialog-close-corner" mat-icon-button mat-dialog-close>
|
|
87
|
-
<mat-icon>close</mat-icon>
|
|
88
|
-
</button>
|
|
89
|
-
</ng-container>
|
|
90
|
-
<mat-dialog-content>
|
|
91
|
-
<p *ngIf="content" class="content">{{ content }}</p>
|
|
92
|
-
<ng-template [cdkPortalOutlet]="portal" (attached)="attached($event)"></ng-template>
|
|
93
|
-
</mat-dialog-content>
|
|
94
|
-
<mat-dialog-actions align="end">
|
|
95
|
-
<button test-id="dialog-close-button" mat-stroked-button mat-dialog-close>
|
|
96
|
-
{{ 'common.actions.close' | translate }}
|
|
97
|
-
</button>
|
|
98
|
-
</mat-dialog-actions>
|
|
99
|
-
`,
|
|
100
|
-
styles: [`
|
|
101
|
-
:host {
|
|
102
|
-
min-width: 200px;
|
|
103
|
-
}
|
|
104
|
-
.content {
|
|
105
|
-
margin-bottom: 30px;
|
|
106
|
-
}
|
|
107
|
-
`],
|
|
108
|
-
}]
|
|
109
|
-
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
110
|
-
type: Inject,
|
|
111
|
-
args: [MAT_DIALOG_DATA]
|
|
112
|
-
}] }, { type: i0.ViewContainerRef }]; } });
|
|
113
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9ydGFsLWRpYWxvZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9kaWFsb2cvcG9ydGFsLWRpYWxvZy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUE4QixlQUFlLEVBQXlCLGNBQWMsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3pILE9BQU8sRUFBRSxTQUFTLEVBQThCLE1BQU0sRUFBYSxZQUFZLEVBQWdELE1BQU0sZUFBZSxDQUFDO0FBQ3JKLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQy9CLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7Ozs7QUErQzNDLE1BQU0sT0FBTyxjQUFjO0lBT3pCLFlBQ21DLElBQXdCLEVBQ2pELGdCQUFrQztRQURULFNBQUksR0FBSixJQUFJLENBQW9CO1FBQ2pELHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBa0I7UUFSNUMsWUFBTyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFBO1FBRTNCLFVBQUssR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQTtRQUVmLGVBQVUsR0FBRyxJQUFJLE9BQU8sRUFBRSxDQUFBO1FBTWhDLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUU7WUFDdkIsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLGVBQWUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUM7U0FDcEY7YUFBTSxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQzdCLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxjQUFjLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUM7U0FDN0U7YUFBTTtZQUNMLE1BQU0sSUFBSSxLQUFLLENBQUMsZ0RBQWdELENBQUMsQ0FBQztTQUNuRTtJQUNILENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBRUQsUUFBUSxDQUFDLEdBQStCOztRQUN0QyxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ3ZCLEdBQUcsR0FBRyxHQUF3QixDQUFDO1lBQy9CLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxFQUFFO2dCQUMvQixLQUFLLE1BQU0sQ0FBQyxHQUFHLEVBQUUsUUFBUSxDQUFDLElBQUksTUFBTSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMsRUFBRTtvQkFDekUsTUFBTSxPQUFPLEdBQTBCLEdBQUcsQ0FBQyxHQUFHLENBQUMsQ0FBQztvQkFDaEQsSUFBSSxPQUFPLENBQUEsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFFLElBQUksQ0FBQSxLQUFLLFVBQVUsSUFBSSxPQUFPLE9BQU8sQ0FBQyxTQUFTLEtBQUssVUFBVSxFQUFFO3dCQUNsRixPQUFPLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLENBQUM7cUJBQzlEO2lCQUNGO2FBQ0Y7WUFDRCxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU0sRUFBRTtnQkFDOUIsTUFBTSxPQUFPLEdBQWtCLEVBQUUsQ0FBQztnQkFDbEMsS0FBSyxNQUFNLENBQUMsR0FBRyxFQUFFLEtBQUssQ0FBQyxJQUFJLE1BQU0sQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLEVBQUU7b0JBQ3JFLEdBQUcsQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLEdBQUcsS0FBSyxDQUFDO29CQUMxQixPQUFPLENBQUMsR0FBRyxDQUFDLEdBQUcsSUFBSSxZQUFZLENBQUMsS0FBSyxFQUFFLEtBQUssRUFBRSxJQUFJLENBQUMsQ0FBQztpQkFDckQ7Z0JBQ0QsTUFBQSxNQUFBLEdBQUcsQ0FBQyxRQUFRLEVBQUMsV0FBVyxtREFBRyxPQUFPLENBQUMsQ0FBQztnQkFDcEMsR0FBRyxDQUFDLGlCQUFpQixDQUFDLFlBQVksRUFBRSxDQUFDO2FBQ3RDO1NBQ0Y7SUFDSCxDQUFDOzs0R0E3Q1UsY0FBYyxrQkFRZixlQUFlO2dHQVJkLGNBQWMsc0pBMUJmOzs7Ozs7Ozs7Ozs7Ozs7O0dBZ0JUOzRGQVVVLGNBQWM7a0JBaEMxQixTQUFTO21CQUFDO29CQUNULElBQUksRUFBRTt3QkFDSixLQUFLLEVBQUUsc0JBQXNCO3dCQUM3QixTQUFTLEVBQUUsZUFBZTtxQkFDM0I7b0JBQ0QsUUFBUSxFQUFFLGtCQUFrQjtvQkFDNUIsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7O0dBZ0JUO29CQUNELE1BQU0sRUFBRSxDQUFDOzs7Ozs7O0dBT1IsQ0FBQztpQkFDSDs7MEJBU0ksTUFBTTsyQkFBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2RrUG9ydGFsT3V0bGV0QXR0YWNoZWRSZWYsIENvbXBvbmVudFBvcnRhbCwgQ29tcG9uZW50VHlwZSwgUG9ydGFsLCBUZW1wbGF0ZVBvcnRhbCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9wb3J0YWwnO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBDb21wb25lbnRSZWYsIEV2ZW50RW1pdHRlciwgSW5qZWN0LCBPbkRlc3Ryb3ksIFNpbXBsZUNoYW5nZSwgU2ltcGxlQ2hhbmdlcywgVGVtcGxhdGVSZWYsIFZpZXdDb250YWluZXJSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1BVF9ESUFMT0dfREFUQSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpYWxvZyc7XG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyB0YWtlVW50aWwgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5cbmludGVyZmFjZSBDb21wb25lbnRTcGVjIHtcbiAgdHlwZTogQ29tcG9uZW50VHlwZTx1bmtub3duPixcbiAgaW5wdXRzPzogUmVjb3JkPHN0cmluZywgdW5rbm93bj5cbiAgb3V0cHV0cz86IFJlY29yZDxzdHJpbmcsICh2YWx1ZTogdW5rbm93bikgPT4gdm9pZD5cbn1cblxuZXhwb3J0IGludGVyZmFjZSBGd1BvcnRhbERpYWxvZ0RhdGEge1xuICBjb21wb25lbnQ/OiBDb21wb25lbnRTcGVjXG4gIGNvbnRlbnQ/OiBzdHJpbmdcbiAgdGVtcGxhdGU/OiBUZW1wbGF0ZVJlZjx1bmtub3duPlxuICB0aXRsZT86IHN0cmluZ1xufVxuXG5AQ29tcG9uZW50KHtcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAnbWF0LWRpYWxvZy1jb21wb25lbnQnLFxuICAgICd0ZXN0LWlkJzogJ3BvcnRhbC1kaWFsb2cnLFxuICB9LFxuICBzZWxlY3RvcjogJ2Z3LXBvcnRhbC1kaWFsb2cnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJ0aXRsZVwiPlxuICAgICAgPGgxIG1hdC1kaWFsb2ctdGl0bGU+e3sgdGl0bGUgfX08L2gxPlxuICAgICAgPGJ1dHRvbiB0ZXN0LWlkPVwiZGlhbG9nLWNsb3NlLWNvcm5lclwiIG1hdC1pY29uLWJ1dHRvbiBtYXQtZGlhbG9nLWNsb3NlPlxuICAgICAgICA8bWF0LWljb24+Y2xvc2U8L21hdC1pY29uPlxuICAgICAgPC9idXR0b24+XG4gICAgPC9uZy1jb250YWluZXI+XG4gICAgPG1hdC1kaWFsb2ctY29udGVudD5cbiAgICAgIDxwICpuZ0lmPVwiY29udGVudFwiIGNsYXNzPVwiY29udGVudFwiPnt7IGNvbnRlbnQgfX08L3A+XG4gICAgICA8bmctdGVtcGxhdGUgW2Nka1BvcnRhbE91dGxldF09XCJwb3J0YWxcIiAoYXR0YWNoZWQpPVwiYXR0YWNoZWQoJGV2ZW50KVwiPjwvbmctdGVtcGxhdGU+XG4gICAgPC9tYXQtZGlhbG9nLWNvbnRlbnQ+XG4gICAgPG1hdC1kaWFsb2ctYWN0aW9ucyBhbGlnbj1cImVuZFwiPlxuICAgICAgPGJ1dHRvbiB0ZXN0LWlkPVwiZGlhbG9nLWNsb3NlLWJ1dHRvblwiIG1hdC1zdHJva2VkLWJ1dHRvbiBtYXQtZGlhbG9nLWNsb3NlPlxuICAgICAgICB7eyAnY29tbW9uLmFjdGlvbnMuY2xvc2UnIHwgdHJhbnNsYXRlIH19XG4gICAgICA8L2J1dHRvbj5cbiAgICA8L21hdC1kaWFsb2ctYWN0aW9ucz5cbiAgYCxcbiAgc3R5bGVzOiBbYFxuICAgIDpob3N0IHtcbiAgICAgIG1pbi13aWR0aDogMjAwcHg7XG4gICAgfVxuICAgIC5jb250ZW50IHtcbiAgICAgIG1hcmdpbi1ib3R0b206IDMwcHg7XG4gICAgfVxuICBgXSxcbn0pXG5leHBvcnQgY2xhc3MgRndQb3J0YWxEaWFsb2cgaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xuICBjb250ZW50ID0gdGhpcy5kYXRhLmNvbnRlbnRcbiAgcG9ydGFsOiBQb3J0YWw8YW55PlxuICB0aXRsZSA9IHRoaXMuZGF0YS50aXRsZVxuXG4gIHByaXZhdGUgZGVzdHJveWVkJCA9IG5ldyBTdWJqZWN0KClcblxuICBjb25zdHJ1Y3RvcihcbiAgICBASW5qZWN0KE1BVF9ESUFMT0dfREFUQSkgcHJpdmF0ZSBkYXRhOiBGd1BvcnRhbERpYWxvZ0RhdGEsXG4gICAgcHJpdmF0ZSB2aWV3Q29udGFpbmVyUmVmOiBWaWV3Q29udGFpbmVyUmVmLFxuICApIHtcbiAgICBpZiAodGhpcy5kYXRhLmNvbXBvbmVudCkge1xuICAgICAgdGhpcy5wb3J0YWwgPSBuZXcgQ29tcG9uZW50UG9ydGFsKHRoaXMuZGF0YS5jb21wb25lbnQudHlwZSwgdGhpcy52aWV3Q29udGFpbmVyUmVmKTtcbiAgICB9IGVsc2UgaWYgKHRoaXMuZGF0YS50ZW1wbGF0ZSkge1xuICAgICAgdGhpcy5wb3J0YWwgPSBuZXcgVGVtcGxhdGVQb3J0YWwodGhpcy5kYXRhLnRlbXBsYXRlLCB0aGlzLnZpZXdDb250YWluZXJSZWYpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aHJvdyBuZXcgRXJyb3IoJ09uZSBvZiBbY29tcG9uZW50LCB0ZW1wbGF0ZV0gd2FzIG5vdCBwcm92aWRlZC4nKTtcbiAgICB9XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLmRlc3Ryb3llZCQubmV4dCgpO1xuICB9XG5cbiAgYXR0YWNoZWQocmVmOiBDZGtQb3J0YWxPdXRsZXRBdHRhY2hlZFJlZik6IHZvaWQge1xuICAgIGlmICh0aGlzLmRhdGEuY29tcG9uZW50KSB7XG4gICAgICByZWYgPSByZWYgYXMgQ29tcG9uZW50UmVmPGFueT47XG4gICAgICBpZiAodGhpcy5kYXRhLmNvbXBvbmVudC5vdXRwdXRzKSB7XG4gICAgICAgIGZvciAoY29uc3QgW2tleSwgb2JzZXJ2ZXJdIG9mIE9iamVjdC5lbnRyaWVzKHRoaXMuZGF0YS5jb21wb25lbnQub3V0cHV0cykpIHtcbiAgICAgICAgICBjb25zdCBvdXRwdXQkOiBFdmVudEVtaXR0ZXI8dW5rbm93bj4gPSByZWZba2V5XTtcbiAgICAgICAgICBpZiAodHlwZW9mIG91dHB1dCQ/LnBpcGUgPT09ICdmdW5jdGlvbicgJiYgdHlwZW9mIG91dHB1dCQuc3Vic2NyaWJlID09PSAnZnVuY3Rpb24nKSB7XG4gICAgICAgICAgICBvdXRwdXQkLnBpcGUodGFrZVVudGlsKHRoaXMuZGVzdHJveWVkJCkpLnN1YnNjcmliZShvYnNlcnZlcik7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgICBpZiAodGhpcy5kYXRhLmNvbXBvbmVudC5pbnB1dHMpIHtcbiAgICAgICAgY29uc3QgY2hhbmdlczogU2ltcGxlQ2hhbmdlcyA9IHt9O1xuICAgICAgICBmb3IgKGNvbnN0IFtrZXksIHZhbHVlXSBvZiBPYmplY3QuZW50cmllcyh0aGlzLmRhdGEuY29tcG9uZW50LmlucHV0cykpIHtcbiAgICAgICAgICByZWYuaW5zdGFuY2Vba2V5XSA9IHZhbHVlO1xuICAgICAgICAgIGNoYW5nZXNba2V5XSA9IG5ldyBTaW1wbGVDaGFuZ2UodmFsdWUsIHZhbHVlLCB0cnVlKTtcbiAgICAgICAgfVxuICAgICAgICByZWYuaW5zdGFuY2UubmdPbkNoYW5nZXM/LihjaGFuZ2VzKTtcbiAgICAgICAgcmVmLmNoYW5nZURldGVjdG9yUmVmLm1hcmtGb3JDaGVjaygpO1xuICAgICAgfVxuICAgIH1cbiAgfVxufVxuIl19
|
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, Input, Output, ViewEncapsulation } from '@angular/core';
|
|
2
|
-
import { FwNotificationTimerService } from '../notification-timer.service';
|
|
3
|
-
import { FwNotificationType } from './notification.model';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "../notification-timer.service";
|
|
6
|
-
export class FwNotificationComponent {
|
|
7
|
-
constructor(cdr, timerService) {
|
|
8
|
-
this.cdr = cdr;
|
|
9
|
-
this.timerService = timerService;
|
|
10
|
-
this.notificationDuration = 9000;
|
|
11
|
-
this.ready = new EventEmitter();
|
|
12
|
-
this.dismiss = new EventEmitter();
|
|
13
|
-
}
|
|
14
|
-
get cssClass() {
|
|
15
|
-
var _a;
|
|
16
|
-
let cssClass = 'fw-notification';
|
|
17
|
-
switch ((_a = this.notification) === null || _a === void 0 ? void 0 : _a.type) {
|
|
18
|
-
case FwNotificationType.Error:
|
|
19
|
-
return cssClass += ' error';
|
|
20
|
-
case FwNotificationType.Info:
|
|
21
|
-
return cssClass += ' info';
|
|
22
|
-
case FwNotificationType.Success:
|
|
23
|
-
return cssClass += ' success';
|
|
24
|
-
case FwNotificationType.Wait:
|
|
25
|
-
return cssClass += ' wait';
|
|
26
|
-
case FwNotificationType.Warning:
|
|
27
|
-
return cssClass += ' warning';
|
|
28
|
-
default:
|
|
29
|
-
return cssClass;
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
ngAfterViewInit() {
|
|
33
|
-
this.ready.emit(this);
|
|
34
|
-
this.cdr.markForCheck();
|
|
35
|
-
}
|
|
36
|
-
startTimer() {
|
|
37
|
-
this.timerService.start(this.notificationDuration).then(() => {
|
|
38
|
-
this.onClickDismiss();
|
|
39
|
-
this.cdr.markForCheck();
|
|
40
|
-
});
|
|
41
|
-
}
|
|
42
|
-
stopTimer() {
|
|
43
|
-
this.timerService.stop();
|
|
44
|
-
this.cdr.markForCheck();
|
|
45
|
-
}
|
|
46
|
-
onClickDismiss() {
|
|
47
|
-
this.dismiss.emit(this.notification.id);
|
|
48
|
-
this.cdr.markForCheck();
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
FwNotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FwNotificationComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.FwNotificationTimerService }], target: i0.ɵɵFactoryTarget.Component });
|
|
52
|
-
FwNotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FwNotificationComponent, selector: "fw-notification", inputs: { notification: "notification", notificationDuration: "notificationDuration" }, outputs: { ready: "ready", dismiss: "dismiss" }, host: { listeners: { "click": "onClickDismiss()" }, properties: { "class": "this.cssClass" } }, providers: [FwNotificationTimerService], ngImport: i0, template: `{{ notification?.message }}`, isInline: true, styles: ["fw-notification{display:block;border-radius:4px;box-sizing:border-box;margin:5px 24px;max-width:33vw;min-width:344px;padding:14px 16px;transform-origin:center;background-color:#2f96b4;border:1px solid rgba(255,255,255,.7019607843);box-shadow:0 0 12px #999;color:#fff;opacity:.99;white-space:pre-wrap}fw-notification.error{background-color:#bd362f}fw-notification.info{background-color:#2f96b4}fw-notification.success{background-color:#51a351}fw-notification.wait{background-color:#2f96b4}fw-notification.warning{background-color:#f89406}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
53
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FwNotificationComponent, decorators: [{
|
|
54
|
-
type: Component,
|
|
55
|
-
args: [{
|
|
56
|
-
host: {
|
|
57
|
-
'(click)': 'onClickDismiss()'
|
|
58
|
-
},
|
|
59
|
-
selector: 'fw-notification',
|
|
60
|
-
styleUrls: ['./notification.component.scss'],
|
|
61
|
-
template: `{{ notification?.message }}`,
|
|
62
|
-
providers: [FwNotificationTimerService],
|
|
63
|
-
encapsulation: ViewEncapsulation.None,
|
|
64
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
65
|
-
}]
|
|
66
|
-
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.FwNotificationTimerService }]; }, propDecorators: { notification: [{
|
|
67
|
-
type: Input
|
|
68
|
-
}], notificationDuration: [{
|
|
69
|
-
type: Input
|
|
70
|
-
}], ready: [{
|
|
71
|
-
type: Output
|
|
72
|
-
}], dismiss: [{
|
|
73
|
-
type: Output
|
|
74
|
-
}], cssClass: [{
|
|
75
|
-
type: HostBinding,
|
|
76
|
-
args: ['class']
|
|
77
|
-
}] } });
|
|
78
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL25vdGlmaWNhdGlvbi9ub3RpZmljYXRpb24vbm90aWZpY2F0aW9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWlCLHVCQUF1QixFQUFxQixTQUFTLEVBQUUsWUFBWSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWxLLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQzNFLE9BQU8sRUFBRSxrQkFBa0IsRUFBZ0IsTUFBTSxzQkFBc0IsQ0FBQzs7O0FBY3hFLE1BQU0sT0FBTyx1QkFBdUI7SUF3QmxDLFlBQW9CLEdBQXNCLEVBQVUsWUFBd0M7UUFBeEUsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFBVSxpQkFBWSxHQUFaLFlBQVksQ0FBNEI7UUF0Qm5GLHlCQUFvQixHQUFXLElBQUksQ0FBQztRQUNuQyxVQUFLLEdBQUcsSUFBSSxZQUFZLEVBQTJCLENBQUE7UUFDbkQsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUE7SUFvQmlELENBQUM7SUFsQmhHLElBQTBCLFFBQVE7O1FBQ2hDLElBQUksUUFBUSxHQUFHLGlCQUFpQixDQUFDO1FBQ2pDLFFBQVEsTUFBQSxJQUFJLENBQUMsWUFBWSwwQ0FBRSxJQUFJLEVBQUU7WUFDL0IsS0FBSyxrQkFBa0IsQ0FBQyxLQUFLO2dCQUMzQixPQUFPLFFBQVEsSUFBSSxRQUFRLENBQUM7WUFDOUIsS0FBSyxrQkFBa0IsQ0FBQyxJQUFJO2dCQUMxQixPQUFPLFFBQVEsSUFBSSxPQUFPLENBQUM7WUFDN0IsS0FBSyxrQkFBa0IsQ0FBQyxPQUFPO2dCQUM3QixPQUFPLFFBQVEsSUFBSSxVQUFVLENBQUM7WUFDaEMsS0FBSyxrQkFBa0IsQ0FBQyxJQUFJO2dCQUMxQixPQUFPLFFBQVEsSUFBSSxPQUFPLENBQUM7WUFDN0IsS0FBSyxrQkFBa0IsQ0FBQyxPQUFPO2dCQUM3QixPQUFPLFFBQVEsSUFBSSxVQUFVLENBQUM7WUFDaEM7Z0JBQ0UsT0FBTyxRQUFRLENBQUM7U0FDbkI7SUFDSCxDQUFDO0lBSUQsZUFBZTtRQUNiLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ3RCLElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVELFVBQVU7UUFDUixJQUFJLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsb0JBQW9CLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxFQUFFO1lBQzNELElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUN0QixJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQzFCLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELFNBQVM7UUFDUCxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3pCLElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVELGNBQWM7UUFDWixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQ3hDLElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDMUIsQ0FBQzs7cUhBOUNVLHVCQUF1Qjt5R0FBdkIsdUJBQXVCLG1SQUx2QixDQUFDLDBCQUEwQixDQUFDLDBCQUQ3Qiw2QkFBNkI7NEZBTTVCLHVCQUF1QjtrQkFabkMsU0FBUzttQkFBQztvQkFDVCxJQUFJLEVBQUU7d0JBQ0osU0FBUyxFQUFFLGtCQUFrQjtxQkFDOUI7b0JBQ0QsUUFBUSxFQUFFLGlCQUFpQjtvQkFDM0IsU0FBUyxFQUFFLENBQUUsK0JBQStCLENBQUU7b0JBQzlDLFFBQVEsRUFBRSw2QkFBNkI7b0JBQ3ZDLFNBQVMsRUFBRSxDQUFDLDBCQUEwQixDQUFDO29CQUN2QyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtvQkFDckMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2hEO2lKQUdVLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csb0JBQW9CO3NCQUE1QixLQUFLO2dCQUNJLEtBQUs7c0JBQWQsTUFBTTtnQkFDRyxPQUFPO3NCQUFoQixNQUFNO2dCQUVtQixRQUFRO3NCQUFqQyxXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlclZpZXdJbml0LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBIb3N0QmluZGluZywgSW5wdXQsIE91dHB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgRndOb3RpZmljYXRpb25UaW1lclNlcnZpY2UgfSBmcm9tICcuLi9ub3RpZmljYXRpb24tdGltZXIuc2VydmljZSc7XG5pbXBvcnQgeyBGd05vdGlmaWNhdGlvblR5cGUsIE5vdGlmaWNhdGlvbiB9IGZyb20gJy4vbm90aWZpY2F0aW9uLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIGhvc3Q6IHtcbiAgICAnKGNsaWNrKSc6ICdvbkNsaWNrRGlzbWlzcygpJ1xuICB9LFxuICBzZWxlY3RvcjogJ2Z3LW5vdGlmaWNhdGlvbicsXG4gIHN0eWxlVXJsczogWyAnLi9ub3RpZmljYXRpb24uY29tcG9uZW50LnNjc3MnIF0sXG4gIHRlbXBsYXRlOiBge3sgbm90aWZpY2F0aW9uPy5tZXNzYWdlIH19YCxcbiAgcHJvdmlkZXJzOiBbRndOb3RpZmljYXRpb25UaW1lclNlcnZpY2VdLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5cbmV4cG9ydCBjbGFzcyBGd05vdGlmaWNhdGlvbkNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuICBASW5wdXQoKSBub3RpZmljYXRpb246IE5vdGlmaWNhdGlvblxuICBASW5wdXQoKSBub3RpZmljYXRpb25EdXJhdGlvbjogbnVtYmVyID0gOTAwMDtcbiAgQE91dHB1dCgpIHJlYWR5ID0gbmV3IEV2ZW50RW1pdHRlcjxGd05vdGlmaWNhdGlvbkNvbXBvbmVudD4oKVxuICBAT3V0cHV0KCkgZGlzbWlzcyA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpXG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpIGdldCBjc3NDbGFzcygpIHtcbiAgICBsZXQgY3NzQ2xhc3MgPSAnZnctbm90aWZpY2F0aW9uJztcbiAgICBzd2l0Y2ggKHRoaXMubm90aWZpY2F0aW9uPy50eXBlKSB7XG4gICAgICBjYXNlIEZ3Tm90aWZpY2F0aW9uVHlwZS5FcnJvcjpcbiAgICAgICAgcmV0dXJuIGNzc0NsYXNzICs9ICcgZXJyb3InO1xuICAgICAgY2FzZSBGd05vdGlmaWNhdGlvblR5cGUuSW5mbzpcbiAgICAgICAgcmV0dXJuIGNzc0NsYXNzICs9ICcgaW5mbyc7XG4gICAgICBjYXNlIEZ3Tm90aWZpY2F0aW9uVHlwZS5TdWNjZXNzOlxuICAgICAgICByZXR1cm4gY3NzQ2xhc3MgKz0gJyBzdWNjZXNzJztcbiAgICAgIGNhc2UgRndOb3RpZmljYXRpb25UeXBlLldhaXQ6XG4gICAgICAgIHJldHVybiBjc3NDbGFzcyArPSAnIHdhaXQnO1xuICAgICAgY2FzZSBGd05vdGlmaWNhdGlvblR5cGUuV2FybmluZzpcbiAgICAgICAgcmV0dXJuIGNzc0NsYXNzICs9ICcgd2FybmluZyc7XG4gICAgICBkZWZhdWx0OlxuICAgICAgICByZXR1cm4gY3NzQ2xhc3M7XG4gICAgfVxuICB9XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmLCBwcml2YXRlIHRpbWVyU2VydmljZTogRndOb3RpZmljYXRpb25UaW1lclNlcnZpY2UpIHt9XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIHRoaXMucmVhZHkuZW1pdCh0aGlzKTtcbiAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIHN0YXJ0VGltZXIoKTogdm9pZCB7XG4gICAgdGhpcy50aW1lclNlcnZpY2Uuc3RhcnQodGhpcy5ub3RpZmljYXRpb25EdXJhdGlvbikudGhlbigoKSA9PiB7XG4gICAgICB0aGlzLm9uQ2xpY2tEaXNtaXNzKCk7XG4gICAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgICB9KTtcbiAgfVxuXG4gIHN0b3BUaW1lcigpOiB2b2lkIHtcbiAgICB0aGlzLnRpbWVyU2VydmljZS5zdG9wKCk7XG4gICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gIH1cblxuICBvbkNsaWNrRGlzbWlzcygpOiB2b2lkIHtcbiAgICB0aGlzLmRpc21pc3MuZW1pdCh0aGlzLm5vdGlmaWNhdGlvbi5pZCk7XG4gICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gIH1cbn1cbiJdfQ==
|
package/esm2015/components/notification/notification-container/notification-container.component.js
DELETED
|
@@ -1,93 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';
|
|
2
|
-
import { Subscription } from 'rxjs';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "../notification.service";
|
|
5
|
-
import * as i2 from "../notification/notification.component";
|
|
6
|
-
import * as i3 from "../../button/button.component";
|
|
7
|
-
import * as i4 from "@angular/material/icon";
|
|
8
|
-
import * as i5 from "@angular/common";
|
|
9
|
-
export class FwNotificationContainerComponent {
|
|
10
|
-
constructor(cdr, notificationService) {
|
|
11
|
-
this.cdr = cdr;
|
|
12
|
-
this.notificationService = notificationService;
|
|
13
|
-
this.limit = 3;
|
|
14
|
-
this.notifications = [];
|
|
15
|
-
this.expanded = false;
|
|
16
|
-
this.subscriptions = {
|
|
17
|
-
notifications: Subscription.EMPTY,
|
|
18
|
-
};
|
|
19
|
-
this.subscriptions.notifications = this.notificationService.notifications$.subscribe((notifications) => {
|
|
20
|
-
this.notifications = notifications;
|
|
21
|
-
if (notifications.length === 0) {
|
|
22
|
-
this.expanded = false;
|
|
23
|
-
}
|
|
24
|
-
this.cdr.markForCheck();
|
|
25
|
-
});
|
|
26
|
-
}
|
|
27
|
-
ngOnDestroy() {
|
|
28
|
-
for (const subscription of Object.values(this.subscriptions)) {
|
|
29
|
-
subscription.unsubscribe();
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
notificationClass(index) {
|
|
33
|
-
let cssClass;
|
|
34
|
-
const level = this.notifications.length > this.limit
|
|
35
|
-
? index - (this.notifications.length - this.limit)
|
|
36
|
-
: index;
|
|
37
|
-
if (this.expanded) {
|
|
38
|
-
cssClass = 'default';
|
|
39
|
-
}
|
|
40
|
-
else {
|
|
41
|
-
cssClass = level >= 0 ? `level-${level}` : 'hidden';
|
|
42
|
-
}
|
|
43
|
-
return cssClass;
|
|
44
|
-
}
|
|
45
|
-
getEmptyNotification(notification) {
|
|
46
|
-
return Object.assign(Object.assign({}, notification), { message: ' ' }); // take up a line but show no content
|
|
47
|
-
}
|
|
48
|
-
onReady(notification) {
|
|
49
|
-
const currentNotification = this.notifications[this.notifications.length - 1];
|
|
50
|
-
currentNotification.ref = notification;
|
|
51
|
-
notification.startTimer();
|
|
52
|
-
}
|
|
53
|
-
onDismiss(notificationId) {
|
|
54
|
-
const notification = this.notifications.find(currentNotification => currentNotification.id === notificationId);
|
|
55
|
-
if (notification === null || notification === void 0 ? void 0 : notification.ref) {
|
|
56
|
-
notification.ref.stopTimer();
|
|
57
|
-
}
|
|
58
|
-
if (notification === null || notification === void 0 ? void 0 : notification.id) {
|
|
59
|
-
this.notificationService.dismiss(notification.id);
|
|
60
|
-
}
|
|
61
|
-
this.cdr.markForCheck();
|
|
62
|
-
}
|
|
63
|
-
clearAll() {
|
|
64
|
-
this.notificationService.dismissAll();
|
|
65
|
-
this.cdr.markForCheck();
|
|
66
|
-
}
|
|
67
|
-
onShowMore() {
|
|
68
|
-
this.expanded = true;
|
|
69
|
-
this.cdr.markForCheck();
|
|
70
|
-
}
|
|
71
|
-
onShowLess() {
|
|
72
|
-
this.expanded = false;
|
|
73
|
-
this.cdr.markForCheck();
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
FwNotificationContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FwNotificationContainerComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.FwNotificationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
77
|
-
FwNotificationContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FwNotificationContainerComponent, selector: "fw-notification-container", host: { properties: { "class.duo": "notifications.length === 2", "class.triple": "notifications.length >= 3" }, classAttribute: "fw-notification-container" }, ngImport: i0, template: "<div role=\"list\">\n <fw-notification *ngFor=\"let notification of notifications; index as $index\"\n (ready)=\"onReady($event)\"\n (dismiss)=\"onDismiss($event)\"\n [class]=\"notificationClass($index)\"\n [notification]=\"expanded || $index === notifications.length - 1 ? notification : getEmptyNotification(notification)\"\n [attr.aria-label]=\"notification.type + ' : ' + notification.message\"\n role=\"listitem\"\n ></fw-notification>\n <div class=\"buttons\">\n <fw-button *ngIf=\"expanded\" (click)=\"onShowLess()\" mat-button aria-label=\"show less\" layout=\"compact\" size=\"small\">\n <mat-icon>expand_less</mat-icon>\n </fw-button>\n <fw-button *ngIf=\"!expanded && notifications.length > 1\" (click)=\"onShowMore()\" mat-button aria-label=\"show more\" layout=\"compact\" size=\"small\">\n <mat-icon>expand_more</mat-icon>\n </fw-button>\n <fw-button (click)=\"clearAll()\" mat-button class=\"clear-all\" aria-label=\"clear all\" layout=\"compact\" size=\"small\">\n Clear All\n </fw-button>\n </div>\n</div>\n", styles: ["fw-notification-container{position:absolute;right:0;top:0;margin-top:20px;z-index:999999}fw-notification-container>div{display:flex;flex-direction:column-reverse}fw-notification-container .buttons{display:none;position:absolute;top:-5px;right:25px}fw-notification-container .buttons button{color:#fff;background-color:#919292;margin-left:2px}fw-notification-container .buttons button.mat-button{line-height:24px!important;margin:0 0 0 2px!important}fw-notification-container:hover .buttons{display:flex}fw-notification-container .hidden{display:none}fw-notification-container fw-notification:last-of-type{margin-top:24px}fw-notification-container.duo fw-notification.level-0{transform:scale(.95) translateY(-51px)}fw-notification-container.triple fw-notification.level-1{transform:scale(.95) translateY(-51px)}fw-notification-container.triple fw-notification.level-0{transform:scale(.9) translateY(-108px)}\n"], components: [{ type: i2.FwNotificationComponent, selector: "fw-notification", inputs: ["notification", "notificationDuration"], outputs: ["ready", "dismiss"] }, { type: i3.FwButtonComponent, selector: "fw-button", inputs: ["color", "layout", "size", "type"] }, { type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
78
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FwNotificationContainerComponent, decorators: [{
|
|
79
|
-
type: Component,
|
|
80
|
-
args: [{
|
|
81
|
-
host: {
|
|
82
|
-
'class': 'fw-notification-container',
|
|
83
|
-
'[class.duo]': 'notifications.length === 2',
|
|
84
|
-
'[class.triple]': 'notifications.length >= 3',
|
|
85
|
-
},
|
|
86
|
-
selector: 'fw-notification-container',
|
|
87
|
-
templateUrl: './notification-container.component.html',
|
|
88
|
-
styleUrls: ['./notification-container.component.scss'],
|
|
89
|
-
encapsulation: ViewEncapsulation.None,
|
|
90
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
91
|
-
}]
|
|
92
|
-
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.FwNotificationService }]; } });
|
|
93
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLWNvbnRhaW5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9ub3RpZmljYXRpb24vbm90aWZpY2F0aW9uLWNvbnRhaW5lci9ub3RpZmljYXRpb24tY29udGFpbmVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL25vdGlmaWNhdGlvbi9ub3RpZmljYXRpb24tY29udGFpbmVyL25vdGlmaWNhdGlvbi1jb250YWluZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFxQixTQUFTLEVBQWEsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDcEgsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLE1BQU0sQ0FBQzs7Ozs7OztBQWtCcEMsTUFBTSxPQUFPLGdDQUFnQztJQVMzQyxZQUFvQixHQUFzQixFQUFVLG1CQUEwQztRQUExRSxRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQUFVLHdCQUFtQixHQUFuQixtQkFBbUIsQ0FBdUI7UUFSOUYsVUFBSyxHQUFHLENBQUMsQ0FBQTtRQUNULGtCQUFhLEdBQW1CLEVBQUUsQ0FBQTtRQUNsQyxhQUFRLEdBQUcsS0FBSyxDQUFBO1FBRVIsa0JBQWEsR0FBRztZQUN0QixhQUFhLEVBQUUsWUFBWSxDQUFDLEtBQUs7U0FDbEMsQ0FBQTtRQUdDLElBQUksQ0FBQyxhQUFhLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxjQUFjLENBQUMsU0FBUyxDQUFDLENBQUMsYUFBNkIsRUFBRSxFQUFFO1lBQ3JILElBQUksQ0FBQyxhQUFhLEdBQUcsYUFBYSxDQUFDO1lBQ25DLElBQUksYUFBYSxDQUFDLE1BQU0sS0FBSyxDQUFDLEVBQUU7Z0JBQzlCLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO2FB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eUM7b0JBQ3RELFNBQVMsRUFBRSxDQUFDLHlDQUF5QyxDQUFDO29CQUN0RCxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtvQkFDckMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2hEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIE9uRGVzdHJveSwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xuXG5pbXBvcnQgeyBGd05vdGlmaWNhdGlvblNlcnZpY2UgfSBmcm9tICcuLi9ub3RpZmljYXRpb24uc2VydmljZSc7XG5pbXBvcnQgeyBGd05vdGlmaWNhdGlvbkNvbXBvbmVudCB9IGZyb20gJy4uL25vdGlmaWNhdGlvbi9ub3RpZmljYXRpb24uY29tcG9uZW50JztcbmltcG9ydCB7IE5vdGlmaWNhdGlvbiB9IGZyb20gJy4uL25vdGlmaWNhdGlvbi9ub3RpZmljYXRpb24ubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgaG9zdDoge1xuICAgICdjbGFzcyc6ICdmdy1ub3RpZmljYXRpb24tY29udGFpbmVyJyxcbiAgICAnW2NsYXNzLmR1b10nOiAnbm90aWZpY2F0aW9ucy5sZW5ndGggPT09IDInLFxuICAgICdbY2xhc3MudHJpcGxlXSc6ICdub3RpZmljYXRpb25zLmxlbmd0aCA+PSAzJyxcbiAgfSxcbiAgc2VsZWN0b3I6ICdmdy1ub3RpZmljYXRpb24tY29udGFpbmVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL25vdGlmaWNhdGlvbi1jb250YWluZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9ub3RpZmljYXRpb24tY29udGFpbmVyLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBGd05vdGlmaWNhdGlvbkNvbnRhaW5lckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uRGVzdHJveSB7XG4gIGxpbWl0ID0gM1xuICBub3RpZmljYXRpb25zOiBOb3RpZmljYXRpb25bXSA9IFtdXG4gIGV4cGFuZGVkID0gZmFsc2VcblxuICBwcml2YXRlIHN1YnNjcmlwdGlvbnMgPSB7XG4gICAgbm90aWZpY2F0aW9uczogU3Vic2NyaXB0aW9uLkVNUFRZLFxuICB9XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmLCBwcml2YXRlIG5vdGlmaWNhdGlvblNlcnZpY2U6IEZ3Tm90aWZpY2F0aW9uU2VydmljZSkge1xuICAgIHRoaXMuc3Vic2NyaXB0aW9ucy5ub3RpZmljYXRpb25zID0gdGhpcy5ub3RpZmljYXRpb25TZXJ2aWNlLm5vdGlmaWNhdGlvbnMkLnN1YnNjcmliZSgobm90aWZpY2F0aW9uczogTm90aWZpY2F0aW9uW10pID0+IHtcbiAgICAgIHRoaXMubm90aWZpY2F0aW9ucyA9IG5vdGlmaWNhdGlvbnM7XG4gICAgICBpZiAobm90aWZpY2F0aW9ucy5sZW5ndGggPT09IDApIHtcbiAgICAgICAgdGhpcy5leHBhbmRlZCA9IGZhbHNlO1xuICAgICAgfVxuICAgICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gICAgfSk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICBmb3IgKGNvbnN0IHN1YnNjcmlwdGlvbiBvZiBPYmplY3QudmFsdWVzKHRoaXMuc3Vic2NyaXB0aW9ucykpIHtcbiAgICAgIHN1YnNjcmlwdGlvbi51bnN1YnNjcmliZSgpO1xuICAgIH1cbiAgfVxuXG4gIG5vdGlmaWNhdGlvbkNsYXNzKGluZGV4OiBudW1iZXIpOiBzdHJpbmcge1xuICAgIGxldCBjc3NDbGFzczogc3RyaW5nO1xuICAgIGNvbnN0IGxldmVsID0gdGhpcy5ub3RpZmljYXRpb25zLmxlbmd0aCA+IHRoaXMubGltaXRcbiAgICAgID8gaW5kZXggLSAodGhpcy5ub3RpZmljYXRpb25zLmxlbmd0aCAtIHRoaXMubGltaXQpXG4gICAgICA6IGluZGV4O1xuXG4gICAgaWYgKHRoaXMuZXhwYW5kZWQpIHtcbiAgICAgIGNzc0NsYXNzID0gJ2RlZmF1bHQnO1xuICAgIH0gZWxzZSB7XG4gICAgICBjc3NDbGFzcyA9IGxldmVsID49IDAgPyBgbGV2ZWwtJHtsZXZlbH1gIDogJ2hpZGRlbic7XG4gICAgfVxuXG4gICAgcmV0dXJuIGNzc0NsYXNzO1xuICB9XG5cbiAgZ2V0RW1wdHlOb3RpZmljYXRpb24obm90aWZpY2F0aW9uOiBOb3RpZmljYXRpb24pOiBOb3RpZmljYXRpb24ge1xuICAgIHJldHVybiB7IC4uLm5vdGlmaWNhdGlvbiwgbWVzc2FnZTogJyAnIH07IC8vIHRha2UgdXAgYSBsaW5lIGJ1dCBzaG93IG5vIGNvbnRlbnRcbiAgfVxuXG4gIG9uUmVhZHkobm90aWZpY2F0aW9uOiBGd05vdGlmaWNhdGlvbkNvbXBvbmVudCk6IHZvaWQge1xuICAgIGNvbnN0IGN1cnJlbnROb3RpZmljYXRpb24gPSB0aGlzLm5vdGlmaWNhdGlvbnNbdGhpcy5ub3RpZmljYXRpb25zLmxlbmd0aCAtIDFdO1xuICAgIGN1cnJlbnROb3RpZmljYXRpb24ucmVmID0gbm90aWZpY2F0aW9uO1xuICAgIG5vdGlmaWNhdGlvbi5zdGFydFRpbWVyKCk7XG4gIH1cblxuICBvbkRpc21pc3Mobm90aWZpY2F0aW9uSWQ6IHN0cmluZyk6IHZvaWQge1xuICAgIGNvbnN0IG5vdGlmaWNhdGlvbiA9IHRoaXMubm90aWZpY2F0aW9ucy5maW5kKGN1cnJlbnROb3RpZmljYXRpb24gPT4gY3VycmVudE5vdGlmaWNhdGlvbi5pZCA9PT0gbm90aWZpY2F0aW9uSWQpO1xuICAgIGlmIChub3RpZmljYXRpb24/LnJlZikge1xuICAgICAgbm90aWZpY2F0aW9uLnJlZi5zdG9wVGltZXIoKTtcbiAgICB9XG4gICAgaWYgKG5vdGlmaWNhdGlvbj8uaWQpIHtcbiAgICAgIHRoaXMubm90aWZpY2F0aW9uU2VydmljZS5kaXNtaXNzKG5vdGlmaWNhdGlvbi5pZCk7XG4gICAgfVxuICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgY2xlYXJBbGwoKTogdm9pZCB7XG4gICAgdGhpcy5ub3RpZmljYXRpb25TZXJ2aWNlLmRpc21pc3NBbGwoKTtcbiAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIG9uU2hvd01vcmUoKTogdm9pZCB7XG4gICAgdGhpcy5leHBhbmRlZCA9IHRydWU7XG4gICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gIH1cblxuICBvblNob3dMZXNzKCk6IHZvaWQge1xuICAgIHRoaXMuZXhwYW5kZWQgPSBmYWxzZTtcbiAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgfVxufVxuIiwiPGRpdiByb2xlPVwibGlzdFwiPlxuICA8Znctbm90aWZpY2F0aW9uICpuZ0Zvcj1cImxldCBub3RpZmljYXRpb24gb2Ygbm90aWZpY2F0aW9uczsgaW5kZXggYXMgJGluZGV4XCJcbiAgICAocmVhZHkpPVwib25SZWFkeSgkZXZlbnQpXCJcbiAgICAoZGlzbWlzcyk9XCJvbkRpc21pc3MoJGV2ZW50KVwiXG4gICAgW2NsYXNzXT1cIm5vdGlmaWNhdGlvbkNsYXNzKCRpbmRleClcIlxuICAgIFtub3RpZmljYXRpb25dPVwiZXhwYW5kZWQgfHwgJGluZGV4ID09PSBub3RpZmljYXRpb25zLmxlbmd0aCAtIDEgPyBub3RpZmljYXRpb24gOiBnZXRFbXB0eU5vdGlmaWNhdGlvbihub3RpZmljYXRpb24pXCJcbiAgICBbYXR0ci5hcmlhLWxhYmVsXT1cIm5vdGlmaWNhdGlvbi50eXBlICsgJyA6ICcgKyBub3RpZmljYXRpb24ubWVzc2FnZVwiXG4gICAgcm9sZT1cImxpc3RpdGVtXCJcbiAgPjwvZnctbm90aWZpY2F0aW9uPlxuICA8ZGl2IGNsYXNzPVwiYnV0dG9uc1wiPlxuICAgIDxmdy1idXR0b24gKm5nSWY9XCJleHBhbmRlZFwiIChjbGljayk9XCJvblNob3dMZXNzKClcIiBtYXQtYnV0dG9uIGFyaWEtbGFiZWw9XCJzaG93IGxlc3NcIiBsYXlvdXQ9XCJjb21wYWN0XCIgc2l6ZT1cInNtYWxsXCI+XG4gICAgICA8bWF0LWljb24+ZXhwYW5kX2xlc3M8L21hdC1pY29uPlxuICAgIDwvZnctYnV0dG9uPlxuICAgIDxmdy1idXR0b24gKm5nSWY9XCIhZXhwYW5kZWQgJiYgbm90aWZpY2F0aW9ucy5sZW5ndGggPiAxXCIgKGNsaWNrKT1cIm9uU2hvd01vcmUoKVwiIG1hdC1idXR0b24gYXJpYS1sYWJlbD1cInNob3cgbW9yZVwiIGxheW91dD1cImNvbXBhY3RcIiBzaXplPVwic21hbGxcIj5cbiAgICAgIDxtYXQtaWNvbj5leHBhbmRfbW9yZTwvbWF0LWljb24+XG4gICAgPC9mdy1idXR0b24+XG4gICAgPGZ3LWJ1dHRvbiAoY2xpY2spPVwiY2xlYXJBbGwoKVwiIG1hdC1idXR0b24gY2xhc3M9XCJjbGVhci1hbGxcIiBhcmlhLWxhYmVsPVwiY2xlYXIgYWxsXCIgbGF5b3V0PVwiY29tcGFjdFwiIHNpemU9XCJzbWFsbFwiPlxuICAgICAgQ2xlYXIgQWxsXG4gICAgPC9mdy1idXR0b24+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -1,135 +0,0 @@
|
|
|
1
|
-
import { TemplatePortal } from '@angular/cdk/portal';
|
|
2
|
-
import { Directive, Input } from '@angular/core';
|
|
3
|
-
import { Subscription } from 'rxjs';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "@angular/cdk/overlay";
|
|
6
|
-
export class FwPopoverTriggerDirective {
|
|
7
|
-
constructor(element, overlay, viewContainerRef) {
|
|
8
|
-
this.element = element;
|
|
9
|
-
this.overlay = overlay;
|
|
10
|
-
this.viewContainerRef = viewContainerRef;
|
|
11
|
-
this.popoverMargin = 15;
|
|
12
|
-
this.positionMap = {
|
|
13
|
-
'left': { originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center' },
|
|
14
|
-
'right': { originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center' },
|
|
15
|
-
'above': { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom' },
|
|
16
|
-
'below': { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top' },
|
|
17
|
-
};
|
|
18
|
-
this.position = 'below';
|
|
19
|
-
this.subscriptions = {
|
|
20
|
-
positionChanges: Subscription.EMPTY,
|
|
21
|
-
};
|
|
22
|
-
}
|
|
23
|
-
ngOnChanges(changes) {
|
|
24
|
-
if (changes.position && this.overlayRef) {
|
|
25
|
-
this.overlayRef.dispose();
|
|
26
|
-
this.overlayRef = null;
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
ngOnDestroy() {
|
|
30
|
-
if (this.overlayRef) {
|
|
31
|
-
this.overlayRef.dispose();
|
|
32
|
-
this.overlayRef = null;
|
|
33
|
-
}
|
|
34
|
-
for (const subscription of Object.values(this.subscriptions)) {
|
|
35
|
-
subscription.unsubscribe();
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
showPopover() {
|
|
39
|
-
var _a;
|
|
40
|
-
if ((_a = this.popover) === null || _a === void 0 ? void 0 : _a.templateRef) {
|
|
41
|
-
this.getOverlay().attach(new TemplatePortal(this.popover.templateRef, this.viewContainerRef));
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
hidePopover(e) {
|
|
45
|
-
var _a;
|
|
46
|
-
if (!((_a = e.relatedTarget) === null || _a === void 0 ? void 0 : _a.classList.contains('fw-popover-panel'))) {
|
|
47
|
-
this.getOverlay().detach();
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
setPopoverCaretPosition(position) {
|
|
51
|
-
const caret = this.overlayRef.overlayElement.querySelector('.fw-popover-caret');
|
|
52
|
-
const caretRect = this.overlayRef.overlayElement.getBoundingClientRect();
|
|
53
|
-
const triggerRect = this.element.nativeElement.getBoundingClientRect();
|
|
54
|
-
this.overlayRef.overlayElement.querySelector('.fw-popover-content-wrapper').style.margin = `${this.popoverMargin}px`;
|
|
55
|
-
if (['left', 'right', 'before', 'after'].includes(position)) {
|
|
56
|
-
caret.style.top = `${triggerRect.top - caretRect.top - this.popoverMargin + (triggerRect.height / 2)}px`;
|
|
57
|
-
}
|
|
58
|
-
else {
|
|
59
|
-
caret.style.left = `${triggerRect.left - caretRect.left - this.popoverMargin + (triggerRect.width / 2)}px`;
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
setPopoverPosition(positionChange) {
|
|
63
|
-
const position = this.positionMap[this.mainPosition] === positionChange.connectionPair
|
|
64
|
-
? this.mainPosition
|
|
65
|
-
: this.positionMap[this.fallbackPosition] === positionChange.connectionPair
|
|
66
|
-
? this.fallbackPosition
|
|
67
|
-
: this.mainPosition;
|
|
68
|
-
this.overlayRef.removePanelClass(['fw-popover-above', 'fw-popover-below', 'fw-popover-left', 'fw-popover-right']);
|
|
69
|
-
this.overlayRef.addPanelClass(`fw-popover-${position}`);
|
|
70
|
-
this.setPopoverCaretPosition(position);
|
|
71
|
-
}
|
|
72
|
-
getOverlay() {
|
|
73
|
-
if (!this.overlayRef) {
|
|
74
|
-
this.overlayRef = this.overlay.create({
|
|
75
|
-
positionStrategy: this.overlay.position()
|
|
76
|
-
.flexibleConnectedTo(this.element)
|
|
77
|
-
.withPositions(this.getPositions()),
|
|
78
|
-
panelClass: 'fw-popover-panel',
|
|
79
|
-
});
|
|
80
|
-
this.overlayRef.overlayElement.addEventListener('mouseleave', e => this.hidePopover(e));
|
|
81
|
-
this.subscriptions.positionChanges = this.overlayRef.getConfig().positionStrategy.positionChanges
|
|
82
|
-
.subscribe(positionChange => this.setPopoverPosition(positionChange));
|
|
83
|
-
}
|
|
84
|
-
return this.overlayRef;
|
|
85
|
-
}
|
|
86
|
-
getMainPosition() {
|
|
87
|
-
return this.mainPosition =
|
|
88
|
-
['left', 'before'].includes(this.position)
|
|
89
|
-
? 'left'
|
|
90
|
-
: ['right', 'after'].includes(this.position)
|
|
91
|
-
? 'right'
|
|
92
|
-
: this.position === 'above'
|
|
93
|
-
? 'above'
|
|
94
|
-
: 'below';
|
|
95
|
-
}
|
|
96
|
-
getFallbackPosition() {
|
|
97
|
-
return this.fallbackPosition =
|
|
98
|
-
['left', 'before'].includes(this.position)
|
|
99
|
-
? 'right'
|
|
100
|
-
: ['right', 'after'].includes(this.position)
|
|
101
|
-
? 'left'
|
|
102
|
-
: this.position === 'above'
|
|
103
|
-
? 'below'
|
|
104
|
-
: 'above';
|
|
105
|
-
}
|
|
106
|
-
getPositions() {
|
|
107
|
-
return [
|
|
108
|
-
// main position
|
|
109
|
-
this.positionMap[this.getMainPosition()],
|
|
110
|
-
// fallback position (inverse of main)
|
|
111
|
-
this.positionMap[this.getFallbackPosition()],
|
|
112
|
-
];
|
|
113
|
-
}
|
|
114
|
-
}
|
|
115
|
-
FwPopoverTriggerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FwPopoverTriggerDirective, deps: [{ token: i0.ElementRef }, { token: i1.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
116
|
-
FwPopoverTriggerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FwPopoverTriggerDirective, selector: "[fwPopoverTriggerFor]", inputs: { popover: ["fwPopoverTriggerFor", "popover"], position: ["fwPopoverPosition", "position"] }, host: { listeners: { "mouseenter": "showPopover()", "mouseleave": "hidePopover($event)" }, classAttribute: "fw-popover-trigger" }, exportAs: ["fwPopoverTrigger"], usesOnChanges: true, ngImport: i0 });
|
|
117
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FwPopoverTriggerDirective, decorators: [{
|
|
118
|
-
type: Directive,
|
|
119
|
-
args: [{
|
|
120
|
-
host: {
|
|
121
|
-
'class': 'fw-popover-trigger',
|
|
122
|
-
'(mouseenter)': 'showPopover()',
|
|
123
|
-
'(mouseleave)': 'hidePopover($event)',
|
|
124
|
-
},
|
|
125
|
-
selector: '[fwPopoverTriggerFor]',
|
|
126
|
-
exportAs: 'fwPopoverTrigger',
|
|
127
|
-
}]
|
|
128
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.Overlay }, { type: i0.ViewContainerRef }]; }, propDecorators: { popover: [{
|
|
129
|
-
type: Input,
|
|
130
|
-
args: ['fwPopoverTriggerFor']
|
|
131
|
-
}], position: [{
|
|
132
|
-
type: Input,
|
|
133
|
-
args: ['fwPopoverPosition']
|
|
134
|
-
}] } });
|
|
135
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wb3Zlci10cmlnZ2VyLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3BvcG92ZXIvcG9wb3Zlci10cmlnZ2VyLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDckQsT0FBTyxFQUFFLFNBQVMsRUFBYyxLQUFLLEVBQXlELE1BQU0sZUFBZSxDQUFDO0FBQ3BILE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxNQUFNLENBQUM7OztBQWVwQyxNQUFNLE9BQU8seUJBQXlCO0lBb0JwQyxZQUNTLE9BQW1CLEVBQ25CLE9BQWdCLEVBQ2hCLGdCQUFrQztRQUZsQyxZQUFPLEdBQVAsT0FBTyxDQUFZO1FBQ25CLFlBQU8sR0FBUCxPQUFPLENBQVM7UUFDaEIscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQXJCbkMsa0JBQWEsR0FBRyxFQUFFLENBQUE7UUFJbEIsZ0JBQVcsR0FBeUM7WUFDMUQsTUFBTSxFQUFFLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRTtZQUNwRixPQUFPLEVBQUUsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFO1lBQ3JGLE9BQU8sRUFBRSxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUU7WUFDdEYsT0FBTyxFQUFFLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLEtB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QXlCO2tCQVRyQyxTQUFTO21CQUFDO29CQUNULElBQUksRUFBRTt3QkFDSixPQUFPLEVBQUUsb0JBQW9CO3dCQUM3QixjQUFjLEVBQUUsZUFBZTt3QkFDL0IsY0FBYyxFQUFFLHFCQUFxQjtxQkFDdEM7b0JBQ0QsUUFBUSxFQUFFLHVCQUF1QjtvQkFDakMsUUFBUSxFQUFFLGtCQUFrQjtpQkFDN0I7c0pBYytCLE9BQU87c0JBQXBDLEtBQUs7dUJBQUMscUJBQXFCO2dCQUNBLFFBQVE7c0JBQW5DLEtBQUs7dUJBQUMsbUJBQW1CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29ubmVjdGVkT3ZlcmxheVBvc2l0aW9uQ2hhbmdlLCBDb25uZWN0ZWRQb3NpdGlvbiwgRmxleGlibGVDb25uZWN0ZWRQb3NpdGlvblN0cmF0ZWd5LCBPdmVybGF5LCBPdmVybGF5UmVmIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL292ZXJsYXknO1xuaW1wb3J0IHsgVGVtcGxhdGVQb3J0YWwgfSBmcm9tICdAYW5ndWxhci9jZGsvcG9ydGFsJztcbmltcG9ydCB7IERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgSW5wdXQsIE9uQ2hhbmdlcywgT25EZXN0cm95LCBTaW1wbGVDaGFuZ2VzLCBWaWV3Q29udGFpbmVyUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcblxuaW1wb3J0IHsgRndQb3BvdmVyQ29tcG9uZW50IH0gZnJvbSAnLi9wb3BvdmVyLmNvbXBvbmVudCc7XG5cbmV4cG9ydCB0eXBlIEZ3UG9wb3ZlclBvc2l0aW9uID0gJ2xlZnQnIHwgJ3JpZ2h0JyB8ICdhYm92ZScgfCAnYmVsb3cnIHwgJ2JlZm9yZScgfCAnYWZ0ZXInO1xuXG5ARGlyZWN0aXZlKHtcbiAgaG9zdDoge1xuICAgICdjbGFzcyc6ICdmdy1wb3BvdmVyLXRyaWdnZXInLFxuICAgICcobW91c2VlbnRlciknOiAnc2hvd1BvcG92ZXIoKScsXG4gICAgJyhtb3VzZWxlYXZlKSc6ICdoaWRlUG9wb3ZlcigkZXZlbnQpJyxcbiAgfSxcbiAgc2VsZWN0b3I6ICdbZndQb3BvdmVyVHJpZ2dlckZvcl0nLFxuICBleHBvcnRBczogJ2Z3UG9wb3ZlclRyaWdnZXInLFxufSlcbmV4cG9ydCBjbGFzcyBGd1BvcG92ZXJUcmlnZ2VyRGlyZWN0aXZlIGltcGxlbWVudHMgT25DaGFuZ2VzLCBPbkRlc3Ryb3kge1xuICBwdWJsaWMgcG9wb3ZlcklkOiBzdHJpbmdcbiAgcHJpdmF0ZSBwb3BvdmVyTWFyZ2luID0gMTVcbiAgcHJpdmF0ZSBmYWxsYmFja1Bvc2l0aW9uOiBGd1BvcG92ZXJQb3NpdGlvblxuICBwcml2YXRlIG1haW5Qb3NpdGlvbjogRndQb3BvdmVyUG9zaXRpb25cbiAgcHJpdmF0ZSBvdmVybGF5UmVmOiBPdmVybGF5UmVmXG4gIHByaXZhdGUgcG9zaXRpb25NYXA6IHsgW2tleTogc3RyaW5nXTogQ29ubmVjdGVkUG9zaXRpb24gfSA9IHtcbiAgICAnbGVmdCc6IHsgb3JpZ2luWDogJ3N0YXJ0Jywgb3JpZ2luWTogJ2NlbnRlcicsIG92ZXJsYXlYOiAnZW5kJywgb3ZlcmxheVk6ICdjZW50ZXInIH0sXG4gICAgJ3JpZ2h0JzogeyBvcmlnaW5YOiAnZW5kJywgb3JpZ2luWTogJ2NlbnRlcicsIG92ZXJsYXlYOiAnc3RhcnQnLCBvdmVybGF5WTogJ2NlbnRlcicgfSxcbiAgICAnYWJvdmUnOiB7IG9yaWdpblg6ICdjZW50ZXInLCBvcmlnaW5ZOiAndG9wJywgb3ZlcmxheVg6ICdjZW50ZXInLCBvdmVybGF5WTogJ2JvdHRvbScgfSxcbiAgICAnYmVsb3cnOiB7IG9yaWdpblg6ICdjZW50ZXInLCBvcmlnaW5ZOiAnYm90dG9tJywgb3ZlcmxheVg6ICdjZW50ZXInLCBvdmVybGF5WTogJ3RvcCcgfSxcbiAgfVxuXG4gIEBJbnB1dCgnZndQb3BvdmVyVHJpZ2dlckZvcicpIHBvcG92ZXI6IEZ3UG9wb3ZlckNvbXBvbmVudFxuICBASW5wdXQoJ2Z3UG9wb3ZlclBvc2l0aW9uJykgcG9zaXRpb246IEZ3UG9wb3ZlclBvc2l0aW9uID0gJ2JlbG93J1xuXG4gIHByaXZhdGUgc3Vic2NyaXB0aW9ucyA9IHtcbiAgICBwb3NpdGlvbkNoYW5nZXM6IFN1YnNjcmlwdGlvbi5FTVBUWSxcbiAgfTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwdWJsaWMgZWxlbWVudDogRWxlbWVudFJlZixcbiAgICBwdWJsaWMgb3ZlcmxheTogT3ZlcmxheSxcbiAgICBwdWJsaWMgdmlld0NvbnRhaW5lclJlZjogVmlld0NvbnRhaW5lclJlZixcbiAgKSB7IH1cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgaWYgKGNoYW5nZXMucG9zaXRpb24gJiYgdGhpcy5vdmVybGF5UmVmKSB7XG4gICAgICB0aGlzLm92ZXJsYXlSZWYuZGlzcG9zZSgpO1xuICAgICAgdGhpcy5vdmVybGF5UmVmID0gbnVsbDtcbiAgICB9XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5vdmVybGF5UmVmKSB7XG4gICAgICB0aGlzLm92ZXJsYXlSZWYuZGlzcG9zZSgpO1xuICAgICAgdGhpcy5vdmVybGF5UmVmID0gbnVsbDtcbiAgICB9XG4gICAgZm9yIChjb25zdCBzdWJzY3JpcHRpb24gb2YgT2JqZWN0LnZhbHVlcyh0aGlzLnN1YnNjcmlwdGlvbnMpKSB7XG4gICAgICBzdWJzY3JpcHRpb24udW5zdWJzY3JpYmUoKTtcbiAgICB9XG4gIH1cblxuICBzaG93UG9wb3ZlcigpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5wb3BvdmVyPy50ZW1wbGF0ZVJlZikge1xuICAgICAgdGhpcy5nZXRPdmVybGF5KCkuYXR0YWNoKG5ldyBUZW1wbGF0ZVBvcnRhbCh0aGlzLnBvcG92ZXIudGVtcGxhdGVSZWYsIHRoaXMudmlld0NvbnRhaW5lclJlZikpO1xuICAgIH1cbiAgfVxuXG4gIGhpZGVQb3BvdmVyKGU6IE1vdXNlRXZlbnQpOiB2b2lkIHtcbiAgICBpZiAoIShlLnJlbGF0ZWRUYXJnZXQgYXMgSFRNTEVsZW1lbnQpPy5jbGFzc0xpc3QuY29udGFpbnMoJ2Z3LXBvcG92ZXItcGFuZWwnKSkge1xuICAgICAgdGhpcy5nZXRPdmVybGF5KCkuZGV0YWNoKCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBzZXRQb3BvdmVyQ2FyZXRQb3NpdGlvbihwb3NpdGlvbjogRndQb3BvdmVyUG9zaXRpb24pOiB2b2lkIHtcbiAgICBjb25zdCBjYXJldCA9IHRoaXMub3ZlcmxheVJlZi5vdmVybGF5RWxlbWVudC5xdWVyeVNlbGVjdG9yKCcuZnctcG9wb3Zlci1jYXJldCcpIGFzIEhUTUxFbGVtZW50O1xuICAgIGNvbnN0IGNhcmV0UmVjdCA9IHRoaXMub3ZlcmxheVJlZi5vdmVybGF5RWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICBjb25zdCB0cmlnZ2VyUmVjdCA9IHRoaXMuZWxlbWVudC5uYXRpdmVFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICAgICh0aGlzLm92ZXJsYXlSZWYub3ZlcmxheUVsZW1lbnQucXVlcnlTZWxlY3RvcignLmZ3LXBvcG92ZXItY29udGVudC13cmFwcGVyJykgYXMgSFRNTEVsZW1lbnQpLnN0eWxlLm1hcmdpbiA9IGAke3RoaXMucG9wb3Zlck1hcmdpbn1weGA7XG4gICAgaWYgKFsnbGVmdCcsICdyaWdodCcsICdiZWZvcmUnLCAnYWZ0ZXInXS5pbmNsdWRlcyhwb3NpdGlvbikpIHtcbiAgICAgIGNhcmV0LnN0eWxlLnRvcCA9IGAke3RyaWdnZXJSZWN0LnRvcCAtIGNhcmV0UmVjdC50b3AgLSB0aGlzLnBvcG92ZXJNYXJnaW4gKyAodHJpZ2dlclJlY3QuaGVpZ2h0IC8gMil9cHhgO1xuICAgIH0gZWxzZSB7XG4gICAgICBjYXJldC5zdHlsZS5sZWZ0ID0gYCR7dHJpZ2dlclJlY3QubGVmdCAtIGNhcmV0UmVjdC5sZWZ0IC0gdGhpcy5wb3BvdmVyTWFyZ2luICsgKHRyaWdnZXJSZWN0LndpZHRoIC8gMil9cHhgO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgc2V0UG9wb3ZlclBvc2l0aW9uKHBvc2l0aW9uQ2hhbmdlOiBDb25uZWN0ZWRPdmVybGF5UG9zaXRpb25DaGFuZ2UpOiB2b2lkIHtcbiAgICBjb25zdCBwb3NpdGlvbiA9IHRoaXMucG9zaXRpb25NYXBbdGhpcy5tYWluUG9zaXRpb25dID09PSBwb3NpdGlvbkNoYW5nZS5jb25uZWN0aW9uUGFpclxuICAgICAgPyB0aGlzLm1haW5Qb3NpdGlvblxuICAgICAgOiB0aGlzLnBvc2l0aW9uTWFwW3RoaXMuZmFsbGJhY2tQb3NpdGlvbl0gPT09IHBvc2l0aW9uQ2hhbmdlLmNvbm5lY3Rpb25QYWlyXG4gICAgICAgID8gdGhpcy5mYWxsYmFja1Bvc2l0aW9uXG4gICAgICAgIDogdGhpcy5tYWluUG9zaXRpb247XG4gICAgdGhpcy5vdmVybGF5UmVmLnJlbW92ZVBhbmVsQ2xhc3MoWydmdy1wb3BvdmVyLWFib3ZlJywgJ2Z3LXBvcG92ZXItYmVsb3cnLCAnZnctcG9wb3Zlci1sZWZ0JywgJ2Z3LXBvcG92ZXItcmlnaHQnXSk7XG4gICAgdGhpcy5vdmVybGF5UmVmLmFkZFBhbmVsQ2xhc3MoYGZ3LXBvcG92ZXItJHtwb3NpdGlvbn1gKTtcbiAgICB0aGlzLnNldFBvcG92ZXJDYXJldFBvc2l0aW9uKHBvc2l0aW9uKTtcbiAgfVxuXG4gIHB1YmxpYyBnZXRPdmVybGF5KCk6IE92ZXJsYXlSZWYge1xuICAgIGlmICghdGhpcy5vdmVybGF5UmVmKSB7XG4gICAgICB0aGlzLm92ZXJsYXlSZWYgPSB0aGlzLm92ZXJsYXkuY3JlYXRlKHtcbiAgICAgICAgcG9zaXRpb25TdHJhdGVneTogdGhpcy5vdmVybGF5LnBvc2l0aW9uKClcbiAgICAgICAgICAuZmxleGlibGVDb25uZWN0ZWRUbyh0aGlzLmVsZW1lbnQpXG4gICAgICAgICAgLndpdGhQb3NpdGlvbnModGhpcy5nZXRQb3NpdGlvbnMoKSksXG4gICAgICAgIHBhbmVsQ2xhc3M6ICdmdy1wb3BvdmVyLXBhbmVsJyxcbiAgICAgIH0pO1xuICAgICAgdGhpcy5vdmVybGF5UmVmLm92ZXJsYXlFbGVtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ21vdXNlbGVhdmUnLCBlID0+IHRoaXMuaGlkZVBvcG92ZXIoZSkpO1xuICAgICAgdGhpcy5zdWJzY3JpcHRpb25zLnBvc2l0aW9uQ2hhbmdlcyA9ICh0aGlzLm92ZXJsYXlSZWYuZ2V0Q29uZmlnKCkucG9zaXRpb25TdHJhdGVneSBhcyBGbGV4aWJsZUNvbm5lY3RlZFBvc2l0aW9uU3RyYXRlZ3kpLnBvc2l0aW9uQ2hhbmdlc1xuICAgICAgICAuc3Vic2NyaWJlKHBvc2l0aW9uQ2hhbmdlID0+IHRoaXMuc2V0UG9wb3ZlclBvc2l0aW9uKHBvc2l0aW9uQ2hhbmdlKSk7XG4gICAgfVxuICAgIHJldHVybiB0aGlzLm92ZXJsYXlSZWY7XG4gIH1cblxuICBwcml2YXRlIGdldE1haW5Qb3NpdGlvbigpOiBGd1BvcG92ZXJQb3NpdGlvbiB7XG4gICAgcmV0dXJuIHRoaXMubWFpblBvc2l0aW9uID1cbiAgICAgIFsnbGVmdCcsICdiZWZvcmUnXS5pbmNsdWRlcyh0aGlzLnBvc2l0aW9uKVxuICAgICAgICA/ICdsZWZ0J1xuICAgICAgICA6IFsncmlnaHQnLCAnYWZ0ZXInXS5pbmNsdWRlcyh0aGlzLnBvc2l0aW9uKVxuICAgICAgICAgID8gJ3JpZ2h0J1xuICAgICAgICAgIDogdGhpcy5wb3NpdGlvbiA9PT0gJ2Fib3ZlJ1xuICAgICAgICAgICAgPyAnYWJvdmUnXG4gICAgICAgICAgICA6ICdiZWxvdyc7XG4gIH1cblxuICBwcml2YXRlIGdldEZhbGxiYWNrUG9zaXRpb24oKTogRndQb3BvdmVyUG9zaXRpb24ge1xuICAgIHJldHVybiB0aGlzLmZhbGxiYWNrUG9zaXRpb24gPVxuICAgICAgWydsZWZ0JywgJ2JlZm9yZSddLmluY2x1ZGVzKHRoaXMucG9zaXRpb24pXG4gICAgICAgID8gJ3JpZ2h0J1xuICAgICAgICA6IFsncmlnaHQnLCAnYWZ0ZXInXS5pbmNsdWRlcyh0aGlzLnBvc2l0aW9uKVxuICAgICAgICAgID8gJ2xlZnQnXG4gICAgICAgICAgOiB0aGlzLnBvc2l0aW9uID09PSAnYWJvdmUnXG4gICAgICAgICAgICA/ICdiZWxvdydcbiAgICAgICAgICAgIDogJ2Fib3ZlJztcbiAgfVxuXG4gIHByaXZhdGUgZ2V0UG9zaXRpb25zKCk6IENvbm5lY3RlZFBvc2l0aW9uW10ge1xuICAgIHJldHVybiBbXG4gICAgICAvLyBtYWluIHBvc2l0aW9uXG4gICAgICB0aGlzLnBvc2l0aW9uTWFwW3RoaXMuZ2V0TWFpblBvc2l0aW9uKCldLFxuICAgICAgLy8gZmFsbGJhY2sgcG9zaXRpb24gKGludmVyc2Ugb2YgbWFpbilcbiAgICAgIHRoaXMucG9zaXRpb25NYXBbdGhpcy5nZXRGYWxsYmFja1Bvc2l0aW9uKCldLFxuICAgIF07XG4gIH1cbn1cbiJdfQ==
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { Component, ViewChild, ViewEncapsulation } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/common";
|
|
4
|
-
export class FwPopoverComponent {
|
|
5
|
-
}
|
|
6
|
-
FwPopoverComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FwPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7
|
-
FwPopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FwPopoverComponent, selector: "fw-popover", host: { classAttribute: "fw-popover" }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["content"], descendants: true }], ngImport: i0, template: `
|
|
8
|
-
<ng-container *ngTemplateOutlet="content"></ng-container>
|
|
9
|
-
<ng-template #content>
|
|
10
|
-
<div class="fw-popover-content-wrapper">
|
|
11
|
-
<ng-content></ng-content>
|
|
12
|
-
<div class="fw-popover-caret"></div>
|
|
13
|
-
</div>
|
|
14
|
-
</ng-template>`, isInline: true, styles: [".white{color:#fff!important}.fill-white{background-color:#fff!important}.border-white{border-color:#fff!important}.border-top-white{border-top:1px solid;border-color:#fff!important}.border-right-white{border-right:1px solid;border-color:#fff!important}.border-bottom-white{border-bottom:1px solid;border-color:#fff!important}.border-left-white{border-left:1px solid;border-color:#fff!important}.black{color:#000!important}.fill-black{background-color:#000!important}.border-black{border-color:#000!important}.border-top-black{border-top:1px solid;border-color:#000!important}.border-right-black{border-right:1px solid;border-color:#000!important}.border-bottom-black{border-bottom:1px solid;border-color:#000!important}.border-left-black{border-left:1px solid;border-color:#000!important}.green{color:#59b96b!important}.fill-green{background-color:#59b96b!important}.border-green{border-color:#59b96b!important}.border-top-green{border-top:1px solid;border-color:#59b96b!important}.border-right-green{border-right:1px solid;border-color:#59b96b!important}.border-bottom-green{border-bottom:1px solid;border-color:#59b96b!important}.border-left-green{border-left:1px solid;border-color:#59b96b!important}.orange{color:#f7941d!important}.fill-orange{background-color:#f7941d!important}.border-orange{border-color:#f7941d!important}.border-top-orange{border-top:1px solid;border-color:#f7941d!important}.border-right-orange{border-right:1px solid;border-color:#f7941d!important}.border-bottom-orange{border-bottom:1px solid;border-color:#f7941d!important}.border-left-orange{border-left:1px solid;border-color:#f7941d!important}.red{color:#de584c!important}.fill-red{background-color:#de584c!important}.border-red{border-color:#de584c!important}.border-top-red{border-top:1px solid;border-color:#de584c!important}.border-right-red{border-right:1px solid;border-color:#de584c!important}.border-bottom-red{border-bottom:1px solid;border-color:#de584c!important}.border-left-red{border-left:1px solid;border-color:#de584c!important}.light-red{color:#f8e5e4!important}.fill-light-red{background-color:#f8e5e4!important}.border-light-red{border-color:#f8e5e4!important}.border-top-light-red{border-top:1px solid;border-color:#f8e5e4!important}.border-right-light-red{border-right:1px solid;border-color:#f8e5e4!important}.border-bottom-light-red{border-bottom:1px solid;border-color:#f8e5e4!important}.border-left-light-red{border-left:1px solid;border-color:#f8e5e4!important}.blue{color:#5871a2!important}.fill-blue{background-color:#5871a2!important}.border-blue{border-color:#5871a2!important}.border-top-blue{border-top:1px solid;border-color:#5871a2!important}.border-right-blue{border-right:1px solid;border-color:#5871a2!important}.border-bottom-blue{border-bottom:1px solid;border-color:#5871a2!important}.border-left-blue{border-left:1px solid;border-color:#5871a2!important}.focus-blue{color:#23527c!important}.fill-focus-blue{background-color:#23527c!important}.border-focus-blue{border-color:#23527c!important}.border-top-focus-blue{border-top:1px solid;border-color:#23527c!important}.border-right-focus-blue{border-right:1px solid;border-color:#23527c!important}.border-bottom-focus-blue{border-bottom:1px solid;border-color:#23527c!important}.border-left-focus-blue{border-left:1px solid;border-color:#23527c!important}.dark-blue{color:#394256!important}.fill-dark-blue{background-color:#394256!important}.border-dark-blue{border-color:#394256!important}.border-top-dark-blue{border-top:1px solid;border-color:#394256!important}.border-right-dark-blue{border-right:1px solid;border-color:#394256!important}.border-bottom-dark-blue{border-bottom:1px solid;border-color:#394256!important}.border-left-dark-blue{border-left:1px solid;border-color:#394256!important}.light-blue{color:#e7effe!important}.fill-light-blue{background-color:#e7effe!important}.border-light-blue{border-color:#e7effe!important}.border-top-light-blue{border-top:1px solid;border-color:#e7effe!important}.border-right-light-blue{border-right:1px solid;border-color:#e7effe!important}.border-bottom-light-blue{border-bottom:1px solid;border-color:#e7effe!important}.border-left-light-blue{border-left:1px solid;border-color:#e7effe!important}.bright-blue{color:#1b68fa!important}.fill-bright-blue{background-color:#1b68fa!important}.border-bright-blue{border-color:#1b68fa!important}.border-top-bright-blue{border-top:1px solid;border-color:#1b68fa!important}.border-right-bright-blue{border-right:1px solid;border-color:#1b68fa!important}.border-bottom-bright-blue{border-bottom:1px solid;border-color:#1b68fa!important}.border-left-bright-blue{border-left:1px solid;border-color:#1b68fa!important}.admin-black{color:#01010a!important}.fill-admin-black{background-color:#01010a!important}.border-admin-black{border-color:#01010a!important}.border-top-admin-black{border-top:1px solid;border-color:#01010a!important}.border-right-admin-black{border-right:1px solid;border-color:#01010a!important}.border-bottom-admin-black{border-bottom:1px solid;border-color:#01010a!important}.border-left-admin-black{border-left:1px solid;border-color:#01010a!important}.accent-purple{color:#b080fc!important}.fill-accent-purple{background-color:#b080fc!important}.border-accent-purple{border-color:#b080fc!important}.border-top-accent-purple{border-top:1px solid;border-color:#b080fc!important}.border-right-accent-purple{border-right:1px solid;border-color:#b080fc!important}.border-bottom-accent-purple{border-bottom:1px solid;border-color:#b080fc!important}.border-left-accent-purple{border-left:1px solid;border-color:#b080fc!important}.grey{color:#58595b!important}.fill-grey{background-color:#58595b!important}.border-grey{border-color:#58595b!important}.border-top-grey{border-top:1px solid;border-color:#58595b!important}.border-right-grey{border-right:1px solid;border-color:#58595b!important}.border-bottom-grey{border-bottom:1px solid;border-color:#58595b!important}.border-left-grey{border-left:1px solid;border-color:#58595b!important}.soft-grey{color:#dddede!important}.fill-soft-grey{background-color:#dddede!important}.border-soft-grey{border-color:#dddede!important}.border-top-soft-grey{border-top:1px solid;border-color:#dddede!important}.border-right-soft-grey{border-right:1px solid;border-color:#dddede!important}.border-bottom-soft-grey{border-bottom:1px solid;border-color:#dddede!important}.border-left-soft-grey{border-left:1px solid;border-color:#dddede!important}.light-grey{color:#eee!important}.fill-light-grey{background-color:#eee!important}.border-light-grey{border-color:#eee!important}.border-top-light-grey{border-top:1px solid;border-color:#eee!important}.border-right-light-grey{border-right:1px solid;border-color:#eee!important}.border-bottom-light-grey{border-bottom:1px solid;border-color:#eee!important}.border-left-light-grey{border-left:1px solid;border-color:#eee!important}.medium-grey{color:#ccc!important}.fill-medium-grey{background-color:#ccc!important}.border-medium-grey{border-color:#ccc!important}.border-top-medium-grey{border-top:1px solid;border-color:#ccc!important}.border-right-medium-grey{border-right:1px solid;border-color:#ccc!important}.border-bottom-medium-grey{border-bottom:1px solid;border-color:#ccc!important}.border-left-medium-grey{border-left:1px solid;border-color:#ccc!important}.medium-dark-grey{color:#999!important}.fill-medium-dark-grey{background-color:#999!important}.border-medium-dark-grey{border-color:#999!important}.border-top-medium-dark-grey{border-top:1px solid;border-color:#999!important}.border-right-medium-dark-grey{border-right:1px solid;border-color:#999!important}.border-bottom-medium-dark-grey{border-bottom:1px solid;border-color:#999!important}.border-left-medium-dark-grey{border-left:1px solid;border-color:#999!important}.dark-grey{color:#222!important}.fill-dark-grey{background-color:#222!important}.border-dark-grey{border-color:#222!important}.border-top-dark-grey{border-top:1px solid;border-color:#222!important}.border-right-dark-grey{border-right:1px solid;border-color:#222!important}.border-bottom-dark-grey{border-bottom:1px solid;border-color:#222!important}.border-left-dark-grey{border-left:1px solid;border-color:#222!important}.soft-blue{color:#eff1f5!important}.fill-soft-blue{background-color:#eff1f5!important}.border-soft-blue{border-color:#eff1f5!important}.border-top-soft-blue{border-top:1px solid;border-color:#eff1f5!important}.border-right-soft-blue{border-right:1px solid;border-color:#eff1f5!important}.border-bottom-soft-blue{border-bottom:1px solid;border-color:#eff1f5!important}.border-left-soft-blue{border-left:1px solid;border-color:#eff1f5!important}.dark-soft-blue{color:#e9ecf1!important}.fill-dark-soft-blue{background-color:#e9ecf1!important}.border-dark-soft-blue{border-color:#e9ecf1!important}.border-top-dark-soft-blue{border-top:1px solid;border-color:#e9ecf1!important}.border-right-dark-soft-blue{border-right:1px solid;border-color:#e9ecf1!important}.border-bottom-dark-soft-blue{border-bottom:1px solid;border-color:#e9ecf1!important}.border-left-dark-soft-blue{border-left:1px solid;border-color:#e9ecf1!important}.darker-soft-blue{color:#e6e9ef!important}.fill-darker-soft-blue{background-color:#e6e9ef!important}.border-darker-soft-blue{border-color:#e6e9ef!important}.border-top-darker-soft-blue{border-top:1px solid;border-color:#e6e9ef!important}.border-right-darker-soft-blue{border-right:1px solid;border-color:#e6e9ef!important}.border-bottom-darker-soft-blue{border-bottom:1px solid;border-color:#e6e9ef!important}.border-left-darker-soft-blue{border-left:1px solid;border-color:#e6e9ef!important}.light-soft-blue{color:#f5f6f9!important}.fill-light-soft-blue{background-color:#f5f6f9!important}.border-light-soft-blue{border-color:#f5f6f9!important}.border-top-light-soft-blue{border-top:1px solid;border-color:#f5f6f9!important}.border-right-light-soft-blue{border-right:1px solid;border-color:#f5f6f9!important}.border-bottom-light-soft-blue{border-bottom:1px solid;border-color:#f5f6f9!important}.border-left-light-soft-blue{border-left:1px solid;border-color:#f5f6f9!important}.lighter-soft-blue{color:#f8f9fb!important}.fill-lighter-soft-blue{background-color:#f8f9fb!important}.border-lighter-soft-blue{border-color:#f8f9fb!important}.border-top-lighter-soft-blue{border-top:1px solid;border-color:#f8f9fb!important}.border-right-lighter-soft-blue{border-right:1px solid;border-color:#f8f9fb!important}.border-bottom-lighter-soft-blue{border-bottom:1px solid;border-color:#f8f9fb!important}.border-left-lighter-soft-blue{border-left:1px solid;border-color:#f8f9fb!important}:root{--color-gray: var(--color-gray-100);--color-gray-50: #f6f7f8;--color-gray-100: #eff1f4;--color-gray-200: #e3e5e8;--color-gray-300: #d7d9dc;--color-gray-400: #cbcdcf;--color-gray-500: #bfc1c3;--color-primary: var(--color-primary-500);--color-primary-50: #e4edfe;--color-primary-100: #bbd2fe;--color-primary-200: #8db4fd;--color-primary-300: #5f95fc;--color-primary-400: #3d7ffb;--color-primary-500: #1b68fa;--color-primary-600: #1860f9;--color-primary-700: #1455f9;--color-primary-800: #104bf8;--color-primary-900: #083af6;--color-primary-A100: #ffffff;--color-primary-A200: #ebefff;--color-primary-A400: #b8c4ff;--color-primary-A700: #9fafff;--color-secondary: var(--color-secondary-500);--color-secondary-50: #ebf7ed;--color-secondary-100: #cdead3;--color-secondary-200: #acdcb5;--color-secondary-300: #8bce97;--color-secondary-400: #72c481;--color-secondary-500: #59b96b;--color-secondary-600: #51b263;--color-secondary-700: #48aa58;--color-secondary-800: #3ea24e;--color-secondary-900: #2e933c;--color-secondary-A100: #d9ffde;--color-secondary-A200: #a6ffb1;--color-secondary-A400: #73ff84;--color-secondary-A700: #59ff6e}fw-popover{display:none}.fw-popover-panel .fw-popover-content-wrapper{position:relative;background:#ffffff;border-radius:4px;box-shadow:0 1px 4px #00000026!important;border:1px solid #d6dbe5;padding:16px}.fw-popover-panel .fw-popover-content-wrapper .fw-popover-caret{position:absolute;overflow:hidden;width:25px;height:25px}.fw-popover-panel .fw-popover-content-wrapper .fw-popover-caret:after{display:block;content:\"\";width:16px;height:16px;background:#ffffff;box-shadow:0 1px 4px #00000026!important;border:1px solid #d6dbe5;transform:rotate(45deg);position:relative}.fw-popover-panel.fw-popover-above{margin-bottom:-20px;padding-bottom:20px}.fw-popover-panel.fw-popover-above .fw-popover-caret{left:0px;bottom:-16px;height:16px}.fw-popover-panel.fw-popover-above .fw-popover-caret:after{margin:-8px auto}.fw-popover-panel.fw-popover-below{margin-top:-20px;padding-top:20px}.fw-popover-panel.fw-popover-below .fw-popover-caret{left:0px;top:-16px;height:16px}.fw-popover-panel.fw-popover-below .fw-popover-caret:after{top:16px;margin:-8px auto}.fw-popover-panel.fw-popover-left{margin-right:-20px;padding-right:20px}.fw-popover-panel.fw-popover-left .fw-popover-caret{right:-16px;top:0;width:16px}.fw-popover-panel.fw-popover-left .fw-popover-caret:after{top:calc(50% - 8px);left:-8px}.fw-popover-panel.fw-popover-right{margin-left:-20px;padding-left:20px}.fw-popover-panel.fw-popover-right .fw-popover-caret{left:-16px;top:0;width:16px}.fw-popover-panel.fw-popover-right .fw-popover-caret:after{top:calc(50% - 8px);right:-8px}\n"], directives: [{ type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
15
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FwPopoverComponent, decorators: [{
|
|
16
|
-
type: Component,
|
|
17
|
-
args: [{
|
|
18
|
-
host: { 'class': 'fw-popover' },
|
|
19
|
-
selector: 'fw-popover',
|
|
20
|
-
styleUrls: ['./popover.component.scss'],
|
|
21
|
-
template: `
|
|
22
|
-
<ng-container *ngTemplateOutlet="content"></ng-container>
|
|
23
|
-
<ng-template #content>
|
|
24
|
-
<div class="fw-popover-content-wrapper">
|
|
25
|
-
<ng-content></ng-content>
|
|
26
|
-
<div class="fw-popover-caret"></div>
|
|
27
|
-
</div>
|
|
28
|
-
</ng-template>`,
|
|
29
|
-
encapsulation: ViewEncapsulation.None,
|
|
30
|
-
}]
|
|
31
|
-
}], propDecorators: { templateRef: [{
|
|
32
|
-
type: ViewChild,
|
|
33
|
-
args: ['content']
|
|
34
|
-
}] } });
|
|
35
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wb3Zlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9wb3BvdmVyL3BvcG92ZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFnQnJGLE1BQU0sT0FBTyxrQkFBa0I7O2dIQUFsQixrQkFBa0I7b0dBQWxCLGtCQUFrQixrTUFWbkI7Ozs7Ozs7aUJBT0s7NEZBR0osa0JBQWtCO2tCQWQ5QixTQUFTO21CQUFDO29CQUNULElBQUksRUFBRSxFQUFFLE9BQU8sRUFBRSxZQUFZLEVBQUU7b0JBQy9CLFFBQVEsRUFBRSxZQUFZO29CQUN0QixTQUFTLEVBQUUsQ0FBRSwwQkFBMEIsQ0FBRTtvQkFDekMsUUFBUSxFQUFFOzs7Ozs7O2lCQU9LO29CQUNmLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2lCQUN0Qzs4QkFHdUIsV0FBVztzQkFBaEMsU0FBUzt1QkFBQyxTQUFTIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBUZW1wbGF0ZVJlZiwgVmlld0NoaWxkLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgaG9zdDogeyAnY2xhc3MnOiAnZnctcG9wb3ZlcicgfSxcbiAgc2VsZWN0b3I6ICdmdy1wb3BvdmVyJyxcbiAgc3R5bGVVcmxzOiBbICcuL3BvcG92ZXIuY29tcG9uZW50LnNjc3MnIF0sXG4gIHRlbXBsYXRlOiBgXG4gIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy1jb250YWluZXI+XG4gIDxuZy10ZW1wbGF0ZSAjY29udGVudD5cbiAgICA8ZGl2IGNsYXNzPVwiZnctcG9wb3Zlci1jb250ZW50LXdyYXBwZXJcIj5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICAgIDxkaXYgY2xhc3M9XCJmdy1wb3BvdmVyLWNhcmV0XCI+PC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvbmctdGVtcGxhdGU+YCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgRndQb3BvdmVyQ29tcG9uZW50IHtcbiAgLy8gVXNlZCBmb3IgVGVtcGxhdGVQb3J0YWwgaW4gLi9wb3BvdmVyLXRyaWdnZXIuZGlyZWN0aXZlLnRzXG4gIEBWaWV3Q2hpbGQoJ2NvbnRlbnQnKSB0ZW1wbGF0ZVJlZjogVGVtcGxhdGVSZWY8YW55PiAvLyBlc2xpbnQtZGlzYWJsZS1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnlcbn1cbiJdfQ==
|