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

package/dist/components/rtk-chat-search-results.js

@@ -1,4 +1,149 @@
-import { R as RtkChatSearchResults$1, d as defineCustomElement$1 } from './p-6a47e2ee.js';
+import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
+import { e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
+import './p-a83ccdbd.js';
+import { S as SyncWithStore } from './p-47c25f64.js';
+import { d as defineCustomElement$d } from './p-b1338b4f.js';
+import { d as defineCustomElement$c } from './p-1391bef0.js';
+import { d as defineCustomElement$b } from './p-6c1b380d.js';
+import { d as defineCustomElement$a } from './p-e48cd596.js';
+import { d as defineCustomElement$9 } from './p-3b29dda1.js';
+import { d as defineCustomElement$8 } from './p-82c678d6.js';
+import { d as defineCustomElement$7 } from './p-4b542718.js';
+import { d as defineCustomElement$6 } from './p-fc21299d.js';
+import { d as defineCustomElement$5 } from './p-c07e3e6d.js';
+import { d as defineCustomElement$4 } from './p-30ac9705.js';
+import { d as defineCustomElement$3 } from './p-b6ee1a32.js';
+import { d as defineCustomElement$2 } from './p-08382c59.js';
+
+const rtkChatSearchResultsCss = ":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%;flex-direction:column;position:relative;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}";
+const RtkChatSearchResultsStyle0 = rtkChatSearchResultsCss;
+
+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 RtkChatSearchResults$1 = /*@__PURE__*/ proxyCustomElement(class RtkChatSearchResults extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        /** Icon pack */
+        this.iconPack = defaultIconPack;
+        /** Language */
+        this.t = useLanguage();
+        this.pageSize = 50;
+        this.searchMessages = async (timestamp, size, reversed) => {
+            return this.meeting.chat.searchMessages(this.query, {
+                channelId: this.channelId,
+                timestamp,
+                size,
+                reversed,
+            });
+        };
+        this.nodeRenderer = (messages) => {
+            return messages.map((message) => (h("rtk-chat-message", { key: message.id, message: message, disableControls: true })));
+        };
+    }
+    render() {
+        return (h(Host, { key: '6876b825ec6df02a21a40b29084dbd7cefed7b03' }, h("rtk-paginated-list", { key: 'ab78b5cf7955f090038eb28665d66101fd5297f9', pageSize: this.pageSize, pagesAllowed: 3, fetchData: this.searchMessages, createNodes: this.nodeRenderer, selectedItemId: this.query })));
+    }
+    static get style() { return RtkChatSearchResultsStyle0; }
+}, [1, "rtk-chat-search-results", {
+        "meeting": [16],
+        "query": [1],
+        "channelId": [1, "channel-id"],
+        "iconPack": [16],
+        "t": [16]
+    }]);
+__decorate([
+    SyncWithStore()
+], RtkChatSearchResults$1.prototype, "meeting", void 0);
+__decorate([
+    SyncWithStore()
+], RtkChatSearchResults$1.prototype, "iconPack", void 0);
+__decorate([
+    SyncWithStore()
+], RtkChatSearchResults$1.prototype, "t", void 0);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["rtk-chat-search-results", "rtk-avatar", "rtk-button", "rtk-chat-message", "rtk-file-message", "rtk-icon", "rtk-image-message", "rtk-menu", "rtk-menu-item", "rtk-menu-list", "rtk-paginated-list", "rtk-spinner", "rtk-text-message"];
+    components.forEach(tagName => { switch (tagName) {
+        case "rtk-chat-search-results":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, RtkChatSearchResults$1);
+            }
+            break;
+        case "rtk-avatar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$d();
+            }
+            break;
+        case "rtk-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$c();
+            }
+            break;
+        case "rtk-chat-message":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$b();
+            }
+            break;
+        case "rtk-file-message":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "rtk-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "rtk-image-message":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "rtk-menu":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "rtk-menu-item":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "rtk-menu-list":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "rtk-paginated-list":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "rtk-spinner":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "rtk-text-message":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
 
 const RtkChatSearchResults = RtkChatSearchResults$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-chat-selector-ui.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-037e572f.js';
-import { g as generateChatGroupKey } from './p-0abe4b8a.js';
-import { S as SyncWithStore } from './p-af35ac31.js';
+import { e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
+import { g as generateChatGroupKey } from './p-dab9d3d6.js';
+import { S as SyncWithStore } from './p-47c25f64.js';
 import { d as defineCustomElement$2 } from './p-3b29dda1.js';
 
 const rtkChatSelectorUiCss = ":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)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{display:flex;flex-direction:column}.chat-scope-selector{position:relative;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));z-index:10}.chat-scope-selector button{width:100%;border-width:var(--rtk-border-width-none, 0);border-style:none;padding:var(--rtk-space-4, 16px);display:flex;align-items:center;justify-content:space-between;--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-1000, 255 255 255));font-size:14px;cursor:pointer;height:var(--rtk-space-12, 48px)}.chat-scope-selector button span{display:flex;align-items:center;justify-content:flex-start}.chat-scope-selector button rtk-icon{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}.chat-scope-selector .search{position:sticky;box-sizing:border-box;display:flex;align-items:center;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));margin-left:var(--rtk-space-3, 12px);margin-right:var(--rtk-space-3, 12px);margin-top:var(--rtk-space-3, 12px);margin-bottom:var(--rtk-space-0, 0px)}.chat-scope-selector .search rtk-icon{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}.chat-scope-selector .search input{box-sizing:border-box;height:var(--rtk-space-9, 36px);width:100%;padding-right:var(--rtk-space-2, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));outline:2px solid transparent;outline-offset:2px;border-radius:var(--rtk-border-radius-sm, 4px);font-size:14px}.chat-scope-selector .search input::-moz-placeholder{color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.chat-scope-selector .search input::placeholder{color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.chat-scope-selector .participants-container{position:absolute;width:100%;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));top:var(--rtk-space-12, 48px);animation:0.3s slide-down ease}@keyframes slide-down{from{transform:translateY(-50px)}to{transform:translateY(0%)}}.chat-scope-selector .scope-list{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0, 0px);list-style-type:none;padding-left:var(--rtk-space-0, 0px);padding-right:var(--rtk-space-0, 0px);overflow:auto;max-height:375px}.chat-scope-selector .scope-list .scope{position:relative;display:flex;flex-direction:row;align-items:center;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);padding-top:var(--rtk-space-4, 16px);padding-bottom:var(--rtk-space-4, 16px)}.chat-scope-selector .scope-list .scope:hover{cursor:pointer;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}.chat-scope-selector .scope-list .scope-special{margin-top:var(--rtk-space-4, 16px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}.chat-scope-selector .scope-list .everyone-icon>rtk-icon{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px);color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.chat-scope-selector .scope-list .everyone-icon{display:flex;height:100%;width:100%;align-items:center;justify-content:center;margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));font-size:12px}.unread-count.selector{position:unset;margin-left:var(--rtk-space-2, 8px)}.unread-count{position:absolute;right:var(--rtk-space-3, 12px);box-sizing:border-box;padding:var(--rtk-space-0\\.5, 2px);-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));font-size:12px;color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));display:flex;height:var(--rtk-space-5, 20px);min-width:var(--rtk-space-5, 20px);align-items:center;justify-content:center;border-radius:9999px;z-index:1}rtk-avatar{height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px)}";

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

@@ -1,10 +1,10 @@
 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-037e572f.js';
-import { c as canViewChat } from './p-df25c2a7.js';
-import { S as SyncWithStore } from './p-af35ac31.js';
-import { d as defineCustomElement$4 } from './p-9730c398.js';
+import { e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
+import { c as canViewChat } from './p-6f340109.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-34b580c9.js';
+import { d as defineCustomElement$2 } from './p-b6ee1a32.js';
 
 const rtkChatToggleCss = ":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{position:relative;display:block}:host([data-hidden]){display:none}.unread-count{position:absolute;right:var(--rtk-space-3, 12px);box-sizing:border-box;padding:var(--rtk-space-0\\.5, 2px);-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));font-size:12px;color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));display:flex;height:var(--rtk-space-5, 20px);min-width:var(--rtk-space-5, 20px);align-items:center;justify-content:center;border-radius:9999px;z-index:1}.unread-count-dot{position:absolute;right:var(--rtk-space-3, 12px);z-index:10;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));border-radius:50%;display:flex;height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);align-items:center;justify-content:center}:host([variant='horizontal']) .unread-count{right:var(--rtk-space-4, 16px);top:50%;transform:translateY(-50%)}";
 const RtkChatToggleStyle0 = rtkChatToggleCss;

package/dist/components/rtk-chat.js

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

package/dist/components/rtk-clock.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack } from './p-037e572f.js';
-import { S as SyncWithStore } from './p-af35ac31.js';
+import { e as defaultIconPack } from './p-7fc0dc2f.js';
+import { S as SyncWithStore } from './p-47c25f64.js';
 import { d as defineCustomElement$2 } from './p-3b29dda1.js';
 
 const rtkClockCss = ":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:inline-flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:14px;color:rgb(var(--rtk-colors-text-1000, 255 255 255));font-variant-numeric:tabular-nums}:host([data-hidden]){display:none}:host([size='sm']){font-size:12px}rtk-icon{margin-right:var(--rtk-space-1, 4px);height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}:host([size='sm']) rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}";

package/dist/components/rtk-confirmation-modal.js

@@ -1,4 +1,4 @@
-import { R as RtkConfirmationModal$1, d as defineCustomElement$1 } from './p-f46a0782.js';
+import { R as RtkConfirmationModal$1, d as defineCustomElement$1 } from './p-25ca06f2.js';
 
 const RtkConfirmationModal = RtkConfirmationModal$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { R as RtkControlbarButton$1, d as defineCustomElement$1 } from './p-9730c398.js';
+import { R as RtkControlbarButton$1, d as defineCustomElement$1 } from './p-2590f470.js';
 
 const RtkControlbarButton = RtkControlbarButton$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-controlbar.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-037e572f.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-af35ac31.js';
+import { S as SyncWithStore } from './p-47c25f64.js';
 
 const rtkControlbarCss = ":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{box-sizing:border-box;display:flex;align-items:center;gap:var(--rtk-space-0\\.5, 2px);--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);position:relative;z-index:10}@media only screen and (max-device-height: 480px) and (orientation: landscape){:host{padding-top:var(--rtk-space-0, 0px) !important}}";
 const RtkControlbarStyle0 = rtkControlbarCss;

package/dist/components/rtk-counter.js

@@ -1,4 +1,4 @@
-import { R as RtkCounter$1, d as defineCustomElement$1 } from './p-9ea5df8f.js';
+import { R as RtkCounter$1, d as defineCustomElement$1 } from './p-2508ac98.js';
 
 const RtkCounter = RtkCounter$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { R as RtkDebuggerAudio$1, d as defineCustomElement$1 } from './p-6d49cf9f.js';
+import { R as RtkDebuggerAudio$1, d as defineCustomElement$1 } from './p-84e5b453.js';
 
 const RtkDebuggerAudio = RtkDebuggerAudio$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-debugger-screenshare.js

@@ -1,4 +1,4 @@
-import { R as RtkDebuggerScreenShare, d as defineCustomElement$1 } from './p-ed8955d0.js';
+import { R as RtkDebuggerScreenShare, d as defineCustomElement$1 } from './p-5f26bba3.js';
 
 const RtkDebuggerScreenshare = RtkDebuggerScreenShare;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-debugger-system.js

@@ -1,4 +1,4 @@
-import { R as RtkDebuggerSystem$1, d as defineCustomElement$1 } from './p-a5a40d7e.js';
+import { R as RtkDebuggerSystem$1, d as defineCustomElement$1 } from './p-102b6df8.js';
 
 const RtkDebuggerSystem = RtkDebuggerSystem$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,9 +1,9 @@
 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-037e572f.js';
-import { S as SyncWithStore } from './p-af35ac31.js';
-import { d as defineCustomElement$4 } from './p-9730c398.js';
+import { h as useLanguage, e as defaultIconPack } 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-34b580c9.js';
+import { d as defineCustomElement$2 } from './p-b6ee1a32.js';
 
 const rtkDebuggerToggleCss = ":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 RtkDebuggerToggleStyle0 = rtkDebuggerToggleCss;

package/dist/components/rtk-debugger-video.js

@@ -1,4 +1,4 @@
-import { R as RtkDebuggerVideo$1, d as defineCustomElement$1 } from './p-dc4b6fc4.js';
+import { R as RtkDebuggerVideo$1, d as defineCustomElement$1 } from './p-9e87b2c9.js';
 
 const RtkDebuggerVideo = RtkDebuggerVideo$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-debugger.js

@@ -1,4 +1,4 @@
-import { R as RtkDebugger$1, d as defineCustomElement$1 } from './p-4edd666b.js';
+import { R as RtkDebugger$1, d as defineCustomElement$1 } from './p-bb8f2597.js';
 
 const RtkDebugger = RtkDebugger$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,308 @@
-import { R as RtkDialogManager$1, d as defineCustomElement$1 } from './p-3042f998.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-40c5ca62.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-00ebd1dc.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-1a60f5b0.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-fb427023.js';
+import { R as RtkEmojiPicker$1, d as defineCustomElement$1 } from './p-7a322c43.js';
 
 const RtkEmojiPicker = RtkEmojiPicker$1;
 const defineCustomElement = defineCustomElement$1;