https://kitchenvalley.co.kr/3924-4aa1adf280dc136e7714.js

1"use strict";(self.webpackChunkcloudkitchens=self.webpackChunkcloudkitchens||[]).push([[3924],{1238:function(e,t,l){l.d(t,{z:function(){return r}});const a="Document",i="Media",n="Web",r=(e,t)=>{if(!e)return null;const l="link_type"in e?e:{link_type:a,id:(r=e).id,uid:r.uid??void 0,type:r.type,tags:r.tags,lang:r.lang,url:r.url??void 0,slug:null==(o=r.slugs)?void 0:o[0],...r.data&&Object.keys(r.data).length>0?{data:r.data}:{}};var r,o;switch(l.link_type){case i:case n:return"url"in l?l.url:null;case a:if("id"in l&&t){const e=t(l);if(null!=e)return e}return"url"in l&&l.url?l.url:null;default:return null}}},43924:function(e,t,l){l.r(t),l.d(t,{default:function(){return k}});var a=l(11855),i=l(80111),n=l(34317),r=l(1238),o=l(87663),c=l(29019),s=l.n(c),d=l(94304),m=l(66117),u=l(6788);const v=d.default.section.withConfig({displayName:"CKBlockVideoSlice__Section",componentId:"sc-jw8hlm-0"})([".video--thumb-wrap{cursor:pointer;.btn--play{position:absolute;top:50%;inset-inline-start:50%;margin:-25px 0 0 -25px;}}.video--thumb{position:relative;overflow:hidden;img{object-fit:cover;position:absolute;height:100%;inset-inline-start:0;top:0;transition:all 0.3s linear 0s;width:100%;}&:hover img{transform:scale(1.025);}}.video--icon{height:auto;max-height:26px;max-width:100px;width:auto;}"]),p=a.createElement("svg",{width:"50",height:"50",viewBox:"0 0 50 50",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"absolute bottom-0 left-0 right-0 top-0 m-auto"},a.createElement("ellipse",{cx:"25.0221",cy:"24.9772",rx:"24.7536",ry:"24.7536",fill:"white"}),a.createElement("path",{d:"M30.7349 24.9772L22.6953 19.8089L22.6953 30.1455L30.7349 24.9772Z",fill:"#3D3D3D"})),g=a.createElement("svg",{version:"1.1",id:"Layer_1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 16",width:"12px",height:"16px",className:"mr-3 inline-block"},a.createElement("rect",{className:"volume--bar-1",x:"10",y:"9",fill:"#1F1F1D",width:"2",height:"7"}),a.createElement("rect",{className:"volume--bar-2",x:"5",fill:"#1F1F1D",width:"2",height:"16"}),a.createElement("rect",{className:"volume--bar-3",y:"6",fill:"#1F1F1D",width:"2",height:"10"})),h=a.createElement("svg",{width:"12",height:"12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.createElement("path",{fill:"#1F1F1D",d:"M1.774 11.265L.612 10.102l9.499-9.5 1.162 1.163z"}),a.createElement("path",{fill:"#1F1F1D",d:"M.61 1.765L1.771.603l9.5 9.499-1.163 1.162z"}));function f(e){var t,l;let{slice:i}=e;(0,m.A)("#block-video .fade-up");const{0:c,1:d}=(0,a.useState)(!1),{primary:f}=i,b=e=>{var t;if(null==f||null===(t=f.video)||void 0===t||!t.url)return;const l=document.querySelector("html"),a=document.querySelector(".wrapper"),i=document.querySelector(".nav--holder"),n=document.querySelector("html.is-scroll-disabled"),r=document.querySelector("#video--player");if(n){const e=a.style.top;d(!1),l.classList.remove("is-scroll-disabled"),a.style.top="",window.scrollTo(0,-1*parseInt(e||"0")),null==i||i.classList.remove("nav-up"),r.pause()}else d(!0),r.src=e.currentTarget.dataset.src,r.play(),i.classList.add("nav-up"),setTimeout(function(){a.style.top=`-${document.documentElement.scrollTop}px`,l.classList.add("is-scroll-disabled")},500),setTimeout(function(){i.classList.add("nav-up")},1e3)};return a.createElement(v,{id:"block-video"},a.createElement("div",{className:"container py-5 md:py-6 lg:pt-10"},(null==f||null===(t=f.eyebrow)||void 0===t?void 0:t.richText)&&a.createElement("div",{className:"mb-3 lg:mb-5"},a.createElement("div",{className:"eyebrow color--primary fade-up"},"/ ",(0,n.e)(null==f||null===(l=f.eyebrow)||void 0===l?void 0:l.richText))),a.createElement("div",{className:"mb-3 grid grid-cols-4 md:mb-5 md:grid-cols-8 lg:mb-6 lg:grid-cols-12"},a.createElement("div",{className:"col-span-4 md:col-span-8 lg:hidden"},a.createElement("div",{className:"h2 color--primary mb-4"},a.createElement(o.$,{field:f.heading.richText})),a.createElement("div",{className:"mb-3 md:hidden"},a.createElement(o.$,{field:f.content.richText}))),a.createElement("div",{className:"relative z-10 col-span-4 md:col-span-4 lg:col-span-7"},a.createElement("div",{className:"relative"},a.createElement("a",{onClick:b,"data-src":(0,r.z)(f.video)},a.createElement("img",{className:"h-auto w-full",src:f.image.url,alt:f.image.alt,title:f.image_title}),p))),a.createElement("div",{className:"fade-up col-span-4 md:col-span-3 md:col-start-6 lg:col-span-3 lg:col-start-9"},a.createElement("div",{className:"h2 color--primary mb-4 hidden lg:block"},a.createElement(o.$,{field:f.heading.richText})),a.createElement("div",{className:"hidden md:block"},a.createElement(o.$,{field:f.content.richText})),a.createElement("div",{className:"mt-2"},a.createElement(u.$n,{globalTypeform:!0},(0,n.e)(null==f?void 0:f.button_text)))))),a.createElement("div",{className:s()("modal modal--video modal--video--testimonials",{"is-active":c})},a.createElement("div",{className:"container absolute left-0 right-0 top-0 z-20 pt-2"},a.createElement("div",{className:"grid grid-cols-2 items-center"},a.createElement("div",null,a.createElement("p",{className:"eyebrow color--black mb-0 flex hidden items-end md:block"},g," ",a.createElement("span",null,"Best Served with Volume"))),a.createElement("div",{className:"col-start-2 text-right"},a.createElement("a",{onClick:b,className:"inline-block","data-src":(0,r.z)(f.video)},h)))),a.createElement("div",{className:"video--holder"},a.createElement("video",{id:"video--player","data-src":(0,r.z)(f.video),type:"video/mp4",controls:!0}))))}var b=l(55366),E=l(48851),w=l(75721),y=l.p+"static/bg--video-b9d039b945e2fe4764fb13d47bba4b76.jpg";const x=d.default.section.withConfig({displayName:"EntitiesBlockVideoSlice__Section",componentId:"sc-1he5o69-0"})(["overflow:hidden;.bg--video{display:flex;align-items:flex-end;justify-content:flex-end;background-image:",";background-position-x:center;background-repeat:no-repeat;background-size:cover;@media ","{min-height:450px;}@media ","{min-height:650px;}}.btn--play{position:absolute;top:80px;inset-inline-start:0;inset-inline-end:0;margin:auto;@media ","{top:0;bottom:0;}

1path{fill:var(--grey-6);}}.bg--right{position:relative;background:var(--primary);&::after{position:absolute;z-index:1;width:100%;content:'';bottom:0;height:100%;inset-inline-end:-98%;width:100%;background:var(--primary);}","}.video--holder{height:0;padding-bottom:56%;background:linear-gradient( 180deg,var(--grey-2) 0,var(--grey-2) 50%,var(--primary) 50%,var(--primary) 100% );video{margin-inline-start:32px;}@media ","{padding-bottom:67%;}@media ","{height:calc(100vh - 68px);min-height:620px;padding-bottom:0;background:none;video{margin-inline-start:0;}}}.modal{background:var(--black);.video--holder{video{bottom:0;margin:auto;object-fit:contain;height:auto;@media ","{object-fit:cover;height:100%;}}}}"],e=>{let{backgroundUrl:t,hasVideoBackground:l}=e;return l?"none":t?`url(${t})`:`url(${y})`},E.$.mdUp,E.$.lgUp,E.$.mdUp,e=>{let{siteTag:t}=e;return"site:profood-solutions"===t&&(0,d.css)(["background:var(--primary);&::after{background:var(--primary);}"])},E.$.mdUp,E.$.lgUp,E.$.lgUp);var N=e=>{var t,l,n,r,o,c;let{slice:d,sliceIndex:u}=e;const{siteTag:v}=(0,i.Sz)();(0,m.A)((0===u?"#non-existent-id":"#block-video")+" .fade-up");const[p,g]=a.useState(!1),h=a.useRef(null),f=a.useRef(null),{primary:E}=d,y=(null==E?void 0:E.box_size)||"default";a.useEffect(()=>{var e,t;const l=()=>{var e;return null==f||null===(e=f.current)||void 0===e?void 0:e.classList.add("video--playing")},a=()=>{var e;return null==f||null===(e=f.current)||void 0===e?void 0:e.classList.remove("video--playing")};return null==h||null===(e=h.current)||void 0===e||e.addEventListener("playing",l),null==h||null===(t=h.current)||void 0===t||t.addEventListener("pause",a),()=>{var e,t;null==h||null===(e=h.current)||void 0===e||e.removeEventListener("playing",l),null==h||null===(t=h.current)||void 0===t||t.removeEventListener("pause",a)}},[]);const N=()=>{var e;if(null==E||null===(e=E.video)||void 0===e||!e.url)return;const t=document.querySelector("html"),l=document.querySelector(".wrapper"),a=document.querySelector(".nav--holder");if(document.querySelector("html.is-scroll-disabled")){var i;g(!1),null==t||t.classList.remove("is-scroll-disabled");const e=null==l?void 0:l.style.top;l&&(l.style.top=""),window.scrollTo(0,-1*parseInt(e||"0")),null==a||a.classList.remove("nav-up"),null==h||null===(i=h.current)||void 0===i||i.pause()}else{var n;g(!0),null==h||null===(n=h.current)||void 0===n||n.play(),null==a||a.classList.add("nav-up"),setTimeout(function(){l&&(l.style.top=`-${document.documentElement.scrollTop}px`),null==t||t.classList.add("is-scroll-disabled")},500),setTimeout(function(){null==a||a.classList.add("nav-up")},1e3)}},k=null==E||null===(t=E.background_video)||void 0===t?void 0:t.url;return a.createElement(x,{id:"block-video",siteTag:v,hasVideoBackground:k,className:"relative",backgroundUrl:null==E||null===(l=E.image)||void 0===l?void 0:l.url},k&&a.createElement("div",{className:"relative right-0 top-0 z-0 h-0 sm-down:-mb-16 md:absolute md:w-full"},a.createElement("video",{className:"mx-auto",poster:null==E||null===(n=E.image)||void 0===n?void 0:n.url,muted:!0,loop:!0,autoPlay:!0,playsInline:!0},a.createElement("source",{src:null==E||null===(r=E.background_video)||void 0===r?void 0:r.url,type:"video/mp4"}))),a.createElement("div",{className:"holder--video relative"},a.createElement("div",{className:"bg--video"},(null==E||null===(o=E.video)||void 0===o?void 0:o.url)&&a.createElement("a",{className:"btn--play color--white",onClick:N,"data-src":E.video.url},a.createElement("svg",{width:"14",height:"19",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.756 9.503L.669 18.379V.627l13.087 8.876z"}))),a.createElement("div",{className:"container"},a.createElement("div",{className:"mt-60 grid grid-cols-4 sm-down:ps-4 md:mt-0 md:grid-cols-8 lg:grid-cols-12"},a.createElement("div",{className:s()("bg--accent-1 bg--right col-span-4",{"md:col-span-3 md:col-start-6 lg:col-span-6 lg:col-start-7 xl:col-span-5 xl:col-start-8":"default"===y,"md:col-span-4 md:col-start-5 lg:col-span-6 lg:col-start-7 xl:col-span-5 xl:col-start-8":"medium"===y})},a.createElement("div",{className:"py-8 ps-8 lg:py-16 lg:ps-16"},a.createElement(w.A,{sliceIndex:u,className:"h2 color--white fade-up mb-8 pe-2"},a.createElement(b.V,{field:E.heading.richText})),a.createElement("p",{className:"color--white fade-up mb-0 pe-1"},a.createElement(b.V,{field:E.content.richText})))))))),a.createElement("div",{ref:f,className:(p?"is-active":"")+" modal modal--video modal--video--testimonials"},a.createElement("div",{className:"container absolute left-0 right-0 top-0 z-20 pt-6"},a.createElement("div",{className:"grid grid-cols-2 items-center"},a.createElement("div",null,a.createElement("p",{className:"eyebrow color--white mb-0 flex hidden items-end md:block"},a.createElement("svg",{version:"1.1",id:"Layer_1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 16",width:"12px",height:"16px",className:"mr-3 inline-block"},a.createElement("rect",{className:"volume--bar-1",x:"10",y:"9",fill:"#fff",width:"2",height:"7"}),a.createElement("rect",{className:"volume--bar-2",x:"5",fill:"#fff",width:"2",height:"16"}),a.createElement("rect",{className:"volume--bar-3",y:"6",fill:"#fff",width:"2",height:"10"}))," ",a.createElement("span",null,"Best Served with Volume"))),a.createElement("div",{className:"col-start-2 text-right"},a.createElement("a",{onClick:N,className:"inline-block"},a.createElement("svg",{width:"12",height:"12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.createElement("path",{fill:"#fff",d:"M1.774 11.265L.612 10.102l9.499-9.5 1.162 1.163z"}),a.createElement("path",{fill:"#fff",d:"M.61 1.765L1.771.603l9.5 9.499-1.163 1.162z"})))))),a.createElement("div",{className:"video--holder"},a.createElement("video",{ref:h,src:null===(c=E.video)||void 0===c?void 0:c.url,type:"video/mp4",controls:!0}))))};function k(e){let{slice:t,sliceIndex:l}=e;const{siteTag:n}=(0,i.Sz)();return"site:cloudkitchens"!==n?a.createElement(N,{slice:t,sliceIndex:l}):a.createElement(f,{slice:t,sliceIndex:l})}},75721:function(e,t,l){var a=l(11855);t.A=e=>{let{sliceIndex:t,children:l,...i}=e;return 0===t?a.createElement("h1",i,l):a.createElement("h2",i,l)}}}]);
2//# sourceMappingURL=3924-4aa1adf280dc136e7714.js.map