6 lines
5.4 KiB
JavaScript
6 lines
5.4 KiB
JavaScript
import{p as o,f as p,a as l,t as q}from"./props-b4vEeO_8.js";import{I as u,F as k,J as g,k as _,N as I,B as j,C as N,D,G as E}from"./runtime-C3rQLW--.js";import{i as F}from"./lifecycle-F2p_Qkk3.js";import{c as J,d as K}from"./create-runtime-stories-7AWWVphH.js";import{i as v,s as b}from"./svelte-component-C8Ginrj8.js";import{a as Z,s as Q}from"./attributes-Cg6aLqN3.js";import{B as W}from"./Block-D3Ui8rd-.js";import{B as X}from"./Byline-BhU2Zjcl.js";var Y=p('<a class="no-underline !text-secondary"> </a>'),$=p('<p class="section-title mb-0 font-subhed text-xs text-secondary font-bold uppercase whitespace-nowrap tracking-wider"><!></p>'),ee=p("<h1> </h1>"),te=p('<header class="headline"><div class="title"><!> <!></div> <!></header>');function x(m,e){let i=o(e,"hedSize",3,"normal"),a=o(e,"section",3,"Graphics"),d=o(e,"sectionUrl",3,"https://graphics.reuters.com"),h=o(e,"updateTime",3,""),c=o(e,"id",3,""),S=o(e,"class",3,""),f=I(()=>{switch(i()){case"big":return"text-4xl";case"small":return"text-2xl";default:return"text-3xl"}});W(m,{get id(){return c()},get class(){return`headline-container fmt-7 fmb-6 ${S()??""}`},width:"normal",children:(M,ne)=>{var w=te(),T=u(w),A=u(T);{var U=t=>{var s=$(),y=u(s);{var O=r=>{var n=Y(),R=u(n);g(()=>{Q(n,"href",d()),b(R,a())}),l(r,n)},V=r=>{var n=q();g(()=>b(n,a())),l(r,n)};v(y,r=>{d()?r(O):r(V,!1)})}l(t,s)};v(A,t=>{a()&&t(U)})}var z=k(A,2);{var G=t=>{var s=ee(),y=u(s);g(()=>{Z(s,1,`fmt-1 fmb-3 ${_(f)??""}`),b(y,e.hed)}),l(t,s)};v(z,t=>{e.hed&&t(G)})}var L=k(T,2);X(L,{get authors(){return e.authors},get publishTime(){return e.publishTime},get updateTime(){return h()},get getAuthorPage(){return e.getAuthorPage}}),l(M,w)},$$slots:{default:!0}})}x.__docgen={data:[{name:"hed",visibility:"public",description:"Headline",keywords:[],kind:"let",type:{kind:"type",type:"string",text:"string"},static:!1,readonly:!1},{name:"hedSize",visibility:"public",description:"Headline size",keywords:[],kind:"let",type:{kind:"union",type:[{kind:"const",type:"string",value:"small",text:'"small"'},{kind:"const",type:"string",value:"normal",text:'"normal"'},{kind:"const",type:"string",value:"big",text:'"big"'}],text:'"small" | "normal" | "big"'},static:!1,readonly:!1,defaultValue:'"normal"'},{name:"section",visibility:"public",description:"Section title",keywords:[],kind:"let",type:{kind:"type",type:"string",text:"string"},static:!1,readonly:!1,defaultValue:'"Graphics"'},{name:"sectionUrl",visibility:"public",description:"Section URL, parsed as a string. Set to blank to remove link",keywords:[],kind:"let",type:{kind:"type",type:"string",text:"string"},static:!1,readonly:!1,defaultValue:'"https://graphics.reuters.com"'},{name:"authors",visibility:"public",description:"Array of author names, which will be slugified to create links to Reuters author pages",keywords:[{name:"required",description:""}],kind:"let",type:{kind:"type",type:"array",text:"string[]"},static:!1,readonly:!1},{name:"publishTime",visibility:"public",description:"Publish time as a datetime string",keywords:[{name:"required",description:""}],kind:"let",type:{kind:"type",type:"string",text:"string"},static:!1,readonly:!1},{name:"updateTime",visibility:"public",description:"Update time as a datetime string",keywords:[],kind:"let",type:{kind:"type",type:"string",text:"string"},static:!1,readonly:!1,defaultValue:'""'},{name:"id",visibility:"public",description:"Add an id to to target with custom CSS",keywords:[],kind:"let",type:{kind:"type",type:"string",text:"string"},static:!1,readonly:!1,defaultValue:'""'},{name:"class",visibility:"public",description:"Add extra classes to target with custom CSS",keywords:[],kind:"let",type:{kind:"type",type:"string",text:"string"},static:!1,readonly:!1},{name:"getAuthorPage",visibility:"public",description:"Custom function that returns an author page URL.",keywords:[],kind:"let",type:{kind:"function",text:"(author: string) => string"},static:!1,readonly:!1}],name:"SiteHeadline.svelte"};const H={title:"Components/Text elements/SiteHeadline",component:x,argTypes:{hedSize:{control:"select",options:["small","normal","big"]}}},{Story:C}=K();var ie=p("<!> <!>",1);function P(m,e){j(e,!1);const i={section:"Global News",hed:"A beautiful page",authors:"Samuel Granados, Dea Bankova",published:"2022-09-12T08:30:00.000Z"};F();var a=ie(),d=N(a);{let c=D(()=>({hed:"Ukraine makes surprising gains in counteroffensive",authors:["Dea Bankova","Michael Ovaska","Samuel Granados","Prasanta Kumar Dutta"],publishTime:new Date("2021-09-12").toISOString(),updateTime:new Date("2021-09-12T13:57:00").toISOString()}));C(d,{name:"Demo",get args(){return _(c)},parameters:{__svelteCsf:{rawCode:"<SiteHeadline {...args} />"}}})}var h=k(d,2);C(h,{name:"ArchieML",tags:["!autodocs","!dev"],children:(c,S)=>{{let f=D(()=>i.authors.split(","));x(c,{get hed(){return i.hed},get section(){return i.section},get authors(){return _(f)},get publishTime(){return i.published}})}},$$slots:{default:!0},parameters:{__svelteCsf:{rawCode:`<SiteHeadline
|
|
hed={content.hed}
|
|
section={content.section}
|
|
authors={content.authors.split(',')}
|
|
publishTime={content.published}
|
|
/>`}}}),l(m,a),E()}P.__docgen={version:3,name:"SiteHeadline.stories.svelte",data:[],computed:[],methods:[],components:[],description:null,keywords:[],events:[],slots:[],refs:[]};const B=J(P,H),ae=["Demo","ArchieML"],se=B.Demo,re=B.ArchieML,fe=Object.freeze(Object.defineProperty({__proto__:null,ArchieML:re,Demo:se,__namedExportsOrder:ae,default:H},Symbol.toStringTag,{value:"Module"}));export{re as A,se as D,fe as S};
|