/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
import { Component, EventEmitter, Input, Output } from '@angular/core';
import { distanceInWordsToNow, addDays, differenceInDays, format } from 'date-fns';
import * as locale from 'date-fns/locale/es';
import * as es from 'date-fns/locale/es';
import groupBy from 'lodash/groupBy';
/** @type {?} */
const locales = { es };
/** @type {?} */
const placeholders = {
    es: 'Selecciona fecha'
};
/** @type {?} */
const defaultFormat = {
    es: 'D/MM/YYYY'
};
export class ContentPreviewComponent {
    constructor() {
        this.close = new EventEmitter();
        this.resSelected = new EventEmitter();
        this.newTheme = new EventEmitter();
        this.isOpen = true;
        this.flag = false;
        this.contentEdit = false;
        this.tagsCustom = [];
        this.tagsContenido = [];
        this.versionDesk = true;
        this.widthIframe = 100;
        this.heightIframe = 100;
        this.role = 'teacher';
        this.defaultOptions = {
            barTitleFormat: 'MMMM YYYY',
            dayNamesFormat: 'dd',
            firstCalendarDay: 1,
            addClass: 'input',
            useEmptyBarTitle: false
        };
    }
    /**
     * @return {?}
     */
    get value() {
        return this.innerValue;
    }
    /**
     * @param {?} date
     * @return {?}
     */
    set value(date) {
        if (this.innerValue !== date) {
            this.innerValue = date;
        }
        if (this.onChangeCallback) {
            this.onChangeCallback(this.innerValue);
        }
    }
    /**
     * @return {?}
     */
    ngOnInit() {
        this.getContEje();
        this.msgErrDatePlanning = false;
        this.sinceDate = distanceInWordsToNow(new Date(this.resource.processed_at), { locale, addSuffix: true });
        if (this.dataEditResource) {
            this.endDate = addDays(addDays(this.dataEditResource.startDate, 1), this.dataEditResource.duration);
            this.startDate = addDays(this.dataEditResource.startDate, 1);
            this.themeSelect = this.dataEditResource.theme;
            this.theme = this.dataEditResource.theme;
            this.idContent = this.dataEditResource._id;
        }
        this.finalOptions = Object.assign({
            displayFormat: defaultFormat['es'],
            locale: locales['es'],
            placeholder: placeholders['es']
        }, this.defaultOptions, {});
    }
    /**
     * @param {?} changes
     * @return {?}
     */
    ngOnChanges(changes) {
        if (changes.resource) {
            if (this.resource.type === 'planning') {
                /** @type {?} */
                const groupedContents = groupBy(this.resource.contents, 'theme._id');
                this.resourceProcessed = Object.assign({}, this.resource, { themes: this.resource.themes.map(theme => (Object.assign({}, theme, { contents: groupedContents[theme._id] }))) });
            }
            else {
                this.resourceProcessed = this.resource;
            }
        }
    }
    /**
     * @param {?} t
     * @return {?}
     */
    selectThemeForContent(t) {
        this.theme = t;
    }
    /**
     * @param {?} date
     * @param {?} contents
     * @return {?}
     */
    validResources(date, contents) {
        /** @type {?} */
        let flagTmp = false;
        contents.map(function (c) {
            /** @type {?} */
            const dateCal = addDays(date, c.offset);
            if (format(dateCal, 'YYYY') > format(date, 'YYYY')) {
                flagTmp = true;
                return false;
            }
        });
        this.msgErrDatePlanning = flagTmp;
    }
    /**
     * @return {?}
     */
    closeModal() {
        this.msgErrDatePlanning = false;
    }
    /**
     * @param {?} res
     * @return {?}
     */
    saveResourceSelected(res) {
        this.msgErr = '';
        this.msgErrT = '';
        this.flag = false;
        /** @type {?} */
        const startDate = format(this.startDate, 'YYYY-MM-DD');
        /** @type {?} */
        const endDate = format(this.endDate, 'YYYY-MM-DD');
        /** @type {?} */
        const durationCustom = differenceInDays(endDate, startDate);
        if (!this.startDate) {
            this.flag = true;
            this.msgErr = 'Debes seleccionar una fecha';
        }
        if (res.type !== 'planning') {
            if (durationCustom < 0) {
                this.flag = true;
                this.msgErr = 'La fecha de vencimiento no puede ser inferior a la fecha de disponibilidad';
            }
            if (!this.theme) {
                this.msgErrT = 'Debes elegir un tema';
                this.flag = true;
            }
        }
        if (!this.flag) {
            if (res.type !== 'planning') {
                this.data = {
                    'resource': [this.editObj(this.resourceProcessed)],
                    'theme': this.theme,
                    'date': this.startDate,
                    'idContent': this.idContent,
                    'duration': (durationCustom > 0) ? durationCustom : 1,
                    'update': (this.dataEditResource) ? true : false
                };
            }
            else {
                res.title = (this.titleE) ? this.titleE : this.resourceProcessed.title;
                this.data = { 'planning': res, 'date': this.startDate };
            }
            this.resSelected.emit(this.data);
            this.closePreview();
        }
    }
    /**
     * @return {?}
     */
    editResourceSelected() {
        this.contentEdit = true;
    }
    /**
     * @return {?}
     */
    addTheme() {
        this.newTheme.emit(true);
    }
    /**
     * @return {?}
     */
    closePreview() {
        this.isOpen = false;
        this.close.emit(this.isOpen);
    }
    /**
     * @param {?} res
     * @return {?}
     */
    editObj(res) {
        /** @type {?} */
        const tagsCustom = this.tagsCustom.map(name => ({ name, type: 'manual' }));
        /** @type {?} */
        const dataEdit = {
            'abstract': (this.abstractE) ? this.abstractE : res.abstract,
            '_id': res.id,
            'previewUrl': res.previewUrl,
            'processed_at': res.processed_at,
            'subtitle': res.subtitle,
            'tags': (tagsCustom) ? res.tags.concat(tagsCustom) : res.tags,
            'title': (this.titleE) ? this.titleE : res.title,
            'type': res.type,
            'url': res.url,
            'user': res.user,
            'zipUrl': res.zipUrl
        };
        return dataEdit;
    }
    /**
     * @return {?}
     */
    getContEje() {
        this.tagsContenido = this.resourceProcessed.tags.filter((tag) => tag.type === 'contenido');
    }
    /**
     * @return {?}
     */
    versionView() {
        this.versionDesk = (this.versionDesk) ? false : true;
        this.widthIframe = (this.widthIframe === 100) ? 45 : 100;
        this.heightIframe = (this.heightIframe === 100) ? 37 : 100;
    }
}
ContentPreviewComponent.decorators = [
    { type: Component, args: [{
                selector: 'bidi-content-preview',
                template: "<div\n    class=\"modal-content-container has-column-direction is-align-items-center is-content-center\"\n    [ngClass]=\"{'active': msgErrDatePlanning}\"\n>\n    <div class=\"modal-container\">\n        <div class=\"close-modal\">\n            <button\n                class=\"button\"\n                (click)=\"closeModal()\"\n            >\n                <svg class=\"icon-svg-tt-cancel icon has-text-dark\">\n                    <use xlink:href=\"#icon-svg-tt-cancel\"></use>\n                </svg>\n            </button>\n        </div>\n        <div class=\"tt-modal-content\">\n            <div class=\"page-title modal-header\">\n                <h2 class=\"is-size-5\">Agregar Secuencia</h2>\n                <div\n                    class=\"modal-body\"\n                    style=\"max-height: 100%; overflow: unset;\"\n                >\n                    <div class=\"text-alert\">\n                        <h3 class=\"is-size-7\">\n                            Estas por agregar una secuencia con recursos que quedar\u00E1n planificados para el a\u00F1o siguiente\n                        </h3>\n                    </div>\n                    <div class=\"buttons is-centered\">\n                        <button\n                            class=\"button is-tt-secondary is-outlined is-size-7 is-text-button\"\n                            (click)=\"closeModal()\"\n                        >\n                            cambiar fecha\n                        </button>\n                        <button\n                            class=\"button is-tt-secondary is-outlined is-size-7 is-text-button\"\n                            (click)=\"saveResourceSelected(resourceProcessed)\"\n                        >\n                            continuar\n                        </button>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<div class=\"content-preview\">\n    <!-- <div class=\"close-preview\">\n    <svg (click)=\"closePreview()\" class=\"icon-svg-tt-angle-right is-pulled-left\">\n      <use xlink:href=\"#icon-svg-tt-angle-right\"></use>\n    </svg>\n    <span (click)=\"closePreview()\" class=\"back-content\">Volver a atr\u00E1s</span>\n  </div> -->\n\n    <p class=\"t-is-size-3\">Asignar Contenido:</p>\n    <div class=\" is-full-height\" [ngClass]=\"{'has-overflow-auto':!versionDesk}\">\n        <div class=\"editable-fields-container\">\n            <div class=\"is-pulled-right content-vote\">\n                <div class=\"buttons is-right\">\n\n                    <bidi-rank\n                        [resourceId]=\"resource.id\"\n                        [role]=\"role\"\n                    ></bidi-rank>\n\n                    <div (click)=\"versionView()\">\n                        <a\n                            *ngIf=\"versionDesk\"\n                            class=\"#\"\n                        >\n                            <svg\n                                class=\"icon-bidi-preview icon\"\n                                version=\"1.1\"\n                                id=\"Layer_1\"\n                                xmlns=\"http://www.w3.org/2000/svg\"\n                                :xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n                                x=\"0px\"\n                                y=\"0px\"\n                                width=\"512px\"\n                                height=\"512px\"\n                                viewBox=\"0 0 512 512\"\n                                style=\"enable-background:new 0 0 512 512;\"\n                                :xml:space=\"preserve\"\n                            >\n                                <style type=\"text/css\">.st0{fill:#ADD8E6;}</style>\n                                <path\n                                    class=\"st0\"\n                                    d=\"M255,157.1c-55.7,0-110.1,63.3-133.4,97.8c18.3,26.8,72.7,98,133.4,98c55.7,0,110.1-63.3,133.4-97.8\n    C370.1,228.4,315.7,157.1,255,157.1z M255,313.7c-32.4,0-58.7-26.4-58.7-58.7s26.4-58.7,58.7-58.7s58.7,26.4,58.7,58.7\n    S287.4,313.7,255,313.7z\"\n                                ></path>\n                                <path\n                                    class=\"st0\"\n                                    d=\"M448.1,420.4c38.3-44.5,61.5-102.2,61.5-165.4C509.6,114.7,395.3,0.4,255,0.4S0.4,114.7,0.4,255\n    S114.7,509.6,255,509.6c63.2,0,120.9-23.2,165.4-61.5 M428.5,265.1c-3.1,5.2-76.9,127-173.5,127S84.6,270.3,81.5,265.1\n    c-3.7-6.1-3.7-13.8,0-20.1c3.1-5.2,76.9-127,173.5-127s170.4,121.8,173.5,127C432.2,251.1,432.2,258.9,428.5,265.1z\"\n                                ></path>\n                                <path\n                                    class=\"st0\"\n                                    d=\"M255,235.4c-10.8,0-19.6,8.7-19.6,19.6c0,10.8,8.7,19.6,19.6,19.6c10.9,0,19.6-8.7,19.6-19.6\n    C274.6,244.2,265.8,235.4,255,235.4z\"\n                                ></path>\n                            </svg>\n                            <span style=\"float: right; line-height: 1.2; padding-right: 5px; text-align: CENTER;\">\n                                Ver en\n                                <br>\n                                Mobile\n                            </span>\n                        </a>\n                        <a\n                            *ngIf=\"!versionDesk\"\n                            class=\"#\"\n                        >\n                            <svg\n                                class=\"icon-bidi-preview icon\"\n                                version=\"1.1\"\n                                id=\"Layer_1\"\n                                xmlns=\"http://www.w3.org/2000/svg\"\n                                :xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n                                x=\"0px\"\n                                y=\"0px\"\n                                width=\"512px\"\n                                height=\"512px\"\n                                viewBox=\"0 0 512 512\"\n                                style=\"enable-background:new 0 0 512 512;\"\n                                :xml:space=\"preserve\"\n                            >\n                                <style type=\"text/css\">.st0{fill:#ADD8E6;}</style>\n                                <path\n                                    class=\"st0\"\n                                    d=\"M255,157.1c-55.7,0-110.1,63.3-133.4,97.8c18.3,26.8,72.7,98,133.4,98c55.7,0,110.1-63.3,133.4-97.8\n    C370.1,228.4,315.7,157.1,255,157.1z M255,313.7c-32.4,0-58.7-26.4-58.7-58.7s26.4-58.7,58.7-58.7s58.7,26.4,58.7,58.7\n    S287.4,313.7,255,313.7z\"\n                                ></path>\n                                <path\n                                    class=\"st0\"\n                                    d=\"M448.1,420.4c38.3-44.5,61.5-102.2,61.5-165.4C509.6,114.7,395.3,0.4,255,0.4S0.4,114.7,0.4,255\n    S114.7,509.6,255,509.6c63.2,0,120.9-23.2,165.4-61.5 M428.5,265.1c-3.1,5.2-76.9,127-173.5,127S84.6,270.3,81.5,265.1\n    c-3.7-6.1-3.7-13.8,0-20.1c3.1-5.2,76.9-127,173.5-127s170.4,121.8,173.5,127C432.2,251.1,432.2,258.9,428.5,265.1z\"\n                                ></path>\n                                <path\n                                    class=\"st0\"\n                                    d=\"M255,235.4c-10.8,0-19.6,8.7-19.6,19.6c0,10.8,8.7,19.6,19.6,19.6c10.9,0,19.6-8.7,19.6-19.6\n    C274.6,244.2,265.8,235.4,255,235.4z\"\n                                ></path>\n                            </svg>\n                            <span style=\"float: right; line-height: 1.2; padding-right: 5px; text-align: CENTER;\">\n                                Ver en\n                                <br>\n                                Desktop\n                            </span>\n                        </a>\n                    </div>\n                    <br>\n                    <br>\n                    <div\n                        (click)=\"closePreview()\"\n                        style=\"margin-top: 10px;\"\n                    >\n                        <a class=\"#\">\n                            <svg\n                                class=\"icon-preview icon\"\n                                viewBox=\"0 0 512 512\"\n                            >\n                                <path d=\"m205 384c43 0 83-16 114-42l139 139c3 3 7 5 12 5 4 0 8-2 11-5 6-6 6-17 0-23l-139-139c26-31 42-71 42-114 0-99-80-179-179-179-99 0-179 80-179 179 0 99 80 179 179 179z m0-326c81 0 146 66 146 147 0 81-65 146-146 146-81 0-147-66-147-146 0-81 66-147 147-147z\"></path>\n                            </svg>\n                        </a>\n                    </div>\n                </div>\n            </div>\n            <div style=\"margin-right: 39px;\">\n                <h3\n                    [textContent]=\"resourceProcessed.title\"\n                    (input)=\"titleE=$event.target.textContent\"\n                    [contentEditable]=\"contentEdit\"\n                    [ngClass]=\"{'editable': contentEdit}\"\n                    class=\"t-is-size-1-2 is-ff-regular\"\n                >\n                    {{ resourceProcessed.title }}\n                </h3>\n                <p>&nbsp;</p>\n                <!-- <p>\n                    Creado por: {{ resourceProcessed.user }}. {{ sinceDate }}\n                </p> -->\n                <bidi-content-ratings [resourceId]=\"resource.id\"></bidi-content-ratings>\n            </div>\n        </div>\n\n        <!-- <div *ngIf=\"resourceProcessed.type === 'planning'\" class=\"planification-preview-content\">\n          <ul>\n            <li *ngFor=\"let theme of resourceProcessed.themes\">\n              <h3 class=\"is-size-5 is-ff-bold has-text-tt-secondary\">Tema: {{theme.title}}</h3>\n              <p class=\"is-size-6 is-ff-bold\" style=\"margin-top:0;\">Contenidos: </p>\n              <ul>\n                <li *ngFor=\"let content of theme.contents\" class=\"resource-preview\">\n                  <h3 class=\"is-size-6 is-ff-black\">{{ content.resource.title }}</h3>\n                  <p class=\"is-size-7\">{{content.resource.abstract}}</p>\n                  <span *ngFor=\"let tag of content.resource.tags\" class=\"is-size-7 is-ff-bold\">#{{tag.name}}, </span>\n                </li>\n              </ul>\n            </li>\n          </ul>\n        </div> -->\n\n        <div *ngIf=\"resourceProcessed.assets.length > 1\" class=\"is-fullheight\">\n            <div\n                [ngClass]=\"{'mobile-iframe': !versionDesk}\"\n                class=\"content-iframe\"\n            >\n                <iframe\n                    [ngClass]=\"{'content-mobile-iframe': !versionDesk}\"\n                    *ngIf=\"resourceProcessed.type !== 'planning'\"\n                    [src]=\"assetsPreview | safe\"\n                    frameborder=\"0\"\n                    [ngClass]=\"{'video-container': resourceProcessed.type === 'video'}\"\n                >\n                </iframe>\n                <p\n                    class=\"text-ind\"\n                    *ngIf=\"!versionDesk\"\n                >\n                    As\u00ED veran tus estudiantes\n                    <br>\n                    el contenido en sus dispositivos\n                </p>\n                <ul>\n                    <li\n                        class=\"is-ff-bold t-is-size-3\"\n                        *ngFor=\"let asset of resourceProcessed.assets; let i = index\"\n                        (click)=\"assetsPreview = asset.url\"\n                        style=\"display: inline-block; padding: 0 5px;\"\n                    >\n                        {{i}}\n                    </li>\n                </ul>\n            </div>\n        </div>\n        <div *ngIf=\"resourceProcessed.assets.length === 1\" class=\"is-fullheight\">\n            <div\n                [ngClass]=\"{'mobile-iframe': !versionDesk}\"\n                class=\"content-iframe\"\n            >\n                <iframe\n                    [ngClass]=\"{'content-mobile-iframe': !versionDesk}\"\n                    *ngIf=\"resourceProcessed.type !== 'planning'\"\n                    [src]=\"resourceProcessed.assets[0].url | safe\"\n                    frameborder=\"0\"\n                    [ngClass]=\"{'video-container': resourceProcessed.type === 'video'}\"\n                >\n                </iframe>\n                <p\n                    class=\"text-ind\"\n                    *ngIf=\"!versionDesk\"\n                >\n                    As\u00ED veran tus estudiantes\n                    <br>\n                    el contenido en sus dispositivos\n                </p>\n            </div>\n        </div>\n\n    </div>\n</div>\n",
                styles: [".content-preview{height:100%;padding:1.6em}.content-preview .columns{padding-bottom:0;height:100%;margin-right:0;margin-top:0}.content-preview .columns .column{height:100%;padding-bottom:0;padding-right:0;padding-top:0}.content-preview .close-preview{height:25px}.content-preview .back-content{font-style:oblique;position:absolute;margin-top:5px}.buttons{display:block;text-align:right}.buttons .icon-bidi-preview{float:right!important}bidi-rank{float:right}iframe{width:100%;height:100%}iframe.video-container{height:56.25%;background:#000}.planification-preview-content{height:100%;overflow:auto}.planification-preview-content ul{margin:9px 0 0;list-style:none}.planification-preview-content ul li h3,.planification-preview-content ul li p{margin-bottom:0}.planification-preview-content .resource-preview{padding:7px;border:1px solid #0cf;width:97%}.editable{border:2px solid #0cf;padding:3px;margin-bottom:2px}.btn-actions{text-align:center;padding:4%}.btn-actions .button{margin-left:1%}.tag-container{margin-top:10px}.content-data-extra{margin-top:15px;padding-top:15px;border-top:1px solid #e5e5e5}.editable-fields-container{padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #e5e5e5}.editable-fields-container h3::first-letter,.editable-fields-container p::first-letter{text-transform:uppercase}.ngx-datepicker-container .ngx-datepicker-input{margin-top:0!important}.modal-content-container{position:fixed;z-index:1000;top:0;left:-125.6%;right:0;bottom:0;background:rgba(0,0,0,.5);display:none}.modal-content-container.active{display:flex}.modal-container{background:#fff;width:50%;height:auto}.modal-container label{display:inline-block;font-size:.8em!important;margin-bottom:4px}.modal-container .title{font-size:1.2em;padding-top:13px}.modal-container input{margin-bottom:7px}.modal-container .tt-modal-content .modal-header{margin-bottom:15px;padding:10px}.modal-container .tt-modal-content .modal-body{max-height:160px;overflow-y:auto;overflow-x:hidden;min-height:120px;padding:15px}.modal-container .tt-modal-content .modal-footer{padding:15px}.close-modal{float:right}.text-alert{margin:5%}.tags-custom{margin-bottom:23px}.tags-custom .ng2-tag-input{border:1px solid #e5e5e5!important;margin-top:6px!important;padding:0!important}.ratings{width:45%}.ratings-user{float:right;width:45%;padding-top:5%}.content-vote{width:23%}.content-vote a{font-size:10px;font-weight:700;color:#00cefa}.vote{margin-left:5%}.vote-start{margin-top:-15%;padding:7px;box-shadow:0 2px 8px rgba(0,0,0,.2);transition:.25s}.ratings-user-detail{float:right;margin-left:15%}.ec-stars-wrapper{font-size:0;display:inline-block;position:relative}.ec-stars-wrapper a{text-decoration:none;display:inline-block;font-size:2rem;color:#ffce34}.ec-stars-overlay{position:absolute;height:100%;right:0;top:0;background-color:rgba(255,255,255,.5);zoom:1}.ec-stars-wrapper-vote:hover a{color:#ffce34}.ec-stars-wrapper-vote a{text-decoration:none;display:inline-block;font-size:2rem;color:#eee}.ec-stars-wrapper-vote>a:hover~a{color:#eee}.content-iframe{height:100%;text-align:center}.mobile-iframe{background-image:url(https://avatars.integration.ticmas.vi-datec.com/ticmasMobile.png);background-color:#fff;background-repeat:no-repeat,repeat;background-position-x:center;background-position-y:20px}.content-mobile-iframe{margin-top:20px;margin-left:5px;height:454px;width:316px;-webkit-transform:scale(.63);transform:scale(.63)}"]
            }] }
];
/** @nocollapse */
ContentPreviewComponent.ctorParameters = () => [];
ContentPreviewComponent.propDecorators = {
    resource: [{ type: Input }],
    saveResource: [{ type: Input }],
    themes: [{ type: Input }],
    dataEditResource: [{ type: Input }],
    close: [{ type: Output }],
    resSelected: [{ type: Output }],
    newTheme: [{ type: Output }]
};
if (false) {
    /** @type {?} */
    ContentPreviewComponent.prototype.resource;
    /** @type {?} */
    ContentPreviewComponent.prototype.saveResource;
    /** @type {?} */
    ContentPreviewComponent.prototype.themes;
    /** @type {?} */
    ContentPreviewComponent.prototype.dataEditResource;
    /** @type {?} */
    ContentPreviewComponent.prototype.close;
    /** @type {?} */
    ContentPreviewComponent.prototype.resSelected;
    /** @type {?} */
    ContentPreviewComponent.prototype.newTheme;
    /** @type {?} */
    ContentPreviewComponent.prototype.isOpen;
    /** @type {?} */
    ContentPreviewComponent.prototype.themeSelect;
    /** @type {?} */
    ContentPreviewComponent.prototype.theme;
    /** @type {?} */
    ContentPreviewComponent.prototype.sinceDate;
    /** @type {?} */
    ContentPreviewComponent.prototype.data;
    /** @type {?} */
    ContentPreviewComponent.prototype.finalOptions;
    /** @type {?} */
    ContentPreviewComponent.prototype.resourceProcessed;
    /** @type {?} */
    ContentPreviewComponent.prototype.idContent;
    /** @type {?} */
    ContentPreviewComponent.prototype.startDate;
    /** @type {?} */
    ContentPreviewComponent.prototype.endDate;
    /** @type {?} */
    ContentPreviewComponent.prototype.flag;
    /** @type {?} */
    ContentPreviewComponent.prototype.msgErr;
    /** @type {?} */
    ContentPreviewComponent.prototype.msgErrT;
    /** @type {?} */
    ContentPreviewComponent.prototype.msgErrDatePlanning;
    /** @type {?} */
    ContentPreviewComponent.prototype.contentEdit;
    /** @type {?} */
    ContentPreviewComponent.prototype.titleE;
    /** @type {?} */
    ContentPreviewComponent.prototype.abstractE;
    /** @type {?} */
    ContentPreviewComponent.prototype.tagsCustom;
    /** @type {?} */
    ContentPreviewComponent.prototype.tagsContenido;
    /** @type {?} */
    ContentPreviewComponent.prototype.versionDesk;
    /** @type {?} */
    ContentPreviewComponent.prototype.widthIframe;
    /** @type {?} */
    ContentPreviewComponent.prototype.heightIframe;
    /**
     * @type {?}
     * @private
     */
    ContentPreviewComponent.prototype.innerValue;
    /**
     * @type {?}
     * @private
     */
    ContentPreviewComponent.prototype.onChangeCallback;
    /** @type {?} */
    ContentPreviewComponent.prototype.role;
    /** @type {?} */
    ContentPreviewComponent.prototype.assetsPreview;
    /**
     * @type {?}
     * @private
     */
    ContentPreviewComponent.prototype.defaultOptions;
}
//# sourceMappingURL=data:application/json;base64, 