npm - @mjhls/mjh-framework - Versions diffs - 1.0.354 → 1.0.356 - Mend

@mjhls/mjh-framework 1.0.354 → 1.0.356

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

package/README.md CHANGED Viewed

@@ -1,5 +1,5 @@
-# mjh-framework v. 1.0.354
+# mjh-framework v. 1.0.356
 > Foundation Framework

package/dist/cjs/index.js CHANGED Viewed

@@ -2797,7 +2797,9 @@ var AdSlotsProvider = function AdSlotsProvider(_ref) {
 var ADFloatingFooter = function ADFloatingFooter(_ref) {
   var title = _ref.title,
       floatingAd = _ref.floatingAd,
-      minScreenWidth = _ref.minScreenWidth;
+      minScreenWidth = _ref.minScreenWidth,
+      _ref$refreshFlag = _ref.refreshFlag,
+      refreshFlag = _ref$refreshFlag === undefined ? true : _ref$refreshFlag;
   var className = floatingAd.className,
       slotId = floatingAd.slotId,
       adUnit = floatingAd.adUnit,
@@ -2860,7 +2862,7 @@ var ADFloatingFooter = function ADFloatingFooter(_ref) {
         sizes: sizes,
         adUnit: adUnit,
         targeting: adTargeting,
-        refreshFlag: false,
+        refreshFlag: refreshFlag,
         checkIsAdFound: checkIsAdFound
       }),
       React__default.createElement(
@@ -2987,10 +2989,12 @@ var ADWelcome = function ADWelcome(_ref) {
   var checkIsAdFound = function checkIsAdFound(isFound) {
     if (isFound) {
       var parent = document.getElementById('welcome-modal');
+      document.body.style.overflow = 'hidden';
       parent.style.display = 'block';
       calculateTimeLeft(counter + 1);
     } else {
       setFlag(true);
+      document.body.style.overflow = 'auto';
     }
   };
@@ -2999,40 +3003,45 @@ var ADWelcome = function ADWelcome(_ref) {
     { style: { outline: 'none', display: 'none' }, className: 'welcome-modal', id: 'welcome-modal' },
     React__default.createElement(
       'div',
-      { className: 'right-top', style: { position: 'absolute', top: 0, right: 0, textAlign: 'center', margin: '2rem' } },
+      { className: 'welcome-ad-head-wrapper' },
       React__default.createElement(
-        'span',
-        {
-          className: 'continue-site',
-          style: {
-            fontSize: '1.2rem',
-            fontWeight: 'bold',
-            fontFamily: "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'"
-          },
-          onClick: function onClick() {
-            setFlag(true);
-          } },
-        'CONTINUE TO SITE >'
+        'div',
+        { className: 'left-top' },
+        React__default.createElement('img', { style: { width: '100%' }, src: Website.logo, alt: Website.title })
       ),
       React__default.createElement(
-        'p',
-        {
-          style: {
-            fontSize: '0.8rem',
-            fontFamily: "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'"
-          },
-          className: 'timer-block' },
-        'OR WAIT ' + timeLeft + ' SECS'
+        'div',
+        { className: 'right-top' },
+        React__default.createElement(
+          'span',
+          {
+            className: 'continue-site',
+            style: {
+              fontSize: '1.2rem',
+              fontWeight: 'bold',
+              fontFamily: "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'"
+            },
+            onClick: function onClick() {
+              document.body.style.overflow = 'auto';
+              setFlag(true);
+            } },
+          'CONTINUE TO SITE >'
+        ),
+        React__default.createElement(
+          'p',
+          {
+            style: {
+              fontSize: '0.8rem',
+              fontFamily: "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'"
+            },
+            className: 'timer-block' },
+          'OR WAIT ' + timeLeft + ' SECS'
+        )
       )
     ),
     React__default.createElement(
       'div',
-      { className: 'left-top', style: { position: 'absolute', top: 0, left: 0, maxWidth: '200px', margin: '2rem' } },
-      React__default.createElement('img', { style: { width: '100%' }, src: Website.logo, alt: Website.title })
-    ),
-    React__default.createElement(
-      'div',
-      { className: title, style: { position: 'relative', width: '300px', height: '250px', margin: 'auto', top: '10rem' } },
+      { className: title },
       React__default.createElement(AdSlot.DFPAdSlot, {
         className: className,
         slotId: slotId,
@@ -3047,7 +3056,7 @@ var ADWelcome = function ADWelcome(_ref) {
     React__default.createElement(
       'style',
       { jsx: 'true' },
-      '\n        .continue-site:hover {\n          cursor: pointer;\n        }\n\n        .welcome-modal {\n          max-width: 100% !important;\n          margin: 0px !important;\n        }\n      '
+      '\n        .continue-site:hover {\n          cursor: pointer;\n        }\n\n        .welcome-modal {\n          max-width: 100% !important;\n          margin: 0px !important;\n          height: 100vh;\n        }\n        .welcome-ad-head-wrapper {\n          display: flex;\n          justify-content: space-between;\n        }\n        .right-top {\n          max-width: 250px;\n          padding: 10px;\n        }\n        .left-top {\n          max-width: 250px;\n          padding: 10px;\n        }\n        .' + title + ' {\n          width: auto !important;\n          padding-top: 25px;\n          justify-content: center;\n          align-items: center;\n          display: flex;\n        }\n      '
     )
   );
 };

package/dist/esm/index.js CHANGED Viewed

@@ -2794,7 +2794,9 @@ var AdSlotsProvider = function AdSlotsProvider(_ref) {
 var ADFloatingFooter = function ADFloatingFooter(_ref) {
   var title = _ref.title,
       floatingAd = _ref.floatingAd,
-      minScreenWidth = _ref.minScreenWidth;
+      minScreenWidth = _ref.minScreenWidth,
+      _ref$refreshFlag = _ref.refreshFlag,
+      refreshFlag = _ref$refreshFlag === undefined ? true : _ref$refreshFlag;
   var className = floatingAd.className,
       slotId = floatingAd.slotId,
       adUnit = floatingAd.adUnit,
@@ -2857,7 +2859,7 @@ var ADFloatingFooter = function ADFloatingFooter(_ref) {
         sizes: sizes,
         adUnit: adUnit,
         targeting: adTargeting,
-        refreshFlag: false,
+        refreshFlag: refreshFlag,
         checkIsAdFound: checkIsAdFound
       }),
       React__default.createElement(
@@ -2984,10 +2986,12 @@ var ADWelcome = function ADWelcome(_ref) {
   var checkIsAdFound = function checkIsAdFound(isFound) {
     if (isFound) {
       var parent = document.getElementById('welcome-modal');
+      document.body.style.overflow = 'hidden';
       parent.style.display = 'block';
       calculateTimeLeft(counter + 1);
     } else {
       setFlag(true);
+      document.body.style.overflow = 'auto';
     }
   };
@@ -2996,40 +3000,45 @@ var ADWelcome = function ADWelcome(_ref) {
     { style: { outline: 'none', display: 'none' }, className: 'welcome-modal', id: 'welcome-modal' },
     React__default.createElement(
       'div',
-      { className: 'right-top', style: { position: 'absolute', top: 0, right: 0, textAlign: 'center', margin: '2rem' } },
+      { className: 'welcome-ad-head-wrapper' },
       React__default.createElement(
-        'span',
-        {
-          className: 'continue-site',
-          style: {
-            fontSize: '1.2rem',
-            fontWeight: 'bold',
-            fontFamily: "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'"
-          },
-          onClick: function onClick() {
-            setFlag(true);
-          } },
-        'CONTINUE TO SITE >'
+        'div',
+        { className: 'left-top' },
+        React__default.createElement('img', { style: { width: '100%' }, src: Website.logo, alt: Website.title })
       ),
       React__default.createElement(
-        'p',
-        {
-          style: {
-            fontSize: '0.8rem',
-            fontFamily: "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'"
-          },
-          className: 'timer-block' },
-        'OR WAIT ' + timeLeft + ' SECS'
+        'div',
+        { className: 'right-top' },
+        React__default.createElement(
+          'span',
+          {
+            className: 'continue-site',
+            style: {
+              fontSize: '1.2rem',
+              fontWeight: 'bold',
+              fontFamily: "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'"
+            },
+            onClick: function onClick() {
+              document.body.style.overflow = 'auto';
+              setFlag(true);
+            } },
+          'CONTINUE TO SITE >'
+        ),
+        React__default.createElement(
+          'p',
+          {
+            style: {
+              fontSize: '0.8rem',
+              fontFamily: "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'"
+            },
+            className: 'timer-block' },
+          'OR WAIT ' + timeLeft + ' SECS'
+        )
       )
     ),
     React__default.createElement(
       'div',
-      { className: 'left-top', style: { position: 'absolute', top: 0, left: 0, maxWidth: '200px', margin: '2rem' } },
-      React__default.createElement('img', { style: { width: '100%' }, src: Website.logo, alt: Website.title })
-    ),
-    React__default.createElement(
-      'div',
-      { className: title, style: { position: 'relative', width: '300px', height: '250px', margin: 'auto', top: '10rem' } },
+      { className: title },
       React__default.createElement(DFPAdSlot, {
         className: className,
         slotId: slotId,
@@ -3044,7 +3053,7 @@ var ADWelcome = function ADWelcome(_ref) {
     React__default.createElement(
       'style',
       { jsx: 'true' },
-      '\n        .continue-site:hover {\n          cursor: pointer;\n        }\n\n        .welcome-modal {\n          max-width: 100% !important;\n          margin: 0px !important;\n        }\n      '
+      '\n        .continue-site:hover {\n          cursor: pointer;\n        }\n\n        .welcome-modal {\n          max-width: 100% !important;\n          margin: 0px !important;\n          height: 100vh;\n        }\n        .welcome-ad-head-wrapper {\n          display: flex;\n          justify-content: space-between;\n        }\n        .right-top {\n          max-width: 250px;\n          padding: 10px;\n        }\n        .left-top {\n          max-width: 250px;\n          padding: 10px;\n        }\n        .' + title + ' {\n          width: auto !important;\n          padding-top: 25px;\n          justify-content: center;\n          align-items: center;\n          display: flex;\n        }\n      '
     )
   );
 };

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@mjhls/mjh-framework",
-  "version": "1.0.354",
+  "version": "1.0.356",
   "description": "Foundation Framework",
   "author": "mjh-framework",
   "license": "MIT",