@mjhls/mjh-framework 1.0.445 → 1.0.446

package/dist/esm/Ustream-c4f281a3.js

@@ -1,112 +0,0 @@
-import React, { useState, useRef, useEffect } from 'react';
-import { _ as _slicedToArray } from './slicedToArray-04e02710.js';
-import { G as GenIcon, d as IoIosOpen } from './index.esm-536609db.js';
-
-// THIS FILE IS AUTO GENERATED
-var FaLongArrowAltRight = function (props) {
-  return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 448 512"},"child":[{"tag":"path","attr":{"d":"M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z"}}]})(props);
-};
-FaLongArrowAltRight.displayName = "FaLongArrowAltRight";
-var FaRegWindowClose = function (props) {
-  return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 512 512"},"child":[{"tag":"path","attr":{"d":"M464 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm0 394c0 3.3-2.7 6-6 6H54c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h404c3.3 0 6 2.7 6 6v340zM356.5 194.6L295.1 256l61.4 61.4c4.6 4.6 4.6 12.1 0 16.8l-22.3 22.3c-4.6 4.6-12.1 4.6-16.8 0L256 295.1l-61.4 61.4c-4.6 4.6-12.1 4.6-16.8 0l-22.3-22.3c-4.6-4.6-4.6-12.1 0-16.8l61.4-61.4-61.4-61.4c-4.6-4.6-4.6-12.1 0-16.8l22.3-22.3c4.6-4.6 12.1-4.6 16.8 0l61.4 61.4 61.4-61.4c4.6-4.6 12.1-4.6 16.8 0l22.3 22.3c4.7 4.6 4.7 12.1 0 16.8z"}}]})(props);
-};
-FaRegWindowClose.displayName = "FaRegWindowClose";
-
-var Ustream = function Ustream(_ref) {
-  var _ref$width = _ref.width,
-      width = _ref$width === undefined ? '300px' : _ref$width,
-      _ref$height = _ref.height,
-      height = _ref$height === undefined ? '168px' : _ref$height,
-      _ref$close = _ref.close,
-      close = _ref$close === undefined ? false : _ref$close,
-      _ref$right = _ref.right,
-      right = _ref$right === undefined ? false : _ref$right,
-      _ref$src = _ref.src,
-      src = _ref$src === undefined ? 'https://video.ibm.com/embed/23627444?volume=0&autoplay=true' : _ref$src;
-
-  var _useState = useState(width),
-      _useState2 = _slicedToArray(_useState, 2),
-      currentWidth = _useState2[0],
-      setWidth = _useState2[1];
-
-  var _useState3 = useState(height),
-      _useState4 = _slicedToArray(_useState3, 2),
-      currentHeight = _useState4[0],
-      setHeight = _useState4[1];
-
-  var ustreamContainer = useRef(null);
-
-  useEffect(function () {
-    try {
-      var container = document.getElementById('ustream-container');
-      var ustream = document.getElementById('ustream-iframe');
-      ustream.setAttribute('src', src);
-
-      if (close) {
-        var closeBtn = document.querySelector('.ustream-close');
-        closeBtn.addEventListener('click', function () {
-          container.remove();
-        });
-      } else {
-        document.querySelector('.ustream-minimize').addEventListener('click', function (e) {
-          container.style.position = 'static';
-          container.style.padding = '0 1rem';
-          container.classList.add('closed');
-          setWidth('100%');
-          // aspect ratio
-          var newHeight = 9 / 16 * ustreamContainer.current.clientWidth;
-          setHeight(newHeight);
-          document.querySelector('.ustream-minimize').remove();
-          var closeBtn = document.querySelector('.ustream-close');
-          closeBtn.style.display = 'block';
-          closeBtn.addEventListener('click', function () {
-            container.remove();
-          });
-        });
-      }
-    } catch (err) {}
-  }, []);
-
-  return React.createElement(
-    'div',
-    { id: 'ustream-container', ref: ustreamContainer, style: { width: '' + currentWidth, marginBottom: '1rem' } },
-    React.createElement(
-      'div',
-      { style: { position: 'relative' } },
-      close ? React.createElement(
-        'div',
-        { className: 'ustream-close' },
-        React.createElement(FaRegWindowClose, { style: { color: '#fff', fontSize: '1.3rem' } })
-      ) : React.createElement(
-        React.Fragment,
-        null,
-        React.createElement(
-          'div',
-          { className: 'ustream-minimize' },
-          React.createElement(IoIosOpen, { style: right ? { color: '#fff', fontSize: '1.3rem', transform: 'rotateZ(-90deg)' } : { color: '#fff', fontSize: '1.3rem' } })
-        ),
-        React.createElement(
-          'div',
-          { className: 'ustream-close' },
-          React.createElement(FaRegWindowClose, { style: { color: '#fff', fontSize: '1rem' } })
-        )
-      ),
-      React.createElement('iframe', {
-        id: 'ustream-iframe',
-        webkitallowfullscreen: 'true',
-        allowFullScreen: true,
-        frameBorder: 'no',
-        style: { maxWidth: '100%', height: currentHeight, width: currentWidth }
-      })
-    ),
-    React.createElement(
-      'style',
-      { jsx: 'true' },
-      '\n        #ustream-container {\n          position: fixed;\n          bottom: 0;\n          ' + (right ? 'right: 1rem;' : 'left: 1.5rem;') + '\n          z-index: 999;\n          max-width: 100%;\n        }\n        .ustream-minimize,\n        .ustream-close {\n          position: absolute;\n          color: white;\n          right: 0.5rem;\n          top: 0.25rem;\n          cursor: pointer;\n          font-weight: bold;\n        }\n        .ustream-close {\n          ' + (close ? 'display: block; right: .75rem; top: .5rem; ' : 'display: none; right: .5rem; top: .75rem;') + '\n        }\n        @media screen and (max-width: 768px) {\n          #ustream-container:not(.closed) {\n            width: 231px !important;\n            height: 130px !important;\n          }\n          #ustream-container:not(.closed) iframe {\n            height: 130px !important;\n          }\n        }\n      '
-    )
-  );
-};
-
-var Ustream$1 = React.memo(Ustream);
-
-export { FaLongArrowAltRight as F, Ustream$1 as U };