@watermarkinsights/ripple 4.3.0 → 4.4.0-0

package/dist/collection/components/wm-file/wm-file.js

@@ -1,396 +1,396 @@
 import { h, Host, forceUpdate } from "@stencil/core";
 import { debounce, hideTooltip, intl, showTooltip, truncateText } from "../../global/functions";
 export class File {
-  constructor() {
-    this.fullFilename = `${this.name}.${this.type}`;
-    this.debouncedResize = debounce(() => {
-      this.isCondensed = this.el.clientWidth < 500;
-      // rerender to show filename truncation changes
-      forceUpdate(this.el);
-    }, 50);
-    this.name = undefined;
-    this.type = undefined;
-    this.fileActions = "download delete";
-    this.lastUpdated = undefined;
-    this.progress = undefined;
-    this.size = undefined;
-    this.errorMessage = undefined;
-    this.showInfo = undefined;
-    this.isCondensed = false;
-  }
-  get isUploading() {
-    return this.progress !== undefined && this.progress < 100;
-  }
-  get previewButtonTooltip() {
-    return intl.formatMessage({
-      id: "file.previewButtonTooltip",
-      defaultMessage: "Preview",
-      description: "Tooltip of a button that triggers a file to be previewed",
-    });
-  }
-  get downloadButtonTooltip() {
-    return intl.formatMessage({
-      id: "file.downloadButtonTooltip",
-      defaultMessage: "Download",
-      description: "Tooltip of a button that triggers a file to be downloaded",
-    });
-  }
-  get deleteButtonTooltip() {
-    return intl.formatMessage({
-      id: "file.deleteButtonTooltip",
-      defaultMessage: "Delete",
-      description: "Tooltip of a button that triggers a file to be deleted",
-    });
-  }
-  get previewActionMessage() {
-    return intl.formatMessage({
-      id: "file.previewAction",
-      defaultMessage: "Preview File",
-      description: "Label of a button that triggers a file to be previewed",
-    });
-  }
-  get downloadActionMessage() {
-    return intl.formatMessage({
-      id: "file.downloadAction",
-      defaultMessage: "Download File",
-      description: "Label of a button that triggers a file to be downloaded",
-    });
-  }
-  get deleteActionMessage() {
-    return intl.formatMessage({
-      id: "file.deleteAction",
-      defaultMessage: "Delete File",
-      description: "Label of a button that triggers a file to be delete",
-    });
-  }
-  get actionMenuLabel() {
-    return intl.formatMessage({
-      id: "file.actionMenuLabel",
-      defaultMessage: "Actions",
-      description: "Label of a button that opens a menu of file actions",
-    });
-  }
-  get clearButtonText() {
-    return intl.formatMessage({
-      id: "file.clearErrorText",
-      defaultMessage: "Clear",
-      description: "Text for a button used to clear an error",
-    });
-  }
-  generateClearButtonLabel(filename) {
-    return intl.formatMessage({
-      id: "file.clearErrorLabel",
-      defaultMessage: "Clear {fileName} error",
-      description: "Label for a button used to clear an error, including filename",
-    }, { fileName: filename });
-  }
-  componentWillLoad() {
-    if (!this.el.id) {
-      console.error("wm-file: a file id is required");
+    constructor() {
+        this.fullFilename = `${this.name}.${this.type}`;
+        this.debouncedResize = debounce(() => {
+            this.isCondensed = this.el.clientWidth < 500;
+            // rerender to show filename truncation changes
+            forceUpdate(this.el);
+        }, 50);
+        this.name = undefined;
+        this.type = undefined;
+        this.fileActions = "download delete";
+        this.lastUpdated = undefined;
+        this.progress = undefined;
+        this.size = undefined;
+        this.errorMessage = undefined;
+        this.showInfo = undefined;
+        this.isCondensed = false;
     }
-    if (!this.name) {
-      console.error('wm-file: "name" is a required property');
+    get isUploading() {
+        return this.progress !== undefined && this.progress < 100;
     }
-    if (!this.type) {
-      console.error('wm-file: "type" is a required property');
+    get previewButtonTooltip() {
+        return intl.formatMessage({
+            id: "file.previewButtonTooltip",
+            defaultMessage: "Preview",
+            description: "Tooltip of a button that triggers a file to be previewed",
+        });
     }
-    // inherit showInfo property from parent, or default to time
-    if (this.el.parentElement && this.el.parentElement.showInfo) {
-      this.showInfo = this.el.parentElement.showInfo;
+    get downloadButtonTooltip() {
+        return intl.formatMessage({
+            id: "file.downloadButtonTooltip",
+            defaultMessage: "Download",
+            description: "Tooltip of a button that triggers a file to be downloaded",
+        });
     }
-    else if (!this.showInfo) {
-      this.showInfo = "time";
+    get deleteButtonTooltip() {
+        return intl.formatMessage({
+            id: "file.deleteButtonTooltip",
+            defaultMessage: "Delete",
+            description: "Tooltip of a button that triggers a file to be deleted",
+        });
     }
-    // rerender on resize in case layout needs to change
-    const resizeObserver = new ResizeObserver(() => this.debouncedResize());
-    resizeObserver.observe(this.el);
-  }
-  componentDidRender() {
-    const fileNameEl = this.el.shadowRoot.querySelector(".filename");
-    const leftBoundary = this.el.shadowRoot.querySelector(".left-group").getBoundingClientRect().left;
-    const rightGroup = this.el.shadowRoot.querySelector(".right-group");
-    const rightBoundary = rightGroup
-      ? rightGroup.getBoundingClientRect().left
-      : this.el.shadowRoot.querySelector(".file-wrapper").getBoundingClientRect().right - 20;
-    fileNameEl.textContent = truncateText(fileNameEl, this.fullFilename, rightBoundary - leftBoundary, 7);
-  }
-  previewFile() {
-    this.wmFilePreview.emit();
-  }
-  downloadFile() {
-    this.wmFileDownload.emit();
-  }
-  deleteFile() {
-    this.wmFileDelete.emit();
-  }
-  handleFilenameMouseEnter(ev) {
-    // only show tooltip if file name is being truncated (has ellipses)
-    if (ev.target.textContent !== this.fullFilename) {
-      showTooltip("bottom", ev.target, this.fullFilename);
+    get previewActionMessage() {
+        return intl.formatMessage({
+            id: "file.previewAction",
+            defaultMessage: "Preview File",
+            description: "Label of a button that triggers a file to be previewed",
+        });
     }
-  }
-  renderFileName() {
-    return (h("div", { class: "left-group" }, h("div", { class: "name-wrapper" }, h("span", { class: "sr-only" }, this.fullFilename), h("span", { "aria-hidden": "true", class: "filename", onMouseEnter: (ev) => this.handleFilenameMouseEnter(ev), onMouseLeave: () => hideTooltip() }), this.isUploading && h("span", { class: "sr-only" }, "uploading"))));
-  }
-  renderFileInfo() {
-    let displayedInfo = "";
-    if (this.showInfo === "time" && this.lastUpdated) {
-      displayedInfo = this.lastUpdated;
+    get downloadActionMessage() {
+        return intl.formatMessage({
+            id: "file.downloadAction",
+            defaultMessage: "Download File",
+            description: "Label of a button that triggers a file to be downloaded",
+        });
     }
-    else if (this.showInfo === "size" && this.size) {
-      displayedInfo = this.size;
+    get deleteActionMessage() {
+        return intl.formatMessage({
+            id: "file.deleteAction",
+            defaultMessage: "Delete File",
+            description: "Label of a button that triggers a file to be delete",
+        });
     }
-    return h("div", { class: "file-info" }, displayedInfo);
-  }
-  renderActionMenu() {
-    const previewItem = (h("wm-menuitem", { icon: "f208", onClick: () => this.previewFile() }, this.previewActionMessage));
-    const downloadItem = (h("wm-menuitem", { icon: "f1da", onClick: () => this.downloadFile() }, this.downloadActionMessage));
-    const deleteItem = (h("wm-menuitem", { icon: "f1c0", onClick: () => this.deleteFile() }, this.deleteActionMessage));
-    return (h("wm-action-menu", { "action-menu-type": "icon", tooltip: this.actionMenuLabel, "tooltip-position": "bottom", "label-for-identical-buttons": `${this.name} ${this.actionMenuLabel}` }, this.fileActions.includes("preview") && previewItem, this.fileActions.includes("download") && downloadItem, this.fileActions.includes("delete") && deleteItem));
-  }
-  renderFileActionButtons() {
-    const previewButton = (h("wm-button", { class: "preview-button", "button-type": "icononly", tooltip: this.previewButtonTooltip, "tooltip-position": "bottom", "label-for-identical-buttons": `preview ${this.name}`, icon: "f208", onClick: () => this.previewFile() }));
-    const downloadButton = (h("wm-button", { class: "download-button", "button-type": "icononly", tooltip: this.downloadButtonTooltip, "tooltip-position": "bottom", "label-for-identical-buttons": `download ${this.name}`, icon: "f1da", onClick: () => this.downloadFile() }));
-    const deleteButton = (h("wm-button", { class: "delete-button", "button-type": "icononly", tooltip: this.deleteButtonTooltip, "tooltip-position": "bottom", "label-for-identical-buttons": `delete ${this.name}`, icon: "f1c0", onClick: () => this.deleteFile() }));
-    return (h("div", { class: "file-controls" }, this.fileActions.includes("preview") && previewButton, this.fileActions.includes("download") && downloadButton, this.fileActions.includes("delete") && deleteButton));
-  }
-  renderFileInProgress() {
-    return (h("div", { class: "file-wrapper" }, h("div", { class: "file --progress" }, h("div", { class: "progress", style: {
-        background: `linear-gradient(to right, var(--wmcolor-file-progress) ${this.progress}%, transparent ${this.progress}%)`,
-      } }), this.renderFileName())));
-  }
-  renderFileControls() {
-    const hasSingleFileAction = this.fileActions.split(" ").length === 1;
-    const showActionMenu = this.isCondensed && !hasSingleFileAction;
-    return showActionMenu ? this.renderActionMenu() : this.renderFileActionButtons();
-  }
-  renderFile() {
-    return (h("div", { class: `file-wrapper ${this.progress === 100 ? "checked" : ""}` }, h("div", { class: `file ${this.errorMessage ? "--error" : ""}` }, this.renderFileName(), !this.errorMessage && (h("div", { class: `right-group ${this.isCondensed ? "condensed" : ""}` }, this.showInfo !== "none" && this.renderFileInfo(), this.fileActions !== "" && this.renderFileControls())), this.errorMessage && (h("wm-button", { "permanently-delete": true, "button-type": "textonly", "label-for-identical-buttons": this.generateClearButtonLabel(this.name), onClick: () => this.wmFileErrorCleared.emit() }, this.clearButtonText))), this.errorMessage && h("div", { class: "error-message" }, this.errorMessage)));
-  }
-  render() {
-    return h(Host, { role: "listitem" }, this.isUploading ? this.renderFileInProgress() : this.renderFile());
-  }
-  static get is() { return "wm-file"; }
-  static get encapsulation() { return "shadow"; }
-  static get delegatesFocus() { return true; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["wm-file.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["wm-file.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "name": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": true,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "name",
-        "reflect": false
-      },
-      "type": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": true,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "type",
-        "reflect": false
-      },
-      "fileActions": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "file-actions",
-        "reflect": false,
-        "defaultValue": "\"download delete\""
-      },
-      "lastUpdated": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "last-updated",
-        "reflect": false
-      },
-      "progress": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "progress",
-        "reflect": true
-      },
-      "size": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "size",
-        "reflect": false
-      },
-      "errorMessage": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "error-message",
-        "reflect": false
-      },
-      "showInfo": {
-        "type": "string",
-        "mutable": true,
-        "complexType": {
-          "original": "\"time\" | \"size\" | \"none\"",
-          "resolved": "\"none\" | \"size\" | \"time\" | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "show-info",
-        "reflect": false
-      }
-    };
-  }
-  static get states() {
-    return {
-      "isCondensed": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "wmFilePreview",
-        "name": "wmFilePreview",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
+    get actionMenuLabel() {
+        return intl.formatMessage({
+            id: "file.actionMenuLabel",
+            defaultMessage: "Actions",
+            description: "Label of a button that opens a menu of file actions",
+        });
+    }
+    get clearButtonText() {
+        return intl.formatMessage({
+            id: "file.clearErrorText",
+            defaultMessage: "Clear",
+            description: "Text for a button used to clear an error",
+        });
+    }
+    generateClearButtonLabel(filename) {
+        return intl.formatMessage({
+            id: "file.clearErrorLabel",
+            defaultMessage: "Clear {fileName} error",
+            description: "Label for a button used to clear an error, including filename",
+        }, { fileName: filename });
+    }
+    componentWillLoad() {
+        if (!this.el.id) {
+            console.error("wm-file: a file id is required");
+        }
+        if (!this.name) {
+            console.error('wm-file: "name" is a required property');
         }
-      }, {
-        "method": "wmFileDownload",
-        "name": "wmFileDownload",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
+        if (!this.type) {
+            console.error('wm-file: "type" is a required property');
         }
-      }, {
-        "method": "wmFileDelete",
-        "name": "wmFileDelete",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
+        // inherit showInfo property from parent, or default to time
+        if (this.el.parentElement && this.el.parentElement.showInfo) {
+            this.showInfo = this.el.parentElement.showInfo;
+        }
+        else if (!this.showInfo) {
+            this.showInfo = "time";
+        }
+        // rerender on resize in case layout needs to change
+        const resizeObserver = new ResizeObserver(() => this.debouncedResize());
+        resizeObserver.observe(this.el);
+    }
+    componentDidRender() {
+        const fileNameEl = this.el.shadowRoot.querySelector(".filename");
+        const leftBoundary = this.el.shadowRoot.querySelector(".left-group").getBoundingClientRect().left;
+        const rightGroup = this.el.shadowRoot.querySelector(".right-group");
+        const rightBoundary = rightGroup
+            ? rightGroup.getBoundingClientRect().left
+            : this.el.shadowRoot.querySelector(".file-wrapper").getBoundingClientRect().right - 20;
+        fileNameEl.textContent = truncateText(fileNameEl, this.fullFilename, rightBoundary - leftBoundary, 7);
+    }
+    previewFile() {
+        this.wmFilePreview.emit();
+    }
+    downloadFile() {
+        this.wmFileDownload.emit();
+    }
+    deleteFile() {
+        this.wmFileDelete.emit();
+    }
+    handleFilenameMouseEnter(ev) {
+        // only show tooltip if file name is being truncated (has ellipses)
+        if (ev.target.textContent !== this.fullFilename) {
+            showTooltip("bottom", ev.target, this.fullFilename);
+        }
+    }
+    renderFileName() {
+        return (h("div", { class: "left-group" }, h("div", { class: "name-wrapper" }, h("span", { class: "sr-only" }, this.fullFilename), h("span", { "aria-hidden": "true", class: "filename", onMouseEnter: (ev) => this.handleFilenameMouseEnter(ev), onMouseLeave: () => hideTooltip() }), this.isUploading && h("span", { class: "sr-only" }, "uploading"))));
+    }
+    renderFileInfo() {
+        let displayedInfo = "";
+        if (this.showInfo === "time" && this.lastUpdated) {
+            displayedInfo = this.lastUpdated;
         }
-      }, {
-        "method": "wmFileErrorCleared",
-        "name": "wmFileErrorCleared",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
+        else if (this.showInfo === "size" && this.size) {
+            displayedInfo = this.size;
         }
-      }];
-  }
-  static get elementRef() { return "el"; }
+        return h("div", { class: "file-info" }, displayedInfo);
+    }
+    renderActionMenu() {
+        const previewItem = (h("wm-menuitem", { icon: "f208", onClick: () => this.previewFile() }, this.previewActionMessage));
+        const downloadItem = (h("wm-menuitem", { icon: "f1da", onClick: () => this.downloadFile() }, this.downloadActionMessage));
+        const deleteItem = (h("wm-menuitem", { icon: "f1c0", onClick: () => this.deleteFile() }, this.deleteActionMessage));
+        return (h("wm-action-menu", { "action-menu-type": "icon", tooltip: this.actionMenuLabel, "tooltip-position": "bottom", "label-for-identical-buttons": `${this.name} ${this.actionMenuLabel}` }, this.fileActions.includes("preview") && previewItem, this.fileActions.includes("download") && downloadItem, this.fileActions.includes("delete") && deleteItem));
+    }
+    renderFileActionButtons() {
+        const previewButton = (h("wm-button", { class: "preview-button", "button-type": "icononly", tooltip: this.previewButtonTooltip, "tooltip-position": "bottom", "label-for-identical-buttons": `preview ${this.name}`, icon: "f208", onClick: () => this.previewFile() }));
+        const downloadButton = (h("wm-button", { class: "download-button", "button-type": "icononly", tooltip: this.downloadButtonTooltip, "tooltip-position": "bottom", "label-for-identical-buttons": `download ${this.name}`, icon: "f1da", onClick: () => this.downloadFile() }));
+        const deleteButton = (h("wm-button", { class: "delete-button", "button-type": "icononly", tooltip: this.deleteButtonTooltip, "tooltip-position": "bottom", "label-for-identical-buttons": `delete ${this.name}`, icon: "f1c0", onClick: () => this.deleteFile() }));
+        return (h("div", { class: "file-controls" }, this.fileActions.includes("preview") && previewButton, this.fileActions.includes("download") && downloadButton, this.fileActions.includes("delete") && deleteButton));
+    }
+    renderFileInProgress() {
+        return (h("div", { class: "file-wrapper" }, h("div", { class: "file --progress" }, h("div", { class: "progress", style: {
+                background: `linear-gradient(to right, var(--wmcolor-file-progress) ${this.progress}%, transparent ${this.progress}%)`,
+            } }), this.renderFileName())));
+    }
+    renderFileControls() {
+        const hasSingleFileAction = this.fileActions.split(" ").length === 1;
+        const showActionMenu = this.isCondensed && !hasSingleFileAction;
+        return showActionMenu ? this.renderActionMenu() : this.renderFileActionButtons();
+    }
+    renderFile() {
+        return (h("div", { class: `file-wrapper ${this.progress === 100 ? "checked" : ""}` }, h("div", { class: `file ${this.errorMessage ? "--error" : ""}` }, this.renderFileName(), !this.errorMessage && (h("div", { class: `right-group ${this.isCondensed ? "condensed" : ""}` }, this.showInfo !== "none" && this.renderFileInfo(), this.fileActions !== "" && this.renderFileControls())), this.errorMessage && (h("wm-button", { "permanently-delete": true, "button-type": "textonly", "label-for-identical-buttons": this.generateClearButtonLabel(this.name), onClick: () => this.wmFileErrorCleared.emit() }, this.clearButtonText))), this.errorMessage && h("div", { class: "error-message" }, this.errorMessage)));
+    }
+    render() {
+        return h(Host, { role: "listitem" }, this.isUploading ? this.renderFileInProgress() : this.renderFile());
+    }
+    static get is() { return "wm-file"; }
+    static get encapsulation() { return "shadow"; }
+    static get delegatesFocus() { return true; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["wm-file.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["wm-file.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "name": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "name",
+                "reflect": false
+            },
+            "type": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "type",
+                "reflect": false
+            },
+            "fileActions": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "file-actions",
+                "reflect": false,
+                "defaultValue": "\"download delete\""
+            },
+            "lastUpdated": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "last-updated",
+                "reflect": false
+            },
+            "progress": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "progress",
+                "reflect": true
+            },
+            "size": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "size",
+                "reflect": false
+            },
+            "errorMessage": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "error-message",
+                "reflect": false
+            },
+            "showInfo": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "\"time\" | \"size\" | \"none\"",
+                    "resolved": "\"none\" | \"size\" | \"time\" | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "show-info",
+                "reflect": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "isCondensed": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "wmFilePreview",
+                "name": "wmFilePreview",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }, {
+                "method": "wmFileDownload",
+                "name": "wmFileDownload",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }, {
+                "method": "wmFileDelete",
+                "name": "wmFileDelete",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }, {
+                "method": "wmFileErrorCleared",
+                "name": "wmFileErrorCleared",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "el"; }
 }