@beamimpact/web-sdk 1.40.0 → 1.42.1

package/dist/components/beam-partner-logos.esm.js

@@ -1,9 +1,9 @@
-import{f as m,g as i,h as l,y as b}from"../chunks/lit-qtGbjGnK.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`
+import{f as m,g as i,h as l,y as b}from"../chunks/lit-3QHn3fwl.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" rel="external">
+      <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`

package/dist/components/beam-partner-logos.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"beam-partner-logos.esm.js","sources":["../../src/components/beam-partner-logos/index.ts"],"sourcesContent":["import { css, html, LitElement } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { TUrl } from \"../../api-sdk/types\";\n\nconst DEFAULT_BEAM_LOGO = \"https://cdn01.beamimpact.com/chains/img/beam-logo.png\";\n\nexport class BeamPartnerLogos extends LitElement {\n  @property({ type: String }) partnerLogoUrl: TUrl = \"\";\n  @property() beamLogoUrl: TUrl = DEFAULT_BEAM_LOGO;\n  @property() partnerName = \"\"; // for alt-text\n\n  render() {\n    const { partnerLogoUrl, beamLogoUrl, partnerName } = this;\n\n    return html`\n      <span class=\"partner-logo\">\n        <img src=\"${partnerLogoUrl}\" part=\"partner-logo\" alt=\"${partnerName} Logo\" />\n      </span>\n      <span class=\"logo-separator\" part=\"logo-separator\"></span>\n      <a class=\"beam-logo\" href=\"https://beamimpact.com\" rel=\"external\">\n        <img src=\"${beamLogoUrl}\" part=\"beam-logo\" alt=\"Beam Impact Logo\" />\n      </a>\n    `;\n  }\n\n  static styles = css`\n    :host {\n      height: 50px;\n      display: flex;\n      align-items: center;\n    }\n\n    .partner-logo,\n    .beam-logo {\n      position: relative;\n    }\n\n    .partner-logo img {\n      height: var(--beam-PartnerLogos-partnerLogo-height, 32px);\n      position: relative;\n      bottom: var(--beam-PartnerLogos-partnerLogo-bottom, 0px);\n    }\n\n    .logo-separator {\n      border-left: 1px solid var(--beam-PartnerLogos-divider-color, lightgray);\n      margin-right: var(--beam-PartnerLogos-divider-marginRight, 20px);\n      margin-left: var(--beam-PartnerLogos-divider-marginLeft, 20px);\n      height: var(--beam-PartnerLogos-divider-height, 40px);\n      display: inline-block;\n    }\n\n    .beam-logo img {\n      height: var(--beam-PartnerLogos-beamLogo-height, 32px);\n      position: relative;\n      bottom: var(--beam-PartnerLogos-beamLogo-bottom, 5px);\n    }\n  `;\n}\n\nexport const partnerLogosConfigDefaults = {\n  \"--beam-PartnerLogos-partnerLogo-height\": \"32px\",\n  \"--beam-PartnerLogos-partnerLogo-bottom\": \"0px\",\n  \"--beam-PartnerLogos-divider-color\": \"lightgray\",\n  \"--beam-PartnerLogos-divider-marginRight\": \"20px\",\n  \"--beam-PartnerLogos-divider-marginLeft\": \"20px\",\n  \"--beam-PartnerLogos-divider-height\": \"40px\",\n  \"--beam-PartnerLogos-beamLogo-height\": \"32px\",\n  \"--beam-PartnerLogos-beamLogo-bottom\": \"5px\",\n} as const;\n\ncustomElements.get(\"beam-partner-logos\") || customElements.define(\"beam-partner-logos\", BeamPartnerLogos);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-partner-logos\": BeamPartnerLogos;\n  }\n}\n"],"names":["s","p","t","r","o","i","m","DEFAULT_BEAM_LOGO","BeamPartnerLogos","LitElement","partnerLogoUrl","beamLogoUrl","partnerName","html","css","__decorateClass","property","partnerLogosConfigDefaults"],"mappings":"uEAAA,IAAAA,EAAA,OAAA,eAAAC,EAAA,OAAA,yBAAAC,EAAA,CAAA,EAAAC,EAAA,EAAA,IAAA,CAAA,QAAAC,EAAA,EAAA,EAAA,OAAA,EAAAH,EAAAE,EAAA,CAAA,EAAAA,EAAAE,EAAA,EAAA,OAAA,EAAAC,EAAAD,GAAA,EAAAA,KAAAC,EAAA,EAAAD,CAAA,KAAAD,GAAA,EAAAE,EAAAH,EAAA,EAAAC,CAAA,EAAAE,EAAAF,CAAA,IAAAA,GAAA,OAAA,GAAAA,GAAAJ,EAAAG,EAAA,EAAAC,CAAA,EAAAA,CAAA,EAIA,MAAMG,EAAoB,wDAEnB,MAAMC,UAAyBC,CAAW,CAA1C,aACuB,CAAA,MAAA,GAAA,SAAA,EAAA,KAAA,eAAuB,GACvC,KAAoBF,YAAAA,EACpB,KAAc,YAAA,EAAA,CAE1B,QAAS,CACP,KAAM,CAAE,eAAAG,EAAgB,YAAAC,EAAa,YAAAC,CAAY,EAAI,KAErD,OAAOC;AAAAA;AAAAA,oBAESH,CAAc,8BAA8BE,CAAW;AAAA;AAAA;AAAA;AAAA,oBAIvDD,CAAW;AAAA;AAAA,KAG7B,CAkCF,CAnDaH,EAmBJ,OAASM;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,IAlBYC,EAAA,CAA3BC,EAAS,CAAE,KAAM,MAAO,CAAC,CADf,EAAAR,EACiB,UAChBO,iBAAAA,CAAAA,EAAAA,EAAA,CAAXC,EAAS,CAAA,EAFCR,EAEC,UACAO,cAAAA,CAAAA,EAAAA,EAAA,CAAXC,EAAS,CAAA,EAHCR,EAGC,UAAA,cAAA,CAAA,EAkDD,MAAAS,EAA6B,CACxC,yCAA0C,OAC1C,yCAA0C,MAC1C,oCAAqC,YACrC,0CAA2C,OAC3C,yCAA0C,OAC1C,qCAAsC,OACtC,sCAAuC,OACvC,sCAAuC,KACzC,EAEA,eAAe,IAAI,oBAAoB,GAAK,eAAe,OAAO,qBAAsBT,CAAgB"}
+{"version":3,"file":"beam-partner-logos.esm.js","sources":["../../src/components/beam-partner-logos/index.ts"],"sourcesContent":["import { css, html, LitElement } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { TUrl } from \"../../api-sdk/types\";\n\nconst DEFAULT_BEAM_LOGO = \"https://cdn01.beamimpact.com/chains/img/beam-logo.png\";\n\nexport class BeamPartnerLogos extends LitElement {\n  @property({ type: String }) partnerLogoUrl: TUrl = \"\";\n  @property() beamLogoUrl: TUrl = DEFAULT_BEAM_LOGO;\n  @property() partnerName = \"\"; // for alt-text\n\n  render() {\n    const { partnerLogoUrl, beamLogoUrl, partnerName } = this;\n\n    return html`\n      <span class=\"partner-logo\">\n        <img src=\"${partnerLogoUrl}\" part=\"partner-logo\" alt=\"${partnerName} Logo\" />\n      </span>\n      <span class=\"logo-separator\" part=\"logo-separator\"></span>\n      <a class=\"beam-logo\" href=\"https://beamimpact.com\" target=\"_blank\" rel=\"external\">\n        <img src=\"${beamLogoUrl}\" part=\"beam-logo\" alt=\"Beam Impact Logo\" />\n      </a>\n    `;\n  }\n\n  static styles = css`\n    :host {\n      height: 50px;\n      display: flex;\n      align-items: center;\n    }\n\n    .partner-logo,\n    .beam-logo {\n      position: relative;\n    }\n\n    .partner-logo img {\n      height: var(--beam-PartnerLogos-partnerLogo-height, 32px);\n      position: relative;\n      bottom: var(--beam-PartnerLogos-partnerLogo-bottom, 0px);\n    }\n\n    .logo-separator {\n      border-left: 1px solid var(--beam-PartnerLogos-divider-color, lightgray);\n      margin-right: var(--beam-PartnerLogos-divider-marginRight, 20px);\n      margin-left: var(--beam-PartnerLogos-divider-marginLeft, 20px);\n      height: var(--beam-PartnerLogos-divider-height, 40px);\n      display: inline-block;\n    }\n\n    .beam-logo img {\n      height: var(--beam-PartnerLogos-beamLogo-height, 32px);\n      position: relative;\n      bottom: var(--beam-PartnerLogos-beamLogo-bottom, 5px);\n    }\n  `;\n}\n\nexport const partnerLogosConfigDefaults = {\n  \"--beam-PartnerLogos-partnerLogo-height\": \"32px\",\n  \"--beam-PartnerLogos-partnerLogo-bottom\": \"0px\",\n  \"--beam-PartnerLogos-divider-color\": \"lightgray\",\n  \"--beam-PartnerLogos-divider-marginRight\": \"20px\",\n  \"--beam-PartnerLogos-divider-marginLeft\": \"20px\",\n  \"--beam-PartnerLogos-divider-height\": \"40px\",\n  \"--beam-PartnerLogos-beamLogo-height\": \"32px\",\n  \"--beam-PartnerLogos-beamLogo-bottom\": \"5px\",\n} as const;\n\ncustomElements.get(\"beam-partner-logos\") || customElements.define(\"beam-partner-logos\", BeamPartnerLogos);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-partner-logos\": BeamPartnerLogos;\n  }\n}\n"],"names":["s","p","t","r","o","i","m","DEFAULT_BEAM_LOGO","BeamPartnerLogos","LitElement","partnerLogoUrl","beamLogoUrl","partnerName","html","css","__decorateClass","property","partnerLogosConfigDefaults"],"mappings":"uEAAA,IAAAA,EAAA,OAAA,eAAAC,EAAA,OAAA,yBAAAC,EAAA,CAAA,EAAAC,EAAA,EAAA,IAAA,CAAA,QAAAC,EAAA,EAAA,EAAA,OAAA,EAAAH,EAAAE,EAAA,CAAA,EAAAA,EAAAE,EAAA,EAAA,OAAA,EAAAC,EAAAD,GAAA,EAAAA,KAAAC,EAAA,EAAAD,CAAA,KAAAD,GAAA,EAAAE,EAAAH,EAAA,EAAAC,CAAA,EAAAE,EAAAF,CAAA,IAAAA,GAAA,OAAA,GAAAA,GAAAJ,EAAAG,EAAA,EAAAC,CAAA,EAAAA,CAAA,EAIA,MAAMG,EAAoB,wDAEnB,MAAMC,UAAyBC,CAAW,CAA1C,aACuB,CAAA,MAAA,GAAA,SAAA,EAAA,KAAA,eAAuB,GACvC,KAAoBF,YAAAA,EACpB,KAAc,YAAA,EAAA,CAE1B,QAAS,CACP,KAAM,CAAE,eAAAG,EAAgB,YAAAC,EAAa,YAAAC,CAAY,EAAI,KAErD,OAAOC;AAAAA;AAAAA,oBAESH,CAAc,8BAA8BE,CAAW;AAAA;AAAA;AAAA;AAAA,oBAIvDD,CAAW;AAAA;AAAA,KAG7B,CAkCF,CAnDaH,EAmBJ,OAASM;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,IAlBYC,EAAA,CAA3BC,EAAS,CAAE,KAAM,MAAO,CAAC,CADf,EAAAR,EACiB,UAChBO,iBAAAA,CAAAA,EAAAA,EAAA,CAAXC,EAAS,CAAA,EAFCR,EAEC,UACAO,cAAAA,CAAAA,EAAAA,EAAA,CAAXC,EAAS,CAAA,EAHCR,EAGC,UAAA,cAAA,CAAA,EAkDD,MAAAS,EAA6B,CACxC,yCAA0C,OAC1C,yCAA0C,MAC1C,oCAAqC,YACrC,0CAA2C,OAC3C,yCAA0C,OAC1C,qCAAsC,OACtC,sCAAuC,OACvC,sCAAuC,KACzC,EAEA,eAAe,IAAI,oBAAoB,GAAK,eAAe,OAAO,qBAAsBT,CAAgB"}

package/dist/components/beam-partner-logos.js

@@ -1,9 +1,9 @@
-import{f as m,g as i,h as l,y as b}from"../chunks/lit-qtGbjGnK.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`
+import{f as m,g as i,h as l,y as b}from"../chunks/lit-3QHn3fwl.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" rel="external">
+      <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`

package/dist/components/beam-partner-logos.js.map

@@ -1 +1 @@
-{"version":3,"file":"beam-partner-logos.js","sources":["../../src/components/beam-partner-logos/index.ts"],"sourcesContent":["import { css, html, LitElement } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { TUrl } from \"../../api-sdk/types\";\n\nconst DEFAULT_BEAM_LOGO = \"https://cdn01.beamimpact.com/chains/img/beam-logo.png\";\n\nexport class BeamPartnerLogos extends LitElement {\n  @property({ type: String }) partnerLogoUrl: TUrl = \"\";\n  @property() beamLogoUrl: TUrl = DEFAULT_BEAM_LOGO;\n  @property() partnerName = \"\"; // for alt-text\n\n  render() {\n    const { partnerLogoUrl, beamLogoUrl, partnerName } = this;\n\n    return html`\n      <span class=\"partner-logo\">\n        <img src=\"${partnerLogoUrl}\" part=\"partner-logo\" alt=\"${partnerName} Logo\" />\n      </span>\n      <span class=\"logo-separator\" part=\"logo-separator\"></span>\n      <a class=\"beam-logo\" href=\"https://beamimpact.com\" rel=\"external\">\n        <img src=\"${beamLogoUrl}\" part=\"beam-logo\" alt=\"Beam Impact Logo\" />\n      </a>\n    `;\n  }\n\n  static styles = css`\n    :host {\n      height: 50px;\n      display: flex;\n      align-items: center;\n    }\n\n    .partner-logo,\n    .beam-logo {\n      position: relative;\n    }\n\n    .partner-logo img {\n      height: var(--beam-PartnerLogos-partnerLogo-height, 32px);\n      position: relative;\n      bottom: var(--beam-PartnerLogos-partnerLogo-bottom, 0px);\n    }\n\n    .logo-separator {\n      border-left: 1px solid var(--beam-PartnerLogos-divider-color, lightgray);\n      margin-right: var(--beam-PartnerLogos-divider-marginRight, 20px);\n      margin-left: var(--beam-PartnerLogos-divider-marginLeft, 20px);\n      height: var(--beam-PartnerLogos-divider-height, 40px);\n      display: inline-block;\n    }\n\n    .beam-logo img {\n      height: var(--beam-PartnerLogos-beamLogo-height, 32px);\n      position: relative;\n      bottom: var(--beam-PartnerLogos-beamLogo-bottom, 5px);\n    }\n  `;\n}\n\nexport const partnerLogosConfigDefaults = {\n  \"--beam-PartnerLogos-partnerLogo-height\": \"32px\",\n  \"--beam-PartnerLogos-partnerLogo-bottom\": \"0px\",\n  \"--beam-PartnerLogos-divider-color\": \"lightgray\",\n  \"--beam-PartnerLogos-divider-marginRight\": \"20px\",\n  \"--beam-PartnerLogos-divider-marginLeft\": \"20px\",\n  \"--beam-PartnerLogos-divider-height\": \"40px\",\n  \"--beam-PartnerLogos-beamLogo-height\": \"32px\",\n  \"--beam-PartnerLogos-beamLogo-bottom\": \"5px\",\n} as const;\n\ncustomElements.get(\"beam-partner-logos\") || customElements.define(\"beam-partner-logos\", BeamPartnerLogos);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-partner-logos\": BeamPartnerLogos;\n  }\n}\n"],"names":["s","p","t","r","o","i","m","DEFAULT_BEAM_LOGO","BeamPartnerLogos","LitElement","partnerLogoUrl","beamLogoUrl","partnerName","html","css","__decorateClass","property","partnerLogosConfigDefaults"],"mappings":"uEAAA,IAAAA,EAAA,OAAA,eAAAC,EAAA,OAAA,yBAAAC,EAAA,CAAA,EAAAC,EAAA,EAAA,IAAA,CAAA,QAAAC,EAAA,EAAA,EAAA,OAAA,EAAAH,EAAAE,EAAA,CAAA,EAAAA,EAAAE,EAAA,EAAA,OAAA,EAAAC,EAAAD,GAAA,EAAAA,KAAAC,EAAA,EAAAD,CAAA,KAAAD,GAAA,EAAAE,EAAAH,EAAA,EAAAC,CAAA,EAAAE,EAAAF,CAAA,IAAAA,GAAA,OAAA,GAAAA,GAAAJ,EAAAG,EAAA,EAAAC,CAAA,EAAAA,CAAA,EAIA,MAAMG,EAAoB,wDAEnB,MAAMC,UAAyBC,CAAW,CAA1C,aACuB,CAAA,MAAA,GAAA,SAAA,EAAA,KAAA,eAAuB,GACvC,KAAoBF,YAAAA,EACpB,KAAc,YAAA,EAAA,CAE1B,QAAS,CACP,KAAM,CAAE,eAAAG,EAAgB,YAAAC,EAAa,YAAAC,CAAY,EAAI,KAErD,OAAOC;AAAAA;AAAAA,oBAESH,CAAc,8BAA8BE,CAAW;AAAA;AAAA;AAAA;AAAA,oBAIvDD,CAAW;AAAA;AAAA,KAG7B,CAkCF,CAnDaH,EAmBJ,OAASM;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,IAlBYC,EAAA,CAA3BC,EAAS,CAAE,KAAM,MAAO,CAAC,CADf,EAAAR,EACiB,UAChBO,iBAAAA,CAAAA,EAAAA,EAAA,CAAXC,EAAS,CAAA,EAFCR,EAEC,UACAO,cAAAA,CAAAA,EAAAA,EAAA,CAAXC,EAAS,CAAA,EAHCR,EAGC,UAAA,cAAA,CAAA,EAkDD,MAAAS,EAA6B,CACxC,yCAA0C,OAC1C,yCAA0C,MAC1C,oCAAqC,YACrC,0CAA2C,OAC3C,yCAA0C,OAC1C,qCAAsC,OACtC,sCAAuC,OACvC,sCAAuC,KACzC,EAEA,eAAe,IAAI,oBAAoB,GAAK,eAAe,OAAO,qBAAsBT,CAAgB"}
+{"version":3,"file":"beam-partner-logos.js","sources":["../../src/components/beam-partner-logos/index.ts"],"sourcesContent":["import { css, html, LitElement } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { TUrl } from \"../../api-sdk/types\";\n\nconst DEFAULT_BEAM_LOGO = \"https://cdn01.beamimpact.com/chains/img/beam-logo.png\";\n\nexport class BeamPartnerLogos extends LitElement {\n  @property({ type: String }) partnerLogoUrl: TUrl = \"\";\n  @property() beamLogoUrl: TUrl = DEFAULT_BEAM_LOGO;\n  @property() partnerName = \"\"; // for alt-text\n\n  render() {\n    const { partnerLogoUrl, beamLogoUrl, partnerName } = this;\n\n    return html`\n      <span class=\"partner-logo\">\n        <img src=\"${partnerLogoUrl}\" part=\"partner-logo\" alt=\"${partnerName} Logo\" />\n      </span>\n      <span class=\"logo-separator\" part=\"logo-separator\"></span>\n      <a class=\"beam-logo\" href=\"https://beamimpact.com\" target=\"_blank\" rel=\"external\">\n        <img src=\"${beamLogoUrl}\" part=\"beam-logo\" alt=\"Beam Impact Logo\" />\n      </a>\n    `;\n  }\n\n  static styles = css`\n    :host {\n      height: 50px;\n      display: flex;\n      align-items: center;\n    }\n\n    .partner-logo,\n    .beam-logo {\n      position: relative;\n    }\n\n    .partner-logo img {\n      height: var(--beam-PartnerLogos-partnerLogo-height, 32px);\n      position: relative;\n      bottom: var(--beam-PartnerLogos-partnerLogo-bottom, 0px);\n    }\n\n    .logo-separator {\n      border-left: 1px solid var(--beam-PartnerLogos-divider-color, lightgray);\n      margin-right: var(--beam-PartnerLogos-divider-marginRight, 20px);\n      margin-left: var(--beam-PartnerLogos-divider-marginLeft, 20px);\n      height: var(--beam-PartnerLogos-divider-height, 40px);\n      display: inline-block;\n    }\n\n    .beam-logo img {\n      height: var(--beam-PartnerLogos-beamLogo-height, 32px);\n      position: relative;\n      bottom: var(--beam-PartnerLogos-beamLogo-bottom, 5px);\n    }\n  `;\n}\n\nexport const partnerLogosConfigDefaults = {\n  \"--beam-PartnerLogos-partnerLogo-height\": \"32px\",\n  \"--beam-PartnerLogos-partnerLogo-bottom\": \"0px\",\n  \"--beam-PartnerLogos-divider-color\": \"lightgray\",\n  \"--beam-PartnerLogos-divider-marginRight\": \"20px\",\n  \"--beam-PartnerLogos-divider-marginLeft\": \"20px\",\n  \"--beam-PartnerLogos-divider-height\": \"40px\",\n  \"--beam-PartnerLogos-beamLogo-height\": \"32px\",\n  \"--beam-PartnerLogos-beamLogo-bottom\": \"5px\",\n} as const;\n\ncustomElements.get(\"beam-partner-logos\") || customElements.define(\"beam-partner-logos\", BeamPartnerLogos);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-partner-logos\": BeamPartnerLogos;\n  }\n}\n"],"names":["s","p","t","r","o","i","m","DEFAULT_BEAM_LOGO","BeamPartnerLogos","LitElement","partnerLogoUrl","beamLogoUrl","partnerName","html","css","__decorateClass","property","partnerLogosConfigDefaults"],"mappings":"uEAAA,IAAAA,EAAA,OAAA,eAAAC,EAAA,OAAA,yBAAAC,EAAA,CAAA,EAAAC,EAAA,EAAA,IAAA,CAAA,QAAAC,EAAA,EAAA,EAAA,OAAA,EAAAH,EAAAE,EAAA,CAAA,EAAAA,EAAAE,EAAA,EAAA,OAAA,EAAAC,EAAAD,GAAA,EAAAA,KAAAC,EAAA,EAAAD,CAAA,KAAAD,GAAA,EAAAE,EAAAH,EAAA,EAAAC,CAAA,EAAAE,EAAAF,CAAA,IAAAA,GAAA,OAAA,GAAAA,GAAAJ,EAAAG,EAAA,EAAAC,CAAA,EAAAA,CAAA,EAIA,MAAMG,EAAoB,wDAEnB,MAAMC,UAAyBC,CAAW,CAA1C,aACuB,CAAA,MAAA,GAAA,SAAA,EAAA,KAAA,eAAuB,GACvC,KAAoBF,YAAAA,EACpB,KAAc,YAAA,EAAA,CAE1B,QAAS,CACP,KAAM,CAAE,eAAAG,EAAgB,YAAAC,EAAa,YAAAC,CAAY,EAAI,KAErD,OAAOC;AAAAA;AAAAA,oBAESH,CAAc,8BAA8BE,CAAW;AAAA;AAAA;AAAA;AAAA,oBAIvDD,CAAW;AAAA;AAAA,KAG7B,CAkCF,CAnDaH,EAmBJ,OAASM;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,IAlBYC,EAAA,CAA3BC,EAAS,CAAE,KAAM,MAAO,CAAC,CADf,EAAAR,EACiB,UAChBO,iBAAAA,CAAAA,EAAAA,EAAA,CAAXC,EAAS,CAAA,EAFCR,EAEC,UACAO,cAAAA,CAAAA,EAAAA,EAAA,CAAXC,EAAS,CAAA,EAHCR,EAGC,UAAA,cAAA,CAAA,EAkDD,MAAAS,EAA6B,CACxC,yCAA0C,OAC1C,yCAA0C,MAC1C,oCAAqC,YACrC,0CAA2C,OAC3C,yCAA0C,OAC1C,qCAAsC,OACtC,sCAAuC,OACvC,sCAAuC,KACzC,EAEA,eAAe,IAAI,oBAAoB,GAAK,eAAe,OAAO,qBAAsBT,CAAgB"}

package/dist/components/community-impact.d.ts

@@ -3,7 +3,7 @@ import { LitElement } from 'lit';
 import * as lit_html from 'lit-html';
 import '../chunks/progress-bar-0VS_AmEf.esm.js';
 import './beam-partner-logos.js';
-import { b as TNumericId } from '../chunks/types-CfbVJRfU.esm.js';
+import { T as TNumericId } from '../chunks/types-zbTZ8-KP.esm.js';
 import { L as LANGUAGES } from '../chunks/types-aju0qrRe.esm.js';
 
 type RequiredConfig = {

package/dist/components/community-impact.esm.js

@@ -1,6 +1,10 @@
-import{f as x,g,t as I,h as v,y as p,k as b,m as u}from"../chunks/lit-qtGbjGnK.esm.js";import{p as $}from"../chunks/progress-bar-Sn2QspHy.esm.js";import{partnerLogosConfigDefaults as T}from"./beam-partner-logos.esm.js";import{c as k,u as n,d as w,e as S,A,i as c,_ as C,a as m,b as L}from"../chunks/localize-F31ae3j6.esm.js";import{D as z,g as F,W as D,S as M}from"../chunks/routes-31m626dW.esm.js";import{_ as U}from"../chunks/loading-template-Av0IUyKF.esm.js";import{B as E}from"../chunks/beam-errors-P-Lu07Ce.esm.js";import{c as f}from"../chunks/css-card-grid-7tObtoJx.esm.js";import"../utils/logger.esm.js";const y={en:{fundedTimes:({times:i=0})=>`Funded <b>${i}</b> ${i>1?"times":"time"} so far`,learnMore:()=>"Learn more",seeAll:()=>"See All"},fr:{fundedTimes:({times:i=0})=>`Financ\xE9 <b>${i}</b> fois pour l'instant`,learnMore:()=>"En savoir plus",seeAll:()=>"Voir tout"},de:{fundedTimes:({times:i=0})=>`<b>${i}</b> Mal finanziert`,learnMore:()=>"Mehr erfahren",seeAll:()=>"Alle anzeigen"},es:{fundedTimes:({times:i=0})=>`Financiado <b>${i}</b> ${i>1?"vez":"veces"}`,learnMore:()=>"Saber m\xE1s",seeAll:()=>"Ver Todo"},it:{fundedTimes:({times:i=0})=>`Finanziato <b>${i}</b> ${i>1?"volta":"volte"}`,learnMore:()=>"Scopri di pi\xF9",seeAll:()=>"Vedi Tutto"},pl:{fundedTimes:({times:i=0})=>`Udzielono wsparcia <b>${i}</b> ${i>1?"razy":"raz"}`,learnMore:()=>"Dowiedz si\u0119 wi\u0119cej",seeAll:()=>"Zobacz wszystko"}};var _=Object.defineProperty,P=Object.getOwnPropertyDescriptor,d=(i,a,t,r)=>{for(var o=r>1?void 0:r?P(a,t):a,e=i.length-1,l;e>=0;e--)(l=i[e])&&(o=(r?l(a,t,o):l(o))||o);return r&&o&&_(a,t,o),o};class s extends v{constructor(){super(...arguments),this.baseUrl=z,this.cardStyle="image",this.lang="en",this.debug=!1,this.selectedFilter=null,this.getImpactData=async()=>(S(["apiKey","chainId"],this),F({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},queryParams:{chainId:this.chainId,personalImpactLimit:0,widgetName:D.community_impact,version:"1.0.0",lang:this.configLang}})),this.impactDataController=new A(this,this.getImpactData),this.renderImageCard=a=>p`
+import{f as x,g,t as I,h as v,y as p,m as b,k as u}from"../chunks/lit-3QHn3fwl.esm.js";import{p as $}from"../chunks/progress-bar-HVG_n8_6.esm.js";import{partnerLogosConfigDefaults as T}from"./beam-partner-logos.esm.js";import{c as k,d as w,e as S}from"../chunks/enforce-config-HksNiOMu.esm.js";import{u as n,A as L,i as c,_ as f,d as m,a as A}from"../chunks/localize-IRs8JglT.esm.js";import{D as z,g as F,W as D,S as M}from"../chunks/routes-zzEfDMIn.esm.js";import{_ as U}from"../chunks/loading-template-mLjOGXMj.esm.js";import{B as E}from"../chunks/beam-errors-P-Lu07Ce.esm.js";import{c as C}from"../chunks/css-card-grid-r6wxRbPV.esm.js";import"../utils/logger.esm.js";const y={en:{fundedTimes:({times:i=0})=>`Funded <b>${i}</b> ${i>1?"times":"time"} so far`,learnMore:()=>"Learn more",seeAll:()=>"See All"},fr:{fundedTimes:({times:i=0})=>`Financ\xE9 <b>${i}</b> fois pour l'instant`,learnMore:()=>"En savoir plus",seeAll:()=>"Voir tout"},de:{fundedTimes:({times:i=0})=>`<b>${i}</b> Mal finanziert`,learnMore:()=>"Mehr erfahren",seeAll:()=>"Alle anzeigen"},es:{fundedTimes:({times:i=0})=>`Financiado <b>${i}</b> ${i>1?"vez":"veces"}`,learnMore:()=>"Saber m\xE1s",seeAll:()=>"Ver Todo"},it:{fundedTimes:({times:i=0})=>`Finanziato <b>${i}</b> ${i>1?"volta":"volte"}`,learnMore:()=>"Scopri di pi\xF9",seeAll:()=>"Vedi Tutto"},pl:{fundedTimes:({times:i=0})=>`Udzielono wsparcia <b>${i}</b> ${i>1?"razy":"raz"}`,learnMore:()=>"Dowiedz si\u0119 wi\u0119cej",seeAll:()=>"Zobacz wszystko"}};var _=Object.defineProperty,P=Object.getOwnPropertyDescriptor,d=(i,a,t,r)=>{for(var o=r>1?void 0:r?P(a,t):a,e=i.length-1,l;e>=0;e--)(l=i[e])&&(o=(r?l(a,t,o):l(o))||o);return r&&o&&_(a,t,o),o};class s extends v{constructor(){super(...arguments),this.baseUrl=z,this.cardStyle="image",this.lang="en",this.debug=!1,this.selectedFilter=null,this.getImpactData=async()=>(S(["apiKey","chainId"],this),F({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},queryParams:{chainId:this.chainId,personalImpactLimit:0,widgetName:D.community_impact,version:"1.0.0",lang:this.configLang}})),this.impactDataController=new L(this,this.getImpactData),this.renderImageCard=a=>{const t=`${a.nonprofit?.name} image`,r=`Learn more about ${a.nonprofit?.name}`;return p`
       <div class="image-card" part="nonprofit-card" style="display: flex; flex-direction: column;">
-        <div class="image-card-image-box" style="background-image: url('${a.imageUrl}');">
+        <div
+          class="image-card-image-box"
+          style="background-image: url('${a.imageUrl}');"
+          aria-label="${t}"
+        >
           <p class="image-card-cause">${c(this.configLang,a.nonprofit?.cause||"")}</p>
           <h4 class="image-card-name">${c(this.configLang,a.nonprofit?.name)}</h4>
         </div>
@@ -25,6 +29,7 @@ import{f as x,g,t as I,h as v,y as p,k as b,m as u}from"../chunks/lit-qtGbjGnK.e
               target="_blank"
               class="image-card-link"
               style="color: var(--beam-CommunityImpact-imageCard-link-color, inherit); white-space: nowrap"
+              aria-label="${r}"
             >
               ${c(this.configLang,a.nonprofit?.websiteLinkText)}<span class="image-card-link-arrow"
                 >&nbsp;&rsaquo;</span
@@ -33,9 +38,9 @@ import{f as x,g,t as I,h as v,y as p,k as b,m as u}from"../chunks/lit-qtGbjGnK.e
           </div>
         </div>
       </div>
-    `,this.renderIconCard=a=>p`
+    `},this.renderIconCard=a=>{const t=`${a.nonprofit?.name} icon`,r=`Learn more about ${a.nonprofit?.name}`;return p`
       <div class="icon-card" part="nonprofit-card" style="display: flex; flex-direction: column;">
-        <img class="icon-card-icon" src="${a.nonprofit?.causeIconUrl}" alt="${a.nonprofit?.cause}" />
+        <img class="icon-card-icon" src="${a.nonprofit?.causeIconUrl}" alt="${t}" />
         <p class="icon-card-cause">${a.nonprofit?.cause}</p>
         <h4 class="icon-card-name">${a.nonprofit?.name}</h4>
         <div class="icon-card-description" part="nonprofit-card-description" style="flex: 1;">
@@ -56,12 +61,13 @@ import{f as x,g,t as I,h as v,y as p,k as b,m as u}from"../chunks/lit-qtGbjGnK.e
             target="_blank"
             class="icon-card-link"
             style="color: var(--beam-CommunityImpact-iconCard-link-color, inherit); display: block"
+            aria-label="${r}"
             >${c(this.configLang,a.nonprofit?.websiteLinkText)||y[this.configLang].learnMore()}<span class="icon-card-link-arrow">&nbsp;&rsaquo;</span>
           </a>
           ${a.impact?.goalCompletionText===""?p`<div class="icon-card-goal-completion">&nbsp;</div>`:""}
         </div>
       </div>
-    `,this.renderCards=({nonprofits:a})=>p`
+    `},this.renderCards=({nonprofits:a})=>p`
       <div class="beam-nonprofit-${this.cardStyle}-cards" part="nonprofit-cards">
         ${a?.map(this.cardStyle==="image"?this.renderImageCard:this.renderIconCard)}
       </div>
@@ -84,7 +90,7 @@ import{f as x,g,t as I,h as v,y as p,k as b,m as u}from"../chunks/lit-qtGbjGnK.e
             style="${u({"padding-bottom":"1px","border-bottom-width":"2px","border-bottom-style":"solid","border-bottom-color":this.selectedFilter===e?"currentColor":"transparent"})}"
             >${e}</span
           >`)}
-    </div>`}render(){const{selectedFilter:a}=this,{data:t,error:r,loading:o}=this.impactDataController;if(o)return U();if(r)return this.debug?C({error:r}):"";if(t==null)return this.debug?C({error:new E("Missing data")}):"";const{community:e}=t,l=a?e.filter(h=>h.filters?.includes(a)):e;return p`
+    </div>`}render(){const{selectedFilter:a}=this,{data:t,error:r,loading:o}=this.impactDataController;if(o)return U();if(r)return this.debug?f({error:r}):"";if(t==null)return this.debug?f({error:new E("Missing data")}):"";const{community:e}=t,l=a?e.filter(h=>h.filters?.includes(a)):e;return p`
       <style>
         :host {
           ${this.cssVariables.toCSS()}
@@ -97,7 +103,7 @@ import{f as x,g,t as I,h as v,y as p,k as b,m as u}from"../chunks/lit-qtGbjGnK.e
       ></beam-partner-logos>
 
       ${this.renderFilterTabs({nonprofits:e})} ${this.renderCards({nonprofits:l})}
-    `}get cssVariables(){const a={"--beam-fontFamily":"inherit","--beam-fontStyle":"inherit","--beam-fontSize":"14px","--beam-lineHeight":"1","--beam-textColor":"inherit","--beam-backgroundColor":"inherit",...T,...$,"--beam-CommunityImpact-filterTabs-textalign":"left","--beam-CommunityImpact-filterTabs-marginBottom":"20px","--beam-CommunityImpact-imageCard-borderColor":"currentColor","--beam-CommunityImpact-imageCard-borderRadius":"0","--beam-CommunityImpact-imageCard-borderWidth":"1px","--beam-CommunityImpact-imageCard-backgroundColor":"inherit","--beam-CommunityImpact-imageCard-foregroundColor":"inherit",...m("--beam-CommunityImpact-filterTabs",{fontSize:"16px",marginTop:"10px",fontWeight:"bold"}),...m("--beam-CommunityImpact-imageCard-cause",{fontSize:"14px",textTransform:"uppercase",color:"#fff"}),...m("--beam-CommunityImpact-imageCard-name",{fontSize:"22px",marginTop:"0",color:"#fff"}),...m("--beam-CommunityImpact-imageCard-description",{marginTop:"10px",lineHeight:"1.3"}),"--beam-CommunityImpact-imageCard-link-color":"inherit","--beam-CommunityImpact-imageCard-linkArrow-display":"none",...m("--beam-CommunityImpact-imageCard-link",{fontSize:"12px"}),...m("--beam-CommunityImpact-imageCard-goalCompletion",{fontSize:"12px"}),"--beam-CommunityImpact-imageCard-goalCompletion-fontStyle":"italic","--beam-CommunityImpact-imageCard-progress-marginTop":"10px",...m("--beam-CommunityImpact-imageCard-progressText"),"--beam-CommunityImpact-imageCard-footer-marginTop":"10px",...m("--beam-CommunityImpact-iconCard-cause",{marginTop:"10px"}),...m("--beam-CommunityImpact-iconCard-name",{marginTop:"5px",fontWeight:"bold"}),"--beam-CommunityImpact-iconCard-progress-marginTop":"10px",...m("--beam-CommunityImpact-iconCard-progressText"),...m("--beam-CommunityImpact-iconCard-description",{marginTop:"10px",lineHeight:"1.3"}),"--beam-CommunityImpact-iconCard-description-textAlign":"left",...m("--beam-CommunityImpact-iconCard-goalCompletion",{marginTop:"10px"}),"--beam-CommunityImpact-iconCard-link-color":"inherit","--beam-CommunityImpact-iconCard-linkArrow-display":"none",...m("--beam-CommunityImpact-iconCard-link",{marginTop:"5px"})},t=(this.impactDataController.data?.community.length||0)===3?3:this.cardStyle==="icon"?4:2;a["--beam-CommunityImpact-columns"]=t.toString(),a["--beam-CommunityImpact-columns-minWidth"]=this.cardStyle==="image"?"300px":"200px";const r=this.impactDataController?.data?.config?.web?.theme||{},o={...a,...r};return Object.assign(Object.create({toCSS(){return L(this)}}),o)}}s.tagName="beam-community-impact",s.styles=[k,x`
+    `}get cssVariables(){const a={"--beam-fontFamily":"inherit","--beam-fontStyle":"inherit","--beam-fontSize":"14px","--beam-lineHeight":"1","--beam-textColor":"inherit","--beam-backgroundColor":"inherit",...T,...$,"--beam-CommunityImpact-filterTabs-textalign":"left","--beam-CommunityImpact-filterTabs-marginBottom":"20px","--beam-CommunityImpact-imageCard-borderColor":"currentColor","--beam-CommunityImpact-imageCard-borderRadius":"0","--beam-CommunityImpact-imageCard-borderWidth":"1px","--beam-CommunityImpact-imageCard-backgroundColor":"inherit","--beam-CommunityImpact-imageCard-foregroundColor":"inherit",...m("--beam-CommunityImpact-filterTabs",{fontSize:"16px",marginTop:"10px",fontWeight:"bold"}),...m("--beam-CommunityImpact-imageCard-cause",{fontSize:"14px",textTransform:"uppercase",color:"#fff"}),...m("--beam-CommunityImpact-imageCard-name",{fontSize:"22px",marginTop:"0",color:"#fff"}),...m("--beam-CommunityImpact-imageCard-description",{marginTop:"10px",lineHeight:"1.3"}),"--beam-CommunityImpact-imageCard-link-color":"inherit","--beam-CommunityImpact-imageCard-linkArrow-display":"none",...m("--beam-CommunityImpact-imageCard-link",{fontSize:"12px"}),...m("--beam-CommunityImpact-imageCard-goalCompletion",{fontSize:"12px"}),"--beam-CommunityImpact-imageCard-goalCompletion-fontStyle":"italic","--beam-CommunityImpact-imageCard-progress-marginTop":"10px",...m("--beam-CommunityImpact-imageCard-progressText"),"--beam-CommunityImpact-imageCard-footer-marginTop":"10px",...m("--beam-CommunityImpact-iconCard-cause",{marginTop:"10px"}),...m("--beam-CommunityImpact-iconCard-name",{marginTop:"5px",fontWeight:"bold"}),"--beam-CommunityImpact-iconCard-progress-marginTop":"10px",...m("--beam-CommunityImpact-iconCard-progressText"),...m("--beam-CommunityImpact-iconCard-description",{marginTop:"10px",lineHeight:"1.3"}),"--beam-CommunityImpact-iconCard-description-textAlign":"left",...m("--beam-CommunityImpact-iconCard-goalCompletion",{marginTop:"10px"}),"--beam-CommunityImpact-iconCard-link-color":"inherit","--beam-CommunityImpact-iconCard-linkArrow-display":"none",...m("--beam-CommunityImpact-iconCard-link",{marginTop:"5px"})},t=(this.impactDataController.data?.community.length||0)===3?3:this.cardStyle==="icon"?4:2;a["--beam-CommunityImpact-columns"]=t.toString(),a["--beam-CommunityImpact-columns-minWidth"]=this.cardStyle==="image"?"300px":"200px";const r=this.impactDataController?.data?.config?.web?.theme||{},o={...a,...r};return Object.assign(Object.create({toCSS(){return A(this)}}),o)}}s.tagName="beam-community-impact",s.styles=[k,x`
       :host {
         display: block;
         font-family: var(--beam-fontFamily, inherit);
@@ -120,9 +126,9 @@ import{f as x,g,t as I,h as v,y as p,k as b,m as u}from"../chunks/lit-qtGbjGnK.e
         margin-top: 10px;
       }
 
-      ${f({gap:"20px",className:"beam-nonprofit-image-cards",columnCount:"var(--beam-CommunityImpact-columns)",itemMinWidth:"var(--beam-CommunityImpact-columns-minWidth)"})}
+      ${C({gap:"20px",className:"beam-nonprofit-image-cards",columnCount:"var(--beam-CommunityImpact-columns)",itemMinWidth:"var(--beam-CommunityImpact-columns-minWidth)"})}
 
-      ${f({gap:"40px",className:"beam-nonprofit-icon-cards",columnCount:"var(--beam-CommunityImpact-columns)",itemMinWidth:"var(--beam-CommunityImpact-columns-minWidth)"})}
+      ${C({gap:"40px",className:"beam-nonprofit-icon-cards",columnCount:"var(--beam-CommunityImpact-columns)",itemMinWidth:"var(--beam-CommunityImpact-columns-minWidth)"})}
 
       /* Image Style Cards */
 

package/dist/components/community-impact.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"community-impact.esm.js","sources":["../../src/components/community-impact/strings.ts","../../src/components/community-impact/index.ts"],"sourcesContent":["export const strings = {\n  en: {\n    fundedTimes: ({ times = 0 }) => `Funded <b>${times}</b> ${times > 1 ? \"times\" : \"time\"} so far`,\n    learnMore: () => `Learn more`,\n    seeAll: () => `See All`,\n  },\n  fr: {\n    fundedTimes: ({ times = 0 }) => `Financé <b>${times}</b> fois pour l'instant`,\n    learnMore: () => `En savoir plus`,\n    seeAll: () => `Voir tout`,\n  },\n  de: {\n    fundedTimes: ({ times = 0 }) => `<b>${times}</b> Mal finanziert`,\n    learnMore: () => `Mehr erfahren`,\n    seeAll: () => `Alle anzeigen`,\n  },\n  es: {\n    fundedTimes: ({ times = 0 }) => `Financiado <b>${times}</b> ${times > 1 ? \"vez\" : \"veces\"}`,\n    learnMore: () => `Saber más`,\n    seeAll: () => `Ver Todo`,\n  },\n  it: {\n    fundedTimes: ({ times = 0 }) => `Finanziato <b>${times}</b> ${times > 1 ? \"volta\" : \"volte\"}`,\n    learnMore: () => `Scopri di più`,\n    seeAll: () => `Vedi Tutto`,\n  },\n  pl: {\n    fundedTimes: ({ times = 0 }) => `Udzielono wsparcia <b>${times}</b> ${times > 1 ? \"razy\" : \"raz\"}`,\n    learnMore: () => `Dowiedz się więcej`,\n    seeAll: () => `Zobacz wszystko`,\n  },\n};\n","import { css, html, LitElement } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { state } from \"lit/decorators/state.js\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport { unsafeHTML } from \"lit/directives/unsafe-html.js\";\nimport \"../../shared/components/progress-bar\";\nimport \"../beam-partner-logos\";\nimport { cssReset } from \"../../shared/css-reset\";\nimport { defineCustomElement } from \"../../shared/defineCustomElement\";\nimport { _cssVariableMap } from \"../../shared/fragments/css-variable-map\";\nimport { AsyncController } from \"../../shared/controllers/async-controller\";\nimport { getImpact } from \"../../api-sdk/v3/routes\";\nimport { _errorMessage } from \"../../shared/fragments/error-message-template\";\nimport { _loading } from \"../../shared/fragments/loading-template\";\nimport { defineCustomText, useCustomText } from \"../../shared/fragments/custom-text\";\nimport { DEFAULT_BASE_URL, SUPPORTED_LANGUAGES, WIDGET_NAMES } from \"../../api-sdk/constants\";\nimport { enforceConfig } from \"../../shared/enforce-config\";\nimport { BeamError, MissingConfig } from \"../../utils/beam-errors\";\nimport { TNumericId } from \"../../shared/types\";\nimport { cssCardGrid } from \"../../shared/fragments/css-card-grid\";\nimport { LANGUAGES } from \"../../api-sdk/types\";\nimport { localizeUserString } from \"../../shared/localize\";\nimport { progressBarConfigDefaults } from \"../../shared/components/progress-bar\";\nimport { partnerLogosConfigDefaults } from \"../beam-partner-logos\";\nimport { strings } from \"./strings\";\n\ntype RequiredConfig = {\n  apiKey: string;\n  chainId: TNumericId;\n};\n\ntype IAPIV3NonprofitImpact = Awaited<ReturnType<typeof getImpact>>[\"community\"][0];\n\n/**\n * Beam Impact Overview Widget\n * Displays a grid of cards highlighting progress against funding goals\n * for the non-profits the chain is supporting.\n */\nexport class BeamCommunityImpact extends LitElement {\n  static tagName = \"beam-community-impact\";\n\n  @property({ type: String }) public apiKey?: RequiredConfig[\"apiKey\"];\n\n  @property({ type: Number }) public chainId?: RequiredConfig[\"chainId\"];\n\n  @property({ type: String }) public baseUrl = DEFAULT_BASE_URL;\n\n  @property({ type: String }) public cardStyle: \"icon\" | \"image\" = \"image\";\n\n  @property({ type: String }) public lang: LANGUAGES = \"en\";\n\n  @property({ type: Boolean }) public debug = false;\n\n  @state() private selectedFilter: string | null = null;\n\n  get configLang() {\n    return SUPPORTED_LANGUAGES[this.lang] || \"en\";\n  }\n\n  private getImpactData = async () => {\n    if (!enforceConfig<RequiredConfig>([\"apiKey\", \"chainId\"], this)) throw new MissingConfig();\n    const res = getImpact({\n      baseUrl: this.baseUrl,\n      headers: {\n        authorization: `Api-Key ${this.apiKey}`,\n      },\n      queryParams: {\n        chainId: this.chainId,\n        personalImpactLimit: 0,\n        widgetName: WIDGET_NAMES.community_impact,\n        version: \"1.0.0\",\n        lang: this.configLang,\n      },\n    });\n\n    return res;\n  };\n\n  private impactDataController = new AsyncController<typeof this.getImpactData>(this, this.getImpactData);\n\n  async updated(changedProperties: Map<string, unknown>) {\n    // Reload nonprofit list on change of any of these props:\n    // Also fires on first load as props go from undefined => value\n    const requireNewDataProps = [\"chainId\", \"baseUrl\", \"lang\"];\n    for (const prop of requireNewDataProps) {\n      if (changedProperties.has(prop)) {\n        this.impactDataController.exec();\n        break;\n      }\n    }\n  }\n\n  private renderFilterTabs({ nonprofits }: { nonprofits: IAPIV3NonprofitImpact[] }) {\n    const uniqueFilters = Array.from(new Set(nonprofits.flatMap((n) => n.filters || [])));\n    if (uniqueFilters.length === 0) return \"\";\n    const handleSeeAllFocus = () => {\n      this.selectedFilter = null;\n    };\n    const handleFilterFocus = (filter: string) => {\n      if (this.selectedFilter === filter) {\n        this.selectedFilter = null;\n      } else {\n        this.selectedFilter = filter;\n      }\n    };\n    return html` <div\n      class=\"beam-filter-tabs\"\n      part=\"filters\"\n      style=\"display: inline-flex; flex-wrap: wrap; gap: 0.5em 1em\"\n    >\n      <span\n        tabindex=\"0\"\n        style=\"${styleMap({\n          \"padding-bottom\": \"1px\",\n          \"border-bottom-width\": \"2px\",\n          \"border-bottom-style\": \"solid\",\n          \"border-bottom-color\": this.selectedFilter === null ? \"currentColor\" : \"transparent\",\n        })}\"\n        @click=${handleSeeAllFocus}\n        @keydown=${(evt: KeyboardEvent) => {\n          if ([\"Enter\", \" \"].includes(evt.key)) {\n            evt.preventDefault();\n            handleSeeAllFocus();\n          }\n        }}\n        >${strings[this.configLang].seeAll()}</span\n      >\n      ${uniqueFilters.map(\n        (filter: string) =>\n          html`<span\n            tabindex=\"0\"\n            @click=${() => handleFilterFocus(filter)}\n            @keydown=${(evt: KeyboardEvent) => {\n              if ([\"Enter\", \" \"].includes(evt.key)) {\n                evt.preventDefault();\n                handleFilterFocus(filter);\n              }\n            }}\n            style=\"${styleMap({\n              \"padding-bottom\": \"1px\",\n              \"border-bottom-width\": \"2px\",\n              \"border-bottom-style\": \"solid\",\n              \"border-bottom-color\": this.selectedFilter === filter ? \"currentColor\" : \"transparent\",\n            })}\"\n            >${filter}</span\n          >`\n      )}\n    </div>`;\n  }\n\n  private renderImageCard = (data: IAPIV3NonprofitImpact) => {\n    return html`\n      <div class=\"image-card\" part=\"nonprofit-card\" style=\"display: flex; flex-direction: column;\">\n        <div class=\"image-card-image-box\" style=\"background-image: url('${data.imageUrl}');\">\n          <p class=\"image-card-cause\">${localizeUserString(this.configLang, data.nonprofit?.cause || \"\")}</p>\n          <h4 class=\"image-card-name\">${localizeUserString(this.configLang, data.nonprofit?.name)}</h4>\n        </div>\n        <div\n          style=\"padding: 5px 15px 15px; flex: 1 1 auto; border-radius: 0px; border: none; display: flex; flex-direction: column;\"\n        >\n          <div class=\"image-card-progress\" style=\"display: flex; align-items: center;\">\n            <beam-progress-bar style=\"flex-grow: 1;\" value=\"${data.impact?.goalProgressPercentage}\"></beam-progress-bar>\n            <span class=\"image-card-progressText\" style=\"margin-left: 20px;\"\n              >${localizeUserString(this.configLang, data.impact?.goalProgressText)}</span\n            >\n          </div>\n          <div class=\"image-card-description\">\n            ${unsafeHTML(localizeUserString(this.configLang, data.impact?.description || \"\"))}\n          </div>\n          <div style=\"display: flex; align-items: end; flex-wrap: wrap; gap: 10px; flex: 1;\" class=\"image-card-footer\">\n            <div class=\"image-card-goal-completion\" style=\"flex-grow: 1;\">\n              ${unsafeHTML(localizeUserString(this.configLang, data.impact?.goalCompletionText))}\n            </div>\n            <a\n              href=\"${data.nonprofit?.website}\"\n              target=\"_blank\"\n              class=\"image-card-link\"\n              style=\"color: var(--beam-CommunityImpact-imageCard-link-color, inherit); white-space: nowrap\"\n            >\n              ${localizeUserString(this.configLang, data.nonprofit?.websiteLinkText)}<span class=\"image-card-link-arrow\"\n                >&nbsp;&rsaquo;</span\n              >\n            </a>\n          </div>\n        </div>\n      </div>\n    `;\n  };\n\n  private renderIconCard = (data: IAPIV3NonprofitImpact) => {\n    return html`\n      <div class=\"icon-card\" part=\"nonprofit-card\" style=\"display: flex; flex-direction: column;\">\n        <img class=\"icon-card-icon\" src=\"${data.nonprofit?.causeIconUrl}\" alt=\"${data.nonprofit?.cause}\" />\n        <p class=\"icon-card-cause\">${data.nonprofit?.cause}</p>\n        <h4 class=\"icon-card-name\">${data.nonprofit?.name}</h4>\n        <div class=\"icon-card-description\" part=\"nonprofit-card-description\" style=\"flex: 1;\">\n          ${unsafeHTML(localizeUserString(this.configLang, data.impact?.description || \"\"))}\n        </div>\n        <div class=\"icon-card-footer\" style=\"width: 100%; text-align: center;\">\n          <div class=\"icon-card-progress\" style=\"display: flex; align-items: center; width: 100%;\">\n            <beam-progress-bar style=\"flex: 1 0;\" value=\"${data.impact?.goalProgressPercentage}\"></beam-progress-bar>\n            <span style=\"text-align: right; flex: 0 1; white-space: nowrap\" class=\"icon-card-progressText\"\n              >${localizeUserString(this.configLang, data.impact?.goalProgressText)}</span\n            >\n          </div>\n          <div class=\"icon-card-goal-completion\">\n            ${unsafeHTML(localizeUserString(this.configLang, data.impact?.goalCompletionText))}\n          </div>\n          <a\n            href=\"${data.nonprofit?.website}\"\n            target=\"_blank\"\n            class=\"icon-card-link\"\n            style=\"color: var(--beam-CommunityImpact-iconCard-link-color, inherit); display: block\"\n            >${localizeUserString(this.configLang, data.nonprofit?.websiteLinkText) ||\n            strings[this.configLang].learnMore()}<span class=\"icon-card-link-arrow\">&nbsp;&rsaquo;</span>\n          </a>\n          ${data.impact?.goalCompletionText === \"\" ? html`<div class=\"icon-card-goal-completion\">&nbsp;</div>` : \"\"}\n        </div>\n      </div>\n    `;\n  };\n\n  private renderCards = ({ nonprofits }: { nonprofits: IAPIV3NonprofitImpact[] }) => {\n    return html`\n      <div class=\"beam-nonprofit-${this.cardStyle}-cards\" part=\"nonprofit-cards\">\n        ${nonprofits?.map(this.cardStyle === \"image\" ? this.renderImageCard : this.renderIconCard)}\n      </div>\n    `;\n  };\n\n  render() {\n    const { selectedFilter } = this;\n    const { data, error, loading } = this.impactDataController;\n    if (loading) {\n      return _loading();\n    }\n    if (error) {\n      if (this.debug) {\n        return _errorMessage({ error });\n      }\n      return \"\";\n    }\n    if (data == null) {\n      if (this.debug) {\n        return _errorMessage({ error: new BeamError(\"Missing data\") });\n      }\n      return \"\";\n    }\n    const { community: nonprofits } = data;\n    const filteredNonprofits = selectedFilter\n      ? nonprofits.filter((np) => np.filters?.includes(selectedFilter))\n      : nonprofits;\n    return html`\n      <style>\n        :host {\n          ${this.cssVariables.toCSS()}\n        }\n      </style>\n      <beam-partner-logos\n        part=\"logos\"\n        partnerLogoUrl=\"${data.chain.logoUrl}\"\n        partnerName=\"${data.chain.name}\"\n      ></beam-partner-logos>\n\n      ${this.renderFilterTabs({ nonprofits })} ${this.renderCards({ nonprofits: filteredNonprofits })}\n    `;\n  }\n\n  public get cssVariables() {\n    const defaults: Record<string, string> = {\n      \"--beam-fontFamily\": \"inherit\",\n      \"--beam-fontStyle\": \"inherit\",\n      \"--beam-fontSize\": \"14px\",\n      \"--beam-lineHeight\": \"1\",\n      \"--beam-textColor\": \"inherit\",\n      \"--beam-backgroundColor\": \"inherit\",\n      ...partnerLogosConfigDefaults,\n      ...progressBarConfigDefaults,\n      \"--beam-CommunityImpact-filterTabs-textalign\": \"left\",\n      \"--beam-CommunityImpact-filterTabs-marginBottom\": \"20px\",\n      /* Image Card Styles */\n      \"--beam-CommunityImpact-imageCard-borderColor\": \"currentColor\",\n      \"--beam-CommunityImpact-imageCard-borderRadius\": \"0\",\n      \"--beam-CommunityImpact-imageCard-borderWidth\": \"1px\",\n      \"--beam-CommunityImpact-imageCard-backgroundColor\": \"inherit\",\n      \"--beam-CommunityImpact-imageCard-foregroundColor\": \"inherit\",\n      ...defineCustomText(\"--beam-CommunityImpact-filterTabs\", {\n        fontSize: \"16px\",\n        marginTop: \"10px\",\n        fontWeight: \"bold\",\n      }),\n      ...defineCustomText(\"--beam-CommunityImpact-imageCard-cause\", {\n        fontSize: \"14px\",\n        textTransform: \"uppercase\",\n        color: \"#fff\",\n      }),\n      ...defineCustomText(\"--beam-CommunityImpact-imageCard-name\", {\n        fontSize: \"22px\",\n        marginTop: \"0\",\n        color: \"#fff\",\n      }),\n      ...defineCustomText(\"--beam-CommunityImpact-imageCard-description\", {\n        marginTop: \"10px\",\n        lineHeight: \"1.3\",\n      }),\n      \"--beam-CommunityImpact-imageCard-link-color\": \"inherit\",\n      \"--beam-CommunityImpact-imageCard-linkArrow-display\": \"none\",\n      ...defineCustomText(\"--beam-CommunityImpact-imageCard-link\", {\n        fontSize: \"12px\",\n      }),\n      ...defineCustomText(\"--beam-CommunityImpact-imageCard-goalCompletion\", {\n        fontSize: \"12px\",\n      }),\n      \"--beam-CommunityImpact-imageCard-goalCompletion-fontStyle\": \"italic\",\n      \"--beam-CommunityImpact-imageCard-progress-marginTop\": \"10px\",\n      ...defineCustomText(\"--beam-CommunityImpact-imageCard-progressText\"),\n      \"--beam-CommunityImpact-imageCard-footer-marginTop\": \"10px\",\n      /* Icon Card Styles */\n      ...defineCustomText(\"--beam-CommunityImpact-iconCard-cause\", {\n        marginTop: \"10px\",\n      }),\n      ...defineCustomText(\"--beam-CommunityImpact-iconCard-name\", {\n        marginTop: \"5px\",\n        fontWeight: \"bold\",\n      }),\n      \"--beam-CommunityImpact-iconCard-progress-marginTop\": \"10px\",\n      ...defineCustomText(\"--beam-CommunityImpact-iconCard-progressText\"),\n      ...defineCustomText(\"--beam-CommunityImpact-iconCard-description\", {\n        marginTop: \"10px\",\n        lineHeight: \"1.3\",\n      }),\n      \"--beam-CommunityImpact-iconCard-description-textAlign\": \"left\",\n      ...defineCustomText(\"--beam-CommunityImpact-iconCard-goalCompletion\", {\n        marginTop: \"10px\",\n      }),\n      \"--beam-CommunityImpact-iconCard-link-color\": \"inherit\",\n      \"--beam-CommunityImpact-iconCard-linkArrow-display\": \"none\",\n      ...defineCustomText(\"--beam-CommunityImpact-iconCard-link\", {\n        marginTop: \"5px\",\n      }),\n    };\n\n    const cardCount = this.impactDataController.data?.community.length || 0;\n    const columnCount = cardCount === 3 ? 3 : this.cardStyle === \"icon\" ? 4 : 2;\n    defaults[\"--beam-CommunityImpact-columns\"] = columnCount.toString();\n    defaults[\"--beam-CommunityImpact-columns-minWidth\"] = this.cardStyle === \"image\" ? \"300px\" : \"200px\";\n\n    const remoteConfig = this.impactDataController?.data?.config?.web?.theme || {};\n\n    const config = { ...defaults, ...remoteConfig };\n\n    const serializable = Object.create({\n      toCSS() {\n        return _cssVariableMap(this as Record<string, string>);\n      },\n    });\n\n    return Object.assign(serializable, config);\n  }\n\n  static styles = [\n    cssReset,\n    css`\n      :host {\n        display: block;\n        font-family: var(--beam-fontFamily, inherit);\n        font-style: var(--beam-fontStyle, inherit);\n        font-size: var(--beam-fontSize, inherit);\n        color: var(--beam-textColor, inherit);\n        background-color: var(--beam-backgroundColor, inherit);\n        line-height: var(--beam-lineHeight, 1);\n        word-break: normal;\n      }\n\n      .beam-filter-tabs {\n        ${useCustomText(\"--beam-CommunityImpact-filterTabs\")}\n        margin-bottom: var(--beam-CommunityImpact-filterTabs-marginBottom, 10px);\n        text-align: var(--beam-CommunityImpact-filterTabs-textalign, left);\n      }\n\n      .beam-nonprofit-image-cards,\n      .beam-nonprofit-icon-cards {\n        margin-top: 10px;\n      }\n\n      ${cssCardGrid({\n        gap: \"20px\",\n        className: \"beam-nonprofit-image-cards\",\n        columnCount: \"var(--beam-CommunityImpact-columns)\",\n        itemMinWidth: \"var(--beam-CommunityImpact-columns-minWidth)\",\n      })}\n\n      ${cssCardGrid({\n        gap: \"40px\",\n        className: \"beam-nonprofit-icon-cards\",\n        columnCount: \"var(--beam-CommunityImpact-columns)\",\n        itemMinWidth: \"var(--beam-CommunityImpact-columns-minWidth)\",\n      })}\n\n      /* Image Style Cards */\n\n      .image-card {\n        overflow-wrap: break-word;\n        border-color: var(--beam-CommunityImpact-imageCard-borderColor);\n        border-style: solid;\n        border-width: var(--beam-CommunityImpact-imageCard-borderWidth);\n        border-radius: var(--beam-CommunityImpact-imageCard-borderRadius);\n        overflow: hidden;\n        background-color: var(--beam-CommunityImpact-imageCard-backgroundColor);\n        color: var(--beam-CommunityImpact-imageCard-foregroundColor);\n      }\n\n      .image-card-image-box {\n        height: 200px;\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-end;\n        padding: 0 24px 16px;\n        overflow-wrap: break-word;\n        background-color: #555;\n        background-blend-mode: overlay;\n        background-size: cover;\n        background-repeat: no-repeat;\n      }\n\n      .image-card-cause {\n        ${useCustomText(\"--beam-CommunityImpact-imageCard-cause\")}\n      }\n\n      .image-card-name {\n        ${useCustomText(\"--beam-CommunityImpact-imageCard-name\")}\n      }\n\n      .image-card-progress {\n        margin-top: var(--beam-CommunityImpact-imageCard-progress-marginTop);\n      }\n\n      .image-card-progressText {\n        ${useCustomText(\"--beam-CommunityImpact-imageCard-progressText\")}\n      }\n\n      .image-card-description {\n        ${useCustomText(\"--beam-CommunityImpact-imageCard-description\")}\n      }\n\n      .image-card-link {\n        ${useCustomText(\"--beam-CommunityImpact-imageCard-link\")}\n      }\n\n      .image-card-link-arrow {\n        display: var(--beam-CommunityImpact-imageCard-linkArrow-display, \"none\");\n      }\n\n      .image-card-goal-completion {\n        ${useCustomText(\"--beam-CommunityImpact-imageCard-goalCompletion\")}\n        font-style: var(--beam-CommunityImpact-imageCard-goalCompletion-fontStyle, italic);\n      }\n\n      .image-card-footer {\n        margin-top: var(--beam-CommunityImpact-imageCard-footer-marginTop);\n      }\n\n      /* Icon Style Cards */\n\n      .icon-card {\n        display: flex;\n        flex-direction: column;\n        justify-content: start;\n        align-items: center;\n      }\n\n      .icon-card-icon {\n        height: 50px;\n      }\n\n      .icon-card-cause {\n        ${useCustomText(\"--beam-CommunityImpact-iconCard-cause\")}\n      }\n\n      .icon-card-name {\n        ${useCustomText(\"--beam-CommunityImpact-iconCard-name\")}\n      }\n\n      .icon-card-progress {\n        margin-top: var(--beam-CommunityImpact-iconCard-progress-marginTop);\n      }\n\n      .icon-card-progressText {\n        ${useCustomText(\"--beam-CommunityImpact-iconCard-progressText\")}\n        margin-left: 10px;\n      }\n\n      .icon-card-description {\n        ${useCustomText(\"--beam-CommunityImpact-iconCard-description\")}\n        text-align: var(--beam-CommunityImpact-iconCard-description-textAlign, left);\n      }\n\n      .icon-card-link {\n        ${useCustomText(\"--beam-CommunityImpact-iconCard-link\")}\n      }\n\n      .icon-card-link-arrow {\n        display: var(--beam-CommunityImpact-iconCard-linkArrow-display, \"none\");\n      }\n\n      .icon-card-goal-completion {\n        ${useCustomText(\"--beam-CommunityImpact-iconCard-goalCompletion\")}\n        font-style: var(--beam-CommunityImpact-iconCard-goalCompletion-fontStyle, italic);\n      }\n\n      .icon-card-footer {\n        margin-top: var(--beam-CommunityImpact-iconCard-footer-marginTop);\n      }\n    `,\n  ];\n}\n\ndefineCustomElement(BeamCommunityImpact);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-community-impact\": BeamCommunityImpact;\n  }\n}\n"],"names":["strings","times","x","I","c","b","p","e","i","n","a","BeamCommunityImpact","LitElement","DEFAULT_BASE_URL","enforceConfig","getImpact","WIDGET_NAMES","AsyncController","data","html","localizeUserString","unsafeHTML","nonprofits","SUPPORTED_LANGUAGES","changedProperties","requireNewDataProps","prop","uniqueFilters","handleSeeAllFocus","handleFilterFocus","filter","styleMap","evt","selectedFilter","error","loading","_loading","_errorMessage","BeamError","filteredNonprofits","np","defaults","partnerLogosConfigDefaults","progressBarConfigDefaults","defineCustomText","columnCount","remoteConfig","config","_cssVariableMap","cssReset","css","useCustomText","cssCardGrid","__decorateClass","property","state","defineCustomElement"],"mappings":"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"}
+{"version":3,"file":"community-impact.esm.js","sources":["../../src/components/community-impact/strings.ts","../../src/components/community-impact/index.ts"],"sourcesContent":["export const strings = {\n  en: {\n    fundedTimes: ({ times = 0 }) => `Funded <b>${times}</b> ${times > 1 ? \"times\" : \"time\"} so far`,\n    learnMore: () => `Learn more`,\n    seeAll: () => `See All`,\n  },\n  fr: {\n    fundedTimes: ({ times = 0 }) => `Financé <b>${times}</b> fois pour l'instant`,\n    learnMore: () => `En savoir plus`,\n    seeAll: () => `Voir tout`,\n  },\n  de: {\n    fundedTimes: ({ times = 0 }) => `<b>${times}</b> Mal finanziert`,\n    learnMore: () => `Mehr erfahren`,\n    seeAll: () => `Alle anzeigen`,\n  },\n  es: {\n    fundedTimes: ({ times = 0 }) => `Financiado <b>${times}</b> ${times > 1 ? \"vez\" : \"veces\"}`,\n    learnMore: () => `Saber más`,\n    seeAll: () => `Ver Todo`,\n  },\n  it: {\n    fundedTimes: ({ times = 0 }) => `Finanziato <b>${times}</b> ${times > 1 ? \"volta\" : \"volte\"}`,\n    learnMore: () => `Scopri di più`,\n    seeAll: () => `Vedi Tutto`,\n  },\n  pl: {\n    fundedTimes: ({ times = 0 }) => `Udzielono wsparcia <b>${times}</b> ${times > 1 ? \"razy\" : \"raz\"}`,\n    learnMore: () => `Dowiedz się więcej`,\n    seeAll: () => `Zobacz wszystko`,\n  },\n};\n","import { css, html, LitElement } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { state } from \"lit/decorators/state.js\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport { unsafeHTML } from \"lit/directives/unsafe-html.js\";\nimport \"../../shared/components/progress-bar\";\nimport \"../beam-partner-logos\";\nimport { cssReset } from \"../../shared/css-reset\";\nimport { defineCustomElement } from \"../../shared/defineCustomElement\";\nimport { _cssVariableMap } from \"../../shared/fragments/css-variable-map\";\nimport { AsyncController } from \"../../shared/controllers/async-controller\";\nimport { getImpact } from \"../../api-sdk/v3/routes\";\nimport { _errorMessage } from \"../../shared/fragments/error-message-template\";\nimport { _loading } from \"../../shared/fragments/loading-template\";\nimport { defineCustomText, useCustomText } from \"../../shared/fragments/custom-text\";\nimport { DEFAULT_BASE_URL, SUPPORTED_LANGUAGES, WIDGET_NAMES } from \"../../api-sdk/constants\";\nimport { enforceConfig } from \"../../shared/enforce-config\";\nimport { BeamError, MissingConfig } from \"../../utils/beam-errors\";\nimport { TNumericId } from \"../../shared/types\";\nimport { cssCardGrid } from \"../../shared/fragments/css-card-grid\";\nimport { LANGUAGES } from \"../../api-sdk/types\";\nimport { localizeUserString } from \"../../shared/localize\";\nimport { progressBarConfigDefaults } from \"../../shared/components/progress-bar\";\nimport { partnerLogosConfigDefaults } from \"../beam-partner-logos\";\nimport { strings } from \"./strings\";\n\ntype RequiredConfig = {\n  apiKey: string;\n  chainId: TNumericId;\n};\n\ntype IAPIV3NonprofitImpact = Awaited<ReturnType<typeof getImpact>>[\"community\"][0];\n\n/**\n * Beam Impact Overview Widget\n * Displays a grid of cards highlighting progress against funding goals\n * for the non-profits the chain is supporting.\n */\nexport class BeamCommunityImpact extends LitElement {\n  static tagName = \"beam-community-impact\";\n\n  @property({ type: String }) public apiKey?: RequiredConfig[\"apiKey\"];\n\n  @property({ type: Number }) public chainId?: RequiredConfig[\"chainId\"];\n\n  @property({ type: String }) public baseUrl = DEFAULT_BASE_URL;\n\n  @property({ type: String }) public cardStyle: \"icon\" | \"image\" = \"image\";\n\n  @property({ type: String }) public lang: LANGUAGES = \"en\";\n\n  @property({ type: Boolean }) public debug = false;\n\n  @state() private selectedFilter: string | null = null;\n\n  get configLang() {\n    return SUPPORTED_LANGUAGES[this.lang] || \"en\";\n  }\n\n  private getImpactData = async () => {\n    if (!enforceConfig<RequiredConfig>([\"apiKey\", \"chainId\"], this)) throw new MissingConfig();\n    const res = getImpact({\n      baseUrl: this.baseUrl,\n      headers: {\n        authorization: `Api-Key ${this.apiKey}`,\n      },\n      queryParams: {\n        chainId: this.chainId,\n        personalImpactLimit: 0,\n        widgetName: WIDGET_NAMES.community_impact,\n        version: \"1.0.0\",\n        lang: this.configLang,\n      },\n    });\n\n    return res;\n  };\n\n  private impactDataController = new AsyncController<typeof this.getImpactData>(this, this.getImpactData);\n\n  async updated(changedProperties: Map<string, unknown>) {\n    // Reload nonprofit list on change of any of these props:\n    // Also fires on first load as props go from undefined => value\n    const requireNewDataProps = [\"chainId\", \"baseUrl\", \"lang\"];\n    for (const prop of requireNewDataProps) {\n      if (changedProperties.has(prop)) {\n        this.impactDataController.exec();\n        break;\n      }\n    }\n  }\n\n  private renderFilterTabs({ nonprofits }: { nonprofits: IAPIV3NonprofitImpact[] }) {\n    const uniqueFilters = Array.from(new Set(nonprofits.flatMap((n) => n.filters || [])));\n    if (uniqueFilters.length === 0) return \"\";\n    const handleSeeAllFocus = () => {\n      this.selectedFilter = null;\n    };\n    const handleFilterFocus = (filter: string) => {\n      if (this.selectedFilter === filter) {\n        this.selectedFilter = null;\n      } else {\n        this.selectedFilter = filter;\n      }\n    };\n    return html` <div\n      class=\"beam-filter-tabs\"\n      part=\"filters\"\n      style=\"display: inline-flex; flex-wrap: wrap; gap: 0.5em 1em\"\n    >\n      <span\n        tabindex=\"0\"\n        style=\"${styleMap({\n          \"padding-bottom\": \"1px\",\n          \"border-bottom-width\": \"2px\",\n          \"border-bottom-style\": \"solid\",\n          \"border-bottom-color\": this.selectedFilter === null ? \"currentColor\" : \"transparent\",\n        })}\"\n        @click=${handleSeeAllFocus}\n        @keydown=${(evt: KeyboardEvent) => {\n          if ([\"Enter\", \" \"].includes(evt.key)) {\n            evt.preventDefault();\n            handleSeeAllFocus();\n          }\n        }}\n        >${strings[this.configLang].seeAll()}</span\n      >\n      ${uniqueFilters.map(\n        (filter: string) =>\n          html`<span\n            tabindex=\"0\"\n            @click=${() => handleFilterFocus(filter)}\n            @keydown=${(evt: KeyboardEvent) => {\n              if ([\"Enter\", \" \"].includes(evt.key)) {\n                evt.preventDefault();\n                handleFilterFocus(filter);\n              }\n            }}\n            style=\"${styleMap({\n              \"padding-bottom\": \"1px\",\n              \"border-bottom-width\": \"2px\",\n              \"border-bottom-style\": \"solid\",\n              \"border-bottom-color\": this.selectedFilter === filter ? \"currentColor\" : \"transparent\",\n            })}\"\n            >${filter}</span\n          >`\n      )}\n    </div>`;\n  }\n\n  private renderImageCard = (data: IAPIV3NonprofitImpact) => {\n    const nonprofitImageAltText = `${data.nonprofit?.name} image`;\n    const learnMoreLinkAriaLabel = `Learn more about ${data.nonprofit?.name}`;\n\n    return html`\n      <div class=\"image-card\" part=\"nonprofit-card\" style=\"display: flex; flex-direction: column;\">\n        <div\n          class=\"image-card-image-box\"\n          style=\"background-image: url('${data.imageUrl}');\"\n          aria-label=\"${nonprofitImageAltText}\"\n        >\n          <p class=\"image-card-cause\">${localizeUserString(this.configLang, data.nonprofit?.cause || \"\")}</p>\n          <h4 class=\"image-card-name\">${localizeUserString(this.configLang, data.nonprofit?.name)}</h4>\n        </div>\n        <div\n          style=\"padding: 5px 15px 15px; flex: 1 1 auto; border-radius: 0px; border: none; display: flex; flex-direction: column;\"\n        >\n          <div class=\"image-card-progress\" style=\"display: flex; align-items: center;\">\n            <beam-progress-bar style=\"flex-grow: 1;\" value=\"${data.impact?.goalProgressPercentage}\"></beam-progress-bar>\n            <span class=\"image-card-progressText\" style=\"margin-left: 20px;\"\n              >${localizeUserString(this.configLang, data.impact?.goalProgressText)}</span\n            >\n          </div>\n          <div class=\"image-card-description\">\n            ${unsafeHTML(localizeUserString(this.configLang, data.impact?.description || \"\"))}\n          </div>\n          <div style=\"display: flex; align-items: end; flex-wrap: wrap; gap: 10px; flex: 1;\" class=\"image-card-footer\">\n            <div class=\"image-card-goal-completion\" style=\"flex-grow: 1;\">\n              ${unsafeHTML(localizeUserString(this.configLang, data.impact?.goalCompletionText))}\n            </div>\n            <a\n              href=\"${data.nonprofit?.website}\"\n              target=\"_blank\"\n              class=\"image-card-link\"\n              style=\"color: var(--beam-CommunityImpact-imageCard-link-color, inherit); white-space: nowrap\"\n              aria-label=\"${learnMoreLinkAriaLabel}\"\n            >\n              ${localizeUserString(this.configLang, data.nonprofit?.websiteLinkText)}<span class=\"image-card-link-arrow\"\n                >&nbsp;&rsaquo;</span\n              >\n            </a>\n          </div>\n        </div>\n      </div>\n    `;\n  };\n\n  private renderIconCard = (data: IAPIV3NonprofitImpact) => {\n    const nonprofitIconAltText = `${data.nonprofit?.name} icon`;\n    const learnMoreLinkAriaLabel = `Learn more about ${data.nonprofit?.name}`;\n\n    return html`\n      <div class=\"icon-card\" part=\"nonprofit-card\" style=\"display: flex; flex-direction: column;\">\n        <img class=\"icon-card-icon\" src=\"${data.nonprofit?.causeIconUrl}\" alt=\"${nonprofitIconAltText}\" />\n        <p class=\"icon-card-cause\">${data.nonprofit?.cause}</p>\n        <h4 class=\"icon-card-name\">${data.nonprofit?.name}</h4>\n        <div class=\"icon-card-description\" part=\"nonprofit-card-description\" style=\"flex: 1;\">\n          ${unsafeHTML(localizeUserString(this.configLang, data.impact?.description || \"\"))}\n        </div>\n        <div class=\"icon-card-footer\" style=\"width: 100%; text-align: center;\">\n          <div class=\"icon-card-progress\" style=\"display: flex; align-items: center; width: 100%;\">\n            <beam-progress-bar style=\"flex: 1 0;\" value=\"${data.impact?.goalProgressPercentage}\"></beam-progress-bar>\n            <span style=\"text-align: right; flex: 0 1; white-space: nowrap\" class=\"icon-card-progressText\"\n              >${localizeUserString(this.configLang, data.impact?.goalProgressText)}</span\n            >\n          </div>\n          <div class=\"icon-card-goal-completion\">\n            ${unsafeHTML(localizeUserString(this.configLang, data.impact?.goalCompletionText))}\n          </div>\n          <a\n            href=\"${data.nonprofit?.website}\"\n            target=\"_blank\"\n            class=\"icon-card-link\"\n            style=\"color: var(--beam-CommunityImpact-iconCard-link-color, inherit); display: block\"\n            aria-label=\"${learnMoreLinkAriaLabel}\"\n            >${localizeUserString(this.configLang, data.nonprofit?.websiteLinkText) ||\n            strings[this.configLang].learnMore()}<span class=\"icon-card-link-arrow\">&nbsp;&rsaquo;</span>\n          </a>\n          ${data.impact?.goalCompletionText === \"\" ? html`<div class=\"icon-card-goal-completion\">&nbsp;</div>` : \"\"}\n        </div>\n      </div>\n    `;\n  };\n\n  private renderCards = ({ nonprofits }: { nonprofits: IAPIV3NonprofitImpact[] }) => {\n    return html`\n      <div class=\"beam-nonprofit-${this.cardStyle}-cards\" part=\"nonprofit-cards\">\n        ${nonprofits?.map(this.cardStyle === \"image\" ? this.renderImageCard : this.renderIconCard)}\n      </div>\n    `;\n  };\n\n  render() {\n    const { selectedFilter } = this;\n    const { data, error, loading } = this.impactDataController;\n    if (loading) {\n      return _loading();\n    }\n    if (error) {\n      if (this.debug) {\n        return _errorMessage({ error });\n      }\n      return \"\";\n    }\n    if (data == null) {\n      if (this.debug) {\n        return _errorMessage({ error: new BeamError(\"Missing data\") });\n      }\n      return \"\";\n    }\n    const { community: nonprofits } = data;\n    const filteredNonprofits = selectedFilter\n      ? nonprofits.filter((np) => np.filters?.includes(selectedFilter))\n      : nonprofits;\n    return html`\n      <style>\n        :host {\n          ${this.cssVariables.toCSS()}\n        }\n      </style>\n      <beam-partner-logos\n        part=\"logos\"\n        partnerLogoUrl=\"${data.chain.logoUrl}\"\n        partnerName=\"${data.chain.name}\"\n      ></beam-partner-logos>\n\n      ${this.renderFilterTabs({ nonprofits })} ${this.renderCards({ nonprofits: filteredNonprofits })}\n    `;\n  }\n\n  public get cssVariables() {\n    const defaults: Record<string, string> = {\n      \"--beam-fontFamily\": \"inherit\",\n      \"--beam-fontStyle\": \"inherit\",\n      \"--beam-fontSize\": \"14px\",\n      \"--beam-lineHeight\": \"1\",\n      \"--beam-textColor\": \"inherit\",\n      \"--beam-backgroundColor\": \"inherit\",\n      ...partnerLogosConfigDefaults,\n      ...progressBarConfigDefaults,\n      \"--beam-CommunityImpact-filterTabs-textalign\": \"left\",\n      \"--beam-CommunityImpact-filterTabs-marginBottom\": \"20px\",\n      /* Image Card Styles */\n      \"--beam-CommunityImpact-imageCard-borderColor\": \"currentColor\",\n      \"--beam-CommunityImpact-imageCard-borderRadius\": \"0\",\n      \"--beam-CommunityImpact-imageCard-borderWidth\": \"1px\",\n      \"--beam-CommunityImpact-imageCard-backgroundColor\": \"inherit\",\n      \"--beam-CommunityImpact-imageCard-foregroundColor\": \"inherit\",\n      ...defineCustomText(\"--beam-CommunityImpact-filterTabs\", {\n        fontSize: \"16px\",\n        marginTop: \"10px\",\n        fontWeight: \"bold\",\n      }),\n      ...defineCustomText(\"--beam-CommunityImpact-imageCard-cause\", {\n        fontSize: \"14px\",\n        textTransform: \"uppercase\",\n        color: \"#fff\",\n      }),\n      ...defineCustomText(\"--beam-CommunityImpact-imageCard-name\", {\n        fontSize: \"22px\",\n        marginTop: \"0\",\n        color: \"#fff\",\n      }),\n      ...defineCustomText(\"--beam-CommunityImpact-imageCard-description\", {\n        marginTop: \"10px\",\n        lineHeight: \"1.3\",\n      }),\n      \"--beam-CommunityImpact-imageCard-link-color\": \"inherit\",\n      \"--beam-CommunityImpact-imageCard-linkArrow-display\": \"none\",\n      ...defineCustomText(\"--beam-CommunityImpact-imageCard-link\", {\n        fontSize: \"12px\",\n      }),\n      ...defineCustomText(\"--beam-CommunityImpact-imageCard-goalCompletion\", {\n        fontSize: \"12px\",\n      }),\n      \"--beam-CommunityImpact-imageCard-goalCompletion-fontStyle\": \"italic\",\n      \"--beam-CommunityImpact-imageCard-progress-marginTop\": \"10px\",\n      ...defineCustomText(\"--beam-CommunityImpact-imageCard-progressText\"),\n      \"--beam-CommunityImpact-imageCard-footer-marginTop\": \"10px\",\n      /* Icon Card Styles */\n      ...defineCustomText(\"--beam-CommunityImpact-iconCard-cause\", {\n        marginTop: \"10px\",\n      }),\n      ...defineCustomText(\"--beam-CommunityImpact-iconCard-name\", {\n        marginTop: \"5px\",\n        fontWeight: \"bold\",\n      }),\n      \"--beam-CommunityImpact-iconCard-progress-marginTop\": \"10px\",\n      ...defineCustomText(\"--beam-CommunityImpact-iconCard-progressText\"),\n      ...defineCustomText(\"--beam-CommunityImpact-iconCard-description\", {\n        marginTop: \"10px\",\n        lineHeight: \"1.3\",\n      }),\n      \"--beam-CommunityImpact-iconCard-description-textAlign\": \"left\",\n      ...defineCustomText(\"--beam-CommunityImpact-iconCard-goalCompletion\", {\n        marginTop: \"10px\",\n      }),\n      \"--beam-CommunityImpact-iconCard-link-color\": \"inherit\",\n      \"--beam-CommunityImpact-iconCard-linkArrow-display\": \"none\",\n      ...defineCustomText(\"--beam-CommunityImpact-iconCard-link\", {\n        marginTop: \"5px\",\n      }),\n    };\n\n    const cardCount = this.impactDataController.data?.community.length || 0;\n    const columnCount = cardCount === 3 ? 3 : this.cardStyle === \"icon\" ? 4 : 2;\n    defaults[\"--beam-CommunityImpact-columns\"] = columnCount.toString();\n    defaults[\"--beam-CommunityImpact-columns-minWidth\"] = this.cardStyle === \"image\" ? \"300px\" : \"200px\";\n\n    const remoteConfig = this.impactDataController?.data?.config?.web?.theme || {};\n\n    const config = { ...defaults, ...remoteConfig };\n\n    const serializable = Object.create({\n      toCSS() {\n        return _cssVariableMap(this as Record<string, string>);\n      },\n    });\n\n    return Object.assign(serializable, config);\n  }\n\n  static styles = [\n    cssReset,\n    css`\n      :host {\n        display: block;\n        font-family: var(--beam-fontFamily, inherit);\n        font-style: var(--beam-fontStyle, inherit);\n        font-size: var(--beam-fontSize, inherit);\n        color: var(--beam-textColor, inherit);\n        background-color: var(--beam-backgroundColor, inherit);\n        line-height: var(--beam-lineHeight, 1);\n        word-break: normal;\n      }\n\n      .beam-filter-tabs {\n        ${useCustomText(\"--beam-CommunityImpact-filterTabs\")}\n        margin-bottom: var(--beam-CommunityImpact-filterTabs-marginBottom, 10px);\n        text-align: var(--beam-CommunityImpact-filterTabs-textalign, left);\n      }\n\n      .beam-nonprofit-image-cards,\n      .beam-nonprofit-icon-cards {\n        margin-top: 10px;\n      }\n\n      ${cssCardGrid({\n        gap: \"20px\",\n        className: \"beam-nonprofit-image-cards\",\n        columnCount: \"var(--beam-CommunityImpact-columns)\",\n        itemMinWidth: \"var(--beam-CommunityImpact-columns-minWidth)\",\n      })}\n\n      ${cssCardGrid({\n        gap: \"40px\",\n        className: \"beam-nonprofit-icon-cards\",\n        columnCount: \"var(--beam-CommunityImpact-columns)\",\n        itemMinWidth: \"var(--beam-CommunityImpact-columns-minWidth)\",\n      })}\n\n      /* Image Style Cards */\n\n      .image-card {\n        overflow-wrap: break-word;\n        border-color: var(--beam-CommunityImpact-imageCard-borderColor);\n        border-style: solid;\n        border-width: var(--beam-CommunityImpact-imageCard-borderWidth);\n        border-radius: var(--beam-CommunityImpact-imageCard-borderRadius);\n        overflow: hidden;\n        background-color: var(--beam-CommunityImpact-imageCard-backgroundColor);\n        color: var(--beam-CommunityImpact-imageCard-foregroundColor);\n      }\n\n      .image-card-image-box {\n        height: 200px;\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-end;\n        padding: 0 24px 16px;\n        overflow-wrap: break-word;\n        background-color: #555;\n        background-blend-mode: overlay;\n        background-size: cover;\n        background-repeat: no-repeat;\n      }\n\n      .image-card-cause {\n        ${useCustomText(\"--beam-CommunityImpact-imageCard-cause\")}\n      }\n\n      .image-card-name {\n        ${useCustomText(\"--beam-CommunityImpact-imageCard-name\")}\n      }\n\n      .image-card-progress {\n        margin-top: var(--beam-CommunityImpact-imageCard-progress-marginTop);\n      }\n\n      .image-card-progressText {\n        ${useCustomText(\"--beam-CommunityImpact-imageCard-progressText\")}\n      }\n\n      .image-card-description {\n        ${useCustomText(\"--beam-CommunityImpact-imageCard-description\")}\n      }\n\n      .image-card-link {\n        ${useCustomText(\"--beam-CommunityImpact-imageCard-link\")}\n      }\n\n      .image-card-link-arrow {\n        display: var(--beam-CommunityImpact-imageCard-linkArrow-display, \"none\");\n      }\n\n      .image-card-goal-completion {\n        ${useCustomText(\"--beam-CommunityImpact-imageCard-goalCompletion\")}\n        font-style: var(--beam-CommunityImpact-imageCard-goalCompletion-fontStyle, italic);\n      }\n\n      .image-card-footer {\n        margin-top: var(--beam-CommunityImpact-imageCard-footer-marginTop);\n      }\n\n      /* Icon Style Cards */\n\n      .icon-card {\n        display: flex;\n        flex-direction: column;\n        justify-content: start;\n        align-items: center;\n      }\n\n      .icon-card-icon {\n        height: 50px;\n      }\n\n      .icon-card-cause {\n        ${useCustomText(\"--beam-CommunityImpact-iconCard-cause\")}\n      }\n\n      .icon-card-name {\n        ${useCustomText(\"--beam-CommunityImpact-iconCard-name\")}\n      }\n\n      .icon-card-progress {\n        margin-top: var(--beam-CommunityImpact-iconCard-progress-marginTop);\n      }\n\n      .icon-card-progressText {\n        ${useCustomText(\"--beam-CommunityImpact-iconCard-progressText\")}\n        margin-left: 10px;\n      }\n\n      .icon-card-description {\n        ${useCustomText(\"--beam-CommunityImpact-iconCard-description\")}\n        text-align: var(--beam-CommunityImpact-iconCard-description-textAlign, left);\n      }\n\n      .icon-card-link {\n        ${useCustomText(\"--beam-CommunityImpact-iconCard-link\")}\n      }\n\n      .icon-card-link-arrow {\n        display: var(--beam-CommunityImpact-iconCard-linkArrow-display, \"none\");\n      }\n\n      .icon-card-goal-completion {\n        ${useCustomText(\"--beam-CommunityImpact-iconCard-goalCompletion\")}\n        font-style: var(--beam-CommunityImpact-iconCard-goalCompletion-fontStyle, italic);\n      }\n\n      .icon-card-footer {\n        margin-top: var(--beam-CommunityImpact-iconCard-footer-marginTop);\n      }\n    `,\n  ];\n}\n\ndefineCustomElement(BeamCommunityImpact);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-community-impact\": BeamCommunityImpact;\n  }\n}\n"],"names":["strings","times","BeamCommunityImpact","LitElement","DEFAULT_BASE_URL","enforceConfig","getImpact","WIDGET_NAMES","AsyncController","data","nonprofitImageAltText","learnMoreLinkAriaLabel","html","localizeUserString","unsafeHTML","nonprofitIconAltText","nonprofits","SUPPORTED_LANGUAGES","changedProperties","requireNewDataProps","prop","uniqueFilters","n","handleSeeAllFocus","handleFilterFocus","filter","styleMap","evt","selectedFilter","error","loading","_loading","_errorMessage","BeamError","filteredNonprofits","np","defaults","partnerLogosConfigDefaults","progressBarConfigDefaults","defineCustomText","columnCount","remoteConfig","config","_cssVariableMap","cssReset","css","useCustomText","cssCardGrid","__decorateClass","property","state","defineCustomElement"],"mappings":"8pBAAO,MAAMA,EAAU,CACrB,GAAI,CACF,YAAa,CAAC,CAAE,MAAAC,EAAQ,CAAE,IAAM,aAAaA,CAAK,QAAQA,EAAQ,EAAI,QAAU,MAAM,UACtF,UAAW,IAAM,aACjB,OAAQ,IAAM,SAChB,EACA,GAAI,CACF,YAAa,CAAC,CAAE,MAAAA,EAAQ,CAAE,IAAM,iBAAcA,CAAK,2BACnD,UAAW,IAAM,iBACjB,OAAQ,IAAM,WAChB,EACA,GAAI,CACF,YAAa,CAAC,CAAE,MAAAA,EAAQ,CAAE,IAAM,MAAMA,CAAK,sBAC3C,UAAW,IAAM,gBACjB,OAAQ,IAAM,eAChB,EACA,GAAI,CACF,YAAa,CAAC,CAAE,MAAAA,EAAQ,CAAE,IAAM,iBAAiBA,CAAK,QAAQA,EAAQ,EAAI,MAAQ,OAAO,GACzF,UAAW,IAAM,eACjB,OAAQ,IAAM,UAChB,EACA,GAAI,CACF,YAAa,CAAC,CAAE,MAAAA,EAAQ,CAAE,IAAM,iBAAiBA,CAAK,QAAQA,EAAQ,EAAI,QAAU,OAAO,GAC3F,UAAW,IAAM,mBACjB,OAAQ,IAAM,YAChB,EACA,GAAI,CACF,YAAa,CAAC,CAAE,MAAAA,EAAQ,CAAE,IAAM,yBAAyBA,CAAK,QAAQA,EAAQ,EAAI,OAAS,KAAK,GAChG,UAAW,IAAM,+BACjB,OAAQ,IAAM,iBAChB,CACF,wMCOaC,UAA4BC,CAAW,CAA7C,aAOuB,CAAA,MAAA,GAAA,SAAA,EAAA,KAAO,QAAUC,EAEjB,KAAO,UAA8B,QAErC,KAAO,KAAkB,KAExB,KAAO,MAAQ,GAEnC,KAAQ,eAAgC,KAMjD,KAAQ,cAAgB,UACjBC,EAA8B,CAAC,SAAU,SAAS,EAAG,IAAI,EAClDC,EAAU,CACpB,QAAS,KAAK,QACd,QAAS,CACP,cAAe,WAAW,KAAK,MAAM,EACvC,EACA,YAAa,CACX,QAAS,KAAK,QACd,oBAAqB,EACrB,WAAYC,EAAa,iBACzB,QAAS,QACT,KAAM,KAAK,UACb,CACF,CAAC,GAKH,KAAQ,qBAAuB,IAAIC,EAA2C,KAAM,KAAK,aAAa,EAwEtG,KAAQ,gBAAmBC,GAAgC,CACzD,MAAMC,EAAwB,GAAGD,EAAK,WAAW,IAAI,SAC/CE,EAAyB,oBAAoBF,EAAK,WAAW,IAAI,GAEvE,OAAOG;AAAAA;AAAAA;AAAAA;AAAAA,0CAI+BH,EAAK,QAAQ;AAAA,wBAC/BC,CAAqB;AAAA;AAAA,wCAELG,EAAmB,KAAK,WAAYJ,EAAK,WAAW,OAAS,EAAE,CAAC;AAAA,wCAChEI,EAAmB,KAAK,WAAYJ,EAAK,WAAW,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8DAMnCA,EAAK,QAAQ,sBAAsB;AAAA;AAAA,iBAEhFI,EAAmB,KAAK,WAAYJ,EAAK,QAAQ,gBAAgB,CAAC;AAAA;AAAA;AAAA;AAAA,cAIrEK,EAAWD,EAAmB,KAAK,WAAYJ,EAAK,QAAQ,aAAe,EAAE,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,gBAI7EK,EAAWD,EAAmB,KAAK,WAAYJ,EAAK,QAAQ,kBAAkB,CAAC,CAAC;AAAA;AAAA;AAAA,sBAG1EA,EAAK,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA,4BAIjBE,CAAsB;AAAA;AAAA,gBAElCE,EAAmB,KAAK,WAAYJ,EAAK,WAAW,eAAe,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAQlF,EAEA,KAAQ,eAAkBA,GAAgC,CACxD,MAAMM,EAAuB,GAAGN,EAAK,WAAW,IAAI,QAC9CE,EAAyB,oBAAoBF,EAAK,WAAW,IAAI,GAEvE,OAAOG;AAAAA;AAAAA,2CAEgCH,EAAK,WAAW,YAAY,UAAUM,CAAoB;AAAA,qCAChEN,EAAK,WAAW,KAAK;AAAA,qCACrBA,EAAK,WAAW,IAAI;AAAA;AAAA,YAE7CK,EAAWD,EAAmB,KAAK,WAAYJ,EAAK,QAAQ,aAAe,EAAE,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,2DAIhCA,EAAK,QAAQ,sBAAsB;AAAA;AAAA,iBAE7EI,EAAmB,KAAK,WAAYJ,EAAK,QAAQ,gBAAgB,CAAC;AAAA;AAAA;AAAA;AAAA,cAIrEK,EAAWD,EAAmB,KAAK,WAAYJ,EAAK,QAAQ,kBAAkB,CAAC,CAAC;AAAA;AAAA;AAAA,oBAG1EA,EAAK,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA,0BAIjBE,CAAsB;AAAA,eACjCE,EAAmB,KAAK,WAAYJ,EAAK,WAAW,eAAe,GACtET,EAAQ,KAAK,UAAU,EAAE,UAAA,CAAW;AAAA;AAAA,YAEpCS,EAAK,QAAQ,qBAAuB,GAAKG,uDAA4D,EAAE;AAAA;AAAA;AAAA,KAIjH,EAEA,KAAQ,YAAc,CAAC,CAAE,WAAAI,CAAW,IAC3BJ;AAAAA,mCACwB,KAAK,SAAS;AAAA,UACvCI,GAAY,IAAI,KAAK,YAAc,QAAU,KAAK,gBAAkB,KAAK,cAAc,CAAC;AAAA;AAAA,KAAA,CAtLhG,IAAI,YAAa,CACf,OAAOC,EAAoB,KAAK,IAAI,GAAK,IAC3C,CAuBA,MAAM,QAAQC,EAAyC,CAGrD,MAAMC,EAAsB,CAAC,UAAW,UAAW,MAAM,EACzD,UAAWC,KAAQD,EACjB,GAAID,EAAkB,IAAIE,CAAI,EAAG,CAC/B,KAAK,qBAAqB,KAAK,EAC/B,KACF,CAEJ,CAEQ,iBAAiB,CAAE,WAAAJ,CAAW,EAA4C,CAChF,MAAMK,EAAgB,MAAM,KAAK,IAAI,IAAIL,EAAW,QAASM,GAAMA,EAAE,SAAW,CAAA,CAAE,CAAC,CAAC,EACpF,GAAID,EAAc,SAAW,EAAG,MAAO,GACvC,MAAME,EAAoB,IAAM,CAC9B,KAAK,eAAiB,IACxB,EACMC,EAAqBC,GAAmB,CACxC,KAAK,iBAAmBA,EAC1B,KAAK,eAAiB,KAEtB,KAAK,eAAiBA,CAE1B,EACA,OAAOb;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,iBAOMc,EAAS,CAChB,iBAAkB,MAClB,sBAAuB,MACvB,sBAAuB,QACvB,sBAAuB,KAAK,iBAAmB,KAAO,eAAiB,aACzE,CAAC,CAAC;AAAA,iBACOH,CAAiB;AAAA,mBACdI,GAAuB,CAC7B,CAAC,QAAS,GAAG,EAAE,SAASA,EAAI,GAAG,IACjCA,EAAI,eACJJ,EAAAA,EAAAA,EAEJ,CAAC;AAAA,WACEvB,EAAQ,KAAK,UAAU,EAAE,QAAQ;AAAA;AAAA,QAEpCqB,EAAc,IACbI,GACCb;AAAAA;AAAAA,qBAEW,IAAMY,EAAkBC,CAAM,CAAC;AAAA,uBAC5BE,GAAuB,CAC7B,CAAC,QAAS,GAAG,EAAE,SAASA,EAAI,GAAG,IACjCA,EAAI,eAAe,EACnBH,EAAkBC,CAAM,EAE5B,CAAC;AAAA,qBACQC,EAAS,CAChB,iBAAkB,MAClB,sBAAuB,MACvB,sBAAuB,QACvB,sBAAuB,KAAK,iBAAmBD,EAAS,eAAiB,aAC3E,CAAC,CAAC;AAAA,eACCA,CAAM;AAAA,YAEf,CAAC;AAAA,WAEL,CA8FA,QAAS,CACP,KAAM,CAAE,eAAAG,CAAe,EAAI,KACrB,CAAE,KAAAnB,EAAM,MAAAoB,EAAO,QAAAC,CAAQ,EAAI,KAAK,qBACtC,GAAIA,EACF,OAAOC,EAET,EAAA,GAAIF,EACF,OAAI,KAAK,MACAG,EAAc,CAAE,MAAAH,CAAM,CAAC,EAEzB,GAET,GAAIpB,GAAQ,KACV,OAAI,KAAK,MACAuB,EAAc,CAAE,MAAO,IAAIC,EAAU,cAAc,CAAE,CAAC,EAExD,GAET,KAAM,CAAE,UAAWjB,CAAW,EAAIP,EAC5ByB,EAAqBN,EACvBZ,EAAW,OAAQmB,GAAOA,EAAG,SAAS,SAASP,CAAc,CAAC,EAC9DZ,EACJ,OAAOJ;AAAAA;AAAAA;AAAAA,YAGC,KAAK,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,0BAKXH,EAAK,MAAM,OAAO;AAAA,uBACrBA,EAAK,MAAM,IAAI;AAAA;AAAA;AAAA,QAG9B,KAAK,iBAAiB,CAAE,WAAAO,CAAW,CAAC,CAAC,IAAI,KAAK,YAAY,CAAE,WAAYkB,CAAmB,CAAC,CAAC;AAAA,KAEnG,CAEA,IAAW,cAAe,CACxB,MAAME,EAAmC,CACvC,oBAAqB,UACrB,mBAAoB,UACpB,kBAAmB,OACnB,oBAAqB,IACrB,mBAAoB,UACpB,yBAA0B,UAC1B,GAAGC,EACH,GAAGC,EACH,8CAA+C,OAC/C,iDAAkD,OAElD,+CAAgD,eAChD,gDAAiD,IACjD,+CAAgD,MAChD,mDAAoD,UACpD,mDAAoD,UACpD,GAAGC,EAAiB,oCAAqC,CACvD,SAAU,OACV,UAAW,OACX,WAAY,MACd,CAAC,EACD,GAAGA,EAAiB,yCAA0C,CAC5D,SAAU,OACV,cAAe,YACf,MAAO,MACT,CAAC,EACD,GAAGA,EAAiB,wCAAyC,CAC3D,SAAU,OACV,UAAW,IACX,MAAO,MACT,CAAC,EACD,GAAGA,EAAiB,+CAAgD,CAClE,UAAW,OACX,WAAY,KACd,CAAC,EACD,8CAA+C,UAC/C,qDAAsD,OACtD,GAAGA,EAAiB,wCAAyC,CAC3D,SAAU,MACZ,CAAC,EACD,GAAGA,EAAiB,kDAAmD,CACrE,SAAU,MACZ,CAAC,EACD,4DAA6D,SAC7D,sDAAuD,OACvD,GAAGA,EAAiB,+CAA+C,EACnE,oDAAqD,OAErD,GAAGA,EAAiB,wCAAyC,CAC3D,UAAW,MACb,CAAC,EACD,GAAGA,EAAiB,uCAAwC,CAC1D,UAAW,MACX,WAAY,MACd,CAAC,EACD,qDAAsD,OACtD,GAAGA,EAAiB,8CAA8C,EAClE,GAAGA,EAAiB,8CAA+C,CACjE,UAAW,OACX,WAAY,KACd,CAAC,EACD,wDAAyD,OACzD,GAAGA,EAAiB,iDAAkD,CACpE,UAAW,MACb,CAAC,EACD,6CAA8C,UAC9C,oDAAqD,OACrD,GAAGA,EAAiB,uCAAwC,CAC1D,UAAW,KACb,CAAC,CACH,EAGMC,GADY,KAAK,qBAAqB,MAAM,UAAU,QAAU,KACpC,EAAI,EAAI,KAAK,YAAc,OAAS,EAAI,EAC1EJ,EAAS,gCAAgC,EAAII,EAAY,SAAS,EAClEJ,EAAS,yCAAyC,EAAI,KAAK,YAAc,QAAU,QAAU,QAE7F,MAAMK,EAAe,KAAK,sBAAsB,MAAM,QAAQ,KAAK,OAAS,CAEtEC,EAAAA,EAAS,CAAE,GAAGN,EAAU,GAAGK,CAAa,EAQ9C,OAAO,OAAO,OANO,OAAO,OAAO,CACjC,OAAQ,CACN,OAAOE,EAAgB,IAA8B,CACvD,CACF,CAAC,EAEkCD,CAAM,CAC3C,CA6JF,CAzeaxC,EACJ,QAAU,wBADNA,EA8UJ,OAAS,CACd0C,EACAC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,UAaMC,EAAc,mCAAmC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAUpDC,EAAY,CACZ,IAAK,OACL,UAAW,6BACX,YAAa,sCACb,aAAc,8CAChB,CAAC,CAAC;AAAA;AAAA,QAEAA,EAAY,CACZ,IAAK,OACL,UAAW,4BACX,YAAa,sCACb,aAAc,8CAChB,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UA6BED,EAAc,wCAAwC,CAAC;AAAA;AAAA;AAAA;AAAA,UAIvDA,EAAc,uCAAuC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAQtDA,EAAc,+CAA+C,CAAC;AAAA;AAAA;AAAA;AAAA,UAI9DA,EAAc,8CAA8C,CAAC;AAAA;AAAA;AAAA;AAAA,UAI7DA,EAAc,uCAAuC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAQtDA,EAAc,iDAAiD,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAsBhEA,EAAc,uCAAuC,CAAC;AAAA;AAAA;AAAA;AAAA,UAItDA,EAAc,sCAAsC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAQrDA,EAAc,8CAA8C,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,UAK7DA,EAAc,6CAA6C,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,UAK5DA,EAAc,sCAAsC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAQrDA,EAAc,gDAAgD,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAQvE,EAremCE,EAAA,CAAlCC,EAAS,CAAE,KAAM,MAAO,CAAC,CAAA,EAHf/C,EAGwB,UAAA,SAAA,CAAA,EAEA8C,EAAA,CAAlCC,EAAS,CAAE,KAAM,MAAO,CAAC,CALf,EAAA/C,EAKwB,UAEA8C,UAAAA,CAAAA,EAAAA,EAAA,CAAlCC,EAAS,CAAE,KAAM,MAAO,CAAC,CAAA,EAPf/C,EAOwB,UAAA,UAAA,CAAA,EAEA8C,EAAA,CAAlCC,EAAS,CAAE,KAAM,MAAO,CAAC,CATf,EAAA/C,EASwB,yBAEA8C,EAAA,CAAlCC,EAAS,CAAE,KAAM,MAAO,CAAC,CAAA,EAXf/C,EAWwB,UAEC8C,OAAAA,CAAAA,EAAAA,EAAA,CAAnCC,EAAS,CAAE,KAAM,OAAQ,CAAC,GAbhB/C,EAayB,UAAA,QAAA,CAAA,EAEnB8C,EAAA,CAAhBE,EAAM,CAAA,EAfIhD,EAeM,UAAA,iBAAA,CAAA,EA4dnBiD,EAAoBjD,CAAmB"}

package/dist/components/community-impact.js

@@ -1,6 +1,10 @@
-import{f as x,g,t as I,h as v,y as p,k as b,m as u}from"../chunks/lit-qtGbjGnK.esm.js";import{p as $}from"../chunks/progress-bar-Sn2QspHy.esm.js";import{partnerLogosConfigDefaults as T}from"./beam-partner-logos.js";import{c as k,u as n,d as w,e as S,A,i as c,_ as C,a as m,b as L}from"../chunks/localize-fH8KOrMi.esm.js";import{D as z,g as F,W as D,S as M}from"../chunks/routes-sbqL3QFm.esm.js";import{_ as U}from"../chunks/loading-template-Av0IUyKF.esm.js";import{B as E}from"../chunks/beam-errors-P-Lu07Ce.esm.js";import{c as f}from"../chunks/css-card-grid-7tObtoJx.esm.js";import"../utils/logger.js";const y={en:{fundedTimes:({times:i=0})=>`Funded <b>${i}</b> ${i>1?"times":"time"} so far`,learnMore:()=>"Learn more",seeAll:()=>"See All"},fr:{fundedTimes:({times:i=0})=>`Financ\xE9 <b>${i}</b> fois pour l'instant`,learnMore:()=>"En savoir plus",seeAll:()=>"Voir tout"},de:{fundedTimes:({times:i=0})=>`<b>${i}</b> Mal finanziert`,learnMore:()=>"Mehr erfahren",seeAll:()=>"Alle anzeigen"},es:{fundedTimes:({times:i=0})=>`Financiado <b>${i}</b> ${i>1?"vez":"veces"}`,learnMore:()=>"Saber m\xE1s",seeAll:()=>"Ver Todo"},it:{fundedTimes:({times:i=0})=>`Finanziato <b>${i}</b> ${i>1?"volta":"volte"}`,learnMore:()=>"Scopri di pi\xF9",seeAll:()=>"Vedi Tutto"},pl:{fundedTimes:({times:i=0})=>`Udzielono wsparcia <b>${i}</b> ${i>1?"razy":"raz"}`,learnMore:()=>"Dowiedz si\u0119 wi\u0119cej",seeAll:()=>"Zobacz wszystko"}};var _=Object.defineProperty,P=Object.getOwnPropertyDescriptor,d=(i,a,t,r)=>{for(var o=r>1?void 0:r?P(a,t):a,e=i.length-1,l;e>=0;e--)(l=i[e])&&(o=(r?l(a,t,o):l(o))||o);return r&&o&&_(a,t,o),o};class s extends v{constructor(){super(...arguments),this.baseUrl=z,this.cardStyle="image",this.lang="en",this.debug=!1,this.selectedFilter=null,this.getImpactData=async()=>(S(["apiKey","chainId"],this),F({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},queryParams:{chainId:this.chainId,personalImpactLimit:0,widgetName:D.community_impact,version:"1.0.0",lang:this.configLang}})),this.impactDataController=new A(this,this.getImpactData),this.renderImageCard=a=>p`
+import{f as x,g,t as I,h as v,y as p,m as b,k as u}from"../chunks/lit-3QHn3fwl.esm.js";import{p as $}from"../chunks/progress-bar-HVG_n8_6.esm.js";import{partnerLogosConfigDefaults as T}from"./beam-partner-logos.js";import{c as k,d as w,e as S}from"../chunks/enforce-config-er6B5Gkj.esm.js";import{u as n,A as L,i as c,_ as f,d as m,a as A}from"../chunks/localize-SsJbTmMj.esm.js";import{D as z,g as F,W as D,S as M}from"../chunks/routes-sc6xljWU.esm.js";import{_ as U}from"../chunks/loading-template-mLjOGXMj.esm.js";import{B as E}from"../chunks/beam-errors-P-Lu07Ce.esm.js";import{c as C}from"../chunks/css-card-grid-r6wxRbPV.esm.js";import"../utils/logger.js";const y={en:{fundedTimes:({times:i=0})=>`Funded <b>${i}</b> ${i>1?"times":"time"} so far`,learnMore:()=>"Learn more",seeAll:()=>"See All"},fr:{fundedTimes:({times:i=0})=>`Financ\xE9 <b>${i}</b> fois pour l'instant`,learnMore:()=>"En savoir plus",seeAll:()=>"Voir tout"},de:{fundedTimes:({times:i=0})=>`<b>${i}</b> Mal finanziert`,learnMore:()=>"Mehr erfahren",seeAll:()=>"Alle anzeigen"},es:{fundedTimes:({times:i=0})=>`Financiado <b>${i}</b> ${i>1?"vez":"veces"}`,learnMore:()=>"Saber m\xE1s",seeAll:()=>"Ver Todo"},it:{fundedTimes:({times:i=0})=>`Finanziato <b>${i}</b> ${i>1?"volta":"volte"}`,learnMore:()=>"Scopri di pi\xF9",seeAll:()=>"Vedi Tutto"},pl:{fundedTimes:({times:i=0})=>`Udzielono wsparcia <b>${i}</b> ${i>1?"razy":"raz"}`,learnMore:()=>"Dowiedz si\u0119 wi\u0119cej",seeAll:()=>"Zobacz wszystko"}};var _=Object.defineProperty,P=Object.getOwnPropertyDescriptor,d=(i,a,t,r)=>{for(var o=r>1?void 0:r?P(a,t):a,e=i.length-1,l;e>=0;e--)(l=i[e])&&(o=(r?l(a,t,o):l(o))||o);return r&&o&&_(a,t,o),o};class s extends v{constructor(){super(...arguments),this.baseUrl=z,this.cardStyle="image",this.lang="en",this.debug=!1,this.selectedFilter=null,this.getImpactData=async()=>(S(["apiKey","chainId"],this),F({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},queryParams:{chainId:this.chainId,personalImpactLimit:0,widgetName:D.community_impact,version:"1.0.0",lang:this.configLang}})),this.impactDataController=new L(this,this.getImpactData),this.renderImageCard=a=>{const t=`${a.nonprofit?.name} image`,r=`Learn more about ${a.nonprofit?.name}`;return p`
       <div class="image-card" part="nonprofit-card" style="display: flex; flex-direction: column;">
-        <div class="image-card-image-box" style="background-image: url('${a.imageUrl}');">
+        <div
+          class="image-card-image-box"
+          style="background-image: url('${a.imageUrl}');"
+          aria-label="${t}"
+        >
           <p class="image-card-cause">${c(this.configLang,a.nonprofit?.cause||"")}</p>
           <h4 class="image-card-name">${c(this.configLang,a.nonprofit?.name)}</h4>
         </div>
@@ -25,6 +29,7 @@ import{f as x,g,t as I,h as v,y as p,k as b,m as u}from"../chunks/lit-qtGbjGnK.e
               target="_blank"
               class="image-card-link"
               style="color: var(--beam-CommunityImpact-imageCard-link-color, inherit); white-space: nowrap"
+              aria-label="${r}"
             >
               ${c(this.configLang,a.nonprofit?.websiteLinkText)}<span class="image-card-link-arrow"
                 >&nbsp;&rsaquo;</span
@@ -33,9 +38,9 @@ import{f as x,g,t as I,h as v,y as p,k as b,m as u}from"../chunks/lit-qtGbjGnK.e
           </div>
         </div>
       </div>
-    `,this.renderIconCard=a=>p`
+    `},this.renderIconCard=a=>{const t=`${a.nonprofit?.name} icon`,r=`Learn more about ${a.nonprofit?.name}`;return p`
       <div class="icon-card" part="nonprofit-card" style="display: flex; flex-direction: column;">
-        <img class="icon-card-icon" src="${a.nonprofit?.causeIconUrl}" alt="${a.nonprofit?.cause}" />
+        <img class="icon-card-icon" src="${a.nonprofit?.causeIconUrl}" alt="${t}" />
         <p class="icon-card-cause">${a.nonprofit?.cause}</p>
         <h4 class="icon-card-name">${a.nonprofit?.name}</h4>
         <div class="icon-card-description" part="nonprofit-card-description" style="flex: 1;">
@@ -56,12 +61,13 @@ import{f as x,g,t as I,h as v,y as p,k as b,m as u}from"../chunks/lit-qtGbjGnK.e
             target="_blank"
             class="icon-card-link"
             style="color: var(--beam-CommunityImpact-iconCard-link-color, inherit); display: block"
+            aria-label="${r}"
             >${c(this.configLang,a.nonprofit?.websiteLinkText)||y[this.configLang].learnMore()}<span class="icon-card-link-arrow">&nbsp;&rsaquo;</span>
           </a>
           ${a.impact?.goalCompletionText===""?p`<div class="icon-card-goal-completion">&nbsp;</div>`:""}
         </div>
       </div>
-    `,this.renderCards=({nonprofits:a})=>p`
+    `},this.renderCards=({nonprofits:a})=>p`
       <div class="beam-nonprofit-${this.cardStyle}-cards" part="nonprofit-cards">
         ${a?.map(this.cardStyle==="image"?this.renderImageCard:this.renderIconCard)}
       </div>
@@ -84,7 +90,7 @@ import{f as x,g,t as I,h as v,y as p,k as b,m as u}from"../chunks/lit-qtGbjGnK.e
             style="${u({"padding-bottom":"1px","border-bottom-width":"2px","border-bottom-style":"solid","border-bottom-color":this.selectedFilter===e?"currentColor":"transparent"})}"
             >${e}</span
           >`)}
-    </div>`}render(){const{selectedFilter:a}=this,{data:t,error:r,loading:o}=this.impactDataController;if(o)return U();if(r)return this.debug?C({error:r}):"";if(t==null)return this.debug?C({error:new E("Missing data")}):"";const{community:e}=t,l=a?e.filter(h=>h.filters?.includes(a)):e;return p`
+    </div>`}render(){const{selectedFilter:a}=this,{data:t,error:r,loading:o}=this.impactDataController;if(o)return U();if(r)return this.debug?f({error:r}):"";if(t==null)return this.debug?f({error:new E("Missing data")}):"";const{community:e}=t,l=a?e.filter(h=>h.filters?.includes(a)):e;return p`
       <style>
         :host {
           ${this.cssVariables.toCSS()}
@@ -97,7 +103,7 @@ import{f as x,g,t as I,h as v,y as p,k as b,m as u}from"../chunks/lit-qtGbjGnK.e
       ></beam-partner-logos>
 
       ${this.renderFilterTabs({nonprofits:e})} ${this.renderCards({nonprofits:l})}
-    `}get cssVariables(){const a={"--beam-fontFamily":"inherit","--beam-fontStyle":"inherit","--beam-fontSize":"14px","--beam-lineHeight":"1","--beam-textColor":"inherit","--beam-backgroundColor":"inherit",...T,...$,"--beam-CommunityImpact-filterTabs-textalign":"left","--beam-CommunityImpact-filterTabs-marginBottom":"20px","--beam-CommunityImpact-imageCard-borderColor":"currentColor","--beam-CommunityImpact-imageCard-borderRadius":"0","--beam-CommunityImpact-imageCard-borderWidth":"1px","--beam-CommunityImpact-imageCard-backgroundColor":"inherit","--beam-CommunityImpact-imageCard-foregroundColor":"inherit",...m("--beam-CommunityImpact-filterTabs",{fontSize:"16px",marginTop:"10px",fontWeight:"bold"}),...m("--beam-CommunityImpact-imageCard-cause",{fontSize:"14px",textTransform:"uppercase",color:"#fff"}),...m("--beam-CommunityImpact-imageCard-name",{fontSize:"22px",marginTop:"0",color:"#fff"}),...m("--beam-CommunityImpact-imageCard-description",{marginTop:"10px",lineHeight:"1.3"}),"--beam-CommunityImpact-imageCard-link-color":"inherit","--beam-CommunityImpact-imageCard-linkArrow-display":"none",...m("--beam-CommunityImpact-imageCard-link",{fontSize:"12px"}),...m("--beam-CommunityImpact-imageCard-goalCompletion",{fontSize:"12px"}),"--beam-CommunityImpact-imageCard-goalCompletion-fontStyle":"italic","--beam-CommunityImpact-imageCard-progress-marginTop":"10px",...m("--beam-CommunityImpact-imageCard-progressText"),"--beam-CommunityImpact-imageCard-footer-marginTop":"10px",...m("--beam-CommunityImpact-iconCard-cause",{marginTop:"10px"}),...m("--beam-CommunityImpact-iconCard-name",{marginTop:"5px",fontWeight:"bold"}),"--beam-CommunityImpact-iconCard-progress-marginTop":"10px",...m("--beam-CommunityImpact-iconCard-progressText"),...m("--beam-CommunityImpact-iconCard-description",{marginTop:"10px",lineHeight:"1.3"}),"--beam-CommunityImpact-iconCard-description-textAlign":"left",...m("--beam-CommunityImpact-iconCard-goalCompletion",{marginTop:"10px"}),"--beam-CommunityImpact-iconCard-link-color":"inherit","--beam-CommunityImpact-iconCard-linkArrow-display":"none",...m("--beam-CommunityImpact-iconCard-link",{marginTop:"5px"})},t=(this.impactDataController.data?.community.length||0)===3?3:this.cardStyle==="icon"?4:2;a["--beam-CommunityImpact-columns"]=t.toString(),a["--beam-CommunityImpact-columns-minWidth"]=this.cardStyle==="image"?"300px":"200px";const r=this.impactDataController?.data?.config?.web?.theme||{},o={...a,...r};return Object.assign(Object.create({toCSS(){return L(this)}}),o)}}s.tagName="beam-community-impact",s.styles=[k,x`
+    `}get cssVariables(){const a={"--beam-fontFamily":"inherit","--beam-fontStyle":"inherit","--beam-fontSize":"14px","--beam-lineHeight":"1","--beam-textColor":"inherit","--beam-backgroundColor":"inherit",...T,...$,"--beam-CommunityImpact-filterTabs-textalign":"left","--beam-CommunityImpact-filterTabs-marginBottom":"20px","--beam-CommunityImpact-imageCard-borderColor":"currentColor","--beam-CommunityImpact-imageCard-borderRadius":"0","--beam-CommunityImpact-imageCard-borderWidth":"1px","--beam-CommunityImpact-imageCard-backgroundColor":"inherit","--beam-CommunityImpact-imageCard-foregroundColor":"inherit",...m("--beam-CommunityImpact-filterTabs",{fontSize:"16px",marginTop:"10px",fontWeight:"bold"}),...m("--beam-CommunityImpact-imageCard-cause",{fontSize:"14px",textTransform:"uppercase",color:"#fff"}),...m("--beam-CommunityImpact-imageCard-name",{fontSize:"22px",marginTop:"0",color:"#fff"}),...m("--beam-CommunityImpact-imageCard-description",{marginTop:"10px",lineHeight:"1.3"}),"--beam-CommunityImpact-imageCard-link-color":"inherit","--beam-CommunityImpact-imageCard-linkArrow-display":"none",...m("--beam-CommunityImpact-imageCard-link",{fontSize:"12px"}),...m("--beam-CommunityImpact-imageCard-goalCompletion",{fontSize:"12px"}),"--beam-CommunityImpact-imageCard-goalCompletion-fontStyle":"italic","--beam-CommunityImpact-imageCard-progress-marginTop":"10px",...m("--beam-CommunityImpact-imageCard-progressText"),"--beam-CommunityImpact-imageCard-footer-marginTop":"10px",...m("--beam-CommunityImpact-iconCard-cause",{marginTop:"10px"}),...m("--beam-CommunityImpact-iconCard-name",{marginTop:"5px",fontWeight:"bold"}),"--beam-CommunityImpact-iconCard-progress-marginTop":"10px",...m("--beam-CommunityImpact-iconCard-progressText"),...m("--beam-CommunityImpact-iconCard-description",{marginTop:"10px",lineHeight:"1.3"}),"--beam-CommunityImpact-iconCard-description-textAlign":"left",...m("--beam-CommunityImpact-iconCard-goalCompletion",{marginTop:"10px"}),"--beam-CommunityImpact-iconCard-link-color":"inherit","--beam-CommunityImpact-iconCard-linkArrow-display":"none",...m("--beam-CommunityImpact-iconCard-link",{marginTop:"5px"})},t=(this.impactDataController.data?.community.length||0)===3?3:this.cardStyle==="icon"?4:2;a["--beam-CommunityImpact-columns"]=t.toString(),a["--beam-CommunityImpact-columns-minWidth"]=this.cardStyle==="image"?"300px":"200px";const r=this.impactDataController?.data?.config?.web?.theme||{},o={...a,...r};return Object.assign(Object.create({toCSS(){return A(this)}}),o)}}s.tagName="beam-community-impact",s.styles=[k,x`
       :host {
         display: block;
         font-family: var(--beam-fontFamily, inherit);
@@ -120,9 +126,9 @@ import{f as x,g,t as I,h as v,y as p,k as b,m as u}from"../chunks/lit-qtGbjGnK.e
         margin-top: 10px;
       }
 
-      ${f({gap:"20px",className:"beam-nonprofit-image-cards",columnCount:"var(--beam-CommunityImpact-columns)",itemMinWidth:"var(--beam-CommunityImpact-columns-minWidth)"})}
+      ${C({gap:"20px",className:"beam-nonprofit-image-cards",columnCount:"var(--beam-CommunityImpact-columns)",itemMinWidth:"var(--beam-CommunityImpact-columns-minWidth)"})}
 
-      ${f({gap:"40px",className:"beam-nonprofit-icon-cards",columnCount:"var(--beam-CommunityImpact-columns)",itemMinWidth:"var(--beam-CommunityImpact-columns-minWidth)"})}
+      ${C({gap:"40px",className:"beam-nonprofit-icon-cards",columnCount:"var(--beam-CommunityImpact-columns)",itemMinWidth:"var(--beam-CommunityImpact-columns-minWidth)"})}
 
       /* Image Style Cards */