sk-front-lib 0.14.8 → 0.15.3

package/bundles/sk-front-lib-article.umd.js

@@ -1,772 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('sk-front-lib/api'), require('sk-front-lib/model'), require('froala-editor'), require('froala-editor/js/plugins.pkgd.min.js'), require('@angular/common'), require('@angular/forms')) :
-    typeof define === 'function' && define.amd ? define('sk-front-lib/article', ['exports', '@angular/core', 'sk-front-lib/api', 'sk-front-lib/model', 'froala-editor', 'froala-editor/js/plugins.pkgd.min.js', '@angular/common', '@angular/forms'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['sk-front-lib'] = global['sk-front-lib'] || {}, global['sk-front-lib'].article = {}), global.ng.core, global['sk-front-lib'].api, global['sk-front-lib'].model, global.FroalaEditor, null, global.ng.common, global.ng.forms));
-}(this, (function (exports, i0, api, model, FroalaEditor, plugins_pkgd_min_js, common, forms) { 'use strict';
-
-    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-    var FroalaEditor__default = /*#__PURE__*/_interopDefaultLegacy(FroalaEditor);
-
-    var SkArticleService = /** @class */ (function () {
-        function SkArticleService(environment) {
-            this.environment = environment;
-            this.initializeFroala();
-        }
-        SkArticleService.prototype.initializeFroala = function () {
-            FroalaEditor__default['default'].DefineIconTemplate('material_design', '<i class="material-icons">[NAME]</i>');
-            this.loadFontWeight();
-            this.registerShortcuts();
-        };
-        SkArticleService.prototype.loadFontWeight = function () {
-            // Define an icon.
-            FroalaEditor__default['default'].DefineIcon('font-weight', { NAME: 'format_size', template: 'material_design' });
-            // Define a dropdown button.
-            FroalaEditor__default['default'].RegisterCommand('font-weight-drop', {
-                // Button title.
-                title: 'Font Weight',
-                // Mark the button as a dropdown.
-                type: 'dropdown',
-                // Specify the icon for the button.
-                // If this option is not specified, the button name will be used.
-                icon: 'font-weight',
-                // Options for the dropdown.
-                options: {
-                    100: 'Thin',
-                    300: 'Light',
-                    400: 'Regular',
-                    500: 'Medium',
-                    700: 'Bold',
-                    900: 'Black'
-                },
-                // If present, the options property will be ignored.
-                // It can be used to define a custom HTML for the dropdown.
-                // html: function () {
-                //     // The current context is the editor instance.
-                //     return '';
-                // },
-                // Save the dropdown action into undo stack.
-                undo: true,
-                // Focus inside the editor before callback.
-                focus: true,
-                // Refresh the button state after the callback.
-                refreshAfterCallback: true,
-                // Callback.
-                callback: function (cmd, val, params) {
-                    this.format.removeStyle('font-weight');
-                    this.format.applyStyle('font-weight', val);
-                },
-            });
-        };
-        SkArticleService.prototype.registerShortcuts = function () {
-            FroalaEditor__default['default'].RegisterShortcut(49, 'paragraphFormat', 'H1', '1', false);
-            FroalaEditor__default['default'].RegisterShortcut(50, 'paragraphFormat', 'H2', '2', false);
-            FroalaEditor__default['default'].RegisterShortcut(51, 'paragraphFormat', 'H3', '3', false);
-            FroalaEditor__default['default'].RegisterShortcut(52, 'paragraphFormat', 'N', '4', false);
-            FroalaEditor__default['default'].RegisterShortcut(66, 'font-weight-drop', '700');
-        };
-        SkArticleService.prototype.getBaseConfig = function () {
-            return {
-                key: 'Ig1A7vB2D2E2E1F1B4muvugzxmwA-7I-7A5B-21qrC-11A2B2C2A1C9B3B3C6E2C1==',
-                editorClass: 'sk-custom',
-                fontFamily: {
-                    'Noto Sans KR, Noto Sans, Arial,Helvetica,sans-serif': 'Noto Sans',
-                    'Roboto, Arial,Helvetica,sans-serif': 'Roboto',
-                    'Georgia,serif': 'Georgia',
-                    'Impact,Charcoal,sans-serif': 'Impact',
-                    'Tahoma,Geneva,sans-serif': 'Tahoma',
-                    '\'Times New Roman\',Times,serif': 'Times New Roman',
-                    'Verdana,Geneva,sans-serif': 'Verdana'
-                },
-                imageDefaultWidth: 0,
-                // remove image manager
-                // imageInsertButtons: ['imageBack', '|', 'imageUpload', 'imageByURL', 'imageManager'],
-                imageInsertButtons: ['imageBack', '|', 'imageUpload', 'imageByURL'],
-                imageEditButtons: ['imageAlign', 'imageCaption', 'imageRemove', '|', 'imageLink', 'linkOpen', 'linkEdit', 'linkRemove', '-', 'imageDisplay', 'imageStyle', 'imageAlt', 'imageSize'],
-                imageAllowedTypes: ['jpeg', 'jpg', 'png', 'gif'],
-                // remove video upload
-                // ['videoBack', '|', 'videoByURL', 'videoEmbed', 'videoUpload']
-                videoInsertButtons: ['videoBack', '|', 'videoByURL', 'videoEmbed'],
-                videoUpload: false,
-                videoResponsive: true,
-                pastePlain: true,
-                pasteDeniedAttrs: ['class', 'id', 'style'],
-                pasteDeniedTags: ['div'],
-                wordPasteKeepFormatting: false,
-                imagePaste: false,
-                quickInsertEnabled: false,
-                paragraphFormat: {
-                    H1: '대제목',
-                    H2: '소제목',
-                    H3: '문단 제목',
-                    N: '본문'
-                },
-                // toolbarContainer: '.sk-custom-editor-toolbar',
-                toolbarSticky: false,
-                toolbarBottom: false,
-                attribution: false,
-                helpSets: [
-                    {
-                        title: 'Gearlounge Custom',
-                        commands: [
-                            { val: 'OSkey1', desc: '대제목' },
-                            { val: 'OSkey2', desc: '소제목' },
-                            { val: 'OSkey3', desc: '문단 제목' },
-                            { val: 'OSkey4', desc: '본문' }
-                        ]
-                    },
-                    {
-                        title: 'Inline Editor',
-                        commands: [
-                            { val: 'OSkeyE', desc: 'Show the editor' }
-                        ]
-                    },
-                    {
-                        title: 'Common actions',
-                        commands: [
-                            { val: 'OSkeyC', desc: 'Copy' },
-                            { val: 'OSkeyX', desc: 'Cut' },
-                            { val: 'OSkeyV', desc: 'Paste' },
-                            { val: 'OSkeyZ', desc: 'Undo' },
-                            { val: 'OSkeyShift+Z', desc: 'Redo' },
-                            { val: 'OSkeyK', desc: 'Insert Link' },
-                            { val: 'OSkeyP', desc: 'Insert Image' }
-                        ]
-                    },
-                    {
-                        title: 'Basic Formatting',
-                        commands: [
-                            { val: 'OSkeyA', desc: 'Select All' },
-                            { val: 'OSkeyB', desc: 'Bold' },
-                            { val: 'OSkeyI', desc: 'Italic' },
-                            { val: 'OSkeyU', desc: 'Underline' },
-                            { val: 'OSkeyS', desc: 'Strikethrough' },
-                            { val: 'OSkey]', desc: 'Increase Indent' },
-                            { val: 'OSkey[', desc: 'Decrease Indent' }
-                        ]
-                    },
-                    {
-                        title: 'Quote',
-                        commands: [
-                            { val: 'OSkey\'', desc: 'Increase quote level' },
-                            { val: 'OSkeyShift+\'', desc: 'Decrease quote level' }
-                        ]
-                    },
-                    {
-                        title: 'Image / Video',
-                        commands: [
-                            { val: 'OSkey+', desc: 'Resize larger' },
-                            { val: 'OSkey-', desc: 'Resize smaller' }
-                        ]
-                    },
-                    {
-                        title: 'Table',
-                        commands: [
-                            { val: 'Alt+Space', desc: 'Select table cell' },
-                            { val: 'Shift+Left/Right arrow', desc: 'Extend selection one cell' },
-                            { val: 'Shift+Up/Down arrow', desc: 'Extend selection one row' }
-                        ]
-                    },
-                    {
-                        title: 'Navigation',
-                        commands: [
-                            { val: 'OSkey/', desc: 'Shortcuts' },
-                            { val: 'Alt+F10', desc: 'Focus popup / toolbar' },
-                            { val: 'Esc', desc: 'Return focus to previous position' }
-                        ]
-                    }
-                ],
-            };
-        };
-        SkArticleService.prototype.getToolbar = function (type) {
-            if (type === void 0) { type = 'default'; }
-            if (type === 'default') {
-                return {
-                    toolbarButtons: {
-                        moreText: {
-                            buttons: ['font-weight-drop', 'fontFamily', 'fontSize', 'textColor', 'clearFormatting', 'italic', 'strikeThrough', 'subscript', 'superscript', 'backgroundColor', 'inlineClass', 'inlineStyle'],
-                            buttonsVisible: 5
-                        },
-                        moreParagraph: {
-                            buttons: ['paragraphFormat', 'alignLeft', 'alignCenter', 'formatUL', 'quote', 'alignRight', 'alignJustify', 'formatOLSimple', 'formatOL', 'paragraphStyle', 'lineHeight', 'outdent', 'indent'],
-                            buttonsVisible: 5
-                        },
-                        moreRich: {
-                            buttons: ['insertLink', 'insertImage', 'insertVideo', 'insertHR', 'insertTable', 'emoticons', 'fontAwesome', 'specialCharacters', 'embedly', 'insertFile'],
-                            buttonsVisible: 4
-                        },
-                        moreMisc: {
-                            buttons: ['undo', 'redo', 'fullscreen', 'print', 'getPDF', 'spellChecker', 'selectAll', 'html', 'help'],
-                            align: 'right',
-                            buttonsVisible: 3
-                        }
-                    },
-                    toolbarButtonsSm: {
-                        moreText: {
-                            buttons: ['font-weight-drop', 'underline', 'strikeThrough', 'subscript', 'superscript', 'fontFamily', 'fontSize', 'textColor', 'backgroundColor', 'inlineClass', 'inlineStyle', 'clearFormatting'],
-                            buttonsVisible: 2
-                        },
-                        moreParagraph: {
-                            buttons: ['alignLeft', 'alignCenter', 'formatOLSimple', 'alignRight', 'alignJustify', 'formatOL', 'formatUL', 'paragraphFormat', 'paragraphStyle', 'lineHeight', 'outdent', 'indent', 'quote'],
-                            buttonsVisible: 2
-                        },
-                        moreRich: {
-                            buttons: ['insertLink', 'insertImage', 'insertVideo', 'insertTable', 'emoticons', 'fontAwesome', 'specialCharacters', 'embedly', 'insertFile', 'insertHR'],
-                            buttonsVisible: 2
-                        },
-                        moreMisc: {
-                            buttons: ['undo', 'redo', 'fullscreen', 'print', 'getPDF', 'spellChecker', 'selectAll', 'html', 'help'],
-                            align: 'right',
-                            buttonsVisible: 2
-                        }
-                    },
-                };
-            }
-            else if (type === 'simple') {
-                return {
-                    toolbarButtons: [['font-weight-drop', 'fontFamily', 'fontSize', 'textColor', 'clearFormatting'], ['paragraphFormat', 'alignLeft', 'alignCenter', 'formatUL', 'quote'], ['insertLink']],
-                    toolbarButtonsSm: [['font-weight-drop', 'fontFamily', 'fontSize', 'textColor', 'clearFormatting'], ['paragraphFormat', 'alignLeft', 'alignCenter', 'formatUL', 'quote'], ['insertLink']],
-                };
-            }
-        };
-        return SkArticleService;
-    }());
-    SkArticleService.ɵprov = i0.ɵɵdefineInjectable({ factory: function SkArticleService_Factory() { return new SkArticleService(i0.ɵɵinject("environment")); }, token: SkArticleService, providedIn: "root" });
-    SkArticleService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root'
-                },] }
-    ];
-    SkArticleService.ctorParameters = function () { return [
-        { type: undefined, decorators: [{ type: i0.Inject, args: ['environment',] }] }
-    ]; };
-
-    var SkArticleEditorComponent = /** @class */ (function () {
-        function SkArticleEditorComponent(_apiService, _articleService) {
-            this._apiService = _apiService;
-            this._articleService = _articleService;
-            this.toolbarType = 'default';
-            this._initOptions();
-        }
-        // -----------------------------------------------------------------------------------------------------
-        // @ Accessors
-        // ------------------------------------------1-----------------------------------------------------------
-        // -----------------------------------------------------------------------------------------------------
-        // @ Lifecycle hooks
-        // -----------------------------------------------------------------------------------------------------
-        SkArticleEditorComponent.prototype.ngOnInit = function () {
-        };
-        SkArticleEditorComponent.prototype.ngOnChanges = function (changes) {
-            this._initData();
-            this._initOptions();
-        };
-        // -----------------------------------------------------------------------------------------------------
-        // @ Public methods
-        // -----------------------------------------------------------------------------------------------------
-        SkArticleEditorComponent.prototype.getData = function () {
-            return { content: this.content, images: this.images };
-        };
-        // -----------------------------------------------------------------------------------------------------
-        // @ Private methods
-        // -----------------------------------------------------------------------------------------------------
-        SkArticleEditorComponent.prototype._initData = function () {
-            if (!this.article) {
-                return;
-            }
-            this.content = this.article.content;
-            this.images = this.article.images || [];
-        };
-        SkArticleEditorComponent.prototype._initOptions = function () {
-            var _this = this;
-            this.editorConfig = Object.assign({}, this._articleService.getBaseConfig(), Object.assign({ requestHeaders: {
-                    'Authorization': 'Bearer ' + this._apiService.getToken(),
-                    'ngsw-bypass': 'true'
-                }, imageUploadParams: {
-                    imageUrl: this._articleService.environment.apiServer + '/api/public/images/'
-                }, imageUploadParam: 'file', imageUploadRemoteUrls: true, imageUploadURL: this._articleService.environment.apiServer + '/external/froala/upload', fileUploadParams: {
-                    imageUrl: this._articleService.environment.apiServer + '/api/public/files/'
-                }, fileUploadParam: 'file', fileUploadURL: this._articleService.environment.apiServer + '/external/froala/upload', events: {
-                    'image.inserted': function ($img, response) {
-                        _this._addImage(JSON.parse(response).file);
-                    },
-                    'image.removed': function ($img) {
-                        console.log($img, $img.dataset);
-                        for (var i = 0; i < $img.length; i++) {
-                            _this._removeImage(Number($img[i].dataset.id));
-                        }
-                    }
-                } }, this._articleService.getToolbar(this.toolbarType)));
-        };
-        SkArticleEditorComponent.prototype._addImage = function (file) {
-            this.images.push(new model.SkFile(file));
-        };
-        SkArticleEditorComponent.prototype._removeImage = function (id) {
-            var index = this.images.findIndex(function (value) { return value.id === id; });
-            if (index > -1) {
-                this.images.splice(index, 1);
-            }
-        };
-        return SkArticleEditorComponent;
-    }());
-    SkArticleEditorComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'sk-article-editor',
-                    template: "<div [froalaEditor]=\"editorConfig\" [(froalaModel)]=\"content\"></div>\n",
-                    styles: [":host{position:relative;display:block}"]
-                },] }
-    ];
-    SkArticleEditorComponent.ctorParameters = function () { return [
-        { type: api.SkApiService },
-        { type: SkArticleService }
-    ]; };
-    SkArticleEditorComponent.propDecorators = {
-        article: [{ type: i0.Input }],
-        toolbarType: [{ type: i0.Input }]
-    };
-
-    var SkFroalaEditorDirective = /** @class */ (function () {
-        function SkFroalaEditorDirective(el, zone) {
-            this.zone = zone;
-            // editor options
-            this._opts = {
-                immediateAngularModelUpdate: false,
-                angularIgnoreAttrs: null
-            };
-            this.SPECIAL_TAGS = ['img', 'button', 'input', 'a'];
-            this.INNER_HTML_ATTR = 'innerHTML';
-            this._hasSpecialTag = false;
-            this._editorInitialized = false;
-            this._oldModel = null;
-            // froalaModel directive as output: update model if editor contentChanged
-            this.froalaModelChange = new i0.EventEmitter();
-            // froalaInit directive as output: send manual editor initialization
-            this.froalaInit = new i0.EventEmitter();
-            // Begin ControlValueAccesor methods.
-            this.onChange = function (_) {
-            };
-            this.onTouched = function () {
-            };
-            var element = el.nativeElement;
-            // check if the element is a special tag
-            if (this.SPECIAL_TAGS.indexOf(element.tagName.toLowerCase()) != -1) {
-                this._hasSpecialTag = true;
-            }
-            this._element = element;
-            this.zone = zone;
-        }
-        Object.defineProperty(SkFroalaEditorDirective.prototype, "froalaEditor", {
-            // End ControlValueAccesor methods.
-            // froalaEditor directive as input: store the editor options
-            set: function (opts) {
-                this._opts = this.clone(opts || this._opts);
-                this._opts = Object.assign({}, this._opts);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkFroalaEditorDirective.prototype, "froalaModel", {
-            // froalaModel directive as input: store initial editor content
-            set: function (content) {
-                this.updateEditor(content);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        // Form model content changed.
-        SkFroalaEditorDirective.prototype.writeValue = function (content) {
-            this.updateEditor(content);
-        };
-        SkFroalaEditorDirective.prototype.registerOnChange = function (fn) {
-            this.onChange = fn;
-        };
-        SkFroalaEditorDirective.prototype.registerOnTouched = function (fn) {
-            this.onTouched = fn;
-        };
-        // TODO: replace clone method with better possible alternate
-        SkFroalaEditorDirective.prototype.clone = function (item) {
-            var me = this;
-            if (!item) {
-                return item;
-            } // null, undefined values check
-            var types = [Number, String, Boolean], result;
-            // normalizing primitives if someone did new String('aaa'), or new Number('444');
-            types.forEach(function (type) {
-                if (item instanceof type) {
-                    result = type(item);
-                }
-            });
-            if (typeof result == 'undefined') {
-                if (Object.prototype.toString.call(item) === '[object Array]') {
-                    result = [];
-                    item.forEach(function (child, index, array) {
-                        result[index] = me.clone(child);
-                    });
-                }
-                else if (typeof item == 'object') {
-                    // testing that this is DOM
-                    if (item.nodeType && typeof item.cloneNode == 'function') {
-                        result = item.cloneNode(true);
-                    }
-                    else if (!item.prototype) { // check that this is a literal
-                        if (item instanceof Date) {
-                            result = new Date(item);
-                        }
-                        else {
-                            // it is an object literal
-                            result = {};
-                            for (var i in item) {
-                                result[i] = me.clone(item[i]);
-                            }
-                        }
-                    }
-                    else {
-                        if (false && item.constructor) {
-                            result = new item.constructor();
-                        }
-                        else {
-                            result = item;
-                        }
-                    }
-                }
-                else {
-                    result = item;
-                }
-            }
-            return result;
-        };
-        // Update editor with model contents.
-        SkFroalaEditorDirective.prototype.updateEditor = function (content) {
-            if (JSON.stringify(this._oldModel) == JSON.stringify(content)) {
-                return;
-            }
-            if (!this._hasSpecialTag) {
-                this._oldModel = content;
-            }
-            else {
-                this._model = content;
-            }
-            if (this._editorInitialized) {
-                if (!this._hasSpecialTag) {
-                    this._editor.html.set(content);
-                }
-                else {
-                    this.setContent();
-                }
-            }
-            else {
-                if (!this._hasSpecialTag) {
-                    this._element.innerHTML = content || '';
-                }
-                else {
-                    this.setContent();
-                }
-            }
-        };
-        // update model if editor contentChanged
-        SkFroalaEditorDirective.prototype.updateModel = function () {
-            var _this = this;
-            this.zone.run(function () {
-                var modelContent = null;
-                if (_this._hasSpecialTag) {
-                    var attributeNodes = _this._element.attributes;
-                    var attrs = {};
-                    for (var i = 0; i < attributeNodes.length; i++) {
-                        var attrName = attributeNodes[i].name;
-                        if (_this._opts.angularIgnoreAttrs && _this._opts.angularIgnoreAttrs.indexOf(attrName) != -1) {
-                            continue;
-                        }
-                        attrs[attrName] = attributeNodes[i].value;
-                    }
-                    if (_this._element.innerHTML) {
-                        attrs[_this.INNER_HTML_ATTR] = _this._element.innerHTML;
-                    }
-                    modelContent = attrs;
-                }
-                else {
-                    var returnedHtml = _this._editor.html.get();
-                    if (typeof returnedHtml === 'string') {
-                        modelContent = returnedHtml;
-                    }
-                }
-                if (_this._oldModel !== modelContent) {
-                    _this._oldModel = modelContent;
-                    // Update froalaModel.
-                    _this.froalaModelChange.emit(modelContent);
-                    // Update form model.
-                    _this.onChange(modelContent);
-                }
-            });
-        };
-        SkFroalaEditorDirective.prototype.registerEvent = function (eventName, callback) {
-            if (!eventName || !callback) {
-                return;
-            }
-            if (!this._opts.events) {
-                this._opts.events = {};
-            }
-            this._opts.events[eventName] = callback;
-        };
-        SkFroalaEditorDirective.prototype.initListeners = function () {
-            var self = this;
-            // Check if we have events on the editor.
-            if (this._editor.events) {
-                // bind contentChange and keyup event to froalaModel
-                this._editor.events.on('contentChanged', function () {
-                    setTimeout(function () {
-                        self.updateModel();
-                    }, 0);
-                });
-                this._editor.events.on('mousedown', function () {
-                    setTimeout(function () {
-                        self.onTouched();
-                    }, 0);
-                });
-                if (this._opts.immediateAngularModelUpdate) {
-                    this._editor.events.on('keyup', function () {
-                        setTimeout(function () {
-                            self.updateModel();
-                        }, 0);
-                    });
-                }
-            }
-            this._editorInitialized = true;
-        };
-        SkFroalaEditorDirective.prototype.createEditor = function () {
-            var _this = this;
-            if (this._editorInitialized) {
-                return;
-            }
-            this.setContent(true);
-            // init editor
-            this.zone.runOutsideAngular(function () {
-                // Add listeners on initialized event.
-                if (!_this._opts.events) {
-                    _this._opts.events = {};
-                }
-                // Register initialized event.
-                _this.registerEvent('initialized', _this._opts.events && _this._opts.events.initialized);
-                var existingInitCallback = _this._opts.events.initialized;
-                // Default initialized event.
-                if (!_this._opts.events.initialized || !_this._opts.events.initialized.overridden) {
-                    _this._opts.events.initialized = function () {
-                        _this.initListeners();
-                        existingInitCallback && existingInitCallback.call(_this._editor, _this);
-                    };
-                    _this._opts.events.initialized.overridden = true;
-                }
-                // Initialize the Froala Editor.
-                _this._editor = new FroalaEditor__default['default'](_this._element, _this._opts);
-            });
-        };
-        SkFroalaEditorDirective.prototype.setHtml = function () {
-            this._editor.html.set(this._model || '');
-            // This will reset the undo stack everytime the model changes externally. Can we fix this?
-            this._editor.undo.reset();
-            this._editor.undo.saveStep();
-        };
-        SkFroalaEditorDirective.prototype.setContent = function (firstTime) {
-            if (firstTime === void 0) { firstTime = false; }
-            var self = this;
-            // Set initial content
-            if (this._model || this._model == '') {
-                this._oldModel = this._model;
-                if (this._hasSpecialTag) {
-                    var tags = this._model;
-                    // add tags on element
-                    if (tags) {
-                        for (var attr in tags) {
-                            if (tags.hasOwnProperty(attr) && attr != this.INNER_HTML_ATTR) {
-                                this._element.setAttribute(attr, tags[attr]);
-                            }
-                        }
-                        if (tags.hasOwnProperty(this.INNER_HTML_ATTR)) {
-                            this._element.innerHTML = tags[this.INNER_HTML_ATTR];
-                        }
-                    }
-                }
-                else {
-                    if (firstTime) {
-                        this.registerEvent('initialized', function () {
-                            self.setHtml();
-                        });
-                    }
-                    else {
-                        self.setHtml();
-                    }
-                }
-            }
-        };
-        SkFroalaEditorDirective.prototype.destroyEditor = function () {
-            if (this._editorInitialized) {
-                this._editor.destroy();
-                this._editorInitialized = false;
-            }
-        };
-        SkFroalaEditorDirective.prototype.getEditor = function () {
-            if (this._element) {
-                return this._editor;
-            }
-            return null;
-        };
-        // send manual editor initialization
-        SkFroalaEditorDirective.prototype.generateManualController = function () {
-            var controls = {
-                initialize: this.createEditor.bind(this),
-                destroy: this.destroyEditor.bind(this),
-                getEditor: this.getEditor.bind(this),
-            };
-            this.froalaInit.emit(controls);
-        };
-        // TODO not sure if ngOnInit is executed after @inputs
-        SkFroalaEditorDirective.prototype.ngAfterViewInit = function () {
-            // 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.
-            if (!this.froalaInit.observers.length) {
-                this.createEditor();
-            }
-            else {
-                this.generateManualController();
-            }
-        };
-        SkFroalaEditorDirective.prototype.ngOnDestroy = function () {
-            this.destroyEditor();
-        };
-        return SkFroalaEditorDirective;
-    }());
-    SkFroalaEditorDirective.decorators = [
-        { type: i0.Directive, args: [{
-                    selector: '[froalaEditor]',
-                    exportAs: 'froalaEditor',
-                    providers: [{
-                            provide: forms.NG_VALUE_ACCESSOR,
-                            useExisting: i0.forwardRef(function () { return SkFroalaEditorDirective; }),
-                            multi: true
-                        }]
-                },] }
-    ];
-    SkFroalaEditorDirective.ctorParameters = function () { return [
-        { type: i0.ElementRef },
-        { type: i0.NgZone }
-    ]; };
-    SkFroalaEditorDirective.propDecorators = {
-        froalaEditor: [{ type: i0.Input }],
-        froalaModel: [{ type: i0.Input }],
-        froalaModelChange: [{ type: i0.Output }],
-        froalaInit: [{ type: i0.Output }]
-    };
-
-    var SkArticleModule = /** @class */ (function () {
-        function SkArticleModule() {
-        }
-        return SkArticleModule;
-    }());
-    SkArticleModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    declarations: [
-                        SkArticleEditorComponent,
-                        SkFroalaEditorDirective
-                    ],
-                    imports: [
-                        common.CommonModule
-                    ],
-                    exports: [
-                        SkArticleEditorComponent,
-                        SkFroalaEditorDirective
-                    ],
-                    providers: []
-                },] }
-    ];
-
-    var SkArticleEditorServerComponent = /** @class */ (function () {
-        function SkArticleEditorServerComponent(_apiService) {
-            this._apiService = _apiService;
-            this.toolbarType = 'default';
-            this._initOptions();
-        }
-        // -----------------------------------------------------------------------------------------------------
-        // @ Accessors
-        // ------------------------------------------1-----------------------------------------------------------
-        // -----------------------------------------------------------------------------------------------------
-        // @ Lifecycle hooks
-        // -----------------------------------------------------------------------------------------------------
-        SkArticleEditorServerComponent.prototype.ngOnInit = function () {
-        };
-        SkArticleEditorServerComponent.prototype.ngOnChanges = function (changes) {
-            this._initData();
-            this._initOptions();
-        };
-        // -----------------------------------------------------------------------------------------------------
-        // @ Public methods
-        // -----------------------------------------------------------------------------------------------------
-        SkArticleEditorServerComponent.prototype.getData = function () {
-            return { content: this.content, images: this.images };
-        };
-        // -----------------------------------------------------------------------------------------------------
-        // @ Private methods
-        // -----------------------------------------------------------------------------------------------------
-        SkArticleEditorServerComponent.prototype._initData = function () {
-            if (!this.article) {
-                return;
-            }
-            this.content = this.article.content;
-            this.images = this.article.images || [];
-        };
-        SkArticleEditorServerComponent.prototype._initOptions = function () {
-        };
-        return SkArticleEditorServerComponent;
-    }());
-    SkArticleEditorServerComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'sk-article-editor',
-                    template: "<div>Server</div>\n",
-                    styles: [":host{position:relative;display:block}"]
-                },] }
-    ];
-    SkArticleEditorServerComponent.ctorParameters = function () { return [
-        { type: api.SkApiService }
-    ]; };
-    SkArticleEditorServerComponent.propDecorators = {
-        article: [{ type: i0.Input }],
-        toolbarType: [{ type: i0.Input }]
-    };
-
-    var SkArticleServerModule = /** @class */ (function () {
-        function SkArticleServerModule() {
-        }
-        SkArticleServerModule.forRoot = function (environment) {
-            return {
-                ngModule: SkArticleServerModule,
-                providers: []
-            };
-        };
-        return SkArticleServerModule;
-    }());
-    SkArticleServerModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    declarations: [
-                        SkArticleEditorServerComponent,
-                    ],
-                    imports: [
-                        common.CommonModule
-                    ],
-                    exports: [
-                        SkArticleEditorServerComponent,
-                    ],
-                    providers: []
-                },] }
-    ];
-
-    /**
-     * Generated bundle index. Do not edit.
-     */
-
-    exports.SkArticleEditorComponent = SkArticleEditorComponent;
-    exports.SkArticleEditorServerComponent = SkArticleEditorServerComponent;
-    exports.SkArticleModule = SkArticleModule;
-    exports.SkArticleServerModule = SkArticleServerModule;
-    exports.SkArticleService = SkArticleService;
-    exports.SkFroalaEditorDirective = SkFroalaEditorDirective;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-})));
-//# sourceMappingURL=sk-front-lib-article.umd.js.map