@cloudflare/realtimekit-ui 1.1.0-staging.4 → 1.1.0-staging.5

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: '58684c8d6926e8992c460332d208a90c7dbbbb7d' }, index$1.h("video", { key: 'bfe2dfcfc1c94066910736eef08e676f7955d790', ref: (el) => (this.videoEl = el), class: {
+        return (index$1.h(index$1.Host, { key: '0e892e1dfa9613f7fdd62dbca7254284eb6df977' }, index$1.h("video", { key: 'bc958a758eef2ada959c848ea85ab337daec8dc7', 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: '9236d9897799ecf8971f097c14ebc8c85aade7b8' })));
+            }, autoPlay: true, playsInline: true, muted: true }), index$1.h("slot", { key: '4271e84aaf556c68d2781da4b1e67ce709a1f00c' })));
     }
     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: 'e9739f8ce0a6497a366c35c10fa157812b1ce460' }, index$1.h("div", { class: "left", key: (_e = this.participant) === null || _e === void 0 ? void 0 : _e.id }, index$1.h("rtk-avatar", { key: '9a084d51dbdabfbb887e68f4194e684d1730bc02', participant: this.participant, size: "sm", iconPack: this.iconPack, t: this.t }), index$1.h("p", { key: '8248aa42eaacc9a4747767b7493984b588f52f6e', 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: '7f128593d587cdcd28089ecf08c2d18a6aceb417', class: "right" }, isActiveParticipant && (index$1.h("rtk-icon", { key: '49efc3e837c262e7eca6d0cf67b0aa0c4e04370a', class: {
+        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: {
                 red: !this.audioEnabled,
-            }, icon: this.audioEnabled ? this.iconPack.mic_on : this.iconPack.mic_off })), isActiveParticipant && !isAudioRoom && (index$1.h("rtk-icon", { key: '9272d41fada7f96ea9c9ab3dc4eeac8834ea306a', class: {
+            }, icon: this.audioEnabled ? this.iconPack.mic_on : this.iconPack.mic_off })), isActiveParticipant && !isAudioRoom && (index$1.h("rtk-icon", { key: '8267f27a37e363ddc54708d31c6715fffd6bf057', 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: 'c650d0dd6c08b12682e4505d75229aec7eeb5205', class: "menu" }, index$1.h("span", { key: '2e6fcc465b2fe64b1775eff4c957330d9e8aa63a', id: "trigger", onClick: this.onMenuToggle }, index$1.h("rtk-button", { key: '0a8d53a93bf92b893ad9c20e930bb22772437c40', variant: "ghost", kind: "icon", slot: "trigger" }, index$1.h("rtk-icon", { key: '686fb26b00a689789c5607fc989eef29936ab854', class: "more", icon: this.iconPack.more_vertical }))), index$1.h("span", { key: '4f4a5573d13f421eae93acbca2c85837d2068941', id: "menu-list" }, this.menuOpen && (index$1.h("rtk-menu-list", { key: 'c446d3fe559257ecd40523b30ffb0033098f22ac', iconPack: this.iconPack, t: this.t }, this.canPinParticipant && isActiveParticipant && !isAudioRoom && (index$1.h("rtk-menu-item", { key: 'c51614856ff7de89184076854534eb15af430faf', onClick: () => {
+            }) > 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: () => {
                 if (this.isPinned) {
                     this.participant.unpin();
                 }
                 else {
                     this.participant.pin();
                 }
-            }, iconPack: this.iconPack, t: this.t }, index$1.h("rtk-icon", { key: '08feaacf94982ba80f3a41a2ee945878fde688f7', 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: '3c044243847cd3fb86ed71eb93554dc9af986b57', iconPack: this.iconPack, t: this.t, onClick: () => {
+            }, 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: () => {
                 this.isHidden
                     ? this.participant.show()
                     : this.participant.hide();
-            } }, index$1.h("rtk-icon", { key: '5b6f2e05cdc238aa25839b7f84b209ae8c7317f7', 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: '6d2dc3f5a8fcbac7bee5855418f2d310a44ea581', 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: '665ac23b6c7c8596a8cdf148407a4398dc3c62a1', iconPack: this.iconPack, t: this.t, onClick: () => {
+            this.audioEnabled && (index$1.h("rtk-menu-item", { key: '9f15f60f110f41b68a7e48c5f14f1826f291a76a', iconPack: this.iconPack, t: this.t, onClick: () => {
                 this.participant.disableAudio();
-            } }, index$1.h("rtk-icon", { key: 'd306c4b9474a32534cc6af48e9b088b5687b1b77', icon: this.iconPack.mic_off, slot: "start" }), this.t('mute'))), this.canDisableParticipantVideo &&
+            } }, index$1.h("rtk-icon", { key: '337bd8e35012e5d5db7c899246f5debff0e82a8f', icon: this.iconPack.mic_off, slot: "start" }), this.t('mute'))), this.canDisableParticipantVideo &&
             isActiveParticipant &&
-            this.videoEnabled && (index$1.h("rtk-menu-item", { key: 'b78ebe1890ed28674211f4af87a93d5a5c375930', iconPack: this.iconPack, t: this.t, onClick: () => {
+            this.videoEnabled && (index$1.h("rtk-menu-item", { key: '5c57b5c3e63efc77578849e1e631d92bece21b93', iconPack: this.iconPack, t: this.t, onClick: () => {
                 this.participant.disableVideo();
-            } }, index$1.h("rtk-icon", { key: 'c29624d8a917420dc372add65c82f9a756ab728a', 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: 'abac1f63237f7ba39aad1341275674d22a454129', iconPack: this.iconPack, t: this.t, class: this.isOnStage ? 'red' : '', onClick: this.inviteToStageToggle }, index$1.h("rtk-icon", { key: 'e69b4fcb2b3e1648f2a32a4c540da9fe43d53a90', icon: this.isOnStage
+            } }, 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
                 ? 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: 'ba6f6d9d0e0187a03bc119b48e8ee1623753905c', 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: '69ede235912eaf64e025d7b05dae7ee0e9089ab4', 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: 'b72749badd8e1807d874846872368835f87db996', icon: this.iconPack.dismiss, slot: "start" }), this.t('kick'))), index$1.h("slot", { key: '4269e4842e5d9e13c14d14e4392e2a5fa9030eb3' }, index$1.h(index$2.Render, { key: 'e3a204931270526f24df842f72f8a08817c27be0', element: "rtk-participant", defaults: defaults, childProps: {
+            } }, 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: {
                 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: '0099ee96e7d04a1dc34cfe67c9e9fa5b277f23ea', class: "virtual-list-container", style: {
+        return (index$1.h("div", { key: 'b2f64c371659124c270ecb75efe4ec12498bdf8e', class: "virtual-list-container", style: {
                 position: 'relative',
                 height: '100%',
                 overflowX: 'hidden',
                 overflowY: 'auto',
-            } }, index$1.h("div", { key: '6c6711e855ca31591bbed66e141d8d876a96b9b7', 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: 'af72c125ed812de0b089de2f5395c5eb942d5399', style: { height: `${this.itemHeight}px` } })));
+            } }, 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` } })));
     }
     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: '8861f8007e47645f2ea4c9fe5e3e5e235db31c71' }, this.showPlayDialog && (index$1.h("rtk-dialog", { key: 'ffd0f251216fb1a4a8698838d9a1f0d8998ffe86', open: true, onRtkDialogClose: this.onRtkDialogClose, hideCloseButton: true, disableEscapeKey: true, iconPack: this.iconPack, t: this.t }, index$1.h("div", { key: '4c7b4b054d19dd9d1c70d2d9f141a85cc1d479fa', class: "modal" }, index$1.h("h3", { key: 'd6c7372950b801b2b3f12e7957571e50eb02b87e' }, this.t('audio_playback.title')), index$1.h("p", { key: '07a7a45b8576084c093d1c3aaac031ccbffb9ef1' }, this.t('audio_playback.description')), index$1.h("rtk-button", { key: '6e98d5da5d893f35902f14f23f886bb22561c671', kind: "wide", onClick: () => {
+        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: () => {
                 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: '147afb9b1ab3e6fd3807163d4fab87f15df2fb2f' }, index$1.h("div", { key: '7d2e55258fc79ee83bfa7a7ed28c68e0a0587f4d', class: "participants-container" }, !this.hideHeader && (index$1.h("div", { key: '17092c2fccb4f7ae3a85ca6b5bc488984de8fa85', class: "heading-count", part: "heading-count" }, this.t('participants'), " (", this.participants.length, ")")), index$1.h("rtk-virtualized-participant-list", { key: '510b482b551add0353a7c7e760241bfa62811d4e', 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: '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')) }))));
     }
     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: '3b0eac37134293b6fe18b3c32a0c3a14ccb781db' }, index$1.h("ul", { key: '9de096a854ed4bcf487ff07ff1f8cdb47345cb45', 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: '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: () => {
                 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: 'b005e3087c9e53b28273a3f0d247840a86fcdb58' }, index$1.h("div", { key: 'cbdfdc504bc64dc4e08ba1b930bb6bb50a72fcfb', class: "ctr", part: "container" }, index$1.h("div", { key: '1bb4d10ca7046662112af38d1c3e2f0bf2f7c8d4', class: "polls-view scrollbar", ref: (el) => (this.pollEl = el), part: "polls" }, this.polls.length == 0 && this.create !== true && (index$1.h("div", { key: '91c6405125fabda281ed8fea021a68bff22f8ebf', class: "empty-polls" }, this.t('polls.empty'))), this.polls.map((item) => {
+        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) => {
             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: '75d0c1c606cca4404e79c4bc5fc4626edace0348', part: "poll-form", onRtkCreatePoll: (e) => {
+        }), this.create && (index$1.h("rtk-poll-form", { key: '71fc9e183684f5cafee5f0885af3d679d099a8ec', 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: '7dfb67d8e6d52e02d6f009d72b5742bb3a7fe163', 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: '0639577353327ded0d1e7db08cbaadac47ec296c', 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: '8a0875c47199f47c8c4cc663b3a1ec8b1110cd31' }, index$1.h("div", { key: 'f3e92e2f74d95baf9eb2d4d3a5cddaa54a580570', class: "ctr" }, index$1.h("p", { key: '4760866707225ede17d6b656449b670c77e3894f', class: "poll-title" }, this.t('polls.by'), " ", string.shorten(string.formatName(this.poll.createdBy), 20)), index$1.h("div", { key: '9dcbf0ca0f3113be0fcd6346f4caf4ec4cf277cd', class: "poll" }, index$1.h("p", { key: 'a656bd0f4cc4871637a0181a465e7db53875c865', class: "poll-question" }, this.poll.question), index$1.h("div", { key: 'cb76578023adc5ecb740190f22c8774ee6663f8b', class: "poll-answers" }, index$1.h("span", { key: '05c18d6517feff755db9a62fb0dd233a6f394c4f' }, this.t('polls.answers')), index$1.h("span", { key: '33102ea7299c24e1eb4d2682ebb7ca08bf6bab90' }, this.poll.voted.length)), this.poll.options.map((item, index) => (index$1.h("div", { class: {
+        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: {
                 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: '1f4b974280bdec6397d15bc52999c4315e632157' }, index$1.h("div", { key: '9fb661dbed5bd632e0b4fcb6b947d1b5d36b10bc', class: "create-poll" }, index$1.h("p", { key: 'b9c81e7bd5d12e1780181cabf0a067fc7035cdad' }, this.t('polls.question')), index$1.h("textarea", { key: 'b73ee86a22ec71e1bd6ac6a2bb57e118115774dd', onInput: () => {
+        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: () => {
                 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: 'f6f0e23db7186e3e223fe2992e388f9d6618fb32', class: "add-option", variant: "secondary", onClick: () => this.addOption() }, this.t('polls.option')), index$1.h("label", { key: '92b966f4beccd5334d6f6f7659af801fd27bfc64' }, index$1.h("input", { key: '454840f62da0e0a028dd7f7f9c3585f0d480d9ab', id: "anonymous", type: "checkbox", onChange: (e) => (this.anonymous = e.target.checked) }), this.t('polls.results.anon')), index$1.h("label", { key: '4cd2a60b6c710816a76a8c53d122323d519153e4' }, index$1.h("input", { key: '21d01f8caf3ee5e451e6d8fdf654c82e10b36b54', 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: '34ffc871cdeac29c1f2f4ccf3860faace48709c7', kind: "wide", onClick: () => this.handleSubmit() }, this.t('polls.create')), this.error && index$1.h("span", { key: 'c0f503daffb8c911b443a356943ff88bbb40805d', 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: '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))));
     }
 };
 __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: 'edc0246112ee48a4197cd2cd7581a8f8f4b9d2bc', "data-hidden": !this.isRecording }, this.isRecording && (index$1.h("div", { key: '5e30947cec1cfe79c3b9868ac93aa8958d0b058e', class: "indicator", "aria-label": this.t('recording.indicator'), part: "indicator" }, index$1.h("rtk-icon", { key: '7cb31ee410ff44d939f346fc8c5cf180c96d8160', icon: this.iconPack.recording, "aria-hidden": true, tabIndex: -1, part: "icon" }), index$1.h("span", { key: '4a0c8ebcfc06b8ce30b7e5de5fb7a9e00af596b3' }, this.t('recording.label'))))));
+        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'))))));
     }
     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: '89b80a7eafe99830a360d30b2565c238ba1b4b3f', class: { isSelf } }, index$1.h("div", { key: "video-container", id: "video-container", class: { expand: this.videoExpanded } }, index$1.h("video", { key: '88b2c8f5a5abff2f247800768846383eb9e72e78', ref: (el) => (this.videoEl = el), class: {
+        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: {
                 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: '0a26414307d9622b7469810389994f2d73d9cb6d', label: text }, index$1.h("rtk-button", { key: 'ed5a5a827b261e78b4397e7ef57de895c3e83e27', id: "full-screen-btn", kind: "icon", onClick: this.toggleFullScreen, title: text }, index$1.h("rtk-icon", { key: 'd29d300b05a610e83900216080717adc60419d18', icon: icon, "aria-hidden": true, tabIndex: -1 }))))), isSelf && (index$1.h("div", { id: "self-message", key: "self-message" }, index$1.h("h3", { key: '70ff28db0d44d32a3777b3998e2f70137e5305eb' }, this.t('screenshare.shared')), index$1.h("div", { key: '70676921a19f0c7ae34a10b8a4abf85219e29def', class: "actions" }, this.meeting != null && (index$1.h("rtk-button", { key: '5178c6868ff869bb6ca5a634d4d49675fb4a7315', 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: '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: () => {
                 this.meeting.self.disableScreenShare();
-            } }, index$1.h("rtk-icon", { key: '5b942500b72c5b51269967fe2cd62da95ad703af', icon: this.iconPack.share_screen_stop, slot: "start" }), this.t('screenshare.stop'))), index$1.h("rtk-button", { key: '9ba6b88e20ee1f3d36e95ff46f403f7535679da5', variant: "secondary", id: "expand-btn", onClick: () => {
+            } }, 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: () => {
                 this.videoExpanded = !this.videoExpanded;
-            } }, index$1.h("rtk-icon", { key: '1bc4ad47774672d2a364c961dae6d8b85b7e2bba', icon: this.videoExpanded
+            } }, index$1.h("rtk-icon", { key: '3e15e3948c1226eb02ed2f573a57447d2b8459b6', 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: '752ff972908fc7b488803deb25309dc702091bd9' })));
+            : this.t('screenshare.max_preview'))))), index$1.h("slot", { key: 'ec18e9db10beca7faa8191ab4da5f375c9d5e056' })));
     }
     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: 'f8b07580094990d31d3538abbe40ca85f81c2e46', title: text }, index$1.h("rtk-controlbar-button", { key: '92b3a3c8c24b2a8cd56d7caf5cff077f8adfa7bd', 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: '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 })));
     }
 };
 __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: 'cbdc37e14e4f6b6a9e10aabfc27200b3ec428f1e' }, index$1.h("main", { key: '98c15a1f061f57c691726bf04783355c813ad187', part: "main" }, index$1.h(index$2.Render, { key: 'b338f839172daee1f8c6ba7432ecec1710e59328', element: "rtk-simple-grid", defaults: defaults, props: {
+        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: {
                 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: '6659a1aca188a0ea9ca15a11f7fd4ebe8b797221', part: "aside", class: this.gridSize.spotlight ? `grid-width-${this.gridSize.spotlight}` : 'grid-width-md' }, index$1.h(index$2.Render, { key: 'ae4f50970e4932c659a7e30afa4e028c9d743453', element: "rtk-simple-grid", defaults: defaults, props: {
+            } })), 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: {
                 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: '7f2759763ff041db5960fcf5fc5ed0d09d7cafcb' }, index$1.h("slot", { key: '80de219e3ae4e031ba2bce48c86f5139a98c307e' })));
+        return (index$1.h(index$1.Host, { key: 'cfccb12248bda74943e89cfd663504499925e73f' }, index$1.h("slot", { key: 'c48c7b62c93cefeeaad9904bbd62ea06c376199e' })));
     }
 };
 __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: 'fd94d700d649327bea1b8a330ff663b1c50f6410' }, index$1.h("div", { key: 'fd3c08040f88f69793e06fecfc4cfc2538daed6c', class: "ctr" }, index$1.h("p", { key: '37400ef63a9b9d8b7b9ef19cdd16d31f61a9245c', class: "message" }, index$1.h("span", { key: 'c60bb12c9a5efd0cc0fc1a59b5423cf645e815b6', class: "name" }, this.transcript.name), ": ", this.transcript.transcript))));
+        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))));
     }
     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: 'c21b86271de7d3910476d8ea8019848981d0e9d3' }, index$1.h("slot", { key: '93494d4d023907869ab1e54a2ca6aa7cfb37f58f' }, index$1.h("div", { key: '19aa832688911f8bea9300ed5d96718df6b17aad', class: "centered", part: "content" }, index$1.h("rtk-logo", { key: '9508d857a730037a054d29022d6920ad9ff9fab0', meeting: this.meeting, config: this.config, part: "logo", t: this.t }), index$1.h("p", { key: 'a88ea02d3b422169ce0c40f13c6c480bf3a176ab' }, this.t('waitlist.body_text'))))));
+        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'))))));
     }
 };
 __decorate([

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

@@ -108,7 +108,7 @@ export class RtkAiTranscriptions {
         });
     }
     render() {
-        return (h(Host, { key: '4b1952a7b031b1e63720ed4a81b818552c82c251' }, h("div", { key: '729f8592ed12147024f378ac101963dd890e1006', class: "search-bar" }, h("input", { key: 'b3ca0a213da793723e7f807e5acec72b264b4667', type: "text", placeholder: "Search Participant", value: this.participantQuery, onInput: (e) => (this.participantQuery = e.target.value) })), this.isProcessing && (h("div", { key: '3fcd1d981d111f4b6969a0236c7de54b9172cd24', class: "processing" }, h("p", { key: 'dbe93a5790f62a9e6bb0621942af5125313012c7' }, "Processing audio...."))), !this.isProcessing && (h("div", { key: 'ef3e85da20cebf072ad4eddcafc3b46579d2534e', class: "content scrollbar", ref: (el) => (this.contentContainer = el) }, h("div", { key: '6af5b7c1e0222bb127e994fdc6505f71c84da5e0', class: "started-message" }, "Transcription started"), this.renderTranscripts()))));
+        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()))));
     }
     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: '299200e5a41d726073148287637e109e5a869d2d' }, h("div", { key: '9619ff485abbc7abebeaf4cee9808526391a71a0', class: "content scrollbar" }, h("div", { key: '1266ebb3ccd0278b5f160bbb70ea4726461f1e54', class: "stage grid" }, this.renderGrid(onStage)), this.offStageParticipants.length > 0 && (h("div", { key: 'a3add35c718ff260991720837c572d83ad84938a', class: "waitlist-area" }, h("div", { key: 'e916f1aae651d8b534c0b94e6fb6d18f4634a678', class: "listening-title" }, this.offStageParticipants.length, " ", this.t('grid.listening')), h("div", { key: 'a070304c733a2fb4cce581dce4df64f511984a21', class: "waitlist-grid grid" }, this.renderGrid(this.offStageParticipants))))), h("slot", { key: '012a150a33f6e3cdddb9d65ef1adb30e2ce06d05' })));
+        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' })));
     }
     static get is() { return "rtk-audio-grid"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-breakout-room-participants/rtk-breakout-room-participants.js

@@ -99,9 +99,9 @@ export class RtkBreakoutRoomParticipants {
             }, size: "sm" }), h("p", { class: "name", title: name }, shorten(name, 16), this.meeting.self.userId === participant.id && ` (${this.t('you')})`)));
     }
     render() {
-        return (h(Host, { key: 'fcdcaa7a958770e5d8848b15b4135748d8520022' }, h("div", { key: '6b26cd6fd40ae2985a6a207920d7c0ebbcd0b191', class: "search-wrapper" }, h("div", { key: '519e94dce8d9627cf72dfd487c8429c8a1eea3d5', class: "search", part: "search" }, h("rtk-icon", { key: '24cfb8a6e8c9c1ddc95356ebde2d785817aa8a8b', icon: this.iconPack.search, part: "search-icon", class: "search-icon" }), h("input", { key: '2049f4d9aa2b78a33138d9af84f2d94694a886a4', type: "search", autocomplete: "off", placeholder: this.t('search'), onInput: this.onSearchInput, part: "search-input" })), h("slot", { key: '57afb73b98adbd9f2bb81bb4a35a5fbc2a486e10', name: "shuffle-button" })), h("div", { key: '6f38275a46e85328a6aeba5d63519423e6ec3dc0', class: "header" }, h("div", { key: '4c2d4b9e1980867cbec587356991b1e54bd93e7d', class: "title-wrapper" }, h("span", { key: '0fa97e8b6604c9af0b5b66d1df2fb728e1f0ddc5' }, this.t('breakout_rooms.main_room')), h("span", { key: '15a620bef9d976ba22e4c4a49c610f84a35605a9', class: "participant-count" }, "(", h("rtk-icon", { key: 'fa1c2779e2ea2c9ea674908ad77956ac846e4e55', icon: this.iconPack.people }), this.participantsToShow.length, ")")), this.selectedParticipantIds.length !== 0 && (h("rtk-tooltip", { key: 'b044bc366b49c8fb2e92f246d0f81e89456ddc03', label: this.t('breakout_rooms.select_all') }, h("input", { key: 'f2343b44386966777542b9c7794b6c94eb99884d', type: "checkbox", checked: this.selectedParticipantIds.length === this.participantsToShow.length, onChange: (e) => this.onToggleAll(!!e.target.checked) })))), h("div", { key: 'a5cd1acb31c9ff2dc82379db038d6920857dead3', class: "ctr scrollbar", part: "container" }, this.participantsToShow.length > 0 && (h("ul", { key: '9d93a5a57f26fe378ed678b6741a0b7f0b17d285', class: "participants", part: "participants" }, this.participantsToShow.map((participant) => (h("li", { class: { 'participant-item': true, dragging: this.isDragging }, onClick: () => this.onClick(participant), onDragStart: () => this.onDragStart(participant), onDragEnd: () => this.onDragEnd(participant), draggable: this.selectedParticipantIds.length === 0, role: "listitem", key: participant.id }, this.renderPeer(participant), !this.isDragging && (h("input", { type: "checkbox", class: {
+        return (h(Host, { key: '01a707fa50950501d11428747783c1e9828e6572' }, h("div", { key: '535f80747ddc6b0d7b4c2d3d3bd82464284db304', class: "search-wrapper" }, h("div", { key: '14b0ae5148bc13345df0732eeb299354ce7e3ae4', class: "search", part: "search" }, h("rtk-icon", { key: 'c2eda4fadab2d20b16a95786a763748ee5a5e123', icon: this.iconPack.search, part: "search-icon", class: "search-icon" }), h("input", { key: '71b153979188a4eca0368faad5afe22ad4a65d84', type: "search", autocomplete: "off", placeholder: this.t('search'), onInput: this.onSearchInput, part: "search-input" })), h("slot", { key: '3ce56a86dfa9063150ff586f3333ad1a1e363219', name: "shuffle-button" })), h("div", { key: '2eed52da4d3e61f65b69c5dda8054891182615ac', class: "header" }, h("div", { key: 'c661c77b3fcfaea354456f741d2d816666bf4b68', class: "title-wrapper" }, h("span", { key: 'bc52e54641259a5c8f7eb0c749117444594a2f24' }, this.t('breakout_rooms.main_room')), h("span", { key: '9f84a8c77c7af6df6849103235927c68cafda518', class: "participant-count" }, "(", h("rtk-icon", { key: '34d4139b8fa98d3a1594a34a90774cf3bf5dc589', icon: this.iconPack.people }), this.participantsToShow.length, ")")), this.selectedParticipantIds.length !== 0 && (h("rtk-tooltip", { key: '866cf16aa1666a3cbc6521fadee36a50b168cf21', label: this.t('breakout_rooms.select_all') }, h("input", { key: 'd60fc5c1ee7a8e7b63ed7a9fd804f86bb7c945ed', type: "checkbox", checked: this.selectedParticipantIds.length === this.participantsToShow.length, onChange: (e) => this.onToggleAll(!!e.target.checked) })))), h("div", { key: 'fc8b60be1e14fd6fe92276fae65b357a998ae80a', class: "ctr scrollbar", part: "container" }, this.participantsToShow.length > 0 && (h("ul", { key: '9e76ca169c9c3a3fd3796f8e6f20a7ba19906c8f', class: "participants", part: "participants" }, this.participantsToShow.map((participant) => (h("li", { class: { 'participant-item': true, dragging: this.isDragging }, onClick: () => this.onClick(participant), onDragStart: () => this.onDragStart(participant), onDragEnd: () => this.onDragEnd(participant), draggable: this.selectedParticipantIds.length === 0, role: "listitem", key: participant.id }, this.renderPeer(participant), !this.isDragging && (h("input", { type: "checkbox", class: {
                 'hide-checkbox': this.selectedParticipantIds.length === 0,
-            }, checked: this.selectedParticipantIds.includes(participantIdentifier(participant)) }))))))), this.participantsToShow.length === 0 && this.search.length > 0 && (h("div", { key: 'f338d5658e77c4161993f27ea369f0981a6e5724', class: "empty-message" }, this.t('participants.errors.empty_results'))), this.participantsToShow.length === 0 && this.search.length === 0 && (h("div", { key: 'badf501a369ab136c61554101a6b64b345c4ce5d', class: "empty-room" }, h("rtk-icon", { key: '4fa711e9d8e93c652947967082ff86c836bf5138', icon: this.iconPack.people_checked, part: "search-icon", class: "search-icon" }), h("p", { key: '25e63fdfccb2267b58e00297b883ebeb45351be2' }, this.t('breakout_rooms.all_assigned')), h("span", { key: 'cbd2f03c343a5ba73ce62d366f53c4bc5b4fac4c' }, this.t('breakout_rooms.empty_main_room')))))));
+            }, checked: this.selectedParticipantIds.includes(participantIdentifier(participant)) }))))))), this.participantsToShow.length === 0 && this.search.length > 0 && (h("div", { key: '179104c8fd8bfe2692147a23d3520ba51f830721', class: "empty-message" }, this.t('participants.errors.empty_results'))), this.participantsToShow.length === 0 && this.search.length === 0 && (h("div", { key: 'c50a8a4ae9863d918108430ffbe61721fd155847', class: "empty-room" }, h("rtk-icon", { key: 'afa0afc1ecda667d26fd921438f9369549c5463b', icon: this.iconPack.people_checked, part: "search-icon", class: "search-icon" }), h("p", { key: 'be9fe2e7d745f88228ecd5053b129b344a626eb6' }, this.t('breakout_rooms.all_assigned')), h("span", { key: 'e16a34744352686361f4a2aff6e90bba44ae3a15' }, this.t('breakout_rooms.empty_main_room')))))));
     }
     static get is() { return "rtk-breakout-room-participants"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-broadcast-message-modal/rtk-broadcast-message-modal.js

@@ -37,9 +37,9 @@ export class RtkBroadcastMessageModal {
         }, 2000);
     }
     render() {
-        return (h(Host, { key: '09978c477457ca0d1cc7238638c9251b6baf2e32' }, h("div", { key: 'e71f71c920255ca74209993c0feeb50207ece7c8', class: "content-col" }, h("h2", { key: '9e73d2d91d6327782113a3787ffab741caccc45d' }, "Broadcast message to"), h("select", { key: '6f22cd45bd51512ae8563dbb89b68515d6bd10f5', onChange: (e) => {
+        return (h(Host, { key: '6fbeed26fe6bd27b9f0fb5d574437db002931560' }, h("div", { key: '539893028570a33bae6e10dfbbf30a9872660cc9', class: "content-col" }, h("h2", { key: '066aaa4541f135cd6d8d424395cf449f79c61caa' }, "Broadcast message to"), h("select", { key: '413dea8a9bd7a1efbf17948cfb45b655ddb79b71', onChange: (e) => {
                 this.messagePayload = Object.assign(Object.assign({}, this.messagePayload), { to: e.target.value });
-            } }, h("option", { key: 'ea43fe84aed7b8fc28a9bf08a8b0c93f5dc4dde1' }, "Everyone"), h("option", { key: '77bf0628822af6852c39d22f998785ec8ee7f0ac' }, "List of rooms")), h("textarea", { key: '25bae88b241fc2d61db69c82b551a5fcb6cc137d', placeholder: "Type message here...", onInput: (e) => {
+            } }, h("option", { key: '72df6790e57bdd905ad96d62c9d6fa57e4a3a41c' }, "Everyone"), h("option", { key: '82650452bb4de2b6d382a14dab3e901d62ca3b13' }, "List of rooms")), h("textarea", { key: '2be2bad10700c89162a06d662198b4eaadd96027', placeholder: "Type message here...", onInput: (e) => {
                 this.messagePayload = Object.assign(Object.assign({}, this.messagePayload), { message: e.target.value });
             } }), this.successMessage ? (h("p", null, "Message sent to ", this.messagePayload.to, h("rtk-icon", { icon: this.iconPack.checkmark }))) : (h("div", { class: "content-row" }, h("rtk-button", { onClick: () => this.close(), variant: "secondary" }, "Cancel"), "\u2002", h("rtk-button", { variant: "primary", onClick: () => this.sendMessage() }, "Send"))))));
     }

package/dist/collection/components/rtk-channel-creator/rtk-channel-creator.js

@@ -136,9 +136,9 @@ export class RtkChannelCreator {
         (_a = this.inputTextRef) === null || _a === void 0 ? void 0 : _a.focus();
     }
     render() {
-        return (h(Host, { key: '2a8a498ae3cdc2c3d7bf10f4914a617d7e2661e0' }, h("header", { key: '9b047a3ad2820e634db9b5b93f162250601bb51b' }, this.step === 1 ? this.t('chat.new_channel') : this.t('chat.add_members')), this.step === 1 && (h("input", { key: '520e78e1827e820f5ea9eabbd03bae4efd0907a5', class: "channel-name-input", type: "text", placeholder: this.t('chat.channel_name'), ref: (el) => (this.inputTextRef = el), onInput: (e) => {
+        return (h(Host, { key: '0e938e24a3838a8b3cff8be5f8f56e0e828a656a' }, h("header", { key: 'b0aed03cea09e2105feee1bbfd1acad453cc924e' }, this.step === 1 ? this.t('chat.new_channel') : this.t('chat.add_members')), this.step === 1 && (h("input", { key: 'f252b9a1d899fa189837d6dd44097ee3e132907b', class: "channel-name-input", type: "text", placeholder: this.t('chat.channel_name'), ref: (el) => (this.inputTextRef = el), onInput: (e) => {
                 this.channelName = e.target.value.trim();
-            } })), this.step === 2 && this.renderMemberSelector(), h("footer", { key: 'add838deac0797e7eb7dc234054b0e6e4561baed' }, h("rtk-button", { key: 'fe9718d1352e6b83a0400442c8ec7dec224d0b9b', kind: "button", size: "lg", disabled: this.channelName.length === 0, onClick: this.onClickHandler }, this.step === 1 ? this.t('chat.add_members') : this.t('create')))));
+            } })), this.step === 2 && this.renderMemberSelector(), h("footer", { key: '4dc3bc442c35be9c21d5c0a510aac74f8f94bc6a' }, h("rtk-button", { key: 'de530ede30a33ae9cf14c155cbf3b53d25d434ae', kind: "button", size: "lg", disabled: this.channelName.length === 0, onClick: this.onClickHandler }, this.step === 1 ? this.t('chat.add_members') : this.t('create')))));
     }
     static get is() { return "rtk-channel-creator"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-channel-details/rtk-channel-details.js

@@ -27,7 +27,7 @@ export class RtkChannelDetails {
         })));
     }
     render() {
-        return (h(Host, { key: '9853d84d5b69fc5eeca68ef48aacfa0319345790' }, h("header", { key: '09f33db7c3acb17437ed92f911951995316aff28' }, this.t('chat.channel_members')), this.renderMembers()));
+        return (h(Host, { key: '0d50bc8ecef99900be123c21754cc7e865425c65' }, h("header", { key: '4b595171c0c7f10835230d7ed66508d5b2412ac4' }, this.t('chat.channel_members')), this.renderMembers()));
     }
     static get is() { return "rtk-channel-details"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-channel-selector-ui/rtk-channel-selector-ui.js

@@ -115,7 +115,7 @@ export class RtkChannelSelectorUi {
         }
     }
     render() {
-        return (h(Host, { key: 'ebc2801952d073ebdba519f8248b2c935af387d0' }, h("div", { key: 'c80ed1798f73329422efe7552791fe92c8e3896f', class: "container", ref: (el) => (this.$el = el) }, this.isHidden && (h("rtk-button", { key: 'e088063cd35372380b6da7b66204d92e77d278b9', kind: "icon", variant: "ghost", size: "md", onClick: this.onRevealClicked, class: "sidebar-btn" }, h("rtk-icon", { key: 'a6980e8cb7ce4ebcf9a93ada0db9ff04ec5cc481', icon: this.isHidden ? this.iconPack.chevron_left : this.iconPack.dismiss }))), h("slot", { key: '972a55086e2fdf3cd0b2d6b45950527e57f4aad2', name: "header" }), h("div", { key: '4d1d45847e5812cbc8143fa5bbc20f1de279b326', class: "search-wrapper" }, h("div", { key: 'e88da1214668170d3250041ef5107f856aaff49f', class: "search" }, h("input", { key: '3313f0df796f540d2177e2360e37a6d6de7ce8c1', type: "search", autocomplete: "off", placeholder: this.t('chat.search_conversations'), onInput: this.onSearchInput }), h("rtk-icon", { key: '75f65423459f25c63227474930ac2b8a90e5f20c', icon: this.iconPack.search, class: "search-icon" }))), h("div", { key: 'a06f906dacfa3b9f8abdc3b067f92f9af105bd6a', class: "channel-container scrollbar", role: "list" }, this.channels
+        return (h(Host, { key: '8c0e21c2edeb6cedf5e4332d361dd06fef80e2c3' }, h("div", { key: 'b4f0bdc102cf4a6bdaafe945ccacc65691cda6c8', class: "container", ref: (el) => (this.$el = el) }, this.isHidden && (h("rtk-button", { key: 'c0a4ffa6a83074b59d39827dd0d49db89d0bbe86', kind: "icon", variant: "ghost", size: "md", onClick: this.onRevealClicked, class: "sidebar-btn" }, h("rtk-icon", { key: '51316a7127bc3f780d4110fe62a6114156859fef', icon: this.isHidden ? this.iconPack.chevron_left : this.iconPack.dismiss }))), h("slot", { key: '9f62d231516e418d40e73ff4e7128c3df93fa516', name: "header" }), h("div", { key: 'e337d9c1c2599b894812d1f9d68740ddff45a417', class: "search-wrapper" }, h("div", { key: 'a4e60014174739d658cac4a8a2b4cc6170a718c3', class: "search" }, h("input", { key: 'e4b02408f7893c2ac6dc4d7f52dbafbd6acba59b', type: "search", autocomplete: "off", placeholder: this.t('chat.search_conversations'), onInput: this.onSearchInput }), h("rtk-icon", { key: 'ab9fd67f26aebf1062ed89d0411f00cd3a1ce30b', icon: this.iconPack.search, class: "search-icon" }))), h("div", { key: 'ac46c45d8f8ee6a93c04748e8eae278fecc9d2a9', class: "channel-container scrollbar", role: "list" }, this.channels
             .filter((channel) => this.searchQuery === '' || channel.displayName.includes(this.searchQuery))
             .map((channel) => {
             return (h("div", { class: {
@@ -125,7 +125,7 @@ export class RtkChannelSelectorUi {
                 }, role: "listitem", onClick: () => {
                     this.channelSelected(channel.id);
                 } }, this.renderChannelDisplayPic(channel), h("div", { class: "channel-card", "is-direct-message": channel.isDirectMessage }, h("div", { class: 'recent-message-row' }, h("span", { class: "channel-name" }, channel.displayName), channel.latestMessage && (h("span", { class: "latest-msg-time" }, this.getTimeLabel(channel.latestMessage)))), h("div", { class: 'recent-message-row' }, this.renderRecentMessage(channel), channel.unreadCount > 0 && channel.id !== this.selectedChannelId ? (h("span", { class: "new-msgs-count" }, channel.unreadCount < 99 ? channel.unreadCount : '99+')) : null))));
-        }))), !this.isHidden && (h("div", { key: '55753b6d172f18f9e58e19acb9de067cef27a33d', class: "overlay-container" }, h("rtk-button", { key: 'dfa6f03b0a4571c2d6235ab84ab8796d988f6acb', kind: "icon", variant: "ghost", size: "md", onClick: this.onRevealClicked, class: "sidebar-btn" }, h("rtk-icon", { key: '2b3fc88ca89286d10831a9c8769537b50b9a2ab9', icon: this.isHidden ? this.iconPack.chevron_left : this.iconPack.dismiss }))))));
+        }))), !this.isHidden && (h("div", { key: '7c886fbae80b1248db515317cfcf525eb74ffa6b', class: "overlay-container" }, h("rtk-button", { key: 'f48116160f38d361ec4842dbe2a550a1154d0b00', kind: "icon", variant: "ghost", size: "md", onClick: this.onRevealClicked, class: "sidebar-btn" }, h("rtk-icon", { key: '29f1f41eb90dddacf0ef6a42479d7468a03ee005', icon: this.isHidden ? this.iconPack.chevron_left : this.iconPack.dismiss }))))));
     }
     static get is() { return "rtk-channel-selector-ui"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-chat-message/rtk-chat-message.js

@@ -85,11 +85,11 @@ export class RtkChatMessage {
             } })));
     }
     render() {
-        return (h(Host, { key: 'a7d70a55ded6f3995de04d97e8daba066af76b46' }, h("div", { key: '1eef4376ab7952b11a9271dcf396ea950e7a06a8', class: {
+        return (h(Host, { key: 'f6a727c485be5af8f6213c40a9b897debac1c62d' }, h("div", { key: '03fff27269d7e3976463692e0e4f15106e4f1cc6', class: {
                 'message-wrapper': true,
                 'align-right': this.alignRight,
                 'left-align': this.leftAlign,
-            }, "is-continued": this.isContinued }, this.renderAvatar(), h("div", { key: '0445d70d7d5eaa81b77214e6d0c4ab49da0d9cc6', class: {
+            }, "is-continued": this.isContinued }, this.renderAvatar(), h("div", { key: 'd62eaa8b99853d7c38586dc2ac1c8163ad4effcf', class: {
                 message: true,
                 'show-on-hover': !this.isTouchDevice(),
             }, "is-continued": this.isContinued }, this.renderMessage(), this.renderControls()))));

package/dist/collection/components/rtk-chat-messages-ui/rtk-chat-messages-ui.js

@@ -162,7 +162,7 @@ export class RtkChatMessagesUi {
         var _a;
         let prevMessage = null;
         let reachedFirstUnread = false;
-        return (h(Host, { key: '178fac50ff102f6186953051af07d65e8811d2cf' }, h("div", { key: '00310e41a9d3494c3bc9c4a25594844854e240cb', class: "chat-container scrollbar", ref: (el) => (this.$chat = el), part: "container" }, h("div", { key: '1232aca1fc213e70bf3aa63bd13d2288ba3884a4', class: "spacer", part: "spacer" }), h("div", { key: 'f74b23005e75874224d4cf56e0286ddb4cacfe9d', class: "chat", part: "chat" }, (_a = this.messages) === null || _a === void 0 ? void 0 : _a.map((item) => {
+        return (h(Host, { key: '1e00d65234971f64cb44cfc9f3f27523ef4184eb' }, h("div", { key: '6f1f50001914707a79782e2b035f7f056545bd73', class: "chat-container scrollbar", ref: (el) => (this.$chat = el), part: "container" }, h("div", { key: '0e2513409c533ce131341d8d636f95cde39bd1e4', class: "spacer", part: "spacer" }), h("div", { key: 'c677a4a1f80fb07f59157358aff8008d2cf52569', class: "chat", part: "chat" }, (_a = this.messages) === null || _a === void 0 ? void 0 : _a.map((item) => {
             if (item.type === 'chat') {
                 const { message } = item;
                 const isSelfMessage = message.userId === this.selfUserId;
@@ -181,10 +181,10 @@ export class RtkChatMessagesUi {
                     } })))), message.pinned && (h("div", { class: "pin-button", part: "pin-button" }, h("rtk-tooltip", { label: this.t('unpin') }, h("rtk-button", { kind: "icon", variant: "ghost", onClick: () => this.onMessageActionHandler('pin_message', message), disabled: !this.canPinMessages }, h("rtk-icon", { icon: this.iconPack.pin, size: "sm" }))))))));
             }
             return null;
-        }))), h("div", { key: '9123c1900c65f238962a51926e750dbebeab18f4', class: "show-new-messages-ctr" }, h("rtk-button", { key: '01de40dd8bdc2c27f4512bf98a0a6ff4d42714d4', class: {
+        }))), h("div", { key: 'b0cd46132b3cd70b784f94a8c97a3fbeef57900f', class: "show-new-messages-ctr" }, h("rtk-button", { key: 'd8faf61563052ad61ef2cc19e6f8d91993bae58d', class: {
                 'show-new-messages': true,
                 active: this.showLatestMessageButton,
-            }, kind: "icon", part: "show-new-messages", onClick: this.scrollToBottom }, h("rtk-icon", { key: '68c7981e90a248d8aebb872123eaa92f2939b0af', icon: this.iconPack.chevron_down })))));
+            }, kind: "icon", part: "show-new-messages", onClick: this.scrollToBottom }, h("rtk-icon", { key: 'ef37ed2fc35d087ac95a75393a2470ce9def4670', icon: this.iconPack.chevron_down })))));
     }
     static get is() { return "rtk-chat-messages-ui"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-chat-messages-ui-paginated/rtk-chat-messages-ui-paginated.js

@@ -169,7 +169,7 @@ export class RtkChatMessagesUiPaginated {
         this.lastReadMessageIndex = -1;
     }
     render() {
-        return (h(Host, { key: 'dbe69aec6f462c8cfa5d6574ad77efdbadd641b9' }, h("rtk-paginated-list", { key: 'b6b525ad58e8173a78577265f2cde2981ca015cf', ref: (el) => (this.$paginatedListRef = el), pageSize: this.pageSize, pagesAllowed: 3, fetchData: this.getChatMessages, createNodes: this.createChatNodes, selectedItemId: this.selectedChannelId, emptyListLabel: this.t('chat.empty_channel') }, h("slot", { key: '4045a3fccefe09d76edff35b5d0183a89db51491' }))));
+        return (h(Host, { key: '012b7189dfbdccfd8017cc9023263e6a7e9afd44' }, h("rtk-paginated-list", { key: '0ea37ee880fda0acdd7460b6da5f03e11ac304bf', ref: (el) => (this.$paginatedListRef = el), pageSize: this.pageSize, pagesAllowed: 3, fetchData: this.getChatMessages, createNodes: this.createChatNodes, selectedItemId: this.selectedChannelId, emptyListLabel: this.t('chat.empty_channel') }, h("slot", { key: '53cb197b6d9319f470e87fe73d7ca0d158778e3f' }))));
     }
     static get is() { return "rtk-chat-messages-ui-paginated"; }
     static get encapsulation() { return "shadow"; }

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

@@ -32,7 +32,7 @@ export class RtkChatSearchResults {
         };
     }
     render() {
-        return (h(Host, { key: 'd16d67449de1e354428a96a798540b19a4a3b3b5' }, h("rtk-paginated-list", { key: '8979769039cf4f4d66e83d6cf8cb87075fbc8488', pageSize: this.pageSize, pagesAllowed: 3, fetchData: this.searchMessages, createNodes: this.nodeRenderer, selectedItemId: this.query })));
+        return (h(Host, { key: 'e71457e70093c4de4d453d3905aaeedf7ef91df3' }, h("rtk-paginated-list", { key: '4a8f9360d483804ed31c512ddc9ae91454ab1c89', pageSize: this.pageSize, pagesAllowed: 3, fetchData: this.searchMessages, createNodes: this.nodeRenderer, selectedItemId: this.query })));
     }
     static get is() { return "rtk-chat-search-results"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-chat-toggle/rtk-chat-toggle.css

@@ -24,7 +24,7 @@ p {
 
 .unread-count {
   position: absolute;
-  right: var(--rtk-space-3, 12px);
+  right: var(--rtk-space-4, 16px);
   box-sizing: border-box;
   padding: var(--rtk-space-0\.5, 2px);
   -webkit-user-select: none;