@kms-ngx-ui/presentational 16.2.0 → 16.3.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/esm2022/lib/directives/directives.module.mjs +7 -12
- package/esm2022/lib/directives/mousewheel.directive.mjs +4 -4
- package/esm2022/lib/directives/sum-of-height.directive.mjs +4 -4
- package/esm2022/lib/directives/swipe.directive.mjs +4 -4
- package/esm2022/lib/directives/tooltip.directive.mjs +4 -4
- package/esm2022/lib/kms-ngx-ui-presentational.component.mjs +4 -4
- package/esm2022/lib/kms-ngx-ui-presentational.module.mjs +16 -20
- package/esm2022/lib/kms-ngx-ui-presentational.service.mjs +4 -4
- package/esm2022/lib/parent-components/actions.component.mjs +4 -4
- package/esm2022/lib/parent-components/form-control.component.mjs +5 -5
- package/esm2022/lib/parent-components/form.component.mjs +8 -14
- package/esm2022/lib/pipes/custom-pipes.module.mjs +5 -5
- package/esm2022/lib/pipes/decode-uri.pipe.mjs +4 -4
- package/esm2022/lib/pipes/encode-uri.pipe.mjs +4 -4
- package/esm2022/lib/pipes/integer-currency.pipe.mjs +4 -4
- package/esm2022/lib/pipes/safe-html.pipe.mjs +4 -4
- package/esm2022/lib/pipes/safe-resource-url.pipe.mjs +4 -4
- package/esm2022/lib/pipes/safe-style.pipe.mjs +4 -4
- package/esm2022/lib/pipes/safe-url.pipe.mjs +4 -4
- package/esm2022/lib/pipes/to-number.pipe.mjs +4 -4
- package/esm2022/lib/pipes/trim.pipe.mjs +4 -4
- package/esm2022/lib/pipes/typeof.pipe.mjs +4 -4
- package/esm2022/lib/services/viewport.service.mjs +75 -214
- package/esm2022/lib/ui/back-to-top/back-to-top.component.mjs +4 -4
- package/esm2022/lib/ui/button-with-confirm-dialog/button-with-confirm-dialog.component.mjs +5 -5
- package/esm2022/lib/ui/checkbox/checkbox.component.mjs +6 -6
- package/esm2022/lib/ui/color-input/color-input.component.mjs +7 -7
- package/esm2022/lib/ui/dropdown-from-data/dropdown-from-data.component.mjs +9 -14
- package/esm2022/lib/ui/enum-radiogroup/enum-radiogroup.component.mjs +6 -6
- package/esm2022/lib/ui/file-input/file-input.component.mjs +12 -12
- package/esm2022/lib/ui/flyout/flyout.component.mjs +7 -8
- package/esm2022/lib/ui/generic-dialog/generic-dialog.component.mjs +6 -5
- package/esm2022/lib/ui/icon/icon.component.mjs +5 -8
- package/esm2022/lib/ui/icon/iconSize.enum.mjs +1 -12
- package/esm2022/lib/ui/image-slider/image-slider.component.mjs +14 -14
- package/esm2022/lib/ui/kms-accordion-item/kms-accordion-item.component.mjs +11 -11
- package/esm2022/lib/ui/loader/loader.component.mjs +5 -5
- package/esm2022/lib/ui/map/map.component.mjs +5 -5
- package/esm2022/lib/ui/radiobutton/radiobutton.component.mjs +7 -11
- package/esm2022/lib/ui/salutation-dropdown/salutation-dropdown.component.mjs +8 -8
- package/esm2022/lib/ui/salutation-radiogroup/salutation-radiogroup.component.mjs +6 -6
- package/esm2022/lib/ui/time-input/time-input.component.mjs +4 -4
- package/esm2022/lib/ui/tooltip/tooltip.component.mjs +4 -4
- package/esm2022/lib/ui/tooltip-icon/tooltip-icon.component.mjs +8 -9
- package/esm2022/lib/ui/yes-no-radiogroup/yes-no-radiogroup.component.mjs +6 -6
- package/esm2022/public-api.mjs +1 -2
- package/fesm2022/kms-ngx-ui-presentational.mjs +344 -536
- package/fesm2022/kms-ngx-ui-presentational.mjs.map +1 -1
- package/lib/directives/directives.module.d.ts +2 -4
- package/lib/kms-ngx-ui-presentational.module.d.ts +10 -10
- package/lib/services/viewport.service.d.ts +11 -86
- package/lib/ui/dropdown-from-data/dropdown-from-data.component.d.ts +2 -4
- package/lib/ui/file-input/file-input.component.d.ts +2 -2
- package/lib/ui/icon/icon.component.d.ts +1 -7
- package/lib/ui/icon/iconSize.enum.d.ts +0 -10
- package/lib/ui/image-slider/image-slider.component.d.ts +2 -2
- package/lib/ui/kms-accordion-item/kms-accordion-item.component.d.ts +2 -2
- package/lib/ui/radiobutton/radiobutton.component.d.ts +1 -2
- package/lib/ui/tooltip-icon/tooltip-icon.component.d.ts +2 -2
- package/package.json +8 -8
- package/public-api.d.ts +0 -1
- package/src/lib/ui/back-to-top/back-to-top.component.scss +3 -2
- package/src/lib/ui/icon/icon.component.scss +36 -2
- package/src/lib/ui/image-slider/image-slider.component.scss +202 -209
- package/src/lib/ui/yes-no-radiogroup/yes-no-radiogroup.component.scss +17 -0
- package/src/styles/styles.scss +3 -2
- package/esm2022/lib/directives/size.directive.mjs +0 -21
- package/lib/directives/size.directive.d.ts +0 -10
- package/src/styles/animations.scss +0 -47
|
@@ -1,50 +1,52 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { Injectable, Component, EventEmitter, Input, Output, forwardRef, ViewChild, Directive, HostListener, VERSION, Pipe, NgModule, PLATFORM_ID, Inject } from '@angular/core';
|
|
3
3
|
import * as i2 from '@angular/common';
|
|
4
|
-
import { CommonModule, CurrencyPipe, isPlatformBrowser
|
|
4
|
+
import { CommonModule, CurrencyPipe, isPlatformBrowser } from '@angular/common';
|
|
5
5
|
import * as i1 from '@angular/forms';
|
|
6
6
|
import { NG_VALUE_ACCESSOR, UntypedFormControl, NG_VALIDATORS, FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
7
|
-
import * as i2$1 from '@angular/material/
|
|
8
|
-
import {
|
|
9
|
-
import * as i2$2 from '@angular/material/
|
|
10
|
-
import {
|
|
11
|
-
import * as i3 from '@angular/material/
|
|
12
|
-
import {
|
|
13
|
-
import * as i4 from '@angular/material/
|
|
14
|
-
import {
|
|
7
|
+
import * as i2$1 from '@angular/material/checkbox';
|
|
8
|
+
import { MatCheckboxModule } from '@angular/material/checkbox';
|
|
9
|
+
import * as i2$2 from '@angular/material/radio';
|
|
10
|
+
import { MatRadioModule } from '@angular/material/radio';
|
|
11
|
+
import * as i3 from '@angular/material/form-field';
|
|
12
|
+
import { MatFormFieldModule } from '@angular/material/form-field';
|
|
13
|
+
import * as i4 from '@angular/material/input';
|
|
14
|
+
import { MatInputModule } from '@angular/material/input';
|
|
15
15
|
import * as i1$1 from '@angular/platform-browser';
|
|
16
|
-
import * as i2$3 from '@angular/material/
|
|
17
|
-
import {
|
|
18
|
-
import * as
|
|
16
|
+
import * as i2$3 from '@angular/material/button';
|
|
17
|
+
import { MatButtonModule } from '@angular/material/button';
|
|
18
|
+
import * as i5 from '@ngx-translate/core';
|
|
19
19
|
import { TranslateModule } from '@ngx-translate/core';
|
|
20
|
-
import * as i2$4 from '@angular/material/
|
|
21
|
-
import {
|
|
20
|
+
import * as i2$4 from '@angular/material/progress-spinner';
|
|
21
|
+
import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
|
|
22
22
|
import { trigger, state, style } from '@angular/animations';
|
|
23
23
|
import * as i3$1 from '@angular/material/expansion';
|
|
24
24
|
import { MatExpansionModule } from '@angular/material/expansion';
|
|
25
25
|
import { Subject } from 'rxjs';
|
|
26
26
|
import * as i3$2 from '@angular/google-maps';
|
|
27
27
|
import { GoogleMapsModule } from '@angular/google-maps';
|
|
28
|
-
import * as i3$3 from '@angular/material/
|
|
29
|
-
import {
|
|
30
|
-
import * as i4$1 from '@angular/material/
|
|
28
|
+
import * as i3$3 from '@angular/material/select';
|
|
29
|
+
import { MatSelectModule } from '@angular/material/select';
|
|
30
|
+
import * as i4$1 from '@angular/material/core';
|
|
31
31
|
import { SubSink } from 'subsink';
|
|
32
32
|
import * as i1$2 from '@angular/material/legacy-dialog';
|
|
33
|
-
import { MAT_LEGACY_DIALOG_DATA
|
|
34
|
-
import * as
|
|
35
|
-
import {
|
|
33
|
+
import { MAT_LEGACY_DIALOG_DATA } from '@angular/material/legacy-dialog';
|
|
34
|
+
import * as i3$4 from '@angular/material/dialog';
|
|
35
|
+
import { MatDialogModule } from '@angular/material/dialog';
|
|
36
|
+
import * as i4$2 from '@angular/material/menu';
|
|
37
|
+
import { MatMenuModule } from '@angular/material/menu';
|
|
36
38
|
import { EnumValues } from 'enum-values/src/enumValues';
|
|
37
|
-
import * as i3$
|
|
39
|
+
import * as i3$5 from '@angular/cdk/drag-drop';
|
|
38
40
|
import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
|
|
39
|
-
import * as i6
|
|
41
|
+
import * as i6 from 'ngx-useful-swiper';
|
|
40
42
|
import { NgxUsefulSwiperModule } from 'ngx-useful-swiper';
|
|
41
43
|
|
|
42
44
|
class KmsUiPresentationalService {
|
|
43
45
|
constructor() { }
|
|
44
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
45
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.
|
|
46
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KmsUiPresentationalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
47
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KmsUiPresentationalService, providedIn: 'root' }); }
|
|
46
48
|
}
|
|
47
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
49
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KmsUiPresentationalService, decorators: [{
|
|
48
50
|
type: Injectable,
|
|
49
51
|
args: [{
|
|
50
52
|
providedIn: 'root'
|
|
@@ -55,14 +57,14 @@ class KmsUiPresentationalComponent {
|
|
|
55
57
|
constructor() { }
|
|
56
58
|
ngOnInit() {
|
|
57
59
|
}
|
|
58
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
59
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
60
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KmsUiPresentationalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
61
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: KmsUiPresentationalComponent, selector: "lib-kms-ngx-ui-presentational", ngImport: i0, template: `
|
|
60
62
|
<p>
|
|
61
63
|
kms-ngx-ui-presentational works!
|
|
62
64
|
</p>
|
|
63
65
|
`, isInline: true }); }
|
|
64
66
|
}
|
|
65
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
67
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KmsUiPresentationalComponent, decorators: [{
|
|
66
68
|
type: Component,
|
|
67
69
|
args: [{ selector: 'lib-kms-ngx-ui-presentational', template: `
|
|
68
70
|
<p>
|
|
@@ -102,10 +104,10 @@ class ActionsParentComponent {
|
|
|
102
104
|
this.checked = !this.checked;
|
|
103
105
|
this.select.emit(id);
|
|
104
106
|
}
|
|
105
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
106
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
107
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionsParentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
108
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ActionsParentComponent, selector: "kms-actions", inputs: { disabled: "disabled", checked: "checked", label: "label", link: "link", initialValue: "initialValue" }, outputs: { select: "select" }, ngImport: i0, template: '', isInline: true }); }
|
|
107
109
|
}
|
|
108
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
110
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionsParentComponent, decorators: [{
|
|
109
111
|
type: Component,
|
|
110
112
|
args: [{
|
|
111
113
|
selector: 'kms-actions',
|
|
@@ -163,16 +165,16 @@ class CheckboxComponent extends ActionsParentComponent {
|
|
|
163
165
|
registerOnTouched(fn) {
|
|
164
166
|
this.onTouch = fn;
|
|
165
167
|
}
|
|
166
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
167
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
168
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
169
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CheckboxComponent, selector: "kms-checkbox", inputs: { infoText: "infoText", name: "name" }, outputs: { select: "select" }, providers: [
|
|
168
170
|
{
|
|
169
171
|
provide: NG_VALUE_ACCESSOR,
|
|
170
172
|
useExisting: forwardRef(() => CheckboxComponent),
|
|
171
173
|
multi: true,
|
|
172
174
|
},
|
|
173
|
-
], usesInheritance: true, ngImport: i0, template: "<!-- <label class=\"wrapper ui-copy-text\"\n [ngClass]=\"{'disabled' : disabled}\">{{label}}\n <input type=\"checkbox\" \n [checked]=\"checked\"\n [value]=\"value\"\n [name]=\"name\"\n [disabled]=\"disabled\"\n (change)=\"selectAction($event)\">\n\n</label> -->\n<mat-checkbox class=\"example-margin\" [disabled]=\"disabled\" [name]=\"name\" [(ngModel)]=\"checked\"></mat-checkbox>\n<span *ngIf=\"infoText && infoText.length > 0\" \n class=\"\"\n [ngClass]=\"{'disabled' : disabled}\">{{infoText}}\n</span>", styles: [""], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.
|
|
175
|
+
], usesInheritance: true, ngImport: i0, template: "<!-- <label class=\"wrapper ui-copy-text\"\n [ngClass]=\"{'disabled' : disabled}\">{{label}}\n <input type=\"checkbox\" \n [checked]=\"checked\"\n [value]=\"value\"\n [name]=\"name\"\n [disabled]=\"disabled\"\n (change)=\"selectAction($event)\">\n\n</label> -->\n<mat-checkbox class=\"example-margin\" [disabled]=\"disabled\" [name]=\"name\" [(ngModel)]=\"checked\"></mat-checkbox>\n<span *ngIf=\"infoText && infoText.length > 0\" \n class=\"\"\n [ngClass]=\"{'disabled' : disabled}\">{{infoText}}\n</span>", styles: [""], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
|
|
174
176
|
}
|
|
175
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
177
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckboxComponent, decorators: [{
|
|
176
178
|
type: Component,
|
|
177
179
|
args: [{ selector: 'kms-checkbox', providers: [
|
|
178
180
|
{
|
|
@@ -196,7 +198,7 @@ class FormParentComponent {
|
|
|
196
198
|
constructor(formBuilder) {
|
|
197
199
|
this.formBuilder = formBuilder;
|
|
198
200
|
this.formInitialized = false;
|
|
199
|
-
this.allowedCharsOnlyNumbers = new Set('0123456789'.split('').map(
|
|
201
|
+
this.allowedCharsOnlyNumbers = new Set('0123456789'.split('').map(c => c.charCodeAt(0)));
|
|
200
202
|
this.formDataChanged = new EventEmitter();
|
|
201
203
|
this.disabled = false;
|
|
202
204
|
}
|
|
@@ -212,13 +214,8 @@ class FormParentComponent {
|
|
|
212
214
|
const isNumberPad = e.keyCode >= 96 && e.keyCode <= 105;
|
|
213
215
|
const isArrows = e.keyCode >= 37 && e.keyCode <= 40;
|
|
214
216
|
const isDelete = e.keyCode == 8 || e.keyCode == 46;
|
|
215
|
-
const isCutCopyOrPaste = (e.ctrlKey || e.metaKey) &&
|
|
216
|
-
|
|
217
|
-
return (isNumberRow ||
|
|
218
|
-
isNumberPad ||
|
|
219
|
-
(allowDelete && isDelete) ||
|
|
220
|
-
(allowArrows && isArrows) ||
|
|
221
|
-
(allowCutCopyPaste && isCutCopyOrPaste));
|
|
217
|
+
const isCutCopyOrPaste = (e.ctrlKey || e.metaKey) && (e.keyCode == 86 || e.keyCode == 88 || e.keyCode == 67);
|
|
218
|
+
return (isNumberRow) || (isNumberPad) || (allowDelete && isDelete) || (allowArrows && isArrows) || (allowCutCopyPaste && isCutCopyOrPaste);
|
|
222
219
|
}
|
|
223
220
|
// TODO make a service or make own compoennt etc.
|
|
224
221
|
/**
|
|
@@ -227,8 +224,7 @@ class FormParentComponent {
|
|
|
227
224
|
*/
|
|
228
225
|
removeNumbersOnType(event) {
|
|
229
226
|
// only allow keydown from numbers-row or numberpad of keybard and block other chars than numbers
|
|
230
|
-
if (!this.checkIfKeyWasNumber(event) &&
|
|
231
|
-
!this.allowedCharsOnlyNumbers.has(event.keyCode)) {
|
|
227
|
+
if (!this.checkIfKeyWasNumber(event) && !this.allowedCharsOnlyNumbers.has(event.keyCode)) {
|
|
232
228
|
event.preventDefault();
|
|
233
229
|
}
|
|
234
230
|
}
|
|
@@ -255,10 +251,10 @@ class FormParentComponent {
|
|
|
255
251
|
this.formDataChanged.emit(this.form);
|
|
256
252
|
});
|
|
257
253
|
}
|
|
258
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
259
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
254
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormParentComponent, deps: [{ token: i1.UntypedFormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
255
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormParentComponent, selector: "kms-form", inputs: { disabled: "disabled" }, outputs: { formDataChanged: "formDataChanged" }, ngImport: i0, template: '', isInline: true }); }
|
|
260
256
|
}
|
|
261
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
257
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormParentComponent, decorators: [{
|
|
262
258
|
type: Component,
|
|
263
259
|
args: [{
|
|
264
260
|
selector: 'kms-form',
|
|
@@ -316,17 +312,17 @@ class FormControlParentComponent extends FormParentComponent {
|
|
|
316
312
|
this.onTouch = fn;
|
|
317
313
|
}
|
|
318
314
|
setDisabledState(isDisabled) {
|
|
319
|
-
if (this.child
|
|
315
|
+
if (this.child) {
|
|
320
316
|
this.renderer.setProperty(this.child.nativeElement, 'disabled', isDisabled);
|
|
321
317
|
}
|
|
322
318
|
}
|
|
323
319
|
validate(_) {
|
|
324
320
|
return this.form.valid ? null : false;
|
|
325
321
|
}
|
|
326
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
327
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
322
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormControlParentComponent, deps: [{ token: i1.UntypedFormBuilder }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
323
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormControlParentComponent, selector: "kms-formControlParent", inputs: { defaultDataOverride: "defaultDataOverride" }, outputs: { onSelectItemEmitter: "onSelectItemEmitter" }, viewQueries: [{ propertyName: "child", first: true, predicate: ["child"], descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
|
|
328
324
|
}
|
|
329
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
325
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormControlParentComponent, decorators: [{
|
|
330
326
|
type: Component,
|
|
331
327
|
args: [{
|
|
332
328
|
selector: 'kms-formControlParent',
|
|
@@ -341,6 +337,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
|
|
|
341
337
|
args: ['child']
|
|
342
338
|
}] } });
|
|
343
339
|
|
|
340
|
+
/*!
|
|
341
|
+
* @copyright FLYACTS GmbH 2019
|
|
342
|
+
*/
|
|
343
|
+
|
|
344
|
+
/**
|
|
345
|
+
* Attached File DTO
|
|
346
|
+
*/
|
|
347
|
+
class AttachedFileDTO {
|
|
348
|
+
}
|
|
349
|
+
|
|
344
350
|
/*!
|
|
345
351
|
* @copyright FLYACTS GmbH 2019
|
|
346
352
|
*/
|
|
@@ -357,17 +363,23 @@ var IconSize$1;
|
|
|
357
363
|
IconSize["XXXL"] = "size-1024";
|
|
358
364
|
IconSize["NONE"] = "NONE";
|
|
359
365
|
})(IconSize$1 || (IconSize$1 = {}));
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
366
|
+
|
|
367
|
+
/**
|
|
368
|
+
* @copyright FLYACTS GmbH 2019
|
|
369
|
+
*/
|
|
370
|
+
/**
|
|
371
|
+
* Check if null or undefined
|
|
372
|
+
* @param value value that is being checked
|
|
373
|
+
*/
|
|
374
|
+
function isValue(value) {
|
|
375
|
+
if (value === null) {
|
|
376
|
+
return false;
|
|
377
|
+
}
|
|
378
|
+
if (typeof value === 'undefined') {
|
|
379
|
+
return false;
|
|
380
|
+
}
|
|
381
|
+
return true;
|
|
382
|
+
}
|
|
371
383
|
|
|
372
384
|
class TooltipDirective {
|
|
373
385
|
constructor(el, renderer) {
|
|
@@ -468,10 +480,10 @@ class TooltipDirective {
|
|
|
468
480
|
this.renderer.setStyle(this.tooltipElem, 'left', `${left}px`);
|
|
469
481
|
}
|
|
470
482
|
}
|
|
471
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
472
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.
|
|
483
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
484
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TooltipDirective, selector: "[kmsTooltip]", inputs: { tooltipTitle: "tooltipTitle", tooltipText: "tooltipText", tooltipLinkText: "tooltipLinkText", tooltipLinkUrl: "tooltipLinkUrl", tooltipPlacement: "tooltipPlacement", tooltipDelay: "tooltipDelay", tooltipPlaceIntoHost: "tooltipPlaceIntoHost", tooltipOnlyonclick: "tooltipOnlyonclick" }, host: { listeners: { "mouseenter": "onMouseEnter()", "click": "onClick()", "mouseleave": "onMouseLeave()" } }, ngImport: i0 }); }
|
|
473
485
|
}
|
|
474
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
486
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipDirective, decorators: [{
|
|
475
487
|
type: Directive,
|
|
476
488
|
args: [{
|
|
477
489
|
selector: '[kmsTooltip]'
|
|
@@ -511,24 +523,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
|
|
|
511
523
|
args: ['mouseleave']
|
|
512
524
|
}] } });
|
|
513
525
|
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
type: Input
|
|
531
|
-
}] } });
|
|
526
|
+
/*!
|
|
527
|
+
* @copyright FLYACTS GmbH 2019
|
|
528
|
+
*/
|
|
529
|
+
var IconSize;
|
|
530
|
+
(function (IconSize) {
|
|
531
|
+
IconSize["FULLSIZE"] = "size-full";
|
|
532
|
+
IconSize["TINY"] = "size-16";
|
|
533
|
+
IconSize["SMALLER"] = "size-20";
|
|
534
|
+
IconSize["SMALL"] = "size-32";
|
|
535
|
+
IconSize["MEDIUM"] = "size-64";
|
|
536
|
+
IconSize["LARGE"] = "size-128";
|
|
537
|
+
IconSize["XL"] = "size-256";
|
|
538
|
+
IconSize["XXL"] = "size-512";
|
|
539
|
+
IconSize["XXXL"] = "size-1024";
|
|
540
|
+
IconSize["NONE"] = "NONE";
|
|
541
|
+
})(IconSize || (IconSize = {}));
|
|
532
542
|
|
|
533
543
|
/**
|
|
534
544
|
* @copyright KMS GmbH
|
|
@@ -538,14 +548,13 @@ class IconComponent {
|
|
|
538
548
|
this.sanitizer = sanitizer;
|
|
539
549
|
/**
|
|
540
550
|
* Optional: Different size via CSS inline style.
|
|
541
|
-
* @deprecated. Please use size instead
|
|
542
551
|
*/
|
|
543
|
-
this.iconSize = IconSize
|
|
552
|
+
this.iconSize = IconSize.FULLSIZE;
|
|
544
553
|
/**
|
|
545
554
|
* Dont use icon sprite
|
|
546
555
|
*/
|
|
547
556
|
this.dontUseSprite = false;
|
|
548
|
-
this.IconSize = IconSize
|
|
557
|
+
this.IconSize = IconSize;
|
|
549
558
|
this.Version = VERSION.full;
|
|
550
559
|
this.timestamp = 0;
|
|
551
560
|
this.iconToShow = this.icon;
|
|
@@ -556,12 +565,12 @@ class IconComponent {
|
|
|
556
565
|
const n = d.getTime();
|
|
557
566
|
this.timestamp = n;
|
|
558
567
|
}
|
|
559
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
560
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
568
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconComponent, deps: [{ token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
569
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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: [""], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
561
570
|
}
|
|
562
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
571
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconComponent, decorators: [{
|
|
563
572
|
type: Component,
|
|
564
|
-
args: [{ selector: 'kms-icon', template: "<ng-container *ngIf=\"icon !== 'none' && dontUseSprite === false\">\n <span class=\"icon {{ iconSize }}\" [ngClass]=\"iconClass\" [ngStyle]=\"iconStyle\"
|
|
573
|
+
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" }]
|
|
565
574
|
}], ctorParameters: function () { return [{ type: i1$1.DomSanitizer }]; }, propDecorators: { icon: [{
|
|
566
575
|
type: Input
|
|
567
576
|
}], iconClass: [{
|
|
@@ -570,8 +579,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
|
|
|
570
579
|
type: Input
|
|
571
580
|
}], iconSize: [{
|
|
572
581
|
type: Input
|
|
573
|
-
}], size: [{
|
|
574
|
-
type: Input
|
|
575
582
|
}], dontUseSprite: [{
|
|
576
583
|
type: Input
|
|
577
584
|
}] } });
|
|
@@ -584,14 +591,14 @@ class TooltipIconComponent {
|
|
|
584
591
|
this.tooltipLinkUrl = "";
|
|
585
592
|
this.placement = "";
|
|
586
593
|
this.delay = 1000;
|
|
587
|
-
this.
|
|
594
|
+
this.IconSize = IconSize$1;
|
|
588
595
|
}
|
|
589
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
590
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
596
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
597
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TooltipIconComponent, selector: "kms-tooltip-icon", inputs: { tooltipTitle: "tooltipTitle", tooltipText: "tooltipText", tooltipLinkText: "tooltipLinkText", tooltipLinkUrl: "tooltipLinkUrl", placement: "placement", delay: "delay" }, ngImport: i0, template: "<span\n kmsTooltip\n [tooltipTitle]=\"tooltipTitle\"\n [tooltipText]=\"tooltipText\"\n [tooltipPlacement]=\"placement\"\n [tooltipDelay]=\"delay\"\n [tooltipLinkText]=\"tooltipLinkText\"\n [tooltipLinkUrl]=\"tooltipLinkUrl\"\n>\n <kms-icon icon=\"ic_info\" [iconSize]=\"IconSize.SMALLER\" [iconClass]=\"'color-primary'\"></kms-icon>\n</span>\n", styles: [""], dependencies: [{ kind: "directive", type: TooltipDirective, selector: "[kmsTooltip]", inputs: ["tooltipTitle", "tooltipText", "tooltipLinkText", "tooltipLinkUrl", "tooltipPlacement", "tooltipDelay", "tooltipPlaceIntoHost", "tooltipOnlyonclick"] }, { kind: "component", type: IconComponent, selector: "kms-icon", inputs: ["icon", "iconClass", "iconStyle", "iconSize", "dontUseSprite"] }] }); }
|
|
591
598
|
}
|
|
592
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
599
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipIconComponent, decorators: [{
|
|
593
600
|
type: Component,
|
|
594
|
-
args: [{ selector: 'kms-tooltip-icon', template: "<span\n kmsTooltip\n [tooltipTitle]=\"tooltipTitle\"\n [tooltipText]=\"tooltipText\"\n [tooltipPlacement]=\"placement\"\n [tooltipDelay]=\"delay\"\n [tooltipLinkText]=\"tooltipLinkText\"\n [tooltipLinkUrl]=\"tooltipLinkUrl\"\n>\n <kms-icon icon=\"ic_info\" [
|
|
601
|
+
args: [{ selector: 'kms-tooltip-icon', template: "<span\n kmsTooltip\n [tooltipTitle]=\"tooltipTitle\"\n [tooltipText]=\"tooltipText\"\n [tooltipPlacement]=\"placement\"\n [tooltipDelay]=\"delay\"\n [tooltipLinkText]=\"tooltipLinkText\"\n [tooltipLinkUrl]=\"tooltipLinkUrl\"\n>\n <kms-icon icon=\"ic_info\" [iconSize]=\"IconSize.SMALLER\" [iconClass]=\"'color-primary'\"></kms-icon>\n</span>\n" }]
|
|
595
602
|
}], propDecorators: { tooltipTitle: [{
|
|
596
603
|
type: Input
|
|
597
604
|
}], tooltipText: [{
|
|
@@ -647,16 +654,16 @@ class ColorInputComponent extends FormControlParentComponent {
|
|
|
647
654
|
this.internalValue = color;
|
|
648
655
|
this.change(color);
|
|
649
656
|
}
|
|
650
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
651
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
657
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColorInputComponent, deps: [{ token: i1.UntypedFormBuilder }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
658
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ColorInputComponent, selector: "kms-color-input", inputs: { label: "label", tooltipText: "tooltipText", placeholder: "placeholder" }, providers: [
|
|
652
659
|
{
|
|
653
660
|
provide: NG_VALUE_ACCESSOR,
|
|
654
661
|
useExisting: forwardRef(() => ColorInputComponent),
|
|
655
662
|
multi: true,
|
|
656
663
|
},
|
|
657
|
-
], usesInheritance: true, ngImport: i0, template: "\n<form [formGroup]=\"form\" *ngIf=\"formInitialized\">\n <div>\n <mat-form-field class=\"colorInput\">\n <kms-tooltip-icon [tooltipText]=\"tooltipText\" *ngIf=\"tooltipText\"></kms-tooltip-icon>\n <mat-label>{{ label }}</mat-label>\n <input type=\"text\" [(ngModel)]=\"value\" matInput formControlName=\"color\" [placeholder]=\"placeholder\" [ngClass]=\"{'my-inValid': !matchesHex(value)}\" />\n <input type=\"color\" [value]=\"value && matchesHex(value) ? value : '#ffffff'\" (change)=\"updateSelectedColor($event)\" [ngClass]=\"{'my-inValid': !matchesHex(value)}\" />\n </mat-form-field>\n </div>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", 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]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3.
|
|
664
|
+
], usesInheritance: true, ngImport: i0, template: "\n<form [formGroup]=\"form\" *ngIf=\"formInitialized\">\n <div>\n <mat-form-field class=\"colorInput\">\n <kms-tooltip-icon [tooltipText]=\"tooltipText\" *ngIf=\"tooltipText\"></kms-tooltip-icon>\n <mat-label>{{ label }}</mat-label>\n <input type=\"text\" [(ngModel)]=\"value\" matInput formControlName=\"color\" [placeholder]=\"placeholder\" [ngClass]=\"{'my-inValid': !matchesHex(value)}\" />\n <input type=\"color\" [value]=\"value && matchesHex(value) ? value : '#ffffff'\" (change)=\"updateSelectedColor($event)\" [ngClass]=\"{'my-inValid': !matchesHex(value)}\" />\n </mat-form-field>\n </div>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", 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]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: TooltipIconComponent, selector: "kms-tooltip-icon", inputs: ["tooltipTitle", "tooltipText", "tooltipLinkText", "tooltipLinkUrl", "placement", "delay"] }] }); }
|
|
658
665
|
}
|
|
659
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
666
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColorInputComponent, decorators: [{
|
|
660
667
|
type: Component,
|
|
661
668
|
args: [{ selector: 'kms-color-input', providers: [
|
|
662
669
|
{
|
|
@@ -692,7 +699,6 @@ class RadioButtonComponent extends ActionsParentComponent {
|
|
|
692
699
|
* Internal description id. Will be send in the output event when the radio button is selected.
|
|
693
700
|
*/
|
|
694
701
|
this.id = '';
|
|
695
|
-
this.radioButtonSize = 16;
|
|
696
702
|
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
697
703
|
this.onChange = () => { };
|
|
698
704
|
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
@@ -715,16 +721,16 @@ class RadioButtonComponent extends ActionsParentComponent {
|
|
|
715
721
|
registerOnTouched(fn) {
|
|
716
722
|
this.onTouch = fn;
|
|
717
723
|
}
|
|
718
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
719
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
724
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RadioButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
725
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RadioButtonComponent, selector: "kms-radiobutton", inputs: { name: "name", id: "id", formControl: "formControl" }, providers: [
|
|
720
726
|
{
|
|
721
727
|
provide: NG_VALUE_ACCESSOR,
|
|
722
728
|
useExisting: forwardRef(() => RadioButtonComponent),
|
|
723
729
|
multi: true,
|
|
724
730
|
},
|
|
725
|
-
], usesInheritance: true, ngImport: i0, template: "<label class=\"wrapper ui-small-text\"\n [ngClass]=\"{'disabled' : disabled}\">\n <input type=\"radio\"\n [name]=\"name\"\n [value]=\"value\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [id]=\"id\"\n (change)=\"selectAction($event)\">{{label}}\n\n <kms-icon\n class=\"checkmark\" \n aria-hidden=\"true\"\n *ngIf=\"checked\"\n [ngClass]=\"{\n 'disabled' : disabled\n }\"\n [iconClass]=\"{\n 'disabled' : disabled, \n 'color-primary': true\n }\"\n [icon]=\"'ic_radiobutton_active'\"\n
|
|
731
|
+
], usesInheritance: true, ngImport: i0, template: "<label class=\"wrapper ui-small-text\"\n [ngClass]=\"{'disabled' : disabled}\">\n <input type=\"radio\"\n [name]=\"name\"\n [value]=\"value\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [id]=\"id\"\n (change)=\"selectAction($event)\">{{label}}\n\n <kms-icon\n class=\"checkmark\" \n aria-hidden=\"true\"\n *ngIf=\"checked\"\n [ngClass]=\"{\n 'disabled' : disabled\n }\"\n [iconClass]=\"{\n 'disabled' : disabled, \n 'color-primary': true,\n 'size-16': true\n }\"\n [icon]=\"'ic_radiobutton_active'\"\n >\n </kms-icon>\n <kms-icon\n class=\"checkmark\" \n aria-hidden=\"true\"\n *ngIf=\"!checked\"\n [ngClass]=\"{\n 'disabled' : disabled\n }\"\n [iconClass]=\"{\n 'disabled' : disabled, \n 'color-primary': true,\n 'size-16': true\n }\"\n [icon]=\"'ic_radiobutton_inactive'\"\n >\n </kms-icon>\n <ng-content></ng-content>\n</label>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "kms-icon", inputs: ["icon", "iconClass", "iconStyle", "iconSize", "dontUseSprite"] }] }); }
|
|
726
732
|
}
|
|
727
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
733
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RadioButtonComponent, decorators: [{
|
|
728
734
|
type: Component,
|
|
729
735
|
args: [{ selector: 'kms-radiobutton', providers: [
|
|
730
736
|
{
|
|
@@ -732,13 +738,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
|
|
|
732
738
|
useExisting: forwardRef(() => RadioButtonComponent),
|
|
733
739
|
multi: true,
|
|
734
740
|
},
|
|
735
|
-
], template: "<label class=\"wrapper ui-small-text\"\n [ngClass]=\"{'disabled' : disabled}\">\n <input type=\"radio\"\n [name]=\"name\"\n [value]=\"value\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [id]=\"id\"\n (change)=\"selectAction($event)\">{{label}}\n\n <kms-icon\n class=\"checkmark\" \n aria-hidden=\"true\"\n *ngIf=\"checked\"\n [ngClass]=\"{\n 'disabled' : disabled\n }\"\n [iconClass]=\"{\n 'disabled' : disabled, \n 'color-primary': true\n }\"\n [icon]=\"'ic_radiobutton_active'\"\n
|
|
741
|
+
], template: "<label class=\"wrapper ui-small-text\"\n [ngClass]=\"{'disabled' : disabled}\">\n <input type=\"radio\"\n [name]=\"name\"\n [value]=\"value\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [id]=\"id\"\n (change)=\"selectAction($event)\">{{label}}\n\n <kms-icon\n class=\"checkmark\" \n aria-hidden=\"true\"\n *ngIf=\"checked\"\n [ngClass]=\"{\n 'disabled' : disabled\n }\"\n [iconClass]=\"{\n 'disabled' : disabled, \n 'color-primary': true,\n 'size-16': true\n }\"\n [icon]=\"'ic_radiobutton_active'\"\n >\n </kms-icon>\n <kms-icon\n class=\"checkmark\" \n aria-hidden=\"true\"\n *ngIf=\"!checked\"\n [ngClass]=\"{\n 'disabled' : disabled\n }\"\n [iconClass]=\"{\n 'disabled' : disabled, \n 'color-primary': true,\n 'size-16': true\n }\"\n [icon]=\"'ic_radiobutton_inactive'\"\n >\n </kms-icon>\n <ng-content></ng-content>\n</label>\n" }]
|
|
736
742
|
}], ctorParameters: function () { return []; }, propDecorators: { name: [{
|
|
737
743
|
type: Input
|
|
738
744
|
}], id: [{
|
|
739
745
|
type: Input
|
|
740
|
-
}], radioButtonSize: [{
|
|
741
|
-
type: Input
|
|
742
746
|
}], formControl: [{
|
|
743
747
|
type: Input
|
|
744
748
|
}] } });
|
|
@@ -802,8 +806,8 @@ class TimeInputComponent {
|
|
|
802
806
|
registerOnTouched(fn) {
|
|
803
807
|
this.onTouch = fn;
|
|
804
808
|
}
|
|
805
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
806
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
809
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimeInputComponent, deps: [{ token: i1.UntypedFormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
810
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TimeInputComponent, selector: "kms-time-input", providers: [
|
|
807
811
|
{
|
|
808
812
|
provide: NG_VALUE_ACCESSOR,
|
|
809
813
|
useExisting: forwardRef(() => TimeInputComponent),
|
|
@@ -811,7 +815,7 @@ class TimeInputComponent {
|
|
|
811
815
|
},
|
|
812
816
|
], ngImport: i0, template: "<form [formGroup]=\"form\" class=\"timeInput\">\n <input type=\"text\" formControlName=\"h\" [value]=\"h\" maxlength=\"2\" pattern=\"(0?[0-9]|1[0-9]|2[0-3])\"/>\n <span>:</span>\n <input type=\"text\" formControlName=\"m\" [value]=\"m\" maxlength=\"2\" pattern=\"(0?[0-9]|[1-5][0-9])\"/>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", 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]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] }); }
|
|
813
817
|
}
|
|
814
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
818
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimeInputComponent, decorators: [{
|
|
815
819
|
type: Component,
|
|
816
820
|
args: [{ selector: 'kms-time-input', providers: [
|
|
817
821
|
{
|
|
@@ -868,16 +872,16 @@ class YesNoRadiogroupComponent {
|
|
|
868
872
|
this.onChange(value.yesno);
|
|
869
873
|
});
|
|
870
874
|
}
|
|
871
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
872
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
875
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: YesNoRadiogroupComponent, deps: [{ token: i1.UntypedFormBuilder }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
876
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: YesNoRadiogroupComponent, selector: "kms-yesno-radiogroup", inputs: { header: "header", disabled: "disabled", textYes: "textYes", textNo: "textNo" }, providers: [
|
|
873
877
|
{
|
|
874
878
|
provide: NG_VALUE_ACCESSOR,
|
|
875
879
|
useExisting: forwardRef(() => YesNoRadiogroupComponent),
|
|
876
880
|
multi: true,
|
|
877
881
|
},
|
|
878
|
-
], viewQueries: [{ propertyName: "child", first: true, predicate: ["child"], descendants: true }], ngImport: i0, template: "<form [formGroup]=\"form\">\n <div>{{ header }}</div>\n <mat-radio-group [formControl]=\"form.controls['yesno']\" [disabled]=\"disabled\" #child>\n <mat-radio-button [value]=\"true\" [checked]=\"internalValue === true\"> {{ textYes }}</mat-radio-button>\n <mat-radio-button [value]=\"false\" [checked]=\"internalValue === false\"> {{ textNo }}</mat-radio-button>\n </mat-radio-group>\n</form>\n", dependencies: [{ kind: "directive", type: i2$2.
|
|
882
|
+
], viewQueries: [{ propertyName: "child", first: true, predicate: ["child"], descendants: true }], ngImport: i0, template: "<form [formGroup]=\"form\">\n <div>{{ header }}</div>\n <mat-radio-group [formControl]=\"form.controls['yesno']\" [disabled]=\"disabled\" #child>\n <mat-radio-button [value]=\"true\" [checked]=\"internalValue === true\"> {{ textYes }}</mat-radio-button>\n <mat-radio-button [value]=\"false\" [checked]=\"internalValue === false\"> {{ textNo }}</mat-radio-button>\n </mat-radio-group>\n</form>\n", dependencies: [{ kind: "directive", type: i2$2.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { kind: "component", type: i2$2.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] }); }
|
|
879
883
|
}
|
|
880
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
884
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: YesNoRadiogroupComponent, decorators: [{
|
|
881
885
|
type: Component,
|
|
882
886
|
args: [{ selector: 'kms-yesno-radiogroup', providers: [
|
|
883
887
|
{
|
|
@@ -899,23 +903,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
|
|
|
899
903
|
args: ['child']
|
|
900
904
|
}] } });
|
|
901
905
|
|
|
902
|
-
/**
|
|
903
|
-
* @copyright FLYACTS GmbH 2019
|
|
904
|
-
*/
|
|
905
|
-
/**
|
|
906
|
-
* Check if null or undefined
|
|
907
|
-
* @param value value that is being checked
|
|
908
|
-
*/
|
|
909
|
-
function isValue(value) {
|
|
910
|
-
if (value === null) {
|
|
911
|
-
return false;
|
|
912
|
-
}
|
|
913
|
-
if (typeof value === 'undefined') {
|
|
914
|
-
return false;
|
|
915
|
-
}
|
|
916
|
-
return true;
|
|
917
|
-
}
|
|
918
|
-
|
|
919
906
|
// Max size in bytes of uploaded image
|
|
920
907
|
const MAX_SIZE_BYTES = 2097152;
|
|
921
908
|
class FileInputComponent {
|
|
@@ -950,7 +937,7 @@ class FileInputComponent {
|
|
|
950
937
|
});
|
|
951
938
|
this.subscriptions = [];
|
|
952
939
|
this.newImageLoading = false;
|
|
953
|
-
this.
|
|
940
|
+
this.IconSize = IconSize$1;
|
|
954
941
|
this.formDataChanged = new EventEmitter();
|
|
955
942
|
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
956
943
|
this.onChange = () => { };
|
|
@@ -1088,8 +1075,8 @@ class FileInputComponent {
|
|
|
1088
1075
|
const element = ev.target;
|
|
1089
1076
|
element.value = '';
|
|
1090
1077
|
}
|
|
1091
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
1092
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
1078
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileInputComponent, deps: [{ token: i1.UntypedFormBuilder }, { token: i0.ApplicationRef }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1079
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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: [
|
|
1093
1080
|
{
|
|
1094
1081
|
provide: NG_VALUE_ACCESSOR,
|
|
1095
1082
|
useExisting: forwardRef(() => FileInputComponent),
|
|
@@ -1100,9 +1087,9 @@ class FileInputComponent {
|
|
|
1100
1087
|
useExisting: forwardRef(() => FileInputComponent),
|
|
1101
1088
|
multi: true,
|
|
1102
1089
|
},
|
|
1103
|
-
], 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\" [
|
|
1090
|
+
], 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: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$3.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", 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]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: IconComponent, selector: "kms-icon", inputs: ["icon", "iconClass", "iconStyle", "iconSize", "dontUseSprite"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] }); }
|
|
1104
1091
|
}
|
|
1105
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
1092
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileInputComponent, decorators: [{
|
|
1106
1093
|
type: Component,
|
|
1107
1094
|
args: [{ selector: 'kms-file-input', providers: [
|
|
1108
1095
|
{
|
|
@@ -1115,7 +1102,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
|
|
|
1115
1102
|
useExisting: forwardRef(() => FileInputComponent),
|
|
1116
1103
|
multi: true,
|
|
1117
1104
|
},
|
|
1118
|
-
], 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\" [
|
|
1105
|
+
], 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>" }]
|
|
1119
1106
|
}], ctorParameters: function () { return [{ type: i1.UntypedFormBuilder }, { type: i0.ApplicationRef }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }]; }, propDecorators: { fileInput: [{
|
|
1120
1107
|
type: ViewChild,
|
|
1121
1108
|
args: ['fileInput']
|
|
@@ -1144,10 +1131,10 @@ class LoaderComponent {
|
|
|
1144
1131
|
}
|
|
1145
1132
|
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
1146
1133
|
ngOnInit() { }
|
|
1147
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
1148
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
1134
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1135
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LoaderComponent, selector: "kms-loader", inputs: { loading: "loading" }, ngImport: i0, template: "<div class=\"loading-spinner-shade\" *ngIf=\"loading\">\n <mat-spinner class=\"spinnerMargin\" color=\"accent\" diameter=\"44\"></mat-spinner>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$4.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] }); }
|
|
1149
1136
|
}
|
|
1150
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
1137
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoaderComponent, decorators: [{
|
|
1151
1138
|
type: Component,
|
|
1152
1139
|
args: [{ selector: 'kms-loader', template: "<div class=\"loading-spinner-shade\" *ngIf=\"loading\">\n <mat-spinner class=\"spinnerMargin\" color=\"accent\" diameter=\"44\"></mat-spinner>\n</div>\n" }]
|
|
1153
1140
|
}], ctorParameters: function () { return []; }, propDecorators: { loading: [{
|
|
@@ -1209,10 +1196,10 @@ class GetMaxHeightDirective {
|
|
|
1209
1196
|
this.maxHeightChanged.emit(maxHeight);
|
|
1210
1197
|
this.sumOfHeight.emit(sumOfHeight);
|
|
1211
1198
|
}
|
|
1212
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
1213
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.
|
|
1199
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetMaxHeightDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1200
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: GetMaxHeightDirective, selector: "[getMaxHeight]", inputs: { cssClassName: ["getMaxHeight", "cssClassName"] }, outputs: { maxHeightChanged: "maxHeightChanged", sumOfHeight: "sumOfHeight" }, ngImport: i0 }); }
|
|
1214
1201
|
}
|
|
1215
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
1202
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetMaxHeightDirective, decorators: [{
|
|
1216
1203
|
type: Directive,
|
|
1217
1204
|
args: [{
|
|
1218
1205
|
selector: '[getMaxHeight]',
|
|
@@ -1236,10 +1223,10 @@ class SafeHtmlPipe {
|
|
|
1236
1223
|
transform(html) {
|
|
1237
1224
|
return this.sanitizer.bypassSecurityTrustHtml(html);
|
|
1238
1225
|
}
|
|
1239
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
1240
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.
|
|
1226
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SafeHtmlPipe, deps: [{ token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
1227
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SafeHtmlPipe, name: "kmsSafeHtml" }); }
|
|
1241
1228
|
}
|
|
1242
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
1229
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SafeHtmlPipe, decorators: [{
|
|
1243
1230
|
type: Pipe,
|
|
1244
1231
|
args: [{
|
|
1245
1232
|
name: 'kmsSafeHtml',
|
|
@@ -1284,8 +1271,8 @@ class FlyoutComponent {
|
|
|
1284
1271
|
setDropdownListHeight(contentHeight) {
|
|
1285
1272
|
this.targetHeight = `${contentHeight}px`;
|
|
1286
1273
|
}
|
|
1287
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
1288
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
1274
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FlyoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1275
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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: [""], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: GetMaxHeightDirective, selector: "[getMaxHeight]", inputs: ["getMaxHeight"], outputs: ["maxHeightChanged", "sumOfHeight"] }, { kind: "component", type: IconComponent, selector: "kms-icon", inputs: ["icon", "iconClass", "iconStyle", "iconSize", "dontUseSprite"] }, { kind: "pipe", type: SafeHtmlPipe, name: "kmsSafeHtml" }], animations: [
|
|
1289
1276
|
trigger('dropdownAnimation', [
|
|
1290
1277
|
state('true', style({
|
|
1291
1278
|
height: '{{targetHeight}}',
|
|
@@ -1309,7 +1296,7 @@ class FlyoutComponent {
|
|
|
1309
1296
|
]),
|
|
1310
1297
|
] }); }
|
|
1311
1298
|
}
|
|
1312
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
1299
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FlyoutComponent, decorators: [{
|
|
1313
1300
|
type: Component,
|
|
1314
1301
|
args: [{ selector: 'kms-flyout', animations: [
|
|
1315
1302
|
trigger('dropdownAnimation', [
|
|
@@ -1333,7 +1320,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
|
|
|
1333
1320
|
},
|
|
1334
1321
|
}),
|
|
1335
1322
|
]),
|
|
1336
|
-
], 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'\"
|
|
1323
|
+
], 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" }]
|
|
1337
1324
|
}], propDecorators: { icon: [{
|
|
1338
1325
|
type: Input
|
|
1339
1326
|
}], headerCssClass: [{
|
|
@@ -1372,10 +1359,10 @@ class IntegerCurrency {
|
|
|
1372
1359
|
throw new Error("No value provided");
|
|
1373
1360
|
}
|
|
1374
1361
|
}
|
|
1375
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
1376
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.
|
|
1362
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IntegerCurrency, deps: [{ token: i2.CurrencyPipe }], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
1363
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: IntegerCurrency, name: "kmsIntegerCurrency" }); }
|
|
1377
1364
|
}
|
|
1378
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
1365
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IntegerCurrency, decorators: [{
|
|
1379
1366
|
type: Pipe,
|
|
1380
1367
|
args: [{
|
|
1381
1368
|
name: 'kmsIntegerCurrency',
|
|
@@ -1389,10 +1376,10 @@ class DecodeUriPipe {
|
|
|
1389
1376
|
transform(value, _args) {
|
|
1390
1377
|
return decodeURI(value);
|
|
1391
1378
|
}
|
|
1392
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
1393
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.
|
|
1379
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DecodeUriPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
1380
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DecodeUriPipe, name: "kmsDecodeUri" }); }
|
|
1394
1381
|
}
|
|
1395
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
1382
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DecodeUriPipe, decorators: [{
|
|
1396
1383
|
type: Pipe,
|
|
1397
1384
|
args: [{
|
|
1398
1385
|
name: 'kmsDecodeUri',
|
|
@@ -1406,10 +1393,10 @@ class EncodeUriPipe {
|
|
|
1406
1393
|
transform(value, _args) {
|
|
1407
1394
|
return encodeURI(value);
|
|
1408
1395
|
}
|
|
1409
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
1410
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.
|
|
1396
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EncodeUriPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
1397
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: EncodeUriPipe, name: "kmsEncodeUri" }); }
|
|
1411
1398
|
}
|
|
1412
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
1399
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EncodeUriPipe, decorators: [{
|
|
1413
1400
|
type: Pipe,
|
|
1414
1401
|
args: [{
|
|
1415
1402
|
name: 'kmsEncodeUri',
|
|
@@ -1426,10 +1413,10 @@ class SafeStylePipe {
|
|
|
1426
1413
|
transform(style) {
|
|
1427
1414
|
return this.sanitizer.bypassSecurityTrustStyle(style);
|
|
1428
1415
|
}
|
|
1429
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
1430
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.
|
|
1416
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SafeStylePipe, deps: [{ token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
1417
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SafeStylePipe, name: "kmsSafeStyle" }); }
|
|
1431
1418
|
}
|
|
1432
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
1419
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SafeStylePipe, decorators: [{
|
|
1433
1420
|
type: Pipe,
|
|
1434
1421
|
args: [{
|
|
1435
1422
|
name: 'kmsSafeStyle',
|
|
@@ -1446,10 +1433,10 @@ class SafeUrlPipe {
|
|
|
1446
1433
|
transform(url) {
|
|
1447
1434
|
return this.sanitizer.bypassSecurityTrustUrl(url);
|
|
1448
1435
|
}
|
|
1449
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
1450
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.
|
|
1436
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SafeUrlPipe, deps: [{ token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
1437
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SafeUrlPipe, name: "kmsSafeSUrl" }); }
|
|
1451
1438
|
}
|
|
1452
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
1439
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SafeUrlPipe, decorators: [{
|
|
1453
1440
|
type: Pipe,
|
|
1454
1441
|
args: [{
|
|
1455
1442
|
name: 'kmsSafeSUrl',
|
|
@@ -1466,10 +1453,10 @@ class SafeResourceUrlPipe {
|
|
|
1466
1453
|
transform(url) {
|
|
1467
1454
|
return this.sanitizer.bypassSecurityTrustResourceUrl(url);
|
|
1468
1455
|
}
|
|
1469
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
1470
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.
|
|
1456
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SafeResourceUrlPipe, deps: [{ token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
1457
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SafeResourceUrlPipe, name: "kmsSafeResourceSUrl" }); }
|
|
1471
1458
|
}
|
|
1472
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
1459
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SafeResourceUrlPipe, decorators: [{
|
|
1473
1460
|
type: Pipe,
|
|
1474
1461
|
args: [{
|
|
1475
1462
|
name: 'kmsSafeResourceSUrl',
|
|
@@ -1480,10 +1467,10 @@ class TypeofPipe {
|
|
|
1480
1467
|
transform(value) {
|
|
1481
1468
|
return typeof value;
|
|
1482
1469
|
}
|
|
1483
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
1484
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.
|
|
1470
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TypeofPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
1471
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TypeofPipe, name: "kmsTypeOf" }); }
|
|
1485
1472
|
}
|
|
1486
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
1473
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TypeofPipe, decorators: [{
|
|
1487
1474
|
type: Pipe,
|
|
1488
1475
|
args: [{
|
|
1489
1476
|
name: 'kmsTypeOf',
|
|
@@ -1500,10 +1487,10 @@ class TrimPipe {
|
|
|
1500
1487
|
}
|
|
1501
1488
|
return value.trim();
|
|
1502
1489
|
}
|
|
1503
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
1504
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.
|
|
1490
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TrimPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
1491
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TrimPipe, name: "kmsTrim" }); }
|
|
1505
1492
|
}
|
|
1506
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
1493
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TrimPipe, decorators: [{
|
|
1507
1494
|
type: Pipe,
|
|
1508
1495
|
args: [{ name: 'kmsTrim' }]
|
|
1509
1496
|
}] });
|
|
@@ -1518,10 +1505,10 @@ class ToNumberPipe {
|
|
|
1518
1505
|
}
|
|
1519
1506
|
return parseInt(items, 10);
|
|
1520
1507
|
}
|
|
1521
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
1522
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.
|
|
1508
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToNumberPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
1509
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ToNumberPipe, name: "kmsToNumber", pure: false }); }
|
|
1523
1510
|
}
|
|
1524
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
1511
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToNumberPipe, decorators: [{
|
|
1525
1512
|
type: Pipe,
|
|
1526
1513
|
args: [{
|
|
1527
1514
|
name: 'kmsToNumber',
|
|
@@ -1533,8 +1520,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
|
|
|
1533
1520
|
* @copyright KMS GmbH
|
|
1534
1521
|
*/
|
|
1535
1522
|
class CustomPipesModule {
|
|
1536
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
1537
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.
|
|
1523
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomPipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1524
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: CustomPipesModule, declarations: [IntegerCurrency,
|
|
1538
1525
|
SafeHtmlPipe,
|
|
1539
1526
|
SafeStylePipe,
|
|
1540
1527
|
SafeResourceUrlPipe,
|
|
@@ -1553,9 +1540,9 @@ class CustomPipesModule {
|
|
|
1553
1540
|
TypeofPipe,
|
|
1554
1541
|
TrimPipe,
|
|
1555
1542
|
ToNumberPipe] }); }
|
|
1556
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.
|
|
1543
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomPipesModule, providers: [CurrencyPipe], imports: [CommonModule] }); }
|
|
1557
1544
|
}
|
|
1558
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
1545
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomPipesModule, decorators: [{
|
|
1559
1546
|
type: NgModule,
|
|
1560
1547
|
args: [{
|
|
1561
1548
|
declarations: [
|
|
@@ -1606,16 +1593,16 @@ class EnumRadiogroupComponent extends FormControlParentComponent {
|
|
|
1606
1593
|
});
|
|
1607
1594
|
super.ngOnInit();
|
|
1608
1595
|
}
|
|
1609
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
1610
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
1596
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EnumRadiogroupComponent, deps: [{ token: i1.UntypedFormBuilder }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1597
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EnumRadiogroupComponent, selector: "kms-enum-radiogroup", inputs: { header: "header", optionsEnum: "optionsEnum", translationPrefix: "translationPrefix" }, providers: [
|
|
1611
1598
|
{
|
|
1612
1599
|
provide: NG_VALUE_ACCESSOR,
|
|
1613
1600
|
useExisting: forwardRef(() => EnumRadiogroupComponent),
|
|
1614
1601
|
multi: true,
|
|
1615
1602
|
},
|
|
1616
|
-
], usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\">\n <div>{{ header }}</div>\n <mat-radio-group [formControl]=\"form.controls['enumData']\" [disabled]=\"disabled\" #child>\n <mat-radio-button [value]=\"choice\" [checked]=\"value === choice\" *ngFor=\"let choice of optionValues\">{{ translationPrefix + '.' + choice | translate }}</mat-radio-button>\n </mat-radio-group>\n</form>", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$2.
|
|
1603
|
+
], usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\">\n <div>{{ header }}</div>\n <mat-radio-group [formControl]=\"form.controls['enumData']\" [disabled]=\"disabled\" #child>\n <mat-radio-button [value]=\"choice\" [checked]=\"value === choice\" *ngFor=\"let choice of optionValues\">{{ translationPrefix + '.' + choice | translate }}</mat-radio-button>\n </mat-radio-group>\n</form>", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$2.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { kind: "component", type: i2$2.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] }); }
|
|
1617
1604
|
}
|
|
1618
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
1605
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EnumRadiogroupComponent, decorators: [{
|
|
1619
1606
|
type: Component,
|
|
1620
1607
|
args: [{ selector: 'kms-enum-radiogroup', providers: [
|
|
1621
1608
|
{
|
|
@@ -1639,193 +1626,120 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
|
|
|
1639
1626
|
* A generic dialog component
|
|
1640
1627
|
*/
|
|
1641
1628
|
class KMSAccordionItemComponent {
|
|
1642
|
-
set itemTitle(val) {
|
|
1643
|
-
this.itemTitleTrustHtml = this.sanitizer.bypassSecurityTrustHtml(val);
|
|
1644
|
-
}
|
|
1645
1629
|
constructor(sanitizer) {
|
|
1646
1630
|
this.sanitizer = sanitizer;
|
|
1631
|
+
this.itemTitle = '';
|
|
1647
1632
|
this.showAsCard = false;
|
|
1648
1633
|
this.isSmall = false;
|
|
1649
1634
|
this.expanded = false;
|
|
1650
1635
|
this.panelOpenState = false;
|
|
1651
1636
|
}
|
|
1652
|
-
ngOnInit() {
|
|
1653
|
-
|
|
1654
|
-
|
|
1637
|
+
ngOnInit() {
|
|
1638
|
+
this.itemTitleTrustHtml = this.sanitizer.bypassSecurityTrustHtml(this.itemTitle);
|
|
1639
|
+
}
|
|
1640
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KMSAccordionItemComponent, deps: [{ token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1641
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: KMSAccordionItemComponent, selector: "kms-accordion-item", inputs: { itemTitle: "itemTitle", showAsCard: "showAsCard", isSmall: "isSmall", expanded: "expanded" }, ngImport: i0, template: "<mat-expansion-panel\n class=\"accordion-item\"\n [ngClass]=\"{showAsCard: showAsCard, showFlat: !showAsCard, isSmall: isSmall}\"\n (opened)=\"panelOpenState = true\"\n (closed)=\"panelOpenState = false\"\n [expanded] = \"expanded\"\n hideToggle=\"true\">\n <mat-expansion-panel-header class=\"accordion-item-header\">\n <mat-panel-title class=\"mat-subheading-2 accordion-item-title\">\n <div [innerHtml]=\"itemTitleTrustHtml\"></div>\n <ng-content select=\"[itemTitleElement]\"></ng-content>\n </mat-panel-title>\n <div class=\"accordion-item-header-icon-wrapper\">\n <kms-icon *ngIf=\"!panelOpenState\" icon=\"ic_plus\" iconClass=\"color-red\" class=\"accordion-item-header-icon-wrapper-desktop\"></kms-icon>\n <kms-icon *ngIf=\"panelOpenState\" icon=\"ic_minus\" iconClass=\"color-red\" class=\"accordion-item-header-icon-wrapper-desktop\"></kms-icon>\n\n <kms-icon *ngIf=\"!panelOpenState\" icon=\"chevron-down\" iconClass=\"color-red\" class=\"accordion-item-header-icon-wrapper-mobile\"></kms-icon>\n <kms-icon *ngIf=\"panelOpenState\" icon=\"chevron-top\" iconClass=\"color-red\" class=\"accordion-item-header-icon-wrapper-mobile\"></kms-icon>\n </div>\n </mat-expansion-panel-header>\n <ng-content></ng-content>\n</mat-expansion-panel>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i3$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "directive", type: i3$1.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "component", type: IconComponent, selector: "kms-icon", inputs: ["icon", "iconClass", "iconStyle", "iconSize", "dontUseSprite"] }] }); }
|
|
1655
1642
|
}
|
|
1656
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
1643
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KMSAccordionItemComponent, decorators: [{
|
|
1657
1644
|
type: Component,
|
|
1658
1645
|
args: [{ selector: 'kms-accordion-item', template: "<mat-expansion-panel\n class=\"accordion-item\"\n [ngClass]=\"{showAsCard: showAsCard, showFlat: !showAsCard, isSmall: isSmall}\"\n (opened)=\"panelOpenState = true\"\n (closed)=\"panelOpenState = false\"\n [expanded] = \"expanded\"\n hideToggle=\"true\">\n <mat-expansion-panel-header class=\"accordion-item-header\">\n <mat-panel-title class=\"mat-subheading-2 accordion-item-title\">\n <div [innerHtml]=\"itemTitleTrustHtml\"></div>\n <ng-content select=\"[itemTitleElement]\"></ng-content>\n </mat-panel-title>\n <div class=\"accordion-item-header-icon-wrapper\">\n <kms-icon *ngIf=\"!panelOpenState\" icon=\"ic_plus\" iconClass=\"color-red\" class=\"accordion-item-header-icon-wrapper-desktop\"></kms-icon>\n <kms-icon *ngIf=\"panelOpenState\" icon=\"ic_minus\" iconClass=\"color-red\" class=\"accordion-item-header-icon-wrapper-desktop\"></kms-icon>\n\n <kms-icon *ngIf=\"!panelOpenState\" icon=\"chevron-down\" iconClass=\"color-red\" class=\"accordion-item-header-icon-wrapper-mobile\"></kms-icon>\n <kms-icon *ngIf=\"panelOpenState\" icon=\"chevron-top\" iconClass=\"color-red\" class=\"accordion-item-header-icon-wrapper-mobile\"></kms-icon>\n </div>\n </mat-expansion-panel-header>\n <ng-content></ng-content>\n</mat-expansion-panel>\n" }]
|
|
1659
|
-
}], ctorParameters: function () { return [{ type: i1$1.DomSanitizer }]; }, propDecorators: {
|
|
1646
|
+
}], ctorParameters: function () { return [{ type: i1$1.DomSanitizer }]; }, propDecorators: { itemTitle: [{
|
|
1647
|
+
type: Input
|
|
1648
|
+
}], showAsCard: [{
|
|
1660
1649
|
type: Input
|
|
1661
1650
|
}], isSmall: [{
|
|
1662
1651
|
type: Input
|
|
1663
1652
|
}], expanded: [{
|
|
1664
1653
|
type: Input
|
|
1665
|
-
}], itemTitle: [{
|
|
1666
|
-
type: Input
|
|
1667
1654
|
}] } });
|
|
1668
1655
|
|
|
1669
1656
|
/**
|
|
1670
1657
|
* @copyright KMS GmbH
|
|
1671
1658
|
*/
|
|
1672
|
-
class WindowDimensions {
|
|
1673
|
-
constructor(data) {
|
|
1674
|
-
Object.assign(this, data);
|
|
1675
|
-
}
|
|
1676
|
-
}
|
|
1677
|
-
class SimpleBreakpoint {
|
|
1678
|
-
constructor(data) {
|
|
1679
|
-
Object.assign(this, data);
|
|
1680
|
-
}
|
|
1681
|
-
}
|
|
1682
|
-
class Breakpoint {
|
|
1683
|
-
constructor(data) {
|
|
1684
|
-
Object.assign(this, data);
|
|
1685
|
-
}
|
|
1686
|
-
}
|
|
1687
1659
|
/**
|
|
1688
1660
|
* Service to get viewport
|
|
1689
1661
|
*/
|
|
1690
1662
|
class ViewportService {
|
|
1691
|
-
constructor(platformId
|
|
1663
|
+
constructor(platformId) {
|
|
1692
1664
|
this.platformId = platformId;
|
|
1693
|
-
this.
|
|
1694
|
-
this.simpleBreakpoints = [
|
|
1695
|
-
{ Number: 0, Name: 'mobile', MaximumPixels: 768 },
|
|
1696
|
-
{ Number: 1, Name: 'tablet', MaximumPixels: 1024 },
|
|
1697
|
-
{ Number: 2, Name: 'desktop', MaximumPixels: 1600 },
|
|
1698
|
-
{ Number: 3, Name: 'high', MaximumPixels: 2500 },
|
|
1699
|
-
];
|
|
1700
|
-
this.breakpoints = [
|
|
1665
|
+
this.viewports = [
|
|
1701
1666
|
{
|
|
1702
|
-
|
|
1703
|
-
|
|
1704
|
-
|
|
1705
|
-
High: 990,
|
|
1667
|
+
name: 'xs',
|
|
1668
|
+
low: 420,
|
|
1669
|
+
high: 990,
|
|
1706
1670
|
},
|
|
1707
1671
|
{
|
|
1708
|
-
|
|
1709
|
-
|
|
1710
|
-
|
|
1711
|
-
High: 1024,
|
|
1672
|
+
name: 's',
|
|
1673
|
+
low: 991,
|
|
1674
|
+
high: 1024,
|
|
1712
1675
|
},
|
|
1713
1676
|
{
|
|
1714
|
-
|
|
1715
|
-
|
|
1716
|
-
|
|
1717
|
-
High: 1200,
|
|
1677
|
+
name: 'm',
|
|
1678
|
+
low: 1025,
|
|
1679
|
+
high: 1200,
|
|
1718
1680
|
},
|
|
1719
1681
|
{
|
|
1720
|
-
|
|
1721
|
-
|
|
1722
|
-
|
|
1723
|
-
High: 1400,
|
|
1682
|
+
name: 'l',
|
|
1683
|
+
low: 12001,
|
|
1684
|
+
high: 1400,
|
|
1724
1685
|
},
|
|
1725
1686
|
{
|
|
1726
|
-
|
|
1727
|
-
|
|
1728
|
-
|
|
1729
|
-
High: 1600,
|
|
1687
|
+
name: 'xl',
|
|
1688
|
+
low: 1401,
|
|
1689
|
+
high: 1600,
|
|
1730
1690
|
},
|
|
1731
1691
|
{
|
|
1732
|
-
|
|
1733
|
-
|
|
1734
|
-
|
|
1735
|
-
High: 1920,
|
|
1692
|
+
name: 'xxl',
|
|
1693
|
+
low: 1601,
|
|
1694
|
+
high: 1920,
|
|
1736
1695
|
},
|
|
1737
1696
|
{
|
|
1738
|
-
|
|
1739
|
-
|
|
1740
|
-
|
|
1741
|
-
High: 99999,
|
|
1697
|
+
name: 'xxxl',
|
|
1698
|
+
low: 1921,
|
|
1699
|
+
high: 99999,
|
|
1742
1700
|
},
|
|
1743
1701
|
];
|
|
1744
1702
|
this.viewportChangedSubscriber = new Subject();
|
|
1745
1703
|
this.viewportResizedSubscriber = new Subject();
|
|
1746
|
-
this.isBrowser = false;
|
|
1747
1704
|
if (isPlatformBrowser(this.platformId)) {
|
|
1748
|
-
window.addEventListener('resize', this.documentSizeChanged.bind(this), {
|
|
1749
|
-
passive: true,
|
|
1750
|
-
});
|
|
1751
|
-
this.isBrowser = true;
|
|
1705
|
+
window.addEventListener('resize', this.documentSizeChanged.bind(this), { passive: true });
|
|
1752
1706
|
}
|
|
1753
1707
|
}
|
|
1754
1708
|
/**
|
|
1755
|
-
* Get
|
|
1709
|
+
* Get window height
|
|
1756
1710
|
*/
|
|
1757
1711
|
getDocumentHeight() {
|
|
1758
|
-
return this.
|
|
1712
|
+
return isPlatformBrowser(this.platformId) ? document.body.clientHeight : 1200;
|
|
1759
1713
|
}
|
|
1760
1714
|
/**
|
|
1761
|
-
* Get
|
|
1715
|
+
* Get window width
|
|
1762
1716
|
*/
|
|
1763
1717
|
getDocumentWidth() {
|
|
1764
|
-
return this.
|
|
1718
|
+
return isPlatformBrowser(this.platformId) ? document.body.clientWidth : 1200;
|
|
1765
1719
|
}
|
|
1766
1720
|
/**
|
|
1767
1721
|
* Get window height
|
|
1768
1722
|
*/
|
|
1769
1723
|
getWindowHeight() {
|
|
1770
|
-
return this.
|
|
1724
|
+
return isPlatformBrowser(this.platformId) ? window.innerHeight : 1200;
|
|
1771
1725
|
}
|
|
1772
1726
|
/**
|
|
1773
1727
|
* Get window width
|
|
1774
1728
|
*/
|
|
1775
1729
|
getWindowWidth() {
|
|
1776
|
-
return this.
|
|
1730
|
+
return isPlatformBrowser(this.platformId) ? window.innerWidth : 1200;
|
|
1777
1731
|
}
|
|
1778
1732
|
/**
|
|
1779
1733
|
* Returns the current viewport MQ as string
|
|
1780
1734
|
* @returns string
|
|
1781
1735
|
*/
|
|
1782
1736
|
getCurrentViewPort() {
|
|
1783
|
-
|
|
1784
|
-
? document.body.clientWidth
|
|
1785
|
-
|
|
1786
|
-
|
|
1737
|
+
if (!this.currentViewport) {
|
|
1738
|
+
const currentWidth = isPlatformBrowser(this.platformId) ? document.body.clientWidth : 1200;
|
|
1739
|
+
this.currentViewport = this.convertWidthToMediaQuery(currentWidth);
|
|
1740
|
+
}
|
|
1787
1741
|
return this.currentViewport;
|
|
1788
1742
|
}
|
|
1789
|
-
/**
|
|
1790
|
-
* Returns the current viewport MQ as object with all informations
|
|
1791
|
-
* @returns string
|
|
1792
|
-
*/
|
|
1793
|
-
getCurrentViewPortObject() {
|
|
1794
|
-
const currentWidth = this.isBrowser
|
|
1795
|
-
? document.body.clientWidth
|
|
1796
|
-
: 1200;
|
|
1797
|
-
this.currentViewportObject = this.convertWidthToMediaQuery(currentWidth);
|
|
1798
|
-
return this.currentViewportObject;
|
|
1799
|
-
}
|
|
1800
|
-
/**
|
|
1801
|
-
* Returns the current viewport as number
|
|
1802
|
-
* @deprecated use getCurrentViewPortDimensions instead
|
|
1803
|
-
* @returns string
|
|
1804
|
-
*/
|
|
1805
|
-
getCurrentViewPortNumber() {
|
|
1806
|
-
return this.isBrowser ? document.body.clientWidth : 1200;
|
|
1807
|
-
}
|
|
1808
|
-
/**
|
|
1809
|
-
* Returns the current viewport width as number
|
|
1810
|
-
* @returns string
|
|
1811
|
-
*/
|
|
1812
|
-
getCurrentViewPortWidth() {
|
|
1813
|
-
return this.isBrowser ? document.body.clientWidth : 1200;
|
|
1814
|
-
}
|
|
1815
|
-
/**
|
|
1816
|
-
* Returns the current viewport as number
|
|
1817
|
-
* @returns string
|
|
1818
|
-
*/
|
|
1819
|
-
getCurrentViewPortHeight() {
|
|
1820
|
-
return this.isBrowser ? document.body.clientHeight : 600;
|
|
1821
|
-
}
|
|
1822
|
-
/**
|
|
1823
|
-
* Returns the current viewport dimensions
|
|
1824
|
-
* @returns string
|
|
1825
|
-
*/
|
|
1826
|
-
getCurrentViewPortDimensions() {
|
|
1827
|
-
return this.isBrowser ? { Width: document.body.clientWidth, Height: document.body.clientWidth, Orientation: this.getOrientationAsString() } : { Width: 800, Height: 600, Orientation: "landscape" };
|
|
1828
|
-
}
|
|
1829
1743
|
/**
|
|
1830
1744
|
* Provides mq´s as string
|
|
1831
1745
|
*/
|
|
@@ -1838,11 +1752,8 @@ class ViewportService {
|
|
|
1838
1752
|
getViewportResizedObserver() {
|
|
1839
1753
|
return this.viewportResizedSubscriber.asObservable();
|
|
1840
1754
|
}
|
|
1841
|
-
/**
|
|
1842
|
-
* Scroll to element
|
|
1843
|
-
*/
|
|
1844
1755
|
scrollToElementId(el, alignCenter = false) {
|
|
1845
|
-
if (this.
|
|
1756
|
+
if (isPlatformBrowser(this.platformId)) {
|
|
1846
1757
|
this.scrollToElement(document.querySelector('#' + el), alignCenter);
|
|
1847
1758
|
}
|
|
1848
1759
|
}
|
|
@@ -1852,24 +1763,24 @@ class ViewportService {
|
|
|
1852
1763
|
* @param alignCenter - defines if the element needs to be centered on window
|
|
1853
1764
|
*/
|
|
1854
1765
|
scrollToElement(el, alignCenter = false) {
|
|
1855
|
-
if (this.
|
|
1766
|
+
if (isPlatformBrowser(this.platformId)) {
|
|
1856
1767
|
let extraScrollTop = 0;
|
|
1857
1768
|
if (alignCenter) {
|
|
1858
1769
|
extraScrollTop = (window.innerHeight - el.clientHeight) / 2;
|
|
1859
1770
|
}
|
|
1860
|
-
|
|
1771
|
+
/*
|
|
1772
|
+
const elementPos: DOMRect = el.getBoundingClientRect();
|
|
1773
|
+
const scrollTopPosition = elementPos.x - extraScrollTop;
|
|
1774
|
+
*/
|
|
1775
|
+
//let offsetLeft = 0;
|
|
1861
1776
|
let offsetTop = 0;
|
|
1862
1777
|
let elTemp = el;
|
|
1863
1778
|
while (elTemp) {
|
|
1864
|
-
offsetLeft += elTemp.offsetLeft;
|
|
1779
|
+
//offsetLeft += elTemp.offsetLeft;
|
|
1865
1780
|
offsetTop += elTemp.offsetTop;
|
|
1866
1781
|
elTemp = elTemp.parentElement ? elTemp.parentElement : null;
|
|
1867
1782
|
}
|
|
1868
|
-
window.scrollTo({
|
|
1869
|
-
left: offsetLeft,
|
|
1870
|
-
top: offsetTop - extraScrollTop,
|
|
1871
|
-
behavior: 'smooth',
|
|
1872
|
-
});
|
|
1783
|
+
window.scrollTo({ left: 0, top: offsetTop - extraScrollTop, behavior: 'smooth' });
|
|
1873
1784
|
}
|
|
1874
1785
|
}
|
|
1875
1786
|
/**
|
|
@@ -1877,67 +1788,13 @@ class ViewportService {
|
|
|
1877
1788
|
* @param top - top position value
|
|
1878
1789
|
*/
|
|
1879
1790
|
scrollTop(top) {
|
|
1880
|
-
if (this.
|
|
1791
|
+
if (isPlatformBrowser(this.platformId)) {
|
|
1881
1792
|
window.scrollTo({ left: 0, top: top, behavior: 'smooth' });
|
|
1882
1793
|
}
|
|
1883
1794
|
}
|
|
1884
|
-
|
|
1885
|
-
|
|
1886
|
-
|
|
1887
|
-
isPortrait() {
|
|
1888
|
-
if (this.isBrowser)
|
|
1889
|
-
return window.innerHeight > window.innerWidth;
|
|
1890
|
-
else
|
|
1891
|
-
return undefined;
|
|
1892
|
-
}
|
|
1893
|
-
/**
|
|
1894
|
-
* If orientation is landscape
|
|
1895
|
-
*/
|
|
1896
|
-
isLandscape() {
|
|
1897
|
-
if (this.isBrowser) {
|
|
1898
|
-
const isLandscape = window.orientation === 90 || window.orientation === -90;
|
|
1899
|
-
return isLandscape;
|
|
1900
|
-
}
|
|
1901
|
-
else {
|
|
1902
|
-
return undefined;
|
|
1903
|
-
}
|
|
1904
|
-
}
|
|
1905
|
-
/**
|
|
1906
|
-
* Get screen orientation (portrait/landscape)
|
|
1907
|
-
*/
|
|
1908
|
-
getOrientationAsString() {
|
|
1909
|
-
return this.isPortrait ? "portrait" : "landscape";
|
|
1910
|
-
}
|
|
1911
|
-
/**
|
|
1912
|
-
* If mobile breakpoint (below tablet)
|
|
1913
|
-
*/
|
|
1914
|
-
isMobile() {
|
|
1915
|
-
return this.getCurrentViewPortNumber() < this.breakpoints[2].Low;
|
|
1916
|
-
}
|
|
1917
|
-
/**
|
|
1918
|
-
* Get height of an element
|
|
1919
|
-
* @deprecated
|
|
1920
|
-
*/
|
|
1921
|
-
calculateFullscreenElementsheight(id, defaultheight, extra) {
|
|
1922
|
-
return this.calculateFullscreenElementsHeight(id, defaultheight, extra);
|
|
1923
|
-
}
|
|
1924
|
-
/**
|
|
1925
|
-
* Get height of an element
|
|
1926
|
-
*/
|
|
1927
|
-
calculateFullscreenElementsHeight(id, defaultheight, extra) {
|
|
1928
|
-
if (!this.isBrowser || this.isMobile()) {
|
|
1929
|
-
return defaultheight;
|
|
1930
|
-
}
|
|
1931
|
-
else {
|
|
1932
|
-
const map = this.document.getElementById(id);
|
|
1933
|
-
const footer = this.document.getElementsByTagName('footer')[0];
|
|
1934
|
-
if (map && footer) {
|
|
1935
|
-
return `${window.innerHeight - map.offsetTop - footer.offsetHeight - extra}px`;
|
|
1936
|
-
}
|
|
1937
|
-
else {
|
|
1938
|
-
console.warn('could not calculate map height');
|
|
1939
|
-
return defaultheight;
|
|
1940
|
-
}
|
|
1795
|
+
ngOnDestroy() {
|
|
1796
|
+
if (isPlatformBrowser(this.platformId)) {
|
|
1797
|
+
window.removeEventListener('resize', this.documentSizeChanged);
|
|
1941
1798
|
}
|
|
1942
1799
|
}
|
|
1943
1800
|
/**
|
|
@@ -1949,18 +1806,18 @@ class ViewportService {
|
|
|
1949
1806
|
// inform who´s interested
|
|
1950
1807
|
this.viewportResizedSubscriber.next(currentWindowWidth);
|
|
1951
1808
|
if (currentWindowWidth > 0) {
|
|
1952
|
-
for (const mqs of this.
|
|
1953
|
-
if (currentWindowWidth > mqs.
|
|
1809
|
+
for (const mqs of this.viewports) {
|
|
1810
|
+
if (currentWindowWidth > mqs.high) {
|
|
1954
1811
|
continue;
|
|
1955
1812
|
}
|
|
1956
|
-
else if ((currentWindowWidth >= mqs.
|
|
1957
|
-
this.currentViewport !== mqs.
|
|
1958
|
-
this.currentViewport = mqs.
|
|
1813
|
+
else if ((currentWindowWidth >= mqs.low || currentWindowWidth <= mqs.high) &&
|
|
1814
|
+
this.currentViewport !== mqs.name) {
|
|
1815
|
+
this.currentViewport = mqs.name;
|
|
1959
1816
|
// inform who´s interested
|
|
1960
|
-
this.viewportChangedSubscriber.next(mqs.
|
|
1817
|
+
this.viewportChangedSubscriber.next(mqs.name);
|
|
1961
1818
|
break;
|
|
1962
1819
|
}
|
|
1963
|
-
else if (this.currentViewport === mqs.
|
|
1820
|
+
else if (this.currentViewport === mqs.name) {
|
|
1964
1821
|
break;
|
|
1965
1822
|
}
|
|
1966
1823
|
else {
|
|
@@ -1974,47 +1831,38 @@ class ViewportService {
|
|
|
1974
1831
|
* @param width Width to get the according MQ for
|
|
1975
1832
|
*/
|
|
1976
1833
|
convertWidthToMediaQuery(width) {
|
|
1977
|
-
let currentViewport =
|
|
1978
|
-
for (const mqs of this.
|
|
1979
|
-
if (width <= mqs.
|
|
1980
|
-
currentViewport = mqs;
|
|
1834
|
+
let currentViewport = '';
|
|
1835
|
+
for (const mqs of this.viewports) {
|
|
1836
|
+
if (width <= mqs.high && width >= mqs.low) {
|
|
1837
|
+
currentViewport = mqs.name;
|
|
1981
1838
|
break;
|
|
1982
1839
|
}
|
|
1983
1840
|
}
|
|
1984
1841
|
return currentViewport;
|
|
1985
1842
|
}
|
|
1986
|
-
|
|
1987
|
-
|
|
1988
|
-
|
|
1989
|
-
|
|
1990
|
-
|
|
1991
|
-
const sizes = this.simpleBreakpoints.slice().reverse(); // we need to reverse it to check step by step from biggest, which breakpoints still fits. Slice is a trick to not mutate the original array and make a copy
|
|
1992
|
-
for (const key in sizes) {
|
|
1993
|
-
if (screenSize < sizes[key].MaximumPixels) {
|
|
1994
|
-
actualBreakpoint = sizes[key];
|
|
1995
|
-
}
|
|
1996
|
-
}
|
|
1997
|
-
if (!actualBreakpoint) {
|
|
1998
|
-
actualBreakpoint = sizes[0]; // default screensize is biggest. Will be used if viewport is bigger as maximum. Remember, array is reversed
|
|
1999
|
-
}
|
|
2000
|
-
return actualBreakpoint;
|
|
1843
|
+
isPortrait() {
|
|
1844
|
+
if (isPlatformBrowser(this.platformId))
|
|
1845
|
+
return window.innerHeight > window.innerWidth;
|
|
1846
|
+
else
|
|
1847
|
+
return;
|
|
2001
1848
|
}
|
|
2002
|
-
|
|
2003
|
-
if (this.
|
|
2004
|
-
window.
|
|
1849
|
+
isLandscape() {
|
|
1850
|
+
if (isPlatformBrowser(this.platformId)) {
|
|
1851
|
+
const isLandscape = window.orientation === 90 || window.orientation === -90;
|
|
1852
|
+
return isLandscape;
|
|
1853
|
+
}
|
|
1854
|
+
else {
|
|
1855
|
+
return;
|
|
2005
1856
|
}
|
|
2006
1857
|
}
|
|
2007
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
2008
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.
|
|
1858
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ViewportService, deps: [{ token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1859
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ViewportService }); }
|
|
2009
1860
|
}
|
|
2010
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
1861
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ViewportService, decorators: [{
|
|
2011
1862
|
type: Injectable
|
|
2012
1863
|
}], ctorParameters: function () { return [{ type: Object, decorators: [{
|
|
2013
1864
|
type: Inject,
|
|
2014
1865
|
args: [PLATFORM_ID]
|
|
2015
|
-
}] }, { type: Document, decorators: [{
|
|
2016
|
-
type: Inject,
|
|
2017
|
-
args: [DOCUMENT]
|
|
2018
1866
|
}] }]; } });
|
|
2019
1867
|
|
|
2020
1868
|
/*!
|
|
@@ -2118,12 +1966,12 @@ class MapComponent {
|
|
|
2118
1966
|
this.zoom--;
|
|
2119
1967
|
}
|
|
2120
1968
|
}
|
|
2121
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
2122
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
1969
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapComponent, deps: [{ token: ViewportService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1970
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MapComponent, selector: "kms-map", inputs: { data: "data" }, ngImport: i0, template: "<div *ngIf=\"geoDataFoundForAddress && widthSet\">\n <google-map\n height=\"415px\"\n [width]=\"width\"\n [zoom]=\"zoom\"\n [center]=\"center\"\n [options]=\"options\"\n >\n <map-marker\n *ngFor=\"let marker of markers\"\n [position]=\"marker.position\"\n [label]=\"marker.label\"\n [title]=\"marker.title\"\n [options]=\"marker.options\"\n >\n </map-marker>\n </google-map>\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$2.GoogleMap, selector: "google-map", inputs: ["height", "width", "mapTypeId", "center", "zoom", "options"], outputs: ["mapInitialized", "authFailure", "boundsChanged", "centerChanged", "mapClick", "mapDblclick", "mapDrag", "mapDragend", "mapDragstart", "headingChanged", "idle", "maptypeidChanged", "mapMousemove", "mapMouseout", "mapMouseover", "projectionChanged", "mapRightclick", "tilesloaded", "tiltChanged", "zoomChanged"], exportAs: ["googleMap"] }, { kind: "directive", type: i3$2.MapMarker, selector: "map-marker", inputs: ["title", "position", "label", "clickable", "options", "icon", "visible"], outputs: ["animationChanged", "mapClick", "clickableChanged", "cursorChanged", "mapDblclick", "mapDrag", "mapDragend", "draggableChanged", "mapDragstart", "flatChanged", "iconChanged", "mapMousedown", "mapMouseout", "mapMouseover", "mapMouseup", "positionChanged", "mapRightclick", "shapeChanged", "titleChanged", "visibleChanged", "zindexChanged"], exportAs: ["mapMarker"] }] }); }
|
|
2123
1971
|
}
|
|
2124
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
1972
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapComponent, decorators: [{
|
|
2125
1973
|
type: Component,
|
|
2126
|
-
args: [{ selector: 'kms-map', template: "<div *ngIf=\"geoDataFoundForAddress\">\n <google-map\n height=\"415px\"\n [width]=\"width\"\n [zoom]=\"zoom\"\n [center]=\"center\"\n [options]=\"options\"\n >\n <map-marker\n *ngFor=\"let marker of markers\"\n [position]=\"marker.position\"\n [label]=\"marker.label\"\n [title]=\"marker.title\"\n [options]=\"marker.options\"\n >\n </map-marker>\n </google-map>\n</div>" }]
|
|
1974
|
+
args: [{ selector: 'kms-map', template: "<div *ngIf=\"geoDataFoundForAddress && widthSet\">\n <google-map\n height=\"415px\"\n [width]=\"width\"\n [zoom]=\"zoom\"\n [center]=\"center\"\n [options]=\"options\"\n >\n <map-marker\n *ngFor=\"let marker of markers\"\n [position]=\"marker.position\"\n [label]=\"marker.label\"\n [title]=\"marker.title\"\n [options]=\"marker.options\"\n >\n </map-marker>\n </google-map>\n</div>" }]
|
|
2127
1975
|
}], ctorParameters: function () { return [{ type: ViewportService }]; }, propDecorators: { data: [{
|
|
2128
1976
|
type: Input
|
|
2129
1977
|
}] } });
|
|
@@ -2159,16 +2007,16 @@ class SalutationDropdownComponent extends FormControlParentComponent {
|
|
|
2159
2007
|
});
|
|
2160
2008
|
super.ngOnInit();
|
|
2161
2009
|
}
|
|
2162
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
2163
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
2010
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SalutationDropdownComponent, deps: [{ token: i1.UntypedFormBuilder }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2011
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SalutationDropdownComponent, selector: "kms-salutation-dropdown", inputs: { placeholder: "placeholder" }, providers: [
|
|
2164
2012
|
{
|
|
2165
2013
|
provide: NG_VALUE_ACCESSOR,
|
|
2166
2014
|
useExisting: forwardRef(() => SalutationDropdownComponent),
|
|
2167
2015
|
multi: true,
|
|
2168
2016
|
},
|
|
2169
|
-
], usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" class=\"row\">\n <mat-form-field class=\"col\">\n <mat-select disableOptionCentering [formControl]=\"form.controls['salut']\" [placeholder]=\"placeholder\" [value]=\"value\" #child>\n <mat-option [value]=\"SalutationEnum.NOT_SPECIFIED\">{{ 'general.salutation.' + Object.keys(SalutationEnum)[0]?.toLowerCase() | translate }}</mat-option>\n <mat-option [value]=\"SalutationEnum.MALE\">{{ 'general.salutation.' + Object.keys(SalutationEnum)[1]?.toLowerCase() | translate }}</mat-option>\n <mat-option [value]=\"SalutationEnum.FEMALE\">{{ 'general.salutation.' + Object.keys(SalutationEnum)[2]?.toLowerCase() | translate }}</mat-option>\n </mat-select>\n </mat-form-field>\n</form>", dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i3.
|
|
2017
|
+
], usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" class=\"row\">\n <mat-form-field class=\"col\">\n <mat-select disableOptionCentering [formControl]=\"form.controls['salut']\" [placeholder]=\"placeholder\" [value]=\"value\" #child>\n <mat-option [value]=\"SalutationEnum.NOT_SPECIFIED\">{{ 'general.salutation.' + Object.keys(SalutationEnum)[0]?.toLowerCase() | translate }}</mat-option>\n <mat-option [value]=\"SalutationEnum.MALE\">{{ 'general.salutation.' + Object.keys(SalutationEnum)[1]?.toLowerCase() | translate }}</mat-option>\n <mat-option [value]=\"SalutationEnum.FEMALE\">{{ 'general.salutation.' + Object.keys(SalutationEnum)[2]?.toLowerCase() | translate }}</mat-option>\n </mat-select>\n </mat-form-field>\n</form>", dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i3$3.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "panelWidth", "hideSingleSelectionIndicator"], exportAs: ["matSelect"] }, { kind: "component", type: i4$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] }); }
|
|
2170
2018
|
}
|
|
2171
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
2019
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SalutationDropdownComponent, decorators: [{
|
|
2172
2020
|
type: Component,
|
|
2173
2021
|
args: [{ selector: 'kms-salutation-dropdown', providers: [
|
|
2174
2022
|
{
|
|
@@ -2185,43 +2033,16 @@ class TooltipComponent {
|
|
|
2185
2033
|
constructor() {
|
|
2186
2034
|
this.tooltipTitle = "";
|
|
2187
2035
|
}
|
|
2188
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
2189
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
2036
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2037
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TooltipComponent, selector: "kms-tooltip-element", inputs: { tooltipTitle: "tooltipTitle" }, ngImport: i0, template: "<ng-content></ng-content>", styles: ["[kmsTooltip]{position:relative}\n"] }); }
|
|
2190
2038
|
}
|
|
2191
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
2039
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipComponent, decorators: [{
|
|
2192
2040
|
type: Component,
|
|
2193
2041
|
args: [{ selector: 'kms-tooltip-element', template: "<ng-content></ng-content>", styles: ["[kmsTooltip]{position:relative}\n"] }]
|
|
2194
2042
|
}], propDecorators: { tooltipTitle: [{
|
|
2195
2043
|
type: Input
|
|
2196
2044
|
}] } });
|
|
2197
2045
|
|
|
2198
|
-
/*!
|
|
2199
|
-
* @copyright FLYACTS GmbH 2019
|
|
2200
|
-
*/
|
|
2201
|
-
|
|
2202
|
-
/**
|
|
2203
|
-
* Attached File DTO
|
|
2204
|
-
*/
|
|
2205
|
-
class AttachedFileDTO {
|
|
2206
|
-
}
|
|
2207
|
-
|
|
2208
|
-
/*!
|
|
2209
|
-
* @copyright FLYACTS GmbH 2019
|
|
2210
|
-
*/
|
|
2211
|
-
var IconSize;
|
|
2212
|
-
(function (IconSize) {
|
|
2213
|
-
IconSize["FULLSIZE"] = "size-full";
|
|
2214
|
-
IconSize["TINY"] = "size-16";
|
|
2215
|
-
IconSize["SMALLER"] = "size-20";
|
|
2216
|
-
IconSize["SMALL"] = "size-32";
|
|
2217
|
-
IconSize["MEDIUM"] = "size-64";
|
|
2218
|
-
IconSize["LARGE"] = "size-128";
|
|
2219
|
-
IconSize["XL"] = "size-256";
|
|
2220
|
-
IconSize["XXL"] = "size-512";
|
|
2221
|
-
IconSize["XXXL"] = "size-1024";
|
|
2222
|
-
IconSize["NONE"] = "NONE";
|
|
2223
|
-
})(IconSize || (IconSize = {}));
|
|
2224
|
-
|
|
2225
2046
|
class SalutationRadiogroupComponent extends FormControlParentComponent {
|
|
2226
2047
|
constructor(formBuilder, renderer) {
|
|
2227
2048
|
super(formBuilder, renderer);
|
|
@@ -2242,16 +2063,16 @@ class SalutationRadiogroupComponent extends FormControlParentComponent {
|
|
|
2242
2063
|
});
|
|
2243
2064
|
super.ngOnInit();
|
|
2244
2065
|
}
|
|
2245
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
2246
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
2066
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SalutationRadiogroupComponent, deps: [{ token: i1.UntypedFormBuilder }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2067
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SalutationRadiogroupComponent, selector: "kms-salutation-radiogroup", providers: [
|
|
2247
2068
|
{
|
|
2248
2069
|
provide: NG_VALUE_ACCESSOR,
|
|
2249
2070
|
useExisting: forwardRef(() => SalutationRadiogroupComponent),
|
|
2250
2071
|
multi: true,
|
|
2251
2072
|
},
|
|
2252
|
-
], usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" >\n <mat-radio-group [formControl]=\"form.controls['salut']\" [disabled]=\"disabled\" #radioGroup>\n <mat-radio-button color=\"primary\" [value]=\"SalutationEnum.NOT_SPECIFIED\" [checked]=\"value === SalutationEnum.NOT_SPECIFIED\">\n {{ 'general.salutation.' + Object.keys(SalutationEnum)[0]?.toLowerCase() | translate }}\n </mat-radio-button>\n <mat-radio-button color=\"primary\" [value]=\"SalutationEnum.MALE\" [checked]=\"value === SalutationEnum.MALE\">\n {{ 'general.salutation.' + Object.keys(SalutationEnum)[1]?.toLowerCase() | translate }}\n </mat-radio-button>\n <mat-radio-button color=\"primary\" [value]=\"SalutationEnum.FEMALE\" [checked]=\"value === SalutationEnum.FEMALE\">\n {{ 'general.salutation.' + Object.keys(SalutationEnum)[2]?.toLowerCase() | translate }}\n </mat-radio-button>\n </mat-radio-group>\n</form>", dependencies: [{ kind: "directive", type: i2$2.
|
|
2073
|
+
], usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" >\n <mat-radio-group [formControl]=\"form.controls['salut']\" [disabled]=\"disabled\" #radioGroup>\n <mat-radio-button color=\"primary\" [value]=\"SalutationEnum.NOT_SPECIFIED\" [checked]=\"value === SalutationEnum.NOT_SPECIFIED\">\n {{ 'general.salutation.' + Object.keys(SalutationEnum)[0]?.toLowerCase() | translate }}\n </mat-radio-button>\n <mat-radio-button color=\"primary\" [value]=\"SalutationEnum.MALE\" [checked]=\"value === SalutationEnum.MALE\">\n {{ 'general.salutation.' + Object.keys(SalutationEnum)[1]?.toLowerCase() | translate }}\n </mat-radio-button>\n <mat-radio-button color=\"primary\" [value]=\"SalutationEnum.FEMALE\" [checked]=\"value === SalutationEnum.FEMALE\">\n {{ 'general.salutation.' + Object.keys(SalutationEnum)[2]?.toLowerCase() | translate }}\n </mat-radio-button>\n </mat-radio-group>\n</form>", dependencies: [{ kind: "directive", type: i2$2.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { kind: "component", type: i2$2.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] }); }
|
|
2253
2074
|
}
|
|
2254
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
2075
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SalutationRadiogroupComponent, decorators: [{
|
|
2255
2076
|
type: Component,
|
|
2256
2077
|
args: [{ selector: 'kms-salutation-radiogroup', providers: [
|
|
2257
2078
|
{
|
|
@@ -2292,10 +2113,10 @@ class BackToTopComponent {
|
|
|
2292
2113
|
})();
|
|
2293
2114
|
}
|
|
2294
2115
|
}
|
|
2295
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
2296
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
2116
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BackToTopComponent, deps: [{ token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2117
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BackToTopComponent, selector: "kms-back-to-top", host: { listeners: { "window:scroll": "onWindowScroll()" } }, ngImport: i0, template: "<div class=\"scrollToTop\"\n [ngClass]=\"{'show': windowScrolled}\"\n (click)=\"scrollToTop()\">\n <div class=\"scrollToTop-inner\">\n <kms-icon icon=\"floating_button_clear\" iconClass=\"color-white\"></kms-icon>\n </div>\n</div>", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconComponent, selector: "kms-icon", inputs: ["icon", "iconClass", "iconStyle", "iconSize", "dontUseSprite"] }] }); }
|
|
2297
2118
|
}
|
|
2298
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
2119
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BackToTopComponent, decorators: [{
|
|
2299
2120
|
type: Component,
|
|
2300
2121
|
args: [{ selector: 'kms-back-to-top', template: "<div class=\"scrollToTop\"\n [ngClass]=\"{'show': windowScrolled}\"\n (click)=\"scrollToTop()\">\n <div class=\"scrollToTop-inner\">\n <kms-icon icon=\"floating_button_clear\" iconClass=\"color-white\"></kms-icon>\n </div>\n</div>" }]
|
|
2301
2122
|
}], ctorParameters: function () { return [{ type: Object, decorators: [{
|
|
@@ -2348,10 +2169,10 @@ class GenericDialogComponent {
|
|
|
2348
2169
|
});
|
|
2349
2170
|
});
|
|
2350
2171
|
}
|
|
2351
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
2352
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
2172
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GenericDialogComponent, deps: [{ token: i1$2.MatLegacyDialogRef }, { token: i0.NgZone }, { token: MAT_LEGACY_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2173
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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: [""], dependencies: [{ kind: "component", type: i2$3.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i3$4.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i3$4.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i3$4.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }] }); }
|
|
2353
2174
|
}
|
|
2354
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
2175
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GenericDialogComponent, decorators: [{
|
|
2355
2176
|
type: Component,
|
|
2356
2177
|
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" }]
|
|
2357
2178
|
}], ctorParameters: function () { return [{ type: i1$2.MatLegacyDialogRef }, { type: i0.NgZone }, { type: undefined, decorators: [{
|
|
@@ -2390,10 +2211,10 @@ class ButtonWithConfirmDialogComponent {
|
|
|
2390
2211
|
dialogRef.close();
|
|
2391
2212
|
});
|
|
2392
2213
|
}
|
|
2393
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
2394
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
2214
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonWithConfirmDialogComponent, deps: [{ token: i1$2.MatLegacyDialog }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2215
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ButtonWithConfirmDialogComponent, selector: "kms-button-with-confirm-dialog", inputs: { disabled: "disabled", buttonText: "buttonText", confirmTitle: "confirmTitle", confirmTextYes: "confirmTextYes", confirmTextNo: "confirmTextNo" }, outputs: { onConfirmClosed: "onConfirmClosed" }, ngImport: i0, template: "<button\n type=\"button\"\n (click)=\"start()\"\n mat-stroked-button\n [disabled]=\"disabled\"\n>\n {{ buttonText }}\n</button>\n", styles: [""], dependencies: [{ kind: "component", type: i2$3.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }] }); }
|
|
2395
2216
|
}
|
|
2396
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
2217
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonWithConfirmDialogComponent, decorators: [{
|
|
2397
2218
|
type: Component,
|
|
2398
2219
|
args: [{ selector: 'kms-button-with-confirm-dialog', template: "<button\n type=\"button\"\n (click)=\"start()\"\n mat-stroked-button\n [disabled]=\"disabled\"\n>\n {{ buttonText }}\n</button>\n" }]
|
|
2399
2220
|
}], ctorParameters: function () { return [{ type: i1$2.MatLegacyDialog }]; }, propDecorators: { disabled: [{
|
|
@@ -2501,9 +2322,6 @@ class DropdownFromDataComponent extends FormControlParentComponent {
|
|
|
2501
2322
|
if (this.translation.isPrefix) {
|
|
2502
2323
|
return this.translation.service?.instant?.(this.translation.path + '.' + key);
|
|
2503
2324
|
}
|
|
2504
|
-
else if (this.translation.useKeyAsValue) {
|
|
2505
|
-
return this.translation.service?.instant?.(this.translation.path, { key: key });
|
|
2506
|
-
}
|
|
2507
2325
|
else {
|
|
2508
2326
|
return this.translation.service?.instant?.(this.translation.path);
|
|
2509
2327
|
}
|
|
@@ -2516,16 +2334,16 @@ class DropdownFromDataComponent extends FormControlParentComponent {
|
|
|
2516
2334
|
});
|
|
2517
2335
|
this.onSelectItemEmitter.emit(value);
|
|
2518
2336
|
}
|
|
2519
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
2520
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
2337
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropdownFromDataComponent, deps: [{ token: i1.UntypedFormBuilder }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2338
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DropdownFromDataComponent, selector: "kms-dropdown-from-data", inputs: { optionsEnum: "optionsEnum", optionsPlainArray: "optionsPlainArray", optionsObjArray: "optionsObjArray", mapKey: "mapKey", mapValue: "mapValue", hasNullOption: "hasNullOption", translation: "translation", placeholder: "placeholder", label: "label", required: "required", useEnumIndexAsValue: "useEnumIndexAsValue", multiple: "multiple" }, providers: [
|
|
2521
2339
|
{
|
|
2522
2340
|
provide: NG_VALUE_ACCESSOR,
|
|
2523
2341
|
useExisting: forwardRef(() => DropdownFromDataComponent),
|
|
2524
2342
|
multi: true,
|
|
2525
2343
|
},
|
|
2526
|
-
], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<form [formGroup]=\"form\">\n <mat-form-field\n [attr.required]=\"required\"\n [floatLabel]=\"placeholder ? 'always' : 'auto'\"\n >\n <mat-label>{{ label }}</mat-label>\n <mat-select\n placeholder=\"{{ placeholder }}\"\n disableOptionCentering\n [(value)]=\"
|
|
2344
|
+
], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<form [formGroup]=\"form\">\n <mat-form-field\n [attr.required]=\"required\"\n [floatLabel]=\"placeholder ? 'always' : 'auto'\"\n >\n <mat-label>{{ label }}</mat-label>\n <mat-select\n placeholder=\"{{ placeholder }}\"\n disableOptionCentering\n [(value)]=\"value\"\n (selectionChange)=\"valueChanged($event?.value)\"\n #child\n [disabled]=\"disabled\"\n [multiple]=\"multiple\"\n >\n <mat-option *ngFor=\"let key of keys; let i = index\" [value]=\"values[i]\">\n <span>{{ setDisplayKey(key) }}</span>\n </mat-option>\n </mat-select>\n </mat-form-field>\n</form>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "component", type: i3$3.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "panelWidth", "hideSingleSelectionIndicator"], exportAs: ["matSelect"] }, { kind: "component", type: i4$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }] }); }
|
|
2527
2345
|
}
|
|
2528
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
2346
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropdownFromDataComponent, decorators: [{
|
|
2529
2347
|
type: Component,
|
|
2530
2348
|
args: [{ selector: 'kms-dropdown-from-data', providers: [
|
|
2531
2349
|
{
|
|
@@ -2533,7 +2351,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
|
|
|
2533
2351
|
useExisting: forwardRef(() => DropdownFromDataComponent),
|
|
2534
2352
|
multi: true,
|
|
2535
2353
|
},
|
|
2536
|
-
], template: "<form [formGroup]=\"form\">\n <mat-form-field\n [attr.required]=\"required\"\n [floatLabel]=\"placeholder ? 'always' : 'auto'\"\n >\n <mat-label>{{ label }}</mat-label>\n <mat-select\n placeholder=\"{{ placeholder }}\"\n disableOptionCentering\n [(value)]=\"
|
|
2354
|
+
], template: "<form [formGroup]=\"form\">\n <mat-form-field\n [attr.required]=\"required\"\n [floatLabel]=\"placeholder ? 'always' : 'auto'\"\n >\n <mat-label>{{ label }}</mat-label>\n <mat-select\n placeholder=\"{{ placeholder }}\"\n disableOptionCentering\n [(value)]=\"value\"\n (selectionChange)=\"valueChanged($event?.value)\"\n #child\n [disabled]=\"disabled\"\n [multiple]=\"multiple\"\n >\n <mat-option *ngFor=\"let key of keys; let i = index\" [value]=\"values[i]\">\n <span>{{ setDisplayKey(key) }}</span>\n </mat-option>\n </mat-select>\n </mat-form-field>\n</form>\n" }]
|
|
2537
2355
|
}], ctorParameters: function () { return [{ type: i1.UntypedFormBuilder }, { type: i0.Renderer2 }]; }, propDecorators: { optionsEnum: [{
|
|
2538
2356
|
type: Input
|
|
2539
2357
|
}], optionsPlainArray: [{
|
|
@@ -2558,8 +2376,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
|
|
|
2558
2376
|
type: Input
|
|
2559
2377
|
}], multiple: [{
|
|
2560
2378
|
type: Input
|
|
2561
|
-
}], control: [{
|
|
2562
|
-
type: Input
|
|
2563
2379
|
}] } });
|
|
2564
2380
|
|
|
2565
2381
|
/*!
|
|
@@ -2705,10 +2521,10 @@ class SwipeDirective {
|
|
|
2705
2521
|
this._moveEventData = undefined;
|
|
2706
2522
|
}
|
|
2707
2523
|
}
|
|
2708
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
2709
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.
|
|
2524
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SwipeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2525
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SwipeDirective, selector: "[swipeDirective]", inputs: { config: ["swipeDirective", "config"] }, outputs: { moveEvent: "moveEvent", releaseEvent: "releaseEvent" }, host: { listeners: { "mousedown": "onMouseDown($event)", "touchstart": "onMouseDown($event)", "mousemove": "onMove($event)", "touchmove": "onMove($event)", "mouseup": "onRelease($event)", "mouseleave": "onRelease($event)", "touchend": "onRelease($event)" } }, ngImport: i0 }); }
|
|
2710
2526
|
}
|
|
2711
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
2527
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SwipeDirective, decorators: [{
|
|
2712
2528
|
type: Directive,
|
|
2713
2529
|
args: [{
|
|
2714
2530
|
selector: '[swipeDirective]',
|
|
@@ -2743,8 +2559,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
|
|
|
2743
2559
|
args: ['touchend', ['$event']]
|
|
2744
2560
|
}] } });
|
|
2745
2561
|
|
|
2746
|
-
|
|
2747
|
-
* @copyright
|
|
2562
|
+
/*!
|
|
2563
|
+
* @copyright FLYACTS GmbH 2019
|
|
2748
2564
|
*/
|
|
2749
2565
|
class ImageSliderComponent {
|
|
2750
2566
|
constructor(sanitizer) {
|
|
@@ -2842,19 +2658,19 @@ class ImageSliderComponent {
|
|
|
2842
2658
|
this.nextSlide();
|
|
2843
2659
|
}
|
|
2844
2660
|
nextSlide() {
|
|
2845
|
-
if (this.usefulSwiper) {
|
|
2846
|
-
this.usefulSwiper.swiper.slideNext();
|
|
2847
|
-
}
|
|
2848
2661
|
if (this.slides && this.selectedSlide < this.slides.length - 1) {
|
|
2662
|
+
if (this.usefulSwiper) {
|
|
2663
|
+
this.usefulSwiper.swiper.slideNext();
|
|
2664
|
+
}
|
|
2849
2665
|
this.openSlide(this.selectedSlide + 1);
|
|
2850
2666
|
}
|
|
2851
2667
|
this.isLastClickedInSliderImage = false;
|
|
2852
2668
|
}
|
|
2853
2669
|
previousSlide() {
|
|
2854
|
-
if (this.usefulSwiper) {
|
|
2855
|
-
this.usefulSwiper.swiper.slidePrev();
|
|
2856
|
-
}
|
|
2857
2670
|
if (this.selectedSlide > 0) {
|
|
2671
|
+
if (this.usefulSwiper) {
|
|
2672
|
+
this.usefulSwiper.swiper.slidePrev();
|
|
2673
|
+
}
|
|
2858
2674
|
this.openSlide(this.selectedSlide - 1);
|
|
2859
2675
|
}
|
|
2860
2676
|
this.isLastClickedInSliderImage = false;
|
|
@@ -2895,12 +2711,12 @@ class ImageSliderComponent {
|
|
|
2895
2711
|
deleteImage(index) {
|
|
2896
2712
|
this.deleteImageEvent.emit(index);
|
|
2897
2713
|
}
|
|
2898
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
2899
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
2714
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ImageSliderComponent, deps: [{ token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2715
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ImageSliderComponent, selector: "kms-image-slider", inputs: { slides: "slides", editMode: "editMode", imagesTOSave: "imagesTOSave", swipeConfig: "swipeConfig" }, outputs: { orderChanged: "orderChanged", deleteImageEvent: "deleteImageEvent" }, host: { listeners: { "document:keydown": "onKeydownHandler($event)" } }, viewQueries: [{ propertyName: "usefulSwiper", first: true, predicate: ["usefulSwiper"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"all-wrapper\">\n <!--(swiperight)=\"previousSlide()\" (swipeleft)=\"nextSlide()\"-->\n <div \n class=\"swiper-bigImage\"\n [style.backgroundImage]=\"selectedSlideImage\"\n [swipeDirective]=\"swipeConfig\"\n (moveEvent)=\"handleMoveEvent($event)\"\n (releaseEvent)=\"handleReleaseEvent($event)\"\n (mouseup)=\"lastClicked()\"\n (mouseout)=\"noLastClicked()\" >\n </div>\n\n <ng-content select=\"[description]\"></ng-content>\n\n <div class=\"swiper-holder\">\n <!--\n (mouseWheelUp)=\"scrollLeft($event)\"\n (mouseWheelDown)=\"scrollRight($event)\"\n -->\n\n <swiper [config]=\"config\" #usefulSwiper>\n <div class=\"swiper-wrapper\" \n cdkDropList (cdkDropListDropped)=\"drop($event)\" \n cdkDropListOrientation=\"horizontal\"> \n <div class=\"swiper-slide\" \n *ngFor=\"let slide of slides; let index = index\" \n cdkDrag [cdkDragDisabled]=\"!editMode\">\n <button mat-menu-item *ngIf=\"editMode\" (click)=\"deleteImage(index)\"> \n <kms-icon icon=\"trash\"></kms-icon>\n </button>\n <div class=\"img\" (click)=\"openSlide(index)\"\n [style.backgroundImage]=\"sanitizer.bypassSecurityTrustStyle('url(' + slide + ')')\"\n [ngClass]=\"{'active': index === selectedSlide}\">\n </div>\n \n <div class=\"default-image\">{{\"common.defaultImage\" | translate}} </div>\n </div>\n </div>\n </swiper>\n\n <div class=\"swiper-button-next\" *ngIf=\"slides?.length > 3\"></div>\n <div class=\"swiper-button-prev\" *ngIf=\"slides?.length > 3\"></div>\n\n <div class=\"swiper-button-next2\" *ngIf=\"slides?.length > 1\" (click)=\"nextSlide()\">\n <kms-icon icon=\"chevron-right\" [iconClass]=\"{'color-disabled': selectedSlide == slides?.length - 1, 'color-primary': true}\"></kms-icon>\n </div>\n <div class=\"swiper-button-prev2\" *ngIf=\"slides?.length > 1\" (click)=\"previousSlide()\">\n <kms-icon icon=\"chevron-left\" [iconClass]=\"{'color-disabled': selectedSlide == 0, 'color-primary': true}\"></kms-icon>\n </div>\n\n </div>\n\n <ng-content></ng-content>\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$5.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i3$5.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: i4$2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: SwipeDirective, selector: "[swipeDirective]", inputs: ["swipeDirective"], outputs: ["moveEvent", "releaseEvent"] }, { kind: "component", type: i6.SwiperComponent, selector: "swiper", inputs: ["initialize", "config"] }, { kind: "component", type: IconComponent, selector: "kms-icon", inputs: ["icon", "iconClass", "iconStyle", "iconSize", "dontUseSprite"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] }); }
|
|
2900
2716
|
}
|
|
2901
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
2717
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ImageSliderComponent, decorators: [{
|
|
2902
2718
|
type: Component,
|
|
2903
|
-
args: [{ selector: 'kms-image-slider', template: "<div class=\"all-wrapper\">\n
|
|
2719
|
+
args: [{ selector: 'kms-image-slider', template: "<div class=\"all-wrapper\">\n <!--(swiperight)=\"previousSlide()\" (swipeleft)=\"nextSlide()\"-->\n <div \n class=\"swiper-bigImage\"\n [style.backgroundImage]=\"selectedSlideImage\"\n [swipeDirective]=\"swipeConfig\"\n (moveEvent)=\"handleMoveEvent($event)\"\n (releaseEvent)=\"handleReleaseEvent($event)\"\n (mouseup)=\"lastClicked()\"\n (mouseout)=\"noLastClicked()\" >\n </div>\n\n <ng-content select=\"[description]\"></ng-content>\n\n <div class=\"swiper-holder\">\n <!--\n (mouseWheelUp)=\"scrollLeft($event)\"\n (mouseWheelDown)=\"scrollRight($event)\"\n -->\n\n <swiper [config]=\"config\" #usefulSwiper>\n <div class=\"swiper-wrapper\" \n cdkDropList (cdkDropListDropped)=\"drop($event)\" \n cdkDropListOrientation=\"horizontal\"> \n <div class=\"swiper-slide\" \n *ngFor=\"let slide of slides; let index = index\" \n cdkDrag [cdkDragDisabled]=\"!editMode\">\n <button mat-menu-item *ngIf=\"editMode\" (click)=\"deleteImage(index)\"> \n <kms-icon icon=\"trash\"></kms-icon>\n </button>\n <div class=\"img\" (click)=\"openSlide(index)\"\n [style.backgroundImage]=\"sanitizer.bypassSecurityTrustStyle('url(' + slide + ')')\"\n [ngClass]=\"{'active': index === selectedSlide}\">\n </div>\n \n <div class=\"default-image\">{{\"common.defaultImage\" | translate}} </div>\n </div>\n </div>\n </swiper>\n\n <div class=\"swiper-button-next\" *ngIf=\"slides?.length > 3\"></div>\n <div class=\"swiper-button-prev\" *ngIf=\"slides?.length > 3\"></div>\n\n <div class=\"swiper-button-next2\" *ngIf=\"slides?.length > 1\" (click)=\"nextSlide()\">\n <kms-icon icon=\"chevron-right\" [iconClass]=\"{'color-disabled': selectedSlide == slides?.length - 1, 'color-primary': true}\"></kms-icon>\n </div>\n <div class=\"swiper-button-prev2\" *ngIf=\"slides?.length > 1\" (click)=\"previousSlide()\">\n <kms-icon icon=\"chevron-left\" [iconClass]=\"{'color-disabled': selectedSlide == 0, 'color-primary': true}\"></kms-icon>\n </div>\n\n </div>\n\n <ng-content></ng-content>\n</div>" }]
|
|
2904
2720
|
}], ctorParameters: function () { return [{ type: i1$1.DomSanitizer }]; }, propDecorators: { slides: [{
|
|
2905
2721
|
type: Input
|
|
2906
2722
|
}], editMode: [{
|
|
@@ -2954,10 +2770,10 @@ class MouseWheelDirective {
|
|
|
2954
2770
|
event.preventDefault();
|
|
2955
2771
|
}
|
|
2956
2772
|
}
|
|
2957
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
2958
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.
|
|
2773
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MouseWheelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2774
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: MouseWheelDirective, selector: "[mouseWheel]", outputs: { mouseWheelUp: "mouseWheelUp", mouseWheelDown: "mouseWheelDown" }, host: { listeners: { "mousewheel": "onMouseWheelChrome($event)", "DOMMouseScroll": "onMouseWheelFirefox($event)", "onmousewheel": "onMouseWheelIE($event)" } }, ngImport: i0 }); }
|
|
2959
2775
|
}
|
|
2960
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
2776
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MouseWheelDirective, decorators: [{
|
|
2961
2777
|
type: Directive,
|
|
2962
2778
|
args: [{ selector: '[mouseWheel]' }]
|
|
2963
2779
|
}], propDecorators: { mouseWheelUp: [{
|
|
@@ -2979,19 +2795,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
|
|
|
2979
2795
|
* @copyright KMS GmbH
|
|
2980
2796
|
*/
|
|
2981
2797
|
class DirectivesModule {
|
|
2982
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
2983
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.
|
|
2798
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DirectivesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2799
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DirectivesModule, declarations: [SwipeDirective,
|
|
2984
2800
|
MouseWheelDirective,
|
|
2985
2801
|
GetMaxHeightDirective,
|
|
2986
|
-
TooltipDirective,
|
|
2987
|
-
SizeDirective], imports: [CommonModule], exports: [SwipeDirective,
|
|
2802
|
+
TooltipDirective], imports: [CommonModule], exports: [SwipeDirective,
|
|
2988
2803
|
MouseWheelDirective,
|
|
2989
2804
|
GetMaxHeightDirective,
|
|
2990
|
-
TooltipDirective
|
|
2991
|
-
|
|
2992
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: DirectivesModule, imports: [CommonModule] }); }
|
|
2805
|
+
TooltipDirective] }); }
|
|
2806
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DirectivesModule, imports: [CommonModule] }); }
|
|
2993
2807
|
}
|
|
2994
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
2808
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DirectivesModule, decorators: [{
|
|
2995
2809
|
type: NgModule,
|
|
2996
2810
|
args: [{
|
|
2997
2811
|
declarations: [
|
|
@@ -2999,7 +2813,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
|
|
|
2999
2813
|
MouseWheelDirective,
|
|
3000
2814
|
GetMaxHeightDirective,
|
|
3001
2815
|
TooltipDirective,
|
|
3002
|
-
SizeDirective,
|
|
3003
2816
|
],
|
|
3004
2817
|
imports: [CommonModule],
|
|
3005
2818
|
exports: [
|
|
@@ -3007,14 +2820,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
|
|
|
3007
2820
|
MouseWheelDirective,
|
|
3008
2821
|
GetMaxHeightDirective,
|
|
3009
2822
|
TooltipDirective,
|
|
3010
|
-
SizeDirective,
|
|
3011
2823
|
],
|
|
3012
2824
|
}]
|
|
3013
2825
|
}] });
|
|
3014
2826
|
|
|
3015
2827
|
class KmsUiPresentationalModule {
|
|
3016
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
3017
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.
|
|
2828
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KmsUiPresentationalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2829
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: KmsUiPresentationalModule, declarations: [ActionsParentComponent,
|
|
3018
2830
|
BackToTopComponent,
|
|
3019
2831
|
ButtonWithConfirmDialogComponent,
|
|
3020
2832
|
CheckboxComponent,
|
|
@@ -3039,20 +2851,20 @@ class KmsUiPresentationalModule {
|
|
|
3039
2851
|
TooltipIconComponent,
|
|
3040
2852
|
YesNoRadiogroupComponent], imports: [CommonModule,
|
|
3041
2853
|
DragDropModule,
|
|
3042
|
-
|
|
3043
|
-
|
|
3044
|
-
|
|
3045
|
-
|
|
2854
|
+
MatCheckboxModule,
|
|
2855
|
+
MatButtonModule,
|
|
2856
|
+
MatRadioModule,
|
|
2857
|
+
MatDialogModule,
|
|
3046
2858
|
FormsModule,
|
|
3047
2859
|
ReactiveFormsModule,
|
|
3048
|
-
|
|
3049
|
-
|
|
3050
|
-
|
|
2860
|
+
MatFormFieldModule,
|
|
2861
|
+
MatInputModule,
|
|
2862
|
+
MatMenuModule,
|
|
3051
2863
|
CustomPipesModule,
|
|
3052
2864
|
GoogleMapsModule,
|
|
3053
2865
|
MatExpansionModule,
|
|
3054
|
-
|
|
3055
|
-
|
|
2866
|
+
MatSelectModule,
|
|
2867
|
+
MatProgressSpinnerModule,
|
|
3056
2868
|
DirectivesModule,
|
|
3057
2869
|
TranslateModule,
|
|
3058
2870
|
NgxUsefulSwiperModule], exports: [ActionsParentComponent,
|
|
@@ -3079,29 +2891,27 @@ class KmsUiPresentationalModule {
|
|
|
3079
2891
|
TooltipComponent,
|
|
3080
2892
|
TooltipIconComponent,
|
|
3081
2893
|
YesNoRadiogroupComponent] }); }
|
|
3082
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.
|
|
3083
|
-
ViewportService
|
|
3084
|
-
], imports: [CommonModule,
|
|
2894
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KmsUiPresentationalModule, providers: [ViewportService], imports: [CommonModule,
|
|
3085
2895
|
DragDropModule,
|
|
3086
|
-
|
|
3087
|
-
|
|
3088
|
-
|
|
3089
|
-
|
|
2896
|
+
MatCheckboxModule,
|
|
2897
|
+
MatButtonModule,
|
|
2898
|
+
MatRadioModule,
|
|
2899
|
+
MatDialogModule,
|
|
3090
2900
|
FormsModule,
|
|
3091
2901
|
ReactiveFormsModule,
|
|
3092
|
-
|
|
3093
|
-
|
|
3094
|
-
|
|
2902
|
+
MatFormFieldModule,
|
|
2903
|
+
MatInputModule,
|
|
2904
|
+
MatMenuModule,
|
|
3095
2905
|
CustomPipesModule,
|
|
3096
2906
|
GoogleMapsModule,
|
|
3097
2907
|
MatExpansionModule,
|
|
3098
|
-
|
|
3099
|
-
|
|
2908
|
+
MatSelectModule,
|
|
2909
|
+
MatProgressSpinnerModule,
|
|
3100
2910
|
DirectivesModule,
|
|
3101
2911
|
TranslateModule,
|
|
3102
2912
|
NgxUsefulSwiperModule] }); }
|
|
3103
2913
|
}
|
|
3104
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
2914
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KmsUiPresentationalModule, decorators: [{
|
|
3105
2915
|
type: NgModule,
|
|
3106
2916
|
args: [{
|
|
3107
2917
|
declarations: [
|
|
@@ -3133,20 +2943,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
|
|
|
3133
2943
|
imports: [
|
|
3134
2944
|
CommonModule,
|
|
3135
2945
|
DragDropModule,
|
|
3136
|
-
|
|
3137
|
-
|
|
3138
|
-
|
|
3139
|
-
|
|
2946
|
+
MatCheckboxModule,
|
|
2947
|
+
MatButtonModule,
|
|
2948
|
+
MatRadioModule,
|
|
2949
|
+
MatDialogModule,
|
|
3140
2950
|
FormsModule,
|
|
3141
2951
|
ReactiveFormsModule,
|
|
3142
|
-
|
|
3143
|
-
|
|
3144
|
-
|
|
2952
|
+
MatFormFieldModule,
|
|
2953
|
+
MatInputModule,
|
|
2954
|
+
MatMenuModule,
|
|
3145
2955
|
CustomPipesModule,
|
|
3146
2956
|
GoogleMapsModule,
|
|
3147
2957
|
MatExpansionModule,
|
|
3148
|
-
|
|
3149
|
-
|
|
2958
|
+
MatSelectModule,
|
|
2959
|
+
MatProgressSpinnerModule,
|
|
3150
2960
|
DirectivesModule,
|
|
3151
2961
|
TranslateModule,
|
|
3152
2962
|
NgxUsefulSwiperModule,
|
|
@@ -3177,9 +2987,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
|
|
|
3177
2987
|
TooltipIconComponent,
|
|
3178
2988
|
YesNoRadiogroupComponent,
|
|
3179
2989
|
],
|
|
3180
|
-
providers: [
|
|
3181
|
-
ViewportService
|
|
3182
|
-
]
|
|
2990
|
+
providers: [ViewportService],
|
|
3183
2991
|
}]
|
|
3184
2992
|
}] });
|
|
3185
2993
|
|
|
@@ -3191,5 +2999,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
|
|
|
3191
2999
|
* Generated bundle index. Do not edit.
|
|
3192
3000
|
*/
|
|
3193
3001
|
|
|
3194
|
-
export { ActionsParentComponent, BackToTopComponent,
|
|
3002
|
+
export { ActionsParentComponent, BackToTopComponent, ButtonWithConfirmDialogComponent, CheckboxComponent, ColorInputComponent, CustomPipesModule, DecodeUriPipe, DirectivesModule, DropdownFromDataComponent, EncodeUriPipe, EnumRadiogroupComponent, FileInputComponent, FlyoutComponent, FormParentComponent, GenericDialogComponent, GetMaxHeightDirective, IconComponent, IconSize$1 as IconSize, ImageSliderComponent, IntegerCurrency, KMSAccordionItemComponent, KmsUiPresentationalComponent, KmsUiPresentationalModule, KmsUiPresentationalService, LoaderComponent, MapComponent, Marker, MarkerLabel, MarkerOptions, MouseWheelDirective, RadioButtonComponent, SafeHtmlPipe, SafeResourceUrlPipe, SafeStylePipe, SafeUrlPipe, SalutationDropdownComponent, SalutationEnum, SalutationRadiogroupComponent, SwipeDirective, TimeInputComponent, ToNumberPipe, TooltipComponent, TooltipDirective, TooltipIconComponent, TrimPipe, TypeofPipe, ViewportService, YesNoRadiogroupComponent };
|
|
3195
3003
|
//# sourceMappingURL=kms-ngx-ui-presentational.mjs.map
|