@mjhls/mjh-framework 1.0.869 → 1.0.870

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 (4) hide show
  1. package/README.md +1 -1
  2. package/dist/cjs/YoutubeGroup.js +23 -4
  3. package/dist/esm/YoutubeGroup.js +23 -4
  4. package/package.json +1 -1
package/README.md CHANGED
@@ -1,4 +1,4 @@
1
- # mjh-framework v. 1.0.869
1
+ # mjh-framework v. 1.0.870
2
2
 
3
3
  [![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)
4
4
 
package/dist/cjs/YoutubeGroup.js CHANGED
@@ -31,7 +31,7 @@ var YoutubeGroup = function YoutubeGroup(props) {
31
31
  var viewableWindow = React.useRef(null);
32
32
  var viewableArea = React.useRef(null);
33
33
 
34
- var _useState = React.useState(0),
34
+ var _useState = React.useState(200),
35
35
  _useState2 = slicedToArray._slicedToArray(_useState, 2),
36
36
  tileSize = _useState2[0],
37
37
  setTileSize = _useState2[1];
@@ -266,11 +266,16 @@ var YoutubeGroup = function YoutubeGroup(props) {
266
266
  } },
267
267
  React__default['default'].createElement(
268
268
  'div',
269
- { className: 'tile__media', style: { width: tileSize + 'px', height: tileHeight + 'px' } },
269
+ { className: 'tile__media', style: { width: tileSize + 'px', height: '' + (tileHeight !== 0 ? tileHeight + 'px' : '100px') } },
270
270
  React__default['default'].createElement(
271
271
  index$1.LazyLoad,
272
272
  null,
273
- React__default['default'].createElement('img', { className: 'tile__img', style: { width: tileSize + 'px', height: tileHeight + 'px' }, src: thumbnail, alt: '' })
273
+ React__default['default'].createElement('img', { className: 'tile__img', style: { width: tileSize + 'px', height: '' + (tileHeight !== 0 ? tileHeight + 'px' : '100px') }, src: thumbnail, alt: '' })
274
+ ),
275
+ React__default['default'].createElement(
276
+ 'noscript',
277
+ null,
278
+ React__default['default'].createElement('img', { className: 'tile__img', src: thumbnail, style: { width: tileSize + 'px', height: '' + (tileHeight !== 0 ? tileHeight + 'px' : '100%') }, alt: '' })
274
279
  )
275
280
  ),
276
281
  React__default['default'].createElement(
@@ -311,11 +316,16 @@ var YoutubeGroup = function YoutubeGroup(props) {
311
316
  { href: _url },
312
317
  React__default['default'].createElement(
313
318
  'div',
314
- { className: 'tile__media', style: { width: tileSize + 'px', height: tileHeight + 'px' } },
319
+ { className: 'tile__media', style: { width: tileSize + 'px', height: '' + (tileHeight !== 0 ? tileHeight + 'px' : '100%') } },
315
320
  React__default['default'].createElement(
316
321
  index$1.LazyLoad,
317
322
  null,
318
323
  React__default['default'].createElement('img', { className: 'tile__img', src: _thumbnail, style: { width: tileSize + 'px', height: tileHeight + 'px' }, alt: '' })
324
+ ),
325
+ React__default['default'].createElement(
326
+ 'noscript',
327
+ null,
328
+ React__default['default'].createElement('img', { className: 'tile__img', src: _thumbnail, style: { width: tileSize + 'px', height: '' + (tileHeight !== 0 ? tileHeight + 'px' : '100%') }, alt: '' })
319
329
  )
320
330
  ),
321
331
  React__default['default'].createElement(
@@ -341,6 +351,15 @@ var YoutubeGroup = function YoutubeGroup(props) {
341
351
  })
342
352
  )
343
353
  ),
354
+ React__default['default'].createElement(
355
+ 'noscript',
356
+ null,
357
+ React__default['default'].createElement(
358
+ 'style',
359
+ { jsx: 'true' },
360
+ '\n #vid-slider .row__inner {\n flex-wrap: wrap;\n flex-basis: 100%;\n }\n '
361
+ )
362
+ ),
344
363
  React__default['default'].createElement(
345
364
  'style',
346
365
  { jsx: 'true' },
package/dist/esm/YoutubeGroup.js CHANGED
@@ -25,7 +25,7 @@ var YoutubeGroup = function YoutubeGroup(props) {
25
25
  var viewableWindow = useRef(null);
26
26
  var viewableArea = useRef(null);
27
27
 
28
- var _useState = useState(0),
28
+ var _useState = useState(200),
29
29
  _useState2 = _slicedToArray(_useState, 2),
30
30
  tileSize = _useState2[0],
31
31
  setTileSize = _useState2[1];
@@ -260,11 +260,16 @@ var YoutubeGroup = function YoutubeGroup(props) {
260
260
  } },
261
261
  React.createElement(
262
262
  'div',
263
- { className: 'tile__media', style: { width: tileSize + 'px', height: tileHeight + 'px' } },
263
+ { className: 'tile__media', style: { width: tileSize + 'px', height: '' + (tileHeight !== 0 ? tileHeight + 'px' : '100px') } },
264
264
  React.createElement(
265
265
  LazyLoad,
266
266
  null,
267
- React.createElement('img', { className: 'tile__img', style: { width: tileSize + 'px', height: tileHeight + 'px' }, src: thumbnail, alt: '' })
267
+ React.createElement('img', { className: 'tile__img', style: { width: tileSize + 'px', height: '' + (tileHeight !== 0 ? tileHeight + 'px' : '100px') }, src: thumbnail, alt: '' })
268
+ ),
269
+ React.createElement(
270
+ 'noscript',
271
+ null,
272
+ React.createElement('img', { className: 'tile__img', src: thumbnail, style: { width: tileSize + 'px', height: '' + (tileHeight !== 0 ? tileHeight + 'px' : '100%') }, alt: '' })
268
273
  )
269
274
  ),
270
275
  React.createElement(
@@ -305,11 +310,16 @@ var YoutubeGroup = function YoutubeGroup(props) {
305
310
  { href: _url },
306
311
  React.createElement(
307
312
  'div',
308
- { className: 'tile__media', style: { width: tileSize + 'px', height: tileHeight + 'px' } },
313
+ { className: 'tile__media', style: { width: tileSize + 'px', height: '' + (tileHeight !== 0 ? tileHeight + 'px' : '100%') } },
309
314
  React.createElement(
310
315
  LazyLoad,
311
316
  null,
312
317
  React.createElement('img', { className: 'tile__img', src: _thumbnail, style: { width: tileSize + 'px', height: tileHeight + 'px' }, alt: '' })
318
+ ),
319
+ React.createElement(
320
+ 'noscript',
321
+ null,
322
+ React.createElement('img', { className: 'tile__img', src: _thumbnail, style: { width: tileSize + 'px', height: '' + (tileHeight !== 0 ? tileHeight + 'px' : '100%') }, alt: '' })
313
323
  )
314
324
  ),
315
325
  React.createElement(
@@ -335,6 +345,15 @@ var YoutubeGroup = function YoutubeGroup(props) {
335
345
  })
336
346
  )
337
347
  ),
348
+ React.createElement(
349
+ 'noscript',
350
+ null,
351
+ React.createElement(
352
+ 'style',
353
+ { jsx: 'true' },
354
+ '\n #vid-slider .row__inner {\n flex-wrap: wrap;\n flex-basis: 100%;\n }\n '
355
+ )
356
+ ),
338
357
  React.createElement(
339
358
  'style',
340
359
  { jsx: 'true' },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mjhls/mjh-framework",
3
- "version": "1.0.869",
3
+ "version": "1.0.870",
4
4
  "description": "Foundation Framework",
5
5
  "author": "mjh-framework",
6
6
  "license": "MIT",