@cloudflare/realtimekit-ui 1.1.0-staging.12 → 1.1.0-staging.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/browser.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/realtimekit-ui.cjs.js +1 -1
- package/dist/cjs/rtk-avatar_26.cjs.entry.js +43 -14
- package/dist/collection/components/rtk-chat-selector/rtk-chat-selector.css +1 -1
- package/dist/collection/components/rtk-chat-selector/rtk-chat-selector.js +33 -9
- package/dist/collection/components/rtk-markdown-view/rtk-markdown-view.css +1 -0
- package/dist/collection/components/rtk-paginated-list/rtk-paginated-list.css +8 -0
- package/dist/collection/components/rtk-paginated-list/rtk-paginated-list.js +25 -2
- package/dist/collection/components/rtk-pinned-message-selector/rtk-pinned-message-selector.css +1 -1
- package/dist/components/{p-793f074d.js → p-128566e8.js} +10 -3
- package/dist/components/{p-54e0acc1.js → p-32a673c0.js} +8 -8
- package/dist/components/{p-321a4aef.js → p-3a9d16e3.js} +3 -3
- package/dist/components/{p-7fcbd2dd.js → p-5f33c184.js} +34 -10
- package/dist/components/{p-db5556c3.js → p-9bcd6297.js} +3 -3
- package/dist/components/{p-90420dc5.js → p-dd7832d2.js} +1 -1
- package/dist/components/{p-d9fa18db.js → p-e39ec88e.js} +2 -2
- package/dist/components/{p-f5aecaad.js → p-e73faa5e.js} +1 -1
- package/dist/components/{p-469f4396.js → p-eb2c2c21.js} +2 -2
- package/dist/components/rtk-chat-composer-view.js +1 -1
- package/dist/components/rtk-chat-header.js +1 -1
- package/dist/components/rtk-chat-messages-ui-paginated.js +1 -1
- package/dist/components/rtk-chat-messages-ui.js +2 -2
- package/dist/components/rtk-chat-search-results.js +1 -1
- package/dist/components/rtk-chat-selector.js +1 -1
- package/dist/components/rtk-chat.js +1 -1
- package/dist/components/rtk-markdown-view.js +1 -1
- package/dist/components/rtk-meeting.js +9 -9
- package/dist/components/rtk-paginated-list.js +1 -1
- package/dist/components/rtk-pinned-message-selector.js +1 -1
- package/dist/components/rtk-text-message-view.js +1 -1
- package/dist/docs/docs-components.json +23 -1
- package/dist/esm/loader.js +44 -15
- package/dist/esm/realtimekit-ui.js +1 -1
- package/dist/esm/rtk-avatar_26.entry.js +43 -14
- package/dist/realtimekit-ui/p-8fb52437.entry.js +1 -0
- package/dist/realtimekit-ui/realtimekit-ui.esm.js +1 -1
- package/dist/types/components/rtk-chat-selector/rtk-chat-selector.d.ts +2 -0
- package/dist/types/components/rtk-paginated-list/rtk-paginated-list.d.ts +4 -0
- package/dist/types/components.d.ts +4 -0
- package/package.json +1 -1
- package/dist/realtimekit-ui/p-8cc26ae0.entry.js +0 -1
|
@@ -5,10 +5,10 @@ import './p-a83ccdbd.js';
|
|
|
5
5
|
import { d as defineCustomElement$5 } from './p-c9db1b82.js';
|
|
6
6
|
import { d as defineCustomElement$4 } from './p-e229128b.js';
|
|
7
7
|
import { d as defineCustomElement$3 } from './p-a3cc7425.js';
|
|
8
|
-
import { d as defineCustomElement$2 } from './p-
|
|
8
|
+
import { d as defineCustomElement$2 } from './p-128566e8.js';
|
|
9
9
|
import { d as defineCustomElement$1 } from './p-dfdbb665.js';
|
|
10
10
|
|
|
11
|
-
const rtkChatSelectorCss = ":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;width:100%;flex-direction:column;font-size:14px;position:relative;box-sizing:border-box;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.chat-header{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);gap:var(--rtk-space-2, 8px);padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);display:flex;flex-direction:row;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-600, 255 255 255 / 0.52));cursor:pointer;border-radius:var(--rtk-border-radius-sm, 4px);border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}.chat-header-label{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rtk-space-2, 8px)}.dropdown{position:absolute;top:100%;z-index:10;padding:var(--rtk-space-0, 0px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-
|
|
11
|
+
const rtkChatSelectorCss = ":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;width:100%;flex-direction:column;font-size:14px;position:relative;box-sizing:border-box;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.chat-header{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);gap:var(--rtk-space-2, 8px);padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);display:flex;flex-direction:row;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-600, 255 255 255 / 0.52));cursor:pointer;border-radius:var(--rtk-border-radius-sm, 4px);border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}.chat-header-label{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rtk-space-2, 8px)}.dropdown{position:absolute;top:100%;z-index:10;padding:var(--rtk-space-0, 0px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));opacity:0;overflow:hidden;pointer-events:none;border-bottom-right-radius:var(--rtk-border-radius-sm, 4px);border-bottom-left-radius:var(--rtk-border-radius-sm, 4px);left:var(--rtk-space-2, 8px);right:var(--rtk-space-2, 8px);max-width:calc(100vw - var(--rtk-space-4, 16px));box-sizing:border-box}.dropdown.open{display:flex;flex-direction:column;max-height:30vh;opacity:1;overflow:hidden;pointer-events:auto;border-width:1px;border-top-width:var(--rtk-border-width-none, 0);border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity))}.dropdown rtk-paginated-list{display:flex;max-height:30vh;min-height:12vh;flex-direction:column}.public-chat-group-label{display:flex;cursor:pointer;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rtk-space-2, 8px);border-left-width:var(--rtk-border-width-none, 0);border-right-width:var(--rtk-border-width-none, 0);border-top-width:var(--rtk-border-width-none, 0);border-bottom-width:var(--rtk-border-width-none, 0);border-bottom-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity));padding-top:var(--rtk-space-4, 16px);padding-bottom:var(--rtk-space-4, 16px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px)}.public-chat-icon{display:flex;align-items:center;justify-content:center;padding:var(--rtk-space-1, 4px);border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity))}";
|
|
12
12
|
const RtkChatSelectorStyle0 = rtkChatSelectorCss;
|
|
13
13
|
|
|
14
14
|
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
@@ -42,12 +42,14 @@ const RtkChatSelector = /*@__PURE__*/ proxyCustomElement(class RtkChatSelector e
|
|
|
42
42
|
//NOTE(ikabra): Fix this value once backend supports pagination for participants
|
|
43
43
|
this.pageSize = 100000;
|
|
44
44
|
this.pagesAllowed = 3;
|
|
45
|
+
this.unreadMap = new Map();
|
|
45
46
|
this.disconnectMeeting = (meeting) => {
|
|
46
|
-
var _a, _b, _c;
|
|
47
|
+
var _a, _b, _c, _d;
|
|
47
48
|
const { self, participants } = meeting || {};
|
|
48
|
-
(_a =
|
|
49
|
-
(_b =
|
|
50
|
-
(_c = participants === null || participants === void 0 ? void 0 : participants.joined) === null || _c === void 0 ? void 0 : _c.off('
|
|
49
|
+
(_a = meeting.chat) === null || _a === void 0 ? void 0 : _a.off('chatUpdate', this.chatUpdateListener);
|
|
50
|
+
(_b = self === null || self === void 0 ? void 0 : self.permissions) === null || _b === void 0 ? void 0 : _b.off('*', this.chatPermissionUpdateListener);
|
|
51
|
+
(_c = participants === null || participants === void 0 ? void 0 : participants.joined) === null || _c === void 0 ? void 0 : _c.off('participantJoined', this.participantJoinedListener);
|
|
52
|
+
(_d = participants === null || participants === void 0 ? void 0 : participants.joined) === null || _d === void 0 ? void 0 : _d.off('participantLeft', this.participantLeftListener);
|
|
51
53
|
};
|
|
52
54
|
this.toggle = (e) => {
|
|
53
55
|
e.preventDefault();
|
|
@@ -56,6 +58,10 @@ const RtkChatSelector = /*@__PURE__*/ proxyCustomElement(class RtkChatSelector e
|
|
|
56
58
|
this.dropdownToggle.emit({ open: this.isOpen });
|
|
57
59
|
};
|
|
58
60
|
this.selectUser = async (user) => {
|
|
61
|
+
if (user === null || user === void 0 ? void 0 : user.userId) {
|
|
62
|
+
this.unreadMap.set(user.userId, false);
|
|
63
|
+
this.$paginatedListRef.rerenderList();
|
|
64
|
+
}
|
|
59
65
|
this.selectedUser = user;
|
|
60
66
|
this.chatSelectorChange.emit({ selectedUser: user });
|
|
61
67
|
await this.close();
|
|
@@ -102,7 +108,23 @@ const RtkChatSelector = /*@__PURE__*/ proxyCustomElement(class RtkChatSelector e
|
|
|
102
108
|
return participants;
|
|
103
109
|
};
|
|
104
110
|
this.createPaticipantNodes = (data) => {
|
|
105
|
-
return data.map((participant) =>
|
|
111
|
+
return data.map((participant) => {
|
|
112
|
+
var _a;
|
|
113
|
+
return (h("div", { class: "private-chat-label", id: participant.id, onClick: () => this.selectUser(participant) }, h("rtk-avatar", { size: "sm", participant: participant }), h("span", null, (_a = participant.name) !== null && _a !== void 0 ? _a : this.t('participant')), this.unreadMap.get(participant.userId) ? (h("div", { class: "private-chat-unread-badge" })) : null));
|
|
114
|
+
});
|
|
115
|
+
};
|
|
116
|
+
this.chatUpdateListener = (data) => {
|
|
117
|
+
var _a;
|
|
118
|
+
if (data.action !== 'add')
|
|
119
|
+
return;
|
|
120
|
+
if (!((_a = data.message.targetUserIds) === null || _a === void 0 ? void 0 : _a.length))
|
|
121
|
+
return;
|
|
122
|
+
const selfUserId = this.meeting.self.userId;
|
|
123
|
+
const otherUserId = data.message.targetUserIds.find((id) => id !== selfUserId);
|
|
124
|
+
if (!otherUserId)
|
|
125
|
+
return;
|
|
126
|
+
this.unreadMap.set(otherUserId, true);
|
|
127
|
+
this.$paginatedListRef.rerenderList();
|
|
106
128
|
};
|
|
107
129
|
}
|
|
108
130
|
/** */
|
|
@@ -134,7 +156,7 @@ const RtkChatSelector = /*@__PURE__*/ proxyCustomElement(class RtkChatSelector e
|
|
|
134
156
|
((_b = this.meeting.self.permissions.chatPrivate) === null || _b === void 0 ? void 0 : _b.canReceive)) && !overrides.disablePrivateChat;
|
|
135
157
|
}
|
|
136
158
|
meetingChanged(meeting, oldMeeting) {
|
|
137
|
-
var _a, _b, _c, _d, _e, _f;
|
|
159
|
+
var _a, _b, _c, _d, _e, _f, _g;
|
|
138
160
|
if (oldMeeting)
|
|
139
161
|
this.disconnectMeeting(oldMeeting);
|
|
140
162
|
if (!meeting || !meeting.chat)
|
|
@@ -143,9 +165,10 @@ const RtkChatSelector = /*@__PURE__*/ proxyCustomElement(class RtkChatSelector e
|
|
|
143
165
|
!!(((_a = meeting.self.permissions.chatPrivate) === null || _a === void 0 ? void 0 : _a.canSend) ||
|
|
144
166
|
((_b = meeting.self.permissions.chatPrivate) === null || _b === void 0 ? void 0 : _b.canReceive)) && !this.overrides.disablePrivateChat;
|
|
145
167
|
this.onParticipantUpdate();
|
|
168
|
+
(_c = meeting.chat) === null || _c === void 0 ? void 0 : _c.on('chatUpdate', this.chatUpdateListener);
|
|
146
169
|
meeting.self.permissions.on('*', this.chatPermissionUpdateListener);
|
|
147
|
-
(
|
|
148
|
-
(
|
|
170
|
+
(_e = (_d = meeting === null || meeting === void 0 ? void 0 : meeting.participants) === null || _d === void 0 ? void 0 : _d.joined) === null || _e === void 0 ? void 0 : _e.on('participantJoined', this.participantJoinedListener);
|
|
171
|
+
(_g = (_f = meeting === null || meeting === void 0 ? void 0 : meeting.participants) === null || _f === void 0 ? void 0 : _f.joined) === null || _g === void 0 ? void 0 : _g.on('participantLeft', this.participantLeftListener);
|
|
149
172
|
}
|
|
150
173
|
render() {
|
|
151
174
|
if (!this.showPrivateChat)
|
|
@@ -170,6 +193,7 @@ const RtkChatSelector = /*@__PURE__*/ proxyCustomElement(class RtkChatSelector e
|
|
|
170
193
|
"selectedUser": [32],
|
|
171
194
|
"pageSize": [32],
|
|
172
195
|
"pagesAllowed": [32],
|
|
196
|
+
"unreadMap": [32],
|
|
173
197
|
"close": [64]
|
|
174
198
|
}, undefined, {
|
|
175
199
|
"overrides": ["overridesChanged"],
|
|
@@ -6,14 +6,14 @@ import { d as defineCustomElement$c } from './p-e229128b.js';
|
|
|
6
6
|
import { d as defineCustomElement$b } from './p-154bed23.js';
|
|
7
7
|
import { d as defineCustomElement$a } from './p-a3cc7425.js';
|
|
8
8
|
import { d as defineCustomElement$9 } from './p-7384c20c.js';
|
|
9
|
-
import { d as defineCustomElement$8 } from './p-
|
|
9
|
+
import { d as defineCustomElement$8 } from './p-dd7832d2.js';
|
|
10
10
|
import { d as defineCustomElement$7 } from './p-e7b7abfe.js';
|
|
11
11
|
import { d as defineCustomElement$6 } from './p-cd6f04ae.js';
|
|
12
12
|
import { d as defineCustomElement$5 } from './p-8a66a347.js';
|
|
13
13
|
import { d as defineCustomElement$4 } from './p-862ec1f9.js';
|
|
14
|
-
import { d as defineCustomElement$3 } from './p-
|
|
14
|
+
import { d as defineCustomElement$3 } from './p-128566e8.js';
|
|
15
15
|
import { d as defineCustomElement$2 } from './p-dfdbb665.js';
|
|
16
|
-
import { d as defineCustomElement$1 } from './p-
|
|
16
|
+
import { d as defineCustomElement$1 } from './p-e73faa5e.js';
|
|
17
17
|
|
|
18
18
|
const rtkChatMessagesUiPaginatedCss = ":host{display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));flex:1 0 0px}";
|
|
19
19
|
const RtkChatMessagesUiPaginatedStyle0 = rtkChatMessagesUiPaginatedCss;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, h } from './p-fdad14c9.js';
|
|
2
2
|
import { M as MAX_TEXT_LENGTH, p as parseRichText, e as extractReplyBlock, s as stripOutReplyBlock } from './p-0db812c2.js';
|
|
3
3
|
|
|
4
|
-
const rtkMarkdownViewCss = ":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{overflow-wrap:break-word}a{color:currentColor}.block-quote,blockquote{margin:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-3, 12px);--tw-border-spacing-x:1px;--tw-border-spacing-y:1px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);border-top-width:var(--rtk-border-width-none, 0);border-bottom-width:var(--rtk-border-width-none, 0);border-left-width:var(--rtk-border-width-md, 2px);border-right-width:var(--rtk-border-width-none, 0);border-style:solid;padding:var(--rtk-space-0\\.5, 2px);padding-left:var(--rtk-space-2, 8px);border-radius:var(--rtk-border-radius-sm, 4px);border-top-left-radius:var(--rtk-border-radius-none, 0);border-bottom-left-radius:var(--rtk-border-radius-none, 0)}pre{white-space:pre-wrap}";
|
|
4
|
+
const rtkMarkdownViewCss = ":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{overflow-wrap:break-word}a{color:currentColor}.block-quote,blockquote{margin:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-3, 12px);--tw-border-spacing-x:1px;--tw-border-spacing-y:1px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);border-top-width:var(--rtk-border-width-none, 0);border-bottom-width:var(--rtk-border-width-none, 0);border-left-width:var(--rtk-border-width-md, 2px);border-right-width:var(--rtk-border-width-none, 0);border-style:solid;padding:var(--rtk-space-0\\.5, 2px);padding-left:var(--rtk-space-2, 8px);border-radius:var(--rtk-border-radius-sm, 4px);border-top-left-radius:var(--rtk-border-radius-none, 0);border-bottom-left-radius:var(--rtk-border-radius-none, 0)}pre{white-space:pre-wrap;width:300px}";
|
|
5
5
|
const RtkMarkdownViewStyle0 = rtkMarkdownViewCss;
|
|
6
6
|
|
|
7
7
|
const RtkMarkdownView = /*@__PURE__*/ proxyCustomElement(class RtkMarkdownView extends H {
|
|
@@ -5,10 +5,10 @@ import { e as elapsedDuration } from './p-382270d8.js';
|
|
|
5
5
|
import { d as defineCustomElement$5 } from './p-c9db1b82.js';
|
|
6
6
|
import { d as defineCustomElement$4 } from './p-e229128b.js';
|
|
7
7
|
import { d as defineCustomElement$3 } from './p-a3cc7425.js';
|
|
8
|
-
import { d as defineCustomElement$2 } from './p-
|
|
8
|
+
import { d as defineCustomElement$2 } from './p-128566e8.js';
|
|
9
9
|
import { d as defineCustomElement$1 } from './p-dfdbb665.js';
|
|
10
10
|
|
|
11
|
-
const rtkPinnedMessageSelectorCss = ":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;width:100%;flex-direction:column;font-size:14px;position:relative;box-sizing:border-box;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.chat-header{position:relative;margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);cursor:pointer;gap:var(--rtk-space-2, 8px);padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);display:flex;flex-direction:row;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-600, 255 255 255 / 0.52));border-radius:var(--rtk-border-radius-sm, 4px);border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}.chat-header-label{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rtk-space-2, 8px)}.dropdown{position:absolute;top:100%;z-index:10;padding:var(--rtk-space-0, 0px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-
|
|
11
|
+
const rtkPinnedMessageSelectorCss = ":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;width:100%;flex-direction:column;font-size:14px;position:relative;box-sizing:border-box;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.chat-header{position:relative;margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);cursor:pointer;gap:var(--rtk-space-2, 8px);padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);display:flex;flex-direction:row;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-600, 255 255 255 / 0.52));border-radius:var(--rtk-border-radius-sm, 4px);border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}.chat-header-label{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rtk-space-2, 8px)}.dropdown{position:absolute;top:100%;z-index:10;padding:var(--rtk-space-0, 0px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));max-height:var(--rtk-space-0, 0px);opacity:0;overflow:hidden;pointer-events:none;border-bottom-right-radius:var(--rtk-border-radius-sm, 4px);border-bottom-left-radius:var(--rtk-border-radius-sm, 4px);left:var(--rtk-space-2, 8px);right:var(--rtk-space-2, 8px);max-width:calc(100vw - var(--rtk-space-4, 16px));box-sizing:border-box}.dropdown.open{max-height:50vh;opacity:1;overflow:auto;pointer-events:auto;border-width:1px;border-top-width:var(--rtk-border-width-none, 0);border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity))}.dropdown rtk-paginated-list{box-sizing:border-box;display:flex;max-height:50vh;min-height:30vh;flex-direction:column}";
|
|
12
12
|
const RtkPinnedMessageSelectorStyle0 = rtkPinnedMessageSelectorCss;
|
|
13
13
|
|
|
14
14
|
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, h } from './p-fdad14c9.js';
|
|
2
2
|
import { h as hasOnlyEmojis } from './p-efabd2ce.js';
|
|
3
|
-
import { d as defineCustomElement$1 } from './p-
|
|
3
|
+
import { d as defineCustomElement$1 } from './p-dd7832d2.js';
|
|
4
4
|
|
|
5
5
|
const rtkTextMessageViewCss = ":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)}.text{word-break:break-word;display:block;overflow-wrap:break-word;line-height:1.375}.text.emoji{font-size:24px}";
|
|
6
6
|
const RtkTextMessageViewStyle0 = rtkTextMessageViewCss;
|
|
@@ -9,10 +9,10 @@ import { d as defineCustomElement$9 } from './p-d029dd2f.js';
|
|
|
9
9
|
import { d as defineCustomElement$8 } from './p-9e1478a0.js';
|
|
10
10
|
import { d as defineCustomElement$7 } from './p-06de876f.js';
|
|
11
11
|
import { d as defineCustomElement$6 } from './p-a3cc7425.js';
|
|
12
|
-
import { d as defineCustomElement$5 } from './p-
|
|
12
|
+
import { d as defineCustomElement$5 } from './p-dd7832d2.js';
|
|
13
13
|
import { d as defineCustomElement$4 } from './p-dfdbb665.js';
|
|
14
14
|
import { d as defineCustomElement$3 } from './p-7adb3504.js';
|
|
15
|
-
import { d as defineCustomElement$2 } from './p-
|
|
15
|
+
import { d as defineCustomElement$2 } from './p-e73faa5e.js';
|
|
16
16
|
import { d as defineCustomElement$1 } from './p-15156a2c.js';
|
|
17
17
|
|
|
18
18
|
const rtkChatComposerViewCss = ":host {\n display: flex;\n flex-direction: column;\n font-family: var(--rtk-font-family, sans-serif);\n font-size: 14px;\n position: relative;\n}\n\n.quoted-message-container {\n margin-bottom: var(--rtk-space-2, 8px);\n display: flex;\n justify-content: space-between;\n --tw-bg-opacity: 1;\n background-color: rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));\n color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n border-radius: var(--rtk-border-radius-md, 8px);\n border: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));\n}\n\n.quoted-message-container .quoted-message {\n flex: 1 1 0%;\n padding: var(--rtk-space-2, 8px);\n border-radius: var(--rtk-border-radius-md, 8px);\n max-height: var(--rtk-space-24, 96px);\n overflow-y: auto;\n word-break: break-all;\n}\n\n.quoted-message-container .quoted-message blockquote {\n display: none;\n}\n\n.quoted-message-container rtk-icon.dismiss {\n margin-left: auto;\n height: var(--rtk-space-5, 20px);\n width: var(--rtk-space-5, 20px);\n padding: var(--rtk-space-2, 8px);\n border-radius: var(--rtk-border-radius-md, 8px);\n color: rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));\n}\n\n.quoted-message-container rtk-icon.dismiss:hover {\n cursor: pointer;\n color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n}\n\n.quoted-message-container rtk-icon.dismiss {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n\n.composer-container {\n position: relative;\n --tw-bg-opacity: 1;\n background-color: rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));\n border-radius: var(--rtk-border-radius-md, 8px);\n overflow: hidden;\n border: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));\n}\n\n.composer-container > .composers {\n min-height: 60px;\n }\n\n@container chatcontainer (height < 360px) {\n .composer-container > .composers {\n min-height: 30px;\n }\n}\n\n.chat-buttons {\n padding: var(--rtk-space-3, 12px);\n display: flex;\n align-items: center;\n justify-content: space-between;\n --tw-bg-opacity: 1;\n background-color: rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));\n color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n}\n\n.chat-buttons .right {\n z-index: 10;\n}\n\n.chat-buttons .right .edit-buttons {\n display: flex;\n gap: var(--rtk-space-2, 8px);\n}\n\n.chat-buttons > div {\n display: flex;\n align-items: center;\n}\n\nrtk-emoji-picker {\n z-index: 20;\n position: absolute;\n top: calc(var(--rtk-space-72, 288px) * -1);\n border-top: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));\n animation: 0.3s slide-up ease;\n}\n\n@keyframes slide-up {\n from {\n transform: translateY(100%);\n }\n to {\n transform: translateY(0%);\n }\n}\n";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { R as RtkChatComposerView$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { R as RtkChatComposerView$1, d as defineCustomElement$1 } from './p-eb2c2c21.js';
|
|
2
2
|
|
|
3
3
|
const RtkChatComposerView = RtkChatComposerView$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { R as RtkChatMessagesUiPaginated$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { R as RtkChatMessagesUiPaginated$1, d as defineCustomElement$1 } from './p-9bcd6297.js';
|
|
2
2
|
|
|
3
3
|
const RtkChatMessagesUiPaginated = RtkChatMessagesUiPaginated$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -9,13 +9,13 @@ import { d as defineCustomElement$d } from './p-e229128b.js';
|
|
|
9
9
|
import { d as defineCustomElement$c } from './p-154bed23.js';
|
|
10
10
|
import { d as defineCustomElement$b } from './p-a3cc7425.js';
|
|
11
11
|
import { d as defineCustomElement$a } from './p-7384c20c.js';
|
|
12
|
-
import { d as defineCustomElement$9 } from './p-
|
|
12
|
+
import { d as defineCustomElement$9 } from './p-dd7832d2.js';
|
|
13
13
|
import { d as defineCustomElement$8 } from './p-e7b7abfe.js';
|
|
14
14
|
import { d as defineCustomElement$7 } from './p-cd6f04ae.js';
|
|
15
15
|
import { d as defineCustomElement$6 } from './p-8a66a347.js';
|
|
16
16
|
import { d as defineCustomElement$5 } from './p-862ec1f9.js';
|
|
17
17
|
import { d as defineCustomElement$4 } from './p-dfdbb665.js';
|
|
18
|
-
import { d as defineCustomElement$3 } from './p-
|
|
18
|
+
import { d as defineCustomElement$3 } from './p-e73faa5e.js';
|
|
19
19
|
import { d as defineCustomElement$2 } from './p-15156a2c.js';
|
|
20
20
|
|
|
21
21
|
const rtkChatMessagesUiCss = ":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{position:relative;display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));word-break:break-word}.chat-container{box-sizing:border-box;display:flex;flex-direction:column;padding-top:var(--rtk-space-4, 16px);padding-bottom:var(--rtk-space-4, 16px);flex:1 0 0px;overflow-y:scroll}.chat-container .spacer{flex:1 1 auto}.chat-container .chat{flex:0 0 auto}.file-picker{display:none}.chat .head{margin-bottom:var(--rtk-space-2, 8px);display:flex;align-items:center}.chat .head .name{margin-right:var(--rtk-space-2, 8px);font-size:12px;font-weight:700}.chat .head .time{font-size:12px;color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.chat .body{overflow-wrap:break-word;line-height:1.5}.chat .body .emoji{font-size:24px}p{margin:var(--rtk-space-0, 0px);line-height:1.5}rtk-message-view{margin-top:var(--rtk-space-2, 8px);display:block;padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));box-sizing:border-box}rtk-message-view::part(message){flex-grow:1}*[is-continued] rtk-message-view{margin-top:var(--rtk-space-1, 4px)}.pinned .message-wrapper{position:relative}.pinned .pin-button{position:absolute;right:var(--rtk-space-4, 16px);top:calc(var(--rtk-space-4, 16px) * -1);display:flex;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.pinned .pin-button:hover rtk-button{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-600, 13 81 253) / var(--tw-bg-opacity))}.pinned rtk-message-view{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));padding-top:var(--rtk-space-1, 4px);padding-bottom:var(--rtk-space-1, 4px)}a{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity));text-decoration-line:none}a:hover{text-decoration-line:underline}.new-chat-marker{display:flex;width:100%;align-items:center;gap:var(--rtk-space-2, 8px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity))}.new-chat-marker::before{content:'';height:1px;flex:1 1 0%;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.5)}.show-new-messages-ctr{pointer-events:none;display:flex;justify-content:flex-end;padding:var(--rtk-space-3, 12px);z-index:0;margin-top:calc(var(--rtk-space-14, 56px) * -1)}.show-new-messages{pointer-events:auto;--tw-translate-y:var(--rtk-space-16, 64px);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.show-new-messages.active{--tw-translate-y:var(--rtk-space-0, 0px);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1}";
|
|
@@ -11,7 +11,7 @@ import { d as defineCustomElement$8 } from './p-0a36cb4b.js';
|
|
|
11
11
|
import { d as defineCustomElement$7 } from './p-e7b7abfe.js';
|
|
12
12
|
import { d as defineCustomElement$6 } from './p-cd6f04ae.js';
|
|
13
13
|
import { d as defineCustomElement$5 } from './p-8a66a347.js';
|
|
14
|
-
import { d as defineCustomElement$4 } from './p-
|
|
14
|
+
import { d as defineCustomElement$4 } from './p-128566e8.js';
|
|
15
15
|
import { d as defineCustomElement$3 } from './p-dfdbb665.js';
|
|
16
16
|
import { d as defineCustomElement$2 } from './p-4a5d3b4c.js';
|
|
17
17
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { R as RtkChatSelector$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { R as RtkChatSelector$1, d as defineCustomElement$1 } from './p-5f33c184.js';
|
|
2
2
|
|
|
3
3
|
const RtkChatSelector = RtkChatSelector$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { R as RtkMarkdownView$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { R as RtkMarkdownView$1, d as defineCustomElement$1 } from './p-dd7832d2.js';
|
|
2
2
|
|
|
3
3
|
const RtkMarkdownView = RtkMarkdownView$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -7,11 +7,11 @@ import './p-a83ccdbd.js';
|
|
|
7
7
|
import { i as index } from './p-f47d4fe8.js';
|
|
8
8
|
import { d as defineCustomElement$q } from './p-c9db1b82.js';
|
|
9
9
|
import { d as defineCustomElement$p } from './p-e229128b.js';
|
|
10
|
-
import { d as defineCustomElement$o } from './p-
|
|
11
|
-
import { d as defineCustomElement$n } from './p-
|
|
12
|
-
import { d as defineCustomElement$m } from './p-
|
|
13
|
-
import { d as defineCustomElement$l } from './p-
|
|
14
|
-
import { d as defineCustomElement$k } from './p-
|
|
10
|
+
import { d as defineCustomElement$o } from './p-32a673c0.js';
|
|
11
|
+
import { d as defineCustomElement$n } from './p-eb2c2c21.js';
|
|
12
|
+
import { d as defineCustomElement$m } from './p-3a9d16e3.js';
|
|
13
|
+
import { d as defineCustomElement$l } from './p-9bcd6297.js';
|
|
14
|
+
import { d as defineCustomElement$k } from './p-5f33c184.js';
|
|
15
15
|
import { d as defineCustomElement$j } from './p-e0ef3893.js';
|
|
16
16
|
import { d as defineCustomElement$i } from './p-d029dd2f.js';
|
|
17
17
|
import { d as defineCustomElement$h } from './p-9e1478a0.js';
|
|
@@ -19,16 +19,16 @@ import { d as defineCustomElement$g } from './p-154bed23.js';
|
|
|
19
19
|
import { d as defineCustomElement$f } from './p-06de876f.js';
|
|
20
20
|
import { d as defineCustomElement$e } from './p-a3cc7425.js';
|
|
21
21
|
import { d as defineCustomElement$d } from './p-7384c20c.js';
|
|
22
|
-
import { d as defineCustomElement$c } from './p-
|
|
22
|
+
import { d as defineCustomElement$c } from './p-dd7832d2.js';
|
|
23
23
|
import { d as defineCustomElement$b } from './p-e7b7abfe.js';
|
|
24
24
|
import { d as defineCustomElement$a } from './p-cd6f04ae.js';
|
|
25
25
|
import { d as defineCustomElement$9 } from './p-8a66a347.js';
|
|
26
26
|
import { d as defineCustomElement$8 } from './p-862ec1f9.js';
|
|
27
|
-
import { d as defineCustomElement$7 } from './p-
|
|
28
|
-
import { d as defineCustomElement$6 } from './p-
|
|
27
|
+
import { d as defineCustomElement$7 } from './p-128566e8.js';
|
|
28
|
+
import { d as defineCustomElement$6 } from './p-e39ec88e.js';
|
|
29
29
|
import { d as defineCustomElement$5 } from './p-dfdbb665.js';
|
|
30
30
|
import { d as defineCustomElement$4 } from './p-7adb3504.js';
|
|
31
|
-
import { d as defineCustomElement$3 } from './p-
|
|
31
|
+
import { d as defineCustomElement$3 } from './p-e73faa5e.js';
|
|
32
32
|
import { d as defineCustomElement$2 } from './p-15156a2c.js';
|
|
33
33
|
|
|
34
34
|
const sm = 640;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { R as RtkPaginatedList$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { R as RtkPaginatedList$1, d as defineCustomElement$1 } from './p-128566e8.js';
|
|
2
2
|
|
|
3
3
|
const RtkPaginatedList = RtkPaginatedList$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { R as RtkPinnedMessageSelector$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { R as RtkPinnedMessageSelector$1, d as defineCustomElement$1 } from './p-e39ec88e.js';
|
|
2
2
|
|
|
3
3
|
const RtkPinnedMessageSelector = RtkPinnedMessageSelector$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { R as RtkTextMessageView$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { R as RtkTextMessageView$1, d as defineCustomElement$1 } from './p-e73faa5e.js';
|
|
2
2
|
|
|
3
3
|
const RtkTextMessageView = RtkTextMessageView$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"timestamp": "2026-01-
|
|
2
|
+
"timestamp": "2026-01-29T13:27:45",
|
|
3
3
|
"compiler": {
|
|
4
4
|
"name": "@stencil/core",
|
|
5
5
|
"version": "4.27.2",
|
|
@@ -142666,6 +142666,28 @@
|
|
|
142666
142666
|
}
|
|
142667
142667
|
]
|
|
142668
142668
|
},
|
|
142669
|
+
{
|
|
142670
|
+
"name": "rerenderList",
|
|
142671
|
+
"returns": {
|
|
142672
|
+
"type": "Promise<void>",
|
|
142673
|
+
"docs": ""
|
|
142674
|
+
},
|
|
142675
|
+
"complexType": {
|
|
142676
|
+
"signature": "() => Promise<void>",
|
|
142677
|
+
"parameters": [],
|
|
142678
|
+
"references": {
|
|
142679
|
+
"Promise": {
|
|
142680
|
+
"location": "global",
|
|
142681
|
+
"id": "global::Promise"
|
|
142682
|
+
}
|
|
142683
|
+
},
|
|
142684
|
+
"return": "Promise<void>"
|
|
142685
|
+
},
|
|
142686
|
+
"signature": "rerenderList() => Promise<void>",
|
|
142687
|
+
"parameters": [],
|
|
142688
|
+
"docs": "Rerender paginated list",
|
|
142689
|
+
"docsTags": []
|
|
142690
|
+
},
|
|
142669
142691
|
{
|
|
142670
142692
|
"name": "reset",
|
|
142671
142693
|
"returns": {
|