/**
 * @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 {?} */
const LOG_TAG = "[FileDropComponent]";
export class WCFileDropPanelComponent {
    /**
     * @param {?} logger
     */
    constructor(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
     * @return {?}
     */
    ngOnInit() {
        this.logger.debug(LOG_TAG, "Initializing...");
    }
    /**
     * @param {?} event
     * @return {?}
     */
    handleFilesDropped(event) {
        this.logger.debug(LOG_TAG, "File dropped: ", event);
        this._droppedFile = event[0];
        this.droppedFileName = event[0].name;
    }
    /**
     * @return {?}
     */
    get file() {
        return this._droppedFile;
    }
    /**
     * @return {?}
     */
    reset() {
        this._droppedFile = null;
        this.droppedFileName = null;
    }
    /**
     * @return {?}
     */
    get caption() {
        if (this.droppedFileName != null) {
            return this.droppedFileName;
        }
        else {
            return this._caption;
        }
    }
    /**
     * @param {?} value
     * @return {?}
     */
    set caption(value) {
        this._caption = value;
    }
}
WCFileDropPanelComponent.decorators = [
    { type: Component, args: [{
                selector: 'wc-file-drop-panel',
                template: `
        <div droppable (filesDropped)="handleFilesDropped($event)" class="wc-file-drop-panel" role="button" #dropzone="droppable">
        {{caption}}
        <!--
        <label *ngIf="!dropzone.isHover" class="btn small wc-file-drop-panel-caption">{{caption}}</label>
        <label *ngIf="dropzone.isHover" class="btn small wc-file-drop-panel-caption">{{altCaption}}</label>
        <label *ngIf="droppedFileName" class="wc-file-drop-panel-caption wc-file-drop-panel-caption-filename">{{droppedFileName}}</label>
        -->
        </div>
    `,
                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 = () => [
    { type: NGXLogger }
];
WCFileDropPanelComponent.propDecorators = {
    altCaption: [{ type: Input }],
    caption: [{ type: Input }]
};
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2MtZmlsZS1kcm9wLXBhbmVsLWNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL21vdGlmLXdlYi1hZG1pbi1jb3JlLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvVUkvd2MtdXBsb2FkLXBhbmVsLWNvbXBvbmVudC93Yy1maWxlLWRyb3AtcGFuZWwtY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFDQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQUUsU0FBUyxFQUFDLE1BQU0sa0JBQWtCLENBQUE7O01BR3JDLE9BQU8sR0FBRyxxQkFBcUI7QUFzQnJDLE1BQU0sT0FBTyx3QkFBd0I7Ozs7SUFTakMsWUFBb0IsTUFBaUI7UUFBakIsV0FBTSxHQUFOLE1BQU0sQ0FBVzs7UUFONUIsZUFBVSxHQUFVLGVBQWUsQ0FBQztRQUV0QyxvQkFBZSxHQUFVLElBQUksQ0FBQztRQUU3QixhQUFRLEdBQVksMEJBQTBCLENBQUM7UUFHL0MsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsT0FBTyxFQUFFLGFBQWEsQ0FBQyxDQUFDO0lBQ2xELENBQUM7Ozs7O0lBS0QsUUFBUTtRQUNKLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLE9BQU8sRUFBRSxpQkFBaUIsQ0FBQyxDQUFDO0lBQ2xELENBQUM7Ozs7O0lBRU0sa0JBQWtCLENBQUMsS0FBSztRQUMzQixJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsS0FBSyxDQUFDLENBQUM7UUFDcEQsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDN0IsSUFBSSxDQUFDLGVBQWUsR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO0lBQ3pDLENBQUM7Ozs7SUFFRCxJQUFXLElBQUk7UUFDWCxPQUFPLElBQUksQ0FBQyxZQUFZLENBQUM7SUFDN0IsQ0FBQzs7OztJQUVNLEtBQUs7UUFDUixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQztRQUN6QixJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQztJQUNoQyxDQUFDOzs7O0lBRUQsSUFBVyxPQUFPO1FBQ2QsSUFBSSxJQUFJLENBQUMsZUFBZSxJQUFFLElBQUksRUFBQztZQUMzQixPQUFPLElBQUksQ0FBQyxlQUFlLENBQUM7U0FDL0I7YUFBTTtZQUNILE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQztTQUN4QjtJQUNMLENBQUM7Ozs7O0lBRUQsSUFDVyxPQUFPLENBQUMsS0FBWTtRQUMzQixJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztJQUMxQixDQUFDOzs7WUFsRUosU0FBUyxTQUFDO2dCQUNQLFFBQVEsRUFBRSxvQkFBb0I7Z0JBUTlCLFFBQVEsRUFBQzs7Ozs7Ozs7O0tBU1I7eUJBZkcsaUtBQWlLO29CQUNqSyw2REFBNkQ7b0JBQzdELGtLQUFrSztvQkFDbEssMkRBQTJEO29CQUMzRCw0R0FBNEc7YUFZbkg7Ozs7WUF4QlEsU0FBUzs7O3lCQTRCYixLQUFLO3NCQXdDTCxLQUFLOzs7O0lBeENOLDhDQUE2Qzs7SUFFN0MsbURBQXFDOzs7OztJQUNyQyxnREFBMEI7Ozs7O0lBQzFCLDRDQUF1RDs7Ozs7SUFFM0MsMENBQXlCIiwic291cmNlc0NvbnRlbnQiOlsiXG5pbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5HWExvZ2dlcn0gZnJvbSAnd2ViLWNvbnNvbGUtY29yZSdcblxuXG5jb25zdCBMT0dfVEFHID0gXCJbRmlsZURyb3BDb21wb25lbnRdXCI7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnd2MtZmlsZS1kcm9wLXBhbmVsJyxcbiAgICBzdHlsZXM6IFtcbiAgICAgICAgJy53Yy1maWxlLWRyb3AtcGFuZWwgeyAgd2lkdGg6IDEwMCU7IGhlaWdodDogMTAwJTsgYm9yZGVyOiAxcHggZGFzaGVkICM4YjhjOGM7IGRpc3BsYXk6ZmxleDthbGlnbi1pdGVtczogY2VudGVyO2p1c3RpZnktY29udGVudDogY2VudGVyOyBmbGV4LWRpcmVjdGlvbjpjb2x1bW47fScsXG4gICAgICAgICcud2MtZmlsZS1kcm9wLXBhbmVsLmRyYWdvdmVyIHsgYmFja2dyb3VuZC1jb2xvcjogIzRjNGM0YzsgfScsXG4gICAgICAgICcud2MtZmlsZS1kcm9wLXBhbmVsLWNhcHRpb24geyBmb250LXNpemU6IC43cmVtO2ZvbnQtZmFtaWx5OiBtb250c2VycmF0OyB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlOyB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlOyB0ZXh0LWFsaWduOiBjZW50ZXI7cGFkZGluZy10b3A6IDRweDt9JyxcbiAgICAgICAgJy53Yy1maWxlLWRyb3AtcGFuZWwtY2FwdGlvbi1maWxlbmFtZSB7IGZvbnQtc2l6ZTogLjZyZW07fScsXG4gICAgICAgICcud2MtZmlsZS1kcm9wLXBhbmVsIHsgZm9udC1mYW1pbHk6IG1vbnRzZXJyYXQ7IHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7IGNvbG9yOiAjODg4OyBmb250LXNpemU6IC43cmVtOyB9J1xuICAgIF0sXG4gICAgdGVtcGxhdGU6YFxuICAgICAgICA8ZGl2IGRyb3BwYWJsZSAoZmlsZXNEcm9wcGVkKT1cImhhbmRsZUZpbGVzRHJvcHBlZCgkZXZlbnQpXCIgY2xhc3M9XCJ3Yy1maWxlLWRyb3AtcGFuZWxcIiByb2xlPVwiYnV0dG9uXCIgI2Ryb3B6b25lPVwiZHJvcHBhYmxlXCI+XG4gICAgICAgIHt7Y2FwdGlvbn19XG4gICAgICAgIDwhLS1cbiAgICAgICAgPGxhYmVsICpuZ0lmPVwiIWRyb3B6b25lLmlzSG92ZXJcIiBjbGFzcz1cImJ0biBzbWFsbCB3Yy1maWxlLWRyb3AtcGFuZWwtY2FwdGlvblwiPnt7Y2FwdGlvbn19PC9sYWJlbD5cbiAgICAgICAgPGxhYmVsICpuZ0lmPVwiZHJvcHpvbmUuaXNIb3ZlclwiIGNsYXNzPVwiYnRuIHNtYWxsIHdjLWZpbGUtZHJvcC1wYW5lbC1jYXB0aW9uXCI+e3thbHRDYXB0aW9ufX08L2xhYmVsPlxuICAgICAgICA8bGFiZWwgKm5nSWY9XCJkcm9wcGVkRmlsZU5hbWVcIiBjbGFzcz1cIndjLWZpbGUtZHJvcC1wYW5lbC1jYXB0aW9uIHdjLWZpbGUtZHJvcC1wYW5lbC1jYXB0aW9uLWZpbGVuYW1lXCI+e3tkcm9wcGVkRmlsZU5hbWV9fTwvbGFiZWw+XG4gICAgICAgIC0tPlxuICAgICAgICA8L2Rpdj5cbiAgICBgXG59KVxuZXhwb3J0IGNsYXNzIFdDRmlsZURyb3BQYW5lbENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgICAvL0BJbnB1dCgpIGNhcHRpb246c3RyaW5nID0gXCJEcm9wIGZpbGVzIGhlcmUgb3IgY2xpY2tcIjtcbiAgICBASW5wdXQoKSBhbHRDYXB0aW9uOnN0cmluZyA9IFwiRHJvcCB0aGUgZmlsZVwiO1xuXG4gICAgcHVibGljIGRyb3BwZWRGaWxlTmFtZTpzdHJpbmcgPSBudWxsO1xuICAgIHByaXZhdGUgX2Ryb3BwZWRGaWxlOkZpbGU7XG4gICAgcHJpdmF0ZSBfY2FwdGlvbjogc3RyaW5nID0gICdEcm9wIGZpbGVzIGhlcmUgb3IgY2xpY2snO1xuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBsb2dnZXI6IE5HWExvZ2dlcil7XG4gICAgICAgICAgICB0aGlzLmxvZ2dlci5kZWJ1ZyhMT0dfVEFHICxcIkNyZWF0aW5nLi4uXCIpO1xuICAgIH0gXG5cbiAgICAvKipcbiAgICAgKiBBbmd1bGFyIG5nT25Jbml0XG4gICAgICovXG4gICAgbmdPbkluaXQoKSB7XG4gICAgICAgIHRoaXMubG9nZ2VyLmRlYnVnKExPR19UQUcgLFwiSW5pdGlhbGl6aW5nLi4uXCIpO1xuICAgIH1cblxuICAgIHB1YmxpYyBoYW5kbGVGaWxlc0Ryb3BwZWQoZXZlbnQpe1xuICAgICAgICB0aGlzLmxvZ2dlci5kZWJ1ZyhMT0dfVEFHICxcIkZpbGUgZHJvcHBlZDogXCIsIGV2ZW50KTtcbiAgICAgICAgdGhpcy5fZHJvcHBlZEZpbGUgPSBldmVudFswXTtcbiAgICAgICAgdGhpcy5kcm9wcGVkRmlsZU5hbWUgPSBldmVudFswXS5uYW1lO1xuICAgIH1cblxuICAgIHB1YmxpYyBnZXQgZmlsZSgpOkZpbGUge1xuICAgICAgICByZXR1cm4gdGhpcy5fZHJvcHBlZEZpbGU7XG4gICAgfVxuXG4gICAgcHVibGljIHJlc2V0KCk6dm9pZCB7XG4gICAgICAgIHRoaXMuX2Ryb3BwZWRGaWxlID0gbnVsbDtcbiAgICAgICAgdGhpcy5kcm9wcGVkRmlsZU5hbWUgPSBudWxsO1xuICAgIH1cbiAgICBcbiAgICBwdWJsaWMgZ2V0IGNhcHRpb24oKTpzdHJpbmcge1xuICAgICAgICBpZiAodGhpcy5kcm9wcGVkRmlsZU5hbWUhPW51bGwpe1xuICAgICAgICAgICAgcmV0dXJuIHRoaXMuZHJvcHBlZEZpbGVOYW1lO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgcmV0dXJuIHRoaXMuX2NhcHRpb247XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBzZXQgY2FwdGlvbih2YWx1ZTpzdHJpbmcpe1xuICAgICAgICB0aGlzLl9jYXB0aW9uID0gdmFsdWU7XG4gICAgfVxufVxuXG4iXX0=