[{"__symbolic":"module","version":4,"metadata":{"MarkdownComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":19,"character":17},"member":"None"},"selector":"f8-markdown","styleUrls":["./markdown.component.less"],"template":"<ul class=\"nav nav-tabs\" *ngIf=\"editorActive\"><li [class.active]=\"viewType==='markdown'\"><a (click)=\"onClickMarkdownTab()\" class=\"tab-btn\">Markdown</a></li><li [class.active]=\"viewType==='preview'\"><a (click)=\"onClickPreviewTab()\" class=\"tab-btn\">{{rendering ? \"Loading..\" : \"Preview\"}}</a></li></ul><div class=\"editor-container\"><div class=\"editor\" #previewArea (click)=\"enableEditor($event);\" [class.active]=\"editorActive\" [class.show-less]=\"!showMore && !editorActive\"><div class=\"editor-icon-container\"><i *ngIf=\"editAllow\" (click)=\"activeEditor()\" class=\"pficon-edit edit-icon\"></i></div><p almEditable #editorInput *ngIf=\"viewType==='markdown'\" [editable]=\"true\" class=\"editor-box editor-markdown\" (keyup)=\"editorKeyUp($event)\" [innerText]=\"rawText\"></p><div #editorBox #previewArea *ngIf=\"viewType==='preview' && ( renderedText.length || ( renderedText.changingThisBreaksApplicationSecurity && renderedText.changingThisBreaksApplicationSecurity.length ) )\" class=\"editor-box editor-preview markdown-rendered\"><github-link-area [content]=\"renderedText\" (onInputEvent)=\"onInputEvent($event)\"></github-link-area></div><div #editorBox *ngIf=\"viewType==='preview' && !renderedText.length && (!renderedText.changingThisBreaksApplicationSecurity || !renderedText.changingThisBreaksApplicationSecurity.length)\" class=\"editor-box editor-preview placeholder\">{{placeholder}}</div></div></div><div class=\"actions\" *ngIf=\"!editorActive && enableShowMore\"><small class=\"pull-right clickable\"><a *ngIf=\"!showMore\" (click)=\"lengthToggle(!showMore)\">Show more</a> <a *ngIf=\"showMore\" (click)=\"lengthToggle(!showMore)\">Show less</a></small></div><div class=\"actions\" *ngIf=\"editorActive\"><small><b>Markdown Supported</b> </small><button (click)=\"closeClick()\" class=\"fl btn btn-default pull-right action-btn\"><i class=\"fa fa-close\"></i></button> <button (click)=\"saveClick()\" class=\"fl btn btn-primary pull-right action-btn btn-save\" [disabled]=\"saving || (!allowEmptySave && fieldEmpty)\"><i class=\"fa fa-check\"></i></button></div>"}]}],"members":{"fieldName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"inpRenderedText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3},"arguments":["renderedText"]}]}],"inpRawText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3},"arguments":["rawText"]}]}],"rendering":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"saving":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"editAllow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"renderedHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"allowEmptySave":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"onActiveEditor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":44,"character":3}}]}],"onSaveClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":45,"character":3}}]}],"showPreview":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":46,"character":3}}]}],"onCloseClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":47,"character":3}}]}],"onClickOut":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":48,"character":3}}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":50,"character":3},"arguments":["document:click",["$event.target"]]}]}],"editorInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":66,"character":3},"arguments":["editorInput"]}]}],"editorBox":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":67,"character":3},"arguments":["editorBox"]}]}],"previewArea":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":68,"character":3},"arguments":["previewArea"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":88,"character":27},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":88,"character":66}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"onInputEvent":[{"__symbolic":"method"}],"onClickMarkdownTab":[{"__symbolic":"method"}],"onClickPreviewTab":[{"__symbolic":"method"}],"checkInputsDisabled":[{"__symbolic":"method"}],"setPreviewInputsDisabled":[{"__symbolic":"method"}],"enableEditor":[{"__symbolic":"method"}],"activeEditor":[{"__symbolic":"method"}],"deactivateEditor":[{"__symbolic":"method"}],"saveClick":[{"__symbolic":"method"}],"editorKeyUp":[{"__symbolic":"method"}],"closeClick":[{"__symbolic":"method"}],"renderPreview":[{"__symbolic":"method"}],"saveUpdate":[{"__symbolic":"method"}],"lengthToggle":[{"__symbolic":"method"}]}}}}]