{"version":3,"file":"AccordionBlockWithRemoteExpand.chunk.e9f627b6e8c8bfdbd4ab.js","mappings":"2JAEO,MAAMA,UAAwBC,EAAAA,EAGjCC,WAAAA,CAAmBC,GACfC,MAAMJ,EAAgBK,IAAI,KADXF,YAAAA,CAEnB,EALSH,EACcK,GAAK,iB,2ICSzB,MAAMC,UACDC,EAAAA,UAGRL,WAAAA,CAAYM,GACRJ,MAAMI,GACNC,KAAKC,MAAQ,CACTC,gBAAiB,GAEzB,CAEAC,iBAAAA,GACIC,EAAAA,EAAcC,UAAUL,KAAMT,EAAAA,EAAgBK,GAClD,CAEAU,oBAAAA,GACIF,EAAAA,EAAcG,YAAYP,KAAMT,EAAAA,EAAgBK,GACpD,CAEOY,MAAAA,CAAOC,GACVT,KAAKU,SAAS,CAAER,gBAAiB,CAACO,EAAMf,cAC5C,CAEAiB,MAAAA,GACI,MAAM,MAAEC,GAAUZ,KAAKD,OACjB,gBAAEG,GAAoBF,KAAKC,MAEjC,OACIH,EAAAA,cAAA,OAAKe,UCvC2B,wBDwC5Bf,EAAAA,cAACgB,EAAAA,eAAc,CAACC,MAAOH,EAAOV,gBAAiBA,IAG3D,E","sources":["webpack://Kristiania.Web/./Features/Partials/Accordion/Events/AccordionOpened.ts","webpack://Kristiania.Web/./Features/Partials/AccordionBlockWithRemoteExpand/AccordionBlockWithRemoteExpand.tsx","webpack://Kristiania.Web/./Features/Partials/AccordionBlockWithRemoteExpand/AccordionBlockWithRemoteExpand.module.css?284e"],"sourcesContent":["import { Event } from '~/Features/Messaging/types';\n\nexport class AccordionOpened extends Event {\n    public static readonly id = 'AccordionOpened';\n\n    constructor(public accordionId: string) {\n        super(AccordionOpened.id);\n    }\n}\n","import * as React from 'react';\nimport { AccordionBlock } from '~/Blocks/AccordionBlock/AccordionBlock';\nimport type { AreasSectionViewModel } from '~/Blocks/AccordionBlock/AreasSectionViewModel.csharp';\nimport { MessageBroker } from '~/Features/Messaging/MessageBroker';\nimport type { EventHandler } from '~/Features/Messaging/types';\nimport { AccordionOpened } from '~/Partials/Accordion/Events/AccordionOpened';\nimport styles from './AccordionBlockWithRemoteExpand.module.css';\n\nexport interface AccordionWithRemoteExpandState {\n    expandedAreaIds: string[];\n}\n\nexport class AccordionBlockWithRemoteExpand\n    extends React.Component<AreasSectionViewModel, AccordionWithRemoteExpandState>\n    implements EventHandler<AccordionOpened>\n{\n    constructor(props: AreasSectionViewModel) {\n        super(props);\n        this.state = {\n            expandedAreaIds: [],\n        };\n    }\n\n    componentDidMount(): void {\n        MessageBroker.subscribe(this, AccordionOpened.id);\n    }\n\n    componentWillUnmount(): void {\n        MessageBroker.unsubscribe(this, AccordionOpened.id);\n    }\n\n    public handle(event: AccordionOpened): void {\n        this.setState({ expandedAreaIds: [event.accordionId] });\n    }\n\n    render() {\n        const { areas } = this.props;\n        const { expandedAreaIds } = this.state;\n\n        return (\n            <div className={styles.AccordionWithRemoteExpand}>\n                <AccordionBlock items={areas} expandedAreaIds={expandedAreaIds} />\n            </div>\n        );\n    }\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"AccordionWithRemoteExpand\":\"CV3SfdeZ0_VMoHZql1ei\"};"],"names":["AccordionOpened","Event","constructor","accordionId","super","id","AccordionBlockWithRemoteExpand","React","props","this","state","expandedAreaIds","componentDidMount","MessageBroker","subscribe","componentWillUnmount","unsubscribe","handle","event","setState","render","areas","className","AccordionBlock","items"],"sourceRoot":""}