https://kitchenvalley.co.kr/848-910e6c3570f67cbc0b22.js

1(self.webpackChunkcloudkitchens=self.webpackChunkcloudkitchens||[]).push([[848],{8875:function(e,t,r){"use strict";t.A=r.p+"static/image--taco-01-1cb5e0bf456ed028dc8f4474019ba175.jpg"},10848:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return h}});var i=r(35367),n=r(34317),a=r(92984),o=r(11855),l=r(87075),s=r.n(l),c=r(94304),d=r(89894),u=r(8875),p=r(80111),g=r(48851);const m=c.default.section.withConfig({displayName:"BlockComparisonImageSlice__Section",componentId:"sc-zs16cx-0"})(["position:relative;.specs-slider--height,.specs-slider--height [data-testid='container']{height:400px !important;overflow:hidden;@media (min-width:1024px){height:520px !important;}@media ","{height:583px !important;}}#specs-slider{opacity:0;&.is-active{opacity:1;}}.spec-slider-bg{position:absolute;height:100%;width:100%;background:#45423b;img{opacity:0.45;}}.nav--specs{border-bottom:1px solid var(--grey-3);ul{display:flex;}a{position:relative;color:var(--grey-5);overflow:hidden;&::before{position:absolute;content:'';bottom:0;width:100%;inset-inline-start:-100%;height:2px;background:var(--primary);transition:all 0.15s linear;}&.is-active{color:var(--grey-6);&::before{inset-inline-start:0;}}}}.btn--specs{background:var(--white);background-image:url(\"data:image/svg+xml,%3Csvg width='22' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.07 1.624L14.658 3.04l4.242 4.242-4.242 4.243 1.414 1.414 4.243-4.243 1.414-1.414-5.657-5.657z' fill='%23fff'/%3E%3Cmask id='a' maskUnits='userSpaceOnUse' x='14' y='1' width='8' height='12'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.07 1.624L14.658 3.04l4.242 4.242-4.242 4.243 1.414 1.414 4.243-4.243 1.414-1.414-5.657-5.657z' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%2344433F' d='M1-6.203h30v30H1z'/%3E%3C/g%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.93 1.624L7.342 3.04 3.101 7.28l4.242 4.243-1.414 1.414-4.243-4.243L.272 7.281 5.93 1.624z' fill='%23fff'/%3E%3Cmask id='b' maskUnits='userSpaceOnUse' x='0' y='1' width='8' height='12'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.93 1.624L7.342 3.04 3.101 7.28l4.242 4.243-1.414 1.414-4.243-4.243L.272 7.281 5.93 1.624z' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23b)'%3E%3Cpath fill='%2344433F' d='M21-6.203H-9v30h30z'/%3E%3C/g%3E%3C/svg%3E\");background-position:center;background-repeat:no-repeat;border-radius:50%;height:66px;width:66px;}"],g.$.xlUp);function h(e){var t;let{slice:r}=e;const{primary:l,items:c}=r,{comparison_image:g}=l,{siteTag:h}=(0,p.Sz)(),{0:f,1:b}=(0,o.useState)((0,n.e)(c[0].category.richText));function v(e){const t=e.currentTarget,{id:r}=t.dataset;b(r);const i=document.querySelector('[data-testid="right-image"]'),a=c.find(e=>(0,n.e)(e.category.richText)===r);i.src=a.category_image.url}return(0,o.useEffect)(()=>{document.querySelectorAll("#block-comparison-image-slice .fade-up").forEach(function(e){a.gsap.from(e,{scrollTrigger:{trigger:e,start:"top 90%"},duration:.5,opacity:"0",y:"20%"})})},[]),o.createElement(m,{id:"block-comparison-image-slice",className:"bg--grey-2"},o.createElement("div",{className:"container"},o.createElement("div",{className:"fade-up md:mb-25 my-20 grid hidden grid-cols-4 md:block md:grid-cols-8 lg:grid-cols-12"},o.createElement("div",{className:"col-span-8 lg:col-span-10 lg:col-start-2"},o.createElement("div",{className:"specs-slider--height"},i.h2.image(g)&&i.h2.image(null===(t=c[0])||void 0===t?void 0:t.category_image)?o.createElement(s(),{leftImage:g.url,rightImage:c[0].category_image.url,sliderLineWidth:0,handle:o.createElement("button",{type:"button",className:"btn--specs"})}):o.createElement(s(),{leftImage:d.A,rightImage:u.A,sliderLineWidth:0,handle:o.createElement("button",{type:"button",className:"btn--specs"})})),"site:smartinfra"!==h&&o.createElement("div",{className:"nav--specs flex items-center justify-between"},o.createElement("ul",null,c.map((e,t)=>{const{category:r}=e;return o.createElement("li",{key:t,className:"inline-block"},o.createElement("a",{onClick:v,"data-id":(0,n.e)(r.richText),className:"eyebrow mr-6 block pb-8 pt-12 lg:mr-12 "+(f===(0,n.e)(r.richText)?"is-active":"")},(0,n.e)(r.richText)))})),o.createElement("p",{className:"tiny color--grey-4 equipment mb-0 text-right"},"* Equipment shown is for illustrative purposes only and may vary per facility and by actual equipment you bring."))))))}},87075:function(e,t,r){(()=>{"use strict";var t={n:e=>

1{var r=e&&e.__esModule?()=>e.default:()=>e;return t.d(r,{a:r}),r},d:(e,r)=>{for(var i in r)t.o(r,i)&&!t.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:r[i]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},i={};t.r(i),t.d(i,{default:()=>c});const n=r(11855);var a=t.n(n);function o(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,i)}return r}function l(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?o(Object(r),!0).forEach(function(t){s(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):o(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function s(e,t,r){return(t=function(e){var t=function(e){if("object"!=typeof e||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const c=e=>{const{aspectRatio:t="taller",handle:r=null,handleSize:i=40,hover:o=!1,leftImage:s,leftImageAlt:c="",leftImageCss:d={},leftImageLabel:u=null,onSliderPositionChange:p=()=>{},rightImage:g,rightImageAlt:m="",rightImageCss:h={},rightImageLabel:f=null,skeleton:b=null,sliderLineColor:v="#ffffff",sliderLineWidth:x=2,sliderPositionPercentage:y=.5,vertical:w=!1}=e,E=!w,[L,k]=(0,n.useState)(y),[C,S]=(0,n.useState)(0),[O,j]=(0,n.useState)(0),[$,I]=(0,n.useState)(!1),[P,z]=(0,n.useState)(!1),[N,A]=(0,n.use

1State)(!1),M=(0,n.useRef)(null),R=(0,n.useRef)(null),T=(0,n.useRef)(null);(0,n.useEffect)(()=>{const e=M.current,t=new ResizeObserver(e=>{let[t,...r]=e;const i=t.target.getBoundingClientRect().width;S(i)});return t.observe(e),()=>t.disconnect()},[]),(0,n.useEffect)(()=>(T.current.complete&&I(!0),()=>{I(!1)}),[s]),(0,n.useEffect)(()=>(R.current.complete&&z(!0),()=>{z(!1)}),[g]);const _=P&&$;(0,n.useEffect)(()=>{const e=e=>{const t=e||window.event,r=t.touches?t.touches[0].pageX:t.pageX,i=t.touches?t.touches[0].pageY:t.pageY,n=r-window.pageXOffset,a=i-window.pageYOffset,o=R.current.getBoundingClientRect();let l=E?n-o.left:a-o.top;const s=0+x/2,c=E?C-x/2:O-x/2;l<s&&(l=s),l>c&&(l=c),k(E?l/C:l/O),p&&p(E?l/C:l/O)},r=t=>{A(!0),"touches"in t||t.preventDefault(),e(t),window.addEventListener("mousemove",e),window.addEventListener("touchmove",e)},i=()=>{A(!1),window.removeEventListener("mousemove",e),window.removeEventListener("touchmove",e)},n=M.current;if(_){n.addEventListener("touchstart",r),window.addEventListener("touchend",i),o?(n.addEventListener("mousemove",e),n.addEventListener("mouseleave",i)):(n.addEventListener("mousedown",r),window.addEventListener("mouseup",i));const a=T.current.naturalHeight/T.current.naturalWidth,l=R.current.naturalHeight/R.current.naturalWidth,s="taller"===t?Math.max(a,l):Math.min(a,l);j(C*s)}return()=>{n.removeEventListener("touchstart",r),window.removeEventListener("touchend",i),n.removeEventListener("mousemove",e),n.removeEventListener("mouseleave",i),n.removeEventListener("mousedown",r),window.removeEventListener("mouseup",i),window.removeEventListener("mousemove",e),window.removeEventListener("touchmove",e)}},[_,t,O,C,E,o,x,w]);const D={container:{boxSizing:"border-box",position:"relative",width:"100%",height:`${O}px`,overflow:"hidden"},rightImage:l({clip:E?`rect(auto, auto, auto, ${C*L}px)`:`rect(${O*L}px, auto, auto, auto)`,display:"block",height:"100%",objectFit:"cover",position:"absolute",width:"100%"},h),leftImage:l({clip:E?`rect(auto, ${C*L}px, auto, auto)`:`rect(auto, auto, ${O*L}px, auto)`,display:"block",height:"100%",objectFit:"cover",position:"absolute",width:"100%"},d),slider:{alignItems:"center",cursor:!o&&E?"ew-resize":!o&&!E&&"ns-resize",display:"flex",flexDirection:E?"column":"row",height:E?"100%":`${i}px`,justifyContent:"center",left:E?C*L-i/2+"px":0,position:"absolute",top:E?0:O*L-i/2+"px",width:E?`${i}px`:"100%"},line:{background:v,boxShadow:"0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)",flex:"0 1 auto",height:E?"100%":`${x}px`,width:E?`${x}px`:"100%"},handleCustom:{alignItems:"center",boxSizing:"border-box",display:"flex",flex:"1 0 auto",height:"auto",justifyContent:"center",width:"auto"},handleDefault:{alignItems:"center",border:`${x}px solid ${v}`,borderRadius:"100%",boxShadow:"0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)",boxSizing:"border-box",display:"flex",flex:"1 0 auto",height:`${i}px`,justifyContent:"center",width:`${i}px`,transform:E?"none":"rotate(90deg)"},leftArrow:{border:`inset ${.15*i}px rgba(0,0,0,0)`,borderRight:`${.15*i}px solid ${v}`,height:"0px",marginLeft:`-${.25*i}px`,marginRight:.25*i+"px",width:"0px"},rightArrow:{border:`inset ${.15*i}px rgba(0,0,0,0)`,borderLeft:`${.15*i}px solid ${v}`,height:"0px",marginRight:`-${.25*i}px`,width:"0px"},leftLabel:{background:"rgba(0, 0, 0, 0.5)",color:"white",left:E?"5%":"50%",opacity:N?0:1,padding:"10px 20px",position:"absolute",top:E?"50%":"3%",transform:E?"translate(0,-50%)":"translate(-50%, 0)",transition:"opacity 0.1s ease-out"},rightLabel:{background:"rgba(0, 0, 0, 0.5)",color:"white",opacity:N?0:1,padding:"10px 20px",position:"absolute",left:E?null:"50%",right:E?"5%":null,top:E?"50%":null,bottom:E?null:"3%",transform:E?"translate(0,-50%)":"translate(-50%, 0)",transition:"opacity 0.1s ease-out"},leftLabelContainer:{clip:E?`rect(auto, ${C*L}px, auto, auto)`:`rect(auto, auto, ${O*L}px, auto)`,height:"100%",position:"absolute",width:"100%"},rightLabelContainer:{clip:E?`rect(auto, auto, auto, ${C*L}px)`:`rect(${O*L}px, auto, auto, auto)`,height:"100%",position:"absolute",width:"100%"}};return a().createElement(a().Fragment,null,b&&!_&&a().createElement("div",{style:l({},D.container)},b),a().createElement("div",{style:l(l({},D.container),{},{display:_?"block":"none"}),ref:M,"data-testid":"container"},a().createElement("img",{onLoad:()=>z(!0),alt:m,"data-testid":"right-image",ref:R,src:g,style:D.rightImage}),a().createElement("img",{onLoad:()=>I(!0),alt:c,"data-testid":"left-image",ref:T,src:s,style:D.leftImage}),a().createElement("div",{style:D.slider},a().createElement("div",{style:D.line}),r?a().createElement("div",{style:D.handleCustom},r):a().createElement("div",{style:D.handleDefault},a().createElement("div",{style:D.leftArrow}),a().createElement("div",{style:D.rightArrow})),a().createElement("div",{style:D.line})),u&&a().createElement("div",{style:D.leftLabelContainer},a().createElement("div",{style:D.leftLabel},u)),f&&a().createElement("div",{style:D.rightLabelContainer},a().createElement("div",{style:D.rightLabel},f))))};e.exports=i})()},89894:function(e,t,r){"use strict";t.A=r.p+"static/image--blank-01-c182198c58bb1667e8748b8a2ece8805.jpg"}}

1]);
2//# sourceMappingURL=848-910e6c3570f67cbc0b22.js.map