@cloudflare/realtimekit-ui 1.0.6-staging.3 → 1.0.6-staging.4
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/{floating-ui.dom.esm-90c5a220.js → floating-ui.dom.esm-705e65f3.js} +38 -21
- package/dist/cjs/rtk-avatar_54.cjs.entry.js +2 -2
- package/dist/cjs/rtk-camera-selector_2.cjs.entry.js +3 -3
- package/dist/cjs/rtk-caption-toggle.cjs.entry.js +1 -1
- package/dist/cjs/rtk-participant_2.cjs.entry.js +2 -2
- package/dist/cjs/rtk-plugin-main_2.cjs.entry.js +1 -1
- package/dist/cjs/rtk-plugins_2.cjs.entry.js +8 -5
- package/dist/collection/components/rtk-caption-toggle/rtk-caption-toggle.js +1 -1
- package/dist/collection/components/rtk-dialog-manager/rtk-dialog-manager.js +1 -1
- package/dist/collection/components/rtk-participant/rtk-participant.css +0 -2
- package/dist/collection/components/rtk-participant-tile/rtk-participant-tile.js +3 -3
- package/dist/collection/components/rtk-plugin-main/rtk-plugin-main.js +1 -1
- package/dist/collection/components/rtk-polls/rtk-polls.js +8 -5
- package/dist/components/{p-2a29bcee.js → p-13258097.js} +1 -1
- package/dist/components/{p-5cdf3eef.js → p-1c7de86c.js} +2 -2
- package/dist/components/{p-21c5daa6.js → p-2e5d41d6.js} +1 -1
- package/dist/components/{p-91da496e.js → p-3b34a317.js} +1 -1
- package/dist/components/{p-fe7d8bd5.js → p-47fbe920.js} +3 -3
- package/dist/components/{p-18be8fba.js → p-4e55295e.js} +3 -3
- package/dist/components/{p-3246ca48.js → p-535a38ec.js} +1 -1
- package/dist/components/{p-d77cddb6.js → p-53c730fe.js} +1 -1
- package/dist/components/{p-81f5a54c.js → p-5493aac4.js} +1 -1
- package/dist/components/{p-313d8bb6.js → p-555bbef5.js} +1 -1
- package/dist/components/{p-7f1a8e4a.js → p-590b8d1c.js} +1 -1
- package/dist/components/{p-336cf0db.js → p-5eb08127.js} +2 -2
- package/dist/components/{p-6651bbb0.js → p-63225105.js} +1 -1
- package/dist/components/{p-94cc1b33.js → p-769bb885.js} +38 -21
- package/dist/components/{p-2b07a9ed.js → p-8935943a.js} +2 -2
- package/dist/components/{p-be9e62b4.js → p-914c0c0d.js} +2 -2
- package/dist/components/{p-d009f42a.js → p-a41a2311.js} +1 -1
- package/dist/components/{p-942b1cc7.js → p-a5750e39.js} +5 -5
- package/dist/components/{p-2817923a.js → p-a922eb37.js} +1 -1
- package/dist/components/{p-90efc7c2.js → p-ab3007bd.js} +1 -1
- package/dist/components/{p-3e5293ce.js → p-af8be74e.js} +1 -1
- package/dist/components/{p-600ba2e1.js → p-b8845b46.js} +1 -1
- package/dist/components/{p-3408773e.js → p-daaafd7a.js} +10 -7
- package/dist/components/{p-26f082a7.js → p-e5ef089b.js} +1 -1
- package/dist/components/{p-26d02e75.js → p-e6cd5276.js} +16 -16
- package/dist/components/{p-b54f0841.js → p-ec54a0c7.js} +1 -1
- package/dist/components/{p-b788bae4.js → p-ee929898.js} +3 -3
- package/dist/components/{p-2d62c12d.js → p-f504adce.js} +4 -4
- package/dist/components/{p-895216f5.js → p-fb836f65.js} +1 -1
- package/dist/components/rtk-breakout-room-manager.js +1 -1
- package/dist/components/rtk-breakout-room-participants.js +1 -1
- package/dist/components/rtk-breakout-rooms-manager.js +1 -1
- package/dist/components/rtk-camera-toggle.js +1 -1
- package/dist/components/rtk-caption-toggle.js +1 -1
- package/dist/components/rtk-channel-header.js +1 -1
- package/dist/components/rtk-chat-composer-ui.js +1 -1
- package/dist/components/rtk-chat-composer-view.js +1 -1
- 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 +1 -1
- package/dist/components/rtk-chat-search-results.js +1 -1
- package/dist/components/rtk-chat.js +1 -1
- package/dist/components/rtk-dialog-manager.js +1 -1
- package/dist/components/rtk-draft-attachment-view.js +1 -1
- package/dist/components/rtk-emoji-picker-button.js +1 -1
- package/dist/components/rtk-file-picker-button.js +1 -1
- package/dist/components/rtk-grid-pagination.js +1 -1
- package/dist/components/rtk-meeting-title.js +1 -1
- package/dist/components/rtk-meeting.js +17 -17
- package/dist/components/rtk-menu.js +1 -1
- package/dist/components/rtk-message-view.js +1 -1
- package/dist/components/rtk-mic-toggle.js +1 -1
- package/dist/components/rtk-mixed-grid.js +4 -4
- package/dist/components/rtk-mute-all-button.js +1 -1
- package/dist/components/rtk-participant-tile.js +1 -1
- package/dist/components/rtk-participant.js +1 -1
- package/dist/components/rtk-participants-stage-queue.js +1 -1
- package/dist/components/rtk-participants-viewer-list.js +1 -1
- package/dist/components/rtk-participants-waiting-list.js +1 -1
- package/dist/components/rtk-participants.js +5 -5
- package/dist/components/rtk-plugin-main.js +1 -1
- package/dist/components/rtk-poll.js +1 -1
- package/dist/components/rtk-polls.js +1 -1
- package/dist/components/rtk-screen-share-toggle.js +1 -1
- package/dist/components/rtk-screenshare-view.js +1 -1
- package/dist/components/rtk-settings-video.js +1 -1
- package/dist/components/rtk-settings.js +2 -2
- package/dist/components/rtk-sidebar.js +3 -3
- package/dist/components/rtk-spotlight-indicator.js +1 -1
- package/dist/components/rtk-stage-toggle.js +1 -1
- package/dist/components/rtk-tab-bar.js +1 -1
- package/dist/components/rtk-tooltip.js +1 -1
- package/dist/docs/docs-components.json +1 -1
- package/dist/esm/{floating-ui.dom.esm-a2dc8eef.js → floating-ui.dom.esm-21c3d54e.js} +38 -21
- package/dist/esm/loader.js +41 -21
- package/dist/esm/rtk-avatar_54.entry.js +2 -2
- package/dist/esm/rtk-camera-selector_2.entry.js +3 -3
- package/dist/esm/rtk-caption-toggle.entry.js +1 -1
- package/dist/esm/rtk-participant_2.entry.js +2 -2
- package/dist/esm/rtk-plugin-main_2.entry.js +1 -1
- package/dist/esm/rtk-plugins_2.entry.js +8 -5
- package/dist/realtimekit-ui/{p-6271e03b.entry.js → p-1b626699.entry.js} +1 -1
- package/dist/realtimekit-ui/p-4d40567d.entry.js +1 -0
- package/dist/realtimekit-ui/p-769bb885.js +1 -0
- package/dist/realtimekit-ui/p-7839a177.entry.js +1 -0
- package/dist/realtimekit-ui/{p-8571130f.entry.js → p-822bf597.entry.js} +1 -1
- package/dist/realtimekit-ui/{p-9942a0f1.entry.js → p-82832d02.entry.js} +1 -1
- package/dist/realtimekit-ui/p-973b53de.entry.js +1 -0
- package/dist/realtimekit-ui/realtimekit-ui.esm.js +1 -1
- package/package.json +2 -2
- package/dist/realtimekit-ui/p-3b5af363.entry.js +0 -1
- package/dist/realtimekit-ui/p-783ab8d8.entry.js +0 -1
- package/dist/realtimekit-ui/p-94cc1b33.js +0 -1
- package/dist/realtimekit-ui/p-fb948fd1.entry.js +0 -1
|
@@ -609,7 +609,7 @@ const flip$1 = function (options) {
|
|
|
609
609
|
if (!ignoreCrossAxisOverflow ||
|
|
610
610
|
// We leave the current main axis only if every placement on that axis
|
|
611
611
|
// overflows the main axis.
|
|
612
|
-
overflowsData.every(d => d.overflows[0] > 0
|
|
612
|
+
overflowsData.every(d => getSideAxis(d.placement) === initialSideAxis ? d.overflows[0] > 0 : true)) {
|
|
613
613
|
// Try next placement and re-run the lifecycle.
|
|
614
614
|
return {
|
|
615
615
|
data: {
|
|
@@ -1233,7 +1233,7 @@ function isOverflowElement(element) {
|
|
|
1233
1233
|
overflowX,
|
|
1234
1234
|
overflowY,
|
|
1235
1235
|
display
|
|
1236
|
-
} = getComputedStyle(element);
|
|
1236
|
+
} = getComputedStyle$1(element);
|
|
1237
1237
|
return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !invalidOverflowDisplayValues.has(display);
|
|
1238
1238
|
}
|
|
1239
1239
|
const tableElements = /*#__PURE__*/new Set(['table', 'td', 'th']);
|
|
@@ -1255,7 +1255,7 @@ const willChangeValues = ['transform', 'translate', 'scale', 'rotate', 'perspect
|
|
|
1255
1255
|
const containValues = ['paint', 'layout', 'strict', 'content'];
|
|
1256
1256
|
function isContainingBlock(elementOrCss) {
|
|
1257
1257
|
const webkit = isWebKit();
|
|
1258
|
-
const css = isElement(elementOrCss) ? getComputedStyle(elementOrCss) : elementOrCss;
|
|
1258
|
+
const css = isElement(elementOrCss) ? getComputedStyle$1(elementOrCss) : elementOrCss;
|
|
1259
1259
|
|
|
1260
1260
|
// https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
|
|
1261
1261
|
// https://drafts.csswg.org/css-transforms-2/#individual-transforms
|
|
@@ -1281,7 +1281,7 @@ const lastTraversableNodeNames = /*#__PURE__*/new Set(['html', 'body', '#documen
|
|
|
1281
1281
|
function isLastTraversableNode(node) {
|
|
1282
1282
|
return lastTraversableNodeNames.has(getNodeName(node));
|
|
1283
1283
|
}
|
|
1284
|
-
function getComputedStyle(element) {
|
|
1284
|
+
function getComputedStyle$1(element) {
|
|
1285
1285
|
return getWindow(element).getComputedStyle(element);
|
|
1286
1286
|
}
|
|
1287
1287
|
function getNodeScroll(element) {
|
|
@@ -1343,7 +1343,7 @@ function getFrameElement(win) {
|
|
|
1343
1343
|
}
|
|
1344
1344
|
|
|
1345
1345
|
function getCssDimensions(element) {
|
|
1346
|
-
const css = getComputedStyle(element);
|
|
1346
|
+
const css = getComputedStyle$1(element);
|
|
1347
1347
|
// In testing environments, the `width` and `height` properties are empty
|
|
1348
1348
|
// strings for SVG elements, returning NaN. Fallback to `0` in this case.
|
|
1349
1349
|
let width = parseFloat(css.width) || 0;
|
|
@@ -1448,7 +1448,7 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
|
|
|
1448
1448
|
while (currentIFrame && offsetParent && offsetWin !== currentWin) {
|
|
1449
1449
|
const iframeScale = getScale(currentIFrame);
|
|
1450
1450
|
const iframeRect = currentIFrame.getBoundingClientRect();
|
|
1451
|
-
const css = getComputedStyle(currentIFrame);
|
|
1451
|
+
const css = getComputedStyle$1(currentIFrame);
|
|
1452
1452
|
const left = iframeRect.left + (currentIFrame.clientLeft + parseFloat(css.paddingLeft)) * iframeScale.x;
|
|
1453
1453
|
const top = iframeRect.top + (currentIFrame.clientTop + parseFloat(css.paddingTop)) * iframeScale.y;
|
|
1454
1454
|
x *= iframeScale.x;
|
|
@@ -1479,14 +1479,9 @@ function getWindowScrollBarX(element, rect) {
|
|
|
1479
1479
|
return rect.left + leftScroll;
|
|
1480
1480
|
}
|
|
1481
1481
|
|
|
1482
|
-
function getHTMLOffset(documentElement, scroll
|
|
1483
|
-
if (ignoreScrollbarX === void 0) {
|
|
1484
|
-
ignoreScrollbarX = false;
|
|
1485
|
-
}
|
|
1482
|
+
function getHTMLOffset(documentElement, scroll) {
|
|
1486
1483
|
const htmlRect = documentElement.getBoundingClientRect();
|
|
1487
|
-
const x = htmlRect.left + scroll.scrollLeft - (
|
|
1488
|
-
// RTL <body> scrollbar.
|
|
1489
|
-
getWindowScrollBarX(documentElement, htmlRect));
|
|
1484
|
+
const x = htmlRect.left + scroll.scrollLeft - getWindowScrollBarX(documentElement, htmlRect);
|
|
1490
1485
|
const y = htmlRect.top + scroll.scrollTop;
|
|
1491
1486
|
return {
|
|
1492
1487
|
x,
|
|
@@ -1525,7 +1520,7 @@ function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
|
|
|
1525
1520
|
offsets.y = offsetRect.y + offsetParent.clientTop;
|
|
1526
1521
|
}
|
|
1527
1522
|
}
|
|
1528
|
-
const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll
|
|
1523
|
+
const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
|
|
1529
1524
|
return {
|
|
1530
1525
|
width: rect.width * scale.x,
|
|
1531
1526
|
height: rect.height * scale.y,
|
|
@@ -1548,7 +1543,7 @@ function getDocumentRect(element) {
|
|
|
1548
1543
|
const height = max(html.scrollHeight, html.clientHeight, body.scrollHeight, body.clientHeight);
|
|
1549
1544
|
let x = -scroll.scrollLeft + getWindowScrollBarX(element);
|
|
1550
1545
|
const y = -scroll.scrollTop;
|
|
1551
|
-
if (getComputedStyle(body).direction === 'rtl') {
|
|
1546
|
+
if (getComputedStyle$1(body).direction === 'rtl') {
|
|
1552
1547
|
x += max(html.clientWidth, body.clientWidth) - width;
|
|
1553
1548
|
}
|
|
1554
1549
|
return {
|
|
@@ -1559,6 +1554,10 @@ function getDocumentRect(element) {
|
|
|
1559
1554
|
};
|
|
1560
1555
|
}
|
|
1561
1556
|
|
|
1557
|
+
// Safety check: ensure the scrollbar space is reasonable in case this
|
|
1558
|
+
// calculation is affected by unusual styles.
|
|
1559
|
+
// Most scrollbars leave 15-18px of space.
|
|
1560
|
+
const SCROLLBAR_MAX = 25;
|
|
1562
1561
|
function getViewportRect(element, strategy) {
|
|
1563
1562
|
const win = getWindow(element);
|
|
1564
1563
|
const html = getDocumentElement(element);
|
|
@@ -1576,6 +1575,24 @@ function getViewportRect(element, strategy) {
|
|
|
1576
1575
|
y = visualViewport.offsetTop;
|
|
1577
1576
|
}
|
|
1578
1577
|
}
|
|
1578
|
+
const windowScrollbarX = getWindowScrollBarX(html);
|
|
1579
|
+
// <html> `overflow: hidden` + `scrollbar-gutter: stable` reduces the
|
|
1580
|
+
// visual width of the <html> but this is not considered in the size
|
|
1581
|
+
// of `html.clientWidth`.
|
|
1582
|
+
if (windowScrollbarX <= 0) {
|
|
1583
|
+
const doc = html.ownerDocument;
|
|
1584
|
+
const body = doc.body;
|
|
1585
|
+
const bodyStyles = getComputedStyle(body);
|
|
1586
|
+
const bodyMarginInline = doc.compatMode === 'CSS1Compat' ? parseFloat(bodyStyles.marginLeft) + parseFloat(bodyStyles.marginRight) || 0 : 0;
|
|
1587
|
+
const clippingStableScrollbarWidth = Math.abs(html.clientWidth - body.clientWidth - bodyMarginInline);
|
|
1588
|
+
if (clippingStableScrollbarWidth <= SCROLLBAR_MAX) {
|
|
1589
|
+
width -= clippingStableScrollbarWidth;
|
|
1590
|
+
}
|
|
1591
|
+
} else if (windowScrollbarX <= SCROLLBAR_MAX) {
|
|
1592
|
+
// If the <body> scrollbar is on the left, the width needs to be extended
|
|
1593
|
+
// by the scrollbar amount so there isn't extra space on the right.
|
|
1594
|
+
width += windowScrollbarX;
|
|
1595
|
+
}
|
|
1579
1596
|
return {
|
|
1580
1597
|
width,
|
|
1581
1598
|
height,
|
|
@@ -1626,7 +1643,7 @@ function hasFixedPositionAncestor(element, stopNode) {
|
|
|
1626
1643
|
if (parentNode === stopNode || !isElement(parentNode) || isLastTraversableNode(parentNode)) {
|
|
1627
1644
|
return false;
|
|
1628
1645
|
}
|
|
1629
|
-
return getComputedStyle(parentNode).position === 'fixed' || hasFixedPositionAncestor(parentNode, stopNode);
|
|
1646
|
+
return getComputedStyle$1(parentNode).position === 'fixed' || hasFixedPositionAncestor(parentNode, stopNode);
|
|
1630
1647
|
}
|
|
1631
1648
|
|
|
1632
1649
|
// A "clipping ancestor" is an `overflow` element with the characteristic of
|
|
@@ -1639,12 +1656,12 @@ function getClippingElementAncestors(element, cache) {
|
|
|
1639
1656
|
}
|
|
1640
1657
|
let result = getOverflowAncestors(element, [], false).filter(el => isElement(el) && getNodeName(el) !== 'body');
|
|
1641
1658
|
let currentContainingBlockComputedStyle = null;
|
|
1642
|
-
const elementIsFixed = getComputedStyle(element).position === 'fixed';
|
|
1659
|
+
const elementIsFixed = getComputedStyle$1(element).position === 'fixed';
|
|
1643
1660
|
let currentNode = elementIsFixed ? getParentNode(element) : element;
|
|
1644
1661
|
|
|
1645
1662
|
// https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
|
|
1646
1663
|
while (isElement(currentNode) && !isLastTraversableNode(currentNode)) {
|
|
1647
|
-
const computedStyle = getComputedStyle(currentNode);
|
|
1664
|
+
const computedStyle = getComputedStyle$1(currentNode);
|
|
1648
1665
|
const currentNodeIsContaining = isContainingBlock(currentNode);
|
|
1649
1666
|
if (!currentNodeIsContaining && computedStyle.position === 'fixed') {
|
|
1650
1667
|
currentContainingBlockComputedStyle = null;
|
|
@@ -1745,11 +1762,11 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
|
|
|
1745
1762
|
}
|
|
1746
1763
|
|
|
1747
1764
|
function isStaticPositioned(element) {
|
|
1748
|
-
return getComputedStyle(element).position === 'static';
|
|
1765
|
+
return getComputedStyle$1(element).position === 'static';
|
|
1749
1766
|
}
|
|
1750
1767
|
|
|
1751
1768
|
function getTrueOffsetParent(element, polyfill) {
|
|
1752
|
-
if (!isHTMLElement(element) || getComputedStyle(element).position === 'fixed') {
|
|
1769
|
+
if (!isHTMLElement(element) || getComputedStyle$1(element).position === 'fixed') {
|
|
1753
1770
|
return null;
|
|
1754
1771
|
}
|
|
1755
1772
|
if (polyfill) {
|
|
@@ -1810,7 +1827,7 @@ const getElementRects = async function (data) {
|
|
|
1810
1827
|
};
|
|
1811
1828
|
|
|
1812
1829
|
function isRTL(element) {
|
|
1813
|
-
return getComputedStyle(element).direction === 'rtl';
|
|
1830
|
+
return getComputedStyle$1(element).direction === 'rtl';
|
|
1814
1831
|
}
|
|
1815
1832
|
|
|
1816
1833
|
const platform = {
|
|
@@ -15,7 +15,7 @@ const file = require('./file-33e9ed90.js');
|
|
|
15
15
|
const merge = require('./merge-1094ad20.js');
|
|
16
16
|
const notification = require('./notification-bd49ad87.js');
|
|
17
17
|
const ResizeObserver_es = require('./ResizeObserver.es-ba961f16.js');
|
|
18
|
-
const floatingUi_dom_esm = require('./floating-ui.dom.esm-
|
|
18
|
+
const floatingUi_dom_esm = require('./floating-ui.dom.esm-705e65f3.js');
|
|
19
19
|
const TextMessage = require('./TextMessage-0e7b715b.js');
|
|
20
20
|
|
|
21
21
|
const rtkAvatarCss = ":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-32, 128px);width:var(--rtk-space-32, 128px);align-items:center;justify-content:center;font-size:28px;--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)));overflow:clip;border-radius:9999px;-webkit-user-select:none;-moz-user-select:none;user-select:none}rtk-icon{height:50%;width:50%}.image-ctr{display:flex;height:100%;width:100%;align-items:center;justify-content:center;--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-600, 255 255 255 / 0.52))}img{height:var(--rtk-space-0, 0px);width:var(--rtk-space-0, 0px);-o-object-fit:cover;object-fit:cover}img.loaded{height:100%;width:100%}.initials{display:flex;height:100%;width:100%;align-items:center;justify-content:center;text-transform:uppercase}.image{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.image img{display:none;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.image img.loaded{display:block}:host([variant='hexagon']){border-radius:var(--rtk-border-radius-none, 0);clip-path:polygon(50% 0, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%)}:host([variant='square']){border-radius:var(--rtk-border-radius-none, 0);clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}:host([size='sm']){height:var(--rtk-space-14, 56px);width:var(--rtk-space-14, 56px);font-size:12px}:host([size='md']){height:var(--rtk-space-28, 112px);width:var(--rtk-space-28, 112px)}:host([size='lg']){height:var(--rtk-space-32, 128px);width:var(--rtk-space-32, 128px)}";
|
|
@@ -3533,7 +3533,7 @@ const RtkDialogManager = class {
|
|
|
3533
3533
|
(_a = this.meeting.stage) === null || _a === void 0 ? void 0 : _a.removeListener('stageStatusUpdate', this.stageStatusUpdateListener);
|
|
3534
3534
|
}
|
|
3535
3535
|
meetingChanged(meeting) {
|
|
3536
|
-
if (meeting
|
|
3536
|
+
if (!meeting)
|
|
3537
3537
|
return;
|
|
3538
3538
|
const { stage } = meeting;
|
|
3539
3539
|
stage === null || stage === void 0 ? void 0 : stage.addListener('stageStatusUpdate', this.stageStatusUpdateListener);
|
|
@@ -191,14 +191,14 @@ const RtkParticipantTile = class {
|
|
|
191
191
|
this.tileUnload.emit(this.participant);
|
|
192
192
|
}
|
|
193
193
|
meetingChanged(meeting) {
|
|
194
|
-
if (meeting
|
|
194
|
+
if (!meeting)
|
|
195
195
|
return;
|
|
196
196
|
this.participantsChanged(this.participant);
|
|
197
197
|
}
|
|
198
198
|
participantsChanged(participant) {
|
|
199
|
-
if (participant
|
|
199
|
+
if (!participant)
|
|
200
200
|
return;
|
|
201
|
-
if (this.meeting
|
|
201
|
+
if (!this.meeting) {
|
|
202
202
|
if (this.isPreview) {
|
|
203
203
|
this.videoEl && this.participant.registerVideoElement(this.videoEl, this.isPreview);
|
|
204
204
|
}
|
|
@@ -42,7 +42,7 @@ const RtkCaptionToggle = class {
|
|
|
42
42
|
this.meetingChanged(this.meeting);
|
|
43
43
|
}
|
|
44
44
|
meetingChanged(meeting) {
|
|
45
|
-
if (meeting
|
|
45
|
+
if (!meeting)
|
|
46
46
|
return;
|
|
47
47
|
this.permissionsUpdateListener();
|
|
48
48
|
this.meeting.self.permissions.addListener('permissionsUpdate', this.permissionsUpdateListener);
|
|
@@ -6,11 +6,11 @@ const index$1 = require('./index-05554ce6.js');
|
|
|
6
6
|
const uiStore = require('./ui-store-4edab2a5.js');
|
|
7
7
|
const index$2 = require('./index-821d14b7.js');
|
|
8
8
|
const string = require('./string-a410fab6.js');
|
|
9
|
-
const floatingUi_dom_esm = require('./floating-ui.dom.esm-
|
|
9
|
+
const floatingUi_dom_esm = require('./floating-ui.dom.esm-705e65f3.js');
|
|
10
10
|
const index = require('./index-77d3cd4a.js');
|
|
11
11
|
const debounce = require('./debounce-4f18d7a5.js');
|
|
12
12
|
|
|
13
|
-
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;
|
|
13
|
+
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}";
|
|
14
14
|
const RtkParticipantStyle0 = rtkParticipantCss;
|
|
15
15
|
|
|
16
16
|
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
@@ -109,6 +109,8 @@ const RtkPolls = class {
|
|
|
109
109
|
this.t = uiStore.useLanguage();
|
|
110
110
|
/** Create State */
|
|
111
111
|
this.create = false;
|
|
112
|
+
/** Polls */
|
|
113
|
+
this.polls = [];
|
|
112
114
|
this.onPollsUpdate = (data) => {
|
|
113
115
|
this.polls = [...data.polls];
|
|
114
116
|
};
|
|
@@ -127,9 +129,9 @@ const RtkPolls = class {
|
|
|
127
129
|
this.meeting.self.permissions.removeListener('pollsUpdate', this.onUpdatePermissions);
|
|
128
130
|
}
|
|
129
131
|
meetingChanged(meeting) {
|
|
130
|
-
if (meeting
|
|
132
|
+
if (!meeting)
|
|
131
133
|
return;
|
|
132
|
-
if (
|
|
134
|
+
if (!meeting.polls)
|
|
133
135
|
return;
|
|
134
136
|
this.permissions = this.meeting.self.permissions;
|
|
135
137
|
this.polls = [...meeting.polls.items];
|
|
@@ -150,14 +152,15 @@ const RtkPolls = class {
|
|
|
150
152
|
scroll.smoothScrollToBottom(this.pollEl);
|
|
151
153
|
}
|
|
152
154
|
render() {
|
|
153
|
-
|
|
155
|
+
var _a, _b;
|
|
156
|
+
return (index$1.h(index$1.Host, { key: 'f259b6fa652fe2e81c18d3a0fb85a15d0c091de3' }, index$1.h("div", { key: '6cc127127307bcb1a5482a260fe7ccaf65bb1e3d', class: "ctr", part: "container" }, index$1.h("div", { key: 'ef9df557e4a5fb99ea2ce66172b7a889410daeea', class: "polls-view scrollbar", ref: (el) => (this.pollEl = el), part: "polls" }, this.polls.length == 0 && this.create !== true && (index$1.h("div", { key: '0eb92f8f60ab00fb849b2d656a9d8bafb26195de', class: "empty-polls" }, this.t('polls.empty'))), this.polls.map((item) => {
|
|
154
157
|
var _a;
|
|
155
158
|
return (index$1.h("rtk-poll", { key: item.id, poll: item, onRtkVotePoll: (e) => {
|
|
156
159
|
this.onVote(e.detail.id, e.detail.index);
|
|
157
160
|
}, self: (_a = this.meeting) === null || _a === void 0 ? void 0 : _a.self.userId, iconPack: this.iconPack, t: this.t, permissions: this.permissions }));
|
|
158
|
-
}), this.create && (index$1.h("rtk-poll-form", { key: '
|
|
161
|
+
}), this.create && (index$1.h("rtk-poll-form", { key: '71fc9e183684f5cafee5f0885af3d679d099a8ec', part: "poll-form", onRtkCreatePoll: (e) => {
|
|
159
162
|
this.onCreate(e.detail);
|
|
160
|
-
}, iconPack: this.iconPack, t: this.t }))), this.permissions.polls.canCreate && (index$1.h("rtk-button", { key: '
|
|
163
|
+
}, iconPack: this.iconPack, t: this.t }))), ((_b = (_a = this.permissions) === null || _a === void 0 ? void 0 : _a.polls) === null || _b === void 0 ? void 0 : _b.canCreate) && (index$1.h("rtk-button", { key: '0639577353327ded0d1e7db08cbaadac47ec296c', kind: "wide", onClick: () => this.toggleCreateState(), variant: this.create ? 'secondary' : 'primary', part: "button" }, this.create ? this.t('polls.cancel') : this.t('polls.create'))))));
|
|
161
164
|
}
|
|
162
165
|
static get watchers() { return {
|
|
163
166
|
"meeting": ["meetingChanged"]
|
|
@@ -33,7 +33,7 @@ export class RtkCaptionToggle {
|
|
|
33
33
|
this.meetingChanged(this.meeting);
|
|
34
34
|
}
|
|
35
35
|
meetingChanged(meeting) {
|
|
36
|
-
if (meeting
|
|
36
|
+
if (!meeting)
|
|
37
37
|
return;
|
|
38
38
|
this.permissionsUpdateListener();
|
|
39
39
|
this.meeting.self.permissions.addListener('permissionsUpdate', this.permissionsUpdateListener);
|
|
@@ -63,7 +63,7 @@ export class RtkDialogManager {
|
|
|
63
63
|
(_a = this.meeting.stage) === null || _a === void 0 ? void 0 : _a.removeListener('stageStatusUpdate', this.stageStatusUpdateListener);
|
|
64
64
|
}
|
|
65
65
|
meetingChanged(meeting) {
|
|
66
|
-
if (meeting
|
|
66
|
+
if (!meeting)
|
|
67
67
|
return;
|
|
68
68
|
const { stage } = meeting;
|
|
69
69
|
stage === null || stage === void 0 ? void 0 : stage.addListener('stageStatusUpdate', this.stageStatusUpdateListener);
|
|
@@ -79,14 +79,14 @@ export class RtkParticipantTile {
|
|
|
79
79
|
this.tileUnload.emit(this.participant);
|
|
80
80
|
}
|
|
81
81
|
meetingChanged(meeting) {
|
|
82
|
-
if (meeting
|
|
82
|
+
if (!meeting)
|
|
83
83
|
return;
|
|
84
84
|
this.participantsChanged(this.participant);
|
|
85
85
|
}
|
|
86
86
|
participantsChanged(participant) {
|
|
87
|
-
if (participant
|
|
87
|
+
if (!participant)
|
|
88
88
|
return;
|
|
89
|
-
if (this.meeting
|
|
89
|
+
if (!this.meeting) {
|
|
90
90
|
if (this.isPreview) {
|
|
91
91
|
this.videoEl && this.participant.registerVideoElement(this.videoEl, this.isPreview);
|
|
92
92
|
}
|
|
@@ -28,6 +28,8 @@ export class RtkPolls {
|
|
|
28
28
|
this.t = useLanguage();
|
|
29
29
|
/** Create State */
|
|
30
30
|
this.create = false;
|
|
31
|
+
/** Polls */
|
|
32
|
+
this.polls = [];
|
|
31
33
|
this.onPollsUpdate = (data) => {
|
|
32
34
|
this.polls = [...data.polls];
|
|
33
35
|
};
|
|
@@ -46,9 +48,9 @@ export class RtkPolls {
|
|
|
46
48
|
this.meeting.self.permissions.removeListener('pollsUpdate', this.onUpdatePermissions);
|
|
47
49
|
}
|
|
48
50
|
meetingChanged(meeting) {
|
|
49
|
-
if (meeting
|
|
51
|
+
if (!meeting)
|
|
50
52
|
return;
|
|
51
|
-
if (
|
|
53
|
+
if (!meeting.polls)
|
|
52
54
|
return;
|
|
53
55
|
this.permissions = this.meeting.self.permissions;
|
|
54
56
|
this.polls = [...meeting.polls.items];
|
|
@@ -69,14 +71,15 @@ export class RtkPolls {
|
|
|
69
71
|
smoothScrollToBottom(this.pollEl);
|
|
70
72
|
}
|
|
71
73
|
render() {
|
|
72
|
-
|
|
74
|
+
var _a, _b;
|
|
75
|
+
return (h(Host, { key: 'f259b6fa652fe2e81c18d3a0fb85a15d0c091de3' }, h("div", { key: '6cc127127307bcb1a5482a260fe7ccaf65bb1e3d', class: "ctr", part: "container" }, h("div", { key: 'ef9df557e4a5fb99ea2ce66172b7a889410daeea', class: "polls-view scrollbar", ref: (el) => (this.pollEl = el), part: "polls" }, this.polls.length == 0 && this.create !== true && (h("div", { key: '0eb92f8f60ab00fb849b2d656a9d8bafb26195de', class: "empty-polls" }, this.t('polls.empty'))), this.polls.map((item) => {
|
|
73
76
|
var _a;
|
|
74
77
|
return (h("rtk-poll", { key: item.id, poll: item, onRtkVotePoll: (e) => {
|
|
75
78
|
this.onVote(e.detail.id, e.detail.index);
|
|
76
79
|
}, self: (_a = this.meeting) === null || _a === void 0 ? void 0 : _a.self.userId, iconPack: this.iconPack, t: this.t, permissions: this.permissions }));
|
|
77
|
-
}), this.create && (h("rtk-poll-form", { key: '
|
|
80
|
+
}), this.create && (h("rtk-poll-form", { key: '71fc9e183684f5cafee5f0885af3d679d099a8ec', part: "poll-form", onRtkCreatePoll: (e) => {
|
|
78
81
|
this.onCreate(e.detail);
|
|
79
|
-
}, iconPack: this.iconPack, t: this.t }))), this.permissions.polls.canCreate && (h("rtk-button", { key: '
|
|
82
|
+
}, iconPack: this.iconPack, t: this.t }))), ((_b = (_a = this.permissions) === null || _a === void 0 ? void 0 : _a.polls) === null || _b === void 0 ? void 0 : _b.canCreate) && (h("rtk-button", { key: '0639577353327ded0d1e7db08cbaadac47ec296c', kind: "wide", onClick: () => this.toggleCreateState(), variant: this.create ? 'secondary' : 'primary', part: "button" }, this.create ? this.t('polls.cancel') : this.t('polls.create'))))));
|
|
80
83
|
}
|
|
81
84
|
static get is() { return "rtk-polls"; }
|
|
82
85
|
static get encapsulation() { return "shadow"; }
|
|
@@ -7,7 +7,7 @@ import { d as defineCustomElement$9 } from './p-1391bef0.js';
|
|
|
7
7
|
import { d as defineCustomElement$8 } from './p-c3ec35db.js';
|
|
8
8
|
import { d as defineCustomElement$7 } from './p-3b29dda1.js';
|
|
9
9
|
import { d as defineCustomElement$6 } from './p-0f94d9ad.js';
|
|
10
|
-
import { d as defineCustomElement$5 } from './p-
|
|
10
|
+
import { d as defineCustomElement$5 } from './p-ec54a0c7.js';
|
|
11
11
|
import { d as defineCustomElement$4 } from './p-9b4f77d0.js';
|
|
12
12
|
import { d as defineCustomElement$3 } from './p-258274b1.js';
|
|
13
13
|
import { d as defineCustomElement$2 } from './p-fe4cd240.js';
|
|
@@ -4,8 +4,8 @@ import { f as formatName, s as shorten } from './p-338c7261.js';
|
|
|
4
4
|
import { S as SyncWithStore } from './p-beb5c7c8.js';
|
|
5
5
|
import { d as defineCustomElement$4 } from './p-1391bef0.js';
|
|
6
6
|
import { d as defineCustomElement$3 } from './p-3b29dda1.js';
|
|
7
|
-
import { d as defineCustomElement$2 } from './p-
|
|
8
|
-
import { d as defineCustomElement$1 } from './p-
|
|
7
|
+
import { d as defineCustomElement$2 } from './p-af8be74e.js';
|
|
8
|
+
import { d as defineCustomElement$1 } from './p-fb836f65.js';
|
|
9
9
|
|
|
10
10
|
const rtkTabBarCss = ".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{box-sizing:border-box;display:flex;height:100%;width:var(--rtk-space-16, 64px);flex-direction:column;gap:var(--rtk-space-2, 8px);overflow-y:auto;font-family:var(--rtk-font-family, sans-serif)}rtk-button{z-index:10}.col{display:flex;flex-direction:column;align-items:center}.tab{display:flex;height:var(--rtk-space-16, 64px);width:var(--rtk-space-16, 64px);align-items:center;justify-content:center;margin-bottom:var(--rtk-space-2, 8px);font-size:12px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}.tab.active{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity))}.tab img{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px);border-radius:var(--rtk-border-radius-sm, 4px)}.tab .name{margin-top:var(--rtk-space-0\\.5, 2px)}:host([size='sm']){flex-direction:column;margin-top:var(--rtk-space-4, 16px);height:var(--rtk-space-16, 64px);width:100%;flex-direction:row;gap:var(--rtk-space-2, 8px);overflow-x:auto}:host([size='sm']) .tab{margin:var(--rtk-space-0, 0px);text-overflow:clip;min-width:100px;height:40px}:host([size='sm']) .tab .col{display:flex;flex-direction:row;align-items:center;gap:var(--rtk-space-2, 8px)}:host([size='sm']) .tab .col img,:host([size='sm']) .tab .col rtk-icon{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}:host([size='sm']) .tab .col .name{gap:var(--rtk-space-1, 4px)}:host([layout='column']){flex-direction:column}:host([layout='column']) .aside{flex:2;max-width:100%;width:100%}@media (orientation: portrait){:host([size='sm']){margin-top:var(--rtk-space-2, 8px);height:var(--rtk-space-16, 64px);width:100%;flex-direction:row;transition:all 0.3s linear}:host([size='md']){height:var(--rtk-space-24, 96px);width:100%;flex-direction:row;transition:all 0.3s linear}:host .tab{margin:var(--rtk-space-0, 0px)}}@media (orientation: landscape){:host([size='sm']){margin-right:var(--rtk-space-4, 16px);height:100%;width:var(--rtk-space-14, 56px);flex-direction:row;gap:var(--rtk-space-2, 8px);overflow-y:auto;overflow-x:hidden;transition:all 0.3s linear}:host([size='md']){margin-right:var(--rtk-space-4, 16px);height:100%;width:var(--rtk-space-14, 56px);flex-direction:row;gap:var(--rtk-space-2, 8px);overflow-y:auto;overflow-x:hidden;transition:all 0.3s linear}:host .tab{margin:var(--rtk-space-0, 0px)}:host([size='sm']) .tab{margin:var(--rtk-space-0, 0px);width:100%;text-overflow:clip;min-width:0px;min-height:40px}:host([size='sm']) .tab .col{display:flex;flex-direction:column;align-items:center;gap:var(--rtk-space-2, 8px);font-size:10px}:host([size='sm']) .tab .col img,:host([size='sm']) .tab .col rtk-icon{height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px)}:host([size='sm']) .tab .col .name{gap:var(--rtk-space-1, 4px)}}";
|
|
11
11
|
const RtkTabBarStyle0 = rtkTabBarCss;
|
|
@@ -4,7 +4,7 @@ import { e as defaultIconPack, h as useLanguage } from './p-74e01969.js';
|
|
|
4
4
|
import './p-a83ccdbd.js';
|
|
5
5
|
import { d as defineCustomElement$3 } from './p-1391bef0.js';
|
|
6
6
|
import { d as defineCustomElement$2 } from './p-3b29dda1.js';
|
|
7
|
-
import { d as defineCustomElement$1 } from './p-
|
|
7
|
+
import { d as defineCustomElement$1 } from './p-fb836f65.js';
|
|
8
8
|
|
|
9
9
|
const rtkFilePickerButtonCss = ":host{}";
|
|
10
10
|
const RtkFilePickerButtonStyle0 = rtkFilePickerButtonCss;
|
|
@@ -5,7 +5,7 @@ import { f as formatName, s as shorten } from './p-338c7261.js';
|
|
|
5
5
|
import { d as defineCustomElement$4 } from './p-74d7f3a0.js';
|
|
6
6
|
import { d as defineCustomElement$3 } from './p-3b29dda1.js';
|
|
7
7
|
import { d as defineCustomElement$2 } from './p-fe4cd240.js';
|
|
8
|
-
import { d as defineCustomElement$1 } from './p-
|
|
8
|
+
import { d as defineCustomElement$1 } from './p-fb836f65.js';
|
|
9
9
|
|
|
10
10
|
const rtkBreakoutRoomParticipantsCss = ":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;height:100%;flex-direction:column;font-size:14px}:host input[type='checkbox']{margin:var(--rtk-space-0, 0px);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--rtk-border-radius-sm, 4px);position:relative;height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);border-width:var(--rtk-border-width-sm, 1px);border-style:solid;border-color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}:host input[type='checkbox']:checked{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity))}:host input[type='checkbox']:checked::before{position:absolute;top:1px;left:1px;height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px);background-color:rgb(var(--rtk-colors-text-1000, 255 255 255));content:'';clip-path:polygon(5% 60%, 35% 93%, 100% 19%, 86% 4%, 36% 62%, 19% 44%)}*{box-sizing:border-box}.participants{margin-top:var(--rtk-space-2, 8px);padding:var(--rtk-space-0, 0px)}.ctr{box-sizing:border-box;padding-top:var(--rtk-space-0, 0px);padding-bottom:var(--rtk-space-0, 0px);overflow-y:auto;flex-grow:1;flex-basis:0}.empty-message{margin-top:var(--rtk-space-10, 40px);margin-bottom:var(--rtk-space-10, 40px);text-align:center;font-size:14px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.empty-room{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--rtk-space-2, 8px);height:100%;text-align:center;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.empty-room rtk-icon{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px)}.empty-room p{font-size:16px;font-weight:500;margin:var(--rtk-space-0, 0px)}.empty-room span{font-size:12px;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}.search-wrapper{margin-bottom:var(--rtk-space-1, 4px);display:flex;align-items:center;gap:var(--rtk-space-2, 8px)}.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-800, 30 30 30) / var(--tw-bg-opacity));margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0, 0px);height:var(--rtk-space-8, 32px)}.search .search-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))}.search input{box-sizing:border-box;width:100%;padding-right:var(--rtk-space-2, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:inherit;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}.search input::-moz-placeholder{color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.search input::placeholder{color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.header{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-1\\.5, 6px);height:var(--rtk-space-9, 36px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-0\\.5, 2px);border-bottom-width:var(--rtk-border-width-sm, 1px);border-top-width:var(--rtk-border-width-none, 0);border-right-width:var(--rtk-border-width-none, 0);border-left-width:var(--rtk-border-width-none, 0);border-style:solid;--tw-border-opacity:1;border-bottom-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity));font-size:12px;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));display:flex;align-items:center;justify-content:space-between}.title-wrapper{display:flex;align-items:center;gap:var(--rtk-space-2, 8px)}.participant-count{display:flex;align-items:center;font-size:14px}.participant-count rtk-icon{margin-right:var(--rtk-space-0\\.5, 2px);width:var(--rtk-space-3, 12px)}.participant-item{display:flex;align-items:center;justify-content:space-between;margin-top:var(--rtk-space-1, 4px);margin-bottom:var(--rtk-space-1, 4px);border-radius:var(--rtk-border-radius-sm, 4px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);cursor:pointer}.participant-item input.hide-checkbox{display:none}.participant-item input:checked{display:inline-block}.dragging input{display:none}.participant-item:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.participant-item:hover input{display:inline-block}.peer-ui-container{position:relative;display:flex;align-items:center;gap:var(--rtk-space-2, 8px);height:var(--rtk-space-10, 40px);cursor:pointer;border-radius:var(--rtk-border-radius-sm, 4px);color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.peer-ui-container rtk-avatar{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px);font-size:14px;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.peer-ui-container .name{font-size:14px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}";
|
|
11
11
|
const RtkBreakoutRoomParticipantsStyle0 = rtkBreakoutRoomParticipantsCss;
|
|
@@ -83,14 +83,14 @@ const RtkParticipantTile = /*@__PURE__*/ proxyCustomElement(class RtkParticipant
|
|
|
83
83
|
this.tileUnload.emit(this.participant);
|
|
84
84
|
}
|
|
85
85
|
meetingChanged(meeting) {
|
|
86
|
-
if (meeting
|
|
86
|
+
if (!meeting)
|
|
87
87
|
return;
|
|
88
88
|
this.participantsChanged(this.participant);
|
|
89
89
|
}
|
|
90
90
|
participantsChanged(participant) {
|
|
91
|
-
if (participant
|
|
91
|
+
if (!participant)
|
|
92
92
|
return;
|
|
93
|
-
if (this.meeting
|
|
93
|
+
if (!this.meeting) {
|
|
94
94
|
if (this.isPreview) {
|
|
95
95
|
this.videoEl && this.participant.registerVideoElement(this.videoEl, this.isPreview);
|
|
96
96
|
}
|
|
@@ -10,13 +10,13 @@ import { d as defineCustomElement$b } from './p-0081423d.js';
|
|
|
10
10
|
import { d as defineCustomElement$a } from './p-3b29dda1.js';
|
|
11
11
|
import { d as defineCustomElement$9 } from './p-05b503da.js';
|
|
12
12
|
import { d as defineCustomElement$8 } from './p-b9e78c21.js';
|
|
13
|
-
import { d as defineCustomElement$7 } from './p-
|
|
13
|
+
import { d as defineCustomElement$7 } from './p-ec54a0c7.js';
|
|
14
14
|
import { d as defineCustomElement$6 } from './p-9b4f77d0.js';
|
|
15
15
|
import { d as defineCustomElement$5 } from './p-258274b1.js';
|
|
16
|
-
import { d as defineCustomElement$4 } from './p-
|
|
16
|
+
import { d as defineCustomElement$4 } from './p-53c730fe.js';
|
|
17
17
|
import { d as defineCustomElement$3 } from './p-fe4cd240.js';
|
|
18
18
|
import { d as defineCustomElement$2 } from './p-095e6b83.js';
|
|
19
|
-
import { d as defineCustomElement$1 } from './p-
|
|
19
|
+
import { d as defineCustomElement$1 } from './p-fb836f65.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, -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}.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}";
|
|
22
22
|
const RtkChatMessagesUiStyle0 = rtkChatMessagesUiCss;
|
|
@@ -69,7 +69,7 @@ const RtkPluginMain = /*@__PURE__*/ proxyCustomElement(class RtkPluginMain exten
|
|
|
69
69
|
this.pluginChanged(this.plugin);
|
|
70
70
|
}
|
|
71
71
|
meetingChanged(meeting) {
|
|
72
|
-
if (meeting
|
|
72
|
+
if (!meeting)
|
|
73
73
|
return;
|
|
74
74
|
const enabled = this.canInteractWithPlugin();
|
|
75
75
|
this.viewModeEnabled = !enabled;
|
|
@@ -5,7 +5,7 @@ import { e as defaultIconPack } from './p-74e01969.js';
|
|
|
5
5
|
import './p-a83ccdbd.js';
|
|
6
6
|
import { d as defineCustomElement$6 } from './p-74d7f3a0.js';
|
|
7
7
|
import { d as defineCustomElement$5 } from './p-3b29dda1.js';
|
|
8
|
-
import { d as defineCustomElement$4 } from './p-
|
|
8
|
+
import { d as defineCustomElement$4 } from './p-ec54a0c7.js';
|
|
9
9
|
import { d as defineCustomElement$3 } from './p-9b4f77d0.js';
|
|
10
10
|
import { d as defineCustomElement$2 } from './p-258274b1.js';
|
|
11
11
|
import { d as defineCustomElement$1 } from './p-fe4cd240.js';
|
|
@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-
|
|
|
2
2
|
import { e as defaultIconPack, h as useLanguage } from './p-74e01969.js';
|
|
3
3
|
import { S as SyncWithStore } from './p-beb5c7c8.js';
|
|
4
4
|
import { s as shorten, f as formatName, g as getInitials } from './p-338c7261.js';
|
|
5
|
-
import { d as defineCustomElement$1 } from './p-
|
|
5
|
+
import { d as defineCustomElement$1 } from './p-fb836f65.js';
|
|
6
6
|
|
|
7
7
|
const rtkPollCss = ":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)))}.ctr{margin-bottom:var(--rtk-space-3, 12px);display:flex;width:100%;flex-direction:column;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.poll-title{margin-top:var(--rtk-space-3, 12px);margin-bottom:var(--rtk-space-3, 12px);margin-right:var(--rtk-space-4, 16px);font-size:12px}.poll{border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));display:flex;flex-direction:column;padding:var(--rtk-space-4, 16px)}.poll-question{padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);font-size:14px;overflow-wrap:break-word}.poll-answers{display:flex;flex-direction:row;justify-content:space-between;font-size:12px;margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-1, 4px);padding-left:var(--rtk-space-1, 4px);padding-right:var(--rtk-space-3, 12px)}.poll-option{display:flex;flex-direction:column;margin-top:var(--rtk-space-2, 8px);border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));padding:var(--rtk-space-2, 8px);word-break:break-word}.poll-option.open-vote:hover{cursor:pointer}.poll-option label{display:flex;flex-direction:row;cursor:inherit}.poll-option-header{display:flex;flex-direction:row;justify-content:space-between;padding:var(--rtk-space-1, 4px)}.poll-option-header[data-disabled='true']:hover{cursor:default}.poll-option-header input{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0, 0px);margin-left:var(--rtk-space-0\\.5, 2px);margin-right:var(--rtk-space-2, 8px);cursor:inherit}.poll-option-header .counter{color:rgb(var(--rtk-colors-text-1000, 255 255 255));font-size:12px}.votes{margin-top:var(--rtk-space-1, 4px);display:flex;flex-direction:row;flex-wrap:wrap}.vote{margin-right:var(--rtk-space-1, 4px);height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);display:flex;align-items:center;justify-content:center;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-video-bg, 24 24 24) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));border-radius:var(--rtk-border-radius-none, 0);clip-path:circle()}.active{--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-900, var(--rtk-colors-text-900, 255 255 255 / 0.88)))}.active .counter{color:rgb(var(--rtk-colors-text-on-brand-900, var(--rtk-colors-text-900, 255 255 255 / 0.88)))}";
|
|
8
8
|
const RtkPollStyle0 = rtkPollCss;
|
|
@@ -7,7 +7,7 @@ import { d as defineCustomElement$7 } from './p-1391bef0.js';
|
|
|
7
7
|
import { d as defineCustomElement$6 } from './p-3b29dda1.js';
|
|
8
8
|
import { d as defineCustomElement$5 } from './p-9b4f77d0.js';
|
|
9
9
|
import { d as defineCustomElement$4 } from './p-258274b1.js';
|
|
10
|
-
import { d as defineCustomElement$3 } from './p-
|
|
10
|
+
import { d as defineCustomElement$3 } from './p-8935943a.js';
|
|
11
11
|
import { d as defineCustomElement$2 } from './p-fe4cd240.js';
|
|
12
12
|
import { d as defineCustomElement$1 } from './p-dc3143c0.js';
|
|
13
13
|
|
|
@@ -8,7 +8,7 @@ import { d as defineCustomElement$5 } from './p-10d4f8a5.js';
|
|
|
8
8
|
import { d as defineCustomElement$4 } from './p-dc9eb0c2.js';
|
|
9
9
|
import { d as defineCustomElement$3 } from './p-3b29dda1.js';
|
|
10
10
|
import { d as defineCustomElement$2 } from './p-fe4cd240.js';
|
|
11
|
-
import { d as defineCustomElement$1 } from './p-
|
|
11
|
+
import { d as defineCustomElement$1 } from './p-fb836f65.js';
|
|
12
12
|
|
|
13
13
|
const rtkChannelHeaderCss = "header{box-sizing:border-box;height:var(--rtk-space-16, 64px);width:100%;padding:var(--rtk-space-4, 16px);display:flex;justify-content:space-between;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));border-left-width:var(--rtk-border-width-none, 0);border-right-width:var(--rtk-border-width-none, 0);border-bottom-width:var(--rtk-border-width-sm, 1px);border-top-width:var(--rtk-border-width-none, 0);border-style:solid;--tw-border-opacity:1;border-bottom-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-border-opacity))}header.searching{justify-content:flex-end}header.searching .channel-details{display:none}header .channel-details{display:flex;flex-grow:1;flex-direction:column;justify-content:center;height:var(--rtk-space-9, 36px);width:var(--rtk-space-1, 4px)}header .channel-details .name{font-weight:500}header .channel-details .members{margin-top:var(--rtk-space-0\\.5, 2px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}header .channel-tools{display:flex;flex-shrink:0;justify-content:flex-end;gap:var(--rtk-space-1, 4px);min-width:var(--rtk-space-24, 96px)}header .channel-tools rtk-tooltip{height:var(--rtk-space-8, 32px);width:var(--rtk-space-10, 40px);display:flex}header .search-input{height:var(--rtk-space-8, 32px);width:var(--rtk-space-48, 192px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none;outline:2px solid transparent;outline-offset:2px;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255))}header .name{font-size:16px}header .br-primary-btn{background-color:transparent}header .br-primary-btn:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}@media (orientation: landscape) and (min-width: 400px){header.searching .channel-details{display:flex}}.back-btn{margin-right:var(--rtk-space-3, 12px)}";
|
|
14
14
|
const RtkChannelHeaderStyle0 = rtkChannelHeaderCss;
|
|
@@ -4,11 +4,11 @@ import './p-a83ccdbd.js';
|
|
|
4
4
|
import { S as SyncWithStore } from './p-beb5c7c8.js';
|
|
5
5
|
import { d as defineCustomElement$c } from './p-74d7f3a0.js';
|
|
6
6
|
import { d as defineCustomElement$b } from './p-1391bef0.js';
|
|
7
|
-
import { d as defineCustomElement$a } from './p-
|
|
7
|
+
import { d as defineCustomElement$a } from './p-13258097.js';
|
|
8
8
|
import { d as defineCustomElement$9 } from './p-c3ec35db.js';
|
|
9
9
|
import { d as defineCustomElement$8 } from './p-3b29dda1.js';
|
|
10
10
|
import { d as defineCustomElement$7 } from './p-0f94d9ad.js';
|
|
11
|
-
import { d as defineCustomElement$6 } from './p-
|
|
11
|
+
import { d as defineCustomElement$6 } from './p-ec54a0c7.js';
|
|
12
12
|
import { d as defineCustomElement$5 } from './p-9b4f77d0.js';
|
|
13
13
|
import { d as defineCustomElement$4 } from './p-258274b1.js';
|
|
14
14
|
import { d as defineCustomElement$3 } from './p-7b0b700d.js';
|
|
@@ -4,7 +4,7 @@ import { e as defaultIconPack, h as useLanguage } from './p-74e01969.js';
|
|
|
4
4
|
import './p-a83ccdbd.js';
|
|
5
5
|
import { d as defineCustomElement$3 } from './p-1391bef0.js';
|
|
6
6
|
import { d as defineCustomElement$2 } from './p-3b29dda1.js';
|
|
7
|
-
import { d as defineCustomElement$1 } from './p-
|
|
7
|
+
import { d as defineCustomElement$1 } from './p-fb836f65.js';
|
|
8
8
|
|
|
9
9
|
const rtkDraftAttachmentViewCss = ":host{display:flex;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));border-top-left-radius:var(--rtk-border-radius-md, 8px);border-top-right-radius:var(--rtk-border-radius-md, 8px)}.preview-overlay{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);background-color:inherit}.preview{position:absolute;top:var(--rtk-space-4, 16px);left:var(--rtk-space-4, 16px);max-width:-moz-fit-content;max-width:fit-content;max-height:var(--rtk-space-20, 80px)}.preview:hover rtk-tooltip{display:block}.preview rtk-tooltip{position:absolute;top:calc(var(--rtk-space-1, 4px) * -1);left:calc(var(--rtk-space-1, 4px) * -1);display:none;margin-left:calc(var(--rtk-space-1, 4px) * -1);margin-top:calc(var(--rtk-space-1, 4px) * -1)}.preview rtk-button{display:flex;height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));border:1px solid rgb(var(--rtk-colors-text-1000, 255 255 255))}.preview rtk-icon{height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.preview-image{height:var(--rtk-space-16, 64px);width:var(--rtk-space-16, 64px);-o-object-fit:cover;object-fit:cover;max-height:100%;max-width:100%;overflow:clip;border-radius:var(--rtk-border-radius-md, 8px)}.preview-file{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);--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));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--rtk-border-radius-md, 8px);max-width:200px}";
|
|
10
10
|
const RtkDraftAttachmentViewStyle0 = rtkDraftAttachmentViewCss;
|