[BUGFIX] Fix lightbox

Resources/Public/JavaScript/Dist/main.bundled.min.js

@@ -5,4 +5,4 @@
 	`)),b=h.querySelector(".basicLightbox__placeholder");r.forEach(function(T){return b.appendChild(T)});var _=o(b,"IMG"),E=o(b,"VIDEO"),q=o(b,"IFRAME");return _===!0&&h.classList.add("basicLightbox--img"),E===!0&&h.classList.add("basicLightbox--video"),q===!0&&h.classList.add("basicLightbox--iframe"),h}(a=function(r){var m=typeof r=="string",h=r instanceof HTMLElement==1;if(m===!1&&h===!1)throw new Error("Content must be a DOM element/node or string");return m===!0?Array.from(t(r,!0)):r.tagName==="TEMPLATE"?[r.content.cloneNode(!0)]:Array.from(r.children)}(a),n=function(){var r=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};if((r=Object.assign({},r)).closable==null&&(r.closable=!0),r.className==null&&(r.className=""),r.onShow==null&&(r.onShow=function(){}),r.onClose==null&&(r.onClose=function(){}),typeof r.closable!="boolean")throw new Error("Property `closable` must be a boolean");if(typeof r.className!="string")throw new Error("Property `className` must be a string");if(typeof r.onShow!="function")throw new Error("Property `onShow` must be a function");if(typeof r.onClose!="function")throw new Error("Property `onClose` must be a function");return r}(n)),p=function(r){return n.onClose(d)!==!1&&function(m,h){return m.classList.remove("basicLightbox--visible"),setTimeout(function(){return s(m)===!1||m.parentElement.removeChild(m),h()},410),!0}(l,function(){if(typeof r=="function")return r(d)})};n.closable===!0&&l.addEventListener("click",function(r){r.target===l&&p()});var d={element:function(){return l},visible:function(){return s(l)},show:function(r){return n.onShow(d)!==!1&&function(m,h){return document.body.appendChild(m),setTimeout(function(){requestAnimationFrame(function(){return m.classList.add("basicLightbox--visible"),h()})},10),!0}(l,function(){if(typeof r=="function")return r(d)})},close:p};return d}},{}]},{},[1])(1)})});var y=k(L()),u=class{constructor(){let e=document.querySelectorAll(".sg-video-item"),i=window.matchMedia("(max-width: 679px)").matches;e.forEach(t=>{(t.dataset.disableLightboxMobile==="1"&&i||t.dataset.disableLightbox==="1"&&!i)&&(t.classList.remove("sg-video-item"),t.addEventListener("click",u.disableLightbox.bind(this)))}),Array.prototype.forEach.call(document.querySelectorAll(".sg-video-item"),t=>{t.addEventListener("click",u.openLightbox)})}static openLightbox(e){var t,o,s,a;e.preventDefault();let i=((o=(t=e.target.closest("a"))==null?void 0:t.dataset)==null?void 0:o.isShorts)==="1";switch((a=(s=e.target.closest("a"))==null?void 0:s.dataset)==null?void 0:a.videoType){case"youtube":{u.openYouTubeLightBox(e,i);break}case"vimeo":{u.openVimeoLightBox(e);break}default:}}static disableLightbox(e){var t,o,s,a;e.preventDefault();let i=((o=(t=e.target.closest("a"))==null?void 0:t.dataset)==null?void 0:o.isShorts)==="1";switch((a=(s=e.target.closest("a"))==null?void 0:s.dataset)==null?void 0:a.videoType){case"youtube":{u.disableYouTubeLightbox(e,i);break}case"vimeo":{u.disableVimeoLightbox(e);break}default:}}static openVimeoLightBox(e){let i=e.target.closest(".sg-video-item").href;i=u.includeAdditionalUrlParameters(i,e.target.closest("a").dataset.additionalUrlParameters),i+="&autoplay=1&dnt=1",y.create(`<iframe class="sg-video-iframe sg-video-vimeo-iframe mfp-iframe" frameborder="0" allowfullscreen allow="autoplay; fullscreen *; picture-in-picture" src="${i}"></iframe>`,{closable:!0}).show()}static openYouTubeLightBox(e,i){let t=e.target.closest(".sg-video-item").href;t=`https://www.youtube-nocookie.com/embed/${u.getYouTubeVideoIdFromUrl(t)}`,t=u.includeAdditionalUrlParameters(t,e.target.closest("a").dataset.additionalUrlParameters),y.create(`
 			<iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
 			class="${i?"sg-video-iframe sg-video-youtube-iframe sg-video-youtube-shorts-iframe":"sg-video-iframe sg-video-youtube-iframe"}" src="${t}"></iframe>
-		`,{closable:!0}).show()}static disableYouTubeLightbox(e,i){e.preventDefault();let t=e.currentTarget;t.classList.add("no-lightbox");let o=u.includeAdditionalUrlParameters(u.getYouTubeVideoIdFromUrl(t.href),t.dataset.additionalUrlParameters),s=t.querySelector(".sg-video__image"),a=s.offsetWidth,n=s.offsetHeight,l=a,p=n;i&&(l=a,p=Math.round(l/9*16));let d=document.createElement("iframe");d.width=l,d.height=p,d.style.border="none",d.allowFullscreen=!0,d.classList.add(i?"sg-video-youtube-shorts-iframe":""),d.allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",d.src=`https://www.youtube-nocookie.com/embed/${o}`,s.parentElement.nodeName.toLowerCase()==="picture"?s.parentElement.replaceWith(d):s.replaceWith(d)}static disableVimeoLightbox(e){e.preventDefault();let i=e.currentTarget.closest(".sg-video__item"),t=i.querySelector("a");i.classList.add("no-lightbox");let o=u.includeAdditionalUrlParameters(t.href,t.dataset.additionalUrlParameters),s=i.querySelector(".sg-video__image"),a=s==null?void 0:s.clientWidth,n=s==null?void 0:s.clientHeight,l=document.createRange().createContextualFragment(`<div class="sg-video-item sg-card-shadow" style="height: ${n}px; width: ${a}px;"><div class="embed-container" style="padding-bottom: calc(${n} / ${a}  * 100%);"><iframe width="${a}" height="${n}" src="${o}&dnt=1" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe></div></div>`);s==null||s.replaceWith(l)}static getVimeoVideoIdFromUrl(e){return/^.*(vimeo\.com\/)((channels\/[A-z]+\/)|(groups\/[A-z]+\/videos\/))?(\d+)/.exec(e)[5]}static getYouTubeVideoIdFromUrl(e){let i=e.match(/watch\?v=([^&?]*)(?:&list=([^&?]*))?|shorts\/([^&/?]+)/);if(!i)return null;let t=i[1]||i[3],o=i[2]?`?list=${i[2]}`:"";return`${t}${o}${o?"&autoplay=1&rel=0":"?autoplay=1&rel=0"}`}static includeAdditionalUrlParameters(e,i=""){if(!e)return"";if(!i)return e;let t=i,o=t.charAt(0)==="?",s=t.charAt(0)==="&";return(o||s)&&(t=t.slice(1)),e.includes("?")?`${e}&${t}`:`${e}?${t}`}};var f=class{constructor(e,i){this.settings=i,this.dom={list:e,listItems:e.querySelectorAll(".sg-video__item")},this.active=0,this.dom.listItems.forEach((t,o)=>{this.setupReadMore(o)}),this.settings.disableMinHeight||this.checkImageSizes()}static initDefault(){document.querySelectorAll(".sg-video__list--default").forEach(e=>{new f(e,{textSelector:".sg-video__bodytext",descriptionSelector:".sg-video__description",type:"default"})}),document.querySelectorAll(".sg-video__list--rows").forEach(e=>{new f(e,{textSelector:".sg-video__description",descriptionSelector:".sg-video__description",disableMinHeight:!0})}),document.querySelectorAll(".sg-video__list--playlist").forEach(e=>{new f(e,{textSelector:".sg-video__description",descriptionSelector:".sg-video__description",disableMinHeight:!0})}),document.querySelectorAll(".sg-video__highlight").forEach(e=>{new f(e,{textSelector:".sg-video__bodytext",descriptionSelector:".sg-video__description",disableMinHeight:!0})}),document.querySelectorAll(".sg-video--single").forEach(e=>{new f(e,{textSelector:".sg-video__description",descriptionSelector:".sg-video__description"})})}checkImageSizes(){let e=0,i=[];this.dom.listItems.forEach(t=>{let o=t.querySelector("img");o&&o.height>e&&(e=o.height),i.push(o)}),i.forEach(t=>{t.style.minHeight=`${e}px`})}setupReadMore(e){let i=this.dom.listItems[e],t=i.querySelector(".sg-video__read-more"),o=i.querySelector(this.settings.textSelector);if(!o){t&&t.classList.add("disabled");return}if(!!t){if(f.isTextTruncated(o,this.settings)){t.classList.add("disabled");return}t.addEventListener("click",()=>this.showText(e))}}showText(e){let i=this.dom.listItems[e];if(i.classList.contains("expanded")){this.active-=1,this.hideText(e);return}this.active+=1;let t=i.querySelector(".sg-video__read-more"),o=i.querySelector(this.settings.textSelector),s=o.matches(this.settings.descriptionSelector)?o:o.querySelector(this.settings.descriptionSelector);i.classList.add("expanded"),o.classList.add("expanded"),s.classList.add("expanded"),t.classList.add("expanded"),t.querySelector(".sg-video__read-more-text").textContent=t.dataset.buttonCloseText}hideText(e){let i=this.dom.listItems[e],t=i.querySelector(".sg-video__read-more"),o=i.querySelector(this.settings.textSelector),s=o.matches(this.settings.descriptionSelector)?o:o.querySelector(this.settings.descriptionSelector);o.classList.remove("expanded"),s.classList.remove("expanded"),t.classList.remove("expanded"),t.querySelector(".sg-video__read-more-text").textContent=t.dataset.buttonOpenText,setTimeout(()=>{this.settings.type==="default"&&this.active===0&&this.dom.listItems.forEach(a=>{a.style.height="",a.style.zIndex=""}),i.classList.remove("expanded")},200)}static isTextTruncated(e,i){let t=e.matches(i.descriptionSelector)?e:e.querySelector(i.descriptionSelector);return t&&t.scrollHeight<=t.clientHeight}};function S(){new u,f.initDefault()}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",S):S();})();
+		`,{closable:!0}).show()}static disableYouTubeLightbox(e,i){e.preventDefault();let t=e.currentTarget;t.classList.add("no-lightbox");let o=u.includeAdditionalUrlParameters(u.getYouTubeVideoIdFromUrl(t.href),t.dataset.additionalUrlParameters),s=t.querySelector(".sg-video__image"),a=s.offsetWidth,n=s.offsetHeight,l=a,p=n;i&&(l=a,p=Math.round(l/9*16));let d=document.createElement("iframe");d.width=l,d.height=p,d.style.border="none",d.allowFullscreen=!0,i&&d.classList.add("sg-video-youtube-shorts-iframe"),d.allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",d.src=`https://www.youtube-nocookie.com/embed/${o}`,s.parentElement.nodeName.toLowerCase()==="picture"?s.parentElement.replaceWith(d):s.replaceWith(d)}static disableVimeoLightbox(e){e.preventDefault();let i=e.currentTarget.closest(".sg-video__item"),t=i.querySelector("a");i.classList.add("no-lightbox");let o=u.includeAdditionalUrlParameters(t.href,t.dataset.additionalUrlParameters),s=i.querySelector(".sg-video__image"),a=s==null?void 0:s.clientWidth,n=s==null?void 0:s.clientHeight,l=document.createRange().createContextualFragment(`<div class="sg-video-item sg-card-shadow" style="height: ${n}px; width: ${a}px;"><div class="embed-container" style="padding-bottom: calc(${n} / ${a}  * 100%);"><iframe width="${a}" height="${n}" src="${o}&dnt=1" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe></div></div>`);s==null||s.replaceWith(l)}static getVimeoVideoIdFromUrl(e){return/^.*(vimeo\.com\/)((channels\/[A-z]+\/)|(groups\/[A-z]+\/videos\/))?(\d+)/.exec(e)[5]}static getYouTubeVideoIdFromUrl(e){let i=e.match(/watch\?v=([^&?]*)(?:&list=([^&?]*))?|shorts\/([^&/?]+)/);if(!i)return null;let t=i[1]||i[3],o=i[2]?`?list=${i[2]}`:"";return`${t}${o}${o?"&autoplay=1&rel=0":"?autoplay=1&rel=0"}`}static includeAdditionalUrlParameters(e,i=""){if(!e)return"";if(!i)return e;let t=i,o=t.charAt(0)==="?",s=t.charAt(0)==="&";return(o||s)&&(t=t.slice(1)),e.includes("?")?`${e}&${t}`:`${e}?${t}`}};var f=class{constructor(e,i){this.settings=i,this.dom={list:e,listItems:e.querySelectorAll(".sg-video__item")},this.active=0,this.dom.listItems.forEach((t,o)=>{this.setupReadMore(o)}),this.settings.disableMinHeight||this.checkImageSizes()}static initDefault(){document.querySelectorAll(".sg-video__list--default").forEach(e=>{new f(e,{textSelector:".sg-video__bodytext",descriptionSelector:".sg-video__description",type:"default"})}),document.querySelectorAll(".sg-video__list--rows").forEach(e=>{new f(e,{textSelector:".sg-video__description",descriptionSelector:".sg-video__description",disableMinHeight:!0})}),document.querySelectorAll(".sg-video__list--playlist").forEach(e=>{new f(e,{textSelector:".sg-video__description",descriptionSelector:".sg-video__description",disableMinHeight:!0})}),document.querySelectorAll(".sg-video__highlight").forEach(e=>{new f(e,{textSelector:".sg-video__bodytext",descriptionSelector:".sg-video__description",disableMinHeight:!0})}),document.querySelectorAll(".sg-video--single").forEach(e=>{new f(e,{textSelector:".sg-video__description",descriptionSelector:".sg-video__description"})})}checkImageSizes(){let e=0,i=[];this.dom.listItems.forEach(t=>{let o=t.querySelector("img");o&&o.height>e&&(e=o.height),i.push(o)}),i.forEach(t=>{t.style.minHeight=`${e}px`})}setupReadMore(e){let i=this.dom.listItems[e],t=i.querySelector(".sg-video__read-more"),o=i.querySelector(this.settings.textSelector);if(!o){t&&t.classList.add("disabled");return}if(!!t){if(f.isTextTruncated(o,this.settings)){t.classList.add("disabled");return}t.addEventListener("click",()=>this.showText(e))}}showText(e){let i=this.dom.listItems[e];if(i.classList.contains("expanded")){this.active-=1,this.hideText(e);return}this.active+=1;let t=i.querySelector(".sg-video__read-more"),o=i.querySelector(this.settings.textSelector),s=o.matches(this.settings.descriptionSelector)?o:o.querySelector(this.settings.descriptionSelector);i.classList.add("expanded"),o.classList.add("expanded"),s.classList.add("expanded"),t.classList.add("expanded"),t.querySelector(".sg-video__read-more-text").textContent=t.dataset.buttonCloseText}hideText(e){let i=this.dom.listItems[e],t=i.querySelector(".sg-video__read-more"),o=i.querySelector(this.settings.textSelector),s=o.matches(this.settings.descriptionSelector)?o:o.querySelector(this.settings.descriptionSelector);o.classList.remove("expanded"),s.classList.remove("expanded"),t.classList.remove("expanded"),t.querySelector(".sg-video__read-more-text").textContent=t.dataset.buttonOpenText,setTimeout(()=>{this.settings.type==="default"&&this.active===0&&this.dom.listItems.forEach(a=>{a.style.height="",a.style.zIndex=""}),i.classList.remove("expanded")},200)}static isTextTruncated(e,i){let t=e.matches(i.descriptionSelector)?e:e.querySelector(i.descriptionSelector);return t&&t.scrollHeight<=t.clientHeight}};function S(){new u,f.initDefault()}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",S):S();})();

Resources/Public/JavaScript/Modules/sgVideoLightbox.js

@@ -156,7 +156,11 @@ export default class SgVideoLightbox {
 		iframe.height = iframeHeight;
 		iframe.style.border = 'none';
 		iframe.allowFullscreen = true;
-		iframe.classList.add(isShorts ? 'sg-video-youtube-shorts-iframe' : '');
+
+		if (isShorts) {
+			iframe.classList.add('sg-video-youtube-shorts-iframe');
+		}
+
 		iframe.allow =
 			'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture';
 		iframe.src = `https://www.youtube-nocookie.com/embed/${videoId}`;