@cloudflare/realtimekit-ui 1.0.6-staging.4 → 1.0.6-staging.6

package/dist/cjs/rtk-channel-selector-ui.cjs.entry.js

@@ -123,7 +123,7 @@ const RtkChannelSelectorUi = class {
         }
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '136cbd5937436f0e67410ed17ee55bdc84be52e5' }, index$1.h("div", { key: 'd6eaec8105117ef6fc354ce73cd112a911383eef', class: "container", ref: (el) => (this.$el = el) }, this.isHidden && (index$1.h("rtk-button", { key: 'eada98e8ca313b96e284b755d2fdef8093a3dc90', kind: "icon", variant: "ghost", size: "md", onClick: this.onRevealClicked, class: "sidebar-btn" }, index$1.h("rtk-icon", { key: '6e6d637b32053c624939935826bc0ff1ab68598e', icon: this.isHidden ? this.iconPack.chevron_left : this.iconPack.dismiss }))), index$1.h("slot", { key: '8cec1de02484371962db82e2d759bcbba5a3b2c7', name: "header" }), index$1.h("div", { key: '688f3a270abe7d9095e6f23d0e6b194142de9c91', class: "search-wrapper" }, index$1.h("div", { key: '18e4839b236a35b25a06dafa6fe6009c6f2f3eb8', class: "search" }, index$1.h("input", { key: 'ff6c1cfcea206467eed86155620473babbe1b439', type: "search", autocomplete: "off", placeholder: this.t('chat.search_conversations'), onInput: this.onSearchInput }), index$1.h("rtk-icon", { key: '48048bd742cffc5bddc0133ea83eca96cf4591c3', icon: this.iconPack.search, class: "search-icon" }))), index$1.h("div", { key: '1be26975130df38b0466cb304a69674699e69b36', class: "channel-container scrollbar", role: "list" }, this.channels
+        return (index$1.h(index$1.Host, { key: '5a2393ac0ac3f67bfae1acf2ec06c2e3ced317f7' }, index$1.h("div", { key: '73361a84f8078584b80bca96f1f1f9c9f04d74b9', class: "container", ref: (el) => (this.$el = el) }, this.isHidden && (index$1.h("rtk-button", { key: 'ea1f4caf8e5e7aeb633cdec506952fad6f168900', kind: "icon", variant: "ghost", size: "md", onClick: this.onRevealClicked, class: "sidebar-btn" }, index$1.h("rtk-icon", { key: '165420751ca42a7fe1040152bae366964e2dfe9f', icon: this.isHidden ? this.iconPack.chevron_left : this.iconPack.dismiss }))), index$1.h("slot", { key: '4a04c6acd67fd6a243e66cbadfb527f70c95c416', name: "header" }), index$1.h("div", { key: 'd994d7c80ddab2ab5d87e8b7bfbaf24283f400f6', class: "search-wrapper" }, index$1.h("div", { key: '6d3c72ccf0576bb1c682c9b687fd769f8720501a', class: "search" }, index$1.h("input", { key: '65eaf233392c435772a3a2da1a33f819e4760f66', type: "search", autocomplete: "off", placeholder: this.t('chat.search_conversations'), onInput: this.onSearchInput }), index$1.h("rtk-icon", { key: 'c70df6fb76af5815837461f4f9382631acc8f336', icon: this.iconPack.search, class: "search-icon" }))), index$1.h("div", { key: '9b298879a017f3ac5c0919ec5869cb644839c31f', class: "channel-container scrollbar", role: "list" }, this.channels
             .filter((channel) => this.searchQuery === '' || channel.displayName.includes(this.searchQuery))
             .map((channel) => {
             return (index$1.h("div", { class: {
@@ -133,7 +133,7 @@ const RtkChannelSelectorUi = class {
                 }, role: "listitem", onClick: () => {
                     this.channelSelected(channel.id);
                 } }, this.renderChannelDisplayPic(channel), index$1.h("div", { class: "channel-card", "is-direct-message": channel.isDirectMessage }, index$1.h("div", { class: 'recent-message-row' }, index$1.h("span", { class: "channel-name" }, channel.displayName), channel.latestMessage && (index$1.h("span", { class: "latest-msg-time" }, this.getTimeLabel(channel.latestMessage)))), index$1.h("div", { class: 'recent-message-row' }, this.renderRecentMessage(channel), channel.unreadCount > 0 && channel.id !== this.selectedChannelId ? (index$1.h("span", { class: "new-msgs-count" }, channel.unreadCount < 99 ? channel.unreadCount : '99+')) : null))));
-        }))), !this.isHidden && (index$1.h("div", { key: '3f9a4a9bd4d8969416774f4c723a2eebd7d3cd6a', class: "overlay-container" }, index$1.h("rtk-button", { key: '50f5c7faf80014ecf2f67bd36e090c7a7f7fae01', kind: "icon", variant: "ghost", size: "md", onClick: this.onRevealClicked, class: "sidebar-btn" }, index$1.h("rtk-icon", { key: '34ea5d4835d26cb97d33fdcf585ef26813c243cd', icon: this.isHidden ? this.iconPack.chevron_left : this.iconPack.dismiss }))))));
+        }))), !this.isHidden && (index$1.h("div", { key: '3d760da990293e4ed28a2408d9db7987012c2bd4', class: "overlay-container" }, index$1.h("rtk-button", { key: 'ae83483508d71df77f4de75a92d99b89d148eefe', kind: "icon", variant: "ghost", size: "md", onClick: this.onRevealClicked, class: "sidebar-btn" }, index$1.h("rtk-icon", { key: '482ab05f50c151ee956611db128cdd197df6ad11', icon: this.isHidden ? this.iconPack.chevron_left : this.iconPack.dismiss }))))));
     }
 };
 __decorate([

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

@@ -77,9 +77,9 @@ const RtkClock = class {
     }
     render() {
         const showClock = this.startedTime !== undefined;
-        return (index$1.h(index$1.Host, { key: 'a389e7c6a9fc8183f3228564bfa61f606ceaf979', "data-hidden": !showClock, tabIndex: 0, role: "timer", "aria-live": "off" }, this.startedTime !== undefined && [
-            index$1.h("rtk-icon", { key: '5fe283d25031c367f018d7a99ea46ed0c0d46a86', icon: this.iconPack.clock, "aria-hidden": true, tabIndex: -1, part: "icon" }),
-            index$1.h("span", { key: 'e5e134c951f7bbb3f161ae01d88d9c83ed85c798', part: "text" }, this.getFormattedTime()),
+        return (index$1.h(index$1.Host, { key: '23a8a2e6c14a8c1d1dd70dce26df45f1a302f085', "data-hidden": !showClock, tabIndex: 0, role: "timer", "aria-live": "off" }, this.startedTime !== undefined && [
+            index$1.h("rtk-icon", { key: '914bd75f8e3a14df602bbb58b2c2d75b26f7cb27', icon: this.iconPack.clock, "aria-hidden": true, tabIndex: -1, part: "icon" }),
+            index$1.h("span", { key: 'abb38cd4d3dbb3a6be06d1bf98b082c42551af2c', part: "text" }, this.getFormattedTime()),
         ]));
     }
     static get watchers() { return {

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: 'f42df94eb381604cc1e4e9716e7908cab55da6b2' }, !this.disableRender && (index$1.h(index$2.Render, { key: '2c961c3e2546e7610cd2e18ea8aeaf72dbdd1075', element: "rtk-controlbar", defaults: defaults, onlyChildren: true })), index$1.h("slot", { key: '9e2a7239b36ba2f4c40bf7c7d63441c833927a97' })));
+        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' })));
     }
 };
 __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: '38be7c2de47b57a51bb6feedc0f8ea05801eec58', title: this.t('Troubleshooting') }, index$1.h("rtk-controlbar-button", { key: '18d8b11e7a57d4930c2d300eaeb60b9a77c45c5c', 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: '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 })));
     }
 };
 __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: '6a205001d1e1e1f7c54855005cab34b81e95c9b9' }, index$1.h("div", { key: 'b87bcc6c90819127b2783665e541b69ce49f1032', id: "dropzone", class: { active: this.dropzoneActivated }, part: "dropzone" }, index$1.h("rtk-icon", { key: '1f603086a79a170a4fc3f3df53df9cfdfbae73fe', icon: this.iconPack.attach }), index$1.h("p", { key: '0b4914a3fb881006b1af20533750e6b273a82a48' }, this.t('chat.send_attachment')))));
+        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')))));
     }
 };
 __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: 'cc998eacd57a6ab5492229b6eb900caf9aa6cfaa' }, !this.disableRender && index$1.h(index$2.Render, { key: 'c8bfb68227fcea6955c7e4d07cfe3d1eb9d7906d', element: "rtk-header", defaults: defaults, onlyChildren: true }), index$1.h("slot", { key: '50848506efeeccf7a6bd4539d65374eb64279d17' })));
+        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' })));
     }
 };
 __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: '9542c3ce51e79f077f59e3c260884b117ee8d327' }, index$1.h("slot", { key: 'b0d7e6f916ef6bc00eb77c89a6ee6c4f55fe81c5' }, index$1.h("div", { key: '028702fec102195179abb5ad93803478cda2cd4d', class: "ctr", part: "container" }, index$1.h("rtk-logo", { key: '5fa9163f969de1ee7f9f02b585138e16d583bf2b', meeting: this.meeting, config: this.config, t: this.t, part: "logo" }), index$1.h("rtk-spinner", { key: 'cbf0b91e0455cb2be65059766d6eb713674f2dcb', "aria-label": "Idle, waiting for meeting data", part: "spinner", iconPack: this.iconPack })))));
+        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 })))));
     }
 };
 __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: 'd3d145c8bd304fbe0e9420e7746ea15872772f3b', class: "scrollbar", onClick: (e) => e.stopPropagation() }, index$1.h("div", { key: '3f9ceed6d177439c39438dbb6ac60d08d630bf0e', class: "header" }, index$1.h("div", { key: '3944264dcf9903e55b544bda02dfa8d6643ba3ff', class: "shared-by-user" }, this.t('chat.img.shared_by'), ' ', index$1.h("span", { key: '540b69c4f1abdd437a003fa4ba9c9ddf8aa71dd8', class: "displayName" }, string.formatName(string.shorten(this.image.displayName)))), index$1.h("div", { key: 'ed632e11bcdf8fa46a2c1bd0f6b02884ee635b5a', class: "actions" }, index$1.h("rtk-button", { key: '677ef4df0f7235a27c925b1e742a61222c90049f', onClick: () => file.downloadFile(this.image.link, { fallbackName: 'image' }) }, index$1.h("rtk-icon", { key: '2479f3a5e2f9eff5359d377625d06337b2023e8c', icon: this.iconPack.download, slot: "start" }), "Download"), index$1.h("rtk-button", { key: '6ff009deb6e385481254e9fa6a7ae30f1676cff0', kind: "icon", variant: "secondary", onClick: () => this.close.emit() }, index$1.h("rtk-icon", { key: '6ad51918f8e76980f61c02c10b9a2cccfe5a2a7f', icon: this.iconPack.dismiss })))), index$1.h("div", { key: '5fd522972d26d9b4815ffe37d2d418b784e751ae', class: "image-ctr" }, index$1.h("img", { key: 'a45df563ecdf79e020e3269f6fd055aee27cfab0', src: this.image.link }))));
+        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 }))));
     }
 };
 __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: 'e6592aeb2d479a084f6100d1a32f6df61c2e979c' }, index$1.h("div", { key: '9406039d36b98781c2eb8dbbe37fab9a3390c90b', class: "tooltip-container" }, index$1.h("rtk-icon", { key: '97fd3324d790e8dc81d81bb272cacd95a2a95997', icon: this.iconPack.info, size: "sm" }), index$1.h("div", { key: 'e3b5b3a8e69cea34a1aa86b1a6eff2008028b673', class: "tooltip" }, index$1.h("slot", { key: '88608c68efc3287baf74d717a5e3ca418ef0dc9b', name: "tootlip-text" })))));
+        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" })))));
     }
 };
 __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: 'fc176585ba4617c2b64d05d9b2e1ee66084666aa', label: text }, index$1.h("rtk-controlbar-button", { key: 'feb4ee03ff7d16bf6ab858a3207a628121fd477b', 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: '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" })));
     }
 };
 __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: '17ccb3852a89ddb77e5799413f8ee0ef0ac7c132', class: "scrollbar content-wrapper", ref: (el) => (this.$listRef = el), onScroll: this.handleScroll }, index$1.h("div", { key: '044af22a10ae312a46d90f29dc9a793d86540fb8', class: "scroller" }, index$1.h("div", { key: '15a2b213883f210a44081c05c317f9da7a58380c', style: {
+        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: {
                 height: `${this.totalHeight}px`,
-            } }), index$1.h("div", { key: '918071c6d3aed045814c1c2b3908572edae480ac', class: "smallest-dom-element", id: "list-end", ref: (el) => (this.$listEndRef = el) })), index$1.h("div", { key: '19b2f45794fa73f44d54b9b91ef1cab0df6c4aae', class: "content", style: {
+            } }), 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: {
                 transform: `translateY(${this.getRangeSize(0, this.range.start)}px)`,
-            } }, this.isFetching && (index$1.h("div", { key: '1a05d8ec0a4a11812afef413226c472d797e7ebe', class: "loader" }, index$1.h("rtk-spinner", { key: '29f275642f8f8be5d9cbe12ff0eeedba48e1b4c1', 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: '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) }))))));
     }
     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: 'ae92dc374ab721ea86cfe8d0f658be4f4c624d51', title: text }, this.states.activeMoreMenu && (index$1.h("div", { key: '061d68748259df66e729ff830c9d72909b8185a6', class: "more-menu" }, index$1.h("slot", { key: '6a89ae4f51c32c560c83bb5fa10f694797f4d20c', name: "more-elements" }))), index$1.h("rtk-controlbar-button", { key: '775fcd968101f57f070159f6992ad55527fd424a', size: this.size, iconPack: this.iconPack, onClick: (e) => {
+        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) => {
                 e.stopPropagation();
                 this.toggleMoreMenu();
-            }, icon: this.iconPack.horizontal_dots, label: text, part: "controlbar-button" }), index$1.h("slot", { key: '4b2006186051bf7c0e80dc4d9536d610d25ae7ba', name: "expanded" })));
+            }, icon: this.iconPack.horizontal_dots, label: text, part: "controlbar-button" }), index$1.h("slot", { key: 'e38000e817552abd2b20668885effaf8a0b73592', name: "expanded" })));
     }
     get host() { return index$1.getElement(this); }
 };

package/dist/cjs/rtk-name-tag.cjs.entry.js

@@ -49,7 +49,7 @@ const RtkNameTag = class {
         var _a, _b, _c;
         const name = string.formatName(((_a = this.participant) === null || _a === void 0 ? void 0 : _a.name) || '');
         const isSelf = ((_b = this.participant) === null || _b === void 0 ? void 0 : _b.id) === ((_c = this.meeting) === null || _c === void 0 ? void 0 : _c.self.id);
-        return (index$1.h(index$1.Host, { key: '05fa4b586b3b0f02b881b889fa24ea3fded851ff', title: name }, index$1.h("slot", { key: '3687ef547d6bce55ecab7961e51e1b9a1beb9798', name: "start" }), index$1.h("span", { key: '6e1ef3741cdf635ab3eb6acf5d97cb0c133a1bcd', class: "name" }, this.formatNameTag(name, isSelf)), index$1.h("slot", { key: '102712f4ab6f1fdbb15c1a56676b3399ef1369f0', name: "end" })));
+        return (index$1.h(index$1.Host, { key: 'd42b26fe39b4a8643e32b420ec6cded7450dde20', title: name }, index$1.h("slot", { key: '5235adedfaef8eb0b99d46f9b6e89efe40e53f68', name: "start" }), index$1.h("span", { key: 'bd15296809e2caf334c6786e45e3b751633ff001', class: "name" }, this.formatNameTag(name, isSelf)), index$1.h("slot", { key: '6f5a39cfecf90b9d449b08274eb20b450bcba196', name: "end" })));
     }
     static get watchers() { return {
         "size": ["sizeChanged"]

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: '0e892e1dfa9613f7fdd62dbca7254284eb6df977' }, index$1.h("video", { key: 'bc958a758eef2ada959c848ea85ab337daec8dc7', ref: (el) => (this.videoEl = el), class: {
+        return (index$1.h(index$1.Host, { key: 'b1470884fc7e85a79e6d6954547737690dd6923a' }, index$1.h("video", { key: 'c967c9e6716624e3a484d424fe33a50b4d9799c6', 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: '4271e84aaf556c68d2781da4b1e67ce709a1f00c' })));
+            }, autoPlay: true, playsInline: true, muted: true }), index$1.h("slot", { key: 'fe319fc4aa0cc4049024e3860a8af2b2d6d5bc68' })));
     }
     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: 'fca2be3a201295536c8401df43b0d7c574204d67' }, index$1.h("div", { class: "left", key: (_e = this.participant) === null || _e === void 0 ? void 0 : _e.id }, index$1.h("rtk-avatar", { key: 'fc9a18d3afb9e023f690cc09b61c8fece2117131', participant: this.participant, size: "sm", iconPack: this.iconPack, t: this.t }), index$1.h("p", { key: '76bde07e6b502ad5b329ca0780e96b7d13ca6c86', 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: 'f5475e848b7eb07f36b03514c2f140366fa9db75', class: "right" }, isActiveParticipant && (index$1.h("rtk-icon", { key: 'd79d3570137dc8f44d85d4f1325d2b7528ae2b09', class: {
+        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: {
                 red: !this.audioEnabled,
-            }, icon: this.audioEnabled ? this.iconPack.mic_on : this.iconPack.mic_off })), isActiveParticipant && !isAudioRoom && (index$1.h("rtk-icon", { key: '8267f27a37e363ddc54708d31c6715fffd6bf057', class: {
+            }, icon: this.audioEnabled ? this.iconPack.mic_on : this.iconPack.mic_off })), isActiveParticipant && !isAudioRoom && (index$1.h("rtk-icon", { key: 'e6e7d7e8a50a9ad0be657b85245252300182c539', 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: '16a70e1c20fbc9b60bdc06c2b5621eeb92ffd456', class: "menu" }, index$1.h("span", { key: '2283145bee77a1d3cca5b78ab035df9295c0bd12', id: "trigger", onClick: this.onMenuToggle }, index$1.h("rtk-button", { key: 'f11c52baf39ff342d4bd6cac5882b7852bea5dd0', variant: "ghost", kind: "icon", slot: "trigger" }, index$1.h("rtk-icon", { key: '2d218acada676cb4fc8d2b720fd7a785932b05cb', class: "more", icon: this.iconPack.more_vertical }))), index$1.h("span", { key: '57eee96bfe16ec0792f068b1c5125020522b6ea0', id: "menu-list" }, this.menuOpen && (index$1.h("rtk-menu-list", { key: '73786a54c181560cf3744d41872860a4f9226182', iconPack: this.iconPack, t: this.t }, this.canPinParticipant && isActiveParticipant && !isAudioRoom && (index$1.h("rtk-menu-item", { key: '5e58a73a8ee20e682dfaea8352bf757f21f2074d', onClick: () => {
+            }) > 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: () => {
                 if (this.isPinned) {
                     this.participant.unpin();
                 }
                 else {
                     this.participant.pin();
                 }
-            }, iconPack: this.iconPack, t: this.t }, index$1.h("rtk-icon", { key: '7b1135f7ea874641440af548c170d7eed932f5aa', 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: '6f1a6e919ad72776e0a318bac3657e358a846e42', iconPack: this.iconPack, t: this.t, onClick: () => {
+            }, 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: () => {
                 this.isHidden
                     ? this.participant.show()
                     : this.participant.hide();
-            } }, index$1.h("rtk-icon", { key: '6d2dc3f5a8fcbac7bee5855418f2d310a44ea581', 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: 'fdfc1cfeca1b1c63dd27fcc31a658f1d1a8d5c17', 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: '9f15f60f110f41b68a7e48c5f14f1826f291a76a', iconPack: this.iconPack, t: this.t, onClick: () => {
+            this.audioEnabled && (index$1.h("rtk-menu-item", { key: '95edf3439889a9c468acce8ef88ababef747e018', iconPack: this.iconPack, t: this.t, onClick: () => {
                 this.participant.disableAudio();
-            } }, index$1.h("rtk-icon", { key: '337bd8e35012e5d5db7c899246f5debff0e82a8f', icon: this.iconPack.mic_off, slot: "start" }), this.t('mute'))), this.canDisableParticipantVideo &&
+            } }, index$1.h("rtk-icon", { key: '1df60ff6541717369a5c8c1fa47dcb09e2499f8d', icon: this.iconPack.mic_off, slot: "start" }), this.t('mute'))), this.canDisableParticipantVideo &&
             isActiveParticipant &&
-            this.videoEnabled && (index$1.h("rtk-menu-item", { key: '5c57b5c3e63efc77578849e1e631d92bece21b93', iconPack: this.iconPack, t: this.t, onClick: () => {
+            this.videoEnabled && (index$1.h("rtk-menu-item", { key: 'e3812a8631be2f84695b90ac80f0214a26495071', iconPack: this.iconPack, t: this.t, onClick: () => {
                 this.participant.disableVideo();
-            } }, index$1.h("rtk-icon", { key: 'dc95678f6f7fdc6dcbce86ee6a13d9891e039770', 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: '60aabc93efd82a76edcea10d895522d9c9d5e68f', iconPack: this.iconPack, t: this.t, class: this.isOnStage ? 'red' : '', onClick: this.inviteToStageToggle }, index$1.h("rtk-icon", { key: '6eef25ebdfae1932011b9764cdc3cbf7f07ecd1b', icon: this.isOnStage
+            } }, 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
                 ? 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: '69ede235912eaf64e025d7b05dae7ee0e9089ab4', 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: 'affe710adb04e305b6a46b9de2d25984d6c075d6', 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: 'e4ad9ac63eea2e436374289d5e0b83a754bf65fd', icon: this.iconPack.dismiss, slot: "start" }), this.t('kick'))), index$1.h("slot", { key: '51235a7802e6878c7391c132e4bd8c3c636b57c5' }, index$1.h(index$2.Render, { key: '5ca8b68b79c748f3ced6cdb33ec8757caa7b597b', element: "rtk-participant", defaults: defaults, childProps: {
+            } }, 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: {
                 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: 'b2f64c371659124c270ecb75efe4ec12498bdf8e', class: "virtual-list-container", style: {
+        return (index$1.h("div", { key: '8928758911fd6ac3b955e727306f1ebfe19aba9b', class: "virtual-list-container", style: {
                 position: 'relative',
                 height: '100%',
                 overflowX: 'hidden',
                 overflowY: 'auto',
-            } }, index$1.h("div", { key: '3467332664e7bc167748dea0ec64da614ad4915c', 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: '738cc8ac54467c1a5b6d257885a19e29c10de5e1', style: { height: `${this.itemHeight}px` } })));
+            } }, 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` } })));
     }
     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: '21a64212a6cc90c14a8f5593269be311b844c574' }, this.showPlayDialog && (index$1.h("rtk-dialog", { key: '9572a416560f8ebd569d977b0d6b1758fe9ffaa4', open: true, onRtkDialogClose: this.onRtkDialogClose, hideCloseButton: true, disableEscapeKey: true, iconPack: this.iconPack, t: this.t }, index$1.h("div", { key: 'dd3cea3ac1b3ba4feb4f85a0cc2d8505bf25597e', class: "modal" }, index$1.h("h3", { key: '3dc9046e0322029cee74b8d5688453f081b529e1' }, this.t('audio_playback.title')), index$1.h("p", { key: 'b9b076d73c0ac8fa13e25bfba2ebd6c968d41e58' }, this.t('audio_playback.description')), index$1.h("rtk-button", { key: '274d941ea5c4f3b6aa6e94f200dabd84856ebccc', kind: "wide", onClick: () => {
+        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: () => {
                 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: 'd9102eb22990f801c354c45ee0ff46f4a13fef60' }, index$1.h("div", { key: '58644b83e1b580f2ffd41a61319e88cfb1aae584', class: "participants-container" }, !this.hideHeader && (index$1.h("div", { key: '4063fc5e4322b723f02d40fe80522236a7ae728d', class: "heading-count", part: "heading-count" }, this.t('participants'), " (", this.participants.length, ")")), index$1.h("rtk-virtualized-participant-list", { key: '45a95caaa31437c03679394305115045fa6a016f', 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: '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')) }))));
     }
     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: '4df38ce202b9551b38746e549824ff800ffc9fc1' }, index$1.h("ul", { key: '19ad38b73ff77459cfda3227a013c2e28823386f', 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: '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: () => {
                 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: 'f259b6fa652fe2e81c18d3a0fb85a15d0c091de3' }, index$1.h("div", { key: '6cc127127307bcb1a5482a260fe7ccaf65bb1e3d', class: "ctr", part: "container" }, index$1.h("div", { key: 'ef9df557e4a5fb99ea2ce66172b7a889410daeea', class: "polls-view scrollbar", ref: (el) => (this.pollEl = el), part: "polls" }, this.polls.length == 0 && this.create !== true && (index$1.h("div", { key: '0eb92f8f60ab00fb849b2d656a9d8bafb26195de', class: "empty-polls" }, this.t('polls.empty'))), this.polls.map((item) => {
+        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) => {
             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: '71fc9e183684f5cafee5f0885af3d679d099a8ec', part: "poll-form", onRtkCreatePoll: (e) => {
+        }), this.create && (index$1.h("rtk-poll-form", { key: '9f73d645076a512dfffc3009dada18c137b918d0', 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: '0639577353327ded0d1e7db08cbaadac47ec296c', 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: 'e24dd4ab4c0e61acdbcff002ef16553214cfb94e', 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: '2951e932453e7c58f3d2a1bc0952b02c7f231fe2' }, index$1.h("div", { key: 'fda1240df8d21e01df14e749593f00ca81a4c4a2', class: "ctr" }, index$1.h("p", { key: '08459f706bdb922eddc7a3b7f3b2177293f18371', class: "poll-title" }, this.t('polls.by'), " ", string.shorten(string.formatName(this.poll.createdBy), 20)), index$1.h("div", { key: 'b8c1d0755a17862bf372c24c72b6ad5f9a774d81', class: "poll" }, index$1.h("p", { key: 'cd76bf5da75f3165eecac1c6845bbb5c0a69a99c', class: "poll-question" }, this.poll.question), index$1.h("div", { key: '00c702b964872b7883bcd656e3b8e03a1986b28e', class: "poll-answers" }, index$1.h("span", { key: 'e51a233616f792e6bcbbb8376099a4a5e9e7dd02' }, this.t('polls.answers')), index$1.h("span", { key: 'f3fe545292f85870d11f334c211099bdab8694f0' }, this.poll.voted.length)), this.poll.options.map((item, index) => (index$1.h("div", { class: {
+        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: {
                 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: '3b0e105480e37261b64a99552f20f65b467deb5c' }, index$1.h("div", { key: '8682faca7764a1669f589be097ccfee63d49e9b3', class: "create-poll" }, index$1.h("p", { key: '723847f27d92eeac805b7c55692d61ce48476eb0' }, this.t('polls.question')), index$1.h("textarea", { key: 'e85b887af5077f79a0542aa256cbc1ee2e209c67', onInput: () => {
+        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: () => {
                 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: '4b1552030c268c7b9c67e63f47ca4decbaca549f', class: "add-option", variant: "secondary", onClick: () => this.addOption() }, this.t('polls.option')), index$1.h("label", { key: '3af3d5e264c8acd9fd2348483489a02aaf9ac770' }, index$1.h("input", { key: '39339af087cc40813d79a211fd12866ade71403c', id: "anonymous", type: "checkbox", onChange: (e) => (this.anonymous = e.target.checked) }), this.t('polls.results.anon')), index$1.h("label", { key: '30a29efafcbd837057cfed7957d48c04d02e2570' }, index$1.h("input", { key: 'e5c949df6cfec33c4c31c14db9d2ff816211ca3f', 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: '994e07e64080cd4251202ac3090da2c4e71f8a02', kind: "wide", onClick: () => this.handleSubmit() }, this.t('polls.create')), this.error && index$1.h("span", { key: '27e0ab9385fe99ca5bab3a9ce4c756988dafbea4', 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: '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))));
     }
 };
 __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: '3bc3bfca9c1b7159afd2f79820c2b6e9a6726dfc', "data-hidden": !this.isRecording }, this.isRecording && (index$1.h("div", { key: '66fc2ee9663a4d1bfc4f1e3c200e712fa1c8b80f', class: "indicator", "aria-label": this.t('recording.indicator'), part: "indicator" }, index$1.h("rtk-icon", { key: '24f268ae015c0d8874a5e398e7e24bbea66b76df', icon: this.iconPack.recording, "aria-hidden": true, tabIndex: -1, part: "icon" }), index$1.h("span", { key: '033532a521765c2a5e9c1a5ceafbb453be9c2d86' }, this.t('recording.label'))))));
+        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'))))));
     }
     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: '2f708b5df22fcffc0d19fdf30896e4aaad29684b', class: { isSelf } }, index$1.h("div", { key: "video-container", id: "video-container", class: { expand: this.videoExpanded } }, index$1.h("video", { key: '7cdbbde096cad5a675757f87291150d5bd8087b6', ref: (el) => (this.videoEl = el), class: {
+        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: {
                 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: 'c3340c5de0b70f2759a4654442a6ba9c85061a34', label: text }, index$1.h("rtk-button", { key: '882d093ec8c5af94ed7d15fa246319811eb45350', id: "full-screen-btn", kind: "icon", onClick: this.toggleFullScreen, title: text }, index$1.h("rtk-icon", { key: '59cf742dc69dc5407a0c575bef7cd9ad40c648dc', icon: icon, "aria-hidden": true, tabIndex: -1 }))))), isSelf && (index$1.h("div", { id: "self-message", key: "self-message" }, index$1.h("h3", { key: 'cddd41b2f2ce83d28c52f86c401ea41b847d1197' }, this.t('screenshare.shared')), index$1.h("div", { key: '475a0a10753366bf3ae5c25b18086155c1d57be7', class: "actions" }, this.meeting != null && (index$1.h("rtk-button", { key: '98dd92a16e1b26e22053868d07add3b38514b3d1', 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: '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: () => {
                 this.meeting.self.disableScreenShare();
-            } }, index$1.h("rtk-icon", { key: '1147425c7c92aa8e8e9b15848e86b64e8fde3d5b', icon: this.iconPack.share_screen_stop, slot: "start" }), this.t('screenshare.stop'))), index$1.h("rtk-button", { key: '15aa7c156b00282d7b2c7be66eaef6d78768d166', variant: "secondary", id: "expand-btn", onClick: () => {
+            } }, 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: () => {
                 this.videoExpanded = !this.videoExpanded;
-            } }, index$1.h("rtk-icon", { key: '3e15e3948c1226eb02ed2f573a57447d2b8459b6', icon: this.videoExpanded
+            } }, index$1.h("rtk-icon", { key: 'e20687dfdbdad334c23cb49e366c24fd1a71047d', 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: 'ec18e9db10beca7faa8191ab4da5f375c9d5e056' })));
+            : this.t('screenshare.max_preview'))))), index$1.h("slot", { key: '4a2fedd80bef177633ccdfee754d06186692e6bb' })));
     }
     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: 'b929e0a6febd8eb959bcb946ae123a0e993aace5', title: text }, index$1.h("rtk-controlbar-button", { key: 'a74581d52a7d9b8903098d0f1ff3b33e740206bc', 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: '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 })));
     }
 };
 __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: '3e5596fe72e5df7684bfc51df9df3171358d094a' }, index$1.h("main", { key: '8c00ae24704582f775042399624a0274c9384d0c', part: "main" }, index$1.h(index$2.Render, { key: 'c5a06e7aff1aba7f4120acccf8e6e45d3267fccc', element: "rtk-simple-grid", defaults: defaults, props: {
+        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: {
                 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: '24bafede04344ea964cf667c5ba90f6fe52d1962', part: "aside", class: this.gridSize.spotlight ? `grid-width-${this.gridSize.spotlight}` : 'grid-width-md' }, index$1.h(index$2.Render, { key: '2328434d5f2a309e27c4af59d863e3122ec9fbc9', element: "rtk-simple-grid", defaults: defaults, props: {
+            } })), 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: {
                 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: 'cfccb12248bda74943e89cfd663504499925e73f' }, index$1.h("slot", { key: 'c48c7b62c93cefeeaad9904bbd62ea06c376199e' })));
+        return (index$1.h(index$1.Host, { key: 'b0f0bb2c16e9965cc7f646624118a8cee13538a5' }, index$1.h("slot", { key: '9555e0c26d9ab23b6fb02e1e1d4025eaaf6df704' })));
     }
 };
 __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: '178bec61ca4e702446a1d8ef9cc700d614e473cb' }, index$1.h("div", { key: 'cc7f9847399f373bb93b74d5b56acb2636df3668', class: "ctr" }, index$1.h("p", { key: 'c8d6e26e1ce9038b73ca69e5ca75e658e9df2465', class: "message" }, index$1.h("span", { key: '1138ba7e3f8c131fb4c22315791ec480b8233e24', class: "name" }, this.transcript.name), ": ", this.transcript.transcript))));
+        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))));
     }
     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: '42ab084403fb118e17ca88c0aa9ca896d44893b7' }, index$1.h("slot", { key: 'd92a248417603793da8efb8d3b914f1730bd2fc0' }, index$1.h("div", { key: '45a4c570273ee8e070fea17c340c800859ee72e3', class: "centered", part: "content" }, index$1.h("rtk-logo", { key: '7c5fe652ea18ed2cac0c20351525250c83cf8a1d', meeting: this.meeting, config: this.config, part: "logo", t: this.t }), index$1.h("p", { key: 'a3ac66ef146ac1f04a9a8e912befa3de40d534a1' }, this.t('waitlist.body_text'))))));
+        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'))))));
     }
 };
 __decorate([

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

@@ -108,7 +108,7 @@ export class RtkAiTranscriptions {
         });
     }
     render() {
-        return (h(Host, { key: '94f60db03785e266280aea971d3b998280840be2' }, h("div", { key: '0c709d7013ffd86748abc3a367e9cb504c2a37f5', class: "search-bar" }, h("input", { key: 'd98c6b1eb8835e59ed48d7a07bd12efbf72c9ae1', type: "text", placeholder: "Search Participant", value: this.participantQuery, onInput: (e) => (this.participantQuery = e.target.value) })), this.isProcessing && (h("div", { key: '041a08dd3e14b3d8c35d2d487d30a281f53338a0', class: "processing" }, h("p", { key: 'c4c90b39ca5ad0fd8161f0e3eb96aba38d959c6e' }, "Processing audio...."))), !this.isProcessing && (h("div", { key: '03bd5836324c9865d0e522d86e51701ec305f6ad', class: "content scrollbar", ref: (el) => (this.contentContainer = el) }, h("div", { key: '1df6f1b8cf06aa6f14d5700a7dfa86177bf3a752', class: "started-message" }, "Transcription started"), this.renderTranscripts()))));
+        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()))));
     }
     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: '1fe3a85bc93c05e225d68f21055e1017a7f70d58' }, h("div", { key: 'af48ec158bcd5b6a9c2326703aac739643053c05', class: "content scrollbar" }, h("div", { key: 'c8141f9cb9f9eee023419c3c99cc98098907208b', class: "stage grid" }, this.renderGrid(onStage)), this.offStageParticipants.length > 0 && (h("div", { key: '43bc09bdf14e0faac406f8f5f0f0a244ec95624a', class: "waitlist-area" }, h("div", { key: '609530579f746d37e16839dd82afd8f04c183101', class: "listening-title" }, this.offStageParticipants.length, " ", this.t('grid.listening')), h("div", { key: '410f40724a1816bd12e925e5de5a2212f0202c6a', class: "waitlist-grid grid" }, this.renderGrid(this.offStageParticipants))))), h("slot", { key: 'f3ecc1e452e89239e3cb3327b597805fd01b6a1b' })));
+        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' })));
     }
     static get is() { return "rtk-audio-grid"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-audio-visualizer/rtk-audio-visualizer.css

@@ -18,7 +18,7 @@ p {
   width: fit-content;
 }
 
-.hideMuted {
+.audioActivePadding {
   padding: var(--rtk-space-1, 4px);
 }
 

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

@@ -27,7 +27,7 @@ export class RtkAudioVisualizer {
         this.iconPack = defaultIconPack;
         /** Language */
         this.t = useLanguage();
-        /** Hide when there is no audio / audio is muted */
+        /** Hide the visualizer if audio is muted */
         this.hideMuted = false;
         /** Audio visualizer for screensharing, it will use screenShareTracks.audio instead of audioTrack */
         this.isScreenShare = false;
@@ -115,12 +115,14 @@ export class RtkAudioVisualizer {
         });
     }
     render() {
-        return (h(Host, { key: '50fd0d2472432f4a67ead60e3ab44fa015a30a0a' }, h("div", { key: '6f453d5b54520ea6c798137c95a4e3cfe1a598bb', class: {
-                hideMuted: this.hideMuted,
-            } }, h("canvas", { key: '81a9c569126e607c80327cd309fb224ecaa877b4', width: "24", height: "24", class: {
+        if (this.hideMuted && !this.audioEnabled)
+            return null;
+        return (h(Host, null, h("div", { class: {
+                audioActivePadding: this.hideMuted && this.audioEnabled,
+            } }, h("canvas", { width: "24", height: "24", class: {
                 bars: true,
                 visible: this.audioEnabled,
-            }, ref: (el) => (this.visualizer = el), part: "canvas" }), !this.isScreenShare && !this.audioEnabled && this.hideMuted !== true && (h("rtk-icon", { key: '223c3eaea7f05589e0321df21d971e0753c6a260', icon: this.iconPack.mic_off, part: "mic-off-icon" })))));
+            }, ref: (el) => (this.visualizer = el), part: "canvas" }), !this.isScreenShare && !this.audioEnabled && (h("rtk-icon", { icon: this.iconPack.mic_off, part: "mic-off-icon" })))));
     }
     static get is() { return "rtk-audio-visualizer"; }
     static get encapsulation() { return "shadow"; }
@@ -270,7 +272,7 @@ export class RtkAudioVisualizer {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Hide when there is no audio / audio is muted"
+                    "text": "Hide the visualizer if audio is muted"
                 },
                 "getter": false,
                 "setter": false,