1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2877],{78951:function(e,n,o){o.d(n,{n:function(){return Video}});var i=o(85893),t=o(67294),a=o(5152),E=o.n(a),S=o(41664),r=o.n(S),_=o(20256),N=o(57207),c=o(65856),O=o(42048),C=o(62854),l=o(6783),I=o(37340);function _templateObject(){let e=(0,I._)(["\n position: relative;\n height: 100%;\n\n > .video-icon {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n"]);return _templateObject=function(){return e},e}function _templateObject1(){let e=(0,I._)(["\n position: relative;\n height: 100%;\n z-index: ",";\n\n > iframe {\n pointer-events: none;\n position: absolute;\n top: 0;\n left: 0;\n }\n\n .video-player {\n animation: fade-in 0.5s linear;\n }\n\n .video-player-wrapper {\n clip-path: inset(0 1px 1px 0);\n height: 100%;\n display: block;\n width: 100%;\n\n @media only screen and (max-width: 768px) {\n clip-path: unset;\n }\n\n div > video {\n filter: brightness(1);\n }\n\n &.is-visible {\n opacity: 1;\n }\n\n &.is-hidden {\n opacity: 0;\n }\n\n &.is-touchable {\n iframe {\n pointer-events: none;\n }\n }\n\n &.is-absolute {\n position: absolute;\n }\n }\n\n .button {\n position: absolute;\n top: 0;\n width: 100%;\n height: 100%;\n background: none;\n border: none;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .video-icon {\n border-radius: 50%;\n }\n"]);return _templateObject1=function(){return e},e}let B=_.ZP.div.withConfig({componentId:"sc-da0127fc-0"})(_templateObject()),T=_.ZP.div.withConfig({componentId:"sc-da0127fc-1"})(_templateObject1(),e=>e.layer),s=E()(()=>Promise.all([o.e(2422),o.e(8502)]).then(o.bind(o,56310)),{loadableGenerated:{webpack:()=>[56310]},ssr:!1}),A={AUTO:"auto",LOWER:-1};function Video(e){let{options:n={},className:o,thumbnail:a,isTouchable:E=!1,shouldUseCustomControl:S=!1,onVideoReady:I,controlButtonConfigs:u={},audioButtonConfigs:R={},linkUrl:d,classNameWrapper:L,onVideoProgress:M,onVideoStart:b,outerClassName:m,shouldUsePreview:P=!0}=e,h=(0,_.Fg)(),p="video-player-wrapper ".concat(L," ").concat(E?"is-touchable":""," "),[z,f]=(0,t.useState)({hasStartedPlaying:!1,isPlaying:!1,isPaused:!1});function renderPlayButton(){return(0,i.jsx)(N.X,{name:"playButton",size:60,mobileSize:40,className:"video-icon",fillColor:h.colors.video.iconBackground})}let[g,V]=(0,t.useState)({volume:0,muted:!0,loop:!0,width:"100%",height:"auto",playIcon:renderPlayButton(),playsinline:!0,fallback:(0,i.jsx)(c.a,{}),config:{file:{attributes:{poster:function(){if(!P)return!1;let e=(0,l.zE)(n.url);return a||"".concat(O.Z.THUMBNAIL).concat(e)}()}},vimeo:{playerOptions:{responsive:!0}}},onReady:function(){null==I||I()},onStart:function(){null==b||b(),f({...z,hasStartedPlaying:!0})},onPlay:function(){f(e=>({...e,isPlaying:!0,isPaused:!1}))},onPause:function(){f(e=>({...e,isPlaying:!1,isPaused:!0}))},onProgress:function(e){null==M||M(e)},...n}),D=(0,t.useCallback)(e=>{V(n=>({...n,...e}))},[]);function handleCustomControl(e){e.preventDefault();let{hasStartedPlaying:n,isPaused:o,isPlaying:i}=z;n&&o&&D({playing:!0}),n&&i&&D({playing:!1})}function renderVideoContent(){return(0,i.jsx)(T,{layer:function(){let{hasStartedPlaying:e}=z;return S&&e?A.LOWER:A.AUTO}(),className:"outer-video-container ".concat(m),children:(0,i.jsx)("div",{className:p.trim(),children:(0,i.jsx)(s,{className:o,...g})})})}function renderVideoContainer(){return d?(0,i.jsx)(r(),{href:d,prefetch:!1,children:renderVideoContent()}):renderVideoContent()}function handleMutedConfig(e){e.preventDefault(),V(e=>({...e,muted:!e.muted,volume:e.muted?1:0}))}return(0,t.useEffect)(()=>{D(n)},[n,D]),S?(0,i.jsxs)(B,{onClick:handleCustomControl,children:[S?z.isPaused?n.playIcon||renderPlayButton():n.pauseIcon||(0,i.jsx)(N.X,{name:"pauseVideo",size:60,mobileSize:40,className:"video-icon",fillColor:h.colors.video.iconBackground}):null,renderVideoContainer()]}):(0,i.jsxs)(i.Fragment,{children:[renderVideoContainer(),function(){let{iconSize:e={PLAY:24,PAUSE:24},className:n="",pausedClassName:o="is-paused",shouldRenderControlButton:t=!1}=u;if(!t)return null;let{isPaused:a}=z,E=a?e.PLAY:e.PAUSE,S=a?o:"",r=a?"Play video":"Pausar video";return(0,i.jsx)("button",{onClick:handleCustomControl,className:(0,C.C$)({_common:"control-button ".concat(n," ").concat(S).trim(),alexandre_birman:"tw-absolute"}),"aria-label":r,title:r,children:(0,i.jsx)(N.X,{name:a?"playVideo":"pauseVideo",size:E,className:(0,C.C$)({alexandre_birman:"tw-text-mirage"})})})}(),function(){let{iconSize:e={ON:20,OFF:23},className:n="",mutedClassName:o="is-muted",shouldRenderAudioButton:t=!1}=R;if(!t)return null;let{muted:a}=g,E=a?e.OFF:e.ON,S=a?o:"",r=a?"Ativar som":"Desativar som";return(0,i.jsx)("button",{onClick:handleMutedConfig,className:(0,C.C$)({_common:"audio-button ".concat(n," ").concat(S).trim(),arezzo:"tw-absolute tw-bottom-5 tw-right-5 tw-flex tw-size-14\n tw-items-center tw-justify-center tw-rounded-full tw-border-0\n tw-bg-zorba-dark/80",alexandre_birman:"tw-absolute"}),"aria-label":r,title:r,children:(0,i.jsx)(N.X,{name:a?"audioOff":"audioOn",size:E,className:(0,C.C$)({alexandre_birman:"tw-text-mirage"})})})}()]})}},69289:function(e,n,o){var i,t;o.d(n,{O:function(){return i}}),(t=i||(i={})).HEADER="Header",t.CONTENT="Content",t.SECONDARY_HEADER="SectionSecondaryHeader",t.BANNER_1="Banner1",t.BANNER_1_MOBILE="Banner1Mobile",t.SECTION_BANNER="SectionBanner",t.SECTION_BANNER_MOBILE="SectionBannerMobile",t.SECTION_BANNER_CAROUSEL="SectionBannerCarousel",t.SECTION_BANNER_CAROUSEL_MOBILE="SectionBannerCarouselMobile",t.SECTION_BANNER_CAROUSEL_2="SectionBanner2Carousel",t.SECTION_BANNER_CAROUSEL_2_MOBILE="SectionBanner2CarouselMobile",t.SECTION_BANNER_1_MOBILE="SectionBanner1Mobile",t.SECTION_LIST_BANNER_MOBILE="SectionListBannerMobile",t.SECTION_LIST_BANNER="SectionListBanner",t.SECTION_BANNER_2_MOBILE="SectionBanner2Mobile",t.SECTION_PARAGRAPH="SectionParagraph",t.SECTION_CATEGORY_SHELF="SectionCategoryShelf",t.SECTION_VIDEO="SectionVideo",t.SECTION_ZZ_CONTENT_HIGHLIGHT_POSTS="ZZContentHighlightPosts",t.SECTION_HIGHLIGHT_POST_LIST="SectionHighlightPostList",t.FOOTER="Footer",t.SECTION_PRODUCT_CAROUSEL="SectionProductCarousel",t.SECTION_PRODUCT_2_CAROUSEL="SectionProduct2Carousel",t.SECTION_PRODUCT_CAROUSEL_1="SectionProductCarousel1",t.SECTION_PRODUCT_CAROUSEL_2="SectionProductCarousel2",t.SECTION_PRODUCT_CAROUSEL_3="SectionProductCarousel3",t.SECTION_PRODUCT_CAROUSEL_4="SectionProductCarousel4",t.SECTION_HTML_CAROUSEL="SectionHtmlCarousel",t.SECTION_HIGHTLIGHTED_CAROUSEL_WITH_PRODUCTS="SectionHighlightedCarouselWithProducts",t.SECTION_VIDEO_ON_CUSTOM_BACKGROUND="VideoOnCustomBackgroun
1d",t.SECTION_VIDEO_ON_CUSTOM_BACKGROUND_MOBILE="VideoOnCustomBackgroundMobile",t.SECTION_FASHION_BANNER="FashionBanners",t.SECTION_FASHION_BANNER_MOBILE="FashionBannersMobile",t.SECTION_PRODUCT_MOSAIC="ProductsMosaic",t.SECTION_PROMOTIONAL_TEXT="PromotionalText",t.PRODUCT_CAROUSEL="ProductCarousel",t.PRODUCT_CAROUSEL_2="ProductCarousel2",t.SECTION_SECONDARY_BANNER="SectionBannerCarousel2",t.SECTION_SECONDARY_BANNER_MOBILE="SectionBannerCarouselMobile2",t.SECTION_VIDEO_BOX="SectionVideoBox",t.SECTION_BANNERS="SectionBanners",t.SECTION_BANNER_PRODUCT_LIST="SectionBannerAndProductList",t.SECTION_BANNER_STATIC="SectionBannerStatic",t.SECTION_BANNER_MAGAZZINE="SectionBannerMagazzine",t.SECTION_BANNER_MAGAZZINE_MOBILE="SectionBannerMagazzineMobile",t.SECTION_BANNER_MOBILE_STATIC="SectionBannerMobileStatic",t.SECTION_BANNER_WITH_VIDEO="SectionBannerWithVideo",t.STORIES="SectionNavDisconveryMobile",t.SECTION_COLLECTION_SHOWCASE_MOBILE="SectionCollectionShowcaseMobile",t.SECTION_COLLECTION_SHOWCASE="SectionCollectionShowcase",t.TREND_PRODUCTS="SectionProductsOfTendency",t.SECTION_BANNER_LIST_TO_BRANDS="SectionBannerListToBrands",t.SECTION_BANNER_LIST_TO_CATEGORIES="SectionBannerListToCategories",t.SECTION_CAMPAIGN_BANNERS="SectionCampaignBanners",t.PRODUCT_LIST_BY_OPTION="ProductListByOption",t.SECTION_BANNER2_LIST="SectionBanner2",t.SECTION_BANNER2_MOBILE_LIST="SectionBannerMobile2",t.SECTION_BANNER3_LIST="SectionBanner3",t.SECTION_BANNER3_MOBILE_LIST="SectionBanner3Mobile",t.SECTION_NAVIGATION_DISCOVERY="SectionNavigationDiscovery",t.SECTION_NAVIGATION_DISCOVERY_MOBILE="SectionNavigationDiscoveryMobile",t.SECTION_BANNERS_1="SectionBanners1",t.SECTION_BANNERS_2="SectionBanners2",t.SECTION_LINK_LIST="SectionLinkList",t.BANNER_APP="SectionBannerMobileApp",t.SECTION_BANNERS_1_MOBILE="SectionBanners1Mobile",t.SECTION_BANNERS_2_MOBILE="SectionBanners2Mobile",t.FOOTER_BENEFITS="FooterBenefits",t.SECTION_VIDEO_AND_PRODUCTS_CAMPAIGN="SectionVideoOnCustomBackground",t.SECTION_BANNER_A="SectionBannerA",t.SECTION_BANNER_B="SectionBannerB",t.SECTION_BANNER_MOBILE_A="SectionBannerMobileA",t.SECTION_BANNER_MOBILE_B="SectionBannerMobileB",t.SECTION_BANNER_C="SectionBannerC",t.SECTION_BANNER_MOBILE_C="SectionBannerMobileC",t.SECTION_BENEFITS="FooterBenefits",t.TIMER_DESKTOP="SectionSchutzArezzoCoTimer",t.TIMER_MOBILE="SectionSchutzArezzoCoTimerMobile",t.TIMER_DESKTOP_AREZZO="SectionArezzoCoTimer",t.TIMER_MOBILE_AREZZO="SectionArezzoCoTimerMobile",t.ANACAPRI_TIMER="SectionAnacapriArezzoCoTimer",t.ANACAPRI_TIMER_MOBILE="SectionAnacapriArezzoCoTimerMobile",t.ZZMALL_TIMER="SectionMarketplaceZZArezzoCoTimer",t.ZZMALL_TIMER_MOBILE="SectionMarketplaceZZArezzoCoTimerMobile",t.VANS_TIMER="SectionVansArezzoCoTimer",t.VANS_TIMER_MOBILE="SectionVansArezzoCoTimerMobile",t.VICENZA_TIMER_DESKTOP="SectionVicenzaArezzoCoTimer",t.VICENZA_TIMER_MOBILE="SectionVicenzaArezzoCoTimerMobile",t.VANS_CATEGORY_SHELF="VansCategoryShelfComponent",t.WHEEL="SectionAnacapriArezzoCoWheel",t.AREZZO_WHEEL="SectionArezzoCoWheel",t.AREZZO_WHEEL_MOBILE="SectionArezzoCoWheelMobile",t.VICENZA_WHEEL="SectionVicenzaArezzoCoWheel",t.VICENZA_WHEEL_MOBILE="SectionVicenzaArezzoCoWheelMobile",t.ZZMALL_WHEEL="SectionMarketplaceZZArezzoCoWheel",t.ZZMALL_WHEEL_MOBILE="SectionMarketplaceZZArezzoCoWheelMobile",t.AREZZO_STYLE_COMPONENT="ArezzoHomepageStyleComponent",t.SECTION_NAVIGATION_SPOTS="SectionNavigationSpotsComponent",t.SECTION_EXCLUSIVE_SERVICES="SectionExclusiveServices",t.SECTION_FASHION_BANNER_LIST_1="SectionBannerList1FashionHighlight",t.SECTION_FASHION_BANNER_LIST_2="SectionBannerList2FashionHighlight",t.SECTION_FASHION_BANNER_LIST_1_MOBILE="SectionBannerList1FashionHighlightMobile",t.SECTION_FASHION_BANNER_LIST_2_MOBILE="SectionBannerList2FashionHighlightMobile",t.SECTION_VIDEO_ON_CUSTOM_BACKGROUND_MORE_COLORS="SectionVideoOnCustomBackgroundMoreColors",t.SECTION_BANNER_MOBILE_1="SectionBannerMobile1",t.SECTION_BANNER_1="SectionBanner1",t.SECTION_BANNER_MOBILE_2="SectionBannerMobile2",t.SECTION_BANNER_2="SectionBanner2",t.SECTION_BANNER_MOBILE_3="SectionBannerMobile3",t.SECTION_BANNER_3="SectionBanner3",t.SECTION_BANNER_MOBILE_4="SectionBannerMobile4",t.SECTION_BANNER_4="SectionBanner4",t.SECTION_BANNER_MOBILE_5="SectionBannerMobile5",t.SECTION_BANNER_5="SectionBanner5",t.SECTION_BANNER_MOBILE_6="SectionBannerMobile6",t.SECTION_BANNER_6="SectionBanner6",t.SECTION_BANNER_MOBILE_7="SectionBannerMobile7",t.SECTION_BANNER_7="SectionBanner7",t.SECTION_BANNER_MOBILE_8="SectionBannerMobile8",t.SECTION_BANNER_8="SectionBanner8",t.SECTION_BANNER_MOBILE_9="SectionBannerMobile9",t.SECTION_BANNER_9="SectionBanner9",t.SECTION_BANNER_LIST="SectionBannerList1",t.SECTION_BANNER_LIST_MOBILE="SectionBannerListMobile1",t.FEATURE_PRODUCTS="SectionPromotionalProductHomePage",t.SECTION_BANNER_PRIVATE_SALE="SectionArezzoCoBannerPrivateSale",t.SECTION_BANNER_PRIVATE_SALE_MOBILE="SectionArezzoCoBannerPrivateSaleMobile",t.FULLSCREEN_VIDEO="VideoFullScreen",t.SECTION_BANNER_SIDE_CAROUSEL_1="SectionBannerSideCarousel1",t.SECTION_BANNER_SIDE_CAROUSEL_2="SectionBannerSideCarousel2",t.SECTION_BANNER_SIDE_CAROUSEL_3="SectionBannerSideCarousel3"}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.