https://static.hbx.com/build/shop/9895.46c4720b.js

1"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[9895,527],{29895:(e,t,o)=>{o.r(t),o.d(t,{default:()=>Z});var n=o(65961),r={class:"fixed inset-0 z-50 overflow-y-auto"},a={class:"dialog-container min-h-screen mx-md text-center"},l={class:"dialog dialog-bounded max-w-md pr-0"},i={class:"dialog-body text-left"},c={class:"size-guide-content text-left overflow-y-auto"},s={class:"flex flex-nowrap md:space-x-lg"},d={class:"commonmark product-base-info"},m={class:"text-xs uppercase font-bold dialog-r"},u={class:"mt-xs uppercase leading-tight dialog-r"},p={class:"mt-sm font-bold text-xs dialog-r"},g={key:0,class:"text-md mt-md md:mt-sm"},v={key:0,class:"mt-lg dialog-r"},f={key:1,class:"mt-lg dialog-r"},h={class:"text-xl font-medium capitalize"},y={class:"mt-md mb-25"},b={key:2,class:"mt-lg dialog-r"},k={key:3,class:"mt-lg dialog-r"},x={class:"text-xl font-medium capitalize"},N={class:"mt-md mb-25"},C={key:4,class:"text-sm mt-lg"},E={class:"mt-lg dialog-r"},V={class:"text-xl font-medium capitalize"},z={key:0,class:"mt-lg dialog-r"},B={class:"flex flex-wrap"},S={class:"w-full md:w-1/2 mt-lg order-1 md:order-2 pr-25"},_={class:"w-full md:w-1/2 mt-lg order-2 md:order-1 space-y-lg pr-md"},w={class:"font-medium capitalize"},D={class:"mt-xs"},T={class:"mt-lg dialog-r"},M={class:"text-xl font-medium capitalize"},$={class:"space-y-lg mt-lg"},P={class:"font-medium capitalize"},A={class:"mt-xs"},F={class:"absolute right-0 top-0"},O=["aria-label"],G={class:"icon icon-2xl","aria-hidden":"true",focusable:"false"},L=["xlink:href"];var j=o(33347),H=o(70398),I=o(70527),U=o(9787);function q(e){return function(e){if(Array.isArray(e))return X(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return X(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);"Object"===o&&e.constructor&&(o=e.constructor.name);if("Map"===o||"Set"===o)return Array.from(e);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return X(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function X(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}const R=(0,n.defineComponent)({extends:j.Ee.DialogMixins,mixins:[j.AX.ProductMixins],components:{MeasurementTable:H.MeasurementTable,SizeConversionTable:H.SizeConversionTable,PictureElement:H.PictureElement,SizingDescription:I.default},props:{isOpen:{type:Boolean,default:!0},product:{type:Object,required:!0},gender:{type:String,required:!0},category:{type:String},brandSizeConversionHtml:{type:String}},setup:function(e){var t,o,r,a,l=(0,n.ref)(!1),i=(0,n.ref)(!1),c=null===(t=(0,n.inject)("assets"))||void 0===t?void 0:t.get("svgIcon"),s=(null===(o=e.product.variants)||void 0===o?void 0:o.map((function(e){return e.measurementGuideImages})).flat())||[],d={};s.forEach((function(e){var t,o;null!=e&&e.type&&null!=e&&null!==(t=e._links)&&void 0!==t&&null!==(o=t._self)&&void 0!==o&&o._href&&!d[e.type]&&(d[e.type]=e._links._self._href)}));var m=q(new Set((null===(r=e.product.variants)||void 0===r?void 0:r.flatMap((function(e){return e.types})))||[])).filter((function(e){return U.PE[e]&&d[e]})).map((function(e){return{type:e,imageUrl:d[e],labels:U.PE[e]}})),u=(0,n.computed)((function(){return"shoe"===e.category})),p=(0,n.computed)((function(){var t;if(u.value)return(null===(t=e.product)||void 0===t?void 0:t.sizingDescription)||(null==e?void 0:e.brandSizeConversionHtml)})),g=(0,n.computed)((function(){var e,t;return(null!==(e=null===(t=p.value)||void 0===t?void 0:t.length)&&void 0!==e?e:0)>0}));return U.wT.pushCustomEvent("size_guide","click",null===(a=e.product)||void 0===a?void 0:a.id),g.value&&(i.value=!0),{hasProductMeasurements:l,hasSizeConversion:i,measurements:j.AX.availableMeasurements(e.product),measurementGuideGroups:m,isShoe:u,sizeConversionTable:p,hasSizeConversionTable:g,assets:c}}});const Z=(0,o(83744).Z)(R,[["render",function(e,t,o,j,H,I){var U=(0,n.resolveComponent)("DialogOverlay"),q=(0,n.resolveComponent)("TransitionChild"),X=(0,n.resolveComponent)("DialogTitle"),R=(0,n.resolveComponent)("PictureElement"),Z=(0,n.resolveComponent)("SizingDescription"),J=(0,n.resolveComponent)("MeasurementTable"),K=(0,n.resolveComponent)("SizeConversionTable"),Q=(0,n.resolveComponent)("Dialog"),W=(0,n.resolveComponent)("TransitionRoot");return(0,n.openBlock)(),(0,n.createBlock)(W,{appear:"",show:e.isOpen,as:"template"},{default:(0,n.withCtx)((function(){return[(0,n.createVNode)(Q,{as:"div",static:"",open:e.isOpen,onClose:t[3]||(t[3]=function(t){return e.$emit("close")})},{default:(0,n.withCtx)((function(){return[(0,n.createElementVNode)("div",r,[(0,n.createElementVNode)("div",a,[(0,n.createCommentVNode)(" Overlay "),(0,n.createVNode)(q,{as:"template",enter:"duration-".concat(e.enterDuration," ease-out"),"enter-from":"opacity-0","enter-to":"opacity-100",leave:"duration-".concat(e.leaveDuration," ease-in"),"leave-from":"opacity-100","leave-to":"opacity-0"},{default:(0,n.withCtx)((function(){return[(0,n.createVNode)(U,{class:"overlay-bg fixed inset-0"})]})),_:1},8,["enter","leave"]),t[6]||(t[6]=(0,n.createElementVNode)("span",{class:"inline-block h-screen align-middle","aria-hidden":"true"},"​",-1)),(0,n.createVNode)(q,{as:"template",enter:"duration-".concat(e.enterDuration," ease-out"),"enter-from":"opacity-0 scale-95","enter-to":"opacity-100 scale-100",leave:"duration-".concat(e.leaveDuration," ease-in"),"leave-from":"opacity-100 scale-100","leave-to":"opacity-0 scale-95"},{default:(0,n.withCtx)((function(){var o,r,a;return[(0,n.createElementVNode)("div",l,[(0,n.createCommentVNode)(" Header "),(0,n.createVNode)(X,{as:"h2",class:"flex flex-nowrap items-center text-left text-2xl font-medium capitalize pr-2xl"},{default:(0,n.withCtx)((function(){return[(0,n.createTextVNode)((0,n.toDisplayString)(e.$t("hbx.product.size_guide.title")),1)]})),_:1}),(0,n.createCommentVNode)(" Content/Body "),(0,n.createElementVNode)("div",i,[(0,n.createElementVNode)("div",c,[(0,n.createElementVNode)("div",s,[(0,n.createVNode)(R,{className:"hidden md:block object-contain object-top",style:"width: 150px; min-width: 150px;",imageClassName:"product-aspect-ratio","image-loading":"lazy","image-fetchpriority":"low","image-decoding":"async",src:e.frontShot(e.product,"small"),alt:e.product.name},null,8,["src","alt"]),(0,n.createElementVNode)("div",d,[(0,n.createElementVNode)("div",m,(0,n.toDisplayString)(e.product.brands[0].name),1),(0,n.createElementVNode)("div",u,(0,n.toDisplayString)(e.product.name),1),(0,n.createElementVNode)("div",p,(0,n.toDisplayString)(e.product.price.display),1),null!==(o=e.product)&&void 0!==o&&null!==(r=o.sizingDescription)&&void 0!==r&&r.length&&!e.isShoe?((0,n.openBlock)(),(0,n.createElementBlock)("div",g,[(0,n.createVNode)(Z,{sizeConversionTable:e.product.sizingDescription},null,8,["sizeConversionTable"])])):(0,n.createCommentVNode)("v-if",!0)])]),(0,n.createCommentVNode)(" Product Measurements "),e.hasProductMeasurements?((0,n.openBlock)(),(0,n.createElementBlock)("hr",v)):(0,n.createCommentVNode)("v-if",!0),e.hasProductMeasurements?((0,n.openBlock)(),(0,n.createElementBlock)("div",f,[(0,n.createElementVNode)("h3",h,(0,n.toDisplayString)(e.$t("hbx.product.size_guide.product_measurements")),1),(0,n.createElementVNode)("div",y,(0,n.toDisplayString)(e.$t("hbx.product.size_guide.product_measurements_description")),1)])):(0,n.createCommentVNode)("v-if",!0),(0,n.createVNode)(J,{product:e.product,class:(0,n.normalizeClass)(["mt-lg",{"dialog-r":e.measurements.length<=2}]),theme:"dark",onExist:t[0]||(t[0]=function(t){return e.hasProductMeasurements=t.exist})},null,8,["product","class"]),(0,n.createCommentVNode)(" Size Conversion "),e.hasSizeConversion?((0,n.openBlock)(),(0,n.createElementBlock)("hr",b)):(0,n.createCommentVNode)("v-if",!0),e.hasSizeConversion?((0,n.openBlock)(),(0,n.createElementBlock)("div",k,[(0,n.createElementVNode)("h3",x,(0,n.toDisplayString)(e.$t("hbx.product.size_guide.size_conversion")),1),(0,n.createElementVNode)("div",N,(0,n.toDisplayString)(e.$t("hbx.product.size_guide.size_conversion_description")),1)])):(0,n.createCommentVNode)("v-if",!0),e.hasSizeConversionTable?((0,n.openBlock)(),(0,n.createElementBlock)("div",C,[(0,n.createVNode)(Z,{sizeConversionTable:e.sizeConversionTable},null,8,["sizeConversionTable"])])):(0,n.createCommentVNode)("v-if",!0),e.hasSizeConversionTable||e.product.sizingDescription?(0,n.createCommentVNode)("v-if",!0):((0,n.openBlock)(),(0,n.createBlock)(K,{key:5,product:e.product,class:"mt-lg",theme:"dark",onExist:t[1]||(t[1]=function(t){return e.hasSizeConversion=t.exist})},null,8,["product"])),(0,n.createCommentVNode)(" Measuring Guide "),e.measurementGuideGroups.length>0?((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:6},[t[4]||(t[4]=(0,n.createElementVNode)("hr",{class:"mt-lg dialog-r"},null,-1)),(0,n.createElementVNode)("div",E,[(0,n.createElementVNode)("h3",V,(0,n.toDisplayString)(e.$t("hbx.product.size_guide.measuring_guide")),1),((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(e.measurementGuideGroups,(function(t,o){return(0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:t.type},[o>0?((0,n.openBlock)(),(0,n.createElementBlock)("hr",z)):(0,n.createCommentVNode)("v-if",!0),(0,n.createElementVNode)("div",B,[(0,n.createCommentVNode)(" image "),(0,n.createElementVNode)("div",S,[(0,n.createVNode)(R,{className:"w-full",imageStyle:"aspect-ratio: 1","image-loading":"lazy","image-fetchpriority":"low","image-decoding":"async",src:t.imageUrl,alt:"measurement-guide-".concat(t.type)},null,8,["src","alt"])]),(0,n.createCommentVNode)(" A/B/C/D legend "),(0,n.createElementVNode)("div",_,[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(t.labels,(function(o){return(0,n.openBlock)(),(0,n.createElementBlock)("div",{key:"".concat(t.type,"-").concat(o.letter)},[(0,n.createElementVNode)("div",w,(0,n.toDisplayString)(o.letter)+" - "+(0,n.toDisplayString)(e.$t("hbx.product.size_guide.sizing.".concat(o.measurement))),1),(0,n.createElementVNode)("div",D,(0,n.toDisplayString)(e.$t("hbx.product.size_guide.sizing.".concat(o.measurement,"_info"))),1)])})),128))])])],64)})),128))])],64)):e.measurements.length>0?((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:7},[(0,n.createCommentVNode)(" Fallback: Text only if no groups identified but data exists "),t[5]||(t[5]=(0,n.createElementVNode)("hr",{class:"mt-lg dialog-r"},null,-1)),(0,n.createElementVNode)("div",T,[(0,n.createElementVNode)("h3",M,(0,n.toDisplayString)(e.$t("hbx.product.size_guide.measuring_guide")),1),(0,n.createElementVNode)("div",$,[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(e.measurements,(function(t){return(0,n.openBlock)(),(0,n.createElementBlock)("div",{key:t},[(0,n.createElementVNode)("div",P,(0,n.toDisplayString)(e.$t("hbx.product.size_guide.sizing.".concat(t))),1),(0,n.createElementVNode)("div",A,(0,n.toDisplayString)(e.$t("hbx.product.size_guide.sizing.".concat(t,"_info"))),1)])})),128))])])],64)):(0,n.createCommentVNode)("v-if",!0)])]),(0,n.createCommentVNode)(" Close btn "),(0,n.createElementVNode)("div",F,[(0,n.createCommentVNode)(" NOTE: this must be a button, otherwise, the headless dialog would breaks "),(0,n.createElementVNode)("button",{type:"button",class:"dialog-close","aria-label":e.$t("hbx.a11y.close_dialog"),onClick:t[2]||(t[2]=function(t){return e.$emit("close")})},[((0,n.openBlock)(),(0,n.createElementBlock)("svg",G,[(0,n.createElementVNode)("use",{"xlink:href":"".concat(null===(a=e.assets)||void 0===a?void 0:a.hbx,"#icon-pop-up-close15x")},null,8,L)]))],8,O)])])]})),_:1},8,["enter","leave"])])])]})),_:1},8,["open"])]})),_:1},8,["show"])}],["__scopeId","data-v-28ce2e40"]])},70527:(e,t,o)=>{o.r(t),o.d(t,{default:()=>i});var n=o(65961),r=o(70398),a={class:"scroll-hint mt-sm text-right pr-xl block text-muted text-sm"},l=["innerHTML"];const i=(0,n.defineComponent)({__name:"SizingDescription",props:{sizeConversionTable:{}},setup:function(e){var t=e,o=function(e){return"TABLE"===e.tagName},i=(0,n.computed)((function(){var e=t.sizeConversionTable;if(null!=e&&e.length){var o=(new DOMParser).parseFromString(e,"text/html");return Array.from(o.body.children)}return[]}));return function(e,t){return(0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(i.value,(function(t,i){return(0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:i},[o(t)?((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:0},[(0,n.createVNode)((0,n.unref)(r.GestureSupportedTable),{tableNode:t,theme:"dark"},null,8,["tableNode"]),(0,n.createCommentVNode)(" Product page owns the scroll hint copy; Product bridge owns the table shell. "),(0,n.createElementVNode)("div",a,(0,n.toDisplayString)(e.$t("hbx.product.detail.scroll_for_more")),1)],64)):((0,n.openBlock)(),(0,n.createElementBlock)("div",{key:1,class:"mt-sm mr-md md:mr-0",innerHTML:t.outerHTML},null,8,l))],64)})),128)}}})}}]);