@skyux/forms 5.0.0 → 5.5.0-alpha.0

package/esm2015/lib/modules/file-attachment/file-attachments.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-attachments.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/forms/src/lib/modules/file-attachment/file-attachments.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE5D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,0BAA0B,EAAE,MAAM,6BAA6B,CAAC;AAEzE,OAAO,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;AAEpF,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAE7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAE7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAEzD,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;;AA2B/E,MAAM,OAAO,wBAAwB;;sHAAxB,wBAAwB;uHAAxB,wBAAwB,iBAvBjC,0BAA0B;QAC1B,+BAA+B;QAC/B,oBAAoB;QACpB,oBAAoB;QACpB,eAAe,aAGf,YAAY;QACZ,WAAW;QACX,uBAAuB;QACvB,aAAa;QACb,aAAa;QACb,cAAc,aAGd,0BAA0B;QAC1B,+BAA+B;QAC/B,oBAAoB;QACpB,oBAAoB;QACpB,eAAe;uHAIN,wBAAwB,aAFxB,CAAC,WAAW,EAAE,kBAAkB,CAAC,YAfnC;YACP,YAAY;YACZ,WAAW;YACX,uBAAuB;YACvB,aAAa;YACb,aAAa;YACb,cAAc;SACf;4FAUU,wBAAwB;kBAzBpC,QAAQ;mBAAC;oBACR,YAAY,EAAE;wBACZ,0BAA0B;wBAC1B,+BAA+B;wBAC/B,oBAAoB;wBACpB,oBAAoB;wBACpB,eAAe;qBAChB;oBACD,OAAO,EAAE;wBACP,YAAY;wBACZ,WAAW;wBACX,uBAAuB;wBACvB,aAAa;wBACb,aAAa;wBACb,cAAc;qBACf;oBACD,OAAO,EAAE;wBACP,0BAA0B;wBAC1B,+BAA+B;wBAC/B,oBAAoB;wBACpB,oBAAoB;wBACpB,eAAe;qBAChB;oBACD,SAAS,EAAE,CAAC,WAAW,EAAE,kBAAkB,CAAC;iBAC7C","sourcesContent":["import { CommonModule, DecimalPipe } from '@angular/common';\n\nimport { FormsModule } from '@angular/forms';\n\nimport { NgModule } from '@angular/core';\n\nimport { SkyI18nModule } from '@skyux/i18n';\n\nimport { SkyIconModule } from '@skyux/indicators';\n\nimport { SkyThemeModule } from '@skyux/theme';\n\nimport { SkyFileAttachmentComponent } from './file-attachment.component';\n\nimport { SkyFileAttachmentLabelComponent } from './file-attachment-label.component';\n\nimport { SkyFileDropComponent } from './file-drop.component';\n\nimport { SkyFileItemComponent } from './file-item.component';\n\nimport { SkyFileItemService } from './file-item.service';\n\nimport { SkyFileSizePipe } from './file-size.pipe';\n\nimport { SkyFormsResourcesModule } from '../shared/sky-forms-resources.module';\n\n@NgModule({\n  declarations: [\n    SkyFileAttachmentComponent,\n    SkyFileAttachmentLabelComponent,\n    SkyFileDropComponent,\n    SkyFileItemComponent,\n    SkyFileSizePipe,\n  ],\n  imports: [\n    CommonModule,\n    FormsModule,\n    SkyFormsResourcesModule,\n    SkyI18nModule,\n    SkyIconModule,\n    SkyThemeModule,\n  ],\n  exports: [\n    SkyFileAttachmentComponent,\n    SkyFileAttachmentLabelComponent,\n    SkyFileDropComponent,\n    SkyFileItemComponent,\n    SkyFileSizePipe,\n  ],\n  providers: [DecimalPipe, SkyFileItemService],\n})\nexport class SkyFileAttachmentsModule {}\n"]}

package/esm2015/lib/modules/file-attachment/file-drop.component.js

@@ -0,0 +1,223 @@
+import { Component, Input, Output, EventEmitter, ElementRef, ViewChild, } from '@angular/core';
+import { SkyFileAttachmentService } from './file-attachment.service';
+import * as i0 from "@angular/core";
+import * as i1 from "./file-attachment.service";
+import * as i2 from "@skyux/indicators";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/forms";
+import * as i5 from "@skyux/i18n";
+/**
+ * Provides an element to attach multiple files where users can browse or drag and drop local files
+ * or provide hyperlinks to external files. You can leave the contents of the component
+ * blank to display the drop zone's default UI, or you can specify custom content to
+ * display instead. When the module initializes, it disables the ability to drag and
+ * drop files for the entire window to prevent the browser from opening files that are
+ * accidentally dropped outside the target zone. If you implement your own file drop functionality
+ * outside of the file drop component, you can place the `sky-file-drop-target` CSS class
+ * on the element that receives drop events to exempt it from the drop exclusion rule.
+ */
+export class SkyFileDropComponent {
+    constructor(fileAttachmentService) {
+        this.fileAttachmentService = fileAttachmentService;
+        /**
+         * Fires when users add or remove files.
+         */
+        this.filesChanged = new EventEmitter();
+        /**
+         * Fires when the link input box triggers a blur event.
+         */
+        this.linkInputBlur = new EventEmitter();
+        /**
+         * Fires when users add or remove links.
+         */
+        this.linkChanged = new EventEmitter();
+        /**
+         * Specifies the minimum size in bytes for valid files.
+         */
+        this.minFileSize = 0;
+        /**
+         * Specifies the maximum size in bytes for valid files.
+         */
+        this.maxFileSize = 500000;
+        /**
+         * Indicates whether users can drag and drop multiple files at the same time.
+         */
+        this.multiple = true;
+        /**
+         * Indicates whether to disable the option to browse for files to attach.
+         */
+        this.noClick = false;
+        /**
+         * Indicates whether to display the option to attach files from URLs rather than from local devices.
+         */
+        this.allowLinks = false;
+        this.rejectedOver = false;
+        this.acceptedOver = false;
+    }
+    ngOnDestroy() {
+        this.filesChanged.complete();
+        this.linkChanged.complete();
+        this.linkInputBlur.complete();
+    }
+    dropClicked() {
+        if (!this.noClick) {
+            this.inputEl.nativeElement.click();
+        }
+    }
+    fileChangeEvent(fileChangeEvent) {
+        this.handleFiles(fileChangeEvent.target.files);
+    }
+    fileDragEnter(dragEnterEvent) {
+        // Save this target to know when the drag event leaves
+        this.enterEventTarget = dragEnterEvent.target;
+        dragEnterEvent.stopPropagation();
+        dragEnterEvent.preventDefault();
+    }
+    fileDragOver(dragOverEvent) {
+        const transfer = dragOverEvent.dataTransfer;
+        dragOverEvent.stopPropagation();
+        dragOverEvent.preventDefault();
+        if (transfer) {
+            if (transfer.items) {
+                const files = transfer.items;
+                for (let index = 0; index < files.length; index++) {
+                    const file = files[index];
+                    if (file.type &&
+                        this.fileAttachmentService.fileTypeRejected(file.type, this.acceptedTypes)) {
+                        this.rejectedOver = true;
+                        this.acceptedOver = false;
+                        return;
+                    }
+                }
+                if (files.length > 0 && !this.acceptedOver) {
+                    this.rejectedOver = false;
+                    this.acceptedOver = true;
+                }
+            } /* istanbul ignore next: untestable */
+            else if (transfer.files) {
+                // If the browser does not support DataTransfer.items,
+                // defer file-type checking to drop handler.
+                // https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/items#Browser_compatibility
+                this.rejectedOver = false;
+                this.acceptedOver = true;
+            }
+        }
+    }
+    fileDrop(dropEvent) {
+        dropEvent.stopPropagation();
+        dropEvent.preventDefault();
+        this.enterEventTarget = undefined;
+        this.rejectedOver = false;
+        this.acceptedOver = false;
+        if (dropEvent.dataTransfer && dropEvent.dataTransfer.files) {
+            const hasDirectory = this.fileAttachmentService.hasDirectory(dropEvent.dataTransfer.files);
+            const invalidNumberOfFiles = !this.multiple && dropEvent.dataTransfer.files.length > 1;
+            if (hasDirectory || invalidNumberOfFiles) {
+                return;
+            }
+            this.handleFiles(dropEvent.dataTransfer.files);
+        }
+    }
+    fileDragLeave(dragLeaveEvent) {
+        if (this.enterEventTarget === dragLeaveEvent.target) {
+            this.rejectedOver = false;
+            this.acceptedOver = false;
+        }
+    }
+    addLinkEnter(event) {
+        if (event.which === 13) {
+            this.addLink(event);
+        }
+    }
+    addLink(event) {
+        event.preventDefault();
+        this.linkChanged.emit({ url: this.linkUrl });
+        this.linkUrl = undefined;
+    }
+    onLinkBlur() {
+        this.linkInputBlur.emit();
+    }
+    emitFileChangeEvent(totalFiles, rejectedFileArray, validFileArray) {
+        if (totalFiles === rejectedFileArray.length + validFileArray.length) {
+            this.filesChanged.emit({
+                files: validFileArray,
+                rejectedFiles: rejectedFileArray,
+            });
+            this.inputEl.nativeElement.value = '';
+        }
+    }
+    filesRejected(file, validFileArray, rejectedFileArray, totalFiles) {
+        rejectedFileArray.push(file);
+        this.emitFileChangeEvent(totalFiles, rejectedFileArray, validFileArray);
+    }
+    loadFile(fileDrop, file, validFileArray, rejectedFileArray, totalFiles) {
+        const reader = new FileReader();
+        reader.addEventListener('load', (event) => {
+            file.url = event.target.result;
+            validFileArray.push(file);
+            fileDrop.emitFileChangeEvent(totalFiles, rejectedFileArray, validFileArray);
+        });
+        reader.addEventListener('error', (event) => {
+            fileDrop.filesRejected(file, validFileArray, rejectedFileArray, totalFiles);
+        });
+        reader.addEventListener('abort', (event) => {
+            fileDrop.filesRejected(file, validFileArray, rejectedFileArray, totalFiles);
+        });
+        reader.readAsDataURL(file.file);
+    }
+    handleFiles(files) {
+        let validFileArray = [];
+        let rejectedFileArray = [];
+        let totalFiles = files.length;
+        let fileDrop = this;
+        // tslint:disable-next-line: max-line-length
+        let processedFiles = this.fileAttachmentService.checkFiles(files, this.minFileSize, this.maxFileSize, this.acceptedTypes, this.validateFn);
+        for (let file of processedFiles) {
+            if (file.errorType) {
+                this.filesRejected(file, validFileArray, rejectedFileArray, totalFiles);
+            }
+            else {
+                this.loadFile(fileDrop, file, validFileArray, rejectedFileArray, totalFiles);
+            }
+        }
+    }
+}
+SkyFileDropComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyFileDropComponent, deps: [{ token: i1.SkyFileAttachmentService }], target: i0.ɵɵFactoryTarget.Component });
+SkyFileDropComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyFileDropComponent, selector: "sky-file-drop", inputs: { fileUploadAriaLabel: "fileUploadAriaLabel", linkUploadAriaLabel: "linkUploadAriaLabel", minFileSize: "minFileSize", maxFileSize: "maxFileSize", multiple: "multiple", validateFn: "validateFn", acceptedTypes: "acceptedTypes", noClick: "noClick", allowLinks: "allowLinks" }, outputs: { filesChanged: "filesChanged", linkInputBlur: "linkInputBlur", linkChanged: "linkChanged" }, providers: [SkyFileAttachmentService], viewQueries: [{ propertyName: "inputEl", first: true, predicate: ["fileInput"], descendants: true }], ngImport: i0, template: "<div\n  class=\"sky-file-drop-row\"\n  [ngClass]=\"{ 'sky-file-drop-allow-links': allowLinks }\"\n>\n  <div\n    class=\"sky-file-drop-col\"\n    [ngClass]=\"{\n      'sky-file-drop-accept': acceptedOver,\n      'sky-file-drop-reject': rejectedOver\n    }\"\n  >\n    <button\n      class=\"sky-file-drop sky-file-drop-target\"\n      type=\"button\"\n      (click)=\"dropClicked()\"\n      (dragover)=\"fileDragOver($event)\"\n      (dragenter)=\"fileDragEnter($event)\"\n      (dragleave)=\"fileDragLeave($event)\"\n      (drop)=\"fileDrop($event)\"\n      [attr.aria-label]=\"\n        fileUploadAriaLabel ||\n        ('skyux_file_attachment_file_upload_drag_or_click' | skyLibResources)\n      \"\n    ></button>\n\n    <input\n      tabindex=\"-1\"\n      aria-hidden=\"true\"\n      type=\"file\"\n      class=\"sky-file-input-hidden\"\n      [attr.multiple]=\"multiple ? multiple : null\"\n      [attr.accept]=\"acceptedTypes ? acceptedTypes : null\"\n      (change)=\"fileChangeEvent($event)\"\n      #fileInput\n    />\n\n    <div\n      class=\"sky-file-drop-contents sky-padding-even-default\"\n      *ngIf=\"customEl.children.length === 0\"\n    >\n      <div class=\"sky-file-drop-contents-not-over\">\n        <div class=\"sky-file-drop-text-header sky-headline\">\n          {{\n            'skyux_file_attachment_file_upload_drag_file_here' | skyLibResources\n          }}\n        </div>\n        <div class=\"sky-file-drop-text\">\n          {{\n            'skyux_file_attachment_file_upload_or_click_to_browse'\n              | skyLibResources\n          }}\n        </div>\n        <sky-icon icon=\"cloud-upload\" class=\"sky-file-upload-icon\"></sky-icon>\n      </div>\n\n      <!-- This will appear when file is dragged over and is valid -->\n      <div class=\"sky-file-drop-contents-accept\">\n        <div class=\"sky-file-drop-text-header sky-headline\">\n          {{\n            'skyux_file_attachment_file_upload_drop_files_here'\n              | skyLibResources\n          }}\n        </div>\n        <sky-icon icon=\"bullseye\" class=\"sky-file-upload-icon\"></sky-icon>\n      </div>\n\n      <!-- This will appear when file is dragged over and is invalid -->\n      <div class=\"sky-file-drop-contents-reject\">\n        <div class=\"sky-file-drop-text-header sky-headline\">\n          {{\n            'skyux_file_attachment_file_upload_invalid_file' | skyLibResources\n          }}\n        </div>\n        <sky-icon icon=\"times-circle\" class=\"sky-file-upload-icon\"></sky-icon>\n      </div>\n    </div>\n\n    <div class=\"sky-file-drop-contents-custom\" #customEl>\n      <ng-content></ng-content>\n    </div>\n  </div>\n  <div class=\"sky-file-drop-col\" *ngIf=\"allowLinks\">\n    <div class=\"sky-file-drop-contents sky-padding-even-default\">\n      <div class=\"sky-file-drop-link\">\n        <div class=\"sky-file-drop-link-header\">\n          <div class=\"sky-file-drop-text-header sky-headline\">\n            {{\n              'skyux_file_attachment_file_upload_paste_link' | skyLibResources\n            }}\n          </div>\n        </div>\n        <div class=\"sky-form-group\">\n          <input\n            type=\"text\"\n            class=\"sky-form-control\"\n            [attr.aria-label]=\"\n              linkUploadAriaLabel ||\n              ('skyux_file_attachment_file_upload_link_input' | skyLibResources)\n            \"\n            [attr.placeholder]=\"\n              'skyux_file_attachment_file_upload_link_placeholder'\n                | skyLibResources\n            \"\n            [(ngModel)]=\"linkUrl\"\n            (blur)=\"onLinkBlur()\"\n            (keyup)=\"addLinkEnter($event)\"\n          />\n        </div>\n        <button\n          type=\"button\"\n          class=\"sky-btn sky-btn-primary\"\n          [disabled]=\"!linkUrl\"\n          (click)=\"addLink($event)\"\n        >\n          {{\n            'skyux_file_attachment_file_upload_paste_link_done'\n              | skyLibResources\n          }}\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".sky-file-drop-col{margin-bottom:10px;padding-left:5px;padding-right:5px;position:relative}:host .sky-file-drop-row{display:block}:host .sky-file-drop-col{flex-basis:auto}:host .sky-file-drop-allow-links .sky-file-drop-col{flex-basis:auto}:host-context(.sky-responsive-container-xs) .sky-file-drop-row,:host-context(.sky-responsive-container-sm) .sky-file-drop-row,:host-context(.sky-responsive-container-md) .sky-file-drop-row,:host-context(.sky-responsive-container-lg) .sky-file-drop-row{display:block}:host-context(.sky-responsive-container-xs) .sky-file-drop-col,:host-context(.sky-responsive-container-sm) .sky-file-drop-col,:host-context(.sky-responsive-container-md) .sky-file-drop-col,:host-context(.sky-responsive-container-lg) .sky-file-drop-col{flex-basis:auto}:host-context(.sky-responsive-container-xs) .sky-file-drop-allow-links .sky-file-drop-col,:host-context(.sky-responsive-container-sm) .sky-file-drop-allow-links .sky-file-drop-col,:host-context(.sky-responsive-container-md) .sky-file-drop-allow-links .sky-file-drop-col,:host-context(.sky-responsive-container-lg) .sky-file-drop-allow-links .sky-file-drop-col{flex-basis:auto}@media (min-width: 768px){:host .sky-file-drop-row{display:flex}:host .sky-file-drop-col{flex-basis:100%}:host .sky-file-drop-allow-links .sky-file-drop-col{flex-basis:50%}}:host-context(.sky-responsive-container-sm) .sky-file-drop-row,:host-context(.sky-responsive-container-md) .sky-file-drop-row,:host-context(.sky-responsive-container-lg) .sky-file-drop-row{display:flex}:host-context(.sky-responsive-container-sm) .sky-file-drop-col,:host-context(.sky-responsive-container-md) .sky-file-drop-col,:host-context(.sky-responsive-container-lg) .sky-file-drop-col{flex-basis:100%}:host-context(.sky-responsive-container-sm) .sky-file-drop-allow-links .sky-file-drop-col,:host-context(.sky-responsive-container-md) .sky-file-drop-allow-links .sky-file-drop-col,:host-context(.sky-responsive-container-lg) .sky-file-drop-allow-links .sky-file-drop-col{flex-basis:50%}button.sky-file-drop{height:100%;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}button.sky-file-drop:hover{cursor:pointer}.sky-file-drop-contents{border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;background-color:#eeeeef;color:#212327;cursor:pointer;width:100%;text-align:center;height:100%}.sky-file-drop-contents .sky-file-drop-link-header{margin-bottom:5px}.sky-file-drop-noclick .sky-file-drop-contents{cursor:default}.sky-file-drop-accept .sky-file-drop-contents,.sky-file-drop-reject .sky-file-drop-contents{border-style:dashed;border-width:1px}.sky-file-drop-accept .sky-file-drop-contents-not-over,.sky-file-drop-reject .sky-file-drop-contents-not-over{display:none}.sky-file-drop-accept .sky-file-drop-contents{border-color:#72bf44;color:#212327}.sky-file-drop-accept .sky-file-drop-contents-accept{display:block}.sky-file-drop-reject .sky-file-drop-contents{border-color:#ef4044;color:#212327}.sky-file-drop-reject .sky-file-drop-contents-reject{display:block}.sky-file-drop-contents-accept,.sky-file-drop-contents-reject{display:none}.sky-file-upload-icon{display:block;font-size:40px;max-height:40px;margin-top:10px}.sky-file-drop-link{cursor:default}.sky-file-drop-text-header{margin:0}.sky-file-drop-text{font-size:15px;margin-top:5px;margin-bottom:20px}.sky-file-drop-text,.sky-file-drop-text-header{line-height:1.1;display:block}.sky-file-upload-icon{color:#686c73}.sky-file-drop{background-color:transparent;border:none;display:block;-webkit-appearance:none;width:100%;padding:0}.sky-file-input-hidden{display:none}\n"], components: [{ type: i2.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "skyLibResources": i5.SkyLibResourcesPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyFileDropComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sky-file-drop',
+                    templateUrl: './file-drop.component.html',
+                    styleUrls: ['./file-drop.component.scss'],
+                    providers: [SkyFileAttachmentService],
+                }]
+        }], ctorParameters: function () { return [{ type: i1.SkyFileAttachmentService }]; }, propDecorators: { filesChanged: [{
+                type: Output
+            }], linkInputBlur: [{
+                type: Output
+            }], linkChanged: [{
+                type: Output
+            }], fileUploadAriaLabel: [{
+                type: Input
+            }], linkUploadAriaLabel: [{
+                type: Input
+            }], minFileSize: [{
+                type: Input
+            }], maxFileSize: [{
+                type: Input
+            }], multiple: [{
+                type: Input
+            }], validateFn: [{
+                type: Input
+            }], acceptedTypes: [{
+                type: Input
+            }], noClick: [{
+                type: Input
+            }], allowLinks: [{
+                type: Input
+            }], inputEl: [{
+                type: ViewChild,
+                args: ['fileInput']
+            }] } });
+//# sourceMappingURL=file-drop.component.js.map

package/esm2015/lib/modules/file-attachment/file-drop.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-drop.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/forms/src/lib/modules/file-attachment/file-drop.component.ts","../../../../../../../../libs/components/forms/src/lib/modules/file-attachment/file-drop.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Input,\n  Output,\n  EventEmitter,\n  ElementRef,\n  OnDestroy,\n  ViewChild,\n} from '@angular/core';\n\nimport { SkyFileItem } from './file-item';\n\nimport { SkyFileLink } from './file-link';\n\nimport { SkyFileDropChange } from './types/file-drop-change';\n\nimport { SkyFileAttachmentService } from './file-attachment.service';\n\n/**\n * Provides an element to attach multiple files where users can browse or drag and drop local files\n * or provide hyperlinks to external files. You can leave the contents of the component\n * blank to display the drop zone's default UI, or you can specify custom content to\n * display instead. When the module initializes, it disables the ability to drag and\n * drop files for the entire window to prevent the browser from opening files that are\n * accidentally dropped outside the target zone. If you implement your own file drop functionality\n * outside of the file drop component, you can place the `sky-file-drop-target` CSS class\n * on the element that receives drop events to exempt it from the drop exclusion rule.\n */\n@Component({\n  selector: 'sky-file-drop',\n  templateUrl: './file-drop.component.html',\n  styleUrls: ['./file-drop.component.scss'],\n  providers: [SkyFileAttachmentService],\n})\nexport class SkyFileDropComponent implements OnDestroy {\n  /**\n   * Fires when users add or remove files.\n   */\n  @Output()\n  public filesChanged = new EventEmitter<SkyFileDropChange>();\n\n  /**\n   * Fires when the link input box triggers a blur event.\n   */\n  @Output()\n  public linkInputBlur = new EventEmitter<void>();\n\n  /**\n   * Fires when users add or remove links.\n   */\n  @Output()\n  public linkChanged = new EventEmitter<SkyFileLink>();\n\n  /**\n   * Specifies an ARIA label for the file upload button. This provides a text equivalent for\n   * screen readers [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).\n   */\n  @Input()\n  public fileUploadAriaLabel: string;\n\n  /**\n   * Specifies an ARIA label for the link upload input. This provides a text equivalent for\n   * screen readers [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).\n   */\n  @Input()\n  public linkUploadAriaLabel: string;\n\n  /**\n   * Specifies the minimum size in bytes for valid files.\n   */\n  @Input()\n  public minFileSize: number = 0;\n\n  /**\n   * Specifies the maximum size in bytes for valid files.\n   */\n  @Input()\n  public maxFileSize: number = 500000;\n\n  /**\n   * Indicates whether users can drag and drop multiple files at the same time.\n   */\n  @Input()\n  public multiple: boolean = true;\n\n  /**\n   * Specifies a custom validation function. This validation runs alongside the internal\n   * file validation. This function takes a `SkyFileItem` object as a parameter.\n   */\n  @Input()\n  public validateFn: Function;\n\n  /**\n   * Specifies a comma-delimited string literal of MIME types that users can attach.\n   * By default, all file types are allowed.\n   * @required\n   */\n  @Input()\n  public acceptedTypes: string;\n\n  /**\n   * Indicates whether to disable the option to browse for files to attach.\n   */\n  @Input()\n  public noClick: boolean = false;\n\n  /**\n   * Indicates whether to display the option to attach files from URLs rather than from local devices.\n   */\n  @Input()\n  public allowLinks: boolean = false;\n\n  @ViewChild('fileInput')\n  public inputEl: ElementRef;\n\n  public rejectedOver: boolean = false;\n  public acceptedOver: boolean = false;\n  public linkUrl: string;\n\n  private enterEventTarget: any;\n\n  constructor(private fileAttachmentService: SkyFileAttachmentService) {}\n\n  public ngOnDestroy() {\n    this.filesChanged.complete();\n    this.linkChanged.complete();\n    this.linkInputBlur.complete();\n  }\n\n  public dropClicked() {\n    if (!this.noClick) {\n      this.inputEl.nativeElement.click();\n    }\n  }\n\n  public fileChangeEvent(fileChangeEvent: any) {\n    this.handleFiles(fileChangeEvent.target.files);\n  }\n\n  public fileDragEnter(dragEnterEvent: any) {\n    // Save this target to know when the drag event leaves\n    this.enterEventTarget = dragEnterEvent.target;\n    dragEnterEvent.stopPropagation();\n    dragEnterEvent.preventDefault();\n  }\n\n  public fileDragOver(dragOverEvent: any) {\n    const transfer = dragOverEvent.dataTransfer;\n\n    dragOverEvent.stopPropagation();\n    dragOverEvent.preventDefault();\n\n    if (transfer) {\n      if (transfer.items) {\n        const files = transfer.items;\n\n        for (let index = 0; index < files.length; index++) {\n          const file: any = files[index];\n\n          if (\n            file.type &&\n            this.fileAttachmentService.fileTypeRejected(\n              file.type,\n              this.acceptedTypes\n            )\n          ) {\n            this.rejectedOver = true;\n            this.acceptedOver = false;\n            return;\n          }\n        }\n\n        if (files.length > 0 && !this.acceptedOver) {\n          this.rejectedOver = false;\n          this.acceptedOver = true;\n        }\n      } /* istanbul ignore next: untestable */ else if (transfer.files) {\n        // If the browser does not support DataTransfer.items,\n        // defer file-type checking to drop handler.\n        // https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/items#Browser_compatibility\n        this.rejectedOver = false;\n        this.acceptedOver = true;\n      }\n    }\n  }\n\n  public fileDrop(dropEvent: DragEvent): void {\n    dropEvent.stopPropagation();\n    dropEvent.preventDefault();\n\n    this.enterEventTarget = undefined;\n    this.rejectedOver = false;\n    this.acceptedOver = false;\n\n    if (dropEvent.dataTransfer && dropEvent.dataTransfer.files) {\n      const hasDirectory = this.fileAttachmentService.hasDirectory(\n        dropEvent.dataTransfer.files\n      );\n      const invalidNumberOfFiles =\n        !this.multiple && dropEvent.dataTransfer.files.length > 1;\n\n      if (hasDirectory || invalidNumberOfFiles) {\n        return;\n      }\n\n      this.handleFiles(dropEvent.dataTransfer.files);\n    }\n  }\n\n  public fileDragLeave(dragLeaveEvent: any) {\n    if (this.enterEventTarget === dragLeaveEvent.target) {\n      this.rejectedOver = false;\n      this.acceptedOver = false;\n    }\n  }\n\n  public addLinkEnter(event: KeyboardEvent) {\n    if (event.which === 13) {\n      this.addLink(event);\n    }\n  }\n\n  public addLink(event: Event) {\n    event.preventDefault();\n    this.linkChanged.emit({ url: this.linkUrl } as SkyFileLink);\n    this.linkUrl = undefined;\n  }\n\n  public onLinkBlur(): void {\n    this.linkInputBlur.emit();\n  }\n\n  private emitFileChangeEvent(\n    totalFiles: number,\n    rejectedFileArray: Array<SkyFileItem>,\n    validFileArray: Array<SkyFileItem>\n  ) {\n    if (totalFiles === rejectedFileArray.length + validFileArray.length) {\n      this.filesChanged.emit({\n        files: validFileArray,\n        rejectedFiles: rejectedFileArray,\n      } as SkyFileDropChange);\n\n      this.inputEl.nativeElement.value = '';\n    }\n  }\n\n  private filesRejected(\n    file: SkyFileItem,\n    validFileArray: Array<SkyFileItem>,\n    rejectedFileArray: Array<SkyFileItem>,\n    totalFiles: number\n  ) {\n    rejectedFileArray.push(file);\n    this.emitFileChangeEvent(totalFiles, rejectedFileArray, validFileArray);\n  }\n\n  private loadFile(\n    fileDrop: SkyFileDropComponent,\n    file: SkyFileItem,\n    validFileArray: Array<SkyFileItem>,\n    rejectedFileArray: Array<SkyFileItem>,\n    totalFiles: number\n  ) {\n    const reader = new FileReader();\n\n    reader.addEventListener('load', (event: any) => {\n      file.url = event.target.result;\n      validFileArray.push(file);\n      fileDrop.emitFileChangeEvent(\n        totalFiles,\n        rejectedFileArray,\n        validFileArray\n      );\n    });\n\n    reader.addEventListener('error', (event: any) => {\n      fileDrop.filesRejected(\n        file,\n        validFileArray,\n        rejectedFileArray,\n        totalFiles\n      );\n    });\n\n    reader.addEventListener('abort', (event: any) => {\n      fileDrop.filesRejected(\n        file,\n        validFileArray,\n        rejectedFileArray,\n        totalFiles\n      );\n    });\n\n    reader.readAsDataURL(file.file);\n  }\n\n  private handleFiles(files: FileList) {\n    let validFileArray: Array<SkyFileItem> = [];\n    let rejectedFileArray: Array<SkyFileItem> = [];\n    let totalFiles = files.length;\n    let fileDrop = this;\n\n    // tslint:disable-next-line: max-line-length\n    let processedFiles = this.fileAttachmentService.checkFiles(\n      files,\n      this.minFileSize,\n      this.maxFileSize,\n      this.acceptedTypes,\n      this.validateFn\n    );\n\n    for (let file of processedFiles) {\n      if (file.errorType) {\n        this.filesRejected(file, validFileArray, rejectedFileArray, totalFiles);\n      } else {\n        this.loadFile(\n          fileDrop,\n          file,\n          validFileArray,\n          rejectedFileArray,\n          totalFiles\n        );\n      }\n    }\n  }\n}\n","<div\n  class=\"sky-file-drop-row\"\n  [ngClass]=\"{ 'sky-file-drop-allow-links': allowLinks }\"\n>\n  <div\n    class=\"sky-file-drop-col\"\n    [ngClass]=\"{\n      'sky-file-drop-accept': acceptedOver,\n      'sky-file-drop-reject': rejectedOver\n    }\"\n  >\n    <button\n      class=\"sky-file-drop sky-file-drop-target\"\n      type=\"button\"\n      (click)=\"dropClicked()\"\n      (dragover)=\"fileDragOver($event)\"\n      (dragenter)=\"fileDragEnter($event)\"\n      (dragleave)=\"fileDragLeave($event)\"\n      (drop)=\"fileDrop($event)\"\n      [attr.aria-label]=\"\n        fileUploadAriaLabel ||\n        ('skyux_file_attachment_file_upload_drag_or_click' | skyLibResources)\n      \"\n    ></button>\n\n    <input\n      tabindex=\"-1\"\n      aria-hidden=\"true\"\n      type=\"file\"\n      class=\"sky-file-input-hidden\"\n      [attr.multiple]=\"multiple ? multiple : null\"\n      [attr.accept]=\"acceptedTypes ? acceptedTypes : null\"\n      (change)=\"fileChangeEvent($event)\"\n      #fileInput\n    />\n\n    <div\n      class=\"sky-file-drop-contents sky-padding-even-default\"\n      *ngIf=\"customEl.children.length === 0\"\n    >\n      <div class=\"sky-file-drop-contents-not-over\">\n        <div class=\"sky-file-drop-text-header sky-headline\">\n          {{\n            'skyux_file_attachment_file_upload_drag_file_here' | skyLibResources\n          }}\n        </div>\n        <div class=\"sky-file-drop-text\">\n          {{\n            'skyux_file_attachment_file_upload_or_click_to_browse'\n              | skyLibResources\n          }}\n        </div>\n        <sky-icon icon=\"cloud-upload\" class=\"sky-file-upload-icon\"></sky-icon>\n      </div>\n\n      <!-- This will appear when file is dragged over and is valid -->\n      <div class=\"sky-file-drop-contents-accept\">\n        <div class=\"sky-file-drop-text-header sky-headline\">\n          {{\n            'skyux_file_attachment_file_upload_drop_files_here'\n              | skyLibResources\n          }}\n        </div>\n        <sky-icon icon=\"bullseye\" class=\"sky-file-upload-icon\"></sky-icon>\n      </div>\n\n      <!-- This will appear when file is dragged over and is invalid -->\n      <div class=\"sky-file-drop-contents-reject\">\n        <div class=\"sky-file-drop-text-header sky-headline\">\n          {{\n            'skyux_file_attachment_file_upload_invalid_file' | skyLibResources\n          }}\n        </div>\n        <sky-icon icon=\"times-circle\" class=\"sky-file-upload-icon\"></sky-icon>\n      </div>\n    </div>\n\n    <div class=\"sky-file-drop-contents-custom\" #customEl>\n      <ng-content></ng-content>\n    </div>\n  </div>\n  <div class=\"sky-file-drop-col\" *ngIf=\"allowLinks\">\n    <div class=\"sky-file-drop-contents sky-padding-even-default\">\n      <div class=\"sky-file-drop-link\">\n        <div class=\"sky-file-drop-link-header\">\n          <div class=\"sky-file-drop-text-header sky-headline\">\n            {{\n              'skyux_file_attachment_file_upload_paste_link' | skyLibResources\n            }}\n          </div>\n        </div>\n        <div class=\"sky-form-group\">\n          <input\n            type=\"text\"\n            class=\"sky-form-control\"\n            [attr.aria-label]=\"\n              linkUploadAriaLabel ||\n              ('skyux_file_attachment_file_upload_link_input' | skyLibResources)\n            \"\n            [attr.placeholder]=\"\n              'skyux_file_attachment_file_upload_link_placeholder'\n                | skyLibResources\n            \"\n            [(ngModel)]=\"linkUrl\"\n            (blur)=\"onLinkBlur()\"\n            (keyup)=\"addLinkEnter($event)\"\n          />\n        </div>\n        <button\n          type=\"button\"\n          class=\"sky-btn sky-btn-primary\"\n          [disabled]=\"!linkUrl\"\n          (click)=\"addLink($event)\"\n        >\n          {{\n            'skyux_file_attachment_file_upload_paste_link_done'\n              | skyLibResources\n          }}\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n"]}

package/esm2015/lib/modules/file-attachment/file-item-error-type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=file-item-error-type.js.map

package/esm2015/lib/modules/file-attachment/file-item-error-type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-item-error-type.js","sourceRoot":"","sources":["../../../../../../../../libs/components/forms/src/lib/modules/file-attachment/file-item-error-type.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Specifies the type of error that was thrown.\n */\nexport type SkyFileItemErrorType =\n  | 'fileType'\n  | 'minFileSize'\n  | 'maxFileSize'\n  | 'validate';\n"]}

package/esm2015/lib/modules/file-attachment/file-item.component.js

@@ -0,0 +1,114 @@
+import { Component, Input, Output, KeyValueDiffers, EventEmitter, } from '@angular/core';
+import { SkyFileItemService } from './file-item.service';
+import * as i0 from "@angular/core";
+import * as i1 from "./file-item.service";
+import * as i2 from "@skyux/indicators";
+import * as i3 from "@angular/common";
+import * as i4 from "./file-size.pipe";
+import * as i5 from "@skyux/i18n";
+export class SkyFileItemComponent {
+    constructor(differs, fileItemService) {
+        this.differs = differs;
+        this.fileItemService = fileItemService;
+        /**
+         * Fires when users select the delete button for an item. The deleted item is passed to the
+         * function.
+         */
+        this.deleteFile = new EventEmitter();
+        this.differ = this.differs.find({}).create();
+    }
+    get fileName() {
+        return this.fileItem.file.name;
+    }
+    get fileSize() {
+        return this.fileItem.file.size;
+    }
+    get url() {
+        return this.fileItem.url;
+    }
+    ngDoCheck() {
+        let changes = this.differ.diff(this.fileItem);
+        if (changes) {
+            let cls, extensionUpper = this.fileItemService.getFileExtensionUpper(this.fileItem), fileTypeUpper;
+            switch (extensionUpper) {
+                case '.PDF':
+                    cls = 'pdf';
+                    break;
+                case '.GZ':
+                case '.RAR':
+                case '.TGZ':
+                case '.ZIP':
+                    cls = 'archive';
+                    break;
+                case '.PPT':
+                case '.PPTX':
+                    cls = 'powerpoint';
+                    break;
+                case '.DOC':
+                case '.DOCX':
+                    cls = 'word';
+                    break;
+                case '.XLS':
+                case '.XLSX':
+                    cls = 'excel';
+                    break;
+                case '.TXT':
+                    cls = 'text';
+                    break;
+                case '.HTM':
+                case '.HTML':
+                    cls = 'code';
+                    break;
+                default:
+                    break;
+            }
+            if (!cls) {
+                fileTypeUpper = this.fileItemService.getFileTypeUpper(this.fileItem);
+                switch (fileTypeUpper.substr(0, fileTypeUpper.indexOf('/'))) {
+                    case 'AUDIO':
+                        cls = 'audio';
+                        break;
+                    case 'IMAGE':
+                        // Normally images are displayed as thumbnails, but if an image type is not recognized
+                        // as being widely supported by modern browsers (e.g. TIFF files) then an icon should
+                        // be displayed instead.
+                        cls = 'image';
+                        break;
+                    case 'TEXT':
+                        cls = 'text';
+                        break;
+                    case 'VIDEO':
+                        cls = 'video';
+                        break;
+                    default:
+                        break;
+                }
+            }
+            this.icon = 'file-' + (cls ? cls + '-' : '') + 'o';
+        }
+    }
+    itemDelete() {
+        this.deleteFile.emit(this.fileItem);
+    }
+    isFile() {
+        return this.fileItemService.isFile(this.fileItem);
+    }
+    isImage() {
+        return this.fileItemService.isImage(this.fileItem);
+    }
+}
+SkyFileItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyFileItemComponent, deps: [{ token: i0.KeyValueDiffers }, { token: i1.SkyFileItemService }], target: i0.ɵɵFactoryTarget.Component });
+SkyFileItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyFileItemComponent, selector: "sky-file-item", inputs: { fileItem: "fileItem" }, outputs: { deleteFile: "deleteFile" }, ngImport: i0, template: "<div class=\"sky-file-item sky-padding-even-default\">\n  <div class=\"sky-file-item-title\">\n    <div class=\"sky-file-item-name-container\">\n      <div class=\"sky-file-item-name\">\n        <strong *ngIf=\"isFile()\">{{ fileName }}</strong>\n        <strong *ngIf=\"!isFile()\">{{ url }}</strong>\n      </div>\n      <div class=\"sky-file-item-size\" *ngIf=\"isFile()\">\n        ({{ fileSize | skyFileSize }})\n      </div>\n    </div>\n    <div class=\"sky-file-item-controls\">\n      <button\n        type=\"button\"\n        class=\"sky-btn sky-btn-default sky-file-item-btn-delete\"\n        [attr.aria-label]=\"\n          'skyux_file_attachment_file_item_delete' | skyLibResources\n        \"\n        (click)=\"itemDelete()\"\n      >\n        <sky-icon icon=\"trash-o\" size=\"lg\"></sky-icon>\n      </button>\n    </div>\n  </div>\n  <div class=\"sky-file-item-content\">\n    <div class=\"sky-file-item-preview\">\n      <div *ngIf=\"isImage()\" class=\"sky-file-item-preview-img-container\">\n        <img\n          class=\"sky-file-item-preview-img\"\n          [src]=\"url\"\n          [alt]=\"\n            'skyux_file_attachment_file_upload_image_preview_alt_text'\n              | skyLibResources\n          \"\n        />\n      </div>\n      <div *ngIf=\"!isImage()\" class=\"sky-file-item-preview-other\">\n        <sky-icon [icon]=\"icon\"></sky-icon>\n      </div>\n    </div>\n    <div class=\"sky-file-item-content-custom\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [".sky-file-item{border-top:1px solid #e2e3e4;border-bottom:1px solid #e2e3e4;border-left:1px solid #e2e3e4;border-right:1px solid #e2e3e4;background-color:#eeeeef;margin-bottom:10px}.sky-file-item-name-container{flex:1 1 auto;overflow:hidden}.sky-file-item-controls{flex:0 1 auto;padding-left:15px}.sky-file-item-name{white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis}.sky-file-item-title{margin-bottom:10px;display:flex}.sky-file-item-content{display:flex}.sky-file-item-preview{flex-basis:25%}.sky-file-item-content-custom{flex-basis:75%}.sky-file-item-preview-img-container{text-align:center}.sky-file-item-preview-img{max-width:100%;height:auto;box-shadow:0 0 5px #666}.sky-file-item-preview-other{color:#686c73;font-size:100px;line-height:1;text-align:center;width:100%}\n"], components: [{ type: i2.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyFileSize": i4.SkyFileSizePipe, "skyLibResources": i5.SkyLibResourcesPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyFileItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sky-file-item',
+                    templateUrl: './file-item.component.html',
+                    styleUrls: ['./file-item.component.scss'],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.KeyValueDiffers }, { type: i1.SkyFileItemService }]; }, propDecorators: { fileItem: [{
+                type: Input
+            }], deleteFile: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=file-item.component.js.map

package/esm2015/lib/modules/file-attachment/file-item.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-item.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/forms/src/lib/modules/file-attachment/file-item.component.ts","../../../../../../../../libs/components/forms/src/lib/modules/file-attachment/file-item.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Input,\n  Output,\n  DoCheck,\n  KeyValueDiffers,\n  KeyValueDiffer,\n  EventEmitter,\n} from '@angular/core';\n\nimport { SkyFileItem } from './file-item';\n\nimport { SkyFileLink } from './file-link';\n\nimport { SkyFileItemService } from './file-item.service';\n\n@Component({\n  selector: 'sky-file-item',\n  templateUrl: './file-item.component.html',\n  styleUrls: ['./file-item.component.scss'],\n})\nexport class SkyFileItemComponent implements DoCheck {\n  /**\n   * Specifies the summary information to display about file attachments. For local files,\n   * the default summary includes the file name, file size, file preview, and a delete button.\n   * For external files, the default summary includes the URL and a delete button.\n   * You can include additional inputs to display user-entered metadata.\n   * @required\n   */\n  @Input()\n  public fileItem: SkyFileItem | SkyFileLink;\n\n  /**\n   * Fires when users select the delete button for an item. The deleted item is passed to the\n   * function.\n   */\n  @Output()\n  public deleteFile = new EventEmitter<SkyFileLink | SkyFileItem>();\n\n  public get fileName(): string {\n    return (<SkyFileItem>this.fileItem).file.name;\n  }\n\n  public get fileSize(): number {\n    return (<SkyFileItem>this.fileItem).file.size;\n  }\n\n  public get url(): string {\n    return (<SkyFileLink>this.fileItem).url;\n  }\n\n  public icon: string;\n\n  private differ: KeyValueDiffer<any, any>;\n\n  public constructor(\n    private differs: KeyValueDiffers,\n    private fileItemService: SkyFileItemService\n  ) {\n    this.differ = this.differs.find({}).create();\n  }\n\n  public ngDoCheck() {\n    let changes = this.differ.diff(this.fileItem);\n\n    if (changes) {\n      let cls: string,\n        extensionUpper = this.fileItemService.getFileExtensionUpper(\n          <SkyFileItem>this.fileItem\n        ),\n        fileTypeUpper: string;\n\n      switch (extensionUpper) {\n        case '.PDF':\n          cls = 'pdf';\n          break;\n        case '.GZ':\n        case '.RAR':\n        case '.TGZ':\n        case '.ZIP':\n          cls = 'archive';\n          break;\n        case '.PPT':\n        case '.PPTX':\n          cls = 'powerpoint';\n          break;\n        case '.DOC':\n        case '.DOCX':\n          cls = 'word';\n          break;\n        case '.XLS':\n        case '.XLSX':\n          cls = 'excel';\n          break;\n        case '.TXT':\n          cls = 'text';\n          break;\n        case '.HTM':\n        case '.HTML':\n          cls = 'code';\n          break;\n        default:\n          break;\n      }\n\n      if (!cls) {\n        fileTypeUpper = this.fileItemService.getFileTypeUpper(\n          <SkyFileItem>this.fileItem\n        );\n\n        switch (fileTypeUpper.substr(0, fileTypeUpper.indexOf('/'))) {\n          case 'AUDIO':\n            cls = 'audio';\n            break;\n          case 'IMAGE':\n            // Normally images are displayed as thumbnails, but if an image type is not recognized\n            // as being widely supported by modern browsers (e.g. TIFF files) then an icon should\n            // be displayed instead.\n            cls = 'image';\n            break;\n          case 'TEXT':\n            cls = 'text';\n            break;\n          case 'VIDEO':\n            cls = 'video';\n            break;\n          default:\n            break;\n        }\n      }\n      this.icon = 'file-' + (cls ? cls + '-' : '') + 'o';\n    }\n  }\n\n  public itemDelete() {\n    this.deleteFile.emit(this.fileItem);\n  }\n\n  public isFile() {\n    return this.fileItemService.isFile(<SkyFileItem>this.fileItem);\n  }\n\n  public isImage() {\n    return this.fileItemService.isImage(<SkyFileItem>this.fileItem);\n  }\n}\n","<div class=\"sky-file-item sky-padding-even-default\">\n  <div class=\"sky-file-item-title\">\n    <div class=\"sky-file-item-name-container\">\n      <div class=\"sky-file-item-name\">\n        <strong *ngIf=\"isFile()\">{{ fileName }}</strong>\n        <strong *ngIf=\"!isFile()\">{{ url }}</strong>\n      </div>\n      <div class=\"sky-file-item-size\" *ngIf=\"isFile()\">\n        ({{ fileSize | skyFileSize }})\n      </div>\n    </div>\n    <div class=\"sky-file-item-controls\">\n      <button\n        type=\"button\"\n        class=\"sky-btn sky-btn-default sky-file-item-btn-delete\"\n        [attr.aria-label]=\"\n          'skyux_file_attachment_file_item_delete' | skyLibResources\n        \"\n        (click)=\"itemDelete()\"\n      >\n        <sky-icon icon=\"trash-o\" size=\"lg\"></sky-icon>\n      </button>\n    </div>\n  </div>\n  <div class=\"sky-file-item-content\">\n    <div class=\"sky-file-item-preview\">\n      <div *ngIf=\"isImage()\" class=\"sky-file-item-preview-img-container\">\n        <img\n          class=\"sky-file-item-preview-img\"\n          [src]=\"url\"\n          [alt]=\"\n            'skyux_file_attachment_file_upload_image_preview_alt_text'\n              | skyLibResources\n          \"\n        />\n      </div>\n      <div *ngIf=\"!isImage()\" class=\"sky-file-item-preview-other\">\n        <sky-icon [icon]=\"icon\"></sky-icon>\n      </div>\n    </div>\n    <div class=\"sky-file-item-content-custom\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n"]}

package/esm2015/lib/modules/file-attachment/file-item.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=file-item.js.map

package/esm2015/lib/modules/file-attachment/file-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-item.js","sourceRoot":"","sources":["../../../../../../../../libs/components/forms/src/lib/modules/file-attachment/file-item.ts"],"names":[],"mappings":"","sourcesContent":["import { SkyFileItemErrorType } from './file-item-error-type';\n\nexport interface SkyFileItem {\n  /**\n   * The object that was added or removed.\n   */\n  file: File;\n  /**\n   * The [data URL](https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URIs)\n   * for the file that was added or removed.\n   */\n  url: string;\n  /**\n   * The type of error that caused the file to be rejected.\n   */\n  errorType: SkyFileItemErrorType;\n  /**\n   * Additional parameters about the error that caused the file to be rejected.\n   */\n  errorParam: string;\n}\n"]}

package/esm2015/lib/modules/file-attachment/file-item.service.js

@@ -0,0 +1,72 @@
+import { Injectable } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * @internal
+ */
+export class SkyFileItemService {
+    isFile(fileItem) {
+        let file = fileItem.file;
+        /* tslint:disable */
+        return (file &&
+            file !== undefined &&
+            file !== null &&
+            file.size !== undefined &&
+            file.size !== null);
+        /* tslint:enable */
+    }
+    isImage(fileItem) {
+        let fileTypeUpper = this.getFileTypeUpper(fileItem), slashIndex;
+        slashIndex = fileTypeUpper.indexOf('/');
+        if (slashIndex >= 0) {
+            switch (fileTypeUpper.substr(fileTypeUpper.indexOf('/') + 1)) {
+                case 'BMP':
+                case 'GIF':
+                case 'JPEG':
+                case 'PNG':
+                    return true;
+                default:
+                    break;
+            }
+        }
+        return false;
+    }
+    getFileExtensionUpper(fileItem) {
+        let extension = '', name;
+        /* istanbul ignore else */
+        /* sanity check */
+        if (fileItem) {
+            let file = fileItem.file;
+            if (file) {
+                /* istanbul ignore next */
+                name = file.name || '';
+                /* istanbul ignore next */
+                extension = name.substr(name.lastIndexOf('.')) || '';
+            }
+            else {
+                extension = '';
+            }
+        }
+        return extension.toUpperCase();
+    }
+    getFileTypeUpper(fileItem) {
+        let fileType = '';
+        /* istanbul ignore else */
+        /* sanity check */
+        if (fileItem) {
+            let file = fileItem.file;
+            if (file) {
+                fileType = file.type || '';
+            }
+            else {
+                fileType = '';
+            }
+        }
+        return fileType.toUpperCase();
+    }
+}
+SkyFileItemService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyFileItemService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+SkyFileItemService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyFileItemService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyFileItemService, decorators: [{
+            type: Injectable
+        }] });
+//# sourceMappingURL=file-item.service.js.map

package/esm2015/lib/modules/file-attachment/file-item.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-item.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/forms/src/lib/modules/file-attachment/file-item.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;;AAI3C;;GAEG;AAEH,MAAM,OAAO,kBAAkB;IACtB,MAAM,CAAC,QAAqB;QACjC,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC;QAEzB,oBAAoB;QACpB,OAAO,CACL,IAAI;YACJ,IAAI,KAAK,SAAS;YAClB,IAAI,KAAK,IAAI;YACb,IAAI,CAAC,IAAI,KAAK,SAAS;YACvB,IAAI,CAAC,IAAI,KAAK,IAAI,CACnB,CAAC;QACF,mBAAmB;IACrB,CAAC;IAEM,OAAO,CAAC,QAAqB;QAClC,IAAI,aAAa,GAAG,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,EACjD,UAAkB,CAAC;QAErB,UAAU,GAAG,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QAExC,IAAI,UAAU,IAAI,CAAC,EAAE;YACnB,QAAQ,aAAa,CAAC,MAAM,CAAC,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE;gBAC5D,KAAK,KAAK,CAAC;gBACX,KAAK,KAAK,CAAC;gBACX,KAAK,MAAM,CAAC;gBACZ,KAAK,KAAK;oBACR,OAAO,IAAI,CAAC;gBACd;oBACE,MAAM;aACT;SACF;QAED,OAAO,KAAK,CAAC;IACf,CAAC;IAEM,qBAAqB,CAAC,QAAqB;QAChD,IAAI,SAAS,GAAG,EAAE,EAChB,IAAY,CAAC;QAEf,0BAA0B;QAC1B,kBAAkB;QAClB,IAAI,QAAQ,EAAE;YACZ,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC;YACzB,IAAI,IAAI,EAAE;gBACR,0BAA0B;gBAC1B,IAAI,GAAG,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC;gBACvB,0BAA0B;gBAC1B,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;aACtD;iBAAM;gBACL,SAAS,GAAG,EAAE,CAAC;aAChB;SACF;QAED,OAAO,SAAS,CAAC,WAAW,EAAE,CAAC;IACjC,CAAC;IAEM,gBAAgB,CAAC,QAAqB;QAC3C,IAAI,QAAQ,GAAG,EAAE,CAAC;QAClB,0BAA0B;QAC1B,kBAAkB;QAClB,IAAI,QAAQ,EAAE;YACZ,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC;YACzB,IAAI,IAAI,EAAE;gBACR,QAAQ,GAAG,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC;aAC5B;iBAAM;gBACL,QAAQ,GAAG,EAAE,CAAC;aACf;SACF;QAED,OAAO,QAAQ,CAAC,WAAW,EAAE,CAAC;IAChC,CAAC;;gHAvEU,kBAAkB;oHAAlB,kBAAkB;4FAAlB,kBAAkB;kBAD9B,UAAU","sourcesContent":["import { Injectable } from '@angular/core';\n\nimport { SkyFileItem } from './file-item';\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkyFileItemService {\n  public isFile(fileItem: SkyFileItem): boolean {\n    let file = fileItem.file;\n\n    /* tslint:disable */\n    return (\n      file &&\n      file !== undefined &&\n      file !== null &&\n      file.size !== undefined &&\n      file.size !== null\n    );\n    /* tslint:enable */\n  }\n\n  public isImage(fileItem: SkyFileItem): boolean {\n    let fileTypeUpper = this.getFileTypeUpper(fileItem),\n      slashIndex: number;\n\n    slashIndex = fileTypeUpper.indexOf('/');\n\n    if (slashIndex >= 0) {\n      switch (fileTypeUpper.substr(fileTypeUpper.indexOf('/') + 1)) {\n        case 'BMP':\n        case 'GIF':\n        case 'JPEG':\n        case 'PNG':\n          return true;\n        default:\n          break;\n      }\n    }\n\n    return false;\n  }\n\n  public getFileExtensionUpper(fileItem: SkyFileItem): string {\n    let extension = '',\n      name: string;\n\n    /* istanbul ignore else */\n    /* sanity check */\n    if (fileItem) {\n      let file = fileItem.file;\n      if (file) {\n        /* istanbul ignore next */\n        name = file.name || '';\n        /* istanbul ignore next */\n        extension = name.substr(name.lastIndexOf('.')) || '';\n      } else {\n        extension = '';\n      }\n    }\n\n    return extension.toUpperCase();\n  }\n\n  public getFileTypeUpper(fileItem: SkyFileItem): string {\n    let fileType = '';\n    /* istanbul ignore else */\n    /* sanity check */\n    if (fileItem) {\n      let file = fileItem.file;\n      if (file) {\n        fileType = file.type || '';\n      } else {\n        fileType = '';\n      }\n    }\n\n    return fileType.toUpperCase();\n  }\n}\n"]}

package/esm2015/lib/modules/file-attachment/file-link.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=file-link.js.map

package/esm2015/lib/modules/file-attachment/file-link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-link.js","sourceRoot":"","sources":["../../../../../../../../libs/components/forms/src/lib/modules/file-attachment/file-link.ts"],"names":[],"mappings":"","sourcesContent":["export interface SkyFileLink {\n  /**\n   * Specifies the URL for the linked file.\n   */\n  url: string;\n}\n"]}

package/esm2015/lib/modules/file-attachment/file-size.pipe.js

@@ -0,0 +1,61 @@
+import { Pipe } from '@angular/core';
+import { DecimalPipe } from '@angular/common';
+import { SkyLibResourcesService } from '@skyux/i18n';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@skyux/i18n";
+/**
+ * @internal
+ */
+export class SkyFileSizePipe {
+    constructor(decimalPipe, resourcesService) {
+        this.decimalPipe = decimalPipe;
+        this.resourcesService = resourcesService;
+    }
+    transform(input) {
+        let decimalPlaces = 0, dividend = 1, formattedSize, roundedSize, template;
+        /* tslint:disable */
+        if (input === null || input === undefined) {
+            return '';
+        }
+        /* tslint:enable */
+        if (Math.abs(input) === 1) {
+            template = 'skyux_file_attachment_file_size_b_singular';
+        }
+        else if (input < 1000) {
+            template = 'skyux_file_attachment_file_size_b_plural';
+        }
+        else if (input < 1e6) {
+            template = 'skyux_file_attachment_file_size_kb';
+            dividend = 1000;
+        }
+        else if (input < 1e9) {
+            template = 'skyux_file_attachment_file_size_mb';
+            dividend = 1e6;
+            decimalPlaces = 1;
+        }
+        else {
+            template = 'skyux_file_attachment_file_size_gb';
+            dividend = 1e9;
+            decimalPlaces = 1;
+        }
+        roundedSize =
+            Math.floor(input / (dividend / Math.pow(10, decimalPlaces))) /
+                Math.pow(10, decimalPlaces);
+        formattedSize = this.decimalPipe.transform(roundedSize, '.0-3');
+        return this.getString(template, formattedSize);
+    }
+    getString(key, ...args) {
+        // TODO: Need to implement the async `getString` method in a breaking change.
+        return this.resourcesService.getStringForLocale({ locale: 'en-US' }, key, ...args);
+    }
+}
+SkyFileSizePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyFileSizePipe, deps: [{ token: i1.DecimalPipe }, { token: i2.SkyLibResourcesService }], target: i0.ɵɵFactoryTarget.Pipe });
+SkyFileSizePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyFileSizePipe, name: "skyFileSize" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyFileSizePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'skyFileSize',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.DecimalPipe }, { type: i2.SkyLibResourcesService }]; } });
+//# sourceMappingURL=file-size.pipe.js.map

package/esm2015/lib/modules/file-attachment/file-size.pipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-size.pipe.js","sourceRoot":"","sources":["../../../../../../../../libs/components/forms/src/lib/modules/file-attachment/file-size.pipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAiB,MAAM,eAAe,CAAC;AAEpD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;;;;AAErD;;GAEG;AAIH,MAAM,OAAO,eAAe;IAC1B,YACU,WAAwB,EACxB,gBAAwC;QADxC,gBAAW,GAAX,WAAW,CAAa;QACxB,qBAAgB,GAAhB,gBAAgB,CAAwB;IAC/C,CAAC;IAEG,SAAS,CAAC,KAAa;QAC5B,IAAI,aAAa,GAAG,CAAC,EACnB,QAAQ,GAAG,CAAC,EACZ,aAAqB,EACrB,WAAmB,EACnB,QAAgB,CAAC;QAEnB,oBAAoB;QACpB,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE;YACzC,OAAO,EAAE,CAAC;SACX;QACD,mBAAmB;QAEnB,IAAI,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;YACzB,QAAQ,GAAG,4CAA4C,CAAC;SACzD;aAAM,IAAI,KAAK,GAAG,IAAI,EAAE;YACvB,QAAQ,GAAG,0CAA0C,CAAC;SACvD;aAAM,IAAI,KAAK,GAAG,GAAG,EAAE;YACtB,QAAQ,GAAG,oCAAoC,CAAC;YAChD,QAAQ,GAAG,IAAI,CAAC;SACjB;aAAM,IAAI,KAAK,GAAG,GAAG,EAAE;YACtB,QAAQ,GAAG,oCAAoC,CAAC;YAChD,QAAQ,GAAG,GAAG,CAAC;YACf,aAAa,GAAG,CAAC,CAAC;SACnB;aAAM;YACL,QAAQ,GAAG,oCAAoC,CAAC;YAChD,QAAQ,GAAG,GAAG,CAAC;YACf,aAAa,GAAG,CAAC,CAAC;SACnB;QAED,WAAW;YACT,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,aAAa,CAAC,CAAC,CAAC;gBAC5D,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,aAAa,CAAC,CAAC;QAE9B,aAAa,GAAG,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;QAEhE,OAAO,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;IACjD,CAAC;IAEO,SAAS,CAAC,GAAW,EAAE,GAAG,IAAW;QAC3C,6EAA6E;QAC7E,OAAO,IAAI,CAAC,gBAAgB,CAAC,kBAAkB,CAC7C,EAAE,MAAM,EAAE,OAAO,EAAE,EACnB,GAAG,EACH,GAAG,IAAI,CACR,CAAC;IACJ,CAAC;;6GApDU,eAAe;2GAAf,eAAe;4FAAf,eAAe;kBAH3B,IAAI;mBAAC;oBACJ,IAAI,EAAE,aAAa;iBACpB","sourcesContent":["import { Pipe, PipeTransform } from '@angular/core';\n\nimport { DecimalPipe } from '@angular/common';\n\nimport { SkyLibResourcesService } from '@skyux/i18n';\n\n/**\n * @internal\n */\n@Pipe({\n  name: 'skyFileSize',\n})\nexport class SkyFileSizePipe implements PipeTransform {\n  constructor(\n    private decimalPipe: DecimalPipe,\n    private resourcesService: SkyLibResourcesService\n  ) {}\n\n  public transform(input: number): string {\n    let decimalPlaces = 0,\n      dividend = 1,\n      formattedSize: string,\n      roundedSize: number,\n      template: string;\n\n    /* tslint:disable */\n    if (input === null || input === undefined) {\n      return '';\n    }\n    /* tslint:enable */\n\n    if (Math.abs(input) === 1) {\n      template = 'skyux_file_attachment_file_size_b_singular';\n    } else if (input < 1000) {\n      template = 'skyux_file_attachment_file_size_b_plural';\n    } else if (input < 1e6) {\n      template = 'skyux_file_attachment_file_size_kb';\n      dividend = 1000;\n    } else if (input < 1e9) {\n      template = 'skyux_file_attachment_file_size_mb';\n      dividend = 1e6;\n      decimalPlaces = 1;\n    } else {\n      template = 'skyux_file_attachment_file_size_gb';\n      dividend = 1e9;\n      decimalPlaces = 1;\n    }\n\n    roundedSize =\n      Math.floor(input / (dividend / Math.pow(10, decimalPlaces))) /\n      Math.pow(10, decimalPlaces);\n\n    formattedSize = this.decimalPipe.transform(roundedSize, '.0-3');\n\n    return this.getString(template, formattedSize);\n  }\n\n  private getString(key: string, ...args: any[]): string {\n    // TODO: Need to implement the async `getString` method in a breaking change.\n    return this.resourcesService.getStringForLocale(\n      { locale: 'en-US' },\n      key,\n      ...args\n    );\n  }\n}\n"]}

package/esm2015/lib/modules/file-attachment/types/file-attachment-change.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=file-attachment-change.js.map

package/esm2015/lib/modules/file-attachment/types/file-attachment-change.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-attachment-change.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/forms/src/lib/modules/file-attachment/types/file-attachment-change.ts"],"names":[],"mappings":"","sourcesContent":["import { SkyFileItem } from '../file-item';\n\nexport interface SkyFileAttachmentChange {\n  /**\n   * Specifies the file that was added or removed.\n   */\n  file: SkyFileItem;\n}\n"]}

package/esm2015/lib/modules/file-attachment/types/file-attachment-click.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=file-attachment-click.js.map