@getflip/swirl-components 0.507.0-beta-20260622115132 → 0.507.0

package/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-06-22T11:50:46",
+  "timestamp": "2026-06-22T13:50:21",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.43.1",

package/dist/cjs/swirl-file-viewer-audio_7.cjs.entry.js

@@ -28736,7 +28736,16 @@ const SwirlFileViewerVideo = class {
     }
     disconnectedCallback() {
         if (this.videoEl) {
-            this.playbackTeardown.emit(this.getPlaybackDetail());
+            /**
+             * Cannot call this.playbackTeardown.emit() here because the host is by
+             * definition already detached, so Stencil throws a warning (in tests and
+             * in real dev builds). Keeping the @Event for type safety.
+             */
+            this.el.dispatchEvent(new CustomEvent("playbackTeardown", {
+                bubbles: true,
+                composed: true,
+                detail: this.getPlaybackDetail(),
+            }));
         }
     }
     watchDisableDownload() {
@@ -28761,7 +28770,7 @@ const SwirlFileViewerVideo = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '940ae8d428f981ed8a2a70dcba20df32108060e4', class: "file-viewer-video" }, index.h("video", { key: '898b099c894ec94450ced6d2a54c4b450953fb33', autoplay: this.autoplay, class: "file-viewer-video__video", controls: true, onEnded: this.onNativeEnded, onPause: this.onNativePause, onPlay: this.onNativePlay, onRateChange: this.onNativeRateChange, onSeeked: this.onNativeSeeked, onTimeUpdate: this.onNativeTimeUpdate, src: this.file, ref: (el) => (this.videoEl = el) })));
+        return (index.h(index.Host, { key: '096bf4738ee89c80cbf7aa894b3fe9579651adcc', class: "file-viewer-video" }, index.h("video", { key: '89234155bfac7693bf7bcd302aea75460e1081f1', autoplay: this.autoplay, class: "file-viewer-video__video", controls: true, onEnded: this.onNativeEnded, onPause: this.onNativePause, onPlay: this.onNativePlay, onRateChange: this.onNativeRateChange, onSeeked: this.onNativeSeeked, onTimeUpdate: this.onNativeTimeUpdate, src: this.file, ref: (el) => (this.videoEl = el) })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -28,7 +28,16 @@ export class SwirlFileViewerVideo {
     }
     disconnectedCallback() {
         if (this.videoEl) {
-            this.playbackTeardown.emit(this.getPlaybackDetail());
+            /**
+             * Cannot call this.playbackTeardown.emit() here because the host is by
+             * definition already detached, so Stencil throws a warning (in tests and
+             * in real dev builds). Keeping the @Event for type safety.
+             */
+            this.el.dispatchEvent(new CustomEvent("playbackTeardown", {
+                bubbles: true,
+                composed: true,
+                detail: this.getPlaybackDetail(),
+            }));
         }
     }
     watchDisableDownload() {
@@ -53,7 +62,7 @@ export class SwirlFileViewerVideo {
         };
     }
     render() {
-        return (h(Host, { key: '940ae8d428f981ed8a2a70dcba20df32108060e4', class: "file-viewer-video" }, h("video", { key: '898b099c894ec94450ced6d2a54c4b450953fb33', autoplay: this.autoplay, class: "file-viewer-video__video", controls: true, onEnded: this.onNativeEnded, onPause: this.onNativePause, onPlay: this.onNativePlay, onRateChange: this.onNativeRateChange, onSeeked: this.onNativeSeeked, onTimeUpdate: this.onNativeTimeUpdate, src: this.file, ref: (el) => (this.videoEl = el) })));
+        return (h(Host, { key: '096bf4738ee89c80cbf7aa894b3fe9579651adcc', class: "file-viewer-video" }, h("video", { key: '89234155bfac7693bf7bcd302aea75460e1081f1', autoplay: this.autoplay, class: "file-viewer-video__video", controls: true, onEnded: this.onNativeEnded, onPause: this.onNativePause, onPlay: this.onNativePlay, onRateChange: this.onNativeRateChange, onSeeked: this.onNativeSeeked, onTimeUpdate: this.onNativeTimeUpdate, src: this.file, ref: (el) => (this.videoEl = el) })));
     }
     static get is() { return "swirl-file-viewer-video"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as i,createEvent as e,h as s,Host as a,transformTag as o}from"@stencil/core/internal/client";const h=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.activate=e(this,"activate",7),this.playbackPlay=e(this,"playbackPlay",7),this.playbackPause=e(this,"playbackPause",7),this.playbackTimeUpdate=e(this,"playbackTimeUpdate",7),this.playbackSeeked=e(this,"playbackSeeked",7),this.playbackRateChange=e(this,"playbackRateChange",7),this.playbackEnded=e(this,"playbackEnded",7),this.playbackTeardown=e(this,"playbackTeardown",7),this.onNativePlay=()=>{this.playbackPlay.emit(this.getPlaybackDetail())},this.onNativePause=()=>{this.playbackPause.emit(this.getPlaybackDetail())},this.onNativeTimeUpdate=()=>{this.playbackTimeUpdate.emit(this.getPlaybackDetail())},this.onNativeSeeked=()=>{this.playbackSeeked.emit(this.getPlaybackDetail())},this.onNativeRateChange=()=>{this.playbackRateChange.emit(this.getPlaybackRateChangeDetail())},this.onNativeEnded=()=>{this.playbackEnded.emit(this.getPlaybackDetail())}}componentDidLoad(){this.activate.emit(this.el),this.disableDownload&&this.videoEl.setAttribute("controlsList","nodownload")}disconnectedCallback(){this.videoEl&&this.playbackTeardown.emit(this.getPlaybackDetail())}watchDisableDownload(){this.disableDownload?this.videoEl.setAttribute("controlsList","nodownload"):this.videoEl.removeAttribute("controlsList")}getPlaybackDetail(){return{currentTime:this.videoEl.currentTime,duration:this.videoEl.duration,videoEl:this.videoEl}}getPlaybackRateChangeDetail(){return{playbackRate:this.videoEl.playbackRate,...this.getPlaybackDetail()}}render(){return s(a,{key:"940ae8d428f981ed8a2a70dcba20df32108060e4",class:"file-viewer-video"},s("video",{key:"898b099c894ec94450ced6d2a54c4b450953fb33",autoplay:this.autoplay,class:"file-viewer-video__video",controls:!0,onEnded:this.onNativeEnded,onPause:this.onNativePause,onPlay:this.onNativePlay,onRateChange:this.onNativeRateChange,onSeeked:this.onNativeSeeked,onTimeUpdate:this.onNativeTimeUpdate,src:this.file,ref:t=>this.videoEl=t}))}get el(){return this}static get watchers(){return{disableDownload:[{watchDisableDownload:0}]}}static get style(){return":host{display:inline-flex;width:100%;max-height:100%;pointer-events:auto}:host *{box-sizing:border-box}.file-viewer-video__video{width:100%;background-color:rgba(0, 0, 0, 1)}"}},[1,"swirl-file-viewer-video",{autoplay:[4],disableDownload:[4,"disable-download"],file:[1]},void 0,{disableDownload:[{watchDisableDownload:0}]}]);function l(){"undefined"!=typeof customElements&&["swirl-file-viewer-video"].forEach((t=>{"swirl-file-viewer-video"===t&&(customElements.get(o(t))||customElements.define(o(t),h))}))}export{h as S,l as d}
+import{proxyCustomElement as t,HTMLElement as i,createEvent as e,h as s,Host as a,transformTag as o}from"@stencil/core/internal/client";const h=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.activate=e(this,"activate",7),this.playbackPlay=e(this,"playbackPlay",7),this.playbackPause=e(this,"playbackPause",7),this.playbackTimeUpdate=e(this,"playbackTimeUpdate",7),this.playbackSeeked=e(this,"playbackSeeked",7),this.playbackRateChange=e(this,"playbackRateChange",7),this.playbackEnded=e(this,"playbackEnded",7),this.playbackTeardown=e(this,"playbackTeardown",7),this.onNativePlay=()=>{this.playbackPlay.emit(this.getPlaybackDetail())},this.onNativePause=()=>{this.playbackPause.emit(this.getPlaybackDetail())},this.onNativeTimeUpdate=()=>{this.playbackTimeUpdate.emit(this.getPlaybackDetail())},this.onNativeSeeked=()=>{this.playbackSeeked.emit(this.getPlaybackDetail())},this.onNativeRateChange=()=>{this.playbackRateChange.emit(this.getPlaybackRateChangeDetail())},this.onNativeEnded=()=>{this.playbackEnded.emit(this.getPlaybackDetail())}}componentDidLoad(){this.activate.emit(this.el),this.disableDownload&&this.videoEl.setAttribute("controlsList","nodownload")}disconnectedCallback(){this.videoEl&&this.el.dispatchEvent(new CustomEvent("playbackTeardown",{bubbles:!0,composed:!0,detail:this.getPlaybackDetail()}))}watchDisableDownload(){this.disableDownload?this.videoEl.setAttribute("controlsList","nodownload"):this.videoEl.removeAttribute("controlsList")}getPlaybackDetail(){return{currentTime:this.videoEl.currentTime,duration:this.videoEl.duration,videoEl:this.videoEl}}getPlaybackRateChangeDetail(){return{playbackRate:this.videoEl.playbackRate,...this.getPlaybackDetail()}}render(){return s(a,{key:"096bf4738ee89c80cbf7aa894b3fe9579651adcc",class:"file-viewer-video"},s("video",{key:"89234155bfac7693bf7bcd302aea75460e1081f1",autoplay:this.autoplay,class:"file-viewer-video__video",controls:!0,onEnded:this.onNativeEnded,onPause:this.onNativePause,onPlay:this.onNativePlay,onRateChange:this.onNativeRateChange,onSeeked:this.onNativeSeeked,onTimeUpdate:this.onNativeTimeUpdate,src:this.file,ref:t=>this.videoEl=t}))}get el(){return this}static get watchers(){return{disableDownload:[{watchDisableDownload:0}]}}static get style(){return":host{display:inline-flex;width:100%;max-height:100%;pointer-events:auto}:host *{box-sizing:border-box}.file-viewer-video__video{width:100%;background-color:rgba(0, 0, 0, 1)}"}},[1,"swirl-file-viewer-video",{autoplay:[4],disableDownload:[4,"disable-download"],file:[1]},void 0,{disableDownload:[{watchDisableDownload:0}]}]);function l(){"undefined"!=typeof customElements&&["swirl-file-viewer-video"].forEach((t=>{"swirl-file-viewer-video"===t&&(customElements.get(o(t))||customElements.define(o(t),h))}))}export{h as S,l as d}

package/dist/esm/swirl-file-viewer-audio_7.entry.js

@@ -28715,7 +28715,16 @@ const SwirlFileViewerVideo = class {
     }
     disconnectedCallback() {
         if (this.videoEl) {
-            this.playbackTeardown.emit(this.getPlaybackDetail());
+            /**
+             * Cannot call this.playbackTeardown.emit() here because the host is by
+             * definition already detached, so Stencil throws a warning (in tests and
+             * in real dev builds). Keeping the @Event for type safety.
+             */
+            this.el.dispatchEvent(new CustomEvent("playbackTeardown", {
+                bubbles: true,
+                composed: true,
+                detail: this.getPlaybackDetail(),
+            }));
         }
     }
     watchDisableDownload() {
@@ -28740,7 +28749,7 @@ const SwirlFileViewerVideo = class {
         };
     }
     render() {
-        return (h(Host, { key: '940ae8d428f981ed8a2a70dcba20df32108060e4', class: "file-viewer-video" }, h("video", { key: '898b099c894ec94450ced6d2a54c4b450953fb33', autoplay: this.autoplay, class: "file-viewer-video__video", controls: true, onEnded: this.onNativeEnded, onPause: this.onNativePause, onPlay: this.onNativePlay, onRateChange: this.onNativeRateChange, onSeeked: this.onNativeSeeked, onTimeUpdate: this.onNativeTimeUpdate, src: this.file, ref: (el) => (this.videoEl = el) })));
+        return (h(Host, { key: '096bf4738ee89c80cbf7aa894b3fe9579651adcc', class: "file-viewer-video" }, h("video", { key: '89234155bfac7693bf7bcd302aea75460e1081f1', autoplay: this.autoplay, class: "file-viewer-video__video", controls: true, onEnded: this.onNativeEnded, onPause: this.onNativePause, onPlay: this.onNativePlay, onRateChange: this.onNativeRateChange, onSeeked: this.onNativeSeeked, onTimeUpdate: this.onNativeTimeUpdate, src: this.file, ref: (el) => (this.videoEl = el) })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {