diff --git a/Resources/Public/JavaScript/Dist/main.bundled.min.js b/Resources/Public/JavaScript/Dist/main.bundled.min.js index 8db1b8849616d42705de3d49dc22bb5ee701e813..031e33d392107b51eebe24de22ef1efc0a8946af 100644 --- a/Resources/Public/JavaScript/Dist/main.bundled.min.js +++ b/Resources/Public/JavaScript/Dist/main.bundled.min.js @@ -1,441 +1,8 @@ -(() => { - var __create = Object.create; - var __defProp = Object.defineProperty; - var __getOwnPropDesc = Object.getOwnPropertyDescriptor; - var __getOwnPropNames = Object.getOwnPropertyNames; - var __getProtoOf = Object.getPrototypeOf; - var __hasOwnProp = Object.prototype.hasOwnProperty; - var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, { - get: (a, b) => (typeof require !== "undefined" ? require : a)[b] - }) : x)(function(x) { - if (typeof require !== "undefined") - return require.apply(this, arguments); - throw new Error('Dynamic require of "' + x + '" is not supported'); - }); - var __commonJS = (cb, mod) => function __require2() { - return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports; - }; - var __copyProps = (to, from, except, desc) => { - if (from && typeof from === "object" || typeof from === "function") { - for (let key of __getOwnPropNames(from)) - if (!__hasOwnProp.call(to, key) && key !== except) - __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); - } - return to; - }; - var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps( - isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, - mod - )); - - // vendor/sgalinski/sg-youtube/node_modules/basiclightbox/dist/basicLightbox.min.js - var require_basicLightbox_min = __commonJS({ - "vendor/sgalinski/sg-youtube/node_modules/basiclightbox/dist/basicLightbox.min.js"(exports, module) { - !function(e) { - if ("object" == typeof exports && "undefined" != typeof module) - module.exports = e(); - else if ("function" == typeof define && define.amd) - define([], e); - else { - ("undefined" != typeof window ? window : "undefined" != typeof window ? window : "undefined" != typeof self ? self : this).basicLightbox = e(); - } - }(function() { - return function e(n, t, o) { - function r(c2, u) { - if (!t[c2]) { - if (!n[c2]) { - var s = "function" == typeof __require && __require; - if (!u && s) - return s(c2, true); - if (i) - return i(c2, true); - var a = new Error("Cannot find module '" + c2 + "'"); - throw a.code = "MODULE_NOT_FOUND", a; - } - var l = t[c2] = { exports: {} }; - n[c2][0].call(l.exports, function(e2) { - return r(n[c2][1][e2] || e2); - }, l, l.exports, e, n, t, o); - } - return t[c2].exports; - } - for (var i = "function" == typeof __require && __require, c = 0; c < o.length; c++) - r(o[c]); - return r; - }({ 1: [function(e, n, t) { - "use strict"; - Object.defineProperty(t, "__esModule", { value: true }), t.create = t.visible = void 0; - var o = function(e2) { - var n2 = arguments.length > 1 && void 0 !== arguments[1] && arguments[1], t2 = document.createElement("div"); - return t2.innerHTML = e2.trim(), true === n2 ? t2.children : t2.firstChild; - }, r = function(e2, n2) { - var t2 = e2.children; - return 1 === t2.length && t2[0].tagName === n2; - }, i = function(e2) { - return null != (e2 = e2 || document.querySelector(".basicLightbox")) && true === e2.ownerDocument.body.contains(e2); - }; - t.visible = i; - t.create = function(e2, n2) { - var t2 = function(e3, n3) { - var t3 = o('\n <div class="basicLightbox '.concat(n3.className, '">\n <div class="basicLightbox__placeholder" role="dialog"></div>\n </div>\n ')), i2 = t3.querySelector(".basicLightbox__placeholder"); - e3.forEach(function(e4) { - return i2.appendChild(e4); - }); - var c2 = r(i2, "IMG"), u2 = r(i2, "VIDEO"), s = r(i2, "IFRAME"); - return true === c2 && t3.classList.add("basicLightbox--img"), true === u2 && t3.classList.add("basicLightbox--video"), true === s && t3.classList.add("basicLightbox--iframe"), t3; - }(e2 = function(e3) { - var n3 = "string" == typeof e3, t3 = e3 instanceof HTMLElement == 1; - if (false === n3 && false === t3) - throw new Error("Content must be a DOM element/node or string"); - return true === n3 ? Array.from(o(e3, true)) : "TEMPLATE" === e3.tagName ? [e3.content.cloneNode(true)] : Array.from(e3.children); - }(e2), n2 = function() { - var e3 = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {}; - if (null == (e3 = Object.assign({}, e3)).closable && (e3.closable = true), null == e3.className && (e3.className = ""), null == e3.onShow && (e3.onShow = function() { - }), null == e3.onClose && (e3.onClose = function() { - }), "boolean" != typeof e3.closable) - throw new Error("Property `closable` must be a boolean"); - if ("string" != typeof e3.className) - throw new Error("Property `className` must be a string"); - if ("function" != typeof e3.onShow) - throw new Error("Property `onShow` must be a function"); - if ("function" != typeof e3.onClose) - throw new Error("Property `onClose` must be a function"); - return e3; - }(n2)), c = function(e3) { - return false !== n2.onClose(u) && function(e4, n3) { - return e4.classList.remove("basicLightbox--visible"), setTimeout(function() { - return false === i(e4) || e4.parentElement.removeChild(e4), n3(); - }, 410), true; - }(t2, function() { - if ("function" == typeof e3) - return e3(u); - }); - }; - true === n2.closable && t2.addEventListener("click", function(e3) { - e3.target === t2 && c(); - }); - var u = { element: function() { - return t2; - }, visible: function() { - return i(t2); - }, show: function(e3) { - return false !== n2.onShow(u) && function(e4, n3) { - return document.body.appendChild(e4), setTimeout(function() { - requestAnimationFrame(function() { - return e4.classList.add("basicLightbox--visible"), n3(); - }); - }, 10), true; - }(t2, function() { - if ("function" == typeof e3) - return e3(u); - }); - }, close: c }; - return u; - }; - }, {}] }, {}, [1])(1); - }); - } - }); - - // vendor/sgalinski/sg-youtube/Resources/Public/JavaScript/Modules/sgVideoLightbox.js - var BasicLightbox = __toESM(require_basicLightbox_min()); - var SgVideoLightbox = class { - constructor() { - const videoItems = document.querySelectorAll(".sg-video-item"); - const isMobile = window.matchMedia("(max-width: 679px)").matches; - videoItems.forEach((item) => { - if (item.dataset.disableLightboxMobile === "1" && isMobile || item.dataset.disableLightbox === "1" && !isMobile) { - item.classList.remove("sg-video-item"); - item.addEventListener("click", SgVideoLightbox.disableLightbox.bind(this)); - } - }); - Array.prototype.forEach.call(document.querySelectorAll(".sg-video-item"), (element) => { - element.addEventListener("click", SgVideoLightbox.openLightbox); - }); - } - static openLightbox(event) { - var _a, _b, _c, _d; - event.preventDefault(); - const isShorts = ((_b = (_a = event.target.closest("a")) == null ? void 0 : _a.dataset) == null ? void 0 : _b.isShorts) === "1"; - switch ((_d = (_c = event.target.closest("a")) == null ? void 0 : _c.dataset) == null ? void 0 : _d.videoType) { - case "youtube": { - SgVideoLightbox.openYouTubeLightBox(event, isShorts); - break; - } - case "vimeo": { - SgVideoLightbox.openVimeoLightBox(event); - break; - } - default: - } - } - static disableLightbox(event) { - var _a, _b, _c, _d; - event.preventDefault(); - const isShorts = ((_b = (_a = event.target.closest("a")) == null ? void 0 : _a.dataset) == null ? void 0 : _b.isShorts) === "1"; - switch ((_d = (_c = event.target.closest("a")) == null ? void 0 : _c.dataset) == null ? void 0 : _d.videoType) { - case "youtube": { - SgVideoLightbox.disableYouTubeLightbox(event, isShorts); - break; - } - case "vimeo": { - SgVideoLightbox.disableVimeoLightbox(event); - break; - } - default: - } - } - static openVimeoLightBox(event) { - let url = event.target.closest(".sg-video-item").href; - url = SgVideoLightbox.includeAdditionalUrlParameters( - url, - event.target.closest("a").dataset.additionalUrlParameters - ); - url += "&autoplay=1&dnt=1"; - const instance = BasicLightbox.create( - `<iframe class="sg-video-iframe sg-video-vimeo-iframe mfp-iframe" frameborder="0" allowfullscreen allow="autoplay; fullscreen *; picture-in-picture" src="${url}"></iframe>`, - { - closable: true - } - ); - instance.show(); - } - static openYouTubeLightBox(event, isShorts) { - let url = event.target.closest(".sg-video-item").href; - const videoId = SgVideoLightbox.getYouTubeVideoIdFromUrl(url); - url = `https://www.youtube-nocookie.com/embed/${videoId}`; - url = SgVideoLightbox.includeAdditionalUrlParameters( - url, - event.target.closest("a").dataset.additionalUrlParameters - ); - const iframeClass = isShorts ? "sg-video-iframe sg-video-youtube-iframe sg-video-youtube-shorts-iframe" : "sg-video-iframe sg-video-youtube-iframe"; - const instance = BasicLightbox.create( - ` +(()=>{var A=Object.create;var x=Object.defineProperty;var I=Object.getOwnPropertyDescriptor;var $=Object.getOwnPropertyNames;var M=Object.getPrototypeOf,C=Object.prototype.hasOwnProperty;var g=(c=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(c,{get:(e,i)=>(typeof require<"u"?require:e)[i]}):c)(function(c){if(typeof require<"u")return require.apply(this,arguments);throw new Error('Dynamic require of "'+c+'" is not supported')});var P=(c,e)=>()=>(e||c((e={exports:{}}).exports,e),e.exports);var U=(c,e,i,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of $(e))!C.call(c,o)&&o!==i&&x(c,o,{get:()=>e[o],enumerable:!(t=I(e,o))||t.enumerable});return c};var k=(c,e,i)=>(i=c!=null?A(M(c)):{},U(e||!c||!c.__esModule?x(i,"default",{value:c,enumerable:!0}):i,c));var L=P((w,v)=>{(function(c){typeof w=="object"&&typeof v<"u"?v.exports=c():typeof define=="function"&&define.amd?define([],c):(typeof window<"u"||typeof window<"u"?window:typeof self<"u"?self:this).basicLightbox=c()})(function(){return function c(e,i,t){function o(n,l){if(!i[n]){if(!e[n]){var p=typeof g=="function"&&g;if(!l&&p)return p(n,!0);if(s)return s(n,!0);var d=new Error("Cannot find module '"+n+"'");throw d.code="MODULE_NOT_FOUND",d}var r=i[n]={exports:{}};e[n][0].call(r.exports,function(m){return o(e[n][1][m]||m)},r,r.exports,c,e,i,t)}return i[n].exports}for(var s=typeof g=="function"&&g,a=0;a<t.length;a++)o(t[a]);return o}({1:[function(c,e,i){"use strict";Object.defineProperty(i,"__esModule",{value:!0}),i.create=i.visible=void 0;var t=function(a){var n=arguments.length>1&&arguments[1]!==void 0&&arguments[1],l=document.createElement("div");return l.innerHTML=a.trim(),n===!0?l.children:l.firstChild},o=function(a,n){var l=a.children;return l.length===1&&l[0].tagName===n},s=function(a){return(a=a||document.querySelector(".basicLightbox"))!=null&&a.ownerDocument.body.contains(a)===!0};i.visible=s,i.create=function(a,n){var l=function(r,m){var h=t(` + <div class="basicLightbox `.concat(m.className,`"> + <div class="basicLightbox__placeholder" role="dialog"></div> + </div> + `)),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="${iframeClass}" src="${url}"></iframe> - `, - { - closable: true - } - ); - instance.show(); - } - static disableYouTubeLightbox(event, isShorts) { - event.preventDefault(); - const item = event.currentTarget; - item.classList.add("no-lightbox"); - const videoId = SgVideoLightbox.includeAdditionalUrlParameters( - SgVideoLightbox.getYouTubeVideoIdFromUrl(item.href), - item.dataset.additionalUrlParameters - ); - const videoImage = item.querySelector(".sg-video__image"); - const originalWidth = videoImage.offsetWidth; - const originalHeight = videoImage.offsetHeight; - let iframeWidth = originalWidth; - let iframeHeight = originalHeight; - if (isShorts) { - iframeWidth = originalWidth; - iframeHeight = Math.round(iframeWidth / 9 * 16); - } - const iframe = document.createElement("iframe"); - iframe.width = iframeWidth; - iframe.height = iframeHeight; - iframe.style.border = "none"; - iframe.allowFullscreen = true; - iframe.classList.add(isShorts ? "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}`; - if (videoImage.parentElement.nodeName.toLowerCase() === "picture") { - videoImage.parentElement.replaceWith(iframe); - } else { - videoImage.replaceWith(iframe); - } - } - static disableVimeoLightbox(event) { - event.preventDefault(); - const item = event.currentTarget.closest(".sg-video__item"); - const link = item.querySelector("a"); - item.classList.add("no-lightbox"); - const iframeUrl = SgVideoLightbox.includeAdditionalUrlParameters( - link.href, - link.dataset.additionalUrlParameters - ); - const thumbnailElement = item.querySelector(".sg-video__image"); - const width = thumbnailElement == null ? void 0 : thumbnailElement.clientWidth; - const height = thumbnailElement == null ? void 0 : thumbnailElement.clientHeight; - const nodes = document.createRange().createContextualFragment( - `<div class="sg-video-item sg-card-shadow" style="height: ${height}px; width: ${width}px;"><div class="embed-container" style="padding-bottom: calc(${height} / ${width} * 100%);"><iframe width="${width}" height="${height}" src="${iframeUrl}&dnt=1" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe></div></div>` - ); - thumbnailElement == null ? void 0 : thumbnailElement.replaceWith(nodes); - } - static getVimeoVideoIdFromUrl(url) { - const regExp = /^.*(vimeo\.com\/)((channels\/[A-z]+\/)|(groups\/[A-z]+\/videos\/))?(\d+)/; - const parseUrl = regExp.exec(url); - return parseUrl[5]; - } - static getYouTubeVideoIdFromUrl(url) { - const matches = url.match(/watch\?v=([^&?]*)(?:&list=([^&?]*))?|shorts\/([^&/?]+)/); - if (!matches) { - return null; - } - const videoId = matches[1] || matches[3]; - const listParameter = matches[2] ? `?list=${matches[2]}` : ""; - const autoplayParameters = listParameter ? "&autoplay=1&rel=0" : "?autoplay=1&rel=0"; - return `${videoId}${listParameter}${autoplayParameters}`; - } - static includeAdditionalUrlParameters(url, _additionalUrlParameters = "") { - if (!url) { - return ""; - } - if (!_additionalUrlParameters) { - return url; - } - let additionalUrlParameters = _additionalUrlParameters; - const beginsWithQuestionMark = additionalUrlParameters.charAt(0) === "?"; - const beginsWithAmpersand = additionalUrlParameters.charAt(0) === "&"; - if (beginsWithQuestionMark || beginsWithAmpersand) { - additionalUrlParameters = additionalUrlParameters.slice(1); - } - return url.includes("?") ? `${url}&${additionalUrlParameters}` : `${url}?${additionalUrlParameters}`; - } - }; - - // vendor/sgalinski/sg-youtube/Resources/Public/JavaScript/Modules/sgVideo.js - var SgVideo = class { - constructor(element, settings) { - this.settings = settings; - this.dom = { - list: element, - listItems: element.querySelectorAll(".sg-video__item") - }; - this.active = 0; - this.dom.listItems.forEach((item, index) => { - this.setupReadMore(index); - }); - if (!this.settings.disableMinHeight) { - this.checkImageSizes(); - } - } - static initDefault() { - document.querySelectorAll(".sg-video__list--default").forEach((item) => { - new SgVideo(item, { - textSelector: ".sg-video__bodytext", - descriptionSelector: ".sg-video__description", - type: "default" - }); - }); - document.querySelectorAll(".sg-video__list--rows").forEach((item) => { - new SgVideo(item, { - textSelector: ".sg-video__description", - descriptionSelector: ".sg-video__description", - disableMinHeight: true - }); - }); - document.querySelectorAll(".sg-video__list--playlist").forEach((item) => { - new SgVideo(item, { - textSelector: ".sg-video__description", - descriptionSelector: ".sg-video__description", - disableMinHeight: true - }); - }); - document.querySelectorAll(".sg-video__highlight").forEach((item) => { - new SgVideo(item, { - textSelector: ".sg-video__bodytext", - descriptionSelector: ".sg-video__description", - disableMinHeight: true - }); - }); - document.querySelectorAll(".sg-video--single").forEach((item) => { - new SgVideo(item, { - textSelector: ".sg-video__description", - descriptionSelector: ".sg-video__description" - }); - }); - } - checkImageSizes() { - let highestValue = 0; - const images = []; - this.dom.listItems.forEach((item) => { - const image = item.querySelector("img"); - if (image && image.height > highestValue) { - highestValue = image.height; - } - images.push(image); - }); - images.forEach((image) => { - image.style.minHeight = `${highestValue}px`; - }); - } - setupReadMore(index) { - const item = this.dom.listItems[index]; - const button = item.querySelector(".sg-video__read-more"); - const text = item.querySelector(this.settings.textSelector); - if (!text) { - if (button) { - button.classList.add("disabled"); - } - return; - } - if (!button) { - return; - } - if (SgVideo.isTextTruncated(text, this.settings)) { - button.classList.add("disabled"); - return; - } - button.addEventListener("click", () => this.showText(index)); - } - showText(index) { - const item = this.dom.listItems[index]; - if (item.classList.contains("expanded")) { - this.active -= 1; - this.hideText(index); - return; - } - this.active += 1; - const button = item.querySelector(".sg-video__read-more"); - const text = item.querySelector(this.settings.textSelector); - const description = text.matches(this.settings.descriptionSelector) ? text : text.querySelector(this.settings.descriptionSelector); - item.classList.add("expanded"); - text.classList.add("expanded"); - description.classList.add("expanded"); - button.classList.add("expanded"); - button.querySelector(".sg-video__read-more-text").textContent = button.dataset.buttonCloseText; - } - hideText(index) { - const item = this.dom.listItems[index]; - const button = item.querySelector(".sg-video__read-more"); - const text = item.querySelector(this.settings.textSelector); - const description = text.matches(this.settings.descriptionSelector) ? text : text.querySelector(this.settings.descriptionSelector); - text.classList.remove("expanded"); - description.classList.remove("expanded"); - button.classList.remove("expanded"); - button.querySelector(".sg-video__read-more-text").textContent = button.dataset.buttonOpenText; - setTimeout(() => { - if (this.settings.type === "default" && this.active === 0) { - this.dom.listItems.forEach((_item) => { - _item.style.height = ""; - _item.style.zIndex = ""; - }); - } - item.classList.remove("expanded"); - }, 200); - } - static isTextTruncated(element, settings) { - const descriptionElement = element.matches(settings.descriptionSelector) ? element : element.querySelector(settings.descriptionSelector); - return descriptionElement && descriptionElement.scrollHeight <= descriptionElement.clientHeight; - } - }; - - // vendor/sgalinski/sg-youtube/Resources/Public/JavaScript/main.js - function main() { - new SgVideoLightbox(); - SgVideo.initDefault(); - } - if (document.readyState === "loading") { - document.addEventListener("DOMContentLoaded", main); - } else { - main(); - } -})(); -//# sourceMappingURL=main.bundled.min.js.map + 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();})(); diff --git a/Resources/Public/Sass/Modules/_sg-video.scss b/Resources/Public/Sass/Modules/_sg-video.scss index 9d4d1e27e9ca11c37ea515b935bb46dfb9e17cce..6a20104728c6964cb994d336af59e4107aa576e1 100644 --- a/Resources/Public/Sass/Modules/_sg-video.scss +++ b/Resources/Public/Sass/Modules/_sg-video.scss @@ -479,6 +479,18 @@ $sg-video-screen-xs-min: $sg-video-screen-xs; } } +iframe.sg-video-youtube-shorts-iframe { + aspect-ratio: 9 / 16; + + &.sg-video-iframe { + width: 90vw; + max-width: 480px; + height: auto; + max-height: 900px; + margin: 0 auto; + } +} + iframe.sg-video-iframe { width: 100%; height: auto; diff --git a/Resources/Public/StyleSheets/main.min.css b/Resources/Public/StyleSheets/main.min.css index a909adc2aa834b27a4c181cf53c5df9f275301d0..789df8efb519d3cd3baf56b8161329b1e1a8d66a 100644 --- a/Resources/Public/StyleSheets/main.min.css +++ b/Resources/Public/StyleSheets/main.min.css @@ -1 +1 @@ -:root{--sg-video-component-color-headline: #0a293b;--sg-video-component-color-foreground: #174566;--sg-video-component-color-background: none;--sg-video-component-color-link: #15415e;--sg-video-component-color-play-button: #fff;--sg-video-component-color-link--hover: #061924}.tx-sg-youtube{margin-bottom:20px}.tx-sg-youtube iframe{border:0}.tx-sg-vimeo{margin-bottom:20px}.tx-sg-vimeo iframe{border:0}.sg-video__image{width:100%;height:auto;transition:transform var(--sg-video-base-transition-timing, 0.3s) ease}.sg-video__image--shorts{height:auto;aspect-ratio:9/16;object-fit:cover;max-height:900px}.sg-video__image-container{position:relative;overflow:hidden;width:100%;color:var(--sg-video-component-color-play-button);display:block}.sg-video__image-container:not(.no-lightbox) svg{position:absolute;top:50%;left:50%;width:40px;height:50px;transform:translate(-50%, -50%) scale(0.8);opacity:.8;transition:opacity var(--sg-video-base-transition-timing, 0.3s),transform var(--sg-video-base-transition-timing, 0.3s);z-index:9;text-shadow:-1px 4px 27px rgba(0,0,0,.5)}.sg-video__image-container:hover,.sg-video__image-container:focus{text-decoration:none}.sg-video__image-container:hover .sg-video__image,.sg-video__image-container:focus .sg-video__image{transform:scale(1.1)}.sg-video__image-container:hover::after,.sg-video__image-container:focus::after{transform:translate(-50%, -50%) scale(1.1)}.sg-video__read-more{padding:10px 0;display:inline-block;cursor:pointer;width:100%;text-align:left;margin-top:auto;text-decoration:none;font-weight:700;text-transform:lowercase}.sg-video__bodytext{padding:10px 0;margin-top:auto;margin-bottom:auto;min-height:90px}@media(1200px){.sg-video__bodytext{padding:20px}}.sg-video__bodytext h3{color:var(--sg-video-component-color-headline);margin-top:0;padding-top:0}.sg-video__bodytext .sg-video__description{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.sg-video__bodytext .sg-video__description.expanded{-webkit-line-clamp:unset}.sg-video__item{box-shadow:0 0 7px rgba(var(--sg-video-box-shadow-rgb), 0.18);background:var(--sg-video-component-color-background)}.sg-video__list{margin-bottom:0;list-style:none;padding-left:0}.sg-video__highlight .sg-video__item{display:flex;flex-direction:column}.sg-video__highlight .sg-video__image{object-fit:scale-down}@media(min-width: 1200px){.sg-video__list-item--alt .sg-video__item{display:flex}.sg-video__list-item--alt .sg-video__image-container{width:50%}.sg-video__list-item--alt .sg-video__bodytext{width:50%;background:rgba(0,0,0,0);padding:0 5px 0 20px}}@media(min-width: 1200px){.sg-video--playlist{display:grid;gap:20px;grid-template-columns:70% auto;position:relative}}.sg-video__list--playlist{display:flex;flex-direction:row;position:relative}@media(min-width: 1200px){.sg-video__list--playlist>div{position:absolute;height:100%;width:100%;overflow-y:auto;flex-direction:column;flex-grow:1;justify-content:space-between}.sg-video__list--playlist>div .sg-video__list-item:not(:last-child){margin-bottom:15px}}.sg-video__list--playlist .sg-video__item{height:100%}.sg-video__list--playlist .sg-video__bodytext{padding:10px 0 0}.sg-video__list--playlist h3{font-size:1.3em}.sg-video__list-item{position:relative;margin:15px 10px}@media(min-width: 1200px){.sg-video__list-item{margin:auto}}@media(min-width: 1200px){.sg-video__list-item--alt{margin:0}}@media(max-width: 767.98px){.sg-video .sg-video__list--playlist{display:block}}.sg-video__list--default{display:flex;flex-wrap:wrap;margin:0 -10px}.sg-video__list--default>li{width:100%;margin:10px;display:flex;flex-direction:column}@media(min-width: 1200px){.sg-video__list--default>li{width:calc(33.3333% - 20px)}}.sg-video__list--default a{box-shadow:none}.sg-video__list--default .sg-video__bodytext{position:relative;display:block;overflow:hidden;padding:10px 0;transition:max-height var(--sg-video-base-transition-timing-fast, 0.1s)}.sg-video__list--default .sg-video__read-more{display:block;width:100%;text-align:left;margin-top:auto}.sg-video__list--default .sg-video__item{flex-grow:1}@media(max-width: var(--sg-video-mobile-breakpoint, 768px)-1px){.sg-video__list--default img{min-height:0 !important}}.sg-video__read-more{background:none;color:var(--sg-video-component-color-link);border:0}.sg-video__read-more:hover{color:var(--sg-video-component-color-link--hover)}.sg-video__read-more svg{display:inline-block;width:13px;height:10px;transition:transform var(--sg-video-base-transition-timing, 0.3s)}.sg-video__read-more.disabled{display:none}.sg-video__list--rows .sg-video__read-more.disabled{display:none !important}.sg-video__list--rows .sg-video__image{object-fit:contain}@media(min-width: 992px){.sg-video__list--rows .sg-video__item{box-shadow:none;background-color:rgba(0,0,0,0);display:flex}.sg-video__list--rows .sg-video__image-container{float:left;clear:left;width:40.5%}.sg-video__list--rows .sg-video__image-container span{position:relative}}@media(min-width: 992px)and (min-width: 1200px){.sg-video__list--rows .sg-video__image-container{width:35%}}@media(min-width: 992px){.sg-video__list--rows .sg-video__bodytext{position:relative;box-shadow:0 0 7px rgba(var(--sg-video-box-shadow-rgb), 0.18);margin-left:auto;display:block;min-height:210px}}@media(min-width: 992px)and (min-width: 1200px){.sg-video__list--rows .sg-video__bodytext{width:65%;min-height:225px;padding-top:0;padding-left:20px}}@media(min-width: 992px){.sg-video__list--rows .sg-video__description{-webkit-line-clamp:5;transition:max-height var(--sg-video-base-transition-timing-fast, 0.1s)}.sg-video__list--rows .sg-video__list-item{margin-bottom:25px}.sg-video__list--rows .sg-video__read-more{display:block;padding:20px 0 0}}.sg-video__read-more.expanded .sg-video__read-more-arrow{transform:rotateX(180deg)}.sg-video-lightbox-wrapper{pointer-events:all;padding:0;margin:0}.no-lightbox svg{display:none}.plyr .sg-cookie-optin-iframe-consent{min-height:410px}.basicLightbox{position:fixed;display:flex;justify-content:center;align-items:center;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.8);opacity:.01;transition:opacity .4s ease;z-index:1000;will-change:opacity}.basicLightbox ::after{content:"";position:absolute;top:1.8rem;right:1.8rem;width:2em;height:2em;background-size:contain;background-image:url("data:image/svg+xml,%3Csvg width='90px' height='90px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23ffffff' stroke='%23ffffff'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Ctitle%3EClose-Circle%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Close-Circle'%3E%3Crect id='Rectangle' fill-rule='nonzero' x='0' y='0' width='24' height='24'%3E%3C/rect%3E%3Ccircle id='Oval' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' cx='12' cy='12' r='9'%3E%3C/circle%3E%3Cline x1='14.1213' y1='9.87866' x2='9.8787' y2='14.1213' id='Path' stroke='%23ffffff' stroke-width='2' stroke-linecap='round'%3E%3C/line%3E%3Cline x1='9.87866' y1='9.87866' x2='14.1213' y2='14.1213' id='Path' stroke='%23ffffff' stroke-width='2' stroke-linecap='round'%3E%3C/line%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;cursor:pointer}.basicLightbox--visible{opacity:1;pointer-events:auto}.basicLightbox__placeholder{max-width:100%;transform:scale(0.9);transition:transform .4s ease;z-index:1;will-change:transform}.basicLightbox__placeholder>img:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child,.basicLightbox__placeholder>iframe:first-child:last-child{display:block;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}.basicLightbox__placeholder>video:first-child:last-child,.basicLightbox__placeholder>iframe:first-child:last-child{pointer-events:auto}.basicLightbox__placeholder>img:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child{width:auto;height:auto}.basicLightbox--img .basicLightbox__placeholder,.basicLightbox--video .basicLightbox__placeholder,.basicLightbox--iframe .basicLightbox__placeholder{width:100%;height:100%;pointer-events:none}.basicLightbox--visible .basicLightbox__placeholder{transform:scale(1)}iframe.sg-video-iframe{width:100%;height:auto;max-width:900px;aspect-ratio:16/9}.sg-video-filters{gap:10px;display:flex;flex-direction:row;align-items:baseline} +:root{--sg-video-component-color-headline: #0a293b;--sg-video-component-color-foreground: #174566;--sg-video-component-color-background: none;--sg-video-component-color-link: #15415e;--sg-video-component-color-play-button: #fff;--sg-video-component-color-link--hover: #061924}.tx-sg-youtube{margin-bottom:20px}.tx-sg-youtube iframe{border:0}.tx-sg-vimeo{margin-bottom:20px}.tx-sg-vimeo iframe{border:0}.sg-video__image{width:100%;height:auto;transition:transform var(--sg-video-base-transition-timing, 0.3s) ease}.sg-video__image--shorts{height:auto;aspect-ratio:9/16;object-fit:cover;max-height:900px}.sg-video__image-container{position:relative;overflow:hidden;width:100%;color:var(--sg-video-component-color-play-button);display:block}.sg-video__image-container:not(.no-lightbox) svg{position:absolute;top:50%;left:50%;width:40px;height:50px;transform:translate(-50%, -50%) scale(0.8);opacity:.8;transition:opacity var(--sg-video-base-transition-timing, 0.3s),transform var(--sg-video-base-transition-timing, 0.3s);z-index:9;text-shadow:-1px 4px 27px rgba(0,0,0,.5)}.sg-video__image-container:hover,.sg-video__image-container:focus{text-decoration:none}.sg-video__image-container:hover .sg-video__image,.sg-video__image-container:focus .sg-video__image{transform:scale(1.1)}.sg-video__image-container:hover::after,.sg-video__image-container:focus::after{transform:translate(-50%, -50%) scale(1.1)}.sg-video__read-more{padding:10px 0;display:inline-block;cursor:pointer;width:100%;text-align:left;margin-top:auto;text-decoration:none;font-weight:700;text-transform:lowercase}.sg-video__bodytext{padding:10px 0;margin-top:auto;margin-bottom:auto;min-height:90px}@media(1200px){.sg-video__bodytext{padding:20px}}.sg-video__bodytext h3{color:var(--sg-video-component-color-headline);margin-top:0;padding-top:0}.sg-video__bodytext .sg-video__description{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.sg-video__bodytext .sg-video__description.expanded{-webkit-line-clamp:unset}.sg-video__item{box-shadow:0 0 7px rgba(var(--sg-video-box-shadow-rgb), 0.18);background:var(--sg-video-component-color-background)}.sg-video__list{margin-bottom:0;list-style:none;padding-left:0}.sg-video__highlight .sg-video__item{display:flex;flex-direction:column}.sg-video__highlight .sg-video__image{object-fit:scale-down}@media(min-width: 1200px){.sg-video__list-item--alt .sg-video__item{display:flex}.sg-video__list-item--alt .sg-video__image-container{width:50%}.sg-video__list-item--alt .sg-video__bodytext{width:50%;background:rgba(0,0,0,0);padding:0 5px 0 20px}}@media(min-width: 1200px){.sg-video--playlist{display:grid;gap:20px;grid-template-columns:70% auto;position:relative}}.sg-video__list--playlist{display:flex;flex-direction:row;position:relative}@media(min-width: 1200px){.sg-video__list--playlist>div{position:absolute;height:100%;width:100%;overflow-y:auto;flex-direction:column;flex-grow:1;justify-content:space-between}.sg-video__list--playlist>div .sg-video__list-item:not(:last-child){margin-bottom:15px}}.sg-video__list--playlist .sg-video__item{height:100%}.sg-video__list--playlist .sg-video__bodytext{padding:10px 0 0}.sg-video__list--playlist h3{font-size:1.3em}.sg-video__list-item{position:relative;margin:15px 10px}@media(min-width: 1200px){.sg-video__list-item{margin:auto}}@media(min-width: 1200px){.sg-video__list-item--alt{margin:0}}@media(max-width: 767.98px){.sg-video .sg-video__list--playlist{display:block}}.sg-video__list--default{display:flex;flex-wrap:wrap;margin:0 -10px}.sg-video__list--default>li{width:100%;margin:10px;display:flex;flex-direction:column}@media(min-width: 1200px){.sg-video__list--default>li{width:calc(33.3333% - 20px)}}.sg-video__list--default a{box-shadow:none}.sg-video__list--default .sg-video__bodytext{position:relative;display:block;overflow:hidden;padding:10px 0;transition:max-height var(--sg-video-base-transition-timing-fast, 0.1s)}.sg-video__list--default .sg-video__read-more{display:block;width:100%;text-align:left;margin-top:auto}.sg-video__list--default .sg-video__item{flex-grow:1}@media(max-width: var(--sg-video-mobile-breakpoint, 768px)-1px){.sg-video__list--default img{min-height:0 !important}}.sg-video__read-more{background:none;color:var(--sg-video-component-color-link);border:0}.sg-video__read-more:hover{color:var(--sg-video-component-color-link--hover)}.sg-video__read-more svg{display:inline-block;width:13px;height:10px;transition:transform var(--sg-video-base-transition-timing, 0.3s)}.sg-video__read-more.disabled{display:none}.sg-video__list--rows .sg-video__read-more.disabled{display:none !important}.sg-video__list--rows .sg-video__image{object-fit:contain}@media(min-width: 992px){.sg-video__list--rows .sg-video__item{box-shadow:none;background-color:rgba(0,0,0,0);display:flex}.sg-video__list--rows .sg-video__image-container{float:left;clear:left;width:40.5%}.sg-video__list--rows .sg-video__image-container span{position:relative}}@media(min-width: 992px)and (min-width: 1200px){.sg-video__list--rows .sg-video__image-container{width:35%}}@media(min-width: 992px){.sg-video__list--rows .sg-video__bodytext{position:relative;box-shadow:0 0 7px rgba(var(--sg-video-box-shadow-rgb), 0.18);margin-left:auto;display:block;min-height:210px}}@media(min-width: 992px)and (min-width: 1200px){.sg-video__list--rows .sg-video__bodytext{width:65%;min-height:225px;padding-top:0;padding-left:20px}}@media(min-width: 992px){.sg-video__list--rows .sg-video__description{-webkit-line-clamp:5;transition:max-height var(--sg-video-base-transition-timing-fast, 0.1s)}.sg-video__list--rows .sg-video__list-item{margin-bottom:25px}.sg-video__list--rows .sg-video__read-more{display:block;padding:20px 0 0}}.sg-video__read-more.expanded .sg-video__read-more-arrow{transform:rotateX(180deg)}.sg-video-lightbox-wrapper{pointer-events:all;padding:0;margin:0}.no-lightbox svg{display:none}.plyr .sg-cookie-optin-iframe-consent{min-height:410px}.basicLightbox{position:fixed;display:flex;justify-content:center;align-items:center;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.8);opacity:.01;transition:opacity .4s ease;z-index:1000;will-change:opacity}.basicLightbox ::after{content:"";position:absolute;top:1.8rem;right:1.8rem;width:2em;height:2em;background-size:contain;background-image:url("data:image/svg+xml,%3Csvg width='90px' height='90px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23ffffff' stroke='%23ffffff'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Ctitle%3EClose-Circle%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Close-Circle'%3E%3Crect id='Rectangle' fill-rule='nonzero' x='0' y='0' width='24' height='24'%3E%3C/rect%3E%3Ccircle id='Oval' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' cx='12' cy='12' r='9'%3E%3C/circle%3E%3Cline x1='14.1213' y1='9.87866' x2='9.8787' y2='14.1213' id='Path' stroke='%23ffffff' stroke-width='2' stroke-linecap='round'%3E%3C/line%3E%3Cline x1='9.87866' y1='9.87866' x2='14.1213' y2='14.1213' id='Path' stroke='%23ffffff' stroke-width='2' stroke-linecap='round'%3E%3C/line%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;cursor:pointer}.basicLightbox--visible{opacity:1;pointer-events:auto}.basicLightbox__placeholder{max-width:100%;transform:scale(0.9);transition:transform .4s ease;z-index:1;will-change:transform}.basicLightbox__placeholder>img:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child,.basicLightbox__placeholder>iframe:first-child:last-child{display:block;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}.basicLightbox__placeholder>video:first-child:last-child,.basicLightbox__placeholder>iframe:first-child:last-child{pointer-events:auto}.basicLightbox__placeholder>img:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child{width:auto;height:auto}.basicLightbox--img .basicLightbox__placeholder,.basicLightbox--video .basicLightbox__placeholder,.basicLightbox--iframe .basicLightbox__placeholder{width:100%;height:100%;pointer-events:none}.basicLightbox--visible .basicLightbox__placeholder{transform:scale(1)}iframe.sg-video-youtube-shorts-iframe{aspect-ratio:9/16}iframe.sg-video-youtube-shorts-iframe.sg-video-iframe{width:90vw;max-width:480px;height:auto;max-height:900px;margin:0 auto}iframe.sg-video-iframe{width:100%;height:auto;max-width:900px;aspect-ratio:16/9}.sg-video-filters{gap:10px;display:flex;flex-direction:row;align-items:baseline}