@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.
Files changed (108) hide show
  1. package/dist/browser.js +1 -1
  2. package/dist/cjs/{floating-ui.dom.esm-90c5a220.js → floating-ui.dom.esm-705e65f3.js} +38 -21
  3. package/dist/cjs/rtk-avatar_54.cjs.entry.js +2 -2
  4. package/dist/cjs/rtk-camera-selector_2.cjs.entry.js +3 -3
  5. package/dist/cjs/rtk-caption-toggle.cjs.entry.js +1 -1
  6. package/dist/cjs/rtk-participant_2.cjs.entry.js +2 -2
  7. package/dist/cjs/rtk-plugin-main_2.cjs.entry.js +1 -1
  8. package/dist/cjs/rtk-plugins_2.cjs.entry.js +8 -5
  9. package/dist/collection/components/rtk-caption-toggle/rtk-caption-toggle.js +1 -1
  10. package/dist/collection/components/rtk-dialog-manager/rtk-dialog-manager.js +1 -1
  11. package/dist/collection/components/rtk-participant/rtk-participant.css +0 -2
  12. package/dist/collection/components/rtk-participant-tile/rtk-participant-tile.js +3 -3
  13. package/dist/collection/components/rtk-plugin-main/rtk-plugin-main.js +1 -1
  14. package/dist/collection/components/rtk-polls/rtk-polls.js +8 -5
  15. package/dist/components/{p-2a29bcee.js → p-13258097.js} +1 -1
  16. package/dist/components/{p-5cdf3eef.js → p-1c7de86c.js} +2 -2
  17. package/dist/components/{p-21c5daa6.js → p-2e5d41d6.js} +1 -1
  18. package/dist/components/{p-91da496e.js → p-3b34a317.js} +1 -1
  19. package/dist/components/{p-fe7d8bd5.js → p-47fbe920.js} +3 -3
  20. package/dist/components/{p-18be8fba.js → p-4e55295e.js} +3 -3
  21. package/dist/components/{p-3246ca48.js → p-535a38ec.js} +1 -1
  22. package/dist/components/{p-d77cddb6.js → p-53c730fe.js} +1 -1
  23. package/dist/components/{p-81f5a54c.js → p-5493aac4.js} +1 -1
  24. package/dist/components/{p-313d8bb6.js → p-555bbef5.js} +1 -1
  25. package/dist/components/{p-7f1a8e4a.js → p-590b8d1c.js} +1 -1
  26. package/dist/components/{p-336cf0db.js → p-5eb08127.js} +2 -2
  27. package/dist/components/{p-6651bbb0.js → p-63225105.js} +1 -1
  28. package/dist/components/{p-94cc1b33.js → p-769bb885.js} +38 -21
  29. package/dist/components/{p-2b07a9ed.js → p-8935943a.js} +2 -2
  30. package/dist/components/{p-be9e62b4.js → p-914c0c0d.js} +2 -2
  31. package/dist/components/{p-d009f42a.js → p-a41a2311.js} +1 -1
  32. package/dist/components/{p-942b1cc7.js → p-a5750e39.js} +5 -5
  33. package/dist/components/{p-2817923a.js → p-a922eb37.js} +1 -1
  34. package/dist/components/{p-90efc7c2.js → p-ab3007bd.js} +1 -1
  35. package/dist/components/{p-3e5293ce.js → p-af8be74e.js} +1 -1
  36. package/dist/components/{p-600ba2e1.js → p-b8845b46.js} +1 -1
  37. package/dist/components/{p-3408773e.js → p-daaafd7a.js} +10 -7
  38. package/dist/components/{p-26f082a7.js → p-e5ef089b.js} +1 -1
  39. package/dist/components/{p-26d02e75.js → p-e6cd5276.js} +16 -16
  40. package/dist/components/{p-b54f0841.js → p-ec54a0c7.js} +1 -1
  41. package/dist/components/{p-b788bae4.js → p-ee929898.js} +3 -3
  42. package/dist/components/{p-2d62c12d.js → p-f504adce.js} +4 -4
  43. package/dist/components/{p-895216f5.js → p-fb836f65.js} +1 -1
  44. package/dist/components/rtk-breakout-room-manager.js +1 -1
  45. package/dist/components/rtk-breakout-room-participants.js +1 -1
  46. package/dist/components/rtk-breakout-rooms-manager.js +1 -1
  47. package/dist/components/rtk-camera-toggle.js +1 -1
  48. package/dist/components/rtk-caption-toggle.js +1 -1
  49. package/dist/components/rtk-channel-header.js +1 -1
  50. package/dist/components/rtk-chat-composer-ui.js +1 -1
  51. package/dist/components/rtk-chat-composer-view.js +1 -1
  52. package/dist/components/rtk-chat-message.js +1 -1
  53. package/dist/components/rtk-chat-messages-ui-paginated.js +1 -1
  54. package/dist/components/rtk-chat-messages-ui.js +1 -1
  55. package/dist/components/rtk-chat-search-results.js +1 -1
  56. package/dist/components/rtk-chat.js +1 -1
  57. package/dist/components/rtk-dialog-manager.js +1 -1
  58. package/dist/components/rtk-draft-attachment-view.js +1 -1
  59. package/dist/components/rtk-emoji-picker-button.js +1 -1
  60. package/dist/components/rtk-file-picker-button.js +1 -1
  61. package/dist/components/rtk-grid-pagination.js +1 -1
  62. package/dist/components/rtk-meeting-title.js +1 -1
  63. package/dist/components/rtk-meeting.js +17 -17
  64. package/dist/components/rtk-menu.js +1 -1
  65. package/dist/components/rtk-message-view.js +1 -1
  66. package/dist/components/rtk-mic-toggle.js +1 -1
  67. package/dist/components/rtk-mixed-grid.js +4 -4
  68. package/dist/components/rtk-mute-all-button.js +1 -1
  69. package/dist/components/rtk-participant-tile.js +1 -1
  70. package/dist/components/rtk-participant.js +1 -1
  71. package/dist/components/rtk-participants-stage-queue.js +1 -1
  72. package/dist/components/rtk-participants-viewer-list.js +1 -1
  73. package/dist/components/rtk-participants-waiting-list.js +1 -1
  74. package/dist/components/rtk-participants.js +5 -5
  75. package/dist/components/rtk-plugin-main.js +1 -1
  76. package/dist/components/rtk-poll.js +1 -1
  77. package/dist/components/rtk-polls.js +1 -1
  78. package/dist/components/rtk-screen-share-toggle.js +1 -1
  79. package/dist/components/rtk-screenshare-view.js +1 -1
  80. package/dist/components/rtk-settings-video.js +1 -1
  81. package/dist/components/rtk-settings.js +2 -2
  82. package/dist/components/rtk-sidebar.js +3 -3
  83. package/dist/components/rtk-spotlight-indicator.js +1 -1
  84. package/dist/components/rtk-stage-toggle.js +1 -1
  85. package/dist/components/rtk-tab-bar.js +1 -1
  86. package/dist/components/rtk-tooltip.js +1 -1
  87. package/dist/docs/docs-components.json +1 -1
  88. package/dist/esm/{floating-ui.dom.esm-a2dc8eef.js → floating-ui.dom.esm-21c3d54e.js} +38 -21
  89. package/dist/esm/loader.js +41 -21
  90. package/dist/esm/rtk-avatar_54.entry.js +2 -2
  91. package/dist/esm/rtk-camera-selector_2.entry.js +3 -3
  92. package/dist/esm/rtk-caption-toggle.entry.js +1 -1
  93. package/dist/esm/rtk-participant_2.entry.js +2 -2
  94. package/dist/esm/rtk-plugin-main_2.entry.js +1 -1
  95. package/dist/esm/rtk-plugins_2.entry.js +8 -5
  96. package/dist/realtimekit-ui/{p-6271e03b.entry.js → p-1b626699.entry.js} +1 -1
  97. package/dist/realtimekit-ui/p-4d40567d.entry.js +1 -0
  98. package/dist/realtimekit-ui/p-769bb885.js +1 -0
  99. package/dist/realtimekit-ui/p-7839a177.entry.js +1 -0
  100. package/dist/realtimekit-ui/{p-8571130f.entry.js → p-822bf597.entry.js} +1 -1
  101. package/dist/realtimekit-ui/{p-9942a0f1.entry.js → p-82832d02.entry.js} +1 -1
  102. package/dist/realtimekit-ui/p-973b53de.entry.js +1 -0
  103. package/dist/realtimekit-ui/realtimekit-ui.esm.js +1 -1
  104. package/package.json +2 -2
  105. package/dist/realtimekit-ui/p-3b5af363.entry.js +0 -1
  106. package/dist/realtimekit-ui/p-783ab8d8.entry.js +0 -1
  107. package/dist/realtimekit-ui/p-94cc1b33.js +0 -1
  108. package/dist/realtimekit-ui/p-fb948fd1.entry.js +0 -1
@@ -607,7 +607,7 @@ const flip$1 = function (options) {
607
607
  if (!ignoreCrossAxisOverflow ||
608
608
  // We leave the current main axis only if every placement on that axis
609
609
  // overflows the main axis.
610
- overflowsData.every(d => d.overflows[0] > 0 && getSideAxis(d.placement) === initialSideAxis)) {
610
+ overflowsData.every(d => getSideAxis(d.placement) === initialSideAxis ? d.overflows[0] > 0 : true)) {
611
611
  // Try next placement and re-run the lifecycle.
612
612
  return {
613
613
  data: {
@@ -1231,7 +1231,7 @@ function isOverflowElement(element) {
1231
1231
  overflowX,
1232
1232
  overflowY,
1233
1233
  display
1234
- } = getComputedStyle(element);
1234
+ } = getComputedStyle$1(element);
1235
1235
  return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !invalidOverflowDisplayValues.has(display);
1236
1236
  }
1237
1237
  const tableElements = /*#__PURE__*/new Set(['table', 'td', 'th']);
@@ -1253,7 +1253,7 @@ const willChangeValues = ['transform', 'translate', 'scale', 'rotate', 'perspect
1253
1253
  const containValues = ['paint', 'layout', 'strict', 'content'];
1254
1254
  function isContainingBlock(elementOrCss) {
1255
1255
  const webkit = isWebKit();
1256
- const css = isElement(elementOrCss) ? getComputedStyle(elementOrCss) : elementOrCss;
1256
+ const css = isElement(elementOrCss) ? getComputedStyle$1(elementOrCss) : elementOrCss;
1257
1257
 
1258
1258
  // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
1259
1259
  // https://drafts.csswg.org/css-transforms-2/#individual-transforms
@@ -1279,7 +1279,7 @@ const lastTraversableNodeNames = /*#__PURE__*/new Set(['html', 'body', '#documen
1279
1279
  function isLastTraversableNode(node) {
1280
1280
  return lastTraversableNodeNames.has(getNodeName(node));
1281
1281
  }
1282
- function getComputedStyle(element) {
1282
+ function getComputedStyle$1(element) {
1283
1283
  return getWindow(element).getComputedStyle(element);
1284
1284
  }
1285
1285
  function getNodeScroll(element) {
@@ -1341,7 +1341,7 @@ function getFrameElement(win) {
1341
1341
  }
1342
1342
 
1343
1343
  function getCssDimensions(element) {
1344
- const css = getComputedStyle(element);
1344
+ const css = getComputedStyle$1(element);
1345
1345
  // In testing environments, the `width` and `height` properties are empty
1346
1346
  // strings for SVG elements, returning NaN. Fallback to `0` in this case.
1347
1347
  let width = parseFloat(css.width) || 0;
@@ -1446,7 +1446,7 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
1446
1446
  while (currentIFrame && offsetParent && offsetWin !== currentWin) {
1447
1447
  const iframeScale = getScale(currentIFrame);
1448
1448
  const iframeRect = currentIFrame.getBoundingClientRect();
1449
- const css = getComputedStyle(currentIFrame);
1449
+ const css = getComputedStyle$1(currentIFrame);
1450
1450
  const left = iframeRect.left + (currentIFrame.clientLeft + parseFloat(css.paddingLeft)) * iframeScale.x;
1451
1451
  const top = iframeRect.top + (currentIFrame.clientTop + parseFloat(css.paddingTop)) * iframeScale.y;
1452
1452
  x *= iframeScale.x;
@@ -1477,14 +1477,9 @@ function getWindowScrollBarX(element, rect) {
1477
1477
  return rect.left + leftScroll;
1478
1478
  }
1479
1479
 
1480
- function getHTMLOffset(documentElement, scroll, ignoreScrollbarX) {
1481
- if (ignoreScrollbarX === void 0) {
1482
- ignoreScrollbarX = false;
1483
- }
1480
+ function getHTMLOffset(documentElement, scroll) {
1484
1481
  const htmlRect = documentElement.getBoundingClientRect();
1485
- const x = htmlRect.left + scroll.scrollLeft - (ignoreScrollbarX ? 0 :
1486
- // RTL <body> scrollbar.
1487
- getWindowScrollBarX(documentElement, htmlRect));
1482
+ const x = htmlRect.left + scroll.scrollLeft - getWindowScrollBarX(documentElement, htmlRect);
1488
1483
  const y = htmlRect.top + scroll.scrollTop;
1489
1484
  return {
1490
1485
  x,
@@ -1523,7 +1518,7 @@ function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
1523
1518
  offsets.y = offsetRect.y + offsetParent.clientTop;
1524
1519
  }
1525
1520
  }
1526
- const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll, true) : createCoords(0);
1521
+ const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
1527
1522
  return {
1528
1523
  width: rect.width * scale.x,
1529
1524
  height: rect.height * scale.y,
@@ -1546,7 +1541,7 @@ function getDocumentRect(element) {
1546
1541
  const height = max(html.scrollHeight, html.clientHeight, body.scrollHeight, body.clientHeight);
1547
1542
  let x = -scroll.scrollLeft + getWindowScrollBarX(element);
1548
1543
  const y = -scroll.scrollTop;
1549
- if (getComputedStyle(body).direction === 'rtl') {
1544
+ if (getComputedStyle$1(body).direction === 'rtl') {
1550
1545
  x += max(html.clientWidth, body.clientWidth) - width;
1551
1546
  }
1552
1547
  return {
@@ -1557,6 +1552,10 @@ function getDocumentRect(element) {
1557
1552
  };
1558
1553
  }
1559
1554
 
1555
+ // Safety check: ensure the scrollbar space is reasonable in case this
1556
+ // calculation is affected by unusual styles.
1557
+ // Most scrollbars leave 15-18px of space.
1558
+ const SCROLLBAR_MAX = 25;
1560
1559
  function getViewportRect(element, strategy) {
1561
1560
  const win = getWindow(element);
1562
1561
  const html = getDocumentElement(element);
@@ -1574,6 +1573,24 @@ function getViewportRect(element, strategy) {
1574
1573
  y = visualViewport.offsetTop;
1575
1574
  }
1576
1575
  }
1576
+ const windowScrollbarX = getWindowScrollBarX(html);
1577
+ // <html> `overflow: hidden` + `scrollbar-gutter: stable` reduces the
1578
+ // visual width of the <html> but this is not considered in the size
1579
+ // of `html.clientWidth`.
1580
+ if (windowScrollbarX <= 0) {
1581
+ const doc = html.ownerDocument;
1582
+ const body = doc.body;
1583
+ const bodyStyles = getComputedStyle(body);
1584
+ const bodyMarginInline = doc.compatMode === 'CSS1Compat' ? parseFloat(bodyStyles.marginLeft) + parseFloat(bodyStyles.marginRight) || 0 : 0;
1585
+ const clippingStableScrollbarWidth = Math.abs(html.clientWidth - body.clientWidth - bodyMarginInline);
1586
+ if (clippingStableScrollbarWidth <= SCROLLBAR_MAX) {
1587
+ width -= clippingStableScrollbarWidth;
1588
+ }
1589
+ } else if (windowScrollbarX <= SCROLLBAR_MAX) {
1590
+ // If the <body> scrollbar is on the left, the width needs to be extended
1591
+ // by the scrollbar amount so there isn't extra space on the right.
1592
+ width += windowScrollbarX;
1593
+ }
1577
1594
  return {
1578
1595
  width,
1579
1596
  height,
@@ -1624,7 +1641,7 @@ function hasFixedPositionAncestor(element, stopNode) {
1624
1641
  if (parentNode === stopNode || !isElement(parentNode) || isLastTraversableNode(parentNode)) {
1625
1642
  return false;
1626
1643
  }
1627
- return getComputedStyle(parentNode).position === 'fixed' || hasFixedPositionAncestor(parentNode, stopNode);
1644
+ return getComputedStyle$1(parentNode).position === 'fixed' || hasFixedPositionAncestor(parentNode, stopNode);
1628
1645
  }
1629
1646
 
1630
1647
  // A "clipping ancestor" is an `overflow` element with the characteristic of
@@ -1637,12 +1654,12 @@ function getClippingElementAncestors(element, cache) {
1637
1654
  }
1638
1655
  let result = getOverflowAncestors(element, [], false).filter(el => isElement(el) && getNodeName(el) !== 'body');
1639
1656
  let currentContainingBlockComputedStyle = null;
1640
- const elementIsFixed = getComputedStyle(element).position === 'fixed';
1657
+ const elementIsFixed = getComputedStyle$1(element).position === 'fixed';
1641
1658
  let currentNode = elementIsFixed ? getParentNode(element) : element;
1642
1659
 
1643
1660
  // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
1644
1661
  while (isElement(currentNode) && !isLastTraversableNode(currentNode)) {
1645
- const computedStyle = getComputedStyle(currentNode);
1662
+ const computedStyle = getComputedStyle$1(currentNode);
1646
1663
  const currentNodeIsContaining = isContainingBlock(currentNode);
1647
1664
  if (!currentNodeIsContaining && computedStyle.position === 'fixed') {
1648
1665
  currentContainingBlockComputedStyle = null;
@@ -1743,11 +1760,11 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
1743
1760
  }
1744
1761
 
1745
1762
  function isStaticPositioned(element) {
1746
- return getComputedStyle(element).position === 'static';
1763
+ return getComputedStyle$1(element).position === 'static';
1747
1764
  }
1748
1765
 
1749
1766
  function getTrueOffsetParent(element, polyfill) {
1750
- if (!isHTMLElement(element) || getComputedStyle(element).position === 'fixed') {
1767
+ if (!isHTMLElement(element) || getComputedStyle$1(element).position === 'fixed') {
1751
1768
  return null;
1752
1769
  }
1753
1770
  if (polyfill) {
@@ -1808,7 +1825,7 @@ const getElementRects = async function (data) {
1808
1825
  };
1809
1826
 
1810
1827
  function isRTL(element) {
1811
- return getComputedStyle(element).direction === 'rtl';
1828
+ return getComputedStyle$1(element).direction === 'rtl';
1812
1829
  }
1813
1830
 
1814
1831
  const platform = {
@@ -3,7 +3,7 @@ import { e as defaultIconPack, h as useLanguage, c as createDefaultConfig, L as
3
3
  import { l as lenChildren, R as Render } from './p-60fdbd75.js';
4
4
  import { f as formatName, s as shorten } from './p-338c7261.js';
5
5
  import './p-a83ccdbd.js';
6
- import { c as computePosition, b as autoPlacement, o as offset, s as shift, h as hide } from './p-94cc1b33.js';
6
+ import { c as computePosition, b as autoPlacement, o as offset, s as shift, h as hide } from './p-769bb885.js';
7
7
  import { S as SyncWithStore } from './p-beb5c7c8.js';
8
8
  import { d as defineCustomElement$6 } from './p-74d7f3a0.js';
9
9
  import { d as defineCustomElement$5 } from './p-1391bef0.js';
@@ -12,7 +12,7 @@ import { d as defineCustomElement$3 } from './p-9b4f77d0.js';
12
12
  import { d as defineCustomElement$2 } from './p-258274b1.js';
13
13
  import { d as defineCustomElement$1 } from './p-fe4cd240.js';
14
14
 
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;top:var(--rtk-space-8, 32px) !important;right:var(--rtk-space-4, 16px) !important;z-index:20}";
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}";
16
16
  const RtkParticipantStyle0 = rtkParticipantCss;
17
17
 
18
18
  var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -7,10 +7,10 @@ import { d as defineCustomElement$b } from './p-0081423d.js';
7
7
  import { d as defineCustomElement$a } from './p-3b29dda1.js';
8
8
  import { d as defineCustomElement$9 } from './p-05b503da.js';
9
9
  import { d as defineCustomElement$8 } from './p-b9e78c21.js';
10
- import { d as defineCustomElement$7 } from './p-b54f0841.js';
10
+ import { d as defineCustomElement$7 } from './p-ec54a0c7.js';
11
11
  import { d as defineCustomElement$6 } from './p-9b4f77d0.js';
12
12
  import { d as defineCustomElement$5 } from './p-258274b1.js';
13
- import { d as defineCustomElement$4 } from './p-d77cddb6.js';
13
+ import { d as defineCustomElement$4 } from './p-53c730fe.js';
14
14
  import { d as defineCustomElement$3 } from './p-7b0b700d.js';
15
15
  import { d as defineCustomElement$2 } from './p-fe4cd240.js';
16
16
  import { d as defineCustomElement$1 } from './p-095e6b83.js';
@@ -4,7 +4,7 @@ import { b as getPreference, s as setPreference } from './p-a83ccdbd.js';
4
4
  import { S as SyncWithStore } from './p-beb5c7c8.js';
5
5
  import { d as defineCustomElement$4 } from './p-7f5ba3a2.js';
6
6
  import { d as defineCustomElement$3 } from './p-3b29dda1.js';
7
- import { d as defineCustomElement$2 } from './p-fe7d8bd5.js';
7
+ import { d as defineCustomElement$2 } from './p-47fbe920.js';
8
8
  import { d as defineCustomElement$1 } from './p-ed31845a.js';
9
9
 
10
10
  const rtkSettingsVideoCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.rtk-select{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.rtk-select:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.rtk-select{display:block;border-radius:var(--rtk-border-radius-sm, 4px);border-width:var(--rtk-border-width-none, 0);border-style:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--rtk-space-3, 12px);font-size:16px;--icon-size:var(--rtk-select-chevron-size, var(--rtk-space-6, 24px));--icon-right-position:var(--rtk-select-chevron-right-position, var(--rtk-space-2, 8px));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e\");background-position:right var(--icon-right-position) center;background-repeat:no-repeat;background-size:var(--icon-size) var(--icon-size);padding-right:calc(var(--icon-right-position) * 5)}:host{display:flex;width:100%;flex-direction:column}.rtk-select{width:100%;text-overflow:ellipsis}rtk-participant-tile{margin-left:auto;margin-right:auto;margin-bottom:var(--rtk-space-4, 16px);max-width:100%}#icon{padding-bottom:var(--rtk-space-1, 4px)}.apply-button{height:var(--rtk-space-10, 40px)}label{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:14px}.group{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px)}.group>*{margin-bottom:var(--rtk-space-2, 8px)}.group>*:last-child{margin-bottom:var(--rtk-space-0, 0px)}.group select{flex:1 1 0%}.row{display:flex;align-items:center;justify-content:space-between;gap:var(--rtk-space-3, 12px)}.section{display:flex;flex-direction:column}@media only screen and (max-height: 480px) and (orientation: landscape){:host{flex-direction:row}:host([size='sm']){flex-direction:row}.section[part='tile-preview']{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);max-height:90%;max-width:40%;flex-shrink:1}.section[part='video-settings']{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);flex-grow:1}}";
@@ -3,9 +3,9 @@ import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from
3
3
  import { S as SyncWithStore } from './p-beb5c7c8.js';
4
4
  import { R as Render } from './p-60fdbd75.js';
5
5
  import { d as defineCustomElement$n } from './p-74d7f3a0.js';
6
- import { d as defineCustomElement$m } from './p-2817923a.js';
7
- import { d as defineCustomElement$l } from './p-91da496e.js';
8
- import { d as defineCustomElement$k } from './p-b788bae4.js';
6
+ import { d as defineCustomElement$m } from './p-a922eb37.js';
7
+ import { d as defineCustomElement$l } from './p-3b34a317.js';
8
+ import { d as defineCustomElement$k } from './p-ee929898.js';
9
9
  import { d as defineCustomElement$j } from './p-46a0aa0b.js';
10
10
  import { d as defineCustomElement$i } from './p-1391bef0.js';
11
11
  import { d as defineCustomElement$h } from './p-96a0663a.js';
@@ -24,7 +24,7 @@ import { d as defineCustomElement$5 } from './p-bb6d1fe9.js';
24
24
  import { d as defineCustomElement$4 } from './p-3b1c4e80.js';
25
25
  import { d as defineCustomElement$3 } from './p-95b61f33.js';
26
26
  import { d as defineCustomElement$2 } from './p-fe4cd240.js';
27
- import { d as defineCustomElement$1 } from './p-895216f5.js';
27
+ import { d as defineCustomElement$1 } from './p-fb836f65.js';
28
28
 
29
29
  const rtkDialogManagerCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block}";
30
30
  const RtkDialogManagerStyle0 = rtkDialogManagerCss;
@@ -81,7 +81,7 @@ const RtkDialogManager = /*@__PURE__*/ proxyCustomElement(class RtkDialogManager
81
81
  (_a = this.meeting.stage) === null || _a === void 0 ? void 0 : _a.removeListener('stageStatusUpdate', this.stageStatusUpdateListener);
82
82
  }
83
83
  meetingChanged(meeting) {
84
- if (meeting == undefined)
84
+ if (!meeting)
85
85
  return;
86
86
  const { stage } = meeting;
87
87
  stage === null || stage === void 0 ? void 0 : stage.addListener('stageStatusUpdate', this.stageStatusUpdateListener);
@@ -6,7 +6,7 @@ import { d as defineCustomElement$5 } from './p-74d7f3a0.js';
6
6
  import { d as defineCustomElement$4 } from './p-1391bef0.js';
7
7
  import { d as defineCustomElement$3 } from './p-3b29dda1.js';
8
8
  import { d as defineCustomElement$2 } from './p-fe4cd240.js';
9
- import { d as defineCustomElement$1 } from './p-895216f5.js';
9
+ import { d as defineCustomElement$1 } from './p-fb836f65.js';
10
10
 
11
11
  const rtkBreakoutRoomManagerCss = ":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{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));border-radius:var(--rtk-border-radius-sm, 4px)}@keyframes bg-glow{25%{background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.2)}50%{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}75%{background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.2)}}.glowing-card{animation:bg-glow 0.8s}.selector-mode,.assign-mode{display:flex;flex-direction:column;align-items:center;padding:var(--rtk-space-2, 8px);cursor:pointer}.selector:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.show-on-hover{display:none}.header{width:100%;display:flex;align-items:center}.header rtk-icon{margin-left:var(--rtk-space-2, 8px);height:var(--rtk-space-5, 20px);cursor:pointer}.header .danger{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}.header .hide{display:none}.header .rooms-container{display:flex;flex-grow:1;flex-direction:row;align-items:center;justify-content:flex-end}.header input{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));padding:var(--rtk-space-1, 4px);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));max-width:var(--rtk-space-36, 144px);font-size:14px;font-weight:500;border-radius:var(--rtk-border-radius-sm, 4px);border-width:var(--rtk-border-width-none, 0);border-style:none;outline:2px solid transparent;outline-offset:2px;border-bottom-width:var(--rtk-border-width-sm, 1px);border-style:solid;--tw-border-opacity:1;border-bottom-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-border-opacity))}.header input:disabled{overflow-x:visible;border-radius:var(--rtk-border-radius-none, 0);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent}.header input:invalid{border-bottom-width:var(--rtk-border-width-sm, 1px);border-style:dashed;--tw-border-opacity:1;border-bottom-color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-border-opacity))}.header input.editing-enabled{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}.header .participant-count{display:flex;align-items:center;font-size:14px;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.header .participant-count rtk-icon{margin:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-0\\.5, 2px);width:var(--rtk-space-3, 12px)}.header .assign-button{height:var(--rtk-space-6, 24px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity));text-decoration-line:underline}.header .assign-button:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.participant-list{display:grid;flex-grow:1;grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--rtk-space-2, 8px);margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);width:100%;border-radius:var(--rtk-border-radius-sm, 4px)}.participant-list::-webkit-scrollbar{width:var(--rtk-space-1\\.5, 6px)}.participant-list::-webkit-scrollbar-thumb{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))}.participant-list::-webkit-scrollbar-track{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))}.participant-item{display:flex;align-items:center;justify-content:space-between;margin-right:var(--rtk-space-2, 8px);height:-moz-fit-content;height:fit-content;padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px)}.participant-item:hover{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))}.selector-mode:hover .show-on-hover{display:flex}.message-container{margin:var(--rtk-space-0, 0px);display:flex;width:100%;padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px)}.message-container p{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0, 0px);height:var(--rtk-space-20, 80px);display:flex;width:100%;align-items:center;justify-content:center;border-radius:var(--rtk-border-radius-sm, 4px);font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));border-style:dashed;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity))}.message-container p:hover{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-border-opacity));background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.25)}.message-container .drop-zone-active{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-border-opacity));background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.25)}rtk-icon{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}.show-on-hover{margin-left:var(--rtk-space-4, 16px);height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);display:none}:host(:hover) .show-on-hover{display:flex}.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-900, 255 255 255 / 0.88))}.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}";
12
12
  const RtkBreakoutRoomManagerStyle0 = rtkBreakoutRoomManagerCss;
@@ -6,7 +6,7 @@ import { d as defineCustomElement$5 } from './p-74d7f3a0.js';
6
6
  import { d as defineCustomElement$4 } from './p-1391bef0.js';
7
7
  import { d as defineCustomElement$3 } from './p-3b29dda1.js';
8
8
  import { d as defineCustomElement$2 } from './p-fe4cd240.js';
9
- import { d as defineCustomElement$1 } from './p-895216f5.js';
9
+ import { d as defineCustomElement$1 } from './p-fb836f65.js';
10
10
 
11
11
  const rtkParticipantsStageQueueCss = ":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{margin-top:var(--rtk-space-2, 8px);display:flex;width:100%;flex-direction:column;font-size:14px}.stage-requested-participants{margin-bottom:var(--rtk-space-8, 32px)}.stage-requested-participants .bulk-actions{display:flex;gap:var(--rtk-space-2, 8px)}.stage-requested-participants .bulk-actions .accept-all-button{--tw-text-opacity:1;color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-text-opacity))}.stage-requested-participants .bulk-actions rtk-button{flex:1 1 0%}h3,.heading-count{margin:var(--rtk-space-0, 0px);display:flex;align-items:center;justify-content:center;padding:var(--rtk-space-0, 0px);font-size:16px;font-weight:400;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));text-align:center}.heading-count{font-size:14px}.participants{margin-top:var(--rtk-space-2, 8px);padding:var(--rtk-space-0, 0px)}.waiting-participant{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);display:flex;align-items:center}.waiting-participant .participant-details{margin-right:auto;display:flex;align-items:center}.waiting-participant .participant-details rtk-avatar{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);flex-shrink:0;font-size:14px}.waiting-participant .participant-details .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}@media (min-width: 1080px){.waiting-participant .participant-details .name{max-width:var(--rtk-space-40, 160px)}}.waiting-participant .waitlist-controls{display:flex}.waiting-participant .waitlist-controls rtk-button{margin-left:var(--rtk-space-2, 8px);cursor:pointer;border-radius:var(--rtk-border-radius-sm, 4px)}.waiting-participant .waitlist-controls rtk-icon.accept{--tw-text-opacity:1;color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-text-opacity))}.waiting-participant .waitlist-controls rtk-icon.deny{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}";
12
12
  const RtkParticipantsStageQueueStyle0 = rtkParticipantsStageQueueCss;
@@ -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-74e01969.js';
3
3
  import { S as SyncWithStore } from './p-beb5c7c8.js';
4
4
  import { d as defineCustomElement$2 } from './p-3b29dda1.js';
5
- import { d as defineCustomElement$1 } from './p-895216f5.js';
5
+ import { d as defineCustomElement$1 } from './p-fb836f65.js';
6
6
 
7
7
  const rtkSpotlightIndicatorCss = ":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{font-size:12px}#sync-button{flex-direction:row;border-radius:var(--rtk-border-radius-sm, 4px);padding-left:var(--rtk-space-1, 4px);display:flex;align-items:center;justify-content:center;margin-bottom:var(--rtk-space-1, 4px);font-size:12px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}:host([size='sm']) rtk-tooltip,:host([size='md']) rtk-tooltip{width:100%}:host([size='sm'])>#sync-button{height:var(--rtk-space-8, 32px);width:var(--rtk-space-16, 64px);padding-left:var(--rtk-space-0, 0px)}:host([size='md'])>#sync-button{height:var(--rtk-space-8, 32px);width:var(--rtk-space-16, 64px)}:host([size='lg'])>#sync-button{flex-direction:row;height:var(--rtk-space-8, 32px);width:var(--rtk-space-16, 64px)}@media (orientation: portrait){:host([size='lg']) #sync-button{flex-direction:column-reverse;height:var(--rtk-space-16, 64px);width:var(--rtk-space-16, 64px)}:host([size='md']) #sync-button{height:var(--rtk-space-16, 64px);width:var(--rtk-space-16, 64px)}:host([size='sm']) #sync-button{height:var(--rtk-space-10, 40px);width:var(--rtk-space-16, 64px);flex-direction:row}}#sync-button>rtk-icon{max-height:14px}#sync-button rtk-icon{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}:host([size='sm']) #sync-button>rtk-icon{width:auto}#sync-button.active rtk-icon{color:rgb(var(--rtk-colors-text-1000, 255 255 255))}div{align-content:center;line-height:2rem}rtk-icon{height:var(--rtk-space-6, 24px);width:var(--rtk-space-8, 32px)}#sync-button.active{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-bg-opacity))}";
8
8
  const RtkSpotlightIndicatorStyle0 = rtkSpotlightIndicatorCss;
@@ -6,7 +6,7 @@ import { d as defineCustomElement$5 } from './p-74d7f3a0.js';
6
6
  import { d as defineCustomElement$4 } from './p-1391bef0.js';
7
7
  import { d as defineCustomElement$3 } from './p-3b29dda1.js';
8
8
  import { d as defineCustomElement$2 } from './p-fe4cd240.js';
9
- import { d as defineCustomElement$1 } from './p-895216f5.js';
9
+ import { d as defineCustomElement$1 } from './p-fb836f65.js';
10
10
 
11
11
  const rtkParticipantsWaitingListCss = ":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{margin-top:var(--rtk-space-4, 16px);margin-bottom:calc(var(--rtk-space-2, 8px) * -1);display:flex;width:100%;flex-direction:column;font-size:14px}.waiting-participants{margin-bottom:var(--rtk-space-8, 32px)}.waiting-participants .accept-all-button{--tw-text-opacity:1;color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-text-opacity))}h3,.heading-count{margin:var(--rtk-space-0, 0px);display:flex;align-items:center;justify-content:center;padding:var(--rtk-space-0, 0px);font-size:16px;font-weight:400;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));text-align:center}.heading-count{font-size:14px}.participants{margin-top:var(--rtk-space-2, 8px);padding:var(--rtk-space-0, 0px)}.waiting-participant{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);display:flex;align-items:center}.waiting-participant .participant-details{margin-right:auto;display:flex;align-items:center}.waiting-participant .participant-details rtk-avatar{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);flex-shrink:0;font-size:14px}.waiting-participant .participant-details .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 1080px){.waiting-participant .participant-details .name{max-width:var(--rtk-space-40, 160px)}}.waiting-participant .waitlist-controls{display:flex}.waiting-participant .waitlist-controls rtk-button{margin-left:var(--rtk-space-2, 8px);cursor:pointer;border-radius:var(--rtk-border-radius-sm, 4px)}.waiting-participant .waitlist-controls rtk-icon.accept{--tw-text-opacity:1;color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-text-opacity))}.waiting-participant .waitlist-controls rtk-icon.deny{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}";
12
12
  const RtkParticipantsWaitingListStyle0 = rtkParticipantsWaitingListCss;
@@ -5,9 +5,9 @@ import { s as smoothScrollToBottom } from './p-0752f2ba.js';
5
5
  import { S as SyncWithStore } from './p-beb5c7c8.js';
6
6
  import { d as defineCustomElement$5 } from './p-1391bef0.js';
7
7
  import { d as defineCustomElement$4 } from './p-3b29dda1.js';
8
- import { d as defineCustomElement$3 } from './p-81f5a54c.js';
8
+ import { d as defineCustomElement$3 } from './p-5493aac4.js';
9
9
  import { d as defineCustomElement$2 } from './p-e91c4d3d.js';
10
- import { d as defineCustomElement$1 } from './p-895216f5.js';
10
+ import { d as defineCustomElement$1 } from './p-fb836f65.js';
11
11
 
12
12
  const rtkPollsCss = ":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{margin-top:var(--rtk-space-2, 8px);display:flex;height:100%;width:100%;flex-direction:column;font-size:14px}*{box-sizing:border-box}.ctr{box-sizing:border-box;padding:var(--rtk-space-3, 12px);padding-top:var(--rtk-space-0, 0px);display:flex;flex:1 1 0%;flex-direction:column}.polls-view{overflow-y:auto;flex:1 1 0%;flex-basis:0}.empty-polls{display:flex;height:100%;width:100%;align-items:center;justify-content:center}";
13
13
  const RtkPollsStyle0 = rtkPollsCss;
@@ -35,6 +35,8 @@ const RtkPolls = /*@__PURE__*/ proxyCustomElement(class RtkPolls extends H {
35
35
  this.t = useLanguage();
36
36
  /** Create State */
37
37
  this.create = false;
38
+ /** Polls */
39
+ this.polls = [];
38
40
  this.onPollsUpdate = (data) => {
39
41
  this.polls = [...data.polls];
40
42
  };
@@ -53,9 +55,9 @@ const RtkPolls = /*@__PURE__*/ proxyCustomElement(class RtkPolls extends H {
53
55
  this.meeting.self.permissions.removeListener('pollsUpdate', this.onUpdatePermissions);
54
56
  }
55
57
  meetingChanged(meeting) {
56
- if (meeting == undefined)
58
+ if (!meeting)
57
59
  return;
58
- if (meeting && !meeting.polls)
60
+ if (!meeting.polls)
59
61
  return;
60
62
  this.permissions = this.meeting.self.permissions;
61
63
  this.polls = [...meeting.polls.items];
@@ -76,14 +78,15 @@ const RtkPolls = /*@__PURE__*/ proxyCustomElement(class RtkPolls extends H {
76
78
  smoothScrollToBottom(this.pollEl);
77
79
  }
78
80
  render() {
79
- return (h(Host, { key: '32f9a66439b84ad236368f1aa09c2aaa2dad71c0' }, h("div", { key: '0703028114fffd45a29dc4b952588356039f105d', class: "ctr", part: "container" }, h("div", { key: '45aecbd2b846b297add5b267b9798e69da1a1028', class: "polls-view scrollbar", ref: (el) => (this.pollEl = el), part: "polls" }, this.polls.length == 0 && this.create !== true && (h("div", { key: 'c2d3dbf8e58715dd67043fad64b2859a1674754d', class: "empty-polls" }, this.t('polls.empty'))), this.polls.map((item) => {
81
+ var _a, _b;
82
+ 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) => {
80
83
  var _a;
81
84
  return (h("rtk-poll", { key: item.id, poll: item, onRtkVotePoll: (e) => {
82
85
  this.onVote(e.detail.id, e.detail.index);
83
86
  }, self: (_a = this.meeting) === null || _a === void 0 ? void 0 : _a.self.userId, iconPack: this.iconPack, t: this.t, permissions: this.permissions }));
84
- }), this.create && (h("rtk-poll-form", { key: '6ac47131bb1c34b5f00771183c5738759093133b', part: "poll-form", onRtkCreatePoll: (e) => {
87
+ }), this.create && (h("rtk-poll-form", { key: '71fc9e183684f5cafee5f0885af3d679d099a8ec', part: "poll-form", onRtkCreatePoll: (e) => {
85
88
  this.onCreate(e.detail);
86
- }, iconPack: this.iconPack, t: this.t }))), this.permissions.polls.canCreate && (h("rtk-button", { key: '1e8ec7c85707c1f0db18b89c069190cc43963b11', kind: "wide", onClick: () => this.toggleCreateState(), variant: this.create ? 'secondary' : 'primary', part: "button" }, this.create ? this.t('polls.cancel') : this.t('polls.create'))))));
89
+ }, 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'))))));
87
90
  }
88
91
  static get watchers() { return {
89
92
  "meeting": ["meetingChanged"]
@@ -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-895216f5.js';
7
+ import { d as defineCustomElement$1 } from './p-fb836f65.js';
8
8
 
9
9
  const rtkEmojiPickerButtonCss = ":host{}";
10
10
  const RtkEmojiPickerButtonStyle0 = rtkEmojiPickerButtonCss;
@@ -4,20 +4,20 @@ import { h as handleFilesDataTransfer, g as generateChatGroupKey, T as TEMPORARY
4
4
  import { c as chatUnreadTimestamps } from './p-a83ccdbd.js';
5
5
  import { S as SyncWithStore } from './p-beb5c7c8.js';
6
6
  import { d as defineCustomElement$Q } from './p-74d7f3a0.js';
7
- import { d as defineCustomElement$P } from './p-2817923a.js';
8
- import { d as defineCustomElement$O } from './p-91da496e.js';
9
- import { d as defineCustomElement$N } from './p-b788bae4.js';
7
+ import { d as defineCustomElement$P } from './p-a922eb37.js';
8
+ import { d as defineCustomElement$O } from './p-3b34a317.js';
9
+ import { d as defineCustomElement$N } from './p-ee929898.js';
10
10
  import { d as defineCustomElement$M } from './p-46a0aa0b.js';
11
11
  import { d as defineCustomElement$L } from './p-1391bef0.js';
12
12
  import { d as defineCustomElement$K } from './p-96a0663a.js';
13
13
  import { d as defineCustomElement$J } from './p-10d4f8a5.js';
14
- import { d as defineCustomElement$I } from './p-7f1a8e4a.js';
14
+ import { d as defineCustomElement$I } from './p-590b8d1c.js';
15
15
  import { d as defineCustomElement$H } from './p-8df26513.js';
16
- import { d as defineCustomElement$G } from './p-2d62c12d.js';
17
- import { d as defineCustomElement$F } from './p-2a29bcee.js';
18
- import { d as defineCustomElement$E } from './p-18be8fba.js';
19
- import { d as defineCustomElement$D } from './p-be9e62b4.js';
20
- import { d as defineCustomElement$C } from './p-336cf0db.js';
16
+ import { d as defineCustomElement$G } from './p-f504adce.js';
17
+ import { d as defineCustomElement$F } from './p-13258097.js';
18
+ import { d as defineCustomElement$E } from './p-4e55295e.js';
19
+ import { d as defineCustomElement$D } from './p-914c0c0d.js';
20
+ import { d as defineCustomElement$C } from './p-5eb08127.js';
21
21
  import { d as defineCustomElement$B } from './p-4e857a0d.js';
22
22
  import { d as defineCustomElement$A } from './p-07ab7497.js';
23
23
  import { d as defineCustomElement$z } from './p-60025dc2.js';
@@ -26,13 +26,13 @@ import { d as defineCustomElement$x } from './p-55f81a3e.js';
26
26
  import { d as defineCustomElement$w } from './p-be80c5b1.js';
27
27
  import { d as defineCustomElement$v } from './p-a34d743e.js';
28
28
  import { d as defineCustomElement$u } from './p-dc9eb0c2.js';
29
- import { d as defineCustomElement$t } from './p-942b1cc7.js';
30
- import { d as defineCustomElement$s } from './p-6651bbb0.js';
29
+ import { d as defineCustomElement$t } from './p-a5750e39.js';
30
+ import { d as defineCustomElement$s } from './p-63225105.js';
31
31
  import { d as defineCustomElement$r } from './p-1fb807e2.js';
32
- import { d as defineCustomElement$q } from './p-26f082a7.js';
32
+ import { d as defineCustomElement$q } from './p-e5ef089b.js';
33
33
  import { d as defineCustomElement$p } from './p-c3ec35db.js';
34
34
  import { d as defineCustomElement$o } from './p-0081423d.js';
35
- import { d as defineCustomElement$n } from './p-21c5daa6.js';
35
+ import { d as defineCustomElement$n } from './p-2e5d41d6.js';
36
36
  import { d as defineCustomElement$m } from './p-3b29dda1.js';
37
37
  import { d as defineCustomElement$l } from './p-0f94d9ad.js';
38
38
  import { d as defineCustomElement$k } from './p-05b503da.js';
@@ -40,10 +40,10 @@ import { d as defineCustomElement$j } from './p-90500e75.js';
40
40
  import { d as defineCustomElement$i } from './p-4bd4064f.js';
41
41
  import { d as defineCustomElement$h } from './p-c2d72f31.js';
42
42
  import { d as defineCustomElement$g } from './p-b9e78c21.js';
43
- import { d as defineCustomElement$f } from './p-b54f0841.js';
43
+ import { d as defineCustomElement$f } from './p-ec54a0c7.js';
44
44
  import { d as defineCustomElement$e } from './p-9b4f77d0.js';
45
45
  import { d as defineCustomElement$d } from './p-258274b1.js';
46
- import { d as defineCustomElement$c } from './p-d77cddb6.js';
46
+ import { d as defineCustomElement$c } from './p-53c730fe.js';
47
47
  import { d as defineCustomElement$b } from './p-bb6d1fe9.js';
48
48
  import { d as defineCustomElement$a } from './p-faad6e1b.js';
49
49
  import { d as defineCustomElement$9 } from './p-30f43e99.js';
@@ -54,7 +54,7 @@ import { d as defineCustomElement$5 } from './p-fe4cd240.js';
54
54
  import { d as defineCustomElement$4 } from './p-2475ba83.js';
55
55
  import { d as defineCustomElement$3 } from './p-3c344b0a.js';
56
56
  import { d as defineCustomElement$2 } from './p-095e6b83.js';
57
- import { d as defineCustomElement$1 } from './p-895216f5.js';
57
+ import { d as defineCustomElement$1 } from './p-fb836f65.js';
58
58
 
59
59
  const rtkChatCss = ":host {\n line-height: initial;\n font-family: var(--rtk-font-family, sans-serif);\n\n font-feature-settings: normal;\n font-variation-settings: normal;\n}\n\np {\n margin: var(--rtk-space-0, 0px);\n padding: var(--rtk-space-0, 0px);\n}\n\n.scrollbar {\n /* For Firefox */\n scrollbar-width: thin;\n scrollbar-color: var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n var(--rtk-scrollbar-background, transparent);\n}\n\n/* For WebKit */\n.scrollbar::-webkit-scrollbar {\n height: var(--rtk-space-1\\.5, 6px);\n width: var(--rtk-space-1\\.5, 6px);\n border-radius: 9999px;\n background-color: var(--rtk-scrollbar-background, transparent);\n}\n\n.scrollbar::-webkit-scrollbar-thumb {\n border-radius: 9999px;\n background-color: var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)));\n}\n\n\n:host {\n display: flex;\n height: 100%;\n width: 100%;\n flex-direction: column;\n font-size: 14px;\n position: relative;\n color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n}\n\nh3 {\n margin: var(--rtk-space-0, 0px);\n display: flex;\n height: var(--rtk-space-12, 48px);\n align-items: center;\n justify-content: center;\n font-size: 16px;\n font-weight: 400;\n color: rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));\n text-align: center;\n}\n\n#dropzone {\n position: absolute;\n top: var(--rtk-space-0, 0px);\n right: var(--rtk-space-0, 0px);\n bottom: var(--rtk-space-0, 0px);\n left: var(--rtk-space-0, 0px);\n z-index: 10;\n display: none;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n --tw-bg-opacity: 1;\n background-color: rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));\n color: rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));\n}\n\n#dropzone.active {\n display: flex;\n animation: 0.2s slide-up ease-in;\n}\n\nrtk-chat-messages-ui,\nrtk-chat-messages-ui-paginated {\n flex: 1 0 0;\n}\n\nrtk-chat-composer-view {\n margin: var(--rtk-space-2, 8px);\n}\n\n.chat-container {\n display: flex;\n height: 100%;\n width: 100%;\n flex-direction: row;\n container-type: size;\n container-name: chatcontainer;\n}\n\n@container chatcontainer (height < 360px) {\n rtk-channel-selector-view {\n height: var(--rtk-space-8, 32px);\n min-height: 24px;\n }\n}\n\n.chat {\n display: flex;\n flex: 1 1 0%;\n flex-direction: column;\n}\n\n.banner {\n height: 100%;\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.banner .welcome-new-channel {\n width: var(--rtk-space-48, 192px);\n}\n\n.banner .create-channel-illustration {\n height: var(--rtk-space-40, 160px);\n width: var(--rtk-space-40, 160px);\n}\n\n.channel-selector-header {\n box-sizing: border-box;\n height: var(--rtk-space-16, 64px);\n padding: var(--rtk-space-4, 16px);\n display: flex;\n justify-content: space-between;\n border-bottom: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-700, 44 44 44));\n}\n\n.channel-selector-header .channel-create-btn {\n width: var(--rtk-space-8, 32px);\n justify-content: center;\n}\n\n.channel-selector-header .channel-create-btn:hover {\n --tw-text-opacity: 1;\n color: rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity));\n}\n\n.view-chats-btn {\n margin-top: var(--rtk-space-4, 16px);\n}\n\n.selector-container {\n z-index: 50;\n width: 100%;\n max-width: var(--rtk-space-80, 320px);\n border-right: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));\n}\n\n.selector-container.hide {\n display: none;\n}\n\n.mobile-close-btn {\n display: none;\n}\n\n.selector-container.mobile {\n height: 100%;\n width: 100%;\n max-width: 100%;\n position: absolute;\n top: var(--rtk-space-0, 0px);\n right: var(--rtk-space-0, 0px);\n bottom: var(--rtk-space-0, 0px);\n left: var(--rtk-space-0, 0px);\n background-color: rgba(var(--rtk-colors-background-1000, 8 8 8) / 0.6);\n display: flex;\n}\n\n.selector-container.mobile rtk-channel-selector-view {\n max-width: var(--rtk-space-96, 384px);\n animation: 0.3s swipe-in;\n}\n\n.selector-container.mobile .mobile-close-btn {\n margin-top: var(--rtk-space-4, 16px);\n margin-bottom: var(--rtk-space-4, 16px);\n margin-left: var(--rtk-space-6, 24px);\n margin-right: var(--rtk-space-6, 24px);\n display: block;\n}\n\n.pinned-messages-header {\n display: flex;\n align-items: center;\n gap: var(--rtk-space-2, 8px);\n padding: var(--rtk-space-2, 8px);\n --tw-bg-opacity: 1;\n background-color: rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));\n font-size: 12px;\n cursor: pointer;\n}\n\n.pinned-messages-header rtk-icon {\n height: var(--rtk-space-3, 12px);\n width: var(--rtk-space-3, 12px);\n}\n\n.pinned-messages-header:hover {\n --tw-bg-opacity: 1;\n background-color: rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));\n}\n\n.pinned-messages-header.active {\n --tw-bg-opacity: 1;\n background-color: rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));\n}\n\n@keyframes swipe-in {\n from {\n transform: translateX(-100%);\n }\n to {\n transform: translateX(0);\n }\n}\n";
60
60
  const RtkChatStyle0 = rtkChatCss;
@@ -1,5 +1,5 @@
1
1
  import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
2
- import { c as computePosition, o as offset, f as flip, s as shift } from './p-94cc1b33.js';
2
+ import { c as computePosition, o as offset, f as flip, s as shift } from './p-769bb885.js';
3
3
  import { e as defaultIconPack, h as useLanguage } from './p-74e01969.js';
4
4
  import { S as SyncWithStore } from './p-beb5c7c8.js';
5
5
 
@@ -2,13 +2,13 @@ import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-
2
2
  import { e as defaultIconPack, h as useLanguage, I as resetRoomCount, B as BreakoutRoomsManager, H as participantIdentifier } from './p-74e01969.js';
3
3
  import { S as SyncWithStore } from './p-beb5c7c8.js';
4
4
  import { d as defineCustomElement$8 } from './p-74d7f3a0.js';
5
- import { d as defineCustomElement$7 } from './p-2817923a.js';
6
- import { d as defineCustomElement$6 } from './p-91da496e.js';
5
+ import { d as defineCustomElement$7 } from './p-a922eb37.js';
6
+ import { d as defineCustomElement$6 } from './p-3b34a317.js';
7
7
  import { d as defineCustomElement$5 } from './p-1391bef0.js';
8
8
  import { d as defineCustomElement$4 } from './p-07ab7497.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-895216f5.js';
11
+ import { d as defineCustomElement$1 } from './p-fb836f65.js';
12
12
 
13
13
  const rtkBreakoutRoomsManagerCss = ":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)}.color-brand{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity))}.color-danger{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}.loading-content{height:var(--rtk-space-60, 240px);width:var(--rtk-space-96, 384px);padding:var(--rtk-space-9, 36px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));display:flex;align-items:center;justify-content:center}.room-config{overflow:hidden;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));display:flex;flex-direction:column;width:var(--rtk-space-96, 384px);padding-left:var(--rtk-space-9, 36px);padding-right:var(--rtk-space-9, 36px);padding-top:var(--rtk-space-10, 40px);padding-bottom:var(--rtk-space-10, 40px)}header{margin-bottom:var(--rtk-space-8, 32px);display:flex;align-items:center;gap:var(--rtk-space-2, 8px);font-size:24px;font-weight:600}header rtk-icon{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px)}.create-room{margin-bottom:var(--rtk-space-4, 16px);display:flex;align-items:center;gap:var(--rtk-space-3, 12px);width:100%}.create-room p{margin:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-1, 4px);font-size:16px}.distribution-hint{margin-bottom:var(--rtk-space-8, 32px);font-size:14px;font-weight:400;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}.distribution-hint em{font-style:normal;color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}footer{display:flex;flex-direction:row;vertical-align:middle;justify-content:center}footer rtk-button{width:100%;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}label{margin-bottom:var(--rtk-space-3, 12px);font-weight:400;color:rgb(var(--rtk-colors-text-1000, 255 255 255));opacity:0.4}.participant-config-wrapper{width:850px;min-height:595px;max-width:100%;max-height:100%;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));display:flex;flex-direction:column}.participant-config-actions{display:flex;justify-content:space-between;padding-left:var(--rtk-space-8, 32px);padding-right:var(--rtk-space-8, 32px);padding-top:var(--rtk-space-5, 20px);padding-bottom:var(--rtk-space-5, 20px);border-bottom-right-radius:var(--rtk-border-radius-md, 8px);border-bottom-left-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}.participant-config{display:flex;flex-grow:1;flex-direction:row;overflow:hidden}aside{box-sizing:border-box;display:flex;width:var(--rtk-space-96, 384px);flex-grow:1;flex-direction:column;padding-left:var(--rtk-space-8, 32px);padding-right:var(--rtk-space-4, 16px);border-right-width:var(--rtk-border-width-sm, 1px);border-top-width:var(--rtk-border-width-none, 0);border-bottom-width:var(--rtk-border-width-none, 0);border-left-width:var(--rtk-border-width-none, 0);border-style:solid;--tw-border-opacity:1;border-right-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity))}aside header{margin-bottom:var(--rtk-space-4, 16px);width:100%;padding-left:var(--rtk-space-0, 0px);padding-right:var(--rtk-space-0, 0px);padding-top:var(--rtk-space-8, 32px);font-size:20px;font-weight:500;line-height:2rem}.shuffle-button{display:flex;flex-direction:row;align-items:center}.shuffle-button rtk-icon{height:var(--rtk-space-8, 32px)}.participants-assign-actions{display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-size:14px;padding-left:var(--rtk-space-8, 32px);padding-right:var(--rtk-space-2, 8px);margin-left:calc(var(--rtk-space-8, 32px) * -1);margin-right:calc(var(--rtk-space-4, 16px) * -1);padding-top:var(--rtk-space-0\\.5, 2px);padding-bottom:var(--rtk-space-0\\.5, 2px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}.participants-assign-actions .deselect-button{height:var(--rtk-space-6, 24px)}.participants-assign-actions .deselect-button:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}.assign-rooms{padding:var(--rtk-space-8, 32px);display:flex;width:100%;flex-direction:column}.assign-rooms .disabled{opacity:0.2}.assign-rooms .back{display:flex;cursor:pointer;flex-direction:row;align-items:center;justify-content:flex-start;padding:var(--rtk-space-4, 16px);padding-bottom:var(--rtk-space-0, 0px);font-size:14px;color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.assign-rooms .back rtk-icon{height:var(--rtk-space-5, 20px)}.assign-rooms .row{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rtk-space-3, 12px);margin-bottom:var(--rtk-space-4, 16px);font-size:14px}.assign-rooms .row-header{margin:var(--rtk-space-0, 0px);font-size:16px;line-height:2rem}.assign-rooms .cta-buttons{display:flex;align-items:center;justify-content:flex-start;gap:var(--rtk-space-2, 8px)}.assign-rooms .cta-buttons rtk-button div{display:flex;flex-direction:row;align-items:center}.assign-rooms .cta-buttons rtk-button div rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}.rooms{margin-bottom:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-1, 4px);display:flex;flex-grow:1;flex-direction:column;gap:var(--rtk-space-2, 8px);overflow-y:auto;max-height:500px}.rooms::-webkit-scrollbar{width:var(--rtk-space-1\\.5, 6px);border-radius:var(--rtk-border-radius-sm, 4px)}.rooms::-webkit-scrollbar-thumb{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))}.rooms::-webkit-scrollbar-track{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))}.breakout-actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:var(--rtk-space-2, 8px)}.breakout-actions .start-breakout-button{color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.breakout-actions .close-breakout-button{color:rgb(var(--rtk-colors-text-1000, 255 255 255));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-bg-opacity))}.breakout-actions .update-breakout-button{background-color:transparent;--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity));border-width:var(--rtk-border-width-sm, 1px);border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-border-opacity))}.status-bar{display:flex;align-items:center;font-size:14px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));width:var(--rtk-space-80, 320px)}.ephemeral-status{--tw-text-opacity:1;color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-text-opacity))}.ephemeral-status rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}.room-switcher-container{border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));width:468px;padding:var(--rtk-space-8, 32px)}.add-room-jumbo-btn div{display:flex;align-items:center;gap:var(--rtk-space-1, 4px);font-size:14px;--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity))}.add-room-jumbo-btn div rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}.br-primary-btn:not([disabled]){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.br-primary-btn:not([disabled]):hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-600, 13 81 253) / var(--tw-bg-opacity))}.br-secondary-btn:not([disabled]){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.br-secondary-btn:not([disabled]):hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}";
14
14
  const RtkBreakoutRoomsManagerStyle0 = rtkBreakoutRoomsManagerCss;
@@ -4,16 +4,16 @@ import { M as MAX_TEXT_LENGTH } from './p-0abe4b8a.js';
4
4
  import { a as gracefulStorage } from './p-a83ccdbd.js';
5
5
  import { S as SyncWithStore } from './p-beb5c7c8.js';
6
6
  import { d as defineCustomElement$b } from './p-1391bef0.js';
7
- import { d as defineCustomElement$a } from './p-6651bbb0.js';
7
+ import { d as defineCustomElement$a } from './p-63225105.js';
8
8
  import { d as defineCustomElement$9 } from './p-1fb807e2.js';
9
- import { d as defineCustomElement$8 } from './p-26f082a7.js';
10
- import { d as defineCustomElement$7 } from './p-21c5daa6.js';
9
+ import { d as defineCustomElement$8 } from './p-e5ef089b.js';
10
+ import { d as defineCustomElement$7 } from './p-2e5d41d6.js';
11
11
  import { d as defineCustomElement$6 } from './p-3b29dda1.js';
12
12
  import { d as defineCustomElement$5 } from './p-b9e78c21.js';
13
13
  import { d as defineCustomElement$4 } from './p-fe4cd240.js';
14
14
  import { d as defineCustomElement$3 } from './p-2475ba83.js';
15
15
  import { d as defineCustomElement$2 } from './p-095e6b83.js';
16
- import { d as defineCustomElement$1 } from './p-895216f5.js';
16
+ import { d as defineCustomElement$1 } from './p-fb836f65.js';
17
17
 
18
18
  const rtkChatComposerViewCss = ":host {\n display: flex;\n flex-direction: column;\n font-family: var(--rtk-font-family, sans-serif);\n font-size: 14px;\n position: relative;\n}\n\n.quoted-message-container {\n margin-bottom: var(--rtk-space-2, 8px);\n display: flex;\n justify-content: space-between;\n --tw-bg-opacity: 1;\n background-color: rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));\n color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n border-radius: var(--rtk-border-radius-md, 8px);\n border: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));\n}\n\n.quoted-message-container .quoted-message {\n flex: 1 1 0%;\n padding: var(--rtk-space-2, 8px);\n border-radius: var(--rtk-border-radius-md, 8px);\n max-height: var(--rtk-space-24, 96px);\n overflow-y: auto;\n word-break: break-all;\n}\n\n.quoted-message-container .quoted-message blockquote {\n display: none;\n}\n\n.quoted-message-container rtk-icon.dismiss {\n margin-left: auto;\n height: var(--rtk-space-5, 20px);\n width: var(--rtk-space-5, 20px);\n padding: var(--rtk-space-2, 8px);\n border-radius: var(--rtk-border-radius-md, 8px);\n color: rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));\n}\n\n.quoted-message-container rtk-icon.dismiss:hover {\n cursor: pointer;\n color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n}\n\n.quoted-message-container rtk-icon.dismiss {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n\n.composer-container {\n position: relative;\n --tw-bg-opacity: 1;\n background-color: rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));\n border-radius: var(--rtk-border-radius-md, 8px);\n overflow: hidden;\n border: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));\n}\n\n.composer-container > .composers {\n min-height: 60px;\n }\n\n@container chatcontainer (height < 360px) {\n .composer-container > .composers {\n min-height: 30px;\n }\n}\n\n.chat-buttons {\n padding: var(--rtk-space-3, 12px);\n display: flex;\n align-items: center;\n justify-content: space-between;\n --tw-bg-opacity: 1;\n background-color: rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));\n color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n}\n\n.chat-buttons .right {\n z-index: 10;\n}\n\n.chat-buttons .right .edit-buttons {\n display: flex;\n gap: var(--rtk-space-2, 8px);\n}\n\n.chat-buttons > div {\n display: flex;\n align-items: center;\n}\n\nrtk-emoji-picker {\n z-index: 20;\n position: absolute;\n top: calc(var(--rtk-space-72, 288px) * -1);\n border-top: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));\n animation: 0.3s slide-up ease;\n}\n\n@keyframes slide-up {\n from {\n transform: translateY(100%);\n }\n to {\n transform: translateY(0%);\n }\n}\n";
19
19
  const RtkChatComposerViewStyle0 = rtkChatComposerViewCss;
@@ -1,5 +1,5 @@
1
1
  import { p as proxyCustomElement, H, d as createEvent, w as writeTask, h, e as Host } from './p-c3592601.js';
2
- import { c as computePosition, o as offset, f as flip, s as shift, a as arrow } from './p-94cc1b33.js';
2
+ import { c as computePosition, o as offset, f as flip, s as shift, a as arrow } from './p-769bb885.js';
3
3
 
4
4
  const rtkTooltipCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{--background-color:var(--rtk-tooltip-background-color, rgb(var(--rtk-colors-background-600, 60 60 60)));--color:var(--rtk-tooltip-color, rgb(var(--rtk-colors-text-1000, 255 255 255)));display:inline-flex}#trigger{display:block;width:100%;flex:1 1 0%}.tooltip{max-width:var(--rtk-space-64, 256px);position:fixed;z-index:20;display:none;width:-moz-max-content;width:max-content;padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);padding-top:var(--rtk-space-1, 4px);padding-bottom:var(--rtk-space-1, 4px);border-radius:var(--rtk-border-radius-sm, 4px);--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);font-size:12px}.tooltip,#arrow{position:absolute;background-color:var(--background-color);color:var(--color)}#arrow{position:absolute;height:var(--rtk-space-2, 8px);width:var(--rtk-space-2, 8px);transform:rotate(45deg)}:host([variant='primary']){--background-color:rgb(var(--rtk-colors-brand-500, 33 96 253));--color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}:host([kind='block']){display:block}";
5
5
  const RtkTooltipStyle0 = rtkTooltipCss;
@@ -1,4 +1,4 @@
1
- import { R as RtkBreakoutRoomManager$1, d as defineCustomElement$1 } from './p-2817923a.js';
1
+ import { R as RtkBreakoutRoomManager$1, d as defineCustomElement$1 } from './p-a922eb37.js';
2
2
 
3
3
  const RtkBreakoutRoomManager = RtkBreakoutRoomManager$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { R as RtkBreakoutRoomParticipants$1, d as defineCustomElement$1 } from './p-91da496e.js';
1
+ import { R as RtkBreakoutRoomParticipants$1, d as defineCustomElement$1 } from './p-3b34a317.js';
2
2
 
3
3
  const RtkBreakoutRoomParticipants = RtkBreakoutRoomParticipants$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { R as RtkBreakoutRoomsManager$1, d as defineCustomElement$1 } from './p-b788bae4.js';
1
+ import { R as RtkBreakoutRoomsManager$1, d as defineCustomElement$1 } from './p-ee929898.js';
2
2
 
3
3
  const RtkBreakoutRoomsManager = RtkBreakoutRoomsManager$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -4,7 +4,7 @@ import { S as SyncWithStore } from './p-beb5c7c8.js';
4
4
  import { d as defineCustomElement$5 } from './p-2036dd73.js';
5
5
  import { d as defineCustomElement$4 } from './p-3b29dda1.js';
6
6
  import { d as defineCustomElement$3 } from './p-fe4cd240.js';
7
- import { d as defineCustomElement$2 } from './p-895216f5.js';
7
+ import { d as defineCustomElement$2 } from './p-fb836f65.js';
8
8
 
9
9
  const rtkCameraToggleCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block}:host([data-hidden]){display:none}";
10
10
  const RtkCameraToggleStyle0 = rtkCameraToggleCss;
@@ -44,7 +44,7 @@ const RtkCaptionToggle$1 = /*@__PURE__*/ proxyCustomElement(class RtkCaptionTogg
44
44
  this.meetingChanged(this.meeting);
45
45
  }
46
46
  meetingChanged(meeting) {
47
- if (meeting === null)
47
+ if (!meeting)
48
48
  return;
49
49
  this.permissionsUpdateListener();
50
50
  this.meeting.self.permissions.addListener('permissionsUpdate', this.permissionsUpdateListener);
@@ -1,4 +1,4 @@
1
- import { R as RtkChannelHeader$1, d as defineCustomElement$1 } from './p-7f1a8e4a.js';
1
+ import { R as RtkChannelHeader$1, d as defineCustomElement$1 } from './p-590b8d1c.js';
2
2
 
3
3
  const RtkChannelHeader = RtkChannelHeader$1;
4
4
  const defineCustomElement = defineCustomElement$1;