@kms-ngx-ui/presentational 16.3.5 → 16.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/directives/sum-of-height.directive.mjs +4 -4
- package/esm2022/lib/directives/swipe.directive.mjs +21 -10
- package/esm2022/lib/directives/swipe.model.mjs +3 -3
- package/esm2022/lib/kms-ngx-ui-presentational.module.mjs +10 -20
- package/esm2022/lib/models/iconSize.enum.mjs +3 -3
- package/esm2022/lib/models/types/nullable.type.mjs +3 -3
- package/esm2022/lib/parent-components/form.component.mjs +3 -3
- package/esm2022/lib/pipes/safe-html.pipe.mjs +3 -3
- package/esm2022/lib/ui/checkbox/checkbox.component.mjs +18 -14
- 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/lib/ui/flyout/flyout.component.mjs +4 -4
- package/esm2022/lib/ui/icon/iconSize.enum.mjs +3 -3
- package/esm2022/lib/ui/image-slider/image-slider.component.mjs +3 -3
- package/esm2022/lib/ui/kms-accordion-item/kms-accordion-item.component.mjs +3 -3
- package/esm2022/lib/ui/map/map.component.mjs +4 -4
- package/esm2022/lib/ui/radiobutton/radiobutton.component.mjs +33 -43
- package/esm2022/public-api.mjs +2 -4
- package/fesm2022/kms-ngx-ui-presentational.mjs +141 -245
- package/fesm2022/kms-ngx-ui-presentational.mjs.map +1 -1
- package/lib/directives/sum-of-height.directive.d.ts +2 -2
- package/lib/directives/swipe.directive.d.ts +2 -2
- package/lib/directives/swipe.model.d.ts +2 -2
- package/lib/kms-ngx-ui-presentational.module.d.ts +39 -41
- package/lib/models/iconSize.enum.d.ts +2 -2
- package/lib/models/types/nullable.type.d.ts +2 -2
- package/lib/parent-components/form.component.d.ts +2 -2
- package/lib/pipes/safe-html.pipe.d.ts +2 -2
- package/lib/ui/checkbox/checkbox.component.d.ts +6 -6
- 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/lib/ui/icon/iconSize.enum.d.ts +2 -2
- 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/map/map.component.d.ts +2 -2
- package/lib/ui/radiobutton/radiobutton.component.d.ts +15 -20
- package/package.json +2 -2
- package/public-api.d.ts +1 -3
- package/src/lib/ui/confirmation-dialog/confirmation-dialog.component.scss +47 -0
- package/src/lib/ui/radiobutton/radiobutton.component.scss +29 -23
- package/src/styles/styles.scss +18 -20
- package/esm2022/lib/parent-components/actions.component.mjs +0 -56
- 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 -51
- 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/parent-components/actions.component.d.ts +0 -31
- package/lib/ui/button-with-confirm-dialog/button-with-confirm-dialog.component.d.ts +0 -18
- 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,51 +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/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
|
-
start() {
|
|
17
|
-
const data = {
|
|
18
|
-
title: this.confirmTitle,
|
|
19
|
-
buttons: {
|
|
20
|
-
primary: this.confirmTextYes,
|
|
21
|
-
secondary: this.confirmTextNo,
|
|
22
|
-
}
|
|
23
|
-
};
|
|
24
|
-
const dialogRef = this.dialog.open(GenericDialogComponent, {
|
|
25
|
-
data: data,
|
|
26
|
-
});
|
|
27
|
-
this.subs.sink = dialogRef.afterClosed().subscribe(result => {
|
|
28
|
-
this.onConfirmClosed.emit(result === ButtonResponseType.primary);
|
|
29
|
-
dialogRef.close();
|
|
30
|
-
});
|
|
31
|
-
}
|
|
32
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonWithConfirmDialogComponent, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
33
|
-
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"] }] }); }
|
|
34
|
-
}
|
|
35
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonWithConfirmDialogComponent, decorators: [{
|
|
36
|
-
type: Component,
|
|
37
|
-
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" }]
|
|
38
|
-
}], ctorParameters: function () { return [{ type: i1.MatDialog }]; }, propDecorators: { disabled: [{
|
|
39
|
-
type: Input
|
|
40
|
-
}], buttonText: [{
|
|
41
|
-
type: Input
|
|
42
|
-
}], confirmTitle: [{
|
|
43
|
-
type: Input
|
|
44
|
-
}], confirmTextYes: [{
|
|
45
|
-
type: Input
|
|
46
|
-
}], confirmTextNo: [{
|
|
47
|
-
type: Input
|
|
48
|
-
}], onConfirmClosed: [{
|
|
49
|
-
type: Output
|
|
50
|
-
}] } });
|
|
51
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLXdpdGgtY29uZmlybS1kaWFsb2cuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva21zLW5neC11aS1wcmVzZW50YXRpb25hbC9zcmMvbGliL3VpL2J1dHRvbi13aXRoLWNvbmZpcm0tZGlhbG9nL2J1dHRvbi13aXRoLWNvbmZpcm0tZGlhbG9nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS9idXR0b24td2l0aC1jb25maXJtLWRpYWxvZy9idXR0b24td2l0aC1jb25maXJtLWRpYWxvZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXZFLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxTQUFTLENBQUM7QUFFbEMsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDcEYsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sOEJBQThCLENBQUM7Ozs7QUFRbEUsTUFBTSxPQUFPLGdDQUFnQztJQVl6QyxnRUFBZ0U7SUFDaEUsWUFDVyxNQUFpQjtRQUFqQixXQUFNLEdBQU4sTUFBTSxDQUFXO1FBUDVCLHNGQUFzRjtRQUM1RSxvQkFBZSxHQUEwQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBRTlELFNBQUksR0FBRyxJQUFJLE9BQU8sRUFBRSxDQUFDO0lBSzFCLENBQUM7SUFFSixLQUFLO1FBQ0QsTUFBTSxJQUFJLEdBQWU7WUFDckIsS0FBSyxFQUFFLElBQUksQ0FBQyxZQUFZO1lBQ3hCLE9BQU8sRUFBQztnQkFDSixPQUFPLEVBQUUsSUFBSSxDQUFDLGNBQWM7Z0JBQzVCLFNBQVMsRUFBRSxJQUFJLENBQUMsYUFBYTthQUNoQztTQUNKLENBQUM7UUFDRixNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxzQkFBc0IsRUFBRTtZQUN2RCxJQUFJLEVBQUUsSUFBSTtTQUNiLENBQUMsQ0FBQztRQUVILElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxHQUFHLFNBQVMsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLEVBQUU7WUFDeEQsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsTUFBTSxLQUFLLGtCQUFrQixDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBRWpFLFNBQVMsQ0FBQyxLQUFLLEVBQUUsQ0FBQztRQUN0QixDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7K0dBbENRLGdDQUFnQzttR0FBaEMsZ0NBQWdDLG1SQ2I3QyxrSkFRQTs7NEZES2EsZ0NBQWdDO2tCQUw1QyxTQUFTOytCQUNJLGdDQUFnQztnR0FLakMsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUdJLGVBQWU7c0JBQXhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0RGlhbG9nIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcbmltcG9ydCB7IFN1YlNpbmsgfSBmcm9tICdzdWJzaW5rJztcbmltcG9ydCB7IE51bGxBYmxlIH0gZnJvbSAnLi4vLi4vbW9kZWxzJztcbmltcG9ydCB7IEdlbmVyaWNEaWFsb2dDb21wb25lbnQgfSBmcm9tICcuLi9nZW5lcmljLWRpYWxvZy9nZW5lcmljLWRpYWxvZy5jb21wb25lbnQnO1xuaW1wb3J0IHsgQnV0dG9uUmVzcG9uc2VUeXBlIH0gZnJvbSAnLi9idXR0b24tcmVzcG9uc2UtdHlwZXMuZW51bSc7XG5pbXBvcnQgeyBEaWFsb2dEYXRhIH0gZnJvbSAnLi9kaWFsb2ctZGF0YS5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAna21zLWJ1dHRvbi13aXRoLWNvbmZpcm0tZGlhbG9nJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vYnV0dG9uLXdpdGgtY29uZmlybS1kaWFsb2cuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2J1dHRvbi13aXRoLWNvbmZpcm0tZGlhbG9nLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEJ1dHRvbldpdGhDb25maXJtRGlhbG9nQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKSBkaXNhYmxlZDogTnVsbEFibGU8Ym9vbGVhbj47XG4gICAgQElucHV0KCkgYnV0dG9uVGV4dDogTnVsbEFibGU8c3RyaW5nPjtcbiAgICBASW5wdXQoKSBjb25maXJtVGl0bGU6IE51bGxBYmxlPHN0cmluZz47XG4gICAgQElucHV0KCkgY29uZmlybVRleHRZZXM6IE51bGxBYmxlPHN0cmluZz47XG4gICAgQElucHV0KCkgY29uZmlybVRleHRObzogTnVsbEFibGU8c3RyaW5nPjtcblxuICAgIC8vIE91dHB1dHMgd2hlbiBkaWFsb2d1ZSB3YXMgY2xvc2VkLiBSZXR1cm5zIHRydWUsIGlmIHllcyB3YXMgY2xpY2tlZCwgZmFsc2Ugb3RoZXJ3aXNlXG4gICAgQE91dHB1dCgpIG9uQ29uZmlybUNsb3NlZDogRXZlbnRFbWl0dGVyPGJvb2xlYW4+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gICAgcHJpdmF0ZSBzdWJzID0gbmV3IFN1YlNpbmsoKTtcbiAgICBcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWVtcHR5LWZ1bmN0aW9uXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHB1YmxpYyBkaWFsb2c6IE1hdERpYWxvZyxcbiAgICApIHt9XG5cbiAgICBzdGFydCgpe1xuICAgICAgICBjb25zdCBkYXRhOiBEaWFsb2dEYXRhID0ge1xuICAgICAgICAgICAgdGl0bGU6IHRoaXMuY29uZmlybVRpdGxlLFxuICAgICAgICAgICAgYnV0dG9uczp7XG4gICAgICAgICAgICAgICAgcHJpbWFyeTogdGhpcy5jb25maXJtVGV4dFllcyxcbiAgICAgICAgICAgICAgICBzZWNvbmRhcnk6IHRoaXMuY29uZmlybVRleHRObyxcbiAgICAgICAgICAgIH1cbiAgICAgICAgfTtcbiAgICAgICAgY29uc3QgZGlhbG9nUmVmID0gdGhpcy5kaWFsb2cub3BlbihHZW5lcmljRGlhbG9nQ29tcG9uZW50LCB7XG4gICAgICAgICAgICBkYXRhOiBkYXRhLFxuICAgICAgICB9KTtcblxuICAgICAgICB0aGlzLnN1YnMuc2luayA9IGRpYWxvZ1JlZi5hZnRlckNsb3NlZCgpLnN1YnNjcmliZShyZXN1bHQgPT4ge1xuICAgICAgICAgICAgdGhpcy5vbkNvbmZpcm1DbG9zZWQuZW1pdChyZXN1bHQgPT09IEJ1dHRvblJlc3BvbnNlVHlwZS5wcmltYXJ5KTtcbiAgICAgICAgICAgIFxuICAgICAgICAgICAgZGlhbG9nUmVmLmNsb3NlKCk7XG4gICAgICAgIH0pO1xuICAgIH1cbn1cbiIsIjxidXR0b25cbiAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAoY2xpY2spPVwic3RhcnQoKVwiXG4gICAgbWF0LXN0cm9rZWQtYnV0dG9uXG4gICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbj5cbiAgICB7eyBidXR0b25UZXh0IH19XG48L2J1dHRvbj5cbiJdfQ==
|
|
@@ -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,31 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* @copyright FLYACTS GmbH 2019
|
|
3
|
-
*/
|
|
4
|
-
import { EventEmitter } from '@angular/core';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
export declare class ActionsParentComponent {
|
|
7
|
-
/**
|
|
8
|
-
* Defines the disabled property
|
|
9
|
-
*/
|
|
10
|
-
disabled: boolean;
|
|
11
|
-
/**
|
|
12
|
-
* Set button as selected. F.e. in multiselect component
|
|
13
|
-
*/
|
|
14
|
-
checked: boolean;
|
|
15
|
-
/**
|
|
16
|
-
* Displayed label.
|
|
17
|
-
*/
|
|
18
|
-
label: string;
|
|
19
|
-
/**
|
|
20
|
-
* Link
|
|
21
|
-
*/
|
|
22
|
-
link: string;
|
|
23
|
-
/**
|
|
24
|
-
* Internal value that will be send if a form is submitted.
|
|
25
|
-
*/
|
|
26
|
-
initialValue: string;
|
|
27
|
-
select: EventEmitter<any>;
|
|
28
|
-
selectAction(id: string): void;
|
|
29
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ActionsParentComponent, never>;
|
|
30
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ActionsParentComponent, "kms-actions", never, { "disabled": { "alias": "disabled"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "label": { "alias": "label"; "required": false; }; "link": { "alias": "link"; "required": false; }; "initialValue": { "alias": "initialValue"; "required": false; }; }, { "select": "select"; }, never, never, false, never>;
|
|
31
|
-
}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { EventEmitter } from '@angular/core';
|
|
2
|
-
import { MatDialog } from '@angular/material/dialog';
|
|
3
|
-
import { NullAble } from '../../models';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class ButtonWithConfirmDialogComponent {
|
|
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
|
-
start(): void;
|
|
16
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ButtonWithConfirmDialogComponent, never>;
|
|
17
|
-
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>;
|
|
18
|
-
}
|
|
@@ -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
|
-
}
|