@beamimpact/web-sdk
Version:
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
17 lines (16 loc) • 2.08 kB
JavaScript
import{h as n,f as s,y as i,g as b}from"./lit-WqMxC_PA.esm.js";import"./_share-dialog-dependencies-dHlBUqo0.esm.js";import"./vendor-KKSARHWL.esm.js";var d=Object.defineProperty,p=(e,r,t,P)=>{for(var o=void 0,l=e.length-1,m;l>=0;l--)(m=e[l])&&(o=m(r,t,o)||o);return o&&d(r,t,o),o};class a extends n{constructor(){super(...arguments),this.promo=null,this.shortVersion=!1}static get styles(){return s`
sl-badge::part(base) {
background-color: var(--beam-promoPillLabel-color-background, #000);
color: var(--beam-promoPillLabel-color, #fff);
border: var(--beam-promoPillLabel-border-width, 0px) solid var(--beam-promoPillLabel-border, #000);
border-radius: 18.37px;
font-family: var(--beam-promoPillLabel-font, inherit);
font-size: var(--beam-promoPillLabel-font-size, 12px);
font-weight: var(--beam-promoPillLabel-font-weight, bold);
text-transform: var(--beam-promoPillLabel-text-transform, none);
text-wrap: var(--beam-promoPillLabel-text-wrap, wrap);
padding: var(--beam-promoPillLabel-text-padding);
margin: var(--beam-promoPillLabel-border-margin);
}
`}render(){if(this.promo){const r=this.shortVersion?this.promo["promo-text-short"]:this.promo["promo-text-long"];return i`<sl-badge pill aria-label="${r}">${r}</sl-badge>`}else return i``}}p([b({type:Object})],a.prototype,"promo"),p([b({type:Boolean})],a.prototype,"shortVersion"),customElements.get("beam-promo-info-pill")||customElements.define("beam-promo-info-pill",a);const f={"--beam-promoPillLabel-color-background":"#000","--beam-promoPillLabel-color":"#fff","--beam-promoPillLabel-border":"#000","--beam-promoPillLabel-border-width":"0px","--beam-promoPillLabel-font-size":"11px","--beam-promoPillLabel-font":"inherit","--beam-promoPillLabel-font-weight":"bold","--beam-promoPillLabel-text-transform":"none","--beam-promoPillLabel-text-wrap":"wrap","--beam-promoPillLabel-text-padding":"4px 15px","--beam-promoPillLabel-border-margin":"0px"};export{f as p};
//# sourceMappingURL=promo-pill-label-WGLW3bql.esm.js.map