https://www.mannings.com.hk/71.a26307a02af5e62cc243.js

1/*! @version pwa-studio: 0.0.1, @magento/venia-ui: ~11.3.0, @magento/upward-security-headers: ~1.0.14, @magento/pwa-theme-venia: ~2.4.0, @magento/pwa-buildpack: ~11.4.3, @magento/peregrine: ~15.5.2, @magento/pagebuilder: ~9.2.1, @magento/eslint-config: ~1.5.0, @magento/babel-preset-peregrine: ~1.2.3, @apollo/client: ~3.5.0 */
2(window.webpackJsonp=window.webpackJsonp||[]).push([[71],{"6oyt":function(e,t,n){"use strict"
3n.r(t),n.d(t,"default",function(){return R})
4var r=n("q1tI"),a=n.n(r),o=n("dDsW"),l=n("kriW"),i=n("V16S"),s=n("17x9"),c=n("wHH0"),d=n("mxR0"),u=n("y1Xp"),f=n("dgmk"),p=n("trQQ"),g=n("J4zp"),m=n.n(g),b=n("LboF"),h=n.n(b),y=n("J5bX"),v={injectType:"singletonStyleTag",insert:"head",singleton:!0},x=(h()(y.a,v),y.a.locals||{}),F=function FilterFooter(e){var t=e.applyFilters,n=e.clearFilters,l=e.hasFilters,i=e.isOpen,s=Object(o.a)().formatMessage,c=function useFilterFooter(e){var t=e.hasFilters,n=e.isOpen,a=Object(r.useState)(),o=m()(a,2),l=o[0],i=o[1]
5return Object(r.useEffect)(function(){i(!!n&&function(e){return e||t})},[t,n]),{touched:l}}({hasFilters:l,isOpen:i}).touched,d=Object(u.a)(x,e.classes),f=s({id:"searchPage.Apply",defaultMessage:"Apply"}),p=s({id:"filterModal.clearAll",defaultMessage:"Clear All"})
6return a.a.createElement("div",{className:d.root},a.a.createElement("div",{className:d.buttonContainer},a.a.createElement("button",{className:d.clearButton,onClick:function handleClearClick(e){e.preventDefault(),n&&n()}},p),a.a.createElement("button",{className:d.applyButton,disabled:!c,onClick:function handleApplyClick(e){e.preventDefault(),t()},onTouchEnd:t,"aria-label":f,"aria-disabled":!c},f)))}
7F.propTypes={applyFilters:s.func.isRequired,clearFilters:s.func,classes:Object(s.shape)({root:s.string,buttonContainer:s.string,clearButton:s.string,applyButton:s.string}),hasFilters:s.bool,isOpen:s.bool}
8var w=F,M=n("jAmv"),B={injectType:"singletonStyleTag",insert:"head",singleton:!0},S=(h()(M.a,B),M.a.locals||{}),C=n("oh0S"),k=n("ofMu"),E=n("iMth"),O=n("J2xY"),j={injectType:"singletonStyleTag",insert:"head",singleton:!0},A=(h()(O.a,j),O.a.locals||{})
9function _createForOfIteratorHelper(t,r){var a="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"]
10if(!a){if(Array.isArray(t)||(a=function _unsupportedIterableToArray(e,t){if(e){if("string"==typeof e)return _arrayLikeToArray(e,t)
11var n={}.toString.call(e).slice(8,-1)
12return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(e,t):void 0}}(t))||r&&t&&"number"==typeof t.length){a&&(t=a)
13var o=0,l=function F(){}
14return{s:l,n:function n(){return o>=t.length?{done:!0}:{done:!1,value:t[o++]}},e:function e(t){throw t},f:l}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,c=!0,d=!1
15return{s:function s(){a=a.call(t)},n:function n(){var e=a.next()
16return c=e.done,e},e:function e(t){d=!0,i=t},f:function f(){try{c||null==a.return||a.return()}finally{if(d)throw i}}}}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length)
17for(var n=0,r=Array(t);n<t;n++)r[n]=e[n]
18return r}var T=function SelectedFiltersBar(e){var t=e.filters,n=e.facets,l=e.filterControl,i=e.storeControl,s=e.promotionHighlightName,d=e.deliveryMethodFacet,u=Object(o.a)(),f=u.formatMessage,p=u.locale,g=Object(r.useContext)(E.a).data,b=(null==g?void 0:g.storeConfig)||{},h=b.promotion_facet_codes_mapping,y=b.special_type_facets,v=Object(r.useState)(!1),x=m()(v,2),F=x[0],w=x[1],M=Object(r.useState)(0),B=m()(M,2),S=B[0],C=B[1],O=Object(r.useState)(!1),j=m()(O,2),T=j[0],N=j[1],R=Object(r.useState)(0),z=m()(R,2),L=z[0],_=z[1],P=Object(r.useRef)(null),q=function updateDataByTagHandler(e){var t
19e(),null===(t=l.setMobileFilters)||void 0===t||t.call(l)},H=function getSelectedLabel(e,t){if(!Array.isArray(n))return t
20var r,a=_createForOfIteratorHelper(n)
21try{var o,c=function _loop(){var n=r.value,a=Array.isArray(null==n?void 0:n.buckets)?n.buckets.find(function(r){return((null==r?void 0:r.attribute)||(null==n?void 0:n.attribute))===e.attribute&&String(null==r?void 0:r.title)===String(t)}):null
22if(null!=a&&a.name||null!=a&&a.title)return{v:a.name||a.title}}
23for(a.s();!(r=a.n()).done;)if(o=c())return o.v}catch(e){a.e(e)}finally{a.f()}return Object(k.a)(e,t,l.selectedCategoryNames||l.categoryNames,i.categoryPath,s,h,y,p,d,f)},J=Object(r.useMemo)(function(){if(null==t||!t.length)return[]
24var e=[]
25return t.forEach(function(t){var n

26null===(n=t.in)||void 0===n||n.forEach(function(n){e.push({key:"".concat(t.attribute,"-").concat(n),label:H(t,n),onRemove:function onRemove(){return q(function(){return l.updateFilterOptions(t,n)})}})}),t.range&&e.push({key:"".concat(t.attribute,"-range"),label:Object(k.b)(t,i.currencyRate,i.currencySymbol),onRemove:function onRemove(){return q(function(){return l.removeFilter(t.attribute)})}})}),e},[t,n,l,i.currencyRate,i.currencySymbol]),W=F?f({id:"filterModal.showLess",defaultMessage:"Show Less"}):"".concat(f({id:"filterModal.showMore",defaultMessage:"Show More"})," (").concat(S,")")
27if(Object(r.useEffect)(function(){var e=P.current
28if(e){var t=function measureVisibleTags(){var t=Array.from(e.querySelectorAll('[data-measure-tag="true"]')),n=e.querySelector('[data-measure-toggle="true"]')
29if(!t.length||!n)return _(0),C(0),void N(!1)
30var r=e.clientWidth
31if(r){for(var a=t.map(function(e){return Math.ceil(e.getBoundingClientRect().width)}),o=Math.ceil(n.getBoundingClientRect().width),l=function canFitWithToggle(e){for(var t=1,n=0,l=function placeItem(e){return 0===n?(n=e,t<=2):n+8+e<=r+.5?(n+=8+e,t<=2):(n=e,(t+=1)<=2)},i=0;i<e;i+=1)if(!l(a[i]))return!1
32return l(o)},i=a.length;i>0&&!l(i);)i-=1
33var s=Math.max(a.length-i,0)
34_(i),C(s),N(s>0)}},n=requestAnimationFrame(t),r=new ResizeObserver(function(){requestAnimationFrame(t)})
35return r.observe(e),window.addEventListener("resize",t),function(){cancelAnimationFrame(n),r.disconnect(),window.removeEventListener("resize",t)}}},[J,W]),!J.length)return null
36var D=F?J:J.slice(0,L)
37return a.a.createElement("div",{className:"".concat(A.selectedFiltersBar," ").concat(F?A.expanded:"")},a.a.createElement("div",{className:A.tagsContainer},D.map(function(e){return a.a.createElement("div",{key:e.key,className:A.filterTag,"data-filter-tag":"true"},a.a.createElement("span",{className:A.tagLabel},e.label),a.a.createElement("span",{className:A.tagRemove,onClick:e.onRemove},a.a.createElement(c.a,{size:12})))}),(T||F)&&a.a.createElement("button",{className:A.toggleButton,onClick:function toggleExpand(){w(function(e){return!e})}},W)),a.a.createElement("div",{ref:P,className:A.measureContainer,"aria-hidden":"true"},J.map(function(e){return a.a.createElement("div",{key:"measure-".concat(e.key),className:A.filterTag,"data-measure-tag":"true"},a.a.createElement("span",{className:A.tagLabel},e.label),a.a.createElement("span",{className:A.tagRemove},a.a.createElement(c.a,{size:12})))}),a.a.createElement("button",{className:A.toggleButton,"data-measure-toggle":"true",type:"button"},W)))},N=function FilterModal(e){var t=e.facets,n=e.filterControl,s=e.storeControl,g=e.promotionHighlightName,m=e.deliveryMethodFacet,b=Object(o.a)().formatMessage,h=Object(d.a)(n),y=h.handleClose,v=h.isOpen,x=h.handleKeyDownActions,F=h.handleApply,M=n.filters?n.filters.filter(function(e){return"price"!=e.attribute}):[],B=Object(u.a)(S,e.classes),k=v?B.root_open:B.root
38b({id:"filterModal.filters.close.ariaLabel",defaultMessage:"Close filters popup."})
39return Object(r.useEffect)(function(){window.scrollTo(0,window.MODEL_SCROLL_Y)},[v]),v?a.a.createElement(p.a,null,a.a.createElement("div",{className:B.backdrop,onClick:y,onTouchStart:function onTouchStart(e){return e.preventDefault()}}),a.a.createElement(i.a,{contain:!0,restoreFocus:!0,autoFocus:!0},a.a.createElement("aside",{className:k,onKeyDown:x},a.a.createElement("div",{className:B.body},a.a.createElement("div",{className:B.header},a.a.createElement("div",{className:B.headeF},a.a.createElement(f.a,{src:c.a,onClick:y})),a.a.createElement("h2",{className:B.headerTitle},a.a.createElement(l.a,{id:"filterModal.headerTitle",defaultMessage:"Filters"}))),a.a.createElement(C.a,{searchFacets:t,filterControl:n,storeControl:s,promotionHighlightName:g}),a.a.createElement(T,{filters:M,facets:t,filterControl:n,storeControl:s,promotionHighlightName:g,deliveryMethodFacet:m})),a.a.createElement(w,{applyFilters:F,clearFilters:function clearFilters(){return n.clearFilters()},hasFilters:!0,isOpen:v})))):null}
40N.propTypes={classes:Object(s.shape)({action:s.string,blocks:s.string,body:s.string,header:s.string,headerTitle:s.string,root:s.string,root_open:s.string}),filters:Object(s.arrayOf)(Object(s.shape)({attribute_code:s.string,items:s.array}))}
41var R=N},J2xY:function(e,t,n){"use strict"

42var r=n("JPst"),a=n.n(r)()(function(e){return e[1]})
43a.push([e.i,".SelectedFiltersBar-selectedFiltersBar-WV- {\n    background: #ffffff;\n    border-top: 1px solid #f0f0f0;\n    padding: 12px 16px;\n    z-index: 10;\n    position: sticky;\n    bottom: 0;\n}\n\n.SelectedFiltersBar-selectedFiltersBar-WV-:not(.SelectedFiltersBar-expanded-Wti) .SelectedFiltersBar-tagsContainer-ny9 {\n    overflow: hidden;\n    max-height: 64px;\n}\n\n.SelectedFiltersBar-selectedFiltersBar-WV-.SelectedFiltersBar-expanded-Wti .SelectedFiltersBar-tagsContainer-ny9 {\n    display: flex;\n    flex-wrap: wrap;\n    max-height: none;\n    overflow: visible;\n}\n.SelectedFiltersBar-tagsContainer-ny9 {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    align-items: center;\n}\n\n.SelectedFiltersBar-filterTag-Lvc {\n    display: inline-flex;\n    align-items: center;\n    padding: 4px 10px;\n    background: #f5f5f5;\n    border-radius: 16px;\n    font-size: 12px;\n    flex-shrink: 0;\n    gap: 4px;\n}\n\n.SelectedFiltersBar-tagLabel-s7P {\n    color: #333;\n    max-width: 150px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.SelectedFiltersBar-tagRemove-QzM {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    color: #999;\n    padding: 2px;\n    border-radius: 50%;\n    transition: background-color 0.2s;\n}\n\n.SelectedFiltersBar-tagRemove-QzM:hover {\n    background-color: rgba(0, 0, 0, 0.1);\n    color: #666;\n}\n\n.SelectedFiltersBar-toggleButton-Pmn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: auto;\n    flex-shrink: 0;\n    padding: 4px 0;\n    background: none;\n    border: none;\n    color: #FF8200;\n    font-size: 12px;\n    font-weight: 600;\n    cursor: pointer;\n    text-align: center;\n    text-decoration: underline;\n}\n\n.SelectedFiltersBar-toggleButton-Pmn:hover {\n    color: #E06F00;\n}\n\n.SelectedFiltersBar-measureContainer-Go- {\n    position: absolute;\n    left: 16px;\n    right: 16px;\n    top: 12px;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    align-items: center;\n    visibility: hidden;\n    pointer-events: none;\n    z-index: -1;\n}\n",""]),a.locals={selectedFiltersBar:"SelectedFiltersBar-selectedFiltersBar-WV-",expanded:"SelectedFiltersBar-expanded-Wti",tagsContainer:"SelectedFiltersBar-tagsContainer-ny9",filterTag:"SelectedFiltersBar-filterTag-Lvc",tagLabel:"SelectedFiltersBar-tagLabel-s7P",tagRemove:"SelectedFiltersBar-tagRemove-QzM",toggleButton:"SelectedFiltersBar-toggleButton-Pmn",measureContainer:"SelectedFiltersBar-measureContainer-Go-"},t.a=a},J5bX:function(e,t,n){"use strict"
44var r=n("JPst"),a=n.n(r)()(function(e){return e[1]})
45a.push([e.i,".filterFooter-root-ADs {\n}\n\n.filterFooter-buttonContainer-CwC {\n    display: flex;\n    gap: 12px;\n    width: 90%;\n}\n\n.filterFooter-clearButton-Bsr {\n    flex: 1;\n    height: 48px;\n    border: 2px solid #FF8200;\n    color: #FF8200;\n    font-size: 16px;\n    font-weight: 700;\n    cursor: pointer;\n    box-shadow: none;\n    border-radius: 8px;\n}\n\n.filterFooter-applyButton-0PR {\n    flex: 1;\n    height: 48px;\n    box-shadow: 0px -2px 0px 0px #F06813 inset;\n    font-size: 16px;\n    color: #fff;\n    font-weight: 700;\n    border: none;\n    cursor: pointer;\n    background: #FF8200;\n    border-radius: 8px;\n}\n\n.filterFooter-applyButton-0PR:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}",""]),a.locals={root:"filterFooter-root-ADs bg-white content-center gap-y-1 grid items-center justify-items-center relative",buttonContainer:"filterFooter-buttonContainer-CwC",clearButton:"filterFooter-clearButton-Bsr",applyButton:"filterFooter-applyButton-0PR"},t.a=a},jAmv:function(e,t,n){"use strict"
46var r=n("JPst"),a=n.n(r)()(function(e){return e[1]})
47a.push([e.i,"/* Backdrop to prevent click-through */\n.filterModal-backdrop-gA2 {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: rgba(0, 0, 0, 0.5);\n    z-index: 999;\n    touch-action: none;\n}\n\n.filterModal-root-xqd {\n    /* composes: max-w-modal from global; */\n    grid-template-rows: 1fr 68px;\n    transform: translate3d(-100%, 0, 0);\n    transition-duration: 192ms;\n    transition-timing-function: var(--venia-global-anim-out);\n    transition-property: opacity, transform, visibility;\n    z-index: 1000;\n}\n\n/* PC: Right-side drawer */\n@media screen and (min-width: 768px) {\n    .filterModal-root-xqd {\n        left: auto;\n        right: 0;\n        width: 400px;\n        max-width: 90vw;\n        transform: translate3d(100%, 0, 0);\n    }\n}\n\n.filterModal-root_open-asN {\n    visibility: visible;\n    transform: translate3d(0, 0, 0);\n    transition-duration: 224ms;\n    transition-timing-function: var(--venia-global-anim-in);\n}\n\n.filterModal-body-Bnr {\n    display: flex;\n    flex-direction: column;\n}\n\n.filterModal-header-Y0y {\n    padding: 16px;

47\n    border: 1px solid #f0f0f0;\n}\n.filterModal-headeF-4F7 {\n}\n\n.filterModal-headerTitle-69u {\n    /* composes: flex from global;\n    composes: items-center from global;\n    composes: leading-none from global; */\n    font-size: 16px;\n    font-weight: 700;\n    color: #000;\n    flex: 1;\n    text-align: center;\n}\n\n.filterModal-action-GKO {\n}\n\n.filterModal-action-GKO button {\n    font-size: 0.875rem;\n    line-height: 1.5;\n    text-decoration-line: none;\n}\n\n.filterModal-blocks-H5r {\n}\n\n.filterModal-blocks-H5r > li:last-child {\n    border-bottom-width: 2px;\n    border-style: solid;\n    --tw-border-opacity: 1;\n    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));\n}\n\n.filterModal-clear-JcK {\n    font-size: 13px;\n    font-weight: 700;\n    text-decoration: underline;\n    cursor: pointer;\n    color: #ff8200;\n}\n.filterModal-noclear-ofq {\n    font-size: 13px;\n    font-weight: 700;\n    text-decoration: underline;\n    cursor: not-allowed;\n    color: #c4c4c4;\n}\n",""]),a.locals={backdrop:"filterModal-backdrop-gA2",root:"filterModal-root-xqd bg-white bottom-0 grid h-full left-0 opacity-0 overflow-hidden fixed top-0 w-full z-dialog invisible",root_open:"filterModal-root_open-asN filterModal-root-xqd bg-white bottom-0 grid h-full left-0 opacity-0 overflow-hidden fixed top-0 w-full z-dialog invisible opacity-100 shadow-modal",body:"filterModal-body-Bnr border-b border-solid border-subtle overflow-auto",header:"filterModal-header-Y0y flex justify-between",headeF:"filterModal-headeF-4F7 flex justify-between",headerTitle:"filterModal-headerTitle-69u",action:"filterModal-action-GKO pb-0 pt-xs px-xs",blocks:"filterModal-blocks-H5r pb-0 pt-xs px-xs",clear:"filterModal-clear-JcK",noclear:"filterModal-noclear-ofq"},t.a=a}}])