{"version":3,"names":["sewWsSectorsItemCss","SewWsSectorsItem","constructor","hostRef","this","triggerLinkClick","_a","linkEl","click","componentWillLoad","host","querySelector","render","h","Host","key","onClick","class","name","icon","size"],"sources":["src/components/website-components/sew-ws-sectors/sew-ws-sectors-item.scss?tag=sew-ws-sectors-item&encapsulation=shadow","src/components/website-components/sew-ws-sectors/sew-ws-sectors-item.tsx"],"sourcesContent":[":host {\n    display: block;\n    position: relative;\n    overflow: hidden;\n\n    &::before {\n        content: '';\n        position: absolute;\n        left: 0;\n        bottom: 0;\n        width: 100%;\n        height: 50%;\n        background: linear-gradient(to bottom, transparent, black);\n        opacity: 0;\n        transition: opacity 200ms;\n        z-index: 1;\n    }\n\n    ::slotted(sew-picture) {\n        transition: transform 200ms;\n        aspect-ratio: 16 / 9;\n    }\n\n    .link {\n        display: flex;\n        align-items: center;\n        position: absolute;\n        bottom: 24px;\n        left: 27px;\n        color: $color-white;\n        transition:\n            opacity 0.2s,\n            transform 200ms;\n        opacity: 0;\n        transform: translate3d(-10px, 0, 0);\n        z-index: 1;\n    }\n\n    ::slotted(a) {\n        font-family: 'Helvetica Now Text', sans-serif;\n        font-size: 28px;\n        line-height: 36px;\n        text-decoration: none;\n        padding-left: 7px;\n    }\n}\n\n:host(.no-link) {\n    ::slotted(sew-picture) {\n        height: 100%;\n    }\n}\n\n:host(:hover:not(.no-link)) {\n    cursor: pointer;\n\n    &::before {\n        opacity: 0.7;\n    }\n\n    ::slotted(sew-picture) {\n        transform: scale(1.2);\n    }\n\n    .link {\n        opacity: 1;\n        transform: translate3d(0, 0, 0);\n    }\n}\n\n@include mq-2 {\n    :host {\n        &::before {\n            display: none;\n        }\n\n        .link {\n            background-color: $color-grey-01-dark;\n            position: relative;\n            top: 0;\n            left: 0;\n            padding: 2px 0;\n            opacity: 1;\n            transform: translate3d(0, 0, 0);\n        }\n\n        ::slotted(a) {\n            @include typo-ws-paragraph-s;\n\n            padding-left: 1px;\n            transition: transform 0.2s;\n        }\n\n        svg {\n            width: 16px;\n            padding-left: 9px;\n            transition: transform 0.2s;\n            transform: translate3d(-3px, 0, 0);\n\n            .shaft {\n                opacity: 0;\n                transition: opacity 0.2s;\n            }\n        }\n    }\n\n    :host(:hover:not(.no-link)) {\n        ::slotted(a) {\n            transform: translate3d(3px, 0, 0);\n        }\n\n        svg {\n            transform: translate3d(0, 0, 0);\n\n            .shaft {\n                opacity: 1;\n            }\n        }\n    }\n}\n","import { Component, Host, h, Element } from '@stencil/core';\n\n@Component({\n    tag: 'sew-ws-sectors-item',\n    styleUrl: 'sew-ws-sectors-item.scss',\n    shadow: true,\n})\nexport class SewWsSectorsItem {\n    @Element() public host: HTMLSewWsSectorsItemElement;\n\n    private linkEl: HTMLAnchorElement | undefined;\n\n    private triggerLinkClick = () => {\n        this.linkEl?.click();\n    };\n\n    componentWillLoad() {\n        this.linkEl = this.host.querySelector('a');\n    }\n\n    render() {\n        return (\n            <Host onClick={this.triggerLinkClick} class={{ 'no-link': !this.linkEl }}>\n                <slot name=\"image\" />\n                {this.linkEl && (\n                    <div class=\"link\">\n                        <sew-icon icon=\"arrow-right\" size=\"l\" />\n                        <slot />\n                    </div>\n                )}\n            </Host>\n        );\n    }\n}\n"],"mappings":"yDAAA,MAAMA,EAAsB,ktD,MCOfC,EAAgB,MAL7B,WAAAC,CAAAC,G,UAUYC,KAAgBC,iBAAG,K,OACvBC,EAAAF,KAAKG,UAAQ,MAAAD,SAAA,SAAAA,EAAAE,OAAO,CAoB3B,CAjBG,iBAAAC,GACIL,KAAKG,OAASH,KAAKM,KAAKC,cAAc,I,CAG1C,MAAAC,GACI,OACIC,EAACC,EAAI,CAAAC,IAAA,2CAACC,QAASZ,KAAKC,iBAAkBY,MAAO,CAAE,WAAYb,KAAKG,SAC5DM,EAAM,QAAAE,IAAA,2CAAAG,KAAK,UACVd,KAAKG,QACFM,EAAK,OAAAE,IAAA,2CAAAE,MAAM,QACPJ,EAAA,YAAAE,IAAA,2CAAUI,KAAK,cAAcC,KAAK,MAClCP,EAAA,QAAAE,IAAA,8C","ignoreList":[]}