@cloudflare/realtimekit-ui 1.1.0-staging.1 → 1.1.0-staging.10

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

@@ -1,19 +1,19 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
+import { e as defaultIconPack, i as useLanguage } from './p-e847fee9.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-47c25f64.js';
-import { d as defineCustomElement$d } from './p-f4e75ea9.js';
+import { S as SyncWithStore } from './p-6f7c46d2.js';
+import { d as defineCustomElement$d } from './p-9bdc24b8.js';
 import { d as defineCustomElement$c } from './p-1391bef0.js';
-import { d as defineCustomElement$b } from './p-ee98bbaf.js';
-import { d as defineCustomElement$a } from './p-488d88a8.js';
-import { d as defineCustomElement$9 } from './p-3b29dda1.js';
-import { d as defineCustomElement$8 } from './p-190db142.js';
-import { d as defineCustomElement$7 } from './p-f8f5cb31.js';
-import { d as defineCustomElement$6 } from './p-a6296b02.js';
-import { d as defineCustomElement$5 } from './p-080acf18.js';
-import { d as defineCustomElement$4 } from './p-a9540d93.js';
-import { d as defineCustomElement$3 } from './p-0a35a909.js';
-import { d as defineCustomElement$2 } from './p-9889bee5.js';
+import { d as defineCustomElement$b } from './p-33be3c19.js';
+import { d as defineCustomElement$a } from './p-fb7666ce.js';
+import { d as defineCustomElement$9 } from './p-73baf5ba.js';
+import { d as defineCustomElement$8 } from './p-44c32349.js';
+import { d as defineCustomElement$7 } from './p-2447a26f.js';
+import { d as defineCustomElement$6 } from './p-819cb785.js';
+import { d as defineCustomElement$5 } from './p-7148ec6a.js';
+import { d as defineCustomElement$4 } from './p-44a203bd.js';
+import { d as defineCustomElement$3 } from './p-e443d803.js';
+import { d as defineCustomElement$2 } from './p-46d99dd9.js';
 
 const rtkChatSearchResultsCss = ":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;height:100%;flex-direction:column;position:relative;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}";
 const RtkChatSearchResultsStyle0 = rtkChatSearchResultsCss;
@@ -51,7 +51,7 @@ const RtkChatSearchResults$1 = /*@__PURE__*/ proxyCustomElement(class RtkChatSea
         };
     }
     render() {
-        return (h(Host, { key: '226b9e52950fca3d296b041dbd93a6c060ad4abe' }, h("rtk-paginated-list", { key: '102af9de7e52317a5f9a8272e9e8a302f99268da', pageSize: this.pageSize, pagesAllowed: 3, fetchData: this.searchMessages, createNodes: this.nodeRenderer, selectedItemId: this.query })));
+        return (h(Host, { key: 'e71457e70093c4de4d453d3905aaeedf7ef91df3' }, h("rtk-paginated-list", { key: '4a8f9360d483804ed31c512ddc9ae91454ab1c89', pageSize: this.pageSize, pagesAllowed: 3, fetchData: this.searchMessages, createNodes: this.nodeRenderer, selectedItemId: this.query })));
     }
     static get style() { return RtkChatSearchResultsStyle0; }
 }, [1, "rtk-chat-search-results", {

package/dist/components/rtk-chat-selector-ui.js

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
+import { e as defaultIconPack, i as useLanguage } from './p-e847fee9.js';
 import { g as generateChatGroupKey } from './p-dab9d3d6.js';
-import { S as SyncWithStore } from './p-47c25f64.js';
-import { d as defineCustomElement$2 } from './p-3b29dda1.js';
+import { S as SyncWithStore } from './p-6f7c46d2.js';
+import { d as defineCustomElement$2 } from './p-73baf5ba.js';
 
 const rtkChatSelectorUiCss = ":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{display:flex;flex-direction:column}.chat-scope-selector{position:relative;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));z-index:10}.chat-scope-selector button{width:100%;border-width:var(--rtk-border-width-none, 0);border-style:none;padding:var(--rtk-space-4, 16px);display:flex;align-items:center;justify-content:space-between;--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));font-size:14px;cursor:pointer;height:var(--rtk-space-12, 48px)}.chat-scope-selector button span{display:flex;align-items:center;justify-content:flex-start}.chat-scope-selector button rtk-icon{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}.chat-scope-selector .search{position:sticky;box-sizing:border-box;display:flex;align-items:center;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));margin-left:var(--rtk-space-3, 12px);margin-right:var(--rtk-space-3, 12px);margin-top:var(--rtk-space-3, 12px);margin-bottom:var(--rtk-space-0, 0px)}.chat-scope-selector .search rtk-icon{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}.chat-scope-selector .search input{box-sizing:border-box;height:var(--rtk-space-9, 36px);width:100%;padding-right:var(--rtk-space-2, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none;--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));outline:2px solid transparent;outline-offset:2px;border-radius:var(--rtk-border-radius-sm, 4px);font-size:14px}.chat-scope-selector .search input::-moz-placeholder{color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.chat-scope-selector .search input::placeholder{color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.chat-scope-selector .participants-container{position:absolute;width:100%;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));top:var(--rtk-space-12, 48px);animation:0.3s slide-down ease}@keyframes slide-down{from{transform:translateY(-50px)}to{transform:translateY(0%)}}.chat-scope-selector .scope-list{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0, 0px);list-style-type:none;padding-left:var(--rtk-space-0, 0px);padding-right:var(--rtk-space-0, 0px);overflow:auto;max-height:375px}.chat-scope-selector .scope-list .scope{position:relative;display:flex;flex-direction:row;align-items:center;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);padding-top:var(--rtk-space-4, 16px);padding-bottom:var(--rtk-space-4, 16px)}.chat-scope-selector .scope-list .scope:hover{cursor:pointer;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}.chat-scope-selector .scope-list .scope-special{margin-top:var(--rtk-space-4, 16px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}.chat-scope-selector .scope-list .everyone-icon>rtk-icon{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px);color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.chat-scope-selector .scope-list .everyone-icon{display:flex;height:100%;width:100%;align-items:center;justify-content:center;margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));font-size:12px}.unread-count.selector{position:unset;margin-left:var(--rtk-space-2, 8px)}.unread-count{position:absolute;right:var(--rtk-space-3, 12px);box-sizing:border-box;padding:var(--rtk-space-0\\.5, 2px);-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));font-size:12px;color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));display:flex;height:var(--rtk-space-5, 20px);min-width:var(--rtk-space-5, 20px);align-items:center;justify-content:center;border-radius:9999px;z-index:1}rtk-avatar{height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px)}";
 const RtkChatSelectorUiStyle0 = rtkChatSelectorUiCss;

package/dist/components/rtk-chat-toggle.js

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
-import { c as canViewChat } from './p-6f340109.js';
-import { S as SyncWithStore } from './p-47c25f64.js';
-import { d as defineCustomElement$4 } from './p-6c2cfa0d.js';
-import { d as defineCustomElement$3 } from './p-3b29dda1.js';
-import { d as defineCustomElement$2 } from './p-0a35a909.js';
+import { e as defaultIconPack, i as useLanguage } from './p-e847fee9.js';
+import { c as canViewChat } from './p-05df465d.js';
+import { S as SyncWithStore } from './p-6f7c46d2.js';
+import { d as defineCustomElement$4 } from './p-7c8096c2.js';
+import { d as defineCustomElement$3 } from './p-73baf5ba.js';
+import { d as defineCustomElement$2 } from './p-e443d803.js';
 
-const rtkChatToggleCss = ":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{position:relative;display:block}:host([data-hidden]){display:none}.unread-count{position:absolute;right:var(--rtk-space-3, 12px);box-sizing:border-box;padding:var(--rtk-space-0\\.5, 2px);-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));font-size:12px;color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));display:flex;height:var(--rtk-space-5, 20px);min-width:var(--rtk-space-5, 20px);align-items:center;justify-content:center;border-radius:9999px;z-index:1}.unread-count-dot{position:absolute;right:var(--rtk-space-3, 12px);z-index:10;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));border-radius:50%;display:flex;height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);align-items:center;justify-content:center}:host([variant='horizontal']) .unread-count{right:var(--rtk-space-4, 16px);top:50%;transform:translateY(-50%)}";
+const rtkChatToggleCss = ":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{position:relative;display:block}:host([data-hidden]){display:none}.unread-count{position:absolute;right:var(--rtk-space-4, 16px);box-sizing:border-box;padding:var(--rtk-space-0\\.5, 2px);-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));font-size:12px;color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));display:flex;height:var(--rtk-space-5, 20px);min-width:var(--rtk-space-5, 20px);align-items:center;justify-content:center;border-radius:9999px;z-index:1}.unread-count-dot{position:absolute;right:var(--rtk-space-3, 12px);z-index:10;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));border-radius:50%;display:flex;height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);align-items:center;justify-content:center}:host([variant='horizontal']) .unread-count{right:var(--rtk-space-4, 16px);top:50%;transform:translateY(-50%)}";
 const RtkChatToggleStyle0 = rtkChatToggleCss;
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -34,17 +34,15 @@ const RtkChatToggle$1 = /*@__PURE__*/ proxyCustomElement(class RtkChatToggle ext
         this.t = useLanguage();
         this.chatActive = false;
         this.canViewChat = false;
-        /**
-         * Only used when paginated chat is enabled
-         */
-        this.hasNewMessages = false;
+        this.pageSize = 11;
         this.onChatUpdate = ({ action, message }) => {
             var _a;
             if (this.chatActive)
                 return;
             if (action === 'add' && message.userId !== ((_a = this.meeting) === null || _a === void 0 ? void 0 : _a.self.userId)) {
-                this.hasNewMessages = true;
-                this.unreadMessageCount += 1;
+                if (this.unreadMessageCount <= 10) {
+                    this.unreadMessageCount += 1;
+                }
             }
         };
         this.toggleChat = () => {
@@ -52,7 +50,6 @@ const RtkChatToggle$1 = /*@__PURE__*/ proxyCustomElement(class RtkChatToggle ext
             this.chatActive = !((states === null || states === void 0 ? void 0 : states.activeSidebar) && (states === null || states === void 0 ? void 0 : states.sidebar) === 'chat');
             if (this.chatActive) {
                 this.unreadMessageCount = 0;
-                this.hasNewMessages = false;
             }
             this.stateUpdate.emit({
                 activeSidebar: this.chatActive,
@@ -76,27 +73,36 @@ const RtkChatToggle$1 = /*@__PURE__*/ proxyCustomElement(class RtkChatToggle ext
         (_f = (_e = this.meeting) === null || _e === void 0 ? void 0 : _e.self) === null || _f === void 0 ? void 0 : _f.permissions.removeListener('chatUpdate', this.updateCanView);
     }
     meetingChanged(meeting) {
-        var _a, _b, _c, _d, _e, _f, _g;
+        var _a, _b, _c;
         if (!meeting)
             return;
-        (_a = meeting.chat) === null || _a === void 0 ? void 0 : _a.getMessages(new Date().getTime(), 1, true).then((res) => {
-            var _a;
-            if ((_a = res === null || res === void 0 ? void 0 : res.messages) === null || _a === void 0 ? void 0 : _a.length)
-                this.hasNewMessages = true;
-        });
-        const meetingStartedTimeMs = (_c = (_b = meeting.meta) === null || _b === void 0 ? void 0 : _b.meetingStartedTimestamp.getTime()) !== null && _c !== void 0 ? _c : 0;
-        const newMessages = (_d = meeting.chat) === null || _d === void 0 ? void 0 : _d.messages.filter((m) => m.timeMs > meetingStartedTimeMs);
-        this.unreadMessageCount = newMessages.length || 0;
-        (_e = meeting.chat) === null || _e === void 0 ? void 0 : _e.addListener('chatUpdate', this.onChatUpdate);
+        this.setUnreadMessageCount();
         this.canViewChat = canViewChat(meeting);
-        (_f = meeting === null || meeting === void 0 ? void 0 : meeting.stage) === null || _f === void 0 ? void 0 : _f.on('stageStatusUpdate', this.updateCanView);
-        (_g = meeting === null || meeting === void 0 ? void 0 : meeting.self) === null || _g === void 0 ? void 0 : _g.permissions.on('chatUpdate', this.updateCanView);
+        (_a = meeting.chat) === null || _a === void 0 ? void 0 : _a.addListener('chatUpdate', this.onChatUpdate);
+        (_b = meeting === null || meeting === void 0 ? void 0 : meeting.stage) === null || _b === void 0 ? void 0 : _b.on('stageStatusUpdate', this.updateCanView);
+        (_c = meeting === null || meeting === void 0 ? void 0 : meeting.self) === null || _c === void 0 ? void 0 : _c.permissions.on('chatUpdate', this.updateCanView);
     }
     statesChanged(states) {
         if (states != null) {
             this.chatActive = states.activeSidebar === true && states.sidebar === 'chat';
         }
     }
+    async setUnreadMessageCount() {
+        var _a, _b;
+        const chat = this.meeting.chat;
+        if (!chat)
+            return;
+        const { messages } = await chat.getMessages(new Date().getTime(), this.pageSize, true);
+        const meetingStartedTimeMs = (_b = (_a = this.meeting.meta) === null || _a === void 0 ? void 0 : _a.meetingStartedTimestamp.getTime()) !== null && _b !== void 0 ? _b : 0;
+        const newMessages = messages.filter((m) => m.timeMs > meetingStartedTimeMs);
+        if (newMessages.length === this.pageSize && newMessages.length > 0) {
+            // all messages are new, so we can't know the exact count, but we know there are at least pageSize - 1 new messages
+            this.unreadMessageCount = newMessages.length;
+        }
+        else {
+            this.unreadMessageCount = newMessages.length;
+        }
+    }
     handleChatActiveChange() {
         // Chat sidebar closed without opening a different sidebar
         if (!this.chatActive && !this.states.activeSidebar) {
@@ -108,8 +114,7 @@ const RtkChatToggle$1 = /*@__PURE__*/ proxyCustomElement(class RtkChatToggle ext
             return null;
         if (!this.canViewChat)
             return h(Host, { "data-hidden": true });
-        return (h(Host, { title: this.t('chat') }, this.hasNewMessages && h("div", { class: "unread-count-dot", part: "unread-count-dot" })
-            , h("rtk-controlbar-button", { ref: (el) => (this.buttonEl = el), part: "controlbar-button", size: this.size, iconPack: this.iconPack, class: { active: this.chatActive }, onClick: this.toggleChat, icon: this.iconPack.chat, label: this.t('chat'), variant: this.variant })));
+        return (h(Host, { title: this.t('chat') }, this.unreadMessageCount !== 0 && !this.chatActive && (h("div", { class: "unread-count", part: "unread-count" }, h("span", null, this.unreadMessageCount < this.pageSize ? this.unreadMessageCount : '10+'))), h("rtk-controlbar-button", { ref: (el) => (this.buttonEl = el), part: "controlbar-button", size: this.size, iconPack: this.iconPack, class: { active: this.chatActive }, onClick: this.toggleChat, icon: this.iconPack.chat, label: this.t('chat'), variant: this.variant })));
     }
     static get watchers() { return {
         "meeting": ["meetingChanged"],
@@ -126,8 +131,7 @@ const RtkChatToggle$1 = /*@__PURE__*/ proxyCustomElement(class RtkChatToggle ext
         "t": [16],
         "unreadMessageCount": [32],
         "chatActive": [32],
-        "canViewChat": [32],
-        "hasNewMessages": [32]
+        "canViewChat": [32]
     }, undefined, {
         "meeting": ["meetingChanged"],
         "states": ["statesChanged"],

package/dist/components/rtk-chat.js

@@ -1,4 +1,4 @@
-import { R as RtkChat$1, d as defineCustomElement$1 } from './p-2f08d7eb.js';
+import { R as RtkChat$1, d as defineCustomElement$1 } from './p-210862ae.js';
 
 const RtkChat = RtkChat$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-clock.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack } from './p-7fc0dc2f.js';
-import { S as SyncWithStore } from './p-47c25f64.js';
-import { d as defineCustomElement$2 } from './p-3b29dda1.js';
+import { e as defaultIconPack } from './p-e847fee9.js';
+import { S as SyncWithStore } from './p-6f7c46d2.js';
+import { d as defineCustomElement$2 } from './p-73baf5ba.js';
 
 const rtkClockCss = ":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:inline-flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:14px;color:rgb(var(--rtk-colors-text-1000, 255 255 255));font-variant-numeric:tabular-nums}:host([data-hidden]){display:none}:host([size='sm']){font-size:12px}rtk-icon{margin-right:var(--rtk-space-1, 4px);height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}:host([size='sm']) rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}";
 const RtkClockStyle0 = rtkClockCss;
@@ -76,9 +76,9 @@ const RtkClock$1 = /*@__PURE__*/ proxyCustomElement(class RtkClock extends H {
     }
     render() {
         const showClock = this.startedTime !== undefined;
-        return (h(Host, { key: '6e6b7a331666cd98cb100dca5c2869a8b5688553', "data-hidden": !showClock, tabIndex: 0, role: "timer", "aria-live": "off" }, this.startedTime !== undefined && [
-            h("rtk-icon", { key: '91cd9140d88447cd6662e08f4d2ed4c0df62858b', icon: this.iconPack.clock, "aria-hidden": true, tabIndex: -1, part: "icon" }),
-            h("span", { key: 'eba0772ccc8f0cc14c9c4dd7c11574dcc368b443', part: "text" }, this.getFormattedTime()),
+        return (h(Host, { key: 'a389e7c6a9fc8183f3228564bfa61f606ceaf979', "data-hidden": !showClock, tabIndex: 0, role: "timer", "aria-live": "off" }, this.startedTime !== undefined && [
+            h("rtk-icon", { key: '5fe283d25031c367f018d7a99ea46ed0c0d46a86', icon: this.iconPack.clock, "aria-hidden": true, tabIndex: -1, part: "icon" }),
+            h("span", { key: 'e5e134c951f7bbb3f161ae01d88d9c83ed85c798', part: "text" }, this.getFormattedTime()),
         ]));
     }
     static get watchers() { return {

package/dist/components/rtk-confirmation-modal.js

@@ -1,4 +1,4 @@
-import { R as RtkConfirmationModal$1, d as defineCustomElement$1 } from './p-8d25843a.js';
+import { R as RtkConfirmationModal$1, d as defineCustomElement$1 } from './p-1a9e3806.js';
 
 const RtkConfirmationModal = RtkConfirmationModal$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-controlbar-button.js

@@ -1,4 +1,4 @@
-import { R as RtkControlbarButton$1, d as defineCustomElement$1 } from './p-6c2cfa0d.js';
+import { R as RtkControlbarButton$1, d as defineCustomElement$1 } from './p-7c8096c2.js';
 
 const RtkControlbarButton = RtkControlbarButton$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-controlbar.js

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-e847fee9.js';
 import './p-a83ccdbd.js';
 import { R as Render } from './p-60fdbd75.js';
-import { S as SyncWithStore } from './p-47c25f64.js';
+import { S as SyncWithStore } from './p-6f7c46d2.js';
 
 const rtkControlbarCss = ":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:flex;align-items:center;gap:var(--rtk-space-0\\.5, 2px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px);position:relative;z-index:10}@media only screen and (max-device-height: 480px) and (orientation: landscape){:host{padding-top:var(--rtk-space-0, 0px) !important}}";
 const RtkControlbarStyle0 = rtkControlbarCss;
@@ -42,7 +42,7 @@ const RtkControlbar$1 = /*@__PURE__*/ proxyCustomElement(class RtkControlbar ext
             iconPack: this.iconPack,
             size: this.size,
         };
-        return (h(Host, { key: 'f4fee1168f1b057865a0c615c563158df7f7e2fd' }, !this.disableRender && (h(Render, { key: '58945391fb15e670a385f12e3d5861b03597ed61', element: "rtk-controlbar", defaults: defaults, onlyChildren: true })), h("slot", { key: 'df55eba453868617350ec45fc0437ecb11e03597' })));
+        return (h(Host, { key: 'f42df94eb381604cc1e4e9716e7908cab55da6b2' }, !this.disableRender && (h(Render, { key: '2c961c3e2546e7610cd2e18ea8aeaf72dbdd1075', element: "rtk-controlbar", defaults: defaults, onlyChildren: true })), h("slot", { key: '9e2a7239b36ba2f4c40bf7c7d63441c833927a97' })));
     }
     static get style() { return RtkControlbarStyle0; }
 }, [1, "rtk-controlbar", {

package/dist/components/rtk-counter.js

@@ -1,4 +1,4 @@
-import { R as RtkCounter$1, d as defineCustomElement$1 } from './p-b34865c7.js';
+import { R as RtkCounter$1, d as defineCustomElement$1 } from './p-e64e3cec.js';
 
 const RtkCounter = RtkCounter$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-debugger-audio.js

@@ -1,4 +1,4 @@
-import { R as RtkDebuggerAudio$1, d as defineCustomElement$1 } from './p-84e5b453.js';
+import { R as RtkDebuggerAudio$1, d as defineCustomElement$1 } from './p-6f8d2043.js';
 
 const RtkDebuggerAudio = RtkDebuggerAudio$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-debugger-screenshare.js

@@ -1,4 +1,4 @@
-import { R as RtkDebuggerScreenShare, d as defineCustomElement$1 } from './p-5f26bba3.js';
+import { R as RtkDebuggerScreenShare, d as defineCustomElement$1 } from './p-193d8051.js';
 
 const RtkDebuggerScreenshare = RtkDebuggerScreenShare;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-debugger-system.js

@@ -1,4 +1,4 @@
-import { R as RtkDebuggerSystem$1, d as defineCustomElement$1 } from './p-102b6df8.js';
+import { R as RtkDebuggerSystem$1, d as defineCustomElement$1 } from './p-c05530c8.js';
 
 const RtkDebuggerSystem = RtkDebuggerSystem$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-debugger-toggle.js

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { h as useLanguage, e as defaultIconPack } from './p-7fc0dc2f.js';
-import { S as SyncWithStore } from './p-47c25f64.js';
-import { d as defineCustomElement$4 } from './p-6c2cfa0d.js';
-import { d as defineCustomElement$3 } from './p-3b29dda1.js';
-import { d as defineCustomElement$2 } from './p-0a35a909.js';
+import { i as useLanguage, e as defaultIconPack } from './p-e847fee9.js';
+import { S as SyncWithStore } from './p-6f7c46d2.js';
+import { d as defineCustomElement$4 } from './p-7c8096c2.js';
+import { d as defineCustomElement$3 } from './p-73baf5ba.js';
+import { d as defineCustomElement$2 } from './p-e443d803.js';
 
 const rtkDebuggerToggleCss = ":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}";
 const RtkDebuggerToggleStyle0 = rtkDebuggerToggleCss;
@@ -39,7 +39,7 @@ const RtkDebuggerToggle$1 = /*@__PURE__*/ proxyCustomElement(class RtkDebuggerTo
         });
     }
     render() {
-        return (h(Host, { key: 'cc9ec6cade76093abba3a48502d12a82868a875a', title: this.t('Troubleshooting') }, h("rtk-controlbar-button", { key: '6b8bcf2e363dfcdfb8e0f90c8602d95cdf338544', size: this.size, iconPack: this.iconPack, onClick: () => this.toggleDebugger(), icon: this.iconPack.debug, label: this.t('Troubleshooting'), variant: this.variant })));
+        return (h(Host, { key: '38be7c2de47b57a51bb6feedc0f8ea05801eec58', title: this.t('Troubleshooting') }, h("rtk-controlbar-button", { key: '18d8b11e7a57d4930c2d300eaeb60b9a77c45c5c', size: this.size, iconPack: this.iconPack, onClick: () => this.toggleDebugger(), icon: this.iconPack.debug, label: this.t('Troubleshooting'), variant: this.variant })));
     }
     static get style() { return RtkDebuggerToggleStyle0; }
 }, [1, "rtk-debugger-toggle", {

package/dist/components/rtk-debugger-video.js

@@ -1,4 +1,4 @@
-import { R as RtkDebuggerVideo$1, d as defineCustomElement$1 } from './p-9e87b2c9.js';
+import { R as RtkDebuggerVideo$1, d as defineCustomElement$1 } from './p-0a31ef52.js';
 
 const RtkDebuggerVideo = RtkDebuggerVideo$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-debugger.js

@@ -1,4 +1,4 @@
-import { R as RtkDebugger$1, d as defineCustomElement$1 } from './p-bb8f2597.js';
+import { R as RtkDebugger$1, d as defineCustomElement$1 } from './p-395ef9c8.js';
 
 const RtkDebugger = RtkDebugger$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-dialog-manager.js

@@ -1,29 +1,29 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
-import { S as SyncWithStore } from './p-47c25f64.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-e847fee9.js';
+import { S as SyncWithStore } from './p-6f7c46d2.js';
 import { R as Render } from './p-60fdbd75.js';
-import { d as defineCustomElement$n } from './p-f4e75ea9.js';
-import { d as defineCustomElement$m } from './p-4d582a90.js';
-import { d as defineCustomElement$l } from './p-2f82e0b0.js';
-import { d as defineCustomElement$k } from './p-fd68a52b.js';
-import { d as defineCustomElement$j } from './p-395d7140.js';
+import { d as defineCustomElement$n } from './p-9bdc24b8.js';
+import { d as defineCustomElement$m } from './p-dd89aff2.js';
+import { d as defineCustomElement$l } from './p-74356882.js';
+import { d as defineCustomElement$k } from './p-5f1b84f7.js';
+import { d as defineCustomElement$j } from './p-b76e3950.js';
 import { d as defineCustomElement$i } from './p-1391bef0.js';
-import { d as defineCustomElement$h } from './p-8d25843a.js';
-import { d as defineCustomElement$g } from './p-b34865c7.js';
-import { d as defineCustomElement$f } from './p-bb8f2597.js';
-import { d as defineCustomElement$e } from './p-84e5b453.js';
-import { d as defineCustomElement$d } from './p-5f26bba3.js';
-import { d as defineCustomElement$c } from './p-102b6df8.js';
-import { d as defineCustomElement$b } from './p-9e87b2c9.js';
-import { d as defineCustomElement$a } from './p-c515acba.js';
-import { d as defineCustomElement$9 } from './p-3b29dda1.js';
-import { d as defineCustomElement$8 } from './p-2d08ab28.js';
-import { d as defineCustomElement$7 } from './p-e6710b76.js';
-import { d as defineCustomElement$6 } from './p-618864a0.js';
-import { d as defineCustomElement$5 } from './p-e4a080a5.js';
-import { d as defineCustomElement$4 } from './p-d107e9f4.js';
-import { d as defineCustomElement$3 } from './p-0a35a909.js';
-import { d as defineCustomElement$2 } from './p-fa8f6b4a.js';
+import { d as defineCustomElement$h } from './p-1a9e3806.js';
+import { d as defineCustomElement$g } from './p-e64e3cec.js';
+import { d as defineCustomElement$f } from './p-395ef9c8.js';
+import { d as defineCustomElement$e } from './p-6f8d2043.js';
+import { d as defineCustomElement$d } from './p-193d8051.js';
+import { d as defineCustomElement$c } from './p-c05530c8.js';
+import { d as defineCustomElement$b } from './p-0a31ef52.js';
+import { d as defineCustomElement$a } from './p-6f361314.js';
+import { d as defineCustomElement$9 } from './p-73baf5ba.js';
+import { d as defineCustomElement$8 } from './p-45b4f6a1.js';
+import { d as defineCustomElement$7 } from './p-fb900e8f.js';
+import { d as defineCustomElement$6 } from './p-107e55c1.js';
+import { d as defineCustomElement$5 } from './p-89151c7a.js';
+import { d as defineCustomElement$4 } from './p-b6869c32.js';
+import { d as defineCustomElement$3 } from './p-e443d803.js';
+import { d as defineCustomElement$2 } from './p-fb836f65.js';
 
 const rtkDialogManagerCss = ":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}";
 const RtkDialogManagerStyle0 = rtkDialogManagerCss;

package/dist/components/rtk-dialog.js

@@ -1,4 +1,4 @@
-import { R as RtkDialog$1, d as defineCustomElement$1 } from './p-c515acba.js';
+import { R as RtkDialog$1, d as defineCustomElement$1 } from './p-6f361314.js';
 
 const RtkDialog = RtkDialog$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { R as RtkDraftAttachmentView$1, d as defineCustomElement$1 } from './p-65cd2fe3.js';
+import { R as RtkDraftAttachmentView$1, d as defineCustomElement$1 } from './p-524d7900.js';
 
 const RtkDraftAttachmentView = RtkDraftAttachmentView$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { R as RtkEmojiPickerButton$1, d as defineCustomElement$1 } from './p-3da4880c.js';
+import { R as RtkEmojiPickerButton$1, d as defineCustomElement$1 } from './p-e72a0f16.js';
 
 const RtkEmojiPickerButton = RtkEmojiPickerButton$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { R as RtkEmojiPicker$1, d as defineCustomElement$1 } from './p-20290b0b.js';
+import { R as RtkEmojiPicker$1, d as defineCustomElement$1 } from './p-f7bd10f1.js';
 
 const RtkEmojiPicker = RtkEmojiPicker$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-ended-screen.js

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-e847fee9.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-47c25f64.js';
-import { d as defineCustomElement$3 } from './p-3b29dda1.js';
-import { d as defineCustomElement$2 } from './p-244cbe7b.js';
+import { S as SyncWithStore } from './p-6f7c46d2.js';
+import { d as defineCustomElement$3 } from './p-73baf5ba.js';
+import { d as defineCustomElement$2 } from './p-89eb65a9.js';
 
 const rtkEndedScreenCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{height:100%;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center;justify-content:center}.ctr{display:flex;flex-direction:column;align-items:center;gap:var(--rtk-space-8, 32px)}rtk-logo.loaded{height:var(--rtk-space-12, 48px)}.rejoin-button{margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-4, 16px);padding-top:var(--rtk-space-6, 24px);padding-bottom:var(--rtk-space-6, 24px);padding-left:var(--rtk-space-16, 64px);padding-right:var(--rtk-space-16, 64px)}.rejoin-icon{margin-right:var(--rtk-space-2, 8px)}p{font-size:16px;border-radius:var(--rtk-border-radius-lg, 12px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));padding-left:var(--rtk-space-8, 32px);padding-right:var(--rtk-space-8, 32px);padding-top:var(--rtk-space-4, 16px);padding-bottom:var(--rtk-space-4, 16px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}p.breakout{font-size:20px;display:flex;flex-direction:column;align-items:center}p.breakout span{margin-top:var(--rtk-space-1, 4px);margin-bottom:var(--rtk-space-0, 0px);color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}span{margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-4, 16px);font-size:14px}";
 const RtkEndedScreenStyle0 = rtkEndedScreenCss;

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

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
+import { e as defaultIconPack, i as useLanguage } from './p-e847fee9.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-47c25f64.js';
-import { d as defineCustomElement$2 } from './p-3b29dda1.js';
+import { S as SyncWithStore } from './p-6f7c46d2.js';
+import { d as defineCustomElement$2 } from './p-73baf5ba.js';
 
 const rtkFileDropzoneCss = "#dropzone{position:absolute;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);z-index:10;display:none;flex-direction:column;align-items:center;justify-content:center;--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-700, 255 255 255 / 0.64))}#dropzone.active{display:flex;animation:0.2s slide-up ease-in}";
 const RtkFileDropzoneStyle0 = rtkFileDropzoneCss;
@@ -46,7 +46,7 @@ const RtkFileDropzone$1 = /*@__PURE__*/ proxyCustomElement(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: '6a205001d1e1e1f7c54855005cab34b81e95c9b9' }, h("div", { key: 'b87bcc6c90819127b2783665e541b69ce49f1032', id: "dropzone", class: { active: this.dropzoneActivated }, part: "dropzone" }, h("rtk-icon", { key: '1f603086a79a170a4fc3f3df53df9cfdfbae73fe', icon: this.iconPack.attach }), h("p", { key: '0b4914a3fb881006b1af20533750e6b273a82a48' }, this.t('chat.send_attachment')))));
     }
     static get style() { return RtkFileDropzoneStyle0; }
 }, [1, "rtk-file-dropzone", {

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

@@ -1,4 +1,4 @@
-import { R as RtkFileMessageView$1, d as defineCustomElement$1 } from './p-0b4e526c.js';
+import { R as RtkFileMessageView$1, d as defineCustomElement$1 } from './p-43bf8953.js';
 
 const RtkFileMessageView = RtkFileMessageView$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { R as RtkFileMessage$1, d as defineCustomElement$1 } from './p-488d88a8.js';
+import { R as RtkFileMessage$1, d as defineCustomElement$1 } from './p-fb7666ce.js';
 
 const RtkFileMessage = RtkFileMessage$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { R as RtkFilePickerButton$1, d as defineCustomElement$1 } from './p-e675729a.js';
+import { R as RtkFilePickerButton$1, d as defineCustomElement$1 } from './p-e375b50d.js';
 
 const RtkFilePickerButton = RtkFilePickerButton$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-fullscreen-toggle.js

@@ -1,4 +1,4 @@
-import { R as RtkFullscreenToggle$1, d as defineCustomElement$1 } from './p-b882f4a1.js';
+import { R as RtkFullscreenToggle$1, d as defineCustomElement$1 } from './p-ecb016da.js';
 
 const RtkFullscreenToggle = RtkFullscreenToggle$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-grid-pagination.js

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
-import { S as SyncWithStore } from './p-47c25f64.js';
+import { e as defaultIconPack, i as useLanguage } from './p-e847fee9.js';
+import { S as SyncWithStore } from './p-6f7c46d2.js';
 import { d as debounce_1 } from './p-cbdd7a99.js';
 import { d as defineCustomElement$4 } from './p-1391bef0.js';
-import { d as defineCustomElement$3 } from './p-3b29dda1.js';
-import { d as defineCustomElement$2 } from './p-fa8f6b4a.js';
+import { d as defineCustomElement$3 } from './p-73baf5ba.js';
+import { d as defineCustomElement$2 } from './p-fb836f65.js';
 
 const rtkGridPaginationCss = ":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;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;font-size:16px}:host([data-hidden]){display:none}:host([size='sm']){font-size:12px}:host([size='sm']) .center{margin-left:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-0, 0px)}:host([size='sm']) rtk-button{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px)}:host([size='sm']) rtk-button rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}rtk-button{--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)}.center{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.center .page{color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.center .slash{margin-left:var(--rtk-space-0\\.5, 2px);margin-right:var(--rtk-space-0\\.5, 2px)}.center .pages{align-self:flex-end;font-size:12px}:host([variant='rounded']){overflow:hidden;border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}:host([variant='rounded']) rtk-button{border-radius:9999px;border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}:host([variant='rounded']) rtk-button:not([disabled]):hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}:host([variant='rounded']) rtk-button:not([disabled]):focus{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}:host([variant='grid']) rtk-button{position:absolute;top:50%;height:var(--rtk-space-20, 80px);width:var(--rtk-space-20, 80px);opacity:0.2;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}:host([variant='grid']) rtk-button:hover{opacity:1}:host([variant='grid']) rtk-button{transform:translateY(-50%)}:host([variant='grid']) rtk-button.prev{left:var(--rtk-space-0, 0px);border-top-right-radius:9999px;border-bottom-right-radius:9999px}:host([variant='grid']) rtk-button.next{right:var(--rtk-space-0, 0px);border-top-left-radius:9999px;border-bottom-left-radius:9999px}:host([variant='grid']) rtk-button.auto{left:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);border-top-right-radius:9999px;border-bottom-right-radius:9999px}:host([variant='grid']) .dots{position:absolute;left:50%;bottom:var(--rtk-space-3, 12px);display:flex;align-items:center;transform:translateX(-50%)}:host([variant='grid']) .dots .dot{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-2, 8px);width:var(--rtk-space-2, 8px);cursor:pointer;border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}:host([variant='grid']) .dots .dot:last-child{margin-right:var(--rtk-space-0, 0px)}:host([variant='grid']) .dots .dot.active{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity))}:host([variant='grid'][size='sm']) rtk-button{height:var(--rtk-space-14, 56px);width:var(--rtk-space-14, 56px);opacity:0.1}";
 const RtkGridPaginationStyle0 = rtkGridPaginationCss;

package/dist/components/rtk-grid.js

@@ -1,17 +1,17 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage, L as isLiveStreamViewer } from './p-7fc0dc2f.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage, M as isLiveStreamViewer } from './p-e847fee9.js';
 import { d as debounce_1 } from './p-cbdd7a99.js';
 import { R as Render } from './p-60fdbd75.js';
-import { S as SyncWithStore } from './p-47c25f64.js';
+import { S as SyncWithStore } from './p-6f7c46d2.js';
 import { d as defaultGridSize } from './p-b13ddb7d.js';
 import { d as defineCustomElement$9 } from './p-1391bef0.js';
-import { d as defineCustomElement$8 } from './p-6c2cfa0d.js';
-import { d as defineCustomElement$7 } from './p-b882f4a1.js';
-import { d as defineCustomElement$6 } from './p-3b29dda1.js';
-import { d as defineCustomElement$5 } from './p-a29c01fc.js';
-import { d as defineCustomElement$4 } from './p-5c92df32.js';
-import { d as defineCustomElement$3 } from './p-0a35a909.js';
-import { d as defineCustomElement$2 } from './p-c078ae06.js';
+import { d as defineCustomElement$8 } from './p-7c8096c2.js';
+import { d as defineCustomElement$7 } from './p-ecb016da.js';
+import { d as defineCustomElement$6 } from './p-73baf5ba.js';
+import { d as defineCustomElement$5 } from './p-f6c2e822.js';
+import { d as defineCustomElement$4 } from './p-7bde2b2d.js';
+import { d as defineCustomElement$3 } from './p-e443d803.js';
+import { d as defineCustomElement$2 } from './p-d188f58b.js';
 
 const rtkGridCss = ":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;height:100%;width:100%}.offline-grid{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center}.offline-grid h3{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);margin-left:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-0, 0px);font-size:20px;font-weight:500;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.offline-grid p{margin-top:var(--rtk-space-1, 4px);margin-bottom:var(--rtk-space-1, 4px);margin-left:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-0, 0px);text-align:center;font-size:16px;font-weight:400;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.offline-grid rtk-icon{margin-bottom:var(--rtk-space-2, 8px)}.webinar-stage{box-sizing:border-box;height:100%;display:flex;align-content:center;align-items:center;justify-content:center;text-align:center}.webinar-stage h2{margin:var(--rtk-space-0, 0px);font-weight:normal}rtk-viewer-count{display:none}.ctr{display:flex;flex-direction:column;align-items:center}.message{font-size:16px;border-radius:var(--rtk-border-radius-lg, 12px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));padding-left:var(--rtk-space-8, 32px);padding-right:var(--rtk-space-8, 32px);padding-top:var(--rtk-space-4, 16px);padding-bottom:var(--rtk-space-4, 16px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.description{margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-4, 16px);font-size:14px}rtk-livestream-indicator{display:none}@media only screen and (max-device-height: 480px) and (orientation: landscape){rtk-viewer-count[variant='embedded']{position:absolute;top:var(--rtk-space-0, 0px);right:var(--rtk-space-2, 8px);z-index:20;margin-top:var(--rtk-space-0, 0px);margin-left:var(--rtk-space-0, 0px);display:flex}rtk-livestream-indicator{position:absolute;top:var(--rtk-space-0, 0px);left:var(--rtk-space-2, 8px);z-index:20;margin-top:var(--rtk-space-0, 0px);margin-left:var(--rtk-space-0, 0px);display:flex}}";
 const RtkGridStyle0 = rtkGridCss;

package/dist/components/rtk-header.js

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-e847fee9.js';
 import './p-a83ccdbd.js';
 import { R as Render } from './p-60fdbd75.js';
-import { S as SyncWithStore } from './p-47c25f64.js';
+import { S as SyncWithStore } from './p-6f7c46d2.js';
 
 const rtkHeaderCss = ":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;height:var(--rtk-space-12, 48px);align-items:center;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px)}@media only screen and (max-device-height: 480px) and (orientation: landscape){:host{display:none !important}}@media only screen and (max-height: 480px) and (orientation: landscape){:host{display:none !important}}";
 const RtkHeaderStyle0 = rtkHeaderCss;
@@ -42,7 +42,7 @@ const RtkHeader$1 = /*@__PURE__*/ proxyCustomElement(class RtkHeader extends H {
             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: 'cc998eacd57a6ab5492229b6eb900caf9aa6cfaa' }, !this.disableRender && h(Render, { key: 'c8bfb68227fcea6955c7e4d07cfe3d1eb9d7906d', element: "rtk-header", defaults: defaults, onlyChildren: true }), h("slot", { key: '50848506efeeccf7a6bd4539d65374eb64279d17' })));
     }
     static get style() { return RtkHeaderStyle0; }
 }, [1, "rtk-header", {

package/dist/components/rtk-icon.js

@@ -1,4 +1,4 @@
-import { R as RtkIcon$1, d as defineCustomElement$1 } from './p-3b29dda1.js';
+import { R as RtkIcon$1, d as defineCustomElement$1 } from './p-73baf5ba.js';
 
 const RtkIcon = RtkIcon$1;
 const defineCustomElement = defineCustomElement$1;