34 lines
12 KiB
JavaScript
34 lines
12 KiB
JavaScript
import{S as I,i as N,s as v,D as C,o as p,y as S,g as h,b as d,e as f,d as $,m as b,n as T,t as g,h as w,f as m,j as k,P as Y,k as q,N as V,v as Q,w as U,C as W}from"./index-43e9a565.js";import{g as G,a as K}from"./spread-8a54911c.js";import{p as H,M as J,T as X,S as Z}from"./collect-stories-23d08061.js";import{t as ee}from"./throttle-dfed7c30.js";import{B as te}from"./Block-db774151.js";import{w as ne}from"./withParams-47e2ab71.js";import"./isObject-32699ff3.js";import"./now-bd49f550.js";import"./isSymbol-50749e90.js";const se=`Add programmatic ads to your page.
|
|
|
|
> **IMPORTANT!** Make sure ads are only used on dotcom pages, never on embeds.
|
|
|
|
\`\`\`svelte
|
|
<script>
|
|
import { AdSlot, AdScripts } from '@reuters-graphics/graphics-components';
|
|
<\/script>
|
|
|
|
<!-- ALWAYS check if in an embed context! -->
|
|
{#if !embedded}
|
|
<!-- Include AdScripts only ONCE per page -->
|
|
<AdScripts />
|
|
{/if}
|
|
|
|
<!-- ... -->
|
|
|
|
{#if !embedded}
|
|
<AdSlot />
|
|
{/if}
|
|
|
|
<!-- ... -->
|
|
|
|
{#if !embedded}
|
|
<!-- Can add multiple ads to your page -->
|
|
<AdSlot />
|
|
{/if}
|
|
\`\`\`
|
|
`,D=(r,e=window.location.href)=>{r=r.replace(/[\[\]]/g,"\\$&");const t=new RegExp("[?&]"+r+"(=([^&#]*)|&|#|$)").exec(e);return t?t[2]?decodeURIComponent(t[2].replace(/\+/g," ")):"":null},oe=600,re=()=>new Promise(r=>{const e=setTimeout(()=>{r("Resolved with timeout")},oe),n=()=>{clearTimeout(e),window.__iasPET=window.__iasPET||{},window.__iasPET.queue=window.__iasPET.queue||[],window.__iasPET.pubId="931336",r("loaded")},t=document.createElement("script");t.src="//static.adsafeprotected.com/iasPET.1.js",t.setAttribute("async","async"),document.head.appendChild(t),t.onload=n,t.onerror=()=>{r("error")}}),j=(r,e)=>{const n=document.createElement("script");n.addEventListener("load",e),n.src=r,document.head.append(n)},ae="ot_logs",ie="ot_geolocation_mock",le="38cb75bd-fbe1-4ac8-b4af-e531ab368caf-test",de=()=>{window.freestar=window.freestar||{};const r=window.freestar;r.debug=!0,r.queue=r.queue||[],r.config=r.config||{},r.config.enabled_slots=[],r.initCallback=function(){r.config.enabled_slots.length===0?r.initCallbackCalled=!1:r.newAdSlots(r.config.enabled_slots)},r.config.channel="/4735792/reuters.com/graphics",window.initBootstrap({onetrust_logs:D(ae)||"false",geolocation_mock:D(ie)||"default",onetrust_script_id:le},e=>{const n=re();return Promise.all([n]).then(t=>{const[o]=t;return{...e,ias:o}})}),window.bootstrap.getResults(e=>{j("https://a.pub.network/reuters-com/pubfig.min.js"),window.googletag=window.googletag||{cmd:[]},window.googletag.cmd.push(()=>{window.googletag.pubads().enableSingleRequest(),window.googletag.pubads().enableAsyncRendering(),window.googletag.pubads().collapseEmptyDivs(!0)}),r.queue.push(function(){const n=new URL(document.location.href).searchParams.get("adstest");n&&window.googletag.pubads().setTargeting("adstest",n);const t=window.location.pathname.split("/").filter(o=>o.match(/[a-z0-9]+/)&&o!=="graphics")[0]||"unknown-graphic";window.googletag.pubads().setTargeting("template","graphics"),window.googletag.pubads().setTargeting("graphicId",t)}),Array.isArray(window.graphicsAdQueue)||console.error("Ad queue not initialized!"),r.queue.push(function(){r.newAdSlots(window.graphicsAdQueue||[],r.config.channel)})})};function ce(r){let e=0,n=!0;const t=(s=!0)=>{const a=document.getElementById("ot-sdk-btn-floating");a&&(s?(n=!0,a.style.bottom=""):(n=!1,a.style.bottom="-5rem"))},o=()=>{e>window.scrollY?n||t(!0):n&&window.scrollY>250&&t(!1),e=window.scrollY};return C(()=>{window.addEventListener("scroll",ee(o,250),{passive:!0})}),[]}class z extends I{constructor(e){super(),N(this,e,ce,null,v,{})}}z.__docgen={version:3,name:"OneTrust.svelte",data:[],computed:[],methods:[],components:[],description:null,keywords:[],events:[],slots:[],refs:[]};function ue(r){let e,n,t,o,s,a,l,c,i,u,_,y,P;return y=new z({}),{c(){e=p("link"),n=p("link"),t=p("link"),o=p("link"),s=p("link"),a=p("link"),l=p("link"),c=p("link"),i=p("link"),u=p("link"),_=S(),h(y.$$.fragment),d(e,"rel","preconnect"),d(e,"href","https://a.pub.network/"),d(e,"crossorigin",""),d(n,"rel","preconnect"),d(n,"href","https://b.pub.network/"),d(n,"crossorigin",""),d(t,"rel","preconnect"),d(t,"href","https://c.pub.network/"),d(t,"crossorigin",""),d(o,"rel","preconnect"),d(o,"href","https://d.pub.network/"),d(o,"crossorigin",""),d(s,"rel","preconnect"),d(s,"href","https://c.amazon-adsystem.com"),d(s,"crossorigin",""),d(a,"rel","preconnect"),d(a,"href","https://s.amazon-adsystem.com"),d(a,"crossorigin",""),d(l,"rel","preconnect"),d(l,"href","https://btloader.com/"),d(l,"crossorigin",""),d(c,"rel","preconnect"),d(c,"href","https://api.btloader.com/"),d(c,"crossorigin",""),d(i,"rel","preconnect"),d(i,"href","https://confiant-integrations.global.ssl.fastly.net"),d(i,"crossorigin",""),d(u,"rel","stylesheet"),d(u,"href","https://a.pub.network/reuters-com/cls.css")},m(A,R){f(document.head,e),f(document.head,n),f(document.head,t),f(document.head,o),f(document.head,s),f(document.head,a),f(document.head,l),f(document.head,c),f(document.head,i),f(document.head,u),$(A,_,R),b(y,A,R),P=!0},p:T,i(A){P||(g(y.$$.fragment,A),P=!0)},o(A){w(y.$$.fragment,A),P=!1},d(A){A&&m(_),m(e),m(n),m(t),m(o),m(s),m(a),m(l),m(c),m(i),m(u),k(y,A)}}}function me(r){return C(()=>{window.graphicsAdQueue=window.graphicsAdQueue||[],j("https://graphics.thomsonreuters.com/cdn/js/bootstrap.static.js",de)}),[]}class L extends I{constructor(e){super(),N(this,e,me,ue,v,{})}}L.__docgen={version:3,name:"AdScripts.svelte",data:[],computed:[],methods:[],components:[],description:null,keywords:[],events:[],slots:[],refs:[]};const O=()=>Math.floor((1+Math.random())*65536).toString(16).substring(1),pe=()=>"ad-"+O()+O();function fe(r){let e,n;return{c(){e=p("div"),d(e,"data-freestar-ad",n=r[0]||null),d(e,"id",r[1])},m(t,o){$(t,e,o)},p(t,[o]){o&1&&n!==(n=t[0]||null)&&d(e,"data-freestar-ad",n)},i:T,o:T,d(t){t&&m(e)}}}function ge(r,e,n){let{placementName:t}=e,{adType:o}=e,{dataFreestarAd:s="__970x250"}=e;const a=pe();return C(()=>{const l={placementName:t,slotId:a,targeting:{div_id:a,type:o}},c=window==null?void 0:window.freestar;c?c.queue.push(function(){c.newAdSlots([l],c.config.channel)}):(window.graphicsAdQueue=window.graphicsAdQueue||[],window.graphicsAdQueue.push(l))}),r.$$set=l=>{"placementName"in l&&n(2,t=l.placementName),"adType"in l&&n(3,o=l.adType),"dataFreestarAd"in l&&n(0,s=l.dataFreestarAd)},[s,a,t,o]}class _e extends I{constructor(e){super(),N(this,e,ge,fe,v,{placementName:2,adType:3,dataFreestarAd:0})}}function M(r){let e=r[1],n,t,o=B(r);return{c(){o.c(),n=q()},m(s,a){o.m(s,a),$(s,n,a),t=!0},p(s,a){a&2&&v(e,e=s[1])?(Q(),w(o,1,1,T),U(),o=B(s),o.c(),g(o,1),o.m(n.parentNode,n)):o.p(s,a)},i(s){t||(g(o),t=!0)},o(s){w(o),t=!1},d(s){s&&m(n),o.d(s)}}}function B(r){let e,n;return e=new _e({props:{placementName:r[1],adType:r[2]}}),{c(){h(e.$$.fragment)},m(t,o){b(e,t,o),n=!0},p(t,o){const s={};o&2&&(s.placementName=t[1]),o&4&&(s.adType=t[2]),e.$set(s)},i(t){n||(g(e.$$.fragment,t),n=!0)},o(t){w(e.$$.fragment,t),n=!1},d(t){k(e,t)}}}function we(r){let e,n,t,o;Y(r[5]);let s=r[0]&&M(r);return{c(){s&&s.c(),e=q()},m(a,l){s&&s.m(a,l),$(a,e,l),n=!0,t||(o=V(window,"resize",r[5]),t=!0)},p(a,[l]){a[0]?s?(s.p(a,l),l&1&&g(s,1)):(s=M(a),s.c(),g(s,1),s.m(e.parentNode,e)):s&&(Q(),w(s,1,1,()=>{s=null}),U())},i(a){n||(g(s),n=!0)},o(a){w(s),n=!1},d(a){a&&m(e),s&&s.d(a),t=!1,o()}}}function he(r,e,n){let t,o,{desktopPlacementName:s}=e,{mobileBreakpoint:a=1024}=e,l;const c=_=>{switch(_){case"reuters_desktop_leaderboard_atf":return"reuters_mobile_leaderboard";case"reuters_sponsorlogo":return"reuters_sponsorlogo";default:return"reuters_mobile_mpu_1"}},i=_=>{switch(_){case"reuters_desktop_leaderboard_atf":case"reuters_mobile_leaderboard":return"leaderboard";case"reuters_sponsorlogo":return"sponsorlogo";case"reuters_mobile_mpu_1":return"mpu";case"reuters_billboard_desktop":return"billboard";default:return"native"}};function u(){n(0,l=window.innerWidth)}return r.$$set=_=>{"desktopPlacementName"in _&&n(3,s=_.desktopPlacementName),"mobileBreakpoint"in _&&n(4,a=_.mobileBreakpoint)},r.$$.update=()=>{r.$$.dirty&25&&n(1,t=l&&l<a?c(s):s),r.$$.dirty&2&&n(2,o=i(t))},[l,t,o,s,a,u]}class x extends I{constructor(e){super(),N(this,e,he,we,v,{desktopPlacementName:3,mobileBreakpoint:4})}}x.__docgen={version:3,name:"ResponsiveAd.svelte",data:[{visibility:"public",description:null,keywords:[],name:"desktopPlacementName",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"any",type:"any"}},{visibility:"public",description:null,keywords:[],name:"mobileBreakpoint",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"number",type:"number"},defaultValue:1024}],computed:[],methods:[],components:[],description:null,keywords:[],events:[],slots:[],refs:[]};function be(r){let e,n,t,o,s,a,l,c;return l=new x({props:{desktopPlacementName:ye}}),{c(){e=p("div"),n=p("div"),n.textContent="Advertisement · Scroll to continue",t=S(),o=p("div"),s=p("div"),a=p("div"),h(l.$$.fragment),d(n,"class","ad-label svelte-1fg4mkm"),d(a,"class","svelte-1fg4mkm"),d(s,"class","ad-slot__inner svelte-1fg4mkm"),d(o,"class","ad-container svelte-1fg4mkm"),d(e,"class","ad-block svelte-1fg4mkm")},m(i,u){$(i,e,u),f(e,n),f(e,t),f(e,o),f(o,s),f(s,a),b(l,a,null),c=!0},p:T,i(i){c||(g(l.$$.fragment,i),c=!0)},o(i){w(l.$$.fragment,i),c=!1},d(i){i&&m(e),k(l)}}}function ke(r){let e,n;return e=new te({props:{id:r[0],class:"freestar-adslot "+r[1],$$slots:{default:[be]},$$scope:{ctx:r}}}),{c(){h(e.$$.fragment)},m(t,o){b(e,t,o),n=!0},p(t,[o]){const s={};o&1&&(s.id=t[0]),o&2&&(s.class="freestar-adslot "+t[1]),o&4&&(s.$$scope={dirty:o,ctx:t}),e.$set(s)},i(t){n||(g(e.$$.fragment,t),n=!0)},o(t){w(e.$$.fragment,t),n=!1},d(t){k(e,t)}}}const ye="reuters_desktop_native_1";function Ae(r,e,n){let{id:t=""}=e,{class:o="my-12"}=e;return r.$$set=s=>{"id"in s&&n(0,t=s.id),"class"in s&&n(1,o=s.class)},[t,o]}class E extends I{constructor(e){super(),N(this,e,Ae,ke,v,{id:0,class:1})}}E.__docgen={version:3,name:"InlineAd.svelte",data:[{keywords:[],visibility:"public",description:"Add an ID to target with SCSS.",name:"id",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"string",type:"string"},defaultValue:""},{visibility:"public",description:"Add a class to target with SCSS.",keywords:[],name:"class",kind:"const",static:!1,readonly:!0,type:{kind:"type",text:"string",type:"string"},localName:"cls",defaultValue:"my-12"}],computed:[],methods:[],components:[],description:"",keywords:[{name:"component",description:"`InlineAd` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-InlineAd--default)"}],events:[],slots:[],refs:[]};function $e(r){let e,n,t,o,s,a,l;return n=new L({}),o=new E({}),a=new E({}),{c(){e=p("div"),h(n.$$.fragment),t=S(),h(o.$$.fragment),s=S(),h(a.$$.fragment)},m(c,i){$(c,e,i),b(n,e,null),f(e,t),b(o,e,null),f(e,s),b(a,e,null),l=!0},p:T,i(c){l||(g(n.$$.fragment,c),g(o.$$.fragment,c),g(a.$$.fragment,c),l=!0)},o(c){w(n.$$.fragment,c),w(o.$$.fragment,c),w(a.$$.fragment,c),l=!1},d(c){c&&m(e),k(n),k(o),k(a)}}}function ve(r){let e,n,t,o,s,a;const l=[{title:"Components/InlineAd"},r[0]];let c={};for(let i=0;i<l.length;i+=1)c=W(c,l[i]);return e=new J({props:c}),t=new X({props:{$$slots:{default:[$e,({args:i})=>({1:i}),({args:i})=>i?2:0]},$$scope:{ctx:r}}}),s=new Z({props:{name:"Default"}}),{c(){h(e.$$.fragment),n=S(),h(t.$$.fragment),o=S(),h(s.$$.fragment)},m(i,u){b(e,i,u),$(i,n,u),b(t,i,u),$(i,o,u),b(s,i,u),a=!0},p(i,[u]){const _=u&1?G(l,[l[0],K(i[0])]):{};e.$set(_);const y={};u&4&&(y.$$scope={dirty:u,ctx:i}),t.$set(y)},i(i){a||(g(e.$$.fragment,i),g(t.$$.fragment,i),g(s.$$.fragment,i),a=!0)},o(i){w(e.$$.fragment,i),w(t.$$.fragment,i),w(s.$$.fragment,i),a=!1},d(i){i&&(m(n),m(o)),k(e,i),k(t,i),k(s,i)}}}function Se(r){return[{title:"Components/InlineAd",component:E,...ne(se)}]}class Te extends I{constructor(e){super(),N(this,e,Se,ve,v,{})}}const F=H(Te,{meta:{title:"Components/InlineAd"},stories:{"tpl:default":{name:"default",template:!0,source:`<div>
|
|
<AdScripts />
|
|
<InlineAd />
|
|
<InlineAd />
|
|
</div>`,hasArgs:!0},Default:{name:"Default",template:!1,source:"",hasArgs:!1}},allocatedIds:["default","Meta","Template","Story","componentDocs","AdScripts","InlineAd","withComponentDocs"]}),Be=F.meta,qe=["Default"],Qe=F.stories.Default;export{Qe as Default,qe as __namedExportsOrder,Be as default};
|
|
//# sourceMappingURL=InlineAd.stories-f8b4805f.js.map
|