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=(o,e=window.location.href)=>{o=o.replace(/[\[\]]/g,"\\$&");const t=new RegExp("[?&]"+o+"(=([^&#]*)|&|#|$)").exec(e);return t?t[2]?decodeURIComponent(t[2].replace(/\+/g," ")):"":null},oe=600,re=()=>new Promise(o=>{const e=setTimeout(()=>{o("Resolved with timeout")},oe),n=()=>{clearTimeout(e),window.__iasPET=window.__iasPET||{},window.__iasPET.queue=window.__iasPET.queue||[],window.__iasPET.pubId="931336",o("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=()=>{o("error")}}),j=(o,e)=>{const n=document.createElement("script");n.addEventListener("load",e),n.src=o,document.head.append(n)},ae="ot_logs",ie="ot_geolocation_mock",le="38cb75bd-fbe1-4ac8-b4af-e531ab368caf-test",de=()=>{window.freestar=window.freestar||{};const o=window.freestar;o.debug=!0,o.queue=o.queue||[],o.config=o.config||{},o.config.enabled_slots=[],o.initCallback=function(){o.config.enabled_slots.length===0?o.initCallbackCalled=!1:o.newAdSlots(o.config.enabled_slots)},o.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[r]=t;return{...e,ias:r}})}),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)}),o.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.replace(/^\/(.*)\/$/,"$1").replaceAll("/","-");window.googletag.pubads().setTargeting("template","graphics"),window.googletag.pubads().setTargeting("graphicId",t)}),Array.isArray(window.graphicsAdQueue)||console.error("Ad queue not initialized!"),o.queue.push(function(){o.newAdSlots(window.graphicsAdQueue||[],o.config.channel)})})};function ce(o){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"))},r=()=>{e>window.scrollY?n||t(!0):n&&window.scrollY>250&&t(!1),e=window.scrollY};return C(()=>{window.addEventListener("scroll",ee(r,250),{passive:!0})}),[]}class L extends I{constructor(e){super(),N(this,e,ce,null,v,{})}}L.__docgen={version:3,name:"OneTrust.svelte",data:[],computed:[],methods:[],components:[],description:null,keywords:[],events:[],slots:[],refs:[]};function ue(o){let e,n,t,r,s,a,l,c,i,u,_,y,P;return y=new L({}),{c(){e=p("link"),n=p("link"),t=p("link"),r=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(r,"rel","preconnect"),d(r,"href","https://d.pub.network/"),d(r,"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,r),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(r),m(s),m(a),m(l),m(c),m(i),m(u),k(y,A)}}}function me(o){return C(()=>{window.graphicsAdQueue=window.graphicsAdQueue||[],j("https://graphics.thomsonreuters.com/cdn/js/bootstrap.static.js",de)}),[]}class x extends I{constructor(e){super(),N(this,e,me,ue,v,{})}}x.__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(o){let e,n;return{c(){e=p("div"),d(e,"data-freestar-ad",n=o[0]||null),d(e,"id",o[1])},m(t,r){$(t,e,r)},p(t,[r]){r&1&&n!==(n=t[0]||null)&&d(e,"data-freestar-ad",n)},i:T,o:T,d(t){t&&m(e)}}}function ge(o,e,n){let{placementName:t}=e,{adType:r}=e,{dataFreestarAd:s="__970x250"}=e;const a=pe();return C(()=>{const l={placementName:t,slotId:a,targeting:{div_id:a,type:r}},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))}),o.$$set=l=>{"placementName"in l&&n(2,t=l.placementName),"adType"in l&&n(3,r=l.adType),"dataFreestarAd"in l&&n(0,s=l.dataFreestarAd)},[s,a,t,r]}class _e extends I{constructor(e){super(),N(this,e,ge,fe,v,{placementName:2,adType:3,dataFreestarAd:0})}}function M(o){let e=o[1],n,t,r=B(o);return{c(){r.c(),n=q()},m(s,a){r.m(s,a),$(s,n,a),t=!0},p(s,a){a&2&&v(e,e=s[1])?(Q(),w(r,1,1,T),U(),r=B(s),r.c(),g(r,1),r.m(n.parentNode,n)):r.p(s,a)},i(s){t||(g(r),t=!0)},o(s){w(r),t=!1},d(s){s&&m(n),r.d(s)}}}function B(o){let e,n;return e=new _e({props:{placementName:o[1],adType:o[2]}}),{c(){h(e.$$.fragment)},m(t,r){b(e,t,r),n=!0},p(t,r){const s={};r&2&&(s.placementName=t[1]),r&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(o){let e,n,t,r;Y(o[5]);let s=o[0]&&M(o);return{c(){s&&s.c(),e=q()},m(a,l){s&&s.m(a,l),$(a,e,l),n=!0,t||(r=V(window,"resize",o[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,r()}}}function he(o,e,n){let t,r,{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 o.$$set=_=>{"desktopPlacementName"in _&&n(3,s=_.desktopPlacementName),"mobileBreakpoint"in _&&n(4,a=_.mobileBreakpoint)},o.$$.update=()=>{o.$$.dirty&25&&n(1,t=l&&l<a?c(s):s),o.$$.dirty&2&&n(2,r=i(t))},[l,t,r,s,a,u]}class z extends I{constructor(e){super(),N(this,e,he,we,v,{desktopPlacementName:3,mobileBreakpoint:4})}}z.__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(o){let e,n,t,r,s,a,l,c;return l=new z({props:{desktopPlacementName:ye}}),{c(){e=p("div"),n=p("div"),n.textContent="Advertisement · Scroll to continue",t=S(),r=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(r,"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,r),f(r,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(o){let e,n;return e=new te({props:{id:o[0],class:"freestar-adslot "+o[1],$$slots:{default:[be]},$$scope:{ctx:o}}}),{c(){h(e.$$.fragment)},m(t,r){b(e,t,r),n=!0},p(t,[r]){const s={};r&1&&(s.id=t[0]),r&2&&(s.class="freestar-adslot "+t[1]),r&4&&(s.$$scope={dirty:r,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(o,e,n){let{id:t=""}=e,{class:r="my-12"}=e;return o.$$set=s=>{"id"in s&&n(0,t=s.id),"class"in s&&n(1,r=s.class)},[t,r]}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(o){let e,n,t,r,s,a,l;return n=new x({}),r=new E({}),a=new E({}),{c(){e=p("div"),h(n.$$.fragment),t=S(),h(r.$$.fragment),s=S(),h(a.$$.fragment)},m(c,i){$(c,e,i),b(n,e,null),f(e,t),b(r,e,null),f(e,s),b(a,e,null),l=!0},p:T,i(c){l||(g(n.$$.fragment,c),g(r.$$.fragment,c),g(a.$$.fragment,c),l=!0)},o(c){w(n.$$.fragment,c),w(r.$$.fragment,c),w(a.$$.fragment,c),l=!1},d(c){c&&m(e),k(n),k(r),k(a)}}}function ve(o){let e,n,t,r,s,a;const l=[{title:"Components/InlineAd"},o[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:o}}}),s=new Z({props:{name:"Default"}}),{c(){h(e.$$.fragment),n=S(),h(t.$$.fragment),r=S(),h(s.$$.fragment)},m(i,u){b(e,i,u),$(i,n,u),b(t,i,u),$(i,r,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(r)),k(e,i),k(t,i),k(s,i)}}}function Se(o){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-ff204b8b.js.map
|