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

package/dist/components/{p-c07e3e6d.js → p-080acf18.js}

@@ -26,7 +26,7 @@ const RtkMenuList = /*@__PURE__*/ proxyCustomElement(class RtkMenuList extends H
         this.t = useLanguage();
     }
     render() {
-        return (h(Host, { key: 'c0974bc340294b197aa8310e5a9913126ac22c48' }, h("slot", { key: '1a660db36c713285203569957959663497803c5e' })));
+        return (h(Host, { key: '1357690e48bef0c8c0e953886f1fd7754f0e4e4d' }, h("slot", { key: 'f3a221b7a4d28f53add6b658a0510294a998d6c1' })));
     }
     static get style() { return RtkMenuListStyle0; }
 }, [1, "rtk-menu-list", {

package/dist/components/{p-b6ee1a32.js → p-0a35a909.js}

@@ -27,7 +27,7 @@ const RtkSpinner = /*@__PURE__*/ proxyCustomElement(class RtkSpinner extends H {
         this.size = 'md';
     }
     render() {
-        return (h(Host, { key: '896d7e13900a390f5c03df4e2af45163d61f6d09' }, h("rtk-icon", { key: 'dd05bbbb3eb9db982d85db131b82c2bcaf253a94', class: "spinner", icon: this.iconPack.spinner })));
+        return (h(Host, { key: '2eb8672a849f85e2c207ec9331d1093b7deefaa3' }, h("rtk-icon", { key: '5a2f292ddd7a5c52709ce41f47422f08bdf82852', class: "spinner", icon: this.iconPack.spinner })));
     }
     static get style() { return RtkSpinnerStyle0; }
 }, [1, "rtk-spinner", {

package/dist/components/{p-6cbaf90a.js → p-0b4e526c.js}

@@ -29,7 +29,7 @@ const RtkFileMessageView = /*@__PURE__*/ proxyCustomElement(class RtkFileMessage
         this.iconPack = defaultIconPack;
     }
     render() {
-        return (h("div", { key: 'd2cbeddc138f81c05da1656ee7f59c170e83bd1e', class: "file" }, h("rtk-button", { key: 'b0ee90c3493c24e938b6ea88a317c642e4afc003', variant: "secondary", kind: "icon", onClick: () => downloadFile(sanitizeLink(this.url), { name: this.name, fallbackName: 'file' }), part: "button" }, h("rtk-icon", { key: 'c1b25c655b5c87bf95948abfa461f8b58ff79195', icon: this.iconPack.download })), h("div", { key: 'c961a8ce93d4ff4405590787a88b5a9bbdbf56ab', class: "file-data" }, h("div", { key: 'bd178354d166c7816d6fabb72f7bba70fd711415', class: "name" }, this.name), h("div", { key: '59a791ae9f94a13b4005a0d8f79d09687fe3fc4c', class: "file-data-split" }, h("div", { key: 'b31421fdf786d92eed0decec9d3b247530413aa9', class: "ext" }, getExtension(this.name)), h("span", { key: '7a0a2a188b3e0b6bee0cf54d3afe29c2454788bb', class: "divider" }), h("div", { key: 'b217b87fa0737732aae10662b82d337d7258e6d7', class: "size" }, getFileSize(this.size))))));
+        return (h("div", { key: 'cdd46a1be912f807688dc86671dddd2fa5b9e7c9', class: "file" }, h("rtk-button", { key: '20bd6c448ec64902989cd742a8f18de32e368194', variant: "secondary", kind: "icon", onClick: () => downloadFile(sanitizeLink(this.url), { name: this.name, fallbackName: 'file' }), part: "button" }, h("rtk-icon", { key: '11ac30db5146132be8aaba67a79f66f8aba7bb8d', icon: this.iconPack.download })), h("div", { key: '342dd8daa944a5857a6519339b4d3bfb6c369eda', class: "file-data" }, h("div", { key: 'e161743b75677b1e81d09d7c373be494ccf8411a', class: "name" }, this.name), h("div", { key: '99f2d8d77ef3c129aa0c229260f6e79901ce268c', class: "file-data-split" }, h("div", { key: '7b9beadca2a810c151fb1ad43ee7c47ba451a37a', class: "ext" }, getExtension(this.name)), h("span", { key: 'd55f69a96bbe26c262461fa87f1a0a506854cf59', class: "divider" }), h("div", { key: 'cad33d263ab75aeb3083886e83063b8ccb2ea976', class: "size" }, getFileSize(this.size))))));
     }
     static get style() { return RtkFileMessageViewStyle0; }
 }, [1, "rtk-file-message-view", {

package/dist/components/{p-a3ebfc10.js → p-0d582365.js}

@@ -118,12 +118,12 @@ const RtkVirtualizedParticipantList = /*@__PURE__*/ proxyCustomElement(class Rtk
     render() {
         var _a;
         const totalHeight = this.items.length * this.itemHeight; // Total height of the list
-        return (h("div", { key: '8928758911fd6ac3b955e727306f1ebfe19aba9b', class: "virtual-list-container", style: {
+        return (h("div", { key: '1833065e95b4a443bad339ad8eaccab0c3b6902a', class: "virtual-list-container", style: {
                 position: 'relative',
                 height: '100%',
                 overflowX: 'hidden',
                 overflowY: 'auto',
-            } }, h("div", { key: '4812952f05b7cbcb920cf5bfe54cd30c26cb8b0d', style: { height: `${totalHeight}px`, position: 'relative' } }, !((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) ? this.emptyListElement : this.renderItems()), h("div", { key: '0f9cd358e2d49af44765dbe560a323c9e8fa09f7', style: { height: `${this.itemHeight}px` } })));
+            } }, h("div", { key: '4b4bd2882d73ee7226c1654bd43649eeffe47ec9', style: { height: `${totalHeight}px`, position: 'relative' } }, !((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) ? this.emptyListElement : this.renderItems()), h("div", { key: 'ad6ae3e3416810066a1071725cee65e4a48e7455', style: { height: `${this.itemHeight}px` } })));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/{p-335f937c.js → p-0d7bf41b.js}

@@ -3,7 +3,7 @@ import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from
 import './p-a83ccdbd.js';
 import { R as Render } from './p-60fdbd75.js';
 import { S as SyncWithStore } from './p-47c25f64.js';
-import { d as defineCustomElement$1 } from './p-a3ebfc10.js';
+import { d as defineCustomElement$1 } from './p-0d582365.js';
 
 const rtkParticipantsStageListCss = ":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;width:100%;flex-direction:column;font-size:14px}.participants-container{margin-bottom:var(--rtk-space-4, 16px);height:100%;width:100%}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);margin-bottom:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.empty-stage-list{margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-4, 16px);text-align:center;font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}rtk-participant{width:100%}";
 const RtkParticipantsStageListStyle0 = rtkParticipantsStageListCss;
@@ -108,7 +108,7 @@ const RtkParticipants = /*@__PURE__*/ proxyCustomElement(class RtkParticipants e
         }
     }
     render() {
-        return (h(Host, { key: 'd799034511ea2f1b1125e0a5ba4ea52add1ac748' }, h("div", { key: 'e46415181eaa216bc46470ebbce23f4dfe3b96b8', class: "participants-container" }, !this.hideHeader && (h("div", { key: '83a22247b44cfd8a7bee2c89fdd199310d2cc008', class: "heading-count", part: "heading-count" }, this.t('participants'), " (", this.participants.length, ")")), h("rtk-virtualized-participant-list", { key: '64876afecf04945ed6ab8f567dd19298add079e9', items: this.participants, renderItem: this.createParticipantNode, part: "participants", class: "participants", emptyListElement: h("div", { class: "empty-stage-list" }, this.search.length > 0 ? this.t('search.could_not_find') : this.t('search.empty')) }))));
+        return (h(Host, { key: 'a3f02d560188be38be3e7d0e7c480fc215a6eb67' }, h("div", { key: '933821b69d57aa5d71e0866486c3d7dd4ca5c28d', class: "participants-container" }, !this.hideHeader && (h("div", { key: '1c9f7a6d59331e3bb849a341add9d1f492fbe9bc', class: "heading-count", part: "heading-count" }, this.t('participants'), " (", this.participants.length, ")")), h("rtk-virtualized-participant-list", { key: '9f3f31b89e3bdfa7ebf7e09518b1ddd0861fdfdd', items: this.participants, renderItem: this.createParticipantNode, part: "participants", class: "participants", emptyListElement: h("div", { class: "empty-stage-list" }, this.search.length > 0 ? this.t('search.could_not_find') : this.t('search.empty')) }))));
     }
     static get watchers() { return {
         "meeting": ["meetingChanged"],

package/dist/components/{p-63953295.js → p-10ef077c.js}

@@ -42,7 +42,7 @@ const RtkTranscript = /*@__PURE__*/ proxyCustomElement(class RtkTranscript exten
         }, 10000);
     }
     render() {
-        return (h(Host, { key: 'f114d024507ae77ac2597ecd060e3ff44ff14b62' }, h("div", { key: '0a2b1de3c21d77fcf73a0e025e8faa82b61ac23e', class: "ctr" }, h("p", { key: 'eee54f37929772f547113c899cbbcd89e451f64d', class: "message" }, h("span", { key: '3599abf0271f4847d0e19629c9966b02a168bdb8', class: "name" }, this.transcript.name), ": ", this.transcript.transcript))));
+        return (h(Host, { key: 'ef273b9fcb4646120b31fce89d9c2cc5d4f2c811' }, h("div", { key: '68ec72f68aa52761f1b29c021a9babbe72ed0fd6', class: "ctr" }, h("p", { key: 'db08ea2b280f097b700163954ce8f7893f312919', class: "message" }, h("span", { key: '06fd5928dd075d4edc35bc09859ad51c6b2ec54f', class: "name" }, this.transcript.name), ": ", this.transcript.transcript))));
     }
     static get watchers() { return {
         "transcript": ["transcriptChanged"]

package/dist/components/{p-be9fe914.js → p-188bfe87.js}

@@ -2,14 +2,14 @@ import { p as proxyCustomElement, H, h } from './p-c3592601.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-47c25f64.js';
-import { d as defineCustomElement$8 } from './p-b1338b4f.js';
+import { d as defineCustomElement$8 } from './p-f4e75ea9.js';
 import { d as defineCustomElement$7 } from './p-1391bef0.js';
 import { d as defineCustomElement$6 } from './p-3b29dda1.js';
-import { d as defineCustomElement$5 } from './p-fc21299d.js';
-import { d as defineCustomElement$4 } from './p-c07e3e6d.js';
-import { d as defineCustomElement$3 } from './p-027ec380.js';
-import { d as defineCustomElement$2 } from './p-b6ee1a32.js';
-import { d as defineCustomElement$1 } from './p-a3ebfc10.js';
+import { d as defineCustomElement$5 } from './p-a6296b02.js';
+import { d as defineCustomElement$4 } from './p-080acf18.js';
+import { d as defineCustomElement$3 } from './p-e8df7ac5.js';
+import { d as defineCustomElement$2 } from './p-0a35a909.js';
+import { d as defineCustomElement$1 } from './p-0d582365.js';
 
 const rtkParticipantsViewerListCss = ":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%;width:100%;flex-direction:column;font-size:14px}.list{margin-bottom:var(--rtk-space-4, 16px);display:flex;height:100%;flex-direction:column}h3,.heading-count{margin:var(--rtk-space-0, 0px);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);margin-bottom:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.empty-viewers-list{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);text-align:center;font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}";
 const RtkParticipantsViewerListStyle0 = rtkParticipantsViewerListCss;

package/dist/components/{p-82c678d6.js → p-190db142.js}

@@ -6,7 +6,7 @@ import { d as downloadFile } from './p-47314bc7.js';
 import { S as SyncWithStore } from './p-47c25f64.js';
 import { d as defineCustomElement$3 } from './p-1391bef0.js';
 import { d as defineCustomElement$2 } from './p-3b29dda1.js';
-import { d as defineCustomElement$1 } from './p-b6ee1a32.js';
+import { d as defineCustomElement$1 } from './p-0a35a909.js';
 
 const rtkImageMessageCss = ":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)}.image-spinner{cursor:wait}.image-errored{cursor:not-allowed}";
 const RtkImageMessageStyle0 = rtkImageMessageCss;
@@ -39,10 +39,10 @@ const RtkImageMessage = /*@__PURE__*/ proxyCustomElement(class RtkImageMessage e
         this.status = 'loading';
     }
     render() {
-        return (h(Host, { key: 'bcbf806340704a0f288efdf06bc0712e2e296e1b' }, !this.isContinued && (h(ChatHead, { key: 'c7c64c22e4a0d37dd405d83f537e0ac858ee85f4', name: this.message.displayName, time: this.message.time, now: this.now })), h("div", { key: '61bff7a6569ea50b9c6bc54fe71c1591a4079bb0', class: {
+        return (h(Host, { key: '1267763841d7162f1ad4152a5c4cdd809aaa3808' }, !this.isContinued && (h(ChatHead, { key: '9b415f65f456f8624cd4f981d7f8ae191772a3ce', name: this.message.displayName, time: this.message.time, now: this.now })), h("div", { key: '38ea5e45140f543ae6d16d2d00b0bf0c9a671910', class: {
                 body: true,
                 bubble: this.showBubble,
-            }, part: "body" }, h("div", { key: '56740ce9648a6b580c338dc69eec4f0bb09e200b', class: { image: true, loaded: this.status === 'loaded' } }, h("img", { key: '46616303b6eaca3831083a5603aade677e8e27f1', src: sanitizeLink(this.message.link), onLoad: () => {
+            }, part: "body" }, h("div", { key: '3c842144038f9612fc46c3f5d18f87342f8376c4', class: { image: true, loaded: this.status === 'loaded' } }, h("img", { key: '39b2978696328d6ed6ac3bbbdc83a57fc7fa7d88', src: sanitizeLink(this.message.link), onLoad: () => {
                 this.status = 'loaded';
             }, onError: () => {
                 this.status = 'errored';
@@ -50,9 +50,9 @@ const RtkImageMessage = /*@__PURE__*/ proxyCustomElement(class RtkImageMessage e
                 if (this.status === 'loaded') {
                     this.stateUpdate.emit({ image: this.message });
                 }
-            } }), this.status === 'loading' && (h("div", { key: 'dac71a4e7e4d02b7e92386f92e2b066d31dc1c94', class: "image-spinner", title: this.t('chat.img.loading'), "aria-label": this.t('chat.img.loading') }, h("rtk-spinner", { key: '6c7b01868932f2ed0e6602d68caecb9b38d4f47b', iconPack: this.iconPack }))), this.status === 'errored' && (h("div", { key: '87c343f4a62662bc100361acf7aba9d3df31705f', class: "image-errored", title: this.t('chat.error.img_not_found'), "aria-label": this.t('chat.error.img_not_found') }, h("rtk-icon", { key: '35851cf346c3d873cf0f27d8520df278c9b7cfa1', icon: this.iconPack.image_off }))), this.status === 'loaded' && (h("div", { key: '37e07aef242ef26e57a5ec96e4a127d8ad27dc82', class: "actions" }, h("rtk-button", { key: 'f32b44c453061e7ba41a67f1c266f634ad0a6cc3', class: "action", variant: "secondary", kind: "icon", onClick: () => {
+            } }), this.status === 'loading' && (h("div", { key: 'd83ca52f9330ddef301be3d4a84b663f91864ea3', class: "image-spinner", title: this.t('chat.img.loading'), "aria-label": this.t('chat.img.loading') }, h("rtk-spinner", { key: '6333ce5847ecd62793d5777a886a3a1a33641fab', iconPack: this.iconPack }))), this.status === 'errored' && (h("div", { key: 'e4063e68ad477069d8acaa03d0dd1c692f82c76f', class: "image-errored", title: this.t('chat.error.img_not_found'), "aria-label": this.t('chat.error.img_not_found') }, h("rtk-icon", { key: '010562aee164fdb63e45da4c0eaa29ad1cbdf66c', icon: this.iconPack.image_off }))), this.status === 'loaded' && (h("div", { key: '14773362280e9dd167db61e58b3f729e0a86d88d', class: "actions" }, h("rtk-button", { key: '8e0cd659fd47074729fa3e63897e3e8eab3193a3', class: "action", variant: "secondary", kind: "icon", onClick: () => {
                 this.stateUpdate.emit({ image: this.message });
-            } }, h("rtk-icon", { key: '4a6c1cfe87d356e1f39db04b3536f9e9e3ca1b34', icon: this.iconPack.full_screen_maximize })), h("rtk-button", { key: 'e22f94520b0ead2db124e6a65ad110ea029855f3', class: "action", variant: "secondary", kind: "icon", onClick: () => downloadFile(this.message.link, { fallbackName: 'image' }) }, h("rtk-icon", { key: 'a5f7b58d27a12e8754db70c9d56facc547883d4f', icon: this.iconPack.download }))))))));
+            } }, h("rtk-icon", { key: '9db76d4971f2b6b45d87b6015b7ef449fa46ba85', icon: this.iconPack.full_screen_maximize })), h("rtk-button", { key: '978934fd136ab2c364521ec55d25e578940e5c7c', class: "action", variant: "secondary", kind: "icon", onClick: () => downloadFile(this.message.link, { fallbackName: 'image' }) }, h("rtk-icon", { key: '55be50aff54309a76e5348f437805e2872bcf548', icon: this.iconPack.download }))))))));
     }
     static get style() { return RtkImageMessageStyle0; }
 }, [0, "rtk-image-message", {

package/dist/components/{p-7a322c43.js → p-20290b0b.js}

@@ -3,7 +3,7 @@ import { e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
 import { S as SyncWithStore } from './p-47c25f64.js';
 import { d as defineCustomElement$3 } from './p-1391bef0.js';
 import { d as defineCustomElement$2 } from './p-3b29dda1.js';
-import { d as defineCustomElement$1 } from './p-b6ee1a32.js';
+import { d as defineCustomElement$1 } from './p-0a35a909.js';
 
 const EMOJI_ASSET_URL = 'https://rtk-assets.realtime.cloudflare.com/assets/emojis-data.json';
 let cachedEmojis;
@@ -78,7 +78,7 @@ const RtkEmojiPicker = /*@__PURE__*/ proxyCustomElement(class RtkEmojiPicker ext
         return (h("div", { id: "emoji-grid", class: "scrollbar max-w-40" }, this.filteredEmojis.map((e) => (h("rtk-button", { key: `emoji-button-${e.name}`, class: "emoji", variant: "ghost", kind: "icon", title: e.name, onClick: () => this.handleEmojiClick(e.emoji) }, e.emoji)))));
     }
     render() {
-        return (h(Host, { key: '48f4159ff5232b9d03fdcabf2d39e4375ca4fa14' }, h("div", { key: '20f86592a9dc47231c0c6cf33484af981533e21d', class: 'close-parent' }, h("rtk-button", { key: 'cff61f9c8fa0c1e0a8b6dc9433abedf914f9ded0', variant: "ghost", kind: "icon", class: "close", onClick: () => { var _a; return (_a = this.pickerClose) === null || _a === void 0 ? void 0 : _a.emit(); }, "aria-label": this.t('close') }, h("rtk-icon", { key: '56a12d4cc55b80ea026c92906466ebb10bf6cd6e', icon: this.iconPack.dismiss }))), h("div", { key: 'b48a1933b33f9886f39955ecbd046ffff370719b', class: 'emoji-parent' }, h("input", { key: '40d0f74a160358c3214b810de0f2ee6f286f1af7', value: this.filterVal, onInput: (event) => this.handleInputChange(event.target), placeholder: this.t('search'), ref: (el) => (this.inputElement = el) }), this.mapEmojiList())));
+        return (h(Host, { key: 'e099d5996a16c659de17ca9a36fcd79a9f02f400' }, h("div", { key: '2a3e300c9625b877feb2b6780df7d1a9851cb7f3', class: 'close-parent' }, h("rtk-button", { key: '7ca8421704136d09d107d1f7392ba393d5f59a9a', variant: "ghost", kind: "icon", class: "close", onClick: () => { var _a; return (_a = this.pickerClose) === null || _a === void 0 ? void 0 : _a.emit(); }, "aria-label": this.t('close') }, h("rtk-icon", { key: '040069093f7243bf5075d55b2c081c564d885a8f', icon: this.iconPack.dismiss }))), h("div", { key: '372a32be35dea5200323720e221424b5138cc4ab', class: 'emoji-parent' }, h("input", { key: 'fae2be13d736adbb99212146498f00d4f395636e', value: this.filterVal, onInput: (event) => this.handleInputChange(event.target), placeholder: this.t('search'), ref: (el) => (this.inputElement = el) }), this.mapEmojiList())));
     }
     static get style() { return RtkEmojiPickerStyle0; }
 }, [1, "rtk-emoji-picker", {

package/dist/components/{p-013ffc19.js → p-2e282643.js}

@@ -50,9 +50,9 @@ const RtkNotification = /*@__PURE__*/ proxyCustomElement(class RtkNotification e
     }
     render() {
         var _a;
-        return (h(Host, { key: '60c06bbf91a415227daa6df5e33ce70f70b9e96a' }, h("div", { key: '88b3028fbab2ae480d9b56169be54d7be88f283a', class: "ctr" }, this.notification.icon != null && (h("rtk-icon", { key: '2082950cbd422100eaae181089b459a228edb5b2', class: "icon", icon: this.notification.icon, variant: (_a = this.notification.iconVariant) !== null && _a !== void 0 ? _a : 'primary' })), this.notification.image != null &&
+        return (h(Host, { key: '8c854ce9c1fbed1d0078e37ddfe731bd09f60217' }, h("div", { key: 'e5110dfac0052c151ad0f0c702fd2183639c160c', class: "ctr" }, this.notification.icon != null && (h("rtk-icon", { key: '34c84299f20115d1576606443fd28035d604a282', class: "icon", icon: this.notification.icon, variant: (_a = this.notification.iconVariant) !== null && _a !== void 0 ? _a : 'primary' })), this.notification.image != null &&
             this.notification.icon == null &&
-            this.imageState !== 'errored' && (h("img", { key: '56e7d906bb2daf5ddce6b143ffa74a47d602ca70', src: this.notification.image, class: { loaded: this.imageState === 'loaded' }, onLoad: () => (this.imageState = 'loaded'), onError: () => (this.imageState = 'errored') })), h("p", { key: '980db1c29942c51de04eef62c519ff20402c639e', class: "message" }, h(TextMessageView, { key: '6b59afd62dcf6671d056ed424146c9c4c1e1bead', message: this.notification.message })), h("div", { key: 'a4399741c18093e46be3726f3514d8e8a5682ab3', class: "right" }, this.notification.button != null && (h("rtk-button", { key: 'a20046c85de2c3ee5cd7b6814c84e52a027e0cfc', size: "sm", variant: this.notification.button.variant, onClick: () => this.notification.button.onClick() }, this.notification.button.text)), h("button", { key: '83d7d13c98c68f6049321d5d0c573ea2eccf65f8', onClick: () => this.dismiss.emit(this.notification.id), class: "dismiss" }, h("rtk-icon", { key: '5a17a700a54172a10cd2398dd38853bd0c337215', "aria-label": this.t('dismiss'), icon: this.iconPack.dismiss }))))));
+            this.imageState !== 'errored' && (h("img", { key: 'f8c7d6de5740e5e94be8b0bec312b44157c9999a', src: this.notification.image, class: { loaded: this.imageState === 'loaded' }, onLoad: () => (this.imageState = 'loaded'), onError: () => (this.imageState = 'errored') })), h("p", { key: 'cf22e099409eda906611ad43bb92192512c3b3f0', class: "message" }, h(TextMessageView, { key: '87e52e92ffa9d86b4ddc6a1c61b5bbb6a9f6c1d1', message: this.notification.message })), h("div", { key: '06195e55729bbc11fc48b188df7ee5f8a7b111d6', class: "right" }, this.notification.button != null && (h("rtk-button", { key: 'b1a8e8f05587fa9eaf66e9d8932dee6d4fc57e67', size: "sm", variant: this.notification.button.variant, onClick: () => this.notification.button.onClick() }, this.notification.button.text)), h("button", { key: '102260442e93358e972d72dbcfe2cc90f68523d9', onClick: () => this.dismiss.emit(this.notification.id), class: "dismiss" }, h("rtk-icon", { key: 'f585bf6153a7c34528bd46af850db3f8511805ff', "aria-label": this.t('dismiss'), icon: this.iconPack.dismiss }))))));
     }
     static get watchers() { return {
         "paused": ["pausedChanged"],

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

@@ -3,28 +3,28 @@ import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage, K as
 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-47c25f64.js';
-import { d as defineCustomElement$m } from './p-b1338b4f.js';
+import { d as defineCustomElement$m } from './p-f4e75ea9.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$k } from './p-d4e2ac64.js';
+import { d as defineCustomElement$j } from './p-f47894a6.js';
+import { d as defineCustomElement$i } from './p-a6f2b402.js';
+import { d as defineCustomElement$h } from './p-65cd2fe3.js';
+import { d as defineCustomElement$g } from './p-20290b0b.js';
+import { d as defineCustomElement$f } from './p-3da4880c.js';
+import { d as defineCustomElement$e } from './p-0b4e526c.js';
+import { d as defineCustomElement$d } from './p-e675729a.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';
+import { d as defineCustomElement$b } from './p-63ef7ea4.js';
+import { d as defineCustomElement$a } from './p-88bef213.js';
+import { d as defineCustomElement$9 } from './p-f8f5cb31.js';
+import { d as defineCustomElement$8 } from './p-a6296b02.js';
+import { d as defineCustomElement$7 } from './p-080acf18.js';
+import { d as defineCustomElement$6 } from './p-fe911889.js';
+import { d as defineCustomElement$5 } from './p-a9540d93.js';
+import { d as defineCustomElement$4 } from './p-0a35a909.js';
+import { d as defineCustomElement$3 } from './p-d3de8b85.js';
+import { d as defineCustomElement$2 } from './p-a94b2e67.js';
+import { d as defineCustomElement$1 } from './p-fa8f6b4a.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";
 const RtkChatStyle0 = rtkChatCss;

package/dist/components/{p-e732b5ee.js → p-2f82e0b0.js}

@@ -2,10 +2,10 @@ import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-
 import { e as defaultIconPack, h as useLanguage, H as participantIdentifier, G as getAllConnectedParticipants } from './p-7fc0dc2f.js';
 import { S as SyncWithStore } from './p-47c25f64.js';
 import { f as formatName, s as shorten } from './p-efabd2ce.js';
-import { d as defineCustomElement$4 } from './p-b1338b4f.js';
+import { d as defineCustomElement$4 } from './p-f4e75ea9.js';
 import { d as defineCustomElement$3 } from './p-3b29dda1.js';
-import { d as defineCustomElement$2 } from './p-b6ee1a32.js';
-import { d as defineCustomElement$1 } from './p-03bdc4c0.js';
+import { d as defineCustomElement$2 } from './p-0a35a909.js';
+import { d as defineCustomElement$1 } from './p-fa8f6b4a.js';
 
 const rtkBreakoutRoomParticipantsCss = ":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;height:100%;flex-direction:column;font-size:14px}:host input[type='checkbox']{margin:var(--rtk-space-0, 0px);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--rtk-border-radius-sm, 4px);position:relative;height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);border-width:var(--rtk-border-width-sm, 1px);border-style:solid;border-color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}:host input[type='checkbox']:checked{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity))}:host input[type='checkbox']:checked::before{position:absolute;top:1px;left:1px;height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px);background-color:rgb(var(--rtk-colors-text-1000, 255 255 255));content:'';clip-path:polygon(5% 60%, 35% 93%, 100% 19%, 86% 4%, 36% 62%, 19% 44%)}*{box-sizing:border-box}.participants{margin-top:var(--rtk-space-2, 8px);padding:var(--rtk-space-0, 0px)}.ctr{box-sizing:border-box;padding-top:var(--rtk-space-0, 0px);padding-bottom:var(--rtk-space-0, 0px);overflow-y:auto;flex-grow:1;flex-basis:0}.empty-message{margin-top:var(--rtk-space-10, 40px);margin-bottom:var(--rtk-space-10, 40px);text-align:center;font-size:14px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.empty-room{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--rtk-space-2, 8px);height:100%;text-align:center;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.empty-room rtk-icon{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px)}.empty-room p{font-size:16px;font-weight:500;margin:var(--rtk-space-0, 0px)}.empty-room span{font-size:12px;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}.search-wrapper{margin-bottom:var(--rtk-space-1, 4px);display:flex;align-items:center;gap:var(--rtk-space-2, 8px)}.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-800, 30 30 30) / var(--tw-bg-opacity));margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0, 0px);height:var(--rtk-space-8, 32px)}.search .search-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))}.search input{box-sizing:border-box;width:100%;padding-right:var(--rtk-space-2, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:inherit;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}.search input::-moz-placeholder{color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.search input::placeholder{color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.header{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-1\\.5, 6px);height:var(--rtk-space-9, 36px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-0\\.5, 2px);border-bottom-width:var(--rtk-border-width-sm, 1px);border-top-width:var(--rtk-border-width-none, 0);border-right-width:var(--rtk-border-width-none, 0);border-left-width:var(--rtk-border-width-none, 0);border-style:solid;--tw-border-opacity:1;border-bottom-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity));font-size:12px;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));display:flex;align-items:center;justify-content:space-between}.title-wrapper{display:flex;align-items:center;gap:var(--rtk-space-2, 8px)}.participant-count{display:flex;align-items:center;font-size:14px}.participant-count rtk-icon{margin-right:var(--rtk-space-0\\.5, 2px);width:var(--rtk-space-3, 12px)}.participant-item{display:flex;align-items:center;justify-content:space-between;margin-top:var(--rtk-space-1, 4px);margin-bottom:var(--rtk-space-1, 4px);border-radius:var(--rtk-border-radius-sm, 4px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);cursor:pointer}.participant-item input.hide-checkbox{display:none}.participant-item input:checked{display:inline-block}.dragging input{display:none}.participant-item:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.participant-item:hover input{display:inline-block}.peer-ui-container{position:relative;display:flex;align-items:center;gap:var(--rtk-space-2, 8px);height:var(--rtk-space-10, 40px);cursor:pointer;border-radius:var(--rtk-border-radius-sm, 4px);color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.peer-ui-container rtk-avatar{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px);font-size:14px;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.peer-ui-container .name{font-size:14px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}";
 const RtkBreakoutRoomParticipantsStyle0 = rtkBreakoutRoomParticipantsCss;
@@ -107,9 +107,9 @@ const RtkBreakoutRoomParticipants = /*@__PURE__*/ proxyCustomElement(class RtkBr
             }, size: "sm" }), h("p", { class: "name", title: name }, shorten(name, 16), this.meeting.self.userId === participant.id && ` (${this.t('you')})`)));
     }
     render() {
-        return (h(Host, { key: '3d6466a85fa946d5c0d064d22431e3c7bf044787' }, h("div", { key: '8626af199d5290ce595212817ee06c1ef00d91bf', class: "search-wrapper" }, h("div", { key: '9ac706f201f5975b7d36b4dde7fd9504321b7d5f', class: "search", part: "search" }, h("rtk-icon", { key: '0ccba51717c665364934ea1bfdd7eeea3c5e96b7', icon: this.iconPack.search, part: "search-icon", class: "search-icon" }), h("input", { key: '01c85631f3e1823d1ab384bad4a9efbd86514894', type: "search", autocomplete: "off", placeholder: this.t('search'), onInput: this.onSearchInput, part: "search-input" })), h("slot", { key: '9d3a00a2bd167d053025d979bb0a498028b664de', name: "shuffle-button" })), h("div", { key: '38defd0577bedacd300e8cb558b42727b7817420', class: "header" }, h("div", { key: 'e11f58aae66a50800625464b79517e59094e5f1d', class: "title-wrapper" }, h("span", { key: '99ec80653bc7045fd08c4e95ac15f95dc3ca90ad' }, this.t('breakout_rooms.main_room')), h("span", { key: '40617acc26b95df49c2f221846ee811046709908', class: "participant-count" }, "(", h("rtk-icon", { key: 'aa8c4c4281635c998ea7c254b611341fd28e65cc', icon: this.iconPack.people }), this.participantsToShow.length, ")")), this.selectedParticipantIds.length !== 0 && (h("rtk-tooltip", { key: 'ce8eb895411d27003cafccb8ed694851df0ec52e', label: this.t('breakout_rooms.select_all') }, h("input", { key: '76ba09891936c9dfbfbd216f030c32b38c3160ee', type: "checkbox", checked: this.selectedParticipantIds.length === this.participantsToShow.length, onChange: (e) => this.onToggleAll(!!e.target.checked) })))), h("div", { key: '2ac3f88bd10747f453a626837a8806072ccc283d', class: "ctr scrollbar", part: "container" }, this.participantsToShow.length > 0 && (h("ul", { key: '01e08e47d7b52a1805561b3efc4e97713f542a4d', class: "participants", part: "participants" }, this.participantsToShow.map((participant) => (h("li", { class: { 'participant-item': true, dragging: this.isDragging }, onClick: () => this.onClick(participant), onDragStart: () => this.onDragStart(participant), onDragEnd: () => this.onDragEnd(participant), draggable: this.selectedParticipantIds.length === 0, role: "listitem", key: participant.id }, this.renderPeer(participant), !this.isDragging && (h("input", { type: "checkbox", class: {
+        return (h(Host, { key: '2df7ce2cbfbdfea7d739e2d9ba39e029e650813a' }, h("div", { key: '22e9786b7ce49b59c19f6dacd74aab60150a5ac1', class: "search-wrapper" }, h("div", { key: '66dbf04424c21717663bc72c2d005ea1ca3c7b0b', class: "search", part: "search" }, h("rtk-icon", { key: 'c6ea14f0ea2c2b4833a3c6eca076a20e876bf16a', icon: this.iconPack.search, part: "search-icon", class: "search-icon" }), h("input", { key: '506a501cbbb0d5ac9ab18d727a5878452a1ddb94', type: "search", autocomplete: "off", placeholder: this.t('search'), onInput: this.onSearchInput, part: "search-input" })), h("slot", { key: '7811caee1f0abb42effdb9f1d5cd962b1d74f378', name: "shuffle-button" })), h("div", { key: '31343e56d0109cd9a43e6baf0ecccc41e67aca0e', class: "header" }, h("div", { key: '6a534ac1cb33e0cb9b2a8edbbf8933aa87e6e679', class: "title-wrapper" }, h("span", { key: '3ce597924d2132e5b9ebacfb3d4078cff50a619b' }, this.t('breakout_rooms.main_room')), h("span", { key: '1033023b38905b1a5ef7ebfd7be025dfdedb4f61', class: "participant-count" }, "(", h("rtk-icon", { key: '5eed0bebdeb203efb34893e4e5790f8f4ff699e7', icon: this.iconPack.people }), this.participantsToShow.length, ")")), this.selectedParticipantIds.length !== 0 && (h("rtk-tooltip", { key: 'cbb49326b124b9fc085e9647fa00f0b9132b11e3', label: this.t('breakout_rooms.select_all') }, h("input", { key: '049b49f2171d40908855f156bc12e714e5cdb3d9', type: "checkbox", checked: this.selectedParticipantIds.length === this.participantsToShow.length, onChange: (e) => this.onToggleAll(!!e.target.checked) })))), h("div", { key: '0f0f58ee1e6743b40c955c8b7103d2ec73de8f9c', class: "ctr scrollbar", part: "container" }, this.participantsToShow.length > 0 && (h("ul", { key: '7ecb78de6863bb8792e69b7bdff5cc94b95050e8', class: "participants", part: "participants" }, this.participantsToShow.map((participant) => (h("li", { class: { 'participant-item': true, dragging: this.isDragging }, onClick: () => this.onClick(participant), onDragStart: () => this.onDragStart(participant), onDragEnd: () => this.onDragEnd(participant), draggable: this.selectedParticipantIds.length === 0, role: "listitem", key: participant.id }, this.renderPeer(participant), !this.isDragging && (h("input", { type: "checkbox", class: {
                 'hide-checkbox': this.selectedParticipantIds.length === 0,
-            }, checked: this.selectedParticipantIds.includes(participantIdentifier(participant)) }))))))), this.participantsToShow.length === 0 && this.search.length > 0 && (h("div", { key: 'aa14388c88e230528364d906d97972abdb4a5d7c', class: "empty-message" }, this.t('participants.errors.empty_results'))), this.participantsToShow.length === 0 && this.search.length === 0 && (h("div", { key: '0b10bd982a32001549df0d38cb76f0fcc112fb3d', class: "empty-room" }, h("rtk-icon", { key: 'bc7ce0cfa9f46e0d793f9b9a6b3866325963d017', icon: this.iconPack.people_checked, part: "search-icon", class: "search-icon" }), h("p", { key: '6ff4827b2df19620c677fdbf432669fd60200bb1' }, this.t('breakout_rooms.all_assigned')), h("span", { key: 'ea6e1b05bfaf16842687fbdf1b680cb64fe2a9ef' }, this.t('breakout_rooms.empty_main_room')))))));
+            }, checked: this.selectedParticipantIds.includes(participantIdentifier(participant)) }))))))), this.participantsToShow.length === 0 && this.search.length > 0 && (h("div", { key: 'bbe867d1f141f2c72d7f801d0eaedd5a0fc484b7', class: "empty-message" }, this.t('participants.errors.empty_results'))), this.participantsToShow.length === 0 && this.search.length === 0 && (h("div", { key: '84864749f6c582214a03ef21f027a9977d979785', class: "empty-room" }, h("rtk-icon", { key: '31353ae4541b5d32d402c77838955f263a02c75f', icon: this.iconPack.people_checked, part: "search-icon", class: "search-icon" }), h("p", { key: '4201bc2d18b32a3e96fee9fe6f8fdb4f75464cb1' }, this.t('breakout_rooms.all_assigned')), h("span", { key: 'e5245caf044fd96b17c41851dce8d22e1c6a083e' }, this.t('breakout_rooms.empty_main_room')))))));
     }
     static get watchers() { return {
         "meeting": ["meetingChanged"],

package/dist/components/{p-498c01a6.js → p-395d7140.js}

@@ -46,9 +46,9 @@ const RtkBroadcastMessageModal = /*@__PURE__*/ proxyCustomElement(class RtkBroad
         }, 2000);
     }
     render() {
-        return (h(Host, { key: '4d23ce819f004fd0e14a4c9062e21f1321c46495' }, h("div", { key: 'f0814536068dd268c1aec9d80c45cc6817fe184b', class: "content-col" }, h("h2", { key: '5b0caef4e9f93d1a18c7bba8a269f10d95f5d290' }, "Broadcast message to"), h("select", { key: '8f32291fa522cf7a5947caf54178327e1574f103', onChange: (e) => {
+        return (h(Host, { key: 'dafb5f8358be8db735eca75ae4f1cd887267e74a' }, h("div", { key: 'e5990f3fd2c371dc8c989ec8639f0fe1c23cbde4', class: "content-col" }, h("h2", { key: '3c6362b764c6ee53b841ab2278939815de33a0c0' }, "Broadcast message to"), h("select", { key: '9f96c461261583d32197f9a8ffaf0c73cdb2404f', onChange: (e) => {
                 this.messagePayload = Object.assign(Object.assign({}, this.messagePayload), { to: e.target.value });
-            } }, h("option", { key: 'b09bb9b952ade48788bf8ab15645a1a45dab6935' }, "Everyone"), h("option", { key: '177d1af8eaeaa77393a9b2e477fca32563c05290' }, "List of rooms")), h("textarea", { key: 'b592528751cb63fa8c107b2b63455bfed0b3f3cb', placeholder: "Type message here...", onInput: (e) => {
+            } }, h("option", { key: '780592e2af423343df3dce1f0da05fbfb2676691' }, "Everyone"), h("option", { key: '7874876c9354347c9ad5365128dcf419c678b801' }, "List of rooms")), h("textarea", { key: 'e0bb3a3146e6a9c38374bed1eb78429ee4478d2c', placeholder: "Type message here...", onInput: (e) => {
                 this.messagePayload = Object.assign(Object.assign({}, this.messagePayload), { message: e.target.value });
             } }), this.successMessage ? (h("p", null, "Message sent to ", this.messagePayload.to, h("rtk-icon", { icon: this.iconPack.checkmark }))) : (h("div", { class: "content-row" }, h("rtk-button", { onClick: () => this.close(), variant: "secondary" }, "Cancel"), "\u2002", h("rtk-button", { variant: "primary", onClick: () => this.sendMessage() }, "Send"))))));
     }

package/dist/components/{p-3fa8f1e1.js → p-3da4880c.js}

@@ -4,7 +4,7 @@ import { e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
 import './p-a83ccdbd.js';
 import { d as defineCustomElement$3 } from './p-1391bef0.js';
 import { d as defineCustomElement$2 } from './p-3b29dda1.js';
-import { d as defineCustomElement$1 } from './p-03bdc4c0.js';
+import { d as defineCustomElement$1 } from './p-fa8f6b4a.js';
 
 const rtkEmojiPickerButtonCss = ":host{}";
 const RtkEmojiPickerButtonStyle0 = rtkEmojiPickerButtonCss;
@@ -30,7 +30,7 @@ const RtkEmojiPickerButton = /*@__PURE__*/ proxyCustomElement(class RtkEmojiPick
         this.t = useLanguage();
     }
     render() {
-        return (h("rtk-tooltip", { key: '9826128cb78d2cb79a21b4dcb877ecc1ab020090', label: this.t('chat.send_emoji') }, h("rtk-button", { key: '07fd6bcc6ffdb58278c843748f771a2597f8edcd', variant: "ghost", kind: "icon", class: { active: this.isActive }, title: this.t('chat.send_emoji') }, h("rtk-icon", { key: '30f352d18771bd542d9ca4ff1a4615ef5958ec7d', icon: this.iconPack.emoji_multiple }))));
+        return (h("rtk-tooltip", { key: 'bcde14fb2c3a6544882502e65ffda7a6b3b6f13d', label: this.t('chat.send_emoji') }, h("rtk-button", { key: 'd82fa78c4ffe48c24131a6e38f087548f540fefa', variant: "ghost", kind: "icon", class: { active: this.isActive }, title: this.t('chat.send_emoji') }, h("rtk-icon", { key: '791bbe2537f1aeb064c5e9ccbbf4af37b706ec2a', icon: this.iconPack.emoji_multiple }))));
     }
     static get style() { return RtkEmojiPickerButtonStyle0; }
 }, [1, "rtk-emoji-picker-button", {

package/dist/components/{p-e48cd596.js → p-488d88a8.js}

@@ -34,10 +34,10 @@ const RtkFileMessage = /*@__PURE__*/ proxyCustomElement(class RtkFileMessage ext
     }
     render() {
         const link = sanitizeLink(this.message.link);
-        return (h(Host, { key: '8796e55e793db9aeb4ede2d57524bc38aa817ddf' }, !this.isContinued && (h(ChatHead, { key: '7018209894272b21e1f5225d7bad92de5107d0d7', name: this.message.displayName, time: this.message.time, now: this.now })), h("div", { key: 'd30878670f4e90b35578ac616761645e5744c7cd', class: {
+        return (h(Host, { key: '915330674d273f2c45ece29cb5e7c9408ee5cbe8' }, !this.isContinued && (h(ChatHead, { key: 'eb2877f6224de9be1c975f0d2dc010f29fef3bc9', name: this.message.displayName, time: this.message.time, now: this.now })), h("div", { key: '87d7f309379f23b76e404da2039cd2fd3fb7c95a', class: {
                 body: true,
                 bubble: this.showBubble,
-            }, part: "body" }, h("div", { key: '73ba1a2b1aaacec88930605d5a826d32ad56581e', class: "file" }, h("div", { key: '17234fd57360f3a7953ce898282240e03b94eb58', class: "file-data" }, h("div", { key: '07424973ceeb567efee25cb45eca09792482cd21', class: "name" }, this.message.name), h("div", { key: '255087ceadb46be8da915d2b9134b3922f9a50b7', class: "file-data-split" }, h("div", { key: 'a01185efdf779d87548e1b7d73dfad823dbbd611', class: "ext" }, getExtension(this.message.name)), h("span", { key: 'a129cb26284432bbfad635dc3774309fbadc8fec', class: "divider" }), h("div", { key: '0af8af2f2d18c0a1d72bc5040bdabb1f06209840', class: "size" }, getFileSize(this.message.size)))), h("rtk-button", { key: '522a0378351016927ca644cce5db710336bf348b', variant: "secondary", kind: "icon", onClick: () => downloadFile(link, { name: this.message.name, fallbackName: 'file' }), part: "button" }, h("rtk-icon", { key: '8d49abfffb8149adc9fd3e9f214b54a1f642edc3', icon: this.iconPack.download }))))));
+            }, part: "body" }, h("div", { key: '7683a17adf5784ef0e6af8f396c58c005a369f6b', class: "file" }, h("div", { key: '3005eb72a09ba4d241ec919f957b95f26077ed13', class: "file-data" }, h("div", { key: 'ca5fc3700f868fd321793d4da672e9c7aad38056', class: "name" }, this.message.name), h("div", { key: '463c37838eec7b9ee9b096803cb785445206041a', class: "file-data-split" }, h("div", { key: '9470b898708fc78ca01c2926f8fb6a3c6fae6eea', class: "ext" }, getExtension(this.message.name)), h("span", { key: '35fa7f199b45bb6e64a72614ca1eceaafa6044e7', class: "divider" }), h("div", { key: 'b19a9d32151bb1ddbbb7689dc6d8e09b021d0612', class: "size" }, getFileSize(this.message.size)))), h("rtk-button", { key: '6bb6a3223801a944fb9018765385ebadeae15e0f', variant: "secondary", kind: "icon", onClick: () => downloadFile(link, { name: this.message.name, fallbackName: 'file' }), part: "button" }, h("rtk-icon", { key: '9a7335c6720295a7f0b9073e35ac86014be53316', icon: this.iconPack.download }))))));
     }
 }, [0, "rtk-file-message", {
         "message": [16],

package/dist/components/{p-b397a600.js → p-4d582a90.js}

@@ -2,11 +2,11 @@ import { p as proxyCustomElement, H, d as createEvent, w as writeTask, h, e as H
 import { e as defaultIconPack, h as useLanguage, G as getAllConnectedParticipants, H as participantIdentifier } from './p-7fc0dc2f.js';
 import { f as formatName, s as shorten } from './p-efabd2ce.js';
 import { S as SyncWithStore } from './p-47c25f64.js';
-import { d as defineCustomElement$5 } from './p-b1338b4f.js';
+import { d as defineCustomElement$5 } from './p-f4e75ea9.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-b6ee1a32.js';
-import { d as defineCustomElement$1 } from './p-03bdc4c0.js';
+import { d as defineCustomElement$2 } from './p-0a35a909.js';
+import { d as defineCustomElement$1 } from './p-fa8f6b4a.js';
 
 const rtkBreakoutRoomManagerCss = ":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{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));border-radius:var(--rtk-border-radius-sm, 4px)}@keyframes bg-glow{25%{background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.2)}50%{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}75%{background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.2)}}.glowing-card{animation:bg-glow 0.8s}.selector-mode,.assign-mode{display:flex;flex-direction:column;align-items:center;padding:var(--rtk-space-2, 8px);cursor:pointer}.selector:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.show-on-hover{display:none}.header{width:100%;display:flex;align-items:center}.header rtk-icon{margin-left:var(--rtk-space-2, 8px);height:var(--rtk-space-5, 20px);cursor:pointer}.header .danger{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}.header .hide{display:none}.header .rooms-container{display:flex;flex-grow:1;flex-direction:row;align-items:center;justify-content:flex-end}.header input{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));padding:var(--rtk-space-1, 4px);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));max-width:var(--rtk-space-36, 144px);font-size:14px;font-weight:500;border-radius:var(--rtk-border-radius-sm, 4px);border-width:var(--rtk-border-width-none, 0);border-style:none;outline:2px solid transparent;outline-offset:2px;border-bottom-width:var(--rtk-border-width-sm, 1px);border-style:solid;--tw-border-opacity:1;border-bottom-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-border-opacity))}.header input:disabled{overflow-x:visible;border-radius:var(--rtk-border-radius-none, 0);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent}.header input:invalid{border-bottom-width:var(--rtk-border-width-sm, 1px);border-style:dashed;--tw-border-opacity:1;border-bottom-color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-border-opacity))}.header input.editing-enabled{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}.header .participant-count{display:flex;align-items:center;font-size:14px;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.header .participant-count rtk-icon{margin:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-0\\.5, 2px);width:var(--rtk-space-3, 12px)}.header .assign-button{height:var(--rtk-space-6, 24px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity));text-decoration-line:underline}.header .assign-button:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.participant-list{display:grid;flex-grow:1;grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--rtk-space-2, 8px);margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);width:100%;border-radius:var(--rtk-border-radius-sm, 4px)}.participant-list::-webkit-scrollbar{width:var(--rtk-space-1\\.5, 6px)}.participant-list::-webkit-scrollbar-thumb{border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.participant-list::-webkit-scrollbar-track{border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.participant-item{display:flex;align-items:center;justify-content:space-between;margin-right:var(--rtk-space-2, 8px);height:-moz-fit-content;height:fit-content;padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px)}.participant-item:hover{border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.selector-mode:hover .show-on-hover{display:flex}.message-container{margin:var(--rtk-space-0, 0px);display:flex;width:100%;padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px)}.message-container p{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0, 0px);height:var(--rtk-space-20, 80px);display:flex;width:100%;align-items:center;justify-content:center;border-radius:var(--rtk-border-radius-sm, 4px);font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));border-style:dashed;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity))}.message-container p:hover{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-border-opacity));background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.25)}.message-container .drop-zone-active{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-border-opacity));background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.25)}rtk-icon{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}.show-on-hover{margin-left:var(--rtk-space-4, 16px);height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);display:none}:host(:hover) .show-on-hover{display:flex}.peer-ui-container{position:relative;display:flex;align-items:center;gap:var(--rtk-space-2, 8px);height:var(--rtk-space-10, 40px);cursor:pointer;border-radius:var(--rtk-border-radius-sm, 4px);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.peer-ui-container rtk-avatar{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px);font-size:14px;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.peer-ui-container .name{font-size:14px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}";
 const RtkBreakoutRoomManagerStyle0 = rtkBreakoutRoomManagerCss;

package/dist/components/{p-0bbd0056.js → p-55501201.js}

@@ -71,10 +71,10 @@ const RtkPoll = /*@__PURE__*/ proxyCustomElement(class RtkPoll extends H {
         this.onCreate.emit(pollObject);
     }
     render() {
-        return (h(Host, { key: '625bbf35e528f16b4a982a159c3631af1d444a85' }, h("div", { key: 'f0d20f8d5e53d1f8fd5063b7e533dc50d8184dc5', class: "create-poll" }, h("p", { key: '2dbcff9b0828790c4315e62f45c139f30971b72c' }, this.t('polls.question')), h("textarea", { key: '6ff40a7fe19cded416f45474065b9361de83d5a2', onInput: () => {
+        return (h(Host, { key: 'f0941ef37e02d079b4dda653c3a57113267d3d25' }, h("div", { key: '9f403310e285737e0440626b9f124a5dc5c41509', class: "create-poll" }, h("p", { key: '1ff2f6785a7d4d6ee3b5548dd3a1abf84bbb79b8' }, this.t('polls.question')), h("textarea", { key: 'c5c312695ac21a74de5ba3d04f55e36e463f4d41', onInput: () => {
                 if (this.error && this.error.code === 0)
                     this.error = undefined;
-            }, ref: (e) => (this.question = e), placeholder: this.t('polls.question.placeholder') }), this.options.map((item, index) => (h("div", { class: "option" }, h("input", { placeholder: this.t('polls.option.placeholder'), value: item, onInput: (event) => this.updateOption(event, index) }), index > 1 && (h("rtk-button", { kind: "icon", class: "auto remove-option", variant: "secondary", onClick: () => this.removeOption(index) }, h("rtk-icon", { icon: this.iconPack.subtract })))))), h("rtk-button", { key: '565c530735bf27e14b0a5ee33afca6f45b1e4fc5', class: "add-option", variant: "secondary", onClick: () => this.addOption() }, this.t('polls.option')), h("label", { key: 'c38d4c9bee1c086cb481a94b17853749d5de6b63' }, h("input", { key: '64f21e59d497ae0182da74064d96ad66a522515d', id: "anonymous", type: "checkbox", onChange: (e) => (this.anonymous = e.target.checked) }), this.t('polls.results.anon')), h("label", { key: 'ec293dc473b4d9d0df7fe9d93e036ff28c0ea3d1' }, h("input", { key: 'bef5ee43cee42d3c16927efc810ad4b76cb8994b', id: "hideVotes", type: "checkbox", disabled: this.anonymous, checked: this.anonymous ? true : this.hideVotes, onChange: (e) => (this.hideVotes = e.target.checked) }), this.t('polls.results.hide')), h("rtk-button", { key: '7b5646a77576a2836370d16dc2104d267c573de2', kind: "wide", onClick: () => this.handleSubmit() }, this.t('polls.create')), this.error && h("span", { key: 'd51a6301dba0c3686a5f1e59ebdc98eccfa7488b', class: "error-text" }, this.error.message))));
+            }, ref: (e) => (this.question = e), placeholder: this.t('polls.question.placeholder') }), this.options.map((item, index) => (h("div", { class: "option" }, h("input", { placeholder: this.t('polls.option.placeholder'), value: item, onInput: (event) => this.updateOption(event, index) }), index > 1 && (h("rtk-button", { kind: "icon", class: "auto remove-option", variant: "secondary", onClick: () => this.removeOption(index) }, h("rtk-icon", { icon: this.iconPack.subtract })))))), h("rtk-button", { key: '4462865a6f821de368d81dfe3144f9c228e16f0c', class: "add-option", variant: "secondary", onClick: () => this.addOption() }, this.t('polls.option')), h("label", { key: '4123038778cf22ea4605f6605c0b2518579a05cd' }, h("input", { key: '6b2e11df102744af6f03b0e13940bd3035c52506', id: "anonymous", type: "checkbox", onChange: (e) => (this.anonymous = e.target.checked) }), this.t('polls.results.anon')), h("label", { key: '998f5b503a88d7f9a663cfc940291448f3ff93dd' }, h("input", { key: '828db62cad498e2a80519716d79a78995ed3f5b1', id: "hideVotes", type: "checkbox", disabled: this.anonymous, checked: this.anonymous ? true : this.hideVotes, onChange: (e) => (this.hideVotes = e.target.checked) }), this.t('polls.results.hide')), h("rtk-button", { key: '214c318cf10cd1d7e77f5886884e86a4f7cdba8c', kind: "wide", onClick: () => this.handleSubmit() }, this.t('polls.create')), this.error && h("span", { key: '7c160bfde39fca7d73008740395ae0987cc19ff1', class: "error-text" }, this.error.message))));
     }
     static get style() { return RtkPollFormStyle0; }
 }, [1, "rtk-poll-form", {

package/dist/components/{p-024ef28a.js → p-563c785d.js}

@@ -114,7 +114,7 @@ const RtkAiTranscriptions = /*@__PURE__*/ proxyCustomElement(class RtkAiTranscri
         });
     }
     render() {
-        return (h(Host, { key: 'f9d8cea8917ddb558fd721020c71e32964c4e653' }, h("div", { key: 'b35cf0970ccf2b813c99976e1554c2a4dc60ac12', class: "search-bar" }, h("input", { key: 'd6c84982fbf1f5b7c9b8264228f622ca74d60672', type: "text", placeholder: "Search Participant", value: this.participantQuery, onInput: (e) => (this.participantQuery = e.target.value) })), this.isProcessing && (h("div", { key: 'fbd031e9acdd967e2e81bcb655d3ff80a33210f5', class: "processing" }, h("p", { key: '7ee274172423aaac3f286f9463ae2c2b0a01d09e' }, "Processing audio...."))), !this.isProcessing && (h("div", { key: 'e07f3a7314132300113f955e7a83bc2ca18e6bc5', class: "content scrollbar", ref: (el) => (this.contentContainer = el) }, h("div", { key: '3ffd0b4a02a6aaa136a282f145772e2f3afd3bc1', class: "started-message" }, "Transcription started"), this.renderTranscripts()))));
+        return (h(Host, { key: '0d09ee05b669f8e47c6dfac6fae8620e74e03c1e' }, h("div", { key: '8fdd627f1677481d9625e94c12c19f095a58e68b', class: "search-bar" }, h("input", { key: 'd1d445c60cb8bc9322956001ffbde3d54226cc07', type: "text", placeholder: "Search Participant", value: this.participantQuery, onInput: (e) => (this.participantQuery = e.target.value) })), this.isProcessing && (h("div", { key: '9bf03104ea9dc5c3a00ab2d2f5e8fe69306ef622', class: "processing" }, h("p", { key: 'e55e8768592e8385e3548d5d92e9f1b798466488' }, "Processing audio...."))), !this.isProcessing && (h("div", { key: '3bb88396a463e4f7ab97f958158d76dfce290bae', class: "content scrollbar", ref: (el) => (this.contentContainer = el) }, h("div", { key: '413e813ef3d7eace41edea448d83a9808a15061a', class: "started-message" }, "Transcription started"), this.renderTranscripts()))));
     }
     static get watchers() { return {
         "meeting": ["meetingChanged"],

package/dist/components/{p-ef71b75e.js → p-5c92df32.js}

@@ -3,10 +3,10 @@ import { h as useLanguage, e as defaultIconPack, P as PlayerState, N as getLives
 import './p-a83ccdbd.js';
 import { S as SyncWithStore } from './p-47c25f64.js';
 import { d as defineCustomElement$5 } from './p-1391bef0.js';
-import { d as defineCustomElement$4 } from './p-2590f470.js';
-import { d as defineCustomElement$3 } from './p-a4b26604.js';
+import { d as defineCustomElement$4 } from './p-6c2cfa0d.js';
+import { d as defineCustomElement$3 } from './p-b882f4a1.js';
 import { d as defineCustomElement$2 } from './p-3b29dda1.js';
-import { d as defineCustomElement$1 } from './p-b6ee1a32.js';
+import { d as defineCustomElement$1 } from './p-0a35a909.js';
 
 // https://caniuse.com/mdn-javascript_builtins_number_isfinite
 const isFiniteNumber = Number.isFinite || function (value) {

package/dist/components/{p-9fd18352.js → p-618864a0.js}

@@ -37,7 +37,7 @@ const RtkMuteAllConfirmation = /*@__PURE__*/ proxyCustomElement(class RtkMuteAll
         };
     }
     render() {
-        return (h(Host, { key: '6f260e3a10d229942b3903afc721d30b6e6494a7' }, h("div", { key: '9bdf56a9eee7b0a172f4b29b619632817ccc1212', class: "leave-modal" }, h("div", { key: 'a68cd8b46f9727a2ced5e505651e65bf1a1fb1f2', class: "header" }, h("h2", { key: '202529f47bd59dd2df1a7971a33cc706070705d9', class: "title" }, this.t('mute_all.header'))), h("p", { key: '40569f7f09c9f370ccd117590113545a4a083e40', class: "message" }, this.t('mute_all.description')), h("div", { key: 'f6a19e3fcdc7ca1c8e8d443cb705dcd27b55398e', class: "content" }, h("div", { key: '979e79f3f20c60b1e1474d7c37b96392809078f9', class: "leave-meeting" }, h("rtk-button", { key: 'a717271acf30ebf16e22cfbc23b7e7120662754c', variant: "secondary", title: this.t('close'), onClick: this.onClose }, this.t('cancel')), h("rtk-button", { key: '6b425563d4f0c4db28e9201c87d0bd9aa71399a8', variant: "danger", title: this.t('mute_all'), onClick: this.onMuteAll }, this.t('mute_all')))))));
+        return (h(Host, { key: '012843e04afc91b7a9b8bca01d5d44ad8eb21988' }, h("div", { key: '82d246a5339936460435c45122ee9979c6f96ec4', class: "leave-modal" }, h("div", { key: '93a9cb57cc106f4dadbb3bac2dc194dc506d8926', class: "header" }, h("h2", { key: '26535ce68bae0d140ad626cfef61f7f753892404', class: "title" }, this.t('mute_all.header'))), h("p", { key: 'adf32771ba089b2b07022faa581a152495faafbc', class: "message" }, this.t('mute_all.description')), h("div", { key: '8f15b4433aa6483d968f435ce413ebe64077aee4', class: "content" }, h("div", { key: '5d9781ebe01b4085f4c5a9917a09b5b32e418c72', class: "leave-meeting" }, h("rtk-button", { key: 'bb8718e4548662d15ea67cb5a432e195c5f5f965', variant: "secondary", title: this.t('close'), onClick: this.onClose }, this.t('cancel')), h("rtk-button", { key: '0efaee116b9361826fc94a41e4727115a08100cb', variant: "danger", title: this.t('mute_all'), onClick: this.onMuteAll }, this.t('mute_all')))))));
     }
     static get style() { return RtkMuteAllConfirmationStyle0; }
 }, [1, "rtk-mute-all-confirmation", {

package/dist/components/{p-5b03154d.js → p-63ef7ea4.js}

@@ -6,7 +6,7 @@ import { S as SyncWithStore } from './p-47c25f64.js';
 import { d as downloadFile } from './p-47314bc7.js';
 import { d as defineCustomElement$3 } from './p-1391bef0.js';
 import { d as defineCustomElement$2 } from './p-3b29dda1.js';
-import { d as defineCustomElement$1 } from './p-b6ee1a32.js';
+import { d as defineCustomElement$1 } from './p-0a35a909.js';
 
 const rtkImageMessageViewCss = ":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)}.image-spinner{cursor:wait}.image-errored{cursor:not-allowed}.image{display:block;font-family:var(--rtk-font-family, sans-serif);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));position:relative;height:var(--rtk-space-40, 160px);max-width:var(--rtk-space-64, 256px);cursor:pointer}.image img{display:none;height:100%;width:100%;border-radius:var(--rtk-border-radius-sm, 4px);-o-object-fit:cover;object-fit:cover}.image .image-spinner{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.image .image-spinner rtk-spinner{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}.image .image-errored{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--rtk-border-radius-sm, 4px);background-color:rgba(var(--rtk-colors-danger, 255 45 45) / 0.1);--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}.image .actions{display:none;height:var(--rtk-space-8, 32px);align-items:center;position:absolute;top:var(--rtk-space-2, 8px);right:var(--rtk-space-2, 8px);border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));overflow:hidden;--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.image .actions .action{height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);border-radius:var(--rtk-border-radius-none, 0);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.image .actions .action:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.image.loaded img{display:block}.image.loaded .image-spinner{display:none}.image:hover .actions,.image:focus .actions{display:flex}";
 const RtkImageMessageViewStyle0 = rtkImageMessageViewCss;
@@ -34,7 +34,7 @@ const RtkImageMessageView = /*@__PURE__*/ proxyCustomElement(class RtkImageMessa
         this.status = 'loading';
     }
     render() {
-        return (h("div", { key: '259bdc1102c6026dd10388ae759f67608c777b5f', class: { image: true, loaded: this.status === 'loaded' } }, h("img", { key: 'dbcb8d497fee3710f4474ec3ac0ce9a9b4f1bb49', src: sanitizeLink(this.url), onLoad: () => {
+        return (h("div", { key: '47b2dd8f8dfc0d2aa20e80b513f802e1ebc09153', class: { image: true, loaded: this.status === 'loaded' } }, h("img", { key: 'fba4cfc015beb86040ec74b2a44e2163744a67c6', src: sanitizeLink(this.url), onLoad: () => {
                 this.status = 'loaded';
             }, onError: () => {
                 this.status = 'errored';
@@ -42,9 +42,9 @@ const RtkImageMessageView = /*@__PURE__*/ proxyCustomElement(class RtkImageMessa
                 if (this.status === 'loaded') {
                     this.onPreview.emit(this.url);
                 }
-            } }), this.status === 'loading' && (h("div", { key: 'b0ecfada4428e1cb8c3625cc4ce3d2a5bae058ab', class: "image-spinner", title: this.t('chat.img.loading'), "aria-label": this.t('chat.img.loading') }, h("rtk-spinner", { key: 'fff61c6522d8bcb7de1345bb6505721ee6c6325e', iconPack: this.iconPack }))), this.status === 'errored' && (h("div", { key: 'c07e2cf6e9a94d375802c974e519d859ab48aa9b', class: "image-errored", title: this.t('chat.error.img_not_found'), "aria-label": this.t('chat.error.img_not_found') }, h("rtk-icon", { key: '83108f4f0396d77778463601a4f18d8593b0ffe7', icon: this.iconPack.image_off }))), this.status === 'loaded' && (h("div", { key: '96b5aafbd94eec920ae1cad14f09ab4a44571bd7', class: "actions" }, h("rtk-button", { key: 'a87ec11cc8de472aeb356689b49b6b366bd67f28', class: "action", variant: "secondary", kind: "icon", onClick: () => {
+            } }), this.status === 'loading' && (h("div", { key: '4da0a3ab39d782e9affe7702a19232747bb4581c', class: "image-spinner", title: this.t('chat.img.loading'), "aria-label": this.t('chat.img.loading') }, h("rtk-spinner", { key: 'dea7afe2c92dd5c7c71620bc7b9089f743ef1aa2', iconPack: this.iconPack }))), this.status === 'errored' && (h("div", { key: 'ab303ce11b7182d20c64b00638a1c8be59aea774', class: "image-errored", title: this.t('chat.error.img_not_found'), "aria-label": this.t('chat.error.img_not_found') }, h("rtk-icon", { key: 'e14eb63cc4b2d18a5abd921e25ef305095f61c17', icon: this.iconPack.image_off }))), this.status === 'loaded' && (h("div", { key: 'ccceaa5cc5821ce9b4ddab742001cee78135636a', class: "actions" }, h("rtk-button", { key: 'de49516247d9655cc74afcd58bc50771e2594dca', class: "action", variant: "secondary", kind: "icon", onClick: () => {
                 this.onPreview.emit(this.url);
-            } }, h("rtk-icon", { key: '543478c786b709ac477d4482874608c0b394b27c', icon: this.iconPack.full_screen_maximize })), h("rtk-button", { key: '6ce6d94a965688c7ec6ee64f79a4d13dda9651e3', class: "action", variant: "secondary", kind: "icon", onClick: () => downloadFile(this.url, { fallbackName: 'image' }) }, h("rtk-icon", { key: '3b1d67fbdd667e0d006e342c37f6e78c90fd2e34', icon: this.iconPack.download }))))));
+            } }, h("rtk-icon", { key: 'bd1ea608e4846d994a418236dca7856570bd689d', icon: this.iconPack.full_screen_maximize })), h("rtk-button", { key: '266a860a4ab4d6cf76bd89bb35c987efbc89a593', class: "action", variant: "secondary", kind: "icon", onClick: () => downloadFile(this.url, { fallbackName: 'image' }) }, h("rtk-icon", { key: 'ec26862ff95e116d519280c7e62ed7a7e1ede273', icon: this.iconPack.download }))))));
     }
     static get style() { return RtkImageMessageViewStyle0; }
 }, [1, "rtk-image-message-view", {

package/dist/components/{p-fa7412e2.js → p-65cd2fe3.js}

@@ -4,7 +4,7 @@ import { e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
 import './p-a83ccdbd.js';
 import { d as defineCustomElement$3 } from './p-1391bef0.js';
 import { d as defineCustomElement$2 } from './p-3b29dda1.js';
-import { d as defineCustomElement$1 } from './p-03bdc4c0.js';
+import { d as defineCustomElement$1 } from './p-fa8f6b4a.js';
 
 const rtkDraftAttachmentViewCss = ":host{display:flex;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));border-top-left-radius:var(--rtk-border-radius-md, 8px);border-top-right-radius:var(--rtk-border-radius-md, 8px)}.preview-overlay{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);background-color:inherit}.preview{position:absolute;top:var(--rtk-space-4, 16px);left:var(--rtk-space-4, 16px);max-width:-moz-fit-content;max-width:fit-content;max-height:var(--rtk-space-20, 80px)}.preview:hover rtk-tooltip{display:block}.preview rtk-tooltip{position:absolute;top:calc(var(--rtk-space-1, 4px) * -1);left:calc(var(--rtk-space-1, 4px) * -1);display:none;margin-left:calc(var(--rtk-space-1, 4px) * -1);margin-top:calc(var(--rtk-space-1, 4px) * -1)}.preview rtk-button{display:flex;height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));border:1px solid rgb(var(--rtk-colors-text-1000, 255 255 255))}.preview rtk-icon{height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.preview-image{height:var(--rtk-space-16, 64px);width:var(--rtk-space-16, 64px);-o-object-fit:cover;object-fit:cover;max-height:100%;max-width:100%;overflow:clip;border-radius:var(--rtk-border-radius-md, 8px)}.preview-file{padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--rtk-border-radius-md, 8px);max-width:200px}";
 const RtkDraftAttachmentViewStyle0 = rtkDraftAttachmentViewCss;
@@ -62,7 +62,7 @@ const RtkDraftAttachmentView = /*@__PURE__*/ proxyCustomElement(class RtkDraftAt
         this.onAttachmentChange();
     }
     render() {
-        return (h(Host, { key: '22c8ff3317b6247dc6a0fa2088f28dc293de9738' }, h("div", { key: '317c0e6a06849af0af42d81353dc0002b82185a5', class: "preview-overlay" }, h("div", { key: '94d0d35a3696725b59341303760212cf6e01c8a7', class: "preview" }, h("rtk-tooltip", { key: '3171acf60f22a80cbcbf9d3d6f8cf5ac61b67b67', label: this.t('chat.cancel_upload') }, h("rtk-button", { key: '37d1055de9d59318c0f7f612dee3304838142968', variant: "secondary", kind: "icon", onClick: this.onDeleteClickHandler }, h("rtk-icon", { key: '9988b389300e0c6bd404d02440d7b3d323f384dd', icon: this.iconPack.dismiss }))), this.attachment.type === 'image' ? (h("img", { class: "preview-image", src: this.filePreview })) : (h("div", { class: "preview-file" }, h("span", null, this.filePreview)))))));
+        return (h(Host, { key: 'b23eb412c60a62f542aec0e3cd3b99fc72de48f0' }, h("div", { key: '04251f8d4b13325f8474110c89733369bd8904f2', class: "preview-overlay" }, h("div", { key: '51963510a704b19e7c591ea177018bae6e0317f5', class: "preview" }, h("rtk-tooltip", { key: '3a2167ea7a02f1d744462826084f0fef5c607ac9', label: this.t('chat.cancel_upload') }, h("rtk-button", { key: '634c9a7e0962ed82c36519e919eb597c9b603f51', variant: "secondary", kind: "icon", onClick: this.onDeleteClickHandler }, h("rtk-icon", { key: 'b936e54ae44e1d54b73adf38a92551fbea0299c5', icon: this.iconPack.dismiss }))), this.attachment.type === 'image' ? (h("img", { class: "preview-image", src: this.filePreview })) : (h("div", { class: "preview-file" }, h("span", null, this.filePreview)))))));
     }
     static get watchers() { return {
         "attachment": ["onAttachmentChange"]

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

@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.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-b6ee1a32.js';
+import { d as defineCustomElement$1 } from './p-0a35a909.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;