ngx-antd-json-schema-form
Version:
JSON form schema using ant-design and prismjs
1 lines • 19.9 kB
JSON
{"__symbolic":"module","version":4,"exports":[{"from":"./lib/settings.interface"}],"metadata":{"NgxAntdJsonSchemaFormComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ngx-antd-json-schema-form","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":9,"character":17},"member":"None"},"template":"<form *ngIf=\"form\" class=\"json-schema-form\" nz-form [formGroup]=\"form\" (submit)=\"handleSubmit($event)\">\n <ng-container *ngFor=\"let field of schema\" dynamicField [config]=\"field\" [settings]=\"formSettings\" [group]=\"form\">\n </ng-container>\n <json-schema-form-button\n *ngIf=\"formSettings.submitButton.show\"\n [group]=\"form\"\n [config]=\"submitButtonConfig\"\n [settings]=\"formSettings\"\n >\n </json-schema-form-button>\n</form>\n","styles":[".json-form-schema-field.ant-form-item{padding-bottom:0;margin-bottom:0}"]}]}],"members":{"schema":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"settings":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"registeredForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":3}}]}],"formChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":16,"character":3}}]}],"formTouch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":17,"character":3}}]}],"submit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":3}}]}],"formValid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnChanges":[{"__symbolic":"method"}],"registerForm":[{"__symbolic":"method"}],"handleSubmit":[{"__symbolic":"method"}],"onFormUpdate":[{"__symbolic":"method"}],"createGroup":[{"__symbolic":"method"}],"handleEmitters":[{"__symbolic":"method"}],"getDefaultSettings":[{"__symbolic":"method"}],"getSubmitButtonConfig":[{"__symbolic":"method"}],"mergeFormSettings":[{"__symbolic":"method"}]}},"NgxAntdJsonSchemaFormModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":32,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"NgxAntdJsonSchemaFormComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵi"}],"imports":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"BrowserModule","line":34,"character":12},{"__symbolic":"reference","module":"ng-zorro-antd","name":"NgZorroAntdModule","line":34,"character":27},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":34,"character":46},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":34,"character":59},{"__symbolic":"reference","module":"@angular/platform-browser/animations","name":"BrowserAnimationsModule","line":34,"character":80}],"providers":[{"provide":{"__symbolic":"reference","module":"ng-zorro-antd","name":"NZ_I18N","line":35,"character":25},"useValue":{"__symbolic":"reference","module":"ng-zorro-antd","name":"en_US","line":35,"character":44}}],"entryComponents":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵi"}],"exports":[{"__symbolic":"reference","name":"NgxAntdJsonSchemaFormComponent"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":34,"character":1},"arguments":[{"selector":"[dynamicField]"}]}],"members":{"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"settings":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":48,"character":32},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":48,"character":77}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"json-schema-form-button","template":"<nz-form-item\n class=\"json-form-schema-field json-schema-form-button {{ config.itemClass ? config.itemClass : settings.itemClass }}\"\n [formGroup]=\"group\"\n nz-row\n [nzGutter]=\"config.nzGutter ? config.nzGutter : settings.nzGutter\"\n nzFlex\n>\n <nz-form-control\n nz-col\n [nzSpan]=\"config.nzSpanControl ? config.nzSpanControl : settings.nzSpanControl\"\n [nzOffset]=\"config.nzSpanLabel ? config.nzSpanLabel : settings.nzSpanLabel\"\n >\n <button\n nz-button\n nzType=\"primary\"\n [disabled]=\"config.disabled\"\n type=\"submit\"\n [ngClass]=\"config.fieldClass ? config.fieldClass : settings.fieldClass\"\n >\n {{ config.label }}\n </button>\n </nz-form-control>\n</nz-form-item>\n","styles":[".json-form-schema-field.ant-form-item{padding-bottom:0;margin-bottom:0}"]}]}],"members":{"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"settings":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"ngOnChanges":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"json-schema-form-input","template":"<nz-form-item\n *ngIf=\"!config.hidden\"\n class=\"json-form-schema-field {{ config.itemClass ? config.itemClass : settings.itemClass }}\"\n [formGroup]=\"group\"\n nz-row\n [nzGutter]=\"config.nzGutter ? config.nzGutter : settings.nzGutter\"\n nzFlex\n>\n <nz-form-label\n nz-col\n [nzSpan]=\"config.nzSpanLabel ? config.nzSpanLabel : settings.nzSpanLabel\"\n [nzRequired]=\"config.required\"\n [nzFor]=\"config.key\"\n [ngClass]=\"config.labelClass ? config.labelClass : settings.labelClass\"\n >\n <span [innerHTML]=\"config.label\"></span>\n </nz-form-label>\n <nz-form-control nz-col [nzSpan]=\"config.nzSpanControl ? config.nzSpanControl : settings.nzSpanControl\">\n <input\n nz-input\n [readonly]=\"config.readonly\"\n [formControlName]=\"config.key\"\n [id]=\"config.key\"\n [placeholder]=\"config.placeholder || config.label\"\n [ngClass]=\"config.fieldClass ? config.fieldClass : settings.fieldClass\"\n />\n <nz-form-explain *ngIf=\"group.get(config.key).dirty && group.get(config.key).errors\">\n Please enter {{ config.label }}\n </nz-form-explain>\n </nz-form-control>\n</nz-form-item>\n","styles":[".json-form-schema-field.ant-form-item{padding-bottom:0;margin-bottom:0}"]}]}],"members":{}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"json-schema-form-select","template":"<nz-form-item\n *ngIf=\"!config.hidden\"\n class=\"json-form-schema-field {{ config.itemClass ? config.itemClass : settings.itemClass }}\"\n [formGroup]=\"group\"\n nz-row\n [nzGutter]=\"config.nzGutter ? config.nzGutter : settings.nzGutter\"\n nzFlex\n>\n <nz-form-label\n nz-col\n [nzSpan]=\"config.nzSpanLabel ? config.nzSpanLabel : settings.nzSpanLabel\"\n [nzRequired]=\"config.required\"\n [nzFor]=\"config.key\"\n [ngClass]=\"config.labelClass ? config.labelClass : settings.labelClass\"\n >\n <span [innerHTML]=\"config.label\"></span>\n </nz-form-label>\n <nz-form-control nz-col [nzSpan]=\"config.nzSpanControl ? config.nzSpanControl : settings.nzSpanControl\">\n <nz-select\n [formControlName]=\"config.key\"\n [(ngModel)]=\"config.value\"\n nzAllowClear\n [nzPlaceHolder]=\"config.placeholder || config.label\"\n [ngClass]=\"config.fieldClass ? config.fieldClass : settings.fieldClass\"\n >\n <nz-option\n *ngFor=\"let option of config.options\"\n [nzValue]=\"option.value\"\n [nzLabel]=\"option.label\"\n [nzDisabled]=\"option.disabled\"\n >\n </nz-option>\n </nz-select>\n <nz-form-explain *ngIf=\"group.get(config.key).dirty && group.get(config.key).errors\">\n Please choose an option\n </nz-form-explain>\n </nz-form-control>\n</nz-form-item>\n","styles":[".json-form-schema-field.ant-form-item{padding-bottom:0;margin-bottom:0}"]}]}],"members":{}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"json-schema-form-checkbox","template":"<nz-form-item\n *ngIf=\"!config.hidden\"\n class=\"json-form-schema-field {{ config.itemClass ? config.itemClass : settings.itemClass }}\"\n [formGroup]=\"group\"\n nz-row\n [nzGutter]=\"config.nzGutter ? config.nzGutter : settings.nzGutter\"\n nzFlex\n>\n <nz-form-label\n nz-col\n [nzSpan]=\"config.nzSpanLabel ? config.nzSpanLabel : settings.nzSpanLabel\"\n [nzRequired]=\"config.required\"\n [nzFor]=\"config.key\"\n [ngClass]=\"config.labelClass ? config.labelClass : settings.labelClass\"\n >\n {{ config.label }}\n </nz-form-label>\n <nz-form-control nz-col [nzSpan]=\"config.nzSpanControl ? config.nzSpanControl : settings.nzSpanControl\">\n <label\n nz-checkbox\n [formControlName]=\"config.key\"\n [ngModel]=\"config.value\"\n [ngClass]=\"config.fieldClass ? config.fieldClass : settings.fieldClass\"\n >\n </label>\n </nz-form-control>\n</nz-form-item>\n","styles":[".json-form-schema-field.ant-form-item{padding-bottom:0;margin-bottom:0}"]}]}],"members":{}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"json-schema-form-radio","template":"<nz-form-item\n *ngIf=\"!config.hidden\"\n class=\"json-form-schema-field {{ config.itemClass ? config.itemClass : settings.itemClass }}\"\n [formGroup]=\"group\"\n nz-row\n [nzGutter]=\"config.nzGutter ? config.nzGutter : settings.nzGutter\"\n nzFlex\n>\n <nz-form-label\n nz-col\n [nzSpan]=\"config.nzSpanLabel ? config.nzSpanLabel : settings.nzSpanLabel\"\n [nzRequired]=\"config.required\"\n [nzFor]=\"config.key\"\n [ngClass]=\"config.labelClass ? config.labelClass : settings.labelClass\"\n >\n {{ config.label }}\n </nz-form-label>\n <nz-form-control nz-col [nzSpan]=\"config.nzSpanControl ? config.nzSpanControl : settings.nzSpanControl\">\n <nz-radio-group\n [formControlName]=\"config.key\"\n [(ngModel)]=\"config.value\"\n nzName=\"{{ config.key }}-radio-group\"\n [nzButtonStyle]=\"'solid'\"\n >\n <label\n [hidden]=\"config.type === 'radio-button'\"\n *ngFor=\"let option of config.options\"\n nz-radio\n [nzValue]=\"option.value\"\n [ngClass]=\"config.fieldClass ? config.fieldClass : settings.fieldClass\"\n >\n {{ option.label }}\n </label>\n <label\n [hidden]=\"config.type === 'radio'\"\n *ngFor=\"let option of config.options\"\n nz-radio-button\n [nzValue]=\"option.value\"\n [ngClass]=\"config.fieldClass ? config.fieldClass : settings.fieldClass\"\n >\n {{ option.label }}\n </label>\n </nz-radio-group>\n </nz-form-control>\n</nz-form-item>\n","styles":[".json-form-schema-field.ant-form-item{padding-bottom:0;margin-bottom:0}"]}]}],"members":{}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"json-schema-form-textarea","template":"<nz-form-item\n *ngIf=\"!config.hidden\"\n class=\"json-form-schema-field {{ config.itemClass ? config.itemClass : settings.itemClass }}\"\n [formGroup]=\"group\"\n nz-row\n [nzGutter]=\"config.nzGutter ? config.nzGutter : settings.nzGutter\"\n nzFlex\n>\n <nz-form-label\n nz-col\n [nzSpan]=\"config.nzSpanLabel ? config.nzSpanLabel : settings.nzSpanLabel\"\n [nzRequired]=\"config.required\"\n [nzFor]=\"config.key\"\n [ngClass]=\"config.labelClass ? config.labelClass : settings.labelClass\"\n >\n {{ config.label }}\n </nz-form-label>\n <nz-form-control nz-col [nzSpan]=\"config.nzSpanControl ? config.nzSpanControl : settings.nzSpanControl\">\n <textarea\n rows=\"6\"\n nz-input\n [readonly]=\"config.readonly\"\n [formControlName]=\"config.key\"\n [id]=\"config.key\"\n [placeholder]=\"config.placeholder || config.label\"\n [ngClass]=\"config.fieldClass ? config.fieldClass : settings.fieldClass\"\n ></textarea>\n <nz-form-explain *ngIf=\"group.get(config.key).dirty && group.get(config.key).errors\">\n Please enter {{ config.label }}\n </nz-form-explain>\n </nz-form-control>\n</nz-form-item>\n","styles":[".json-form-schema-field.ant-form-item{padding-bottom:0;margin-bottom:0}"]}]}],"members":{}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"json-schema-form-prism","template":"<nz-form-item\n *ngIf=\"!config.hidden\"\n class=\"json-form-schema-field {{ config.itemClass ? config.itemClass : settings.itemClass }}\"\n [formGroup]=\"group\"\n nz-row\n [nzGutter]=\"config.nzGutter ? config.nzGutter : settings.nzGutter\"\n nzFlex\n>\n <nz-form-label\n nz-col\n [nzSpan]=\"config.nzSpanLabel ? config.nzSpanLabel : settings.nzSpanLabel\"\n [nzRequired]=\"config.required\"\n [nzFor]=\"config.key\"\n [ngClass]=\"config.labelClass ? config.labelClass : settings.labelClass\"\n >\n {{ config.label }}\n </nz-form-label>\n <nz-form-control nz-col [nzSpan]=\"config.nzSpanControl ? config.nzSpanControl : settings.nzSpanControl\">\n <div hidden #raw style=\"display: none\">\n <ng-content></ng-content>\n </div>\n <pre class=\"prism-pre\" [ngClass]=\"config.fieldClass ? config.fieldClass : settings.fieldClass\">\n <code class=\"prism-code language-{{config.language}}\" #code></code>\n </pre>\n </nz-form-control>\n</nz-form-item>\n","styles":[".json-form-schema-field.ant-form-item{padding-bottom:0;margin-bottom:0}pre.prism-pre{white-space:inherit;background:#f5f5f5;border:1px solid #d9d9d9;border-radius:4px}code.prism-code{word-break:break-all;white-space:pre-wrap}"]}]}],"members":{"rawViewChild":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":24,"character":3},"arguments":["raw"]}]}],"codeViewChild":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":25,"character":3},"arguments":["code"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"onContentChanged":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"encodeEntities":[{"__symbolic":"method"}]}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"json-schema-form-icon","template":"<nz-form-item\n *ngIf=\"!config.hidden\"\n class=\"json-form-schema-field {{ config.itemClass ? config.itemClass : settings.itemClass }}\"\n [formGroup]=\"group\"\n nz-row\n [nzGutter]=\"config.nzGutter ? config.nzGutter : settings.nzGutter\"\n nzFlex\n>\n <nz-form-label\n nz-col\n [nzSpan]=\"config.nzSpanLabel ? config.nzSpanLabel : settings.nzSpanLabel\"\n [nzRequired]=\"config.required\"\n [nzFor]=\"config.key\"\n [ngClass]=\"config.labelClass ? config.labelClass : settings.labelClass\"\n >\n {{ config.label }}\n </nz-form-label>\n <nz-form-control nz-col [nzSpan]=\"config.nzSpanControl ? config.nzSpanControl : settings.nzSpanControl\">\n <i\n nz-icon\n [nzType]=\"config.icon.type\"\n [nzTheme]=\"config.icon.theme\"\n [nzSpin]=\"config.icon.spin\"\n [nzTwotoneColor]=\"config.icon.twotoneColor\"\n [nzIconfont]=\"config.icon.iconFont\"\n [nzRotate]=\"config.icon.rotate\"\n [ngClass]=\"config.icon.class\"\n >\n </i>\n </nz-form-control>\n</nz-form-item>\n","styles":[".json-form-schema-field.ant-form-item{padding-bottom:0;margin-bottom:0}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":15,"character":33}]}],"sanitizeStyle":[{"__symbolic":"method"}]}}},"origins":{"NgxAntdJsonSchemaFormComponent":"./lib/ngx-antd-json-schema-form.component","NgxAntdJsonSchemaFormModule":"./lib/ngx-antd-json-schema-form.module","ɵa":"./lib/directives/dynamicField","ɵb":"./lib/components/form-button/form-button.component","ɵc":"./lib/components/form-input/form-input.component","ɵd":"./lib/components/form-select/form-select.component","ɵe":"./lib/components/form-checkbox/form-checkbox.component","ɵf":"./lib/components/form-radio/form-radio.component","ɵg":"./lib/components/form-textarea/form-textarea.component","ɵh":"./lib/components/form-prism/form-prism.component","ɵi":"./lib/components/form-icon/form-icon.component"},"importAs":"ngx-antd-json-schema-form"}