j1-template 2020.0.8 → 2020.0.13

data/assets/themes/j1/extensions/clipboard/js/clipboard.min.js

@@ -0,0 +1,7 @@
+/*!
+ * clipboard.js v2.0.6
+ * https://clipboardjs.com/
+ *
+ * Licensed MIT © Zeno Rocha
+ */
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.ClipboardJS=e():t.ClipboardJS=e()}(this,function(){return o={},r.m=n=[function(t,e){t.exports=function(t){var e;if("SELECT"===t.nodeName)t.focus(),e=t.value;else if("INPUT"===t.nodeName||"TEXTAREA"===t.nodeName){var n=t.hasAttribute("readonly");n||t.setAttribute("readonly",""),t.select(),t.setSelectionRange(0,t.value.length),n||t.removeAttribute("readonly"),e=t.value}else{t.hasAttribute("contenteditable")&&t.focus();var o=window.getSelection(),r=document.createRange();r.selectNodeContents(t),o.removeAllRanges(),o.addRange(r),e=o.toString()}return e}},function(t,e){function n(){}n.prototype={on:function(t,e,n){var o=this.e||(this.e={});return(o[t]||(o[t]=[])).push({fn:e,ctx:n}),this},once:function(t,e,n){var o=this;function r(){o.off(t,r),e.apply(n,arguments)}return r._=e,this.on(t,r,n)},emit:function(t){for(var e=[].slice.call(arguments,1),n=((this.e||(this.e={}))[t]||[]).slice(),o=0,r=n.length;o<r;o++)n[o].fn.apply(n[o].ctx,e);return this},off:function(t,e){var n=this.e||(this.e={}),o=n[t],r=[];if(o&&e)for(var i=0,a=o.length;i<a;i++)o[i].fn!==e&&o[i].fn._!==e&&r.push(o[i]);return r.length?n[t]=r:delete n[t],this}},t.exports=n,t.exports.TinyEmitter=n},function(t,e,n){var d=n(3),h=n(4);t.exports=function(t,e,n){if(!t&&!e&&!n)throw new Error("Missing required arguments");if(!d.string(e))throw new TypeError("Second argument must be a String");if(!d.fn(n))throw new TypeError("Third argument must be a Function");if(d.node(t))return s=e,f=n,(u=t).addEventListener(s,f),{destroy:function(){u.removeEventListener(s,f)}};if(d.nodeList(t))return a=t,c=e,l=n,Array.prototype.forEach.call(a,function(t){t.addEventListener(c,l)}),{destroy:function(){Array.prototype.forEach.call(a,function(t){t.removeEventListener(c,l)})}};if(d.string(t))return o=t,r=e,i=n,h(document.body,o,r,i);throw new TypeError("First argument must be a String, HTMLElement, HTMLCollection, or NodeList");var o,r,i,a,c,l,u,s,f}},function(t,n){n.node=function(t){return void 0!==t&&t instanceof HTMLElement&&1===t.nodeType},n.nodeList=function(t){var e=Object.prototype.toString.call(t);return void 0!==t&&("[object NodeList]"===e||"[object HTMLCollection]"===e)&&"length"in t&&(0===t.length||n.node(t[0]))},n.string=function(t){return"string"==typeof t||t instanceof String},n.fn=function(t){return"[object Function]"===Object.prototype.toString.call(t)}},function(t,e,n){var a=n(5);function i(t,e,n,o,r){var i=function(e,n,t,o){return function(t){t.delegateTarget=a(t.target,n),t.delegateTarget&&o.call(e,t)}}.apply(this,arguments);return t.addEventListener(n,i,r),{destroy:function(){t.removeEventListener(n,i,r)}}}t.exports=function(t,e,n,o,r){return"function"==typeof t.addEventListener?i.apply(null,arguments):"function"==typeof n?i.bind(null,document).apply(null,arguments):("string"==typeof t&&(t=document.querySelectorAll(t)),Array.prototype.map.call(t,function(t){return i(t,e,n,o,r)}))}},function(t,e){if("undefined"!=typeof Element&&!Element.prototype.matches){var n=Element.prototype;n.matches=n.matchesSelector||n.mozMatchesSelector||n.msMatchesSelector||n.oMatchesSelector||n.webkitMatchesSelector}t.exports=function(t,e){for(;t&&9!==t.nodeType;){if("function"==typeof t.matches&&t.matches(e))return t;t=t.parentNode}}},function(t,e,n){"use strict";n.r(e);var o=n(0),r=n.n(o),i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t};function a(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function c(t){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,c),this.resolveOptions(t),this.initSelection()}var l=(function(t,e,n){return e&&a(t.prototype,e),n&&a(t,n),t}(c,[{key:"resolveOptions",value:function(t){var e=0<arguments.length&&void 0!==t?t:{};this.action=e.action,this.container=e.container,this.emitter=e.emitter,this.target=e.target,this.text=e.text,this.trigger=e.trigger,this.selectedText=""}},{key:"initSelection",value:function(){this.text?this.selectFake():this.target&&this.selectTarget()}},{key:"selectFake",value:function(){var t=this,e="rtl"==document.documentElement.getAttribute("dir");this.removeFake(),this.fakeHandlerCallback=function(){return t.removeFake()},this.fakeHandler=this.container.addEventListener("click",this.fakeHandlerCallback)||!0,this.fakeElem=document.createElement("textarea"),this.fakeElem.style.fontSize="12pt",this.fakeElem.style.border="0",this.fakeElem.style.padding="0",this.fakeElem.style.margin="0",this.fakeElem.style.position="absolute",this.fakeElem.style[e?"right":"left"]="-9999px";var n=window.pageYOffset||document.documentElement.scrollTop;this.fakeElem.style.top=n+"px",this.fakeElem.setAttribute("readonly",""),this.fakeElem.value=this.text,this.container.appendChild(this.fakeElem),this.selectedText=r()(this.fakeElem),this.copyText()}},{key:"removeFake",value:function(){this.fakeHandler&&(this.container.removeEventListener("click",this.fakeHandlerCallback),this.fakeHandler=null,this.fakeHandlerCallback=null),this.fakeElem&&(this.container.removeChild(this.fakeElem),this.fakeElem=null)}},{key:"selectTarget",value:function(){this.selectedText=r()(this.target),this.copyText()}},{key:"copyText",value:function(){var e=void 0;try{e=document.execCommand(this.action)}catch(t){e=!1}this.handleResult(e)}},{key:"handleResult",value:function(t){this.emitter.emit(t?"success":"error",{action:this.action,text:this.selectedText,trigger:this.trigger,clearSelection:this.clearSelection.bind(this)})}},{key:"clearSelection",value:function(){this.trigger&&this.trigger.focus(),document.activeElement.blur(),window.getSelection().removeAllRanges()}},{key:"destroy",value:function(){this.removeFake()}},{key:"action",set:function(t){var e=0<arguments.length&&void 0!==t?t:"copy";if(this._action=e,"copy"!==this._action&&"cut"!==this._action)throw new Error('Invalid "action" value, use either "copy" or "cut"')},get:function(){return this._action}},{key:"target",set:function(t){if(void 0!==t){if(!t||"object"!==(void 0===t?"undefined":i(t))||1!==t.nodeType)throw new Error('Invalid "target" value, use a valid Element');if("copy"===this.action&&t.hasAttribute("disabled"))throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');if("cut"===this.action&&(t.hasAttribute("readonly")||t.hasAttribute("disabled")))throw new Error('Invalid "target" attribute. You can\'t cut text from elements with "readonly" or "disabled" attributes');this._target=t}},get:function(){return this._target}}]),c),u=n(1),s=n.n(u),f=n(2),d=n.n(f),h="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},p=function(t,e,n){return e&&y(t.prototype,e),n&&y(t,n),t};function y(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}var m=(function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}(v,s.a),p(v,[{key:"resolveOptions",value:function(t){var e=0<arguments.length&&void 0!==t?t:{};this.action="function"==typeof e.action?e.action:this.defaultAction,this.target="function"==typeof e.target?e.target:this.defaultTarget,this.text="function"==typeof e.text?e.text:this.defaultText,this.container="object"===h(e.container)?e.container:document.body}},{key:"listenClick",value:function(t){var e=this;this.listener=d()(t,"click",function(t){return e.onClick(t)})}},{key:"onClick",value:function(t){var e=t.delegateTarget||t.currentTarget;this.clipboardAction&&(this.clipboardAction=null),this.clipboardAction=new l({action:this.action(e),target:this.target(e),text:this.text(e),container:this.container,trigger:e,emitter:this})}},{key:"defaultAction",value:function(t){return b("action",t)}},{key:"defaultTarget",value:function(t){var e=b("target",t);if(e)return document.querySelector(e)}},{key:"defaultText",value:function(t){return b("text",t)}},{key:"destroy",value:function(){this.listener.destroy(),this.clipboardAction&&(this.clipboardAction.destroy(),this.clipboardAction=null)}}],[{key:"isSupported",value:function(t){var e=0<arguments.length&&void 0!==t?t:["copy","cut"],n="string"==typeof e?[e]:e,o=!!document.queryCommandSupported;return n.forEach(function(t){o=o&&!!document.queryCommandSupported(t)}),o}}]),v);function v(t,e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,v);var n=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}(this,(v.__proto__||Object.getPrototypeOf(v)).call(this));return n.resolveOptions(e),n.listenClick(t),n}function b(t,e){var n="data-clipboard-"+t;if(e.hasAttribute(n))return e.getAttribute(n)}e.default=m}],r.c=o,r.d=function(t,e,n){r.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},r.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return r.d(e,"a",e),e},r.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},r.p="",r(r.s=6).default;function r(t){if(o[t])return o[t].exports;var e=o[t]={i:t,l:!1,exports:{}};return n[t].call(e.exports,e,e.exports,r),e.l=!0,e.exports}var n,o});

data/assets/themes/j1/extensions/iframeResizer/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2013-2019 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
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/assets/themes/j1/extensions/iframeResizer/examples/frame.absolute.html

@@ -0,0 +1,127 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <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;
+        margin-left: 8px;
+      }
+      body {
+        border: solid 1px red;
+      }
+      p {
+        padding: 5px 212px 5px 5px;
+        margin: 0 0 5px;
+      }
+      #abs {
+        position: absolute;
+        top: 0;
+        right: 0;
+        width: 200px;
+        height: 600px;
+        background-color: wheat;
+      }
+      a.top {
+        position: absolute;
+        bottom: 0;
+        right: 0;
+        margin: 5px;
+      }
+    </style>
+  </head>
+
+  <body>
+    <p>
+      <b>iFrame</b>
+
+      <a href="frame.content.html" class="back">Back to page 1</a>
+      &nbsp;
+      <a
+        href="#"
+        class=" back"
+        onclick="if ('parentIFrame' in window) window.parentIFrame.scrollTo(0,99999);return false;"
+        >Bottom</a
+      >
+      &nbsp;
+      <a
+        href="#"
+        class=" back"
+        onclick="if ('parentIFrame' in window) window.parentIFrame.scrollToOffset(0,0);return false;"
+        >Scroll to iFrame</a
+      >
+      &nbsp;
+      <a href="#test" class="back">Jump to iFrame anchor</a>
+      <a href="#anchorParentTest" class="back">Jump to parent anchor</a>
+    </p>
+    <p>
+      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.
+    </p>
+    <p>
+      Use the dropdown to change the sizing method of the page, select the
+      different sizing options to see how the effect the page. Note that they
+      can have different effects in different browsers, so you are normally best
+      off selecting <b>max</b> if you need to change away from the default
+      <b>bodyOffset</b> option.
+    </p>
+    <p data-iframe-height>
+      <b>Height Calculation Method</b>
+      <select name="heightCalculationMethod">
+        <option>bodyOffset</option>
+        <option>bodyScroll</option>
+        <option>documentElementOffset</option>
+        <option>documentElementScroll</option>
+        <option>max</option>
+        <option>min</option>
+        <option>grow</option>
+        <option>lowestElement</option>
+        <option>taggedElement</option>
+      </select>
+    </p>
+    <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
+        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
+        details).</i
+      >
+    </p>
+    <a name="test">Test in page anchor</a>
+
+    <div id="abs">
+      Absolute positioned element
+      <a
+        href="#"
+        class="top"
+        onclick="if ('parentIFrame' in window) window.parentIFrame.scrollTo(0,0);return false;"
+        >Top</a
+      >
+    </div>
+
+    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
+
+    <script
+      type="text/javascript"
+      src="../js/client/iframeResizer.contentWindow.min.js"
+    ></script>
+    <script>
+      $('select').on('change', function() {
+        if ('parentIFrame' in window) {
+          parentIFrame.setHeightCalculationMethod($(this).val())
+          parentIFrame.size()
+        }
+      })
+    </script>
+  </body>
+</html>

data/assets/themes/j1/extensions/iframeResizer/examples/frame.content.html

@@ -0,0 +1,157 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <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,
+      *:after {
+        box-model: border-box;
+      }
+      a {
+        float: right;
+        margin-left: 10px;
+      }
+    </style>
+  </head>
+
+  <body>
+    <b>iFrame</b>
+    <a href="#" onclick="$('p:eq(0)').toggle();return false;">Toggle content</a>
+    &nbsp;
+    <a
+      href="#"
+      onclick="if ('parentIFrame' in window) window.parentIFrame.size(450);return false;"
+      >Size(450)</a
+    >
+    &nbsp;
+    <a
+      href="#"
+      onclick="if ('parentIFrame' in window) window.parentIFrame.autoResize(true);return false;"
+      >autoResize(true)</a
+    >
+
+    <a
+      href="#"
+      onclick="if ('parentIFrame' in window) window.parentIFrame.autoResize(false);return false;"
+      >autoResize(false)</a
+    >
+
+    <a id="nested" href="frame.nested.html">Nested</a>
+    &nbsp;
+    <a href="frame.hover.html">:Hover</a>
+    &nbsp;
+    <a href="frame.textarea.html">TextArea</a>
+    &nbsp;
+    <a href="frame.absolute.html">Absolute Position</a>
+    &nbsp;
+    <a
+      href="#"
+      onclick="if ('parentIFrame' in window) window.parentIFrame.sendMessage('Hello from the iFrame');return false;"
+      >Send Message</a
+    >
+    &nbsp;
+    <a
+      href="#"
+      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
+      of the system, and expound the actual teachings of the great explorer of
+      the truth, the master-builder of human happiness. No one rejects,
+      dislikes, or avoids pleasure itself, because it is pleasure, but because
+      those who do not know how to pursue pleasure rationally encounter
+      consequences that are extremely painful. Nor again is there anyone who
+      loves or pursues or desires to obtain pain of itself, because it is pain,
+      but because occasionally circumstances occur in which toil and pain can
+      procure him some great pleasure. To take a trivial example, which of us
+      ever undertakes laborious physical exercise, except to obtain some
+      advantage from it? But who has any right to find fault with a man who
+      chooses to enjoy a pleasure that has no annoying consequences, or one who
+      avoids a pain that produces no resultant pleasure?
+    </p>
+    <p>
+      On the other hand, we denounce with righteous indignation and dislike men
+      who are so beguiled and demoralized by the charms of pleasure of the
+      moment, so blinded by desire, that they cannot foresee the pain and
+      trouble that are bound to ensue; and equal blame belongs to those who fail
+      in their duty through weakness of will, which is the same as saying
+      through shrinking from toil and pain. These cases are perfectly simple and
+      easy to distinguish. In a free hour, when our power of choice is
+      untrammelled and when nothing prevents our being able to do what we like
+      best, every pleasure is to be welcomed and every pain avoided. But in
+      certain circumstances and owing to the claims of duty or the obligations
+      of business it will frequently occur that pleasures have to be repudiated
+      and annoyances accepted. The wise man therefore always holds in these
+      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>
+      On the other hand, we denounce with righteous indignation and dislike men
+      who are so beguiled and demoralized by the charms of pleasure of the
+      moment, so blinded by desire, that they cannot foresee the pain and
+      trouble that are bound to ensue; and equal blame belongs to those who fail
+      in their duty through weakness of will, which is the same as saying
+      through shrinking from toil and pain. These cases are perfectly simple and
+      easy to distinguish. In a free hour, when our power of choice is
+      untrammelled and when nothing prevents our being able to do what we like
+      best, every pleasure is to be welcomed and every pain avoided. But in
+      certain circumstances and owing to the claims of duty or the obligations
+      of business it will frequently occur that pleasures have to be repudiated
+      and annoyances accepted. The wise man therefore always holds in these
+      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>
+      On the other hand, we denounce with righteous indignation and dislike men
+      who are so beguiled and demoralized by the charms of pleasure of the
+      moment, so blinded by desire, that they cannot foresee the pain and
+      trouble that are bound to ensue; and equal blame belongs to those who fail
+      in their duty through weakness of will, which is the same as saying
+      through shrinking from toil and pain. These cases are perfectly simple and
+      easy to distinguish. In a free hour, when our power of choice is
+      untrammelled and when nothing prevents our being able to do what we like
+      best, every pleasure is to be welcomed and every pain avoided. But in
+      certain circumstances and owing to the claims of duty or the obligations
+      of business it will frequently occur that pleasures have to be repudiated
+      and annoyances accepted. The wise man therefore always holds in these
+      matters to this principle of selection: he rejects pleasures to secure
+      other greater pleasures, or else he endures pains to avoid worse pains.
+    </p>
+
+    <script>
+      var level = document.location.search.replace(/\?/, '') || 0
+      $('#nested').attr('href', 'frame.nested.html?' + ++level)
+    </script>
+
+    <script>
+      var iFrameResizer = {
+        onMessage: function(message) {
+          alert(message, parentIFrame.getId())
+        }
+      }
+    </script>
+
+    <script
+      type="text/javascript"
+      src="../js/client/iframeResizer.contentWindow.min.js"
+      defer
+    ></script>
+  </body>
+</html>

data/assets/themes/j1/extensions/iframeResizer/examples/frame.hover.html

@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <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;
+        margin-left: 10px;
+      }
+    </style>
+  </head>
+
+  <body>
+    <b>iFrame :Hover Example</b>
+    <a href="frame.content.html">Back to page 1</a>
+
+    <p>
+      Mouse over the code example below.
+    </p>
+
+    <xmp>
+		<!--  #code  -->
+	</xmp>
+
+    <script>
+      var iFrameResizer = {
+        heightCalculationMethod: 'lowestElement'
+      }
+    </script>
+
+    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
+    <script
+      type="text/javascript"
+      src="../js/client/iframeResizer.contentWindow.min.js"
+    ></script>
+
+    <div id="code">
+      <style>
+        xmp {
+          background-color: #eee;
+          padding: 20px;
+          display: block;
+        }
+
+        xmp:hover {
+          border: #c33 solid 40px;
+        }
+      </style>
+      <script>
+        ;(function() {
+          $('xmp').hover(function() {
+            if ('parentIFrame' in window) {
+              // Fix race condition in FireFox with setTimeout
+              setTimeout(parentIFrame.size.bind(parentIFrame), 0)
+            }
+          })
+        })()
+      </script>
+    </div>
+
+    <script>
+      $('xmp').text('<xmp>' + $('#code').html() + '<xmp>')
+    </script>
+  </body>
+</html>

data/assets/themes/j1/extensions/iframeResizer/examples/frame.nested.html

@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <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,
+      *:after {
+        box-model: border-box;
+      }
+      a {
+        float: right;
+        margin-left: 10px;
+      }
+
+      h2 {
+        margin-top: 0;
+      }
+      body {
+        margin: 8px !important;
+      }
+    </style>
+  </head>
+
+  <body>
+    <a href="frame.content.html">Back to page 1</a>
+    <h2>Nested iFrame</h2>
+    <p>
+      Resize window or click one of the links in the nested iFrame to watch it
+      resize.
+    </p>
+    <div style="margin:20px;">
+      <iframe
+        id="nestedIFrame"
+        src="frame.content.html"
+        width="100%"
+        scrolling="no"
+      ></iframe>
+    </div>
+    <p id="callback"></p>
+
+    <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">
+      var level = document.location.search.replace(/\?/, '') || 0
+
+      $('iframe')
+        .attr('id', 'nestedIFrame' + level)
+        .attr('src', 'frame.content.html?' + level)
+
+      /*
+       * If you do not understand what the code below does, then please just use the
+       * following call in your own code.
+       *
+       *   iFrameResize({log:true});
+       *
+       * Once you have it working, set the log option to false.
+       */
+
+      iFrameResize({
+        log: true, // Enable console logging
+        inPageLinks: true,
+        onResized: function(messageData) {
+          // Callback fn when message is received
+          $('p#callback').html(
+            '<b>Frame ID:</b> ' +
+              messageData.iframe.id +
+              ' <b>Height:</b> ' +
+              messageData.height +
+              ' <b>Width:</b> ' +
+              messageData.width +
+              ' <b>Event type:</b> ' +
+              messageData.type
+          )
+        },
+        onMessage: function(messageData) {
+          // Callback fn when message is received
+          parentIFrame.sendMessage(
+            messageData.message + ' (via ' + $('iframe').attr('id') + ')'
+          )
+        },
+        onClosed: function(id) {
+          /// Callback fn when iFrame is closed
+          $('p#callback').html(
+            '<b>IFrame (</b>' + id + '<b>) removed from page.</b>'
+          )
+        }
+      })
+    </script>
+    <script
+      type="text/javascript"
+      src="../js/client/iframeResizer.contentWindow.min.js"
+    ></script>
+  </body>
+</html>