@cloudflare/realtimekit-ui 1.0.9-staging.1 → 1.0.9-staging.3

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

@@ -1,4 +1,308 @@
-import { R as RtkDialogManager$1, d as defineCustomElement$1 } from './p-99a61e45.js';
+import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
+import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
+import { S as SyncWithStore } from './p-47c25f64.js';
+import { R as Render } from './p-60fdbd75.js';
+import { d as defineCustomElement$n } from './p-b1338b4f.js';
+import { d as defineCustomElement$m } from './p-b397a600.js';
+import { d as defineCustomElement$l } from './p-e732b5ee.js';
+import { d as defineCustomElement$k } from './p-9c2c0760.js';
+import { d as defineCustomElement$j } from './p-498c01a6.js';
+import { d as defineCustomElement$i } from './p-1391bef0.js';
+import { d as defineCustomElement$h } from './p-25ca06f2.js';
+import { d as defineCustomElement$g } from './p-2508ac98.js';
+import { d as defineCustomElement$f } from './p-bb8f2597.js';
+import { d as defineCustomElement$e } from './p-84e5b453.js';
+import { d as defineCustomElement$d } from './p-5f26bba3.js';
+import { d as defineCustomElement$c } from './p-102b6df8.js';
+import { d as defineCustomElement$b } from './p-9e87b2c9.js';
+import { d as defineCustomElement$a } from './p-c515acba.js';
+import { d as defineCustomElement$9 } from './p-3b29dda1.js';
+import { d as defineCustomElement$8 } from './p-2d08ab28.js';
+import { d as defineCustomElement$7 } from './p-06e20f42.js';
+import { d as defineCustomElement$6 } from './p-9fd18352.js';
+import { d as defineCustomElement$5 } from './p-a159952c.js';
+import { d as defineCustomElement$4 } from './p-4c7f1a19.js';
+import { d as defineCustomElement$3 } from './p-b6ee1a32.js';
+import { d as defineCustomElement$2 } from './p-03bdc4c0.js';
+
+const rtkDialogManagerCss = ":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:block}";
+const RtkDialogManagerStyle0 = rtkDialogManagerCss;
+
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+const RtkDialogManager$1 = /*@__PURE__*/ proxyCustomElement(class RtkDialogManager extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.stateUpdate = createEvent(this, "rtkStateUpdate", 7);
+        /** UI Config */
+        this.config = createDefaultConfig();
+        /** Icon pack */
+        this.iconPack = defaultIconPack;
+        /** Language */
+        this.t = useLanguage();
+        this.updateStoreState = (state, value) => {
+            this.stateUpdate.emit({ [state]: value });
+        };
+        this.cancelJoinStage = async () => {
+            var _a, _b, _c;
+            if (((_a = this.meeting.stage) === null || _a === void 0 ? void 0 : _a.status) === 'ACCEPTED_TO_JOIN_STAGE') {
+                await ((_c = (_b = this.meeting) === null || _b === void 0 ? void 0 : _b.stage) === null || _c === void 0 ? void 0 : _c.leave());
+            }
+            this.updateStoreState('activeJoinStage', false);
+        };
+        this.joinStage = async () => {
+            await this.meeting.stage.join();
+            /** NOTE(ishita1805): We close the modal once the status has changed */
+        };
+        this.stageStatusUpdateListener = (status) => {
+            var _a;
+            if (!((_a = this.states) === null || _a === void 0 ? void 0 : _a.activeJoinStage))
+                return;
+            if (status === 'ON_STAGE')
+                this.updateStoreState('activeJoinStage', false);
+        };
+    }
+    connectedCallback() {
+        this.meetingChanged(this.meeting);
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.meeting.stage) === null || _a === void 0 ? void 0 : _a.removeListener('stageStatusUpdate', this.stageStatusUpdateListener);
+    }
+    meetingChanged(meeting) {
+        if (!meeting)
+            return;
+        const { stage } = meeting;
+        stage === null || stage === void 0 ? void 0 : stage.addListener('stageStatusUpdate', this.stageStatusUpdateListener);
+    }
+    render() {
+        var _a, _b, _c, _d;
+        if (!this.meeting) {
+            return;
+        }
+        const defaults = {
+            meeting: this.meeting,
+            states: this.states,
+            config: this.config,
+            size: this.size,
+            iconPack: this.iconPack,
+            t: this.t,
+        };
+        const states = this.states;
+        if ((states === null || states === void 0 ? void 0 : states.image) != null) {
+            const image = states.image;
+            const onImageClose = () => {
+                this.stateUpdate.emit({ image: null });
+            };
+            return (h(Host, null, h("rtk-dialog", { open: true, onRtkDialogClose: onImageClose, hideCloseButton: true, iconPack: this.iconPack, t: this.t }, h(Render, { element: "rtk-image-viewer", defaults: defaults, props: { image, onClose: onImageClose } }))));
+        }
+        else if ((states === null || states === void 0 ? void 0 : states.activeSettings) === true) {
+            return (h(Host, null, h("rtk-dialog", { open: true, onRtkDialogClose: () => this.updateStoreState('activeSettings', false), iconPack: this.iconPack, t: this.t }, h(Render, { element: "rtk-settings", defaults: defaults }))));
+        }
+        else if ((states === null || states === void 0 ? void 0 : states.activeDebugger) === true) {
+            return (h(Host, null, h("rtk-dialog", { open: true, onRtkDialogClose: () => this.updateStoreState('activeDebugger', false), iconPack: this.iconPack, t: this.t }, h("rtk-debugger", Object.assign({}, defaults)))));
+        }
+        else if ((states === null || states === void 0 ? void 0 : states.activeLeaveConfirmation) === true) {
+            return (h(Host, null, h("rtk-dialog", { open: true, onRtkDialogClose: () => this.updateStoreState('activeLeaveConfirmation', false), iconPack: this.iconPack, t: this.t }, h("rtk-leave-meeting", Object.assign({}, defaults)))));
+        }
+        else if (((_a = states === null || states === void 0 ? void 0 : states.activePermissionsMessage) === null || _a === void 0 ? void 0 : _a.enabled) === true) {
+            return (h(Host, null, h("rtk-dialog", { open: true, hideCloseButton: true, iconPack: this.iconPack, t: this.t }, h("rtk-permissions-message", Object.assign({}, defaults)))));
+        }
+        else if (((_b = states === null || states === void 0 ? void 0 : states.activeBreakoutRoomsManager) === null || _b === void 0 ? void 0 : _b.active) === true) {
+            return (h(Host, null, h("rtk-dialog", { open: true, onRtkDialogClose: () => this.updateStoreState('activeBreakoutRoomsManager', {
+                    active: false,
+                    data: undefined,
+                }), iconPack: this.iconPack, t: this.t }, h("rtk-breakout-rooms-manager", Object.assign({}, defaults)))));
+        }
+        else if (((_c = states === null || states === void 0 ? void 0 : states.activeConfirmationModal) === null || _c === void 0 ? void 0 : _c.active) === true) {
+            return (h(Host, null, h("rtk-dialog", { open: true, onRtkDialogClose: () => this.updateStoreState('activeConfirmationModal', false), iconPack: this.iconPack, t: this.t }, h("rtk-confirmation-modal", Object.assign({}, defaults)))));
+        }
+        else if (((_d = states === null || states === void 0 ? void 0 : states.activeOverlayModal) === null || _d === void 0 ? void 0 : _d.active) === true) {
+            return (h(Host, null, h("rtk-overlay-modal", { meeting: this.meeting, states: this.states, iconPack: this.iconPack, t: this.t })));
+        }
+        else if (states === null || states === void 0 ? void 0 : states.activeBroadcastMessageModal) {
+            return (h(Host, null, h("rtk-dialog", { open: true, onRtkDialogClose: () => this.updateStoreState('activeBroadcastMessageModal', false), iconPack: this.iconPack, t: this.t }, h("rtk-broadcast-message-modal", Object.assign({}, defaults)))));
+        }
+        else if ((states === null || states === void 0 ? void 0 : states.activeJoinStage) === true) {
+            const dataState = {
+                title: this.t('stage.join_title'),
+                label: {
+                    accept: this.t('stage.join_confirm'),
+                    reject: this.t('stage.join_cancel'),
+                },
+                description: this.t('stage.join_summary'),
+            };
+            return (h(Host, null, h("rtk-dialog", { open: true, onRtkDialogClose: this.cancelJoinStage, iconPack: this.iconPack, t: this.t }, h("rtk-join-stage", Object.assign({ dataConfig: dataState, onRtkJoinStage: this.joinStage, onRtkLeaveStage: this.cancelJoinStage }, defaults)))));
+        }
+        else if ((states === null || states === void 0 ? void 0 : states.activeMuteAllConfirmation) === true) {
+            return (h(Host, null, h("rtk-dialog", { open: true, onRtkDialogClose: () => {
+                    this.updateStoreState('activeMuteAllConfirmation', false);
+                }, iconPack: this.iconPack, t: this.t }, h("rtk-mute-all-confirmation", Object.assign({}, defaults)))));
+        }
+    }
+    static get watchers() { return {
+        "meeting": ["meetingChanged"]
+    }; }
+    static get style() { return RtkDialogManagerStyle0; }
+}, [1, "rtk-dialog-manager", {
+        "meeting": [16],
+        "config": [16],
+        "states": [16],
+        "size": [513],
+        "iconPack": [16],
+        "t": [16]
+    }, undefined, {
+        "meeting": ["meetingChanged"]
+    }]);
+__decorate([
+    SyncWithStore()
+], RtkDialogManager$1.prototype, "meeting", void 0);
+__decorate([
+    SyncWithStore()
+], RtkDialogManager$1.prototype, "config", void 0);
+__decorate([
+    SyncWithStore()
+], RtkDialogManager$1.prototype, "states", void 0);
+__decorate([
+    SyncWithStore()
+], RtkDialogManager$1.prototype, "iconPack", void 0);
+__decorate([
+    SyncWithStore()
+], RtkDialogManager$1.prototype, "t", void 0);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["rtk-dialog-manager", "rtk-avatar", "rtk-breakout-room-manager", "rtk-breakout-room-participants", "rtk-breakout-rooms-manager", "rtk-broadcast-message-modal", "rtk-button", "rtk-confirmation-modal", "rtk-counter", "rtk-debugger", "rtk-debugger-audio", "rtk-debugger-screenshare", "rtk-debugger-system", "rtk-debugger-video", "rtk-dialog", "rtk-icon", "rtk-join-stage", "rtk-leave-meeting", "rtk-mute-all-confirmation", "rtk-overlay-modal", "rtk-permissions-message", "rtk-spinner", "rtk-tooltip"];
+    components.forEach(tagName => { switch (tagName) {
+        case "rtk-dialog-manager":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, RtkDialogManager$1);
+            }
+            break;
+        case "rtk-avatar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$n();
+            }
+            break;
+        case "rtk-breakout-room-manager":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$m();
+            }
+            break;
+        case "rtk-breakout-room-participants":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$l();
+            }
+            break;
+        case "rtk-breakout-rooms-manager":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$k();
+            }
+            break;
+        case "rtk-broadcast-message-modal":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$j();
+            }
+            break;
+        case "rtk-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$i();
+            }
+            break;
+        case "rtk-confirmation-modal":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$h();
+            }
+            break;
+        case "rtk-counter":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$g();
+            }
+            break;
+        case "rtk-debugger":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$f();
+            }
+            break;
+        case "rtk-debugger-audio":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$e();
+            }
+            break;
+        case "rtk-debugger-screenshare":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$d();
+            }
+            break;
+        case "rtk-debugger-system":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$c();
+            }
+            break;
+        case "rtk-debugger-video":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$b();
+            }
+            break;
+        case "rtk-dialog":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "rtk-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "rtk-join-stage":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "rtk-leave-meeting":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "rtk-mute-all-confirmation":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "rtk-overlay-modal":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "rtk-permissions-message":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "rtk-spinner":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "rtk-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
 
 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-221a4186.js';
+import { R as RtkDialog$1, d as defineCustomElement$1 } from './p-c515acba.js';
 
 const RtkDialog = RtkDialog$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-draft-attachment-view.js

@@ -1,4 +1,4 @@
-import { R as RtkDraftAttachmentView$1, d as defineCustomElement$1 } from './p-1d32657e.js';
+import { R as RtkDraftAttachmentView$1, d as defineCustomElement$1 } from './p-fa7412e2.js';
 
 const RtkDraftAttachmentView = RtkDraftAttachmentView$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-emoji-picker-button.js

@@ -1,4 +1,4 @@
-import { R as RtkEmojiPickerButton$1, d as defineCustomElement$1 } from './p-a3948b63.js';
+import { R as RtkEmojiPickerButton$1, d as defineCustomElement$1 } from './p-3fa8f1e1.js';
 
 const RtkEmojiPickerButton = RtkEmojiPickerButton$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-emoji-picker.js

@@ -1,4 +1,4 @@
-import { R as RtkEmojiPicker$1, d as defineCustomElement$1 } from './p-f45ff21a.js';
+import { R as RtkEmojiPicker$1, d as defineCustomElement$1 } from './p-7a322c43.js';
 
 const RtkEmojiPicker = RtkEmojiPicker$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-ended-screen.js

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './p-bf700149.js';
+import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-bbe38af7.js';
+import { S as SyncWithStore } from './p-47c25f64.js';
 import { d as defineCustomElement$3 } from './p-3b29dda1.js';
-import { d as defineCustomElement$2 } from './p-bdb2d1f9.js';
+import { d as defineCustomElement$2 } from './p-244cbe7b.js';
 
 const rtkEndedScreenCss = ":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{height:100%;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center;justify-content:center}.ctr{display:flex;flex-direction:column;align-items:center;gap:var(--rtk-space-8, 32px)}rtk-logo.loaded{height:var(--rtk-space-12, 48px)}.rejoin-button{margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-4, 16px);padding-top:var(--rtk-space-6, 24px);padding-bottom:var(--rtk-space-6, 24px);padding-left:var(--rtk-space-16, 64px);padding-right:var(--rtk-space-16, 64px)}.rejoin-icon{margin-right:var(--rtk-space-2, 8px)}p{font-size:16px;border-radius:var(--rtk-border-radius-lg, 12px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));padding-left:var(--rtk-space-8, 32px);padding-right:var(--rtk-space-8, 32px);padding-top:var(--rtk-space-4, 16px);padding-bottom:var(--rtk-space-4, 16px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}p.breakout{font-size:20px;display:flex;flex-direction:column;align-items:center}p.breakout span{margin-top:var(--rtk-space-1, 4px);margin-bottom:var(--rtk-space-0, 0px);color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}span{margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-4, 16px);font-size:14px}";
 const RtkEndedScreenStyle0 = rtkEndedScreenCss;

package/dist/components/rtk-file-dropzone.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-bf700149.js';
+import { e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-bbe38af7.js';
+import { S as SyncWithStore } from './p-47c25f64.js';
 import { d as defineCustomElement$2 } from './p-3b29dda1.js';
 
 const rtkFileDropzoneCss = "#dropzone{position:absolute;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);z-index:10;display:none;flex-direction:column;align-items:center;justify-content:center;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}#dropzone.active{display:flex;animation:0.2s slide-up ease-in}";

package/dist/components/rtk-file-message-view.js

@@ -1,4 +1,4 @@
-import { R as RtkFileMessageView$1, d as defineCustomElement$1 } from './p-00d593e1.js';
+import { R as RtkFileMessageView$1, d as defineCustomElement$1 } from './p-6cbaf90a.js';
 
 const RtkFileMessageView = RtkFileMessageView$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-file-message.js

@@ -1,4 +1,4 @@
-import { R as RtkFileMessage$1, d as defineCustomElement$1 } from './p-58e7fbf9.js';
+import { R as RtkFileMessage$1, d as defineCustomElement$1 } from './p-e48cd596.js';
 
 const RtkFileMessage = RtkFileMessage$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-file-picker-button.js

@@ -1,4 +1,4 @@
-import { R as RtkFilePickerButton$1, d as defineCustomElement$1 } from './p-a960414f.js';
+import { R as RtkFilePickerButton$1, d as defineCustomElement$1 } from './p-3d3fa677.js';
 
 const RtkFilePickerButton = RtkFilePickerButton$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-fullscreen-toggle.js

@@ -1,4 +1,4 @@
-import { R as RtkFullscreenToggle$1, d as defineCustomElement$1 } from './p-54c33b11.js';
+import { R as RtkFullscreenToggle$1, d as defineCustomElement$1 } from './p-a4b26604.js';
 
 const RtkFullscreenToggle = RtkFullscreenToggle$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-grid-pagination.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-bf700149.js';
-import { S as SyncWithStore } from './p-bbe38af7.js';
+import { e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
+import { S as SyncWithStore } from './p-47c25f64.js';
 import { d as debounce_1 } from './p-cbdd7a99.js';
 import { d as defineCustomElement$4 } from './p-1391bef0.js';
 import { d as defineCustomElement$3 } from './p-3b29dda1.js';

package/dist/components/rtk-grid.js

@@ -1,17 +1,17 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage, N as isLiveStreamViewer } from './p-bf700149.js';
+import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage, L as isLiveStreamViewer } from './p-7fc0dc2f.js';
 import { d as debounce_1 } from './p-cbdd7a99.js';
 import { R as Render } from './p-60fdbd75.js';
-import { S as SyncWithStore } from './p-bbe38af7.js';
+import { S as SyncWithStore } from './p-47c25f64.js';
 import { d as defaultGridSize } from './p-b13ddb7d.js';
 import { d as defineCustomElement$9 } from './p-1391bef0.js';
-import { d as defineCustomElement$8 } from './p-b3f547d5.js';
-import { d as defineCustomElement$7 } from './p-54c33b11.js';
+import { d as defineCustomElement$8 } from './p-2590f470.js';
+import { d as defineCustomElement$7 } from './p-a4b26604.js';
 import { d as defineCustomElement$6 } from './p-3b29dda1.js';
-import { d as defineCustomElement$5 } from './p-dbdc62e6.js';
-import { d as defineCustomElement$4 } from './p-1fb97660.js';
-import { d as defineCustomElement$3 } from './p-8dd72d80.js';
-import { d as defineCustomElement$2 } from './p-176c5195.js';
+import { d as defineCustomElement$5 } from './p-a29c01fc.js';
+import { d as defineCustomElement$4 } from './p-ef71b75e.js';
+import { d as defineCustomElement$3 } from './p-b6ee1a32.js';
+import { d as defineCustomElement$2 } from './p-c078ae06.js';
 
 const rtkGridCss = ":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:block;height:100%;width:100%}.offline-grid{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center}.offline-grid h3{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);margin-left:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-0, 0px);font-size:20px;font-weight:500;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.offline-grid p{margin-top:var(--rtk-space-1, 4px);margin-bottom:var(--rtk-space-1, 4px);margin-left:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-0, 0px);text-align:center;font-size:16px;font-weight:400;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.offline-grid rtk-icon{margin-bottom:var(--rtk-space-2, 8px)}.webinar-stage{box-sizing:border-box;height:100%;display:flex;align-content:center;align-items:center;justify-content:center;text-align:center}.webinar-stage h2{margin:var(--rtk-space-0, 0px);font-weight:normal}rtk-viewer-count{display:none}.ctr{display:flex;flex-direction:column;align-items:center}.message{font-size:16px;border-radius:var(--rtk-border-radius-lg, 12px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));padding-left:var(--rtk-space-8, 32px);padding-right:var(--rtk-space-8, 32px);padding-top:var(--rtk-space-4, 16px);padding-bottom:var(--rtk-space-4, 16px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.description{margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-4, 16px);font-size:14px}rtk-livestream-indicator{display:none}@media only screen and (max-device-height: 480px) and (orientation: landscape){rtk-viewer-count[variant='embedded']{position:absolute;top:var(--rtk-space-0, 0px);right:var(--rtk-space-2, 8px);z-index:20;margin-top:var(--rtk-space-0, 0px);margin-left:var(--rtk-space-0, 0px);display:flex}rtk-livestream-indicator{position:absolute;top:var(--rtk-space-0, 0px);left:var(--rtk-space-2, 8px);z-index:20;margin-top:var(--rtk-space-0, 0px);margin-left:var(--rtk-space-0, 0px);display:flex}}";
 const RtkGridStyle0 = rtkGridCss;

package/dist/components/rtk-header.js

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './p-bf700149.js';
+import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
 import './p-a83ccdbd.js';
 import { R as Render } from './p-60fdbd75.js';
-import { S as SyncWithStore } from './p-bbe38af7.js';
+import { S as SyncWithStore } from './p-47c25f64.js';
 
 const rtkHeaderCss = ":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:var(--rtk-space-12, 48px);align-items:center;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px)}@media only screen and (max-device-height: 480px) and (orientation: landscape){:host{display:none !important}}@media only screen and (max-height: 480px) and (orientation: landscape){:host{display:none !important}}";
 const RtkHeaderStyle0 = rtkHeaderCss;

package/dist/components/rtk-idle-screen.js

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './p-bf700149.js';
+import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-bbe38af7.js';
+import { S as SyncWithStore } from './p-47c25f64.js';
 import { d as defineCustomElement$4 } from './p-3b29dda1.js';
-import { d as defineCustomElement$3 } from './p-bdb2d1f9.js';
-import { d as defineCustomElement$2 } from './p-8dd72d80.js';
+import { d as defineCustomElement$3 } from './p-244cbe7b.js';
+import { d as defineCustomElement$2 } from './p-b6ee1a32.js';
 
 const rtkIdleScreenCss = ":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{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.ctr{display:flex;flex-direction:column;align-items:center;gap:var(--rtk-space-8, 32px)}rtk-logo.loaded{height:var(--rtk-space-12, 48px)}rtk-spinner{height:var(--rtk-space-12, 48px);width:var(--rtk-space-12, 48px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}";
 const RtkIdleScreenStyle0 = rtkIdleScreenCss;

package/dist/components/rtk-image-message-view.js

@@ -1,4 +1,4 @@
-import { R as RtkImageMessageView$1, d as defineCustomElement$1 } from './p-9c762c7c.js';
+import { R as RtkImageMessageView$1, d as defineCustomElement$1 } from './p-5b03154d.js';
 
 const RtkImageMessageView = RtkImageMessageView$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-image-message.js

@@ -1,4 +1,4 @@
-import { R as RtkImageMessage$1, d as defineCustomElement$1 } from './p-e727691a.js';
+import { R as RtkImageMessage$1, d as defineCustomElement$1 } from './p-82c678d6.js';
 
 const RtkImageMessage = RtkImageMessage$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-image-viewer.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { h as useLanguage, e as defaultIconPack } from './p-bf700149.js';
+import { h as useLanguage, e as defaultIconPack } from './p-7fc0dc2f.js';
 import { d as downloadFile } from './p-47314bc7.js';
-import { S as SyncWithStore } from './p-bbe38af7.js';
+import { S as SyncWithStore } from './p-47c25f64.js';
 import { f as formatName, s as shorten } from './p-efabd2ce.js';
 import { d as defineCustomElement$3 } from './p-1391bef0.js';
 import { d as defineCustomElement$2 } from './p-3b29dda1.js';

package/dist/components/rtk-information-tooltip.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { S as SyncWithStore } from './p-bbe38af7.js';
-import { e as defaultIconPack } from './p-bf700149.js';
+import { S as SyncWithStore } from './p-47c25f64.js';
+import { e as defaultIconPack } from './p-7fc0dc2f.js';
 import './p-a83ccdbd.js';
 import { d as defineCustomElement$2 } from './p-3b29dda1.js';
 

package/dist/components/rtk-join-stage.js

@@ -1,4 +1,4 @@
-import { R as RtkJoinStage$1, d as defineCustomElement$1 } from './p-5183c437.js';
+import { R as RtkJoinStage$1, d as defineCustomElement$1 } from './p-2d08ab28.js';
 
 const RtkJoinStage = RtkJoinStage$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-leave-button.js

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-bf700149.js';
-import { S as SyncWithStore } from './p-bbe38af7.js';
-import { d as defineCustomElement$4 } from './p-b3f547d5.js';
+import { e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
+import { S as SyncWithStore } from './p-47c25f64.js';
+import { d as defineCustomElement$4 } from './p-2590f470.js';
 import { d as defineCustomElement$3 } from './p-3b29dda1.js';
-import { d as defineCustomElement$2 } from './p-8dd72d80.js';
+import { d as defineCustomElement$2 } from './p-b6ee1a32.js';
 
 const rtkLeaveButtonCss = ":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:block}";
 const RtkLeaveButtonStyle0 = rtkLeaveButtonCss;

package/dist/components/rtk-leave-meeting.js

@@ -1,4 +1,4 @@
-import { R as RtkLeaveMeeting$1, d as defineCustomElement$1 } from './p-d926df40.js';
+import { R as RtkLeaveMeeting$1, d as defineCustomElement$1 } from './p-06e20f42.js';
 
 const RtkLeaveMeeting = RtkLeaveMeeting$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { R as RtkLivestreamIndicator$1, d as defineCustomElement$1 } from './p-dbdc62e6.js';
+import { R as RtkLivestreamIndicator$1, d as defineCustomElement$1 } from './p-a29c01fc.js';
 
 const RtkLivestreamIndicator = RtkLivestreamIndicator$1;
 const defineCustomElement = defineCustomElement$1;

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

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

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

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage, A as isLiveStreamHost } from './p-bf700149.js';
-import { S as SyncWithStore } from './p-bbe38af7.js';
-import { d as defineCustomElement$4 } from './p-b3f547d5.js';
+import { e as defaultIconPack, h as useLanguage, A as isLiveStreamHost } from './p-7fc0dc2f.js';
+import { S as SyncWithStore } from './p-47c25f64.js';
+import { d as defineCustomElement$4 } from './p-2590f470.js';
 import { d as defineCustomElement$3 } from './p-3b29dda1.js';
-import { d as defineCustomElement$2 } from './p-8dd72d80.js';
+import { d as defineCustomElement$2 } from './p-b6ee1a32.js';
 
 const rtkLivestreamToggleCss = ":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:block}:host([data-hidden]){display:none}";
 const RtkLivestreamToggleStyle0 = rtkLivestreamToggleCss;

package/dist/components/rtk-logo.js

@@ -1,4 +1,4 @@
-import { R as RtkLogo$1, d as defineCustomElement$1 } from './p-bdb2d1f9.js';
+import { R as RtkLogo$1, d as defineCustomElement$1 } from './p-244cbe7b.js';
 
 const RtkLogo = RtkLogo$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-markdown-view.js

@@ -1,4 +1,4 @@
-import { R as RtkMarkdownView$1, d as defineCustomElement$1 } from './p-f5f0b499.js';
+import { R as RtkMarkdownView$1, d as defineCustomElement$1 } from './p-560e7a4f.js';
 
 const RtkMarkdownView = RtkMarkdownView$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-meeting-title.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-bf700149.js';
-import { S as SyncWithStore } from './p-bbe38af7.js';
+import { e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
+import { S as SyncWithStore } from './p-47c25f64.js';
 import { d as defineCustomElement$2 } from './p-03bdc4c0.js';
 
 const rtkMeetingTitleCss = ":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{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:16px;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}:host([data-hidden]){display:none}.title{text-align:center;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}:host([size='sm']){font-size:12px}";