1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6057,8121],{4118:(e,t,i)=>{"use strict";i.d(t,{AC:()=>a,JR:()=>s,XW:()=>l,q3:()=>n});let r=e=>(null==e?void 0:e.trim().toLowerCase())==="true",l=e=>r(e.Section_Break),a=e=>r(e.Embed_Entry),n=e=>!l(e)&&!a(e),s=(e,t,i)=>0===t.length||(i?t.every(t=>{var i;return null==(i=e.Tags)?void 0:i.includes(t)}):t.some(t=>{var i;return null==(i=e.Tags)?void 0:i.includes(t)}))},8403:(e,t,i)=>{"use strict";i.r(t),i.d(t,{default:()=>R});var r=i(77269),l=i(90013),a=i(23186),n=i(34211),s=i(98496),o=i(46533),c=i(13385),d=i(66349),u=i(87262),p=i(9618),m=i(1623),g=i(43929);function h(e){let{credits:t,devhubCredit:i=!0}=e;return(0,r.jsx)(l.A.div,{cx:["mt4","mb24"],children:(0,r.jsxs)(l.A.p,{cx:["deckSm"],children:[t,t&&i&&" ",i&&(0,r.jsxs)(r.Fragment,{children:["Powered by the"," ",(0,r.jsx)(l.A.a,{cx:["bb","b-gray600","hover:c-primary"],href:"https://www.sfchronicle.com/projects/about-the-devhub-hearst-newspapers/",target:"_blank",children:"Hearst DevHub"}),"."]})]})})}var v=i(64881),f=i(73683);function b(e){let{newsletterId:t,descriptionText:i,headlineText:a}=e,[n,s]=(0,c.useState)({error:!1,success:!1,processing:!1});return(0,r.jsx)(l.A.div,{cx:["mt32","mb32"],children:(0,r.jsx)(v.P,{headlineText:"".concat(a||"Newsletter Signup"),descriptionText:i||null,onNewsletterSignup:e=>{s(e=>({...e,processing:!0})),(0,f.V)(e,{newsletterId:t,sailthruSignupLists:{[t]:1},sailthruSignupListForBC:[t],sailthruSource:"devhub"},e=>s(t=>({...t,processing:!1,error:!!e})),()=>s(e=>({...e,success:!0,processing:!1})))},clearFormErrors:()=>{s(e=>({...e,error:!1}))},processing:n.processing,success:n.success,error:n.error,disclaimerText:"By signing up, you agree to our Terms Of Use and acknowledge that your information will be used as described in our Privacy Policy.",dynamicLinks:{disclaimerText:[{text:"Terms Of Use",url:"/terms/"},{text:"Privacy Policy",url:"/privacy/"}]},placement:"main"})})}var x=i(79796),_=i(60395),y=i(59448),A=i(90665),C=i(15078);function D(e){let{color:t="currentColor",...i}=e;return A.j.jsx(C.A,{viewBox:"0 0 512 512",...i,children:A.j.jsx("path",{fill:t,d:"M502.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l370.7 0-105.4 105.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"})})}D.displayName="DevHubArrowIcon";var j=i(68627),w=i(82842),L=i(65703),S=i(43167);function k(e){let{projectData:t,listings:i,savedListNames:a,savedLists:n,setSavedLists:s,tagDefinitions:o,backgroundColor:c,isMapView:d,setActiveListingId:u,requestListingJump:p}=e,m=a.length,g=[],h=[];return 2===m&&(g=["f","fdc","sm:fdr"],h=["sm:x50"]),(0,r.jsx)(l.A.div,{cx:["-mxNoGutter","sm:px16"],children:(0,r.jsx)(l.A.div,{id:"wishlist",cx:["x100","mt32","mb32","mxa","border","b-black","mw1400px",g],children:a.map(e=>(0,r.jsxs)(l.A.div,{cx:["px32","bg-secondaryAccessible","pt28","pb36",h],children:[(0,r.jsx)(l.A.h2,{cx:["mt14","mb12","tac","nameplateSm","c-white"],children:e}),(0,r.jsx)(F,{projectData:t,listings:i,savedListName:e,savedLists:n,setSavedLists:s,tagDefinitions:o,backgroundColor:c,isMapView:d,setActiveListingId:u,requestListingJump:p})]},"savedlist-".concat(e)))})})}function F(e){let{projectData:t,listings:i,savedListName:a,savedLists:n,setSavedLists:s,tagDefinitions:o,backgroundColor:c,isMapView:d,setActiveListingId:u,requestListingJump:p}=e,m=n[a];return(0,r.jsx)(l.A.div,{cx:["mw640px","mx20","sm:mxa","mt32","mb16","border","b-black",!c&&"bg-white"],style:{backgroundColor:c||void 0},children:m.length>0?m.map((e,l)=>{let c=i.find(t=>t.Listing_Id===e);return c?(0,r.jsx)(I,{projectData:t,listing:c,isLastListing:l===m.length-1,tagDefinitions:o,isMapView:d,setActiveListingId:u,savedListName:a,savedLists:n,setSavedLists:s,requestListingJump:p},"wishlist-item-".concat(e)):(0,r.jsx)(r.Fragment,{})}):(0,r.jsx)(l.A.div,{cx:["ml10","mr10","mt14","pb10"],children:(0,r.jsx)(l.A.p,{children:"Your saved items will show up here!"})})})}function I(e){let{projectData:t,listing:i,isLastListing:a,tagDefinitions:n,isMapView:s,setActiveListingId:o,savedListName:c,savedLists:d,setSavedLists:p,requestListingJump:m}=e;return(0,r.jsxs)(l.A.div,{cx:["ml10","mr10","mt14","pb10",a?"":"bb"],children:[(0,r.jsxs)(l.A.h3,{cx:["secondaryInlineHeader","mb12","f","g12"],children:[(0,r.jsxs)(l.A.span,{cx:["fa","f","g8","aic"],children:[(0,r.jsx)("span",{children:i.Subhead}),(0,r.jsx)("span",{children:(0,r.jsx)(y.A,{"aria-label":"Jump to entry",onClick:()=>{(0,S.s)(t,"Click","Button","Save","Scroll to ".concat(i.Subhead," from ").concat(c," saved list")),s?(window.innerWidth<u.Rp.sm&&(0,L.P)("#detail-list",120),m?m(i.Listing_Id):o&&o(i.Listing_Id)):(0,L.P)("#".concat(i.Listing_Id),80)},children:(0,r.jsx)(l.A.span,{cx:["f","jcc","aic","x30px","y30px","br50","border","bw1","b-gray500","hover:border-gray400","c-gray500","hover:c-gray400"],children:(0,r.jsx)(D,{rotation:270,size:16})})})})]}),(0,r.jsx)(l.A.button,{cx:["f","aic","jcc","br50","bg-gray100","bn","cp","x32px","y32px"],onClick:()=>{(0,S.s)(t,"Click","Button","Save","Remove ".concat(i.Subhead," from ").concat(c," saved list"));let e=d[c].filter(e=>e!==i.Listing_Id),r={...d};r[c]=e,p(r)},"aria-label":"Close",children:(0,r.jsx)(j.b,{size:13})})]}
1),(0,r.jsx)(l.A.div,{cx:["light","fs14","pr8","mb12"],children:i.Display_Location}),(0,r.jsx)(w.A,{tags:i.Tags,tagDefinitions:n,keySlug:"".concat(i.Listing_Id,"-listing")})]})}var T=i(10270),E=i.n(T),M=i(4118),B=i(54425),N=i(22128),P=i.n(N);let V=P()(()=>Promise.all([i.e(1394),i.e(2742),i.e(1277),i.e(3089),i.e(5524),i.e(2117),i.e(1320),i.e(8909)]).then(i.bind(i,38909)),{loadableGenerated:{webpack:()=>[38909]}}),H=P()(()=>Promise.all([i.e(1394),i.e(2117),i.e(8701)]).then(i.bind(i,18701)),{loadableGenerated:{webpack:()=>[18701]}});function R(e){return(0,r.jsxs)(l.A.div,{cx:["z0","ox-clip",(0,a.A)(E().page)],children:[(0,r.jsx)(d.A,{...e})," ",(0,r.jsx)(m.A,{slot1:(0,r.jsx)(z,{...e}),options:{setContentDiv:!0}})]})}function O(e){return e.startsWith("#")?(0,x.iN)(e):e.toLowerCase().startsWith("rgb")?(0,x.fT)(e):(0,x.av)(e)}function z(e){var t,i,a,d,m,v,f,x,y,A,C,D,j,w,L,S;let F=null==(t=e.projectData)?void 0:t.story_settings[0],I=(null==(i=e.projectData)?void 0:i.localizedPubDate)||"",T=(null==(a=e.projectData)?void 0:a.localizedModDate)||"",E=null==(d=e.authors)?void 0:d.filter(e=>null!==e),N=null==(m=e.projectData)?void 0:m.formattedCredits,P=[];(null==(v=e.projectData)?void 0:v.related_links)&&(null==(f=e.projectData)||f.related_links.slice(1).map(e=>{let t={title:e.title,url:e.url,image:{url:"https://s.hdnux.com/photos/0/0/0/".concat(e.wcmid,"/0/"),alt:"related link",width:2048,height:1366},useImg:!0,hide:{image:!1}};P.push(t)}));let R=(null==F?void 0:F.Remove_Ads.toLowerCase())==="true",z=null==(x=e.projectData)?void 0:x.list_settings[1],G=z.List_Type,U=z.Has_Map&&"true"===z.Has_Map.toLowerCase()||["map - filters on both views","map - filters on map only","map - no filters"].includes(G),W=z.Filterable_Map&&"true"===z.Filterable_Map.toLowerCase()||["map - filters on both views","map - filters on map only","filters"].includes(G),q=G&&"sticky nav"===G,[J,K]=(0,c.useState)(null);(0,c.useEffect)(()=>{let e=()=>{K(window.innerWidth<u.Rp.sm)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]);let X="Combined"!==z.Default_View?"Map"===z.Default_View?"Map":"List":J?"List":"Map",Y="Combined"===z.Default_View?"Combined":"Default",Z=null;z.Lat&&z.Lng&&(Z={center:[parseFloat(z.Lng),parseFloat(z.Lat)],zoom:10}),z.Zoom&&(Z||(Z={}),Z.zoom=parseFloat(z.Zoom));let $=null==(y=z.Highlight_Color)?void 0:y.trim(),Q=(null==(A=z.Background_Color)?void 0:A.trim())||"white";(0,c.useEffect)(()=>{if(!Q)return;let e=document.querySelector("main");e&&(e.style.backgroundColor=Q,e.style.setProperty("--feature",Q))},[Q]),(0,c.useEffect)(()=>{if(!$)return;let e=document.querySelector("main");e&&(e.style.setProperty("--primary",$),e.style.setProperty("--primaryAccessible",$),e.style.setProperty("--primaryRGB",O($)))},[$]);let ee=z.Categorical_Filters&&"true"===z.Categorical_Filters.toLowerCase(),et={Filter_Name:"Other",Filter_ID:"other",Category_Color:O((0,B.M)("grey-50"))},ei=null==(C=e.projectData)?void 0:C.tags.slice(1).map(e=>({...e,Category_Color:O((0,B.M)(e.Category_Color||$))})).filter(e=>e.Filter_Name),er=null==(D=e.projectData)?void 0:D.listings.slice(1).filter(e=>"FALSE"===e.Section_Break&&!e.Tags);ee&&er.length>0&&!ei.some(e=>"other"===e.Filter_ID)&&ei.push(et);let el=null==(j=e.projectData)?void 0:j.details.slice(1).filter(e=>e.Display_Text),ea=z.Hide_Anchor_Links&&"true"===z.Hide_Anchor_Links.toLowerCase(),en=(null==(w=e.projectData)?void 0:w.listings)?null==(L=e.projectData)?void 0:L.listings.slice(1).filter(e=>e.Subhead||(0,M.AC)(e)).map((e,t)=>{var i;let r={};el.forEach(t=>{r[t.Display_Text]=e[t.Display_Text]});let l=[];return(null==(i=e.Tags)?void 0:i.length)&&(l=e.Tags.split(",").map(e=>e.trim()).filter(e=>e)),ee&&0===l.length&&"FALSE"===e.Section_Break&&(l=[et.Filter_ID]),ee&&l.length>1&&(l=[l[0]]),e[""]&&delete e[""],{...e,Listing_Id:(0,M.AC)(e)&&!String(e.Listing_Id||"").trim()?"embed-entry-".concat(t+1):e.Listing_Id,Details:r,Tags:l}}):[],es=null==(S=z.Saved_List_Names)?void 0:S.split(";").map(e=>e.trim()),eo=[],ec={};for(let e=0;e<+z.Saved_List_Count;e++){let t=es[e]?es[e]:"Saved";eo.push(t),ec[t]=[]}let[ed,eu]=(0,c.useState)(ec),ep="devHub-list-".concat(null==F?void 0:F.Market_Key,"-").concat(null==F?void 0:F.Slug);(0,c.useEffect)(()=>{let e,t=(0,_.UM)(ep);if(!t)return;try{e=JSON.parse(t)}catch(e){(0,_.St)(ep,JSON.stringify(ec),604800);return}let i=!0;
1Object.keys(e).forEach(e=>{es.includes(e)||(i=!1)});let r=Object.values(e).flat(),l=en.map(e=>e.Listing_Id);r.forEach(e=>{l.includes(e)||(i=!1)}),i?eu(e):(0,_.St)(ep,JSON.stringify(ec),604800)},[]),(0,c.useEffect)(()=>{(0,_.St)(ep,JSON.stringify(ed),604800)},[ed,ep]);let[em,eg]=(0,c.useState)(U&&"Map"===X);(0,c.useEffect)(()=>{"Combined"===z.Default_View&&null!==J&&eg(!J)},[J,z.Default_View]);let[eh,ev]=(0,c.useState)(null),[ef,eb]=(0,c.useState)(null),ex=(0,c.useCallback)(()=>{eb(null)},[]);return(0,r.jsxs)(l.A.div,{cx:["mt28","mb64","article"],children:[(()=>{if(!(null==F?void 0:F.Intro_Graf))return null;let e=F.Intro_Graf.split("\n").filter(e=>""!==e.trim()),t=Math.min(3,e.length);return(0,r.jsxs)(r.Fragment,{children:[e.slice(0,t).map((e,t)=>(0,r.jsx)(g.A,{text:e},"intro-para-".concat(t))),!R&&(0,r.jsx)(p.A,{number:1}),e.slice(t).map((e,i)=>(0,r.jsx)(g.A,{text:e},"intro-para-".concat(t+i)))]})})(),U?(0,r.jsx)(V,{projectData:e.projectData,listings:en,detailDefinitions:el,tagDefinitions:ei,isCategorical:ee,savedListNames:eo,savedLists:ed,setSavedLists:eu,activeListingId:eh,setActiveListingId:ev,hasTagFilters:W,listType:G,defaultView:X,layoutStyle:Y,initialMapView:Z,removeAds:R,backgroundColor:Q,accentColor:$,showMap:em,setShowMap:eg,isMobile:J,isAnchorLinksHidden:ea,requestedListingJumpId:ef,clearRequestedListingJump:ex}):(0,r.jsx)(H,{projectData:e.projectData,listings:en,detailDefinitions:el,tagDefinitions:ei,savedListNames:eo,savedLists:ed,setSavedLists:eu,hasStickyNav:q,hasTagFilters:W,removeAds:R,backgroundColor:Q,isCategorical:ee,isAnchorLinksHidden:ea}),(null==F?void 0:F.Outro_Graf)&&(0,r.jsx)(l.A.div,{cx:["mt96"],children:(0,r.jsx)(g.A,{text:F.Outro_Graf})}),+z.Saved_List_Count>0&&(0,r.jsx)(k,{projectData:e.projectData,listings:en,savedListNames:eo,savedLists:ed,setSavedLists:eu,tagDefinitions:ei,backgroundColor:Q,isMapView:em,setActiveListingId:ev,requestListingJump:eb}),(null==F?void 0:F.Methodology)&&(0,r.jsxs)(l.A.div,{children:[(0,r.jsx)(l.A.h1,{cx:["mb10","mt32","secondaryInlineHeader"],children:(null==F?void 0:F.Methodology_Header)||"About this story"}),(0,r.jsx)(g.A,{text:F.Methodology})]}),(null==F?void 0:F.NewsletterID)&&(0,r.jsx)(b,{newsletterId:F.NewsletterID,descriptionText:F.NewsletterPromo,headlineText:F.NewsletterTitle}),(null==F?void 0:F.Editor_Note)&&(0,r.jsx)(g.A,{text:"<i>".concat(F.Editor_Note,"</i>")}),N&&(0,r.jsx)(h,{credits:N}),(0,r.jsx)(l.A.div,{bx:["mb12"],children:(0,r.jsx)(n.A,{publishedDate:I,updatedDate:T,variant:"displayTwoDates"})}),(0,r.jsx)(s.A,{authors:E,footerBio:!0}),P.length>0&&(0,r.jsx)(o.Ay,{placement:"main",stories:P,title:{headerType:"title",sponsorImage:"https://www.sfgate.com/img/logos/black/logo.svg",sponsorTag:void 0,sponsorUrl:void 0,text:"Read More"}})]})}},9618:(e,t,i)=>{"use strict";i.d(t,{A:()=>s});var r=i(77269),l=i(76057),a=i(49868),n=i(90013);function s(e){let{number:t}=e,{pageProps:{siteConfig:{domain:i}}}=(0,a.Sz)();if(t&&t>=7)return null;let s=t?String.fromCharCode(64+t):void 0;return(0,r.jsx)(n.A.div,{cx:["-mxNoGutter"],children:(0,r.jsx)(l.default,{adUnitPath:"hnp-".concat(i,"/article_dtc"),small:"".concat(s,"Pflex"),large:"".concat(s,"Pflex"),showInlineAdLabel:!0})})}},10270:e=>{e.exports={link:"List_link___h9zZ",listing:"List_listing__MODLD",readMoreText:"List_readMoreText__8k4XY"}},15078:(e,t,i)=>{"use strict";i.d(t,{A:()=>a});var r=i(90665),l=i(4869);function a(e){let{height:t="1rem",...i}=e;return r.j.jsx(l.A,{height:t,...i})}a.displayName="DevHubIcon"},41563:(e,t,i)=>{"use strict";i.d(t,{i:()=>a});var r=i(90665),l=i(4869);function a(e){let{color:t="#4A90E2"}=e;return r.j.jsxs(l.A,{height:16,variant:"arrow",...e,children:[r.j.jsx(l.A,{preserveAspectRatio:"none",viewBox:"1 0 83 16",children:r.j.jsx("line",{x1:"84",y1:"8",x2:"1",y2:"8",stroke:t,strokeWidth:"2",strokeLinecap:"round",vectorEffect:"non-scaling-stroke"})}),r.j.jsx(l.A,{preserveAspectRatio:"xMaxYMid meet",viewBox:"0 0 85 16",children:r.j.jsx("path",{d:"M84.7071 8.70711C85.0976 8.31658 85.0976 7.68342 84.7071 7.29289L78.3431 0.928932C77.9526 0.538408 77.3195 0.538408 76.9289 0.928932C76.5384 1.31946 76.5384 1.95262 76.9289 2.34315L82.5858 8L76.9289 13.6569C76.5384 14.0474 76.5384 14.6805 76.9289 15.0711C77.3195 15.4616 77.9526 15.4616 78.3431 15.0711L84.7071 8.70711ZM82 9L84 9L84 7L82 7L82 9Z",fill:t})})]})}a.displayName="ArrowIcon"}
1,43167:(e,t,i)=>{"use strict";function r(e,t,i,r){let l,a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:null,n=null==e?void 0:e.story_settings[0],s="none"===n.Template?n.WCM_Embeds:n.Template,o="none"===n.Template?n.Subhead.trim()?"".concat(n.Subhead," | ").concat(n.Unique_ID):n.Unique_ID:n.Slug,c=n.Subtype||null;"Click"===t?l="hnp_click":"Impression"===t&&(l="hnp_impression");let d=window.dataLayer||[],u=window.HDN.dataLayer.visit.urlHash;d.push({event:l,element_name:i,element_content:r,element_variant:"Castle",element_text:a,component_type:"".concat(s),component_subtype:c,component_detail:o,zone:null,link_url:null,url_hash:u,outbound:!1,source_system:"devhub"})}i.d(t,{s:()=>r})},43929:(e,t,i)=>{"use strict";i.d(t,{A:()=>a});var r=i(77269),l=i(76425);function a(e){let{text:t,classes:i,unstyledText:a=!1}=e;void 0===i&&(i="articleBody mb32");let n='<p class="'.concat(i,'">'),s="</p>",o=RegExp(n+s.replace(/\//g,"\\/"),"g"),c="".concat(n).concat(t.replace(/\n/g,"".concat(s).concat(n))).concat(s);return c=c.replace(o,""),(0,r.jsx)(l.A,{html:c,isRichText:!a,isInset:a})}},54425:(e,t,i)=>{"use strict";i.d(t,{M:()=>l});let r={white:"#FFFFFF",black:"#111111",red:"#BA142D",orange:"#DF7821",gold:"#E5A72C",green:"#819958",teal:"#189196",blue:"#025BAF",purple:"#97668F",pink:"#D1365E",grey:"#3E3E3E","red-75":"#D06566","orange-75":"#E4914B","gold-75":"#E8BD62","green-75":"#99AC78","teal-75":"#45A6AC","blue-75":"#428BCA","purple-75":"#AC84A5","pink-75":"#DA5E7D","grey-75":"#676767","red-50":"#D18786","orange-50":"#EAAB76","gold-50":"#EDCE87","green-50":"#B1C097","teal-50":"#71BBC2","blue-50":"#67A2D5","purple-50":"#C1A3BC","pink-50":"#E3879D","grey-50":"#909090","red-25":"#DDABAA","orange-25":"#F0C4A1","gold-25":"#F1DEAD","green-25":"#C8D3B7","teal-25":"#9ED1D8","blue-25":"#95C1E8","purple-25":"#D6C1D3","pink-25":"#ECAFBC","grey-25":"#C7C7C7","red-0":"#F2E1E1","orange-0":"#F5DECB","gold-0":"#F6EED2","green-0":"#E0E6D6","teal-0":"#CAE6EE","blue-0":"#CFE0EF","purple-0":"#EBE0E9","pink-0":"#F5D7DB","grey-0":"#E1E1E1","red-pale":"#FBF5F5","orange-pale":"#FCF4EE","gold-pale":"#FCF9F0","green-pale":"#F5F7F1","teal-pale":"#EDF7F9","blue-pale":"#EFF5FA","purple-pale":"#F8F5F8","pink-pale":"#FCF2F3","grey-pale":"#F6F6F6","red-300":"#7F0D0A","orange-300":"#B05A0C","gold-300":"#B17A00","green-300":"#5F7539","teal-300":"#00505A","blue-300":"#003166","purple-300":"#724C6C","pink-300":"#951D3A","grey-300":"#111111","red-bright":"#D20C0E","orange-bright":"#FF7500","gold-bright":"#FFBC30","green-bright":"#7CA735","teal-bright":"#2CB9BF","blue-bright":"#1874CB","purple-bright":"#B87790","pink-bright":"#E94B73","grey-bright":"#FFFFFF"};function l(e){return e?r[e]||e:r.grey}},65703:(e,t,i)=>{"use strict";function r(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"smooth";if("undefined"==typeof document)return;let r=document.querySelector(e);if(!r)return;let l=r.getBoundingClientRect().top+window.pageYOffset-t;window.scrollTo({top:l,behavior:i})}i.d(t,{P:()=>r})},66349:(e,t,i)=>{"use strict";i.d(t,{A:()=>g});var r=i(77269);i(13385);var l=i(49868),a=i(91454),n=i(22128),s=i.n(n),o=i(44112);let c=s()(()=>Promise.all([i.e(1295),i.e(1690),i.e(6822),i.e(5524),i.e(9672)]).then(i.bind(i,98218)),{loadableGenerated:{webpack:()=>[98218]}});function d(e){let{template:t}=e;return"QuakeTracker"===t?(0,r.jsx)("div",{style:{height:"80vh",width:"100%",minHeight:"500px"},children:(0,r.jsx)(c,{...e})}):(o.A.warn(t,"UnsupportedDevHubCustomGraphicType"),null)}var u=i(90013),p=i(40884),m=i(95237);function g(e){var t,i,n,s,o,c,g;let h,v,f=(0,l.Ir)(),b=(0,p.useFeatureFlag)("marketingV2"),{pageProps:{siteConfig:{domain:x}}}=(0,l.Sz)(),_=null==(t=e.projectData)?void 0:t.story_settings[0],y=null==(i=e.projectData)?void 0:i.topper_settings[0],A=(null==(n=e.projectData)?void 0:n.localizedPubDate)||"",C=(null==(s=e.projectData)?void 0:s.localizedModDate)||"",D=null,j=(h="no-visual",v=null,y.Custom_Graphic?h="custom-graphic":y.Video_Mp4?(h="videoloop",v={mp4Url:"".concat(y.Video_Mp4),m3u8Url:"".concat(y.Video_M3u8||y.Video_Mp4),title:"".concat(y.Image_Credits),byline:"".concat(y.Image_Credits),caption:"".concat(y.Image_Caption),captionHTML:"".concat(y.Image_Caption)}):y.Image&&(h="image",v={id:parseInt(y.Image||"0",10),title:"",byline:"".concat(y.Image_Credits),image:{url:"".concat((0,m.$)(y.Image),"/rawImage.jpg"),b64:null,width:2048*parseFloat(y.Image_Aspect||"1"),height:2048,caption:{plain:"".concat(y.Image_Caption),html1:"".concat(y.Image_Caption)},external:null}}),{type:h,blockParams:v});if("no-visual"!==y.Topper_Style){let e={"small-visual":"devhubsmallvisual",stacked:"devhubft",fullscreen:"devhubherocenter","side-by-side-right":"devhubsxsrt","side-by-side-left":"devhubsxslt","side-by-side-left-portrait":"devhubsxsltportrait","side-by-side-right-portrait":"devhubsxsrtportrait"}[y.Topper_Style];D={type:j.type,heroLayout:e,isFeatureArticle:!0,block:{params:j.blockParams}}}let w=[];if(e.authors)for(let t=0;t<e.authors.length;t++){let i=e.authors[t];w.push({name:null==i?void 0:i.name,url:null==i?void 0:i.url})}let L=(null==(o=e.projectData)?void 0:o.breadcrumbsData)||[],S={title:null==_?void 0:_.Title,subtitle:(null==_?void 0:_.Deck)||"",breadcrumbs:L,authors:w,authorTitle:"",type:"articleHeader",shareTools:{facebook:"https://www.facebook.com/sharer/sharer.php?u=".concat(encodeURIComponent("https://".concat(x,"/project/").concat(null==_?void 0:_.Slug,"/%3Futm_campaign%3DCMS%2520Sharing%2520Tools%2520(Premium)%26utm_source%3Dfacebook.com%2
16utm_medium%3Dreferral"))),twitter:"https://twitter.com/intent/tweet?url=".concat(encodeURIComponent("https://".concat(x,"/project/").concat(null==_?void 0:_.Slug,"/%3Futm_campaign%3DCMS%2520Sharing%2520Tools%2520%28Premium%29%26utm_source%3Dt.co%26utm_medium%3Dreferral"))),bluesky:"https://bsky.app/intent/compose?text=".concat(encodeURIComponent("https://".concat(x,"/project/").concat(null==_?void 0:_.Slug,"/%3Futm_campaign%3DCMS%2520Sharing%2520Tools%2520%28Premium%29%26utm_source%3Dt.co%26utm_medium%3Dreferral"))),email:"mailto:?subject=Sharing%20a%20link%20with%20you%3A&body=".concat(_.Title,"%0D%0A%0D%0A").concat(encodeURIComponent("https://".concat(x,"/project/").concat(null==_?void 0:_.Slug,"/?utm_campaign=CMS%20Sharing%20Tools%20(Premium)&utm_source=share-by-email&utm_medium=email")))},publishedOnline:A,lastModifiedDate:C,lastPublishedDisplayed:C,hero:D},k="custom-graphic"===j.type?(0,r.jsx)(d,{template:y.Custom_Graphic,setMap:e.projectData.setMap,incidentsURL:e.projectData.incidentsURL,IncidentListItem:e.projectData.IncidentListItem}):null,F=["#fff","#ffffff","white",""].includes(null!=(g=null==(c=y.Topper_Background_Color)?void 0:c.trim().toLowerCase())?g:""),I={titleWeight:y.Title_Style||"regular",titleSize:y.Title_Size||"standard",overlayStyle:y.Inverted_Colors||null,overlayVerticalPosition:y.HeaderDek_Vertical_Position||"center",overlayHorizontalPosition:y.HeaderDek_Horizontal_Position||"center",smallVisualWidth:y.Small_Visual_Max_Width||200,visualAspect:y.Image_Aspect||null,bgColor:y.Topper_Background_Color||null,textColor:y.Topper_Text_Color||null,CustomGraphic:k,stackedVisualWidth:"full width"===y.Stacked_Media_Width?"full width":"default",seriesTitle:null==_?void 0:_.Kicker_Text,seriesTitleLink:null==_?void 0:_.Kicker_Link};return(0,r.jsx)(u.A.div,{cx:["fullscreen","side-by-side-right","side-by-side-right-portrait","side-by-side-left","side-by-side-left-portrait","small-visual"].includes(null==y?void 0:y.Topper_Style)||!F?[]:["mt16","xs:mt40"],children:(0,a.A)(S,{user:f,useGiftArticleButton:!0,setContentDiv:!0,devHubSpecial:I,marketingV2:b})})}},73683:(e,t,i)=>{"use strict";i.d(t,{V:()=>a});var r=i(10144),l=i(58023);function a(e,t,i,a){let{newsletterId:n}=t,s={data:{format:"Inline",purpose:"NewsletterSingleSignup",variant:n||""},variantId:""};if(!n)return void(0,r.EX)(i,{bcEvent:s,message:"No newsletterId (variant) found",wcmUnitData:{lead_gen_platform:"castle",lead_gen_type:"Newsletter Single Signup"}});(0,l.R)(s,t,{},e,i,a)}},76057:(e,t,i)=>{"use strict";i.r(t),i.d(t,{default:()=>p});var r=i(77269),l=i(50071),a=i(80947),n=i(49936),s=i(23186),o=i(40884),c=i(13385),d=i(68095),u=i(84364);function p(e){let{hideOnMobile:t,hideOnDesktop:i,showBackground:p,topPadding:m,topOverride:g,sticky:h,items:v,channelSidebar:f,hasChapters:b,...x}=e,_=(0,o.useFeatureFlag)("onlyOneRBUnit"),[y,A]=function(){let[e,t]=(0,c.useState)(!0),i=(0,c.useRef)(null);return(0,c.useEffect)(()=>{let e=d.B.on(u.K.NATIVO_NO_AD,e=>{var r;(null==(r=i.current)?void 0:r.id)===(null==e?void 0:e.replace("#",""))&&t(!1)}),r=d.B.on(u.K.SPA_NAVIGATION_START,()=>{var e,t;(null==(t=i.current)||null==(e=t.id)?void 0:e.startsWith("NTV"))&&(i.current.innerHTML="")}),l=d.B.on(u.K.SPA_NAVIGATION_COMPLETE,()=>{var e,r;(null==(r=i.current)||null==(e=r.id)?void 0:e.startsWith("NTV"))&&t(!0)});return()=>{d.B.off(u.K.NATIVO_NO_AD,e),d.B.off(u.K.SPA_NAVIGATION_START,r),d.B.off(u.K.SPA_NAVIGATION_COMPLETE,l)}},[]),[i,e]}(),C=(0,a.kX)(),D=["NTV7ARD"===x.large?["ymx","my50"]:"y100"];return(0,r.jsx)("div",{style:A?void 0:{display:"none"},className:(0,n.A)((0,s.A)("package"),_?!f&&h&&(0,s.A)("y100AB"):!f&&D[0],(m||"lifestyle"===C&&g)&&["md:pt40"],t&&["none","md:block"],i&&["block","xs:none"],p&&["x100","bg-gray200","bt","b-gray400"]),children:(0,r.jsx)(l.Ad,{ref:y,params:x,variant:"nospacing",bx:[h&&["s",b?"top155":"top97"]]})})}},76425:(e,t,i)=>{"use strict";i.d(t,{A:()=>a});var r=i(90665),l=i(38775);function a(e){var t;let{serializedReact:i,html:a="",isDropCap:n,isChapterHeader:s,inCardBlock:o,isInset:c,isRichText:d=!0}=e,u={bx:c?["mb0"]:o?["mb20"]:n?["mb32","mnh91px"]:["mb32"]};s&&(u["data-chapter-header"]="true");let p=(t=d&&!(null!=a&&a.includes("NO_RICH_TEXT_STYLE")),t?c?"richtextInset":o?"richtextCard":"richtext":"none");return r.j.jsx(l.A,{...u,as:"div",stylingContext:p,"data-block-type":"text","data-dropcap":n,serializedReact:i,html:a})}},79796:(e,t,i)=>{"use strict";function r(e){e=e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,function(e,t,i,r){return t+t+i+i+r+r});let t=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);return t?"".concat(parseInt(t[1],16),", ").concat(parseInt(t[2],16),", ").concat(parseInt(t[3],16)):"255, 255, 255"}function l(e){let t=document.createElement("div");t.style.color=e,document.body.appendChild(t);let i=window.getComputedStyle(t).color;document.body.removeChild(t);let r=i.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);return r?"".concat(parseInt(r[1],10),", ").concat(parseInt(r[2],10),", ").concat(parseInt(r[3],10)):"255, 255, 255"}function a(e){var t;return null!=(t=e.replace(/[rgb()]/g,""))?t:"255, 255, 255"}i.d(t,{av:()=>l,fT:()=>a,iN:()=>r})},82842:(e,t,i)=>{"use strict";i.d(t,{A:()=>a});var r=i(77269),l=i(90013);function a(e){let{tags:t,tagDefinitions:i,keySlug:a,isCategorical:n=!1}=e;return 0===t.length?null:(0,r.jsx)(l.A.div,{cx:["f","fw","fs14","light","ttu","mb8","c-black60","g8"],children:t.map(e=>{var t,s;let o=null==(t=i.find(t=>t.Filter_ID===e))?void 0:t.Filter_Name,c=null==(s=i.find(t=>t.Filter_ID===e))?void 0:s.Category_Color;return(0,r.jsx)(l.A.span,{cx:["inline-block","px8","py2","br16",n&&c?"":"bg-primary15"],style:{background:n&&c&&"rgba(".concat(c,", 0.35)")},children:o},"".concat(a,"-").concat(e))})})}},95237:(e,t,i)=>{"use strict";function r(e){let t=parseInt(e).toString(8);t.length%2&&(t="0".concat(t));let i=t.match(/.{1,2}/g);return i&&(t=(i=i.slice(0,4)).join("/")),"https://s.hdnux.com/photos/".concat(t,"/").concat(e,"/1")}i.d(t,{$:()=>r})}}]);
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.