https://healthcompassmilwaukee.org/static/q-atlas/assets/HighlightsColumn-CzRTNciA.js

1(function(){try{var e=typeof window<`u`?window:typeof global<`u`?global:typeof globalThis<`u`?globalThis:typeof self<`u`?self:{};e.SENTRY_RELEASE={id:`90b43d2bf8f81a3f86e44f5bae8e5b632fda4300`};var t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]=`903f6f31-be32-438a-8c98-b3f57518fa4d`,e._sentryDebugIdIdentifier=`sentry-dbid-903f6f31-be32-438a-8c98-b3f57518fa4d`)}catch{}})();import{$ as e,A as t,C as n,D as r,E as i,Kt as a,Mt as o,N as s,T as c,Vt as l,Wt as u,_ as d,bt as ee,f as te,j as f,p,qt as m,rt as h,t as g,tt as _,w as v,yt as y}from"./vue.esm-bundler-CFZA_RsA.js";import{n as b}from"./composables-9A4Z0LLg.js";import{r as x}from"./RegenerateTextBtn-BIk7Y9U9.js";import{t as ne}from"./QSeparator-D1-k-1Dt.js";import{n as S,t as C}from"./QItem-CojXU1Qc.js";import{t as re}from"./QItemLabel-dt7pTOlx.js";import{i as w}from"./pinia-VzNyiu_3.js";import{r as ie}from"./store-account-BEzUyd_u.js";import{t as T}from"./QList-B-DAEx1v.js";import{t as ae}from"./QCheckbox-D1BTbfPs.js";import{t as E}from"./QInput-AfWmfTFZ.js";import{t as oe}from"./QSkeleton-B3KZoexH.js";import{t as D}from"./QTooltip-DvkzRmNN.js";import{t as O}from"./_plugin-vue_export-helper-D7wMhdC3.js";import{t as k}from"./chroma-js-D3U7Tk0x.js";import{n as se}from"./dist-D9o7Lw0n.js";import{n as ce,t as A}from"./highlights-constants-Ukxwn0Op.js";import{t as le}from"./StratDescriptionTooltip-B_CSY_-Y.js";g();var ue={class:`row items-center no-wrap`},j={class:`col`},M={class:`text-fg-muted q-mt-sm`},N={key:0,class:`col-auto`},P={key:0},F={key:1},I={class:`row justify-between no-wrap q-col-gutter-x-sm items-center`},L={key:0,class:`col`},R={key:1,class:`col`,style:{"font-size":`13px`}},z={key:2,class:`row items-center q-col-gutter-xs`},B={key:0,class:`row items-center text-primary cursor-pointer`},V={key:1,class:`t-caption`},H={class:`text-fg-muted`},U={class:`q-mt-xs`},de={key:0},fe=[`id`],pe={key:0},me={class:`q-mt-md`},he={key:0,class:`q-mt-md`},ge={key:2,class:`row justify-between t-caption q-mt-xs`},_e={key:3,class:`t-caption q-mt-sm`},ve={key:0},W=O(s({__name:`HighlightsColumn`,props:{type:{},columnHeaders:{},results:{},selectedTopics:{},colorScheme:{},classList:{},markerColor:{},place:{},isSavingImage:{type:Boolean},isSavingPdf:{type:Boolean},isAbleToHide:{type:Boolean},isLoading:{type:Boolean},show50thPercentile:{type:Boolean},showHP2030:{type:Boolean},junoPreview:{type:Boolean}},emits:[`updateHeaders`,`toggleTopic`,`removeTopic`,`sortTopics`,`hideColumn`,`toggleAllTopics`],setup(s,{emit:g}){let O=s,W=g,{mainStore:ye}=b([`main`]),{topicsDictionary:G,stratificationDictionary:K,session:q,benchmarksDictionary:J,layerDictionary:Y}=w(ye),{user:X}=w(ie()),Z=o(``);function be(e){if(!O.colorScheme)return``;let t=J.value[e.stratification?`${e.topic}_${e.stratification}`:e.topic]?.value;if(!O.isSavingPdf&&O.showHP2030&&t){let n=O.colorScheme.split(`,`);if(t>e.max){let r=100-Math.floor(e.max*100/t);return n=n.reverse(),n[0]+=` ${r}%`,n.unshift(`#edf1f5 ${r}%`),`background: linear-gradient(to left, ${n.join()})`}if(t<e.min){let r=Math.floor(t*100/e.min);return n[0]+=` ${r}%`,n.unshift(`#edf1f5 ${r}%`),`background: linear-gradient(to right, ${n.join()}); background-repeat: no-repeat`}}return`background: linear-gradient(to right, ${O.colorScheme})`}function xe(e){let t=+e.pctile.substr(1)>50?`- 3px`:`+ 3px`,n=J.value[e.stratification?`${e.topic}_${e.stratification}`:e.topic]?.value;if(!O.isSavingPdf&&O.showHP2030&&n){if(n>e.max){let r=Math.floor(e.max*100/n);return`left: calc(${e.pctile.substr(1)*(r/100)}% ${t})`}if(n<e.min){let t=Math.floor(n*100/e.min);return`left: calc(${e.pctile.substr(1)*((100-t)/100)+t}% - 3px)`}}return`left: calc(${+e.pctile.substr(1)}% ${t});`}function Se(e){let t=J.value[e.stratification?`${e.topic}_${e.stratification}`:e.topic]?.value;return O.showHP2030&&t?t>e.max?O.isSavingPdf?`left: calc(100% + 5px)`:`left: calc(100% - 3px)`:t<e.min?O.isSavingPdf?`left: calc(0% - 7px)`:`left: calc(0% - 3px)`:`left: calc(${(t-e.min)*100/(e.max-e.min)}% - 3px)`:``}function Ce(e){if(O.showHP2030&&J.value[e.stratification?`${e.topic}_${e.stratification}`:e.topic]?.value)return`display: none`;if(!O.colorScheme)return`white`;let t=O.colorScheme.split(`,`),n=k(t[Math.floor(e.pctile.substr(1)*.09)]);return k(n).luminance()>.5?k(n).darken(2.5):k(n).brighten(3.5)}function we(e){return O.showHP2030&&J.value[e.stratification?`${e.topic}_${e.stratification}`:e.topic]?.value?`display: none`:+e.pctile.substr(1)>50?`right: calc(${e.o}% + 3px)`:`left: calc(${+e.pctile.substr(1)}% + 5px)`}

1function Q(e){Z.value=e,W(`sortTopics`,{column:O.type,sortBy:e})}let Te=n(()=>{let e=[];return!q.value.public&&O.results?.length&&e.push({id:`select-all`,label:`Select all`,icon:`svguse:#fas-check-double`,onSelect:()=>W(`toggleAllTopics`,O.type,O.results.filter(e=>![`p38`,`p50`,`p62`].includes(e.pctile)||O.show50thPercentile))}),O.results?.length&&(e.push({id:`sort-name`,label:`Sort by name (${Z.value===`A-Z`?`Z-A`:`A-Z`})`,icon:`svguse:#fas-arrow-down-a-z`,onSelect:()=>Q(Z.value===`A-Z`?`Z-A`:`A-Z`)}),e.push({id:`sort-percentile`,label:`Sort by percentile (${Z.value===`1-9`?`9-1`:`1-9`})`,icon:`svguse:#fas-arrow-down-1-9`,onSelect:()=>Q(Z.value===`1-9`?`9-1`:`1-9`)})),e.length&&e.push({separator:!0}),e.push({id:`hide-column`,label:`Hide Column`,icon:`svguse:#fas-eye-slash`,danger:!0,disabled:!O.isAbleToHide,onSelect:()=>W(`hideColumn`,O.type)}),e});function Ee(e){let t=[{id:`open-map`,label:`Open in Map`,icon:`svguse:#fas-map-location-dot`,onSelect:()=>window.open(`/create-map?step=finished&topic=${e.topic}&place_layer=${O.place.layer}&geoid=${O.place.geoid}`,`_blank`)},{id:`open-chart`,label:`Open in Chart`,icon:`svguse:#fas-chart-line`,onSelect:()=>window.open(`/create-chart?step=finished&topic=${e.topic}&places=${O.place.layer}_${O.place.geoid}`,`_blank`)},{id:`open-ranking`,label:`Open in Ranking`,icon:`svguse:#fas-trophy`,onSelect:()=>window.open(`/create-ranking?step=finished&topics=${e.topic}-${e.stratification}~${e.period}&layer=${O.place.layer}${O.place.layer!==`region`&&(X.value?.states?.length??0)>=52?`&state=US`:``}`,`_blank`)}];return O.junoPreview||(t.push({separator:!0}),t.push({id:`remove-topic`,label:`Remove topic`,icon:`svguse:#fas-trash-can`,danger:!0,onSelect:()=>W(`removeTopic`,{column:O.type,topic:e.topic,stratification:e.stratification})})),t}function $(e){return O.selectedTopics.some(t=>t.topic===e.topic&&t.stratification===e.stratification)}return(n,o)=>{let g=h(`ActionMenuButton`),b=h(`topic-details-icon`),w=h(`Card`);return e(),r(`div`,{class:u([O.classList,`full-height`])},[f(w,{padding:`none`,"data-testid":`highlights-column-card`,"full-height":!s.isSavingPdf,"max-height":s.isSavingPdf?void 0:s.junoPreview?`450px`:`100%`,"body-class":s.isSavingPdf?void 0:`scroll-shadow`,class:u([`border-${l(A)[O.type]}`,{"bg-none":s.isSavingImage},{"q-mx-sm":!s.junoPreview}]),style:a(s.junoPreview?{maxWidth:`350px`}:{})},{default:y(()=>[v(`div`,{class:u([`q-pa-md`,[{"card-header":!s.isSavingPdf},{"q-pr-xs":!s.junoPreview}]]),style:a(s.isSavingPdf?`height: ${s.showHP2030?145:120}px; display: flex;`:``)},[v(`div`,ue,[v(`div`,j,[v(`div`,{class:u({"column justify-center":s.isSavingPdf})},[v(`h4`,{class:u(`text-${l(A)[O.type]}-dark`)},[t(m(O.columnHeaders.header)+` `,1),s.junoPreview?i(``,!0):(e(),r(d,{key:0},[l(q).public?i(``,!0):(e(),c(D,{key:0},{default:y(()=>[...o[2]||(o[2]=[t(` Click to edit the header `,-1)])]),_:1})),f(x,{disable:l(q).public,"model-value":O.columnHeaders.header,"auto-save":``,"onUpdate:modelValue":o[0]||(o[0]=e=>W(`updateHeaders`,{column:s.type,header:e}))},{default:y(e=>[f(E,{modelValue:e.value,"onUpdate:modelValue":t=>e.value=t,dense:``,autofocus:``,counter:``,maxlength:`40`,onKeyup:p(e.set,[`enter`])},null,8,[`modelValue`,`onUpdate:modelValue`,`onKeyup`])]),_:1},8,[`disable`,`model-value`])],64))],2),v(`div`,M,[t(m(n.$utils.truncateChar(O.columnHeaders.subheader,s.isSavingPdf?70:201))+` `,1),s.junoPreview?i(``,!0):(e(),r(d,{key:0},[l(q).public?i(``,!0):(e(),c(D,{key:0},{default:y(()=>[...o[3]||(o[3]=[t(` Click to edit the subheader `,-1)])]),_:1})),f(x,{disable:l(q).public,"model-value":O.columnHeaders.subheader,"auto-save":``,"onUpdate:modelValue":o[1]||(o[1]=e=>W(`updateHeaders`,{column:s.type,subheader:e}))},{default:y(e=>[f(E,{modelValue:e.value,"onUpdate:modelValue":t=>e.value=t,dense:``,autofocus:``,maxlength:`200`,counter:``,onKeyup:p(e.set,[`enter`])},null,8,[`modelValue`,`onUpdate:modelValue`,`onKeyup`])]),_:1},8,[`disable`,`model-value`])],64))])],2)]),s.results&&!s.isSavingImage&&!s.isSavingPdf&&!s.isLoading&&!s.junoPreview?(e(),r(`div`,N,[f(g,{class:`print-hide`,variant:`ghost`,size:`sm`,icon:`svguse:#fas-ellipsis-vertical`,"icon-right":``,"aria-label":`Column actions`,items:Te.value},null,8,[`items`])])):i(``,!0)])],6),s.isSavingPdf?(e(),c(ne,{key:0})):i(``,!0),v(`div`,null,[!s.isLoading&&s.results&&(!s.results.length||!O.show50thPercentile&&s.results.every(e=>[`p38`,`p50`,`p62`].includes(e.pctile)))&&O.colorScheme?(e(),c(T,{key:0},{default:y(()=>[f(C,null,{default:y(()=>[f(S,null,{default:y(()=>[...o[4]||(o[4]=[v(`h5`,{class:`text-center`},` No topics to show `,-1)])]),_:1})]),_:1})]),_:1})):!s.isLoading&&s.results?.length&&O.colorScheme?(e(),c(T,{key:1,id:`topics-list-${s.type}`,separator:``,class:u({"q-mr-sm":l(q).public})},{default:y(()=>[(e(!0),r(d,null,_(s.isSavingPdf?s.results.slice(0,200):s.results,(o,d)=>ee((e(),c(C,{key:`${o.topic}_${o.stratification}`,class:u([`topic-list-item q-px-sm`,[{"q-px-md items-start":s.isSavingImage||s.isSavingPdf},{"q-pl-md":l(q).public}]]),style:a(s.isSavingPdf?`height: calc(${s.showHP2030?175:150}px + ${+((d+2)%7==0)}px);`:``)},{default:y(()=>[!s.isSavingImage&&!s.isSavingPdf&&!l(q).public&&!s.junoPreview?(e(),c(S,{key:0,avatar:``,style:{"min-width":`0`},class:`q-pr-sm print-hide`},{default:y(()=>[f(ae,{class:u([`checkbox-on-hover`,{checked:$(o)}]),color:l(A)[O.type],dense:``,"model-value":$(o),"onUpdate:modelValue":e=>W(`toggleTopic`,{column:s.type,topic:o.topic,stratification:o.stratification,period:o.period})},null,8,[`color`,`class`,`model-value`,`onUpdate:modelValue`]),l(q).public?i(``,!0):(e(),c(D,{key:0,"max-width":`200px`},{default:y(()=>[$(o)?(e(),r(`div`,P,` Unselect this topic `)):(e(),r(`div`,F,` Select the topic to add to a new data package, table or ranking, or to bulk remove from the report `))]),_:2},1024))]),_:2},1024)):i(``,!0),f(S,null,{default:y(()=>[v(`div`,I,[s.isSavingPdf?(e(),r(`div`,R,m(n.$utils.truncateChar(l(G)[o.topic].name,72)),1

1)):(e(),r(`div`,L,[v(`div`,null,m(l(G)[o.topic].name),1)])),!s.isSavingImage&&!s.isSavingPdf?(e(),r(`div`,z,[s.showHP2030&&l(J)[o.stratification?`${o.topic}_${o.stratification}`:o.topic]?(e(),r(`div`,B,[v(`div`,null,[f(se,{"topic-key":o.topic},null,8,[`topic-key`])])])):i(``,!0),f(b,{"topic-key":o.topic,discontinued:!l(q).public&&l(G)[o.topic].discontinued,class:`print-hide`},null,8,[`topic-key`,`discontinued`])])):i(``,!0)]),!s.isSavingImage&&!s.isSavingPdf&&o.stratification&&l(K)[o.stratification]?(e(),r(`div`,{key:0,class:u([`text-fg-muted t-caption q-mt-xs`,{"cursor-pointer":l(K)[o.stratification].description}])},[v(`i`,null,m(l(K)[o.stratification].name),1),f(le,{"stratification-key":o.stratification,offset:[0,10]},null,8,[`stratification-key`])],2)):i(``,!0),s.isSavingImage||s.isSavingPdf?(e(),r(`div`,V,[v(`i`,H,m(l(G)[o.topic]?.units===`$`?``:l(G)[o.topic]?.units),1),v(`div`,U,[o.stratification&&l(K)[o.stratification]?(e(),r(`span`,de,m(l(K)[o.stratification].name)+`, `,1)):i(``,!0),t(` `+m(n.$utils.periodToHumanDisplay(o.period)),1)])])):i(``,!0),v(`div`,{id:`bar_${o.topic}_${o.stratification}`,class:`highlights-bar q-mt-sm cursor-pointer`,style:a(be(o))},[!(s.showHP2030&&l(J)[o.stratification?`${o.topic}_${o.stratification}`:o.topic])&&(s.isSavingImage||s.isSavingPdf)?(e(),r(`div`,{key:0,class:`marker-value-download t-caption text-bold q-mx-sm`,style:a(`
2                    color: ${Ce(o)};
3                    ${we(o)};`)},m(n.$utils.formatNumber(o.value,l(G)[o.topic]?.format)),5)):i(``,!0),v(`div`,{class:`topic-value-marker`,style:a(`${xe(o)}; background: ${O.markerColor||`#f18808`}`)},null,4),s.showHP2030&&l(J)[o.stratification?`${o.topic}_${o.stratification}`:o.topic]?(e(),r(`div`,{key:1,class:`hp-marker`,style:a(`${Se(o)};`)},null,4)):i(``,!0),f(D,{offset:[10,10]},{default:y(()=>[v(`div`,null,[t(m(n.$utils.formatNumber(o.value,l(G)[o.topic]?.format))+` `,1),o.se?(e(),r(`span`,pe,`±`+m(n.$utils.formatNumber(o.se*1.645,l(G)[o.topic]?.format)),1)):i(``,!0),t(` `+m(l(G)[o.topic]?.units===`$`?``:l(G)[o.topic]?.units)+` (`+m(n.$utils.periodToHumanDisplay(o.period))+`) `,1)]),v(`div`,me,` Range among `+m(l(Y)[s.place.regionLayer||s.place.layer].plural_name)+`: `+m(n.$utils.formatNumber(o.min,l(G)[o.topic]?.format))+` - `+m(n.$utils.formatNumber(o.max,l(G)[o.topic]?.format)),1),s.showHP2030&&l(J)[o.stratification?`${o.topic}_${o.stratification}`:o.topic]?(e(),r(`div`,he,` Healthy People 2030 Target: `+m(n.$utils.formatNumber(l(J)[o.topic].value,l(G)[o.topic]?.format)),1)):i(``,!0)]),_:2},1024)],12,fe),!(s.showHP2030&&l(J)[o.stratification?`${o.topic}_${o.stratification}`:o.topic])&&(s.isSavingImage||s.isSavingPdf)?(e(),r(`div`,ge,[v(`div`,null,[v(`i`,null,m(n.$utils.formatNumber(o.min,l(G)[o.topic]?.format)),1)]),v(`div`,null,[v(`i`,null,m(n.$utils.formatNumber(o.max,l(G)[o.topic]?.format)),1)])])):s.isSavingImage||s.isSavingPdf?(e(),r(`div`,_e,[v(`div`,null,m(s.place.name)+`: `+m(n.$utils.formatNumber(o.value,l(G)[o.topic]?.format))+` (Range: `+m(n.$utils.formatNumber(o.min,l(G)[o.topic]?.format))+` - `+m(n.$utils.formatNumber(o.max,l(G)[o.topic]?.format))+`)`,1),v(`div`,null,`Healthy People 2030: `+m(n.$utils.formatNumber(l(J)[o.stratification?`${o.topic}_${o.stratification}`:o.topic]?.value,l(G)[o.topic]?.format)),1)])):i(``,!0),v(`div`,{class:u([`text-${l(A)[O.type]}-dark`,`t-caption q-mt-sm`])},[v(`i`,null,m(l(ce)[o.pctile]),1),o.n_tied?(e(),r(`span`,ve,` (tied with `+m(n.$utils.formatNumber(o.n_tied,`0 decimal places`))+` others) `,1)):i(``,!0)],2)]),_:2},1024),!s.isSavingImage&&!s.isSavingPdf&&!l(q).public&&l(X)?(e(),c(S,{key:1,avatar:``,class:`q-pl-none print-hide`,style:a([{"min-width":`0`},{padding:s.junoPreview?`0px !important`:``}])},{default:y(()=>[f(g,{class:`print-hide`,variant:`ghost`,size:`sm`,icon:`svguse:#fas-ellipsis-vertical`,"icon-right":``,"aria-label":`Topic actions`,items:Ee(o)},null,8,[`items`])]),_:2},1032,[`style`])):i(``,!0)]),_:2},1032,[`class`,`style`])),[[te,![`p38`,`p50`,`p62`].includes(o.pctile)||O.show50thPercentile]])),128))]),_:1},8,[`id`,`class`])):(e(),c(T,{key:2,separator:``},{default:y(()=>[(e(),r(d,null,_(5,e=>f(C,{key:e},{default:y(()=>[f(S,null,{default:y(()=>[f(re,null,{default:y(()=>[f(oe,{height:`60px`,animation:`none`,type:`rect`,class:`no-pointer-events`})]),_:1})]),_:1})]),_:1})),64))]),_:1}))])]),_:1},8,[`full-height`,`max-height`,`body-class`,`class`,`style`])],2)}}}),[[`__scopeId`,`data-v-505e8a8a`]]);export{W as t};