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

package/dist/components/{p-bcd9ae7c.js → p-1f320625.js}

@@ -1,59 +1,29 @@
-import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, e as Host } from './p-c3592601.js';
-import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage, K as usePaginatedChat, L as FlagsmithFeatureFlags } from './p-bf700149.js';
-import { h as handleFilesDataTransfer, g as generateChatGroupKey, T as TEMPORARY_CHANNEL_PREFIX, i as isDirectMessageChannel, d as alphabeticalSorter, f as getDMComparator, s as stripOutReplyBlock, j as parseMessageForTarget } from './p-0abe4b8a.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, K as FlagsmithFeatureFlags } from './p-7fc0dc2f.js';
+import { h as handleFilesDataTransfer, g as generateChatGroupKey, T as TEMPORARY_CHANNEL_PREFIX, i as isDirectMessageChannel, d as alphabeticalSorter, f as getDMComparator, j as parseMessageForTarget } from './p-dab9d3d6.js';
 import { c as chatUnreadTimestamps } from './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-bbe38af7.js';
-import { d as defineCustomElement$Q } from './p-9645c983.js';
-import { d as defineCustomElement$P } from './p-47230f49.js';
-import { d as defineCustomElement$O } from './p-963afa79.js';
-import { d as defineCustomElement$N } from './p-ac19035c.js';
-import { d as defineCustomElement$M } from './p-e16baa62.js';
-import { d as defineCustomElement$L } from './p-1391bef0.js';
-import { d as defineCustomElement$K } from './p-9de3508b.js';
-import { d as defineCustomElement$J } from './p-ba1f008f.js';
-import { d as defineCustomElement$I } from './p-5d3d3990.js';
-import { d as defineCustomElement$H } from './p-1425697e.js';
-import { d as defineCustomElement$G } from './p-00cddac4.js';
-import { d as defineCustomElement$F } from './p-34688fcf.js';
-import { d as defineCustomElement$E } from './p-2e3b02b3.js';
-import { d as defineCustomElement$D } from './p-0a74af4f.js';
-import { d as defineCustomElement$C } from './p-d9e57455.js';
-import { d as defineCustomElement$B } from './p-59bdb49b.js';
-import { d as defineCustomElement$A } from './p-073066d9.js';
-import { d as defineCustomElement$z } from './p-3260a0fe.js';
-import { d as defineCustomElement$y } from './p-b15d2763.js';
-import { d as defineCustomElement$x } from './p-21caffae.js';
-import { d as defineCustomElement$w } from './p-9cc8f284.js';
-import { d as defineCustomElement$v } from './p-26a20701.js';
-import { d as defineCustomElement$u } from './p-221a4186.js';
-import { d as defineCustomElement$t } from './p-99a61e45.js';
-import { d as defineCustomElement$s } from './p-1d32657e.js';
-import { d as defineCustomElement$r } from './p-f45ff21a.js';
-import { d as defineCustomElement$q } from './p-a3948b63.js';
-import { d as defineCustomElement$p } from './p-58e7fbf9.js';
-import { d as defineCustomElement$o } from './p-00d593e1.js';
-import { d as defineCustomElement$n } from './p-a960414f.js';
-import { d as defineCustomElement$m } from './p-3b29dda1.js';
-import { d as defineCustomElement$l } from './p-e727691a.js';
-import { d as defineCustomElement$k } from './p-9c762c7c.js';
-import { d as defineCustomElement$j } from './p-5183c437.js';
-import { d as defineCustomElement$i } from './p-d926df40.js';
-import { d as defineCustomElement$h } from './p-bdb2d1f9.js';
-import { d as defineCustomElement$g } from './p-f5f0b499.js';
-import { d as defineCustomElement$f } from './p-aceb63f7.js';
-import { d as defineCustomElement$e } from './p-23ab84b1.js';
-import { d as defineCustomElement$d } from './p-00b48a12.js';
-import { d as defineCustomElement$c } from './p-c46fca60.js';
-import { d as defineCustomElement$b } from './p-4d154773.js';
-import { d as defineCustomElement$a } from './p-c7ca0840.js';
-import { d as defineCustomElement$9 } from './p-2ec901a0.js';
-import { d as defineCustomElement$8 } from './p-0ebf838c.js';
-import { d as defineCustomElement$7 } from './p-8aa0a20a.js';
-import { d as defineCustomElement$6 } from './p-4db644b9.js';
-import { d as defineCustomElement$5 } from './p-8dd72d80.js';
-import { d as defineCustomElement$4 } from './p-53ff409b.js';
-import { d as defineCustomElement$3 } from './p-9db751ca.js';
-import { d as defineCustomElement$2 } from './p-93e1439e.js';
+import { S as SyncWithStore } from './p-47c25f64.js';
+import { d as defineCustomElement$m } from './p-b1338b4f.js';
+import { d as defineCustomElement$l } from './p-1391bef0.js';
+import { d as defineCustomElement$k } from './p-eb7df0eb.js';
+import { d as defineCustomElement$j } from './p-b762cf1e.js';
+import { d as defineCustomElement$i } from './p-88e50eea.js';
+import { d as defineCustomElement$h } from './p-fa7412e2.js';
+import { d as defineCustomElement$g } from './p-7a322c43.js';
+import { d as defineCustomElement$f } from './p-3fa8f1e1.js';
+import { d as defineCustomElement$e } from './p-6cbaf90a.js';
+import { d as defineCustomElement$d } from './p-3d3fa677.js';
+import { d as defineCustomElement$c } from './p-3b29dda1.js';
+import { d as defineCustomElement$b } from './p-5b03154d.js';
+import { d as defineCustomElement$a } from './p-560e7a4f.js';
+import { d as defineCustomElement$9 } from './p-4b542718.js';
+import { d as defineCustomElement$8 } from './p-fc21299d.js';
+import { d as defineCustomElement$7 } from './p-c07e3e6d.js';
+import { d as defineCustomElement$6 } from './p-32609f9f.js';
+import { d as defineCustomElement$5 } from './p-30ac9705.js';
+import { d as defineCustomElement$4 } from './p-b6ee1a32.js';
+import { d as defineCustomElement$3 } from './p-68c9100f.js';
+import { d as defineCustomElement$2 } from './p-566c1155.js';
 import { d as defineCustomElement$1 } from './p-03bdc4c0.js';
 
 const rtkChatCss = ":host {\n  line-height: initial;\n  font-family: var(--rtk-font-family, sans-serif);\n\n  font-feature-settings: normal;\n  font-variation-settings: normal;\n}\n\np {\n  margin: var(--rtk-space-0, 0px);\n  padding: var(--rtk-space-0, 0px);\n}\n\n.scrollbar {\n  /* For Firefox */\n  scrollbar-width: thin;\n  scrollbar-color: var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent);\n}\n\n/* For WebKit */\n.scrollbar::-webkit-scrollbar {\n  height: var(--rtk-space-1\\.5, 6px);\n  width: var(--rtk-space-1\\.5, 6px);\n  border-radius: 9999px;\n  background-color: var(--rtk-scrollbar-background, transparent);\n}\n\n.scrollbar::-webkit-scrollbar-thumb {\n  border-radius: 9999px;\n  background-color: var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)));\n}\n\n\n:host {\n  display: flex;\n  height: 100%;\n  width: 100%;\n  flex-direction: column;\n  font-size: 14px;\n  position: relative;\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n}\n\nh3 {\n  margin: var(--rtk-space-0, 0px);\n  display: flex;\n  height: var(--rtk-space-12, 48px);\n  align-items: center;\n  justify-content: center;\n  font-size: 16px;\n  font-weight: 400;\n  color: rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));\n  text-align: center;\n}\n\n#dropzone {\n  position: absolute;\n  top: var(--rtk-space-0, 0px);\n  right: var(--rtk-space-0, 0px);\n  bottom: var(--rtk-space-0, 0px);\n  left: var(--rtk-space-0, 0px);\n  z-index: 10;\n  display: none;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));\n  color: rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));\n}\n\n#dropzone.active {\n  display: flex;\n  animation: 0.2s slide-up ease-in;\n}\n\nrtk-chat-messages-ui,\nrtk-chat-messages-ui-paginated {\n  flex: 1 0 0;\n}\n\nrtk-chat-composer-view {\n  margin: var(--rtk-space-2, 8px);\n}\n\n.chat-container {\n  display: flex;\n  height: 100%;\n  width: 100%;\n  flex-direction: row;\n  container-type: size;\n  container-name: chatcontainer;\n}\n\n@container chatcontainer (height < 360px) {\n  rtk-channel-selector-view {\n    height: var(--rtk-space-8, 32px);\n    min-height: 24px;\n  }\n}\n\n.chat {\n  display: flex;\n  flex: 1 1 0%;\n  flex-direction: column;\n}\n\n.banner {\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.banner .welcome-new-channel {\n  width: var(--rtk-space-48, 192px);\n}\n\n.banner .create-channel-illustration {\n  height: var(--rtk-space-40, 160px);\n  width: var(--rtk-space-40, 160px);\n}\n\n.channel-selector-header {\n  box-sizing: border-box;\n  height: var(--rtk-space-16, 64px);\n  padding: var(--rtk-space-4, 16px);\n  display: flex;\n  justify-content: space-between;\n  border-bottom: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-700, 44 44 44));\n}\n\n.channel-selector-header .channel-create-btn {\n  width: var(--rtk-space-8, 32px);\n  justify-content: center;\n}\n\n.channel-selector-header .channel-create-btn:hover {\n  --tw-text-opacity: 1;\n  color: rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity));\n}\n\n.view-chats-btn {\n  margin-top: var(--rtk-space-4, 16px);\n}\n\n.selector-container {\n  z-index: 50;\n  width: 100%;\n  max-width: var(--rtk-space-80, 320px);\n  border-right: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));\n}\n\n.selector-container.hide {\n  display: none;\n}\n\n.mobile-close-btn {\n  display: none;\n}\n\n.selector-container.mobile {\n  height: 100%;\n  width: 100%;\n  max-width: 100%;\n  position: absolute;\n  top: var(--rtk-space-0, 0px);\n  right: var(--rtk-space-0, 0px);\n  bottom: var(--rtk-space-0, 0px);\n  left: var(--rtk-space-0, 0px);\n  background-color: rgba(var(--rtk-colors-background-1000, 8 8 8) / 0.6);\n  display: flex;\n}\n\n.selector-container.mobile rtk-channel-selector-view {\n  max-width: var(--rtk-space-96, 384px);\n    animation: 0.3s swipe-in;\n}\n\n.selector-container.mobile .mobile-close-btn {\n  margin-top: var(--rtk-space-4, 16px);\n  margin-bottom: var(--rtk-space-4, 16px);\n  margin-left: var(--rtk-space-6, 24px);\n  margin-right: var(--rtk-space-6, 24px);\n  display: block;\n}\n\n.pinned-messages-header {\n  display: flex;\n  align-items: center;\n  gap: var(--rtk-space-2, 8px);\n  padding: var(--rtk-space-2, 8px);\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));\n  font-size: 12px;\n  cursor: pointer;\n}\n\n.pinned-messages-header rtk-icon {\n  height: var(--rtk-space-3, 12px);\n  width: var(--rtk-space-3, 12px);\n}\n\n.pinned-messages-header:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));\n}\n\n.pinned-messages-header.active {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));\n}\n\n@keyframes swipe-in {\n  from {\n    transform: translateX(-100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n";
@@ -188,11 +158,6 @@ const RtkChat = /*@__PURE__*/ proxyCustomElement(class RtkChat extends H {
                 this.chatRecipientId = this.selectedGroup = 'everyone';
             }
         };
-        this.usePaginatedChat = () => {
-            if (this.isGroupCall && this.showPinnedMessages)
-                return false;
-            return this.selectedGroup === 'everyone' && usePaginatedChat(this.meeting);
-        };
         this.updateUnreadCountGroups = (obj) => {
             this.unreadCountGroups = Object.assign(Object.assign({}, this.unreadCountGroups), obj);
         };
@@ -316,17 +281,7 @@ const RtkChat = /*@__PURE__*/ proxyCustomElement(class RtkChat extends H {
         };
         this.onNewMessageHandler = async (e) => {
             const message = e.detail;
-            if (this.isChatViewType) {
-                await this.meeting.chat.sendMessageToChannel(message, this.selectedChannelId, this.replyMessage
-                    ? {
-                        replyTo: this.replyMessage,
-                    }
-                    : {});
-                this.replyMessage = null;
-            }
-            else {
-                this.meeting.chat.sendMessage(message, this.getRecipientPeerIds());
-            }
+            this.meeting.chat.sendMessage(message, this.getRecipientPeerIds());
         };
         this.onEditMessageHandler = async (e) => {
             var _a, _b;
@@ -336,15 +291,6 @@ const RtkChat = /*@__PURE__*/ proxyCustomElement(class RtkChat extends H {
         this.onEditCancel = () => {
             this.editingMessage = null;
         };
-        this.onSearchHandler = async (e) => {
-            this.searchQuery = e.detail;
-        };
-        this.onSearchDismissed = () => {
-            this.searchQuery = '';
-        };
-        this.onChannelCreateClicked = () => {
-            this.stateUpdate.emit({ activeChannelCreator: true });
-        };
         this.onPinMessage = (event) => {
             const message = event.detail;
             if (message.pinned) {
@@ -358,23 +304,6 @@ const RtkChat = /*@__PURE__*/ proxyCustomElement(class RtkChat extends H {
             const message = event.detail;
             this.meeting.chat.deleteMessage(message.id);
         };
-        this.getChannelItems = () => {
-            return this.channels.map((channel) => {
-                const result = {
-                    id: channel.id,
-                    name: channel.displayName,
-                    avatarUrl: channel.displayPictureUrl,
-                };
-                if (channel.latestMessage) {
-                    result.latestMessage =
-                        channel.latestMessage.type === 'text'
-                            ? stripOutReplyBlock(channel.latestMessage.message)
-                            : '';
-                    result.latestMessageTime = channel.latestMessage.time;
-                }
-                return result;
-            });
-        };
         this.getPrivateChatRecipients = () => {
             const participants = this.getFilteredParticipants().map((participant) => {
                 const key = generateChatGroupKey([participant.userId, this.meeting.self.userId]);
@@ -449,31 +378,6 @@ const RtkChat = /*@__PURE__*/ proxyCustomElement(class RtkChat extends H {
             this.canPinMessages =
                 ((_e = meeting === null || meeting === void 0 ? void 0 : meeting.__internals__) === null || _e === void 0 ? void 0 : _e.features.hasFeature(FlagsmithFeatureFlags.PINNED_MESSAGES)) &&
                     meeting.self.permissions.pinParticipant;
-            this.isGroupCall = meeting.meta.viewType === 'GROUP_CALL';
-            this.isChatViewType = meeting.meta.viewType === 'CHAT';
-            if (this.isChatViewType) {
-                this.onChannelCreateOrUpdate();
-                const validChannels = this.channels.filter((channel) => !channel.id.includes(TEMPORARY_CHANNEL_PREFIX));
-                if (validChannels.length) {
-                    this.selectedChannelId = this.channels[0].id;
-                }
-                if (this.resizeObserver) {
-                    this.resizeObserver.disconnect();
-                }
-                this.resizeObserver = new ResizeObserver((entries) => {
-                    for (const entry of entries) {
-                        if (entry.contentBoxSize[0].inlineSize < 758) {
-                            this.selectorState = 'hide';
-                        }
-                        else {
-                            this.selectorState = 'desktop';
-                        }
-                    }
-                });
-                if (this.isChatViewType) {
-                    this.resizeObserver.observe(this.host);
-                }
-            }
             this.initializeChatGroups();
             // shallow copy to trigger render
             this.chatGroups = Object.assign({}, this.chatGroups);
@@ -484,12 +388,6 @@ const RtkChat = /*@__PURE__*/ proxyCustomElement(class RtkChat extends H {
                 meeting.participants.joined.addListener('participantJoined', this.onParticipantUpdate);
                 meeting.participants.joined.addListener('participantLeft', this.onParticipantUpdate);
             }
-            if (this.isChatViewType) {
-                meeting.chat.addListener('channelCreate', this.onChannelCreateOrUpdate);
-                meeting.chat.addListener('channelUpdate', this.onChannelCreateOrUpdate);
-                meeting.chat.addListener('channelMessageUpdate', this.onChannelCreateOrUpdate);
-                meeting.participants.all.addListener('participantsUpdate', this.onChannelCreateOrUpdate);
-            }
         }
     }
     chatGroupsChanged(chatGroups) {
@@ -565,17 +463,8 @@ const RtkChat = /*@__PURE__*/ proxyCustomElement(class RtkChat extends H {
     channelSwitchListener(e) {
         this.onChannelChanged(e);
     }
-    renderHeadlessComponents() {
-        return (h(Fragment, null, h("rtk-dialog-manager", { meeting: this.meeting }), h("rtk-notifications", { meeting: this.meeting })));
-    }
     renderComposerUI() {
         var _a, _b, _c;
-        if (this.isChatViewType && this.channels.length === 0)
-            return null;
-        if (this.isChatViewType && this.searchQuery !== '')
-            return null;
-        if (this.isChatViewType && !this.selectedChannelId)
-            return null;
         if (this.chatRecipientId === 'everyone') {
             if (!this.canSendTextMessage && !this.canSendFiles)
                 return null;
@@ -589,32 +478,16 @@ const RtkChat = /*@__PURE__*/ proxyCustomElement(class RtkChat extends H {
         const quotedMessage = this.replyMessage ? this.replyMessage.message : '';
         return (h("rtk-chat-composer-view", Object.assign({ message: message, storageKey: (_a = this.selectedChannelId) !== null && _a !== void 0 ? _a : `draft-${this.selectedChannelId}`, quotedMessage: quotedMessage, isEditing: !!this.editingMessage, canSendTextMessage: this.isTextMessagingAllowed(), canSendFiles: this.isFileMessagingAllowed(), disableEmojiPicker: !!((_c = (_b = this.meeting) === null || _b === void 0 ? void 0 : _b.__internals__) === null || _c === void 0 ? void 0 : _c.features.hasFeature(FlagsmithFeatureFlags.DISABLE_EMOJI_PICKER)), maxLength: this.meeting.chat.maxTextLimit, rateLimits: this.meeting.chat.rateLimits, inputTextPlaceholder: this.t('chat.message_placeholder'), onNewMessage: this.onNewMessageHandler, onEditMessage: this.onEditMessageHandler, onEditCancel: this.onEditCancel, onQuotedMessageDismiss: this.onQuotedMessageDismiss }, uiProps), h("slot", { name: "chat-addon", slot: "chat-addon" })));
     }
-    renderFullChat() {
-        if (this.creatingChannel) {
-            return (h("div", { class: "banner" }, h("rtk-spinner", { size: "lg" })));
-        }
-        if (this.channels.length === 0 || !this.selectedChannelId) {
-            return (h("div", { class: "banner" }, h("rtk-icon", { icon: this.iconPack.create_channel_illustration, slot: "start", class: 'create-channel-illustration' }), h("rtk-button", { kind: "wide", variant: "primary", size: "md", onClick: this.onChannelCreateClicked, class: "welcome-new-channel" }, h("rtk-icon", { icon: this.iconPack.add, slot: "start" }), h("span", null, this.t('chat.new_channel'))), (this.selectorState === 'mobile' || this.selectorState === 'hide') && (h("rtk-button", { kind: "button", variant: "secondary", size: "md", class: "view-chats-btn", onClick: () => {
-                    this.selectorState = 'mobile';
-                } }, h("rtk-icon", { icon: this.iconPack.chat, slot: "start" }), h("span", null, this.t('chat.view_chats'))))));
-        }
-        const selectedChannel = this.channels.find((channel) => channel.id === this.selectedChannelId);
-        return (h("div", { class: "chat" }, h("rtk-channel-header", { slot: "header", meeting: this.meeting, channel: selectedChannel, onSearch: this.onSearchHandler, onSearchDismissed: this.onSearchDismissed, showBackButton: this.selectorState === 'mobile' || this.selectorState === 'hide', onBack: () => {
-                this.selectorState = 'mobile';
-            } }), this.searchQuery !== '' && (h("rtk-chat-search-results", { meeting: this.meeting, query: this.searchQuery, channelId: this.selectedChannelId })), this.searchQuery === '' && (h("rtk-chat-messages-ui-paginated", { meeting: this.meeting, size: this.size, iconPack: this.iconPack, t: this.t, selectedChannelId: this.selectedChannelId, selectedChannel: selectedChannel }))));
-    }
     render() {
-        var _a, _b;
+        var _a;
         if (!this.meeting) {
             return null;
         }
-        const uiProps = { iconPack: this.iconPack, t: this.t, size: this.size };
-        const selfUserId = (_a = this.meeting) === null || _a === void 0 ? void 0 : _a.self.userId;
         let chatMessages = this.chatGroups[this.selectedGroup] || [];
         if (this.showPinnedMessages && this.meeting.chat.pinned.length !== 0) {
             chatMessages = chatMessages.filter((chat) => chat.type === 'chat' && chat.message.pinned);
         }
-        return (h(Host, null, this.isChatViewType && this.renderHeadlessComponents(), h("div", { class: "chat-container" }, this.isChatViewType && (h("div", { class: { 'selector-container': true, [this.selectorState]: true } }, h("rtk-channel-selector-view", { channels: this.getChannelItems(), selectedChannelId: this.selectedChannelId, onChannelChange: this.onChannelChanged, t: this.t }, h("div", { class: "channel-selector-header", slot: "header" }, h("rtk-logo", { meeting: this.meeting, config: this.config, t: this.t }), h("rtk-tooltip", { label: this.t('chat.new_channel') }, h("rtk-button", { kind: "button", variant: "ghost", size: "md", onClick: this.onChannelCreateClicked, class: "channel-create-btn" }, h("rtk-icon", { icon: this.iconPack.add }))))), h("rtk-button", { kind: "icon", variant: "ghost", class: "mobile-close-btn", onClick: () => (this.selectorState = 'hide') }, h("rtk-icon", { icon: this.iconPack.dismiss })))), h("div", { class: "chat" }, this.isFileMessagingAllowed() && (h("div", { id: "dropzone", class: { active: this.dropzoneActivated }, part: "dropzone" }, h("rtk-icon", { icon: this.iconPack.attach }), h("p", null, this.t('chat.send_attachment')))), this.renderPinnedMessagesHeader(), this.isPrivateChatSupported() && (h("rtk-channel-selector-view", { channels: this.getPrivateChatRecipients(), selectedChannelId: ((_b = this.selectedParticipant) === null || _b === void 0 ? void 0 : _b.userId) || 'everyone', onChannelChange: this.updateRecipients, t: this.t, viewAs: "dropdown" })), this.isChatViewType ? (this.renderFullChat()) : this.usePaginatedChat() ? (h("rtk-chat-messages-ui-paginated", { meeting: this.meeting, onPinMessage: this.onPinMessage, onDeleteMessage: this.onDeleteMessage, size: this.size, iconPack: this.iconPack, t: this.t })) : (h("rtk-chat-messages-ui", Object.assign({ messages: chatMessages, selfUserId: selfUserId, selectedGroup: this.selectedGroup, onPinMessage: this.onPinMessage, canPinMessages: this.canPinMessages }, uiProps))), this.renderComposerUI()))));
+        return (h(Host, null, h("div", { class: "chat-container" }, h("div", { class: "chat" }, this.isFileMessagingAllowed() && (h("div", { id: "dropzone", class: { active: this.dropzoneActivated }, part: "dropzone" }, h("rtk-icon", { icon: this.iconPack.attach }), h("p", null, this.t('chat.send_attachment')))), this.renderPinnedMessagesHeader(), this.isPrivateChatSupported() && (h("rtk-channel-selector-view", { channels: this.getPrivateChatRecipients(), selectedChannelId: ((_a = this.selectedParticipant) === null || _a === void 0 ? void 0 : _a.userId) || 'everyone', onChannelChange: this.updateRecipients, t: this.t, viewAs: "dropdown" })), h("rtk-chat-messages-ui-paginated", { meeting: this.meeting, onPinMessage: this.onPinMessage, onDeleteMessage: this.onDeleteMessage, size: this.size, iconPack: this.iconPack, t: this.t }), this.renderComposerUI()))));
     }
     get host() { return this; }
     static get watchers() { return {
@@ -678,7 +551,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["rtk-chat", "rtk-avatar", "rtk-breakout-room-manager", "rtk-breakout-room-participants", "rtk-breakout-rooms-manager", "rtk-broadcast-message-modal", "rtk-button", "rtk-channel-creator", "rtk-channel-details", "rtk-channel-header", "rtk-channel-selector-view", "rtk-chat-composer-view", "rtk-chat-message", "rtk-chat-messages-ui", "rtk-chat-messages-ui-paginated", "rtk-chat-search-results", "rtk-confirmation-modal", "rtk-counter", "rtk-debugger", "rtk-debugger-audio", "rtk-debugger-screenshare", "rtk-debugger-system", "rtk-debugger-video", "rtk-dialog", "rtk-dialog-manager", "rtk-draft-attachment-view", "rtk-emoji-picker", "rtk-emoji-picker-button", "rtk-file-message", "rtk-file-message-view", "rtk-file-picker-button", "rtk-icon", "rtk-image-message", "rtk-image-message-view", "rtk-join-stage", "rtk-leave-meeting", "rtk-logo", "rtk-markdown-view", "rtk-menu", "rtk-menu-item", "rtk-menu-list", "rtk-message-view", "rtk-mute-all-confirmation", "rtk-notification", "rtk-notifications", "rtk-overlay-modal", "rtk-paginated-list", "rtk-permissions-message", "rtk-spinner", "rtk-text-composer-view", "rtk-text-message", "rtk-text-message-view", "rtk-tooltip"];
+    const components = ["rtk-chat", "rtk-avatar", "rtk-button", "rtk-channel-selector-view", "rtk-chat-composer-view", "rtk-chat-messages-ui-paginated", "rtk-draft-attachment-view", "rtk-emoji-picker", "rtk-emoji-picker-button", "rtk-file-message-view", "rtk-file-picker-button", "rtk-icon", "rtk-image-message-view", "rtk-markdown-view", "rtk-menu", "rtk-menu-item", "rtk-menu-list", "rtk-message-view", "rtk-paginated-list", "rtk-spinner", "rtk-text-composer-view", "rtk-text-message-view", "rtk-tooltip"];
     components.forEach(tagName => { switch (tagName) {
         case "rtk-chat":
             if (!customElements.get(tagName)) {
@@ -686,251 +559,101 @@ function defineCustomElement() {
             }
             break;
         case "rtk-avatar":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$Q();
-            }
-            break;
-        case "rtk-breakout-room-manager":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$P();
-            }
-            break;
-        case "rtk-breakout-room-participants":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$O();
-            }
-            break;
-        case "rtk-breakout-rooms-manager":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$N();
-            }
-            break;
-        case "rtk-broadcast-message-modal":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$M();
-            }
-            break;
-        case "rtk-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$L();
-            }
-            break;
-        case "rtk-channel-creator":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$K();
-            }
-            break;
-        case "rtk-channel-details":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$J();
-            }
-            break;
-        case "rtk-channel-header":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$I();
-            }
-            break;
-        case "rtk-channel-selector-view":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$H();
-            }
-            break;
-        case "rtk-chat-composer-view":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$G();
-            }
-            break;
-        case "rtk-chat-message":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$F();
-            }
-            break;
-        case "rtk-chat-messages-ui":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$E();
-            }
-            break;
-        case "rtk-chat-messages-ui-paginated":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$D();
-            }
-            break;
-        case "rtk-chat-search-results":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$C();
-            }
-            break;
-        case "rtk-confirmation-modal":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$B();
-            }
-            break;
-        case "rtk-counter":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$A();
-            }
-            break;
-        case "rtk-debugger":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$z();
-            }
-            break;
-        case "rtk-debugger-audio":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$y();
-            }
-            break;
-        case "rtk-debugger-screenshare":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$x();
-            }
-            break;
-        case "rtk-debugger-system":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$w();
-            }
-            break;
-        case "rtk-debugger-video":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$v();
-            }
-            break;
-        case "rtk-dialog":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$u();
-            }
-            break;
-        case "rtk-dialog-manager":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$t();
-            }
-            break;
-        case "rtk-draft-attachment-view":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$s();
-            }
-            break;
-        case "rtk-emoji-picker":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$r();
-            }
-            break;
-        case "rtk-emoji-picker-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$q();
-            }
-            break;
-        case "rtk-file-message":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$p();
-            }
-            break;
-        case "rtk-file-message-view":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$o();
-            }
-            break;
-        case "rtk-file-picker-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$n();
-            }
-            break;
-        case "rtk-icon":
             if (!customElements.get(tagName)) {
                 defineCustomElement$m();
             }
             break;
-        case "rtk-image-message":
+        case "rtk-button":
             if (!customElements.get(tagName)) {
                 defineCustomElement$l();
             }
             break;
-        case "rtk-image-message-view":
+        case "rtk-channel-selector-view":
             if (!customElements.get(tagName)) {
                 defineCustomElement$k();
             }
             break;
-        case "rtk-join-stage":
+        case "rtk-chat-composer-view":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }
             break;
-        case "rtk-leave-meeting":
+        case "rtk-chat-messages-ui-paginated":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
-        case "rtk-logo":
+        case "rtk-draft-attachment-view":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "rtk-markdown-view":
+        case "rtk-emoji-picker":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "rtk-menu":
+        case "rtk-emoji-picker-button":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "rtk-menu-item":
+        case "rtk-file-message-view":
             if (!customElements.get(tagName)) {
                 defineCustomElement$e();
             }
             break;
-        case "rtk-menu-list":
+        case "rtk-file-picker-button":
             if (!customElements.get(tagName)) {
                 defineCustomElement$d();
             }
             break;
-        case "rtk-message-view":
+        case "rtk-icon":
             if (!customElements.get(tagName)) {
                 defineCustomElement$c();
             }
             break;
-        case "rtk-mute-all-confirmation":
+        case "rtk-image-message-view":
             if (!customElements.get(tagName)) {
                 defineCustomElement$b();
             }
             break;
-        case "rtk-notification":
+        case "rtk-markdown-view":
             if (!customElements.get(tagName)) {
                 defineCustomElement$a();
             }
             break;
-        case "rtk-notifications":
+        case "rtk-menu":
             if (!customElements.get(tagName)) {
                 defineCustomElement$9();
             }
             break;
-        case "rtk-overlay-modal":
+        case "rtk-menu-item":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }
             break;
-        case "rtk-paginated-list":
+        case "rtk-menu-list":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }
             break;
-        case "rtk-permissions-message":
+        case "rtk-message-view":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }
             break;
-        case "rtk-spinner":
+        case "rtk-paginated-list":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }
             break;
-        case "rtk-text-composer-view":
+        case "rtk-spinner":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }
             break;
-        case "rtk-text-message":
+        case "rtk-text-composer-view":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }

package/dist/components/{p-bdb2d1f9.js → p-244cbe7b.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { c as createDefaultConfig, h as useLanguage } from './p-bf700149.js';
-import { S as SyncWithStore } from './p-bbe38af7.js';
+import { c as createDefaultConfig, h as useLanguage } from './p-7fc0dc2f.js';
+import { S as SyncWithStore } from './p-47c25f64.js';
 import './p-a83ccdbd.js';
 
 const rtkLogoCss = ":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;flex-direction:column;align-items:center;justify-content:center;color:rgb(var(--rtk-colors-text-1000, 255 255 255));height:100%;width:auto}svg,img{height:100%;width:auto}.brand-color{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}";

package/dist/components/{p-073066d9.js → p-2508ac98.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-1391bef0.js';
 import { d as defineCustomElement$1 } from './p-3b29dda1.js';
 

package/dist/components/{p-b3f547d5.js → p-2590f470.js}

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack } from './p-bf700149.js';
-import { S as SyncWithStore } from './p-bbe38af7.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';
-import { d as defineCustomElement$1 } from './p-8dd72d80.js';
+import { d as defineCustomElement$1 } from './p-b6ee1a32.js';
 
 const rtkControlbarButtonCss = ":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{--background-color:var(\n    --rtk-controlbar-button-background-color,\n    rgb(var(--rtk-colors-background-1000, 8 8 8))\n  );--icon-size:var(--rtk-controlbar-button-icon-size, var(--rtk-space-7, 28px));position:relative;box-sizing:border-box;display:inline-flex;height:100%;width:auto;min-width:var(--rtk-space-20, 80px);-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:var(--rtk-border-radius-md, 8px);transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;color:rgb(var(--rtk-colors-text-1000, 255 255 255));background-color:var(--background-color)}button{padding:var(--rtk-space-1, 4px)}:host(.red-icon) #icon{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}:host([disabled]){color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}button{box-sizing:border-box;display:inline-flex;height:100%;width:100%;flex:1 1 0%;flex-direction:column;gap:var(--rtk-space-1, 4px);padding-left:var(--rtk-space-1, 4px);padding-right:var(--rtk-space-1, 4px);align-items:center;justify-content:center;cursor:pointer;border-radius:var(--rtk-border-radius-md, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;color:inherit;outline-offset:-2px;border:var(--rtk-border-width-md, 2px) solid transparent}.label{text-align:center;font-size:12px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}#warning-indicator{position:absolute;top:var(--rtk-space-1, 4px);right:var(--rtk-space-2, 8px);height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-warning, 255 205 7) / var(--tw-text-opacity))}:host([size='sm']) #warning-indicator{right:var(--rtk-space-0, 0px);top:var(--rtk-space-0, 0px);height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px)}:host(:hover) button{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}#icon{width:var(--icon-size);height:var(--icon-size)}:host(.leave:hover) button{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity));border:var(--rtk-border-width-md, 2px) solid rgb(var(--rtk-colors-danger, 255 45 45))}:host(.active) button{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-400, 53 110 253) / var(--tw-text-opacity));border:var(--rtk-border-width-md, 2px) solid rgb(var(--rtk-colors-brand-400, 53 110 253))}button:focus-visible{outline:2px solid rgb(var(--rtk-colors-brand-400, 53 110 253))}:host(.active-livestream){--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}:host([size='sm']){min-width:var(--rtk-space-14, 56px)}:host([size='sm']) .label{display:none}:host([variant='horizontal']){width:100%}:host([variant='horizontal']) button{border-radius:7px;height:var(--rtk-space-12, 48px);width:100%;padding-left:var(--rtk-space-5, 20px);padding-right:var(--rtk-space-5, 20px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);flex-direction:row;justify-content:flex-start;gap:var(--rtk-space-3, 12px)}:host([variant='horizontal']) #icon{width:var(--rtk-space-6, 24px)}:host([variant='horizontal']) .label{display:block;font-size:14px;line-height:1.25rem}:host([variant='horizontal']) #warning-indicator{right:auto;left:var(--rtk-space-4, 16px)}:host([brand-icon]) rtk-icon#icon{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}@media only screen and (max-device-height: 480px) and (orientation: landscape){:host .label{display:none}:slotted(rtk-icon){height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}}";
 const RtkControlbarButtonStyle0 = rtkControlbarButtonCss;

package/dist/components/{p-59bdb49b.js → p-25ca06f2.js}

@@ -1,6 +1,6 @@
 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 { e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
+import { S as SyncWithStore } from './p-47c25f64.js';
 import { d as defineCustomElement$1 } from './p-1391bef0.js';
 
 const rtkConfirmationModalCss = ":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:flex;flex-direction:column;overflow:hidden;border-radius:var(--rtk-border-radius-md, 8px);padding:var(--rtk-space-8, 32px);width:100%;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));width:400px;max-width:80%}.leave-modal{width:100%;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.leave-modal .header h2{margin:var(--rtk-space-0, 0px)}.leave-modal .content{font-size:14px}.leave-modal p{margin-top:var(--rtk-space-3, 12px);margin-bottom:var(--rtk-space-3, 12px)}.leave-meeting{display:flex;flex-direction:row;justify-content:space-between;gap:var(--rtk-space-4, 16px)}.leave-meeting rtk-button{color:rgb(var(--rtk-colors-text-1000, 255 255 255));flex:1 1 0%}.br-secondary-btn{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.br-secondary-btn:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}";

package/dist/components/{p-4ac416da.js → p-27fea689.js}

@@ -1,11 +1,11 @@
 import { p as proxyCustomElement, H, h } 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 { d as defineCustomElement$5 } from './p-9645c983.js';
+import { S as SyncWithStore } from './p-47c25f64.js';
+import { d as defineCustomElement$5 } from './p-b1338b4f.js';
 import { d as defineCustomElement$4 } from './p-1391bef0.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';
 import { d as defineCustomElement$1 } from './p-03bdc4c0.js';
 
 const rtkParticipantsWaitingListCss = ":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{margin-top:var(--rtk-space-4, 16px);margin-bottom:calc(var(--rtk-space-2, 8px) * -1);display:flex;width:100%;flex-direction:column;font-size:14px}.waiting-participants{margin-bottom:var(--rtk-space-8, 32px)}.waiting-participants .accept-all-button{--tw-text-opacity:1;color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-text-opacity))}h3,.heading-count{margin:var(--rtk-space-0, 0px);display:flex;align-items:center;justify-content:center;padding:var(--rtk-space-0, 0px);font-size:16px;font-weight:400;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));text-align:center}.heading-count{font-size:14px}.participants{margin-top:var(--rtk-space-2, 8px);padding:var(--rtk-space-0, 0px)}.waiting-participant{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);display:flex;align-items:center}.waiting-participant .participant-details{margin-right:auto;display:flex;align-items:center}.waiting-participant .participant-details rtk-avatar{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);flex-shrink:0;font-size:14px}.waiting-participant .participant-details .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 1080px){.waiting-participant .participant-details .name{max-width:var(--rtk-space-40, 160px)}}.waiting-participant .waitlist-controls{display:flex}.waiting-participant .waitlist-controls rtk-button{margin-left:var(--rtk-space-2, 8px);cursor:pointer;border-radius:var(--rtk-border-radius-sm, 4px)}.waiting-participant .waitlist-controls rtk-icon.accept{--tw-text-opacity:1;color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-text-opacity))}.waiting-participant .waitlist-controls rtk-icon.deny{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}";

package/dist/components/{p-5183c437.js → p-2d08ab28.js}

@@ -1,7 +1,7 @@
 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-bf700149.js';
+import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.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 defineCustomElement$2 } from './p-1391bef0.js';
 import { d as defineCustomElement$1 } from './p-3b29dda1.js';