[{"__symbolic":"module","version":4,"metadata":{"MetaFormGroup":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-metaui/rules","name":"MetaBaseComponent","line":80,"character":35},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":74,"character":1},"arguments":[{"selector":"m-form-group","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":78,"character":17},"member":"None"},"template":"<m-context #classMC scopeKey=\"class\" [parentMC]=\"_parentMC\">\n  <div class=\"form-container\">\n    <mat-card *ngIf=\"classMC.hasObject()\" class=\"form-card\">\n      <mat-card-content>\n        <ng-container *ngTemplateOutlet=\"formGroup;context:{$implicit: classMC}\">\n        </ng-container>\n      </mat-card-content>\n    </mat-card>\n  </div>\n</m-context>\n\n\n<ng-template #formGroup let-mc>\n  <mat-card class=\"form-card\">\n    <mat-card-content>\n      <ng-container *ngTemplateOutlet=\"oneColRow;context:{$implicit: 'fieldsByZone.zTop', mc: mc}\">\n      </ng-container>\n\n      <div class=\"row between-xs\">\n        <div *ngFor=\"let field of mainZones;trackBy: trackByFieldName\" [class.meta-fg-readonly]=\"!editing\"\n             [ngClass]=\"{ 'col-sm-6 col-md-6 col-lg-6': !field.isFullWidth }\" [style.order]=\"field.orderNum\"\n             class=\"col-xs-12\">\n\n          <ng-container *ngTemplateOutlet=\"fieldTemplate;context:{$implicit: field.name, mc:mc}\">\n          </ng-container>\n        </div>\n      </div>\n\n      <ng-container *ngTemplateOutlet=\"oneColRow;context:{$implicit: 'fieldsByZone.zBottoms', mc: mc}\">\n      </ng-container>\n    </mat-card-content>\n  </mat-card>\n</ng-template>\n\n<ng-template #oneColRow let-zonePath let-mc=\"mc\">\n  <div *ngIf=\"(mc | properties:zonePath) as fields\" [class.meta-fg-readonly]=\"!(!!(mc | properties:'editing'))\"\n       class=\"row around-xs\">\n\n    <div *ngFor=\"let field of fields\" class=\"col-xs-12\">\n      <ng-container *ngTemplateOutlet=\"fieldTemplate;context:{$implicit: field, mc:mc}\"></ng-container>\n    </div>\n  </div>\n</ng-template>\n\n\n<ng-template #fieldTemplate let-field let-mc=\"mc\">\n  <m-context #mcf [field]=\"field\" [parentMC]=\"mc\">\n    <mat-form-field #ff *ngIf=\"!!(mcf | properties:'visible')\"\n                    [class.meta-fg-readonly]=\"!(!!(mcf | properties:'editing'))\"\n                    [floatLabel]=\"'always'\"\n                    [hideRequiredMarker]=\"!(!!(mcf | properties:'required':false))\"\n                    class=\"form-field\">\n\n      <mat-label>{{mcf | properties:'label'}}</mat-label>\n      <m-render mFormFieldAdapter></m-render>\n\n      <mat-hint *ngIf=\"!!(mcf | properties:'editing')\" align=\"end\">\n        {{mcf | properties:'hint'}}\n      </mat-hint>\n      <mat-error\n        *ngIf=\"!!(mcf | properties:'editing') && !!ff._control.ngControl && ff._control.ngControl.control.invalid\">\n        {{ff._control.ngControl.errors['metavalid'].msg}}\n      </mat-error>\n    </mat-form-field>\n  </m-context>\n</ng-template>\n","styles":[".meta-fg-readonly.mat-form-field-appearance-legacy .mat-form-field-underline,.meta-fg-readonly .mat-form-field-underline{background-color:transparent;background-image:none}.meta-fg-readonly.mat-form-field-appearance-legacy .mat-input-element,.meta-fg-readonly .mat-input-element{color:rgba(0,0,0,.68)}.form-field{width:100%}.form-container{display:flex;flex-direction:row;justify-content:center}.form-card{padding:15px;width:100%;max-width:1000px}"]}]}],"members":{"_mc":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":82,"character":3},"arguments":["classMC",{"static":true}]}]}],"formFields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":85,"character":3},"arguments":["ff"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":106,"character":27},{"__symbolic":"reference","module":"@ngx-metaui/rules","name":"MetaContextComponent","line":106,"character":64}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"trackByFieldName":[{"__symbolic":"method"}],"doUpdate":[{"__symbolic":"method"}],"calculateMainZone":[{"__symbolic":"method"}],"createValidators":[{"__symbolic":"method"}],"isFluid":[{"__symbolic":"method"}]}},"ZoneField":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"boolean"}]}]}}}}]