https://www.biklo.ro/_next/static/chunks/pages/embed/feed/[token]-mv1cv4lj.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1477],{83836:function(e,r,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/embed/feed/[token]",function(){return t(25187)}])},25187:function(e,r,t){"use strict";t.r(r),t.d(r,{__N_SSP:function(){return h}});var n=t(85893),i=t(67294),a=t(9008),l=t.n(a),s=t(57280),d=t(91358);let o=()=>{try{if(document.referrer)return new URL(document.referrer).hostname}catch(e){}try{let e=window.location.ancestorOrigins;if(e&&e.length)return new URL(e[0]).hostname}catch(e){}return""},c=e=>String(e||"").replace(/<[^>]*>/g," ").replace(/&nbsp;/g," ").replace(/&amp;/g,"&").replace(/&lt;/g,"<").replace(/&gt;/g,">").replace(/&quot;/g,'"').replace(/&#39;/g,"'").replace(/\s+/g," ").trim(),m=(e,r,t)=>e<r?r:e>t?t:e,p=e=>{let{ok:r,feed:t,ads:a,preview:p,trackUrl:h}=e,u=(0,i.useRef)(null),f=(0,i.useRef)(null),x=(0,i.useRef)(!1),g=(e,r)=>{if(h&&!p)try{let t=JSON.stringify({event:e,host:o(),...r||{}}),n=new Blob([t],{type:"text/plain"});navigator.sendBeacon?navigator.sendBeacon(h,n):fetch(h,{method:"POST",body:n,keepalive:!0,mode:"no-cors"}).catch(()=>{})}catch(e){}},[b,w]=(0,i.useState)({feed:t,ads:a});(0,i.useEffect)(()=>{if(!p)return;let e=e=>{let r=null==e?void 0:e.data;r&&"biklo-embed-preview"===r.type&&r.feed&&w({feed:r.feed,ads:Array.isArray(r.ads)?r.ads:[]})};return window.addEventListener("message",e),window.parent&&window.parent.postMessage({type:"biklo-embed-preview-ready"},"*"),()=>window.removeEventListener("message",e)},[p]),(0,i.useEffect)(()=>{if(!window.parent)return;let e=()=>{let e=f.current;if(!e)return;let r=Math.ceil(e.getBoundingClientRect().height);window.parent.postMessage({type:"biklo-embed-resize",height:r},"*")};e();let r=null;return f.current&&"undefined"!=typeof ResizeObserver&&(r=new ResizeObserver(()=>e())).observe(f.current),window.addEventListener("resize",e),()=>{r&&r.disconnect(),window.removeEventListener("resize",e)}});let v=p?b.feed:r?t:null,y=p?b.ads:a;if((0,i.useEffect)(()=>{!p&&h&&!x.current&&v&&0!==y.length&&(x.current=!0,g("load"))}),!v)return(0,n.jsx)("div",{className:"flex items-center justify-center min-h-[200px] text-sm text-gray-400",children:p?"…":""});let _=m(v.cards_per_view||5,1,6),k=m(v.cards_per_view_tablet||3,1,6),j=m(v.cards_per_view_mobile||1,1,6),N="grid"===v.display_mode||"cards"===v.display_mode?v.display_mode:"carousel",L="carousel"===N,E=L&&y.length>j,C=v.background||"#ffffff",S="shadow"===v.arrow_variant?"shadow":"fill",B=v.view_all,M="\n		.embed-track { --per: ".concat(j,"; }\n		@media (min-width: 640px) { .embed-track { --per: ").concat(k,"; } }\n		@media (min-width: 1024px) { .embed-track { --per: ").concat(_,"; } }\n		.embed-card { flex: 0 0 calc((100% - (var(--per) - 1) * 12px) / var(--per)); min-width: 0; }\n		.embed-track::-webkit-scrollbar { display: none; }\n		/* Grid = wrapping rows of --per columns; Cards = larger auto-fit tiles. */\n		.embed-grid { display: grid; gap: 12px; grid-template-columns: repeat(").concat(j,", minmax(0, 1fr)); }\n		@media (min-width: 640px) { .embed-grid { grid-template-columns: repeat(").concat(k,", minmax(0, 1fr)); } }\n		@media (min-width: 1024px) { .embed-grid { grid-template-columns: repeat(").concat(_,", minmax(0, 1fr)); } }\n		.embed-cards { display: grid; gap: 16px; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }\n		.embed-rich a { color: #04a9b5; text-decoration: underline; }\n		.embed-rich strong, .embed-rich b { font-weight: 700; }\n		.embed-rich em, .embed-rich i { font-style: italic; }\n		.embed-rich ul { list-style: disc; padding-left: 1.25rem; }\n		.embed-rich ol { list-style: decimal; padding-left: 1.25rem; }\n		.embed-rich p { margin: 0; }\n		.embed-rich p + p { margin-top: 0.35rem; }\n	"),R=e=>{let r=u.current;r&&r.scrollBy({left:e*r.clientWidth*.8,behavior:"smooth"})},O="shadow"===S?"bg-white text-gray-800 border border-gray-200 shadow-[0_8px_22px_rgba(15,23,42,0.18)] hover:bg-gray-50":"bg-dirtbike-main text-white border-2 border-white/90 shadow-[0_6px_18px_rgba(4,169,181,0.4)] hover:brightness-95",z=e=>{let{dir:r,children:t}=e;return(0,n.jsx)("button",{type:"button","aria-label":-1===r?"Previous":"Next",onClick:()=>R(r),className:"shrink-0 self-center flex items-center justify-center w-11 h-11 rounded-full active:scale-95 transition ".concat(O),children:t})},T=(0,n.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2.2,strokeLinecap:"round",strokeLinejoin:"round",className:"w-[22px] h-[22px]",children:(0,n.jsx)("path",{d:"M15.75 19.5 8.25 12l7.5-7.5"})}),P=(0,n.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2.2,strokeLinecap:"round",strokeLinejoin:"round",className:"w-[22px] h-[22px]",children:(0,n.jsx)("path",{d:"m8.25 4.5 7.5 7.5-7.5 7.5"})}),W=(e,r)=>{var t;return(0,n.jsx)("div",{className:"embed-card snap-start flex flex-col",onClick:r=>{var t,n;let i=null===(n=r.target)||void 0===n?void 0:null===(t=n.closest)||void 0===t?void 0:t.call(n,"a");g("product_click",{post_id:Number(e.id)||0,link:i?i.href:void 0})},children:(0,n.jsx)(s.Z,{ad:e,index:r,displayMode:".grid-view",embed:!0})},null!==(t=e.id)&&void 0!==t?t:r)};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(l(),{children:[(0,n.jsx)("title",{children:c(v.title)||"Biklo"}),(0,n.jsx)("base",{target:"_blank"}),(0,n.jsx)("meta",{name:"robots",content:"noindex"}),(0,n.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1"}),(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:M}})]}),(0,n.jsxs)("div",{ref:f,className:"w-full px-3 py-4",style:{backgroundColor:C},children:[(v.title||v.description)&&(0,n.jsxs)("div",{className:"mb-3",children:[v.title&&(0,n.jsx)("h2",{className:"embed-rich text-xl md:text-2xl font-bold text-gray-900",dangerouslySetInnerHTML:{__html:v.title}}

1),v.description&&(0,n.jsx)("div",{className:"embed-rich mt-1 text-sm text-gray-500",dangerouslySetInnerHTML:{__html:v.description}})]}),L?(0,n.jsxs)("div",{className:"flex items-stretch gap-2.5",children:[E&&(0,n.jsx)(z,{dir:-1,children:T}),(0,n.jsx)("div",{ref:u,className:"embed-track flex-1 min-w-0 flex items-stretch gap-3 overflow-x-auto scroll-smooth snap-x snap-mandatory px-1 py-6",style:{scrollbarWidth:"none"},children:y.map(W)}),E&&(0,n.jsx)(z,{dir:1,children:P})]}):(0,n.jsx)("div",{className:"".concat("cards"===N?"embed-cards":"embed-grid"," py-4"),children:y.map(W)}),B&&B.enabled&&B.link&&(0,n.jsx)("div",{className:"mt-4 flex justify-center",children:(0,n.jsx)(d.Z,{as:"a",href:B.link,variant:B.variant,color:B.color,size:"lg",onClick:()=>g("view_all"),children:B.label})})]})]})};p.getLayout=e=>e;var h=!0;r.default=p}},function(e){e.O(0,[2888,9774,179],function(){return e(e.s=83836)}),_N_E=e.O()}]);