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

package/dist/cjs/rtk-controlbar.cjs.entry.js

@@ -43,7 +43,7 @@ const RtkControlbar = class {
             iconPack: this.iconPack,
             size: this.size,
         };
-        return (index$1.h(index$1.Host, { key: '65680394a70e60ccdb25b0a872ab433610e1b8b7' }, !this.disableRender && (index$1.h(index$2.Render, { key: '244f8d28e5a18483193a8a62fabd7550c06c110d', element: "rtk-controlbar", defaults: defaults, onlyChildren: true })), index$1.h("slot", { key: 'e77d170e9292b6b1c0962c196ea9232ea4372294' })));
+        return (index$1.h(index$1.Host, { key: 'f4fee1168f1b057865a0c615c563158df7f7e2fd' }, !this.disableRender && (index$1.h(index$2.Render, { key: '58945391fb15e670a385f12e3d5861b03597ed61', element: "rtk-controlbar", defaults: defaults, onlyChildren: true })), index$1.h("slot", { key: 'df55eba453868617350ec45fc0437ecb11e03597' })));
     }
 };
 __decorate([

package/dist/cjs/rtk-debugger-toggle.cjs.entry.js

@@ -38,7 +38,7 @@ const RtkDebuggerToggle = class {
         });
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '5675d28a2da23df6c54e79827b0adf37ef128cd9', title: this.t('Troubleshooting') }, index$1.h("rtk-controlbar-button", { key: 'b8e16bbfb77fe9c4d50e872ed4eaecf351816a98', size: this.size, iconPack: this.iconPack, onClick: () => this.toggleDebugger(), icon: this.iconPack.debug, label: this.t('Troubleshooting'), variant: this.variant })));
+        return (index$1.h(index$1.Host, { key: 'cc9ec6cade76093abba3a48502d12a82868a875a', title: this.t('Troubleshooting') }, index$1.h("rtk-controlbar-button", { key: '6b8bcf2e363dfcdfb8e0f90c8602d95cdf338544', size: this.size, iconPack: this.iconPack, onClick: () => this.toggleDebugger(), icon: this.iconPack.debug, label: this.t('Troubleshooting'), variant: this.variant })));
     }
 };
 __decorate([

package/dist/cjs/rtk-file-dropzone.cjs.entry.js

@@ -46,7 +46,7 @@ const RtkFileDropzone = class {
         });
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'b48025cbb3461f9eb95eb3731d3cf0e0b7c370c7' }, index$1.h("div", { key: '00112e25f54a6b0a1c66530abcf232bf553d02d2', id: "dropzone", class: { active: this.dropzoneActivated }, part: "dropzone" }, index$1.h("rtk-icon", { key: '57b13d941c10854e3144d6107135e610734ed9f1', icon: this.iconPack.attach }), index$1.h("p", { key: '5f803ce1f2938255b865a6b905658463f6870060' }, this.t('chat.send_attachment')))));
+        return (index$1.h(index$1.Host, { key: 'd3fd9af2a148277b2481c94305104e43088a9b42' }, index$1.h("div", { key: 'f889ddc5635013ae7f364a6d36ef51936e179f7d', id: "dropzone", class: { active: this.dropzoneActivated }, part: "dropzone" }, index$1.h("rtk-icon", { key: 'ceb747a5fba7aa40ef108d404a7b8b02e6ab25b9', icon: this.iconPack.attach }), index$1.h("p", { key: '711b8a1ace2d73714f9abdbaba8c031e204fe07e' }, this.t('chat.send_attachment')))));
     }
 };
 __decorate([

package/dist/cjs/rtk-file-message_3.cjs.entry.js

@@ -38,10 +38,10 @@ const RtkFileMessage = class {
     }
     render() {
         const link = string.sanitizeLink(this.message.link);
-        return (index$1.h(index$1.Host, { key: '8796e55e793db9aeb4ede2d57524bc38aa817ddf' }, !this.isContinued && (index$1.h(ChatHead.ChatHead, { key: '7018209894272b21e1f5225d7bad92de5107d0d7', name: this.message.displayName, time: this.message.time, now: this.now })), index$1.h("div", { key: 'd30878670f4e90b35578ac616761645e5744c7cd', class: {
+        return (index$1.h(index$1.Host, { key: '915330674d273f2c45ece29cb5e7c9408ee5cbe8' }, !this.isContinued && (index$1.h(ChatHead.ChatHead, { key: 'eb2877f6224de9be1c975f0d2dc010f29fef3bc9', name: this.message.displayName, time: this.message.time, now: this.now })), index$1.h("div", { key: '87d7f309379f23b76e404da2039cd2fd3fb7c95a', class: {
                 body: true,
                 bubble: this.showBubble,
-            }, part: "body" }, index$1.h("div", { key: '73ba1a2b1aaacec88930605d5a826d32ad56581e', class: "file" }, index$1.h("div", { key: '17234fd57360f3a7953ce898282240e03b94eb58', class: "file-data" }, index$1.h("div", { key: '07424973ceeb567efee25cb45eca09792482cd21', class: "name" }, this.message.name), index$1.h("div", { key: '255087ceadb46be8da915d2b9134b3922f9a50b7', class: "file-data-split" }, index$1.h("div", { key: 'a01185efdf779d87548e1b7d73dfad823dbbd611', class: "ext" }, file.getExtension(this.message.name)), index$1.h("span", { key: 'a129cb26284432bbfad635dc3774309fbadc8fec', class: "divider" }), index$1.h("div", { key: '0af8af2f2d18c0a1d72bc5040bdabb1f06209840', class: "size" }, file.getFileSize(this.message.size)))), index$1.h("rtk-button", { key: '522a0378351016927ca644cce5db710336bf348b', variant: "secondary", kind: "icon", onClick: () => file.downloadFile(link, { name: this.message.name, fallbackName: 'file' }), part: "button" }, index$1.h("rtk-icon", { key: '8d49abfffb8149adc9fd3e9f214b54a1f642edc3', icon: this.iconPack.download }))))));
+            }, part: "body" }, index$1.h("div", { key: '7683a17adf5784ef0e6af8f396c58c005a369f6b', class: "file" }, index$1.h("div", { key: '3005eb72a09ba4d241ec919f957b95f26077ed13', class: "file-data" }, index$1.h("div", { key: 'ca5fc3700f868fd321793d4da672e9c7aad38056', class: "name" }, this.message.name), index$1.h("div", { key: '463c37838eec7b9ee9b096803cb785445206041a', class: "file-data-split" }, index$1.h("div", { key: '9470b898708fc78ca01c2926f8fb6a3c6fae6eea', class: "ext" }, file.getExtension(this.message.name)), index$1.h("span", { key: '35fa7f199b45bb6e64a72614ca1eceaafa6044e7', class: "divider" }), index$1.h("div", { key: 'b19a9d32151bb1ddbbb7689dc6d8e09b021d0612', class: "size" }, file.getFileSize(this.message.size)))), index$1.h("rtk-button", { key: '6bb6a3223801a944fb9018765385ebadeae15e0f', variant: "secondary", kind: "icon", onClick: () => file.downloadFile(link, { name: this.message.name, fallbackName: 'file' }), part: "button" }, index$1.h("rtk-icon", { key: '9a7335c6720295a7f0b9073e35ac86014be53316', icon: this.iconPack.download }))))));
     }
 };
 __decorate$2([
@@ -81,10 +81,10 @@ const RtkImageMessage = class {
         this.status = 'loading';
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'bcbf806340704a0f288efdf06bc0712e2e296e1b' }, !this.isContinued && (index$1.h(ChatHead.ChatHead, { key: 'c7c64c22e4a0d37dd405d83f537e0ac858ee85f4', name: this.message.displayName, time: this.message.time, now: this.now })), index$1.h("div", { key: '61bff7a6569ea50b9c6bc54fe71c1591a4079bb0', class: {
+        return (index$1.h(index$1.Host, { key: '1267763841d7162f1ad4152a5c4cdd809aaa3808' }, !this.isContinued && (index$1.h(ChatHead.ChatHead, { key: '9b415f65f456f8624cd4f981d7f8ae191772a3ce', name: this.message.displayName, time: this.message.time, now: this.now })), index$1.h("div", { key: '38ea5e45140f543ae6d16d2d00b0bf0c9a671910', class: {
                 body: true,
                 bubble: this.showBubble,
-            }, part: "body" }, index$1.h("div", { key: '56740ce9648a6b580c338dc69eec4f0bb09e200b', class: { image: true, loaded: this.status === 'loaded' } }, index$1.h("img", { key: '46616303b6eaca3831083a5603aade677e8e27f1', src: string.sanitizeLink(this.message.link), onLoad: () => {
+            }, part: "body" }, index$1.h("div", { key: '3c842144038f9612fc46c3f5d18f87342f8376c4', class: { image: true, loaded: this.status === 'loaded' } }, index$1.h("img", { key: '39b2978696328d6ed6ac3bbbdc83a57fc7fa7d88', src: string.sanitizeLink(this.message.link), onLoad: () => {
                 this.status = 'loaded';
             }, onError: () => {
                 this.status = 'errored';
@@ -92,9 +92,9 @@ const RtkImageMessage = class {
                 if (this.status === 'loaded') {
                     this.stateUpdate.emit({ image: this.message });
                 }
-            } }), this.status === 'loading' && (index$1.h("div", { key: 'dac71a4e7e4d02b7e92386f92e2b066d31dc1c94', class: "image-spinner", title: this.t('chat.img.loading'), "aria-label": this.t('chat.img.loading') }, index$1.h("rtk-spinner", { key: '6c7b01868932f2ed0e6602d68caecb9b38d4f47b', iconPack: this.iconPack }))), this.status === 'errored' && (index$1.h("div", { key: '87c343f4a62662bc100361acf7aba9d3df31705f', class: "image-errored", title: this.t('chat.error.img_not_found'), "aria-label": this.t('chat.error.img_not_found') }, index$1.h("rtk-icon", { key: '35851cf346c3d873cf0f27d8520df278c9b7cfa1', icon: this.iconPack.image_off }))), this.status === 'loaded' && (index$1.h("div", { key: '37e07aef242ef26e57a5ec96e4a127d8ad27dc82', class: "actions" }, index$1.h("rtk-button", { key: 'f32b44c453061e7ba41a67f1c266f634ad0a6cc3', class: "action", variant: "secondary", kind: "icon", onClick: () => {
+            } }), this.status === 'loading' && (index$1.h("div", { key: 'd83ca52f9330ddef301be3d4a84b663f91864ea3', class: "image-spinner", title: this.t('chat.img.loading'), "aria-label": this.t('chat.img.loading') }, index$1.h("rtk-spinner", { key: '6333ce5847ecd62793d5777a886a3a1a33641fab', iconPack: this.iconPack }))), this.status === 'errored' && (index$1.h("div", { key: 'e4063e68ad477069d8acaa03d0dd1c692f82c76f', class: "image-errored", title: this.t('chat.error.img_not_found'), "aria-label": this.t('chat.error.img_not_found') }, index$1.h("rtk-icon", { key: '010562aee164fdb63e45da4c0eaa29ad1cbdf66c', icon: this.iconPack.image_off }))), this.status === 'loaded' && (index$1.h("div", { key: '14773362280e9dd167db61e58b3f729e0a86d88d', class: "actions" }, index$1.h("rtk-button", { key: '8e0cd659fd47074729fa3e63897e3e8eab3193a3', class: "action", variant: "secondary", kind: "icon", onClick: () => {
                 this.stateUpdate.emit({ image: this.message });
-            } }, index$1.h("rtk-icon", { key: '4a6c1cfe87d356e1f39db04b3536f9e9e3ca1b34', icon: this.iconPack.full_screen_maximize })), index$1.h("rtk-button", { key: 'e22f94520b0ead2db124e6a65ad110ea029855f3', class: "action", variant: "secondary", kind: "icon", onClick: () => file.downloadFile(this.message.link, { fallbackName: 'image' }) }, index$1.h("rtk-icon", { key: 'a5f7b58d27a12e8754db70c9d56facc547883d4f', icon: this.iconPack.download }))))))));
+            } }, index$1.h("rtk-icon", { key: '9db76d4971f2b6b45d87b6015b7ef449fa46ba85', icon: this.iconPack.full_screen_maximize })), index$1.h("rtk-button", { key: '978934fd136ab2c364521ec55d25e578940e5c7c', class: "action", variant: "secondary", kind: "icon", onClick: () => file.downloadFile(this.message.link, { fallbackName: 'image' }) }, index$1.h("rtk-icon", { key: '55be50aff54309a76e5348f437805e2872bcf548', icon: this.iconPack.download }))))))));
     }
 };
 __decorate$1([
@@ -130,10 +130,10 @@ const RtkTextMessage = class {
         this.showBubble = false;
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'd47fae980df369efeb4351a933cc4e06ebac586e' }, !this.isContinued && (index$1.h(ChatHead.ChatHead, { key: '6bf4892ca718cda199ad2a19371cd9e8724421de', name: this.message.displayName, time: this.message.time, now: this.now })), index$1.h("div", { key: 'b2b50f3f716d5cdfb45f1826c4e4fcab43a13a7c', class: {
+        return (index$1.h(index$1.Host, { key: '4182f98abea77690fb9159047ef66c9ca0dbefbf' }, !this.isContinued && (index$1.h(ChatHead.ChatHead, { key: '1132b1b04efd80d172e172cfa2c6a8c0de3ff9aa', name: this.message.displayName, time: this.message.time, now: this.now })), index$1.h("div", { key: '01736d14164f0b10c50243f721f82914012a47a9', class: {
                 body: true,
                 bubble: this.showBubble,
-            }, part: "body" }, index$1.h("div", { key: 'cc3f081fefaf8004386991bd307c61a9e5526ae6', class: { text: true, emoji: string.hasOnlyEmojis(this.message.message) } }, index$1.h(TextMessage.TextMessageView, { key: '579a167e4ae6213d84ca65a581ec88fadb1db574', message: this.message.message })))));
+            }, part: "body" }, index$1.h("div", { key: 'fa971c508e884fc58c434d14a5e398e04f046168', class: { text: true, emoji: string.hasOnlyEmojis(this.message.message) } }, index$1.h(TextMessage.TextMessageView, { key: '2ffdf13b83faef9f39f8cd2825ec042a92c6e6a6', message: this.message.message })))));
     }
 };
 __decorate([

package/dist/cjs/rtk-header.cjs.entry.js

@@ -43,7 +43,7 @@ const RtkHeader = class {
             iconPack: this.iconPack,
             size: this.size,
         };
-        return (index$1.h(index$1.Host, { key: '1f3b7e1a0a0895e6429c12ddb44470ef35a30d23' }, !this.disableRender && index$1.h(index$2.Render, { key: '3b1525e4f4aaac177b466e4c72be4b7492bd404f', element: "rtk-header", defaults: defaults, onlyChildren: true }), index$1.h("slot", { key: '6f770052362e6daa803638e0857de41c2c894ed3' })));
+        return (index$1.h(index$1.Host, { key: '00cfd80dbffa3f1c9c66e00397c7db1e7292664c' }, !this.disableRender && index$1.h(index$2.Render, { key: '521ab0493477836b0a5ce6de5ed85a842c71d32a', element: "rtk-header", defaults: defaults, onlyChildren: true }), index$1.h("slot", { key: 'f73693073b8a7162a5db2ec73e93de6bbccea7dd' })));
     }
 };
 __decorate([

package/dist/cjs/rtk-idle-screen.cjs.entry.js

@@ -30,7 +30,7 @@ const RtkIdleScreen = class {
         this.t = uiStore.useLanguage();
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'c5eff1252dc42e20190130962994d713b95b922b' }, index$1.h("slot", { key: '99a385d737fba394bcce3340d7ceaa49fe290580' }, index$1.h("div", { key: '484cfb782b699eea5be2eac7c003dcaea922177a', class: "ctr", part: "container" }, index$1.h("rtk-logo", { key: '0e190078187680faec1df09a7a50bc80d405a978', meeting: this.meeting, config: this.config, t: this.t, part: "logo" }), index$1.h("rtk-spinner", { key: 'f00bae50ccb13120714d2d94c9629747824b5eaa', "aria-label": "Idle, waiting for meeting data", part: "spinner", iconPack: this.iconPack })))));
+        return (index$1.h(index$1.Host, { key: '1243feb830c4b40ddbb41409ba5e4f5259d4aba2' }, index$1.h("slot", { key: 'e5c674091393508a202d514e9ad41ccae687a660' }, index$1.h("div", { key: 'bd6e459fc18148edf47ed45df3e9f1f3d3356383', class: "ctr", part: "container" }, index$1.h("rtk-logo", { key: '9b3211860563ef93307902744b37985908f71cdf', meeting: this.meeting, config: this.config, t: this.t, part: "logo" }), index$1.h("rtk-spinner", { key: '584a3355b5a023ae9bc66f1eafbd85f3d3b9bb92', "aria-label": "Idle, waiting for meeting data", part: "spinner", iconPack: this.iconPack })))));
     }
 };
 __decorate([

package/dist/cjs/rtk-image-viewer.cjs.entry.js

@@ -45,7 +45,7 @@ const RtkImageViewer = class {
         document.removeEventListener('click', this.handleOutsideClick);
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'f7d65ee86716b9bea4ff1839df12647fa03bc053', class: "scrollbar", onClick: (e) => e.stopPropagation() }, index$1.h("div", { key: '30715a0e1d52250815411be7a4339c47a9c050ff', class: "header" }, index$1.h("div", { key: '69bcd74cea972c9663f46549b1c62b08afd94558', class: "shared-by-user" }, this.t('chat.img.shared_by'), ' ', index$1.h("span", { key: '86b7f0095054d490e0a534d2c5df3733503dde72', class: "displayName" }, string.formatName(string.shorten(this.image.displayName)))), index$1.h("div", { key: '84b428b667da741f420753a0c58ef6a04169f765', class: "actions" }, index$1.h("rtk-button", { key: 'dce9d2b6c6e4b7dcfb429839762a0f350dc474df', onClick: () => file.downloadFile(this.image.link, { fallbackName: 'image' }) }, index$1.h("rtk-icon", { key: 'f9a6b1fbd5f770555ba4bc7267fff7ca6102f097', icon: this.iconPack.download, slot: "start" }), "Download"), index$1.h("rtk-button", { key: '4051efa57da483dc628769fdd1e754a49fd389b7', kind: "icon", variant: "secondary", onClick: () => this.close.emit() }, index$1.h("rtk-icon", { key: 'ee1e43b0f89ad76c5cad6db21d6f8759c5d87a89', icon: this.iconPack.dismiss })))), index$1.h("div", { key: '752ab0206aa1b1e9447f9814210bcaa346dfab5d', class: "image-ctr" }, index$1.h("img", { key: '7de531b58aa5aad94ab03d500d34d13c37b43ba1', src: this.image.link }))));
+        return (index$1.h(index$1.Host, { key: '6e6e27bf5529ef5af5b0b7f02c0fcda77dba492c', class: "scrollbar", onClick: (e) => e.stopPropagation() }, index$1.h("div", { key: '53b1df2b76fb58d37154f246c09c38f17c4ac6b3', class: "header" }, index$1.h("div", { key: 'e5707219faa115dfccd330643d022c90abdcfc5b', class: "shared-by-user" }, this.t('chat.img.shared_by'), ' ', index$1.h("span", { key: '8387ffa67b78746a8d94f130ff23241313b5c1d8', class: "displayName" }, string.formatName(string.shorten(this.image.displayName)))), index$1.h("div", { key: 'cd70a8a95e264a533d2d093e4d32df49dfc3f2c7', class: "actions" }, index$1.h("rtk-button", { key: '404da530999c81a7754c07ed48ffb73eb8f915e3', onClick: () => file.downloadFile(this.image.link, { fallbackName: 'image' }) }, index$1.h("rtk-icon", { key: '5d7806419e55072fcfb8735229cef5b9b0816669', icon: this.iconPack.download, slot: "start" }), "Download"), index$1.h("rtk-button", { key: '6ac87cb0172f319706d8e8d4591a76d3fa60a2b9', kind: "icon", variant: "secondary", onClick: () => this.close.emit() }, index$1.h("rtk-icon", { key: 'd25982c4b4f3c422df8187782a762b12fffb76df', icon: this.iconPack.dismiss })))), index$1.h("div", { key: '968d31b08e5113419bbdc63c3887a8537d198284', class: "image-ctr" }, index$1.h("img", { key: 'a806265d98e09094dd267afc3dc6018f6cf692c4', src: this.image.link }))));
     }
 };
 __decorate([

package/dist/cjs/rtk-information-tooltip.cjs.entry.js

@@ -26,7 +26,7 @@ const RtkInformationTooltip = class {
         this.iconPack = uiStore.defaultIconPack;
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '71ecafbad168eb980530eb5e524f9b243ac49fc7' }, index$1.h("div", { key: 'beb675be20de89080d7fdeefb47367c5ab201a73', class: "tooltip-container" }, index$1.h("rtk-icon", { key: '8e135030eb60115c1f2a49ad71caedbd9e1b50e8', icon: this.iconPack.info, size: "sm" }), index$1.h("div", { key: '9b4c277f0d2c9311258c24f1001bf763936adde3', class: "tooltip" }, index$1.h("slot", { key: '66c6b7895cd23271cca393cc12dc075c1bf14923', name: "tootlip-text" })))));
+        return (index$1.h(index$1.Host, { key: '182572b0e68a80a504b3aed40ae526ae371a9921' }, index$1.h("div", { key: 'c46d1aedd29c015e36c0496dd36ccd7d2afcd4ee', class: "tooltip-container" }, index$1.h("rtk-icon", { key: '25465b17d5b97a102273621e6e942fb34f542d53', icon: this.iconPack.info, size: "sm" }), index$1.h("div", { key: '9f3e5eea9a21b1ff48e8a3e7e91e3f81e748af79', class: "tooltip" }, index$1.h("slot", { key: 'a0f42e3681ffddf9287ddacd111ea3fa64f77c01', name: "tootlip-text" })))));
     }
 };
 __decorate([

package/dist/cjs/rtk-leave-button.cjs.entry.js

@@ -35,7 +35,7 @@ const RtkLeaveButton = class {
     }
     render() {
         const text = this.t('leave');
-        return (index$1.h(index$1.Host, { key: '9a760243cdb8a409f96b2e44b07e84495ecf8ba6', label: text }, index$1.h("rtk-controlbar-button", { key: '5a45791756d7e448493b4968876820230d7ce81f', size: this.size, iconPack: this.iconPack, class: "leave red-icon", onClick: this.leave, icon: this.iconPack.call_end, label: text, variant: this.variant, part: "controlbar-button" })));
+        return (index$1.h(index$1.Host, { key: '27ea1d3f7593e32d53b8160537e00147be6e2a2d', label: text }, index$1.h("rtk-controlbar-button", { key: 'f0952b09acd1f7cff04fd521252ecf75715e9a74', size: this.size, iconPack: this.iconPack, class: "leave red-icon", onClick: this.leave, icon: this.iconPack.call_end, label: text, variant: this.variant, part: "controlbar-button" })));
     }
 };
 __decorate([

package/dist/cjs/rtk-message-list-view.cjs.entry.js

@@ -266,11 +266,11 @@ const RtkMessageListView = class {
         this.updateTotalHeight();
     }
     render() {
-        return (index$1.h("div", { key: '4da03366f085b87729d946b1633d031e4656f2ac', class: "scrollbar content-wrapper", ref: (el) => (this.$listRef = el), onScroll: this.handleScroll }, index$1.h("div", { key: '7a8268e8a3d5326d359f4722c341e6487e1f21f6', class: "scroller" }, index$1.h("div", { key: 'b856c5ec8c602963ab9bd74e9838b4ce6bf05f85', style: {
+        return (index$1.h("div", { key: '413771e98d7ce6f8c2af3d6cadf6ad3484586929', class: "scrollbar content-wrapper", ref: (el) => (this.$listRef = el), onScroll: this.handleScroll }, index$1.h("div", { key: '4e4eb3729e574f555e844266803338e5b8a5aff9', class: "scroller" }, index$1.h("div", { key: 'c4389d8636465efef4cb1e15b63c2f52eb457942', style: {
                 height: `${this.totalHeight}px`,
-            } }), index$1.h("div", { key: 'a7fe4267408199ffe0f81b56c00f3dffb5e2e59f', class: "smallest-dom-element", id: "list-end", ref: (el) => (this.$listEndRef = el) })), index$1.h("div", { key: 'bcd29a59a370c975ab344cabeefdd7ce905f37fe', class: "content", style: {
+            } }), index$1.h("div", { key: 'dd6b9b2cb812f817bdf66f4abf5f2c81f0664fa0', class: "smallest-dom-element", id: "list-end", ref: (el) => (this.$listEndRef = el) })), index$1.h("div", { key: 'e07b23728210f7708bf5c65ae2007b28779954e7', class: "content", style: {
                 transform: `translateY(${this.getRangeSize(0, this.range.start)}px)`,
-            } }, this.isFetching && (index$1.h("div", { key: '6529fdc824381737d75e489f262dcf90bd12e186', class: "loader" }, index$1.h("rtk-spinner", { key: '8785a6b44007f8ce834639b5e6ae9221a6df704c', size: "md" }))), this.getVisibleItems().map((msg, index) => (index$1.h("div", { key: msg.id, ref: (el) => this.rendererInternal(el, msg, index) }))))));
+            } }, this.isFetching && (index$1.h("div", { key: '3957d510fcc88770169f5378e8180c168645d954', class: "loader" }, index$1.h("rtk-spinner", { key: '30a85f8744f51150940abf19b3dcfb9587f50c7f', size: "md" }))), this.getVisibleItems().map((msg, index) => (index$1.h("div", { key: msg.id, ref: (el) => this.rendererInternal(el, msg, index) }))))));
     }
     static get watchers() { return {
         "messages": ["messagesUpdated"]

package/dist/cjs/rtk-more-toggle.cjs.entry.js

@@ -53,10 +53,10 @@ const RtkMoreToggle = class {
     }
     render() {
         const text = this.t('more');
-        return (index$1.h(index$1.Host, { key: '8cee20061968a6658b164929fa725c0d56f3c5f4', title: text }, this.states.activeMoreMenu && (index$1.h("div", { key: '1cf7d2a85d4d1626a0c469d77c91131e9f86b451', class: "more-menu" }, index$1.h("slot", { key: '3c1507fa6561127f2d1a4f9d53899dece5d933a2', name: "more-elements" }))), index$1.h("rtk-controlbar-button", { key: '76ea4f7d1a55abc6928c6b6c55d89382d46b34e3', size: this.size, iconPack: this.iconPack, onClick: (e) => {
+        return (index$1.h(index$1.Host, { key: '3b07eaaee77053c8bc68edf517adbc2928244680', title: text }, this.states.activeMoreMenu && (index$1.h("div", { key: '31f641a909685ce4f561b107e6dfd380a6d5ec86', class: "more-menu" }, index$1.h("slot", { key: 'c78477d0c4db136d6dfb4c3fe63ceb7dc678205e', name: "more-elements" }))), index$1.h("rtk-controlbar-button", { key: '41bbfa76720797850c8f540720eaeaed7e9f2a12', size: this.size, iconPack: this.iconPack, onClick: (e) => {
                 e.stopPropagation();
                 this.toggleMoreMenu();
-            }, icon: this.iconPack.horizontal_dots, label: text, part: "controlbar-button" }), index$1.h("slot", { key: 'e38000e817552abd2b20668885effaf8a0b73592', name: "expanded" })));
+            }, icon: this.iconPack.horizontal_dots, label: text, part: "controlbar-button" }), index$1.h("slot", { key: '207388a5e3c71f27d54f54b42d41339c19bb202d', name: "expanded" })));
     }
     get host() { return index$1.getElement(this); }
 };

package/dist/cjs/rtk-notification.cjs.entry.js

@@ -51,9 +51,9 @@ const RtkNotification = class {
     }
     render() {
         var _a;
-        return (index$1.h(index$1.Host, { key: '60c06bbf91a415227daa6df5e33ce70f70b9e96a' }, index$1.h("div", { key: '88b3028fbab2ae480d9b56169be54d7be88f283a', class: "ctr" }, this.notification.icon != null && (index$1.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 (index$1.h(index$1.Host, { key: '8c854ce9c1fbed1d0078e37ddfe731bd09f60217' }, index$1.h("div", { key: 'e5110dfac0052c151ad0f0c702fd2183639c160c', class: "ctr" }, this.notification.icon != null && (index$1.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' && (index$1.h("img", { key: '56e7d906bb2daf5ddce6b143ffa74a47d602ca70', src: this.notification.image, class: { loaded: this.imageState === 'loaded' }, onLoad: () => (this.imageState = 'loaded'), onError: () => (this.imageState = 'errored') })), index$1.h("p", { key: '980db1c29942c51de04eef62c519ff20402c639e', class: "message" }, index$1.h(TextMessage.TextMessageView, { key: '6b59afd62dcf6671d056ed424146c9c4c1e1bead', message: this.notification.message })), index$1.h("div", { key: 'a4399741c18093e46be3726f3514d8e8a5682ab3', class: "right" }, this.notification.button != null && (index$1.h("rtk-button", { key: 'a20046c85de2c3ee5cd7b6814c84e52a027e0cfc', size: "sm", variant: this.notification.button.variant, onClick: () => this.notification.button.onClick() }, this.notification.button.text)), index$1.h("button", { key: '83d7d13c98c68f6049321d5d0c573ea2eccf65f8', onClick: () => this.dismiss.emit(this.notification.id), class: "dismiss" }, index$1.h("rtk-icon", { key: '5a17a700a54172a10cd2398dd38853bd0c337215', "aria-label": this.t('dismiss'), icon: this.iconPack.dismiss }))))));
+            this.imageState !== 'errored' && (index$1.h("img", { key: 'f8c7d6de5740e5e94be8b0bec312b44157c9999a', src: this.notification.image, class: { loaded: this.imageState === 'loaded' }, onLoad: () => (this.imageState = 'loaded'), onError: () => (this.imageState = 'errored') })), index$1.h("p", { key: 'cf22e099409eda906611ad43bb92192512c3b3f0', class: "message" }, index$1.h(TextMessage.TextMessageView, { key: '87e52e92ffa9d86b4ddc6a1c61b5bbb6a9f6c1d1', message: this.notification.message })), index$1.h("div", { key: '06195e55729bbc11fc48b188df7ee5f8a7b111d6', class: "right" }, this.notification.button != null && (index$1.h("rtk-button", { key: 'b1a8e8f05587fa9eaf66e9d8932dee6d4fc57e67', size: "sm", variant: this.notification.button.variant, onClick: () => this.notification.button.onClick() }, this.notification.button.text)), index$1.h("button", { key: '102260442e93358e972d72dbcfe2cc90f68523d9', onClick: () => this.dismiss.emit(this.notification.id), class: "dismiss" }, index$1.h("rtk-icon", { key: 'f585bf6153a7c34528bd46af850db3f8511805ff', "aria-label": this.t('dismiss'), icon: this.iconPack.dismiss }))))));
     }
     static get watchers() { return {
         "paused": ["pausedChanged"],

package/dist/cjs/rtk-participant-setup.cjs.entry.js

@@ -90,11 +90,11 @@ const RtkParticipantSetup = class {
     }
     render() {
         var _a, _b, _c, _d;
-        return (index$1.h(index$1.Host, { key: 'b1470884fc7e85a79e6d6954547737690dd6923a' }, index$1.h("video", { key: 'c967c9e6716624e3a484d424fe33a50b4d9799c6', ref: (el) => (this.videoEl = el), class: {
+        return (index$1.h(index$1.Host, { key: '05dae6198445aaae28546dba043ce89e8fd0e796' }, index$1.h("video", { key: '1a306aa1f4ec027338400e3b40349b92184d470d', ref: (el) => (this.videoEl = el), class: {
                 visible: (_a = this.videoState) === null || _a === void 0 ? void 0 : _a.videoEnabled,
                 mirror: this.isMirrored(),
                 [(_d = (_c = (_b = this.config) === null || _b === void 0 ? void 0 : _b.config) === null || _c === void 0 ? void 0 : _c.videoFit) !== null && _d !== void 0 ? _d : 'cover']: true,
-            }, autoPlay: true, playsInline: true, muted: true }), index$1.h("slot", { key: 'fe319fc4aa0cc4049024e3860a8af2b2d6d5bc68' })));
+            }, autoPlay: true, playsInline: true, muted: true }), index$1.h("slot", { key: '69ae8a0337cd57891b99fafe677f63652a6340bc' })));
     }
     static get watchers() { return {
         "participant": ["participantsChanged"],

package/dist/cjs/rtk-participant_2.cjs.entry.js

@@ -222,9 +222,9 @@ const RtkParticipant = class {
             iconPack: this.iconPack,
             t: this.t,
         };
-        return (index$1.h(index$1.Host, { key: '804f9c2daf473fd518c6697a51b82f5baf63fb17' }, index$1.h("div", { class: "left", key: (_e = this.participant) === null || _e === void 0 ? void 0 : _e.id }, index$1.h("rtk-avatar", { key: '98f6f1a031269f5ca6523ed38228bcb64a3fe97d', participant: this.participant, size: "sm", iconPack: this.iconPack, t: this.t }), index$1.h("p", { key: 'de05ef0806cb0e614bae951715ec263cb2271492', class: "name", title: name }, string.shorten(name, 16), " ", ((_f = this.meeting) === null || _f === void 0 ? void 0 : _f.self.id) === ((_g = this.participant) === null || _g === void 0 ? void 0 : _g.id) && this.t('(you)'))), this.view === 'sidebar' && (index$1.h("div", { key: '8393d899384cac8ff0e248a76f4095922f98e1cb', class: "right" }, isActiveParticipant && (index$1.h("rtk-icon", { key: '7b99b6269a101d01a8014dc4038b6bcada21203f', class: {
+        return (index$1.h(index$1.Host, { key: 'd04f837e2d5eb2024ac202ad5ac77331adad43c9' }, index$1.h("div", { class: "left", key: (_e = this.participant) === null || _e === void 0 ? void 0 : _e.id }, index$1.h("rtk-avatar", { key: '357234a1dde242720daab827db2d8aeda595c96b', participant: this.participant, size: "sm", iconPack: this.iconPack, t: this.t }), index$1.h("p", { key: 'f1cd6c6f0398e7f5275a65044a65429d5f0d1db4', class: "name", title: name }, string.shorten(name, 16), " ", ((_f = this.meeting) === null || _f === void 0 ? void 0 : _f.self.id) === ((_g = this.participant) === null || _g === void 0 ? void 0 : _g.id) && this.t('(you)'))), this.view === 'sidebar' && (index$1.h("div", { key: 'bd12f811f09fdb1b722ac9597f8e70dd734d5737', class: "right" }, isActiveParticipant && (index$1.h("rtk-icon", { key: '20d4bd4f97e9edd4f86cb4b427fa60b1507906cd', class: {
                 red: !this.audioEnabled,
-            }, icon: this.audioEnabled ? this.iconPack.mic_on : this.iconPack.mic_off })), isActiveParticipant && !isAudioRoom && (index$1.h("rtk-icon", { key: 'e6e7d7e8a50a9ad0be657b85245252300182c539', class: {
+            }, icon: this.audioEnabled ? this.iconPack.mic_on : this.iconPack.mic_off })), isActiveParticipant && !isAudioRoom && (index$1.h("rtk-icon", { key: 'bebf3ddc0a1b40a4cbb736edbee9bf2482890c32', class: {
                 red: !this.videoEnabled,
             }, icon: this.videoEnabled ? this.iconPack.video_on : this.iconPack.video_off })), (showMenu ||
             index$2.lenChildren({
@@ -233,34 +233,34 @@ const RtkParticipant = class {
                 childProps: {
                     participant: this.participant,
                 },
-            }) > 0) && (index$1.h("div", { key: '085e0ffe3c230ef1f21ed5de6c11ef70ccfeb69b', class: "menu" }, index$1.h("span", { key: 'ab295b485204509824a6bce511a80ec939e31fbb', id: "trigger", onClick: this.onMenuToggle }, index$1.h("rtk-button", { key: '0f0cb35c69e63ba8d8b3835cec42aba9f65dc6b8', variant: "ghost", kind: "icon", slot: "trigger" }, index$1.h("rtk-icon", { key: 'ebd5705879751573de28ddad204d8f16b055a2b9', class: "more", icon: this.iconPack.more_vertical }))), index$1.h("span", { key: '98ec81219c735d44ba36eb2e677b734cc43e478d', id: "menu-list" }, this.menuOpen && (index$1.h("rtk-menu-list", { key: '243c43eacd1c429f4c7bd2fcd24fef3983209226', iconPack: this.iconPack, t: this.t }, this.canPinParticipant && isActiveParticipant && !isAudioRoom && (index$1.h("rtk-menu-item", { key: '93b74a42b5b37fe15bcbe7a5217258c8cb2b48b9', onClick: () => {
+            }) > 0) && (index$1.h("div", { key: '98bbfa6d23c2b298f082b182ed4ff39b5ab6ffbd', class: "menu" }, index$1.h("span", { key: '510be24b1e9000cea40bc1d19bead1092b882802', id: "trigger", onClick: this.onMenuToggle }, index$1.h("rtk-button", { key: 'ffc0397b8259769d5fe2407770507350449211e5', variant: "ghost", kind: "icon", slot: "trigger" }, index$1.h("rtk-icon", { key: 'a7c403786b7fd2be84e3cb59015e0c9532fbe7a8', class: "more", icon: this.iconPack.more_vertical }))), index$1.h("span", { key: '996cfcd1221be661ec4a7a1fb753a2979ef695b6', id: "menu-list" }, this.menuOpen && (index$1.h("rtk-menu-list", { key: '16d3ce80e2d51cffb37617856dfec051958ef9b7', iconPack: this.iconPack, t: this.t }, this.canPinParticipant && isActiveParticipant && !isAudioRoom && (index$1.h("rtk-menu-item", { key: '2469c59d100fe34fbb0c271f9bf27263e9d3ce72', onClick: () => {
                 if (this.isPinned) {
                     this.participant.unpin();
                 }
                 else {
                     this.participant.pin();
                 }
-            }, iconPack: this.iconPack, t: this.t }, index$1.h("rtk-icon", { key: '0c1c8f6cc7b10c2fdea37f79ad0fc00cbb50f1d6', icon: this.isPinned ? this.iconPack.pin_off : this.iconPack.pin, slot: "start" }), this.isPinned ? this.t('unpin') : this.t('pin'))), isSelf && (index$1.h("rtk-menu-item", { key: 'dd4d5dff2c77f93a233a5f565d9d64fddb660c0d', iconPack: this.iconPack, t: this.t, onClick: () => {
+            }, iconPack: this.iconPack, t: this.t }, index$1.h("rtk-icon", { key: 'e69b81c2a557d2acf6f4254edb46836d9951cf3e', icon: this.isPinned ? this.iconPack.pin_off : this.iconPack.pin, slot: "start" }), this.isPinned ? this.t('unpin') : this.t('pin'))), isSelf && (index$1.h("rtk-menu-item", { key: '52335e703f44cf8b1d3adc6c2d6750198906216b', iconPack: this.iconPack, t: this.t, onClick: () => {
                 this.isHidden
                     ? this.participant.show()
                     : this.participant.hide();
-            } }, index$1.h("rtk-icon", { key: 'fdfc1cfeca1b1c63dd27fcc31a658f1d1a8d5c17', icon: this.isHidden ? this.iconPack.minimize : this.iconPack.maximize, slot: "start" }), !this.meeting.self.hidden ? this.t('minimize') : this.t('maximize'))), this.canDisableParticipantAudio &&
+            } }, index$1.h("rtk-icon", { key: '7b9aa493842c50422b909c1c98f4d16bda594d59', icon: this.isHidden ? this.iconPack.minimize : this.iconPack.maximize, slot: "start" }), !this.meeting.self.hidden ? this.t('minimize') : this.t('maximize'))), this.canDisableParticipantAudio &&
             isActiveParticipant &&
-            this.audioEnabled && (index$1.h("rtk-menu-item", { key: '95edf3439889a9c468acce8ef88ababef747e018', iconPack: this.iconPack, t: this.t, onClick: () => {
+            this.audioEnabled && (index$1.h("rtk-menu-item", { key: '956e423b33a1db73ad692362708c2db9307604e3', iconPack: this.iconPack, t: this.t, onClick: () => {
                 this.participant.disableAudio();
-            } }, index$1.h("rtk-icon", { key: '1df60ff6541717369a5c8c1fa47dcb09e2499f8d', icon: this.iconPack.mic_off, slot: "start" }), this.t('mute'))), this.canDisableParticipantVideo &&
+            } }, index$1.h("rtk-icon", { key: '3f0d90c3e43059ee95b5bee9b52a0e3d03f67011', icon: this.iconPack.mic_off, slot: "start" }), this.t('mute'))), this.canDisableParticipantVideo &&
             isActiveParticipant &&
-            this.videoEnabled && (index$1.h("rtk-menu-item", { key: 'e3812a8631be2f84695b90ac80f0214a26495071', iconPack: this.iconPack, t: this.t, onClick: () => {
+            this.videoEnabled && (index$1.h("rtk-menu-item", { key: 'fc2f22ed04974fa40c10e730e3bb7aee2142d7a4', iconPack: this.iconPack, t: this.t, onClick: () => {
                 this.participant.disableVideo();
-            } }, index$1.h("rtk-icon", { key: '634c9c452ecd36d6c024cbb0e22a79059f4b85a6', icon: this.iconPack.video_off, slot: "start" }), this.t('participants.turn_off_video'))), this.canAllowParticipantOnStage &&
-            ((_h = this.participant) === null || _h === void 0 ? void 0 : _h.id) !== ((_j = this.meeting) === null || _j === void 0 ? void 0 : _j.self.id) && (index$1.h("rtk-menu-item", { key: '3428e0c1d22f675bbec3a920670a26dd3c7c66e5', iconPack: this.iconPack, t: this.t, class: this.isOnStage ? 'red' : '', onClick: this.inviteToStageToggle }, index$1.h("rtk-icon", { key: '55cdf3825acd959945ce82b19fd69f36e26aa476', icon: this.isOnStage
+            } }, index$1.h("rtk-icon", { key: '86ee677bb056d9e665ab81fc8246b17fb89ac699', icon: this.iconPack.video_off, slot: "start" }), this.t('participants.turn_off_video'))), this.canAllowParticipantOnStage &&
+            ((_h = this.participant) === null || _h === void 0 ? void 0 : _h.id) !== ((_j = this.meeting) === null || _j === void 0 ? void 0 : _j.self.id) && (index$1.h("rtk-menu-item", { key: 'ca374ea886d695a5e78b75b3de9de9b9631ef19a', iconPack: this.iconPack, t: this.t, class: this.isOnStage ? 'red' : '', onClick: this.inviteToStageToggle }, index$1.h("rtk-icon", { key: '6166ff20a3fa00d28b6602a3a7e68c1a2ca008a5', icon: this.isOnStage
                 ? this.iconPack.leave_stage
                 : this.iconPack.join_stage, slot: "start" }), this.isOnStage
             ? this.t('stage.remove_from_stage')
-            : this.t('stage.add_to_stage'))), !isSelf && this.canKickParticipant && (index$1.h("rtk-menu-item", { key: 'affe710adb04e305b6a46b9de2d25984d6c075d6', iconPack: this.iconPack, t: this.t, class: "red", onClick: () => {
+            : this.t('stage.add_to_stage'))), !isSelf && this.canKickParticipant && (index$1.h("rtk-menu-item", { key: '95818a580073c6b3244a47020cafed3bb7b97dd6', iconPack: this.iconPack, t: this.t, class: "red", onClick: () => {
                 var _a, _b;
                 (_a = this.meeting) === null || _a === void 0 ? void 0 : _a.participants.kick((_b = this.participant) === null || _b === void 0 ? void 0 : _b.id);
-            } }, index$1.h("rtk-icon", { key: 'd9c55c666231f76f00dd68ce0e2bedd92462ef89', icon: this.iconPack.dismiss, slot: "start" }), this.t('kick'))), index$1.h("slot", { key: '7017ef52152b1908e93ce539f762120425e50562' }, index$1.h(index$2.Render, { key: '28c3eacd6a4572c806748a7d09a861f000430b90', element: "rtk-participant", defaults: defaults, childProps: {
+            } }, index$1.h("rtk-icon", { key: '9a2511e15d604cd672d85fb7cd99deb157e96bb0', icon: this.iconPack.dismiss, slot: "start" }), this.t('kick'))), index$1.h("slot", { key: '8dad8df5005902e5af3325062ba4d81711dc8370' }, index$1.h(index$2.Render, { key: '915f440d18ae76a9330297122d6c8f22dbf629cd', element: "rtk-participant", defaults: defaults, childProps: {
                 participant: this.participant,
             }, deepProps: true, onlyChildren: true })))))))))));
     }
@@ -403,12 +403,12 @@ const RtkVirtualizedParticipantList = class {
     render() {
         var _a;
         const totalHeight = this.items.length * this.itemHeight; // Total height of the list
-        return (index$1.h("div", { key: '8928758911fd6ac3b955e727306f1ebfe19aba9b', class: "virtual-list-container", style: {
+        return (index$1.h("div", { key: '1833065e95b4a443bad339ad8eaccab0c3b6902a', class: "virtual-list-container", style: {
                 position: 'relative',
                 height: '100%',
                 overflowX: 'hidden',
                 overflowY: 'auto',
-            } }, index$1.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()), index$1.h("div", { key: '0f9cd358e2d49af44765dbe560a323c9e8fa09f7', style: { height: `${this.itemHeight}px` } })));
+            } }, index$1.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()), index$1.h("div", { key: 'ad6ae3e3416810066a1071725cee65e4a48e7455', style: { height: `${this.itemHeight}px` } })));
     }
     get el() { return index$1.getElement(this); }
     static get watchers() { return {

package/dist/cjs/rtk-participants-audio.cjs.entry.js

@@ -184,7 +184,7 @@ const RtkParticipantsAudio = class {
         await this.handleEvents(meeting);
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '6055104d2d2e54c60d42b51bcb4c296346d13a19' }, this.showPlayDialog && (index$1.h("rtk-dialog", { key: '8dce181e5c8f0f33f615bf48f1f85bd3c11efa2b', open: true, onRtkDialogClose: this.onRtkDialogClose, hideCloseButton: true, disableEscapeKey: true, iconPack: this.iconPack, t: this.t }, index$1.h("div", { key: '5be7e31e7776eecf09bcc981757d24da71ce6a43', class: "modal" }, index$1.h("h3", { key: '9e2df7d9e655102c51f841718e8e365d578e96fb' }, this.t('audio_playback.title')), index$1.h("p", { key: 'c7c406eeb93ab661cf144e69e0782cbde5588753' }, this.t('audio_playback.description')), index$1.h("rtk-button", { key: '0c5e9341edb22e32666591a0fb212aea54c61d0b', kind: "wide", onClick: () => {
+        return (index$1.h(index$1.Host, { key: 'e8515d8ee981ccf7d43d0ccadfd4414ac2602979' }, this.showPlayDialog && (index$1.h("rtk-dialog", { key: '75dfd57ba7927e298fb39fd7d4212e18c229d7f0', open: true, onRtkDialogClose: this.onRtkDialogClose, hideCloseButton: true, disableEscapeKey: true, iconPack: this.iconPack, t: this.t }, index$1.h("div", { key: '1749ed436d4c241a391bbe24ae58cf3644105f7f', class: "modal" }, index$1.h("h3", { key: '7352013c7e81212fb4667cd97d4f77930fdf943c' }, this.t('audio_playback.title')), index$1.h("p", { key: '56134c9034b5620aabac1567207a2e0c3b051981' }, this.t('audio_playback.description')), index$1.h("rtk-button", { key: '485007a99d8bada88f5a768b15d5a1077ea4b073', kind: "wide", onClick: () => {
                 this.audio.play();
                 this.onRtkDialogClose();
             }, title: this.t('audio_playback') }, this.t('audio_playback')))))));

package/dist/cjs/rtk-participants-stage-list_4.cjs.entry.js

@@ -108,7 +108,7 @@ const RtkParticipants = class {
         }
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'd799034511ea2f1b1125e0a5ba4ea52add1ac748' }, index$1.h("div", { key: 'e46415181eaa216bc46470ebbce23f4dfe3b96b8', class: "participants-container" }, !this.hideHeader && (index$1.h("div", { key: '83a22247b44cfd8a7bee2c89fdd199310d2cc008', class: "heading-count", part: "heading-count" }, this.t('participants'), " (", this.participants.length, ")")), index$1.h("rtk-virtualized-participant-list", { key: '64876afecf04945ed6ab8f567dd19298add079e9', items: this.participants, renderItem: this.createParticipantNode, part: "participants", class: "participants", emptyListElement: index$1.h("div", { class: "empty-stage-list" }, this.search.length > 0 ? this.t('search.could_not_find') : this.t('search.empty')) }))));
+        return (index$1.h(index$1.Host, { key: 'a3f02d560188be38be3e7d0e7c480fc215a6eb67' }, index$1.h("div", { key: '933821b69d57aa5d71e0866486c3d7dd4ca5c28d', class: "participants-container" }, !this.hideHeader && (index$1.h("div", { key: '1c9f7a6d59331e3bb849a341add9d1f492fbe9bc', class: "heading-count", part: "heading-count" }, this.t('participants'), " (", this.participants.length, ")")), index$1.h("rtk-virtualized-participant-list", { key: '9f3f31b89e3bdfa7ebf7e09518b1ddd0861fdfdd', items: this.participants, renderItem: this.createParticipantNode, part: "participants", class: "participants", emptyListElement: index$1.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/cjs/rtk-plugins_2.cjs.entry.js

@@ -60,7 +60,7 @@ const RtkPlugins = class {
         }
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'c0621bcd1d64b1eb9e4b913bb2707d66179848a8' }, index$1.h("ul", { key: '2796e509a4df169a3b6455b06e33bcf9e1e634d4', class: "scrollbar" }, this.plugins.map((plugin) => (index$1.h("li", { key: plugin.name, class: "plugin" }, index$1.h("div", { class: "metadata" }, index$1.h("img", { src: plugin.picture }), index$1.h("div", { class: "name" }, plugin.name)), !this.activatedPluginsId.includes(plugin.id) && this.canStartPlugins && (index$1.h("div", { class: "buttons" }, index$1.h("rtk-button", { kind: "icon", size: "lg", onClick: () => {
+        return (index$1.h(index$1.Host, { key: 'd9d69e3e7ceca30ee32a1594f2271ee3223240cb' }, index$1.h("ul", { key: '98ecf8bcb2186c55cfe0763e2058408b7dba1384', class: "scrollbar" }, this.plugins.map((plugin) => (index$1.h("li", { key: plugin.name, class: "plugin" }, index$1.h("div", { class: "metadata" }, index$1.h("img", { src: plugin.picture }), index$1.h("div", { class: "name" }, plugin.name)), !this.activatedPluginsId.includes(plugin.id) && this.canStartPlugins && (index$1.h("div", { class: "buttons" }, index$1.h("rtk-button", { kind: "icon", size: "lg", onClick: () => {
                 plugin.activate();
                 this.close();
             }, "aria-label": `${this.t('activate')} ${plugin.name}` }, index$1.h("rtk-icon", { icon: this.iconPack.rocket, tabIndex: -1, "aria-hidden": true })))), this.activatedPluginsId.includes(plugin.id) && this.canClosePlugins && (index$1.h("div", { class: "buttons" }, index$1.h("rtk-button", { kind: "icon", size: "lg", onClick: () => {
@@ -153,14 +153,14 @@ const RtkPolls = class {
     }
     render() {
         var _a, _b;
-        return (index$1.h(index$1.Host, { key: '41908b79966d12fc13782a05b2763e233d0ef8c7' }, index$1.h("div", { key: '87f36d5e811009624ffc1f1d18f55aefc50f6c8e', class: "ctr", part: "container" }, index$1.h("div", { key: 'cc5170445db169e2de47e18d7d0dac0bf932726a', class: "polls-view scrollbar", ref: (el) => (this.pollEl = el), part: "polls" }, this.polls.length == 0 && this.create !== true && (index$1.h("div", { key: '9d1db7791f35b78137726957bcac10cba381227e', class: "empty-polls" }, this.t('polls.empty'))), this.polls.map((item) => {
+        return (index$1.h(index$1.Host, { key: '132c33fc4e5a86c0a34a59f712cad0775ea3523a' }, index$1.h("div", { key: 'ddfa6e9498859dadcb77ee73a56a7f0be5d78951', class: "ctr", part: "container" }, index$1.h("div", { key: 'fe4d7c4cb4f2a46eaacb1cb200e68863775ed4d6', class: "polls-view scrollbar", ref: (el) => (this.pollEl = el), part: "polls" }, this.polls.length == 0 && this.create !== true && (index$1.h("div", { key: 'ec0de6e4f4cb1d2b87c70d9a578c31ba086ee646', class: "empty-polls" }, this.t('polls.empty'))), this.polls.map((item) => {
             var _a;
             return (index$1.h("rtk-poll", { key: item.id, poll: item, onRtkVotePoll: (e) => {
                     this.onVote(e.detail.id, e.detail.index);
                 }, self: (_a = this.meeting) === null || _a === void 0 ? void 0 : _a.self.userId, iconPack: this.iconPack, t: this.t, permissions: this.permissions }));
-        }), this.create && (index$1.h("rtk-poll-form", { key: '9f73d645076a512dfffc3009dada18c137b918d0', part: "poll-form", onRtkCreatePoll: (e) => {
+        }), this.create && (index$1.h("rtk-poll-form", { key: '2d45c62fb5bd22cb66f93e05eb43f9fc83f75d9f', part: "poll-form", onRtkCreatePoll: (e) => {
                 this.onCreate(e.detail);
-            }, iconPack: this.iconPack, t: this.t }))), ((_b = (_a = this.permissions) === null || _a === void 0 ? void 0 : _a.polls) === null || _b === void 0 ? void 0 : _b.canCreate) && (index$1.h("rtk-button", { key: 'e24dd4ab4c0e61acdbcff002ef16553214cfb94e', kind: "wide", onClick: () => this.toggleCreateState(), variant: this.create ? 'secondary' : 'primary', part: "button" }, this.create ? this.t('polls.cancel') : this.t('polls.create'))))));
+            }, iconPack: this.iconPack, t: this.t }))), ((_b = (_a = this.permissions) === null || _a === void 0 ? void 0 : _a.polls) === null || _b === void 0 ? void 0 : _b.canCreate) && (index$1.h("rtk-button", { key: 'c0ce05c14b6d30fd1a918eca5c0b15713add96bd', kind: "wide", onClick: () => this.toggleCreateState(), variant: this.create ? 'secondary' : 'primary', part: "button" }, this.create ? this.t('polls.cancel') : this.t('polls.create'))))));
     }
     static get watchers() { return {
         "meeting": ["meetingChanged"]

package/dist/cjs/rtk-poll_2.cjs.entry.js

@@ -40,7 +40,7 @@ const RtkPolls = class {
     }
     render() {
         const hasVoted = this.poll.voted.includes(this.self);
-        return (index$1.h(index$1.Host, { key: 'f279288f91b6fe8d525fc8498733763081c8d33b' }, index$1.h("div", { key: '5919d49691938b1886af73aed2e84c9281d400ae', class: "ctr" }, index$1.h("p", { key: '9881e172379add503d5b7057719214ff7094e66d', class: "poll-title" }, this.t('polls.by'), " ", string.shorten(string.formatName(this.poll.createdBy), 20)), index$1.h("div", { key: 'f94d3f1184e1e40048cc2f3a5545a643b747b5f3', class: "poll" }, index$1.h("p", { key: 'f8a37e64dc447ca65308d7ca5024b19fd845492d', class: "poll-question" }, this.poll.question), index$1.h("div", { key: '89a0c12e8c9423c188c25e130852b0ead854eccd', class: "poll-answers" }, index$1.h("span", { key: '73c48104ca4ab450b6a16f17dfdaffa5802198a2' }, this.t('polls.answers')), index$1.h("span", { key: '3e2bf9df6ffcdc3d04bff203e7a6b5cfbc449d2c' }, this.poll.voted.length)), this.poll.options.map((item, index) => (index$1.h("div", { class: {
+        return (index$1.h(index$1.Host, { key: 'a2588231aa3c37d1b21a8204127cb07c42a4a013' }, index$1.h("div", { key: '3c4086564b201957801369c8781f7a89ff6ea0ba', class: "ctr" }, index$1.h("p", { key: '64deb31def342b2700a6a7d5858b6d5b961abf96', class: "poll-title" }, this.t('polls.by'), " ", string.shorten(string.formatName(this.poll.createdBy), 20)), index$1.h("div", { key: 'ef32b3dbde5b7aee0c3cd8290a1b0b185f0d80d0', class: "poll" }, index$1.h("p", { key: 'c9275828e7754f29a532410d576cba4aedcea711', class: "poll-question" }, this.poll.question), index$1.h("div", { key: 'a5c7ea1ad068f18b43d3f59ce75725c391c2ed14', class: "poll-answers" }, index$1.h("span", { key: '12810f7ec4e5450bc351d6fb66eb851c5a4555b1' }, this.t('polls.answers')), index$1.h("span", { key: '9788a0ead61a49eecd5babc56a1f99a93ee5ed9e' }, this.poll.voted.length)), this.poll.options.map((item, index) => (index$1.h("div", { class: {
                 active: item.votes.some((x) => x.id === this.self),
                 'open-vote': this.permissions.polls.canVote && !hasVoted,
                 'poll-option': true,
@@ -124,10 +124,10 @@ const RtkPoll = class {
         this.onCreate.emit(pollObject);
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '625bbf35e528f16b4a982a159c3631af1d444a85' }, index$1.h("div", { key: 'f0d20f8d5e53d1f8fd5063b7e533dc50d8184dc5', class: "create-poll" }, index$1.h("p", { key: '2dbcff9b0828790c4315e62f45c139f30971b72c' }, this.t('polls.question')), index$1.h("textarea", { key: '6ff40a7fe19cded416f45474065b9361de83d5a2', onInput: () => {
+        return (index$1.h(index$1.Host, { key: 'f0941ef37e02d079b4dda653c3a57113267d3d25' }, index$1.h("div", { key: '9f403310e285737e0440626b9f124a5dc5c41509', class: "create-poll" }, index$1.h("p", { key: '1ff2f6785a7d4d6ee3b5548dd3a1abf84bbb79b8' }, this.t('polls.question')), index$1.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) => (index$1.h("div", { class: "option" }, index$1.h("input", { placeholder: this.t('polls.option.placeholder'), value: item, onInput: (event) => this.updateOption(event, index) }), index > 1 && (index$1.h("rtk-button", { kind: "icon", class: "auto remove-option", variant: "secondary", onClick: () => this.removeOption(index) }, index$1.h("rtk-icon", { icon: this.iconPack.subtract })))))), index$1.h("rtk-button", { key: '565c530735bf27e14b0a5ee33afca6f45b1e4fc5', class: "add-option", variant: "secondary", onClick: () => this.addOption() }, this.t('polls.option')), index$1.h("label", { key: 'c38d4c9bee1c086cb481a94b17853749d5de6b63' }, index$1.h("input", { key: '64f21e59d497ae0182da74064d96ad66a522515d', id: "anonymous", type: "checkbox", onChange: (e) => (this.anonymous = e.target.checked) }), this.t('polls.results.anon')), index$1.h("label", { key: 'ec293dc473b4d9d0df7fe9d93e036ff28c0ea3d1' }, index$1.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')), index$1.h("rtk-button", { key: '7b5646a77576a2836370d16dc2104d267c573de2', kind: "wide", onClick: () => this.handleSubmit() }, this.t('polls.create')), this.error && index$1.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) => (index$1.h("div", { class: "option" }, index$1.h("input", { placeholder: this.t('polls.option.placeholder'), value: item, onInput: (event) => this.updateOption(event, index) }), index > 1 && (index$1.h("rtk-button", { kind: "icon", class: "auto remove-option", variant: "secondary", onClick: () => this.removeOption(index) }, index$1.h("rtk-icon", { icon: this.iconPack.subtract })))))), index$1.h("rtk-button", { key: '4462865a6f821de368d81dfe3144f9c228e16f0c', class: "add-option", variant: "secondary", onClick: () => this.addOption() }, this.t('polls.option')), index$1.h("label", { key: '4123038778cf22ea4605f6605c0b2518579a05cd' }, index$1.h("input", { key: '6b2e11df102744af6f03b0e13940bd3035c52506', id: "anonymous", type: "checkbox", onChange: (e) => (this.anonymous = e.target.checked) }), this.t('polls.results.anon')), index$1.h("label", { key: '998f5b503a88d7f9a663cfc940291448f3ff93dd' }, index$1.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')), index$1.h("rtk-button", { key: '214c318cf10cd1d7e77f5886884e86a4f7cdba8c', kind: "wide", onClick: () => this.handleSubmit() }, this.t('polls.create')), this.error && index$1.h("span", { key: '7c160bfde39fca7d73008740395ae0987cc19ff1', class: "error-text" }, this.error.message))));
     }
 };
 __decorate([

package/dist/cjs/rtk-recording-indicator.cjs.entry.js

@@ -47,7 +47,7 @@ const RtkRecordingIndicator = class {
         }
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '421715a1e7084f9dc226cdf969393a9c9b58fd66', "data-hidden": !this.isRecording }, this.isRecording && (index$1.h("div", { key: 'fcfd0aa019c6d56ed5a872cdd2cf38ac7ac4258e', class: "indicator", "aria-label": this.t('recording.indicator'), part: "indicator" }, index$1.h("rtk-icon", { key: 'de97c04f6a1d81606285b2430ccf111dd7208bbf', icon: this.iconPack.recording, "aria-hidden": true, tabIndex: -1, part: "icon" }), index$1.h("span", { key: '6c142e85f186c7cdb77ccbb78453b2101e17f31a' }, this.t('recording.label'))))));
+        return (index$1.h(index$1.Host, { key: 'fc39a3c4780da8cf12bbb4fa7f4cfb608f053113', "data-hidden": !this.isRecording }, this.isRecording && (index$1.h("div", { key: '9aa8ba548d5b44b2a667dc53001faad973b00aaa', class: "indicator", "aria-label": this.t('recording.indicator'), part: "indicator" }, index$1.h("rtk-icon", { key: '4380a702bc57d734a03d14afbbb38201d9eb51ba', icon: this.iconPack.recording, "aria-hidden": true, tabIndex: -1, part: "icon" }), index$1.h("span", { key: '4c355ee5eea18c47c34d4665dbc9b3eb75a04f97' }, this.t('recording.label'))))));
     }
     static get watchers() { return {
         "meeting": ["meetingChanged"]

package/dist/cjs/rtk-screenshare-view.cjs.entry.js

@@ -109,7 +109,7 @@ const RtkScreenshareView = class {
         const icon = this.isFullScreen
             ? this.iconPack.full_screen_minimize
             : this.iconPack.full_screen_maximize;
-        return (index$1.h(index$1.Host, { key: '34b2ef729d2ac2c5bdff2c29412a72d539ab512c', class: { isSelf } }, index$1.h("div", { key: "video-container", id: "video-container", class: { expand: this.videoExpanded } }, index$1.h("video", { key: '2ce3c6939616fa6bb4e487d3ba4ef0a343aaeb6f', ref: (el) => (this.videoEl = el), class: {
+        return (index$1.h(index$1.Host, { key: '895838fc56a74007fe02299ee30de45c28604101', class: { isSelf } }, index$1.h("div", { key: "video-container", id: "video-container", class: { expand: this.videoExpanded } }, index$1.h("video", { key: 'e5c48b3f240b44580e3693ba16b93e56c1c91099', ref: (el) => (this.videoEl = el), class: {
                 visible: this.screenShareEnabled,
                 'fit-in-container': this.participant.supportsRemoteControl,
             }, playsInline: true, onPlay: () => {
@@ -117,15 +117,15 @@ const RtkScreenshareView = class {
                     screenshareParticipant: this.participant,
                     participant: this.meeting.self,
                 });
-            }, autoPlay: true, muted: true, id: `screen-share-video-${this.participant.id}` })), index$1.h("div", { id: "controls", key: "controls" }, !this.hideFullScreenButton && !isSelf && fullScreen.isFullScreenSupported() && (index$1.h("rtk-tooltip", { key: '0d85023b8a8347a93279abafde8fbf09cb41b95a', label: text }, index$1.h("rtk-button", { key: '1c2de414eaa60015a51b332490a276e1372cd968', id: "full-screen-btn", kind: "icon", onClick: this.toggleFullScreen, title: text }, index$1.h("rtk-icon", { key: '4855d0ff22108ab6bb859d771955c5e3eb5d69f6', icon: icon, "aria-hidden": true, tabIndex: -1 }))))), isSelf && (index$1.h("div", { id: "self-message", key: "self-message" }, index$1.h("h3", { key: '052603a136533ed56f70dc1c8aa36f1423925c61' }, this.t('screenshare.shared')), index$1.h("div", { key: '25f07fbc055318abcf486ac977ec89fc6c65c191', class: "actions" }, this.meeting != null && (index$1.h("rtk-button", { key: '0740cd5d8b0dc40615d3142e07eb7f4ae36238d7', variant: "danger", onClick: () => {
+            }, autoPlay: true, muted: true, id: `screen-share-video-${this.participant.id}` })), index$1.h("div", { id: "controls", key: "controls" }, !this.hideFullScreenButton && !isSelf && fullScreen.isFullScreenSupported() && (index$1.h("rtk-tooltip", { key: 'af1a9ab34f7eafdadd905fe6cc420f80bba9df0e', label: text }, index$1.h("rtk-button", { key: '39e85a27f31ab4341e8ea909538eee9c2fa64eea', id: "full-screen-btn", kind: "icon", onClick: this.toggleFullScreen, title: text }, index$1.h("rtk-icon", { key: '24d224601e90c39581b9b58253cc1a9afa8debb1', icon: icon, "aria-hidden": true, tabIndex: -1 }))))), isSelf && (index$1.h("div", { id: "self-message", key: "self-message" }, index$1.h("h3", { key: '5b86a4393bc13986edef699d41e9840beba7afaf' }, this.t('screenshare.shared')), index$1.h("div", { key: '0a8956428dda78bf4802aedb37c67a11726d383a', class: "actions" }, this.meeting != null && (index$1.h("rtk-button", { key: '29332a805aaeb97dd1c82e764a84e99e0bb6778e', variant: "danger", onClick: () => {
                 this.meeting.self.disableScreenShare();
-            } }, index$1.h("rtk-icon", { key: '4d2a00a772c9dc2f6cb5b9b42a99b096838d0df0', icon: this.iconPack.share_screen_stop, slot: "start" }), this.t('screenshare.stop'))), index$1.h("rtk-button", { key: '5fda78778feed97ac9b5b44a449011927b855cfa', variant: "secondary", id: "expand-btn", onClick: () => {
+            } }, index$1.h("rtk-icon", { key: '1a56a38c437b82b2b948963709770c78044d2fb9', icon: this.iconPack.share_screen_stop, slot: "start" }), this.t('screenshare.stop'))), index$1.h("rtk-button", { key: '4447983e29864ad5f3af891ee5949faf3bb28760', variant: "secondary", id: "expand-btn", onClick: () => {
                 this.videoExpanded = !this.videoExpanded;
-            } }, index$1.h("rtk-icon", { key: 'e20687dfdbdad334c23cb49e366c24fd1a71047d', icon: this.videoExpanded
+            } }, index$1.h("rtk-icon", { key: '922dcb884d37077859b6c4171ef3f66d84d4f365', icon: this.videoExpanded
                 ? this.iconPack.full_screen_minimize
                 : this.iconPack.full_screen_maximize, slot: "start" }), this.videoExpanded
             ? this.t('screenshare.min_preview')
-            : this.t('screenshare.max_preview'))))), index$1.h("slot", { key: '4a2fedd80bef177633ccdfee754d06186692e6bb' })));
+            : this.t('screenshare.max_preview'))))), index$1.h("slot", { key: '832760ef28dac2cbace7aa76769b8f6db323deda' })));
     }
     get host() { return index$1.getElement(this); }
     static get watchers() { return {

package/dist/cjs/rtk-settings-toggle.cjs.entry.js

@@ -37,7 +37,7 @@ const RtkSettingsToggle = class {
     }
     render() {
         const text = this.t('settings');
-        return (index$1.h(index$1.Host, { key: 'a35e91bc92a802afd3eaf6f3211d1db7693413d1', title: text }, index$1.h("rtk-controlbar-button", { key: '03fb21e343891459262180be282065331a6140a3', part: "controlbar-button", size: this.size, iconPack: this.iconPack, onClick: () => this.toggleSettings(), icon: this.iconPack.settings, label: text, variant: this.variant })));
+        return (index$1.h(index$1.Host, { key: '2304f4ea95e5fb5e44665130cd744e0ebafb3ce2', title: text }, index$1.h("rtk-controlbar-button", { key: '4a648720e88dfee6b8ab84f6486fc0277e5f9345', part: "controlbar-button", size: this.size, iconPack: this.iconPack, onClick: () => this.toggleSettings(), icon: this.iconPack.settings, label: text, variant: this.variant })));
     }
 };
 __decorate([

package/dist/cjs/rtk-spotlight-grid.cjs.entry.js

@@ -71,13 +71,13 @@ const RtkSpotlightGrid = class {
             t: this.t,
         };
         const nonPinnedParticipants = this.participants.filter((p) => this.pinnedParticipants.some((pt) => pt.id != p.id));
-        return (index$1.h(index$1.Host, { key: '7640a44634c724d5964c4b4ac2e1a131483b1251' }, index$1.h("main", { key: 'ef00af9d4b4eabb86652d7b852c962bc71311012', part: "main" }, index$1.h(index$2.Render, { key: '6f3665ffdc49b0cb813b5b1a1d09132b685da2f7', element: "rtk-simple-grid", defaults: defaults, props: {
+        return (index$1.h(index$1.Host, { key: 'e59d2ac514c625655e956290435cf75115d28680' }, index$1.h("main", { key: '3a6ce7465092914937ccc0a4011313889ff8b215', part: "main" }, index$1.h(index$2.Render, { key: 'ed21c2595f58f4b430b1d42b7329c6e3a7952552', element: "rtk-simple-grid", defaults: defaults, props: {
                 part: 'main-grid',
                 participants: this.pinnedParticipants,
                 aspectRatio: this.aspectRatio,
                 gap: this.gap,
                 size: this.getAdaptiveSize(this.pinnedParticipants.length),
-            } })), nonPinnedParticipants.length > 0 && (index$1.h("aside", { key: '1b4f2c027f011b04a1f22dac96a82d5584f40aeb', part: "aside", class: this.gridSize.spotlight ? `grid-width-${this.gridSize.spotlight}` : 'grid-width-md' }, index$1.h(index$2.Render, { key: 'bcc34463bf791b77bb8f5050be2e5aeb3dd01289', element: "rtk-simple-grid", defaults: defaults, props: {
+            } })), nonPinnedParticipants.length > 0 && (index$1.h("aside", { key: '52d3ab791766e9107b034de5328c72d63729db1c', part: "aside", class: this.gridSize.spotlight ? `grid-width-${this.gridSize.spotlight}` : 'grid-width-md' }, index$1.h(index$2.Render, { key: '58ca609909a390092527ae999195e7d0c46a4feb', element: "rtk-simple-grid", defaults: defaults, props: {
                 part: 'aside-grid',
                 participants: nonPinnedParticipants,
                 aspectRatio: this.aspectRatio,

package/dist/cjs/rtk-stage.cjs.entry.js

@@ -29,7 +29,7 @@ const RtkStage = class {
         this.t = uiStore.useLanguage();
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'b0f0bb2c16e9965cc7f646624118a8cee13538a5' }, index$1.h("slot", { key: '9555e0c26d9ab23b6fb02e1e1d4025eaaf6df704' })));
+        return (index$1.h(index$1.Host, { key: 'a8869602eda342c0c2de8682ab0b68cf68b4883e' }, index$1.h("slot", { key: 'f2c477f44bed9ac574795d934db9f72920b73180' })));
     }
 };
 __decorate([

package/dist/cjs/rtk-transcript.cjs.entry.js

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

package/dist/cjs/rtk-waiting-screen.cjs.entry.js

@@ -30,7 +30,7 @@ const RtkWaitingScreen = class {
         this.t = uiStore.useLanguage();
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '5f35f594c3c621db03b7d29397ebc5436bb8cb0d' }, index$1.h("slot", { key: '7e5eb00806056651b1fdd9cce1b7ff758a44afc2' }, index$1.h("div", { key: 'dd9dc281d1592383d23ad7045fa38f231140ec7e', class: "centered", part: "content" }, index$1.h("rtk-logo", { key: '59bbcae1ba6cc66d5a0e3b0994b9801c1eeb1884', meeting: this.meeting, config: this.config, part: "logo", t: this.t }), index$1.h("p", { key: 'b7dfb63fc063abf5eeb8cba203cb842f504d2d87' }, this.t('waitlist.body_text'))))));
+        return (index$1.h(index$1.Host, { key: '1b65c6ea9a3747fca54e10ae22de1f66f0b5095e' }, index$1.h("slot", { key: '1291fd61658c377b46a19a48972bd9fd718a6452' }, index$1.h("div", { key: '72d460d5cfaa8aa5ef03a97466a5ea1810c661a6', class: "centered", part: "content" }, index$1.h("rtk-logo", { key: 'd9f65cf1ca150090051a7f832eccff954231a53f', meeting: this.meeting, config: this.config, part: "logo", t: this.t }), index$1.h("p", { key: '2bf23f63b9bb3aea03c880ea70c2911f919fc299' }, this.t('waitlist.body_text'))))));
     }
 };
 __decorate([

package/dist/collection/components/rtk-ai-transcriptions/rtk-ai-transcriptions.js

@@ -108,7 +108,7 @@ export class RtkAiTranscriptions {
         });
     }
     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 is() { return "rtk-ai-transcriptions"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-audio-grid/rtk-audio-grid.js

@@ -80,7 +80,7 @@ export class RtkAudioGrid {
     }
     render() {
         const onStage = this.activeParticipants.concat(this.onStageParticipants);
-        return (h(Host, { key: '9abf98e115b0c6904fd970c39880101fab2c637c' }, h("div", { key: 'dba672bd5cdd108629802028080eef8d1fb3afd6', class: "content scrollbar" }, h("div", { key: '21fc5e7ac8a6226b35695960f8f4b92a227344b5', class: "stage grid" }, this.renderGrid(onStage)), this.offStageParticipants.length > 0 && (h("div", { key: '6aee7d64d2af6e4435c5e552e24d7a3dc12847f8', class: "waitlist-area" }, h("div", { key: 'e84f6038cc0071062b9d5d033848739bdb1cc971', class: "listening-title" }, this.offStageParticipants.length, " ", this.t('grid.listening')), h("div", { key: 'd6d5cdd233847dca6902a4c0158be110b36b1c76', class: "waitlist-grid grid" }, this.renderGrid(this.offStageParticipants))))), h("slot", { key: '03aee180fdfdf0a8391e31cc2e943173fb06bcc0' })));
+        return (h(Host, { key: '545ff0d94e5d8cb5604279fd22b47d2c9c30ff96' }, h("div", { key: 'cbf5012d5087b84eddfad9e17fad50e3470ebb47', class: "content scrollbar" }, h("div", { key: '2a513b6542719648450701770638cba13700b8bb', class: "stage grid" }, this.renderGrid(onStage)), this.offStageParticipants.length > 0 && (h("div", { key: '1ac6c830743816da172504c156492a0b834cdb7b', class: "waitlist-area" }, h("div", { key: 'dfff80aece14434a905e16c28df55c91a865481e', class: "listening-title" }, this.offStageParticipants.length, " ", this.t('grid.listening')), h("div", { key: 'e0e6c644fb313b688b5e3cb77082ac29ae54b1d0', class: "waitlist-grid grid" }, this.renderGrid(this.offStageParticipants))))), h("slot", { key: 'fd4bab6e6ceeb733e1aa10d7e2f5388fa67a097f' })));
     }
     static get is() { return "rtk-audio-grid"; }
     static get encapsulation() { return "shadow"; }