[{"__symbolic":"module","version":4,"metadata":{"FormConstructorComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":33,"character":1},"arguments":[{"selector":"evk-form-constructor","template":"\n            <div class=\"row\" [ngStyle]=\"{'display': visible ? 'flex': 'none'}\">\n                <div class=\"col-md-12\">\n                    <h4 *ngIf=\"title\">{{ title }}</h4>\n                    <h5 *ngIf=\"subtitle\">{{ subtitle }}</h5>\n                </div>\n                <ng-container *ngFor=\"let field of metadata\">\n                    <ng-container [ngSwitch]=\"field.type\">\n                        <evk-text\n                            *ngSwitchCase=\"'text'\"\n                            [metadata]=\"field\"\n                            [group]=\"form\"\n                            [ngClass]=\"[field.grid ? field.grid : 'col-md-12' ]\">\n                        </evk-text>\n                        <evk-select\n                            *ngSwitchCase=\"'select'\"\n                            [metadata]=\"field\"\n                            [group]=\"form\"\n                            [ngClass]=\"[field.grid ? field.grid : 'col-md-12' ]\">\n                        </evk-select>\n                        <evk-multiselect\n                            *ngSwitchCase=\"'multiselect'\"\n                            [metadata]=\"field\"\n                            [group]=\"form\"\n                            [ngClass]=\"[field.grid ? field.grid : 'col-md-12' ]\">\n                        </evk-multiselect>\n                        <evk-textarea\n                            *ngSwitchCase=\"'textarea'\"\n                            [metadata]=\"field\"\n                            [group]=\"form\"\n                            [ngClass]=\"[field.grid ? field.grid : 'col-md-12' ]\">\n                        </evk-textarea>\n                        <evk-radio\n                            *ngSwitchCase=\"'radio'\"\n                            [metadata]=\"field\"\n                            [group]=\"form\"\n                            [ngClass]=\"[field.grid ? field.grid : 'col-md-12' ]\">\n                        </evk-radio>\n                        <evk-checkbox\n                            *ngSwitchCase=\"'checkbox'\"\n                            [metadata]=\"field\"\n                            [group]=\"form\"\n                            [ngClass]=\"[field.grid ? field.grid : 'col-md-12' ]\">\n                        </evk-checkbox>\n                        <evk-email\n                            *ngSwitchCase=\"'email'\"\n                            [metadata]=\"field\"\n                            [group]=\"form\"\n                            [ngClass]=\"[field.grid ? field.grid : 'col-md-12' ]\">\n                        </evk-email>\n                        <evk-date\n                            *ngSwitchCase=\"'date'\"\n                            [metadata]=\"field\"\n                            [group]=\"form\"\n                            [ngClass]=\"[field.grid ? field.grid : 'col-md-12' ]\">\n                        </evk-date>\n                        <evk-number\n                            *ngSwitchCase=\"'number'\"\n                            [metadata]=\"field\"\n                            [group]=\"form\"\n                            [ngClass]=\"[field.grid ? field.grid : 'col-md-12' ]\">\n                        </evk-number>\n                        <evk-lat-long\n                            *ngSwitchCase=\"'latLong'\"\n                            [metadata]=\"field\"\n                            [group]=\"form\"\n                            [ngClass]=\"[field.grid ? field.grid : 'col-md-12' ]\">\n                        </evk-lat-long>\n                        <evk-curp\n                            *ngSwitchCase=\"'curp'\"\n                            [metadata]=\"field\"\n                            [group]=\"form\"\n                            [ngClass]=\"[field.grid ? field.grid : 'col-md-12' ]\">\n                        </evk-curp>\n                        <evk-rfc\n                            *ngSwitchCase=\"'rfc'\"\n                            [metadata]=\"field\"\n                            [group]=\"form\"\n                            [ngClass]=\"[field.grid ? field.grid : 'col-md-12' ]\">\n                        </evk-rfc>\n                        <evk-password\n                            *ngSwitchCase=\"'password'\"\n                            [metadata]=\"field\"\n                            [group]=\"form\"\n                            [ngClass]=\"[field.grid ? field.grid : 'col-md-12' ]\">\n                        </evk-password>\n                        <evk-time\n                            *ngSwitchCase=\"'time'\"\n                            [metadata]=\"field\"\n                            [group]=\"form\"\n                            [ngClass]=\"[field.grid ? field.grid : 'col-md-12' ]\">\n                        </evk-time>\n                        <evk-full-time\n                            *ngSwitchCase=\"'fulltime'\"\n                            [metadata]=\"field\"\n                            [group]=\"form\"\n                            [ngClass]=\"[field.grid ? field.grid : 'col-md-12' ]\">\n                        </evk-full-time>\n                        <evk-group-table\n                            *ngSwitchCase=\"'group-table'\"\n                            [metadata]=\"field\"\n                            [ngClass]=\"[field.grid ? field.grid : 'col-md-12' ]\">\n                        </evk-group-table>\n                        <evk-form-button\n                            *ngSwitchCase=\"'button'\"\n                            class=\"space\"\n                            [metadata]=\"field\"\n                            [ngClass]=\"[field.grid ? field.grid : 'col-md-12']\">\n                        </evk-form-button>\n                        <evk-form-group-button\n                            *ngSwitchCase=\"'group-button'\"\n                            class=\"space\"\n                            [metadata]=\"field\"\n                            [ngClass]=\"[field.grid ? field.grid : 'col-md-12']\">\n                        </evk-form-group-button>\n                        <evk-geomap\n                            *ngSwitchCase=\"'geomap'\"\n                            [group]=\"form\"\n                            [metadata]=\"field\"\n                            [ngClass]=\"[field.grid ? field.grid : 'col-md-12']\">\n                        </evk-geomap>\n                        <evk-svg\n                            *ngSwitchCase=\"'svg'\"\n                            [group]=\"form\"\n                            [metadata]=\"field\"\n                            [ngClass]=\"[field.grid ? field.grid : 'col-md-12']\">\n                        </evk-svg>\n                        <div\n                            *ngSwitchCase=\"'innerHTML'\"\n                            [ngClass]=\"[field.grid ? field.grid : 'col-md-12']\"\n                            [innerHTML]=\"field.innerHTML\"\n                            >\n                        </div>\n                        <div *ngSwitchDefault>No existe caso para el campo tipo: {{ field.type }}</div>\n                    </ng-container>\n                </ng-container>\n            </div>"}]}],"members":{"metadata":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":177,"character":5}}]}],"matTooltip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":190,"character":5}}]}],"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":196,"character":5}}]}],"section":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":203,"character":5}}]}],"visibleSubject":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":209,"character":5}}]}],"visible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":216,"character":5}}]}],"dynamicForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":219,"character":5},"arguments":["dynamicForm",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":219,"character":38}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer","line":329,"character":25},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":330,"character":32}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"addFields":[{"__symbolic":"method"}],"addFieldComponent":[{"__symbolic":"method"}]}},"EstructureBaseField":{"__symbolic":"interface"},"EstructureBaseButton":{"__symbolic":"interface"},"EstructureBaseInnerHTML":{"__symbolic":"interface"},"EstructureGeoMap":{"__symbolic":"interface"},"EstructureBaseSvg":{"__symbolic":"interface"},"EstructureText":{"__symbolic":"interface"},"typeOfEstructureBaseField":{"__symbolic":"function","parameters":["object"],"value":{"__symbolic":"binop","operator":"&&","left":{"__symbolic":"binop","operator":"&&","left":{"__symbolic":"binop","operator":"in","left":"name","right":{"__symbolic":"reference","name":"object"}},"right":{"__symbolic":"binop","operator":"in","left":"label","right":{"__symbolic":"reference","name":"object"}}},"right":{"__symbolic":"binop","operator":"in","left":"form","right":{"__symbolic":"reference","name":"object"}}}}}}]