{"version":3,"names":["ButtonLink","renderIcon","imageUrl","h","class","src","alt","role","render","key","href","this","url","button","animation","variant","size","target","iconBefore","iconAfter"],"sources":["src/webcomponents/lk-button-link/lk-button-link.tsx"],"sourcesContent":["import { Component, Prop, h } from \"@stencil/core\";\n\n@Component({\n  tag: \"lk-button-link\"\n})\nexport class ButtonLink {\n\n  @Prop() url: string = \"#\";\n  @Prop() variant: string = 'primary';\n  @Prop() size: string = 'normal'\n  @Prop() target: string = null;\n  @Prop() iconAfter: string = null;\n  @Prop() iconBefore: string = null;\n  @Prop() animation: string = '';\n\n  renderIcon(imageUrl) {\n    if (imageUrl === null) {\n      return;\n    }\n\n    return (\n      <span class=\"button__action-icon\">\n        <img class=\"button__action-image\" src={imageUrl} alt=\"\" role=\"presentation\" />\n      </span>\n    );\n  }\n\n  render() {\n    return (\n      <a href={this.url}\n        class={{\n          button: true,\n          [this.animation] : true,\n          [`button--${this.variant}`]: this.variant ? true: false,\n          [`button--${this.size}`]: this.size ? true: false,\n        }}\n        target={this.target} >\n        {this.renderIcon(this.iconBefore)}\n        <span class=\"button__text\"><slot /></span>\n        {this.renderIcon(this.iconAfter)}\n      </a>\n    )\n  }\n}\n"],"mappings":"iDAKaA,EAAU,M,kCAEC,I,aACI,U,UACH,S,YACE,K,eACG,K,gBACC,K,eACD,E,CAE5B,UAAAC,CAAWC,GACT,GAAIA,IAAa,KAAM,CACrB,M,CAGF,OACEC,EAAA,QAAMC,MAAM,uBACVD,EAAA,OAAKC,MAAM,uBAAuBC,IAAKH,EAAUI,IAAI,GAAGC,KAAK,iB,CAKnE,MAAAC,GACE,OACEL,EAAA,KAAAM,IAAA,2CAAGC,KAAMC,KAAKC,IACZR,MAAO,CACLS,OAAQ,KACR,CAACF,KAAKG,WAAa,KACnB,CAAC,WAAWH,KAAKI,WAAYJ,KAAKI,QAAU,KAAM,MAClD,CAAC,WAAWJ,KAAKK,QAASL,KAAKK,KAAO,KAAM,OAE9CC,OAAQN,KAAKM,QACZN,KAAKV,WAAWU,KAAKO,YACtBf,EAAA,QAAAM,IAAA,2CAAML,MAAM,gBAAeD,EAAA,QAAAM,IAAA,8CAC1BE,KAAKV,WAAWU,KAAKQ,W","ignoreList":[]}