RubyGems - j1-template - Versions diffs - 2023.10.2 → 2024.0.1 - Mend

j1-template 2023.10.2 → 2024.0.1

Files changed (629) hide show

data/assets/themes/j1/modules/iframeResizer/{examples → example}/frame.hover.html RENAMED Viewed

@@ -1,12 +1,10 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <meta charset="utf-8">
-    <title>iFrame message passing test 3</title>
-    <meta name="description" content="iFrame message passing test 3">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="robots" content="noindex">
-    <meta name="robots" content="nofollow">
+    <meta charset="utf-8" />
+    <title>iFrame message passing test</title>
+    <meta name="description" content="iFrame message passing test" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <style>
       a {
         float: right;
@@ -33,8 +31,11 @@
       }
     </script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
-    <script src="../js/client/iframeResizer.contentWindow.js"></script>
+    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
+    <script
+      type="text/javascript"
+      src="../js/iframeResizer.contentWindow.min.js"
+    ></script>
     <div id="code">
       <style>

data/assets/themes/j1/modules/iframeResizer/{examples → example}/frame.nested.html RENAMED Viewed

@@ -1,13 +1,11 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <meta charset="utf-8">
-    <title>iFrame message passing test 4</title>
-    <meta name="description" content="iFrame message passing test 4">
-    <meta name="viewport" content="width=device-width">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="robots" content="noindex">
-    <meta name="robots" content="nofollow">
+    <meta charset="utf-8" />
+    <title>iFrame message passing test</title>
+    <meta name="description" content="iFrame message passing test" />
+    <meta name="viewport" content="width=device-width" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <style>
       *,
       *:before,
@@ -45,11 +43,10 @@
     </div>
     <p id="callback"></p>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
-    <script src="../js/resizer.js"></script>
-    <script src="../js/client/iframeResizer.contentWindow.js"></script>
+    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
-    <script>
+    <script type="text/javascript" src="../js/iframeResizer.min.js"></script>
+    <script type="text/javascript">
       var level = document.location.search.replace(/\?/, '') || 0
       $('iframe')
@@ -95,6 +92,9 @@
         }
       })
     </script>
+    <script
+      type="text/javascript"
+      src="../js/iframeResizer.contentWindow.min.js"
+    ></script>
   </body>
 </html>

data/assets/themes/j1/modules/iframeResizer/{examples → example}/frame.textarea.html RENAMED Viewed

@@ -1,12 +1,10 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <meta charset="utf-8">
-    <title>iFrame message passing test 5</title>
-    <meta name="description" content="iFrame message passing test 5">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="robots" content="noindex">
-    <meta name="robots" content="nofollow">
+    <meta charset="utf-8" />
+    <title>iFrame message passing test</title>
+    <meta name="description" content="iFrame message passing test" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <style>
       a {
         float: right;
@@ -25,8 +23,8 @@
     <textarea id="textArea">Resize me</textarea>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
-    <script src="../js/client/iframeResizer.contentWindow.min.js"></script>
+    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
+    <script src="../js/iframeResizer.contentWindow.min.js"></script>
     <script>
       function store() {

data/assets/themes/j1/modules/iframeResizer/{examples → example}/frame.tolerance.html RENAMED Viewed

@@ -1,11 +1,9 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <meta charset="utf-8">
-    <title>iFrame message passing test 6</title>
-    <meta name="description" content="iFrame message passing test 6">
-    <meta name="robots" content="noindex">
-    <meta name="robots" content="nofollow">
+    <meta charset="utf-8" />
+    <title>iFrame message passing test</title>
+    <meta name="description" content="iFrame message passing test" />
     <style>
       a.back {
         float: right;
@@ -50,12 +48,12 @@
       >
     </p>
     <p>
-      This page has an absolute position elemnt that take it out side the normal
+      This page has an absolute position element that take it out side the normal
       document body, which is marked with a red border on this page. This
       prevents the normal height calculation, which is based on the body tag
       from returning the correct height. To work around this you can set the
       <b>heightCalculationMethod</b> option to use one of the other page height
-      propeties.
+      properties.
     </p>
     <p>
       Use the dropdown to change the sizing method of the page, select the
@@ -80,7 +78,7 @@
     <p>
       <i
         >This option should be used sparingly, as the alternate methods can be
-        less acurate at working out the correct page size, can cause screen
+        less accurate at working out the correct page size, can cause screen
         flicker and can sometimes fail to reduce in size when the frame content
         changes in browsers that do not support mutationObservers (See
         <a href="http://caniuse.com/mutationobserver">caniuse.com</a> for
@@ -98,9 +96,11 @@
       >
     </div>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
-    <script src="../js/client/iframeResizer.contentWindow.js"></script>
+    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
+    <script
+      type="text/javascript"
+      src="../js/iframeResizer.contentWindow.min.js"
+    ></script>
     <script>
       $('select').on('change', function() {
         if ('parentIFrame' in window) {

data/assets/themes/j1/modules/iframeResizer/{examples → example}/index.html RENAMED Viewed

@@ -1,13 +1,11 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <meta charset="utf-8">
+    <meta charset="utf-8" />
     <title>iFrame message passing test</title>
-    <meta name="description" content="iFrame message passing test">
-    <meta name="viewport" content="width=device-width">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="robots" content="noindex">
-    <meta name="robots" content="nofollow">
+    <meta name="description" content="iFrame message passing test" />
+    <meta name="viewport" content="width=device-width" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
   </head>
   <body>
@@ -32,10 +30,9 @@
     <![endif]-->
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
-    <script src="../js/client/iframeResizer.contentWindow.js"></script>
-    <script>
+    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
+    <script type="text/javascript" src="../js/iframeResizer.min.js"></script>
+    <script type="text/javascript">
       /*
        * If you do not understand what the code below does, then please just use the
        * following call in your own code.
@@ -45,12 +42,14 @@
        * Once you have it working, set the log option to false.
        */
+      var callbackDisplay = 'p#callback'
       iFrameResize({
         log: true, // Enable console logging
         inPageLinks: true,
-        onResized: function(messageData) {
+        onResized: function (messageData) {
           // Callback fn when resize is received
-          $('p#callback').html(
+          $(callbackDisplay).html(
             '<b>Frame ID:</b> ' +
               messageData.iframe.id +
               ' <b>Height:</b> ' +
@@ -61,9 +60,35 @@
               messageData.type
           )
         },
-        onMessage: function(messageData) {
+        onMouseEnter: function (messageData) {
+          // Callback fn when mouse enters iframe
+          $(callbackDisplay).html(
+            '<b>Frame ID:</b> ' +
+              messageData.iframe.id +
+              ' <b>ScreenX:</b> ' +
+              messageData.screenX +
+              ' <b>ScreenY:</b> ' +
+              messageData.screenY +
+              ' <b>Event type:</b> ' +
+              messageData.type
+            )
+        },
+        onMouseLeave: function (messageData) {
+          // Callback fn when mouse enters iframe
+          $(callbackDisplay).html(
+            '<b>Frame ID:</b> ' +
+              messageData.iframe.id +
+              ' <b>ScreenX:</b> ' +
+              messageData.screenX +
+              ' <b>ScreenY:</b> ' +
+              messageData.screenY +
+              ' <b>Event type:</b> ' +
+              messageData.type
+          )
+        },
+        onMessage: function (messageData) {
           // Callback fn when message is received
-          $('p#callback').html(
+          $(callbackDisplay).html(
             '<b>Frame ID:</b> ' +
               messageData.iframe.id +
               ' <b>Message:</b> ' +
@@ -74,12 +99,11 @@
             .getElementsByTagName('iframe')[0]
             .iFrameResizer.sendMessage('Hello back from parent page')
         },
-        onClosed: function(id) {
+        onClosed: function (id) {
           // Callback fn when iFrame is closed
-          $('p#callback').html(
-            '<b>IFrame (</b>' + id + '<b>) removed from page.</b>'
-          )
-        }
+          $(callbackDisplay).html('<b>IFrame (</b>' + id + '<b>) removed from page.</b>')
+        },
       })
     </script>
   </body>

data/assets/themes/j1/modules/iframeResizer/{examples → example}/two.html RENAMED Viewed

@@ -1,13 +1,11 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <meta charset="utf-8">
-    <title>iFrame message passing test 7</title>
-    <meta name="description" content="iFrame message passing test 7">
-    <meta name="viewport" content="width=device-width">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="robots" content="noindex">
-    <meta name="robots" content="nofollow">
+    <meta charset="utf-8" />
+    <title>iFrame message passing test</title>
+    <meta name="description" content="iFrame message passing test" />
+    <meta name="viewport" content="width=device-width" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
   </head>
   <body>
@@ -39,10 +37,9 @@
     <![endif]-->
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
-    <script src="../js/client/iframeResizer.contentWindow.js"></script>
-    <script>
+    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
+    <script type="text/javascript" src="../src/iframeResizer.js"></script>
+    <script type="text/javascript">
       /*
        * If you do not understand what the code below does, then please just use the
        * following call in your own code.

data/assets/themes/j1/modules/iframeResizer/js/client/iframeResizer.contentWindow.js CHANGED Viewed

@@ -1,12 +1,12 @@
-/*
- * File: iframeResizer.contentWindow.js
- * Desc: Include this file in any page being loaded into an iframe
- *       to force the iframe to resize to the content size.
- * Requires: iframeResizer.js on host page.
- * Doc: https://github.com/davidjbradshaw/iframe-resizer
- * Author: David J. Bradshaw - dave@bradshaw.net
- *
- */
+ /*
+  * File: iframeResizer.contentWindow.js
+  * v4.3.7
+  * Desc: Include this file in any page being loaded into an iframe
+  *       to force the iframe to resize to the content size.
+  * Requires: iframeResizer.js on host page.
+  * Doc: https://github.com/davidjbradshaw/iframe-resizer
+  * Author: David J. Bradshaw - dave@bradshaw.net
+*/
 // eslint-disable-next-line sonarjs/cognitive-complexity, no-shadow-restricted-names
 ;(function (undefined) {
@@ -32,6 +32,7 @@
     interval = 32,
     intervalTimer = null,
     logging = false,
+    mouseEvents = false,
     msgID = '[iFrameSizer]', // Must match host page msg ID
     msgIdLen = msgID.length,
     myID = '',
@@ -78,6 +79,7 @@
       {},
       {
         passive: {
+          // eslint-disable-next-line getter-return
           get: function () {
             passiveSupported = true
           }
@@ -110,7 +112,7 @@
       timeout = null,
       previous = 0,
       later = function () {
-        previous = getNow()
+        previous = Date.now()
         timeout = null
         result = func.apply(context, args)
         if (!timeout) {
@@ -120,7 +122,7 @@
       }
     return function () {
-      var now = getNow()
+      var now = Date.now()
       if (!previous) {
         previous = now
@@ -152,13 +154,6 @@
     }
   }
-  var getNow =
-    Date.now ||
-    function () {
-      /* istanbul ignore next */ // Not testable in PhantonJS
-      return new Date().getTime()
-    }
   function formatLogMsg(msg) {
     return msgID + '[' + myID + '] ' + msg
   }
@@ -179,7 +174,7 @@
   function init() {
     readDataFromParent()
-    log('Initialising iFrame (' + location.href + ')')
+    log('Initialising iFrame (' + window.location.href + ')')
     readDataFromPage()
     setMargin()
     setBodyStyle('background', bodyBackground)
@@ -189,6 +184,7 @@
     checkWidthMode()
     stopInfiniteResizingOfIFrame()
     setupPublicMethods()
+    setupMouseEvents()
     startEventListeners()
     inPageLinks = setupInPageLinks()
     sendSize('init', 'Init message from host page')
@@ -200,22 +196,23 @@
       return 'true' === str
     }
-    var data = initMsg.substr(msgIdLen).split(':')
+    var data = initMsg.slice(msgIdLen).split(':')
     myID = data[0]
-    bodyMargin = undefined !== data[1] ? Number(data[1]) : bodyMargin // For V1 compatibility
-    calculateWidth = undefined !== data[2] ? strBool(data[2]) : calculateWidth
-    logging = undefined !== data[3] ? strBool(data[3]) : logging
-    interval = undefined !== data[4] ? Number(data[4]) : interval
-    autoResize = undefined !== data[6] ? strBool(data[6]) : autoResize
+    bodyMargin = undefined === data[1] ? bodyMargin : Number(data[1]) // For V1 compatibility
+    calculateWidth = undefined === data[2] ? calculateWidth : strBool(data[2])
+    logging = undefined === data[3] ? logging : strBool(data[3])
+    interval = undefined === data[4] ? interval : Number(data[4])
+    autoResize = undefined === data[6] ? autoResize : strBool(data[6])
     bodyMarginStr = data[7]
-    heightCalcMode = undefined !== data[8] ? data[8] : heightCalcMode
+    heightCalcMode = undefined === data[8] ? heightCalcMode : data[8]
     bodyBackground = data[9]
     bodyPadding = data[10]
-    tolerance = undefined !== data[11] ? Number(data[11]) : tolerance
-    inPageLinks.enable = undefined !== data[12] ? strBool(data[12]) : false
-    resizeFrom = undefined !== data[13] ? data[13] : resizeFrom
-    widthCalcMode = undefined !== data[14] ? data[14] : widthCalcMode
+    tolerance = undefined === data[11] ? tolerance : Number(data[11])
+    inPageLinks.enable = undefined === data[12] ? false : strBool(data[12])
+    resizeFrom = undefined === data[13] ? resizeFrom : data[13]
+    widthCalcMode = undefined === data[14] ? widthCalcMode : data[14]
+    mouseEvents = undefined === data[15] ? mouseEvents : strBool(data[15])
   }
   function depricate(key) {
@@ -381,7 +378,7 @@
     manageTriggerEvent({
       method: method,
       eventType: 'Print',
-      eventName: ['afterprint', 'beforeprint']
+      eventNames: ['afterprint', 'beforeprint']
     })
     manageTriggerEvent({
       method: method,
@@ -528,13 +525,13 @@
     function getPagePosition() {
       return {
         x:
-          window.pageXOffset !== undefined
-            ? window.pageXOffset
-            : document.documentElement.scrollLeft,
+          window.pageXOffset === undefined
+            ? document.documentElement.scrollLeft
+            : window.pageXOffset,
         y:
-          window.pageYOffset !== undefined
-            ? window.pageYOffset
-            : document.documentElement.scrollTop
+          window.pageYOffset === undefined
+            ? document.documentElement.scrollTop
+            : window.pageYOffset
       }
     }
@@ -569,21 +566,24 @@
           document.getElementById(hashData) ||
           document.getElementsByName(hashData)[0]
-      if (undefined !== target) {
-        jumpToTarget(target)
-      } else {
+      if (undefined === target) {
         log(
           'In page link (#' +
             hash +
             ') not found in iFrame, so sending to parent'
         )
         sendMsg(0, 0, 'inPageLink', '#' + hash)
+      } else {
+        jumpToTarget(target)
       }
     }
     function checkLocationHash() {
-      if ('' !== location.hash && '#' !== location.hash) {
-        findTarget(location.href)
+      var hash = window.location.hash
+      var href = window.location.href
+      if ('' !== hash && '#' !== hash) {
+        findTarget(href)
       }
     }
@@ -641,6 +641,22 @@
     }
   }
+  function setupMouseEvents() {
+    if (mouseEvents !== true) return
+    function sendMouse(e) {
+      sendMsg(0, 0, e.type, e.screenY + ':' + e.screenX)
+    }
+    function addMouseListener(evt, name) {
+      log('Add event listener: ' + name)
+      addEventListener(window.document, evt, sendMouse)
+    }
+    addMouseListener('mouseenter', 'Mouse Enter')
+    addMouseListener('mouseleave', 'Mouse Leave')
+  }
   function setupPublicMethods() {
     log('Enable public methods')
@@ -773,7 +789,7 @@
     function imageEventTriggered(event, type, typeDesc) {
       removeImageLoadListener(event.target)
-      sendSize(type, typeDesc + ': ' + event.target.src, undefined, undefined)
+      sendSize(type, typeDesc + ': ' + event.target.src)
     }
     function imageLoaded(event) {
@@ -855,7 +871,7 @@
     el = el || document.body // Not testable in phantonJS
     retVal = document.defaultView.getComputedStyle(el, null)
-    retVal = null !== retVal ? retVal[prop] : 0
+    retVal = null === retVal ? 0 : retVal[prop]
     return parseInt(retVal, base)
   }
@@ -873,7 +889,7 @@
       elVal = 0,
       maxVal = 0,
       Side = capitalizeFirstLetter(side),
-      timer = getNow()
+      timer = Date.now()
     for (var i = 0; i < elementsLength; i++) {
       elVal =
@@ -884,7 +900,7 @@
       }
     }
-    timer = getNow() - timer
+    timer = Date.now() - timer
     log('Parsed ' + elementsLength + ' HTML elements')
     log('Element position calculated in ' + timer + 'ms')
@@ -894,12 +910,12 @@
     return maxVal
   }
-  function getAllMeasurements(dimention) {
+  function getAllMeasurements(dimensions) {
     return [
-      dimention.bodyOffset(),
-      dimention.bodyScroll(),
-      dimention.documentElementOffset(),
-      dimention.documentElementScroll()
+      dimensions.bodyOffset(),
+      dimensions.bodyScroll(),
+      dimensions.documentElementOffset(),
+      dimensions.documentElementScroll()
     ]
   }
@@ -911,7 +927,7 @@
     var elements = document.querySelectorAll('[' + tag + ']')
-    if (0 === elements.length) noTaggedElementsFound()
+    if (elements.length === 0) noTaggedElementsFound()
     return getMaxElement(side, elements)
   }
@@ -930,7 +946,7 @@
       },
       offset: function () {
-        return getHeight.bodyOffset() // Backwards compatability
+        return getHeight.bodyOffset() // Backwards compatibility
       },
       bodyScroll: function getBodyScrollHeight() {
@@ -1034,9 +1050,9 @@
       }
       currentHeight =
-        undefined !== customHeight ? customHeight : getHeight[heightCalcMode]()
+        undefined === customHeight ? getHeight[heightCalcMode]() : customHeight
       currentWidth =
-        undefined !== customWidth ? customWidth : getWidth[widthCalcMode]()
+        undefined === customWidth ? getWidth[widthCalcMode]() : customWidth
       return (
         checkTolarance(height, currentHeight) ||
@@ -1090,7 +1106,9 @@
       return triggerLocked && triggerEvent in doubleEventList
     }
-    if (!isDoubleFiredEvent()) {
+    if (isDoubleFiredEvent()) {
+      log('Trigger event cancelled: ' + triggerEvent)
+    } else {
       recordTrigger()
       if (triggerEvent === 'init') {
         sizeIFrame(triggerEvent, triggerEventDesc, customHeight, customWidth)
@@ -1102,8 +1120,6 @@
           customWidth
         )
       }
-    } else {
-      log('Trigger event cancelled: ' + triggerEvent)
     }
   }
@@ -1155,7 +1171,7 @@
           size +
           ':' +
           triggerEvent +
-          (undefined !== msg ? ':' + msg : '')
+          (undefined === msg ? '' : ':' + msg)
       log('Sending message to host page (' + message + ')')
       target.postMessage(msgID + message, targetOrigin)
@@ -1181,11 +1197,11 @@
       },
       reset: function resetFromParent() {
-        if (!initLock) {
+        if (initLock) {
+          log('Page reset ignored by init')
+        } else {
           log('Page size reset by host page')
           triggerReset('resetPage')
-        } else {
-          log('Page reset ignored by init')
         }
       },
@@ -1198,7 +1214,7 @@
       },
       inPageLink: function inPageLinkF() {
         this.moveToAnchor()
-      }, // Backward compatability
+      }, // Backward compatibility
       pageInfo: function pageInfoFromParent() {
         var msgBody = getData()
@@ -1218,7 +1234,7 @@
     }
     function isMessageForUs() {
-      return msgID === ('' + event.data).substr(0, msgIdLen) // ''+ Protects against non-string messages
+      return msgID === ('' + event.data).slice(0, msgIdLen) // ''+ Protects against non-string messages
     }
     function getMessageType() {
@@ -1226,20 +1242,21 @@
     }
     function getData() {
-      return event.data.substr(event.data.indexOf(':') + 1)
+      return event.data.slice(event.data.indexOf(':') + 1)
     }
     function isMiddleTier() {
       return (
         (!(typeof module !== 'undefined' && module.exports) &&
           'iFrameResize' in window) ||
-        ('jQuery' in window && 'iFrameResize' in window.jQuery.prototype)
+        (window.jQuery !== undefined &&
+          'iFrameResize' in window.jQuery.prototype)
       )
     }
     function isInitMsg() {
       // Test if this message is from a child below us. This is an ugly test, however, updating
-      // the message format would break backwards compatibity.
+      // the message format would break backwards compatibility.
       return event.data.split(':')[2] in { true: 1, false: 1 }
     }
@@ -1284,5 +1301,4 @@
   addEventListener(window, 'readystatechange', chkLateLoaded)
   chkLateLoaded()
 })()