import{S as L,i as V,s as M,l as H,y as I,q as k,c as h,o as C,f as p,F as A,C as B,g as w,h as T,j as S,m as b,z as N,A as z,B as E,t as _,a as y,k as D,d as v}from"./index-C9aKRT5A.js";import{g as P,a as F}from"./spread-CgU5AtxT.js";import{p as O,w as J,M as K,T as Q,S as U}from"./collect-stories-ceFdpR5E.js";import{R as W}from"./ReutersGraphicsLogo-BBr3phy9.js";const X=`A header for internal tooling sites.

> **Note:** Don't use this component for public pages.

\`\`\`svelte
<script>
  import { ToolsHeader } from '@reuters-graphics/graphics-components';
<\/script>

<ToolsHeader>
  <!-- Anything else goes right of the logo -->
</ToolsHeader>
\`\`\`
`;function Y(i){let e,a,l,d,c,o,u,r;const t=[{...i[5],width:"100%"}];let f={};for(let n=0;n<t.length;n+=1)f=H(f,t[n]);d=new W({props:f});const g=i[8].default,s=I(g,i,i[7],null);return{c(){e=k("header"),a=k("div"),l=k("a"),h(d.$$.fragment),c=C(),o=k("div"),s&&s.c(),p(l,"href",i[6]),p(a,"class","logo-container svelte-11n4jn3"),p(o,"class","menu-items-container svelte-11n4jn3"),p(e,"id",i[0]),p(e,"class",u=A(i[1])+" svelte-11n4jn3"),B(e,"sticky",i[2]),w(e,"background",i[3]),w(e,"border-bottom",i[4])},m(n,m){T(n,e,m),S(e,a),S(a,l),b(d,l,null),S(e,c),S(e,o),s&&s.m(o,null),r=!0},p(n,[m]){const G=m&32?P(t,[{...n[5],width:"100%"}]):{};d.$set(G),(!r||m&64)&&p(l,"href",n[6]),s&&s.p&&(!r||m&128)&&N(s,g,n,n[7],r?E(g,n[7],m,null):z(n[7]),null),(!r||m&1)&&p(e,"id",n[0]),(!r||m&2&&u!==(u=A(n[1])+" svelte-11n4jn3"))&&p(e,"class",u),(!r||m&6)&&B(e,"sticky",n[2]),m&8&&w(e,"background",n[3]),m&16&&w(e,"border-bottom",n[4])},i(n){r||(_(d.$$.fragment,n),_(s,n),r=!0)},o(n){y(d.$$.fragment,n),y(s,n),r=!1},d(n){n&&D(e),v(d),s&&s.d(n)}}}function Z(i,e,a){let{$$slots:l={},$$scope:d}=e,{id:c=""}=e,{class:o=""}=e,{sticky:u=!1}=e,{background:r="transparent"}=e,{borderBottom:t="1px solid #dedede"}=e,{logoProps:f={logoColour:"#404040"}}=e,{homeLink:g="/"}=e;return i.$$set=s=>{"id"in s&&a(0,c=s.id),"class"in s&&a(1,o=s.class),"sticky"in s&&a(2,u=s.sticky),"background"in s&&a(3,r=s.background),"borderBottom"in s&&a(4,t=s.borderBottom),"logoProps"in s&&a(5,f=s.logoProps),"homeLink"in s&&a(6,g=s.homeLink),"$$scope"in s&&a(7,d=s.$$scope)},[c,o,u,r,t,f,g,d,l]}class j extends L{constructor(e){super(),V(this,e,Z,Y,M,{id:0,class:1,sticky:2,background:3,borderBottom:4,logoProps:5,homeLink:6})}}j.__docgen={version:3,name:"ToolsHeader.svelte",data:[{keywords:[],visibility:"public",description:"Add an ID to target with SCSS.",name:"id",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"string",type:"string"},defaultValue:""},{visibility:"public",description:"Add a class to target with SCSS.",keywords:[],name:"class",kind:"const",static:!1,readonly:!0,type:{kind:"type",text:"string",type:"string"},localName:"cls",defaultValue:""},{keywords:[],visibility:"public",description:"Make the header stick when user scrolls.",name:"sticky",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"boolean",type:"boolean"},defaultValue:!1},{keywords:[],visibility:"public",description:"Background CSS",name:"background",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"string",type:"string"},defaultValue:"transparent"},{keywords:[],visibility:"public",description:"Border bottom CSS",name:"borderBottom",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"string",type:"string"},defaultValue:"1px solid #dedede"},{keywords:[],visibility:"public",description:"Colour props passed to `ReutersGraphicsLogo` component.",name:"logoProps",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"object",type:"object"}},{keywords:[],visibility:"public",description:"Link the logo points to.",name:"homeLink",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"string",type:"string"},defaultValue:"/"}],computed:[],methods:[],components:[],description:null,keywords:[],events:[],slots:[{keywords:[],visibility:"public",description:"Any additional content",name:"default"}],refs:[]};function x(i){let e,a,l;const d=[i[0]];let c={};for(let o=0;o<d.length;o+=1)c=H(c,d[o]);return a=new j({props:c}),{c(){e=k("div"),h(a.$$.fragment),p(e,"class","svelte-sjrle5")},m(o,u){T(o,e,u),b(a,e,null),l=!0},p(o,u){const r=u&1?P(d,[F(o[0])]):{};a.$set(r)},i(o){l||(_(a.$$.fragment,o),l=!0)},o(o){y(a.$$.fragment,o),l=!1},d(o){o&&D(e),v(a)}}}function $(i){let e,a,l,d,c,o;const u=[{title:"Components/ToolsHeader"},{component:j},J(X)];let r={};for(let t=0;t<u.length;t+=1)r=H(r,u[t]);return e=new K({props:r}),l=new Q({props:{$$slots:{default:[x,({args:t})=>({0:t}),({args:t})=>t?1:0]},$$scope:{ctx:i}}}),c=new U({props:{name:"Default",args:{}}}),{c(){h(e.$$.fragment),a=C(),h(l.$$.fragment),d=C(),h(c.$$.fragment)},m(t,f){b(e,t,f),T(t,a,f),b(l,t,f),T(t,d,f),b(c,t,f),o=!0},p(t,[f]){const g={};e.$set(g);const s={};f&3&&(s.$$scope={dirty:f,ctx:t}),l.$set(s)},i(t){o||(_(e.$$.fragment,t),_(l.$$.fragment,t),_(c.$$.fragment,t),o=!0)},o(t){y(e.$$.fragment,t),y(l.$$.fragment,t),y(c.$$.fragment,t),o=!1},d(t){t&&(D(a),D(d)),v(e,t),v(l,t),v(c,t)}}}class R extends L{constructor(e){super(),V(this,e,null,$,M,{})}}R.__docgen={version:3,name:"ToolsHeader.stories.svelte",data:[],computed:[],methods:[],components:[],description:null,keywords:[],events:[],slots:[],refs:[]};const q=O(R,{meta:{title:"Components/ToolsHeader"},stories:{"tpl:default":{name:"default",template:!0,source:`<div>
  <ToolsHeader {...args} />
</div>`,hasArgs:!0},Default:{name:"Default",template:!1,source:"",hasArgs:!1}},allocatedIds:["default","Meta","Template","Story","componentDocs","ToolsHeader","withComponentDocs"]}),ne=q.meta,ae=["Default"],le=q.stories.Default;export{le as Default,ae as __namedExportsOrder,ne as default};