@covalent/core 3.1.0 → 3.1.2-beta.6

package/fesm5/covalent-core-file.js

@@ -1,1068 +0,0 @@
-import { EventEmitter, Directive, Optional, Host, Input, Output, HostBinding, HostListener, Renderer2, ElementRef, TemplateRef, ViewContainerRef, Component, ChangeDetectionStrategy, forwardRef, ChangeDetectorRef, ViewChild, ContentChild, Injectable, NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { NgModel, NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
-import { TemplatePortalDirective, PortalModule } from '@angular/cdk/portal';
-import { MatIconModule } from '@angular/material/icon';
-import { MatButtonModule } from '@angular/material/button';
-import { coerceBooleanProperty } from '@angular/cdk/coercion';
-import { __extends } from 'tslib';
-import { mixinDisabled, mixinControlValueAccessor } from '@covalent/core/common';
-import { HttpRequest, HttpHeaders, HttpParams, HttpEventType, HttpClient } from '@angular/common/http';
-import { Subject } from 'rxjs';
-import { tap } from 'rxjs/operators';
-
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-var TdFileSelectDirective = /** @class */ (function () {
-    function TdFileSelectDirective(model) {
-        this.model = model;
-        this._multiple = false;
-        /**
-         * fileSelect?: function
-         * Event emitted when a file or files are selected in host [HTMLInputElement].
-         * Emits a [FileList | File] object.
-         * Alternative to not use [(ngModel)].
-         */
-        this.fileSelect = new EventEmitter();
-    }
-    Object.defineProperty(TdFileSelectDirective.prototype, "multiple", {
-        /**
-         * multiple?: boolean
-         * Sets whether multiple files can be selected at once in host element, or just a single file.
-         * Can also be 'multiple' native attribute.
-         */
-        set: /**
-         * multiple?: boolean
-         * Sets whether multiple files can be selected at once in host element, or just a single file.
-         * Can also be 'multiple' native attribute.
-         * @param {?} multiple
-         * @return {?}
-         */
-        function (multiple) {
-            this._multiple = coerceBooleanProperty(multiple);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TdFileSelectDirective.prototype, "multipleBinding", {
-        /**
-         * Binds native 'multiple' attribute if [multiple] property is 'true'.
-         */
-        get: /**
-         * Binds native 'multiple' attribute if [multiple] property is 'true'.
-         * @return {?}
-         */
-        function () {
-            return this._multiple ? '' : undefined;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * Listens to 'change' host event to get [HTMLInputElement] files.
-     * Emits the 'fileSelect' event with a [FileList] or [File] depending if 'multiple' attr exists in host.
-     * Uses [(ngModel)] if declared, instead of emitting 'fileSelect' event.
-     */
-    /**
-     * Listens to 'change' host event to get [HTMLInputElement] files.
-     * Emits the 'fileSelect' event with a [FileList] or [File] depending if 'multiple' attr exists in host.
-     * Uses [(ngModel)] if declared, instead of emitting 'fileSelect' event.
-     * @param {?} event
-     * @return {?}
-     */
-    TdFileSelectDirective.prototype.onChange = /**
-     * Listens to 'change' host event to get [HTMLInputElement] files.
-     * Emits the 'fileSelect' event with a [FileList] or [File] depending if 'multiple' attr exists in host.
-     * Uses [(ngModel)] if declared, instead of emitting 'fileSelect' event.
-     * @param {?} event
-     * @return {?}
-     */
-    function (event) {
-        if (event.target instanceof HTMLInputElement) {
-            /** @type {?} */
-            var fileInputEl = event.target;
-            /** @type {?} */
-            var files = fileInputEl.files;
-            if (files.length) {
-                /** @type {?} */
-                var value = this._multiple ? (files.length > 1 ? files : files[0]) : files[0];
-                this.model ? this.model.update.emit(value) : this.fileSelect.emit(value);
-            }
-        }
-    };
-    TdFileSelectDirective.decorators = [
-        { type: Directive, args: [{
-                    selector: '[tdFileSelect]',
-                },] }
-    ];
-    /** @nocollapse */
-    TdFileSelectDirective.ctorParameters = function () { return [
-        { type: NgModel, decorators: [{ type: Optional }, { type: Host }] }
-    ]; };
-    TdFileSelectDirective.propDecorators = {
-        multiple: [{ type: Input, args: ['multiple',] }],
-        fileSelect: [{ type: Output }],
-        multipleBinding: [{ type: HostBinding, args: ['attr.multiple',] }],
-        onChange: [{ type: HostListener, args: ['change', ['$event'],] }]
-    };
-    return TdFileSelectDirective;
-}());
-if (false) {
-    /**
-     * @type {?}
-     * @private
-     */
-    TdFileSelectDirective.prototype._multiple;
-    /**
-     * fileSelect?: function
-     * Event emitted when a file or files are selected in host [HTMLInputElement].
-     * Emits a [FileList | File] object.
-     * Alternative to not use [(ngModel)].
-     * @type {?}
-     */
-    TdFileSelectDirective.prototype.fileSelect;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdFileSelectDirective.prototype.model;
-}
-
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-var TdFileDropBase = /** @class */ (function () {
-    function TdFileDropBase() {
-    }
-    return TdFileDropBase;
-}());
-/* tslint:disable-next-line */
-/** @type {?} */
-var _TdFileDropMixinBase = mixinDisabled(TdFileDropBase);
-var TdFileDropDirective = /** @class */ (function (_super) {
-    __extends(TdFileDropDirective, _super);
-    function TdFileDropDirective(_renderer, _element) {
-        var _this = _super.call(this) || this;
-        _this._renderer = _renderer;
-        _this._element = _element;
-        _this._multiple = false;
-        /**
-         * fileDrop?: function
-         * Event emitted when a file or files are dropped in host element after being validated.
-         * Emits a [FileList | File] object.
-         */
-        _this.fileDrop = new EventEmitter();
-        return _this;
-    }
-    Object.defineProperty(TdFileDropDirective.prototype, "multiple", {
-        /**
-         * multiple?: boolean
-         * Sets whether multiple files can be dropped at once in host element, or just a single file.
-         * Can also be 'multiple' native attribute.
-         */
-        set: /**
-         * multiple?: boolean
-         * Sets whether multiple files can be dropped at once in host element, or just a single file.
-         * Can also be 'multiple' native attribute.
-         * @param {?} multiple
-         * @return {?}
-         */
-        function (multiple) {
-            this._multiple = coerceBooleanProperty(multiple);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TdFileDropDirective.prototype, "multipleBinding", {
-        /**
-         * Binds native 'multiple' attribute if [multiple] property is 'true'.
-         */
-        get: /**
-         * Binds native 'multiple' attribute if [multiple] property is 'true'.
-         * @return {?}
-         */
-        function () {
-            return this._multiple ? '' : undefined;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TdFileDropDirective.prototype, "disabledBinding", {
-        /**
-         * Binds native 'disabled' attribute if [disabled] property is 'true'.
-         */
-        get: /**
-         * Binds native 'disabled' attribute if [disabled] property is 'true'.
-         * @return {?}
-         */
-        function () {
-            return this.disabled ? '' : undefined;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * Listens to 'drop' host event to get validated transfer items.
-     * Emits the 'fileDrop' event with a [FileList] or [File] depending if 'multiple' attr exists in host.
-     * Stops event propagation and default action from browser for 'drop' event.
-     */
-    /**
-     * Listens to 'drop' host event to get validated transfer items.
-     * Emits the 'fileDrop' event with a [FileList] or [File] depending if 'multiple' attr exists in host.
-     * Stops event propagation and default action from browser for 'drop' event.
-     * @param {?} event
-     * @return {?}
-     */
-    TdFileDropDirective.prototype.onDrop = /**
-     * Listens to 'drop' host event to get validated transfer items.
-     * Emits the 'fileDrop' event with a [FileList] or [File] depending if 'multiple' attr exists in host.
-     * Stops event propagation and default action from browser for 'drop' event.
-     * @param {?} event
-     * @return {?}
-     */
-    function (event) {
-        if (!this.disabled) {
-            /** @type {?} */
-            var transfer = ((/** @type {?} */ (event))).dataTransfer;
-            /** @type {?} */
-            var files = transfer.files;
-            if (files.length) {
-                /** @type {?} */
-                var value = this._multiple ? (files.length > 1 ? files : files[0]) : files[0];
-                this.fileDrop.emit(value);
-            }
-        }
-        this._renderer.removeClass(this._element.nativeElement, 'drop-zone');
-        this._stopEvent(event);
-    };
-    /**
-     * Listens to 'dragover' host event to validate transfer items.
-     * Checks if 'multiple' attr exists in host to allow multiple file drops.
-     * Stops event propagation and default action from browser for 'dragover' event.
-     */
-    /**
-     * Listens to 'dragover' host event to validate transfer items.
-     * Checks if 'multiple' attr exists in host to allow multiple file drops.
-     * Stops event propagation and default action from browser for 'dragover' event.
-     * @param {?} event
-     * @return {?}
-     */
-    TdFileDropDirective.prototype.onDragOver = /**
-     * Listens to 'dragover' host event to validate transfer items.
-     * Checks if 'multiple' attr exists in host to allow multiple file drops.
-     * Stops event propagation and default action from browser for 'dragover' event.
-     * @param {?} event
-     * @return {?}
-     */
-    function (event) {
-        /** @type {?} */
-        var transfer = ((/** @type {?} */ (event))).dataTransfer;
-        transfer.dropEffect = this._typeCheck(transfer.types);
-        if (this.disabled ||
-            (!this._multiple && ((transfer.items && transfer.items.length > 1) || ((/** @type {?} */ (transfer))).mozItemCount > 1))) {
-            transfer.dropEffect = 'none';
-        }
-        else {
-            transfer.dropEffect = 'copy';
-        }
-        this._stopEvent(event);
-    };
-    /**
-     * Listens to 'dragenter' host event to add animation class 'drop-zone' which can be overriden in host.
-     * Stops event propagation and default action from browser for 'dragenter' event.
-     */
-    /**
-     * Listens to 'dragenter' host event to add animation class 'drop-zone' which can be overriden in host.
-     * Stops event propagation and default action from browser for 'dragenter' event.
-     * @param {?} event
-     * @return {?}
-     */
-    TdFileDropDirective.prototype.onDragEnter = /**
-     * Listens to 'dragenter' host event to add animation class 'drop-zone' which can be overriden in host.
-     * Stops event propagation and default action from browser for 'dragenter' event.
-     * @param {?} event
-     * @return {?}
-     */
-    function (event) {
-        if (!this.disabled) {
-            this._renderer.addClass(this._element.nativeElement, 'drop-zone');
-        }
-        this._stopEvent(event);
-    };
-    /**
-     * Listens to 'dragleave' host event to remove animation class 'drop-zone'.
-     * Stops event propagation and default action from browser for 'dragleave' event.
-     */
-    /**
-     * Listens to 'dragleave' host event to remove animation class 'drop-zone'.
-     * Stops event propagation and default action from browser for 'dragleave' event.
-     * @param {?} event
-     * @return {?}
-     */
-    TdFileDropDirective.prototype.onDragLeave = /**
-     * Listens to 'dragleave' host event to remove animation class 'drop-zone'.
-     * Stops event propagation and default action from browser for 'dragleave' event.
-     * @param {?} event
-     * @return {?}
-     */
-    function (event) {
-        this._renderer.removeClass(this._element.nativeElement, 'drop-zone');
-        this._stopEvent(event);
-    };
-    /**
-     * Validates if the transfer item types are 'Files'.
-     */
-    /**
-     * Validates if the transfer item types are 'Files'.
-     * @private
-     * @param {?} types
-     * @return {?}
-     */
-    TdFileDropDirective.prototype._typeCheck = /**
-     * Validates if the transfer item types are 'Files'.
-     * @private
-     * @param {?} types
-     * @return {?}
-     */
-    function (types) {
-        /** @type {?} */
-        var dropEffect = 'none';
-        if (types &&
-            ((((/** @type {?} */ (types))).contains && ((/** @type {?} */ (types))).contains('Files')) ||
-                (((/** @type {?} */ (types))).indexOf && ((/** @type {?} */ (types))).indexOf('Files') !== -1))) {
-            dropEffect = 'copy';
-        }
-        return dropEffect;
-    };
-    /**
-     * @private
-     * @param {?} event
-     * @return {?}
-     */
-    TdFileDropDirective.prototype._stopEvent = /**
-     * @private
-     * @param {?} event
-     * @return {?}
-     */
-    function (event) {
-        event.preventDefault();
-        event.stopPropagation();
-    };
-    TdFileDropDirective.decorators = [
-        { type: Directive, args: [{
-                    selector: '[tdFileDrop]',
-                    inputs: ['disabled'],
-                },] }
-    ];
-    /** @nocollapse */
-    TdFileDropDirective.ctorParameters = function () { return [
-        { type: Renderer2 },
-        { type: ElementRef }
-    ]; };
-    TdFileDropDirective.propDecorators = {
-        multiple: [{ type: Input, args: ['multiple',] }],
-        fileDrop: [{ type: Output }],
-        multipleBinding: [{ type: HostBinding, args: ['attr.multiple',] }],
-        disabledBinding: [{ type: HostBinding, args: ['attr.disabled',] }],
-        onDrop: [{ type: HostListener, args: ['drop', ['$event'],] }],
-        onDragOver: [{ type: HostListener, args: ['dragover', ['$event'],] }],
-        onDragEnter: [{ type: HostListener, args: ['dragenter', ['$event'],] }],
-        onDragLeave: [{ type: HostListener, args: ['dragleave', ['$event'],] }]
-    };
-    return TdFileDropDirective;
-}(_TdFileDropMixinBase));
-if (false) {
-    /**
-     * @type {?}
-     * @private
-     */
-    TdFileDropDirective.prototype._multiple;
-    /**
-     * fileDrop?: function
-     * Event emitted when a file or files are dropped in host element after being validated.
-     * Emits a [FileList | File] object.
-     * @type {?}
-     */
-    TdFileDropDirective.prototype.fileDrop;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdFileDropDirective.prototype._renderer;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdFileDropDirective.prototype._element;
-}
-
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-var TdFileInputLabelDirective = /** @class */ (function (_super) {
-    __extends(TdFileInputLabelDirective, _super);
-    function TdFileInputLabelDirective(templateRef, viewContainerRef) {
-        return _super.call(this, templateRef, viewContainerRef) || this;
-    }
-    TdFileInputLabelDirective.decorators = [
-        { type: Directive, args: [{
-                    selector: '[td-file-input-label]ng-template',
-                },] }
-    ];
-    /** @nocollapse */
-    TdFileInputLabelDirective.ctorParameters = function () { return [
-        { type: TemplateRef },
-        { type: ViewContainerRef }
-    ]; };
-    return TdFileInputLabelDirective;
-}(TemplatePortalDirective));
-var TdFileInputBase = /** @class */ (function () {
-    function TdFileInputBase(_changeDetectorRef) {
-        this._changeDetectorRef = _changeDetectorRef;
-    }
-    return TdFileInputBase;
-}());
-if (false) {
-    /** @type {?} */
-    TdFileInputBase.prototype._changeDetectorRef;
-}
-/* tslint:disable-next-line */
-/** @type {?} */
-var _TdFileInputMixinBase = mixinControlValueAccessor(mixinDisabled(TdFileInputBase));
-var TdFileInputComponent = /** @class */ (function (_super) {
-    __extends(TdFileInputComponent, _super);
-    function TdFileInputComponent(_renderer, _changeDetectorRef) {
-        var _this = _super.call(this, _changeDetectorRef) || this;
-        _this._renderer = _renderer;
-        _this._multiple = false;
-        /**
-         * select?: function
-         * Event emitted a file is selected
-         * Emits a [File | FileList] object.
-         */
-        _this.select = new EventEmitter();
-        return _this;
-    }
-    Object.defineProperty(TdFileInputComponent.prototype, "inputElement", {
-        get: /**
-         * @return {?}
-         */
-        function () {
-            return this._inputElement.nativeElement;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TdFileInputComponent.prototype, "multiple", {
-        get: /**
-         * @return {?}
-         */
-        function () {
-            return this._multiple;
-        },
-        /**
-         * multiple?: boolean
-         * Sets if multiple files can be dropped/selected at once in [TdFileInputComponent].
-         */
-        set: /**
-         * multiple?: boolean
-         * Sets if multiple files can be dropped/selected at once in [TdFileInputComponent].
-         * @param {?} multiple
-         * @return {?}
-         */
-        function (multiple) {
-            this._multiple = coerceBooleanProperty(multiple);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * Method executed when a file is selected.
-     */
-    /**
-     * Method executed when a file is selected.
-     * @param {?} files
-     * @return {?}
-     */
-    TdFileInputComponent.prototype.handleSelect = /**
-     * Method executed when a file is selected.
-     * @param {?} files
-     * @return {?}
-     */
-    function (files) {
-        this.writeValue(files);
-        this.select.emit(files);
-    };
-    /**
-     * Used to clear the selected files from the [TdFileInputComponent].
-     */
-    /**
-     * Used to clear the selected files from the [TdFileInputComponent].
-     * @return {?}
-     */
-    TdFileInputComponent.prototype.clear = /**
-     * Used to clear the selected files from the [TdFileInputComponent].
-     * @return {?}
-     */
-    function () {
-        this.writeValue(undefined);
-        this._renderer.setProperty(this.inputElement, 'value', '');
-    };
-    /** Method executed when the disabled value changes */
-    /**
-     * Method executed when the disabled value changes
-     * @param {?} v
-     * @return {?}
-     */
-    TdFileInputComponent.prototype.onDisabledChange = /**
-     * Method executed when the disabled value changes
-     * @param {?} v
-     * @return {?}
-     */
-    function (v) {
-        if (v) {
-            this.clear();
-        }
-    };
-    /**
-     * Sets disable to the component. Implemented as part of ControlValueAccessor.
-     */
-    /**
-     * Sets disable to the component. Implemented as part of ControlValueAccessor.
-     * @param {?} isDisabled
-     * @return {?}
-     */
-    TdFileInputComponent.prototype.setDisabledState = /**
-     * Sets disable to the component. Implemented as part of ControlValueAccessor.
-     * @param {?} isDisabled
-     * @return {?}
-     */
-    function (isDisabled) {
-        this.disabled = isDisabled;
-    };
-    TdFileInputComponent.decorators = [
-        { type: Component, args: [{
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef((/**
-                             * @return {?}
-                             */
-                            function () { return TdFileInputComponent; })),
-                            multi: true,
-                        },
-                    ],
-                    selector: 'td-file-input',
-                    inputs: ['disabled', 'value'],
-                    template: "<div>\n  <button\n    mat-raised-button\n    class=\"td-file-input\"\n    type=\"button\"\n    [color]=\"color\"\n    [multiple]=\"multiple\"\n    [disabled]=\"disabled\"\n    (keyup.enter)=\"fileInput.click()\"\n    (click)=\"fileInput.click()\"\n    (fileDrop)=\"handleSelect($event)\"\n    tdFileDrop\n  >\n    <ng-content></ng-content>\n  </button>\n  <input\n    #fileInput\n    class=\"td-file-input-hidden\"\n    type=\"file\"\n    [attr.accept]=\"accept\"\n    (fileSelect)=\"handleSelect($event)\"\n    [multiple]=\"multiple\"\n    [disabled]=\"disabled\"\n    tdFileSelect\n  />\n</div>\n",
-                    styles: [":host .td-file-input{padding-left:8px;padding-right:8px}:host input.td-file-input-hidden{display:none}:host .drop-zone{border-radius:3px}:host .drop-zone *{pointer-events:none}"]
-                }] }
-    ];
-    /** @nocollapse */
-    TdFileInputComponent.ctorParameters = function () { return [
-        { type: Renderer2 },
-        { type: ChangeDetectorRef }
-    ]; };
-    TdFileInputComponent.propDecorators = {
-        _inputElement: [{ type: ViewChild, args: ['fileInput', { static: true },] }],
-        color: [{ type: Input }],
-        multiple: [{ type: Input, args: ['multiple',] }],
-        accept: [{ type: Input }],
-        select: [{ type: Output }]
-    };
-    return TdFileInputComponent;
-}(_TdFileInputMixinBase));
-if (false) {
-    /**
-     * @type {?}
-     * @private
-     */
-    TdFileInputComponent.prototype._multiple;
-    /**
-     * The native `<input type="file"> element
-     * @type {?}
-     */
-    TdFileInputComponent.prototype._inputElement;
-    /**
-     * color?: 'accent' | 'primary' | 'warn'
-     * Sets button color. Uses same color palette accepted as [MatButton].
-     * @type {?}
-     */
-    TdFileInputComponent.prototype.color;
-    /**
-     * accept?: string
-     * Sets files accepted when opening the file browser dialog.
-     * Same as 'accept' attribute in <input/> element.
-     * @type {?}
-     */
-    TdFileInputComponent.prototype.accept;
-    /**
-     * select?: function
-     * Event emitted a file is selected
-     * Emits a [File | FileList] object.
-     * @type {?}
-     */
-    TdFileInputComponent.prototype.select;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdFileInputComponent.prototype._renderer;
-}
-
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-var TdFileUploadBase = /** @class */ (function () {
-    function TdFileUploadBase(_changeDetectorRef) {
-        this._changeDetectorRef = _changeDetectorRef;
-    }
-    return TdFileUploadBase;
-}());
-if (false) {
-    /** @type {?} */
-    TdFileUploadBase.prototype._changeDetectorRef;
-}
-/* tslint:disable-next-line */
-/** @type {?} */
-var _TdFileUploadMixinBase = mixinControlValueAccessor(mixinDisabled(TdFileUploadBase));
-var TdFileUploadComponent = /** @class */ (function (_super) {
-    __extends(TdFileUploadComponent, _super);
-    function TdFileUploadComponent(_changeDetectorRef) {
-        var _this = _super.call(this, _changeDetectorRef) || this;
-        _this._multiple = false;
-        _this._required = false;
-        /**
-         * defaultColor?: 'accent' | 'primary' | 'warn'
-         * Sets browse button color. Uses same color palette accepted as [MatButton] and defaults to 'primary'.
-         */
-        _this.defaultColor = 'primary';
-        /**
-         * activeColor?: 'accent' | 'primary' | 'warn'
-         * Sets upload button color. Uses same color palette accepted as [MatButton] and defaults to 'accent'.
-         */
-        _this.activeColor = 'accent';
-        /**
-         * cancelColor?: 'accent' | 'primary' | 'warn'
-         * Sets cancel button color. Uses same color palette accepted as [MatButton] and defaults to 'warn'.
-         */
-        _this.cancelColor = 'warn';
-        /**
-         * select?: function
-         * Event emitted when a file is selected.
-         * Emits a [File | FileList] object.
-         */
-        _this.select = new EventEmitter();
-        /**
-         * upload?: function
-         * Event emitted when upload button is clicked.
-         * Emits a [File | FileList] object.
-         */
-        _this.upload = new EventEmitter();
-        /**
-         * cancel?: function
-         * Event emitted when cancel button is clicked.
-         */
-        _this.cancel = new EventEmitter();
-        return _this;
-    }
-    Object.defineProperty(TdFileUploadComponent.prototype, "multiple", {
-        get: /**
-         * @return {?}
-         */
-        function () {
-            return this._multiple;
-        },
-        /**
-         * multiple?: boolean
-         * Sets if multiple files can be dropped/selected at once in [TdFileUploadComponent].
-         */
-        set: /**
-         * multiple?: boolean
-         * Sets if multiple files can be dropped/selected at once in [TdFileUploadComponent].
-         * @param {?} multiple
-         * @return {?}
-         */
-        function (multiple) {
-            this._multiple = coerceBooleanProperty(multiple);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TdFileUploadComponent.prototype, "required", {
-        get: /**
-         * @return {?}
-         */
-        function () {
-            return this._required;
-        },
-        /**
-         * required?: boolean
-         * Forces at least one file upload.
-         * Defaults to 'false'
-         */
-        set: /**
-         * required?: boolean
-         * Forces at least one file upload.
-         * Defaults to 'false'
-         * @param {?} required
-         * @return {?}
-         */
-        function (required) {
-            this._required = coerceBooleanProperty(required);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * Method executed when upload button is clicked.
-     */
-    /**
-     * Method executed when upload button is clicked.
-     * @return {?}
-     */
-    TdFileUploadComponent.prototype.uploadPressed = /**
-     * Method executed when upload button is clicked.
-     * @return {?}
-     */
-    function () {
-        if (this.value) {
-            this.upload.emit(this.value);
-        }
-    };
-    /**
-     * Method executed when a file is selected.
-     */
-    /**
-     * Method executed when a file is selected.
-     * @param {?} value
-     * @return {?}
-     */
-    TdFileUploadComponent.prototype.handleSelect = /**
-     * Method executed when a file is selected.
-     * @param {?} value
-     * @return {?}
-     */
-    function (value) {
-        this.value = value;
-        this.select.emit(value);
-    };
-    /**
-     * Methods executed when cancel button is clicked.
-     * Clears files.
-     */
-    /**
-     * Methods executed when cancel button is clicked.
-     * Clears files.
-     * @return {?}
-     */
-    TdFileUploadComponent.prototype._cancel = /**
-     * Methods executed when cancel button is clicked.
-     * Clears files.
-     * @return {?}
-     */
-    function () {
-        this.value = undefined;
-        this.cancel.emit();
-        // check if the file input is rendered before clearing it
-        if (this.fileInput) {
-            this.fileInput.clear();
-        }
-    };
-    /** Method executed when the disabled value changes */
-    /**
-     * Method executed when the disabled value changes
-     * @param {?} v
-     * @return {?}
-     */
-    TdFileUploadComponent.prototype.onDisabledChange = /**
-     * Method executed when the disabled value changes
-     * @param {?} v
-     * @return {?}
-     */
-    function (v) {
-        if (v) {
-            this._cancel();
-        }
-    };
-    TdFileUploadComponent.decorators = [
-        { type: Component, args: [{
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef((/**
-                             * @return {?}
-                             */
-                            function () { return TdFileUploadComponent; })),
-                            multi: true,
-                        },
-                    ],
-                    selector: 'td-file-upload',
-                    inputs: ['disabled', 'value'],
-                    template: "<td-file-input\n  *ngIf=\"!value\"\n  [(ngModel)]=\"value\"\n  [multiple]=\"multiple\"\n  [disabled]=\"disabled\"\n  [accept]=\"accept\"\n  [color]=\"defaultColor\"\n  (select)=\"handleSelect($event)\"\n>\n  <ng-template [cdkPortalOutlet]=\"inputLabel\" [ngIf]=\"true\"></ng-template>\n</td-file-input>\n<div *ngIf=\"value\">\n  <button\n    #fileUpload\n    class=\"td-file-upload\"\n    mat-raised-button\n    type=\"button\"\n    [color]=\"activeColor\"\n    (keyup.delete)=\"_cancel()\"\n    (keyup.backspace)=\"_cancel()\"\n    (keyup.escape)=\"_cancel()\"\n    (click)=\"uploadPressed()\"\n  >\n    <ng-content></ng-content>\n  </button>\n  <button mat-icon-button type=\"button\" class=\"td-file-upload-cancel\" [color]=\"cancelColor\" (click)=\"_cancel()\">\n    <mat-icon>cancel</mat-icon>\n  </button>\n</div>\n",
-                    styles: [".td-file-upload{padding-left:8px;padding-right:8px}.td-file-upload-cancel{height:24px;width:24px;position:relative;top:24px;left:-12px}::ng-deep [dir=rtl] .td-file-upload-cancel{right:-12px;left:0}.td-file-upload-cancel mat-icon{border-radius:12px;vertical-align:baseline}.drop-zone{border-radius:3px}.drop-zone *{pointer-events:none}"]
-                }] }
-    ];
-    /** @nocollapse */
-    TdFileUploadComponent.ctorParameters = function () { return [
-        { type: ChangeDetectorRef }
-    ]; };
-    TdFileUploadComponent.propDecorators = {
-        fileInput: [{ type: ViewChild, args: [TdFileInputComponent,] }],
-        inputLabel: [{ type: ContentChild, args: [TdFileInputLabelDirective,] }],
-        defaultColor: [{ type: Input }],
-        activeColor: [{ type: Input }],
-        cancelColor: [{ type: Input }],
-        multiple: [{ type: Input, args: ['multiple',] }],
-        required: [{ type: Input, args: ['required',] }],
-        accept: [{ type: Input }],
-        select: [{ type: Output }],
-        upload: [{ type: Output }],
-        cancel: [{ type: Output }]
-    };
-    return TdFileUploadComponent;
-}(_TdFileUploadMixinBase));
-if (false) {
-    /**
-     * @type {?}
-     * @private
-     */
-    TdFileUploadComponent.prototype._multiple;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdFileUploadComponent.prototype._required;
-    /** @type {?} */
-    TdFileUploadComponent.prototype.fileInput;
-    /** @type {?} */
-    TdFileUploadComponent.prototype.inputLabel;
-    /**
-     * defaultColor?: 'accent' | 'primary' | 'warn'
-     * Sets browse button color. Uses same color palette accepted as [MatButton] and defaults to 'primary'.
-     * @type {?}
-     */
-    TdFileUploadComponent.prototype.defaultColor;
-    /**
-     * activeColor?: 'accent' | 'primary' | 'warn'
-     * Sets upload button color. Uses same color palette accepted as [MatButton] and defaults to 'accent'.
-     * @type {?}
-     */
-    TdFileUploadComponent.prototype.activeColor;
-    /**
-     * cancelColor?: 'accent' | 'primary' | 'warn'
-     * Sets cancel button color. Uses same color palette accepted as [MatButton] and defaults to 'warn'.
-     * @type {?}
-     */
-    TdFileUploadComponent.prototype.cancelColor;
-    /**
-     * accept?: string
-     * Sets files accepted when opening the file browser dialog.
-     * Same as 'accept' attribute in <input/> element.
-     * @type {?}
-     */
-    TdFileUploadComponent.prototype.accept;
-    /**
-     * select?: function
-     * Event emitted when a file is selected.
-     * Emits a [File | FileList] object.
-     * @type {?}
-     */
-    TdFileUploadComponent.prototype.select;
-    /**
-     * upload?: function
-     * Event emitted when upload button is clicked.
-     * Emits a [File | FileList] object.
-     * @type {?}
-     */
-    TdFileUploadComponent.prototype.upload;
-    /**
-     * cancel?: function
-     * Event emitted when cancel button is clicked.
-     * @type {?}
-     */
-    TdFileUploadComponent.prototype.cancel;
-}
-
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-/**
- * @record
- */
-function IUploadExtras() { }
-if (false) {
-    /** @type {?|undefined} */
-    IUploadExtras.prototype.headers;
-    /** @type {?|undefined} */
-    IUploadExtras.prototype.params;
-}
-var TdFileService = /** @class */ (function () {
-    /**
-     * Creates a new instance
-     * @param _http the http client instance
-     * @breaking-change 3.0.0 remove 'Optional' decorator once the legay upload method is removed
-     */
-    function TdFileService(_http) {
-        this._http = _http;
-        this._progressSubject = new Subject();
-        this._progressObservable = this._progressSubject.asObservable();
-    }
-    Object.defineProperty(TdFileService.prototype, "progress", {
-        /**
-         * Gets progress observable to keep track of the files being uploaded.
-         * Needs to be supported by backend.
-         */
-        get: /**
-         * Gets progress observable to keep track of the files being uploaded.
-         * Needs to be supported by backend.
-         * @return {?}
-         */
-        function () {
-            return this._progressObservable;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * Uploads a file to a URL.
-     */
-    /**
-     * Uploads a file to a URL.
-     * @param {?} url
-     * @param {?} method
-     * @param {?} body
-     * @param {?=} __3
-     * @return {?}
-     */
-    TdFileService.prototype.send = /**
-     * Uploads a file to a URL.
-     * @param {?} url
-     * @param {?} method
-     * @param {?} body
-     * @param {?=} __3
-     * @return {?}
-     */
-    function (url, method, body, _a) {
-        var _this = this;
-        var _b = _a === void 0 ? {} : _a, headers = _b.headers, params = _b.params;
-        if (!this._http) {
-            throw new Error('The HttpClient module needs to be imported at root module level');
-        }
-        /** @type {?} */
-        var req = new HttpRequest(method.toUpperCase(), url, body, {
-            reportProgress: true,
-            headers: new HttpHeaders(headers || {}),
-            params: new HttpParams({ fromObject: params || {} }),
-        });
-        return this._http.request(req).pipe(tap((/**
-         * @param {?} event
-         * @return {?}
-         */
-        function (event) { return _this.handleEvent(event); })));
-    };
-    /**
-     * @private
-     * @template T
-     * @param {?} event
-     * @return {?}
-     */
-    TdFileService.prototype.handleEvent = /**
-     * @private
-     * @template T
-     * @param {?} event
-     * @return {?}
-     */
-    function (event) {
-        switch (event.type) {
-            case HttpEventType.Sent:
-                this._progressSubject.next(0);
-                break;
-            case HttpEventType.UploadProgress:
-                this._progressSubject.next(Math.round((100 * event.loaded) / event.total));
-                break;
-            case HttpEventType.Response:
-                this._progressSubject.next(100);
-                break;
-            default:
-                break;
-        }
-    };
-    TdFileService.decorators = [
-        { type: Injectable }
-    ];
-    /** @nocollapse */
-    TdFileService.ctorParameters = function () { return [
-        { type: HttpClient, decorators: [{ type: Optional }] }
-    ]; };
-    return TdFileService;
-}());
-if (false) {
-    /**
-     * @type {?}
-     * @private
-     */
-    TdFileService.prototype._progressSubject;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdFileService.prototype._progressObservable;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdFileService.prototype._http;
-}
-
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-/** @type {?} */
-var TD_FILE = [
-    TdFileSelectDirective,
-    TdFileDropDirective,
-    TdFileUploadComponent,
-    TdFileInputComponent,
-    TdFileInputLabelDirective,
-];
-var CovalentFileModule = /** @class */ (function () {
-    function CovalentFileModule() {
-    }
-    CovalentFileModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [FormsModule, CommonModule, MatIconModule, MatButtonModule, PortalModule],
-                    declarations: [TD_FILE],
-                    exports: [TD_FILE],
-                    providers: [TdFileService],
-                },] }
-    ];
-    return CovalentFileModule;
-}());
-
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-
-export { CovalentFileModule, TdFileDropBase, TdFileDropDirective, TdFileInputBase, TdFileInputComponent, TdFileInputLabelDirective, TdFileSelectDirective, TdFileService, TdFileUploadBase, TdFileUploadComponent, _TdFileDropMixinBase, _TdFileInputMixinBase, _TdFileUploadMixinBase };
-//# sourceMappingURL=covalent-core-file.js.map