@covalent/core 9.1.3 → 10.0.0

package/fesm2022/covalent-core-file.mjs

@@ -1,21 +1,19 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Directive, Optional, Host, Input, Output, HostBinding, HostListener, forwardRef, ElementRef, Component, ChangeDetectionStrategy, ViewChild, ContentChild, Injectable, NgModule } from '@angular/core';
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
+import { EventEmitter, Directive, Optional, Host, Input, Output, HostBinding, HostListener, ElementRef, forwardRef, Component, ChangeDetectionStrategy, ViewChild, ContentChild, Injectable, NgModule } from '@angular/core';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import * as i1 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
-import * as i5 from '@angular/cdk/portal';
-import { TemplatePortalDirective, PortalModule } from '@angular/cdk/portal';
-import * as i3 from '@angular/material/icon';
-import { MatIconModule } from '@angular/material/icon';
-import * as i4 from '@angular/material/button';
-import { MatButtonModule } from '@angular/material/button';
-import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { TemplatePortalDirective, CdkPortalOutlet } from '@angular/cdk/portal';
 import { ENTER } from '@angular/cdk/keycodes';
 import { Subject, merge, fromEvent } from 'rxjs';
 import { filter, takeUntil, tap } from 'rxjs/operators';
 import { mixinControlValueAccessor, mixinDisabled } from '@covalent/core/common';
-import * as i1$1 from '@angular/common/http';
+import * as i3 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import { MatIcon } from '@angular/material/icon';
+import * as i1$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1$2 from '@angular/common/http';
 import { HttpRequest, HttpHeaders, HttpParams, HttpEventType } from '@angular/common/http';
 
 class TdFileSelectDirective {
@@ -66,29 +64,33 @@ class TdFileSelectDirective {
             }
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TdFileSelectDirective, deps: [{ token: i1.NgModel, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.11", type: TdFileSelectDirective, selector: "[tdFileSelect]", inputs: { multiple: "multiple" }, outputs: { fileSelect: "fileSelect" }, host: { listeners: { "change": "onChange($event)" }, properties: { "attr.multiple": "this.multipleBinding" } }, ngImport: i0 });
+    static ɵfac = function TdFileSelectDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TdFileSelectDirective)(i0.ɵɵdirectiveInject(i1.NgModel, 9)); };
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TdFileSelectDirective, selectors: [["", "tdFileSelect", ""]], hostVars: 1, hostBindings: function TdFileSelectDirective_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("change", function TdFileSelectDirective_change_HostBindingHandler($event) { return ctx.onChange($event); });
+        } if (rf & 2) {
+            i0.ɵɵattribute("multiple", ctx.multipleBinding);
+        } }, inputs: { multiple: "multiple" }, outputs: { fileSelect: "fileSelect" } });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TdFileSelectDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[tdFileSelect]',
-                }]
-        }], ctorParameters: () => [{ type: i1.NgModel, decorators: [{
-                    type: Optional
-                }, {
-                    type: Host
-                }] }], propDecorators: { multiple: [{
-                type: Input
-            }], fileSelect: [{
-                type: Output
-            }], multipleBinding: [{
-                type: HostBinding,
-                args: ['attr.multiple']
-            }], onChange: [{
-                type: HostListener,
-                args: ['change', ['$event']]
-            }] } });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdFileSelectDirective, [{
+        type: Directive,
+        args: [{
+                selector: '[tdFileSelect]',
+            }]
+    }], () => [{ type: i1.NgModel, decorators: [{
+                type: Optional
+            }, {
+                type: Host
+            }] }], { multiple: [{
+            type: Input
+        }], fileSelect: [{
+            type: Output
+        }], multipleBinding: [{
+            type: HostBinding,
+            args: ['attr.multiple']
+        }], onChange: [{
+            type: HostListener,
+            args: ['change', ['$event']]
+        }] }); })();
 
 class TdFileDropBase {
 }
@@ -209,42 +211,49 @@ class TdFileDropDirective {
         event.preventDefault();
         event.stopPropagation();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TdFileDropDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.11", type: TdFileDropDirective, selector: "[tdFileDrop]", inputs: { multiple: "multiple", disabled: "disabled" }, outputs: { fileDrop: "fileDrop" }, host: { listeners: { "drop": "onDrop($event)" }, properties: { "attr.multiple": "this.multipleBinding", "attr.disabled": "this.disabledBinding" } }, ngImport: i0 });
+    static ɵfac = function TdFileDropDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TdFileDropDirective)(i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.NgZone)); };
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TdFileDropDirective, selectors: [["", "tdFileDrop", ""]], hostVars: 2, hostBindings: function TdFileDropDirective_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("drop", function TdFileDropDirective_drop_HostBindingHandler($event) { return ctx.onDrop($event); });
+        } if (rf & 2) {
+            i0.ɵɵattribute("multiple", ctx.multipleBinding)("disabled", ctx.disabledBinding);
+        } }, inputs: { multiple: "multiple", disabled: "disabled" }, outputs: { fileDrop: "fileDrop" } });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TdFileDropDirective, decorators: [{
-            type: Directive,
-            args: [{ selector: '[tdFileDrop]' }]
-        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { multiple: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], fileDrop: [{
-                type: Output
-            }], multipleBinding: [{
-                type: HostBinding,
-                args: ['attr.multiple']
-            }], disabledBinding: [{
-                type: HostBinding,
-                args: ['attr.disabled']
-            }], onDrop: [{
-                type: HostListener,
-                args: ['drop', ['$event']]
-            }] } });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdFileDropDirective, [{
+        type: Directive,
+        args: [{ selector: '[tdFileDrop]' }]
+    }], () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.NgZone }], { multiple: [{
+            type: Input
+        }], disabled: [{
+            type: Input
+        }], fileDrop: [{
+            type: Output
+        }], multipleBinding: [{
+            type: HostBinding,
+            args: ['attr.multiple']
+        }], disabledBinding: [{
+            type: HostBinding,
+            args: ['attr.disabled']
+        }], onDrop: [{
+            type: HostListener,
+            args: ['drop', ['$event']]
+        }] }); })();
 
+const _c0$1 = ["fileInputButton"];
+const _c1 = ["fileInput"];
+const _c2 = ["*"];
 class TdFileInputLabelDirective extends TemplatePortalDirective {
     constructor(templateRef, viewContainerRef) {
         super(templateRef, viewContainerRef);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TdFileInputLabelDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.11", type: TdFileInputLabelDirective, selector: "[tdFileInputLabel]ng-template", usesInheritance: true, ngImport: i0 });
+    static ɵfac = function TdFileInputLabelDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TdFileInputLabelDirective)(i0.ɵɵdirectiveInject(i0.TemplateRef), i0.ɵɵdirectiveInject(i0.ViewContainerRef)); };
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TdFileInputLabelDirective, selectors: [["ng-template", "tdFileInputLabel", ""]], features: [i0.ɵɵInheritDefinitionFeature] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TdFileInputLabelDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[tdFileInputLabel]ng-template',
-                }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdFileInputLabelDirective, [{
+        type: Directive,
+        args: [{
+                selector: '[tdFileInputLabel]ng-template',
+            }]
+    }], () => [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }], null); })();
 class TdFileInputBase {
     _changeDetectorRef;
     constructor(_changeDetectorRef) {
@@ -332,40 +341,97 @@ class TdFileInputComponent extends _TdFileInputMixinBase {
     setDisabledState(isDisabled) {
         this.disabled = isDisabled;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TdFileInputComponent, deps: [{ token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.11", type: TdFileInputComponent, selector: "td-file-input", inputs: { disabled: "disabled", value: "value", color: "color", multiple: "multiple", accept: "accept" }, outputs: { selectFile: "selectFile" }, providers: [
-            {
-                provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => TdFileInputComponent),
-                multi: true,
-            },
-        ], viewQueries: [{ propertyName: "_inputButton", first: true, predicate: ["fileInputButton"], descendants: true, read: ElementRef, static: true }, { propertyName: "_inputElement", first: true, predicate: ["fileInput"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<button\n  #fileInputButton\n  mat-stroked-button\n  class=\"td-file-input\"\n  type=\"button\"\n  [color]=\"color\"\n  [multiple]=\"multiple\"\n  [disabled]=\"disabled\"\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", styles: [":host .td-file-input{padding-left:8px;padding-right:8px}:host input.td-file-input-hidden{display:none}:host ::ng-deep .mdc-button__label{display:flex;align-items:center}:host .drop-zone{border-radius:3px}:host .drop-zone *{pointer-events:none}\n"], dependencies: [{ kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: TdFileSelectDirective, selector: "[tdFileSelect]", inputs: ["multiple"], outputs: ["fileSelect"] }, { kind: "directive", type: TdFileDropDirective, selector: "[tdFileDrop]", inputs: ["multiple", "disabled"], outputs: ["fileDrop"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = function TdFileInputComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TdFileInputComponent)(i0.ɵɵdirectiveInject(i0.NgZone), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TdFileInputComponent, selectors: [["td-file-input"]], viewQuery: function TdFileInputComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0$1, 7, ElementRef);
+            i0.ɵɵviewQuery(_c1, 7);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._inputButton = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._inputElement = _t.first);
+        } }, inputs: { disabled: "disabled", value: "value", color: "color", multiple: "multiple", accept: "accept" }, outputs: { selectFile: "selectFile" }, features: [i0.ɵɵProvidersFeature([
+                {
+                    provide: NG_VALUE_ACCESSOR,
+                    useExisting: forwardRef(() => TdFileInputComponent),
+                    multi: true,
+                },
+            ]), i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c2, decls: 5, vars: 6, consts: [["fileInputButton", ""], ["fileInput", ""], ["mat-stroked-button", "", "type", "button", "tdFileDrop", "", 1, "td-file-input", 3, "fileDrop", "color", "multiple", "disabled"], ["type", "file", "tdFileSelect", "", 1, "td-file-input-hidden", 3, "fileSelect", "multiple", "disabled"]], template: function TdFileInputComponent_Template(rf, ctx) { if (rf & 1) {
+            const _r1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵprojectionDef();
+            i0.ɵɵelementStart(0, "button", 2, 0);
+            i0.ɵɵlistener("fileDrop", function TdFileInputComponent_Template_button_fileDrop_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleSelect($event)); });
+            i0.ɵɵprojection(2);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(3, "input", 3, 1);
+            i0.ɵɵlistener("fileSelect", function TdFileInputComponent_Template_input_fileSelect_3_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleSelect($event)); });
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("color", ctx.color)("multiple", ctx.multiple)("disabled", ctx.disabled);
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("multiple", ctx.multiple)("disabled", ctx.disabled);
+            i0.ɵɵattribute("accept", ctx.accept);
+        } }, dependencies: [MatButtonModule, i3.MatButton, TdFileDropDirective, TdFileSelectDirective], styles: ["[_nghost-%COMP%]   .td-file-input[_ngcontent-%COMP%]{padding-left:8px;padding-right:8px}[_nghost-%COMP%]   input.td-file-input-hidden[_ngcontent-%COMP%]{display:none}[_nghost-%COMP%]     .mdc-button__label{display:flex;align-items:center}[_nghost-%COMP%]   .drop-zone[_ngcontent-%COMP%]{border-radius:3px}[_nghost-%COMP%]   .drop-zone[_ngcontent-%COMP%]   *[_ngcontent-%COMP%]{pointer-events:none}"], changeDetection: 0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TdFileInputComponent, decorators: [{
-            type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => TdFileInputComponent),
-                            multi: true,
-                        },
-                    ], selector: 'td-file-input', inputs: ['disabled', 'value'], template: "<button\n  #fileInputButton\n  mat-stroked-button\n  class=\"td-file-input\"\n  type=\"button\"\n  [color]=\"color\"\n  [multiple]=\"multiple\"\n  [disabled]=\"disabled\"\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", styles: [":host .td-file-input{padding-left:8px;padding-right:8px}:host input.td-file-input-hidden{display:none}:host ::ng-deep .mdc-button__label{display:flex;align-items:center}:host .drop-zone{border-radius:3px}:host .drop-zone *{pointer-events:none}\n"] }]
-        }], ctorParameters: () => [{ type: i0.NgZone }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }], propDecorators: { _inputButton: [{
-                type: ViewChild,
-                args: ['fileInputButton', { static: true, read: ElementRef }]
-            }], _inputElement: [{
-                type: ViewChild,
-                args: ['fileInput', { static: true }]
-            }], color: [{
-                type: Input
-            }], multiple: [{
-                type: Input
-            }], accept: [{
-                type: Input
-            }], selectFile: [{
-                type: Output
-            }] } });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdFileInputComponent, [{
+        type: Component,
+        args: [{ changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                    {
+                        provide: NG_VALUE_ACCESSOR,
+                        useExisting: forwardRef(() => TdFileInputComponent),
+                        multi: true,
+                    },
+                ], selector: 'td-file-input', inputs: ['disabled', 'value'], imports: [MatButtonModule, TdFileDropDirective, TdFileSelectDirective], template: "<button\n  #fileInputButton\n  mat-stroked-button\n  class=\"td-file-input\"\n  type=\"button\"\n  [color]=\"color\"\n  [multiple]=\"multiple\"\n  [disabled]=\"disabled\"\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", styles: [":host .td-file-input{padding-left:8px;padding-right:8px}:host input.td-file-input-hidden{display:none}:host ::ng-deep .mdc-button__label{display:flex;align-items:center}:host .drop-zone{border-radius:3px}:host .drop-zone *{pointer-events:none}\n"] }]
+    }], () => [{ type: i0.NgZone }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }], { _inputButton: [{
+            type: ViewChild,
+            args: ['fileInputButton', { static: true, read: ElementRef }]
+        }], _inputElement: [{
+            type: ViewChild,
+            args: ['fileInput', { static: true }]
+        }], color: [{
+            type: Input
+        }], multiple: [{
+            type: Input
+        }], accept: [{
+            type: Input
+        }], selectFile: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TdFileInputComponent, { className: "TdFileInputComponent", filePath: "file-input/file-input.component.ts", lineNumber: 71 }); })();
 
+const _c0 = ["*"];
+function TdFileUploadComponent_td_file_input_0_ng_template_1_Template(rf, ctx) { }
+function TdFileUploadComponent_td_file_input_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "td-file-input", 3);
+    i0.ɵɵtwoWayListener("ngModelChange", function TdFileUploadComponent_td_file_input_0_Template_td_file_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.value, $event) || (ctx_r1.value = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("selectFile", function TdFileUploadComponent_td_file_input_0_Template_td_file_input_selectFile_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleSelect(ctx_r1.value)); });
+    i0.ɵɵtemplate(1, TdFileUploadComponent_td_file_input_0_ng_template_1_Template, 0, 0, "ng-template", 4);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.value);
+    i0.ɵɵproperty("multiple", ctx_r1.multiple)("disabled", ctx_r1.disabled)("accept", ctx_r1.accept)("color", ctx_r1.defaultColor);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("cdkPortalOutlet", ctx_r1.inputLabel)("ngIf", true);
+} }
+function TdFileUploadComponent_div_1_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div")(1, "button", 5, 0);
+    i0.ɵɵlistener("keyup.delete", function TdFileUploadComponent_div_1_Template_button_keyup_delete_1_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1._cancel()); })("keyup.backspace", function TdFileUploadComponent_div_1_Template_button_keyup_backspace_1_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1._cancel()); })("keyup.escape", function TdFileUploadComponent_div_1_Template_button_keyup_escape_1_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1._cancel()); })("click", function TdFileUploadComponent_div_1_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.uploadPressed()); });
+    i0.ɵɵprojection(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "button", 6);
+    i0.ɵɵlistener("click", function TdFileUploadComponent_div_1_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1._cancel()); });
+    i0.ɵɵelementStart(5, "mat-icon");
+    i0.ɵɵtext(6, "cancel");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("color", ctx_r1.activeColor);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("color", ctx_r1.cancelColor);
+} }
 class TdFileUploadBase {
     _changeDetectorRef;
     constructor(_changeDetectorRef) {
@@ -495,53 +561,71 @@ class TdFileUploadComponent {
             this._cancel();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TdFileUploadComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.11", type: TdFileUploadComponent, selector: "td-file-upload", inputs: { defaultColor: "defaultColor", activeColor: "activeColor", cancelColor: "cancelColor", multiple: "multiple", required: "required", accept: "accept", disabled: "disabled", value: "value" }, outputs: { selectFile: "selectFile", upload: "upload", cancel: "cancel" }, providers: [
-            {
-                provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => TdFileUploadComponent),
-                multi: true,
-            },
-        ], queries: [{ propertyName: "inputLabel", first: true, predicate: TdFileInputLabelDirective, descendants: true }], viewQueries: [{ propertyName: "fileInput", first: true, predicate: TdFileInputComponent, descendants: true }], ngImport: i0, template: "<td-file-input\n  *ngIf=\"!value\"\n  [(ngModel)]=\"value\"\n  [multiple]=\"multiple\"\n  [disabled]=\"disabled\"\n  [accept]=\"accept\"\n  [color]=\"defaultColor\"\n  (selectFile)=\"handleSelect(value)\"\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\n    mat-icon-button\n    type=\"button\"\n    class=\"td-file-upload-cancel\"\n    [color]=\"cancelColor\"\n    (click)=\"_cancel()\"\n  >\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}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i5.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: TdFileInputComponent, selector: "td-file-input", inputs: ["disabled", "value", "color", "multiple", "accept"], outputs: ["selectFile"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = function TdFileUploadComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TdFileUploadComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TdFileUploadComponent, selectors: [["td-file-upload"]], contentQueries: function TdFileUploadComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
+            i0.ɵɵcontentQuery(dirIndex, TdFileInputLabelDirective, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.inputLabel = _t.first);
+        } }, viewQuery: function TdFileUploadComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(TdFileInputComponent, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.fileInput = _t.first);
+        } }, inputs: { defaultColor: "defaultColor", activeColor: "activeColor", cancelColor: "cancelColor", multiple: "multiple", required: "required", accept: "accept", disabled: "disabled", value: "value" }, outputs: { selectFile: "selectFile", upload: "upload", cancel: "cancel" }, features: [i0.ɵɵProvidersFeature([
+                {
+                    provide: NG_VALUE_ACCESSOR,
+                    useExisting: forwardRef(() => TdFileUploadComponent),
+                    multi: true,
+                },
+            ])], ngContentSelectors: _c0, decls: 2, vars: 2, consts: [["fileUpload", ""], [3, "ngModel", "multiple", "disabled", "accept", "color", "ngModelChange", "selectFile", 4, "ngIf"], [4, "ngIf"], [3, "ngModelChange", "selectFile", "ngModel", "multiple", "disabled", "accept", "color"], [3, "cdkPortalOutlet", "ngIf"], ["mat-raised-button", "", "type", "button", 1, "td-file-upload", 3, "keyup.delete", "keyup.backspace", "keyup.escape", "click", "color"], ["mat-icon-button", "", "type", "button", 1, "td-file-upload-cancel", 3, "click", "color"]], template: function TdFileUploadComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵtemplate(0, TdFileUploadComponent_td_file_input_0_Template, 2, 7, "td-file-input", 1)(1, TdFileUploadComponent_div_1_Template, 7, 2, "div", 2);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", !ctx.value);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.value);
+        } }, dependencies: [CommonModule, i1$1.NgIf, FormsModule, i1.NgControlStatus, i1.NgModel, TdFileInputComponent, MatButtonModule, i3.MatButton, i3.MatIconButton, MatIcon, CdkPortalOutlet], styles: [".td-file-upload[_ngcontent-%COMP%]{padding-left:8px;padding-right:8px}.td-file-upload-cancel[_ngcontent-%COMP%]{height:24px;width:24px;position:relative;top:24px;left:-12px}  [dir=rtl] .td-file-upload-cancel{right:-12px;left:0}.td-file-upload-cancel[_ngcontent-%COMP%]   mat-icon[_ngcontent-%COMP%]{border-radius:12px;vertical-align:baseline}.drop-zone[_ngcontent-%COMP%]{border-radius:3px}.drop-zone[_ngcontent-%COMP%]   *[_ngcontent-%COMP%]{pointer-events:none}"], changeDetection: 0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TdFileUploadComponent, decorators: [{
-            type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => TdFileUploadComponent),
-                            multi: true,
-                        },
-                    ], selector: 'td-file-upload', template: "<td-file-input\n  *ngIf=\"!value\"\n  [(ngModel)]=\"value\"\n  [multiple]=\"multiple\"\n  [disabled]=\"disabled\"\n  [accept]=\"accept\"\n  [color]=\"defaultColor\"\n  (selectFile)=\"handleSelect(value)\"\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\n    mat-icon-button\n    type=\"button\"\n    class=\"td-file-upload-cancel\"\n    [color]=\"cancelColor\"\n    (click)=\"_cancel()\"\n  >\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}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { fileInput: [{
-                type: ViewChild,
-                args: [TdFileInputComponent]
-            }], inputLabel: [{
-                type: ContentChild,
-                args: [TdFileInputLabelDirective]
-            }], defaultColor: [{
-                type: Input
-            }], activeColor: [{
-                type: Input
-            }], cancelColor: [{
-                type: Input
-            }], multiple: [{
-                type: Input
-            }], required: [{
-                type: Input
-            }], accept: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], value: [{
-                type: Input
-            }], selectFile: [{
-                type: Output
-            }], upload: [{
-                type: Output
-            }], cancel: [{
-                type: Output
-            }] } });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdFileUploadComponent, [{
+        type: Component,
+        args: [{ changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                    {
+                        provide: NG_VALUE_ACCESSOR,
+                        useExisting: forwardRef(() => TdFileUploadComponent),
+                        multi: true,
+                    },
+                ], selector: 'td-file-upload', imports: [CommonModule, FormsModule, TdFileInputComponent, MatButtonModule, MatIcon, CdkPortalOutlet], template: "<td-file-input\n  *ngIf=\"!value\"\n  [(ngModel)]=\"value\"\n  [multiple]=\"multiple\"\n  [disabled]=\"disabled\"\n  [accept]=\"accept\"\n  [color]=\"defaultColor\"\n  (selectFile)=\"handleSelect(value)\"\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\n    mat-icon-button\n    type=\"button\"\n    class=\"td-file-upload-cancel\"\n    [color]=\"cancelColor\"\n    (click)=\"_cancel()\"\n  >\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}\n"] }]
+    }], () => [{ type: i0.ChangeDetectorRef }], { fileInput: [{
+            type: ViewChild,
+            args: [TdFileInputComponent]
+        }], inputLabel: [{
+            type: ContentChild,
+            args: [TdFileInputLabelDirective]
+        }], defaultColor: [{
+            type: Input
+        }], activeColor: [{
+            type: Input
+        }], cancelColor: [{
+            type: Input
+        }], multiple: [{
+            type: Input
+        }], required: [{
+            type: Input
+        }], accept: [{
+            type: Input
+        }], disabled: [{
+            type: Input
+        }], value: [{
+            type: Input
+        }], selectFile: [{
+            type: Output
+        }], upload: [{
+            type: Output
+        }], cancel: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TdFileUploadComponent, { className: "TdFileUploadComponent", filePath: "file-upload/file-upload.component.ts", lineNumber: 41 }); })();
 
 class TdFileService {
     _http;
@@ -594,14 +678,14 @@ class TdFileService {
                 break;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TdFileService, deps: [{ token: i1$1.HttpClient, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TdFileService });
+    static ɵfac = function TdFileService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TdFileService)(i0.ɵɵinject(i1$2.HttpClient, 8)); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: TdFileService, factory: TdFileService.ɵfac });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TdFileService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: i1$1.HttpClient, decorators: [{
-                    type: Optional
-                }] }] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdFileService, [{
+        type: Injectable
+    }], () => [{ type: i1$2.HttpClient, decorators: [{
+                type: Optional
+            }] }], null); })();
 
 const TD_FILE = [
     TdFileSelectDirective,
@@ -610,42 +694,33 @@ const TD_FILE = [
     TdFileInputComponent,
     TdFileInputLabelDirective,
 ];
+/**
+ * @deprecated This module is deprecated and will be removed in future versions.
+ * Please migrate to using standalone components as soon as possible.
+ */
 class CovalentFileModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: CovalentFileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.11", ngImport: i0, type: CovalentFileModule, declarations: [TdFileSelectDirective,
-            TdFileDropDirective,
-            TdFileUploadComponent,
-            TdFileInputComponent,
-            TdFileInputLabelDirective], imports: [FormsModule,
-            CommonModule,
-            MatIconModule,
-            MatButtonModule,
-            PortalModule], exports: [TdFileSelectDirective,
-            TdFileDropDirective,
-            TdFileUploadComponent,
-            TdFileInputComponent,
-            TdFileInputLabelDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: CovalentFileModule, providers: [TdFileService], imports: [FormsModule,
-            CommonModule,
-            MatIconModule,
-            MatButtonModule,
-            PortalModule] });
+    static ɵfac = function CovalentFileModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CovalentFileModule)(); };
+    static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: CovalentFileModule });
+    static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [TdFileService], imports: [TdFileUploadComponent,
+            TdFileInputComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: CovalentFileModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        FormsModule,
-                        CommonModule,
-                        MatIconModule,
-                        MatButtonModule,
-                        PortalModule,
-                    ],
-                    declarations: [TD_FILE],
-                    exports: [TD_FILE],
-                    providers: [TdFileService],
-                }]
-        }] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CovalentFileModule, [{
+        type: NgModule,
+        args: [{
+                imports: [TD_FILE],
+                exports: [TD_FILE],
+                providers: [TdFileService],
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(CovalentFileModule, { imports: [TdFileSelectDirective,
+        TdFileDropDirective,
+        TdFileUploadComponent,
+        TdFileInputComponent,
+        TdFileInputLabelDirective], exports: [TdFileSelectDirective,
+        TdFileDropDirective,
+        TdFileUploadComponent,
+        TdFileInputComponent,
+        TdFileInputLabelDirective] }); })();
 
 /**
  * Generated bundle index. Do not edit.