j1-template 2022.4.7 → 2022.4.8

data/assets/themes/j1/modules/masterslider_pro/js/transition-gallery/js/transition-dic.js

@@ -0,0 +1,214 @@
+var transitions = [
+	{
+		name  :'Basic',
+	 	trans :[
+			'fade',
+			'left(short)',
+			'left(long)',
+			'left(short,false)',
+			'left(long,false)',
+			'left(800)',
+			'left(200|800)',
+			'right(short)',
+			'right(long)',
+			'right(short,false)',
+			'right(long,false)',
+			'right(800)',
+			'right(200|800)',
+			'top(short)',
+			'top(long)',
+			'top(short,false)',
+			'top(long,false)',
+			'top(800)',
+			'top(200|800)',
+			'bottom(short)',
+			'bottom(long)',
+			'bottom(short,false)',
+			'bottom(long,false)',
+			'bottom(800)',
+			'bottom(200|800)'
+	 	]
+	},
+	{
+		name  :'Rotate',
+	 	trans :[
+			'rotate(50,c)',
+			'rotate(150,tl)',
+			'rotate(-150,b)',
+			'rotate(90,tr)',
+			'rotate(-180,br)',
+			'rotate(20,br)',
+			'rotate(20|180,l)',
+			'rotate(180|300)',
+			'rotate(-180|180,bl)',
+			'rotate(-360|360,tr)',
+			
+			'rotateleft(40,50,c)',
+			'rotateleft(150,short,tl)',
+			'rotateleft(-150,long,b)',
+			'rotateleft(90,400,tr)',
+			'rotateleft(-180,800,br)',
+			'rotateleft(20,120,br)',
+			'rotateleft(20|180,100|300,l)',
+			'rotateleft(180|300,long)',
+			'rotateleft(-180|180,30,bl)',
+			'rotateleft(-360|360,10|120,tr)',
+			
+			'rotateright(40,50,c)',            
+			'rotateright(150,short,tl)',       
+			'rotateright(-150,long,b)',        
+			'rotateright(90,400,tr)',          
+			'rotateright(-180,800,br)',        
+			'rotateright(20,120,br)',          
+			'rotateright(20|180,100|300,l)',   
+			'rotateright(180|300,long)',       
+			'rotateright(-180|180,30,bl)',     
+			'rotateright(-360|360,10|120,tr)', 
+			
+			'rotatetop(40,50,c)',            
+			'rotatetop(150,short,tl)',       
+			'rotatetop(-150,long,b)',        
+			'rotatetop(90,400,tr)',          
+			'rotatetop(-180,800,br)',        
+			'rotatetop(20,120,br)',          
+			'rotatetop(20|180,100|300,l)',   
+			'rotatetop(180|300,long)',       
+			'rotatetop(-180|180,30,bl)',     
+			'rotatetop(-360|360,10|120,tr)', 
+			
+			'rotatebottom(40,50,c)',            
+			'rotatebottom(150,short,tl)',       
+			'rotatebottom(-150,long,b)',        
+			'rotatebottom(90,400,tr)',          
+			'rotatebottom(-180,800,br)',        
+			'rotatebottom(20,120,br)',          
+			'rotatebottom(20|180,100|300,l)',   
+			'rotatebottom(180|300,long)',       
+			'rotatebottom(-180|180,30,bl)',     
+			'rotatebottom(-360|360,10|120,tr)'
+	 	]
+	},
+	{
+		name  :'Skew',
+	 	trans :[
+			'skewleft(15,long)',
+			'skewleft(-15,long)',
+			'skewleft(10,150)',
+			'skewleft(-10,150)',
+			'skewleft(23,500)',
+			'skewleft(20|30,200|400)',
+			
+			'skewright(15,long)',
+			'skewright(-15,long)',
+			'skewright(10,150)',
+			'skewright(-10,150)',
+			'skewright(23,500)',
+			'skewright(20|30,200|400)',
+			
+			'skewtop(15,long)',
+			'skewtop(-15,long)',
+			'skewtop(10,150)',
+			'skewtop(-10,150)',
+			'skewtop(23,500)',
+			'skewtop(20|30,200|400)',
+			
+			'skewbottom(15,long)',
+			'skewbottom(-15,long)',
+			'skewbottom(10,150)',
+			'skewbottom(-10,150)',
+			'skewbottom(23,500)',
+			'skewbottom(20|30,200|400)'
+			
+	 	]
+	}
+	,
+	{
+		name  :'3D Basic',
+	 	trans :[
+			'front(long)',
+			'front(800)',
+			'front(1300)',
+			'front(200|800)',
+			
+			'back(long)',
+			'back(1300)',
+			'back(800)',
+			'back(200|800)',
+			
+			'rotatefront(40,400,c)',            
+			'rotatefront(150,600,tl)',       
+			'rotatefront(-150,600,b)',        
+			'rotatefront(90,600,tr)',          
+			'rotatefront(-180,1300,br)',        
+			'rotatefront(20,620,br)',          
+			'rotatefront(20|180,500|1000,l)',   
+			'rotatefront(180|300,500)',       
+			'rotatefront(-180|180,700,bl)',     
+			'rotatefront(-360|360,400|900,tr)', 
+			
+			'rotateback(40,400,c)',            
+			'rotateback(150,600,tl)',       
+			'rotateback(-150,600,b)',        
+			'rotateback(90,600,tr)',          
+			'rotateback(-180,1300,br)',        
+			'rotateback(20,620,br)',          
+			'rotateback(20|180,500|1000,l)',   
+			'rotateback(180|300,500)',       
+			'rotateback(-180|180,700,bl)',     
+			'rotateback(-360|360,400|900,tr)'
+	 	]
+	}
+	,
+	{
+		name  :'3D Rotation',
+	 	trans :[
+	 	
+			'rotate3dleft(90,0,0,0)',
+			'rotate3dleft(0,90,0,0)',
+			'rotate3dleft(45,0,0,0)',
+			'rotate3dleft(0,45,0,0)',
+			'rotate3dleft(180,0,0,0)',
+			'rotate3dleft(0,180,0,0)',
+			'rotate3dleft(0,180,0,0,r)',
+			'rotate3dleft(0,180,0,0,l)',
+			'rotate3dleft(180,0,0,0,t)',
+			'rotate3dleft(180,0,0,0,b)',
+			
+			'rotate3dleft(80,0,0,short)',
+			'rotate3dleft(80,0,0,long)',
+			'rotate3dleft(30,0,0,10)',
+			'rotate3dleft(30,50,0,50)',
+			'rotate3dleft(180,50,0,200)',
+			'rotate3dleft(-30,50,0,50)',
+			'rotate3dleft(180,-50,0,100)',
+			'rotate3dleft(180|360,-50|50,0,100|400,br)',
+			
+			'rotate3dright(80,0,0,short)',
+			'rotate3dright(80,0,0,long)',
+			'rotate3dright(30,0,0,10)',
+			'rotate3dright(30,50,0,50)',
+			'rotate3dright(180,50,0,200)',
+			'rotate3dright(-30,50,0,50)',
+			'rotate3dright(180,-50,0,100)',
+			'rotate3dright(180|360,-50|50,0,100|400,br)',
+			
+			'rotate3dtop(80,0,0,short)',
+			'rotate3dtop(80,0,0,long)',
+			'rotate3dtop(30,0,0,10)',
+			'rotate3dtop(30,50,0,50)',
+			'rotate3dtop(180,50,0,200)',
+			'rotate3dtop(-30,50,0,50)',
+			'rotate3dtop(180,-50,0,100)',
+			'rotate3dtop(180|360,-50|50,0,100|400,br)',
+			
+			'rotate3dbottom(80,0,0,short)',
+			'rotate3dbottom(80,0,0,long)',
+			'rotate3dbottom(30,0,0,10)',
+			'rotate3dbottom(30,50,0,50)',
+			'rotate3dbottom(180,50,0,200)',
+			'rotate3dbottom(-30,50,0,50)',
+			'rotate3dbottom(180,-50,0,100)',
+			'rotate3dbottom(180|360,-50|50,0,50|100,br)',
+	 	]
+	}
+];

data/assets/themes/j1/modules/masterslider_pro/js/transition-gallery/style/style.css

@@ -0,0 +1,322 @@
+*{
+	margin: 0;
+	padding: 0;
+}
+
+html{height: 100%;}
+
+body {
+	font-family: sans-serif;
+	height:100%;
+}
+
+.header-bar {
+	height: 40px;
+	background: #3D3D3D;
+}
+
+.header-bar .title {
+    font-size: 0.9em;
+    color: white;
+    padding: 12px;
+    font-weight: 500;
+}
+
+.logo-cont {
+    background: #eaeaea;
+    padding: 10px 15px;
+}
+
+.main-cont {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	margin-top: 40px;
+	width: 100%;
+}
+		
+.sidebar {
+	height: 100%;
+	width: 220px;
+	background: #f4f4f4;
+	border-right: solid 1px #cbcbcb;
+}
+
+.content {
+    margin-left: 221px;
+    position: absolute;
+    left: 0;
+    right: 0;
+    top:0;
+    height: 100%;
+}
+
+
+.list-cont{
+	position: absolute;
+	top:0;
+	
+	width:340px;
+	overflow-y: scroll;
+	overflow-x: hidden;
+	height:100% !important;
+	border-right: solid 1px #bfbfbf;
+}
+
+
+.preview-cont {
+ 	position: absolute;
+	left: 0;
+	right: 0;
+	top: 0;
+	
+	margin-left: 341px;
+	background: #f5f5f5;
+	overflow: auto;
+	bottom: 220px;
+}
+
+
+.scene {
+    width: 730px;
+    height: 380px;
+    border: solid 1px #bfbfbf;
+    background: white;
+    position: relative;
+    margin: 0px auto;
+    box-shadow: 2px 2px 3px 0px rgb(223, 223, 223);
+}
+
+.box{
+	width:100px;
+	height:100px;
+	border-radius: 5px;
+	background:gray;
+	position: absolute;
+	top:40px;
+	left:40px;
+}
+
+.sence-control {
+    position: relative;
+    top: -25px;
+}
+.sence-control input {
+    width: 45px;
+    margin-right: 5px;
+}
+.sence-control label {
+    color: gray;
+    font-size: 12px;
+}
+
+.content{
+	font-size:12px;
+}
+
+	/* transition group style */
+	.content .transition-group {
+		width: 340px;
+		font-size: 13px;
+		float: left;
+	} 	
+	
+	.content .icon{
+		display:block;
+		height:16px;
+		width:20px;
+		cursor:pointer;
+		float: right;
+		opacity: 0.2;
+		-moz-transition: 	all 300ms;
+		-webkit-transition: all 300ms;
+		-o-transition: 		all 300ms;
+		transition: 		all 300ms;		
+	}
+	
+	.content .icon:hover{
+		opacity: 1	;
+	}
+	
+	.content .transition-group .title{
+		height: 33px;
+		background: rgb(162, 162, 162);
+		
+		-moz-transition: 	all 300ms;
+		-webkit-transition: all 300ms;
+		-o-transition: 		all 300ms;
+		transition: 		all 300ms;	
+	}
+	.content .transition-group:hover .title{
+		background: #797979;
+	}
+	
+		.content .transition-group .title p, .code-window .title p{
+			position: relative;
+			top: 4px;
+			left: 5px;
+			color: white;
+			float: left;
+			width: 169px;
+		}
+				
+
+	.content .transition-group ul{
+		background: #F4F4F4;
+		list-style: none;
+		margin-top: -8px;
+	}
+	
+		.content .transition-group ul li{
+			
+			height:59px;
+			border-bottom: solid 1px #C4C4C4;
+			position: relative;
+		}
+		
+		
+		.content .transition-group ul li:hover{
+			background: white;
+		}
+	
+		.content .transition-group ul li:last-child{
+			border-bottom: none;
+		}
+		
+			.content .transition-group ul li p{
+				position: relative;
+				top: 22px;
+				left: 15px;
+				float: left;
+				width: 169px;
+				color: #5A5A5A;
+			}
+			
+.opttions-title {
+    background: rgb(162, 162, 162);
+    color: white;
+    font-size: 13px;
+    padding: 5px;
+    margin: 20px 0;
+}
+
+.opttions-title.first{
+	margin-top:0;
+}
+
+.options-cont label {
+    color: gray;
+    font-size: 12px;
+}
+.options-cont input {
+    margin-bottom: 12px;
+    margin-right: 3px;
+}
+.options-cont {
+    padding: 0 22px;
+}
+
+#showdelay{
+	width: 99px;
+	margin-left: 21px;
+}
+
+#showduration, #hideduration {
+	width: 99px;
+	margin-left: 5px;
+}
+	
+#showease, #hideease {
+	margin-left: 19px;
+	width: 124px;
+}
+
+#hidetime {
+width: 99px;
+margin-left: 27px;
+}
+
+.nav {
+    list-style: none;
+    position: absolute;
+    top: 0;
+    right: 0;
+    font-size:12px;
+}
+.nav li {
+    float: right;
+}
+
+.nav a {
+	display: block;
+	padding: 12px 10px 13px;
+	text-decoration: none;
+	color: white;
+	border-left: solid 1px rgba(80, 80, 80, 1);
+}
+.nav a:hover {
+	background-color: rgb(90, 90, 90);
+}
+
+.output-cont {
+    position: absolute;
+	bottom: 0;
+	right: 0;
+	height: 220px;
+	left: 341px;
+	background: rgb(235, 235, 235);
+}
+	
+.output-title {
+    font-size: 13px;
+    background: rgb(162, 162, 162);
+    color: white;
+    padding: 5px 5px;
+}
+.output-cont pre {
+   background: white;
+	height: 164px;
+	margin: 10px;
+	border: solid 1px silver;
+	padding: 5px;
+}
+
+.cpyr {
+	position: absolute;
+	bottom: 5px;
+	left: 10px;
+	color: rgb(122, 122, 122);
+	font-size: 11px;
+}
+
+.showbtn,.hidebtn {
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+    position: absolute;
+    right: 16px;
+    padding: 7px 0px;
+    cursor: pointer;
+    width: 58px;
+    font-size: 12px;
+    color: gray;
+    text-align: center;
+    background: rgb(236, 236, 236);
+    -webkit-transition: all 230ms;
+    -moz-transition: all 230ms;
+    -ms-transition: all 230ms;
+    -o-transition: all 230ms;
+    transition: all 230ms;
+}
+
+.hidebtn {
+    top: 30px;
+}
+
+.hidebtn.selected , .showbtn.selected {
+   background-color: #3D3D3D;
+   color:white;
+}
+
+

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

@@ -319,7 +319,7 @@ function Translator(props) {
           logger.debug('\n' + 'show.bs.modal: entered');
 
           // hide the menubar for the modal header
-          $('#navigator_nav_navbar').hide();
+          // $('#navigator_nav_navbar').hide();
 
           // create msDropdown from JSON data
           $.when (
@@ -388,7 +388,7 @@ function Translator(props) {
         self.$modal.on('hidden.bs.modal', function () {
           $('body').removeClass('stop-scrolling');
           // if the modal is closed, show the menubar
-          $('#navigator_nav_navbar').show();
+          // $('#navigator_nav_navbar').show();
           // run the postSelectionCallback for (final) translation
           executeFunctionByName (self.props.postSelectionCallback, window);
         }); // END modal on 'hidden'

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

@@ -12,4 +12,4 @@
  #  See: https://github.com/jekyll-one/J1 Template/blob/master/LICENSE
  # -----------------------------------------------------------------------------
 */
-"use strict";function Translator(o){var e,t,a=this,n=log4javascript.getLogger("j1.core.translator"),i=!!new liteURL(window.location.href).protocol.includes("https"),s=!1,r={set:function(o,e,t,a,n,i){var s=window.btoa(e),r="; expires=Thu, 01 Jan 1970 00:00:00 UTC";if(t>0){var l=new Date;l.setTime(l.getTime()+24*t*60*60*1e3),r="; expires="+l.toUTCString()}document.cookie=i?o+"="+(s||"")+r+"; Path=/; SameSite="+a+"; Domain="+n+"; Secure="+i+";":o+"="+(s||"")+r+"; Path=/; SameSite="+a+";Domain="+n+"; "},get:function(o){for(var e=o+"=",t=document.cookie.split(";"),a=0;a<t.length;a++){for(var n=t[a];" "===n.charAt(0);)n=n.substring(1,n.length);if(0===n.indexOf(e)){var i=n.substring(e.length,n.length);return window.atob(i)}}}};for(var l in n.info("\ninitializing core module: started"),n.info("\nstate: started"),this.props={contentURL:"/assets/data/translator",cookieName:"j1.user.state",cookieConsentName:"j1.user.consent",cookieStorageDays:365,cookieSameSite:"Lax",cookieSecure:i,translationEnabled:!1,disableLanguageSelector:!1,translatorName:"google",translationLanguages:"all",translationLanguage:"auto",translateAllPages:!0,hideSuggestionBox:!0,hidePoweredBy:!0,hideTopFrame:!0,dialogLanguage:"content",dialogLanguages:["en","de"],dialogContainerID:"translator-modal",xhrDataElement:"",postSelectionCallback:""},o)this.props[l]=o[l];-1!==this.props.dialogLanguage.indexOf("-")&&(this.props.dialogLanguage=this.props.dialogLanguage.split("-")[0]),this.props.dialogLanguages.includes(this.props.dialogLanguage)||(this.props.dialogLanguage=this.props.dialogLanguages[0]),this.props.xhrDataElement=this.props.xhrDataElement+"-"+this.props.dialogLanguage,n.info("\ninitializing core module: started"),n.info("\nstate: started");r.get(a.props.cookieName)||(n.info("\ninitializing translator cookie: "+a.props.cookieName),r.set(a.props.cookieName,JSON.stringify({translatorName:"google",translationEnabled:!1,translateAllPages:!0,useLanguageFromBrowser:!0,translationLanguage:"de",analysis:!0,personalization:!0}),a.props.cookieStorageDays,a.props.cookieSameSite,a.props.cookieDomain,a.props.cookieSecure));var d={documentReady:function(o){"loading"!==document.readyState?o():document.addEventListener("DOMContentLoaded",o)}};function p(o){var e,t=function o(){var e={},t=!1,a=0,n=arguments.length;"[object Boolean]"===Object.prototype.toString.call(arguments[0])&&(t=arguments[0],a++);for(var i=function(a){for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(t&&"[object Object]"===Object.prototype.toString.call(a[n])?e[n]=o(!0,e[n],a[n]):e[n]=a[n])};a<n;a++)i(arguments[a]);return e}({size:0,width:250,multiple:!1,selectedIndex:1,enableAutoFilter:!1,visibleRows:null},o);e="#"+t.selector,$.ajax({url:t.url,dataType:"json",success:function(o){var n=[];if(a.props.translationLanguages.includes("all"))n=o[t.elm];else for(var i=0;i<o[t.elm].length;i++)a.props.translationLanguages.includes(o[t.elm][i].value)&&n.push(o[t.elm][i]);t.visibleRows>n.length&&(t.visibleRows=n.length),MsDropdown.make(e,{byJson:{data:n,name:t.name,size:t.size,width:t.width,multiple:t.multiple},enableAutoFilter:t.enableAutoFilter,visibleRows:t.visibleRows})},error:function(o,e,a){n.error("\nfailed to retrieve JSON data from: "+t.url)}})}function c(){d.documentReady(function(){if(a.modal=document.getElementById(a.props.dialogContainerID),a.modal)a.$modal.modal("show");else{n.info("\nload consent modal"),a.modal=document.createElement("div"),a.modal.id=a.props.dialogContainerID,a.modal.style.display="none",a.modal.setAttribute("class","modal fade"),a.modal.setAttribute("tabindex","-1"),a.modal.setAttribute("role","dialog"),a.modal.setAttribute("aria-labelledby",a.props.dialogContainerID),document.body.append(a.modal),a.$modal=$(a.modal),a.$modal.on("show.bs.modal",function(){n.debug("\nshow.bs.modal: entered"),$("#navigator_nav_navbar").hide(),$.when(p({url:"/assets/data/iso-639-language-codes-flags.json",elm:"iso-639-languages",selector:"dropdownJSON",width:400,visibleRows:8})).then(function(o){n.info("\ncreating msDropdown from JSON data: finished")})}),a.$modal.on("shown.bs.modal",function(){var o,i;i=setInterval(function(){void 0!==document.getElementById("dropdownJSON").msDropdown&&((o=document.getElementById("dropdownJSON").msDropdown).length?("auto"===a.props.translationLanguage?(e=navigator.language||navigator.userLanguage,t=e.split("-")[0]):t=a.props.translationLanguage,o.selectedIndex=$("#dropdownJSON option[value="+t+"]").index(),a.props.disableLanguageSelector&&(o.disabled=!0),$("#dropdownJSON").show(),$("body").addClass("stop-scrolling"),n.info("\nmsDropdown successfully loaded in translation dialog"),clearInterval(i)):(n.error("\nno msDropdown found in translation dialog"),a.$modal.hide()))},25)}),a.$modal.on("hidden.bs.modal",function(){$("body").removeClass("stop-scrolling"),$("#navigator_nav_navbar").show(),function(o,e){for(var t=Array.prototype.slice.call(arguments,2),a=o.split("."),n=a.pop(),i=0;i<a.length;i++)e=e[a[i]];e[n].apply(e,t)}(a.props.postSelectionCallback,window)});var o=a.props.contentURL+"/index.html";$.get(o).done(function(o){n.info("\nloading consent modal: successfully"),a.modal.innerHTML=o,a.modal.innerHTML=$("#"+a.props.xhrDataElement).eq(0).html(),a.modal.style.display="block",$(a.modal).modal({backdrop:"static",keyboard:!1}),a.$buttonDoNotAgree=$("#translator-buttonDoNotAgree"),a.$buttonAgree=$("#translator-buttonAgree"),a.$buttonSave=$("#translator-buttonSave"),a.$buttonAgreeAll=$("#translator-buttonAgreeAll"),n.info("\nload/initialze options from cookie"),u(),g(),$("#google-options").on("hide.bs.collapse",function(){s=!1,u()}).on("show.bs.collapse",function(){s=!0,u()}),n.info("\ninitialze button event handler"),a.$buttonDoNotAgree.click(function(){var o;(o=m()).translationEnabled=!1,r.set(a.props.cookieName,JSON.stringify(o),a.props.cookieStorageDays,a.props.cookieSameSite,a.props.cookieDomain,a.props.cookieSecure),a.$modal.modal("hide")}),a.$buttonAgree.click(function(){f()}),a.$buttonSave.click(function(){var o,e;$("#google-options").collapse("hide"),o=m(),(e=JSON.parse(r.get(a.props.cookieConsentName))).analysis=o.analysis,e.personalization=o.personalization,r.set(a.props.cookieConsentName,JSON.stringify(e),a.props.cookieStorageDays,a.props.cookieSameSite,a.props.cookieDomain,a.props.cookieSecure),r.set(a.props.cookieName,JSON.stringify(o),a.props.cookieStorageDays,a.props.cookieSameSite,a.props.cookieDomain,a.props.cookieSecure),a.$modal.modal("hide"),g()}),a.$buttonAgreeAll.click(function(){$("#google-options").collapse("hide"),f()}),a.$modal.modal("show")}).fail(function(){n.error("\nloading translator dialog (modal): failed"),n.warn("\nprobably no|wrong `contentURL` set")})}}.bind(this))}function g(){var o=a.getSettings();if(o)for(var e in o){a.$modal.find("#google-options .translator-option[data-name="+e+'] input[type="checkbox"]').prop("checked",o[e])}}function u(){s?(a.$buttonDoNotAgree.hide(),a.$buttonAgree.hide(),a.$buttonSave.show(),a.$buttonAgreeAll.show()):(a.$buttonDoNotAgree.show(),a.$buttonAgree.show(),a.$buttonSave.hide(),a.$buttonAgreeAll.hide())}function m(o){for(var e=a.$modal.find("#google-options .translator-option"),t={},n=0;n<e.length;n++){var i=e[n],s=i.getAttribute("data-name");if("necessary"===s)t[s]=!0;else if(void 0===o){var r=$(i).find('input[type="checkbox"]');t[s]=r.prop("checked")}else t[s]=!!o}return t}function f(){var o=JSON.parse(r.get(a.props.cookieConsentName)),e=JSON.parse(r.get(a.props.cookieName));e.analysis=!0,e.personalization=!0,e.translationEnabled=!0,o.analysis=e.analysis,o.personalization=e.personalization,r.set(a.props.cookieConsentName,JSON.stringify(o),a.props.cookieStorageDays,a.props.cookieSameSite,a.props.cookieDomain,a.props.cookieSecure),r.set(a.props.cookieName,JSON.stringify(e),a.props.cookieStorageDays,a.props.cookieSameSite,a.props.cookieDomain,a.props.cookieSecure),a.$modal.modal("hide")}this.showDialog=function(){c()},this.getSettings=function(o){if(r.get(a.props.cookieName)){var e=JSON.parse(r.get(a.props.cookieName));return void 0===o?e:!!e&&e[o]}},n.info("\ninitializing core module finished"),n.info("\nstate: finished")}
+"use strict";function Translator(o){var e,t,a=this,n=log4javascript.getLogger("j1.core.translator"),i=!!new liteURL(window.location.href).protocol.includes("https"),s=!1,r={set:function(o,e,t,a,n,i){var s=window.btoa(e),r="; expires=Thu, 01 Jan 1970 00:00:00 UTC";if(t>0){var l=new Date;l.setTime(l.getTime()+24*t*60*60*1e3),r="; expires="+l.toUTCString()}document.cookie=i?o+"="+(s||"")+r+"; Path=/; SameSite="+a+"; Domain="+n+"; Secure="+i+";":o+"="+(s||"")+r+"; Path=/; SameSite="+a+";Domain="+n+"; "},get:function(o){for(var e=o+"=",t=document.cookie.split(";"),a=0;a<t.length;a++){for(var n=t[a];" "===n.charAt(0);)n=n.substring(1,n.length);if(0===n.indexOf(e)){var i=n.substring(e.length,n.length);return window.atob(i)}}}};for(var l in n.info("\ninitializing core module: started"),n.info("\nstate: started"),this.props={contentURL:"/assets/data/translator",cookieName:"j1.user.state",cookieConsentName:"j1.user.consent",cookieStorageDays:365,cookieSameSite:"Lax",cookieSecure:i,translationEnabled:!1,disableLanguageSelector:!1,translatorName:"google",translationLanguages:"all",translationLanguage:"auto",translateAllPages:!0,hideSuggestionBox:!0,hidePoweredBy:!0,hideTopFrame:!0,dialogLanguage:"content",dialogLanguages:["en","de"],dialogContainerID:"translator-modal",xhrDataElement:"",postSelectionCallback:""},o)this.props[l]=o[l];-1!==this.props.dialogLanguage.indexOf("-")&&(this.props.dialogLanguage=this.props.dialogLanguage.split("-")[0]),this.props.dialogLanguages.includes(this.props.dialogLanguage)||(this.props.dialogLanguage=this.props.dialogLanguages[0]),this.props.xhrDataElement=this.props.xhrDataElement+"-"+this.props.dialogLanguage,n.info("\ninitializing core module: started"),n.info("\nstate: started");r.get(a.props.cookieName)||(n.info("\ninitializing translator cookie: "+a.props.cookieName),r.set(a.props.cookieName,JSON.stringify({translatorName:"google",translationEnabled:!1,translateAllPages:!0,useLanguageFromBrowser:!0,translationLanguage:"de",analysis:!0,personalization:!0}),a.props.cookieStorageDays,a.props.cookieSameSite,a.props.cookieDomain,a.props.cookieSecure));var d={documentReady:function(o){"loading"!==document.readyState?o():document.addEventListener("DOMContentLoaded",o)}};function p(o){var e,t=function o(){var e={},t=!1,a=0,n=arguments.length;"[object Boolean]"===Object.prototype.toString.call(arguments[0])&&(t=arguments[0],a++);for(var i=function(a){for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(t&&"[object Object]"===Object.prototype.toString.call(a[n])?e[n]=o(!0,e[n],a[n]):e[n]=a[n])};a<n;a++)i(arguments[a]);return e}({size:0,width:250,multiple:!1,selectedIndex:1,enableAutoFilter:!1,visibleRows:null},o);e="#"+t.selector,$.ajax({url:t.url,dataType:"json",success:function(o){var n=[];if(a.props.translationLanguages.includes("all"))n=o[t.elm];else for(var i=0;i<o[t.elm].length;i++)a.props.translationLanguages.includes(o[t.elm][i].value)&&n.push(o[t.elm][i]);t.visibleRows>n.length&&(t.visibleRows=n.length),MsDropdown.make(e,{byJson:{data:n,name:t.name,size:t.size,width:t.width,multiple:t.multiple},enableAutoFilter:t.enableAutoFilter,visibleRows:t.visibleRows})},error:function(o,e,a){n.error("\nfailed to retrieve JSON data from: "+t.url)}})}function c(){d.documentReady(function(){if(a.modal=document.getElementById(a.props.dialogContainerID),a.modal)a.$modal.modal("show");else{n.info("\nload consent modal"),a.modal=document.createElement("div"),a.modal.id=a.props.dialogContainerID,a.modal.style.display="none",a.modal.setAttribute("class","modal fade"),a.modal.setAttribute("tabindex","-1"),a.modal.setAttribute("role","dialog"),a.modal.setAttribute("aria-labelledby",a.props.dialogContainerID),document.body.append(a.modal),a.$modal=$(a.modal),a.$modal.on("show.bs.modal",function(){n.debug("\nshow.bs.modal: entered"),$.when(p({url:"/assets/data/iso-639-language-codes-flags.json",elm:"iso-639-languages",selector:"dropdownJSON",width:400,visibleRows:8})).then(function(o){n.info("\ncreating msDropdown from JSON data: finished")})}),a.$modal.on("shown.bs.modal",function(){var o,i;i=setInterval(function(){void 0!==document.getElementById("dropdownJSON").msDropdown&&((o=document.getElementById("dropdownJSON").msDropdown).length?("auto"===a.props.translationLanguage?(e=navigator.language||navigator.userLanguage,t=e.split("-")[0]):t=a.props.translationLanguage,o.selectedIndex=$("#dropdownJSON option[value="+t+"]").index(),a.props.disableLanguageSelector&&(o.disabled=!0),$("#dropdownJSON").show(),$("body").addClass("stop-scrolling"),n.info("\nmsDropdown successfully loaded in translation dialog"),clearInterval(i)):(n.error("\nno msDropdown found in translation dialog"),a.$modal.hide()))},25)}),a.$modal.on("hidden.bs.modal",function(){$("body").removeClass("stop-scrolling"),function(o,e){for(var t=Array.prototype.slice.call(arguments,2),a=o.split("."),n=a.pop(),i=0;i<a.length;i++)e=e[a[i]];e[n].apply(e,t)}(a.props.postSelectionCallback,window)});var o=a.props.contentURL+"/index.html";$.get(o).done(function(o){n.info("\nloading consent modal: successfully"),a.modal.innerHTML=o,a.modal.innerHTML=$("#"+a.props.xhrDataElement).eq(0).html(),a.modal.style.display="block",$(a.modal).modal({backdrop:"static",keyboard:!1}),a.$buttonDoNotAgree=$("#translator-buttonDoNotAgree"),a.$buttonAgree=$("#translator-buttonAgree"),a.$buttonSave=$("#translator-buttonSave"),a.$buttonAgreeAll=$("#translator-buttonAgreeAll"),n.info("\nload/initialze options from cookie"),u(),g(),$("#google-options").on("hide.bs.collapse",function(){s=!1,u()}).on("show.bs.collapse",function(){s=!0,u()}),n.info("\ninitialze button event handler"),a.$buttonDoNotAgree.click(function(){var o;(o=m()).translationEnabled=!1,r.set(a.props.cookieName,JSON.stringify(o),a.props.cookieStorageDays,a.props.cookieSameSite,a.props.cookieDomain,a.props.cookieSecure),a.$modal.modal("hide")}),a.$buttonAgree.click(function(){f()}),a.$buttonSave.click(function(){var o,e;$("#google-options").collapse("hide"),o=m(),(e=JSON.parse(r.get(a.props.cookieConsentName))).analysis=o.analysis,e.personalization=o.personalization,r.set(a.props.cookieConsentName,JSON.stringify(e),a.props.cookieStorageDays,a.props.cookieSameSite,a.props.cookieDomain,a.props.cookieSecure),r.set(a.props.cookieName,JSON.stringify(o),a.props.cookieStorageDays,a.props.cookieSameSite,a.props.cookieDomain,a.props.cookieSecure),a.$modal.modal("hide"),g()}),a.$buttonAgreeAll.click(function(){$("#google-options").collapse("hide"),f()}),a.$modal.modal("show")}).fail(function(){n.error("\nloading translator dialog (modal): failed"),n.warn("\nprobably no|wrong `contentURL` set")})}}.bind(this))}function g(){var o=a.getSettings();if(o)for(var e in o){a.$modal.find("#google-options .translator-option[data-name="+e+'] input[type="checkbox"]').prop("checked",o[e])}}function u(){s?(a.$buttonDoNotAgree.hide(),a.$buttonAgree.hide(),a.$buttonSave.show(),a.$buttonAgreeAll.show()):(a.$buttonDoNotAgree.show(),a.$buttonAgree.show(),a.$buttonSave.hide(),a.$buttonAgreeAll.hide())}function m(o){for(var e=a.$modal.find("#google-options .translator-option"),t={},n=0;n<e.length;n++){var i=e[n],s=i.getAttribute("data-name");if("necessary"===s)t[s]=!0;else if(void 0===o){var r=$(i).find('input[type="checkbox"]');t[s]=r.prop("checked")}else t[s]=!!o}return t}function f(){var o=JSON.parse(r.get(a.props.cookieConsentName)),e=JSON.parse(r.get(a.props.cookieName));e.analysis=!0,e.personalization=!0,e.translationEnabled=!0,o.analysis=e.analysis,o.personalization=e.personalization,r.set(a.props.cookieConsentName,JSON.stringify(o),a.props.cookieStorageDays,a.props.cookieSameSite,a.props.cookieDomain,a.props.cookieSecure),r.set(a.props.cookieName,JSON.stringify(e),a.props.cookieStorageDays,a.props.cookieSameSite,a.props.cookieDomain,a.props.cookieSecure),a.$modal.modal("hide")}this.showDialog=function(){c()},this.getSettings=function(o){if(r.get(a.props.cookieName)){var e=JSON.parse(r.get(a.props.cookieName));return void 0===o?e:!!e&&e[o]}},n.info("\ninitializing core module finished"),n.info("\nstate: finished")}

data/lib/j1/version.rb

@@ -1,3 +1,3 @@
 module J1
-  VERSION = '2022.4.7'
+  VERSION = '2022.4.8'
 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', '~> 2022.4.7'
+gem 'j1-template', '~> 2022.4.8'
 
 # ------------------------------------------------------------------------------
 # PRODUCTION: Gem needed for the Jekyll and J1 prod environment

data/lib/starter_web/_config.yml

@@ -53,7 +53,7 @@ environment:                            development
 # ------------------------------------------------------------------------------
 #   Sets the build version of J1 Template Gem
 #
-version:                                2022.4.7
+version:                                2022.4.8
 
 # version
 # ------------------------------------------------------------------------------

data/lib/starter_web/_data/modules/attics.yml

@@ -56,7 +56,7 @@ settings:
         padding_top:                    400
         padding_bottom:                 50
         opacity:                        0.5
-#       title_animate:                  fadeInDown
+#       title_animate:                  animate__fadeInDown
 #       raised_level:                   15
 #       background_color_1:             "#512DA8"                               # deep-purple-700
 #       background_color_2:             "#B39DDB"                               # deep-purple-200

data/lib/starter_web/_data/modules/defaults/attics.yml

@@ -51,16 +51,23 @@ defaults:
 
   title_size:                           3em
   title_color:                          rgba(255, 255, 255, 0.8)                # rgba_lighten_800
-  title_animate:                        bounceInDown                            # fadeInDown fadeInLeft
+  title_animate:                        animate__bounceInDown                            # fadeInDown fadeInLeft
   title_align:                          left
 
   tagline_size:                         1.5em
   tagline_color:                        rgba(255, 255, 255, 0.8)                # rgba_lighten_800
-  tagline_animate:                      fadeInRight
+  tagline_animate:                      animate__fadeInRight
   tagline_align:                        left
 
-  background_color_1:                   "#000"                                  # black
-  background_color_2:                   "#78909C"                               # md-bluegray-400
+  # gradient effect (all image color typas)
+  #
+# background_color_1:                   "#000"                                  # black
+# background_color_2:                   "#78909C"                               # md-bluegray-400
+
+  # duo-color effect, base color 'blue' (requires gray-scaled images)
+  #
+  background_color_1:                   "#0D47A1"                               # md-blue-900
+  background_color_2:                   "#0D47A1"                               # md-blue-900
 
   action_enabled:                       false
   action_url:                           "#void"
@@ -73,7 +80,7 @@ defaults:
   logo_url:                             /assets/images/modules/icons/j1/j1-512x512.png
   logo_alt:                             Jekyll-One-Template
   logo_height:                          196
-  logo_animate:                         slideInDown
+  logo_animate:                         animate__slideInDown
 
   # ----------------------------------------------------------------------------
   # Global settings for image-based attics only

data/lib/starter_web/_data/modules/defaults/lightbox.yml

@@ -165,7 +165,7 @@ defaults:
 
   alwaysShowNavOnTouchDevices:          false
   albumLabel:                           Image %1 of %2
-  disableScrolling:                     false
+  disableScrolling:                     true
   fadeDuration:                         600
   fitImagesInViewport:                  true
   imageFadeDuration:                    600