@watermarkinsights/ripple 3.25.0-2 → 3.25.0

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

@@ -1,334 +1,334 @@
-import { h, Host, forceUpdate } from "@stencil/core";
-import { debounce, hideTooltip, intl, showTooltip } from "../../global/functions";
-export class File {
-  constructor() {
-    // the file component is used within wm-uploader, which still includes legacy types 1 and 2
-    // some new features are not included in these legacy types, and must use the below in conditions
-    this.isWithinLegacyUploader = false;
-    this.debouncedResize = debounce(() => {
-      this.isCondensed = this.el.clientWidth < 500;
-      // rerender to show filename truncation changes
-      forceUpdate(this.el);
-    }, 50);
-    this.file = undefined;
-    this.showInfo = "time";
-    this.errorMessage = undefined;
-    this.isCondensed = false;
-  }
-  get fileData() {
-    let data = this.file ? JSON.parse(this.file) : null;
-    // sometimes JSON numbers can be received as strings, make sure progress is always a number
-    if (data && data.progress && typeof data.progress === "string" && data.progress.match(/^[0-9]+$/)) {
-      data.progress = parseInt(data.progress.toString());
-    }
-    return data;
-  }
-  get isUploading() {
-    return this.fileData && this.fileData.hasOwnProperty("progress") && this.fileData.progress < 100;
-  }
-  get singleCharacterWidth() {
-    return this.el.shadowRoot.querySelector(".ch-measure").clientWidth;
-  }
-  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() {
-    const shadowRootHost = this.el.getRootNode().host;
-    if (shadowRootHost && shadowRootHost.nodeName === "WM-UPLOADER") {
-      if (shadowRootHost.type || shadowRootHost.uploaderType) {
-        this.isWithinLegacyUploader = true;
-      }
-    }
-    // rerender on resize in case layout needs to change
-    const resizeObserver = new ResizeObserver(() => this.debouncedResize());
-    resizeObserver.observe(this.el);
-  }
-  componentDidRender() {
-    this.truncateFileName(this.el.shadowRoot.querySelector(".file"));
-  }
-  previewFile(file) {
-    this.wmIntFilePreviewed.emit(file.id);
-  }
-  downloadFile(file) {
-    this.wmIntFileDownloaded.emit(file.id);
-  }
-  deleteFile(file) {
-    this.wmIntFileDeleted.emit(file.id);
-  }
-  truncateFileName(file) {
-    const leftGroup = file.querySelector(".left-group");
-    const leftBoundary = leftGroup.getBoundingClientRect().left;
-    const rightGroup = file.querySelector(".right-group");
-    const rightBoundary = rightGroup
-      ? rightGroup.getBoundingClientRect().left
-      : file.getBoundingClientRect().right - 20;
-    const filenameEl = file.querySelector(".filename");
-    const availableSpace = rightBoundary - leftBoundary;
-    let filename = filenameEl.dataset.filename;
-    const canFitText = availableSpace > filename.length * this.singleCharacterWidth;
-    if (!canFitText) {
-      const extension = filename.slice(filename.lastIndexOf("."));
-      const numFittingCharacters = Math.floor(availableSpace / this.singleCharacterWidth);
-      // three ellipses, three constant characters, extension
-      const postEllipsesLength = 3 + 3 + extension.length;
-      let preEllipsesLength = Math.max(2, numFittingCharacters - postEllipsesLength);
-      const preEllipsesText = filename.slice(0, preEllipsesLength);
-      const postEllipsesText = filename.slice(filename.indexOf(extension) - 3, filename.length);
-      filename = `${preEllipsesText.trim()}...${postEllipsesText.trim()}`;
-    }
-    filenameEl.textContent = filename;
-  }
-  handleFilenameMouseEnter(ev, filename) {
-    // only show tooltip if file name is being truncated (has ellipses)
-    if (ev.target.textContent.includes("...")) {
-      showTooltip("bottom", ev.target, filename);
-    }
-  }
-  renderFileName(filename, isUploading) {
-    return (h("div", { class: "left-group" }, h("div", { class: "name-wrapper" }, h("span", { class: "sr-only" }, filename), h("span", { "aria-hidden": "true", class: "filename", "data-filename": filename, onMouseEnter: (ev) => this.handleFilenameMouseEnter(ev, filename), onMouseLeave: () => hideTooltip() }), isUploading && h("span", { class: "sr-only" }, "uploading"), h("div", { class: "ch-measure" }))));
-  }
-  renderFileInfo(item, showInfo) {
-    let displayedInfo = "";
-    if (showInfo === "time" && item.lastUpdated) {
-      displayedInfo = item.lastUpdated;
-    }
-    else if (showInfo === "size" && item.size) {
-      displayedInfo = item.size;
-    }
-    return h("div", { class: "file-info" }, displayedInfo);
-  }
-  renderActionMenu(item) {
-    const defaultFileActions = "download delete";
-    const availableActions = item.fileActions || defaultFileActions;
-    const previewItem = (h("wm-menuitem", { icon: "f208", onClick: () => this.previewFile(item) }, this.previewActionMessage));
-    const downloadItem = (h("wm-menuitem", { icon: "f1da", onClick: () => this.downloadFile(item) }, this.downloadActionMessage));
-    const deleteItem = (h("wm-menuitem", { icon: "f1c0", onClick: () => this.deleteFile(item) }, this.deleteActionMessage));
-    return (h("wm-action-menu", { "action-menu-type": "icon", tooltip: this.actionMenuLabel, "tooltip-position": "bottom", "label-for-identical-buttons": `${item.name} ${this.actionMenuLabel}` }, availableActions.includes("preview") && previewItem, availableActions.includes("download") && downloadItem, availableActions.includes("delete") && deleteItem));
-  }
-  renderFileActionButtons(item) {
-    const defaultFileActions = "download delete";
-    const availableActions = item.fileActions || defaultFileActions;
-    const previewButton = (h("wm-button", { class: "preview-button", "button-type": "icononly", tooltip: this.previewButtonTooltip, "tooltip-position": "bottom", "label-for-identical-buttons": `preview ${item.name}`, icon: "f208", onClick: () => this.previewFile(item) }));
-    const downloadButton = (h("wm-button", { class: "download-button", "button-type": "icononly", tooltip: this.downloadButtonTooltip, "tooltip-position": "bottom", "label-for-identical-buttons": `download ${item.name}`, icon: "f1da", onClick: () => this.downloadFile(item) }));
-    const deleteButton = (h("wm-button", { class: "delete-button", "button-type": "icononly", tooltip: this.deleteButtonTooltip, "tooltip-position": "bottom", "label-for-identical-buttons": `delete ${item.name}`, icon: "f1c0", onClick: () => this.deleteFile(item) }));
-    return (h("div", { class: "file-controls" }, availableActions.includes("preview") && previewButton, availableActions.includes("download") && downloadButton, availableActions.includes("delete") && deleteButton));
-  }
-  renderFileInProgress(item) {
-    const filename = item.type ? `${item.name}.${item.type}` : item.name;
-    return (h("div", { class: "file-wrapper" }, h("div", { class: "file --progress" }, h("div", { class: "progress", style: {
-        background: `linear-gradient(to right, rgba(67, 126, 142, 1) ${item.progress}%, transparent ${item.progress}%)`,
-      } }), this.renderFileName(filename, this.isUploading))));
-  }
-  renderFileControls(item) {
-    const hasSingleFileAction = item.fileActions && item.fileActions.split(" ").length === 1;
-    const showActionMenu = this.isCondensed && !hasSingleFileAction;
-    return showActionMenu ? this.renderActionMenu(item) : this.renderFileActionButtons(item);
-  }
-  renderFile(item) {
-    const filename = item.type ? `${item.name}.${item.type}` : item.name;
-    const showCheckmark = !this.isWithinLegacyUploader && item.progress === 100;
-    return (h("div", { class: `file-wrapper ${showCheckmark ? "checked" : ""}` }, h("div", { class: `file ${this.errorMessage ? "--error" : ""}` }, this.renderFileName(filename, this.isUploading), !this.errorMessage && (h("div", { class: `right-group ${this.isCondensed ? "condensed" : ""}` }, this.showInfo !== "none" && this.renderFileInfo(item, this.showInfo), item.fileActions !== "" && this.renderFileControls(item))), this.errorMessage && (h("wm-button", { "permanently-delete": true, "button-type": "textonly", "label-for-identical-buttons": this.generateClearButtonLabel(item.name), onClick: () => this.wmFileClearErrorClicked.emit({ name: item.name }) }, this.clearButtonText))), this.errorMessage && h("div", { class: "error-message" }, this.errorMessage)));
-  }
-  render() {
-    return (h(Host, { role: "listitem" }, this.isUploading ? this.renderFileInProgress(this.fileData) : this.renderFile(this.fileData)));
-  }
-  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 {
-      "file": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "file",
-        "reflect": false
-      },
-      "showInfo": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "\"time\" | \"size\" | \"none\"",
-          "resolved": "\"none\" | \"size\" | \"time\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "show-info",
-        "reflect": false,
-        "defaultValue": "\"time\""
-      },
-      "errorMessage": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "error-message",
-        "reflect": false
-      }
-    };
-  }
-  static get states() {
-    return {
-      "isCondensed": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "wmIntFilePreviewed",
-        "name": "wmIntFilePreviewed",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        }
-      }, {
-        "method": "wmIntFileDownloaded",
-        "name": "wmIntFileDownloaded",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        }
-      }, {
-        "method": "wmIntFileDeleted",
-        "name": "wmIntFileDeleted",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        }
-      }, {
-        "method": "wmFileClearErrorClicked",
-        "name": "wmFileClearErrorClicked",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }];
-  }
-  static get elementRef() { return "el"; }
-}
-//# sourceMappingURL=wm-file.js.map
+import { h, Host, forceUpdate } from "@stencil/core";
+import { debounce, hideTooltip, intl, showTooltip } from "../../global/functions";
+export class File {
+  constructor() {
+    // the file component is used within wm-uploader, which still includes legacy types 1 and 2
+    // some new features are not included in these legacy types, and must use the below in conditions
+    this.isWithinLegacyUploader = false;
+    this.debouncedResize = debounce(() => {
+      this.isCondensed = this.el.clientWidth < 500;
+      // rerender to show filename truncation changes
+      forceUpdate(this.el);
+    }, 50);
+    this.file = undefined;
+    this.showInfo = "time";
+    this.errorMessage = undefined;
+    this.isCondensed = false;
+  }
+  get fileData() {
+    let data = this.file ? JSON.parse(this.file) : null;
+    // sometimes JSON numbers can be received as strings, make sure progress is always a number
+    if (data && data.progress && typeof data.progress === "string" && data.progress.match(/^[0-9]+$/)) {
+      data.progress = parseInt(data.progress.toString());
+    }
+    return data;
+  }
+  get isUploading() {
+    return this.fileData && this.fileData.hasOwnProperty("progress") && this.fileData.progress < 100;
+  }
+  get singleCharacterWidth() {
+    return this.el.shadowRoot.querySelector(".ch-measure").clientWidth;
+  }
+  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() {
+    const shadowRootHost = this.el.getRootNode().host;
+    if (shadowRootHost && shadowRootHost.nodeName === "WM-UPLOADER") {
+      if (shadowRootHost.type || shadowRootHost.uploaderType) {
+        this.isWithinLegacyUploader = true;
+      }
+    }
+    // rerender on resize in case layout needs to change
+    const resizeObserver = new ResizeObserver(() => this.debouncedResize());
+    resizeObserver.observe(this.el);
+  }
+  componentDidRender() {
+    this.truncateFileName(this.el.shadowRoot.querySelector(".file"));
+  }
+  previewFile(file) {
+    this.wmIntFilePreviewed.emit(file.id);
+  }
+  downloadFile(file) {
+    this.wmIntFileDownloaded.emit(file.id);
+  }
+  deleteFile(file) {
+    this.wmIntFileDeleted.emit(file.id);
+  }
+  truncateFileName(file) {
+    const leftGroup = file.querySelector(".left-group");
+    const leftBoundary = leftGroup.getBoundingClientRect().left;
+    const rightGroup = file.querySelector(".right-group");
+    const rightBoundary = rightGroup
+      ? rightGroup.getBoundingClientRect().left
+      : file.getBoundingClientRect().right - 20;
+    const filenameEl = file.querySelector(".filename");
+    const availableSpace = rightBoundary - leftBoundary;
+    let filename = filenameEl.dataset.filename;
+    const canFitText = availableSpace > filename.length * this.singleCharacterWidth;
+    if (!canFitText) {
+      const extension = filename.slice(filename.lastIndexOf("."));
+      const numFittingCharacters = Math.floor(availableSpace / this.singleCharacterWidth);
+      // three ellipses, three constant characters, extension
+      const postEllipsesLength = 3 + 3 + extension.length;
+      let preEllipsesLength = Math.max(2, numFittingCharacters - postEllipsesLength);
+      const preEllipsesText = filename.slice(0, preEllipsesLength);
+      const postEllipsesText = filename.slice(filename.indexOf(extension) - 3, filename.length);
+      filename = `${preEllipsesText.trim()}...${postEllipsesText.trim()}`;
+    }
+    filenameEl.textContent = filename;
+  }
+  handleFilenameMouseEnter(ev, filename) {
+    // only show tooltip if file name is being truncated (has ellipses)
+    if (ev.target.textContent.includes("...")) {
+      showTooltip("bottom", ev.target, filename);
+    }
+  }
+  renderFileName(filename, isUploading) {
+    return (h("div", { class: "left-group" }, h("div", { class: "name-wrapper" }, h("span", { class: "sr-only" }, filename), h("span", { "aria-hidden": "true", class: "filename", "data-filename": filename, onMouseEnter: (ev) => this.handleFilenameMouseEnter(ev, filename), onMouseLeave: () => hideTooltip() }), isUploading && h("span", { class: "sr-only" }, "uploading"), h("div", { class: "ch-measure" }))));
+  }
+  renderFileInfo(item, showInfo) {
+    let displayedInfo = "";
+    if (showInfo === "time" && item.lastUpdated) {
+      displayedInfo = item.lastUpdated;
+    }
+    else if (showInfo === "size" && item.size) {
+      displayedInfo = item.size;
+    }
+    return h("div", { class: "file-info" }, displayedInfo);
+  }
+  renderActionMenu(item) {
+    const defaultFileActions = "download delete";
+    const availableActions = item.fileActions || defaultFileActions;
+    const previewItem = (h("wm-menuitem", { icon: "f208", onClick: () => this.previewFile(item) }, this.previewActionMessage));
+    const downloadItem = (h("wm-menuitem", { icon: "f1da", onClick: () => this.downloadFile(item) }, this.downloadActionMessage));
+    const deleteItem = (h("wm-menuitem", { icon: "f1c0", onClick: () => this.deleteFile(item) }, this.deleteActionMessage));
+    return (h("wm-action-menu", { "action-menu-type": "icon", tooltip: this.actionMenuLabel, "tooltip-position": "bottom", "label-for-identical-buttons": `${item.name} ${this.actionMenuLabel}` }, availableActions.includes("preview") && previewItem, availableActions.includes("download") && downloadItem, availableActions.includes("delete") && deleteItem));
+  }
+  renderFileActionButtons(item) {
+    const defaultFileActions = "download delete";
+    const availableActions = item.fileActions || defaultFileActions;
+    const previewButton = (h("wm-button", { class: "preview-button", "button-type": "icononly", tooltip: this.previewButtonTooltip, "tooltip-position": "bottom", "label-for-identical-buttons": `preview ${item.name}`, icon: "f208", onClick: () => this.previewFile(item) }));
+    const downloadButton = (h("wm-button", { class: "download-button", "button-type": "icononly", tooltip: this.downloadButtonTooltip, "tooltip-position": "bottom", "label-for-identical-buttons": `download ${item.name}`, icon: "f1da", onClick: () => this.downloadFile(item) }));
+    const deleteButton = (h("wm-button", { class: "delete-button", "button-type": "icononly", tooltip: this.deleteButtonTooltip, "tooltip-position": "bottom", "label-for-identical-buttons": `delete ${item.name}`, icon: "f1c0", onClick: () => this.deleteFile(item) }));
+    return (h("div", { class: "file-controls" }, availableActions.includes("preview") && previewButton, availableActions.includes("download") && downloadButton, availableActions.includes("delete") && deleteButton));
+  }
+  renderFileInProgress(item) {
+    const filename = item.type ? `${item.name}.${item.type}` : item.name;
+    return (h("div", { class: "file-wrapper" }, h("div", { class: "file --progress" }, h("div", { class: "progress", style: {
+        background: `linear-gradient(to right, rgba(67, 126, 142, 1) ${item.progress}%, transparent ${item.progress}%)`,
+      } }), this.renderFileName(filename, this.isUploading))));
+  }
+  renderFileControls(item) {
+    const hasSingleFileAction = item.fileActions && item.fileActions.split(" ").length === 1;
+    const showActionMenu = this.isCondensed && !hasSingleFileAction;
+    return showActionMenu ? this.renderActionMenu(item) : this.renderFileActionButtons(item);
+  }
+  renderFile(item) {
+    const filename = item.type ? `${item.name}.${item.type}` : item.name;
+    const showCheckmark = !this.isWithinLegacyUploader && item.progress === 100;
+    return (h("div", { class: `file-wrapper ${showCheckmark ? "checked" : ""}` }, h("div", { class: `file ${this.errorMessage ? "--error" : ""}` }, this.renderFileName(filename, this.isUploading), !this.errorMessage && (h("div", { class: `right-group ${this.isCondensed ? "condensed" : ""}` }, this.showInfo !== "none" && this.renderFileInfo(item, this.showInfo), item.fileActions !== "" && this.renderFileControls(item))), this.errorMessage && (h("wm-button", { "permanently-delete": true, "button-type": "textonly", "label-for-identical-buttons": this.generateClearButtonLabel(item.name), onClick: () => this.wmFileClearErrorClicked.emit({ name: item.name }) }, this.clearButtonText))), this.errorMessage && h("div", { class: "error-message" }, this.errorMessage)));
+  }
+  render() {
+    return (h(Host, { role: "listitem" }, this.isUploading ? this.renderFileInProgress(this.fileData) : this.renderFile(this.fileData)));
+  }
+  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 {
+      "file": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "file",
+        "reflect": false
+      },
+      "showInfo": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "\"time\" | \"size\" | \"none\"",
+          "resolved": "\"none\" | \"size\" | \"time\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "show-info",
+        "reflect": false,
+        "defaultValue": "\"time\""
+      },
+      "errorMessage": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "error-message",
+        "reflect": false
+      }
+    };
+  }
+  static get states() {
+    return {
+      "isCondensed": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "wmIntFilePreviewed",
+        "name": "wmIntFilePreviewed",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        }
+      }, {
+        "method": "wmIntFileDownloaded",
+        "name": "wmIntFileDownloaded",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        }
+      }, {
+        "method": "wmIntFileDeleted",
+        "name": "wmIntFileDeleted",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        }
+      }, {
+        "method": "wmFileClearErrorClicked",
+        "name": "wmFileClearErrorClicked",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
+  static get elementRef() { return "el"; }
+}
+//# sourceMappingURL=wm-file.js.map