ngx-render-material-forms 2.5.12 → 2.5.14

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.
Files changed (157) hide show
  1. package/esm2022/lib/FormioControl.mjs +36 -0
  2. package/esm2022/lib/components/Base.mjs +32 -0
  3. package/esm2022/lib/components/MaterialComponent.mjs +148 -0
  4. package/esm2022/lib/components/MaterialNestedComponent.mjs +38 -0
  5. package/esm2022/lib/components/Webform.mjs +18 -0
  6. package/esm2022/lib/components/add-on-products/add-on-products.component.mjs +841 -0
  7. package/esm2022/lib/components/button/button.component.mjs +101 -0
  8. package/esm2022/lib/components/calendar/calendar.component.mjs +127 -0
  9. package/esm2022/lib/components/checkbox/checkbox.component.mjs +53 -0
  10. package/esm2022/lib/components/columns/columns.component.mjs +58 -0
  11. package/esm2022/lib/components/common.service.mjs +255 -0
  12. package/esm2022/lib/components/confirmation-dialog/confirmation-dialog.component.mjs +24 -0
  13. package/esm2022/lib/components/container/container.component.mjs +24 -0
  14. package/{esm2020 → esm2022}/lib/components/content/content.component.mjs +18 -18
  15. package/esm2022/lib/components/currency/currency.component.mjs +41 -0
  16. package/esm2022/lib/components/datagrid/datagrid.component.mjs +693 -0
  17. package/esm2022/lib/components/date/date.component.mjs +336 -0
  18. package/{esm2020 → esm2022}/lib/components/day/day.component.mjs +75 -75
  19. package/esm2022/lib/components/editgrid/editgrid.component.mjs +243 -0
  20. package/esm2022/lib/components/email/email.component.mjs +28 -0
  21. package/esm2022/lib/components/fieldset/fieldset.component.mjs +49 -0
  22. package/esm2022/lib/components/formio-form-field/formio-form-field.component.mjs +56 -0
  23. package/esm2022/lib/components/formio.wizard.mjs +88 -0
  24. package/{esm2020 → esm2022}/lib/components/hidden/hidden.component.mjs +20 -20
  25. package/esm2022/lib/components/html/html.component.mjs +29 -0
  26. package/esm2022/lib/components/index.mjs +125 -0
  27. package/{esm2020 → esm2022}/lib/components/label/label.component.mjs +17 -17
  28. package/esm2022/lib/components/number/number.component.mjs +65 -0
  29. package/esm2022/lib/components/panel/panel.component.mjs +56 -0
  30. package/esm2022/lib/components/password/password.component.mjs +28 -0
  31. package/esm2022/lib/components/phonenumber/phonenumber.component.mjs +28 -0
  32. package/esm2022/lib/components/radio/radio.component.mjs +93 -0
  33. package/esm2022/lib/components/select/select.component.mjs +592 -0
  34. package/esm2022/lib/components/selectboxes/selectboxes.component.mjs +99 -0
  35. package/esm2022/lib/components/signature/signature.component.mjs +99 -0
  36. package/esm2022/lib/components/survey/survey.component.mjs +166 -0
  37. package/esm2022/lib/components/table/table.component.mjs +96 -0
  38. package/esm2022/lib/components/tabs/tabs.component.mjs +42 -0
  39. package/esm2022/lib/components/tags/tags.component.mjs +114 -0
  40. package/esm2022/lib/components/textarea/textarea.component.mjs +94 -0
  41. package/esm2022/lib/components/textfield/textfield.component.mjs +122 -0
  42. package/esm2022/lib/components/time/time.component.mjs +205 -0
  43. package/esm2022/lib/components/url/url.component.mjs +28 -0
  44. package/esm2022/lib/components/well/well.component.mjs +41 -0
  45. package/{esm2020 → esm2022}/lib/const/ButtonsThemes.mjs +16 -16
  46. package/{esm2020 → esm2022}/lib/const/LabelPositions.mjs +9 -9
  47. package/esm2022/lib/directives/mask.directive.mjs +65 -0
  48. package/esm2022/lib/formio.component.mjs +77 -0
  49. package/{esm2020 → esm2022}/lib/ngx-render-material-forms.component.mjs +15 -15
  50. package/esm2022/lib/ngx-render-material-forms.module.mjs +332 -0
  51. package/{esm2020 → esm2022}/lib/ngx-render-material-forms.service.mjs +14 -14
  52. package/{esm2020 → esm2022}/lib/renderer.mjs +12 -12
  53. package/{esm2020 → esm2022}/ngx-render-material-forms.js +4 -4
  54. package/{esm2020 → esm2022}/public-api.mjs +6 -6
  55. package/{fesm2020 → fesm2022}/ngx-render-material-forms.js +4218 -4286
  56. package/fesm2022/ngx-render-material-forms.mjs.map +1 -0
  57. package/index.d.ts +5 -5
  58. package/lib/FormioControl.d.ts +7 -7
  59. package/lib/components/Base.d.ts +2 -2
  60. package/lib/components/MaterialComponent.d.ts +30 -30
  61. package/lib/components/MaterialNestedComponent.d.ts +13 -13
  62. package/lib/components/Webform.d.ts +1 -1
  63. package/lib/components/add-on-products/add-on-products.component.d.ts +142 -142
  64. package/lib/components/button/button.component.d.ts +30 -30
  65. package/lib/components/calendar/calendar.component.d.ts +34 -34
  66. package/lib/components/checkbox/checkbox.component.d.ts +9 -9
  67. package/lib/components/columns/columns.component.d.ts +12 -12
  68. package/lib/components/common.service.d.ts +86 -86
  69. package/lib/components/confirmation-dialog/confirmation-dialog.component.d.ts +11 -11
  70. package/lib/components/container/container.component.d.ts +8 -8
  71. package/lib/components/content/content.component.d.ts +8 -8
  72. package/lib/components/currency/currency.component.d.ts +10 -10
  73. package/lib/components/datagrid/datagrid.component.d.ts +81 -81
  74. package/lib/components/date/date.component.d.ts +40 -40
  75. package/lib/components/day/day.component.d.ts +16 -16
  76. package/lib/components/editgrid/editgrid.component.d.ts +50 -50
  77. package/lib/components/email/email.component.d.ts +9 -9
  78. package/lib/components/fieldset/fieldset.component.d.ts +8 -8
  79. package/lib/components/formio-form-field/formio-form-field.component.d.ts +18 -18
  80. package/lib/components/formio.wizard.d.ts +19 -19
  81. package/lib/components/hidden/hidden.component.d.ts +8 -8
  82. package/lib/components/html/html.component.d.ts +11 -11
  83. package/lib/components/index.d.ts +2 -2
  84. package/lib/components/label/label.component.d.ts +6 -6
  85. package/lib/components/number/number.component.d.ts +18 -18
  86. package/lib/components/panel/panel.component.d.ts +8 -8
  87. package/lib/components/password/password.component.d.ts +9 -9
  88. package/lib/components/phonenumber/phonenumber.component.d.ts +9 -9
  89. package/lib/components/radio/radio.component.d.ts +12 -12
  90. package/lib/components/select/select.component.d.ts +77 -77
  91. package/lib/components/selectboxes/selectboxes.component.d.ts +15 -15
  92. package/lib/components/signature/signature.component.d.ts +12 -12
  93. package/lib/components/survey/survey.component.d.ts +14 -14
  94. package/lib/components/table/table.component.d.ts +12 -12
  95. package/lib/components/tabs/tabs.component.d.ts +9 -9
  96. package/lib/components/tags/tags.component.d.ts +15 -15
  97. package/lib/components/textarea/textarea.component.d.ts +13 -13
  98. package/lib/components/textfield/textfield.component.d.ts +18 -18
  99. package/lib/components/time/time.component.d.ts +27 -27
  100. package/lib/components/url/url.component.d.ts +9 -9
  101. package/lib/components/well/well.component.d.ts +8 -8
  102. package/lib/const/ButtonsThemes.d.ts +14 -14
  103. package/lib/const/LabelPositions.d.ts +8 -8
  104. package/lib/directives/mask.directive.d.ts +17 -17
  105. package/lib/formio.component.d.ts +15 -15
  106. package/lib/ngx-render-material-forms.component.d.ts +8 -8
  107. package/lib/ngx-render-material-forms.module.d.ts +110 -112
  108. package/lib/ngx-render-material-forms.service.d.ts +6 -6
  109. package/lib/renderer.d.ts +8 -8
  110. package/package.json +5 -11
  111. package/public-api.d.ts +3 -3
  112. package/esm2020/lib/FormioControl.mjs +0 -36
  113. package/esm2020/lib/components/Base.mjs +0 -32
  114. package/esm2020/lib/components/MaterialComponent.mjs +0 -145
  115. package/esm2020/lib/components/MaterialNestedComponent.mjs +0 -38
  116. package/esm2020/lib/components/Webform.mjs +0 -18
  117. package/esm2020/lib/components/add-on-products/add-on-products.component.mjs +0 -842
  118. package/esm2020/lib/components/button/button.component.mjs +0 -102
  119. package/esm2020/lib/components/calendar/calendar.component.mjs +0 -129
  120. package/esm2020/lib/components/checkbox/checkbox.component.mjs +0 -54
  121. package/esm2020/lib/components/columns/columns.component.mjs +0 -69
  122. package/esm2020/lib/components/common.service.mjs +0 -256
  123. package/esm2020/lib/components/confirmation-dialog/confirmation-dialog.component.mjs +0 -25
  124. package/esm2020/lib/components/container/container.component.mjs +0 -25
  125. package/esm2020/lib/components/currency/currency.component.mjs +0 -43
  126. package/esm2020/lib/components/datagrid/datagrid.component.mjs +0 -694
  127. package/esm2020/lib/components/date/date.component.mjs +0 -337
  128. package/esm2020/lib/components/editgrid/editgrid.component.mjs +0 -243
  129. package/esm2020/lib/components/email/email.component.mjs +0 -30
  130. package/esm2020/lib/components/fieldset/fieldset.component.mjs +0 -50
  131. package/esm2020/lib/components/formio-form-field/formio-form-field.component.mjs +0 -57
  132. package/esm2020/lib/components/formio.wizard.mjs +0 -88
  133. package/esm2020/lib/components/html/html.component.mjs +0 -29
  134. package/esm2020/lib/components/index.mjs +0 -125
  135. package/esm2020/lib/components/number/number.component.mjs +0 -67
  136. package/esm2020/lib/components/panel/panel.component.mjs +0 -57
  137. package/esm2020/lib/components/password/password.component.mjs +0 -30
  138. package/esm2020/lib/components/phonenumber/phonenumber.component.mjs +0 -30
  139. package/esm2020/lib/components/radio/radio.component.mjs +0 -96
  140. package/esm2020/lib/components/select/select.component.mjs +0 -593
  141. package/esm2020/lib/components/selectboxes/selectboxes.component.mjs +0 -102
  142. package/esm2020/lib/components/signature/signature.component.mjs +0 -103
  143. package/esm2020/lib/components/survey/survey.component.mjs +0 -167
  144. package/esm2020/lib/components/table/table.component.mjs +0 -97
  145. package/esm2020/lib/components/tabs/tabs.component.mjs +0 -43
  146. package/esm2020/lib/components/tags/tags.component.mjs +0 -117
  147. package/esm2020/lib/components/textarea/textarea.component.mjs +0 -98
  148. package/esm2020/lib/components/textfield/textfield.component.mjs +0 -124
  149. package/esm2020/lib/components/time/time.component.mjs +0 -206
  150. package/esm2020/lib/components/url/url.component.mjs +0 -30
  151. package/esm2020/lib/components/well/well.component.mjs +0 -43
  152. package/esm2020/lib/directives/mask.directive.mjs +0 -65
  153. package/esm2020/lib/formio.component.mjs +0 -80
  154. package/esm2020/lib/ngx-render-material-forms.module.mjs +0 -378
  155. package/fesm2015/ngx-render-material-forms.js +0 -5848
  156. package/fesm2015/ngx-render-material-forms.mjs.map +0 -1
  157. 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==