ng2-lazy-trumbowyg/src/trumbowyg.service.js

Angular 2 Component for lazy loading of Trumbowyg wysiwyg editor

var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __param = (this && this.__param) || function (paramIndex, decorator) {
    return function (target, key) { decorator(target, key, paramIndex); }
};
import { Optional, Injectable } from "@angular/core";
import "rxjs/add/operator/publishReplay";
import "rxjs/add/operator/switchMap";
import "rxjs/add/operator/map";
import "rxjs/add/operator/catch";
import { of } from "rxjs/observable/of";
import { TrumbowygConfig } from "./trumbowyg.config";
import { LoadExternalFiles } from "./load-external-file.service";
import { from } from "rxjs/observable/from";
var JQUERY_SCRIPT_URL = 'https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js';
var TrumbowygService = (function () {
    function TrumbowygService(loadFiles, config) {
        this.loadFiles = loadFiles;
        this.loadedLangs = [];
        this.TRUMBOWYG_PREFIX_URL = "https://cdnjs.cloudflare.com/ajax/libs/Trumbowyg/" + ((config && config.version) || '2.9.4');
        this.TRUMBOWYG_PLUGINS_PREFIX = this.TRUMBOWYG_PREFIX_URL + '/plugins';
        this.TRUMBOWYG_STYLES_URL = this.TRUMBOWYG_PREFIX_URL + '/ui/trumbowyg.min.css';
        this.TRUMBOWYG_SCRIPT_URL = this.TRUMBOWYG_PREFIX_URL + '/trumbowyg.min.js';
        var trumbowygFiles = [this.TRUMBOWYG_STYLES_URL, this.TRUMBOWYG_SCRIPT_URL];
        var trumbowygPlugInFiles = this.parsePlugins(config);
        var loadBasicFiles$ = window && window["jQuery"] && window["jQuery"]().on ?
            from(loadFiles.load.apply(loadFiles, trumbowygFiles))
            : from(loadFiles.load(JQUERY_SCRIPT_URL))
                .switchMap(function () {
                return loadFiles.load.apply(loadFiles, trumbowygFiles);
            });
        var loadFiles$ = loadBasicFiles$
            .switchMap(function () {
            return loadFiles.load.apply(loadFiles, trumbowygPlugInFiles).catch(function (err) { return of(err); });
        });
        this.isLoaded$ = loadFiles$
            .map(function () { return true; })
            .publishReplay(1)
            .refCount();
    }
    TrumbowygService.prototype.parsePlugins = function (config) {
        var _this = this;
        if (!config || !Array.isArray(config.plugins)) {
            return [];
        }
        return config.plugins.reduce(function (acc, plugin) {
            acc.push(_this.TRUMBOWYG_PLUGINS_PREFIX + "/" + plugin + "/trumbowyg." + plugin + ".min.js");
            if (plugin === 'emoji' || plugin === 'colors') {
                acc.push(_this.TRUMBOWYG_PLUGINS_PREFIX + "/" + plugin + "/ui/trumbowyg." + plugin + ".min.css");
            }
            return acc;
        }, []);
    };
    TrumbowygService.prototype.loadLang = function (lang) {
        var _this = this;
        if (this.loadedLangs.indexOf(lang) < 0)
            return from(this.loadFiles.load(this.TRUMBOWYG_PREFIX_URL + "/langs/" + lang + ".min.js")
                .then(function () {
                _this.loadedLangs.push(lang);
                return true;
            }));
        return from(Promise.resolve(true));
    };
    TrumbowygService.prototype.loaded = function (lang) {
        var _this = this;
        return this.isLoaded$
            .switchMap(function () {
            if (lang)
                return _this.loadLang(lang);
            else
                return of(true);
        });
    };
    return TrumbowygService;
}());
TrumbowygService = __decorate([
    Injectable(),
    __param(1, Optional()),
    __metadata("design:paramtypes", [LoadExternalFiles,
        TrumbowygConfig])
], TrumbowygService);
export { TrumbowygService };
//# sourceMappingURL=trumbowyg.service.js.map