@mjhls/mjh-framework 1.0.1003 → 1.0.1005-ce-test-v1

package/dist/cjs/EventsDeck.js

@@ -1,7 +1,7 @@
 'use strict';
 
+var defineProperty = require('./defineProperty-9673846a.js');
 var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
-var defineProperty$1 = require('./define-property-e8404b64.js');
 var core_getIteratorMethod = require('./core.get-iterator-method-5643aa10.js');
 var _objectToArray = require('./_object-to-array-ce86cae7.js');
 var slicedToArray = require('./slicedToArray-067dd3bc.js');
@@ -9,7 +9,7 @@ var _extends = require('./extends-7c86182f.js');
 var toConsumableArray = require('./toConsumableArray-d7797c2b.js');
 var stringify = require('./stringify-f7a37a8d.js');
 var React = require('react');
-var index_es = require('./index.es-1ab8dda7.js');
+var index_es = require('./index.es-f3e47207.js');
 var Container = require('react-bootstrap/Container');
 var Spinner = require('react-bootstrap/Spinner');
 var Row = require('react-bootstrap/Row');
@@ -17,10 +17,11 @@ var Col = require('react-bootstrap/Col');
 var Card = require('react-bootstrap/Card');
 var Form = require('react-bootstrap/Form');
 var Button = require('react-bootstrap/Button');
-require('./main-6054981e.js');
-var index = require('./index-96c331fd.js');
+require('./main-f1c77adb.js');
+var index = require('./index-f86bb269.js');
 var js_cookie = require('./js.cookie-a511c430.js');
 var Router = require('next/router');
+require('./define-property-e8404b64.js');
 require('./_object-pie-083f2dd6.js');
 require('./web.dom.iterable-d98303e0.js');
 require('./_iter-detect-b1df62f0.js');
@@ -37,34 +38,6 @@ var Card__default = /*#__PURE__*/_interopDefaultLegacy(Card);
 var Form__default = /*#__PURE__*/_interopDefaultLegacy(Form);
 var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
 
-var defineProperty = _commonjsHelpers.createCommonjsModule(function (module, exports) {
-
-exports.__esModule = true;
-
-
-
-var _defineProperty2 = _interopRequireDefault(defineProperty$1.defineProperty);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-exports.default = function (obj, key, value) {
-  if (key in obj) {
-    (0, _defineProperty2.default)(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-
-  return obj;
-};
-});
-
-var _defineProperty = _commonjsHelpers.unwrapExports(defineProperty);
-
 // https://github.com/tc39/proposal-object-values-entries
 
 var $entries = _objectToArray._objectToArray(true);
@@ -332,11 +305,11 @@ var EventsDeck = function EventsDeck(_ref) {
     var newLink = void 0;
     var checkProtocol = links && links.summary && links.summary.href.includes('https');
     if (!checkProtocol) newLink = links.summary.href.replace('http', 'https');
-    return React__default["default"].createElement(
+    return React__default['default'].createElement(
       'a',
       { rel: 'noopener', href: newLink ? newLink : links.summary.href || '#', target: '_blank' },
-      React__default["default"].createElement(
-        Button__default["default"],
+      React__default['default'].createElement(
+        Button__default['default'],
         { size: 'sm', className: 'registration-button', style: { borderRadius: '8px' } },
         cta
       )
@@ -346,11 +319,11 @@ var EventsDeck = function EventsDeck(_ref) {
     var newLink = void 0;
     var checkProtocol = links && links.summary && links.summary.href.includes('https');
     if (!checkProtocol) newLink = links.summary.href.replace('http', 'https');
-    return React__default["default"].createElement(
+    return React__default['default'].createElement(
       'a',
       { rel: 'noopener', href: newLink ? newLink : links.summary.href || '#', target: '_blank' },
-      React__default["default"].createElement(
-        Button__default["default"],
+      React__default['default'].createElement(
+        Button__default['default'],
         { size: 'sm', className: 'registration-button', style: { borderRadius: '8px' } },
         'Learn More'
       )
@@ -363,7 +336,7 @@ var EventsDeck = function EventsDeck(_ref) {
     evt.persist();
     setDeckAdvancedFilters(function (prevState) {
       console.dir(prevState);
-      return _extends._extends({}, prevState, _defineProperty({}, evt.target.dataset['filtername'], {
+      return _extends._extends({}, prevState, defineProperty._defineProperty({}, evt.target.dataset['filtername'], {
         value: evt.target.value,
         selected: evt.target.value.length > 0 ? true : false,
         param: prevState[evt.target.dataset['filtername']].param
@@ -423,52 +396,52 @@ var EventsDeck = function EventsDeck(_ref) {
       }
     }
 
-    return valuesArray.length > 0 ? React__default["default"].createElement(
-      React__default["default"].Fragment,
+    return valuesArray.length > 0 ? React__default['default'].createElement(
+      React__default['default'].Fragment,
       null,
-      React__default["default"].createElement(
+      React__default['default'].createElement(
         'h5',
         { className: 'filterTitle' },
         'Filters:'
       ),
-      React__default["default"].createElement(
-        Form__default["default"],
+      React__default['default'].createElement(
+        Form__default['default'],
         null,
         _Object$entries(deckAdvancedFilters).map(function (_ref8, index) {
           var _ref9 = slicedToArray._slicedToArray(_ref8, 2),
               key = _ref9[0],
               value = _ref9[1];
 
-          return React__default["default"].createElement(
-            Form__default["default"].Group,
+          return React__default['default'].createElement(
+            Form__default['default'].Group,
             null,
-            React__default["default"].createElement(
-              Form__default["default"].Label,
+            React__default['default'].createElement(
+              Form__default['default'].Label,
               null,
               key
             ),
-            React__default["default"].createElement(
-              Form__default["default"].Control,
+            React__default['default'].createElement(
+              Form__default['default'].Control,
               { as: 'select', 'data-filterName': key, onChange: function onChange(evt) {
                   return handleFilterSelected(evt);
                 } },
-              React__default["default"].createElement(
-                React__default["default"].Fragment,
+              React__default['default'].createElement(
+                React__default['default'].Fragment,
                 null,
-                React__default["default"].createElement(
+                React__default['default'].createElement(
                   'option',
                   null,
                   ' '
                 ),
                 valuesArray[index].map(function (text, index) {
                   if (value.value.toLowerCase() === text.toLowerCase()) {
-                    return React__default["default"].createElement(
+                    return React__default['default'].createElement(
                       'option',
                       { selected: true },
                       text
                     );
                   }
-                  return React__default["default"].createElement(
+                  return React__default['default'].createElement(
                     'option',
                     null,
                     text
@@ -479,7 +452,7 @@ var EventsDeck = function EventsDeck(_ref) {
           );
         })
       ),
-      React__default["default"].createElement(
+      React__default['default'].createElement(
         'style',
         { jsx: true },
         '\n          .filterTitle {\n            font-weight: 400;\n          }\n        '
@@ -638,10 +611,10 @@ var EventsDeck = function EventsDeck(_ref) {
     var filteredData = localData;
 
     if (filteredData.length <= 0) {
-      return React__default["default"].createElement(
+      return React__default['default'].createElement(
         'div',
         null,
-        React__default["default"].createElement(
+        React__default['default'].createElement(
           'div',
           null,
           emptyMsg,
@@ -650,8 +623,8 @@ var EventsDeck = function EventsDeck(_ref) {
       );
     }
 
-    return React__default["default"].createElement(
-      Container__default["default"],
+    return React__default['default'].createElement(
+      Container__default['default'],
       { style: { padding: 1 } },
       filteredData && filteredData.map(function (row, index$1) {
         var speakerInfo = [];
@@ -691,58 +664,58 @@ var EventsDeck = function EventsDeck(_ref) {
         var endDay = index.momentTimezone(end).tz(timezone).format();
         var showEndTime = index.momentTimezone(startDay.split('T')[0]).isBefore(endDay.split('T')[0]) ? ' to ' + index.momentTimezone(end).tz(timezone).format('LLL zz') : null;
         var isCompleted = row.status === 'Completed';
-        return React__default["default"].createElement(
-          React__default["default"].Fragment,
+        return React__default['default'].createElement(
+          React__default['default'].Fragment,
           { key: index$1 },
-          React__default["default"].createElement(
-            Card__default["default"],
+          React__default['default'].createElement(
+            Card__default['default'],
             null,
-            isHardcoded ? _links && React__default["default"].createElement(
-              Row__default["default"],
+            isHardcoded ? _links && React__default['default'].createElement(
+              Row__default['default'],
               null,
-              React__default["default"].createElement(
-                Col__default["default"],
+              React__default['default'].createElement(
+                Col__default['default'],
                 null,
                 renderLearnMoreButton(_links)
               )
-            ) : isRegister && _links && React__default["default"].createElement(
-              Row__default["default"],
+            ) : isRegister && _links && React__default['default'].createElement(
+              Row__default['default'],
               null,
-              React__default["default"].createElement(
-                Col__default["default"],
+              React__default['default'].createElement(
+                Col__default['default'],
                 null,
                 renderRegisterButton(_links)
               )
             ),
-            isCompleted && _links && React__default["default"].createElement(
-              Row__default["default"],
+            isCompleted && _links && React__default['default'].createElement(
+              Row__default['default'],
               null,
-              React__default["default"].createElement(
-                Col__default["default"],
+              React__default['default'].createElement(
+                Col__default['default'],
                 null,
                 renderLearnMoreButton(_links)
               )
             ),
-            discussionTopic && React__default["default"].createElement(
-              Row__default["default"],
+            discussionTopic && React__default['default'].createElement(
+              Row__default['default'],
               null,
-              React__default["default"].createElement(
-                Col__default["default"],
+              React__default['default'].createElement(
+                Col__default['default'],
                 null,
-                React__default["default"].createElement('h5', { className: 'topic', style: { fontWeight: '500', marginBottom: 0 }, dangerouslySetInnerHTML: { __html: discussionTopic } })
+                React__default['default'].createElement('h5', { className: 'topic', style: { fontWeight: '500', marginBottom: 0 }, dangerouslySetInnerHTML: { __html: discussionTopic } })
               )
             ),
-            start && timezone && React__default["default"].createElement(
-              Row__default["default"],
+            start && timezone && React__default['default'].createElement(
+              Row__default['default'],
               null,
-              React__default["default"].createElement(
-                Col__default["default"],
+              React__default['default'].createElement(
+                Col__default['default'],
                 null,
-                start.indexOf('TBD') >= 0 ? React__default["default"].createElement(
+                start.indexOf('TBD') >= 0 ? React__default['default'].createElement(
                   'p',
                   { className: 'start-time', style: { padding: 0, margin: 0 } },
                   start
-                ) : React__default["default"].createElement(
+                ) : React__default['default'].createElement(
                   'p',
                   { className: 'start-time', style: { padding: 0, margin: 0 } },
                   start.indexOf('T') >= 0 ? index.momentTimezone(start).tz(timezone).format('LLL zz') : index.momentTimezone(start).format('LL'),
@@ -750,47 +723,47 @@ var EventsDeck = function EventsDeck(_ref) {
                 )
               )
             ),
-            eventRegion && React__default["default"].createElement(
-              Row__default["default"],
+            eventRegion && React__default['default'].createElement(
+              Row__default['default'],
               null,
-              React__default["default"].createElement(
-                Col__default["default"],
+              React__default['default'].createElement(
+                Col__default['default'],
                 null,
-                React__default["default"].createElement(
+                React__default['default'].createElement(
                   'p',
                   { className: 'event-region', style: { padding: 0, margin: 0 } },
                   eventRegion
                 )
               )
             ),
-            venues && venues.length && venues[0].name && React__default["default"].createElement(
-              Row__default["default"],
+            venues && venues.length && venues[0].name && React__default['default'].createElement(
+              Row__default['default'],
               null,
-              React__default["default"].createElement(
-                Col__default["default"],
+              React__default['default'].createElement(
+                Col__default['default'],
                 null,
-                React__default["default"].createElement(
+                React__default['default'].createElement(
                   'p',
                   { className: 'venue', style: { padding: 0, margin: 0 } },
                   venues[0].name
                 )
               )
             ),
-            speakerInfo && speakerInfo.length > 0 && React__default["default"].createElement(
-              Row__default["default"],
+            speakerInfo && speakerInfo.length > 0 && React__default['default'].createElement(
+              Row__default['default'],
               null,
-              React__default["default"].createElement(
-                Col__default["default"],
+              React__default['default'].createElement(
+                Col__default['default'],
                 null,
-                React__default["default"].createElement(
+                React__default['default'].createElement(
                   'div',
                   { className: 'speaker-section', style: { border: '1px solid', borderRadius: '8px', padding: '8px' } },
                   speakerInfo.map(function (info, index) {
-                    return React__default["default"].createElement(
+                    return React__default['default'].createElement(
                       'p',
                       { key: index, style: { marginBottom: '0' } },
                       info.value.map(function (speaker, index) {
-                        return React__default["default"].createElement(
+                        return React__default['default'].createElement(
                           'b',
                           { key: index, className: 'kol-speaker' },
                           speaker,
@@ -803,14 +776,14 @@ var EventsDeck = function EventsDeck(_ref) {
               )
             )
           ),
-          mobileView && rightItems && (index$1 + 1) % numberOfItemsBeforeAd === 0 && React__default["default"].createElement(
+          mobileView && rightItems && (index$1 + 1) % numberOfItemsBeforeAd === 0 && React__default['default'].createElement(
             'div',
             { style: { margin: '0 auto' } },
             renderMobileAd(index$1, numberOfItemsBeforeAd)
           )
         );
       }),
-      React__default["default"].createElement(
+      React__default['default'].createElement(
         'style',
         { jsx: 'true' },
         '\n          .card {\n            -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.45);\n            box-shadow: 0 0 4px rgba(0, 0, 0, 0.45);\n            border-radius: 8px;\n            padding: 12px;\n          }\n          .row {\n            margin-bottom: 8px;\n          }\n        '
@@ -820,21 +793,21 @@ var EventsDeck = function EventsDeck(_ref) {
 
   var renderMobileAd = function renderMobileAd(index, numberOfItemsBeforeAd) {
     var i = ((index + 1) / numberOfItemsBeforeAd - 1) % rightItems.length;
-    return React__default["default"].createElement(
-      Col__default["default"],
+    return React__default['default'].createElement(
+      Col__default['default'],
       { md: 12, style: { display: 'flex', flex: '1 0 auto' } },
       rightItems[i].component
     );
   };
 
   if (isLoading) {
-    return React__default["default"].createElement(
+    return React__default['default'].createElement(
       'div',
       { style: { display: 'flex', justifyContent: 'center', marginTop: '48px' } },
-      React__default["default"].createElement(
-        Spinner__default["default"],
+      React__default['default'].createElement(
+        Spinner__default['default'],
         { animation: 'border', role: 'status' },
-        React__default["default"].createElement(
+        React__default['default'].createElement(
           'span',
           { className: 'sr-only' },
           'Loading...'
@@ -844,34 +817,34 @@ var EventsDeck = function EventsDeck(_ref) {
   }
 
   if (data.length > 0) {
-    return React__default["default"].createElement(
-      React__default["default"].Fragment,
+    return React__default['default'].createElement(
+      React__default['default'].Fragment,
       null,
-      data && advancedFilters && React__default["default"].createElement(
+      data && advancedFilters && React__default['default'].createElement(
         'div',
         { className: 'advancedFilters ' + (showFilters ? 'show' : 'hide') },
         grabAdvancedFilters()
       ),
-      React__default["default"].createElement(
+      React__default['default'].createElement(
         'div',
         { className: 'cvent-events' },
-        React__default["default"].createElement(
+        React__default['default'].createElement(
           index_es.InfiniteScroll,
           { dataLength: data.length, next: loadMore, hasMore: scrolling, scrollThreshold: 0.9 },
           eventCards
         )
       ),
-      React__default["default"].createElement(
+      React__default['default'].createElement(
         'style',
         { jsx: true },
         '\n          .advancedFilters {\n            overflow: hidden;\n            border-radius: 5px;\n            padding: 1rem;\n            margin-bottom: 1rem;\n            box-shadow: #00000075 0 0 5px 2px;\n          }\n          .form-label {\n            margin-bottom: 0;\n          }\n          .hide {\n            opacity: 0;\n            height: 0;\n            display: none;\n          }\n          .show {\n            opacity: 1;\n            min-height: 50px;\n            height: auto;\n            display: block;\n          }\n        '
       )
     );
   } else {
-    return React__default["default"].createElement(
+    return React__default['default'].createElement(
       'div',
       null,
-      React__default["default"].createElement(
+      React__default['default'].createElement(
         'div',
         null,
         emptyMsg,

package/dist/cjs/ExternalResources.js

@@ -3,9 +3,9 @@
 var _extends = require('./extends-7c86182f.js');
 var slicedToArray = require('./slicedToArray-067dd3bc.js');
 var React = require('react');
-var BlockContent = require('./BlockContent-96b44364.js');
-var getSerializers = require('./index-e4f1fe32.js');
-var index = require('./index-96c331fd.js');
+var BlockContent = require('./BlockContent-9ebd251f.js');
+var getSerializers = require('./index-144b90c4.js');
+var index = require('./index-f86bb269.js');
 var Router = require('next/router');
 var Button = require('react-bootstrap/Button');
 var checkSisterSite = require('./checkSisterSite-b29833b2.js');
@@ -17,7 +17,8 @@ require('prop-types');
 require('./index-d48b231c.js');
 require('react-bootstrap');
 require('./urlFor.js');
-require('./index-7435b964.js');
+require('./index-fc2f1ca2.js');
+require('./events-1b438fe7.js');
 require('./index-187c967e.js');
 require('./util-93a37fd0.js');
 require('./Beam.js');
@@ -26,13 +27,16 @@ require('./asyncToGenerator-77821af0.js');
 require('./_library-dd23b178.js');
 require('./_iter-detect-b1df62f0.js');
 require('./Segment.js');
-require('./main-6054981e.js');
+require('./main-f1c77adb.js');
 require('./urlForFile-29d3815a.js');
-require('./index-65621b6c.js');
+require('./index-eadd5035.js');
 require('react-dom');
 require('./typeof-567e31ff.js');
 require('./_is-array-54228b29.js');
-require('./brightcove-react-player-loader.es-4c7825a1.js');
+require('./brightcove-react-player-loader.es-a195642e.js');
+require('./_object-to-array-ce86cae7.js');
+require('./keys-e982b3fa.js');
+require('./_object-sap-d1978572.js');
 require('react-bootstrap/Modal');
 require('react-bootstrap/Form');
 require('react-ga');
@@ -42,7 +46,6 @@ require('./moment-aca40de1.js');
 require('./SocialShare.js');
 require('next/head');
 require('react-share');
-require('./_object-to-array-ce86cae7.js');
 require('./toConsumableArray-d7797c2b.js');
 require('react-bootstrap/Pagination');
 require('./entities-df1aed86.js');
@@ -53,7 +56,6 @@ require('./toNumber-5e1fac58.js');
 require('react-bootstrap/Row');
 require('react-bootstrap/Col');
 require('./inherits-de66ea16.js');
-require('./_object-sap-d1978572.js');
 require('./define-property-e8404b64.js');
 require('./index.esm-d81454e7.js');
 require('./iconBase-be4097c0.js');
@@ -95,13 +97,13 @@ var ExternalResources = function ExternalResources(props) {
   React.useEffect(function () {
     router.push(router.pathname, '/' + url + '?display=' + active, { shallow: true });
   }, [active]);
-  return React__default["default"].createElement(
+  return React__default['default'].createElement(
     'div',
     { id: 'resources' },
-    showToggles && React__default["default"].createElement(
+    showToggles && React__default['default'].createElement(
       'div',
       { id: 'toggles' },
-      React__default["default"].createElement(
+      React__default['default'].createElement(
         'div',
         { onClick: function onClick() {
             return setActive(function () {
@@ -110,7 +112,7 @@ var ExternalResources = function ExternalResources(props) {
           }, className: active === 'recent' ? 'active' : '' },
         recentTitle
       ),
-      React__default["default"].createElement(
+      React__default['default'].createElement(
         'div',
         { onClick: function onClick() {
             return setActive(function () {
@@ -122,43 +124,43 @@ var ExternalResources = function ExternalResources(props) {
     ),
     resources[active].length > 0 ? resources[active].map(function (r) {
       var destination = r.destination ? r.destination : '';
-      return React__default["default"].createElement(
+      return React__default['default'].createElement(
         'div',
         { key: r._id, className: 'resource' },
-        dispalyThumb && React__default["default"].createElement(
+        dispalyThumb && React__default['default'].createElement(
           'div',
           { id: 'thumb' },
-          React__default["default"].createElement(
+          React__default['default'].createElement(
             'a',
             { href: destination, target: '_blank', rel: checkSisterSite.checkSisterSite(destination) ? '' : 'noopener noreferrer' },
-            React__default["default"].createElement('img', { src: r.thumbnail })
+            React__default['default'].createElement('img', { src: r.thumbnail })
           )
         ),
-        React__default["default"].createElement(
+        React__default['default'].createElement(
           'div',
           { id: 'details' },
-          React__default["default"].createElement(
+          React__default['default'].createElement(
             'a',
             { href: destination, target: '_blank', rel: checkSisterSite.checkSisterSite(destination) ? '' : 'noopener noreferrer' },
-            React__default["default"].createElement(
+            React__default['default'].createElement(
               'p',
               { id: 'title' },
               r.title
             ),
-            r.intro && React__default["default"].createElement(
+            r.intro && React__default['default'].createElement(
               'div',
               { id: 'intro' },
-              React__default["default"].createElement(BlockContent.BlockContent, _extends._extends({ serializers: getSerializers.getSerializers(client), blocks: r.intro }, client.config()))
+              React__default['default'].createElement(BlockContent.BlockContent, _extends._extends({ serializers: getSerializers.getSerializers(client), blocks: r.intro }, client.config()))
             ),
-            React__default["default"].createElement(
+            React__default['default'].createElement(
               'div',
               { id: 'date' },
-              React__default["default"].createElement(
+              React__default['default'].createElement(
                 'p',
                 { style: { fontWeight: 'bold' } },
                 'Date:'
               ),
-              React__default["default"].createElement(
+              React__default['default'].createElement(
                 'p',
                 null,
                 index.momentTimezone.tz(r.displayDate, 'America/New_York').format(dateFormat),
@@ -166,30 +168,30 @@ var ExternalResources = function ExternalResources(props) {
                 r.endDate && '- ' + index.momentTimezone.tz(r.endDate, 'America/New_York').format(dateFormat)
               )
             ),
-            r.speakers && React__default["default"].createElement(
+            r.speakers && React__default['default'].createElement(
               'div',
               { id: 'speakers' },
-              React__default["default"].createElement(
+              React__default['default'].createElement(
                 'p',
                 { style: { fontWeight: 'bold' } },
                 'Speakers:'
               ),
-              React__default["default"].createElement(BlockContent.BlockContent, _extends._extends({ serializers: getSerializers.getSerializers(client), blocks: r.speakers }, client.config()))
+              React__default['default'].createElement(BlockContent.BlockContent, _extends._extends({ serializers: getSerializers.getSerializers(client), blocks: r.speakers }, client.config()))
             ),
-            r.location && React__default["default"].createElement(
+            r.location && React__default['default'].createElement(
               'div',
               { id: 'location' },
-              React__default["default"].createElement(
+              React__default['default'].createElement(
                 'p',
                 { style: { fontWeight: 'bold' } },
                 'Location:'
               ),
               r.location
             ),
-            r.sponsor && React__default["default"].createElement(
+            r.sponsor && React__default['default'].createElement(
               'div',
               { id: 'sponsor' },
-              React__default["default"].createElement(
+              React__default['default'].createElement(
                 'p',
                 { style: { fontWeight: 'bold' } },
                 'Sponsors:'
@@ -197,19 +199,19 @@ var ExternalResources = function ExternalResources(props) {
               r.sponsor
             )
           ),
-          React__default["default"].createElement(
-            Button__default["default"],
+          React__default['default'].createElement(
+            Button__default['default'],
             { id: 'cta', variant: 'secondary', href: destination, target: '_blank', rel: checkSisterSite.checkSisterSite(destination) ? '' : 'noopener noreferrer' },
             cta
           )
         )
       );
-    }) : React__default["default"].createElement(
+    }) : React__default['default'].createElement(
       'p',
       null,
       'No content available.'
     ),
-    React__default["default"].createElement(
+    React__default['default'].createElement(
       'style',
       { jsx: true },
       '\n        .resource {\n          display: flex;\n          position: relative;\n          margin: 0 0 1rem 0;\n        }\n        .resource #thumb {\n          box-sizing: border-box;\n          padding: 0.5rem;\n          width: 25%;\n        }\n        .resource #thumb img {\n          width: 100%;\n        }\n        .resource #details {\n          box-sizing: border-box;\n          padding: 0.5rem;\n          width: 75%;\n        }\n        #resources .resource p {\n          margin: 0;\n        }\n        #toggles {\n          display: flex;\n          margin: 0 0 1rem 0;\n        }\n        #toggles > div {\n          padding: 0.5rem;\n          cursor: pointer;\n        }\n        #toggles > div:hover {\n          font-weight: bold;\n          border-bottom: 2px solid #cecece;\n        }\n        #toggles > div.active {\n          font-weight: bold;\n          border-bottom: 2px solid var(--primary);\n        }\n        .resource #title {\n          font-weight: bold;\n          font-size: 1.25rem;\n        }\n        .resource #date,\n        .resource #speakers,\n        .resource #location,\n        .resource #sponsor,\n        .resource #cta {\n          margin: 1rem 0 0 0;\n        }\n      '