@dereekb/dbx-form 0.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -0
- package/dereekb-dbx-form.d.ts +5 -0
- package/esm2020/dereekb-dbx-form.mjs +5 -0
- package/esm2020/index.mjs +2 -0
- package/esm2020/lib/form/action/form.action.directive.mjs +131 -0
- package/esm2020/lib/form/action/form.action.module.mjs +30 -0
- package/esm2020/lib/form/action/index.mjs +3 -0
- package/esm2020/lib/form/form.changes.directive.mjs +33 -0
- package/esm2020/lib/form/form.input.directive.mjs +49 -0
- package/esm2020/lib/form/form.mjs +20 -0
- package/esm2020/lib/form/form.module.mjs +36 -0
- package/esm2020/lib/form/index.mjs +7 -0
- package/esm2020/lib/form/loading/form.loading.directive.mjs +52 -0
- package/esm2020/lib/form/loading/index.mjs +2 -0
- package/esm2020/lib/formly/field/checklist/checklist.item.field.component.mjs +91 -0
- package/esm2020/lib/formly/field/checklist/checklist.item.field.content.default.component.mjs +38 -0
- package/esm2020/lib/formly/field/checklist/checklist.item.field.mjs +119 -0
- package/esm2020/lib/formly/field/checklist/checklist.item.field.module.mjs +81 -0
- package/esm2020/lib/formly/field/checklist/checklist.item.mjs +2 -0
- package/esm2020/lib/formly/field/checklist/index.mjs +6 -0
- package/esm2020/lib/formly/field/component/component.field.component.mjs +35 -0
- package/esm2020/lib/formly/field/component/component.field.mjs +7 -0
- package/esm2020/lib/formly/field/component/component.field.module.mjs +42 -0
- package/esm2020/lib/formly/field/component/index.mjs +4 -0
- package/esm2020/lib/formly/field/field.mjs +21 -0
- package/esm2020/lib/formly/field/index.mjs +7 -0
- package/esm2020/lib/formly/field/selection/index.mjs +4 -0
- package/esm2020/lib/formly/field/selection/pickable/index.mjs +6 -0
- package/esm2020/lib/formly/field/selection/pickable/pickable.chip.field.component.mjs +30 -0
- package/esm2020/lib/formly/field/selection/pickable/pickable.field.directive.mjs +244 -0
- package/esm2020/lib/formly/field/selection/pickable/pickable.field.module.mjs +96 -0
- package/esm2020/lib/formly/field/selection/pickable/pickable.list.field.component.mjs +30 -0
- package/esm2020/lib/formly/field/selection/pickable/pickable.mjs +2 -0
- package/esm2020/lib/formly/field/selection/searchable/index.mjs +9 -0
- package/esm2020/lib/formly/field/selection/searchable/searchable.chip.field.component.mjs +45 -0
- package/esm2020/lib/formly/field/selection/searchable/searchable.field.autocomplete.item.component.mjs +73 -0
- package/esm2020/lib/formly/field/selection/searchable/searchable.field.directive.mjs +237 -0
- package/esm2020/lib/formly/field/selection/searchable/searchable.field.mjs +45 -0
- package/esm2020/lib/formly/field/selection/searchable/searchable.field.module.mjs +107 -0
- package/esm2020/lib/formly/field/selection/searchable/searchable.mjs +2 -0
- package/esm2020/lib/formly/field/selection/searchable/searchable.text.field.component.mjs +31 -0
- package/esm2020/lib/formly/field/selection/searchable/text.chip.field.mjs +15 -0
- package/esm2020/lib/formly/field/selection/selection.mjs +2 -0
- package/esm2020/lib/formly/field/value/array/array.field.component.mjs +87 -0
- package/esm2020/lib/formly/field/value/array/array.field.module.mjs +52 -0
- package/esm2020/lib/formly/field/value/array/index.mjs +3 -0
- package/esm2020/lib/formly/field/value/boolean/boolean.field.mjs +50 -0
- package/esm2020/lib/formly/field/value/boolean/boolean.field.module.mjs +16 -0
- package/esm2020/lib/formly/field/value/boolean/index.mjs +3 -0
- package/esm2020/lib/formly/field/value/date/date.field.mjs +36 -0
- package/esm2020/lib/formly/field/value/date/date.field.module.mjs +87 -0
- package/esm2020/lib/formly/field/value/date/datetime.field.component.mjs +226 -0
- package/esm2020/lib/formly/field/value/date/index.mjs +4 -0
- package/esm2020/lib/formly/field/value/enum/enum.field.mjs +18 -0
- package/esm2020/lib/formly/field/value/enum/enum.mjs +2 -0
- package/esm2020/lib/formly/field/value/enum/index.mjs +4 -0
- package/esm2020/lib/formly/field/value/hidden.field.mjs +8 -0
- package/esm2020/lib/formly/field/value/index.mjs +8 -0
- package/esm2020/lib/formly/field/value/phone/index.mjs +4 -0
- package/esm2020/lib/formly/field/value/phone/phone.field.component.mjs +44 -0
- package/esm2020/lib/formly/field/value/phone/phone.field.mjs +64 -0
- package/esm2020/lib/formly/field/value/phone/phone.field.module.mjs +67 -0
- package/esm2020/lib/formly/field/value/text/index.mjs +4 -0
- package/esm2020/lib/formly/field/value/text/text.address.field.mjs +65 -0
- package/esm2020/lib/formly/field/value/text/text.field.mjs +125 -0
- package/esm2020/lib/formly/field/value/text/text.field.module.mjs +19 -0
- package/esm2020/lib/formly/field/wrapper/autotouch.wrapper.component.mjs +26 -0
- package/esm2020/lib/formly/field/wrapper/expandable.wrapper.component.mjs +83 -0
- package/esm2020/lib/formly/field/wrapper/flex.wrapper.component.mjs +22 -0
- package/esm2020/lib/formly/field/wrapper/flex.wrapper.layout.mjs +20 -0
- package/esm2020/lib/formly/field/wrapper/form.wrapper.module.mjs +84 -0
- package/esm2020/lib/formly/field/wrapper/index.mjs +11 -0
- package/esm2020/lib/formly/field/wrapper/info.wrapper.component.mjs +47 -0
- package/esm2020/lib/formly/field/wrapper/section.wrapper.component.mjs +35 -0
- package/esm2020/lib/formly/field/wrapper/subsection.wrapper.component.mjs +35 -0
- package/esm2020/lib/formly/field/wrapper/toggle.wrapper.component.mjs +58 -0
- package/esm2020/lib/formly/field/wrapper/toggle.wrapper.mjs +10 -0
- package/esm2020/lib/formly/formly.component.mjs +134 -0
- package/esm2020/lib/formly/formly.context.mjs +111 -0
- package/esm2020/lib/formly/formly.directive.mjs +101 -0
- package/esm2020/lib/formly/formly.module.mjs +59 -0
- package/esm2020/lib/formly/index.mjs +6 -0
- package/esm2020/lib/index.mjs +5 -0
- package/esm2020/lib/layout/form.layout.module.mjs +26 -0
- package/esm2020/lib/layout/form.spacer.component.mjs +17 -0
- package/esm2020/lib/layout/index.mjs +3 -0
- package/esm2020/lib/validator/boolean.mjs +12 -0
- package/esm2020/lib/validator/email.mjs +6 -0
- package/esm2020/lib/validator/index.mjs +4 -0
- package/esm2020/lib/validator/number.mjs +21 -0
- package/fesm2015/dereekb-dbx-form.mjs +3295 -0
- package/fesm2015/dereekb-dbx-form.mjs.map +1 -0
- package/fesm2020/dereekb-dbx-form.mjs +3289 -0
- package/fesm2020/dereekb-dbx-form.mjs.map +1 -0
- package/index.d.ts +1 -0
- package/lib/form/action/form.action.directive.d.ts +44 -0
- package/lib/form/action/form.action.module.d.ts +9 -0
- package/lib/form/action/index.d.ts +2 -0
- package/lib/form/form.changes.directive.d.ts +15 -0
- package/lib/form/form.d.ts +51 -0
- package/lib/form/form.input.directive.d.ts +18 -0
- package/lib/form/form.module.d.ts +10 -0
- package/lib/form/index.d.ts +6 -0
- package/lib/form/loading/form.loading.directive.d.ts +19 -0
- package/lib/form/loading/index.d.ts +1 -0
- package/lib/formly/field/checklist/checklist.item.d.ts +38 -0
- package/lib/formly/field/checklist/checklist.item.field.component.d.ts +48 -0
- package/lib/formly/field/checklist/checklist.item.field.content.default.component.d.ts +10 -0
- package/lib/formly/field/checklist/checklist.item.field.d.ts +50 -0
- package/lib/formly/field/checklist/checklist.item.field.module.d.ts +18 -0
- package/lib/formly/field/checklist/index.d.ts +5 -0
- package/lib/formly/field/component/component.field.component.d.ts +22 -0
- package/lib/formly/field/component/component.field.d.ts +6 -0
- package/lib/formly/field/component/component.field.module.d.ts +10 -0
- package/lib/formly/field/component/index.d.ts +3 -0
- package/lib/formly/field/field.d.ts +31 -0
- package/lib/formly/field/index.d.ts +6 -0
- package/lib/formly/field/selection/index.d.ts +3 -0
- package/lib/formly/field/selection/pickable/index.d.ts +5 -0
- package/lib/formly/field/selection/pickable/pickable.chip.field.component.d.ts +10 -0
- package/lib/formly/field/selection/pickable/pickable.d.ts +28 -0
- package/lib/formly/field/selection/pickable/pickable.field.directive.d.ts +155 -0
- package/lib/formly/field/selection/pickable/pickable.field.module.d.ts +20 -0
- package/lib/formly/field/selection/pickable/pickable.list.field.component.d.ts +11 -0
- package/lib/formly/field/selection/searchable/index.d.ts +8 -0
- package/lib/formly/field/selection/searchable/searchable.chip.field.component.d.ts +16 -0
- package/lib/formly/field/selection/searchable/searchable.d.ts +40 -0
- package/lib/formly/field/selection/searchable/searchable.field.autocomplete.item.component.d.ts +20 -0
- package/lib/formly/field/selection/searchable/searchable.field.d.ts +16 -0
- package/lib/formly/field/selection/searchable/searchable.field.directive.d.ts +131 -0
- package/lib/formly/field/selection/searchable/searchable.field.module.d.ts +21 -0
- package/lib/formly/field/selection/searchable/searchable.text.field.component.d.ts +15 -0
- package/lib/formly/field/selection/searchable/text.chip.field.d.ts +9 -0
- package/lib/formly/field/selection/selection.d.ts +25 -0
- package/lib/formly/field/value/array/array.field.component.d.ts +22 -0
- package/lib/formly/field/value/array/array.field.module.d.ts +13 -0
- package/lib/formly/field/value/array/index.d.ts +2 -0
- package/lib/formly/field/value/boolean/boolean.field.d.ts +8 -0
- package/lib/formly/field/value/boolean/boolean.field.module.d.ts +6 -0
- package/lib/formly/field/value/boolean/index.d.ts +2 -0
- package/lib/formly/field/value/date/date.field.d.ts +13 -0
- package/lib/formly/field/value/date/date.field.module.d.ts +21 -0
- package/lib/formly/field/value/date/datetime.field.component.d.ts +105 -0
- package/lib/formly/field/value/date/index.d.ts +3 -0
- package/lib/formly/field/value/enum/enum.d.ts +4 -0
- package/lib/formly/field/value/enum/enum.field.d.ts +14 -0
- package/lib/formly/field/value/enum/index.d.ts +2 -0
- package/lib/formly/field/value/hidden.field.d.ts +5 -0
- package/lib/formly/field/value/index.d.ts +7 -0
- package/lib/formly/field/value/phone/index.d.ts +3 -0
- package/lib/formly/field/value/phone/phone.field.component.d.ts +24 -0
- package/lib/formly/field/value/phone/phone.field.d.ts +26 -0
- package/lib/formly/field/value/phone/phone.field.module.d.ts +16 -0
- package/lib/formly/field/value/text/index.d.ts +3 -0
- package/lib/formly/field/value/text/text.address.field.d.ts +12 -0
- package/lib/formly/field/value/text/text.field.d.ts +42 -0
- package/lib/formly/field/value/text/text.field.module.d.ts +7 -0
- package/lib/formly/field/wrapper/autotouch.wrapper.component.d.ts +11 -0
- package/lib/formly/field/wrapper/expandable.wrapper.component.d.ts +43 -0
- package/lib/formly/field/wrapper/flex.wrapper.component.d.ts +6 -0
- package/lib/formly/field/wrapper/flex.wrapper.layout.d.ts +10 -0
- package/lib/formly/field/wrapper/form.wrapper.module.d.ts +19 -0
- package/lib/formly/field/wrapper/index.d.ts +10 -0
- package/lib/formly/field/wrapper/info.wrapper.component.d.ts +17 -0
- package/lib/formly/field/wrapper/section.wrapper.component.d.ts +8 -0
- package/lib/formly/field/wrapper/subsection.wrapper.component.d.ts +8 -0
- package/lib/formly/field/wrapper/toggle.wrapper.component.d.ts +24 -0
- package/lib/formly/field/wrapper/toggle.wrapper.d.ts +7 -0
- package/lib/formly/formly.component.d.ts +36 -0
- package/lib/formly/formly.context.d.ts +57 -0
- package/lib/formly/formly.directive.d.ts +50 -0
- package/lib/formly/formly.module.d.ts +11 -0
- package/lib/formly/index.d.ts +5 -0
- package/lib/index.d.ts +4 -0
- package/lib/layout/form.layout.module.d.ts +8 -0
- package/lib/layout/form.spacer.component.d.ts +8 -0
- package/lib/layout/index.d.ts +2 -0
- package/lib/validator/boolean.d.ts +2 -0
- package/lib/validator/email.d.ts +3 -0
- package/lib/validator/index.d.ts +3 -0
- package/lib/validator/number.d.ts +2 -0
- package/package.json +67 -0
- package/src/_index.scss +11 -0
- package/src/lib/form/_form.scss +26 -0
- package/src/lib/formly/_formly.scss +26 -0
- package/src/lib/formly/field/_field.scss +33 -0
- package/src/lib/formly/field/checklist/_checklist.scss +26 -0
- package/src/lib/formly/field/checklist/checklist.item_TODO.scss +57 -0
- package/src/lib/formly/field/component/_component.scss +26 -0
- package/src/lib/formly/field/fields_TODO.scss +4 -0
- package/src/lib/formly/field/selection/_selection.scss +17 -0
- package/src/lib/formly/field/selection/generic_TODO.scss +36 -0
- package/src/lib/formly/field/selection/pickable/_pickable.scss +26 -0
- package/src/lib/formly/field/selection/searchable/_searchable.scss +26 -0
- package/src/lib/formly/field/texteditor/_texteditor.scss +26 -0
- package/src/lib/formly/field/texteditor/texteditor_TODO.scss +32 -0
- package/src/lib/formly/field/value/_value.scss +33 -0
- package/src/lib/formly/field/value/array/_array.scss +26 -0
- package/src/lib/formly/field/value/boolean/_boolean.scss +26 -0
- package/src/lib/formly/field/value/date/_date.scss +26 -0
- package/src/lib/formly/field/value/date/date_TODO.scss +27 -0
- package/src/lib/formly/field/value/enum/_enum.scss +26 -0
- package/src/lib/formly/field/value/phone/_phone.scss +26 -0
- package/src/lib/formly/field/value/phone/phone_TODO.scss +10 -0
- package/src/lib/formly/field/value/text/_text.scss +26 -0
- package/src/lib/formly/field/wrapper/_wrapper.scss +26 -0
- package/src/lib/formly/field/wrapper/wrapper_TODO.scss +34 -0
- package/src/lib/formly/form_TODO.scss +153 -0
- package/src/lib/layout/_layout.scss +26 -0
- package/src/lib/style/_all-core.scss +12 -0
- package/src/lib/style/_all-theme.scss +12 -0
- package/src/lib/style/_all-typography.scss +12 -0
- package/src/lib/style/_config.scss +20 -0
- package/src/lib/style/_core.scss +9 -0
- package/src/lib/style/_mixin.scss +3 -0
- package/src/lib/style/_theming.scss +19 -0
- package/src/lib/style/_variables.scss +1 -0
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { cityField, countryField, stateField, textField, zipCodeField } from './text.field';
|
|
2
|
+
import { flexLayoutWrapper } from '../../wrapper/flex.wrapper.layout';
|
|
3
|
+
export const ADDRESS_LINE_MAX_LENGTH = 100;
|
|
4
|
+
export function addressFormlyFields() {
|
|
5
|
+
return [
|
|
6
|
+
textField({
|
|
7
|
+
key: 'line1',
|
|
8
|
+
label: 'Line 1',
|
|
9
|
+
placeholder: '',
|
|
10
|
+
required: false,
|
|
11
|
+
autocomplete: 'address-line1',
|
|
12
|
+
maxLength: ADDRESS_LINE_MAX_LENGTH
|
|
13
|
+
}),
|
|
14
|
+
textField({
|
|
15
|
+
key: 'line2',
|
|
16
|
+
label: 'Line 2',
|
|
17
|
+
placeholder: '',
|
|
18
|
+
required: false,
|
|
19
|
+
autocomplete: 'address-line2',
|
|
20
|
+
maxLength: ADDRESS_LINE_MAX_LENGTH
|
|
21
|
+
}),
|
|
22
|
+
flexLayoutWrapper([{
|
|
23
|
+
field: cityField({})
|
|
24
|
+
}, {
|
|
25
|
+
field: stateField({})
|
|
26
|
+
}, {
|
|
27
|
+
field: zipCodeField({})
|
|
28
|
+
}, {
|
|
29
|
+
field: countryField({})
|
|
30
|
+
}])
|
|
31
|
+
];
|
|
32
|
+
}
|
|
33
|
+
export function addressField({ key = 'address', required = false }) {
|
|
34
|
+
return {
|
|
35
|
+
key,
|
|
36
|
+
wrappers: ['section'],
|
|
37
|
+
templateOptions: {
|
|
38
|
+
label: 'Address',
|
|
39
|
+
placeholder: '',
|
|
40
|
+
required
|
|
41
|
+
},
|
|
42
|
+
fieldGroup: addressFormlyFields()
|
|
43
|
+
};
|
|
44
|
+
}
|
|
45
|
+
export function addressListField({ key = 'addresses', required = false, maxAddresses = 6 }) {
|
|
46
|
+
return {
|
|
47
|
+
key,
|
|
48
|
+
type: 'repeat',
|
|
49
|
+
wrappers: ['section'],
|
|
50
|
+
templateOptions: {
|
|
51
|
+
label: 'Addresses',
|
|
52
|
+
placeholder: '',
|
|
53
|
+
required,
|
|
54
|
+
repeatSection: {
|
|
55
|
+
addText: 'Add Address',
|
|
56
|
+
removeText: 'Remove Address'
|
|
57
|
+
},
|
|
58
|
+
maxLength: maxAddresses
|
|
59
|
+
},
|
|
60
|
+
fieldArray: {
|
|
61
|
+
fieldGroup: addressFormlyFields()
|
|
62
|
+
}
|
|
63
|
+
};
|
|
64
|
+
}
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC5hZGRyZXNzLmZpZWxkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LWZvcm0vc3JjL2xpYi9mb3JtbHkvZmllbGQvdmFsdWUvdGV4dC90ZXh0LmFkZHJlc3MuZmllbGQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDNUYsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFFdEUsTUFBTSxDQUFDLE1BQU0sdUJBQXVCLEdBQUcsR0FBRyxDQUFDO0FBRTNDLE1BQU0sVUFBVSxtQkFBbUI7SUFDakMsT0FBTztRQUNMLFNBQVMsQ0FBQztZQUNSLEdBQUcsRUFBRSxPQUFPO1lBQ1osS0FBSyxFQUFFLFFBQVE7WUFDZixXQUFXLEVBQUUsRUFBRTtZQUNmLFFBQVEsRUFBRSxLQUFLO1lBQ2YsWUFBWSxFQUFFLGVBQWU7WUFDN0IsU0FBUyxFQUFFLHVCQUF1QjtTQUNuQyxDQUFDO1FBQ0YsU0FBUyxDQUFDO1lBQ1IsR0FBRyxFQUFFLE9BQU87WUFDWixLQUFLLEVBQUUsUUFBUTtZQUNmLFdBQVcsRUFBRSxFQUFFO1lBQ2YsUUFBUSxFQUFFLEtBQUs7WUFDZixZQUFZLEVBQUUsZUFBZTtZQUM3QixTQUFTLEVBQUUsdUJBQXVCO1NBQ25DLENBQUM7UUFDRixpQkFBaUIsQ0FBQyxDQUFDO2dCQUNqQixLQUFLLEVBQUUsU0FBUyxDQUFDLEVBQUUsQ0FBQzthQUNyQixFQUFFO2dCQUNELEtBQUssRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDO2FBQ3RCLEVBQUU7Z0JBQ0QsS0FBSyxFQUFFLFlBQVksQ0FBQyxFQUFFLENBQUM7YUFDeEIsRUFBRTtnQkFDRCxLQUFLLEVBQUUsWUFBWSxDQUFDLEVBQUUsQ0FBQzthQUN4QixDQUFDLENBQUM7S0FDSixDQUFDO0FBQ0osQ0FBQztBQUVELE1BQU0sVUFBVSxZQUFZLENBQUMsRUFBRSxHQUFHLEdBQUcsU0FBUyxFQUFFLFFBQVEsR0FBRyxLQUFLLEVBQUU7SUFDaEUsT0FBTztRQUNMLEdBQUc7UUFDSCxRQUFRLEVBQUUsQ0FBQyxTQUFTLENBQUM7UUFDckIsZUFBZSxFQUFFO1lBQ2YsS0FBSyxFQUFFLFNBQVM7WUFDaEIsV0FBVyxFQUFFLEVBQUU7WUFDZixRQUFRO1NBQ1Q7UUFDRCxVQUFVLEVBQUUsbUJBQW1CLEVBQUU7S0FDbEMsQ0FBQztBQUNKLENBQUM7QUFFRCxNQUFNLFVBQVUsZ0JBQWdCLENBQUMsRUFBRSxHQUFHLEdBQUcsV0FBVyxFQUFFLFFBQVEsR0FBRyxLQUFLLEVBQUUsWUFBWSxHQUFHLENBQUMsRUFBRTtJQUN4RixPQUFPO1FBQ0wsR0FBRztRQUNILElBQUksRUFBRSxRQUFRO1FBQ2QsUUFBUSxFQUFFLENBQUMsU0FBUyxDQUFDO1FBQ3JCLGVBQWUsRUFBRTtZQUNmLEtBQUssRUFBRSxXQUFXO1lBQ2xCLFdBQVcsRUFBRSxFQUFFO1lBQ2YsUUFBUTtZQUNSLGFBQWEsRUFBRTtnQkFDYixPQUFPLEVBQUUsYUFBYTtnQkFDdEIsVUFBVSxFQUFFLGdCQUFnQjthQUM3QjtZQUNELFNBQVMsRUFBRSxZQUFZO1NBQ3hCO1FBQ0QsVUFBVSxFQUFFO1lBQ1YsVUFBVSxFQUFFLG1CQUFtQixFQUFFO1NBQ2xDO0tBQ0YsQ0FBQztBQUNKLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBGb3JtbHlGaWVsZENvbmZpZyB9IGZyb20gJ0BuZ3gtZm9ybWx5L2NvcmUnO1xuaW1wb3J0IHsgY2l0eUZpZWxkLCBjb3VudHJ5RmllbGQsIHN0YXRlRmllbGQsIHRleHRGaWVsZCwgemlwQ29kZUZpZWxkIH0gZnJvbSAnLi90ZXh0LmZpZWxkJztcbmltcG9ydCB7IGZsZXhMYXlvdXRXcmFwcGVyIH0gZnJvbSAnLi4vLi4vd3JhcHBlci9mbGV4LndyYXBwZXIubGF5b3V0JztcblxuZXhwb3J0IGNvbnN0IEFERFJFU1NfTElORV9NQVhfTEVOR1RIID0gMTAwO1xuXG5leHBvcnQgZnVuY3Rpb24gYWRkcmVzc0Zvcm1seUZpZWxkcygpOiBGb3JtbHlGaWVsZENvbmZpZ1tdIHtcbiAgcmV0dXJuIFtcbiAgICB0ZXh0RmllbGQoe1xuICAgICAga2V5OiAnbGluZTEnLFxuICAgICAgbGFiZWw6ICdMaW5lIDEnLFxuICAgICAgcGxhY2Vob2xkZXI6ICcnLFxuICAgICAgcmVxdWlyZWQ6IGZhbHNlLFxuICAgICAgYXV0b2NvbXBsZXRlOiAnYWRkcmVzcy1saW5lMScsXG4gICAgICBtYXhMZW5ndGg6IEFERFJFU1NfTElORV9NQVhfTEVOR1RIXG4gICAgfSksXG4gICAgdGV4dEZpZWxkKHtcbiAgICAgIGtleTogJ2xpbmUyJyxcbiAgICAgIGxhYmVsOiAnTGluZSAyJyxcbiAgICAgIHBsYWNlaG9sZGVyOiAnJyxcbiAgICAgIHJlcXVpcmVkOiBmYWxzZSxcbiAgICAgIGF1dG9jb21wbGV0ZTogJ2FkZHJlc3MtbGluZTInLFxuICAgICAgbWF4TGVuZ3RoOiBBRERSRVNTX0xJTkVfTUFYX0xFTkdUSFxuICAgIH0pLFxuICAgIGZsZXhMYXlvdXRXcmFwcGVyKFt7XG4gICAgICBmaWVsZDogY2l0eUZpZWxkKHt9KVxuICAgIH0sIHtcbiAgICAgIGZpZWxkOiBzdGF0ZUZpZWxkKHt9KVxuICAgIH0sIHtcbiAgICAgIGZpZWxkOiB6aXBDb2RlRmllbGQoe30pXG4gICAgfSwge1xuICAgICAgZmllbGQ6IGNvdW50cnlGaWVsZCh7fSlcbiAgICB9XSlcbiAgXTtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIGFkZHJlc3NGaWVsZCh7IGtleSA9ICdhZGRyZXNzJywgcmVxdWlyZWQgPSBmYWxzZSB9KTogRm9ybWx5RmllbGRDb25maWcge1xuICByZXR1cm4ge1xuICAgIGtleSxcbiAgICB3cmFwcGVyczogWydzZWN0aW9uJ10sXG4gICAgdGVtcGxhdGVPcHRpb25zOiB7XG4gICAgICBsYWJlbDogJ0FkZHJlc3MnLFxuICAgICAgcGxhY2Vob2xkZXI6ICcnLFxuICAgICAgcmVxdWlyZWRcbiAgICB9LFxuICAgIGZpZWxkR3JvdXA6IGFkZHJlc3NGb3JtbHlGaWVsZHMoKVxuICB9O1xufVxuXG5leHBvcnQgZnVuY3Rpb24gYWRkcmVzc0xpc3RGaWVsZCh7IGtleSA9ICdhZGRyZXNzZXMnLCByZXF1aXJlZCA9IGZhbHNlLCBtYXhBZGRyZXNzZXMgPSA2IH0pOiBGb3JtbHlGaWVsZENvbmZpZyB7XG4gIHJldHVybiB7XG4gICAga2V5LFxuICAgIHR5cGU6ICdyZXBlYXQnLFxuICAgIHdyYXBwZXJzOiBbJ3NlY3Rpb24nXSxcbiAgICB0ZW1wbGF0ZU9wdGlvbnM6IHtcbiAgICAgIGxhYmVsOiAnQWRkcmVzc2VzJyxcbiAgICAgIHBsYWNlaG9sZGVyOiAnJyxcbiAgICAgIHJlcXVpcmVkLFxuICAgICAgcmVwZWF0U2VjdGlvbjoge1xuICAgICAgICBhZGRUZXh0OiAnQWRkIEFkZHJlc3MnLFxuICAgICAgICByZW1vdmVUZXh0OiAnUmVtb3ZlIEFkZHJlc3MnXG4gICAgICB9LFxuICAgICAgbWF4TGVuZ3RoOiBtYXhBZGRyZXNzZXNcbiAgICB9LFxuICAgIGZpZWxkQXJyYXk6IHtcbiAgICAgIGZpZWxkR3JvdXA6IGFkZHJlc3NGb3JtbHlGaWVsZHMoKVxuICAgIH1cbiAgfTtcbn1cbiJdfQ==
|
|
@@ -0,0 +1,125 @@
|
|
|
1
|
+
import { Validators } from '@angular/forms';
|
|
2
|
+
import { formlyField } from '../../field';
|
|
3
|
+
export const PHONE_LABEL_MAX_LENGTH = 100;
|
|
4
|
+
export const ADDRESS_COUNTRY_MAX_LENGTH = 80;
|
|
5
|
+
export const ADDRESS_CITY_MAX_LENGTH = 80;
|
|
6
|
+
export const ADDRESS_STATE_MAX_LENGTH = 80;
|
|
7
|
+
export const ADDRESS_ZIP_MAX_LENGTH = 20;
|
|
8
|
+
export const LABEL_STRING_MAX_LENGTH = 100;
|
|
9
|
+
export const SEARCH_STRING_MAX_LENGTH = 100;
|
|
10
|
+
export function textField({ key, label = '', placeholder = '', required = false, attributes, readonly, autocomplete, minLength, maxLength, pattern }) {
|
|
11
|
+
return formlyField({
|
|
12
|
+
key,
|
|
13
|
+
type: 'input',
|
|
14
|
+
templateOptions: {
|
|
15
|
+
label,
|
|
16
|
+
placeholder,
|
|
17
|
+
required,
|
|
18
|
+
minLength,
|
|
19
|
+
maxLength,
|
|
20
|
+
pattern,
|
|
21
|
+
readonly,
|
|
22
|
+
attributes: {
|
|
23
|
+
...attributes,
|
|
24
|
+
...(autocomplete) ? { autocomplete } : undefined
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
}
|
|
29
|
+
export function textAreaField({ key, label = '', placeholder = '', rows = 3, required = false, minLength, maxLength = 1000, attributes }) {
|
|
30
|
+
return formlyField({
|
|
31
|
+
key,
|
|
32
|
+
type: 'textarea',
|
|
33
|
+
templateOptions: {
|
|
34
|
+
label,
|
|
35
|
+
placeholder,
|
|
36
|
+
required,
|
|
37
|
+
rows,
|
|
38
|
+
minLength,
|
|
39
|
+
maxLength,
|
|
40
|
+
attributes
|
|
41
|
+
}
|
|
42
|
+
});
|
|
43
|
+
}
|
|
44
|
+
export function nameField({ key = 'name', label = 'Name', placeholder = 'John Doe', required = false, minLength, maxLength, attributes } = {}) {
|
|
45
|
+
return textField({
|
|
46
|
+
key,
|
|
47
|
+
label,
|
|
48
|
+
placeholder,
|
|
49
|
+
required,
|
|
50
|
+
minLength,
|
|
51
|
+
maxLength,
|
|
52
|
+
attributes
|
|
53
|
+
});
|
|
54
|
+
}
|
|
55
|
+
export function emailField({ key = 'email', label = 'Email Address', placeholder = 'person@email.com', description = '', required = false, readonly = false }) {
|
|
56
|
+
return formlyField({
|
|
57
|
+
key,
|
|
58
|
+
type: 'input',
|
|
59
|
+
templateOptions: {
|
|
60
|
+
label,
|
|
61
|
+
placeholder,
|
|
62
|
+
description,
|
|
63
|
+
required,
|
|
64
|
+
readonly
|
|
65
|
+
},
|
|
66
|
+
validation: {
|
|
67
|
+
messages: {
|
|
68
|
+
required: `Email is required.`
|
|
69
|
+
}
|
|
70
|
+
},
|
|
71
|
+
validators: {
|
|
72
|
+
email: {
|
|
73
|
+
expression: (c) => !Validators.email(c),
|
|
74
|
+
message: () => `Not a valid email address.`
|
|
75
|
+
}
|
|
76
|
+
},
|
|
77
|
+
});
|
|
78
|
+
}
|
|
79
|
+
export function cityField({ key = 'city', required = false }) {
|
|
80
|
+
return textField({
|
|
81
|
+
key,
|
|
82
|
+
label: 'City',
|
|
83
|
+
placeholder: '',
|
|
84
|
+
required,
|
|
85
|
+
autocomplete: 'city',
|
|
86
|
+
maxLength: ADDRESS_CITY_MAX_LENGTH
|
|
87
|
+
});
|
|
88
|
+
}
|
|
89
|
+
export function stateField({ key = 'state', required = false }) {
|
|
90
|
+
return textField({
|
|
91
|
+
key,
|
|
92
|
+
label: 'State',
|
|
93
|
+
placeholder: '',
|
|
94
|
+
required,
|
|
95
|
+
attributes: {
|
|
96
|
+
autocomplete: 'state'
|
|
97
|
+
},
|
|
98
|
+
maxLength: ADDRESS_STATE_MAX_LENGTH
|
|
99
|
+
});
|
|
100
|
+
}
|
|
101
|
+
export function countryField({ key = 'country', required = false }) {
|
|
102
|
+
return textField({
|
|
103
|
+
key,
|
|
104
|
+
label: 'Country',
|
|
105
|
+
placeholder: '',
|
|
106
|
+
required,
|
|
107
|
+
attributes: {
|
|
108
|
+
autocomplete: 'country'
|
|
109
|
+
},
|
|
110
|
+
maxLength: ADDRESS_COUNTRY_MAX_LENGTH
|
|
111
|
+
});
|
|
112
|
+
}
|
|
113
|
+
export function zipCodeField({ key = 'zip', required = false }) {
|
|
114
|
+
return textField({
|
|
115
|
+
key,
|
|
116
|
+
label: 'Zip Code',
|
|
117
|
+
placeholder: '',
|
|
118
|
+
required,
|
|
119
|
+
attributes: {
|
|
120
|
+
autocomplete: 'postal-code'
|
|
121
|
+
},
|
|
122
|
+
maxLength: ADDRESS_ZIP_MAX_LENGTH
|
|
123
|
+
});
|
|
124
|
+
}
|
|
125
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC5maWVsZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC1mb3JtL3NyYy9saWIvZm9ybWx5L2ZpZWxkL3ZhbHVlL3RleHQvdGV4dC5maWVsZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFtQixNQUFNLGdCQUFnQixDQUFDO0FBRTdELE9BQU8sRUFBc0MsV0FBVyxFQUEwQixNQUFNLGFBQWEsQ0FBQztBQUV0RyxNQUFNLENBQUMsTUFBTSxzQkFBc0IsR0FBRyxHQUFHLENBQUM7QUFFMUMsTUFBTSxDQUFDLE1BQU0sMEJBQTBCLEdBQUcsRUFBRSxDQUFDO0FBQzdDLE1BQU0sQ0FBQyxNQUFNLHVCQUF1QixHQUFHLEVBQUUsQ0FBQztBQUMxQyxNQUFNLENBQUMsTUFBTSx3QkFBd0IsR0FBRyxFQUFFLENBQUM7QUFDM0MsTUFBTSxDQUFDLE1BQU0sc0JBQXNCLEdBQUcsRUFBRSxDQUFDO0FBRXpDLE1BQU0sQ0FBQyxNQUFNLHVCQUF1QixHQUFHLEdBQUcsQ0FBQztBQUMzQyxNQUFNLENBQUMsTUFBTSx3QkFBd0IsR0FBRyxHQUFHLENBQUM7QUFXNUMsTUFBTSxVQUFVLFNBQVMsQ0FBQyxFQUFFLEdBQUcsRUFBRSxLQUFLLEdBQUcsRUFBRSxFQUFFLFdBQVcsR0FBRyxFQUFFLEVBQUUsUUFBUSxHQUFHLEtBQUssRUFBRSxVQUFVLEVBQUUsUUFBUSxFQUFFLFlBQVksRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBbUI7SUFDbkssT0FBTyxXQUFXLENBQUM7UUFDakIsR0FBRztRQUNILElBQUksRUFBRSxPQUFPO1FBQ2IsZUFBZSxFQUFFO1lBQ2YsS0FBSztZQUNMLFdBQVc7WUFDWCxRQUFRO1lBQ1IsU0FBUztZQUNULFNBQVM7WUFDVCxPQUFPO1lBQ1AsUUFBUTtZQUNSLFVBQVUsRUFBRTtnQkFDVixHQUFHLFVBQVU7Z0JBQ2IsR0FBRyxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLFlBQVksRUFBRSxDQUFDLENBQUMsQ0FBQyxTQUFTO2FBQ2pEO1NBQ0Y7S0FDRixDQUFDLENBQUM7QUFDTCxDQUFDO0FBTUQsTUFBTSxVQUFVLGFBQWEsQ0FBQyxFQUFFLEdBQUcsRUFBRSxLQUFLLEdBQUcsRUFBRSxFQUFFLFdBQVcsR0FBRyxFQUFFLEVBQUUsSUFBSSxHQUFHLENBQUMsRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFLFNBQVMsRUFBRSxTQUFTLEdBQUcsSUFBSSxFQUFFLFVBQVUsRUFBdUI7SUFDM0osT0FBTyxXQUFXLENBQUM7UUFDakIsR0FBRztRQUNILElBQUksRUFBRSxVQUFVO1FBQ2hCLGVBQWUsRUFBRTtZQUNmLEtBQUs7WUFDTCxXQUFXO1lBQ1gsUUFBUTtZQUNSLElBQUk7WUFDSixTQUFTO1lBQ1QsU0FBUztZQUNULFVBQVU7U0FDWDtLQUNGLENBQUMsQ0FBQztBQUNMLENBQUM7QUFFRCxNQUFNLFVBQVUsU0FBUyxDQUFDLEVBQUUsR0FBRyxHQUFHLE1BQU0sRUFBRSxLQUFLLEdBQUcsTUFBTSxFQUFFLFdBQVcsR0FBRyxVQUFVLEVBQUUsUUFBUSxHQUFHLEtBQUssRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLFVBQVUsS0FBK0IsRUFBRTtJQUNySyxPQUFPLFNBQVMsQ0FBQztRQUNmLEdBQUc7UUFDSCxLQUFLO1FBQ0wsV0FBVztRQUNYLFFBQVE7UUFDUixTQUFTO1FBQ1QsU0FBUztRQUNULFVBQVU7S0FDWCxDQUFDLENBQUM7QUFDTCxDQUFDO0FBTUQsTUFBTSxVQUFVLFVBQVUsQ0FBQyxFQUFFLEdBQUcsR0FBRyxPQUFPLEVBQUUsS0FBSyxHQUFHLGVBQWUsRUFBRSxXQUFXLEdBQUcsa0JBQWtCLEVBQUUsV0FBVyxHQUFHLEVBQUUsRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFLFFBQVEsR0FBRyxLQUFLLEVBQW9CO0lBQzdLLE9BQU8sV0FBVyxDQUFDO1FBQ2pCLEdBQUc7UUFDSCxJQUFJLEVBQUUsT0FBTztRQUNiLGVBQWUsRUFBRTtZQUNmLEtBQUs7WUFDTCxXQUFXO1lBQ1gsV0FBVztZQUNYLFFBQVE7WUFDUixRQUFRO1NBQ1Q7UUFDRCxVQUFVLEVBQUU7WUFDVixRQUFRLEVBQUU7Z0JBQ1IsUUFBUSxFQUFFLG9CQUFvQjthQUMvQjtTQUNGO1FBQ0QsVUFBVSxFQUFFO1lBQ1YsS0FBSyxFQUFFO2dCQUNMLFVBQVUsRUFBRSxDQUFDLENBQWtCLEVBQUUsRUFBRSxDQUFDLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7Z0JBQ3hELE9BQU8sRUFBRSxHQUFHLEVBQUUsQ0FBQyw0QkFBNEI7YUFDNUM7U0FDRjtLQUNGLENBQUMsQ0FBQztBQUNMLENBQUM7QUFFRCxNQUFNLFVBQVUsU0FBUyxDQUFDLEVBQUUsR0FBRyxHQUFHLE1BQU0sRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFO0lBQzFELE9BQU8sU0FBUyxDQUFDO1FBQ2YsR0FBRztRQUNILEtBQUssRUFBRSxNQUFNO1FBQ2IsV0FBVyxFQUFFLEVBQUU7UUFDZixRQUFRO1FBQ1IsWUFBWSxFQUFFLE1BQU07UUFDcEIsU0FBUyxFQUFFLHVCQUF1QjtLQUNuQyxDQUFDLENBQUM7QUFDTCxDQUFDO0FBRUQsTUFBTSxVQUFVLFVBQVUsQ0FBQyxFQUFFLEdBQUcsR0FBRyxPQUFPLEVBQUUsUUFBUSxHQUFHLEtBQUssRUFBRTtJQUM1RCxPQUFPLFNBQVMsQ0FBQztRQUNmLEdBQUc7UUFDSCxLQUFLLEVBQUUsT0FBTztRQUNkLFdBQVcsRUFBRSxFQUFFO1FBQ2YsUUFBUTtRQUNSLFVBQVUsRUFBRTtZQUNWLFlBQVksRUFBRSxPQUFPO1NBQ3RCO1FBQ0QsU0FBUyxFQUFFLHdCQUF3QjtLQUNwQyxDQUFDLENBQUM7QUFDTCxDQUFDO0FBRUQsTUFBTSxVQUFVLFlBQVksQ0FBQyxFQUFFLEdBQUcsR0FBRyxTQUFTLEVBQUUsUUFBUSxHQUFHLEtBQUssRUFBRTtJQUNoRSxPQUFPLFNBQVMsQ0FBQztRQUNmLEdBQUc7UUFDSCxLQUFLLEVBQUUsU0FBUztRQUNoQixXQUFXLEVBQUUsRUFBRTtRQUNmLFFBQVE7UUFDUixVQUFVLEVBQUU7WUFDVixZQUFZLEVBQUUsU0FBUztTQUN4QjtRQUNELFNBQVMsRUFBRSwwQkFBMEI7S0FDdEMsQ0FBQyxDQUFDO0FBQ0wsQ0FBQztBQUVELE1BQU0sVUFBVSxZQUFZLENBQUMsRUFBRSxHQUFHLEdBQUcsS0FBSyxFQUFFLFFBQVEsR0FBRyxLQUFLLEVBQUU7SUFDNUQsT0FBTyxTQUFTLENBQUM7UUFDZixHQUFHO1FBQ0gsS0FBSyxFQUFFLFVBQVU7UUFDakIsV0FBVyxFQUFFLEVBQUU7UUFDZixRQUFRO1FBQ1IsVUFBVSxFQUFFO1lBQ1YsWUFBWSxFQUFFLGFBQWE7U0FDNUI7UUFDRCxTQUFTLEVBQUUsc0JBQXNCO0tBQ2xDLENBQUMsQ0FBQztBQUNMLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBWYWxpZGF0b3JzLCBBYnN0cmFjdENvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBGb3JtbHlGaWVsZENvbmZpZyB9IGZyb20gJ0BuZ3gtZm9ybWx5L2NvcmUvbGliL2NvcmUnO1xuaW1wb3J0IHsgQXR0cmlidXRlc0ZpZWxkQ29uZmlnLCBGaWVsZENvbmZpZywgZm9ybWx5RmllbGQsIERlc2NyaXB0aW9uRmllbGRDb25maWcgfSBmcm9tICcuLi8uLi9maWVsZCc7XG5cbmV4cG9ydCBjb25zdCBQSE9ORV9MQUJFTF9NQVhfTEVOR1RIID0gMTAwO1xuXG5leHBvcnQgY29uc3QgQUREUkVTU19DT1VOVFJZX01BWF9MRU5HVEggPSA4MDtcbmV4cG9ydCBjb25zdCBBRERSRVNTX0NJVFlfTUFYX0xFTkdUSCA9IDgwO1xuZXhwb3J0IGNvbnN0IEFERFJFU1NfU1RBVEVfTUFYX0xFTkdUSCA9IDgwO1xuZXhwb3J0IGNvbnN0IEFERFJFU1NfWklQX01BWF9MRU5HVEggPSAyMDtcblxuZXhwb3J0IGNvbnN0IExBQkVMX1NUUklOR19NQVhfTEVOR1RIID0gMTAwO1xuZXhwb3J0IGNvbnN0IFNFQVJDSF9TVFJJTkdfTUFYX0xFTkdUSCA9IDEwMDtcblxuZXhwb3J0IGludGVyZmFjZSBUZXh0RmllbGRMZW5ndGhDb25maWcge1xuICBtaW5MZW5ndGg/OiBudW1iZXI7XG4gIG1heExlbmd0aD86IG51bWJlcjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBUZXh0RmllbGRDb25maWcgZXh0ZW5kcyBGaWVsZENvbmZpZywgVGV4dEZpZWxkTGVuZ3RoQ29uZmlnLCBBdHRyaWJ1dGVzRmllbGRDb25maWcge1xuICBwYXR0ZXJuPzogc3RyaW5nIHwgUmVnRXhwO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gdGV4dEZpZWxkKHsga2V5LCBsYWJlbCA9ICcnLCBwbGFjZWhvbGRlciA9ICcnLCByZXF1aXJlZCA9IGZhbHNlLCBhdHRyaWJ1dGVzLCByZWFkb25seSwgYXV0b2NvbXBsZXRlLCBtaW5MZW5ndGgsIG1heExlbmd0aCwgcGF0dGVybiB9OiBUZXh0RmllbGRDb25maWcpOiBGb3JtbHlGaWVsZENvbmZpZyB7XG4gIHJldHVybiBmb3JtbHlGaWVsZCh7XG4gICAga2V5LFxuICAgIHR5cGU6ICdpbnB1dCcsXG4gICAgdGVtcGxhdGVPcHRpb25zOiB7XG4gICAgICBsYWJlbCxcbiAgICAgIHBsYWNlaG9sZGVyLFxuICAgICAgcmVxdWlyZWQsXG4gICAgICBtaW5MZW5ndGgsXG4gICAgICBtYXhMZW5ndGgsXG4gICAgICBwYXR0ZXJuLFxuICAgICAgcmVhZG9ubHksXG4gICAgICBhdHRyaWJ1dGVzOiB7XG4gICAgICAgIC4uLmF0dHJpYnV0ZXMsXG4gICAgICAgIC4uLihhdXRvY29tcGxldGUpID8geyBhdXRvY29tcGxldGUgfSA6IHVuZGVmaW5lZFxuICAgICAgfVxuICAgIH1cbiAgfSk7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGV4dEFyZWFGaWVsZENvbmZpZyBleHRlbmRzIEZpZWxkQ29uZmlnLCBUZXh0RmllbGRMZW5ndGhDb25maWcsIEF0dHJpYnV0ZXNGaWVsZENvbmZpZyB7XG4gIHJvd3M/OiBudW1iZXI7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiB0ZXh0QXJlYUZpZWxkKHsga2V5LCBsYWJlbCA9ICcnLCBwbGFjZWhvbGRlciA9ICcnLCByb3dzID0gMywgcmVxdWlyZWQgPSBmYWxzZSwgbWluTGVuZ3RoLCBtYXhMZW5ndGggPSAxMDAwLCBhdHRyaWJ1dGVzIH06IFRleHRBcmVhRmllbGRDb25maWcpOiBGb3JtbHlGaWVsZENvbmZpZyB7XG4gIHJldHVybiBmb3JtbHlGaWVsZCh7XG4gICAga2V5LFxuICAgIHR5cGU6ICd0ZXh0YXJlYScsXG4gICAgdGVtcGxhdGVPcHRpb25zOiB7XG4gICAgICBsYWJlbCxcbiAgICAgIHBsYWNlaG9sZGVyLFxuICAgICAgcmVxdWlyZWQsXG4gICAgICByb3dzLFxuICAgICAgbWluTGVuZ3RoLFxuICAgICAgbWF4TGVuZ3RoLFxuICAgICAgYXR0cmlidXRlc1xuICAgIH1cbiAgfSk7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBuYW1lRmllbGQoeyBrZXkgPSAnbmFtZScsIGxhYmVsID0gJ05hbWUnLCBwbGFjZWhvbGRlciA9ICdKb2huIERvZScsIHJlcXVpcmVkID0gZmFsc2UsIG1pbkxlbmd0aCwgbWF4TGVuZ3RoLCBhdHRyaWJ1dGVzIH06IFBhcnRpYWw8VGV4dEZpZWxkQ29uZmlnPiA9IHt9KTogRm9ybWx5RmllbGRDb25maWcge1xuICByZXR1cm4gdGV4dEZpZWxkKHtcbiAgICBrZXksXG4gICAgbGFiZWwsXG4gICAgcGxhY2Vob2xkZXIsXG4gICAgcmVxdWlyZWQsXG4gICAgbWluTGVuZ3RoLFxuICAgIG1heExlbmd0aCxcbiAgICBhdHRyaWJ1dGVzXG4gIH0pO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEVtYWlsRmllbGRDb25maWcgZXh0ZW5kcyBGaWVsZENvbmZpZywgRGVzY3JpcHRpb25GaWVsZENvbmZpZyB7XG4gIHJvd3M/OiBudW1iZXI7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBlbWFpbEZpZWxkKHsga2V5ID0gJ2VtYWlsJywgbGFiZWwgPSAnRW1haWwgQWRkcmVzcycsIHBsYWNlaG9sZGVyID0gJ3BlcnNvbkBlbWFpbC5jb20nLCBkZXNjcmlwdGlvbiA9ICcnLCByZXF1aXJlZCA9IGZhbHNlLCByZWFkb25seSA9IGZhbHNlIH06IEVtYWlsRmllbGRDb25maWcpOiBGb3JtbHlGaWVsZENvbmZpZyB7XG4gIHJldHVybiBmb3JtbHlGaWVsZCh7XG4gICAga2V5LFxuICAgIHR5cGU6ICdpbnB1dCcsXG4gICAgdGVtcGxhdGVPcHRpb25zOiB7XG4gICAgICBsYWJlbCxcbiAgICAgIHBsYWNlaG9sZGVyLFxuICAgICAgZGVzY3JpcHRpb24sXG4gICAgICByZXF1aXJlZCxcbiAgICAgIHJlYWRvbmx5XG4gICAgfSxcbiAgICB2YWxpZGF0aW9uOiB7XG4gICAgICBtZXNzYWdlczoge1xuICAgICAgICByZXF1aXJlZDogYEVtYWlsIGlzIHJlcXVpcmVkLmBcbiAgICAgIH1cbiAgICB9LFxuICAgIHZhbGlkYXRvcnM6IHtcbiAgICAgIGVtYWlsOiB7XG4gICAgICAgIGV4cHJlc3Npb246IChjOiBBYnN0cmFjdENvbnRyb2wpID0+ICFWYWxpZGF0b3JzLmVtYWlsKGMpLFxuICAgICAgICBtZXNzYWdlOiAoKSA9PiBgTm90IGEgdmFsaWQgZW1haWwgYWRkcmVzcy5gXG4gICAgICB9XG4gICAgfSxcbiAgfSk7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBjaXR5RmllbGQoeyBrZXkgPSAnY2l0eScsIHJlcXVpcmVkID0gZmFsc2UgfSk6IEZvcm1seUZpZWxkQ29uZmlnIHtcbiAgcmV0dXJuIHRleHRGaWVsZCh7XG4gICAga2V5LFxuICAgIGxhYmVsOiAnQ2l0eScsXG4gICAgcGxhY2Vob2xkZXI6ICcnLFxuICAgIHJlcXVpcmVkLFxuICAgIGF1dG9jb21wbGV0ZTogJ2NpdHknLFxuICAgIG1heExlbmd0aDogQUREUkVTU19DSVRZX01BWF9MRU5HVEhcbiAgfSk7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBzdGF0ZUZpZWxkKHsga2V5ID0gJ3N0YXRlJywgcmVxdWlyZWQgPSBmYWxzZSB9KTogRm9ybWx5RmllbGRDb25maWcge1xuICByZXR1cm4gdGV4dEZpZWxkKHtcbiAgICBrZXksXG4gICAgbGFiZWw6ICdTdGF0ZScsXG4gICAgcGxhY2Vob2xkZXI6ICcnLFxuICAgIHJlcXVpcmVkLFxuICAgIGF0dHJpYnV0ZXM6IHtcbiAgICAgIGF1dG9jb21wbGV0ZTogJ3N0YXRlJ1xuICAgIH0sXG4gICAgbWF4TGVuZ3RoOiBBRERSRVNTX1NUQVRFX01BWF9MRU5HVEhcbiAgfSk7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBjb3VudHJ5RmllbGQoeyBrZXkgPSAnY291bnRyeScsIHJlcXVpcmVkID0gZmFsc2UgfSk6IEZvcm1seUZpZWxkQ29uZmlnIHtcbiAgcmV0dXJuIHRleHRGaWVsZCh7XG4gICAga2V5LFxuICAgIGxhYmVsOiAnQ291bnRyeScsXG4gICAgcGxhY2Vob2xkZXI6ICcnLFxuICAgIHJlcXVpcmVkLFxuICAgIGF0dHJpYnV0ZXM6IHtcbiAgICAgIGF1dG9jb21wbGV0ZTogJ2NvdW50cnknXG4gICAgfSxcbiAgICBtYXhMZW5ndGg6IEFERFJFU1NfQ09VTlRSWV9NQVhfTEVOR1RIXG4gIH0pO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gemlwQ29kZUZpZWxkKHsga2V5ID0gJ3ppcCcsIHJlcXVpcmVkID0gZmFsc2UgfSk6IEZvcm1seUZpZWxkQ29uZmlnIHtcbiAgcmV0dXJuIHRleHRGaWVsZCh7XG4gICAga2V5LFxuICAgIGxhYmVsOiAnWmlwIENvZGUnLFxuICAgIHBsYWNlaG9sZGVyOiAnJyxcbiAgICByZXF1aXJlZCxcbiAgICBhdHRyaWJ1dGVzOiB7XG4gICAgICBhdXRvY29tcGxldGU6ICdwb3N0YWwtY29kZSdcbiAgICB9LFxuICAgIG1heExlbmd0aDogQUREUkVTU19aSVBfTUFYX0xFTkdUSFxuICB9KTtcbn1cbiJdfQ==
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { DbxFormFormlyWrapperModule } from '../../wrapper/form.wrapper.module';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class DbxFormFormlyTextFieldModule {
|
|
5
|
+
}
|
|
6
|
+
DbxFormFormlyTextFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxFormFormlyTextFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
7
|
+
DbxFormFormlyTextFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxFormFormlyTextFieldModule, exports: [DbxFormFormlyWrapperModule] });
|
|
8
|
+
DbxFormFormlyTextFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxFormFormlyTextFieldModule, imports: [[], DbxFormFormlyWrapperModule] });
|
|
9
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxFormFormlyTextFieldModule, decorators: [{
|
|
10
|
+
type: NgModule,
|
|
11
|
+
args: [{
|
|
12
|
+
imports: [],
|
|
13
|
+
declarations: [],
|
|
14
|
+
exports: [
|
|
15
|
+
DbxFormFormlyWrapperModule
|
|
16
|
+
]
|
|
17
|
+
}]
|
|
18
|
+
}] });
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC5maWVsZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtZm9ybS9zcmMvbGliL2Zvcm1seS9maWVsZC92YWx1ZS90ZXh0L3RleHQuZmllbGQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7O0FBUy9FLE1BQU0sT0FBTyw0QkFBNEI7O3lIQUE1Qiw0QkFBNEI7MEhBQTVCLDRCQUE0QixZQUhyQywwQkFBMEI7MEhBR2pCLDRCQUE0QixZQU45QixFQUFFLEVBR1QsMEJBQTBCOzJGQUdqQiw0QkFBNEI7a0JBUHhDLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFLEVBQUU7b0JBQ1gsWUFBWSxFQUFFLEVBQUU7b0JBQ2hCLE9BQU8sRUFBRTt3QkFDUCwwQkFBMEI7cUJBQzNCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERieEZvcm1Gb3JtbHlXcmFwcGVyTW9kdWxlIH0gZnJvbSAnLi4vLi4vd3JhcHBlci9mb3JtLndyYXBwZXIubW9kdWxlJztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW10sXG4gIGRlY2xhcmF0aW9uczogW10sXG4gIGV4cG9ydHM6IFtcbiAgICBEYnhGb3JtRm9ybWx5V3JhcHBlck1vZHVsZVxuICBdXG59KVxuZXhwb3J0IGNsYXNzIERieEZvcm1Gb3JtbHlUZXh0RmllbGRNb2R1bGUgeyB9XG4iXX0=
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import { FieldWrapper } from '@ngx-formly/core';
|
|
3
|
+
import { delay } from 'rxjs/operators';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
/**
|
|
6
|
+
* Wrapper than sets the field to "touched" when the value changes and the field is not pristine.
|
|
7
|
+
*/
|
|
8
|
+
export class AutoTouchFieldWrapperComponent extends FieldWrapper {
|
|
9
|
+
ngOnInit() {
|
|
10
|
+
this.formControl.valueChanges.pipe(delay(200)).subscribe(() => {
|
|
11
|
+
if (!this.formControl.pristine && this.formControl.untouched) {
|
|
12
|
+
this.formControl.markAsTouched();
|
|
13
|
+
this.formControl.updateValueAndValidity();
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
AutoTouchFieldWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: AutoTouchFieldWrapperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
19
|
+
AutoTouchFieldWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: AutoTouchFieldWrapperComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `<ng-container #fieldComponent></ng-container>`, isInline: true });
|
|
20
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: AutoTouchFieldWrapperComponent, decorators: [{
|
|
21
|
+
type: Component,
|
|
22
|
+
args: [{
|
|
23
|
+
template: `<ng-container #fieldComponent></ng-container>`
|
|
24
|
+
}]
|
|
25
|
+
}] });
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b3RvdWNoLndyYXBwZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LWZvcm0vc3JjL2xpYi9mb3JtbHkvZmllbGQvd3JhcHBlci9hdXRvdG91Y2gud3JhcHBlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUNsRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDaEQsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLGdCQUFnQixDQUFDOztBQUd2Qzs7R0FFRztBQUlILE1BQU0sT0FBTyw4QkFBK0IsU0FBUSxZQUFZO0lBRTlELFFBQVE7UUFDTixJQUFJLENBQUMsV0FBVyxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRTtZQUM1RCxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLFdBQVcsQ0FBQyxTQUFTLEVBQUU7Z0JBQzVELElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxFQUFFLENBQUM7Z0JBQ2pDLElBQUksQ0FBQyxXQUFXLENBQUMsc0JBQXNCLEVBQUUsQ0FBQzthQUMzQztRQUNILENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs7MkhBVFUsOEJBQThCOytHQUE5Qiw4QkFBOEIsMkVBRi9CLCtDQUErQzsyRkFFOUMsOEJBQThCO2tCQUgxQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSwrQ0FBK0M7aUJBQzFEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZpZWxkV3JhcHBlciB9IGZyb20gJ0BuZ3gtZm9ybWx5L2NvcmUnO1xuaW1wb3J0IHsgZGVsYXkgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5cblxuLyoqXG4gKiBXcmFwcGVyIHRoYW4gc2V0cyB0aGUgZmllbGQgdG8gXCJ0b3VjaGVkXCIgd2hlbiB0aGUgdmFsdWUgY2hhbmdlcyBhbmQgdGhlIGZpZWxkIGlzIG5vdCBwcmlzdGluZS5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHRlbXBsYXRlOiBgPG5nLWNvbnRhaW5lciAjZmllbGRDb21wb25lbnQ+PC9uZy1jb250YWluZXI+YFxufSlcbmV4cG9ydCBjbGFzcyBBdXRvVG91Y2hGaWVsZFdyYXBwZXJDb21wb25lbnQgZXh0ZW5kcyBGaWVsZFdyYXBwZXIgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuZm9ybUNvbnRyb2wudmFsdWVDaGFuZ2VzLnBpcGUoZGVsYXkoMjAwKSkuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgIGlmICghdGhpcy5mb3JtQ29udHJvbC5wcmlzdGluZSAmJiB0aGlzLmZvcm1Db250cm9sLnVudG91Y2hlZCkge1xuICAgICAgICB0aGlzLmZvcm1Db250cm9sLm1hcmtBc1RvdWNoZWQoKTtcbiAgICAgICAgdGhpcy5mb3JtQ29udHJvbC51cGRhdGVWYWx1ZUFuZFZhbGlkaXR5KCk7XG4gICAgICB9XG4gICAgfSk7XG4gIH1cblxufVxuIl19
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import { hasValueOrNotEmpty } from '@dereekb/util';
|
|
2
|
+
import { FieldWrapper } from '@ngx-formly/core';
|
|
3
|
+
import { map, mergeMap, shareReplay, startWith, switchMap, BehaviorSubject, of } from 'rxjs';
|
|
4
|
+
import { Component, Directive } from '@angular/core';
|
|
5
|
+
import { filterMaybe } from '@dereekb/rxjs';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
import * as i1 from "@angular/common";
|
|
8
|
+
export const DEFAULT_HAS_VALUE_FN = hasValueOrNotEmpty;
|
|
9
|
+
export class AbstractFormExpandableSectionWrapperDirective extends FieldWrapper {
|
|
10
|
+
constructor() {
|
|
11
|
+
super(...arguments);
|
|
12
|
+
this._formControlObs = new BehaviorSubject(undefined);
|
|
13
|
+
this.formControl$ = this._formControlObs.pipe(filterMaybe());
|
|
14
|
+
this._toggleOpen = new BehaviorSubject(undefined);
|
|
15
|
+
this.show$ = this._toggleOpen.pipe(mergeMap((toggleOpen) => {
|
|
16
|
+
if (toggleOpen != null) {
|
|
17
|
+
return of(toggleOpen);
|
|
18
|
+
}
|
|
19
|
+
else {
|
|
20
|
+
return this.hasValue$;
|
|
21
|
+
}
|
|
22
|
+
}), shareReplay(1));
|
|
23
|
+
this.hasValue$ = this.formControl$.pipe(switchMap((x) => x.valueChanges.pipe(startWith(x.value), map((value) => {
|
|
24
|
+
return this.hasValueFn(value);
|
|
25
|
+
}), shareReplay(1))));
|
|
26
|
+
}
|
|
27
|
+
get expandableSection() {
|
|
28
|
+
return this.to.expandableSection;
|
|
29
|
+
}
|
|
30
|
+
get hasValueFn() {
|
|
31
|
+
return this.expandableSection?.hasValueFn ?? DEFAULT_HAS_VALUE_FN;
|
|
32
|
+
}
|
|
33
|
+
get expandLabel() {
|
|
34
|
+
return this.expandableSection?.expandLabel ?? this.field?.templateOptions?.label ?? String(this.field?.key);
|
|
35
|
+
}
|
|
36
|
+
open() {
|
|
37
|
+
this._toggleOpen.next(true);
|
|
38
|
+
}
|
|
39
|
+
ngOnInit() {
|
|
40
|
+
this._formControlObs.next(this.formControl);
|
|
41
|
+
}
|
|
42
|
+
ngOnDestroy() {
|
|
43
|
+
this._toggleOpen.complete();
|
|
44
|
+
this._formControlObs.complete();
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
AbstractFormExpandableSectionWrapperDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: AbstractFormExpandableSectionWrapperDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
48
|
+
AbstractFormExpandableSectionWrapperDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: AbstractFormExpandableSectionWrapperDirective, usesInheritance: true, ngImport: i0 });
|
|
49
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: AbstractFormExpandableSectionWrapperDirective, decorators: [{
|
|
50
|
+
type: Directive
|
|
51
|
+
}] });
|
|
52
|
+
/**
|
|
53
|
+
* Section that is expandable by a button until a value is set, or the button is pressed.
|
|
54
|
+
*/
|
|
55
|
+
export class FormExpandableSectionWrapperComponent extends AbstractFormExpandableSectionWrapperDirective {
|
|
56
|
+
}
|
|
57
|
+
FormExpandableSectionWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: FormExpandableSectionWrapperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
58
|
+
FormExpandableSectionWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: FormExpandableSectionWrapperComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
|
|
59
|
+
<ng-container [ngSwitch]="show$ | async">
|
|
60
|
+
<ng-container *ngSwitchCase="true">
|
|
61
|
+
<ng-container #fieldComponent></ng-container>
|
|
62
|
+
</ng-container>
|
|
63
|
+
<ng-container *ngSwitchCase="false">
|
|
64
|
+
<span class="form-expandable-section-button" (click)="open()">{{ expandLabel }}</span>
|
|
65
|
+
</ng-container>
|
|
66
|
+
</ng-container>
|
|
67
|
+
`, isInline: true, directives: [{ type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], pipes: { "async": i1.AsyncPipe } });
|
|
68
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: FormExpandableSectionWrapperComponent, decorators: [{
|
|
69
|
+
type: Component,
|
|
70
|
+
args: [{
|
|
71
|
+
template: `
|
|
72
|
+
<ng-container [ngSwitch]="show$ | async">
|
|
73
|
+
<ng-container *ngSwitchCase="true">
|
|
74
|
+
<ng-container #fieldComponent></ng-container>
|
|
75
|
+
</ng-container>
|
|
76
|
+
<ng-container *ngSwitchCase="false">
|
|
77
|
+
<span class="form-expandable-section-button" (click)="open()">{{ expandLabel }}</span>
|
|
78
|
+
</ng-container>
|
|
79
|
+
</ng-container>
|
|
80
|
+
`
|
|
81
|
+
}]
|
|
82
|
+
}] });
|
|
83
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5kYWJsZS53cmFwcGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC1mb3JtL3NyYy9saWIvZm9ybWx5L2ZpZWxkL3dyYXBwZXIvZXhwYW5kYWJsZS53cmFwcGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsa0JBQWtCLEVBQVMsTUFBTSxlQUFlLENBQUM7QUFDMUQsT0FBTyxFQUFFLFlBQVksRUFBeUIsTUFBTSxrQkFBa0IsQ0FBQztBQUN2RSxPQUFPLEVBQUUsR0FBRyxFQUFFLFFBQVEsRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQUUsRUFBRSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzdGLE9BQU8sRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFxQixNQUFNLGVBQWUsQ0FBQztBQUV4RSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFvQjVDLE1BQU0sQ0FBQyxNQUFNLG9CQUFvQixHQUFHLGtCQUFrQixDQUFDO0FBR3ZELE1BQU0sT0FBTyw2Q0FDWCxTQUFRLFlBQWU7SUFGekI7O1FBSVksb0JBQWUsR0FBRyxJQUFJLGVBQWUsQ0FBeUIsU0FBUyxDQUFDLENBQUM7UUFDMUUsaUJBQVksR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQyxDQUFDO1FBRXZELGdCQUFXLEdBQUcsSUFBSSxlQUFlLENBQWlCLFNBQVMsQ0FBQyxDQUFDO1FBRTlELFVBQUssR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FDcEMsUUFBUSxDQUFDLENBQUMsVUFBMEIsRUFBRSxFQUFFO1lBQ3RDLElBQUksVUFBVSxJQUFJLElBQUksRUFBRTtnQkFDdEIsT0FBTyxFQUFFLENBQUMsVUFBVSxDQUFDLENBQUM7YUFDdkI7aUJBQU07Z0JBQ0wsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDO2FBQ3ZCO1FBQ0gsQ0FBQyxDQUFDLEVBQ0YsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUNmLENBQUM7UUFFTyxjQUFTLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQ3pDLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsRUFDckQsR0FBRyxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUU7WUFDWixPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDaEMsQ0FBQyxDQUFDLEVBQ0YsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUNmLENBQUMsQ0FDSCxDQUFDO0tBMkJIO0lBekJDLElBQUksaUJBQWlCO1FBQ25CLE9BQU8sSUFBSSxDQUFDLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQztJQUNuQyxDQUFDO0lBRUQsSUFBSSxVQUFVO1FBQ1osT0FBTyxJQUFJLENBQUMsaUJBQWlCLEVBQUUsVUFBVSxJQUFJLG9CQUFvQixDQUFDO0lBQ3BFLENBQUM7SUFFRCxJQUFJLFdBQVc7UUFDYixPQUFPLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxXQUFXLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRSxlQUFlLEVBQUUsS0FBSyxJQUFJLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLEdBQUcsQ0FBQyxDQUFDO0lBQzlHLENBQUM7SUFFRCxJQUFJO1FBQ0YsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDOUIsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7SUFDOUMsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsV0FBVyxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQzVCLElBQUksQ0FBQyxlQUFlLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDbEMsQ0FBQzs7MElBbkRVLDZDQUE2Qzs4SEFBN0MsNkNBQTZDOzJGQUE3Qyw2Q0FBNkM7a0JBRHpELFNBQVM7O0FBd0RWOztHQUVHO0FBYUgsTUFBTSxPQUFPLHFDQUNYLFNBQVEsNkNBQW1EOztrSUFEaEQscUNBQXFDO3NIQUFyQyxxQ0FBcUMsMkVBWHRDOzs7Ozs7Ozs7R0FTVDsyRkFFVSxxQ0FBcUM7a0JBWmpELFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFOzs7Ozs7Ozs7R0FTVDtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGhhc1ZhbHVlT3JOb3RFbXB0eSwgTWF5YmUgfSBmcm9tICdAZGVyZWVrYi91dGlsJztcbmltcG9ydCB7IEZpZWxkV3JhcHBlciwgRm9ybWx5VGVtcGxhdGVPcHRpb25zIH0gZnJvbSAnQG5neC1mb3JtbHkvY29yZSc7XG5pbXBvcnQgeyBtYXAsIG1lcmdlTWFwLCBzaGFyZVJlcGxheSwgc3RhcnRXaXRoLCBzd2l0Y2hNYXAsIEJlaGF2aW9yU3ViamVjdCwgb2YgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IENvbXBvbmVudCwgRGlyZWN0aXZlLCBPbkRlc3Ryb3ksIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWJzdHJhY3RDb250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgZmlsdGVyTWF5YmUgfSBmcm9tICdAZGVyZWVrYi9yeGpzJztcbmltcG9ydCB7IEZvcm1seUZpZWxkQ29uZmlnIH0gZnJvbSAnQG5neC1mb3JtbHkvbWF0ZXJpYWwvZm9ybS1maWVsZCc7XG5cblxuZXhwb3J0IGludGVyZmFjZSBGb3JtRXhwYW5kYWJsZVNlY3Rpb25Db25maWc8VCA9IGFueT4ge1xuICBleHBhbmRMYWJlbD86IHN0cmluZztcbiAgLyoqXG4gICAqIE9wdGlvbmFsIGZ1bmN0aW9uIHRvIHVzZSBmb3IgY2hlY2tpbmcgdmFsdWUgZXhpc3RlbmNlLlxuICAgKi9cbiAgaGFzVmFsdWVGbj86ICh2YWx1ZTogVCkgPT4gYm9vbGVhbjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBGb3JtRXhwYW5kYWJsZVNlY3Rpb25XcmFwcGVyVGVtcGxhdGVPcHRpb25zPFQgPSBhbnk+IGV4dGVuZHMgRm9ybWx5VGVtcGxhdGVPcHRpb25zIHtcbiAgZXhwYW5kYWJsZVNlY3Rpb24/OiBGb3JtRXhwYW5kYWJsZVNlY3Rpb25Db25maWc8VD47XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgRm9ybUV4cGFuZGFibGVTZWN0aW9uRm9ybWx5Q29uZmlnPFQgPSBhbnk+IGV4dGVuZHMgRm9ybWx5RmllbGRDb25maWcge1xuICB0ZW1wbGF0ZU9wdGlvbnM/OiBGb3JtRXhwYW5kYWJsZVNlY3Rpb25XcmFwcGVyVGVtcGxhdGVPcHRpb25zPFQ+O1xufVxuXG5leHBvcnQgY29uc3QgREVGQVVMVF9IQVNfVkFMVUVfRk4gPSBoYXNWYWx1ZU9yTm90RW1wdHk7XG5cbkBEaXJlY3RpdmUoKVxuZXhwb3J0IGNsYXNzIEFic3RyYWN0Rm9ybUV4cGFuZGFibGVTZWN0aW9uV3JhcHBlckRpcmVjdGl2ZTxULCBGIGV4dGVuZHMgRm9ybUV4cGFuZGFibGVTZWN0aW9uRm9ybWx5Q29uZmlnPFQ+ID0gRm9ybUV4cGFuZGFibGVTZWN0aW9uRm9ybWx5Q29uZmlnPFQ+PlxuICBleHRlbmRzIEZpZWxkV3JhcHBlcjxGPiBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcblxuICBwcm90ZWN0ZWQgX2Zvcm1Db250cm9sT2JzID0gbmV3IEJlaGF2aW9yU3ViamVjdDxNYXliZTxBYnN0cmFjdENvbnRyb2w+Pih1bmRlZmluZWQpO1xuICByZWFkb25seSBmb3JtQ29udHJvbCQgPSB0aGlzLl9mb3JtQ29udHJvbE9icy5waXBlKGZpbHRlck1heWJlKCkpO1xuXG4gIHByb3RlY3RlZCBfdG9nZ2xlT3BlbiA9IG5ldyBCZWhhdmlvclN1YmplY3Q8TWF5YmU8Ym9vbGVhbj4+KHVuZGVmaW5lZCk7XG5cbiAgcmVhZG9ubHkgc2hvdyQgPSB0aGlzLl90b2dnbGVPcGVuLnBpcGUoXG4gICAgbWVyZ2VNYXAoKHRvZ2dsZU9wZW46IE1heWJlPGJvb2xlYW4+KSA9PiB7XG4gICAgICBpZiAodG9nZ2xlT3BlbiAhPSBudWxsKSB7XG4gICAgICAgIHJldHVybiBvZih0b2dnbGVPcGVuKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHJldHVybiB0aGlzLmhhc1ZhbHVlJDtcbiAgICAgIH1cbiAgICB9KSxcbiAgICBzaGFyZVJlcGxheSgxKVxuICApO1xuXG4gIHJlYWRvbmx5IGhhc1ZhbHVlJCA9IHRoaXMuZm9ybUNvbnRyb2wkLnBpcGUoXG4gICAgc3dpdGNoTWFwKCh4KSA9PiB4LnZhbHVlQ2hhbmdlcy5waXBlKHN0YXJ0V2l0aCh4LnZhbHVlKSxcbiAgICAgIG1hcCgodmFsdWUpID0+IHtcbiAgICAgICAgcmV0dXJuIHRoaXMuaGFzVmFsdWVGbih2YWx1ZSk7XG4gICAgICB9KSxcbiAgICAgIHNoYXJlUmVwbGF5KDEpLFxuICAgICkpXG4gICk7XG5cbiAgZ2V0IGV4cGFuZGFibGVTZWN0aW9uKCk6IE1heWJlPEZvcm1FeHBhbmRhYmxlU2VjdGlvbkNvbmZpZzxUPj4ge1xuICAgIHJldHVybiB0aGlzLnRvLmV4cGFuZGFibGVTZWN0aW9uO1xuICB9XG5cbiAgZ2V0IGhhc1ZhbHVlRm4oKTogKHZhbHVlOiBUKSA9PiBhbnkge1xuICAgIHJldHVybiB0aGlzLmV4cGFuZGFibGVTZWN0aW9uPy5oYXNWYWx1ZUZuID8/IERFRkFVTFRfSEFTX1ZBTFVFX0ZOO1xuICB9XG5cbiAgZ2V0IGV4cGFuZExhYmVsKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuZXhwYW5kYWJsZVNlY3Rpb24/LmV4cGFuZExhYmVsID8/IHRoaXMuZmllbGQ/LnRlbXBsYXRlT3B0aW9ucz8ubGFiZWwgPz8gU3RyaW5nKHRoaXMuZmllbGQ/LmtleSk7XG4gIH1cblxuICBvcGVuKCk6IHZvaWQge1xuICAgIHRoaXMuX3RvZ2dsZU9wZW4ubmV4dCh0cnVlKTtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuX2Zvcm1Db250cm9sT2JzLm5leHQodGhpcy5mb3JtQ29udHJvbCk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLl90b2dnbGVPcGVuLmNvbXBsZXRlKCk7XG4gICAgdGhpcy5fZm9ybUNvbnRyb2xPYnMuY29tcGxldGUoKTtcbiAgfVxuXG59XG5cbi8qKlxuICogU2VjdGlvbiB0aGF0IGlzIGV4cGFuZGFibGUgYnkgYSBidXR0b24gdW50aWwgYSB2YWx1ZSBpcyBzZXQsIG9yIHRoZSBidXR0b24gaXMgcHJlc3NlZC5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHRlbXBsYXRlOiBgXG4gIDxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cInNob3ckIHwgYXN5bmNcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCJ0cnVlXCI+XG4gICAgICA8bmctY29udGFpbmVyICNmaWVsZENvbXBvbmVudD48L25nLWNvbnRhaW5lcj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCJmYWxzZVwiPlxuICAgICAgPHNwYW4gY2xhc3M9XCJmb3JtLWV4cGFuZGFibGUtc2VjdGlvbi1idXR0b25cIiAoY2xpY2spPVwib3BlbigpXCI+e3sgZXhwYW5kTGFiZWwgfX08L3NwYW4+XG4gICAgPC9uZy1jb250YWluZXI+XG4gIDwvbmctY29udGFpbmVyPlxuICBgXG59KVxuZXhwb3J0IGNsYXNzIEZvcm1FeHBhbmRhYmxlU2VjdGlvbldyYXBwZXJDb21wb25lbnQ8VCA9IGFueSwgRiBleHRlbmRzIEZvcm1FeHBhbmRhYmxlU2VjdGlvbkZvcm1seUNvbmZpZzxUPiA9IEZvcm1FeHBhbmRhYmxlU2VjdGlvbkZvcm1seUNvbmZpZzxUPj5cbiAgZXh0ZW5kcyBBYnN0cmFjdEZvcm1FeHBhbmRhYmxlU2VjdGlvbldyYXBwZXJEaXJlY3RpdmU8VCwgRj4ge1xuXG59XG4iXX0=
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import { FieldWrapper } from '@ngx-formly/core';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class FormFlexWrapperComponent extends FieldWrapper {
|
|
5
|
+
}
|
|
6
|
+
FormFlexWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: FormFlexWrapperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
7
|
+
FormFlexWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: FormFlexWrapperComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
|
|
8
|
+
<div class="form-flex-section">
|
|
9
|
+
<ng-container #fieldComponent></ng-container>
|
|
10
|
+
</div>
|
|
11
|
+
`, isInline: true });
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: FormFlexWrapperComponent, decorators: [{
|
|
13
|
+
type: Component,
|
|
14
|
+
args: [{
|
|
15
|
+
template: `
|
|
16
|
+
<div class="form-flex-section">
|
|
17
|
+
<ng-container #fieldComponent></ng-container>
|
|
18
|
+
</div>
|
|
19
|
+
`
|
|
20
|
+
}]
|
|
21
|
+
}] });
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxleC53cmFwcGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC1mb3JtL3NyYy9saWIvZm9ybWx5L2ZpZWxkL3dyYXBwZXIvZmxleC53cmFwcGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7QUFTaEQsTUFBTSxPQUFPLHdCQUF5QixTQUFRLFlBQVk7O3FIQUE3Qyx3QkFBd0I7eUdBQXhCLHdCQUF3QiwyRUFOekI7Ozs7R0FJVDsyRkFFVSx3QkFBd0I7a0JBUHBDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFOzs7O0dBSVQ7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZpZWxkV3JhcHBlciB9IGZyb20gJ0BuZ3gtZm9ybWx5L2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwiZm9ybS1mbGV4LXNlY3Rpb25cIj5cbiAgICAgIDxuZy1jb250YWluZXIgI2ZpZWxkQ29tcG9uZW50PjwvbmctY29udGFpbmVyPlxuICAgIDwvZGl2PlxuICBgXG59KVxuZXhwb3J0IGNsYXNzIEZvcm1GbGV4V3JhcHBlckNvbXBvbmVudCBleHRlbmRzIEZpZWxkV3JhcHBlciB7IH1cbiJdfQ==
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export function flexLayoutWrapper(fieldConfigs, { size: defaultSize = 2, retainSizeOnSmallScreen } = {}) {
|
|
2
|
+
const defaultRetainSizeOnSmallScreen = retainSizeOnSmallScreen;
|
|
3
|
+
return {
|
|
4
|
+
wrappers: ['flex'],
|
|
5
|
+
fieldGroupClassName: 'form-flex-section-group',
|
|
6
|
+
// fieldGroupClassName: 'field-layout-group',
|
|
7
|
+
fieldGroup: fieldConfigs.map((config) => {
|
|
8
|
+
const { field, size = defaultSize, retainSizeOnSmallScreen = defaultRetainSizeOnSmallScreen } = config;
|
|
9
|
+
let className = `form-flex-${size}`;
|
|
10
|
+
if (retainSizeOnSmallScreen != false) {
|
|
11
|
+
className = className + ' form-flex-responsive';
|
|
12
|
+
}
|
|
13
|
+
return {
|
|
14
|
+
...field,
|
|
15
|
+
className
|
|
16
|
+
};
|
|
17
|
+
})
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxleC53cmFwcGVyLmxheW91dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC1mb3JtL3NyYy9saWIvZm9ybWx5L2ZpZWxkL3dyYXBwZXIvZmxleC53cmFwcGVyLmxheW91dC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZQSxNQUFNLFVBQVUsaUJBQWlCLENBQUMsWUFBK0MsRUFBRSxFQUFFLElBQUksRUFBRSxXQUFXLEdBQUcsQ0FBQyxFQUFFLHVCQUF1QixLQUE4QyxFQUFFO0lBQ2pMLE1BQU0sOEJBQThCLEdBQUcsdUJBQXVCLENBQUM7SUFFL0QsT0FBTztRQUNMLFFBQVEsRUFBRSxDQUFDLE1BQU0sQ0FBQztRQUNsQixtQkFBbUIsRUFBRSx5QkFBeUI7UUFDOUMsNkNBQTZDO1FBQzdDLFVBQVUsRUFBRSxZQUFZLENBQUMsR0FBRyxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUU7WUFDdEMsTUFBTSxFQUFFLEtBQUssRUFBRSxJQUFJLEdBQUcsV0FBVyxFQUFFLHVCQUF1QixHQUFHLDhCQUE4QixFQUFFLEdBQUcsTUFBTSxDQUFDO1lBRXZHLElBQUksU0FBUyxHQUFHLGFBQWEsSUFBSSxFQUFFLENBQUM7WUFFcEMsSUFBSSx1QkFBdUIsSUFBSSxLQUFLLEVBQUU7Z0JBQ3BDLFNBQVMsR0FBRyxTQUFTLEdBQUcsdUJBQXVCLENBQUM7YUFDakQ7WUFFRCxPQUFPO2dCQUNMLEdBQUcsS0FBSztnQkFDUixTQUFTO2FBQ1YsQ0FBQztRQUNKLENBQUMsQ0FBQztLQUNILENBQUM7QUFDSixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRm9ybWx5RmllbGRDb25maWcgfSBmcm9tICdAbmd4LWZvcm1seS9jb3JlJztcblxuZXhwb3J0IHR5cGUgRm9ybUZsZXhMYXlvdXRTaXplID0gMSB8IDIgfCAzIHwgNCB8IDUgfCA2O1xuXG5leHBvcnQgaW50ZXJmYWNlIEZpZWxkRmxleExheW91dEdyb3VwRmllbGRDb25maWcge1xuICBmaWVsZDogRm9ybWx5RmllbGRDb25maWc7XG4gIHNpemU/OiBGb3JtRmxleExheW91dFNpemU7XG4gIHJldGFpblNpemVPblNtYWxsU2NyZWVuPzogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBGaWVsZEZsZXhMYXlvdXRHcm91cEZpZWxkQ29uZmlnRGVmYXVsdHMgZXh0ZW5kcyBPbWl0PEZpZWxkRmxleExheW91dEdyb3VwRmllbGRDb25maWcsICdmaWVsZCc+IHsgfVxuXG5leHBvcnQgZnVuY3Rpb24gZmxleExheW91dFdyYXBwZXIoZmllbGRDb25maWdzOiBGaWVsZEZsZXhMYXlvdXRHcm91cEZpZWxkQ29uZmlnW10sIHsgc2l6ZTogZGVmYXVsdFNpemUgPSAyLCByZXRhaW5TaXplT25TbWFsbFNjcmVlbiB9OiBGaWVsZEZsZXhMYXlvdXRHcm91cEZpZWxkQ29uZmlnRGVmYXVsdHMgPSB7fSk6IEZvcm1seUZpZWxkQ29uZmlnIHtcbiAgY29uc3QgZGVmYXVsdFJldGFpblNpemVPblNtYWxsU2NyZWVuID0gcmV0YWluU2l6ZU9uU21hbGxTY3JlZW47XG5cbiAgcmV0dXJuIHtcbiAgICB3cmFwcGVyczogWydmbGV4J10sXG4gICAgZmllbGRHcm91cENsYXNzTmFtZTogJ2Zvcm0tZmxleC1zZWN0aW9uLWdyb3VwJyxcbiAgICAvLyBmaWVsZEdyb3VwQ2xhc3NOYW1lOiAnZmllbGQtbGF5b3V0LWdyb3VwJyxcbiAgICBmaWVsZEdyb3VwOiBmaWVsZENvbmZpZ3MubWFwKChjb25maWcpID0+IHtcbiAgICAgIGNvbnN0IHsgZmllbGQsIHNpemUgPSBkZWZhdWx0U2l6ZSwgcmV0YWluU2l6ZU9uU21hbGxTY3JlZW4gPSBkZWZhdWx0UmV0YWluU2l6ZU9uU21hbGxTY3JlZW4gfSA9IGNvbmZpZztcblxuICAgICAgbGV0IGNsYXNzTmFtZSA9IGBmb3JtLWZsZXgtJHtzaXplfWA7XG5cbiAgICAgIGlmIChyZXRhaW5TaXplT25TbWFsbFNjcmVlbiAhPSBmYWxzZSkge1xuICAgICAgICBjbGFzc05hbWUgPSBjbGFzc05hbWUgKyAnIGZvcm0tZmxleC1yZXNwb25zaXZlJztcbiAgICAgIH1cblxuICAgICAgcmV0dXJuIHtcbiAgICAgICAgLi4uZmllbGQsXG4gICAgICAgIGNsYXNzTmFtZVxuICAgICAgfTtcbiAgICB9KVxuICB9O1xufVxuIl19
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import { MatButtonModule } from '@angular/material/button';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { NgModule } from '@angular/core';
|
|
4
|
+
import { MatIconModule } from '@angular/material/icon';
|
|
5
|
+
import { FormlyModule } from '@ngx-formly/core';
|
|
6
|
+
import { FormInfoSectionWrapperComponent } from './info.wrapper.component';
|
|
7
|
+
import { FormSectionWrapperComponent } from './section.wrapper.component';
|
|
8
|
+
import { FlexLayoutModule } from '@angular/flex-layout';
|
|
9
|
+
import { FormFlexWrapperComponent } from './flex.wrapper.component';
|
|
10
|
+
import { FormSubsectionWrapperComponent } from './subsection.wrapper.component';
|
|
11
|
+
import { FormExpandableSectionWrapperComponent } from './expandable.wrapper.component';
|
|
12
|
+
import { AutoTouchFieldWrapperComponent } from './autotouch.wrapper.component';
|
|
13
|
+
import { FormToggleSectionWrapperComponent } from './toggle.wrapper.component';
|
|
14
|
+
import { MatSlideToggleModule } from '@angular/material/slide-toggle';
|
|
15
|
+
import { DbxTextModule } from '@dereekb/dbx-web';
|
|
16
|
+
import * as i0 from "@angular/core";
|
|
17
|
+
import * as i1 from "@ngx-formly/core";
|
|
18
|
+
export class DbxFormFormlyWrapperModule {
|
|
19
|
+
}
|
|
20
|
+
DbxFormFormlyWrapperModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxFormFormlyWrapperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
21
|
+
DbxFormFormlyWrapperModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxFormFormlyWrapperModule, declarations: [AutoTouchFieldWrapperComponent,
|
|
22
|
+
FormSectionWrapperComponent,
|
|
23
|
+
FormSubsectionWrapperComponent,
|
|
24
|
+
FormInfoSectionWrapperComponent,
|
|
25
|
+
FormExpandableSectionWrapperComponent,
|
|
26
|
+
FormToggleSectionWrapperComponent], imports: [CommonModule,
|
|
27
|
+
DbxTextModule,
|
|
28
|
+
MatButtonModule,
|
|
29
|
+
MatSlideToggleModule,
|
|
30
|
+
MatIconModule,
|
|
31
|
+
FlexLayoutModule, i1.FormlyModule] });
|
|
32
|
+
DbxFormFormlyWrapperModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxFormFormlyWrapperModule, imports: [[
|
|
33
|
+
CommonModule,
|
|
34
|
+
DbxTextModule,
|
|
35
|
+
MatButtonModule,
|
|
36
|
+
MatSlideToggleModule,
|
|
37
|
+
MatIconModule,
|
|
38
|
+
FlexLayoutModule,
|
|
39
|
+
FormlyModule.forChild({
|
|
40
|
+
wrappers: [
|
|
41
|
+
{ name: 'autotouch', component: AutoTouchFieldWrapperComponent },
|
|
42
|
+
{ name: 'expandable', component: FormExpandableSectionWrapperComponent },
|
|
43
|
+
{ name: 'toggle', component: FormToggleSectionWrapperComponent },
|
|
44
|
+
{ name: 'section', component: FormSectionWrapperComponent },
|
|
45
|
+
{ name: 'subsection', component: FormSubsectionWrapperComponent },
|
|
46
|
+
{ name: 'info', component: FormInfoSectionWrapperComponent },
|
|
47
|
+
{ name: 'flex', component: FormFlexWrapperComponent }
|
|
48
|
+
]
|
|
49
|
+
})
|
|
50
|
+
]] });
|
|
51
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxFormFormlyWrapperModule, decorators: [{
|
|
52
|
+
type: NgModule,
|
|
53
|
+
args: [{
|
|
54
|
+
imports: [
|
|
55
|
+
CommonModule,
|
|
56
|
+
DbxTextModule,
|
|
57
|
+
MatButtonModule,
|
|
58
|
+
MatSlideToggleModule,
|
|
59
|
+
MatIconModule,
|
|
60
|
+
FlexLayoutModule,
|
|
61
|
+
FormlyModule.forChild({
|
|
62
|
+
wrappers: [
|
|
63
|
+
{ name: 'autotouch', component: AutoTouchFieldWrapperComponent },
|
|
64
|
+
{ name: 'expandable', component: FormExpandableSectionWrapperComponent },
|
|
65
|
+
{ name: 'toggle', component: FormToggleSectionWrapperComponent },
|
|
66
|
+
{ name: 'section', component: FormSectionWrapperComponent },
|
|
67
|
+
{ name: 'subsection', component: FormSubsectionWrapperComponent },
|
|
68
|
+
{ name: 'info', component: FormInfoSectionWrapperComponent },
|
|
69
|
+
{ name: 'flex', component: FormFlexWrapperComponent }
|
|
70
|
+
]
|
|
71
|
+
})
|
|
72
|
+
],
|
|
73
|
+
declarations: [
|
|
74
|
+
AutoTouchFieldWrapperComponent,
|
|
75
|
+
FormSectionWrapperComponent,
|
|
76
|
+
FormSubsectionWrapperComponent,
|
|
77
|
+
FormInfoSectionWrapperComponent,
|
|
78
|
+
FormExpandableSectionWrapperComponent,
|
|
79
|
+
FormToggleSectionWrapperComponent
|
|
80
|
+
],
|
|
81
|
+
exports: []
|
|
82
|
+
}]
|
|
83
|
+
}] });
|
|
84
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS53cmFwcGVyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC1mb3JtL3NyYy9saWIvZm9ybWx5L2ZpZWxkL3dyYXBwZXIvZm9ybS53cmFwcGVyLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDM0QsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNoRCxPQUFPLEVBQUUsK0JBQStCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMzRSxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUMxRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNwRSxPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUNoRixPQUFPLEVBQUUscUNBQXFDLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUN2RixPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUMvRSxPQUFPLEVBQUUsaUNBQWlDLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUMvRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUN0RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7OztBQWdDakQsTUFBTSxPQUFPLDBCQUEwQjs7dUhBQTFCLDBCQUEwQjt3SEFBMUIsMEJBQTBCLGlCQVRuQyw4QkFBOEI7UUFDOUIsMkJBQTJCO1FBQzNCLDhCQUE4QjtRQUM5QiwrQkFBK0I7UUFDL0IscUNBQXFDO1FBQ3JDLGlDQUFpQyxhQXhCakMsWUFBWTtRQUNaLGFBQWE7UUFDYixlQUFlO1FBQ2Ysb0JBQW9CO1FBQ3BCLGFBQWE7UUFDYixnQkFBZ0I7d0hBdUJQLDBCQUEwQixZQTdCNUI7WUFDUCxZQUFZO1lBQ1osYUFBYTtZQUNiLGVBQWU7WUFDZixvQkFBb0I7WUFDcEIsYUFBYTtZQUNiLGdCQUFnQjtZQUNoQixZQUFZLENBQUMsUUFBUSxDQUFDO2dCQUNwQixRQUFRLEVBQUU7b0JBQ1IsRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSw4QkFBOEIsRUFBRTtvQkFDaEUsRUFBRSxJQUFJLEVBQUUsWUFBWSxFQUFFLFNBQVMsRUFBRSxxQ0FBcUMsRUFBRTtvQkFDeEUsRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxpQ0FBaUMsRUFBRTtvQkFDaEUsRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSwyQkFBMkIsRUFBRTtvQkFDM0QsRUFBRSxJQUFJLEVBQUUsWUFBWSxFQUFFLFNBQVMsRUFBRSw4QkFBOEIsRUFBRTtvQkFDakUsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSwrQkFBK0IsRUFBRTtvQkFDNUQsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSx3QkFBd0IsRUFBRTtpQkFDdEQ7YUFDRixDQUFDO1NBQ0g7MkZBV1UsMEJBQTBCO2tCQTlCdEMsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixhQUFhO3dCQUNiLGVBQWU7d0JBQ2Ysb0JBQW9CO3dCQUNwQixhQUFhO3dCQUNiLGdCQUFnQjt3QkFDaEIsWUFBWSxDQUFDLFFBQVEsQ0FBQzs0QkFDcEIsUUFBUSxFQUFFO2dDQUNSLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUUsOEJBQThCLEVBQUU7Z0NBQ2hFLEVBQUUsSUFBSSxFQUFFLFlBQVksRUFBRSxTQUFTLEVBQUUscUNBQXFDLEVBQUU7Z0NBQ3hFLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsaUNBQWlDLEVBQUU7Z0NBQ2hFLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsMkJBQTJCLEVBQUU7Z0NBQzNELEVBQUUsSUFBSSxFQUFFLFlBQVksRUFBRSxTQUFTLEVBQUUsOEJBQThCLEVBQUU7Z0NBQ2pFLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsK0JBQStCLEVBQUU7Z0NBQzVELEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsd0JBQXdCLEVBQUU7NkJBQ3REO3lCQUNGLENBQUM7cUJBQ0g7b0JBQ0QsWUFBWSxFQUFFO3dCQUNaLDhCQUE4Qjt3QkFDOUIsMkJBQTJCO3dCQUMzQiw4QkFBOEI7d0JBQzlCLCtCQUErQjt3QkFDL0IscUNBQXFDO3dCQUNyQyxpQ0FBaUM7cUJBQ2xDO29CQUNELE9BQU8sRUFBRSxFQUFFO2lCQUNaIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTWF0QnV0dG9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgRm9ybWx5TW9kdWxlIH0gZnJvbSAnQG5neC1mb3JtbHkvY29yZSc7XG5pbXBvcnQgeyBGb3JtSW5mb1NlY3Rpb25XcmFwcGVyQ29tcG9uZW50IH0gZnJvbSAnLi9pbmZvLndyYXBwZXIuY29tcG9uZW50JztcbmltcG9ydCB7IEZvcm1TZWN0aW9uV3JhcHBlckNvbXBvbmVudCB9IGZyb20gJy4vc2VjdGlvbi53cmFwcGVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBGbGV4TGF5b3V0TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZmxleC1sYXlvdXQnO1xuaW1wb3J0IHsgRm9ybUZsZXhXcmFwcGVyQ29tcG9uZW50IH0gZnJvbSAnLi9mbGV4LndyYXBwZXIuY29tcG9uZW50JztcbmltcG9ydCB7IEZvcm1TdWJzZWN0aW9uV3JhcHBlckNvbXBvbmVudCB9IGZyb20gJy4vc3Vic2VjdGlvbi53cmFwcGVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBGb3JtRXhwYW5kYWJsZVNlY3Rpb25XcmFwcGVyQ29tcG9uZW50IH0gZnJvbSAnLi9leHBhbmRhYmxlLndyYXBwZXIuY29tcG9uZW50JztcbmltcG9ydCB7IEF1dG9Ub3VjaEZpZWxkV3JhcHBlckNvbXBvbmVudCB9IGZyb20gJy4vYXV0b3RvdWNoLndyYXBwZXIuY29tcG9uZW50JztcbmltcG9ydCB7IEZvcm1Ub2dnbGVTZWN0aW9uV3JhcHBlckNvbXBvbmVudCB9IGZyb20gJy4vdG9nZ2xlLndyYXBwZXIuY29tcG9uZW50JztcbmltcG9ydCB7IE1hdFNsaWRlVG9nZ2xlTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvc2xpZGUtdG9nZ2xlJztcbmltcG9ydCB7IERieFRleHRNb2R1bGUgfSBmcm9tICdAZGVyZWVrYi9kYngtd2ViJztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBEYnhUZXh0TW9kdWxlLFxuICAgIE1hdEJ1dHRvbk1vZHVsZSxcbiAgICBNYXRTbGlkZVRvZ2dsZU1vZHVsZSxcbiAgICBNYXRJY29uTW9kdWxlLFxuICAgIEZsZXhMYXlvdXRNb2R1bGUsXG4gICAgRm9ybWx5TW9kdWxlLmZvckNoaWxkKHtcbiAgICAgIHdyYXBwZXJzOiBbXG4gICAgICAgIHsgbmFtZTogJ2F1dG90b3VjaCcsIGNvbXBvbmVudDogQXV0b1RvdWNoRmllbGRXcmFwcGVyQ29tcG9uZW50IH0sXG4gICAgICAgIHsgbmFtZTogJ2V4cGFuZGFibGUnLCBjb21wb25lbnQ6IEZvcm1FeHBhbmRhYmxlU2VjdGlvbldyYXBwZXJDb21wb25lbnQgfSxcbiAgICAgICAgeyBuYW1lOiAndG9nZ2xlJywgY29tcG9uZW50OiBGb3JtVG9nZ2xlU2VjdGlvbldyYXBwZXJDb21wb25lbnQgfSxcbiAgICAgICAgeyBuYW1lOiAnc2VjdGlvbicsIGNvbXBvbmVudDogRm9ybVNlY3Rpb25XcmFwcGVyQ29tcG9uZW50IH0sXG4gICAgICAgIHsgbmFtZTogJ3N1YnNlY3Rpb24nLCBjb21wb25lbnQ6IEZvcm1TdWJzZWN0aW9uV3JhcHBlckNvbXBvbmVudCB9LFxuICAgICAgICB7IG5hbWU6ICdpbmZvJywgY29tcG9uZW50OiBGb3JtSW5mb1NlY3Rpb25XcmFwcGVyQ29tcG9uZW50IH0sXG4gICAgICAgIHsgbmFtZTogJ2ZsZXgnLCBjb21wb25lbnQ6IEZvcm1GbGV4V3JhcHBlckNvbXBvbmVudCB9XG4gICAgICBdXG4gICAgfSlcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgQXV0b1RvdWNoRmllbGRXcmFwcGVyQ29tcG9uZW50LFxuICAgIEZvcm1TZWN0aW9uV3JhcHBlckNvbXBvbmVudCxcbiAgICBGb3JtU3Vic2VjdGlvbldyYXBwZXJDb21wb25lbnQsXG4gICAgRm9ybUluZm9TZWN0aW9uV3JhcHBlckNvbXBvbmVudCxcbiAgICBGb3JtRXhwYW5kYWJsZVNlY3Rpb25XcmFwcGVyQ29tcG9uZW50LFxuICAgIEZvcm1Ub2dnbGVTZWN0aW9uV3JhcHBlckNvbXBvbmVudFxuICBdLFxuICBleHBvcnRzOiBbXVxufSlcbmV4cG9ydCBjbGFzcyBEYnhGb3JtRm9ybWx5V3JhcHBlck1vZHVsZSB7IH1cbiJdfQ==
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export * from './autotouch.wrapper.component';
|
|
2
|
+
export * from './expandable.wrapper.component';
|
|
3
|
+
export * from './flex.wrapper.component';
|
|
4
|
+
export * from './flex.wrapper.layout';
|
|
5
|
+
export * from './form.wrapper.module';
|
|
6
|
+
export * from './info.wrapper.component';
|
|
7
|
+
export * from './section.wrapper.component';
|
|
8
|
+
export * from './subsection.wrapper.component';
|
|
9
|
+
export * from './toggle.wrapper.component';
|
|
10
|
+
export * from './toggle.wrapper';
|
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtZm9ybS9zcmMvbGliL2Zvcm1seS9maWVsZC93cmFwcGVyL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsa0JBQWtCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2F1dG90b3VjaC53cmFwcGVyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2V4cGFuZGFibGUud3JhcHBlci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9mbGV4LndyYXBwZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vZmxleC53cmFwcGVyLmxheW91dCc7XG5leHBvcnQgKiBmcm9tICcuL2Zvcm0ud3JhcHBlci5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9pbmZvLndyYXBwZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vc2VjdGlvbi53cmFwcGVyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3N1YnNlY3Rpb24ud3JhcHBlci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi90b2dnbGUud3JhcHBlci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi90b2dnbGUud3JhcHBlcic7XG4iXX0=
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import { FieldWrapper } from '@ngx-formly/core';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/material/button";
|
|
5
|
+
import * as i2 from "@angular/material/icon";
|
|
6
|
+
import * as i3 from "@angular/flex-layout/flex";
|
|
7
|
+
export class FormInfoSectionWrapperComponent extends FieldWrapper {
|
|
8
|
+
get infoSection() {
|
|
9
|
+
return this.to.infoSection;
|
|
10
|
+
}
|
|
11
|
+
onInfoClick() {
|
|
12
|
+
this.infoSection.onInfoClick();
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
FormInfoSectionWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: FormInfoSectionWrapperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
16
|
+
FormInfoSectionWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: FormInfoSectionWrapperComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
|
|
17
|
+
<div class="form-info-section" fxLayout="row">
|
|
18
|
+
<div class="form-info-section-content" fxFlex="grow">
|
|
19
|
+
<ng-container #fieldComponent></ng-container>
|
|
20
|
+
</div>
|
|
21
|
+
<div class="form-info-section-info" fxFlex="noshrink" fxLayout="column" fxLayoutAlign="center center">
|
|
22
|
+
<button mat-icon-button [attr.aria-label]="'show info button for ' + to.label || 'section'"
|
|
23
|
+
(click)="onInfoClick()">
|
|
24
|
+
<mat-icon>info</mat-icon>
|
|
25
|
+
</button>
|
|
26
|
+
</div>
|
|
27
|
+
</div>
|
|
28
|
+
`, isInline: true, components: [{ type: i1.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"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i3.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i3.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }] });
|
|
29
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: FormInfoSectionWrapperComponent, decorators: [{
|
|
30
|
+
type: Component,
|
|
31
|
+
args: [{
|
|
32
|
+
template: `
|
|
33
|
+
<div class="form-info-section" fxLayout="row">
|
|
34
|
+
<div class="form-info-section-content" fxFlex="grow">
|
|
35
|
+
<ng-container #fieldComponent></ng-container>
|
|
36
|
+
</div>
|
|
37
|
+
<div class="form-info-section-info" fxFlex="noshrink" fxLayout="column" fxLayoutAlign="center center">
|
|
38
|
+
<button mat-icon-button [attr.aria-label]="'show info button for ' + to.label || 'section'"
|
|
39
|
+
(click)="onInfoClick()">
|
|
40
|
+
<mat-icon>info</mat-icon>
|
|
41
|
+
</button>
|
|
42
|
+
</div>
|
|
43
|
+
</div>
|
|
44
|
+
`
|
|
45
|
+
}]
|
|
46
|
+
}] });
|
|
47
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5mby53cmFwcGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC1mb3JtL3NyYy9saWIvZm9ybWx5L2ZpZWxkL3dyYXBwZXIvaW5mby53cmFwcGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxZQUFZLEVBQTRDLE1BQU0sa0JBQWtCLENBQUM7Ozs7O0FBNkIxRixNQUFNLE9BQU8sK0JBQW1DLFNBQVEsWUFBNkM7SUFFbkcsSUFBSSxXQUFXO1FBQ2IsT0FBTyxJQUFJLENBQUMsRUFBRSxDQUFDLFdBQVcsQ0FBQztJQUM3QixDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxXQUFXLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDakMsQ0FBQzs7NEhBUlUsK0JBQStCO2dIQUEvQiwrQkFBK0IsMkVBZGhDOzs7Ozs7Ozs7Ozs7R0FZVDsyRkFFVSwrQkFBK0I7a0JBZjNDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7R0FZVDtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRmllbGRXcmFwcGVyLCBGb3JtbHlGaWVsZENvbmZpZywgRm9ybWx5VGVtcGxhdGVPcHRpb25zIH0gZnJvbSAnQG5neC1mb3JtbHkvY29yZSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgRm9ybUluZm9TZWN0aW9uQ29uZmlnPFQ+IHtcbiAgb25JbmZvQ2xpY2s6ICgpID0+IHZvaWQ7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgRm9ybUluZm9TZWN0aW9uV3JhcHBlclRlbXBsYXRlT3B0aW9uczxUID0gYW55PiBleHRlbmRzIEZvcm1seVRlbXBsYXRlT3B0aW9ucyB7XG4gIGluZm9TZWN0aW9uOiBGb3JtSW5mb1NlY3Rpb25Db25maWc8VD47XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgRm9ybUluZm9TZWN0aW9uV0Zvcm1seUNvbmZpZzxUID0gYW55PiBleHRlbmRzIEZvcm1seUZpZWxkQ29uZmlnIHtcbiAgdGVtcGxhdGVPcHRpb25zPzogRm9ybUluZm9TZWN0aW9uV3JhcHBlclRlbXBsYXRlT3B0aW9uczxUPjtcbn1cblxuQENvbXBvbmVudCh7XG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cImZvcm0taW5mby1zZWN0aW9uXCIgZnhMYXlvdXQ9XCJyb3dcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJmb3JtLWluZm8tc2VjdGlvbi1jb250ZW50XCIgZnhGbGV4PVwiZ3Jvd1wiPlxuICAgICAgICA8bmctY29udGFpbmVyICNmaWVsZENvbXBvbmVudD48L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cImZvcm0taW5mby1zZWN0aW9uLWluZm9cIiBmeEZsZXg9XCJub3Nocmlua1wiIGZ4TGF5b3V0PVwiY29sdW1uXCIgZnhMYXlvdXRBbGlnbj1cImNlbnRlciBjZW50ZXJcIj5cbiAgICAgICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gW2F0dHIuYXJpYS1sYWJlbF09XCInc2hvdyBpbmZvIGJ1dHRvbiBmb3IgJyArIHRvLmxhYmVsIHx8ICdzZWN0aW9uJ1wiXG4gICAgICAgICAgKGNsaWNrKT1cIm9uSW5mb0NsaWNrKClcIj5cbiAgICAgICAgICA8bWF0LWljb24+aW5mbzwvbWF0LWljb24+XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIGBcbn0pXG5leHBvcnQgY2xhc3MgRm9ybUluZm9TZWN0aW9uV3JhcHBlckNvbXBvbmVudDxUPiBleHRlbmRzIEZpZWxkV3JhcHBlcjxGb3JtSW5mb1NlY3Rpb25XRm9ybWx5Q29uZmlnPFQ+PiB7XG5cbiAgZ2V0IGluZm9TZWN0aW9uKCk6IEZvcm1JbmZvU2VjdGlvbkNvbmZpZzxUPiB7XG4gICAgcmV0dXJuIHRoaXMudG8uaW5mb1NlY3Rpb247XG4gIH1cblxuICBvbkluZm9DbGljaygpOiB2b2lkIHtcbiAgICB0aGlzLmluZm9TZWN0aW9uLm9uSW5mb0NsaWNrKCk7XG4gIH1cblxufVxuIl19
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import { FieldWrapper } from '@ngx-formly/core';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@dereekb/dbx-web";
|
|
5
|
+
import * as i2 from "@angular/common";
|
|
6
|
+
export class FormSectionWrapperComponent extends FieldWrapper {
|
|
7
|
+
get description() {
|
|
8
|
+
return this.to.description;
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
FormSectionWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: FormSectionWrapperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
12
|
+
FormSectionWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: FormSectionWrapperComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
|
|
13
|
+
<div class="form-section">
|
|
14
|
+
<h3>{{ to.label }}</h3>
|
|
15
|
+
<div class="form-section-content">
|
|
16
|
+
<ng-container #fieldComponent></ng-container>
|
|
17
|
+
</div>
|
|
18
|
+
<dbx-hint *ngIf="description">{{ description }}</dbx-hint>
|
|
19
|
+
</div>
|
|
20
|
+
`, isInline: true, components: [{ type: i1.DbxHintComponent, selector: "dbx-hint" }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: FormSectionWrapperComponent, decorators: [{
|
|
22
|
+
type: Component,
|
|
23
|
+
args: [{
|
|
24
|
+
template: `
|
|
25
|
+
<div class="form-section">
|
|
26
|
+
<h3>{{ to.label }}</h3>
|
|
27
|
+
<div class="form-section-content">
|
|
28
|
+
<ng-container #fieldComponent></ng-container>
|
|
29
|
+
</div>
|
|
30
|
+
<dbx-hint *ngIf="description">{{ description }}</dbx-hint>
|
|
31
|
+
</div>
|
|
32
|
+
`
|
|
33
|
+
}]
|
|
34
|
+
}] });
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi53cmFwcGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC1mb3JtL3NyYy9saWIvZm9ybWx5L2ZpZWxkL3dyYXBwZXIvc2VjdGlvbi53cmFwcGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTFDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7OztBQWFoRCxNQUFNLE9BQU8sMkJBQTRCLFNBQVEsWUFBWTtJQUUzRCxJQUFJLFdBQVc7UUFDYixPQUFPLElBQUksQ0FBQyxFQUFFLENBQUMsV0FBVyxDQUFDO0lBQzdCLENBQUM7O3dIQUpVLDJCQUEyQjs0R0FBM0IsMkJBQTJCLDJFQVY1Qjs7Ozs7Ozs7R0FRVDsyRkFFVSwyQkFBMkI7a0JBWHZDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFOzs7Ozs7OztHQVFUO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXliZSB9IGZyb20gJ0BkZXJlZWtiL3V0aWwnO1xuaW1wb3J0IHsgRmllbGRXcmFwcGVyIH0gZnJvbSAnQG5neC1mb3JtbHkvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJmb3JtLXNlY3Rpb25cIj5cbiAgICAgIDxoMz57eyB0by5sYWJlbCB9fTwvaDM+XG4gICAgICA8ZGl2IGNsYXNzPVwiZm9ybS1zZWN0aW9uLWNvbnRlbnRcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAjZmllbGRDb21wb25lbnQ+PC9uZy1jb250YWluZXI+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkYngtaGludCAqbmdJZj1cImRlc2NyaXB0aW9uXCI+e3sgZGVzY3JpcHRpb24gfX08L2RieC1oaW50PlxuICAgIDwvZGl2PlxuICBgXG59KVxuZXhwb3J0IGNsYXNzIEZvcm1TZWN0aW9uV3JhcHBlckNvbXBvbmVudCBleHRlbmRzIEZpZWxkV3JhcHBlciB7XG5cbiAgZ2V0IGRlc2NyaXB0aW9uKCk6IE1heWJlPHN0cmluZz4ge1xuICAgIHJldHVybiB0aGlzLnRvLmRlc2NyaXB0aW9uO1xuICB9XG5cbn1cbiJdfQ==
|