@kms-ngx-ui/presentational 16.4.0 → 16.5.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/kms-ngx-ui-presentational.module.mjs +6 -11
- package/esm2022/lib/ui/confirmation-dialog/confirmation-dialog.component.mjs +49 -0
- package/esm2022/lib/ui/confirmation-dialog/dialog-data.enum.mjs +6 -0
- package/esm2022/lib/ui/confirmation-dialog/dialog-data.model.mjs +2 -0
- package/esm2022/public-api.mjs +2 -3
- package/fesm2022/kms-ngx-ui-presentational.mjs +57 -118
- package/fesm2022/kms-ngx-ui-presentational.mjs.map +1 -1
- package/lib/kms-ngx-ui-presentational.module.d.ts +38 -39
- package/lib/ui/confirmation-dialog/confirmation-dialog.component.d.ts +25 -0
- package/lib/ui/{button-with-confirm-dialog/button-response-types.enum.d.ts → confirmation-dialog/dialog-data.enum.d.ts} +1 -1
- package/lib/ui/confirmation-dialog/dialog-data.model.d.ts +9 -0
- package/package.json +1 -1
- package/public-api.d.ts +1 -2
- package/src/lib/ui/confirmation-dialog/confirmation-dialog.component.scss +47 -0
- package/src/styles/styles.scss +2 -4
- package/esm2022/lib/ui/button-with-confirm-dialog/button-response-types.enum.mjs +0 -6
- package/esm2022/lib/ui/button-with-confirm-dialog/button-with-confirm-dialog.component.mjs +0 -58
- package/esm2022/lib/ui/button-with-confirm-dialog/dialog-data.model.mjs +0 -2
- package/esm2022/lib/ui/generic-dialog/generic-dialog.component.mjs +0 -54
- package/lib/ui/button-with-confirm-dialog/button-with-confirm-dialog.component.d.ts +0 -19
- package/lib/ui/button-with-confirm-dialog/dialog-data.model.d.ts +0 -9
- package/lib/ui/generic-dialog/generic-dialog.component.d.ts +0 -26
- package/src/lib/ui/button-with-confirm-dialog/button-with-confirm-dialog.component.scss +0 -3
- package/src/lib/ui/generic-dialog/generic-dialog.component.scss +0 -59
|
@@ -1,45 +1,44 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
import * as i1 from "./ui/back-to-top/back-to-top.component";
|
|
3
|
-
import * as i2 from "./ui/
|
|
4
|
-
import * as i3 from "./ui/
|
|
5
|
-
import * as i4 from "./ui/
|
|
6
|
-
import * as i5 from "./ui/
|
|
7
|
-
import * as i6 from "./ui/
|
|
8
|
-
import * as i7 from "./ui/
|
|
9
|
-
import * as i8 from "./ui/
|
|
10
|
-
import * as i9 from "./ui/
|
|
11
|
-
import * as i10 from "./ui/
|
|
12
|
-
import * as i11 from "./ui/
|
|
13
|
-
import * as i12 from "./
|
|
14
|
-
import * as i13 from "./
|
|
15
|
-
import * as i14 from "./ui/
|
|
16
|
-
import * as i15 from "./ui/
|
|
17
|
-
import * as i16 from "./ui/
|
|
18
|
-
import * as i17 from "./ui/salutation-
|
|
19
|
-
import * as i18 from "./ui/
|
|
20
|
-
import * as i19 from "./ui/
|
|
21
|
-
import * as i20 from "./ui/
|
|
22
|
-
import * as i21 from "./ui/
|
|
23
|
-
import * as i22 from "
|
|
24
|
-
import * as i23 from "@angular/
|
|
25
|
-
import * as i24 from "@angular/
|
|
26
|
-
import * as i25 from "@angular/material/
|
|
27
|
-
import * as i26 from "@angular/material/
|
|
28
|
-
import * as i27 from "@angular/material/
|
|
29
|
-
import * as i28 from "@angular/
|
|
30
|
-
import * as i29 from "@angular/
|
|
31
|
-
import * as i30 from "@angular/material/
|
|
32
|
-
import * as i31 from "@angular/material/
|
|
33
|
-
import * as i32 from "
|
|
34
|
-
import * as i33 from "
|
|
35
|
-
import * as i34 from "@angular/
|
|
36
|
-
import * as i35 from "@angular/material/
|
|
37
|
-
import * as i36 from "@angular/material/
|
|
38
|
-
import * as i37 from "
|
|
39
|
-
import * as i38 from "
|
|
40
|
-
import * as i39 from "@ngx-translate/core";
|
|
3
|
+
import * as i2 from "./ui/checkbox/checkbox.component";
|
|
4
|
+
import * as i3 from "./ui/color-input/color-input.component";
|
|
5
|
+
import * as i4 from "./ui/dropdown-from-data/dropdown-from-data.component";
|
|
6
|
+
import * as i5 from "./ui/enum-radiogroup/enum-radiogroup.component";
|
|
7
|
+
import * as i6 from "./ui/file-input/file-input.component";
|
|
8
|
+
import * as i7 from "./ui/flyout/flyout.component";
|
|
9
|
+
import * as i8 from "./ui/confirmation-dialog/confirmation-dialog.component";
|
|
10
|
+
import * as i9 from "./ui/icon/icon.component";
|
|
11
|
+
import * as i10 from "./ui/image-slider/image-slider.component";
|
|
12
|
+
import * as i11 from "./ui/kms-accordion-item/kms-accordion-item.component";
|
|
13
|
+
import * as i12 from "./kms-ngx-ui-presentational.component";
|
|
14
|
+
import * as i13 from "./ui/loader/loader.component";
|
|
15
|
+
import * as i14 from "./ui/map/map.component";
|
|
16
|
+
import * as i15 from "./ui/radiobutton/radiobutton.component";
|
|
17
|
+
import * as i16 from "./ui/salutation-dropdown/salutation-dropdown.component";
|
|
18
|
+
import * as i17 from "./ui/salutation-radiogroup/salutation-radiogroup.component";
|
|
19
|
+
import * as i18 from "./ui/time-input/time-input.component";
|
|
20
|
+
import * as i19 from "./ui/tooltip-icon/tooltip-icon.component";
|
|
21
|
+
import * as i20 from "./ui/yes-no-radiogroup/yes-no-radiogroup.component";
|
|
22
|
+
import * as i21 from "./ui/tooltip/tooltip.component";
|
|
23
|
+
import * as i22 from "@angular/common";
|
|
24
|
+
import * as i23 from "@angular/cdk/drag-drop";
|
|
25
|
+
import * as i24 from "@angular/material/checkbox";
|
|
26
|
+
import * as i25 from "@angular/material/button";
|
|
27
|
+
import * as i26 from "@angular/material/radio";
|
|
28
|
+
import * as i27 from "@angular/material/dialog";
|
|
29
|
+
import * as i28 from "@angular/forms";
|
|
30
|
+
import * as i29 from "@angular/material/form-field";
|
|
31
|
+
import * as i30 from "@angular/material/input";
|
|
32
|
+
import * as i31 from "@angular/material/menu";
|
|
33
|
+
import * as i32 from "./pipes/custom-pipes.module";
|
|
34
|
+
import * as i33 from "@angular/google-maps";
|
|
35
|
+
import * as i34 from "@angular/material/expansion";
|
|
36
|
+
import * as i35 from "@angular/material/select";
|
|
37
|
+
import * as i36 from "@angular/material/progress-spinner";
|
|
38
|
+
import * as i37 from "./directives/directives.module";
|
|
39
|
+
import * as i38 from "@ngx-translate/core";
|
|
41
40
|
export declare class KmsUiPresentationalModule {
|
|
42
41
|
static ɵfac: i0.ɵɵFactoryDeclaration<KmsUiPresentationalModule, never>;
|
|
43
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<KmsUiPresentationalModule, [typeof i1.BackToTopComponent, typeof i2.
|
|
42
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<KmsUiPresentationalModule, [typeof i1.BackToTopComponent, typeof i2.CheckboxComponent, typeof i3.ColorInputComponent, typeof i4.DropdownFromDataComponent, typeof i5.EnumRadiogroupComponent, typeof i5.EnumRadiogroupComponent, typeof i6.FileInputComponent, typeof i7.FlyoutComponent, typeof i8.ConfirmationDialogComponent, typeof i9.IconComponent, typeof i10.ImageSliderComponent, typeof i11.KMSAccordionItemComponent, typeof i12.KmsUiPresentationalComponent, typeof i13.LoaderComponent, typeof i14.MapComponent, typeof i15.RadioButtonComponent, typeof i16.SalutationDropdownComponent, typeof i17.SalutationRadiogroupComponent, typeof i18.TimeInputComponent, typeof i19.TooltipIconComponent, typeof i20.YesNoRadiogroupComponent, typeof i21.TooltipComponent], [typeof i22.CommonModule, typeof i23.DragDropModule, typeof i24.MatCheckboxModule, typeof i25.MatButtonModule, typeof i26.MatRadioModule, typeof i27.MatDialogModule, typeof i28.FormsModule, typeof i28.ReactiveFormsModule, typeof i29.MatFormFieldModule, typeof i30.MatInputModule, typeof i31.MatMenuModule, typeof i32.CustomPipesModule, typeof i33.GoogleMapsModule, typeof i34.MatExpansionModule, typeof i35.MatSelectModule, typeof i36.MatProgressSpinnerModule, typeof i37.DirectivesModule, typeof i38.TranslateModule], [typeof i1.BackToTopComponent, typeof i2.CheckboxComponent, typeof i3.ColorInputComponent, typeof i4.DropdownFromDataComponent, typeof i5.EnumRadiogroupComponent, typeof i5.EnumRadiogroupComponent, typeof i6.FileInputComponent, typeof i7.FlyoutComponent, typeof i8.ConfirmationDialogComponent, typeof i9.IconComponent, typeof i10.ImageSliderComponent, typeof i11.KMSAccordionItemComponent, typeof i12.KmsUiPresentationalComponent, typeof i13.LoaderComponent, typeof i14.MapComponent, typeof i15.RadioButtonComponent, typeof i16.SalutationDropdownComponent, typeof i17.SalutationRadiogroupComponent, typeof i18.TimeInputComponent, typeof i19.TooltipIconComponent, typeof i20.YesNoRadiogroupComponent, typeof i21.TooltipComponent]>;
|
|
44
43
|
static ɵinj: i0.ɵɵInjectorDeclaration<KmsUiPresentationalModule>;
|
|
45
44
|
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @copyright KMS GmbH
|
|
3
|
+
*/
|
|
4
|
+
import { NgZone } from '@angular/core';
|
|
5
|
+
import { MatDialogRef } from '@angular/material/dialog';
|
|
6
|
+
import { ButtonDialogType } from './dialog-data.enum';
|
|
7
|
+
import { DialogData } from './dialog-data.model';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
/**
|
|
10
|
+
* A confirmation dialog component
|
|
11
|
+
*/
|
|
12
|
+
export declare class ConfirmationDialogComponent {
|
|
13
|
+
dialogRef: MatDialogRef<ConfirmationDialogComponent>;
|
|
14
|
+
zone: NgZone;
|
|
15
|
+
data: DialogData;
|
|
16
|
+
ButtonDialogType: typeof ButtonDialogType;
|
|
17
|
+
constructor(dialogRef: MatDialogRef<ConfirmationDialogComponent>, zone: NgZone, data: DialogData);
|
|
18
|
+
/**
|
|
19
|
+
* Action called when clicked
|
|
20
|
+
* @param clickedButton Whether the primary or secondary button was clicked
|
|
21
|
+
*/
|
|
22
|
+
onClickAction(clickedButton: ButtonDialogType): void;
|
|
23
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmationDialogComponent, never>;
|
|
24
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ConfirmationDialogComponent, "kms-confirmation-dialog", never, {}, {}, never, never, false, never>;
|
|
25
|
+
}
|
package/package.json
CHANGED
package/public-api.d.ts
CHANGED
|
@@ -7,7 +7,6 @@ export * from './lib/pipes/custom-pipes.module';
|
|
|
7
7
|
export * from './lib/models/iconSize.enum';
|
|
8
8
|
export * from './lib/models/salutation.enum';
|
|
9
9
|
export * from './lib/ui/back-to-top/back-to-top.component';
|
|
10
|
-
export * from './lib/ui/button-with-confirm-dialog/button-with-confirm-dialog.component';
|
|
11
10
|
export * from './lib/ui/checkbox/checkbox.component';
|
|
12
11
|
export * from './lib/ui/color-input/color-input.component';
|
|
13
12
|
export * from './lib/ui/dropdown-from-data/dropdown-from-data.component';
|
|
@@ -36,5 +35,5 @@ export * from './lib/pipes/trim.pipe';
|
|
|
36
35
|
export * from './lib/pipes/typeof.pipe';
|
|
37
36
|
export * from './lib/parent-components/form.component';
|
|
38
37
|
export * from './lib/services/viewport.service';
|
|
39
|
-
export * from './lib/ui/
|
|
38
|
+
export * from './lib/ui/confirmation-dialog/confirmation-dialog.component';
|
|
40
39
|
export * from './lib/ui/tooltip/tooltip.component';
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
@mixin confirmation-dialog-component-theme() {
|
|
2
|
+
.mat-mdc-dialog-surface {
|
|
3
|
+
padding: 24px;
|
|
4
|
+
> *:first-child,
|
|
5
|
+
.dialog-container {
|
|
6
|
+
height: 100%;
|
|
7
|
+
display: flex;
|
|
8
|
+
flex-direction: column;
|
|
9
|
+
|
|
10
|
+
.dialog-header {
|
|
11
|
+
margin-bottom: 24px;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.dialog-content {
|
|
15
|
+
flex: 1;
|
|
16
|
+
overflow-y: auto;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.dialog-footer {
|
|
20
|
+
display: flex;
|
|
21
|
+
justify-content: space-between;
|
|
22
|
+
margin-top: 24px;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
h4 {
|
|
27
|
+
color: var(--accentColor01) !important;
|
|
28
|
+
}
|
|
29
|
+
.big {
|
|
30
|
+
max-width: 1700px;
|
|
31
|
+
width: 70vw;
|
|
32
|
+
height: 90vh;
|
|
33
|
+
}
|
|
34
|
+
.middle {
|
|
35
|
+
width: 600px;
|
|
36
|
+
height: 90vh;
|
|
37
|
+
}
|
|
38
|
+
.small {
|
|
39
|
+
width: 600px;
|
|
40
|
+
height: 70vh;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.confirmation-dialog {
|
|
44
|
+
width: 600px;
|
|
45
|
+
height: 240px;
|
|
46
|
+
}
|
|
47
|
+
}
|
package/src/styles/styles.scss
CHANGED
|
@@ -2,11 +2,10 @@
|
|
|
2
2
|
@import "animations.scss";
|
|
3
3
|
|
|
4
4
|
@import "../lib/ui/back-to-top/back-to-top.component";
|
|
5
|
-
@import "../lib/ui/button-with-confirm-dialog/button-with-confirm-dialog.component";
|
|
6
5
|
@import "../lib/ui/checkbox/checkbox.component";
|
|
7
6
|
@import "../lib/ui/color-input/color-input.component";
|
|
8
7
|
@import "../lib/ui/file-input/file-input.component";
|
|
9
|
-
@import "../lib/ui/
|
|
8
|
+
@import "../lib/ui/confirmation-dialog/confirmation-dialog.component";
|
|
10
9
|
@import "../lib/ui/icon/icon.component";
|
|
11
10
|
@import "../lib/ui/image-slider/image-slider.component";
|
|
12
11
|
@import "../lib/ui/kms-accordion-item/kms-accordion-item.component";
|
|
@@ -19,11 +18,10 @@
|
|
|
19
18
|
@import "../lib/ui/tooltip/tooltip.component";
|
|
20
19
|
|
|
21
20
|
@include back-to-top-theme();
|
|
22
|
-
@include button-with-confirm-theme();
|
|
23
21
|
@include checkbox-theme();
|
|
24
22
|
@include color-input-theme();
|
|
25
23
|
@include file-input-theme();
|
|
26
|
-
@include
|
|
24
|
+
@include confirmation-dialog-component-theme();
|
|
27
25
|
@include icon-theme();
|
|
28
26
|
@include image-slider-theme();
|
|
29
27
|
@include kms-accordion-item-theme();
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
export var ButtonResponseType;
|
|
2
|
-
(function (ButtonResponseType) {
|
|
3
|
-
ButtonResponseType["primary"] = "primary";
|
|
4
|
-
ButtonResponseType["secondary"] = "secondary";
|
|
5
|
-
})(ButtonResponseType || (ButtonResponseType = {}));
|
|
6
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLXJlc3BvbnNlLXR5cGVzLmVudW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rbXMtbmd4LXVpLXByZXNlbnRhdGlvbmFsL3NyYy9saWIvdWkvYnV0dG9uLXdpdGgtY29uZmlybS1kaWFsb2cvYnV0dG9uLXJlc3BvbnNlLXR5cGVzLmVudW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFOLElBQVksa0JBR1g7QUFIRCxXQUFZLGtCQUFrQjtJQUMxQix5Q0FBbUIsQ0FBQTtJQUNuQiw2Q0FBdUIsQ0FBQTtBQUMzQixDQUFDLEVBSFcsa0JBQWtCLEtBQWxCLGtCQUFrQixRQUc3QiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBlbnVtIEJ1dHRvblJlc3BvbnNlVHlwZXtcbiAgICBwcmltYXJ5ID0gJ3ByaW1hcnknLFxuICAgIHNlY29uZGFyeSA9ICdzZWNvbmRhcnknXG59Il19
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
-
import { SubSink } from 'subsink';
|
|
3
|
-
import { GenericDialogComponent } from '../generic-dialog/generic-dialog.component';
|
|
4
|
-
import { ButtonResponseType } from './button-response-types.enum';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
import * as i1 from "@angular/material/legacy-dialog";
|
|
7
|
-
import * as i2 from "@angular/material/button";
|
|
8
|
-
export class ButtonWithConfirmDialogComponent {
|
|
9
|
-
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
10
|
-
constructor(dialog) {
|
|
11
|
-
this.dialog = dialog;
|
|
12
|
-
// Outputs when dialogue was closed. Returns true, if yes was clicked, false otherwise
|
|
13
|
-
this.onConfirmClosed = new EventEmitter();
|
|
14
|
-
this.subs = new SubSink();
|
|
15
|
-
}
|
|
16
|
-
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
17
|
-
ngOnInit() { }
|
|
18
|
-
start() {
|
|
19
|
-
const data = {
|
|
20
|
-
title: this.confirmTitle,
|
|
21
|
-
buttons: {
|
|
22
|
-
primary: this.confirmTextYes,
|
|
23
|
-
secondary: this.confirmTextNo,
|
|
24
|
-
}
|
|
25
|
-
};
|
|
26
|
-
const dialogRef = this.dialog.open(GenericDialogComponent, {
|
|
27
|
-
data: data,
|
|
28
|
-
});
|
|
29
|
-
this.subs.sink = dialogRef.afterClosed().subscribe(result => {
|
|
30
|
-
if (result === ButtonResponseType.primary) {
|
|
31
|
-
this.onConfirmClosed.emit(true);
|
|
32
|
-
}
|
|
33
|
-
else {
|
|
34
|
-
this.onConfirmClosed.emit(false);
|
|
35
|
-
}
|
|
36
|
-
dialogRef.close();
|
|
37
|
-
});
|
|
38
|
-
}
|
|
39
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonWithConfirmDialogComponent, deps: [{ token: i1.MatLegacyDialog }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
40
|
-
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.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }] }); }
|
|
41
|
-
}
|
|
42
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonWithConfirmDialogComponent, decorators: [{
|
|
43
|
-
type: Component,
|
|
44
|
-
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" }]
|
|
45
|
-
}], ctorParameters: function () { return [{ type: i1.MatLegacyDialog }]; }, propDecorators: { disabled: [{
|
|
46
|
-
type: Input
|
|
47
|
-
}], buttonText: [{
|
|
48
|
-
type: Input
|
|
49
|
-
}], confirmTitle: [{
|
|
50
|
-
type: Input
|
|
51
|
-
}], confirmTextYes: [{
|
|
52
|
-
type: Input
|
|
53
|
-
}], confirmTextNo: [{
|
|
54
|
-
type: Input
|
|
55
|
-
}], onConfirmClosed: [{
|
|
56
|
-
type: Output
|
|
57
|
-
}] } });
|
|
58
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLXdpdGgtY29uZmlybS1kaWFsb2cuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva21zLW5neC11aS1wcmVzZW50YXRpb25hbC9zcmMvbGliL3VpL2J1dHRvbi13aXRoLWNvbmZpcm0tZGlhbG9nL2J1dHRvbi13aXRoLWNvbmZpcm0tZGlhbG9nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS9idXR0b24td2l0aC1jb25maXJtLWRpYWxvZy9idXR0b24td2l0aC1jb25maXJtLWRpYWxvZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRS9FLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxTQUFTLENBQUM7QUFFbEMsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDcEYsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sOEJBQThCLENBQUM7Ozs7QUFRbEUsTUFBTSxPQUFPLGdDQUFnQztJQVl6QyxnRUFBZ0U7SUFDaEUsWUFDVyxNQUFpQjtRQUFqQixXQUFNLEdBQU4sTUFBTSxDQUFXO1FBUDVCLHNGQUFzRjtRQUM1RSxvQkFBZSxHQUEwQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBRTlELFNBQUksR0FBRyxJQUFJLE9BQU8sRUFBRSxDQUFDO0lBSzFCLENBQUM7SUFFSixnRUFBZ0U7SUFDaEUsUUFBUSxLQUFJLENBQUM7SUFFYixLQUFLO1FBQ0QsTUFBTSxJQUFJLEdBQWU7WUFDckIsS0FBSyxFQUFFLElBQUksQ0FBQyxZQUFZO1lBQ3hCLE9BQU8sRUFBQztnQkFDSixPQUFPLEVBQUUsSUFBSSxDQUFDLGNBQWM7Z0JBQzVCLFNBQVMsRUFBRSxJQUFJLENBQUMsYUFBYTthQUNoQztTQUNKLENBQUM7UUFDRixNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxzQkFBc0IsRUFBRTtZQUN2RCxJQUFJLEVBQUUsSUFBSTtTQUNiLENBQUMsQ0FBQztRQUVILElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxHQUFHLFNBQVMsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLEVBQUU7WUFDeEQsSUFBSSxNQUFNLEtBQUssa0JBQWtCLENBQUMsT0FBTyxFQUFFO2dCQUN2QyxJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQzthQUNuQztpQkFBSTtnQkFDRCxJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQzthQUNwQztZQUNELFNBQVMsQ0FBQyxLQUFLLEVBQUUsQ0FBQztRQUN0QixDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7K0dBeENRLGdDQUFnQzttR0FBaEMsZ0NBQWdDLG1SQ2I3QyxrSkFRQTs7NEZES2EsZ0NBQWdDO2tCQUw1QyxTQUFTOytCQUNJLGdDQUFnQztzR0FLakMsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUdJLGVBQWU7c0JBQXhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXRMZWdhY3lEaWFsb2cgYXMgTWF0RGlhbG9nIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvbGVnYWN5LWRpYWxvZyc7XG5pbXBvcnQgeyBTdWJTaW5rIH0gZnJvbSAnc3Vic2luayc7XG5pbXBvcnQgeyBOdWxsQWJsZSB9IGZyb20gJy4uLy4uL21vZGVscyc7XG5pbXBvcnQgeyBHZW5lcmljRGlhbG9nQ29tcG9uZW50IH0gZnJvbSAnLi4vZ2VuZXJpYy1kaWFsb2cvZ2VuZXJpYy1kaWFsb2cuY29tcG9uZW50JztcbmltcG9ydCB7IEJ1dHRvblJlc3BvbnNlVHlwZSB9IGZyb20gJy4vYnV0dG9uLXJlc3BvbnNlLXR5cGVzLmVudW0nO1xuaW1wb3J0IHsgRGlhbG9nRGF0YSB9IGZyb20gJy4vZGlhbG9nLWRhdGEubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2ttcy1idXR0b24td2l0aC1jb25maXJtLWRpYWxvZycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi13aXRoLWNvbmZpcm0tZGlhbG9nLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9idXR0b24td2l0aC1jb25maXJtLWRpYWxvZy5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBCdXR0b25XaXRoQ29uZmlybURpYWxvZ0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgQElucHV0KCkgZGlzYWJsZWQ6IE51bGxBYmxlPGJvb2xlYW4+O1xuICAgIEBJbnB1dCgpIGJ1dHRvblRleHQ6IE51bGxBYmxlPHN0cmluZz47XG4gICAgQElucHV0KCkgY29uZmlybVRpdGxlOiBOdWxsQWJsZTxzdHJpbmc+O1xuICAgIEBJbnB1dCgpIGNvbmZpcm1UZXh0WWVzOiBOdWxsQWJsZTxzdHJpbmc+O1xuICAgIEBJbnB1dCgpIGNvbmZpcm1UZXh0Tm86IE51bGxBYmxlPHN0cmluZz47XG5cbiAgICAvLyBPdXRwdXRzIHdoZW4gZGlhbG9ndWUgd2FzIGNsb3NlZC4gUmV0dXJucyB0cnVlLCBpZiB5ZXMgd2FzIGNsaWNrZWQsIGZhbHNlIG90aGVyd2lzZVxuICAgIEBPdXRwdXQoKSBvbkNvbmZpcm1DbG9zZWQ6IEV2ZW50RW1pdHRlcjxib29sZWFuPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICAgIHByaXZhdGUgc3VicyA9IG5ldyBTdWJTaW5rKCk7XG4gICAgXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1lbXB0eS1mdW5jdGlvblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwdWJsaWMgZGlhbG9nOiBNYXREaWFsb2csXG4gICAgKSB7fVxuXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1lbXB0eS1mdW5jdGlvblxuICAgIG5nT25Jbml0KCkge31cblxuICAgIHN0YXJ0KCl7XG4gICAgICAgIGNvbnN0IGRhdGE6IERpYWxvZ0RhdGEgPSB7XG4gICAgICAgICAgICB0aXRsZTogdGhpcy5jb25maXJtVGl0bGUsXG4gICAgICAgICAgICBidXR0b25zOntcbiAgICAgICAgICAgICAgICBwcmltYXJ5OiB0aGlzLmNvbmZpcm1UZXh0WWVzLFxuICAgICAgICAgICAgICAgIHNlY29uZGFyeTogdGhpcy5jb25maXJtVGV4dE5vLFxuICAgICAgICAgICAgfVxuICAgICAgICB9O1xuICAgICAgICBjb25zdCBkaWFsb2dSZWYgPSB0aGlzLmRpYWxvZy5vcGVuKEdlbmVyaWNEaWFsb2dDb21wb25lbnQsIHtcbiAgICAgICAgICAgIGRhdGE6IGRhdGEsXG4gICAgICAgIH0pO1xuXG4gICAgICAgIHRoaXMuc3Vicy5zaW5rID0gZGlhbG9nUmVmLmFmdGVyQ2xvc2VkKCkuc3Vic2NyaWJlKHJlc3VsdCA9PiB7XG4gICAgICAgICAgICBpZiAocmVzdWx0ID09PSBCdXR0b25SZXNwb25zZVR5cGUucHJpbWFyeSkge1xuICAgICAgICAgICAgICAgIHRoaXMub25Db25maXJtQ2xvc2VkLmVtaXQodHJ1ZSk7XG4gICAgICAgICAgICB9ZWxzZXtcbiAgICAgICAgICAgICAgICB0aGlzLm9uQ29uZmlybUNsb3NlZC5lbWl0KGZhbHNlKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGRpYWxvZ1JlZi5jbG9zZSgpO1xuICAgICAgICB9KTtcbiAgICB9XG59XG4iLCI8YnV0dG9uXG4gICAgdHlwZT1cImJ1dHRvblwiXG4gICAgKGNsaWNrKT1cInN0YXJ0KClcIlxuICAgIG1hdC1zdHJva2VkLWJ1dHRvblxuICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4+XG4gICAge3sgYnV0dG9uVGV4dCB9fVxuPC9idXR0b24+XG4iXX0=
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWRhdGEubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rbXMtbmd4LXVpLXByZXNlbnRhdGlvbmFsL3NyYy9saWIvdWkvYnV0dG9uLXdpdGgtY29uZmlybS1kaWFsb2cvZGlhbG9nLWRhdGEubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgRGlhbG9nRGF0YSB7XG4gICAgdGl0bGU6IHN0cmluZztcbiAgICBtZXNzYWdlPzogc3RyaW5nO1xuICAgIGJ1dHRvbnM/OiBEaWFsb2dEYXRhQnV0dG9uc1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIERpYWxvZ0RhdGFCdXR0b25zIHtcbiAgICBwcmltYXJ5OiBzdHJpbmcsXG4gICAgc2Vjb25kYXJ5OiBzdHJpbmcsXG59XG4iXX0=
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @copyright KMS GmbH
|
|
3
|
-
*/
|
|
4
|
-
import { Component, Inject } from '@angular/core';
|
|
5
|
-
import { MAT_DIALOG_DATA } from '@angular/material/dialog';
|
|
6
|
-
import { isValue } from '../../models';
|
|
7
|
-
import { ButtonResponseType } from '../button-with-confirm-dialog/button-response-types.enum';
|
|
8
|
-
import * as i0 from "@angular/core";
|
|
9
|
-
import * as i1 from "@angular/material/dialog";
|
|
10
|
-
import * as i2 from "@angular/material/button";
|
|
11
|
-
/**
|
|
12
|
-
* A generic dialog component
|
|
13
|
-
*/
|
|
14
|
-
export class GenericDialogComponent {
|
|
15
|
-
constructor(dialogRef, zone, data) {
|
|
16
|
-
this.dialogRef = dialogRef;
|
|
17
|
-
this.zone = zone;
|
|
18
|
-
this.data = data;
|
|
19
|
-
this.ButtonResponseType = ButtonResponseType;
|
|
20
|
-
if (isValue(data.buttons)) {
|
|
21
|
-
this.buttons = data.buttons;
|
|
22
|
-
}
|
|
23
|
-
else {
|
|
24
|
-
this.buttons = { primary: 'Yes', secondary: 'No' };
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
/**
|
|
28
|
-
* Action called when clicked
|
|
29
|
-
* @param clickedButton Whether the primary or secondary button was clicked
|
|
30
|
-
*/
|
|
31
|
-
onClickAction(clickedButton) {
|
|
32
|
-
this.zone.run(() => {
|
|
33
|
-
this.dialogRef.close(clickedButton);
|
|
34
|
-
this.dialogRef.afterClosed().subscribe(() => {
|
|
35
|
-
const buttonList = document.querySelectorAll('.mat-flat-button, .mat-button');
|
|
36
|
-
let i = 0;
|
|
37
|
-
for (i; i < buttonList.length; i++) {
|
|
38
|
-
buttonList[i].classList.remove('cdk-focused');
|
|
39
|
-
buttonList[i].classList.remove('cdk-program-focused');
|
|
40
|
-
}
|
|
41
|
-
});
|
|
42
|
-
});
|
|
43
|
-
}
|
|
44
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GenericDialogComponent, deps: [{ token: i1.MatDialogRef }, { token: i0.NgZone }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
45
|
-
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.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.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }] }); }
|
|
46
|
-
}
|
|
47
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GenericDialogComponent, decorators: [{
|
|
48
|
-
type: Component,
|
|
49
|
-
args: [{ selector: 'kms-generic-dialog', template: "<div mat-dialog-title class=\"mat-dialog-title\">\n <h3>{{ data.title }}</h3>\n</div>\n<div mat-dialog-content class=\"mat-dialog-content\">\n {{ data.message }}\n</div>\n<div mat-dialog-actions class=\"custom-dialog-actions\">\n <button\n mat-flat-button\n class=\"test_secondary_button\"\n color=\"accent\"\n (click)=\"onClickAction(ButtonResponseType.secondary)\"\n >\n {{ buttons.secondary }}\n </button>\n <button\n mat-flat-button\n class=\"test_primary_button\"\n color=\"primary\"\n (click)=\"onClickAction(ButtonResponseType.primary)\"\n >\n {{ buttons.primary }}\n </button>\n</div>\n" }]
|
|
50
|
-
}], ctorParameters: function () { return [{ type: i1.MatDialogRef }, { type: i0.NgZone }, { type: undefined, decorators: [{
|
|
51
|
-
type: Inject,
|
|
52
|
-
args: [MAT_DIALOG_DATA]
|
|
53
|
-
}] }]; } });
|
|
54
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2VuZXJpYy1kaWFsb2cuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva21zLW5neC11aS1wcmVzZW50YXRpb25hbC9zcmMvbGliL3VpL2dlbmVyaWMtZGlhbG9nL2dlbmVyaWMtZGlhbG9nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS9nZW5lcmljLWRpYWxvZy9nZW5lcmljLWRpYWxvZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQzFELE9BQU8sRUFBRSxlQUFlLEVBQWlCLE1BQU0sMEJBQTBCLENBQUM7QUFDMUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUN2QyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSwwREFBMEQsQ0FBQzs7OztBQUc5Rjs7R0FFRztBQU1ILE1BQU0sT0FBTyxzQkFBc0I7SUFNL0IsWUFDVyxTQUErQyxFQUMvQyxJQUFZLEVBQ2EsSUFBZ0I7UUFGekMsY0FBUyxHQUFULFNBQVMsQ0FBc0M7UUFDL0MsU0FBSSxHQUFKLElBQUksQ0FBUTtRQUNhLFNBQUksR0FBSixJQUFJLENBQVk7UUFQcEQsdUJBQWtCLEdBQUcsa0JBQWtCLENBQUM7UUFTcEMsSUFBSSxPQUFPLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxFQUFFO1lBQ3ZCLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQztTQUMvQjthQUFNO1lBQ0gsSUFBSSxDQUFDLE9BQU8sR0FBRyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLElBQUksRUFBdUIsQ0FBQztTQUMzRTtJQUNMLENBQUM7SUFFRDs7O09BR0c7SUFDSSxhQUFhLENBQUMsYUFBaUM7UUFDbEQsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsR0FBRyxFQUFFO1lBQ2YsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLENBQUM7WUFDcEMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO2dCQUN4QyxNQUFNLFVBQVUsR0FBRyxRQUFRLENBQUMsZ0JBQWdCLENBQUMsK0JBQStCLENBQUMsQ0FBQztnQkFDOUUsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO2dCQUNWLEtBQUssQ0FBQyxFQUFFLENBQUMsR0FBRyxVQUFVLENBQUMsTUFBTSxFQUFFLENBQUMsRUFBRSxFQUFFO29CQUNoQyxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQUMsQ0FBQztvQkFDOUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMscUJBQXFCLENBQUMsQ0FBQztpQkFDekQ7WUFDTCxDQUFDLENBQUMsQ0FBQztRQUNQLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQzsrR0FsQ1Esc0JBQXNCLG9FQVNuQixlQUFlO21HQVRsQixzQkFBc0IsMERDbEJuQyxtckJBd0JBOzs0RkROYSxzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0ksb0JBQW9COzswQkFhekIsTUFBTTsyQkFBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBAY29weXJpZ2h0IEtNUyBHbWJIXG4gKi9cblxuaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3QsIE5nWm9uZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTUFUX0RJQUxPR19EQVRBLCBNYXREaWFsb2dSZWYgIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcbmltcG9ydCB7IGlzVmFsdWUgfSBmcm9tICcuLi8uLi9tb2RlbHMnO1xuaW1wb3J0IHsgQnV0dG9uUmVzcG9uc2VUeXBlIH0gZnJvbSAnLi4vYnV0dG9uLXdpdGgtY29uZmlybS1kaWFsb2cvYnV0dG9uLXJlc3BvbnNlLXR5cGVzLmVudW0nO1xuaW1wb3J0IHsgRGlhbG9nRGF0YSwgRGlhbG9nRGF0YUJ1dHRvbnMgfSBmcm9tICcuLi9idXR0b24td2l0aC1jb25maXJtLWRpYWxvZy9kaWFsb2ctZGF0YS5tb2RlbCc7XG5cbi8qKlxuICogQSBnZW5lcmljIGRpYWxvZyBjb21wb25lbnRcbiAqL1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdrbXMtZ2VuZXJpYy1kaWFsb2cnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9nZW5lcmljLWRpYWxvZy5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZ2VuZXJpYy1kaWFsb2cuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgR2VuZXJpY0RpYWxvZ0NvbXBvbmVudCB7XG5cbiAgICBCdXR0b25SZXNwb25zZVR5cGUgPSBCdXR0b25SZXNwb25zZVR5cGU7XG5cbiAgICBwdWJsaWMgYnV0dG9uczogRGlhbG9nRGF0YUJ1dHRvbnNcblxuICAgIHB1YmxpYyBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHVibGljIGRpYWxvZ1JlZjogTWF0RGlhbG9nUmVmPEdlbmVyaWNEaWFsb2dDb21wb25lbnQ+LFxuICAgICAgICBwdWJsaWMgem9uZTogTmdab25lLFxuICAgICAgICBASW5qZWN0KE1BVF9ESUFMT0dfREFUQSkgcHVibGljIGRhdGE6IERpYWxvZ0RhdGFcbiAgICApIHtcbiAgICAgICAgaWYgKGlzVmFsdWUoZGF0YS5idXR0b25zKSkge1xuICAgICAgICAgICAgdGhpcy5idXR0b25zID0gZGF0YS5idXR0b25zO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgdGhpcy5idXR0b25zID0geyBwcmltYXJ5OiAnWWVzJywgc2Vjb25kYXJ5OiAnTm8nIH0gYXMgRGlhbG9nRGF0YUJ1dHRvbnM7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBBY3Rpb24gY2FsbGVkIHdoZW4gY2xpY2tlZFxuICAgICAqIEBwYXJhbSBjbGlja2VkQnV0dG9uIFdoZXRoZXIgdGhlIHByaW1hcnkgb3Igc2Vjb25kYXJ5IGJ1dHRvbiB3YXMgY2xpY2tlZFxuICAgICAqL1xuICAgIHB1YmxpYyBvbkNsaWNrQWN0aW9uKGNsaWNrZWRCdXR0b246IEJ1dHRvblJlc3BvbnNlVHlwZSk6IHZvaWQge1xuICAgICAgICB0aGlzLnpvbmUucnVuKCgpID0+IHtcbiAgICAgICAgICAgIHRoaXMuZGlhbG9nUmVmLmNsb3NlKGNsaWNrZWRCdXR0b24pO1xuICAgICAgICAgICAgdGhpcy5kaWFsb2dSZWYuYWZ0ZXJDbG9zZWQoKS5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgICAgICAgICAgIGNvbnN0IGJ1dHRvbkxpc3QgPSBkb2N1bWVudC5xdWVyeVNlbGVjdG9yQWxsKCcubWF0LWZsYXQtYnV0dG9uLCAubWF0LWJ1dHRvbicpO1xuICAgICAgICAgICAgICAgIGxldCBpID0gMDtcbiAgICAgICAgICAgICAgICBmb3IgKGk7IGkgPCBidXR0b25MaXN0Lmxlbmd0aDsgaSsrKSB7XG4gICAgICAgICAgICAgICAgICAgIGJ1dHRvbkxpc3RbaV0uY2xhc3NMaXN0LnJlbW92ZSgnY2RrLWZvY3VzZWQnKTtcbiAgICAgICAgICAgICAgICAgICAgYnV0dG9uTGlzdFtpXS5jbGFzc0xpc3QucmVtb3ZlKCdjZGstcHJvZ3JhbS1mb2N1c2VkJyk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfSk7XG4gICAgICAgIH0pO1xuICAgIH1cbn1cbiIsIjxkaXYgbWF0LWRpYWxvZy10aXRsZSBjbGFzcz1cIm1hdC1kaWFsb2ctdGl0bGVcIj5cbiAgICA8aDM+e3sgZGF0YS50aXRsZSB9fTwvaDM+XG48L2Rpdj5cbjxkaXYgbWF0LWRpYWxvZy1jb250ZW50IGNsYXNzPVwibWF0LWRpYWxvZy1jb250ZW50XCI+XG4gICAge3sgZGF0YS5tZXNzYWdlIH19XG48L2Rpdj5cbjxkaXYgbWF0LWRpYWxvZy1hY3Rpb25zIGNsYXNzPVwiY3VzdG9tLWRpYWxvZy1hY3Rpb25zXCI+XG4gICAgPGJ1dHRvblxuICAgICAgICBtYXQtZmxhdC1idXR0b25cbiAgICAgICAgY2xhc3M9XCJ0ZXN0X3NlY29uZGFyeV9idXR0b25cIlxuICAgICAgICAgY29sb3I9XCJhY2NlbnRcIlxuICAgICAgICAoY2xpY2spPVwib25DbGlja0FjdGlvbihCdXR0b25SZXNwb25zZVR5cGUuc2Vjb25kYXJ5KVwiXG4gICAgPlxuICAgICAgICB7eyBidXR0b25zLnNlY29uZGFyeSB9fVxuICAgIDwvYnV0dG9uPlxuICAgIDxidXR0b25cbiAgICAgICAgbWF0LWZsYXQtYnV0dG9uXG4gICAgICAgIGNsYXNzPVwidGVzdF9wcmltYXJ5X2J1dHRvblwiXG4gICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgIChjbGljayk9XCJvbkNsaWNrQWN0aW9uKEJ1dHRvblJlc3BvbnNlVHlwZS5wcmltYXJ5KVwiXG4gICAgPlxuICAgICAgICB7eyBidXR0b25zLnByaW1hcnkgfX1cbiAgICA8L2J1dHRvbj5cbjwvZGl2PlxuIl19
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { EventEmitter, OnInit } from '@angular/core';
|
|
2
|
-
import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
|
|
3
|
-
import { NullAble } from '../../models';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class ButtonWithConfirmDialogComponent implements OnInit {
|
|
6
|
-
dialog: MatDialog;
|
|
7
|
-
disabled: NullAble<boolean>;
|
|
8
|
-
buttonText: NullAble<string>;
|
|
9
|
-
confirmTitle: NullAble<string>;
|
|
10
|
-
confirmTextYes: NullAble<string>;
|
|
11
|
-
confirmTextNo: NullAble<string>;
|
|
12
|
-
onConfirmClosed: EventEmitter<boolean>;
|
|
13
|
-
private subs;
|
|
14
|
-
constructor(dialog: MatDialog);
|
|
15
|
-
ngOnInit(): void;
|
|
16
|
-
start(): void;
|
|
17
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ButtonWithConfirmDialogComponent, never>;
|
|
18
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ButtonWithConfirmDialogComponent, "kms-button-with-confirm-dialog", never, { "disabled": { "alias": "disabled"; "required": false; }; "buttonText": { "alias": "buttonText"; "required": false; }; "confirmTitle": { "alias": "confirmTitle"; "required": false; }; "confirmTextYes": { "alias": "confirmTextYes"; "required": false; }; "confirmTextNo": { "alias": "confirmTextNo"; "required": false; }; }, { "onConfirmClosed": "onConfirmClosed"; }, never, never, false, never>;
|
|
19
|
-
}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @copyright KMS GmbH
|
|
3
|
-
*/
|
|
4
|
-
import { NgZone } from '@angular/core';
|
|
5
|
-
import { MatDialogRef } from '@angular/material/dialog';
|
|
6
|
-
import { ButtonResponseType } from '../button-with-confirm-dialog/button-response-types.enum';
|
|
7
|
-
import { DialogData, DialogDataButtons } from '../button-with-confirm-dialog/dialog-data.model';
|
|
8
|
-
import * as i0 from "@angular/core";
|
|
9
|
-
/**
|
|
10
|
-
* A generic dialog component
|
|
11
|
-
*/
|
|
12
|
-
export declare class GenericDialogComponent {
|
|
13
|
-
dialogRef: MatDialogRef<GenericDialogComponent>;
|
|
14
|
-
zone: NgZone;
|
|
15
|
-
data: DialogData;
|
|
16
|
-
ButtonResponseType: typeof ButtonResponseType;
|
|
17
|
-
buttons: DialogDataButtons;
|
|
18
|
-
constructor(dialogRef: MatDialogRef<GenericDialogComponent>, zone: NgZone, data: DialogData);
|
|
19
|
-
/**
|
|
20
|
-
* Action called when clicked
|
|
21
|
-
* @param clickedButton Whether the primary or secondary button was clicked
|
|
22
|
-
*/
|
|
23
|
-
onClickAction(clickedButton: ButtonResponseType): void;
|
|
24
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<GenericDialogComponent, never>;
|
|
25
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<GenericDialogComponent, "kms-generic-dialog", never, {}, {}, never, never, false, never>;
|
|
26
|
-
}
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
@mixin generic-dialog-component-theme() {
|
|
2
|
-
.mat-dialog-container {
|
|
3
|
-
padding: 44px 40px;
|
|
4
|
-
width: 560px !important;
|
|
5
|
-
|
|
6
|
-
.mat-dialog-title {
|
|
7
|
-
height: 24px !important;
|
|
8
|
-
padding-bottom: 20px;
|
|
9
|
-
padding-left: 24px;
|
|
10
|
-
padding-top: 20px;
|
|
11
|
-
|
|
12
|
-
h3 {
|
|
13
|
-
margin: 0;
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.mat-dialog-content {
|
|
18
|
-
margin: 0;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
.custom-dialog-actions {
|
|
22
|
-
align-items: center;
|
|
23
|
-
display: flex;
|
|
24
|
-
height: 64px;
|
|
25
|
-
justify-content: flex-end;
|
|
26
|
-
padding-right: 24px;
|
|
27
|
-
|
|
28
|
-
button:first-of-type {
|
|
29
|
-
margin-right: 8px;
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.dialog-col {
|
|
34
|
-
padding-top: 0;
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
.big{
|
|
38
|
-
.mat-dialog-container {
|
|
39
|
-
width: 1084px !important;
|
|
40
|
-
height: 90vh;
|
|
41
|
-
padding: 44px 40px;
|
|
42
|
-
@media (max-width: $responsive-breakpoint) {
|
|
43
|
-
padding: 10px 10px;
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
.middle{
|
|
48
|
-
.mat-dialog-container {
|
|
49
|
-
width: 600px !important;
|
|
50
|
-
height: 95vh;
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
.small{
|
|
54
|
-
.mat-dialog-container {
|
|
55
|
-
width: 450px !important;
|
|
56
|
-
height: auto !important;
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
}
|