ngx-render-material-forms 2.5.18 → 2.5.20
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/esm2020/lib/FormioControl.mjs +36 -0
- package/esm2020/lib/components/Base.mjs +32 -0
- package/esm2020/lib/components/MaterialComponent.mjs +145 -0
- package/esm2020/lib/components/MaterialNestedComponent.mjs +38 -0
- package/esm2020/lib/components/Webform.mjs +18 -0
- package/esm2020/lib/components/add-on-products/add-on-products.component.mjs +842 -0
- package/esm2020/lib/components/button/button.component.mjs +102 -0
- package/esm2020/lib/components/calendar/calendar.component.mjs +129 -0
- package/esm2020/lib/components/checkbox/checkbox.component.mjs +54 -0
- package/esm2020/lib/components/columns/columns.component.mjs +69 -0
- package/esm2020/lib/components/common.service.mjs +256 -0
- package/esm2020/lib/components/confirmation-dialog/confirmation-dialog.component.mjs +25 -0
- package/esm2020/lib/components/container/container.component.mjs +25 -0
- package/{esm2022 → esm2020}/lib/components/content/content.component.mjs +18 -18
- package/esm2020/lib/components/currency/currency.component.mjs +43 -0
- package/esm2020/lib/components/datagrid/datagrid.component.mjs +694 -0
- package/esm2020/lib/components/date/date.component.mjs +363 -0
- package/{esm2022 → esm2020}/lib/components/day/day.component.mjs +75 -75
- package/esm2020/lib/components/editgrid/editgrid.component.mjs +243 -0
- package/esm2020/lib/components/email/email.component.mjs +30 -0
- package/esm2020/lib/components/fieldset/fieldset.component.mjs +50 -0
- package/esm2020/lib/components/formio-form-field/formio-form-field.component.mjs +57 -0
- package/esm2020/lib/components/formio.wizard.mjs +88 -0
- package/{esm2022 → esm2020}/lib/components/hidden/hidden.component.mjs +20 -20
- package/esm2020/lib/components/html/html.component.mjs +29 -0
- package/esm2020/lib/components/index.mjs +125 -0
- package/{esm2022 → esm2020}/lib/components/label/label.component.mjs +17 -17
- package/esm2020/lib/components/number/number.component.mjs +67 -0
- package/esm2020/lib/components/panel/panel.component.mjs +57 -0
- package/esm2020/lib/components/password/password.component.mjs +30 -0
- package/esm2020/lib/components/phonenumber/phonenumber.component.mjs +30 -0
- package/esm2020/lib/components/radio/radio.component.mjs +96 -0
- package/esm2020/lib/components/select/select.component.mjs +593 -0
- package/esm2020/lib/components/selectboxes/selectboxes.component.mjs +102 -0
- package/esm2020/lib/components/signature/signature.component.mjs +103 -0
- package/esm2020/lib/components/survey/survey.component.mjs +167 -0
- package/esm2020/lib/components/table/table.component.mjs +97 -0
- package/esm2020/lib/components/tabs/tabs.component.mjs +43 -0
- package/esm2020/lib/components/tags/tags.component.mjs +117 -0
- package/esm2020/lib/components/textarea/textarea.component.mjs +98 -0
- package/esm2020/lib/components/textfield/textfield.component.mjs +124 -0
- package/esm2020/lib/components/time/time.component.mjs +206 -0
- package/esm2020/lib/components/url/url.component.mjs +30 -0
- package/esm2020/lib/components/well/well.component.mjs +43 -0
- package/{esm2022 → esm2020}/lib/const/ButtonsThemes.mjs +16 -16
- package/{esm2022 → esm2020}/lib/const/LabelPositions.mjs +9 -9
- package/esm2020/lib/directives/mask.directive.mjs +65 -0
- package/esm2020/lib/formio.component.mjs +80 -0
- package/{esm2022 → esm2020}/lib/ngx-render-material-forms.component.mjs +15 -15
- package/esm2020/lib/ngx-render-material-forms.module.mjs +378 -0
- package/{esm2022 → esm2020}/lib/ngx-render-material-forms.service.mjs +14 -14
- package/{esm2022 → esm2020}/lib/renderer.mjs +12 -12
- package/{esm2022 → esm2020}/ngx-render-material-forms.js +4 -4
- package/{esm2022 → esm2020}/public-api.mjs +6 -6
- package/fesm2015/ngx-render-material-forms.js +5874 -0
- package/fesm2015/ngx-render-material-forms.mjs.map +1 -0
- package/{fesm2022 → fesm2020}/ngx-render-material-forms.js +4316 -4222
- package/fesm2020/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 +45 -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 +112 -110
- package/lib/ngx-render-material-forms.service.d.ts +6 -6
- package/lib/renderer.d.ts +8 -8
- package/package.json +11 -5
- package/public-api.d.ts +3 -3
- package/esm2022/lib/FormioControl.mjs +0 -36
- package/esm2022/lib/components/Base.mjs +0 -32
- package/esm2022/lib/components/MaterialComponent.mjs +0 -148
- package/esm2022/lib/components/MaterialNestedComponent.mjs +0 -38
- package/esm2022/lib/components/Webform.mjs +0 -18
- package/esm2022/lib/components/add-on-products/add-on-products.component.mjs +0 -841
- package/esm2022/lib/components/button/button.component.mjs +0 -101
- package/esm2022/lib/components/calendar/calendar.component.mjs +0 -127
- package/esm2022/lib/components/checkbox/checkbox.component.mjs +0 -53
- package/esm2022/lib/components/columns/columns.component.mjs +0 -58
- package/esm2022/lib/components/common.service.mjs +0 -255
- package/esm2022/lib/components/confirmation-dialog/confirmation-dialog.component.mjs +0 -24
- package/esm2022/lib/components/container/container.component.mjs +0 -24
- package/esm2022/lib/components/currency/currency.component.mjs +0 -41
- package/esm2022/lib/components/datagrid/datagrid.component.mjs +0 -693
- package/esm2022/lib/components/date/date.component.mjs +0 -336
- package/esm2022/lib/components/editgrid/editgrid.component.mjs +0 -243
- package/esm2022/lib/components/email/email.component.mjs +0 -28
- package/esm2022/lib/components/fieldset/fieldset.component.mjs +0 -49
- package/esm2022/lib/components/formio-form-field/formio-form-field.component.mjs +0 -56
- package/esm2022/lib/components/formio.wizard.mjs +0 -88
- package/esm2022/lib/components/html/html.component.mjs +0 -29
- package/esm2022/lib/components/index.mjs +0 -125
- package/esm2022/lib/components/number/number.component.mjs +0 -65
- package/esm2022/lib/components/panel/panel.component.mjs +0 -56
- package/esm2022/lib/components/password/password.component.mjs +0 -28
- package/esm2022/lib/components/phonenumber/phonenumber.component.mjs +0 -28
- package/esm2022/lib/components/radio/radio.component.mjs +0 -93
- package/esm2022/lib/components/select/select.component.mjs +0 -592
- package/esm2022/lib/components/selectboxes/selectboxes.component.mjs +0 -99
- package/esm2022/lib/components/signature/signature.component.mjs +0 -99
- package/esm2022/lib/components/survey/survey.component.mjs +0 -166
- package/esm2022/lib/components/table/table.component.mjs +0 -96
- package/esm2022/lib/components/tabs/tabs.component.mjs +0 -42
- package/esm2022/lib/components/tags/tags.component.mjs +0 -114
- package/esm2022/lib/components/textarea/textarea.component.mjs +0 -94
- package/esm2022/lib/components/textfield/textfield.component.mjs +0 -122
- package/esm2022/lib/components/time/time.component.mjs +0 -205
- package/esm2022/lib/components/url/url.component.mjs +0 -28
- package/esm2022/lib/components/well/well.component.mjs +0 -41
- package/esm2022/lib/directives/mask.directive.mjs +0 -65
- package/esm2022/lib/formio.component.mjs +0 -77
- package/esm2022/lib/ngx-render-material-forms.module.mjs +0 -332
- package/fesm2022/ngx-render-material-forms.mjs.map +0 -1
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import { LabelPositions } from '../../const/LabelPositions';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/common";
|
|
5
|
+
import * as i2 from "@angular/material/form-field";
|
|
6
|
+
import * as i3 from "@angular/flex-layout/extended";
|
|
7
|
+
import * as i4 from "../label/label.component";
|
|
8
|
+
export class FormioFormFieldComponent {
|
|
9
|
+
constructor() {
|
|
10
|
+
this.labelPositions = LabelPositions;
|
|
11
|
+
this.renderTopLabel = false;
|
|
12
|
+
this.showDescription = true;
|
|
13
|
+
this.renderElementOnly = false;
|
|
14
|
+
}
|
|
15
|
+
set instance(instance) {
|
|
16
|
+
this._instance = instance;
|
|
17
|
+
if (instance) {
|
|
18
|
+
this.componentTemplateContext = { $implicit: this.hasLabel(['top']) };
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
get instance() {
|
|
22
|
+
return this._instance;
|
|
23
|
+
}
|
|
24
|
+
hasLabel(labelPositions) {
|
|
25
|
+
const { component } = this.instance;
|
|
26
|
+
const hasNoLabel = !component.label || component.hideLabel;
|
|
27
|
+
const labelPositionIsNotSpecified = !labelPositions ||
|
|
28
|
+
!labelPositions.length ||
|
|
29
|
+
!component.labelPosition;
|
|
30
|
+
if (hasNoLabel || labelPositionIsNotSpecified || this.renderElementOnly) {
|
|
31
|
+
return false;
|
|
32
|
+
}
|
|
33
|
+
if (labelPositions.includes(component.labelPosition)) {
|
|
34
|
+
return true;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
FormioFormFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: FormioFormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
39
|
+
FormioFormFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: FormioFormFieldComponent, selector: "mat-formio-form-field", inputs: { labelTemplate: "labelTemplate", renderTopLabel: "renderTopLabel", showDescription: "showDescription", renderElementOnly: "renderElementOnly", instance: "instance", componentTemplate: "componentTemplate" }, ngImport: i0, template: "<div class=\"mat-formio-component-wrapper\" *ngIf=\"instance && !renderElementOnly\"\r\n [ngClass]=\"{\r\n 'mat-formio-label-right': hasLabel([labelPositions.RIGHT_RIGHT, labelPositions.RIGHT_LEFT]),\r\n 'mat-formio-label-left': hasLabel([labelPositions.LEFT_LEFT, labelPositions.LEFT_RIGHT])\r\n }\"\r\n>\r\n <span *ngIf=\"renderTopLabel && hasLabel([labelPositions.TOP])\"\r\n class=\"mat-formio-label\"\r\n [ngClass]=\"{\r\n 'mat-formio-label-align-right': hasLabel([labelPositions.LEFT_RIGHT, labelPositions.RIGHT_RIGHT]),\r\n 'mat-formio-label-align-left': hasLabel([labelPositions.LEFT_LEFT, labelPositions.RIGHT_LEFT])\r\n }\"\r\n >\r\n <ng-container *ngTemplateOutlet=\"labelTemplate || defaultLabel\"></ng-container>\r\n </span>\r\n\r\n <div class=\"mat-formio-component\" *ngTemplateOutlet=\"componentTemplate; context: componentTemplateContext\"></div>\r\n\r\n <span *ngIf=\"hasLabel([\r\n labelPositions.BOTTOM,\r\n labelPositions.RIGHT_RIGHT,\r\n labelPositions.RIGHT_LEFT,\r\n labelPositions.LEFT_LEFT,\r\n labelPositions.LEFT_RIGHT\r\n ])\"\r\n class=\"mat-formio-label\"\r\n [ngClass]=\"{\r\n 'mat-formio-label-align-right': hasLabel([labelPositions.LEFT_RIGHT, labelPositions.RIGHT_RIGHT]),\r\n 'mat-formio-label-align-left': hasLabel([labelPositions.LEFT_LEFT, labelPositions.RIGHT_LEFT])\r\n }\"\r\n >\r\n <ng-container *ngTemplateOutlet=\"labelTemplate || defaultLabel\"></ng-container>\r\n </span>\r\n\r\n <mat-hint *ngIf=\"showDescription && instance.component.description\" class=\"mat-formio-component-description\">\r\n {{ instance.component.description }}\r\n </mat-hint>\r\n</div>\r\n\r\n<div class=\"mat-formio-component-wrapper\" *ngIf=\"renderElementOnly\">\r\n <div class=\"mat-formio-component\" *ngTemplateOutlet=\"componentTemplate; context: componentTemplateContext\"></div>\r\n</div>\r\n\r\n<ng-template #defaultLabel>\r\n <mat-label>\r\n <span style=\"display: block;\"\r\n [instance]=\"instance\" matFormioLabel>\r\n </span>\r\n </mat-label>\r\n</ng-template>\r\n", styles: [".mat-formio-component-description{display:block;grid-area:description}.mat-formio-component{grid-area:component}.mat-formio-label{grid-area:label}.mat-formio-label.mat-formio-label-align-right{margin-left:auto}.mat-formio-label.mat-formio-label-align-left{margin-right:auto}.mat-formio-component-wrapper.mat-formio-label-left,.mat-formio-component-wrapper.mat-formio-label-right{display:grid;grid-template-columns:auto auto;grid-column-gap:1em}.mat-formio-component-wrapper.mat-formio-label-right{grid-template-areas:\"component label\" \"description label\"}.mat-formio-component-wrapper.mat-formio-label-left{grid-template-areas:\"label component\" \"label description\"}\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: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "component", type: i4.LabelComponent, selector: "span[matFormioLabel]", inputs: ["instance"] }] });
|
|
40
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: FormioFormFieldComponent, decorators: [{
|
|
41
|
+
type: Component,
|
|
42
|
+
args: [{ selector: 'mat-formio-form-field', template: "<div class=\"mat-formio-component-wrapper\" *ngIf=\"instance && !renderElementOnly\"\r\n [ngClass]=\"{\r\n 'mat-formio-label-right': hasLabel([labelPositions.RIGHT_RIGHT, labelPositions.RIGHT_LEFT]),\r\n 'mat-formio-label-left': hasLabel([labelPositions.LEFT_LEFT, labelPositions.LEFT_RIGHT])\r\n }\"\r\n>\r\n <span *ngIf=\"renderTopLabel && hasLabel([labelPositions.TOP])\"\r\n class=\"mat-formio-label\"\r\n [ngClass]=\"{\r\n 'mat-formio-label-align-right': hasLabel([labelPositions.LEFT_RIGHT, labelPositions.RIGHT_RIGHT]),\r\n 'mat-formio-label-align-left': hasLabel([labelPositions.LEFT_LEFT, labelPositions.RIGHT_LEFT])\r\n }\"\r\n >\r\n <ng-container *ngTemplateOutlet=\"labelTemplate || defaultLabel\"></ng-container>\r\n </span>\r\n\r\n <div class=\"mat-formio-component\" *ngTemplateOutlet=\"componentTemplate; context: componentTemplateContext\"></div>\r\n\r\n <span *ngIf=\"hasLabel([\r\n labelPositions.BOTTOM,\r\n labelPositions.RIGHT_RIGHT,\r\n labelPositions.RIGHT_LEFT,\r\n labelPositions.LEFT_LEFT,\r\n labelPositions.LEFT_RIGHT\r\n ])\"\r\n class=\"mat-formio-label\"\r\n [ngClass]=\"{\r\n 'mat-formio-label-align-right': hasLabel([labelPositions.LEFT_RIGHT, labelPositions.RIGHT_RIGHT]),\r\n 'mat-formio-label-align-left': hasLabel([labelPositions.LEFT_LEFT, labelPositions.RIGHT_LEFT])\r\n }\"\r\n >\r\n <ng-container *ngTemplateOutlet=\"labelTemplate || defaultLabel\"></ng-container>\r\n </span>\r\n\r\n <mat-hint *ngIf=\"showDescription && instance.component.description\" class=\"mat-formio-component-description\">\r\n {{ instance.component.description }}\r\n </mat-hint>\r\n</div>\r\n\r\n<div class=\"mat-formio-component-wrapper\" *ngIf=\"renderElementOnly\">\r\n <div class=\"mat-formio-component\" *ngTemplateOutlet=\"componentTemplate; context: componentTemplateContext\"></div>\r\n</div>\r\n\r\n<ng-template #defaultLabel>\r\n <mat-label>\r\n <span style=\"display: block;\"\r\n [instance]=\"instance\" matFormioLabel>\r\n </span>\r\n </mat-label>\r\n</ng-template>\r\n", styles: [".mat-formio-component-description{display:block;grid-area:description}.mat-formio-component{grid-area:component}.mat-formio-label{grid-area:label}.mat-formio-label.mat-formio-label-align-right{margin-left:auto}.mat-formio-label.mat-formio-label-align-left{margin-right:auto}.mat-formio-component-wrapper.mat-formio-label-left,.mat-formio-component-wrapper.mat-formio-label-right{display:grid;grid-template-columns:auto auto;grid-column-gap:1em}.mat-formio-component-wrapper.mat-formio-label-right{grid-template-areas:\"component label\" \"description label\"}.mat-formio-component-wrapper.mat-formio-label-left{grid-template-areas:\"label component\" \"label description\"}\n"] }]
|
|
43
|
+
}], propDecorators: { labelTemplate: [{
|
|
44
|
+
type: Input
|
|
45
|
+
}], renderTopLabel: [{
|
|
46
|
+
type: Input
|
|
47
|
+
}], showDescription: [{
|
|
48
|
+
type: Input
|
|
49
|
+
}], renderElementOnly: [{
|
|
50
|
+
type: Input
|
|
51
|
+
}], instance: [{
|
|
52
|
+
type: Input,
|
|
53
|
+
args: ['instance']
|
|
54
|
+
}], componentTemplate: [{
|
|
55
|
+
type: Input
|
|
56
|
+
}] } });
|
|
57
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybWlvLWZvcm0tZmllbGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXJlbmRlci1tYXRlcmlhbC1mb3Jtcy9zcmMvbGliL2NvbXBvbmVudHMvZm9ybWlvLWZvcm0tZmllbGQvZm9ybWlvLWZvcm0tZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXJlbmRlci1tYXRlcmlhbC1mb3Jtcy9zcmMvbGliL2NvbXBvbmVudHMvZm9ybWlvLWZvcm0tZmllbGQvZm9ybWlvLWZvcm0tZmllbGQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQWUsTUFBTSxlQUFlLENBQUM7QUFDOUQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDRCQUE0QixDQUFDOzs7Ozs7QUFPNUQsTUFBTSxPQUFPLHdCQUF3QjtJQUxyQztRQU9TLG1CQUFjLEdBQUcsY0FBYyxDQUFDO1FBRTlCLG1CQUFjLEdBQUcsS0FBSyxDQUFDO1FBQ3ZCLG9CQUFlLEdBQUcsSUFBSSxDQUFDO1FBQ3ZCLHNCQUFpQixHQUFHLEtBQUssQ0FBQztLQWdDcEM7SUE5QkMsSUFDSSxRQUFRLENBQUMsUUFBUTtRQUNuQixJQUFJLENBQUMsU0FBUyxHQUFHLFFBQVEsQ0FBQztRQUMxQixJQUFJLFFBQVEsRUFBRTtZQUNaLElBQUksQ0FBQyx3QkFBd0IsR0FBRyxFQUFDLFNBQVMsRUFBRSxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsRUFBQyxDQUFDO1NBQ3JFO0lBQ0gsQ0FBQztJQUVELElBQUksUUFBUTtRQUNWLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUN4QixDQUFDO0lBS0QsUUFBUSxDQUFDLGNBQXlCO1FBQ2hDLE1BQU0sRUFBRSxTQUFTLEVBQUUsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDO1FBQ3BDLE1BQU0sVUFBVSxHQUFHLENBQUMsU0FBUyxDQUFDLEtBQUssSUFBSSxTQUFTLENBQUMsU0FBUyxDQUFDO1FBQzNELE1BQU0sMkJBQTJCLEdBQUcsQ0FBQyxjQUFjO1lBQ2YsQ0FBQyxjQUFjLENBQUMsTUFBTTtZQUN0QixDQUFDLFNBQVMsQ0FBQyxhQUFhLENBQUM7UUFFN0QsSUFBSSxVQUFVLElBQUksMkJBQTJCLElBQUksSUFBSSxDQUFDLGlCQUFpQixFQUFFO1lBQ3ZFLE9BQU8sS0FBSyxDQUFDO1NBQ2Q7UUFFRCxJQUFJLGNBQWMsQ0FBQyxRQUFRLENBQUMsU0FBUyxDQUFDLGFBQWEsQ0FBQyxFQUFFO1lBQ3BELE9BQU8sSUFBSSxDQUFDO1NBQ2I7SUFDSCxDQUFDOztxSEFyQ1Usd0JBQXdCO3lHQUF4Qix3QkFBd0IscVJDUnJDLCt1RUFrREE7MkZEMUNhLHdCQUF3QjtrQkFMcEMsU0FBUzsrQkFDRSx1QkFBdUI7OEJBT3hCLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFHRixRQUFRO3NCQURYLEtBQUs7dUJBQUMsVUFBVTtnQkFZUixpQkFBaUI7c0JBQXpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBMYWJlbFBvc2l0aW9ucyB9IGZyb20gJy4uLy4uL2NvbnN0L0xhYmVsUG9zaXRpb25zJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbWF0LWZvcm1pby1mb3JtLWZpZWxkJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZm9ybWlvLWZvcm0tZmllbGQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2Zvcm1pby1mb3JtLWZpZWxkLmNvbXBvbmVudC5jc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRm9ybWlvRm9ybUZpZWxkQ29tcG9uZW50IHtcclxuICBwcml2YXRlIF9pbnN0YW5jZTtcclxuICBwdWJsaWMgbGFiZWxQb3NpdGlvbnMgPSBMYWJlbFBvc2l0aW9ucztcclxuICBASW5wdXQoKSBsYWJlbFRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+O1xyXG4gIEBJbnB1dCgpIHJlbmRlclRvcExhYmVsID0gZmFsc2U7XHJcbiAgQElucHV0KCkgc2hvd0Rlc2NyaXB0aW9uID0gdHJ1ZTtcclxuICBASW5wdXQoKSByZW5kZXJFbGVtZW50T25seSA9IGZhbHNlO1xyXG5cclxuICBASW5wdXQoJ2luc3RhbmNlJylcclxuICBzZXQgaW5zdGFuY2UoaW5zdGFuY2UpIHtcclxuICAgIHRoaXMuX2luc3RhbmNlID0gaW5zdGFuY2U7XHJcbiAgICBpZiAoaW5zdGFuY2UpIHtcclxuICAgICAgdGhpcy5jb21wb25lbnRUZW1wbGF0ZUNvbnRleHQgPSB7JGltcGxpY2l0OiB0aGlzLmhhc0xhYmVsKFsndG9wJ10pfTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIGdldCBpbnN0YW5jZSgpIHtcclxuICAgIHJldHVybiB0aGlzLl9pbnN0YW5jZTtcclxuICB9XHJcblxyXG4gIEBJbnB1dCgpIGNvbXBvbmVudFRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+O1xyXG4gIGNvbXBvbmVudFRlbXBsYXRlQ29udGV4dDtcclxuXHJcbiAgaGFzTGFiZWwobGFiZWxQb3NpdGlvbnM/OiBzdHJpbmdbXSkge1xyXG4gICAgY29uc3QgeyBjb21wb25lbnQgfSA9IHRoaXMuaW5zdGFuY2U7XHJcbiAgICBjb25zdCBoYXNOb0xhYmVsID0gIWNvbXBvbmVudC5sYWJlbCB8fCBjb21wb25lbnQuaGlkZUxhYmVsO1xyXG4gICAgY29uc3QgbGFiZWxQb3NpdGlvbklzTm90U3BlY2lmaWVkID0gIWxhYmVsUG9zaXRpb25zIHx8XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAhbGFiZWxQb3NpdGlvbnMubGVuZ3RoIHx8XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAhY29tcG9uZW50LmxhYmVsUG9zaXRpb247XHJcblxyXG4gICAgaWYgKGhhc05vTGFiZWwgfHwgbGFiZWxQb3NpdGlvbklzTm90U3BlY2lmaWVkIHx8IHRoaXMucmVuZGVyRWxlbWVudE9ubHkpIHtcclxuICAgICAgcmV0dXJuIGZhbHNlO1xyXG4gICAgfVxyXG5cclxuICAgIGlmIChsYWJlbFBvc2l0aW9ucy5pbmNsdWRlcyhjb21wb25lbnQubGFiZWxQb3NpdGlvbikpIHtcclxuICAgICAgcmV0dXJuIHRydWU7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJtYXQtZm9ybWlvLWNvbXBvbmVudC13cmFwcGVyXCIgKm5nSWY9XCJpbnN0YW5jZSAmJiAhcmVuZGVyRWxlbWVudE9ubHlcIlxyXG4gICAgIFtuZ0NsYXNzXT1cIntcclxuICAgICAgICAnbWF0LWZvcm1pby1sYWJlbC1yaWdodCc6IGhhc0xhYmVsKFtsYWJlbFBvc2l0aW9ucy5SSUdIVF9SSUdIVCwgbGFiZWxQb3NpdGlvbnMuUklHSFRfTEVGVF0pLFxyXG4gICAgICAgICdtYXQtZm9ybWlvLWxhYmVsLWxlZnQnOiBoYXNMYWJlbChbbGFiZWxQb3NpdGlvbnMuTEVGVF9MRUZULCBsYWJlbFBvc2l0aW9ucy5MRUZUX1JJR0hUXSlcclxuICAgICB9XCJcclxuPlxyXG4gIDxzcGFuICpuZ0lmPVwicmVuZGVyVG9wTGFiZWwgJiYgaGFzTGFiZWwoW2xhYmVsUG9zaXRpb25zLlRPUF0pXCJcclxuICAgICAgICBjbGFzcz1cIm1hdC1mb3JtaW8tbGFiZWxcIlxyXG4gICAgICAgIFtuZ0NsYXNzXT1cIntcclxuICAgICAgICAgICdtYXQtZm9ybWlvLWxhYmVsLWFsaWduLXJpZ2h0JzogaGFzTGFiZWwoW2xhYmVsUG9zaXRpb25zLkxFRlRfUklHSFQsIGxhYmVsUG9zaXRpb25zLlJJR0hUX1JJR0hUXSksXHJcbiAgICAgICAgICAnbWF0LWZvcm1pby1sYWJlbC1hbGlnbi1sZWZ0JzogaGFzTGFiZWwoW2xhYmVsUG9zaXRpb25zLkxFRlRfTEVGVCwgbGFiZWxQb3NpdGlvbnMuUklHSFRfTEVGVF0pXHJcbiAgICAgICAgfVwiXHJcbiAgPlxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImxhYmVsVGVtcGxhdGUgfHwgZGVmYXVsdExhYmVsXCI+PC9uZy1jb250YWluZXI+XHJcbiAgPC9zcGFuPlxyXG5cclxuICA8ZGl2IGNsYXNzPVwibWF0LWZvcm1pby1jb21wb25lbnRcIiAqbmdUZW1wbGF0ZU91dGxldD1cImNvbXBvbmVudFRlbXBsYXRlOyBjb250ZXh0OiBjb21wb25lbnRUZW1wbGF0ZUNvbnRleHRcIj48L2Rpdj5cclxuXHJcbiAgPHNwYW4gKm5nSWY9XCJoYXNMYWJlbChbXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWxQb3NpdGlvbnMuQk9UVE9NLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgIGxhYmVsUG9zaXRpb25zLlJJR0hUX1JJR0hULFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgIGxhYmVsUG9zaXRpb25zLlJJR0hUX0xFRlQsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWxQb3NpdGlvbnMuTEVGVF9MRUZULFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgIGxhYmVsUG9zaXRpb25zLkxFRlRfUklHSFRcclxuICAgICAgICAgICAgICAgICAgICAgICAgXSlcIlxyXG4gICAgICAgIGNsYXNzPVwibWF0LWZvcm1pby1sYWJlbFwiXHJcbiAgICAgICAgW25nQ2xhc3NdPVwie1xyXG4gICAgICAgICAgJ21hdC1mb3JtaW8tbGFiZWwtYWxpZ24tcmlnaHQnOiBoYXNMYWJlbChbbGFiZWxQb3NpdGlvbnMuTEVGVF9SSUdIVCwgbGFiZWxQb3NpdGlvbnMuUklHSFRfUklHSFRdKSxcclxuICAgICAgICAgICdtYXQtZm9ybWlvLWxhYmVsLWFsaWduLWxlZnQnOiBoYXNMYWJlbChbbGFiZWxQb3NpdGlvbnMuTEVGVF9MRUZULCBsYWJlbFBvc2l0aW9ucy5SSUdIVF9MRUZUXSlcclxuICAgICAgICB9XCJcclxuICA+XHJcbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwibGFiZWxUZW1wbGF0ZSB8fCBkZWZhdWx0TGFiZWxcIj48L25nLWNvbnRhaW5lcj5cclxuICA8L3NwYW4+XHJcblxyXG4gIDxtYXQtaGludCAqbmdJZj1cInNob3dEZXNjcmlwdGlvbiAmJiBpbnN0YW5jZS5jb21wb25lbnQuZGVzY3JpcHRpb25cIiBjbGFzcz1cIm1hdC1mb3JtaW8tY29tcG9uZW50LWRlc2NyaXB0aW9uXCI+XHJcbiAgICB7eyBpbnN0YW5jZS5jb21wb25lbnQuZGVzY3JpcHRpb24gfX1cclxuICA8L21hdC1oaW50PlxyXG48L2Rpdj5cclxuXHJcbjxkaXYgY2xhc3M9XCJtYXQtZm9ybWlvLWNvbXBvbmVudC13cmFwcGVyXCIgKm5nSWY9XCJyZW5kZXJFbGVtZW50T25seVwiPlxyXG4gIDxkaXYgY2xhc3M9XCJtYXQtZm9ybWlvLWNvbXBvbmVudFwiICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29tcG9uZW50VGVtcGxhdGU7IGNvbnRleHQ6IGNvbXBvbmVudFRlbXBsYXRlQ29udGV4dFwiPjwvZGl2PlxyXG48L2Rpdj5cclxuXHJcbjxuZy10ZW1wbGF0ZSAjZGVmYXVsdExhYmVsPlxyXG4gIDxtYXQtbGFiZWw+XHJcbiAgICA8c3BhbiBzdHlsZT1cImRpc3BsYXk6IGJsb2NrO1wiXHJcbiAgICAgICAgICBbaW5zdGFuY2VdPVwiaW5zdGFuY2VcIiBtYXRGb3JtaW9MYWJlbD5cclxuICAgIDwvc3Bhbj5cclxuICA8L21hdC1sYWJlbD5cclxuPC9uZy10ZW1wbGF0ZT5cclxuIl19
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
import { Component, ViewChild } from '@angular/core';
|
|
2
|
+
import Wizard from 'formiojs/Wizard';
|
|
3
|
+
import Displays from 'formiojs/displays/Displays';
|
|
4
|
+
import { MaterialNestedComponent } from './MaterialNestedComponent';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "@angular/common";
|
|
7
|
+
import * as i2 from "@angular/material/button";
|
|
8
|
+
import * as i3 from "@angular/material/stepper";
|
|
9
|
+
export class MaterialWizardComponent extends MaterialNestedComponent {
|
|
10
|
+
constructor() {
|
|
11
|
+
super(...arguments);
|
|
12
|
+
this.isLinear = true;
|
|
13
|
+
this.prevNumOfPages = 0;
|
|
14
|
+
}
|
|
15
|
+
setInstance(instance) {
|
|
16
|
+
this.isLinear = (instance.options &&
|
|
17
|
+
instance.options.breadcrumbSettings &&
|
|
18
|
+
instance.options.breadcrumbSettings.clickable) ? false : true;
|
|
19
|
+
this.updatePages(instance);
|
|
20
|
+
instance.on('pagesChanged', () => this.updatePages());
|
|
21
|
+
super.setInstance(instance);
|
|
22
|
+
}
|
|
23
|
+
updatePages(instance = this.instance) {
|
|
24
|
+
if (this.prevNumOfPages !== instance.pages.length) {
|
|
25
|
+
instance.pages.forEach((page, pageIndex) => {
|
|
26
|
+
page.viewContainer = () => {
|
|
27
|
+
return this.viewContainers ? this.viewContainers[pageIndex] : null;
|
|
28
|
+
};
|
|
29
|
+
});
|
|
30
|
+
this.prevNumOfPages = instance.pages.length;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
resetWizard() {
|
|
34
|
+
this.instance.cancel();
|
|
35
|
+
this.stepper.reset();
|
|
36
|
+
}
|
|
37
|
+
nextPage() {
|
|
38
|
+
this.instance.nextPage().then(() => this.stepper.next());
|
|
39
|
+
}
|
|
40
|
+
prevPage() {
|
|
41
|
+
this.instance.prevPage().then(() => this.stepper.previous());
|
|
42
|
+
}
|
|
43
|
+
submit() {
|
|
44
|
+
this.instance.submit();
|
|
45
|
+
}
|
|
46
|
+
renderComponents() {
|
|
47
|
+
if (this.instance.renderComponents && this.instance.pages) {
|
|
48
|
+
this.instance.renderComponents(this.instance.pages.reduce((comps, page) => {
|
|
49
|
+
return comps.concat(page.components);
|
|
50
|
+
}, []));
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
MaterialWizardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MaterialWizardComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
55
|
+
MaterialWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: MaterialWizardComponent, selector: "mat-formio-wizard", viewQueries: [{ propertyName: "stepper", first: true, predicate: ["stepper"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
|
|
56
|
+
<mat-horizontal-stepper [linear]="isLinear" #stepper>
|
|
57
|
+
<mat-step *ngFor="let page of instance.pages" [label]="page.component.title">
|
|
58
|
+
<ng-template #components></ng-template>
|
|
59
|
+
<div class="navigation-button-row">
|
|
60
|
+
<button *ngIf="instance.hasButton('cancel')" mat-raised-button (click)="resetWizard()">Cancel</button>
|
|
61
|
+
<button *ngIf="instance.hasButton('previous')" mat-raised-button color="primary" (click)="prevPage()">Previous</button>
|
|
62
|
+
<button *ngIf="instance.hasButton('next')" mat-raised-button color="primary" (click)="nextPage()">Next</button>
|
|
63
|
+
<button *ngIf="instance.hasButton('submit')" mat-raised-button color="primary" (click)="submit()">Submit</button>
|
|
64
|
+
</div>
|
|
65
|
+
</mat-step>
|
|
66
|
+
</mat-horizontal-stepper>`, isInline: true, styles: [":host .navigation-button-row{margin-top:8px}\n", ":host .navigation-button-row button{margin-right:8px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i3.MatStep, selector: "mat-step", inputs: ["color"], exportAs: ["matStep"] }, { kind: "component", type: i3.MatStepper, selector: "mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]", inputs: ["selectedIndex", "disableRipple", "color", "labelPosition", "headerPosition", "animationDuration"], outputs: ["animationDone"], exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"] }] });
|
|
67
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MaterialWizardComponent, decorators: [{
|
|
68
|
+
type: Component,
|
|
69
|
+
args: [{ selector: 'mat-formio-wizard', template: `
|
|
70
|
+
<mat-horizontal-stepper [linear]="isLinear" #stepper>
|
|
71
|
+
<mat-step *ngFor="let page of instance.pages" [label]="page.component.title">
|
|
72
|
+
<ng-template #components></ng-template>
|
|
73
|
+
<div class="navigation-button-row">
|
|
74
|
+
<button *ngIf="instance.hasButton('cancel')" mat-raised-button (click)="resetWizard()">Cancel</button>
|
|
75
|
+
<button *ngIf="instance.hasButton('previous')" mat-raised-button color="primary" (click)="prevPage()">Previous</button>
|
|
76
|
+
<button *ngIf="instance.hasButton('next')" mat-raised-button color="primary" (click)="nextPage()">Next</button>
|
|
77
|
+
<button *ngIf="instance.hasButton('submit')" mat-raised-button color="primary" (click)="submit()">Submit</button>
|
|
78
|
+
</div>
|
|
79
|
+
</mat-step>
|
|
80
|
+
</mat-horizontal-stepper>`, styles: [":host .navigation-button-row{margin-top:8px}\n", ":host .navigation-button-row button{margin-right:8px}\n"] }]
|
|
81
|
+
}], propDecorators: { stepper: [{
|
|
82
|
+
type: ViewChild,
|
|
83
|
+
args: ['stepper', { static: true }]
|
|
84
|
+
}] } });
|
|
85
|
+
Wizard.MaterialComponent = MaterialWizardComponent;
|
|
86
|
+
Displays.addDisplay('wizard', Wizard);
|
|
87
|
+
export { Wizard };
|
|
88
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybWlvLndpemFyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1yZW5kZXItbWF0ZXJpYWwtZm9ybXMvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm1pby53aXphcmQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFckQsT0FBTyxNQUFNLE1BQU0saUJBQWlCLENBQUM7QUFDckMsT0FBTyxRQUFRLE1BQU0sNEJBQTRCLENBQUM7QUFDbEQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sMkJBQTJCLENBQUM7Ozs7O0FBcUJwRSxNQUFNLE9BQU8sdUJBQXdCLFNBQVEsdUJBQXVCO0lBbkJwRTs7UUFxQlMsYUFBUSxHQUFHLElBQUksQ0FBQztRQUNmLG1CQUFjLEdBQUcsQ0FBQyxDQUFDO0tBa0Q1QjtJQWhEQyxXQUFXLENBQUMsUUFBYTtRQUN2QixJQUFJLENBQUMsUUFBUSxHQUFHLENBQ2QsUUFBUSxDQUFDLE9BQU87WUFDaEIsUUFBUSxDQUFDLE9BQU8sQ0FBQyxrQkFBa0I7WUFDbkMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxrQkFBa0IsQ0FBQyxTQUFTLENBQzlDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1FBRWpCLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDM0IsUUFBUSxDQUFDLEVBQUUsQ0FBQyxjQUFjLEVBQUUsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDLENBQUM7UUFFdEQsS0FBSyxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUM5QixDQUFDO0lBRUQsV0FBVyxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsUUFBUTtRQUNsQyxJQUFJLElBQUksQ0FBQyxjQUFjLEtBQUssUUFBUSxDQUFDLEtBQUssQ0FBQyxNQUFNLEVBQUU7WUFDakQsUUFBUSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxJQUFJLEVBQUUsU0FBUyxFQUFFLEVBQUU7Z0JBQ3pDLElBQUksQ0FBQyxhQUFhLEdBQUcsR0FBRyxFQUFFO29CQUN4QixPQUFPLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztnQkFDckUsQ0FBQyxDQUFDO1lBQ0osQ0FBQyxDQUFDLENBQUM7WUFDSCxJQUFJLENBQUMsY0FBYyxHQUFHLFFBQVEsQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDO1NBQzdDO0lBQ0gsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sRUFBRSxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsRUFBRSxDQUFDLElBQUksQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDLENBQUM7SUFDM0QsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsRUFBRSxDQUFDLElBQUksQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUM7SUFDL0QsQ0FBQztJQUVELE1BQU07UUFDSixJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQ3pCLENBQUM7SUFFRCxnQkFBZ0I7UUFDZCxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsZ0JBQWdCLElBQUksSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLEVBQUU7WUFDekQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQyxLQUFLLEVBQUUsSUFBSSxFQUFFLEVBQUU7Z0JBQ3hFLE9BQU8sS0FBSyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7WUFDdkMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUM7U0FDVDtJQUNILENBQUM7O29IQXBEVSx1QkFBdUI7d0dBQXZCLHVCQUF1QixrTUFieEI7Ozs7Ozs7Ozs7OzhCQVdrQjsyRkFFakIsdUJBQXVCO2tCQW5CbkMsU0FBUzsrQkFDRSxtQkFBbUIsWUFLbkI7Ozs7Ozs7Ozs7OzhCQVdrQjs4QkFHVSxPQUFPO3NCQUE1QyxTQUFTO3VCQUFDLFNBQVMsRUFBRSxFQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUM7O0FBcUR0QyxNQUFNLENBQUMsaUJBQWlCLEdBQUcsdUJBQXVCLENBQUM7QUFDbkQsUUFBUSxDQUFDLFVBQVUsQ0FBQyxRQUFRLEVBQUUsTUFBTSxDQUFDLENBQUM7QUFDdEMsT0FBTyxFQUFFLE1BQU0sRUFBRSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTWF0U3RlcHBlciB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3N0ZXBwZXInO1xyXG5pbXBvcnQgV2l6YXJkIGZyb20gJ2Zvcm1pb2pzL1dpemFyZCc7XHJcbmltcG9ydCBEaXNwbGF5cyBmcm9tICdmb3JtaW9qcy9kaXNwbGF5cy9EaXNwbGF5cyc7XHJcbmltcG9ydCB7IE1hdGVyaWFsTmVzdGVkQ29tcG9uZW50IH0gZnJvbSAnLi9NYXRlcmlhbE5lc3RlZENvbXBvbmVudCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ21hdC1mb3JtaW8td2l6YXJkJyxcclxuICBzdHlsZXM6IFtcclxuICAgICc6aG9zdCAubmF2aWdhdGlvbi1idXR0b24tcm93IHsgbWFyZ2luLXRvcDogOHB4OyB9JyxcclxuICAgICc6aG9zdCAubmF2aWdhdGlvbi1idXR0b24tcm93IGJ1dHRvbiB7IG1hcmdpbi1yaWdodDogOHB4OyB9J1xyXG4gIF0sXHJcbiAgdGVtcGxhdGU6IGBcclxuICAgIDxtYXQtaG9yaXpvbnRhbC1zdGVwcGVyIFtsaW5lYXJdPVwiaXNMaW5lYXJcIiAjc3RlcHBlcj5cclxuICAgICAgPG1hdC1zdGVwICpuZ0Zvcj1cImxldCBwYWdlIG9mIGluc3RhbmNlLnBhZ2VzXCIgW2xhYmVsXT1cInBhZ2UuY29tcG9uZW50LnRpdGxlXCI+XHJcbiAgICAgICAgPG5nLXRlbXBsYXRlICNjb21wb25lbnRzPjwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cIm5hdmlnYXRpb24tYnV0dG9uLXJvd1wiPlxyXG4gICAgICAgICAgPGJ1dHRvbiAqbmdJZj1cImluc3RhbmNlLmhhc0J1dHRvbignY2FuY2VsJylcIiBtYXQtcmFpc2VkLWJ1dHRvbiAoY2xpY2spPVwicmVzZXRXaXphcmQoKVwiPkNhbmNlbDwvYnV0dG9uPlxyXG4gICAgICAgICAgPGJ1dHRvbiAqbmdJZj1cImluc3RhbmNlLmhhc0J1dHRvbigncHJldmlvdXMnKVwiIG1hdC1yYWlzZWQtYnV0dG9uIGNvbG9yPVwicHJpbWFyeVwiIChjbGljayk9XCJwcmV2UGFnZSgpXCI+UHJldmlvdXM8L2J1dHRvbj5cclxuICAgICAgICAgIDxidXR0b24gKm5nSWY9XCJpbnN0YW5jZS5oYXNCdXR0b24oJ25leHQnKVwiIG1hdC1yYWlzZWQtYnV0dG9uIGNvbG9yPVwicHJpbWFyeVwiIChjbGljayk9XCJuZXh0UGFnZSgpXCI+TmV4dDwvYnV0dG9uPlxyXG4gICAgICAgICAgPGJ1dHRvbiAqbmdJZj1cImluc3RhbmNlLmhhc0J1dHRvbignc3VibWl0JylcIiBtYXQtcmFpc2VkLWJ1dHRvbiBjb2xvcj1cInByaW1hcnlcIiAoY2xpY2spPVwic3VibWl0KClcIj5TdWJtaXQ8L2J1dHRvbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9tYXQtc3RlcD5cclxuICAgIDwvbWF0LWhvcml6b250YWwtc3RlcHBlcj5gXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNYXRlcmlhbFdpemFyZENvbXBvbmVudCBleHRlbmRzIE1hdGVyaWFsTmVzdGVkQ29tcG9uZW50IHtcclxuICBAVmlld0NoaWxkKCdzdGVwcGVyJywge3N0YXRpYzogdHJ1ZX0pIHN0ZXBwZXI6IE1hdFN0ZXBwZXI7XHJcbiAgcHVibGljIGlzTGluZWFyID0gdHJ1ZTtcclxuICBwcml2YXRlIHByZXZOdW1PZlBhZ2VzID0gMDtcclxuXHJcbiAgc2V0SW5zdGFuY2UoaW5zdGFuY2U6IGFueSkge1xyXG4gICAgdGhpcy5pc0xpbmVhciA9IChcclxuICAgICAgaW5zdGFuY2Uub3B0aW9ucyAmJlxyXG4gICAgICBpbnN0YW5jZS5vcHRpb25zLmJyZWFkY3J1bWJTZXR0aW5ncyAmJlxyXG4gICAgICBpbnN0YW5jZS5vcHRpb25zLmJyZWFkY3J1bWJTZXR0aW5ncy5jbGlja2FibGVcclxuICAgICkgPyBmYWxzZSA6IHRydWU7XHJcblxyXG4gICAgdGhpcy51cGRhdGVQYWdlcyhpbnN0YW5jZSk7XHJcbiAgICBpbnN0YW5jZS5vbigncGFnZXNDaGFuZ2VkJywgKCkgPT4gdGhpcy51cGRhdGVQYWdlcygpKTtcclxuXHJcbiAgICBzdXBlci5zZXRJbnN0YW5jZShpbnN0YW5jZSk7XHJcbiAgfVxyXG5cclxuICB1cGRhdGVQYWdlcyhpbnN0YW5jZSA9IHRoaXMuaW5zdGFuY2UpIHtcclxuICAgIGlmICh0aGlzLnByZXZOdW1PZlBhZ2VzICE9PSBpbnN0YW5jZS5wYWdlcy5sZW5ndGgpIHtcclxuICAgICAgaW5zdGFuY2UucGFnZXMuZm9yRWFjaCgocGFnZSwgcGFnZUluZGV4KSA9PiB7XHJcbiAgICAgICAgcGFnZS52aWV3Q29udGFpbmVyID0gKCkgPT4ge1xyXG4gICAgICAgICAgcmV0dXJuIHRoaXMudmlld0NvbnRhaW5lcnMgPyB0aGlzLnZpZXdDb250YWluZXJzW3BhZ2VJbmRleF0gOiBudWxsO1xyXG4gICAgICAgIH07XHJcbiAgICAgIH0pO1xyXG4gICAgICB0aGlzLnByZXZOdW1PZlBhZ2VzID0gaW5zdGFuY2UucGFnZXMubGVuZ3RoO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcmVzZXRXaXphcmQoKSB7XHJcbiAgICB0aGlzLmluc3RhbmNlLmNhbmNlbCgpO1xyXG4gICAgdGhpcy5zdGVwcGVyLnJlc2V0KCk7XHJcbiAgfVxyXG5cclxuICBuZXh0UGFnZSgpIHtcclxuICAgIHRoaXMuaW5zdGFuY2UubmV4dFBhZ2UoKS50aGVuKCgpID0+IHRoaXMuc3RlcHBlci5uZXh0KCkpO1xyXG4gIH1cclxuXHJcbiAgcHJldlBhZ2UoKSB7XHJcbiAgICB0aGlzLmluc3RhbmNlLnByZXZQYWdlKCkudGhlbigoKSA9PiB0aGlzLnN0ZXBwZXIucHJldmlvdXMoKSk7XHJcbiAgfVxyXG5cclxuICBzdWJtaXQoKSB7XHJcbiAgICB0aGlzLmluc3RhbmNlLnN1Ym1pdCgpO1xyXG4gIH1cclxuXHJcbiAgcmVuZGVyQ29tcG9uZW50cygpIHtcclxuICAgIGlmICh0aGlzLmluc3RhbmNlLnJlbmRlckNvbXBvbmVudHMgJiYgdGhpcy5pbnN0YW5jZS5wYWdlcykge1xyXG4gICAgICB0aGlzLmluc3RhbmNlLnJlbmRlckNvbXBvbmVudHModGhpcy5pbnN0YW5jZS5wYWdlcy5yZWR1Y2UoKGNvbXBzLCBwYWdlKSA9PiB7XHJcbiAgICAgICAgcmV0dXJuIGNvbXBzLmNvbmNhdChwYWdlLmNvbXBvbmVudHMpO1xyXG4gICAgICB9LCBbXSkpO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG5XaXphcmQuTWF0ZXJpYWxDb21wb25lbnQgPSBNYXRlcmlhbFdpemFyZENvbXBvbmVudDtcclxuRGlzcGxheXMuYWRkRGlzcGxheSgnd2l6YXJkJywgV2l6YXJkKTtcclxuZXhwb3J0IHsgV2l6YXJkIH07XHJcbiJdfQ==
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { Component } from '@angular/core';
|
|
2
|
-
import { MaterialComponent } from '../MaterialComponent';
|
|
3
|
-
import HiddenComponent from 'formiojs/components/hidden/Hidden.js';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "@angular/forms";
|
|
6
|
-
import * as i2 from "@angular/material/input";
|
|
7
|
-
export class MaterialHiddenComponent extends MaterialComponent {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
}
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
12
|
-
type: Component,
|
|
13
|
-
args: [{
|
|
14
|
-
selector: 'mat-formio-hidden',
|
|
15
|
-
template: `<input matInput type="hidden" [formControl]="control" #input>`
|
|
16
|
-
}]
|
|
17
|
-
}] });
|
|
18
|
-
HiddenComponent.MaterialComponent = MaterialHiddenComponent;
|
|
19
|
-
export { HiddenComponent };
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import { MaterialComponent } from '../MaterialComponent';
|
|
3
|
+
import HiddenComponent from 'formiojs/components/hidden/Hidden.js';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@angular/forms";
|
|
6
|
+
import * as i2 from "@angular/material/input";
|
|
7
|
+
export class MaterialHiddenComponent extends MaterialComponent {
|
|
8
|
+
}
|
|
9
|
+
MaterialHiddenComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MaterialHiddenComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
+
MaterialHiddenComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: MaterialHiddenComponent, selector: "mat-formio-hidden", usesInheritance: true, ngImport: i0, template: `<input matInput type="hidden" [formControl]="control" #input>`, isInline: true, dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }] });
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MaterialHiddenComponent, decorators: [{
|
|
12
|
+
type: Component,
|
|
13
|
+
args: [{
|
|
14
|
+
selector: 'mat-formio-hidden',
|
|
15
|
+
template: `<input matInput type="hidden" [formControl]="control" #input>`
|
|
16
|
+
}]
|
|
17
|
+
}] });
|
|
18
|
+
HiddenComponent.MaterialComponent = MaterialHiddenComponent;
|
|
19
|
+
export { HiddenComponent };
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGlkZGVuLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1yZW5kZXItbWF0ZXJpYWwtZm9ybXMvc3JjL2xpYi9jb21wb25lbnRzL2hpZGRlbi9oaWRkZW4uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDekQsT0FBTyxlQUFlLE1BQU0sc0NBQXNDLENBQUM7Ozs7QUFLbkUsTUFBTSxPQUFPLHVCQUF3QixTQUFRLGlCQUFpQjs7b0hBQWpELHVCQUF1Qjt3R0FBdkIsdUJBQXVCLGdGQUZ4QiwrREFBK0Q7MkZBRTlELHVCQUF1QjtrQkFKbkMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsbUJBQW1CO29CQUM3QixRQUFRLEVBQUUsK0RBQStEO2lCQUMxRTs7QUFFRCxlQUFlLENBQUMsaUJBQWlCLEdBQUcsdUJBQXVCLENBQUM7QUFDNUQsT0FBTyxFQUFFLGVBQWUsRUFBRSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE1hdGVyaWFsQ29tcG9uZW50IH0gZnJvbSAnLi4vTWF0ZXJpYWxDb21wb25lbnQnO1xyXG5pbXBvcnQgSGlkZGVuQ29tcG9uZW50IGZyb20gJ2Zvcm1pb2pzL2NvbXBvbmVudHMvaGlkZGVuL0hpZGRlbi5qcyc7XHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbWF0LWZvcm1pby1oaWRkZW4nLFxyXG4gIHRlbXBsYXRlOiBgPGlucHV0IG1hdElucHV0IHR5cGU9XCJoaWRkZW5cIiBbZm9ybUNvbnRyb2xdPVwiY29udHJvbFwiICNpbnB1dD5gXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNYXRlcmlhbEhpZGRlbkNvbXBvbmVudCBleHRlbmRzIE1hdGVyaWFsQ29tcG9uZW50IHt9XHJcbkhpZGRlbkNvbXBvbmVudC5NYXRlcmlhbENvbXBvbmVudCA9IE1hdGVyaWFsSGlkZGVuQ29tcG9uZW50O1xyXG5leHBvcnQgeyBIaWRkZW5Db21wb25lbnQgfTtcclxuIl19
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { Component, ViewChild } from '@angular/core';
|
|
2
|
+
import { MaterialComponent } from '../MaterialComponent';
|
|
3
|
+
import HtmlComponent from 'formiojs/components/html/HTML.js';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export class MaterialHtmlComponent extends MaterialComponent {
|
|
6
|
+
ngAfterViewInit() {
|
|
7
|
+
super.ngAfterViewInit();
|
|
8
|
+
if (this.instance.component.refreshOnChange) {
|
|
9
|
+
this.instance.checkRefreshOn = () => {
|
|
10
|
+
this.htmlBody.nativeElement.innerHTML = this.instance.renderContent();
|
|
11
|
+
};
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
MaterialHtmlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MaterialHtmlComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
16
|
+
MaterialHtmlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: MaterialHtmlComponent, selector: "mat-formio-html", viewQueries: [{ propertyName: "htmlBody", first: true, predicate: ["htmlBody"], descendants: true }], usesInheritance: true, ngImport: i0, template: `<div #htmlBody></div>`, isInline: true });
|
|
17
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MaterialHtmlComponent, decorators: [{
|
|
18
|
+
type: Component,
|
|
19
|
+
args: [{
|
|
20
|
+
selector: 'mat-formio-html',
|
|
21
|
+
template: `<div #htmlBody></div>`
|
|
22
|
+
}]
|
|
23
|
+
}], propDecorators: { htmlBody: [{
|
|
24
|
+
type: ViewChild,
|
|
25
|
+
args: ['htmlBody']
|
|
26
|
+
}] } });
|
|
27
|
+
HtmlComponent.MaterialComponent = MaterialHtmlComponent;
|
|
28
|
+
export { HtmlComponent };
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaHRtbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtcmVuZGVyLW1hdGVyaWFsLWZvcm1zL3NyYy9saWIvY29tcG9uZW50cy9odG1sL2h0bWwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWlCLFNBQVMsRUFBYyxNQUFNLGVBQWUsQ0FBQztBQUNoRixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN6RCxPQUFPLGFBQWEsTUFBTSxrQ0FBa0MsQ0FBQzs7QUFNN0QsTUFBTSxPQUFPLHFCQUFzQixTQUFRLGlCQUFpQjtJQUcxRCxlQUFlO1FBQ2IsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3hCLElBQUksSUFBSSxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUMsZUFBZSxFQUFFO1lBQzNDLElBQUksQ0FBQyxRQUFRLENBQUMsY0FBYyxHQUFHLEdBQUcsRUFBRTtnQkFDbEMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsYUFBYSxFQUFFLENBQUM7WUFDeEUsQ0FBQyxDQUFDO1NBQ0g7SUFDSCxDQUFDOztrSEFWVSxxQkFBcUI7c0dBQXJCLHFCQUFxQixvTEFGdEIsdUJBQXVCOzJGQUV0QixxQkFBcUI7a0JBSmpDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtvQkFDM0IsUUFBUSxFQUFFLHVCQUF1QjtpQkFDbEM7OEJBRXdCLFFBQVE7c0JBQTlCLFNBQVM7dUJBQUMsVUFBVTs7QUFXdkIsYUFBYSxDQUFDLGlCQUFpQixHQUFHLHFCQUFxQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxhQUFhLEVBQUUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQWZ0ZXJWaWV3SW5pdCwgVmlld0NoaWxkLCBFbGVtZW50UmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE1hdGVyaWFsQ29tcG9uZW50IH0gZnJvbSAnLi4vTWF0ZXJpYWxDb21wb25lbnQnO1xyXG5pbXBvcnQgSHRtbENvbXBvbmVudCBmcm9tICdmb3JtaW9qcy9jb21wb25lbnRzL2h0bWwvSFRNTC5qcyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ21hdC1mb3JtaW8taHRtbCcsXHJcbiAgdGVtcGxhdGU6IGA8ZGl2ICNodG1sQm9keT48L2Rpdj5gXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNYXRlcmlhbEh0bWxDb21wb25lbnQgZXh0ZW5kcyBNYXRlcmlhbENvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xyXG4gIEBWaWV3Q2hpbGQoJ2h0bWxCb2R5JykgaHRtbEJvZHk6IEVsZW1lbnRSZWY7XHJcblxyXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcclxuICAgIHN1cGVyLm5nQWZ0ZXJWaWV3SW5pdCgpO1xyXG4gICAgaWYgKHRoaXMuaW5zdGFuY2UuY29tcG9uZW50LnJlZnJlc2hPbkNoYW5nZSkge1xyXG4gICAgICB0aGlzLmluc3RhbmNlLmNoZWNrUmVmcmVzaE9uID0gKCkgPT4ge1xyXG4gICAgICAgIHRoaXMuaHRtbEJvZHkubmF0aXZlRWxlbWVudC5pbm5lckhUTUwgPSB0aGlzLmluc3RhbmNlLnJlbmRlckNvbnRlbnQoKTtcclxuICAgICAgfTtcclxuICAgIH1cclxuICB9XHJcbn1cclxuSHRtbENvbXBvbmVudC5NYXRlcmlhbENvbXBvbmVudCA9IE1hdGVyaWFsSHRtbENvbXBvbmVudDtcclxuZXhwb3J0IHsgSHRtbENvbXBvbmVudCB9O1xyXG4iXX0=
|
|
@@ -0,0 +1,125 @@
|
|
|
1
|
+
const Components = require('formiojs/components/Components').default;
|
|
2
|
+
import Component from 'formiojs/components/_classes/component/Component.js';
|
|
3
|
+
import { TextFieldComponent } from './textfield/textfield.component';
|
|
4
|
+
import { PasswordComponent } from './password/password.component';
|
|
5
|
+
import { EmailComponent } from './email/email.component';
|
|
6
|
+
import { UrlComponent } from './url/url.component';
|
|
7
|
+
import { PhoneNumberComponent } from './phonenumber/phonenumber.component';
|
|
8
|
+
import { NumberComponent } from './number/number.component';
|
|
9
|
+
import { CurrencyComponent } from './currency/currency.component';
|
|
10
|
+
import { DayComponent } from './day/day.component';
|
|
11
|
+
import { HiddenComponent } from './hidden/hidden.component';
|
|
12
|
+
import { HtmlComponent } from './html/html.component';
|
|
13
|
+
import { TagsComponent } from './tags/tags.component';
|
|
14
|
+
import { ButtonComponent } from './button/button.component';
|
|
15
|
+
import { TextAreaComponent } from './textarea/textarea.component';
|
|
16
|
+
import { PanelComponent } from './panel/panel.component';
|
|
17
|
+
import { ColumnsComponent } from './columns/columns.component';
|
|
18
|
+
import { ContainerComponent } from './container/container.component';
|
|
19
|
+
import { TabsComponent } from './tabs/tabs.component';
|
|
20
|
+
import { DateTimeComponent } from './date/date.component';
|
|
21
|
+
import { CheckboxComponent } from './checkbox/checkbox.component';
|
|
22
|
+
import { FieldsetComponent } from './fieldset/fieldset.component';
|
|
23
|
+
import { ContentComponent } from './content/content.component';
|
|
24
|
+
import { SignatureComponent } from './signature/signature.component';
|
|
25
|
+
import { SurveyComponent } from './survey/survey.component';
|
|
26
|
+
import { SelectBoxesComponent } from './selectboxes/selectboxes.component';
|
|
27
|
+
import { RadioComponent } from './radio/radio.component';
|
|
28
|
+
import { SelectComponent } from './select/select.component';
|
|
29
|
+
import { WellComponent } from './well/well.component';
|
|
30
|
+
import { DataGridComponent } from './datagrid/datagrid.component';
|
|
31
|
+
import { EditGridComponent } from './editgrid/editgrid.component';
|
|
32
|
+
import { TableComponent } from './table/table.component';
|
|
33
|
+
import { FormioComponent } from './MaterialComponent';
|
|
34
|
+
import { Wizard } from './formio.wizard';
|
|
35
|
+
import { TimeComponent } from './time/time.component';
|
|
36
|
+
// Set the components.
|
|
37
|
+
const components = {
|
|
38
|
+
textfield: TextFieldComponent,
|
|
39
|
+
password: PasswordComponent,
|
|
40
|
+
url: UrlComponent,
|
|
41
|
+
checkbox: CheckboxComponent,
|
|
42
|
+
email: EmailComponent,
|
|
43
|
+
phoneNumber: PhoneNumberComponent,
|
|
44
|
+
number: NumberComponent,
|
|
45
|
+
currency: CurrencyComponent,
|
|
46
|
+
day: DayComponent,
|
|
47
|
+
hidden: HiddenComponent,
|
|
48
|
+
htmlelement: HtmlComponent,
|
|
49
|
+
tags: TagsComponent,
|
|
50
|
+
textarea: TextAreaComponent,
|
|
51
|
+
button: ButtonComponent,
|
|
52
|
+
datetime: DateTimeComponent,
|
|
53
|
+
panel: PanelComponent,
|
|
54
|
+
columns: ColumnsComponent,
|
|
55
|
+
tabs: TabsComponent,
|
|
56
|
+
table: TableComponent,
|
|
57
|
+
well: WellComponent,
|
|
58
|
+
fieldset: FieldsetComponent,
|
|
59
|
+
content: ContentComponent,
|
|
60
|
+
signature: SignatureComponent,
|
|
61
|
+
survey: SurveyComponent,
|
|
62
|
+
selectboxes: SelectBoxesComponent,
|
|
63
|
+
radio: RadioComponent,
|
|
64
|
+
select: SelectComponent,
|
|
65
|
+
container: ContainerComponent,
|
|
66
|
+
datagrid: DataGridComponent,
|
|
67
|
+
editgrid: EditGridComponent,
|
|
68
|
+
unknown: FormioComponent,
|
|
69
|
+
time: TimeComponent,
|
|
70
|
+
wizard: Wizard
|
|
71
|
+
};
|
|
72
|
+
export function getComponents() {
|
|
73
|
+
for (const type of Object.keys(components)) {
|
|
74
|
+
const CompClass = components[type];
|
|
75
|
+
CompClass.prototype.render = (function () {
|
|
76
|
+
if (this.materialComponent) {
|
|
77
|
+
return this.materialComponent.renderComponents();
|
|
78
|
+
}
|
|
79
|
+
const viewContainer = this.parent ? this.parent.viewContainer(this) : this.viewContainer(this);
|
|
80
|
+
if (!viewContainer) {
|
|
81
|
+
return;
|
|
82
|
+
}
|
|
83
|
+
const factory = this.options.viewResolver.resolveComponentFactory(CompClass.MaterialComponent);
|
|
84
|
+
const componentRef = viewContainer.createComponent(factory);
|
|
85
|
+
componentRef.instance.setInstance(this);
|
|
86
|
+
});
|
|
87
|
+
const setValue = CompClass.prototype.setValue;
|
|
88
|
+
CompClass.prototype.setValue = (function (...args) {
|
|
89
|
+
if (this.materialComponent) {
|
|
90
|
+
this.materialComponent.setValue(args[0]);
|
|
91
|
+
}
|
|
92
|
+
return setValue.call(this, ...args);
|
|
93
|
+
});
|
|
94
|
+
components[type] = CompClass;
|
|
95
|
+
}
|
|
96
|
+
return components;
|
|
97
|
+
}
|
|
98
|
+
export function registerComponent(name, CompClass) {
|
|
99
|
+
class DummyComponent extends Component {
|
|
100
|
+
}
|
|
101
|
+
;
|
|
102
|
+
const formIOComp = DummyComponent;
|
|
103
|
+
formIOComp.MaterialComponent = CompClass;
|
|
104
|
+
formIOComp.prototype.render = (function () {
|
|
105
|
+
if (this.materialComponent) {
|
|
106
|
+
return this.materialComponent;
|
|
107
|
+
}
|
|
108
|
+
const viewContainer = this.parent ? this.parent.viewContainer(this) : this.viewContainer(this);
|
|
109
|
+
if (!viewContainer) {
|
|
110
|
+
return;
|
|
111
|
+
}
|
|
112
|
+
const factory = this.options.viewResolver.resolveComponentFactory(formIOComp.MaterialComponent);
|
|
113
|
+
const componentRef = viewContainer.createComponent(factory);
|
|
114
|
+
componentRef.instance.setInstance(this);
|
|
115
|
+
});
|
|
116
|
+
const setValue = formIOComp.prototype.setValue;
|
|
117
|
+
formIOComp.prototype.setValue = (function (...args) {
|
|
118
|
+
if (this.materialComponent) {
|
|
119
|
+
this.materialComponent.setValue(args[0]);
|
|
120
|
+
}
|
|
121
|
+
return setValue.call(this, ...args);
|
|
122
|
+
});
|
|
123
|
+
Components.addComponent(name, formIOComp);
|
|
124
|
+
}
|
|
125
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtcmVuZGVyLW1hdGVyaWFsLWZvcm1zL3NyYy9saWIvY29tcG9uZW50cy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxNQUFNLFVBQVUsR0FBRyxPQUFPLENBQUMsZ0NBQWdDLENBQUMsQ0FBQyxPQUFPLENBQUM7QUFDckUsT0FBTyxTQUFTLE1BQU0scURBQXFELENBQUM7QUFFNUUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDckUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDbEUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUMzRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDNUQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDbEUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDdEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3RELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDekQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sNkJB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QUFDLENBQUM7QUFFNUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImRlY2xhcmUgdmFyIHJlcXVpcmU6IGFueVxyXG5jb25zdCBDb21wb25lbnRzID0gcmVxdWlyZSgnZm9ybWlvanMvY29tcG9uZW50cy9Db21wb25lbnRzJykuZGVmYXVsdDtcclxuaW1wb3J0IENvbXBvbmVudCBmcm9tICdmb3JtaW9qcy9jb21wb25lbnRzL19jbGFzc2VzL2NvbXBvbmVudC9Db21wb25lbnQuanMnO1xyXG5cclxuaW1wb3J0IHsgVGV4dEZpZWxkQ29tcG9uZW50IH0gZnJvbSAnLi90ZXh0ZmllbGQvdGV4dGZpZWxkLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFBhc3N3b3JkQ29tcG9uZW50IH0gZnJvbSAnLi9wYXNzd29yZC9wYXNzd29yZC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBFbWFpbENvbXBvbmVudCB9IGZyb20gJy4vZW1haWwvZW1haWwuY29tcG9uZW50JztcclxuaW1wb3J0IHsgVXJsQ29tcG9uZW50IH0gZnJvbSAnLi91cmwvdXJsLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFBob25lTnVtYmVyQ29tcG9uZW50IH0gZnJvbSAnLi9waG9uZW51bWJlci9waG9uZW51bWJlci5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBOdW1iZXJDb21wb25lbnQgfSBmcm9tICcuL251bWJlci9udW1iZXIuY29tcG9uZW50JztcclxuaW1wb3J0IHsgQ3VycmVuY3lDb21wb25lbnQgfSBmcm9tICcuL2N1cnJlbmN5L2N1cnJlbmN5LmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IERheUNvbXBvbmVudCB9IGZyb20gJy4vZGF5L2RheS5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBIaWRkZW5Db21wb25lbnQgfSBmcm9tICcuL2hpZGRlbi9oaWRkZW4uY29tcG9uZW50JztcclxuaW1wb3J0IHsgSHRtbENvbXBvbmVudCB9IGZyb20gJy4vaHRtbC9odG1sLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFRhZ3NDb21wb25lbnQgfSBmcm9tICcuL3RhZ3MvdGFncy5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBCdXR0b25Db21wb25lbnQgfSBmcm9tICcuL2J1dHRvbi9idXR0b24uY29tcG9uZW50JztcclxuaW1wb3J0IHsgVGV4dEFyZWFDb21wb25lbnQgfSBmcm9tICcuL3RleHRhcmVhL3RleHRhcmVhLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFBhbmVsQ29tcG9uZW50IH0gZnJvbSAnLi9wYW5lbC9wYW5lbC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBDb2x1bW5zQ29tcG9uZW50IH0gZnJvbSAnLi9jb2x1bW5zL2NvbHVtbnMuY29tcG9uZW50JztcclxuaW1wb3J0IHsgQ29udGFpbmVyQ29tcG9uZW50IH0gZnJvbSAnLi9jb250YWluZXIvY29udGFpbmVyLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFRhYnNDb21wb25lbnQgfSBmcm9tICcuL3RhYnMvdGFicy5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBEYXRlVGltZUNvbXBvbmVudCB9IGZyb20gJy4vZGF0ZS9kYXRlLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IENoZWNrYm94Q29tcG9uZW50IH0gZnJvbSAnLi9jaGVja2JveC9jaGVja2JveC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBGaWVsZHNldENvbXBvbmVudCB9IGZyb20gJy4vZmllbGRzZXQvZmllbGRzZXQuY29tcG9uZW50JztcclxuaW1wb3J0IHsgQ29udGVudENvbXBvbmVudCB9IGZyb20gJy4vY29udGVudC9jb250ZW50LmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFNpZ25hdHVyZUNvbXBvbmVudCB9IGZyb20gJy4vc2lnbmF0dXJlL3NpZ25hdHVyZS5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTdXJ2ZXlDb21wb25lbnQgfSBmcm9tICcuL3N1cnZleS9zdXJ2ZXkuY29tcG9uZW50JztcclxuaW1wb3J0IHsgU2VsZWN0Qm94ZXNDb21wb25lbnQgfSBmcm9tICcuL3NlbGVjdGJveGVzL3NlbGVjdGJveGVzLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFJhZGlvQ29tcG9uZW50IH0gZnJvbSAnLi9yYWRpby9yYWRpby5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTZWxlY3RDb21wb25lbnQgfSBmcm9tICcuL3NlbGVjdC9zZWxlY3QuY29tcG9uZW50JztcclxuaW1wb3J0IHsgV2VsbENvbXBvbmVudCB9IGZyb20gJy4vd2VsbC93ZWxsLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IERhdGFHcmlkQ29tcG9uZW50IH0gZnJvbSAnLi9kYXRhZ3JpZC9kYXRhZ3JpZC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBFZGl0R3JpZENvbXBvbmVudCB9IGZyb20gJy4vZWRpdGdyaWQvZWRpdGdyaWQuY29tcG9uZW50JztcclxuaW1wb3J0IHsgVGFibGVDb21wb25lbnQgfSBmcm9tICcuL3RhYmxlL3RhYmxlLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEZvcm1pb0NvbXBvbmVudCB9IGZyb20gJy4vTWF0ZXJpYWxDb21wb25lbnQnO1xyXG5pbXBvcnQgeyBXaXphcmQgfSBmcm9tICcuL2Zvcm1pby53aXphcmQnO1xyXG5pbXBvcnQgeyBUaW1lQ29tcG9uZW50IH0gZnJvbSAnLi90aW1lL3RpbWUuY29tcG9uZW50J1xyXG5cclxuLy8gU2V0IHRoZSBjb21wb25lbnRzLlxyXG5jb25zdCBjb21wb25lbnRzOiBhbnkgPSB7XHJcbiAgdGV4dGZpZWxkOiBUZXh0RmllbGRDb21wb25lbnQsXHJcbiAgcGFzc3dvcmQ6IFBhc3N3b3JkQ29tcG9uZW50LFxyXG4gIHVybDogVXJsQ29tcG9uZW50LFxyXG4gIGNoZWNrYm94OiBDaGVja2JveENvbXBvbmVudCxcclxuICBlbWFpbDogRW1haWxDb21wb25lbnQsXHJcbiAgcGhvbmVOdW1iZXI6IFBob25lTnVtYmVyQ29tcG9uZW50LFxyXG4gIG51bWJlcjogTnVtYmVyQ29tcG9uZW50LFxyXG4gIGN1cnJlbmN5OiBDdXJyZW5jeUNvbXBvbmVudCxcclxuICBkYXk6IERheUNvbXBvbmVudCxcclxuICBoaWRkZW46IEhpZGRlbkNvbXBvbmVudCxcclxuICBodG1sZWxlbWVudDogSHRtbENvbXBvbmVudCxcclxuICB0YWdzOiBUYWdzQ29tcG9uZW50LFxyXG4gIHRleHRhcmVhOiBUZXh0QXJlYUNvbXBvbmVudCxcclxuICBidXR0b246IEJ1dHRvbkNvbXBvbmVudCxcclxuICBkYXRldGltZTogRGF0ZVRpbWVDb21wb25lbnQsXHJcbiAgcGFuZWw6IFBhbmVsQ29tcG9uZW50LFxyXG4gIGNvbHVtbnM6IENvbHVtbnNDb21wb25lbnQsXHJcbiAgdGFiczogVGFic0NvbXBvbmVudCxcclxuICB0YWJsZTogVGFibGVDb21wb25lbnQsXHJcbiAgd2VsbDogV2VsbENvbXBvbmVudCxcclxuICBmaWVsZHNldDogRmllbGRzZXRDb21wb25lbnQsXHJcbiAgY29udGVudDogQ29udGVudENvbXBvbmVudCxcclxuICBzaWduYXR1cmU6IFNpZ25hdHVyZUNvbXBvbmVudCxcclxuICBzdXJ2ZXk6IFN1cnZleUNvbXBvbmVudCxcclxuICBzZWxlY3Rib3hlczogU2VsZWN0Qm94ZXNDb21wb25lbnQsXHJcbiAgcmFkaW86IFJhZGlvQ29tcG9uZW50LFxyXG4gIHNlbGVjdDogU2VsZWN0Q29tcG9uZW50LFxyXG4gIGNvbnRhaW5lcjogQ29udGFpbmVyQ29tcG9uZW50LFxyXG4gIGRhdGFncmlkOiBEYXRhR3JpZENvbXBvbmVudCxcclxuICBlZGl0Z3JpZDogRWRpdEdyaWRDb21wb25lbnQsXHJcbiAgdW5rbm93bjogRm9ybWlvQ29tcG9uZW50LFxyXG4gIHRpbWU6IFRpbWVDb21wb25lbnQsXHJcbiAgd2l6YXJkOiBXaXphcmRcclxufTtcclxuXHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb21wb25lbnRzKCkge1xyXG4gIGZvciAoY29uc3QgdHlwZSBvZiBPYmplY3Qua2V5cyhjb21wb25lbnRzKSkge1xyXG4gICAgY29uc3QgQ29tcENsYXNzID0gY29tcG9uZW50c1t0eXBlXTtcclxuICAgIENvbXBDbGFzcy5wcm90b3R5cGUucmVuZGVyID0gKGZ1bmN0aW9uICgpIHtcclxuICAgICAgaWYgKHRoaXMubWF0ZXJpYWxDb21wb25lbnQpIHtcclxuICAgICAgICByZXR1cm4gdGhpcy5tYXRlcmlhbENvbXBvbmVudC5yZW5kZXJDb21wb25lbnRzKCk7XHJcbiAgICAgIH1cclxuXHJcbiAgICAgIGNvbnN0IHZpZXdDb250YWluZXIgPSB0aGlzLnBhcmVudCA/IHRoaXMucGFyZW50LnZpZXdDb250YWluZXIodGhpcykgOiB0aGlzLnZpZXdDb250YWluZXIodGhpcyk7XHJcbiAgICAgIGlmICghdmlld0NvbnRhaW5lcikge1xyXG4gICAgICAgIHJldHVybjtcclxuICAgICAgfVxyXG4gICAgICBjb25zdCBmYWN0b3J5ID0gdGhpcy5vcHRpb25zLnZpZXdSZXNvbHZlci5yZXNvbHZlQ29tcG9uZW50RmFjdG9yeShDb21wQ2xhc3MuTWF0ZXJpYWxDb21wb25lbnQpO1xyXG4gICAgICBjb25zdCBjb21wb25lbnRSZWYgPSB2aWV3Q29udGFpbmVyLmNyZWF0ZUNvbXBvbmVudChmYWN0b3J5KTtcclxuICAgICAgKGNvbXBvbmVudFJlZi5pbnN0YW5jZSBhcyBhbnkpLnNldEluc3RhbmNlKHRoaXMpO1xyXG4gICAgfSk7XHJcblxyXG4gICAgY29uc3Qgc2V0VmFsdWUgPSBDb21wQ2xhc3MucHJvdG90eXBlLnNldFZhbHVlO1xyXG4gICAgQ29tcENsYXNzLnByb3RvdHlwZS5zZXRWYWx1ZSA9IChmdW5jdGlvbiAoLi4uYXJncykge1xyXG4gICAgICBpZiAodGhpcy5tYXRlcmlhbENvbXBvbmVudCkge1xyXG4gICAgICAgIHRoaXMubWF0ZXJpYWxDb21wb25lbnQuc2V0VmFsdWUoYXJnc1swXSk7XHJcbiAgICAgIH1cclxuICAgICAgcmV0dXJuIHNldFZhbHVlLmNhbGwodGhpcywgLi4uYXJncyk7XHJcbiAgICB9KTtcclxuXHJcbiAgICBjb21wb25lbnRzW3R5cGVdID0gQ29tcENsYXNzO1xyXG4gIH1cclxuXHJcbiAgcmV0dXJuIGNvbXBvbmVudHM7XHJcbn1cclxuXHJcbmV4cG9ydCBmdW5jdGlvbiByZWdpc3RlckNvbXBvbmVudChuYW1lOiBzdHJpbmcsIENvbXBDbGFzczogYW55KSB7XHJcblxyXG4gIGNsYXNzIER1bW15Q29tcG9uZW50IGV4dGVuZHMgQ29tcG9uZW50IHt9O1xyXG4gIGNvbnN0IGZvcm1JT0NvbXAgPSAoRHVtbXlDb21wb25lbnQgYXMgYW55KTtcclxuXHJcbiAgZm9ybUlPQ29tcC5NYXRlcmlhbENvbXBvbmVudCA9IENvbXBDbGFzcztcclxuICBmb3JtSU9Db21wLnByb3RvdHlwZS5yZW5kZXIgPSAoZnVuY3Rpb24gKCkge1xyXG4gICAgaWYgKHRoaXMubWF0ZXJpYWxDb21wb25lbnQpIHtcclxuICAgICAgcmV0dXJuIHRoaXMubWF0ZXJpYWxDb21wb25lbnQ7XHJcbiAgICB9XHJcbiAgICBjb25zdCB2aWV3Q29udGFpbmVyID0gdGhpcy5wYXJlbnQgPyB0aGlzLnBhcmVudC52aWV3Q29udGFpbmVyKHRoaXMpIDogdGhpcy52aWV3Q29udGFpbmVyKHRoaXMpO1xyXG4gICAgaWYgKCF2aWV3Q29udGFpbmVyKSB7XHJcbiAgICAgIHJldHVybjtcclxuICAgIH1cclxuICAgIGNvbnN0IGZhY3RvcnkgPSB0aGlzLm9wdGlvbnMudmlld1Jlc29sdmVyLnJlc29sdmVDb21wb25lbnRGYWN0b3J5KGZvcm1JT0NvbXAuTWF0ZXJpYWxDb21wb25lbnQpO1xyXG4gICAgY29uc3QgY29tcG9uZW50UmVmID0gdmlld0NvbnRhaW5lci5jcmVhdGVDb21wb25lbnQoZmFjdG9yeSk7XHJcbiAgICAoY29tcG9uZW50UmVmLmluc3RhbmNlIGFzIGFueSkuc2V0SW5zdGFuY2UodGhpcyk7XHJcbiAgfSk7XHJcblxyXG4gIGNvbnN0IHNldFZhbHVlID0gZm9ybUlPQ29tcC5wcm90b3R5cGUuc2V0VmFsdWU7XHJcbiAgZm9ybUlPQ29tcC5wcm90b3R5cGUuc2V0VmFsdWUgPSAoZnVuY3Rpb24gKC4uLmFyZ3MpIHtcclxuICAgIGlmICh0aGlzLm1hdGVyaWFsQ29tcG9uZW50KSB7XHJcbiAgICAgIHRoaXMubWF0ZXJpYWxDb21wb25lbnQuc2V0VmFsdWUoYXJnc1swXSk7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gc2V0VmFsdWUuY2FsbCh0aGlzLCAuLi5hcmdzKTtcclxuICB9KTtcclxuXHJcbiAgQ29tcG9uZW50cy5hZGRDb21wb25lbnQobmFtZSwgZm9ybUlPQ29tcCk7XHJcblxyXG59XHJcbiJdfQ==
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/common";
|
|
4
|
-
import * as i2 from "@angular/material/form-field";
|
|
5
|
-
import * as i3 from "@angular/material/tooltip";
|
|
6
|
-
import * as i4 from "@angular/material/icon";
|
|
7
|
-
export class LabelComponent {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
}
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
12
|
-
type: Component,
|
|
13
|
-
args: [{ selector: 'span[matFormioLabel]', template: "<ng-container *ngIf=\"instance\">\r\n {{ instance.component.label }}<span class=\"required-star\" *ngIf=\"instance.component.validate.required\">*</span>\r\n <mat-icon *ngIf=\"instance.component.tooltip\" style=\"font-size: 1rem;\"\r\n matTooltip=\"{{ instance.component.tooltip }}\" matSuffix\r\n >\r\n info\r\n </mat-icon>\r\n</ng-container>\r\n", styles: [":host{pointer-events:all;display:block}.required-star{margin-left:.2rem;color:red;font-size:.8rem;vertical-align:top}\n"] }]
|
|
14
|
-
}], propDecorators: { instance: [{
|
|
15
|
-
type: Input
|
|
16
|
-
}] } });
|
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "@angular/material/form-field";
|
|
5
|
+
import * as i3 from "@angular/material/tooltip";
|
|
6
|
+
import * as i4 from "@angular/material/icon";
|
|
7
|
+
export class LabelComponent {
|
|
8
|
+
}
|
|
9
|
+
LabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: LabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
+
LabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: LabelComponent, selector: "span[matFormioLabel]", inputs: { instance: "instance" }, ngImport: i0, template: "<ng-container *ngIf=\"instance\">\r\n {{ instance.component.label }}<span class=\"required-star\" *ngIf=\"instance.component.validate.required\">*</span>\r\n <mat-icon *ngIf=\"instance.component.tooltip\" style=\"font-size: 1rem;\"\r\n matTooltip=\"{{ instance.component.tooltip }}\" matSuffix\r\n >\r\n info\r\n </mat-icon>\r\n</ng-container>\r\n", styles: [":host{pointer-events:all;display:block}.required-star{margin-left:.2rem;color:red;font-size:.8rem;vertical-align:top}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix]" }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: LabelComponent, decorators: [{
|
|
12
|
+
type: Component,
|
|
13
|
+
args: [{ selector: 'span[matFormioLabel]', template: "<ng-container *ngIf=\"instance\">\r\n {{ instance.component.label }}<span class=\"required-star\" *ngIf=\"instance.component.validate.required\">*</span>\r\n <mat-icon *ngIf=\"instance.component.tooltip\" style=\"font-size: 1rem;\"\r\n matTooltip=\"{{ instance.component.tooltip }}\" matSuffix\r\n >\r\n info\r\n </mat-icon>\r\n</ng-container>\r\n", styles: [":host{pointer-events:all;display:block}.required-star{margin-left:.2rem;color:red;font-size:.8rem;vertical-align:top}\n"] }]
|
|
14
|
+
}], propDecorators: { instance: [{
|
|
15
|
+
type: Input
|
|
16
|
+
}] } });
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFiZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXJlbmRlci1tYXRlcmlhbC1mb3Jtcy9zcmMvbGliL2NvbXBvbmVudHMvbGFiZWwvbGFiZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXJlbmRlci1tYXRlcmlhbC1mb3Jtcy9zcmMvbGliL2NvbXBvbmVudHMvbGFiZWwvbGFiZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7OztBQVFqRCxNQUFNLE9BQU8sY0FBYzs7MkdBQWQsY0FBYzsrRkFBZCxjQUFjLDhGQ1IzQiwrV0FRQTsyRkRBYSxjQUFjO2tCQU4xQixTQUFTOytCQUVFLHNCQUFzQjs4QkFLdkIsUUFBUTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIC8vIHRzbGludDpkaXNhYmxlLW5leHQtbGluZTpjb21wb25lbnQtc2VsZWN0b3JcclxuICBzZWxlY3RvcjogJ3NwYW5bbWF0Rm9ybWlvTGFiZWxdJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vbGFiZWwuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2xhYmVsLmNvbXBvbmVudC5jc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgTGFiZWxDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIGluc3RhbmNlO1xyXG59XHJcbiIsIjxuZy1jb250YWluZXIgKm5nSWY9XCJpbnN0YW5jZVwiPlxyXG4gIHt7IGluc3RhbmNlLmNvbXBvbmVudC5sYWJlbCB9fTxzcGFuIGNsYXNzPVwicmVxdWlyZWQtc3RhclwiICpuZ0lmPVwiaW5zdGFuY2UuY29tcG9uZW50LnZhbGlkYXRlLnJlcXVpcmVkXCI+Kjwvc3Bhbj5cclxuICA8bWF0LWljb24gKm5nSWY9XCJpbnN0YW5jZS5jb21wb25lbnQudG9vbHRpcFwiIHN0eWxlPVwiZm9udC1zaXplOiAxcmVtO1wiXHJcbiAgICAgICAgICAgIG1hdFRvb2x0aXA9XCJ7eyBpbnN0YW5jZS5jb21wb25lbnQudG9vbHRpcCB9fVwiIG1hdFN1ZmZpeFxyXG4gID5cclxuICAgIGluZm9cclxuICA8L21hdC1pY29uPlxyXG48L25nLWNvbnRhaW5lcj5cclxuIl19
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import { MaterialTextfieldComponent, TEXTFIELD_TEMPLATE } from '../textfield/textfield.component';
|
|
3
|
+
import NumberComponent from 'formiojs/components/number/Number.js';
|
|
4
|
+
import _ from 'lodash';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "@angular/common";
|
|
7
|
+
import * as i2 from "@angular/forms";
|
|
8
|
+
import * as i3 from "@angular/material/form-field";
|
|
9
|
+
import * as i4 from "@angular/material/input";
|
|
10
|
+
import * as i5 from "@angular/flex-layout/flex";
|
|
11
|
+
import * as i6 from "@angular/flex-layout/extended";
|
|
12
|
+
import * as i7 from "../formio-form-field/formio-form-field.component";
|
|
13
|
+
import * as i8 from "../label/label.component";
|
|
14
|
+
export class MaterialNumberComponent extends MaterialTextfieldComponent {
|
|
15
|
+
constructor(element, ref, renderer) {
|
|
16
|
+
super(element, ref);
|
|
17
|
+
this.element = element;
|
|
18
|
+
this.ref = ref;
|
|
19
|
+
this.renderer = renderer;
|
|
20
|
+
this.inputType = 'text';
|
|
21
|
+
}
|
|
22
|
+
ngAfterViewInit() {
|
|
23
|
+
super.ngAfterViewInit();
|
|
24
|
+
if (this.instance) {
|
|
25
|
+
const { instance } = this;
|
|
26
|
+
this.renderer.listen(this.input.nativeElement, 'blur', () => {
|
|
27
|
+
let value = instance.parseValue(this.control.value);
|
|
28
|
+
value = instance.formatValue(value);
|
|
29
|
+
value = instance.getValueAsString(value);
|
|
30
|
+
this.control.setValue(value);
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
getValue() {
|
|
35
|
+
let value = this.control.value;
|
|
36
|
+
if (value && this.instance) {
|
|
37
|
+
value = value.replace(this.instance.prefix, '');
|
|
38
|
+
return !_.isNil(value) && value !== '' ? this.instance.parseNumber(value) : value;
|
|
39
|
+
}
|
|
40
|
+
return value;
|
|
41
|
+
}
|
|
42
|
+
setValue(value) {
|
|
43
|
+
if (this.instance) {
|
|
44
|
+
const { instance } = this;
|
|
45
|
+
value = instance.formatValue(instance.parseValue(value));
|
|
46
|
+
}
|
|
47
|
+
else {
|
|
48
|
+
value = value.toString();
|
|
49
|
+
}
|
|
50
|
+
return super.setValue(value);
|
|
51
|
+
}
|
|
52
|
+
onChange() {
|
|
53
|
+
super.onChange(true);
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
MaterialNumberComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MaterialNumberComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
57
|
+
MaterialNumberComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: MaterialNumberComponent, selector: "mat-formio-number", usesInheritance: true, ngImport: i0, template: "\n <mat-formio-form-field [instance]=\"instance\" [componentTemplate]=\"componentTemplate\"></mat-formio-form-field>\n <ng-template #componentTemplate let-hasLabel>\n <mat-form-field [appearance]=\"getFormFieldAppearance()\" fxFill>\n\n <mat-label *ngIf=\"hasLabel\">\n <span [instance]=\"instance\" matFormioLabel></span>\n </mat-label>\n\n <span *ngIf=\"instance.component.prefix && instance.type !== 'currency'\"\n matPrefix\n >\n {{ instance.component.prefix }} \n </span>\n <input matInput\n type=\"{{ inputType }}\"\n [formControl]=\"control\"\n [placeholder]=\"instance.component.placeholder\"\n (input)=\"onChange()\" #input\n [ngClass]=\"{ 'show-invalid': inputType=='email' }\"\n >\n <span *ngIf=\"instance.component.suffix\" matSuffix>{{ instance.component.suffix }}</span>\n\n <mat-hint *ngIf=\"instance.component.showWordCount || instance.component.showCharCount\">\n {{ getHint() }}\n </mat-hint>\n\n <br/>\n <mat-error *ngIf=\"isError()\" >{{ getErrorMessage() }}</mat-error>\n </mat-form-field>\n </ng-template>\n", isInline: true, 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.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: 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.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatPrefix, selector: "[matPrefix]" }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix]" }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i5.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "directive", type: i6.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "component", type: i7.FormioFormFieldComponent, selector: "mat-formio-form-field", inputs: ["labelTemplate", "renderTopLabel", "showDescription", "renderElementOnly", "instance", "componentTemplate"] }, { kind: "component", type: i8.LabelComponent, selector: "span[matFormioLabel]", inputs: ["instance"] }] });
|
|
58
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MaterialNumberComponent, decorators: [{
|
|
59
|
+
type: Component,
|
|
60
|
+
args: [{
|
|
61
|
+
selector: 'mat-formio-number',
|
|
62
|
+
template: TEXTFIELD_TEMPLATE
|
|
63
|
+
}]
|
|
64
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }]; } });
|
|
65
|
+
NumberComponent.MaterialComponent = MaterialNumberComponent;
|
|
66
|
+
export { NumberComponent };
|
|
67
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibnVtYmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1yZW5kZXItbWF0ZXJpYWwtZm9ybXMvc3JjL2xpYi9jb21wb25lbnRzL251bWJlci9udW1iZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBb0MsU0FBUyxFQUF5QixNQUFNLGVBQWUsQ0FBQztBQUNuRyxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNsRyxPQUFPLGVBQWUsTUFBTSxzQ0FBc0MsQ0FBQztBQUNuRSxPQUFPLENBQUMsTUFBTSxRQUFRLENBQUM7Ozs7Ozs7Ozs7QUFNdkIsTUFBTSxPQUFPLHVCQUF3QixTQUFRLDBCQUEwQjtJQUdyRSxZQUFtQixPQUFtQixFQUFTLEdBQXNCLEVBQVUsUUFBbUI7UUFDaEcsS0FBSyxDQUFDLE9BQU8sRUFBRSxHQUFHLENBQUMsQ0FBQztRQURILFlBQU8sR0FBUCxPQUFPLENBQVk7UUFBUyxRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQUFVLGFBQVEsR0FBUixRQUFRLENBQVc7UUFGM0YsY0FBUyxHQUFHLE1BQU0sQ0FBQztJQUkxQixDQUFDO0lBRUQsZUFBZTtRQUNiLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUN4QixJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDakIsTUFBTSxFQUFFLFFBQVEsRUFBRSxHQUFHLElBQUksQ0FBQztZQUV4QixJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFFO2dCQUMxRCxJQUFJLEtBQUssR0FBRyxRQUFRLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLENBQUM7Z0JBQ3BELEtBQUssR0FBRyxRQUFRLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxDQUFDO2dCQUNwQyxLQUFLLEdBQUcsUUFBUSxDQUFDLGdCQUFnQixDQUFDLEtBQUssQ0FBQyxDQUFDO2dCQUN6QyxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUMvQixDQUFDLENBQUMsQ0FBQztTQUVOO0lBQ0gsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLEtBQUssR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQztRQUMvQixJQUFJLEtBQUssSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQzFCLEtBQUssR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQyxDQUFDO1lBQ2hELE9BQU8sQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxJQUFJLEtBQUssS0FBSyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUM7U0FDbkY7UUFDRCxPQUFPLEtBQUssQ0FBQztJQUNmLENBQUM7SUFFRCxRQUFRLENBQUMsS0FBSztRQUNaLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNqQixNQUFNLEVBQUUsUUFBUSxFQUFFLEdBQUcsSUFBSSxDQUFDO1lBQzFCLEtBQUssR0FBRyxRQUFRLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztTQUMxRDthQUNJO1lBQ0gsS0FBSyxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztTQUMxQjtRQUVELE9BQU8sS0FBSyxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMvQixDQUFDO0lBRUQsUUFBUTtRQUNOLEtBQUssQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDdkIsQ0FBQzs7b0hBN0NVLHVCQUF1Qjt3R0FBdkIsdUJBQXVCOzJGQUF2Qix1QkFBdUI7a0JBSm5DLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLG1CQUFtQjtvQkFDN0IsUUFBUSxFQUFFLGtCQUFrQjtpQkFDN0I7O0FBZ0RELGVBQWUsQ0FBQyxpQkFBaUIsR0FBRyx1QkFBdUIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsZUFBZSxFQUFFLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlclZpZXdJbml0LCBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBSZW5kZXJlcjIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTWF0ZXJpYWxUZXh0ZmllbGRDb21wb25lbnQsIFRFWFRGSUVMRF9URU1QTEFURSB9IGZyb20gJy4uL3RleHRmaWVsZC90ZXh0ZmllbGQuY29tcG9uZW50JztcclxuaW1wb3J0IE51bWJlckNvbXBvbmVudCBmcm9tICdmb3JtaW9qcy9jb21wb25lbnRzL251bWJlci9OdW1iZXIuanMnO1xyXG5pbXBvcnQgXyBmcm9tICdsb2Rhc2gnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdtYXQtZm9ybWlvLW51bWJlcicsXHJcbiAgdGVtcGxhdGU6IFRFWFRGSUVMRF9URU1QTEFURVxyXG59KVxyXG5leHBvcnQgY2xhc3MgTWF0ZXJpYWxOdW1iZXJDb21wb25lbnQgZXh0ZW5kcyBNYXRlcmlhbFRleHRmaWVsZENvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xyXG4gIHB1YmxpYyBpbnB1dFR5cGUgPSAndGV4dCc7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBlbGVtZW50OiBFbGVtZW50UmVmLCBwdWJsaWMgcmVmOiBDaGFuZ2VEZXRlY3RvclJlZiwgcHJpdmF0ZSByZW5kZXJlcjogUmVuZGVyZXIyKSB7XHJcbiAgICBzdXBlcihlbGVtZW50LCByZWYpO1xyXG4gIH1cclxuXHJcbiAgbmdBZnRlclZpZXdJbml0KCkge1xyXG4gICAgc3VwZXIubmdBZnRlclZpZXdJbml0KCk7XHJcbiAgICBpZiAodGhpcy5pbnN0YW5jZSkge1xyXG4gICAgICBjb25zdCB7IGluc3RhbmNlIH0gPSB0aGlzO1xyXG5cclxuICAgICAgICB0aGlzLnJlbmRlcmVyLmxpc3Rlbih0aGlzLmlucHV0Lm5hdGl2ZUVsZW1lbnQsICdibHVyJywgKCkgPT4ge1xyXG4gICAgICAgICAgbGV0IHZhbHVlID0gaW5zdGFuY2UucGFyc2VWYWx1ZSh0aGlzLmNvbnRyb2wudmFsdWUpO1xyXG4gICAgICAgICAgdmFsdWUgPSBpbnN0YW5jZS5mb3JtYXRWYWx1ZSh2YWx1ZSk7XHJcbiAgICAgICAgICB2YWx1ZSA9IGluc3RhbmNlLmdldFZhbHVlQXNTdHJpbmcodmFsdWUpO1xyXG4gICAgICAgICAgdGhpcy5jb250cm9sLnNldFZhbHVlKHZhbHVlKTtcclxuICAgICAgICB9KTtcclxuXHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBnZXRWYWx1ZSgpIHtcclxuICAgIGxldCB2YWx1ZSA9IHRoaXMuY29udHJvbC52YWx1ZTtcclxuICAgIGlmICh2YWx1ZSAmJiB0aGlzLmluc3RhbmNlKSB7XHJcbiAgICAgIHZhbHVlID0gdmFsdWUucmVwbGFjZSh0aGlzLmluc3RhbmNlLnByZWZpeCwgJycpO1xyXG4gICAgICByZXR1cm4gIV8uaXNOaWwodmFsdWUpICYmIHZhbHVlICE9PSAnJyA/IHRoaXMuaW5zdGFuY2UucGFyc2VOdW1iZXIodmFsdWUpIDogdmFsdWU7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gdmFsdWU7XHJcbiAgfVxyXG5cclxuICBzZXRWYWx1ZSh2YWx1ZSkge1xyXG4gICAgaWYgKHRoaXMuaW5zdGFuY2UpIHtcclxuICAgICAgY29uc3QgeyBpbnN0YW5jZSB9ID0gdGhpcztcclxuICAgICAgdmFsdWUgPSBpbnN0YW5jZS5mb3JtYXRWYWx1ZShpbnN0YW5jZS5wYXJzZVZhbHVlKHZhbHVlKSk7XHJcbiAgICB9XHJcbiAgICBlbHNlIHtcclxuICAgICAgdmFsdWUgPSB2YWx1ZS50b1N0cmluZygpO1xyXG4gICAgfVxyXG5cclxuICAgIHJldHVybiBzdXBlci5zZXRWYWx1ZSh2YWx1ZSk7XHJcbiAgfVxyXG5cclxuICBvbkNoYW5nZSgpIHtcclxuICAgIHN1cGVyLm9uQ2hhbmdlKHRydWUpO1xyXG4gIH1cclxufVxyXG5OdW1iZXJDb21wb25lbnQuTWF0ZXJpYWxDb21wb25lbnQgPSBNYXRlcmlhbE51bWJlckNvbXBvbmVudDtcclxuZXhwb3J0IHsgTnVtYmVyQ29tcG9uZW50IH07XHJcbiJdfQ==
|