https://kinuskikissa.fi/6318.efc87e85c879ffe8.js

1"use strict";(self.webpackChunkKinuskikissa=self.webpackChunkKinuskikissa||[]).push([[6318],{8120:(w,v,a)=>{a.d(v,{E:()=>C});var i=a(5879),h=a(7852),f=a(8165),s=a(6814);function M(g,u){if(1&g&&i._UZ(0,"source",4),2&g){const c=i.oxw();i.Q6J("src",c.video.file.url,i.LSH)}}const x=function(g){return{landscape:g}};let C=(()=>{var g;class u{constructor(e){this.modalController=e,this.landscape=!1}ngOnInit(){this.landscape=this.video.file&&this.video.file.width>this.video.file.height}dismiss(){this.modalController.dismiss({dismissed:!0})}}return(g=u).\u0275fac=function(e){return new(e||g)(i.Y36(h.IN))},g.\u0275cmp=i.Xpm({type:g,selectors:[["app-recipe-video"]],inputs:{video:"video"},decls:5,vars:4,consts:[[1,"container"],[3,"dismiss"],["controls","",3,"ngClass"],["type","video/mp4",3,"src",4,"ngIf"],["type","video/mp4",3,"src"]],template:function(e,m){1&e&&(i.TgZ(0,"div",0)(1,"app-close-button",1),i.NdJ("dismiss",function(){return m.dismiss()}),i.qZA(),i.TgZ(2,"div")(3,"video",2),i.YNc(4,M,1,1,"source",3),i.qZA()()()),2&e&&(i.xp6(3),i.Q6J("ngClass",i.VKq(2,x,m.landscape)),i.xp6(1),i.Q6J("ngIf",m.video.file))},dependencies:[f.G,s.mk,s.O5],styles:["video[_ngcontent-%COMP%]{height:100vh}@media (max-width: 576px){video[_ngcontent-%COMP%]{height:auto;width:100vw}}.landscape[_ngcontent-%COMP%]{height:auto;width:90vw}"]}),u})()},6318:(w,v,a)=>{a.r(v),a.d(v,{VideosPageModule:()=>F});var i=a(6814),h=a(95),f=a(5495),s=a(7852),M=a(5861),x=a(1394),C=a(9400),g=a(8120),u=a(8660),c=a(5167),e=a(5879),m=a(4221),_=a(9539),O=a(8750);function T(n,d){if(1&n&&(e.TgZ(0,"ion-img",4),e.NdJ("ionError",function(t){return t.target.src="/assets/images/kinuskikissa.png"}),e.qZA()),2&n){const r=e.oxw();e.Q6J("src",r.video.image?r.video.image.url:"")("alt",r.video.name)}}function V(n,d){if(1&n&&e._UZ(0,"img",5),2&n){const r=e.oxw();e.Q6J("src",r.video.image.url,e.LSH)("alt",r.video.name)}}const Z=function(n,d){return{"mobile-bottom-padding":n,"mobile-no-margin":d}},E=function(n,d){return{"ion-card-title-ios":n,"ion-card-title-margin":d}};let I=(()=>{var n;class d{constructor(t){this.deviceService=t,this.size="small",this.color="light-red",this.showExcerpt=!1,this.isBrowser=!0,this.isMobile=!1,this.isSafari=!1,this.isBrowser=typeof window<"u"}

1ngOnInit(){const t=this.deviceService.getDeviceInfo();this.isMobile=this.deviceService.isMobile()||this.deviceService.isTablet(),this.isSafari=("iOS"===t.os||"Mac"===t.os)&&this.isMobile}}return(n=d).\u0275fac=function(t){return new(t||n)(e.Y36(O.x0))},n.\u0275cmp=e.Xpm({type:n,selectors:[["app-video-card"]],inputs:{video:"video",size:"size",color:"color",showExcerpt:"showExcerpt"},decls:6,vars:20,consts:[[3,"ngClass"],[3,"src","alt","ionError",4,"ngIf"],[3,"src","alt",4,"ngIf"],[3,"ngClass","innerHTML"],[3,"src","alt","ionError"],[3,"src","alt"]],template:function(t,o){1&t&&(e.TgZ(0,"ion-card",0)(1,"ion-card-content"),e.YNc(2,T,1,2,"ion-img",1),e.YNc(3,V,1,2,"img",2),e.qZA(),e.TgZ(4,"ion-card-header"),e._UZ(5,"ion-card-title",3),e.qZA()()),2&t&&(e.Gre("",o.color,"-card-bg"),e.ekj("small",o.size&&"small"==o.size)("medium",o.size&&"medium"==o.size)("large",o.size&&"large"==o.size),e.Q6J("ngClass",e.WLB(14,Z,!o.size||o.size&&"large"!=o.size,o.size&&"large"===o.size)),e.xp6(2),e.Q6J("ngIf",o.isBrowser),e.xp6(1),e.Q6J("ngIf",!o.isBrowser),e.xp6(2),e.Q6J("ngClass",e.WLB(17,E,o.isSafari,o.isSafari&&o.video.name.length<52))("innerHTML",o.video.name,e.oJD))},dependencies:[s.PM,s.FN,s.Zi,s.Dq,s.Xz,i.mk,i.O5],styles:["[_nghost-%COMP%]{--card-height: 270px;--card-width: 192px;--max-height: 50px;--max-width: var(--card-width);--card-padding: 26px;--card-header-color: var(--kk-light-red);vertical-align:top;cursor:pointer}@media (max-width: 576px){[_nghost-%COMP%]{--card-height: 226px;--card-width: 160px;--max-height: 50px}ion-card[_ngcontent-%COMP%]   ion-card-header[_ngcontent-%COMP%]{padding-left:10px;padding-right:10px}.mobile-bottom-padding[_ngcontent-%COMP%]{padding-bottom:30px}.margin-right-40[_ngcontent-%COMP%]{margin-right:40px}}@media (max-width: 400px){[_nghost-%COMP%]{--card-height: 226px;--card-width: 155px;--max-height: 50px}.mobile-bottom-padding[_ngcontent-%COMP%]{padding-bottom:30px}}@media (max-width: 576px){.mobile-no-margin[_ngcontent-%COMP%]{margin:auto auto 20px}}.light-red-card-bg[_ngcontent-%COMP%]{background-color:var(--kk-light-red-card-bg);--card-header-color: var(--kk-light-red)}.light-blue-card-bg[_ngcontent-%COMP%]{background-color:var(--kk-light-blue);--card-header-color: var(--kk-light-blue)}.light-brown-card-bg[_ngcontent-%COMP%]{background-color:var(--kk-light-brown-card-bg);--card-header-color: var(--kk-light-brown-card-bg)}.white-card-bg[_ngcontent-%COMP%]{background-color:#fff;--card-header-color: white}ion-card[_ngcontent-%COMP%]{min-height:var(--card-height);min-width:var(--card-width);max-width:var(--max-width);overflow:hidden;display:inline-block;margin:0 20px 20px 0;border-radius:15px}@media (max-width: 389px){ion-card[_ngcontent-%COMP%]{margin-right:0}}ion-card[_ngcontent-%COMP%]   ion-card-content[_ngcontent-%COMP%]{height:var(--card-width);min-height:var(--card-width);max-height:var(--card-width);overflow:hidden;padding:0}ion-card[_ngcontent-%COMP%]   ion-card-content[_ngcontent-%COMP%]   ion-img[_ngcontent-%COMP%], ion-card[_ngcontent-%COMP%]   ion-card-content[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{height:100%;object-fit:cover}ion-card[_ngcontent-%COMP%]   ion-card-header[_ngcontent-%COMP%]{max-height:var(--max-height)}ion-card[_ngcontent-%COMP%]   ion-card-title[_ngcontent-%COMP%]{font-weight:700;font-size:14px;color:var(--ion-color-primary);max-height:var(--max-height);overflow:hidden}ion-card[_ngcontent-%COMP%]   .ion-card-title-ios[_ngcontent-%COMP%]{padding-top:14px;position:absolute;top:0}@media (max-width: 576px){ion-card[_ngcontent-%COMP%]   .ion-card-title-ios[_ngcontent-%COMP%]{padding-top:6px}}ion-card[_ngcontent-%COMP%]   .ion-card-title-margin[_ngcontent-%COMP%]{padding-top:14px}ion-card[_ngcontent-%COMP%]   ion-badge[_ngcontent-%COMP%]{font-size:14px;width:32px;height:32px;border-radius:50%;text-align:center;line-height:28px}ion-card[_ngcontent-%COMP%]   .icon-container[_ngcontent-%COMP%]{position:absolute;right:10px;top:-16px}ion-card[_ngcontent-%COMP%]   .contains_video[_ngcontent-%COMP%]{border:1px solid var(--ion-color-primary);margin-right:4px}ion-card[_ngcontent-%COMP%]   .comment_count[_ngcontent-%COMP%]{background-color:var(--kk-pink)}

1ion-card.large[_ngcontent-%COMP%]{--card-width: 95%}ion-card.large[_ngcontent-%COMP%]   ion-card-header[_ngcontent-%COMP%]{width:100%;background:var(--card-header-color);opacity:.9}@media (max-width: 768px){ion-card.large[_ngcontent-%COMP%]{--card-width: 100%}}ion-card[_ngcontent-%COMP%]   .excerpt[_ngcontent-%COMP%]{color:var(--ion-color-primary);height:36px;max-height:36px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}"]}),d})();var S=a(3194);function J(n,d){if(1&n&&(e.TgZ(0,"option",16),e._uU(1),e.qZA()),2&n){const r=d.$implicit;e.Q6J("value",r.id),e.xp6(1),e.Oqu(r.name)}}let A=(()=>{var n;class d{get keyword(){return this._keyword}set keyword(t){this._keyword=t,""===t&&this.doSearch()}constructor(t){this.store=t}ngOnInit(){this.jarjestysOptions=S.hP,this.selectedOrder=this.jarjestysOptions[0].id}keyPressed(t){13===t&&this.doSearch()}orderBySelectedOrder(t){this.selectedOrder!==t.target.value&&(this.selectedOrder=t.target.value,this.doSearch())}doSearch(){this.store.dispatch(new x.Hg({keyword:this.keyword,orderBy:this.selectedOrder}))}clearFilters(){this.keyword=""}}return(n=d).\u0275fac=function(t){return new(t||n)(e.Y36(m.yh))},n.\u0275cmp=e.Xpm({type:n,selectors:[["app-video-search"]],decls:20,vars:4,consts:[[1,"search-popover","noTopPadding"],[1,"header-decoration","ion-hide-sm-down"],[1,"light-brown"],[1,"max-width-content","ion-padding-vertical"],[1,"ion-padding-top"],[1,"keywordDiv"],[1,"editedCard"],["clearInput","","placeholder","Sy\xf6t\xe4 hakusana",3,"ngModel","ngModelChange","keypress"],[1,"video-keyword-search-button",3,"click"],["title","Haku","src","../../../assets/images/search.svg"],["size","12",1,"jarjestys-filter"],[1,"one-line"],[1,"one-line",3,"change"],[3,"value",4,"ngFor","ngForOf"],["name","chevron-down-outline"],["color","secondary",1,"one-line",3,"click"],[3,"value"]],template:function(t,o){1&t&&(e.TgZ(0,"div",0)(1,"div",1),e._uU(2,"\xa0"),e.qZA(),e.TgZ(3,"div",2)(4,"div",3)(5,"h1",4),e._uU(6,"Videohaku"),e.qZA(),e.TgZ(7,"span",5)(8,"ion-card",6)(9,"ion-input",7),e.NdJ("ngModelChange",function(p){return o.keyword=p})("keypress",function(p){return o.keyPressed(p.keyCode)}),e.qZA()(),e.TgZ(10,"button",8),e.NdJ("click",function(){return o.doSearch()}),e._UZ(11,"ion-img",9),e.qZA()(),e.TgZ(12,"span",10)(13,"span",11),e._uU(14,"J\xe4rjestys"),e.qZA(),e.TgZ(15,"select",12),e.NdJ("change",function(p){return o.orderBySelectedOrder(p)}),e.YNc(16,J,2,2,"option",13),e.qZA(),e._UZ(17,"ion-icon",14),e.qZA(),e.TgZ(18,"ion-button",15),e.NdJ("click",function(){return o.clearFilters()}),e._uU(19,"Tyhjenn\xe4 ehdot"),e.qZA()()()()),2&t&&(e.xp6(8),e.ekj("filter",!0),e.xp6(1),e.Q6J("ngModel",o.keyword),e.xp6(7),e.Q6J("ngForOf",o.jarjestysOptions))},dependencies:[i.sg,h.YN,h.Kr,h.JJ,h.On,s.YG,s.PM,s.gu,s.Xz,s.pK,s.j9],styles:["[_nghost-%COMP%]{--filter-card-width: 200px;position:relative;top:35px}@media screen and (max-width: 576px){[_nghost-%COMP%]{--filter-card-width: 90%}}ion-input[_ngcontent-%COMP%]{height:48px;--padding-start: 20px}ion-button[_ngcontent-%COMP%]{height:48px;margin:0 10px 0 0}@media screen and (min-width: 577px){ion-button[_ngcontent-%COMP%]{margin-top:-15px}}ion-card.filter[_ngcontent-%COMP%]{margin:0 26px 10px 0;vertical-align:top;display:inline-block;width:var(--filter-card-width);box-shadow:none;min-height:48px;padding-top:2px}ion-card.filter[_ngcontent-%COMP%]   ion-item[_ngcontent-%COMP%]   ion-select[_ngcontent-%COMP%]{--padding-start: 99px}@media screen and (max-width: 576px){ion-card.filter[_ngcontent-%COMP%]{margin-right:0}}.noTopPadding[_ngcontent-%COMP%]{margin-top:-30px}.jarjestys-filter[_ngcontent-%COMP%]{margin:0 26px 10px 0;height:210px;color:var(--ion-color-primary);white-space:nowrap}.jarjestys-filter[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{padding-right:10px}@media screen and (max-width: 576px){.jarjestys-filter[_ngcontent-%COMP%]{margin-right:0}}select[_ngcontent-%COMP%]{margin-bottom:10px;border:none;border-radius:5px;padding:8px;background-color:#fff;width:var(--filter-card-width);height:50px}@media screen and (max-width: 576px){select[_ngcontent-%COMP%]{width:60%}}ion-icon[name=chevron-down-outline][_ngcontent-%COMP%]{pointer-events:none;font-size:1.5rem;color:var(--kk-pink);padding:10px;margin-left:-45px;margin-top:2px;background:white;position:absolute;z-index:10}.one-line[_ngcontent-%COMP%]{top:-20px;position:relative}@media screen and (max-width: 576px){.one-line[_ngcontent-%COMP%]{margin-top:5px;width:75%}}@media screen and (max-width: 576px){.one-line[_ngcontent-%COMP%]{top:-7px}}@media (max-width: 474px){.one-line[_ngcontent-%COMP%]{width:70%}}@media (max-width: 336px){.one-line[_ngcontent-%COMP%]{width:65%}}.keywordDiv[_ngcontent-%COMP%]{margin-right:24px}.video-keyword-search-button[_ngcontent-%COMP%]{height:50px;background-color:var(--kk-pink);padding-left:10px;padding-right:10px;border-top-right-radius:4px;border-bottom-right-radius:4px}.editedCard[_ngcontent-%COMP%]{--filter-card-width: 165px;margin-right:0!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important}@media (max-width: 576px){.editedCard[_ngcontent-%COMP%]{--filter-card-width: 83%}}@media (max-width: 474px){.editedCard[_ngcontent-%COMP%]{--filter-card-width: 78%}}@media (max-width: 336px){.editedCard[_ngcontent-%COMP%]{--filter-card-width: 73%}}"]}),d})();function L(n,d){1&n&&e._UZ(0,"img",6)}function D(n,d){1&n&&(e.ynx(0),e._uU(1,"ta"),e.BQk())}const Q=function(n){return{"margin-right-30":n}};function U(n,d){if(1&n){const r=e.EpF();e.ynx(0),e.TgZ(1,"app-video-card",9),e.NdJ("click",function(){const l=e.CHM(r).$implicit,p=e.oxw(2);return e.KtG(p.openVideoModal(l.id))}),e.qZA(),e.BQk()}if(2&n){const r=d.$implicit,t=d.index;e.xp6(1),e.Q6J("ngClass",e.VKq(2,Q,t%2==0))("video",r)}}function B(n,d){if(1&n&&(e.ynx(0),e.TgZ(1,"p",7),e._uU(2),e.YNc(3,D,2,0,"ng-container",4),e.qZA(),e.YNc(4,U,2,4,"ng-container",8),e.BQk()),2&n){const r=e.oxw();e.xp6(2),e.hij(" L\xf6ytyi yhteens\xe4 ",r.videos.length," video"),e.xp6(1),e.Q6J("ngIf",r.videos.length>1),e.xp6(1),e.Q6J("ngForOf",r.videos)}}function z(n,d){1&n&&(e.TgZ(0,"p",7),e._uU(1,"Videoita ei l\xf6ytynyt!"),e.qZA())}let j=(()=>{var n;class d{constructor(t,o,l){var p=this;this.store=t,this.modalController=o,this.metaDataService=l,this.videos$=this.store.select(C.WY),this.isLoadingVideos$=this.store.select(C.P1),this.subs=[],this.openVideoModal=function(){var K=(0,M.Z)(function*(y){let k=p.videos.find(b=>b.id===y),P=yield p.modalController.create({component:g.E,componentProps:{video:k},cssClass:"recipe-video-modal"});return P.onDidDismiss().then(b=>{P=null,k=null}),yield P.present()});return function(y){return K.apply(this,arguments)}}()}ngOnInit(){this.store.dispatch(new x.Hg({orderBy:"id"}));const t=this.videos$.subscribe(l=>{this.videos=l}),o=this.isLoadingVideos$.subscribe(l=>{this.isLoadingVideos=l});this.subs.push(t),this.subs.push(o),this.metaDataService.setMetadata({title:"Videohaku | Kinuskikissa | Suomen suosituin leivontayhteis\xf6",keywords:"kinuskikissa, videot, videohaku",description:"Hakusivun kautta voit helposti l\xf6yt\xe4\xe4 videoista sinulle sopivat osumat.",url:"videot"})}ngOnDestroy(){(0,u.r)(this.subs)}}return(n=d).\u0275fac=function(t){return new(t||n)(e.Y36(m.yh),e.Y36(s.IN),e.Y36(c.G))},n.\u0275cmp=e.Xpm({type:n,selectors:[["app-videos"]],decls:8,vars:3,consts:[[1,"kk-content-div"],[1,"content-bg"],[1,"max-width-content","ion-padding-vertical"],["class","loading-cat","src","../../../assets/images/loading-cat.gif",4,"ngIf"],[4,"ngIf"],["class","content-text ion-padding ion-text-center bg-white",4,"ngIf"],["src","../../../assets/images/loading-cat.gif",1,"loading-cat"],[1,"content-text","ion-padding","ion-text-center","bg-white"],[4,"ngFor","ngForOf"],[3,"ngClass","video","click"]],template:function(t,o){1&t&&(e.TgZ(0,"div",0)(1,"div",1),e._UZ(2,"app-header-logo")(3,"a

1pp-video-search"),e.TgZ(4,"div",2),e.YNc(5,L,1,0,"img",3),e.YNc(6,B,5,3,"ng-container",4),e.YNc(7,z,2,0,"p",5),e.qZA()()()),2&t&&(e.xp6(5),e.Q6J("ngIf",o.isLoadingVideos),e.xp6(1),e.Q6J("ngIf",!!o.videos.length),e.xp6(1),e.Q6J("ngIf",!o.isLoadingVideos&&!o.videos.length))},dependencies:[i.mk,i.sg,i.O5,_.P,I,A],styles:[".loading-cat[_ngcontent-%COMP%]{position:relative;left:50%;transform:translate(-50%)}@media (max-width: 576px){.margin-right-30[_ngcontent-%COMP%]{margin-right:30px}}@media (max-width: 409px){.margin-right-30[_ngcontent-%COMP%]{margin-right:20px}}"]}),d})();var N=a(3755);const Y=[{path:"",component:j}];let F=(()=>{var n;class d{}return(n=d).\u0275fac=function(t){return new(t||n)},n.\u0275mod=e.oAB({type:n}),n.\u0275inj=e.cJS({imports:[i.ez,h.u5,s.Pc,f.Bz.forChild(Y),N.m]}),d})()},9539:(w,v,a)=>{a.d(v,{P:()=>u});var i=a(5879),h=a(8750),f=a(7852),s=a(6814),M=a(5495);function x(c,e){1&c&&i._UZ(0,"img",4),2&c&&i.Q6J("alt","Kinuskikissa")}function C(c,e){1&c&&i._UZ(0,"img",5),2&c&&i.Q6J("alt","Kinuskikissa")}const g=function(){return["/"]};let u=(()=>{var c;class e{constructor(_){this.deviceService=_,this.isMobile=!1}ngOnInit(){this.isMobile=typeof window<"u"&&window.innerWidth<=576}}return(c=e).\u0275fac=function(_){return new(_||c)(i.Y36(h.x0))},c.\u0275cmp=i.Xpm({type:c,selectors:[["app-header-logo"]],decls:4,vars:4,consts:[[1,"max-width-content","header_image_wrapper"],[3,"routerLink"],["src","../assets/images/header.png",3,"alt",4,"ngIf"],["src","../assets/images/header-mobiili.png",3,"alt",4,"ngIf"],["src","../assets/images/header.png",3,"alt"],["src","../assets/images/header-mobiili.png",3,"alt"]],template:function(_,O){1&_&&(i.TgZ(0,"div",0)(1,"a",1),i.YNc(2,x,1,1,"img",2),i.YNc(3,C,1,1,"img",3),i.qZA()()),2&_&&(i.xp6(1),i.Q6J("routerLink",i.DdM(3,g)),i.xp6(1),i.Q6J("ngIf",!O.isMobile),i.xp6(1),i.Q6J("ngIf",O.isMobile))},dependencies:[f.Fo,s.O5,M.rH],styles:[".header_image_wrapper[_ngcontent-%COMP%]{text-align:center}@media print{[_nghost-%COMP%]{display:none}}"]}),e})()}}]);