/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
import { Component, Input } from '@angular/core';
import { NGXLogger } from 'web-console-core';
/** @type {?} */
var LOG_TAG = "[FileDropComponent]";
var WCFileDropPanelComponent = /** @class */ (function () {
    function WCFileDropPanelComponent(logger) {
        this.logger = logger;
        //@Input() caption:string = "Drop files here or click";
        this.altCaption = "Drop the file";
        this.droppedFileName = null;
        this._caption = 'Drop files here or click';
        this.logger.debug(LOG_TAG, "Creating...");
    }
    /**
     * Angular ngOnInit
     */
    /**
     * Angular ngOnInit
     * @return {?}
     */
    WCFileDropPanelComponent.prototype.ngOnInit = /**
     * Angular ngOnInit
     * @return {?}
     */
    function () {
        this.logger.debug(LOG_TAG, "Initializing...");
    };
    /**
     * @param {?} event
     * @return {?}
     */
    WCFileDropPanelComponent.prototype.handleFilesDropped = /**
     * @param {?} event
     * @return {?}
     */
    function (event) {
        this.logger.debug(LOG_TAG, "File dropped: ", event);
        this._droppedFile = event[0];
        this.droppedFileName = event[0].name;
    };
    Object.defineProperty(WCFileDropPanelComponent.prototype, "file", {
        get: /**
         * @return {?}
         */
        function () {
            return this._droppedFile;
        },
        enumerable: true,
        configurable: true
    });
    /**
     * @return {?}
     */
    WCFileDropPanelComponent.prototype.reset = /**
     * @return {?}
     */
    function () {
        this._droppedFile = null;
        this.droppedFileName = null;
    };
    Object.defineProperty(WCFileDropPanelComponent.prototype, "caption", {
        get: /**
         * @return {?}
         */
        function () {
            if (this.droppedFileName != null) {
                return this.droppedFileName;
            }
            else {
                return this._caption;
            }
        },
        set: /**
         * @param {?} value
         * @return {?}
         */
        function (value) {
            this._caption = value;
        },
        enumerable: true,
        configurable: true
    });
    WCFileDropPanelComponent.decorators = [
        { type: Component, args: [{
                    selector: 'wc-file-drop-panel',
                    template: "\n        <div droppable (filesDropped)=\"handleFilesDropped($event)\" class=\"wc-file-drop-panel\" role=\"button\" #dropzone=\"droppable\">\n        {{caption}}\n        <!--\n        <label *ngIf=\"!dropzone.isHover\" class=\"btn small wc-file-drop-panel-caption\">{{caption}}</label>\n        <label *ngIf=\"dropzone.isHover\" class=\"btn small wc-file-drop-panel-caption\">{{altCaption}}</label>\n        <label *ngIf=\"droppedFileName\" class=\"wc-file-drop-panel-caption wc-file-drop-panel-caption-filename\">{{droppedFileName}}</label>\n        -->\n        </div>\n    ",
                    styles: ['.wc-file-drop-panel {  width: 100%; height: 100%; border: 1px dashed #8b8c8c; display:flex;align-items: center;justify-content: center; flex-direction:column;}',
                        '.wc-file-drop-panel.dragover { background-color: #4c4c4c; }',
                        '.wc-file-drop-panel-caption { font-size: .7rem;font-family: montserrat; text-transform: uppercase; vertical-align: middle; text-align: center;padding-top: 4px;}',
                        '.wc-file-drop-panel-caption-filename { font-size: .6rem;}',
                        '.wc-file-drop-panel { font-family: montserrat; text-transform: uppercase; color: #888; font-size: .7rem; }']
                }] }
    ];
    /** @nocollapse */
    WCFileDropPanelComponent.ctorParameters = function () { return [
        { type: NGXLogger }
    ]; };
    WCFileDropPanelComponent.propDecorators = {
        altCaption: [{ type: Input }],
        caption: [{ type: Input }]
    };
    return WCFileDropPanelComponent;
}());
export { WCFileDropPanelComponent };
if (false) {
    /** @type {?} */
    WCFileDropPanelComponent.prototype.altCaption;
    /** @type {?} */
    WCFileDropPanelComponent.prototype.droppedFileName;
    /**
     * @type {?}
     * @private
     */
    WCFileDropPanelComponent.prototype._droppedFile;
    /**
     * @type {?}
     * @private
     */
    WCFileDropPanelComponent.prototype._caption;
    /**
     * @type {?}
     * @private
     */
    WCFileDropPanelComponent.prototype.logger;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2MtZmlsZS1kcm9wLXBhbmVsLWNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL21vdGlmLXdlYi1hZG1pbi1jb3JlLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvVUkvd2MtdXBsb2FkLXBhbmVsLWNvbXBvbmVudC93Yy1maWxlLWRyb3AtcGFuZWwtY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFDQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQUUsU0FBUyxFQUFDLE1BQU0sa0JBQWtCLENBQUE7O0lBR3JDLE9BQU8sR0FBRyxxQkFBcUI7QUFFckM7SUE2Qkksa0NBQW9CLE1BQWlCO1FBQWpCLFdBQU0sR0FBTixNQUFNLENBQVc7O1FBTjVCLGVBQVUsR0FBVSxlQUFlLENBQUM7UUFFdEMsb0JBQWUsR0FBVSxJQUFJLENBQUM7UUFFN0IsYUFBUSxHQUFZLDBCQUEwQixDQUFDO1FBRy9DLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLE9BQU8sRUFBRSxhQUFhLENBQUMsQ0FBQztJQUNsRCxDQUFDO0lBRUQ7O09BRUc7Ozs7O0lBQ0gsMkNBQVE7Ozs7SUFBUjtRQUNJLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLE9BQU8sRUFBRSxpQkFBaUIsQ0FBQyxDQUFDO0lBQ2xELENBQUM7Ozs7O0lBRU0scURBQWtCOzs7O0lBQXpCLFVBQTBCLEtBQUs7UUFDM0IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsT0FBTyxFQUFFLGdCQUFnQixFQUFFLEtBQUssQ0FBQyxDQUFDO1FBQ3BELElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQzdCLElBQUksQ0FBQyxlQUFlLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztJQUN6QyxDQUFDO0lBRUQsc0JBQVcsMENBQUk7Ozs7UUFBZjtZQUNJLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQztRQUM3QixDQUFDOzs7T0FBQTs7OztJQUVNLHdDQUFLOzs7SUFBWjtRQUNJLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDO1FBQ3pCLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDO0lBQ2hDLENBQUM7SUFFRCxzQkFBVyw2Q0FBTzs7OztRQUFsQjtZQUNJLElBQUksSUFBSSxDQUFDLGVBQWUsSUFBRSxJQUFJLEVBQUM7Z0JBQzNCLE9BQU8sSUFBSSxDQUFDLGVBQWUsQ0FBQzthQUMvQjtpQkFBTTtnQkFDSCxPQUFPLElBQUksQ0FBQyxRQUFRLENBQUM7YUFDeEI7UUFDTCxDQUFDOzs7OztRQUVELFVBQ21CLEtBQVk7WUFDM0IsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7UUFDMUIsQ0FBQzs7O09BTEE7O2dCQTdESixTQUFTLFNBQUM7b0JBQ1AsUUFBUSxFQUFFLG9CQUFvQjtvQkFROUIsUUFBUSxFQUFDLG1rQkFTUjs2QkFmRyxpS0FBaUs7d0JBQ2pLLDZEQUE2RDt3QkFDN0Qsa0tBQWtLO3dCQUNsSywyREFBMkQ7d0JBQzNELDRHQUE0RztpQkFZbkg7Ozs7Z0JBeEJRLFNBQVM7Ozs2QkE0QmIsS0FBSzswQkF3Q0wsS0FBSzs7SUFJViwrQkFBQztDQUFBLEFBbkVELElBbUVDO1NBL0NZLHdCQUF3Qjs7O0lBR2pDLDhDQUE2Qzs7SUFFN0MsbURBQXFDOzs7OztJQUNyQyxnREFBMEI7Ozs7O0lBQzFCLDRDQUF1RDs7Ozs7SUFFM0MsMENBQXlCIiwic291cmNlc0NvbnRlbnQiOlsiXG5pbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5HWExvZ2dlcn0gZnJvbSAnd2ViLWNvbnNvbGUtY29yZSdcblxuXG5jb25zdCBMT0dfVEFHID0gXCJbRmlsZURyb3BDb21wb25lbnRdXCI7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnd2MtZmlsZS1kcm9wLXBhbmVsJyxcbiAgICBzdHlsZXM6IFtcbiAgICAgICAgJy53Yy1maWxlLWRyb3AtcGFuZWwgeyAgd2lkdGg6IDEwMCU7IGhlaWdodDogMTAwJTsgYm9yZGVyOiAxcHggZGFzaGVkICM4YjhjOGM7IGRpc3BsYXk6ZmxleDthbGlnbi1pdGVtczogY2VudGVyO2p1c3RpZnktY29udGVudDogY2VudGVyOyBmbGV4LWRpcmVjdGlvbjpjb2x1bW47fScsXG4gICAgICAgICcud2MtZmlsZS1kcm9wLXBhbmVsLmRyYWdvdmVyIHsgYmFja2dyb3VuZC1jb2xvcjogIzRjNGM0YzsgfScsXG4gICAgICAgICcud2MtZmlsZS1kcm9wLXBhbmVsLWNhcHRpb24geyBmb250LXNpemU6IC43cmVtO2ZvbnQtZmFtaWx5OiBtb250c2VycmF0OyB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlOyB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlOyB0ZXh0LWFsaWduOiBjZW50ZXI7cGFkZGluZy10b3A6IDRweDt9JyxcbiAgICAgICAgJy53Yy1maWxlLWRyb3AtcGFuZWwtY2FwdGlvbi1maWxlbmFtZSB7IGZvbnQtc2l6ZTogLjZyZW07fScsXG4gICAgICAgICcud2MtZmlsZS1kcm9wLXBhbmVsIHsgZm9udC1mYW1pbHk6IG1vbnRzZXJyYXQ7IHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7IGNvbG9yOiAjODg4OyBmb250LXNpemU6IC43cmVtOyB9J1xuICAgIF0sXG4gICAgdGVtcGxhdGU6YFxuICAgICAgICA8ZGl2IGRyb3BwYWJsZSAoZmlsZXNEcm9wcGVkKT1cImhhbmRsZUZpbGVzRHJvcHBlZCgkZXZlbnQpXCIgY2xhc3M9XCJ3Yy1maWxlLWRyb3AtcGFuZWxcIiByb2xlPVwiYnV0dG9uXCIgI2Ryb3B6b25lPVwiZHJvcHBhYmxlXCI+XG4gICAgICAgIHt7Y2FwdGlvbn19XG4gICAgICAgIDwhLS1cbiAgICAgICAgPGxhYmVsICpuZ0lmPVwiIWRyb3B6b25lLmlzSG92ZXJcIiBjbGFzcz1cImJ0biBzbWFsbCB3Yy1maWxlLWRyb3AtcGFuZWwtY2FwdGlvblwiPnt7Y2FwdGlvbn19PC9sYWJlbD5cbiAgICAgICAgPGxhYmVsICpuZ0lmPVwiZHJvcHpvbmUuaXNIb3ZlclwiIGNsYXNzPVwiYnRuIHNtYWxsIHdjLWZpbGUtZHJvcC1wYW5lbC1jYXB0aW9uXCI+e3thbHRDYXB0aW9ufX08L2xhYmVsPlxuICAgICAgICA8bGFiZWwgKm5nSWY9XCJkcm9wcGVkRmlsZU5hbWVcIiBjbGFzcz1cIndjLWZpbGUtZHJvcC1wYW5lbC1jYXB0aW9uIHdjLWZpbGUtZHJvcC1wYW5lbC1jYXB0aW9uLWZpbGVuYW1lXCI+e3tkcm9wcGVkRmlsZU5hbWV9fTwvbGFiZWw+XG4gICAgICAgIC0tPlxuICAgICAgICA8L2Rpdj5cbiAgICBgXG59KVxuZXhwb3J0IGNsYXNzIFdDRmlsZURyb3BQYW5lbENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgICAvL0BJbnB1dCgpIGNhcHRpb246c3RyaW5nID0gXCJEcm9wIGZpbGVzIGhlcmUgb3IgY2xpY2tcIjtcbiAgICBASW5wdXQoKSBhbHRDYXB0aW9uOnN0cmluZyA9IFwiRHJvcCB0aGUgZmlsZVwiO1xuXG4gICAgcHVibGljIGRyb3BwZWRGaWxlTmFtZTpzdHJpbmcgPSBudWxsO1xuICAgIHByaXZhdGUgX2Ryb3BwZWRGaWxlOkZpbGU7XG4gICAgcHJpdmF0ZSBfY2FwdGlvbjogc3RyaW5nID0gICdEcm9wIGZpbGVzIGhlcmUgb3IgY2xpY2snO1xuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBsb2dnZXI6IE5HWExvZ2dlcil7XG4gICAgICAgICAgICB0aGlzLmxvZ2dlci5kZWJ1ZyhMT0dfVEFHICxcIkNyZWF0aW5nLi4uXCIpO1xuICAgIH0gXG5cbiAgICAvKipcbiAgICAgKiBBbmd1bGFyIG5nT25Jbml0XG4gICAgICovXG4gICAgbmdPbkluaXQoKSB7XG4gICAgICAgIHRoaXMubG9nZ2VyLmRlYnVnKExPR19UQUcgLFwiSW5pdGlhbGl6aW5nLi4uXCIpO1xuICAgIH1cblxuICAgIHB1YmxpYyBoYW5kbGVGaWxlc0Ryb3BwZWQoZXZlbnQpe1xuICAgICAgICB0aGlzLmxvZ2dlci5kZWJ1ZyhMT0dfVEFHICxcIkZpbGUgZHJvcHBlZDogXCIsIGV2ZW50KTtcbiAgICAgICAgdGhpcy5fZHJvcHBlZEZpbGUgPSBldmVudFswXTtcbiAgICAgICAgdGhpcy5kcm9wcGVkRmlsZU5hbWUgPSBldmVudFswXS5uYW1lO1xuICAgIH1cblxuICAgIHB1YmxpYyBnZXQgZmlsZSgpOkZpbGUge1xuICAgICAgICByZXR1cm4gdGhpcy5fZHJvcHBlZEZpbGU7XG4gICAgfVxuXG4gICAgcHVibGljIHJlc2V0KCk6dm9pZCB7XG4gICAgICAgIHRoaXMuX2Ryb3BwZWRGaWxlID0gbnVsbDtcbiAgICAgICAgdGhpcy5kcm9wcGVkRmlsZU5hbWUgPSBudWxsO1xuICAgIH1cbiAgICBcbiAgICBwdWJsaWMgZ2V0IGNhcHRpb24oKTpzdHJpbmcge1xuICAgICAgICBpZiAodGhpcy5kcm9wcGVkRmlsZU5hbWUhPW51bGwpe1xuICAgICAgICAgICAgcmV0dXJuIHRoaXMuZHJvcHBlZEZpbGVOYW1lO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgcmV0dXJuIHRoaXMuX2NhcHRpb247XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBzZXQgY2FwdGlvbih2YWx1ZTpzdHJpbmcpe1xuICAgICAgICB0aGlzLl9jYXB0aW9uID0gdmFsdWU7XG4gICAgfVxufVxuXG4iXX0=