Merge branch 'main' of https://github.com/reuters-graphics/graphics-components
This commit is contained in:
Jon McClure
commit
9cde7a0477
326 changed files with 599 additions and 579 deletions
|
|
@ -1,4 +1,4 @@
|
|||
import{S as J,i as P,s as R,D as W,C as A,g as f,y as h,m as d,d as p,t as $,h as y,f as u,j as v,l as S,n as U}from"./index-99a30af8.js";import{g as F,a as K}from"./spread-8a54911c.js";import{p as z,M as H,T as Q,S as E}from"./collect-stories-1e0d20c7.js";import{w as V,b as L}from"./withParams-47e2ab71.js";const X=`Add Google and Chartbeat analytics to your page.
|
||||
import{S as J,i as P,s as R,D as W,C as A,g as f,z as h,m as d,d as p,t as $,h as y,f as u,j as v,o as S,n as U}from"./index-85f88930.js";import{g as F,a as K}from"./spread-8a54911c.js";import{p as z,M as H,T as Q,S as E}from"./collect-stories-fa95313f.js";import{w as V,b as L}from"./withParams-47e2ab71.js";const X=`Add Google and Chartbeat analytics to your page.
|
||||
|
||||
\`\`\`svelte
|
||||
<script>
|
||||
|
|
@ -62,4 +62,4 @@ For example, here's how you can use SvelteKit's [\`afterNavigate\`](https://kit.
|
|||
<div>Nothing to see here</div>`,hasArgs:!0},Default:{name:"Default",template:!1,source:"",hasArgs:!1},Environments:{name:"Environments",template:!1,source:`<Analytics />
|
||||
<div>Nothing to see here</div>`,hasArgs:!1},MultipageApps:{name:"Multipage apps",template:!1,source:`<Analytics />
|
||||
<div>Nothing to see here</div>`,hasArgs:!1}},allocatedIds:["default","Meta","Template","Story","componentDocs","environmentsDocs","multipageDocs","Analytics","withComponentDocs","withStoryDocs"]}),$e=D.meta,ye=["Default","Environments","MultipageApps"],ve=D.stories.Default,he=D.stories.Environments,we=D.stories.MultipageApps;export{ve as Default,he as Environments,we as MultipageApps,ye as __namedExportsOrder,$e as default};
|
||||
//# sourceMappingURL=Analytics.stories-cf492d6c.js.map
|
||||
//# sourceMappingURL=Analytics.stories-7d7cb26b.js.map
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -1,2 +1,2 @@
|
|||
import{S as b,i as y,s as _,k as w,l as f,b as u,q as m,d as h,e as p,G as k,u as j,o as g,p as v,H as A,t as S,h as V,f as W}from"./index-99a30af8.js";const E=(s,i)=>(Object.entries(i).forEach(([t,n])=>{s.style.setProperty(`--${t}`,n)}),{update(t){Object.entries(t).forEach(([n,o])=>{s.style.setProperty(`--${n}`,o),delete i[n]}),Object.keys(i).forEach(n=>{s.style.removeProperty(`--${n}`)}),i=t}});function O(s){let i,t,n,o,d,c;const r=s[6].default,a=w(r,s,s[5],null);return{c(){i=f("main"),t=f("article"),a&&a.c(),u(t,"id",s[1]),u(t,"role",s[2]),u(t,"class","svelte-jd0c2r"),m(t,"embedded",s[0])},m(e,l){h(e,i,l),p(i,t),a&&a.m(t,null),o=!0,d||(c=k(n=E.call(null,t,s[3])),d=!0)},p(e,[l]){a&&a.p&&(!o||l&32)&&j(a,r,e,e[5],o?v(r,e[5],l,null):g(e[5]),null),(!o||l&2)&&u(t,"id",e[1]),(!o||l&4)&&u(t,"role",e[2]),n&&A(n.update)&&l&8&&n.update.call(null,e[3]),(!o||l&1)&&m(t,"embedded",e[0])},i(e){o||(S(a,e),o=!0)},o(e){V(a,e),o=!1},d(e){e&&W(i),a&&a.d(e),d=!1,c()}}}function q(s,i,t){let n,{$$slots:o={},$$scope:d}=i,{embedded:c=!1}=i,{id:r=null}=i,{role:a=null}=i,{columnWidths:e={narrower:330,narrow:510,normal:660,wide:930,wider:1200}}=i;return s.$$set=l=>{"embedded"in l&&t(0,c=l.embedded),"id"in l&&t(1,r=l.id),"role"in l&&t(2,a=l.role),"columnWidths"in l&&t(4,e=l.columnWidths),"$$scope"in l&&t(5,d=l.$$scope)},s.$$.update=()=>{s.$$.dirty&16&&t(3,n={"narrower-column-width":e.narrower+"px","narrow-column-width":e.narrow+"px","normal-column-width":e.normal+"px","wide-column-width":e.wide+"px","wider-column-width":e.wider+"px"})},[c,r,a,n,e,d,o]}class C extends b{constructor(i){super(),y(this,i,q,O,_,{embedded:0,id:1,role:2,columnWidths:4})}}C.__docgen={version:3,name:"Article.svelte",data:[{keywords:[],visibility:"public",description:"Set to true for embeddables.",name:"embedded",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"boolean",type:"boolean"},defaultValue:!1},{keywords:[],visibility:"public",description:"Add an id to the article tag to target it with custom CSS.",name:"id",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"object",type:"object"},defaultValue:null},{keywords:[],visibility:"public",description:"ARIA role of the article",name:"role",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"object",type:"object"},defaultValue:null},{keywords:[],visibility:"public",description:"Set custom widths for the normal, wide and wider column dimensions",name:"columnWidths",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"object",type:"object"}}],computed:[],methods:[],components:[],description:null,keywords:[],events:[],slots:[{keywords:[],visibility:"public",description:"Article content",name:"default"}],refs:[]};export{C as A};
|
||||
//# sourceMappingURL=Article-cb12a248.js.map
|
||||
import{S as b,i as y,s as _,l as w,o as f,b as u,r as m,d as h,e as p,G as k,u as j,p as g,q as v,H as A,t as S,h as V,f as W}from"./index-85f88930.js";const E=(s,i)=>(Object.entries(i).forEach(([t,n])=>{s.style.setProperty(`--${t}`,n)}),{update(t){Object.entries(t).forEach(([n,o])=>{s.style.setProperty(`--${n}`,o),delete i[n]}),Object.keys(i).forEach(n=>{s.style.removeProperty(`--${n}`)}),i=t}});function O(s){let i,t,n,o,d,c;const r=s[6].default,a=w(r,s,s[5],null);return{c(){i=f("main"),t=f("article"),a&&a.c(),u(t,"id",s[1]),u(t,"role",s[2]),u(t,"class","svelte-jd0c2r"),m(t,"embedded",s[0])},m(e,l){h(e,i,l),p(i,t),a&&a.m(t,null),o=!0,d||(c=k(n=E.call(null,t,s[3])),d=!0)},p(e,[l]){a&&a.p&&(!o||l&32)&&j(a,r,e,e[5],o?v(r,e[5],l,null):g(e[5]),null),(!o||l&2)&&u(t,"id",e[1]),(!o||l&4)&&u(t,"role",e[2]),n&&A(n.update)&&l&8&&n.update.call(null,e[3]),(!o||l&1)&&m(t,"embedded",e[0])},i(e){o||(S(a,e),o=!0)},o(e){V(a,e),o=!1},d(e){e&&W(i),a&&a.d(e),d=!1,c()}}}function q(s,i,t){let n,{$$slots:o={},$$scope:d}=i,{embedded:c=!1}=i,{id:r=null}=i,{role:a=null}=i,{columnWidths:e={narrower:330,narrow:510,normal:660,wide:930,wider:1200}}=i;return s.$$set=l=>{"embedded"in l&&t(0,c=l.embedded),"id"in l&&t(1,r=l.id),"role"in l&&t(2,a=l.role),"columnWidths"in l&&t(4,e=l.columnWidths),"$$scope"in l&&t(5,d=l.$$scope)},s.$$.update=()=>{s.$$.dirty&16&&t(3,n={"narrower-column-width":e.narrower+"px","narrow-column-width":e.narrow+"px","normal-column-width":e.normal+"px","wide-column-width":e.wide+"px","wider-column-width":e.wider+"px"})},[c,r,a,n,e,d,o]}class C extends b{constructor(i){super(),y(this,i,q,O,_,{embedded:0,id:1,role:2,columnWidths:4})}}C.__docgen={version:3,name:"Article.svelte",data:[{keywords:[],visibility:"public",description:"Set to true for embeddables.",name:"embedded",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"boolean",type:"boolean"},defaultValue:!1},{keywords:[],visibility:"public",description:"Add an id to the article tag to target it with custom CSS.",name:"id",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"object",type:"object"},defaultValue:null},{keywords:[],visibility:"public",description:"ARIA role of the article",name:"role",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"object",type:"object"},defaultValue:null},{keywords:[],visibility:"public",description:"Set custom widths for the normal, wide and wider column dimensions",name:"columnWidths",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"object",type:"object"}}],computed:[],methods:[],components:[],description:null,keywords:[],events:[],slots:[{keywords:[],visibility:"public",description:"Article content",name:"default"}],refs:[]};export{C as A};
|
||||
//# sourceMappingURL=Article-f160dc82.js.map
|
||||
|
|
@ -1 +1 @@
|
|||
{"version":3,"file":"Article-cb12a248.js","sources":["../../src/actions/cssVariables/index.js","../../src/components/Article/Article.svelte"],"sourcesContent":["// Shamelessly stolen from: https://github.com/kaisermann/svelte-css-vars\nexport default (node, props) => {\n Object.entries(props).forEach(([key, value]) => {\n node.style.setProperty(`--${key}`, value);\n });\n\n return {\n update(newProps) {\n Object.entries(newProps).forEach(([key, value]) => {\n node.style.setProperty(`--${key}`, value);\n delete props[key];\n });\n\n Object.keys(props).forEach((name) => {\n node.style.removeProperty(`--${name}`);\n });\n props = newProps;\n },\n };\n};\n","<!-- @component `Article` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/layout-article--default) -->\n<script lang=\"ts\">\n /** Set to true for embeddables. */\n export let embedded: boolean = false;\n\n /** Add an id to the article tag to target it with custom CSS. */\n export let id: string | null = null;\n\n /** ARIA role of the article */\n export let role: string | null = null;\n\n interface ColumnWidths {\n /** Narrower column width */\n narrower: number;\n /** Narrow column width */\n narrow: number;\n /** Normal column width */\n normal: number;\n /** Wide column width */\n wide: number;\n /** Wider column width */\n wider: number;\n }\n\n /** Set custom widths for the normal, wide and wider column dimensions */\n export let columnWidths: ColumnWidths = {\n narrower: 330,\n narrow: 510,\n normal: 660,\n wide: 930,\n wider: 1200,\n };\n\n import cssVariables from '../../actions/cssVariables/index.js';\n\n $: columnWidthVars = {\n 'narrower-column-width': columnWidths.narrower + 'px',\n 'narrow-column-width': columnWidths.narrow + 'px',\n 'normal-column-width': columnWidths.normal + 'px',\n 'wide-column-width': columnWidths.wide + 'px',\n 'wider-column-width': columnWidths.wider + 'px',\n };\n</script>\n\n<main>\n <article\n id=\"{id}\"\n class:embedded\n role=\"{role}\"\n use:cssVariables=\"{columnWidthVars}\"\n >\n <!-- Article content -->\n <slot />\n </article>\n</main>\n\n<style lang=\"scss\">\n article {\n width: 100%;\n display: block;\n margin: 0;\n padding: 0 15px;\n background-color: var(--theme-colour-background, transparent);\n &.embedded {\n overflow: auto;\n }\n }\n</style>\n"],"names":["cssVariables","node","props","key","value","newProps","name","ctx","insert","target","main","anchor","append","article","embedded","$$props","id","role","columnWidths","columnWidthVars"],"mappings":"wJACA,MAAAA,EAAe,CAACC,EAAMC,KACpB,OAAO,QAAQA,CAAK,EAAE,QAAQ,CAAC,CAACC,EAAKC,CAAK,IAAM,CAC9CH,EAAK,MAAM,YAAY,KAAKE,CAAG,GAAIC,CAAK,CAC5C,CAAG,EAEM,CACL,OAAOC,EAAU,CACf,OAAO,QAAQA,CAAQ,EAAE,QAAQ,CAAC,CAACF,EAAKC,CAAK,IAAM,CACjDH,EAAK,MAAM,YAAY,KAAKE,CAAG,GAAIC,CAAK,EACxC,OAAOF,EAAMC,CAAG,CACxB,CAAO,EAED,OAAO,KAAKD,CAAK,EAAE,QAASI,GAAS,CACnCL,EAAK,MAAM,eAAe,KAAKK,CAAI,EAAE,CAC7C,CAAO,EACDJ,EAAQG,CACT,CACL,iIC4BSE,EAAE,CAAA,CAAA,aAEAA,EAAI,CAAA,CAAA,4DAJfC,EAUMC,EAAAC,EAAAC,CAAA,EATJC,EAQSF,EAAAG,CAAA,8CAJYN,EAAe,CAAA,CAAA,CAAA,wGAH7BA,EAAE,CAAA,CAAA,wBAEAA,EAAI,CAAA,CAAA,0CACQA,EAAe,CAAA,CAAA,iKA9CzB,CAAA,SAAAO,EAAoB,EAAK,EAAAC,EAGzB,CAAA,GAAAC,EAAoB,IAAI,EAAAD,EAGxB,CAAA,KAAAE,EAAsB,IAAI,EAAAF,GAgB1B,aAAAG,EAAY,CACrB,SAAU,IACV,OAAQ,IACR,OAAQ,IACR,KAAM,IACN,MAAO,6NAKNC,EAAe,CAChB,wBAAyBD,EAAa,SAAW,KACjD,sBAAuBA,EAAa,OAAS,KAC7C,sBAAuBA,EAAa,OAAS,KAC7C,oBAAqBA,EAAa,KAAO,KACzC,qBAAsBA,EAAa,MAAQ"}
|
||||
{"version":3,"file":"Article-f160dc82.js","sources":["../../src/actions/cssVariables/index.js","../../src/components/Article/Article.svelte"],"sourcesContent":["// Shamelessly stolen from: https://github.com/kaisermann/svelte-css-vars\nexport default (node, props) => {\n Object.entries(props).forEach(([key, value]) => {\n node.style.setProperty(`--${key}`, value);\n });\n\n return {\n update(newProps) {\n Object.entries(newProps).forEach(([key, value]) => {\n node.style.setProperty(`--${key}`, value);\n delete props[key];\n });\n\n Object.keys(props).forEach((name) => {\n node.style.removeProperty(`--${name}`);\n });\n props = newProps;\n },\n };\n};\n","<!-- @component `Article` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/layout-article--default) -->\n<script lang=\"ts\">\n /** Set to true for embeddables. */\n export let embedded: boolean = false;\n\n /** Add an id to the article tag to target it with custom CSS. */\n export let id: string | null = null;\n\n /** ARIA role of the article */\n export let role: string | null = null;\n\n interface ColumnWidths {\n /** Narrower column width */\n narrower: number;\n /** Narrow column width */\n narrow: number;\n /** Normal column width */\n normal: number;\n /** Wide column width */\n wide: number;\n /** Wider column width */\n wider: number;\n }\n\n /** Set custom widths for the normal, wide and wider column dimensions */\n export let columnWidths: ColumnWidths = {\n narrower: 330,\n narrow: 510,\n normal: 660,\n wide: 930,\n wider: 1200,\n };\n\n import cssVariables from '../../actions/cssVariables/index.js';\n\n $: columnWidthVars = {\n 'narrower-column-width': columnWidths.narrower + 'px',\n 'narrow-column-width': columnWidths.narrow + 'px',\n 'normal-column-width': columnWidths.normal + 'px',\n 'wide-column-width': columnWidths.wide + 'px',\n 'wider-column-width': columnWidths.wider + 'px',\n };\n</script>\n\n<main>\n <article\n id=\"{id}\"\n class:embedded\n role=\"{role}\"\n use:cssVariables=\"{columnWidthVars}\"\n >\n <!-- Article content -->\n <slot />\n </article>\n</main>\n\n<style lang=\"scss\">\n article {\n width: 100%;\n display: block;\n margin: 0;\n padding: 0 15px;\n background-color: var(--theme-colour-background, transparent);\n &.embedded {\n overflow: auto;\n }\n }\n</style>\n"],"names":["cssVariables","node","props","key","value","newProps","name","ctx","insert","target","main","anchor","append","article","embedded","$$props","id","role","columnWidths","columnWidthVars"],"mappings":"wJACA,MAAAA,EAAe,CAACC,EAAMC,KACpB,OAAO,QAAQA,CAAK,EAAE,QAAQ,CAAC,CAACC,EAAKC,CAAK,IAAM,CAC9CH,EAAK,MAAM,YAAY,KAAKE,CAAG,GAAIC,CAAK,CAC5C,CAAG,EAEM,CACL,OAAOC,EAAU,CACf,OAAO,QAAQA,CAAQ,EAAE,QAAQ,CAAC,CAACF,EAAKC,CAAK,IAAM,CACjDH,EAAK,MAAM,YAAY,KAAKE,CAAG,GAAIC,CAAK,EACxC,OAAOF,EAAMC,CAAG,CACxB,CAAO,EAED,OAAO,KAAKD,CAAK,EAAE,QAASI,GAAS,CACnCL,EAAK,MAAM,eAAe,KAAKK,CAAI,EAAE,CAC7C,CAAO,EACDJ,EAAQG,CACT,CACL,iIC4BSE,EAAE,CAAA,CAAA,aAEAA,EAAI,CAAA,CAAA,4DAJfC,EAUMC,EAAAC,EAAAC,CAAA,EATJC,EAQSF,EAAAG,CAAA,8CAJYN,EAAe,CAAA,CAAA,CAAA,wGAH7BA,EAAE,CAAA,CAAA,wBAEAA,EAAI,CAAA,CAAA,0CACQA,EAAe,CAAA,CAAA,iKA9CzB,CAAA,SAAAO,EAAoB,EAAK,EAAAC,EAGzB,CAAA,GAAAC,EAAoB,IAAI,EAAAD,EAGxB,CAAA,KAAAE,EAAsB,IAAI,EAAAF,GAgB1B,aAAAG,EAAY,CACrB,SAAU,IACV,OAAQ,IACR,OAAQ,IACR,KAAM,IACN,MAAO,6NAKNC,EAAe,CAChB,wBAAyBD,EAAa,SAAW,KACjD,sBAAuBA,EAAa,OAAS,KAC7C,sBAAuBA,EAAa,OAAS,KAC7C,oBAAqBA,EAAa,KAAO,KACzC,qBAAsBA,EAAa,MAAQ"}
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
import{S as R,i as G,s as J,C as q,g as $,y as v,m as u,d as h,t as f,h as w,f as g,j as p,l as z,b as F,n as K,e as C,z as A}from"./index-99a30af8.js";import{g as N,a as Q}from"./spread-8a54911c.js";import{p as V,M as X,T as Y,S as U}from"./collect-stories-1e0d20c7.js";import{A as L}from"./Article-cb12a248.js";import{B}from"./Block-a09d61d3.js";const Z=`The \`Article\` component contains all the content of our story and also establishes the dimensions of our article well, the default central trunk of our page layout.
|
||||
import{S as R,i as G,s as J,C as q,g as $,z as v,m as u,d as h,t as f,h as w,f as g,j as p,o as z,b as F,n as K,e as C,k as A}from"./index-85f88930.js";import{g as N,a as Q}from"./spread-8a54911c.js";import{p as V,M as X,T as Y,S as U}from"./collect-stories-fa95313f.js";import{A as L}from"./Article-f160dc82.js";import{B}from"./Block-d1b8152c.js";const Z=`The \`Article\` component contains all the content of our story and also establishes the dimensions of our article well, the default central trunk of our page layout.
|
||||
|
||||
> 📌 In most cases, **you won't need to mess with the \`Article\` component** because it's already included in our rigs for you!
|
||||
|
||||
|
|
@ -134,4 +134,4 @@ Here's an example of how custom\\* \`columnWidths\` can be used to change the ar
|
|||
<Block id="section-demo" width="fluid">fluid</Block>
|
||||
</div>
|
||||
</Article>`,hasArgs:!1}},allocatedIds:["default","Meta","Template","Story","componentDocs","customWellWidthsDocs","Article","Block","withComponentDocs","withStoryDocs"]}),xe=H.meta,ye=["Default","CustomColumns"],We=H.stories.Default,Te=H.stories.CustomColumns;export{Te as CustomColumns,We as Default,ye as __namedExportsOrder,xe as default};
|
||||
//# sourceMappingURL=Article.stories-b3673b23.js.map
|
||||
//# sourceMappingURL=Article.stories-8340f31f.js.map
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -1,4 +1,4 @@
|
|||
import{S as Se,i as Ie,s as Me,r as Re,d as k,M as R,t as g,v as x,h as w,w as ee,f as A,N as Be,x as Ke,D as Ge,g as z,m as q,j as X,l as v,y as B,F as $,b as f,c as W,O as De,e as O,P as Ce,Z as me,_ as ye,E as be,k as re,u as oe,o as ie,p as fe,C as te,n as ne,z as Ye}from"./index-99a30af8.js";import{g as Pe,a as je}from"./spread-8a54911c.js";import{p as Ze,M as Qe,T as $e,S as se}from"./collect-stories-1e0d20c7.js";import{g as xe}from"./globals-7f7f1b26.js";import{B as et}from"./Block-a09d61d3.js";import{P as tt}from"./PaddingReset-79b11107.js";import{t as nt}from"./throttle-dfed7c30.js";import{b as ge,w as at}from"./withParams-47e2ab71.js";import"./isObject-32699ff3.js";import"./now-bd49f550.js";import"./isSymbol-50749e90.js";const lt=`A before and after image comparison component.
|
||||
import{S as Se,i as Ie,s as Me,v as Re,d as k,M as R,t as g,w as x,h as w,x as ee,f as A,N as Be,y as Ke,D as Ge,g as z,m as q,j as X,o as v,z as B,F as $,b as f,c as W,O as De,e as O,P as Ce,Z as me,_ as ye,E as be,l as re,u as oe,p as ie,q as fe,C as te,n as ne,k as Ye}from"./index-85f88930.js";import{g as Pe,a as je}from"./spread-8a54911c.js";import{p as Ze,M as Qe,T as $e,S as se}from"./collect-stories-fa95313f.js";import{g as xe}from"./globals-7f7f1b26.js";import{B as et}from"./Block-d1b8152c.js";import{P as tt}from"./PaddingReset-c34038dd.js";import{t as nt}from"./throttle-dfed7c30.js";import{b as ge,w as at}from"./withParams-47e2ab71.js";import"./isObject-32699ff3.js";import"./now-bd49f550.js";import"./isSymbol-50749e90.js";const lt=`A before and after image comparison component.
|
||||
|
||||
\`\`\`svelte
|
||||
<script>
|
||||
|
|
@ -156,4 +156,4 @@ background: rgba(0, 0, 0, 0.45);
|
|||
div.overlay p {
|
||||
color: #ffffff;
|
||||
}</style>`,hasArgs:!1}},allocatedIds:["default","Meta","Template","Story","componentDocs","withOverlaysDocs","ariaDescriptionsDocs","BeforeAfter","beforeImg","afterImg","withComponentDocs","withStoryDocs"]}),Wt=ae.meta,zt=["Default","WithOverlays","ARIADescriptions"],qt=ae.stories.Default,Xt=ae.stories.WithOverlays,Lt=ae.stories.ARIADescriptions;export{Lt as ARIADescriptions,qt as Default,Xt as WithOverlays,zt as __namedExportsOrder,Wt as default};
|
||||
//# sourceMappingURL=BeforeAfter.stories-5f5ede37.js.map
|
||||
//# sourceMappingURL=BeforeAfter.stories-451204d5.js.map
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -1,2 +1,2 @@
|
|||
import{S as y,i as k,s as m,k as _,l as h,b as d,q as b,d as p,u as g,o as w,p as v,t as A,h as S,f as V}from"./index-99a30af8.js";function z(l){let e,n,s;const c=l[7].default,i=_(c,l,l[6],null);return{c(){e=h("div"),i&&i.c(),d(e,"id",l[1]),d(e,"class",n="article-block fmx-auto "+l[0]+" "+l[2]+" svelte-1bpn7zi"),d(e,"role",l[4]),d(e,"aria-label",l[5]),b(e,"snap",l[3]&&l[0]!=="fluid"&&l[0]!=="widest")},m(t,o){p(t,e,o),i&&i.m(e,null),s=!0},p(t,[o]){i&&i.p&&(!s||o&64)&&g(i,c,t,t[6],s?v(c,t[6],o,null):w(t[6]),null),(!s||o&2)&&d(e,"id",t[1]),(!s||o&5&&n!==(n="article-block fmx-auto "+t[0]+" "+t[2]+" svelte-1bpn7zi"))&&d(e,"class",n),(!s||o&16)&&d(e,"role",t[4]),(!s||o&32)&&d(e,"aria-label",t[5]),(!s||o&13)&&b(e,"snap",t[3]&&t[0]!=="fluid"&&t[0]!=="widest")},i(t){s||(A(i,t),s=!0)},o(t){S(i,t),s=!1},d(t){t&&V(e),i&&i.d(t)}}}function L(l,e,n){let{$$slots:s={},$$scope:c}=e,{width:i="normal"}=e,{id:t=""}=e,{class:o=""}=e,{snap:r=!1}=e,{role:f=null}=e,{ariaLabel:u=null}=e;return l.$$set=a=>{"width"in a&&n(0,i=a.width),"id"in a&&n(1,t=a.id),"class"in a&&n(2,o=a.class),"snap"in a&&n(3,r=a.snap),"role"in a&&n(4,f=a.role),"ariaLabel"in a&&n(5,u=a.ariaLabel),"$$scope"in a&&n(6,c=a.$$scope)},[i,t,o,r,f,u,c,s]}class R extends y{constructor(e){super(),k(this,e,L,z,m,{width:0,id:1,class:2,snap:3,role:4,ariaLabel:5})}}R.__docgen={version:3,name:"Block.svelte",data:[{keywords:[],visibility:"public",description:"Width of the block within the article well.",name:"width",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"string",type:"string"},defaultValue:"normal"},{keywords:[],visibility:"public",description:"Add an id to the block tag to target it with custom CSS.",name:"id",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"string",type:"string"},defaultValue:""},{visibility:"public",description:"Add extra classes to the block tag to target it with custom CSS.",keywords:[],name:"class",kind:"const",static:!1,readonly:!0,type:{kind:"type",text:"string",type:"string"},localName:"cls",defaultValue:""},{keywords:[],visibility:"public",description:"Snap block to column widths, rather than fluidly resizing them.",name:"snap",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"boolean",type:"boolean"},defaultValue:!1},{keywords:[],visibility:"public",description:"ARIA [role](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles) for the block",name:"role",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"object",type:"object"},defaultValue:null},{keywords:[],visibility:"public",description:"ARIA [label](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label) for the block",name:"ariaLabel",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"object",type:"object"},defaultValue:null}],computed:[],methods:[],components:[],description:null,keywords:[],events:[],slots:[{keywords:[],visibility:"public",description:"block content",name:"default"}],refs:[]};export{R as B};
|
||||
//# sourceMappingURL=Block-a09d61d3.js.map
|
||||
import{S as y,i as k,s as m,l as _,o as h,b as d,r as b,d as p,u as g,p as w,q as v,t as A,h as S,f as V}from"./index-85f88930.js";function z(l){let e,n,s;const r=l[7].default,i=_(r,l,l[6],null);return{c(){e=h("div"),i&&i.c(),d(e,"id",l[1]),d(e,"class",n="article-block fmx-auto "+l[0]+" "+l[2]+" svelte-1bpn7zi"),d(e,"role",l[4]),d(e,"aria-label",l[5]),b(e,"snap",l[3]&&l[0]!=="fluid"&&l[0]!=="widest")},m(t,o){p(t,e,o),i&&i.m(e,null),s=!0},p(t,[o]){i&&i.p&&(!s||o&64)&&g(i,r,t,t[6],s?v(r,t[6],o,null):w(t[6]),null),(!s||o&2)&&d(e,"id",t[1]),(!s||o&5&&n!==(n="article-block fmx-auto "+t[0]+" "+t[2]+" svelte-1bpn7zi"))&&d(e,"class",n),(!s||o&16)&&d(e,"role",t[4]),(!s||o&32)&&d(e,"aria-label",t[5]),(!s||o&13)&&b(e,"snap",t[3]&&t[0]!=="fluid"&&t[0]!=="widest")},i(t){s||(A(i,t),s=!0)},o(t){S(i,t),s=!1},d(t){t&&V(e),i&&i.d(t)}}}function L(l,e,n){let{$$slots:s={},$$scope:r}=e,{width:i="normal"}=e,{id:t=""}=e,{class:o=""}=e,{snap:c=!1}=e,{role:f=null}=e,{ariaLabel:u=null}=e;return l.$$set=a=>{"width"in a&&n(0,i=a.width),"id"in a&&n(1,t=a.id),"class"in a&&n(2,o=a.class),"snap"in a&&n(3,c=a.snap),"role"in a&&n(4,f=a.role),"ariaLabel"in a&&n(5,u=a.ariaLabel),"$$scope"in a&&n(6,r=a.$$scope)},[i,t,o,c,f,u,r,s]}class R extends y{constructor(e){super(),k(this,e,L,z,m,{width:0,id:1,class:2,snap:3,role:4,ariaLabel:5})}}R.__docgen={version:3,name:"Block.svelte",data:[{keywords:[],visibility:"public",description:"Width of the block within the article well.",name:"width",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"string",type:"string"},defaultValue:"normal"},{keywords:[],visibility:"public",description:"Add an id to the block tag to target it with custom CSS.",name:"id",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"string",type:"string"},defaultValue:""},{visibility:"public",description:"Add extra classes to the block tag to target it with custom CSS.",keywords:[],name:"class",kind:"const",static:!1,readonly:!0,type:{kind:"type",text:"string",type:"string"},localName:"cls",defaultValue:""},{keywords:[],visibility:"public",description:"Snap block to column widths, rather than fluidly resizing them.",name:"snap",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"boolean",type:"boolean"},defaultValue:!1},{keywords:[],visibility:"public",description:"ARIA [role](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles) for the block",name:"role",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"object",type:"object"},defaultValue:null},{keywords:[],visibility:"public",description:"ARIA [label](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label) for the block",name:"ariaLabel",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"object",type:"object"},defaultValue:null}],computed:[],methods:[],components:[],description:null,keywords:[],events:[],slots:[{keywords:[],visibility:"public",description:"block content",name:"default"}],refs:[]};export{R as B};
|
||||
//# sourceMappingURL=Block-d1b8152c.js.map
|
||||
|
|
@ -1 +1 @@
|
|||
{"version":3,"file":"Block-a09d61d3.js","sources":["../../src/components/Block/Block.svelte"],"sourcesContent":["<!-- @component `Block` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/layout-block--default) -->\n<script lang=\"ts\">\n import type { ContainerWidth } from '../@types/global';\n\n /** Width of the block within the article well. */\n export let width: ContainerWidth = 'normal';\n\n /** Add an id to the block tag to target it with custom CSS. */\n export let id: string = '';\n\n /** Add extra classes to the block tag to target it with custom CSS. */\n let cls: string = '';\n export { cls as class };\n\n /** Snap block to column widths, rather than fluidly resizing them. */\n export let snap: boolean = false;\n\n /** ARIA [role](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles) for the block */\n export let role: string | null = null;\n\n /** ARIA [label](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label) for the block */\n export let ariaLabel: string | null = null;\n</script>\n\n<div\n id=\"{id}\"\n class=\"article-block fmx-auto {width} {cls}\"\n class:snap=\"{snap && width !== 'fluid' && width !== 'widest'}\"\n role=\"{role}\"\n aria-label=\"{ariaLabel}\"\n>\n <!-- block content -->\n <slot />\n</div>\n\n<style lang=\"scss\">\n @import '../../scss/mixins';\n\n .article-block {\n max-width: var(--normal-column-width, 660px);\n\n &.narrower {\n max-width: var(--narrower-column-width, 330px);\n }\n\n &.narrow {\n max-width: var(--narrow-column-width, 510px);\n }\n\n &.wide {\n max-width: var(--wide-column-width, 930px);\n }\n\n &.wider {\n max-width: var(--wider-column-width, 1200px);\n }\n\n &.widest {\n max-width: 100%;\n }\n\n &.fluid {\n width: calc(100% + 30px);\n margin-inline-start: -15px;\n max-width: none;\n }\n\n // Only setup for the default column widths, b/c can't use\n // CSS vars in media queries.\n &.snap {\n @include block-snap-widths;\n }\n }\n</style>\n"],"names":["ctx","attr","div","div_class_value","toggle_class","insert","target","anchor","current","dirty","width","$$props","id","cls","snap","role","ariaLabel"],"mappings":"2OAyBOA,EAAE,CAAA,CAAA,EACwBC,EAAAC,EAAA,QAAAC,EAAA,0BAAAH,SAAQA,EAAG,CAAA,EAAA,iBAAA,aAEnCA,EAAI,CAAA,CAAA,mBACEA,EAAS,CAAA,CAAA,EAFTI,EAAAF,EAAA,OAAAF,MAAQA,EAAK,CAAA,IAAK,SAAWA,OAAU,QAAQ,UAH9DK,EASKC,EAAAJ,EAAAK,CAAA,sHAREP,EAAE,CAAA,CAAA,GACwB,CAAAQ,GAAAC,EAAA,GAAAN,KAAAA,EAAA,0BAAAH,SAAQA,EAAG,CAAA,EAAA,2DAEnCA,EAAI,CAAA,CAAA,+BACEA,EAAS,CAAA,CAAA,cAFTI,EAAAF,EAAA,OAAAF,MAAQA,EAAK,CAAA,IAAK,SAAWA,OAAU,QAAQ,qHAtBjD,CAAA,MAAAU,EAAwB,QAAQ,EAAAC,EAGhC,CAAA,GAAAC,EAAa,EAAE,EAAAD,EAGtB,CAAA,MAAAE,EAAc,EAAE,EAAAF,EAIT,CAAA,KAAAG,EAAgB,EAAK,EAAAH,EAGrB,CAAA,KAAAI,EAAsB,IAAI,EAAAJ,EAG1B,CAAA,UAAAK,EAA2B,IAAI,EAAAL"}
|
||||
{"version":3,"file":"Block-d1b8152c.js","sources":["../../src/components/Block/Block.svelte"],"sourcesContent":["<!-- @component `Block` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/layout-block--default) -->\n<script lang=\"ts\">\n import type { ContainerWidth } from '../@types/global';\n\n /** Width of the block within the article well. */\n export let width: ContainerWidth = 'normal';\n\n /** Add an id to the block tag to target it with custom CSS. */\n export let id: string = '';\n\n /** Add extra classes to the block tag to target it with custom CSS. */\n let cls: string = '';\n export { cls as class };\n\n /** Snap block to column widths, rather than fluidly resizing them. */\n export let snap: boolean = false;\n\n /** ARIA [role](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles) for the block */\n export let role: string | null = null;\n\n /** ARIA [label](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label) for the block */\n export let ariaLabel: string | null = null;\n</script>\n\n<div\n id=\"{id}\"\n class=\"article-block fmx-auto {width} {cls}\"\n class:snap=\"{snap && width !== 'fluid' && width !== 'widest'}\"\n role=\"{role}\"\n aria-label=\"{ariaLabel}\"\n>\n <!-- block content -->\n <slot />\n</div>\n\n<style lang=\"scss\">\n @import '../../scss/mixins';\n\n .article-block {\n max-width: var(--normal-column-width, 660px);\n\n &.narrower {\n max-width: var(--narrower-column-width, 330px);\n }\n\n &.narrow {\n max-width: var(--narrow-column-width, 510px);\n }\n\n &.wide {\n max-width: var(--wide-column-width, 930px);\n }\n\n &.wider {\n max-width: var(--wider-column-width, 1200px);\n }\n\n &.widest {\n max-width: 100%;\n }\n\n &.fluid {\n width: calc(100% + 30px);\n margin-inline-start: -15px;\n max-width: none;\n }\n\n // Only setup for the default column widths, b/c can't use\n // CSS vars in media queries.\n &.snap {\n @include block-snap-widths;\n }\n }\n</style>\n"],"names":["ctx","attr","div","div_class_value","toggle_class","insert","target","anchor","current","dirty","width","$$props","id","cls","snap","role","ariaLabel"],"mappings":"2OAyBOA,EAAE,CAAA,CAAA,EACwBC,EAAAC,EAAA,QAAAC,EAAA,0BAAAH,SAAQA,EAAG,CAAA,EAAA,iBAAA,aAEnCA,EAAI,CAAA,CAAA,mBACEA,EAAS,CAAA,CAAA,EAFTI,EAAAF,EAAA,OAAAF,MAAQA,EAAK,CAAA,IAAK,SAAWA,OAAU,QAAQ,UAH9DK,EASKC,EAAAJ,EAAAK,CAAA,sHAREP,EAAE,CAAA,CAAA,GACwB,CAAAQ,GAAAC,EAAA,GAAAN,KAAAA,EAAA,0BAAAH,SAAQA,EAAG,CAAA,EAAA,2DAEnCA,EAAI,CAAA,CAAA,+BACEA,EAAS,CAAA,CAAA,cAFTI,EAAAF,EAAA,OAAAF,MAAQA,EAAK,CAAA,IAAK,SAAWA,OAAU,QAAQ,qHAtBjD,CAAA,MAAAU,EAAwB,QAAQ,EAAAC,EAGhC,CAAA,GAAAC,EAAa,EAAE,EAAAD,EAGtB,CAAA,MAAAE,EAAc,EAAE,EAAAF,EAIT,CAAA,KAAAG,EAAgB,EAAK,EAAAH,EAGrB,CAAA,KAAAI,EAAsB,IAAI,EAAAJ,EAG1B,CAAA,UAAAK,EAA2B,IAAI,EAAAL"}
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
import{S as oe,i as le,s as ae,C as O,g as u,y as b,m as p,d as w,t as $,h as m,f as h,j as f,l as M,b as W,e as B,n as Z,z as T}from"./index-99a30af8.js";import{g as ee,a as te}from"./spread-8a54911c.js";import{p as re,M as ie,T as ce,S as q}from"./collect-stories-1e0d20c7.js";import{B as y}from"./Block-a09d61d3.js";import{A as se}from"./Article-cb12a248.js";import{b as X,w as de}from"./withParams-47e2ab71.js";const ue=`The \`Block\` component is the basic building block of stories, a responsive container that wraps each section of your piece.
|
||||
import{S as oe,i as le,s as ae,C as O,g as u,z as b,m as p,d as w,t as $,h as m,f as h,j as f,o as M,b as W,e as B,n as Z,k as T}from"./index-85f88930.js";import{g as ee,a as te}from"./spread-8a54911c.js";import{p as re,M as ie,T as ce,S as q}from"./collect-stories-fa95313f.js";import{B as y}from"./Block-d1b8152c.js";import{A as se}from"./Article-f160dc82.js";import{b as X,w as de}from"./withParams-47e2ab71.js";const ue=`The \`Block\` component is the basic building block of stories, a responsive container that wraps each section of your piece.
|
||||
|
||||
Blocks are stacked vertically within the well created by the [\`Article\`](./?path=/docs/layout-article) component. They can have different widths on larger screens depending on the \`width\` prop.
|
||||
|
||||
|
|
@ -139,4 +139,4 @@ Luckily, it's still pretty easy. Just add a \`cls\` or \`id\` to your \`Block\`
|
|||
>
|
||||
</div>
|
||||
</Article>`,hasArgs:!1}},allocatedIds:["default","Meta","Template","Story","componentDocs","customLayoutsDocs","snapWidthsDocs","Block","Article","withComponentDocs","withStoryDocs"]}),Oe=j.meta,je=["Default","CustomLayouts","SnapWidths"],qe=j.stories.Default,Pe=j.stories.CustomLayouts,He=j.stories.SnapWidths;export{Pe as CustomLayouts,qe as Default,He as SnapWidths,je as __namedExportsOrder,Oe as default};
|
||||
//# sourceMappingURL=Block.stories-f8d9ea98.js.map
|
||||
//# sourceMappingURL=Block.stories-49854058.js.map
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -1,2 +1,2 @@
|
|||
import{S as m,i as u,s as p,g as r,m as l,t as c,h as d,j as f}from"./index-99a30af8.js";import{M as g}from"./Markdown-2a6fc77f.js";import{B as y}from"./Block-a09d61d3.js";function k(a){let e,s;return e=new g({props:{source:a[0]}}),{c(){r(e.$$.fragment)},m(t,n){l(e,t,n),s=!0},p(t,n){const i={};n&1&&(i.source=t[0]),e.$set(i)},i(t){s||(c(e.$$.fragment,t),s=!0)},o(t){d(e.$$.fragment,t),s=!1},d(t){f(e,t)}}}function _(a){let e,s;return e=new y({props:{id:a[2],class:"fmy-6 "+a[1],$$slots:{default:[k]},$$scope:{ctx:a}}}),{c(){r(e.$$.fragment)},m(t,n){l(e,t,n),s=!0},p(t,[n]){const i={};n&4&&(i.id=t[2]),n&2&&(i.class="fmy-6 "+t[1]),n&9&&(i.$$scope={dirty:n,ctx:t}),e.$set(i)},i(t){s||(c(e.$$.fragment,t),s=!0)},o(t){d(e.$$.fragment,t),s=!1},d(t){f(e,t)}}}function w(a,e,s){let{text:t}=e,{class:n=""}=e,{id:i=""}=e;return a.$$set=o=>{"text"in o&&s(0,t=o.text),"class"in o&&s(1,n=o.class),"id"in o&&s(2,i=o.id)},[t,n,i]}class b extends m{constructor(e){super(),u(this,e,w,_,p,{text:0,class:1,id:2})}}b.__docgen={version:3,name:"BodyText.svelte",data:[{keywords:[{name:"type",description:"{string}"},{name:"required",description:""}],visibility:"public",description:"A markdown text string.",name:"text",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"string",type:"string"}},{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:""},{keywords:[],visibility:"public",description:"Add an id to the block tag to target it with custom CSS.",name:"id",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"string",type:"string"},defaultValue:""}],computed:[],methods:[],components:[],description:null,keywords:[],events:[],slots:[],refs:[]};export{b as B};
|
||||
//# sourceMappingURL=BodyText-b6660f02.js.map
|
||||
import{S as m,i as u,s as p,g as r,m as l,t as c,h as d,j as f}from"./index-85f88930.js";import{M as g}from"./Markdown-e31fd5d7.js";import{B as y}from"./Block-d1b8152c.js";function k(a){let e,s;return e=new g({props:{source:a[0]}}),{c(){r(e.$$.fragment)},m(t,n){l(e,t,n),s=!0},p(t,n){const i={};n&1&&(i.source=t[0]),e.$set(i)},i(t){s||(c(e.$$.fragment,t),s=!0)},o(t){d(e.$$.fragment,t),s=!1},d(t){f(e,t)}}}function _(a){let e,s;return e=new y({props:{id:a[2],class:"fmy-6 "+a[1],$$slots:{default:[k]},$$scope:{ctx:a}}}),{c(){r(e.$$.fragment)},m(t,n){l(e,t,n),s=!0},p(t,[n]){const i={};n&4&&(i.id=t[2]),n&2&&(i.class="fmy-6 "+t[1]),n&9&&(i.$$scope={dirty:n,ctx:t}),e.$set(i)},i(t){s||(c(e.$$.fragment,t),s=!0)},o(t){d(e.$$.fragment,t),s=!1},d(t){f(e,t)}}}function w(a,e,s){let{text:t}=e,{class:n=""}=e,{id:i=""}=e;return a.$$set=o=>{"text"in o&&s(0,t=o.text),"class"in o&&s(1,n=o.class),"id"in o&&s(2,i=o.id)},[t,n,i]}class b extends m{constructor(e){super(),u(this,e,w,_,p,{text:0,class:1,id:2})}}b.__docgen={version:3,name:"BodyText.svelte",data:[{keywords:[{name:"type",description:"{string}"},{name:"required",description:""}],visibility:"public",description:"A markdown text string.",name:"text",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"string",type:"string"}},{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:""},{keywords:[],visibility:"public",description:"Add an id to the block tag to target it with custom CSS.",name:"id",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"string",type:"string"},defaultValue:""}],computed:[],methods:[],components:[],description:null,keywords:[],events:[],slots:[],refs:[]};export{b as B};
|
||||
//# sourceMappingURL=BodyText-4b324c0f.js.map
|
||||
|
|
@ -1 +1 @@
|
|||
{"version":3,"file":"BodyText-b6660f02.js","sources":["../../src/components/BodyText/BodyText.svelte"],"sourcesContent":["<!-- @component `BodyText` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-bodytext--default) -->\n<script lang=\"ts\">\n import Markdown from '../Markdown/Markdown.svelte';\n /**\n * A markdown text string.\n * @type {string}\n * @required\n */\n export let text: string;\n\n /** Add a class to target with SCSS. */\n let cls: string = '';\n export { cls as class };\n\n /** Add an id to the block tag to target it with custom CSS. */\n export let id: string = '';\n\n import Block from '../Block/Block.svelte';\n</script>\n\n<Block id=\"{id}\" class=\"fmy-6 {cls}\">\n <Markdown source=\"{text}\" />\n</Block>\n"],"names":["ctx","text","$$props","cls","id"],"mappings":"gOAqBqBA,EAAI,CAAA,CAAA,CAAA,CAAA,gFAAJA,EAAI,CAAA,6IADbA,EAAE,CAAA,iBAAiBA,EAAG,CAAA,uHAAtBA,EAAE,CAAA,0BAAiBA,EAAG,CAAA,oJAZrB,KAAAC,CAAY,EAAAC,EAGnB,CAAA,MAAAC,EAAc,EAAE,EAAAD,EAIT,CAAA,GAAAE,EAAa,EAAE,EAAAF"}
|
||||
{"version":3,"file":"BodyText-4b324c0f.js","sources":["../../src/components/BodyText/BodyText.svelte"],"sourcesContent":["<!-- @component `BodyText` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-bodytext--default) -->\n<script lang=\"ts\">\n import Markdown from '../Markdown/Markdown.svelte';\n /**\n * A markdown text string.\n * @type {string}\n * @required\n */\n export let text: string;\n\n /** Add a class to target with SCSS. */\n let cls: string = '';\n export { cls as class };\n\n /** Add an id to the block tag to target it with custom CSS. */\n export let id: string = '';\n\n import Block from '../Block/Block.svelte';\n</script>\n\n<Block id=\"{id}\" class=\"fmy-6 {cls}\">\n <Markdown source=\"{text}\" />\n</Block>\n"],"names":["ctx","text","$$props","cls","id"],"mappings":"gOAqBqBA,EAAI,CAAA,CAAA,CAAA,CAAA,gFAAJA,EAAI,CAAA,6IADbA,EAAE,CAAA,iBAAiBA,EAAG,CAAA,uHAAtBA,EAAE,CAAA,0BAAiBA,EAAG,CAAA,oJAZrB,KAAAC,CAAY,EAAAC,EAGnB,CAAA,MAAAC,EAAc,EAAE,EAAAD,EAIT,CAAA,GAAAE,EAAa,EAAE,EAAAF"}
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
import{S as C,i as D,s as j,C as T,g as c,y as b,m,d as g,t as p,h as u,f as y,j as d}from"./index-99a30af8.js";import{g as q,a as A}from"./spread-8a54911c.js";import{p as M,M as F,T as V,S as w}from"./collect-stories-1e0d20c7.js";import{B}from"./BodyText-b6660f02.js";import{w as P}from"./withParams-47e2ab71.js";import"./Markdown-2a6fc77f.js";import"./Block-a09d61d3.js";const E=`The \`BodyText\` creates the main text of your page. You can pass the \`text\` prop a [markdown-formatted](https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet) string, which will be parsed into paragraphs, headers, lists, blockquotes or whatever else you need.
|
||||
import{S as C,i as D,s as j,C as T,g as c,z as b,m,d as g,t as p,h as u,f as y,j as d}from"./index-85f88930.js";import{g as q,a as A}from"./spread-8a54911c.js";import{p as M,M as F,T as V,S as w}from"./collect-stories-fa95313f.js";import{B}from"./BodyText-4b324c0f.js";import{w as P}from"./withParams-47e2ab71.js";import"./Markdown-e31fd5d7.js";import"./Block-d1b8152c.js";const E=`The \`BodyText\` creates the main text of your page. You can pass the \`text\` prop a [markdown-formatted](https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet) string, which will be parsed into paragraphs, headers, lists, blockquotes or whatever else you need.
|
||||
|
||||
Use it like this:
|
||||
|
||||
|
|
@ -90,5 +90,5 @@ Tempor tail doner chicken incididunt beef ribs. Ad ullamco in cupim venison. Leb
|
|||
Ham hock id porchetta elit. Sint spare ribs aute buffalo.
|
||||
|
||||
<p class='body-correction'>Correction: Lorem ispsum dolor sit amet ameno dorime.</p>
|
||||
`}}}),{c(){c(o.$$.fragment),n=b(),c(a.$$.fragment),i=b(),c(t.$$.fragment),l=b(),c(s.$$.fragment)},m(e,r){m(o,e,r),g(e,n,r),m(a,e,r),g(e,i,r),m(t,e,r),g(e,l,r),m(s,e,r),f=!0},p(e,[r]){const S={};o.$set(S);const x={};r&3&&(x.$$scope={dirty:r,ctx:e}),a.$set(x)},i(e){f||(p(o.$$.fragment,e),p(a.$$.fragment,e),p(t.$$.fragment,e),p(s.$$.fragment,e),f=!0)},o(e){u(o.$$.fragment,e),u(a.$$.fragment,e),u(t.$$.fragment,e),u(s.$$.fragment,e),f=!1},d(e){e&&(y(n),y(i),y(l)),d(o,e),d(a,e),d(t,e),d(s,e)}}}class v extends C{constructor(o){super(),D(this,o,null,J,j,{})}}v.__docgen={version:3,name:"BodyText.stories.svelte",data:[],computed:[],methods:[],components:[],description:null,keywords:[],events:[],slots:[],refs:[]};const $=M(v,{meta:{title:"Components/BodyText"},stories:{"tpl:default":{name:"default",template:!0,source:"<BodyText {...args} />",hasArgs:!0},Default:{name:"Default",template:!1,source:"",hasArgs:!1},TypographySample:{name:"Typography sample",template:!1,source:"",hasArgs:!1}},allocatedIds:["default","Meta","Template","Story","componentDocs","BodyText","withComponentDocs"]}),U=$.meta,Y=["Default","TypographySample"],z=$.stories.Default,N=$.stories.TypographySample;export{z as Default,N as TypographySample,Y as __namedExportsOrder,U as default};
|
||||
//# sourceMappingURL=BodyText.stories-87bd5538.js.map
|
||||
`}}}),{c(){c(o.$$.fragment),n=b(),c(a.$$.fragment),i=b(),c(t.$$.fragment),l=b(),c(s.$$.fragment)},m(e,r){m(o,e,r),g(e,n,r),m(a,e,r),g(e,i,r),m(t,e,r),g(e,l,r),m(s,e,r),f=!0},p(e,[r]){const S={};o.$set(S);const x={};r&3&&(x.$$scope={dirty:r,ctx:e}),a.$set(x)},i(e){f||(p(o.$$.fragment,e),p(a.$$.fragment,e),p(t.$$.fragment,e),p(s.$$.fragment,e),f=!0)},o(e){u(o.$$.fragment,e),u(a.$$.fragment,e),u(t.$$.fragment,e),u(s.$$.fragment,e),f=!1},d(e){e&&(y(n),y(i),y(l)),d(o,e),d(a,e),d(t,e),d(s,e)}}}class v extends C{constructor(o){super(),D(this,o,null,J,j,{})}}v.__docgen={version:3,name:"BodyText.stories.svelte",data:[],computed:[],methods:[],components:[],description:null,keywords:[],events:[],slots:[],refs:[]};const $=M(v,{meta:{title:"Components/BodyText"},stories:{"tpl:default":{name:"default",template:!0,source:"<BodyText {...args} />",hasArgs:!0},Default:{name:"Default",template:!1,source:"",hasArgs:!1},TypographySample:{name:"Typography sample",template:!1,source:"",hasArgs:!1}},allocatedIds:["default","Meta","Template","Story","componentDocs","BodyText","withComponentDocs"]}),Q=$.meta,U=["Default","TypographySample"],Y=$.stories.Default,N=$.stories.TypographySample;export{Y as Default,N as TypographySample,U as __namedExportsOrder,Q as default};
|
||||
//# sourceMappingURL=BodyText.stories-52ea43ea.js.map
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1,4 +1,4 @@
|
|||
import{S as v,i as A,s as C,C as B,g as l,y as d,m as f,d as y,t as u,h as c,f as D,j as $}from"./index-99a30af8.js";import{g as h,a as T}from"./spread-8a54911c.js";import{p as M,M as P,T as Z,S as I}from"./collect-stories-1e0d20c7.js";import{B as w}from"./Byline-1358d74f.js";import{w as O}from"./withParams-47e2ab71.js";import"./each-e59479a4.js";import"./Block-a09d61d3.js";import"./_commonjsHelpers-de833af9.js";import"./journalize-07958dc6.js";const j=`Byline and dateline.
|
||||
import{S as v,i as A,s as C,C as B,g as l,z as d,m as f,d as y,t as u,h as c,f as D,j as $}from"./index-85f88930.js";import{g as h,a as T}from"./spread-8a54911c.js";import{p as M,M as P,T as Z,S as I}from"./collect-stories-fa95313f.js";import{B as w}from"./Byline-bc75d557.js";import{w as O}from"./withParams-47e2ab71.js";import"./each-e59479a4.js";import"./Block-d1b8152c.js";import"./_commonjsHelpers-de833af9.js";import"./journalize-07958dc6.js";const j=`Byline and dateline.
|
||||
|
||||
\`\`\`svelte
|
||||
<script>
|
||||
|
|
@ -18,4 +18,4 @@ import{S as v,i as A,s as C,C as B,g as l,y as d,m as f,d as y,t as u,h as c,f a
|
|||
/>
|
||||
\`\`\`
|
||||
`;function k(p){let n,r;const a=[p[1]];let i={};for(let t=0;t<a.length;t+=1)i=B(i,a[t]);return n=new w({props:i}),{c(){l(n.$$.fragment)},m(t,o){f(n,t,o),r=!0},p(t,o){const m=o&2?h(a,[T(t[1])]):{};n.$set(m)},i(t){r||(u(n.$$.fragment,t),r=!0)},o(t){c(n.$$.fragment,t),r=!1},d(t){$(n,t)}}}function K(p){let n,r,a,i,t,o;const m=[{title:"Components/Byline"},{component:w},p[0]];let g={};for(let e=0;e<m.length;e+=1)g=B(g,m[e]);return n=new P({props:g}),a=new Z({props:{$$slots:{default:[k,({args:e})=>({1:e}),({args:e})=>e?2:0]},$$scope:{ctx:p}}}),t=new I({props:{name:"Default",args:{align:"left",authors:["Dea Bankova","Aditi Bhandari","Prasanta Kumar Dutta","Anurag Rao","Mariano Zafra"],publishTime:new Date("2021-09-12").toISOString(),updateTime:new Date("2021-09-12T13:57:00").toISOString()}}}),{c(){l(n.$$.fragment),r=d(),l(a.$$.fragment),i=d(),l(t.$$.fragment)},m(e,s){f(n,e,s),y(e,r,s),f(a,e,s),y(e,i,s),f(t,e,s),o=!0},p(e,[s]){const b=s&1?h(m,[m[0],m[1],T(e[0])]):{};n.$set(b);const _={};s&6&&(_.$$scope={dirty:s,ctx:e}),a.$set(_)},i(e){o||(u(n.$$.fragment,e),u(a.$$.fragment,e),u(t.$$.fragment,e),o=!0)},o(e){c(n.$$.fragment,e),c(a.$$.fragment,e),c(t.$$.fragment,e),o=!1},d(e){e&&(D(r),D(i)),$(n,e),$(a,e),$(t,e)}}}function R(p){return[{...O(j),argTypes:{align:{control:"select",options:["left","center"]}}}]}class q extends v{constructor(n){super(),A(this,n,R,K,C,{})}}const S=M(q,{meta:{title:"Components/Byline"},stories:{"tpl:default":{name:"default",template:!0,source:"<Byline {...args} />",hasArgs:!0},Default:{name:"Default",template:!1,source:"",hasArgs:!1}},allocatedIds:["default","Meta","Template","Story","componentDocs","Byline","withComponentDocs"]}),Q=S.meta,U=["Default"],V=S.stories.Default;export{V as Default,U as __namedExportsOrder,Q as default};
|
||||
//# sourceMappingURL=Byline.stories-541562f2.js.map
|
||||
//# sourceMappingURL=Byline.stories-793f887f.js.map
|
||||
|
|
@ -1 +1 @@
|
|||
{"version":3,"file":"Byline.stories-541562f2.js","sources":["../../src/components/Byline/stories/docs/component.md?raw","../../src/components/Byline/Byline.stories.svelte"],"sourcesContent":["export default \"Byline and dateline.\\n\\n```svelte\\n<script>\\n import { Byline } from '@reuters-graphics/graphics-components';\\n</script>\\n\\n<Byline\\n authors=\\\"{[\\n 'Dea Bankova',\\n 'Aditi Bhandari',\\n 'Prasanta Kumar Dutta',\\n 'Anurag Rao',\\n 'Mariano Zafra',\\n ]}\\\"\\n publishTime=\\\"2021-09-12T00:00:00.000Z\\\"\\n updateTime=\\\"2021-09-12T12:57:00.000Z\\\"\\n/>\\n```\\n\"","<script>\n import { Meta, Template, Story } from '@storybook/addon-svelte-csf';\n\n // @ts-ignore\n import componentDocs from './stories/docs/component.md?raw';\n\n import Byline from './Byline.svelte';\n\n import { withComponentDocs } from '$lib/docs/utils/withParams.js';\n\n const metaProps = {\n ...withComponentDocs(componentDocs),\n // https://storybook.js.org/docs/svelte/essentials/controls\n argTypes: {\n align: {\n control: 'select',\n options: ['left', 'center'],\n },\n },\n };\n</script>\n\n<Meta title=\"Components/Byline\" component=\"{Byline}\" {...metaProps} />\n\n<Template let:args>\n <Byline {...args} />\n</Template>\n\n<Story\n name=\"Default\"\n args=\"{{\n align: 'left',\n authors: [\n 'Dea Bankova',\n 'Aditi Bhandari',\n 'Prasanta Kumar Dutta',\n 'Anurag Rao',\n 'Mariano Zafra',\n ],\n publishTime: new Date('2021-09-12').toISOString(),\n updateTime: new Date('2021-09-12T13:57:00').toISOString(),\n }}\"\n/>\n"],"names":["componentDocs","ctx","meta_spread_levels","Byline","withComponentDocs"],"mappings":"icAAA,MAAeA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iCCyBDC,EAAI,CAAA,CAAA,oJAAJA,EAAI,CAAA,CAAA,CAAA,CAAA,6HAH0B,MAAAC,EAAA,CAAA,CAAA,MAAA,mBAAA,EAAA,CAAA,UAAAC,GAAaF,EAAS,CAAA,CAAA,iNAS9D,MAAO,OACP,QAAO,CACL,cACA,iBACA,uBACA,aACA,iBAEF,YAAiB,IAAA,KAAK,YAAY,EAAE,YAAW,EAC/C,WAAgB,IAAA,KAAK,qBAAqB,EAAE,YAAW,2KAlBFA,EAAS,CAAA,CAAA,qRAZjD,CACV,GAAAG,EAAkBJ,CAAa,EAElC,SAAQ,CACN,MAAK,CACH,QAAS,SACT,QAAO,CAAG,OAAQ,QAAQ"}
|
||||
{"version":3,"file":"Byline.stories-793f887f.js","sources":["../../src/components/Byline/stories/docs/component.md?raw","../../src/components/Byline/Byline.stories.svelte"],"sourcesContent":["export default \"Byline and dateline.\\n\\n```svelte\\n<script>\\n import { Byline } from '@reuters-graphics/graphics-components';\\n</script>\\n\\n<Byline\\n authors=\\\"{[\\n 'Dea Bankova',\\n 'Aditi Bhandari',\\n 'Prasanta Kumar Dutta',\\n 'Anurag Rao',\\n 'Mariano Zafra',\\n ]}\\\"\\n publishTime=\\\"2021-09-12T00:00:00.000Z\\\"\\n updateTime=\\\"2021-09-12T12:57:00.000Z\\\"\\n/>\\n```\\n\"","<script>\n import { Meta, Template, Story } from '@storybook/addon-svelte-csf';\n\n // @ts-ignore\n import componentDocs from './stories/docs/component.md?raw';\n\n import Byline from './Byline.svelte';\n\n import { withComponentDocs } from '$lib/docs/utils/withParams.js';\n\n const metaProps = {\n ...withComponentDocs(componentDocs),\n // https://storybook.js.org/docs/svelte/essentials/controls\n argTypes: {\n align: {\n control: 'select',\n options: ['left', 'center'],\n },\n },\n };\n</script>\n\n<Meta title=\"Components/Byline\" component=\"{Byline}\" {...metaProps} />\n\n<Template let:args>\n <Byline {...args} />\n</Template>\n\n<Story\n name=\"Default\"\n args=\"{{\n align: 'left',\n authors: [\n 'Dea Bankova',\n 'Aditi Bhandari',\n 'Prasanta Kumar Dutta',\n 'Anurag Rao',\n 'Mariano Zafra',\n ],\n publishTime: new Date('2021-09-12').toISOString(),\n updateTime: new Date('2021-09-12T13:57:00').toISOString(),\n }}\"\n/>\n"],"names":["componentDocs","ctx","meta_spread_levels","Byline","withComponentDocs"],"mappings":"icAAA,MAAeA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iCCyBDC,EAAI,CAAA,CAAA,oJAAJA,EAAI,CAAA,CAAA,CAAA,CAAA,6HAH0B,MAAAC,EAAA,CAAA,CAAA,MAAA,mBAAA,EAAA,CAAA,UAAAC,GAAaF,EAAS,CAAA,CAAA,iNAS9D,MAAO,OACP,QAAO,CACL,cACA,iBACA,uBACA,aACA,iBAEF,YAAiB,IAAA,KAAK,YAAY,EAAE,YAAW,EAC/C,WAAgB,IAAA,KAAK,qBAAqB,EAAE,YAAW,2KAlBFA,EAAS,CAAA,CAAA,qRAZjD,CACV,GAAAG,EAAkBJ,CAAa,EAElC,SAAQ,CACN,MAAK,CACH,QAAS,SACT,QAAO,CAAG,OAAQ,QAAQ"}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1,2 +0,0 @@
|
|||
import{D as d,d as n}from"./chunk-S4VUQJ4A-cf12a521.js";import"./iframe-6dd184d1.js";import"../sb-preview/runtime.js";import"./index-9f7f7f51.js";import"./_commonjsHelpers-de833af9.js";import"./index-d37d4223.js";import"./index-e04ae519.js";import"./index-356e4a49.js";export{d as DocsRenderer,n as defaultComponents};
|
||||
//# sourceMappingURL=DocsRenderer-3PUGWF3O-1af23a48.js.map
|
||||
|
|
@ -1 +0,0 @@
|
|||
{"version":3,"file":"DocsRenderer-3PUGWF3O-1af23a48.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
||||
2
docs/assets/DocsRenderer-3PUGWF3O-b8f71a0e.js
Normal file
2
docs/assets/DocsRenderer-3PUGWF3O-b8f71a0e.js
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
import{D as d,d as n}from"./chunk-S4VUQJ4A-6012e64b.js";import"./iframe-8b410132.js";import"../sb-preview/runtime.js";import"./index-20ac22d7.js";import"./_commonjsHelpers-de833af9.js";import"./index-d37d4223.js";import"./index-e04ae519.js";import"./index-356e4a49.js";export{d as DocsRenderer,n as defaultComponents};
|
||||
//# sourceMappingURL=DocsRenderer-3PUGWF3O-b8f71a0e.js.map
|
||||
1
docs/assets/DocsRenderer-3PUGWF3O-b8f71a0e.js.map
Normal file
1
docs/assets/DocsRenderer-3PUGWF3O-b8f71a0e.js.map
Normal file
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"file":"DocsRenderer-3PUGWF3O-b8f71a0e.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
import{S as $,i as k,s as C,g as d,m as f,t as p,h as g,j as h,l as q,b as m,F as b,d as w,f as _,C as v,y as D}from"./index-99a30af8.js";import{g as A,a as S}from"./spread-8a54911c.js";import{p as R,M,T as V,S as j}from"./collect-stories-1e0d20c7.js";import{B}from"./Block-a09d61d3.js";import{w as E}from"./withParams-47e2ab71.js";const F=`Embed a document hosted by [DocumentCloud](https://documentcloud.org)
|
||||
import{S as $,i as k,s as C,g as d,m as f,t as p,h as g,j as h,o as q,b as m,F as b,d as w,f as _,C as v,z as D}from"./index-85f88930.js";import{g as A,a as S}from"./spread-8a54911c.js";import{p as R,M,T as V,S as j}from"./collect-stories-fa95313f.js";import{B}from"./Block-d1b8152c.js";import{w as E}from"./withParams-47e2ab71.js";const F=`Embed a document hosted by [DocumentCloud](https://documentcloud.org)
|
||||
|
||||
---
|
||||
|
||||
|
|
@ -15,5 +15,5 @@ The document must have its access level set to public before it can be embedded.
|
|||
width="normal"
|
||||
/>
|
||||
\`\`\`
|
||||
`;function H(a){let e,o;return{c(){e=q("iframe"),m(e,"class","h-screen"),b(e.src,o="https://embed.documentcloud.org/documents/"+a[1]+"/?embed=1&responsive=1&title=1")||m(e,"src",o),m(e,"title",a[2]),m(e,"width","700"),m(e,"height","540"),m(e,"sandbox","allow-scripts allow-same-origin allow-popups allow-forms allow-popups-to-escape-sandbox")},m(t,l){w(t,e,l)},p(t,l){l&2&&!b(e.src,o="https://embed.documentcloud.org/documents/"+t[1]+"/?embed=1&responsive=1&title=1")&&m(e,"src",o),l&4&&m(e,"title",t[2])},d(t){t&&_(e)}}}function P(a){let e,o;return e=new B({props:{width:a[0],id:a[3],class:"photo fmy-6 "+a[4],$$slots:{default:[H]},$$scope:{ctx:a}}}),{c(){d(e.$$.fragment)},m(t,l){f(e,t,l),o=!0},p(t,[l]){const s={};l&1&&(s.width=t[0]),l&8&&(s.id=t[3]),l&16&&(s.class="photo fmy-6 "+t[4]),l&38&&(s.$$scope={dirty:l,ctx:t}),e.$set(s)},i(t){o||(p(e.$$.fragment,t),o=!0)},o(t){g(e.$$.fragment,t),o=!1},d(t){h(e,t)}}}function L(a,e,o){let{width:t="normal"}=e,{slug:l}=e,{altText:s}=e,{id:r=""}=e,{class:u=""}=e;return a.$$set=i=>{"width"in i&&o(0,t=i.width),"slug"in i&&o(1,l=i.slug),"altText"in i&&o(2,s=i.altText),"id"in i&&o(3,r=i.id),"class"in i&&o(4,u=i.class)},[t,l,s,r,u]}class y extends ${constructor(e){super(),k(this,e,L,P,C,{width:0,slug:1,altText:2,id:3,class:4})}}y.__docgen={version:3,name:"DocumentCloud.svelte",data:[{keywords:[],visibility:"public",description:"Width of the container, one of: normal, wide, wider, widest or fluid",name:"width",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"string",type:"string"},defaultValue:"normal"},{keywords:[{name:"required",description:""}],visibility:"public",description:"The unique identifier for the document.",name:"slug",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"any",type:"any"}},{keywords:[{name:"required",description:""}],visibility:"public",description:"Alt text for the document.",name:"altText",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"any",type:"any"}},{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:""}],computed:[],methods:[],components:[],description:null,keywords:[],events:[],slots:[],refs:[]};function N(a){let e,o;const t=[a[1]];let l={};for(let s=0;s<t.length;s+=1)l=v(l,t[s]);return e=new y({props:l}),{c(){d(e.$$.fragment)},m(s,r){f(e,s,r),o=!0},p(s,r){const u=r&2?A(t,[S(s[1])]):{};e.$set(u)},i(s){o||(p(e.$$.fragment,s),o=!0)},o(s){g(e.$$.fragment,s),o=!1},d(s){h(e,s)}}}function O(a){let e,o,t,l,s,r;const u=[{title:"Components/DocumentCloud"},{component:y},a[0]];let i={};for(let n=0;n<u.length;n+=1)i=v(i,u[n]);return e=new M({props:i}),t=new V({props:{$$slots:{default:[N,({args:n})=>({1:n}),({args:n})=>n?2:0]},$$scope:{ctx:a}}}),s=new j({props:{name:"Default",args:{width:"normal",slug:"3259984-Trump-Intelligence-Allegations",altText:"These Reports Allege Trump Has Deep Ties To Russia"}}}),{c(){d(e.$$.fragment),o=D(),d(t.$$.fragment),l=D(),d(s.$$.fragment)},m(n,c){f(e,n,c),w(n,o,c),f(t,n,c),w(n,l,c),f(s,n,c),r=!0},p(n,[c]){const I=c&1?A(u,[u[0],u[1],S(n[0])]):{};e.$set(I);const T={};c&6&&(T.$$scope={dirty:c,ctx:n}),t.$set(T)},i(n){r||(p(e.$$.fragment,n),p(t.$$.fragment,n),p(s.$$.fragment,n),r=!0)},o(n){g(e.$$.fragment,n),g(t.$$.fragment,n),g(s.$$.fragment,n),r=!1},d(n){n&&(_(o),_(l)),h(e,n),h(t,n),h(s,n)}}}function U(a){return[{...E(F),argTypes:{width:{control:"select",options:["normal","wide","wider","widest","fluid"]}}}]}class W extends ${constructor(e){super(),k(this,e,U,O,C,{})}}const x=R(W,{meta:{title:"Components/DocumentCloud"},stories:{"tpl:default":{name:"default",template:!0,source:"<DocumentCloud {...args} />",hasArgs:!0},Default:{name:"Default",template:!1,source:"",hasArgs:!1}},allocatedIds:["default","Meta","Template","Story","componentDocs","DocumentCloud","withComponentDocs"]}),X=x.meta,Y=["Default"],Z=x.stories.Default;export{Z as Default,Y as __namedExportsOrder,X as default};
|
||||
//# sourceMappingURL=DocumentCloud.stories-6f3ee599.js.map
|
||||
`;function H(a){let e,o;return{c(){e=q("iframe"),m(e,"class","h-screen"),b(e.src,o="https://embed.documentcloud.org/documents/"+a[1]+"/?embed=1&responsive=1&title=1")||m(e,"src",o),m(e,"title",a[2]),m(e,"width","700"),m(e,"height","540"),m(e,"sandbox","allow-scripts allow-same-origin allow-popups allow-forms allow-popups-to-escape-sandbox")},m(t,l){w(t,e,l)},p(t,l){l&2&&!b(e.src,o="https://embed.documentcloud.org/documents/"+t[1]+"/?embed=1&responsive=1&title=1")&&m(e,"src",o),l&4&&m(e,"title",t[2])},d(t){t&&_(e)}}}function P(a){let e,o;return e=new B({props:{width:a[0],id:a[3],class:"photo fmy-6 "+a[4],$$slots:{default:[H]},$$scope:{ctx:a}}}),{c(){d(e.$$.fragment)},m(t,l){f(e,t,l),o=!0},p(t,[l]){const s={};l&1&&(s.width=t[0]),l&8&&(s.id=t[3]),l&16&&(s.class="photo fmy-6 "+t[4]),l&38&&(s.$$scope={dirty:l,ctx:t}),e.$set(s)},i(t){o||(p(e.$$.fragment,t),o=!0)},o(t){g(e.$$.fragment,t),o=!1},d(t){h(e,t)}}}function z(a,e,o){let{width:t="normal"}=e,{slug:l}=e,{altText:s}=e,{id:r=""}=e,{class:u=""}=e;return a.$$set=i=>{"width"in i&&o(0,t=i.width),"slug"in i&&o(1,l=i.slug),"altText"in i&&o(2,s=i.altText),"id"in i&&o(3,r=i.id),"class"in i&&o(4,u=i.class)},[t,l,s,r,u]}class y extends ${constructor(e){super(),k(this,e,z,P,C,{width:0,slug:1,altText:2,id:3,class:4})}}y.__docgen={version:3,name:"DocumentCloud.svelte",data:[{keywords:[],visibility:"public",description:"Width of the container, one of: normal, wide, wider, widest or fluid",name:"width",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"string",type:"string"},defaultValue:"normal"},{keywords:[{name:"required",description:""}],visibility:"public",description:"The unique identifier for the document.",name:"slug",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"any",type:"any"}},{keywords:[{name:"required",description:""}],visibility:"public",description:"Alt text for the document.",name:"altText",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"any",type:"any"}},{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:""}],computed:[],methods:[],components:[],description:null,keywords:[],events:[],slots:[],refs:[]};function L(a){let e,o;const t=[a[1]];let l={};for(let s=0;s<t.length;s+=1)l=v(l,t[s]);return e=new y({props:l}),{c(){d(e.$$.fragment)},m(s,r){f(e,s,r),o=!0},p(s,r){const u=r&2?A(t,[S(s[1])]):{};e.$set(u)},i(s){o||(p(e.$$.fragment,s),o=!0)},o(s){g(e.$$.fragment,s),o=!1},d(s){h(e,s)}}}function N(a){let e,o,t,l,s,r;const u=[{title:"Components/DocumentCloud"},{component:y},a[0]];let i={};for(let n=0;n<u.length;n+=1)i=v(i,u[n]);return e=new M({props:i}),t=new V({props:{$$slots:{default:[L,({args:n})=>({1:n}),({args:n})=>n?2:0]},$$scope:{ctx:a}}}),s=new j({props:{name:"Default",args:{width:"normal",slug:"3259984-Trump-Intelligence-Allegations",altText:"These Reports Allege Trump Has Deep Ties To Russia"}}}),{c(){d(e.$$.fragment),o=D(),d(t.$$.fragment),l=D(),d(s.$$.fragment)},m(n,c){f(e,n,c),w(n,o,c),f(t,n,c),w(n,l,c),f(s,n,c),r=!0},p(n,[c]){const I=c&1?A(u,[u[0],u[1],S(n[0])]):{};e.$set(I);const T={};c&6&&(T.$$scope={dirty:c,ctx:n}),t.$set(T)},i(n){r||(p(e.$$.fragment,n),p(t.$$.fragment,n),p(s.$$.fragment,n),r=!0)},o(n){g(e.$$.fragment,n),g(t.$$.fragment,n),g(s.$$.fragment,n),r=!1},d(n){n&&(_(o),_(l)),h(e,n),h(t,n),h(s,n)}}}function O(a){return[{...E(F),argTypes:{width:{control:"select",options:["normal","wide","wider","widest","fluid"]}}}]}class U extends ${constructor(e){super(),k(this,e,O,N,C,{})}}const x=R(U,{meta:{title:"Components/DocumentCloud"},stories:{"tpl:default":{name:"default",template:!0,source:"<DocumentCloud {...args} />",hasArgs:!0},Default:{name:"Default",template:!1,source:"",hasArgs:!1}},allocatedIds:["default","Meta","Template","Story","componentDocs","DocumentCloud","withComponentDocs"]}),X=x.meta,Y=["Default"],Z=x.stories.Default;export{Z as Default,Y as __namedExportsOrder,X as default};
|
||||
//# sourceMappingURL=DocumentCloud.stories-50f94283.js.map
|
||||
|
|
@ -1 +1 @@
|
|||
{"version":3,"file":"DocumentCloud.stories-6f3ee599.js","sources":["../../src/components/DocumentCloud/stories/docs/component.md?raw","../../src/components/DocumentCloud/DocumentCloud.svelte","../../src/components/DocumentCloud/DocumentCloud.stories.svelte"],"sourcesContent":["export default \"Embed a document hosted by [DocumentCloud](https://documentcloud.org)\\n\\n---\\n\\nThe document must have its access level set to public before it can be embedded. The `slug` argument can be found after the final slash in the document's URL. For instance, the document included in the example is found at [documentcloud.org/documents/3259984-Trump-Intelligence-Allegations](https://www.documentcloud.org/documents/3259984-Trump-Intelligence-Allegations). The slug is \\\"3259984-Trump-Intelligence-Allegations\\\".\\n\\n```svelte\\n<script>\\n import { DocumentCloud } from '@reuters-graphics/graphics-components';\\n</script>\\n\\n<DocumentCloud\\n slug=\\\"3259984-Trump-Intelligence-Allegations\\\"\\n altText=\\\"These Reports Allege Trump Has Deep Ties To Russia\\\"\\n width=\\\"normal\\\"\\n/>\\n```\\n\"","<!-- @component `DocumentCloud` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-DocumentCloud--default) -->\n<script lang=\"ts\">\n import type { ContainerWidth } from '../@types/global';\n /** ✏️ DOCUMENT your chart's props using TypeScript and JSDoc comments like below! */\n\n /**\n * Width of the container, one of: normal, wide, wider, widest or fluid\n */\n export let width: ContainerWidth = 'normal';\n\n /**\n * The unique identifier for the document.\n * @required\n */\n export let slug: string;\n\n /**\n * Alt text for the document.\n * @required\n */\n export let altText: string;\n\n /** Add an ID to target with SCSS. */\n export let id: string = '';\n\n /** Add a class to target with SCSS. */\n let cls: string = '';\n export { cls as class };\n\n import Block from '../Block/Block.svelte';\n</script>\n\n<Block width=\"{width}\" id=\"{id}\" class=\"photo fmy-6 {cls}\">\n <iframe\n class=\"h-screen\"\n src=\"https://embed.documentcloud.org/documents/{slug}/?embed=1&responsive=1&title=1\"\n title=\"{altText}\"\n width=\"700\"\n height=\"540\"\n sandbox=\"allow-scripts allow-same-origin allow-popups allow-forms allow-popups-to-escape-sandbox\"\n ></iframe>\n</Block>\n","<script>\n import { Meta, Template, Story } from '@storybook/addon-svelte-csf';\n\n // Don't lose the \"?raw\" in markdown imports!\n // @ts-ignore\n import componentDocs from './stories/docs/component.md?raw';\n\n import DocumentCloud from './DocumentCloud.svelte';\n\n import { withComponentDocs } from '$docs/utils/withParams.js';\n\n const metaProps = {\n ...withComponentDocs(componentDocs),\n argTypes: {\n width: {\n control: 'select',\n options: ['normal', 'wide', 'wider', 'widest', 'fluid'],\n },\n },\n };\n</script>\n\n<Meta\n title=\"Components/DocumentCloud\"\n component=\"{DocumentCloud}\"\n {...metaProps}\n/>\n\n<Template let:args>\n <DocumentCloud {...args} />\n</Template>\n\n<Story\n name=\"Default\"\n args=\"{{\n width: 'normal',\n slug: '3259984-Trump-Intelligence-Allegations',\n altText: 'These Reports Allege Trump Has Deep Ties To Russia',\n }}\"\n/>\n"],"names":["componentDocs","ctx","attr","iframe","iframe_src_value","insert","target","anchor","width","$$props","slug","altText","id","cls","DocumentCloud","withComponentDocs"],"mappings":"4UAAA,MAAeA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gICmCqCC,EAAI,CAAA,EAAA,gCAAA,GAAAC,EAAAC,EAAA,MAAAC,CAAA,cAC5CH,EAAO,CAAA,CAAA,0JAHjBI,EAOSC,EAAAH,EAAAI,CAAA,uEALyCN,EAAI,CAAA,EAAA,gCAAA,iCAC5CA,EAAO,CAAA,CAAA,qEAJJA,EAAK,CAAA,KAAQA,EAAE,CAAA,uBAAuBA,EAAG,CAAA,0HAAzCA,EAAK,CAAA,cAAQA,EAAE,CAAA,iCAAuBA,EAAG,CAAA,iJAxB3C,GAAA,CAAA,MAAAO,EAAwB,QAAQ,EAAAC,GAMhC,KAAAC,CAAY,EAAAD,GAMZ,QAAAE,CAAe,EAAAF,EAGf,CAAA,GAAAG,EAAa,EAAE,EAAAH,EAGtB,CAAA,MAAAI,EAAc,EAAE,EAAAJ,q8CCGDR,EAAI,CAAA,CAAA,oJAAJA,EAAI,CAAA,CAAA,CAAA,CAAA,oLALXa,CAAa,EACrBb,EAAS,CAAA,kNAUX,MAAO,SACP,KAAM,yCACN,QAAS,8NAZPA,EAAS,CAAA,CAAA,qRAdE,CACV,GAAAc,EAAkBf,CAAa,EAClC,SAAQ,CACN,MAAK,CACH,QAAS,SACT,QAAO,CAAG,SAAU,OAAQ,QAAS,SAAU,OAAO"}
|
||||
{"version":3,"file":"DocumentCloud.stories-50f94283.js","sources":["../../src/components/DocumentCloud/stories/docs/component.md?raw","../../src/components/DocumentCloud/DocumentCloud.svelte","../../src/components/DocumentCloud/DocumentCloud.stories.svelte"],"sourcesContent":["export default \"Embed a document hosted by [DocumentCloud](https://documentcloud.org)\\n\\n---\\n\\nThe document must have its access level set to public before it can be embedded. The `slug` argument can be found after the final slash in the document's URL. For instance, the document included in the example is found at [documentcloud.org/documents/3259984-Trump-Intelligence-Allegations](https://www.documentcloud.org/documents/3259984-Trump-Intelligence-Allegations). The slug is \\\"3259984-Trump-Intelligence-Allegations\\\".\\n\\n```svelte\\n<script>\\n import { DocumentCloud } from '@reuters-graphics/graphics-components';\\n</script>\\n\\n<DocumentCloud\\n slug=\\\"3259984-Trump-Intelligence-Allegations\\\"\\n altText=\\\"These Reports Allege Trump Has Deep Ties To Russia\\\"\\n width=\\\"normal\\\"\\n/>\\n```\\n\"","<!-- @component `DocumentCloud` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-DocumentCloud--default) -->\n<script lang=\"ts\">\n import type { ContainerWidth } from '../@types/global';\n /** ✏️ DOCUMENT your chart's props using TypeScript and JSDoc comments like below! */\n\n /**\n * Width of the container, one of: normal, wide, wider, widest or fluid\n */\n export let width: ContainerWidth = 'normal';\n\n /**\n * The unique identifier for the document.\n * @required\n */\n export let slug: string;\n\n /**\n * Alt text for the document.\n * @required\n */\n export let altText: string;\n\n /** Add an ID to target with SCSS. */\n export let id: string = '';\n\n /** Add a class to target with SCSS. */\n let cls: string = '';\n export { cls as class };\n\n import Block from '../Block/Block.svelte';\n</script>\n\n<Block width=\"{width}\" id=\"{id}\" class=\"photo fmy-6 {cls}\">\n <iframe\n class=\"h-screen\"\n src=\"https://embed.documentcloud.org/documents/{slug}/?embed=1&responsive=1&title=1\"\n title=\"{altText}\"\n width=\"700\"\n height=\"540\"\n sandbox=\"allow-scripts allow-same-origin allow-popups allow-forms allow-popups-to-escape-sandbox\"\n ></iframe>\n</Block>\n","<script>\n import { Meta, Template, Story } from '@storybook/addon-svelte-csf';\n\n // Don't lose the \"?raw\" in markdown imports!\n // @ts-ignore\n import componentDocs from './stories/docs/component.md?raw';\n\n import DocumentCloud from './DocumentCloud.svelte';\n\n import { withComponentDocs } from '$docs/utils/withParams.js';\n\n const metaProps = {\n ...withComponentDocs(componentDocs),\n argTypes: {\n width: {\n control: 'select',\n options: ['normal', 'wide', 'wider', 'widest', 'fluid'],\n },\n },\n };\n</script>\n\n<Meta\n title=\"Components/DocumentCloud\"\n component=\"{DocumentCloud}\"\n {...metaProps}\n/>\n\n<Template let:args>\n <DocumentCloud {...args} />\n</Template>\n\n<Story\n name=\"Default\"\n args=\"{{\n width: 'normal',\n slug: '3259984-Trump-Intelligence-Allegations',\n altText: 'These Reports Allege Trump Has Deep Ties To Russia',\n }}\"\n/>\n"],"names":["componentDocs","ctx","attr","iframe","iframe_src_value","insert","target","anchor","width","$$props","slug","altText","id","cls","DocumentCloud","withComponentDocs"],"mappings":"4UAAA,MAAeA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gICmCqCC,EAAI,CAAA,EAAA,gCAAA,GAAAC,EAAAC,EAAA,MAAAC,CAAA,cAC5CH,EAAO,CAAA,CAAA,0JAHjBI,EAOSC,EAAAH,EAAAI,CAAA,uEALyCN,EAAI,CAAA,EAAA,gCAAA,iCAC5CA,EAAO,CAAA,CAAA,qEAJJA,EAAK,CAAA,KAAQA,EAAE,CAAA,uBAAuBA,EAAG,CAAA,0HAAzCA,EAAK,CAAA,cAAQA,EAAE,CAAA,iCAAuBA,EAAG,CAAA,iJAxB3C,GAAA,CAAA,MAAAO,EAAwB,QAAQ,EAAAC,GAMhC,KAAAC,CAAY,EAAAD,GAMZ,QAAAE,CAAe,EAAAF,EAGf,CAAA,GAAAG,EAAa,EAAE,EAAAH,EAGtB,CAAA,MAAAI,EAAc,EAAE,EAAAJ,q8CCGDR,EAAI,CAAA,CAAA,oJAAJA,EAAI,CAAA,CAAA,CAAA,CAAA,oLALXa,CAAa,EACrBb,EAAS,CAAA,kNAUX,MAAO,SACP,KAAM,yCACN,QAAS,8NAZPA,EAAS,CAAA,CAAA,qRAdE,CACV,GAAAc,EAAkBf,CAAa,EAClC,SAAQ,CACN,MAAK,CACH,QAAS,SACT,QAAO,CAAG,SAAU,OAAQ,QAAS,SAAU,OAAO"}
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
import{S as E,i as D,s as L,r as M,d as _,t as m,v as S,h as f,w as V,f as $,l as k,g as p,b as v,e as H,m as c,j as d,C as P,y as h}from"./index-99a30af8.js";import{g as z,a as A}from"./spread-8a54911c.js";import{p as T,M as j,T as F,S as N}from"./collect-stories-1e0d20c7.js";import{F as q}from"./fa-89776db2.js";import{w as I}from"./withParams-47e2ab71.js";const O=`An embed tool for development in graphics kit.
|
||||
import{S as E,i as D,s as L,v as M,d as _,t as m,w as S,h as f,x as V,f as $,o as k,g as p,b as v,e as z,m as c,j as d,C as P,z as h}from"./index-85f88930.js";import{g as H,a as A}from"./spread-8a54911c.js";import{p as T,M as j,T as F,S as N}from"./collect-stories-fa95313f.js";import{F as q}from"./fa-95fa679c.js";import{w as I}from"./withParams-47e2ab71.js";const O=`An embed tool for development in graphics kit.
|
||||
|
||||
\`\`\`svelte
|
||||
<script>
|
||||
|
|
@ -12,5 +12,5 @@ import{S as E,i as D,s as L,r as M,d as _,t as m,v as S,h as f,w as V,f as $,l a
|
|||
`;/*!
|
||||
* Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
|
||||
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
||||
*/var R={prefix:"far",iconName:"window-restore",icon:[512,512,[],"f2d2","M464 0H144c-26.5 0-48 21.5-48 48v48H48c-26.5 0-48 21.5-48 48v320c0 26.5 21.5 48 48 48h320c26.5 0 48-21.5 48-48v-48h48c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48zm-96 464H48V256h320v208zm96-96h-48V144c0-26.5-21.5-48-48-48H144V48h320v320z"]};function y(o){let t,a,e,n;return e=new q({props:{icon:R}}),{c(){t=k("div"),a=k("a"),p(e.$$.fragment),v(a,"rel","external"),v(a,"href","/embed-previewer"),v(a,"class","svelte-715e2e"),v(t,"class","svelte-715e2e")},m(r,i){_(r,t,i),H(t,a),c(e,a,null),n=!0},i(r){n||(m(e.$$.fragment,r),n=!0)},o(r){f(e.$$.fragment,r),n=!1},d(r){r&&$(t),d(e)}}}function W(o){let t,a,e=o[0]&&y();return{c(){e&&e.c(),t=M()},m(n,r){e&&e.m(n,r),_(n,t,r),a=!0},p(n,[r]){n[0]?e?r&1&&m(e,1):(e=y(),e.c(),m(e,1),e.m(t.parentNode,t)):e&&(S(),f(e,1,1,()=>{e=null}),V())},i(n){a||(m(e),a=!0)},o(n){f(e),a=!1},d(n){n&&$(t),e&&e.d(n)}}}function B(o,t,a){let{dev:e=!1}=t;return o.$$set=n=>{"dev"in n&&a(0,e=n.dev)},[e]}class g extends E{constructor(t){super(),D(this,t,B,W,L,{dev:0})}}g.__docgen={version:3,name:"EmbedPreviewerLink.svelte",data:[{visibility:"public",description:null,keywords:[],name:"dev",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"boolean",type:"boolean"},defaultValue:!1}],computed:[],methods:[],components:[],description:null,keywords:[],events:[],slots:[],refs:[]};function G(o){let t,a;const e=[o[0]];let n={};for(let r=0;r<e.length;r+=1)n=P(n,e[r]);return t=new g({props:n}),{c(){p(t.$$.fragment)},m(r,i){c(t,r,i),a=!0},p(r,i){const u=i&1?z(e,[A(r[0])]):{};t.$set(u)},i(r){a||(m(t.$$.fragment,r),a=!0)},o(r){f(t.$$.fragment,r),a=!1},d(r){d(t,r)}}}function J(o){let t,a,e,n,r,i;const u=[{title:"Components/EmbedPreviewerLink"},{component:g},I(O)];let w={};for(let s=0;s<u.length;s+=1)w=P(w,u[s]);return t=new j({props:w}),e=new F({props:{$$slots:{default:[G,({args:s})=>({0:s}),({args:s})=>s?1:0]},$$scope:{ctx:o}}}),r=new N({props:{name:"Default",args:{dev:!0}}}),{c(){p(t.$$.fragment),a=h(),p(e.$$.fragment),n=h(),p(r.$$.fragment)},m(s,l){c(t,s,l),_(s,a,l),c(e,s,l),_(s,n,l),c(r,s,l),i=!0},p(s,[l]){const C={};t.$set(C);const b={};l&3&&(b.$$scope={dirty:l,ctx:s}),e.$set(b)},i(s){i||(m(t.$$.fragment,s),m(e.$$.fragment,s),m(r.$$.fragment,s),i=!0)},o(s){f(t.$$.fragment,s),f(e.$$.fragment,s),f(r.$$.fragment,s),i=!1},d(s){s&&($(a),$(n)),d(t,s),d(e,s),d(r,s)}}}class K extends E{constructor(t){super(),D(this,t,null,J,L,{})}}const x=T(K,{meta:{title:"Components/EmbedPreviewerLink"},stories:{"tpl:default":{name:"default",template:!0,source:"<EmbedPreviewerLink {...args} />",hasArgs:!0},Default:{name:"Default",template:!1,source:"",hasArgs:!1}},allocatedIds:["default","Meta","Template","Story","componentDocs","EmbedPreviewerLink","withComponentDocs"]}),ee=x.meta,te=["Default"],re=x.stories.Default;export{re as Default,te as __namedExportsOrder,ee as default};
|
||||
//# sourceMappingURL=EmbedPreviewerLink.stories-d88007c5.js.map
|
||||
*/var R={prefix:"far",iconName:"window-restore",icon:[512,512,[],"f2d2","M464 0H144c-26.5 0-48 21.5-48 48v48H48c-26.5 0-48 21.5-48 48v320c0 26.5 21.5 48 48 48h320c26.5 0 48-21.5 48-48v-48h48c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48zm-96 464H48V256h320v208zm96-96h-48V144c0-26.5-21.5-48-48-48H144V48h320v320z"]};function y(o){let t,a,e,n;return e=new q({props:{icon:R}}),{c(){t=k("div"),a=k("a"),p(e.$$.fragment),v(a,"rel","external"),v(a,"href","/embed-previewer"),v(a,"class","svelte-715e2e"),v(t,"class","svelte-715e2e")},m(r,i){_(r,t,i),z(t,a),c(e,a,null),n=!0},i(r){n||(m(e.$$.fragment,r),n=!0)},o(r){f(e.$$.fragment,r),n=!1},d(r){r&&$(t),d(e)}}}function W(o){let t,a,e=o[0]&&y();return{c(){e&&e.c(),t=M()},m(n,r){e&&e.m(n,r),_(n,t,r),a=!0},p(n,[r]){n[0]?e?r&1&&m(e,1):(e=y(),e.c(),m(e,1),e.m(t.parentNode,t)):e&&(S(),f(e,1,1,()=>{e=null}),V())},i(n){a||(m(e),a=!0)},o(n){f(e),a=!1},d(n){n&&$(t),e&&e.d(n)}}}function B(o,t,a){let{dev:e=!1}=t;return o.$$set=n=>{"dev"in n&&a(0,e=n.dev)},[e]}class g extends E{constructor(t){super(),D(this,t,B,W,L,{dev:0})}}g.__docgen={version:3,name:"EmbedPreviewerLink.svelte",data:[{visibility:"public",description:null,keywords:[],name:"dev",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"boolean",type:"boolean"},defaultValue:!1}],computed:[],methods:[],components:[],description:null,keywords:[],events:[],slots:[],refs:[]};function G(o){let t,a;const e=[o[0]];let n={};for(let r=0;r<e.length;r+=1)n=P(n,e[r]);return t=new g({props:n}),{c(){p(t.$$.fragment)},m(r,i){c(t,r,i),a=!0},p(r,i){const u=i&1?H(e,[A(r[0])]):{};t.$set(u)},i(r){a||(m(t.$$.fragment,r),a=!0)},o(r){f(t.$$.fragment,r),a=!1},d(r){d(t,r)}}}function J(o){let t,a,e,n,r,i;const u=[{title:"Components/EmbedPreviewerLink"},{component:g},I(O)];let w={};for(let s=0;s<u.length;s+=1)w=P(w,u[s]);return t=new j({props:w}),e=new F({props:{$$slots:{default:[G,({args:s})=>({0:s}),({args:s})=>s?1:0]},$$scope:{ctx:o}}}),r=new N({props:{name:"Default",args:{dev:!0}}}),{c(){p(t.$$.fragment),a=h(),p(e.$$.fragment),n=h(),p(r.$$.fragment)},m(s,l){c(t,s,l),_(s,a,l),c(e,s,l),_(s,n,l),c(r,s,l),i=!0},p(s,[l]){const C={};t.$set(C);const b={};l&3&&(b.$$scope={dirty:l,ctx:s}),e.$set(b)},i(s){i||(m(t.$$.fragment,s),m(e.$$.fragment,s),m(r.$$.fragment,s),i=!0)},o(s){f(t.$$.fragment,s),f(e.$$.fragment,s),f(r.$$.fragment,s),i=!1},d(s){s&&($(a),$(n)),d(t,s),d(e,s),d(r,s)}}}class K extends E{constructor(t){super(),D(this,t,null,J,L,{})}}const x=T(K,{meta:{title:"Components/EmbedPreviewerLink"},stories:{"tpl:default":{name:"default",template:!0,source:"<EmbedPreviewerLink {...args} />",hasArgs:!0},Default:{name:"Default",template:!1,source:"",hasArgs:!1}},allocatedIds:["default","Meta","Template","Story","componentDocs","EmbedPreviewerLink","withComponentDocs"]}),ee=x.meta,te=["Default"],re=x.stories.Default;export{re as Default,te as __namedExportsOrder,ee as default};
|
||||
//# sourceMappingURL=EmbedPreviewerLink.stories-7baa81d6.js.map
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -1,4 +1,4 @@
|
|||
import{S as C,i as S,s as M,g as p,m as d,t as f,h as u,j as $,r as A,d as _,v as B,w as I,f as g,V as F,l as E,y as w,b as v,e as P,C as j}from"./index-99a30af8.js";import{g as O,a as V}from"./spread-8a54911c.js";import{p as z,M as G,T as H,S as J}from"./collect-stories-1e0d20c7.js";import{e as D}from"./each-e59479a4.js";import{B as K}from"./Block-a09d61d3.js";import{M as N}from"./Markdown-2a6fc77f.js";import{w as L}from"./withParams-47e2ab71.js";const Q=`End notes includes notes to the main article — usually things like sources, clarifiying notes and minor corrections at the end of a story.
|
||||
import{S as C,i as S,s as M,g as p,m as d,t as f,h as u,j as $,v as A,d as _,w as B,x as I,f as g,V as F,o as E,z as w,b as v,e as P,C as j}from"./index-85f88930.js";import{g as z,a as O}from"./spread-8a54911c.js";import{p as V,M as G,T as H,S as J}from"./collect-stories-fa95313f.js";import{e as D}from"./each-e59479a4.js";import{B as K}from"./Block-d1b8152c.js";import{M as N}from"./Markdown-e31fd5d7.js";import{w as L}from"./withParams-47e2ab71.js";const Q=`End notes includes notes to the main article — usually things like sources, clarifiying notes and minor corrections at the end of a story.
|
||||
|
||||
\`\`\`svelte
|
||||
<script>
|
||||
|
|
@ -22,5 +22,5 @@ import{S as C,i as S,s as M,g as p,m as d,t as f,h as u,j as $,r as A,d as _,v a
|
|||
|
||||
<EndNotes notes="{notes}" />
|
||||
\`\`\`
|
||||
`;function b(i,n,a){const e=i.slice();return e[1]=n[a],e}function T(i){let n,a,e=D(i[0]),t=[];for(let l=0;l<e.length;l+=1)t[l]=x(b(i,e,l));const s=l=>u(t[l],1,1,()=>{t[l]=null});return{c(){for(let l=0;l<t.length;l+=1)t[l].c();n=A()},m(l,c){for(let o=0;o<t.length;o+=1)t[o]&&t[o].m(l,c);_(l,n,c),a=!0},p(l,c){if(c&1){e=D(l[0]);let o;for(o=0;o<e.length;o+=1){const r=b(l,e,o);t[o]?(t[o].p(r,c),f(t[o],1)):(t[o]=x(r),t[o].c(),f(t[o],1),t[o].m(n.parentNode,n))}for(B(),o=e.length;o<t.length;o+=1)s(o);I()}},i(l){if(!a){for(let c=0;c<e.length;c+=1)f(t[c]);a=!0}},o(l){t=t.filter(Boolean);for(let c=0;c<t.length;c+=1)u(t[c]);a=!1},d(l){l&&g(n),F(t,l)}}}function x(i){let n,a,e,t,s,l,c;return a=new N({props:{source:i[1].title}}),s=new N({props:{source:i[1].text}}),{c(){n=E("div"),p(a.$$.fragment),e=w(),t=E("div"),p(s.$$.fragment),l=w(),v(n,"class","note-title svelte-as9r96"),v(t,"class","note-content svelte-as9r96")},m(o,r){_(o,n,r),d(a,n,null),_(o,e,r),_(o,t,r),d(s,t,null),P(t,l),c=!0},p(o,r){const m={};r&1&&(m.source=o[1].title),a.$set(m);const h={};r&1&&(h.source=o[1].text),s.$set(h)},i(o){c||(f(a.$$.fragment,o),f(s.$$.fragment,o),c=!0)},o(o){u(a.$$.fragment,o),u(s.$$.fragment,o),c=!1},d(o){o&&(g(n),g(e),g(t)),$(a),$(s)}}}function R(i){let n,a,e=i[0]&&T(i);return{c(){e&&e.c(),n=A()},m(t,s){e&&e.m(t,s),_(t,n,s),a=!0},p(t,s){t[0]?e?(e.p(t,s),s&1&&f(e,1)):(e=T(t),e.c(),f(e,1),e.m(n.parentNode,n)):e&&(B(),u(e,1,1,()=>{e=null}),I())},i(t){a||(f(e),a=!0)},o(t){u(e),a=!1},d(t){t&&g(n),e&&e.d(t)}}}function U(i){let n,a;return n=new K({props:{class:"notes fmt-6 fmb-8",$$slots:{default:[R]},$$scope:{ctx:i}}}),{c(){p(n.$$.fragment)},m(e,t){d(n,e,t),a=!0},p(e,[t]){const s={};t&17&&(s.$$scope={dirty:t,ctx:e}),n.$set(s)},i(e){a||(f(n.$$.fragment,e),a=!0)},o(e){u(n.$$.fragment,e),a=!1},d(e){$(n,e)}}}function W(i,n,a){let{notes:e=[]}=n;return i.$$set=t=>{"notes"in t&&a(0,e=t.notes)},[e]}class y extends C{constructor(n){super(),S(this,n,W,U,M,{notes:0})}}y.__docgen={version:3,name:"EndNotes.svelte",data:[{keywords:[{name:"required",description:""}],visibility:"public",description:"An array of endnote items.",name:"notes",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"array",type:"array"}}],computed:[],methods:[],components:[],description:null,keywords:[],events:[],slots:[],refs:[]};const X=i=>i.map(n=>({title:n.Title,text:n.Text}));function Y(i){let n,a;const e=[i[1]];let t={};for(let s=0;s<e.length;s+=1)t=j(t,e[s]);return n=new y({props:t}),{c(){p(n.$$.fragment)},m(s,l){d(n,s,l),a=!0},p(s,l){const c=l&2?O(e,[V(s[1])]):{};n.$set(c)},i(s){a||(f(n.$$.fragment,s),a=!0)},o(s){u(n.$$.fragment,s),a=!1},d(s){$(n,s)}}}function Z(i){let n,a,e,t,s,l;const c=[{title:"Components/EndNotes"},{component:y},L(Q)];let o={};for(let r=0;r<c.length;r+=1)o=j(o,c[r]);return n=new G({props:o}),e=new H({props:{$$slots:{default:[Y,({args:r})=>({1:r}),({args:r})=>r?2:0]},$$scope:{ctx:i}}}),s=new J({props:{name:"Default",args:{notes:X(i[0])}}}),{c(){p(n.$$.fragment),a=w(),p(e.$$.fragment),t=w(),p(s.$$.fragment)},m(r,m){d(n,r,m),_(r,a,m),d(e,r,m),_(r,t,m),d(s,r,m),l=!0},p(r,[m]){const h={};n.$set(h);const k={};m&6&&(k.$$scope={dirty:m,ctx:r}),e.$set(k)},i(r){l||(f(n.$$.fragment,r),f(e.$$.fragment,r),f(s.$$.fragment,r),l=!0)},o(r){u(n.$$.fragment,r),u(e.$$.fragment,r),u(s.$$.fragment,r),l=!1},d(r){r&&(g(a),g(t)),$(n,r),$(e,r),$(s,r)}}}function ee(i){return[[{Title:"Note",Text:"Data is current as of today."},{Title:"Sources",Text:"Data, Inc."},{Title:"Edited by",Text:'<a href="https://www.reuters.com/graphics/">Editor</a>, Copyeditor'}]]}class te extends C{constructor(n){super(),S(this,n,ee,Z,M,{})}}const q=z(te,{meta:{title:"Components/EndNotes"},stories:{"tpl:default":{name:"default",template:!0,source:"<EndNotes {...args} />",hasArgs:!0},Default:{name:"Default",template:!1,source:"",hasArgs:!1}},allocatedIds:["default","Meta","Template","Story","componentDocs","EndNotes","getEndNotesPropsFromDoc","withComponentDocs"]}),ce=q.meta,fe=["Default"],me=q.stories.Default;export{me as Default,fe as __namedExportsOrder,ce as default};
|
||||
//# sourceMappingURL=EndNotes.stories-5e106445.js.map
|
||||
`;function b(i,n,a){const e=i.slice();return e[1]=n[a],e}function x(i){let n,a,e=D(i[0]),t=[];for(let l=0;l<e.length;l+=1)t[l]=T(b(i,e,l));const s=l=>u(t[l],1,1,()=>{t[l]=null});return{c(){for(let l=0;l<t.length;l+=1)t[l].c();n=A()},m(l,c){for(let o=0;o<t.length;o+=1)t[o]&&t[o].m(l,c);_(l,n,c),a=!0},p(l,c){if(c&1){e=D(l[0]);let o;for(o=0;o<e.length;o+=1){const r=b(l,e,o);t[o]?(t[o].p(r,c),f(t[o],1)):(t[o]=T(r),t[o].c(),f(t[o],1),t[o].m(n.parentNode,n))}for(B(),o=e.length;o<t.length;o+=1)s(o);I()}},i(l){if(!a){for(let c=0;c<e.length;c+=1)f(t[c]);a=!0}},o(l){t=t.filter(Boolean);for(let c=0;c<t.length;c+=1)u(t[c]);a=!1},d(l){l&&g(n),F(t,l)}}}function T(i){let n,a,e,t,s,l,c;return a=new N({props:{source:i[1].title}}),s=new N({props:{source:i[1].text}}),{c(){n=E("div"),p(a.$$.fragment),e=w(),t=E("div"),p(s.$$.fragment),l=w(),v(n,"class","note-title svelte-as9r96"),v(t,"class","note-content svelte-as9r96")},m(o,r){_(o,n,r),d(a,n,null),_(o,e,r),_(o,t,r),d(s,t,null),P(t,l),c=!0},p(o,r){const m={};r&1&&(m.source=o[1].title),a.$set(m);const h={};r&1&&(h.source=o[1].text),s.$set(h)},i(o){c||(f(a.$$.fragment,o),f(s.$$.fragment,o),c=!0)},o(o){u(a.$$.fragment,o),u(s.$$.fragment,o),c=!1},d(o){o&&(g(n),g(e),g(t)),$(a),$(s)}}}function R(i){let n,a,e=i[0]&&x(i);return{c(){e&&e.c(),n=A()},m(t,s){e&&e.m(t,s),_(t,n,s),a=!0},p(t,s){t[0]?e?(e.p(t,s),s&1&&f(e,1)):(e=x(t),e.c(),f(e,1),e.m(n.parentNode,n)):e&&(B(),u(e,1,1,()=>{e=null}),I())},i(t){a||(f(e),a=!0)},o(t){u(e),a=!1},d(t){t&&g(n),e&&e.d(t)}}}function U(i){let n,a;return n=new K({props:{class:"notes fmt-6 fmb-8",$$slots:{default:[R]},$$scope:{ctx:i}}}),{c(){p(n.$$.fragment)},m(e,t){d(n,e,t),a=!0},p(e,[t]){const s={};t&17&&(s.$$scope={dirty:t,ctx:e}),n.$set(s)},i(e){a||(f(n.$$.fragment,e),a=!0)},o(e){u(n.$$.fragment,e),a=!1},d(e){$(n,e)}}}function W(i,n,a){let{notes:e=[]}=n;return i.$$set=t=>{"notes"in t&&a(0,e=t.notes)},[e]}class y extends C{constructor(n){super(),S(this,n,W,U,M,{notes:0})}}y.__docgen={version:3,name:"EndNotes.svelte",data:[{keywords:[{name:"required",description:""}],visibility:"public",description:"An array of endnote items.",name:"notes",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"array",type:"array"}}],computed:[],methods:[],components:[],description:null,keywords:[],events:[],slots:[],refs:[]};const X=i=>i.map(n=>({title:n.Title,text:n.Text}));function Y(i){let n,a;const e=[i[1]];let t={};for(let s=0;s<e.length;s+=1)t=j(t,e[s]);return n=new y({props:t}),{c(){p(n.$$.fragment)},m(s,l){d(n,s,l),a=!0},p(s,l){const c=l&2?z(e,[O(s[1])]):{};n.$set(c)},i(s){a||(f(n.$$.fragment,s),a=!0)},o(s){u(n.$$.fragment,s),a=!1},d(s){$(n,s)}}}function Z(i){let n,a,e,t,s,l;const c=[{title:"Components/EndNotes"},{component:y},L(Q)];let o={};for(let r=0;r<c.length;r+=1)o=j(o,c[r]);return n=new G({props:o}),e=new H({props:{$$slots:{default:[Y,({args:r})=>({1:r}),({args:r})=>r?2:0]},$$scope:{ctx:i}}}),s=new J({props:{name:"Default",args:{notes:X(i[0])}}}),{c(){p(n.$$.fragment),a=w(),p(e.$$.fragment),t=w(),p(s.$$.fragment)},m(r,m){d(n,r,m),_(r,a,m),d(e,r,m),_(r,t,m),d(s,r,m),l=!0},p(r,[m]){const h={};n.$set(h);const k={};m&6&&(k.$$scope={dirty:m,ctx:r}),e.$set(k)},i(r){l||(f(n.$$.fragment,r),f(e.$$.fragment,r),f(s.$$.fragment,r),l=!0)},o(r){u(n.$$.fragment,r),u(e.$$.fragment,r),u(s.$$.fragment,r),l=!1},d(r){r&&(g(a),g(t)),$(n,r),$(e,r),$(s,r)}}}function ee(i){return[[{Title:"Note",Text:"Data is current as of today."},{Title:"Sources",Text:"Data, Inc."},{Title:"Edited by",Text:'<a href="https://www.reuters.com/graphics/">Editor</a>, Copyeditor'}]]}class te extends C{constructor(n){super(),S(this,n,ee,Z,M,{})}}const q=V(te,{meta:{title:"Components/EndNotes"},stories:{"tpl:default":{name:"default",template:!0,source:"<EndNotes {...args} />",hasArgs:!0},Default:{name:"Default",template:!1,source:"",hasArgs:!1}},allocatedIds:["default","Meta","Template","Story","componentDocs","EndNotes","getEndNotesPropsFromDoc","withComponentDocs"]}),ce=q.meta,fe=["Default"],me=q.stories.Default;export{me as Default,fe as __namedExportsOrder,ce as default};
|
||||
//# sourceMappingURL=EndNotes.stories-fa5fa1c9.js.map
|
||||
|
|
@ -1 +1 @@
|
|||
{"version":3,"file":"EndNotes.stories-5e106445.js","sources":["../../src/components/EndNotes/stories/docs/component.md?raw","../../src/components/EndNotes/EndNotes.svelte","../../src/components/EndNotes/docProps.ts","../../src/components/EndNotes/EndNotes.stories.svelte"],"sourcesContent":["export default \"End notes includes notes to the main article — usually things like sources, clarifiying notes and minor corrections at the end of a story.\\n\\n```svelte\\n<script>\\n import { EndNotes } from '@reuters-graphics/graphics-components';\\n\\n const notes = [\\n {\\n title: 'Note',\\n text: 'Data is current as of today.',\\n },\\n {\\n title: 'Sources',\\n text: 'Data, Inc.',\\n },\\n {\\n title: 'Edited by',\\n text: '<a href=\\\"https://www.reuters.com/graphics/\\\">Editor</a>, Copyeditor',\\n },\\n ];\\n</script>\\n\\n<EndNotes notes=\\\"{notes}\\\" />\\n```\\n\"","<!-- @component `EndNotes` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-EndNotes--default) -->\n<script lang=\"ts\">\n interface EndNote {\n /**\n * Title of the note item\n */\n title: string;\n /**\n * Contents of the note as a markdown string\n * @required\n */\n text: string;\n }\n\n /**\n * An array of endnote items.\n * @required\n */\n export let notes: EndNote[] = [];\n\n import Block from '../Block/Block.svelte';\n import Markdown from '../Markdown/Markdown.svelte';\n</script>\n\n<Block class=\"notes fmt-6 fmb-8\">\n {#if notes}\n {#each notes as note}\n <div class=\"note-title\">\n <Markdown source=\"{note.title}\" />\n </div>\n <div class=\"note-content\">\n <Markdown source=\"{note.text}\" />\n </div>\n {/each}\n {/if}\n</Block>\n\n<!-- svelte-ignore css-unused-selector -->\n<style lang=\"scss\">\n @import '../../scss/mixins';\n\n .note-title {\n :global(p) {\n @include body-caption;\n @include text-primary;\n @include font-medium;\n @include tracking-normal;\n @include fmt-3;\n margin-bottom: 0.125rem;\n text-transform: none;\n }\n }\n\n .note-content {\n :global(p) {\n @include body-caption;\n @include fmt-0;\n }\n }\n</style>\n","interface EndNote {\n Title: String;\n Text: String;\n}\n\ntype EndNotes = EndNote[];\n\nexport const getEndNotesPropsFromDoc = (endNotes: EndNotes) => {\n return endNotes.map((d) => {\n return {\n title: d.Title,\n text: d.Text,\n };\n });\n};\n","<script>\n import { Meta, Template, Story } from '@storybook/addon-svelte-csf';\n\n // @ts-ignore\n import componentDocs from './stories/docs/component.md?raw';\n\n import EndNotes from './EndNotes.svelte';\n import { getEndNotesPropsFromDoc } from './docProps';\n import { withComponentDocs } from '$lib/docs/utils/withParams.js';\n\n const notes = [\n {\n Title: 'Note',\n Text: 'Data is current as of today.',\n },\n {\n Title: 'Sources',\n Text: 'Data, Inc.',\n },\n {\n Title: 'Edited by',\n Text: '<a href=\"https://www.reuters.com/graphics/\">Editor</a>, Copyeditor',\n },\n ];\n</script>\n\n<Meta\n title=\"Components/EndNotes\"\n component=\"{EndNotes}\"\n {...withComponentDocs(componentDocs)}\n/>\n\n<Template let:args>\n <EndNotes {...args} />\n</Template>\n\n<Story name=\"Default\" args=\"{{ notes: getEndNotesPropsFromDoc(notes) }}\" />\n"],"names":["componentDocs","ctx","i","each_blocks","markdown0","Markdown","markdown1","insert","target","div0","anchor","div1","dirty","markdown0_changes","markdown1_changes","create_if_block","notes","$$props","getEndNotesPropsFromDoc","endNotes","d","EndNotes","withComponentDocs"],"mappings":"ocAAA,MAAeA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;mFC0BJC,EAAK,CAAA,CAAA,uBAAV,OAAIC,GAAA,wMAACD,EAAK,CAAA,CAAA,oBAAV,OAAIC,GAAA,EAAA,iHAAJ,OAAIA,EAAAC,EAAA,OAAAD,GAAA,yCAAJ,OAAIA,GAAA,0IAEiB,OAAAE,EAAA,IAAAC,EAAA,CAAA,MAAA,CAAA,OAAAJ,KAAK,KAAK,CAAA,CAAA,EAGVK,EAAA,IAAAD,EAAA,CAAA,MAAA,CAAA,OAAAJ,KAAK,IAAI,CAAA,CAAA,qKAJ9BM,EAEKC,EAAAC,EAAAC,CAAA,uBACLH,EAEKC,EAAAG,EAAAD,CAAA,6CAJgBE,EAAA,IAAAC,EAAA,OAAAZ,KAAK,4BAGLW,EAAA,IAAAE,EAAA,OAAAb,KAAK,qLANzBA,EAAK,CAAA,GAAAc,EAAAd,CAAA,sEAALA,EAAK,CAAA,0eAPC,MAAAe,EAAK,EAAA,EAAAC,kdCXL,MAAAC,EAA2BC,GAC/BA,EAAS,IAAKC,IACZ,CACL,MAAOA,EAAE,MACT,KAAMA,EAAE,IAAA,EAEX,iCCoBanB,EAAI,CAAA,CAAA,oJAAJA,EAAI,CAAA,CAAA,CAAA,CAAA,+KALNoB,CAAQ,EAChBC,EAAkBtB,CAAa,kNAON,MAAOkB,EAAwBjB,EAAK,CAAA,CAAA,waA1BtD,EAEP,MAAO,OACP,KAAM,gCAGN,CAAA,MAAO,UACP,KAAM,YAAY,GAGlB,MAAO,YACP,KAAM"}
|
||||
{"version":3,"file":"EndNotes.stories-fa5fa1c9.js","sources":["../../src/components/EndNotes/stories/docs/component.md?raw","../../src/components/EndNotes/EndNotes.svelte","../../src/components/EndNotes/docProps.ts","../../src/components/EndNotes/EndNotes.stories.svelte"],"sourcesContent":["export default \"End notes includes notes to the main article — usually things like sources, clarifiying notes and minor corrections at the end of a story.\\n\\n```svelte\\n<script>\\n import { EndNotes } from '@reuters-graphics/graphics-components';\\n\\n const notes = [\\n {\\n title: 'Note',\\n text: 'Data is current as of today.',\\n },\\n {\\n title: 'Sources',\\n text: 'Data, Inc.',\\n },\\n {\\n title: 'Edited by',\\n text: '<a href=\\\"https://www.reuters.com/graphics/\\\">Editor</a>, Copyeditor',\\n },\\n ];\\n</script>\\n\\n<EndNotes notes=\\\"{notes}\\\" />\\n```\\n\"","<!-- @component `EndNotes` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-EndNotes--default) -->\n<script lang=\"ts\">\n interface EndNote {\n /**\n * Title of the note item\n */\n title: string;\n /**\n * Contents of the note as a markdown string\n * @required\n */\n text: string;\n }\n\n /**\n * An array of endnote items.\n * @required\n */\n export let notes: EndNote[] = [];\n\n import Block from '../Block/Block.svelte';\n import Markdown from '../Markdown/Markdown.svelte';\n</script>\n\n<Block class=\"notes fmt-6 fmb-8\">\n {#if notes}\n {#each notes as note}\n <div class=\"note-title\">\n <Markdown source=\"{note.title}\" />\n </div>\n <div class=\"note-content\">\n <Markdown source=\"{note.text}\" />\n </div>\n {/each}\n {/if}\n</Block>\n\n<!-- svelte-ignore css-unused-selector -->\n<style lang=\"scss\">\n @import '../../scss/mixins';\n\n .note-title {\n :global(p) {\n @include body-caption;\n @include text-primary;\n @include font-medium;\n @include tracking-normal;\n @include fmt-3;\n margin-bottom: 0.125rem;\n text-transform: none;\n }\n }\n\n .note-content {\n :global(p) {\n @include body-caption;\n @include fmt-0;\n }\n }\n</style>\n","interface EndNote {\n Title: String;\n Text: String;\n}\n\ntype EndNotes = EndNote[];\n\nexport const getEndNotesPropsFromDoc = (endNotes: EndNotes) => {\n return endNotes.map((d) => {\n return {\n title: d.Title,\n text: d.Text,\n };\n });\n};\n","<script>\n import { Meta, Template, Story } from '@storybook/addon-svelte-csf';\n\n // @ts-ignore\n import componentDocs from './stories/docs/component.md?raw';\n\n import EndNotes from './EndNotes.svelte';\n import { getEndNotesPropsFromDoc } from './docProps';\n import { withComponentDocs } from '$lib/docs/utils/withParams.js';\n\n const notes = [\n {\n Title: 'Note',\n Text: 'Data is current as of today.',\n },\n {\n Title: 'Sources',\n Text: 'Data, Inc.',\n },\n {\n Title: 'Edited by',\n Text: '<a href=\"https://www.reuters.com/graphics/\">Editor</a>, Copyeditor',\n },\n ];\n</script>\n\n<Meta\n title=\"Components/EndNotes\"\n component=\"{EndNotes}\"\n {...withComponentDocs(componentDocs)}\n/>\n\n<Template let:args>\n <EndNotes {...args} />\n</Template>\n\n<Story name=\"Default\" args=\"{{ notes: getEndNotesPropsFromDoc(notes) }}\" />\n"],"names":["componentDocs","ctx","i","each_blocks","markdown0","Markdown","markdown1","insert","target","div0","anchor","div1","dirty","markdown0_changes","markdown1_changes","create_if_block","notes","$$props","getEndNotesPropsFromDoc","endNotes","d","EndNotes","withComponentDocs"],"mappings":"ocAAA,MAAeA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;mFC0BJC,EAAK,CAAA,CAAA,uBAAV,OAAIC,GAAA,wMAACD,EAAK,CAAA,CAAA,oBAAV,OAAIC,GAAA,EAAA,iHAAJ,OAAIA,EAAAC,EAAA,OAAAD,GAAA,yCAAJ,OAAIA,GAAA,0IAEiB,OAAAE,EAAA,IAAAC,EAAA,CAAA,MAAA,CAAA,OAAAJ,KAAK,KAAK,CAAA,CAAA,EAGVK,EAAA,IAAAD,EAAA,CAAA,MAAA,CAAA,OAAAJ,KAAK,IAAI,CAAA,CAAA,qKAJ9BM,EAEKC,EAAAC,EAAAC,CAAA,uBACLH,EAEKC,EAAAG,EAAAD,CAAA,6CAJgBE,EAAA,IAAAC,EAAA,OAAAZ,KAAK,4BAGLW,EAAA,IAAAE,EAAA,OAAAb,KAAK,qLANzBA,EAAK,CAAA,GAAAc,EAAAd,CAAA,sEAALA,EAAK,CAAA,0eAPC,MAAAe,EAAK,EAAA,EAAAC,kdCXL,MAAAC,EAA2BC,GAC/BA,EAAS,IAAKC,IACZ,CACL,MAAOA,EAAE,MACT,KAAMA,EAAE,IAAA,EAEX,iCCoBanB,EAAI,CAAA,CAAA,oJAAJA,EAAI,CAAA,CAAA,CAAA,CAAA,+KALNoB,CAAQ,EAChBC,EAAkBtB,CAAa,kNAON,MAAOkB,EAAwBjB,EAAK,CAAA,CAAA,waA1BtD,EAEP,MAAO,OACP,KAAM,gCAGN,CAAA,MAAO,UACP,KAAM,YAAY,GAGlB,MAAO,YACP,KAAM"}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1,4 +1,4 @@
|
|||
import{S as Q,i as G,s as q,C as y,g as m,y as _,m as f,d as T,t as h,h as u,f as w,j as g}from"./index-99a30af8.js";import{g as E,a as M}from"./spread-8a54911c.js";import{p as W,M as z,T as L,S as I}from"./collect-stories-1e0d20c7.js";import{F as v}from"./FeaturePhoto-0bdc1976.js";import{b as U,w as N}from"./withParams-47e2ab71.js";import"./Block-a09d61d3.js";import"./PaddingReset-79b11107.js";const O=`A full-width photo inside the text well.
|
||||
import{S as Q,i as G,s as q,C as y,g as m,z as _,m as f,d as T,t as h,h as u,f as w,j as g}from"./index-85f88930.js";import{g as E,a as M}from"./spread-8a54911c.js";import{p as W,M as z,T as L,S as I}from"./collect-stories-fa95313f.js";import{F as v}from"./FeaturePhoto-5db06745.js";import{b as U,w as N}from"./withParams-47e2ab71.js";import"./Block-d1b8152c.js";import"./PaddingReset-c34038dd.js";const O=`A full-width photo inside the text well.
|
||||
|
||||
\`\`\`svelte
|
||||
<script>
|
||||
|
|
@ -53,4 +53,4 @@ Caption: Carcharodon carcharias - REUTERS
|
|||
{/each}
|
||||
\`\`\`
|
||||
`,H="If your photo is missing `altText` a small warning will overlay the image.\n",S=""+new URL("shark-f4201fc0.jpg",import.meta.url).href;function J(c){let s,r;const n=[c[1]];let i={};for(let e=0;e<n.length;e+=1)i=y(i,n[e]);return s=new v({props:i}),{c(){m(s.$$.fragment)},m(e,p){f(s,e,p),r=!0},p(e,p){const a=p&2?E(n,[M(e[1])]):{};s.$set(a)},i(e){r||(h(s.$$.fragment,e),r=!0)},o(e){u(s.$$.fragment,e),r=!1},d(e){g(s,e)}}}function V(c){let s,r,n,i,e,p,a,k,l,d;const $=[{title:"Components/FeaturePhoto"},{component:v},c[0]];let A={};for(let t=0;t<$.length;t+=1)A=y(A,$[t]);s=new z({props:A}),n=new L({props:{$$slots:{default:[J,({args:t})=>({1:t}),({args:t})=>t?2:0]},$$scope:{ctx:c}}}),e=new I({props:{name:"Default",args:{src:S,altText:"A shark!",width:"normal",caption:"Carcharodon carcharias - REUTERS"}}});const P=[{name:"🚀 QUICKIT"},{args:{src:S,altText:"A shark!",width:"normal",caption:"Carcharodon carcharias - REUTERS"}},U(B)];let C={};for(let t=0;t<P.length;t+=1)C=y(C,P[t]);a=new I({props:C});const b=[{name:"Missing altText"},{args:{src:S,width:"normal",caption:"Carcharodon carcharias - REUTERS"}},U(H)];let D={};for(let t=0;t<b.length;t+=1)D=y(D,b[t]);return l=new I({props:D}),{c(){m(s.$$.fragment),r=_(),m(n.$$.fragment),i=_(),m(e.$$.fragment),p=_(),m(a.$$.fragment),k=_(),m(l.$$.fragment)},m(t,o){f(s,t,o),T(t,r,o),f(n,t,o),T(t,i,o),f(e,t,o),T(t,p,o),f(a,t,o),T(t,k,o),f(l,t,o),d=!0},p(t,[o]){const R=o&1?E($,[$[0],$[1],M(t[0])]):{};s.$set(R);const F={};o&6&&(F.$$scope={dirty:o,ctx:t}),n.$set(F);const K={};a.$set(K);const j={};l.$set(j)},i(t){d||(h(s.$$.fragment,t),h(n.$$.fragment,t),h(e.$$.fragment,t),h(a.$$.fragment,t),h(l.$$.fragment,t),d=!0)},o(t){u(s.$$.fragment,t),u(n.$$.fragment,t),u(e.$$.fragment,t),u(a.$$.fragment,t),u(l.$$.fragment,t),d=!1},d(t){t&&(w(r),w(i),w(p),w(k)),g(s,t),g(n,t),g(e,t),g(a,t),g(l,t)}}}function X(c){return[{...N(O),argTypes:{width:{control:"select",options:["normal","wide","wider","widest","fluid"]},textWidth:{control:"select",options:["normal","wide","wider","widest","fluid"]}}}]}class Y extends Q{constructor(s){super(),G(this,s,X,V,q,{})}}const x=W(Y,{meta:{title:"Components/FeaturePhoto"},stories:{"tpl:default":{name:"default",template:!0,source:"<FeaturePhoto {...args} />",hasArgs:!0},Default:{name:"Default",template:!1,source:"",hasArgs:!1},QUICKIT:{name:"🚀 QUICKIT",template:!1,source:"",hasArgs:!1},MissingAltText:{name:"Missing altText",template:!1,source:"",hasArgs:!1}},allocatedIds:["default","Meta","Template","Story","componentDocs","quickitDocs","missingAltTextDocs","FeaturePhoto","sharkSrc","withComponentDocs","withStoryDocs"]}),rt=x.meta,it=["Default","QUICKIT","MissingAltText"],pt=x.stories.Default,lt=x.stories.QUICKIT,ct=x.stories.MissingAltText;export{pt as Default,ct as MissingAltText,lt as QUICKIT,it as __namedExportsOrder,rt as default};
|
||||
//# sourceMappingURL=FeaturePhoto.stories-dcf95e8f.js.map
|
||||
//# sourceMappingURL=FeaturePhoto.stories-f81bc16e.js.map
|
||||
|
|
@ -1 +1 @@
|
|||
{"version":3,"file":"FeaturePhoto.stories-dcf95e8f.js","sources":["../../src/components/FeaturePhoto/stories/docs/component.md?raw","../../src/components/FeaturePhoto/stories/docs/quickit.md?raw","../../src/components/FeaturePhoto/stories/docs/missingAltText.md?raw","../../src/components/FeaturePhoto/stories/shark.jpg","../../src/components/FeaturePhoto/FeaturePhoto.stories.svelte"],"sourcesContent":["export default \"A full-width photo inside the text well.\\n\\n```svelte\\n<script>\\n import { FeaturePhoto } from '@reuters-graphics/graphics-components';\\n import { assets } from '$app/paths'; // 👈 If using in the Graphics Kit...\\n</script>\\n\\n<FeaturePhoto\\n src=\\\"{`${assets}/images/myImage.jpg`}\\\"\\n altText=\\\"Some alt text\\\"\\n caption=\\\"A caption\\\"\\n lazy=\\\"{false}\\\"\\n width=\\\"normal\\\"\\n/>\\n```\\n\"","export default \"An example of using `FeaturePhoto` in the Graphics Kit with a Google Doc.\\n\\n```yaml\\n# Google doc block\\nType: photo\\nWidth: normal\\nSrc: images/shark.jpg\\nAltText: The king of the sea\\nCaption: Carcharodon carcharias - REUTERS\\n```\\n\\n```svelte\\n<!-- App.svelte -->\\n<script>\\n // Add FeaturePhoto to imports from graphics-components\\n import { FeaturePhoto } from '@reuters-graphics/graphics-components';\\n\\n // These should be already imported for you.\\n import content from '$locales/en/content.json';\\n import { assets } from '$app/paths';\\n</script>\\n\\n{#each content.blocks as block}\\n {#if block.Type === 'text'}\\n <!-- ... other blocks -->\\n\\n <!-- Copy/paste into your blocks loop! -->\\n {:else if block.Type === 'photo'}\\n <FeaturePhoto\\n width=\\\"{block.Width}\\\"\\n src=\\\"{`${assets}/${block.Src}`}\\\"\\n altText=\\\"{block.AltText}\\\"\\n caption=\\\"{block.Caption}\\\"\\n />\\n <!-- END copy/paste -->\\n {/if}\\n{/each}\\n```\\n\"","export default \"If your photo is missing `altText` a small warning will overlay the image.\\n\"","export default \"__VITE_ASSET__d597932c__\"","<script>\n import { Meta, Template, Story } from '@storybook/addon-svelte-csf';\n\n // @ts-ignore\n import componentDocs from './stories/docs/component.md?raw';\n // @ts-ignore\n import quickitDocs from './stories/docs/quickit.md?raw';\n // @ts-ignore\n import missingAltTextDocs from './stories/docs/missingAltText.md?raw';\n\n import FeaturePhoto from './FeaturePhoto.svelte';\n\n // @ts-ignore\n import sharkSrc from './stories/shark.jpg';\n\n import {\n withComponentDocs,\n withStoryDocs,\n } from '$lib/docs/utils/withParams.js';\n\n const metaProps = {\n ...withComponentDocs(componentDocs),\n argTypes: {\n width: {\n control: 'select',\n options: ['normal', 'wide', 'wider', 'widest', 'fluid'],\n },\n textWidth: {\n control: 'select',\n options: ['normal', 'wide', 'wider', 'widest', 'fluid'],\n },\n },\n };\n</script>\n\n<Meta\n title=\"Components/FeaturePhoto\"\n component=\"{FeaturePhoto}\"\n {...metaProps}\n/>\n\n<Template let:args>\n <FeaturePhoto {...args} />\n</Template>\n\n<Story\n name=\"Default\"\n args=\"{{\n src: sharkSrc,\n altText: 'A shark!',\n width: 'normal',\n caption: 'Carcharodon carcharias - REUTERS',\n }}\"\n/>\n\n<Story\n name=\"🚀 QUICKIT\"\n args=\"{{\n src: sharkSrc,\n altText: 'A shark!',\n width: 'normal',\n caption: 'Carcharodon carcharias - REUTERS',\n }}\"\n {...withStoryDocs(quickitDocs)}\n/>\n\n<Story\n name=\"Missing altText\"\n args=\"{{\n src: sharkSrc,\n width: 'normal',\n caption: 'Carcharodon carcharias - REUTERS',\n }}\"\n {...withStoryDocs(missingAltTextDocs)}\n/>\n"],"names":["componentDocs","quickitDocs","missingAltTextDocs","sharkSrc","ctx","FeaturePhoto","withStoryDocs","withComponentDocs"],"mappings":"8YAAA,MAAeA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,ECAAC,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,ECAAC,EAAA,+ECAAC,EAAA,GAAA,IAAA,IAAA,qBAAA,YAAA,GAAA,EAAA,oCC0CKC,EAAI,CAAA,CAAA,oJAAJA,EAAI,CAAA,CAAA,CAAA,CAAA,2LALVC,CAAY,EACpBD,EAAS,CAAA,2MAUX,IAAKD,EACL,QAAS,WACT,MAAO,SACP,QAAS,2EAOT,IAAKA,EACL,QAAS,WACT,MAAO,SACP,QAAS,qCAEPG,EAAcL,CAAW,gHAM3B,IAAKE,EACL,MAAO,SACP,QAAS,qCAEPG,EAAcJ,CAAkB,qUAnChCE,EAAS,CAAA,CAAA,maAlBE,CACV,GAAAG,EAAkBP,CAAa,EAClC,SAAQ,CACN,MAAK,CACH,QAAS,SACT,QAAO,CAAG,SAAU,OAAQ,QAAS,SAAU,OAAO,GAExD,UAAS,CACP,QAAS,SACT,QAAO,CAAG,SAAU,OAAQ,QAAS,SAAU,OAAO"}
|
||||
{"version":3,"file":"FeaturePhoto.stories-f81bc16e.js","sources":["../../src/components/FeaturePhoto/stories/docs/component.md?raw","../../src/components/FeaturePhoto/stories/docs/quickit.md?raw","../../src/components/FeaturePhoto/stories/docs/missingAltText.md?raw","../../src/components/FeaturePhoto/stories/shark.jpg","../../src/components/FeaturePhoto/FeaturePhoto.stories.svelte"],"sourcesContent":["export default \"A full-width photo inside the text well.\\n\\n```svelte\\n<script>\\n import { FeaturePhoto } from '@reuters-graphics/graphics-components';\\n import { assets } from '$app/paths'; // 👈 If using in the Graphics Kit...\\n</script>\\n\\n<FeaturePhoto\\n src=\\\"{`${assets}/images/myImage.jpg`}\\\"\\n altText=\\\"Some alt text\\\"\\n caption=\\\"A caption\\\"\\n lazy=\\\"{false}\\\"\\n width=\\\"normal\\\"\\n/>\\n```\\n\"","export default \"An example of using `FeaturePhoto` in the Graphics Kit with a Google Doc.\\n\\n```yaml\\n# Google doc block\\nType: photo\\nWidth: normal\\nSrc: images/shark.jpg\\nAltText: The king of the sea\\nCaption: Carcharodon carcharias - REUTERS\\n```\\n\\n```svelte\\n<!-- App.svelte -->\\n<script>\\n // Add FeaturePhoto to imports from graphics-components\\n import { FeaturePhoto } from '@reuters-graphics/graphics-components';\\n\\n // These should be already imported for you.\\n import content from '$locales/en/content.json';\\n import { assets } from '$app/paths';\\n</script>\\n\\n{#each content.blocks as block}\\n {#if block.Type === 'text'}\\n <!-- ... other blocks -->\\n\\n <!-- Copy/paste into your blocks loop! -->\\n {:else if block.Type === 'photo'}\\n <FeaturePhoto\\n width=\\\"{block.Width}\\\"\\n src=\\\"{`${assets}/${block.Src}`}\\\"\\n altText=\\\"{block.AltText}\\\"\\n caption=\\\"{block.Caption}\\\"\\n />\\n <!-- END copy/paste -->\\n {/if}\\n{/each}\\n```\\n\"","export default \"If your photo is missing `altText` a small warning will overlay the image.\\n\"","export default \"__VITE_ASSET__d597932c__\"","<script>\n import { Meta, Template, Story } from '@storybook/addon-svelte-csf';\n\n // @ts-ignore\n import componentDocs from './stories/docs/component.md?raw';\n // @ts-ignore\n import quickitDocs from './stories/docs/quickit.md?raw';\n // @ts-ignore\n import missingAltTextDocs from './stories/docs/missingAltText.md?raw';\n\n import FeaturePhoto from './FeaturePhoto.svelte';\n\n // @ts-ignore\n import sharkSrc from './stories/shark.jpg';\n\n import {\n withComponentDocs,\n withStoryDocs,\n } from '$lib/docs/utils/withParams.js';\n\n const metaProps = {\n ...withComponentDocs(componentDocs),\n argTypes: {\n width: {\n control: 'select',\n options: ['normal', 'wide', 'wider', 'widest', 'fluid'],\n },\n textWidth: {\n control: 'select',\n options: ['normal', 'wide', 'wider', 'widest', 'fluid'],\n },\n },\n };\n</script>\n\n<Meta\n title=\"Components/FeaturePhoto\"\n component=\"{FeaturePhoto}\"\n {...metaProps}\n/>\n\n<Template let:args>\n <FeaturePhoto {...args} />\n</Template>\n\n<Story\n name=\"Default\"\n args=\"{{\n src: sharkSrc,\n altText: 'A shark!',\n width: 'normal',\n caption: 'Carcharodon carcharias - REUTERS',\n }}\"\n/>\n\n<Story\n name=\"🚀 QUICKIT\"\n args=\"{{\n src: sharkSrc,\n altText: 'A shark!',\n width: 'normal',\n caption: 'Carcharodon carcharias - REUTERS',\n }}\"\n {...withStoryDocs(quickitDocs)}\n/>\n\n<Story\n name=\"Missing altText\"\n args=\"{{\n src: sharkSrc,\n width: 'normal',\n caption: 'Carcharodon carcharias - REUTERS',\n }}\"\n {...withStoryDocs(missingAltTextDocs)}\n/>\n"],"names":["componentDocs","quickitDocs","missingAltTextDocs","sharkSrc","ctx","FeaturePhoto","withStoryDocs","withComponentDocs"],"mappings":"8YAAA,MAAeA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,ECAAC,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,ECAAC,EAAA,+ECAAC,EAAA,GAAA,IAAA,IAAA,qBAAA,YAAA,GAAA,EAAA,oCC0CKC,EAAI,CAAA,CAAA,oJAAJA,EAAI,CAAA,CAAA,CAAA,CAAA,2LALVC,CAAY,EACpBD,EAAS,CAAA,2MAUX,IAAKD,EACL,QAAS,WACT,MAAO,SACP,QAAS,2EAOT,IAAKA,EACL,QAAS,WACT,MAAO,SACP,QAAS,qCAEPG,EAAcL,CAAW,gHAM3B,IAAKE,EACL,MAAO,SACP,QAAS,qCAEPG,EAAcJ,CAAkB,qUAnChCE,EAAS,CAAA,CAAA,maAlBE,CACV,GAAAG,EAAkBP,CAAa,EAClC,SAAQ,CACN,MAAK,CACH,QAAS,SACT,QAAO,CAAG,SAAU,OAAQ,QAAS,SAAU,OAAO,GAExD,UAAS,CACP,QAAS,SACT,QAAO,CAAG,SAAU,OAAQ,QAAS,SAAU,OAAO"}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
4
docs/assets/GraphicBlock-44d96d12.js
Normal file
4
docs/assets/GraphicBlock-44d96d12.js
Normal file
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1,4 +1,4 @@
|
|||
import{S as F,i as ee,s as te,l as b,y as k,b as A,O as ne,d as u,e as V,P as oe,n as C,f as y,C as $,g as m,m as c,t as d,h as v,j as h}from"./index-99a30af8.js";import{g as se,a as ae}from"./spread-8a54911c.js";import{p as re,M as ge,T as me,S as _}from"./collect-stories-1e0d20c7.js";import{G}from"./GraphicBlock-caaf4041.js";import{b as P,w as ce}from"./withParams-47e2ab71.js";import"./Block-a09d61d3.js";import"./PaddingReset-79b11107.js";import"./Markdown-2a6fc77f.js";const de=`The \`GraphicBlock\` component is a special derivative of the [\`Block\`](./?path=/docs/layout-block) component that also handles text elements around a graphic.
|
||||
import{S as F,i as ee,s as te,o as b,z as k,b as A,O as ne,d as u,e as V,P as oe,n as C,f as y,C as $,g as m,m as c,t as d,h as v,j as h}from"./index-85f88930.js";import{g as se,a as ae}from"./spread-8a54911c.js";import{p as re,M as ge,T as me,S as _}from"./collect-stories-fa95313f.js";import{G}from"./GraphicBlock-44d96d12.js";import{b as P,w as ce}from"./withParams-47e2ab71.js";import"./Block-d1b8152c.js";import"./PaddingReset-c34038dd.js";import"./Markdown-e31fd5d7.js";const de=`The \`GraphicBlock\` component is a special derivative of the [\`Block\`](./?path=/docs/layout-block) component that also handles text elements around a graphic.
|
||||
|
||||
Many other components use this one to wrap graphics with styled text. When you use it, you'll also wrap your chart elements or component with it like this:
|
||||
|
||||
|
|
@ -181,4 +181,4 @@ Source: [Google research](https://google.com)`}}});const K=[{name:"🚀 QUICKIT"
|
|||
>
|
||||
<AiMap />
|
||||
</GraphicBlock>`,hasArgs:!1}},allocatedIds:["default","Meta","Template","Story","componentDocs","quickitDocs","customTextDocs","ai2svelteDocs","ariaDocs","GraphicBlock","AiMap","withComponentDocs","withStoryDocs","PlaceholderImg"]}),Ue=T.meta,Le=["Default","QUICKIT","CustomText","Ai2svelte","ARIA"],ze=T.stories.Default,je=T.stories.QUICKIT,Ve=T.stories.CustomText,Xe=T.stories.Ai2svelte,Je=T.stories.ARIA;export{Je as ARIA,Xe as Ai2svelte,Ve as CustomText,ze as Default,je as QUICKIT,Le as __namedExportsOrder,Ue as default};
|
||||
//# sourceMappingURL=GraphicBlock.stories-7835e05a.js.map
|
||||
//# sourceMappingURL=GraphicBlock.stories-d575e202.js.map
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1,4 +1,4 @@
|
|||
import{S as at,i as nt,s as pt,l as T,y as b,b as p,O as vt,d as c,e as U,P as ct,n as P,f as m,C as k,g as u,m as y,t as w,h as A,j as $,F as mt}from"./index-99a30af8.js";import{g as gt,a as ot}from"./spread-8a54911c.js";import{p as ft,M as ht,T as xt,S as N}from"./collect-stories-1e0d20c7.js";import{H as S}from"./Headline-3eded5d7.js";import{b as H,w as ut}from"./withParams-47e2ab71.js";import"./Block-a09d61d3.js";import"./Byline-1358d74f.js";import"./each-e59479a4.js";import"./_commonjsHelpers-de833af9.js";import"./journalize-07958dc6.js";import"./Markdown-2a6fc77f.js";const yt=`Reuters Graphics headline
|
||||
import{S as at,i as nt,s as pt,o as T,z as b,b as p,O as vt,d as c,e as U,P as ct,n as P,f as m,C as k,g as u,m as y,t as w,h as A,j as $,F as mt}from"./index-85f88930.js";import{g as gt,a as ot}from"./spread-8a54911c.js";import{p as ft,M as ht,T as xt,S as N}from"./collect-stories-fa95313f.js";import{H as S}from"./Headline-e184c42d.js";import{b as H,w as ut}from"./withParams-47e2ab71.js";import"./Block-d1b8152c.js";import"./Byline-bc75d557.js";import"./each-e59479a4.js";import"./_commonjsHelpers-de833af9.js";import"./journalize-07958dc6.js";import"./Markdown-e31fd5d7.js";const yt=`Reuters Graphics headline
|
||||
|
||||
\`\`\`svelte
|
||||
<script>
|
||||
|
|
@ -119,7 +119,7 @@ import{S as at,i as nt,s as pt,l as T,y as b,b as p,O as vt,d as c,e as U,P as c
|
|||
|
||||
.custom-dek span {
|
||||
background-color: #fde68a;
|
||||
}`,p(e,"lang","scss")},m(a,f){y(t,a,f),c(a,s,f),c(a,e,f),n=!0},p(a,f){const o={};f&4&&(o.$$scope={dirty:f,ctx:a}),t.$set(o)},i(a){n||(w(t.$$.fragment,a),n=!0)},o(a){A(t.$$.fragment,a),n=!1},d(a){a&&(m(s),m(e)),$(t,a)}}}function Gt(l){let t,s;return{c(){t=T("img"),p(t,"slot","crown"),mt(t.src,s=_t)||p(t,"src",s),p(t,"width","100"),p(t,"class","mx-auto mb-0"),p(t,"alt","Illustration of Europe")},m(e,n){c(e,t,n)},p:P,d(e){e&&m(t)}}}function Mt(l){let t;return{c(){t=T("h1"),t.textContent="Europa",p(t,"slot","hed"),p(t,"class","!font-serif !tracking-wide")},m(s,e){c(s,t,e)},p:P,d(s){s&&m(t)}}}function Bt(l){let t,s;return t=new S({props:{class:"!fmt-3",publishTime:new Date("2020-01-01").toISOString(),$$slots:{hed:[Mt],crown:[Gt]},$$scope:{ctx:l}}}),{c(){u(t.$$.fragment)},m(e,n){y(t,e,n),s=!0},p(e,n){const a={};n&4&&(a.$$scope={dirty:n,ctx:e}),t.$set(a)},i(e){s||(w(t.$$.fragment,e),s=!0)},o(e){A(t.$$.fragment,e),s=!1},d(e){$(t,e)}}}function Ot(l){let t,s,e;return s=new rt({}),{c(){t=T("div"),u(s.$$.fragment),p(t,"slot","crown")},m(n,a){c(n,t,a),y(s,t,null),e=!0},p:P,i(n){e||(w(s.$$.fragment,n),e=!0)},o(n){A(s.$$.fragment,n),e=!1},d(n){n&&m(t),$(s)}}}function Kt(l){let t,s;return t=new S({props:{width:"wider",class:"!fmt-1",hed:"Unfriendly skies",dek:"How Russia’s invasion of Ukraine is redrawing air routes",section:"Ukraine Crisis",authors:["Simon Scarr","Vijdan Mohammad Kawoosa"],publishTime:new Date("2022-03-04").toISOString(),$$slots:{crown:[Ot]},$$scope:{ctx:l}}}),{c(){u(t.$$.fragment)},m(e,n){y(t,e,n),s=!0},p(e,n){const a={};n&4&&(a.$$scope={dirty:n,ctx:e}),t.$set(a)},i(e){s||(w(t.$$.fragment,e),s=!0)},o(e){A(t.$$.fragment,e),s=!1},d(e){$(t,e)}}}function Ft(l){let t,s,e,n,a,f,o,h,d,x,v,r,_,C,I,E;const R=[{title:"Components/Headline"},{component:S},l[0]];let L={};for(let i=0;i<R.length;i+=1)L=k(L,R[i]);t=new ht({props:L}),e=new xt({props:{$$slots:{default:[Ht,({args:i})=>({1:i}),({args:i})=>i?2:0]},$$scope:{ctx:l}}}),a=new N({props:{name:"Default",args:{section:"World News",hed:"Reuters Graphics interactive",hedSize:"normal",dek:"",authors:[]}}});const K=[{name:"With dek"},H(At)];let W={$$slots:{default:[Et]},$$scope:{ctx:l}};for(let i=0;i<K.length;i+=1)W=k(W,K[i]);o=new N({props:W});const F=[{name:"With byline"},H(wt)];let G={$$slots:{default:[Ut]},$$scope:{ctx:l}};for(let i=0;i<F.length;i+=1)G=k(G,F[i]);d=new N({props:G});const Y=[{name:"With custom hed"},H($t)];let M={$$slots:{default:[Wt]},$$scope:{ctx:l}};for(let i=0;i<Y.length;i+=1)M=k(M,Y[i]);v=new N({props:M});const j=[{name:"With crown image"},H(bt)];let B={$$slots:{default:[Bt]},$$scope:{ctx:l}};for(let i=0;i<j.length;i+=1)B=k(B,j[i]);_=new N({props:B});const z=[{name:"With crown graphic"},H(Tt)];let O={$$slots:{default:[Kt]},$$scope:{ctx:l}};for(let i=0;i<z.length;i+=1)O=k(O,z[i]);return I=new N({props:O}),{c(){u(t.$$.fragment),s=b(),u(e.$$.fragment),n=b(),u(a.$$.fragment),f=b(),u(o.$$.fragment),h=b(),u(d.$$.fragment),x=b(),u(v.$$.fragment),r=b(),u(_.$$.fragment),C=b(),u(I.$$.fragment)},m(i,g){y(t,i,g),c(i,s,g),y(e,i,g),c(i,n,g),y(a,i,g),c(i,f,g),y(o,i,g),c(i,h,g),y(d,i,g),c(i,x,g),y(v,i,g),c(i,r,g),y(_,i,g),c(i,C,g),y(I,i,g),E=!0},p(i,[g]){const dt=g&1?gt(R,[R[0],R[1],ot(i[0])]):{};t.$set(dt);const V={};g&6&&(V.$$scope={dirty:g,ctx:i}),e.$set(V);const q={};g&4&&(q.$$scope={dirty:g,ctx:i}),o.$set(q);const X={};g&4&&(X.$$scope={dirty:g,ctx:i}),d.$set(X);const Z={};g&4&&(Z.$$scope={dirty:g,ctx:i}),v.$set(Z);const J={};g&4&&(J.$$scope={dirty:g,ctx:i}),_.$set(J);const Q={};g&4&&(Q.$$scope={dirty:g,ctx:i}),I.$set(Q)},i(i){E||(w(t.$$.fragment,i),w(e.$$.fragment,i),w(a.$$.fragment,i),w(o.$$.fragment,i),w(d.$$.fragment,i),w(v.$$.fragment,i),w(_.$$.fragment,i),w(I.$$.fragment,i),E=!0)},o(i){A(t.$$.fragment,i),A(e.$$.fragment,i),A(a.$$.fragment,i),A(o.$$.fragment,i),A(d.$$.fragment,i),A(v.$$.fragment,i),A(_.$$.fragment,i),A(I.$$.fragment,i),E=!1},d(i){i&&(m(s),m(n),m(f),m(h),m(x),m(r),m(C)),$(t,i),$(e,i),$(a,i),$(o,i),$(d,i),$(v,i),$(_,i),$(I,i)}}}function Yt(l){return[{...ut(yt),argTypes:{hedSize:{control:"select",options:["small","normal","big","bigger","biggest"]},width:{control:"select",options:["normal","wide","wider","widest"]}}}]}class jt extends at{constructor(t){super(),nt(this,t,Yt,Ft,pt,{})}}const D=ft(jt,{meta:{title:"Components/Headline"},stories:{"tpl:default":{name:"default",template:!0,source:"<Headline {...args} />",hasArgs:!0},Default:{name:"Default",template:!1,source:"",hasArgs:!1},WithDek:{name:"With dek",template:!1,source:`<Headline
|
||||
}`,p(e,"lang","scss")},m(a,f){y(t,a,f),c(a,s,f),c(a,e,f),n=!0},p(a,f){const o={};f&4&&(o.$$scope={dirty:f,ctx:a}),t.$set(o)},i(a){n||(w(t.$$.fragment,a),n=!0)},o(a){A(t.$$.fragment,a),n=!1},d(a){a&&(m(s),m(e)),$(t,a)}}}function Gt(l){let t,s;return{c(){t=T("img"),p(t,"slot","crown"),mt(t.src,s=_t)||p(t,"src",s),p(t,"width","100"),p(t,"class","mx-auto mb-0"),p(t,"alt","Illustration of Europe")},m(e,n){c(e,t,n)},p:P,d(e){e&&m(t)}}}function Mt(l){let t;return{c(){t=T("h1"),t.textContent="Europa",p(t,"slot","hed"),p(t,"class","!font-serif !tracking-wide")},m(s,e){c(s,t,e)},p:P,d(s){s&&m(t)}}}function Bt(l){let t,s;return t=new S({props:{class:"!fmt-3",publishTime:new Date("2020-01-01").toISOString(),$$slots:{hed:[Mt],crown:[Gt]},$$scope:{ctx:l}}}),{c(){u(t.$$.fragment)},m(e,n){y(t,e,n),s=!0},p(e,n){const a={};n&4&&(a.$$scope={dirty:n,ctx:e}),t.$set(a)},i(e){s||(w(t.$$.fragment,e),s=!0)},o(e){A(t.$$.fragment,e),s=!1},d(e){$(t,e)}}}function Ot(l){let t,s,e;return s=new rt({}),{c(){t=T("div"),u(s.$$.fragment),p(t,"slot","crown")},m(n,a){c(n,t,a),y(s,t,null),e=!0},p:P,i(n){e||(w(s.$$.fragment,n),e=!0)},o(n){A(s.$$.fragment,n),e=!1},d(n){n&&m(t),$(s)}}}function Kt(l){let t,s;return t=new S({props:{width:"wider",class:"!fmt-1",hed:"Unfriendly skies",dek:"How Russia’s invasion of Ukraine is redrawing air routes",section:"Ukraine Crisis",authors:["Simon Scarr","Vijdan Mohammad Kawoosa"],publishTime:new Date("2022-03-04").toISOString(),$$slots:{crown:[Ot]},$$scope:{ctx:l}}}),{c(){u(t.$$.fragment)},m(e,n){y(t,e,n),s=!0},p(e,n){const a={};n&4&&(a.$$scope={dirty:n,ctx:e}),t.$set(a)},i(e){s||(w(t.$$.fragment,e),s=!0)},o(e){A(t.$$.fragment,e),s=!1},d(e){$(t,e)}}}function Ft(l){let t,s,e,n,a,f,o,h,d,x,v,r,_,C,I,E;const R=[{title:"Components/Headline"},{component:S},l[0]];let L={};for(let i=0;i<R.length;i+=1)L=k(L,R[i]);t=new ht({props:L}),e=new xt({props:{$$slots:{default:[Ht,({args:i})=>({1:i}),({args:i})=>i?2:0]},$$scope:{ctx:l}}}),a=new N({props:{name:"Default",args:{section:"World News",hed:"Reuters Graphics interactive",hedSize:"normal",dek:"",authors:[]}}});const K=[{name:"With dek"},H(At)];let W={$$slots:{default:[Et]},$$scope:{ctx:l}};for(let i=0;i<K.length;i+=1)W=k(W,K[i]);o=new N({props:W});const F=[{name:"With byline"},H(wt)];let G={$$slots:{default:[Ut]},$$scope:{ctx:l}};for(let i=0;i<F.length;i+=1)G=k(G,F[i]);d=new N({props:G});const Y=[{name:"With custom hed"},H($t)];let M={$$slots:{default:[Wt]},$$scope:{ctx:l}};for(let i=0;i<Y.length;i+=1)M=k(M,Y[i]);v=new N({props:M});const z=[{name:"With crown image"},H(bt)];let B={$$slots:{default:[Bt]},$$scope:{ctx:l}};for(let i=0;i<z.length;i+=1)B=k(B,z[i]);_=new N({props:B});const j=[{name:"With crown graphic"},H(Tt)];let O={$$slots:{default:[Kt]},$$scope:{ctx:l}};for(let i=0;i<j.length;i+=1)O=k(O,j[i]);return I=new N({props:O}),{c(){u(t.$$.fragment),s=b(),u(e.$$.fragment),n=b(),u(a.$$.fragment),f=b(),u(o.$$.fragment),h=b(),u(d.$$.fragment),x=b(),u(v.$$.fragment),r=b(),u(_.$$.fragment),C=b(),u(I.$$.fragment)},m(i,g){y(t,i,g),c(i,s,g),y(e,i,g),c(i,n,g),y(a,i,g),c(i,f,g),y(o,i,g),c(i,h,g),y(d,i,g),c(i,x,g),y(v,i,g),c(i,r,g),y(_,i,g),c(i,C,g),y(I,i,g),E=!0},p(i,[g]){const dt=g&1?gt(R,[R[0],R[1],ot(i[0])]):{};t.$set(dt);const V={};g&6&&(V.$$scope={dirty:g,ctx:i}),e.$set(V);const q={};g&4&&(q.$$scope={dirty:g,ctx:i}),o.$set(q);const X={};g&4&&(X.$$scope={dirty:g,ctx:i}),d.$set(X);const Z={};g&4&&(Z.$$scope={dirty:g,ctx:i}),v.$set(Z);const J={};g&4&&(J.$$scope={dirty:g,ctx:i}),_.$set(J);const Q={};g&4&&(Q.$$scope={dirty:g,ctx:i}),I.$set(Q)},i(i){E||(w(t.$$.fragment,i),w(e.$$.fragment,i),w(a.$$.fragment,i),w(o.$$.fragment,i),w(d.$$.fragment,i),w(v.$$.fragment,i),w(_.$$.fragment,i),w(I.$$.fragment,i),E=!0)},o(i){A(t.$$.fragment,i),A(e.$$.fragment,i),A(a.$$.fragment,i),A(o.$$.fragment,i),A(d.$$.fragment,i),A(v.$$.fragment,i),A(_.$$.fragment,i),A(I.$$.fragment,i),E=!1},d(i){i&&(m(s),m(n),m(f),m(h),m(x),m(r),m(C)),$(t,i),$(e,i),$(a,i),$(o,i),$(d,i),$(v,i),$(_,i),$(I,i)}}}function Yt(l){return[{...ut(yt),argTypes:{hedSize:{control:"select",options:["small","normal","big","bigger","biggest"]},width:{control:"select",options:["normal","wide","wider","widest"]}}}]}class zt extends at{constructor(t){super(),nt(this,t,Yt,Ft,pt,{})}}const D=ft(zt,{meta:{title:"Components/Headline"},stories:{"tpl:default":{name:"default",template:!0,source:"<Headline {...args} />",hasArgs:!0},Default:{name:"Default",template:!1,source:"",hasArgs:!1},WithDek:{name:"With dek",template:!1,source:`<Headline
|
||||
hed="{'Reuters Graphics Interactive'}"
|
||||
dek="{'The beginning of a beautiful page'}"
|
||||
section="{'Global news'}"
|
||||
|
|
@ -172,4 +172,4 @@ background-color: #fde68a;
|
|||
<Map />
|
||||
</div>
|
||||
</Headline>`,hasArgs:!1}},allocatedIds:["default","Meta","Template","Story","componentDocs","withBylineDocs","withDekDocs","customHedDocs","withCrownImgDocs","withCrownGraphicDocs","crownImgSrc","Map","Headline","withComponentDocs","withStoryDocs"]}),le=D.meta,ae=["Default","WithDek","WithByline","WithCustomHed","WithCrownImage","WithCrownGraphic"],ne=D.stories.Default,pe=D.stories.WithDek,ge=D.stories.WithByline,oe=D.stories.WithCustomHed,re=D.stories.WithCrownImage,de=D.stories.WithCrownGraphic;export{ne as Default,ge as WithByline,de as WithCrownGraphic,re as WithCrownImage,oe as WithCustomHed,pe as WithDek,ae as __namedExportsOrder,le as default};
|
||||
//# sourceMappingURL=Headline.stories-9da08900.js.map
|
||||
//# sourceMappingURL=Headline.stories-516ef13a.js.map
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -1,4 +1,4 @@
|
|||
import{S as Q,i as Y,s as Z,l as H,y as T,b as h,q as He,c as K,d as v,e as I,t as g,v as M,h as f,w as z,f as $,x as it,g as x,m as y,j as b,k as q,u as U,o as F,p as X,r as ce,O as Fe,P as Xe,n as L,C,I as J}from"./index-99a30af8.js";import{g as Je,a as Qe}from"./spread-8a54911c.js";import{p as st,M as at,T as nt,S as G}from"./collect-stories-1e0d20c7.js";import{B as R}from"./Block-a09d61d3.js";import{S as N}from"./SiteHeader-5eb355f9.js";import{H as ee}from"./Headline-3eded5d7.js";import{G as ge}from"./GraphicBlock-caaf4041.js";import{B as lt}from"./Byline-1358d74f.js";import{P as ot}from"./PaddingReset-79b11107.js";import{F as rt}from"./FeaturePhoto-0bdc1976.js";import{V as Ye}from"./Video-4f78e265.js";import{b as E,w as pt}from"./withParams-47e2ab71.js";import"./ReutersLogo-b424df32.js";import"./each-e59479a4.js";import"./index-2224dbf5.js";import"./time-8562ae1b.js";import"./advancedFormat-ebff0a45.js";import"./_commonjsHelpers-de833af9.js";import"./dayjs.min-1b995edc.js";import"./Markdown-2a6fc77f.js";import"./journalize-07958dc6.js";import"./fa-89776db2.js";import"./index.es-ff8a88a9.js";const dt=`Reuters Graphics headline with a Hero media
|
||||
import{S as Q,i as Y,s as Z,o as H,z as T,b as h,r as He,c as K,d as v,e as I,t as g,w as M,h as f,x as z,f as $,y as it,g as x,m as y,j as b,l as q,u as U,p as F,q as X,v as ce,O as Fe,P as Xe,n as L,C,I as J}from"./index-85f88930.js";import{g as Je,a as Qe}from"./spread-8a54911c.js";import{p as st,M as at,T as nt,S as G}from"./collect-stories-fa95313f.js";import{B as R}from"./Block-d1b8152c.js";import{S as N}from"./SiteHeader-ccf6a500.js";import{H as ee}from"./Headline-e184c42d.js";import{G as ge}from"./GraphicBlock-44d96d12.js";import{B as lt}from"./Byline-bc75d557.js";import{P as ot}from"./PaddingReset-c34038dd.js";import{F as rt}from"./FeaturePhoto-5db06745.js";import{V as Ye}from"./Video-ccd4dd0f.js";import{b as E,w as pt}from"./withParams-47e2ab71.js";import"./ReutersLogo-e492d7cf.js";import"./each-e59479a4.js";import"./index-2224dbf5.js";import"./time-8562ae1b.js";import"./advancedFormat-ebff0a45.js";import"./_commonjsHelpers-de833af9.js";import"./dayjs.min-1b995edc.js";import"./Markdown-e31fd5d7.js";import"./journalize-07958dc6.js";import"./fa-95fa679c.js";import"./index.es-ff8a88a9.js";const dt=`Reuters Graphics headline with a Hero media
|
||||
|
||||
\`\`\`svelte
|
||||
<script>
|
||||
|
|
@ -544,4 +544,4 @@ color: #ffffff;
|
|||
text-shadow: 1px 1px 8px #ff7c88;
|
||||
filter: drop-shadow(0px 0px 12px #ff7c88);
|
||||
}</style>`,hasArgs:!1}},allocatedIds:["default","Meta","Template","Story","componentDocs","backgroundGraphicDocs","inlineGraphicDocs","inlinePhotoDocs","transparentHeaderDocs","videoDocs","customHedDocs","polarImgSrc","eurovisImgSrc","Block","SiteHeader","HeroHeadline","GraphicBlock","FeaturePhoto","Video","CrashMap","QuakeMap","withComponentDocs","withStoryDocs"]}),Ui=B.meta,Fi=["WithBackdropPhoto","WithTransparentHeader","WithBackdropGraphic","WithBackdropVideo","WithInlinePhoto","WithInlineGraphic","WithInlineVideo","WithCustomHed"],Xi=B.stories.WithBackdropPhoto,Ji=B.stories.WithTransparentHeader,Qi=B.stories.WithBackdropGraphic,Yi=B.stories.WithBackdropVideo,Zi=B.stories.WithInlinePhoto,es=B.stories.WithInlineGraphic,ts=B.stories.WithInlineVideo,is=B.stories.WithCustomHed;export{Qi as WithBackdropGraphic,Xi as WithBackdropPhoto,Yi as WithBackdropVideo,is as WithCustomHed,es as WithInlineGraphic,Zi as WithInlinePhoto,ts as WithInlineVideo,Ji as WithTransparentHeader,Fi as __namedExportsOrder,Ui as default};
|
||||
//# sourceMappingURL=Hero.stories-dede838a.js.map
|
||||
//# sourceMappingURL=Hero.stories-bed67fe3.js.map
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -1,3 +1,3 @@
|
|||
import{R as e,r}from"./index-9f7f7f51.js";import{S as n,p as u}from"./prism-0d7c24ae.js";import{s as g}from"./scss-efc2351e.js";const d="_title_daft4_1",f="_table_daft4_20",_="_importsnippet_daft4_125",o={title:d,table:f,importsnippet:_};n.registerLanguage("scss",g);const p=t=>t.replace(/\/_/,"/").replace(/\.scss$/,""),E=t=>{const[s,c]=r.useState(!1);let a;r.useEffect(()=>{a&&clearTimeout(a),a=setTimeout(()=>{c(!1)},1500)},[s]);const i=async({partial:l})=>{const m=`@import "@reuters-graphics/graphics-components/scss/colours/${p(l)}";`;await navigator.clipboard.writeText(m),c(!0)};return e.createElement("button",{className:"copy-btn",onClick:()=>i(t)},e.createElement("span",{className:"material-symbols-outlined"},"content_copy"),s&&e.createElement("span",{className:"copy-tag"},"Copied"))},x=({included:t=!1,partial:s="thematic/_tr.scss"})=>t?e.createElement("div",{className:o.importsnippet},e.createElement("p",null,"Included")):e.createElement("div",{className:o.importsnippet},e.createElement(n,{language:"scss",style:u},`// global.scss
|
||||
import{R as e,r}from"./index-20ac22d7.js";import{S as n,p as u}from"./prism-c6277cd2.js";import{s as g}from"./scss-efc2351e.js";const d="_title_daft4_1",f="_table_daft4_20",_="_importsnippet_daft4_125",o={title:d,table:f,importsnippet:_};n.registerLanguage("scss",g);const p=t=>t.replace(/\/_/,"/").replace(/\.scss$/,""),E=t=>{const[s,c]=r.useState(!1);let a;r.useEffect(()=>{a&&clearTimeout(a),a=setTimeout(()=>{c(!1)},1500)},[s]);const i=async({partial:l})=>{const m=`@import "@reuters-graphics/graphics-components/scss/colours/${p(l)}";`;await navigator.clipboard.writeText(m),c(!0)};return e.createElement("button",{className:"copy-btn",onClick:()=>i(t)},e.createElement("span",{className:"material-symbols-outlined"},"content_copy"),s&&e.createElement("span",{className:"copy-tag"},"Copied"))},x=({included:t=!1,partial:s="thematic/_tr.scss"})=>t?e.createElement("div",{className:o.importsnippet},e.createElement("p",null,"Included")):e.createElement("div",{className:o.importsnippet},e.createElement(n,{language:"scss",style:u},`// global.scss
|
||||
@import "@reuters-graphics/graphics-components/scss/colours/${p(s)}";`),e.createElement(E,{partial:s}));export{x as I,o as c};
|
||||
//# sourceMappingURL=ImportSnippet-47bb74bd.js.map
|
||||
//# sourceMappingURL=ImportSnippet-d6ad00e5.js.map
|
||||
|
|
@ -1 +1 @@
|
|||
{"version":3,"file":"ImportSnippet-47bb74bd.js","sources":["../../src/docs/docs-components/CopyColourTable/ImportSnippet.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\n\nimport SyntaxHighlighter from 'react-syntax-highlighter/dist/esm/prism-light';\n// @ts-ignore\nimport classes from './styles.module.scss';\nimport prism from 'react-syntax-highlighter/dist/esm/styles/prism/prism';\nimport scss from 'react-syntax-highlighter/dist/esm/languages/prism/scss';\n\nSyntaxHighlighter.registerLanguage('scss', scss);\n\nconst formatPartial = (partial) => {\n return partial.replace(/\\/_/, '/').replace(/\\.scss$/, '');\n};\n\nconst Copyable = (props) => {\n const [copied, setCopied] = useState(false);\n\n let timeout;\n\n useEffect(() => {\n if(timeout) clearTimeout(timeout);\n timeout = setTimeout(() => { setCopied(false); }, 1500);\n }, [copied]);\n\n const handleClick = async({ partial }) => {\n const copyText = `@import \"@reuters-graphics/graphics-components/scss/colours/${formatPartial(partial)}\";`\n await navigator.clipboard.writeText(copyText);\n setCopied(true);\n }\n\n return (\n <button className=\"copy-btn\" onClick={() => handleClick(props)}>\n <span className=\"material-symbols-outlined\">content_copy</span>\n {copied && <span className=\"copy-tag\">Copied</span>}\n </button>\n );\n}\n\nconst ImportSnippet = ({ included = false, partial = 'thematic/_tr.scss' }) => {\n return included ? (\n <div className={classes.importsnippet}>\n <p>Included</p>\n </div>\n ) : (\n <div className={classes.importsnippet}>\n <SyntaxHighlighter language=\"scss\" style={prism}>\n {`// global.scss \\n@import \"@reuters-graphics/graphics-components/scss/colours/${formatPartial(partial)}\";`}\n </SyntaxHighlighter>\n <Copyable partial={partial} />\n </div>\n )\n};\n\nexport default ImportSnippet;"],"names":["SyntaxHighlighter","scss","formatPartial","partial","Copyable","props","copied","setCopied","useState","timeout","useEffect","handleClick","copyText","React","ImportSnippet","included","classes","prism"],"mappings":"8OAQAA,EAAkB,iBAAiB,OAAQC,CAAI,EAE/C,MAAMC,EAAiBC,GACdA,EAAQ,QAAQ,MAAO,GAAG,EAAE,QAAQ,UAAW,EAAE,EAGpDC,EAAYC,GAAU,CAC1B,KAAM,CAACC,EAAQC,CAAS,EAAIC,WAAS,EAAK,EAEtC,IAAAC,EAEJC,EAAAA,UAAU,IAAM,CACXD,GAAS,aAAaA,CAAO,EAChCA,EAAU,WAAW,IAAM,CAAEF,EAAU,EAAK,GAAM,IAAI,CAAA,EACrD,CAACD,CAAM,CAAC,EAEX,MAAMK,EAAc,MAAM,CAAE,QAAAR,KAAc,CACxC,MAAMS,EAAW,+DAA+DV,EAAcC,CAAO,CAAC,KAChG,MAAA,UAAU,UAAU,UAAUS,CAAQ,EAC5CL,EAAU,EAAI,CAAA,EAId,OAAAM,EAAA,cAAC,UAAO,UAAU,WAAW,QAAS,IAAMF,EAAYN,CAAK,GAC3DQ,EAAA,cAAC,QAAK,UAAU,2BAAA,EAA4B,cAAY,EACvDP,mBAAW,OAAK,CAAA,UAAU,UAAW,EAAA,QAAM,CAC9C,CAEJ,EAEMQ,EAAgB,CAAC,CAAE,SAAAC,EAAW,GAAO,QAAAZ,EAAU,uBAC5CY,kBACJ,MAAI,CAAA,UAAWC,EAAQ,aACtB,EAAAH,EAAA,cAAC,SAAE,UAAQ,CACb,EAECA,EAAA,cAAA,MAAA,CAAI,UAAWG,EAAQ,aAAA,kBACrBhB,EAAkB,CAAA,SAAS,OAAO,MAAOiB,CACvC,EAAA;AAAA,8DAAgFf,EAAcC,CAAO,CAAC,IACzG,EACCU,EAAA,cAAAT,EAAA,CAAS,QAAAD,EAAkB,CAC9B"}
|
||||
{"version":3,"file":"ImportSnippet-d6ad00e5.js","sources":["../../src/docs/docs-components/CopyColourTable/ImportSnippet.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\n\nimport SyntaxHighlighter from 'react-syntax-highlighter/dist/esm/prism-light';\n// @ts-ignore\nimport classes from './styles.module.scss';\nimport prism from 'react-syntax-highlighter/dist/esm/styles/prism/prism';\nimport scss from 'react-syntax-highlighter/dist/esm/languages/prism/scss';\n\nSyntaxHighlighter.registerLanguage('scss', scss);\n\nconst formatPartial = (partial) => {\n return partial.replace(/\\/_/, '/').replace(/\\.scss$/, '');\n};\n\nconst Copyable = (props) => {\n const [copied, setCopied] = useState(false);\n\n let timeout;\n\n useEffect(() => {\n if(timeout) clearTimeout(timeout);\n timeout = setTimeout(() => { setCopied(false); }, 1500);\n }, [copied]);\n\n const handleClick = async({ partial }) => {\n const copyText = `@import \"@reuters-graphics/graphics-components/scss/colours/${formatPartial(partial)}\";`\n await navigator.clipboard.writeText(copyText);\n setCopied(true);\n }\n\n return (\n <button className=\"copy-btn\" onClick={() => handleClick(props)}>\n <span className=\"material-symbols-outlined\">content_copy</span>\n {copied && <span className=\"copy-tag\">Copied</span>}\n </button>\n );\n}\n\nconst ImportSnippet = ({ included = false, partial = 'thematic/_tr.scss' }) => {\n return included ? (\n <div className={classes.importsnippet}>\n <p>Included</p>\n </div>\n ) : (\n <div className={classes.importsnippet}>\n <SyntaxHighlighter language=\"scss\" style={prism}>\n {`// global.scss \\n@import \"@reuters-graphics/graphics-components/scss/colours/${formatPartial(partial)}\";`}\n </SyntaxHighlighter>\n <Copyable partial={partial} />\n </div>\n )\n};\n\nexport default ImportSnippet;"],"names":["SyntaxHighlighter","scss","formatPartial","partial","Copyable","props","copied","setCopied","useState","timeout","useEffect","handleClick","copyText","React","ImportSnippet","included","classes","prism"],"mappings":"8OAQAA,EAAkB,iBAAiB,OAAQC,CAAI,EAE/C,MAAMC,EAAiBC,GACdA,EAAQ,QAAQ,MAAO,GAAG,EAAE,QAAQ,UAAW,EAAE,EAGpDC,EAAYC,GAAU,CAC1B,KAAM,CAACC,EAAQC,CAAS,EAAIC,WAAS,EAAK,EAEtC,IAAAC,EAEJC,EAAAA,UAAU,IAAM,CACXD,GAAS,aAAaA,CAAO,EAChCA,EAAU,WAAW,IAAM,CAAEF,EAAU,EAAK,GAAM,IAAI,CAAA,EACrD,CAACD,CAAM,CAAC,EAEX,MAAMK,EAAc,MAAM,CAAE,QAAAR,KAAc,CACxC,MAAMS,EAAW,+DAA+DV,EAAcC,CAAO,CAAC,KAChG,MAAA,UAAU,UAAU,UAAUS,CAAQ,EAC5CL,EAAU,EAAI,CAAA,EAId,OAAAM,EAAA,cAAC,UAAO,UAAU,WAAW,QAAS,IAAMF,EAAYN,CAAK,GAC3DQ,EAAA,cAAC,QAAK,UAAU,2BAAA,EAA4B,cAAY,EACvDP,mBAAW,OAAK,CAAA,UAAU,UAAW,EAAA,QAAM,CAC9C,CAEJ,EAEMQ,EAAgB,CAAC,CAAE,SAAAC,EAAW,GAAO,QAAAZ,EAAU,uBAC5CY,kBACJ,MAAI,CAAA,UAAWC,EAAQ,aACtB,EAAAH,EAAA,cAAC,SAAE,UAAQ,CACb,EAECA,EAAA,cAAA,MAAA,CAAI,UAAWG,EAAQ,aAAA,kBACrBhB,EAAkB,CAAA,SAAS,OAAO,MAAOiB,CACvC,EAAA;AAAA,8DAAgFf,EAAcC,CAAO,CAAC,IACzG,EACCU,EAAA,cAAAT,EAAA,CAAS,QAAAD,EAAkB,CAC9B"}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1,4 +1,4 @@
|
|||
import{S as b,i as S,s as w,g as c,m as p,t as f,h as u,j as $,l as _,y as A,b as v,d as k,e as g,n as C,f as y,C as T}from"./index-99a30af8.js";import{g as x,a as N}from"./spread-8a54911c.js";import{p as R,M as O,T as j,S as B}from"./collect-stories-1e0d20c7.js";import{R as E,A as P}from"./ResponsiveAd-034dbb7c.js";import{B as V}from"./Block-a09d61d3.js";import{w as q}from"./withParams-47e2ab71.js";import"./throttle-dfed7c30.js";import"./isObject-32699ff3.js";import"./now-bd49f550.js";import"./isSymbol-50749e90.js";const z=`Add programmatic ads inline on your page.
|
||||
import{S as b,i as S,s as w,g as c,m as p,t as f,h as u,j as $,o as _,z as A,b as v,d as k,e as g,n as C,f as y,C as T}from"./index-85f88930.js";import{g as x,a as N}from"./spread-8a54911c.js";import{p as R,M as O,T as j,S as B}from"./collect-stories-fa95313f.js";import{R as E,A as P}from"./ResponsiveAd-8fd15515.js";import{B as V}from"./Block-d1b8152c.js";import{w as q}from"./withParams-47e2ab71.js";import"./throttle-dfed7c30.js";import"./isObject-32699ff3.js";import"./now-bd49f550.js";import"./isSymbol-50749e90.js";const z=`Add programmatic ads inline on your page.
|
||||
|
||||
> **IMPORTANT!** Make sure ads are only used on dotcom pages, never on embeds.
|
||||
|
||||
|
|
@ -38,4 +38,4 @@ import{S as b,i as S,s as w,g as c,m as p,t as f,h as u,j as $,l as _,y as A,b a
|
|||
<InlineAd />
|
||||
<InlineAd />
|
||||
</div>`,hasArgs:!0},Default:{name:"Default",template:!1,source:"",hasArgs:!1}},allocatedIds:["default","Meta","Template","Story","adDocs","AdScripts","InlineAd","withComponentDocs"]}),ie=D.meta,oe=["Default"],le=D.stories.Default;export{le as Default,oe as __namedExportsOrder,ie as default};
|
||||
//# sourceMappingURL=InlineAd.stories-10719dd4.js.map
|
||||
//# sourceMappingURL=InlineAd.stories-226a5dce.js.map
|
||||
|
|
@ -1 +1 @@
|
|||
{"version":3,"file":"InlineAd.stories-10719dd4.js","sources":["../../src/components/AdSlot/stories/docs/inline.md?raw","../../src/components/AdSlot/InlineAd.svelte","../../src/components/AdSlot/InlineAd.stories.svelte"],"sourcesContent":["export default \"Add programmatic ads inline on your page.\\n\\n> **IMPORTANT!** Make sure ads are only used on dotcom pages, never on embeds.\\n\\n```svelte\\n<!-- +page.svelte -->\\n<script>\\n import { AdScripts } from '@reuters-graphics/graphics-components';\\n</script>\\n\\n<!-- Include AdScripts only ONCE per page for any type of ad -->\\n<AdScripts />\\n```\\n\\n```svelte\\n<!-- App.svelte -->\\n<script>\\n import { InlineAd } from '@reuters-graphics/graphics-components';\\n\\n export let embedded = false;\\n</script>\\n\\n{#each content.blocks as block}\\n <!-- ... -->\\n\\n {#if block.Type === 'inline-ad'}\\n <!-- Check if in an embed context! -->\\n {#if !embedded}\\n <InlineAd />\\n {/if}\\n {/if}\\n\\n <!-- ... -->\\n{/each}\\n```\\n\"","<script lang=\"ts\">\n import Block from '../Block/Block.svelte';\n import { DesktopPlacementName } from './@types/ads';\n import ResponsiveAd from './ResponsiveAd.svelte';\n\n /** Add an ID to target with SCSS. */\n export let id: string = '';\n\n /** Add a class to target with SCSS. */\n let cls: string = 'my-12';\n export { cls as class };\n\n const desktopPlacementName: DesktopPlacementName = 'reuters_desktop_native_1';\n</script>\n\n<!-- @component `InlineAd` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-InlineAd--default) -->\n<Block id=\"{id}\" class=\"freestar-adslot {cls}\">\n <div class=\"ad-block\">\n <div class=\"ad-label\">Advertisement · Scroll to continue</div>\n <div class=\"ad-container\">\n <div class=\"ad-slot__inner\">\n <div>\n <ResponsiveAd desktopPlacementName=\"{desktopPlacementName}\" />\n </div>\n </div>\n </div>\n </div>\n</Block>\n\n<style lang=\"scss\">\n div.ad-block {\n border-bottom: 1px solid var(--theme-colour-brand-rules);\n border-top: 1px solid var(--theme-colour-brand-rules);\n div.ad-label {\n font-family: Knowledge, 'Source Sans Pro', Arial, Helvetica, sans-serif;\n font-size: 14px;\n margin: 6px 0;\n line-height: 1.333;\n color: var(--theme-colour-text-secondary);\n width: 100%;\n text-align: center;\n }\n div.ad-container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n min-height: 415px;\n @media (max-width: 767.9px) {\n min-height: 320px;\n }\n div.ad-slot__inner {\n margin: auto 0;\n width: 100%;\n max-width: 100%;\n flex: unset;\n & > div {\n display: block;\n :global(div[data-freestar-ad]) {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n }\n }\n }\n }\n }\n</style>\n","<script>\n import { Meta, Template, Story } from '@storybook/addon-svelte-csf';\n\n // @ts-ignore\n import adDocs from './stories/docs/inline.md?raw';\n\n import AdScripts from './AdScripts.svelte';\n import InlineAd from './InlineAd.svelte';\n\n import { withComponentDocs } from '$docs/utils/withParams.js';\n\n const meta = {\n title: 'Components/InlineAd',\n component: InlineAd,\n ...withComponentDocs(adDocs),\n };\n</script>\n\n<Meta title=\"Components/InlineAd\" {...meta} />\n\n<Template let:args>\n <div>\n <AdScripts />\n <InlineAd />\n <InlineAd />\n </div>\n</Template>\n\n<Story name=\"Default\" />\n"],"names":["adDocs","desktopPlacementName","insert","target","div4","anchor","append","div0","div3","div2","div1","ctx","id","$$props","cls","div","InlineAd","withComponentDocs"],"mappings":"0gBAAA,MAAeA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;2DCsBgC,qBAAAC,CAAoB,CAAA,CAAA,oVALjEC,EASKC,EAAAC,EAAAC,CAAA,EARHC,EAA6DF,EAAAG,CAAA,SAC7DD,EAMKF,EAAAI,CAAA,EALHF,EAIKE,EAAAC,CAAA,EAHHH,EAEKG,EAAAC,CAAA,6JAPDC,EAAE,CAAA,2BAA2BA,EAAG,CAAA,uHAAhCA,EAAE,CAAA,oCAA2BA,EAAG,CAAA,8HAJpC,MAAAV,EAA6C,6CANxC,GAAA,CAAA,GAAAW,EAAa,EAAE,EAAAC,EAGtB,CAAA,MAAAC,EAAc,OAAO,EAAAD,o/BCYzBX,EAIKC,EAAAY,EAAAV,CAAA,8SAP+BM,EAAI,CAAA,CAAA,8WAAJA,EAAI,CAAA,CAAA,CAAA,CAAA,mRAP9B,CACR,MAAO,sBACP,UAAWK,EACR,GAAAC,EAAkBjB,CAAM;;;;"}
|
||||
{"version":3,"file":"InlineAd.stories-226a5dce.js","sources":["../../src/components/AdSlot/stories/docs/inline.md?raw","../../src/components/AdSlot/InlineAd.svelte","../../src/components/AdSlot/InlineAd.stories.svelte"],"sourcesContent":["export default \"Add programmatic ads inline on your page.\\n\\n> **IMPORTANT!** Make sure ads are only used on dotcom pages, never on embeds.\\n\\n```svelte\\n<!-- +page.svelte -->\\n<script>\\n import { AdScripts } from '@reuters-graphics/graphics-components';\\n</script>\\n\\n<!-- Include AdScripts only ONCE per page for any type of ad -->\\n<AdScripts />\\n```\\n\\n```svelte\\n<!-- App.svelte -->\\n<script>\\n import { InlineAd } from '@reuters-graphics/graphics-components';\\n\\n export let embedded = false;\\n</script>\\n\\n{#each content.blocks as block}\\n <!-- ... -->\\n\\n {#if block.Type === 'inline-ad'}\\n <!-- Check if in an embed context! -->\\n {#if !embedded}\\n <InlineAd />\\n {/if}\\n {/if}\\n\\n <!-- ... -->\\n{/each}\\n```\\n\"","<script lang=\"ts\">\n import Block from '../Block/Block.svelte';\n import { DesktopPlacementName } from './@types/ads';\n import ResponsiveAd from './ResponsiveAd.svelte';\n\n /** Add an ID to target with SCSS. */\n export let id: string = '';\n\n /** Add a class to target with SCSS. */\n let cls: string = 'my-12';\n export { cls as class };\n\n const desktopPlacementName: DesktopPlacementName = 'reuters_desktop_native_1';\n</script>\n\n<!-- @component `InlineAd` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-InlineAd--default) -->\n<Block id=\"{id}\" class=\"freestar-adslot {cls}\">\n <div class=\"ad-block\">\n <div class=\"ad-label\">Advertisement · Scroll to continue</div>\n <div class=\"ad-container\">\n <div class=\"ad-slot__inner\">\n <div>\n <ResponsiveAd desktopPlacementName=\"{desktopPlacementName}\" />\n </div>\n </div>\n </div>\n </div>\n</Block>\n\n<style lang=\"scss\">\n div.ad-block {\n border-bottom: 1px solid var(--theme-colour-brand-rules);\n border-top: 1px solid var(--theme-colour-brand-rules);\n div.ad-label {\n font-family: Knowledge, 'Source Sans Pro', Arial, Helvetica, sans-serif;\n font-size: 14px;\n margin: 6px 0;\n line-height: 1.333;\n color: var(--theme-colour-text-secondary);\n width: 100%;\n text-align: center;\n }\n div.ad-container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n min-height: 415px;\n @media (max-width: 767.9px) {\n min-height: 320px;\n }\n div.ad-slot__inner {\n margin: auto 0;\n width: 100%;\n max-width: 100%;\n flex: unset;\n & > div {\n display: block;\n :global(div[data-freestar-ad]) {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n }\n }\n }\n }\n }\n</style>\n","<script>\n import { Meta, Template, Story } from '@storybook/addon-svelte-csf';\n\n // @ts-ignore\n import adDocs from './stories/docs/inline.md?raw';\n\n import AdScripts from './AdScripts.svelte';\n import InlineAd from './InlineAd.svelte';\n\n import { withComponentDocs } from '$docs/utils/withParams.js';\n\n const meta = {\n title: 'Components/InlineAd',\n component: InlineAd,\n ...withComponentDocs(adDocs),\n };\n</script>\n\n<Meta title=\"Components/InlineAd\" {...meta} />\n\n<Template let:args>\n <div>\n <AdScripts />\n <InlineAd />\n <InlineAd />\n </div>\n</Template>\n\n<Story name=\"Default\" />\n"],"names":["adDocs","desktopPlacementName","insert","target","div4","anchor","append","div0","div3","div2","div1","ctx","id","$$props","cls","div","InlineAd","withComponentDocs"],"mappings":"0gBAAA,MAAeA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;2DCsBgC,qBAAAC,CAAoB,CAAA,CAAA,oVALjEC,EASKC,EAAAC,EAAAC,CAAA,EARHC,EAA6DF,EAAAG,CAAA,SAC7DD,EAMKF,EAAAI,CAAA,EALHF,EAIKE,EAAAC,CAAA,EAHHH,EAEKG,EAAAC,CAAA,6JAPDC,EAAE,CAAA,2BAA2BA,EAAG,CAAA,uHAAhCA,EAAE,CAAA,oCAA2BA,EAAG,CAAA,8HAJpC,MAAAV,EAA6C,6CANxC,GAAA,CAAA,GAAAW,EAAa,EAAE,EAAAC,EAGtB,CAAA,MAAAC,EAAc,OAAO,EAAAD,o/BCYzBX,EAIKC,EAAAY,EAAAV,CAAA,8SAP+BM,EAAI,CAAA,CAAA,8WAAJA,EAAI,CAAA,CAAA,CAAA,CAAA,mRAP9B,CACR,MAAO,sBACP,UAAWK,EACR,GAAAC,EAAkBjB,CAAM;;;;"}
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
import{S as D,i as C,s as T,O as I,l as u,g as _,b as f,c as L,q as A,d as $,e as b,m as g,M as N,t as v,h as w,f as k,j as y,D as O,C as j,y as S,n as z}from"./index-99a30af8.js";import{g as H,a as R}from"./spread-8a54911c.js";import{p as V,M as W,T as P,S as Y}from"./collect-stories-1e0d20c7.js";import{R as B,A as F}from"./ResponsiveAd-034dbb7c.js";import{g as G}from"./globals-7f7f1b26.js";import{w as J}from"./withParams-47e2ab71.js";import"./throttle-dfed7c30.js";import"./isObject-32699ff3.js";import"./now-bd49f550.js";import"./isSymbol-50749e90.js";const K=`Add a leaderboard ad to your page.
|
||||
import{S as D,i as C,s as T,O as I,o as u,g as _,b as f,c as L,r as A,d as $,e as b,m as g,M as N,t as v,h as w,f as k,j as y,D as O,C as j,z as S,n as q}from"./index-85f88930.js";import{g as H,a as R}from"./spread-8a54911c.js";import{p as V,M as W,T as P,S as Y}from"./collect-stories-fa95313f.js";import{R as B,A as F}from"./ResponsiveAd-8fd15515.js";import{g as G}from"./globals-7f7f1b26.js";import{w as J}from"./withParams-47e2ab71.js";import"./throttle-dfed7c30.js";import"./isObject-32699ff3.js";import"./now-bd49f550.js";import"./isSymbol-50749e90.js";const K=`Add a leaderboard ad to your page.
|
||||
|
||||
> **IMPORTANT!** Make sure ads are only used on dotcom pages, never on embeds.
|
||||
|
||||
|
|
@ -19,8 +19,8 @@ import{S as D,i as C,s as T,O as I,l as u,g as _,b as f,c as L,q as A,d as $,e a
|
|||
<LeaderboardAd />
|
||||
<SiteHeader />
|
||||
\`\`\`
|
||||
`;const{window:M}=G;function Q(o){let e,a,r,d,i,s,p,l,t,n;return I(o[6]),s=new B({props:{desktopPlacementName:U}}),{c(){e=u("div"),a=u("div"),r=u("div"),d=u("div"),i=u("div"),_(s.$$.fragment),f(d,"class","ad-slot__inner svelte-g0kawd"),f(r,"class","ad-slot__container svelte-g0kawd"),f(a,"class","ad-block svelte-g0kawd"),f(e,"class",p="leaderboard__sticky "+o[1]+" svelte-g0kawd"),f(e,"id",o[0]),L(e,"--height",o[5]+"px"),A(e,"sticky",o[3]),A(e,"unstick",o[4])},m(c,m){$(c,e,m),b(e,a),b(a,r),b(r,d),b(d,i),g(s,i,null),l=!0,t||(n=N(M,"resize",o[6]),t=!0)},p(c,[m]){(!l||m&2&&p!==(p="leaderboard__sticky "+c[1]+" svelte-g0kawd"))&&f(e,"class",p),(!l||m&1)&&f(e,"id",c[0]),(!l||m&32)&&L(e,"--height",c[5]+"px"),(!l||m&10)&&A(e,"sticky",c[3]),(!l||m&18)&&A(e,"unstick",c[4])},i(c){l||(v(s.$$.fragment,c),l=!0)},o(c){w(s.$$.fragment,c),l=!1},d(c){c&&k(e),y(s),t=!1,n()}}}const U="reuters_desktop_leaderboard_atf";function X(o,e,a){let r,{id:d=""}=e,{class:i=""}=e,s=1200,p=!1,l=!1;O(()=>{const n=()=>{window.scrollY>=r*1.1&&(a(3,p=!0),setTimeout(()=>{a(4,l=!0),setTimeout(()=>{a(3,p=!1)},400)},3e3),window.removeEventListener("scroll",n))};return window.addEventListener("scroll",n),()=>{window.removeEventListener("scroll",n)}});function t(){a(2,s=M.innerWidth)}return o.$$set=n=>{"id"in n&&a(0,d=n.id),"class"in n&&a(1,i=n.class)},o.$$.update=()=>{o.$$.dirty&4&&a(5,r=s<1024?110:275)},[d,i,s,p,l,r,t]}class h extends D{constructor(e){super(),C(this,e,X,Q,T,{id:0,class:1})}}h.__docgen={version:3,name:"LeaderboardAd.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:""},{keywords:[],visibility:"public",description:"Add a class to target with SCSS.",name:"cls",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:""}],computed:[],methods:[],components:[],description:null,keywords:[],events:[],slots:[],refs:[]};function Z(o){let e,a,r,d,i;return a=new F({}),d=new h({}),{c(){e=u("div"),_(a.$$.fragment),r=S(),_(d.$$.fragment),f(e,"class","svelte-1j6q5sq")},m(s,p){$(s,e,p),g(a,e,null),b(e,r),g(d,e,null),i=!0},p:z,i(s){i||(v(a.$$.fragment,s),v(d.$$.fragment,s),i=!0)},o(s){w(a.$$.fragment,s),w(d.$$.fragment,s),i=!1},d(s){s&&k(e),y(a),y(d)}}}function x(o){let e,a,r,d,i,s;const p=[{title:"Components/LeaderboardAd"},o[0]];let l={};for(let t=0;t<p.length;t+=1)l=j(l,p[t]);return e=new W({props:l}),r=new P({props:{$$slots:{default:[Z,({args:t})=>({1:t}),({args:t})=>t?2:0]},$$scope:{ctx:o}}}),i=new Y({props:{name:"Default"}}),{c(){_(e.$$.fragment),a=S(),_(r.$$.fragment),d=S(),_(i.$$.fragment)},m(t,n){g(e,t,n),$(t,a,n),g(r,t,n),$(t,d,n),g(i,t,n),s=!0},p(t,[n]){const c=n&1?H(p,[p[0],R(t[0])]):{};e.$set(c);const m={};n&4&&(m.$$scope={dirty:n,ctx:t}),r.$set(m)},i(t){s||(v(e.$$.fragment,t),v(r.$$.fragment,t),v(i.$$.fragment,t),s=!0)},o(t){w(e.$$.fragment,t),w(r.$$.fragment,t),w(i.$$.fragment,t),s=!1},d(t){t&&(k(a),k(d)),y(e,t),y(r,t),y(i,t)}}}function ee(o){return[{title:"Components/LeaderboardAd",component:h,...J(K)}]}class E extends D{constructor(e){super(),C(this,e,ee,x,T,{})}}E.__docgen={version:3,name:"LeaderboardAd.stories.svelte",data:[],computed:[],methods:[],components:[],description:null,keywords:[],events:[],slots:[],refs:[]};const q=V(E,{meta:{title:"Components/LeaderboardAd"},stories:{"tpl:default":{name:"default",template:!0,source:`<div>
|
||||
`;const{window:M}=G;function Q(o){let e,a,r,d,i,s,p,l,t,n;return I(o[6]),s=new B({props:{desktopPlacementName:U}}),{c(){e=u("div"),a=u("div"),r=u("div"),d=u("div"),i=u("div"),_(s.$$.fragment),f(d,"class","ad-slot__inner svelte-g0kawd"),f(r,"class","ad-slot__container svelte-g0kawd"),f(a,"class","ad-block svelte-g0kawd"),f(e,"class",p="leaderboard__sticky "+o[1]+" svelte-g0kawd"),f(e,"id",o[0]),L(e,"--height",o[5]+"px"),A(e,"sticky",o[3]),A(e,"unstick",o[4])},m(c,m){$(c,e,m),b(e,a),b(a,r),b(r,d),b(d,i),g(s,i,null),l=!0,t||(n=N(M,"resize",o[6]),t=!0)},p(c,[m]){(!l||m&2&&p!==(p="leaderboard__sticky "+c[1]+" svelte-g0kawd"))&&f(e,"class",p),(!l||m&1)&&f(e,"id",c[0]),(!l||m&32)&&L(e,"--height",c[5]+"px"),(!l||m&10)&&A(e,"sticky",c[3]),(!l||m&18)&&A(e,"unstick",c[4])},i(c){l||(v(s.$$.fragment,c),l=!0)},o(c){w(s.$$.fragment,c),l=!1},d(c){c&&k(e),y(s),t=!1,n()}}}const U="reuters_desktop_leaderboard_atf";function X(o,e,a){let r,{id:d=""}=e,{class:i=""}=e,s=1200,p=!1,l=!1;O(()=>{const n=()=>{window.scrollY>=r*1.1&&(a(3,p=!0),setTimeout(()=>{a(4,l=!0),setTimeout(()=>{a(3,p=!1)},400)},3e3),window.removeEventListener("scroll",n))};return window.addEventListener("scroll",n),()=>{window.removeEventListener("scroll",n)}});function t(){a(2,s=M.innerWidth)}return o.$$set=n=>{"id"in n&&a(0,d=n.id),"class"in n&&a(1,i=n.class)},o.$$.update=()=>{o.$$.dirty&4&&a(5,r=s<1024?110:275)},[d,i,s,p,l,r,t]}class h extends D{constructor(e){super(),C(this,e,X,Q,T,{id:0,class:1})}}h.__docgen={version:3,name:"LeaderboardAd.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:""},{keywords:[],visibility:"public",description:"Add a class to target with SCSS.",name:"cls",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:""}],computed:[],methods:[],components:[],description:null,keywords:[],events:[],slots:[],refs:[]};function Z(o){let e,a,r,d,i;return a=new F({}),d=new h({}),{c(){e=u("div"),_(a.$$.fragment),r=S(),_(d.$$.fragment),f(e,"class","svelte-1j6q5sq")},m(s,p){$(s,e,p),g(a,e,null),b(e,r),g(d,e,null),i=!0},p:q,i(s){i||(v(a.$$.fragment,s),v(d.$$.fragment,s),i=!0)},o(s){w(a.$$.fragment,s),w(d.$$.fragment,s),i=!1},d(s){s&&k(e),y(a),y(d)}}}function x(o){let e,a,r,d,i,s;const p=[{title:"Components/LeaderboardAd"},o[0]];let l={};for(let t=0;t<p.length;t+=1)l=j(l,p[t]);return e=new W({props:l}),r=new P({props:{$$slots:{default:[Z,({args:t})=>({1:t}),({args:t})=>t?2:0]},$$scope:{ctx:o}}}),i=new Y({props:{name:"Default"}}),{c(){_(e.$$.fragment),a=S(),_(r.$$.fragment),d=S(),_(i.$$.fragment)},m(t,n){g(e,t,n),$(t,a,n),g(r,t,n),$(t,d,n),g(i,t,n),s=!0},p(t,[n]){const c=n&1?H(p,[p[0],R(t[0])]):{};e.$set(c);const m={};n&4&&(m.$$scope={dirty:n,ctx:t}),r.$set(m)},i(t){s||(v(e.$$.fragment,t),v(r.$$.fragment,t),v(i.$$.fragment,t),s=!0)},o(t){w(e.$$.fragment,t),w(r.$$.fragment,t),w(i.$$.fragment,t),s=!1},d(t){t&&(k(a),k(d)),y(e,t),y(r,t),y(i,t)}}}function ee(o){return[{title:"Components/LeaderboardAd",component:h,...J(K)}]}class E extends D{constructor(e){super(),C(this,e,ee,x,T,{})}}E.__docgen={version:3,name:"LeaderboardAd.stories.svelte",data:[],computed:[],methods:[],components:[],description:null,keywords:[],events:[],slots:[],refs:[]};const z=V(E,{meta:{title:"Components/LeaderboardAd"},stories:{"tpl:default":{name:"default",template:!0,source:`<div>
|
||||
<AdScripts />
|
||||
<LeaderboardAd />
|
||||
</div>`,hasArgs:!0},Default:{name:"Default",template:!1,source:"",hasArgs:!1}},allocatedIds:["default","Meta","Template","Story","adDocs","AdScripts","LeaderboardAd","withComponentDocs"]}),pe=q.meta,me=["Default"],fe=q.stories.Default;export{fe as Default,me as __namedExportsOrder,pe as default};
|
||||
//# sourceMappingURL=LeaderboardAd.stories-147f3936.js.map
|
||||
</div>`,hasArgs:!0},Default:{name:"Default",template:!1,source:"",hasArgs:!1}},allocatedIds:["default","Meta","Template","Story","adDocs","AdScripts","LeaderboardAd","withComponentDocs"]}),pe=z.meta,me=["Default"],fe=z.stories.Default;export{fe as Default,me as __namedExportsOrder,pe as default};
|
||||
//# sourceMappingURL=LeaderboardAd.stories-87826587.js.map
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1,4 +1,4 @@
|
|||
import{S,i as T,s as j,C as _,g as c,y as h,m,d as w,t as d,h as u,f as k,j as f}from"./index-99a30af8.js";import{g as y,a as v}from"./spread-8a54911c.js";import{p as C,M as B,T as x,S as L}from"./collect-stories-1e0d20c7.js";import{M}from"./Markdown-2a6fc77f.js";import{w as A}from"./withParams-47e2ab71.js";import{B as q}from"./Block-a09d61d3.js";const H=`The Markdown component renders markdown into HTML. That's it!
|
||||
import{S,i as T,s as j,C as _,g as c,z as h,m,d as w,t as d,h as u,f as k,j as f}from"./index-85f88930.js";import{g as y,a as v}from"./spread-8a54911c.js";import{p as C,M as B,T as x,S as L}from"./collect-stories-fa95313f.js";import{M}from"./Markdown-e31fd5d7.js";import{w as A}from"./withParams-47e2ab71.js";import{B as q}from"./Block-d1b8152c.js";const H=`The Markdown component renders markdown into HTML. That's it!
|
||||
|
||||
---
|
||||
|
||||
|
|
@ -40,4 +40,4 @@ If you're not updating your markdown content as above, you can safely leave the
|
|||
`;function I(i){let t,o;const s=[i[1]];let r={};for(let n=0;n<s.length;n+=1)r=_(r,s[n]);return t=new M({props:r}),{c(){c(t.$$.fragment)},m(n,p){m(t,n,p),o=!0},p(n,p){const l=p&2?y(s,[v(n[1])]):{};t.$set(l)},i(n){o||(d(t.$$.fragment,n),o=!0)},o(n){u(t.$$.fragment,n),o=!1},d(n){f(t,n)}}}function K(i){let t,o;return t=new q({props:{$$slots:{default:[I]},$$scope:{ctx:i}}}),{c(){c(t.$$.fragment)},m(s,r){m(t,s,r),o=!0},p(s,r){const n={};r&6&&(n.$$scope={dirty:r,ctx:s}),t.$set(n)},i(s){o||(d(t.$$.fragment,s),o=!0)},o(s){u(t.$$.fragment,s),o=!1},d(s){f(t,s)}}}function N(i){let t,o,s,r,n,p;const l=[{title:"Components/Markdown"},{component:M},i[0]];let g={};for(let e=0;e<l.length;e+=1)g=_(g,l[e]);return t=new B({props:g}),s=new x({props:{$$slots:{default:[K,({args:e})=>({1:e}),({args:e})=>e?2:0]},$$scope:{ctx:i}}}),n=new L({props:{name:"Default",args:{source:"This is *some* text in **markdown**."}}}),{c(){c(t.$$.fragment),o=h(),c(s.$$.fragment),r=h(),c(n.$$.fragment)},m(e,a){m(t,e,a),w(e,o,a),m(s,e,a),w(e,r,a),m(n,e,a),p=!0},p(e,[a]){const D=a&1?y(l,[l[0],l[1],v(e[0])]):{};t.$set(D);const $={};a&6&&($.$$scope={dirty:a,ctx:e}),s.$set($)},i(e){p||(d(t.$$.fragment,e),d(s.$$.fragment,e),d(n.$$.fragment,e),p=!0)},o(e){u(t.$$.fragment,e),u(s.$$.fragment,e),u(n.$$.fragment,e),p=!1},d(e){e&&(k(o),k(r)),f(t,e),f(s,e),f(n,e)}}}function O(i){return[{...A(H)}]}class P extends S{constructor(t){super(),T(this,t,O,N,j,{})}}const b=C(P,{meta:{title:"Components/Markdown"},stories:{"tpl:default":{name:"default",template:!0,source:`<Block>
|
||||
<Markdown {...args} />
|
||||
</Block>`,hasArgs:!0},Default:{name:"Default",template:!1,source:"",hasArgs:!1}},allocatedIds:["default","Meta","Template","Story","componentDocs","Markdown","withComponentDocs","Block"]}),R=b.meta,U=["Default"],V=b.stories.Default;export{V as Default,U as __namedExportsOrder,R as default};
|
||||
//# sourceMappingURL=Markdown.stories-97ec3159.js.map
|
||||
//# sourceMappingURL=Markdown.stories-9763b3f2.js.map
|
||||
|
|
@ -1 +1 @@
|
|||
{"version":3,"file":"Markdown.stories-97ec3159.js","sources":["../../src/components/Markdown/stories/docs/component.md?raw","../../src/components/Markdown/Markdown.stories.svelte"],"sourcesContent":["export default \"The Markdown component renders markdown into HTML. That's it!\\n\\n---\\n\\n```svelte\\n<script>\\n import { Markdown } from '@reuters-graphics/graphics-components';\\n</script>\\n\\n<Markdown source=\\\"{'My markdown **string**!'}\\\" />\\n```\\n\\n... well, almost.\\n\\nOwing to a weird quirk of Svelte's [`@html`](https://svelte.dev/docs/special-tags#html) directive (see [this issue](https://github.com/reuters-graphics/graphics-components/issues/148)), if you want your resulting HTML to be dynamic — e.g., update after a SvelteKit app [hydrates](https://kit.svelte.dev/docs/glossary#hydration) — then you may need to set the included `$staticMarkdown` store to `false` in the browser.\\n\\nFor example, if you're refreshing some data with markdown strings in a SvelteKit project using a [load function](https://kit.svelte.dev/docs/load), set the store to reflect the [`building`](https://kit.svelte.dev/docs/modules#$app-environment-building) variable, which will correctly [prerender](https://kit.svelte.dev/docs/glossary#prerendering) your markdown content AND update it after fresh data is fetched in the browser.\\n\\n```javascript\\n// +layout.js\\nimport { staticMarkdown } from '@reuters-graphics/graphics-components';\\nimport { building } from '$app/environment';\\n\\n/** @type {import('./$types').LayoutLoad} */\\nexport const load = async () => {\\n // Set the staticMarkdown store with the value of building.\\n staticMarkdown.set(building);\\n\\n // Now this content will correctly refresh when a reader loads your page.\\n const resp = await fetch(\\n 'https://graphics.thomsonreuters.com/data/my-page-content.json'\\n );\\n const content = await resp.json();\\n\\n return { content };\\n};\\n```\\n\\nIf you're not updating your markdown content as above, you can safely leave the `$staticMarkdown` store alone and your page will do the right thing.\\n\"","<script>\n import { Meta, Template, Story } from '@storybook/addon-svelte-csf';\n\n // @ts-ignore\n import componentDocs from './stories/docs/component.md?raw';\n\n import Markdown from './Markdown.svelte';\n\n import { withComponentDocs } from '$docs/utils/withParams.js';\n\n import Block from '../Block/Block.svelte';\n\n const metaProps = {\n ...withComponentDocs(componentDocs),\n };\n</script>\n\n<Meta title=\"Components/Markdown\" component=\"{Markdown}\" {...metaProps} />\n\n<Template let:args>\n <Block>\n <Markdown {...args} />\n </Block>\n</Template>\n\n<Story\n name=\"Default\"\n args=\"{{\n source: 'This is *some* text in **markdown**.',\n }}\"\n/>\n"],"names":["componentDocs","ctx","Markdown","withComponentDocs"],"mappings":"6VAAA,MAAeA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iCCqBGC,EAAI,CAAA,CAAA,oJAAJA,EAAI,CAAA,CAAA,CAAA,CAAA,+bAJwBC,CAAQ,EAAOD,EAAS,CAAA,kNAWlE,OAAQ,gNAXiDA,EAAS,CAAA,CAAA,qRALrD,CAAA,GACVE,EAAkBH,CAAa,CAAA;;"}
|
||||
{"version":3,"file":"Markdown.stories-9763b3f2.js","sources":["../../src/components/Markdown/stories/docs/component.md?raw","../../src/components/Markdown/Markdown.stories.svelte"],"sourcesContent":["export default \"The Markdown component renders markdown into HTML. That's it!\\n\\n---\\n\\n```svelte\\n<script>\\n import { Markdown } from '@reuters-graphics/graphics-components';\\n</script>\\n\\n<Markdown source=\\\"{'My markdown **string**!'}\\\" />\\n```\\n\\n... well, almost.\\n\\nOwing to a weird quirk of Svelte's [`@html`](https://svelte.dev/docs/special-tags#html) directive (see [this issue](https://github.com/reuters-graphics/graphics-components/issues/148)), if you want your resulting HTML to be dynamic — e.g., update after a SvelteKit app [hydrates](https://kit.svelte.dev/docs/glossary#hydration) — then you may need to set the included `$staticMarkdown` store to `false` in the browser.\\n\\nFor example, if you're refreshing some data with markdown strings in a SvelteKit project using a [load function](https://kit.svelte.dev/docs/load), set the store to reflect the [`building`](https://kit.svelte.dev/docs/modules#$app-environment-building) variable, which will correctly [prerender](https://kit.svelte.dev/docs/glossary#prerendering) your markdown content AND update it after fresh data is fetched in the browser.\\n\\n```javascript\\n// +layout.js\\nimport { staticMarkdown } from '@reuters-graphics/graphics-components';\\nimport { building } from '$app/environment';\\n\\n/** @type {import('./$types').LayoutLoad} */\\nexport const load = async () => {\\n // Set the staticMarkdown store with the value of building.\\n staticMarkdown.set(building);\\n\\n // Now this content will correctly refresh when a reader loads your page.\\n const resp = await fetch(\\n 'https://graphics.thomsonreuters.com/data/my-page-content.json'\\n );\\n const content = await resp.json();\\n\\n return { content };\\n};\\n```\\n\\nIf you're not updating your markdown content as above, you can safely leave the `$staticMarkdown` store alone and your page will do the right thing.\\n\"","<script>\n import { Meta, Template, Story } from '@storybook/addon-svelte-csf';\n\n // @ts-ignore\n import componentDocs from './stories/docs/component.md?raw';\n\n import Markdown from './Markdown.svelte';\n\n import { withComponentDocs } from '$docs/utils/withParams.js';\n\n import Block from '../Block/Block.svelte';\n\n const metaProps = {\n ...withComponentDocs(componentDocs),\n };\n</script>\n\n<Meta title=\"Components/Markdown\" component=\"{Markdown}\" {...metaProps} />\n\n<Template let:args>\n <Block>\n <Markdown {...args} />\n </Block>\n</Template>\n\n<Story\n name=\"Default\"\n args=\"{{\n source: 'This is *some* text in **markdown**.',\n }}\"\n/>\n"],"names":["componentDocs","ctx","Markdown","withComponentDocs"],"mappings":"6VAAA,MAAeA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iCCqBGC,EAAI,CAAA,CAAA,oJAAJA,EAAI,CAAA,CAAA,CAAA,CAAA,+bAJwBC,CAAQ,EAAOD,EAAS,CAAA,kNAWlE,OAAQ,gNAXiDA,EAAS,CAAA,CAAA,qRALrD,CAAA,GACVE,EAAkBH,CAAa,CAAA;;"}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1,2 +1,2 @@
|
|||
import{S as v,i as g,s as h,r as w,d as _,v as I,h as u,w as F,t as c,f as p,k as m,u as b,o as k,p as y,l as P,b as R}from"./index-99a30af8.js";function S(a){let t;const l=a[2].default,n=m(l,a,a[1],null);return{c(){n&&n.c()},m(e,s){n&&n.m(e,s),t=!0},p(e,s){n&&n.p&&(!t||s&2)&&b(n,l,e,e[1],t?y(l,e[1],s,null):k(e[1]),null)},i(e){t||(c(n,e),t=!0)},o(e){u(n,e),t=!1},d(e){n&&n.d(e)}}}function j(a){let t,l;const n=a[2].default,e=m(n,a,a[1],null);return{c(){t=P("div"),e&&e.c(),R(t,"class","svelte-vjyw8p")},m(s,i){_(s,t,i),e&&e.m(t,null),l=!0},p(s,i){e&&e.p&&(!l||i&2)&&b(e,n,s,s[1],l?y(n,s[1],i,null):k(s[1]),null)},i(s){l||(c(e,s),l=!0)},o(s){u(e,s),l=!1},d(s){s&&p(t),e&&e.d(s)}}}function q(a){let t,l,n,e;const s=[j,S],i=[];function f(o,r){return o[0]?0:1}return t=f(a),l=i[t]=s[t](a),{c(){l.c(),n=w()},m(o,r){i[t].m(o,r),_(o,n,r),e=!0},p(o,[r]){let d=t;t=f(o),t===d?i[t].p(o,r):(I(),u(i[d],1,1,()=>{i[d]=null}),F(),l=i[t],l?l.p(o,r):(l=i[t]=s[t](o),l.c()),c(l,1),l.m(n.parentNode,n))},i(o){e||(c(l),e=!0)},o(o){u(l),e=!1},d(o){o&&p(n),i[t].d(o)}}}function C(a,t,l){let{$$slots:n={},$$scope:e}=t,{containerIsFluid:s=!0}=t;return a.$$set=i=>{"containerIsFluid"in i&&l(0,s=i.containerIsFluid),"$$scope"in i&&l(1,e=i.$$scope)},[s,e,n]}class N extends v{constructor(t){super(),g(this,t,C,q,h,{containerIsFluid:0})}}N.__docgen={version:3,name:"PaddingReset.svelte",data:[{keywords:[],visibility:"public",description:"If parent container is fluid, which resets the padding around contained elements.",name:"containerIsFluid",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"boolean",type:"boolean"},defaultValue:!0}],computed:[],methods:[],components:[],description:null,keywords:[],events:[],slots:[{keywords:[],visibility:"public",description:"Padded content",name:"default"}],refs:[]};export{N as P};
|
||||
//# sourceMappingURL=PaddingReset-79b11107.js.map
|
||||
import{S as v,i as g,s as h,v as w,d as _,w as I,h as u,x as F,t as c,f as p,l as m,u as b,p as k,q as y,o as P,b as R}from"./index-85f88930.js";function q(a){let t;const l=a[2].default,n=m(l,a,a[1],null);return{c(){n&&n.c()},m(e,s){n&&n.m(e,s),t=!0},p(e,s){n&&n.p&&(!t||s&2)&&b(n,l,e,e[1],t?y(l,e[1],s,null):k(e[1]),null)},i(e){t||(c(n,e),t=!0)},o(e){u(n,e),t=!1},d(e){n&&n.d(e)}}}function S(a){let t,l;const n=a[2].default,e=m(n,a,a[1],null);return{c(){t=P("div"),e&&e.c(),R(t,"class","svelte-vjyw8p")},m(s,i){_(s,t,i),e&&e.m(t,null),l=!0},p(s,i){e&&e.p&&(!l||i&2)&&b(e,n,s,s[1],l?y(n,s[1],i,null):k(s[1]),null)},i(s){l||(c(e,s),l=!0)},o(s){u(e,s),l=!1},d(s){s&&p(t),e&&e.d(s)}}}function j(a){let t,l,n,e;const s=[S,q],i=[];function f(o,r){return o[0]?0:1}return t=f(a),l=i[t]=s[t](a),{c(){l.c(),n=w()},m(o,r){i[t].m(o,r),_(o,n,r),e=!0},p(o,[r]){let d=t;t=f(o),t===d?i[t].p(o,r):(I(),u(i[d],1,1,()=>{i[d]=null}),F(),l=i[t],l?l.p(o,r):(l=i[t]=s[t](o),l.c()),c(l,1),l.m(n.parentNode,n))},i(o){e||(c(l),e=!0)},o(o){u(l),e=!1},d(o){o&&p(n),i[t].d(o)}}}function C(a,t,l){let{$$slots:n={},$$scope:e}=t,{containerIsFluid:s=!0}=t;return a.$$set=i=>{"containerIsFluid"in i&&l(0,s=i.containerIsFluid),"$$scope"in i&&l(1,e=i.$$scope)},[s,e,n]}class N extends v{constructor(t){super(),g(this,t,C,j,h,{containerIsFluid:0})}}N.__docgen={version:3,name:"PaddingReset.svelte",data:[{keywords:[],visibility:"public",description:"If parent container is fluid, which resets the padding around contained elements.",name:"containerIsFluid",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"boolean",type:"boolean"},defaultValue:!0}],computed:[],methods:[],components:[],description:null,keywords:[],events:[],slots:[{keywords:[],visibility:"public",description:"Padded content",name:"default"}],refs:[]};export{N as P};
|
||||
//# sourceMappingURL=PaddingReset-c34038dd.js.map
|
||||
|
|
@ -1 +1 @@
|
|||
{"version":3,"file":"PaddingReset-79b11107.js","sources":["../../src/components/PaddingReset/PaddingReset.svelte"],"sourcesContent":["<script>\n /**\n * If parent container is fluid, which resets the padding around contained elements.\n */\n export let containerIsFluid = true;\n</script>\n\n{#if containerIsFluid}\n <div>\n <!-- Padded content -->\n <slot />\n </div>\n{:else}\n <!-- Padded content -->\n <slot />\n{/if}\n\n<style>\n div {\n width: 100%;\n padding: 0 15px;\n }\n</style>\n"],"names":["insert","target","div","anchor","ctx","containerIsFluid","$$props"],"mappings":"ggBAQEA,EAGKC,EAAAC,EAAAC,CAAA,sOAJFC,EAAgB,CAAA,EAAA,wVAHR,CAAA,iBAAAC,EAAmB,EAAI,EAAAC"}
|
||||
{"version":3,"file":"PaddingReset-c34038dd.js","sources":["../../src/components/PaddingReset/PaddingReset.svelte"],"sourcesContent":["<script>\n /**\n * If parent container is fluid, which resets the padding around contained elements.\n */\n export let containerIsFluid = true;\n</script>\n\n{#if containerIsFluid}\n <div>\n <!-- Padded content -->\n <slot />\n </div>\n{:else}\n <!-- Padded content -->\n <slot />\n{/if}\n\n<style>\n div {\n width: 100%;\n padding: 0 15px;\n }\n</style>\n"],"names":["insert","target","div","anchor","ctx","containerIsFluid","$$props"],"mappings":"ggBAQEA,EAGKC,EAAAC,EAAAC,CAAA,sOAJFC,EAAgB,CAAA,EAAA,wVAHR,CAAA,iBAAAC,EAAmB,EAAI,EAAAC"}
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
import{S as y,i as A,s as C,C as v,g as c,y as h,m,d as $,t as f,h as u,f as _,j as g,l as P,b as R,n as S}from"./index-99a30af8.js";import{g as x,a as I}from"./spread-8a54911c.js";import{p as M,M as T,T as j,S as F}from"./collect-stories-1e0d20c7.js";import{P as k}from"./PaddingReset-79b11107.js";import{B as q}from"./Block-a09d61d3.js";import{w as E}from"./withParams-47e2ab71.js";const O=`Sometimes you want a visual element to be fluid, i.e., edge-to-edge, but keep padding on text that's adajcent to it.
|
||||
import{S as y,i as A,s as C,C as v,g as c,z as h,m,d as $,t as f,h as u,f as _,j as g,o as P,b as R,n as S}from"./index-85f88930.js";import{g as x,a as I}from"./spread-8a54911c.js";import{p as M,M as T,T as j,S as F}from"./collect-stories-fa95313f.js";import{P as k}from"./PaddingReset-c34038dd.js";import{B as q}from"./Block-d1b8152c.js";import{w as z}from"./withParams-47e2ab71.js";const E=`Sometimes you want a visual element to be fluid, i.e., edge-to-edge, but keep padding on text that's adajcent to it.
|
||||
|
||||
The \`PaddingReset\` component resets padding on the \`Article\` well that's been cancelled by a \`Block\` with a \`fluid\` width.
|
||||
|
||||
|
|
@ -33,10 +33,10 @@ You can also add the padding conditionally by using the \`containerIsFluid\` pro
|
|||
</PaddingReset>
|
||||
</Block>
|
||||
\`\`\`
|
||||
`;function Y(l){let t;return{c(){t=P("div"),R(t,"class","inner svelte-2p4lln")},m(a,s){$(a,t,s)},p:S,d(a){a&&_(t)}}}function z(l){let t,a,s,o;const r=[l[0]];let d={$$slots:{default:[Y]},$$scope:{ctx:l}};for(let n=0;n<r.length;n+=1)d=v(d,r[n]);return s=new k({props:d}),{c(){t=P("div"),a=h(),c(s.$$.fragment),R(t,"class","outer svelte-2p4lln")},m(n,i){$(n,t,i),$(n,a,i),m(s,n,i),o=!0},p(n,i){const e=i&1?x(r,[I(n[0])]):{};i&2&&(e.$$scope={dirty:i,ctx:n}),s.$set(e)},i(n){o||(f(s.$$.fragment,n),o=!0)},o(n){u(s.$$.fragment,n),o=!1},d(n){n&&(_(t),_(a)),g(s,n)}}}function G(l){let t,a;return t=new q({props:{width:"fluid",$$slots:{default:[z]},$$scope:{ctx:l}}}),{c(){c(t.$$.fragment)},m(s,o){m(t,s,o),a=!0},p(s,o){const r={};o&3&&(r.$$scope={dirty:o,ctx:s}),t.$set(r)},i(s){a||(f(t.$$.fragment,s),a=!0)},o(s){u(t.$$.fragment,s),a=!1},d(s){g(t,s)}}}function H(l){let t,a,s,o,r,d;const n=[{title:"Components/PaddingReset"},{component:k},E(O)];let i={};for(let e=0;e<n.length;e+=1)i=v(i,n[e]);return t=new T({props:i}),s=new j({props:{$$slots:{default:[G,({args:e})=>({0:e}),({args:e})=>e?1:0]},$$scope:{ctx:l}}}),r=new F({props:{name:"Default",args:{containerIsFluid:!0}}}),{c(){c(t.$$.fragment),a=h(),c(s.$$.fragment),o=h(),c(r.$$.fragment)},m(e,p){m(t,e,p),$(e,a,p),m(s,e,p),$(e,o,p),m(r,e,p),d=!0},p(e,[p]){const D={};t.$set(D);const w={};p&3&&(w.$$scope={dirty:p,ctx:e}),s.$set(w)},i(e){d||(f(t.$$.fragment,e),f(s.$$.fragment,e),f(r.$$.fragment,e),d=!0)},o(e){u(t.$$.fragment,e),u(s.$$.fragment,e),u(r.$$.fragment,e),d=!1},d(e){e&&(_(a),_(o)),g(t,e),g(s,e),g(r,e)}}}class B extends y{constructor(t){super(),A(this,t,null,H,C,{})}}B.__docgen={version:3,name:"PaddingReset.stories.svelte",data:[],computed:[],methods:[],components:[],description:null,keywords:[],events:[],slots:[],refs:[]};const b=M(B,{meta:{title:"Components/PaddingReset"},stories:{"tpl:default":{name:"default",template:!0,source:`<Block width="fluid">
|
||||
`;function O(l){let t;return{c(){t=P("div"),R(t,"class","inner svelte-2p4lln")},m(a,s){$(a,t,s)},p:S,d(a){a&&_(t)}}}function Y(l){let t,a,s,o;const r=[l[0]];let d={$$slots:{default:[O]},$$scope:{ctx:l}};for(let n=0;n<r.length;n+=1)d=v(d,r[n]);return s=new k({props:d}),{c(){t=P("div"),a=h(),c(s.$$.fragment),R(t,"class","outer svelte-2p4lln")},m(n,i){$(n,t,i),$(n,a,i),m(s,n,i),o=!0},p(n,i){const e=i&1?x(r,[I(n[0])]):{};i&2&&(e.$$scope={dirty:i,ctx:n}),s.$set(e)},i(n){o||(f(s.$$.fragment,n),o=!0)},o(n){u(s.$$.fragment,n),o=!1},d(n){n&&(_(t),_(a)),g(s,n)}}}function G(l){let t,a;return t=new q({props:{width:"fluid",$$slots:{default:[Y]},$$scope:{ctx:l}}}),{c(){c(t.$$.fragment)},m(s,o){m(t,s,o),a=!0},p(s,o){const r={};o&3&&(r.$$scope={dirty:o,ctx:s}),t.$set(r)},i(s){a||(f(t.$$.fragment,s),a=!0)},o(s){u(t.$$.fragment,s),a=!1},d(s){g(t,s)}}}function H(l){let t,a,s,o,r,d;const n=[{title:"Components/PaddingReset"},{component:k},z(E)];let i={};for(let e=0;e<n.length;e+=1)i=v(i,n[e]);return t=new T({props:i}),s=new j({props:{$$slots:{default:[G,({args:e})=>({0:e}),({args:e})=>e?1:0]},$$scope:{ctx:l}}}),r=new F({props:{name:"Default",args:{containerIsFluid:!0}}}),{c(){c(t.$$.fragment),a=h(),c(s.$$.fragment),o=h(),c(r.$$.fragment)},m(e,p){m(t,e,p),$(e,a,p),m(s,e,p),$(e,o,p),m(r,e,p),d=!0},p(e,[p]){const D={};t.$set(D);const w={};p&3&&(w.$$scope={dirty:p,ctx:e}),s.$set(w)},i(e){d||(f(t.$$.fragment,e),f(s.$$.fragment,e),f(r.$$.fragment,e),d=!0)},o(e){u(t.$$.fragment,e),u(s.$$.fragment,e),u(r.$$.fragment,e),d=!1},d(e){e&&(_(a),_(o)),g(t,e),g(s,e),g(r,e)}}}class B extends y{constructor(t){super(),A(this,t,null,H,C,{})}}B.__docgen={version:3,name:"PaddingReset.stories.svelte",data:[],computed:[],methods:[],components:[],description:null,keywords:[],events:[],slots:[],refs:[]};const b=M(B,{meta:{title:"Components/PaddingReset"},stories:{"tpl:default":{name:"default",template:!0,source:`<Block width="fluid">
|
||||
<div class="outer"></div>
|
||||
<PaddingReset {...args}>
|
||||
<div class="inner"></div>
|
||||
</PaddingReset>
|
||||
</Block>`,hasArgs:!0},Default:{name:"Default",template:!1,source:"",hasArgs:!0}},allocatedIds:["default","Meta","Template","Story","componentDocs","PaddingReset","Block","withComponentDocs"]}),V=b.meta,W=["Default"],X=b.stories.Default;export{X as Default,W as __namedExportsOrder,V as default};
|
||||
//# sourceMappingURL=PaddingReset.stories-963e5db7.js.map
|
||||
//# sourceMappingURL=PaddingReset.stories-8a200bf2.js.map
|
||||
|
|
@ -1 +1 @@
|
|||
{"version":3,"file":"PaddingReset.stories-963e5db7.js","sources":["../../src/components/PaddingReset/stories/docs/component.md?raw","../../src/components/PaddingReset/PaddingReset.stories.svelte"],"sourcesContent":["export default \"Sometimes you want a visual element to be fluid, i.e., edge-to-edge, but keep padding on text that's adajcent to it.\\n\\nThe `PaddingReset` component resets padding on the `Article` well that's been cancelled by a `Block` with a `fluid` width.\\n\\n```svelte\\n<script>\\n import { Block, PaddingReset } from '@reuters-graphics/graphics-components';\\n</script>\\n\\n<Block width=\\\"fluid\\\">\\n <!-- An edge-to-edge image -->\\n <img src=\\\"https//...\\\" alt=\\\"...\\\" width=\\\"100%\\\" />\\n <PaddingReset>\\n <p>A caption for the image that will still be padded.</p>\\n </PaddingReset>\\n</Block>\\n```\\n\\nYou can also add the padding conditionally by using the `containerIsFluid` prop, which is what many other components in this library do.\\n\\n```svelte\\n<script>\\n import { Block, PaddingReset } from '@reuters-graphics/graphics-components';\\n\\n export let src = 'https://...';\\n export let width = 'fluid';\\n</script>\\n\\n<Block width=\\\"{width}\\\">\\n <img src=\\\"{src}\\\" alt=\\\"...\\\" width=\\\"100%\\\" />\\n <PaddingReset containerIsFluid=\\\"{width === 'fluid'}\\\">\\n <p>A caption for the image that will be padded when Block is fluid.</p>\\n </PaddingReset>\\n</Block>\\n```\\n\"","<script>\n import { Meta, Template, Story } from '@storybook/addon-svelte-csf';\n\n // @ts-ignore\n import componentDocs from './stories/docs/component.md?raw';\n\n import PaddingReset from './PaddingReset.svelte';\n import Block from '../Block/Block.svelte';\n\n import { withComponentDocs } from '$lib/docs/utils/withParams.js';\n</script>\n\n<Meta\n title=\"Components/PaddingReset\"\n component=\"{PaddingReset}\"\n {...withComponentDocs(componentDocs)}\n/>\n\n<Template let:args>\n <Block width=\"fluid\">\n <div class=\"outer\"></div>\n <PaddingReset {...args}>\n <div class=\"inner\"></div>\n </PaddingReset>\n </Block>\n</Template>\n\n<Story\n name=\"Default\"\n args=\"{{\n containerIsFluid: true,\n }}\"\n let:args\n/>\n\n<style lang=\"scss\">\n div {\n height: 30px;\n width: 100%;\n margin-bottom: 2px;\n &.outer {\n background: grey;\n }\n &.inner {\n background: salmon;\n }\n }\n</style>\n"],"names":["componentDocs","insert","target","div","anchor","ctx","PaddingReset","withComponentDocs"],"mappings":"gYAAA,MAAeA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;uFCsBTC,EAAwBC,EAAAC,EAAAC,CAAA,yDADRC,EAAI,CAAA,CAAA,oMADtBJ,EAAwBC,EAAAC,EAAAC,CAAA,oDACNC,EAAI,CAAA,CAAA,CAAA,CAAA,igBAPZC,CAAY,EACpBC,EAAkBP,CAAa,4MAejC,KAAA,CAAA,iBAAkB,EAAI;;;;;"}
|
||||
{"version":3,"file":"PaddingReset.stories-8a200bf2.js","sources":["../../src/components/PaddingReset/stories/docs/component.md?raw","../../src/components/PaddingReset/PaddingReset.stories.svelte"],"sourcesContent":["export default \"Sometimes you want a visual element to be fluid, i.e., edge-to-edge, but keep padding on text that's adajcent to it.\\n\\nThe `PaddingReset` component resets padding on the `Article` well that's been cancelled by a `Block` with a `fluid` width.\\n\\n```svelte\\n<script>\\n import { Block, PaddingReset } from '@reuters-graphics/graphics-components';\\n</script>\\n\\n<Block width=\\\"fluid\\\">\\n <!-- An edge-to-edge image -->\\n <img src=\\\"https//...\\\" alt=\\\"...\\\" width=\\\"100%\\\" />\\n <PaddingReset>\\n <p>A caption for the image that will still be padded.</p>\\n </PaddingReset>\\n</Block>\\n```\\n\\nYou can also add the padding conditionally by using the `containerIsFluid` prop, which is what many other components in this library do.\\n\\n```svelte\\n<script>\\n import { Block, PaddingReset } from '@reuters-graphics/graphics-components';\\n\\n export let src = 'https://...';\\n export let width = 'fluid';\\n</script>\\n\\n<Block width=\\\"{width}\\\">\\n <img src=\\\"{src}\\\" alt=\\\"...\\\" width=\\\"100%\\\" />\\n <PaddingReset containerIsFluid=\\\"{width === 'fluid'}\\\">\\n <p>A caption for the image that will be padded when Block is fluid.</p>\\n </PaddingReset>\\n</Block>\\n```\\n\"","<script>\n import { Meta, Template, Story } from '@storybook/addon-svelte-csf';\n\n // @ts-ignore\n import componentDocs from './stories/docs/component.md?raw';\n\n import PaddingReset from './PaddingReset.svelte';\n import Block from '../Block/Block.svelte';\n\n import { withComponentDocs } from '$lib/docs/utils/withParams.js';\n</script>\n\n<Meta\n title=\"Components/PaddingReset\"\n component=\"{PaddingReset}\"\n {...withComponentDocs(componentDocs)}\n/>\n\n<Template let:args>\n <Block width=\"fluid\">\n <div class=\"outer\"></div>\n <PaddingReset {...args}>\n <div class=\"inner\"></div>\n </PaddingReset>\n </Block>\n</Template>\n\n<Story\n name=\"Default\"\n args=\"{{\n containerIsFluid: true,\n }}\"\n let:args\n/>\n\n<style lang=\"scss\">\n div {\n height: 30px;\n width: 100%;\n margin-bottom: 2px;\n &.outer {\n background: grey;\n }\n &.inner {\n background: salmon;\n }\n }\n</style>\n"],"names":["componentDocs","insert","target","div","anchor","ctx","PaddingReset","withComponentDocs"],"mappings":"gYAAA,MAAeA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;uFCsBTC,EAAwBC,EAAAC,EAAAC,CAAA,yDADRC,EAAI,CAAA,CAAA,oMADtBJ,EAAwBC,EAAAC,EAAAC,CAAA,oDACNC,EAAI,CAAA,CAAA,CAAA,CAAA,igBAPZC,CAAY,EACpBC,EAAkBP,CAAa,4MAejC,KAAA,CAAA,iBAAkB,EAAI;;;;;"}
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
import{S as Et,i as bt,s as tt,a5 as Ge,C as ue,l as J,a4 as Ye,d as Q,v as nt,h as j,w as rt,t as F,f as ee,a3 as Ke,J as ei,D as ti,K as ni,a2 as Rn,E as ri,k as it,u as at,o as ot,p as st,g as ae,m as oe,j as se,b as Y,e as ne,a6 as Zn,x as ii,O as Er,P as ai,y as Ae,r as In,V as oi,c as Be,n as Mt,z as Wt,A as Ht,a7 as si,q as Xn}from"./index-99a30af8.js";import{g as $e,a as br}from"./spread-8a54911c.js";import{p as li,M as ci,T as ui,S as Yn}from"./collect-stories-1e0d20c7.js";import{e as Kn}from"./each-e59479a4.js";import{B as Ar}from"./Block-a09d61d3.js";import{F as xn}from"./fa-89776db2.js";import{g as fi,h as di}from"./index.es-ff8a88a9.js";import{P as vi}from"./PaddingReset-79b11107.js";import{b as gi,w as mi}from"./withParams-47e2ab71.js";const hi=`A simple, accessible photo carousel with lazy-loading and mobile swipe built in.
|
||||
import{S as Et,i as bt,s as tt,a5 as Ge,C as ue,o as J,a4 as Ye,d as Q,w as nt,h as j,x as rt,t as F,f as ee,a3 as Ke,J as ei,D as ti,K as ni,a2 as Rn,E as ri,l as it,u as at,p as ot,q as st,g as ae,m as oe,j as se,b as Y,e as ne,a6 as Zn,y as ii,O as Er,P as ai,z as Ae,v as In,V as oi,c as Be,n as Mt,k as Wt,A as Ht,a7 as si,r as Xn}from"./index-85f88930.js";import{g as $e,a as br}from"./spread-8a54911c.js";import{p as li,M as ci,T as ui,S as Yn}from"./collect-stories-fa95313f.js";import{e as Kn}from"./each-e59479a4.js";import{B as Ar}from"./Block-d1b8152c.js";import{F as xn}from"./fa-95fa679c.js";import{g as fi,h as di}from"./index.es-ff8a88a9.js";import{P as vi}from"./PaddingReset-c34038dd.js";import{b as gi,w as mi}from"./withParams-47e2ab71.js";const hi=`A simple, accessible photo carousel with lazy-loading and mobile swipe built in.
|
||||
|
||||
\`\`\`svelte
|
||||
<script>
|
||||
|
|
@ -64,4 +64,4 @@ Can't ever be wider than \`width\`.`,name:"textWidth",kind:"let",static:!1,reado
|
|||
<p class="custom-credit" slot="credit" let:credit>{credit}</p>
|
||||
<p class="custom-caption" slot="caption" let:caption>{caption}</p>
|
||||
</PhotoCarousel>`,hasArgs:!1}},allocatedIds:["default","Meta","Template","Story","componentDocs","customDocs","PhotoCarousel","withComponentDocs","withStoryDocs","photosJson"]}),po=Hn.meta,_o=["Default","CustomCreditsAndCaptions"],yo=Hn.stories.Default,Eo=Hn.stories.CustomCreditsAndCaptions;export{Eo as CustomCreditsAndCaptions,yo as Default,_o as __namedExportsOrder,po as default};
|
||||
//# sourceMappingURL=PhotoCarousel.stories-efc6acb2.js.map
|
||||
//# sourceMappingURL=PhotoCarousel.stories-930dedf0.js.map
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1,4 +1,4 @@
|
|||
import{S as P,i as v,s as w,D as x,C as D,g as c,y as $,m as d,d as g,t as u,h as f,f as y,j as h,l as j}from"./index-99a30af8.js";import{g as k,a as M}from"./spread-8a54911c.js";import{w as A,p as H,M as T,T as N,S as q}from"./collect-stories-1e0d20c7.js";import{p as E}from"./pym.v1-7344f633.js";import{w as I}from"./withParams-47e2ab71.js";import"./_commonjsHelpers-de833af9.js";const O=`A Pym.js child instance for embeddables.
|
||||
import{S as P,i as v,s as w,D as x,C as D,g as c,z as y,m as d,d as g,t as u,h as f,f as $,j as h,o as j}from"./index-85f88930.js";import{g as k,a as M}from"./spread-8a54911c.js";import{w as A,p as H,M as T,T as N,S as q}from"./collect-stories-fa95313f.js";import{p as z}from"./pym.v1-7344f633.js";import{w as E}from"./withParams-47e2ab71.js";import"./_commonjsHelpers-de833af9.js";const I=`A Pym.js child instance for embeddables.
|
||||
|
||||
\`\`\`svelte
|
||||
<script>
|
||||
|
|
@ -26,6 +26,6 @@ You can access the Pym.js child through its store in other components to send cu
|
|||
|
||||
<button on:click="{updateHeight}">Update height</button>
|
||||
\`\`\`
|
||||
`,U=A(null);function V(p,t,l){let{polling:n=500}=t,r;return x(()=>{r=new E.Child({polling:n}),U.set(r)}),p.$$set=o=>{"polling"in o&&l(0,n=o.polling)},[n]}class _ extends P{constructor(t){super(),v(this,t,V,null,w,{polling:0})}}_.__docgen={version:3,name:"PymChild.svelte",data:[{keywords:[],visibility:"public",description:"Pym.js polling interval",name:"polling",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"number",type:"number"},defaultValue:500}],computed:[],methods:[],components:[],description:null,keywords:[],events:[],slots:[],refs:[]};function Y(p){let t,l,n,r;const o=[p[0]];let a={};for(let s=0;s<o.length;s+=1)a=D(a,o[s]);return t=new _({props:a}),{c(){c(t.$$.fragment),l=$(),n=j("div"),n.textContent="Nothing to see here. 😎"},m(s,i){d(t,s,i),g(s,l,i),g(s,n,i),r=!0},p(s,i){const e=i&1?k(o,[M(s[0])]):{};t.$set(e)},i(s){r||(u(t.$$.fragment,s),r=!0)},o(s){f(t.$$.fragment,s),r=!1},d(s){s&&(y(l),y(n)),h(t,s)}}}function z(p){let t,l,n,r,o,a;const s=[{title:"Components/PymChild"},{component:_},I(O)];let i={};for(let e=0;e<s.length;e+=1)i=D(i,s[e]);return t=new T({props:i}),n=new N({props:{$$slots:{default:[Y,({args:e})=>({0:e}),({args:e})=>e?1:0]},$$scope:{ctx:p}}}),o=new q({props:{name:"Default"}}),{c(){c(t.$$.fragment),l=$(),c(n.$$.fragment),r=$(),c(o.$$.fragment)},m(e,m){d(t,e,m),g(e,l,m),d(n,e,m),g(e,r,m),d(o,e,m),a=!0},p(e,[m]){const S={};t.$set(S);const C={};m&3&&(C.$$scope={dirty:m,ctx:e}),n.$set(C)},i(e){a||(u(t.$$.fragment,e),u(n.$$.fragment,e),u(o.$$.fragment,e),a=!0)},o(e){f(t.$$.fragment,e),f(n.$$.fragment,e),f(o.$$.fragment,e),a=!1},d(e){e&&(y(l),y(r)),h(t,e),h(n,e),h(o,e)}}}class B extends P{constructor(t){super(),v(this,t,null,z,w,{})}}const b=H(B,{meta:{title:"Components/PymChild"},stories:{"tpl:default":{name:"default",template:!0,source:`<PymChild {...args} />
|
||||
`,O=A(null);function U(p,t,l){let{polling:n=500}=t,r;return x(()=>{r=new z.Child({polling:n}),O.set(r)}),p.$$set=o=>{"polling"in o&&l(0,n=o.polling)},[n]}class _ extends P{constructor(t){super(),v(this,t,U,null,w,{polling:0})}}_.__docgen={version:3,name:"PymChild.svelte",data:[{keywords:[],visibility:"public",description:"Pym.js polling interval",name:"polling",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"number",type:"number"},defaultValue:500}],computed:[],methods:[],components:[],description:null,keywords:[],events:[],slots:[],refs:[]};function V(p){let t,l,n,r;const o=[p[0]];let a={};for(let s=0;s<o.length;s+=1)a=D(a,o[s]);return t=new _({props:a}),{c(){c(t.$$.fragment),l=y(),n=j("div"),n.textContent="Nothing to see here. 😎"},m(s,i){d(t,s,i),g(s,l,i),g(s,n,i),r=!0},p(s,i){const e=i&1?k(o,[M(s[0])]):{};t.$set(e)},i(s){r||(u(t.$$.fragment,s),r=!0)},o(s){f(t.$$.fragment,s),r=!1},d(s){s&&($(l),$(n)),h(t,s)}}}function Y(p){let t,l,n,r,o,a;const s=[{title:"Components/PymChild"},{component:_},E(I)];let i={};for(let e=0;e<s.length;e+=1)i=D(i,s[e]);return t=new T({props:i}),n=new N({props:{$$slots:{default:[V,({args:e})=>({0:e}),({args:e})=>e?1:0]},$$scope:{ctx:p}}}),o=new q({props:{name:"Default"}}),{c(){c(t.$$.fragment),l=y(),c(n.$$.fragment),r=y(),c(o.$$.fragment)},m(e,m){d(t,e,m),g(e,l,m),d(n,e,m),g(e,r,m),d(o,e,m),a=!0},p(e,[m]){const S={};t.$set(S);const C={};m&3&&(C.$$scope={dirty:m,ctx:e}),n.$set(C)},i(e){a||(u(t.$$.fragment,e),u(n.$$.fragment,e),u(o.$$.fragment,e),a=!0)},o(e){f(t.$$.fragment,e),f(n.$$.fragment,e),f(o.$$.fragment,e),a=!1},d(e){e&&($(l),$(r)),h(t,e),h(n,e),h(o,e)}}}class B extends P{constructor(t){super(),v(this,t,null,Y,w,{})}}const b=H(B,{meta:{title:"Components/PymChild"},stories:{"tpl:default":{name:"default",template:!0,source:`<PymChild {...args} />
|
||||
<div>Nothing to see here. 😎</div>`,hasArgs:!0},Default:{name:"Default",template:!1,source:"",hasArgs:!1}},allocatedIds:["default","Meta","Template","Story","componentDocs","PymChild","withComponentDocs"]}),R=b.meta,W=["Default"],X=b.stories.Default;export{X as Default,W as __namedExportsOrder,R as default};
|
||||
//# sourceMappingURL=PymChild.stories-c8f9b8e1.js.map
|
||||
//# sourceMappingURL=PymChild.stories-1f78d888.js.map
|
||||
|
|
@ -1 +1 @@
|
|||
{"version":3,"file":"PymChild.stories-c8f9b8e1.js","sources":["../../src/components/PymChild/stories/docs/component.md?raw","../../src/components/PymChild/stores.js","../../src/components/PymChild/PymChild.svelte","../../src/components/PymChild/PymChild.stories.svelte"],"sourcesContent":["export default \"A Pym.js child instance for embeddables.\\n\\n```svelte\\n<script>\\n import { PymChild } from '@reuters-graphics/graphics-components';\\n</script>\\n\\n<PymChild polling=\\\"{500}\\\" />\\n```\\n\\nYou can access the Pym.js child through its store in other components to send custom height updates to parent frames:\\n\\n```svelte\\n<script>\\n import {\\n PymChild,\\n pymChildStore,\\n } from '@reuters-graphics/graphics-components';\\n\\n const updateHeight = () => {\\n if ($pymChildStore) $pymChildStore.sendHeight();\\n };\\n</script>\\n\\n<PymChild />\\n\\n<button on:click=\\\"{updateHeight}\\\">Update height</button>\\n```\\n\"","import { writable } from 'svelte/store';\n\nexport const pymChildStore = writable(null);\n","<!-- @component `PymChild` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/utilities-PymChild--default) -->\n<script lang=\"ts\">\n /** Pym.js polling interval */\n export let polling: number = 500;\n\n import { onMount } from 'svelte';\n import pym from 'pym.js';\n import { pymChildStore } from './stores.js';\n\n let pymChild;\n\n onMount(() => {\n pymChild = new pym.Child({ polling });\n pymChildStore.set(pymChild);\n });\n</script>\n","<script>\n import { Meta, Template, Story } from '@storybook/addon-svelte-csf';\n\n // @ts-ignore\n import componentDocs from './stories/docs/component.md?raw';\n\n import PymChild from './PymChild.svelte';\n\n import { withComponentDocs } from '$lib/docs/utils/withParams.js';\n</script>\n\n<Meta\n title=\"Components/PymChild\"\n component=\"{PymChild}\"\n {...withComponentDocs(componentDocs)}\n/>\n\n<Template let:args>\n <PymChild {...args} />\n <div>Nothing to see here. 😎</div>\n</Template>\n\n<Story name=\"Default\" />\n"],"names":["componentDocs","pymChildStore","writable","polling","$$props","pymChild","onMount","pym","ctx","insert","target","div","anchor","PymChild","withComponentDocs"],"mappings":"8XAAA,MAAeA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,ECEFC,EAAgBC,EAAS,IAAI,oBCC7B,GAAA,CAAA,QAAAC,EAAkB,GAAG,EAAAC,EAM5BC,EAEJ,OAAAC,EAAO,IAAA,CACLD,EAAe,IAAAE,EAAI,OAAQ,QAAAJ,CAAO,CAAA,EAClCF,EAAc,IAAII,CAAQ,2eCKdG,EAAI,CAAA,CAAA,sLAClBC,EAAiCC,EAAAC,EAAAC,CAAA,kCADnBJ,EAAI,CAAA,CAAA,CAAA,CAAA,8LALNK,CAAQ,EAChBC,EAAkBd,CAAa;"}
|
||||
{"version":3,"file":"PymChild.stories-1f78d888.js","sources":["../../src/components/PymChild/stories/docs/component.md?raw","../../src/components/PymChild/stores.js","../../src/components/PymChild/PymChild.svelte","../../src/components/PymChild/PymChild.stories.svelte"],"sourcesContent":["export default \"A Pym.js child instance for embeddables.\\n\\n```svelte\\n<script>\\n import { PymChild } from '@reuters-graphics/graphics-components';\\n</script>\\n\\n<PymChild polling=\\\"{500}\\\" />\\n```\\n\\nYou can access the Pym.js child through its store in other components to send custom height updates to parent frames:\\n\\n```svelte\\n<script>\\n import {\\n PymChild,\\n pymChildStore,\\n } from '@reuters-graphics/graphics-components';\\n\\n const updateHeight = () => {\\n if ($pymChildStore) $pymChildStore.sendHeight();\\n };\\n</script>\\n\\n<PymChild />\\n\\n<button on:click=\\\"{updateHeight}\\\">Update height</button>\\n```\\n\"","import { writable } from 'svelte/store';\n\nexport const pymChildStore = writable(null);\n","<!-- @component `PymChild` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/utilities-PymChild--default) -->\n<script lang=\"ts\">\n /** Pym.js polling interval */\n export let polling: number = 500;\n\n import { onMount } from 'svelte';\n import pym from 'pym.js';\n import { pymChildStore } from './stores.js';\n\n let pymChild;\n\n onMount(() => {\n pymChild = new pym.Child({ polling });\n pymChildStore.set(pymChild);\n });\n</script>\n","<script>\n import { Meta, Template, Story } from '@storybook/addon-svelte-csf';\n\n // @ts-ignore\n import componentDocs from './stories/docs/component.md?raw';\n\n import PymChild from './PymChild.svelte';\n\n import { withComponentDocs } from '$lib/docs/utils/withParams.js';\n</script>\n\n<Meta\n title=\"Components/PymChild\"\n component=\"{PymChild}\"\n {...withComponentDocs(componentDocs)}\n/>\n\n<Template let:args>\n <PymChild {...args} />\n <div>Nothing to see here. 😎</div>\n</Template>\n\n<Story name=\"Default\" />\n"],"names":["componentDocs","pymChildStore","writable","polling","$$props","pymChild","onMount","pym","ctx","insert","target","div","anchor","PymChild","withComponentDocs"],"mappings":"8XAAA,MAAeA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,ECEFC,EAAgBC,EAAS,IAAI,oBCC7B,GAAA,CAAA,QAAAC,EAAkB,GAAG,EAAAC,EAM5BC,EAEJ,OAAAC,EAAO,IAAA,CACLD,EAAe,IAAAE,EAAI,OAAQ,QAAAJ,CAAO,CAAA,EAClCF,EAAc,IAAII,CAAQ,2eCKdG,EAAI,CAAA,CAAA,sLAClBC,EAAiCC,EAAAC,EAAAC,CAAA,kCADnBJ,EAAI,CAAA,CAAA,CAAA,CAAA,8LALNK,CAAQ,EAChBC,EAAkBd,CAAa;"}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1,4 +1,4 @@
|
|||
import{S as y,i as C,s as S,C as D,g as c,y as h,m as u,d,t as i,h as f,f as R,j as g}from"./index-99a30af8.js";import{g as v,a as M}from"./spread-8a54911c.js";import{p as x,M as T,T as b,S as j}from"./collect-stories-1e0d20c7.js";import{R as G}from"./ReutersGraphicsLogo-d052c53e.js";import{w as A}from"./withParams-47e2ab71.js";const q=`Reuters Graphics' official logo.
|
||||
import{S as C,i as y,s as S,C as D,g as c,z as h,m as u,d,t as i,h as f,f as R,j as g}from"./index-85f88930.js";import{g as v,a as M}from"./spread-8a54911c.js";import{p as x,M as T,T as b,S as j}from"./collect-stories-fa95313f.js";import{R as G}from"./ReutersGraphicsLogo-be526e5f.js";import{w as A}from"./withParams-47e2ab71.js";const q=`Reuters Graphics' official logo.
|
||||
|
||||
> Generally, only used for internal tools. For public pages, use the [ReutersLogo](./?path=/docs/components-reuterslogo--default) component.
|
||||
|
||||
|
|
@ -9,5 +9,5 @@ import{S as y,i as C,s as S,C as D,g as c,y as h,m as u,d,t as i,h as f,f as R,j
|
|||
|
||||
<ReutersGraphicsLogo />
|
||||
\`\`\`
|
||||
`;function E(l){let s,r;const o=[l[0]];let p={};for(let t=0;t<o.length;t+=1)p=D(p,o[t]);return s=new G({props:p}),{c(){c(s.$$.fragment)},m(t,a){u(s,t,a),r=!0},p(t,a){const m=a&1?v(o,[M(t[0])]):{};s.$set(m)},i(t){r||(i(s.$$.fragment,t),r=!0)},o(t){f(s.$$.fragment,t),r=!1},d(t){g(s,t)}}}function F(l){let s,r,o,p,t,a;const m=[{title:"Components/ReutersGraphicsLogo"},{component:G},A(q)];let $={};for(let e=0;e<m.length;e+=1)$=D($,m[e]);return s=new T({props:$}),o=new b({props:{$$slots:{default:[E,({args:e})=>({0:e}),({args:e})=>e?1:0]},$$scope:{ctx:l}}}),t=new j({props:{name:"Default",args:{}}}),{c(){c(s.$$.fragment),r=h(),c(o.$$.fragment),p=h(),c(t.$$.fragment)},m(e,n){u(s,e,n),d(e,r,n),u(o,e,n),d(e,p,n),u(t,e,n),a=!0},p(e,[n]){const w={};s.$set(w);const _={};n&3&&(_.$$scope={dirty:n,ctx:e}),o.$set(_)},i(e){a||(i(s.$$.fragment,e),i(o.$$.fragment,e),i(t.$$.fragment,e),a=!0)},o(e){f(s.$$.fragment,e),f(o.$$.fragment,e),f(t.$$.fragment,e),a=!1},d(e){e&&(R(r),R(p)),g(s,e),g(o,e),g(t,e)}}}class I extends y{constructor(s){super(),C(this,s,null,F,S,{})}}const L=x(I,{meta:{title:"Components/ReutersGraphicsLogo"},stories:{"tpl:default":{name:"default",template:!0,source:"<ReutersGraphicsLogo {...args} />",hasArgs:!0},Default:{name:"Default",template:!1,source:"",hasArgs:!1}},allocatedIds:["default","Meta","Template","Story","componentDocs","ReutersGraphicsLogo","withComponentDocs"]}),J=L.meta,K=["Default"],N=L.stories.Default;export{N as Default,K as __namedExportsOrder,J as default};
|
||||
//# sourceMappingURL=ReutersGraphicsLogo.stories-1fd9c5d0.js.map
|
||||
`;function z(l){let s,r;const o=[l[0]];let p={};for(let t=0;t<o.length;t+=1)p=D(p,o[t]);return s=new G({props:p}),{c(){c(s.$$.fragment)},m(t,a){u(s,t,a),r=!0},p(t,a){const m=a&1?v(o,[M(t[0])]):{};s.$set(m)},i(t){r||(i(s.$$.fragment,t),r=!0)},o(t){f(s.$$.fragment,t),r=!1},d(t){g(s,t)}}}function E(l){let s,r,o,p,t,a;const m=[{title:"Components/ReutersGraphicsLogo"},{component:G},A(q)];let $={};for(let e=0;e<m.length;e+=1)$=D($,m[e]);return s=new T({props:$}),o=new b({props:{$$slots:{default:[z,({args:e})=>({0:e}),({args:e})=>e?1:0]},$$scope:{ctx:l}}}),t=new j({props:{name:"Default",args:{}}}),{c(){c(s.$$.fragment),r=h(),c(o.$$.fragment),p=h(),c(t.$$.fragment)},m(e,n){u(s,e,n),d(e,r,n),u(o,e,n),d(e,p,n),u(t,e,n),a=!0},p(e,[n]){const w={};s.$set(w);const _={};n&3&&(_.$$scope={dirty:n,ctx:e}),o.$set(_)},i(e){a||(i(s.$$.fragment,e),i(o.$$.fragment,e),i(t.$$.fragment,e),a=!0)},o(e){f(s.$$.fragment,e),f(o.$$.fragment,e),f(t.$$.fragment,e),a=!1},d(e){e&&(R(r),R(p)),g(s,e),g(o,e),g(t,e)}}}class F extends C{constructor(s){super(),y(this,s,null,E,S,{})}}const L=x(F,{meta:{title:"Components/ReutersGraphicsLogo"},stories:{"tpl:default":{name:"default",template:!0,source:"<ReutersGraphicsLogo {...args} />",hasArgs:!0},Default:{name:"Default",template:!1,source:"",hasArgs:!1}},allocatedIds:["default","Meta","Template","Story","componentDocs","ReutersGraphicsLogo","withComponentDocs"]}),J=L.meta,K=["Default"],N=L.stories.Default;export{N as Default,K as __namedExportsOrder,J as default};
|
||||
//# sourceMappingURL=ReutersGraphicsLogo.stories-abc0e1ba.js.map
|
||||
|
|
@ -1 +1 @@
|
|||
{"version":3,"file":"ReutersGraphicsLogo.stories-1fd9c5d0.js","sources":["../../src/components/ReutersGraphicsLogo/stories/docs/component.md?raw","../../src/components/ReutersGraphicsLogo/ReutersGraphicsLogo.stories.svelte"],"sourcesContent":["export default \"Reuters Graphics' official logo.\\n\\n> Generally, only used for internal tools. For public pages, use the [ReutersLogo](./?path=/docs/components-reuterslogo--default) component.\\n\\n```svelte\\n<script>\\n import { ReutersGraphicsLogo } from '@reuters-graphics/graphics-components';\\n</script>\\n\\n<ReutersGraphicsLogo />\\n```\\n\"","<script>\n import { Meta, Template, Story } from '@storybook/addon-svelte-csf';\n\n // Don't lose the \"?raw\" in markdown imports!\n // @ts-ignore\n import componentDocs from './stories/docs/component.md?raw';\n\n import ReutersGraphicsLogo from './ReutersGraphicsLogo.svelte';\n\n import { withComponentDocs } from '$docs/utils/withParams.js';\n</script>\n\n<Meta\n title=\"Components/ReutersGraphicsLogo\"\n component=\"{ReutersGraphicsLogo}\"\n {...withComponentDocs(componentDocs)}\n/>\n\n<Template let:args>\n <ReutersGraphicsLogo {...args} />\n</Template>\n\n<Story name=\"Default\" args=\"{{}}\" />\n"],"names":["componentDocs","ctx","ReutersGraphicsLogo","withComponentDocs"],"mappings":"0UAAA,MAAeA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iCCmBYC,EAAI,CAAA,CAAA,oJAAJA,EAAI,CAAA,CAAA,CAAA,CAAA,0LALjBC,CAAmB,EAC3BC,EAAkBH,CAAa"}
|
||||
{"version":3,"file":"ReutersGraphicsLogo.stories-abc0e1ba.js","sources":["../../src/components/ReutersGraphicsLogo/stories/docs/component.md?raw","../../src/components/ReutersGraphicsLogo/ReutersGraphicsLogo.stories.svelte"],"sourcesContent":["export default \"Reuters Graphics' official logo.\\n\\n> Generally, only used for internal tools. For public pages, use the [ReutersLogo](./?path=/docs/components-reuterslogo--default) component.\\n\\n```svelte\\n<script>\\n import { ReutersGraphicsLogo } from '@reuters-graphics/graphics-components';\\n</script>\\n\\n<ReutersGraphicsLogo />\\n```\\n\"","<script>\n import { Meta, Template, Story } from '@storybook/addon-svelte-csf';\n\n // Don't lose the \"?raw\" in markdown imports!\n // @ts-ignore\n import componentDocs from './stories/docs/component.md?raw';\n\n import ReutersGraphicsLogo from './ReutersGraphicsLogo.svelte';\n\n import { withComponentDocs } from '$docs/utils/withParams.js';\n</script>\n\n<Meta\n title=\"Components/ReutersGraphicsLogo\"\n component=\"{ReutersGraphicsLogo}\"\n {...withComponentDocs(componentDocs)}\n/>\n\n<Template let:args>\n <ReutersGraphicsLogo {...args} />\n</Template>\n\n<Story name=\"Default\" args=\"{{}}\" />\n"],"names":["componentDocs","ctx","ReutersGraphicsLogo","withComponentDocs"],"mappings":"0UAAA,MAAeA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iCCmBYC,EAAI,CAAA,CAAA,oJAAJA,EAAI,CAAA,CAAA,CAAA,CAAA,0LALjBC,CAAmB,EAC3BC,EAAkBH,CAAa"}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
13
docs/assets/ReutersLogo-e492d7cf.js
Normal file
13
docs/assets/ReutersLogo-e492d7cf.js
Normal file
File diff suppressed because one or more lines are too long
1
docs/assets/ReutersLogo-e492d7cf.js.map
Normal file
1
docs/assets/ReutersLogo-e492d7cf.js.map
Normal file
File diff suppressed because one or more lines are too long
|
|
@ -1,4 +1,4 @@
|
|||
import{S as v,i as y,s as M,C as h,g as u,y as d,m as f,d as D,t as c,h as i,f as R,j as g}from"./index-99a30af8.js";import{g as L,a as C}from"./spread-8a54911c.js";import{p as j,M as x,T as A,S as P}from"./collect-stories-1e0d20c7.js";import{R as w}from"./ReutersLogo-b424df32.js";import{w as b}from"./withParams-47e2ab71.js";const q=`The official home of the Reuters logo.
|
||||
import{S as v,i as M,s as y,C as h,g as u,z as d,m as f,d as D,t as c,h as i,f as R,j as g}from"./index-85f88930.js";import{g as L,a as C}from"./spread-8a54911c.js";import{p as j,M as x,T as A,S as P}from"./collect-stories-fa95313f.js";import{R as w}from"./ReutersLogo-e492d7cf.js";import{w as b}from"./withParams-47e2ab71.js";const q=`The official home of the Reuters logo.
|
||||
|
||||
\`\`\`svelte
|
||||
<script>
|
||||
|
|
@ -7,5 +7,5 @@ import{S as v,i as y,s as M,C as h,g as u,y as d,m as f,d as D,t as c,h as i,f a
|
|||
|
||||
<ReutersLogo />
|
||||
\`\`\`
|
||||
`;function E(l){let o,n;const s=[l[1]];let m={};for(let t=0;t<s.length;t+=1)m=h(m,s[t]);return o=new w({props:m}),{c(){u(o.$$.fragment)},m(t,a){f(o,t,a),n=!0},p(t,a){const p=a&2?L(s,[C(t[1])]):{};o.$set(p)},i(t){n||(c(o.$$.fragment,t),n=!0)},o(t){i(o.$$.fragment,t),n=!1},d(t){g(o,t)}}}function I(l){let o,n,s,m,t,a;const p=[{title:"Components/ReutersLogo"},{component:w},l[0]];let $={};for(let e=0;e<p.length;e+=1)$=h($,p[e]);return o=new x({props:$}),s=new A({props:{$$slots:{default:[E,({args:e})=>({1:e}),({args:e})=>e?2:0]},$$scope:{ctx:l}}}),t=new P({props:{name:"Default"}}),{c(){u(o.$$.fragment),n=d(),u(s.$$.fragment),m=d(),u(t.$$.fragment)},m(e,r){f(o,e,r),D(e,n,r),f(s,e,r),D(e,m,r),f(t,e,r),a=!0},p(e,[r]){const T=r&1?L(p,[p[0],p[1],C(e[0])]):{};o.$set(T);const _={};r&6&&(_.$$scope={dirty:r,ctx:e}),s.$set(_)},i(e){a||(c(o.$$.fragment,e),c(s.$$.fragment,e),c(t.$$.fragment,e),a=!0)},o(e){i(o.$$.fragment,e),i(s.$$.fragment,e),i(t.$$.fragment,e),a=!1},d(e){e&&(R(n),R(m)),g(o,e),g(s,e),g(t,e)}}}function O(l){return[{...b(q),argTypes:{logoColour:{control:"color"},textColour:{control:"color"}}}]}class k extends v{constructor(o){super(),y(this,o,O,I,M,{})}}const S=j(k,{meta:{title:"Components/ReutersLogo"},stories:{"tpl:default":{name:"default",template:!0,source:"<ReutersLogo {...args} />",hasArgs:!0},Default:{name:"Default",template:!1,source:"",hasArgs:!1}},allocatedIds:["default","Meta","Template","Story","componentDocs","ReutersLogo","withComponentDocs"]}),J=S.meta,K=["Default"],N=S.stories.Default;export{N as Default,K as __namedExportsOrder,J as default};
|
||||
//# sourceMappingURL=ReutersLogo.stories-f52defd8.js.map
|
||||
`;function z(l){let o,n;const s=[l[1]];let m={};for(let t=0;t<s.length;t+=1)m=h(m,s[t]);return o=new w({props:m}),{c(){u(o.$$.fragment)},m(t,a){f(o,t,a),n=!0},p(t,a){const p=a&2?L(s,[C(t[1])]):{};o.$set(p)},i(t){n||(c(o.$$.fragment,t),n=!0)},o(t){i(o.$$.fragment,t),n=!1},d(t){g(o,t)}}}function E(l){let o,n,s,m,t,a;const p=[{title:"Components/ReutersLogo"},{component:w},l[0]];let $={};for(let e=0;e<p.length;e+=1)$=h($,p[e]);return o=new x({props:$}),s=new A({props:{$$slots:{default:[z,({args:e})=>({1:e}),({args:e})=>e?2:0]},$$scope:{ctx:l}}}),t=new P({props:{name:"Default"}}),{c(){u(o.$$.fragment),n=d(),u(s.$$.fragment),m=d(),u(t.$$.fragment)},m(e,r){f(o,e,r),D(e,n,r),f(s,e,r),D(e,m,r),f(t,e,r),a=!0},p(e,[r]){const T=r&1?L(p,[p[0],p[1],C(e[0])]):{};o.$set(T);const _={};r&6&&(_.$$scope={dirty:r,ctx:e}),s.$set(_)},i(e){a||(c(o.$$.fragment,e),c(s.$$.fragment,e),c(t.$$.fragment,e),a=!0)},o(e){i(o.$$.fragment,e),i(s.$$.fragment,e),i(t.$$.fragment,e),a=!1},d(e){e&&(R(n),R(m)),g(o,e),g(s,e),g(t,e)}}}function I(l){return[{...b(q),argTypes:{logoColour:{control:"color"},textColour:{control:"color"}}}]}class O extends v{constructor(o){super(),M(this,o,I,E,y,{})}}const S=j(O,{meta:{title:"Components/ReutersLogo"},stories:{"tpl:default":{name:"default",template:!0,source:"<ReutersLogo {...args} />",hasArgs:!0},Default:{name:"Default",template:!1,source:"",hasArgs:!1}},allocatedIds:["default","Meta","Template","Story","componentDocs","ReutersLogo","withComponentDocs"]}),J=S.meta,K=["Default"],N=S.stories.Default;export{N as Default,K as __namedExportsOrder,J as default};
|
||||
//# sourceMappingURL=ReutersLogo.stories-cd95cba9.js.map
|
||||
|
|
@ -1 +1 @@
|
|||
{"version":3,"file":"ReutersLogo.stories-f52defd8.js","sources":["../../src/components/ReutersLogo/stories/docs/component.md?raw","../../src/components/ReutersLogo/ReutersLogo.stories.svelte"],"sourcesContent":["export default \"The official home of the Reuters logo.\\n\\n```svelte\\n<script>\\n import { ReutersLogo } from '@reuters-graphics/graphics-components';\\n</script>\\n\\n<ReutersLogo />\\n```\\n\"","<script>\n import { Meta, Template, Story } from '@storybook/addon-svelte-csf';\n\n // @ts-ignore\n import componentDocs from './stories/docs/component.md?raw';\n\n import ReutersLogo from './ReutersLogo.svelte';\n\n import { withComponentDocs } from '$lib/docs/utils/withParams.js';\n\n const metaProps = {\n ...withComponentDocs(componentDocs),\n argTypes: {\n logoColour: { control: 'color' },\n textColour: { control: 'color' },\n },\n };\n</script>\n\n<Meta title=\"Components/ReutersLogo\" component=\"{ReutersLogo}\" {...metaProps} />\n\n<Template let:args>\n <ReutersLogo {...args} />\n</Template>\n\n<Story name=\"Default\" />\n"],"names":["componentDocs","ctx","ReutersLogo","withComponentDocs"],"mappings":"uUAAA,MAAeA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iCCsBIC,EAAI,CAAA,CAAA,oJAAJA,EAAI,CAAA,CAAA,CAAA,CAAA,kLAH0BC,CAAW,EAAOD,EAAS,CAAA,oXAATA,EAAS,CAAA,CAAA,qRAT3D,CACV,GAAAE,EAAkBH,CAAa,EAClC,SAAQ,CACN,WAAU,CAAI,QAAS,OAAO,EAC9B,WAAU,CAAI,QAAS,OAAO"}
|
||||
{"version":3,"file":"ReutersLogo.stories-cd95cba9.js","sources":["../../src/components/ReutersLogo/stories/docs/component.md?raw","../../src/components/ReutersLogo/ReutersLogo.stories.svelte"],"sourcesContent":["export default \"The official home of the Reuters logo.\\n\\n```svelte\\n<script>\\n import { ReutersLogo } from '@reuters-graphics/graphics-components';\\n</script>\\n\\n<ReutersLogo />\\n```\\n\"","<script>\n import { Meta, Template, Story } from '@storybook/addon-svelte-csf';\n\n // @ts-ignore\n import componentDocs from './stories/docs/component.md?raw';\n\n import ReutersLogo from './ReutersLogo.svelte';\n\n import { withComponentDocs } from '$lib/docs/utils/withParams.js';\n\n const metaProps = {\n ...withComponentDocs(componentDocs),\n argTypes: {\n logoColour: { control: 'color' },\n textColour: { control: 'color' },\n },\n };\n</script>\n\n<Meta title=\"Components/ReutersLogo\" component=\"{ReutersLogo}\" {...metaProps} />\n\n<Template let:args>\n <ReutersLogo {...args} />\n</Template>\n\n<Story name=\"Default\" />\n"],"names":["componentDocs","ctx","ReutersLogo","withComponentDocs"],"mappings":"uUAAA,MAAeA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iCCsBIC,EAAI,CAAA,CAAA,oJAAJA,EAAI,CAAA,CAAA,CAAA,CAAA,kLAH0BC,CAAW,EAAOD,EAAS,CAAA,oXAATA,EAAS,CAAA,CAAA,qRAT3D,CACV,GAAAE,EAAkBH,CAAa,EAClC,SAAQ,CACN,WAAU,CAAI,QAAS,OAAO,EAC9B,WAAU,CAAI,QAAS,OAAO"}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1,4 +1,4 @@
|
|||
import{S as C,i as x,s as y,C as I,g as u,y as g,m as l,d,t as f,h as i,f as S,j as $}from"./index-99a30af8.js";import{g as T,a as M}from"./spread-8a54911c.js";import{p as b,M as A,T as j,S as k}from"./collect-stories-1e0d20c7.js";import{S as D}from"./SearchInput-ca1c7beb.js";import{w as q}from"./withParams-47e2ab71.js";const E=`Invite users to search for something.
|
||||
import{S as C,i as x,s as T,C as I,g as u,z as g,m as l,d,t as f,h as i,f as S,j as $}from"./index-85f88930.js";import{g as y,a as M}from"./spread-8a54911c.js";import{p as b,M as A,T as j,S as k}from"./collect-stories-fa95313f.js";import{S as D}from"./SearchInput-9e95f06d.js";import{w as q}from"./withParams-47e2ab71.js";const z=`Invite users to search for something.
|
||||
|
||||
\`\`\`svelte
|
||||
<script>
|
||||
|
|
@ -15,5 +15,5 @@ import{S as C,i as x,s as y,C as I,g as u,y as g,m as l,d,t as f,h as i,f as S,j
|
|||
|
||||
<SearchInput on:search="{handleSearchInput}" />
|
||||
\`\`\`
|
||||
`;function H(c){let s,a;const n=[c[0]];let p={};for(let t=0;t<n.length;t+=1)p=I(p,n[t]);return s=new D({props:p}),{c(){u(s.$$.fragment)},m(t,r){l(s,t,r),a=!0},p(t,r){const m=r&1?T(n,[M(t[0])]):{};s.$set(m)},i(t){a||(f(s.$$.fragment,t),a=!0)},o(t){i(s.$$.fragment,t),a=!1},d(t){$(s,t)}}}function O(c){let s,a,n,p,t,r;const m=[{title:"Components/SearchInput"},{component:D},q(E)];let h={};for(let e=0;e<m.length;e+=1)h=I(h,m[e]);return s=new A({props:h}),n=new j({props:{$$slots:{default:[H,({args:e})=>({0:e}),({args:e})=>e?1:0]},$$scope:{ctx:c}}}),t=new k({props:{name:"Default",args:{}}}),{c(){u(s.$$.fragment),a=g(),u(n.$$.fragment),p=g(),u(t.$$.fragment)},m(e,o){l(s,e,o),d(e,a,o),l(n,e,o),d(e,p,o),l(t,e,o),r=!0},p(e,[o]){const w={};s.$set(w);const _={};o&3&&(_.$$scope={dirty:o,ctx:e}),n.$set(_)},i(e){r||(f(s.$$.fragment,e),f(n.$$.fragment,e),f(t.$$.fragment,e),r=!0)},o(e){i(s.$$.fragment,e),i(n.$$.fragment,e),i(t.$$.fragment,e),r=!1},d(e){e&&(S(a),S(p)),$(s,e),$(n,e),$(t,e)}}}class P extends C{constructor(s){super(),x(this,s,null,O,y,{})}}const v=b(P,{meta:{title:"Components/SearchInput"},stories:{"tpl:default":{name:"default",template:!0,source:"<SearchInput {...args} />",hasArgs:!0},Default:{name:"Default",template:!1,source:"",hasArgs:!1}},allocatedIds:["default","Meta","Template","Story","componentDocs","SearchInput","withComponentDocs"]}),K=v.meta,L=["Default"],N=v.stories.Default;export{N as Default,L as __namedExportsOrder,K as default};
|
||||
//# sourceMappingURL=SearchInput.stories-ea2d0d0a.js.map
|
||||
`;function E(c){let s,a;const n=[c[0]];let p={};for(let t=0;t<n.length;t+=1)p=I(p,n[t]);return s=new D({props:p}),{c(){u(s.$$.fragment)},m(t,r){l(s,t,r),a=!0},p(t,r){const m=r&1?y(n,[M(t[0])]):{};s.$set(m)},i(t){a||(f(s.$$.fragment,t),a=!0)},o(t){i(s.$$.fragment,t),a=!1},d(t){$(s,t)}}}function H(c){let s,a,n,p,t,r;const m=[{title:"Components/SearchInput"},{component:D},q(z)];let h={};for(let e=0;e<m.length;e+=1)h=I(h,m[e]);return s=new A({props:h}),n=new j({props:{$$slots:{default:[E,({args:e})=>({0:e}),({args:e})=>e?1:0]},$$scope:{ctx:c}}}),t=new k({props:{name:"Default",args:{}}}),{c(){u(s.$$.fragment),a=g(),u(n.$$.fragment),p=g(),u(t.$$.fragment)},m(e,o){l(s,e,o),d(e,a,o),l(n,e,o),d(e,p,o),l(t,e,o),r=!0},p(e,[o]){const w={};s.$set(w);const _={};o&3&&(_.$$scope={dirty:o,ctx:e}),n.$set(_)},i(e){r||(f(s.$$.fragment,e),f(n.$$.fragment,e),f(t.$$.fragment,e),r=!0)},o(e){i(s.$$.fragment,e),i(n.$$.fragment,e),i(t.$$.fragment,e),r=!1},d(e){e&&(S(a),S(p)),$(s,e),$(n,e),$(t,e)}}}class O extends C{constructor(s){super(),x(this,s,null,H,T,{})}}const v=b(O,{meta:{title:"Components/SearchInput"},stories:{"tpl:default":{name:"default",template:!0,source:"<SearchInput {...args} />",hasArgs:!0},Default:{name:"Default",template:!1,source:"",hasArgs:!1}},allocatedIds:["default","Meta","Template","Story","componentDocs","SearchInput","withComponentDocs"]}),K=v.meta,L=["Default"],N=v.stories.Default;export{N as Default,L as __namedExportsOrder,K as default};
|
||||
//# sourceMappingURL=SearchInput.stories-e293c649.js.map
|
||||
|
|
@ -1 +1 @@
|
|||
{"version":3,"file":"SearchInput.stories-ea2d0d0a.js","sources":["../../src/components/SearchInput/stories/docs/component.md?raw","../../src/components/SearchInput/SearchInput.stories.svelte"],"sourcesContent":["export default \"Invite users to search for something.\\n\\n```svelte\\n<script>\\n import { SearchInput } from '@reuters-graphics/graphics-components';\\n\\n function handleSearchInput(event) {\\n const searchText = event.detail.value;\\n // Here's where you might update a variable,\\n // filter a dataset or make an API call\\n // based on the user's input.\\n console.log(`Search for ${searchText}`);\\n }\\n</script>\\n\\n<SearchInput on:search=\\\"{handleSearchInput}\\\" />\\n```\\n\"","<script>\n import { Meta, Template, Story } from '@storybook/addon-svelte-csf';\n\n // @ts-ignore\n import componentDocs from './stories/docs/component.md?raw';\n\n import SearchInput from './SearchInput.svelte';\n\n import { withComponentDocs } from '$docs/utils/withParams.js';\n</script>\n\n<Meta\n title=\"Components/SearchInput\"\n component=\"{SearchInput}\"\n {...withComponentDocs(componentDocs)}\n/>\n\n<Template let:args>\n <SearchInput {...args} />\n</Template>\n\n<Story name=\"Default\" args=\"{{}}\" />\n"],"names":["componentDocs","ctx","SearchInput","withComponentDocs"],"mappings":"kUAAA,MAAeA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iCCkBIC,EAAI,CAAA,CAAA,oJAAJA,EAAI,CAAA,CAAA,CAAA,CAAA,kLALTC,CAAW,EACnBC,EAAkBH,CAAa"}
|
||||
{"version":3,"file":"SearchInput.stories-e293c649.js","sources":["../../src/components/SearchInput/stories/docs/component.md?raw","../../src/components/SearchInput/SearchInput.stories.svelte"],"sourcesContent":["export default \"Invite users to search for something.\\n\\n```svelte\\n<script>\\n import { SearchInput } from '@reuters-graphics/graphics-components';\\n\\n function handleSearchInput(event) {\\n const searchText = event.detail.value;\\n // Here's where you might update a variable,\\n // filter a dataset or make an API call\\n // based on the user's input.\\n console.log(`Search for ${searchText}`);\\n }\\n</script>\\n\\n<SearchInput on:search=\\\"{handleSearchInput}\\\" />\\n```\\n\"","<script>\n import { Meta, Template, Story } from '@storybook/addon-svelte-csf';\n\n // @ts-ignore\n import componentDocs from './stories/docs/component.md?raw';\n\n import SearchInput from './SearchInput.svelte';\n\n import { withComponentDocs } from '$docs/utils/withParams.js';\n</script>\n\n<Meta\n title=\"Components/SearchInput\"\n component=\"{SearchInput}\"\n {...withComponentDocs(componentDocs)}\n/>\n\n<Template let:args>\n <SearchInput {...args} />\n</Template>\n\n<Story name=\"Default\" args=\"{{}}\" />\n"],"names":["componentDocs","ctx","SearchInput","withComponentDocs"],"mappings":"kUAAA,MAAeA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iCCkBIC,EAAI,CAAA,CAAA,oJAAJA,EAAI,CAAA,CAAA,CAAA,CAAA,kLALTC,CAAW,EACnBC,EAAkBH,CAAa"}
|
||||
File diff suppressed because one or more lines are too long
Some files were not shown because too many files have changed in this diff Show more
Loading…
Reference in a new issue