npm - @cloudflare/realtimekit-ui - Versions diffs - 1.0.6-staging.2 → 1.0.6-staging.4 - Mend

@cloudflare/realtimekit-ui 1.0.6-staging.2 → 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 (115) hide show

package/dist/cjs/{floating-ui.dom.esm-90c5a220.js → floating-ui.dom.esm-705e65f3.js} RENAMED Viewed

@@ -609,7 +609,7 @@ const flip$1 = function (options) {
           if (!ignoreCrossAxisOverflow ||
           // We leave the current main axis only if every placement on that axis
           // overflows the main axis.
-          overflowsData.every(d => d.overflows[0] > 0 && getSideAxis(d.placement) === initialSideAxis)) {
+          overflowsData.every(d => getSideAxis(d.placement) === initialSideAxis ? d.overflows[0] > 0 : true)) {
             // Try next placement and re-run the lifecycle.
             return {
               data: {
@@ -1233,7 +1233,7 @@ function isOverflowElement(element) {
     overflowX,
     overflowY,
     display
-  } = getComputedStyle(element);
+  } = getComputedStyle$1(element);
   return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !invalidOverflowDisplayValues.has(display);
 }
 const tableElements = /*#__PURE__*/new Set(['table', 'td', 'th']);
@@ -1255,7 +1255,7 @@ const willChangeValues = ['transform', 'translate', 'scale', 'rotate', 'perspect
 const containValues = ['paint', 'layout', 'strict', 'content'];
 function isContainingBlock(elementOrCss) {
   const webkit = isWebKit();
-  const css = isElement(elementOrCss) ? getComputedStyle(elementOrCss) : elementOrCss;
+  const css = isElement(elementOrCss) ? getComputedStyle$1(elementOrCss) : elementOrCss;
   // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
   // https://drafts.csswg.org/css-transforms-2/#individual-transforms
@@ -1281,7 +1281,7 @@ const lastTraversableNodeNames = /*#__PURE__*/new Set(['html', 'body', '#documen
 function isLastTraversableNode(node) {
   return lastTraversableNodeNames.has(getNodeName(node));
 }
-function getComputedStyle(element) {
+function getComputedStyle$1(element) {
   return getWindow(element).getComputedStyle(element);
 }
 function getNodeScroll(element) {
@@ -1343,7 +1343,7 @@ function getFrameElement(win) {
 }
 function getCssDimensions(element) {
-  const css = getComputedStyle(element);
+  const css = getComputedStyle$1(element);
   // In testing environments, the `width` and `height` properties are empty
   // strings for SVG elements, returning NaN. Fallback to `0` in this case.
   let width = parseFloat(css.width) || 0;
@@ -1448,7 +1448,7 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
     while (currentIFrame && offsetParent && offsetWin !== currentWin) {
       const iframeScale = getScale(currentIFrame);
       const iframeRect = currentIFrame.getBoundingClientRect();
-      const css = getComputedStyle(currentIFrame);
+      const css = getComputedStyle$1(currentIFrame);
       const left = iframeRect.left + (currentIFrame.clientLeft + parseFloat(css.paddingLeft)) * iframeScale.x;
       const top = iframeRect.top + (currentIFrame.clientTop + parseFloat(css.paddingTop)) * iframeScale.y;
       x *= iframeScale.x;
@@ -1479,14 +1479,9 @@ function getWindowScrollBarX(element, rect) {
   return rect.left + leftScroll;
 }
-function getHTMLOffset(documentElement, scroll, ignoreScrollbarX) {
-  if (ignoreScrollbarX === void 0) {
-    ignoreScrollbarX = false;
-  }
+function getHTMLOffset(documentElement, scroll) {
   const htmlRect = documentElement.getBoundingClientRect();
-  const x = htmlRect.left + scroll.scrollLeft - (ignoreScrollbarX ? 0 :
-  // RTL <body> scrollbar.
-  getWindowScrollBarX(documentElement, htmlRect));
+  const x = htmlRect.left + scroll.scrollLeft - getWindowScrollBarX(documentElement, htmlRect);
   const y = htmlRect.top + scroll.scrollTop;
   return {
     x,
@@ -1525,7 +1520,7 @@ function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
       offsets.y = offsetRect.y + offsetParent.clientTop;
     }
   }
-  const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll, true) : createCoords(0);
+  const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
   return {
     width: rect.width * scale.x,
     height: rect.height * scale.y,
@@ -1548,7 +1543,7 @@ function getDocumentRect(element) {
   const height = max(html.scrollHeight, html.clientHeight, body.scrollHeight, body.clientHeight);
   let x = -scroll.scrollLeft + getWindowScrollBarX(element);
   const y = -scroll.scrollTop;
-  if (getComputedStyle(body).direction === 'rtl') {
+  if (getComputedStyle$1(body).direction === 'rtl') {
     x += max(html.clientWidth, body.clientWidth) - width;
   }
   return {
@@ -1559,6 +1554,10 @@ function getDocumentRect(element) {
   };
 }
+// Safety check: ensure the scrollbar space is reasonable in case this
+// calculation is affected by unusual styles.
+// Most scrollbars leave 15-18px of space.
+const SCROLLBAR_MAX = 25;
 function getViewportRect(element, strategy) {
   const win = getWindow(element);
   const html = getDocumentElement(element);
@@ -1576,6 +1575,24 @@ function getViewportRect(element, strategy) {
       y = visualViewport.offsetTop;
     }
   }
+  const windowScrollbarX = getWindowScrollBarX(html);
+  // <html> `overflow: hidden` + `scrollbar-gutter: stable` reduces the
+  // visual width of the <html> but this is not considered in the size
+  // of `html.clientWidth`.
+  if (windowScrollbarX <= 0) {
+    const doc = html.ownerDocument;
+    const body = doc.body;
+    const bodyStyles = getComputedStyle(body);
+    const bodyMarginInline = doc.compatMode === 'CSS1Compat' ? parseFloat(bodyStyles.marginLeft) + parseFloat(bodyStyles.marginRight) || 0 : 0;
+    const clippingStableScrollbarWidth = Math.abs(html.clientWidth - body.clientWidth - bodyMarginInline);
+    if (clippingStableScrollbarWidth <= SCROLLBAR_MAX) {
+      width -= clippingStableScrollbarWidth;
+    }
+  } else if (windowScrollbarX <= SCROLLBAR_MAX) {
+    // If the <body> scrollbar is on the left, the width needs to be extended
+    // by the scrollbar amount so there isn't extra space on the right.
+    width += windowScrollbarX;
+  }
   return {
     width,
     height,
@@ -1626,7 +1643,7 @@ function hasFixedPositionAncestor(element, stopNode) {
   if (parentNode === stopNode || !isElement(parentNode) || isLastTraversableNode(parentNode)) {
     return false;
   }
-  return getComputedStyle(parentNode).position === 'fixed' || hasFixedPositionAncestor(parentNode, stopNode);
+  return getComputedStyle$1(parentNode).position === 'fixed' || hasFixedPositionAncestor(parentNode, stopNode);
 }
 // A "clipping ancestor" is an `overflow` element with the characteristic of
@@ -1639,12 +1656,12 @@ function getClippingElementAncestors(element, cache) {
   }
   let result = getOverflowAncestors(element, [], false).filter(el => isElement(el) && getNodeName(el) !== 'body');
   let currentContainingBlockComputedStyle = null;
-  const elementIsFixed = getComputedStyle(element).position === 'fixed';
+  const elementIsFixed = getComputedStyle$1(element).position === 'fixed';
   let currentNode = elementIsFixed ? getParentNode(element) : element;
   // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
   while (isElement(currentNode) && !isLastTraversableNode(currentNode)) {
-    const computedStyle = getComputedStyle(currentNode);
+    const computedStyle = getComputedStyle$1(currentNode);
     const currentNodeIsContaining = isContainingBlock(currentNode);
     if (!currentNodeIsContaining && computedStyle.position === 'fixed') {
       currentContainingBlockComputedStyle = null;
@@ -1745,11 +1762,11 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
 }
 function isStaticPositioned(element) {
-  return getComputedStyle(element).position === 'static';
+  return getComputedStyle$1(element).position === 'static';
 }
 function getTrueOffsetParent(element, polyfill) {
-  if (!isHTMLElement(element) || getComputedStyle(element).position === 'fixed') {
+  if (!isHTMLElement(element) || getComputedStyle$1(element).position === 'fixed') {
     return null;
   }
   if (polyfill) {
@@ -1810,7 +1827,7 @@ const getElementRects = async function (data) {
 };
 function isRTL(element) {
-  return getComputedStyle(element).direction === 'rtl';
+  return getComputedStyle$1(element).direction === 'rtl';
 }
 const platform = {

package/dist/cjs/rtk-avatar_54.cjs.entry.js CHANGED Viewed

@@ -15,7 +15,7 @@ const file = require('./file-33e9ed90.js');
 const merge = require('./merge-1094ad20.js');
 const notification = require('./notification-bd49ad87.js');
 const ResizeObserver_es = require('./ResizeObserver.es-ba961f16.js');
-const floatingUi_dom_esm = require('./floating-ui.dom.esm-90c5a220.js');
+const floatingUi_dom_esm = require('./floating-ui.dom.esm-705e65f3.js');
 const TextMessage = require('./TextMessage-0e7b715b.js');
 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 {
         (_a = this.meeting.stage) === null || _a === void 0 ? void 0 : _a.removeListener('stageStatusUpdate', this.stageStatusUpdateListener);
     }
     meetingChanged(meeting) {
-        if (meeting == undefined)
+        if (!meeting)
             return;
         const { stage } = meeting;
         stage === null || stage === void 0 ? void 0 : stage.addListener('stageStatusUpdate', this.stageStatusUpdateListener);

package/dist/cjs/rtk-camera-selector_2.cjs.entry.js CHANGED Viewed

@@ -191,14 +191,14 @@ const RtkParticipantTile = class {
         this.tileUnload.emit(this.participant);
     }
     meetingChanged(meeting) {
-        if (meeting == undefined)
+        if (!meeting)
             return;
         this.participantsChanged(this.participant);
     }
     participantsChanged(participant) {
-        if (participant == undefined)
+        if (!participant)
             return;
-        if (this.meeting === undefined) {
+        if (!this.meeting) {
             if (this.isPreview) {
                 this.videoEl && this.participant.registerVideoElement(this.videoEl, this.isPreview);
             }

package/dist/cjs/rtk-caption-toggle.cjs.entry.js CHANGED Viewed

@@ -42,7 +42,7 @@ const RtkCaptionToggle = class {
         this.meetingChanged(this.meeting);
     }
     meetingChanged(meeting) {
-        if (meeting === null)
+        if (!meeting)
             return;
         this.permissionsUpdateListener();
         this.meeting.self.permissions.addListener('permissionsUpdate', this.permissionsUpdateListener);

package/dist/cjs/rtk-participant_2.cjs.entry.js CHANGED Viewed

@@ -6,11 +6,11 @@ const index$1 = require('./index-05554ce6.js');
 const uiStore = require('./ui-store-4edab2a5.js');
 const index$2 = require('./index-821d14b7.js');
 const string = require('./string-a410fab6.js');
-const floatingUi_dom_esm = require('./floating-ui.dom.esm-90c5a220.js');
+const floatingUi_dom_esm = require('./floating-ui.dom.esm-705e65f3.js');
 const index = require('./index-77d3cd4a.js');
 const debounce = require('./debounce-4f18d7a5.js');
-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}";
+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}";
 const RtkParticipantStyle0 = rtkParticipantCss;
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

package/dist/cjs/rtk-plugin-main_2.cjs.entry.js CHANGED Viewed

@@ -70,7 +70,7 @@ const RtkPluginMain = class {
         this.pluginChanged(this.plugin);
     }
     meetingChanged(meeting) {
-        if (meeting == undefined)
+        if (!meeting)
             return;
         const enabled = this.canInteractWithPlugin();
         this.viewModeEnabled = !enabled;

package/dist/cjs/rtk-plugins_2.cjs.entry.js CHANGED Viewed

@@ -109,6 +109,8 @@ const RtkPolls = class {
         this.t = uiStore.useLanguage();
         /** Create State */
         this.create = false;
+        /** Polls */
+        this.polls = [];
         this.onPollsUpdate = (data) => {
             this.polls = [...data.polls];
         };
@@ -127,9 +129,9 @@ const RtkPolls = class {
         this.meeting.self.permissions.removeListener('pollsUpdate', this.onUpdatePermissions);
     }
     meetingChanged(meeting) {
-        if (meeting == undefined)
+        if (!meeting)
             return;
-        if (meeting && !meeting.polls)
+        if (!meeting.polls)
             return;
         this.permissions = this.meeting.self.permissions;
         this.polls = [...meeting.polls.items];
@@ -150,14 +152,15 @@ const RtkPolls = class {
         scroll.smoothScrollToBottom(this.pollEl);
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '32f9a66439b84ad236368f1aa09c2aaa2dad71c0' }, index$1.h("div", { key: '0703028114fffd45a29dc4b952588356039f105d', class: "ctr", part: "container" }, index$1.h("div", { key: '45aecbd2b846b297add5b267b9798e69da1a1028', class: "polls-view scrollbar", ref: (el) => (this.pollEl = el), part: "polls" }, this.polls.length == 0 && this.create !== true && (index$1.h("div", { key: 'c2d3dbf8e58715dd67043fad64b2859a1674754d', class: "empty-polls" }, this.t('polls.empty'))), this.polls.map((item) => {
+        var _a, _b;
+        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) => {
             var _a;
             return (index$1.h("rtk-poll", { key: item.id, poll: item, onRtkVotePoll: (e) => {
                     this.onVote(e.detail.id, e.detail.index);
                 }, self: (_a = this.meeting) === null || _a === void 0 ? void 0 : _a.self.userId, iconPack: this.iconPack, t: this.t, permissions: this.permissions }));
-        }), this.create && (index$1.h("rtk-poll-form", { key: '6ac47131bb1c34b5f00771183c5738759093133b', part: "poll-form", onRtkCreatePoll: (e) => {
+        }), this.create && (index$1.h("rtk-poll-form", { key: '71fc9e183684f5cafee5f0885af3d679d099a8ec', part: "poll-form", onRtkCreatePoll: (e) => {
                 this.onCreate(e.detail);
-            }, iconPack: this.iconPack, t: this.t }))), this.permissions.polls.canCreate && (index$1.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'))))));
+            }, 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'))))));
     }
     static get watchers() { return {
         "meeting": ["meetingChanged"]

package/dist/cjs/rtk-sidebar-ui.cjs.entry.js CHANGED Viewed

@@ -39,7 +39,18 @@ const RtkSidebarUi = class {
         /** Language */
         this.t = uiStore.useLanguage();
         this.onClose = () => {
+            var _a;
             this.sidebarClose.emit();
+            /**
+             * NOTE(ravindra-cloudflare):
+             * If the sidebar was opened from a RealtimeKit component, apply a blur (remove focus/active class).
+             * This helps remove the active border from RTK toggles, such as rtk-polls-toggle, rtk-chat-toggle, etc.
+             */
+            if (document.activeElement instanceof HTMLElement &&
+                ((_a = document.activeElement.tagName) === null || _a === void 0 ? void 0 : _a.includes('RTK-')) &&
+                document.activeElement.blur instanceof Function) {
+                document.activeElement.blur();
+            }
         };
     }
     componentDidLoad() {
@@ -62,11 +73,11 @@ const RtkSidebarUi = class {
     render() {
         const isFullScreen = this.view === 'full-screen';
         const activeTab = this.tabs.find((tab) => tab.id === this.currentTab);
-        return (index$1.h(index$1.Host, { key: '4afc881e8aeb5f51014817e1287aed7700bb56fb', ref: (el) => (this.hostEl = el), class: this.view }, !this.hideCloseAction && (index$1.h("rtk-button", { key: 'e95b2c25d32535630e0ccf30b46f067395c41a7f', ref: (el) => (this.closeButton = el), variant: "ghost", kind: "icon", class: "close", onClick: this.onClose, "aria-label": this.t('close') }, index$1.h("rtk-icon", { key: '0d6398171fbebd8d9b0895fc2e9f0b08e7980ab2', icon: this.iconPack.dismiss }))), activeTab && !this.hideHeader && (index$1.h("header", { key: 'e92a6c60fa280a36b4643873d48adca3210e3c51', class: "main-header" }, index$1.h("h3", { key: '8097b3e815c3005c7750c7076eb54242406034a9' }, activeTab.name), index$1.h("slot", { key: 'f91814a6fb62726790ae5c91111be0f6d1ea121c', name: "pinned-state" }))), isFullScreen && (index$1.h("header", { key: '5ec434bbc22ffa7acf8a76361e02718080c7a99d', class: "mobile-tabs" }, this.tabs.map((tab) => (index$1.h("button", { onClick: () => {
+        return (index$1.h(index$1.Host, { key: 'bc9969254516bb334f0bbc6216432121d675a83e', ref: (el) => (this.hostEl = el), class: this.view }, !this.hideCloseAction && (index$1.h("rtk-button", { key: 'ce9dabf448e0914fa516c717825ee00ad476d412', ref: (el) => (this.closeButton = el), variant: "ghost", kind: "icon", class: "close", onClick: this.onClose, "aria-label": this.t('close') }, index$1.h("rtk-icon", { key: '5966e4c6a7bbdea25fa64e197c47fcded0625754', icon: this.iconPack.dismiss }))), activeTab && !this.hideHeader && (index$1.h("header", { key: '3b7109ba37e019a3da3a0aeb07b54fcf28e869b4', class: "main-header" }, index$1.h("h3", { key: 'c57a8719fe6dca4ed092fbb21733c0d0ac074dc3' }, activeTab.name), index$1.h("slot", { key: 'f95589b898e0b4a8001d45d5b4c833576fab4fd8', name: "pinned-state" }))), isFullScreen && (index$1.h("header", { key: '72cd52ea2a27caf4dc826d4222738325853281c8', class: "mobile-tabs" }, this.tabs.map((tab) => (index$1.h("button", { onClick: () => {
                 this.tabChange.emit(tab.id);
             }, class: {
                 active: this.currentTab === tab.id,
-            } }, tab.name))))), index$1.h("slot", { key: '77ee9da399e6991cc7bf3e0d979ffeec47e4b769', name: this.currentTab })));
+            } }, tab.name))))), index$1.h("slot", { key: '266ec59a2d04803b2d035f7929394e66e92aa542', name: this.currentTab })));
     }
     static get watchers() { return {
         "currentTab": ["handleFocusCloseButton"]

package/dist/collection/components/rtk-caption-toggle/rtk-caption-toggle.js CHANGED Viewed

@@ -33,7 +33,7 @@ export class RtkCaptionToggle {
         this.meetingChanged(this.meeting);
     }
     meetingChanged(meeting) {
-        if (meeting === null)
+        if (!meeting)
             return;
         this.permissionsUpdateListener();
         this.meeting.self.permissions.addListener('permissionsUpdate', this.permissionsUpdateListener);

package/dist/collection/components/rtk-dialog-manager/rtk-dialog-manager.js CHANGED Viewed

@@ -63,7 +63,7 @@ export class RtkDialogManager {
         (_a = this.meeting.stage) === null || _a === void 0 ? void 0 : _a.removeListener('stageStatusUpdate', this.stageStatusUpdateListener);
     }
     meetingChanged(meeting) {
-        if (meeting == undefined)
+        if (!meeting)
             return;
         const { stage } = meeting;
         stage === null || stage === void 0 ? void 0 : stage.addListener('stageStatusUpdate', this.stageStatusUpdateListener);

package/dist/collection/components/rtk-participant/rtk-participant.css CHANGED Viewed

@@ -85,7 +85,5 @@ rtk-icon.more {
 #menu-list {
   position: absolute;
-  top: var(--rtk-space-8, 32px) !important;
-  right: var(--rtk-space-4, 16px) !important;
   z-index: 20;
 }

package/dist/collection/components/rtk-participant-tile/rtk-participant-tile.js CHANGED Viewed

@@ -79,14 +79,14 @@ export class RtkParticipantTile {
         this.tileUnload.emit(this.participant);
     }
     meetingChanged(meeting) {
-        if (meeting == undefined)
+        if (!meeting)
             return;
         this.participantsChanged(this.participant);
     }
     participantsChanged(participant) {
-        if (participant == undefined)
+        if (!participant)
             return;
-        if (this.meeting === undefined) {
+        if (!this.meeting) {
             if (this.isPreview) {
                 this.videoEl && this.participant.registerVideoElement(this.videoEl, this.isPreview);
             }

package/dist/collection/components/rtk-plugin-main/rtk-plugin-main.js CHANGED Viewed

@@ -64,7 +64,7 @@ export class RtkPluginMain {
         this.pluginChanged(this.plugin);
     }
     meetingChanged(meeting) {
-        if (meeting == undefined)
+        if (!meeting)
             return;
         const enabled = this.canInteractWithPlugin();
         this.viewModeEnabled = !enabled;

package/dist/collection/components/rtk-polls/rtk-polls.js CHANGED Viewed

@@ -28,6 +28,8 @@ export class RtkPolls {
         this.t = useLanguage();
         /** Create State */
         this.create = false;
+        /** Polls */
+        this.polls = [];
         this.onPollsUpdate = (data) => {
             this.polls = [...data.polls];
         };
@@ -46,9 +48,9 @@ export class RtkPolls {
         this.meeting.self.permissions.removeListener('pollsUpdate', this.onUpdatePermissions);
     }
     meetingChanged(meeting) {
-        if (meeting == undefined)
+        if (!meeting)
             return;
-        if (meeting && !meeting.polls)
+        if (!meeting.polls)
             return;
         this.permissions = this.meeting.self.permissions;
         this.polls = [...meeting.polls.items];
@@ -69,14 +71,15 @@ export class RtkPolls {
         smoothScrollToBottom(this.pollEl);
     }
     render() {
-        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) => {
+        var _a, _b;
+        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) => {
             var _a;
             return (h("rtk-poll", { key: item.id, poll: item, onRtkVotePoll: (e) => {
                     this.onVote(e.detail.id, e.detail.index);
                 }, self: (_a = this.meeting) === null || _a === void 0 ? void 0 : _a.self.userId, iconPack: this.iconPack, t: this.t, permissions: this.permissions }));
-        }), this.create && (h("rtk-poll-form", { key: '6ac47131bb1c34b5f00771183c5738759093133b', part: "poll-form", onRtkCreatePoll: (e) => {
+        }), this.create && (h("rtk-poll-form", { key: '71fc9e183684f5cafee5f0885af3d679d099a8ec', part: "poll-form", onRtkCreatePoll: (e) => {
                 this.onCreate(e.detail);
-            }, 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'))))));
+            }, 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'))))));
     }
     static get is() { return "rtk-polls"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-sidebar-ui/rtk-sidebar-ui.js CHANGED Viewed

@@ -28,7 +28,18 @@ export class RtkSidebarUi {
         /** Language */
         this.t = useLanguage();
         this.onClose = () => {
+            var _a;
             this.sidebarClose.emit();
+            /**
+             * NOTE(ravindra-cloudflare):
+             * If the sidebar was opened from a RealtimeKit component, apply a blur (remove focus/active class).
+             * This helps remove the active border from RTK toggles, such as rtk-polls-toggle, rtk-chat-toggle, etc.
+             */
+            if (document.activeElement instanceof HTMLElement &&
+                ((_a = document.activeElement.tagName) === null || _a === void 0 ? void 0 : _a.includes('RTK-')) &&
+                document.activeElement.blur instanceof Function) {
+                document.activeElement.blur();
+            }
         };
     }
     componentDidLoad() {
@@ -51,11 +62,11 @@ export class RtkSidebarUi {
     render() {
         const isFullScreen = this.view === 'full-screen';
         const activeTab = this.tabs.find((tab) => tab.id === this.currentTab);
-        return (h(Host, { key: '4afc881e8aeb5f51014817e1287aed7700bb56fb', ref: (el) => (this.hostEl = el), class: this.view }, !this.hideCloseAction && (h("rtk-button", { key: 'e95b2c25d32535630e0ccf30b46f067395c41a7f', ref: (el) => (this.closeButton = el), variant: "ghost", kind: "icon", class: "close", onClick: this.onClose, "aria-label": this.t('close') }, h("rtk-icon", { key: '0d6398171fbebd8d9b0895fc2e9f0b08e7980ab2', icon: this.iconPack.dismiss }))), activeTab && !this.hideHeader && (h("header", { key: 'e92a6c60fa280a36b4643873d48adca3210e3c51', class: "main-header" }, h("h3", { key: '8097b3e815c3005c7750c7076eb54242406034a9' }, activeTab.name), h("slot", { key: 'f91814a6fb62726790ae5c91111be0f6d1ea121c', name: "pinned-state" }))), isFullScreen && (h("header", { key: '5ec434bbc22ffa7acf8a76361e02718080c7a99d', class: "mobile-tabs" }, this.tabs.map((tab) => (h("button", { onClick: () => {
+        return (h(Host, { key: 'bc9969254516bb334f0bbc6216432121d675a83e', ref: (el) => (this.hostEl = el), class: this.view }, !this.hideCloseAction && (h("rtk-button", { key: 'ce9dabf448e0914fa516c717825ee00ad476d412', ref: (el) => (this.closeButton = el), variant: "ghost", kind: "icon", class: "close", onClick: this.onClose, "aria-label": this.t('close') }, h("rtk-icon", { key: '5966e4c6a7bbdea25fa64e197c47fcded0625754', icon: this.iconPack.dismiss }))), activeTab && !this.hideHeader && (h("header", { key: '3b7109ba37e019a3da3a0aeb07b54fcf28e869b4', class: "main-header" }, h("h3", { key: 'c57a8719fe6dca4ed092fbb21733c0d0ac074dc3' }, activeTab.name), h("slot", { key: 'f95589b898e0b4a8001d45d5b4c833576fab4fd8', name: "pinned-state" }))), isFullScreen && (h("header", { key: '72cd52ea2a27caf4dc826d4222738325853281c8', class: "mobile-tabs" }, this.tabs.map((tab) => (h("button", { onClick: () => {
                 this.tabChange.emit(tab.id);
             }, class: {
                 active: this.currentTab === tab.id,
-            } }, tab.name))))), h("slot", { key: '77ee9da399e6991cc7bf3e0d979ffeec47e4b769', name: this.currentTab })));
+            } }, tab.name))))), h("slot", { key: '266ec59a2d04803b2d035f7929394e66e92aa542', name: this.currentTab })));
     }
     static get is() { return "rtk-sidebar-ui"; }
     static get encapsulation() { return "shadow"; }

package/dist/components/{p-2a29bcee.js → p-13258097.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import { d as defineCustomElement$9 } from './p-1391bef0.js';
 import { d as defineCustomElement$8 } from './p-c3ec35db.js';
 import { d as defineCustomElement$7 } from './p-3b29dda1.js';
 import { d as defineCustomElement$6 } from './p-0f94d9ad.js';
-import { d as defineCustomElement$5 } from './p-b54f0841.js';
+import { d as defineCustomElement$5 } from './p-ec54a0c7.js';
 import { d as defineCustomElement$4 } from './p-9b4f77d0.js';
 import { d as defineCustomElement$3 } from './p-258274b1.js';
 import { d as defineCustomElement$2 } from './p-fe4cd240.js';

package/dist/components/{p-5cdf3eef.js → p-1c7de86c.js} RENAMED Viewed

@@ -4,8 +4,8 @@ import { f as formatName, s as shorten } from './p-338c7261.js';
 import { S as SyncWithStore } from './p-beb5c7c8.js';
 import { d as defineCustomElement$4 } from './p-1391bef0.js';
 import { d as defineCustomElement$3 } from './p-3b29dda1.js';
-import { d as defineCustomElement$2 } from './p-3e5293ce.js';
-import { d as defineCustomElement$1 } from './p-895216f5.js';
+import { d as defineCustomElement$2 } from './p-af8be74e.js';
+import { d as defineCustomElement$1 } from './p-fb836f65.js';
 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)}}";
 const RtkTabBarStyle0 = rtkTabBarCss;

package/dist/components/{p-21c5daa6.js → p-2e5d41d6.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import { e as defaultIconPack, h as useLanguage } from './p-74e01969.js';
 import './p-a83ccdbd.js';
 import { d as defineCustomElement$3 } from './p-1391bef0.js';
 import { d as defineCustomElement$2 } from './p-3b29dda1.js';
-import { d as defineCustomElement$1 } from './p-895216f5.js';
+import { d as defineCustomElement$1 } from './p-fb836f65.js';
 const rtkFilePickerButtonCss = ":host{}";
 const RtkFilePickerButtonStyle0 = rtkFilePickerButtonCss;

package/dist/components/{p-91da496e.js → p-3b34a317.js} RENAMED Viewed

@@ -5,7 +5,7 @@ import { f as formatName, s as shorten } from './p-338c7261.js';
 import { d as defineCustomElement$4 } from './p-74d7f3a0.js';
 import { d as defineCustomElement$3 } from './p-3b29dda1.js';
 import { d as defineCustomElement$2 } from './p-fe4cd240.js';
-import { d as defineCustomElement$1 } from './p-895216f5.js';
+import { d as defineCustomElement$1 } from './p-fb836f65.js';
 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}";
 const RtkBreakoutRoomParticipantsStyle0 = rtkBreakoutRoomParticipantsCss;

package/dist/components/{p-fe7d8bd5.js → p-47fbe920.js} RENAMED Viewed

@@ -83,14 +83,14 @@ const RtkParticipantTile = /*@__PURE__*/ proxyCustomElement(class RtkParticipant
         this.tileUnload.emit(this.participant);
     }
     meetingChanged(meeting) {
-        if (meeting == undefined)
+        if (!meeting)
             return;
         this.participantsChanged(this.participant);
     }
     participantsChanged(participant) {
-        if (participant == undefined)
+        if (!participant)
             return;
-        if (this.meeting === undefined) {
+        if (!this.meeting) {
             if (this.isPreview) {
                 this.videoEl && this.participant.registerVideoElement(this.videoEl, this.isPreview);
             }

package/dist/components/{p-18be8fba.js → p-4e55295e.js} RENAMED Viewed

@@ -10,13 +10,13 @@ import { d as defineCustomElement$b } from './p-0081423d.js';
 import { d as defineCustomElement$a } from './p-3b29dda1.js';
 import { d as defineCustomElement$9 } from './p-05b503da.js';
 import { d as defineCustomElement$8 } from './p-b9e78c21.js';
-import { d as defineCustomElement$7 } from './p-b54f0841.js';
+import { d as defineCustomElement$7 } from './p-ec54a0c7.js';
 import { d as defineCustomElement$6 } from './p-9b4f77d0.js';
 import { d as defineCustomElement$5 } from './p-258274b1.js';
-import { d as defineCustomElement$4 } from './p-d77cddb6.js';
+import { d as defineCustomElement$4 } from './p-53c730fe.js';
 import { d as defineCustomElement$3 } from './p-fe4cd240.js';
 import { d as defineCustomElement$2 } from './p-095e6b83.js';
-import { d as defineCustomElement$1 } from './p-895216f5.js';
+import { d as defineCustomElement$1 } from './p-fb836f65.js';
 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}";
 const RtkChatMessagesUiStyle0 = rtkChatMessagesUiCss;

package/dist/components/{p-3246ca48.js → p-535a38ec.js} RENAMED Viewed

@@ -69,7 +69,7 @@ const RtkPluginMain = /*@__PURE__*/ proxyCustomElement(class RtkPluginMain exten
         this.pluginChanged(this.plugin);
     }
     meetingChanged(meeting) {
-        if (meeting == undefined)
+        if (!meeting)
             return;
         const enabled = this.canInteractWithPlugin();
         this.viewModeEnabled = !enabled;

package/dist/components/{p-d77cddb6.js → p-53c730fe.js} RENAMED Viewed

@@ -5,7 +5,7 @@ import { e as defaultIconPack } from './p-74e01969.js';
 import './p-a83ccdbd.js';
 import { d as defineCustomElement$6 } from './p-74d7f3a0.js';
 import { d as defineCustomElement$5 } from './p-3b29dda1.js';
-import { d as defineCustomElement$4 } from './p-b54f0841.js';
+import { d as defineCustomElement$4 } from './p-ec54a0c7.js';
 import { d as defineCustomElement$3 } from './p-9b4f77d0.js';
 import { d as defineCustomElement$2 } from './p-258274b1.js';
 import { d as defineCustomElement$1 } from './p-fe4cd240.js';

package/dist/components/{p-81f5a54c.js → p-5493aac4.js} RENAMED Viewed

@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-
 import { e as defaultIconPack, h as useLanguage } from './p-74e01969.js';
 import { S as SyncWithStore } from './p-beb5c7c8.js';
 import { s as shorten, f as formatName, g as getInitials } from './p-338c7261.js';
-import { d as defineCustomElement$1 } from './p-895216f5.js';
+import { d as defineCustomElement$1 } from './p-fb836f65.js';
 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)))}";
 const RtkPollStyle0 = rtkPollCss;