class Media2Click { #cookieHosts = []; #lifetime = -1; constructor(lifetime = -1) { this.setCookieLifetime(lifetime); this.#cookieHosts = this.#getCookieHosts(); let thisObject = this; let elementList = document.querySelectorAll('.media2click-wrap'); elementList.forEach(function(element) { thisObject.#initElement(element); }); let toggleList = document.querySelectorAll('.media2click-toggle'); toggleList.forEach( function (toggle) { thisObject.#initToggle(toggle); }); } /** * Initialise a placeholder element * @param element */ #initElement(element) { let thisObject = this; let placeholder = element.querySelector('.media2click-placeholder'); let host = ''; if (placeholder !== null) { host = placeholder.getAttribute('data-host'); let type = 'iframe'; if (placeholder.classList.contains('media2click-placeholder-content')) { type = 'content'; } let contentData = element.querySelector('.media2click-contentdata'); let frameData = element.querySelector('.media2click-iframedata'); let activateOnce = element.querySelector('.media2click-once'); let activatePermanent = element.querySelector('.media2click-permanent'); /* Activate once and load iframe */ if (activateOnce !== null) { activateOnce.addEventListener('click', function(event) { event.preventDefault(); if (type === 'content') { thisObject.#activateContent(contentData, placeholder); } else { thisObject.#activateFrame(frameData, placeholder); } }, false); } /* Activate permanently and load iframe */ if (activatePermanent !== null) { activatePermanent.addEventListener('click', function(event) { event.preventDefault(); thisObject.addHost(host); if (type === 'content') { thisObject.#activateContent(contentData, placeholder); } else { thisObject.#activateFrame(frameData, placeholder); } }, false); } /* If already activated permanently, load iframe */ if (thisObject.isActiveHost(host)) { if (type === 'content') { thisObject.#activateContent(contentData, placeholder); } else { thisObject.#activateFrame(frameData, placeholder); } } } } /** * Initialize a toggle element * @param toggle */ #initToggle(toggle) { let thisObject = this; let host = toggle.getAttribute('data-host'); if(thisObject.isActiveHost(host)) { toggle.classList.add('activated'); toggle.setAttribute('checked', 'checked'); } toggle.addEventListener('click', function (event) { toggle.classList.toggle('activated'); if (toggle.className === 'media2click-toggle activated') { thisObject.addHost(host); } else { thisObject.removeHost(host); } }); } /** * Replace media2click dummy element with actual iframe * @param dataNode * @param placeholderNode */ #activateFrame(dataNode, placeholderNode) { let newNode = document.createElement('iframe'); let frameData = JSON.parse(dataNode.getAttribute('data-attributes')); Object.entries(frameData).forEach(([key, value]) => newNode.setAttribute(key, value)); dataNode.parentElement.insertBefore(newNode, dataNode); dataNode.parentElement.removeChild(dataNode); placeholderNode.parentElement.removeChild(placeholderNode); } #activateContent(contentNode, placeholderNode) { let newNode = document.createElement('iframe'); let contentData = JSON.parse(contentNode.text); Object.entries(contentData.attributes).forEach(([key, value]) => newNode.setAttribute(key, value)); contentNode.parentElement.insertBefore(newNode, contentNode); newNode.contentWindow.document.open(); newNode.contentWindow.document.write('' + contentData.content + ''); newNode.contentWindow.document.close(); contentNode.parentElement.removeChild(contentNode); placeholderNode.parentElement.removeChild(placeholderNode); } /** * Set the media2click accepted hosts cookie */ #setCookie() { let uniqueHosts = [...new Set(this.#cookieHosts)]; let expires = ''; if (this.#lifetime > 0) { let d = new Date(); d.setTime(d.getTime() + (this.#lifetime * 24 * 60 * 60 * 1000)); expires = "expires=" + d.toUTCString() + ";"; } document.cookie = "m2c_accepted_hosts=" + uniqueHosts.join() + ";" + expires + "path=/;SameSite=Strict"; } /** * Get the media2click accepted hosts from cookie * @returns {string[]} */ #getCookieHosts() { let thisObject = this; let decodedCookie = decodeURIComponent(document.cookie); let ca = decodedCookie.split(';'); for (let i = 0; i < ca.length; i++) { let c = ca[i]; while (c.charAt(0) === ' ') { c = c.substring(1); } if (c.indexOf("m2c_accepted_hosts=") === 0) { let hosts = c.substring(19, c.length).split(','); let uniqueHosts = [...new Set(hosts)]; return uniqueHosts.filter(function(host) { return thisObject.#isValidHost(host); }); } } return []; } /** * Delete the media2click accepted hosts cookie */ #deleteCookie() { document.cookie = "m2c_accepted_hosts=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;"; } /** * Check host for validity * @param host * @returns {boolean} */ #isValidHost(host) { if (typeof host !== 'string' || host === '') { return false; } return !/[^a-z0-9._-]/i.test(host); } /** * Set the cookie lifetime * @param lifetime */ setCookieLifetime(lifetime) { lifetime = Number.parseInt(lifetime, 10); if (Number.isNaN(lifetime) || lifetime < 0) { lifetime = 7; } this.#lifetime = lifetime; } /** * * @returns {string[]} */ getActiveHosts() { return this.#cookieHosts; } /** * Check if a host is active * @param host * @returns {boolean} */ isActiveHost(host) { if (!this.#isValidHost(host)) { return false; } return (this.#cookieHosts.indexOf(host) > -1); } /** * Add a host to the allowed hosts list and update the cookie * @param host * @returns {boolean} */ addHost(host) { if (!this.#isValidHost(host)) { return false; } if (!this.isActiveHost(host)) { this.#cookieHosts.push(host); this.updateCookie(); } return true; } /** * Remove a host from the allowed hosts list and update the cookie * @param host * @returns {boolean} */ removeHost(host) { if (!this.#isValidHost(host)) { return false; } if (this.isActiveHost(host)) { this.#cookieHosts.splice(this.#cookieHosts.indexOf(host), 1); this.updateCookie(); } return true; } /** * Update the cookie */ updateCookie() { if (this.#cookieHosts.length > 0) { this.#setCookie(); } else { this.#deleteCookie(); } } /** * Activate all elements for a selected host * @param host * @returns {boolean} */ activateAllForHost(host) { if (!this.#isValidHost(host)) { return false; } let thisObject = this; let elementList = document.querySelectorAll('.media2click-wrap'); elementList.forEach(function(element) { let placeholder = element.querySelector('.media2click-placeholder'); let elementHost = ''; if (placeholder !== null) { elementHost = placeholder.getAttribute('data-host'); let type = 'iframe'; if (placeholder.classList.contains('media2click-placeholder-content')) { type = 'content'; } let contentData = element.querySelector('.media2click-contentdata'); let frameData = element.querySelector('.media2click-iframedata'); if (elementHost === host) { if (type === 'content') { thisObject.#activateContent(contentData, placeholder); } else { thisObject.#activateFrame(frameData, placeholder); } } } }); return true; } } document.addEventListener('readystatechange', (event) => { if (event.target.readyState === 'complete') { if (typeof media2click === 'undefined') { if (typeof TYPO3 === 'undefined' || isNaN(TYPO3.settings.TS.m2cCookieLifetime)) { var media2click = new Media2Click(); } else { var media2click = new Media2Click(TYPO3.settings.TS.m2cCookieLifetime); } } } }); /*! * JavaScript Cookie v2.2.1 * https://github.com/js-cookie/js-cookie * * Copyright 2006, 2015 Klaus Hartl & Fagner Brack * Released under the MIT license */ ;(function (factory) { var registeredInModuleLoader; if (typeof define === 'function' && define.amd) { define(factory); registeredInModuleLoader = true; } if (typeof exports === 'object') { module.exports = factory(); registeredInModuleLoader = true; } if (!registeredInModuleLoader) { var OldCookies = window.Cookies; var api = window.Cookies = factory(); api.noConflict = function () { window.Cookies = OldCookies; return api; }; } }(function () { function extend () { var i = 0; var result = {}; for (; i < arguments.length; i++) { var attributes = arguments[ i ]; for (var key in attributes) { result[key] = attributes[key]; } } return result; } function decode (s) { return s.replace(/(%[0-9A-Z]{2})+/g, decodeURIComponent); } function init (converter) { function api() {} function set (key, value, attributes) { if (typeof document === 'undefined') { return; } attributes = extend({ path: '/' }, api.defaults, attributes); if (typeof attributes.expires === 'number') { attributes.expires = new Date(new Date() * 1 + attributes.expires * 864e+5); } // We're using "expires" because "max-age" is not supported by IE attributes.expires = attributes.expires ? attributes.expires.toUTCString() : ''; try { var result = JSON.stringify(value); if (/^[\{\[]/.test(result)) { value = result; } } catch (e) {} value = converter.write ? converter.write(value, key) : encodeURIComponent(String(value)) .replace(/%(23|24|26|2B|3A|3C|3E|3D|2F|3F|40|5B|5D|5E|60|7B|7D|7C)/g, decodeURIComponent); key = encodeURIComponent(String(key)) .replace(/%(23|24|26|2B|5E|60|7C)/g, decodeURIComponent) .replace(/[\(\)]/g, escape); var stringifiedAttributes = ''; for (var attributeName in attributes) { if (!attributes[attributeName]) { continue; } stringifiedAttributes += '; ' + attributeName; if (attributes[attributeName] === true) { continue; } // Considers RFC 6265 section 5.2: // ... // 3. If the remaining unparsed-attributes contains a %x3B (";") // character: // Consume the characters of the unparsed-attributes up to, // not including, the first %x3B (";") character. // ... stringifiedAttributes += '=' + attributes[attributeName].split(';')[0]; } return (document.cookie = key + '=' + value + stringifiedAttributes); } function get (key, json) { if (typeof document === 'undefined') { return; } var jar = {}; // To prevent the for loop in the first place assign an empty array // in case there are no cookies at all. var cookies = document.cookie ? document.cookie.split('; ') : []; var i = 0; for (; i < cookies.length; i++) { var parts = cookies[i].split('='); var cookie = parts.slice(1).join('='); if (!json && cookie.charAt(0) === '"') { cookie = cookie.slice(1, -1); } try { var name = decode(parts[0]); cookie = (converter.read || converter)(cookie, name) || decode(cookie); if (json) { try { cookie = JSON.parse(cookie); } catch (e) {} } jar[name] = cookie; if (key === name) { break; } } catch (e) {} } return key ? jar[key] : jar; } api.set = set; api.get = function (key) { return get(key, false /* read as raw */); }; api.getJSON = function (key) { return get(key, true /* read as json */); }; api.remove = function (key, attributes) { set(key, '', extend(attributes, { expires: -1 })); }; api.defaults = {}; api.withConverter = init; return api; } return init(function () {}); })); // requires: js.cookie /** global: Cookies */ var cookieman = (function () { "use strict"; // remember: write IE11-compatible JavaScript var cookieName = 'CookieConsent', cookieLifetimeDays = 365, form = document.querySelector('[data-cookieman-form]'), settingsEl = document.querySelector('[data-cookieman-settings]'), eventsEl = settingsEl, settings = JSON.parse(settingsEl.dataset.cookiemanSettings), checkboxes = form.querySelectorAll('[type=checkbox][name]'), saveButtons = document.querySelectorAll('[data-cookieman-save]'), acceptAllButtons = document.querySelectorAll('[data-cookieman-accept-all]'), acceptNoneButtons = document.querySelectorAll('[data-cookieman-accept-none]'), injectedTrackingObjects = [], loadedTrackingObjectScripts = {} function saveSelections() { var consented = [] for (var _i = 0; _i < checkboxes.length; _i++) { if (checkboxes[_i].checked) { consented.push(checkboxes[_i].name) } } Cookies.set( cookieName, consented.join('|'), {expires: cookieLifetimeDays, sameSite: 'lax'} ) } function setChecked(checkbox, state) { checkbox.checked = state } function selectNone() { for (var _i = 0; _i < checkboxes.length; _i++) { var _checkbox = checkboxes[_i] if (!_checkbox.disabled) { // exclude disabled (problably preselected) ones setChecked(_checkbox, false) } } } function selectAll() { for (var _i = 0; _i < checkboxes.length; _i++) { setChecked(checkboxes[_i], true) } } function hasConsented(groupKey) { var consented = consentedSelectionsRespectDnt() for (var i = 0; i < consented.length; i++) { if (consented[i] === groupKey) { return true } } return false } /** * Checks if consent was given for all groups, in which a trackingObject * with the given key is defined. Normally each trackingObject should only * be present in one group. * * @param trackingObjectKey string e.g. 'Matomo' * @return boolean consent given for all groups. If the trackingObject is * not defined in any group, this function will return false */ function hasConsentedTrackingObject(trackingObjectKey) { var groups = findGroupsByTrackingObjectKey(trackingObjectKey) return groups.reduce( function (consentGiven, groupKey) { return consentGiven && hasConsented(groupKey) }, groups.length > 0 ) } function consentedSelectionsAll() { var cookie = Cookies.get(cookieName) return cookie ? cookie.split('|') : [] } function consentedSelectionsRespectDnt() { return consentedSelectionsAll().filter( function (consented) { var aGroup = settings.groups[consented] if (typeof aGroup === 'undefined') { return false } return !aGroup.respectDnt || (window.navigator.doNotTrack !== '1') } ) } function loadCheckboxStates() { // do not change checkbox states if there are no saved settings yet if (typeof Cookies.get(cookieName) === 'undefined') { return } var consented = consentedSelectionsAll() selectNone() for (var _i = 0; _i < consented.length; _i++) { var _checkbox = form.querySelector('[name=' + consented[_i] + ']') if (_checkbox) { setChecked(_checkbox, true) } } } function onSaveClick(e) { e.preventDefault() saveSelections() cookieman.hide() removeDisabledTrackingObjects() injectNewTrackingObjects() } function onAcceptAllClick(e) { e.preventDefault() selectAll() } function onAcceptNoneClick(e) { e.preventDefault() selectNone() } function setDntTextIfEnabled() { if (window.navigator.doNotTrack === '1') { var dnts = document.querySelectorAll('[data-cookieman-dnt]') for (var _i = 0; _i < dnts.length; _i++) { dnts[_i].innerHTML = form.dataset.cookiemanDntEnabled } } } /** * Returns all groups, in which a trackingObject with the given key is defined. * * @param trackingObjectKey string e.g. 'Matomo' * @return array */ function findGroupsByTrackingObjectKey(trackingObjectKey) { return Object.keys(settings.groups).filter( function (groupKey) { return Object.prototype.hasOwnProperty.call(settings.groups[groupKey], 'trackingObjects') && settings.groups[groupKey].trackingObjects.indexOf(trackingObjectKey) > -1 } ) } /** * inject the HTML for a given tracking object * @param trackingObjectKey string e.g. 'Matomo' * @param trackingObjectSettings object (e.g. the array plugin.tx_cookieman.settings.trackingObjects.Matomo * from TypoScript) */ function injectTrackingObject(trackingObjectKey, trackingObjectSettings) { if (typeof trackingObjectSettings === 'undefined') { console.error('Used trackingObject ‹' + trackingObjectKey + '› is undefined.') return } if (typeof trackingObjectSettings.inject !== "undefined") { //