[{"__symbolic":"module","version":3,"metadata":{"DEFAULT_INPUTS_O_IMAGE":["oattr: attr","olabel: label","tooltip","tooltipPosition: tooltip-position","tooltipShowDelay: tooltip-show-delay","data","autoBinding: automatic-binding","oenabled: enabled","orequired: required","emptyimage: empty-image","emptyicon: empty-icon","showControls: show-controls","sqlType: sql-type"],"DEFAULT_OUTPUTS_O_IMAGE":["onChange"],"OImageComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../o-form-data-component.class","name":"OFormDataComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"o-image","template":"\n    <div fxLayout=\"column\" fxLayoutAlign=\"center center\" class=\"input-image relative\" [formGroup]=\"getFormGroup()\" [mdTooltip]=\"tooltip\"\n      [mdTooltipPosition]=\"tooltipPosition\" [mdTooltipShowDelay]=\"tooltipShowDelay\">\n      <div fxLayout=\"row\" fxFill fxLayoutAlign=\"end center\" class=\"input-image-container\">\n        <input mdInput #inputControl [formControlName]=\"getAttribute()\" type=\"text\" [attr.id]=\"getAttribute()\" [id]=\"getAttribute()\"\n          [ngModel]=\"getValue()\" (ngModelChange)=\"innerOnChange($event)\" class=\"mat-input input-control\">\n        <input [hidden]=\"!hasControls()\" class=\"mat-primary\" #input type=\"file\" (change)=\"fileChange(input)\" class=\"input-file\" />\n        <label *ngIf=\"hasControls()\" #titleLabel (click)=\"input.click()\">{{ 'CHOOSE_FILE' | oTranslate }}</label>\n        <span *ngIf=\"hasControls()\" class=\"icon-btn\" [class.mat-disabled]=\"isDisabled\" (click)=\"input.click()\"><i class=\"material-icons\">search</i></span>\n        <span *ngIf=\"hasControls()\" class=\"icon-btn\" [class.mat-disabled]=\"isDisabled\" (click)=\"onClickClear($event)\"><i class=\"material-icons\">clear</i></span>\n      </div>\n      <div fxLayout=\"row\" class=\"input-image-preview\" fxLayoutAlign=\"center center\">\n        <img *ngIf=\"!(isEmpty())\" [src]=\"getSrcValue()\" alt=\"\" (click)=\"input.click()\" />\n        <md-icon class=\"empty-icon\" [class.mat-disabled]=\"isDisabled\" aria-label=\"empty image\" *ngIf=\"useEmptyIcon()\" (click)=\"input.click()\">{{ emptyicon }}</md-icon>\n        <img [src]=\"getSrcValue()\" alt=\"empty image\" *ngIf=\"useEmptyImage()\" (click)=\"input.click()\" />\n      </div>\n      <div *ngIf=\"isReadOnly\" fxFill class=\"read-only-blocker\" (click)=\"onClickBlocker($event)\"></div>\n    </div>\n  ","styles":["\n    .input-image .input-image-preview{z-index:1;width:150px;height:150px}.input-image .input-image-preview img{max-height:100%;max-width:100%}.input-image .input-image-preview .empty-icon{font-size:8em;height:auto;width:auto;cursor:pointer;color:rgba(0,0,0,0.47);vertical-align:middle}.input-image .input-image-preview .empty-icon.mat-disabled{cursor:default;color:rgba(0,0,0,0.26)}.input-image .input-image-container{z-index:1}.input-image .input-image-container .input-file{outline:none;width:0.1px;height:0.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.input-image .input-image-container .input-file+label{cursor:pointer;text-align:center;padding-top:4px;font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:rgba(0,0,0,0.38);width:100%}.input-control{display:none !important}.read-only-blocker{z-index:2;position:absolute;top:0px;left:0px;right:0px}\n  "],"inputs":[{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"DEFAULT_INPUTS_O_IMAGE"}}],"outputs":[{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"DEFAULT_OUTPUTS_O_IMAGE"}}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"}}]}],"members":{"showControls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../../decorators","name":"InputConverter"}}]}],"inputControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["inputControl"]}]}],"titleLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["titleLabel"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","module":"../form/o-form.component","name":"OFormComponent"}]}],null,null],"parameters":[{"__symbolic":"reference","module":"../form/o-form.component","name":"OFormComponent"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Injector"}]}],"ngOnInit":[{"__symbolic":"method"}],"ensureOFormValue":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"innerOnChange":[{"__symbolic":"method"}],"isEmpty":[{"__symbolic":"method"}],"fileChange":[{"__symbolic":"method"}],"getSrcValue":[{"__symbolic":"method"}],"onClickBlocker":[{"__symbolic":"method"}],"onClickClear":[{"__symbolic":"method"}],"hasControls":[{"__symbolic":"method"}],"useEmptyIcon":[{"__symbolic":"method"}],"useEmptyImage":[{"__symbolic":"method"}]},"statics":{"DEFAULT_INPUTS_O_IMAGE":{"__symbolic":"reference","name":"DEFAULT_INPUTS_O_IMAGE"},"DEFAULT_OUTPUTS_O_IMAGE":{"__symbolic":"reference","name":"DEFAULT_OUTPUTS_O_IMAGE"}}},"OImageModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[{"__symbolic":"reference","name":"OImageComponent"}],"imports":[{"__symbolic":"reference","module":"../../shared","name":"OSharedModule"},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}],"exports":[{"__symbolic":"reference","name":"OImageComponent"}]}]}]}}},{"__symbolic":"module","version":1,"metadata":{"DEFAULT_INPUTS_O_IMAGE":["oattr: attr","olabel: label","tooltip","tooltipPosition: tooltip-position","tooltipShowDelay: tooltip-show-delay","data","autoBinding: automatic-binding","oenabled: enabled","orequired: required","emptyimage: empty-image","emptyicon: empty-icon","showControls: show-controls","sqlType: sql-type"],"DEFAULT_OUTPUTS_O_IMAGE":["onChange"],"OImageComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../o-form-data-component.class","name":"OFormDataComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"o-image","template":"\n    <div fxLayout=\"column\" fxLayoutAlign=\"center center\" class=\"input-image relative\" [formGroup]=\"getFormGroup()\" [mdTooltip]=\"tooltip\"\n      [mdTooltipPosition]=\"tooltipPosition\" [mdTooltipShowDelay]=\"tooltipShowDelay\">\n      <div fxLayout=\"row\" fxFill fxLayoutAlign=\"end center\" class=\"input-image-container\">\n        <input mdInput #inputControl [formControlName]=\"getAttribute()\" type=\"text\" [attr.id]=\"getAttribute()\" [id]=\"getAttribute()\"\n          [ngModel]=\"getValue()\" (ngModelChange)=\"innerOnChange($event)\" class=\"mat-input input-control\">\n        <input [hidden]=\"!hasControls()\" class=\"mat-primary\" #input type=\"file\" (change)=\"fileChange(input)\" class=\"input-file\" />\n        <label *ngIf=\"hasControls()\" #titleLabel (click)=\"input.click()\">{{ 'CHOOSE_FILE' | oTranslate }}</label>\n        <span *ngIf=\"hasControls()\" class=\"icon-btn\" [class.mat-disabled]=\"isDisabled\" (click)=\"input.click()\"><i class=\"material-icons\">search</i></span>\n        <span *ngIf=\"hasControls()\" class=\"icon-btn\" [class.mat-disabled]=\"isDisabled\" (click)=\"onClickClear($event)\"><i class=\"material-icons\">clear</i></span>\n      </div>\n      <div fxLayout=\"row\" class=\"input-image-preview\" fxLayoutAlign=\"center center\">\n        <img *ngIf=\"!(isEmpty())\" [src]=\"getSrcValue()\" alt=\"\" (click)=\"input.click()\" />\n        <md-icon class=\"empty-icon\" [class.mat-disabled]=\"isDisabled\" aria-label=\"empty image\" *ngIf=\"useEmptyIcon()\" (click)=\"input.click()\">{{ emptyicon }}</md-icon>\n        <img [src]=\"getSrcValue()\" alt=\"empty image\" *ngIf=\"useEmptyImage()\" (click)=\"input.click()\" />\n      </div>\n      <div *ngIf=\"isReadOnly\" fxFill class=\"read-only-blocker\" (click)=\"onClickBlocker($event)\"></div>\n    </div>\n  ","styles":["\n    .input-image .input-image-preview{z-index:1;width:150px;height:150px}.input-image .input-image-preview img{max-height:100%;max-width:100%}.input-image .input-image-preview .empty-icon{font-size:8em;height:auto;width:auto;cursor:pointer;color:rgba(0,0,0,0.47);vertical-align:middle}.input-image .input-image-preview .empty-icon.mat-disabled{cursor:default;color:rgba(0,0,0,0.26)}.input-image .input-image-container{z-index:1}.input-image .input-image-container .input-file{outline:none;width:0.1px;height:0.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.input-image .input-image-container .input-file+label{cursor:pointer;text-align:center;padding-top:4px;font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:rgba(0,0,0,0.38);width:100%}.input-control{display:none !important}.read-only-blocker{z-index:2;position:absolute;top:0px;left:0px;right:0px}\n  "],"inputs":[{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"DEFAULT_INPUTS_O_IMAGE"}}],"outputs":[{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"DEFAULT_OUTPUTS_O_IMAGE"}}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"}}]}],"members":{"showControls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../../decorators","name":"InputConverter"}}]}],"inputControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["inputControl"]}]}],"titleLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["titleLabel"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","module":"../form/o-form.component","name":"OFormComponent"}]}],null,null],"parameters":[{"__symbolic":"reference","module":"../form/o-form.component","name":"OFormComponent"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Injector"}]}],"ngOnInit":[{"__symbolic":"method"}],"ensureOFormValue":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"innerOnChange":[{"__symbolic":"method"}],"isEmpty":[{"__symbolic":"method"}],"fileChange":[{"__symbolic":"method"}],"getSrcValue":[{"__symbolic":"method"}],"onClickBlocker":[{"__symbolic":"method"}],"onClickClear":[{"__symbolic":"method"}],"hasControls":[{"__symbolic":"method"}],"useEmptyIcon":[{"__symbolic":"method"}],"useEmptyImage":[{"__symbolic":"method"}]},"statics":{"DEFAULT_INPUTS_O_IMAGE":{"__symbolic":"reference","name":"DEFAULT_INPUTS_O_IMAGE"},"DEFAULT_OUTPUTS_O_IMAGE":{"__symbolic":"reference","name":"DEFAULT_OUTPUTS_O_IMAGE"}}},"OImageModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[{"__symbolic":"reference","name":"OImageComponent"}],"imports":[{"__symbolic":"reference","module":"../../shared","name":"OSharedModule"},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}],"exports":[{"__symbolic":"reference","name":"OImageComponent"}]}]}]}}}]