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

package/dist/collection/components/rtk-draft-attachment-view/rtk-draft-attachment-view.js

@@ -53,7 +53,7 @@ export class RtkDraftAttachmentView {
         this.onAttachmentChange();
     }
     render() {
-        return (h(Host, { key: 'b23eb412c60a62f542aec0e3cd3b99fc72de48f0' }, h("div", { key: '04251f8d4b13325f8474110c89733369bd8904f2', class: "preview-overlay" }, h("div", { key: '51963510a704b19e7c591ea177018bae6e0317f5', class: "preview" }, h("rtk-tooltip", { key: '3a2167ea7a02f1d744462826084f0fef5c607ac9', label: this.t('chat.cancel_upload') }, h("rtk-button", { key: '634c9a7e0962ed82c36519e919eb597c9b603f51', variant: "secondary", kind: "icon", onClick: this.onDeleteClickHandler }, h("rtk-icon", { key: 'b936e54ae44e1d54b73adf38a92551fbea0299c5', icon: this.iconPack.dismiss }))), this.attachment.type === 'image' ? (h("img", { class: "preview-image", src: this.filePreview })) : (h("div", { class: "preview-file" }, h("span", null, this.filePreview)))))));
+        return (h(Host, { key: '4ccd7a73401d3931dadc59779ec4edfddef219f1' }, h("div", { key: 'a75fa81f358436f6ac349a56b8a62671a25f38d7', class: "preview-overlay" }, h("div", { key: 'b95e371e0108cf613305f74c204ebb8fec26140d', class: "preview" }, h("rtk-tooltip", { key: '9c43de18dbdcff2d5cd6fdd344a13cd0d1e7c2f8', label: this.t('chat.cancel_upload') }, h("rtk-button", { key: 'e99f168f015abc65b33876e44d3a2d80f6fa6169', variant: "secondary", kind: "icon", onClick: this.onDeleteClickHandler }, h("rtk-icon", { key: '53f0ffd566825e8cb3d7a7b69c93a62c63206505', icon: this.iconPack.dismiss }))), this.attachment.type === 'image' ? (h("img", { class: "preview-image", src: this.filePreview })) : (h("div", { class: "preview-file" }, h("span", null, this.filePreview)))))));
     }
     static get is() { return "rtk-draft-attachment-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-emoji-picker/rtk-emoji-picker.js

@@ -57,7 +57,7 @@ export class RtkEmojiPicker {
         return (h("div", { id: "emoji-grid", class: "scrollbar max-w-40" }, this.filteredEmojis.map((e) => (h("rtk-button", { key: `emoji-button-${e.name}`, class: "emoji", variant: "ghost", kind: "icon", title: e.name, onClick: () => this.handleEmojiClick(e.emoji) }, e.emoji)))));
     }
     render() {
-        return (h(Host, { key: 'e099d5996a16c659de17ca9a36fcd79a9f02f400' }, h("div", { key: '2a3e300c9625b877feb2b6780df7d1a9851cb7f3', class: 'close-parent' }, h("rtk-button", { key: '7ca8421704136d09d107d1f7392ba393d5f59a9a', variant: "ghost", kind: "icon", class: "close", onClick: () => { var _a; return (_a = this.pickerClose) === null || _a === void 0 ? void 0 : _a.emit(); }, "aria-label": this.t('close') }, h("rtk-icon", { key: '040069093f7243bf5075d55b2c081c564d885a8f', icon: this.iconPack.dismiss }))), h("div", { key: '372a32be35dea5200323720e221424b5138cc4ab', class: 'emoji-parent' }, h("input", { key: 'fae2be13d736adbb99212146498f00d4f395636e', value: this.filterVal, onInput: (event) => this.handleInputChange(event.target), placeholder: this.t('search'), ref: (el) => (this.inputElement = el) }), this.mapEmojiList())));
+        return (h(Host, { key: 'f448ab61063b55b8e5572fbcb8be3f520b0704ea' }, h("div", { key: '459b42557c8e7b853410b53e42dd663461b0593a', class: 'close-parent' }, h("rtk-button", { key: '8b64136b51a96bda767b7fbbc05b51a335d1a7b9', variant: "ghost", kind: "icon", class: "close", onClick: () => { var _a; return (_a = this.pickerClose) === null || _a === void 0 ? void 0 : _a.emit(); }, "aria-label": this.t('close') }, h("rtk-icon", { key: '82bdc4ea24be656d182c9e420bd86b0b5cbfa589', icon: this.iconPack.dismiss }))), h("div", { key: '934d08102c4cffda109752eecd5be41854030133', class: 'emoji-parent' }, h("input", { key: '8c21c91a89d77fce9847ade88663d9ec969491da', value: this.filterVal, onInput: (event) => this.handleInputChange(event.target), placeholder: this.t('search'), ref: (el) => (this.inputElement = el) }), this.mapEmojiList())));
     }
     static get is() { return "rtk-emoji-picker"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-emoji-picker-button/rtk-emoji-picker-button.js

@@ -19,7 +19,7 @@ export class RtkEmojiPickerButton {
         this.t = useLanguage();
     }
     render() {
-        return (h("rtk-tooltip", { key: 'bcde14fb2c3a6544882502e65ffda7a6b3b6f13d', label: this.t('chat.send_emoji') }, h("rtk-button", { key: 'd82fa78c4ffe48c24131a6e38f087548f540fefa', variant: "ghost", kind: "icon", class: { active: this.isActive }, title: this.t('chat.send_emoji') }, h("rtk-icon", { key: '791bbe2537f1aeb064c5e9ccbbf4af37b706ec2a', icon: this.iconPack.emoji_multiple }))));
+        return (h("rtk-tooltip", { key: '45792cf2e2523dc94b5dd4c861d4006fae8aee56', label: this.t('chat.send_emoji') }, h("rtk-button", { key: 'd2f80aede59b62d7e0587515f4823bdb5e278c28', variant: "ghost", kind: "icon", class: { active: this.isActive }, title: this.t('chat.send_emoji') }, h("rtk-icon", { key: '15229de453f1cbf93c8de5c002d6ea33ff54ed3b', icon: this.iconPack.emoji_multiple }))));
     }
     static get is() { return "rtk-emoji-picker-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-file-dropzone/rtk-file-dropzone.js

@@ -37,7 +37,7 @@ export class RtkFileDropzone {
         });
     }
     render() {
-        return (h(Host, { key: 'd3fd9af2a148277b2481c94305104e43088a9b42' }, h("div", { key: 'f889ddc5635013ae7f364a6d36ef51936e179f7d', id: "dropzone", class: { active: this.dropzoneActivated }, part: "dropzone" }, h("rtk-icon", { key: 'ceb747a5fba7aa40ef108d404a7b8b02e6ab25b9', icon: this.iconPack.attach }), h("p", { key: '711b8a1ace2d73714f9abdbaba8c031e204fe07e' }, this.t('chat.send_attachment')))));
+        return (h(Host, { key: '9525e4e25630d45a8945e0cd169ac7830eb131b2' }, h("div", { key: '1be56002e1adecfaf2f9b6216e2551929bcac4e2', id: "dropzone", class: { active: this.dropzoneActivated }, part: "dropzone" }, h("rtk-icon", { key: 'e7d366446b6714ad64d2b95da7f08f67a1429333', icon: this.iconPack.attach }), h("p", { key: 'ab3b2e3a048ee8bd812ece1ad5a9afcc03d00c67' }, this.t('chat.send_attachment')))));
     }
     static get is() { return "rtk-file-dropzone"; }
     static get encapsulation() { return "shadow"; }

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

@@ -34,10 +34,10 @@ export class RtkFileMessage {
     }
     render() {
         const link = sanitizeLink(this.message.link);
-        return (h(Host, { key: '915330674d273f2c45ece29cb5e7c9408ee5cbe8' }, !this.isContinued && (h(ChatHead, { key: 'eb2877f6224de9be1c975f0d2dc010f29fef3bc9', name: this.message.displayName, time: this.message.time, now: this.now })), h("div", { key: '87d7f309379f23b76e404da2039cd2fd3fb7c95a', class: {
+        return (h(Host, { key: 'ec44f9204c991e853665069d0181b538da15893b' }, !this.isContinued && (h(ChatHead, { key: '2ef070076e554bf6c9ebf5762f61174a54079752', name: this.message.displayName, time: this.message.time, now: this.now })), h("div", { key: '5604b1d4d32e821b85a7535b9af2695815cb82e7', class: {
                 body: true,
                 bubble: this.showBubble,
-            }, part: "body" }, h("div", { key: '7683a17adf5784ef0e6af8f396c58c005a369f6b', class: "file" }, h("div", { key: '3005eb72a09ba4d241ec919f957b95f26077ed13', class: "file-data" }, h("div", { key: 'ca5fc3700f868fd321793d4da672e9c7aad38056', class: "name" }, this.message.name), h("div", { key: '463c37838eec7b9ee9b096803cb785445206041a', class: "file-data-split" }, h("div", { key: '9470b898708fc78ca01c2926f8fb6a3c6fae6eea', class: "ext" }, getExtension(this.message.name)), h("span", { key: '35fa7f199b45bb6e64a72614ca1eceaafa6044e7', class: "divider" }), h("div", { key: 'b19a9d32151bb1ddbbb7689dc6d8e09b021d0612', class: "size" }, getFileSize(this.message.size)))), h("rtk-button", { key: '6bb6a3223801a944fb9018765385ebadeae15e0f', variant: "secondary", kind: "icon", onClick: () => downloadFile(link, { name: this.message.name, fallbackName: 'file' }), part: "button" }, h("rtk-icon", { key: '9a7335c6720295a7f0b9073e35ac86014be53316', icon: this.iconPack.download }))))));
+            }, part: "body" }, h("div", { key: '6be5586c964424d8da850f6ead3315e14c439839', class: "file" }, h("div", { key: '28efbbf493a6050d1823b08714307a09b5c5b3f0', class: "file-data" }, h("div", { key: '6e6f42e9551480e6b483db9f7ddaff7e418436e0', class: "name" }, this.message.name), h("div", { key: 'c74d0f1ddf7db3fb9152584ff5c138c3ff5da2ac', class: "file-data-split" }, h("div", { key: '8ed34a2d09a4b849a0d173e22ca9e59ca67a6ff4', class: "ext" }, getExtension(this.message.name)), h("span", { key: 'c7a817891160161ee999aabe284e83cc864cb41a', class: "divider" }), h("div", { key: '6714d486a6d5564581330d76c95d06f3475e3c56', class: "size" }, getFileSize(this.message.size)))), h("rtk-button", { key: 'cc0ca70894c077a4252b6a49aefc544a0b228437', variant: "secondary", kind: "icon", onClick: () => downloadFile(link, { name: this.message.name, fallbackName: 'file' }), part: "button" }, h("rtk-icon", { key: 'a2837e81ab7452589857f1f71d8e7f1d38b5235d', icon: this.iconPack.download }))))));
     }
     static get is() { return "rtk-file-message"; }
     static get properties() {

package/dist/collection/components/rtk-file-message-view/rtk-file-message-view.js

@@ -22,7 +22,7 @@ export class RtkFileMessageView {
         this.iconPack = defaultIconPack;
     }
     render() {
-        return (h("div", { key: 'cdd46a1be912f807688dc86671dddd2fa5b9e7c9', class: "file" }, h("rtk-button", { key: '20bd6c448ec64902989cd742a8f18de32e368194', variant: "secondary", kind: "icon", onClick: () => downloadFile(sanitizeLink(this.url), { name: this.name, fallbackName: 'file' }), part: "button" }, h("rtk-icon", { key: '11ac30db5146132be8aaba67a79f66f8aba7bb8d', icon: this.iconPack.download })), h("div", { key: '342dd8daa944a5857a6519339b4d3bfb6c369eda', class: "file-data" }, h("div", { key: 'e161743b75677b1e81d09d7c373be494ccf8411a', class: "name" }, this.name), h("div", { key: '99f2d8d77ef3c129aa0c229260f6e79901ce268c', class: "file-data-split" }, h("div", { key: '7b9beadca2a810c151fb1ad43ee7c47ba451a37a', class: "ext" }, getExtension(this.name)), h("span", { key: 'd55f69a96bbe26c262461fa87f1a0a506854cf59', class: "divider" }), h("div", { key: 'cad33d263ab75aeb3083886e83063b8ccb2ea976', class: "size" }, getFileSize(this.size))))));
+        return (h("div", { key: 'f25ec20ac84c7ec0961abbdc58d74b64b3261042', class: "file" }, h("rtk-button", { key: '9daa2ca8992821456f7dad66550c1f3b0e07e5c2', variant: "secondary", kind: "icon", onClick: () => downloadFile(sanitizeLink(this.url), { name: this.name, fallbackName: 'file' }), part: "button" }, h("rtk-icon", { key: 'f4a578a8613eab5a2b91a86870ee02ff2659c4ec', icon: this.iconPack.download })), h("div", { key: '61d6a100bd716741e15f80404796ad8e5850d2a3', class: "file-data" }, h("div", { key: 'be8f7fdf168388073e5f094cb717d75766b291df', class: "name" }, this.name), h("div", { key: 'f1dbb45817084612a31baf71784d713ec85a3b79', class: "file-data-split" }, h("div", { key: '49ac2abd19ae9fb07da0a4f234c45b932cd41221', class: "ext" }, getExtension(this.name)), h("span", { key: 'fe7e8660a54184ffc3d5cff5a320a1f8929ec3e6', class: "divider" }), h("div", { key: '402df689a8cf059bd3031c9c036544c486846d40', class: "size" }, getFileSize(this.size))))));
     }
     static get is() { return "rtk-file-message-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-file-picker-button/rtk-file-picker-button.js

@@ -44,7 +44,7 @@ export class RtkFilePickerButton {
     render() {
         const label = this.label || this.t('chat.send_file');
         const icon = this.iconPack[this.icon];
-        return (h("rtk-tooltip", { key: '78ef1fd3a42656601c94561bbfc63f888d8180d3', label: label }, h("rtk-button", { key: 'a0a82e689c2e3a344936db1b3253e36def3a0ce5', variant: "ghost", kind: "icon", onClick: () => this.uploadFile(), title: label }, h("rtk-icon", { key: '1651a9f460e3851ff5296f05cf08554f9da21703', icon: icon }))));
+        return (h("rtk-tooltip", { key: '03d24cebc847667a6d59e21d22105c48db0c589c', label: label }, h("rtk-button", { key: 'bddd8cac214d897979c9a38b26643e1027e696e3', variant: "ghost", kind: "icon", onClick: () => this.uploadFile(), title: label }, h("rtk-icon", { key: '0a9756a9f6c1e8ab0c34ea46b3614816aa257df4', icon: icon }))));
     }
     static get is() { return "rtk-file-picker-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-header/rtk-header.js

@@ -40,7 +40,7 @@ export class RtkHeader {
             iconPack: this.iconPack,
             size: this.size,
         };
-        return (h(Host, { key: '00cfd80dbffa3f1c9c66e00397c7db1e7292664c' }, !this.disableRender && h(Render, { key: '521ab0493477836b0a5ce6de5ed85a842c71d32a', element: "rtk-header", defaults: defaults, onlyChildren: true }), h("slot", { key: 'f73693073b8a7162a5db2ec73e93de6bbccea7dd' })));
+        return (h(Host, { key: 'b027d881ec9b4b6e27750e13e9aa0ac50ce9748c' }, !this.disableRender && h(Render, { key: '7bb2e5d3b9d9b2aeb9550c5675743c5ddfeee99c', element: "rtk-header", defaults: defaults, onlyChildren: true }), h("slot", { key: '66bbb8bdcbb511f3e97a17f6b3703725ed708fe4' })));
     }
     static get is() { return "rtk-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-idle-screen/rtk-idle-screen.js

@@ -27,7 +27,7 @@ export class RtkIdleScreen {
         this.t = useLanguage();
     }
     render() {
-        return (h(Host, { key: '1243feb830c4b40ddbb41409ba5e4f5259d4aba2' }, h("slot", { key: 'e5c674091393508a202d514e9ad41ccae687a660' }, h("div", { key: 'bd6e459fc18148edf47ed45df3e9f1f3d3356383', class: "ctr", part: "container" }, h("rtk-logo", { key: '9b3211860563ef93307902744b37985908f71cdf', meeting: this.meeting, config: this.config, t: this.t, part: "logo" }), h("rtk-spinner", { key: '584a3355b5a023ae9bc66f1eafbd85f3d3b9bb92', "aria-label": "Idle, waiting for meeting data", part: "spinner", iconPack: this.iconPack })))));
+        return (h(Host, { key: '0d5f3eea616808cb6d59173bc875ed1e19a571eb' }, h("slot", { key: '9d647571d81e227c3deba0b131e05763f0e17bd4' }, h("div", { key: '856f24853a9d5d1a941be50ff2567083cccc2d0b', class: "ctr", part: "container" }, h("rtk-logo", { key: '0bceeddd22d96bd07f015041e5b79d5de19dac59', meeting: this.meeting, config: this.config, t: this.t, part: "logo" }), h("rtk-spinner", { key: '62841691c9f2669e3e11a4e995848a3f1df4180a', "aria-label": "Idle, waiting for meeting data", part: "spinner", iconPack: this.iconPack })))));
     }
     static get is() { return "rtk-idle-screen"; }
     static get encapsulation() { return "shadow"; }

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

@@ -34,10 +34,10 @@ export class RtkImageMessage {
         this.status = 'loading';
     }
     render() {
-        return (h(Host, { key: '1267763841d7162f1ad4152a5c4cdd809aaa3808' }, !this.isContinued && (h(ChatHead, { key: '9b415f65f456f8624cd4f981d7f8ae191772a3ce', name: this.message.displayName, time: this.message.time, now: this.now })), h("div", { key: '38ea5e45140f543ae6d16d2d00b0bf0c9a671910', class: {
+        return (h(Host, { key: '91690b290bd0fb2af8a55bea018b8b9353d60396' }, !this.isContinued && (h(ChatHead, { key: 'ef3341005308c597a2f60ec4930f2f38cf81e20a', name: this.message.displayName, time: this.message.time, now: this.now })), h("div", { key: '96d5ad95a36ada5c67ffa93e718e89dbe2a97fbb', class: {
                 body: true,
                 bubble: this.showBubble,
-            }, part: "body" }, h("div", { key: '3c842144038f9612fc46c3f5d18f87342f8376c4', class: { image: true, loaded: this.status === 'loaded' } }, h("img", { key: '39b2978696328d6ed6ac3bbbdc83a57fc7fa7d88', src: sanitizeLink(this.message.link), onLoad: () => {
+            }, part: "body" }, h("div", { key: 'ba3f2db210f343814896a2397386fbbfc7babd10', class: { image: true, loaded: this.status === 'loaded' } }, h("img", { key: '3ad9f01111c8c012513dd3a300b290b439d4a96c', src: sanitizeLink(this.message.link), onLoad: () => {
                 this.status = 'loaded';
             }, onError: () => {
                 this.status = 'errored';
@@ -45,9 +45,9 @@ export class RtkImageMessage {
                 if (this.status === 'loaded') {
                     this.stateUpdate.emit({ image: this.message });
                 }
-            } }), this.status === 'loading' && (h("div", { key: 'd83ca52f9330ddef301be3d4a84b663f91864ea3', class: "image-spinner", title: this.t('chat.img.loading'), "aria-label": this.t('chat.img.loading') }, h("rtk-spinner", { key: '6333ce5847ecd62793d5777a886a3a1a33641fab', iconPack: this.iconPack }))), this.status === 'errored' && (h("div", { key: 'e4063e68ad477069d8acaa03d0dd1c692f82c76f', class: "image-errored", title: this.t('chat.error.img_not_found'), "aria-label": this.t('chat.error.img_not_found') }, h("rtk-icon", { key: '010562aee164fdb63e45da4c0eaa29ad1cbdf66c', icon: this.iconPack.image_off }))), this.status === 'loaded' && (h("div", { key: '14773362280e9dd167db61e58b3f729e0a86d88d', class: "actions" }, h("rtk-button", { key: '8e0cd659fd47074729fa3e63897e3e8eab3193a3', class: "action", variant: "secondary", kind: "icon", onClick: () => {
+            } }), this.status === 'loading' && (h("div", { key: '35140b999e092b083cabfa53c21a468092257b05', class: "image-spinner", title: this.t('chat.img.loading'), "aria-label": this.t('chat.img.loading') }, h("rtk-spinner", { key: '863b39fd51599ace190b75ee00af7406bbbd6d27', iconPack: this.iconPack }))), this.status === 'errored' && (h("div", { key: '647d8f244b63ceb208b3d75bef6f5e4c7777243b', class: "image-errored", title: this.t('chat.error.img_not_found'), "aria-label": this.t('chat.error.img_not_found') }, h("rtk-icon", { key: 'bd40ec4564ae22d65badbec458a3b1b232e46e35', icon: this.iconPack.image_off }))), this.status === 'loaded' && (h("div", { key: 'bb6ff686812867825aca0fbd451e122fee19b6a0', class: "actions" }, h("rtk-button", { key: '5d9fad092c3f5d4049140dc12b73ca9f53ff1088', class: "action", variant: "secondary", kind: "icon", onClick: () => {
                 this.stateUpdate.emit({ image: this.message });
-            } }, h("rtk-icon", { key: '9db76d4971f2b6b45d87b6015b7ef449fa46ba85', icon: this.iconPack.full_screen_maximize })), h("rtk-button", { key: '978934fd136ab2c364521ec55d25e578940e5c7c', class: "action", variant: "secondary", kind: "icon", onClick: () => downloadFile(this.message.link, { fallbackName: 'image' }) }, h("rtk-icon", { key: '55be50aff54309a76e5348f437805e2872bcf548', icon: this.iconPack.download }))))))));
+            } }, h("rtk-icon", { key: 'c77c89797b993d2486e53d15eb8f8bf721bc2c97', icon: this.iconPack.full_screen_maximize })), h("rtk-button", { key: '45974cb9f8b88a71d340c0d260b6e5daf64eec12', class: "action", variant: "secondary", kind: "icon", onClick: () => downloadFile(this.message.link, { fallbackName: 'image' }) }, h("rtk-icon", { key: '3c50dba681609dae024479493b1bcc8ee25a5ef1', icon: this.iconPack.download }))))))));
     }
     static get is() { return "rtk-image-message"; }
     static get originalStyleUrls() {

package/dist/collection/components/rtk-image-message-view/rtk-image-message-view.js

@@ -25,7 +25,7 @@ export class RtkImageMessageView {
         this.status = 'loading';
     }
     render() {
-        return (h("div", { key: '47b2dd8f8dfc0d2aa20e80b513f802e1ebc09153', class: { image: true, loaded: this.status === 'loaded' } }, h("img", { key: 'fba4cfc015beb86040ec74b2a44e2163744a67c6', src: sanitizeLink(this.url), onLoad: () => {
+        return (h("div", { key: '99e8a76eea11e740c21642445fb803b3027f95ff', class: { image: true, loaded: this.status === 'loaded' } }, h("img", { key: '98c0477fab6ae6f86657579d4d4e44dab3af0bf5', src: sanitizeLink(this.url), onLoad: () => {
                 this.status = 'loaded';
             }, onError: () => {
                 this.status = 'errored';
@@ -33,9 +33,9 @@ export class RtkImageMessageView {
                 if (this.status === 'loaded') {
                     this.onPreview.emit(this.url);
                 }
-            } }), this.status === 'loading' && (h("div", { key: '4da0a3ab39d782e9affe7702a19232747bb4581c', class: "image-spinner", title: this.t('chat.img.loading'), "aria-label": this.t('chat.img.loading') }, h("rtk-spinner", { key: 'dea7afe2c92dd5c7c71620bc7b9089f743ef1aa2', iconPack: this.iconPack }))), this.status === 'errored' && (h("div", { key: 'ab303ce11b7182d20c64b00638a1c8be59aea774', class: "image-errored", title: this.t('chat.error.img_not_found'), "aria-label": this.t('chat.error.img_not_found') }, h("rtk-icon", { key: 'e14eb63cc4b2d18a5abd921e25ef305095f61c17', icon: this.iconPack.image_off }))), this.status === 'loaded' && (h("div", { key: 'ccceaa5cc5821ce9b4ddab742001cee78135636a', class: "actions" }, h("rtk-button", { key: 'de49516247d9655cc74afcd58bc50771e2594dca', class: "action", variant: "secondary", kind: "icon", onClick: () => {
+            } }), this.status === 'loading' && (h("div", { key: '91005900f67fb450d9b1515b8fc493e09f5ccebd', class: "image-spinner", title: this.t('chat.img.loading'), "aria-label": this.t('chat.img.loading') }, h("rtk-spinner", { key: 'c96f80a0a53426058635254c5efd78cdccd3a23f', iconPack: this.iconPack }))), this.status === 'errored' && (h("div", { key: 'c1f7a709ccaf0c0ba1104992616f8405e2380c95', class: "image-errored", title: this.t('chat.error.img_not_found'), "aria-label": this.t('chat.error.img_not_found') }, h("rtk-icon", { key: '27d22b3f706d641b5d77a5fa75ba4233663afb88', icon: this.iconPack.image_off }))), this.status === 'loaded' && (h("div", { key: '2caf4c258128cf03dae23769c832a3b7bb76be9e', class: "actions" }, h("rtk-button", { key: 'e668325aa6f1f20a2d4f7d172e483521b709b7c8', class: "action", variant: "secondary", kind: "icon", onClick: () => {
                 this.onPreview.emit(this.url);
-            } }, h("rtk-icon", { key: 'bd1ea608e4846d994a418236dca7856570bd689d', icon: this.iconPack.full_screen_maximize })), h("rtk-button", { key: '266a860a4ab4d6cf76bd89bb35c987efbc89a593', class: "action", variant: "secondary", kind: "icon", onClick: () => downloadFile(this.url, { fallbackName: 'image' }) }, h("rtk-icon", { key: 'ec26862ff95e116d519280c7e62ed7a7e1ede273', icon: this.iconPack.download }))))));
+            } }, h("rtk-icon", { key: 'ceea157f0a5e4802d2c4041f4304b9202b95bc11', icon: this.iconPack.full_screen_maximize })), h("rtk-button", { key: '2941579aef2546aa70c056bdee9bb76fea9e286f', class: "action", variant: "secondary", kind: "icon", onClick: () => downloadFile(this.url, { fallbackName: 'image' }) }, h("rtk-icon", { key: '3878b4a96f77e419e4a26725bfe7a49e29af8760', icon: this.iconPack.download }))))));
     }
     static get is() { return "rtk-image-message-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-image-viewer/rtk-image-viewer.js

@@ -39,7 +39,7 @@ export class RtkImageViewer {
         document.removeEventListener('click', this.handleOutsideClick);
     }
     render() {
-        return (h(Host, { key: '6e6e27bf5529ef5af5b0b7f02c0fcda77dba492c', class: "scrollbar", onClick: (e) => e.stopPropagation() }, h("div", { key: '53b1df2b76fb58d37154f246c09c38f17c4ac6b3', class: "header" }, h("div", { key: 'e5707219faa115dfccd330643d022c90abdcfc5b', class: "shared-by-user" }, this.t('chat.img.shared_by'), ' ', h("span", { key: '8387ffa67b78746a8d94f130ff23241313b5c1d8', class: "displayName" }, formatName(shorten(this.image.displayName)))), h("div", { key: 'cd70a8a95e264a533d2d093e4d32df49dfc3f2c7', class: "actions" }, h("rtk-button", { key: '404da530999c81a7754c07ed48ffb73eb8f915e3', onClick: () => downloadFile(this.image.link, { fallbackName: 'image' }) }, h("rtk-icon", { key: '5d7806419e55072fcfb8735229cef5b9b0816669', icon: this.iconPack.download, slot: "start" }), "Download"), h("rtk-button", { key: '6ac87cb0172f319706d8e8d4591a76d3fa60a2b9', kind: "icon", variant: "secondary", onClick: () => this.close.emit() }, h("rtk-icon", { key: 'd25982c4b4f3c422df8187782a762b12fffb76df', icon: this.iconPack.dismiss })))), h("div", { key: '968d31b08e5113419bbdc63c3887a8537d198284', class: "image-ctr" }, h("img", { key: 'a806265d98e09094dd267afc3dc6018f6cf692c4', src: this.image.link }))));
+        return (h(Host, { key: '8d935bb0caf8d693e1a689ca43aae99862170ac9', class: "scrollbar", onClick: (e) => e.stopPropagation() }, h("div", { key: '99e92847c61ae836819158df5e755a15ffc857c0', class: "header" }, h("div", { key: '00fa44b137b19e90480ab67a915d795e69d0e8d2', class: "shared-by-user" }, this.t('chat.img.shared_by'), ' ', h("span", { key: 'c8cdd90cdb236581421d39f397dcb532c0052f88', class: "displayName" }, formatName(shorten(this.image.displayName)))), h("div", { key: '5c4c76c34a58598056c737cab95966014713fda1', class: "actions" }, h("rtk-button", { key: '78e4b05fc056a4924e7d795ce751d26213b7b31c', onClick: () => downloadFile(this.image.link, { fallbackName: 'image' }) }, h("rtk-icon", { key: '97f528e26b23f749597e783b15ae2b28cdb57432', icon: this.iconPack.download, slot: "start" }), "Download"), h("rtk-button", { key: '1c8db312bcdbb7b58886bd042866dce4a742b2b6', kind: "icon", variant: "secondary", onClick: () => this.close.emit() }, h("rtk-icon", { key: '91a7127dce1d432cd6ab8bbba45d37054459b6d5', icon: this.iconPack.dismiss })))), h("div", { key: 'c5389b11ee44af064e9d12c443b2986a349d02de', class: "image-ctr" }, h("img", { key: 'a6b8cfadc2f11395695358f97a285986e5dab799', src: this.image.link }))));
     }
     static get is() { return "rtk-image-viewer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-information-tooltip/rtk-information-tooltip.js

@@ -17,7 +17,7 @@ export class RtkInformationTooltip {
         this.iconPack = defaultIconPack;
     }
     render() {
-        return (h(Host, { key: '182572b0e68a80a504b3aed40ae526ae371a9921' }, h("div", { key: 'c46d1aedd29c015e36c0496dd36ccd7d2afcd4ee', class: "tooltip-container" }, h("rtk-icon", { key: '25465b17d5b97a102273621e6e942fb34f542d53', icon: this.iconPack.info, size: "sm" }), h("div", { key: '9f3e5eea9a21b1ff48e8a3e7e91e3f81e748af79', class: "tooltip" }, h("slot", { key: 'a0f42e3681ffddf9287ddacd111ea3fa64f77c01', name: "tootlip-text" })))));
+        return (h(Host, { key: 'a94703e845d2ed6757b794e5582a27790d9ffc22' }, h("div", { key: '9dba2927f2763b84127237d269bbb21bda299018', class: "tooltip-container" }, h("rtk-icon", { key: 'dda3376f2f3e0bcc61a978f6ed4d9a746243480c', icon: this.iconPack.info, size: "sm" }), h("div", { key: '87df9ff5be316f60f1b9b6445ee19f48aed6918c', class: "tooltip" }, h("slot", { key: '25cacd1c76d12aef06b7c757d6cc1580f214d938', name: "tootlip-text" })))));
     }
     static get is() { return "rtk-information-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-join-stage/rtk-join-stage.js

@@ -43,7 +43,7 @@ export class RtkJoinStage {
             iconPack: this.iconPack,
             t: this.t,
         };
-        return (h(Host, { key: 'b69a0a77d20a65a3112a393f33e4bc71564b16e1', class: { stage: true } }, h("header", { key: 'c9860a7bd9139b4ddb188f03f4efadcecf2d4259' }, h("h2", { key: '3222f6b149c9584205f355daecb4ebc7a2c329e3' }, this.dataConfig.title)), h(Render, { key: 'ae93b03e1ffeef036560de82bd1cfd678be9895a', element: "rtk-participant-setup", defaults: defaults, props: { participant: (_a = this.meeting) === null || _a === void 0 ? void 0 : _a.self, size: 'md' }, childProps: { participant: (_b = this.meeting) === null || _b === void 0 ? void 0 : _b.self, size: 'md' }, deepProps: true }), h("div", { key: 'b579bcd55ac13475d46a9b363e50a293b3f8ab87', class: "summary" }, this.dataConfig.description), h("div", { key: 'b7002bbcf12848243621dbd4e0e62d73ed5c7043', class: "container" }, h("rtk-button", { key: '240d7e4f50f89e6859be85917a325075d5d98628', variant: "secondary", onClick: () => this.leaveStage.emit(), title: this.dataConfig.label.reject }, this.dataConfig.label.reject), h("rtk-button", { key: 'c510ea579e35bf1302b6364065a2bb4eac43bec0', onClick: () => {
+        return (h(Host, { key: 'e5d51e22abdf1f0192e48ea4d4cbb614747edcc1', class: { stage: true } }, h("header", { key: 'd2a658de63ba4df5d5827a3aff348347c271c21d' }, h("h2", { key: '9e0279be859026b0c330bd174a47556b145f14c6' }, this.dataConfig.title)), h(Render, { key: '47b47ff8103b8f0aec5f667750b2f011e55e0eea', element: "rtk-participant-setup", defaults: defaults, props: { participant: (_a = this.meeting) === null || _a === void 0 ? void 0 : _a.self, size: 'md' }, childProps: { participant: (_b = this.meeting) === null || _b === void 0 ? void 0 : _b.self, size: 'md' }, deepProps: true }), h("div", { key: 'eb435cd2a823279760819d199228eeb4b848b8c7', class: "summary" }, this.dataConfig.description), h("div", { key: '7f161d269e0508e3f184adf590043b707809fac4', class: "container" }, h("rtk-button", { key: '98344f17b421583410b1f279c2ee8dd533090ebb', variant: "secondary", onClick: () => this.leaveStage.emit(), title: this.dataConfig.label.reject }, this.dataConfig.label.reject), h("rtk-button", { key: '5f8cf91e9e864df3c85b63677ab9ac2e17e7aa18', onClick: () => {
                 if (this.isLoading)
                     return;
                 this.isLoading = true;

package/dist/collection/components/rtk-leave-button/rtk-leave-button.js

@@ -29,7 +29,7 @@ export class RtkLeaveButton {
     }
     render() {
         const text = this.t('leave');
-        return (h(Host, { key: '27ea1d3f7593e32d53b8160537e00147be6e2a2d', label: text }, h("rtk-controlbar-button", { key: 'f0952b09acd1f7cff04fd521252ecf75715e9a74', size: this.size, iconPack: this.iconPack, class: "leave red-icon", onClick: this.leave, icon: this.iconPack.call_end, label: text, variant: this.variant, part: "controlbar-button" })));
+        return (h(Host, { key: '5b0ccd7eca4a3330a6bbfd377fa5cbdc050ac346', label: text }, h("rtk-controlbar-button", { key: '8dcb835fb29edad956d715c2cbe882686ccce40d', 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" })));
     }
     static get is() { return "rtk-leave-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-leave-meeting/rtk-leave-meeting.js

@@ -75,9 +75,9 @@ export class RtkLeaveMeeting {
         }
     }
     render() {
-        return (h(Host, { key: 'aea5962feea02bcf96948f3fe61eb6d59657de0d' }, h("div", { key: '183292c3726e742323faba5d94c21ccefe3d56c5', class: "leave-modal" }, h("div", { key: '313b84d84c8a575883c5aa89613bf8a07b53a6aa', class: "header" }, h("h2", { key: 'd87fcdf179052a18b70b9681e56858e09acb04b5', class: "title" }, this.t('leave'))), h("p", { key: 'd03e97a6556e27b3719d4ca9ea89ee8a286d3f16', class: "message" }, this.isBreakoutRoomsActive && this.isChildMeeting
+        return (h(Host, { key: '4680ed34de64c4ab67dc939941a0c0a8f72af619' }, h("div", { key: '6ed0410cb32c8bd113dbc7cc5cfe5a3079606ff5', class: "leave-modal" }, h("div", { key: '8f9702a7fd68a1785bb63620587836c769c379bc', class: "header" }, h("h2", { key: 'e071e2ddbdba0ad61a3e5dc4a8ecf5c39610ffac', class: "title" }, this.t('leave'))), h("p", { key: '39ec1123fadc7fb945b600d114246aaf7b251e5a', class: "message" }, this.isBreakoutRoomsActive && this.isChildMeeting
             ? this.t('breakout_rooms.leave_confirmation')
-            : this.t('leave_confirmation')), h("div", { key: '39742fe6bfbadfb30b116ee38685f1193c773e1c', class: "content" }, h("rtk-button", { key: '39d88ee45a920e56593cd23237bf241951d8b178', variant: "secondary", onClick: this.close, class: "secondary-btn" }, this.t('cancel')), this.isBreakoutRoomsActive && this.isChildMeeting && this.canJoinMainRoom && (h("rtk-button", { key: '250fb2f7e0a44e64a29072bc59d966191ce55a88', variant: "secondary", onClick: this.handleJoinMainRoom, class: "secondary-btn" }, this.t('breakout_rooms.leave_confirmation.main_room_btn'))), h("rtk-button", { key: 'bdbea0eb8468240008a11b1f4456d52633dc2637', variant: "danger", title: this.t('leave'), onClick: this.handleLeave }, this.t('leave')), this.canEndMeeting && (h("rtk-button", { key: 'abff846edc62ce861159bc19101ef6714a5ad99b', variant: "danger", class: "secondary-btn secondary-danger-btn", onClick: this.handleEndMeeting }, this.t('end.all')))))));
+            : this.t('leave_confirmation')), h("div", { key: 'ae5e42b89313baedea3478e59c320ccadd871e3b', class: "content" }, h("rtk-button", { key: '5eccf433e1de71cbbe84d9b9062848f47bcb68b6', variant: "secondary", onClick: this.close, class: "secondary-btn" }, this.t('cancel')), this.isBreakoutRoomsActive && this.isChildMeeting && this.canJoinMainRoom && (h("rtk-button", { key: 'ad34c1c74a3c76289bfaf87e0d03e9323222735a', variant: "secondary", onClick: this.handleJoinMainRoom, class: "secondary-btn" }, this.t('breakout_rooms.leave_confirmation.main_room_btn'))), h("rtk-button", { key: '45a051102497bcfce0efb7a113a6d00a43de0605', variant: "danger", title: this.t('leave'), onClick: this.handleLeave }, this.t('leave')), this.canEndMeeting && (h("rtk-button", { key: '581e73b8d12ecb3a09182cb6561cdbb61ebb913f', variant: "danger", class: "secondary-btn secondary-danger-btn", onClick: this.handleEndMeeting }, this.t('end.all')))))));
     }
     static get is() { return "rtk-leave-meeting"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-markdown-view/rtk-markdown-view.js

@@ -76,7 +76,7 @@ export class RtkMarkdownView {
         const slicedMessage = this.text.slice(0, this.maxLength);
         const withReply = extractReplyBlock(slicedMessage, true);
         const withoutReply = stripOutReplyBlock(slicedMessage);
-        return (h("p", { key: 'c33735507a0798dffc360f01793bc7b0caaac159' }, withReply.length !== 0 && h("blockquote", { key: 'c0a4271ee4c843b6e73c8300a8026a3ec8dd5fe3' }, this.renderMessage(withReply)), withoutReply.length !== 0 && this.renderMessage(withoutReply)));
+        return (h("p", { key: 'beef042bc590e1cb543ddfa4a45b699ab78db63c' }, withReply.length !== 0 && h("blockquote", { key: '5fd5c57b235c15cdd009474d70e2a6074dd0ec0a' }, this.renderMessage(withReply)), withoutReply.length !== 0 && this.renderMessage(withoutReply)));
     }
     static get is() { return "rtk-markdown-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-menu/rtk-menu.js

@@ -59,7 +59,7 @@ export class RtkMenu {
         });
     }
     render() {
-        return (h(Host, { key: 'b019210ff85bde38c61855f8ac38aa8b927aa857' }, h("span", { key: '14f689eed0672642c3a181ee5d197d7a9b5c00a8', id: "trigger", ref: (el) => (this.triggerEl = el), onClick: () => {
+        return (h(Host, { key: '5d80123d52e211d4f120441d9f79582b4dc53247' }, h("span", { key: '996b1faea4afd983ea69c2bb197b1b6c56c0eca6', id: "trigger", ref: (el) => (this.triggerEl = el), onClick: () => {
                 this.clickedThis = true;
                 if (this.menuListEl.style.display !== 'block') {
                     this.menuListEl.style.display = 'block';
@@ -68,7 +68,7 @@ export class RtkMenu {
                 else {
                     this.menuListEl.style.display = 'none';
                 }
-            } }, h("slot", { key: 'f1ab2111e0ad309df5b38e4f189d821b8ab50a4a', name: "trigger" })), h("span", { key: 'ec03b8c7ff60dd21dce3bc1f9b473ab59ec37ace', part: "menu-list", id: "menu-list", ref: (el) => (this.menuListEl = el) }, h("slot", { key: 'bc05fba324ccf4360340b070c8d4f3723a72cf6e' }))));
+            } }, h("slot", { key: 'd54671184af01247f285e27bda8dbb9faf1ba399', name: "trigger" })), h("span", { key: '3d57dcf7805d7fb53577e722a265a60acea6971a', part: "menu-list", id: "menu-list", ref: (el) => (this.menuListEl = el) }, h("slot", { key: 'b516e727fc4d435fed30d422ba311099aff70605' }))));
     }
     static get is() { return "rtk-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-menu-item/rtk-menu-item.js

@@ -29,7 +29,7 @@ export class RtkMenuItem {
         this.t = useLanguage();
     }
     render() {
-        return (h(Host, { key: '7ae0e75aa59e0ce3b6a919eb258f218d84033bdd', class: { [this.menuVariant]: true } }, h("slot", { key: '4fd6d31e2ecb9f99bdc7442e796c5dadcb8bcf74', name: "start" }), h("slot", { key: '04ef7d82759ff42015480b3cd789d941ffa574f0' }), h("slot", { key: 'ad3c22309470a6b71d6b6b9f0f8b58cde7f76f3c', name: "end" })));
+        return (h(Host, { key: '05ed5b993b4c05f4fc295e2ac45c5337d9b993b3', class: { [this.menuVariant]: true } }, h("slot", { key: '80aebd20b238627fa7aa2ab3777ebafd8876faaf', name: "start" }), h("slot", { key: '50ff6c2c4fa7dfe9976030d1e7e39385578b902d' }), h("slot", { key: 'd93c2517156791d636d0b86569bcd79e08ed4e29', name: "end" })));
     }
     static get is() { return "rtk-menu-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-menu-list/rtk-menu-list.js

@@ -27,7 +27,7 @@ export class RtkMenuList {
         this.t = useLanguage();
     }
     render() {
-        return (h(Host, { key: '1dd2702af95e0270488e6be1813b5979bd676697', class: { [this.menuVariant]: true } }, h("slot", { key: 'cbe97d571726800ad4a3e25b8c0e261b9a0cd40a' })));
+        return (h(Host, { key: '758a8f0419b51b59f46391e28265bf6201f537d3', class: { [this.menuVariant]: true } }, h("slot", { key: '9bc391de012f416c8c29c33fcc26a146f33afe82' })));
     }
     static get is() { return "rtk-menu-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-message-list-view/rtk-message-list-view.js

@@ -260,11 +260,11 @@ export class RtkMessageListView {
         this.updateTotalHeight();
     }
     render() {
-        return (h("div", { key: '413771e98d7ce6f8c2af3d6cadf6ad3484586929', class: "scrollbar content-wrapper", ref: (el) => (this.$listRef = el), onScroll: this.handleScroll }, h("div", { key: '4e4eb3729e574f555e844266803338e5b8a5aff9', class: "scroller" }, h("div", { key: 'c4389d8636465efef4cb1e15b63c2f52eb457942', style: {
+        return (h("div", { key: '592cc96edd18a6c3f9bb18650d4a3c0969302ba9', class: "scrollbar content-wrapper", ref: (el) => (this.$listRef = el), onScroll: this.handleScroll }, h("div", { key: 'c720432351e2a051502deaeedb10e4d911776d86', class: "scroller" }, h("div", { key: '7a7aafb1dc0589059bd467258cf46640f1dc2966', style: {
                 height: `${this.totalHeight}px`,
-            } }), h("div", { key: 'dd6b9b2cb812f817bdf66f4abf5f2c81f0664fa0', class: "smallest-dom-element", id: "list-end", ref: (el) => (this.$listEndRef = el) })), h("div", { key: 'e07b23728210f7708bf5c65ae2007b28779954e7', class: "content", style: {
+            } }), h("div", { key: 'ee9e8a1819a66d73e67860615f580511ee34b31c', class: "smallest-dom-element", id: "list-end", ref: (el) => (this.$listEndRef = el) })), h("div", { key: 'e055b8db2ae6796797074e26f4ca4ef564006ece', class: "content", style: {
                 transform: `translateY(${this.getRangeSize(0, this.range.start)}px)`,
-            } }, this.isFetching && (h("div", { key: '3957d510fcc88770169f5378e8180c168645d954', class: "loader" }, h("rtk-spinner", { key: '30a85f8744f51150940abf19b3dcfb9587f50c7f', size: "md" }))), this.getVisibleItems().map((msg, index) => (h("div", { key: msg.id, ref: (el) => this.rendererInternal(el, msg, index) }))))));
+            } }, this.isFetching && (h("div", { key: 'fea9260948b5127ccd0e510ae55a01f4adbfcbbc', class: "loader" }, h("rtk-spinner", { key: '7af2be1f15773fdf4b467d7ceee8902c61cb8ca7', size: "md" }))), this.getVisibleItems().map((msg, index) => (h("div", { key: msg.id, ref: (el) => this.rendererInternal(el, msg, index) }))))));
     }
     static get is() { return "rtk-message-list-view"; }
     static get originalStyleUrls() {

package/dist/collection/components/rtk-message-view/rtk-message-view.css

@@ -101,8 +101,12 @@ p {
 
 .metadata {
   margin-top: var(--rtk-space-2, 8px);
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: var(--rtk-space-2, 8px);
   align-self: flex-end;
-  font-size: 10px;
+  font-size: 11px;
   color: rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76));
 }
 

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

@@ -18,6 +18,8 @@ export class RtkMessageView {
         this.actions = [];
         /** Appearance */
         this.variant = 'bubble';
+        /** Is message pinned */
+        this.pinned = false;
         /** Render */
         this.viewType = 'outgoing';
         /** Hides avatar */
@@ -35,7 +37,7 @@ export class RtkMessageView {
         return (h("rtk-menu", { placement: this.isSelf ? 'bottom-start' : 'bottom-end', offset: 1 }, h("button", { slot: "trigger", class: "actions" }, h("rtk-icon", { icon: this.iconPack.chevron_down })), h("rtk-menu-list", { menuVariant: this.isSelf ? 'primary' : 'secondary' }, this.actions.map((action) => (h("rtk-menu-item", { menuVariant: this.isSelf ? 'primary' : 'secondary', onClick: () => this.onAction.emit(action.id) }, action.icon && h("rtk-icon", { icon: action.icon, slot: "start" }), action.label))))));
     }
     render() {
-        return (h(Host, { key: '96feddf08120ae0e2aa89e955a16e8e4a43c78fb' }, h("div", { key: '79184165b5312ea52f0cbb57e25cfd4a757fc65f', class: { 'message-wrapper': true, [this.viewType]: true } }, !this.hideAvatar && (h("aside", { key: 'a2ccd72fbec0153282db018fb3473bf10f2176e9', class: "avatar", part: "avatar" }, h("rtk-avatar", { key: 'ecc9f5f77de0a47dfb5985c6f48e5f117c64b45e', participant: { name: this.authorName, picture: this.avatarUrl }, size: "sm" }))), h("div", { key: '3a72dc77c04eeb4d6015bf46dd9cc0bc9f533943', class: "message", part: "message" }, !this.hideAuthorName && (h("div", { key: '153a94b9fa6b23dac3fe4da62a22cbf66e4e73dc', class: "header" }, this.authorName, " ", this.isSelf ? ' (You)' : '')), h("div", { key: 'a36d44da27ea1a4d18feb91726d22e7adf983914', class: { body: true, bubble: this.variant === 'bubble' } }, h("slot", { key: '4ef8ca3766b562201e4e4443438c91679f09d471' }), !this.hideMetadata && !!this.time && (h("div", { key: '66754f1dd1a65ebdcda24449475b1f603db3ff1e', class: "metadata", title: formatDateTime(this.time) }, elapsedDuration(this.time, new Date(Date.now())))), this.actions.length !== 0 && this.renderActions())))));
+        return (h(Host, { key: '7a4f7b9cd801a12871077b56c96213d6c7f53685' }, h("div", { key: '2b1731b82f709cf90f6d7ab239a8a516886de227', class: { 'message-wrapper': true, [this.viewType]: true } }, !this.hideAvatar && (h("aside", { key: '9963f792a5475c74e8170c0baec328162828163d', class: "avatar", part: "avatar" }, h("rtk-avatar", { key: 'e09b73fbba38f108809e6444940e8053c71a0276', participant: { name: this.authorName, picture: this.avatarUrl }, size: "sm" }))), h("div", { key: 'cdd752fa1553c5977251dcb0a32ecc5b65984514', class: "message", part: "message" }, !this.hideAuthorName && (h("div", { key: 'd0a758ac727a0a9b1757e8a61caf57bfadc20d08', class: "header" }, this.authorName, " ", this.isSelf ? ' (You)' : '')), h("div", { key: '32687e9a0462eaad2d625eb93d82205a23f99f51', class: { body: true, bubble: this.variant === 'bubble' } }, h("slot", { key: 'ca2022939cb8becf5d81655a37e344ff930a3251' }), !this.hideMetadata && !!this.time && (h("div", { key: '11dec318a44909b3080dcd29b3a6c4074ce394e3', class: "metadata", title: formatDateTime(this.time) }, this.pinned && h("rtk-icon", { key: '7a68a35c7113407f3676ee09de42fcab50485f39', icon: this.iconPack.pin, size: "sm" }), elapsedDuration(this.time, new Date(Date.now())))), this.actions.length !== 0 && this.renderActions())))));
     }
     static get is() { return "rtk-message-view"; }
     static get encapsulation() { return "shadow"; }
@@ -95,6 +97,26 @@ export class RtkMessageView {
                 "reflect": false,
                 "defaultValue": "'bubble'"
             },
+            "pinned": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Is message pinned"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "pinned",
+                "reflect": false,
+                "defaultValue": "false"
+            },
             "viewType": {
                 "type": "string",
                 "mutable": false,

package/dist/collection/components/rtk-more-toggle/rtk-more-toggle.js

@@ -53,10 +53,10 @@ export class RtkMoreToggle {
     }
     render() {
         const text = this.t('more');
-        return (h(Host, { key: '3b07eaaee77053c8bc68edf517adbc2928244680', title: text }, this.states.activeMoreMenu && (h("div", { key: '31f641a909685ce4f561b107e6dfd380a6d5ec86', class: "more-menu" }, h("slot", { key: 'c78477d0c4db136d6dfb4c3fe63ceb7dc678205e', name: "more-elements" }))), h("rtk-controlbar-button", { key: '41bbfa76720797850c8f540720eaeaed7e9f2a12', size: this.size, iconPack: this.iconPack, onClick: (e) => {
+        return (h(Host, { key: '73044df7026e090e30d8f9b2f40b3c4adf5424ae', title: text }, this.states.activeMoreMenu && (h("div", { key: '0abe46d0b772ff7bef2ecbf5fa2ce372bf81fe1d', class: "more-menu" }, h("slot", { key: '8eba4b6a5fee4812ad2dcd81ba0511cddb090100', name: "more-elements" }))), h("rtk-controlbar-button", { key: 'e043fc7b60f24fbe761c442edfb38d245f84b419', size: this.size, iconPack: this.iconPack, onClick: (e) => {
                 e.stopPropagation();
                 this.toggleMoreMenu();
-            }, icon: this.iconPack.horizontal_dots, label: text, part: "controlbar-button" }), h("slot", { key: '207388a5e3c71f27d54f54b42d41339c19bb202d', name: "expanded" })));
+            }, icon: this.iconPack.horizontal_dots, label: text, part: "controlbar-button" }), h("slot", { key: '739c90ae5b23b98dab457c3dfce24d5a19a24c67', name: "expanded" })));
     }
     static get is() { return "rtk-more-toggle"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-mute-all-confirmation/rtk-mute-all-confirmation.js

@@ -29,7 +29,7 @@ export class RtkMuteAllConfirmation {
         };
     }
     render() {
-        return (h(Host, { key: '012843e04afc91b7a9b8bca01d5d44ad8eb21988' }, h("div", { key: '82d246a5339936460435c45122ee9979c6f96ec4', class: "leave-modal" }, h("div", { key: '93a9cb57cc106f4dadbb3bac2dc194dc506d8926', class: "header" }, h("h2", { key: '26535ce68bae0d140ad626cfef61f7f753892404', class: "title" }, this.t('mute_all.header'))), h("p", { key: 'adf32771ba089b2b07022faa581a152495faafbc', class: "message" }, this.t('mute_all.description')), h("div", { key: '8f15b4433aa6483d968f435ce413ebe64077aee4', class: "content" }, h("div", { key: '5d9781ebe01b4085f4c5a9917a09b5b32e418c72', class: "leave-meeting" }, h("rtk-button", { key: 'bb8718e4548662d15ea67cb5a432e195c5f5f965', variant: "secondary", title: this.t('close'), onClick: this.onClose }, this.t('cancel')), h("rtk-button", { key: '0efaee116b9361826fc94a41e4727115a08100cb', variant: "danger", title: this.t('mute_all'), onClick: this.onMuteAll }, this.t('mute_all')))))));
+        return (h(Host, { key: 'fa0d14fa4d97e3dcbac59a1bb9b8a5149b92adc8' }, h("div", { key: '9b2f65663cf69cd7d427793c832b47a89158a8e3', class: "leave-modal" }, h("div", { key: 'ae7dd27985e3eba1b1e2f6f7748b264920ded7ae', class: "header" }, h("h2", { key: 'a70f4d3d12bc42fdb0ca057e63680bb6a5676ae5', class: "title" }, this.t('mute_all.header'))), h("p", { key: '7f8685995b777f91cfd592737b81dcb9af147fb0', class: "message" }, this.t('mute_all.description')), h("div", { key: '3af2889f993e9ba3f7946fb612faf33787b6121f', class: "content" }, h("div", { key: 'ac9f60cfccdc4a6585002ebc7a115ce8cfa85fbe', class: "leave-meeting" }, h("rtk-button", { key: '25ff9d4db1a5731175ec2bf2de0b1a7df6efd1ea', variant: "secondary", title: this.t('close'), onClick: this.onClose }, this.t('cancel')), h("rtk-button", { key: '80cf51d679fa221a54f8b6dabf4b8052936b0d72', variant: "danger", title: this.t('mute_all'), onClick: this.onMuteAll }, this.t('mute_all')))))));
     }
     static get is() { return "rtk-mute-all-confirmation"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-name-tag/rtk-name-tag.js

@@ -44,7 +44,7 @@ export class RtkNameTag {
         var _a, _b, _c;
         const name = formatName(((_a = this.participant) === null || _a === void 0 ? void 0 : _a.name) || '');
         const isSelf = ((_b = this.participant) === null || _b === void 0 ? void 0 : _b.id) === ((_c = this.meeting) === null || _c === void 0 ? void 0 : _c.self.id);
-        return (h(Host, { key: 'd42b26fe39b4a8643e32b420ec6cded7450dde20', title: name }, h("slot", { key: '5235adedfaef8eb0b99d46f9b6e89efe40e53f68', name: "start" }), h("span", { key: 'bd15296809e2caf334c6786e45e3b751633ff001', class: "name" }, this.formatNameTag(name, isSelf)), h("slot", { key: '6f5a39cfecf90b9d449b08274eb20b450bcba196', name: "end" })));
+        return (h(Host, { key: '03a8cf176ca6a1b688f3bc9bd5c77ef22e8937d9', title: name }, h("slot", { key: 'd38164aeda8e938f49ffceb8e52e3102ddd03d11', name: "start" }), h("span", { key: '026f1cc6bbfcbd3649f73db43b2111af55fea6ee', class: "name" }, this.formatNameTag(name, isSelf)), h("slot", { key: '3a22aa050a15f452b0ec5db3cd5981dccb88aa55', name: "end" })));
     }
     static get is() { return "rtk-name-tag"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-notification/rtk-notification.js

@@ -47,9 +47,9 @@ export class RtkNotification {
     }
     render() {
         var _a;
-        return (h(Host, { key: '8c854ce9c1fbed1d0078e37ddfe731bd09f60217' }, h("div", { key: 'e5110dfac0052c151ad0f0c702fd2183639c160c', class: "ctr" }, this.notification.icon != null && (h("rtk-icon", { key: '34c84299f20115d1576606443fd28035d604a282', class: "icon", icon: this.notification.icon, variant: (_a = this.notification.iconVariant) !== null && _a !== void 0 ? _a : 'primary' })), this.notification.image != null &&
+        return (h(Host, { key: '51e81b13584429d211648cd6b069cfeeb9786cf0' }, h("div", { key: '4cfbf9ff3fd5bc8482ef8e89384cc5b56ea06225', class: "ctr" }, this.notification.icon != null && (h("rtk-icon", { key: '249f72bd11d1004754d4d8539d9f78aa9c16d004', class: "icon", icon: this.notification.icon, variant: (_a = this.notification.iconVariant) !== null && _a !== void 0 ? _a : 'primary' })), this.notification.image != null &&
             this.notification.icon == null &&
-            this.imageState !== 'errored' && (h("img", { key: 'f8c7d6de5740e5e94be8b0bec312b44157c9999a', src: this.notification.image, class: { loaded: this.imageState === 'loaded' }, onLoad: () => (this.imageState = 'loaded'), onError: () => (this.imageState = 'errored') })), h("p", { key: 'cf22e099409eda906611ad43bb92192512c3b3f0', class: "message" }, h(TextMessageView, { key: '87e52e92ffa9d86b4ddc6a1c61b5bbb6a9f6c1d1', message: this.notification.message })), h("div", { key: '06195e55729bbc11fc48b188df7ee5f8a7b111d6', class: "right" }, this.notification.button != null && (h("rtk-button", { key: 'b1a8e8f05587fa9eaf66e9d8932dee6d4fc57e67', size: "sm", variant: this.notification.button.variant, onClick: () => this.notification.button.onClick() }, this.notification.button.text)), h("button", { key: '102260442e93358e972d72dbcfe2cc90f68523d9', onClick: () => this.dismiss.emit(this.notification.id), class: "dismiss" }, h("rtk-icon", { key: 'f585bf6153a7c34528bd46af850db3f8511805ff', "aria-label": this.t('dismiss'), icon: this.iconPack.dismiss }))))));
+            this.imageState !== 'errored' && (h("img", { key: 'feeb94c2e78e7506c18cc91746141d7e3a35f62d', src: this.notification.image, class: { loaded: this.imageState === 'loaded' }, onLoad: () => (this.imageState = 'loaded'), onError: () => (this.imageState = 'errored') })), h("p", { key: 'b33a24ab2e00d415565005df81915a266415fdeb', class: "message" }, h(TextMessageView, { key: '1947b8c43643aa169bf4ea324fdf8a091b8b4432', message: this.notification.message })), h("div", { key: 'bc904e8c67d9a0f4dc4558a81cdc8d86fb414a3f', class: "right" }, this.notification.button != null && (h("rtk-button", { key: '1c13f1c57b9c2ffb05f7ecd51dd255fa1499d8ee', size: "sm", variant: this.notification.button.variant, onClick: () => this.notification.button.onClick() }, this.notification.button.text)), h("button", { key: '6ada4c78be92f5c3f9ec5a1b12255316345ac5ca', onClick: () => this.dismiss.emit(this.notification.id), class: "dismiss" }, h("rtk-icon", { key: '9e92dd30e11a1af7a684331b5eab02a1c4cea46a', "aria-label": this.t('dismiss'), icon: this.iconPack.dismiss }))))));
     }
     static get is() { return "rtk-notification"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-overlay-modal/rtk-overlay-modal.js

@@ -30,7 +30,7 @@ export class RtkOverlayModal {
         }
     }
     render() {
-        return (h(Host, { key: '3c4b052af95eb7fd181d940b671b1d8105c568bb' }, h("rtk-icon", { key: 'a279a00bc270b2aa5bc1b867753bb10fbb13dfba', icon: this.states.activeOverlayModal.icon }), h("h2", { key: '283ade7b8c7f340e6931330a923df6d7457902e7' }, this.states.activeOverlayModal.title), h("p", { key: '16a8497d0940fa3354530555ab523e4d7236bbc0' }, this.states.activeOverlayModal.description)));
+        return (h(Host, { key: '996258387764dd1b7d12c4e4765ee38c01cdad94' }, h("rtk-icon", { key: '4ccf7d3878900f0cb5743313bfef0b93fdd80c70', icon: this.states.activeOverlayModal.icon }), h("h2", { key: '7346e4cb9bee22c63cc5014a16f9e7a423afe7e7' }, this.states.activeOverlayModal.title), h("p", { key: '24f5dda6cda11267a00e7a4d9aadf3479b8b2873' }, this.states.activeOverlayModal.description)));
     }
     static get is() { return "rtk-overlay-modal"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-paginated-list/rtk-paginated-list.js

@@ -279,7 +279,7 @@ export class RtkPaginatedList {
          * which is why div#bottom-scroll comes before div#top-scroll
          * div.page-wrapper prevents reversal of messages
          */
-        return (h(Host, { key: '23e10f12b079213650cf9c947d30650ba8c95a4d' }, h("div", { key: 'b5406069fd69ff117b19d437184c38b3c7d2fc28', class: "scrollbar container", part: "container", ref: (el) => (this.$paginatedList = el) }, h("div", { key: '7be947f2409ff810e0d10beea53ace8fdec334ce', class: { 'show-new-messages-ctr': true, active: !this.shouldRenderNewNodes } }, h("rtk-button", { key: '45c43d6ca1cc39376334dffa10f3f2c137d65add', class: "show-new-messages", kind: "icon", variant: "secondary", part: "show-new-messages", onClick: () => this.onDownArrowClicked() }, h("rtk-icon", { key: '519b0db80f7d16cc4d03983e227d4897a5868ec9', icon: this.iconPack.chevron_down }))), h("div", { key: '53691e3943b90ef9e422c8da8f5facaa23f01920', class: "smallest-dom-element", id: "bottom-scroll", ref: (el) => (this.$bottomRef = el) }), this.isLoadingBottom && h("rtk-spinner", { key: '2a393cb0bbb07c356144464dcc7c597f5cc9771b', size: "sm" }), this.isLoading && this.pagesToRender.flat().length === 0 && h("rtk-spinner", { key: '4ce03be69368db0d6d0d4ad079b14f2c7d93f26d', size: "lg" }), this.pagesToRender.flat().length === 0 && this.showEmptyListLabel ? (h("div", { class: "empty-list" }, (_a = this.emptyListLabel) !== null && _a !== void 0 ? _a : this.t('list.empty'))) : (h("div", { class: "page-wrapper" }, this.pagesToRender.map((page) => this.createNodes(page)))), this.hasMoreDataAtTop && !this.isLoadingTop && (h("div", { key: '5c85806854687efe098e4bd6d06d109060445378', class: "load-more-on-top-container" }, h("rtk-button", { key: '6d73a030fad5ba133aa2841b2feb196646592ada', class: "load-more-icon", kind: "icon", variant: "secondary", part: "load-more-icon", onClick: () => this.onLoadMoreOnTopClicked() }, h("rtk-icon", { key: '61a4f376749938df280e5c734dd3fa8a9b0b7201', icon: this.iconPack.chevron_up })))), this.isLoadingTop && h("rtk-spinner", { key: '3e55b99c60ed7bc2cd937091a33663dd19c9ca68', size: "sm" }), h("div", { key: 'a69e0a3a26d295783f4f729b33770b206ab5d46b', class: "smallest-dom-element", id: "top-scroll", ref: (el) => (this.$topRef = el) }))));
+        return (h(Host, { key: '2ee90baa6b1b9f88829d04632c129287b936ba30' }, h("div", { key: 'd68db998539fd1df12e92d61828a04628f7d9f0a', class: "scrollbar container", part: "container", ref: (el) => (this.$paginatedList = el) }, h("div", { key: '4fe1ae2b1aa961242ba6be8ca3b8b6c6e504ef5c', class: { 'show-new-messages-ctr': true, active: !this.shouldRenderNewNodes } }, h("rtk-button", { key: '5c7ad4c553eb6f1b7f14bad406e49fe18f63d100', class: "show-new-messages", kind: "icon", variant: "secondary", part: "show-new-messages", onClick: () => this.onDownArrowClicked() }, h("rtk-icon", { key: 'dacfc24e3fb9ec34e40447b606e256eefaefdc6e', icon: this.iconPack.chevron_down }))), h("div", { key: '569ffce0c198638b831a3eb0bac9a032c863ed9d', class: "smallest-dom-element", id: "bottom-scroll", ref: (el) => (this.$bottomRef = el) }), this.isLoadingBottom && h("rtk-spinner", { key: '06f571694e1877d8eba4ec939bc6a74f68f16caa', size: "sm" }), this.isLoading && this.pagesToRender.flat().length === 0 && h("rtk-spinner", { key: '628c0eef27fe29d2c3cbf6f0da7d10a12560c127', size: "lg" }), this.pagesToRender.flat().length === 0 && this.showEmptyListLabel ? (h("div", { class: "empty-list" }, (_a = this.emptyListLabel) !== null && _a !== void 0 ? _a : this.t('list.empty'))) : (h("div", { class: "page-wrapper" }, this.pagesToRender.map((page) => this.createNodes(page)))), this.hasMoreDataAtTop && !this.isLoadingTop && (h("div", { key: 'fc5207945ed0949074e3460d9943130eb4289409', class: "load-more-on-top-container" }, h("rtk-button", { key: '4fff7d14798340dc576e4aeeebfe9e3946cbcf6a', class: "load-more-icon", kind: "icon", variant: "secondary", part: "load-more-icon", onClick: () => this.onLoadMoreOnTopClicked() }, h("rtk-icon", { key: '87b2abaf1c850189246d1b9aa84b55c374b31d1d', icon: this.iconPack.chevron_up })))), this.isLoadingTop && h("rtk-spinner", { key: '766ac48eebaa236a9a44f770d777c2c31fabe10e', size: "sm" }), h("div", { key: '6a5287556030f9f426ac2d8b6063b13a966135ff', class: "smallest-dom-element", id: "top-scroll", ref: (el) => (this.$topRef = el) }))));
     }
     static get is() { return "rtk-paginated-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-participant/rtk-participant.js

@@ -220,9 +220,9 @@ export class RtkParticipant {
             iconPack: this.iconPack,
             t: this.t,
         };
-        return (h(Host, { key: 'd04f837e2d5eb2024ac202ad5ac77331adad43c9' }, h("div", { class: "left", key: (_e = this.participant) === null || _e === void 0 ? void 0 : _e.id }, h("rtk-avatar", { key: '357234a1dde242720daab827db2d8aeda595c96b', participant: this.participant, size: "sm", iconPack: this.iconPack, t: this.t }), h("p", { key: 'f1cd6c6f0398e7f5275a65044a65429d5f0d1db4', class: "name", title: name }, 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' && (h("div", { key: 'bd12f811f09fdb1b722ac9597f8e70dd734d5737', class: "right" }, isActiveParticipant && (h("rtk-icon", { key: '20d4bd4f97e9edd4f86cb4b427fa60b1507906cd', class: {
+        return (h(Host, { key: 'e9739f8ce0a6497a366c35c10fa157812b1ce460' }, h("div", { class: "left", key: (_e = this.participant) === null || _e === void 0 ? void 0 : _e.id }, h("rtk-avatar", { key: '9a084d51dbdabfbb887e68f4194e684d1730bc02', participant: this.participant, size: "sm", iconPack: this.iconPack, t: this.t }), h("p", { key: '8248aa42eaacc9a4747767b7493984b588f52f6e', class: "name", title: name }, 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' && (h("div", { key: '7f128593d587cdcd28089ecf08c2d18a6aceb417', class: "right" }, isActiveParticipant && (h("rtk-icon", { key: '49efc3e837c262e7eca6d0cf67b0aa0c4e04370a', class: {
                 red: !this.audioEnabled,
-            }, icon: this.audioEnabled ? this.iconPack.mic_on : this.iconPack.mic_off })), isActiveParticipant && !isAudioRoom && (h("rtk-icon", { key: 'bebf3ddc0a1b40a4cbb736edbee9bf2482890c32', class: {
+            }, icon: this.audioEnabled ? this.iconPack.mic_on : this.iconPack.mic_off })), isActiveParticipant && !isAudioRoom && (h("rtk-icon", { key: '9272d41fada7f96ea9c9ab3dc4eeac8834ea306a', class: {
                 red: !this.videoEnabled,
             }, icon: this.videoEnabled ? this.iconPack.video_on : this.iconPack.video_off })), (showMenu ||
             lenChildren({
@@ -231,34 +231,34 @@ export class RtkParticipant {
                 childProps: {
                     participant: this.participant,
                 },
-            }) > 0) && (h("div", { key: '98bbfa6d23c2b298f082b182ed4ff39b5ab6ffbd', class: "menu" }, h("span", { key: '510be24b1e9000cea40bc1d19bead1092b882802', id: "trigger", onClick: this.onMenuToggle }, h("rtk-button", { key: 'ffc0397b8259769d5fe2407770507350449211e5', variant: "ghost", kind: "icon", slot: "trigger" }, h("rtk-icon", { key: 'a7c403786b7fd2be84e3cb59015e0c9532fbe7a8', class: "more", icon: this.iconPack.more_vertical }))), h("span", { key: '996cfcd1221be661ec4a7a1fb753a2979ef695b6', id: "menu-list" }, this.menuOpen && (h("rtk-menu-list", { key: '16d3ce80e2d51cffb37617856dfec051958ef9b7', iconPack: this.iconPack, t: this.t }, this.canPinParticipant && isActiveParticipant && !isAudioRoom && (h("rtk-menu-item", { key: '2469c59d100fe34fbb0c271f9bf27263e9d3ce72', onClick: () => {
+            }) > 0) && (h("div", { key: 'c650d0dd6c08b12682e4505d75229aec7eeb5205', class: "menu" }, h("span", { key: '2e6fcc465b2fe64b1775eff4c957330d9e8aa63a', id: "trigger", onClick: this.onMenuToggle }, h("rtk-button", { key: '0a8d53a93bf92b893ad9c20e930bb22772437c40', variant: "ghost", kind: "icon", slot: "trigger" }, h("rtk-icon", { key: '686fb26b00a689789c5607fc989eef29936ab854', class: "more", icon: this.iconPack.more_vertical }))), h("span", { key: '4f4a5573d13f421eae93acbca2c85837d2068941', id: "menu-list" }, this.menuOpen && (h("rtk-menu-list", { key: 'c446d3fe559257ecd40523b30ffb0033098f22ac', iconPack: this.iconPack, t: this.t }, this.canPinParticipant && isActiveParticipant && !isAudioRoom && (h("rtk-menu-item", { key: 'c51614856ff7de89184076854534eb15af430faf', onClick: () => {
                 if (this.isPinned) {
                     this.participant.unpin();
                 }
                 else {
                     this.participant.pin();
                 }
-            }, iconPack: this.iconPack, t: this.t }, h("rtk-icon", { key: 'e69b81c2a557d2acf6f4254edb46836d9951cf3e', icon: this.isPinned ? this.iconPack.pin_off : this.iconPack.pin, slot: "start" }), this.isPinned ? this.t('unpin') : this.t('pin'))), isSelf && (h("rtk-menu-item", { key: '52335e703f44cf8b1d3adc6c2d6750198906216b', iconPack: this.iconPack, t: this.t, onClick: () => {
+            }, iconPack: this.iconPack, t: this.t }, 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 && (h("rtk-menu-item", { key: '3c044243847cd3fb86ed71eb93554dc9af986b57', iconPack: this.iconPack, t: this.t, onClick: () => {
                 this.isHidden
                     ? this.participant.show()
                     : this.participant.hide();
-            } }, h("rtk-icon", { key: '7b9aa493842c50422b909c1c98f4d16bda594d59', icon: this.isHidden ? this.iconPack.minimize : this.iconPack.maximize, slot: "start" }), !this.meeting.self.hidden ? this.t('minimize') : this.t('maximize'))), this.canDisableParticipantAudio &&
+            } }, 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 &&
             isActiveParticipant &&
-            this.audioEnabled && (h("rtk-menu-item", { key: '956e423b33a1db73ad692362708c2db9307604e3', iconPack: this.iconPack, t: this.t, onClick: () => {
+            this.audioEnabled && (h("rtk-menu-item", { key: '665ac23b6c7c8596a8cdf148407a4398dc3c62a1', iconPack: this.iconPack, t: this.t, onClick: () => {
                 this.participant.disableAudio();
-            } }, h("rtk-icon", { key: '3f0d90c3e43059ee95b5bee9b52a0e3d03f67011', icon: this.iconPack.mic_off, slot: "start" }), this.t('mute'))), this.canDisableParticipantVideo &&
+            } }, h("rtk-icon", { key: 'd306c4b9474a32534cc6af48e9b088b5687b1b77', icon: this.iconPack.mic_off, slot: "start" }), this.t('mute'))), this.canDisableParticipantVideo &&
             isActiveParticipant &&
-            this.videoEnabled && (h("rtk-menu-item", { key: 'fc2f22ed04974fa40c10e730e3bb7aee2142d7a4', iconPack: this.iconPack, t: this.t, onClick: () => {
+            this.videoEnabled && (h("rtk-menu-item", { key: 'b78ebe1890ed28674211f4af87a93d5a5c375930', iconPack: this.iconPack, t: this.t, onClick: () => {
                 this.participant.disableVideo();
-            } }, h("rtk-icon", { key: '86ee677bb056d9e665ab81fc8246b17fb89ac699', icon: this.iconPack.video_off, slot: "start" }), this.t('participants.turn_off_video'))), this.canAllowParticipantOnStage &&
-            ((_h = this.participant) === null || _h === void 0 ? void 0 : _h.id) !== ((_j = this.meeting) === null || _j === void 0 ? void 0 : _j.self.id) && (h("rtk-menu-item", { key: 'ca374ea886d695a5e78b75b3de9de9b9631ef19a', iconPack: this.iconPack, t: this.t, class: this.isOnStage ? 'red' : '', onClick: this.inviteToStageToggle }, h("rtk-icon", { key: '6166ff20a3fa00d28b6602a3a7e68c1a2ca008a5', icon: this.isOnStage
+            } }, 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) && (h("rtk-menu-item", { key: 'abac1f63237f7ba39aad1341275674d22a454129', iconPack: this.iconPack, t: this.t, class: this.isOnStage ? 'red' : '', onClick: this.inviteToStageToggle }, h("rtk-icon", { key: 'e69b4fcb2b3e1648f2a32a4c540da9fe43d53a90', 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 && (h("rtk-menu-item", { key: '95818a580073c6b3244a47020cafed3bb7b97dd6', iconPack: this.iconPack, t: this.t, class: "red", onClick: () => {
+            : this.t('stage.add_to_stage'))), !isSelf && this.canKickParticipant && (h("rtk-menu-item", { key: 'ba6f6d9d0e0187a03bc119b48e8ee1623753905c', 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);
-            } }, h("rtk-icon", { key: '9a2511e15d604cd672d85fb7cd99deb157e96bb0', icon: this.iconPack.dismiss, slot: "start" }), this.t('kick'))), h("slot", { key: '8dad8df5005902e5af3325062ba4d81711dc8370' }, h(Render, { key: '915f440d18ae76a9330297122d6c8f22dbf629cd', element: "rtk-participant", defaults: defaults, childProps: {
+            } }, h("rtk-icon", { key: 'b72749badd8e1807d874846872368835f87db996', icon: this.iconPack.dismiss, slot: "start" }), this.t('kick'))), h("slot", { key: '4269e4842e5d9e13c14d14e4392e2a5fa9030eb3' }, h(Render, { key: 'e3a204931270526f24df842f72f8a08817c27be0', element: "rtk-participant", defaults: defaults, childProps: {
                 participant: this.participant,
             }, deepProps: true, onlyChildren: true })))))))))));
     }

package/dist/collection/components/rtk-participant-setup/rtk-participant-setup.js

@@ -83,11 +83,11 @@ export class RtkParticipantSetup {
     }
     render() {
         var _a, _b, _c, _d;
-        return (h(Host, { key: '05dae6198445aaae28546dba043ce89e8fd0e796' }, h("video", { key: '1a306aa1f4ec027338400e3b40349b92184d470d', ref: (el) => (this.videoEl = el), class: {
+        return (h(Host, { key: '58684c8d6926e8992c460332d208a90c7dbbbb7d' }, h("video", { key: 'bfe2dfcfc1c94066910736eef08e676f7955d790', 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 }), h("slot", { key: '69ae8a0337cd57891b99fafe677f63652a6340bc' })));
+            }, autoPlay: true, playsInline: true, muted: true }), h("slot", { key: '9236d9897799ecf8971f097c14ebc8c85aade7b8' })));
     }
     static get is() { return "rtk-participant-setup"; }
     static get encapsulation() { return "shadow"; }