https://www.werkstatt-verlag.de/_next/static/chunks/StructureLexicon.85cb68612504d4b1.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[32046],{36340:(e,l,s)=>{s.d(l,{w:()=>n});var t=s(6029);s(55729);var a=s(75828),i=s.n(a);let n=({className:e,fullWidth:l=!0,alignment:s=!1})=>(0,t.jsx)("div",{className:i()({"bg-skin-line overflow-hidden h-1 bg-auto opacity-30 transform -translate-y-1/2":!0,"w-full bg-repeat-x":l,"bg-no-repeat":!l,"bg-left":!s,"bg-right":"right"===s,"bg-center":"center"===s})+" "+e})},87030:(e,l,s)=>{s.d(l,{Q:()=>n});var t=s(6029);s(55729);var a=s(75828),i=s.n(a);let n=({sublineUppercase:e,className:l="",sublineSize:s,sublineStyle:a,sublineText:n="",__html:d="",children:r,style:m={},mouseOverSubline:o=!1,mouseOverSublineBgColor:c=!1})=>{let x,h=i()({"font-sans empty:hidden":!0,"text-lg md:text-xl":"lg"===s,"text-base md:text-lg":"md"===s,"text-sm md:text-base":"sm"===s,"text-xs md:text-sm":"xs"===s,uppercase:e,"mb-3":!l,group:c,"font-bold":"bold"===a,"font-medium":!a,"font-normal":"normal"===a});o&&c&&(x={backgroundImage:"linear-gradient(to right, "+c+", "+c+")"});let b=i()({"inline !leading-[1.35em] bg-gradient-to-r from-skin-primary to-skin-primary bg-[length:0_100%] transition-headline duration-headline bg-no-repeat":c&&o,"group-hover:bg-[length:100%_100%]":c&&o});return void 0===r&&(r=n),(0,t.jsxs)("div",{className:`${h} ${l}`,style:m,children:[d&&(0,t.jsx)("span",{className:b,style:x,dangerouslySetInnerHTML:{__html:d}}),r&&(0,t.jsx)("span",{className:b,style:x,children:r})]})}},87673:(e,l,s)=>{s.r(l),s.d(l,{Lexicon:()=>g});var t=s(6029),a=s(55729),i=s(90052),n=s(87030);let d=()=>(0,t.jsxs)("div",{className:"mb-4 md:mb-8",children:[(0,t.jsx)(i.A,{headlineUppercase:!1,headlineHeading:"h2",headlineSize:"lg",headlineText:"Lexikon",className:"mb-1 md:mb-3"}),(0,t.jsx)(n.Q,{sublineUppercase:!1,sublineSize:"lg",sublineText:"Superyachten-Wissen von A-Z"})]});var r=s(36340),m=s(81278),o=s(683),c=s(75828),x=s.n(c);let h=({lexicon:e,id:l,anchorId:s})=>{(0,m.useRouter)();let[n,d]=(0,a.useState)(null),c=String((0,o.getActive)().id).toUpperCase();return(0,a.useEffect)(()=>{l&&d(l),s&&(window.location.hash=s)},[]),(0,t.jsxs)("div",{className:"mb-4 md:mb-8",children:[(0,t.jsx)("div",{className:"mb-4 md:mb-8",children:(0,t.jsx)(r.w,{})}),Object.entries(e).map(([e,l])=>(0,t.jsxs)("div",{id:e,className:x()({"scroll-mt-12 lg:scroll-mt-20":"BOEX"===c}),children:[(0,t.jsx)(i.A,{headlineUppercase:!1,headlineHeading:!1,headlineSize:"xl",headlineText:e}),l&&l.map(e=>(0,t.jsx)("div",{id:e.fields.slug.replace("lexikon/",""),className:x()({"scroll-mt-12 lg:scroll-mt-20":"BOEX"===c,"mb-4 md:mb-8":!0}),children:(0,t.jsxs)("div",{id:e.fields.title,children:[(0,t.jsx)(i.A,{headlineUppercase:!1,headlineHeading:"h3",headlineSize:"md",headlineText:e.fields.title}),(0,t.jsx)("p",{className:"font-copy mb-4 md:mb-8 text-base md:text-xl leading-relaxed md:leading-relaxed",children:e.fields.excerpt})]})},e.sys.id)),(0,t.jsx)("div",{className:"mb-4 md:mb-8",children:(0,t.jsx)(r.w,{})})]},"lexicon-"+e))]})};var b=s(33364);let p=({topics:e})=>(0,t.jsx)("div",{className:"mb-4 md:mb-8",children:(0,t.jsx)("div",{className:"md:overflow-hidden overflow-x-scroll w-full",children:(0,t.jsx)("div",{className:"md:whitespace-auto md:grid-cols-[repeat(auto-fill,_minmax(56px,_1fr))] grid grid-flow-col md:grid-flow-row gap-2 pb-2 whitespace-nowrap",children:e?e.map(e=>(0,t.jsx)(b.$,{onClick:()=>{window.location.hash=e},buttonLabel:e,buttonSize:"md",buttonOutline:!0,buttonResponsive:!0,fullWidth:!1,hoverRounded:!0},e)):null})})}),g=({id:e,anchorId:l,lexiconArticles:s})=>{if(!s)return null;let a={Ü:"ue",Ä:"ae",Ö:"oe",ü:"ue",ä:"ae",ö:"oe",ß:"ss"},i=e=>e.replace(RegExp("["+Object.keys(a).join("|")+"]","g"),e=>a[e]);s.items.sort((e,l)=>{let s=i(e.fields.title.replace('"',"").toLowerCase()),t=i(l.fields.title.replace('"',"").toLowerCase());return s===t?0:s<t?-1:1});let n={};return s.items.forEach(e=>{let l=e.fields.title.replace('"',"").substr(0,1).toUpperCase();n[l]||(n[l]=[]),n[l].push(e)}),(0,t.jsxs)("div",{className:"px-4 mx-auto mb-16 max-w-screen-xl",children:[(0,t.jsx)(d,{}),(0,t.jsx)("div",{className:"mb-4 md:mb-8",children:(0,t.jsx)(r.w,{})}),(0,t.jsx)(p,{topics:Object.keys(n)}),(0,t.jsx)(h,{id:e,anchorId:l,lexicon:n})]})}}}]);