{"version":3,"names":["imageLinkCss","ImageLinkStyle0","ImageLink","this","i18nUnsubscribe","disconnectedCallback","render","h","key","class","href","link","src","url","label"],"sources":["src/components/image-link/image-link.css?tag=image-link&encapsulation=shadow","src/components/image-link/image-link.tsx"],"sourcesContent":[".wrapper {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n\r\n.wrapper {\r\n    font-size: var(--links-font-size);\r\n    font-weight: 600;\r\n    color: var(--links-color);\r\n    text-decoration: none;\r\n}\r\n.wrapper:hover {\r\n    color: var(--links-hover-color);\r\n    text-shadow: var(--links-hover-text-shadow);\r\n}\r\n\r\n.wrapper img {\r\n    max-width: 13rem;\r\n    margin-bottom: 1rem;\r\n}","import { Component, h, Prop } from \"@stencil/core\";\r\n\r\n@Component({\r\n  tag: \"image-link\",\r\n  styleUrl: \"image-link.css\",\r\n  shadow: true,\r\n})\r\nexport class ImageLink {\r\n  private i18nUnsubscribe = () => {};\r\n\r\n  @Prop() public url!: string;\r\n  @Prop() public link!: string;\r\n  @Prop() public label?: string;\r\n\r\n  public disconnectedCallback() {\r\n    this.i18nUnsubscribe();\r\n  }\r\n\r\n  public render() {\r\n    return (<a class=\"wrapper\" href={this.link}><img src={this.url}></img>{this.label ? <span>{this.label}</span> : \"\"}</a>);\r\n  }\r\n}\r\n"],"mappings":"2CAAA,MAAMA,EAAe,0UACrB,MAAAC,EAAeD,E,MCMFE,EAAS,M,yBACZC,KAAAC,gBAAkB,O,4DAMnB,oBAAAC,GACLF,KAAKC,iB,CAGA,MAAAE,GACL,OAAQC,EAAA,KAAAC,IAAA,2CAAGC,MAAM,UAAUC,KAAMP,KAAKQ,MAAMJ,EAAA,OAAAC,IAAA,2CAAKI,IAAKT,KAAKU,MAAYV,KAAKW,MAAQP,EAAA,YAAOJ,KAAKW,OAAgB,G","ignoreList":[]}