https://www.iltalehti.fi/assets/TelkkuCarouselEmbed.34fae9aa3.chunk.js

1(self.webpackChunk=self.webpackChunk||[]).push([[4514],{82e3(e,t,r){var o;o=e=>(()=>{var t={540:e=>{e.exports=function(e){var t=document.createElement("style");return e.setAttributes(t,e.attributes),e.insert(t,e.options),t}},1113:e=>{e.exports=function(e,t){if(t.styleSheet)t.styleSheet.cssText=e;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(e))}}},1601:e=>{e.exports=function(e){return e[1]}},2036:(e,t,r)=>{r.r(t),r.d(t,{default:()=>v});var o=r(5072),n=r.n(o),a=r(7825),l=r.n(a),s=r(7659),c=r.n(s),i=r(5056),u=r.n(i),d=r(540),m=r.n(d),k=r(1113),f=r.n(k),p=r(7229),b={};b.styleTagTransform=f(),b.setAttributes=u(),b.insert=c().bind(null,"head"),b.domAPI=l(),b.insertStyleElement=m(),n()(p.A,b);const v=p.A&&p.A.locals?p.A.locals:void 0},5056:(e,t,r)=>{e.exports=function(e){var t=r.nc;t&&e.setAttribute("nonce",t)}},5072:e=>{var t=[];function r(e){for(var r=-1,o=0;o<t.length;o++)if(t[o].identifier===e){r=o;break}return r}function o(e,o){for(var a={},l=[],s=0;s<e.length;s++){var c=e[s],i=o.base?c[0]+o.base:c[0],u=a[i]||0,d="".concat(i," ").concat(u);a[i]=u+1;var m=r(d),k={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(-1!==m)t[m].references++,t[m].updater(k);else{var f=n(k,o);o.byIndex=s,t.splice(s,0,{identifier:d,updater:f,references:1})}l.push(d)}return l}function n(e,t){var r=t.domAPI(t);return r.update(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap&&t.supports===e.supports&&t.layer===e.layer)return;r.update(e=t)}else r.remove()}}e.exports=function(e,n){var a=o(e=e||[],n=n||{});return function(e){e=e||[];for(var l=0;l<a.length;l++){var s=r(a[l]);t[s].references--}for(var c=o(e,n),i=0;i<a.length;i++){var u=r(a[i]);0===t[u].references&&(t[u].updater(),t.splice(u,1))}a=c}}},6314:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var r="",o=void 0!==t[5];return t[4]&&(r+="@supports (".concat(t[4],") {")),t[2]&&(r+="@media ".concat(t[2]," {")),o&&(r+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),r+=e(t),o&&(r+="}"),t[2]&&(r+="}"),t[4]&&(r+="}"),r}).join("")},t.i=function(e,r,o,n,a){"string"==typeof e&&(e=[[null,e,void 0]]);var l={};if(o)for(var s=0;s<this.length;s++){var c=this[s][0];null!=c&&(l[c]=!0)}for(var i=0;i<e.length;i++){var u=[].concat(e[i]);o&&l[u[0]]||(void 0!==a&&(void 0===u[5]||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=a),r&&(u[2]?(u[1]="@media ".concat(u[2]," {").concat(u[1],"}"),u[2]=r):u[2]=r),n&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=n):u[4]="".concat(n)),t.push(u))}},t}},7229:(e,t,r)=>{r.d(t,{A:()=>s});var o=r(1601),n=r.n(o),a=r(6314),l=r.n(a)()(n());l.push([e.id,'.telkku-carousel-alma-embed{--telkku-carousel-embed-bg-color: #fff;--telkku-carousel-embed-text-color: #222;--telkku-carousel-embed-secondary-text-color: #666;--telkku-carousel-embed-border-color: #ddd;background-color:var(--telkku-carousel-embed-bg-color);font-family:"Bernina Sans Condensed",sans-serif;position:relative;border-top:1px solid var(--telkku-carousel-embed-border-color);margin:0 14px}.telkku-carousel-alma-embed .telkku-carousel-header{color:var(--telkku-carousel-embed-text-color);font-size:18px;font-weight:700;margin:7px 0}.telkku-carousel-alma-embed .telkku-carousel-recommendations{display:flex;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.telkku-carousel-alma-embed .telkku-carousel-recommendations::-webkit-scrollbar{display:none}.telkku-carousel-alma-embed .telkku-carousel-recommendation{display:flex;flex-direction:column;margin:0 7px 0 0;text-decoration:none !important;line-height:1.1}.telkku-carousel-alma-embed .telkku-carousel-image{border-radius:6px;width:auto;height:80px;margin:0 0 7px}.telkku-carousel-alma-embed .telkku-carousel-title{color:var(--telkku-carousel-embed-text-color);font-size:16px;font-weight:700;width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 0 4px}.telkku-carousel-alma-embed .telkku-carousel-title:visited{color:var(--telkku-carousel-embed-text-color)}.telkku-carousel-alma-embed .telkku-carousel-details{color:var(--telkku-carousel-embed-secondary-text-color);font-size:14px;font-weight:600}.telkku-carousel-alma-embed .telkku-carousel-details:visited{color:var(--telkku-carousel-embed-secondary-text-color)}.telkku-carousel-alma-embed .telkku-carousel-buttons{display:none}@media screen and (min-width: 640px){.telkku-carousel-alma-embed .telkku-carousel-buttons{display:flex;pointer-events:none;position:absolute;top:62px;width:100%}}html.theme-light .telkku-carousel-alma-embed{--telkku-carousel-embed-bg-color: #fff;--telkku-carousel-embed-text-color: #222;--telkku-carousel-embed-secondary-text-color: #666;--telkku-carousel-embed-border-color: #ddd}html.theme-dark .telkku-carousel-alma-embed{--telkku-carousel-embed-bg-color: #2b2b2b;--telkku-carousel-embed-text-color: #fff;--telkku-carousel-embed-secondary-text-color: #ccc;--telkku-carousel-embed-border-color: #666}@media(prefers-color-scheme: dark){.telkku-carousel-alma-embed{--telkku-carousel-embed-bg-color: #2b2b2b;--telkku-carousel-embed-text-color: #fff;--telkku-carousel-embed-secondary-text-color: #ccc;--telkku-carousel-embed-border-color: #666}}

1.telkku-carousel-scroll-button{cursor:pointer;pointer-events:all;border:none;background-color:rgba(0,0,0,0);z-index:1000}.telkku-carousel-scroll-button svg{stroke:#fff;filter:drop-shadow(0 2px 2px rgba(0, 0, 0, 0.5019607843));pointer-events:none;height:30px;width:30px}.telkku-carousel-scroll-button.hidden{display:none}.telkku-carousel-scroll-button.right{margin-left:auto;transform:scaleX(-1)}@font-face{font-family:"Bernina Sans Condensed";font-weight:600;src:url("https://assets.ilcdn.fi/BerninaSans-Web-CondensedSemibold.woff2") format("woff2"),url("https://assets.ilcdn.fi/BerninaSans-Web-CondensedSemibold.woff") format("woff");font-display:fallback}@font-face{font-family:"Bernina Sans Condensed";font-weight:700;src:url("https://assets.ilcdn.fi/BerninaSans-Web-CondensedBold.woff2") format("woff2"),url("https://assets.ilcdn.fi/BerninaSans-Web-CondensedBold.woff") format("woff");font-display:fallback}',""]);const s=l},7659:e=>{var t={};e.exports=function(e,r){var o=function(e){if(void 0===t[e]){var r=document.querySelector(e);if(window.HTMLIFrameElement&&r instanceof window.HTMLIFrameElement)try{r=r.contentDocument.head}catch(e){r=null}t[e]=r}return t[e]}(e);if(!o)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");o.appendChild(r)}},7825:e=>{e.exports=function(e){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var t=e.insertStyleElement(e);return{update:function(r){!function(e,t,r){var o="";r.supports&&(o+="@supports (".concat(r.supports,") {")),r.media&&(o+="@media ".concat(r.media," {"));var n=void 0!==r.layer;n&&(o+="@layer".concat(r.layer.length>0?" ".concat(r.layer):""," {")),o+=r.css,n&&(o+="}"),r.media&&(o+="}"),r.supports&&(o+="}");var a=r.sourceMap;a&&"undefined"!=typeof btoa&&(o+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),t.styleTagTransform(o,e,t.options)}(t,e,r)},remove:function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(t)}}}},9155:t=>{t.exports=e}},r={};function o(e){var n=r[e];if(void 0!==n)return n.exports;var a=r[e]={id:e,exports:{}};return t[e](a,a.exports,o),a.exports}o.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t},o.d=(e,t)=>{for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.nc=void 0;var n={};o.r(n),o.d(n,{TelkkuCarousel:()=>k});var a=o(9155),l=o.n(a);const s=()=>l().createElement("svg",{viewBox:"0 0 16 27",fill:"none",stroke:"#0000",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round"},l().createElement("path",{d:"M 13.83634,25.2857 2.2470096,13.4999 13.83634,1.71423"})),c=({direction:e,isVisible:t,handleClick:r})=>l().createElement("button",{className:`telkku-carousel-scroll-button ${e}\n   ${t?"":"hidden"}\n      `,onClick:r},l().createElement(s,null)),i={dev:"https://il-telkku-api.dev.il.fi/v1/recommendations",prod:"https://il-telkku-api.prod.il.fi/v1/recommendations"},u=(e,t)=>{const{slug:r,programId:o,id:n}=e;return r&&o&&n?`ohjelmat/${r}/${o}?pub=${n}${t||""}`:""},d=(e,t)=>{try{window.loadGAFromSite&&window.sendCustomGA4Event?window.sendCustomGA4Event({eventName:e,eventDimensions:t}):(window.dataLayer||[]).push({...t,event:"sendGAEvent",eventName:e})}catch{}},m=({TelkkuLink:e,path:t,className:r,onClick:o,children:n,category:a})=>{const s=`${e?"/telkku":"https://www.iltalehti.fi/telkku"}${t}`;return e?l().createElement(e,{category:a,className:`telkku-embed-link ${r||""}`,to:s,onClick:o},n):l().createElement("a",{className:`telkku-embed-link ${r||""}`,href:s,target:"_blank",rel:"noreferrer",onClick:o},n)},k=(f=({TelkkuLink:e,env:t="prod"})=>{const[r,o]=(0,a.useState)(void 0),[n,s]=(0,a.useState)(0),[k,f]=(0,a.useState)(0),p=(0,a.useRef)(null);(0,a.useEffect)(()=>{(async()=>{try{const e=await(async(e,t)=>{if(!t||!(t in i))throw new Error(`Invalid env: ${t||"undefined"}`);const r=await fetch(`${i[t]}?limit=10`);if(!r.ok)throw new Error("Fetch failed");return(await r.json()).response})(0,t);o(e)}catch(e){console.error(e)}})(),p.current&&f(p.current.offsetWidth)},[t]);const b=e=>{p.current&&p.current.scrollBy({left:e,behavior:"smooth"}),v(e>0?"Right":"Left")},v=e=>{d("TelkkuArticleBottomCarousel",{eventAction:"ClickArrow",eventLabel:e})},h=k/137,g=137*Math.floor(h);return l().createElement("div",{className:"telkku-carousel-alma-embed"},l().createElement("div",{className:"telkku-carousel-header"},"Suosittelemme päivän TV-ohjelmista"),l().createElement("div",{className:"telkku-carousel-buttons"},l().createElement(c,{direction:"left",isVisible:0!==n,handleClick:()=>b(-g)}),l().createElement(c,{direction:"right",isVisible:!!r&&Math.round(n)<137*(r.length-h),handleClick:()=>b(g)})),l().createElement("div",{className:"telkku-carousel-recommendations",ref:p,onScroll:()=>{if(p.current){const{scrollLeft:e}=p.current;s(e)}}},r?.map((t,r)=>{return l().createElement(a.Fragment,{key:`telkku-carousel-${t.id}`},l().createElement(m,{TelkkuLink:e,path:`/${u(t)}`,onClick:()=>((e,t)=>{d("TelkkuArticleBottomCarousel",{eventAction:"ClickProgram",eventLabel:e,containerIndex:t+1})})(t.title,r),className:"telkku-carousel-recommendation",category:"telkku-program"},l().createElement("img",{className:"telkku-carousel-image",src:(n=t,n.images&&Object.values(n.images).find(e=>"244x152"===e.sizeTag)?.url||"https://assets.ilcdn.fi/79d535c2cc5109f0333c188d5c566e27bccd4d1cfe230641578407202595d687.png")}),l().createElement("div",{className:"telkku-carousel-title"},t.title||""),l().createElement("div",{className:"telkku-carousel-details"},(o=t.startTime)?new Date(o).toLocaleTimeString("fi-FI",{hour:"numeric",minute:"numeric"}).replace(".",":"):"",","," ",t.channelName||"")));var o,n})))},function(e){const[t,r]=(0,a.useState)(!1);return(0,a.useEffect)(()=>{o(2036),r(!0)},[]),t?l().createElement(f,{...e}):null});var f;return n})(),e.exports=o(r(96540))}}]);
2//# sourceMappingURL=TelkkuCarouselEmbed.34fae9aa3.chunk.js.map