@cloudflare/realtimekit-ui 1.0.3 → 1.0.4-staging.2

package/dist/components/{p-8d07e4b3.js → p-8320939f.js}

@@ -1,14 +1,14 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
 import { f as formatDateTime, e as elapsedDuration } from './p-382270d8.js';
-import { S as SyncWithStore } from './p-989a34c9.js';
-import { a as defaultIconPack } from './p-fc4484ae.js';
+import { S as SyncWithStore } from './p-3968315b.js';
+import { e as defaultIconPack } from './p-2b523e10.js';
 import './p-a83ccdbd.js';
-import { d as defineCustomElement$6 } from './p-cbc8e449.js';
-import { d as defineCustomElement$5 } from './p-a73161da.js';
-import { d as defineCustomElement$4 } from './p-c1f57f6b.js';
-import { d as defineCustomElement$3 } from './p-20c74379.js';
-import { d as defineCustomElement$2 } from './p-2df5f773.js';
-import { d as defineCustomElement$1 } from './p-23d64784.js';
+import { d as defineCustomElement$6 } from './p-81a13bf2.js';
+import { d as defineCustomElement$5 } from './p-cadee920.js';
+import { d as defineCustomElement$4 } from './p-2f9525bf.js';
+import { d as defineCustomElement$3 } from './p-1035acb6.js';
+import { d as defineCustomElement$2 } from './p-792de3bc.js';
+import { d as defineCustomElement$1 } from './p-24c3ffc2.js';
 
 const rtkMessageViewCss = ":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)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}.message-wrapper{display:flex;flex-direction:row-reverse;gap:var(--rtk-space-2, 8px)}.message-wrapper.incoming{flex-direction:row}.message{display:flex;flex-direction:column}.header{margin-bottom:var(--rtk-space-1, 4px);align-self:flex-end;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));font-size:14px;font-weight:600}.incoming .header{align-self:flex-start}.body{display:flex;flex-direction:column;min-width:var(--rtk-space-24, 96px);font-family:var(--rtk-font-family, sans-serif);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));font-size:14px;line-height:1.375;position:relative}.body .metadata{margin-top:var(--rtk-space-2, 8px);align-self:flex-end;font-size:10px}.bubble{max-width:var(--rtk-space-96, 384px);padding:var(--rtk-space-2, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));border-radius:var(--rtk-border-radius-md, 8px)}.incoming .bubble{width:-moz-fit-content;width:fit-content;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.avatar{display:none}rtk-menu{position:absolute;right:var(--rtk-space-0, 0px);top:var(--rtk-space-0, 0px);border-radius:var(--rtk-border-radius-lg, 12px)}rtk-menu rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);cursor:pointer}.actions{display:flex;align-items:center;justify-content:center;padding-left:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px);padding-top:var(--rtk-space-1, 4px);padding-right:var(--rtk-space-1, 4px);border-radius:var(--rtk-border-radius-md, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none;background:radial-gradient(\n    at top right,\n    rgb(var(--rtk-colors-brand-300, 73 124 253)) 60%,\n    rgba(255, 255, 255, 0) 80%\n  )}.actions rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.incoming .actions{background:radial-gradient(\n      at top right,\n      rgb(var(--rtk-colors-background-800, 30 30 30)) 60%,\n      rgba(255, 255, 255, 0) 80%\n    )}.incoming .actions rtk-icon{color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.incoming rtk-avatar{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}@media (min-width: 400px){.avatar{display:flex;width:var(--rtk-space-6, 24px)}.avatar rtk-avatar{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px);font-size:10px;overflow:clip;border-radius:9999px}}@media (hover: hover){rtk-menu{visibility:hidden}.body:hover rtk-menu{visibility:visible}}";
 const RtkMessageViewStyle0 = rtkMessageViewCss;
@@ -48,7 +48,7 @@ const RtkMessageView = /*@__PURE__*/ proxyCustomElement(class RtkMessageView ext
         return (h("rtk-menu", { placement: "top-end", offset: 1 }, h("button", { slot: "trigger", class: "actions" }, h("rtk-icon", { icon: this.iconPack.chevron_down })), h("rtk-menu-list", null, this.actions.map((action) => (h("rtk-menu-item", { onClick: () => this.onAction.emit(action.id) }, action.icon && h("rtk-icon", { icon: action.icon, slot: "start" }), action.label))))));
     }
     render() {
-        return (h(Host, { key: 'fb4680e38de79ad40507a542c09d0b02c4691ded' }, h("div", { key: 'f6768fd2ea535e35ad86fc92d7f4595a503fdcca', class: { 'message-wrapper': true, [this.viewType]: true } }, !this.hideAvatar && (h("aside", { key: 'a524e142b020ea1d528ca57f984bb6e725b59893', class: "avatar", part: "avatar" }, h("rtk-avatar", { key: 'ee56623f64d2bb3f74ebea3357eb1af9d67cd3a3', participant: { name: this.authorName, picture: this.avatarUrl }, size: "sm" }))), h("div", { key: 'd6f5bb18ee7aa2ad174cd03c3aee4b9a94c3e63e', class: "message", part: "message" }, !this.hideAuthorName && h("div", { key: '338d4801d1ac9ce6a4dd3676148cac3c70f3b39f', class: "header" }, this.authorName), h("div", { key: '86d147a38d6582979a94536df63213730becc572', class: { body: true, bubble: this.variant === 'bubble' } }, h("slot", { key: '23a3984240643508ef10d3f2c0af5276e4cb5687' }), !this.hideMetadata && !!this.time && (h("div", { key: '35a4884867e5bdd835532f85e3a9575976aa9703', class: "metadata", title: formatDateTime(this.time) }, elapsedDuration(this.time, new Date(Date.now())))), this.actions.length !== 0 && this.renderActions())))));
+        return (h(Host, { key: 'cb9a54f30d9d3e42b1513c887c5c4ecdbbe1286d' }, h("div", { key: '9ff05d12f6441a3831fc91cda2094640ca730169', class: { 'message-wrapper': true, [this.viewType]: true } }, !this.hideAvatar && (h("aside", { key: '0afb28d2b8e2e09aad98b81f1eee75f08fe8d5a5', class: "avatar", part: "avatar" }, h("rtk-avatar", { key: 'a10f437e451b49941c9d5bed52ad450ddf6046d2', participant: { name: this.authorName, picture: this.avatarUrl }, size: "sm" }))), h("div", { key: '2d1b48256431776d34939f88c04fd8154fd4c95a', class: "message", part: "message" }, !this.hideAuthorName && h("div", { key: 'c380e92a56f94f9013e68067a86d743bc18fbb33', class: "header" }, this.authorName), h("div", { key: 'a81ffdc5e9665f0aad597a49b3467d5b4858f317', class: { body: true, bubble: this.variant === 'bubble' } }, h("slot", { key: '117f39722e02058aabef8eaacbaa99c7b5797452' }), !this.hideMetadata && !!this.time && (h("div", { key: '233f2bc3dd6dc62b5e6cfddef7c3a2135c1a0c6f', class: "metadata", title: formatDateTime(this.time) }, elapsedDuration(this.time, new Date(Date.now())))), this.actions.length !== 0 && this.renderActions())))));
     }
     static get style() { return RtkMessageViewStyle0; }
 }, [1, "rtk-message-view", {

package/dist/components/{p-01b76741.js → p-87ae32cb.js}

@@ -1,14 +1,14 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { a as defaultIconPack, c as useLanguage } from './p-fc4484ae.js';
+import { e as defaultIconPack, h as useLanguage } from './p-2b523e10.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-989a34c9.js';
-import { d as defineCustomElement$7 } from './p-cbc8e449.js';
-import { d as defineCustomElement$6 } from './p-2507c6c8.js';
-import { d as defineCustomElement$5 } from './p-e9c999f4.js';
-import { d as defineCustomElement$4 } from './p-ebb19a87.js';
-import { d as defineCustomElement$3 } from './p-a73161da.js';
-import { d as defineCustomElement$2 } from './p-23d64784.js';
-import { d as defineCustomElement$1 } from './p-b2b2e917.js';
+import { S as SyncWithStore } from './p-3968315b.js';
+import { d as defineCustomElement$7 } from './p-81a13bf2.js';
+import { d as defineCustomElement$6 } from './p-4c2acc5c.js';
+import { d as defineCustomElement$5 } from './p-96362151.js';
+import { d as defineCustomElement$4 } from './p-ab84cfbb.js';
+import { d as defineCustomElement$3 } from './p-cadee920.js';
+import { d as defineCustomElement$2 } from './p-24c3ffc2.js';
+import { d as defineCustomElement$1 } from './p-acbb932e.js';
 
 const rtkChannelHeaderCss = "header{box-sizing:border-box;height:var(--rtk-space-16, 64px);width:100%;padding:var(--rtk-space-4, 16px);display:flex;justify-content:space-between;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));border-left-width:var(--rtk-border-width-none, 0);border-right-width:var(--rtk-border-width-none, 0);border-bottom-width:var(--rtk-border-width-sm, 1px);border-top-width:var(--rtk-border-width-none, 0);border-style:solid;--tw-border-opacity:1;border-bottom-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-border-opacity))}header.searching{justify-content:flex-end}header.searching .channel-details{display:none}header .channel-details{display:flex;flex-grow:1;flex-direction:column;justify-content:center;height:var(--rtk-space-9, 36px);width:var(--rtk-space-1, 4px)}header .channel-details .name{font-weight:500}header .channel-details .members{margin-top:var(--rtk-space-0\\.5, 2px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}header .channel-tools{display:flex;flex-shrink:0;justify-content:flex-end;gap:var(--rtk-space-1, 4px);min-width:var(--rtk-space-24, 96px)}header .channel-tools rtk-tooltip{height:var(--rtk-space-8, 32px);width:var(--rtk-space-10, 40px);display:flex}header .search-input{height:var(--rtk-space-8, 32px);width:var(--rtk-space-48, 192px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none;outline:2px solid transparent;outline-offset:2px;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255))}header .name{font-size:16px}header .br-primary-btn{background-color:transparent}header .br-primary-btn:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}@media (orientation: landscape) and (min-width: 400px){header.searching .channel-details{display:flex}}.back-btn{margin-right:var(--rtk-space-3, 12px)}";
 const RtkChannelHeaderStyle0 = rtkChannelHeaderCss;

package/dist/components/{p-1cc409c6.js → p-885dad3e.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { a as defaultIconPack, c as useLanguage } from './p-fc4484ae.js';
-import { S as SyncWithStore } from './p-989a34c9.js';
-import { d as defineCustomElement$1 } from './p-2507c6c8.js';
+import { e as defaultIconPack, h as useLanguage } from './p-2b523e10.js';
+import { S as SyncWithStore } from './p-3968315b.js';
+import { d as defineCustomElement$1 } from './p-4c2acc5c.js';
 
 const rtkLeaveMeetingCss = ":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)}.leave-modal{width:var(--rtk-space-72, 288px)}@media (min-width: 768px){.leave-modal{width:var(--rtk-space-96, 384px)}}.leave-modal{position:relative;display:flex;flex-direction:column;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));padding:var(--rtk-space-8, 32px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.leave-modal .header h2{margin:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-3, 12px)}.leave-modal .message{color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}.leave-modal .content{margin-top:var(--rtk-space-4, 16px);font-size:14px;display:flex;flex-wrap:wrap;gap:var(--rtk-space-4, 16px)}.leave-modal .content rtk-button{height:var(--rtk-space-9, 36px);min-width:var(--rtk-space-44, 176px);flex-grow:1}.leave-modal .content .secondary-btn{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.leave-modal .content .secondary-btn:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.leave-modal .content .secondary-danger-btn{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}";
 const RtkLeaveMeetingStyle0 = rtkLeaveMeetingCss;
@@ -79,9 +79,9 @@ const RtkLeaveMeeting = /*@__PURE__*/ proxyCustomElement(class RtkLeaveMeeting e
         }
     }
     render() {
-        return (h(Host, { key: 'd6e7a2eba47854f5f3da4008137081383769d159' }, h("div", { key: 'afffb6ce1dd2b38dd3cf2731723dbd0c8e68e046', class: "leave-modal" }, h("div", { key: 'f60a1660e94307fdf36e5e52a513648adc741aa5', class: "header" }, h("h2", { key: '5e80bd3031ed95929d6560e79e5edfcca607b169', class: "title" }, this.t('leave'))), h("p", { key: 'adfd75ca8e0408f90687f39de5de3b237378deb0', class: "message" }, this.isBreakoutRoomsActive && this.isChildMeeting
+        return (h(Host, { key: '55991a2b1b60bb963ee7dfb10fbea5d5bc63c186' }, h("div", { key: 'bc50b5a89ff7ee5348aadbba4fe8f709fa35bee9', class: "leave-modal" }, h("div", { key: '7a19d21b272222e7cf83bbb6dbd8bb4284ea9d29', class: "header" }, h("h2", { key: '935e06a35f3669457c63761697a9152972d69c54', class: "title" }, this.t('leave'))), h("p", { key: 'cd1ba755b4f73c0d3fb4c9078ee11afc31cee726', class: "message" }, this.isBreakoutRoomsActive && this.isChildMeeting
             ? this.t('breakout_rooms.leave_confirmation')
-            : this.t('leave_confirmation')), h("div", { key: '395b4f29350512c4c9d512984482bb934aadf983', class: "content" }, h("rtk-button", { key: '85adbf49f8ae02e05e16a349c99152b525ff6520', variant: "secondary", onClick: this.close, class: "secondary-btn" }, this.t('cancel')), this.isBreakoutRoomsActive && this.isChildMeeting && this.canJoinMainRoom && (h("rtk-button", { key: '6a965a9e4cad6f07624c7ac5255207b7b021b47c', variant: "secondary", onClick: this.handleJoinMainRoom, class: "secondary-btn" }, this.t('breakout_rooms.leave_confirmation.main_room_btn'))), h("rtk-button", { key: '41050c3895eeab4edc56742799505790d881cad9', variant: "danger", title: this.t('leave'), onClick: this.handleLeave }, this.t('leave')), this.canEndMeeting && (h("rtk-button", { key: '15fafd5ba16a9b545ba170ca1c0b113294d65ce9', variant: "danger", class: "secondary-btn secondary-danger-btn", onClick: this.handleEndMeeting }, this.t('end.all')))))));
+            : this.t('leave_confirmation')), h("div", { key: 'd4031f068f492f76d5feb9dd39587263e9b545f0', class: "content" }, h("rtk-button", { key: 'a014dc329e5f861de85468e04715d8aeb87f4e8c', variant: "secondary", onClick: this.close, class: "secondary-btn" }, this.t('cancel')), this.isBreakoutRoomsActive && this.isChildMeeting && this.canJoinMainRoom && (h("rtk-button", { key: '501a689793bb5e1ff2a8d03f5b9d0ab3d6baafbf', variant: "secondary", onClick: this.handleJoinMainRoom, class: "secondary-btn" }, this.t('breakout_rooms.leave_confirmation.main_room_btn'))), h("rtk-button", { key: '35a6941049928fa81f1e0a73b64f4ce937c86451', variant: "danger", title: this.t('leave'), onClick: this.handleLeave }, this.t('leave')), this.canEndMeeting && (h("rtk-button", { key: '7c6367e3f9322235e126c01cc16014f5b2c81ecc', variant: "danger", class: "secondary-btn secondary-danger-btn", onClick: this.handleEndMeeting }, this.t('end.all')))))));
     }
     static get watchers() { return {
         "meeting": ["meetingChanged"]

package/dist/components/{p-1590eea9.js → p-889bc7b9.js}

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { a as defaultIconPack, c as useLanguage } from './p-fc4484ae.js';
+import { e as defaultIconPack, h as useLanguage } from './p-2b523e10.js';
 import { i as isFullScreenEnabled, r as requestFullScreen, e as exitFullSreen, a as isFullScreenSupported } from './p-02f19345.js';
-import { S as SyncWithStore } from './p-989a34c9.js';
-import { d as defineCustomElement$3 } from './p-65da3d17.js';
-import { d as defineCustomElement$2 } from './p-a73161da.js';
-import { d as defineCustomElement$1 } from './p-23d64784.js';
+import { S as SyncWithStore } from './p-3968315b.js';
+import { d as defineCustomElement$3 } from './p-f31839f4.js';
+import { d as defineCustomElement$2 } from './p-cadee920.js';
+import { d as defineCustomElement$1 } from './p-24c3ffc2.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}";
 const RtkFullscreenToggleStyle0 = rtkFullscreenToggleCss;

package/dist/components/{p-ba8208ac.js → p-8afd3f68.js}

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { c as useLanguage, a as defaultIconPack } from './p-fc4484ae.js';
-import { S as SyncWithStore } from './p-989a34c9.js';
-import { d as defineCustomElement$2 } from './p-2507c6c8.js';
-import { d as defineCustomElement$1 } from './p-a73161da.js';
+import { h as useLanguage, e as defaultIconPack } from './p-2b523e10.js';
+import { S as SyncWithStore } from './p-3968315b.js';
+import { d as defineCustomElement$2 } from './p-4c2acc5c.js';
+import { d as defineCustomElement$1 } from './p-cadee920.js';
 
 const rtkPermissionsMessageCss = ":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{box-sizing:border-box;display:block;max-height:100%;width:600px;overflow-y:auto;padding:var(--rtk-space-6, 24px);border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));overflow-wrap:break-word;color:rgb(var(--rtk-colors-text-1000, 255 255 255));word-wrap:break-word}.actions{display:flex;align-items:center;gap:var(--rtk-space-2, 8px)}.text-icon{display:inline-block;vertical-align:middle}h2{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-4, 16px)}h2 .text-icon{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}p{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-4, 16px)}.need-help-link{margin-top:var(--rtk-space-2, 8px);display:inline-block;text-underline-offset:2px;--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-400, 53 110 253) / var(--tw-text-opacity))}.need-help-link:hover{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-600, 13 81 253) / var(--tw-text-opacity))}a rtk-icon{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}:host([size='sm']) .actions{flex-direction:column;align-items:flex-start;justify-content:center}:host([size='sm']) .action{width:100%;padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px)}.actions{margin-top:var(--rtk-space-6, 24px)}.actions rtk-button{flex:1 1 0%}.svg-container{display:flex;width:100%;justify-content:center !important}.svg-ins{width:80%;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}";
 const RtkPermissionsMessageStyle0 = rtkPermissionsMessageCss;
@@ -166,7 +166,7 @@ const RtkPermissionsMessage = /*@__PURE__*/ proxyCustomElement(class RtkPermissi
             this.stepsTimer = setTimeout(this.nextStep, 2500);
         }
         const showMacDeepLink = isDeniedBySystem && this.meeting.self.device.osName == 'macOS';
-        return (h(Host, { key: '37bc20fd76370a473d701b99f141057e3ef7b9ea' }, h("h2", { key: '5177028bd1d1f909cc5dacffaf7a63e9a90a6119' }, h("rtk-icon", { key: 'eef420ebb45cedbd63f6f4532954a5175535c07e', class: "text-icon", icon: this.iconPack.warning }), this.getTitle()), this.svgSteps.length > 0 && (h("div", { key: '1f35d79d6e3b83341a26081fc72540863d395108', class: 'svg-container' }, this.svgSteps.map((e, index) => (h("p", { innerHTML: e, class: "svg-ins", key: this.currentStep, hidden: index !== this.currentStep }))))), h("div", { key: '855ceb1e53e3006b85d32e0edd9eb0088f94ad75' }, this.getMessage()), !isDeniedBySystem && (h("a", { key: 'c02d929f912ed50e47edaf853650e9569c700524', 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" }, h("rtk-icon", { key: '775423666928defb61670cd9a4c2e158fe6386e6', class: "text-icon", icon: this.iconPack.attach }), this.t('cta.help'))), h("div", { key: '023b8da610c0afea0abb203ae9d09286b3368ccf', class: "actions" }, h("rtk-button", { key: 'a2b29cb77e0f32076dc8bf0a72e6b2f512684201', size: "lg", kind: "wide", variant: "secondary", onClick: this.continue }, this.t('cta.continue')), showMacDeepLink ? (h("rtk-button", { size: "lg", kind: "wide", onClick: this.openMacSystemSettings }, this.t('cta.system_settings'))) : (h("rtk-button", { size: "lg", kind: "wide", onClick: this.reload }, this.t('cta.reload')))), h("slot", { key: '2e7d6bcdb64f65de6e73742946a3a173905227a5' })));
+        return (h(Host, { key: '8a733f9212eeeaa2beeb660f388cd386bd5866da' }, h("h2", { key: '8b98272023226f4d555bc4a392132cc4f3bb5508' }, h("rtk-icon", { key: '5512cf5917b4e621cc478ace72d66a5a018d3abc', class: "text-icon", icon: this.iconPack.warning }), this.getTitle()), this.svgSteps.length > 0 && (h("div", { key: '51b406b4466bed495737ffc4dd8c931e89a7b313', class: 'svg-container' }, this.svgSteps.map((e, index) => (h("p", { innerHTML: e, class: "svg-ins", key: this.currentStep, hidden: index !== this.currentStep }))))), h("div", { key: '2aa51de951fa6e325407214400aacfb3c159332d' }, this.getMessage()), !isDeniedBySystem && (h("a", { key: 'f5ca776a56d696f623f373dda8bb0bfb034daaaa', 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" }, h("rtk-icon", { key: 'a4a220afa615666aa5124af81e754ad7cd0ae8ce', class: "text-icon", icon: this.iconPack.attach }), this.t('cta.help'))), h("div", { key: '34a967813793d6deb854c008164fc14b859a3b53', class: "actions" }, h("rtk-button", { key: '8676c863a486b365b378728ca89f494297160bf0', size: "lg", kind: "wide", variant: "secondary", onClick: this.continue }, this.t('cta.continue')), showMacDeepLink ? (h("rtk-button", { size: "lg", kind: "wide", onClick: this.openMacSystemSettings }, this.t('cta.system_settings'))) : (h("rtk-button", { size: "lg", kind: "wide", onClick: this.reload }, this.t('cta.reload')))), h("slot", { key: '67e17eb781cb49110f92dfd89faec112d79b03b3' })));
     }
     static get watchers() { return {
         "meeting": ["meetingChanged"]

package/dist/components/{p-f77fe02e.js → p-8d93417e.js}

@@ -1,11 +1,11 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { a as defaultIconPack, c as useLanguage } from './p-fc4484ae.js';
+import { e as defaultIconPack, h as useLanguage } from './p-2b523e10.js';
 import { b as getPreference, s as setPreference } from './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-989a34c9.js';
-import { d as defineCustomElement$4 } from './p-60b29ed0.js';
-import { d as defineCustomElement$3 } from './p-a73161da.js';
-import { d as defineCustomElement$2 } from './p-8eea1b4d.js';
-import { d as defineCustomElement$1 } from './p-7d76715d.js';
+import { S as SyncWithStore } from './p-3968315b.js';
+import { d as defineCustomElement$4 } from './p-a10339f4.js';
+import { d as defineCustomElement$3 } from './p-cadee920.js';
+import { d as defineCustomElement$2 } from './p-d4f3d3d2.js';
+import { d as defineCustomElement$1 } from './p-f3f1b0c0.js';
 
 const rtkSettingsVideoCss = ":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)}.rtk-select{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.rtk-select:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.rtk-select{display:block;border-radius:var(--rtk-border-radius-sm, 4px);border-width:var(--rtk-border-width-none, 0);border-style:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--rtk-space-3, 12px);font-size:16px;--icon-size:var(--rtk-select-chevron-size, var(--rtk-space-6, 24px));--icon-right-position:var(--rtk-select-chevron-right-position, var(--rtk-space-2, 8px));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e\");background-position:right var(--icon-right-position) center;background-repeat:no-repeat;background-size:var(--icon-size) var(--icon-size);padding-right:calc(var(--icon-right-position) * 5)}:host{display:flex;width:100%;flex-direction:column}.rtk-select{width:100%;text-overflow:ellipsis}rtk-participant-tile{margin-left:auto;margin-right:auto;margin-bottom:var(--rtk-space-4, 16px);max-width:100%}#icon{padding-bottom:var(--rtk-space-1, 4px)}.apply-button{height:var(--rtk-space-10, 40px)}label{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:14px}.group{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px)}.group>*{margin-bottom:var(--rtk-space-2, 8px)}.group>*:last-child{margin-bottom:var(--rtk-space-0, 0px)}.group select{flex:1 1 0%}.row{display:flex;align-items:center;justify-content:space-between;gap:var(--rtk-space-3, 12px)}.section{display:flex;flex-direction:column}@media only screen and (max-height: 480px) and (orientation: landscape){:host{flex-direction:row}:host([size='sm']){flex-direction:row}.section[part='tile-preview']{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);max-height:90%;max-width:40%;flex-shrink:1}.section[part='video-settings']{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);flex-grow:1}}";
 const RtkSettingsVideoStyle0 = rtkSettingsVideoCss;
@@ -39,7 +39,7 @@ const RtkSettingsVideo = /*@__PURE__*/ proxyCustomElement(class RtkSettingsVideo
     }
     meetingChanged(meeting) {
         var _a;
-        if (meeting == null)
+        if (!meeting)
             return;
         this.videoEnabled = meeting.self.videoEnabled;
         (_a = meeting.self) === null || _a === void 0 ? void 0 : _a.addListener('videoUpdate', this.onVideoUpdate);
@@ -50,7 +50,7 @@ const RtkSettingsVideo = /*@__PURE__*/ proxyCustomElement(class RtkSettingsVideo
     }
     render() {
         var _a, _b, _c;
-        if (this.meeting == null)
+        if (!this.meeting)
             return null;
         const defaults = {
             meeting: this.meeting,

package/dist/components/{p-a575deb5.js → p-93355c43.js}

@@ -1,4 +1,4 @@
-import { e as disableSettingSinkId } from './p-fc4484ae.js';
+import { j as disableSettingSinkId } from './p-2b523e10.js';
 
 const SOUNDS = {
     joined: 'https://dyte-uploads.s3.ap-south-1.amazonaws.com/notification_join.mp3',

package/dist/components/{p-f634f020.js → p-938ee31c.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { a as defaultIconPack, c as useLanguage } from './p-fc4484ae.js';
-import { S as SyncWithStore } from './p-989a34c9.js';
-import { d as defineCustomElement$1 } from './p-2507c6c8.js';
+import { e as defaultIconPack, h as useLanguage } from './p-2b523e10.js';
+import { S as SyncWithStore } from './p-3968315b.js';
+import { d as defineCustomElement$1 } from './p-4c2acc5c.js';
 
 const rtkMuteAllConfirmationCss = ":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;-webkit-user-select:none;-moz-user-select:none;user-select:none}.leave-modal{position:relative;display:flex;flex-direction:column;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));padding:var(--rtk-space-4, 16px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.leave-modal .header h2{margin:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-3, 12px)}.leave-modal .content{font-size:14px}.leave-message p{margin-top:var(--rtk-space-3, 12px);margin-bottom:var(--rtk-space-3, 12px)}.leave-meeting{display:flex;flex-direction:row;justify-content:space-between;gap:var(--rtk-space-2, 8px)}.leave-meeting rtk-button{flex:1 1 0%}.end-meeting{margin-top:var(--rtk-space-2, 8px)}.message{margin-bottom:var(--rtk-space-4, 16px)}label{display:flex;align-items:center}input[type='checkbox']{margin-right:var(--rtk-space-2, 8px);accent-color:rgb(var(--rtk-colors-brand-500, 33 96 253))}";
 const RtkMuteAllConfirmationStyle0 = rtkMuteAllConfirmationCss;
@@ -37,7 +37,7 @@ const RtkMuteAllConfirmation = /*@__PURE__*/ proxyCustomElement(class RtkMuteAll
         };
     }
     render() {
-        return (h(Host, { key: '199f56583843ca5b4e68f6a087471983c231983b' }, h("div", { key: '86b15ff17b5a9526df77d2bc9f1d1e2d938c71c4', class: "leave-modal" }, h("div", { key: '7f19f8d34586e3f8ee4661556e5f4c744facb4e8', class: "header" }, h("h2", { key: '93adfa1d849b0aa3e483c280d1078d99ac1ef73c', class: "title" }, this.t('mute_all.header'))), h("p", { key: '7532426538ef8de6280cf0246126061bff639209', class: "message" }, this.t('mute_all.description')), h("div", { key: '14f577e917ecbf867afe2e6a4f94b86122d95496', class: "content" }, h("div", { key: '2cbe2cea5befa86328d786aa3420af04bda0097e', class: "leave-meeting" }, h("rtk-button", { key: '27b26964264a4c569ef7388357623ed97dff7bdb', variant: "secondary", title: this.t('close'), onClick: this.onClose }, this.t('cancel')), h("rtk-button", { key: 'dba570b9e72a21c0b76957cac4809f61878645d3', variant: "danger", title: this.t('mute_all'), onClick: this.onMuteAll }, this.t('mute_all')))))));
+        return (h(Host, { key: 'd7439c9c3ffd1a79974ed8f8a0081aa807a2b103' }, h("div", { key: 'f11f6d201c843384f3e173cf611ea6b26fcfe620', class: "leave-modal" }, h("div", { key: '8475acebc7a3abd14a4d0716b6dbdeabb0f1896e', class: "header" }, h("h2", { key: 'fe5cfaa40eccca120a696555456acd59610bd5f0', class: "title" }, this.t('mute_all.header'))), h("p", { key: '88b6d8faf23e5780d632f9bac0077751bb9db554', class: "message" }, this.t('mute_all.description')), h("div", { key: 'b901ffb7714dbcf5bbda907df1f44214672ded17', class: "content" }, h("div", { key: 'f554e5829ff3250400307f139661a0fe426ee22c', class: "leave-meeting" }, h("rtk-button", { key: 'c300ddc6c3ae02266d4769a964eb3fb246aa7dbd', variant: "secondary", title: this.t('close'), onClick: this.onClose }, this.t('cancel')), h("rtk-button", { key: '897d7d2639a6c51c5fb0ae1b51a111fbba5431c9', variant: "danger", title: this.t('mute_all'), onClick: this.onMuteAll }, this.t('mute_all')))))));
     }
     static get style() { return RtkMuteAllConfirmationStyle0; }
 }, [1, "rtk-mute-all-confirmation", {

package/dist/components/{p-e9c999f4.js → p-96362151.js}

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { c as useLanguage, a as defaultIconPack } from './p-fc4484ae.js';
+import { h as useLanguage, e as defaultIconPack } from './p-2b523e10.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-989a34c9.js';
-import { d as defineCustomElement$3 } from './p-cbc8e449.js';
-import { d as defineCustomElement$2 } from './p-a73161da.js';
-import { d as defineCustomElement$1 } from './p-23d64784.js';
+import { S as SyncWithStore } from './p-3968315b.js';
+import { d as defineCustomElement$3 } from './p-81a13bf2.js';
+import { d as defineCustomElement$2 } from './p-cadee920.js';
+import { d as defineCustomElement$1 } from './p-24c3ffc2.js';
 
 const rtkChannelDetailsCss = ":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)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));display:flex;flex-direction:column;width:var(--rtk-space-72, 288px);padding-top:var(--rtk-space-5, 20px);padding-bottom:var(--rtk-space-5, 20px);padding-left:var(--rtk-space-8, 32px);padding-right:var(--rtk-space-8, 32px)}header{font-size:20px}rtk-spinner{margin-top:var(--rtk-space-10, 40px);margin-bottom:var(--rtk-space-10, 40px);margin-left:auto;margin-right:auto}ul{margin-left:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-0, 0px);margin-top:var(--rtk-space-6, 24px);margin-bottom:var(--rtk-space-4, 16px);height:var(--rtk-space-48, 192px);padding:var(--rtk-space-0, 0px);overflow-y:auto;list-style-type:none;display:flex;flex-direction:column;gap:var(--rtk-space-2, 8px)}ul li{margin-right:var(--rtk-space-2, 8px);display:flex;align-items:center;gap:var(--rtk-space-2, 8px);padding:var(--rtk-space-2, 8px);cursor:pointer;border-radius:var(--rtk-border-radius-sm, 4px)}ul li:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}ul li rtk-avatar{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px);font-size:14px;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}";
 const RtkChannelDetailsStyle0 = rtkChannelDetailsCss;
@@ -37,7 +37,7 @@ const RtkChannelDetails = /*@__PURE__*/ proxyCustomElement(class RtkChannelDetai
         })));
     }
     render() {
-        return (h(Host, { key: 'debf2dde0cfce1649181c7bfdca29d25c774bb2c' }, h("header", { key: '5a7ed6c10130518158a939e9868d5ad68aeb9486' }, this.t('chat.channel_members')), this.renderMembers()));
+        return (h(Host, { key: '56390bafc9a8a933499c11e51b38898494f407bc' }, h("header", { key: 'a27a3d775aceb8f23481823c1a21eb0286f5723a' }, this.t('chat.channel_members')), this.renderMembers()));
     }
     static get style() { return RtkChannelDetailsStyle0; }
 }, [1, "rtk-channel-details", {

package/dist/components/{p-783ab170.js → p-96e2ff79.js}

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { c as useLanguage, a as defaultIconPack, P as PlayerState, o as getLivestreamViewerAllowedQualityLevels, s as showLivestream } from './p-fc4484ae.js';
+import { h as useLanguage, e as defaultIconPack, P as PlayerState, O as getLivestreamViewerAllowedQualityLevels, M as showLivestream } from './p-2b523e10.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-989a34c9.js';
-import { d as defineCustomElement$5 } from './p-2507c6c8.js';
-import { d as defineCustomElement$4 } from './p-65da3d17.js';
-import { d as defineCustomElement$3 } from './p-1590eea9.js';
-import { d as defineCustomElement$2 } from './p-a73161da.js';
-import { d as defineCustomElement$1 } from './p-23d64784.js';
+import { S as SyncWithStore } from './p-3968315b.js';
+import { d as defineCustomElement$5 } from './p-4c2acc5c.js';
+import { d as defineCustomElement$4 } from './p-f31839f4.js';
+import { d as defineCustomElement$3 } from './p-889bc7b9.js';
+import { d as defineCustomElement$2 } from './p-cadee920.js';
+import { d as defineCustomElement$1 } from './p-24c3ffc2.js';
 
 // https://caniuse.com/mdn-javascript_builtins_number_isfinite
 const isFiniteNumber = Number.isFinite || function (value) {
@@ -35884,7 +35884,7 @@ const RtkLivestreamPlayer = /*@__PURE__*/ proxyCustomElement(class RtkLivestream
         window.rtk_hls = null;
     }
     meetingChanged(meeting) {
-        if (meeting == null)
+        if (!meeting)
             return;
         this.playbackUrl = this.meeting.livestream.playbackUrl;
         this.livestreamState = this.meeting.livestream.state;

package/dist/components/{p-7a1b0433.js → p-99303d10.js}

@@ -1,4 +1,4 @@
-import { m as isLiveStreamViewer } from './p-fc4484ae.js';
+import { N as isLiveStreamViewer } from './p-2b523e10.js';
 
 const canViewChat = (meeting) => {
     if (meeting && !meeting.chat)

package/dist/components/{p-eaa808b7.js → p-9f843e5a.js}

@@ -1,13 +1,13 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { a as defaultIconPack, c as useLanguage } from './p-fc4484ae.js';
+import { e as defaultIconPack, h as useLanguage } from './p-2b523e10.js';
 import { b as getPreference, s as setPreference } from './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-989a34c9.js';
-import { d as defineCustomElement$6 } from './p-65e9c741.js';
-import { d as defineCustomElement$5 } from './p-2507c6c8.js';
-import { d as defineCustomElement$4 } from './p-a73161da.js';
-import { d as defineCustomElement$3 } from './p-9007d4aa.js';
-import { d as defineCustomElement$2 } from './p-01788fc5.js';
-import { d as defineCustomElement$1 } from './p-7d76715d.js';
+import { S as SyncWithStore } from './p-3968315b.js';
+import { d as defineCustomElement$6 } from './p-52628938.js';
+import { d as defineCustomElement$5 } from './p-4c2acc5c.js';
+import { d as defineCustomElement$4 } from './p-cadee920.js';
+import { d as defineCustomElement$3 } from './p-388b17ad.js';
+import { d as defineCustomElement$2 } from './p-09ec425b.js';
+import { d as defineCustomElement$1 } from './p-f3f1b0c0.js';
 
 const rtkSettingsAudioCss = ":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:flex;width:100%;flex-direction:column}audio{visibility:hidden}.group{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px)}.group>*{margin-bottom:var(--rtk-space-2, 8px)}.group>*:last-child{margin-bottom:var(--rtk-space-0, 0px)}.group select{flex:1 1 0%}rtk-audio-visualizer{flex-shrink:0}rtk-button{border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}rtk-button rtk-icon{margin-right:var(--rtk-space-2, 8px)}";
 const RtkSettingsAudioStyle0 = rtkSettingsAudioCss;
@@ -35,7 +35,7 @@ const RtkSettingsAudio = /*@__PURE__*/ proxyCustomElement(class RtkSettingsAudio
     }
     render() {
         var _a, _b;
-        if (this.meeting == null)
+        if (!this.meeting)
             return null;
         const defaults = {
             meeting: this.meeting,

package/dist/components/{p-3d5214b4.js → p-9f86929b.js}

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, d as createEvent, h } from './p-c3592601.js';
-import { a as defaultIconPack, c as useLanguage } from './p-fc4484ae.js';
+import { e as defaultIconPack, h as useLanguage } from './p-2b523e10.js';
 import './p-a83ccdbd.js';
 import { a as sanitizeLink } from './p-338c7261.js';
-import { S as SyncWithStore } from './p-989a34c9.js';
+import { S as SyncWithStore } from './p-3968315b.js';
 import { d as downloadFile } from './p-9fc565cf.js';
-import { d as defineCustomElement$3 } from './p-2507c6c8.js';
-import { d as defineCustomElement$2 } from './p-a73161da.js';
-import { d as defineCustomElement$1 } from './p-23d64784.js';
+import { d as defineCustomElement$3 } from './p-4c2acc5c.js';
+import { d as defineCustomElement$2 } from './p-cadee920.js';
+import { d as defineCustomElement$1 } from './p-24c3ffc2.js';
 
 const rtkImageMessageViewCss = ":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)}.image-spinner{cursor:wait}.image-errored{cursor:not-allowed}.image{display:block;font-family:var(--rtk-font-family, sans-serif);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));position:relative;height:var(--rtk-space-40, 160px);max-width:var(--rtk-space-64, 256px);cursor:pointer}.image img{display:none;height:100%;width:100%;border-radius:var(--rtk-border-radius-sm, 4px);-o-object-fit:cover;object-fit:cover}.image .image-spinner{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.image .image-spinner rtk-spinner{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}.image .image-errored{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--rtk-border-radius-sm, 4px);background-color:rgba(var(--rtk-colors-danger, 255 45 45) / 0.1);--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}.image .actions{display:none;height:var(--rtk-space-8, 32px);align-items:center;position:absolute;top:var(--rtk-space-2, 8px);right:var(--rtk-space-2, 8px);border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));overflow:hidden;--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.image .actions .action{height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);border-radius:var(--rtk-border-radius-none, 0);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.image .actions .action:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.image.loaded img{display:block}.image.loaded .image-spinner{display:none}.image:hover .actions,.image:focus .actions{display:flex}";
 const RtkImageMessageViewStyle0 = rtkImageMessageViewCss;
@@ -34,7 +34,7 @@ const RtkImageMessageView = /*@__PURE__*/ proxyCustomElement(class RtkImageMessa
         this.status = 'loading';
     }
     render() {
-        return (h("div", { key: '9d7c32348bb52dc60533d9d99cfbd4099d89fad0', class: { image: true, loaded: this.status === 'loaded' } }, h("img", { key: '1c66e60f69842cc1c372545759201ae8e70cbfe8', src: sanitizeLink(this.url), onLoad: () => {
+        return (h("div", { key: '066606e6ae62634b2466bb46b453e0c2d91b17ea', class: { image: true, loaded: this.status === 'loaded' } }, h("img", { key: 'f042e5d3c1a6341e9fc0845e6643016f1be5b5f7', src: sanitizeLink(this.url), onLoad: () => {
                 this.status = 'loaded';
             }, onError: () => {
                 this.status = 'errored';
@@ -42,9 +42,9 @@ const RtkImageMessageView = /*@__PURE__*/ proxyCustomElement(class RtkImageMessa
                 if (this.status === 'loaded') {
                     this.onPreview.emit(this.url);
                 }
-            } }), this.status === 'loading' && (h("div", { key: 'ee5cce91357ec2974c691ea95faacc78db9fa796', class: "image-spinner", title: this.t('chat.img.loading'), "aria-label": this.t('chat.img.loading') }, h("rtk-spinner", { key: '3c9236319042a7b9c5ff45dd196b4e14c38a7b0a', iconPack: this.iconPack }))), this.status === 'errored' && (h("div", { key: 'a176782a3ea63795ed154d8bf4cc3342cb20cd32', class: "image-errored", title: this.t('chat.error.img_not_found'), "aria-label": this.t('chat.error.img_not_found') }, h("rtk-icon", { key: '4d4275e21b280a3b981634a8da7b2d752a620be1', icon: this.iconPack.image_off }))), this.status === 'loaded' && (h("div", { key: 'ca5468642912ad5407e3b828083b6e3f232b42e5', class: "actions" }, h("rtk-button", { key: '3b8a485a435023cb9819d98541cd9b1f40a96911', class: "action", variant: "secondary", kind: "icon", onClick: () => {
+            } }), this.status === 'loading' && (h("div", { key: 'd4a5030468fbf70afae62bd55ae4d0fa989e15c2', class: "image-spinner", title: this.t('chat.img.loading'), "aria-label": this.t('chat.img.loading') }, h("rtk-spinner", { key: '216aba361a46cc100e7d26cc2daf1ffb0948d695', iconPack: this.iconPack }))), this.status === 'errored' && (h("div", { key: '01f5da8f70872c9fa22dc9a9b70b046b0001d05b', class: "image-errored", title: this.t('chat.error.img_not_found'), "aria-label": this.t('chat.error.img_not_found') }, h("rtk-icon", { key: '0f7e6fed2730f6366d07fc6afddb2b247e9b7d3a', icon: this.iconPack.image_off }))), this.status === 'loaded' && (h("div", { key: '5ac0e61c65a88a8d6b9ee54c900b856854d1b84b', class: "actions" }, h("rtk-button", { key: 'fd83dfecd7b5d9c3976374c3c55731b1f026fc0a', class: "action", variant: "secondary", kind: "icon", onClick: () => {
                 this.onPreview.emit(this.url);
-            } }, h("rtk-icon", { key: '31e7ff096ca3e1db148f2808ad79aa79f56fa91e', icon: this.iconPack.full_screen_maximize })), h("rtk-button", { key: 'a1de648d80f8ac6d4d2197f0148e9708123434f3', class: "action", variant: "secondary", kind: "icon", onClick: () => downloadFile(this.url, { fallbackName: 'image' }) }, h("rtk-icon", { key: '4a06af4520a81fce102397907b66202a18f0c191', icon: this.iconPack.download }))))));
+            } }, h("rtk-icon", { key: '3ca7384fa28e6716345acacf9225ae9471ff8d63', icon: this.iconPack.full_screen_maximize })), h("rtk-button", { key: '198787808c389e4df48d3609a53c2d27cf2e7fb3', class: "action", variant: "secondary", kind: "icon", onClick: () => downloadFile(this.url, { fallbackName: 'image' }) }, h("rtk-icon", { key: 'f38fe3da48d1fc854001c719164c95f0673808c5', icon: this.iconPack.download }))))));
     }
     static get style() { return RtkImageMessageViewStyle0; }
 }, [1, "rtk-image-message-view", {

package/dist/components/{p-60b29ed0.js → p-a10339f4.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, w as writeTask, h, e as Host } from './p-c3592601.js';
-import { a as defaultIconPack, c as useLanguage } from './p-fc4484ae.js';
-import { S as SyncWithStore } from './p-989a34c9.js';
-import { d as defineCustomElement$1 } from './p-a73161da.js';
+import { e as defaultIconPack, h as useLanguage } from './p-2b523e10.js';
+import { S as SyncWithStore } from './p-3968315b.js';
+import { d as defineCustomElement$1 } from './p-cadee920.js';
 
 const rtkCameraSelectorCss = ".rtk-select{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.rtk-select:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.rtk-select{display:block;border-radius:var(--rtk-border-radius-sm, 4px);border-width:var(--rtk-border-width-none, 0);border-style:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--rtk-space-3, 12px);font-size:16px;--icon-size:var(--rtk-select-chevron-size, var(--rtk-space-6, 24px));--icon-right-position:var(--rtk-select-chevron-right-position, var(--rtk-space-2, 8px));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e\");background-position:right var(--icon-right-position) center;background-repeat:no-repeat;background-size:var(--icon-size) var(--icon-size);padding-right:calc(var(--icon-right-position) * 5);width:100%;max-width:100%;text-overflow:ellipsis}.inline .rtk-select{margin-top:var(--rtk-space-1, 4px);width:100%;padding-top:var(--rtk-space-1, 4px);padding-bottom:var(--rtk-space-1, 4px);padding-left:var(--rtk-space-1\\.5, 6px);padding-right:var(--rtk-space-1\\.5, 6px);padding-right:var(--rtk-space-8, 32px);font-size:14px}.row{margin-bottom:var(--rtk-space-2, 8px);display:flex;width:100%;align-items:center;justify-content:space-between;gap:var(--rtk-space-3, 12px)}.group{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px)}.group>*{margin-bottom:var(--rtk-space-2, 8px)}.group>*:last-child{margin-bottom:var(--rtk-space-0, 0px)}.group select{flex:1 1 0%}.group{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0, 0px)}.group>*{margin-bottom:var(--rtk-space-0, 0px)}label{display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;gap:var(--rtk-space-1, 4px);font-size:14px}.inline.container{display:flex;align-items:center;justify-content:flex-start;gap:var(--rtk-space-2, 8px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px)}";
 const RtkCameraSelectorStyle0 = rtkCameraSelectorCss;
@@ -50,7 +50,7 @@ const RtkCameraSelector = /*@__PURE__*/ proxyCustomElement(class RtkCameraSelect
     }
     meetingChanged(meeting) {
         var _a, _b, _c;
-        if (meeting == null)
+        if (!meeting)
             return;
         (_a = meeting.self) === null || _a === void 0 ? void 0 : _a.addListener('deviceListUpdate', this.deviceListUpdateListener);
         (_b = meeting.self) === null || _b === void 0 ? void 0 : _b.addListener('deviceUpdate', this.deviceUpdateListener);
@@ -90,7 +90,7 @@ const RtkCameraSelector = /*@__PURE__*/ proxyCustomElement(class RtkCameraSelect
         }
     }
     render() {
-        if (this.meeting == null)
+        if (!this.meeting)
             return null;
         let unnamedVideoCount = 0;
         return (h(Host, null, this.canProduceVideo && (h("div", { class: 'group container ' + this.variant, part: "camera-selection" }, h("label", null, this.variant !== 'inline' && this.t('camera'), h("rtk-icon", { icon: this.iconPack.video_on, size: "sm" })), h("div", { class: "row" }, h("select", { class: "rtk-select", onChange: (e) => this.setDevice(e.target.value) }, this.videoDevices.map(({ deviceId, label }) => {

package/dist/components/{p-ebb19a87.js → p-ab84cfbb.js}

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { d as defaultConfig, a as defaultIconPack, c as useLanguage } from './p-fc4484ae.js';
-import { S as SyncWithStore } from './p-989a34c9.js';
-import { d as defineCustomElement$2 } from './p-2507c6c8.js';
-import { d as defineCustomElement$1 } from './p-a73161da.js';
+import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './p-2b523e10.js';
+import { S as SyncWithStore } from './p-3968315b.js';
+import { d as defineCustomElement$2 } from './p-4c2acc5c.js';
+import { d as defineCustomElement$1 } from './p-cadee920.js';
 
 const rtkDialogCss = ":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{word-wrap:break-word;overflow-wrap:break-word}#dialog{position:relative;max-height:100%;max-width:100%;padding:var(--rtk-space-0, 0px);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}#dialog::backdrop{background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / 0.5);-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%)}#dismiss-btn{position:absolute;top:var(--rtk-space-3, 12px);right:var(--rtk-space-3, 12px);z-index:50}::slotted(*){max-height:100%;max-width:100%}";
 const RtkDialogStyle0 = rtkDialogCss;
@@ -28,7 +28,7 @@ const RtkDialog = /*@__PURE__*/ proxyCustomElement(class RtkDialog extends H {
         /** Whether Escape key can close the modal */
         this.disableEscapeKey = false;
         /** UI Config */
-        this.config = defaultConfig;
+        this.config = createDefaultConfig();
         /** Icon pack */
         this.iconPack = defaultIconPack;
         /** Language */
@@ -87,6 +87,9 @@ const RtkDialog = /*@__PURE__*/ proxyCustomElement(class RtkDialog extends H {
 __decorate([
     SyncWithStore()
 ], RtkDialog.prototype, "meeting", void 0);
+__decorate([
+    SyncWithStore()
+], RtkDialog.prototype, "config", void 0);
 __decorate([
     SyncWithStore()
 ], RtkDialog.prototype, "states", void 0);

package/dist/components/{p-b2b2e917.js → p-acbb932e.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, d as createEvent, w as writeTask, h, e as Host } from './p-c3592601.js';
 import { c as computePosition, o as offset, f as flip, s as shift, a as arrow } from './p-94cc1b33.js';
-import { S as SyncWithStore } from './p-989a34c9.js';
+import { S as SyncWithStore } from './p-3968315b.js';
 
 const rtkTooltipCss = ":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{--background-color:var(--rtk-tooltip-background-color, rgb(var(--rtk-colors-background-600, 60 60 60)));--color:var(--rtk-tooltip-color, rgb(var(--rtk-colors-text-1000, 255 255 255)));display:inline-flex}#trigger{display:block;width:100%;flex:1 1 0%}.tooltip{max-width:var(--rtk-space-64, 256px);position:fixed;z-index:20;display:none;width:-moz-max-content;width:max-content;padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);padding-top:var(--rtk-space-1, 4px);padding-bottom:var(--rtk-space-1, 4px);border-radius:var(--rtk-border-radius-sm, 4px);--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);font-size:12px}.tooltip,#arrow{position:absolute;background-color:var(--background-color);color:var(--color)}#arrow{position:absolute;height:var(--rtk-space-2, 8px);width:var(--rtk-space-2, 8px);transform:rotate(45deg)}:host([variant='primary']){--background-color:rgb(var(--rtk-colors-brand-500, 33 96 253));--color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}:host([kind='block']){display:block}";
 const RtkTooltipStyle0 = rtkTooltipCss;
@@ -115,7 +115,7 @@ const RtkMenu = /*@__PURE__*/ proxyCustomElement(class RtkMenu extends H {
         });
     }
     render() {
-        return (h(Host, { key: 'b43646b89b257321a382838a8c5f2ea0d3e5e122' }, h("span", { key: 'aa18e85265cc75e7d08a06d469a8bb10ccecdb56', part: "trigger", id: "trigger", ref: (el) => (this.triggerEl = el) }, h("slot", { key: 'a422fbefd999ff26a30a7e03f6e14d84397cff88' })), h("div", { key: '593b5ec328f127c349ae0a92d36c6261e5abcb7a', part: "tooltip", class: "tooltip", id: "tooltip", role: "tooltip", ref: (el) => (this.tooltipEl = el) }, h("div", { key: 'c25e6a54940097ebd880c9b9e8fc2b4d48677989', id: "arrow", ref: (el) => (this.arrowEl = el), part: "arrow" }), this.label, h("slot", { key: 'cd8415e9fa2c1eaeffa8c7ec4ffcc6dd34fc04fa', name: "tooltip" }))));
+        return (h(Host, { key: '1171880dd123a4fc6dae379441f92667caf63d2e' }, h("span", { key: '217b66740fb8211fd72b8f1b3f0da4014d669e62', part: "trigger", id: "trigger", ref: (el) => (this.triggerEl = el) }, h("slot", { key: 'ac32d29a69f21946cc0dee0854b5b711f76f1f09' })), h("div", { key: 'da4261f9e0c6f32aab99a8ab420bfb2aaf4bfba8', part: "tooltip", class: "tooltip", id: "tooltip", role: "tooltip", ref: (el) => (this.tooltipEl = el) }, h("div", { key: '5e1a94d52579954ca933b907cb908ac5ee87c8b8', id: "arrow", ref: (el) => (this.arrowEl = el), part: "arrow" }), this.label, h("slot", { key: '3a3e4a70424981d46358d2ad831a6ac7a51974a1', name: "tooltip" }))));
     }
     static get watchers() { return {
         "open": ["openChanged"]

package/dist/components/{p-11b00854.js → p-b53c309c.js}

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, h } from './p-c3592601.js';
-import { S as SyncWithStore } from './p-989a34c9.js';
-import { a as defaultIconPack, c as useLanguage } from './p-fc4484ae.js';
+import { S as SyncWithStore } from './p-3968315b.js';
+import { e as defaultIconPack, h as useLanguage } from './p-2b523e10.js';
 import './p-a83ccdbd.js';
-import { d as defineCustomElement$3 } from './p-2507c6c8.js';
-import { d as defineCustomElement$2 } from './p-a73161da.js';
-import { d as defineCustomElement$1 } from './p-b2b2e917.js';
+import { d as defineCustomElement$3 } from './p-4c2acc5c.js';
+import { d as defineCustomElement$2 } from './p-cadee920.js';
+import { d as defineCustomElement$1 } from './p-acbb932e.js';
 
 const rtkEmojiPickerButtonCss = ":host{}";
 const RtkEmojiPickerButtonStyle0 = rtkEmojiPickerButtonCss;
@@ -30,7 +30,7 @@ const RtkEmojiPickerButton = /*@__PURE__*/ proxyCustomElement(class RtkEmojiPick
         this.t = useLanguage();
     }
     render() {
-        return (h("rtk-tooltip", { key: '5edf35e2100be583f2be4feadaa3b3149f9c8962', label: this.t('chat.send_emoji') }, h("rtk-button", { key: '00bfc269a700ab10955a627095aac31b64d8a28e', variant: "ghost", kind: "icon", class: { active: this.isActive }, title: this.t('chat.send_emoji') }, h("rtk-icon", { key: '47bd54c1593f7f5ea04eb96ccbca07ea3c22e511', icon: this.iconPack.emoji_multiple }))));
+        return (h("rtk-tooltip", { key: '45ef1f18da6d1ecc3c02882590cd22e930461562', label: this.t('chat.send_emoji') }, h("rtk-button", { key: '6504abab2f1c6537443699c53a8cbdcf13530cba', variant: "ghost", kind: "icon", class: { active: this.isActive }, title: this.t('chat.send_emoji') }, h("rtk-icon", { key: 'd730c81abce72d9c3226f1f666941e1136bee77f', icon: this.iconPack.emoji_multiple }))));
     }
     static get style() { return RtkEmojiPickerButtonStyle0; }
 }, [1, "rtk-emoji-picker-button", {