@beamimpact/web-sdk/dist/components/beam-partner-logos.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 p,g as n,h as l,y as b}from"../chunks/lit-WqMxC_PA.esm.js";var h=Object.defineProperty,s=(t,o,a,i)=>{for(var r=void 0,g=t.length-1,m;g>=0;g--)(m=t[g])&&(r=m(o,a,r)||r);return r&&h(o,a,r),r};const L="https://cdn01.beamimpact.com/chains/img/beam-logo.png";class e extends l{constructor(){super(...arguments),this.partnerLogoUrl="",this.beamLogoUrl=L,this.partnerName=""}render(){const{partnerLogoUrl:o,beamLogoUrl:a,partnerName:i}=this;return b`
      <span class="partner-logo">
        <img src="${o}" part="partner-logo" alt="${i} 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>
    `}}e.styles=p`
    :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);
    }
  `,s([n({type:String})],e.prototype,"partnerLogoUrl"),s([n()],e.prototype,"beamLogoUrl"),s([n()],e.prototype,"partnerName");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",e);export{e as BeamPartnerLogos,d as partnerLogosConfigDefaults};
//# sourceMappingURL=beam-partner-logos.js.map