j1-template 2024.0.0 → 2024.0.1

data/assets/themes/j1/modules/iframeResizer/LICENSE

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2013-2019 David J. Bradshaw
+Copyright (c) 2013-2023 David J. Bradshaw
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

data/assets/themes/j1/modules/iframeResizer/README.md

@@ -0,0 +1,105 @@
+<img src="https://raw.githubusercontent.com/davidjbradshaw/iframe-resizer/master/img/logo-no-background.svg" alt="iFrame Resizer" style="margin-bottom: -20">
+
+[![NPM version](https://badge.fury.io/js/iframe-resizer.svg)](http://badge.fury.io/js/iframe-resizer)
+[![NPM Downloads](https://img.shields.io/npm/dm/iframe-resizer.svg)](https://npm-stat.com/charts.html?package=iframe-resizer&from=2014-12-31)
+[![](https://data.jsdelivr.com/v1/package/npm/iframe-resizer/badge?style=rounded)](https://www.jsdelivr.com/package/npm/iframe-resizer)
+[![Coverage Status](https://coveralls.io/repos/davidjbradshaw/iframe-resizer/badge.svg?branch=master&service=github)](https://coveralls.io/github/davidjbradshaw/iframe-resizer)
+
+This library enables the automatic resizing of the height and width of both same and cross domain iFrames to fit their contained content. It provides a range of features to address the most common issues with using iFrames, these include:
+
+- Height and width resizing of the iFrame to content size.
+- Works with multiple and nested iFrames.
+- Domain authentication for cross domain iFrames.
+- Provides a range of page size calculation methods to support complex CSS layouts.
+- Detects changes to the DOM that can cause the page to resize using [MutationObserver](https://developer.mozilla.org/en/docs/Web/API/MutationObserver).
+- Detects events that can cause the page to resize (Window Resize, CSS Animation and Transition, Orientation Change and Mouse events).
+- Simplified messaging between iFrame and host page via [postMessage](https://developer.mozilla.org/en-US/docs/Web/API/window.postMessage).
+- Fixes in page links in iFrame and supports links between the iFrame and parent page.
+- Provides custom sizing and scrolling methods.
+- Exposes parent position and viewport size to the iFrame.
+- Provides `onMouseEnter` and `onMouseLeave` events for the iFrame.
+- Works with [ViewerJS](http://viewerjs.org/) to support PDF and ODF documents.
+
+## Donate
+
+Iframe-resizer is the result of many 100s of hours of work, if you would like to join others in showing support for the continued development of this project, then please feel free to buy me a coffee.
+
+<a href="https://www.buymeacoffee.com/davidjbradshaw " target="_blank"><img src="https://www.buymeacoffee.com/assets/img/custom_images/yellow_img.png" alt="Buy Me A Coffee" style="height: auto !important;width: auto !important;" ></a>
+
+## Getting Started
+
+### Install
+
+This package can be installed via NPM (`npm install iframe-resizer --save`).
+
+### Usage
+
+The package contains two minified JavaScript files in the [js](https://github.com/davidjbradshaw/iframe-resizer/tree/master/js) folder. The first ([iframeResizer.min.js](https://raw.githubusercontent.com/davidjbradshaw/iframe-resizer/master/js/iframeResizer.min.js)) is for the page hosting the iFrames. It can be called with via JavaScript:
+
+```js
+const iframes = iFrameResize( [{options}], [css selector] || [iframe] );
+```
+
+The second file ([iframeResizer.contentWindow.min.js](https://raw.github.com/davidjbradshaw/iframe-resizer/master/js/iframeResizer.contentWindow.min.js)) needs placing in the page(s) contained within your iFrame. <i>This file is designed to be a guest on someone else's system, so has no dependencies and won't do anything until it's activated by a message from the containing page</i>.
+
+### Typical setup
+
+The normal configuration is to have the iFrame resize when the browser window changes size or the content of the iFrame changes. To set this up you need to configure one of the dimensions of the iFrame to a percentage and tell the library to only update the other dimension. Normally you would set the width to 100% and have the height scale to fit the content.
+
+```html
+<style>
+  iframe {
+    width: 1px;
+    min-width: 100%;
+  }
+</style>
+<script src="/js/iframeResizer.min.js"></script>
+<iframe id="myIframe" src="http://anotherdomain.com/iframe.html"></iframe>
+<script>
+  iFrameResize({ log: true }, '#myIframe')
+</script>
+```
+
+**Note:** Using _min-width_ to set the width of the iFrame, works around an issue in iOS that can prevent the iFrame from sizing correctly.
+
+If you have problems, check the [troubleshooting](https://github.com/davidjbradshaw/iframe-resizer/blob/master/docs/troubleshooting.md) section.
+
+### Example
+
+To see this working take a look at this [example](https://davidjbradshaw.github.io/iframe-resizer/example/) and watch the [console](https://developer.mozilla.org/en-US/docs/Tools/Web_Console).
+
+## API Documentation
+
+IFrame-Resizer provides an extensive range of options and APIs for both the parent page and the iframed page.
+
+- **Parent Page API**
+  - [Options](https://github.com/davidjbradshaw/iframe-resizer/blob/master/docs/parent_page/options.md)
+  - [Events](https://github.com/davidjbradshaw/iframe-resizer/blob/master/docs/parent_page/events.md)
+  - [Methods](https://github.com/davidjbradshaw/iframe-resizer/blob/master/docs/parent_page/methods.md)
+- **IFramed Page API**
+  - [Options](https://github.com/davidjbradshaw/iframe-resizer/blob/master/docs/iframed_page/options.md)
+  - [Events](https://github.com/davidjbradshaw/iframe-resizer/blob/master/docs/iframed_page/events.md)
+  - [Methods](https://github.com/davidjbradshaw/iframe-resizer/blob/master/docs/iframed_page/methods.md)
+- **Use with Libraries and Frameworks**
+  - [React](https://github.com/davidjbradshaw/iframe-resizer-react)
+  - [Vue](https://github.com/davidjbradshaw/iframe-resizer/blob/master/docs/use_with/vue.md)
+  - [Nuxt](https://github.com/davidjbradshaw/iframe-resizer/issues/831#issuecomment-665760332)
+  - [Angular](https://github.com/davidjbradshaw/iframe-resizer/issues/478#issuecomment-347958630)
+  - [Ember](https://github.com/alexlafroscia/ember-iframe-resizer-modifier)
+  - [jQuery](https://github.com/davidjbradshaw/iframe-resizer/blob/master/docs/use_with/jquery.md)
+  - [Google Apps Script](https://stackoverflow.com/a/65724113/2087070)
+- [Troubleshooting](https://github.com/davidjbradshaw/iframe-resizer/blob/master/docs/troubleshooting.md)
+- [Upgrade from version 3](https://github.com/davidjbradshaw/iframe-resizer/blob/master/docs/upgrade.md)
+- [Version history](https://github.com/davidjbradshaw/iframe-resizer/blob/master/CHANGELOG.md)
+
+## License
+
+Copyright &copy; 2013-23 [David J. Bradshaw](https://github.com/davidjbradshaw) -
+Licensed under the [MIT License](LICENSE)
+
+<!--
+[![NPM](https://nodei.co/npm/iframe-resizer.png?downloads=true&downloadRank=true&stars=true)](https://nodei.co/npm/iframe-resizer/)
+
+[![Build Status](https://travis-ci.org/davidjbradshaw/iframe-resizer.svg?branch=master)](https://travis-ci.org/davidjbradshaw/iframe-resizer)
+[![Known Vulnerabilities](https://snyk.io/test/github/davidjbradshaw/iframe-resizer/badge.svg)](https://snyk.io/test/github/davidjbradshaw/iframe-resizer)
+-->

data/assets/themes/j1/modules/iframeResizer/{examples → example}/frame.absolute.html

@@ -1,13 +1,11 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <meta charset="utf-8">
-    <title>iFrame message passing test 1</title>
-    <meta name="description" content="iFrame message passing test 1">
-    <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>
       a.back {
         float: right;
@@ -66,7 +64,7 @@
       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
@@ -92,7 +90,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
@@ -111,9 +109,12 @@
       >
     </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}/frame.content.html

@@ -1,12 +1,11 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <meta charset="utf-8">
-    <title>iFrame message passing test 2</title>
-    <meta name="description" content="iFrame message passing test 2">
-    <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" />
+    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
     <style>
       *,
       *:before,
@@ -26,8 +25,8 @@
     &nbsp;
     <a
       href="#"
-      onclick="if ('parentIFrame' in window) window.parentIFrame.size(450);return false;"
-      >Size(450)</a
+      onclick="if ('parentIFrame' in window) window.parentIFrame.size(250);return false;"
+      >Size(250)</a
     >
     &nbsp;
     <a
@@ -61,6 +60,16 @@
       onclick="if ('parentIFrame' in window) window.parentIFrame.close();return false;"
       >Close</a
     >
+
+    <p>
+      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+      tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+      veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+      commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
+      velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+      cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
+      est laborum.
+    </p>
     <p>
       But I must explain to you how all this mistaken idea of denouncing
       pleasure and praising pain was born and I will give you a complete account
@@ -93,25 +102,6 @@
       matters to this principle of selection: he rejects pleasures to secure
       other greater pleasures, or else he endures pains to avoid worse pains.
     </p>
-    <p>
-      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-      tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
-      veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
-      commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
-      velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
-      cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
-      est laborum.
-    </p>
-    <p>
-      Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
-      ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
-      in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
-      sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
-      mollit anim id est laborum.
-    </p>
-
-    <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>
       var level = document.location.search.replace(/\?/, '') || 0
@@ -126,6 +116,10 @@
       }
     </script>
 
-
+    <script
+      type="text/javascript"
+      src="../js/iframeResizer.contentWindow.min.js"
+      defer
+    ></script>
   </body>
 </html>

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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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.