@getflip/swirl-components 0.216.0 → 0.217.0

package/dist/collection/components/swirl-chip/swirl-chip.js

@@ -49,7 +49,7 @@ export class SwirlChip {
             "chip--interactive": this.interactive || this.pressed !== undefined,
             "chip--removable": this.removable,
         });
-        return (h(Host, { key: '2c558ecbcce9b65da44616543ec1f764a01cb2cf' }, h(Tag, { key: '4f146a7481412df5d1b398b85b455114afc40297', class: className, type: this.interactive ? "button" : undefined, "aria-pressed": this.pressed !== undefined ? String(this.pressed) : undefined }, h("span", { key: '1718cc6dc4e726a8ed98fecf322cd0b6284f67a1', class: "chip__inner" }, showAvatar && (h("span", { key: '9ae76d5e8b2349ad69c704b062ea6638c1f50191', class: "chip__avatar" }, h("slot", { key: '87d4b9788a9efca593aa1e0cacb2e84eeae6fea3', name: "avatar" }))), showIcon && (h("span", { key: 'e92922a857124377ca8892c3c242f6444954cb02', class: "chip__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '7b7d73e445ed9ea5c5641c23bcbff85aaafb0a02', class: "chip__label" }, this.label)), this.progress !== undefined && (h("span", { key: '8a9fc592a21a81237a13b15185c382a016a70b5f', class: "chip__progress-indicator" }, h("swirl-progress-indicator", { key: 'fad6f0d26d8968a40bcb3c6d71c66c5f109e8012', label: this.progressBarLabel, value: this.progress })))), this.removable && (h("button", { key: '1cdc6a95b026f6332f72dbc46e2800f7acc21858', "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.remove.emit }, h("swirl-icon-close", { key: '8bcf66065c3920ee3dbfca3db57dcccae00690fb', size: 20 })))));
+        return (h(Host, { key: '2c558ecbcce9b65da44616543ec1f764a01cb2cf' }, h(Tag, { key: '4f146a7481412df5d1b398b85b455114afc40297', class: className, type: this.interactive ? "button" : undefined, "aria-pressed": this.pressed !== undefined ? String(this.pressed) : undefined }, h("span", { key: '1718cc6dc4e726a8ed98fecf322cd0b6284f67a1', class: "chip__inner" }, showAvatar && (h("span", { key: '9ae76d5e8b2349ad69c704b062ea6638c1f50191', class: "chip__avatar" }, h("slot", { key: '87d4b9788a9efca593aa1e0cacb2e84eeae6fea3', name: "avatar" }))), showIcon && (h("span", { key: 'e92922a857124377ca8892c3c242f6444954cb02', class: "chip__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '7b7d73e445ed9ea5c5641c23bcbff85aaafb0a02', class: "chip__label" }, this.label)), this.progress !== undefined && (h("span", { key: '8a9fc592a21a81237a13b15185c382a016a70b5f', class: "chip__progress-indicator" }, h("swirl-progress-indicator", { key: 'fad6f0d26d8968a40bcb3c6d71c66c5f109e8012', label: this.progressBarLabel, value: this.progress })))), this.removable && (h("button", { key: '5ec9c622c143c895146cbee3643ddfd7247ad383', "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.remove.emit, type: "button" }, h("swirl-icon-close", { key: 'c259db9f4c46a5f0a1e083b5f99d696dee815954', size: 20 })))));
     }
     static get is() { return "swirl-chip"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-file-viewer/swirl-file-viewer.js

@@ -11,6 +11,7 @@ export class SwirlFileViewer {
         this.active = true;
         this.autoplay = undefined;
         this.description = undefined;
+        this.disableDownload = undefined;
         this.errorMessage = "File could not be loaded.";
         this.file = undefined;
         this.fileName = undefined;
@@ -45,7 +46,7 @@ export class SwirlFileViewer {
                 this.type !== "text/plain" &&
                 this.type !== "text/csv" &&
                 this.type !== "application/pdf");
-        return (h(Host, { key: 'a2126bed467ac3309ab1bff9315257d158c858e3' }, h("div", { key: '5c3f92740ceccf88cf021ba0efe3349fa1b0c38a', class: "file-viewer" }, this.type && this.active && (h("div", { key: '6116e11f02a3fdaa6f7fb81043acfca1bf4a11fe', class: "file-viewer__file" }, this.type.startsWith("image/") && (h("swirl-file-viewer-image", { key: '58f71fce8cef45b4df6cde4a942d88c4281b516e', description: this.description, errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/plain" && (h("swirl-file-viewer-text", { key: 'f6bef66a5793d702162a702f4fc3f83a0790fc4b', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/csv" && (h("swirl-file-viewer-csv", { key: '212ae07d1f339ec01589b0db8706e3e739efca32', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "application/pdf" && (h("swirl-file-viewer-pdf", { key: '60475b799b38486a839ec2a5f201cab4f434e99b', errorMessage: this.errorMessage, file: this.file, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, ref: (el) => (this.viewer = el), viewMode: this.viewMode, workerSrc: this.pdfWorkerSrc, zoom: this.zoom })), this.type.startsWith("video/") && (h("swirl-file-viewer-video", { key: '50ab3675c7e41ed618d01dd79600dcf07ceee50b', autoplay: this.autoplay, file: this.file, ref: (el) => (this.viewer = el), type: this.type })), this.type.startsWith("audio/") && (h("swirl-file-viewer-audio", { key: '9c59f19f6073dd0b26952327421b80dc9515b0b7', autoplay: this.autoplay, file: this.file, ref: (el) => (this.viewer = el), type: this.type })), unsupportedType && (h("swirl-inline-error", { key: '2be4d76fd900d3f62f9748c7f14fb12c83d5afd8', message: this.typeUnsupportedMessage })))))));
+        return (h(Host, { key: 'b4bf3cf48bdf55b5a5247d2d9d00d2dd2a653922' }, h("div", { key: 'b9c135b1150e6c9b5a090a6ac78b04ca36e391cc', class: "file-viewer" }, this.type && this.active && (h("div", { key: 'd01dd4d3496474e41c93fbf480f4d4c86f88d3cf', class: "file-viewer__file" }, this.type.startsWith("image/") && (h("swirl-file-viewer-image", { key: '0a67087ddcf5569804bf42f8f3026fcd99ff6b8d', description: this.description, errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/plain" && (h("swirl-file-viewer-text", { key: '3e9e0aa3c2e793226e21b8054fdbfff0fa28d9b8', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/csv" && (h("swirl-file-viewer-csv", { key: '83be558b789a82eeac46c67af061b634f7dc72c1', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "application/pdf" && (h("swirl-file-viewer-pdf", { key: '68bb685041185dd29d07be8e48e7038492d75e57', errorMessage: this.errorMessage, file: this.file, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, ref: (el) => (this.viewer = el), viewMode: this.viewMode, workerSrc: this.pdfWorkerSrc, zoom: this.zoom })), this.type.startsWith("video/") && (h("swirl-file-viewer-video", { key: '66af2a88573a3e2b8019dad662cf32e6f15b1f3e', autoplay: this.autoplay, disableDownload: this.disableDownload, file: this.file, ref: (el) => (this.viewer = el), type: this.type })), this.type.startsWith("audio/") && (h("swirl-file-viewer-audio", { key: '3ff7c5aefbb892cd34a11a172e674a7ecfd7769d', autoplay: this.autoplay, file: this.file, ref: (el) => (this.viewer = el), type: this.type })), unsupportedType && (h("swirl-inline-error", { key: '3d437e0bfedf35206ac3e1c88b6e93e26ccff3be', message: this.typeUnsupportedMessage })))))));
     }
     static get is() { return "swirl-file-viewer"; }
     static get encapsulation() { return "shadow"; }
@@ -113,6 +114,23 @@ export class SwirlFileViewer {
                 "attribute": "description",
                 "reflect": false
             },
+            "disableDownload": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "disable-download",
+                "reflect": false
+            },
             "errorMessage": {
                 "type": "string",
                 "mutable": false,

package/dist/collection/components/swirl-file-viewer/viewers/swirl-file-viewer-video/swirl-file-viewer-video.js

@@ -2,14 +2,26 @@ import { h, Host, } from "@stencil/core";
 export class SwirlFileViewerVideo {
     constructor() {
         this.autoplay = undefined;
+        this.disableDownload = undefined;
         this.file = undefined;
         this.type = undefined;
     }
     componentDidLoad() {
         this.activate.emit(this.el);
+        if (this.disableDownload) {
+            this.videoEl.setAttribute("controlsList", "nodownload");
+        }
+    }
+    watchDisableDownload() {
+        if (this.disableDownload) {
+            this.videoEl.setAttribute("controlsList", "nodownload");
+        }
+        else {
+            this.videoEl.removeAttribute("controlsList");
+        }
     }
     render() {
-        return (h(Host, { key: 'ca6a8f8d3d1d4bef303e438858765f2cab21014a', class: "file-viewer-video" }, h("video", { key: 'a63a4a6cbd9be728c9c1cbfecae47ad950e92fc1', autoplay: this.autoplay, class: "file-viewer-video__video", controls: true }, h("source", { key: 'f247a0a615487b1dc5e812736e973e74f97c7242', src: this.file, type: this.type }))));
+        return (h(Host, { key: 'ac8cf96b6359070114b3cde6a7ccf7eea5245c7a', class: "file-viewer-video" }, h("video", { key: '10cc560ceaea3df058a7c5a78f3583f04af60508', autoplay: this.autoplay, class: "file-viewer-video__video", controls: true, ref: (el) => (this.videoEl = el) }, h("source", { key: '6a8da26d879cfe62ed136b52af3e39f3d8bfa626', src: this.file, type: this.type }))));
     }
     static get is() { return "swirl-file-viewer-video"; }
     static get encapsulation() { return "shadow"; }
@@ -42,6 +54,23 @@ export class SwirlFileViewerVideo {
                 "attribute": "autoplay",
                 "reflect": false
             },
+            "disableDownload": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "disable-download",
+                "reflect": false
+            },
             "file": {
                 "type": "string",
                 "mutable": false,
@@ -102,4 +131,10 @@ export class SwirlFileViewerVideo {
             }];
     }
     static get elementRef() { return "el"; }
+    static get watchers() {
+        return [{
+                "propName": "disableDownload",
+                "methodName": "watchDisableDownload"
+            }];
+    }
 }