https://mixtiles.de/static/js/blog._category._article.D1XfiHCC.main.js

1import{i,I as f,L as w,j as o,s as b,r as C,J as k,c as v}from"./vendor.C--JXtB9.chunk.js";import{o as r,b as x,d as l}from"./Button.DjtaW9Dr.chunk.js";import{F as j}from"./FooterSection.BmqNvhvG.chunk.js";import{O as B,B as I,T as A}from"./TopBar.DN3XeP74.chunk.js";import{B as g}from"./ApiUtils.DUU7R7v4.chunk.js";import{a as c,_ as h,b as L}from"./Analytics.BU9ct9rR.chunk.js";import{S as E}from"./SecondaryArticlePreview.Cafhau49.chunk.js";import{g as P}from"./BlogUtils.OeHz3HVb.chunk.js";import{m as T}from"./remixUtils.BDEtQWzr.chunk.js";import"./GdprMananger.CF-ZiI8c.chunk.js";import"./SplashSpinner.BhtjwGg_.chunk.js";const y=i.div.withConfig({componentId:"sc-1ug33r6-0"})(["overflow-x:hidden;color:",";margin:0 auto;table{border-collapse:collapse;th,td{border:1px solid "," !important;padding:8px 12px;}}","{max-width:740px;}","{max-width:1140px;}","{max-width:1700px;}"],({theme:t})=>t.colors.black,({theme:t})=>t.colors.black,r(),x(),l()),S=i.div.withConfig({componentId:"sc-1ug33r6-1"})(["background-image:url(",");background-position:center;background-size:cover;margin-bottom:32px;min-width:auto;min-height:calc(100vw - 24px);","{border-radius:12px;min-height:60vh;}"],({$src:t})=>t,r()),z=i.h1.withConfig({componentId:"sc-1ug33r6-2"})(["font-size:42px;line-height:49px;font-weight:600;color:",";margin:40px 16px 8px;"],({theme:t})=>t.colors.black),_=i.div.withConfig({componentId:"sc-1ug33r6-3"})(["font-size:18px;line-height:27px;color:",";margin:0 16px 32px;"],({theme:t})=>t.colors.black),R=i.div.withConfig({componentId:"sc-1ug33r6-4"})(["text-align:center;"]),D=i.div.withConfig({componentId:"sc-1ug33r6-5"})(["padding:0 16px;min-height:200px;p,span{font-size:18px;text-align:left;line-height:150%;}code{margin:14px 0 0;color:",";font-weight:400;font-size:22px;line-height:135%;padding-left:24px;border-left:2px solid ",";display:block;}h1{font-size:48px;}h2{font-size:32px;line-height:42px;font-weight:500;margin:0 auto 16px;}h3{font-size:22px;font-weight:500;line-height:37px;margin:0 auto 12px;}.builder-text a{font-weight:600;font-size:18px;line-height:135%;text-decoration-line:underline;color:",";}img{border-radius:12px;}","{padding:32px 194px;}"],({theme:t})=>t.colors.mainPink,({theme:t})=>t.colors.mainPink,({theme:t})=>t.colors.primary,x()),N=i.div.withConfig({componentId:"sc-1ug33r6-6"})(["background-color:",";height:1px;width:calc(100% - 50px);margin:0 auto 16px;","{width:100%;margin-bottom:40px;}"],({theme:t})=>t.colors.grayMedium,r()),M=i.div.withConfig({componentId:"sc-1ug33r6-7"})(["display:flex;flex-direction:column;align-items:center;gap:42px;margin-bottom:32px;","{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:75px;overflow-x:auto;}","{grid-template-columns:repeat(4,1fr);gap:0;}"],r(),l()),O=i.div.withConfig({componentId:"sc-1ug33r6-8"})(["font-size:24px;font-weight:500;line-height:41px;text-align:center;margin-bottom:16px;","{margin-bottom:20px;}"],l()),$=i(f).withConfig({componentId:"sc-1vk1os2-0"})(["margin-top:8px;margin-left:16px;user-select:none;","{margin-top:12px;margin-left:0;}"],r()),m=i(w).withConfig({componentId:"sc-1vk1os2-1"})(["font-size:16px;line-height:27px;text-decoration:none;color:",";margin-top:10px;"],({theme:t})=>t.colors.grayDark),G=i.div.withConfig({componentId:"sc-1vk1os2-2"})(["font-size:16px;line-height:27px;color:",";max-width:100px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;","{max-width:120px;}"],({theme:t})=>t.colors.black,r()),U=i(B).withConfig({componentId:"sc-1vk1os2-3"})(["color:",";transform:rotate(-90deg);"],({theme:t})=>t.colors.grayDark);function F({title:t,tagName:e,tagHandle:a}){const n=()=>{c.track(h.BLOG_ARTICLE_BREADCRUMBS_TAPPED)};return o.jsxs($,{"aria-label":"breadcrumb",separator:o.jsx(U,{}),children:[o.jsx(m,{to:g,onClick:n,children:"Blog"}),o.jsx(m,{to:`${g}/${a}`,onClick:n,children:e}),o.jsx(G,{children:t})]})}function V({article:t,popularArticles:e}){const a=b();return C.useEffect(()=>{c.trackScreenView(L.BLOG_ARTICLE,{"Article ID":t.data.handle,"Article Name":t.data.title})}

1,[t]),o.jsxs(y,{children:[o.jsx(I,{color:a.colors.grayBackgroundWhite}),o.jsx(A,{backgroundColor:"transparent"}),o.jsx(F,{title:t.data.title,tagHandle:t.data.tag.value.data.handle,tagName:t.data.tag.value.data.name}),o.jsxs(R,{children:[o.jsx(z,{children:t.data.title}),o.jsx(_,{children:t.data.previewText}),o.jsx(S,{$src:t.data.image}),o.jsx(D,{children:o.jsx(k,{options:{includeRefs:!0},model:"blog-article",content:t})})]}),o.jsx(N,{}),o.jsx(O,{children:"Popular Articles"}),o.jsx(M,{children:e.map((n,s)=>o.jsx(E,{article:n,onClick:()=>{c.track(h.BLOG_POPULAR_ARTICLE_TAPPED,{"Article ID":n.data.handle,"Article Name":n.data.title,"Article Index":s,"Article Count":e.length})}}))}),o.jsx(j,{})]})}function et(){const{article:t,popularArticles:e}=v();return o.jsx(V,{article:t,popularArticles:e})}const it=T(t=>{var p,d;const{data:e,params:a}=t,{category:n}=a,s=P((e==null?void 0:e.tags)||[],n),u=((d=(p=e==null?void 0:e.article)==null?void 0:p.data)==null?void 0:d.title)??"";return[{title:`${s} - ${u} - Mixtiles - Blog`}]});export{et as default,it as meta};
2//# sourceMappingURL=blog._category._article.D1XfiHCC.main.js.map