{"version":3,"file":"cost-of-living-CIO9SS1w.js","sources":["../../src/scripts/modules/cost-of-living.ts"],"sourcesContent":["import { Component } from '@verndale/core';\nimport { ConditionalDisplay } from '../helpers/global';\n\nclass CostOfLiving extends Component {\n  setupDefaults() {\n    this.dom = {\n      bars: this.el.querySelectorAll('.v-section-cost__li'),\n      tooltips: this.el.querySelectorAll<HTMLElement>('.v-section-overview__tooltip'),\n      icons: this.el.querySelectorAll<HTMLElement>('.v-section-overview__tooltip-icon')\n    };\n    if (ConditionalDisplay(this.el.id)) {\n      this.el.style.display = 'none';\n    }\n\n    this.updateBarValues();\n  }\n\n  addListeners() {\n    document.body.addEventListener('mousedown', e => {\n      this.handleCloseTooltip(e);\n    });\n\n    document.body.addEventListener('touchend', e => {\n      this.handleCloseTooltip(e);\n    });\n\n    (this.dom.icons as NodeListOf<HTMLElement>).forEach(trigger => {\n      trigger.addEventListener('mouseover', e => {\n        this.handleTriggerTooltip(e);\n      });\n\n      trigger.addEventListener('mouseout', () => {\n        this.handleCloseAll();\n      });\n    });\n  }\n\n  handleTriggerTooltip(e: Event) {\n    this.handleCloseAll();\n    const trigger = (e.currentTarget as HTMLElement).closest('.v-section-cost__heading');\n    const tooltip = trigger?.querySelector<HTMLElement>('.v-section-overview__tooltip');\n\n    if (tooltip) {\n      if (tooltip.style.display === 'block') {\n        tooltip.style.display = 'none';\n      } else {\n        tooltip.style.display = 'block';\n      }\n    }\n  }\n\n  handleCloseAll() {\n    (this.dom.tooltips as NodeListOf<HTMLElement>).forEach(tooltip => {\n      tooltip.style.display = 'none';\n    });\n  }\n\n  handleCloseTooltip(e: Event) {\n    if (!(e.target as HTMLElement)?.closest('.v-section-cost__heading')) {\n      this.handleCloseAll();\n    }\n  }\n\n  updateBarValues() {\n    (this.dom.bars as NodeListOf<HTMLElement>).forEach(bar => {\n      const value = bar.dataset.value;\n      const barFill = bar.querySelector('.v-section-cost__li-bar');\n      if (barFill && value) {\n        (barFill as HTMLElement).style.setProperty('inset-inline-end', `calc(100% - ${value})`);\n      }\n    });\n  }\n}\n\nexport default CostOfLiving;\n"],"names":["CostOfLiving","Component","ConditionalDisplay","trigger","e","tooltip","_a","bar","value","barFill"],"mappings":"8EAGA,MAAMA,UAAqBC,CAAU,CACnC,eAAgB,CACd,KAAK,IAAM,CACT,KAAM,KAAK,GAAG,iBAAiB,qBAAqB,EACpD,SAAU,KAAK,GAAG,iBAA8B,8BAA8B,EAC9E,MAAO,KAAK,GAAG,iBAA8B,mCAAmC,CAAA,EAE9EC,EAAmB,KAAK,GAAG,EAAE,IAC1B,KAAA,GAAG,MAAM,QAAU,QAG1B,KAAK,gBAAgB,CACvB,CAEA,cAAe,CACJ,SAAA,KAAK,iBAAiB,YAAkB,GAAA,CAC/C,KAAK,mBAAmB,CAAC,CAAA,CAC1B,EAEQ,SAAA,KAAK,iBAAiB,WAAiB,GAAA,CAC9C,KAAK,mBAAmB,CAAC,CAAA,CAC1B,EAEA,KAAK,IAAI,MAAkC,QAAmBC,GAAA,CACrDA,EAAA,iBAAiB,YAAkBC,GAAA,CACzC,KAAK,qBAAqBA,CAAC,CAAA,CAC5B,EAEOD,EAAA,iBAAiB,WAAY,IAAM,CACzC,KAAK,eAAe,CAAA,CACrB,CAAA,CACF,CACH,CAEA,qBAAqB,EAAU,CAC7B,KAAK,eAAe,EACpB,MAAMA,EAAW,EAAE,cAA8B,QAAQ,0BAA0B,EAC7EE,EAAUF,GAAA,YAAAA,EAAS,cAA2B,gCAEhDE,IACEA,EAAQ,MAAM,UAAY,QAC5BA,EAAQ,MAAM,QAAU,OAExBA,EAAQ,MAAM,QAAU,QAG9B,CAEA,gBAAiB,CACd,KAAK,IAAI,SAAqC,QAAmBA,GAAA,CAChEA,EAAQ,MAAM,QAAU,MAAA,CACzB,CACH,CAEA,mBAAmB,EAAU,QACrBC,EAAA,EAAE,SAAF,MAAAA,EAA0B,QAAQ,6BACtC,KAAK,eAAe,CAExB,CAEA,iBAAkB,CACf,KAAK,IAAI,KAAiC,QAAeC,GAAA,CAClD,MAAAC,EAAQD,EAAI,QAAQ,MACpBE,EAAUF,EAAI,cAAc,yBAAyB,EACvDE,GAAWD,GACZC,EAAwB,MAAM,YAAY,mBAAoB,eAAeD,CAAK,GAAG,CACxF,CACD,CACH,CACF"}