hubs/room-ContentMenu-stories.2aca3ed7.iframe.bundle.js

/*! For license information please see room-ContentMenu-stories.2aca3ed7.iframe.bundle.js.LICENSE.txt */
(globalThis.webpackChunkhubs=globalThis.webpackChunkhubs||[]).push([[931],{"./src/react-components/room/ContentMenu.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Active:()=>Active,Base:()=>Base,OnlyPeople:()=>OnlyPeople,__namedExportsOrder:()=>__namedExportsOrder,default:()=>ContentMenu_stories});__webpack_require__("./node_modules/react/index.js");var RoomLayout=__webpack_require__("./src/react-components/layout/RoomLayout.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),joinChildren=__webpack_require__("./src/react-components/misc/joinChildren.js"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),ContentMenu=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[13].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/react-components/room/ContentMenu.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(ContentMenu.Z,options);const room_ContentMenu=ContentMenu.Z&&ContentMenu.Z.locals?ContentMenu.Z.locals:void 0;var Objects=__webpack_require__("./src/react-components/icons/Objects.svg"),People=__webpack_require__("./src/react-components/icons/People.svg"),message=__webpack_require__("./node_modules/react-intl/lib/src/components/message.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const _excluded=["active","disabled","children"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function ContentMenuButton(_ref){let{active,disabled,children}=_ref,props=_objectWithoutProperties(_ref,_excluded);return(0,jsx_runtime.jsx)("button",_objectSpread(_objectSpread({className:classnames_default()(room_ContentMenu.contentMenuButton,{[room_ContentMenu.active]:active,[room_ContentMenu.disabled]:disabled})},props),{},{children}))}function ECSDebugMenuButton(props){return(0,jsx_runtime.jsxs)(ContentMenuButton,_objectSpread(_objectSpread({},props),{},{children:[(0,jsx_runtime.jsx)(Objects.r,{}),(0,jsx_runtime.jsx)("span",{children:(0,jsx_runtime.jsx)(message.Z,{id:"content-menu.ecs-debug-menu-button",defaultMessage:"ECS Debug"})})]}))}function ObjectsMenuButton(props){return(0,jsx_runtime.jsxs)(ContentMenuButton,_objectSpread(_objectSpread({},props),{},{children:[(0,jsx_runtime.jsx)(Objects.r,{}),(0,jsx_runtime.jsx)("span",{children:(0,jsx_runtime.jsx)(message.Z,{id:"content-menu.objects-menu-button",defaultMessage:"Objects"})})]}))}function PeopleMenuButton(props){return(0,jsx_runtime.jsxs)(ContentMenuButton,_objectSpread(_objectSpread({},props),{},{children:[(0,jsx_runtime.jsx)(People.r,{}),(0,jsx_runtime.jsx)("span",{children:(0,jsx_runtime.jsx)(message.Z,{id:"content-menu.people-menu-button",defaultMessage:"People ({presenceCount})",values:{presenceCount:props.presencecount}})})]}))}function ContentMenu_ContentMenu(_ref2){let{children}=_ref2;return(0,jsx_runtime.jsx)("div",{className:room_ContentMenu.contentMenu,children:(0,joinChildren.l)(children,(()=>(0,jsx_runtime.jsx)("div",{className:room_ContentMenu.separator})))})}var _Base$parameters,_Base$parameters2,_Base$parameters2$doc,_Active$parameters,_Active$parameters2,_Active$parameters2$d,_OnlyPeople$parameter,_OnlyPeople$parameter2,_OnlyPeople$parameter3;function ContentMenu_stories_ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function ContentMenu_stories_objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ContentMenu_stories_ownKeys(Object(source),!0).forEach((function(key){ContentMenu_stories_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ContentMenu_stories_ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function ContentMenu_stories_defineProperty(obj,key,value){return(key=function ContentMenu_stories_toPropertyKey(arg){var key=function ContentMenu_stories_toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}ContentMenuButton.displayName="ContentMenuButton",ContentMenuButton.propTypes={children:prop_types_default().node,active:prop_types_default().bool,disabled:prop_types_default().bool},ECSDebugMenuButton.displayName="ECSDebugMenuButton",ObjectsMenuButton.displayName="ObjectsMenuButton",PeopleMenuButton.displayName="PeopleMenuButton",PeopleMenuButton.propTypes={presencecount:prop_types_default().number},ContentMenu_ContentMenu.displayName="ContentMenu",ContentMenu_ContentMenu.propTypes={children:prop_types_default().node},ContentMenuButton.__docgenInfo={description:"",methods:[],displayName:"ContentMenuButton",props:{children:{description:"",type:{name:"node"},required:!1},active:{description:"",type:{name:"bool"},required:!1},disabled:{description:"",type:{name:"bool"},required:!1}}},ECSDebugMenuButton.__docgenInfo={description:"",methods:[],displayName:"ECSDebugMenuButton"},ObjectsMenuButton.__docgenInfo={description:"",methods:[],displayName:"ObjectsMenuButton"},PeopleMenuButton.__docgenInfo={description:"",methods:[],displayName:"PeopleMenuButton",props:{presencecount:{description:"",type:{name:"number"},required:!1}}},ContentMenu_ContentMenu.__docgenInfo={description:"",methods:[],displayName:"ContentMenu",props:{children:{description:"",type:{name:"node"},required:!1}}};const ContentMenu_stories={title:"Room/ContentMenu",parameters:{layout:"fullscreen"}},Base=()=>(0,jsx_runtime.jsx)(RoomLayout.s,{viewport:(0,jsx_runtime.jsxs)(ContentMenu_ContentMenu,{children:[(0,jsx_runtime.jsx)(ObjectsMenuButton,{}),(0,jsx_runtime.jsx)(PeopleMenuButton,{})]})});Base.displayName="Base";const Active=()=>(0,jsx_runtime.jsx)(RoomLayout.s,{viewport:(0,jsx_runtime.jsxs)(ContentMenu_ContentMenu,{children:[(0,jsx_runtime.jsx)(ObjectsMenuButton,{active:!0}),(0,jsx_runtime.jsx)(PeopleMenuButton,{})]})});Active.displayName="Active";const OnlyPeople=()=>(0,jsx_runtime.jsx)(RoomLayout.s,{viewport:(0,jsx_runtime.jsx)(ContentMenu_ContentMenu,{children:(0,jsx_runtime.jsx)(PeopleMenuButton,{})})});OnlyPeople.displayName="OnlyPeople",Base.parameters=ContentMenu_stories_objectSpread(ContentMenu_stories_objectSpread({},Base.parameters),{},{docs:ContentMenu_stories_objectSpread(ContentMenu_stories_objectSpread({},null===(_Base$parameters=Base.parameters)||void 0===_Base$parameters?void 0:_Base$parameters.docs),{},{source:ContentMenu_stories_objectSpread({originalSource:"() => <RoomLayout viewport={<ContentMenu>\n        <ObjectsMenuButton />\n        <PeopleMenuButton />\n      </ContentMenu>} />"},null===(_Base$parameters2=Base.parameters)||void 0===_Base$parameters2||null===(_Base$parameters2$doc=_Base$parameters2.docs)||void 0===_Base$parameters2$doc?void 0:_Base$parameters2$doc.source)})}),Active.parameters=ContentMenu_stories_objectSpread(ContentMenu_stories_objectSpread({},Active.parameters),{},{docs:ContentMenu_stories_objectSpread(ContentMenu_stories_objectSpread({},null===(_Active$parameters=Active.parameters)||void 0===_Active$parameters?void 0:_Active$parameters.docs),{},{source:ContentMenu_stories_objectSpread({originalSource:"() => <RoomLayout viewport={<ContentMenu>\n        <ObjectsMenuButton active />\n        <PeopleMenuButton />\n      </ContentMenu>} />"},null===(_Active$parameters2=Active.parameters)||void 0===_Active$parameters2||null===(_Active$parameters2$d=_Active$parameters2.docs)||void 0===_Active$parameters2$d?void 0:_Active$parameters2$d.source)})}),OnlyPeople.parameters=ContentMenu_stories_objectSpread(ContentMenu_stories_objectSpread({},OnlyPeople.parameters),{},{docs:ContentMenu_stories_objectSpread(ContentMenu_stories_objectSpread({},null===(_OnlyPeople$parameter=OnlyPeople.parameters)||void 0===_OnlyPeople$parameter?void 0:_OnlyPeople$parameter.docs),{},{source:ContentMenu_stories_objectSpread({originalSource:"() => <RoomLayout viewport={<ContentMenu>\n        <PeopleMenuButton />\n      </ContentMenu>} />"},null===(_OnlyPeople$parameter2=OnlyPeople.parameters)||void 0===_OnlyPeople$parameter2||null===(_OnlyPeople$parameter3=_OnlyPeople$parameter2.docs)||void 0===_OnlyPeople$parameter3?void 0:_OnlyPeople$parameter3.source)})});const __namedExportsOrder=["Base","Active","OnlyPeople"];Base.__docgenInfo={description:"",methods:[],displayName:"Base"},Active.__docgenInfo={description:"",methods:[],displayName:"Active"},OnlyPeople.__docgenInfo={description:"",methods:[],displayName:"OnlyPeople"}},"./src/react-components/misc/joinChildren.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{l:()=>joinChildren});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");function joinChildren(children,renderSeparator){return react__WEBPACK_IMPORTED_MODULE_0__.Children.toArray(children).reduce(((acc,child)=>null===acc?child:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[acc,renderSeparator(),child]})),null)}},"./src/react-components/icons/Objects.svg":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{r:()=>SvgObjects});var _path,react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}const SvgObjects=_ref=>{let{title,titleId,...props}=_ref;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg",_extends({width:20,height:20,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":titleId},props),title?react__WEBPACK_IMPORTED_MODULE_0__.createElement("title",{id:titleId},title):null,_path||(_path=react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.152 1.791a1.466 1.466 0 0 1 1.449 0l3.424 1.948c.163.093.298.226.393.386.094.16.143.341.144.526v3.76c0 .037-.003.075-.007.113.17.028.334.086.485.171l3.423 1.948c.163.093.299.226.393.386.094.16.144.341.144.526v3.76c0 .184-.05.366-.144.526-.094.16-.229.293-.392.386l-3.424 1.948a1.468 1.468 0 0 1-1.449 0l-3.424-1.948A1.086 1.086 0 0 1 10 16.11a1.083 1.083 0 0 1-.166.117L6.41 18.175a1.468 1.468 0 0 1-1.45 0l-3.423-1.948a1.07 1.07 0 0 1-.393-.386A1.038 1.038 0 0 1 1 15.315v-3.76c0-.185.05-.366.144-.526.094-.16.23-.293.393-.386L4.96 8.695c.079-.044.161-.082.246-.111a1.033 1.033 0 0 1-.014-.173V4.65c0-.185.05-.366.144-.526.094-.16.23-.293.393-.386L9.152 1.79Zm.364 8.672L6.41 8.695a1.462 1.462 0 0 0-.477-.17.345.345 0 0 1-.02-.115V4.837l3.604 2.072v3.554Zm4.265-1.859c-.065.026-.13.056-.19.091l-3.354 1.908V6.91l3.604-2.072V8.41a.347.347 0 0 1-.06.194Zm-8.206.613a.73.73 0 0 0-.252.087L2.097 11.14l3.588 2.063 3.414-1.963-3.37-1.917a1.082 1.082 0 0 1-.154-.106Zm5.204 1.953 3.536 2.033 3.589-2.063-3.227-1.836a.732.732 0 0 0-.506-.08c-.045.036-.094.07-.146.099l-3.246 1.847Zm-.903-8.866a.732.732 0 0 0-.362.096L6.288 4.235 9.877 6.3l3.588-2.064L10.238 2.4a.732.732 0 0 0-.362-.096Zm-.246 13.01v-3.562l-3.585 2.061v3.754h.002l3.423-1.948a.356.356 0 0 0 .165-.206 1.034 1.034 0 0 1-.005-.098Zm.769.176a.35.35 0 0 1-.034-.077c.003-.033.005-.066.005-.098v-3.563l3.585 2.061v3.754h-.002l-3.423-1.948a.357.357 0 0 1-.131-.129Zm-5.074-1.677L1.72 11.741v3.574a.346.346 0 0 0 .178.304l3.424 1.947.002.001v-3.754Zm9.35 3.754h.002l3.424-1.948a.356.356 0 0 0 .178-.304V11.74l-3.603 2.072v3.754Z",fill:"currentColor"})))}},"./src/react-components/icons/People.svg":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{r:()=>SvgPeople});var _path,_path2,_path3,_path4,react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}const SvgPeople=_ref=>{let{title,titleId,...props}=_ref;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg",_extends({width:20,height:20,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":titleId},props),title?react__WEBPACK_IMPORTED_MODULE_0__.createElement("title",{id:titleId},title):null,_path||(_path=react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"M15.703 6.563c-.114 1.588-1.293 2.812-2.578 2.812s-2.466-1.223-2.578-2.812c-.117-1.653 1.03-2.813 2.578-2.813 1.548 0 2.695 1.19 2.578 2.813Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),_path2||(_path2=react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"M13.125 11.875c-2.546 0-4.994 1.264-5.607 3.727-.081.326.123.648.458.648h10.299c.335 0 .538-.322.458-.648-.614-2.502-3.062-3.727-5.608-3.727Z",stroke:"currentColor",strokeWidth:1.5,strokeMiterlimit:10})),_path3||(_path3=react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"M7.812 7.264C7.721 8.532 6.77 9.53 5.742 9.53c-1.026 0-1.98-.998-2.07-2.267C3.578 5.944 4.505 5 5.742 5c1.237 0 2.164.968 2.07 2.264Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),_path4||(_path4=react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"M8.047 11.954c-.705-.324-1.482-.448-2.305-.448-2.031 0-3.988 1.01-4.478 2.977-.065.26.098.517.366.517h4.386",stroke:"currentColor",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"})))}},"./node_modules/classnames/index.js":(module,exports)=>{var __WEBPACK_AMD_DEFINE_RESULT__;!function(){"use strict";var hasOwn={}.hasOwnProperty;function classNames(){for(var classes=[],i=0;i<arguments.length;i++){var arg=arguments[i];if(arg){var argType=typeof arg;if("string"===argType||"number"===argType)classes.push(arg);else if(Array.isArray(arg)){if(arg.length){var inner=classNames.apply(null,arg);inner&&classes.push(inner)}}else if("object"===argType){if(arg.toString!==Object.prototype.toString&&!arg.toString.toString().includes("[native code]")){classes.push(arg.toString());continue}for(var key in arg)hasOwn.call(arg,key)&&arg[key]&&classes.push(key)}}}return classes.join(" ")}module.exports?(classNames.default=classNames,module.exports=classNames):void 0===(__WEBPACK_AMD_DEFINE_RESULT__=function(){return classNames}.apply(exports,[]))||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)}()},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[13].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/react-components/room/ContentMenu.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".ContentMenu__content-menu__ihhYT{position:absolute;top:8px;right:8px;display:flex;flex-direction:row;background-color:var(--button-bg-color);border:1px solid var(--button-border-color);border-radius:12px;pointer-events:auto;padding:4px;color:var(--text1-color)}@media(min-width: 992px){.ContentMenu__content-menu__ihhYT{top:24px;right:24px}}.ContentMenu__content-menu-button__I7_3d{display:flex;flex-direction:row;border:none;border-radius:8px;background-color:rgba(0,0,0,0);font-size:10px;font-weight:700;align-items:center;padding:8px 10px}.ContentMenu__content-menu-button__I7_3d>*{margin-right:8px}.ContentMenu__content-menu-button__I7_3d>*:last-child{margin-right:0}.ContentMenu__content-menu-button__I7_3d:hover{background-color:var(--button-bg-color-hover)}.ContentMenu__content-menu-button__I7_3d:active{background-color:var(--button-bg-color-pressed)}.ContentMenu__content-menu-button__I7_3d svg{color:var(--text1-color)}.ContentMenu__active__UBWaK{color:var(--text5-color);background-color:var(--active-color)}.ContentMenu__active__UBWaK svg{color:var(--text5-color)}.ContentMenu__active__UBWaK:hover{background-color:var(--active-color-hover)}.ContentMenu__active__UBWaK:active{background-color:var(--active-color-pressed)}.ContentMenu__separator__x4GLA{width:1px;margin:0 8px;background-color:var(--border1-color)}.ContentMenu__disabled__VWzNw{pointer-events:none;background-color:rgba(0,0,0,0)}","",{version:3,sources:["webpack://./src/react-components/room/ContentMenu.scss","webpack://./src/react-components/styles/theme.scss"],names:[],mappings:"AAEA,kCACE,iBAAA,CACA,OAAA,CACA,SAAA,CACA,YAAA,CACA,kBAAA,CACA,uCCoMgB,CDnMhB,2CAAA,CACA,kBAAA,CACA,mBAAA,CACA,WAAA,CACA,wBCwFY,CDtFZ,yBAbF,kCAcI,QAAA,CACA,UAAA,CAAA,CAIJ,yCACE,YAAA,CACA,kBAAA,CACA,WAAA,CACA,iBAAA,CACA,8BCQY,CDPZ,cCjBa,CDkBb,eCTiB,CDUjB,kBAAA,CACA,gBAAA,CAEA,2CACE,gBAAA,CAEA,sDACE,cAAA,CAIJ,+CACE,6CCoKoB,CDjKtB,gDACE,+CCiKsB,CD9JxB,6CACE,wBCoDU,CDhDd,4BACE,wBC2DY,CD1DZ,oCC0Ja,CDxJb,gCACE,wBCuDU,CDpDZ,kCACE,0CCoJiB,CDjJnB,mCACE,4CCiJmB,CD7IvB,+BACE,SAAA,CACA,YAAA,CACA,qCCoGc,CDjGhB,8BACE,mBAAA,CACA,8BC5CY",sourcesContent:['@use "../styles/theme.scss";\n\n:local(.content-menu) {\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  display: flex;\n  flex-direction: row;\n  background-color: theme.$button-bg-color;\n  border: 1px solid theme.$button-border-color;\n  border-radius: 12px;\n  pointer-events: auto;\n  padding: 4px;\n  color: theme.$text1-color;\n\n  @media (min-width: theme.$breakpoint-lg) {\n    top: 24px;\n    right: 24px;\n  }\n}\n\n:local(.content-menu-button) {\n  display: flex;\n  flex-direction: row;\n  border: none;\n  border-radius: 8px;\n  background-color: theme.$transparent;\n  font-size: theme.$font-size-xs;\n  font-weight: theme.$font-weight-bold;\n  align-items: center;\n  padding: 8px 10px;\n\n  & > * {\n    margin-right: 8px;\n\n    &:last-child {\n      margin-right: 0;\n    }\n  }\n\n  &:hover {\n    background-color: theme.$button-bg-color-hover;\n  }\n\n  &:active {\n    background-color: theme.$button-bg-color-pressed;\n  }\n\n  svg {\n    color: theme.$text1-color;\n  }\n}\n\n:local(.active) {\n  color: theme.$text5-color;\n  background-color: theme.$active-color;\n\n  svg {\n    color: theme.$text5-color;\n  }\n\n  &:hover {\n    background-color: theme.$active-color-hover;\n  }\n\n  &:active {\n    background-color: theme.$active-color-pressed;\n  }\n}\n\n:local(.separator) {\n  width: 1px;\n  margin: 0 8px;\n  background-color: theme.$border1-color;\n}\n\n:local(.disabled) {\n  pointer-events: none;\n  background-color: theme.$transparent;\n}\n',"//  Breakpoints\n// default below 576px (Portrait Phones)\n$breakpoint-sm: 576px; // Landscape Phones\n$breakpoint-md: 768px; // Tablets\n$breakpoint-lg: 992px; // Desktops\n$breakpoint-xl: 1200px; // Large Desktops\n$breakpoint-xxl: 1600px; // Extra Large Desktops\n$breakpoint-vr: 600px; // Standalone VR Browsers\n\n// Font styles\n$font-size-xs: 10px;\n$font-size-sm: 12px;\n$font-size-md: 14px;\n$font-size-lg: 20px;\n$font-size-xl: 24px;\n$font-size-2xl: 28px;\n\n$font-weight-regular: 400;\n$font-weight-medium: 500;\n$font-weight-bold: 700;\n\n// Border styles\n$border-radius-regular: 8px;\n$border-radius-small: 6px;\n\n// Spacing\n$spacing-2xs: 4px;\n$spacing-xs: 8px;\n$spacing-sm: 12px;\n$spacing-md: 16px;\n$spacing-lg: 20px;\n$spacing-xl: 24px;\n\n// Utility colors\n$transparent: transparent;\n$transparent-hover: rgba(0, 0, 0, 0.08);\n$transparent-pressed: rgba(0, 0, 0, 0.12);\n\n$white: #ffffff;\n$white-hover: #e7e7e7;\n$white-pressed: #dbdbdb;\n\n$lightgrey: #e7e7e7;\n$lightgrey-hover: #f5f5f5;\n$lightgrey-pressed: #dbdbdb;\n\n$grey: #bbbbbb;\n$grey-hover: #c7c7c7;\n$grey-pressed: #adadad;\n\n$darkgrey: #868686;\n$darkgrey-hover: #949494;\n$darkgrey-pressed: #7a7a7a;\n\n$black: #000000;\n$black-hover: #404040;\n$black-pressed: #7a7a7a;\n\n$red: #f5325c;\n$red-hover: #f64b70;\n$red-pressed: #f41a49;\n\n$orange: #ff8500;\n$orange-hover: #ff911a;\n$orange-pressed: #e67800;\n\n$green: #7ed320;\n$green-hover: #8cdf2f;\n$green-pressed: #72be1d;\n\n$blue: #007ab8;\n$blue-hover: #008bd1;\n$blue-pressed: #00699e;\n\n$purple: #7854f6;\n$purple-hover: #8c6ef7;\n$purple-pressed: #663df5;\n\n$recessed-bg: #f9f9f9;\n\n$yellow: #ffc000;\n\n// Brand Colors\n$spoke-primary-color: #2f80ed;\n$twitter-primary-color: #6fc0fd;\n$slack-primary-color: #611f69;\n$discord--primary-color: #7289da;\n\n// Discord Bot Page Colors\n$discord-bg-color: #2a2d32;\n$discord-text1-color: white;\n$discord-text2-color: #a3a3a3;\n$discord-text3-color: rgb(127, 127, 127);\n$discord-text4-color: rgb(64, 64, 64);\n\n// Theme SCSS Variables:\n// Reference these variables in the Hubs codebase.\n// The CSS variables they reference are defined in ./global.scss such that they are only included on the page once.\n$font-family-default: var(--font-family-default);\n$font-family-monospace: var(--font-family-monospace);\n\n$text1-color: var(--text1-color);\n$text1-color-hover: var(--text1-color-hover);\n$text1-color-pressed: var(--text1-color-pressed);\n$text2-color: var(--text2-color);\n$text2-color-hover: var(--text2-color-hover);\n$text2-color-pressed: var(--text2-color-pressed);\n$text3-color: var(--text3-color);\n$text3-color-hover: var(--text3-color-hover);\n$text3-color-pressed: var(--text3-color-pressed);\n$text4-color: var(--text4-color);\n$text4-color-hover: var(--text4-color-hover);\n$text4-color-pressed: var(--text4-color-pressed);\n$text5-color: var(--text5-color);\n$text5-color-hover: var(--text5-color-hover);\n$text5-color-pressed: var(--text5-color-pressed);\n$text-inverted-color: var(--text-inverted-color);\n\n$link-color: var(--link-color);\n$link-color-hover: var(--link-color-hover);\n$link-color-pressed: var(--link-color-pressed);\n\n$accept-color: var(--accept-color);\n$accept-border-color: var(--accept-border-color);\n$accept-color-hover: var(--accept-color-hover);\n$accept-color-pressed: var(--accept-color-pressed);\n\n$cancel-color: var(--cancel-color);\n$cancel-color-hover: var(--cancel-color-hover);\n$cancel-color-pressed: var(--cancel-color-pressed);\n\n$accent1-color: var(--accent1-color);\n$accent1-border-color: var(--accent1-border-color);\n$accent1-color-hover: var(--accent1-color-hover);\n$accent1-color-pressed: var(--accent1-color-pressed);\n\n$accent2-color: var(--accent2-color);\n$accent2-border-color: var(--accent2-border-color);\n$accent2-color-hover: var(--accent2-color-hover);\n$accent2-color-pressed: var(--accent2-color-pressed);\n\n$accent3-color: var(--accent3-color);\n$accent3-color-hover: var(--accent3-color-hover);\n$accent3-color-pressed: var(--accent3-color-pressed);\n$accent3-border-color: var(--accent3-border-color);\n\n$accent4-color: var(--accent4-color);\n$accent4-border-color: var(--accent4-border-color);\n$accent4-color-hover: var(--accent4-color-hover);\n$accent4-color-pressed: var(--accent4-color-pressed);\n\n$accent5-color: var(--accent5-color);\n$accent5-border-color: var(--accent5-border-color);\n$accent5-color-hover: var(--accent5-color-hover);\n$accent5-color-pressed: var(--accent5-color-pressed);\n\n$accent6-color: var(--accent6-color);\n$accent6-color-hover: var(--accent6-color-hover);\n$accent6-color-pressed: var(--accent6-color-pressed);\n\n$primary-color: var(--primary-color);\n$primary-color-hover: var(--primary-color-hover);\n$primary-color-pressed: var(--primary-color-pressed);\n\n$secondary-color: var(--secondary-color);\n\n$background1-color: var(--background1-color);\n$background2-color: var(--background2-color);\n$background3-color: var(--background3-color);\n$background4-color: var(--background4-color);\n\n$loading-screen-background: var(--loading-screen-background);\n\n$border1-color: var(--border1-color);\n$border2-color: var(--border2-color);\n\n$outline-color: var(--outline-color);\n\n$shadow-color: var(--shadow-color);\n\n$basic-color: var(--basic-color);\n$basic-color-hover: var(--basic-color-hover);\n$basic-color-pressed: var(--basic-color-pressed);\n$basic-border-color: var(--basic-border-color);\n\n$disabled-text-color: var(--disabled-text-color);\n$disabled-bg-color: var(--disabled-bg-color);\n$disabled-icon-color: var(--disabled-icon-color);\n\n$radio-border-color: var(--radio-border-color);\n$radio-bg-color: var(--radio-bg-color);\n$radio-bg-color-hover: var(--radio-bg-color-hover);\n$radio-bg-color-pressed: var(--radio-bg-color-pressed);\n\n$toggle-button-color: var(--toggle-button-color);\n\n$input-bg-color: var(--input-bg-color);\n$input-icon-color: var(--input-icon-color);\n$input-border-color: var(--input-border-color);\n$input-border-color-hover: var(--input-border-color-hover);\n$input-outline-color: var(--input-outline-color);\n\n$button-text-color: var(--button-text-color);\n$button-border-color: var(--button-border-color);\n$button-bg-color: var(--button-bg-color);\n$button-bg-color-hover: var(--button-bg-color-hover);\n$button-bg-color-pressed: var(--button-bg-color-pressed);\n\n$active-text-color: var(--active-text-color);\n$active-color: var(--active-color);\n$active-color-hover: var(--active-color-hover);\n$active-color-pressed: var(--active-color-pressed);\n\n$chat-bubble-bg-color-sent: var(--chat-bubble-bg-color-sent);\n$chat-bubble-text-color-sent: var(--chat-bubble-text-color-sent);\n$chat-bubble-link-color-sent-hover: var(--chat-bubble-link-color-sent-hover);\n$chat-bubble-link-color-sent-pressed: var(--chat-bubble-link-color-sent-pressed);\n$chat-bubble-bg-color-received: var(--chat-bubble-bg-color-received);\n\n$favorite-color: var(--favorite-color);\n\n$error-color: var(--error-color);\n\n$overlay-bg-color: var(--overlay-bg-color);\n$overlay-text-color: var(--overlay-text-color);\n$overlay-border-color: var(--overlay-border-color);\n\n$toolbar-icon-color: var(--toolbar-icon-color);\n$toolbar-icon-selected-bg: var(--toolbar-icon-selected-bg);\n$toolbar-basic-icon-color: var(--toolbar-basic-icon-color);\n$toolbar-basic-selected-icon-color: var(--toolbar-basic-selected-icon-color);\n$toolbar-basic-color: var(--toolbar-basic-color);\n$toolbar-basic-color-hover: var(--toolbar-basic-color-hover);\n$toolbar-basic-color-pressed: var(--toolbar-basic-color-pressed);\n$toolbar-basic-border-color: var(--toolbar-basic-border-color);\n\n$tile-text-color: var(--tile-text-color);\n$tile-bg-color: var(--tile-bg-color);\n$tile-bg-color-hover: var(--tile-bg-color-hover);\n$tile-bg-color-pressed: var(--tile-bg-color-pressed);\n$tile-button-text-color: var(--tile-button-text-color);\n$tile-button-bg-color: var(--tile-button-bg-color);\n$tile-button-bg-color-hover: var(--tile-button-bg-color-hover);\n$tile-button-bg-color-pressed: var(--tile-button-bg-color-pressed);\n$tile-button-border-color: var(--tile-button-border-color);\n\n// Mozilla Lilypad compatible variables\n\n/**\n  PRIMARY INTERACTION\n  **/\n$color-interaction-primary: var(--color-interaction-primary);\n$color-interaction-primary-hover: var(--color-interaction-primary-hover);\n$color-interaction-primary-active: var(--color-interaction-primary-active);\n$color-interaction-primary-disabled: var(--color-interaction-primary-disabled);\n$color-interaction-primary-alt: var(--color-interaction-primary-alt);\n$color-interaction-primary-alt-hover: var(--color-interaction-primary-alt-hover);\n$color-interaction-primary-alt-active: var(--color-interaction-primary-alt-active);\n$color-interaction-primary-alt-disabled: var(--color-interaction-primary-alt-disabled);\n\n/**\n  SECONDARY INTERACTION\n  **/\n$color-interaction-secondary: var(--color-interaction-secondary);\n$color-interaction-secondary-hover: var(--color-interaction-secondary-hover);\n$color-interaction-secondary-active: var(--color-interaction-secondary-active);\n$color-interaction-secondary-disabled: var(--color-interaction-secondary-disabled);\n$color-interaction-secondary-alt: var(--color-interaction-secondary-alt);\n$color-interaction-secondary-alt-hover: var(--color-interaction-secondary-alt-hover);\n$color-interaction-secondary-alt-active: var(--color-interaction-secondary-alt-active);\n$color-interaction-secondary-alt-disabled: var(--color-interaction-secondary-alt-disabled);\n\n/**\n  SEMANTIC\n  **/\n$color-semantic-info: var(--color-semantic-info);\n$color-semantic-info-hover: var(--color-semantic-info-hover);\n$color-semantic-info-active: var(--color-semantic-info-active);\n$color-semantic-disabled: var(--color-semantic-disabled);\n$color-semantic-success: var(--color-semantic-success);\n$color-semantic-success-hover: var(--color-semantic-success-hover);\n$color-semantic--success-active: var(--color-semantic-success-active);\n$color-semantic-success-disabled: var(--color-semantic-success-disabled);\n$color-semantic-warning: var(--color-semantic-warning);\n$color-semantic-warning-hover: var(--color-semantic-warning-hover);\n$color-semantic-warning-active: var(--color-semantic-warning-active);\n$color-semantic-warning-disabled: var(--color-semantic-warning-disabled);\n$color-semantic-critical: var(--color-semantic-critical);\n$color-semantic-critical-hover: var(--color-semantic-critical-hover);\n$color-semantic-critical-active: var(--color-semantic-critical-active);\n$color-semantic-critical-disabled: var(--color-semantic-critical-disabled);\n$color-semantic-critical-bg-alt: var(--color-semantic-critical-bg-alt);\n$color-semantic-neutral: var(--color-semantic-neutral);\n$color-semantic-neutral-hover: var(--color-semantic-neutral-hover);\n$color-semantic-neutral-active: var(--color-semantic-neutral-active);\n$color-semantic-neutral-inactive: var(--color-semantic-neutral-inactive);\n\n/**\n  TEXT\n  **/\n$color-text-main: var(--color-text-main);\n$color-text-subtle: var(--color-text-subtle);\n$color-text-reverse: var(--color-text-reverse);\n$color-text-reverse-subtle: var(--color-text-reverse-subtle);\n$color-text-disabled: var(--color-text-disabled);\n$color-text-info: var(--color-text-info);\n$color-text-success: var(--color-text-success);\n$color-text-warning: var(--color-text-warning);\n$color-text-critical: var(--color-text-critical);\n\n/**\n  BORDER\n  **/\n$color-border-1: var(--color-border-1);\n$color-border-2: var(--color-border-2);\n$color-border-3: var(--color-border-3);\n\n/**\n  NEUTRALS\n  **/\n$color-neutral-0: var(--color-neutral-0);\n$color-neutral-0-reverse: var(--color-neutral-0-reverse);\n$color-neutral-1: var(--color-neutral-1);\n$color-neutral-2: var(--color-neutral-2);\n$color-neutral-3: var(--color-neutral-3);\n\n/**\n  STATUS\n  **/\n$color-status-ready: var(--color-status-ready);\n$color-status-offline: var(--color-status-offline);\n$color-status-busy: var(--color-status-busy);\n\n/**\n  BACKGROUNDS\n  **/\n$color-background-overlay: var(--color-background-overlay);\n$color-background-callout: var(--color-background-subtle-callout);\n$color-background-modal-overlay: var(--color-background-modal-overlay);\n$color-background-critical: var(--color-background-critical);\n$color-background-neutral-0: var(--color-background-neutral-0);\n\n/**\n  MENU\n  **/\n$color-interactions-menu: var(--color-interactions-menu);\n$color-interactions-menu-hover: var(--color-interactions-menu-hover);\n$color-interactions-menu-inactive: var(--color-interactions-menu-inactive);\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={"content-menu":"ContentMenu__content-menu__ihhYT",contentMenu:"ContentMenu__content-menu__ihhYT","content-menu-button":"ContentMenu__content-menu-button__I7_3d",contentMenuButton:"ContentMenu__content-menu-button__I7_3d",active:"ContentMenu__active__UBWaK",separator:"ContentMenu__separator__x4GLA",disabled:"ContentMenu__disabled__VWzNw"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/react-intl/lib/src/components/message.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var tslib__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_useIntl__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react-intl/lib/src/components/useIntl.js"),_utils__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react-intl/lib/src/utils.js");function FormattedMessage(props){var intl=(0,_useIntl__WEBPACK_IMPORTED_MODULE_3__.Z)(),formatMessage=intl.formatMessage,_a=intl.textComponent,Text=void 0===_a?react__WEBPACK_IMPORTED_MODULE_0__.Fragment:_a,id=props.id,description=props.description,defaultMessage=props.defaultMessage,values=props.values,children=props.children,_b=props.tagName,Component=void 0===_b?Text:_b,nodes=formatMessage({id,description,defaultMessage},values,{ignoreTag:props.ignoreTag});return"function"==typeof children?children(Array.isArray(nodes)?nodes:[nodes]):Component?react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,null,react__WEBPACK_IMPORTED_MODULE_0__.Children.toArray(nodes)):react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,nodes)}FormattedMessage.displayName="FormattedMessage";var MemoizedFormattedMessage=react__WEBPACK_IMPORTED_MODULE_0__.memo(FormattedMessage,(function areEqual(prevProps,nextProps){var values=prevProps.values,otherProps=(0,tslib__WEBPACK_IMPORTED_MODULE_1__.__rest)(prevProps,["values"]),nextValues=nextProps.values,nextOtherProps=(0,tslib__WEBPACK_IMPORTED_MODULE_1__.__rest)(nextProps,["values"]);return(0,_utils__WEBPACK_IMPORTED_MODULE_2__.wU)(nextValues,values)&&(0,_utils__WEBPACK_IMPORTED_MODULE_2__.wU)(otherProps,nextOtherProps)}));MemoizedFormattedMessage.displayName="MemoizedFormattedMessage";const __WEBPACK_DEFAULT_EXPORT__=MemoizedFormattedMessage},"./node_modules/react-intl/lib/src/components/useIntl.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>useIntl});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_injectIntl__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react-intl/lib/src/components/injectIntl.js"),_utils__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react-intl/lib/src/utils.js");function useIntl(){var intl=react__WEBPACK_IMPORTED_MODULE_0__.useContext(_injectIntl__WEBPACK_IMPORTED_MODULE_1__._y);return(0,_utils__WEBPACK_IMPORTED_MODULE_2__.lq)(intl),intl}}}]);