@testgorilla/tgo-ui 1.1.0 → 1.2.1
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/alert-banner/alert-banner.component.d.ts +1 -1
- package/components/avatar/avatar.component.d.ts +1 -1
- package/components/banner-action/banner-action.component.d.ts +1 -1
- package/components/button/button.component.d.ts +1 -1
- package/components/card/card.component.d.ts +1 -1
- package/components/checkbox/checkbox.component.d.ts +1 -1
- package/components/create-account/create-account.component.d.ts +1 -1
- package/components/create-password/create-password.component.d.ts +1 -1
- package/components/datepicker/datepicker.component.d.ts +1 -1
- package/components/dialog/dialog.component.d.ts +1 -1
- package/components/dropdown/dropdown.component.d.ts +1 -1
- package/components/elevation-shadow/elevation-shadow.component.d.ts +1 -1
- package/components/field/field.component.d.ts +1 -1
- package/components/file-upload/file-upload.component.d.ts +8 -2
- package/components/forgot-password/forgot-password.component.d.ts +1 -1
- package/components/icon/icon.component.d.ts +1 -1
- package/components/icon-label/icon-label.component.d.ts +1 -1
- package/components/label/label.component.d.ts +1 -1
- package/components/login/login.component.d.ts +1 -1
- package/components/logo/logo.component.d.ts +1 -1
- package/components/navbar/navbar.component.d.ts +1 -1
- package/components/navigation/navigation.component.d.ts +1 -1
- package/components/paginator/paginator.component.d.ts +1 -1
- package/components/progress-bar/progress-bar.component.d.ts +1 -1
- package/components/radio-button/radio-button.component.d.ts +1 -1
- package/components/rating/rating.component.d.ts +1 -1
- package/components/snackbar/snackbar.component.d.ts +1 -1
- package/components/table/directives/dynamic-component.directive.d.ts +1 -1
- package/components/table/table.component.d.ts +1 -1
- package/components/tag/tag.component.d.ts +1 -1
- package/components/toggle/toggle.component.d.ts +1 -1
- package/components/tooltip/tooltip.component.d.ts +1 -1
- package/directives/digits-only.directive.d.ts +1 -1
- package/esm2022/components/alert-banner/alert-banner.component.mjs +98 -0
- package/{esm2020 → esm2022}/components/alert-banner/alert-banner.component.module.mjs +5 -5
- package/{esm2020 → esm2022}/components/avatar/avatar.component.mjs +4 -4
- package/{esm2020 → esm2022}/components/avatar/avatar.component.module.mjs +5 -5
- package/{esm2020 → esm2022}/components/banner-action/banner-action.component.mjs +4 -4
- package/{esm2020 → esm2022}/components/banner-action/banner-action.component.module.mjs +5 -5
- package/{esm2020 → esm2022}/components/button/button.component.mjs +4 -4
- package/{esm2020 → esm2022}/components/button/button.component.module.mjs +5 -5
- package/{esm2020 → esm2022}/components/card/card.component.mjs +4 -4
- package/{esm2020 → esm2022}/components/card/card.component.module.mjs +5 -5
- package/esm2022/components/checkbox/checkbox.component.mjs +151 -0
- package/{esm2020 → esm2022}/components/checkbox/checkbox.component.module.mjs +5 -5
- package/{esm2020 → esm2022}/components/confirm-dialog/confirm-dialog.component.mjs +4 -4
- package/{esm2020 → esm2022}/components/confirm-dialog/confirm-dialog.component.module.mjs +8 -8
- package/{esm2020 → esm2022}/components/create-account/create-account.component.mjs +4 -4
- package/{esm2020 → esm2022}/components/create-account/create-account.component.module.mjs +19 -19
- package/{esm2020 → esm2022}/components/create-password/create-password.component.mjs +4 -4
- package/{esm2020 → esm2022}/components/create-password/create-password.component.module.mjs +17 -17
- package/esm2022/components/datepicker/datepicker.component.mjs +179 -0
- package/{esm2020 → esm2022}/components/datepicker/datepicker.component.module.mjs +19 -19
- package/{esm2020 → esm2022}/components/dialog/dialog.component.mjs +4 -4
- package/{esm2020 → esm2022}/components/dialog/dialog.component.module.mjs +5 -5
- package/{esm2020 → esm2022}/components/dialog/dialog.service.mjs +4 -4
- package/esm2022/components/dropdown/dropdown.component.mjs +158 -0
- package/{esm2020 → esm2022}/components/dropdown/dropdown.component.module.mjs +19 -19
- package/{esm2020 → esm2022}/components/elevation-shadow/elevation-shadow.component.mjs +4 -4
- package/{esm2020 → esm2022}/components/elevation-shadow/elevation-shadow.component.module.mjs +5 -5
- package/esm2022/components/field/field.component.mjs +212 -0
- package/{esm2020 → esm2022}/components/field/field.component.module.mjs +17 -17
- package/esm2022/components/file-upload/file-upload.component.mjs +191 -0
- package/{esm2020 → esm2022}/components/file-upload/file-upload.component.module.mjs +5 -5
- package/{esm2020 → esm2022}/components/forgot-password/forgot-password.component.mjs +4 -4
- package/{esm2020 → esm2022}/components/forgot-password/forgot-password.component.module.mjs +17 -17
- package/{esm2020 → esm2022}/components/icon/icon.component.mjs +4 -4
- package/{esm2020 → esm2022}/components/icon/icon.component.module.mjs +5 -5
- package/{esm2020 → esm2022}/components/icon-label/icon-label.component.mjs +4 -4
- package/{esm2020 → esm2022}/components/icon-label/icon-label.component.module.mjs +5 -5
- package/{esm2020 → esm2022}/components/label/label.component.mjs +4 -4
- package/{esm2020 → esm2022}/components/label/label.component.module.mjs +5 -5
- package/{esm2020 → esm2022}/components/login/login.component.mjs +4 -4
- package/{esm2020 → esm2022}/components/login/login.component.module.mjs +17 -17
- package/{esm2020 → esm2022}/components/logo/logo.component.mjs +4 -4
- package/{esm2020 → esm2022}/components/logo/logo.component.module.mjs +5 -5
- package/{esm2020 → esm2022}/components/navbar/navbar.component.mjs +4 -4
- package/{esm2020 → esm2022}/components/navbar/navbar.component.module.mjs +19 -19
- package/{esm2020 → esm2022}/components/navigation/navigation.component.mjs +4 -4
- package/{esm2020 → esm2022}/components/navigation/navigation.component.module.mjs +5 -5
- package/{esm2020 → esm2022}/components/paginator/paginator.component.mjs +4 -4
- package/{esm2020 → esm2022}/components/paginator/paginator.component.module.mjs +5 -5
- package/{esm2020 → esm2022}/components/progress-bar/progress-bar.component.mjs +4 -4
- package/{esm2020 → esm2022}/components/progress-bar/progress-bar.component.module.mjs +5 -5
- package/{esm2020 → esm2022}/components/radio-button/radio-button.component.mjs +4 -4
- package/{esm2020 → esm2022}/components/radio-button/radio-button.component.module.mjs +5 -5
- package/{esm2020 → esm2022}/components/rating/rating.component.mjs +4 -4
- package/{esm2020 → esm2022}/components/rating/rating.component.module.mjs +5 -5
- package/esm2022/components/snackbar/snackbar.component.mjs +148 -0
- package/esm2022/components/snackbar/snackbar.component.module.mjs +44 -0
- package/{esm2020 → esm2022}/components/snackbar/snackbar.service.mjs +4 -4
- package/{esm2020 → esm2022}/components/spinner/spinner.component.mjs +4 -4
- package/{esm2020 → esm2022}/components/spinner/spinner.module.mjs +5 -5
- package/{esm2020 → esm2022}/components/table/directives/dynamic-component.directive.mjs +4 -4
- package/{esm2020 → esm2022}/components/table/pipes/data-property-getter.mjs +4 -4
- package/esm2022/components/table/table.component.mjs +158 -0
- package/{esm2020 → esm2022}/components/table/table.component.module.mjs +5 -5
- package/{esm2020 → esm2022}/components/tag/tag.component.mjs +4 -4
- package/{esm2020 → esm2022}/components/tag/tag.component.module.mjs +5 -5
- package/esm2022/components/toggle/toggle.component.mjs +78 -0
- package/{esm2020 → esm2022}/components/toggle/toggle.component.module.mjs +5 -5
- package/{esm2020 → esm2022}/components/tooltip/tooltip.component.mjs +4 -4
- package/{esm2020 → esm2022}/components/tooltip/tooltip.component.module.mjs +5 -5
- package/{esm2020 → esm2022}/directives/digits-only.directive.mjs +4 -4
- package/{esm2020 → esm2022}/directives/drag-drop.directive.mjs +4 -4
- package/{esm2020 → esm2022}/pipes/name-initials.pipe.mjs +4 -4
- package/esm2022/utils/localization/language.service.mjs +78 -0
- package/{fesm2020 → fesm2022}/testgorilla-tgo-ui.mjs +470 -462
- package/fesm2022/testgorilla-tgo-ui.mjs.map +1 -0
- package/package.json +16 -22
- package/esm2020/components/alert-banner/alert-banner.component.mjs +0 -98
- package/esm2020/components/checkbox/checkbox.component.mjs +0 -151
- package/esm2020/components/datepicker/datepicker.component.mjs +0 -179
- package/esm2020/components/dropdown/dropdown.component.mjs +0 -158
- package/esm2020/components/field/field.component.mjs +0 -212
- package/esm2020/components/file-upload/file-upload.component.mjs +0 -183
- package/esm2020/components/snackbar/snackbar.component.mjs +0 -148
- package/esm2020/components/snackbar/snackbar.component.module.mjs +0 -44
- package/esm2020/components/table/table.component.mjs +0 -158
- package/esm2020/components/toggle/toggle.component.mjs +0 -78
- package/esm2020/utils/localization/language.service.mjs +0 -78
- package/fesm2015/testgorilla-tgo-ui.mjs +0 -4282
- package/fesm2015/testgorilla-tgo-ui.mjs.map +0 -1
- package/fesm2020/testgorilla-tgo-ui.mjs.map +0 -1
- /package/{esm2020 → esm2022}/components/alert-banner/alert-banner.model.mjs +0 -0
- /package/{esm2020 → esm2022}/components/avatar/avatar.model.mjs +0 -0
- /package/{esm2020 → esm2022}/components/button/button.model.mjs +0 -0
- /package/{esm2020 → esm2022}/components/confirm-dialog/confirm-dialog.constants.mjs +0 -0
- /package/{esm2020 → esm2022}/components/confirm-dialog/confirm-dialog.model.mjs +0 -0
- /package/{esm2020 → esm2022}/components/create-account/create-account.constant.mjs +0 -0
- /package/{esm2020 → esm2022}/components/create-account/create-account.model.mjs +0 -0
- /package/{esm2020 → esm2022}/components/create-password/create-password.constant.mjs +0 -0
- /package/{esm2020 → esm2022}/components/create-password/create-password.model.mjs +0 -0
- /package/{esm2020 → esm2022}/components/dropdown/dropdown.model.mjs +0 -0
- /package/{esm2020 → esm2022}/components/elevation-shadow/elevation-shadow.constant.mjs +0 -0
- /package/{esm2020 → esm2022}/components/field/field.model.mjs +0 -0
- /package/{esm2020 → esm2022}/components/forgot-password/forgot-password.constant.mjs +0 -0
- /package/{esm2020 → esm2022}/components/forgot-password/forgot-password.model.mjs +0 -0
- /package/{esm2020 → esm2022}/components/icon/icon.config.mjs +0 -0
- /package/{esm2020 → esm2022}/components/icon/icon.model.mjs +0 -0
- /package/{esm2020 → esm2022}/components/label/label.model.mjs +0 -0
- /package/{esm2020 → esm2022}/components/login/login.constant.mjs +0 -0
- /package/{esm2020 → esm2022}/components/login/login.model.mjs +0 -0
- /package/{esm2020 → esm2022}/components/logo/logo.model.mjs +0 -0
- /package/{esm2020 → esm2022}/components/navbar/navbar.model.mjs +0 -0
- /package/{esm2020 → esm2022}/components/radio-button/radio-button.model.mjs +0 -0
- /package/{esm2020 → esm2022}/components/snackbar/snackbar.model.mjs +0 -0
- /package/{esm2020 → esm2022}/components/table/table.model.mjs +0 -0
- /package/{esm2020 → esm2022}/components/tag/tag.model.mjs +0 -0
- /package/{esm2020 → esm2022}/components/toggle/toggle.model.mjs +0 -0
- /package/{esm2020 → esm2022}/components/tooltip/tooltip.model.mjs +0 -0
- /package/{esm2020 → esm2022}/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/testgorilla-tgo-ui.mjs +0 -0
- /package/{esm2020 → esm2022}/utils/alert-bar.model.mjs +0 -0
- /package/{esm2020 → esm2022}/utils/alert-bars.utils.mjs +0 -0
- /package/{esm2020 → esm2022}/utils/validators.utils.mjs +0 -0
|
@@ -1,183 +0,0 @@
|
|
|
1
|
-
import { animate, style, transition, trigger } from '@angular/animations';
|
|
2
|
-
import { ChangeDetectionStrategy, Component, EventEmitter, forwardRef, HostBinding, Input, Output, ViewEncapsulation, } from '@angular/core';
|
|
3
|
-
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "@angular/common";
|
|
6
|
-
import * as i2 from "../icon/icon.component";
|
|
7
|
-
import * as i3 from "../progress-bar/progress-bar.component";
|
|
8
|
-
import * as i4 from "../../directives/drag-drop.directive";
|
|
9
|
-
export class FileUploadComponent {
|
|
10
|
-
constructor() {
|
|
11
|
-
this.class = 'ui-file-upload';
|
|
12
|
-
this.OnDrop = new EventEmitter();
|
|
13
|
-
/**
|
|
14
|
-
* @ignore
|
|
15
|
-
*/
|
|
16
|
-
this.onChange = (_) => { };
|
|
17
|
-
/**
|
|
18
|
-
* @ignore
|
|
19
|
-
*/
|
|
20
|
-
this.onTouch = () => { };
|
|
21
|
-
this.file = null;
|
|
22
|
-
this.progress = false;
|
|
23
|
-
this.success = false;
|
|
24
|
-
}
|
|
25
|
-
ngOnInit() {
|
|
26
|
-
this.browse = true;
|
|
27
|
-
}
|
|
28
|
-
//When file is dropped
|
|
29
|
-
onFileDropped(files) {
|
|
30
|
-
this.emitFile(files);
|
|
31
|
-
}
|
|
32
|
-
//When input changes
|
|
33
|
-
onChangeUpload(event) {
|
|
34
|
-
const element = event.currentTarget;
|
|
35
|
-
this.emitFile(element.files || new FileList());
|
|
36
|
-
}
|
|
37
|
-
//Emit drop file
|
|
38
|
-
emitFile(files) {
|
|
39
|
-
const [file] = Array.from(files);
|
|
40
|
-
this.file = file;
|
|
41
|
-
this.errors = null;
|
|
42
|
-
this.onTouch();
|
|
43
|
-
this.onChange(this.file);
|
|
44
|
-
this.OnDrop.emit(file);
|
|
45
|
-
}
|
|
46
|
-
//Show progress-bar
|
|
47
|
-
showProgress() {
|
|
48
|
-
this.browse = false;
|
|
49
|
-
return this.file && !this.errors ? true : false;
|
|
50
|
-
}
|
|
51
|
-
//Show success elements
|
|
52
|
-
showSuccess() {
|
|
53
|
-
return this.file && this.uploadProgress === 100 && !this.errors ? true : false;
|
|
54
|
-
}
|
|
55
|
-
//Show browse when there are error
|
|
56
|
-
showBrowse() {
|
|
57
|
-
return this.errors ? true : false;
|
|
58
|
-
}
|
|
59
|
-
ngOnChanges(changes) {
|
|
60
|
-
if (changes['uploadProgress']) {
|
|
61
|
-
this.progress = this.showProgress();
|
|
62
|
-
this.success = this.showSuccess();
|
|
63
|
-
this.browse = this.showBrowse();
|
|
64
|
-
}
|
|
65
|
-
if (changes['errors']) {
|
|
66
|
-
this.progress = this.showProgress();
|
|
67
|
-
this.success = this.showSuccess();
|
|
68
|
-
this.browse = this.showBrowse();
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
writeValue(value) {
|
|
72
|
-
if (value) {
|
|
73
|
-
this.file = value || null;
|
|
74
|
-
}
|
|
75
|
-
else {
|
|
76
|
-
this.file = null;
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
registerOnChange(fn) {
|
|
80
|
-
this.onChange = fn;
|
|
81
|
-
}
|
|
82
|
-
registerOnTouched(fn) {
|
|
83
|
-
this.onTouch = fn;
|
|
84
|
-
}
|
|
85
|
-
setDisabledState(isDisabled) {
|
|
86
|
-
this.disabled = isDisabled;
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
FileUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
90
|
-
FileUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FileUploadComponent, selector: "ui-file-upload", inputs: { maxFileSizeMB: "maxFileSizeMB", supportedFileTypes: "supportedFileTypes", uploadProgress: "uploadProgress", errors: "errors", disabled: "disabled" }, outputs: { OnDrop: "OnDrop" }, host: { properties: { "class": "this.class" } }, providers: [
|
|
91
|
-
{
|
|
92
|
-
provide: NG_VALUE_ACCESSOR,
|
|
93
|
-
useExisting: forwardRef(() => FileUploadComponent),
|
|
94
|
-
multi: true,
|
|
95
|
-
},
|
|
96
|
-
], usesOnChanges: true, ngImport: i0, template: "<div class=\"upload-file-container\" uiDragDrop [ngClass]=\"{'upload-errors': !!errors}\" (fileDropped)=\"onFileDropped($event)\">\n <div *ngIf=\"browse\" [@inOutAnimation] class=\"upload-files\">\n <div class=\"upload-browse\">\n <ui-icon class=\"upload-icon\" name=\"File-upload\"></ui-icon>\n <div class=\"errors\" *ngIf=\"!!errors\">\n <span *ngFor=\"let error of errors\">\n <ui-icon name=\"Error\"></ui-icon> {{ error }}\n </span>\n </div>\n <input class=\"form-control\" #fileDrop type=\"file\" id=\"fileDrop\" (change)=\"onChangeUpload($event)\">\n <p>Drag and drop or <label for=\"fileDrop\" class=\"semibold\">browse</label> your files</p>\n <span class=\"upload-text\">{{ maxFileSizeMB }}MB max file size.</span>\n </div>\n </div>\n <div class=\"upload-change\" [@inOutAnimationChange] *ngIf=\"!!success && !!file && !!progress\">\n <ui-icon class=\"upload-icon\" name=\"File-upload\"></ui-icon>\n <input class=\"form-control\" #fileDrop type=\"file\" id=\"fileDrop\" (change)=\"onChangeUpload($event)\" [disabled]=\"disabled\">\n <p>Drag and drop or <label for=\"fileDrop\" class=\"semibold\">change</label> your files</p>\n <span class=\"upload-text\"><strong>{{ file.name }}</strong></span>\n </div>\n <div class=\"upload-progress\" [@inOutAnimationProgress] *ngIf=\"!!progress && !!file && !success\">\n <p>{{ file.name }}</p>\n <ui-progress-bar\n [progress]=\"uploadProgress\"\n ></ui-progress-bar>\n <p class=\"upload-text\">Uploading <span>{{uploadProgress}}</span>%</p>\n </div>\n</div>\n<div class=\"upload-supported-files\" *ngIf=\"!!supportedFileTypes\">\n <span>Supported file types:</span>{{ supportedFileTypes }}\n</div>", styles: [".upload-file-container{border-radius:8px;border:1px dashed #888888;background:#F6F6F6;display:flex;justify-content:center;align-items:center;height:196px;flex-flow:column;position:relative;max-width:563px}.upload-file-container.upload-errors{border:1px dashed #cb7b7a}.upload-file-container .upload-files{display:flex;flex-flow:column;align-items:center;justify-content:center;width:100%;height:196px}.upload-file-container .upload-change,.upload-file-container .upload-browse{display:flex;flex-flow:column;align-items:center;justify-content:center;width:100%;position:relative;height:196px}.upload-file-container .upload-change ui-icon.upload-icon,.upload-file-container .upload-browse ui-icon.upload-icon{margin-bottom:16px}.upload-file-container .upload-change ui-icon.upload-icon mat-icon.size-16 svg,.upload-file-container .upload-browse ui-icon.upload-icon mat-icon.size-16 svg{width:32px;height:32px}.upload-file-container .upload-change input,.upload-file-container .upload-browse input{opacity:0;position:absolute;z-index:2;width:100%;height:100%;cursor:pointer}.upload-file-container .upload-change .upload-text,.upload-file-container .upload-browse .upload-text{margin-top:20px}.upload-file-container .upload-change p,.upload-file-container .upload-browse p{margin:0}.upload-file-container .upload-change p .semibold,.upload-file-container .upload-browse p .semibold{font-weight:400;text-decoration:underline}.upload-file-container .upload-change .errors,.upload-file-container .upload-browse .errors{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;margin-bottom:20px;font-size:12px;line-height:16px;color:#cb7b7a}.upload-file-container .upload-change .errors span,.upload-file-container .upload-browse .errors span{display:flex;align-items:center;margin-bottom:5px}.upload-file-container .upload-change .errors span:last-child,.upload-file-container .upload-browse .errors span:last-child{margin-bottom:0}.upload-file-container .upload-change .errors ui-icon,.upload-file-container .upload-browse .errors ui-icon{margin-right:4px}.upload-file-container .upload-change .errors ui-icon mat-icon.size-16 svg,.upload-file-container .upload-browse .errors ui-icon mat-icon.size-16 svg{width:16px;height:16px;color:#cb7b7a}.upload-file-container .upload-progress{padding:0 32px;width:100%}.upload-file-container .upload-text{text-align:right}.upload-supported-files{font-size:12px;line-height:16px;margin-top:8px;display:flex}.upload-supported-files span{font-weight:700;margin-right:5px}@media (max-width: 600px){.upload-file-container{max-width:100%}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color"] }, { kind: "component", type: i3.ProgressBarComponent, selector: "ui-progress-bar", inputs: ["color", "progress", "mode", "buffer"] }, { kind: "directive", type: i4.DragDropDirective, selector: "[uiDragDrop]", outputs: ["fileDropped"] }], animations: [
|
|
97
|
-
trigger('inOutAnimation', [
|
|
98
|
-
transition(':enter', [
|
|
99
|
-
style({ opacity: 0, height: 0 }),
|
|
100
|
-
animate('0.2s ease-out', style({ opacity: 1, height: '196px' })),
|
|
101
|
-
]),
|
|
102
|
-
transition(':leave', [
|
|
103
|
-
style({ opacity: 1, height: '196px' }),
|
|
104
|
-
animate('0.2s ease-in', style({ opacity: 0, height: 0 })),
|
|
105
|
-
]),
|
|
106
|
-
]),
|
|
107
|
-
trigger('inOutAnimationProgress', [
|
|
108
|
-
transition(':enter', [
|
|
109
|
-
style({ opacity: 0, height: 0 }),
|
|
110
|
-
animate('0.2s ease-out', style({ opacity: 1, height: '196px' })),
|
|
111
|
-
]),
|
|
112
|
-
transition(':leave', [
|
|
113
|
-
style({ opacity: 1, height: '196px' }),
|
|
114
|
-
animate('0.2s ease-in', style({ opacity: 0, height: 0 })),
|
|
115
|
-
]),
|
|
116
|
-
]),
|
|
117
|
-
trigger('inOutAnimationChange', [
|
|
118
|
-
transition(':enter', [
|
|
119
|
-
style({ opacity: 0, height: 0 }),
|
|
120
|
-
animate('0.2s ease-out', style({ opacity: 1, height: '196px' })),
|
|
121
|
-
]),
|
|
122
|
-
transition(':leave', [
|
|
123
|
-
style({ opacity: 1, height: '196px' }),
|
|
124
|
-
animate('0.2s ease-in', style({ opacity: 0, height: 0 })),
|
|
125
|
-
]),
|
|
126
|
-
]),
|
|
127
|
-
], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
128
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FileUploadComponent, decorators: [{
|
|
129
|
-
type: Component,
|
|
130
|
-
args: [{ selector: 'ui-file-upload', encapsulation: ViewEncapsulation.None, providers: [
|
|
131
|
-
{
|
|
132
|
-
provide: NG_VALUE_ACCESSOR,
|
|
133
|
-
useExisting: forwardRef(() => FileUploadComponent),
|
|
134
|
-
multi: true,
|
|
135
|
-
},
|
|
136
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, animations: [
|
|
137
|
-
trigger('inOutAnimation', [
|
|
138
|
-
transition(':enter', [
|
|
139
|
-
style({ opacity: 0, height: 0 }),
|
|
140
|
-
animate('0.2s ease-out', style({ opacity: 1, height: '196px' })),
|
|
141
|
-
]),
|
|
142
|
-
transition(':leave', [
|
|
143
|
-
style({ opacity: 1, height: '196px' }),
|
|
144
|
-
animate('0.2s ease-in', style({ opacity: 0, height: 0 })),
|
|
145
|
-
]),
|
|
146
|
-
]),
|
|
147
|
-
trigger('inOutAnimationProgress', [
|
|
148
|
-
transition(':enter', [
|
|
149
|
-
style({ opacity: 0, height: 0 }),
|
|
150
|
-
animate('0.2s ease-out', style({ opacity: 1, height: '196px' })),
|
|
151
|
-
]),
|
|
152
|
-
transition(':leave', [
|
|
153
|
-
style({ opacity: 1, height: '196px' }),
|
|
154
|
-
animate('0.2s ease-in', style({ opacity: 0, height: 0 })),
|
|
155
|
-
]),
|
|
156
|
-
]),
|
|
157
|
-
trigger('inOutAnimationChange', [
|
|
158
|
-
transition(':enter', [
|
|
159
|
-
style({ opacity: 0, height: 0 }),
|
|
160
|
-
animate('0.2s ease-out', style({ opacity: 1, height: '196px' })),
|
|
161
|
-
]),
|
|
162
|
-
transition(':leave', [
|
|
163
|
-
style({ opacity: 1, height: '196px' }),
|
|
164
|
-
animate('0.2s ease-in', style({ opacity: 0, height: 0 })),
|
|
165
|
-
]),
|
|
166
|
-
]),
|
|
167
|
-
], template: "<div class=\"upload-file-container\" uiDragDrop [ngClass]=\"{'upload-errors': !!errors}\" (fileDropped)=\"onFileDropped($event)\">\n <div *ngIf=\"browse\" [@inOutAnimation] class=\"upload-files\">\n <div class=\"upload-browse\">\n <ui-icon class=\"upload-icon\" name=\"File-upload\"></ui-icon>\n <div class=\"errors\" *ngIf=\"!!errors\">\n <span *ngFor=\"let error of errors\">\n <ui-icon name=\"Error\"></ui-icon> {{ error }}\n </span>\n </div>\n <input class=\"form-control\" #fileDrop type=\"file\" id=\"fileDrop\" (change)=\"onChangeUpload($event)\">\n <p>Drag and drop or <label for=\"fileDrop\" class=\"semibold\">browse</label> your files</p>\n <span class=\"upload-text\">{{ maxFileSizeMB }}MB max file size.</span>\n </div>\n </div>\n <div class=\"upload-change\" [@inOutAnimationChange] *ngIf=\"!!success && !!file && !!progress\">\n <ui-icon class=\"upload-icon\" name=\"File-upload\"></ui-icon>\n <input class=\"form-control\" #fileDrop type=\"file\" id=\"fileDrop\" (change)=\"onChangeUpload($event)\" [disabled]=\"disabled\">\n <p>Drag and drop or <label for=\"fileDrop\" class=\"semibold\">change</label> your files</p>\n <span class=\"upload-text\"><strong>{{ file.name }}</strong></span>\n </div>\n <div class=\"upload-progress\" [@inOutAnimationProgress] *ngIf=\"!!progress && !!file && !success\">\n <p>{{ file.name }}</p>\n <ui-progress-bar\n [progress]=\"uploadProgress\"\n ></ui-progress-bar>\n <p class=\"upload-text\">Uploading <span>{{uploadProgress}}</span>%</p>\n </div>\n</div>\n<div class=\"upload-supported-files\" *ngIf=\"!!supportedFileTypes\">\n <span>Supported file types:</span>{{ supportedFileTypes }}\n</div>", styles: [".upload-file-container{border-radius:8px;border:1px dashed #888888;background:#F6F6F6;display:flex;justify-content:center;align-items:center;height:196px;flex-flow:column;position:relative;max-width:563px}.upload-file-container.upload-errors{border:1px dashed #cb7b7a}.upload-file-container .upload-files{display:flex;flex-flow:column;align-items:center;justify-content:center;width:100%;height:196px}.upload-file-container .upload-change,.upload-file-container .upload-browse{display:flex;flex-flow:column;align-items:center;justify-content:center;width:100%;position:relative;height:196px}.upload-file-container .upload-change ui-icon.upload-icon,.upload-file-container .upload-browse ui-icon.upload-icon{margin-bottom:16px}.upload-file-container .upload-change ui-icon.upload-icon mat-icon.size-16 svg,.upload-file-container .upload-browse ui-icon.upload-icon mat-icon.size-16 svg{width:32px;height:32px}.upload-file-container .upload-change input,.upload-file-container .upload-browse input{opacity:0;position:absolute;z-index:2;width:100%;height:100%;cursor:pointer}.upload-file-container .upload-change .upload-text,.upload-file-container .upload-browse .upload-text{margin-top:20px}.upload-file-container .upload-change p,.upload-file-container .upload-browse p{margin:0}.upload-file-container .upload-change p .semibold,.upload-file-container .upload-browse p .semibold{font-weight:400;text-decoration:underline}.upload-file-container .upload-change .errors,.upload-file-container .upload-browse .errors{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;margin-bottom:20px;font-size:12px;line-height:16px;color:#cb7b7a}.upload-file-container .upload-change .errors span,.upload-file-container .upload-browse .errors span{display:flex;align-items:center;margin-bottom:5px}.upload-file-container .upload-change .errors span:last-child,.upload-file-container .upload-browse .errors span:last-child{margin-bottom:0}.upload-file-container .upload-change .errors ui-icon,.upload-file-container .upload-browse .errors ui-icon{margin-right:4px}.upload-file-container .upload-change .errors ui-icon mat-icon.size-16 svg,.upload-file-container .upload-browse .errors ui-icon mat-icon.size-16 svg{width:16px;height:16px;color:#cb7b7a}.upload-file-container .upload-progress{padding:0 32px;width:100%}.upload-file-container .upload-text{text-align:right}.upload-supported-files{font-size:12px;line-height:16px;margin-top:8px;display:flex}.upload-supported-files span{font-weight:700;margin-right:5px}@media (max-width: 600px){.upload-file-container{max-width:100%}}\n"] }]
|
|
168
|
-
}], ctorParameters: function () { return []; }, propDecorators: { class: [{
|
|
169
|
-
type: HostBinding
|
|
170
|
-
}], maxFileSizeMB: [{
|
|
171
|
-
type: Input
|
|
172
|
-
}], supportedFileTypes: [{
|
|
173
|
-
type: Input
|
|
174
|
-
}], uploadProgress: [{
|
|
175
|
-
type: Input
|
|
176
|
-
}], errors: [{
|
|
177
|
-
type: Input
|
|
178
|
-
}], disabled: [{
|
|
179
|
-
type: Input
|
|
180
|
-
}], OnDrop: [{
|
|
181
|
-
type: Output
|
|
182
|
-
}] } });
|
|
183
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS11cGxvYWQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvZmlsZS11cGxvYWQvZmlsZS11cGxvYWQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvZmlsZS11cGxvYWQvZmlsZS11cGxvYWQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQzFFLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixVQUFVLEVBQ1YsV0FBVyxFQUNYLEtBQUssRUFHTCxNQUFNLEVBRU4saUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBd0IsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7O0FBZ0R6RSxNQUFNLE9BQU8sbUJBQW1CO0lBMkQ5QjtRQTFEZSxVQUFLLEdBQUcsZ0JBQWdCLENBQUM7UUF5QzlCLFdBQU0sR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUVoRTs7V0FFRztRQUNILGFBQVEsR0FBRyxDQUFDLENBQU0sRUFBRSxFQUFFLEdBQUUsQ0FBQyxDQUFDO1FBRTFCOztXQUVHO1FBQ0gsWUFBTyxHQUFHLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztRQUVuQixTQUFJLEdBQWdCLElBQUksQ0FBQztRQUN6QixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLFlBQU8sR0FBRyxLQUFLLENBQUM7SUFHRCxDQUFDO0lBRWhCLFFBQVE7UUFDTixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQztJQUNyQixDQUFDO0lBRUQsc0JBQXNCO0lBQ3RCLGFBQWEsQ0FBQyxLQUFlO1FBQzNCLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxD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QUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsQ0FBQztnQ0FDdEMsT0FBTyxDQUFDLGNBQWMsRUFBRSxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLE1BQU0sRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDOzZCQUMxRCxDQUFDO3lCQUNILENBQUM7cUJBQ0g7MEVBR2MsS0FBSztzQkFBbkIsV0FBVztnQkFPSCxhQUFhO3NCQUFyQixLQUFLO2dCQVFHLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFRRyxjQUFjO3NCQUF0QixLQUFLO2dCQVFHLE1BQU07c0JBQWQsS0FBSztnQkFRRyxRQUFRO3NCQUFoQixLQUFLO2dCQUVJLE1BQU07c0JBQWYsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGFuaW1hdGUsIHN0eWxlLCB0cmFuc2l0aW9uLCB0cmlnZ2VyIH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XG5pbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIGZvcndhcmRSZWYsXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbiAgT25DaGFuZ2VzLFxuICBPbkluaXQsXG4gIE91dHB1dCxcbiAgU2ltcGxlQ2hhbmdlcyxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd1aS1maWxlLXVwbG9hZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9maWxlLXVwbG9hZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2ZpbGUtdXBsb2FkLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gRmlsZVVwbG9hZENvbXBvbmVudCksXG4gICAgICBtdWx0aTogdHJ1ZSxcbiAgICB9LFxuICBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgYW5pbWF0aW9uczogW1xuICAgIHRyaWdnZXIoJ2luT3V0QW5pbWF0aW9uJywgW1xuICAgICAgdHJhbnNpdGlvbignOmVudGVyJywgW1xuICAgICAgICBzdHlsZSh7IG9wYWNpdHk6IDAsIGhlaWdodDogMCB9KSxcbiAgICAgICAgYW5pbWF0ZSgnMC4ycyBlYXNlLW91dCcsIHN0eWxlKHsgb3BhY2l0eTogMSwgaGVpZ2h0OiAnMTk2cHgnIH0pKSxcbiAgICAgIF0pLFxuICAgICAgdHJhbnNpdGlvbignOmxlYXZlJywgW1xuICAgICAgICBzdHlsZSh7IG9wYWNpdHk6IDEsIGhlaWdodDogJzE5NnB4JyB9KSxcbiAgICAgICAgYW5pbWF0ZSgnMC4ycyBlYXNlLWluJywgc3R5bGUoeyBvcGFjaXR5OiAwLCBoZWlnaHQ6IDAgfSkpLFxuICAgICAgXSksXG4gICAgXSksXG4gICAgdHJpZ2dlcignaW5PdXRBbmltYXRpb25Qcm9ncmVzcycsIFtcbiAgICAgIHRyYW5zaXRpb24oJzplbnRlcicsIFtcbiAgICAgICAgc3R5bGUoeyBvcGFjaXR5OiAwLCBoZWlnaHQ6IDAgfSksXG4gICAgICAgIGFuaW1hdGUoJzAuMnMgZWFzZS1vdXQnLCBzdHlsZSh7IG9wYWNpdHk6IDEsIGhlaWdodDogJzE5NnB4JyB9KSksXG4gICAgICBdKSxcbiAgICAgIHRyYW5zaXRpb24oJzpsZWF2ZScsIFtcbiAgICAgICAgc3R5bGUoeyBvcGFjaXR5OiAxLCBoZWlnaHQ6ICcxOTZweCcgfSksXG4gICAgICAgIGFuaW1hdGUoJzAuMnMgZWFzZS1pbicsIHN0eWxlKHsgb3BhY2l0eTogMCwgaGVpZ2h0OiAwIH0pKSxcbiAgICAgIF0pLFxuICAgIF0pLFxuICAgIHRyaWdnZXIoJ2luT3V0QW5pbWF0aW9uQ2hhbmdlJywgW1xuICAgICAgdHJhbnNpdGlvbignOmVudGVyJywgW1xuICAgICAgICBzdHlsZSh7IG9wYWNpdHk6IDAsIGhlaWdodDogMCB9KSxcbiAgICAgICAgYW5pbWF0ZSgnMC4ycyBlYXNlLW91dCcsIHN0eWxlKHsgb3BhY2l0eTogMSwgaGVpZ2h0OiAnMTk2cHgnIH0pKSxcbiAgICAgIF0pLFxuICAgICAgdHJhbnNpdGlvbignOmxlYXZlJywgW1xuICAgICAgICBzdHlsZSh7IG9wYWNpdHk6IDEsIGhlaWdodDogJzE5NnB4JyB9KSxcbiAgICAgICAgYW5pbWF0ZSgnMC4ycyBlYXNlLWluJywgc3R5bGUoeyBvcGFjaXR5OiAwLCBoZWlnaHQ6IDAgfSkpLFxuICAgICAgXSksXG4gICAgXSksXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEZpbGVVcGxvYWRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcywgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xuICBASG9zdEJpbmRpbmcoKSBjbGFzcyA9ICd1aS1maWxlLXVwbG9hZCc7XG5cbiAgLyoqXG4gICAqXG4gICAqIEB0eXBlIHtudW1iZXJ9XG4gICAqIEBtZW1iZXJvZiBGaWxlVXBsb2FkQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBtYXhGaWxlU2l6ZU1COiBudW1iZXI7XG5cbiAgLyoqXG4gICAqIFN1cHBvcnRlZCBmaWxlcyBmb3IgaW5wdXQgZmllbGRcbiAgICpcbiAgICogQHR5cGUge3N0cmluZ31cbiAgICogQG1lbWJlcm9mIEZpbGVVcGxvYWRDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIHN1cHBvcnRlZEZpbGVUeXBlcz86IHN0cmluZztcblxuICAvKipcbiAgICogVXBsb2FkIHByb2dyZXNzXG4gICAqXG4gICAqIEB0eXBlIHtudW1iZXJ9XG4gICAqIEBtZW1iZXJvZiBGaWxlVXBsb2FkQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSB1cGxvYWRQcm9ncmVzczogbnVtYmVyO1xuXG4gIC8qKlxuICAgKiBGaWxlIHVwbG9hZCBlcnJvcnNcbiAgICpcbiAgICogQHR5cGUge3N0cmluZ1tdfVxuICAgKiBAbWVtYmVyb2YgRmlsZVVwbG9hZENvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgZXJyb3JzPzogc3RyaW5nW10gfCBudWxsO1xuXG4gIC8qKlxuICAgKiBGaWxlIHVwbG9hZCBkaXNhYmxlZFxuICAgKlxuICAgKiBAdHlwZSB7Ym9vbGVhbn1cbiAgICogQG1lbWJlcm9mIEZpbGVVcGxvYWRDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIGRpc2FibGVkPzogYm9vbGVhbjtcblxuICBAT3V0cHV0KCkgT25Ecm9wOiBFdmVudEVtaXR0ZXI8RmlsZT4gPSBuZXcgRXZlbnRFbWl0dGVyPEZpbGU+KCk7XG5cbiAgLyoqXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIG9uQ2hhbmdlID0gKF86IGFueSkgPT4ge307XG5cbiAgLyoqXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIG9uVG91Y2ggPSAoKSA9PiB7fTtcblxuICBmaWxlOiBGaWxlIHwgbnVsbCA9IG51bGw7XG4gIHByb2dyZXNzID0gZmFsc2U7XG4gIHN1Y2Nlc3MgPSBmYWxzZTtcbiAgYnJvd3NlOiBib29sZWFuO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmJyb3dzZSA9IHRydWU7XG4gIH1cblxuICAvL1doZW4gZmlsZSBpcyBkcm9wcGVkXG4gIG9uRmlsZURyb3BwZWQoZmlsZXM6IEZpbGVMaXN0KSB7XG4gICAgdGhpcy5lbWl0RmlsZShmaWxlcyk7XG4gIH1cblxuICAvL1doZW4gaW5wdXQgY2hhbmdlc1xuICBvbkNoYW5nZVVwbG9hZChldmVudDogRXZlbnQpIHtcbiAgICBjb25zdCBlbGVtZW50ID0gZXZlbnQuY3VycmVudFRhcmdldCBhcyBIVE1MSW5wdXRFbGVtZW50O1xuICAgIHRoaXMuZW1pdEZpbGUoZWxlbWVudC5maWxlcyB8fCBuZXcgRmlsZUxpc3QoKSk7XG4gIH1cblxuICAvL0VtaXQgZHJvcCBmaWxlXG4gIGVtaXRGaWxlKGZpbGVzOiBGaWxlTGlzdCkge1xuICAgIGNvbnN0IFtmaWxlXSA9IEFycmF5LmZyb20oZmlsZXMpO1xuICAgIHRoaXMuZmlsZSA9IGZpbGU7XG4gICAgdGhpcy5lcnJvcnMgPSBudWxsO1xuICAgIHRoaXMub25Ub3VjaCgpO1xuICAgIHRoaXMub25DaGFuZ2UodGhpcy5maWxlKTtcbiAgICB0aGlzLk9uRHJvcC5lbWl0KGZpbGUpO1xuICB9XG5cbiAgLy9TaG93IHByb2dyZXNzLWJhclxuICBzaG93UHJvZ3Jlc3MoKTogYm9vbGVhbiB7XG4gICAgdGhpcy5icm93c2UgPSBmYWxzZTtcbiAgICByZXR1cm4gdGhpcy5maWxlICYmICF0aGlzLmVycm9ycyA/IHRydWUgOiBmYWxzZTtcbiAgfVxuXG4gIC8vU2hvdyBzdWNjZXNzIGVsZW1lbnRzXG4gIHNob3dTdWNjZXNzKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmZpbGUgJiYgdGhpcy51cGxvYWRQcm9ncmVzcyA9PT0gMTAwICYmICF0aGlzLmVycm9ycyA/IHRydWUgOiBmYWxzZTtcbiAgfVxuXG4gIC8vU2hvdyBicm93c2Ugd2hlbiB0aGVyZSBhcmUgZXJyb3JcbiAgc2hvd0Jyb3dzZSgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5lcnJvcnMgPyB0cnVlIDogZmFsc2U7XG4gIH1cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKSB7XG4gICAgaWYgKGNoYW5nZXNbJ3VwbG9hZFByb2dyZXNzJ10pIHtcbiAgICAgIHRoaXMucHJvZ3Jlc3MgPSB0aGlzLnNob3dQcm9ncmVzcygpO1xuICAgICAgdGhpcy5zdWNjZXNzID0gdGhpcy5zaG93U3VjY2VzcygpO1xuICAgICAgdGhpcy5icm93c2UgPSB0aGlzLnNob3dCcm93c2UoKTtcbiAgICB9XG4gICAgaWYgKGNoYW5nZXNbJ2Vycm9ycyddKSB7XG4gICAgICB0aGlzLnByb2dyZXNzID0gdGhpcy5zaG93UHJvZ3Jlc3MoKTtcbiAgICAgIHRoaXMuc3VjY2VzcyA9IHRoaXMuc2hvd1N1Y2Nlc3MoKTtcbiAgICAgIHRoaXMuYnJvd3NlID0gdGhpcy5zaG93QnJvd3NlKCk7XG4gICAgfVxuICB9XG5cbiAgd3JpdGVWYWx1ZSh2YWx1ZT86IEZpbGUpOiB2b2lkIHtcbiAgICBpZiAodmFsdWUpIHtcbiAgICAgIHRoaXMuZmlsZSA9IHZhbHVlIHx8IG51bGw7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuZmlsZSA9IG51bGw7XG4gICAgfVxuICB9XG5cbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XG4gICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xuICB9XG5cbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSk6IHZvaWQge1xuICAgIHRoaXMub25Ub3VjaCA9IGZuO1xuICB9XG5cbiAgc2V0RGlzYWJsZWRTdGF0ZShpc0Rpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XG4gICAgdGhpcy5kaXNhYmxlZCA9IGlzRGlzYWJsZWQ7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJ1cGxvYWQtZmlsZS1jb250YWluZXJcIiB1aURyYWdEcm9wIFtuZ0NsYXNzXT1cInsndXBsb2FkLWVycm9ycyc6ICEhZXJyb3JzfVwiIChmaWxlRHJvcHBlZCk9XCJvbkZpbGVEcm9wcGVkKCRldmVudClcIj5cbiAgPGRpdiAqbmdJZj1cImJyb3dzZVwiIFtAaW5PdXRBbmltYXRpb25dIGNsYXNzPVwidXBsb2FkLWZpbGVzXCI+XG4gICAgPGRpdiBjbGFzcz1cInVwbG9hZC1icm93c2VcIj5cbiAgICAgIDx1aS1pY29uIGNsYXNzPVwidXBsb2FkLWljb25cIiBuYW1lPVwiRmlsZS11cGxvYWRcIj48L3VpLWljb24+XG4gICAgICA8ZGl2IGNsYXNzPVwiZXJyb3JzXCIgKm5nSWY9XCIhIWVycm9yc1wiPlxuICAgICAgICA8c3BhbiAqbmdGb3I9XCJsZXQgZXJyb3Igb2YgZXJyb3JzXCI+XG4gICAgICAgICAgPHVpLWljb24gbmFtZT1cIkVycm9yXCI+PC91aS1pY29uPiB7eyBlcnJvciB9fVxuICAgICAgICA8L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxpbnB1dCBjbGFzcz1cImZvcm0tY29udHJvbFwiICNmaWxlRHJvcCB0eXBlPVwiZmlsZVwiIGlkPVwiZmlsZURyb3BcIiAoY2hhbmdlKT1cIm9uQ2hhbmdlVXBsb2FkKCRldmVudClcIj5cbiAgICAgIDxwPkRyYWcgYW5kIGRyb3Agb3IgPGxhYmVsIGZvcj1cImZpbGVEcm9wXCIgY2xhc3M9XCJzZW1pYm9sZFwiPmJyb3dzZTwvbGFiZWw+IHlvdXIgZmlsZXM8L3A+XG4gICAgICA8c3BhbiBjbGFzcz1cInVwbG9hZC10ZXh0XCI+e3sgbWF4RmlsZVNpemVNQiB9fU1CIG1heCBmaWxlIHNpemUuPC9zcGFuPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInVwbG9hZC1jaGFuZ2VcIiBbQGluT3V0QW5pbWF0aW9uQ2hhbmdlXSAqbmdJZj1cIiEhc3VjY2VzcyAmJiAhIWZpbGUgJiYgISFwcm9ncmVzc1wiPlxuICAgIDx1aS1pY29uIGNsYXNzPVwidXBsb2FkLWljb25cIiBuYW1lPVwiRmlsZS11cGxvYWRcIj48L3VpLWljb24+XG4gICAgPGlucHV0IGNsYXNzPVwiZm9ybS1jb250cm9sXCIgI2ZpbGVEcm9wIHR5cGU9XCJmaWxlXCIgaWQ9XCJmaWxlRHJvcFwiIChjaGFuZ2UpPVwib25DaGFuZ2VVcGxvYWQoJGV2ZW50KVwiIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiPlxuICAgIDxwPkRyYWcgYW5kIGRyb3Agb3IgPGxhYmVsIGZvcj1cImZpbGVEcm9wXCIgY2xhc3M9XCJzZW1pYm9sZFwiPmNoYW5nZTwvbGFiZWw+IHlvdXIgZmlsZXM8L3A+XG4gICAgPHNwYW4gIGNsYXNzPVwidXBsb2FkLXRleHRcIj48c3Ryb25nPnt7IGZpbGUubmFtZSB9fTwvc3Ryb25nPjwvc3Bhbj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJ1cGxvYWQtcHJvZ3Jlc3NcIiBbQGluT3V0QW5pbWF0aW9uUHJvZ3Jlc3NdICpuZ0lmPVwiISFwcm9ncmVzcyAmJiAhIWZpbGUgJiYgIXN1Y2Nlc3NcIj5cbiAgICA8cD57eyBmaWxlLm5hbWUgfX08L3A+XG4gICAgPHVpLXByb2dyZXNzLWJhclxuICAgICAgW3Byb2dyZXNzXT1cInVwbG9hZFByb2dyZXNzXCJcbiAgICAgID48L3VpLXByb2dyZXNzLWJhcj5cbiAgICA8cCBjbGFzcz1cInVwbG9hZC10ZXh0XCI+VXBsb2FkaW5nIDxzcGFuPnt7dXBsb2FkUHJvZ3Jlc3N9fTwvc3Bhbj4lPC9wPlxuICA8L2Rpdj5cbjwvZGl2PlxuPGRpdiBjbGFzcz1cInVwbG9hZC1zdXBwb3J0ZWQtZmlsZXNcIiAqbmdJZj1cIiEhc3VwcG9ydGVkRmlsZVR5cGVzXCI+XG4gIDxzcGFuPlN1cHBvcnRlZCBmaWxlIHR5cGVzOjwvc3Bhbj57eyBzdXBwb3J0ZWRGaWxlVHlwZXMgfX1cbjwvZGl2PiJdfQ==
|
|
@@ -1,148 +0,0 @@
|
|
|
1
|
-
import { animate, style, transition, trigger } from '@angular/animations';
|
|
2
|
-
import { Component, Inject, Input } from '@angular/core';
|
|
3
|
-
import { MAT_SNACK_BAR_DATA } from '@angular/material/snack-bar';
|
|
4
|
-
import { alertBarsUtil } from '../../utils/alert-bars.utils';
|
|
5
|
-
import { LanguageService } from '../../utils/localization/language.service';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
import * as i1 from "@angular/material/snack-bar";
|
|
8
|
-
import * as i2 from "../../utils/localization/language.service";
|
|
9
|
-
import * as i3 from "@angular/common";
|
|
10
|
-
import * as i4 from "../button/button.component";
|
|
11
|
-
import * as i5 from "../icon/icon.component";
|
|
12
|
-
import * as i6 from "@ngneat/transloco";
|
|
13
|
-
export class SnackbarComponent {
|
|
14
|
-
constructor(data, snackbarRef, languageService) {
|
|
15
|
-
this.data = data;
|
|
16
|
-
this.snackbarRef = snackbarRef;
|
|
17
|
-
this.languageService = languageService;
|
|
18
|
-
/**
|
|
19
|
-
* Background color of the button while in active state
|
|
20
|
-
*
|
|
21
|
-
* @type {SnackbarType}
|
|
22
|
-
* @memberof SnackbarComponent
|
|
23
|
-
*/
|
|
24
|
-
this.snackbarType = 'success';
|
|
25
|
-
/**
|
|
26
|
-
* Snackbar message
|
|
27
|
-
*
|
|
28
|
-
* @memberof SnackbarComponent
|
|
29
|
-
*/
|
|
30
|
-
this.message = '';
|
|
31
|
-
/**
|
|
32
|
-
* Set the time that the snackbar will be visible
|
|
33
|
-
*
|
|
34
|
-
* @memberof SnackbarComponent
|
|
35
|
-
*/
|
|
36
|
-
this.seconds = 5;
|
|
37
|
-
/**
|
|
38
|
-
* Include dismmiss button
|
|
39
|
-
*
|
|
40
|
-
* @memberof SnackbarComponent
|
|
41
|
-
*/
|
|
42
|
-
this.includeDismissButton = true;
|
|
43
|
-
/**
|
|
44
|
-
* Static or fixed position
|
|
45
|
-
*
|
|
46
|
-
* @memberof SnackbarComponent
|
|
47
|
-
*/
|
|
48
|
-
this.fixed = true;
|
|
49
|
-
/**
|
|
50
|
-
* The language to be used
|
|
51
|
-
*
|
|
52
|
-
* @type {string}
|
|
53
|
-
* @memberof SnackbarComponent
|
|
54
|
-
*/
|
|
55
|
-
this.language = LanguageService.defaultLanguage;
|
|
56
|
-
this.showSnackbar = true;
|
|
57
|
-
this.visible = false;
|
|
58
|
-
this.timerStartedAt = 0;
|
|
59
|
-
this.timerPausedAt = 0;
|
|
60
|
-
this.translationContext = 'SNACKBAR.';
|
|
61
|
-
this.snackbarType = data.snackbarType ?? 'success';
|
|
62
|
-
this.message = data.message ?? '';
|
|
63
|
-
}
|
|
64
|
-
ngOnInit() {
|
|
65
|
-
this.milisenconds = this.seconds * 1000;
|
|
66
|
-
this.iconName = alertBarsUtil.setIcon(this.snackbarType);
|
|
67
|
-
this.show();
|
|
68
|
-
this.position = alertBarsUtil.setPosition(this.fixed);
|
|
69
|
-
this.languageService.init(this.language);
|
|
70
|
-
}
|
|
71
|
-
//Show snackbar
|
|
72
|
-
show() {
|
|
73
|
-
this.timerStartedAt = Date.now();
|
|
74
|
-
this.visible = true;
|
|
75
|
-
this.timer = setTimeout(() => this.hide(), this.milisenconds);
|
|
76
|
-
}
|
|
77
|
-
//Hide snackbar
|
|
78
|
-
hide() {
|
|
79
|
-
this.visible = false;
|
|
80
|
-
this.timerPausedAt = 0;
|
|
81
|
-
this.timerStartedAt = 0;
|
|
82
|
-
clearTimeout(this.timer);
|
|
83
|
-
this.timer = undefined;
|
|
84
|
-
}
|
|
85
|
-
//Pause timer when mouse enter
|
|
86
|
-
onMouseEnter() {
|
|
87
|
-
this.visible = true;
|
|
88
|
-
this.timerPausedAt = Date.now();
|
|
89
|
-
clearTimeout(this.timer);
|
|
90
|
-
}
|
|
91
|
-
//Continue timer when mouse leave
|
|
92
|
-
onMouseLeave() {
|
|
93
|
-
const diff = this.timerPausedAt - this.timerStartedAt;
|
|
94
|
-
if (diff <= 0) {
|
|
95
|
-
return this.hide();
|
|
96
|
-
}
|
|
97
|
-
this.timer = setTimeout(() => this.hide(), this.milisenconds - diff);
|
|
98
|
-
}
|
|
99
|
-
//Hide snackbar when dismiss button is clicked
|
|
100
|
-
dismissClick() {
|
|
101
|
-
this.visible = false;
|
|
102
|
-
this.snackbarRef.dismiss();
|
|
103
|
-
}
|
|
104
|
-
}
|
|
105
|
-
SnackbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SnackbarComponent, deps: [{ token: MAT_SNACK_BAR_DATA }, { token: i1.MatSnackBarRef }, { token: i2.LanguageService }], target: i0.ɵɵFactoryTarget.Component });
|
|
106
|
-
SnackbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SnackbarComponent, selector: "ui-snackbar", inputs: { snackbarType: "snackbarType", message: "message", seconds: "seconds", includeDismissButton: "includeDismissButton", fixed: "fixed", language: "language" }, ngImport: i0, template: "<ng-container *transloco=\"let t\">\n <div\n [ngClass]=\"snackbarType + ' ' + position\"\n [@openClose]\n *ngIf=\"visible\"\n class=\"snackbar-container\"\n (mouseenter)=\"onMouseEnter()\"\n (mouseleave)=\"onMouseLeave()\"\n >\n <div class=\"snackbar-text\">\n <ui-icon [name]=\"iconName\" size=\"24\"></ui-icon>\n {{ message }}\n </div>\n <ui-button\n *ngIf=\"includeDismissButton\"\n type=\"text\"\n [label]=\"t(translationContext + 'DISMISS')\"\n (buttonClickEvent)=\"dismissClick()\"\n ></ui-button>\n </div>\n</ng-container>\n", styles: [":host{display:flex;width:100%;justify-content:center}:host .snackbar-container{max-width:600px}:host .alert-container,:host .snackbar-container{margin:0 auto;display:flex;padding:0 14px;border-radius:4px;align-items:center;justify-content:space-between;opacity:1;min-height:48px}:host .alert-container.fixed,:host .snackbar-container.fixed{position:fixed}:host .alert-container.static,:host .snackbar-container.static{position:relative}:host .alert-container ui-icon,:host .snackbar-container ui-icon{margin-right:14px}:host .alert-container ui-button,:host .snackbar-container ui-button{margin-left:14px}:host .alert-container ::ng-deep button.mat-mdc-unelevated-button.big,:host .snackbar-container ::ng-deep button.mat-mdc-unelevated-button.big{padding:0;min-width:auto}:host .alert-container .alert-text,:host .alert-container .snackbar-text,:host .snackbar-container .alert-text,:host .snackbar-container .snackbar-text{display:flex;align-items:center;color:#000}:host .alert-container .alert-text a,:host .alert-container .snackbar-text a,:host .snackbar-container .alert-text a,:host .snackbar-container .snackbar-text a{color:#000;text-decoration:underline;font-weight:700}:host .alert-container .alert-text a:hover,:host .alert-container .alert-text a:visited,:host .alert-container .alert-text a:focus,:host .alert-container .snackbar-text a:hover,:host .alert-container .snackbar-text a:visited,:host .alert-container .snackbar-text a:focus,:host .snackbar-container .alert-text a:hover,:host .snackbar-container .alert-text a:visited,:host .snackbar-container .alert-text a:focus,:host .snackbar-container .snackbar-text a:hover,:host .snackbar-container .snackbar-text a:visited,:host .snackbar-container .snackbar-text a:focus{text-decoration:none}:host .alert-container.success,:host .snackbar-container.success{background-color:#cbd6cb}:host .alert-container.info,:host .snackbar-container.info{background-color:#c8d7de}:host .alert-container.warning,:host .snackbar-container.warning{background-color:#f0d6bb}:host .alert-container.error,:host .snackbar-container.error{background-color:#e3c3c6}@media (max-width: 600px){:host .alert-container,:host .snackbar-container{padding:8px 14px}}:host .snackbar-container{bottom:0;z-index:98}:host .mat-mdc-snack-bar-container{margin:16px 8px}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.ButtonComponent, selector: "ui-button", inputs: ["size", "type", "label", "iconPosition", "justIcon", "iconName", "disabled", "loading", "fullWidth", "url", "urlTarget", "value"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }, { kind: "component", type: i5.IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color"] }, { kind: "directive", type: i6.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoLang", "translocoLoadingTpl"] }], animations: [
|
|
107
|
-
trigger('openClose', [
|
|
108
|
-
transition(':enter', [
|
|
109
|
-
style({ bottom: '-55px', opacity: 0 }),
|
|
110
|
-
animate('0.2s ease-out', style({ opacity: 1, bottom: '10px' })),
|
|
111
|
-
]),
|
|
112
|
-
transition(':leave', [
|
|
113
|
-
style({ bottom: '10px', opacity: 1 }),
|
|
114
|
-
animate('0.2s ease-in', style({ bottom: '-55px', opacity: 0 })),
|
|
115
|
-
]),
|
|
116
|
-
]),
|
|
117
|
-
] });
|
|
118
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SnackbarComponent, decorators: [{
|
|
119
|
-
type: Component,
|
|
120
|
-
args: [{ selector: 'ui-snackbar', animations: [
|
|
121
|
-
trigger('openClose', [
|
|
122
|
-
transition(':enter', [
|
|
123
|
-
style({ bottom: '-55px', opacity: 0 }),
|
|
124
|
-
animate('0.2s ease-out', style({ opacity: 1, bottom: '10px' })),
|
|
125
|
-
]),
|
|
126
|
-
transition(':leave', [
|
|
127
|
-
style({ bottom: '10px', opacity: 1 }),
|
|
128
|
-
animate('0.2s ease-in', style({ bottom: '-55px', opacity: 0 })),
|
|
129
|
-
]),
|
|
130
|
-
]),
|
|
131
|
-
], template: "<ng-container *transloco=\"let t\">\n <div\n [ngClass]=\"snackbarType + ' ' + position\"\n [@openClose]\n *ngIf=\"visible\"\n class=\"snackbar-container\"\n (mouseenter)=\"onMouseEnter()\"\n (mouseleave)=\"onMouseLeave()\"\n >\n <div class=\"snackbar-text\">\n <ui-icon [name]=\"iconName\" size=\"24\"></ui-icon>\n {{ message }}\n </div>\n <ui-button\n *ngIf=\"includeDismissButton\"\n type=\"text\"\n [label]=\"t(translationContext + 'DISMISS')\"\n (buttonClickEvent)=\"dismissClick()\"\n ></ui-button>\n </div>\n</ng-container>\n", styles: [":host{display:flex;width:100%;justify-content:center}:host .snackbar-container{max-width:600px}:host .alert-container,:host .snackbar-container{margin:0 auto;display:flex;padding:0 14px;border-radius:4px;align-items:center;justify-content:space-between;opacity:1;min-height:48px}:host .alert-container.fixed,:host .snackbar-container.fixed{position:fixed}:host .alert-container.static,:host .snackbar-container.static{position:relative}:host .alert-container ui-icon,:host .snackbar-container ui-icon{margin-right:14px}:host .alert-container ui-button,:host .snackbar-container ui-button{margin-left:14px}:host .alert-container ::ng-deep button.mat-mdc-unelevated-button.big,:host .snackbar-container ::ng-deep button.mat-mdc-unelevated-button.big{padding:0;min-width:auto}:host .alert-container .alert-text,:host .alert-container .snackbar-text,:host .snackbar-container .alert-text,:host .snackbar-container .snackbar-text{display:flex;align-items:center;color:#000}:host .alert-container .alert-text a,:host .alert-container .snackbar-text a,:host .snackbar-container .alert-text a,:host .snackbar-container .snackbar-text a{color:#000;text-decoration:underline;font-weight:700}:host .alert-container .alert-text a:hover,:host .alert-container .alert-text a:visited,:host .alert-container .alert-text a:focus,:host .alert-container .snackbar-text a:hover,:host .alert-container .snackbar-text a:visited,:host .alert-container .snackbar-text a:focus,:host .snackbar-container .alert-text a:hover,:host .snackbar-container .alert-text a:visited,:host .snackbar-container .alert-text a:focus,:host .snackbar-container .snackbar-text a:hover,:host .snackbar-container .snackbar-text a:visited,:host .snackbar-container .snackbar-text a:focus{text-decoration:none}:host .alert-container.success,:host .snackbar-container.success{background-color:#cbd6cb}:host .alert-container.info,:host .snackbar-container.info{background-color:#c8d7de}:host .alert-container.warning,:host .snackbar-container.warning{background-color:#f0d6bb}:host .alert-container.error,:host .snackbar-container.error{background-color:#e3c3c6}@media (max-width: 600px){:host .alert-container,:host .snackbar-container{padding:8px 14px}}:host .snackbar-container{bottom:0;z-index:98}:host .mat-mdc-snack-bar-container{margin:16px 8px}\n"] }]
|
|
132
|
-
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
133
|
-
type: Inject,
|
|
134
|
-
args: [MAT_SNACK_BAR_DATA]
|
|
135
|
-
}] }, { type: i1.MatSnackBarRef }, { type: i2.LanguageService }]; }, propDecorators: { snackbarType: [{
|
|
136
|
-
type: Input
|
|
137
|
-
}], message: [{
|
|
138
|
-
type: Input
|
|
139
|
-
}], seconds: [{
|
|
140
|
-
type: Input
|
|
141
|
-
}], includeDismissButton: [{
|
|
142
|
-
type: Input
|
|
143
|
-
}], fixed: [{
|
|
144
|
-
type: Input
|
|
145
|
-
}], language: [{
|
|
146
|
-
type: Input
|
|
147
|
-
}] } });
|
|
148
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic25hY2tiYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc25hY2tiYXIvc25hY2tiYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc25hY2tiYXIvc25hY2tiYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQzFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUNqRSxPQUFPLEVBQUUsa0JBQWtCLEVBQWtCLE1BQU0sNkJBQTZCLENBQUM7QUFHakYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzdELE9BQU8sRUFBWSxlQUFlLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQzs7Ozs7Ozs7QUFtQnRGLE1BQU0sT0FBTyxpQkFBaUI7SUF3RDVCLFlBQ3NDLElBQVMsRUFDckMsV0FBOEMsRUFDOUMsZUFBZ0M7UUFGSixTQUFJLEdBQUosSUFBSSxDQUFLO1FBQ3JDLGdCQUFXLEdBQVgsV0FBVyxDQUFtQztRQUM5QyxvQkFBZSxHQUFmLGVBQWUsQ0FBaUI7UUExRDFDOzs7OztXQUtHO1FBQ00saUJBQVksR0FBaUIsU0FBUyxDQUFDO1FBRWhEOzs7O1dBSUc7UUFDTSxZQUFPLEdBQUcsRUFBRSxDQUFDO1FBRXRCOzs7O1dBSUc7UUFDTSxZQUFPLEdBQUcsQ0FBQyxDQUFDO1FBRXJCOzs7O1dBSUc7UUFDTSx5QkFBb0IsR0FBRyxJQUFJLENBQUM7UUFFckM7Ozs7V0FJRztRQUNNLFVBQUssR0FBRyxJQUFJLENBQUM7UUFFdEI7Ozs7O1dBS0c7UUFDTSxhQUFRLEdBQWEsZUFBZSxDQUFDLGVBQWUsQ0FBQztRQUc5RCxp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IjpbImltcG9ydCB7IGFuaW1hdGUsIHN0eWxlLCB0cmFuc2l0aW9uLCB0cmlnZ2VyIH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XG5pbXBvcnQgeyBDb21wb25lbnQsIEluamVjdCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTUFUX1NOQUNLX0JBUl9EQVRBLCBNYXRTbmFja0JhclJlZiB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3NuYWNrLWJhcic7XG5pbXBvcnQgeyBJY29uTmFtZSB9IGZyb20gJy4uLy4uL2NvbXBvbmVudHMvaWNvbi9pY29uLm1vZGVsJztcbmltcG9ydCB7IFNuYWNrYmFyVHlwZSB9IGZyb20gJy4uLy4uL2NvbXBvbmVudHMvc25hY2tiYXIvc25hY2tiYXIubW9kZWwnO1xuaW1wb3J0IHsgYWxlcnRCYXJzVXRpbCB9IGZyb20gJy4uLy4uL3V0aWxzL2FsZXJ0LWJhcnMudXRpbHMnO1xuaW1wb3J0IHsgTGFuZ3VhZ2UsIExhbmd1YWdlU2VydmljZSB9IGZyb20gJy4uLy4uL3V0aWxzL2xvY2FsaXphdGlvbi9sYW5ndWFnZS5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndWktc25hY2tiYXInLFxuICB0ZW1wbGF0ZVVybDogJy4vc25hY2tiYXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zbmFja2Jhci5jb21wb25lbnQuc2NzcyddLFxuICBhbmltYXRpb25zOiBbXG4gICAgdHJpZ2dlcignb3BlbkNsb3NlJywgW1xuICAgICAgdHJhbnNpdGlvbignOmVudGVyJywgW1xuICAgICAgICBzdHlsZSh7IGJvdHRvbTogJy01NXB4Jywgb3BhY2l0eTogMCB9KSxcbiAgICAgICAgYW5pbWF0ZSgnMC4ycyBlYXNlLW91dCcsIHN0eWxlKHsgb3BhY2l0eTogMSwgYm90dG9tOiAnMTBweCcgfSkpLFxuICAgICAgXSksXG4gICAgICB0cmFuc2l0aW9uKCc6bGVhdmUnLCBbXG4gICAgICAgIHN0eWxlKHsgYm90dG9tOiAnMTBweCcsIG9wYWNpdHk6IDEgfSksXG4gICAgICAgIGFuaW1hdGUoJzAuMnMgZWFzZS1pbicsIHN0eWxlKHsgYm90dG9tOiAnLTU1cHgnLCBvcGFjaXR5OiAwIH0pKSxcbiAgICAgIF0pLFxuICAgIF0pLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTbmFja2JhckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIC8qKlxuICAgKiBCYWNrZ3JvdW5kIGNvbG9yIG9mIHRoZSBidXR0b24gd2hpbGUgaW4gYWN0aXZlIHN0YXRlXG4gICAqXG4gICAqIEB0eXBlIHtTbmFja2JhclR5cGV9XG4gICAqIEBtZW1iZXJvZiBTbmFja2JhckNvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgc25hY2tiYXJUeXBlOiBTbmFja2JhclR5cGUgPSAnc3VjY2Vzcyc7XG5cbiAgLyoqXG4gICAqIFNuYWNrYmFyIG1lc3NhZ2VcbiAgICpcbiAgICogQG1lbWJlcm9mIFNuYWNrYmFyQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBtZXNzYWdlID0gJyc7XG5cbiAgLyoqXG4gICAqIFNldCB0aGUgdGltZSB0aGF0IHRoZSBzbmFja2JhciB3aWxsIGJlIHZpc2libGVcbiAgICpcbiAgICogQG1lbWJlcm9mIFNuYWNrYmFyQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBzZWNvbmRzID0gNTtcblxuICAvKipcbiAgICogSW5jbHVkZSBkaXNtbWlzcyBidXR0b25cbiAgICpcbiAgICogQG1lbWJlcm9mIFNuYWNrYmFyQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBpbmNsdWRlRGlzbWlzc0J1dHRvbiA9IHRydWU7XG5cbiAgLyoqXG4gICAqIFN0YXRpYyBvciBmaXhlZCBwb3NpdGlvblxuICAgKlxuICAgKiBAbWVtYmVyb2YgU25hY2tiYXJDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIGZpeGVkID0gdHJ1ZTtcblxuICAvKipcbiAgICogVGhlIGxhbmd1YWdlIHRvIGJlIHVzZWRcbiAgICpcbiAgICogQHR5cGUge3N0cmluZ31cbiAgICogQG1lbWJlcm9mIFNuYWNrYmFyQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBsYW5ndWFnZTogTGFuZ3VhZ2UgPSBMYW5ndWFnZVNlcnZpY2UuZGVmYXVsdExhbmd1YWdlO1xuXG4gIGljb25OYW1lOiBJY29uTmFtZTtcbiAgc2hvd1NuYWNrYmFyID0gdHJ1ZTtcbiAgbWlsaXNlbmNvbmRzOiBudW1iZXI7XG4gIHZpc2libGUgPSBmYWxzZTtcbiAgdGltZXI/OiBOb2RlSlMuVGltZXI7XG4gIHRpbWVyU3RhcnRlZEF0ID0gMDtcbiAgdGltZXJQYXVzZWRBdCA9IDA7XG4gIHBvc2l0aW9uOiBzdHJpbmc7XG5cbiAgdHJhbnNsYXRpb25Db250ZXh0ID0gJ1NOQUNLQkFSLic7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgQEluamVjdChNQVRfU05BQ0tfQkFSX0RBVEEpIHByaXZhdGUgZGF0YTogYW55LFxuICAgIHByaXZhdGUgc25hY2tiYXJSZWY6IE1hdFNuYWNrQmFyUmVmPFNuYWNrYmFyQ29tcG9uZW50PixcbiAgICBwcml2YXRlIGxhbmd1YWdlU2VydmljZTogTGFuZ3VhZ2VTZXJ2aWNlXG4gICkge1xuICAgIHRoaXMuc25hY2tiYXJUeXBlID0gZGF0YS5zbmFja2JhclR5cGUgPz8gJ3N1Y2Nlc3MnO1xuICAgIHRoaXMubWVzc2FnZSA9IGRhdGEubWVzc2FnZSA/PyAnJztcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMubWlsaXNlbmNvbmRzID0gdGhpcy5zZWNvbmRzICogMTAwMDtcbiAgICB0aGlzLmljb25OYW1lID0gYWxlcnRCYXJzVXRpbC5zZXRJY29uKHRoaXMuc25hY2tiYXJUeXBlKTtcbiAgICB0aGlzLnNob3coKTtcbiAgICB0aGlzLnBvc2l0aW9uID0gYWxlcnRCYXJzVXRpbC5zZXRQb3NpdGlvbih0aGlzLmZpeGVkKTtcblxuICAgIHRoaXMubGFuZ3VhZ2VTZXJ2aWNlLmluaXQodGhpcy5sYW5ndWFnZSk7XG4gIH1cblxuICAvL1Nob3cgc25hY2tiYXJcbiAgc2hvdygpIHtcbiAgICB0aGlzLnRpbWVyU3RhcnRlZEF0ID0gRGF0ZS5ub3coKTtcbiAgICB0aGlzLnZpc2libGUgPSB0cnVlO1xuICAgIHRoaXMudGltZXIgPSBzZXRUaW1lb3V0KCgpID0+IHRoaXMuaGlkZSgpLCB0aGlzLm1pbGlzZW5jb25kcyk7XG4gIH1cblxuICAvL0hpZGUgc25hY2tiYXJcbiAgaGlkZSgpIHtcbiAgICB0aGlzLnZpc2libGUgPSBmYWxzZTtcbiAgICB0aGlzLnRpbWVyUGF1c2VkQXQgPSAwO1xuICAgIHRoaXMudGltZXJTdGFydGVkQXQgPSAwO1xuICAgIGNsZWFyVGltZW91dCh0aGlzLnRpbWVyKTtcbiAgICB0aGlzLnRpbWVyID0gdW5kZWZpbmVkO1xuICB9XG5cbiAgLy9QYXVzZSB0aW1lciB3aGVuIG1vdXNlIGVudGVyXG4gIG9uTW91c2VFbnRlcigpIHtcbiAgICB0aGlzLnZpc2libGUgPSB0cnVlO1xuICAgIHRoaXMudGltZXJQYXVzZWRBdCA9IERhdGUubm93KCk7XG4gICAgY2xlYXJUaW1lb3V0KHRoaXMudGltZXIpO1xuICB9XG5cbiAgLy9Db250aW51ZSB0aW1lciB3aGVuIG1vdXNlIGxlYXZlXG4gIG9uTW91c2VMZWF2ZSgpIHtcbiAgICBjb25zdCBkaWZmID0gdGhpcy50aW1lclBhdXNlZEF0IC0gdGhpcy50aW1lclN0YXJ0ZWRBdDtcbiAgICBpZiAoZGlmZiA8PSAwKSB7XG4gICAgICByZXR1cm4gdGhpcy5oaWRlKCk7XG4gICAgfVxuICAgIHRoaXMudGltZXIgPSBzZXRUaW1lb3V0KCgpID0+IHRoaXMuaGlkZSgpLCB0aGlzLm1pbGlzZW5jb25kcyAtIGRpZmYpO1xuICB9XG5cbiAgLy9IaWRlIHNuYWNrYmFyIHdoZW4gZGlzbWlzcyBidXR0b24gaXMgY2xpY2tlZFxuICBkaXNtaXNzQ2xpY2soKSB7XG4gICAgdGhpcy52aXNpYmxlID0gZmFsc2U7XG4gICAgdGhpcy5zbmFja2JhclJlZi5kaXNtaXNzKCk7XG4gIH1cbn1cbiIsIjxuZy1jb250YWluZXIgKnRyYW5zbG9jbz1cImxldCB0XCI+XG4gIDxkaXZcbiAgICBbbmdDbGFzc109XCJzbmFja2JhclR5cGUgKyAnICcgKyBwb3NpdGlvblwiXG4gICAgW0BvcGVuQ2xvc2VdXG4gICAgKm5nSWY9XCJ2aXNpYmxlXCJcbiAgICBjbGFzcz1cInNuYWNrYmFyLWNvbnRhaW5lclwiXG4gICAgKG1vdXNlZW50ZXIpPVwib25Nb3VzZUVudGVyKClcIlxuICAgIChtb3VzZWxlYXZlKT1cIm9uTW91c2VMZWF2ZSgpXCJcbiAgPlxuICAgIDxkaXYgY2xhc3M9XCJzbmFja2Jhci10ZXh0XCI+XG4gICAgICA8dWktaWNvbiBbbmFtZV09XCJpY29uTmFtZVwiIHNpemU9XCIyNFwiPjwvdWktaWNvbj5cbiAgICAgIHt7IG1lc3NhZ2UgfX1cbiAgICA8L2Rpdj5cbiAgICA8dWktYnV0dG9uXG4gICAgICAqbmdJZj1cImluY2x1ZGVEaXNtaXNzQnV0dG9uXCJcbiAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAgIFtsYWJlbF09XCJ0KHRyYW5zbGF0aW9uQ29udGV4dCArICdESVNNSVNTJylcIlxuICAgICAgKGJ1dHRvbkNsaWNrRXZlbnQpPVwiZGlzbWlzc0NsaWNrKClcIlxuICAgID48L3VpLWJ1dHRvbj5cbiAgPC9kaXY+XG48L25nLWNvbnRhaW5lcj5cbiJdfQ==
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
-
import { APP_INITIALIZER, NgModule } from '@angular/core';
|
|
3
|
-
import { TranslocoModule, TranslocoService } from '@ngneat/transloco';
|
|
4
|
-
import { lastValueFrom } from 'rxjs';
|
|
5
|
-
import { ButtonComponentModule } from '../button/button.component.module';
|
|
6
|
-
import { IconComponentModule } from '../icon/icon.component.module';
|
|
7
|
-
import { SnackbarComponent } from './snackbar.component';
|
|
8
|
-
import { SnackbarService } from './snackbar.service';
|
|
9
|
-
import * as i0 from "@angular/core";
|
|
10
|
-
export const preloadLang = (transloco) => () => {
|
|
11
|
-
transloco.setActiveLang('en');
|
|
12
|
-
return lastValueFrom(transloco.load('en'));
|
|
13
|
-
};
|
|
14
|
-
export class SnackbarComponentModule {
|
|
15
|
-
}
|
|
16
|
-
SnackbarComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SnackbarComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
17
|
-
SnackbarComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SnackbarComponentModule, declarations: [SnackbarComponent], imports: [CommonModule, ButtonComponentModule, IconComponentModule, TranslocoModule], exports: [SnackbarComponent] });
|
|
18
|
-
SnackbarComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SnackbarComponentModule, providers: [
|
|
19
|
-
SnackbarService,
|
|
20
|
-
{
|
|
21
|
-
provide: APP_INITIALIZER,
|
|
22
|
-
useFactory: preloadLang,
|
|
23
|
-
deps: [TranslocoService],
|
|
24
|
-
multi: true,
|
|
25
|
-
},
|
|
26
|
-
], imports: [CommonModule, ButtonComponentModule, IconComponentModule, TranslocoModule] });
|
|
27
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SnackbarComponentModule, decorators: [{
|
|
28
|
-
type: NgModule,
|
|
29
|
-
args: [{
|
|
30
|
-
declarations: [SnackbarComponent],
|
|
31
|
-
imports: [CommonModule, ButtonComponentModule, IconComponentModule, TranslocoModule],
|
|
32
|
-
exports: [SnackbarComponent],
|
|
33
|
-
providers: [
|
|
34
|
-
SnackbarService,
|
|
35
|
-
{
|
|
36
|
-
provide: APP_INITIALIZER,
|
|
37
|
-
useFactory: preloadLang,
|
|
38
|
-
deps: [TranslocoService],
|
|
39
|
-
multi: true,
|
|
40
|
-
},
|
|
41
|
-
],
|
|
42
|
-
}]
|
|
43
|
-
}] });
|
|
44
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic25hY2tiYXIuY29tcG9uZW50Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NuYWNrYmFyL3NuYWNrYmFyLmNvbXBvbmVudC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFELE9BQU8sRUFBRSxlQUFlLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUN0RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ3JDLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ3BFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQzs7QUFFckQsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHLENBQUMsU0FBMkIsRUFBRSxFQUFFLENBQUMsR0FBRyxFQUFFO0lBQy9ELFNBQVMsQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDOUIsT0FBTyxhQUFhLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO0FBQzdDLENBQUMsQ0FBQztBQWdCRixNQUFNLE9BQU8sdUJBQXVCOztvSEFBdkIsdUJBQXVCO3FIQUF2Qix1QkFBdUIsaUJBYm5CLGlCQUFpQixhQUN0QixZQUFZLEVBQUUscUJBQXFCLEVBQUUsbUJBQW1CLEVBQUUsZUFBZSxhQUN6RSxpQkFBaUI7cUhBV2hCLHVCQUF1QixhQVZ2QjtRQUNULGVBQWU7UUFDZjtZQUNFLE9BQU8sRUFBRSxlQUFlO1lBQ3hCLFVBQVUsRUFBRSxXQUFXO1lBQ3ZCLElBQUksRUFBRSxDQUFDLGdCQUFnQixDQUFDO1lBQ3hCLEtBQUssRUFBRSxJQUFJO1NBQ1o7S0FDRixZQVZTLFlBQVksRUFBRSxxQkFBcUIsRUFBRSxtQkFBbUIsRUFBRSxlQUFlOzJGQVl4RSx1QkFBdUI7a0JBZG5DLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsaUJBQWlCLENBQUM7b0JBQ2pDLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxxQkFBcUIsRUFBRSxtQkFBbUIsRUFBRSxlQUFlLENBQUM7b0JBQ3BGLE9BQU8sRUFBRSxDQUFDLGlCQUFpQixDQUFDO29CQUM1QixTQUFTLEVBQUU7d0JBQ1QsZUFBZTt3QkFDZjs0QkFDRSxPQUFPLEVBQUUsZUFBZTs0QkFDeEIsVUFBVSxFQUFFLFdBQVc7NEJBQ3ZCLElBQUksRUFBRSxDQUFDLGdCQUFnQixDQUFDOzRCQUN4QixLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBBUFBfSU5JVElBTElaRVIsIE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUcmFuc2xvY29Nb2R1bGUsIFRyYW5zbG9jb1NlcnZpY2UgfSBmcm9tICdAbmduZWF0L3RyYW5zbG9jbyc7XG5pbXBvcnQgeyBsYXN0VmFsdWVGcm9tIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBCdXR0b25Db21wb25lbnRNb2R1bGUgfSBmcm9tICcuLi9idXR0b24vYnV0dG9uLmNvbXBvbmVudC5tb2R1bGUnO1xuaW1wb3J0IHsgSWNvbkNvbXBvbmVudE1vZHVsZSB9IGZyb20gJy4uL2ljb24vaWNvbi5jb21wb25lbnQubW9kdWxlJztcbmltcG9ydCB7IFNuYWNrYmFyQ29tcG9uZW50IH0gZnJvbSAnLi9zbmFja2Jhci5jb21wb25lbnQnO1xuaW1wb3J0IHsgU25hY2tiYXJTZXJ2aWNlIH0gZnJvbSAnLi9zbmFja2Jhci5zZXJ2aWNlJztcblxuZXhwb3J0IGNvbnN0IHByZWxvYWRMYW5nID0gKHRyYW5zbG9jbzogVHJhbnNsb2NvU2VydmljZSkgPT4gKCkgPT4ge1xuICB0cmFuc2xvY28uc2V0QWN0aXZlTGFuZygnZW4nKTtcbiAgcmV0dXJuIGxhc3RWYWx1ZUZyb20odHJhbnNsb2NvLmxvYWQoJ2VuJykpO1xufTtcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbU25hY2tiYXJDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBCdXR0b25Db21wb25lbnRNb2R1bGUsIEljb25Db21wb25lbnRNb2R1bGUsIFRyYW5zbG9jb01vZHVsZV0sXG4gIGV4cG9ydHM6IFtTbmFja2JhckNvbXBvbmVudF0sXG4gIHByb3ZpZGVyczogW1xuICAgIFNuYWNrYmFyU2VydmljZSxcbiAgICB7XG4gICAgICBwcm92aWRlOiBBUFBfSU5JVElBTElaRVIsXG4gICAgICB1c2VGYWN0b3J5OiBwcmVsb2FkTGFuZyxcbiAgICAgIGRlcHM6IFtUcmFuc2xvY29TZXJ2aWNlXSxcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgIH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFNuYWNrYmFyQ29tcG9uZW50TW9kdWxlIHt9XG4iXX0=
|