https://www.asiabooks.com/en/73.f2561673d2d6f3198da6.js

1/*! @version pwa-studio: 0.0.1, @magento/venia-ui: ~11.7.0, @magento/upward-security-headers: ~1.1.18, @magento/pwa-theme-venia: ~2.4.0, @magento/pwa-buildpack: ~11.5.3, @magento/peregrine: ~15.5.2, @magento/pagebuilder: ~9.3.5, @magento/eslint-config: ~1.5.0, @magento/babel-preset-peregrine: ~1.3.3, @apollo/client: ~3.5.0 */
2(window.webpackJsonp=window.webpackJsonp||[]).push([[73],{MFF0:function(e,t,n){"use strict"
3var r=n("JPst"),o=n.n(r)()(function(e){return e[1]})
4o.push([e.i,"/**\n * Full-height edge strips: ::after lives on .edgePrev / .edgeNext (not on the 42px button),\n * so height follows the slider root (top: 0; bottom: 0).\n */\n\n.sliderArrowButtons-edgePrev-L0V,\n.sliderArrowButtons-edgeNext-B00 {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: 10;\n  width: min(17.5rem, 50vw);\n  display: flex;\n  align-items: center;\n  /*\n   * Pass clicks through to banner links; .circleButton uses pointer-events: auto.\n   * Gradient visibility uses JS (pointermove + getBoundingClientRect), not :hover.\n   */\n  pointer-events: none;\n}\n\n.sliderArrowButtons-edgePrev-L0V {\n  left: 0;\n  justify-content: flex-start;\n}\n\n.sliderArrowButtons-edgeNext-B00 {\n  right: 0;\n  justify-content: flex-end;\n}\n\n/* Empty / slick not ready: whole strip (Figma). Child buttons use opacity 1 so it does not stack. */\n.sliderArrowButtons-edgeInactive-ZOp {\n  opacity: 0.5;\n}\n\n.sliderArrowButtons-edgePrev-L0V::after,\n.sliderArrowButtons-edgeNext-B00::after {\n  content: '';\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: 100%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n  z-index: 0;\n}\n\n.sliderArrowButtons-edgePrev-L0V::after {\n  left: 0;\n  background: linear-gradient(90deg, #000 12.86%, rgba(0, 0, 0, 0) 97.93%);\n}\n\n.sliderArrowButtons-edgeNext-B00::after {\n  right: 0;\n  background: linear-gradient(270deg, #000 12.86%, rgba(0, 0, 0, 0) 97.93%);\n}\n\n@supports (color: color(display-p3 0 0 0)) {\n  .sliderArrowButtons-edgePrev-L0V::after {\n    background: linear-gradient(\n      90deg,\n      color(display-p3 0 0 0) 12.86%,\n      color(display-p3 0 0 0 / 0) 97.93%\n    );\n  }\n\n  .sliderArrowButtons-edgeNext-B00::after {\n    background: linear-gradient(\n      270deg,\n      color(display-p3 0 0 0) 12.86%,\n      color(display-p3 0 0 0 / 0) 97.93%\n    );\n  }\n}\n\n.sliderArrowButtons-edgeGradientVisible-dlj::after {\n  opacity: 0.5;\n}\n\n/*\n * No ::after on .circleButton — overlay is .edgePrev/.edgeNext::after only.\n */\n.sliderArrowButtons-circleButton-btd {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 9999px;\n  height: 42px;\n  width: 42px;\n  border-width: 1.5px;\n  --tw-border-opacity: 1;\n  border-color: rgb(228 231 229 / var(--tw-border-opacity, 1));\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n}\n.sliderArrowButtons-circleButton-btd:hover {\n  --tw-border-opacity: 1;\n  border-color: rgb(0 181 78 / var(--tw-border-opacity, 1));\n  --tw-bg-opacity: 1;\n  background-color: rgb(0 181 78 / var(--tw-bg-opacity, 1));\n}\n.sliderArrowButtons-circleButton-btd {\n  --tw-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);

4\n  --tw-shadow-colored: 0px 4px 10px 0px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  cursor: pointer;\n  transition-property: box-shadow;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 384ms;\n  display: none;\n}\n@media (min-width: 960px) {\n\n  .sliderArrowButtons-circleButton-btd {\n    display: flex;\n  }\n}\n.sliderArrowButtons-circleButton-btd {\n  pointer-events: auto;\n  position: relative;\n  flex-shrink: 0;\n  overflow: visible;\n  z-index: 101;\n}\n\n.sliderArrowButtons-circleButtonPrev-lIO {\n  transform: translateX(-50%);\n}\n\n.sliderArrowButtons-circleButtonNext-pfg {\n  transform: translateX(50%);\n}\n\n.sliderArrowButtons-icon-Vvt {\n  --tw-text-opacity: 1;\n  color: rgb(0 181 78 / var(--tw-text-opacity, 1));\n  position: relative;\n  z-index: 1;\n}\n\n.sliderArrowButtons-circleButton-btd:hover:not(:disabled) .sliderArrowButtons-icon-Vvt {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\n\n/*\n * Opacity for enabled/disabled directions comes from Tailwind on the button\n * (opacity-100 / opacity-50). Do not set opacity here or it overrides those classes.\n */\n.sliderArrowButtons-circleButton-btd:disabled {\n  cursor: not-allowed;\n}\n.sliderArrowButtons-circleButton-btd:disabled:hover {\n  --tw-border-opacity: 1;\n  border-color: rgb(228 231 229 / var(--tw-border-opacity, 1));\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n}\n\n.sliderArrowButtons-edgeInactive-ZOp .sliderArrowButtons-circleButton-btd:disabled {\n  opacity: 1;\n}\n\n.sliderArrowButtons-circleButton-btd:disabled .sliderArrowButtons-icon-Vvt {\n  --tw-text-opacity: 1;\n  color: rgb(0 181 78 / var(--tw-text-opacity, 1));\n}\n",""]),o.locals={edgePrev:"sliderArrowButtons-edgePrev-L0V",edgeNext:"sliderArrowButtons-edgeNext-B00",edgeInactive:"sliderArrowButtons-edgeInactive-ZOp",edgeGradientVisible:"sliderArrowButtons-edgeGradientVisible-dlj",circleButton:"sliderArrowButtons-circleButton-btd",circleButtonPrev:"sliderArrowButtons-circleButtonPrev-lIO",circleButtonNext:"sliderArrowButtons-circleButtonNext-pfg",icon:"sliderArrowButtons-icon-Vvt"},t.a=o},YPsO:function(e,t,n){"use strict"
5var r=n("q1tI"),o=n.n(r),i=n("17x9"),s=n("UX4/"),a=n("55GR"),l=n("a+hW"),c=n("LboF"),d=n.n(c),u=n("MFF0"),b={injectType:"singletonStyleTag",insert:"head",singleton:!0},p=(d()(u.a,b),u.a.locals||{})
6const g=e=>{let{sliderRef:t,prevBtnClass:n,nextBtnClass:i,infinite:c,slideCount:d,currentSlide:u,slidesToShow:b,isDisabledShadow:g}=e
7const[w,f]=Object(r.useState)(!1),m=Object(r.useRef)(null),v=Object(r.useRef)(null),y=Object(r.useRef)(null),h=Object(r.useRef)(null),[B,O]=Object(r.useState)(!1),[x,j]=Object(r.useState)(!1)
8Object(r.useLayoutEffect)(()=>{const e=()=>{var e
9return Boolean(null===(e=t.current)||void 0===e?void 0:e.innerSlider)}
10if(e())return void f(!0)
11f(!1)
12const n=window.setInterval(()=>{e()&&(f(!0),window.clearInterval(n))},50),r=window.setTimeout(()=>{window.clearInterval(n)},4e3)
13return()=>{window.clearInterval(n),window.clearTimeout(r)}},[t,d]),Object(r.useEffect)(()=>{if(g)return O(!1),void j(!1)
14const e=(e,t,n)=>{if(!n)return!1
15const r=n.getBoundingClientRect()
16return e>=r.left&&e<=r.right&&t>=r.top&&t<=r.bottom},t=t=>{const n=m.current,r=v.current,o=y.current,i=h.current,s=e(t.clientX,t.clientY,n)||e(t.clientX,t.clientY,o),a=e(t.clientX,t.clientY,r)||e(t.clientX,t.clientY,i)
17O(e=>e===s?e:s),j(e=>e===a?e:a)},n=()=>{O(!1),j(!1)}
18return window.addEventListener("pointermove",t,{passive:!0}),window.addEventListener("blur",n),()=>{window.removeEventListener("pointermove",t),window.removeEventListener("blur",n)}},[d,g])
19const A=Object(r.useCallback)(()=>{const e=t.current
20e&&e.slickPrev()},[t]),S=Object(r.useCallback)(()=>{const e=t.current
21e&&e.slickNext()},[t]),P=Math.max(0,Number(d)||0),k=Math.max(1,Number(b)||1),N=Number.isFinite(Number(u))?Math.max(0,Number(u)):0,E=Object(l.e)(c),C=P<1
22let T=!1,L=!1
23if(E&&P>=1)T=!0,L=!0
24else if(!(P<=k)){T=N>0,L=N<P-k}if(!(C||!E&&!w)&&!T&&!L)return null
25const R=C,I=C||P>=1&&!w&&!E,V=R?"opacity-100":T?"opacity-100":"opacity-50",F=R?"opacity-100":L?"opacity-100":"opacity-50",D=!g&&B,X=!g&&x
26return o.a.createElement(o.a.Fragment,null,o.a.createElement("div",{ref:m,className:[p.edgePrev,I?p.edgeInactive:"",D?p.edgeGradientVisible:""].filter(

26Boolean).join(" ")},o.a.createElement("button",{ref:y,onClick:A,disabled:R||!T,className:[V,p.circleButton,p.circleButtonPrev,n].filter(Boolean).join(" "),"aria-label":"Previous slide",type:"button"},o.a.createElement(s.a,{className:p.icon}))),o.a.createElement("div",{ref:v,className:[p.edgeNext,I?p.edgeInactive:"",X?p.edgeGradientVisible:""].filter(Boolean).join(" ")},o.a.createElement("button",{ref:h,onClick:S,disabled:R||!L,className:[F,p.circleButton,p.circleButtonNext,i].filter(Boolean).join(" "),"aria-label":"Next slide",type:"button"},o.a.createElement(a.a,{className:p.icon}))))}
27g.defaultProps={prevBtnClass:void 0,nextBtnClass:void 0,infinite:!1,slideCount:0,currentSlide:0,slidesToShow:1,isDisabledShadow:!1},g.propTypes={sliderRef:Object(i.shape)({current:i.object}).isRequired,prevBtnClass:i.string,nextBtnClass:i.string,infinite:Object(i.oneOfType)([i.bool,i.number,i.string]),slideCount:i.number,currentSlide:i.number,slidesToShow:i.number,isDisabledShadow:i.bool}
28t.a=g},mHo0:function(e,t,n){"use strict"
29var r=n("pVnL"),o=n.n(r),i=n("lSNA"),s=n.n(i),a=n("q1tI"),l=n.n(a),c=n("17x9"),d=n("LboF"),u=n.n(d),b=n("OMXT"),p={injectType:"singletonStyleTag",insert:"head",singleton:!0},g=(u()(b.a,p),b.a.locals||{}),w=n("y1Xp"),f=n("OBO2"),m=n("YPsO"),v=n("a+hW")
30function ownKeys(e,t){var n=Object.keys(e)
31if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e)
32t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{}
33t%2?ownKeys(Object(n),!0).forEach(function(t){s()(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}const y=Object(a.lazy)(()=>Promise.all([n.e(4),n.e(6),n.e(23)]).then(n.t.bind(null,"OS56",7)))
34let h=null
35const B=e=>{const t=Number(e)
36return Number.isFinite(t)&&t>0?t:1},O=e=>{const t=Object(w.a)(g,e.classes),r=Object(a.useRef)(null),i=Object(a.useRef)(null),[s,c]=Object(a.useState)(0),[d,u]=Object(a.useState)(1),{minHeight:b,autoplay:p,autoplaySpeed:O,fade:x,infinite:j,showArrows:A,showDots:S,textAlign:P,border:k,borderColor:N,borderWidth:E,borderRadius:C,marginTop:T,marginRight:L,marginBottom:R,marginLeft:I,mediaQueries:V,paddingTop:F,paddingRight:D,paddingBottom:X,paddingLeft:z,cssClasses:G=[],children:M}=e,{styles:W}=Object(f.a)({mediaQueries:V}),Y={minHeight:b,textAlign:P,border:k,borderColor:N,borderWidth:E,borderRadius:C,marginTop:T,marginRight:L,marginBottom:R,marginLeft:I,paddingTop:F,paddingRight:D,paddingBottom:X,paddingLeft:z},q={},H=Object(a.useCallback)(()=>{var e
37const t=null===(e=r.current)||void 0===e?void 0:e.innerSlider
38null!=t&&t.state&&(c((e=>{const t=Number(e)
39return Number.isFinite(t)&&t>=0?Math.floor(t):0})(t.state.currentSlide)),u(B(t.props.slidesToShow)))},[]),J=Object(a.useCallback)(()=>{var e,t
40const n=null===(e=r.current)||void 0===e?void 0:null===(t=e.innerSlider)||void 0===t?void 0:t.list
41n&&n.querySelectorAll(".slick-slide a, .slick-slide button").forEach(e=>{const t=e.closest(".slick-slide")
42e.tabIndex=null!=t&&t.classList.contains("slick-current")?0:-1})},[])
43Object(a.useEffect)(()=>{const e=setTimeout(J,100)
44return()=>clearTimeout(e)},[J])
45const K=a.Children.count(M),Q=Object(v.e)(j),Z={dots:S,arrows:!1,appendDots:e=>l.a.createElement("ul",{role:"tablist"},e),customPaging:e=>l.a.createElement("button",{type:"button","aria-label":"Go to slide ".concat(e+1)},e+1),afterChange:e=>{var t
46c(e)
47const o=null===(t=r.current)||void 0===t?void 0:t.innerSlider
48null!=o&&o.state&&u(B(o.props.slidesToShow)),J()
49const i=e=>{Object.keys(q).map(t=>{e(q[t].element,"onScroll")})}
50h?i(h):(()=>Promise.all([n.e(10),n.e(16)]).then(n.t.bind(null,"JOgF",7)).then(e=>h=e.jarallax))().then(i)},infinite:Q,autoplay:p,autoplaySpeed:O,fade:x}
51Object(a.useEffect)(()=>{const e=window.requestAnimationFrame(()=>{H()}),t=window.setTimeout(()=>{H()},150)
52return()=>{window.cancelAnimationFrame(e),window.clearTimeout(t)}},[K,H]),Object(a.useEffect)(()=>{const e=()=>{H()}
53return window.addEventListener("resize",e,{passive:!0}),()=>window.removeEventListener("resize",e)},[H])
54const _=a.Children.map(M,(e,n)=>(e.props&&e.props.data&&(e.props.data.classes={root:t.bannerRoot,link:t.bannerLink,wrapper:t.bannerWrapper,posterOverlay:t.bannerPosterOverlay},e.props.data.getParallax=((e,t)=>{q[n]={element:e,options:t}}),e.props.data.slideIndex=n),e))
55return l.a.createElement("div",{"aria-live":"polite",ref:i,"aria-busy":"false",className:[t.root,...G].join(" "),style:_objectSpread(_objectSpread({},Y),W)},l.a.createElement(a.Suspense,{fallback:l.a.createElement("div",{style:{minHeight:b||"400px",aspectRatio:"1920 / 600"}})},l.a.createElement(y,o()({ref:e=>{r.current=e}},Z),_)),A?l.a.createElement(m.a,{sliderRef:r,infinite:Q,slideCount:K,currentSlide:s,slidesToShow:d}):null)}
56O.propTypes={classes:Object(c.shape)({root:c.string,bannerRoot:c.string,bannerLink:c.string,bannerWrapper:c.string,bannerPosterOverlay:c.string}),appearance:Object(c.oneOf)(["default"]),minHeight:c.string,autoplay:c.bool,autoplaySpeed:c.number,fade:c.bool,infinite:c.bool,showArrows:c.bool,showDots:c.bool,textAlign:c.string,border:c.string,borderColor:c.string,borderWidth:c.string,borderRadius:c.string,marginTop:c.string,marginRight:c.string,marginBottom:c.string,marginLeft:c.string,mediaQueries:Object(c.arrayOf)(Object(c.shape)({media:c.string,

56style:c.object})),paddingTop:c.string,paddingRight:c.string,paddingBottom:c.string,paddingLeft:c.string,cssClasses:Object(c.arrayOf)(c.string)}
57t.a=O}}])