https://www.timeout.com/static/js/overlay-link-bff18fe3845c279f09dd.js

1"use strict";(self.webpackChunk_gp_web_frontend=self.webpackChunk_gp_web_frontend||[]).push([["overlay-link"],{

1"./src/ts/components/overlay-link/overlay-link.ts":(e,t,n)=>{n.r(t),n.d(t,{OverlayLink:()=>l,init:()=>o});const r=JSON.parse('{"al":"_hidden_16i7d_1","Tx":"_overlayWithContent_16i7d_5","TN":"_title_16i7d_10","zi":"_backdrop_16i7d_14","kQ":"_content_16i7d_26","xv":"_close_16i7d_38","V":"_iframe_16i7d_58"}');var a=n("../react-components/dist/css/typography.css.json");const l=()=>{const e={toggleOverlay(e,t){document.querySelector("body").classList.toggle("screen-lock",t),e.classList.toggle(r.al,!t)},createOverlayWithIframe:()=>{const e=document.createElement("iframe");return[["frameborder","0"],["scrolling","yes"],["gesture","media"],["allowtransparency","true"],["allow","encrypted-media"],["class",r.V]].forEach((([t,n])=>{e.setAttribute(t,n)})),e},createOverlayWithContent:(e="",t="")=>{const n=document.createElement("div");return n.classList.add(r.Tx),n.innerHTML=`\n                    <h2 class="${r.TN}">${e}</h2>\n                    <p>${t}</p>\n                `,n},buildOverlay:({overlayMode:t,title:n,body:l,parentElement:o,extraContainerCSSClasses:s,componentId:c})=>{const i=document.createElement("div");i.classList.add(r.al),i.setAttribute("id",c),i.innerHTML=`\n                    <div class="${r.zi}"></div>\n                    <div class="${r.kQ} ${s||""}">\n                        <button class="${r.xv}">\n                            <svg\n                                xmlns="http://www.w3.org/2000/svg" \n                                viewB

1ox="0 0 22 18">\n                                <path d="M4.406 17.43c.188.21.422.312.703.312.246 0 .48-.101.7-.312l6.25-6.02 6.25 6.02c.218.21.453.312.699.312a.885.885 0 00.699-.312c.25-.211.375-.426.375-.653 0-.222-.125-.457-.375-.695l-6.25-6.02 6.25-6.019c.25-.238.375-.473.375-.695 0-.227-.125-.442-.375-.653-.215-.238-.441-.36-.676-.36-.23 0-.472.122-.722.36l-6.25 6.02-6.25-6.02c-.25-.238-.493-.36-.723-.36-.234 0-.461.122-.68.36-.246.211-.37.426-.37.653 0 .222.124.457.37.695l6.254 6.02-6.254 6.019c-.246.238-.37.473-.37.695 0 .227.124.442.37.653zm0 0"></path>\n                            </svg>\n                            <span class="${a.Q}">Close</span>\n                        </button>\n                    </div>\n                `,"iframe"!==t&&o||(o=document.body),o.appendChild(i);const d=i.querySelector(`.${r.kQ}`);if(null===d)return i;let v;v="content"===t?e.createOverlayWithContent(n,l):e.createOverlayWithIframe(),d.appendChild(v);const y=i.querySelector(`.${r.xv}`);return y&&y.addEventListener("click",(t=>{t.preventDefault(),e.toggleOverlay(i,!1)}),{capture:!0}),i},buildOverlayFromElement:(t,n)=>{if(!t)return;const r=e.getOverlayMode(t),a=e.buildOverlay({overlayMode:r,title:t.dataset.contentTitle,body:t.dataset.contentBody,parentElement:t,extraContainerCSSClasses:t.dataset.extraContainerClasses,componentId:n});if("content"==r)t.addEventListener("click",(t=>{t.preventDefault(),e.toggleOverlay(a,!0)}),{capture:!0});else{const r=t.querySelector("a");if(!r)return;r.addEventListener("click",(t=>{t.preventDefault();const l=document.querySelector(`#${n} iframe`);l&&(l.src=r.href,e.toggleOverlay(a,!0))}),{capture:!0})}},getOverlayMode:e=>e.dataset.overlayMode||"iframe",verifyElement:e=>null!==e.querySelector("a"),bindEvents:(t,n)=>{if(!e.verifyElement(t))throw new Error("overlay-link: invalid element given");return e.buildOverlayFromElement(t,n),{}}};return e},o=e=>{const t=`overlay-link-${Math.floor(1e4*Math.random())}`;return{listeners:l().bindEvents(e,t),componentId:t}}},

1"../react-components/dist/css/typography.css.json":e=>{e.exports=JSON.parse('{"Q":"_text-hide_v9moj_1"}')}

1}]);