1(this.webpackJsonpcollaborate=this.webpackJsonpcollaborate||[]).push([[70],{2486:function(e,t,a){"use strict";a.r(t),a.d(t,"default",(function(){return u}));var n=a(0),r=a.n(n),i=(a(260),a(266),a(47)),o=a(457),c=a(297),s=a(361),l=a(362),m=a(398),d=a(888),p=a(298),g=["Collaborate in groups","Play games & learn","Connect from multiple devices"],f=Object(p.a)((function(e){return{root:{display:"flex",flexGrow:1,backgroundColor:"#ffffff"},rightSide:{marginLeft:"auto"},paper:{padding:e.spacing(3),textAlign:"center",align:"center"},appBar:{background:"transparent",boxShadow:"none",backgroundColor:"#FFFFFF",color:"#5D5770"},listText:{color:"#5D5770",alignItems:"center",display:"flex",justifyContent:"center",textAlign:"center"},listItemText:{fontSize:"1.2em",fontFamily:"Poppins",fontWeight:"normal"}}}));function u(e){var t=f();return r.a.useEffect((function(){var t="nothing";if(e.location&&e.location.search){var a=e.location.search.split("?");a&&a.length>0&&(t=a[1])}i.a({category:"CollabDemo",action:t})})),r.a.createElement("div",{className:t.root},r.a.createElement(o.a,{container:!0,className:"ontopTeach",spacing:1,justify:"center"},r.a.createElement(o.a,{container:!0},r.a.createElement(c.a,{onClick:function(t){e.history.push("/")},className:"logoBtn"},r.a.createElement("img",{src:"/logo_title.svg",alt:"whiteboard Logo",className:"cursor-pointer"}))),r.a.createElement(o.a,{container:!0},r.a.createElement(o.a,{item:!0,md:3,xs:!1}),r.a.createElement(o.a,{item:!0,xs:12,md:6},r.a.createElement("div",{className:t.paper},r.a.createElement("div",{className:"TeachMsg"},"Collaborate in Groups & Share"),r.a.createElement("div",{className:"TeachSubMsg"},"Connect multiple people and devices to the same board. "),r.a.createElement(s.a,{m:"auto"},g.map((function(e){return r.a.createElement(r.a.Fragment,null,r.a.createElement(l.a,{className:t.listText,key:e},r.a.createElement(m.a,{classes:{primary:t.listItemText},primary:e})),r.a.createElement(d.a,{className:t.divider}))}))),r.a.createElement("div",{className:"popupHeader",style:{height:"60vh"}},r.a.createElement("iframe",{title:"Collaboration demo",className:"{classes.windowIframeOutput}",src:"https://www.youtube.com/embed/JKlyNv3Ry5s",width:"100%",height:"100%",allow:"camera;microphone"})))),r.a.createElement(o.a,{item:!0,md:3,xs:!1}))))}},260:function(e,t,a){},266:function(e,t,a){},398:function(e,t,a){"use strict";var n=a(3),r=a(7),i=a(0),o=(a(5),a(22)),c=a(24),s=a(313),l=a(245),m=i.forwardRef((function(e,t){var a=e.children,c=e.classes,m=e.className,d=e.disableTypography,p=void 0!==d&&d,g=e.inset,f=void 0!==g&&g,u=e.primary,x=e.primaryTypographyProps,y=e.secondary,v=e.secondaryTypographyProps,h=Object(r.a)(e,["children","classes","className","disableTypography","inset","primary","primaryTypographyProps","secondary","secondaryTypographyProps"]),b=i.useContext(l.a).dense,w=null!=u?u:a;null==w||w.type===s.a||p||(w=i.createElement(s.a,Object(n.a)({variant:b?"body2":"body1",className:c.primary,component:"span",display:"block"},x),w));var j=y;return null==j||j.type===s.a||p||(j=i.createElement(s.a,Object(n.a)({variant:"body2",className:c.secondary,color:"textSecondary",display:"block"},v),j)),i.createElement("div",Object(n.a)({className:Object(o.a)(c.root,m,b&&c.dense,f&&c.inset,w&&j&&c.multiline),ref:t},h),w,j)}));t.a=Object(c.a)({root:{flex:"1 1 auto",minWidth:0,marginTop:4,marginBottom:4},multiline:{marginTop:6,marginBottom:6},dense:{},inset:{paddingLeft:56},primary:{},secondary:{}},{name:"MuiListItemText"})(m)},457:function(e,t,a){"use strict";var n=a(7),r=a(3),i=a(0),o=(a(5),a(22)),c=a(24),s=[0,1,2,3,4,5,6,7,8,9,10],l=["auto",!0,1,2,3,4,5,6,7,8,9,10,11,12];function m(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,a=parseFloat(e);return"".concat(a/t).concat(String(e).replace(String(a),"")||"px")}var d=i.forwardRef((function(e,t){var a=e.alignContent,c=void 0===a?"stretch":a,s=e.alignItems,l=void 0===s?"stretch":s,m=e.classes,d=e.className,p=e.component,g=void 0===p?"div":p,f=e.container,u=void 0!==f&&f,x=e.direction,y=void 0===x?"row":x,v=e.item,h=void 0!==v&&v,b=e.justify,w=void 0===b?"flex-start":b,j=e.lg,E=void 0!==j&&j,C=e.md,S=void 0!==C&&C,N=e.sm,T=void 0!==N&&N,O=e.spacing,W=void 0===O?0:O,k=e.wrap,I=void 0===k?"wrap":k,F=e.xl,M=void 0!==F&&F,z=e.xs,B=void 0!==z&&z,D=e.zeroMinWidth,G=void 0!==D&&D,P=Object(n.a)(e,["alignContent","alignItems","classes","className","component","container","direction","item","justify","lg","md","sm","spacing","wrap","xl","xs","zeroMinWidth"]),L=Object(o.a)(m.root,d,u&&[m.container,0!==W&&m["spacing-xs-".concat(String(W))]],h&&m.
1item,G&&m.zeroMinWidth,"row"!==y&&m["direction-xs-".concat(String(y))],"wrap"!==I&&m["wrap-xs-".concat(String(I))],"stretch"!==l&&m["align-items-xs-".concat(String(l))],"stretch"!==c&&m["align-content-xs-".concat(String(c))],"flex-start"!==w&&m["justify-xs-".concat(String(w))],!1!==B&&m["grid-xs-".concat(String(B))],!1!==T&&m["grid-sm-".concat(String(T))],!1!==S&&m["grid-md-".concat(String(S))],!1!==E&&m["grid-lg-".concat(String(E))],!1!==M&&m["grid-xl-".concat(String(M))]);return i.createElement(g,Object(r.a)({className:L,ref:t},P))})),p=Object(c.a)((function(e){return Object(r.a)({root:{},container:{boxSizing:"border-box",display:"flex",flexWrap:"wrap",width:"100%"},item:{boxSizing:"border-box",margin:"0"},zeroMinWidth:{minWidth:0},"direction-xs-column":{flexDirection:"column"},"direction-xs-column-reverse":{flexDirection:"column-reverse"},"direction-xs-row-reverse":{flexDirection:"row-reverse"},"wrap-xs-nowrap":{flexWrap:"nowrap"},"wrap-xs-wrap-reverse":{flexWrap:"wrap-reverse"},"align-items-xs-center":{alignItems:"center"},"align-items-xs-flex-start":{alignItems:"flex-start"},"align-items-xs-flex-end":{alignItems:"flex-end"},"align-items-xs-baseline":{alignItems:"baseline"},"align-content-xs-center":{alignContent:"center"},"align-content-xs-flex-start":{alignContent:"flex-start"},"align-content-xs-flex-end":{alignContent:"flex-end"},"align-content-xs-space-between":{alignContent:"space-between"},"align-content-xs-space-around":{alignContent:"space-around"},"justify-xs-center":{justifyContent:"center"},"justify-xs-flex-end":{justifyContent:"flex-end"},"justify-xs-space-between":{justifyContent:"space-between"},"justify-xs-space-around":{justifyContent:"space-around"},"justify-xs-space-evenly":{justifyContent:"space-evenly"}},function(e,t){var a={};return s.forEach((function(n){var r=e.spacing(n);0!==r&&(a["spacing-".concat(t,"-").concat(n)]={margin:"-".concat(m(r,2)),width:"calc(100% + ".concat(m(r),")"),"& > $item":{padding:m(r,2)}})})),a}(e,"xs"),e.breakpoints.keys.reduce((function(t,a){return function(e,t,a){var n={};l.forEach((function(e){var t="grid-".concat(a,"-").concat(e);if(!0!==e)if("auto"!==e){var r="".concat(Math.round(e/12*1e8)/1e6,"%");n[t]={flexBasis:r,flexGrow:0,maxWidth:r}}else n[t]={flexBasis:"auto",flexGrow:0,maxWidth:"none"};else n[t]={flexBasis:0,flexGrow:1,maxWidth:"100%"}})),"xs"===a?Object(r.a)(e,n):e[t.breakpoints.up(a)]=n}(t,e,a),t}),{}))}),{name:"MuiGrid"})(d);t.a=p}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.