https://householdpulse.com/_next/static/chunks/131-913719af8cef09f20364.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[131],{8131:function(e,t,n){n.d(t,{Z:function(){return X}});var o=n(7294),i=n(5509),r=n(5291),a=n(6727),d=n(2651),u=n(8767),c=n(4811),l=n(6634),s=n(1638),f=n(2788),h=n(131),m=n(1755),p=n(2282),g=n(7316),b=n(6808),v=n(5543),x=n(363),y=f.default.label.withConfig({displayName:"StyledRadioButton__StyledRadioButtonContainer",componentId:"sc-g1f6ld-0"})(["display:flex;flex-direction:row;align-items:center;user-select:none;width:fit-content;"," ",":hover input:not([disabled]) + div,:hover input:not([disabled]) + span{border-color:",";}:hover{background-color:",";}"," ",";"],(function(e){return e.disabled&&"\n  opacity: 0.5;\n  cursor: default;\n"}),(function(e){return!e.disabled&&"cursor: pointer;"}),(function(e){return(0,b.ut)(e.theme.radioButton.hover.border.color,e.theme)}),(function(e){return(0,b.ut)(!e.disabled&&e.theme.radioButton.hover&&e.theme.radioButton.hover.background&&e.theme.radioButton.hover.background.color,e.theme)}),(function(e){return e.focus&&!e.focusIndicator&&"\n      input:not([disabled]) + div,\n      input:not([disabled]) + span {\n      border-color: "+(0,b.ut)(e.theme.radioButton.hover.border.color,e.theme)+";\n    }\n    background-color: "+(0,b.ut)(!e.disabled&&e.theme.radioButton.hover&&e.theme.radioButton.hover.background&&e.theme.radioButton.hover.background.color,e.theme)+";\n    "}),(function(e){return e.theme.radioButton.container.extend}));y.defaultProps={},Object.setPrototypeOf(y.defaultProps,m.l);var w=f.default.input.withConfig({displayName:"StyledRadioButton__StyledRadioButtonInput",componentId:"sc-g1f6ld-1"})(["opacity:0;-moz-appearance:none;width:0;height:0;margin:0;",";"],(function(e){return!e.disabled&&"cursor: pointer;"}));w.defaultProps={},Object.setPrototypeOf(w.defaultProps,m.l);var B=f.default.span.withConfig({displayName:"StyledRadioButton__StyledRadioButtonLabel",componentId:"sc-g1f6ld-2"})(["",""],(function(e){return e.theme.radioButton.font.weight&&(0,f.css)(["font-weight:",";"],e.theme.radioButton.font.weight)}));B.defaultProps={},Object.setPrototypeOf(B.defaultProps,m.l);var j=f.default.svg.withConfig({displayName:"StyledRadioButton__StyledRadioButtonIcon",componentId:"sc-g1f6ld-3"})(["box-sizing:border-box;width:",";height:",";fill:",";",";"],(function(e){return e.theme.radioButton.icon.size||e.theme.radioButton.size}),(function(e){return e.theme.radioButton.icon.size||e.theme.radioButton.size}),(function(e){return(0,b.ut)(e.theme.radioButton.check.color||"control",e.theme)}),(function(e){return e.theme.radioButton.icon.extend}));j.defaultProps={},Object.setPrototypeOf(j.defaultProps,m.l);var k=f.default.div.withConfig({displayName:"StyledRadioButton__StyledRadioButtonBox",componentId:"sc-g1f6ld-4"})(["background-color:",";",";",";"],(function(e){var t;return(0,b.ut)(null==(t=e.theme.radioButton.check.background)?void 0:t.color,e.theme)}),(function(e){return e.focus&&(0,x.jq)()}),(function(e){return e.theme.radioButton.check.extend}));k.defaultProps={},Object.setPrototypeOf(k.defaultProps,m.l);var C=f.default.div.withConfig({displayName:"StyledRadioButton",componentId:"sc-g1f6ld-5"})(["",";"],(function(e){return e.theme.radioButton&&e.theme.radioButton.extend}));C.defaultProps={},Object.setPrototypeOf(C.defaultProps,m.l);var I={},S=["a11yTitle","checked","children","disabled","focus","focusIndicator","id","label","name","onChange"];function P(){return(P=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e}).apply(this,arguments)}var O=(0,o.forwardRef)((function(e,t){var n=e.a11yTitle,i=e.checked,r=e.children,a=e.disabled,d=e.focus,u=e.focusIndicator,c=e.id,l=e.label,s=e.name,h=e.onChange,p=function(e,t){if(null==e)return{};var n,o,i={},r=Object.keys(e);for(o=0;o<r.length;o++)n=r[o],t.indexOf(n)>=0||(i[n]=e[n]);return i}(e,S),x=(0,o.useContext)(f.ThemeContext)||m.l.theme,I=(0,o.useState)(),O=I[0],N=I[1],R="string"===typeof l?o.createElement(B,null,l):l,_=x.radioButton.icons.circle,T=(0,b.ut)(x.radioButton.border.color,x);return i&&(T=(0,b.ut)(x.radioButton.color||"control",x)),o.createElement(y,P({},(0,v.o2)({htmlFor:c,disabled:a}),{onClick:function(e){"radio"!==e.target.type&&e.stopPropagation()},focus:d,focusIndicator:u,onMouseEnter:function(){return N(!0)},onMouseLeave:function(){return N(!1)}}),o.createElement(C,{as:g.x,flex:!1,margin:l?{right:x.radioButton.gap||"small"}:void 0},o.createElement(w,P({"aria-label":n},p,{ref:t,type:"radio"},(0,v.o2)({id:c,name:s,checked:i,disabled:a,onChange:h}))),r?r({checked:i,focus:d&&u,hover:O}):o.createElement(k,{focus:d&&u,as:g.x,align:"center",justify:"center",width:x.radioButton.size,height:x.radioButton.size,border:{size:x.radioButton.border.width,color:T},round:x.radioButton.check.radius},i&&(_?o.createElement(_,{as:j}):o.createElement(j,{viewBox:"0 0 24 24",preserveAspectRatio:"xMidYMid meet"},o.createElement("circle",{cx:12,cy:12,r:6}))))),R)}));

1O.displayName="RadioButton",O.propTypes=I;var N={},R=["children","defaultValue","disabled","focusIndicator","name","onChange","options","value","gap"],_=["disabled","id","label","value"];function T(){return(T=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e}).apply(this,arguments)}function z(e,t){if(null==e)return{};var n,o,i={},r=Object.keys(e);for(o=0;o<r.length;o++)n=r[o],t.indexOf(n)>=0||(i[n]=e[n]);return i}var E=(0,o.forwardRef)((function(e,t){var n=e.children,i=e.defaultValue,r=e.disabled,a=e.focusIndicator,d=void 0===a||a,u=e.name,c=e.onChange,l=e.options,s=e.value,b=e.gap,v=z(e,R),x=(0,o.useContext)(h.q),y=(0,o.useContext)(f.ThemeContext)||m.l.theme,w=l.map((function(e){return"object"!==typeof e?{disabled:r,id:v.id?v.id+"-"+e:""+e,label:"string"!==typeof e?JSON.stringify(e):e,value:e}:T({disabled:r},e)})),B=x.useFormInput({name:u,value:s,initialValue:i||""}),j=B[0],k=B[1],C=(0,o.useState)(),I=C[0],S=C[1],P=(0,o.useRef)([]),N=o.useMemo((function(){var e;return w.some((function(t,n){return t.value===j&&(e=n,!0)})),e}),[w,j]);(0,o.useEffect)((function(){I&&!N&&P.current[0].focus()}),[I,N]);var E=function(){if(void 0!==N&&N<w.length-1){var e=N+1;P.current[e].click()}},Z=function(){if(N>0){var e=N-1;P.current[e].click()}},M=function(){setTimeout((function(){S(!0)}),1)},L=function(){return S(!1)};return o.createElement(p.N,{target:"document",onUp:I?Z:void 0,onDown:I?E:void 0,onLeft:I?Z:void 0,onRight:I?E:void 0},o.createElement(g.x,T({ref:t,role:"radiogroup"},y.radioButtonGroup.container,{gap:b||(y.radioButtonGroup.container&&y.radioButtonGroup.container.gap?y.radioButtonGroup.container.gap:"small")},v),w.map((function(e,t){var i=e.disabled,r=e.id,a=e.label,s=e.value,f=z(e,_),h=s===j||void 0===j&&!t||""===j&&0===t;return o.createElement(O,T({ref:function(e){P.current[t]=e},key:s,name:u,label:n?void 0:a,disabled:i,checked:s===j,focus:I&&h,focusIndicator:d,id:r,value:s,onFocus:M,onBlur:L,onChange:function(e){k(s),c&&c(e)},tabIndex:h?"0":"-1"},f),n?function(e){return n(l[t],e)}:null)}))))}));E.displayName="RadioButtonGroup",E.propTypes=N;(0,f.default)(E).withConfig({displayName:"StyledRadioButtonGroup",componentId:"sc-iebyca-0"})(["label div{padding:4px;div{padding:0;width:16px;height:16px;border-radius:0;svg{width:16px;height:16px;}}}div{display:none;}label div{display:inherit;}"]);var Z=f.default.div.withConfig({displayName:"InlineDiv",componentId:"sc-1e38npp-0"})(["display:inline-block;margin-right:1em;padding-right:1em;padding-bottom:.25em;@media (max-width:1024px){border-right:none;padding-bottom:.25em;margin-bottom:.25em;padding-top:.25em;margin-top:.25em;vertical-align:text-top;}"]),M=f.default.div.withConfig({displayName:"InlineDiv__InlineContainer",componentId:"sc-1e38npp-1"})(["display:flex;flex-direction:row;@media (max-width:1024px){display:initial;}"]),L=n(8264),G=n(3136),q=n(2335),A=(n(8234),f.default.div.withConfig({displayName:"HeaderRowContainer",componentId:"sc-eaiac4-0"})(["position:sticky;top:0;background:white;z-index:1001;border-bottom:2px solid #e6e6e6;"])),F=n(5870),D=n(5893),H=F.map((function(e){return e.date})),J=new u.QueryClient;function X(e){var t=e.baseTheme,n=void 0===t?"Food":t,f=(0,o.useState)([n]),h=f[0],m=f[1],p=(0,o.useState)("Time Series"),g=(p[0],p[1],function(e){var t=e.map((function(e){return G.i.find((function(t){return t.theme===e})).title}));return q.filter((function(e){return t.includes(e.topic)}))}(h)),b=(0,o.useState)("TOPLINE"),v=b[0],x=(b[1],(0,o.useState)(!1)),y=(x[0],x[1],(0,o.useState)(0)),w=y[0],B=y[1],j=(0,o.useRef)(null),k=function(){var e=j.current;e&&B(e.getBoundingClientRect().height)};(0,o.useLayoutEffect)((function(){k(),window.addEventListener("resize",k)}),[]);var C=(0,o.useState)([0,H.length-1]),I=C[0],S=C[1];return(0,D.jsxs)("div",{children:[(0,D.jsx)(r.Z,{description:"Understanding how the pandemic has changed daily life for households across US cities.",title:"Household Pulse Survey :: Mansueto Institute",iconPath:"",fontsPath:"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400&family=IBM+Plex+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap"}),(0,D.jsx)(a.Z,{}),(0,D.jsxs)("main",{children:[(0,D.jsx)(A,{ref:j,children:(0,D.jsxs)(s.Z,{children:[(0,D.jsx)(i.JX,{xs:12,sm:6,children:(0,D.jsx)("h1",{children:h.map((function(e){return G.i.find((function(t){return t.theme===e})).title})).join(", ")})}),(0,D.jsx)(i.JX,{xs:12,sm:6,children:(0,D.jsx)(L.Z,{range:I,onChange:function(e){return S(e)}})}),(0,D.jsx)(i.JX,{xs:12,md:12,className:"border-right",children:(0,D.jsx)(M,{children:(0,D.jsx)(Z,{children:(0,D.jsx)(l.Z,{themes:h,setThemes:m,allThemes:G.i})})})})]})}),(0,D.jsx)(u.QueryClientProvider,{client:J,children:(0,D.jsx)(c.Z,{variables:g,dates:{start:{date:H[I[0]],index:I[0]},end:{date:H[I[1]],index:I[1]}},range:I,weekList:H,facet:v,height:w})})]}),(0,D.jsx)(d.Z,{})]})}},4811:function(e,t,n){var o=n(5509),i=n(3862),r=n(5893);t.Z=function(e){var t=e.variables,n=e.dates,a=e.facet,d=e.height,u=e.range,c=e.weekList;return(0,r.jsx)(o.W2,{style:{padding:"2em 0",maxWidth:"initial"},children:t.map((function(e,t){return(0,r.jsx)(i.Z,{question:e,dates:n,top:"".concat(d,"px"),parentFacet:a,range:u,weekList:c},"question-row-".concat(t,"-").concat(e.variable,"-").concat(a))}))})}},1638:function(e,t,n){var o=n(2788),i=n(5509),r=(0,o.default)(i.X2).withConfig({displayName:"StickyRow__StickyHeader",componentId:"sc-16i7lx4-0"})(["h1,p{display:inline-block;margin:0;}h1{font-size:1.5rem;}p.selection-label{font-weight:bold;}"]);t.Z=r},6634:function(e,t,n){n.d(t,{y:function(){return p},Z:function(){return g}});var o=n(3789),i=n(7294),r=n(2788),a=n(1755),d=n(7316);function u(){return(u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e}).apply(this,arguments)}var c=(0,i.forwardRef)((function(e,t){var n,o=u({},e),c=(0,i.useContext)(r.ThemeContext)||a.l.theme;return i.createElement(d.x,u({overflow:"hidden",kind:u({hover:null==(n=c.card.hover)?void 0:n.container},c.card.container),ref:t},c.card.container,o))}));

1c.displayName="Card";var l=n(7034),s=n(11),f=n(3827),h=n(5893),m=((0,r.default)(c).withConfig({displayName:"ThemeSelector__ThemeCard",componentId:"sc-zdxik9-0"})(["height:auto;padding-bottom:0.5em;header{font-size:1rem;}"]),r.default.div.withConfig({displayName:"ThemeSelector__ThemeCardBody",componentId:"sc-zdxik9-1"})(["font-weight:bold;"]),(0,r.default)(l.z).withConfig({displayName:"ThemeSelector__AddThemeButton",componentId:"sc-zdxik9-2"})(["height:2em;width:2em;border-radius:1em;padding:0;margin:0;font-weight:bold;background:rgba(0,0,0,0.1);color:#666;border:none;"])),p=r.default.button.withConfig({displayName:"ThemeSelector__PillBox",componentId:"sc-zdxik9-3"})(["border-radius:1em;padding:0.5em 1em;margin:0.25em 0.5em;height:2em;flex-direction:row;height:auto;background:",";box-shadow:2px 2px 5px 0px rgba(0,0,0,0.1);position:relative;flex-basis:auto;border:none;font-weight:bold;color:white;font-size:1rem;cursor:pointer;transition:250ms all;font-family:'IBM Plex Serif',Georgia,'Times New Roman',Times,serif;&:hover{box-shadow:0px 2px 4px rgba(0,0,0,0.5);}"],(function(e){return e.color})),g=function(e){var t=e.themes,n=e.setThemes,r=e.allThemes,a=(0,i.useState)(!1),d=a[0],u=a[1],c=function(e){return t.includes(e)?n((function(t){return t.filter((function(t){return t!==e}))})):n((function(t){return[].concat((0,o.Z)(t),[e])}))};return(0,h.jsxs)("div",{children:[(0,h.jsx)("p",{className:"selection-label",children:"Add or remove data themes"}),(0,h.jsxs)(f.Z,{children:["Data themes represent categories of questions like Childcare or Housing. You can add or remove themes to show relevant questions with the ",(0,h.jsx)("b",{children:"+"})," (add) and ",(0,h.jsx)("b",{children:"\xd7"})," (remove) buttons."]}),(0,h.jsxs)("div",{children:[!!r&&r.map((function(e){var n=e.theme,o=e.color,i=e.title;return t.includes(n)&&(0,h.jsxs)(p,{color:o,onClick:function(){return c(n)},title:"Remove ".concat(i),children:[i," \xd7"]},i)})),d?(0,h.jsx)(m,{label:"\xd7",onClick:function(){return u(!1)},title:"Add a theme",id:"add-theme-button"}):t.length!==r.length?(0,h.jsx)(m,{label:"+",onClick:function(){return u(!0)},title:"Add a theme",id:"add-theme-button"}):null,(0,h.jsx)(s.z,{open:d,children:(0,h.jsx)("div",{children:r.filter((function(e){return!t.includes(e.theme)})).map((function(e){var t=e.theme;e.color;return(0,h.jsxs)(p,{color:"black",onClick:function(){return c(t)},title:"Add ".concat(t),children:[t," +"]},t)}))})})]})]})}}}]);