@beamimpact/web-sdk/dist/components/beam-partner-logos.esm.js

The Beam SDK enables brands to connect with their customers over shared values, not transactional discounts, to build stronger loyalty. Our integration achieves this by allowing customers to (a) choose a nonprofit where the brand will donate part of their

import{f as m,g as i,h as l,y as b}from"../chunks/lit-iNN5L_Qk.esm.js";var h=Object.defineProperty,L=Object.getOwnPropertyDescriptor,p=(g,o,a,e)=>{for(var r=e>1?void 0:e?L(o,a):o,n=g.length-1,s;n>=0;n--)(s=g[n])&&(r=(e?s(o,a,r):s(r))||r);return e&&r&&h(o,a,r),r};const c="https://cdn01.beamimpact.com/chains/img/beam-logo.png";class t extends l{constructor(){super(...arguments),this.partnerLogoUrl="",this.beamLogoUrl=c,this.partnerName=""}render(){const{partnerLogoUrl:o,beamLogoUrl:a,partnerName:e}=this;return b`
      <span class="partner-logo">
        <img src="${o}" part="partner-logo" alt="${e} Logo" />
      </span>
      <span class="logo-separator" part="logo-separator"></span>
      <a class="beam-logo" href="https://beamimpact.com" target="_blank" rel="external">
        <img src="${a}" part="beam-logo" alt="Beam Impact Logo" />
      </a>
    `}}t.styles=m`
    :host {
      height: 50px;
      display: flex;
      align-items: center;
    }

    .partner-logo,
    .beam-logo {
      position: relative;
    }

    .partner-logo img {
      height: var(--beam-PartnerLogos-partnerLogo-height, 32px);
      position: relative;
      bottom: var(--beam-PartnerLogos-partnerLogo-bottom, 0px);
    }

    .logo-separator {
      border-left: 1px solid var(--beam-PartnerLogos-divider-color, lightgray);
      margin-right: var(--beam-PartnerLogos-divider-marginRight, 20px);
      margin-left: var(--beam-PartnerLogos-divider-marginLeft, 20px);
      height: var(--beam-PartnerLogos-divider-height, 40px);
      display: inline-block;
    }

    .beam-logo img {
      height: var(--beam-PartnerLogos-beamLogo-height, 32px);
      position: relative;
      bottom: var(--beam-PartnerLogos-beamLogo-bottom, 5px);
    }
  `,p([i({type:String})],t.prototype,"partnerLogoUrl",2),p([i()],t.prototype,"beamLogoUrl",2),p([i()],t.prototype,"partnerName",2);const d={"--beam-PartnerLogos-partnerLogo-height":"32px","--beam-PartnerLogos-partnerLogo-bottom":"0px","--beam-PartnerLogos-divider-color":"lightgray","--beam-PartnerLogos-divider-marginRight":"20px","--beam-PartnerLogos-divider-marginLeft":"20px","--beam-PartnerLogos-divider-height":"40px","--beam-PartnerLogos-beamLogo-height":"32px","--beam-PartnerLogos-beamLogo-bottom":"5px"};customElements.get("beam-partner-logos")||customElements.define("beam-partner-logos",t);export{t as BeamPartnerLogos,d as partnerLogosConfigDefaults};
//# sourceMappingURL=beam-partner-logos.esm.js.map