ngx-render-material-forms 2.5.12 → 2.5.13
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/FormioControl.mjs +36 -0
- package/esm2022/lib/components/Base.mjs +32 -0
- package/esm2022/lib/components/MaterialComponent.mjs +148 -0
- package/esm2022/lib/components/MaterialNestedComponent.mjs +38 -0
- package/esm2022/lib/components/Webform.mjs +18 -0
- package/esm2022/lib/components/add-on-products/add-on-products.component.mjs +841 -0
- package/esm2022/lib/components/button/button.component.mjs +101 -0
- package/esm2022/lib/components/calendar/calendar.component.mjs +127 -0
- package/esm2022/lib/components/checkbox/checkbox.component.mjs +53 -0
- package/esm2022/lib/components/columns/columns.component.mjs +58 -0
- package/esm2022/lib/components/common.service.mjs +255 -0
- package/esm2022/lib/components/confirmation-dialog/confirmation-dialog.component.mjs +24 -0
- package/esm2022/lib/components/container/container.component.mjs +24 -0
- package/{esm2020 → esm2022}/lib/components/content/content.component.mjs +18 -18
- package/esm2022/lib/components/currency/currency.component.mjs +41 -0
- package/esm2022/lib/components/datagrid/datagrid.component.mjs +693 -0
- package/esm2022/lib/components/date/date.component.mjs +336 -0
- package/{esm2020 → esm2022}/lib/components/day/day.component.mjs +75 -75
- package/esm2022/lib/components/editgrid/editgrid.component.mjs +243 -0
- package/esm2022/lib/components/email/email.component.mjs +28 -0
- package/esm2022/lib/components/fieldset/fieldset.component.mjs +49 -0
- package/esm2022/lib/components/formio-form-field/formio-form-field.component.mjs +56 -0
- package/esm2022/lib/components/formio.wizard.mjs +88 -0
- package/{esm2020 → esm2022}/lib/components/hidden/hidden.component.mjs +20 -20
- package/esm2022/lib/components/html/html.component.mjs +29 -0
- package/esm2022/lib/components/index.mjs +125 -0
- package/{esm2020 → esm2022}/lib/components/label/label.component.mjs +17 -17
- package/esm2022/lib/components/number/number.component.mjs +65 -0
- package/esm2022/lib/components/panel/panel.component.mjs +56 -0
- package/esm2022/lib/components/password/password.component.mjs +28 -0
- package/esm2022/lib/components/phonenumber/phonenumber.component.mjs +28 -0
- package/esm2022/lib/components/radio/radio.component.mjs +93 -0
- package/esm2022/lib/components/select/select.component.mjs +592 -0
- package/esm2022/lib/components/selectboxes/selectboxes.component.mjs +99 -0
- package/esm2022/lib/components/signature/signature.component.mjs +99 -0
- package/esm2022/lib/components/survey/survey.component.mjs +166 -0
- package/esm2022/lib/components/table/table.component.mjs +96 -0
- package/esm2022/lib/components/tabs/tabs.component.mjs +42 -0
- package/esm2022/lib/components/tags/tags.component.mjs +114 -0
- package/esm2022/lib/components/textarea/textarea.component.mjs +94 -0
- package/esm2022/lib/components/textfield/textfield.component.mjs +122 -0
- package/esm2022/lib/components/time/time.component.mjs +205 -0
- package/esm2022/lib/components/url/url.component.mjs +28 -0
- package/esm2022/lib/components/well/well.component.mjs +41 -0
- package/{esm2020 → esm2022}/lib/const/ButtonsThemes.mjs +16 -16
- package/{esm2020 → esm2022}/lib/const/LabelPositions.mjs +9 -9
- package/esm2022/lib/directives/mask.directive.mjs +65 -0
- package/esm2022/lib/formio.component.mjs +77 -0
- package/{esm2020 → esm2022}/lib/ngx-render-material-forms.component.mjs +15 -15
- package/esm2022/lib/ngx-render-material-forms.module.mjs +324 -0
- package/{esm2020 → esm2022}/lib/ngx-render-material-forms.service.mjs +14 -14
- package/{esm2020 → esm2022}/lib/renderer.mjs +12 -12
- package/{esm2020 → esm2022}/ngx-render-material-forms.js +4 -4
- package/{esm2020 → esm2022}/public-api.mjs +6 -6
- package/{fesm2020 → fesm2022}/ngx-render-material-forms.js +4209 -4285
- package/fesm2022/ngx-render-material-forms.mjs.map +1 -0
- package/index.d.ts +5 -5
- package/lib/FormioControl.d.ts +7 -7
- package/lib/components/Base.d.ts +2 -2
- package/lib/components/MaterialComponent.d.ts +30 -30
- package/lib/components/MaterialNestedComponent.d.ts +13 -13
- package/lib/components/Webform.d.ts +1 -1
- package/lib/components/add-on-products/add-on-products.component.d.ts +142 -142
- package/lib/components/button/button.component.d.ts +30 -30
- package/lib/components/calendar/calendar.component.d.ts +34 -34
- package/lib/components/checkbox/checkbox.component.d.ts +9 -9
- package/lib/components/columns/columns.component.d.ts +12 -12
- package/lib/components/common.service.d.ts +86 -86
- package/lib/components/confirmation-dialog/confirmation-dialog.component.d.ts +11 -11
- package/lib/components/container/container.component.d.ts +8 -8
- package/lib/components/content/content.component.d.ts +8 -8
- package/lib/components/currency/currency.component.d.ts +10 -10
- package/lib/components/datagrid/datagrid.component.d.ts +81 -81
- package/lib/components/date/date.component.d.ts +40 -40
- package/lib/components/day/day.component.d.ts +16 -16
- package/lib/components/editgrid/editgrid.component.d.ts +50 -50
- package/lib/components/email/email.component.d.ts +9 -9
- package/lib/components/fieldset/fieldset.component.d.ts +8 -8
- package/lib/components/formio-form-field/formio-form-field.component.d.ts +18 -18
- package/lib/components/formio.wizard.d.ts +19 -19
- package/lib/components/hidden/hidden.component.d.ts +8 -8
- package/lib/components/html/html.component.d.ts +11 -11
- package/lib/components/index.d.ts +2 -2
- package/lib/components/label/label.component.d.ts +6 -6
- package/lib/components/number/number.component.d.ts +18 -18
- package/lib/components/panel/panel.component.d.ts +8 -8
- package/lib/components/password/password.component.d.ts +9 -9
- package/lib/components/phonenumber/phonenumber.component.d.ts +9 -9
- package/lib/components/radio/radio.component.d.ts +12 -12
- package/lib/components/select/select.component.d.ts +77 -77
- package/lib/components/selectboxes/selectboxes.component.d.ts +15 -15
- package/lib/components/signature/signature.component.d.ts +12 -12
- package/lib/components/survey/survey.component.d.ts +14 -14
- package/lib/components/table/table.component.d.ts +12 -12
- package/lib/components/tabs/tabs.component.d.ts +9 -9
- package/lib/components/tags/tags.component.d.ts +15 -15
- package/lib/components/textarea/textarea.component.d.ts +13 -13
- package/lib/components/textfield/textfield.component.d.ts +18 -18
- package/lib/components/time/time.component.d.ts +27 -27
- package/lib/components/url/url.component.d.ts +9 -9
- package/lib/components/well/well.component.d.ts +8 -8
- package/lib/const/ButtonsThemes.d.ts +14 -14
- package/lib/const/LabelPositions.d.ts +8 -8
- package/lib/directives/mask.directive.d.ts +17 -17
- package/lib/formio.component.d.ts +15 -15
- package/lib/ngx-render-material-forms.component.d.ts +8 -8
- package/lib/ngx-render-material-forms.module.d.ts +110 -112
- package/lib/ngx-render-material-forms.service.d.ts +6 -6
- package/lib/renderer.d.ts +8 -8
- package/package.json +5 -11
- package/public-api.d.ts +3 -3
- package/esm2020/lib/FormioControl.mjs +0 -36
- package/esm2020/lib/components/Base.mjs +0 -32
- package/esm2020/lib/components/MaterialComponent.mjs +0 -145
- package/esm2020/lib/components/MaterialNestedComponent.mjs +0 -38
- package/esm2020/lib/components/Webform.mjs +0 -18
- package/esm2020/lib/components/add-on-products/add-on-products.component.mjs +0 -842
- package/esm2020/lib/components/button/button.component.mjs +0 -102
- package/esm2020/lib/components/calendar/calendar.component.mjs +0 -129
- package/esm2020/lib/components/checkbox/checkbox.component.mjs +0 -54
- package/esm2020/lib/components/columns/columns.component.mjs +0 -69
- package/esm2020/lib/components/common.service.mjs +0 -256
- package/esm2020/lib/components/confirmation-dialog/confirmation-dialog.component.mjs +0 -25
- package/esm2020/lib/components/container/container.component.mjs +0 -25
- package/esm2020/lib/components/currency/currency.component.mjs +0 -43
- package/esm2020/lib/components/datagrid/datagrid.component.mjs +0 -694
- package/esm2020/lib/components/date/date.component.mjs +0 -337
- package/esm2020/lib/components/editgrid/editgrid.component.mjs +0 -243
- package/esm2020/lib/components/email/email.component.mjs +0 -30
- package/esm2020/lib/components/fieldset/fieldset.component.mjs +0 -50
- package/esm2020/lib/components/formio-form-field/formio-form-field.component.mjs +0 -57
- package/esm2020/lib/components/formio.wizard.mjs +0 -88
- package/esm2020/lib/components/html/html.component.mjs +0 -29
- package/esm2020/lib/components/index.mjs +0 -125
- package/esm2020/lib/components/number/number.component.mjs +0 -67
- package/esm2020/lib/components/panel/panel.component.mjs +0 -57
- package/esm2020/lib/components/password/password.component.mjs +0 -30
- package/esm2020/lib/components/phonenumber/phonenumber.component.mjs +0 -30
- package/esm2020/lib/components/radio/radio.component.mjs +0 -96
- package/esm2020/lib/components/select/select.component.mjs +0 -593
- package/esm2020/lib/components/selectboxes/selectboxes.component.mjs +0 -102
- package/esm2020/lib/components/signature/signature.component.mjs +0 -103
- package/esm2020/lib/components/survey/survey.component.mjs +0 -167
- package/esm2020/lib/components/table/table.component.mjs +0 -97
- package/esm2020/lib/components/tabs/tabs.component.mjs +0 -43
- package/esm2020/lib/components/tags/tags.component.mjs +0 -117
- package/esm2020/lib/components/textarea/textarea.component.mjs +0 -98
- package/esm2020/lib/components/textfield/textfield.component.mjs +0 -124
- package/esm2020/lib/components/time/time.component.mjs +0 -206
- package/esm2020/lib/components/url/url.component.mjs +0 -30
- package/esm2020/lib/components/well/well.component.mjs +0 -43
- package/esm2020/lib/directives/mask.directive.mjs +0 -65
- package/esm2020/lib/formio.component.mjs +0 -80
- package/esm2020/lib/ngx-render-material-forms.module.mjs +0 -378
- package/fesm2015/ngx-render-material-forms.js +0 -5848
- package/fesm2015/ngx-render-material-forms.mjs.map +0 -1
- package/fesm2020/ngx-render-material-forms.mjs.map +0 -1
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import ButtonComponent from 'formiojs/components/button/Button.js';
|
|
3
|
+
import { MaterialComponent } from '../MaterialComponent';
|
|
4
|
+
import { AngularButtonsThemes, ButtonsThemes } from '../../const/ButtonsThemes';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "@angular/material/dialog";
|
|
7
|
+
import * as i2 from "@angular/common";
|
|
8
|
+
import * as i3 from "@angular/material/button";
|
|
9
|
+
import * as i4 from "@angular/material/icon";
|
|
10
|
+
export class MaterialButtonComponent extends MaterialComponent {
|
|
11
|
+
constructor(element, ref, dialog) {
|
|
12
|
+
super(element, ref);
|
|
13
|
+
this.element = element;
|
|
14
|
+
this.ref = ref;
|
|
15
|
+
this.dialog = dialog;
|
|
16
|
+
this.loading = false;
|
|
17
|
+
this.done = false;
|
|
18
|
+
this.error = false;
|
|
19
|
+
this.disabled = false;
|
|
20
|
+
this.clicked = false;
|
|
21
|
+
this.walkmeClass = '';
|
|
22
|
+
}
|
|
23
|
+
get color() {
|
|
24
|
+
if (this.error) {
|
|
25
|
+
return AngularButtonsThemes.WARN;
|
|
26
|
+
}
|
|
27
|
+
const theme = this.angularButtonTheme;
|
|
28
|
+
return theme || AngularButtonsThemes.PRIMARY;
|
|
29
|
+
}
|
|
30
|
+
get angularButtonTheme() {
|
|
31
|
+
switch (this.instance.component.theme) {
|
|
32
|
+
case ButtonsThemes.PRIMARY:
|
|
33
|
+
return AngularButtonsThemes.PRIMARY;
|
|
34
|
+
case ButtonsThemes.WARNING:
|
|
35
|
+
return AngularButtonsThemes.ACCENT;
|
|
36
|
+
case ButtonsThemes.DANGER:
|
|
37
|
+
return AngularButtonsThemes.WARN;
|
|
38
|
+
case ButtonsThemes.SECONDARY:
|
|
39
|
+
return AngularButtonsThemes.BASIC;
|
|
40
|
+
default:
|
|
41
|
+
return '';
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
get buttonClass() {
|
|
45
|
+
let className = this.instance.component.block ? 'mat-formio-button-block' : '';
|
|
46
|
+
className += this.instance.component.size ? ` mat-formio-button-${this.instance.component.size}` : '';
|
|
47
|
+
className += !this.angularButtonTheme ? ` mat-formio-theme-${this.instance.component.theme}` : '';
|
|
48
|
+
const attributes = this.instance?.component?.attributes;
|
|
49
|
+
if (attributes) {
|
|
50
|
+
const buttonType = attributes.buttonType || '';
|
|
51
|
+
const programName = attributes.programName || '';
|
|
52
|
+
this.walkmeClass = `walkme-${buttonType}-${programName}`.toLowerCase();
|
|
53
|
+
}
|
|
54
|
+
return className;
|
|
55
|
+
}
|
|
56
|
+
onClick(event) {
|
|
57
|
+
this.clicked = true;
|
|
58
|
+
this.instance.onClick(event);
|
|
59
|
+
}
|
|
60
|
+
getValue() {
|
|
61
|
+
return this.clicked;
|
|
62
|
+
}
|
|
63
|
+
setState(loading, error, done) {
|
|
64
|
+
this.loading = loading;
|
|
65
|
+
this.done = done;
|
|
66
|
+
this.error = error;
|
|
67
|
+
}
|
|
68
|
+
getIconFontSet(icon) {
|
|
69
|
+
const fontSet = icon.split(' ')[0];
|
|
70
|
+
return fontSet;
|
|
71
|
+
}
|
|
72
|
+
getIconName(icon) {
|
|
73
|
+
return icon.replace(this.getIconFontSet(icon), '');
|
|
74
|
+
}
|
|
75
|
+
setInstance(instance) {
|
|
76
|
+
const retVal = super.setInstance(instance);
|
|
77
|
+
this.disabled = instance.shouldDisabled;
|
|
78
|
+
instance.on('submitButton', () => this.setState(true, false, false));
|
|
79
|
+
instance.on('submitDone', () => this.setState(false, false, true));
|
|
80
|
+
instance.on('submitError', () => this.setState(false, true, false));
|
|
81
|
+
instance.on('requestButton', () => this.setState(true, false, false));
|
|
82
|
+
instance.on('requestDone', () => this.setState(false, false, true));
|
|
83
|
+
instance.on('change', (event) => {
|
|
84
|
+
this.disabled = this.instance.shouldDisabled || (this.instance.component.disableOnInvalid && !event.isValid);
|
|
85
|
+
if (event.isValid) {
|
|
86
|
+
this.loading = false;
|
|
87
|
+
this.error = false;
|
|
88
|
+
}
|
|
89
|
+
});
|
|
90
|
+
return retVal;
|
|
91
|
+
}
|
|
92
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MaterialButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
93
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: MaterialButtonComponent, selector: "mat-formio-button", usesInheritance: true, ngImport: i0, template: "<button *ngIf=\"instance && instance.component.label != 'Click to add Products'\"\r\n [ngClass]=\"[buttonClass, walkmeClass]\"\r\n type=\"{{ instance.component.action }}\"\r\n mat-raised-button [color]=\"color\"\r\n [disabled]=\"disabled\"\r\n (click)=\"instance.onClick($event)\"\r\n>\r\n\r\n\r\n <mat-icon *ngIf=\"instance.component.leftIcon\">{{instance.component.leftIcon}}</mat-icon>\r\n <mat-icon *ngIf=\"done\">done</mat-icon>\r\n <mat-icon *ngIf=\"error\">close</mat-icon>\r\n <mat-icon class=\"mat-icon-spin\" *ngIf=\"loading\">autorenew</mat-icon>\r\n {{ instance.component.label }}\r\n <mat-icon *ngIf=\"instance.component.rightIcon\">{{instance.component.rightIcon}}</mat-icon>\r\n</button>\r\n", styles: ["@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host .mat-icon-spin{animation-name:spin;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear}.mat-formio-theme-success{background-color:#63d644!important}.mat-formio-theme-info{background-color:#49d9f4!important}.mat-formio-button-sm{font-size:14px;padding:8px 12px}.mat-formio-button-xs{font-size:14px;padding:4px 6px}.mat-formio-button-md{font-size:15px;padding:8px 12px}.mat-formio-button-lg{font-size:19px;padding:16px 20px}.mat-formio-button-block{display:block;width:100%}\n"], 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.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
|
|
94
|
+
}
|
|
95
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MaterialButtonComponent, decorators: [{
|
|
96
|
+
type: Component,
|
|
97
|
+
args: [{ selector: 'mat-formio-button', template: "<button *ngIf=\"instance && instance.component.label != 'Click to add Products'\"\r\n [ngClass]=\"[buttonClass, walkmeClass]\"\r\n type=\"{{ instance.component.action }}\"\r\n mat-raised-button [color]=\"color\"\r\n [disabled]=\"disabled\"\r\n (click)=\"instance.onClick($event)\"\r\n>\r\n\r\n\r\n <mat-icon *ngIf=\"instance.component.leftIcon\">{{instance.component.leftIcon}}</mat-icon>\r\n <mat-icon *ngIf=\"done\">done</mat-icon>\r\n <mat-icon *ngIf=\"error\">close</mat-icon>\r\n <mat-icon class=\"mat-icon-spin\" *ngIf=\"loading\">autorenew</mat-icon>\r\n {{ instance.component.label }}\r\n <mat-icon *ngIf=\"instance.component.rightIcon\">{{instance.component.rightIcon}}</mat-icon>\r\n</button>\r\n", styles: ["@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host .mat-icon-spin{animation-name:spin;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear}.mat-formio-theme-success{background-color:#63d644!important}.mat-formio-theme-info{background-color:#49d9f4!important}.mat-formio-button-sm{font-size:14px;padding:8px 12px}.mat-formio-button-xs{font-size:14px;padding:4px 6px}.mat-formio-button-md{font-size:15px;padding:8px 12px}.mat-formio-button-lg{font-size:19px;padding:16px 20px}.mat-formio-button-block{display:block;width:100%}\n"] }]
|
|
98
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.MatDialog }] });
|
|
99
|
+
ButtonComponent.MaterialComponent = MaterialButtonComponent;
|
|
100
|
+
export { ButtonComponent };
|
|
101
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1yZW5kZXItbWF0ZXJpYWwtZm9ybXMvc3JjL2xpYi9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXJlbmRlci1tYXRlcmlhbC1mb3Jtcy9zcmMvbGliL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQXFCLFNBQVMsRUFBYyxNQUFNLGVBQWUsQ0FBQztBQUN6RSxPQUFPLGVBQWUsTUFBTSxzQ0FBc0MsQ0FBQztBQUNuRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsYUFBYSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7Ozs7OztBQVFoRixNQUFNLE9BQU8sdUJBQXdCLFNBQVEsaUJBQWlCO0lBTzVELFlBQW1CLE9BQW1CLEVBQVMsR0FBc0IsRUFBVSxNQUFpQjtRQUM5RixLQUFLLENBQUMsT0FBTyxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBREgsWUFBTyxHQUFQLE9BQU8sQ0FBWTtRQUFTLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBQVUsV0FBTSxHQUFOLE1BQU0sQ0FBVztRQU56RixZQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ2hCLFNBQUksR0FBRyxLQUFLLENBQUM7UUFDYixVQUFLLEdBQUcsS0FBSyxDQUFDO1FBQ2QsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixZQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ3ZCLGdCQUFXLEdBQVcsRUFBRSxDQUFDO0lBR3pCLENBQUM7SUFDRCxJQUFJLEtBQUs7UUFDUCxJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUNmLE9BQU8sb0JBQW9C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QztRQUMzQyxJQUFJLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQyxjQUFjLENBQUM7UUFDeEMsUUFBUSxDQUFDLEVBQUUsQ0FBQyxjQUFjLEVBQUUsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsS0FBSyxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUM7UUFDckUsUUFBUSxDQUFDLEVBQUUsQ0FBQyxZQUFZLEVBQUUsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLEVBQUUsS0FBSyxFQUFFLElBQUksQ0FBQyxDQUFDLENBQUM7UUFDbkUsUUFBUSxDQUFDLEVBQUUsQ0FBQyxhQUFhLEVBQUUsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLEVBQUUsSUFBSSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUM7UUFDcEUsUUFBUSxDQUFDLEVBQUUsQ0FBQyxlQUFlLEVBQUUsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsS0FBSyxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUM7UUFDdEUsUUFBUSxDQUFDLEVBQUUsQ0FBQyxhQUFhLEVBQUUsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLEVBQUUsS0FBSyxFQUFFLElBQUksQ0FBQyxDQUFDLENBQUM7UUFDcEUsUUFBUSxDQUFDLEVBQUUsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxLQUFLLEVBQUUsRUFBRTtZQUM5QixJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsY0FBYyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUMsZ0JBQWdCLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUM7WUFDN0csSUFBSSxLQUFLLENBQUMsT0FBTyxFQUFFLENBQUM7Z0JBQ2xCLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO2dCQUNyQixJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztZQUNyQixDQUFDO1FBQ0gsQ0FBQyxDQUFDLENBQUM7UUFDSCxPQUFPLE1BQU0sQ0FBQztJQUNoQixDQUFDOytHQTFGVSx1QkFBdUI7bUdBQXZCLHVCQUF1QixnRkNYcEMsNnVCQWdCQTs7NEZETGEsdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNFLG1CQUFtQjs7QUFnRy9CLGVBQWUsQ0FBQyxpQkFBaUIsR0FBRyx1QkFBdUIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsZUFBZSxFQUFFLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBFbGVtZW50UmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCBCdXR0b25Db21wb25lbnQgZnJvbSAnZm9ybWlvanMvY29tcG9uZW50cy9idXR0b24vQnV0dG9uLmpzJztcclxuaW1wb3J0IHsgTWF0ZXJpYWxDb21wb25lbnQgfSBmcm9tICcuLi9NYXRlcmlhbENvbXBvbmVudCc7XHJcbmltcG9ydCB7IEFuZ3VsYXJCdXR0b25zVGhlbWVzLCBCdXR0b25zVGhlbWVzIH0gZnJvbSAnLi4vLi4vY29uc3QvQnV0dG9uc1RoZW1lcyc7XHJcbmltcG9ydCB7IE1hdERpYWxvZyB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpYWxvZyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ21hdC1mb3JtaW8tYnV0dG9uJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9idXR0b24uY29tcG9uZW50LmNzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNYXRlcmlhbEJ1dHRvbkNvbXBvbmVudCBleHRlbmRzIE1hdGVyaWFsQ29tcG9uZW50IHtcclxuICBwdWJsaWMgbG9hZGluZyA9IGZhbHNlO1xyXG4gIHB1YmxpYyBkb25lID0gZmFsc2U7XHJcbiAgcHVibGljIGVycm9yID0gZmFsc2U7XHJcbiAgcHVibGljIGRpc2FibGVkID0gZmFsc2U7XHJcbiAgcHVibGljIGNsaWNrZWQgPSBmYWxzZTtcclxuICB3YWxrbWVDbGFzczogc3RyaW5nID0gJyc7XHJcbiAgY29uc3RydWN0b3IocHVibGljIGVsZW1lbnQ6IEVsZW1lbnRSZWYsIHB1YmxpYyByZWY6IENoYW5nZURldGVjdG9yUmVmLCBwcml2YXRlIGRpYWxvZzogTWF0RGlhbG9nKSB7XHJcbiAgICBzdXBlcihlbGVtZW50LCByZWYpO1xyXG4gIH1cclxuICBnZXQgY29sb3IoKSB7XHJcbiAgICBpZiAodGhpcy5lcnJvcikge1xyXG4gICAgICByZXR1cm4gQW5ndWxhckJ1dHRvbnNUaGVtZXMuV0FSTjtcclxuICAgIH1cclxuICAgIGNvbnN0IHRoZW1lID0gdGhpcy5hbmd1bGFyQnV0dG9uVGhlbWU7XHJcbiAgICByZXR1cm4gdGhlbWUgfHwgQW5ndWxhckJ1dHRvbnNUaGVtZXMuUFJJTUFSWTtcclxuICB9XHJcblxyXG4gIGdldCBhbmd1bGFyQnV0dG9uVGhlbWUoKSB7XHJcbiAgICBzd2l0Y2ggKHRoaXMuaW5zdGFuY2UuY29tcG9uZW50LnRoZW1lKSB7XHJcbiAgICAgIGNhc2UgQnV0dG9uc1RoZW1lcy5QUklNQVJZOlxyXG4gICAgICAgIHJldHVybiBBbmd1bGFyQnV0dG9uc1RoZW1lcy5QUklNQVJZO1xyXG5cclxuICAgICAgY2FzZSBCdXR0b25zVGhlbWVzLldBUk5JTkc6XHJcbiAgICAgICAgcmV0dXJuIEFuZ3VsYXJCdXR0b25zVGhlbWVzLkFDQ0VOVDtcclxuXHJcbiAgICAgIGNhc2UgQnV0dG9uc1RoZW1lcy5EQU5HRVI6XHJcbiAgICAgICAgcmV0dXJuIEFuZ3VsYXJCdXR0b25zVGhlbWVzLldBUk47XHJcblxyXG4gICAgICBjYXNlIEJ1dHRvbnNUaGVtZXMuU0VDT05EQVJZOlxyXG4gICAgICAgIHJldHVybiBBbmd1bGFyQnV0dG9uc1RoZW1lcy5CQVNJQztcclxuXHJcbiAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgcmV0dXJuICcnO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgZ2V0IGJ1dHRvbkNsYXNzKCkge1xyXG4gICAgbGV0IGNsYXNzTmFtZSA9IHRoaXMuaW5zdGFuY2UuY29tcG9uZW50LmJsb2NrID8gJ21hdC1mb3JtaW8tYnV0dG9uLWJsb2NrJyA6ICcnO1xyXG4gICAgY2xhc3NOYW1lICs9IHRoaXMuaW5zdGFuY2UuY29tcG9uZW50LnNpemUgPyBgIG1hdC1mb3JtaW8tYnV0dG9uLSR7dGhpcy5pbnN0YW5jZS5jb21wb25lbnQuc2l6ZX1gIDogJyc7XHJcbiAgICBjbGFzc05hbWUgKz0gIXRoaXMuYW5ndWxhckJ1dHRvblRoZW1lID8gYCBtYXQtZm9ybWlvLXRoZW1lLSR7dGhpcy5pbnN0YW5jZS5jb21wb25lbnQudGhlbWV9YCA6ICcnO1xyXG4gICAgY29uc3QgYXR0cmlidXRlcyA9IHRoaXMuaW5zdGFuY2U/LmNvbXBvbmVudD8uYXR0cmlidXRlcztcclxuICAgIGlmIChhdHRyaWJ1dGVzKSB7XHJcbiAgICAgIGNvbnN0IGJ1dHRvblR5cGUgPSBhdHRyaWJ1dGVzLmJ1dHRvblR5cGUgfHwgJyc7XHJcbiAgICAgIGNvbnN0IHByb2dyYW1OYW1lID0gYXR0cmlidXRlcy5wcm9ncmFtTmFtZSB8fCAnJztcclxuICAgICAgdGhpcy53YWxrbWVDbGFzcyA9IGB3YWxrbWUtJHtidXR0b25UeXBlfS0ke3Byb2dyYW1OYW1lfWAudG9Mb3dlckNhc2UoKTtcclxuICAgIH1cclxuICAgIHJldHVybiBjbGFzc05hbWU7XHJcbiAgfVxyXG5cclxuICBvbkNsaWNrKGV2ZW50KSB7XHJcbiAgICB0aGlzLmNsaWNrZWQgPSB0cnVlO1xyXG4gICAgdGhpcy5pbnN0YW5jZS5vbkNsaWNrKGV2ZW50KTtcclxuICB9XHJcblxyXG4gIGdldFZhbHVlKCkge1xyXG4gICAgcmV0dXJuIHRoaXMuY2xpY2tlZDtcclxuICB9XHJcblxyXG4gIHNldFN0YXRlKGxvYWRpbmcsIGVycm9yLCBkb25lKSB7XHJcbiAgICB0aGlzLmxvYWRpbmcgPSBsb2FkaW5nO1xyXG4gICAgdGhpcy5kb25lID0gZG9uZTtcclxuICAgIHRoaXMuZXJyb3IgPSBlcnJvcjtcclxuICB9XHJcblxyXG4gIGdldEljb25Gb250U2V0KGljb246IHN0cmluZykge1xyXG4gICAgY29uc3QgZm9udFNldCA9IGljb24uc3BsaXQoJyAnKVswXTtcclxuICAgIHJldHVybiBmb250U2V0O1xyXG4gIH1cclxuXHJcbiAgZ2V0SWNvbk5hbWUoaWNvbjogc3RyaW5nKSB7XHJcbiAgICByZXR1cm4gaWNvbi5yZXBsYWNlKHRoaXMuZ2V0SWNvbkZvbnRTZXQoaWNvbiksICcnKTtcclxuICB9XHJcblxyXG4gIHNldEluc3RhbmNlKGluc3RhbmNlKSB7XHJcbiAgICBjb25zdCByZXRWYWwgPSBzdXBlci5zZXRJbnN0YW5jZShpbnN0YW5jZSk7XHJcbiAgICB0aGlzLmRpc2FibGVkID0gaW5zdGFuY2Uuc2hvdWxkRGlzYWJsZWQ7XHJcbiAgICBpbnN0YW5jZS5vbignc3VibWl0QnV0dG9uJywgKCkgPT4gdGhpcy5zZXRTdGF0ZSh0cnVlLCBmYWxzZSwgZmFsc2UpKTtcclxuICAgIGluc3RhbmNlLm9uKCdzdWJtaXREb25lJywgKCkgPT4gdGhpcy5zZXRTdGF0ZShmYWxzZSwgZmFsc2UsIHRydWUpKTtcclxuICAgIGluc3RhbmNlLm9uKCdzdWJtaXRFcnJvcicsICgpID0+IHRoaXMuc2V0U3RhdGUoZmFsc2UsIHRydWUsIGZhbHNlKSk7XHJcbiAgICBpbnN0YW5jZS5vbigncmVxdWVzdEJ1dHRvbicsICgpID0+IHRoaXMuc2V0U3RhdGUodHJ1ZSwgZmFsc2UsIGZhbHNlKSk7XHJcbiAgICBpbnN0YW5jZS5vbigncmVxdWVzdERvbmUnLCAoKSA9PiB0aGlzLnNldFN0YXRlKGZhbHNlLCBmYWxzZSwgdHJ1ZSkpO1xyXG4gICAgaW5zdGFuY2Uub24oJ2NoYW5nZScsIChldmVudCkgPT4ge1xyXG4gICAgICB0aGlzLmRpc2FibGVkID0gdGhpcy5pbnN0YW5jZS5zaG91bGREaXNhYmxlZCB8fCAodGhpcy5pbnN0YW5jZS5jb21wb25lbnQuZGlzYWJsZU9uSW52YWxpZCAmJiAhZXZlbnQuaXNWYWxpZCk7XHJcbiAgICAgIGlmIChldmVudC5pc1ZhbGlkKSB7XHJcbiAgICAgICAgdGhpcy5sb2FkaW5nID0gZmFsc2U7XHJcbiAgICAgICAgdGhpcy5lcnJvciA9IGZhbHNlO1xyXG4gICAgICB9XHJcbiAgICB9KTtcclxuICAgIHJldHVybiByZXRWYWw7XHJcbiAgfVxyXG59XHJcbkJ1dHRvbkNvbXBvbmVudC5NYXRlcmlhbENvbXBvbmVudCA9IE1hdGVyaWFsQnV0dG9uQ29tcG9uZW50O1xyXG5leHBvcnQgeyBCdXR0b25Db21wb25lbnQgfTtcclxuIiwiPGJ1dHRvbiAqbmdJZj1cImluc3RhbmNlICYmIGluc3RhbmNlLmNvbXBvbmVudC5sYWJlbCAhPSAnQ2xpY2sgdG8gYWRkIFByb2R1Y3RzJ1wiXHJcbiAgICAgICAgW25nQ2xhc3NdPVwiW2J1dHRvbkNsYXNzLCB3YWxrbWVDbGFzc11cIlxyXG4gICAgICAgIHR5cGU9XCJ7eyBpbnN0YW5jZS5jb21wb25lbnQuYWN0aW9uIH19XCJcclxuICAgICAgICBtYXQtcmFpc2VkLWJ1dHRvbiBbY29sb3JdPVwiY29sb3JcIlxyXG4gICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXHJcbiAgICAgICAgKGNsaWNrKT1cImluc3RhbmNlLm9uQ2xpY2soJGV2ZW50KVwiXHJcbj5cclxuXHJcblxyXG4gIDxtYXQtaWNvbiAqbmdJZj1cImluc3RhbmNlLmNvbXBvbmVudC5sZWZ0SWNvblwiPnt7aW5zdGFuY2UuY29tcG9uZW50LmxlZnRJY29ufX08L21hdC1pY29uPlxyXG4gIDxtYXQtaWNvbiAqbmdJZj1cImRvbmVcIj5kb25lPC9tYXQtaWNvbj5cclxuICA8bWF0LWljb24gKm5nSWY9XCJlcnJvclwiPmNsb3NlPC9tYXQtaWNvbj5cclxuICA8bWF0LWljb24gY2xhc3M9XCJtYXQtaWNvbi1zcGluXCIgKm5nSWY9XCJsb2FkaW5nXCI+YXV0b3JlbmV3PC9tYXQtaWNvbj5cclxuICB7eyBpbnN0YW5jZS5jb21wb25lbnQubGFiZWwgfX1cclxuICA8bWF0LWljb24gKm5nSWY9XCJpbnN0YW5jZS5jb21wb25lbnQucmlnaHRJY29uXCI+e3tpbnN0YW5jZS5jb21wb25lbnQucmlnaHRJY29ufX08L21hdC1pY29uPlxyXG48L2J1dHRvbj5cclxuIl19
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
|
|
2
|
+
import { MaterialComponent } from '../MaterialComponent';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/common";
|
|
5
|
+
import * as i2 from "@angular/material/datepicker";
|
|
6
|
+
import * as i3 from "@angular/material/card";
|
|
7
|
+
import * as i4 from "../time/time.component";
|
|
8
|
+
export class MaterialCalendarComponent extends MaterialComponent {
|
|
9
|
+
constructor() {
|
|
10
|
+
super(...arguments);
|
|
11
|
+
this.timeSelectEvent = new EventEmitter();
|
|
12
|
+
this.dateSelectEvent = new EventEmitter();
|
|
13
|
+
}
|
|
14
|
+
setInstance(instance) {
|
|
15
|
+
super.setInstance(instance);
|
|
16
|
+
}
|
|
17
|
+
setExistedDate(value) {
|
|
18
|
+
this.selectedDate = value;
|
|
19
|
+
}
|
|
20
|
+
setExistedTime(value, forTime) {
|
|
21
|
+
this.selectedTime = value;
|
|
22
|
+
this.time.setValue(forTime);
|
|
23
|
+
}
|
|
24
|
+
onDate(event) {
|
|
25
|
+
this.selectedDate = event;
|
|
26
|
+
this.dateSelectEvent.emit(this.selectedDate);
|
|
27
|
+
}
|
|
28
|
+
onTime(event) {
|
|
29
|
+
this.selectedTime = event.value;
|
|
30
|
+
this.timeSelectEvent.emit(this.selectedTime);
|
|
31
|
+
}
|
|
32
|
+
getPopupStyles() {
|
|
33
|
+
return {
|
|
34
|
+
position: 'absolute',
|
|
35
|
+
zIndex: '1000',
|
|
36
|
+
display: 'flex',
|
|
37
|
+
maxWidth: '100%',
|
|
38
|
+
maxHeight: '100%',
|
|
39
|
+
top: '90px',
|
|
40
|
+
left: '30px'
|
|
41
|
+
};
|
|
42
|
+
}
|
|
43
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MaterialCalendarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
44
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: MaterialCalendarComponent, selector: "mat-formio-calendar", inputs: { enableDate: "enableDate", enableTime: "enableTime", minDate: "minDate", maxDate: "maxDate", dateFilter: "dateFilter", hourStep: "hourStep", minuteStep: "minuteStep" }, outputs: { timeSelectEvent: "timeSelectEvent", dateSelectEvent: "dateSelectEvent" }, viewQueries: [{ propertyName: "time", first: true, predicate: ["time"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
|
|
45
|
+
<div class="container" style="display:flex; flex-direction:row; flex-wrap:wrap; gap:0.5%;">
|
|
46
|
+
<div [ngStyle]="getPopupStyles()">
|
|
47
|
+
<mat-card appearance="outlined" style="padding: 0;">
|
|
48
|
+
<mat-calendar
|
|
49
|
+
[dateFilter]="dateFilter"
|
|
50
|
+
[maxDate]="maxDate"
|
|
51
|
+
[minDate]="minDate"
|
|
52
|
+
[selected]="selectedDate"
|
|
53
|
+
(selectedChange)="onDate($event)"
|
|
54
|
+
class="calendar"
|
|
55
|
+
*ngIf="enableDate !== false"
|
|
56
|
+
>
|
|
57
|
+
</mat-calendar>
|
|
58
|
+
<mat-formio-time
|
|
59
|
+
#time
|
|
60
|
+
[hourStep]="hourStep"
|
|
61
|
+
[instance]="instance"
|
|
62
|
+
[renderElementOnly]="true"
|
|
63
|
+
[minuteStep]="minuteStep"
|
|
64
|
+
(selectedEvent)="onTime($event)"
|
|
65
|
+
class="ml-3 formio-time"
|
|
66
|
+
*ngIf="enableTime"
|
|
67
|
+
>
|
|
68
|
+
</mat-formio-time>
|
|
69
|
+
</mat-card>
|
|
70
|
+
</div>
|
|
71
|
+
</div>
|
|
72
|
+
`, isInline: true, styles: [".calendar,.formio-time{padding:16px;background-color:#fff;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.formio-time{display:flex}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.MatCalendar, selector: "mat-calendar", inputs: ["headerComponent", "startAt", "startView", "selected", "minDate", "maxDate", "dateFilter", "dateClass", "comparisonStart", "comparisonEnd", "startDateAccessibleName", "endDateAccessibleName"], outputs: ["selectedChange", "yearSelected", "monthSelected", "viewChanged", "_userSelection", "_userDragDrop"], exportAs: ["matCalendar"] }, { kind: "component", type: i3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: i4.MaterialTimeComponent, selector: "mat-formio-time", inputs: ["hourStep", "minuteStep", "secondStep", "renderElementOnly"], outputs: ["selectedEvent"] }] }); }
|
|
73
|
+
}
|
|
74
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MaterialCalendarComponent, decorators: [{
|
|
75
|
+
type: Component,
|
|
76
|
+
args: [{ selector: 'mat-formio-calendar', template: `
|
|
77
|
+
<div class="container" style="display:flex; flex-direction:row; flex-wrap:wrap; gap:0.5%;">
|
|
78
|
+
<div [ngStyle]="getPopupStyles()">
|
|
79
|
+
<mat-card appearance="outlined" style="padding: 0;">
|
|
80
|
+
<mat-calendar
|
|
81
|
+
[dateFilter]="dateFilter"
|
|
82
|
+
[maxDate]="maxDate"
|
|
83
|
+
[minDate]="minDate"
|
|
84
|
+
[selected]="selectedDate"
|
|
85
|
+
(selectedChange)="onDate($event)"
|
|
86
|
+
class="calendar"
|
|
87
|
+
*ngIf="enableDate !== false"
|
|
88
|
+
>
|
|
89
|
+
</mat-calendar>
|
|
90
|
+
<mat-formio-time
|
|
91
|
+
#time
|
|
92
|
+
[hourStep]="hourStep"
|
|
93
|
+
[instance]="instance"
|
|
94
|
+
[renderElementOnly]="true"
|
|
95
|
+
[minuteStep]="minuteStep"
|
|
96
|
+
(selectedEvent)="onTime($event)"
|
|
97
|
+
class="ml-3 formio-time"
|
|
98
|
+
*ngIf="enableTime"
|
|
99
|
+
>
|
|
100
|
+
</mat-formio-time>
|
|
101
|
+
</mat-card>
|
|
102
|
+
</div>
|
|
103
|
+
</div>
|
|
104
|
+
`, styles: [".calendar,.formio-time{padding:16px;background-color:#fff;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.formio-time{display:flex}\n"] }]
|
|
105
|
+
}], propDecorators: { time: [{
|
|
106
|
+
type: ViewChild,
|
|
107
|
+
args: ['time']
|
|
108
|
+
}], enableDate: [{
|
|
109
|
+
type: Input
|
|
110
|
+
}], enableTime: [{
|
|
111
|
+
type: Input
|
|
112
|
+
}], minDate: [{
|
|
113
|
+
type: Input
|
|
114
|
+
}], maxDate: [{
|
|
115
|
+
type: Input
|
|
116
|
+
}], dateFilter: [{
|
|
117
|
+
type: Input
|
|
118
|
+
}], hourStep: [{
|
|
119
|
+
type: Input
|
|
120
|
+
}], minuteStep: [{
|
|
121
|
+
type: Input
|
|
122
|
+
}], timeSelectEvent: [{
|
|
123
|
+
type: Output
|
|
124
|
+
}], dateSelectEvent: [{
|
|
125
|
+
type: Output
|
|
126
|
+
}] } });
|
|
127
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsZW5kYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXJlbmRlci1tYXRlcmlhbC1mb3Jtcy9zcmMvbGliL2NvbXBvbmVudHMvY2FsZW5kYXIvY2FsZW5kYXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBWSxNQUFNLEVBQUUsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQzFGLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDOzs7Ozs7QUE2Q3pELE1BQU0sT0FBTyx5QkFBMEIsU0FBUSxpQkFBaUI7SUE1Q2hFOztRQTBEWSxvQkFBZSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFDMUMsb0JBQWUsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO0tBb0NyRDtJQWxDQyxXQUFXLENBQUMsUUFBYTtRQUN2QixLQUFLLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQzlCLENBQUM7SUFFRCxjQUFjLENBQUMsS0FBSztRQUNsQixJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztJQUM1QixDQUFDO0lBRUQsY0FBYyxDQUFDLEtBQUssRUFBRSxPQUFPO1FBQzNCLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO1FBQzFCLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQzlCLENBQUM7SUFFRCxNQUFNLENBQUMsS0FBSztRQUNWLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO1FBQzFCLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztJQUMvQyxDQUFDO0lBRUQsTUFBTSxDQUFDLEtBQUs7UUFDVixJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUM7UUFDaEMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO0lBQy9DLENBQUM7SUFFRCxjQUFjO1FBQ1osT0FBTztZQUNMLFFBQVEsRUFBRSxVQUFVO1lBQ3BCLE1BQU0sRUFBRSxNQUFNO1lBQ2QsT0FBTyxFQUFFLE1BQU07WUFDZixRQUFRLEVBQUUsTUFBTTtZQUNoQixTQUFTLEVBQUUsTUFBTTtZQUNqQixHQUFHLEVBQUUsTUFBTTtZQUNYLElBQUksRUFBRSxNQUFNO1NBQ2IsQ0FBQTtJQUNILENBQUM7K0dBbERVLHlCQUF5QjttR0FBekIseUJBQXlCLHViQS9CMUI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0E0QlQ7OzRGQUdVLHlCQUF5QjtrQkE1Q3JDLFNBQVM7K0JBQ0UscUJBQXFCLFlBWXJCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBNEJUOzhCQVFrQixJQUFJO3NCQUF0QixTQUFTO3VCQUFDLE1BQU07Z0JBRVIsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0ksZUFBZTtzQkFBeEIsTUFBTTtnQkFDRyxlQUFlO3NCQUF4QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE5nTW9kdWxlLCBPdXRwdXQsIFZpZXdDaGlsZH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE1hdGVyaWFsQ29tcG9uZW50IH0gZnJvbSAnLi4vTWF0ZXJpYWxDb21wb25lbnQnO1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ21hdC1mb3JtaW8tY2FsZW5kYXInLFxyXG4gIHN0eWxlczogW1xyXG4gICAgYC5jYWxlbmRhciwgLmZvcm1pby10aW1lIHtcclxuICAgICAgICAgICBwYWRkaW5nOiAxNnB4O1xyXG4gICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xyXG4gICAgICAgICAgIGJveC1zaGFkb3c6IDAgMnB4IDFweCAtMXB4IHJnYmEoMCwwLDAsLjIpLCAwIDFweCAxcHggMCByZ2JhKDAsMCwwLC4xNCksIDAgMXB4IDNweCAwIHJnYmEoMCwwLDAsLjEyKTtcclxuICAgICAgICAgfVxyXG4gICAgICAgICAuZm9ybWlvLXRpbWUge1xyXG4gICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICAgICAgIH1cclxuICAgICAgICAgYFxyXG4gIF0sXHJcbiAgdGVtcGxhdGU6IGBcclxuICAgIDxkaXYgY2xhc3M9XCJjb250YWluZXJcIiBzdHlsZT1cImRpc3BsYXk6ZmxleDsgZmxleC1kaXJlY3Rpb246cm93OyBmbGV4LXdyYXA6d3JhcDsgZ2FwOjAuNSU7XCI+XHJcbiAgICAgIDxkaXYgW25nU3R5bGVdPVwiZ2V0UG9wdXBTdHlsZXMoKVwiPlxyXG4gICAgICAgIDxtYXQtY2FyZCBhcHBlYXJhbmNlPVwib3V0bGluZWRcIiBzdHlsZT1cInBhZGRpbmc6IDA7XCI+XHJcbiAgICAgICAgICA8bWF0LWNhbGVuZGFyXHJcbiAgICAgICAgICAgICAgICAgIFtkYXRlRmlsdGVyXT1cImRhdGVGaWx0ZXJcIlxyXG4gICAgICAgICAgICAgICAgICBbbWF4RGF0ZV09XCJtYXhEYXRlXCJcclxuICAgICAgICAgICAgICAgICAgW21pbkRhdGVdPVwibWluRGF0ZVwiXHJcbiAgICAgICAgICAgICAgICAgIFtzZWxlY3RlZF09XCJzZWxlY3RlZERhdGVcIlxyXG4gICAgICAgICAgICAgICAgICAoc2VsZWN0ZWRDaGFuZ2UpPVwib25EYXRlKCRldmVudClcIlxyXG4gICAgICAgICAgICAgICAgICBjbGFzcz1cImNhbGVuZGFyXCJcclxuICAgICAgICAgICAgICAgICAgKm5nSWY9XCJlbmFibGVEYXRlICE9PSBmYWxzZVwiXHJcbiAgICAgICAgICA+XHJcbiAgICAgICAgICA8L21hdC1jYWxlbmRhcj5cclxuICAgICAgICAgIDxtYXQtZm9ybWlvLXRpbWVcclxuICAgICAgICAgICAgICAgICAgI3RpbWVcclxuICAgICAgICAgICAgICAgICAgW2hvdXJTdGVwXT1cImhvdXJTdGVwXCJcclxuICAgICAgICAgICAgICAgICAgW2luc3RhbmNlXT1cImluc3RhbmNlXCJcclxuICAgICAgICAgICAgICAgICAgW3JlbmRlckVsZW1lbnRPbmx5XT1cInRydWVcIlxyXG4gICAgICAgICAgICAgICAgICBbbWludXRlU3RlcF09XCJtaW51dGVTdGVwXCJcclxuICAgICAgICAgICAgICAgICAgKHNlbGVjdGVkRXZlbnQpPVwib25UaW1lKCRldmVudClcIlxyXG4gICAgICAgICAgICAgICAgICBjbGFzcz1cIm1sLTMgZm9ybWlvLXRpbWVcIlxyXG4gICAgICAgICAgICAgICAgICAqbmdJZj1cImVuYWJsZVRpbWVcIlxyXG4gICAgICAgICAgPlxyXG4gICAgICAgICAgPC9tYXQtZm9ybWlvLXRpbWU+XHJcbiAgICAgICAgPC9tYXQtY2FyZD5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICBgXHJcbn0pXHJcblxyXG5leHBvcnQgY2xhc3MgTWF0ZXJpYWxDYWxlbmRhckNvbXBvbmVudCBleHRlbmRzIE1hdGVyaWFsQ29tcG9uZW50IHtcclxuICBwdWJsaWMgc2VsZWN0ZWREYXRlOiBhbnk7XHJcbiAgcHVibGljIHNlbGVjdGVkVGltZTogYW55O1xyXG4gIHB1YmxpYyBzZWxlY3RlZFRpbWVDb21wb25lbnQ6IGFueTtcclxuXHJcbiAgQFZpZXdDaGlsZCgndGltZScpIHRpbWU7XHJcblxyXG4gIEBJbnB1dCgpIGVuYWJsZURhdGU6IGJvb2xlYW47XHJcbiAgQElucHV0KCkgZW5hYmxlVGltZTogYm9vbGVhbjtcclxuICBASW5wdXQoKSBtaW5EYXRlOiBhbnk7XHJcbiAgQElucHV0KCkgbWF4RGF0ZTogYW55O1xyXG4gIEBJbnB1dCgpIGRhdGVGaWx0ZXI6IGFueTtcclxuICBASW5wdXQoKSBob3VyU3RlcDogYW55O1xyXG4gIEBJbnB1dCgpIG1pbnV0ZVN0ZXA6IGFueTtcclxuICBAT3V0cHV0KCkgdGltZVNlbGVjdEV2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcbiAgQE91dHB1dCgpIGRhdGVTZWxlY3RFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG5cclxuICBzZXRJbnN0YW5jZShpbnN0YW5jZTogYW55KSB7XHJcbiAgICBzdXBlci5zZXRJbnN0YW5jZShpbnN0YW5jZSk7XHJcbiAgfVxyXG5cclxuICBzZXRFeGlzdGVkRGF0ZSh2YWx1ZSkge1xyXG4gICAgdGhpcy5zZWxlY3RlZERhdGUgPSB2YWx1ZTtcclxuICB9XHJcblxyXG4gIHNldEV4aXN0ZWRUaW1lKHZhbHVlLCBmb3JUaW1lKSB7XHJcbiAgICB0aGlzLnNlbGVjdGVkVGltZSA9IHZhbHVlO1xyXG4gICAgdGhpcy50aW1lLnNldFZhbHVlKGZvclRpbWUpO1xyXG4gIH1cclxuXHJcbiAgb25EYXRlKGV2ZW50KXtcclxuICAgIHRoaXMuc2VsZWN0ZWREYXRlID0gZXZlbnQ7XHJcbiAgICB0aGlzLmRhdGVTZWxlY3RFdmVudC5lbWl0KHRoaXMuc2VsZWN0ZWREYXRlKTtcclxuICB9XHJcblxyXG4gIG9uVGltZShldmVudCkge1xyXG4gICAgdGhpcy5zZWxlY3RlZFRpbWUgPSBldmVudC52YWx1ZTtcclxuICAgIHRoaXMudGltZVNlbGVjdEV2ZW50LmVtaXQodGhpcy5zZWxlY3RlZFRpbWUpO1xyXG4gIH1cclxuXHJcbiAgZ2V0UG9wdXBTdHlsZXMoKSB7XHJcbiAgICByZXR1cm4ge1xyXG4gICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcclxuICAgICAgekluZGV4OiAnMTAwMCcsXHJcbiAgICAgIGRpc3BsYXk6ICdmbGV4JyxcclxuICAgICAgbWF4V2lkdGg6ICcxMDAlJyxcclxuICAgICAgbWF4SGVpZ2h0OiAnMTAwJScsXHJcbiAgICAgIHRvcDogJzkwcHgnLFxyXG4gICAgICBsZWZ0OiAnMzBweCdcclxuICAgIH1cclxuICB9XHJcbn1cclxuIl19
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import { MaterialComponent } from '../MaterialComponent';
|
|
3
|
+
// import CheckboxComponent from 'formiojs/components/checkbox/Checkbox.js';
|
|
4
|
+
import CheckboxComponent from 'formiojs/components/checkbox/Checkbox.js';
|
|
5
|
+
import _ from 'lodash';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
import * as i1 from "@angular/common";
|
|
8
|
+
import * as i2 from "@angular/forms";
|
|
9
|
+
import * as i3 from "@angular/material/form-field";
|
|
10
|
+
import * as i4 from "@angular/material/checkbox";
|
|
11
|
+
import * as i5 from "@angular/material/tooltip";
|
|
12
|
+
import * as i6 from "@angular/material/icon";
|
|
13
|
+
import * as i7 from "../label/label.component";
|
|
14
|
+
export class MaterialCheckboxComponent extends MaterialComponent {
|
|
15
|
+
getValue() {
|
|
16
|
+
return _.isNil(this.control.value) ? '' : this.control.value;
|
|
17
|
+
}
|
|
18
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MaterialCheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
19
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: MaterialCheckboxComponent, selector: "mat-formio-checkbox", usesInheritance: true, ngImport: i0, template: `
|
|
20
|
+
<mat-checkbox (change)="onChange()" [ngClass]="{'validation-error' : !!instance.error}"
|
|
21
|
+
[formControl]="control"
|
|
22
|
+
>
|
|
23
|
+
<span matFormioLabel [instance]="instance"></span>
|
|
24
|
+
<mat-icon *ngIf="instance.component.tooltip" matSuffix
|
|
25
|
+
matTooltip="{{ instance.component.tooltip }}" style="font-size: 1rem;">info
|
|
26
|
+
</mat-icon>
|
|
27
|
+
</mat-checkbox>
|
|
28
|
+
<mat-hint>
|
|
29
|
+
{{ instance.component.description }}
|
|
30
|
+
</mat-hint>
|
|
31
|
+
<mat-error *ngIf="instance.error">{{ instance.error.message }}</mat-error>
|
|
32
|
+
`, isInline: true, styles: ["::ng-deep .mat-mdc-checkbox.validation-error .mat-checkbox-frame{border-color:red}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i4.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.LabelComponent, selector: "span[matFormioLabel]", inputs: ["instance"] }] }); }
|
|
33
|
+
}
|
|
34
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MaterialCheckboxComponent, decorators: [{
|
|
35
|
+
type: Component,
|
|
36
|
+
args: [{ selector: 'mat-formio-checkbox', template: `
|
|
37
|
+
<mat-checkbox (change)="onChange()" [ngClass]="{'validation-error' : !!instance.error}"
|
|
38
|
+
[formControl]="control"
|
|
39
|
+
>
|
|
40
|
+
<span matFormioLabel [instance]="instance"></span>
|
|
41
|
+
<mat-icon *ngIf="instance.component.tooltip" matSuffix
|
|
42
|
+
matTooltip="{{ instance.component.tooltip }}" style="font-size: 1rem;">info
|
|
43
|
+
</mat-icon>
|
|
44
|
+
</mat-checkbox>
|
|
45
|
+
<mat-hint>
|
|
46
|
+
{{ instance.component.description }}
|
|
47
|
+
</mat-hint>
|
|
48
|
+
<mat-error *ngIf="instance.error">{{ instance.error.message }}</mat-error>
|
|
49
|
+
`, styles: ["::ng-deep .mat-mdc-checkbox.validation-error .mat-checkbox-frame{border-color:red}\n"] }]
|
|
50
|
+
}] });
|
|
51
|
+
CheckboxComponent.MaterialComponent = MaterialCheckboxComponent;
|
|
52
|
+
export { CheckboxComponent };
|
|
53
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXJlbmRlci1tYXRlcmlhbC1mb3Jtcy9zcmMvbGliL2NvbXBvbmVudHMvY2hlY2tib3gvY2hlY2tib3guY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDekQsNEVBQTRFO0FBQzVFLE9BQU8saUJBQWlCLE1BQU0sMENBQTBDLENBQUM7QUFDekUsT0FBTyxDQUFDLE1BQU0sUUFBUSxDQUFDOzs7Ozs7Ozs7QUFzQnZCLE1BQU0sT0FBTyx5QkFBMEIsU0FBUSxpQkFBaUI7SUFDOUQsUUFBUTtRQUNOLE9BQU8sQ0FBQyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDO0lBQy9ELENBQUM7K0dBSFUseUJBQXlCO21HQUF6Qix5QkFBeUIsa0ZBbEIxQjs7Ozs7Ozs7Ozs7OztHQWFUOzs0RkFLVSx5QkFBeUI7a0JBcEJyQyxTQUFTOytCQUNFLHFCQUFxQixZQUNyQjs7Ozs7Ozs7Ozs7OztHQWFUOztBQVVILGlCQUFpQixDQUFDLGlCQUFpQixHQUFHLHlCQUF5QixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE1hdGVyaWFsQ29tcG9uZW50IH0gZnJvbSAnLi4vTWF0ZXJpYWxDb21wb25lbnQnO1xyXG4vLyBpbXBvcnQgQ2hlY2tib3hDb21wb25lbnQgZnJvbSAnZm9ybWlvanMvY29tcG9uZW50cy9jaGVja2JveC9DaGVja2JveC5qcyc7XHJcbmltcG9ydCBDaGVja2JveENvbXBvbmVudCBmcm9tICdmb3JtaW9qcy9jb21wb25lbnRzL2NoZWNrYm94L0NoZWNrYm94LmpzJztcclxuaW1wb3J0IF8gZnJvbSAnbG9kYXNoJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbWF0LWZvcm1pby1jaGVja2JveCcsXHJcbiAgdGVtcGxhdGU6IGBcclxuICAgIDxtYXQtY2hlY2tib3ggKGNoYW5nZSk9XCJvbkNoYW5nZSgpXCIgW25nQ2xhc3NdPVwieyd2YWxpZGF0aW9uLWVycm9yJyA6ICEhaW5zdGFuY2UuZXJyb3J9XCJcclxuICAgICAgICAgICAgICAgICAgW2Zvcm1Db250cm9sXT1cImNvbnRyb2xcIlxyXG4gICAgPlxyXG4gICAgICA8c3BhbiBtYXRGb3JtaW9MYWJlbCBbaW5zdGFuY2VdPVwiaW5zdGFuY2VcIj48L3NwYW4+XHJcbiAgICAgIDxtYXQtaWNvbiAqbmdJZj1cImluc3RhbmNlLmNvbXBvbmVudC50b29sdGlwXCIgbWF0U3VmZml4XHJcbiAgICAgICAgICAgICAgICBtYXRUb29sdGlwPVwie3sgaW5zdGFuY2UuY29tcG9uZW50LnRvb2x0aXAgfX1cIiBzdHlsZT1cImZvbnQtc2l6ZTogMXJlbTtcIj5pbmZvXHJcbiAgICAgIDwvbWF0LWljb24+XHJcbiAgICA8L21hdC1jaGVja2JveD5cclxuICAgIDxtYXQtaGludD5cclxuICAgICAge3sgaW5zdGFuY2UuY29tcG9uZW50LmRlc2NyaXB0aW9uICB9fVxyXG4gICAgPC9tYXQtaGludD5cclxuICAgIDxtYXQtZXJyb3IgKm5nSWY9XCJpbnN0YW5jZS5lcnJvclwiPnt7IGluc3RhbmNlLmVycm9yLm1lc3NhZ2UgfX08L21hdC1lcnJvcj5cclxuICBgLFxyXG4gIHN0eWxlczpbYFxyXG4vKiBUT0RPKG1kYy1taWdyYXRpb24pOiBUaGUgZm9sbG93aW5nIHJ1bGUgdGFyZ2V0cyBpbnRlcm5hbCBjbGFzc2VzIG9mIGNoZWNrYm94IHRoYXQgbWF5IG5vIGxvbmdlciBhcHBseSBmb3IgdGhlIE1EQyB2ZXJzaW9uLiAqL1xyXG46Om5nLWRlZXAgLm1hdC1tZGMtY2hlY2tib3gudmFsaWRhdGlvbi1lcnJvciAubWF0LWNoZWNrYm94LWZyYW1lIHtib3JkZXItY29sb3I6IHJlZDsgfWBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNYXRlcmlhbENoZWNrYm94Q29tcG9uZW50IGV4dGVuZHMgTWF0ZXJpYWxDb21wb25lbnQge1xyXG4gIGdldFZhbHVlKCkge1xyXG4gICAgcmV0dXJuIF8uaXNOaWwodGhpcy5jb250cm9sLnZhbHVlKSA/ICcnIDogdGhpcy5jb250cm9sLnZhbHVlO1xyXG4gIH1cclxufVxyXG5DaGVja2JveENvbXBvbmVudC5NYXRlcmlhbENvbXBvbmVudCA9IE1hdGVyaWFsQ2hlY2tib3hDb21wb25lbnQ7XHJcbmV4cG9ydCB7IENoZWNrYm94Q29tcG9uZW50IH07XHJcbiJdfQ==
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import { MaterialNestedComponent } from '../MaterialNestedComponent';
|
|
3
|
+
import ColumnsComponent from 'formiojs/components/columns/Columns.js';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@angular/common";
|
|
6
|
+
export class MaterialColumnsComponent extends MaterialNestedComponent {
|
|
7
|
+
constructor() {
|
|
8
|
+
super(...arguments);
|
|
9
|
+
this.flexGap = 0.5;
|
|
10
|
+
this.totalSpace = 0;
|
|
11
|
+
}
|
|
12
|
+
setInstance(instance) {
|
|
13
|
+
this.totalSpace = 100 - ((instance.component.columns.length - 1) * this.flexGap);
|
|
14
|
+
super.setInstance(instance);
|
|
15
|
+
instance.viewContainer = (component) => {
|
|
16
|
+
return this.viewContainers ? this.viewContainers[component.column] : null;
|
|
17
|
+
};
|
|
18
|
+
}
|
|
19
|
+
flexWidth(column, index) {
|
|
20
|
+
if (index >= (this.instance.component.columns.length - 1)) {
|
|
21
|
+
return Math.ceil(((parseFloat(column.width) / 12) * this.totalSpace)) + '%';
|
|
22
|
+
}
|
|
23
|
+
else {
|
|
24
|
+
return Math.floor(((parseFloat(column.width) / 12) * this.totalSpace)) + '%';
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MaterialColumnsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
28
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: MaterialColumnsComponent, selector: "mat-formio-columns", usesInheritance: true, ngImport: i0, template: `
|
|
29
|
+
<div class="container columns-row"
|
|
30
|
+
[style.gap]="flexGap + '%'"
|
|
31
|
+
>
|
|
32
|
+
<div
|
|
33
|
+
*ngFor="let column of instance.component.columns; let i = index"
|
|
34
|
+
[style.flex]="'0 1 ' + flexWidth(column, i)"
|
|
35
|
+
style="display:flex; flex-direction:column; gap:1em;">
|
|
36
|
+
<ng-template #components></ng-template>
|
|
37
|
+
</div>
|
|
38
|
+
</div>
|
|
39
|
+
`, isInline: true, styles: [".columns-row{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}@media (max-width: 599px){.columns-row{flex-direction:column}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] }); }
|
|
40
|
+
}
|
|
41
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MaterialColumnsComponent, decorators: [{
|
|
42
|
+
type: Component,
|
|
43
|
+
args: [{ selector: 'mat-formio-columns', template: `
|
|
44
|
+
<div class="container columns-row"
|
|
45
|
+
[style.gap]="flexGap + '%'"
|
|
46
|
+
>
|
|
47
|
+
<div
|
|
48
|
+
*ngFor="let column of instance.component.columns; let i = index"
|
|
49
|
+
[style.flex]="'0 1 ' + flexWidth(column, i)"
|
|
50
|
+
style="display:flex; flex-direction:column; gap:1em;">
|
|
51
|
+
<ng-template #components></ng-template>
|
|
52
|
+
</div>
|
|
53
|
+
</div>
|
|
54
|
+
`, styles: [".columns-row{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}@media (max-width: 599px){.columns-row{flex-direction:column}}\n"] }]
|
|
55
|
+
}] });
|
|
56
|
+
ColumnsComponent.MaterialComponent = MaterialColumnsComponent;
|
|
57
|
+
export { ColumnsComponent };
|
|
58
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1ucy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtcmVuZGVyLW1hdGVyaWFsLWZvcm1zL3NyYy9saWIvY29tcG9uZW50cy9jb2x1bW5zL2NvbHVtbnMuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDckUsT0FBTyxnQkFBZ0IsTUFBTSx3Q0FBd0MsQ0FBQzs7O0FBOEJ0RSxNQUFNLE9BQU8sd0JBQXlCLFNBQVEsdUJBQXVCO0lBNUJyRTs7UUE2QlMsWUFBTyxHQUFHLEdBQUcsQ0FBQztRQUNkLGVBQVUsR0FBRyxDQUFDLENBQUM7S0FnQnZCO0lBZkMsV0FBVyxDQUFDLFFBQWE7UUFDdkIsSUFBSSxDQUFDLFVBQVUsR0FBRyxHQUFHLEdBQUcsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDakYsS0FBSyxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUM1QixRQUFRLENBQUMsYUFBYSxHQUFHLENBQUMsU0FBUyxFQUFFLEVBQUU7WUFDckMsT0FBTyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1FBQzVFLENBQUMsQ0FBQztJQUNKLENBQUM7SUFFRCxTQUFTLENBQUMsTUFBTSxFQUFFLEtBQUs7UUFDckIsSUFBSSxLQUFLLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxFQUFFLENBQUM7WUFDMUQsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxHQUFHLEVBQUUsQ0FBQyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxHQUFHLEdBQUcsQ0FBQztRQUM5RSxDQUFDO2FBQU0sQ0FBQztZQUNOLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsR0FBRyxFQUFFLENBQUMsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsR0FBRyxHQUFHLENBQUM7UUFDL0UsQ0FBQztJQUNILENBQUM7K0dBakJVLHdCQUF3QjttR0FBeEIsd0JBQXdCLGlGQTFCekI7Ozs7Ozs7Ozs7O0dBV1Q7OzRGQWVVLHdCQUF3QjtrQkE1QnBDLFNBQVM7K0JBQ0Usb0JBQW9CLFlBQ3BCOzs7Ozs7Ozs7OztHQVdUOztBQWtDSCxnQkFBZ0IsQ0FBQyxpQkFBaUIsR0FBRyx3QkFBd0IsQ0FBQztBQUM5RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBNYXRlcmlhbE5lc3RlZENvbXBvbmVudCB9IGZyb20gJy4uL01hdGVyaWFsTmVzdGVkQ29tcG9uZW50JztcclxuaW1wb3J0IENvbHVtbnNDb21wb25lbnQgZnJvbSAnZm9ybWlvanMvY29tcG9uZW50cy9jb2x1bW5zL0NvbHVtbnMuanMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdtYXQtZm9ybWlvLWNvbHVtbnMnLFxyXG4gIHRlbXBsYXRlOiBgXHJcbiAgICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyIGNvbHVtbnMtcm93XCJcclxuICAgICAgICAgW3N0eWxlLmdhcF09XCJmbGV4R2FwICsgJyUnXCJcclxuICAgID5cclxuICAgICAgPGRpdlxyXG4gICAgICAgICpuZ0Zvcj1cImxldCBjb2x1bW4gb2YgaW5zdGFuY2UuY29tcG9uZW50LmNvbHVtbnM7IGxldCBpID0gaW5kZXhcIlxyXG4gICAgICAgIFtzdHlsZS5mbGV4XT1cIicwIDEgJyArIGZsZXhXaWR0aChjb2x1bW4sIGkpXCJcclxuICAgICAgICBzdHlsZT1cImRpc3BsYXk6ZmxleDsgZmxleC1kaXJlY3Rpb246Y29sdW1uOyBnYXA6MWVtO1wiPlxyXG4gICAgICAgIDxuZy10ZW1wbGF0ZSAjY29tcG9uZW50cz48L25nLXRlbXBsYXRlPlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gIGAsXHJcbiAgc3R5bGVzOiBbYFxyXG4gICAgLmNvbHVtbnMtcm93IHtcclxuICAgICAgZGlzcGxheTogZmxleDtcclxuICAgICAgZmxleC1kaXJlY3Rpb246IHJvdztcclxuICAgICAgZmxleC13cmFwOiB3cmFwO1xyXG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcclxuICAgIH1cclxuICAgIEBtZWRpYSAobWF4LXdpZHRoOiA1OTlweCkge1xyXG4gICAgICAuY29sdW1ucy1yb3cge1xyXG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XHJcbiAgICAgIH1cclxuICAgIH1cclxuICBgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgTWF0ZXJpYWxDb2x1bW5zQ29tcG9uZW50IGV4dGVuZHMgTWF0ZXJpYWxOZXN0ZWRDb21wb25lbnQge1xyXG4gIHB1YmxpYyBmbGV4R2FwID0gMC41O1xyXG4gIHB1YmxpYyB0b3RhbFNwYWNlID0gMDtcclxuICBzZXRJbnN0YW5jZShpbnN0YW5jZTogYW55KSB7XHJcbiAgICB0aGlzLnRvdGFsU3BhY2UgPSAxMDAgLSAoKGluc3RhbmNlLmNvbXBvbmVudC5jb2x1bW5zLmxlbmd0aCAtIDEpICogdGhpcy5mbGV4R2FwKTtcclxuICAgIHN1cGVyLnNldEluc3RhbmNlKGluc3RhbmNlKTtcclxuICAgIGluc3RhbmNlLnZpZXdDb250YWluZXIgPSAoY29tcG9uZW50KSA9PiB7XHJcbiAgICAgIHJldHVybiB0aGlzLnZpZXdDb250YWluZXJzID8gdGhpcy52aWV3Q29udGFpbmVyc1tjb21wb25lbnQuY29sdW1uXSA6IG51bGw7XHJcbiAgICB9O1xyXG4gIH1cclxuXHJcbiAgZmxleFdpZHRoKGNvbHVtbiwgaW5kZXgpIHtcclxuICAgIGlmIChpbmRleCA+PSAodGhpcy5pbnN0YW5jZS5jb21wb25lbnQuY29sdW1ucy5sZW5ndGggLSAxKSkge1xyXG4gICAgICByZXR1cm4gTWF0aC5jZWlsKCgocGFyc2VGbG9hdChjb2x1bW4ud2lkdGgpIC8gMTIpICogdGhpcy50b3RhbFNwYWNlKSkgKyAnJSc7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICByZXR1cm4gTWF0aC5mbG9vcigoKHBhcnNlRmxvYXQoY29sdW1uLndpZHRoKSAvIDEyKSAqIHRoaXMudG90YWxTcGFjZSkpICsgJyUnO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG5Db2x1bW5zQ29tcG9uZW50Lk1hdGVyaWFsQ29tcG9uZW50ID0gTWF0ZXJpYWxDb2x1bW5zQ29tcG9uZW50O1xyXG5leHBvcnQgeyBDb2x1bW5zQ29tcG9uZW50IH07XHJcbiJdfQ==
|