import { coerceNumberProperty } from '@angular/cdk/coercion';
import { Component, Output, HostBinding, EventEmitter, Input, } from "@angular/core";
import * as i0 from "@angular/core";
import * as i1 from "../services/upload.service";
import * as i2 from "../../dxc-alert/dxc-alert.component";
import * as i3 from "../../dxc-button/dxc-button.component";
import * as i4 from "@angular/common";
export class DxcDragAndDropComponent {
    constructor(service) {
        this.service = service;
        this.hoveringWithFile = false;
        this.onAddFile = new EventEmitter();
        this.summaryVisible = false;
        this.visibleAlert = false;
        this.errorMessage = "";
        this.reduced = false;
    }
    get tabIndexValue() {
        return this._tabIndexValue;
    }
    set tabIndexValue(value) {
        this._tabIndexValue = coerceNumberProperty(value);
    }
    ngOnInit() {
        this.service.success.subscribe((value) => {
            this.visibleAlert = value;
        });
        this.service.errorMessage.subscribe((value) => {
            this.errorMessage = value;
        });
    }
    ngOnChanges() {
        this.reduced = this.summaryVisible;
    }
    dragOver(event) {
        this.hoveringWithFile = true;
        event.preventDefault();
    }
    dragLeave(event) {
        this.hoveringWithFile = false;
        event.preventDefault();
    }
    drop(event) {
        this.hoveringWithFile = false;
        this.onAddFile.emit(event.dataTransfer.files);
        event.preventDefault();
    }
    onFileInput(event) {
        this.onAddFile.emit(event.target.files);
    }
    handleVisibleAlert() {
        this.visibleAlert = !this.visibleAlert;
        this.service.setSuccess(this.visibleAlert);
        this.service.setErrorMessage("");
    }
}
DxcDragAndDropComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: DxcDragAndDropComponent, deps: [{ token: i1.UploadService }], target: i0.ɵɵFactoryTarget.Component });
DxcDragAndDropComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.5", type: DxcDragAndDropComponent, selector: "dxc-drag-and-drop", inputs: { summaryVisible: "summaryVisible", tabIndexValue: "tabIndexValue" }, outputs: { onAddFile: "onAddFile" }, host: { properties: { "class.reduced": "this.reduced" } }, usesOnChanges: true, ngImport: i0, template: "<div\n  id=\"dropZone\"\n  [ngClass]=\"[\n    hoveringWithFile === true ? 'hovering' : 'notHovering',\n    summaryVisible === true ? 'summaryVisible' : ''\n  ]\"\n  (drop)=\"drop($event)\"\n  (dragleave)=\"dragLeave($event)\"\n  (dragover)=\"dragOver($event)\"\n>\n  <div *ngIf=\"!hoveringWithFile\" class=\"dropZone\">\n    <div class=\"alertMessage\" *ngIf=\"summaryVisible\">\n      <dxc-alert\n        *ngIf=\"visibleAlert && !errorMessage\"\n        margin=\"small\"\n        type=\"confirm\"\n        size=\"medium\"\n        inlineText=\"Files uploaded successfully\"\n        (onClose)=\"handleVisibleAlert()\"\n      ></dxc-alert>\n      <dxc-alert\n        *ngIf=\"visibleAlert && errorMessage\"\n        margin=\"small\"\n        type=\"error\"\n        size=\"medium\"\n        inlineText=\"A file couldn't be uploaded\"\n        (onClose)=\"handleVisibleAlert()\"\n      ></dxc-alert>\n    </div>\n    <div class=\"dropZoneContent\">\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        width=\"24\"\n      >\n        <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n        <path\n          d=\"M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM19 18H6c-2.21 0-4-1.79-4-4 0-2.05 1.53-3.76 3.56-3.97l1.07-.11.5-.95C8.08 7.14 9.94 6 12 6c2.62 0 4.88 1.86 5.39 4.43l.3 1.5 1.53.11c1.56.1 2.78 1.41 2.78 2.96 0 1.65-1.35 3-3 3zM8 13h2.55v3h2.9v-3H16l-4-4z\"\n        />\n      </svg>\n      <h6>There are no files to upload</h6>\n      <span class=\"dropLabel\">\n        Drag and drop your files here or choose one from your computer\n      </span>\n      <dxc-button\n        (onClick)=\"fileInput.click()\"\n        mode=\"secondary\"\n        label=\"Choose File\"\n        [tabIndexValue]=\"tabIndexValue\"\n      ></dxc-button>\n      <input\n        #fileInput\n        data-testid=\"fileInput\"\n        type=\"file\"\n        multiple=\"true\"\n        (change)=\"onFileInput($event)\"\n        style=\"display: none\"\n      />\n    </div>\n  </div>\n  <div *ngIf=\"hoveringWithFile\" class=\"droppingZone dropZone\">\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      enable-background=\"new 0 0 24 24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      width=\"24\"\n    >\n      <rect fill=\"none\" height=\"24\" width=\"24\" />\n      <path\n        d=\"M18,2H9C7.9,2,7,2.9,7,4v12c0,1.1,0.9,2,2,2h9c1.1,0,2-0.9,2-2V4C20,2.9,19.1,2,18,2z M18,16H9V4h9V16z M3,15v-2h2v2H3z M3,9.5h2v2H3V9.5z M10,20h2v2h-2V20z M3,18.5v-2h2v2H3z M5,22c-1.1,0-2-0.9-2-2h2V22z M8.5,22h-2v-2h2V22z M13.5,22L13.5,22l0-2h2 v0C15.5,21.1,14.6,22,13.5,22z M5,6L5,6l0,2H3v0C3,6.9,3.9,6,5,6z\"\n      />\n    </svg>\n    <span class=\"dropLabel\">Drop your file here</span>\n  </div>\n</div>\n", styles: [":host{width:100%}:host.reduced{max-width:65%}:host .dropZone{display:flex;flex-direction:column;justify-content:center;min-height:400px;border-radius:4px;position:relative}:host .dropZone svg{width:var(--upload-dragAndDropIconSize);height:var(--upload-dragAndDropIconSize);fill:var(--upload-dragAndDropIconColor)}:host .dropZone .dropZoneContent{align-items:center;display:flex;flex-direction:column;justify-content:center}:host .dropZone .alertMessage{z-index:2;position:absolute;width:100%;height:100%;display:flex;justify-content:flex-end}:host .summaryVisible{--border-color: #666666;--border-weight: 1px;--dash-size: 8px;--gap-size: 8px;background:linear-gradient(90deg,var(--border-color) 100%,transparent 100%) top left no-repeat,linear-gradient(90deg,transparent calc(var(--gap-size) / 2),var(--border-color) calc(var(--gap-size) / 2),var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)),transparent calc(var(--gap-size) / 2 + var(--dash-size))) top center repeat-x,linear-gradient(90deg,var(--border-color) 100%,transparent 100%) top right no-repeat,linear-gradient(0deg,var(--border-color) 100%,transparent 100%) top left no-repeat,linear-gradient(0deg,transparent calc(var(--gap-size) / 2),var(--border-color) calc(var(--gap-size) / 2),var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)),transparent calc(var(--gap-size) / 2 + var(--dash-size))) center left repeat-y,linear-gradient(0deg,var(--border-color) 100%,transparent 100%) bottom left no-repeat,linear-gradient(90deg,var(--border-color) 100%,transparent 100%) bottom left no-repeat,linear-gradient(90deg,transparent calc(var(--gap-size) / 2),var(--border-color) calc(var(--gap-size) / 2),var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)),transparent calc(var(--gap-size) / 2 + var(--dash-size))) bottom center repeat-x,linear-gradient(90deg,var(--border-color) 100%,transparent 100%) bottom right no-repeat,linear-gradient(0deg,var(--border-color) 100%,transparent 100%) top right no-repeat,linear-gradient(0deg,transparent calc(var(--gap-size) / 2),var(--border-color) calc(var(--gap-size) / 2),var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)),transparent calc(var(--gap-size) / 2 + var(--dash-size))) center right repeat-y,linear-gradient(0deg,var(--border-color) 100%,transparent 100%) bottom right no-repeat;background-size:var(--dash-size) var(--border-weight),calc(var(--dash-size) + var(--gap-size)) var(--border-weight),var(--dash-size) var(--border-weight),var(--border-weight) var(--dash-size),var(--border-weight) calc(var(--dash-size) + var(--gap-size)),var(--border-weight) var(--dash-size);background-color:var(--upload-draggingStateBackgroundColor)}:host .droppingZone{background-color:#f2f2f2;--border-color: #666666;--border-weight: 1px;--dash-size: 8px;--gap-size: 8px;background:linear-gradient(90deg,var(--border-color) 100%,transparent 100%) top left no-repeat,linear-gradient(90deg,transparent calc(var(--gap-size) / 2),var(--border-color) calc(var(--gap-size) / 2),var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)),transparent calc(var(--gap-size) / 2 + var(--dash-size))) top center repeat-x,linear-gradient(90deg,var(--border-color) 100%,transparent 100%) top right no-repeat,linear-gradient(0deg,var(--border-color) 100%,transparent 100%) top left no-repeat,linear-gradient(0deg,transparent calc(var(--gap-size) / 2),var(--border-color) calc(var(--gap-size) / 2),var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)),transparent calc(var(--gap-size) / 2 + var(--dash-size))) center left repeat-y,linear-gradient(0deg,var(--border-color) 100%,transparent 100%) bottom left no-repeat,linear-gradient(90deg,var(--border-color) 100%,transparent 100%) bottom left no-repeat,linear-gradient(90deg,transparent calc(var(--gap-size) / 2),var(--border-color) calc(var(--gap-size) / 2),var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)),transparent calc(var(--gap-size) / 2 + var(--dash-size))) bottom center repeat-x,linear-gradient(90deg,var(--border-color) 100%,transparent 100%) bottom right no-repeat,linear-gradient(0deg,var(--border-color) 100%,transparent 100%) top right no-repeat,linear-gradient(0deg,transparent calc(var(--gap-size) / 2),var(--border-color) calc(var(--gap-size) / 2),var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)),transparent calc(var(--gap-size) / 2 + var(--dash-size))) center right repeat-y,linear-gradient(0deg,var(--border-color) 100%,transparent 100%) bottom right no-repeat;background-size:var(--dash-size) var(--border-weight),calc(var(--dash-size) + var(--gap-size)) var(--border-weight),var(--dash-size) var(--border-weight),var(--border-weight) var(--dash-size),var(--border-weight) calc(var(--dash-size) + var(--gap-size)),var(--border-weight) var(--dash-size)}:host .droppingZone .dropLabel{font-size:var(--upload-dragAndDropDraggingStateFontSize);font-style:var(--upload-dragAndDropDraggingStateFontStyle);font-weight:var(--upload-dragAndDropDraggingStateFontWeight);text-transform:var(--upload-dragAndDropDraggingStateFontTextTransform);color:var(--upload-dragAndDropDraggingStateFontColor)}:host .droppingZone svg{margin-bottom:15px;fill:var(--upload-dragAndDropDraggingStateIconColor);height:var(--upload-dragAndDropDraggingStateIconSize);width:var(--upload-dragAndDropDraggingStateIconSize)}:host h6{margin:20px 0 10px;font-size:var(--upload-dragAndDropTitleFontSize);font-style:var(--upload-dragAndDropTitleFontStyle);font-weight:var(--upload-dragAndDropTitleFontWeight);text-transform:var(--upload-dragAndDropTitleFontTextTransform);color:var(--upload-dragAndDropTitleFontColor)}:host .dropLabel{margin-bottom:20px;font-size:var(--upload-dragAndDropDescriptionFontSize);font-style:var(--upload-dragAndDropDescriptionFontStyle);font-weight:var(--upload-dragAndDropDescriptionFontWeight);text-transform:var(--upload-dragAndDropDescriptionFontTextTransform);color:var(--upload-dragAndDropDescriptionFontColor)}:host h6,:host .dropLabel{font-family:var(--upload-fontFamily)!important}\n"], components: [{ type: i2.DxcAlertComponent, selector: "dxc-alert", inputs: ["type", "mode", "inlineText", "tabIndexValue", "margin", "size"], outputs: ["onClose"] }, { type: i3.DxcButtonComponent, selector: "dxc-button", inputs: ["mode", "disabled", "label", "iconSrc", "iconPosition", "margin", "size", "tabIndexValue"], outputs: ["onClick"] }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: DxcDragAndDropComponent, decorators: [{
            type: Component,
            args: [{ selector: "dxc-drag-and-drop", template: "<div\n  id=\"dropZone\"\n  [ngClass]=\"[\n    hoveringWithFile === true ? 'hovering' : 'notHovering',\n    summaryVisible === true ? 'summaryVisible' : ''\n  ]\"\n  (drop)=\"drop($event)\"\n  (dragleave)=\"dragLeave($event)\"\n  (dragover)=\"dragOver($event)\"\n>\n  <div *ngIf=\"!hoveringWithFile\" class=\"dropZone\">\n    <div class=\"alertMessage\" *ngIf=\"summaryVisible\">\n      <dxc-alert\n        *ngIf=\"visibleAlert && !errorMessage\"\n        margin=\"small\"\n        type=\"confirm\"\n        size=\"medium\"\n        inlineText=\"Files uploaded successfully\"\n        (onClose)=\"handleVisibleAlert()\"\n      ></dxc-alert>\n      <dxc-alert\n        *ngIf=\"visibleAlert && errorMessage\"\n        margin=\"small\"\n        type=\"error\"\n        size=\"medium\"\n        inlineText=\"A file couldn't be uploaded\"\n        (onClose)=\"handleVisibleAlert()\"\n      ></dxc-alert>\n    </div>\n    <div class=\"dropZoneContent\">\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        width=\"24\"\n      >\n        <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n        <path\n          d=\"M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM19 18H6c-2.21 0-4-1.79-4-4 0-2.05 1.53-3.76 3.56-3.97l1.07-.11.5-.95C8.08 7.14 9.94 6 12 6c2.62 0 4.88 1.86 5.39 4.43l.3 1.5 1.53.11c1.56.1 2.78 1.41 2.78 2.96 0 1.65-1.35 3-3 3zM8 13h2.55v3h2.9v-3H16l-4-4z\"\n        />\n      </svg>\n      <h6>There are no files to upload</h6>\n      <span class=\"dropLabel\">\n        Drag and drop your files here or choose one from your computer\n      </span>\n      <dxc-button\n        (onClick)=\"fileInput.click()\"\n        mode=\"secondary\"\n        label=\"Choose File\"\n        [tabIndexValue]=\"tabIndexValue\"\n      ></dxc-button>\n      <input\n        #fileInput\n        data-testid=\"fileInput\"\n        type=\"file\"\n        multiple=\"true\"\n        (change)=\"onFileInput($event)\"\n        style=\"display: none\"\n      />\n    </div>\n  </div>\n  <div *ngIf=\"hoveringWithFile\" class=\"droppingZone dropZone\">\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      enable-background=\"new 0 0 24 24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      width=\"24\"\n    >\n      <rect fill=\"none\" height=\"24\" width=\"24\" />\n      <path\n        d=\"M18,2H9C7.9,2,7,2.9,7,4v12c0,1.1,0.9,2,2,2h9c1.1,0,2-0.9,2-2V4C20,2.9,19.1,2,18,2z M18,16H9V4h9V16z M3,15v-2h2v2H3z M3,9.5h2v2H3V9.5z M10,20h2v2h-2V20z M3,18.5v-2h2v2H3z M5,22c-1.1,0-2-0.9-2-2h2V22z M8.5,22h-2v-2h2V22z M13.5,22L13.5,22l0-2h2 v0C15.5,21.1,14.6,22,13.5,22z M5,6L5,6l0,2H3v0C3,6.9,3.9,6,5,6z\"\n      />\n    </svg>\n    <span class=\"dropLabel\">Drop your file here</span>\n  </div>\n</div>\n", styles: [":host{width:100%}:host.reduced{max-width:65%}:host .dropZone{display:flex;flex-direction:column;justify-content:center;min-height:400px;border-radius:4px;position:relative}:host .dropZone svg{width:var(--upload-dragAndDropIconSize);height:var(--upload-dragAndDropIconSize);fill:var(--upload-dragAndDropIconColor)}:host .dropZone .dropZoneContent{align-items:center;display:flex;flex-direction:column;justify-content:center}:host .dropZone .alertMessage{z-index:2;position:absolute;width:100%;height:100%;display:flex;justify-content:flex-end}:host .summaryVisible{--border-color: #666666;--border-weight: 1px;--dash-size: 8px;--gap-size: 8px;background:linear-gradient(90deg,var(--border-color) 100%,transparent 100%) top left no-repeat,linear-gradient(90deg,transparent calc(var(--gap-size) / 2),var(--border-color) calc(var(--gap-size) / 2),var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)),transparent calc(var(--gap-size) / 2 + var(--dash-size))) top center repeat-x,linear-gradient(90deg,var(--border-color) 100%,transparent 100%) top right no-repeat,linear-gradient(0deg,var(--border-color) 100%,transparent 100%) top left no-repeat,linear-gradient(0deg,transparent calc(var(--gap-size) / 2),var(--border-color) calc(var(--gap-size) / 2),var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)),transparent calc(var(--gap-size) / 2 + var(--dash-size))) center left repeat-y,linear-gradient(0deg,var(--border-color) 100%,transparent 100%) bottom left no-repeat,linear-gradient(90deg,var(--border-color) 100%,transparent 100%) bottom left no-repeat,linear-gradient(90deg,transparent calc(var(--gap-size) / 2),var(--border-color) calc(var(--gap-size) / 2),var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)),transparent calc(var(--gap-size) / 2 + var(--dash-size))) bottom center repeat-x,linear-gradient(90deg,var(--border-color) 100%,transparent 100%) bottom right no-repeat,linear-gradient(0deg,var(--border-color) 100%,transparent 100%) top right no-repeat,linear-gradient(0deg,transparent calc(var(--gap-size) / 2),var(--border-color) calc(var(--gap-size) / 2),var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)),transparent calc(var(--gap-size) / 2 + var(--dash-size))) center right repeat-y,linear-gradient(0deg,var(--border-color) 100%,transparent 100%) bottom right no-repeat;background-size:var(--dash-size) var(--border-weight),calc(var(--dash-size) + var(--gap-size)) var(--border-weight),var(--dash-size) var(--border-weight),var(--border-weight) var(--dash-size),var(--border-weight) calc(var(--dash-size) + var(--gap-size)),var(--border-weight) var(--dash-size);background-color:var(--upload-draggingStateBackgroundColor)}:host .droppingZone{background-color:#f2f2f2;--border-color: #666666;--border-weight: 1px;--dash-size: 8px;--gap-size: 8px;background:linear-gradient(90deg,var(--border-color) 100%,transparent 100%) top left no-repeat,linear-gradient(90deg,transparent calc(var(--gap-size) / 2),var(--border-color) calc(var(--gap-size) / 2),var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)),transparent calc(var(--gap-size) / 2 + var(--dash-size))) top center repeat-x,linear-gradient(90deg,var(--border-color) 100%,transparent 100%) top right no-repeat,linear-gradient(0deg,var(--border-color) 100%,transparent 100%) top left no-repeat,linear-gradient(0deg,transparent calc(var(--gap-size) / 2),var(--border-color) calc(var(--gap-size) / 2),var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)),transparent calc(var(--gap-size) / 2 + var(--dash-size))) center left repeat-y,linear-gradient(0deg,var(--border-color) 100%,transparent 100%) bottom left no-repeat,linear-gradient(90deg,var(--border-color) 100%,transparent 100%) bottom left no-repeat,linear-gradient(90deg,transparent calc(var(--gap-size) / 2),var(--border-color) calc(var(--gap-size) / 2),var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)),transparent calc(var(--gap-size) / 2 + var(--dash-size))) bottom center repeat-x,linear-gradient(90deg,var(--border-color) 100%,transparent 100%) bottom right no-repeat,linear-gradient(0deg,var(--border-color) 100%,transparent 100%) top right no-repeat,linear-gradient(0deg,transparent calc(var(--gap-size) / 2),var(--border-color) calc(var(--gap-size) / 2),var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)),transparent calc(var(--gap-size) / 2 + var(--dash-size))) center right repeat-y,linear-gradient(0deg,var(--border-color) 100%,transparent 100%) bottom right no-repeat;background-size:var(--dash-size) var(--border-weight),calc(var(--dash-size) + var(--gap-size)) var(--border-weight),var(--dash-size) var(--border-weight),var(--border-weight) var(--dash-size),var(--border-weight) calc(var(--dash-size) + var(--gap-size)),var(--border-weight) var(--dash-size)}:host .droppingZone .dropLabel{font-size:var(--upload-dragAndDropDraggingStateFontSize);font-style:var(--upload-dragAndDropDraggingStateFontStyle);font-weight:var(--upload-dragAndDropDraggingStateFontWeight);text-transform:var(--upload-dragAndDropDraggingStateFontTextTransform);color:var(--upload-dragAndDropDraggingStateFontColor)}:host .droppingZone svg{margin-bottom:15px;fill:var(--upload-dragAndDropDraggingStateIconColor);height:var(--upload-dragAndDropDraggingStateIconSize);width:var(--upload-dragAndDropDraggingStateIconSize)}:host h6{margin:20px 0 10px;font-size:var(--upload-dragAndDropTitleFontSize);font-style:var(--upload-dragAndDropTitleFontStyle);font-weight:var(--upload-dragAndDropTitleFontWeight);text-transform:var(--upload-dragAndDropTitleFontTextTransform);color:var(--upload-dragAndDropTitleFontColor)}:host .dropLabel{margin-bottom:20px;font-size:var(--upload-dragAndDropDescriptionFontSize);font-style:var(--upload-dragAndDropDescriptionFontStyle);font-weight:var(--upload-dragAndDropDescriptionFontWeight);text-transform:var(--upload-dragAndDropDescriptionFontTextTransform);color:var(--upload-dragAndDropDescriptionFontColor)}:host h6,:host .dropLabel{font-family:var(--upload-fontFamily)!important}\n"] }]
        }], ctorParameters: function () { return [{ type: i1.UploadService }]; }, propDecorators: { onAddFile: [{
                type: Output
            }], summaryVisible: [{
                type: Input
            }], tabIndexValue: [{
                type: Input
            }], reduced: [{
                type: HostBinding,
                args: ["class.reduced"]
            }] } });
//# sourceMappingURL=data:application/json;base64, 