@cloudflare/realtimekit-ui 1.0.9-staging.4 → 1.1.0-staging.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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_24.cjs.entry.js +20 -20
- package/dist/collection/components/rtk-chat-messages-ui-paginated/rtk-chat-messages-ui-paginated.js +9 -13
- package/dist/collection/components/rtk-menu-item/rtk-menu-item.css +6 -1
- package/dist/collection/components/rtk-menu-item/rtk-menu-item.js +23 -1
- package/dist/collection/components/rtk-menu-list/rtk-menu-list.css +15 -4
- package/dist/collection/components/rtk-menu-list/rtk-menu-list.js +23 -1
- package/dist/collection/components/rtk-message-view/rtk-message-view.css +19 -21
- package/dist/collection/components/rtk-message-view/rtk-message-view.js +2 -2
- package/dist/components/{p-ee98bbaf.js → p-012889ce.js} +2 -2
- package/dist/components/{p-94e867c2.js → p-0df5ca92.js} +12 -16
- package/dist/components/{p-e8df7ac5.js → p-1367b1af.js} +2 -2
- package/dist/components/{p-080acf18.js → p-2bdd7bd3.js} +5 -2
- package/dist/components/{p-a6296b02.js → p-567de036.js} +5 -2
- package/dist/components/{p-fe911889.js → p-5c66ba12.js} +5 -5
- package/dist/components/{p-d37b8a32.js → p-ad938f18.js} +4 -4
- package/dist/components/{p-188bfe87.js → p-c0454e82.js} +3 -3
- package/dist/components/rtk-chat-message.js +1 -1
- package/dist/components/rtk-chat-messages-ui-paginated.js +1 -1
- package/dist/components/rtk-chat-messages-ui.js +3 -3
- package/dist/components/rtk-chat-search-results.js +3 -3
- package/dist/components/rtk-chat.js +1 -1
- package/dist/components/rtk-meeting.js +5 -5
- package/dist/components/rtk-menu-item.js +1 -1
- package/dist/components/rtk-menu-list.js +1 -1
- package/dist/components/rtk-message-view.js +1 -1
- package/dist/components/rtk-participant.js +1 -1
- package/dist/components/rtk-participants-viewer-list.js +1 -1
- package/dist/components/rtk-participants.js +4 -4
- package/dist/docs/docs-components.json +59 -1
- package/dist/docs/docs-vscode.json +26 -1
- package/dist/esm/loader.js +21 -21
- package/dist/esm/realtimekit-ui.js +1 -1
- package/dist/esm/rtk-avatar_24.entry.js +20 -20
- package/dist/realtimekit-ui/p-9099c049.entry.js +1 -0
- package/dist/realtimekit-ui/realtimekit-ui.esm.js +1 -1
- package/dist/types/components/rtk-menu-item/rtk-menu-item.d.ts +2 -0
- package/dist/types/components/rtk-menu-list/rtk-menu-list.d.ts +2 -0
- package/dist/types/components.d.ts +16 -0
- package/package.json +1 -1
- package/dist/realtimekit-ui/p-d81c0263.entry.js +0 -1
|
@@ -986,11 +986,7 @@ const RtkChatMessagesUiPaginated = class {
|
|
|
986
986
|
// ? isSelf
|
|
987
987
|
// : chatMessagePermissions.canEdit === 'ALL' ||
|
|
988
988
|
// (chatMessagePermissions.canEdit === 'SELF' && isSelf);
|
|
989
|
-
|
|
990
|
-
// chatMessagePermissions === undefined
|
|
991
|
-
// ? isSelf
|
|
992
|
-
// : chatMessagePermissions.canDelete === 'ALL' ||
|
|
993
|
-
// (chatMessagePermissions.canDelete === 'SELF' && isSelf);
|
|
989
|
+
const canDelete = message.userId === this.meeting.self.userId;
|
|
994
990
|
if (this.meeting.self.permissions.pinParticipant) {
|
|
995
991
|
actions.push({
|
|
996
992
|
id: 'pin_message',
|
|
@@ -998,13 +994,13 @@ const RtkChatMessagesUiPaginated = class {
|
|
|
998
994
|
icon: this.iconPack.pin,
|
|
999
995
|
});
|
|
1000
996
|
}
|
|
1001
|
-
|
|
1002
|
-
|
|
1003
|
-
|
|
1004
|
-
|
|
1005
|
-
|
|
1006
|
-
|
|
1007
|
-
|
|
997
|
+
if (canDelete) {
|
|
998
|
+
actions.push({
|
|
999
|
+
id: 'delete_message',
|
|
1000
|
+
label: this.t('chat.delete_msg'),
|
|
1001
|
+
icon: this.iconPack.delete,
|
|
1002
|
+
});
|
|
1003
|
+
}
|
|
1008
1004
|
return actions;
|
|
1009
1005
|
};
|
|
1010
1006
|
this.onMessageActionHandler = (actionId, message) => {
|
|
@@ -1088,7 +1084,7 @@ const RtkChatMessagesUiPaginated = class {
|
|
|
1088
1084
|
this.lastReadMessageIndex = -1;
|
|
1089
1085
|
}
|
|
1090
1086
|
render() {
|
|
1091
|
-
return (index$1.h(index$1.Host, { key: '
|
|
1087
|
+
return (index$1.h(index$1.Host, { key: '732dea776303ba428aedc72608516a4e4dfc1591' }, index$1.h("rtk-paginated-list", { key: '6bc3cd1373ff487b897d3ca7a5bfbccfdbaa90da', ref: (el) => (this.$paginatedListRef = el), pageSize: this.pageSize, pagesAllowed: 3, fetchData: this.getChatMessages, createNodes: this.createChatNodes, selectedItemId: this.selectedChannelId, emptyListLabel: this.t('chat.empty_channel') }, index$1.h("slot", { key: 'f3cc795b3b39aa48f87f9908e3b205e2db6439b4' }))));
|
|
1092
1088
|
}
|
|
1093
1089
|
get host() { return index$1.getElement(this); }
|
|
1094
1090
|
static get watchers() { return {
|
|
@@ -1918,7 +1914,7 @@ __decorate$6([
|
|
|
1918
1914
|
], RtkMenu$1.prototype, "t", void 0);
|
|
1919
1915
|
RtkMenu$1.style = RtkMenuStyle0;
|
|
1920
1916
|
|
|
1921
|
-
const rtkMenuItemCss = ":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;align-items:center;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px);cursor:pointer;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;color:rgb(var(--rtk-colors-text-1000, 255 255 255));font-size:14px}::slotted([slot='start']){margin-right:var(--rtk-space-2, 8px)}::slotted([slot='end']){margin-left:var(--rtk-space-2, 8px)}:host(:hover){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-
|
|
1917
|
+
const rtkMenuItemCss = ":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;align-items:center;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px);cursor:pointer;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;color:rgb(var(--rtk-colors-text-1000, 255 255 255));font-size:14px}::slotted([slot='start']){margin-right:var(--rtk-space-2, 8px)}::slotted([slot='end']){margin-left:var(--rtk-space-2, 8px)}:host(:hover){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}:host(.primary:hover){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity))}:host(.red){--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}";
|
|
1922
1918
|
const RtkMenuItemStyle0 = rtkMenuItemCss;
|
|
1923
1919
|
|
|
1924
1920
|
var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
@@ -1934,13 +1930,15 @@ var __decorate$5 = (undefined && undefined.__decorate) || function (decorators,
|
|
|
1934
1930
|
const RtkMenuItem = class {
|
|
1935
1931
|
constructor(hostRef) {
|
|
1936
1932
|
index$1.registerInstance(this, hostRef);
|
|
1933
|
+
/** Variant */
|
|
1934
|
+
this.menuVariant = 'secondary';
|
|
1937
1935
|
/** Icon pack */
|
|
1938
1936
|
this.iconPack = uiStore.defaultIconPack;
|
|
1939
1937
|
/** Language */
|
|
1940
1938
|
this.t = uiStore.useLanguage();
|
|
1941
1939
|
}
|
|
1942
1940
|
render() {
|
|
1943
|
-
return (index$1.h(index$1.Host, { key: '
|
|
1941
|
+
return (index$1.h(index$1.Host, { key: '7ae0e75aa59e0ce3b6a919eb258f218d84033bdd', class: { [this.menuVariant]: true } }, index$1.h("slot", { key: '4fd6d31e2ecb9f99bdc7442e796c5dadcb8bcf74', name: "start" }), index$1.h("slot", { key: '04ef7d82759ff42015480b3cd789d941ffa574f0' }), index$1.h("slot", { key: 'ad3c22309470a6b71d6b6b9f0f8b58cde7f76f3c', name: "end" })));
|
|
1944
1942
|
}
|
|
1945
1943
|
};
|
|
1946
1944
|
__decorate$5([
|
|
@@ -1951,7 +1949,7 @@ __decorate$5([
|
|
|
1951
1949
|
], RtkMenuItem.prototype, "t", void 0);
|
|
1952
1950
|
RtkMenuItem.style = RtkMenuItemStyle0;
|
|
1953
1951
|
|
|
1954
|
-
const rtkMenuListCss = ":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:-moz-max-content;width:max-content;flex-direction:column;padding
|
|
1952
|
+
const rtkMenuListCss = ":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:-moz-max-content;width:max-content;flex-direction:column;padding:var(--rtk-space-0, 0px);color:rgb(var(--rtk-colors-text-1000, 255 255 255));border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));overflow:hidden;border-radius:var(--rtk-border-radius-sm, 4px);--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);-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px)}:host(.primary){--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-600, 13 81 253) / var(--tw-border-opacity));background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.3)}";
|
|
1955
1953
|
const RtkMenuListStyle0 = rtkMenuListCss;
|
|
1956
1954
|
|
|
1957
1955
|
var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
@@ -1969,11 +1967,13 @@ const RtkMenuList = class {
|
|
|
1969
1967
|
index$1.registerInstance(this, hostRef);
|
|
1970
1968
|
/** Icon pack */
|
|
1971
1969
|
this.iconPack = uiStore.defaultIconPack;
|
|
1970
|
+
/** Variant */
|
|
1971
|
+
this.menuVariant = 'secondary';
|
|
1972
1972
|
/** Language */
|
|
1973
1973
|
this.t = uiStore.useLanguage();
|
|
1974
1974
|
}
|
|
1975
1975
|
render() {
|
|
1976
|
-
return (index$1.h(index$1.Host, { key: '
|
|
1976
|
+
return (index$1.h(index$1.Host, { key: '1dd2702af95e0270488e6be1813b5979bd676697', class: { [this.menuVariant]: true } }, index$1.h("slot", { key: 'cbe97d571726800ad4a3e25b8c0e261b9a0cd40a' })));
|
|
1977
1977
|
}
|
|
1978
1978
|
};
|
|
1979
1979
|
__decorate$4([
|
|
@@ -1984,7 +1984,7 @@ __decorate$4([
|
|
|
1984
1984
|
], RtkMenuList.prototype, "t", void 0);
|
|
1985
1985
|
RtkMenuList.style = RtkMenuListStyle0;
|
|
1986
1986
|
|
|
1987
|
-
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)))}:host{max-width:var(--rtk-space-96, 384px)}.message-wrapper{display:flex;flex-direction:row-reverse;align-items:flex-start;gap:var(--rtk-space-2, 8px)}.message-wrapper.incoming{flex-direction:row}.message{display:flex;flex-direction:column;align-items:flex-end}.incoming .message{display:flex;flex-direction:column;align-items:flex-start}.header{margin-top:var(--rtk-space-1, 4px);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:12px;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}.bubble{max-width:90%;padding:var(--rtk-space-2, 8px);border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-600, 13 81 253) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 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{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity));--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))}.metadata{margin-top:var(--rtk-space-2, 8px);align-self:flex-end;font-size:10px;color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.avatar{display:none}rtk-menu{position:absolute;right:var(--rtk-space-
|
|
1987
|
+
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)))}:host{max-width:var(--rtk-space-96, 384px)}.message-wrapper{display:flex;flex-direction:row-reverse;align-items:flex-start;gap:var(--rtk-space-2, 8px)}.message-wrapper.incoming{flex-direction:row}.message{display:flex;flex-direction:column;align-items:flex-end}.incoming .message{display:flex;flex-direction:column;align-items:flex-start}.header{margin-top:var(--rtk-space-1, 4px);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:12px;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}.bubble{max-width:90%;padding:var(--rtk-space-2, 8px);border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-600, 13 81 253) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 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{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity));--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))}.metadata{margin-top:var(--rtk-space-2, 8px);align-self:flex-end;font-size:10px;color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.avatar{display:none}rtk-menu{position:absolute;right:var(--rtk-space-1, 4px);top:var(--rtk-space-1, 4px);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;border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-600, 13 81 253) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity));padding:var(--rtk-space-1, 4px);border-radius:var(--rtk-border-radius-md, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none}.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 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))}.incoming .actions{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}@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}}";
|
|
1988
1988
|
const RtkMessageViewStyle0 = rtkMessageViewCss;
|
|
1989
1989
|
|
|
1990
1990
|
var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
@@ -2019,10 +2019,10 @@ const RtkMessageView = class {
|
|
|
2019
2019
|
this.iconPack = uiStore.defaultIconPack;
|
|
2020
2020
|
}
|
|
2021
2021
|
renderActions() {
|
|
2022
|
-
return (index$1.h("rtk-menu", { placement:
|
|
2022
|
+
return (index$1.h("rtk-menu", { placement: this.isSelf ? 'bottom-start' : 'bottom-end', offset: 1 }, index$1.h("button", { slot: "trigger", class: "actions" }, index$1.h("rtk-icon", { icon: this.iconPack.chevron_down })), index$1.h("rtk-menu-list", { menuVariant: this.isSelf ? 'primary' : 'secondary' }, this.actions.map((action) => (index$1.h("rtk-menu-item", { menuVariant: this.isSelf ? 'primary' : 'secondary', onClick: () => this.onAction.emit(action.id) }, action.icon && index$1.h("rtk-icon", { icon: action.icon, slot: "start" }), action.label))))));
|
|
2023
2023
|
}
|
|
2024
2024
|
render() {
|
|
2025
|
-
return (index$1.h(index$1.Host, { key: '
|
|
2025
|
+
return (index$1.h(index$1.Host, { key: '96feddf08120ae0e2aa89e955a16e8e4a43c78fb' }, index$1.h("div", { key: '79184165b5312ea52f0cbb57e25cfd4a757fc65f', class: { 'message-wrapper': true, [this.viewType]: true } }, !this.hideAvatar && (index$1.h("aside", { key: 'a2ccd72fbec0153282db018fb3473bf10f2176e9', class: "avatar", part: "avatar" }, index$1.h("rtk-avatar", { key: 'ecc9f5f77de0a47dfb5985c6f48e5f117c64b45e', participant: { name: this.authorName, picture: this.avatarUrl }, size: "sm" }))), index$1.h("div", { key: '3a72dc77c04eeb4d6015bf46dd9cc0bc9f533943', class: "message", part: "message" }, !this.hideAuthorName && (index$1.h("div", { key: '153a94b9fa6b23dac3fe4da62a22cbf66e4e73dc', class: "header" }, this.authorName, " ", this.isSelf ? ' (You)' : '')), index$1.h("div", { key: 'a36d44da27ea1a4d18feb91726d22e7adf983914', class: { body: true, bubble: this.variant === 'bubble' } }, index$1.h("slot", { key: '4ef8ca3766b562201e4e4443438c91679f09d471' }), !this.hideMetadata && !!this.time && (index$1.h("div", { key: '66754f1dd1a65ebdcda24449475b1f603db3ff1e', class: "metadata", title: date.formatDateTime(this.time) }, date.elapsedDuration(this.time, new Date(Date.now())))), this.actions.length !== 0 && this.renderActions())))));
|
|
2026
2026
|
}
|
|
2027
2027
|
};
|
|
2028
2028
|
__decorate$3([
|
package/dist/collection/components/rtk-chat-messages-ui-paginated/rtk-chat-messages-ui-paginated.js
CHANGED
|
@@ -69,11 +69,7 @@ export class RtkChatMessagesUiPaginated {
|
|
|
69
69
|
// ? isSelf
|
|
70
70
|
// : chatMessagePermissions.canEdit === 'ALL' ||
|
|
71
71
|
// (chatMessagePermissions.canEdit === 'SELF' && isSelf);
|
|
72
|
-
|
|
73
|
-
// chatMessagePermissions === undefined
|
|
74
|
-
// ? isSelf
|
|
75
|
-
// : chatMessagePermissions.canDelete === 'ALL' ||
|
|
76
|
-
// (chatMessagePermissions.canDelete === 'SELF' && isSelf);
|
|
72
|
+
const canDelete = message.userId === this.meeting.self.userId;
|
|
77
73
|
if (this.meeting.self.permissions.pinParticipant) {
|
|
78
74
|
actions.push({
|
|
79
75
|
id: 'pin_message',
|
|
@@ -81,13 +77,13 @@ export class RtkChatMessagesUiPaginated {
|
|
|
81
77
|
icon: this.iconPack.pin,
|
|
82
78
|
});
|
|
83
79
|
}
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
80
|
+
if (canDelete) {
|
|
81
|
+
actions.push({
|
|
82
|
+
id: 'delete_message',
|
|
83
|
+
label: this.t('chat.delete_msg'),
|
|
84
|
+
icon: this.iconPack.delete,
|
|
85
|
+
});
|
|
86
|
+
}
|
|
91
87
|
return actions;
|
|
92
88
|
};
|
|
93
89
|
this.onMessageActionHandler = (actionId, message) => {
|
|
@@ -173,7 +169,7 @@ export class RtkChatMessagesUiPaginated {
|
|
|
173
169
|
this.lastReadMessageIndex = -1;
|
|
174
170
|
}
|
|
175
171
|
render() {
|
|
176
|
-
return (h(Host, { key: '
|
|
172
|
+
return (h(Host, { key: '732dea776303ba428aedc72608516a4e4dfc1591' }, h("rtk-paginated-list", { key: '6bc3cd1373ff487b897d3ca7a5bfbccfdbaa90da', ref: (el) => (this.$paginatedListRef = el), pageSize: this.pageSize, pagesAllowed: 3, fetchData: this.getChatMessages, createNodes: this.createChatNodes, selectedItemId: this.selectedChannelId, emptyListLabel: this.t('chat.empty_channel') }, h("slot", { key: 'f3cc795b3b39aa48f87f9908e3b205e2db6439b4' }))));
|
|
177
173
|
}
|
|
178
174
|
static get is() { return "rtk-chat-messages-ui-paginated"; }
|
|
179
175
|
static get encapsulation() { return "shadow"; }
|
|
@@ -37,7 +37,12 @@ p {
|
|
|
37
37
|
|
|
38
38
|
:host(:hover) {
|
|
39
39
|
--tw-bg-opacity: 1;
|
|
40
|
-
background-color: rgba(var(--rtk-colors-background-
|
|
40
|
+
background-color: rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
:host(.primary:hover) {
|
|
44
|
+
--tw-bg-opacity: 1;
|
|
45
|
+
background-color: rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity));
|
|
41
46
|
}
|
|
42
47
|
|
|
43
48
|
:host(.red) {
|
|
@@ -21,13 +21,15 @@ import { useLanguage } from "../../lib/lang";
|
|
|
21
21
|
*/
|
|
22
22
|
export class RtkMenuItem {
|
|
23
23
|
constructor() {
|
|
24
|
+
/** Variant */
|
|
25
|
+
this.menuVariant = 'secondary';
|
|
24
26
|
/** Icon pack */
|
|
25
27
|
this.iconPack = defaultIconPack;
|
|
26
28
|
/** Language */
|
|
27
29
|
this.t = useLanguage();
|
|
28
30
|
}
|
|
29
31
|
render() {
|
|
30
|
-
return (h(Host, { key: '
|
|
32
|
+
return (h(Host, { key: '7ae0e75aa59e0ce3b6a919eb258f218d84033bdd', class: { [this.menuVariant]: true } }, h("slot", { key: '4fd6d31e2ecb9f99bdc7442e796c5dadcb8bcf74', name: "start" }), h("slot", { key: '04ef7d82759ff42015480b3cd789d941ffa574f0' }), h("slot", { key: 'ad3c22309470a6b71d6b6b9f0f8b58cde7f76f3c', name: "end" })));
|
|
31
33
|
}
|
|
32
34
|
static get is() { return "rtk-menu-item"; }
|
|
33
35
|
static get encapsulation() { return "shadow"; }
|
|
@@ -68,6 +70,26 @@ export class RtkMenuItem {
|
|
|
68
70
|
"attribute": "size",
|
|
69
71
|
"reflect": true
|
|
70
72
|
},
|
|
73
|
+
"menuVariant": {
|
|
74
|
+
"type": "string",
|
|
75
|
+
"mutable": false,
|
|
76
|
+
"complexType": {
|
|
77
|
+
"original": "'primary' | 'secondary'",
|
|
78
|
+
"resolved": "\"primary\" | \"secondary\"",
|
|
79
|
+
"references": {}
|
|
80
|
+
},
|
|
81
|
+
"required": false,
|
|
82
|
+
"optional": false,
|
|
83
|
+
"docs": {
|
|
84
|
+
"tags": [],
|
|
85
|
+
"text": "Variant"
|
|
86
|
+
},
|
|
87
|
+
"getter": false,
|
|
88
|
+
"setter": false,
|
|
89
|
+
"attribute": "menu-variant",
|
|
90
|
+
"reflect": false,
|
|
91
|
+
"defaultValue": "'secondary'"
|
|
92
|
+
},
|
|
71
93
|
"iconPack": {
|
|
72
94
|
"type": "unknown",
|
|
73
95
|
"mutable": false,
|
|
@@ -17,14 +17,25 @@ p {
|
|
|
17
17
|
width: -moz-max-content;
|
|
18
18
|
width: max-content;
|
|
19
19
|
flex-direction: column;
|
|
20
|
-
padding
|
|
21
|
-
padding-bottom: var(--rtk-space-2, 8px);
|
|
22
|
-
--tw-bg-opacity: 1;
|
|
23
|
-
background-color: rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));
|
|
20
|
+
padding: var(--rtk-space-0, 0px);
|
|
24
21
|
color: rgb(var(--rtk-colors-text-1000, 255 255 255));
|
|
22
|
+
border-width: 1px;
|
|
23
|
+
border-style: solid;
|
|
24
|
+
--tw-border-opacity: 1;
|
|
25
|
+
border-color: rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-border-opacity));
|
|
26
|
+
--tw-bg-opacity: 1;
|
|
27
|
+
background-color: rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));
|
|
25
28
|
overflow: hidden;
|
|
26
29
|
border-radius: var(--rtk-border-radius-sm, 4px);
|
|
27
30
|
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
|
28
31
|
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
|
|
29
32
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
33
|
+
-webkit-backdrop-filter: blur(60px);
|
|
34
|
+
backdrop-filter: blur(60px);
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
:host(.primary) {
|
|
38
|
+
--tw-border-opacity: 1;
|
|
39
|
+
border-color: rgba(var(--rtk-colors-brand-600, 13 81 253) / var(--tw-border-opacity));
|
|
40
|
+
background-color: rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.3);
|
|
30
41
|
}
|
|
@@ -21,11 +21,13 @@ export class RtkMenuList {
|
|
|
21
21
|
constructor() {
|
|
22
22
|
/** Icon pack */
|
|
23
23
|
this.iconPack = defaultIconPack;
|
|
24
|
+
/** Variant */
|
|
25
|
+
this.menuVariant = 'secondary';
|
|
24
26
|
/** Language */
|
|
25
27
|
this.t = useLanguage();
|
|
26
28
|
}
|
|
27
29
|
render() {
|
|
28
|
-
return (h(Host, { key: '
|
|
30
|
+
return (h(Host, { key: '1dd2702af95e0270488e6be1813b5979bd676697', class: { [this.menuVariant]: true } }, h("slot", { key: 'cbe97d571726800ad4a3e25b8c0e261b9a0cd40a' })));
|
|
29
31
|
}
|
|
30
32
|
static get is() { return "rtk-menu-list"; }
|
|
31
33
|
static get encapsulation() { return "shadow"; }
|
|
@@ -65,6 +67,26 @@ export class RtkMenuList {
|
|
|
65
67
|
"setter": false,
|
|
66
68
|
"defaultValue": "defaultIconPack"
|
|
67
69
|
},
|
|
70
|
+
"menuVariant": {
|
|
71
|
+
"type": "string",
|
|
72
|
+
"mutable": false,
|
|
73
|
+
"complexType": {
|
|
74
|
+
"original": "'primary' | 'secondary'",
|
|
75
|
+
"resolved": "\"primary\" | \"secondary\"",
|
|
76
|
+
"references": {}
|
|
77
|
+
},
|
|
78
|
+
"required": false,
|
|
79
|
+
"optional": false,
|
|
80
|
+
"docs": {
|
|
81
|
+
"tags": [],
|
|
82
|
+
"text": "Variant"
|
|
83
|
+
},
|
|
84
|
+
"getter": false,
|
|
85
|
+
"setter": false,
|
|
86
|
+
"attribute": "menu-variant",
|
|
87
|
+
"reflect": false,
|
|
88
|
+
"defaultValue": "'secondary'"
|
|
89
|
+
},
|
|
68
90
|
"t": {
|
|
69
91
|
"type": "unknown",
|
|
70
92
|
"mutable": false,
|
|
@@ -112,8 +112,8 @@ p {
|
|
|
112
112
|
|
|
113
113
|
rtk-menu {
|
|
114
114
|
position: absolute;
|
|
115
|
-
right: var(--rtk-space-
|
|
116
|
-
top: var(--rtk-space-
|
|
115
|
+
right: var(--rtk-space-1, 4px);
|
|
116
|
+
top: var(--rtk-space-1, 4px);
|
|
117
117
|
border-radius: var(--rtk-border-radius-lg, 12px);
|
|
118
118
|
}
|
|
119
119
|
|
|
@@ -122,44 +122,42 @@ rtk-menu rtk-icon {
|
|
|
122
122
|
width: var(--rtk-space-4, 16px);
|
|
123
123
|
cursor: pointer;
|
|
124
124
|
}
|
|
125
|
+
|
|
125
126
|
.actions {
|
|
126
127
|
display: flex;
|
|
127
128
|
align-items: center;
|
|
128
129
|
justify-content: center;
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
130
|
+
border-width: 1px;
|
|
131
|
+
border-style: solid;
|
|
132
|
+
--tw-border-opacity: 1;
|
|
133
|
+
border-color: rgba(var(--rtk-colors-brand-600, 13 81 253) / var(--tw-border-opacity));
|
|
134
|
+
--tw-bg-opacity: 1;
|
|
135
|
+
background-color: rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity));
|
|
136
|
+
padding: var(--rtk-space-1, 4px);
|
|
133
137
|
border-radius: var(--rtk-border-radius-md, 8px);
|
|
134
138
|
border-width: var(--rtk-border-width-none, 0);
|
|
135
139
|
border-style: none;
|
|
136
|
-
background: radial-gradient(
|
|
137
|
-
at top right,
|
|
138
|
-
rgb(var(--rtk-colors-brand-300, 73 124 253)) 60%,
|
|
139
|
-
rgba(255, 255, 255, 0) 80%
|
|
140
|
-
);
|
|
141
140
|
}
|
|
141
|
+
|
|
142
142
|
.actions rtk-icon {
|
|
143
143
|
height: var(--rtk-space-4, 16px);
|
|
144
144
|
width: var(--rtk-space-4, 16px);
|
|
145
145
|
color: rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));
|
|
146
146
|
}
|
|
147
|
-
|
|
148
|
-
background: radial-gradient(
|
|
149
|
-
at top right,
|
|
150
|
-
rgb(var(--rtk-colors-background-800, 30 30 30)) 60%,
|
|
151
|
-
rgba(255, 255, 255, 0) 80%
|
|
152
|
-
);
|
|
153
|
-
}
|
|
154
|
-
.incoming .actions rtk-icon {
|
|
155
|
-
color: rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));
|
|
156
|
-
}
|
|
147
|
+
|
|
157
148
|
.incoming rtk-avatar {
|
|
158
149
|
--tw-bg-opacity: 1;
|
|
159
150
|
background-color: rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));
|
|
160
151
|
color: rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));
|
|
161
152
|
}
|
|
162
153
|
|
|
154
|
+
.incoming .actions {
|
|
155
|
+
--tw-border-opacity: 1;
|
|
156
|
+
border-color: rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-border-opacity));
|
|
157
|
+
--tw-bg-opacity: 1;
|
|
158
|
+
background-color: rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));
|
|
159
|
+
}
|
|
160
|
+
|
|
163
161
|
@media (min-width: 400px) {
|
|
164
162
|
.avatar {
|
|
165
163
|
display: flex;
|
|
@@ -32,10 +32,10 @@ export class RtkMessageView {
|
|
|
32
32
|
this.iconPack = defaultIconPack;
|
|
33
33
|
}
|
|
34
34
|
renderActions() {
|
|
35
|
-
return (h("rtk-menu", { placement:
|
|
35
|
+
return (h("rtk-menu", { placement: this.isSelf ? 'bottom-start' : 'bottom-end', offset: 1 }, h("button", { slot: "trigger", class: "actions" }, h("rtk-icon", { icon: this.iconPack.chevron_down })), h("rtk-menu-list", { menuVariant: this.isSelf ? 'primary' : 'secondary' }, this.actions.map((action) => (h("rtk-menu-item", { menuVariant: this.isSelf ? 'primary' : 'secondary', onClick: () => this.onAction.emit(action.id) }, action.icon && h("rtk-icon", { icon: action.icon, slot: "start" }), action.label))))));
|
|
36
36
|
}
|
|
37
37
|
render() {
|
|
38
|
-
return (h(Host, { key: '
|
|
38
|
+
return (h(Host, { key: '96feddf08120ae0e2aa89e955a16e8e4a43c78fb' }, h("div", { key: '79184165b5312ea52f0cbb57e25cfd4a757fc65f', class: { 'message-wrapper': true, [this.viewType]: true } }, !this.hideAvatar && (h("aside", { key: 'a2ccd72fbec0153282db018fb3473bf10f2176e9', class: "avatar", part: "avatar" }, h("rtk-avatar", { key: 'ecc9f5f77de0a47dfb5985c6f48e5f117c64b45e', participant: { name: this.authorName, picture: this.avatarUrl }, size: "sm" }))), h("div", { key: '3a72dc77c04eeb4d6015bf46dd9cc0bc9f533943', class: "message", part: "message" }, !this.hideAuthorName && (h("div", { key: '153a94b9fa6b23dac3fe4da62a22cbf66e4e73dc', class: "header" }, this.authorName, " ", this.isSelf ? ' (You)' : '')), h("div", { key: 'a36d44da27ea1a4d18feb91726d22e7adf983914', class: { body: true, bubble: this.variant === 'bubble' } }, h("slot", { key: '4ef8ca3766b562201e4e4443438c91679f09d471' }), !this.hideMetadata && !!this.time && (h("div", { key: '66754f1dd1a65ebdcda24449475b1f603db3ff1e', class: "metadata", title: formatDateTime(this.time) }, elapsedDuration(this.time, new Date(Date.now())))), this.actions.length !== 0 && this.renderActions())))));
|
|
39
39
|
}
|
|
40
40
|
static get is() { return "rtk-message-view"; }
|
|
41
41
|
static get encapsulation() { return "shadow"; }
|
|
@@ -8,8 +8,8 @@ import { d as defineCustomElement$8 } from './p-488d88a8.js';
|
|
|
8
8
|
import { d as defineCustomElement$7 } from './p-3b29dda1.js';
|
|
9
9
|
import { d as defineCustomElement$6 } from './p-190db142.js';
|
|
10
10
|
import { d as defineCustomElement$5 } from './p-f8f5cb31.js';
|
|
11
|
-
import { d as defineCustomElement$4 } from './p-
|
|
12
|
-
import { d as defineCustomElement$3 } from './p-
|
|
11
|
+
import { d as defineCustomElement$4 } from './p-567de036.js';
|
|
12
|
+
import { d as defineCustomElement$3 } from './p-2bdd7bd3.js';
|
|
13
13
|
import { d as defineCustomElement$2 } from './p-0a35a909.js';
|
|
14
14
|
import { d as defineCustomElement$1 } from './p-9889bee5.js';
|
|
15
15
|
|
|
@@ -8,9 +8,9 @@ import { d as defineCustomElement$a } from './p-3b29dda1.js';
|
|
|
8
8
|
import { d as defineCustomElement$9 } from './p-63ef7ea4.js';
|
|
9
9
|
import { d as defineCustomElement$8 } from './p-88bef213.js';
|
|
10
10
|
import { d as defineCustomElement$7 } from './p-f8f5cb31.js';
|
|
11
|
-
import { d as defineCustomElement$6 } from './p-
|
|
12
|
-
import { d as defineCustomElement$5 } from './p-
|
|
13
|
-
import { d as defineCustomElement$4 } from './p-
|
|
11
|
+
import { d as defineCustomElement$6 } from './p-567de036.js';
|
|
12
|
+
import { d as defineCustomElement$5 } from './p-2bdd7bd3.js';
|
|
13
|
+
import { d as defineCustomElement$4 } from './p-5c66ba12.js';
|
|
14
14
|
import { d as defineCustomElement$3 } from './p-a9540d93.js';
|
|
15
15
|
import { d as defineCustomElement$2 } from './p-0a35a909.js';
|
|
16
16
|
import { d as defineCustomElement$1 } from './p-a94b2e67.js';
|
|
@@ -92,11 +92,7 @@ const RtkChatMessagesUiPaginated = /*@__PURE__*/ proxyCustomElement(class RtkCha
|
|
|
92
92
|
// ? isSelf
|
|
93
93
|
// : chatMessagePermissions.canEdit === 'ALL' ||
|
|
94
94
|
// (chatMessagePermissions.canEdit === 'SELF' && isSelf);
|
|
95
|
-
|
|
96
|
-
// chatMessagePermissions === undefined
|
|
97
|
-
// ? isSelf
|
|
98
|
-
// : chatMessagePermissions.canDelete === 'ALL' ||
|
|
99
|
-
// (chatMessagePermissions.canDelete === 'SELF' && isSelf);
|
|
95
|
+
const canDelete = message.userId === this.meeting.self.userId;
|
|
100
96
|
if (this.meeting.self.permissions.pinParticipant) {
|
|
101
97
|
actions.push({
|
|
102
98
|
id: 'pin_message',
|
|
@@ -104,13 +100,13 @@ const RtkChatMessagesUiPaginated = /*@__PURE__*/ proxyCustomElement(class RtkCha
|
|
|
104
100
|
icon: this.iconPack.pin,
|
|
105
101
|
});
|
|
106
102
|
}
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
103
|
+
if (canDelete) {
|
|
104
|
+
actions.push({
|
|
105
|
+
id: 'delete_message',
|
|
106
|
+
label: this.t('chat.delete_msg'),
|
|
107
|
+
icon: this.iconPack.delete,
|
|
108
|
+
});
|
|
109
|
+
}
|
|
114
110
|
return actions;
|
|
115
111
|
};
|
|
116
112
|
this.onMessageActionHandler = (actionId, message) => {
|
|
@@ -194,7 +190,7 @@ const RtkChatMessagesUiPaginated = /*@__PURE__*/ proxyCustomElement(class RtkCha
|
|
|
194
190
|
this.lastReadMessageIndex = -1;
|
|
195
191
|
}
|
|
196
192
|
render() {
|
|
197
|
-
return (h(Host, { key: '
|
|
193
|
+
return (h(Host, { key: '732dea776303ba428aedc72608516a4e4dfc1591' }, h("rtk-paginated-list", { key: '6bc3cd1373ff487b897d3ca7a5bfbccfdbaa90da', ref: (el) => (this.$paginatedListRef = el), pageSize: this.pageSize, pagesAllowed: 3, fetchData: this.getChatMessages, createNodes: this.createChatNodes, selectedItemId: this.selectedChannelId, emptyListLabel: this.t('chat.empty_channel') }, h("slot", { key: 'f3cc795b3b39aa48f87f9908e3b205e2db6439b4' }))));
|
|
198
194
|
}
|
|
199
195
|
get host() { return this; }
|
|
200
196
|
static get watchers() { return {
|
|
@@ -8,8 +8,8 @@ import { S as SyncWithStore } from './p-47c25f64.js';
|
|
|
8
8
|
import { d as defineCustomElement$6 } from './p-f4e75ea9.js';
|
|
9
9
|
import { d as defineCustomElement$5 } from './p-1391bef0.js';
|
|
10
10
|
import { d as defineCustomElement$4 } from './p-3b29dda1.js';
|
|
11
|
-
import { d as defineCustomElement$3 } from './p-
|
|
12
|
-
import { d as defineCustomElement$2 } from './p-
|
|
11
|
+
import { d as defineCustomElement$3 } from './p-567de036.js';
|
|
12
|
+
import { d as defineCustomElement$2 } from './p-2bdd7bd3.js';
|
|
13
13
|
import { d as defineCustomElement$1 } from './p-0a35a909.js';
|
|
14
14
|
|
|
15
15
|
const rtkParticipantCss = ":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:flex;height:var(--rtk-space-14, 56px);align-items:center;justify-content:space-between;cursor:pointer;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}:host rtk-avatar{height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);font-size:14px}.left{display:flex;align-items:center}.left>*{margin-right:var(--rtk-space-2, 8px)}.left>*:last-child{margin-right:var(--rtk-space-0, 0px)}.right{display:flex;align-items:center;justify-content:flex-end}.right>*{margin-left:var(--rtk-space-2, 8px)}.right>*:first-child{margin-left:var(--rtk-space-0, 0px)}.name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}rtk-icon{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}rtk-icon.red{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}rtk-icon.more{cursor:pointer}.menu{position:relative;display:inline-block;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}#menu-list{position:absolute;z-index:20}";
|
|
@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
|
|
|
2
2
|
import { e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
|
|
3
3
|
import { S as SyncWithStore } from './p-47c25f64.js';
|
|
4
4
|
|
|
5
|
-
const rtkMenuListCss = ":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:-moz-max-content;width:max-content;flex-direction:column;padding
|
|
5
|
+
const rtkMenuListCss = ":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:-moz-max-content;width:max-content;flex-direction:column;padding:var(--rtk-space-0, 0px);color:rgb(var(--rtk-colors-text-1000, 255 255 255));border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));overflow:hidden;border-radius:var(--rtk-border-radius-sm, 4px);--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);-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px)}:host(.primary){--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-600, 13 81 253) / var(--tw-border-opacity));background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.3)}";
|
|
6
6
|
const RtkMenuListStyle0 = rtkMenuListCss;
|
|
7
7
|
|
|
8
8
|
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
@@ -22,15 +22,18 @@ const RtkMenuList = /*@__PURE__*/ proxyCustomElement(class RtkMenuList extends H
|
|
|
22
22
|
this.__attachShadow();
|
|
23
23
|
/** Icon pack */
|
|
24
24
|
this.iconPack = defaultIconPack;
|
|
25
|
+
/** Variant */
|
|
26
|
+
this.menuVariant = 'secondary';
|
|
25
27
|
/** Language */
|
|
26
28
|
this.t = useLanguage();
|
|
27
29
|
}
|
|
28
30
|
render() {
|
|
29
|
-
return (h(Host, { key: '
|
|
31
|
+
return (h(Host, { key: '1dd2702af95e0270488e6be1813b5979bd676697', class: { [this.menuVariant]: true } }, h("slot", { key: 'cbe97d571726800ad4a3e25b8c0e261b9a0cd40a' })));
|
|
30
32
|
}
|
|
31
33
|
static get style() { return RtkMenuListStyle0; }
|
|
32
34
|
}, [1, "rtk-menu-list", {
|
|
33
35
|
"iconPack": [16],
|
|
36
|
+
"menuVariant": [1, "menu-variant"],
|
|
34
37
|
"t": [16]
|
|
35
38
|
}]);
|
|
36
39
|
__decorate([
|
|
@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
|
|
|
2
2
|
import { e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
|
|
3
3
|
import { S as SyncWithStore } from './p-47c25f64.js';
|
|
4
4
|
|
|
5
|
-
const rtkMenuItemCss = ":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;align-items:center;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px);cursor:pointer;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;color:rgb(var(--rtk-colors-text-1000, 255 255 255));font-size:14px}::slotted([slot='start']){margin-right:var(--rtk-space-2, 8px)}::slotted([slot='end']){margin-left:var(--rtk-space-2, 8px)}:host(:hover){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-
|
|
5
|
+
const rtkMenuItemCss = ":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;align-items:center;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px);cursor:pointer;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;color:rgb(var(--rtk-colors-text-1000, 255 255 255));font-size:14px}::slotted([slot='start']){margin-right:var(--rtk-space-2, 8px)}::slotted([slot='end']){margin-left:var(--rtk-space-2, 8px)}:host(:hover){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}:host(.primary:hover){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity))}:host(.red){--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}";
|
|
6
6
|
const RtkMenuItemStyle0 = rtkMenuItemCss;
|
|
7
7
|
|
|
8
8
|
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
@@ -20,17 +20,20 @@ const RtkMenuItem = /*@__PURE__*/ proxyCustomElement(class RtkMenuItem extends H
|
|
|
20
20
|
super();
|
|
21
21
|
this.__registerHost();
|
|
22
22
|
this.__attachShadow();
|
|
23
|
+
/** Variant */
|
|
24
|
+
this.menuVariant = 'secondary';
|
|
23
25
|
/** Icon pack */
|
|
24
26
|
this.iconPack = defaultIconPack;
|
|
25
27
|
/** Language */
|
|
26
28
|
this.t = useLanguage();
|
|
27
29
|
}
|
|
28
30
|
render() {
|
|
29
|
-
return (h(Host, { key: '
|
|
31
|
+
return (h(Host, { key: '7ae0e75aa59e0ce3b6a919eb258f218d84033bdd', class: { [this.menuVariant]: true } }, h("slot", { key: '4fd6d31e2ecb9f99bdc7442e796c5dadcb8bcf74', name: "start" }), h("slot", { key: '04ef7d82759ff42015480b3cd789d941ffa574f0' }), h("slot", { key: 'ad3c22309470a6b71d6b6b9f0f8b58cde7f76f3c', name: "end" })));
|
|
30
32
|
}
|
|
31
33
|
static get style() { return RtkMenuItemStyle0; }
|
|
32
34
|
}, [1, "rtk-menu-item", {
|
|
33
35
|
"size": [513],
|
|
36
|
+
"menuVariant": [1, "menu-variant"],
|
|
34
37
|
"iconPack": [16],
|
|
35
38
|
"t": [16]
|
|
36
39
|
}]);
|