@mjhls/mjh-framework 1.0.269 → 1.0.270

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/README.md +171 -171
  2. package/dist/cjs/DeckContent.js +9 -9
  3. package/dist/cjs/DeckQueue.js +1 -1
  4. package/dist/cjs/{GridContent-524f2ad8.js → GridContent-81563bbb.js} +2 -2
  5. package/dist/cjs/GridContent.js +2 -2
  6. package/dist/cjs/IssueContentDeck.js +1 -1
  7. package/dist/cjs/IssueDeck.js +1 -1
  8. package/dist/cjs/MasterDeck.js +9 -9
  9. package/dist/cjs/{Normal-6c0b2764.js → Normal-05dd6f72.js} +31 -31
  10. package/dist/cjs/PublicationDeck.js +1 -1
  11. package/dist/cjs/QueueDeckExpanded.js +1 -1
  12. package/dist/cjs/{TaxonomyCard-b5074d6e.js → TaxonomyCard-e3566492.js} +1 -1
  13. package/dist/cjs/TaxonomyCard.js +2 -2
  14. package/dist/cjs/TemplateNormal.js +1 -1
  15. package/dist/cjs/ThumbnailCard.js +1 -1
  16. package/dist/cjs/VideoSeriesListing.js +1 -2
  17. package/dist/cjs/{YoutubeGroup-78e6bcc3.js → YoutubeGroup-94e6efea.js} +437 -5
  18. package/dist/cjs/YoutubeGroup.js +1 -2
  19. package/dist/cjs/{index-39beccb3.js → index-be0c82be.js} +1 -2
  20. package/dist/cjs/index.js +529 -542
  21. package/dist/esm/DeckContent.js +9 -9
  22. package/dist/esm/DeckQueue.js +1 -1
  23. package/dist/esm/{GridContent-f4fd38a7.js → GridContent-b2edf91a.js} +1 -1
  24. package/dist/esm/GridContent.js +2 -2
  25. package/dist/esm/IssueContentDeck.js +1 -1
  26. package/dist/esm/IssueDeck.js +1 -1
  27. package/dist/esm/MasterDeck.js +9 -9
  28. package/dist/esm/{Normal-b7aa5dce.js → Normal-ccc2f7f8.js} +31 -31
  29. package/dist/esm/PublicationDeck.js +1 -1
  30. package/dist/esm/QueueDeckExpanded.js +1 -1
  31. package/dist/esm/{TaxonomyCard-ee1a22ae.js → TaxonomyCard-2d0ab635.js} +1 -1
  32. package/dist/esm/TaxonomyCard.js +2 -2
  33. package/dist/esm/TemplateNormal.js +1 -1
  34. package/dist/esm/ThumbnailCard.js +1 -1
  35. package/dist/esm/VideoSeriesListing.js +1 -2
  36. package/dist/esm/{YoutubeGroup-a87b8967.js → YoutubeGroup-f59297bb.js} +437 -5
  37. package/dist/esm/YoutubeGroup.js +1 -2
  38. package/dist/esm/{index-3849e3fe.js → index-73819142.js} +1 -2
  39. package/dist/esm/index.js +532 -545
  40. package/package.json +103 -103
package/README.md CHANGED
@@ -1,171 +1,171 @@
1
-
2
- # mjh-framework v. 1.0.269
3
-
4
- > Foundation Framework
5
-
6
- [![NPM](https://img.shields.io/npm/v/mjh-framework.svg)](https://www.npmjs.com/package/mjh-framework) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
7
-
8
- ## Install
9
-
10
- ```bash
11
- npm install --save @mjhls/mjh-framework
12
- ```
13
-
14
- ## Usage
15
-
16
- ```jsx
17
- import React, { Component } from 'react'
18
-
19
- import { NavMagazine, DeckQueue } from 'mjh-framework'
20
-
21
- export default class App extends Component {
22
- render() {
23
- return (
24
- <div>
25
- <NavMagazine />
26
- <DeckQueue />
27
- </div>
28
- )
29
- }
30
- }
31
- ```
32
-
33
- ## Publish new updates to the npm registry
34
-
35
- ```bash
36
- npm publish
37
- ```
38
-
39
- ## For getting updates in the template without publishing each time a change is made in the framework
40
-
41
- Link react and react-dom of the template repo, so that it can be used by the framework.
42
- This is to avoid the error arising due to multiple instances of React.
43
-
44
- ```bash
45
- cd ../mjh-template/node_modules/react
46
-
47
- yarn link
48
-
49
- cd ../react-dom
50
-
51
- yarn link
52
-
53
- cd ../../../mjh-framework
54
-
55
- yarn link react && yarn link react-dom
56
- ```
57
-
58
- Link the framework repo so that it can be used in the template
59
-
60
- ```bash
61
- npm link
62
-
63
- cd ../mjh-template
64
-
65
- npm link @mjhls/mjh-framework
66
- ```
67
-
68
- ## Components and "props"
69
-
70
- ### Deck Components
71
-
72
- - #### DeckContent
73
-
74
- ##### Props
75
-
76
- - mapping
77
- - dataRecord
78
- - query
79
- - params
80
- - pointer
81
- - pointerArray
82
- - defaultImage
83
-
84
- - #### DeckQueue
85
- ##### Props
86
- - page
87
- - dataRecord
88
- - query
89
- - params
90
- - pointer
91
- - pointerArray
92
-
93
- ### Layout Components
94
-
95
- - #### Column1
96
- - #### Column2
97
- ##### Props
98
- - rightItems
99
- - #### Column3
100
- ##### Props
101
- - leftItems
102
- - rightItems
103
- ##### Common Props (Column1, Column2, Column3)
104
- - title
105
- - children
106
- - #### Header
107
- ##### Props
108
- - title
109
- - keyword
110
- - description
111
- - #### LeftNav
112
- ##### Props
113
- - leftItems
114
- - #### AccordionPanel
115
- ##### Props
116
- - accordionClassName
117
- - data
118
-
119
- ### Navigation Components
120
-
121
- - #### NavMagazine
122
- ##### Props
123
- - logo
124
- - dataObject
125
- - #### NavNative
126
- ##### Props
127
- - logo
128
- - dataObject
129
- - #### NavNormal
130
- ##### Props
131
- - logo
132
- - dataObject
133
- - variant
134
- - #### NavDvm
135
- ##### Props
136
- - logo
137
- - dataObject
138
- - subNavHeads
139
-
140
- ### Template Components
141
-
142
- - #### TemplateNormal
143
- ##### Props
144
- - config
145
- - title
146
- - keywords
147
- - description
148
- - website
149
-
150
- ### Ad Components
151
-
152
- - #### AD300x250
153
- - #### AD300x250x600
154
- - #### AD728x90
155
- ##### Common Props
156
- - networkID
157
- - adUnit
158
-
159
- ### Serializers
160
-
161
- - #### getSerializers (function)
162
- ##### arguments
163
- - client
164
- ##### types
165
- - youtube
166
- - figure
167
- - slideshow
168
-
169
- ## License
170
-
171
- MIT © [mjh-framework](https://github.com/mjh-framework)
1
+
2
+ # mjh-framework v. 1.0.270
3
+
4
+ > Foundation Framework
5
+
6
+ [![NPM](https://img.shields.io/npm/v/mjh-framework.svg)](https://www.npmjs.com/package/mjh-framework) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
7
+
8
+ ## Install
9
+
10
+ ```bash
11
+ npm install --save @mjhls/mjh-framework
12
+ ```
13
+
14
+ ## Usage
15
+
16
+ ```jsx
17
+ import React, { Component } from 'react'
18
+
19
+ import { NavMagazine, DeckQueue } from 'mjh-framework'
20
+
21
+ export default class App extends Component {
22
+ render() {
23
+ return (
24
+ <div>
25
+ <NavMagazine />
26
+ <DeckQueue />
27
+ </div>
28
+ )
29
+ }
30
+ }
31
+ ```
32
+
33
+ ## Publish new updates to the npm registry
34
+
35
+ ```bash
36
+ npm publish
37
+ ```
38
+
39
+ ## For getting updates in the template without publishing each time a change is made in the framework
40
+
41
+ Link react and react-dom of the template repo, so that it can be used by the framework.
42
+ This is to avoid the error arising due to multiple instances of React.
43
+
44
+ ```bash
45
+ cd ../mjh-template/node_modules/react
46
+
47
+ yarn link
48
+
49
+ cd ../react-dom
50
+
51
+ yarn link
52
+
53
+ cd ../../../mjh-framework
54
+
55
+ yarn link react && yarn link react-dom
56
+ ```
57
+
58
+ Link the framework repo so that it can be used in the template
59
+
60
+ ```bash
61
+ npm link
62
+
63
+ cd ../mjh-template
64
+
65
+ npm link @mjhls/mjh-framework
66
+ ```
67
+
68
+ ## Components and "props"
69
+
70
+ ### Deck Components
71
+
72
+ - #### DeckContent
73
+
74
+ ##### Props
75
+
76
+ - mapping
77
+ - dataRecord
78
+ - query
79
+ - params
80
+ - pointer
81
+ - pointerArray
82
+ - defaultImage
83
+
84
+ - #### DeckQueue
85
+ ##### Props
86
+ - page
87
+ - dataRecord
88
+ - query
89
+ - params
90
+ - pointer
91
+ - pointerArray
92
+
93
+ ### Layout Components
94
+
95
+ - #### Column1
96
+ - #### Column2
97
+ ##### Props
98
+ - rightItems
99
+ - #### Column3
100
+ ##### Props
101
+ - leftItems
102
+ - rightItems
103
+ ##### Common Props (Column1, Column2, Column3)
104
+ - title
105
+ - children
106
+ - #### Header
107
+ ##### Props
108
+ - title
109
+ - keyword
110
+ - description
111
+ - #### LeftNav
112
+ ##### Props
113
+ - leftItems
114
+ - #### AccordionPanel
115
+ ##### Props
116
+ - accordionClassName
117
+ - data
118
+
119
+ ### Navigation Components
120
+
121
+ - #### NavMagazine
122
+ ##### Props
123
+ - logo
124
+ - dataObject
125
+ - #### NavNative
126
+ ##### Props
127
+ - logo
128
+ - dataObject
129
+ - #### NavNormal
130
+ ##### Props
131
+ - logo
132
+ - dataObject
133
+ - variant
134
+ - #### NavDvm
135
+ ##### Props
136
+ - logo
137
+ - dataObject
138
+ - subNavHeads
139
+
140
+ ### Template Components
141
+
142
+ - #### TemplateNormal
143
+ ##### Props
144
+ - config
145
+ - title
146
+ - keywords
147
+ - description
148
+ - website
149
+
150
+ ### Ad Components
151
+
152
+ - #### AD300x250
153
+ - #### AD300x250x600
154
+ - #### AD728x90
155
+ ##### Common Props
156
+ - networkID
157
+ - adUnit
158
+
159
+ ### Serializers
160
+
161
+ - #### getSerializers (function)
162
+ ##### arguments
163
+ - client
164
+ ##### types
165
+ - youtube
166
+ - figure
167
+ - slideshow
168
+
169
+ ## License
170
+
171
+ MIT © [mjh-framework](https://github.com/mjh-framework)
@@ -24,7 +24,7 @@ require('next/link');
24
24
  var Router = require('next/router');
25
25
  var Router__default = _interopDefault(Router);
26
26
  require('react-dom');
27
- var index$1 = require('./index-39beccb3.js');
27
+ var index$1 = require('./index-be0c82be.js');
28
28
  var index$2 = require('./index-fa0fb52c.js');
29
29
  var entities = require('./entities-310b46ee.js');
30
30
  require('./slicedToArray-e38fb29d.js');
@@ -171,14 +171,14 @@ var DeckContent = function (_React$Component) {
171
171
  var newPath = pageNumber === 1 ? '' + path : path + '?page=' + pageNumber;
172
172
 
173
173
  // please leave this for later debug purpose : Yong Jun.
174
- /* console.log('page change reported', {
175
- currentPage: currentPage,
176
- pageNumber: pageNumber,
177
- pathname: pathname,
178
- path: path,
179
- newPath: newPath,
180
- firstPage: pageNumber === 1,
181
- queryString: queryString
174
+ /* console.log('page change reported', {
175
+ currentPage: currentPage,
176
+ pageNumber: pageNumber,
177
+ pathname: pathname,
178
+ path: path,
179
+ newPath: newPath,
180
+ firstPage: pageNumber === 1,
181
+ queryString: queryString
182
182
  }) */
183
183
 
184
184
  if (pageview) {
@@ -24,7 +24,7 @@ require('next/link');
24
24
  var Router = require('next/router');
25
25
  var Router__default = _interopDefault(Router);
26
26
  require('react-dom');
27
- var index$1 = require('./index-39beccb3.js');
27
+ var index$1 = require('./index-be0c82be.js');
28
28
  var index$2 = require('./index-fa0fb52c.js');
29
29
  var entities = require('./entities-310b46ee.js');
30
30
  var get$1 = require('./get-1f91592f.js');
@@ -18,14 +18,14 @@ var visibilitySensor = require('./visibility-sensor-b72d9527.js');
18
18
  require('next/link');
19
19
  var Router = require('next/router');
20
20
  var Router__default = _interopDefault(Router);
21
- var index$1 = require('./index-39beccb3.js');
21
+ var index$1 = require('./index-be0c82be.js');
22
22
  var index$2 = require('./index-fa0fb52c.js');
23
23
  var entities = require('./entities-310b46ee.js');
24
24
  var ADInfeed = require('./ADInfeed-0da6acd4.js');
25
25
  var get$1 = require('./get-1f91592f.js');
26
26
 
27
27
  var Dfp = React__default.lazy(function () {
28
- return new Promise(function (resolve) { resolve(require('./Dfp-7a5533f9.js')); });
28
+ return Promise.resolve().then(function () { return require('./Dfp-7a5533f9.js'); });
29
29
  });
30
30
 
31
31
  var AD = function AD(props) {
@@ -20,7 +20,7 @@ require('./visibility-sensor-b72d9527.js');
20
20
  require('next/link');
21
21
  require('next/router');
22
22
  require('react-dom');
23
- require('./index-39beccb3.js');
23
+ require('./index-be0c82be.js');
24
24
  require('./index-fa0fb52c.js');
25
25
  require('./entities-310b46ee.js');
26
26
  require('./slicedToArray-e38fb29d.js');
@@ -28,7 +28,7 @@ require('./AdSlot-93d892f5.js');
28
28
  require('./promise-b96c61f8.js');
29
29
  require('./ADInfeed-0da6acd4.js');
30
30
  require('./get-1f91592f.js');
31
- var GridContent = require('./GridContent-524f2ad8.js');
31
+ var GridContent = require('./GridContent-81563bbb.js');
32
32
 
33
33
 
34
34
 
@@ -11,7 +11,7 @@ var Col = _interopDefault(require('react-bootstrap/Col'));
11
11
  var Card = _interopDefault(require('react-bootstrap/Card'));
12
12
  require('next/link');
13
13
  require('react-dom');
14
- var index$1 = require('./index-39beccb3.js');
14
+ var index$1 = require('./index-be0c82be.js');
15
15
  var index$2 = require('./index-fa0fb52c.js');
16
16
  var Badge = _interopDefault(require('react-bootstrap/Badge'));
17
17
 
@@ -11,7 +11,7 @@ var Col = _interopDefault(require('react-bootstrap/Col'));
11
11
  var Card = _interopDefault(require('react-bootstrap/Card'));
12
12
  require('next/link');
13
13
  require('react-dom');
14
- var index$1 = require('./index-39beccb3.js');
14
+ var index$1 = require('./index-be0c82be.js');
15
15
  var index$2 = require('./index-fa0fb52c.js');
16
16
  var Button = _interopDefault(require('react-bootstrap/Button'));
17
17
 
@@ -24,7 +24,7 @@ require('next/link');
24
24
  var Router = require('next/router');
25
25
  var Router__default = _interopDefault(Router);
26
26
  require('react-dom');
27
- require('./index-39beccb3.js');
27
+ require('./index-be0c82be.js');
28
28
  var promise = require('./promise-b96c61f8.js');
29
29
 
30
30
  var MasterDeck = function (_React$Component) {
@@ -170,14 +170,14 @@ var MasterDeck = function (_React$Component) {
170
170
  var newPath = pageNumber === 1 ? '' + path : path + '?page=' + pageNumber;
171
171
 
172
172
  // please leave this for later debug purpose : Yong Jun.
173
- /* console.log('page change reported', {
174
- currentPage: currentPage,
175
- pageNumber: pageNumber,
176
- pathname: pathname,
177
- path: path,
178
- newPath: newPath,
179
- firstPage: pageNumber === 1,
180
- queryString: queryString
173
+ /* console.log('page change reported', {
174
+ currentPage: currentPage,
175
+ pageNumber: pageNumber,
176
+ pathname: pathname,
177
+ path: path,
178
+ newPath: newPath,
179
+ firstPage: pageNumber === 1,
180
+ queryString: queryString
181
181
  }) */
182
182
 
183
183
  if (pageview) {
@@ -675,8 +675,8 @@ var renderLink = function renderLink(row) {
675
675
  };
676
676
 
677
677
  var SideFooter = function SideFooter(props) {
678
- /*
679
- useage example: <SideFooter cache={props.cache} logo='https://mjh-web.s3.amazonaws.com/_media/an_mjhls_brand_logo.png' />
678
+ /*
679
+ useage example: <SideFooter cache={props.cache} logo='https://mjh-web.s3.amazonaws.com/_media/an_mjhls_brand_logo.png' />
680
680
  */
681
681
  var _get = get$1.get_1(props, 'cache.siteSettingCache', {}),
682
682
  socialLinks = _get.socialLinks,
@@ -1249,15 +1249,15 @@ var SocialNavFooter = function SocialNavFooter(props) {
1249
1249
  };
1250
1250
 
1251
1251
  var NavMagazine = function NavMagazine(props) {
1252
- /*
1253
- Example Nav with acceptable props
1254
- <MagazineNav
1255
- showLogin
1256
- logo={props.settings.logo}
1257
- dataObject={props.cache.mainNavCache}
1258
- website={website}
1259
- subNav={props.cache.subNavCache}
1260
- />
1252
+ /*
1253
+ Example Nav with acceptable props
1254
+ <MagazineNav
1255
+ showLogin
1256
+ logo={props.settings.logo}
1257
+ dataObject={props.cache.mainNavCache}
1258
+ website={website}
1259
+ subNav={props.cache.subNavCache}
1260
+ />
1261
1261
  */
1262
1262
 
1263
1263
  var logo = props.logo,
@@ -1571,15 +1571,15 @@ var NavMagazine = function NavMagazine(props) {
1571
1571
  var MagazineNav = React__default.memo(NavMagazine);
1572
1572
 
1573
1573
  var NavNative = function NavNative(props) {
1574
- /*
1575
- Example Nav with acceptable props
1576
- <MagazineNav
1577
- showLogin
1578
- logo={props.settings.logo}
1579
- dataObject={props.cache.mainNavCache}
1580
- website={website}
1581
- subNav={props.cache.subNavCache}
1582
- />
1574
+ /*
1575
+ Example Nav with acceptable props
1576
+ <MagazineNav
1577
+ showLogin
1578
+ logo={props.settings.logo}
1579
+ dataObject={props.cache.mainNavCache}
1580
+ website={website}
1581
+ subNav={props.cache.subNavCache}
1582
+ />
1583
1583
  */
1584
1584
 
1585
1585
  var logo = props.logo,
@@ -1641,7 +1641,7 @@ var NavNative = function NavNative(props) {
1641
1641
  style: { minHeight: '61px' } },
1642
1642
  React__default.createElement(
1643
1643
  Container,
1644
- { className: 'mobile-nav' },
1644
+ { style: { maxHeight: '80vh' }, className: 'mobile-nav' },
1645
1645
  React__default.createElement(
1646
1646
  Navbar.Brand,
1647
1647
  { id: 'nav-mobile-sm', className: 'nav-mobile-logo' },
@@ -1749,7 +1749,7 @@ var NavNative = function NavNative(props) {
1749
1749
  React__default.createElement(
1750
1750
  'style',
1751
1751
  { jsx: 'true' },
1752
- '\n .sticky-home {\n position: relative;\n top: -3px;\n left: -6px;\n cursor: pointer;\n }\n .nav-item svg {\n margin-bottom: 2px;\n }\n #nav-login,\n #nav-logout,\n #nav-register {\n padding: 0.5rem;\n cursor: pointer;\n }\n #nav-mobile-login,\n #nav-mobile-logout,\n #nav-mobile-register {\n display: none;\n }\n #nav-mobile-logout,\n #nav-mobile-login {\n position: absolute;\n right: 1rem;\n }\n #nav-mobile-register {\n position: absolute;\n left: 1rem;\n }\n \n #nav-mobile-sm{\n display: none;\n }\n \n @media screen and (max-width: 1191px) {\n .mobile-nav .nav-toggle {\n width: 100%;\n display: flex;\n justify-content: space-between;\n }\n .nav-mobile-logo {\n margin-left: 1.5rem;\n \n }\n #nav-mobile-md{\n margin-right: auto;\n }\n .nav-mobile-logo img {\n height: 48px!important;\n \n }\n .nav-mobile-logo img {\n height: 38px !important;\n }\n .android-nav {\n max-height: 80vh;\n }\n\n .ios-nav {\n max-height: none;\n }\n\n .navbar.bg-primary {\n overflow: auto;\n }\n\n .mobile-nav .nav-toggle .navbar-toggler {\n float: left;\n height: 45px;\n }\n .mobile-nav .nav-toggle .form-inline {\n float: right;\n margin: 4px 0px 0px 0px;\n }\n .mobile-nav .form-inline .mobile-search {\n width: auto;\n }\n .sticky-home {\n display: none;\n }\n .dropdown-menu {\n max-height: 315px;\n overflow: auto;\n }\n ul::-webkit-scrollbar, .dropdown-menu::-webkit-scrollbar {\n width: 10px;\n background: rgba(0,0,0,.35);\n }\n ul::-webkit-scrollbar-thumb, .dropdown-menu::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background-color: rgba(214, 214, 214, 0.8);\n box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n }\n .navbar-expand-lg .show#basic-navbar-sub {\n display: block;\n }\n .navbar .mobile-nav .navbar-collapse.show {\n padding-bottom: 10px;\n border-bottom: 0.5px solid white;\n }\n .navbar .mobile-nav .navbar-collapse .form-inline {\n display: none;\n }\n .navbar .mobile-nav .navbar-collapse {\n margin-top: 15px;\n }\n .navbar .mobile-nav .navbar-collapse:last-child {\n border-bottom: none;\n margin-bottom: 0px;\n padding-bottom: 0px;\n margin-top: 0px;\n padding-top: 10px;\n }\n .navbar .mobile-nav .navbar-collapse .nav-footer ul {\n list-style-type: none;\n padding: inherit;\n margin-bottom: 0rem;\n }\n .navbar .mobile-nav .navbar-collapse .nav-footer .nav-link {\n text-transform: capitalize !important;\n font-weight: 300;\n }\n .navbar .mobile-nav .dropdown-item:focus {\n background-color: #696969;\n }\n .navbar .mobile-nav .dropdown-menu .dropdown-item {\n color: white;\n }\n .navbar .mobile-nav .dropdown-menu {\n background: inherit;\n border: none;\n direction: rtl;\n }\n .navbar .mobile-nav .dropdown-menu.show {\n max-height: 113px;\n background: rgba(255,255,255,.1);\n }\n }\n @media screen and (max-width: 1199px) {\n #nav-mobile-login,\n #nav-mobile-logout,\n #nav-mobile-register {\n display: block;\n }\n\n .navbar-top {\n flex-direction: row;\n justify-content: space-around !important;\n align-items: center;\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n width: 100%;\n }\n }\n\n @media screen and (min-width: 1191px) {\n #basic-navbar-sub {\n display: none !important;\n }\n .navbar .mobile-nav .dropdown-menu .dropdown-item {\n color: #696969;\n }\n .navbar .mobile-nav .dropdown-menu {\n background: white;\n border: 1 px solid #708090;\n }\n .mobile-nav .nav-toggle .form-inline {\n display: none;\n }\n }\n\n @media screen and (max-width: 376px) {\n .mobile-nav .nav-toggle .form-inline .mobile-search {\n width: 60%;\n }\n .mobile-nav .nav-toggle .form-inline {\n flex: 1 1 auto;\n margin-left: .25rem;\n }\n }\n @media screen and (max-width: 328px) {\n .mobile-nav .nav-toggle .form-inline .mobile-search {\n margin-right: 5px;\n }\n }\n @media screen and (max-width: 767px) {\n \n #nav-mobile-md{\n display: none;\n }\n #nav-mobile-sm{\n display: inline-block;\n margin: 0 auto .5rem;\n }\n .nav-toggle{\n margin:.5rem 0;\n }\n }\n \n '
1752
+ '\n .sticky-home {\n position: relative;\n top: -3px;\n left: -6px;\n cursor: pointer;\n }\n .nav-item svg {\n margin-bottom: 2px;\n }\n #nav-login,\n #nav-logout,\n #nav-register {\n padding: 0.5rem;\n cursor: pointer;\n }\n #nav-mobile-login,\n #nav-mobile-logout,\n #nav-mobile-register {\n display: none;\n }\n #nav-mobile-logout,\n #nav-mobile-login {\n position: absolute;\n right: 1rem;\n }\n #nav-mobile-register {\n position: absolute;\n left: 1rem;\n }\n \n #nav-mobile-sm{\n display: none;\n }\n \n @media screen and (max-width: 1191px) {\n .mobile-nav .nav-toggle {\n width: 100%;\n display: flex;\n justify-content: space-between;\n }\n .nav-mobile-logo {\n margin-left: 1.5rem;\n \n }\n #nav-mobile-md{\n margin-right: auto;\n }\n .nav-mobile-logo img {\n height: 48px!important;\n \n }\n .nav-mobile-logo img {\n height: 38px !important;\n }\n \n\n .ios-nav {\n max-height: none;\n }\n\n .navbar.bg-primary {\n overflow: auto;\n }\n\n .mobile-nav .nav-toggle .navbar-toggler {\n float: left;\n height: 45px;\n }\n .mobile-nav .nav-toggle .form-inline {\n float: right;\n margin: 4px 0px 0px 0px;\n }\n .mobile-nav .form-inline .mobile-search {\n width: auto;\n }\n .sticky-home {\n display: none;\n }\n \n .navbar-expand-lg .show#basic-navbar-sub {\n display: block;\n }\n .navbar .mobile-nav .navbar-collapse.show {\n padding-bottom: 10px;\n border-bottom: 0.5px solid white;\n }\n .navbar .mobile-nav .navbar-collapse .form-inline {\n display: none;\n }\n .navbar .mobile-nav .navbar-collapse {\n margin-top: 15px;\n padding-left: .5rem;\n }\n .navbar .mobile-nav .navbar-collapse:last-child {\n border-bottom: none;\n margin-bottom: 0px;\n padding-bottom: 0px;\n margin-top: 0px;\n padding-top: 10px;\n }\n .navbar .mobile-nav .navbar-collapse .nav-footer ul {\n list-style-type: none;\n padding: inherit;\n margin-bottom: 0rem;\n }\n .navbar .mobile-nav .navbar-collapse .nav-footer .nav-link {\n text-transform: capitalize !important;\n font-weight: 300;\n }\n .navbar .mobile-nav .dropdown-item:focus {\n background-color: #696969;\n }\n .navbar .mobile-nav .dropdown-menu .dropdown-item {\n color: white;\n }\n .navbar .mobile-nav .dropdown-menu {\n background: inherit;\n border: none;\n direction: rtl;\n }\n }\n @media screen and (max-width: 1199px) {\n #nav-mobile-login,\n #nav-mobile-logout,\n #nav-mobile-register {\n display: block;\n }\n \n\n .navbar-top {\n flex-direction: row;\n justify-content: space-around !important;\n align-items: center;\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n width: 100%;\n }\n }\n\n @media screen and (min-width: 1191px) {\n #basic-navbar-sub {\n display: none !important;\n }\n .navbar .mobile-nav .dropdown-menu .dropdown-item {\n color: #696969;\n }\n .navbar .mobile-nav .dropdown-menu {\n background: white;\n border: 1 px solid #708090;\n }\n .mobile-nav .nav-toggle .form-inline {\n display: none;\n }\n }\n\n @media screen and (max-width: 376px) {\n .mobile-nav .nav-toggle .form-inline .mobile-search {\n width: 60%;\n }\n .mobile-nav .nav-toggle .form-inline {\n flex: 1 1 auto;\n margin-left: .25rem;\n }\n }\n @media screen and (max-width: 328px) {\n .mobile-nav .nav-toggle .form-inline .mobile-search {\n margin-right: 5px;\n }\n }\n @media screen and (max-width: 767px) {\n \n #nav-mobile-md{\n display: none;\n }\n #nav-mobile-sm{\n display: inline-block;\n margin: 0 auto .5rem;\n }\n .nav-toggle{\n margin:.5rem 0;\n padding: 0 .5rem;\n }\n }\n \n '
1753
1753
  )
1754
1754
  );
1755
1755
  };
@@ -1973,15 +1973,15 @@ var NavDvm = function NavDvm(props) {
1973
1973
  };
1974
1974
 
1975
1975
  var HamMagazine = function HamMagazine(props) {
1976
- /*
1977
- Example Nav with acceptable props
1978
- <MagazineNav
1979
- showLogin
1980
- logo={props.settings.logo}
1981
- dataObject={props.cache.mainNavCache}
1982
- website={website}
1983
- subNav={props.cache.subNavCache}
1984
- />
1976
+ /*
1977
+ Example Nav with acceptable props
1978
+ <MagazineNav
1979
+ showLogin
1980
+ logo={props.settings.logo}
1981
+ dataObject={props.cache.mainNavCache}
1982
+ website={website}
1983
+ subNav={props.cache.subNavCache}
1984
+ />
1985
1985
  */
1986
1986
 
1987
1987
  var logo = props.logo,
@@ -11,7 +11,7 @@ var Col = _interopDefault(require('react-bootstrap/Col'));
11
11
  var Card = _interopDefault(require('react-bootstrap/Card'));
12
12
  require('next/link');
13
13
  require('react-dom');
14
- var index$1 = require('./index-39beccb3.js');
14
+ var index$1 = require('./index-be0c82be.js');
15
15
  var index$2 = require('./index-fa0fb52c.js');
16
16
  var Button = _interopDefault(require('react-bootstrap/Button'));
17
17
 
@@ -18,7 +18,7 @@ require('next/link');
18
18
  var Router = require('next/router');
19
19
  var Router__default = _interopDefault(Router);
20
20
  require('react-dom');
21
- var index$1 = require('./index-39beccb3.js');
21
+ var index$1 = require('./index-be0c82be.js');
22
22
  var index$2 = require('./index-fa0fb52c.js');
23
23
  var entities = require('./entities-310b46ee.js');
24
24
  var slicedToArray = require('./slicedToArray-e38fb29d.js');
@@ -10,7 +10,7 @@ var Container = _interopDefault(require('react-bootstrap/Container'));
10
10
  var Row = _interopDefault(require('react-bootstrap/Row'));
11
11
  var Col = _interopDefault(require('react-bootstrap/Col'));
12
12
  var Card = _interopDefault(require('react-bootstrap/Card'));
13
- var index$1 = require('./index-39beccb3.js');
13
+ var index$1 = require('./index-be0c82be.js');
14
14
  var index$2 = require('./index-fa0fb52c.js');
15
15
 
16
16
  /*
@@ -10,9 +10,9 @@ require('react-bootstrap/Row');
10
10
  require('react-bootstrap/Col');
11
11
  require('react-bootstrap/Card');
12
12
  require('react-dom');
13
- require('./index-39beccb3.js');
13
+ require('./index-be0c82be.js');
14
14
  require('./index-fa0fb52c.js');
15
- var TaxonomyCard = require('./TaxonomyCard-b5074d6e.js');
15
+ var TaxonomyCard = require('./TaxonomyCard-e3566492.js');
16
16
 
17
17
 
18
18
 
@@ -21,7 +21,7 @@ require('./get-1f91592f.js');
21
21
  require('react-bootstrap');
22
22
  require('./index.esm-340d3792.js');
23
23
  require('react-bootstrap/Button');
24
- var TemplateNormal = require('./Normal-6c0b2764.js');
24
+ var TemplateNormal = require('./Normal-05dd6f72.js');
25
25
  require('react-bootstrap/ListGroup');
26
26
  require('next/head');
27
27
  require('react-bootstrap/Nav');
@@ -7,7 +7,7 @@ var React = require('react');
7
7
  var React__default = _interopDefault(React);
8
8
  require('prop-types');
9
9
  require('react-dom');
10
- var index$1 = require('./index-39beccb3.js');
10
+ var index$1 = require('./index-be0c82be.js');
11
11
  var index$2 = require('./index-fa0fb52c.js');
12
12
  var entities = require('./entities-310b46ee.js');
13
13
  var Media$1 = _interopDefault(require('react-bootstrap/Media'));