j1-template 2021.1.21 → 2021.1.25

data/assets/themes/j1/modules/infiniteScroll/js/infiniteScroll.min.js

@@ -0,0 +1,17 @@
+/*!
+ * Infinite Scroll PACKAGED v4.0.1
+ * Automatically add next page
+ *
+ * Licensed GPLv3 for open source use
+ * or Infinite Scroll Commercial License for commercial use
+ *
+ * https://infinite-scroll.com
+ * Copyright 2018-2020 Metafizzy
+ */
+!function(t,e){"object"==typeof module&&module.exports?module.exports=e(t,require("jquery")):t.jQueryBridget=e(t,t.jQuery)}(window,(function(t,e){let i=t.console,n=void 0===i?function(){}:function(t){i.error(t)};return function(i,o,s){(s=s||e||t.jQuery)&&(o.prototype.option||(o.prototype.option=function(t){t&&(this.options=Object.assign(this.options||{},t))}),s.fn[i]=function(t,...e){return"string"==typeof t?function(t,e,o){let r,l=`$().${i}("${e}")`;return t.each((function(t,h){let a=s.data(h,i);if(!a)return void n(`${i} not initialized. Cannot call method ${l}`);let c=a[e];if(!c||"_"==e.charAt(0))return void n(`${l} is not a valid method`);let u=c.apply(a,o);r=void 0===r?u:r})),void 0!==r?r:t}(this,t,e):(r=t,this.each((function(t,e){let n=s.data(e,i);n?(n.option(r),n._init()):(n=new o(e,r),s.data(e,i,n))})),this);var r})}})),function(t,e){"object"==typeof module&&module.exports?module.exports=e():t.EvEmitter=e()}("undefined"!=typeof window?window:this,(function(){function t(){}let e=t.prototype;return e.on=function(t,e){if(!t||!e)return this;let i=this._events=this._events||{},n=i[t]=i[t]||[];return n.includes(e)||n.push(e),this},e.once=function(t,e){if(!t||!e)return this;this.on(t,e);let i=this._onceEvents=this._onceEvents||{};return(i[t]=i[t]||{})[e]=!0,this},e.off=function(t,e){let i=this._events&&this._events[t];if(!i||!i.length)return this;let n=i.indexOf(e);return-1!=n&&i.splice(n,1),this},e.emitEvent=function(t,e){let i=this._events&&this._events[t];if(!i||!i.length)return this;i=i.slice(0),e=e||[];let n=this._onceEvents&&this._onceEvents[t];for(let o of i){n&&n[o]&&(this.off(t,o),delete n[o]),o.apply(this,e)}return this},e.allOff=function(){return delete this._events,delete this._onceEvents,this},t})),function(t,e){"object"==typeof module&&module.exports?module.exports=e(t):t.fizzyUIUtils=e(t)}(this,(function(t){let e={extend:function(t,e){return Object.assign(t,e)},modulo:function(t,e){return(t%e+e)%e},makeArray:function(t){if(Array.isArray(t))return t;if(null==t)return[];return"object"==typeof t&&"number"==typeof t.length?[...t]:[t]},removeFrom:function(t,e){let i=t.indexOf(e);-1!=i&&t.splice(i,1)},getParent:function(t,e){for(;t.parentNode&&t!=document.body;)if((t=t.parentNode).matches(e))return t},getQueryElement:function(t){return"string"==typeof t?document.querySelector(t):t},handleEvent:function(t){let e="on"+t.type;this[e]&&this[e](t)},filterFindElements:function(t,i){return(t=e.makeArray(t)).filter((t=>t instanceof HTMLElement)).reduce(((t,e)=>{if(!i)return t.push(e),t;e.matches(i)&&t.push(e);let n=e.querySelectorAll(i);return t=t.concat(...n)}),[])},debounceMethod:function(t,e,i){i=i||100;let n=t.prototype[e],o=e+"Timeout";t.prototype[e]=function(){clearTimeout(this[o]);let t=arguments;this[o]=setTimeout((()=>{n.apply(this,t),delete this[o]}),i)}},docReady:function(t){let e=document.readyState;"complete"==e||"interactive"==e?setTimeout(t):document.addEventListener("DOMContentLoaded",t)},toDashed:function(t){return t.replace(/(.)([A-Z])/g,(function(t,e,i){return e+"-"+i})).toLowerCase()}},i=t.console;return e.htmlInit=function(n,o){e.docReady((function(){let s="data-"+e.toDashed(o),r=document.querySelectorAll(`[${s}]`),l=t.jQuery;[...r].forEach((t=>{let e,r=t.getAttribute(s);try{e=r&&JSON.parse(r)}catch(e){return void(i&&i.error(`Error parsing ${s} on ${t.className}: ${e}`))}let h=new n(t,e);l&&l.data(t,o,h)}))}))},e})),function(t,e){"object"==typeof module&&module.exports?module.exports=e(t,require("ev-emitter"),require("fizzy-ui-utils")):t.InfiniteScroll=e(t,t.EvEmitter,t.fizzyUIUtils)}(window,(function(t,e,i){let n=t.jQuery,o={};function s(t,e){let r=i.getQueryElement(t);if(r){if((t=r).infiniteScrollGUID){let i=o[t.infiniteScrollGUID];return i.option(e),i}this.element=t,this.options={...s.defaults},this.option(e),n&&(this.$element=n(this.element)),this.create()}else console.error("Bad element for InfiniteScroll: "+(r||t))}s.defaults={},s.create={},s.destroy={};let r=s.prototype;Object.assign(r,e.prototype);let l=0;r.create=function(){let t=this.guid=++l;if(this.element.infiniteScrollGUID=t,o[t]=this,this.pageIndex=1,this.loadCount=0,this.updateGetPath(),this.getPath&&this.getPath()){this.updateGetAbsolutePath(),this.log("initialized",[this.element.className]),this.callOnInit();for(let t in s.create)s.create[t].call(this)}else console.error("Disabling InfiniteScroll")},r.option=function(t){Object.assign(this.options,t)},r.callOnInit=function(){let t=this.options.onInit;t&&t.call(this,this)},r.dispatchEvent=function(t,e,i){this.log(t,i);let o=e?[e].concat(i):i;if(this.emitEvent(t,o),!n||!this.$element)return;let s=t+=".infiniteScroll";if(e){let i=n.Event(e);i.type=t,s=i}this.$element.trigger(s,i)};let h={initialized:t=>`on ${t}`,request:t=>`URL: ${t}`,load:(t,e)=>`${t.title||""}. URL: ${e}`,error:(t,e)=>`${t}. URL: ${e}`,append:(t,e,i)=>`${i.length} items. URL: ${e}`,last:(t,e)=>`URL: ${e}`,history:(t,e)=>`URL: ${e}`,pageIndex:function(t,e){return`current page determined to be: ${t} from ${e}`}};r.log=function(t,e){if(!this.options.debug)return;let i=`[InfiniteScroll] ${t}`,n=h[t];n&&(i+=". "+n.apply(this,e)),console.log(i)},r.updateMeasurements=function(){this.windowHeight=t.innerHeight;let e=this.element.getBoundingClientRect();this.top=e.top+t.scrollY},r.updateScroller=function(){let e=this.options.elementScroll;if(e){if(this.scroller=!0===e?this.element:i.getQueryElement(e),!this.scroller)throw new Error(`Unable to find elementScroll: ${e}`)}else this.scroller=t},r.updateGetPath=function(){let t=this.options.path;if(!t)return void console.error(`InfiniteScroll path option required. Set as: ${t}`);let e=typeof t;"function"!=e?"string"==e&&t.match("{{#}}")?this.updateGetPathTemplate(t):this.updateGetPathSelector(t):this.getPath=t},r.updateGetPathTemplate=function(t){this.getPath=()=>{let e=this.pageIndex+1;return t.replace("{{#}}",e)};let e=t.replace(/(\\\?|\?)/,"\\?").replace("{{#}}","(\\d\\d?\\d?)"),i=new RegExp(e),n=location.href.match(i);n&&(this.pageIndex=parseInt(n[1],10),this.log("pageIndex",[this.pageIndex,"template string"]))};let a=[/^(.*?\/?page\/?)(\d\d?\d?)(.*?$)/,/^(.*?\/?\?page=)(\d\d?\d?)(.*?$)/,/(.*?)(\d\d?\d?)(?!.*\d)(.*?$)/],c=s.getPathParts=function(t){if(t)for(let e of a){let i=t.match(e);if(i){let[,t,e,n]=i;return{begin:t,index:e,end:n}}}};r.updateGetPathSelector=function(t){let e=document.querySelector(t);if(!e)return void console.error(`Bad InfiniteScroll path option. Next link not found: ${t}`);let i=e.getAttribute("href"),n=c(i);if(!n)return void console.error(`InfiniteScroll unable to parse next link href: ${i}`);let{begin:o,index:s,end:r}=n;this.isPathSelector=!0,this.getPath=()=>o+(this.pageIndex+1)+r,this.pageIndex=parseInt(s,10)-1,this.log("pageIndex",[this.pageIndex,"next link"])},r.updateGetAbsolutePath=function(){let t=this.getPath();if(t.match(/^http/)||t.match(/^\//))return void(this.getAbsolutePath=this.getPath);let{pathname:e}=location,i=t.match(/^\?/),n=e.substring(0,e.lastIndexOf("/")),o=i?e:n+"/";this.getAbsolutePath=()=>o+this.getPath()},s.create.hideNav=function(){let t=i.getQueryElement(this.options.hideNav);t&&(t.style.display="none",this.nav=t)},s.destroy.hideNav=function(){this.nav&&(this.nav.style.display="")},r.destroy=function(){this.allOff();for(let t in s.destroy)s.destroy[t].call(this);delete this.element.infiniteScrollGUID,delete o[this.guid],n&&this.$element&&n.removeData(this.element,"infiniteScroll")},s.throttle=function(t,e){let i,n;return e=e||200,function(){let o=+new Date,s=arguments,r=()=>{i=o,t.apply(this,s)};i&&o<i+e?(clearTimeout(n),n=setTimeout(r,e)):r()}},s.data=function(t){let e=(t=i.getQueryElement(t))&&t.infiniteScrollGUID;return e&&o[e]},s.setJQuery=function(t){n=t},i.htmlInit(s,"infinite-scroll"),r._init=function(){};let{jQueryBridget:u}=t;return n&&u&&u("infiniteScroll",s,n),s})),function(t,e){"object"==typeof module&&module.exports?module.exports=e(t,require("./core")):e(t,t.InfiniteScroll)}(window,(function(t,e){let i=e.prototype;Object.assign(e.defaults,{loadOnScroll:!0,checkLastPage:!0,responseBody:"text",domParseResponse:!0}),e.create.pageLoad=function(){this.canLoad=!0,this.on("scrollThreshold",this.onScrollThresholdLoad),this.on("load",this.checkLastPage),this.options.outlayer&&this.on("append",this.onAppendOutlayer)},i.onScrollThresholdLoad=function(){this.options.loadOnScroll&&this.loadNextPage()};let n=new DOMParser;function o(t){let e=document.createDocumentFragment();return t&&e.append(...t),e}return i.loadNextPage=function(){if(this.isLoading||!this.canLoad)return;let{responseBody:t,domParseResponse:e,fetchOptions:i}=this.options,o=this.getAbsolutePath();this.isLoading=!0,"function"==typeof i&&(i=i());let s=fetch(o,i).then((i=>{if(!i.ok){let t=new Error(i.statusText);return this.onPageError(t,o,i),{response:i}}return i[t]().then((s=>("text"==t&&e&&(s=n.parseFromString(s,"text/html")),204==i.status?(this.lastPageReached(s,o),{body:s,response:i}):this.onPageLoad(s,o,i))))})).catch((t=>{this.onPageError(t,o)}));return this.dispatchEvent("request",null,[o,s]),s},i.onPageLoad=function(t,e,i){return this.options.append||(this.isLoading=!1),this.pageIndex++,this.loadCount++,this.dispatchEvent("load",null,[t,e,i]),this.appendNextPage(t,e,i)},i.appendNextPage=function(t,e,i){let{append:n,responseBody:s,domParseResponse:r}=this.options;if(!("text"==s&&r)||!n)return{body:t,response:i};let l=t.querySelectorAll(n),h={body:t,response:i,items:l};if(!l||!l.length)return this.lastPageReached(t,e),h;let a=o(l),c=()=>(this.appendItems(l,a),this.isLoading=!1,this.dispatchEvent("append",null,[t,e,l,i]),h);return this.options.outlayer?this.appendOutlayerItems(a,c):c()},i.appendItems=function(t,e){t&&t.length&&(function(t){let e=t.querySelectorAll("script");for(let t of e){let e=document.createElement("script"),i=t.attributes;for(let t of i)e.setAttribute(t.name,t.value);e.innerHTML=t.innerHTML,t.parentNode.replaceChild(e,t)}}(e=e||o(t)),this.element.appendChild(e))},i.appendOutlayerItems=function(i,n){let o=e.imagesLoaded||t.imagesLoaded;return o?new Promise((function(t){o(i,(function(){let e=n();t(e)}))})):(console.error("[InfiniteScroll] imagesLoaded required for outlayer option"),void(this.isLoading=!1))},i.onAppendOutlayer=function(t,e,i){this.options.outlayer.appended(i)},i.checkLastPage=function(t,e){let i,{checkLastPage:n,path:o}=this.options;if(n){if("function"==typeof o){if(!this.getPath())return void this.lastPageReached(t,e)}"string"==typeof n?i=n:this.isPathSelector&&(i=o),i&&t.querySelector&&(t.querySelector(i)||this.lastPageReached(t,e))}},i.lastPageReached=function(t,e){this.canLoad=!1,this.dispatchEvent("last",null,[t,e])},i.onPageError=function(t,e,i){return this.isLoading=!1,this.canLoad=!1,this.dispatchEvent("error",null,[t,e,i]),t},e.create.prefill=function(){if(!this.options.prefill)return;let t=this.options.append;t?(this.updateMeasurements(),this.updateScroller(),this.isPrefilling=!0,this.on("append",this.prefill),this.once("error",this.stopPrefill),this.once("last",this.stopPrefill),this.prefill()):console.error(`append option required for prefill. Set as :${t}`)},i.prefill=function(){let t=this.getPrefillDistance();this.isPrefilling=t>=0,this.isPrefilling?(this.log("prefill"),this.loadNextPage()):this.stopPrefill()},i.getPrefillDistance=function(){return this.options.elementScroll?this.scroller.clientHeight-this.scroller.scrollHeight:this.windowHeight-this.element.clientHeight},i.stopPrefill=function(){this.log("stopPrefill"),this.off("append",this.prefill)},e})),function(t,e){"object"==typeof module&&module.exports?module.exports=e(t,require("./core"),require("fizzy-ui-utils")):e(t,t.InfiniteScroll,t.fizzyUIUtils)}(window,(function(t,e,i){let n=e.prototype;return Object.assign(e.defaults,{scrollThreshold:400}),e.create.scrollWatch=function(){this.pageScrollHandler=this.onPageScroll.bind(this),this.resizeHandler=this.onResize.bind(this);let t=this.options.scrollThreshold;(t||0===t)&&this.enableScrollWatch()},e.destroy.scrollWatch=function(){this.disableScrollWatch()},n.enableScrollWatch=function(){this.isScrollWatching||(this.isScrollWatching=!0,this.updateMeasurements(),this.updateScroller(),this.on("last",this.disableScrollWatch),this.bindScrollWatchEvents(!0))},n.disableScrollWatch=function(){this.isScrollWatching&&(this.bindScrollWatchEvents(!1),delete this.isScrollWatching)},n.bindScrollWatchEvents=function(e){let i=e?"addEventListener":"removeEventListener";this.scroller[i]("scroll",this.pageScrollHandler),t[i]("resize",this.resizeHandler)},n.onPageScroll=e.throttle((function(){this.getBottomDistance()<=this.options.scrollThreshold&&this.dispatchEvent("scrollThreshold")})),n.getBottomDistance=function(){let e,i;return this.options.elementScroll?(e=this.scroller.scrollHeight,i=this.scroller.scrollTop+this.scroller.clientHeight):(e=this.top+this.element.clientHeight,i=t.scrollY+this.windowHeight),e-i},n.onResize=function(){this.updateMeasurements()},i.debounceMethod(e,"onResize",150),e})),function(t,e){"object"==typeof module&&module.exports?module.exports=e(t,require("./core"),require("fizzy-ui-utils")):e(t,t.InfiniteScroll,t.fizzyUIUtils)}(window,(function(t,e,i){let n=e.prototype;Object.assign(e.defaults,{history:"replace"});let o=document.createElement("a");return e.create.history=function(){if(!this.options.history)return;o.href=this.getAbsolutePath(),(o.origin||o.protocol+"//"+o.host)==location.origin?this.options.append?this.createHistoryAppend():this.createHistoryPageLoad():console.error(`[InfiniteScroll] cannot set history with different origin: ${o.origin} on ${location.origin} . History behavior disabled.`)},n.createHistoryAppend=function(){this.updateMeasurements(),this.updateScroller(),this.scrollPages=[{top:0,path:location.href,title:document.title}],this.scrollPage=this.scrollPages[0],this.scrollHistoryHandler=this.onScrollHistory.bind(this),this.unloadHandler=this.onUnload.bind(this),this.scroller.addEventListener("scroll",this.scrollHistoryHandler),this.on("append",this.onAppendHistory),this.bindHistoryAppendEvents(!0)},n.bindHistoryAppendEvents=function(e){let i=e?"addEventListener":"removeEventListener";this.scroller[i]("scroll",this.scrollHistoryHandler),t[i]("unload",this.unloadHandler)},n.createHistoryPageLoad=function(){this.on("load",this.onPageLoadHistory)},e.destroy.history=n.destroyHistory=function(){this.options.history&&this.options.append&&this.bindHistoryAppendEvents(!1)},n.onAppendHistory=function(t,e,i){if(!i||!i.length)return;let n=i[0],s=this.getElementScrollY(n);o.href=e,this.scrollPages.push({top:s,path:o.href,title:t.title})},n.getElementScrollY=function(e){if(this.options.elementScroll)return e.offsetTop-this.top;return e.getBoundingClientRect().top+t.scrollY},n.onScrollHistory=function(){let t=this.getClosestScrollPage();t!=this.scrollPage&&(this.scrollPage=t,this.setHistory(t.title,t.path))},i.debounceMethod(e,"onScrollHistory",150),n.getClosestScrollPage=function(){let e,i;e=this.options.elementScroll?this.scroller.scrollTop+this.scroller.clientHeight/2:t.scrollY+this.windowHeight/2;for(let t of this.scrollPages){if(t.top>=e)break;i=t}return i},n.setHistory=function(t,e){let i=this.options.history;i&&history[i+"State"]&&(history[i+"State"](null,t,e),this.options.historyTitle&&(document.title=t),this.dispatchEvent("history",null,[t,e]))},n.onUnload=function(){if(0===this.scrollPage.top)return;let e=t.scrollY-this.scrollPage.top+this.top;this.destroyHistory(),scrollTo(0,e)},n.onPageLoadHistory=function(t,e){this.setHistory(t.title,e)},e})),function(t,e){"object"==typeof module&&module.exports?module.exports=e(t,require("./core"),require("fizzy-ui-utils")):e(t,t.InfiniteScroll,t.fizzyUIUtils)}(window,(function(t,e,i){class n{constructor(t,e){this.element=t,this.infScroll=e,this.clickHandler=this.onClick.bind(this),this.element.addEventListener("click",this.clickHandler),e.on("request",this.disable.bind(this)),e.on("load",this.enable.bind(this)),e.on("error",this.hide.bind(this)),e.on("last",this.hide.bind(this))}onClick(t){t.preventDefault(),this.infScroll.loadNextPage()}enable(){this.element.removeAttribute("disabled")}disable(){this.element.disabled="disabled"}hide(){this.element.style.display="none"}destroy(){this.element.removeEventListener("click",this.clickHandler)}}return e.create.button=function(){let t=i.getQueryElement(this.options.button);t&&(this.button=new n(t,this))},e.destroy.button=function(){this.button&&this.button.destroy()},e.Button=n,e})),function(t,e){"object"==typeof module&&module.exports?module.exports=e(t,require("./core"),require("fizzy-ui-utils")):e(t,t.InfiniteScroll,t.fizzyUIUtils)}(window,(function(t,e,i){let n=e.prototype;function o(t){r(t,"none")}function s(t){r(t,"block")}function r(t,e){t&&(t.style.display=e)}return e.create.status=function(){let t=i.getQueryElement(this.options.status);t&&(this.statusElement=t,this.statusEventElements={request:t.querySelector(".infinite-scroll-request"),error:t.querySelector(".infinite-scroll-error"),last:t.querySelector(".infinite-scroll-last")},this.on("request",this.showRequestStatus),this.on("error",this.showErrorStatus),this.on("last",this.showLastStatus),this.bindHideStatus("on"))},n.bindHideStatus=function(t){let e=this.options.append?"append":"load";this[t](e,this.hideAllStatus)},n.showRequestStatus=function(){this.showStatus("request")},n.showErrorStatus=function(){this.showStatus("error")},n.showLastStatus=function(){this.showStatus("last"),this.bindHideStatus("off")},n.showStatus=function(t){s(this.statusElement),this.hideStatusEventElements(),s(this.statusEventElements[t])},n.hideAllStatus=function(){o(this.statusElement),this.hideStatusEventElements()},n.hideStatusEventElements=function(){for(let t in this.statusEventElements){o(this.statusEventElements[t])}},e})),
+/*!
+ * imagesLoaded v4.1.4
+ * JavaScript is all like "You images are done yet or what?"
+ * MIT License
+ */
+function(t,e){"use strict";"function"==typeof define&&define.amd?define(["ev-emitter/ev-emitter"],(function(i){return e(t,i)})):"object"==typeof module&&module.exports?module.exports=e(t,require("ev-emitter")):t.imagesLoaded=e(t,t.EvEmitter)}("undefined"!=typeof window?window:this,(function(t,e){"use strict";var i=t.jQuery,n=t.console;function o(t,e){for(var i in e)t[i]=e[i];return t}var s=Array.prototype.slice;function r(t,e,l){if(!(this instanceof r))return new r(t,e,l);var h,a=t;("string"==typeof t&&(a=document.querySelectorAll(t)),a)?(this.elements=(h=a,Array.isArray(h)?h:"object"==typeof h&&"number"==typeof h.length?s.call(h):[h]),this.options=o({},this.options),"function"==typeof e?l=e:o(this.options,e),l&&this.on("always",l),this.getImages(),i&&(this.jqDeferred=new i.Deferred),setTimeout(this.check.bind(this))):n.error("Bad element for imagesLoaded "+(a||t))}r.prototype=Object.create(e.prototype),r.prototype.options={},r.prototype.getImages=function(){this.images=[],this.elements.forEach(this.addElementImages,this)},r.prototype.addElementImages=function(t){"IMG"==t.nodeName&&this.addImage(t),!0===this.options.background&&this.addElementBackgroundImages(t);var e=t.nodeType;if(e&&l[e]){for(var i=t.querySelectorAll("img"),n=0;n<i.length;n++){var o=i[n];this.addImage(o)}if("string"==typeof this.options.background){var s=t.querySelectorAll(this.options.background);for(n=0;n<s.length;n++){var r=s[n];this.addElementBackgroundImages(r)}}}};var l={1:!0,9:!0,11:!0};function h(t){this.img=t}function a(t,e){this.url=t,this.element=e,this.img=new Image}return r.prototype.addElementBackgroundImages=function(t){var e=getComputedStyle(t);if(e)for(var i=/url\((['"])?(.*?)\1\)/gi,n=i.exec(e.backgroundImage);null!==n;){var o=n&&n[2];o&&this.addBackground(o,t),n=i.exec(e.backgroundImage)}},r.prototype.addImage=function(t){var e=new h(t);this.images.push(e)},r.prototype.addBackground=function(t,e){var i=new a(t,e);this.images.push(i)},r.prototype.check=function(){var t=this;function e(e,i,n){setTimeout((function(){t.progress(e,i,n)}))}this.progressedCount=0,this.hasAnyBroken=!1,this.images.length?this.images.forEach((function(t){t.once("progress",e),t.check()})):this.complete()},r.prototype.progress=function(t,e,i){this.progressedCount++,this.hasAnyBroken=this.hasAnyBroken||!t.isLoaded,this.emitEvent("progress",[this,t,e]),this.jqDeferred&&this.jqDeferred.notify&&this.jqDeferred.notify(this,t),this.progressedCount==this.images.length&&this.complete(),this.options.debug&&n&&n.log("progress: "+i,t,e)},r.prototype.complete=function(){var t=this.hasAnyBroken?"fail":"done";if(this.isComplete=!0,this.emitEvent(t,[this]),this.emitEvent("always",[this]),this.jqDeferred){var e=this.hasAnyBroken?"reject":"resolve";this.jqDeferred[e](this)}},h.prototype=Object.create(e.prototype),h.prototype.check=function(){this.getIsImageComplete()?this.confirm(0!==this.img.naturalWidth,"naturalWidth"):(this.proxyImage=new Image,this.proxyImage.addEventListener("load",this),this.proxyImage.addEventListener("error",this),this.img.addEventListener("load",this),this.img.addEventListener("error",this),this.proxyImage.src=this.img.src)},h.prototype.getIsImageComplete=function(){return this.img.complete&&this.img.naturalWidth},h.prototype.confirm=function(t,e){this.isLoaded=t,this.emitEvent("progress",[this,this.img,e])},h.prototype.handleEvent=function(t){var e="on"+t.type;this[e]&&this[e](t)},h.prototype.onload=function(){this.confirm(!0,"onload"),this.unbindEvents()},h.prototype.onerror=function(){this.confirm(!1,"onerror"),this.unbindEvents()},h.prototype.unbindEvents=function(){this.proxyImage.removeEventListener("load",this),this.proxyImage.removeEventListener("error",this),this.img.removeEventListener("load",this),this.img.removeEventListener("error",this)},a.prototype=Object.create(h.prototype),a.prototype.check=function(){this.img.addEventListener("load",this),this.img.addEventListener("error",this),this.img.src=this.url,this.getIsImageComplete()&&(this.confirm(0!==this.img.naturalWidth,"naturalWidth"),this.unbindEvents())},a.prototype.unbindEvents=function(){this.img.removeEventListener("load",this),this.img.removeEventListener("error",this)},a.prototype.confirm=function(t,e){this.isLoaded=t,this.emitEvent("progress",[this,this.element,e])},r.makeJQueryPlugin=function(e){(e=e||t.jQuery)&&((i=e).fn.imagesLoaded=function(t,e){return new r(this,t,e).jqDeferred.promise(i(this))})},r.makeJQueryPlugin(),r}));

data/assets/themes/j1/modules/showOnScroll/js/showOnScroll.js

@@ -0,0 +1,61 @@
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/modules/showOnScroll/js/showOnScroll.js
+ # J1 implementation for showOnScroll
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2021 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # For details, see https://jekyll.one
+ # -----------------------------------------------------------------------------
+*/
+
+function isInViewport(elm, offset) {
+	// if the element doesn't exist, abort
+	if( elm.length == 0 ) {
+		return;
+	}
+	var $window = jQuery(window);
+	var viewport_top = $window.scrollTop();
+	var viewport_height = $window.height();
+	var viewport_bottom = viewport_top + viewport_height;
+	var $elm = jQuery(elm);
+	var top = $elm.offset().top + offset;
+	var height = $elm.height();
+	var bottom = top + height;
+
+	return (top >= viewport_top && top < viewport_bottom) ||
+	(bottom > viewport_top && bottom <= viewport_bottom) ||
+	(height > viewport_height && top <= viewport_top && bottom >= viewport_bottom);
+}
+
+$(document).ready( function() {
+
+  var showDelay =   700;
+  var yOffset 	=  500;
+	var logger  	= log4javascript.getLogger('j1.core.showOnScroll');
+
+  var eventHandler_service_panel = function (event) {
+    if (isInViewport ($('#home_service_panel'), yOffset)) {
+			logger.info('\n' + 'The specified container is in view: home_service_panel');
+      //console.log('The specified container is in view.');
+      $(".home_service_panel").show(showDelay);
+      window.removeEventListener('scroll', eventHandler_service_panel);
+    }
+  }
+	window.addEventListener('scroll', eventHandler_service_panel);
+
+	var eventHandler_intro_panel = function (event) {
+		if (isInViewport ($('#home_intro_panel'), yOffset)) {
+			logger.info('\n' + 'The specified container is in view: home_intro_panel');
+			//console.log('The specified container is in view.');
+			$(".home_intro_panel").show(showDelay);
+			window.removeEventListener('scroll', eventHandler_intro_panel);
+		}
+	}
+	window.addEventListener('scroll', eventHandler_intro_panel);
+
+});

data/assets/themes/j1/modules/showOnScroll/js/showOnScroll.min.js

@@ -0,0 +1,15 @@
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/modules/showOnScroll/js/showOnScroll.min.js
+ # J1 implementation for showOnScroll
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2021 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # For details, see https://jekyll.one
+ # -----------------------------------------------------------------------------
+*/
+function isInViewport(g,f){if(g.length==0){return}var c=jQuery(window);var j=c.scrollTop();var b=c.height();var d=j+b;var e=jQuery(g);var h=e.offset().top+f;var i=e.height();var a=h+i;return(h>=j&&h<d)||(a>j&&a<=d)||(i>b&&h<=j&&a>=d)}$(document).ready(function(){var a=700;var e=500;var b=log4javascript.getLogger("j1.core.showOnScroll");var c=function(f){if(isInViewport($("#home_service_panel"),e)){b.info("\nThe specified container is in view: home_service_panel");$(".home_service_panel").show(a);window.removeEventListener("scroll",c)}};window.addEventListener("scroll",c);var d=function(f){if(isInViewport($("#home_intro_panel"),e)){b.info("\nThe specified container is in view: home_intro_panel");$(".home_intro_panel").show(a);window.removeEventListener("scroll",d)}};window.addEventListener("scroll",d)});

data/lib/j1/version.rb

@@ -1,3 +1,3 @@
 module J1
-  VERSION = '2021.1.21'
+  VERSION = '2021.1.25'
 end

data/lib/starter_web/Gemfile

@@ -53,7 +53,7 @@ gem 'jekyll', '~> 4.2'
 
 # Theme Rubies, default: J1 Template (NOT used for the development system)
 #
-gem 'j1-template', '~> 2021.1.21'
+gem 'j1-template', '~> 2021.1.25'
 
 # ------------------------------------------------------------------------------
 # PRODUCTION: Gem needed for the Jekyll and J1 prod environment

data/lib/starter_web/_config.yml

@@ -53,13 +53,13 @@ environment:                            production
 # ------------------------------------------------------------------------------
 #   Sets the build version of J1 Template Gem
 #
-version:                                2021.1.21
+version:                                2021.1.25
 
 # version
 # ------------------------------------------------------------------------------
 #   Sets the build version of J1 Template
 #
-copyright:                              J1 · Copyright © 2021
+copyright:                              © 2021 J1 · All rights reserved
 
 # ==============================================================================
 # 2. THEME configuration

data/lib/starter_web/_data/blocks/banner.yml

@@ -134,12 +134,12 @@ settings:
               enabled:                  true
               width:                    12
               type:                     text
-              animate:                  fadeInUp
+              animate:                  false
               title:                    Jekyll One Template
               tagline:                  <b>powerful modern static websites</b>
-              description_properties:   mr-3 mb-3
+              description_properties:   mt-3 mr-3 mb-3
               description: >
-                                        <p>
+                                        <p class="dropcap">
                                           Jekyll One Template is the first toolbox to create modern webs and a
                                           learning platform to experience what is behind current Internet
                                           Technologies for the World Wide Web. J1 provides creative people
@@ -298,7 +298,7 @@ settings:
         id:                               home_parallax_banner
         enabled:                          true
         type:                             parallax
-        properties:                       mt-5 mb-5
+        properties:                       mt-6 mb-6
         comment:                          Main parallax banner shown on home page
 
         style:                            dark
@@ -313,9 +313,9 @@ settings:
               cite_text_size:             300%
               cite_text_quotes:           false
               cite_text: >
-                                          <span style="color: #2196f3">Making is</span>
+                                          <strong><span style="color: #2196f3">Making is</span>
                                           like Wanting, <br> but even
-                                          <span style="color: #2196f3">Better</span>
+                                          <span style="color: #2196f3">Better</span></strong>
               cite_size:                  200%
 #             cite:                       J1 Team
               text_color:                 rgba_lighten_900

data/lib/starter_web/_data/blocks/defaults/panel.1.yml

@@ -0,0 +1,256 @@
+# ------------------------------------------------------------------------------
+# ~/_data/components/j1_panel.yml
+# Template specific configuration data to configure panel lanes
+#
+# Product/Info:
+# https://jekyll.one
+#
+# Copyright (C) 2021 Juergen Adams
+#
+# J1 Template is licensed under the MIT License.
+# See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+#
+# ------------------------------------------------------------------------------
+
+# ------------------------------------------------------------------------------
+# DEFAULT settings
+#
+defaults:
+  # ----------------------------------------------------------------------------
+  # Global settings
+  #
+  data_path:                            /assets/data/panel/index.html
+
+  # ----------------------------------------------------------------------------
+  # INTRO panel
+  #
+  intro:
+    # --------------------------------------------------------------------------
+    # INTRO panel properties
+    #
+    enabled:                          false
+    id:                               intro_panel_id
+    type:                             intro
+    icon_family:                      MDI
+
+    style:                            flat
+    raised:
+    lane_span:                        fixed
+
+    cards:
+
+      - card:
+          enabled:                    false
+          type:                       text
+          title:                      J1 Template
+          tagline:                    tagline-text-1
+          icon:                       responsive
+          icon_size:                  8x
+          icon_color:                 md-grey-800
+          text:                       card-text-1
+
+          buttons:
+
+            - button:
+                text:                 button-text-1
+                class:                btn-primary btn-raised btn-flex
+                icon:                 image
+                icon_size:            lg
+                icon_color:           md-grey-50
+                href:                 javascript:void(0)
+
+      - card:
+          enabled:                    false
+          type:                       text
+          title:                      J1 Template
+          tagline:                    tagline-text-2
+          icon:                       responsive
+          icon_size:                  8x
+          icon_color:                 md-grey-800
+          text:                       card-text-2
+
+          buttons:
+
+            - button:
+                text:                 button-text-2
+                class:                btn-primary btn-raised btn-flex
+                icon:                 image
+                icon_size:            lg
+                icon_color:           md-grey-50
+                href:                 javascript:void(0)
+
+      - card:
+          enabled:                    false
+          type:                       text
+          title:                      J1 Template
+          tagline:                    tagline-text-3
+          icon:                       responsive
+          icon_size:                  8x
+          icon_color:                 md-grey-800
+          text:                       card-text-3
+
+          buttons:
+
+            - button:
+                text:                 button-text-3
+                class:                btn-primary btn-raised btn-flex
+                icon:                 image
+                icon_size:            lg
+                icon_color:           md-grey-50
+                href:                 javascript:void(0)
+
+
+  # ----------------------------------------------------------------------------
+  # SERVICE panel
+  #
+  service:
+    # --------------------------------------------------------------------------
+    # SERVICE panel properties
+    #
+    enabled:                          false
+    id:                               service_panel_id
+    type:                             service_panel
+    icon_family:                      MDI
+
+    style:                            flat
+    lane_span:                        fixed
+
+    cards:
+
+      - card:
+          enabled:                    false
+          type:                       header
+          title:                      title
+          tagline:                    service-panel header text
+
+      - card:
+          enabled:                    false
+          type:                       service
+          icon:                       image
+          icon_size:                  8x
+          icon_color:                 md-grey-800
+          href:                       javascript:void(0)
+          title:                      service-panel title-1
+          tagline:                    service-panel tagline-1
+          text:                       card text 1
+
+          services:
+            - service:
+                title:                service 1-1
+                href:                 javascript:void(0)
+            - service:
+                title:                service 1-2
+                href:                 javascript:void(0)
+            - service:
+                title:                service 1-3
+                href:                 javascript:void(0)
+
+      - card:
+          enabled:                    false
+          type:                       service
+          icon:                       image
+          icon_size:                  8x
+          icon_color:                 md-grey-800
+          href:                       javascript:void(0)
+          title:                      service-panel title-2
+          tagline:                    service-panel tagline-2
+          text:                       service-panel card text 2
+
+          services:
+            - service:
+                title:                service 2-1
+                href:                 javascript:void(0)
+            - service:
+                title:                service 2-2
+                href:                 javascript:void(0)
+            - service:
+                title:                service 2-3
+                href:                 javascript:void(0)
+
+      - card:
+          enabled:                    false
+          type:                       service
+          icon:                       image
+          icon_size:                  8x
+          icon_color:                 md-grey-800
+          href:                       javascript:void(0)
+          title:                      service-panel title-3
+          tagline:                    service-panel tagline-3
+          text:                       service-panel card text 3
+
+          services:
+            - service:
+                title:                service 3-1
+                href:                 javascript:void(0)
+            - service:
+                title:                service 3-2
+                href:                 javascript:void(0)
+            - service:
+                title:                service 3-3
+                href:                 javascript:void(0)
+
+  # ----------------------------------------------------------------------------
+  # NEWS panel
+  #
+  news:
+    # --------------------------------------------------------------------------
+    # NEWS panel properties
+    #
+    enabled:                          false
+    id:                               news_panel_id
+    type:                             news_panel
+    style:                            flat
+    title:                            news-panel-title
+    tagline:                          news-panel-tagline
+
+    lane_span:                        fixed
+
+    boxes:
+      - box:
+          enabled:                    false
+          type:                       last_current
+          category:                   featured
+      - box:
+          enabled:                    false
+          type:                       recent
+          category:                   featured
+          max_posts:                  3
+
+  # # ----------------------------------------------------------------------------
+  # # STEP panel
+  # #
+  # step:
+  #   # --------------------------------------------------------------------------
+  #   # STEP panel properties
+  #   #
+  #   enabled:                          false
+  #   id:                               step_panel_id
+  #   type:                             step_panel
+  #   style:                            dark
+  #   lane_span:                        fixed
+  #
+  #   cards:
+  #     - card:
+  #         title:                      step-panel-title
+  #         tagline:                    step-panel-tagline
+
+  # ----------------------------------------------------------------------------
+  # EXCEPTION panel
+  #
+  #   NOTE:
+  #   The EXCEPTION panel is used to place additional information to the
+  #   (default) exception CONTAINER if processing of a panel has failed
+  #
+  exception:
+    # --------------------------------------------------------------------------
+    # EXCEPTION panel properties
+    #
+    id:                                 exception_container
+    enabled:                            true
+    type:                               exception
+    comment:                            Default Exception Panel
+
+    lane_span:                          fixed
+
+# ------------------------------------------------------------------------------
+# END config

data/lib/starter_web/_data/blocks/defaults/panel.2.yml

@@ -0,0 +1,250 @@
+# ------------------------------------------------------------------------------
+# ~/_data/components/j1_panel.yml
+# Template specific configuration data to configure panel lanes
+#
+# Product/Info:
+# https://jekyll.one
+#
+# Copyright (C) 2021 Juergen Adams
+#
+# J1 Template is licensed under the MIT License.
+# See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+#
+# ------------------------------------------------------------------------------
+
+# ------------------------------------------------------------------------------
+# DEFAULT settings
+#
+defaults:
+  # ----------------------------------------------------------------------------
+  # Global settings
+  #
+  data_path:                            /assets/data/panel/index.html
+
+  # ----------------------------------------------------------------------------
+  # INTRO panel
+  #
+  intro:
+    # --------------------------------------------------------------------------
+    # INTRO panel properties
+    #
+    enabled:                          false
+    id:                               intro_panel_id
+    type:                             intro
+    icon_family:                      MDI
+
+    style:                            flat
+    raised:
+    lane_span:                        fixed
+
+    cards:
+
+      - card:
+          enabled:                    false
+          type:                       text
+          title:                      J1 Template
+          tagline:                    tagline-text-1
+          icon:                       responsive
+          icon_size:                  8x
+          icon_color:                 md-grey-800
+          text:                       card-text-1
+
+          buttons:
+
+            - button:
+                text:                 button-text-1
+                class:                btn-primary btn-raised btn-flex
+                icon:                 image
+                icon_size:            lg
+                icon_color:           md-grey-50
+                href:                 javascript:void(0)
+
+      - card:
+          enabled:                    false
+          type:                       text
+          title:                      J1 Template
+          tagline:                    tagline-text-2
+          icon:                       responsive
+          icon_size:                  8x
+          icon_color:                 md-grey-800
+          text:                       card-text-2
+
+          buttons:
+
+            - button:
+                text:                 button-text-2
+                class:                btn-primary btn-raised btn-flex
+                icon:                 image
+                icon_size:            lg
+                icon_color:           md-grey-50
+                href:                 javascript:void(0)
+
+      - card:
+          enabled:                    false
+          type:                       text
+          title:                      J1 Template
+          tagline:                    tagline-text-3
+          icon:                       responsive
+          icon_size:                  8x
+          icon_color:                 md-grey-800
+          text:                       card-text-3
+
+          buttons:
+
+            - button:
+                text:                 button-text-3
+                class:                btn-primary btn-raised btn-flex
+                icon:                 image
+                icon_size:            lg
+                icon_color:           md-grey-50
+                href:                 javascript:void(0)
+
+
+  # ----------------------------------------------------------------------------
+  # SERVICE panel
+  #
+  service:
+    # --------------------------------------------------------------------------
+    # SERVICE panel properties
+    #
+    enabled:                          false
+    id:                               service_panel_id
+    type:                             service_panel
+    icon_family:                      MDI
+
+    style:                            flat
+    lane_span:                        fixed
+
+    cards:
+
+      - card:
+          enabled:                    false
+          type:                       header
+          title:                      title
+          tagline:                    service-panel header text
+
+      - card:
+          enabled:                    false
+          type:                       service
+          icon:                       image
+          icon_size:                  8x
+          icon_color:                 md-grey-800
+          href:                       javascript:void(0)
+          title:                      service-panel title-1
+          tagline:                    service-panel tagline-1
+          text:                       card text 1
+
+          services:
+            - service:
+                title:                service 1-1
+                href:                 javascript:void(0)
+            - service:
+                title:                service 1-2
+                href:                 javascript:void(0)
+            - service:
+                title:                service 1-3
+                href:                 javascript:void(0)
+
+      - card:
+          enabled:                    false
+          type:                       service
+          icon:                       image
+          icon_size:                  8x
+          icon_color:                 md-grey-800
+          href:                       javascript:void(0)
+          title:                      service-panel title-2
+          tagline:                    service-panel tagline-2
+          text:                       service-panel card text 2
+
+          services:
+            - service:
+                title:                service 2-1
+                href:                 javascript:void(0)
+            - service:
+                title:                service 2-2
+                href:                 javascript:void(0)
+            - service:
+                title:                service 2-3
+                href:                 javascript:void(0)
+
+      - card:
+          enabled:                    false
+          type:                       service
+          icon:                       image
+          icon_size:                  8x
+          icon_color:                 md-grey-800
+          href:                       javascript:void(0)
+          title:                      service-panel title-3
+          tagline:                    service-panel tagline-3
+          text:                       service-panel card text 3
+
+          services:
+            - service:
+                title:                service 3-1
+                href:                 javascript:void(0)
+            - service:
+                title:                service 3-2
+                href:                 javascript:void(0)
+            - service:
+                title:                service 3-3
+                href:                 javascript:void(0)
+
+  news:
+    # --------------------------------------------------------------------------
+    # NEWS panel properties
+    #
+    - name:                          News Panel
+      panel:
+      enabled:                       false
+      type:                          news
+      animate:                       fadeInUp
+      properties:                    mt-5 mr-3 mb-5 ml-3
+
+      cards:
+        - name:                      Recent Posts
+          card:
+            enabled:                 false
+            block:                   card-deck                                  # card-deck | card-list
+            num_per_row:             2                                          # card-list only: [1 .. 4]
+            category:                featured
+            truncatewords:           30                                         # currently NOT used
+            max_posts:               4
+
+  # # ----------------------------------------------------------------------------
+  # # STEP panel
+  # #
+  # step:
+  #   # --------------------------------------------------------------------------
+  #   # STEP panel properties
+  #   #
+  #   enabled:                          false
+  #   id:                               step_panel_id
+  #   type:                             step_panel
+  #   style:                            dark
+  #   lane_span:                        fixed
+  #
+  #   cards:
+  #     - card:
+  #         title:                      step-panel-title
+  #         tagline:                    step-panel-tagline
+
+  # ----------------------------------------------------------------------------
+  # EXCEPTION panel
+  #
+  #   NOTE:
+  #   The EXCEPTION panel is used to place additional information to the
+  #   (default) exception CONTAINER if processing of a panel has failed
+  #
+  exception:
+    # --------------------------------------------------------------------------
+    # EXCEPTION panel properties
+    #
+    id:                                 exception_container
+    enabled:                            true
+    type:                               exception
+    comment:                            Default Exception Panel
+
+    lane_span:                          fixed
+
+# ------------------------------------------------------------------------------
+# END config