3 lines
3.5 KiB
JavaScript
3 lines
3.5 KiB
JavaScript
import{p as o,f as p,s as j,a as c}from"./props-b4vEeO_8.js";import{J as B,I as i,k as D,N as L,F as P,B as V,G as R}from"./runtime-C3rQLW--.js";import{i as G}from"./lifecycle-F2p_Qkk3.js";import{c as M,d as O}from"./create-runtime-stories-7AWWVphH.js";import{s as I}from"./snippet-C5kbqVpq.js";import{i as z}from"./svelte-component-C8Ginrj8.js";import{s as g,a as A}from"./attributes-Cg6aLqN3.js";import{c as E,s as F}from"./style-DvJ3IcV1.js";import{R as J}from"./ReutersGraphicsLogo-DRqDkotX.js";var N=p('<div class="menu-items-container svelte-11n4jn3"><!></div>'),q=p('<header><div class="logo-container svelte-11n4jn3"><a><!></a></div> <!></header>');function m(n,e){let l=o(e,"id",3,""),y=o(e,"class",3,""),a=o(e,"sticky",3,!1),d=o(e,"background",3,"transparent"),h=o(e,"borderBottom",3,"1px solid #dedede"),w=o(e,"logoProps",19,()=>({logoColour:"#404040"})),x=o(e,"homeLink",3,"/");var s=q();let f,u;var v=i(s),k=i(v),S=i(k);{let t=L(()=>({...w(),width:"100%"}));J(S,j(()=>D(t)))}var C=P(v,2);{var T=t=>{var r=N(),H=i(r);I(H,()=>e.children),c(t,r)};z(C,t=>{e.children&&t(T)})}B((t,r)=>{g(s,"id",l()),f=A(s,1,E(y()),"svelte-11n4jn3",f,t),u=F(s,"",u,r),g(k,"href",x())},[()=>({sticky:a()}),()=>({background:d(),"border-bottom":h()})]),c(n,s)}m.__docgen={data:[{name:"children",visibility:"public",description:"Snippet content",keywords:[],kind:"let",type:{kind:"function",text:"Snippet<[]>"},static:!1,readonly:!1},{name:"id",visibility:"public",description:"ID of the header container",keywords:[],kind:"let",type:{kind:"type",type:"string",text:"string"},static:!1,readonly:!1,defaultValue:'""'},{name:"class",visibility:"public",description:"Add a class to target with SCSS.",keywords:[],kind:"let",type:{kind:"type",type:"string",text:"string"},static:!1,readonly:!1},{name:"sticky",visibility:"public",description:"Make the header stick when user scrolls.",keywords:[],kind:"let",type:{kind:"type",type:"boolean",text:"boolean"},static:!1,readonly:!1,defaultValue:"false"},{name:"background",visibility:"public",description:"Background CSS",keywords:[],kind:"let",type:{kind:"type",type:"string",text:"string"},static:!1,readonly:!1,defaultValue:'"transparent"'},{name:"borderBottom",visibility:"public",description:"Border bottom CSS",keywords:[],kind:"let",type:{kind:"type",type:"string",text:"string"},static:!1,readonly:!1,defaultValue:'"1px solid #dedede"'},{name:"logoProps",visibility:"public",description:"Colour props passed to `ReutersGraphicsLogo` component.",keywords:[],kind:"let",type:{kind:"type",type:"object",text:"{ logoColour?: string | undefined; textColor?: string | undefined; }"},static:!1,readonly:!1,defaultValue:"{ logoColour: '#404040' }"},{name:"homeLink",visibility:"public",description:"Link the logo points to.",keywords:[],kind:"let",type:{kind:"type",type:"string",text:"string"},static:!1,readonly:!1,defaultValue:'"/"'}],name:"ToolsHeader.svelte"};const b={title:"Components/Page furniture/ToolsHeader",component:m},{Story:K}=O();var Q=p('<div class="svelte-199u5wc"><!></div>');function _(n,e){V(e,!1),G(),K(n,{name:"Demo",tags:["!autodocs","!dev"],children:(l,y)=>{var a=Q(),d=i(a);m(d,{}),c(l,a)},$$slots:{default:!0},parameters:{__svelteCsf:{rawCode:`<div>
|
|
<ToolsHeader />
|
|
</div>`}}}),R()}_.__docgen={version:3,name:"ToolsHeader.stories.svelte",data:[],computed:[],methods:[],components:[],description:null,keywords:[],events:[],slots:[],refs:[]};const U=M(_,b),W=["Demo"],X=U.Demo,re=Object.freeze(Object.defineProperty({__proto__:null,Demo:X,__namedExportsOrder:W,default:b},Symbol.toStringTag,{value:"Module"}));export{X as D,re as T};
|