@agilemotion/oui-react-js 2.0.16 → 2.0.17

package/dist/components/media/VCParticipantList.js

@@ -4,44 +4,70 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 require("./VCParticipantList.css");
+var _material = require("@mui/material");
+var _PeopleOutline = _interopRequireDefault(require("@mui/icons-material/PeopleOutline"));
 var _VCParticipantListItem = _interopRequireDefault(require("./VCParticipantListItem"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * People panel — scrollable list of participants. Fills its container; shows a
+ * friendly empty state when no one else has joined.
+ */
 const VCParticipantList = props => {
-  const [anchorEl, setAnchorEl] = (0, _react.useState)(null);
-  const open = Boolean(anchorEl);
   const {
     participants
   } = props;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: 'w-100 h-100 people-container'
-  }, participants.length > 0 && /*#__PURE__*/_react.default.createElement("div", {
-    className: 'people-content row',
-    style: {
+  return /*#__PURE__*/_react.default.createElement(_material.Box, {
+    className: 'people-container',
+    sx: {
+      width: '100%',
       height: '100%',
-      overflow: 'none'
+      minHeight: 0,
+      display: 'flex',
+      flexDirection: 'column'
     }
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, participants.length > 0 ? /*#__PURE__*/_react.default.createElement(_material.Box, {
     className: 'people-content-list',
-    style: {
-      height: 'calc(100% - 48px)',
+    sx: {
+      flex: '1 1 auto',
+      minHeight: 0,
       width: '100%',
-      overflow: 'auto'
+      overflow: 'auto',
+      p: 0.5
+    }
+  }, participants.map((participant, index) => /*#__PURE__*/_react.default.createElement(_VCParticipantListItem.default, {
+    key: participant.userId || index,
+    onChangeMeetingHostHandler: e => props.onChangeMeetingHostHandler(e),
+    onPinHandler: (p, pinned) => props.onPinHandler(p, pinned),
+    onBringToViewHandler: p => props.onBringToViewHandler(p),
+    onHostVideoMute: p => props.onHostVideoMute(p),
+    onHostAudioMute: p => props.onHostAudioMute(p),
+    isHost: props.isHost,
+    participant: participant
+  }))) : /*#__PURE__*/_react.default.createElement(_material.Box, {
+    sx: {
+      flex: '1 1 auto',
+      minHeight: 0,
+      display: 'flex',
+      flexDirection: 'column',
+      alignItems: 'center',
+      justifyContent: 'center',
+      color: '#8a96a3',
+      textAlign: 'center',
+      p: 3
+    }
+  }, /*#__PURE__*/_react.default.createElement(_PeopleOutline.default, {
+    sx: {
+      fontSize: 40,
+      opacity: 0.6
+    }
+  }), /*#__PURE__*/_react.default.createElement(_material.Typography, {
+    sx: {
+      fontSize: 14,
+      mt: 1
     }
-  }, participants.map((participant, index) => {
-    return /*#__PURE__*/_react.default.createElement(_VCParticipantListItem.default, {
-      key: index,
-      onChangeMeetingHostHandler: e => props.onChangeMeetingHostHandler(e),
-      onPinHandler: (participant, pinned) => props.onPinHandler(participant, pinned),
-      onBringToViewHandler: participant => props.onBringToViewHandler(participant),
-      onHostVideoMute: participant => props.onHostVideoMute(participant),
-      onHostAudioMute: participant => props.onHostAudioMute(participant),
-      isHost: props.isHost,
-      participant: participant
-    });
-  }))));
+  }, "No one else is here yet")));
 };
 var _default = exports.default = VCParticipantList;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfVkNQYXJ0aWNpcGFudExpc3RJdGVtIiwiX2ludGVyb3BSZXF1aXJlRGVmYXVsdCIsImUiLCJfX2VzTW9kdWxlIiwiZGVmYXVsdCIsInQiLCJXZWFrTWFwIiwiciIsIm4iLCJvIiwiaSIsImYiLCJfX3Byb3RvX18iLCJoYXMiLCJnZXQiLCJzZXQiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsIlZDUGFydGljaXBhbnRMaXN0IiwicHJvcHMiLCJhbmNob3JFbCIsInNldEFuY2hvckVsIiwidXNlU3RhdGUiLCJvcGVuIiwiQm9vbGVhbiIsInBhcnRpY2lwYW50cyIsImNyZWF0ZUVsZW1lbnQiLCJjbGFzc05hbWUiLCJsZW5ndGgiLCJzdHlsZSIsImhlaWdodCIsIm92ZXJmbG93Iiwid2lkdGgiLCJtYXAiLCJwYXJ0aWNpcGFudCIsImluZGV4Iiwia2V5Iiwib25DaGFuZ2VNZWV0aW5nSG9zdEhhbmRsZXIiLCJvblBpbkhhbmRsZXIiLCJwaW5uZWQiLCJvbkJyaW5nVG9WaWV3SGFuZGxlciIsIm9uSG9zdFZpZGVvTXV0ZSIsIm9uSG9zdEF1ZGlvTXV0ZSIsImlzSG9zdCIsIl9kZWZhdWx0IiwiZXhwb3J0cyJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9tZWRpYS9WQ1BhcnRpY2lwYW50TGlzdC5qc3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7dXNlU3RhdGV9IGZyb20gJ3JlYWN0JztcbmltcG9ydCAnLi9WQ1BhcnRpY2lwYW50TGlzdC5jc3MnXG5pbXBvcnQgVkNQYXJ0aWNpcGFudExpc3RJdGVtIGZyb20gJy4vVkNQYXJ0aWNpcGFudExpc3RJdGVtJztcblxuY29uc3QgVkNQYXJ0aWNpcGFudExpc3QgPSAocHJvcHMpID0+IHtcbiAgY29uc3QgW2FuY2hvckVsLCBzZXRBbmNob3JFbF0gPSB1c2VTdGF0ZShudWxsKTtcbiAgY29uc3Qgb3BlbiA9IEJvb2xlYW4oYW5jaG9yRWwpO1xuICBjb25zdCB7cGFydGljaXBhbnRzfSA9IHByb3BzO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9eyd3LTEwMCBoLTEwMCBwZW9wbGUtY29udGFpbmVyJ30+XG4gICAgICB7XG4gICAgICAgIHBhcnRpY2lwYW50cy5sZW5ndGggPiAwICYmXG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXsncGVvcGxlLWNvbnRlbnQgcm93J30gc3R5bGU9e3toZWlnaHQ6ICcxMDAlJywgb3ZlcmZsb3c6ICdub25lJ319PlxuICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXsncGVvcGxlLWNvbnRlbnQtbGlzdCd9IHN0eWxlPXt7aGVpZ2h0OiAnY2FsYygxMDAlIC0gNDhweCknLCB3aWR0aDogJzEwMCUnLCBvdmVyZmxvdzogJ2F1dG8nfX0+XG4gICAgICAgICAgICB7cGFydGljaXBhbnRzLm1hcCgocGFydGljaXBhbnQsIGluZGV4KSA9PiB7XG4gICAgICAgICAgICAgIHJldHVybiA8VkNQYXJ0aWNpcGFudExpc3RJdGVtXG4gICAgICAgICAgICAgICAga2V5PXtpbmRleH1cbiAgICAgICAgICAgICAgICBvbkNoYW5nZU1lZXRpbmdIb3N0SGFuZGxlcj17KGUpID0+IHByb3BzLm9uQ2hhbmdlTWVldGluZ0hvc3RIYW5kbGVyKGUpfVxuICAgICAgICAgICAgICAgIG9uUGluSGFuZGxlcj17KHBhcnRpY2lwYW50LCBwaW5uZWQpID0+IHByb3BzLm9uUGluSGFuZGxlcihwYXJ0aWNpcGFudCwgcGlubmVkKX1cbiAgICAgICAgICAgICAgICBvbkJyaW5nVG9WaWV3SGFuZGxlcj17KHBhcnRpY2lwYW50KSA9PiBwcm9wcy5vbkJyaW5nVG9WaWV3SGFuZGxlcihwYXJ0aWNpcGFudCl9XG4gICAgICAgICAgICAgICAgb25Ib3N0VmlkZW9NdXRlPXsocGFydGljaXBhbnQpID0+IHByb3BzLm9uSG9zdFZpZGVvTXV0ZShwYXJ0aWNpcGFudCl9XG4gICAgICAgICAgICAgICAgb25Ib3N0QXVkaW9NdXRlPXsocGFydGljaXBhbnQpID0+IHByb3BzLm9uSG9zdEF1ZGlvTXV0ZShwYXJ0aWNpcGFudCl9XG4gICAgICAgICAgICAgICAgaXNIb3N0PXtwcm9wcy5pc0hvc3R9XG4gICAgICAgICAgICAgICAgcGFydGljaXBhbnQ9e3BhcnRpY2lwYW50fVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgfSl9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgfVxuICAgIDwvZGl2PlxuICApO1xufTtcblxuXG5leHBvcnQgZGVmYXVsdCBWQ1BhcnRpY2lwYW50TGlzdDtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsSUFBQUEsTUFBQSxHQUFBQyx1QkFBQSxDQUFBQyxPQUFBO0FBQ0FBLE9BQUE7QUFDQSxJQUFBQyxzQkFBQSxHQUFBQyxzQkFBQSxDQUFBRixPQUFBO0FBQTRELFNBQUFFLHVCQUFBQyxDQUFBLFdBQUFBLENBQUEsSUFBQUEsQ0FBQSxDQUFBQyxVQUFBLEdBQUFELENBQUEsS0FBQUUsT0FBQSxFQUFBRixDQUFBO0FBQUEsU0FBQUosd0JBQUFJLENBQUEsRUFBQUcsQ0FBQSw2QkFBQUMsT0FBQSxNQUFBQyxDQUFBLE9BQUFELE9BQUEsSUFBQUUsQ0FBQSxPQUFBRixPQUFBLFlBQUFSLHVCQUFBLFlBQUFBLENBQUFJLENBQUEsRUFBQUcsQ0FBQSxTQUFBQSxDQUFBLElBQUFILENBQUEsSUFBQUEsQ0FBQSxDQUFBQyxVQUFBLFNBQUFELENBQUEsTUFBQU8sQ0FBQSxFQUFBQyxDQUFBLEVBQUFDLENBQUEsS0FBQUMsU0FBQSxRQUFBUixPQUFBLEVBQUFGLENBQUEsaUJBQUFBLENBQUEsdUJBQUFBLENBQUEseUJBQUFBLENBQUEsU0FBQVMsQ0FBQSxNQUFBRixDQUFBLEdBQUFKLENBQUEsR0FBQUcsQ0FBQSxHQUFBRCxDQUFBLFFBQUFF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
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9tYXRlcmlhbCIsIl9QZW9wbGVPdXRsaW5lIiwiX1ZDUGFydGljaXBhbnRMaXN0SXRlbSIsImUiLCJfX2VzTW9kdWxlIiwiZGVmYXVsdCIsIlZDUGFydGljaXBhbnRMaXN0IiwicHJvcHMiLCJwYXJ0aWNpcGFudHMiLCJjcmVhdGVFbGVtZW50IiwiQm94IiwiY2xhc3NOYW1lIiwic3giLCJ3aWR0aCIsImhlaWdodCIsIm1pbkhlaWdodCIsImRpc3BsYXkiLCJmbGV4RGlyZWN0aW9uIiwibGVuZ3RoIiwiZmxleCIsIm92ZXJmbG93IiwicCIsIm1hcCIsInBhcnRpY2lwYW50IiwiaW5kZXgiLCJrZXkiLCJ1c2VySWQiLCJvbkNoYW5nZU1lZXRpbmdIb3N0SGFuZGxlciIsIm9uUGluSGFuZGxlciIsInBpbm5lZCIsIm9uQnJpbmdUb1ZpZXdIYW5kbGVyIiwib25Ib3N0VmlkZW9NdXRlIiwib25Ib3N0QXVkaW9NdXRlIiwiaXNIb3N0IiwiYWxpZ25JdGVtcyIsImp1c3RpZnlDb250ZW50IiwiY29sb3IiLCJ0ZXh0QWxpZ24iLCJmb250U2l6ZSIsIm9wYWNpdHkiLCJUeXBvZ3JhcGh5IiwibXQiLCJfZGVmYXVsdCIsImV4cG9ydHMiXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvbWVkaWEvVkNQYXJ0aWNpcGFudExpc3QuanN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgJy4vVkNQYXJ0aWNpcGFudExpc3QuY3NzJztcbmltcG9ydCB7Qm94LCBUeXBvZ3JhcGh5fSBmcm9tICdAbXVpL21hdGVyaWFsJztcbmltcG9ydCBQZW9wbGVPdXRsaW5lSWNvbiBmcm9tICdAbXVpL2ljb25zLW1hdGVyaWFsL1Blb3BsZU91dGxpbmUnO1xuaW1wb3J0IFZDUGFydGljaXBhbnRMaXN0SXRlbSBmcm9tICcuL1ZDUGFydGljaXBhbnRMaXN0SXRlbSc7XG5cbi8qKlxuICogUGVvcGxlIHBhbmVsIOKAlCBzY3JvbGxhYmxlIGxpc3Qgb2YgcGFydGljaXBhbnRzLiBGaWxscyBpdHMgY29udGFpbmVyOyBzaG93cyBhXG4gKiBmcmllbmRseSBlbXB0eSBzdGF0ZSB3aGVuIG5vIG9uZSBlbHNlIGhhcyBqb2luZWQuXG4gKi9cbmNvbnN0IFZDUGFydGljaXBhbnRMaXN0ID0gKHByb3BzKSA9PiB7XG4gICAgY29uc3Qge3BhcnRpY2lwYW50c30gPSBwcm9wcztcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxCb3ggY2xhc3NOYW1lPXsncGVvcGxlLWNvbnRhaW5lcid9IHN4PXt7d2lkdGg6ICcxMDAlJywgaGVpZ2h0OiAnMTAwJScsIG1pbkhlaWdodDogMCwgZGlzcGxheTogJ2ZsZXgnLCBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJ319PlxuICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgIHBhcnRpY2lwYW50cy5sZW5ndGggPiAwID9cbiAgICAgICAgICAgICAgICAgICAgPEJveCBjbGFzc05hbWU9eydwZW9wbGUtY29udGVudC1saXN0J30gc3g9e3tmbGV4OiAnMSAxIGF1dG8nLCBtaW5IZWlnaHQ6IDAsIHdpZHRoOiAnMTAwJScsIG92ZXJmbG93OiAnYXV0bycsIHA6IDAuNX19PlxuICAgICAgICAgICAgICAgICAgICAgICAge3BhcnRpY2lwYW50cy5tYXAoKHBhcnRpY2lwYW50LCBpbmRleCkgPT4gKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxWQ1BhcnRpY2lwYW50TGlzdEl0ZW1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAga2V5PXtwYXJ0aWNpcGFudC51c2VySWQgfHwgaW5kZXh9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlTWVldGluZ0hvc3RIYW5kbGVyPXsoZSkgPT4gcHJvcHMub25DaGFuZ2VNZWV0aW5nSG9zdEhhbmRsZXIoZSl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uUGluSGFuZGxlcj17KHAsIHBpbm5lZCkgPT4gcHJvcHMub25QaW5IYW5kbGVyKHAsIHBpbm5lZCl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQnJpbmdUb1ZpZXdIYW5kbGVyPXsocCkgPT4gcHJvcHMub25CcmluZ1RvVmlld0hhbmRsZXIocCl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uSG9zdFZpZGVvTXV0ZT17KHApID0+IHByb3BzLm9uSG9zdFZpZGVvTXV0ZShwKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25Ib3N0QXVkaW9NdXRlPXsocCkgPT4gcHJvcHMub25Ib3N0QXVkaW9NdXRlKHApfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpc0hvc3Q9e3Byb3BzLmlzSG9zdH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFydGljaXBhbnQ9e3BhcnRpY2lwYW50fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICAgICAgICAgIDpcbiAgICAgICAgICAgICAgICAgICAgPEJveCBzeD17e1xuICAgICAgICAgICAgICAgICAgICAgICAgZmxleDogJzEgMSBhdXRvJywgbWluSGVpZ2h0OiAwLFxuICAgICAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogJ2ZsZXgnLCBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJywgYWxpZ25JdGVtczogJ2NlbnRlcicsIGp1c3RpZnlDb250ZW50OiAnY2VudGVyJyxcbiAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yOiAnIzhhOTZhMycsIHRleHRBbGlnbjogJ2NlbnRlcicsIHA6IDMsXG4gICAgICAgICAgICAgICAgICAgIH19PlxuICAgICAgICAgICAgICAgICAgICAgICAgPFBlb3BsZU91dGxpbmVJY29uIHN4PXt7Zm9udFNpemU6IDQwLCBvcGFjaXR5OiAwLjZ9fS8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8VHlwb2dyYXBoeSBzeD17e2ZvbnRTaXplOiAxNCwgbXQ6IDF9fT5ObyBvbmUgZWxzZSBpcyBoZXJlIHlldDwvVHlwb2dyYXBoeT5cbiAgICAgICAgICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICB9XG4gICAgICAgIDwvQm94PlxuICAgICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBWQ1BhcnRpY2lwYW50TGlzdDtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsSUFBQUEsTUFBQSxHQUFBQyxzQkFBQSxDQUFBQyxPQUFBO0FBQ0FBLE9BQUE7QUFDQSxJQUFBQyxTQUFBLEdBQUFELE9BQUE7QUFDQSxJQUFBRSxjQUFBLEdBQUFILHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBRyxzQkFBQSxHQUFBSixzQkFBQSxDQUFBQyxPQUFBO0FBQTRELFNBQUFELHVCQUFBSyxDQUFBLFdBQUFBLENBQUEsSUFBQUEsQ0FBQSxDQUFBQyxVQUFBLEdBQUFELENBQUEsS0FBQUUsT0FBQSxFQUFBRixDQUFBO0FBRTVEO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsTUFBTUcsaUJBQWlCLEdBQUlDLEtBQUssSUFBSztFQUNqQyxNQUFNO0lBQUNDO0VBQVksQ0FBQyxHQUFHRCxLQUFLO0VBRTVCLG9CQUNJVixNQUFBLENBQUFRLE9BQUEsQ0FBQUksYUFBQSxDQUFDVCxTQUFBLENBQUFVLEdBQUc7SUFBQ0MsU0FBUyxFQUFFLGtCQUFtQjtJQUFDQyxFQUFFLEVBQUU7TUFBQ0MsS0FBSyxFQUFFLE1BQU07TUFBRUMsTUFBTSxFQUFFLE1BQU07TUFBRUMsU0FBUyxFQUFFLENBQUM7TUFBRUMsT0FBTyxFQUFFLE1BQU07TUFBRUMsYUFBYSxFQUFFO0lBQVE7RUFBRSxHQUV4SFQsWUFBWSxDQUFDVSxNQUFNLEdBQUcsQ0FBQyxnQkFDbkJyQixNQUFBLENBQUFRLE9BQUEsQ0FBQUksYUFBQSxDQUFDVCxTQUFBLENBQUFVLEdBQUc7SUFBQ0MsU0FBUyxFQUFFLHFCQUFzQjtJQUFDQyxFQUFFLEVBQUU7TUFBQ08sSUFBSSxFQUFFLFVBQVU7TUFBRUosU0FBUyxFQUFFLENBQUM7TUFBRUYsS0FBSyxFQUFFLE1BQU07TUFBRU8sUUFBUSxFQUFFLE1BQU07TUFBRUMsQ0FBQyxFQUFFO0lBQUc7RUFBRSxHQUNoSGIsWUFBWSxDQUFDYyxHQUFHLENBQUMsQ0FBQ0MsV0FBVyxFQUFFQyxLQUFLLGtCQUNqQzNCLE1BQUEsQ0FBQVEsT0FBQSxDQUFBSSxhQUFBLENBQUNQLHNCQUFBLENBQUFHLE9BQXFCO0lBQ2xCb0IsR0FBRyxFQUFFRixXQUFXLENBQUNHLE1BQU0sSUFBSUYsS0FBTTtJQUNqQ0csMEJBQTBCLEVBQUd4QixDQUFDLElBQUtJLEtBQUssQ0FBQ29CLDBCQUEwQixDQUFDeEIsQ0FBQyxDQUFFO0lBQ3ZFeUIsWUFBWSxFQUFFQSxDQUFDUCxDQUFDLEVBQUVRLE1BQU0sS0FBS3RCLEtBQUssQ0FBQ3FCLFlBQVksQ0FBQ1AsQ0FBQyxFQUFFUSxNQUFNLENBQUU7SUFDM0RDLG9CQUFvQixFQUFHVCxDQUFDLElBQUtkLEtBQUssQ0FBQ3VCLG9CQUFvQixDQUFDVCxDQUFDLENBQUU7SUFDM0RVLGVBQWUsRUFBR1YsQ0FBQyxJQUFLZCxLQUFLLENBQUN3QixlQUFlLENBQUNWLENBQUMsQ0FBRTtJQUNqRFcsZUFBZSxFQUFHWCxDQUFDLElBQUtkLEtBQUssQ0FBQ3lCLGVBQWUsQ0FBQ1gsQ0FBQyxDQUFFO0lBQ2pEWSxNQUFNLEVBQUUxQixLQUFLLENBQUMwQixNQUFPO0lBQ3JCVixXQUFXLEVBQUVBO0VBQVksQ0FDNUIsQ0FDSixDQUNBLENBQUMsZ0JBRU4xQixNQUFBLENBQUFRLE9BQUEsQ0FBQUksYUFBQSxDQUFDVCxTQUFBLENBQUFVLEdBQUc7SUFBQ0UsRUFBRSxFQUFFO01BQ0xPLElBQUksRUFBRSxVQUFVO01BQUVKLFNBQVMsRUFBRSxDQUFDO01BQzlCQyxPQUFPLEVBQUUsTUFBTTtNQUFFQyxhQUFhLEVBQUUsUUFBUTtNQUFFaUIsVUFBVSxFQUFFLFFBQVE7TUFBRUMsY0FBYyxFQUFFLFFBQVE7TUFDeEZDLEtBQUssRUFBRSxTQUFTO01BQUVDLFNBQVMsRUFBRSxRQUFRO01BQUVoQixDQUFDLEVBQUU7SUFDOUM7RUFBRSxnQkFDRXhCLE1BQUEsQ0FBQVEsT0FBQSxDQUFBSSxhQUFBLENBQUNSLGNBQUEsQ0FBQUksT0FBaUI7SUFBQ08sRUFBRSxFQUFFO01BQUMwQixRQUFRLEVBQUUsRUFBRTtNQUFFQyxPQUFPLEVBQUU7SUFBRztFQUFFLENBQUMsQ0FBQyxlQUN0RDFDLE1BQUEsQ0FBQVEsT0FBQSxDQUFBSSxhQUFBLENBQUNULFNBQUEsQ0FBQXdDLFVBQVU7SUFBQzVCLEVBQUUsRUFBRTtNQUFDMEIsUUFBUSxFQUFFLEVBQUU7TUFBRUcsRUFBRSxFQUFFO0lBQUM7RUFBRSxHQUFDLHlCQUFtQyxDQUN6RSxDQUVaLENBQUM7QUFFZCxDQUFDO0FBQUMsSUFBQUMsUUFBQSxHQUFBQyxPQUFBLENBQUF0QyxPQUFBLEdBRWFDLGlCQUFpQiIsImlnbm9yZUxpc3QiOltdfQ==

package/dist/components/media/VCRoom.css

@@ -35,6 +35,9 @@
   width: 25%;
   min-width: 320px;
   margin-left: 16px;
+  overflow: hidden;
+  border-left: 1px solid #e1e1e1;
+  box-shadow: -3px 0 16px rgba(0, 0, 0, 0.18);
 }
 
 .closable-panel-container-pinned {
@@ -49,6 +52,25 @@
   border: 1px solid #e1e1e1;
 }
 
+/* Narrow / pinned rooms: the sidebar overlays the workspace as a drawer
+   (Teams-style) instead of docking beside it and squashing the video.
+   Container-driven — TrainingRoom toggles this via useContainerWidth. */
+.closable-panel-overlay {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 30;
+  background-color: #f9f9f9;
+  color: #000000;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  border-left: 1px solid #e1e1e1;
+  box-shadow: -3px 0 16px rgba(0, 0, 0, 0.28);
+}
+
 .participants-container {
   width: 25%;
   height: 100%;

package/dist/components/media/VCRoom.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.WAITING_FOR_OTHERS_TO_JOIN_MESSAGE = exports.SYSTEM_ERROR_MESSAGE = exports.STREAM_ERROR_MESSAGE = exports.CONNECTION_ERROR_MESSAGE = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _material = require("@mui/material");
 var _Utils = _interopRequireDefault(require("../../Utils"));
 require("./Video.css");
 require("./VCRoom.css");
@@ -56,29 +57,47 @@ const VCRoom = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forw
       }
     };
   };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    style: _Utils.default.mergeStyles({
+  return /*#__PURE__*/_react.default.createElement(_material.Box, {
+    className: 'vc-room',
+    style: _Utils.default.mergeStyles({}, props.config),
+    sx: {
       width: '100%',
-      height: '100%'
-    }, props.config)
-  }, settings && calendarEvent && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+      height: '100%',
+      display: 'flex',
+      flexDirection: 'column',
+      minHeight: 0,
+      minWidth: 0
+    }
+  }, settings && calendarEvent && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.Box, {
     className: 'meeting-title',
-    style: {
-      fontSize: '24px',
-      margin: '8px 0 0 12px',
-      height: '48px',
-      color: '#404239'
+    title: calendarEvent.title,
+    sx: {
+      flex: '0 0 auto',
+      fontSize: '20px',
+      fontWeight: 600,
+      color: '#404239',
+      px: 1.5,
+      py: 1,
+      whiteSpace: 'nowrap',
+      overflow: 'hidden',
+      textOverflow: 'ellipsis'
     }
-  }, calendarEvent.title), /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      height: 'calc(100% - 64px)'
+  }, calendarEvent.title), /*#__PURE__*/_react.default.createElement(_material.Box, {
+    sx: {
+      flex: '1 1 auto',
+      minHeight: 0,
+      minWidth: 0
     }
   }, props.config.roomType === 'training' ? /*#__PURE__*/_react.default.createElement(_TrainingRoom.default, {
     settings: settings,
     calendarEvent: calendarEvent,
     handle: vcHandle,
     viewId: props.viewId
-  }) : /*#__PURE__*/_react.default.createElement("div", null, "Unknown room type"))));
+  }) : /*#__PURE__*/_react.default.createElement(_material.Box, {
+    sx: {
+      p: 2
+    }
+  }, "Unknown room type"))));
 }));
 var _default = exports.default = VCRoom;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9VdGlscyIsIl9UcmFpbmluZ1Jvb20iLCJfT2JzZXJ2YWJsZSIsIl9FdmVudCIsIl9FdmVudFR5cGUiLCJfQXBwbGljYXRpb25NYW5hZ2VyIiwiZSIsIl9fZXNNb2R1bGUiLCJkZWZhdWx0IiwiV0FJVElOR19GT1JfT1RIRVJTX1RPX0pPSU5fTUVTU0FHRSIsImV4cG9ydHMiLCJTWVNURU1fRVJST1JfTUVTU0FHRSIsIkNPTk5FQ1RJT05fRVJST1JfTUVTU0FHRSIsIlNUUkVBTV9FUlJPUl9NRVNTQUdFIiwiVkNSb29tIiwiUmVhY3QiLCJtZW1vIiwiZm9yd2FyZFJlZiIsInByb3BzIiwicmVmIiwic2V0dGluZ3MiLCJzZXRTZXR0aW5ncyIsInVzZVN0YXRlIiwiY2FsZW5kYXJFdmVudCIsInNldENhbGVuZGFyRXZlbnQiLCJ2Y0hhbmRsZSIsInVzZUVmZmVjdCIsImhhbmRsZSIsImFwaSIsInBhcnNlZENvbmZpZyIsIlV0aWxzIiwicGFyc2VDb25maWciLCJjb25maWciLCJ2aWV3SWQiLCJldmVudE1hbmFnZXIiLCJhZGRTdWJzY3JpcHRpb25zIiwiZXZlbnRIYW5kbGluZ0NvbmZpZyIsImFkZFN5c3RlbVN1YnNjcmlwdGlvbnMiLCJldmVudCIsIkV2ZW50IiwiZmlyZUV2ZW50IiwiRXZlbnRUeXBlIiwiQ09NUE9ORU5UX0xPQUQiLCJtZWV0aW5nSWQiLCJhcHBsaWNhdGlvbk1hbmFnZXIiLCJnZXRBY3RpdmVNZWV0aW5nS2V5IiwiTUVFVElOR19FTkRFRCIsImlkIiwibG9hZENoYXRzIiwiY3JlYXRlRWxlbWVudCIsInN0eWxlIiwibWVyZ2VTdHlsZXMiLCJ3aWR0aCIsImhlaWdodCIsIkZyYWdtZW50IiwiY2xhc3NOYW1lIiwiZm9udFNpemUiLCJtYXJnaW4iLCJjb2xvciIsInRpdGxlIiwicm9vbVR5cGUiLCJfZGVmYXVsdCJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9tZWRpYS9WQ1Jvb20uanN4Il0sInNvdXJjZXNDb250ZW50IjpbIu+7v2ltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgVXRpbHMgZnJvbSBcIi4uLy4uL1V0aWxzXCI7XG5pbXBvcnQgXCIuL1ZpZGVvLmNzc1wiXG5pbXBvcnQgXCIuL1ZDUm9vbS5jc3NcIlxuaW1wb3J0IFRyYWluaW5nUm9vbSBmcm9tIFwiLi9UcmFpbmluZ1Jvb21cIjtcbmltcG9ydCBldmVudE1hbmFnZXIgZnJvbSBcIi4uLy4uL2V2ZW50L09ic2VydmFibGVcIjtcbmltcG9ydCBFdmVudCBmcm9tIFwiLi4vLi4vZXZlbnQvRXZlbnRcIjtcbmltcG9ydCBFdmVudFR5cGUgZnJvbSBcIi4uLy4uL2V2ZW50L0V2ZW50VHlwZVwiO1xuaW1wb3J0IGFwcGxpY2F0aW9uTWFuYWdlciBmcm9tIFwiLi4vLi4vQXBwbGljYXRpb25NYW5hZ2VyXCI7XG5cbmV4cG9ydCBjb25zdCBXQUlUSU5HX0ZPUl9PVEhFUlNfVE9fSk9JTl9NRVNTQUdFID0gJ1dhaXRpbmcgZm9yIG90aGVycyB0byBqb2luJztcbmV4cG9ydCBjb25zdCBTWVNURU1fRVJST1JfTUVTU0FHRSA9XG4gICAgJ0Egc3lzdGVtIGVycm9yIGhhcyBvY2N1cnJlZC4gUGxlYXNlIHRyeSBhZ2FpbiBsYXRlciBvciBjb250YWN0IHlvdXIgc3lzdGVtIGFkbWluaXN0cmF0b3InO1xuXG5leHBvcnQgY29uc3QgQ09OTkVDVElPTl9FUlJPUl9NRVNTQUdFID1cbiAgICAnVGhlcmUgc2VlbXMgdG8gYmUgYSBwcm9ibGVtIHdpdGggeW91ciBjb25uZWN0aW9uLiBQbGVhc2UgY2hlY2sgeW91ciBuZXR3b3JrIGNvbm5lY3Rpb24nO1xuXG5leHBvcnQgY29uc3QgU1RSRUFNX0VSUk9SX01FU1NBR0UgPVxuICAgICdUaGUgc3lzdGVtIGNhbm5vdCBpbml0aWF0ZSBhdWRpbyBhbmQgdmlkZW8gc3RyZWFtcy4gUGxlYXNlIGNoZWNrIHlvdXIgbWljcm9waG9uZSBhbmQgY2FtZXJhIHNldHRpbmdzJztcblxuY29uc3QgVkNSb29tID0gUmVhY3QubWVtbyhSZWFjdC5mb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XG5cbiAgICBjb25zdCBbc2V0dGluZ3MsIHNldFNldHRpbmdzXSA9IFJlYWN0LnVzZVN0YXRlKG51bGwpO1xuICAgIGNvbnN0IFtjYWxlbmRhckV2ZW50LCBzZXRDYWxlbmRhckV2ZW50XSA9IFJlYWN0LnVzZVN0YXRlKG51bGwpO1xuICAgIGNvbnN0IHZjSGFuZGxlID0ge307XG5cbiAgICBSZWFjdC51c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICBwcm9wcy5oYW5kbGUuYXBpID0gYXBpKCk7XG4gICAgfSk7XG5cbiAgICBSZWFjdC51c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICBsZXQgcGFyc2VkQ29uZmlnID0gVXRpbHMucGFyc2VDb25maWcocHJvcHMuY29uZmlnLCBwcm9wcy52aWV3SWQpO1xuICAgICAgICBldmVudE1hbmFnZXIuYWRkU3Vic2NyaXB0aW9ucyhwYXJzZWRDb25maWcuZXZlbnRIYW5kbGluZ0NvbmZpZywgcHJvcHMuaGFuZGxlLCBwcm9wcy52aWV3SWQpO1xuICAgICAgICBldmVudE1hbmFnZXIuYWRkU3lzdGVtU3Vic2NyaXB0aW9ucyhwcm9wcy52aWV3SWQsIHBhcnNlZENvbmZpZyk7XG5cbiAgICAgICAgbGV0IGV2ZW50ID0gbmV3IEV2ZW50KHByb3BzLmhhbmRsZSwgcHJvcHMudmlld0lkLCBudWxsKTtcbiAgICAgICAgZXZlbnRNYW5hZ2VyLmZpcmVFdmVudChFdmVudFR5cGUuQ09NUE9ORU5UX0xPQUQsIGV2ZW50KTtcblxuICAgICAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgICAgICAgbGV0IGV2ZW50ID0gbmV3IEV2ZW50KHByb3BzLmhhbmRsZSwgcHJvcHMudmlld0lkLCB7bWVldGluZ0lkOiBhcHBsaWNhdGlvbk1hbmFnZXIuZ2V0QWN0aXZlTWVldGluZ0tleSgpfSk7XG4gICAgICAgICAgICBldmVudE1hbmFnZXIuZmlyZUV2ZW50KEV2ZW50VHlwZS5NRUVUSU5HX0VOREVELCBldmVudCk7XG5cbiAgICAgICAgICAgIC8vZXZlbnRNYW5hZ2VyLmNsZWFyQ29tcG9uZW50RXZlbnRMaXN0ZW5lcnMocHJvcHMuaGFuZGxlKTtcbiAgICAgICAgfVxuICAgIH0sIFtdKTtcblxuICAgIGNvbnN0IGFwaSA9ICgpID0+IHtcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgIGdldCBpZCgpIHtcbiAgICAgICAgICAgICAgICByZXR1cm4gcHJvcHMuY29uZmlnLmlkO1xuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIHNldCBzZXR0aW5ncyhzZXR0aW5ncykge1xuICAgICAgICAgICAgICAgIHNldFNldHRpbmdzKHNldHRpbmdzKTtcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBzZXQgY2FsZW5kYXJFdmVudChjYWxlbmRhckV2ZW50KSB7XG4gICAgICAgICAgICAgICAgc2V0Q2FsZW5kYXJFdmVudChjYWxlbmRhckV2ZW50KTtcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBsb2FkQ2hhdHMoKSB7XG4gICAgICAgICAgICAgICAgdmNIYW5kbGUuYXBpLmxvYWRDaGF0cygpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9O1xuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8ZGl2XG4gICAgICAgICAgICBzdHlsZT17VXRpbHMubWVyZ2VTdHlsZXMoe1xuICAgICAgICAgICAgICAgIHdpZHRoOiAnMTAwJScsXG4gICAgICAgICAgICAgICAgaGVpZ2h0OiAnMTAwJSdcbiAgICAgICAgICAgIH0sIHByb3BzLmNvbmZpZyl9XG4gICAgICAgID5cbiAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICBzZXR0aW5ncyAmJiBjYWxlbmRhckV2ZW50ICYmXG4gICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9eydtZWV0aW5nLXRpdGxlJ30gc3R5bGU9e3tcbiAgICAgICAgICAgICAgICAgICAgICAgIGZvbnRTaXplOiAnMjRweCcsXG4gICAgICAgICAgICAgICAgICAgICAgICBtYXJnaW46ICc4cHggMCAwIDEycHgnLFxuICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiAnNDhweCcsXG4gICAgICAgICAgICAgICAgICAgICAgICBjb2xvcjogJyM0MDQyMzknXG4gICAgICAgICAgICAgICAgICAgIH19PlxuICAgICAgICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNhbGVuZGFyRXZlbnQudGl0bGVcbiAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgc3R5bGU9e3tcbiAgICAgICAgICAgICAgICAgICAgICAgIGhlaWdodDogJ2NhbGMoMTAwJSAtIDY0cHgpJ1xuICAgICAgICAgICAgICAgICAgICB9fT5cbiAgICAgICAgICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwcm9wcy5jb25maWcucm9vbVR5cGUgPT09ICd0cmFpbmluZycgP1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8VHJhaW5pbmdSb29tIHNldHRpbmdzPXtzZXR0aW5nc30gY2FsZW5kYXJFdmVudD17Y2FsZW5kYXJFdmVudH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBoYW5kbGU9e3ZjSGFuZGxlfSB2aWV3SWQ9e3Byb3BzLnZpZXdJZH0+PC9UcmFpbmluZ1Jvb20+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDpcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdj5Vbmtub3duIHJvb20gdHlwZTwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgIH1cbiAgICAgICAgPC9kaXY+XG4gICAgKTtcbn0pKTtcblxuZXhwb3J0IGRlZmF1bHQgVkNSb29tO1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQyxJQUFBQSxNQUFBLEdBQUFDLHNCQUFBLENBQUFDLE9BQUE7QUFDRCxJQUFBQyxNQUFBLEdBQUFGLHNCQUFBLENBQUFDLE9BQUE7QUFDQUEsT0FBQTtBQUNBQSxPQUFBO0FBQ0EsSUFBQUUsYUFBQSxHQUFBSCxzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUcsV0FBQSxHQUFBSixzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUksTUFBQSxHQUFBTCxzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUssVUFBQSxHQUFBTixzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQU0sbUJBQUEsR0FBQVAsc0JBQUEsQ0FBQUMsT0FBQTtBQUEwRCxTQUFBRCx1QkFBQVEsQ0FBQSxXQUFBQSxDQUFBLElBQUFBLENBQUEsQ0FBQUMsVUFBQSxHQUFBRCxDQUFBLEtBQUFFLE9BQUEsRUFBQUYsQ0FBQTtBQUVuRCxNQUFNRyxrQ0FBa0MsR0FBQUMsT0FBQSxDQUFBRCxrQ0FBQSxHQUFHLDRCQUE0QjtBQUN2RSxNQUFNRSxvQkFBb0IsR0FBQUQsT0FBQSxDQUFBQyxvQkFBQSxHQUM3QiwwRkFBMEY7QUFFdkYsTUFBTUMsd0JBQXdCLEdBQUFGLE9BQUEsQ0FBQUUsd0JBQUEsR0FDakMsd0ZBQXdGO0FBRXJGLE1BQU1DLG9CQUFvQixHQUFBSCxPQUFBLENBQUFHLG9CQUFBLEdBQzdCLHNHQUFzRztBQUUxRyxNQUFNQyxNQUFNLGdCQUFHQyxjQUFLLENBQUNDLElBQUksY0FBQ0QsY0FBSyxDQUFDRSxVQUFVLENBQUMsQ0FBQ0MsS0FBSyxFQUFFQyxHQUFHLEtBQUs7RUFFdkQsTUFBTSxDQUFDQyxRQUFRLEVBQUVDLFdBQVcsQ0FBQyxHQUFHTixjQUFLLENBQUNPLFFBQVEsQ0FBQyxJQUFJLENBQUM7RUFDcEQsTUFBTSxDQUFD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
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9tYXRlcmlhbCIsIl9VdGlscyIsIl9UcmFpbmluZ1Jvb20iLCJfT2JzZXJ2YWJsZSIsIl9FdmVudCIsIl9FdmVudFR5cGUiLCJfQXBwbGljYXRpb25NYW5hZ2VyIiwiZSIsIl9fZXNNb2R1bGUiLCJkZWZhdWx0IiwiV0FJVElOR19GT1JfT1RIRVJTX1RPX0pPSU5fTUVTU0FHRSIsImV4cG9ydHMiLCJTWVNURU1fRVJST1JfTUVTU0FHRSIsIkNPTk5FQ1RJT05fRVJST1JfTUVTU0FHRSIsIlNUUkVBTV9FUlJPUl9NRVNTQUdFIiwiVkNSb29tIiwiUmVhY3QiLCJtZW1vIiwiZm9yd2FyZFJlZiIsInByb3BzIiwicmVmIiwic2V0dGluZ3MiLCJzZXRTZXR0aW5ncyIsInVzZVN0YXRlIiwiY2FsZW5kYXJFdmVudCIsInNldENhbGVuZGFyRXZlbnQiLCJ2Y0hhbmRsZSIsInVzZUVmZmVjdCIsImhhbmRsZSIsImFwaSIsInBhcnNlZENvbmZpZyIsIlV0aWxzIiwicGFyc2VDb25maWciLCJjb25maWciLCJ2aWV3SWQiLCJldmVudE1hbmFnZXIiLCJhZGRTdWJzY3JpcHRpb25zIiwiZXZlbnRIYW5kbGluZ0NvbmZpZyIsImFkZFN5c3RlbVN1YnNjcmlwdGlvbnMiLCJldmVudCIsIkV2ZW50IiwiZmlyZUV2ZW50IiwiRXZlbnRUeXBlIiwiQ09NUE9ORU5UX0xPQUQiLCJtZWV0aW5nSWQiLCJhcHBsaWNhdGlvbk1hbmFnZXIiLCJnZXRBY3RpdmVNZWV0aW5nS2V5IiwiTUVFVElOR19FTkRFRCIsImlkIiwibG9hZENoYXRzIiwiY3JlYXRlRWxlbWVudCIsIkJveCIsImNsYXNzTmFtZSIsInN0eWxlIiwibWVyZ2VTdHlsZXMiLCJzeCIsIndpZHRoIiwiaGVpZ2h0IiwiZGlzcGxheSIsImZsZXhEaXJlY3Rpb24iLCJtaW5IZWlnaHQiLCJtaW5XaWR0aCIsIkZyYWdtZW50IiwidGl0bGUiLCJmbGV4IiwiZm9udFNpemUiLCJmb250V2VpZ2h0IiwiY29sb3IiLCJweCIsInB5Iiwid2hpdGVTcGFjZSIsIm92ZXJmbG93IiwidGV4dE92ZXJmbG93Iiwicm9vbVR5cGUiLCJwIiwiX2RlZmF1bHQiXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvbWVkaWEvVkNSb29tLmpzeCJdLCJzb3VyY2VzQ29udGVudCI6WyLvu79pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHtCb3h9IGZyb20gJ0BtdWkvbWF0ZXJpYWwnO1xuaW1wb3J0IFV0aWxzIGZyb20gXCIuLi8uLi9VdGlsc1wiO1xuaW1wb3J0IFwiLi9WaWRlby5jc3NcIlxuaW1wb3J0IFwiLi9WQ1Jvb20uY3NzXCJcbmltcG9ydCBUcmFpbmluZ1Jvb20gZnJvbSBcIi4vVHJhaW5pbmdSb29tXCI7XG5pbXBvcnQgZXZlbnRNYW5hZ2VyIGZyb20gXCIuLi8uLi9ldmVudC9PYnNlcnZhYmxlXCI7XG5pbXBvcnQgRXZlbnQgZnJvbSBcIi4uLy4uL2V2ZW50L0V2ZW50XCI7XG5pbXBvcnQgRXZlbnRUeXBlIGZyb20gXCIuLi8uLi9ldmVudC9FdmVudFR5cGVcIjtcbmltcG9ydCBhcHBsaWNhdGlvbk1hbmFnZXIgZnJvbSBcIi4uLy4uL0FwcGxpY2F0aW9uTWFuYWdlclwiO1xuXG5leHBvcnQgY29uc3QgV0FJVElOR19GT1JfT1RIRVJTX1RPX0pPSU5fTUVTU0FHRSA9ICdXYWl0aW5nIGZvciBvdGhlcnMgdG8gam9pbic7XG5leHBvcnQgY29uc3QgU1lTVEVNX0VSUk9SX01FU1NBR0UgPVxuICAgICdBIHN5c3RlbSBlcnJvciBoYXMgb2NjdXJyZWQuIFBsZWFzZSB0cnkgYWdhaW4gbGF0ZXIgb3IgY29udGFjdCB5b3VyIHN5c3RlbSBhZG1pbmlzdHJhdG9yJztcblxuZXhwb3J0IGNvbnN0IENPTk5FQ1RJT05fRVJST1JfTUVTU0FHRSA9XG4gICAgJ1RoZXJlIHNlZW1zIHRvIGJlIGEgcHJvYmxlbSB3aXRoIHlvdXIgY29ubmVjdGlvbi4gUGxlYXNlIGNoZWNrIHlvdXIgbmV0d29yayBjb25uZWN0aW9uJztcblxuZXhwb3J0IGNvbnN0IFNUUkVBTV9FUlJPUl9NRVNTQUdFID1cbiAgICAnVGhlIHN5c3RlbSBjYW5ub3QgaW5pdGlhdGUgYXVkaW8gYW5kIHZpZGVvIHN0cmVhbXMuIFBsZWFzZSBjaGVjayB5b3VyIG1pY3JvcGhvbmUgYW5kIGNhbWVyYSBzZXR0aW5ncyc7XG5cbmNvbnN0IFZDUm9vbSA9IFJlYWN0Lm1lbW8oUmVhY3QuZm9yd2FyZFJlZigocHJvcHMsIHJlZikgPT4ge1xuXG4gICAgY29uc3QgW3NldHRpbmdzLCBzZXRTZXR0aW5nc10gPSBSZWFjdC51c2VTdGF0ZShudWxsKTtcbiAgICBjb25zdCBbY2FsZW5kYXJFdmVudCwgc2V0Q2FsZW5kYXJFdmVudF0gPSBSZWFjdC51c2VTdGF0ZShudWxsKTtcbiAgICBjb25zdCB2Y0hhbmRsZSA9IHt9O1xuXG4gICAgUmVhY3QudXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgcHJvcHMuaGFuZGxlLmFwaSA9IGFwaSgpO1xuICAgIH0pO1xuXG4gICAgUmVhY3QudXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgbGV0IHBhcnNlZENvbmZpZyA9IFV0aWxzLnBhcnNlQ29uZmlnKHByb3BzLmNvbmZpZywgcHJvcHMudmlld0lkKTtcbiAgICAgICAgZXZlbnRNYW5hZ2VyLmFkZFN1YnNjcmlwdGlvbnMocGFyc2VkQ29uZmlnLmV2ZW50SGFuZGxpbmdDb25maWcsIHByb3BzLmhhbmRsZSwgcHJvcHMudmlld0lkKTtcbiAgICAgICAgZXZlbnRNYW5hZ2VyLmFkZFN5c3RlbVN1YnNjcmlwdGlvbnMocHJvcHMudmlld0lkLCBwYXJzZWRDb25maWcpO1xuXG4gICAgICAgIGxldCBldmVudCA9IG5ldyBFdmVudChwcm9wcy5oYW5kbGUsIHByb3BzLnZpZXdJZCwgbnVsbCk7XG4gICAgICAgIGV2ZW50TWFuYWdlci5maXJlRXZlbnQoRXZlbnRUeXBlLkNPTVBPTkVOVF9MT0FELCBldmVudCk7XG5cbiAgICAgICAgcmV0dXJuICgpID0+IHtcbiAgICAgICAgICAgIGxldCBldmVudCA9IG5ldyBFdmVudChwcm9wcy5oYW5kbGUsIHByb3BzLnZpZXdJZCwge21lZXRpbmdJZDogYXBwbGljYXRpb25NYW5hZ2VyLmdldEFjdGl2ZU1lZXRpbmdLZXkoKX0pO1xuICAgICAgICAgICAgZXZlbnRNYW5hZ2VyLmZpcmVFdmVudChFdmVudFR5cGUuTUVFVElOR19FTkRFRCwgZXZlbnQpO1xuXG4gICAgICAgICAgICAvL2V2ZW50TWFuYWdlci5jbGVhckNvbXBvbmVudEV2ZW50TGlzdGVuZXJzKHByb3BzLmhhbmRsZSk7XG4gICAgICAgIH1cbiAgICB9LCBbXSk7XG5cbiAgICBjb25zdCBhcGkgPSAoKSA9PiB7XG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICBnZXQgaWQoKSB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIHByb3BzLmNvbmZpZy5pZDtcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBzZXQgc2V0dGluZ3Moc2V0dGluZ3MpIHtcbiAgICAgICAgICAgICAgICBzZXRTZXR0aW5ncyhzZXR0aW5ncyk7XG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgc2V0IGNhbGVuZGFyRXZlbnQoY2FsZW5kYXJFdmVudCkge1xuICAgICAgICAgICAgICAgIHNldENhbGVuZGFyRXZlbnQoY2FsZW5kYXJFdmVudCk7XG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgbG9hZENoYXRzKCkge1xuICAgICAgICAgICAgICAgIHZjSGFuZGxlLmFwaS5sb2FkQ2hhdHMoKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPEJveFxuICAgICAgICAgICAgY2xhc3NOYW1lPXsndmMtcm9vbSd9XG4gICAgICAgICAgICBzdHlsZT17VXRpbHMubWVyZ2VTdHlsZXMoe30sIHByb3BzLmNvbmZpZyl9XG4gICAgICAgICAgICBzeD17e1xuICAgICAgICAgICAgICAgIHdpZHRoOiAnMTAwJScsIGhlaWdodDogJzEwMCUnLFxuICAgICAgICAgICAgICAgIGRpc3BsYXk6ICdmbGV4JywgZmxleERpcmVjdGlvbjogJ2NvbHVtbicsIG1pbkhlaWdodDogMCwgbWluV2lkdGg6IDAsXG4gICAgICAgICAgICB9fVxuICAgICAgICA+XG4gICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgc2V0dGluZ3MgJiYgY2FsZW5kYXJFdmVudCAmJlxuICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICAgIDxCb3hcbiAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17J21lZXRpbmctdGl0bGUnfVxuICAgICAgICAgICAgICAgICAgICAgICAgdGl0bGU9e2NhbGVuZGFyRXZlbnQudGl0bGV9XG4gICAgICAgICAgICAgICAgICAgICAgICBzeD17e1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZsZXg6ICcwIDAgYXV0bycsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZm9udFNpemU6ICcyMHB4JywgZm9udFdlaWdodDogNjAwLCBjb2xvcjogJyM0MDQyMzknLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHB4OiAxLjUsIHB5OiAxLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdoaXRlU3BhY2U6ICdub3dyYXAnLCBvdmVyZmxvdzogJ2hpZGRlbicsIHRleHRPdmVyZmxvdzogJ2VsbGlwc2lzJyxcbiAgICAgICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgIHtjYWxlbmRhckV2ZW50LnRpdGxlfVxuICAgICAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgICAgICAgPEJveCBzeD17e2ZsZXg6ICcxIDEgYXV0bycsIG1pbkhlaWdodDogMCwgbWluV2lkdGg6IDB9fT5cbiAgICAgICAgICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwcm9wcy5jb25maWcucm9vbVR5cGUgPT09ICd0cmFpbmluZycgP1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8VHJhaW5pbmdSb29tIHNldHRpbmdzPXtzZXR0aW5nc30gY2FsZW5kYXJFdmVudD17Y2FsZW5kYXJFdmVudH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBoYW5kbGU9e3ZjSGFuZGxlfSB2aWV3SWQ9e3Byb3BzLnZpZXdJZH0vPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA6XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxCb3ggc3g9e3twOiAyfX0+VW5rbm93biByb29tIHR5cGU8L0JveD5cbiAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICB9XG4gICAgICAgIDwvQm94PlxuICAgICk7XG59KSk7XG5cbmV4cG9ydCBkZWZhdWx0IFZDUm9vbTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUMsSUFBQUEsTUFBQSxHQUFBQyxzQkFBQSxDQUFBQyxPQUFBO0FBQ0QsSUFBQUMsU0FBQSxHQUFBRCxPQUFBO0FBQ0EsSUFBQUUsTUFBQSxHQUFBSCxzQkFBQSxDQUFBQyxPQUFBO0FBQ0FBLE9BQUE7QUFDQUEsT0FBQTtBQUNBLElBQUFHLGFBQUEsR0FBQUosc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFJLFdBQUEsR0FBQUwsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFLLE1BQUEsR0FBQU4sc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFNLFVBQUEsR0FBQVAsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFPLG1CQUFBLEdBQUFSLHNCQUFBLENBQUFDLE9BQUE7QUFBMEQsU0FBQUQsdUJBQUFTLENBQUEsV0FBQUEsQ0FBQSxJQUFB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

package/dist/components/media/VCRoomParticipant.css

@@ -4,8 +4,9 @@
   text-align: center;
   width: 100%;
   height: 100%;
-  max-width: 320px;
-  min-width: 320px;
+  /* No fixed 320px min/max — tiles must fill their flex cell so the
+     proportional grid can size them freely. The self tile keeps its own
+     min-width/min-height below. */
   color: rgb(40, 40, 43);
   background-color: #f9f9f9;
 }