{"__symbolic":"module","version":4,"metadata":{"KFormModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"FormGroupComponent"},{"__symbolic":"reference","name":"FormLabelDirective"},{"__symbolic":"reference","name":"FormInputDirective"},{"__symbolic":"reference","name":"FormHintDirective"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"FormDirective"}],"exports":[{"__symbolic":"reference","name":"FormGroupComponent"},{"__symbolic":"reference","name":"FormLabelDirective"},{"__symbolic":"reference","name":"FormInputDirective"},{"__symbolic":"reference","name":"FormHintDirective"},{"__symbolic":"reference","name":"FileInputModule"},{"__symbolic":"reference","name":"FormDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":28,"character":2}]}]}],"members":{}},"FormGroupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"k-form-group","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":12,"character":18},"member":"OnPush"},"template":"<ng-content></ng-content>\n<k-form-errors [errors]=\"errors | async\"></k-form-errors>\n","styles":[":host{display:block}"]}]}],"members":{"classList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":16,"character":2},"arguments":["class"]}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":2}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":24,"character":2},"arguments":[{"__symbolic":"reference","name":"FormLabelDirective"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":24,"character":42}}]}]}],"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":27,"character":2},"arguments":[{"__symbolic":"reference","name":"FormInputDirective"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":27,"character":42}}]}]}],"formControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":30,"character":2},"arguments":[{"__symbolic":"reference","name":"FormInputDirective"},{"read":{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":30,"character":42}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":38,"character":3},"arguments":[{"__symbolic":"reference","name":"CUSTOM_ERROR_MESSAGES"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":36,"character":14},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":37,"character":20},{"__symbolic":"reference","name":"CustomErrorMessageFormatters"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"setInputAndLabelAttributes":[{"__symbolic":"method"}],"listeningChangesAndSetErrors":[{"__symbolic":"method"}],"mapErrors":[{"__symbolic":"method"}],"findFormatter":[{"__symbolic":"method"}],"assignProperClasses":[{"__symbolic":"method"}]}},"FormInputDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"[kFormInput]"}]}],"members":{"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":2}}]}],"isPlainText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":2}}]}],"classList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":14,"character":2},"arguments":["class"]}]}]}},"FormLabelDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[kFormLabel]"}]}],"members":{}},"FormHintDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[kFormHint]"}]}],"members":{"classList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":7,"character":2},"arguments":["class"]}]}]}},"FileInputModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"FormFileInputComponent"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵb"}],"exports":[{"__symbolic":"reference","name":"FormFileInputComponent"},{"__symbolic":"reference","name":"ɵb"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":24,"character":2}]}]}],"members":{}},"FormFileInputComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"k-form-file-input","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":8,"character":18},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":11,"character":12},"useExisting":{"__symbolic":"reference","name":"FormFileInputComponent"},"multi":true}],"template":"<div class=\"k-file-input-container\">\n\t<input type=\"file\" (change)=\"fileChangeHandler($event)\" [attr.multiple]=\"multiple\" [accept]=\"accept\" #input>\n\t<div>\n\t\t<ng-container *ngTemplateOutlet=\"inputTemplate ? inputTemplate : defaultTemplate\"></ng-container>\n\t</div>\n</div>\n<ng-container *ngIf=\"files?.length\">\n\t<span class=\"p-1 text-muted\" style=\"cursor: pointer\" (click)=\"clear()\">\n\t\t<svg style=\"width:14px;height:14px\" viewBox=\"0 0 24 24\">\n\t\t\t<path fill=\"currentColor\" d=\"M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z\"/>\n\t\t</svg>\n\t</span>\n\t<small class=\"text-muted\">{{files?.length}} {{selectedCountText}}</small>\n\t<k-form-file-list [files]=\"filesAsArray\" [sizeText]=\"sizeText\" [typeText]=\"typeText\"></k-form-file-list>\n</ng-container>\n\n<ng-container *ngIf=\"previousFilesUrl\">\n\t<div class=\"text-muted small mt-2 mb-2\">{{previousFilesText}}</div>\n\t<k-form-file-previous-list [previousFilesUrl]=\"previousFilesUrl\"></k-form-file-previous-list>\n</ng-container>\n\n<ng-template #defaultTemplate>\n\t<div class=\"d-flex justify-content-center align-items-center flex-column p-3\">\n\t\t<div>\n\t\t\t<span class=\"label\">Drag files or </span>\n\t\t\t<span class=\"browse-label\">Browse</span>\n\t\t</div>\n\t</div>\n</ng-template>\n","styles":[":host.disabled input[type=file]{display:none}:host.disabled .k-file-input-container{cursor:default;opacity:.6}input[type=file]{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.k-file-input-container{cursor:pointer;position:relative;width:100%}.browse-label{color:#4d80e4}"]}]}],"members":{"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":18,"character":2},"arguments":["class.disabled"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":2}}]}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":47,"character":2},"arguments":["input",{"static":true}]}]}],"inputTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":50,"character":2},"arguments":[{"__symbolic":"reference","name":"ɵb"},{"static":true,"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":50,"character":59}}]}]}],"multiple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":2}}]}],"accept":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":2}}]}],"previousFilesUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":2}}]}],"previousFilesText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":2}}]}],"selectedCountText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":2}}]}],"typeText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":2}}]}],"sizeText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":2}}]}],"files":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":2}}]}],"filesChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":77,"character":2}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"fileChangeHandler":[{"__symbolic":"method"}],"clear":[{"__symbolic":"method"}],"clearInput":[{"__symbolic":"method"}]}},"CUSTOM_ERROR_MESSAGES":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":2,"character":41},"arguments":["CUSTOM_ERROR_MESSAGES"]},"CustomErrorMessageFormatter":{"__symbolic":"interface"},"CustomErrorMessageFormatters":{"__symbolic":"interface"},"FormDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"[kForm]"}]}],"members":{"validSubmit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":7,"character":2}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":11,"character":3}}]],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":11,"character":33}]}],"onSubmit":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":15,"character":2},"arguments":["submit",["$event"]]}]}]}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"k-form-errors","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":6,"character":18},"member":"OnPush"},"template":"<div class=\"small text-danger\" *ngFor=\"let error of errors | keyvalue\">{{error.value}}</div>\n","styles":[""]}]}],"members":{"errors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":2}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[kFileInputTmp]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"k-form-file-list","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":7,"character":18},"member":"OnPush"},"template":"<div class=\"d-flex justify-content-between align-items-center p-2 my-1\" *ngFor=\"let file of files; let i = index\">\n\t<div>\n\t\t<div class=\"d-flex align-items-center\">\n\t\t\t<div>\n\t\t\t\t<svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t<path fill=\"currentColor\" d=\"M13,9V3.5L18.5,9M6,2C4.89,2 4,2.89 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2H6Z\"/>\n\t\t\t\t</svg>\n\t\t\t</div>\n\t\t\t<div class=\"h6 mx-2\">\n\t\t\t\t{{file.name}}\n\t\t\t\t<br>\n\t\t\t\t<span class=\"small text-muted\">{{sizeText}}: {{file.size | fileSize}}</span>\n\t\t\t\t<span class=\"mx-2\"></span>\n\t\t\t\t<span class=\"small text-muted\">{{typeText}}: {{file.name | fileType}}</span>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<div>\n\t\t<span class=\"btn\" (click)=\"saveFile(file, file.name)\">\n\t\t\t<svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n\t\t\t\t<path fill=\"currentColor\" d=\"M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z\"/>\n\t\t\t</svg>\n\t\t</span>\n\t</div>\n</div>\n","styles":[".container{align-items:center;display:flex;justify-content:space-between;margin:3px 0;padding:10px}"]}]}],"members":{"files":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":2}}]}],"typeText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":2}}]}],"sizeText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":2}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ngx-k/components/core","name":"FileSaverService","line":19,"character":32}]}],"ngOnInit":[{"__symbolic":"method"}],"saveFile":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"k-form-file-previous-list","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":8,"character":18},"member":"OnPush"},"template":"<div class=\"d-flex justify-content-between align-items-center px-2 my-1\" *ngFor=\"let url of previousFilesUrl; let i = index\">\n\t<div>\n\t\t<div class=\"d-flex align-items-center\">\n\t\t\t<div>\n\t\t\t\t<svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t<path fill=\"currentColor\" d=\"M13,9V3.5L18.5,9M6,2C4.89,2 4,2.89 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2H6Z\"/>\n\t\t\t\t</svg>\n\t\t\t</div>\n\t\t\t<div class=\"h6 mx-2 mb-0\">\n\t\t\t\t{{fileName(url)}}\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<div>\n\t\t<span class=\"btn\" (click)=\"saveFile(url)\">\n\t\t\t<svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n\t\t\t\t<path fill=\"currentColor\" d=\"M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z\"/>\n\t\t\t</svg>\n\t\t</span>\n\t</div>\n</div>\n","styles":[""]}]}],"members":{"previousFilesUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":2}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":16,"character":16},{"__symbolic":"reference","module":"@ngx-k/components/core","name":"FileSaverService","line":17,"character":21}]}],"fileName":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"saveFile":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":2,"character":1},"arguments":[{"name":"fileSize"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":2,"character":1},"arguments":[{"name":"fileType"}]}],"members":{"transform":[{"__symbolic":"method"}]}}},"origins":{"KFormModule":"./k-form.module","FormGroupComponent":"./components/form-group/form-group.component","FormInputDirective":"./directives/form-input/form-input.directive","FormLabelDirective":"./directives/form-label/form-label.directive","FormHintDirective":"./directives/form-hint/form-hint.directive","FileInputModule":"./modules/file-input/file-input.module","FormFileInputComponent":"./modules/file-input/components/form-file-input/form-file-input.component","CUSTOM_ERROR_MESSAGES":"./models/custom-error-messages.token","CustomErrorMessageFormatter":"./models/custom-error-messages.token","CustomErrorMessageFormatters":"./models/custom-error-messages.token","FormDirective":"./directives/form/form.directive","ɵa":"./components/form-errors/form-errors.component","ɵb":"./modules/file-input/directives/file-input-tmp/file-input-tmp.directive","ɵc":"./modules/file-input/_partials/form-file-list/form-file-list.component","ɵd":"./modules/file-input/_partials/form-file-previous-list/form-file-previous-list.component","ɵe":"./modules/file-input/pipes/fileSize/fileSize.pipe","ɵf":"./modules/file-input/pipes/file-type/file-type.pipe"},"importAs":"@ngx-k/components/form"}