@watermarkinsights/ripple 3.25.0-2 → 3.25.0

package/dist/cjs/wm-file.cjs.entry.js

@@ -3,210 +3,210 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1f84c034.js');
-const functions = require('./functions-53aff314.js');
+const functions = require('./functions-d2d99997.js');
 
 const wmFileCss = ":host,wm-file{display:block;width:100%}.file-wrapper{font-size:0.875rem;position:relative;list-style:none}.file-wrapper .file{min-width:300px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;height:3.5rem;padding:0 1.25rem;position:relative;background:#f4f4f4;border:1px solid #6b6b6b;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.file-wrapper .file .filename{white-space:nowrap}.file-wrapper .file .left-group{overflow:hidden}.file-wrapper .file .right-group{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-left:5rem;gap:1rem}.file-wrapper .file .right-group.condensed{padding-left:2.5rem}.file-wrapper .file .right-group .file-controls{display:-ms-flexbox;display:flex;gap:1rem}.file-wrapper .file .right-group .file-info{white-space:nowrap}.file-wrapper .file.--error{border:1px solid #c0392b;background-color:#f5ebea;height:3.75rem}.file-wrapper.checked .file:after{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\\f133\";position:absolute;right:-44px;color:#088000;font-size:28px;line-height:1}.name-wrapper{overflow:hidden}.progress{position:absolute;left:0;top:0;right:0;height:8px}.error-message{display:block;font-style:italic;color:#c0392b;font-size:0.875rem;margin-top:0.25rem}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.ch-measure{width:1ch !important;visibility:hidden}";
 
-const File = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.wmIntFilePreviewed = index.createEvent(this, "wmIntFilePreviewed", 7);
-    this.wmIntFileDownloaded = index.createEvent(this, "wmIntFileDownloaded", 7);
-    this.wmIntFileDeleted = index.createEvent(this, "wmIntFileDeleted", 7);
-    this.wmFileClearErrorClicked = index.createEvent(this, "wmFileClearErrorClicked", 7);
-    // 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 = functions.debounce(() => {
-      this.isCondensed = this.el.clientWidth < 500;
-      // rerender to show filename truncation changes
-      index.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 functions.intl.formatMessage({
-      id: "file.previewButtonTooltip",
-      defaultMessage: "Preview",
-      description: "Tooltip of a button that triggers a file to be previewed",
-    });
-  }
-  get downloadButtonTooltip() {
-    return functions.intl.formatMessage({
-      id: "file.downloadButtonTooltip",
-      defaultMessage: "Download",
-      description: "Tooltip of a button that triggers a file to be downloaded",
-    });
-  }
-  get deleteButtonTooltip() {
-    return functions.intl.formatMessage({
-      id: "file.deleteButtonTooltip",
-      defaultMessage: "Delete",
-      description: "Tooltip of a button that triggers a file to be deleted",
-    });
-  }
-  get previewActionMessage() {
-    return functions.intl.formatMessage({
-      id: "file.previewAction",
-      defaultMessage: "Preview File",
-      description: "Label of a button that triggers a file to be previewed",
-    });
-  }
-  get downloadActionMessage() {
-    return functions.intl.formatMessage({
-      id: "file.downloadAction",
-      defaultMessage: "Download File",
-      description: "Label of a button that triggers a file to be downloaded",
-    });
-  }
-  get deleteActionMessage() {
-    return functions.intl.formatMessage({
-      id: "file.deleteAction",
-      defaultMessage: "Delete File",
-      description: "Label of a button that triggers a file to be delete",
-    });
-  }
-  get actionMenuLabel() {
-    return functions.intl.formatMessage({
-      id: "file.actionMenuLabel",
-      defaultMessage: "Actions",
-      description: "Label of a button that opens a menu of file actions",
-    });
-  }
-  get clearButtonText() {
-    return functions.intl.formatMessage({
-      id: "file.clearErrorText",
-      defaultMessage: "Clear",
-      description: "Text for a button used to clear an error",
-    });
-  }
-  generateClearButtonLabel(filename) {
-    return functions.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("...")) {
-      functions.showTooltip("bottom", ev.target, filename);
-    }
-  }
-  renderFileName(filename, isUploading) {
-    return (index.h("div", { class: "left-group" }, index.h("div", { class: "name-wrapper" }, index.h("span", { class: "sr-only" }, filename), index.h("span", { "aria-hidden": "true", class: "filename", "data-filename": filename, onMouseEnter: (ev) => this.handleFilenameMouseEnter(ev, filename), onMouseLeave: () => functions.hideTooltip() }), isUploading && index.h("span", { class: "sr-only" }, "uploading"), index.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 index.h("div", { class: "file-info" }, displayedInfo);
-  }
-  renderActionMenu(item) {
-    const defaultFileActions = "download delete";
-    const availableActions = item.fileActions || defaultFileActions;
-    const previewItem = (index.h("wm-menuitem", { icon: "f208", onClick: () => this.previewFile(item) }, this.previewActionMessage));
-    const downloadItem = (index.h("wm-menuitem", { icon: "f1da", onClick: () => this.downloadFile(item) }, this.downloadActionMessage));
-    const deleteItem = (index.h("wm-menuitem", { icon: "f1c0", onClick: () => this.deleteFile(item) }, this.deleteActionMessage));
-    return (index.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 = (index.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 = (index.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 = (index.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 (index.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 (index.h("div", { class: "file-wrapper" }, index.h("div", { class: "file --progress" }, index.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 (index.h("div", { class: `file-wrapper ${showCheckmark ? "checked" : ""}` }, index.h("div", { class: `file ${this.errorMessage ? "--error" : ""}` }, this.renderFileName(filename, this.isUploading), !this.errorMessage && (index.h("div", { class: `right-group ${this.isCondensed ? "condensed" : ""}` }, this.showInfo !== "none" && this.renderFileInfo(item, this.showInfo), item.fileActions !== "" && this.renderFileControls(item))), this.errorMessage && (index.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 && index.h("div", { class: "error-message" }, this.errorMessage)));
-  }
-  render() {
-    return (index.h(index.Host, { role: "listitem" }, this.isUploading ? this.renderFileInProgress(this.fileData) : this.renderFile(this.fileData)));
-  }
-  static get delegatesFocus() { return true; }
-  get el() { return index.getElement(this); }
-};
+const File = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.wmIntFilePreviewed = index.createEvent(this, "wmIntFilePreviewed", 7);
+    this.wmIntFileDownloaded = index.createEvent(this, "wmIntFileDownloaded", 7);
+    this.wmIntFileDeleted = index.createEvent(this, "wmIntFileDeleted", 7);
+    this.wmFileClearErrorClicked = index.createEvent(this, "wmFileClearErrorClicked", 7);
+    // 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 = functions.debounce(() => {
+      this.isCondensed = this.el.clientWidth < 500;
+      // rerender to show filename truncation changes
+      index.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 functions.intl.formatMessage({
+      id: "file.previewButtonTooltip",
+      defaultMessage: "Preview",
+      description: "Tooltip of a button that triggers a file to be previewed",
+    });
+  }
+  get downloadButtonTooltip() {
+    return functions.intl.formatMessage({
+      id: "file.downloadButtonTooltip",
+      defaultMessage: "Download",
+      description: "Tooltip of a button that triggers a file to be downloaded",
+    });
+  }
+  get deleteButtonTooltip() {
+    return functions.intl.formatMessage({
+      id: "file.deleteButtonTooltip",
+      defaultMessage: "Delete",
+      description: "Tooltip of a button that triggers a file to be deleted",
+    });
+  }
+  get previewActionMessage() {
+    return functions.intl.formatMessage({
+      id: "file.previewAction",
+      defaultMessage: "Preview File",
+      description: "Label of a button that triggers a file to be previewed",
+    });
+  }
+  get downloadActionMessage() {
+    return functions.intl.formatMessage({
+      id: "file.downloadAction",
+      defaultMessage: "Download File",
+      description: "Label of a button that triggers a file to be downloaded",
+    });
+  }
+  get deleteActionMessage() {
+    return functions.intl.formatMessage({
+      id: "file.deleteAction",
+      defaultMessage: "Delete File",
+      description: "Label of a button that triggers a file to be delete",
+    });
+  }
+  get actionMenuLabel() {
+    return functions.intl.formatMessage({
+      id: "file.actionMenuLabel",
+      defaultMessage: "Actions",
+      description: "Label of a button that opens a menu of file actions",
+    });
+  }
+  get clearButtonText() {
+    return functions.intl.formatMessage({
+      id: "file.clearErrorText",
+      defaultMessage: "Clear",
+      description: "Text for a button used to clear an error",
+    });
+  }
+  generateClearButtonLabel(filename) {
+    return functions.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("...")) {
+      functions.showTooltip("bottom", ev.target, filename);
+    }
+  }
+  renderFileName(filename, isUploading) {
+    return (index.h("div", { class: "left-group" }, index.h("div", { class: "name-wrapper" }, index.h("span", { class: "sr-only" }, filename), index.h("span", { "aria-hidden": "true", class: "filename", "data-filename": filename, onMouseEnter: (ev) => this.handleFilenameMouseEnter(ev, filename), onMouseLeave: () => functions.hideTooltip() }), isUploading && index.h("span", { class: "sr-only" }, "uploading"), index.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 index.h("div", { class: "file-info" }, displayedInfo);
+  }
+  renderActionMenu(item) {
+    const defaultFileActions = "download delete";
+    const availableActions = item.fileActions || defaultFileActions;
+    const previewItem = (index.h("wm-menuitem", { icon: "f208", onClick: () => this.previewFile(item) }, this.previewActionMessage));
+    const downloadItem = (index.h("wm-menuitem", { icon: "f1da", onClick: () => this.downloadFile(item) }, this.downloadActionMessage));
+    const deleteItem = (index.h("wm-menuitem", { icon: "f1c0", onClick: () => this.deleteFile(item) }, this.deleteActionMessage));
+    return (index.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 = (index.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 = (index.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 = (index.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 (index.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 (index.h("div", { class: "file-wrapper" }, index.h("div", { class: "file --progress" }, index.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 (index.h("div", { class: `file-wrapper ${showCheckmark ? "checked" : ""}` }, index.h("div", { class: `file ${this.errorMessage ? "--error" : ""}` }, this.renderFileName(filename, this.isUploading), !this.errorMessage && (index.h("div", { class: `right-group ${this.isCondensed ? "condensed" : ""}` }, this.showInfo !== "none" && this.renderFileInfo(item, this.showInfo), item.fileActions !== "" && this.renderFileControls(item))), this.errorMessage && (index.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 && index.h("div", { class: "error-message" }, this.errorMessage)));
+  }
+  render() {
+    return (index.h(index.Host, { role: "listitem" }, this.isUploading ? this.renderFileInProgress(this.fileData) : this.renderFile(this.fileData)));
+  }
+  static get delegatesFocus() { return true; }
+  get el() { return index.getElement(this); }
+};
 File.style = wmFileCss;
 
 exports.wm_file = File;

package/dist/cjs/wm-file.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"wm-file.entry.cjs.js","mappings":"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","names":["debounce","forceUpdate","intl","showTooltip","h","hideTooltip","Host"],"sources":["./src/components/wm-file/wm-file.scss?tag=wm-file&encapsulation=shadow","./src/components/wm-file/wm-file.tsx"],"sourcesContent":[":host,\r\nwm-file {\r\n  display: block;\r\n  width: 100%;\r\n}\r\n.file-wrapper {\r\n  font-size: rem-calc(14);\r\n  position: relative;\r\n  list-style: none;\r\n\r\n  .file {\r\n    min-width: 300px;\r\n    @include border-radius(3px);\r\n    height: rem-calc(56);\r\n    padding: 0 rem-calc(20);\r\n    position: relative; // for progress bar\r\n    background: $background;\r\n    border: 1px solid rgb(107, 107, 107);\r\n\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n\r\n    .filename {\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .left-group {\r\n      overflow: hidden;\r\n    }\r\n\r\n    .right-group {\r\n      display: flex;\r\n      align-items: center;\r\n      padding-left: rem-calc(80);\r\n      gap: rem-calc(16);\r\n\r\n      &.condensed {\r\n        padding-left: rem-calc(40);\r\n      }\r\n\r\n      .file-controls {\r\n        display: flex;\r\n        gap: rem-calc(16);\r\n      }\r\n      .file-info {\r\n        white-space: nowrap;\r\n      }\r\n    }\r\n\r\n    &.--error {\r\n      border: 1px solid $error-color;\r\n      background-color: #f5ebea;\r\n      height: rem-calc(60);\r\n    }\r\n  }\r\n\r\n  &.checked {\r\n    .file:after {\r\n      @include mdi-icon;\r\n      content: \"\\f133\";\r\n      position: absolute;\r\n      right: calc(-16px + -28px);\r\n      color: $uploader-checkmark-background;\r\n      font-size: 28px;\r\n      line-height: 1;\r\n    }\r\n  }\r\n}\r\n\r\n.name-wrapper {\r\n  overflow: hidden;\r\n}\r\n\r\n.progress {\r\n  position: absolute;\r\n  left: 0;\r\n  top: 0;\r\n  right: 0;\r\n  height: 8px;\r\n}\r\n\r\n.error-message {\r\n  @include errorMessage;\r\n}\r\n\r\n.sr-only {\r\n  @include srOnly;\r\n}\r\n\r\n.ch-measure {\r\n  // used to get the measurement of a single character, for truncation calculations\r\n  width: 1ch !important;\r\n  visibility: hidden;\r\n}\r\n","import { h, Component, Element, Event, EventEmitter, Prop, State, Host, forceUpdate } from \"@stencil/core\";\r\nimport { debounce, hideTooltip, intl, showTooltip } from \"../../global/functions\";\r\nimport { UploadedFile } from \"../../global/interfaces\";\r\n\r\n@Component({\r\n  tag: \"wm-file\",\r\n  styleUrl: \"wm-file.scss\",\r\n  shadow: { delegatesFocus: true },\r\n})\r\nexport class File {\r\n  @Element() el!: HTMLWmFileElement;\r\n  @Prop() file?: string;\r\n  @Prop() showInfo: \"time\" | \"size\" | \"none\" = \"time\";\r\n  @Prop() errorMessage?: string;\r\n  @State() isCondensed: boolean = false;\r\n  @Event() wmIntFilePreviewed!: EventEmitter<string>;\r\n  @Event() wmIntFileDownloaded!: EventEmitter<string>;\r\n  @Event() wmIntFileDeleted!: EventEmitter<string>;\r\n  @Event() wmFileClearErrorClicked!: EventEmitter; // undocumented event, for communication with wm-uploader\r\n  // the file component is used within wm-uploader, which still includes legacy types 1 and 2\r\n  // some new features are not included in these legacy types, and must use the below in conditions\r\n  private isWithinLegacyUploader: boolean = false;\r\n\r\n  get fileData(): UploadedFile {\r\n    let data = this.file ? JSON.parse(this.file) : null;\r\n\r\n    // sometimes JSON numbers can be received as strings, make sure progress is always a number\r\n    if (data && data.progress && typeof data.progress === \"string\" && data.progress.match(/^[0-9]+$/)) {\r\n      data.progress = parseInt(data.progress.toString());\r\n    }\r\n    return data;\r\n  }\r\n\r\n  get isUploading(): boolean {\r\n    return this.fileData && this.fileData.hasOwnProperty(\"progress\") && this.fileData.progress! < 100;\r\n  }\r\n\r\n  get singleCharacterWidth() {\r\n    return this.el.shadowRoot!.querySelector(\".ch-measure\")!.clientWidth;\r\n  }\r\n\r\n  get previewButtonTooltip() {\r\n    return intl.formatMessage({\r\n      id: \"file.previewButtonTooltip\",\r\n      defaultMessage: \"Preview\",\r\n      description: \"Tooltip of a button that triggers a file to be previewed\",\r\n    });\r\n  }\r\n\r\n  get downloadButtonTooltip() {\r\n    return intl.formatMessage({\r\n      id: \"file.downloadButtonTooltip\",\r\n      defaultMessage: \"Download\",\r\n      description: \"Tooltip of a button that triggers a file to be downloaded\",\r\n    });\r\n  }\r\n\r\n  get deleteButtonTooltip() {\r\n    return intl.formatMessage({\r\n      id: \"file.deleteButtonTooltip\",\r\n      defaultMessage: \"Delete\",\r\n      description: \"Tooltip of a button that triggers a file to be deleted\",\r\n    });\r\n  }\r\n\r\n  get previewActionMessage() {\r\n    return intl.formatMessage({\r\n      id: \"file.previewAction\",\r\n      defaultMessage: \"Preview File\",\r\n      description: \"Label of a button that triggers a file to be previewed\",\r\n    });\r\n  }\r\n\r\n  get downloadActionMessage() {\r\n    return intl.formatMessage({\r\n      id: \"file.downloadAction\",\r\n      defaultMessage: \"Download File\",\r\n      description: \"Label of a button that triggers a file to be downloaded\",\r\n    });\r\n  }\r\n\r\n  get deleteActionMessage() {\r\n    return intl.formatMessage({\r\n      id: \"file.deleteAction\",\r\n      defaultMessage: \"Delete File\",\r\n      description: \"Label of a button that triggers a file to be delete\",\r\n    });\r\n  }\r\n\r\n  get actionMenuLabel() {\r\n    return intl.formatMessage({\r\n      id: \"file.actionMenuLabel\",\r\n      defaultMessage: \"Actions\",\r\n      description: \"Label of a button that opens a menu of file actions\",\r\n    });\r\n  }\r\n\r\n  get clearButtonText() {\r\n    return intl.formatMessage({\r\n      id: \"file.clearErrorText\",\r\n      defaultMessage: \"Clear\",\r\n      description: \"Text for a button used to clear an error\",\r\n    });\r\n  }\r\n\r\n  generateClearButtonLabel(filename: string) {\r\n    return intl.formatMessage(\r\n      {\r\n        id: \"file.clearErrorLabel\",\r\n        defaultMessage: \"Clear {fileName} error\",\r\n        description: \"Label for a button used to clear an error, including filename\",\r\n      },\r\n      { fileName: filename }\r\n    );\r\n  }\r\n\r\n  componentWillLoad() {\r\n    const shadowRootHost = (this.el.getRootNode() as ShadowRoot).host;\r\n\r\n    if (shadowRootHost && shadowRootHost.nodeName === \"WM-UPLOADER\") {\r\n      if ((shadowRootHost as HTMLWmUploaderElement).type || (shadowRootHost as HTMLWmUploaderElement).uploaderType) {\r\n        this.isWithinLegacyUploader = true;\r\n      }\r\n    }\r\n\r\n    // rerender on resize in case layout needs to change\r\n    const resizeObserver = new ResizeObserver(() => this.debouncedResize());\r\n    resizeObserver.observe(this.el);\r\n  }\r\n\r\n  componentDidRender() {\r\n    this.truncateFileName(this.el.shadowRoot!.querySelector(\".file\")!);\r\n  }\r\n\r\n  debouncedResize = debounce(() => {\r\n    this.isCondensed = this.el.clientWidth < 500;\r\n    // rerender to show filename truncation changes\r\n    forceUpdate(this.el);\r\n  }, 50);\r\n\r\n  previewFile(file: UploadedFile) {\r\n    this.wmIntFilePreviewed.emit(file.id);\r\n  }\r\n\r\n  downloadFile(file: UploadedFile) {\r\n    this.wmIntFileDownloaded.emit(file.id);\r\n  }\r\n\r\n  deleteFile(file: UploadedFile) {\r\n    this.wmIntFileDeleted.emit(file.id);\r\n  }\r\n\r\n  truncateFileName(file: Element) {\r\n    const leftGroup = file.querySelector(\".left-group\");\r\n    const leftBoundary = leftGroup!.getBoundingClientRect().left;\r\n    const rightGroup = file.querySelector(\".right-group\");\r\n    const rightBoundary = rightGroup\r\n      ? rightGroup.getBoundingClientRect().left\r\n      : file.getBoundingClientRect().right - 20;\r\n    const filenameEl = file.querySelector(\".filename\") as HTMLElement;\r\n    const availableSpace = rightBoundary - leftBoundary;\r\n\r\n    let filename = filenameEl.dataset.filename!;\r\n    const canFitText = availableSpace > filename.length * this.singleCharacterWidth;\r\n\r\n    if (!canFitText) {\r\n      const extension = filename.slice(filename.lastIndexOf(\".\"));\r\n      const numFittingCharacters = Math.floor(availableSpace / this.singleCharacterWidth);\r\n\r\n      // three ellipses, three constant characters, extension\r\n      const postEllipsesLength = 3 + 3 + extension.length;\r\n      let preEllipsesLength = Math.max(2, numFittingCharacters - postEllipsesLength);\r\n      const preEllipsesText = filename.slice(0, preEllipsesLength);\r\n      const postEllipsesText = filename.slice(filename.indexOf(extension) - 3, filename.length);\r\n      filename = `${preEllipsesText.trim()}...${postEllipsesText.trim()}`;\r\n    }\r\n\r\n    filenameEl.textContent = filename;\r\n  }\r\n\r\n  handleFilenameMouseEnter(ev: MouseEvent, filename: string) {\r\n    // only show tooltip if file name is being truncated (has ellipses)\r\n    if ((ev.target as HTMLElement).textContent!.includes(\"...\")) {\r\n      showTooltip(\"bottom\", ev.target as HTMLElement, filename);\r\n    }\r\n  }\r\n\r\n  renderFileName(filename: string, isUploading: boolean) {\r\n    return (\r\n      <div class=\"left-group\">\r\n        <div class=\"name-wrapper\">\r\n          <span class=\"sr-only\">{filename}</span>\r\n          <span\r\n            aria-hidden=\"true\"\r\n            class=\"filename\"\r\n            data-filename={filename}\r\n            onMouseEnter={(ev) => this.handleFilenameMouseEnter(ev, filename)}\r\n            onMouseLeave={() => hideTooltip()}\r\n          ></span>\r\n          {isUploading && <span class=\"sr-only\">uploading</span>}\r\n          <div class=\"ch-measure\"></div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  renderFileInfo(item: UploadedFile, showInfo: string) {\r\n    let displayedInfo = \"\";\r\n    if (showInfo === \"time\" && item.lastUpdated) {\r\n      displayedInfo = item.lastUpdated;\r\n    } else if (showInfo === \"size\" && item.size) {\r\n      displayedInfo = item.size;\r\n    }\r\n\r\n    return <div class=\"file-info\">{displayedInfo}</div>;\r\n  }\r\n\r\n  renderActionMenu(item: UploadedFile) {\r\n    const defaultFileActions = \"download delete\";\r\n    const availableActions = item.fileActions || defaultFileActions;\r\n    const previewItem = (\r\n      <wm-menuitem icon=\"f208\" onClick={() => this.previewFile(item)}>\r\n        {this.previewActionMessage}\r\n      </wm-menuitem>\r\n    );\r\n    const downloadItem = (\r\n      <wm-menuitem icon=\"f1da\" onClick={() => this.downloadFile(item)}>\r\n        {this.downloadActionMessage}\r\n      </wm-menuitem>\r\n    );\r\n    const deleteItem = (\r\n      <wm-menuitem icon=\"f1c0\" onClick={() => this.deleteFile(item)}>\r\n        {this.deleteActionMessage}\r\n      </wm-menuitem>\r\n    );\r\n    return (\r\n      <wm-action-menu\r\n        action-menu-type=\"icon\"\r\n        tooltip={this.actionMenuLabel}\r\n        tooltip-position=\"bottom\"\r\n        label-for-identical-buttons={`${item.name} ${this.actionMenuLabel}`}\r\n      >\r\n        {availableActions.includes(\"preview\") && previewItem}\r\n        {availableActions.includes(\"download\") && downloadItem}\r\n        {availableActions.includes(\"delete\") && deleteItem}\r\n      </wm-action-menu>\r\n    );\r\n  }\r\n\r\n  renderFileActionButtons(item: UploadedFile) {\r\n    const defaultFileActions = \"download delete\";\r\n    const availableActions = item.fileActions || defaultFileActions;\r\n\r\n    const previewButton = (\r\n      <wm-button\r\n        class=\"preview-button\"\r\n        button-type=\"icononly\"\r\n        tooltip={this.previewButtonTooltip}\r\n        tooltip-position=\"bottom\"\r\n        label-for-identical-buttons={`preview ${item.name}`}\r\n        icon=\"f208\"\r\n        onClick={() => this.previewFile(item)}\r\n      ></wm-button>\r\n    );\r\n    const downloadButton = (\r\n      <wm-button\r\n        class=\"download-button\"\r\n        button-type=\"icononly\"\r\n        tooltip={this.downloadButtonTooltip}\r\n        tooltip-position=\"bottom\"\r\n        label-for-identical-buttons={`download ${item.name}`}\r\n        icon=\"f1da\"\r\n        onClick={() => this.downloadFile(item)}\r\n      ></wm-button>\r\n    );\r\n    const deleteButton = (\r\n      <wm-button\r\n        class=\"delete-button\"\r\n        button-type=\"icononly\"\r\n        tooltip={this.deleteButtonTooltip}\r\n        tooltip-position=\"bottom\"\r\n        label-for-identical-buttons={`delete ${item.name}`}\r\n        icon=\"f1c0\"\r\n        onClick={() => this.deleteFile(item)}\r\n      ></wm-button>\r\n    );\r\n\r\n    return (\r\n      <div class=\"file-controls\">\r\n        {availableActions.includes(\"preview\") && previewButton}\r\n        {availableActions.includes(\"download\") && downloadButton}\r\n        {availableActions.includes(\"delete\") && deleteButton}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  renderFileInProgress(item: UploadedFile) {\r\n    const filename = item.type ? `${item.name}.${item.type}` : item.name;\r\n    return (\r\n      <div class=\"file-wrapper\">\r\n        <div class=\"file --progress\">\r\n          <div\r\n            class=\"progress\"\r\n            style={{\r\n              background: `linear-gradient(to right, rgba(67, 126, 142, 1) ${item.progress}%, transparent ${item.progress}%)`,\r\n            }}\r\n          ></div>\r\n          {this.renderFileName(filename, this.isUploading)}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  renderFileControls(item: UploadedFile) {\r\n    const hasSingleFileAction = item.fileActions && item.fileActions.split(\" \").length === 1;\r\n    const showActionMenu = this.isCondensed && !hasSingleFileAction;\r\n\r\n    return showActionMenu ? this.renderActionMenu(item) : this.renderFileActionButtons(item);\r\n  }\r\n\r\n  renderFile(item: UploadedFile) {\r\n    const filename = item.type ? `${item.name}.${item.type}` : item.name;\r\n    const showCheckmark = !this.isWithinLegacyUploader && item.progress === 100;\r\n\r\n    return (\r\n      <div class={`file-wrapper ${showCheckmark ? \"checked\" : \"\"}`}>\r\n        <div class={`file ${this.errorMessage ? \"--error\" : \"\"}`}>\r\n          {this.renderFileName(filename, this.isUploading)}\r\n          {!this.errorMessage && (\r\n            <div class={`right-group ${this.isCondensed ? \"condensed\" : \"\"}`}>\r\n              {this.showInfo !== \"none\" && this.renderFileInfo(item, this.showInfo)}\r\n              {item.fileActions !== \"\" && this.renderFileControls(item)}\r\n            </div>\r\n          )}\r\n          {this.errorMessage && (\r\n            <wm-button\r\n              permanently-delete\r\n              button-type=\"textonly\"\r\n              label-for-identical-buttons={this.generateClearButtonLabel(item.name)}\r\n              onClick={() => this.wmFileClearErrorClicked.emit({ name: item.name })}\r\n            >\r\n              {this.clearButtonText}\r\n            </wm-button>\r\n          )}\r\n        </div>\r\n        {this.errorMessage && <div class=\"error-message\">{this.errorMessage}</div>}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host role=\"listitem\">\r\n        {this.isUploading ? this.renderFileInProgress(this.fileData) : this.renderFile(this.fileData)}\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}
+{"file":"wm-file.entry.cjs.js","mappings":"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","names":["debounce","forceUpdate","intl","showTooltip","h","hideTooltip","Host"],"sources":["./src/components/wm-file/wm-file.scss?tag=wm-file&encapsulation=shadow","./src/components/wm-file/wm-file.tsx"],"sourcesContent":[":host,\nwm-file {\n  display: block;\n  width: 100%;\n}\n.file-wrapper {\n  font-size: rem-calc(14);\n  position: relative;\n  list-style: none;\n\n  .file {\n    min-width: 300px;\n    @include border-radius(3px);\n    height: rem-calc(56);\n    padding: 0 rem-calc(20);\n    position: relative; // for progress bar\n    background: $background;\n    border: 1px solid rgb(107, 107, 107);\n\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n\n    .filename {\n      white-space: nowrap;\n    }\n\n    .left-group {\n      overflow: hidden;\n    }\n\n    .right-group {\n      display: flex;\n      align-items: center;\n      padding-left: rem-calc(80);\n      gap: rem-calc(16);\n\n      &.condensed {\n        padding-left: rem-calc(40);\n      }\n\n      .file-controls {\n        display: flex;\n        gap: rem-calc(16);\n      }\n      .file-info {\n        white-space: nowrap;\n      }\n    }\n\n    &.--error {\n      border: 1px solid $error-color;\n      background-color: #f5ebea;\n      height: rem-calc(60);\n    }\n  }\n\n  &.checked {\n    .file:after {\n      @include mdi-icon;\n      content: \"\\f133\";\n      position: absolute;\n      right: calc(-16px + -28px);\n      color: $uploader-checkmark-background;\n      font-size: 28px;\n      line-height: 1;\n    }\n  }\n}\n\n.name-wrapper {\n  overflow: hidden;\n}\n\n.progress {\n  position: absolute;\n  left: 0;\n  top: 0;\n  right: 0;\n  height: 8px;\n}\n\n.error-message {\n  @include errorMessage;\n}\n\n.sr-only {\n  @include srOnly;\n}\n\n.ch-measure {\n  // used to get the measurement of a single character, for truncation calculations\n  width: 1ch !important;\n  visibility: hidden;\n}\n","import { h, Component, Element, Event, EventEmitter, Prop, State, Host, forceUpdate } from \"@stencil/core\";\nimport { debounce, hideTooltip, intl, showTooltip } from \"../../global/functions\";\nimport { UploadedFile } from \"../../global/interfaces\";\n\n@Component({\n  tag: \"wm-file\",\n  styleUrl: \"wm-file.scss\",\n  shadow: { delegatesFocus: true },\n})\nexport class File {\n  @Element() el!: HTMLWmFileElement;\n  @Prop() file?: string;\n  @Prop() showInfo: \"time\" | \"size\" | \"none\" = \"time\";\n  @Prop() errorMessage?: string;\n  @State() isCondensed: boolean = false;\n  @Event() wmIntFilePreviewed!: EventEmitter<string>;\n  @Event() wmIntFileDownloaded!: EventEmitter<string>;\n  @Event() wmIntFileDeleted!: EventEmitter<string>;\n  @Event() wmFileClearErrorClicked!: EventEmitter; // undocumented event, for communication with wm-uploader\n  // the file component is used within wm-uploader, which still includes legacy types 1 and 2\n  // some new features are not included in these legacy types, and must use the below in conditions\n  private isWithinLegacyUploader: boolean = false;\n\n  get fileData(): UploadedFile {\n    let data = this.file ? JSON.parse(this.file) : null;\n\n    // sometimes JSON numbers can be received as strings, make sure progress is always a number\n    if (data && data.progress && typeof data.progress === \"string\" && data.progress.match(/^[0-9]+$/)) {\n      data.progress = parseInt(data.progress.toString());\n    }\n    return data;\n  }\n\n  get isUploading(): boolean {\n    return this.fileData && this.fileData.hasOwnProperty(\"progress\") && this.fileData.progress! < 100;\n  }\n\n  get singleCharacterWidth() {\n    return this.el.shadowRoot!.querySelector(\".ch-measure\")!.clientWidth;\n  }\n\n  get previewButtonTooltip() {\n    return intl.formatMessage({\n      id: \"file.previewButtonTooltip\",\n      defaultMessage: \"Preview\",\n      description: \"Tooltip of a button that triggers a file to be previewed\",\n    });\n  }\n\n  get downloadButtonTooltip() {\n    return intl.formatMessage({\n      id: \"file.downloadButtonTooltip\",\n      defaultMessage: \"Download\",\n      description: \"Tooltip of a button that triggers a file to be downloaded\",\n    });\n  }\n\n  get deleteButtonTooltip() {\n    return intl.formatMessage({\n      id: \"file.deleteButtonTooltip\",\n      defaultMessage: \"Delete\",\n      description: \"Tooltip of a button that triggers a file to be deleted\",\n    });\n  }\n\n  get previewActionMessage() {\n    return intl.formatMessage({\n      id: \"file.previewAction\",\n      defaultMessage: \"Preview File\",\n      description: \"Label of a button that triggers a file to be previewed\",\n    });\n  }\n\n  get downloadActionMessage() {\n    return intl.formatMessage({\n      id: \"file.downloadAction\",\n      defaultMessage: \"Download File\",\n      description: \"Label of a button that triggers a file to be downloaded\",\n    });\n  }\n\n  get deleteActionMessage() {\n    return intl.formatMessage({\n      id: \"file.deleteAction\",\n      defaultMessage: \"Delete File\",\n      description: \"Label of a button that triggers a file to be delete\",\n    });\n  }\n\n  get actionMenuLabel() {\n    return intl.formatMessage({\n      id: \"file.actionMenuLabel\",\n      defaultMessage: \"Actions\",\n      description: \"Label of a button that opens a menu of file actions\",\n    });\n  }\n\n  get clearButtonText() {\n    return intl.formatMessage({\n      id: \"file.clearErrorText\",\n      defaultMessage: \"Clear\",\n      description: \"Text for a button used to clear an error\",\n    });\n  }\n\n  generateClearButtonLabel(filename: string) {\n    return intl.formatMessage(\n      {\n        id: \"file.clearErrorLabel\",\n        defaultMessage: \"Clear {fileName} error\",\n        description: \"Label for a button used to clear an error, including filename\",\n      },\n      { fileName: filename }\n    );\n  }\n\n  componentWillLoad() {\n    const shadowRootHost = (this.el.getRootNode() as ShadowRoot).host;\n\n    if (shadowRootHost && shadowRootHost.nodeName === \"WM-UPLOADER\") {\n      if ((shadowRootHost as HTMLWmUploaderElement).type || (shadowRootHost as HTMLWmUploaderElement).uploaderType) {\n        this.isWithinLegacyUploader = true;\n      }\n    }\n\n    // rerender on resize in case layout needs to change\n    const resizeObserver = new ResizeObserver(() => this.debouncedResize());\n    resizeObserver.observe(this.el);\n  }\n\n  componentDidRender() {\n    this.truncateFileName(this.el.shadowRoot!.querySelector(\".file\")!);\n  }\n\n  debouncedResize = debounce(() => {\n    this.isCondensed = this.el.clientWidth < 500;\n    // rerender to show filename truncation changes\n    forceUpdate(this.el);\n  }, 50);\n\n  previewFile(file: UploadedFile) {\n    this.wmIntFilePreviewed.emit(file.id);\n  }\n\n  downloadFile(file: UploadedFile) {\n    this.wmIntFileDownloaded.emit(file.id);\n  }\n\n  deleteFile(file: UploadedFile) {\n    this.wmIntFileDeleted.emit(file.id);\n  }\n\n  truncateFileName(file: Element) {\n    const leftGroup = file.querySelector(\".left-group\");\n    const leftBoundary = leftGroup!.getBoundingClientRect().left;\n    const rightGroup = file.querySelector(\".right-group\");\n    const rightBoundary = rightGroup\n      ? rightGroup.getBoundingClientRect().left\n      : file.getBoundingClientRect().right - 20;\n    const filenameEl = file.querySelector(\".filename\") as HTMLElement;\n    const availableSpace = rightBoundary - leftBoundary;\n\n    let filename = filenameEl.dataset.filename!;\n    const canFitText = availableSpace > filename.length * this.singleCharacterWidth;\n\n    if (!canFitText) {\n      const extension = filename.slice(filename.lastIndexOf(\".\"));\n      const numFittingCharacters = Math.floor(availableSpace / this.singleCharacterWidth);\n\n      // three ellipses, three constant characters, extension\n      const postEllipsesLength = 3 + 3 + extension.length;\n      let preEllipsesLength = Math.max(2, numFittingCharacters - postEllipsesLength);\n      const preEllipsesText = filename.slice(0, preEllipsesLength);\n      const postEllipsesText = filename.slice(filename.indexOf(extension) - 3, filename.length);\n      filename = `${preEllipsesText.trim()}...${postEllipsesText.trim()}`;\n    }\n\n    filenameEl.textContent = filename;\n  }\n\n  handleFilenameMouseEnter(ev: MouseEvent, filename: string) {\n    // only show tooltip if file name is being truncated (has ellipses)\n    if ((ev.target as HTMLElement).textContent!.includes(\"...\")) {\n      showTooltip(\"bottom\", ev.target as HTMLElement, filename);\n    }\n  }\n\n  renderFileName(filename: string, isUploading: boolean) {\n    return (\n      <div class=\"left-group\">\n        <div class=\"name-wrapper\">\n          <span class=\"sr-only\">{filename}</span>\n          <span\n            aria-hidden=\"true\"\n            class=\"filename\"\n            data-filename={filename}\n            onMouseEnter={(ev) => this.handleFilenameMouseEnter(ev, filename)}\n            onMouseLeave={() => hideTooltip()}\n          ></span>\n          {isUploading && <span class=\"sr-only\">uploading</span>}\n          <div class=\"ch-measure\"></div>\n        </div>\n      </div>\n    );\n  }\n\n  renderFileInfo(item: UploadedFile, showInfo: string) {\n    let displayedInfo = \"\";\n    if (showInfo === \"time\" && item.lastUpdated) {\n      displayedInfo = item.lastUpdated;\n    } else if (showInfo === \"size\" && item.size) {\n      displayedInfo = item.size;\n    }\n\n    return <div class=\"file-info\">{displayedInfo}</div>;\n  }\n\n  renderActionMenu(item: UploadedFile) {\n    const defaultFileActions = \"download delete\";\n    const availableActions = item.fileActions || defaultFileActions;\n    const previewItem = (\n      <wm-menuitem icon=\"f208\" onClick={() => this.previewFile(item)}>\n        {this.previewActionMessage}\n      </wm-menuitem>\n    );\n    const downloadItem = (\n      <wm-menuitem icon=\"f1da\" onClick={() => this.downloadFile(item)}>\n        {this.downloadActionMessage}\n      </wm-menuitem>\n    );\n    const deleteItem = (\n      <wm-menuitem icon=\"f1c0\" onClick={() => this.deleteFile(item)}>\n        {this.deleteActionMessage}\n      </wm-menuitem>\n    );\n    return (\n      <wm-action-menu\n        action-menu-type=\"icon\"\n        tooltip={this.actionMenuLabel}\n        tooltip-position=\"bottom\"\n        label-for-identical-buttons={`${item.name} ${this.actionMenuLabel}`}\n      >\n        {availableActions.includes(\"preview\") && previewItem}\n        {availableActions.includes(\"download\") && downloadItem}\n        {availableActions.includes(\"delete\") && deleteItem}\n      </wm-action-menu>\n    );\n  }\n\n  renderFileActionButtons(item: UploadedFile) {\n    const defaultFileActions = \"download delete\";\n    const availableActions = item.fileActions || defaultFileActions;\n\n    const previewButton = (\n      <wm-button\n        class=\"preview-button\"\n        button-type=\"icononly\"\n        tooltip={this.previewButtonTooltip}\n        tooltip-position=\"bottom\"\n        label-for-identical-buttons={`preview ${item.name}`}\n        icon=\"f208\"\n        onClick={() => this.previewFile(item)}\n      ></wm-button>\n    );\n    const downloadButton = (\n      <wm-button\n        class=\"download-button\"\n        button-type=\"icononly\"\n        tooltip={this.downloadButtonTooltip}\n        tooltip-position=\"bottom\"\n        label-for-identical-buttons={`download ${item.name}`}\n        icon=\"f1da\"\n        onClick={() => this.downloadFile(item)}\n      ></wm-button>\n    );\n    const deleteButton = (\n      <wm-button\n        class=\"delete-button\"\n        button-type=\"icononly\"\n        tooltip={this.deleteButtonTooltip}\n        tooltip-position=\"bottom\"\n        label-for-identical-buttons={`delete ${item.name}`}\n        icon=\"f1c0\"\n        onClick={() => this.deleteFile(item)}\n      ></wm-button>\n    );\n\n    return (\n      <div class=\"file-controls\">\n        {availableActions.includes(\"preview\") && previewButton}\n        {availableActions.includes(\"download\") && downloadButton}\n        {availableActions.includes(\"delete\") && deleteButton}\n      </div>\n    );\n  }\n\n  renderFileInProgress(item: UploadedFile) {\n    const filename = item.type ? `${item.name}.${item.type}` : item.name;\n    return (\n      <div class=\"file-wrapper\">\n        <div class=\"file --progress\">\n          <div\n            class=\"progress\"\n            style={{\n              background: `linear-gradient(to right, rgba(67, 126, 142, 1) ${item.progress}%, transparent ${item.progress}%)`,\n            }}\n          ></div>\n          {this.renderFileName(filename, this.isUploading)}\n        </div>\n      </div>\n    );\n  }\n\n  renderFileControls(item: UploadedFile) {\n    const hasSingleFileAction = item.fileActions && item.fileActions.split(\" \").length === 1;\n    const showActionMenu = this.isCondensed && !hasSingleFileAction;\n\n    return showActionMenu ? this.renderActionMenu(item) : this.renderFileActionButtons(item);\n  }\n\n  renderFile(item: UploadedFile) {\n    const filename = item.type ? `${item.name}.${item.type}` : item.name;\n    const showCheckmark = !this.isWithinLegacyUploader && item.progress === 100;\n\n    return (\n      <div class={`file-wrapper ${showCheckmark ? \"checked\" : \"\"}`}>\n        <div class={`file ${this.errorMessage ? \"--error\" : \"\"}`}>\n          {this.renderFileName(filename, this.isUploading)}\n          {!this.errorMessage && (\n            <div class={`right-group ${this.isCondensed ? \"condensed\" : \"\"}`}>\n              {this.showInfo !== \"none\" && this.renderFileInfo(item, this.showInfo)}\n              {item.fileActions !== \"\" && this.renderFileControls(item)}\n            </div>\n          )}\n          {this.errorMessage && (\n            <wm-button\n              permanently-delete\n              button-type=\"textonly\"\n              label-for-identical-buttons={this.generateClearButtonLabel(item.name)}\n              onClick={() => this.wmFileClearErrorClicked.emit({ name: item.name })}\n            >\n              {this.clearButtonText}\n            </wm-button>\n          )}\n        </div>\n        {this.errorMessage && <div class=\"error-message\">{this.errorMessage}</div>}\n      </div>\n    );\n  }\n\n  render() {\n    return (\n      <Host role=\"listitem\">\n        {this.isUploading ? this.renderFileInProgress(this.fileData) : this.renderFile(this.fileData)}\n      </Host>\n    );\n  }\n}\n"],"version":3}