@ng-flexy/form
Version:
Flexy components and tools to build Angular 8+ applications
39 lines (38 loc) • 4.04 kB
JavaScript
import { Component, Input } from '@angular/core';
export class FlexyFormContainerComponent {
}
FlexyFormContainerComponent.decorators = [
{ type: Component, args: [{
selector: 'flexy-form-container',
template: `
<ng-template #tmplRef let-schema let-form="form">
<ng-container *ngFor="let schemaItem of schema">
<ng-container *flexyFormIf="{ schema: schemaItem, form: form }">
<ng-container
*ngIf="schemaItem.componentType"
flexyFormContainer
[componentSchema]="schemaItem"
[flexyForm]="form"
></ng-container>
<ng-container *ngIf="!schemaItem.componentType">
<div flexyFormAttributes [componentSchema]="schemaItem" [flexyForm]="form">
<ng-container *ngIf="schemaItem.children">
<ng-container *ngTemplateOutlet="tmplRef; context: { $implicit: schemaItem.children, form: form }"></ng-container>
</ng-container>
</div>
</ng-container>
</ng-container>
</ng-container>
</ng-template>
<ng-content></ng-content>
<ng-container *ngTemplateOutlet="tmplRef; context: { $implicit: schema, form: form }"></ng-container>
`
// ,
// changeDetection: ChangeDetectionStrategy.OnPush
},] }
];
FlexyFormContainerComponent.propDecorators = {
form: [{ type: Input }],
schema: [{ type: Input }]
};
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1jb250YWluZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZm9ybS9zcmMvbGliL2NvbXBvbmVudHMvZm9ybS1jb250YWluZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBaUNqRCxNQUFNLE9BQU8sMkJBQTJCOzs7WUE3QnZDLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsc0JBQXNCO2dCQUNoQyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBdUJUO2dCQUNELElBQUk7Z0JBQ0osa0RBQWtEO2FBQ25EOzs7bUJBRUUsS0FBSztxQkFDTCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRmxleHlGb3JtIH0gZnJvbSAnLi4vbW9kZWxzL2Zvcm0ubW9kZWwnO1xuaW1wb3J0IHsgRmxleHlGb3JtTGF5b3V0U2NoZW1hIH0gZnJvbSAnLi4vbW9kZWxzL2xheW91dC1zY2hlbWEubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmbGV4eS1mb3JtLWNvbnRhaW5lcicsXG4gIHRlbXBsYXRlOiBgXG4gICAgPG5nLXRlbXBsYXRlICN0bXBsUmVmIGxldC1zY2hlbWEgbGV0LWZvcm09XCJmb3JtXCI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBzY2hlbWFJdGVtIG9mIHNjaGVtYVwiPlxuICAgICAgICA8bmctY29udGFpbmVyICpmbGV4eUZvcm1JZj1cInsgc2NoZW1hOiBzY2hlbWFJdGVtLCBmb3JtOiBmb3JtIH1cIj5cbiAgICAgICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICAgICAqbmdJZj1cInNjaGVtYUl0ZW0uY29tcG9uZW50VHlwZVwiXG4gICAgICAgICAgICBmbGV4eUZvcm1Db250YWluZXJcbiAgICAgICAgICAgIFtjb21wb25lbnRTY2hlbWFdPVwic2NoZW1hSXRlbVwiXG4gICAgICAgICAgICBbZmxleHlGb3JtXT1cImZvcm1cIlxuICAgICAgICAgID48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIXNjaGVtYUl0ZW0uY29tcG9uZW50VHlwZVwiPlxuICAgICAgICAgICAgPGRpdiBmbGV4eUZvcm1BdHRyaWJ1dGVzIFtjb21wb25lbnRTY2hlbWFdPVwic2NoZW1hSXRlbVwiIFtmbGV4eUZvcm1dPVwiZm9ybVwiPlxuICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwic2NoZW1hSXRlbS5jaGlsZHJlblwiPlxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0bXBsUmVmOyBjb250ZXh0OiB7ICRpbXBsaWNpdDogc2NoZW1hSXRlbS5jaGlsZHJlbiwgZm9ybTogZm9ybSB9XCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9uZy10ZW1wbGF0ZT5cblxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidG1wbFJlZjsgY29udGV4dDogeyAkaW1wbGljaXQ6IHNjaGVtYSwgZm9ybTogZm9ybSB9XCI+PC9uZy1jb250YWluZXI+XG4gIGBcbiAgLy8gLFxuICAvLyBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBGbGV4eUZvcm1Db250YWluZXJDb21wb25lbnQge1xuICBASW5wdXQoKSBmb3JtOiBGbGV4eUZvcm07XG4gIEBJbnB1dCgpIHNjaGVtYTogRmxleHlGb3JtTGF5b3V0U2NoZW1hW107XG59XG4iXX0=