@cloudflare/realtimekit-ui 1.0.4 → 1.0.5-staging.2

package/dist/components/{p-734d61ed.js → p-1745c048.js}

@@ -35616,7 +35616,7 @@ function formatSecondsToHHMMSS(seconds) {
         : `${mins}:${secs.toString().padStart(2, '0')}`;
 }
 
-const rtkLivestreamPlayerCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;height:100%;max-height:100%;min-height:100%;width:100%;min-width:100%;max-width:100%;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}.player-container{position:relative;margin-left:var(--rtk-space-4, 16px);margin-right:var(--rtk-space-4, 16px);margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-0, 0px);display:flex;flex-grow:1;align-items:center;justify-content:center;border-radius:var(--rtk-border-radius-md, 8px)}.loader{position:absolute;z-index:10;height:100%;width:100%;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));display:flex;flex-direction:column;align-items:center;justify-content:center}p{margin-top:var(--rtk-space-1, 4px);margin-bottom:var(--rtk-space-1, 4px);font-size:16px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.unmute-popup{position:absolute;z-index:30 !important;display:flex;width:var(--rtk-space-72, 288px);flex-direction:column;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));padding:var(--rtk-space-4, 16px);text-align:center;max-width:70%}.unmute-popup h3{margin:var(--rtk-space-0, 0px);font-size:16px;font-weight:500}.unmute-popup p{margin-top:var(--rtk-space-3, 12px);margin-bottom:var(--rtk-space-3, 12px);font-size:14px}.control-bar{position:absolute;bottom:0;left:16px;right:16px;display:flex;height:auto;justify-content:space-between;align-items:center;padding:12px 16px;z-index:30;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));border-radius:6px;border-radius:var(--rtk-border-radius-md, 8px);background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / 0.8)}.timings{color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.control-btn{border:none;margin-right:var(--rtk-space-2, 8px);border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));cursor:pointer;font-size:24px;height:30px;width:30px}.fullscreen-btn{margin-right:20px;height:30px}.control-btn:hover{opacity:0.8}.control-btn:focus{outline:none}.control-groups{display:flex;align-items:center;justify-content:space-around}#livestream-video,.livestream-video{position:absolute;top:0;left:0;width:100% !important;height:100% !important;max-width:none !important;max-height:none !important;min-width:100% !important;min-height:100% !important;-o-object-fit:fill !important;object-fit:fill !important;z-index:10;border-radius:var(--rtk-border-radius-md, 8px);border-width:0px}:host:not(:fullscreen) .video-container{padding:16px 16px 0 16px}:host(:fullscreen) .video-container,:host(:-webkit-full-screen) .video-container,:host(:-moz-full-screen) .video-container{padding:0}.level-select{border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));border:none;padding:5px 10px;font-size:14px;height:30px;cursor:pointer;border-radius:5px;margin-right:10px}.level-select:focus{outline:none}.level-select option{border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.volume-control-holder{display:flex;justify-content:center;align-items:center}";
+const rtkLivestreamPlayerCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;height:100%;max-height:100%;min-height:100%;width:100%;min-width:100%;max-width:100%;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}.player-container{position:relative;margin-left:var(--rtk-space-4, 16px);margin-right:var(--rtk-space-4, 16px);margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-0, 0px);display:flex;flex-grow:1;align-items:center;justify-content:center;border-radius:var(--rtk-border-radius-md, 8px)}.loader{position:absolute;z-index:10;height:100%;width:100%;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));display:flex;flex-direction:column;align-items:center;justify-content:center}p{margin-top:var(--rtk-space-1, 4px);margin-bottom:var(--rtk-space-1, 4px);font-size:16px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.unmute-popup{position:absolute;z-index:30 !important;display:flex;width:var(--rtk-space-72, 288px);flex-direction:column;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));padding:var(--rtk-space-4, 16px);text-align:center;max-width:70%}.unmute-popup h3{margin:var(--rtk-space-0, 0px);font-size:16px;font-weight:500}.unmute-popup p{margin-top:var(--rtk-space-3, 12px);margin-bottom:var(--rtk-space-3, 12px);font-size:14px}.control-bar{position:absolute;bottom:0;left:16px;right:16px;display:flex;height:auto;align-items:center;padding:12px 16px;z-index:30;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));border-radius:6px;border-radius:var(--rtk-border-radius-md, 8px);background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / 0.8);gap:12px}.timings{color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.control-btn{border:none;margin-right:var(--rtk-space-2, 8px);border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));cursor:pointer;font-size:24px;height:30px;width:30px}.fullscreen-btn{margin-right:20px;height:30px}.control-btn:hover{opacity:0.8}.control-btn:focus{outline:none}.control-groups{display:flex;align-items:center;gap:12px;flex-shrink:0}#livestream-video,.livestream-video{position:absolute;top:0;left:0;width:100% !important;height:100% !important;max-width:none !important;max-height:none !important;min-width:100% !important;min-height:100% !important;-o-object-fit:fill !important;object-fit:fill !important;z-index:10;border-radius:var(--rtk-border-radius-md, 8px);border-width:0px}:host:not(:fullscreen) .video-container{padding:16px 16px 0 16px}:host(:fullscreen) .video-container,:host(:-webkit-full-screen) .video-container,:host(:-moz-full-screen) .video-container{padding:0}.level-select{border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));border:none;padding:5px 10px;font-size:14px;height:30px;cursor:pointer;border-radius:5px;margin-right:10px}.level-select:focus{outline:none}.level-select option{border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.volume-control-holder{display:flex;justify-content:center;align-items:center}.seekbar-container{flex:1;min-width:100px;padding:0 12px;display:flex;align-items:center}.seekbar{width:100%;height:20px;cursor:pointer;display:flex;align-items:center}.seekbar-track{position:relative;width:100%;height:4px;border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.seekbar-progress{position:absolute;top:0;left:0;height:100%;border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));transition:width 0.1s ease}.seekbar-handle{position:absolute;top:50%;width:12px;height:12px;border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));transform:translate(-50%, -50%);transition:left 0.1s ease;opacity:0}.seekbar:hover .seekbar-handle{opacity:1}.seekbar:hover .seekbar-track{height:6px}.seekbar:hover .seekbar-handle{width:14px;height:14px}";
 const RtkLivestreamPlayerStyle0 = rtkLivestreamPlayerCss;
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -35650,21 +35650,42 @@ const RtkLivestreamPlayer = /*@__PURE__*/ proxyCustomElement(class RtkLivestream
         this.currentTime = 0;
         this.duration = 0;
         this.hideControls = true;
+        this.isDragging = false;
+        this.seekPosition = 0;
+        this.isSeeking = false;
         this.hideControlsTimeout = null;
+        this.seekingTimeout = null;
         this.livestreamUpdateListener = (state) => {
             this.playbackUrl = this.meeting.livestream.playbackUrl;
             this.livestreamState = state;
         };
         this.updateProgress = () => {
-            this.currentTime = this.videoRef.currentTime;
+            // During seeking, avoid updating currentTime to prevent fluctuations
+            if (!this.isSeeking) {
+                this.currentTime = this.videoRef.currentTime;
+            }
         };
         this.updateHlsStatsPeriodically = () => {
-            var _a, _b;
-            // Total duration is where video is + the latency that is there
-            this.duration = (((_a = this.videoRef) === null || _a === void 0 ? void 0 : _a.currentTime) || 0) + (((_b = this.hls) === null || _b === void 0 ? void 0 : _b.latency) || 0);
+            var _a, _b, _c;
+            // Use HLS seekable ranges to get actual duration instead of currentTime + latency
+            // This prevents duration from fluctuating when seeking
+            if (((_a = this.videoRef) === null || _a === void 0 ? void 0 : _a.seekable) && this.videoRef.seekable.length > 0) {
+                this.duration = this.videoRef.seekable.end(this.videoRef.seekable.length - 1);
+            }
+            else {
+                // Fallback to currentTime + latency if seekable ranges aren't available
+                this.duration = (((_b = this.videoRef) === null || _b === void 0 ? void 0 : _b.currentTime) || 0) + (((_c = this.hls) === null || _c === void 0 ? void 0 : _c.latency) || 0);
+            }
         };
         this.fastForwardToLatest = () => {
-            this.videoRef.currentTime = this.duration - 1; // Move to the latest time
+            var _a;
+            // Use seekable range for more accurate live edge positioning
+            if (((_a = this.videoRef) === null || _a === void 0 ? void 0 : _a.seekable) && this.videoRef.seekable.length > 0) {
+                this.videoRef.currentTime = this.videoRef.seekable.end(this.videoRef.seekable.length - 1) - 1;
+            }
+            else {
+                this.videoRef.currentTime = this.duration - 1; // Fallback
+            }
         };
         this.togglePlay = () => {
             if (this.videoRef.paused) {
@@ -35697,6 +35718,74 @@ const RtkLivestreamPlayer = /*@__PURE__*/ proxyCustomElement(class RtkLivestream
                 this.hideControls = true;
             }, 5000);
         };
+        this.seekToPosition = (position) => {
+            if (!this.videoRef)
+                return;
+            // Clamp position to valid range
+            const clampedPosition = Math.max(0, Math.min(position, this.duration));
+            // Set seeking state to prevent currentTime fluctuations
+            this.isSeeking = true;
+            // Update currentTime immediately for UI feedback
+            this.currentTime = clampedPosition;
+            try {
+                this.videoRef.currentTime = clampedPosition;
+                // Clear any existing timeout
+                if (this.seekingTimeout) {
+                    clearTimeout(this.seekingTimeout);
+                }
+                // Reset seeking state after a short delay to allow video to stabilize
+                this.seekingTimeout = setTimeout(() => {
+                    this.isSeeking = false;
+                    // Update currentTime one final time to ensure accuracy
+                    this.currentTime = this.videoRef.currentTime;
+                }, 200);
+            }
+            catch (error) {
+                this.isSeeking = false;
+                this.meeting.__internals__.logger.warn('rtk-livestream-player:: Seek failed', { error });
+            }
+        };
+        this.onSeekbarMouseDown = (event) => {
+            event.preventDefault();
+            this.isDragging = true;
+            this.updateSeekPosition(event);
+            document.addEventListener('mousemove', this.onSeekbarMouseMove);
+            document.addEventListener('mouseup', this.onSeekbarMouseUp);
+        };
+        this.onSeekbarMouseMove = (event) => {
+            if (!this.isDragging)
+                return;
+            this.updateSeekPosition(event);
+        };
+        this.onSeekbarMouseUp = (event) => {
+            if (!this.isDragging)
+                return;
+            this.isDragging = false;
+            this.updateSeekPosition(event);
+            this.seekToPosition(this.seekPosition);
+            document.removeEventListener('mousemove', this.onSeekbarMouseMove);
+            document.removeEventListener('mouseup', this.onSeekbarMouseUp);
+        };
+        this.onSeekbarClick = (event) => {
+            if (this.isDragging)
+                return;
+            this.updateSeekPosition(event);
+            this.seekToPosition(this.seekPosition);
+        };
+        this.updateSeekPosition = (event) => {
+            const seekbar = event.currentTarget;
+            const rect = seekbar.getBoundingClientRect();
+            const clickX = event.clientX - rect.left;
+            const progress = Math.max(0, Math.min(1, clickX / rect.width));
+            // Map progress to duration
+            this.seekPosition = progress * this.duration;
+        };
+        this.getSeekbarProgress = () => {
+            if (this.isDragging) {
+                return this.duration > 0 ? this.seekPosition / this.duration : 0;
+            }
+            return this.duration > 0 ? this.currentTime / this.duration : 0;
+        };
         this.getLoadingState = () => {
             let loadingMessage = '';
             let isLoading = false;
@@ -35766,7 +35855,7 @@ const RtkLivestreamPlayer = /*@__PURE__*/ proxyCustomElement(class RtkLivestream
                     });
                     window.rtk_hls = this.hls;
                     this.meeting.__internals__.logger.info(`rtk-livestream-player:: Loading source`);
-                    this.hls.loadSource(this.playbackUrl);
+                    this.hls.loadSource(this.playbackUrl + '?dvrEnabled=true');
                     this.meeting.__internals__.logger.info(`rtk-livestream-player:: Attaching video element to HLS`);
                     this.hls.attachMedia(this.videoRef);
                     this.meeting.__internals__.logger.info(`rtk-livestream-player:: Waiting async for HLS manifest parsing`);
@@ -35784,7 +35873,7 @@ const RtkLivestreamPlayer = /*@__PURE__*/ proxyCustomElement(class RtkLivestream
                                 setTimeout(() => {
                                     if (this.playbackUrl && this.livestreamState === 'LIVESTREAMING') {
                                         this.meeting.__internals__.logger.info('rtk-livestream-player:: Retrying playbackUrl');
-                                        this.hls.loadSource(this.playbackUrl);
+                                        this.hls.loadSource(this.playbackUrl + '?dvrEnabled=true');
                                     }
                                 }, 5000);
                                 return;
@@ -35877,6 +35966,9 @@ const RtkLivestreamPlayer = /*@__PURE__*/ proxyCustomElement(class RtkLivestream
         this.meeting.livestream.removeListener('livestreamUpdate', this.livestreamUpdateListener);
         this.videoRef.removeEventListener('timeupdate', this.updateProgress);
         clearInterval(this.statsIntervalTimer);
+        if (this.seekingTimeout) {
+            clearTimeout(this.seekingTimeout);
+        }
         this.videoRef = null;
         if (this.hls) {
             this.hls.destroy();
@@ -35908,7 +36000,7 @@ const RtkLivestreamPlayer = /*@__PURE__*/ proxyCustomElement(class RtkLivestream
         // <!-- Control Bar -->
         h("div", { class: "control-bar" }, h("div", { class: "control-groups" }, h("rtk-icon", { id: "playPause", onClick: this.togglePlay, size: "lg", class: "control-btn", icon: this.playerState === PlayerState.PLAYING
                 ? this.iconPack.pause
-                : this.iconPack.play }), h("rtk-icon", { size: "lg", class: "control-btn", icon: this.iconPack.fastForward, onClick: this.fastForwardToLatest }), h("span", { class: "timings" }, formatSecondsToHHMMSS(this.currentTime), " /", ' ', formatSecondsToHHMMSS(this.duration))), h("div", { class: "control-groups" }, h("select", { class: "level-select", onChange: (e) => this.changeQuality(parseInt(e.target.value)) }, this.qualityLevels.map((level) => (h("option", { value: level.level, selected: this.selectedQuality === level.level }, level.resolution)))), h("rtk-fullscreen-toggle", { id: "fullscreen", class: "control-btn fullscreen-btn", targetElement: this.videoContainerRef, size: "sm", iconPack: this.iconPack, t: this.t, ref: (fullScreenToggle) => {
+                : this.iconPack.play }), h("rtk-icon", { size: "lg", class: "control-btn", icon: this.iconPack.fastForward, onClick: this.fastForwardToLatest }), h("span", { class: "timings" }, formatSecondsToHHMMSS(this.currentTime), " /", ' ', formatSecondsToHHMMSS(this.duration))), h("div", { class: "seekbar-container" }, h("div", { class: "seekbar", onMouseDown: this.onSeekbarMouseDown, onClick: this.onSeekbarClick }, h("div", { class: "seekbar-track" }, h("div", { class: "seekbar-progress", style: { width: `${this.getSeekbarProgress() * 100}%` } }), h("div", { class: "seekbar-handle", style: { left: `${this.getSeekbarProgress() * 100}%` } })))), h("div", { class: "control-groups" }, h("select", { class: "level-select", onChange: (e) => this.changeQuality(parseInt(e.target.value)) }, this.qualityLevels.map((level) => (h("option", { value: level.level, selected: this.selectedQuality === level.level }, level.resolution)))), h("rtk-fullscreen-toggle", { id: "fullscreen", class: "control-btn fullscreen-btn", targetElement: this.videoContainerRef, size: "sm", iconPack: this.iconPack, t: this.t, ref: (fullScreenToggle) => {
                 var _a;
                 // Create a <style> element
                 const style = document.createElement('style');
@@ -35953,7 +36045,10 @@ const RtkLivestreamPlayer = /*@__PURE__*/ proxyCustomElement(class RtkLivestream
         "selectedQuality": [32],
         "currentTime": [32],
         "duration": [32],
-        "hideControls": [32]
+        "hideControls": [32],
+        "isDragging": [32],
+        "seekPosition": [32],
+        "isSeeking": [32]
     }, undefined, {
         "livestreamState": ["updateLivestreamId"],
         "meeting": ["meetingChanged"]

package/dist/components/{p-aaaa2ffd.js → p-1d624be9.js}

@@ -11,7 +11,7 @@ import { d as defineCustomElement$M } from './p-0ed5724c.js';
 import { d as defineCustomElement$L } from './p-1391bef0.js';
 import { d as defineCustomElement$K } from './p-31bcc734.js';
 import { d as defineCustomElement$J } from './p-04d15eb6.js';
-import { d as defineCustomElement$I } from './p-72ca9fd3.js';
+import { d as defineCustomElement$I } from './p-8f513cbb.js';
 import { d as defineCustomElement$H } from './p-5ebc407b.js';
 import { d as defineCustomElement$G } from './p-5bcc3fbf.js';
 import { d as defineCustomElement$F } from './p-1bab77e6.js';
@@ -25,8 +25,8 @@ import { d as defineCustomElement$y } from './p-8183bf13.js';
 import { d as defineCustomElement$x } from './p-dd02fd30.js';
 import { d as defineCustomElement$w } from './p-01da0593.js';
 import { d as defineCustomElement$v } from './p-69c80d56.js';
-import { d as defineCustomElement$u } from './p-750d5890.js';
-import { d as defineCustomElement$t } from './p-431bde35.js';
+import { d as defineCustomElement$u } from './p-7960f355.js';
+import { d as defineCustomElement$t } from './p-cb12ef1a.js';
 import { d as defineCustomElement$s } from './p-f27918e3.js';
 import { d as defineCustomElement$r } from './p-ef17e3c1.js';
 import { d as defineCustomElement$q } from './p-07b63e04.js';

package/dist/components/{p-750d5890.js → p-7960f355.js}

@@ -4,7 +4,7 @@ import { S as SyncWithStore } from './p-d9827659.js';
 import { d as defineCustomElement$2 } from './p-1391bef0.js';
 import { d as defineCustomElement$1 } from './p-3b29dda1.js';
 
-const rtkDialogCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{word-wrap:break-word;overflow-wrap:break-word}#dialog{position:relative;max-height:100%;max-width:100%;padding:var(--rtk-space-0, 0px);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}#dialog::backdrop{background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / 0.5);-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%)}#dismiss-btn{position:absolute;top:var(--rtk-space-3, 12px);right:var(--rtk-space-3, 12px);z-index:50}::slotted(*){max-height:100%;max-width:100%}";
+const rtkDialogCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{word-wrap:break-word;overflow-wrap:break-word}#dialog{position:relative;max-height:100%;max-width:100%;padding:var(--rtk-space-0, 0px);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}#dialog::backdrop{background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / 0.5);-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%)}#dismiss-btn{position:absolute;top:var(--rtk-space-3, 12px);right:var(--rtk-space-3, 12px);z-index:50}::slotted(*){max-width:100%;height:auto;min-height:-moz-fit-content;min-height:fit-content}";
 const RtkDialogStyle0 = rtkDialogCss;
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

package/dist/components/{p-72ca9fd3.js → p-8f513cbb.js}

@@ -5,7 +5,7 @@ import { S as SyncWithStore } from './p-d9827659.js';
 import { d as defineCustomElement$7 } from './p-c05f6b8c.js';
 import { d as defineCustomElement$6 } from './p-1391bef0.js';
 import { d as defineCustomElement$5 } from './p-04d15eb6.js';
-import { d as defineCustomElement$4 } from './p-750d5890.js';
+import { d as defineCustomElement$4 } from './p-7960f355.js';
 import { d as defineCustomElement$3 } from './p-3b29dda1.js';
 import { d as defineCustomElement$2 } from './p-f6ccc017.js';
 import { d as defineCustomElement$1 } from './p-895216f5.js';

package/dist/components/{p-431bde35.js → p-cb12ef1a.js}

@@ -16,7 +16,7 @@ import { d as defineCustomElement$d } from './p-8183bf13.js';
 import { d as defineCustomElement$c } from './p-dd02fd30.js';
 import { d as defineCustomElement$b } from './p-01da0593.js';
 import { d as defineCustomElement$a } from './p-69c80d56.js';
-import { d as defineCustomElement$9 } from './p-750d5890.js';
+import { d as defineCustomElement$9 } from './p-7960f355.js';
 import { d as defineCustomElement$8 } from './p-3b29dda1.js';
 import { d as defineCustomElement$7 } from './p-a96f61c3.js';
 import { d as defineCustomElement$6 } from './p-2e39722f.js';

package/dist/components/rtk-channel-header.js

@@ -1,4 +1,4 @@
-import { R as RtkChannelHeader$1, d as defineCustomElement$1 } from './p-72ca9fd3.js';
+import { R as RtkChannelHeader$1, d as defineCustomElement$1 } from './p-8f513cbb.js';
 
 const RtkChannelHeader = RtkChannelHeader$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-chat.js

@@ -1,4 +1,4 @@
-import { R as RtkChat$1, d as defineCustomElement$1 } from './p-aaaa2ffd.js';
+import { R as RtkChat$1, d as defineCustomElement$1 } from './p-1d624be9.js';
 
 const RtkChat = RtkChat$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-dialog-manager.js

@@ -1,4 +1,4 @@
-import { R as RtkDialogManager$1, d as defineCustomElement$1 } from './p-431bde35.js';
+import { R as RtkDialogManager$1, d as defineCustomElement$1 } from './p-cb12ef1a.js';
 
 const RtkDialogManager = RtkDialogManager$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-dialog.js

@@ -1,4 +1,4 @@
-import { R as RtkDialog$1, d as defineCustomElement$1 } from './p-750d5890.js';
+import { R as RtkDialog$1, d as defineCustomElement$1 } from './p-7960f355.js';
 
 const RtkDialog = RtkDialog$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-grid.js

@@ -9,7 +9,7 @@ import { d as defineCustomElement$8 } from './p-3c7aec75.js';
 import { d as defineCustomElement$7 } from './p-a4f447c5.js';
 import { d as defineCustomElement$6 } from './p-3b29dda1.js';
 import { d as defineCustomElement$5 } from './p-68467e1e.js';
-import { d as defineCustomElement$4 } from './p-734d61ed.js';
+import { d as defineCustomElement$4 } from './p-1745c048.js';
 import { d as defineCustomElement$3 } from './p-f6ccc017.js';
 import { d as defineCustomElement$2 } from './p-0aff670a.js';
 

package/dist/components/rtk-livestream-player.js

@@ -1,4 +1,4 @@
-import { R as RtkLivestreamPlayer$1, d as defineCustomElement$1 } from './p-734d61ed.js';
+import { R as RtkLivestreamPlayer$1, d as defineCustomElement$1 } from './p-1745c048.js';
 
 const RtkLivestreamPlayer = RtkLivestreamPlayer$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-meeting.js

@@ -13,9 +13,9 @@ import { d as defineCustomElement$O } from './p-0ed5724c.js';
 import { d as defineCustomElement$N } from './p-1391bef0.js';
 import { d as defineCustomElement$M } from './p-31bcc734.js';
 import { d as defineCustomElement$L } from './p-04d15eb6.js';
-import { d as defineCustomElement$K } from './p-72ca9fd3.js';
+import { d as defineCustomElement$K } from './p-8f513cbb.js';
 import { d as defineCustomElement$J } from './p-5ebc407b.js';
-import { d as defineCustomElement$I } from './p-aaaa2ffd.js';
+import { d as defineCustomElement$I } from './p-1d624be9.js';
 import { d as defineCustomElement$H } from './p-5bcc3fbf.js';
 import { d as defineCustomElement$G } from './p-1bab77e6.js';
 import { d as defineCustomElement$F } from './p-e7cce7d7.js';
@@ -28,8 +28,8 @@ import { d as defineCustomElement$z } from './p-8183bf13.js';
 import { d as defineCustomElement$y } from './p-dd02fd30.js';
 import { d as defineCustomElement$x } from './p-01da0593.js';
 import { d as defineCustomElement$w } from './p-69c80d56.js';
-import { d as defineCustomElement$v } from './p-750d5890.js';
-import { d as defineCustomElement$u } from './p-431bde35.js';
+import { d as defineCustomElement$v } from './p-7960f355.js';
+import { d as defineCustomElement$u } from './p-cb12ef1a.js';
 import { d as defineCustomElement$t } from './p-f27918e3.js';
 import { d as defineCustomElement$s } from './p-ef17e3c1.js';
 import { d as defineCustomElement$r } from './p-07b63e04.js';

package/dist/components/rtk-participants-audio.js

@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-
 import { C as disableSettingSinkId, e as defaultIconPack, h as useLanguage, N as isLiveStreamViewer } from './p-fa889524.js';
 import { S as SyncWithStore } from './p-d9827659.js';
 import { d as defineCustomElement$4 } from './p-1391bef0.js';
-import { d as defineCustomElement$3 } from './p-750d5890.js';
+import { d as defineCustomElement$3 } from './p-7960f355.js';
 import { d as defineCustomElement$2 } from './p-3b29dda1.js';
 
 /**

package/dist/docs/docs-components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-08-04T05:42:19",
+  "timestamp": "2025-08-08T07:52:32",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.27.2",