@kms-ngx-ui/presentational 0.0.23 → 13.0.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/README.md +28 -28
- package/{esm2015/kms-ngx-ui-presentational.js → esm2020/kms-ngx-ui-presentational.mjs} +4 -4
- package/{esm2015/lib/directives/directives.module.js → esm2020/lib/directives/directives.module.mjs} +40 -40
- package/{esm2015/lib/directives/mousewheel.directive.js → esm2020/lib/directives/mousewheel.directive.mjs} +56 -56
- package/{esm2015/lib/directives/sum-of-height.directive.js → esm2020/lib/directives/sum-of-height.directive.mjs} +74 -74
- package/{esm2015/lib/directives/swipe.directive.js → esm2020/lib/directives/swipe.directive.mjs} +183 -183
- package/esm2020/lib/directives/swipe.model.mjs +5 -0
- package/{esm2015/lib/directives/tooltip.directive.js → esm2020/lib/directives/tooltip.directive.mjs} +144 -144
- package/{esm2015/lib/kms-ngx-ui-presentational.component.js → esm2020/lib/kms-ngx-ui-presentational.component.mjs} +26 -26
- package/{esm2015/lib/kms-ngx-ui-presentational.module.js → esm2020/lib/kms-ngx-ui-presentational.module.mjs} +217 -217
- package/{esm2015/lib/kms-ngx-ui-presentational.service.js → esm2020/lib/kms-ngx-ui-presentational.service.mjs} +14 -14
- package/esm2020/lib/models/address.model.mjs +6 -0
- package/{esm2015/lib/models/iconSize.enum.js → esm2020/lib/models/iconSize.enum.mjs} +17 -17
- package/{esm2015/lib/models/image-snippet.model.js → esm2020/lib/models/image-snippet.model.mjs} +18 -18
- package/{esm2015/lib/models/index.js → esm2020/lib/models/index.mjs} +5 -5
- package/{esm2015/lib/models/is-value.function.js → esm2020/lib/models/is-value.function.mjs} +17 -17
- package/{esm2015/lib/models/salutation.enum.js → esm2020/lib/models/salutation.enum.mjs} +8 -8
- package/{esm2015/lib/models/types/attached-file-dto.model.js → esm2020/lib/models/types/attached-file-dto.model.mjs} +6 -6
- package/{esm2015/lib/models/types/nullable.type.js → esm2020/lib/models/types/nullable.type.mjs} +5 -5
- package/{esm2015/lib/parent-components/actions.component.js → esm2020/lib/parent-components/actions.component.mjs} +56 -56
- package/{esm2015/lib/parent-components/form-control.component.js → esm2020/lib/parent-components/form-control.component.mjs} +75 -75
- package/{esm2015/lib/parent-components/form.component.js → esm2020/lib/parent-components/form.component.mjs} +78 -78
- package/{esm2015/lib/pipes/custom-pipes.module.js → esm2020/lib/pipes/custom-pipes.module.mjs} +71 -71
- package/{esm2015/lib/pipes/decode-uri.pipe.js → esm2020/lib/pipes/decode-uri.pipe.mjs} +19 -19
- package/{esm2015/lib/pipes/encode-uri.pipe.js → esm2020/lib/pipes/encode-uri.pipe.mjs} +19 -19
- package/{esm2015/lib/pipes/integer-currency.pipe.js → esm2020/lib/pipes/integer-currency.pipe.mjs} +27 -27
- package/{esm2015/lib/pipes/safe-html.pipe.js → esm2020/lib/pipes/safe-html.pipe.mjs} +23 -23
- package/{esm2015/lib/pipes/safe-resource-url.pipe.js → esm2020/lib/pipes/safe-resource-url.pipe.mjs} +23 -23
- package/{esm2015/lib/pipes/safe-style.pipe.js → esm2020/lib/pipes/safe-style.pipe.mjs} +23 -23
- package/{esm2015/lib/pipes/safe-url.pipe.js → esm2020/lib/pipes/safe-url.pipe.mjs} +23 -23
- package/{esm2015/lib/pipes/to-number.pipe.js → esm2020/lib/pipes/to-number.pipe.mjs} +23 -23
- package/{esm2015/lib/pipes/trim.pipe.js → esm2020/lib/pipes/trim.pipe.mjs} +20 -20
- package/{esm2015/lib/pipes/typeof.pipe.js → esm2020/lib/pipes/typeof.pipe.mjs} +16 -16
- package/{esm2015/lib/services/viewport.service.js → esm2020/lib/services/viewport.service.mjs} +216 -216
- package/esm2020/lib/ui/back-to-top/back-to-top.component.mjs +49 -0
- package/{esm2015/lib/ui/button-with-confirm-dialog/button-response-types.enum.js → esm2020/lib/ui/button-with-confirm-dialog/button-response-types.enum.mjs} +6 -6
- package/esm2020/lib/ui/button-with-confirm-dialog/button-with-confirm-dialog.component.mjs +58 -0
- package/{esm2015/lib/ui/button-with-confirm-dialog/dialog-data.model.js → esm2020/lib/ui/button-with-confirm-dialog/dialog-data.model.mjs} +2 -2
- package/esm2020/lib/ui/checkbox/checkbox.component.mjs +71 -0
- package/esm2020/lib/ui/color-input/color-input.component.mjs +76 -0
- package/esm2020/lib/ui/dropdown-from-data/dropdown-from-data.component.mjs +165 -0
- package/esm2020/lib/ui/enum-radiogroup/enum-radiogroup.component.mjs +53 -0
- package/esm2020/lib/ui/file-input/file-input.component.mjs +232 -0
- package/esm2020/lib/ui/flyout/flyout.component.mjs +119 -0
- package/esm2020/lib/ui/generic-dialog/generic-dialog.component.mjs +54 -0
- package/esm2020/lib/ui/icon/icon.component.mjs +48 -0
- package/{esm2015/lib/ui/icon/iconSize.enum.js → esm2020/lib/ui/icon/iconSize.enum.mjs} +17 -17
- package/esm2020/lib/ui/image-slider/image-slider.component.mjs +189 -0
- package/esm2020/lib/ui/kms-accordion-item/kms-accordion-item.component.mjs +40 -0
- package/esm2020/lib/ui/loader/loader.component.mjs +21 -0
- package/esm2020/lib/ui/map/map.component.mjs +116 -0
- package/esm2020/lib/ui/radiobutton/radiobutton.component.mjs +73 -0
- package/esm2020/lib/ui/salutation-dropdown/salutation-dropdown.component.mjs +55 -0
- package/esm2020/lib/ui/salutation-radiogroup/salutation-radiogroup.component.mjs +49 -0
- package/esm2020/lib/ui/time-input/time-input.component.mjs +83 -0
- package/esm2020/lib/ui/tooltip/tooltip.component.mjs +16 -0
- package/esm2020/lib/ui/tooltip-icon/tooltip-icon.component.mjs +35 -0
- package/esm2020/lib/ui/yes-no-radiogroup/yes-no-radiogroup.component.mjs +82 -0
- package/{esm2015/public-api.js → esm2020/public-api.mjs} +49 -49
- package/fesm2015/kms-ngx-ui-presentational.mjs +3019 -0
- package/fesm2015/kms-ngx-ui-presentational.mjs.map +1 -0
- package/{fesm2015/kms-ngx-ui-presentational.js → fesm2020/kms-ngx-ui-presentational.mjs} +2869 -2958
- package/fesm2020/kms-ngx-ui-presentational.mjs.map +1 -0
- package/kms-ngx-ui-presentational.d.ts +5 -5
- package/lib/directives/directives.module.d.ts +11 -11
- package/lib/directives/mousewheel.directive.d.ts +15 -15
- package/lib/directives/sum-of-height.directive.d.ts +31 -31
- package/lib/directives/swipe.directive.d.ts +45 -45
- package/lib/directives/swipe.model.d.ts +49 -49
- package/lib/directives/tooltip.directive.d.ts +29 -29
- package/lib/kms-ngx-ui-presentational.component.d.ts +8 -8
- package/lib/kms-ngx-ui-presentational.module.d.ts +47 -47
- package/lib/kms-ngx-ui-presentational.service.d.ts +6 -6
- package/lib/models/address.model.d.ts +14 -14
- package/lib/models/iconSize.enum.d.ts +15 -15
- package/lib/models/image-snippet.model.d.ts +15 -15
- package/lib/models/index.d.ts +4 -4
- package/lib/models/is-value.function.d.ts +9 -9
- package/lib/models/salutation.enum.d.ts +5 -5
- package/lib/models/types/attached-file-dto.model.d.ts +11 -11
- package/lib/models/types/nullable.type.d.ts +4 -4
- package/lib/parent-components/actions.component.d.ts +31 -31
- package/lib/parent-components/form-control.component.d.ts +27 -27
- package/lib/parent-components/form.component.d.ts +34 -34
- package/lib/pipes/custom-pipes.module.d.ts +17 -17
- package/lib/pipes/decode-uri.pipe.d.ts +10 -10
- package/lib/pipes/encode-uri.pipe.d.ts +10 -10
- package/lib/pipes/integer-currency.pipe.d.ts +13 -13
- package/lib/pipes/safe-html.pipe.d.ts +13 -13
- package/lib/pipes/safe-resource-url.pipe.d.ts +13 -13
- package/lib/pipes/safe-style.pipe.d.ts +13 -13
- package/lib/pipes/safe-url.pipe.d.ts +13 -13
- package/lib/pipes/to-number.pipe.d.ts +10 -10
- package/lib/pipes/trim.pipe.d.ts +10 -10
- package/lib/pipes/typeof.pipe.d.ts +7 -7
- package/lib/services/viewport.service.d.ts +74 -74
- package/lib/ui/back-to-top/back-to-top.component.d.ts +10 -10
- package/lib/ui/button-with-confirm-dialog/button-response-types.enum.d.ts +4 -4
- package/lib/ui/button-with-confirm-dialog/button-with-confirm-dialog.component.d.ts +19 -19
- package/lib/ui/button-with-confirm-dialog/dialog-data.model.d.ts +9 -9
- package/lib/ui/checkbox/checkbox.component.d.ts +31 -31
- package/lib/ui/color-input/color-input.component.d.ts +19 -19
- package/lib/ui/dropdown-from-data/dropdown-from-data.component.d.ts +55 -55
- package/lib/ui/enum-radiogroup/enum-radiogroup.component.d.ts +17 -17
- package/lib/ui/file-input/file-input.component.d.ts +89 -89
- package/lib/ui/flyout/flyout.component.d.ts +32 -32
- package/lib/ui/generic-dialog/generic-dialog.component.d.ts +26 -26
- package/lib/ui/icon/icon.component.d.ts +42 -42
- package/lib/ui/icon/iconSize.enum.d.ts +15 -15
- package/lib/ui/image-slider/image-slider.component.d.ts +62 -62
- package/lib/ui/kms-accordion-item/kms-accordion-item.component.d.ts +22 -22
- package/lib/ui/loader/loader.component.d.ts +9 -9
- package/lib/ui/map/map.component.d.ts +69 -69
- package/lib/ui/radiobutton/radiobutton.component.d.ts +26 -26
- package/lib/ui/salutation-dropdown/salutation-dropdown.component.d.ts +17 -17
- package/lib/ui/salutation-radiogroup/salutation-radiogroup.component.d.ts +15 -15
- package/lib/ui/time-input/time-input.component.d.ts +22 -22
- package/lib/ui/tooltip/tooltip.component.d.ts +6 -6
- package/lib/ui/tooltip-icon/tooltip-icon.component.d.ts +13 -13
- package/lib/ui/yes-no-radiogroup/yes-no-radiogroup.component.d.ts +27 -27
- package/package.json +25 -12
- package/public-api.d.ts +45 -45
- package/src/lib/ui/back-to-top/back-to-top.component.scss +46 -46
- package/src/lib/ui/button-with-confirm-dialog/button-with-confirm-dialog.component.scss +2 -2
- package/src/lib/ui/checkbox/checkbox.component.scss +48 -48
- package/src/lib/ui/color-input/color-input.component.scss +38 -38
- package/src/lib/ui/file-input/file-input.component.scss +2 -2
- package/src/lib/ui/flyout/flyout.component.scss +34 -34
- package/src/lib/ui/generic-dialog/generic-dialog.component.scss +59 -59
- package/src/lib/ui/icon/icon.component.scss +148 -148
- package/src/lib/ui/image-slider/image-slider.component.scss +219 -219
- package/src/lib/ui/kms-accordion-item/kms-accordion-item.component.scss +95 -95
- package/src/lib/ui/radiobutton/radiobutton.component.scss +31 -31
- package/src/lib/ui/time-input/time-input.component.scss +10 -10
- package/src/lib/ui/tooltip/tooltip.component.scss +26 -26
- package/src/lib/ui/tooltip-icon/tooltip-icon.component.scss +2 -2
- package/src/styles/mixins.scss +8 -8
- package/src/styles/styles.scss +30 -30
- package/bundles/kms-ngx-ui-presentational.umd.js +0 -3628
- package/bundles/kms-ngx-ui-presentational.umd.js.map +0 -1
- package/esm2015/lib/directives/swipe.model.js +0 -5
- package/esm2015/lib/models/address.model.js +0 -6
- package/esm2015/lib/ui/back-to-top/back-to-top.component.js +0 -52
- package/esm2015/lib/ui/button-with-confirm-dialog/button-with-confirm-dialog.component.js +0 -62
- package/esm2015/lib/ui/checkbox/checkbox.component.js +0 -76
- package/esm2015/lib/ui/color-input/color-input.component.js +0 -81
- package/esm2015/lib/ui/dropdown-from-data/dropdown-from-data.component.js +0 -169
- package/esm2015/lib/ui/enum-radiogroup/enum-radiogroup.component.js +0 -57
- package/esm2015/lib/ui/file-input/file-input.component.js +0 -237
- package/esm2015/lib/ui/flyout/flyout.component.js +0 -124
- package/esm2015/lib/ui/generic-dialog/generic-dialog.component.js +0 -58
- package/esm2015/lib/ui/icon/icon.component.js +0 -52
- package/esm2015/lib/ui/image-slider/image-slider.component.js +0 -193
- package/esm2015/lib/ui/kms-accordion-item/kms-accordion-item.component.js +0 -44
- package/esm2015/lib/ui/loader/loader.component.js +0 -25
- package/esm2015/lib/ui/map/map.component.js +0 -120
- package/esm2015/lib/ui/radiobutton/radiobutton.component.js +0 -78
- package/esm2015/lib/ui/salutation-dropdown/salutation-dropdown.component.js +0 -59
- package/esm2015/lib/ui/salutation-radiogroup/salutation-radiogroup.component.js +0 -53
- package/esm2015/lib/ui/time-input/time-input.component.js +0 -88
- package/esm2015/lib/ui/tooltip/tooltip.component.js +0 -20
- package/esm2015/lib/ui/tooltip-icon/tooltip-icon.component.js +0 -39
- package/esm2015/lib/ui/yes-no-radiogroup/yes-no-radiogroup.component.js +0 -86
- package/fesm2015/kms-ngx-ui-presentational.js.map +0 -1
|
@@ -0,0 +1,232 @@
|
|
|
1
|
+
import { Component, Input, forwardRef, ViewChild, EventEmitter, Output } from '@angular/core';
|
|
2
|
+
import { FormControl, NG_VALIDATORS, NG_VALUE_ACCESSOR, } from '@angular/forms';
|
|
3
|
+
//import { TranslateService } from '@ngx-translate/core';
|
|
4
|
+
import { IconSize } from '../../models/iconSize.enum';
|
|
5
|
+
import { isValue } from '../../models/is-value.function';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
import * as i1 from "@angular/forms";
|
|
8
|
+
import * as i2 from "../icon/icon.component";
|
|
9
|
+
import * as i3 from "@angular/material/button";
|
|
10
|
+
import * as i4 from "@angular/common";
|
|
11
|
+
import * as i5 from "@ngx-translate/core";
|
|
12
|
+
// Max size in bytes of uploaded image
|
|
13
|
+
const MAX_SIZE_BYTES = 2097152;
|
|
14
|
+
export class FileInputComponent {
|
|
15
|
+
/**
|
|
16
|
+
* Constructor
|
|
17
|
+
* @param formBuilder
|
|
18
|
+
* @param appRef
|
|
19
|
+
* @param cd
|
|
20
|
+
* @param translateService
|
|
21
|
+
* @param renderer
|
|
22
|
+
*/
|
|
23
|
+
constructor(formBuilder, appRef, cd,
|
|
24
|
+
//private translateService: TranslateService,
|
|
25
|
+
renderer) {
|
|
26
|
+
this.formBuilder = formBuilder;
|
|
27
|
+
this.appRef = appRef;
|
|
28
|
+
this.cd = cd;
|
|
29
|
+
this.renderer = renderer;
|
|
30
|
+
this.label = '';
|
|
31
|
+
this.previewImage = true;
|
|
32
|
+
this.allowRemove = true;
|
|
33
|
+
this.previewImageText = '';
|
|
34
|
+
this.maxSizeBytes = MAX_SIZE_BYTES;
|
|
35
|
+
this.resizePixels = 0;
|
|
36
|
+
this.acceptedFileMimetypes = 'image/jpeg, image/jpg, image/png';
|
|
37
|
+
this.form = this.formBuilder.group({
|
|
38
|
+
ImageIdent: new FormControl(''),
|
|
39
|
+
ImageLink: new FormControl(''),
|
|
40
|
+
Filename: new FormControl(''),
|
|
41
|
+
ImageAsDataURL: new FormControl(''),
|
|
42
|
+
Text: new FormControl(''),
|
|
43
|
+
});
|
|
44
|
+
this.subscriptions = [];
|
|
45
|
+
this.newImageLoading = false;
|
|
46
|
+
this.IconSize = IconSize;
|
|
47
|
+
this.formDataChanged = new EventEmitter();
|
|
48
|
+
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
49
|
+
this.onChange = () => { };
|
|
50
|
+
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
51
|
+
this.onTouch = () => { };
|
|
52
|
+
}
|
|
53
|
+
/**
|
|
54
|
+
* Click on button triggers file-input to open OS file dialog
|
|
55
|
+
*/
|
|
56
|
+
selectImageOverlay() {
|
|
57
|
+
this.fileInput.nativeElement.click();
|
|
58
|
+
}
|
|
59
|
+
/**
|
|
60
|
+
* Function to manage the input image
|
|
61
|
+
* Returns an error if the file exceeds maximum wanted filesize (Mb).
|
|
62
|
+
* @param ev
|
|
63
|
+
* @returns
|
|
64
|
+
*/
|
|
65
|
+
selectImage(ev) {
|
|
66
|
+
if (ev.target.files && ev.target.files[0]) {
|
|
67
|
+
const file = ev.target.files[0];
|
|
68
|
+
if (file.size > this.maxSizeBytes) {
|
|
69
|
+
this.clearInputValue(ev);
|
|
70
|
+
//alert(this.translateService.instant('errors.fileTooBig'));
|
|
71
|
+
return;
|
|
72
|
+
}
|
|
73
|
+
else {
|
|
74
|
+
this.newImageLoading = true;
|
|
75
|
+
if (this.resizePixels > 0) {
|
|
76
|
+
const logoUrl = URL.createObjectURL(file);
|
|
77
|
+
const imgEl = document.createElement('img');
|
|
78
|
+
imgEl.addEventListener('load', () => {
|
|
79
|
+
const resizedLogo = this.resizeImage(imgEl, this.resizePixels);
|
|
80
|
+
const newFile = this.generateModel(file.name, resizedLogo, this.value.ImageIdent, this.value.ImageLink, this.value.Text);
|
|
81
|
+
this.value = newFile;
|
|
82
|
+
this.newImageLoading = false;
|
|
83
|
+
this.cd.markForCheck();
|
|
84
|
+
});
|
|
85
|
+
imgEl.src = logoUrl;
|
|
86
|
+
}
|
|
87
|
+
else {
|
|
88
|
+
const reader = new FileReader();
|
|
89
|
+
reader.readAsDataURL(file);
|
|
90
|
+
reader.onload = (e) => {
|
|
91
|
+
const newFile = this.generateModel(file.name, e.target.result, this.value.ImageIdent, this.value.ImageLink, this.value.Text);
|
|
92
|
+
this.value = newFile;
|
|
93
|
+
this.newImageLoading = false;
|
|
94
|
+
this.cd.markForCheck();
|
|
95
|
+
};
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
else {
|
|
100
|
+
console.warn("No file selected");
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
/**
|
|
104
|
+
* Resize an image
|
|
105
|
+
* @param imgEl
|
|
106
|
+
* @param wantedWidth as number
|
|
107
|
+
* @returns string
|
|
108
|
+
*/
|
|
109
|
+
resizeImage(imgEl, wantedWidth) {
|
|
110
|
+
const canvas = document.createElement('canvas');
|
|
111
|
+
const ctx = canvas.getContext('2d');
|
|
112
|
+
const aspect = imgEl.width / imgEl.height;
|
|
113
|
+
canvas.width = wantedWidth;
|
|
114
|
+
canvas.height = wantedWidth / aspect;
|
|
115
|
+
if (isValue(ctx))
|
|
116
|
+
ctx.drawImage(imgEl, 0, 0, canvas.width, canvas.height);
|
|
117
|
+
return canvas.toDataURL();
|
|
118
|
+
}
|
|
119
|
+
/**
|
|
120
|
+
* Generate default object
|
|
121
|
+
* @param name as string
|
|
122
|
+
* @param content as string
|
|
123
|
+
* @returns AttachedFileDTO
|
|
124
|
+
*/
|
|
125
|
+
generateModel(name, content, ident, imageLink, text) {
|
|
126
|
+
return {
|
|
127
|
+
ImageIdent: ident ? ident : '',
|
|
128
|
+
Filename: name ? name : '',
|
|
129
|
+
ImageAsDataURL: content ? content : '',
|
|
130
|
+
ImageLink: imageLink ? imageLink : '',
|
|
131
|
+
Text: text ? text : ''
|
|
132
|
+
};
|
|
133
|
+
}
|
|
134
|
+
/**
|
|
135
|
+
* Remove image
|
|
136
|
+
*/
|
|
137
|
+
removeFromList() {
|
|
138
|
+
this.value = this.generateModel('', '', '', '');
|
|
139
|
+
}
|
|
140
|
+
/**
|
|
141
|
+
* get value
|
|
142
|
+
*/
|
|
143
|
+
get value() {
|
|
144
|
+
return this.form.value;
|
|
145
|
+
}
|
|
146
|
+
/**
|
|
147
|
+
* set value
|
|
148
|
+
*/
|
|
149
|
+
set value(value) {
|
|
150
|
+
this.form.setValue(value);
|
|
151
|
+
this.onChange(value);
|
|
152
|
+
this.formDataChanged.emit(this.form);
|
|
153
|
+
}
|
|
154
|
+
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
155
|
+
ngOnInit() { }
|
|
156
|
+
ngOnDestroy() {
|
|
157
|
+
this.subscriptions.forEach(s => s.unsubscribe());
|
|
158
|
+
}
|
|
159
|
+
registerOnChange(fn) {
|
|
160
|
+
this.onChange = fn;
|
|
161
|
+
}
|
|
162
|
+
registerOnTouched(fn) {
|
|
163
|
+
this.onTouch = fn;
|
|
164
|
+
}
|
|
165
|
+
writeValue(value) {
|
|
166
|
+
if (value) {
|
|
167
|
+
this.value = value;
|
|
168
|
+
}
|
|
169
|
+
if (value === null) {
|
|
170
|
+
this.form.reset();
|
|
171
|
+
}
|
|
172
|
+
}
|
|
173
|
+
// eslint-disable-next-line @typescript-eslint/adjacent-overload-signatures
|
|
174
|
+
validate(_) {
|
|
175
|
+
return this.form.valid ? null : { styles: { valid: false } };
|
|
176
|
+
}
|
|
177
|
+
/**
|
|
178
|
+
* OnClick event listener of input#fileInput to clear his input value
|
|
179
|
+
*/
|
|
180
|
+
clearInputValue(ev) {
|
|
181
|
+
const element = ev.target;
|
|
182
|
+
element.value = '';
|
|
183
|
+
}
|
|
184
|
+
}
|
|
185
|
+
FileInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FileInputComponent, deps: [{ token: i1.FormBuilder }, { token: i0.ApplicationRef }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
186
|
+
FileInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: FileInputComponent, selector: "kms-file-input", inputs: { label: "label", previewImage: "previewImage", allowRemove: "allowRemove", previewImageText: "previewImageText", maxSizeBytes: "maxSizeBytes", resizePixels: "resizePixels", acceptedFileMimetypes: "acceptedFileMimetypes" }, outputs: { formDataChanged: "formDataChanged" }, providers: [
|
|
187
|
+
{
|
|
188
|
+
provide: NG_VALUE_ACCESSOR,
|
|
189
|
+
useExisting: forwardRef(() => FileInputComponent),
|
|
190
|
+
multi: true,
|
|
191
|
+
},
|
|
192
|
+
{
|
|
193
|
+
provide: NG_VALIDATORS,
|
|
194
|
+
useExisting: forwardRef(() => FileInputComponent),
|
|
195
|
+
multi: true,
|
|
196
|
+
},
|
|
197
|
+
], viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }], ngImport: i0, template: "<form [formGroup]=\"form\" (change)=\"newImageLoading=true\" class=\"fileInput\"> \n\n <div *ngIf=\"form.value.Filename && previewImage\">\n <div *ngIf=\"newImageLoading\">\n {{ 'file-input.loading' | translate }}\n </div>\n <div *ngIf=\"!newImageLoading\">\n <div class=\"\">\n <div class=\"\">\n <img *ngIf=\"form.value.ImageLink && form.value.ImageLink !== '' && !(form.value.ImageAsDataURL && form.value.ImageAsDataURL !== '')\" [src]=\"form.value.ImageAsDataURL\" [src]=\"form.value.ImageLink\" style=\"height: 40px; width: fit-content;\" />\n <img *ngIf=\"form.value.ImageAsDataURL && form.value.ImageAsDataURL !== ''\" [src]=\"form.value.ImageAsDataURL\" style=\"height: 40px; width: fit-content;\" />\n </div>\n <div class=\"\">{{form.value.Filename}}</div>\n <div class=\"\">\n <div (click)=\"removeFromList()\" *ngIf=\"allowRemove\">\n <kms-icon icon=\"trash\" [iconSize]=\"IconSize.TINY\" iconClass=\"color-black\"></kms-icon> \n {{ 'file-input.remove' }}\n </div>\n </div>\n </div>\n </div>\n </div>\n <div *ngIf=\"!previewImage\">\n <div class=\"\">{{form.value.Filename}}</div>\n </div>\n\n <button (click)=\"selectImageOverlay()\" class=\"button-primary-font-color\" mat-stroked-button>\n <span>{{ label }}</span>\n </button>\n <input\n type=\"file\"\n [accept]=\"acceptedFileMimetypes\"\n style=\"display: none\"\n #fileInput\n (click)=\"clearInputValue($event)\"\n (change)=\"selectImage($event)\"\n />\n\n <input type=\"hidden\" [formControl]=\"form.controls['ImageIdent']\" />\n <input type=\"hidden\" [formControl]=\"form.controls['ImageLink']\" />\n <input type=\"hidden\" [formControl]=\"form.controls['Filename']\" />\n <input type=\"hidden\" [formControl]=\"form.controls['ImageAsDataURL']\" />\n <input type=\"hidden\" [formControl]=\"form.controls['Text']\" />\n\n</form>", styles: [""], components: [{ type: i2.IconComponent, selector: "kms-icon", inputs: ["icon", "iconClass", "iconStyle", "iconSize", "dontUseSprite"] }, { type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], pipes: { "translate": i5.TranslatePipe } });
|
|
198
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FileInputComponent, decorators: [{
|
|
199
|
+
type: Component,
|
|
200
|
+
args: [{ selector: 'kms-file-input', providers: [
|
|
201
|
+
{
|
|
202
|
+
provide: NG_VALUE_ACCESSOR,
|
|
203
|
+
useExisting: forwardRef(() => FileInputComponent),
|
|
204
|
+
multi: true,
|
|
205
|
+
},
|
|
206
|
+
{
|
|
207
|
+
provide: NG_VALIDATORS,
|
|
208
|
+
useExisting: forwardRef(() => FileInputComponent),
|
|
209
|
+
multi: true,
|
|
210
|
+
},
|
|
211
|
+
], template: "<form [formGroup]=\"form\" (change)=\"newImageLoading=true\" class=\"fileInput\"> \n\n <div *ngIf=\"form.value.Filename && previewImage\">\n <div *ngIf=\"newImageLoading\">\n {{ 'file-input.loading' | translate }}\n </div>\n <div *ngIf=\"!newImageLoading\">\n <div class=\"\">\n <div class=\"\">\n <img *ngIf=\"form.value.ImageLink && form.value.ImageLink !== '' && !(form.value.ImageAsDataURL && form.value.ImageAsDataURL !== '')\" [src]=\"form.value.ImageAsDataURL\" [src]=\"form.value.ImageLink\" style=\"height: 40px; width: fit-content;\" />\n <img *ngIf=\"form.value.ImageAsDataURL && form.value.ImageAsDataURL !== ''\" [src]=\"form.value.ImageAsDataURL\" style=\"height: 40px; width: fit-content;\" />\n </div>\n <div class=\"\">{{form.value.Filename}}</div>\n <div class=\"\">\n <div (click)=\"removeFromList()\" *ngIf=\"allowRemove\">\n <kms-icon icon=\"trash\" [iconSize]=\"IconSize.TINY\" iconClass=\"color-black\"></kms-icon> \n {{ 'file-input.remove' }}\n </div>\n </div>\n </div>\n </div>\n </div>\n <div *ngIf=\"!previewImage\">\n <div class=\"\">{{form.value.Filename}}</div>\n </div>\n\n <button (click)=\"selectImageOverlay()\" class=\"button-primary-font-color\" mat-stroked-button>\n <span>{{ label }}</span>\n </button>\n <input\n type=\"file\"\n [accept]=\"acceptedFileMimetypes\"\n style=\"display: none\"\n #fileInput\n (click)=\"clearInputValue($event)\"\n (change)=\"selectImage($event)\"\n />\n\n <input type=\"hidden\" [formControl]=\"form.controls['ImageIdent']\" />\n <input type=\"hidden\" [formControl]=\"form.controls['ImageLink']\" />\n <input type=\"hidden\" [formControl]=\"form.controls['Filename']\" />\n <input type=\"hidden\" [formControl]=\"form.controls['ImageAsDataURL']\" />\n <input type=\"hidden\" [formControl]=\"form.controls['Text']\" />\n\n</form>", styles: [""] }]
|
|
212
|
+
}], ctorParameters: function () { return [{ type: i1.FormBuilder }, { type: i0.ApplicationRef }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }]; }, propDecorators: { fileInput: [{
|
|
213
|
+
type: ViewChild,
|
|
214
|
+
args: ['fileInput']
|
|
215
|
+
}], label: [{
|
|
216
|
+
type: Input
|
|
217
|
+
}], previewImage: [{
|
|
218
|
+
type: Input
|
|
219
|
+
}], allowRemove: [{
|
|
220
|
+
type: Input
|
|
221
|
+
}], previewImageText: [{
|
|
222
|
+
type: Input
|
|
223
|
+
}], maxSizeBytes: [{
|
|
224
|
+
type: Input
|
|
225
|
+
}], resizePixels: [{
|
|
226
|
+
type: Input
|
|
227
|
+
}], acceptedFileMimetypes: [{
|
|
228
|
+
type: Input
|
|
229
|
+
}], formDataChanged: [{
|
|
230
|
+
type: Output
|
|
231
|
+
}] } });
|
|
232
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1pbnB1dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rbXMtbmd4LXVpLXByZXNlbnRhdGlvbmFsL3NyYy9saWIvdWkvZmlsZS1pbnB1dC9maWxlLWlucHV0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS9maWxlLWlucHV0L2ZpbGUtaW5wdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFVLFNBQVMsRUFBYSxZQUFZLEVBQUUsTUFBTSxFQUFxQyxNQUFNLGVBQWUsQ0FBQztBQUVwSixPQUFPLEVBR0gsV0FBVyxFQUVYLGFBQWEsRUFDYixpQkFBaUIsR0FDcEIsTUFBTSxnQkFBZ0IsQ0FBQztBQUd4Qix5REFBeUQ7QUFDekQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBRXRELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQzs7Ozs7OztBQUV6RCxzQ0FBc0M7QUFDdEMsTUFBTSxjQUFjLEdBQUcsT0FBTyxDQUFDO0FBb0IvQixNQUFNLE9BQU8sa0JBQWtCO0lBNEIzQjs7Ozs7OztPQU9HO0lBQ0gsWUFDVyxXQUF3QixFQUN4QixNQUFzQixFQUN0QixFQUFxQjtJQUM1Qiw2Q0FBNkM7SUFDdEMsUUFBbUI7UUFKbkIsZ0JBQVcsR0FBWCxXQUFXLENBQWE7UUFDeEIsV0FBTSxHQUFOLE1BQU0sQ0FBZ0I7UUFDdEIsT0FBRSxHQUFGLEVBQUUsQ0FBbUI7UUFFckIsYUFBUSxHQUFSLFFBQVEsQ0FBVztRQXJDckIsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUVYLGlCQUFZLEdBQUcsSUFBSSxDQUFDO1FBQ3BCLGdCQUFXLEdBQUcsSUFBSSxDQUFDO1FBQ25CLHFCQUFnQixHQUFHLEVBQUUsQ0FBQztRQUN0QixpQkFBWSxHQUFHLGNBQWMsQ0FBQztRQUM5QixpQkFBWSxHQUFHLENBQUMsQ0FBQztRQUNqQiwwQkFBcUIsR0FBRyxrQ0FBa0MsQ0FBQztRQUVwRSxTQUFJLEdBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUM7WUFDekIsVUFBVSxFQUFFLElBQUksV0FBVyxDQUFDLEVBQUUsQ0FBQztZQUMvQixTQUFTLEVBQUUsSUFBSSxXQUFXLENBQUMsRUFBRSxDQUFDO1lBQzlCLFFBQVEsRUFBRSxJQUFJLFdBQVcsQ0FBQyxFQUFFLENBQUM7WUFDN0IsY0FBYyxFQUFFLElBQUksV0FBVyxDQUFDLEVBQUUsQ0FBQztZQUNuQyxJQUFJLEVBQUUsSUFBSSxXQUFXLENBQUMsRUFBRSxDQUFDO1NBQzVCLENBQUMsQ0FBQztRQUVILGtCQUFhLEdBQW1CLEVBQUUsQ0FBQztRQUNuQyxvQkFBZSxHQUFHLEtBQUssQ0FBQTtRQUV2QixhQUFRLEdBQUcsUUFBUSxDQUFDO1FBRVYsb0JBQWUsR0FBNEIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQStIeEUsZ0VBQWdFO1FBQ2hFLGFBQVEsR0FBUSxHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7UUFFekIsZ0VBQWdFO1FBQ2hFLFlBQU8sR0FBUSxHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7SUFqSHhCLENBQUM7SUFFRDs7T0FFRztJQUNILGtCQUFrQjtRQUNkLElBQUksQ0FBQyxTQUFTLENBQUMsYUFBYSxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ3pDLENBQUM7SUFFRDs7Ozs7T0FLRztJQUNILFdBQVcsQ0FBQyxFQUFPO1FBQ2YsSUFBSSxFQUFFLENBQUMsTUFBTSxDQUFDLEtBQUssSUFBSSxFQUFFLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUN2QyxNQUFNLElBQUksR0FBUSxFQUFFLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUVyQyxJQUFJLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLFlBQVksRUFBRTtnQkFDL0IsSUFBSSxDQUFDLGVBQWUsQ0FBQyxFQUFFLENBQUMsQ0FBQztnQkFDekIsNERBQTREO2dCQUM1RCxPQUFPO2FBQ1Y7aUJBQU07Z0JBQ0gsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUM7Z0JBRTVCLElBQUcsSUFBSSxDQUFDLFlBQVksR0FBRyxDQUFDLEVBQUM7b0JBQ3JCLE1BQU0sT0FBTyxHQUFHLEdBQUcsQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLENBQUM7b0JBQzFDLE1BQU0sS0FBSyxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLENBQUM7b0JBQzVDLEtBQUssQ0FBQyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsR0FBRyxFQUFFO3dCQUNoQyxNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7d0JBQy9ELE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxXQUFXLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxVQUFVLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxTQUFTLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQzt3QkFDekgsSUFBSSxDQUFDLEtBQUssR0FBQyxPQUFPLENBQUM7d0JBQ25CLElBQUksQ0FBQyxlQUFlLEdBQUcsS0FBSyxDQUFDO3dCQUM3QixJQUFJLENBQUMsRUFBRSxDQUFDLFlBQVksRUFBRSxDQUFDO29CQUMzQixDQUFDLENBQUMsQ0FBQztvQkFDSCxLQUFLLENBQUMsR0FBRyxHQUFHLE9BQU8sQ0FBQztpQkFDdkI7cUJBQUk7b0JBQ0QsTUFBTSxNQUFNLEdBQUcsSUFBSSxVQUFVLEVBQUUsQ0FBQztvQkFDaEMsTUFBTSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsQ0FBQztvQkFDM0IsTUFBTSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQU0sRUFBRSxFQUFFO3dCQUN2QixNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxVQUFVLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxTQUFTLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQzt3QkFDN0gsSUFBSSxDQUFDLEtBQUssR0FBQyxPQUFPLENBQUM7d0JBQ25CLElBQUksQ0FBQyxlQUFlLEdBQUcsS0FBSyxDQUFDO3dCQUM3QixJQUFJLENBQUMsRUFBRSxDQUFDLFlBQVksRUFBRSxDQUFDO29CQUMzQixDQUFDLENBQUM7aUJBQ0w7YUFFSjtTQUNKO2FBQUk7WUFDRCxPQUFPLENBQUMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLENBQUM7U0FDcEM7SUFDTCxDQUFDO0lBRUQ7Ozs7O09BS0c7SUFDTSxXQUFXLENBQUMsS0FBVSxFQUFFLFdBQW1CO1FBQ2hELE1BQU0sTUFBTSxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDaEQsTUFBTSxHQUFHLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNwQyxNQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUM7UUFDMUMsTUFBTSxDQUFDLEtBQUssR0FBRyxXQUFXLENBQUM7UUFDM0IsTUFBTSxDQUFDLE1BQU0sR0FBRyxXQUFXLEdBQUcsTUFBTSxDQUFDO1FBQ3JDLElBQUksT0FBTyxDQUFDLEdBQUcsQ0FBQztZQUFFLEdBQUcsQ0FBQyxTQUFTLENBQUMsS0FBSyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsTUFBTSxDQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDMUUsT0FBTyxNQUFNLENBQUMsU0FBUyxFQUFFLENBQUM7SUFDOUIsQ0FBQztJQUVEOzs7OztPQUtHO0lBQ0gsYUFBYSxDQUFDLElBQWEsRUFBRSxPQUFnQixFQUFFLEtBQWMsRUFBRSxTQUFrQixFQUFFLElBQWE7UUFDNUYsT0FBTztZQUNILFVBQVUsRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUM5QixRQUFRLEVBQUUsSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDMUIsY0FBYyxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQ3RDLFNBQVMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUNyQyxJQUFJLEVBQUUsSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUU7U0FDTixDQUFDO0lBQ3pCLENBQUM7SUFFRDs7T0FFRztJQUNGLGNBQWM7UUFDWCxJQUFJLENBQUMsS0FBSyxHQUFFLElBQUksQ0FBQyxhQUFhLENBQUMsRUFBRSxFQUFDLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFDbEQsQ0FBQztJQUVEOztPQUVHO0lBQ0MsSUFBSSxLQUFLO1FBQ1QsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQztJQUMzQixDQUFDO0lBRUQ7O09BRUc7SUFDSCxJQUFJLEtBQUssQ0FBQyxLQUFzQjtRQUM1QixJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMxQixJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3JCLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN6QyxDQUFDO0lBUUQsZ0VBQWdFO0lBQ2hFLFFBQVEsS0FBSSxDQUFDO0lBR2IsV0FBVztRQUNQLElBQUksQ0FBQyxhQUFhLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLFdBQVcsRUFBRSxDQUFDLENBQUM7SUFDckQsQ0FBQztJQUVELGdCQUFnQixDQUFDLEVBQU87UUFDcEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQUVELGlCQUFpQixDQUFDLEVBQU87UUFDckIsSUFBSSxDQUFDLE9BQU8sR0FBRyxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVELFVBQVUsQ0FBQyxLQUE2QjtRQUNwQyxJQUFJLEtBQUssRUFBRTtZQUNQLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1NBQ3RCO1FBRUQsSUFBSSxLQUFLLEtBQUssSUFBSSxFQUFFO1lBQ2hCLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7U0FDckI7SUFDTCxDQUFDO0lBRUQsMkVBQTJFO0lBQzNFLFFBQVEsQ0FBQyxDQUFjO1FBQ25CLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxNQUFNLEVBQUUsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLEVBQUUsQ0FBQztJQUNqRSxDQUFDO0lBRUQ7O09BRUc7SUFDSCxlQUFlLENBQUMsRUFBTztRQUNuQixNQUFNLE9BQU8sR0FBRyxFQUFFLENBQUMsTUFBMEIsQ0FBQztRQUM5QyxPQUFPLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQztJQUN2QixDQUFDOzsrR0FwTVEsa0JBQWtCO21HQUFsQixrQkFBa0Isa1VBZGhCO1FBQ1A7WUFDSSxPQUFPLEVBQUUsaUJBQWlCO1lBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsa0JBQWtCLENBQUM7WUFDakQsS0FBSyxFQUFFLElBQUk7U0FDZDtRQUNEO1lBQ0ksT0FBTyxFQUFFLGFBQWE7WUFDdEIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztZQUNqRCxLQUFLLEVBQUUsSUFBSTtTQUNkO0tBQ0osa0lDbkNMLHdtRUE0Q087MkZETk0sa0JBQWtCO2tCQWxCOUIsU0FBUzsrQkFDSSxnQkFBZ0IsYUFHZjt3QkFDUDs0QkFDSSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxtQkFBbUIsQ0FBQzs0QkFDakQsS0FBSyxFQUFFLElBQUk7eUJBQ2Q7d0JBQ0Q7NEJBQ0ksT0FBTyxFQUFFLGFBQWE7NEJBQ3RCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLG1CQUFtQixDQUFDOzRCQUNqRCxLQUFLLEVBQUUsSUFBSTt5QkFDZDtxQkFDSjt1TEFLOEIsU0FBUztzQkFBdkMsU0FBUzt1QkFBQyxXQUFXO2dCQUViLEtBQUs7c0JBQWIsS0FBSztnQkFFRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxxQkFBcUI7c0JBQTdCLEtBQUs7Z0JBZUksZUFBZTtzQkFBeEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIGZvcndhcmRSZWYsIE9uSW5pdCwgVmlld0NoaWxkLCBSZW5kZXJlcjIsIEV2ZW50RW1pdHRlciwgT3V0cHV0LCBBcHBsaWNhdGlvblJlZiwgQ2hhbmdlRGV0ZWN0b3JSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHtcbiAgICBDb250cm9sVmFsdWVBY2Nlc3NvcixcbiAgICBGb3JtQnVpbGRlcixcbiAgICBGb3JtQ29udHJvbCxcbiAgICBGb3JtR3JvdXAsXG4gICAgTkdfVkFMSURBVE9SUyxcbiAgICBOR19WQUxVRV9BQ0NFU1NPUixcbn0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XG5cbi8vaW1wb3J0IHsgVHJhbnNsYXRlU2VydmljZSB9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuaW1wb3J0IHsgSWNvblNpemUgfSBmcm9tICcuLi8uLi9tb2RlbHMvaWNvblNpemUuZW51bSc7XG5pbXBvcnQgeyBBdHRhY2hlZEZpbGVEVE8gfSBmcm9tICcuLi8uLi9tb2RlbHMvdHlwZXMvYXR0YWNoZWQtZmlsZS1kdG8ubW9kZWwnO1xuaW1wb3J0IHsgaXNWYWx1ZSB9IGZyb20gJy4uLy4uL21vZGVscy9pcy12YWx1ZS5mdW5jdGlvbic7XG5cbi8vIE1heCBzaXplIGluIGJ5dGVzIG9mIHVwbG9hZGVkIGltYWdlXG5jb25zdCBNQVhfU0laRV9CWVRFUyA9IDIwOTcxNTI7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAna21zLWZpbGUtaW5wdXQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9maWxlLWlucHV0LmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9maWxlLWlucHV0LmNvbXBvbmVudC5zY3NzJ10sXG4gICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIHtcbiAgICAgICAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gRmlsZUlucHV0Q29tcG9uZW50KSxcbiAgICAgICAgICAgIG11bHRpOiB0cnVlLFxuICAgICAgICB9LFxuICAgICAgICB7XG4gICAgICAgICAgICBwcm92aWRlOiBOR19WQUxJREFUT1JTLFxuICAgICAgICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gRmlsZUlucHV0Q29tcG9uZW50KSxcbiAgICAgICAgICAgIG11bHRpOiB0cnVlLFxuICAgICAgICB9LFxuICAgIF0sXG59KVxuXG5leHBvcnQgY2xhc3MgRmlsZUlucHV0Q29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE9uSW5pdCB7XG4gICAgXG4gICAgQFZpZXdDaGlsZCgnZmlsZUlucHV0JykgcHVibGljIGZpbGVJbnB1dDogYW55O1xuXG4gICAgQElucHV0KCkgbGFiZWwgPSAnJztcbiAgICBcbiAgICBASW5wdXQoKSBwcmV2aWV3SW1hZ2UgPSB0cnVlOyBcbiAgICBASW5wdXQoKSBhbGxvd1JlbW92ZSA9IHRydWU7IFxuICAgIEBJbnB1dCgpIHByZXZpZXdJbWFnZVRleHQgPSAnJzsgXG4gICAgQElucHV0KCkgbWF4U2l6ZUJ5dGVzID0gTUFYX1NJWkVfQllURVM7IFxuICAgIEBJbnB1dCgpIHJlc2l6ZVBpeGVscyA9IDA7IFxuICAgIEBJbnB1dCgpIGFjY2VwdGVkRmlsZU1pbWV0eXBlcyA9ICdpbWFnZS9qcGVnLCBpbWFnZS9qcGcsIGltYWdlL3BuZyc7IFxuXG4gICAgZm9ybT0gdGhpcy5mb3JtQnVpbGRlci5ncm91cCh7XG4gICAgICAgIEltYWdlSWRlbnQ6IG5ldyBGb3JtQ29udHJvbCgnJyksXG4gICAgICAgIEltYWdlTGluazogbmV3IEZvcm1Db250cm9sKCcnKSxcbiAgICAgICAgRmlsZW5hbWU6IG5ldyBGb3JtQ29udHJvbCgnJyksXG4gICAgICAgIEltYWdlQXNEYXRhVVJMOiBuZXcgRm9ybUNvbnRyb2woJycpLFxuICAgICAgICBUZXh0OiBuZXcgRm9ybUNvbnRyb2woJycpLFxuICAgIH0pO1xuXG4gICAgc3Vic2NyaXB0aW9uczogU3Vic2NyaXB0aW9uW10gPSBbXTtcbiAgICBuZXdJbWFnZUxvYWRpbmcgPSBmYWxzZVxuXG4gICAgSWNvblNpemUgPSBJY29uU2l6ZTtcblxuICAgIEBPdXRwdXQoKSBmb3JtRGF0YUNoYW5nZWQ6IEV2ZW50RW1pdHRlcjxGb3JtR3JvdXA+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gICAgLyoqXG4gICAgICogQ29uc3RydWN0b3JcbiAgICAgKiBAcGFyYW0gZm9ybUJ1aWxkZXIgXG4gICAgICogQHBhcmFtIGFwcFJlZiBcbiAgICAgKiBAcGFyYW0gY2QgXG4gICAgICogQHBhcmFtIHRyYW5zbGF0ZVNlcnZpY2UgXG4gICAgICogQHBhcmFtIHJlbmRlcmVyIFxuICAgICAqL1xuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwdWJsaWMgZm9ybUJ1aWxkZXI6IEZvcm1CdWlsZGVyLCBcbiAgICAgICAgcHVibGljIGFwcFJlZjogQXBwbGljYXRpb25SZWYsXG4gICAgICAgIHB1YmxpYyBjZDogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgICAgIC8vcHJpdmF0ZSB0cmFuc2xhdGVTZXJ2aWNlOiBUcmFuc2xhdGVTZXJ2aWNlLFxuICAgICAgICBwdWJsaWMgcmVuZGVyZXI6IFJlbmRlcmVyMlxuICAgICkge1xuICAgICAgICBcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiAgQ2xpY2sgb24gYnV0dG9uIHRyaWdnZXJzIGZpbGUtaW5wdXQgdG8gb3BlbiBPUyBmaWxlIGRpYWxvZ1xuICAgICAqL1xuICAgIHNlbGVjdEltYWdlT3ZlcmxheSgpIHtcbiAgICAgICAgdGhpcy5maWxlSW5wdXQubmF0aXZlRWxlbWVudC5jbGljaygpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIEZ1bmN0aW9uIHRvIG1hbmFnZSB0aGUgaW5wdXQgaW1hZ2VcbiAgICAgKiBSZXR1cm5zIGFuIGVycm9yIGlmIHRoZSBmaWxlIGV4Y2VlZHMgbWF4aW11bSB3YW50ZWQgZmlsZXNpemUgKE1iKS4gXG4gICAgICogQHBhcmFtIGV2XG4gICAgICogQHJldHVybnNcbiAgICAgKi9cbiAgICBzZWxlY3RJbWFnZShldjogYW55KSB7XG4gICAgICAgIGlmIChldi50YXJnZXQuZmlsZXMgJiYgZXYudGFyZ2V0LmZpbGVzWzBdKSB7XG4gICAgICAgICAgICBjb25zdCBmaWxlOkZpbGUgPSBldi50YXJnZXQuZmlsZXNbMF07XG5cbiAgICAgICAgICAgIGlmIChmaWxlLnNpemUgPiB0aGlzLm1heFNpemVCeXRlcykge1xuICAgICAgICAgICAgICAgIHRoaXMuY2xlYXJJbnB1dFZhbHVlKGV2KTtcbiAgICAgICAgICAgICAgICAvL2FsZXJ0KHRoaXMudHJhbnNsYXRlU2VydmljZS5pbnN0YW50KCdlcnJvcnMuZmlsZVRvb0JpZycpKTtcbiAgICAgICAgICAgICAgICByZXR1cm47XG4gICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgIHRoaXMubmV3SW1hZ2VMb2FkaW5nID0gdHJ1ZTtcblxuICAgICAgICAgICAgICAgIGlmKHRoaXMucmVzaXplUGl4ZWxzID4gMCl7XG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IGxvZ29VcmwgPSBVUkwuY3JlYXRlT2JqZWN0VVJMKGZpbGUpO1xuICAgICAgICAgICAgICAgICAgICBjb25zdCBpbWdFbCA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2ltZycpO1xuICAgICAgICAgICAgICAgICAgICBpbWdFbC5hZGRFdmVudExpc3RlbmVyKCdsb2FkJywgKCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgY29uc3QgcmVzaXplZExvZ28gPSB0aGlzLnJlc2l6ZUltYWdlKGltZ0VsLCB0aGlzLnJlc2l6ZVBpeGVscyk7XG4gICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBuZXdGaWxlID0gdGhpcy5nZW5lcmF0ZU1vZGVsKGZpbGUubmFtZSwgcmVzaXplZExvZ28sIHRoaXMudmFsdWUuSW1hZ2VJZGVudCwgdGhpcy52YWx1ZS5JbWFnZUxpbmssIHRoaXMudmFsdWUuVGV4dCk7XG4gICAgICAgICAgICAgICAgICAgICAgICB0aGlzLnZhbHVlPW5ld0ZpbGU7XG4gICAgICAgICAgICAgICAgICAgICAgICB0aGlzLm5ld0ltYWdlTG9hZGluZyA9IGZhbHNlO1xuICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy5jZC5tYXJrRm9yQ2hlY2soKTtcbiAgICAgICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICAgICAgICAgIGltZ0VsLnNyYyA9IGxvZ29Vcmw7XG4gICAgICAgICAgICAgICAgfWVsc2V7XG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IHJlYWRlciA9IG5ldyBGaWxlUmVhZGVyKCk7XG4gICAgICAgICAgICAgICAgICAgIHJlYWRlci5yZWFkQXNEYXRhVVJMKGZpbGUpO1xuICAgICAgICAgICAgICAgICAgICByZWFkZXIub25sb2FkID0gKGU6IGFueSkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgY29uc3QgbmV3RmlsZSA9IHRoaXMuZ2VuZXJhdGVNb2RlbChmaWxlLm5hbWUsIGUudGFyZ2V0LnJlc3VsdCwgdGhpcy52YWx1ZS5JbWFnZUlkZW50LCB0aGlzLnZhbHVlLkltYWdlTGluaywgdGhpcy52YWx1ZS5UZXh0KTtcbiAgICAgICAgICAgICAgICAgICAgICAgIHRoaXMudmFsdWU9bmV3RmlsZTtcbiAgICAgICAgICAgICAgICAgICAgICAgIHRoaXMubmV3SW1hZ2VMb2FkaW5nID0gZmFsc2U7XG4gICAgICAgICAgICAgICAgICAgICAgICB0aGlzLmNkLm1hcmtGb3JDaGVjaygpO1xuICAgICAgICAgICAgICAgICAgICB9O1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBcbiAgICAgICAgICAgIH1cbiAgICAgICAgfWVsc2V7XG4gICAgICAgICAgICBjb25zb2xlLndhcm4oXCJObyBmaWxlIHNlbGVjdGVkXCIpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogUmVzaXplIGFuIGltYWdlXG4gICAgICogQHBhcmFtIGltZ0VsXG4gICAgICogQHBhcmFtIHdhbnRlZFdpZHRoIGFzIG51bWJlclxuICAgICAqIEByZXR1cm5zIHN0cmluZyBcbiAgICAgKi9cbiAgICAgcHJpdmF0ZSByZXNpemVJbWFnZShpbWdFbDogYW55LCB3YW50ZWRXaWR0aDogbnVtYmVyKSB7XG4gICAgICAgIGNvbnN0IGNhbnZhcyA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2NhbnZhcycpO1xuICAgICAgICBjb25zdCBjdHggPSBjYW52YXMuZ2V0Q29udGV4dCgnMmQnKTtcbiAgICAgICAgY29uc3QgYXNwZWN0ID0gaW1nRWwud2lkdGggLyBpbWdFbC5oZWlnaHQ7XG4gICAgICAgIGNhbnZhcy53aWR0aCA9IHdhbnRlZFdpZHRoO1xuICAgICAgICBjYW52YXMuaGVpZ2h0ID0gd2FudGVkV2lkdGggLyBhc3BlY3Q7XG4gICAgICAgIGlmIChpc1ZhbHVlKGN0eCkpIGN0eC5kcmF3SW1hZ2UoaW1nRWwsIDAsIDAsIGNhbnZhcy53aWR0aCwgY2FudmFzLmhlaWdodCk7XG4gICAgICAgIHJldHVybiBjYW52YXMudG9EYXRhVVJMKCk7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogR2VuZXJhdGUgZGVmYXVsdCBvYmplY3RcbiAgICAgKiBAcGFyYW0gbmFtZSBhcyBzdHJpbmdcbiAgICAgKiBAcGFyYW0gY29udGVudCBhcyBzdHJpbmdcbiAgICAgKiBAcmV0dXJucyBBdHRhY2hlZEZpbGVEVE9cbiAgICAgKi9cbiAgICBnZW5lcmF0ZU1vZGVsKG5hbWU/OiBzdHJpbmcsIGNvbnRlbnQ/OiBzdHJpbmcsIGlkZW50Pzogc3RyaW5nLCBpbWFnZUxpbms/OiBzdHJpbmcsIHRleHQ/OiBzdHJpbmcpe1xuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgSW1hZ2VJZGVudDogaWRlbnQgPyBpZGVudCA6ICcnLFxuICAgICAgICAgICAgRmlsZW5hbWU6IG5hbWUgPyBuYW1lIDogJycsXG4gICAgICAgICAgICBJbWFnZUFzRGF0YVVSTDogY29udGVudCA/IGNvbnRlbnQgOiAnJyxcbiAgICAgICAgICAgIEltYWdlTGluazogaW1hZ2VMaW5rID8gaW1hZ2VMaW5rIDogJycsXG4gICAgICAgICAgICBUZXh0OiB0ZXh0ID8gdGV4dCA6ICcnXG4gICAgICAgIH0gYXMgQXR0YWNoZWRGaWxlRFRPO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIFJlbW92ZSBpbWFnZSBcbiAgICAgKi9cbiAgICAgcmVtb3ZlRnJvbUxpc3QoKXtcbiAgICAgICAgdGhpcy52YWx1ZT0gdGhpcy5nZW5lcmF0ZU1vZGVsKCcnLCcnLCAnJywgJycpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIGdldCB2YWx1ZVxuICAgICAqL1xuICAgICAgICBnZXQgdmFsdWUoKTogQXR0YWNoZWRGaWxlRFRPIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZm9ybS52YWx1ZTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBzZXQgdmFsdWVcbiAgICAgKi9cbiAgICBzZXQgdmFsdWUodmFsdWU6IEF0dGFjaGVkRmlsZURUTykge1xuICAgICAgICB0aGlzLmZvcm0uc2V0VmFsdWUodmFsdWUpO1xuICAgICAgICB0aGlzLm9uQ2hhbmdlKHZhbHVlKTtcbiAgICAgICAgdGhpcy5mb3JtRGF0YUNoYW5nZWQuZW1pdCh0aGlzLmZvcm0pO1xuICAgIH1cblxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tZW1wdHktZnVuY3Rpb25cbiAgICBvbkNoYW5nZTogYW55ID0gKCkgPT4ge307XG5cbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWVtcHR5LWZ1bmN0aW9uXG4gICAgb25Ub3VjaDogYW55ID0gKCkgPT4ge307XG5cbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWVtcHR5LWZ1bmN0aW9uXG4gICAgbmdPbkluaXQoKSB7fVxuXG5cbiAgICBuZ09uRGVzdHJveSgpIHtcbiAgICAgICAgdGhpcy5zdWJzY3JpcHRpb25zLmZvckVhY2gocyA9PiBzLnVuc3Vic2NyaWJlKCkpO1xuICAgIH0gICBcblxuICAgIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSkge1xuICAgICAgICB0aGlzLm9uQ2hhbmdlID0gZm47XG4gICAgfVxuXG4gICAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSkge1xuICAgICAgICB0aGlzLm9uVG91Y2ggPSBmbjtcbiAgICB9XG5cbiAgICB3cml0ZVZhbHVlKHZhbHVlOiBBdHRhY2hlZEZpbGVEVE8gfCBudWxsKSB7XG4gICAgICAgIGlmICh2YWx1ZSkge1xuICAgICAgICAgICAgdGhpcy52YWx1ZSA9IHZhbHVlO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKHZhbHVlID09PSBudWxsKSB7XG4gICAgICAgICAgICB0aGlzLmZvcm0ucmVzZXQoKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvYWRqYWNlbnQtb3ZlcmxvYWQtc2lnbmF0dXJlc1xuICAgIHZhbGlkYXRlKF86IEZvcm1Db250cm9sKSB7XG4gICAgICAgIHJldHVybiB0aGlzLmZvcm0udmFsaWQgPyBudWxsIDogeyBzdHlsZXM6IHsgdmFsaWQ6IGZhbHNlIH0gfTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBPbkNsaWNrIGV2ZW50IGxpc3RlbmVyIG9mIGlucHV0I2ZpbGVJbnB1dCB0byBjbGVhciBoaXMgaW5wdXQgdmFsdWVcbiAgICAgKi9cbiAgICBjbGVhcklucHV0VmFsdWUoZXY6IGFueSkge1xuICAgICAgICBjb25zdCBlbGVtZW50ID0gZXYudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQ7XG4gICAgICAgIGVsZW1lbnQudmFsdWUgPSAnJztcbiAgICB9XG59XG4iLCI8Zm9ybSBbZm9ybUdyb3VwXT1cImZvcm1cIiAoY2hhbmdlKT1cIm5ld0ltYWdlTG9hZGluZz10cnVlXCIgY2xhc3M9XCJmaWxlSW5wdXRcIj4gXG5cbiAgICA8ZGl2ICpuZ0lmPVwiZm9ybS52YWx1ZS5GaWxlbmFtZSAmJiBwcmV2aWV3SW1hZ2VcIj5cbiAgICAgICAgPGRpdiAqbmdJZj1cIm5ld0ltYWdlTG9hZGluZ1wiPlxuICAgICAgICAgICAge3sgJ2ZpbGUtaW5wdXQubG9hZGluZycgfCB0cmFuc2xhdGUgfX1cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgKm5nSWY9XCIhbmV3SW1hZ2VMb2FkaW5nXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIlwiPlxuICAgICAgICAgICAgICAgICAgICA8aW1nICpuZ0lmPVwiZm9ybS52YWx1ZS5JbWFnZUxpbmsgJiYgZm9ybS52YWx1ZS5JbWFnZUxpbmsgIT09ICcnICYmICEoZm9ybS52YWx1ZS5JbWFnZUFzRGF0YVVSTCAmJiBmb3JtLnZhbHVlLkltYWdlQXNEYXRhVVJMICE9PSAnJylcIiBbc3JjXT1cImZvcm0udmFsdWUuSW1hZ2VBc0RhdGFVUkxcIiBbc3JjXT1cImZvcm0udmFsdWUuSW1hZ2VMaW5rXCIgc3R5bGU9XCJoZWlnaHQ6IDQwcHg7IHdpZHRoOiBmaXQtY29udGVudDtcIiAvPlxuICAgICAgICAgICAgICAgICAgICA8aW1nICpuZ0lmPVwiZm9ybS52YWx1ZS5JbWFnZUFzRGF0YVVSTCAmJiBmb3JtLnZhbHVlLkltYWdlQXNEYXRhVVJMICE9PSAnJ1wiIFtzcmNdPVwiZm9ybS52YWx1ZS5JbWFnZUFzRGF0YVVSTFwiIHN0eWxlPVwiaGVpZ2h0OiA0MHB4OyB3aWR0aDogZml0LWNvbnRlbnQ7XCIgLz5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiXCI+e3tmb3JtLnZhbHVlLkZpbGVuYW1lfX08L2Rpdj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiXCI+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgKGNsaWNrKT1cInJlbW92ZUZyb21MaXN0KClcIiAqbmdJZj1cImFsbG93UmVtb3ZlXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8a21zLWljb24gaWNvbj1cInRyYXNoXCIgW2ljb25TaXplXT1cIkljb25TaXplLlRJTllcIiBpY29uQ2xhc3M9XCJjb2xvci1ibGFja1wiPjwva21zLWljb24+IFxuICAgICAgICAgICAgICAgICAgICAgICAge3sgJ2ZpbGUtaW5wdXQucmVtb3ZlJyB9fVxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2ICpuZ0lmPVwiIXByZXZpZXdJbWFnZVwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiXCI+e3tmb3JtLnZhbHVlLkZpbGVuYW1lfX08L2Rpdj5cbiAgICA8L2Rpdj5cblxuICAgIDxidXR0b24gKGNsaWNrKT1cInNlbGVjdEltYWdlT3ZlcmxheSgpXCIgY2xhc3M9XCJidXR0b24tcHJpbWFyeS1mb250LWNvbG9yXCIgbWF0LXN0cm9rZWQtYnV0dG9uPlxuICAgICAgICA8c3Bhbj57eyBsYWJlbCB9fTwvc3Bhbj5cbiAgICA8L2J1dHRvbj5cbiAgICA8aW5wdXRcbiAgICAgICAgdHlwZT1cImZpbGVcIlxuICAgICAgICBbYWNjZXB0XT1cImFjY2VwdGVkRmlsZU1pbWV0eXBlc1wiXG4gICAgICAgIHN0eWxlPVwiZGlzcGxheTogbm9uZVwiXG4gICAgICAgICNmaWxlSW5wdXRcbiAgICAgICAgKGNsaWNrKT1cImNsZWFySW5wdXRWYWx1ZSgkZXZlbnQpXCJcbiAgICAgICAgKGNoYW5nZSk9XCJzZWxlY3RJbWFnZSgkZXZlbnQpXCJcbiAgICAvPlxuXG4gICAgPGlucHV0IHR5cGU9XCJoaWRkZW5cIiBbZm9ybUNvbnRyb2xdPVwiZm9ybS5jb250cm9sc1snSW1hZ2VJZGVudCddXCIgLz5cbiAgICA8aW5wdXQgdHlwZT1cImhpZGRlblwiIFtmb3JtQ29udHJvbF09XCJmb3JtLmNvbnRyb2xzWydJbWFnZUxpbmsnXVwiIC8+XG4gICAgPGlucHV0IHR5cGU9XCJoaWRkZW5cIiBbZm9ybUNvbnRyb2xdPVwiZm9ybS5jb250cm9sc1snRmlsZW5hbWUnXVwiIC8+XG4gICAgPGlucHV0IHR5cGU9XCJoaWRkZW5cIiBbZm9ybUNvbnRyb2xdPVwiZm9ybS5jb250cm9sc1snSW1hZ2VBc0RhdGFVUkwnXVwiIC8+XG4gICAgPGlucHV0IHR5cGU9XCJoaWRkZW5cIiBbZm9ybUNvbnRyb2xdPVwiZm9ybS5jb250cm9sc1snVGV4dCddXCIgLz5cblxuPC9mb3JtPiJdfQ==
|
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* @copyright FLYACTS GmbH 2019
|
|
3
|
+
*/
|
|
4
|
+
import { state, style, trigger } from '@angular/animations';
|
|
5
|
+
import { Component, Input, ViewChild, } from '@angular/core';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
import * as i1 from "../icon/icon.component";
|
|
8
|
+
import * as i2 from "@angular/common";
|
|
9
|
+
import * as i3 from "../../directives/sum-of-height.directive";
|
|
10
|
+
import * as i4 from "../../pipes/safe-html.pipe";
|
|
11
|
+
export class FlyoutComponent {
|
|
12
|
+
constructor() {
|
|
13
|
+
this.icon = 'filter';
|
|
14
|
+
this.isDropdownOpened = false;
|
|
15
|
+
this.targetHeight = '0';
|
|
16
|
+
this.animationTime = 5000;
|
|
17
|
+
this.headerCssClass = '';
|
|
18
|
+
this.bodyCssClass = '';
|
|
19
|
+
this.headerTitle = '';
|
|
20
|
+
this.headerText = '';
|
|
21
|
+
this.hasButtonForMore = false;
|
|
22
|
+
this.moreText = '';
|
|
23
|
+
this.lessText = '';
|
|
24
|
+
}
|
|
25
|
+
/**
|
|
26
|
+
* Open/close dropdown if click on header.
|
|
27
|
+
* Except, if mode is set to hasButtonForMore. When there is a extra button to open/close
|
|
28
|
+
*/
|
|
29
|
+
toggleDropdownHeader() {
|
|
30
|
+
if (!this.hasButtonForMore) {
|
|
31
|
+
this.toggleDropdown();
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
/**
|
|
35
|
+
* Open or close the dropdown
|
|
36
|
+
*/
|
|
37
|
+
toggleDropdown() {
|
|
38
|
+
this.isDropdownOpened = !this.isDropdownOpened;
|
|
39
|
+
}
|
|
40
|
+
/**
|
|
41
|
+
* Set the height of the dropdown list items dynamic - needed for the animation
|
|
42
|
+
*/
|
|
43
|
+
setDropdownListHeight(contentHeight) {
|
|
44
|
+
this.targetHeight = `${contentHeight}px`;
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
FlyoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FlyoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
48
|
+
FlyoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: FlyoutComponent, selector: "kms-flyout", inputs: { icon: "icon", headerCssClass: "headerCssClass", bodyCssClass: "bodyCssClass", headerTitle: "headerTitle", headerText: "headerText", hasButtonForMore: "hasButtonForMore", moreText: "moreText", lessText: "lessText" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true }, { propertyName: "flyoutHeader", first: true, predicate: ["flyoutHeader"], descendants: true }], ngImport: i0, template: "<div class=\"flyout\"\n [ngClass]=\"{'is-active': isDropdownOpened}\"\n>\n <div class=\"flyout-header\" (click)=\"toggleDropdownHeader()\" [ngClass]=\"headerCssClass\">\n <span [innerHtml]=\"headerTitle | kmsSafeHtml\"></span>\n <span [innerHtml]=\"headerText | kmsSafeHtml\"></span>\n\n <ng-content select=\"[header]\"></ng-content>\n\n <div *ngIf=\"hasButtonForMore\" (click)=\"toggleDropdown()\" class=\"flyout-header-more\">\n <span *ngIf=\"!isDropdownOpened\">\n {{ moreText }}\n </span>\n <span *ngIf=\"isDropdownOpened\">\n {{ lessText }}\n </span>\n <kms-icon [icon]=\"'chevron-down'\"\n [iconClass]=\"{'size-16': true, 'is-rotating180': isDropdownOpened}\" >\n </kms-icon>\n </div>\n </div>\n <div \n class=\"flyout-body\"\n [ngClass]=\"bodyCssClass\"\n tabindex=\"0\"\n [@dropdownAnimation]=\"{value: isDropdownOpened, params: {targetHeight: targetHeight, animationTime: '500'}}\"\n getMaxHeight=\"inner\"\n (sumOfHeight)=\"setDropdownListHeight($event)\"\n #flyoutHeader>\n <div class=\"inner\" #content>\n <ng-content ></ng-content>\n </div>\n </div>\n\n</div>\n", styles: [""], components: [{ type: i1.IconComponent, selector: "kms-icon", inputs: ["icon", "iconClass", "iconStyle", "iconSize", "dontUseSprite"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.GetMaxHeightDirective, selector: "[getMaxHeight]", inputs: ["getMaxHeight"], outputs: ["maxHeightChanged", "sumOfHeight"] }], pipes: { "kmsSafeHtml": i4.SafeHtmlPipe }, animations: [
|
|
49
|
+
trigger('dropdownAnimation', [
|
|
50
|
+
state('true', style({
|
|
51
|
+
height: '{{targetHeight}}',
|
|
52
|
+
transition: 'height {{animationTime}}ms ease-in-out',
|
|
53
|
+
}), {
|
|
54
|
+
params: {
|
|
55
|
+
targetHeight: '300px',
|
|
56
|
+
animationTime: 3000,
|
|
57
|
+
},
|
|
58
|
+
}),
|
|
59
|
+
state('false', style({
|
|
60
|
+
height: 0,
|
|
61
|
+
transition: 'height {{animationTime}}ms ease-in-out',
|
|
62
|
+
}), {
|
|
63
|
+
params: {
|
|
64
|
+
targetHeight: '300px',
|
|
65
|
+
opacity: 0,
|
|
66
|
+
animationTime: 3000,
|
|
67
|
+
},
|
|
68
|
+
}),
|
|
69
|
+
]),
|
|
70
|
+
] });
|
|
71
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FlyoutComponent, decorators: [{
|
|
72
|
+
type: Component,
|
|
73
|
+
args: [{ selector: 'kms-flyout', animations: [
|
|
74
|
+
trigger('dropdownAnimation', [
|
|
75
|
+
state('true', style({
|
|
76
|
+
height: '{{targetHeight}}',
|
|
77
|
+
transition: 'height {{animationTime}}ms ease-in-out',
|
|
78
|
+
}), {
|
|
79
|
+
params: {
|
|
80
|
+
targetHeight: '300px',
|
|
81
|
+
animationTime: 3000,
|
|
82
|
+
},
|
|
83
|
+
}),
|
|
84
|
+
state('false', style({
|
|
85
|
+
height: 0,
|
|
86
|
+
transition: 'height {{animationTime}}ms ease-in-out',
|
|
87
|
+
}), {
|
|
88
|
+
params: {
|
|
89
|
+
targetHeight: '300px',
|
|
90
|
+
opacity: 0,
|
|
91
|
+
animationTime: 3000,
|
|
92
|
+
},
|
|
93
|
+
}),
|
|
94
|
+
]),
|
|
95
|
+
], template: "<div class=\"flyout\"\n [ngClass]=\"{'is-active': isDropdownOpened}\"\n>\n <div class=\"flyout-header\" (click)=\"toggleDropdownHeader()\" [ngClass]=\"headerCssClass\">\n <span [innerHtml]=\"headerTitle | kmsSafeHtml\"></span>\n <span [innerHtml]=\"headerText | kmsSafeHtml\"></span>\n\n <ng-content select=\"[header]\"></ng-content>\n\n <div *ngIf=\"hasButtonForMore\" (click)=\"toggleDropdown()\" class=\"flyout-header-more\">\n <span *ngIf=\"!isDropdownOpened\">\n {{ moreText }}\n </span>\n <span *ngIf=\"isDropdownOpened\">\n {{ lessText }}\n </span>\n <kms-icon [icon]=\"'chevron-down'\"\n [iconClass]=\"{'size-16': true, 'is-rotating180': isDropdownOpened}\" >\n </kms-icon>\n </div>\n </div>\n <div \n class=\"flyout-body\"\n [ngClass]=\"bodyCssClass\"\n tabindex=\"0\"\n [@dropdownAnimation]=\"{value: isDropdownOpened, params: {targetHeight: targetHeight, animationTime: '500'}}\"\n getMaxHeight=\"inner\"\n (sumOfHeight)=\"setDropdownListHeight($event)\"\n #flyoutHeader>\n <div class=\"inner\" #content>\n <ng-content ></ng-content>\n </div>\n </div>\n\n</div>\n", styles: [""] }]
|
|
96
|
+
}], propDecorators: { icon: [{
|
|
97
|
+
type: Input
|
|
98
|
+
}], headerCssClass: [{
|
|
99
|
+
type: Input
|
|
100
|
+
}], bodyCssClass: [{
|
|
101
|
+
type: Input
|
|
102
|
+
}], headerTitle: [{
|
|
103
|
+
type: Input
|
|
104
|
+
}], headerText: [{
|
|
105
|
+
type: Input
|
|
106
|
+
}], hasButtonForMore: [{
|
|
107
|
+
type: Input
|
|
108
|
+
}], moreText: [{
|
|
109
|
+
type: Input
|
|
110
|
+
}], lessText: [{
|
|
111
|
+
type: Input
|
|
112
|
+
}], content: [{
|
|
113
|
+
type: ViewChild,
|
|
114
|
+
args: ['content']
|
|
115
|
+
}], flyoutHeader: [{
|
|
116
|
+
type: ViewChild,
|
|
117
|
+
args: ['flyoutHeader']
|
|
118
|
+
}] } });
|
|
119
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmx5b3V0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS9mbHlvdXQvZmx5b3V0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS9mbHlvdXQvZmx5b3V0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsT0FBTyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDNUQsT0FBTyxFQUNILFNBQVMsRUFFVCxLQUFLLEVBQ0wsU0FBUyxHQUNaLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUF1Q3ZCLE1BQU0sT0FBTyxlQUFlO0lBckM1QjtRQXVDYSxTQUFJLEdBQUcsUUFBUSxDQUFDO1FBRXpCLHFCQUFnQixHQUFHLEtBQUssQ0FBQztRQUN6QixpQkFBWSxHQUFHLEdBQUcsQ0FBQztRQUNuQixrQkFBYSxHQUFHLElBQUksQ0FBQztRQUVaLG1CQUFjLEdBQUcsRUFBRSxDQUFDO1FBQ3BCLGlCQUFZLEdBQUcsRUFBRSxDQUFDO1FBRWxCLGdCQUFXLEdBQUcsRUFBRSxDQUFDO1FBQ2pCLGVBQVUsR0FBSSxFQUFFLENBQUM7UUFDakIscUJBQWdCLEdBQUcsS0FBSyxDQUFDO1FBQ3pCLGFBQVEsR0FBRyxFQUFFLENBQUM7UUFDZCxhQUFRLEdBQUcsRUFBRSxDQUFDO0tBOEIxQjtJQXZCRzs7O09BR0c7SUFDSCxvQkFBb0I7UUFDaEIsSUFBSSxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsRUFBRTtZQUN4QixJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7U0FDekI7SUFDTCxDQUFDO0lBRUQ7O09BRUc7SUFDSCxjQUFjO1FBQ1YsSUFBSSxDQUFDLGdCQUFnQixHQUFHLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDO0lBQ25ELENBQUM7SUFFRDs7T0FFRztJQUNILHFCQUFxQixDQUFDLGFBQXFCO1FBQ3ZDLElBQUksQ0FBQyxZQUFZLEdBQUcsR0FBRyxhQUFhLElBQUksQ0FBQztJQUM3QyxDQUFDOzs0R0E1Q1EsZUFBZTtnR0FBZixlQUFlLHVkQ2pENUIsaXlDQW1DQSxrZ0JEbEJnQjtRQUNSLE9BQU8sQ0FBQyxtQkFBbUIsRUFBRTtZQUN6QixLQUFLLENBQ0QsTUFBTSxFQUNOLEtBQUssQ0FBQztnQkFDRixNQUFNLEVBQUUsa0JBQWtCO2dCQUMxQixVQUFVLEVBQUUsd0NBQXdDO2FBQ3ZELENBQUMsRUFDRjtnQkFDSSxNQUFNLEVBQUU7b0JBQ0osWUFBWSxFQUFFLE9BQU87b0JBQ3JCLGFBQWEsRUFBRSxJQUFJO2lCQUN0QjthQUNKLENBQ0o7WUFDRCxLQUFLLENBQ0QsT0FBTyxFQUNQLEtBQUssQ0FBQztnQkFDRixNQUFNLEVBQUUsQ0FBQztnQkFDVCxVQUFVLEVBQUUsd0NBQXdDO2FBQ3ZELENBQUMsRUFDRjtnQkFDSSxNQUFNLEVBQUU7b0JBQ0osWUFBWSxFQUFFLE9BQU87b0JBQ3JCLE9BQU8sRUFBRSxDQUFDO29CQUNWLGFBQWEsRUFBRSxJQUFJO2lCQUN0QjthQUNKLENBQ0o7U0FDSixDQUFDO0tBQ0w7MkZBRVEsZUFBZTtrQkFyQzNCLFNBQVM7K0JBRUksWUFBWSxjQUdWO3dCQUNSLE9BQU8sQ0FBQyxtQkFBbUIsRUFBRTs0QkFDekIsS0FBSyxDQUNELE1BQU0sRUFDTixLQUFLLENBQUM7Z0NBQ0YsTUFBTSxFQUFFLGtCQUFrQjtnQ0FDMUIsVUFBVSxFQUFFLHdDQUF3Qzs2QkFDdkQsQ0FBQyxFQUNGO2dDQUNJLE1BQU0sRUFBRTtvQ0FDSixZQUFZLEVBQUUsT0FBTztvQ0FDckIsYUFBYSxFQUFFLElBQUk7aUNBQ3RCOzZCQUNKLENBQ0o7NEJBQ0QsS0FBSyxDQUNELE9BQU8sRUFDUCxLQUFLLENBQUM7Z0NBQ0YsTUFBTSxFQUFFLENBQUM7Z0NBQ1QsVUFBVSxFQUFFLHdDQUF3Qzs2QkFDdkQsQ0FBQyxFQUNGO2dDQUNJLE1BQU0sRUFBRTtvQ0FDSixZQUFZLEVBQUUsT0FBTztvQ0FDckIsT0FBTyxFQUFFLENBQUM7b0NBQ1YsYUFBYSxFQUFFLElBQUk7aUNBQ3RCOzZCQUNKLENBQ0o7eUJBQ0osQ0FBQztxQkFDTDs4QkFJUSxJQUFJO3NCQUFaLEtBQUs7Z0JBTUcsY0FBYztzQkFBdEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUVHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUdnQixPQUFPO3NCQUE1QixTQUFTO3VCQUFDLFNBQVM7Z0JBRU8sWUFBWTtzQkFBdEMsU0FBUzt1QkFBQyxjQUFjIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBAY29weXJpZ2h0IEZMWUFDVFMgR21iSCAyMDE5XG4gKi9cblxuaW1wb3J0IHsgc3RhdGUsIHN0eWxlLCB0cmlnZ2VyIH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XG5pbXBvcnQge1xuICAgIENvbXBvbmVudCxcbiAgICBFbGVtZW50UmVmLFxuICAgIElucHV0LFxuICAgIFZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIFxuICAgIHNlbGVjdG9yOiAna21zLWZseW91dCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2ZseW91dC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZmx5b3V0LmNvbXBvbmVudC5zY3NzJ10sXG4gICAgYW5pbWF0aW9uczogW1xuICAgICAgICB0cmlnZ2VyKCdkcm9wZG93bkFuaW1hdGlvbicsIFtcbiAgICAgICAgICAgIHN0YXRlKFxuICAgICAgICAgICAgICAgICd0cnVlJyxcbiAgICAgICAgICAgICAgICBzdHlsZSh7XG4gICAgICAgICAgICAgICAgICAgIGhlaWdodDogJ3t7dGFyZ2V0SGVpZ2h0fX0nLFxuICAgICAgICAgICAgICAgICAgICB0cmFuc2l0aW9uOiAnaGVpZ2h0IHt7YW5pbWF0aW9uVGltZX19bXMgZWFzZS1pbi1vdXQnLFxuICAgICAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgcGFyYW1zOiB7XG4gICAgICAgICAgICAgICAgICAgICAgICB0YXJnZXRIZWlnaHQ6ICczMDBweCcsXG4gICAgICAgICAgICAgICAgICAgICAgICBhbmltYXRpb25UaW1lOiAzMDAwLFxuICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICApLFxuICAgICAgICAgICAgc3RhdGUoXG4gICAgICAgICAgICAgICAgJ2ZhbHNlJyxcbiAgICAgICAgICAgICAgICBzdHlsZSh7XG4gICAgICAgICAgICAgICAgICAgIGhlaWdodDogMCxcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNpdGlvbjogJ2hlaWdodCB7e2FuaW1hdGlvblRpbWV9fW1zIGVhc2UtaW4tb3V0JyxcbiAgICAgICAgICAgICAgICB9KSxcbiAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgIHBhcmFtczoge1xuICAgICAgICAgICAgICAgICAgICAgICAgdGFyZ2V0SGVpZ2h0OiAnMzAwcHgnLFxuICAgICAgICAgICAgICAgICAgICAgICAgb3BhY2l0eTogMCxcbiAgICAgICAgICAgICAgICAgICAgICAgIGFuaW1hdGlvblRpbWU6IDMwMDAsXG4gICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICksXG4gICAgICAgIF0pLFxuICAgIF0sXG59KVxuZXhwb3J0IGNsYXNzIEZseW91dENvbXBvbmVudCB7XG5cbiAgICBASW5wdXQoKSBpY29uID0gJ2ZpbHRlcic7XG5cbiAgICBpc0Ryb3Bkb3duT3BlbmVkID0gZmFsc2U7XG4gICAgdGFyZ2V0SGVpZ2h0ID0gJzAnO1xuICAgIGFuaW1hdGlvblRpbWUgPSA1MDAwO1xuXG4gICAgQElucHV0KCkgaGVhZGVyQ3NzQ2xhc3MgPSAnJztcbiAgICBASW5wdXQoKSBib2R5Q3NzQ2xhc3MgPSAnJztcblxuICAgIEBJbnB1dCgpIGhlYWRlclRpdGxlID0gJyc7XG4gICAgQElucHV0KCkgaGVhZGVyVGV4dCAgPSAnJztcbiAgICBASW5wdXQoKSBoYXNCdXR0b25Gb3JNb3JlID0gZmFsc2U7XG4gICAgQElucHV0KCkgbW9yZVRleHQgPSAnJztcbiAgICBASW5wdXQoKSBsZXNzVGV4dCA9ICcnO1xuXG4gICAgXG4gICAgQFZpZXdDaGlsZCgnY29udGVudCcpIGNvbnRlbnQ6IEVsZW1lbnRSZWYgfCB1bmRlZmluZWQ7XG4gICAgXG4gICAgQFZpZXdDaGlsZCgnZmx5b3V0SGVhZGVyJykgZmx5b3V0SGVhZGVyOiBFbGVtZW50UmVmIHwgdW5kZWZpbmVkO1xuXG4gICAgLyoqXG4gICAgICogT3Blbi9jbG9zZSBkcm9wZG93biBpZiBjbGljayBvbiBoZWFkZXIuXG4gICAgICogRXhjZXB0LCBpZiBtb2RlIGlzIHNldCB0byBoYXNCdXR0b25Gb3JNb3JlLiBXaGVuIHRoZXJlIGlzIGEgZXh0cmEgYnV0dG9uIHRvIG9wZW4vY2xvc2VcbiAgICAgKi9cbiAgICB0b2dnbGVEcm9wZG93bkhlYWRlcigpIHtcbiAgICAgICAgaWYgKCF0aGlzLmhhc0J1dHRvbkZvck1vcmUpIHtcbiAgICAgICAgICAgIHRoaXMudG9nZ2xlRHJvcGRvd24oKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIC8qKlxuICAgICAqIE9wZW4gb3IgY2xvc2UgdGhlIGRyb3Bkb3duXG4gICAgICovXG4gICAgdG9nZ2xlRHJvcGRvd24oKSB7XG4gICAgICAgIHRoaXMuaXNEcm9wZG93bk9wZW5lZCA9ICF0aGlzLmlzRHJvcGRvd25PcGVuZWQ7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogU2V0IHRoZSBoZWlnaHQgb2YgdGhlIGRyb3Bkb3duIGxpc3QgaXRlbXMgZHluYW1pYyAtIG5lZWRlZCBmb3IgdGhlIGFuaW1hdGlvblxuICAgICAqL1xuICAgIHNldERyb3Bkb3duTGlzdEhlaWdodChjb250ZW50SGVpZ2h0OiBudW1iZXIpIHtcbiAgICAgICAgdGhpcy50YXJnZXRIZWlnaHQgPSBgJHtjb250ZW50SGVpZ2h0fXB4YDtcbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZmx5b3V0XCJcbiAgICBbbmdDbGFzc109XCJ7J2lzLWFjdGl2ZSc6IGlzRHJvcGRvd25PcGVuZWR9XCJcbj5cbiAgICA8ZGl2IGNsYXNzPVwiZmx5b3V0LWhlYWRlclwiIChjbGljayk9XCJ0b2dnbGVEcm9wZG93bkhlYWRlcigpXCIgW25nQ2xhc3NdPVwiaGVhZGVyQ3NzQ2xhc3NcIj5cbiAgICAgICAgPHNwYW4gW2lubmVySHRtbF09XCJoZWFkZXJUaXRsZSB8IGttc1NhZmVIdG1sXCI+PC9zcGFuPlxuICAgICAgICA8c3BhbiBbaW5uZXJIdG1sXT1cImhlYWRlclRleHQgfCBrbXNTYWZlSHRtbFwiPjwvc3Bhbj5cblxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbaGVhZGVyXVwiPjwvbmctY29udGVudD5cblxuICAgICAgICA8ZGl2ICpuZ0lmPVwiaGFzQnV0dG9uRm9yTW9yZVwiIChjbGljayk9XCJ0b2dnbGVEcm9wZG93bigpXCIgY2xhc3M9XCJmbHlvdXQtaGVhZGVyLW1vcmVcIj5cbiAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwiIWlzRHJvcGRvd25PcGVuZWRcIj5cbiAgICAgICAgICAgICAgICB7eyBtb3JlVGV4dCB9fVxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgPHNwYW4gKm5nSWY9XCJpc0Ryb3Bkb3duT3BlbmVkXCI+XG4gICAgICAgICAgICAgICAge3sgbGVzc1RleHQgfX1cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgIDxrbXMtaWNvbiBbaWNvbl09XCInY2hldnJvbi1kb3duJ1wiXG4gICAgICAgICAgICAgICAgICBbaWNvbkNsYXNzXT1cInsnc2l6ZS0xNic6IHRydWUsICdpcy1yb3RhdGluZzE4MCc6IGlzRHJvcGRvd25PcGVuZWR9XCIgPlxuICAgICAgICAgICAgPC9rbXMtaWNvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBcbiAgICAgICAgY2xhc3M9XCJmbHlvdXQtYm9keVwiXG4gICAgICAgIFtuZ0NsYXNzXT1cImJvZHlDc3NDbGFzc1wiXG4gICAgICAgIHRhYmluZGV4PVwiMFwiXG4gICAgICAgIFtAZHJvcGRvd25BbmltYXRpb25dPVwie3ZhbHVlOiBpc0Ryb3Bkb3duT3BlbmVkLCBwYXJhbXM6IHt0YXJnZXRIZWlnaHQ6IHRhcmdldEhlaWdodCwgYW5pbWF0aW9uVGltZTogJzUwMCd9fVwiXG4gICAgICAgIGdldE1heEhlaWdodD1cImlubmVyXCJcbiAgICAgICAgKHN1bU9mSGVpZ2h0KT1cInNldERyb3Bkb3duTGlzdEhlaWdodCgkZXZlbnQpXCJcbiAgICAgICAgI2ZseW91dEhlYWRlcj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImlubmVyXCIgI2NvbnRlbnQ+XG4gICAgICAgICAgICA8bmctY29udGVudCA+PC9uZy1jb250ZW50PlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cblxuPC9kaXY+XG4iXX0=
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @copyright KMS GmbH
|
|
3
|
+
*/
|
|
4
|
+
import { Component, Inject } from '@angular/core';
|
|
5
|
+
import { MAT_DIALOG_DATA } from '@angular/material/dialog';
|
|
6
|
+
import { isValue } from '../../models';
|
|
7
|
+
import { ButtonResponseType } from '../button-with-confirm-dialog/button-response-types.enum';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
import * as i1 from "@angular/material/dialog";
|
|
10
|
+
import * as i2 from "@angular/material/button";
|
|
11
|
+
/**
|
|
12
|
+
* A generic dialog component
|
|
13
|
+
*/
|
|
14
|
+
export class GenericDialogComponent {
|
|
15
|
+
constructor(dialogRef, zone, data) {
|
|
16
|
+
this.dialogRef = dialogRef;
|
|
17
|
+
this.zone = zone;
|
|
18
|
+
this.data = data;
|
|
19
|
+
this.ButtonResponseType = ButtonResponseType;
|
|
20
|
+
if (isValue(data.buttons)) {
|
|
21
|
+
this.buttons = data.buttons;
|
|
22
|
+
}
|
|
23
|
+
else {
|
|
24
|
+
this.buttons = { primary: 'Yes', secondary: 'No' };
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
/**
|
|
28
|
+
* Action called when clicked
|
|
29
|
+
* @param clickedButton Whether the primary or secondary button was clicked
|
|
30
|
+
*/
|
|
31
|
+
onClickAction(clickedButton) {
|
|
32
|
+
this.zone.run(() => {
|
|
33
|
+
this.dialogRef.close(clickedButton);
|
|
34
|
+
this.dialogRef.afterClosed().subscribe(() => {
|
|
35
|
+
const buttonList = document.querySelectorAll('.mat-flat-button, .mat-button');
|
|
36
|
+
let i = 0;
|
|
37
|
+
for (i; i < buttonList.length; i++) {
|
|
38
|
+
buttonList[i].classList.remove('cdk-focused');
|
|
39
|
+
buttonList[i].classList.remove('cdk-program-focused');
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
});
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
GenericDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: GenericDialogComponent, deps: [{ token: i1.MatDialogRef }, { token: i0.NgZone }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
|
|
46
|
+
GenericDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: GenericDialogComponent, selector: "kms-generic-dialog", ngImport: i0, template: "<div mat-dialog-title class=\"mat-dialog-title\">\n <h3>{{ data.title }}</h3>\n</div>\n<div mat-dialog-content class=\"mat-dialog-content\">\n {{ data.message }}\n</div>\n<div mat-dialog-actions class=\"custom-dialog-actions\">\n <button\n mat-flat-button\n class=\"test_secondary_button\"\n color=\"accent\"\n (click)=\"onClickAction(ButtonResponseType.secondary)\"\n >\n {{ buttons.secondary }}\n </button>\n <button\n mat-flat-button\n class=\"test_primary_button\"\n color=\"primary\"\n (click)=\"onClickAction(ButtonResponseType.primary)\"\n >\n {{ buttons.primary }}\n </button>\n</div>\n", styles: [""], components: [{ type: i2.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"] }], directives: [{ type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }] });
|
|
47
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: GenericDialogComponent, decorators: [{
|
|
48
|
+
type: Component,
|
|
49
|
+
args: [{ selector: 'kms-generic-dialog', template: "<div mat-dialog-title class=\"mat-dialog-title\">\n <h3>{{ data.title }}</h3>\n</div>\n<div mat-dialog-content class=\"mat-dialog-content\">\n {{ data.message }}\n</div>\n<div mat-dialog-actions class=\"custom-dialog-actions\">\n <button\n mat-flat-button\n class=\"test_secondary_button\"\n color=\"accent\"\n (click)=\"onClickAction(ButtonResponseType.secondary)\"\n >\n {{ buttons.secondary }}\n </button>\n <button\n mat-flat-button\n class=\"test_primary_button\"\n color=\"primary\"\n (click)=\"onClickAction(ButtonResponseType.primary)\"\n >\n {{ buttons.primary }}\n </button>\n</div>\n", styles: [""] }]
|
|
50
|
+
}], ctorParameters: function () { return [{ type: i1.MatDialogRef }, { type: i0.NgZone }, { type: undefined, decorators: [{
|
|
51
|
+
type: Inject,
|
|
52
|
+
args: [MAT_DIALOG_DATA]
|
|
53
|
+
}] }]; } });
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2VuZXJpYy1kaWFsb2cuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva21zLW5neC11aS1wcmVzZW50YXRpb25hbC9zcmMvbGliL3VpL2dlbmVyaWMtZGlhbG9nL2dlbmVyaWMtZGlhbG9nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS9nZW5lcmljLWRpYWxvZy9nZW5lcmljLWRpYWxvZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQzFELE9BQU8sRUFBRSxlQUFlLEVBQWdCLE1BQU0sMEJBQTBCLENBQUM7QUFDekUsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUN2QyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSwwREFBMEQsQ0FBQzs7OztBQUc5Rjs7R0FFRztBQU1ILE1BQU0sT0FBTyxzQkFBc0I7SUFNL0IsWUFDVyxTQUErQyxFQUMvQyxJQUFZLEVBQ2EsSUFBZ0I7UUFGekMsY0FBUyxHQUFULFNBQVMsQ0FBc0M7UUFDL0MsU0FBSSxHQUFKLElBQUksQ0FBUTtRQUNhLFNBQUksR0FBSixJQUFJLENBQVk7UUFQcEQsdUJBQWtCLEdBQUcsa0JBQWtCLENBQUM7UUFTcEMsSUFBSSxPQUFPLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxFQUFFO1lBQ3ZCLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQztTQUMvQjthQUFNO1lBQ0gsSUFBSSxDQUFDLE9BQU8sR0FBRyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLElBQUksRUFBdUIsQ0FBQztTQUMzRTtJQUNMLENBQUM7SUFFRDs7O09BR0c7SUFDSSxhQUFhLENBQUMsYUFBaUM7UUFDbEQsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsR0FBRyxFQUFFO1lBQ2YsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLENBQUM7WUFDcEMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO2dCQUN4QyxNQUFNLFVBQVUsR0FBRyxRQUFRLENBQUMsZ0JBQWdCLENBQUMsK0JBQStCLENBQUMsQ0FBQztnQkFDOUUsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO2dCQUNWLEtBQUssQ0FBQyxFQUFFLENBQUMsR0FBRyxVQUFVLENBQUMsTUFBTSxFQUFFLENBQUMsRUFBRSxFQUFFO29CQUNoQyxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQUMsQ0FBQztvQkFDOUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMscUJBQXFCLENBQUMsQ0FBQztpQkFDekQ7WUFDTCxDQUFDLENBQUMsQ0FBQztRQUNQLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQzs7bUhBbENRLHNCQUFzQixvRUFTbkIsZUFBZTt1R0FUbEIsc0JBQXNCLDBEQ2xCbkMsbXJCQXdCQTsyRkROYSxzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0ksb0JBQW9COzswQkFhekIsTUFBTTsyQkFBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBAY29weXJpZ2h0IEtNUyBHbWJIXG4gKi9cblxuaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3QsIE5nWm9uZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTUFUX0RJQUxPR19EQVRBLCBNYXREaWFsb2dSZWYgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xuaW1wb3J0IHsgaXNWYWx1ZSB9IGZyb20gJy4uLy4uL21vZGVscyc7XG5pbXBvcnQgeyBCdXR0b25SZXNwb25zZVR5cGUgfSBmcm9tICcuLi9idXR0b24td2l0aC1jb25maXJtLWRpYWxvZy9idXR0b24tcmVzcG9uc2UtdHlwZXMuZW51bSc7XG5pbXBvcnQgeyBEaWFsb2dEYXRhLCBEaWFsb2dEYXRhQnV0dG9ucyB9IGZyb20gJy4uL2J1dHRvbi13aXRoLWNvbmZpcm0tZGlhbG9nL2RpYWxvZy1kYXRhLm1vZGVsJztcblxuLyoqXG4gKiBBIGdlbmVyaWMgZGlhbG9nIGNvbXBvbmVudFxuICovXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2ttcy1nZW5lcmljLWRpYWxvZycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2dlbmVyaWMtZGlhbG9nLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9nZW5lcmljLWRpYWxvZy5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBHZW5lcmljRGlhbG9nQ29tcG9uZW50IHtcblxuICAgIEJ1dHRvblJlc3BvbnNlVHlwZSA9IEJ1dHRvblJlc3BvbnNlVHlwZTtcblxuICAgIHB1YmxpYyBidXR0b25zOiBEaWFsb2dEYXRhQnV0dG9uc1xuXG4gICAgcHVibGljIGNvbnN0cnVjdG9yKFxuICAgICAgICBwdWJsaWMgZGlhbG9nUmVmOiBNYXREaWFsb2dSZWY8R2VuZXJpY0RpYWxvZ0NvbXBvbmVudD4sXG4gICAgICAgIHB1YmxpYyB6b25lOiBOZ1pvbmUsXG4gICAgICAgIEBJbmplY3QoTUFUX0RJQUxPR19EQVRBKSBwdWJsaWMgZGF0YTogRGlhbG9nRGF0YVxuICAgICkge1xuICAgICAgICBpZiAoaXNWYWx1ZShkYXRhLmJ1dHRvbnMpKSB7XG4gICAgICAgICAgICB0aGlzLmJ1dHRvbnMgPSBkYXRhLmJ1dHRvbnM7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLmJ1dHRvbnMgPSB7IHByaW1hcnk6ICdZZXMnLCBzZWNvbmRhcnk6ICdObycgfSBhcyBEaWFsb2dEYXRhQnV0dG9ucztcbiAgICAgICAgfVxuICAgIH1cblxuICAgIC8qKlxuICAgICAqIEFjdGlvbiBjYWxsZWQgd2hlbiBjbGlja2VkXG4gICAgICogQHBhcmFtIGNsaWNrZWRCdXR0b24gV2hldGhlciB0aGUgcHJpbWFyeSBvciBzZWNvbmRhcnkgYnV0dG9uIHdhcyBjbGlja2VkXG4gICAgICovXG4gICAgcHVibGljIG9uQ2xpY2tBY3Rpb24oY2xpY2tlZEJ1dHRvbjogQnV0dG9uUmVzcG9uc2VUeXBlKTogdm9pZCB7XG4gICAgICAgIHRoaXMuem9uZS5ydW4oKCkgPT4ge1xuICAgICAgICAgICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UoY2xpY2tlZEJ1dHRvbik7XG4gICAgICAgICAgICB0aGlzLmRpYWxvZ1JlZi5hZnRlckNsb3NlZCgpLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICAgICAgICAgICAgY29uc3QgYnV0dG9uTGlzdCA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoJy5tYXQtZmxhdC1idXR0b24sIC5tYXQtYnV0dG9uJyk7XG4gICAgICAgICAgICAgICAgbGV0IGkgPSAwO1xuICAgICAgICAgICAgICAgIGZvciAoaTsgaSA8IGJ1dHRvbkxpc3QubGVuZ3RoOyBpKyspIHtcbiAgICAgICAgICAgICAgICAgICAgYnV0dG9uTGlzdFtpXS5jbGFzc0xpc3QucmVtb3ZlKCdjZGstZm9jdXNlZCcpO1xuICAgICAgICAgICAgICAgICAgICBidXR0b25MaXN0W2ldLmNsYXNzTGlzdC5yZW1vdmUoJ2Nkay1wcm9ncmFtLWZvY3VzZWQnKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfSk7XG4gICAgfVxufVxuIiwiPGRpdiBtYXQtZGlhbG9nLXRpdGxlIGNsYXNzPVwibWF0LWRpYWxvZy10aXRsZVwiPlxuICAgIDxoMz57eyBkYXRhLnRpdGxlIH19PC9oMz5cbjwvZGl2PlxuPGRpdiBtYXQtZGlhbG9nLWNvbnRlbnQgY2xhc3M9XCJtYXQtZGlhbG9nLWNvbnRlbnRcIj5cbiAgICB7eyBkYXRhLm1lc3NhZ2UgfX1cbjwvZGl2PlxuPGRpdiBtYXQtZGlhbG9nLWFjdGlvbnMgY2xhc3M9XCJjdXN0b20tZGlhbG9nLWFjdGlvbnNcIj5cbiAgICA8YnV0dG9uXG4gICAgICAgIG1hdC1mbGF0LWJ1dHRvblxuICAgICAgICBjbGFzcz1cInRlc3Rfc2Vjb25kYXJ5X2J1dHRvblwiXG4gICAgICAgICBjb2xvcj1cImFjY2VudFwiXG4gICAgICAgIChjbGljayk9XCJvbkNsaWNrQWN0aW9uKEJ1dHRvblJlc3BvbnNlVHlwZS5zZWNvbmRhcnkpXCJcbiAgICA+XG4gICAgICAgIHt7IGJ1dHRvbnMuc2Vjb25kYXJ5IH19XG4gICAgPC9idXR0b24+XG4gICAgPGJ1dHRvblxuICAgICAgICBtYXQtZmxhdC1idXR0b25cbiAgICAgICAgY2xhc3M9XCJ0ZXN0X3ByaW1hcnlfYnV0dG9uXCJcbiAgICAgICAgY29sb3I9XCJwcmltYXJ5XCJcbiAgICAgICAgKGNsaWNrKT1cIm9uQ2xpY2tBY3Rpb24oQnV0dG9uUmVzcG9uc2VUeXBlLnByaW1hcnkpXCJcbiAgICA+XG4gICAgICAgIHt7IGJ1dHRvbnMucHJpbWFyeSB9fVxuICAgIDwvYnV0dG9uPlxuPC9kaXY+XG4iXX0=
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @copyright KMS GmbH
|
|
3
|
+
*/
|
|
4
|
+
import { Component, Input, VERSION } from '@angular/core';
|
|
5
|
+
import { IconSize } from './iconSize.enum';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
import * as i1 from "@angular/platform-browser";
|
|
8
|
+
import * as i2 from "@angular/common";
|
|
9
|
+
export class IconComponent {
|
|
10
|
+
constructor(sanitizer) {
|
|
11
|
+
this.sanitizer = sanitizer;
|
|
12
|
+
/**
|
|
13
|
+
* Optional: Different size via CSS inline style.
|
|
14
|
+
*/
|
|
15
|
+
this.iconSize = IconSize.FULLSIZE;
|
|
16
|
+
/**
|
|
17
|
+
* Dont use icon sprite
|
|
18
|
+
*/
|
|
19
|
+
this.dontUseSprite = false;
|
|
20
|
+
this.IconSize = IconSize;
|
|
21
|
+
this.Version = VERSION.full;
|
|
22
|
+
this.timestamp = 0;
|
|
23
|
+
this.iconToShow = this.icon;
|
|
24
|
+
}
|
|
25
|
+
ngOnInit() {
|
|
26
|
+
this.iconToShow = this.icon;
|
|
27
|
+
const d = new Date();
|
|
28
|
+
const n = d.getTime();
|
|
29
|
+
this.timestamp = n;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: IconComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
|
|
33
|
+
IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: IconComponent, selector: "kms-icon", inputs: { icon: "icon", iconClass: "iconClass", iconStyle: "iconStyle", iconSize: "iconSize", dontUseSprite: "dontUseSprite" }, ngImport: i0, template: "<ng-container *ngIf=\"icon !== 'none' && dontUseSprite === false\">\n <span class=\"icon {{ iconSize }}\" [ngClass]=\"iconClass\" [ngStyle]=\"iconStyle\">\n <svg>\n <use\n [attr.xlink:href]=\"\n 'assets/sprite.svg?Version=' + Version + '#' + iconToShow\n \"\n ></use>\n </svg>\n </span>\n</ng-container>\n<ng-container *ngIf=\"icon !== 'none' && dontUseSprite === true\">\n <object\n [data]=\"\n sanitizer.bypassSecurityTrustResourceUrl('assets/icons/' + icon + '')\n \"\n type=\"image/svg+xml\"\n class=\"icon {{ iconSize }}\"\n [ngClass]=\"iconClass\"\n [ngStyle]=\"iconStyle\"\n ></object>\n</ng-container>\n", styles: [""], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
34
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: IconComponent, decorators: [{
|
|
35
|
+
type: Component,
|
|
36
|
+
args: [{ selector: 'kms-icon', template: "<ng-container *ngIf=\"icon !== 'none' && dontUseSprite === false\">\n <span class=\"icon {{ iconSize }}\" [ngClass]=\"iconClass\" [ngStyle]=\"iconStyle\">\n <svg>\n <use\n [attr.xlink:href]=\"\n 'assets/sprite.svg?Version=' + Version + '#' + iconToShow\n \"\n ></use>\n </svg>\n </span>\n</ng-container>\n<ng-container *ngIf=\"icon !== 'none' && dontUseSprite === true\">\n <object\n [data]=\"\n sanitizer.bypassSecurityTrustResourceUrl('assets/icons/' + icon + '')\n \"\n type=\"image/svg+xml\"\n class=\"icon {{ iconSize }}\"\n [ngClass]=\"iconClass\"\n [ngStyle]=\"iconStyle\"\n ></object>\n</ng-container>\n", styles: [""] }]
|
|
37
|
+
}], ctorParameters: function () { return [{ type: i1.DomSanitizer }]; }, propDecorators: { icon: [{
|
|
38
|
+
type: Input
|
|
39
|
+
}], iconClass: [{
|
|
40
|
+
type: Input
|
|
41
|
+
}], iconStyle: [{
|
|
42
|
+
type: Input
|
|
43
|
+
}], iconSize: [{
|
|
44
|
+
type: Input
|
|
45
|
+
}], dontUseSprite: [{
|
|
46
|
+
type: Input
|
|
47
|
+
}] } });
|
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rbXMtbmd4LXVpLXByZXNlbnRhdGlvbmFsL3NyYy9saWIvdWkvaWNvbi9pY29uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS9pY29uL2ljb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxPQUFPLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFHbEUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7O0FBUTNDLE1BQU0sT0FBTyxhQUFhO0lBd0N0QixZQUFtQixTQUF1QjtRQUF2QixjQUFTLEdBQVQsU0FBUyxDQUFjO1FBckIxQzs7V0FFRztRQUNNLGFBQVEsR0FBYSxRQUFRLENBQUMsUUFBUSxDQUFDO1FBRWhEOztXQUVHO1FBRU0sa0JBQWEsR0FBRyxLQUFLLENBQUM7UUFFL0IsYUFBUSxHQUFHLFFBQVEsQ0FBQztRQUNwQixZQUFPLEdBQUcsT0FBTyxDQUFDLElBQUksQ0FBQztRQUVoQixjQUFTLEdBQUcsQ0FBQyxDQUFDO1FBUWpCLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQztJQUNoQyxDQUFDO0lBRUQsUUFBUTtRQUNKLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQztRQUM1QixNQUFNLENBQUMsR0FBRyxJQUFJLElBQUksRUFBRSxDQUFDO1FBQ3JCLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQyxPQUFPLEVBQUUsQ0FBQztRQUN0QixJQUFJLENBQUMsU0FBUyxHQUFHLENBQUMsQ0FBQztJQUN2QixDQUFDOzswR0FqRFEsYUFBYTs4RkFBYixhQUFhLGdMQ2YxQix1cUJBc0JBOzJGRFBhLGFBQWE7a0JBTnpCLFNBQVM7K0JBRUksVUFBVTttR0FVWCxJQUFJO3NCQUFaLEtBQUs7Z0JBS0csU0FBUztzQkFBakIsS0FBSztnQkFNRyxTQUFTO3NCQUFqQixLQUFLO2dCQUtHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBTUcsYUFBYTtzQkFBckIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQGNvcHlyaWdodCBLTVMgR21iSFxuICovXG5cbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCwgVkVSU0lPTiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRG9tU2FuaXRpemVyIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XG5cbmltcG9ydCB7IEljb25TaXplIH0gZnJvbSAnLi9pY29uU2l6ZS5lbnVtJztcblxuQENvbXBvbmVudCh7XG4gICAgXG4gICAgc2VsZWN0b3I6ICdrbXMtaWNvbicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2ljb24uY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2ljb24uY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgSWNvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgICAvKipcbiAgICAgKiBSZXF1aXJlZDogTmFtZSBvZiB0aGUgU1ZHIGljb24gaW5zaWRlIHlvdXIgc3ByaXRlIHNoZWV0IGZpbGUgd2l0aCBuYW1lICdpY29ucy5zdmcnLlxuICAgICAqIFBhc3MgJ25vbmUnIGlmIG5vIGljb24gc2hvdWxkIGJlIHJlbmRlcmVkLlxuICAgICAqL1xuICAgIEBJbnB1dCgpIGljb24hOiBzdHJpbmcgfCAnJztcblxuICAgIC8qKlxuICAgICAqIE9wdGlvbmFsOiBEaWZmZXJlbnQgYXBwZWFyYW5jZSB2aWEgQ1NTIGNsYXNzIGRlZmluZWQgaW4gdGhpcyBjb21wb25lbnTCtHMgc3R5bGUgc2hlZXQuXG4gICAgICovXG4gICAgQElucHV0KCkgaWNvbkNsYXNzITogc3RyaW5nIHwgJyc7XG5cbiAgICAvKipcbiAgICAgKiBPcHRpb25hbDogRGlmZmVyZW50IGFwcGVhcmFuY2UgdmlhIENTUyBpbmxpbmUgc3R5bGUuXG4gICAgICovXG4gICAgXG4gICAgQElucHV0KCkgaWNvblN0eWxlOiBhbnk7XG5cbiAgICAvKipcbiAgICAgKiBPcHRpb25hbDogRGlmZmVyZW50IHNpemUgdmlhIENTUyBpbmxpbmUgc3R5bGUuXG4gICAgICovXG4gICAgQElucHV0KCkgaWNvblNpemU6IEljb25TaXplID0gSWNvblNpemUuRlVMTFNJWkU7XG5cbiAgICAvKipcbiAgICAgKiBEb250IHVzZSBpY29uIHNwcml0ZVxuICAgICAqL1xuICAgIFxuICAgIEBJbnB1dCgpIGRvbnRVc2VTcHJpdGUgPSBmYWxzZTtcblxuICAgIEljb25TaXplID0gSWNvblNpemU7XG4gICAgVmVyc2lvbiA9IFZFUlNJT04uZnVsbDtcblxuICAgIHB1YmxpYyB0aW1lc3RhbXAgPSAwO1xuXG4gICAgLyoqXG4gICAgICogUmVuZGVycyB0aGlzIGljb24gZnJvbSBTVkcgc3ByaXRlIHNoZWV0XG4gICAgICovXG4gICAgcHVibGljIGljb25Ub1Nob3chOiBzdHJpbmcgfCAnJztcblxuICAgIGNvbnN0cnVjdG9yKHB1YmxpYyBzYW5pdGl6ZXI6IERvbVNhbml0aXplcikge1xuICAgICAgICB0aGlzLmljb25Ub1Nob3cgPSB0aGlzLmljb247XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKSB7XG4gICAgICAgIHRoaXMuaWNvblRvU2hvdyA9IHRoaXMuaWNvbjtcbiAgICAgICAgY29uc3QgZCA9IG5ldyBEYXRlKCk7XG4gICAgICAgIGNvbnN0IG4gPSBkLmdldFRpbWUoKTtcbiAgICAgICAgdGhpcy50aW1lc3RhbXAgPSBuO1xuICAgIH1cblxufVxuIiwiPG5nLWNvbnRhaW5lciAqbmdJZj1cImljb24gIT09ICdub25lJyAmJiBkb250VXNlU3ByaXRlID09PSBmYWxzZVwiPlxuICA8c3BhbiBjbGFzcz1cImljb24ge3sgaWNvblNpemUgfX1cIiBbbmdDbGFzc109XCJpY29uQ2xhc3NcIiBbbmdTdHlsZV09XCJpY29uU3R5bGVcIj5cbiAgICA8c3ZnPlxuICAgICAgPHVzZVxuICAgICAgICBbYXR0ci54bGluazpocmVmXT1cIlxuICAgICAgICAgICdhc3NldHMvc3ByaXRlLnN2Zz9WZXJzaW9uPScgKyBWZXJzaW9uICsgJyMnICsgaWNvblRvU2hvd1xuICAgICAgICBcIlxuICAgICAgPjwvdXNlPlxuICAgIDwvc3ZnPlxuICA8L3NwYW4+XG48L25nLWNvbnRhaW5lcj5cbjxuZy1jb250YWluZXIgKm5nSWY9XCJpY29uICE9PSAnbm9uZScgJiYgZG9udFVzZVNwcml0ZSA9PT0gdHJ1ZVwiPlxuICA8b2JqZWN0XG4gICAgW2RhdGFdPVwiXG4gICAgICBzYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdFJlc291cmNlVXJsKCdhc3NldHMvaWNvbnMvJyArIGljb24gKyAnJylcbiAgICBcIlxuICAgIHR5cGU9XCJpbWFnZS9zdmcreG1sXCJcbiAgICBjbGFzcz1cImljb24ge3sgaWNvblNpemUgfX1cIlxuICAgIFtuZ0NsYXNzXT1cImljb25DbGFzc1wiXG4gICAgW25nU3R5bGVdPVwiaWNvblN0eWxlXCJcbiAgPjwvb2JqZWN0PlxuPC9uZy1jb250YWluZXI+XG4iXX0=
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* @copyright FLYACTS GmbH 2019
|
|
3
|
-
*/
|
|
4
|
-
export var IconSize;
|
|
5
|
-
(function (IconSize) {
|
|
6
|
-
IconSize["FULLSIZE"] = "size-full";
|
|
7
|
-
IconSize["TINY"] = "size-16";
|
|
8
|
-
IconSize["SMALLER"] = "size-20";
|
|
9
|
-
IconSize["SMALL"] = "size-32";
|
|
10
|
-
IconSize["MEDIUM"] = "size-64";
|
|
11
|
-
IconSize["LARGE"] = "size-128";
|
|
12
|
-
IconSize["XL"] = "size-256";
|
|
13
|
-
IconSize["XXL"] = "size-512";
|
|
14
|
-
IconSize["XXXL"] = "size-1024";
|
|
15
|
-
IconSize["NONE"] = "NONE";
|
|
16
|
-
})(IconSize || (IconSize = {}));
|
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
/*!
|
|
2
|
+
* @copyright FLYACTS GmbH 2019
|
|
3
|
+
*/
|
|
4
|
+
export var IconSize;
|
|
5
|
+
(function (IconSize) {
|
|
6
|
+
IconSize["FULLSIZE"] = "size-full";
|
|
7
|
+
IconSize["TINY"] = "size-16";
|
|
8
|
+
IconSize["SMALLER"] = "size-20";
|
|
9
|
+
IconSize["SMALL"] = "size-32";
|
|
10
|
+
IconSize["MEDIUM"] = "size-64";
|
|
11
|
+
IconSize["LARGE"] = "size-128";
|
|
12
|
+
IconSize["XL"] = "size-256";
|
|
13
|
+
IconSize["XXL"] = "size-512";
|
|
14
|
+
IconSize["XXXL"] = "size-1024";
|
|
15
|
+
IconSize["NONE"] = "NONE";
|
|
16
|
+
})(IconSize || (IconSize = {}));
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvblNpemUuZW51bS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS9pY29uL2ljb25TaXplLmVudW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxNQUFNLENBQU4sSUFBWSxRQVdYO0FBWEQsV0FBWSxRQUFRO0lBQ2hCLGtDQUFzQixDQUFBO0lBQ3RCLDRCQUFnQixDQUFBO0lBQ2hCLCtCQUFtQixDQUFBO0lBQ25CLDZCQUFpQixDQUFBO0lBQ2pCLDhCQUFrQixDQUFBO0lBQ2xCLDhCQUFrQixDQUFBO0lBQ2xCLDJCQUFlLENBQUE7SUFDZiw0QkFBZ0IsQ0FBQTtJQUNoQiw4QkFBa0IsQ0FBQTtJQUNsQix5QkFBYSxDQUFBO0FBQ2pCLENBQUMsRUFYVyxRQUFRLEtBQVIsUUFBUSxRQVduQiIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQGNvcHlyaWdodCBGTFlBQ1RTIEdtYkggMjAxOVxuICovXG5cbmV4cG9ydCBlbnVtIEljb25TaXplIHtcbiAgICBGVUxMU0laRSA9ICdzaXplLWZ1bGwnLFxuICAgIFRJTlkgPSAnc2l6ZS0xNicsXG4gICAgU01BTExFUiA9ICdzaXplLTIwJyxcbiAgICBTTUFMTCA9ICdzaXplLTMyJyxcbiAgICBNRURJVU0gPSAnc2l6ZS02NCcsXG4gICAgTEFSR0UgPSAnc2l6ZS0xMjgnLFxuICAgIFhMID0gJ3NpemUtMjU2JyxcbiAgICBYWEwgPSAnc2l6ZS01MTInLFxuICAgIFhYWEwgPSAnc2l6ZS0xMDI0JyxcbiAgICBOT05FID0gJ05PTkUnLFxufVxuXG4iXX0=
|