@getflip/swirl-components 0.452.1 → 0.453.0

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

@@ -1,6 +1 @@
-import { S as SwirlFileViewerFallback$1, d as defineCustomElement$1 } from './swirl-file-viewer-fallback2.js';
-
-const SwirlFileViewerFallback = SwirlFileViewerFallback$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SwirlFileViewerFallback, defineCustomElement };
+import{S as r,d as s}from"./swirl-file-viewer-fallback2.js";const a=r,e=s;export{a as SwirlFileViewerFallback,e as defineCustomElement}

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

@@ -1,70 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$4 } from './swirl-button2.js';
-import { d as defineCustomElement$3 } from './swirl-icon-file2.js';
-import { d as defineCustomElement$2 } from './swirl-stack2.js';
-import { d as defineCustomElement$1 } from './swirl-text2.js';
-
-const swirlFileViewerFallbackCss = ":host{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center;pointer-events:auto}:host *{box-sizing:border-box}.file-viewer-fallback__icon::part(icon){height:2.875rem;width:2.875rem}";
-
-const SwirlFileViewerFallback = /*@__PURE__*/ proxyCustomElement(class SwirlFileViewerFallback extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.activate = createEvent(this, "activate", 7);
-        this.download = createEvent(this, "download", 7);
-        this.downloadButtonLabel = "Download";
-        this.onDownload = (event) => {
-            event.preventDefault();
-            this.download.emit();
-        };
-    }
-    componentDidLoad() {
-        this.activate.emit(this.el);
-    }
-    render() {
-        return (h(Host, { key: 'a3ad0f00afa112d19e29ff13abf51692ab9d8ffa', class: "file-viewer-fallback" }, h("swirl-stack", { key: 'dab7f8716509fb310716750a9282c08cfbab35e9', align: "center", height: "100%", justify: "center", spacing: "16" }, h("swirl-icon-file", { key: '35397e5b1351b6dc22ae48e39f0a21b14990c348', class: "file-viewer-fallback__icon", color: "on-image", size: 28 }), this.fileName && (h("swirl-text", { key: 'da97715a10f4f34bf6f6b09b36cca83c0a571952', color: "on-image", size: "lg", weight: "medium" }, this.fileName)), !this.disableDownload && (h("swirl-button", { key: '182bfad82ee14bee1033e1558cd12e4fad56f105', download: this.fileName, href: this.file, icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownload, variant: "on-image" })))));
-    }
-    get el() { return this; }
-    static get style() { return swirlFileViewerFallbackCss; }
-}, [1, "swirl-file-viewer-fallback", {
-        "disableDownload": [4, "disable-download"],
-        "downloadButtonLabel": [1, "download-button-label"],
-        "fileName": [1, "file-name"],
-        "file": [1]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["swirl-file-viewer-fallback", "swirl-button", "swirl-icon-file", "swirl-stack", "swirl-text"];
-    components.forEach(tagName => { switch (tagName) {
-        case "swirl-file-viewer-fallback":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SwirlFileViewerFallback);
-            }
-            break;
-        case "swirl-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "swirl-icon-file":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "swirl-stack":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "swirl-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { SwirlFileViewerFallback as S, defineCustomElement as d };
+import{proxyCustomElement as e,HTMLElement as i,createEvent as t,h as s,Host as l,transformTag as a}from"@stencil/core/internal/client";import{d as o}from"./swirl-button2.js";import{d as n}from"./swirl-icon-file2.js";import{d as r}from"./swirl-stack2.js";import{d as c}from"./swirl-text2.js";const f=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.activate=t(this,"activate",7),this.download=t(this,"download",7),this.downloadButtonLabel="Download",this.onDownload=e=>{e.preventDefault(),this.download.emit()}}componentDidLoad(){this.activate.emit(this.el)}render(){return s(l,{key:"a3ad0f00afa112d19e29ff13abf51692ab9d8ffa",class:"file-viewer-fallback"},s("swirl-stack",{key:"dab7f8716509fb310716750a9282c08cfbab35e9",align:"center",height:"100%",justify:"center",spacing:"16"},s("swirl-icon-file",{key:"35397e5b1351b6dc22ae48e39f0a21b14990c348",class:"file-viewer-fallback__icon",color:"on-image",size:28}),this.fileName&&s("swirl-text",{key:"da97715a10f4f34bf6f6b09b36cca83c0a571952",color:"on-image",size:"lg",weight:"medium"},this.fileName),!this.disableDownload&&s("swirl-button",{key:"182bfad82ee14bee1033e1558cd12e4fad56f105",download:this.fileName,href:this.file,icon:"<swirl-icon-download></swirl-icon-download>",label:this.downloadButtonLabel,onClick:this.onDownload,variant:"on-image"})))}get el(){return this}static get style(){return":host{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center;pointer-events:auto}:host *{box-sizing:border-box}.file-viewer-fallback__icon::part(icon){height:2.875rem;width:2.875rem}"}},[1,"swirl-file-viewer-fallback",{disableDownload:[4,"disable-download"],downloadButtonLabel:[1,"download-button-label"],fileName:[1,"file-name"],file:[1]}]);function d(){"undefined"!=typeof customElements&&["swirl-file-viewer-fallback","swirl-button","swirl-icon-file","swirl-stack","swirl-text"].forEach((e=>{switch(e){case"swirl-file-viewer-fallback":customElements.get(a(e))||customElements.define(a(e),f);break;case"swirl-button":customElements.get(a(e))||o();break;case"swirl-icon-file":customElements.get(a(e))||n();break;case"swirl-stack":customElements.get(a(e))||r();break;case"swirl-text":customElements.get(a(e))||c()}}))}export{f as S,d}

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

@@ -1,6 +1 @@
-import { S as SwirlFileViewerImage$1, d as defineCustomElement$1 } from './swirl-file-viewer-image2.js';
-
-const SwirlFileViewerImage = SwirlFileViewerImage$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SwirlFileViewerImage, defineCustomElement };
+import{S as e,d as i}from"./swirl-file-viewer-image2.js";const r=e,s=i;export{r as SwirlFileViewerImage,s as defineCustomElement}

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

@@ -1,267 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { c as classNames } from './index2.js';
-import { d as defineCustomElement$4 } from './swirl-icon-error2.js';
-import { d as defineCustomElement$3 } from './swirl-inline-error2.js';
-import { d as defineCustomElement$2 } from './swirl-spinner2.js';
-import { d as defineCustomElement$1 } from './swirl-visually-hidden2.js';
-
-const swirlFileViewerImageCss = ":host{position:relative;display:inline-flex;max-height:100%;pointer-events:none}:host *{box-sizing:border-box}.file-viewer-image{display:inline-flex;margin:0;justify-content:center}.file-viewer-image--show-watermark .file-viewer-image__watermark{display:inline-flex}.file-viewer-image__container{position:relative;display:flex;max-width:100%}.file-viewer-image__image{max-width:100%;pointer-events:auto;-o-object-fit:contain;object-fit:contain}.file-viewer-image__watermark{position:absolute;z-index:1;top:var(--s-space-12);right:var(--s-space-12);display:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;pointer-events:none}.file-viewer-image__watermark ::slotted(img){width:3rem;height:auto;pointer-events:none}.file-viewer-image__spinner{position:absolute;display:flex;justify-content:center;align-items:center;background-color:rgba(0, 0, 0, 0.2);inset:0}.file-viewer-image__error{position:absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0)}";
-
-const SwirlFileViewerImage = /*@__PURE__*/ proxyCustomElement(class SwirlFileViewerImage extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.activate = createEvent(this, "activate", 7);
-        this.description = "";
-        this.errorMessage = "File could not be loaded.";
-        this.maxZoom = 3;
-        this.loading = true;
-        this.transformed = false;
-        this.panX = 0;
-        this.panY = 0;
-        this.zoom = 1;
-        this.onError = () => {
-            this.error = true;
-            this.loading = false;
-        };
-        this.onLoad = () => {
-            this.error = false;
-            this.loading = false;
-        };
-        this.onDblClick = (event) => {
-            this.clickToZoom(event);
-        };
-        this.onWheel = (event) => {
-            event.preventDefault();
-            const zoom = Math.min(Math.max(1, this.zoom + (-1 * event.deltaY) / 100), this.maxZoom);
-            if (zoom === this.zoom) {
-                return;
-            }
-            const centerX = event.offsetX;
-            const centerY = event.offsetY;
-            this.updateTransformOrigin(centerX, centerY);
-            this.updateZoomAndPan(zoom, 0, 0);
-        };
-        this.onPointerDown = (event) => {
-            this.startPan(event);
-        };
-        this.onPointerMove = (event) => {
-            this.pan(event);
-        };
-        this.onPointerUp = () => {
-            this.endPan();
-        };
-        this.onTouchStart = (event) => {
-            event.preventDefault();
-            if (event.touches.length === 2) {
-                this.startPinchToZoom(event);
-            }
-        };
-        this.onTouchMove = (event) => {
-            event.preventDefault();
-            if (this.pinching) {
-                this.pinchToZoom(event);
-            }
-        };
-        this.onTouchEnd = (event) => {
-            event.preventDefault();
-            if (this.pinching) {
-                this.endPinchToZoom();
-            }
-        };
-        this.startPinchToZoom = (event) => {
-            if (!Boolean(this.imageEl)) {
-                return;
-            }
-            this.pinchDistance = this.getPinchDistance(event);
-            this.pinching = true;
-        };
-        this.pinchToZoom = (event) => {
-            const distance = this.getPinchDistance(event) - this.pinchDistance;
-            const zoom = Math.min(Math.max(1, this.zoom + distance / 100), this.maxZoom);
-            if (this.zoom === zoom) {
-                return;
-            }
-            this.pinchDistance = this.getPinchDistance(event);
-            this.updateZoomAndPan(zoom);
-        };
-        this.endPinchToZoom = () => {
-            this.pinching = false;
-            if (Math.abs(this.zoom - 1) < 0.2) {
-                this.zoom = 1;
-                this.imageEl.style.transform = "";
-            }
-        };
-        this.getPinchDistance = (event) => {
-            return Math.hypot(event.touches[0].pageX - event.touches[1].pageX, event.touches[0].pageY - event.touches[1].pageY);
-        };
-        this.clickToZoom = (event) => {
-            const supportsMultiTouch = navigator.maxTouchPoints > 1;
-            if (supportsMultiTouch) {
-                return;
-            }
-            if (this.zoom === 1) {
-                const centerX = event.pageX - this.el.getBoundingClientRect().x;
-                const centerY = event.pageY - this.el.getBoundingClientRect().y;
-                this.updateTransformOrigin(centerX, centerY);
-                this.updateZoomAndPan(2);
-            }
-            else {
-                this.updateZoomAndPan(1);
-            }
-        };
-        this.updateZoomAndPan = (zoom, panX, panY) => {
-            const newZoom = zoom === undefined ? this.zoom : zoom;
-            const zoomDiff = newZoom - this.zoom;
-            const newPanX = panX === undefined ? this.panX + this.panX * zoomDiff : panX;
-            const newPanY = panX === undefined ? this.panY + this.panY * zoomDiff : panY;
-            const previousPanX = this.panX;
-            const previousPanY = this.panY;
-            this.zoom = newZoom;
-            this.panX = newPanX;
-            this.panY = newPanY;
-            const parentRect = (this.el.parentElement || this.el).getBoundingClientRect();
-            const imageRect = this.imageEl.getBoundingClientRect();
-            const outOfBoundsX = (imageRect.right < parentRect.right && newPanX < previousPanX) ||
-                (imageRect.left > parentRect.left && newPanX > previousPanX);
-            const outOfBoundsY = (imageRect.bottom < parentRect.bottom && newPanY < previousPanY) ||
-                (imageRect.top > parentRect.top && newPanY > previousPanY);
-            if (outOfBoundsX) {
-                this.panX = previousPanX;
-            }
-            if (outOfBoundsY) {
-                this.panY = previousPanY;
-            }
-            if (this.zoom === 1) {
-                this.panX = 0;
-                this.panY = 0;
-            }
-            this.imageEl.style.transform = `matrix(${this.zoom}, 0, 0, ${this.zoom}, ${this.panX}, ${this.panY})`;
-            const transformed = this.zoom !== 1 || this.panX !== 0 || this.panY !== 0;
-            if (transformed !== this.transformed) {
-                this.transformed = transformed;
-            }
-        };
-        this.updateTransformOrigin = (x, y) => {
-            this.transformOriginX = x;
-            this.transformOriginY = y;
-            this.imageEl.style.transformOrigin = `${this.transformOriginX}px ${this.transformOriginY}px`;
-        };
-        this.startPan = (event) => {
-            this.panning = true;
-            this.previousScreenX = event.screenX;
-            this.previousScreenY = event.screenY;
-        };
-        this.pan = (event) => {
-            const previousScreenX = this.previousScreenX || 0;
-            const previousScreenY = this.previousScreenY || 0;
-            this.previousScreenX = event.screenX;
-            this.previousScreenY = event.screenY;
-            if (!this.panning || this.pinching) {
-                return;
-            }
-            event.preventDefault();
-            const panX = this.panX + event.screenX - previousScreenX;
-            const panY = this.panY + event.screenY - previousScreenY;
-            this.updateZoomAndPan(this.zoom, panX, panY);
-        };
-        this.endPan = () => {
-            this.panning = false;
-        };
-        this.onImageElementUpdate = (el) => {
-            this.imageEl?.removeEventListener("load", this.onLoad);
-            this.imageEl?.removeEventListener("error", this.onError);
-            this.imageEl = el;
-            if (this.imageEl) {
-                this.imageEl.addEventListener("load", this.onLoad);
-                this.imageEl.addEventListener("error", this.onError);
-            }
-        };
-    }
-    componentDidLoad() {
-        this.activate.emit(this.el);
-    }
-    disconnectedCallback() {
-        this.imageEl?.removeEventListener("load", this.onLoad);
-        this.imageEl?.removeEventListener("error", this.onError);
-    }
-    watchFile() {
-        this.error = false;
-        this.loading = true;
-    }
-    /**
-     * Get the current zoom.
-     * @returns
-     */
-    async getZoom() {
-        return this.zoom;
-    }
-    /**
-     * Resets the zoom.
-     * @returns
-     */
-    async resetZoom() {
-        return this.updateZoomAndPan(1);
-    }
-    render() {
-        const hasWatermark = !!this.el.querySelector('[slot="watermark"]');
-        const showWatermark = hasWatermark && !this.transformed && !this.loading;
-        const className = classNames("file-viewer-image", {
-            "file-viewer-image--show-watermark": showWatermark,
-        });
-        return (h(Host, { key: 'a85b8486d5c268d45927191b0433bc4574c6422e', onDblClick: this.onDblClick, onWheel: this.onWheel, onPointerDown: this.onPointerDown, onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onTouchStart: this.onTouchStart, onTouchMove: this.onTouchMove, onTouchEnd: this.onTouchEnd }, this.error && (h("swirl-inline-error", { key: '41afcb0d0533e7195030943735f8add24015a477', class: "file-viewer-image__error", message: this.errorMessage })), h("figure", { key: 'f5b4d11597609e85a4bd221876fc3bbbe1555428', class: className }, h("span", { key: 'bc0e117cf04da64f3ab75331895b06f4ae37b689', class: "file-viewer-image__container" }, h("img", { key: '10fa6444dc7685ad03871d399f39002db704a34c', alt: this.description, class: "file-viewer-image__image", ref: this.onImageElementUpdate, src: this.file }), h("span", { key: 'b63402667743f5fc0248584482a7be9377b40e7d', class: "file-viewer-image__watermark" }, h("slot", { key: '4371e398ba9fc85fbb40b9e98d666c059187e3cb', name: "watermark" }))), this.loading && (h("div", { key: '5bb1b9f0aa74fef2c6c246e9aa82869f58fa5d5c', class: "file-viewer-image__spinner" }, h("swirl-spinner", { key: 'b50e647cb08e6e973ec3c7d8f96c3357eb5c6f9b' }))))));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "file": ["watchFile"]
-    }; }
-    static get style() { return swirlFileViewerImageCss; }
-}, [1, "swirl-file-viewer-image", {
-        "description": [1],
-        "errorMessage": [1, "error-message"],
-        "file": [1],
-        "maxZoom": [2, "max-zoom"],
-        "error": [32],
-        "loading": [32],
-        "transformed": [32],
-        "getZoom": [64],
-        "resetZoom": [64]
-    }, undefined, {
-        "file": ["watchFile"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["swirl-file-viewer-image", "swirl-icon-error", "swirl-inline-error", "swirl-spinner", "swirl-visually-hidden"];
-    components.forEach(tagName => { switch (tagName) {
-        case "swirl-file-viewer-image":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SwirlFileViewerImage);
-            }
-            break;
-        case "swirl-icon-error":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "swirl-inline-error":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "swirl-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "swirl-visually-hidden":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { SwirlFileViewerImage as S, defineCustomElement as d };
+import{proxyCustomElement as i,HTMLElement as t,createEvent as s,h as e,Host as h,transformTag as r}from"@stencil/core/internal/client";import{c as o}from"./index2.js";import{d as a}from"./swirl-icon-error2.js";import{d as n}from"./swirl-inline-error2.js";import{d as l}from"./swirl-spinner2.js";import{d as c}from"./swirl-visually-hidden2.js";const m=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.activate=s(this,"activate",7),this.description="",this.errorMessage="File could not be loaded.",this.maxZoom=3,this.loading=!0,this.transformed=!1,this.panX=0,this.panY=0,this.zoom=1,this.onError=()=>{this.error=!0,this.loading=!1},this.onLoad=()=>{this.error=!1,this.loading=!1},this.onDblClick=i=>{this.clickToZoom(i)},this.onWheel=i=>{i.preventDefault();const t=Math.min(Math.max(1,this.zoom+-1*i.deltaY/100),this.maxZoom);t!==this.zoom&&(this.updateTransformOrigin(i.offsetX,i.offsetY),this.updateZoomAndPan(t,0,0))},this.onPointerDown=i=>{this.startPan(i)},this.onPointerMove=i=>{this.pan(i)},this.onPointerUp=()=>{this.endPan()},this.onTouchStart=i=>{i.preventDefault(),2===i.touches.length&&this.startPinchToZoom(i)},this.onTouchMove=i=>{i.preventDefault(),this.pinching&&this.pinchToZoom(i)},this.onTouchEnd=i=>{i.preventDefault(),this.pinching&&this.endPinchToZoom()},this.startPinchToZoom=i=>{Boolean(this.imageEl)&&(this.pinchDistance=this.getPinchDistance(i),this.pinching=!0)},this.pinchToZoom=i=>{const t=this.getPinchDistance(i)-this.pinchDistance,s=Math.min(Math.max(1,this.zoom+t/100),this.maxZoom);this.zoom!==s&&(this.pinchDistance=this.getPinchDistance(i),this.updateZoomAndPan(s))},this.endPinchToZoom=()=>{this.pinching=!1,Math.abs(this.zoom-1)<.2&&(this.zoom=1,this.imageEl.style.transform="")},this.getPinchDistance=i=>Math.hypot(i.touches[0].pageX-i.touches[1].pageX,i.touches[0].pageY-i.touches[1].pageY),this.clickToZoom=i=>{if(!(navigator.maxTouchPoints>1))if(1===this.zoom){const t=i.pageX-this.el.getBoundingClientRect().x,s=i.pageY-this.el.getBoundingClientRect().y;this.updateTransformOrigin(t,s),this.updateZoomAndPan(2)}else this.updateZoomAndPan(1)},this.updateZoomAndPan=(i,t,s)=>{const e=void 0===i?this.zoom:i,h=e-this.zoom,r=void 0===t?this.panX+this.panX*h:t,o=void 0===t?this.panY+this.panY*h:s,a=this.panX,n=this.panY;this.zoom=e,this.panX=r,this.panY=o;const l=(this.el.parentElement||this.el).getBoundingClientRect(),c=this.imageEl.getBoundingClientRect(),m=c.bottom<l.bottom&&o<n||c.top>l.top&&o>n;(c.right<l.right&&r<a||c.left>l.left&&r>a)&&(this.panX=a),m&&(this.panY=n),1===this.zoom&&(this.panX=0,this.panY=0),this.imageEl.style.transform=`matrix(${this.zoom}, 0, 0, ${this.zoom}, ${this.panX}, ${this.panY})`;const f=1!==this.zoom||0!==this.panX||0!==this.panY;f!==this.transformed&&(this.transformed=f)},this.updateTransformOrigin=(i,t)=>{this.transformOriginX=i,this.transformOriginY=t,this.imageEl.style.transformOrigin=`${this.transformOriginX}px ${this.transformOriginY}px`},this.startPan=i=>{this.panning=!0,this.previousScreenX=i.screenX,this.previousScreenY=i.screenY},this.pan=i=>{const t=this.previousScreenX||0,s=this.previousScreenY||0;this.previousScreenX=i.screenX,this.previousScreenY=i.screenY,this.panning&&!this.pinching&&(i.preventDefault(),this.updateZoomAndPan(this.zoom,this.panX+i.screenX-t,this.panY+i.screenY-s))},this.endPan=()=>{this.panning=!1},this.onImageElementUpdate=i=>{this.imageEl?.removeEventListener("load",this.onLoad),this.imageEl?.removeEventListener("error",this.onError),this.imageEl=i,this.imageEl&&(this.imageEl.addEventListener("load",this.onLoad),this.imageEl.addEventListener("error",this.onError))}}componentDidLoad(){this.activate.emit(this.el)}disconnectedCallback(){this.imageEl?.removeEventListener("load",this.onLoad),this.imageEl?.removeEventListener("error",this.onError)}watchFile(){this.error=!1,this.loading=!0}async getZoom(){return this.zoom}async resetZoom(){return this.updateZoomAndPan(1)}render(){const i=!!this.el.querySelector('[slot="watermark"]'),t=o("file-viewer-image",{"file-viewer-image--show-watermark":i&&!this.transformed&&!this.loading});return e(h,{key:"a85b8486d5c268d45927191b0433bc4574c6422e",onDblClick:this.onDblClick,onWheel:this.onWheel,onPointerDown:this.onPointerDown,onPointerMove:this.onPointerMove,onPointerUp:this.onPointerUp,onTouchStart:this.onTouchStart,onTouchMove:this.onTouchMove,onTouchEnd:this.onTouchEnd},this.error&&e("swirl-inline-error",{key:"41afcb0d0533e7195030943735f8add24015a477",class:"file-viewer-image__error",message:this.errorMessage}),e("figure",{key:"f5b4d11597609e85a4bd221876fc3bbbe1555428",class:t},e("span",{key:"bc0e117cf04da64f3ab75331895b06f4ae37b689",class:"file-viewer-image__container"},e("img",{key:"10fa6444dc7685ad03871d399f39002db704a34c",alt:this.description,class:"file-viewer-image__image",ref:this.onImageElementUpdate,src:this.file}),e("span",{key:"b63402667743f5fc0248584482a7be9377b40e7d",class:"file-viewer-image__watermark"},e("slot",{key:"4371e398ba9fc85fbb40b9e98d666c059187e3cb",name:"watermark"}))),this.loading&&e("div",{key:"5bb1b9f0aa74fef2c6c246e9aa82869f58fa5d5c",class:"file-viewer-image__spinner"},e("swirl-spinner",{key:"b50e647cb08e6e973ec3c7d8f96c3357eb5c6f9b"}))))}get el(){return this}static get watchers(){return{file:[{watchFile:0}]}}static get style(){return":host{position:relative;display:inline-flex;max-height:100%;pointer-events:none}:host *{box-sizing:border-box}.file-viewer-image{display:inline-flex;margin:0;justify-content:center}.file-viewer-image--show-watermark .file-viewer-image__watermark{display:inline-flex}.file-viewer-image__container{position:relative;display:flex;max-width:100%}.file-viewer-image__image{max-width:100%;pointer-events:auto;-o-object-fit:contain;object-fit:contain}.file-viewer-image__watermark{position:absolute;z-index:1;top:var(--s-space-12);right:var(--s-space-12);display:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;pointer-events:none}.file-viewer-image__watermark ::slotted(img){width:3rem;height:auto;pointer-events:none}.file-viewer-image__spinner{position:absolute;display:flex;justify-content:center;align-items:center;background-color:rgba(0, 0, 0, 0.2);inset:0}.file-viewer-image__error{position:absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0)}"}},[257,"swirl-file-viewer-image",{description:[1],errorMessage:[1,"error-message"],file:[1],maxZoom:[2,"max-zoom"],error:[32],loading:[32],transformed:[32],getZoom:[64],resetZoom:[64]},void 0,{file:[{watchFile:0}]}]);function f(){"undefined"!=typeof customElements&&["swirl-file-viewer-image","swirl-icon-error","swirl-inline-error","swirl-spinner","swirl-visually-hidden"].forEach((i=>{switch(i){case"swirl-file-viewer-image":customElements.get(r(i))||customElements.define(r(i),m);break;case"swirl-icon-error":customElements.get(r(i))||a();break;case"swirl-inline-error":customElements.get(r(i))||n();break;case"swirl-spinner":customElements.get(r(i))||l();break;case"swirl-visually-hidden":customElements.get(r(i))||c()}}))}export{m as S,f as d}

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

@@ -1,6 +1 @@
-import { S as SwirlFileViewerPdf$1, d as defineCustomElement$1 } from './swirl-file-viewer-pdf2.js';
-
-const SwirlFileViewerPdf = SwirlFileViewerPdf$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SwirlFileViewerPdf, defineCustomElement };
+import{S as r,d as s}from"./swirl-file-viewer-pdf2.js";const e=r,i=s;export{e as SwirlFileViewerPdf,i as defineCustomElement}