npm - @cloudflare/realtimekit-ui - Versions diffs - 1.1.0 → 1.1.1-staging.2 - Mend

@cloudflare/realtimekit-ui 1.1.0 → 1.1.1-staging.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (299) hide show

package/dist/cjs/rtk-avatar_26.cjs.entry.js CHANGED Viewed

@@ -1301,7 +1301,7 @@ const RtkImageMessageView = class {
         this.status = 'loading';
     }
     render() {
-        return (index$1.h("div", { key: '5fd48d25a86c8a1f3084ff4c27ba95ddca04482f', class: { image: true, loaded: this.status === 'loaded' } }, index$1.h("img", { key: '99d019ebaf2e4deb2f6f9f8541f1bd67bc089fee', src: string.sanitizeLink(this.url), onLoad: () => {
+        return (index$1.h("div", { key: '170c98345079edb4814c871ca72c64cade6a4add', class: { image: true, loaded: this.status === 'loaded' } }, index$1.h("img", { key: '88189cf42bab19881f2a95a4230f7d0ac66f4337', src: string.sanitizeLink(this.url), onLoad: () => {
                 this.status = 'loaded';
             }, onError: () => {
                 this.status = 'errored';
@@ -1309,9 +1309,9 @@ const RtkImageMessageView = class {
                 if (this.status === 'loaded') {
                     this.onPreview.emit(this.url);
                 }
-            } }), this.status === 'loading' && (index$1.h("div", { key: '9e0eba0b06ee2039d0a36f598e2b55b79c6d4151', class: "image-spinner", title: this.t('chat.img.loading'), "aria-label": this.t('chat.img.loading') }, index$1.h("rtk-spinner", { key: '0488df56c74ff7fbcb30ae7a16f77eca57cdd50a', iconPack: this.iconPack }))), this.status === 'errored' && (index$1.h("div", { key: 'd4f2cc45d94be0a4519d93169e337522f30949cf', class: "image-errored", title: this.t('chat.error.img_not_found'), "aria-label": this.t('chat.error.img_not_found') }, index$1.h("rtk-icon", { key: 'a633902737fe1a4690f349092fedb6d0c7a18bbf', icon: this.iconPack.image_off }))), this.status === 'loaded' && (index$1.h("div", { key: 'bfb0b8f3f130315e1691dd87f9be6de211d669cd', class: "actions" }, index$1.h("rtk-button", { key: 'c0e200f62e7896b11f0cb1717e15db96223b2b45', class: "action", variant: "secondary", kind: "icon", onClick: () => {
+            } }), this.status === 'loading' && (index$1.h("div", { key: '54068ed33b45ea3e5096a3d9f7ad4d0e43021a9d', class: "image-spinner", title: this.t('chat.img.loading'), "aria-label": this.t('chat.img.loading') }, index$1.h("rtk-spinner", { key: 'cd48be496f0dd93e570a968fabcd57396a74c3b5', iconPack: this.iconPack }))), this.status === 'errored' && (index$1.h("div", { key: 'f978c01f72fec9fe777afa1b4c2be3aa90eeb2bf', class: "image-errored", title: this.t('chat.error.img_not_found'), "aria-label": this.t('chat.error.img_not_found') }, index$1.h("rtk-icon", { key: '976ff4914e5d74b70aac86c1bdbacd0d6d685f73', icon: this.iconPack.image_off }))), this.status === 'loaded' && (index$1.h("div", { key: '94eb2ae1370cd8bd58f8e21238f860eff9a649cc', class: "actions" }, index$1.h("rtk-button", { key: 'ca64db76c200c2a902e35da82ff412e4d9324c23', class: "action", variant: "secondary", kind: "icon", onClick: () => {
                 this.onPreview.emit(this.url);
-            } }, index$1.h("rtk-icon", { key: '2527495fac5a7760c7a320c7f3fc769b4321dd66', icon: this.iconPack.full_screen_maximize })), index$1.h("rtk-button", { key: '80f46436895374dc43f9a3fb1adf2472c82c328b', class: "action", variant: "secondary", kind: "icon", onClick: () => file.downloadFile(this.url, { fallbackName: 'image' }) }, index$1.h("rtk-icon", { key: '5650cc2537980b244b31b937a5d367a800d0b0f9', icon: this.iconPack.download }))))));
+            } }, index$1.h("rtk-icon", { key: 'd764aa39aabb1ebf8e9a0e7c395d4b5383c9022e', icon: this.iconPack.full_screen_maximize })), index$1.h("rtk-button", { key: '1aade465c956175dfd4d31b6d48236f304154ef8', class: "action", variant: "secondary", kind: "icon", onClick: () => file.downloadFile(this.url, { fallbackName: 'image' }) }, index$1.h("rtk-icon", { key: 'dbcba831bcc1f66a3b20624945883d4ce9ca301b', icon: this.iconPack.download }))))));
     }
 };
 __decorate$8([
@@ -1402,7 +1402,7 @@ const RtkMarkdownView = class {
         const slicedMessage = this.text.slice(0, this.maxLength);
         const withReply = chat.extractReplyBlock(slicedMessage, true);
         const withoutReply = chat.stripOutReplyBlock(slicedMessage);
-        return (index$1.h("p", { key: '2c21b4c1dc9f18a17048f0827e552ffb8d595eee', class: "markdown-message" }, withReply.length !== 0 && index$1.h("blockquote", { key: 'f6ff3e02781136f2fb5f3e68dbbeac39430b6386' }, this.renderMessage(withReply)), withoutReply.length !== 0 && this.renderMessage(withoutReply)));
+        return (index$1.h("p", { key: 'b4114b74658b0311835f31ea387e47ef9323ef4f', class: "markdown-message" }, withReply.length !== 0 && index$1.h("blockquote", { key: 'cc726294f8b71999f6fa48442b40419f17e3c049' }, this.renderMessage(withReply)), withoutReply.length !== 0 && this.renderMessage(withoutReply)));
     }
 };
 RtkMarkdownView.style = RtkMarkdownViewStyle0;
@@ -1442,7 +1442,7 @@ const RtkMeeting = class {
         /** Since RtkMeeting by design works as a provider for component, to be in sync with other providers, added provider id */
         this.providerId = 'provider-' + Math.floor(Math.random() * 100);
         this.roomJoinedListener = () => {
-            this.updateStates({ meeting: 'joined' });
+            this.updateStates({ meeting: 'joined', joinError: undefined });
         };
         this.waitlistedListener = () => {
             this.updateStates({ meeting: 'waiting' });
@@ -1651,7 +1651,15 @@ const RtkMeeting = class {
                 this.updateStates({ meeting: 'setup' });
             }
             else {
-                meeting.joinRoom();
+                meeting
+                    .joinRoom()
+                    .then(() => {
+                    this.updateStates({ joinError: undefined });
+                })
+                    .catch((err) => {
+                    const message = (err === null || err === void 0 ? void 0 : err.message) ? err.message : this.t('network.lost_extended');
+                    this.updateStates({ joinError: message });
+                });
             }
         }
         window.removeEventListener('rtkError', this.authErrorListener);
@@ -1783,7 +1791,7 @@ const RtkMenu$1 = class {
         });
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '98d1a73c1fdd151945433a13dc1d9f11cfaaeb05' }, index$1.h("span", { key: '5cb225dca906f51ea4f9cfe999840af35cbbf865', id: "trigger", ref: (el) => (this.triggerEl = el), onClick: () => {
+        return (index$1.h(index$1.Host, { key: '65dc1faca548d5222533251ff175db56e37d4251' }, index$1.h("span", { key: '68502e98e56a32200bfdea312cb137bcffc9df6b', id: "trigger", ref: (el) => (this.triggerEl = el), onClick: () => {
                 this.clickedThis = true;
                 if (this.menuListEl.style.display !== 'block') {
                     this.menuListEl.style.display = 'block';
@@ -1792,7 +1800,7 @@ const RtkMenu$1 = class {
                 else {
                     this.menuListEl.style.display = 'none';
                 }
-            } }, index$1.h("slot", { key: '75146b82e06b27ec57e85d741f42b6112d740334', name: "trigger" })), index$1.h("span", { key: 'ef16bf3d6197fd16fa7fb9dca36bc97f9cafec52', part: "menu-list", id: "menu-list", ref: (el) => (this.menuListEl = el) }, index$1.h("slot", { key: 'fa8644e4eff65fa5832d80cd53a70e626ea0b1e9' }))));
+            } }, index$1.h("slot", { key: 'fa0deae3dcf9ed4b8c47ff9695c3ef39fefc014e', name: "trigger" })), index$1.h("span", { key: '9e618bf62212c2c04e59ff99bb0eec6cb9835707', part: "menu-list", id: "menu-list", ref: (el) => (this.menuListEl = el) }, index$1.h("slot", { key: '4836bb1ed6a82243264e428d2c4a5dc1228bada1' }))));
     }
 };
 __decorate$7([
@@ -1827,7 +1835,7 @@ const RtkMenuItem = class {
         this.t = uiStore.useLanguage();
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'd9b20b45e47b9fe8ab36a87a66eac6386b4c678c', class: { [this.menuVariant]: true } }, index$1.h("slot", { key: '639bd9af7b8ecd614ea87a21906e250023889a1c', name: "start" }), index$1.h("slot", { key: '9b6aa572707a1f78c8f82873b40132ec09290404' }), index$1.h("slot", { key: '02c7034af853977922e5cf3ac30f88e5f0148d75', name: "end" })));
+        return (index$1.h(index$1.Host, { key: 'daeee3f1da3b66a803a149013b5973d48fd5c8b5', class: { [this.menuVariant]: true } }, index$1.h("slot", { key: 'd71253130e5c910a3112260898049e00a1e4088e', name: "start" }), index$1.h("slot", { key: '8c93c1bd422d1fcb667438373199bff23bcc7a3a' }), index$1.h("slot", { key: 'e41161c7d4b5fb2652ddc9bda01d57793f144096', name: "end" })));
     }
 };
 __decorate$6([
@@ -1862,7 +1870,7 @@ const RtkMenuList = class {
         this.t = uiStore.useLanguage();
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '0ac5ed2be7991106090b3ca0aa5a66a59f0e8250', class: { [this.menuVariant]: true } }, index$1.h("slot", { key: 'cd8312cfd2de7eeb7d590e4189f482d620f59ef8' })));
+        return (index$1.h(index$1.Host, { key: '747bcb38ca155d89fd5ae2c5fa2e667ad1e96a2f', class: { [this.menuVariant]: true } }, index$1.h("slot", { key: '5e9137c067847c3c4ef2defdcc958c077b821621' })));
     }
 };
 __decorate$5([
@@ -2480,7 +2488,7 @@ const RtkSpinner = class {
         this.size = 'md';
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'f9f0f938827fb04712fb9f406fb07d48c398865a' }, index$1.h("rtk-icon", { key: 'a2daa23191ea94007c8a980f221409c6dfe35d03', class: "spinner", icon: this.iconPack.spinner })));
+        return (index$1.h(index$1.Host, { key: '5e435f3b94bf3a2b9d242d78407390996a76be15' }, index$1.h("rtk-icon", { key: '9e9e4200e0dc295bfe9048e57beb6cd809bf53a2', class: "spinner", icon: this.iconPack.spinner })));
     }
 };
 __decorate$1([
@@ -2558,7 +2566,7 @@ const RtkTextComposerView = class {
         }
     }
     render() {
-        return (index$1.h("div", { key: '38a6c64bb92fd72f76109e0d55c04c00a77bb43a', class: "chat-input", part: "chat-input-container" }, this.maxLengthBreached > 0 && (index$1.h("div", { key: 'b3d3ed9cd0694edf05cb7ccda50dc8f6157315ef', class: 'text-error ' + (this.maxLengthBreached === this.maxLength ? 'breached' : '') }, index$1.h("rtk-icon", { key: 'c5cd3e9887e90970729dc808413997bc17835ae6', id: "warning-indicator", icon: this.iconPack.warning, part: "warning-indicator" }), ' ', this.maxLengthBreached, " / ", this.maxLength, " ", this.t('chat.max_limit_warning'))), this.rateLimitBreached && (index$1.h("div", { key: 'fd2c53dc324defba567638782d2fafd66f9be11b', class: 'text-error breached' }, index$1.h("rtk-icon", { key: '7f60d2b74f45a7c4e4cbe422066803ff750fa5ef', id: "warning-indicator", icon: this.iconPack.warning, part: "warning-indicator" }), ' ', this.t('chat.rate_limit_error'))), index$1.h("textarea", { key: 'd60bd094237e82a8a66e5afd6be464a242f43afa', ref: (el) => (this.$textArea = el), placeholder: this.placeholder, disabled: this.disabled, onInput: this.onInputHandler, onKeyDown: this.keyDownHandler, part: "chat-input", value: this.value })));
+        return (index$1.h("div", { key: '900c8fc082af9cffe94011fb0d682802cc450851', class: "chat-input", part: "chat-input-container" }, this.maxLengthBreached > 0 && (index$1.h("div", { key: 'fa2362fa593952c3680ae3408c8041c2567342dc', class: 'text-error ' + (this.maxLengthBreached === this.maxLength ? 'breached' : '') }, index$1.h("rtk-icon", { key: '0bfa55917acfbe23250bb2b3d487cf27c1eddc58', id: "warning-indicator", icon: this.iconPack.warning, part: "warning-indicator" }), ' ', this.maxLengthBreached, " / ", this.maxLength, " ", this.t('chat.max_limit_warning'))), this.rateLimitBreached && (index$1.h("div", { key: 'b4dc7987ec892e6dd8746d21efddeb0a3b765a4c', class: 'text-error breached' }, index$1.h("rtk-icon", { key: 'e74b331f6674c5a5a7596d848c7b4846d28a4700', id: "warning-indicator", icon: this.iconPack.warning, part: "warning-indicator" }), ' ', this.t('chat.rate_limit_error'))), index$1.h("textarea", { key: '16dfc924b0d935a2e6b4d9fd22418331a9cd1044', ref: (el) => (this.$textArea = el), placeholder: this.placeholder, disabled: this.disabled, onInput: this.onInputHandler, onKeyDown: this.keyDownHandler, part: "chat-input", value: this.value })));
     }
 };
 __decorate([
@@ -2579,7 +2587,7 @@ const RtkTextMessageView = class {
         this.isMarkdown = false;
     }
     render() {
-        return (index$1.h("p", { key: '415dec939e8fa149f006a5c3afc4bafc11f911af', class: { text: true, emoji: string.hasOnlyEmojis(this.text) } }, this.isMarkdown ? index$1.h("rtk-markdown-view", { text: this.text }) : this.text));
+        return (index$1.h("p", { key: '45d7cc7d147e74609251f6ab3c2918d42ec6aaea', class: { text: true, emoji: string.hasOnlyEmojis(this.text) } }, this.isMarkdown ? index$1.h("rtk-markdown-view", { text: this.text }) : this.text));
     }
 };
 RtkTextMessageView.style = RtkTextMessageViewStyle0;

package/dist/cjs/rtk-breakout-rooms-manager_9.cjs.entry.js CHANGED Viewed

@@ -354,9 +354,9 @@ const RtkBroadcastMessageModal = class {
         }, 2000);
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '834484040a926117171f62f1cc3af87ba60b519e' }, index$1.h("div", { key: 'd1ea5faed40e44eb416b07b309591383c54fdb1b', class: "content-col" }, index$1.h("h2", { key: '9a776c30542a7b85d30b3a857c9a99e153df944c' }, "Broadcast message to"), index$1.h("select", { key: 'e94a561dc33884cdbfcc2ac7a655f7997fd3dadf', onChange: (e) => {
+        return (index$1.h(index$1.Host, { key: '4e136d9d78d3f21f68492c87031598c63e69de49' }, index$1.h("div", { key: '1d70804567155cbe346c7bec29d5f42a31739773', class: "content-col" }, index$1.h("h2", { key: '07c76e6fc37cfd439f5103df702b3b0d408ba285' }, "Broadcast message to"), index$1.h("select", { key: '4b5f6c4cc84cd850a9bac8ba7855d666a765d5fa', onChange: (e) => {
                 this.messagePayload = Object.assign(Object.assign({}, this.messagePayload), { to: e.target.value });
-            } }, index$1.h("option", { key: 'fa6feec1e8cdac987c3ecc6e45bf3325eec44046' }, "Everyone"), index$1.h("option", { key: 'b45c084f6860928c23e5ed3feda1b47064f12363' }, "List of rooms")), index$1.h("textarea", { key: '392cf082528381245f1ef6be00da1d6d27ff0396', placeholder: "Type message here...", onInput: (e) => {
+            } }, index$1.h("option", { key: '8a6fe4861ce6ce84578bc62397920bd27e2eba36' }, "Everyone"), index$1.h("option", { key: '10611e0a8912125008eaba7740a8ba5a149de72f' }, "List of rooms")), index$1.h("textarea", { key: '42d0ab7e930d8153d2440f8d0de69b95d7170ae3', placeholder: "Type message here...", onInput: (e) => {
                 this.messagePayload = Object.assign(Object.assign({}, this.messagePayload), { message: e.target.value });
             } }), this.successMessage ? (index$1.h("p", null, "Message sent to ", this.messagePayload.to, index$1.h("rtk-icon", { icon: this.iconPack.checkmark }))) : (index$1.h("div", { class: "content-row" }, index$1.h("rtk-button", { onClick: () => this.close(), variant: "secondary" }, "Cancel"), "\u2002", index$1.h("rtk-button", { variant: "primary", onClick: () => this.sendMessage() }, "Send"))))));
     }
@@ -677,9 +677,9 @@ const RtkLeaveMeeting = class {
         }
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '2c6988ec78abec3e2eee5fa1dc9d9276d9b77e0a' }, index$1.h("div", { key: '0cafb5ec2dd215fde89a12c2c1ead9e5f29df017', class: "leave-modal" }, index$1.h("div", { key: '766eb28182ae10ccc1709d5662c0ec9001b2fab1', class: "header" }, index$1.h("h2", { key: '446c4c5ddcffbc5a23bb5b1f12511138c056d855', class: "title" }, this.t('leave'))), index$1.h("p", { key: 'ecc21313d241ca4da229fbcc99c31f9a21cc6a16', class: "message" }, this.isBreakoutRoomsActive && this.isChildMeeting
+        return (index$1.h(index$1.Host, { key: '293755e563aae16499172d71052c74bbf96cb7ed' }, index$1.h("div", { key: '9d4ba90a9b2bcdea797c73a92cd68ff6fa4c297d', class: "leave-modal" }, index$1.h("div", { key: 'c72dc9fef1e152f4483f9a4e66dfaa4d4c203962', class: "header" }, index$1.h("h2", { key: '536812a514d52401220329386333b97c7fc3a7ef', class: "title" }, this.t('leave'))), index$1.h("p", { key: '59e5d6d7727a66dc805ce55eaced699da56be722', class: "message" }, this.isBreakoutRoomsActive && this.isChildMeeting
             ? this.t('breakout_rooms.leave_confirmation')
-            : this.t('leave_confirmation')), index$1.h("div", { key: '3f9140c825f3dafe74a19269386578f41052f89c', class: "content" }, index$1.h("rtk-button", { key: '78f52a153437dfa9f450132b61fd66979836b020', variant: "secondary", onClick: this.close, class: "secondary-btn" }, this.t('cancel')), this.isBreakoutRoomsActive && this.isChildMeeting && this.canJoinMainRoom && (index$1.h("rtk-button", { key: 'f8a70a7b5b448567e4db67d8febfc475e5b5df35', variant: "secondary", onClick: this.handleJoinMainRoom, class: "secondary-btn" }, this.t('breakout_rooms.leave_confirmation.main_room_btn'))), index$1.h("rtk-button", { key: '7108e14f1f94f45e47b55899d5c2d323b3f82f14', variant: "danger", title: this.t('leave'), onClick: this.handleLeave }, this.t('leave')), this.canEndMeeting && (index$1.h("rtk-button", { key: '38b07ece29d359370c27161ff644459277e26233', variant: "danger", class: "secondary-btn secondary-danger-btn", onClick: this.handleEndMeeting }, this.t('end.all')))))));
+            : this.t('leave_confirmation')), index$1.h("div", { key: 'f3c11bad61b6788ca26821a2e39e14bc88978bd1', class: "content" }, index$1.h("rtk-button", { key: 'd82e86de08ef1de568ae4ba58a4b1acb2fb92b9e', variant: "secondary", onClick: this.close, class: "secondary-btn" }, this.t('cancel')), this.isBreakoutRoomsActive && this.isChildMeeting && this.canJoinMainRoom && (index$1.h("rtk-button", { key: '03285ca4d7272f6a4141fdd1244cdcff12ed9b0e', variant: "secondary", onClick: this.handleJoinMainRoom, class: "secondary-btn" }, this.t('breakout_rooms.leave_confirmation.main_room_btn'))), index$1.h("rtk-button", { key: 'aeb4047e0b54363c33b610a7e8c8508869d625da', variant: "danger", title: this.t('leave'), onClick: this.handleLeave }, this.t('leave')), this.canEndMeeting && (index$1.h("rtk-button", { key: 'c0112904cf7c411cf820653e59c57846fdfc106e', variant: "danger", class: "secondary-btn secondary-danger-btn", onClick: this.handleEndMeeting }, this.t('end.all')))))));
     }
     static get watchers() { return {
         "meeting": ["meetingChanged"]
@@ -731,7 +731,7 @@ const RtkMuteAllConfirmation = class {
         };
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '09ac6d366f7e831dc4c230a095362e3052d6b660' }, index$1.h("div", { key: 'b61c716f655d8498369a44fc428eaa66cc3ac3e4', class: "leave-modal" }, index$1.h("div", { key: 'fd29e553be01e54aca6103150eb93ee813165910', class: "header" }, index$1.h("h2", { key: '0f51a2bd668ee218fd24ed2c159bb9b3a242de69', class: "title" }, this.t('mute_all.header'))), index$1.h("p", { key: 'ad73531526726e07ecb12ce0cee079ec13eba45b', class: "message" }, this.t('mute_all.description')), index$1.h("div", { key: '0b1afc1be6bdcbbe938f381f0d03cd6dbb5fd78d', class: "content" }, index$1.h("div", { key: '7df30df11df3ac465be7d2efc5b8192788cb25f0', class: "leave-meeting" }, index$1.h("rtk-button", { key: 'f53cf09dd418a9df6d48d1bbb9b5a39effbdfd89', variant: "secondary", title: this.t('close'), onClick: this.onClose }, this.t('cancel')), index$1.h("rtk-button", { key: 'a459d494e2087c8794f4b0dd31b1544b59628916', variant: "danger", title: this.t('mute_all'), onClick: this.onMuteAll }, this.t('mute_all')))))));
+        return (index$1.h(index$1.Host, { key: 'cc42523605a89e127a34ffb366386c96e9e8bcc8' }, index$1.h("div", { key: '680059dc6adedc51406964516092716a4be9b0b8', class: "leave-modal" }, index$1.h("div", { key: 'c93fd02d2980e40ea05c2a72cde974c13313a5c6', class: "header" }, index$1.h("h2", { key: 'ed72b35943df3b6e277b072a283bc14df478334c', class: "title" }, this.t('mute_all.header'))), index$1.h("p", { key: '5e0fad3eaa18529f9ae576d0878b81bd8ecd86ec', class: "message" }, this.t('mute_all.description')), index$1.h("div", { key: '9d7de3d65427027e8ed91168a2d5005c4786fd03', class: "content" }, index$1.h("div", { key: 'aa6ec55ea8d2a57810c7270abeda998439339b0d', class: "leave-meeting" }, index$1.h("rtk-button", { key: '98e75f8a7d6f929a988cb79bd4ab0edd55032933', variant: "secondary", title: this.t('close'), onClick: this.onClose }, this.t('cancel')), index$1.h("rtk-button", { key: '1e4738bcc21c4f9a09f833028f25b2a9255e718d', variant: "danger", title: this.t('mute_all'), onClick: this.onMuteAll }, this.t('mute_all')))))));
     }
 };
 __decorate$2([
@@ -778,7 +778,7 @@ const RtkOverlayModal = class {
         }
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'f5a1c1c5237881a419062ba14e2545bbd1281482' }, index$1.h("rtk-icon", { key: '39229b9afcb15d8bcb428bce4bb9e73862b5f9ea', icon: this.states.activeOverlayModal.icon }), index$1.h("h2", { key: '44a7256fef3163a3b058e1fb20f0081fc6dc5df9' }, this.states.activeOverlayModal.title), index$1.h("p", { key: '50416aebd7ee213bb4698d0b0095875e5556299d' }, this.states.activeOverlayModal.description)));
+        return (index$1.h(index$1.Host, { key: 'bfc7e1c1ff7734ac364d6394ce8805805e89f921' }, index$1.h("rtk-icon", { key: '8ea30e08a80472965f0ef64a09794aaaa5dbec3a', icon: this.states.activeOverlayModal.icon }), index$1.h("h2", { key: '1b774f87be43982f11a5324928929ddb17744b10' }, this.states.activeOverlayModal.title), index$1.h("p", { key: '1bdd97fda2d72590c55bbdb1434dd6fa08bb1362' }, this.states.activeOverlayModal.description)));
     }
 };
 __decorate$1([
@@ -955,7 +955,7 @@ const RtkPermissionsMessage = class {
             this.stepsTimer = setTimeout(this.nextStep, 2500);
         }
         const showMacDeepLink = isDeniedBySystem && this.meeting.self.device.osName == 'macOS';
-        return (index$1.h(index$1.Host, { key: '4039ee7e099db1e32b90619998663e1eec6b5636' }, index$1.h("h2", { key: '1508f630cd15cf10818a68862e559229ab6fa67c' }, index$1.h("rtk-icon", { key: '585e52aef1f40b78782ab28cf18fb1fcb84e2e52', class: "text-icon", icon: this.iconPack.warning }), this.getTitle()), this.svgSteps.length > 0 && (index$1.h("div", { key: '734e887eff67190ef6d69ebd5986e56f3f9f9622', class: 'svg-container' }, this.svgSteps.map((e, index) => (index$1.h("p", { innerHTML: e, class: "svg-ins", key: this.currentStep, hidden: index !== this.currentStep }))))), index$1.h("div", { key: '98f2aab426b5f566e6550ba4d731a6d3ff7e0db2' }, this.getMessage()), !isDeniedBySystem && (index$1.h("a", { key: 'b6bb451aa68e871779404e734b6b7628214dc20c', class: "need-help-link", href: this.getLink((_c = (_b = (_a = this.states) === null || _a === void 0 ? void 0 : _a.activePermissionsMessage) === null || _b === void 0 ? void 0 : _b.kind) !== null && _c !== void 0 ? _c : 'audio'), target: "_blank", rel: "noreferrer external noreferrer noopener" }, index$1.h("rtk-icon", { key: 'd52a30a9e660fe79e401fcd18ef176616f33c8bc', class: "text-icon", icon: this.iconPack.attach }), this.t('cta.help'))), index$1.h("div", { key: 'bbf73dbe6c30b9ee7da51e4a73baf00d2c0c2536', class: "actions" }, index$1.h("rtk-button", { key: 'af07b342e5d0357827df64dfa576647faebe40c1', size: "lg", kind: "wide", variant: "secondary", onClick: this.continue }, this.t('cta.continue')), showMacDeepLink ? (index$1.h("rtk-button", { size: "lg", kind: "wide", onClick: this.openMacSystemSettings }, this.t('cta.system_settings'))) : (index$1.h("rtk-button", { size: "lg", kind: "wide", onClick: this.reload }, this.t('cta.reload')))), index$1.h("slot", { key: 'dd59fc9130e7e69563646681fa6f86efd292d5d6' })));
+        return (index$1.h(index$1.Host, { key: '35c2bbad4a60f6c782ba1a2a5605f0ea09790a49' }, index$1.h("h2", { key: '4df0f8e90e1423f28b87ffc3d959027be72bb3de' }, index$1.h("rtk-icon", { key: '566f697f6b9c27fc8f73e05506a80ead3791d9a9', class: "text-icon", icon: this.iconPack.warning }), this.getTitle()), this.svgSteps.length > 0 && (index$1.h("div", { key: 'd6872494a57e9afd5987b469a460c01f31f2ced4', class: 'svg-container' }, this.svgSteps.map((e, index) => (index$1.h("p", { innerHTML: e, class: "svg-ins", key: this.currentStep, hidden: index !== this.currentStep }))))), index$1.h("div", { key: '4d59413ba86ec57f834f5989856866b6305c49de' }, this.getMessage()), !isDeniedBySystem && (index$1.h("a", { key: 'cf35ee0b4547aaae44bef3a6cd23d3aae77f3f33', class: "need-help-link", href: this.getLink((_c = (_b = (_a = this.states) === null || _a === void 0 ? void 0 : _a.activePermissionsMessage) === null || _b === void 0 ? void 0 : _b.kind) !== null && _c !== void 0 ? _c : 'audio'), target: "_blank", rel: "noreferrer external noreferrer noopener" }, index$1.h("rtk-icon", { key: '2f35807834494cfded1462c8619053c1d2591222', class: "text-icon", icon: this.iconPack.attach }), this.t('cta.help'))), index$1.h("div", { key: 'aedf537b4edc2ed14072d1f9d3b88c8794357b6e', class: "actions" }, index$1.h("rtk-button", { key: '5e603dffa66b44189da8ac80f49e2f5c209a38f8', size: "lg", kind: "wide", variant: "secondary", onClick: this.continue }, this.t('cta.continue')), showMacDeepLink ? (index$1.h("rtk-button", { size: "lg", kind: "wide", onClick: this.openMacSystemSettings }, this.t('cta.system_settings'))) : (index$1.h("rtk-button", { size: "lg", kind: "wide", onClick: this.reload }, this.t('cta.reload')))), index$1.h("slot", { key: 'd724d3c58d21d5e532a9fd025c3117cd235bd845' })));
     }
     static get watchers() { return {
         "meeting": ["meetingChanged"]

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

@@ -81,10 +81,10 @@ const RtkImageMessage = class {
         this.status = 'loading';
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'f2c796e1ec01980130f206b10fe8a175ecca7a77' }, !this.isContinued && (index$1.h(ChatHead.ChatHead, { key: '45779e0ab66b85aa48a3625093eddc9da41c5e15', name: this.message.displayName, time: this.message.time, now: this.now })), index$1.h("div", { key: 'cb1f03e098ec2c39a783ef569623af67fd5fddb0', class: {
+        return (index$1.h(index$1.Host, { key: '0fd97958347fefb4a1666e1d676726d13220e5b3' }, !this.isContinued && (index$1.h(ChatHead.ChatHead, { key: '8a629fe3782724a0c82c57850ee36ede941d83d7', name: this.message.displayName, time: this.message.time, now: this.now })), index$1.h("div", { key: '8e132ad25a04ddb4abb167b6b0e9863670baefac', class: {
                 body: true,
                 bubble: this.showBubble,
-            }, part: "body" }, index$1.h("div", { key: '9583beaf426c7d85c7bb4dfc44f114dfb46f6f46', class: { image: true, loaded: this.status === 'loaded' } }, index$1.h("img", { key: '4af1c3751391b8d32968ca99ff7ff42e4e7e8317', src: string.sanitizeLink(this.message.link), onLoad: () => {
+            }, part: "body" }, index$1.h("div", { key: '19cf2331068bc84218b2b7153c49ff1af2dedca8', class: { image: true, loaded: this.status === 'loaded' } }, index$1.h("img", { key: '86e08153c32cb6f78d8477fc1abdb5b8f4cd0ed0', src: string.sanitizeLink(this.message.link), onLoad: () => {
                 this.status = 'loaded';
             }, onError: () => {
                 this.status = 'errored';
@@ -92,9 +92,9 @@ const RtkImageMessage = class {
                 if (this.status === 'loaded') {
                     this.stateUpdate.emit({ image: this.message });
                 }
-            } }), this.status === 'loading' && (index$1.h("div", { key: '3afb633d9e354ac8708f8baa053482b04328bacd', class: "image-spinner", title: this.t('chat.img.loading'), "aria-label": this.t('chat.img.loading') }, index$1.h("rtk-spinner", { key: 'b99d2db712845cd483fb4ceda883a86fe84a73dc', iconPack: this.iconPack }))), this.status === 'errored' && (index$1.h("div", { key: 'b80119f6feead15f8368e808038db5d09409934c', class: "image-errored", title: this.t('chat.error.img_not_found'), "aria-label": this.t('chat.error.img_not_found') }, index$1.h("rtk-icon", { key: '2efcd053e7ba6e0ab60bbb3912bbc0cd949c4658', icon: this.iconPack.image_off }))), this.status === 'loaded' && (index$1.h("div", { key: '5fab3e9757d86a5dda14cdcf4bf47f0e068e7d8e', class: "actions" }, index$1.h("rtk-button", { key: '7ea9d753fbab944d5a64899f2d464aa90efa609b', class: "action", variant: "secondary", kind: "icon", onClick: () => {
+            } }), this.status === 'loading' && (index$1.h("div", { key: '367b76997445b7df0226aaa063b884c764a6ba63', class: "image-spinner", title: this.t('chat.img.loading'), "aria-label": this.t('chat.img.loading') }, index$1.h("rtk-spinner", { key: '704b81940f6f49cb79d2a5976a2714039358e007', iconPack: this.iconPack }))), this.status === 'errored' && (index$1.h("div", { key: 'eb9a5b3593051905c3b4b345c810b318da1cb7cf', class: "image-errored", title: this.t('chat.error.img_not_found'), "aria-label": this.t('chat.error.img_not_found') }, index$1.h("rtk-icon", { key: '73dfa63e1a253eac3dc75e598341335f63abb855', icon: this.iconPack.image_off }))), this.status === 'loaded' && (index$1.h("div", { key: '48444ac8542f8e3b5ed81c93c1b1b1f0b2cac39b', class: "actions" }, index$1.h("rtk-button", { key: '2982aed5152442362a22f873cc7070b60462f7e4', class: "action", variant: "secondary", kind: "icon", onClick: () => {
                 this.stateUpdate.emit({ image: this.message });
-            } }, index$1.h("rtk-icon", { key: 'a514098c2005f75671e08fd30be6f68e5749fad2', icon: this.iconPack.full_screen_maximize })), index$1.h("rtk-button", { key: 'c5eded64f98cea9d1d950030fb1c658bb0bd4b6c', class: "action", variant: "secondary", kind: "icon", onClick: () => file.downloadFile(this.message.link, { fallbackName: 'image' }) }, index$1.h("rtk-icon", { key: '573eb181cae03693b8ac5536f167de13dce373f5', icon: this.iconPack.download }))))))));
+            } }, index$1.h("rtk-icon", { key: 'c8dbeac2a347245f21eef52f0c42772e48741f93', icon: this.iconPack.full_screen_maximize })), index$1.h("rtk-button", { key: 'cfc3845ea0ae2373bb5a92d897d926797713cbf0', class: "action", variant: "secondary", kind: "icon", onClick: () => file.downloadFile(this.message.link, { fallbackName: 'image' }) }, index$1.h("rtk-icon", { key: '56a6109c8ba88160ef75f8c13923ab12a4764e0e', icon: this.iconPack.download }))))))));
     }
 };
 __decorate$1([
@@ -130,10 +130,10 @@ const RtkTextMessage = class {
         this.showBubble = false;
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '67e6670499ec4da0e5058fb5f8fd4a507e074319' }, !this.isContinued && (index$1.h(ChatHead.ChatHead, { key: 'ebb24560c3ff255a4269b5ba2063e254f8b6b47e', name: this.message.displayName, time: this.message.time, now: this.now })), index$1.h("div", { key: '3d9a5abfd95cf388a405f368f72c68a63b178ac1', class: {
+        return (index$1.h(index$1.Host, { key: 'a34dd007a87a134202e153f3d886102bbe6a685c' }, !this.isContinued && (index$1.h(ChatHead.ChatHead, { key: '8505cee0d359b7449776ece2bbd7455811217a41', name: this.message.displayName, time: this.message.time, now: this.now })), index$1.h("div", { key: '00b2baca454b62e4984e82790580bac116a046a0', class: {
                 body: true,
                 bubble: this.showBubble,
-            }, part: "body" }, index$1.h("div", { key: 'f2be9eaca8a82008d68bbdf077a2611227b474d5', class: { text: true, emoji: string.hasOnlyEmojis(this.message.message) } }, index$1.h(TextMessage.TextMessageView, { key: '1166f0aa5a25c5ad3559e1424d9d4f3ef3e76d63', message: this.message.message })))));
+            }, part: "body" }, index$1.h("div", { key: 'ecc8de946011c9836cebfd626a27cb23f111d0cc', class: { text: true, emoji: string.hasOnlyEmojis(this.message.message) } }, index$1.h(TextMessage.TextMessageView, { key: '1efad576e6110986cb2abac7ff2c42b492c995aa', message: this.message.message })))));
     }
 };
 __decorate([

package/dist/cjs/rtk-fullscreen-toggle.cjs.entry.js CHANGED Viewed

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index$1 = require('./index-2e5758b6.js');
 const uiStore = require('./ui-store-d0e80f30.js');
-const fullScreen = require('./full-screen-de3e9caf.js');
+const fullScreen = require('./full-screen-b02d13dd.js');
 const index = require('./index-92947ea7.js');
 const rtkFullscreenToggleCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block}:host([data-hidden]){display:none}";
@@ -44,7 +44,7 @@ const RtkFullscreenToggle = class {
                 this.fullScreenActive = true;
             }
             else {
-                fullScreen.exitFullSreen();
+                fullScreen.exitFullScreen();
                 this.fullScreenActive = false;
             }
             this.stateUpdate.emit({ activeMoreMenu: false });

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

@@ -6,7 +6,7 @@ const index$1 = require('./index-2e5758b6.js');
 const uiStore = require('./ui-store-d0e80f30.js');
 const index = require('./index-92947ea7.js');
-const rtkIdleScreenCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.ctr{display:flex;flex-direction:column;align-items:center;gap:var(--rtk-space-8, 32px)}rtk-logo.loaded{height:var(--rtk-space-12, 48px)}rtk-spinner{height:var(--rtk-space-12, 48px);width:var(--rtk-space-12, 48px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}";
+const rtkIdleScreenCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.ctr{display:flex;flex-direction:column;align-items:center;gap:var(--rtk-space-8, 32px)}.no-network-badge{margin-top:var(--rtk-space-2, 8px);display:flex;width:100%;flex-direction:row;align-items:center;justify-content:flex-start;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));background-color:rgba(var(--rtk-colors-danger, 255 45 45) / 0.1);padding-top:var(--rtk-space-1, 4px);padding-bottom:var(--rtk-space-1, 4px);font-size:12px;color:rgba(var(--rtk-colors-danger, 255 45 45) / 0.75)}.no-network-badge rtk-icon{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px)}rtk-logo.loaded{height:var(--rtk-space-12, 48px)}rtk-spinner{height:var(--rtk-space-12, 48px);width:var(--rtk-space-12, 48px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}";
 const RtkIdleScreenStyle0 = rtkIdleScreenCss;
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -28,14 +28,55 @@ const RtkIdleScreen = class {
         this.iconPack = uiStore.defaultIconPack;
         /** Language */
         this.t = uiStore.useLanguage();
+        this.socketStateUpdate = ({ state }) => {
+            var _a;
+            this.connectionState = state;
+            if (state === 'connected') {
+                if (!((_a = this.states) === null || _a === void 0 ? void 0 : _a.joinError)) {
+                    this.joinError = undefined;
+                }
+            }
+        };
+    }
+    connectedCallback() {
+        this.meetingChanged(this.meeting, undefined);
+        this.statesChanged(this.states);
+    }
+    disconnectedCallback() {
+        var _a, _b;
+        (_b = (_a = this.meeting) === null || _a === void 0 ? void 0 : _a.meta) === null || _b === void 0 ? void 0 : _b.removeListener('socketConnectionUpdate', this.socketStateUpdate);
+    }
+    meetingChanged(meeting, oldMeeting) {
+        var _a, _b, _c, _d;
+        (_a = oldMeeting === null || oldMeeting === void 0 ? void 0 : oldMeeting.meta) === null || _a === void 0 ? void 0 : _a.removeListener('socketConnectionUpdate', this.socketStateUpdate);
+        if (!meeting)
+            return;
+        this.connectionState = (_c = (_b = meeting.meta) === null || _b === void 0 ? void 0 : _b.socketState) === null || _c === void 0 ? void 0 : _c.state;
+        (_d = meeting.meta) === null || _d === void 0 ? void 0 : _d.addListener('socketConnectionUpdate', this.socketStateUpdate);
+    }
+    statesChanged(states) {
+        this.joinError = states === null || states === void 0 ? void 0 : states.joinError;
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '40d0feae613a4df0b10179faa2b08389305c6f93' }, index$1.h("slot", { key: 'ea791fce784fbd1fbd2642b3b51ebdcc8ad6ad57' }, index$1.h("div", { key: '224e0e8d68c3650f923637aefd7a318186ceea5e', class: "ctr", part: "container" }, index$1.h("rtk-logo", { key: '2d5c44766521abc60ba50a64f66349d5de7b19df', meeting: this.meeting, config: this.config, t: this.t, part: "logo" }), index$1.h("rtk-spinner", { key: 'aa9bc5a73a4cb9d70e3a44303cb3cd96da8b4c5f', "aria-label": "Idle, waiting for meeting data", part: "spinner", iconPack: this.iconPack })))));
+        const showSocketError = !!this.connectionState && this.connectionState !== 'connected' && !this.joinError;
+        const errorText = this.joinError
+            ? this.joinError
+            : this.connectionState === 'failed'
+                ? this.t('network.lost_extended')
+                : this.t('network.lost');
+        return (index$1.h(index$1.Host, { key: '5b33a77fbe2d968dc0c54d7c6ff3894202df0d94' }, index$1.h("slot", { key: 'eac40b23ef0198400c376606a1e5ff575c4b9014' }, index$1.h("div", { key: '121ffb27b1e9c35dd8b15f0eb6a25c00226416ac', class: "ctr", part: "container" }, index$1.h("rtk-logo", { key: 'eb2230d7dc1915df6469427767a9beab5dd63eb3', meeting: this.meeting, config: this.config, t: this.t, part: "logo" }), this.joinError || showSocketError ? (index$1.h("div", { class: "no-network-badge", part: "network-badge" }, index$1.h("rtk-icon", { size: "md", variant: "danger", icon: this.iconPack.disconnected, part: "network-badge-icon" }), errorText)) : (index$1.h("rtk-spinner", { "aria-label": "Idle, waiting for meeting data", part: "spinner", iconPack: this.iconPack }))))));
     }
+    static get watchers() { return {
+        "meeting": ["meetingChanged"],
+        "states": ["statesChanged"]
+    }; }
 };
 __decorate([
     index.SyncWithStore()
 ], RtkIdleScreen.prototype, "meeting", void 0);
+__decorate([
+    index.SyncWithStore()
+], RtkIdleScreen.prototype, "states", void 0);
 __decorate([
     index.SyncWithStore()
 ], RtkIdleScreen.prototype, "config", void 0);

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

@@ -45,7 +45,7 @@ const RtkImageViewer = class {
         document.removeEventListener('click', this.handleOutsideClick);
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'acc8177db46e15ade6c2f3075f279c8c3988a4f3', class: "scrollbar", onClick: (e) => e.stopPropagation() }, index$1.h("div", { key: '7a23fb3aa24af5ef8b33dd14c66f2ac1e5255802', class: "header" }, index$1.h("div", { key: '82d366ad49fea73de798f92160e1b809a5306b47', class: "shared-by-user" }, this.t('chat.img.shared_by'), ' ', index$1.h("span", { key: '5191aa77188b51476e336593a496571bf4f2390a', class: "displayName" }, string.formatName(string.shorten(this.image.displayName)))), index$1.h("div", { key: '474e7c9c18c32ef436c438773441493e558c5e25', class: "actions" }, index$1.h("rtk-button", { key: 'ea99890082dd4f845b62e54cb4561441680a5a24', onClick: () => file.downloadFile(this.image.link, { fallbackName: 'image' }) }, index$1.h("rtk-icon", { key: '751cf425e99042a766bc704ced8defd36e24e1f6', icon: this.iconPack.download, slot: "start" }), "Download"), index$1.h("rtk-button", { key: '912d4de32bf5fb125d8252cd296881e8b4ccf7b8', kind: "icon", variant: "secondary", onClick: () => this.close.emit() }, index$1.h("rtk-icon", { key: 'a5c7aa6c55d0595663a9594f0af4cee1b335fa97', icon: this.iconPack.dismiss })))), index$1.h("div", { key: '67faa06093b2a4ac937b717ab86fccca70f1d4cc', class: "image-ctr" }, index$1.h("img", { key: 'c7c16e869e3a52213e52e6178feecf27142ad47a', src: this.image.link }))));
+        return (index$1.h(index$1.Host, { key: '6f8bcc73b18fd868c085d6447ced2ecb24e42325', class: "scrollbar", onClick: (e) => e.stopPropagation() }, index$1.h("div", { key: '11f7ad8c7e89442c0d257c57144a5408d90a178a', class: "header" }, index$1.h("div", { key: 'e9d10589aa9ceb961a34e55f74238a17632c4baf', class: "shared-by-user" }, this.t('chat.img.shared_by'), ' ', index$1.h("span", { key: '3d37f78f6f9c7a92a91bdc18086e24d2818e9ed8', class: "displayName" }, string.formatName(string.shorten(this.image.displayName)))), index$1.h("div", { key: 'c551cd3d122d1be1076963de15b3f1d76520151c', class: "actions" }, index$1.h("rtk-button", { key: '5433bb1fb5e6dac6925d3116d4836b00cb4c69e1', onClick: () => file.downloadFile(this.image.link, { fallbackName: 'image' }) }, index$1.h("rtk-icon", { key: '93ed055d68686903014fd5ebaee3330643a91859', icon: this.iconPack.download, slot: "start" }), "Download"), index$1.h("rtk-button", { key: 'e77e1d1cbd4daaa09f133cf4ca54efcea74fd7b2', kind: "icon", variant: "secondary", onClick: () => this.close.emit() }, index$1.h("rtk-icon", { key: '8884eb7345fd6903e00c1c7f86c51abe499066e9', icon: this.iconPack.dismiss })))), index$1.h("div", { key: 'b223cb91a00ce7967efe5ebcd1f0c680567ba098', class: "image-ctr" }, index$1.h("img", { key: 'b4ffa73bd05908314cb164302e51621a64fa074e', src: this.image.link }))));
     }
 };
 __decorate([

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

@@ -26,7 +26,7 @@ const RtkInformationTooltip = class {
         this.iconPack = uiStore.defaultIconPack;
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '3e3207d5059a14b2a2b151c9cb5577b36ac39fff' }, index$1.h("div", { key: 'fc625cfac8b2a17c80305b4139a7cf91ca104ebe', class: "tooltip-container" }, index$1.h("rtk-icon", { key: '6c95270afa8b710a440e8fb4da48519815a1eb81', icon: this.iconPack.info, size: "sm" }), index$1.h("div", { key: '85503111223374aec843ba59d3b83f56acfbba96', class: "tooltip" }, index$1.h("slot", { key: '1a2c0de0c24f2418dc83d3c5139bbaefd1909715', name: "tootlip-text" })))));
+        return (index$1.h(index$1.Host, { key: 'f6ceb562ad29d9bcafe1faaa7f8680cb968509bf' }, index$1.h("div", { key: 'f4136f844d6ba57d43e4af5aae03a54a8d439028', class: "tooltip-container" }, index$1.h("rtk-icon", { key: 'c6ddee8984ae5f6560484b970bdc10a832be06ec', icon: this.iconPack.info, size: "sm" }), index$1.h("div", { key: '78e4eefcd29ee99dcc9fba0cbf015b39b0097348', class: "tooltip" }, index$1.h("slot", { key: '1561ac818363c0cbb031a4b4a10d1a56a1dbe379', name: "tootlip-text" })))));
     }
 };
 __decorate([

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

@@ -35,7 +35,7 @@ const RtkLeaveButton = class {
     }
     render() {
         const text = this.t('leave');
-        return (index$1.h(index$1.Host, { key: 'ba1140c49eac63f9121a5b91f2a437b27e7e7d5e', label: text }, index$1.h("rtk-controlbar-button", { key: '1cc8dac1ea7130c47364c966af69c2d9dad3f96f', 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: 'f9d5f5cbd3323721da299d2422fee1bd17c65535', label: text }, index$1.h("rtk-controlbar-button", { key: 'f33758dc5b8d3f31cfeefed9b7fd8e0a10b9fd76', 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 CHANGED Viewed

@@ -266,11 +266,11 @@ const RtkMessageListView = class {
         this.updateTotalHeight();
     }
     render() {
-        return (index$1.h("div", { key: 'f01cd22002f542b67a7ca26773cf729a11969ebd', class: "scrollbar content-wrapper", ref: (el) => (this.$listRef = el), onScroll: this.handleScroll }, index$1.h("div", { key: '0f689c170ef60c6504b60b97003c8357e96c55f0', class: "scroller" }, index$1.h("div", { key: 'fd6049a7ef01203befb164ca74195c58de6af1e8', style: {
+        return (index$1.h("div", { key: '9c8a4073886acf540a8beeea0ac31f865231f771', class: "scrollbar content-wrapper", ref: (el) => (this.$listRef = el), onScroll: this.handleScroll }, index$1.h("div", { key: 'c64abddfc09ec7c88305b732df889f9de0597b53', class: "scroller" }, index$1.h("div", { key: 'c3e94f33890509b22f2b89022a76865f6776b217', style: {
                 height: `${this.totalHeight}px`,
-            } }), index$1.h("div", { key: 'd8e7bcadcb7fc673c10340a833aa6f165c002822', class: "smallest-dom-element", id: "list-end", ref: (el) => (this.$listEndRef = el) })), index$1.h("div", { key: '60ffb8b2bd40c001e72982830b523efe43784c07', class: "content", style: {
+            } }), index$1.h("div", { key: 'f8c95faa0af4b1f31465a113707f0e4f753dadad', class: "smallest-dom-element", id: "list-end", ref: (el) => (this.$listEndRef = el) })), index$1.h("div", { key: '02d045f8c54072388c3c7df52ff4c92f2438a545', class: "content", style: {
                 transform: `translateY(${this.getRangeSize(0, this.range.start)}px)`,
-            } }, this.isFetching && (index$1.h("div", { key: '65952d03af783bc807d6fd54047bfbffadf075e3', class: "loader" }, index$1.h("rtk-spinner", { key: 'f90da04d11e84ea6b2218df02eb5daa55fd7dfe7', 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: '7ba90240987e1ecfb553d69bd7465cb20bb86274', class: "loader" }, index$1.h("rtk-spinner", { key: '2fa19c46da125e4c5280625aefdf555f09ce2faa', 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 CHANGED Viewed

@@ -53,10 +53,10 @@ const RtkMoreToggle = class {
     }
     render() {
         const text = this.t('more');
-        return (index$1.h(index$1.Host, { key: 'e38ef12edf602c1c0a2f747e037559d91a2bb758', title: text }, this.states.activeMoreMenu && (index$1.h("div", { key: 'cbe27d79e4f10a0f7d35b94c80d378b251ae9005', class: "more-menu" }, index$1.h("slot", { key: '42f1083f8b554489bdf5795a595191f157048f5a', name: "more-elements" }))), index$1.h("rtk-controlbar-button", { key: 'd65281e925c0a77e22fb7f53518a915ddccdaf04', size: this.size, iconPack: this.iconPack, onClick: (e) => {
+        return (index$1.h(index$1.Host, { key: '16c3abc8550c71c16a99c3fccab792f102995142', title: text }, this.states.activeMoreMenu && (index$1.h("div", { key: 'bbe79e428f395a429586776c1cd53f3a4dafde72', class: "more-menu" }, index$1.h("slot", { key: '54bd0e016bce80d279d8e4214e8bf978e14f1c0a', name: "more-elements" }))), index$1.h("rtk-controlbar-button", { key: '242815c9b79d2f3c99f3289125756dbc2cff835f', 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: 'e2b04a67f5556cb41542ac8ca5c412f3a56db094', name: "expanded" })));
+            }, icon: this.iconPack.horizontal_dots, label: text, part: "controlbar-button" }), index$1.h("slot", { key: '7bd36f0994c7fd9ffe5591fd8b325ed521fbda6c', name: "expanded" })));
     }
     get host() { return index$1.getElement(this); }
 };

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

@@ -51,9 +51,9 @@ const RtkNotification = class {
     }
     render() {
         var _a;
-        return (index$1.h(index$1.Host, { key: '4d38d6d1cd77ba50b1d4d45b116e81d2766b9f1e' }, index$1.h("div", { key: '62c6d20c5636933df92cec162cd865f1a50350b7', class: "ctr" }, this.notification.icon != null && (index$1.h("rtk-icon", { key: 'd6d97ebb84af555140a1e10e7e7141cbb8a47395', class: "icon", icon: this.notification.icon, variant: (_a = this.notification.iconVariant) !== null && _a !== void 0 ? _a : 'primary' })), this.notification.image != null &&
+        return (index$1.h(index$1.Host, { key: 'd8f87edf560d58d8c50524a8d5d15b78372e2f0a' }, index$1.h("div", { key: '0d1590baa03f69ae6b7aeb8ecfb0227393e68296', class: "ctr" }, this.notification.icon != null && (index$1.h("rtk-icon", { key: '65f2e9ca0e53e0d5f41301346930f60983218bff', class: "icon", icon: this.notification.icon, variant: (_a = this.notification.iconVariant) !== null && _a !== void 0 ? _a : 'primary' })), this.notification.image != null &&
             this.notification.icon == null &&
-            this.imageState !== 'errored' && (index$1.h("img", { key: 'ab54904adcba0be957260f86bc782fd2e58fcdeb', src: this.notification.image, class: { loaded: this.imageState === 'loaded' }, onLoad: () => (this.imageState = 'loaded'), onError: () => (this.imageState = 'errored') })), index$1.h("p", { key: '95b3ccba650df3098c7366c6c64ab58bde3bc128', class: "message" }, index$1.h(TextMessage.TextMessageView, { key: 'e958e9c20ab4646ebaf825bc2ba6875f86f459cf', message: this.notification.message })), index$1.h("div", { key: '9ae125712ac04f44ff92de8c5422b7644e65067a', class: "right" }, this.notification.button != null && (index$1.h("rtk-button", { key: '3da741b4ba6016743439d1e4fd7167d0a1681120', size: "sm", variant: this.notification.button.variant, onClick: () => this.notification.button.onClick() }, this.notification.button.text)), index$1.h("button", { key: 'cb1c277c825dca4cd9eb185475dc617d9efde90e', onClick: () => this.dismiss.emit(this.notification.id), class: "dismiss" }, index$1.h("rtk-icon", { key: '7b1b81d1aed31fab4ebb2b47d1adb512ceb9984f', "aria-label": this.t('dismiss'), icon: this.iconPack.dismiss }))))));
+            this.imageState !== 'errored' && (index$1.h("img", { key: '728d4bc0a6ba7978a7bf922dab208b0a53cca149', src: this.notification.image, class: { loaded: this.imageState === 'loaded' }, onLoad: () => (this.imageState = 'loaded'), onError: () => (this.imageState = 'errored') })), index$1.h("p", { key: 'f0908696b480de954e8d87f8588fb2d7caa05c9e', class: "message" }, index$1.h(TextMessage.TextMessageView, { key: '6727949c1a6100f04c58dfbceb32b65268dfbfd3', message: this.notification.message })), index$1.h("div", { key: '00f22a20100da8c6faa3d94b5cda8c37a201b953', class: "right" }, this.notification.button != null && (index$1.h("rtk-button", { key: 'd8e609d225ba6c8ff0aedad1efcaf84fd8f0183e', size: "sm", variant: this.notification.button.variant, onClick: () => this.notification.button.onClick() }, this.notification.button.text)), index$1.h("button", { key: '1fb7a3610c1197359f4c9f9e0a40ae67c2874447', onClick: () => this.dismiss.emit(this.notification.id), class: "dismiss" }, index$1.h("rtk-icon", { key: 'a13f8cb2e31921910b29aa53df15741cd78b860e', "aria-label": this.t('dismiss'), icon: this.iconPack.dismiss }))))));
     }
     static get watchers() { return {
         "paused": ["pausedChanged"],

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

@@ -90,11 +90,11 @@ const RtkParticipantSetup = class {
     }
     render() {
         var _a, _b, _c, _d;
-        return (index$1.h(index$1.Host, { key: '70cefbcd224011d31984bbccef75e7c389b39c53' }, index$1.h("video", { key: 'e86b57ba45fe602499522ad4d2ccdb0a9206f0b8', ref: (el) => (this.videoEl = el), class: {
+        return (index$1.h(index$1.Host, { key: '496e80e4d4c85229f6acc90d7caa46305c92e101' }, index$1.h("video", { key: 'b09d1e7ace8f7bb561997fcbddc41a7acbe91e51', 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: 'a685f9e334d4fb351d69917212634ef04d560ce9' })));
+            }, autoPlay: true, playsInline: true, muted: true }), index$1.h("slot", { key: 'da2678d7a8c226b23ffc6258fd90f3632efec30c' })));
     }
     static get watchers() { return {
         "participant": ["participantsChanged"],

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

@@ -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: '80594f2356826b50b6f5ff18da86eca5c449f57d', class: "virtual-list-container", style: {
+        return (index$1.h("div", { key: '279498eedaa6605456a2fffc004bd0204179ffde', class: "virtual-list-container", style: {
                 position: 'relative',
                 height: '100%',
                 overflowX: 'hidden',
                 overflowY: 'auto',
-            } }, index$1.h("div", { key: '83a41cbae84dc79b3f13bcc7fffce56b56428258', 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: '57078e5373c356494f77e38503d334d921181cca', style: { height: `${this.itemHeight}px` } })));
+            } }, index$1.h("div", { key: 'debb114c51c7c229b72cfcd7e87aa845ab6647e1', 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: '7a97a5dd632fe6d4227674e46e091a1466c725bf', 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 CHANGED Viewed

@@ -184,7 +184,7 @@ const RtkParticipantsAudio = class {
         await this.handleEvents(meeting);
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'a8475add44d320a002841f1a2dc5721b570640d6' }, this.showPlayDialog && (index$1.h("rtk-dialog", { key: 'ca12cb71cf7219ab280db551540f27ae20d06a03', open: true, onRtkDialogClose: this.onRtkDialogClose, hideCloseButton: true, disableEscapeKey: true, iconPack: this.iconPack, t: this.t }, index$1.h("div", { key: '55dfd687bcb08e7626b90fd8e746ce91278ca966', class: "modal" }, index$1.h("h3", { key: 'bcf35de807db566f3769f1537765ab04ced9ea3e' }, this.t('audio_playback.title')), index$1.h("p", { key: 'de10113d870ca2d7ea2673c6892e1ddae5276a86' }, this.t('audio_playback.description')), index$1.h("rtk-button", { key: '2197a6affa6ad0298cbd7c08fc3ecc43ac488cf6', kind: "wide", onClick: () => {
+        return (index$1.h(index$1.Host, { key: 'b4dc66ad5570492c73e3fc2d88f92c67de90c392' }, this.showPlayDialog && (index$1.h("rtk-dialog", { key: 'b0e893eee0ce675ba927f4bbb817ab7c0c4473f6', open: true, onRtkDialogClose: this.onRtkDialogClose, hideCloseButton: true, disableEscapeKey: true, iconPack: this.iconPack, t: this.t }, index$1.h("div", { key: 'a0f78ba76265d38a77dfbbe0bc680052f3d0393c', class: "modal" }, index$1.h("h3", { key: 'b150dc2862b2c626ecf27a5e78de86c98309ddee' }, this.t('audio_playback.title')), index$1.h("p", { key: 'f4a8eb77ba14a074eb105741240e3cb6765364bf' }, this.t('audio_playback.description')), index$1.h("rtk-button", { key: 'c6fc0f2d1e4d48f2d187fca780fafee841e69175', 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 CHANGED Viewed

@@ -108,7 +108,7 @@ const RtkParticipants = class {
         }
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'ecc05db9075b4b8a70c3255c27958fc20bcf87cf' }, index$1.h("div", { key: '2bdf1aa213682d4ea175e10ccd2f87e437ace5c9', class: "participants-container" }, !this.hideHeader && (index$1.h("div", { key: '239593a2d551ab92d5cda3bcc3105d642b0c9c21', class: "heading-count", part: "heading-count" }, this.t('participants'), " (", this.participants.length, ")")), index$1.h("rtk-virtualized-participant-list", { key: '8ade637f0728fceb723370c8c7dd6e675eac0678', 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: '82b79281405ea4012121471e245fd23b3b9c7bc6' }, index$1.h("div", { key: '231fbe8a811f49a92f6b16fb06e7246aebee7b77', class: "participants-container" }, !this.hideHeader && (index$1.h("div", { key: '0398c09c5c203bb6e581d3c016910542f36ba0d5', class: "heading-count", part: "heading-count" }, this.t('participants'), " (", this.participants.length, ")")), index$1.h("rtk-virtualized-participant-list", { key: '7e33ce03b36d42fd91f360e7bcd19d08d77a5ac0', 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 CHANGED Viewed

@@ -60,7 +60,7 @@ const RtkPlugins = class {
         }
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'b8623c629040c0554f3f49631c8af224327e04d8' }, index$1.h("ul", { key: '25c5ba591bb4ab8c516b9b839bd801489e6b6780', 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: '14fa34c2c6d5ef9f1739b4b3a916ebf418b6f1e1' }, index$1.h("ul", { key: '705bf03c63c0848f80874277024ec91fad2ccfa1', 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: 'fef552b1147fd9e2c225afdf34b9aba0c0e2e4b5' }, index$1.h("div", { key: '87dd153ca64208a012de65778f43b1d855b73bac', class: "ctr", part: "container" }, index$1.h("div", { key: 'cb58918d2c1d4cac8be9d8cba04b2860dcd80cd7', class: "polls-view scrollbar", ref: (el) => (this.pollEl = el), part: "polls" }, this.polls.length == 0 && this.create !== true && (index$1.h("div", { key: 'e03792733786017f2ddb8f75d7852dc417491025', class: "empty-polls" }, this.t('polls.empty'))), this.polls.map((item) => {
+        return (index$1.h(index$1.Host, { key: '0e868573a28a637e9df91a0c2e10bc1a73da2848' }, index$1.h("div", { key: '63cf282074f7c9eb248c4a645f6798001379907b', class: "ctr", part: "container" }, index$1.h("div", { key: '3237128bcbff4b513970e9832f26326a8be1cf56', class: "polls-view scrollbar", ref: (el) => (this.pollEl = el), part: "polls" }, this.polls.length == 0 && this.create !== true && (index$1.h("div", { key: '12b3c463d0f63f0a62ab33f17c0f18bb44fa0408', 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: 'b7489db77028a96177a6e8df6ba1bfc81893ff99', part: "poll-form", onRtkCreatePoll: (e) => {
+        }), this.create && (index$1.h("rtk-poll-form", { key: 'fb8b90bb86654aa8742ced745f88e5fbdc9282bf', 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: '135391084ad419b455a173f2b6dcbea2a14725b5', 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: '7fffe35088db7620b4301145c6efa2f6da05153c', 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 CHANGED Viewed

@@ -40,7 +40,7 @@ const RtkPolls = class {
     }
     render() {
         const hasVoted = this.poll.voted.includes(this.self);
-        return (index$1.h(index$1.Host, { key: 'f825c3370a59a54fc09a618f9902909c99c1897b' }, index$1.h("div", { key: '6f50f60ba0dd91522bad0354fa0d3f439e8673f4', class: "ctr" }, index$1.h("p", { key: '76188610303bc72ff364c5c6ce47dc0ab27cc5db', class: "poll-title" }, this.t('polls.by'), " ", string.shorten(string.formatName(this.poll.createdBy), 20)), index$1.h("div", { key: '4274bb5f2f45e4974d57ebe97e05bfafa06b680f', class: "poll" }, index$1.h("p", { key: '13abbdfb31636c3c884ac8890b5af55772b6db63', class: "poll-question" }, this.poll.question), index$1.h("div", { key: 'b656224c72f15911e797a902d70900a4f7c4e6f3', class: "poll-answers" }, index$1.h("span", { key: '8a4ce79b941317f2064325d35e3fa238ce674002' }, this.t('polls.answers')), index$1.h("span", { key: '5326355795e2b01397d00e6bf227854d8d0bb344' }, this.poll.voted.length)), this.poll.options.map((item, index) => (index$1.h("div", { class: {
+        return (index$1.h(index$1.Host, { key: '69e61c49e0f7f2015538447a8862bdb7fd3b4840' }, index$1.h("div", { key: '00dec58cb19f30a4fc01926dd383edb270cd61c3', class: "ctr" }, index$1.h("p", { key: '04d88ddf1f20e1a7e5b017f058b585723498f474', class: "poll-title" }, this.t('polls.by'), " ", string.shorten(string.formatName(this.poll.createdBy), 20)), index$1.h("div", { key: '5432167291df04bc4a4bfa23117df79c8512027d', class: "poll" }, index$1.h("p", { key: 'bee55a8193f96f582cf1c3006393740ab652dea7', class: "poll-question" }, this.poll.question), index$1.h("div", { key: 'aefe01131512e992e756196b5b451d4423bb9635', class: "poll-answers" }, index$1.h("span", { key: '973f566c9d84a6519f7ab307fd072215fe76f72d' }, this.t('polls.answers')), index$1.h("span", { key: '2a87b4bd72b99916cf20070c792742d04c1a44ca' }, 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: '5e4a500a4c7b96e628435f658a9442cee8754dba' }, index$1.h("div", { key: 'aafaec9249f0930c7595ed50849cec99dad8fa43', class: "create-poll" }, index$1.h("p", { key: '936655c0b3f39bb809a721e61feddf0cf4035d35' }, this.t('polls.question')), index$1.h("textarea", { key: '4c1d38f04b0e2a8c5479988866343fd16598e6bd', onInput: () => {
+        return (index$1.h(index$1.Host, { key: 'ff160dd70e52bfa8a0c5116acea73a16cb84b9b8' }, index$1.h("div", { key: '2f14946249e12cbc38db8cca86d370030286dc8e', class: "create-poll" }, index$1.h("p", { key: 'a6e3704c58e3526aa2e0f517f529c7ee48627f30' }, this.t('polls.question')), index$1.h("textarea", { key: '6b076d162f80cc4e08ecc9379e829f37d43d06bb', 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: '168d81435e110be82fb4999d2e1570b64b4dba58', class: "add-option", variant: "secondary", onClick: () => this.addOption() }, this.t('polls.option')), index$1.h("label", { key: 'f63479661285aa0e5b1d5493d1a07e5e72548f82' }, index$1.h("input", { key: '7a32324160cded505eebcaf8871221d932d6d3ba', id: "anonymous", type: "checkbox", onChange: (e) => (this.anonymous = e.target.checked) }), this.t('polls.results.anon')), index$1.h("label", { key: 'b867ec10897e8e8a7b482350a09d9cf8025edb69' }, index$1.h("input", { key: 'ab9648514667805df67eb1f63cb803759ff3250f', 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: 'afbb0724017966cd5e1923baf0c1d21d26a6d9ec', kind: "wide", onClick: () => this.handleSubmit() }, this.t('polls.create')), this.error && index$1.h("span", { key: '0247f46fbcaa64c5148f21a547fdc91da940b457', 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: 'be4055b21c6c810d0721fe2daf3308011b2c6d8f', class: "add-option", variant: "secondary", onClick: () => this.addOption() }, this.t('polls.option')), index$1.h("label", { key: '0e22f9da27289adf831d5a9458237aa11758fd41' }, index$1.h("input", { key: '577da1d275259a4e9ebffedf153f52e799172c42', id: "anonymous", type: "checkbox", onChange: (e) => (this.anonymous = e.target.checked) }), this.t('polls.results.anon')), index$1.h("label", { key: 'c06bcbfb6d15125c614764002985d20713e672a4' }, index$1.h("input", { key: '9e9bb29126ed51c0bbd06481b44f690d737fbb64', 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: 'ab48323f46db1f6e485bea960f6d7ec6bb684075', kind: "wide", onClick: () => this.handleSubmit() }, this.t('polls.create')), this.error && index$1.h("span", { key: '1d61b167ee24001d0b66acdb361262bf7f2ffcc6', class: "error-text" }, this.error.message))));
     }
 };
 __decorate([

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

@@ -47,7 +47,7 @@ const RtkRecordingIndicator = class {
         }
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '440f9571742424afdd5a8a359d3dda3e606c11b2', "data-hidden": !this.isRecording }, this.isRecording && (index$1.h("div", { key: '0ce171e7f3f0ace231e2ddec4df84123834799b9', class: "indicator", "aria-label": this.t('recording.indicator'), part: "indicator" }, index$1.h("rtk-icon", { key: 'ad80d15b7c8790082ff77923fd4efefe85cbac02', icon: this.iconPack.recording, "aria-hidden": true, tabIndex: -1, part: "icon" }), index$1.h("span", { key: '46325b55914de856f06be2465af456d1caa7ba6d' }, this.t('recording.label'))))));
+        return (index$1.h(index$1.Host, { key: 'c4246e4721b0ca5fbc689a90688f1239df60ecad', "data-hidden": !this.isRecording }, this.isRecording && (index$1.h("div", { key: 'ce19b3649bba8a91cd22770534762c932b934557', class: "indicator", "aria-label": this.t('recording.indicator'), part: "indicator" }, index$1.h("rtk-icon", { key: '9d2ae89fef0d4e1e0d3546f765f48be8a6da6b5a', icon: this.iconPack.recording, "aria-hidden": true, tabIndex: -1, part: "icon" }), index$1.h("span", { key: 'cedf044a1a96c164022d734be2baf7e568fb849e' }, this.t('recording.label'))))));
     }
     static get watchers() { return {
         "meeting": ["meetingChanged"]