1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9489],{33061:e=>{e.exports={chatter:"DevHubEmbedChatter_chatter__bBxxi"}},43167:(e,t,r)=>{"use strict";function n(e,t,r,n){let o,i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:null,a=null==e?void 0:e.story_settings[0],l="none"===a.Template?a.WCM_Embeds:a.Template,s="none"===a.Template?a.Subhead.trim()?"".concat(a.Subhead," | ").concat(a.Unique_ID):a.Unique_ID:a.Slug,c=a.Subtype||null;"Click"===t?o="hnp_click":"Impression"===t&&(o="hnp_impression");let d=window.dataLayer||[],u=window.HDN.dataLayer.visit.urlHash;d.push({event:o,element_name:r,element_content:n,element_variant:"Castle",element_text:i,component_type:"".concat(l),component_subtype:c,component_detail:s,zone:null,link_url:null,url_hash:u,outbound:!1,source_system:"devhub"})}r.d(t,{s:()=>n})},68454:(e,t,r)=>{"use strict";r.d(t,{A:()=>i});var n=r(77269),o=r(76425);function i(e){let{text:t,classes:r,level:i=2,titleOverContent:a=!0}=e;void 0===r&&(r="devHubSubheaderSm my8");let l="<h".concat(i,' class="').concat(r,'">').concat(t,"</h").concat(i,">");return(0,n.jsx)(o.A,{html:l,inCardBlock:a})}},76425:(e,t,r)=>{"use strict";r.d(t,{A:()=>i});var n=r(90665),o=r(38775);function i(e){var t;let{serializedReact:r,html:i="",isDropCap:a,isChapterHeader:l,inCardBlock:s,isInset:c,isRichText:d=!0}=e,u={bx:c?["mb0"]:s?["mb20"]:a?["mb32","mnh91px"]:["mb32"]};l&&(u["data-chapter-header"]="true");let p=(t=d&&!(null!=i&&i.includes("NO_RICH_TEXT_STYLE")),t?c?"richtextInset":s?"richtextCard":"richtext":"none");return n.j.jsx(o.A,{...u,as:"div",stylingContext:p,"data-block-type":"text","data-dropcap":a,serializedReact:r,html:i})}},89489:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>y});var n=r(77269),o=r(13385),i=r(90013),a=(0,o.forwardRef)((e,t)=>{let{transition:r,...o}=e;return(0,n.jsx)("div",{...o,style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",transition:r?"clip-path ".concat(r):void 0,userSelect:"none",willChange:"clip-path, transition",KhtmlUserSelect:"none",MozUserSelect:"none",WebkitUserSelect:"none"},"data-rcs":"clip-item",ref:t})});a.displayName="ContainerClip";var l=(0,o.forwardRef)((e,t)=>{let{children:r,disabled:o,portrait:i,position:a,transition:l}=e,s={position:"absolute",top:0,width:i?"100%":void 0,height:i?void 0:"100%",background:"none",border:0,padding:0,pointerEvents:"all",appearance:"none",WebkitAppearance:"none",MozAppearance:"none",outline:0,transform:i?"translate3d(0, -50% ,0)":"translate3d(-50%, 0, 0)",transition:l?"".concat(i?"top":"left"," ").concat(l):void 0};return(0,n.jsx)("button",{ref:t,"aria-label":"Drag to move or focus and use arrow keys","aria-orientation":i?"vertical":"horizontal","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":a,"data-rcs":"handle-container",disabled:o,role:"slider",style:s,children:r})});l.displayName="ThisHandleContainer";var s=e=>{let{flip:t}=e;return(0,n.jsx)("div",{className:"__rcs-handle-arrow",style:{width:0,height:0,borderTop:"8px solid transparent",borderRight:"10px solid",borderBottom:"8px solid transparent",transform:t?"rotate(180deg)":void 0}})},c=e=>{let{className:t="__rcs-handle-root",disabled:r,buttonStyle:o,linesStyle:i,portrait:a,style:l,...c}=e,d={display:"flex",flexDirection:a?"row":"column",placeItems:"center",height:"100%",cursor:r?"not-allowed":a?"ns-resize":"ew-resize",pointerEvents:"none",color:"#fff",...l},u={flexGrow:1,height:a?2:"100%",width:a?"100%":2,backgroundColor:"currentColor",pointerEvents:"auto",boxShadow:"0 0 4px rgba(0,0,0,.5)",...i},p={display:"grid",gridAutoFlow:"column",gap:8,placeContent:"center",flexShrink:0,width:56,height:56,borderRadius:"50%",borderStyle:"solid",borderWidth:2,pointerEvents:"auto",backdropFilter:"blur(7px)",WebkitBackdropFilter:"blur(7px)",backgroundColor:"rgba(0, 0, 0, 0.125)",boxShadow:"0 0 4px rgba(0,0,0,.35)",transform:a?"rotate(90deg)":void 0,...o};return(0,n.jsxs)("div",{...c,className:t,style:d,children:[(0,n.jsx)("div",{className:"__rcs-handle-line",style:u}),(0,n.jsxs)("div",{className:"__rcs-handle-button",style:p,children:[(0,n.jsx)(s,{}),(0,n.jsx)(s,{flip:!0})]}),(0,n.jsx)("div",{className:"__rcs-handle-line",style:u})]})},d=(e=>(e.ARROW_LEFT="ArrowLeft",e.ARROW_RIGHT="ArrowRight",e.ARROW_UP="ArrowUp",e.ARROW_DOWN="ArrowDown",e))(d||{}),u=function(){let{boxSizing:e="border-box",objectFit:t="cover",objectPosition:r="center center",...n}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return{display:"block",width:"100%",height:"100%",maxWidth:"100%",boxSizing:e,objectFit:t,objectPosition:r,...n}},p=(e,t,r,n)=>{let i=(0,o.useRef)();(0,o.useEffect)(()=>{i.current=t},[t]),(0,o.useEffect)(()=>
1{if(!(r&&r.addEventListener))return;let t=e=>i.current&&i.current(e);return r.addEventListener(e,t,n),()=>{r.removeEventListener(e,t,n)}},[e,r,n])},h="u">typeof window.document&&"u">typeof window.document.createElement?o.useLayoutEffect:o.useEffect,b={capture:!1,passive:!0},f={capture:!0,passive:!1},m=e=>{e.preventDefault(),e.currentTarget.focus()},v=(0,o.forwardRef)((e,t)=>{let{boundsPadding:r=0,browsingContext:i=globalThis,changePositionOnHover:s=!1,disabled:u=!1,handle:v,itemOne:x,itemTwo:g,keyboardIncrement:w="5%",onlyHandleDraggable:y=!1,onPositionChange:_,portrait:C=!1,position:k=50,style:j,transition:R,...S}=e,A=(0,o.useRef)(null),E=(0,o.useRef)(null),L=(0,o.useRef)(null),T=(0,o.useRef)(k),[D,N]=(0,o.useState)(!1),[z,H]=(0,o.useState)(!0),O=(0,o.useRef)(!1),[M,U]=(0,o.useState)(),W=(e=>{let t=(0,o.useRef)(e);return(0,o.useEffect)(()=>{t.current=e}),t.current})(k),I=(0,o.useCallback)(function(e){let{x:t,y:n,isOffset:o}=e,a=A.current,l=L.current,s=E.current,{width:c,height:d,left:u,top:p}=a.getBoundingClientRect();if(0===c||0===d)return;let h=Math.min(Math.max((C?o?n-p-i.scrollY:n:o?t-u-i.scrollX:t)/(C?d:c)*100,0),100),b=C?d/(a.offsetHeight||1):c/(a.offsetWidth||1),f=r*b/(C?d:c)*100,m=Math.min(Math.max(h,f*b),100-f*b);T.current=h,l.setAttribute("aria-valuenow","".concat(Math.round(T.current))),l.style.top=C?"".concat(m,"%"):"0",l.style.left=C?"0":"".concat(m,"%"),s.style.clipPath=C?"inset(".concat(m,"% 0 0 0)"):"inset(0 0 0 ".concat(m,"%)"),_&&_(T.current)},[r,_,C,i]);(0,o.useEffect)(()=>{let{width:e,height:t}=A.current.getBoundingClientRect(),r=k===W?T.current:k;I({x:e/100*r,y:t/100*r})},[r,k,C,W,I]);let P=(0,o.useCallback)(e=>{e.preventDefault(),u||0!==e.button||(I({isOffset:!0,x:e.pageX,y:e.pageY}),N(!0),H(!0))},[u,I]),B=(0,o.useCallback)(function(e){I({isOffset:!0,x:e.pageX,y:e.pageY}),H(!1)},[I]),F=(0,o.useCallback)(()=>{N(!1),H(!0)},[]),X=(0,o.useCallback)(e=>{let{width:t,height:r}=e,{width:n,height:o}=A.current.getBoundingClientRect();I({x:t/100*T.current*n/t,y:r/100*T.current*o/r})},[I]),Y=(0,o.useCallback)(e=>{if(!Object.values(d).includes(e.key))return;e.preventDefault(),H(!0);let{top:t,left:r}=L.current.getBoundingClientRect(),{width:n,height:o}=A.current.getBoundingClientRect(),i="string"==typeof w?parseFloat(w):w/n*100,a=Math.min(Math.max((C?"ArrowLeft"===e.key||"ArrowDown"===e.key:"ArrowRight"===e.key||"ArrowUp"===e.key)?T.current+i:T.current-i,0),100);I({x:C?r:n*a/100,y:C?o*a/100:t})},[w,C,I]);(0,o.useEffect)(()=>{U(y?L.current:A.current)},[y]),(0,o.useEffect)(()=>{let e=A.current,t=()=>{D||F()};return s&&(e.addEventListener("pointermove",B,b),e.addEventListener("pointerleave",t,b)),()=>{e.removeEventListener("pointermove",B),e.removeEventListener("pointerleave",t)}},[s,B,F,D]),(0,o.useEffect)(()=>(D&&!O.current&&(i.addEventListener("pointermove",B,b),i.addEventListener("pointerup",F,b),O.current=!0),()=>{O.current&&(i.removeEventListener("pointermove",B),i.removeEventListener("pointerup",F),O.current=!1)}),[B,F,D,i]),(0,o.useImperativeHandle)(t,()=>({rootContainer:A.current,handleContainer:L.current,setPosition(e){let{width:t,height:r}=A.current.getBoundingClientRect();I({x:t/100*e,y:r/100*e})}}),[I]),((e,t)=>{let r=(0,o.useRef)(),n=(0,o.useCallback)(()=>{e.current&&r.current&&r.current.observe(e.current)},[e]);h(()=>(r.current=new ResizeObserver(e=>{let[r]=e;return t(r.contentRect)}),n(),()=>{r.current&&r.current.disconnect()}),[t,n])})(A,X),p("keydown",Y,L.current,f),p("click",m,L.current,f),p("pointerdown",P,M,f);let q=v||(0,n.jsx)(c,{disabled:u,portrait:C}),G=z?R:void 0,K={position:"relative",display:"flex",overflow:"hidden",cursor:D?C?"ns-resize":"ew-resize":void 0,touchAction:"none",userSelect:"none",KhtmlUserSelect:"none",msUserSelect:"none",MozUserSelect:"none",WebkitUserSelect:"none",...j};return(0,n.jsxs)("div",{...S,ref:A,style:K,"data-rcs":"root",children:[x,(0,n.jsx)(a,{ref:E,transition:G,children:g}),(0,n.jsx)(l,{disabled:u,portrait:C,position:Math.round(T.current),ref:L,transition:G,children:q})]})});v.displayName="ReactCompareSlider";var x=(0,o.forwardRef)((e,t)=>{let{style:r,...o}=e,i=u(r);return(0,n.jsx)("img",{ref:t,...o,style:i,"data-rcs":"image"})});x.displayName="ReactCompareSliderImage";var g=r(99792),w=r(43167);function y(e){let{projectData:t}=e,r=t.slider_wcmprops[0],[a,l]=(0,o.useState)(1),s=50;r&&r.starting_pct&&(s=parseFloat(r.starting_pct.replace("%","")))<=1&&(s*=100);let[d,u]=(0,o.useState)(!1);return(0,n.jsxs)(i.A.div,{cx:["mw100","mb20"],children:[(0,n.jsx)(g.A,{projectData:t}),(0,n.jsx)(v,{onPointerDown:()=>{l(0),d||((0,w.s)(t,"Click","SliderHandle","PhotoSlider","Slider handle dragged"),u(!0))},onPointerUp:()=>l(1),position:s,handle:(0,n.jsxs)(i.A.div,{cx:["f","aic","y100"],children:[(0,n.jsx)(c,{buttonStyle:{background:"#000000",border:0,color:"#fff"}}),r.label_two&&(0,n.jsx)(i.A.div,{cx:["p10","fs12","border","b-white","br8","mnw88px","c-white","abs","bg-black50","to03","left36","ml30","uiLabel1",0===a?"o0":"o100"],children:r.label_two}),r.label_one&&(0,n.jsx)(i.A.div,{cx:["p10","fs12","border","b-white","br8","mnw88px","c-white","abs","bg-black50","to03","right36","mr30","uiLabel1",0===a?"o0":"o100"],children:r.label_one})]}),itemOne:(0,n.jsx)(x,{src:"https://s.hdnux.com/photos/0/0/0/".concat(r.photo_one,"/3/1280x720.jpg"),alt:r.alt_one}),itemTwo:(0,n.jsx)(x,{src:"https://s.hdnux.com/photos/0/0/0/".concat(r.photo_t
1wo,"/3/1280x720.jpg"),alt:r.alt_two}),boundsPadding:10}),r.cap&&(0,n.jsxs)(i.A.p,{cx:["photoCaption","c-gray700","ya","block","mt8"],children:[r.cap," "]}),r.cred&&(0,n.jsxs)(i.A.p,{cx:["photoCredit","c-gray600","block","mt2","mr48"],children:[r.cred," "]})]})}},99792:(e,t,r)=>{"use strict";r.d(t,{A:()=>c});var n=r(77269),o=r(90013),i=r(23186),a=r(33061),l=r.n(a),s=r(68454);function c(e){var t,r;let{projectData:a}=e,c=null==a||null==(t=a.story_settings[0])?void 0:t.Subhead,d=null==a||null==(r=a.story_settings[0])?void 0:r.Chatter;return(0,n.jsxs)(o.A.div,{children:[c&&(0,n.jsx)(s.A,{text:c,level:3}),d&&(0,n.jsx)(o.A.div,{cx:[(0,i.A)(l().chatter),"fs16","mb16","uiTextSmall"],dangerouslySetInnerHTML:{__html:d}})]})}}}]);
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.