https://www.popularmechanics.com/_assets/fre/scopes/hdm/_next/static/chunks/67162.569d4f19f1c3e09a.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[47952,67162],{21762:(e,t,r)=>{r.d(t,{DD:()=>n,GJ:()=>i,Sr:()=>a,XL:()=>l});let n="has-content-product-links",a="product-links",i="product-links-button",l="content-product-links_collection"},40788:(e,t,r)=>{r.d(t,{tB:()=>i});var n=r(49268);let a={phase:n.PHASES.traverse},i=[[()=>r.e(82923).then(r.bind(r,82923)),a],[()=>r.e(93310).then(r.bind(r,93310)),a]];[...i],n.PHASES.parser},44781:(e,t,r)=>{r.r(t),r.d(t,{default:()=>h});var n=r(12598),a=r(65306),i=r(96314),l=r(71055),o=r(70891),c=r(800),u=r(47382),s=r(34726),d=r(16614),p=r(47952),f=r(9954),b=r(71055);let m=new u.default("EMBEDDED-GALLERY-LIST"),g={background:"linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 56.77%)"};function h({slides:e,title:t,showTitle:r,slideCount:u,contentProductLinks:y,id:w,hideProsAndCons:O=null,seamlessScroll:P}){let v=i.lJ?.list??30,j=(0,n.Nq)(e).slice(0,v),_=(0,c.BV)("layoutContextProps.pageId"),k=([e,t]=[])=>(0,a.p)({contentProductLinks:y,galleryId:t,pageIndex:e,pageId:_,includeFileTypes:!1,initialData:j,display:s.Qh}),S=(...e)=>(0,a.i)(...e,w),{0:D,1:E}=(0,l.useState)(j),{0:A,1:F}=(0,l.useState)(!1),L=(0,l.useRef)(1),R=(0,l.useRef)(null),{data:C,ref:U}=(0,o.A)({fetcher:k,getKey:S,pageSize:v,fallbackData:j}),$=P?C:D,B=e.length>=v,z=u>D.length&&B&&!A;return(0,f.Y)(b.Fragment,null,(0,f.Y)(d.Ay,{showTitle:r,slides:$,title:t,ref:P?U:R,hideProsAndCons:O,id:w}),z&&!P?(0,f.Y)(p.default,{fetcher:k,getKey:S,onDataLoad:({data:e=[],error:t,size:r=1})=>{t?m.error("Failed to load embedded gallery slides",{galleryId:w,error:t}):!(r<=L.current)&&(L.current=r,e.length>D.length?E(e):r>1&&F(!0))},sxProps:g}):null)}},47952:(e,t,r)=>{r.r(t),r.d(t,{default:()=>g});var n=r(93682),a=r(4927),i=r(20339),l=r(46827),o=r(26282),c=r(38644),u=r(52134),s=r(68014),d=r.n(s),p=r(9954);function f(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?f(Object(r),!0).forEach(function(t){(0,n.A)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):f(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}let m=d()(()=>r.e(622).then(r.bind(r,78241)),{id:"494e240",loadableGenerated:{webpack:()=>[78241]}});function g({buttonText:e="",fetcher:t,getKey:r,onDataLoad:n=a.lQ,options:s={revalidateOnFocus:!1},sxProps:d={},themeKey:f="load-more-button-overlay"}){let h=(0,u.B)(m,o.A),{data:y,error:w,size:O,setSize:P}=(0,l.Ay)(r,t,b(b({revalidateFirstPage:!1},c.fF),s)),v=(0,i.Bd)("content.showMore"),j=!w&&O>0&&y&&void 0===y[O-1];if(!j){let[e]=y&&y.length?y.slice(-1):[],t=e?.[0]?.id||null;n({data:y&&y.length?[].concat(...y):[],error:w,size:O,lastPageFirstItemId:t})}return(0,p.Y)(h,{onClick:()=>{j||P(O+1)},sxProps:d,themeKey:f,isLoading:j,size:"lg",variant:"secondary-solid",radius:"rounded",style:{width:"fit-content",margin:"auto"}},j?null:e||v)}},65306:(e,t,r)=>{r.d(t,{i:()=>m,p:()=>b});var n=r(94442),a=r(93682),i=r(21762),l=r(40788),o=r(96752),c=r(49268);function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function s(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?u(Object(r),!0).forEach(function(t){(0,a.A)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}let d=new(r(47382)).default("embedded-gallery-parse-slide"),p=async(e,t,r,n)=>{let a=await t.parse(e,r,n);return await t.traverse(a,r,n),a};async function f({slides:e,ctx:t,display:r,contentProductLinks:n={}}){let a=new c.State;a.set(i.XL,n);let u=new c.Bonsai({plugins:l.tB,singleRun:!1});return Promise.all(e.map(async e=>{let{custom_description:n,metadata:i}=e,l=null;if(e.metadata.embed_type)try{l=await (0,o.t)(e)}catch(e){d.error("Cannot transform embed, check slide in the CMS",e)}if(!i.dek&&!n&&!i.headline)return s(s({},e),{},{metadata:s(s({},e?.metadata),l&&{embedCodeObj:l})});let c=s(s({},t),{},{contentProps:{slide:e,display:r}}),[{value:f=null},{value:b=null},{value:m=null}]=await Promise.allSettled([i.dek&&p(i.dek,u,c,a),n&&p(n,u,c,a),i.headline&&p(i.headline,u,c,a)]);return s(s({},e),{},{customDescriptionDom:b,metadata:s(s(s({},e?.metadata),{},{dekDom:f},m&&{headlineDom:m}),l&&{embedCodeObj:l})})}))}async function b({contentProductLinks:e,galleryId:t,pageIndex:r,initialData:a,pageId:i,display:l

1="list"}){if(!t||!r)return[];if(1===r)return a;let o=`/api/embedded-gallery?${new URLSearchParams({id:t,page:r,type:l,content:i}).toString()}`,c=await (0,n.hd)(o),u=await c.json(),s=u?.embeddedGallery?.slides??[];return s.length?f({slides:s,id:t,contentProductLinks:e}):[]}function m(e,t,r){return r&&(!t||t.length)?[e+1,r]:null}},70891:(e,t,r)=>{r.d(t,{A:()=>b});var n=r(93682),a=r(53520),i=r(83222),l=r(71055),o=r(46827),c=r(38644);let u=["fetcher","getKey","fallbackData","update","pageSize","inviewOptions"],s=["data","error","size","isLoading","setSize"];function d(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function p(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?d(Object(r),!0).forEach(function(t){(0,n.A)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function f(e){return e+1}function b(e){let{fetcher:t,getKey:r,fallbackData:n=[],update:d=f,pageSize:b=10,inviewOptions:m}=e,g=(0,a.A)(e,u),{inView:h,observer:y,ref:w}=(0,i.A)(m),O=(0,o.Ay)(r,t,p(p({fallbackData:n,revalidateFirstPage:!1},c.fF),g)),{data:P,error:v,size:j,isLoading:_,setSize:k}=O,S=(0,a.A)(O,s),D=P&&P.length?[].concat(...P):[],E=_||j>0&&P&&void 0===P[j-1];return(0,l.useEffect)(()=>{!h||!w.current||n.length<b||(y.current.unobserve(w.current),!P&&!v||E||P&&P[P.length-1]?.length<b||(y.current.reset(),k(d(j))))},[h]),(0,l.useEffect)(()=>{w.current&&y.current.observe(w.current)},[P]),p({ref:w,loading:E,data:D??[],size:j,error:v,infiniteScrollErrorHandler:e=>{y?.current?.reset(),k(d(e))}},S)}},96752:(e,t,r)=>{r.d(t,{Vg:()=>_,Xt:()=>y,aT:()=>P,j1:()=>v,n9:()=>w,t:()=>O,w7:()=>j});var n=r(89205),a=r(9203),i=r(15630),l=r(9842),o=r(24538),c=r(47382),u=r(78860),s=r(98435);let d="https://www.youtube.com/oembed",p=new c.default("listicle YouTube Embed"),f=/([A-Z0-9])\w+/,b=/(?:p|reel|tv)\/([^/?#&]+).*/,m=/data-instgrm-permalink="(.*?)"/,g=/data-instgrm-captioned/,h=/src="(.*?)"/;function y({countdown:e,hide_list_number:t,count_with_total:r}){return"1"===r?o.i8:"1"===t?o.Le:"1"===e?o.vM:o.u6}function w(e,t,r,n={}){if((0,u.z)(n?.skip_slide_numbering))return"";switch(e){case o.i8:return`${t} / ${r}`;case o.Le:return"";case o.vM:return`${r-(t-1)}`;case o.u6:default:return t}}async function O(e){if(!e||""===e.metadata.embed_type)return null;let t=e.metadata.url,n=e.metadata.embed_type;if("youtube"===n){let[{getYouTubeEmbedObj:e},{getOembedResponse:n}]=await Promise.all([Promise.resolve().then(r.bind(r,72732)),Promise.resolve().then(r.bind(r,99738))]),a=e(t.startsWith("http")?`src="${t}"`:t),i=a?.id;if(!i)return null;let l=`https://www.youtube.com/watch?v=${i}`,o="";try{let e=await n(d,l,p);o=e?.title}catch{p.error("oembed request fails",d,l)}let c=new URLSearchParams("?align=center&mute=1"),u=new URLSearchParams(a?.params);return u.get("autoplay")&&"1"===u.get("autoplay")&&c.append("autoplay","1"),{title:o,videoEmbed:`src="${l}?${c.toString()}`,"data-embed":"youtube",priority:"auto",fullUrl:l}}if("instagram"===n){let e=t.match(m)?.[1],r=t&&(e||t);return e&&(t&&t.match(g)?.[0]||(r+="&hidecaption=true")),{id:t?t.match(b)?.[1]:"",meta:{name:"instagram",custom:!0},children:[r]}}if("pinterest"===n){let e=t.match(h)?.[1];return{align:"center",id:t?t.match(f)[0]:"",description:"false",size:"medium",meta:{name:"pinterest",custom:!0},children:[t],fullUrl:e}}return null}function P(e){let{slide_image_link_url:t,slide_image_link_title:r,slide_image_link_new_tab:n,slide_image_link_nofollow:a,slideImageLinkUrlProduct:i}=e?.metadata||{};return{linkURL:t,linkTitle:r,linkNewTab:n,linkNoFollow:a,cplData:i}}function v(e){if(e.media_type===n.Z2.PRODUCT)return{};let{linkURL:t,linkNewTab:r,linkNoFollow:a,cplData:i}=P(e),l={};return t&&(l.href=t),"1"===r&&(l.target="_blank"),"1"===a&&(l.rel="nofollow"),i&&(l.cplData=i),l}function j(e){if((0,l.ES)(e)){let t=e?.aspectRatio??e?.metadata?.options?.embedAspectRatio??"";return"9x16"===(0,s._)(t,"none")?a.UN:a.sn}let{width:t,height:r,metadata:{crops:n,selected_crop:o}={},selected_crop:c}=e??{},{crops:u,height:d,width:p}=e?.image??{};return(0,i.b3)({crops:u??n,height:d??r,selectedCrop:c??o,width:p??t})}function _(){return[]}}}]);