{"version":3,"names":["sewWsSectorsCss","SewWsSectors","constructor","hostRef","this","noGrid","noMargin","render","h","Host","key","class","innerHTML","headline","name"],"sources":["src/components/website-components/sew-ws-sectors/sew-ws-sectors.scss?tag=sew-ws-sectors&encapsulation=shadow","src/components/website-components/sew-ws-sectors/sew-ws-sectors.tsx"],"sourcesContent":["@include component-spacing-and-grid;\n\n:host {\n    display: block;\n    background-color: $color-grey-06-bright;\n\n    .main-content-container {\n        display: block;\n        grid-template-columns: repeat(12, 1fr);\n        column-gap: var(--column-gap);\n        padding: 60px 0 80px;\n    }\n\n    h2 {\n        @include typo-ws-h2;\n\n        grid-column: 1 / span 12;\n        margin: 0;\n    }\n\n    ::slotted(sew-ws-richtext) {\n        margin-top: 24px;\n        grid-column: 1 / span 6;\n    }\n\n    .items {\n        grid-column: 1 / span 12;\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 8px;\n        margin-top: 40px;\n    }\n}\n\n@include mq-2 {\n    :host {\n        .main-content-container {\n            padding: 60px 0;\n        }\n\n        ::slotted(sew-ws-richtext) {\n            grid-column: 1 / span 12;\n        }\n\n        .items {\n            column-gap: var(--column-gap);\n            row-gap: 24px;\n        }\n    }\n}\n\n@include mq-1 {\n    :host {\n        .main-content-container {\n            padding: 32px 0 40px;\n        }\n\n        .items {\n            margin-top: 32px;\n            grid-template-columns: repeat(2, 1fr);\n            row-gap: var(--column-gap);\n        }\n    }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'sew-ws-sectors',\n    styleUrl: 'sew-ws-sectors.scss',\n    shadow: true,\n})\nexport class SewWsSectors {\n    @Prop() headline: string;\n    @Prop({ reflect: true }) noGrid = false;\n    @Prop({ reflect: true }) noMargin = false;\n\n    render() {\n        return (\n            <Host>\n                <div class=\"main-content-container\">\n                    <h2 innerHTML={this.headline}></h2>\n                    <slot name=\"text\" />\n                    <div class=\"items\">\n                        <slot />\n                    </div>\n                </div>\n            </Host>\n        );\n    }\n}\n"],"mappings":"kDAAA,MAAMA,EAAkB,gsD,MCOXC,EAAY,MALzB,WAAAC,CAAAC,G,UAO6BC,KAAMC,OAAG,MACTD,KAAQE,SAAG,KAevC,CAbG,MAAAC,GACI,OACIC,EAACC,EAAI,CAAAC,IAAA,4CACDF,EAAK,OAAAE,IAAA,2CAAAC,MAAM,0BACPH,EAAA,MAAAE,IAAA,2CAAIE,UAAWR,KAAKS,WACpBL,EAAM,QAAAE,IAAA,2CAAAI,KAAK,SACXN,EAAK,OAAAE,IAAA,2CAAAC,MAAM,SACPH,EAAA,QAAAE,IAAA,+C","ignoreList":[]}