| 1 | {"__symbolic":"module","version":4,"metadata":{"ɵa":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":33,"character":39},"arguments":["FormModuleConfig"]},"FormModuleConfig":{"__symbolic":"interface"},"FormService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":14,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":19,"character":16},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵc"}]},{"__symbolic":"reference","name":"ɵd"}]}],"add":[{"__symbolic":"method"}],"get":[{"__symbolic":"method"}],"getList":[{"__symbolic":"method"}],"update":[{"__symbolic":"method"}],"delete":[{"__symbolic":"method"}],"selectFormById":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"FormViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":41,"character":1},"arguments":[{"selector":"ngs-form-view","template":"<div fxFlex=\"nogrow\" fxLayoutAlign=\"center center\" class=\"main-container\">\n <form *ngIf=\"formGroupCreated && card\" class=\"ngs-dynamic-form\" [formGroup]=\"formGroup\" (ngSubmit)=\"accepted()\">\n <mat-card>\n <mat-card-title>\n {{(schema$ | async)?.name}}\n </mat-card-title>\n <mat-card-content fxLayout=\"row wrap\" fxLayoutGap=\"25px\">\n <div *ngFor=\"let field of (schema$ | async)?.form.fields;\" [fxFlex]=\"field.width * 10\">\n <ng-container *ngIf=\"field && field.inputType\" dynamicField [config]=\"field\" [group]=\"formGroup\"></ng-container>\n </div>\n </mat-card-content>\n <mat-card-actions align=\"end\">\n <button type=\"button\" *ngIf=\"(schema$ | async)?.events.cancel.show\" (click)=\"cancel.emit()\" mat-button color=\"primary\">{{(schema$\n | async)?.events.cancel.text}}</button>\n <button type=\"submit\" *ngIf=\"(schema$ | async)?.events.accept.show\" mat-raised-button color=\"primary\">{{(schema$\n | async)?.events.accept.text}}</button>\n </mat-card-actions>\n </mat-card>\n </form>\n <form *ngIf=\"formGroupCreated && !card\" class=\"ngs-dynamic-form\" [formGroup]=\"formGroup\" (ngSubmit)=\"accepted()\">\n <div>\n <h3>\n {{(schema$ | async)?.name}}\n </h3>\n <div fxLayout=\"row wrap\" fxLayoutGap=\"5px\">\n <div *ngFor=\"let field of (schema$ | async)?.form.fields;\" [fxFlex]=\"field.width * 10\">\n <ng-container dynamicField [config]=\"field\" [group]=\"formGroup\"></ng-container>\n </div>\n </div>\n <div>\n <button type=\"button\" *ngIf=\"(schema$ | async)?.events.cancel.show\" (click)=\"cancel.emit()\" mat-button color=\"primary\">{{(schema$\n | async)?.events.cancel.text}}</button>\n <button type=\"submit\" *ngIf=\"(schema$ | async)?.events.accept.show\" mat-raised-button color=\"primary\">{{(schema$\n | async)?.events.accept.text}}</button>\n </div>\n </div>\n </form>\n\n</div>","styles":[""]}]}],"members":{"accept":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":86,"character":2}}]}],"cancel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":87,"character":2}}]}],"local":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":88,"character":2}}]}],"card":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":2}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":2}}]}],"schema":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":98,"character":2}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"FormService"},{"__symbolic":"reference","module":"@angular/core","name":"Compiler","line":109,"character":20},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":110,"character":20},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵc"}]}]}],"ngOnDestroy":[{"__symbolic":"method"}],"generate":[{"__symbolic":"method"}],"createFrom":[{"__symbolic":"method"}],"accepted":[{"__symbolic":"method"}],"canceled":[{"__symbolic":"method"}]}},"DynamicFieldDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":206,"character":1},"arguments":[{"selector":"[dynamicField]"}]}],"members":{"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":210,"character":2}}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":212,"character":2}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":110,"character":20},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":216,"character":76}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}},"NgsFormModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":57,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":59,"character":2},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":60,"character":2},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":61,"character":2},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":62,"character":2},{"__symbolic":"reference","module":"@angular/material","name":"MatExpansionModule","line":63,"character":2},{"__symbolic":"reference","module":"@angular/material","name":"MatSnackBarModule","line":64,"character":2},{"__symbolic":"reference","module":"@angular/material","name":"MatIconModule","line":65,"character":2},{"__symbolic":"reference","module":"@angular/material","name":"MatDatepickerModule","line":66,"character":2},{"__symbolic":"reference","module":"@angular/material","name":"MatButtonModule","line":67,"character":2},{"__symbolic":"reference","module":"@angular/material","name":"MatCardModule","line":68,"character":2},{"__symbolic":"reference","module":"@angular/material","name":"MatCheckboxModule","line":69,"character":2},{"__symbolic":"reference","module":"@angular/material","name":"MatTableModule","line":70,"character":2},{"__symbolic":"reference","module":"@angular/material","name":"MatSelectModule","line":71,"character":2},{"__symbolic":"reference","module":"@angular/material","name":"MatInputModule","line":72,"character":2},{"__symbolic":"reference","module":"@angular/material","name":"MatFormFieldModule","line":73,"character":2},{"__symbolic":"reference","module":"@angular/material","name":"MatTabsModule","line":74,"character":2},{"__symbolic":"reference","module":"@angular/material","name":"MatDividerModule","line":75,"character":2},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":76,"character":2},{"__symbolic":"reference","module":"@angular/material","name":"MatRadioModule","line":77,"character":2},{"__symbolic":"reference","module":"@angular/material","name":"MatSlideToggleModule","line":78,"character":2},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":79,"character":2}],"declarations":[{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"ɵp"},{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"FormViewComponent"},{"__symbolic":"reference","name":"DynamicFieldDirective"},{"__symbolic":"reference","name":"ɵr"},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"ɵt"},{"__symbolic":"reference","name":"ɵu"},{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"ɵw"},{"__symbolic":"reference","name":"ɵx"},{"__symbolic":"reference","name":"ɵy"},{"__symbolic":"reference","name":"ɵz"},{"__symbolic":"reference","name":"ɵba"}],"entryComponents":[{"__symbolic":"reference","name":"ɵr"},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"ɵt"},{"__symbolic":"reference","name":"ɵu"},{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"ɵw"},{"__symbolic":"reference","name":"ɵx"},{"__symbolic":"reference","name":"ɵy"},{"__symbolic":"reference","name":"ɵz"},{"__symbolic":"reference","name":"ɵba"}],"exports":[{"__symbolic":"reference","name":"FormViewComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["config"],"value":{"ngModule":{"__symbolic":"reference","name":"RootNgsFormModule"},"providers":[{"provide":{"__symbolic":"reference","name":"ɵa"},"useValue":{"__symbolic":"reference","name":"config"}},{"__symbolic":"reference","name":"ɵd"}]}}}},"RootNgsFormModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":130,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","name":"NgsFormModule"},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"StoreModule","line":133,"character":2},"member":"forFeature"},"arguments":["form",{"__symbolic":"reference","name":"ɵb"}]},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngrx/effects","name":"EffectsModule","line":134,"character":2},"member":"forFeature"},"arguments":[[{"__symbolic":"reference","name":"ɵbd"},{"__symbolic":"reference","name":"ɵbe"},{"__symbolic":"reference","name":"ɵbf"},{"__symbolic":"reference","name":"ɵbg"}]]},{"__symbolic":"reference","name":"ɵbh"}],"exports":[{"__symbolic":"reference","name":"NgsFormModule"}]}]}],"members":{}},"ɵb":{"list":{"__symbolic":"reference","name":"ɵbc"}},"ɵc":{"__symbolic":"interface"},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":10,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":20,"character":14},"arguments":[{"__symbolic":"reference","name":"ɵa"}]}],null],"parameters":[null,{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵe"}]}]}]},"statics":{"ngInjectableDef":{}}},"ɵf":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵg"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"template":"<edit-form\n\t\t\t\t\t[formGroup]=\"formGroup\"\n\t\t\t\t\t[schema]=\"schema\"\n\t\t\t\t\t(changes)=\"update_schema($event)\"\n\t\t\t\t\t(submited)=\"update($event)\">\n\t\t\t\t</edit-form>"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"FormService"},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":22,"character":57},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵc"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"update":[{"__symbolic":"method"}]}},"ɵh":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵi"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"edit-form","template":"<div fxLayout=\"row\" fxLayoutAlign=\"center\" fxLayoutGap=\"25px\" class=\"main-container\">\n\n <div class=\"content-action\">\n <mat-card fxLayout=\"column\" fxLayoutGap=\"10px\" fxLayoutAlign=\"start\" class=\"with-sticky-action\">\n <div fxLayout=\"row wrap\" *ngIf=\"schema\" fxFlex=\"100\" fxLayoutAlign=\"start start\" fxLayoutAlign.lt-md=\"center\">\n <div fxFlex.gt-md=\"50\" fxFlex.lt-md=\"100\" *ngIf=\"formGroup\">\n <form [formGroup]=\"formGroup\">\n <mat-card>\n <mat-card-title>ایجاد فرم جدید</mat-card-title>\n <mat-card-content>\n <mat-form-field>\n <input type=\"text\" matInput (change)=\"changed()\" placeholder=\"نام فرم\" formControlName=\"name\">\n </mat-form-field>\n <!-- <div class=\"button-row\">\n <button mat-button color=\"primary\" (click)=\"addFormGroup(schema.form)\">Add form group</button>\n <button mat-button color=\"primary\" (click)=\"addFormArray(schema.form)\">Add form array</button>\n <button mat-button color=\"primary\" (click)=\"addFormControl(schema.form)\">Add form control</button>\n </div> -->\n <mat-divider></mat-divider>\n <div [ngSwitch]=\"schema.form?.type\" class=\"schema-form\">\n <app-form-group *ngSwitchCase=\"'group'\" [schema]=\"schema.form\" noHeader=\"true\" (changes)=\"changed()\"></app-form-group>\n <app-form-array *ngSwitchCase=\"'array'\" [schema]=\"schema.form\" (changes)=\"changed()\"></app-form-array>\n </div>\n\n <mat-divider></mat-divider>\n <div class=\"form-buttons\" fxLayout=\"row wrap\" fxLayoutGap=\"10px\">\n\n <div fxLayout=\"column\" [formGroup]=\"$any(formGroup.controls.events).controls.accept\">\n <mat-slide-toggle (change)=\"changed()\" formControlName=\"show\">نمایش تایید</mat-slide-toggle>\n <mat-form-field>\n <input type=\"text\" (change)=\"changed()\" matInput placeholder=\"متن تایید\" formControlName=\"text\">\n </mat-form-field>\n </div>\n <div fxLayout=\"column\" [formGroup]=\"$any(formGroup.controls.events).controls.cancel\">\n <mat-slide-toggle (change)=\"changed()\" formControlName=\"show\">نمایش انصراف</mat-slide-toggle>\n <mat-form-field>\n <input type=\"text\" (change)=\"changed()\" matInput placeholder=\"متن انصراف\" formControlName=\"text\">\n </mat-form-field>\n </div>\n </div>\n\n\n <mat-card-actions>\n <!-- <button mat-raised-button color=\"primary\" (click)=\"$any(form).generate(schema)\">ایجاد فرم</button> -->\n <button mat-raised-button color=\"primary\" (click)=\"emit()\" type=\"submit\">ثبت</button>\n </mat-card-actions>\n\n </mat-card-content>\n </mat-card>\n </form>\n </div>\n <div fxFlex.gt-md=\"50\" fxFlex.lt-md=\"100\" fxLayoutAlign=\"center start\">\n <ngs-form-view [local]='true' [id]=\" schema._id\">\n </ngs-form-view>\n\n </div>\n </div>\n </mat-card>\n </div>\n</div>","styles":[".form-buttons,.schema-form{padding:25px 10px}"]}]}],"members":{"schema":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":5}}]}],"emit":[{"__symbolic":"method"}]}},"ɵj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"template":"<form-list\n\t\t\t\t\t[data]=\"data$\">\n\t\t\t\t</form-list>"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵe"}]}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"form-list","template":"<div fxLayout=\"row\" fxLayoutAlign=\"center\" fxLayoutGap=\"25px\" class=\"main-container\">\n\n <div class=\"content-action\">\n <mat-card class=\"with-sticky-action\">\n <mat-card-header>\n <mat-card-title fxLayout=\"row\" fxLayoutGap=\"5px\">\n <mat-icon>assignment</mat-icon>\n <span>مدیریت فرم ها</span>\n </mat-card-title>\n <mat-card-subtitle fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n <span>\n شامل تمامی درخواستها از قبیل دائری، جمعآوری و ...\n </span>\n </mat-card-subtitle>\n </mat-card-header>\n\n <div fxLayout=\"row wrap\" fxLayoutGap=\"10px\" fxLayoutAlign=\"start\">\n\n <button fxFlex.lt-lg=\"19\" fxFlex.lg=\"24\" fxFlex.md=\"32\" fxFlex.sm=\"49\" fxFlex.xs=\"100\" class='link'\n mat-raised-button [routerLink]=\"['edit' , item._id]\" *ngFor=\"let item of (data$ | async)\">\n <div fxLayout='column' fxLayoutAlign='center center'>\n <mat-icon color='primary'>settings</mat-icon>\n <h3 class='title'>{{item.name}}</h3>\n </div>\n </button>\n\n </div>\n </mat-card>\n </div>\n</div>","styles":["button.link{padding:25px 15px;margin:.5%;box-sizing:border-box}button mat-icon{font-size:34px;width:34px;height:34px}"]}]}],"members":{"data$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":2},"arguments":["data"]}]}]}},"ɵl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"template":"<ngs-form-add \n\t\t\t\t\t[schema]=\"schema\" \n\t\t\t\t\t(changes)=\"update_schema($event)\" \n\t\t\t\t\t(submited)=add($event)\n\t\t\t\t></ngs-form-add>"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵc"}]},{"__symbolic":"reference","name":"FormService"}]}],"ngOnInit":[{"__symbolic":"method"}],"add":[{"__symbolic":"method"}],"update_schema":[{"__symbolic":"method"}]}},"ɵm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"template":"<router-outlet></router-outlet>"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":10,"character":28},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵc"}]}]}]}},"ɵn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ngs-form-add","template":"<div fxLayout=\"row\" *ngIf=\"schema\">\n <div [fxFlex]=\"50\" *ngIf=\"formGroup\">\n <form [formGroup]=\"formGroup\">\n <mat-card>\n <mat-card-title>ایجاد فرم جدید</mat-card-title>\n <mat-card-content>\n <mat-form-field>\n <input type=\"text\" matInput (change)=\"changed()\" placeholder=\"نام فرم\" formControlName=\"name\">\n </mat-form-field>\n <!-- <div class=\"button-row\">\n <button mat-button color=\"primary\" (click)=\"addFormGroup(schema.form)\">Add form group</button>\n <button mat-button color=\"primary\" (click)=\"addFormArray(schema.form)\">Add form array</button>\n <button mat-button color=\"primary\" (click)=\"addFormControl(schema.form)\">Add form control</button>\n </div> -->\n </mat-card-content>\n </mat-card>\n <mat-card>\n <mat-card-content>\n <div [ngSwitch]=\"schema.form?.type\">\n <app-form-group *ngSwitchCase=\"'group'\" [schema]=\"schema.form\" noHeader=\"true\" (changes)=\"changed()\"></app-form-group>\n <app-form-array *ngSwitchCase=\"'array'\" [schema]=\"schema.form\" (changes)=\"changed()\"></app-form-array>\n </div>\n </mat-card-content>\n <mat-card-actions>\n <!-- <button mat-raised-button color=\"primary\" (click)=\"form.generate(schema)\">ایجاد فرم</button> -->\n <button mat-raised-button color=\"primary\" (click)=\"emit()\" type=\"submit\">ثبت</button>\n </mat-card-actions>\n\n <div [formGroup]=\"$any(formGroup.controls.events).controls.accept\">\n <mat-slide-toggle (change)=\"changed()\" formControlName=\"show\">نمایش تایید</mat-slide-toggle>\n <mat-form-field>\n <input type=\"text\" (change)=\"changed()\" matInput placeholder=\"متن تایید\" formControlName=\"text\">\n </mat-form-field>\n </div>\n <div [formGroup]=\"$any(formGroup.controls.events).controls.cancel\">\n <mat-slide-toggle (change)=\"changed()\" formControlName=\"show\">نمایش انصراف</mat-slide-toggle>\n <mat-form-field>\n <input type=\"text\" (change)=\"changed()\" matInput placeholder=\"متن انصراف\" formControlName=\"text\">\n </mat-form-field>\n </div>\n\n </mat-card>\n </form>\n </div>\n <div [fxFlex]=\"50\">\n <ngs-form-view [local]='true' [id]=\"schema._id\"></ngs-form-view>\n </div>\n</div>"}]}],"members":{"schema":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":2}}]}],"formGroup":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":2}}]}],"submited":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":59,"character":2}}]}],"changes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":60,"character":2}}]}],"emit":[{"__symbolic":"method"}],"changed":[{"__symbolic":"method"}],"changeOrder":[{"__symbolic":"method"}],"addFormGroup":[{"__symbolic":"method"}],"addFormArray":[{"__symbolic":"method"}],"addFormControl":[{"__symbolic":"method"}]}},"ɵo":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"app-form-group","template":"<div>\n\n <mat-form-field *ngIf=\"!noHeader\">\n <input matInput [(ngModel)]=\"schema.name\" placeholder=\"Name\">\n </mat-form-field>\n\n <mat-form-field *ngIf=\"!noHeader\">\n <input matInput [(ngModel)]=\"schema.title\" placeholder=\"عنوان\">\n </mat-form-field>\n\n <div class=\"button-row\">\n <button mat-button color=\"primary\" (click)=\"addFormGroup(schema)\"> addFormGroup </button>\n <button mat-button color=\"primary\" (click)=\"addFormArray(schema)\"> addFormArray </button>\n <button mat-button color=\"primary\" (click)=\"addFormControl(schema)\">addFormControl</button>\n </div>\n\n <div *ngFor=\"let field of schema.fields;let i = index\">\n <div [ngSwitch]=\"field.type\">\n <app-form-group *ngSwitchCase=\"'group'\" [schema]=\"field\" (change)=\"changed()\"></app-form-group>\n <!-- <app-form-array *ngSwitchCase=\"'array'\" [schema]=\"field\" (change)=\"changed()\"></app-form-array> -->\n <app-form-control *ngSwitchCase=\"'control'\" [schema]=\"field\" (changes)=\"changed()\" (delete)=\"deleteFormGroup(i)\"></app-form-control>\n </div>\n </div>\n</div>"}]}],"members":{"schema":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":2}}]}],"noHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":2}}]}],"changes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":33,"character":2}}]}],"delete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":34,"character":2}}]}],"__ctor__":[{"__symbolic":"constructor"}],"changed":[{"__symbolic":"method"}],"addFormGroup":[{"__symbolic":"method"}],"addFormArray":[{"__symbolic":"method"}],"addFormControl":[{"__symbolic":"method"}],"deleteFormGroup":[{"__symbolic":"method"}]}},"ɵp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"app-form-array","template":"<mat-card>\n <mat-card-content>\n <mat-form-field>\n <input matInput [(ngModel)]=\"schema.name\" placeholder=\"Name\">\n </mat-form-field>\n \n <div class=\"button-row\">\n <button mat-button color=\"primary\" (click)=\"addFormGroup(schema)\">addFormGroup</button>\n <button mat-button color=\"primary\" (click)=\"addFormArray(schema)\">addFormArray</button>\n <!-- <button mat-button color=\"primary\" (click)=\"addFormControl(schema)\">addFormControl</button> -->\n </div>\n \n <div *ngFor=\"let field of schema.fields\">\n <div [ngSwitch]=\"field.type\">\n <app-form-group *ngSwitchCase=\"'group'\" [schema]=\"field\" (changes)=\"changed()\"></app-form-group>\n <app-form-array *ngSwitchCase=\"'array'\" [schema]=\"field\" (changes)=\"changed()\"></app-form-array>\n <!-- <app-form-control *ngSwitchCase=\"'control'\" [schema]=\"field\" (change)=\"changed($event)\"></app-form-control> -->\n </div>\n </div>\n \n </mat-card-content>\n</mat-card>"}]}],"members":{"schema":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":2}}]}],"changes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":2}}]}],"__ctor__":[{"__symbolic":"constructor"}],"changed":[{"__symbolic":"method"}],"addFormGroup":[{"__symbolic":"method"}],"addFormArray":[{"__symbolic":"method"}],"addFormControl":[{"__symbolic":"method"}]}},"ɵq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"app-form-control","template":"<mat-expansion-panel>\n <mat-expansion-panel-header>\n <mat-panel-title fxLayout=\"row\" fxLayoutAlign=\"start center\">\n <button mat-icon-button (click)=\"delete.emit()\">\n <mat-icon aria-label=\"icon-button\">delete_forever</mat-icon>\n </button>\n <span>{{schema.name}}</span>\n\n </mat-panel-title>\n </mat-expansion-panel-header>\n <div fxLayout=\"row wrap\" fxLayoutGap=\"10px\">\n <mat-form-field fxFlex>\n <input matInput [(ngModel)]=\"schema.name\" (change)=\"changed()\" placeholder=\"Name\">\n </mat-form-field>\n\n <mat-form-field fxFlex>\n <input matInput [(ngModel)]=\"schema.title\" (change)=\"changed()\" placeholder=\"Placeholder\" />\n </mat-form-field>\n\n <mat-form-field fxFlex>\n <mat-select [(ngModel)]=\"schema.inputType\" (change)=\"changed()\" placeholder=\"Input Type\">\n <mat-option value=\"table\">table</mat-option>\n <mat-option value=\"select\">select</mat-option>\n <mat-option value=\"text\">text</mat-option>\n <mat-option value=\"number\">number</mat-option>\n <mat-option value=\"email\">email</mat-option>\n <mat-option value=\"color\">color</mat-option>\n <mat-option value=\"radio\">radio</mat-option>\n <mat-option value=\"checkbox\">checkbox</mat-option>\n <mat-option value=\"checkbox\">captcha</mat-option>\n </mat-select>\n </mat-form-field>\n </div>\n <div fxLayout=\"row wrap\" fxLayoutGap=\"10px\">\n <mat-form-field fxFlex>\n <input matInput [(ngModel)]=\"schema.value\" (change)=\"changed()\" placeholder=\"Value\" />\n </mat-form-field>\n\n <mat-form-field fxFlex>\n <mat-select [(ngModel)]=\"schema.width\" (change)=\"changed()\" placeholder=\"width\">\n <mat-option *ngFor=\"let item of width\" [value]=\"item\">{{item}}</mat-option>\n </mat-select>\n </mat-form-field>\n </div>\n <div fxLayout=\"column\" fxLayoutGap=\"10px\">\n <div *ngIf=\"schema.inputType=='table'\" [formGroup]=\"tableOptions\">\n <mat-form-field>\n <input matInput (change)=\"changed()\" formControlName=\"dataEndpoint\" placeholder=\"dataEndpoint\" />\n </mat-form-field>\n </div>\n\n <div *ngIf=\"schema.inputType=='select'\">\n [options]\n <button (click)=\"addOption()\">+</button>\n <button (click)=\"insertOptions()\">insert</button>\n <div *ngFor=\"let option of options.controls;index as i\">\n {{i}}\n <div [formGroup]=\"options.controls[i]\">\n <mat-form-field>\n <input matInput (change)=\"changed()\" formControlName=\"key\" placeholder=\"key\" />\n </mat-form-field>\n <mat-form-field>\n <input matInput (change)=\"changed()\" formControlName=\"value\" placeholder=\"value\" />\n </mat-form-field>\n </div>\n </div>\n </div>\n <br />\n <mat-card fxLayout=\"column\">\n <mat-slide-toggle (change)=\"changed()\" [(ngModel)]=\"schema.validator.required.active\">اجباری</mat-slide-toggle>\n <mat-form-field>\n <input matInput (change)=\"changed()\" [(ngModel)]=\"schema.validator.required.message\" placeholder=\"پیغام\" />\n </mat-form-field>\n </mat-card>\n <mat-card fxLayout=\"column\">\n <mat-slide-toggle (change)=\"changed()\" [(ngModel)]=\"schema.validator.email.active\">ایمیل</mat-slide-toggle>\n <mat-form-field>\n <input matInput (change)=\"changed()\" [(ngModel)]=\"schema.validator.email.message\" placeholder=\"پیغام\" />\n </mat-form-field>\n </mat-card>\n <mat-card fxLayout=\"column\">\n <mat-slide-toggle (change)=\"changed()\" [(ngModel)]=\"schema.validator.minlength.active\">حداقل تعداد کاراکتر</mat-slide-toggle>\n <mat-form-field>\n <input matInput (change)=\"changed()\" [(ngModel)]=\"schema.validator.minlength.message\" placeholder=\"پیغام\" />\n </mat-form-field>\n <mat-form-field>\n <input matInput (change)=\"changed()\" [(ngModel)]=\"schema.validator.minlength.value\" placeholder=\"تعداد حداقل کاراکتر\" />\n </mat-form-field>\n </mat-card>\n </div>\n</mat-expansion-panel>"}]}],"members":{"schema":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":99,"character":2}}]}],"changes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":100,"character":2}}]}],"delete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":101,"character":2}}]}],"__ctor__":[{"__symbolic":"constructor"}],"changed":[{"__symbolic":"method"}],"addOption":[{"__symbolic":"method"}],"removeOption":[{"__symbolic":"method"}],"insertOptions":[{"__symbolic":"method"}]}},"ɵr":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"ngs-form-control-select","template":"<div [formGroup]=\"group\">\n<mat-form-field>\n <mat-select [formControlName]=\"config.name\" [placeholder]=\"config.title\">\n <mat-option *ngFor=\"let option of config.options\" [value]=\"option.value\">{{option.key}}</mat-option>\n </mat-select>\n</mat-form-field>\n</div>","styles":[":host{display:block}.mat-form-field{width:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"ɵs":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ngs-form-control-checkbox","template":"<div [formGroup]=\"group\">\n <mat-checkbox [formControlName]=\"config.name\">\n {{config.title}}\n </mat-checkbox>\n</div>","styles":[":host{display:block}.mat-form-field{width:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"ɵt":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ngs-form-control-email","template":"<div [formGroup]=\"group\">\n<mat-form-field fxFlexFill>\n <input matInput [type]=\"config.inputType\" [placeholder]=\"config.title\" [formControlName]=\"config.name\">\n</mat-form-field>\n</div>","styles":[":host{display:block}.mat-form-field{width:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ngs-form-control-color","template":"<div [formGroup]=\"form\">\n<mat-form-field fxFlexFill>\n <input matInput [type]=\"schema.inputType\" [placeholder]=\"schema.title\" [formControlName]=\"schema.name\">\n</mat-form-field>\n</div>","styles":[":host{display:block}.mat-form-field{width:100%}"]}]}],"members":{"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":2}}]}],"schema":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":2}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ngs-form-control-date","template":"<mat-form-field fxFlexFill [formGroup]=\"group\">\n\n <!-- <input matInput [id]=\"config.name\" [type]=\"config.inputType\" [placeholder]=\"config.title\" [formControlName]=\"config.name\"> -->\n <input matInput [id]=\"config.name\" [matDatepicker]=\"_datepicker\" [placeholder]=\"config.title\" [formControlName]=\"config.name\">\n <mat-datepicker-toggle matSuffix [for]=\"_datepicker\"></mat-datepicker-toggle>\n <mat-datepicker #_datepicker></mat-datepicker>\n\n <mat-error *ngIf=\"group.get(config.name).errors?.required\">\n {{config.validator.required.message}}\n </mat-error>\n <mat-error *ngIf=\"group.get(config.name).errors?.minlength\">\n {{config.validator.minlength.message}}\n </mat-error>\n <!-- <mat-error *ngIf=\"group.get(config.name).email?.minlength\">\n {{config.validator.email.message}}\n </mat-error> -->\n\n <!-- <div *ngIf=\"form.get(config.name).invalid && (form.get(config.name).dirty || form.get(config.name).touched)\" class=\"alert alert-danger\">\n </div> -->\n\n</mat-form-field>\n\n<!-- \n\n<div [formGroup]=\"formGroup\">\n <div class=\"field-wrapper\">\n <div [@filedAnimation]=\"mode\">\n <mat-form-field class=\"fit\" [(ngClass)]=\"mode\">\n <input matInput [matDatepicker]=\"_datepicker\" [placeholder]=\"placeholder\" [formControlName]=\"controlName\">\n <mat-datepicker-toggle matSuffix [for]=\"_datepicker\"></mat-datepicker-toggle>\n <mat-datepicker #_datepicker></mat-datepicker>\n \n <mat-icon class=\"tooltip md-18\" *ngIf=\"tooltip\" [matTooltip]=\"tooltip\">help</mat-icon>\n </mat-form-field>\n <div class=\"value-box\"> \n <span class=\"name\">\n {{ placeholder }} :\n </span>\n <span class=\"value\">\n {{(DisplayValue$ | async | persianDate)}} \n </span>\n </div>\n </div>\n </div>\n</div> -->","styles":[":host{display:block}.mat-form-field{width:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"ɵw":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ngs-form-control-file","template":"<div fxFlexFill [formGroup]=\"group\">\n\n <!-- <input matInput [id]=\"config.name\" [type]=\"config.inputType\" [placeholder]=\"config.title\" [formControlName]=\"config.name\"> -->\n <input [id]=\"config.name\" [type]=\"config.inputType\" [placeholder]=\"config.title\" [formControlName]=\"config.name\">\n\n <mat-error *ngIf=\"group.get(config.name).errors?.required\">\n {{config.validator.required.message}}\n </mat-error>\n <mat-error *ngIf=\"group.get(config.name).errors?.minlength\">\n {{config.validator.minlength.message}}\n </mat-error>\n <!-- <mat-error *ngIf=\"group.get(config.name).email?.minlength\">\n {{config.validator.email.message}}\n </mat-error> -->\n\n <!-- <div *ngIf=\"form.get(config.name).invalid && (form.get(config.name).dirty || form.get(config.name).touched)\" class=\"alert alert-danger\">\n </div> -->\n\n</div>\n\n<!-- \n\n<div [formGroup]=\"formGroup\">\n <div class=\"field-wrapper\">\n <div [@filedAnimation]=\"mode\">\n <mat-form-field class=\"fit\" [(ngClass)]=\"mode\">\n <input matInput [matDatepicker]=\"_datepicker\" [placeholder]=\"placeholder\" [formControlName]=\"controlName\">\n <mat-datepicker-toggle matSuffix [for]=\"_datepicker\"></mat-datepicker-toggle>\n <mat-datepicker #_datepicker></mat-datepicker>\n \n <mat-icon class=\"tooltip md-18\" *ngIf=\"tooltip\" [matTooltip]=\"tooltip\">help</mat-icon>\n </mat-form-field>\n <div class=\"value-box\"> \n <span class=\"name\">\n {{ placeholder }} :\n </span>\n <span class=\"value\">\n {{(DisplayValue$ | async | persianDate)}} \n </span>\n </div>\n </div>\n </div>\n</div> -->","styles":[":host{display:block}.mat-form-field{width:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"ɵx":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ngs-form-control-text","template":"<mat-form-field fxFlexFill [formGroup]=\"group\">\n\n <input matInput [id]=\"config.name\" [type]=\"config.inputType\" [placeholder]=\"config.title\" [formControlName]=\"config.name\">\n\n <mat-error *ngIf=\"group.get(config.name).errors?.required\">\n {{config.validator.required.message}}\n </mat-error>\n <mat-error *ngIf=\"group.get(config.name).errors?.minlength\">\n {{config.validator.minlength.message}}\n </mat-error>\n <!-- <mat-error *ngIf=\"group.get(config.name).email?.minlength\">\n {{config.validator.email.message}}\n </mat-error> -->\n\n <!-- <div *ngIf=\"form.get(config.name).invalid && (form.get(config.name).dirty || form.get(config.name).touched)\" class=\"alert alert-danger\">\n </div> -->\n\n</mat-form-field>","styles":[":host{display:block}.mat-form-field{width:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"ɵy":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ngs-form-control-number","template":"<div [formGroup]=\"form\">\n <mat-form-field fxFlexFill>\n <input matInput [type]=\"schema.inputType\" [placeholder]=\"schema.title\" [formControlName]=\"schema.name\">\n </mat-form-field>\n</div>","styles":[":host{display:block}.mat-form-field{width:100%}"]}]}],"members":{"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":2}}]}],"schema":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":2}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵz":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"ngs-form-control-table","template":"<div class=\"example-container mat-elevation-z8\" *ngIf=\"ready\">\n <mat-table #table [dataSource]=\"dataSource\">\n \n <ng-container matColumnDef=\"select\">\n <mat-header-cell *matHeaderCellDef>\n <mat-checkbox (change)=\"$event ? masterToggle() : null\"\n [checked]=\"selection.hasValue() && isAllSelected()\"\n [indeterminate]=\"selection.hasValue() && !isAllSelected()\">\n </mat-checkbox>\n </mat-header-cell>\n <mat-cell *matCellDef=\"let row\">\n <mat-checkbox (click)=\"$event.stopPropagation()\"\n (change)=\"$event ? selection.toggle(row) : null\"\n [checked]=\"selection.isSelected(row)\">\n </mat-checkbox>\n </mat-cell>\n </ng-container>\n\n <div *ngFor=\"let col of filedDisplayedColumns\">\n <ng-container [matColumnDef]=\"col\">\n <mat-header-cell *matHeaderCellDef> {{col}} </mat-header-cell>\n <mat-cell *matCellDef=\"let element\"> {{element[col]}} </mat-cell>\n </ng-container>\n </div>\n \n <ng-container matColumnDef=\"actions\">\n <mat-header-cell *matHeaderCellDef></mat-header-cell>\n <mat-cell class='left-align' *matCellDef=\"let row\">\n <button mat-icon-button>\n <mat-icon aria-label=\"انتخاب\">arrow_back</mat-icon>\n </button>\n </mat-cell>\n </ng-container>\n \n <mat-header-row *matHeaderRowDef=\"displayedColumns\"></mat-header-row>\n <mat-row *matRowDef=\"let row; columns: displayedColumns;\" (click)=\"selection.toggle(row)\"></mat-row>\n\n </mat-table>\n </div>\n\n\n<!-- <mat-form-field fxFlexFill [formGroup]=\"form\">\n \n <input matInput [id]=\"schema.name\" [type]=\"schema.inputType\" [placeholder]=\"schema.title\" [formControlName]=\"schema.name\">\n \n <mat-error *ngIf=\"form.get(schema.name).errors?.required\">\n {{schema.validator.required.message}}\n </mat-error>\n <mat-error *ngIf=\"form.get(schema.name).errors?.minlength\">\n {{schema.validator.minlength.message}}\n </mat-error>\n <mat-error *ngIf=\"form.get(schema.name).email?.minlength\">\n {{schema.validator.email.message}}\n </mat-error>\n</mat-form-field> -->\n \n <!-- <div *ngIf=\"form.get(schema.name).invalid && (form.get(schema.name).dirty || form.get(schema.name).touched)\" class=\"alert alert-danger\">\n </div> -->","styles":[":host{display:block}.mat-form-field{width:100%}"]}]}],"members":{"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":2}}]}],"schema":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":2}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":81,"character":27}]}],"ngOnInit":[{"__symbolic":"method"}],"isAllSelected":[{"__symbolic":"method"}],"masterToggle":[{"__symbolic":"method"}]}},"ɵba":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"lib-form-captcha","template":"<div fxLayout=\"row wrap\" fxLayoutAlign=\"start center\">\n <img [src]=\"captcha.captchaImg\" />\n\n <button mat-icon-button color=\"primary\" (click)=\"refresh()\">\n <mat-icon>refresh</mat-icon>\n </button>\n\n <div [formGroup]=\"group\">\n <mat-form-field fxFlex>\n <input matInput [id]=\"config.name\" [placeholder]=\"config.title\" [formControlName]=\"config.name\" />\n </mat-form-field>\n </div>\n</div>","styles":["img{border:1px solid #e4e4e4}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbb"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵe"}]},{"__symbolic":"reference","name":"ɵd"}]}],"ngOnInit":[{"__symbolic":"method"}],"refresh":[{"__symbolic":"method"}],"_captcha_generate":[{"__symbolic":"method"}]}},"ɵbb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":15,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":20,"character":16},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵc"}]},{"__symbolic":"reference","name":"ɵd"}]}],"getCaptcha":[{"__symbolic":"method"}],"sendCaptcha":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"ɵbc":{"__symbolic":"function"},"ɵbd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":17,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Actions","module":"@ngrx/effects","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":19,"character":61},{"__symbolic":"reference","name":"FormService"}]}],"AddForm$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/effects","name":"Effect","line":21,"character":2}}]}],"AddFormStart$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/effects","name":"Effect","line":26,"character":2}}]}]}},"ɵbe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":19,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Actions","module":"@ngrx/effects","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":21,"character":61},{"__symbolic":"reference","name":"FormService"}]}],"EditForm$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/effects","name":"Effect","line":23,"character":2}}]}],"EditFormStart$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/effects","name":"Effect","line":28,"character":2}}]}],"UpdateFormsListStart$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/effects","name":"Effect","line":38,"character":2}}]}]}},"ɵbf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":21,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Actions","module":"@ngrx/effects","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":23,"character":61},{"__symbolic":"reference","name":"FormService"}]}],"EditProfileRequest$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/effects","name":"Effect","line":25,"character":2}}]}],"GetForm$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/effects","name":"Effect","line":28,"character":2}}]}],"get_forms_list$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/effects","name":"Effect","line":37,"character":2}}]}]}},"ɵbg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":23,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Actions","module":"@ngrx/effects","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":25,"character":61},{"__symbolic":"reference","name":"ɵbb"}]}],"GetCaptcha$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/effects","name":"Effect","line":27,"character":2}}]}],"AddFormStart$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/effects","name":"Effect","line":32,"character":2}}]}]}},"ɵbh":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":29,"character":50},"member":"forChild"},"arguments":[[{"path":"form","component":{"__symbolic":"reference","name":"ɵm"},"children":[{"path":"add","component":{"__symbolic":"reference","name":"ɵl"}},{"path":"edit/:_id","component":{"__symbolic":"reference","name":"ɵf"}},{"path":"","component":{"__symbolic":"reference","name":"ɵj"}}]}]]}},"origins":{"ɵa":"./lib/form.config","FormModuleConfig":"./lib/form.config","FormService":"./lib/services/form.service","FormViewComponent":"./lib/view/form-view/form-view.component","DynamicFieldDirective":"./lib/view/form-view/form-view.component","NgsFormModule":"./lib/form.module","RootNgsFormModule":"./lib/form.module","ɵb":"./lib/main-container/main-container.reducers","ɵc":"./lib/main-container/main-container.reducers","ɵd":"./lib/services/form-configuration.service","ɵe":"./lib/main-container","ɵf":"./lib/edit/edit-form-container/edit-form-container.component","ɵg":"./lib/add/add-form-container","ɵh":"./lib/edit/edit-form/edit-form.component","ɵi":"./lib/add/add-form","ɵj":"./lib/list/form-list-container/form-list.container.component","ɵk":"./lib/list/form-list/form-list.component","ɵl":"./lib/add/add-form-container/add-form-container.component","ɵm":"./lib/main-container/main-container.component/main-container.component","ɵn":"./lib/add/add-form/add-form.component","ɵo":"./lib/add/form-group/form-group.component","ɵp":"./lib/add/form-array/form-array.component","ɵq":"./lib/add/form-control/form-control.component","ɵr":"./lib/view/form-controls/select/select.component","ɵs":"./lib/view/form-controls/checkbox/checkbox.component","ɵt":"./lib/view/form-controls/email/email.component","ɵu":"./lib/view/form-controls/color/color.component","ɵv":"./lib/view/form-controls/date/date.component","ɵw":"./lib/view/form-controls/file/file.component","ɵx":"./lib/view/form-controls/text/text.component","ɵy":"./lib/view/form-controls/number/number.component","ɵz":"./lib/view/form-controls/table/table.component","ɵba":"./lib/view/form-controls/form-captcha/form-captcha.component","ɵbb":"./lib/services/form-captcha.service","ɵbc":"./lib/list/list.reducers","ɵbd":"./lib/add/add-form.effects","ɵbe":"./lib/edit/edit-form.effects","ɵbf":"./lib/list/list.effects","ɵbg":"./lib/add/captcha.effects","ɵbh":"./lib/form-routing.module"},"importAs":"@soushians/form"} |