@getflip/swirl-components 0.517.0 → 0.517.1

package/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-08-03T12:57:16",
+  "timestamp": "2026-08-04T08:23:29",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.43.1",

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

@@ -28731,6 +28731,9 @@ const SwirlFileViewerVideo = class {
         this.onNativeEnded = () => {
             this.playbackEnded.emit(this.getPlaybackDetail());
         };
+        this.onKeyDown = (event) => {
+            event.stopPropagation();
+        };
     }
     componentDidLoad() {
         this.activate.emit(this.el);
@@ -28774,7 +28777,7 @@ const SwirlFileViewerVideo = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'c90b1c2125c422265368ade02ca496fb40a0ece9', class: "file-viewer-video" }, index.h("video", { key: '3c21da4712271f3514888e246dcf75606920e3b6', 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, onSeeking: this.onNativeSeeking, onTimeUpdate: this.onNativeTimeUpdate, src: this.file, ref: (el) => (this.videoEl = el) })));
+        return (index.h(index.Host, { key: 'c4b740e48720383d57b54a70446905e13db356fd', class: "file-viewer-video" }, index.h("video", { key: 'f1a889c3636429c8d25be050816d92cfabf5cf51', autoplay: this.autoplay, class: "file-viewer-video__video", controls: true, onEnded: this.onNativeEnded, onKeyDown: this.onKeyDown, onPause: this.onNativePause, onPlay: this.onNativePlay, onRateChange: this.onNativeRateChange, onSeeked: this.onNativeSeeked, onSeeking: this.onNativeSeeking, 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

@@ -22,6 +22,9 @@ export class SwirlFileViewerVideo {
         this.onNativeEnded = () => {
             this.playbackEnded.emit(this.getPlaybackDetail());
         };
+        this.onKeyDown = (event) => {
+            event.stopPropagation();
+        };
     }
     componentDidLoad() {
         this.activate.emit(this.el);
@@ -65,7 +68,7 @@ export class SwirlFileViewerVideo {
         };
     }
     render() {
-        return (h(Host, { key: 'c90b1c2125c422265368ade02ca496fb40a0ece9', class: "file-viewer-video" }, h("video", { key: '3c21da4712271f3514888e246dcf75606920e3b6', 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, onSeeking: this.onNativeSeeking, onTimeUpdate: this.onNativeTimeUpdate, src: this.file, ref: (el) => (this.videoEl = el) })));
+        return (h(Host, { key: 'c4b740e48720383d57b54a70446905e13db356fd', class: "file-viewer-video" }, h("video", { key: 'f1a889c3636429c8d25be050816d92cfabf5cf51', autoplay: this.autoplay, class: "file-viewer-video__video", controls: true, onEnded: this.onNativeEnded, onKeyDown: this.onKeyDown, onPause: this.onNativePause, onPlay: this.onNativePlay, onRateChange: this.onNativeRateChange, onSeeked: this.onNativeSeeked, onSeeking: this.onNativeSeeking, 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 h}from"@stencil/core/internal/client";const o=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.playbackSeeking=e(this,"playbackSeeking",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.onNativeSeeking=()=>{this.playbackSeeking.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:"c90b1c2125c422265368ade02ca496fb40a0ece9",class:"file-viewer-video"},s("video",{key:"3c21da4712271f3514888e246dcf75606920e3b6",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,onSeeking:this.onNativeSeeking,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(h(t))||customElements.define(h(t),o))}))}export{o as S,l as d}
+import{proxyCustomElement as t,HTMLElement as i,createEvent as e,h as s,Host as a,transformTag as h}from"@stencil/core/internal/client";const o=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.playbackSeeking=e(this,"playbackSeeking",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.onNativeSeeking=()=>{this.playbackSeeking.emit(this.getPlaybackDetail())},this.onNativeRateChange=()=>{this.playbackRateChange.emit(this.getPlaybackRateChangeDetail())},this.onNativeEnded=()=>{this.playbackEnded.emit(this.getPlaybackDetail())},this.onKeyDown=t=>{t.stopPropagation()}}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:"c4b740e48720383d57b54a70446905e13db356fd",class:"file-viewer-video"},s("video",{key:"f1a889c3636429c8d25be050816d92cfabf5cf51",autoplay:this.autoplay,class:"file-viewer-video__video",controls:!0,onEnded:this.onNativeEnded,onKeyDown:this.onKeyDown,onPause:this.onNativePause,onPlay:this.onNativePlay,onRateChange:this.onNativeRateChange,onSeeked:this.onNativeSeeked,onSeeking:this.onNativeSeeking,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(h(t))||customElements.define(h(t),o))}))}export{o as S,l as d}

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

@@ -28710,6 +28710,9 @@ const SwirlFileViewerVideo = class {
         this.onNativeEnded = () => {
             this.playbackEnded.emit(this.getPlaybackDetail());
         };
+        this.onKeyDown = (event) => {
+            event.stopPropagation();
+        };
     }
     componentDidLoad() {
         this.activate.emit(this.el);
@@ -28753,7 +28756,7 @@ const SwirlFileViewerVideo = class {
         };
     }
     render() {
-        return (h(Host, { key: 'c90b1c2125c422265368ade02ca496fb40a0ece9', class: "file-viewer-video" }, h("video", { key: '3c21da4712271f3514888e246dcf75606920e3b6', 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, onSeeking: this.onNativeSeeking, onTimeUpdate: this.onNativeTimeUpdate, src: this.file, ref: (el) => (this.videoEl = el) })));
+        return (h(Host, { key: 'c4b740e48720383d57b54a70446905e13db356fd', class: "file-viewer-video" }, h("video", { key: 'f1a889c3636429c8d25be050816d92cfabf5cf51', autoplay: this.autoplay, class: "file-viewer-video__video", controls: true, onEnded: this.onNativeEnded, onKeyDown: this.onKeyDown, onPause: this.onNativePause, onPlay: this.onNativePlay, onRateChange: this.onNativeRateChange, onSeeked: this.onNativeSeeked, onSeeking: this.onNativeSeeking, onTimeUpdate: this.onNativeTimeUpdate, src: this.file, ref: (el) => (this.videoEl = el) })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {