angular-froala-wysiwyg-2.7.1/editor/editor.directive.js.map

Angular 2 and Angular 4 bindings for Froala WYSIWYG HTML rich text editor

{"version":3,"sources":["../../src/editor/editor.directive.ts"],"names":[],"mappings":"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","file":"editor.directive.js","sourceRoot":"","sourcesContent":["import { Directive, ElementRef, Renderer, Input, Output, Optional, EventEmitter, forwardRef, NgZone} from '@angular/core';\n\nimport {ControlValueAccessor, NG_VALUE_ACCESSOR} from \"@angular/forms\";\n\ndeclare var $: JQueryStatic;\n\n\n\nexport class FroalaEditorDirective implements ControlValueAccessor {\n\n  // editor options\n  private _opts: any = {\n    immediateAngularModelUpdate: false,\n    angularIgnoreAttrs: null\n  };\n\n  // jquery wrapped element\n  private _$element: any;\n\n  private SPECIAL_TAGS: string[] = ['img', 'button', 'input', 'a'];\n  private INNER_HTML_ATTR: string = 'innerHTML';\n  private _hasSpecialTag: boolean = false;\n\n  // editor element\n  private _editor: any;\n\n  // initial editor content\n  private _model: string;\n\n  private _listeningEvents: string[] = [];\n\n  private _editorInitialized: boolean = false;\n\n  private _oldModel: string = null;\n\n  constructor(el: ElementRef,  private zone: NgZone) {\n\n    let element: any = el.nativeElement;\n\n    // check if the element is a special tag\n    if (this.SPECIAL_TAGS.indexOf(element.tagName.toLowerCase()) != -1) {\n      this._hasSpecialTag = true;\n    }\n\n    // jquery wrap and store element\n    this._$element = (<any>$(element));\n\n    this.zone = zone;\n  }\n\n  // Begin ControlValueAccesor methods.\n  onChange = (_) => {};\n  onTouched = () => {};\n\n  // Form model content changed.\n  writeValue(content: any): void {\n    this.updateEditor(content);\n  }\n\n  registerOnChange(fn: (_: any) => void): void { this.onChange = fn; }\n  registerOnTouched(fn: () => void): void { this.onTouched = fn; }\n  // End ControlValueAccesor methods.\n\n  // froalaEditor directive as input: store the editor options\n   set froalaEditor(opts: any) {\n    this._opts = opts || this._opts;\n  }\n\n  // froalaModel directive as input: store initial editor content\n   set froalaModel(content: any) {\n    this.updateEditor(content);\n  }\n\n  // Update editor with model contents.\n  private updateEditor(content: any) {\n\n    if (JSON.stringify(this._oldModel) == JSON.stringify(content)) {\n      return;\n    }\n    this._model = content;\n\n    if (this._editorInitialized) {\n      this.setContent();\n    }\n  }\n\n  // froalaModel directive as output: update model if editor contentChanged\n   froalaModelChange: EventEmitter<any> = new EventEmitter<any>();\n\n  // froalaInit directive as output: send manual editor initialization\n   froalaInit: EventEmitter<Object> = new EventEmitter<Object>();\n\n  // update model if editor contentChanged\n  private updateModel() {\n    this.zone.run(() => {\n\n      let modelContent: any = null;\n\n      if (this._hasSpecialTag) {\n\n        let attributeNodes = this._$element[0].attributes;\n        let attrs = {};\n\n        for (let i = 0; i < attributeNodes.length; i++ ) {\n\n          let attrName = attributeNodes[i].name;\n          if (this._opts.angularIgnoreAttrs && this._opts.angularIgnoreAttrs.indexOf(attrName) != -1) {\n            continue;\n          }\n\n          attrs[attrName] = attributeNodes[i].value;\n        }\n\n        if (this._$element[0].innerHTML) {\n          attrs[this.INNER_HTML_ATTR] = this._$element[0].innerHTML;\n        }\n\n        modelContent = attrs;\n      } else {\n\n        let returnedHtml: any = this._$element.froalaEditor('html.get');\n        if (typeof returnedHtml === 'string') {\n          modelContent = returnedHtml;\n        }\n      }\n\n      this._oldModel = modelContent;\n\n      // Update froalaModel.\n      this.froalaModelChange.emit(modelContent);\n\n      // Update form model.\n      this.onChange(modelContent);\n\n    })\n  }\n\n  // register event on jquery element\n  private registerEvent(element, eventName, callback) {\n\n    if (!element || !eventName || !callback) {\n      return;\n    }\n\n    this._listeningEvents.push(eventName);\n    element.on(eventName, callback);\n  }\n\n  private initListeners() {\n\n    let self = this;\n\n    // bind contentChange and keyup event to froalaModel\n    this.registerEvent(this._$element, 'froalaEditor.contentChanged',function () {\n      setTimeout(function (){\n        self.updateModel();\n      }, 0);\n    });\n    if (this._opts.immediateAngularModelUpdate) {\n      this.registerEvent(this._editor, 'keyup', function () {\n        setTimeout(function (){\n          self.updateModel();\n        }, 0);\n      });\n    }\n  }\n\n  // register events from editor options\n  private registerFroalaEvents() {\n\n    if (!this._opts.events) {\n      return;\n    }\n\n    for (let eventName in this._opts.events) {\n\n      if (this._opts.events.hasOwnProperty(eventName)) {\n        this.registerEvent(this._$element, eventName, this._opts.events[eventName]);\n      }\n    }\n  }\n\n  private createEditor() {\n\n    if (this._editorInitialized) {\n      return;\n    }\n\n    this.setContent(true);\n\n    // Registering events before initializing the editor will bind the initialized event correctly.\n    this.registerFroalaEvents();\n\n    // init editor\n    this.zone.runOutsideAngular(() => {\n      console.log (this._opts)\n      this._editor = this._$element.froalaEditor(this._opts).data('froala.editor').$el;\n    })\n\n    this.initListeners();\n\n    this._editorInitialized = true;\n  }\n\n  private setHtml() {\n    this._$element.froalaEditor('html.set', this._model || '', true);\n\n    //This will reset the undo stack everytime the model changes externally. Can we fix this?\n    this._$element.froalaEditor('undo.reset');\n    this._$element.froalaEditor('undo.saveStep');\n  }\n\n  private setContent(firstTime = false) {\n\n    let self = this;\n    // set initial content\n    if (this._model || this._model == '') {\n      this._oldModel = this._model;\n      if (this._hasSpecialTag) {\n\n        let tags: Object = this._model;\n\n        // add tags on element\n        if (tags) {\n\n          for (let attr in tags) {\n            if (tags.hasOwnProperty(attr) && attr != this.INNER_HTML_ATTR) {\n              this._$element.attr(attr, tags[attr]);\n            }\n          }\n\n          if (tags.hasOwnProperty(this.INNER_HTML_ATTR)) {\n            this._$element[0].innerHTML = tags[this.INNER_HTML_ATTR];\n          }\n        }\n      } else {\n        if (firstTime) {\n          this.registerEvent(this._$element, 'froalaEditor.initialized', function () {\n            self.setHtml();\n          });\n        } else {\n          self.setHtml();\n        }\n\n      }\n    }\n  }\n\n  private destroyEditor() {\n    if (this._editorInitialized) {\n      this._$element.off(this._listeningEvents.join(\" \"));\n      this._editor.off('keyup');\n      this._$element.froalaEditor('destroy');\n      this._listeningEvents.length = 0;\n      this._editorInitialized = false;\n    }\n  }\n\n  private getEditor() {\n    if (this._$element) {\n      return this._$element.froalaEditor.bind(this._$element);\n    }\n\n    return null;\n  }\n\n  // send manual editor initialization\n  private generateManualController() {\n    let self = this;\n    let controls = {\n      initialize: this.createEditor.bind(this),\n      destroy: this.destroyEditor.bind(this),\n      getEditor: this.getEditor.bind(this),\n    };\n    this.froalaInit.emit(controls);\n  }\n\n  // TODO not sure if ngOnInit is executed after @inputs\n  ngOnInit() {\n\n    // check if output froalaInit is present. Maybe observers is private and should not be used?? TODO how to better test that an output directive is present.\n    if (!this.froalaInit.observers.length) {\n      this.createEditor();\n    } else {\n      this.generateManualController();\n    }\n  }\n\n  ngOnDestroy() {\n    this.destroyEditor();\n  }\nstatic decorators: DecoratorInvocation[] = [\n{ type: Directive, args: [{\n  selector: '[froalaEditor]',\n   providers: [{\n    provide: NG_VALUE_ACCESSOR,useExisting:\n      forwardRef(() => FroalaEditorDirective),\n    multi: true\n  }]\n}, ] },\n];\n/** @nocollapse */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n{type: ElementRef, },\n{type: NgZone, },\n];\nstatic propDecorators: {[key: string]: DecoratorInvocation[]} = {\n'froalaEditor': [{ type: Input },],\n'froalaModel': [{ type: Input },],\n'froalaModelChange': [{ type: Output },],\n'froalaInit': [{ type: Output },],\n};\n}\n\ninterface DecoratorInvocation {\n  type: Function;\n  args?: any[];\n}\n"]}