@beamimpact/web-sdk 1.36.5 → 1.36.7

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

@@ -1,4 +1,4 @@
-import{t as y,h as b,y as u,g as c,f as C,u as I}from"../chunks/lit-yVXn5Cbs.esm.js";import{d as x}from"../chunks/lodash-P8OIs-at.esm.js";import{c as T,u as p,d as S,e as E,A as z,a as B,_ as f,i as d,b as v,f as D}from"../chunks/localize-BGPniqcI.esm.js";import{D as L,i as $,S as k}from"../chunks/routes-gPe4hSvn.esm.js";import{B as V}from"../chunks/beam-errors-AMvTvR1C.esm.js";import{i as A}from"../chunks/is-all-html-elements-SdSkxirh.esm.js";import"../utils/logger.esm.js";var j=Object.defineProperty,R=Object.getOwnPropertyDescriptor,h=(n,e,t,a)=>{for(var i=a>1?void 0:a?R(e,t):e,o=n.length-1,r;o>=0;o--)(r=n[o])&&(i=(a?r(e,t,i):r(i))||i);return a&&i&&j(e,t,i),i};class m extends b{constructor(){super(...arguments),this.finalValue=0,this.duration=1500,this.counter=0,this.intervalId=0,this.handleCounterAnimateIfInView=e=>{e.some(t=>t.isIntersecting)&&(this.animateCounter(),this.unobserveScrollTarget())},this.animateCounter=()=>{const e=41.666666666666664,t=e/this.duration*this.finalValue;this.intervalId=setInterval(()=>{const a=this.counter+t;if(a>=this.finalValue){this.counter=this.finalValue,clearInterval(this.intervalId);return}else this.counter=a},e)},this.observer=new IntersectionObserver(this.handleCounterAnimateIfInView,{threshold:.1}),this.observeScrollTarget=()=>{const e=this.scrollTargetElement;e&&this.observer.observe(e)},this.unobserveScrollTarget=()=>{const e=this.scrollTargetElement;e&&this.observer.unobserve(e)}}connectedCallback(){super.connectedCallback();const e=window.matchMedia("(prefers-reduced-motion: reduce)").matches;this.duration===0||e?this.counter=this.finalValue:this.observeScrollTarget()}disconnectedCallback(){super.disconnectedCallback(),this.unobserveScrollTarget(),clearInterval(this.intervalId)}get scrollTargetElement(){return this.scrollTarget?document.querySelector(this.scrollTarget):this}render(){return u`${Math.ceil(this.counter).toLocaleString()}`}}h([c({type:Number})],m.prototype,"finalValue",2),h([c({type:Number})],m.prototype,"duration",2),h([c({type:String})],m.prototype,"scrollTarget",2),h([y()],m.prototype,"counter",2),customElements.get("animated-counter")||customElements.define("animated-counter",m);const O=n=>{const e=n instanceof NodeList?Array.from(n):n;if(e.length===0||!A(e))return;const t=e.sort((i,o)=>{const r=getComputedStyle(i).getPropertyValue("width").replace("px",""),g=getComputedStyle(o).getPropertyValue("width").replace("px","");return parseInt(g)-parseInt(r)})[0],a=getComputedStyle(t).getPropertyValue("width");for(const i of e)getComputedStyle(i).getPropertyValue("width")!==a&&(i.style.width=a)},w={en:{cumulativeImpactTitle:()=>"What we've funded",cumulativeImpactDescription:()=>"Here's the impact that our community has made so far in partnership with Beam. Our impact is growing every day\u2014 scroll to check out the goals we're working toward together right now."},fr:{cumulativeImpactTitle:()=>"Ce que nous avons financ\xE9",cumulativeImpactDescription:()=>"Voici l'impact que notre communaut\xE9 a eu jusqu'\xE0 pr\xE9sent en partenariat avec Beam. Notre impact grandit chaque jour : faites d\xE9filer pour d\xE9couvrir les objectifs vers lesquels nous travaillons ensemble en ce moment."},de:{cumulativeImpactTitle:()=>"Was wir finanziert haben",cumulativeImpactDescription:()=>"Hier ist die Wirkung, die unsere Community bisher in Zusammenarbeit mit Beam erzielt hat. Unsere Wirkung w\xE4chst von Tag zu Tag - scrollen Sie, um einen Blick auf die Ziele zu werfen, auf die wir derzeit gemeinsam hinarbeiten."},es:{cumulativeImpactTitle:()=>"Lo que hemos financiado",cumulativeImpactDescription:()=>"Este es el impacto que nuestra comunidad ha tenido hasta ahora en asociaci\xF3n con Beam. Nuestro impacto crece cada d\xEDa; despl\xE1cese para ver los objetivos por los que estamos trabajando juntos en este momento."},it:{cumulativeImpactTitle:()=>"Cosa abbiamo finanziato",cumulativeImpactDescription:()=>"Ecco l'impatto che la nostra comunit\xE0 ha avuto finora in collaborazione con Beam. Il nostro impatto cresce ogni giorno: scorri per scoprire gli obiettivi a cui stiamo lavorando insieme in questo momento."},pl:{cumulativeImpactTitle:()=>"Co sfinansowali\u015Bmy",cumulativeImpactDescription:()=>"Oto wp\u0142yw, jaki nasza spo\u0142eczno\u015B\u0107 wywar\u0142a dotychczas we wsp\xF3\u0142pracy z Beam. Nasz wp\u0142yw ro\u015Bnie z ka\u017Cdym dniem \u2014 przewi\u0144, aby sprawdzi\u0107 cele, nad kt\xF3rymi obecnie wsp\xF3lnie pracujemy."}};var P=Object.defineProperty,q=Object.getOwnPropertyDescriptor,l=(n,e,t,a)=>{for(var i=a>1?void 0:a?q(e,t):e,o=n.length-1,r;o>=0;o--)(r=n[o])&&(i=(a?r(e,t,i):r(i))||i);return a&&i&&P(e,t,i),i};const U=1.5*1e3;class s extends b{constructor(){super(...arguments),this.baseUrl=L,this.lang="en",this.disableAnimation=!1,this.debug=!1,this.getCumulativeImpactData=async()=>(E(["apiKey","chainId"],this),await $({baseUrl:this.baseUrl,pathParams:{chainId:this.chainId},headers:{authorization:`Api-Key ${this.apiKey}`},queryParams:{version:"1.0.0",lang:this.configLang}})),this.cumulativeImpactDataController=new z(this,this.getCumulativeImpactData),this.resizeElements=x(()=>{O(this.impactRowRefs)},50,{maxWait:50,leading:!0})}get configLang(){return k[this.lang]||"en"}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.resizeElements)}async updated(e){const t=["chainId","baseUrl","lang"];for(const a of t)if(e.has(a)){await this.cumulativeImpactDataController.exec();break}this.resizeElements()}render(){const{data:e,error:t,loading:a}=this.cumulativeImpactDataController;return a?B():t?this.debug?f({error:t}):"":e==null?this.debug?f({error:new V("Missing data")}):"":u`
+import{t as y,h as b,y as u,g as c,f as C,u as I}from"../chunks/lit-yVXn5Cbs.esm.js";import{d as x}from"../chunks/lodash-P8OIs-at.esm.js";import{c as T,d as S,e as E,A as z,_ as f,a as B}from"../chunks/enforce-config-MqLZWolV.esm.js";import{D,j as L,S as $}from"../chunks/routes-USQ3n64Y.esm.js";import{B as k}from"../chunks/beam-errors-AMvTvR1C.esm.js";import{u as p,_ as V,i as d,d as v}from"../chunks/localize-eZMViIud.esm.js";import{i as j}from"../chunks/is-all-html-elements-SdSkxirh.esm.js";import"../utils/logger.esm.js";var A=Object.defineProperty,R=Object.getOwnPropertyDescriptor,h=(n,e,t,a)=>{for(var i=a>1?void 0:a?R(e,t):e,o=n.length-1,r;o>=0;o--)(r=n[o])&&(i=(a?r(e,t,i):r(i))||i);return a&&i&&A(e,t,i),i};class m extends b{constructor(){super(...arguments),this.finalValue=0,this.duration=1500,this.counter=0,this.intervalId=0,this.handleCounterAnimateIfInView=e=>{e.some(t=>t.isIntersecting)&&(this.animateCounter(),this.unobserveScrollTarget())},this.animateCounter=()=>{const e=41.666666666666664,t=e/this.duration*this.finalValue;this.intervalId=setInterval(()=>{const a=this.counter+t;if(a>=this.finalValue){this.counter=this.finalValue,clearInterval(this.intervalId);return}else this.counter=a},e)},this.observer=new IntersectionObserver(this.handleCounterAnimateIfInView,{threshold:.1}),this.observeScrollTarget=()=>{const e=this.scrollTargetElement;e&&this.observer.observe(e)},this.unobserveScrollTarget=()=>{const e=this.scrollTargetElement;e&&this.observer.unobserve(e)}}connectedCallback(){super.connectedCallback();const e=window.matchMedia("(prefers-reduced-motion: reduce)").matches;this.duration===0||e?this.counter=this.finalValue:this.observeScrollTarget()}disconnectedCallback(){super.disconnectedCallback(),this.unobserveScrollTarget(),clearInterval(this.intervalId)}get scrollTargetElement(){return this.scrollTarget?document.querySelector(this.scrollTarget):this}render(){return u`${Math.ceil(this.counter).toLocaleString()}`}}h([c({type:Number})],m.prototype,"finalValue",2),h([c({type:Number})],m.prototype,"duration",2),h([c({type:String})],m.prototype,"scrollTarget",2),h([y()],m.prototype,"counter",2),customElements.get("animated-counter")||customElements.define("animated-counter",m);const O=n=>{const e=n instanceof NodeList?Array.from(n):n;if(e.length===0||!j(e))return;const t=e.sort((i,o)=>{const r=getComputedStyle(i).getPropertyValue("width").replace("px",""),g=getComputedStyle(o).getPropertyValue("width").replace("px","");return parseInt(g)-parseInt(r)})[0],a=getComputedStyle(t).getPropertyValue("width");for(const i of e)getComputedStyle(i).getPropertyValue("width")!==a&&(i.style.width=a)},w={en:{cumulativeImpactTitle:()=>"What we've funded",cumulativeImpactDescription:()=>"Here's the impact that our community has made so far in partnership with Beam. Our impact is growing every day\u2014 scroll to check out the goals we're working toward together right now."},fr:{cumulativeImpactTitle:()=>"Ce que nous avons financ\xE9",cumulativeImpactDescription:()=>"Voici l'impact que notre communaut\xE9 a eu jusqu'\xE0 pr\xE9sent en partenariat avec Beam. Notre impact grandit chaque jour : faites d\xE9filer pour d\xE9couvrir les objectifs vers lesquels nous travaillons ensemble en ce moment."},de:{cumulativeImpactTitle:()=>"Was wir finanziert haben",cumulativeImpactDescription:()=>"Hier ist die Wirkung, die unsere Community bisher in Zusammenarbeit mit Beam erzielt hat. Unsere Wirkung w\xE4chst von Tag zu Tag - scrollen Sie, um einen Blick auf die Ziele zu werfen, auf die wir derzeit gemeinsam hinarbeiten."},es:{cumulativeImpactTitle:()=>"Lo que hemos financiado",cumulativeImpactDescription:()=>"Este es el impacto que nuestra comunidad ha tenido hasta ahora en asociaci\xF3n con Beam. Nuestro impacto crece cada d\xEDa; despl\xE1cese para ver los objetivos por los que estamos trabajando juntos en este momento."},it:{cumulativeImpactTitle:()=>"Cosa abbiamo finanziato",cumulativeImpactDescription:()=>"Ecco l'impatto che la nostra comunit\xE0 ha avuto finora in collaborazione con Beam. Il nostro impatto cresce ogni giorno: scorri per scoprire gli obiettivi a cui stiamo lavorando insieme in questo momento."},pl:{cumulativeImpactTitle:()=>"Co sfinansowali\u015Bmy",cumulativeImpactDescription:()=>"Oto wp\u0142yw, jaki nasza spo\u0142eczno\u015B\u0107 wywar\u0142a dotychczas we wsp\xF3\u0142pracy z Beam. Nasz wp\u0142yw ro\u015Bnie z ka\u017Cdym dniem \u2014 przewi\u0144, aby sprawdzi\u0107 cele, nad kt\xF3rymi obecnie wsp\xF3lnie pracujemy."}};var P=Object.defineProperty,q=Object.getOwnPropertyDescriptor,l=(n,e,t,a)=>{for(var i=a>1?void 0:a?q(e,t):e,o=n.length-1,r;o>=0;o--)(r=n[o])&&(i=(a?r(e,t,i):r(i))||i);return a&&i&&P(e,t,i),i};const U=1.5*1e3;class s extends b{constructor(){super(...arguments),this.baseUrl=D,this.lang="en",this.disableAnimation=!1,this.debug=!1,this.getCumulativeImpactData=async()=>(E(["apiKey","chainId"],this),await L({baseUrl:this.baseUrl,pathParams:{chainId:this.chainId},headers:{authorization:`Api-Key ${this.apiKey}`},queryParams:{version:"1.0.0",lang:this.configLang}})),this.cumulativeImpactDataController=new z(this,this.getCumulativeImpactData),this.resizeElements=x(()=>{O(this.impactRowRefs)},50,{maxWait:50,leading:!0})}get configLang(){return $[this.lang]||"en"}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.resizeElements)}async updated(e){const t=["chainId","baseUrl","lang"];for(const a of t)if(e.has(a)){await this.cumulativeImpactDataController.exec();break}this.resizeElements()}render(){const{data:e,error:t,loading:a}=this.cumulativeImpactDataController;return a?V():t?this.debug?f({error:t}):"":e==null?this.debug?f({error:new k("Missing data")}):"":u`
       <style>
         :host {
           ${this.cssVariables.toCSS()}
@@ -42,7 +42,7 @@ import{t as y,h as b,y as u,g as c,f as C,u as I}from"../chunks/lit-yVXn5Cbs.esm
         </div>
         <div class="impact-row-description">${r} ${g}</div>
       </div>
-    `}get cssVariables(){const e={"--beam-fontFamily":"inherit","--beam-fontStyle":"inherit","--beam-fontSize":"16px","--beam-lineHeight":"1","--beam-textColor":"inherit",...v("--beam-CumulativeImpact-title",{fontSize:"32px"}),...v("--beam-CumulativeImpact-description",{marginTop:"16px",lineHeight:"1.3"}),"--beam-CumulativeImpact-impact-list-marginTop":"24px","--beam-CumulativeImpact-row-marginTop":"24px","--beam-CumulativeImpact-row-value-container-borderBottomWidth":"4px","--beam-CumulativeImpact-row-value-container-borderBottomColor":"currentColor","--beam-CumulativeImpact-row-value-container-paddingTop":"0","--beam-CumulativeImpact-row-value-container-paddingRight":"20px","--beam-CumulativeImpact-row-value-container-paddingBottom":"4px","--beam-CumulativeImpact-row-value-container-paddingLeft":"20px",...v("--beam-CumulativeImpact-row-value-counter",{color:"currentColor",fontSize:"24px",fontWeight:"normal"}),...v("--beam-CumulativeImpact-row-description",{color:"currentColor",fontSize:"16px",fontWeight:"normal",lineHeight:"1.3"}),"--beam-CumulativeImpact-row-description-paddingLeft":"24px","--beam-CumulativeImpact-row-description-paddingRight":"24px","--beam-CumulativeImpact-row-description-mobile-marginTop":"12px"},t=this.cumulativeImpactDataController.data?.config?.web?.theme||{},a={...e,...t};return Object.assign(Object.create({toCSS(){return D(this)}}),a)}}s.tagName="beam-cumulative-impact",s.styles=[T,C`
+    `}get cssVariables(){const e={"--beam-fontFamily":"inherit","--beam-fontStyle":"inherit","--beam-fontSize":"16px","--beam-lineHeight":"1","--beam-textColor":"inherit",...v("--beam-CumulativeImpact-title",{fontSize:"32px"}),...v("--beam-CumulativeImpact-description",{marginTop:"16px",lineHeight:"1.3"}),"--beam-CumulativeImpact-impact-list-marginTop":"24px","--beam-CumulativeImpact-row-marginTop":"24px","--beam-CumulativeImpact-row-value-container-borderBottomWidth":"4px","--beam-CumulativeImpact-row-value-container-borderBottomColor":"currentColor","--beam-CumulativeImpact-row-value-container-paddingTop":"0","--beam-CumulativeImpact-row-value-container-paddingRight":"20px","--beam-CumulativeImpact-row-value-container-paddingBottom":"4px","--beam-CumulativeImpact-row-value-container-paddingLeft":"20px",...v("--beam-CumulativeImpact-row-value-counter",{color:"currentColor",fontSize:"24px",fontWeight:"normal"}),...v("--beam-CumulativeImpact-row-description",{color:"currentColor",fontSize:"16px",fontWeight:"normal",lineHeight:"1.3"}),"--beam-CumulativeImpact-row-description-paddingLeft":"24px","--beam-CumulativeImpact-row-description-paddingRight":"24px","--beam-CumulativeImpact-row-description-mobile-marginTop":"12px"},t=this.cumulativeImpactDataController.data?.config?.web?.theme||{},a={...e,...t};return Object.assign(Object.create({toCSS(){return B(this)}}),a)}}s.tagName="beam-cumulative-impact",s.styles=[T,C`
       :host {
         display: block;
         font-family: var(--beam-fontFamily, inherit);

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

@@ -1 +1 @@
-{"version":3,"file":"cumulative-impact.esm.js","sources":["../../src/shared/components/animated-counter/index.ts","../../src/shared/sync-element-widths.ts","../../src/components/cumulative-impact/strings.ts","../../src/components/cumulative-impact/index.ts"],"sourcesContent":["import { html, LitElement } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { state } from \"lit/decorators.js\";\n\nexport class AnimatedCounter extends LitElement {\n  @property({ type: Number }) finalValue = 0;\n  @property({ type: Number }) duration = 1500;\n  @property({ type: String }) scrollTarget?: string;\n\n  @state() protected counter = 0;\n  private intervalId = 0;\n\n  connectedCallback() {\n    super.connectedCallback();\n    const userPrefersReducedMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n    if (this.duration === 0 || userPrefersReducedMotion) {\n      this.counter = this.finalValue;\n    } else {\n      this.observeScrollTarget();\n    }\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.unobserveScrollTarget();\n    clearInterval(this.intervalId);\n  }\n\n  private handleCounterAnimateIfInView: IntersectionObserverCallback = (entries) => {\n    if (entries.some((entry) => entry.isIntersecting)) {\n      this.animateCounter();\n      this.unobserveScrollTarget();\n    }\n  };\n\n  private animateCounter = () => {\n    const ANIMATION_FRAME_RATE = 24;\n    const MS_PER_FRAME = 1000 / ANIMATION_FRAME_RATE;\n    const INCREMENT_RATE_PER_FRAME = MS_PER_FRAME / this.duration;\n    const COUNTER_INCREMENT_PER_FRAME = INCREMENT_RATE_PER_FRAME * this.finalValue;\n\n    this.intervalId = setInterval(() => {\n      const result = this.counter + COUNTER_INCREMENT_PER_FRAME;\n      if (result >= this.finalValue) {\n        this.counter = this.finalValue;\n        clearInterval(this.intervalId);\n        return;\n      } else {\n        this.counter = result;\n      }\n    }, MS_PER_FRAME);\n  };\n\n  private observer = new IntersectionObserver(this.handleCounterAnimateIfInView, {\n    threshold: 0.1,\n  });\n\n  private observeScrollTarget = () => {\n    const target = this.scrollTargetElement;\n    target && this.observer.observe(target);\n  };\n\n  private unobserveScrollTarget = () => {\n    const target = this.scrollTargetElement;\n    target && this.observer.unobserve(target);\n  };\n\n  get scrollTargetElement(): this | Element | null {\n    if (this.scrollTarget) {\n      return document.querySelector(this.scrollTarget);\n    } else {\n      return this;\n    }\n  }\n\n  render() {\n    return html`${Math.ceil(this.counter).toLocaleString()}`;\n  }\n}\n\ncustomElements.get(\"animated-counter\") || customElements.define(\"animated-counter\", AnimatedCounter);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"animated-counter\": AnimatedCounter;\n  }\n}\n","import { isAllHtmlElements } from \"./is-all-html-elements\";\n\n/**\n * Synchronize widths of elements\n * @param {Array<HTMLElement|null>} elements - Elements to synchronize\n */\nexport const syncElementWidths = (elements: Array<HTMLElement | null> | NodeList) => {\n  const els = elements instanceof NodeList ? Array.from(elements) : elements;\n\n  if (els.length === 0 || !isAllHtmlElements(els)) {\n    return;\n  }\n\n  const widthSource = els.sort((a, b) => {\n    const widthA = getComputedStyle(a).getPropertyValue(\"width\").replace(\"px\", \"\");\n    const widthB = getComputedStyle(b).getPropertyValue(\"width\").replace(\"px\", \"\");\n    return parseInt(widthB) - parseInt(widthA);\n  })[0];\n\n  const syncedWidth = getComputedStyle(widthSource).getPropertyValue(\"width\");\n\n  for (const el of els) {\n    if (getComputedStyle(el).getPropertyValue(\"width\") !== syncedWidth) {\n      el.style[\"width\"] = syncedWidth;\n    }\n  }\n};\n","export const strings = {\n  en: {\n    cumulativeImpactTitle: () => `What we've funded`,\n    cumulativeImpactDescription: () =>\n      \"Here's the impact that our community has made so far in partnership with Beam. Our impact is growing every day— scroll to check out the goals we're working toward together right now.\",\n  },\n  fr: {\n    cumulativeImpactTitle: () => `Ce que nous avons financé`,\n    cumulativeImpactDescription: () =>\n      \"Voici l'impact que notre communauté a eu jusqu'à présent en partenariat avec Beam. Notre impact grandit chaque jour : faites défiler pour découvrir les objectifs vers lesquels nous travaillons ensemble en ce moment.\",\n  },\n  de: {\n    cumulativeImpactTitle: () => `Was wir finanziert haben`,\n    cumulativeImpactDescription: () =>\n      \"Hier ist die Wirkung, die unsere Community bisher in Zusammenarbeit mit Beam erzielt hat. Unsere Wirkung wächst von Tag zu Tag - scrollen Sie, um einen Blick auf die Ziele zu werfen, auf die wir derzeit gemeinsam hinarbeiten.\",\n  },\n  es: {\n    cumulativeImpactTitle: () => `Lo que hemos financiado`,\n    cumulativeImpactDescription: () =>\n      \"Este es el impacto que nuestra comunidad ha tenido hasta ahora en asociación con Beam. Nuestro impacto crece cada día; desplácese para ver los objetivos por los que estamos trabajando juntos en este momento.\",\n  },\n  it: {\n    cumulativeImpactTitle: () => `Cosa abbiamo finanziato`,\n    cumulativeImpactDescription: () =>\n      \"Ecco l'impatto che la nostra comunità ha avuto finora in collaborazione con Beam. Il nostro impatto cresce ogni giorno: scorri per scoprire gli obiettivi a cui stiamo lavorando insieme in questo momento.\",\n  },\n  pl: {\n    cumulativeImpactTitle: () => `Co sfinansowaliśmy`,\n    cumulativeImpactDescription: () =>\n      \"Oto wpływ, jaki nasza społeczność wywarła dotychczas we współpracy z Beam. Nasz wpływ rośnie z każdym dniem — przewiń, aby sprawdzić cele, nad którymi obecnie wspólnie pracujemy.\",\n  },\n};\n","import { css, html, LitElement } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { queryAll } from \"lit/decorators/query-all.js\";\nimport debounce from \"lodash-es/debounce\";\nimport \"../../shared/components/animated-counter\";\nimport { cssReset } from \"../../shared/css-reset\";\nimport { defineCustomElement } from \"../../shared/defineCustomElement\";\nimport { _cssVariableMap } from \"../../shared/fragments/css-variable-map\";\nimport { DEFAULT_BASE_URL, SUPPORTED_LANGUAGES } from \"../../api-sdk/constants\";\nimport { TNumericId } from \"../../shared/types\";\nimport { LANGUAGES } from \"../../api-sdk/types\";\nimport { getCumulativeImpact } from \"../../api-sdk/v3/routes\";\nimport { enforceConfig } from \"../../shared/enforce-config\";\nimport { BeamError, MissingConfig } from \"../../utils/beam-errors\";\nimport { AsyncController } from \"../../shared/controllers/async-controller\";\nimport { _errorMessage } from \"../../shared/fragments/error-message-template\";\nimport { _loading } from \"../../shared/fragments/loading-template\";\nimport { syncElementWidths } from \"../../shared/sync-element-widths\";\nimport { localizeUserString } from \"../../shared/localize\";\nimport { defineCustomText, useCustomText } from \"../../shared/fragments/custom-text\";\nimport { strings } from \"./strings\";\n\ntype RequiredConfig = {\n  apiKey: string;\n  chainId: TNumericId;\n};\n\ntype IAPIV3CumulativeImpact = Awaited<ReturnType<typeof getCumulativeImpact>>;\n\nconst MAX_COUNTER_ANIMATION_DURATION = 1.5 * 1000;\n\nexport class BeamCumulativeImpact extends LitElement {\n  static tagName = \"beam-cumulative-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 lang: LANGUAGES = \"en\";\n\n  @property({ type: Boolean }) public disableAnimation = false;\n\n  @property({ type: Boolean }) public debug = false;\n\n  get configLang() {\n    return SUPPORTED_LANGUAGES[this.lang] || \"en\";\n  }\n\n  private getCumulativeImpactData = async () => {\n    if (!enforceConfig<RequiredConfig>([\"apiKey\", \"chainId\"], this)) {\n      throw new MissingConfig();\n    }\n    const res = await getCumulativeImpact({\n      baseUrl: this.baseUrl,\n      pathParams: {\n        chainId: this.chainId,\n      },\n      headers: {\n        authorization: `Api-Key ${this.apiKey}`,\n      },\n      queryParams: {\n        version: \"1.0.0\",\n        lang: this.configLang,\n      },\n    });\n\n    return res;\n  };\n\n  private cumulativeImpactDataController = new AsyncController<typeof this.getCumulativeImpactData>(\n    this,\n    this.getCumulativeImpactData\n  );\n\n  @queryAll(\".impact-row-value-container\")\n  impactRowRefs!: HTMLElement[];\n  resizeElements = debounce(\n    () => {\n      syncElementWidths(this.impactRowRefs);\n    },\n    50,\n    { maxWait: 50, leading: true }\n  );\n\n  connectedCallback() {\n    super.connectedCallback();\n    window.addEventListener(\"resize\", this.resizeElements);\n  }\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        await this.cumulativeImpactDataController.exec();\n        break;\n      }\n    }\n\n    this.resizeElements();\n  }\n\n  render() {\n    const { data, error, loading } = this.cumulativeImpactDataController;\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\n    return html`\n      <style>\n        :host {\n          ${this.cssVariables.toCSS()}\n        }\n      </style>\n      <div style=\"display: flex; flex-direction: column;\" class=\"root\">\n        <div\n          style=\"margin: 10px 0 0 0;\"\n          tabindex=\"-1\"\n          class=\"options\"\n          part=\"options\"\n          aria-labelledby=\"beam-RedeemTransaction-title\"\n        >\n          ${this.renderCumulativeImpact(data)}\n        </div>\n      </div>\n    `;\n  }\n\n  private renderCumulativeImpact(data: IAPIV3CumulativeImpact) {\n    const rawValues = data.impacts ? data.impacts?.map((impact) => impact.value || 0) : [];\n    const maxRawValue = Math.max(...rawValues);\n    const durations = rawValues.map(\n      (val) => (MAX_COUNTER_ANIMATION_DURATION * Math.log(Math.max(val, 1))) / Math.log(maxRawValue)\n    );\n    return html`\n      <div class=\"main\">\n        <div class=\"title\" role=\"heading\">\n          ${localizeUserString(this.configLang, data?.config?.web?.title || \"\") ||\n          strings[this.configLang].cumulativeImpactTitle()}\n        </div>\n        <p class=\"description\">\n          ${localizeUserString(this.configLang, data?.config?.web?.description || \"\") ||\n          strings[this.configLang].cumulativeImpactDescription()}\n        </p>\n        <div class=\"impact-list\">\n          ${data.impacts?.map((impact: any, idx: number) => {\n            return this.renderCumulativeImpactRow({ impact, animationDuration: durations[idx] });\n          })}\n        </div>\n      </div>\n    `;\n  }\n\n  private renderCumulativeImpactRow({ impact, animationDuration }: { impact: any; animationDuration: number }) {\n    const disableAnimation = this.cumulativeImpactDataController.data?.config?.web.disableAnimation;\n    const floatingCounterClass = \"impact-row-value-counter impact-row-value-floating-counter\";\n    const duration = disableAnimation ? 0 : animationDuration;\n\n    const unitDisplay = localizeUserString(this.configLang, impact.unit || \"\");\n    const summaryDisplay = localizeUserString(this.configLang, impact.summary || \"\");\n\n    /**\n     * because we set the width using JavaScript by forcing all impact-row-value-container elements\n     * to match the width of the widest sibling, we use a hidden span with the total preloaded to\n     * ensure that impact-row-value-container widths do not change as the animation runs.\n     */\n    return html`\n      <div class=\"impact-row\">\n        <div class=\"impact-row-value-container\">\n          <span class=\"impact-row-value-counter\" style=\"visibility: hidden;\" aria-hidden=\"true\">\n            ${impact.value.toLocaleString()}\n          </span>\n            <animated-counter\n              class=\"${floatingCounterClass}\"\n              finalValue=${impact.value}\n              duration=${duration}\n            ></animated-counter>\n          </span>\n        </div>\n        <div class=\"impact-row-description\">${unitDisplay} ${summaryDisplay}</div>\n      </div>\n    `;\n  }\n\n  public get cssVariables() {\n    const defaults: Record<string, string> = {\n      \"--beam-fontFamily\": \"inherit\",\n      \"--beam-fontStyle\": \"inherit\",\n      \"--beam-fontSize\": \"16px\",\n      \"--beam-lineHeight\": \"1\",\n      \"--beam-textColor\": \"inherit\",\n      // main\n      ...defineCustomText(\"--beam-CumulativeImpact-title\", {\n        fontSize: \"32px\",\n      }),\n      ...defineCustomText(\"--beam-CumulativeImpact-description\", {\n        marginTop: \"16px\",\n        lineHeight: \"1.3\",\n      }),\n      \"--beam-CumulativeImpact-impact-list-marginTop\": \"24px\",\n      \"--beam-CumulativeImpact-row-marginTop\": \"24px\",\n      // row value container\n      \"--beam-CumulativeImpact-row-value-container-borderBottomWidth\": \"4px\",\n      \"--beam-CumulativeImpact-row-value-container-borderBottomColor\": \"currentColor\",\n      \"--beam-CumulativeImpact-row-value-container-paddingTop\": \"0\",\n      \"--beam-CumulativeImpact-row-value-container-paddingRight\": \"20px\",\n      \"--beam-CumulativeImpact-row-value-container-paddingBottom\": \"4px\",\n      \"--beam-CumulativeImpact-row-value-container-paddingLeft\": \"20px\",\n      // row value counter\n      ...defineCustomText(\"--beam-CumulativeImpact-row-value-counter\", {\n        color: \"currentColor\",\n        fontSize: \"24px\",\n        fontWeight: \"normal\",\n      }),\n      // row description\n      ...defineCustomText(\"--beam-CumulativeImpact-row-description\", {\n        color: \"currentColor\",\n        fontSize: \"16px\",\n        fontWeight: \"normal\",\n        lineHeight: \"1.3\",\n      }),\n      \"--beam-CumulativeImpact-row-description-paddingLeft\": \"24px\",\n      \"--beam-CumulativeImpact-row-description-paddingRight\": \"24px\",\n      \"--beam-CumulativeImpact-row-description-mobile-marginTop\": \"12px\",\n    };\n\n    const remoteConfig = this.cumulativeImpactDataController.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      }\n      .main {\n        text-align: left;\n      }\n      .title {\n        ${useCustomText(\"--beam-CumulativeImpact-title\")}\n        text-align: inherit;\n      }\n      .description {\n        ${useCustomText(\"--beam-CumulativeImpact-description\")}\n        text-align: inherit;\n      }\n      .impact-list {\n        display: flex;\n        flex-direction: column;\n        margin-top: var(--beam-CumulativeImpact-impact-list-marginTop);\n      }\n      .impact-row {\n        display: flex;\n        align-items: center;\n        margin-top: var(--beam-CumulativeImpact-row-marginTop);\n      }\n      .impact-row-value-container {\n        position: relative;\n        border-bottom-width: var(--beam-CumulativeImpact-row-value-container-borderBottomWidth);\n        border-bottom-color: var(--beam-CumulativeImpact-row-value-container-borderBottomColor);\n        border-bottom-style: solid;\n        padding-top: var(--beam-CumulativeImpact-row-value-container-paddingTop);\n        padding-right: var(--beam-CumulativeImpact-row-value-container-paddingRight);\n        padding-bottom: var(--beam-CumulativeImpact-row-value-container-paddingBottom);\n        padding-left: var(--beam-CumulativeImpact-row-value-container-paddingLeft);\n        text-align: center;\n        flex-shrink: 0;\n      }\n      .impact-row-value-counter {\n        ${useCustomText(\"--beam-CumulativeImpact-row-value-counter\")}\n      }\n      .impact-row-value-floating-counter {\n        position: absolute;\n        left: 0;\n        right: 0;\n        top: 0;\n        bottom: 0;\n      }\n      .impact-row-description {\n        ${useCustomText(\"--beam-CumulativeImpact-row-description\")}\n        padding-left: var(--beam-CumulativeImpact-row-description-paddingLeft);\n        padding-right: var(--beam-CumulativeImpact-row-description-paddingRight);\n        /* match padding of value of counter for proper centering */\n        padding-bottom: var(--beam-CumulativeImpact-row-value-paddingBottom);\n        text-align: inherit;\n        flex-grow: 1;\n      }\n      @media (max-width: 500px) {\n        .main {\n          text-align: center;\n        }\n        .impact-row {\n          flex-direction: column;\n        }\n        .impact-row-description {\n          margin-top: var(--beam-CumulativeImpact-row-description-mobile-marginTop);\n          padding-bottom: 0;\n        }\n      }\n    `,\n  ];\n}\n\ndefineCustomElement(BeamCumulativeImpact);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-cumulative-impact\": BeamCumulativeImpact;\n  }\n}\n"],"names":["AnimatedCounter","LitElement","entries","entry","MS_PER_FRAME","COUNTER_INCREMENT_PER_FRAME","result","target","userPrefersReducedMotion","html","__decorateClass","property","state","syncElementWidths","elements","els","isAllHtmlElements","widthSource","a","b","widthA","widthB","syncedWidth","el","strings","f","h","o","s","m","i","e","r","MAX_COUNTER_ANIMATION_DURATION","BeamCumulativeImpact","DEFAULT_BASE_URL","enforceConfig","getCumulativeImpact","AsyncController","debounce","SUPPORTED_LANGUAGES","changedProperties","requireNewDataProps","prop","data","error","loading","_loading","_errorMessage","BeamError","rawValues","impact","maxRawValue","durations","val","localizeUserString","idx","animationDuration","disableAnimation","floatingCounterClass","duration","unitDisplay","summaryDisplay","defaults","defineCustomText","remoteConfig","config","_cssVariableMap","cssReset","css","useCustomText","queryAll","defineCustomElement"],"mappings":"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"}
+{"version":3,"file":"cumulative-impact.esm.js","sources":["../../src/shared/components/animated-counter/index.ts","../../src/shared/sync-element-widths.ts","../../src/components/cumulative-impact/strings.ts","../../src/components/cumulative-impact/index.ts"],"sourcesContent":["import { html, LitElement } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { state } from \"lit/decorators.js\";\n\nexport class AnimatedCounter extends LitElement {\n  @property({ type: Number }) finalValue = 0;\n  @property({ type: Number }) duration = 1500;\n  @property({ type: String }) scrollTarget?: string;\n\n  @state() protected counter = 0;\n  private intervalId = 0;\n\n  connectedCallback() {\n    super.connectedCallback();\n    const userPrefersReducedMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n    if (this.duration === 0 || userPrefersReducedMotion) {\n      this.counter = this.finalValue;\n    } else {\n      this.observeScrollTarget();\n    }\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.unobserveScrollTarget();\n    clearInterval(this.intervalId);\n  }\n\n  private handleCounterAnimateIfInView: IntersectionObserverCallback = (entries) => {\n    if (entries.some((entry) => entry.isIntersecting)) {\n      this.animateCounter();\n      this.unobserveScrollTarget();\n    }\n  };\n\n  private animateCounter = () => {\n    const ANIMATION_FRAME_RATE = 24;\n    const MS_PER_FRAME = 1000 / ANIMATION_FRAME_RATE;\n    const INCREMENT_RATE_PER_FRAME = MS_PER_FRAME / this.duration;\n    const COUNTER_INCREMENT_PER_FRAME = INCREMENT_RATE_PER_FRAME * this.finalValue;\n\n    this.intervalId = setInterval(() => {\n      const result = this.counter + COUNTER_INCREMENT_PER_FRAME;\n      if (result >= this.finalValue) {\n        this.counter = this.finalValue;\n        clearInterval(this.intervalId);\n        return;\n      } else {\n        this.counter = result;\n      }\n    }, MS_PER_FRAME);\n  };\n\n  private observer = new IntersectionObserver(this.handleCounterAnimateIfInView, {\n    threshold: 0.1,\n  });\n\n  private observeScrollTarget = () => {\n    const target = this.scrollTargetElement;\n    target && this.observer.observe(target);\n  };\n\n  private unobserveScrollTarget = () => {\n    const target = this.scrollTargetElement;\n    target && this.observer.unobserve(target);\n  };\n\n  get scrollTargetElement(): this | Element | null {\n    if (this.scrollTarget) {\n      return document.querySelector(this.scrollTarget);\n    } else {\n      return this;\n    }\n  }\n\n  render() {\n    return html`${Math.ceil(this.counter).toLocaleString()}`;\n  }\n}\n\ncustomElements.get(\"animated-counter\") || customElements.define(\"animated-counter\", AnimatedCounter);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"animated-counter\": AnimatedCounter;\n  }\n}\n","import { isAllHtmlElements } from \"./is-all-html-elements\";\n\n/**\n * Synchronize widths of elements\n * @param {Array<HTMLElement|null>} elements - Elements to synchronize\n */\nexport const syncElementWidths = (elements: Array<HTMLElement | null> | NodeList) => {\n  const els = elements instanceof NodeList ? Array.from(elements) : elements;\n\n  if (els.length === 0 || !isAllHtmlElements(els)) {\n    return;\n  }\n\n  const widthSource = els.sort((a, b) => {\n    const widthA = getComputedStyle(a).getPropertyValue(\"width\").replace(\"px\", \"\");\n    const widthB = getComputedStyle(b).getPropertyValue(\"width\").replace(\"px\", \"\");\n    return parseInt(widthB) - parseInt(widthA);\n  })[0];\n\n  const syncedWidth = getComputedStyle(widthSource).getPropertyValue(\"width\");\n\n  for (const el of els) {\n    if (getComputedStyle(el).getPropertyValue(\"width\") !== syncedWidth) {\n      el.style[\"width\"] = syncedWidth;\n    }\n  }\n};\n","export const strings = {\n  en: {\n    cumulativeImpactTitle: () => `What we've funded`,\n    cumulativeImpactDescription: () =>\n      \"Here's the impact that our community has made so far in partnership with Beam. Our impact is growing every day— scroll to check out the goals we're working toward together right now.\",\n  },\n  fr: {\n    cumulativeImpactTitle: () => `Ce que nous avons financé`,\n    cumulativeImpactDescription: () =>\n      \"Voici l'impact que notre communauté a eu jusqu'à présent en partenariat avec Beam. Notre impact grandit chaque jour : faites défiler pour découvrir les objectifs vers lesquels nous travaillons ensemble en ce moment.\",\n  },\n  de: {\n    cumulativeImpactTitle: () => `Was wir finanziert haben`,\n    cumulativeImpactDescription: () =>\n      \"Hier ist die Wirkung, die unsere Community bisher in Zusammenarbeit mit Beam erzielt hat. Unsere Wirkung wächst von Tag zu Tag - scrollen Sie, um einen Blick auf die Ziele zu werfen, auf die wir derzeit gemeinsam hinarbeiten.\",\n  },\n  es: {\n    cumulativeImpactTitle: () => `Lo que hemos financiado`,\n    cumulativeImpactDescription: () =>\n      \"Este es el impacto que nuestra comunidad ha tenido hasta ahora en asociación con Beam. Nuestro impacto crece cada día; desplácese para ver los objetivos por los que estamos trabajando juntos en este momento.\",\n  },\n  it: {\n    cumulativeImpactTitle: () => `Cosa abbiamo finanziato`,\n    cumulativeImpactDescription: () =>\n      \"Ecco l'impatto che la nostra comunità ha avuto finora in collaborazione con Beam. Il nostro impatto cresce ogni giorno: scorri per scoprire gli obiettivi a cui stiamo lavorando insieme in questo momento.\",\n  },\n  pl: {\n    cumulativeImpactTitle: () => `Co sfinansowaliśmy`,\n    cumulativeImpactDescription: () =>\n      \"Oto wpływ, jaki nasza społeczność wywarła dotychczas we współpracy z Beam. Nasz wpływ rośnie z każdym dniem — przewiń, aby sprawdzić cele, nad którymi obecnie wspólnie pracujemy.\",\n  },\n};\n","import { css, html, LitElement } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { queryAll } from \"lit/decorators/query-all.js\";\nimport debounce from \"lodash-es/debounce\";\nimport \"../../shared/components/animated-counter\";\nimport { cssReset } from \"../../shared/css-reset\";\nimport { defineCustomElement } from \"../../shared/defineCustomElement\";\nimport { _cssVariableMap } from \"../../shared/fragments/css-variable-map\";\nimport { DEFAULT_BASE_URL, SUPPORTED_LANGUAGES } from \"../../api-sdk/constants\";\nimport { TNumericId } from \"../../shared/types\";\nimport { LANGUAGES } from \"../../api-sdk/types\";\nimport { getCumulativeImpact } from \"../../api-sdk/v3/routes\";\nimport { enforceConfig } from \"../../shared/enforce-config\";\nimport { BeamError, MissingConfig } from \"../../utils/beam-errors\";\nimport { AsyncController } from \"../../shared/controllers/async-controller\";\nimport { _errorMessage } from \"../../shared/fragments/error-message-template\";\nimport { _loading } from \"../../shared/fragments/loading-template\";\nimport { syncElementWidths } from \"../../shared/sync-element-widths\";\nimport { localizeUserString } from \"../../shared/localize\";\nimport { defineCustomText, useCustomText } from \"../../shared/fragments/custom-text\";\nimport { strings } from \"./strings\";\n\ntype RequiredConfig = {\n  apiKey: string;\n  chainId: TNumericId;\n};\n\ntype IAPIV3CumulativeImpact = Awaited<ReturnType<typeof getCumulativeImpact>>;\n\nconst MAX_COUNTER_ANIMATION_DURATION = 1.5 * 1000;\n\nexport class BeamCumulativeImpact extends LitElement {\n  static tagName = \"beam-cumulative-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 lang: LANGUAGES = \"en\";\n\n  @property({ type: Boolean }) public disableAnimation = false;\n\n  @property({ type: Boolean }) public debug = false;\n\n  get configLang() {\n    return SUPPORTED_LANGUAGES[this.lang] || \"en\";\n  }\n\n  private getCumulativeImpactData = async () => {\n    if (!enforceConfig<RequiredConfig>([\"apiKey\", \"chainId\"], this)) {\n      throw new MissingConfig();\n    }\n    const res = await getCumulativeImpact({\n      baseUrl: this.baseUrl,\n      pathParams: {\n        chainId: this.chainId,\n      },\n      headers: {\n        authorization: `Api-Key ${this.apiKey}`,\n      },\n      queryParams: {\n        version: \"1.0.0\",\n        lang: this.configLang,\n      },\n    });\n\n    return res;\n  };\n\n  private cumulativeImpactDataController = new AsyncController<typeof this.getCumulativeImpactData>(\n    this,\n    this.getCumulativeImpactData\n  );\n\n  @queryAll(\".impact-row-value-container\")\n  impactRowRefs!: HTMLElement[];\n  resizeElements = debounce(\n    () => {\n      syncElementWidths(this.impactRowRefs);\n    },\n    50,\n    { maxWait: 50, leading: true }\n  );\n\n  connectedCallback() {\n    super.connectedCallback();\n    window.addEventListener(\"resize\", this.resizeElements);\n  }\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        await this.cumulativeImpactDataController.exec();\n        break;\n      }\n    }\n\n    this.resizeElements();\n  }\n\n  render() {\n    const { data, error, loading } = this.cumulativeImpactDataController;\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\n    return html`\n      <style>\n        :host {\n          ${this.cssVariables.toCSS()}\n        }\n      </style>\n      <div style=\"display: flex; flex-direction: column;\" class=\"root\">\n        <div\n          style=\"margin: 10px 0 0 0;\"\n          tabindex=\"-1\"\n          class=\"options\"\n          part=\"options\"\n          aria-labelledby=\"beam-RedeemTransaction-title\"\n        >\n          ${this.renderCumulativeImpact(data)}\n        </div>\n      </div>\n    `;\n  }\n\n  private renderCumulativeImpact(data: IAPIV3CumulativeImpact) {\n    const rawValues = data.impacts ? data.impacts?.map((impact) => impact.value || 0) : [];\n    const maxRawValue = Math.max(...rawValues);\n    const durations = rawValues.map(\n      (val) => (MAX_COUNTER_ANIMATION_DURATION * Math.log(Math.max(val, 1))) / Math.log(maxRawValue)\n    );\n    return html`\n      <div class=\"main\">\n        <div class=\"title\" role=\"heading\">\n          ${localizeUserString(this.configLang, data?.config?.web?.title || \"\") ||\n          strings[this.configLang].cumulativeImpactTitle()}\n        </div>\n        <p class=\"description\">\n          ${localizeUserString(this.configLang, data?.config?.web?.description || \"\") ||\n          strings[this.configLang].cumulativeImpactDescription()}\n        </p>\n        <div class=\"impact-list\">\n          ${data.impacts?.map((impact: any, idx: number) => {\n            return this.renderCumulativeImpactRow({ impact, animationDuration: durations[idx] });\n          })}\n        </div>\n      </div>\n    `;\n  }\n\n  private renderCumulativeImpactRow({ impact, animationDuration }: { impact: any; animationDuration: number }) {\n    const disableAnimation = this.cumulativeImpactDataController.data?.config?.web.disableAnimation;\n    const floatingCounterClass = \"impact-row-value-counter impact-row-value-floating-counter\";\n    const duration = disableAnimation ? 0 : animationDuration;\n\n    const unitDisplay = localizeUserString(this.configLang, impact.unit || \"\");\n    const summaryDisplay = localizeUserString(this.configLang, impact.summary || \"\");\n\n    /**\n     * because we set the width using JavaScript by forcing all impact-row-value-container elements\n     * to match the width of the widest sibling, we use a hidden span with the total preloaded to\n     * ensure that impact-row-value-container widths do not change as the animation runs.\n     */\n    return html`\n      <div class=\"impact-row\">\n        <div class=\"impact-row-value-container\">\n          <span class=\"impact-row-value-counter\" style=\"visibility: hidden;\" aria-hidden=\"true\">\n            ${impact.value.toLocaleString()}\n          </span>\n            <animated-counter\n              class=\"${floatingCounterClass}\"\n              finalValue=${impact.value}\n              duration=${duration}\n            ></animated-counter>\n          </span>\n        </div>\n        <div class=\"impact-row-description\">${unitDisplay} ${summaryDisplay}</div>\n      </div>\n    `;\n  }\n\n  public get cssVariables() {\n    const defaults: Record<string, string> = {\n      \"--beam-fontFamily\": \"inherit\",\n      \"--beam-fontStyle\": \"inherit\",\n      \"--beam-fontSize\": \"16px\",\n      \"--beam-lineHeight\": \"1\",\n      \"--beam-textColor\": \"inherit\",\n      // main\n      ...defineCustomText(\"--beam-CumulativeImpact-title\", {\n        fontSize: \"32px\",\n      }),\n      ...defineCustomText(\"--beam-CumulativeImpact-description\", {\n        marginTop: \"16px\",\n        lineHeight: \"1.3\",\n      }),\n      \"--beam-CumulativeImpact-impact-list-marginTop\": \"24px\",\n      \"--beam-CumulativeImpact-row-marginTop\": \"24px\",\n      // row value container\n      \"--beam-CumulativeImpact-row-value-container-borderBottomWidth\": \"4px\",\n      \"--beam-CumulativeImpact-row-value-container-borderBottomColor\": \"currentColor\",\n      \"--beam-CumulativeImpact-row-value-container-paddingTop\": \"0\",\n      \"--beam-CumulativeImpact-row-value-container-paddingRight\": \"20px\",\n      \"--beam-CumulativeImpact-row-value-container-paddingBottom\": \"4px\",\n      \"--beam-CumulativeImpact-row-value-container-paddingLeft\": \"20px\",\n      // row value counter\n      ...defineCustomText(\"--beam-CumulativeImpact-row-value-counter\", {\n        color: \"currentColor\",\n        fontSize: \"24px\",\n        fontWeight: \"normal\",\n      }),\n      // row description\n      ...defineCustomText(\"--beam-CumulativeImpact-row-description\", {\n        color: \"currentColor\",\n        fontSize: \"16px\",\n        fontWeight: \"normal\",\n        lineHeight: \"1.3\",\n      }),\n      \"--beam-CumulativeImpact-row-description-paddingLeft\": \"24px\",\n      \"--beam-CumulativeImpact-row-description-paddingRight\": \"24px\",\n      \"--beam-CumulativeImpact-row-description-mobile-marginTop\": \"12px\",\n    };\n\n    const remoteConfig = this.cumulativeImpactDataController.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      }\n      .main {\n        text-align: left;\n      }\n      .title {\n        ${useCustomText(\"--beam-CumulativeImpact-title\")}\n        text-align: inherit;\n      }\n      .description {\n        ${useCustomText(\"--beam-CumulativeImpact-description\")}\n        text-align: inherit;\n      }\n      .impact-list {\n        display: flex;\n        flex-direction: column;\n        margin-top: var(--beam-CumulativeImpact-impact-list-marginTop);\n      }\n      .impact-row {\n        display: flex;\n        align-items: center;\n        margin-top: var(--beam-CumulativeImpact-row-marginTop);\n      }\n      .impact-row-value-container {\n        position: relative;\n        border-bottom-width: var(--beam-CumulativeImpact-row-value-container-borderBottomWidth);\n        border-bottom-color: var(--beam-CumulativeImpact-row-value-container-borderBottomColor);\n        border-bottom-style: solid;\n        padding-top: var(--beam-CumulativeImpact-row-value-container-paddingTop);\n        padding-right: var(--beam-CumulativeImpact-row-value-container-paddingRight);\n        padding-bottom: var(--beam-CumulativeImpact-row-value-container-paddingBottom);\n        padding-left: var(--beam-CumulativeImpact-row-value-container-paddingLeft);\n        text-align: center;\n        flex-shrink: 0;\n      }\n      .impact-row-value-counter {\n        ${useCustomText(\"--beam-CumulativeImpact-row-value-counter\")}\n      }\n      .impact-row-value-floating-counter {\n        position: absolute;\n        left: 0;\n        right: 0;\n        top: 0;\n        bottom: 0;\n      }\n      .impact-row-description {\n        ${useCustomText(\"--beam-CumulativeImpact-row-description\")}\n        padding-left: var(--beam-CumulativeImpact-row-description-paddingLeft);\n        padding-right: var(--beam-CumulativeImpact-row-description-paddingRight);\n        /* match padding of value of counter for proper centering */\n        padding-bottom: var(--beam-CumulativeImpact-row-value-paddingBottom);\n        text-align: inherit;\n        flex-grow: 1;\n      }\n      @media (max-width: 500px) {\n        .main {\n          text-align: center;\n        }\n        .impact-row {\n          flex-direction: column;\n        }\n        .impact-row-description {\n          margin-top: var(--beam-CumulativeImpact-row-description-mobile-marginTop);\n          padding-bottom: 0;\n        }\n      }\n    `,\n  ];\n}\n\ndefineCustomElement(BeamCumulativeImpact);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-cumulative-impact\": BeamCumulativeImpact;\n  }\n}\n"],"names":["AnimatedCounter","LitElement","entries","entry","MS_PER_FRAME","COUNTER_INCREMENT_PER_FRAME","result","target","userPrefersReducedMotion","html","__decorateClass","property","state","syncElementWidths","elements","els","isAllHtmlElements","widthSource","a","b","widthA","widthB","syncedWidth","el","strings","f","h","o","s","m","i","e","r","MAX_COUNTER_ANIMATION_DURATION","BeamCumulativeImpact","DEFAULT_BASE_URL","enforceConfig","getCumulativeImpact","AsyncController","debounce","SUPPORTED_LANGUAGES","changedProperties","requireNewDataProps","prop","data","error","loading","_loading","_errorMessage","BeamError","rawValues","impact","maxRawValue","durations","val","localizeUserString","idx","animationDuration","disableAnimation","floatingCounterClass","duration","unitDisplay","summaryDisplay","defaults","defineCustomText","remoteConfig","config","_cssVariableMap","cssReset","css","useCustomText","queryAll","defineCustomElement"],"mappings":"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"}

package/dist/components/cumulative-impact.js

@@ -1,4 +1,4 @@
-import{t as y,h as b,y as u,g as c,f as C,u as I}from"../chunks/lit-yVXn5Cbs.esm.js";import{d as x}from"../chunks/lodash-P8OIs-at.esm.js";import{c as T,u as p,d as S,e as E,A as z,a as B,_ as f,i as d,b as v,f as D}from"../chunks/localize-dXHrlK8g.esm.js";import{D as L,i as $,S as k}from"../chunks/routes-N63S9cPa.esm.js";import{B as V}from"../chunks/beam-errors-AMvTvR1C.esm.js";import{i as A}from"../chunks/is-all-html-elements-SdSkxirh.esm.js";import"../utils/logger.js";var j=Object.defineProperty,R=Object.getOwnPropertyDescriptor,h=(n,e,t,a)=>{for(var i=a>1?void 0:a?R(e,t):e,o=n.length-1,r;o>=0;o--)(r=n[o])&&(i=(a?r(e,t,i):r(i))||i);return a&&i&&j(e,t,i),i};class m extends b{constructor(){super(...arguments),this.finalValue=0,this.duration=1500,this.counter=0,this.intervalId=0,this.handleCounterAnimateIfInView=e=>{e.some(t=>t.isIntersecting)&&(this.animateCounter(),this.unobserveScrollTarget())},this.animateCounter=()=>{const e=41.666666666666664,t=e/this.duration*this.finalValue;this.intervalId=setInterval(()=>{const a=this.counter+t;if(a>=this.finalValue){this.counter=this.finalValue,clearInterval(this.intervalId);return}else this.counter=a},e)},this.observer=new IntersectionObserver(this.handleCounterAnimateIfInView,{threshold:.1}),this.observeScrollTarget=()=>{const e=this.scrollTargetElement;e&&this.observer.observe(e)},this.unobserveScrollTarget=()=>{const e=this.scrollTargetElement;e&&this.observer.unobserve(e)}}connectedCallback(){super.connectedCallback();const e=window.matchMedia("(prefers-reduced-motion: reduce)").matches;this.duration===0||e?this.counter=this.finalValue:this.observeScrollTarget()}disconnectedCallback(){super.disconnectedCallback(),this.unobserveScrollTarget(),clearInterval(this.intervalId)}get scrollTargetElement(){return this.scrollTarget?document.querySelector(this.scrollTarget):this}render(){return u`${Math.ceil(this.counter).toLocaleString()}`}}h([c({type:Number})],m.prototype,"finalValue",2),h([c({type:Number})],m.prototype,"duration",2),h([c({type:String})],m.prototype,"scrollTarget",2),h([y()],m.prototype,"counter",2),customElements.get("animated-counter")||customElements.define("animated-counter",m);const O=n=>{const e=n instanceof NodeList?Array.from(n):n;if(e.length===0||!A(e))return;const t=e.sort((i,o)=>{const r=getComputedStyle(i).getPropertyValue("width").replace("px",""),g=getComputedStyle(o).getPropertyValue("width").replace("px","");return parseInt(g)-parseInt(r)})[0],a=getComputedStyle(t).getPropertyValue("width");for(const i of e)getComputedStyle(i).getPropertyValue("width")!==a&&(i.style.width=a)},w={en:{cumulativeImpactTitle:()=>"What we've funded",cumulativeImpactDescription:()=>"Here's the impact that our community has made so far in partnership with Beam. Our impact is growing every day\u2014 scroll to check out the goals we're working toward together right now."},fr:{cumulativeImpactTitle:()=>"Ce que nous avons financ\xE9",cumulativeImpactDescription:()=>"Voici l'impact que notre communaut\xE9 a eu jusqu'\xE0 pr\xE9sent en partenariat avec Beam. Notre impact grandit chaque jour : faites d\xE9filer pour d\xE9couvrir les objectifs vers lesquels nous travaillons ensemble en ce moment."},de:{cumulativeImpactTitle:()=>"Was wir finanziert haben",cumulativeImpactDescription:()=>"Hier ist die Wirkung, die unsere Community bisher in Zusammenarbeit mit Beam erzielt hat. Unsere Wirkung w\xE4chst von Tag zu Tag - scrollen Sie, um einen Blick auf die Ziele zu werfen, auf die wir derzeit gemeinsam hinarbeiten."},es:{cumulativeImpactTitle:()=>"Lo que hemos financiado",cumulativeImpactDescription:()=>"Este es el impacto que nuestra comunidad ha tenido hasta ahora en asociaci\xF3n con Beam. Nuestro impacto crece cada d\xEDa; despl\xE1cese para ver los objetivos por los que estamos trabajando juntos en este momento."},it:{cumulativeImpactTitle:()=>"Cosa abbiamo finanziato",cumulativeImpactDescription:()=>"Ecco l'impatto che la nostra comunit\xE0 ha avuto finora in collaborazione con Beam. Il nostro impatto cresce ogni giorno: scorri per scoprire gli obiettivi a cui stiamo lavorando insieme in questo momento."},pl:{cumulativeImpactTitle:()=>"Co sfinansowali\u015Bmy",cumulativeImpactDescription:()=>"Oto wp\u0142yw, jaki nasza spo\u0142eczno\u015B\u0107 wywar\u0142a dotychczas we wsp\xF3\u0142pracy z Beam. Nasz wp\u0142yw ro\u015Bnie z ka\u017Cdym dniem \u2014 przewi\u0144, aby sprawdzi\u0107 cele, nad kt\xF3rymi obecnie wsp\xF3lnie pracujemy."}};var P=Object.defineProperty,q=Object.getOwnPropertyDescriptor,l=(n,e,t,a)=>{for(var i=a>1?void 0:a?q(e,t):e,o=n.length-1,r;o>=0;o--)(r=n[o])&&(i=(a?r(e,t,i):r(i))||i);return a&&i&&P(e,t,i),i};const U=1.5*1e3;class s extends b{constructor(){super(...arguments),this.baseUrl=L,this.lang="en",this.disableAnimation=!1,this.debug=!1,this.getCumulativeImpactData=async()=>(E(["apiKey","chainId"],this),await $({baseUrl:this.baseUrl,pathParams:{chainId:this.chainId},headers:{authorization:`Api-Key ${this.apiKey}`},queryParams:{version:"1.0.0",lang:this.configLang}})),this.cumulativeImpactDataController=new z(this,this.getCumulativeImpactData),this.resizeElements=x(()=>{O(this.impactRowRefs)},50,{maxWait:50,leading:!0})}get configLang(){return k[this.lang]||"en"}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.resizeElements)}async updated(e){const t=["chainId","baseUrl","lang"];for(const a of t)if(e.has(a)){await this.cumulativeImpactDataController.exec();break}this.resizeElements()}render(){const{data:e,error:t,loading:a}=this.cumulativeImpactDataController;return a?B():t?this.debug?f({error:t}):"":e==null?this.debug?f({error:new V("Missing data")}):"":u`
+import{t as y,h as b,y as u,g as c,f as C,u as I}from"../chunks/lit-yVXn5Cbs.esm.js";import{d as x}from"../chunks/lodash-P8OIs-at.esm.js";import{c as T,d as S,e as E,A as z,_ as f,a as B}from"../chunks/enforce-config-n0D_zfMC.esm.js";import{D,j as L,S as $}from"../chunks/routes-wPiw5U5n.esm.js";import{B as k}from"../chunks/beam-errors-AMvTvR1C.esm.js";import{u as p,_ as V,i as d,d as v}from"../chunks/localize-0rA0DbzI.esm.js";import{i as j}from"../chunks/is-all-html-elements-SdSkxirh.esm.js";import"../utils/logger.js";var A=Object.defineProperty,R=Object.getOwnPropertyDescriptor,h=(n,e,t,a)=>{for(var i=a>1?void 0:a?R(e,t):e,o=n.length-1,r;o>=0;o--)(r=n[o])&&(i=(a?r(e,t,i):r(i))||i);return a&&i&&A(e,t,i),i};class m extends b{constructor(){super(...arguments),this.finalValue=0,this.duration=1500,this.counter=0,this.intervalId=0,this.handleCounterAnimateIfInView=e=>{e.some(t=>t.isIntersecting)&&(this.animateCounter(),this.unobserveScrollTarget())},this.animateCounter=()=>{const e=41.666666666666664,t=e/this.duration*this.finalValue;this.intervalId=setInterval(()=>{const a=this.counter+t;if(a>=this.finalValue){this.counter=this.finalValue,clearInterval(this.intervalId);return}else this.counter=a},e)},this.observer=new IntersectionObserver(this.handleCounterAnimateIfInView,{threshold:.1}),this.observeScrollTarget=()=>{const e=this.scrollTargetElement;e&&this.observer.observe(e)},this.unobserveScrollTarget=()=>{const e=this.scrollTargetElement;e&&this.observer.unobserve(e)}}connectedCallback(){super.connectedCallback();const e=window.matchMedia("(prefers-reduced-motion: reduce)").matches;this.duration===0||e?this.counter=this.finalValue:this.observeScrollTarget()}disconnectedCallback(){super.disconnectedCallback(),this.unobserveScrollTarget(),clearInterval(this.intervalId)}get scrollTargetElement(){return this.scrollTarget?document.querySelector(this.scrollTarget):this}render(){return u`${Math.ceil(this.counter).toLocaleString()}`}}h([c({type:Number})],m.prototype,"finalValue",2),h([c({type:Number})],m.prototype,"duration",2),h([c({type:String})],m.prototype,"scrollTarget",2),h([y()],m.prototype,"counter",2),customElements.get("animated-counter")||customElements.define("animated-counter",m);const O=n=>{const e=n instanceof NodeList?Array.from(n):n;if(e.length===0||!j(e))return;const t=e.sort((i,o)=>{const r=getComputedStyle(i).getPropertyValue("width").replace("px",""),g=getComputedStyle(o).getPropertyValue("width").replace("px","");return parseInt(g)-parseInt(r)})[0],a=getComputedStyle(t).getPropertyValue("width");for(const i of e)getComputedStyle(i).getPropertyValue("width")!==a&&(i.style.width=a)},w={en:{cumulativeImpactTitle:()=>"What we've funded",cumulativeImpactDescription:()=>"Here's the impact that our community has made so far in partnership with Beam. Our impact is growing every day\u2014 scroll to check out the goals we're working toward together right now."},fr:{cumulativeImpactTitle:()=>"Ce que nous avons financ\xE9",cumulativeImpactDescription:()=>"Voici l'impact que notre communaut\xE9 a eu jusqu'\xE0 pr\xE9sent en partenariat avec Beam. Notre impact grandit chaque jour : faites d\xE9filer pour d\xE9couvrir les objectifs vers lesquels nous travaillons ensemble en ce moment."},de:{cumulativeImpactTitle:()=>"Was wir finanziert haben",cumulativeImpactDescription:()=>"Hier ist die Wirkung, die unsere Community bisher in Zusammenarbeit mit Beam erzielt hat. Unsere Wirkung w\xE4chst von Tag zu Tag - scrollen Sie, um einen Blick auf die Ziele zu werfen, auf die wir derzeit gemeinsam hinarbeiten."},es:{cumulativeImpactTitle:()=>"Lo que hemos financiado",cumulativeImpactDescription:()=>"Este es el impacto que nuestra comunidad ha tenido hasta ahora en asociaci\xF3n con Beam. Nuestro impacto crece cada d\xEDa; despl\xE1cese para ver los objetivos por los que estamos trabajando juntos en este momento."},it:{cumulativeImpactTitle:()=>"Cosa abbiamo finanziato",cumulativeImpactDescription:()=>"Ecco l'impatto che la nostra comunit\xE0 ha avuto finora in collaborazione con Beam. Il nostro impatto cresce ogni giorno: scorri per scoprire gli obiettivi a cui stiamo lavorando insieme in questo momento."},pl:{cumulativeImpactTitle:()=>"Co sfinansowali\u015Bmy",cumulativeImpactDescription:()=>"Oto wp\u0142yw, jaki nasza spo\u0142eczno\u015B\u0107 wywar\u0142a dotychczas we wsp\xF3\u0142pracy z Beam. Nasz wp\u0142yw ro\u015Bnie z ka\u017Cdym dniem \u2014 przewi\u0144, aby sprawdzi\u0107 cele, nad kt\xF3rymi obecnie wsp\xF3lnie pracujemy."}};var P=Object.defineProperty,q=Object.getOwnPropertyDescriptor,l=(n,e,t,a)=>{for(var i=a>1?void 0:a?q(e,t):e,o=n.length-1,r;o>=0;o--)(r=n[o])&&(i=(a?r(e,t,i):r(i))||i);return a&&i&&P(e,t,i),i};const U=1.5*1e3;class s extends b{constructor(){super(...arguments),this.baseUrl=D,this.lang="en",this.disableAnimation=!1,this.debug=!1,this.getCumulativeImpactData=async()=>(E(["apiKey","chainId"],this),await L({baseUrl:this.baseUrl,pathParams:{chainId:this.chainId},headers:{authorization:`Api-Key ${this.apiKey}`},queryParams:{version:"1.0.0",lang:this.configLang}})),this.cumulativeImpactDataController=new z(this,this.getCumulativeImpactData),this.resizeElements=x(()=>{O(this.impactRowRefs)},50,{maxWait:50,leading:!0})}get configLang(){return $[this.lang]||"en"}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.resizeElements)}async updated(e){const t=["chainId","baseUrl","lang"];for(const a of t)if(e.has(a)){await this.cumulativeImpactDataController.exec();break}this.resizeElements()}render(){const{data:e,error:t,loading:a}=this.cumulativeImpactDataController;return a?V():t?this.debug?f({error:t}):"":e==null?this.debug?f({error:new k("Missing data")}):"":u`
       <style>
         :host {
           ${this.cssVariables.toCSS()}
@@ -42,7 +42,7 @@ import{t as y,h as b,y as u,g as c,f as C,u as I}from"../chunks/lit-yVXn5Cbs.esm
         </div>
         <div class="impact-row-description">${r} ${g}</div>
       </div>
-    `}get cssVariables(){const e={"--beam-fontFamily":"inherit","--beam-fontStyle":"inherit","--beam-fontSize":"16px","--beam-lineHeight":"1","--beam-textColor":"inherit",...v("--beam-CumulativeImpact-title",{fontSize:"32px"}),...v("--beam-CumulativeImpact-description",{marginTop:"16px",lineHeight:"1.3"}),"--beam-CumulativeImpact-impact-list-marginTop":"24px","--beam-CumulativeImpact-row-marginTop":"24px","--beam-CumulativeImpact-row-value-container-borderBottomWidth":"4px","--beam-CumulativeImpact-row-value-container-borderBottomColor":"currentColor","--beam-CumulativeImpact-row-value-container-paddingTop":"0","--beam-CumulativeImpact-row-value-container-paddingRight":"20px","--beam-CumulativeImpact-row-value-container-paddingBottom":"4px","--beam-CumulativeImpact-row-value-container-paddingLeft":"20px",...v("--beam-CumulativeImpact-row-value-counter",{color:"currentColor",fontSize:"24px",fontWeight:"normal"}),...v("--beam-CumulativeImpact-row-description",{color:"currentColor",fontSize:"16px",fontWeight:"normal",lineHeight:"1.3"}),"--beam-CumulativeImpact-row-description-paddingLeft":"24px","--beam-CumulativeImpact-row-description-paddingRight":"24px","--beam-CumulativeImpact-row-description-mobile-marginTop":"12px"},t=this.cumulativeImpactDataController.data?.config?.web?.theme||{},a={...e,...t};return Object.assign(Object.create({toCSS(){return D(this)}}),a)}}s.tagName="beam-cumulative-impact",s.styles=[T,C`
+    `}get cssVariables(){const e={"--beam-fontFamily":"inherit","--beam-fontStyle":"inherit","--beam-fontSize":"16px","--beam-lineHeight":"1","--beam-textColor":"inherit",...v("--beam-CumulativeImpact-title",{fontSize:"32px"}),...v("--beam-CumulativeImpact-description",{marginTop:"16px",lineHeight:"1.3"}),"--beam-CumulativeImpact-impact-list-marginTop":"24px","--beam-CumulativeImpact-row-marginTop":"24px","--beam-CumulativeImpact-row-value-container-borderBottomWidth":"4px","--beam-CumulativeImpact-row-value-container-borderBottomColor":"currentColor","--beam-CumulativeImpact-row-value-container-paddingTop":"0","--beam-CumulativeImpact-row-value-container-paddingRight":"20px","--beam-CumulativeImpact-row-value-container-paddingBottom":"4px","--beam-CumulativeImpact-row-value-container-paddingLeft":"20px",...v("--beam-CumulativeImpact-row-value-counter",{color:"currentColor",fontSize:"24px",fontWeight:"normal"}),...v("--beam-CumulativeImpact-row-description",{color:"currentColor",fontSize:"16px",fontWeight:"normal",lineHeight:"1.3"}),"--beam-CumulativeImpact-row-description-paddingLeft":"24px","--beam-CumulativeImpact-row-description-paddingRight":"24px","--beam-CumulativeImpact-row-description-mobile-marginTop":"12px"},t=this.cumulativeImpactDataController.data?.config?.web?.theme||{},a={...e,...t};return Object.assign(Object.create({toCSS(){return B(this)}}),a)}}s.tagName="beam-cumulative-impact",s.styles=[T,C`
       :host {
         display: block;
         font-family: var(--beam-fontFamily, inherit);

package/dist/components/cumulative-impact.js.map

@@ -1 +1 @@
-{"version":3,"file":"cumulative-impact.js","sources":["../../src/shared/components/animated-counter/index.ts","../../src/shared/sync-element-widths.ts","../../src/components/cumulative-impact/strings.ts","../../src/components/cumulative-impact/index.ts"],"sourcesContent":["import { html, LitElement } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { state } from \"lit/decorators.js\";\n\nexport class AnimatedCounter extends LitElement {\n  @property({ type: Number }) finalValue = 0;\n  @property({ type: Number }) duration = 1500;\n  @property({ type: String }) scrollTarget?: string;\n\n  @state() protected counter = 0;\n  private intervalId = 0;\n\n  connectedCallback() {\n    super.connectedCallback();\n    const userPrefersReducedMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n    if (this.duration === 0 || userPrefersReducedMotion) {\n      this.counter = this.finalValue;\n    } else {\n      this.observeScrollTarget();\n    }\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.unobserveScrollTarget();\n    clearInterval(this.intervalId);\n  }\n\n  private handleCounterAnimateIfInView: IntersectionObserverCallback = (entries) => {\n    if (entries.some((entry) => entry.isIntersecting)) {\n      this.animateCounter();\n      this.unobserveScrollTarget();\n    }\n  };\n\n  private animateCounter = () => {\n    const ANIMATION_FRAME_RATE = 24;\n    const MS_PER_FRAME = 1000 / ANIMATION_FRAME_RATE;\n    const INCREMENT_RATE_PER_FRAME = MS_PER_FRAME / this.duration;\n    const COUNTER_INCREMENT_PER_FRAME = INCREMENT_RATE_PER_FRAME * this.finalValue;\n\n    this.intervalId = setInterval(() => {\n      const result = this.counter + COUNTER_INCREMENT_PER_FRAME;\n      if (result >= this.finalValue) {\n        this.counter = this.finalValue;\n        clearInterval(this.intervalId);\n        return;\n      } else {\n        this.counter = result;\n      }\n    }, MS_PER_FRAME);\n  };\n\n  private observer = new IntersectionObserver(this.handleCounterAnimateIfInView, {\n    threshold: 0.1,\n  });\n\n  private observeScrollTarget = () => {\n    const target = this.scrollTargetElement;\n    target && this.observer.observe(target);\n  };\n\n  private unobserveScrollTarget = () => {\n    const target = this.scrollTargetElement;\n    target && this.observer.unobserve(target);\n  };\n\n  get scrollTargetElement(): this | Element | null {\n    if (this.scrollTarget) {\n      return document.querySelector(this.scrollTarget);\n    } else {\n      return this;\n    }\n  }\n\n  render() {\n    return html`${Math.ceil(this.counter).toLocaleString()}`;\n  }\n}\n\ncustomElements.get(\"animated-counter\") || customElements.define(\"animated-counter\", AnimatedCounter);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"animated-counter\": AnimatedCounter;\n  }\n}\n","import { isAllHtmlElements } from \"./is-all-html-elements\";\n\n/**\n * Synchronize widths of elements\n * @param {Array<HTMLElement|null>} elements - Elements to synchronize\n */\nexport const syncElementWidths = (elements: Array<HTMLElement | null> | NodeList) => {\n  const els = elements instanceof NodeList ? Array.from(elements) : elements;\n\n  if (els.length === 0 || !isAllHtmlElements(els)) {\n    return;\n  }\n\n  const widthSource = els.sort((a, b) => {\n    const widthA = getComputedStyle(a).getPropertyValue(\"width\").replace(\"px\", \"\");\n    const widthB = getComputedStyle(b).getPropertyValue(\"width\").replace(\"px\", \"\");\n    return parseInt(widthB) - parseInt(widthA);\n  })[0];\n\n  const syncedWidth = getComputedStyle(widthSource).getPropertyValue(\"width\");\n\n  for (const el of els) {\n    if (getComputedStyle(el).getPropertyValue(\"width\") !== syncedWidth) {\n      el.style[\"width\"] = syncedWidth;\n    }\n  }\n};\n","export const strings = {\n  en: {\n    cumulativeImpactTitle: () => `What we've funded`,\n    cumulativeImpactDescription: () =>\n      \"Here's the impact that our community has made so far in partnership with Beam. Our impact is growing every day— scroll to check out the goals we're working toward together right now.\",\n  },\n  fr: {\n    cumulativeImpactTitle: () => `Ce que nous avons financé`,\n    cumulativeImpactDescription: () =>\n      \"Voici l'impact que notre communauté a eu jusqu'à présent en partenariat avec Beam. Notre impact grandit chaque jour : faites défiler pour découvrir les objectifs vers lesquels nous travaillons ensemble en ce moment.\",\n  },\n  de: {\n    cumulativeImpactTitle: () => `Was wir finanziert haben`,\n    cumulativeImpactDescription: () =>\n      \"Hier ist die Wirkung, die unsere Community bisher in Zusammenarbeit mit Beam erzielt hat. Unsere Wirkung wächst von Tag zu Tag - scrollen Sie, um einen Blick auf die Ziele zu werfen, auf die wir derzeit gemeinsam hinarbeiten.\",\n  },\n  es: {\n    cumulativeImpactTitle: () => `Lo que hemos financiado`,\n    cumulativeImpactDescription: () =>\n      \"Este es el impacto que nuestra comunidad ha tenido hasta ahora en asociación con Beam. Nuestro impacto crece cada día; desplácese para ver los objetivos por los que estamos trabajando juntos en este momento.\",\n  },\n  it: {\n    cumulativeImpactTitle: () => `Cosa abbiamo finanziato`,\n    cumulativeImpactDescription: () =>\n      \"Ecco l'impatto che la nostra comunità ha avuto finora in collaborazione con Beam. Il nostro impatto cresce ogni giorno: scorri per scoprire gli obiettivi a cui stiamo lavorando insieme in questo momento.\",\n  },\n  pl: {\n    cumulativeImpactTitle: () => `Co sfinansowaliśmy`,\n    cumulativeImpactDescription: () =>\n      \"Oto wpływ, jaki nasza społeczność wywarła dotychczas we współpracy z Beam. Nasz wpływ rośnie z każdym dniem — przewiń, aby sprawdzić cele, nad którymi obecnie wspólnie pracujemy.\",\n  },\n};\n","import { css, html, LitElement } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { queryAll } from \"lit/decorators/query-all.js\";\nimport debounce from \"lodash-es/debounce\";\nimport \"../../shared/components/animated-counter\";\nimport { cssReset } from \"../../shared/css-reset\";\nimport { defineCustomElement } from \"../../shared/defineCustomElement\";\nimport { _cssVariableMap } from \"../../shared/fragments/css-variable-map\";\nimport { DEFAULT_BASE_URL, SUPPORTED_LANGUAGES } from \"../../api-sdk/constants\";\nimport { TNumericId } from \"../../shared/types\";\nimport { LANGUAGES } from \"../../api-sdk/types\";\nimport { getCumulativeImpact } from \"../../api-sdk/v3/routes\";\nimport { enforceConfig } from \"../../shared/enforce-config\";\nimport { BeamError, MissingConfig } from \"../../utils/beam-errors\";\nimport { AsyncController } from \"../../shared/controllers/async-controller\";\nimport { _errorMessage } from \"../../shared/fragments/error-message-template\";\nimport { _loading } from \"../../shared/fragments/loading-template\";\nimport { syncElementWidths } from \"../../shared/sync-element-widths\";\nimport { localizeUserString } from \"../../shared/localize\";\nimport { defineCustomText, useCustomText } from \"../../shared/fragments/custom-text\";\nimport { strings } from \"./strings\";\n\ntype RequiredConfig = {\n  apiKey: string;\n  chainId: TNumericId;\n};\n\ntype IAPIV3CumulativeImpact = Awaited<ReturnType<typeof getCumulativeImpact>>;\n\nconst MAX_COUNTER_ANIMATION_DURATION = 1.5 * 1000;\n\nexport class BeamCumulativeImpact extends LitElement {\n  static tagName = \"beam-cumulative-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 lang: LANGUAGES = \"en\";\n\n  @property({ type: Boolean }) public disableAnimation = false;\n\n  @property({ type: Boolean }) public debug = false;\n\n  get configLang() {\n    return SUPPORTED_LANGUAGES[this.lang] || \"en\";\n  }\n\n  private getCumulativeImpactData = async () => {\n    if (!enforceConfig<RequiredConfig>([\"apiKey\", \"chainId\"], this)) {\n      throw new MissingConfig();\n    }\n    const res = await getCumulativeImpact({\n      baseUrl: this.baseUrl,\n      pathParams: {\n        chainId: this.chainId,\n      },\n      headers: {\n        authorization: `Api-Key ${this.apiKey}`,\n      },\n      queryParams: {\n        version: \"1.0.0\",\n        lang: this.configLang,\n      },\n    });\n\n    return res;\n  };\n\n  private cumulativeImpactDataController = new AsyncController<typeof this.getCumulativeImpactData>(\n    this,\n    this.getCumulativeImpactData\n  );\n\n  @queryAll(\".impact-row-value-container\")\n  impactRowRefs!: HTMLElement[];\n  resizeElements = debounce(\n    () => {\n      syncElementWidths(this.impactRowRefs);\n    },\n    50,\n    { maxWait: 50, leading: true }\n  );\n\n  connectedCallback() {\n    super.connectedCallback();\n    window.addEventListener(\"resize\", this.resizeElements);\n  }\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        await this.cumulativeImpactDataController.exec();\n        break;\n      }\n    }\n\n    this.resizeElements();\n  }\n\n  render() {\n    const { data, error, loading } = this.cumulativeImpactDataController;\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\n    return html`\n      <style>\n        :host {\n          ${this.cssVariables.toCSS()}\n        }\n      </style>\n      <div style=\"display: flex; flex-direction: column;\" class=\"root\">\n        <div\n          style=\"margin: 10px 0 0 0;\"\n          tabindex=\"-1\"\n          class=\"options\"\n          part=\"options\"\n          aria-labelledby=\"beam-RedeemTransaction-title\"\n        >\n          ${this.renderCumulativeImpact(data)}\n        </div>\n      </div>\n    `;\n  }\n\n  private renderCumulativeImpact(data: IAPIV3CumulativeImpact) {\n    const rawValues = data.impacts ? data.impacts?.map((impact) => impact.value || 0) : [];\n    const maxRawValue = Math.max(...rawValues);\n    const durations = rawValues.map(\n      (val) => (MAX_COUNTER_ANIMATION_DURATION * Math.log(Math.max(val, 1))) / Math.log(maxRawValue)\n    );\n    return html`\n      <div class=\"main\">\n        <div class=\"title\" role=\"heading\">\n          ${localizeUserString(this.configLang, data?.config?.web?.title || \"\") ||\n          strings[this.configLang].cumulativeImpactTitle()}\n        </div>\n        <p class=\"description\">\n          ${localizeUserString(this.configLang, data?.config?.web?.description || \"\") ||\n          strings[this.configLang].cumulativeImpactDescription()}\n        </p>\n        <div class=\"impact-list\">\n          ${data.impacts?.map((impact: any, idx: number) => {\n            return this.renderCumulativeImpactRow({ impact, animationDuration: durations[idx] });\n          })}\n        </div>\n      </div>\n    `;\n  }\n\n  private renderCumulativeImpactRow({ impact, animationDuration }: { impact: any; animationDuration: number }) {\n    const disableAnimation = this.cumulativeImpactDataController.data?.config?.web.disableAnimation;\n    const floatingCounterClass = \"impact-row-value-counter impact-row-value-floating-counter\";\n    const duration = disableAnimation ? 0 : animationDuration;\n\n    const unitDisplay = localizeUserString(this.configLang, impact.unit || \"\");\n    const summaryDisplay = localizeUserString(this.configLang, impact.summary || \"\");\n\n    /**\n     * because we set the width using JavaScript by forcing all impact-row-value-container elements\n     * to match the width of the widest sibling, we use a hidden span with the total preloaded to\n     * ensure that impact-row-value-container widths do not change as the animation runs.\n     */\n    return html`\n      <div class=\"impact-row\">\n        <div class=\"impact-row-value-container\">\n          <span class=\"impact-row-value-counter\" style=\"visibility: hidden;\" aria-hidden=\"true\">\n            ${impact.value.toLocaleString()}\n          </span>\n            <animated-counter\n              class=\"${floatingCounterClass}\"\n              finalValue=${impact.value}\n              duration=${duration}\n            ></animated-counter>\n          </span>\n        </div>\n        <div class=\"impact-row-description\">${unitDisplay} ${summaryDisplay}</div>\n      </div>\n    `;\n  }\n\n  public get cssVariables() {\n    const defaults: Record<string, string> = {\n      \"--beam-fontFamily\": \"inherit\",\n      \"--beam-fontStyle\": \"inherit\",\n      \"--beam-fontSize\": \"16px\",\n      \"--beam-lineHeight\": \"1\",\n      \"--beam-textColor\": \"inherit\",\n      // main\n      ...defineCustomText(\"--beam-CumulativeImpact-title\", {\n        fontSize: \"32px\",\n      }),\n      ...defineCustomText(\"--beam-CumulativeImpact-description\", {\n        marginTop: \"16px\",\n        lineHeight: \"1.3\",\n      }),\n      \"--beam-CumulativeImpact-impact-list-marginTop\": \"24px\",\n      \"--beam-CumulativeImpact-row-marginTop\": \"24px\",\n      // row value container\n      \"--beam-CumulativeImpact-row-value-container-borderBottomWidth\": \"4px\",\n      \"--beam-CumulativeImpact-row-value-container-borderBottomColor\": \"currentColor\",\n      \"--beam-CumulativeImpact-row-value-container-paddingTop\": \"0\",\n      \"--beam-CumulativeImpact-row-value-container-paddingRight\": \"20px\",\n      \"--beam-CumulativeImpact-row-value-container-paddingBottom\": \"4px\",\n      \"--beam-CumulativeImpact-row-value-container-paddingLeft\": \"20px\",\n      // row value counter\n      ...defineCustomText(\"--beam-CumulativeImpact-row-value-counter\", {\n        color: \"currentColor\",\n        fontSize: \"24px\",\n        fontWeight: \"normal\",\n      }),\n      // row description\n      ...defineCustomText(\"--beam-CumulativeImpact-row-description\", {\n        color: \"currentColor\",\n        fontSize: \"16px\",\n        fontWeight: \"normal\",\n        lineHeight: \"1.3\",\n      }),\n      \"--beam-CumulativeImpact-row-description-paddingLeft\": \"24px\",\n      \"--beam-CumulativeImpact-row-description-paddingRight\": \"24px\",\n      \"--beam-CumulativeImpact-row-description-mobile-marginTop\": \"12px\",\n    };\n\n    const remoteConfig = this.cumulativeImpactDataController.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      }\n      .main {\n        text-align: left;\n      }\n      .title {\n        ${useCustomText(\"--beam-CumulativeImpact-title\")}\n        text-align: inherit;\n      }\n      .description {\n        ${useCustomText(\"--beam-CumulativeImpact-description\")}\n        text-align: inherit;\n      }\n      .impact-list {\n        display: flex;\n        flex-direction: column;\n        margin-top: var(--beam-CumulativeImpact-impact-list-marginTop);\n      }\n      .impact-row {\n        display: flex;\n        align-items: center;\n        margin-top: var(--beam-CumulativeImpact-row-marginTop);\n      }\n      .impact-row-value-container {\n        position: relative;\n        border-bottom-width: var(--beam-CumulativeImpact-row-value-container-borderBottomWidth);\n        border-bottom-color: var(--beam-CumulativeImpact-row-value-container-borderBottomColor);\n        border-bottom-style: solid;\n        padding-top: var(--beam-CumulativeImpact-row-value-container-paddingTop);\n        padding-right: var(--beam-CumulativeImpact-row-value-container-paddingRight);\n        padding-bottom: var(--beam-CumulativeImpact-row-value-container-paddingBottom);\n        padding-left: var(--beam-CumulativeImpact-row-value-container-paddingLeft);\n        text-align: center;\n        flex-shrink: 0;\n      }\n      .impact-row-value-counter {\n        ${useCustomText(\"--beam-CumulativeImpact-row-value-counter\")}\n      }\n      .impact-row-value-floating-counter {\n        position: absolute;\n        left: 0;\n        right: 0;\n        top: 0;\n        bottom: 0;\n      }\n      .impact-row-description {\n        ${useCustomText(\"--beam-CumulativeImpact-row-description\")}\n        padding-left: var(--beam-CumulativeImpact-row-description-paddingLeft);\n        padding-right: var(--beam-CumulativeImpact-row-description-paddingRight);\n        /* match padding of value of counter for proper centering */\n        padding-bottom: var(--beam-CumulativeImpact-row-value-paddingBottom);\n        text-align: inherit;\n        flex-grow: 1;\n      }\n      @media (max-width: 500px) {\n        .main {\n          text-align: center;\n        }\n        .impact-row {\n          flex-direction: column;\n        }\n        .impact-row-description {\n          margin-top: var(--beam-CumulativeImpact-row-description-mobile-marginTop);\n          padding-bottom: 0;\n        }\n      }\n    `,\n  ];\n}\n\ndefineCustomElement(BeamCumulativeImpact);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-cumulative-impact\": BeamCumulativeImpact;\n  }\n}\n"],"names":["AnimatedCounter","LitElement","entries","entry","MS_PER_FRAME","COUNTER_INCREMENT_PER_FRAME","result","target","userPrefersReducedMotion","html","__decorateClass","property","state","syncElementWidths","elements","els","isAllHtmlElements","widthSource","a","b","widthA","widthB","syncedWidth","el","strings","f","h","o","s","m","i","e","r","MAX_COUNTER_ANIMATION_DURATION","BeamCumulativeImpact","DEFAULT_BASE_URL","enforceConfig","getCumulativeImpact","AsyncController","debounce","SUPPORTED_LANGUAGES","changedProperties","requireNewDataProps","prop","data","error","loading","_loading","_errorMessage","BeamError","rawValues","impact","maxRawValue","durations","val","localizeUserString","idx","animationDuration","disableAnimation","floatingCounterClass","duration","unitDisplay","summaryDisplay","defaults","defineCustomText","remoteConfig","config","_cssVariableMap","cssReset","css","useCustomText","queryAll","defineCustomElement"],"mappings":"iqBAIaA,UAAwBC,CAAW,CAAzC,aAAA,CAAA,MAAA,GAAA,SAAA,EACuB,KAAa,WAAA,EACb,KAAW,SAAA,KAG9B,KAAU,QAAU,EAC7B,KAAQ,WAAa,EAkBrB,KAAQ,6BAA8DC,GAAY,CAC5EA,EAAQ,KAAMC,GAAUA,EAAM,cAAc,IAC9C,KAAK,eAAe,EACpB,KAAK,sBAAA,EAET,EAEA,KAAQ,eAAiB,IAAM,CAE7B,MAAMC,EAAe,mBAEfC,EAD2BD,EAAe,KAAK,SACU,KAAK,WAEpE,KAAK,WAAa,YAAY,IAAM,CAClC,MAAME,EAAS,KAAK,QAAUD,EAC9B,GAAIC,GAAU,KAAK,WAAY,CAC7B,KAAK,QAAU,KAAK,WACpB,cAAc,KAAK,UAAU,EAC7B,MACF,MACE,KAAK,QAAUA,CAEnB,EAAGF,CAAY,CACjB,EAEA,KAAQ,SAAW,IAAI,qBAAqB,KAAK,6BAA8B,CAC7E,UAAW,EACb,CAAC,EAED,KAAQ,oBAAsB,IAAM,CAClC,MAAMG,EAAS,KAAK,oBACpBA,GAAU,KAAK,SAAS,QAAQA,CAAM,CACxC,EAEA,KAAQ,sBAAwB,IAAM,CACpC,MAAMA,EAAS,KAAK,oBACpBA,GAAU,KAAK,SAAS,UAAUA,CAAM,CAC1C,CArDA,CAAA,mBAAoB,CAClB,MAAM,oBACN,MAAMC,EAA2B,OAAO,WAAW,kCAAkC,EAAE,QACnF,KAAK,WAAa,GAAKA,EACzB,KAAK,QAAU,KAAK,WAEpB,KAAK,oBAAoB,CAE7B,CAEA,sBAAuB,CACrB,MAAM,qBAAqB,EAC3B,KAAK,sBACL,EAAA,cAAc,KAAK,UAAU,CAC/B,CAyCA,IAAI,qBAA6C,CAC/C,OAAI,KAAK,aACA,SAAS,cAAc,KAAK,YAAY,EAExC,IAEX,CAEA,QAAS,CACP,OAAOC,IAAO,KAAK,KAAK,KAAK,OAAO,EAAE,eAAe,CAAC,EACxD,CACF,CAzE8BC,EAAA,CAA3BC,EAAS,CAAE,KAAM,MAAO,CAAC,CAAA,EADfX,EACiB,UAAA,aAAA,CAAA,EACAU,EAAA,CAA3BC,EAAS,CAAE,KAAM,MAAO,CAAC,CAFf,EAAAX,EAEiB,UACAU,WAAAA,CAAAA,EAAAA,EAAA,CAA3BC,EAAS,CAAE,KAAM,MAAO,CAAC,CAHf,EAAAX,EAGiB,UAETU,eAAAA,CAAAA,EAAAA,EAAA,CAAlBE,EAAAA,CALU,EAAAZ,EAKQ,UAuErB,UAAA,CAAA,EAAA,eAAe,IAAI,kBAAkB,GAAK,eAAe,OAAO,mBAAoBA,CAAe,QC1EtFa,EAAqBC,GAAmD,CACnF,MAAMC,EAAMD,aAAoB,SAAW,MAAM,KAAKA,CAAQ,EAAIA,EAElE,GAAIC,EAAI,SAAW,GAAK,CAACC,EAAkBD,CAAG,EAC5C,OAGF,MAAME,EAAcF,EAAI,KAAK,CAACG,EAAGC,IAAM,CACrC,MAAMC,EAAS,iBAAiBF,CAAC,EAAE,iBAAiB,OAAO,EAAE,QAAQ,KAAM,EAAE,EACvEG,EAAS,iBAAiBF,CAAC,EAAE,iBAAiB,OAAO,EAAE,QAAQ,KAAM,EAAE,EAC7E,OAAO,SAASE,CAAM,EAAI,SAASD,CAAM,CAC3C,CAAC,EAAE,CAAC,EAEEE,EAAc,iBAAiBL,CAAW,EAAE,iBAAiB,OAAO,EAE1E,UAAWM,KAAMR,EACX,iBAAiBQ,CAAE,EAAE,iBAAiB,OAAO,IAAMD,IACrDC,EAAG,MAAM,MAAWD,EAG1B,EC1BaE,EAAU,CACrB,GAAI,CACF,sBAAuB,IAAM,oBAC7B,4BAA6B,IAC3B,6LACJ,EACA,GAAI,CACF,sBAAuB,IAAM,+BAC7B,4BAA6B,IAC3B,wOACJ,EACA,GAAI,CACF,sBAAuB,IAAM,2BAC7B,4BAA6B,IAC3B,sOACJ,EACA,GAAI,CACF,sBAAuB,IAAM,0BAC7B,4BAA6B,IAC3B,0NACJ,EACA,GAAI,CACF,sBAAuB,IAAM,0BAC7B,4BAA6B,IAC3B,gNACJ,EACA,GAAI,CACF,sBAAuB,IAAM,0BAC7B,4BAA6B,IAC3B,yPACJ,CACF,EC/BA,IAAAC,EAAA,OAAA,eAAAC,EAAA,OAAA,yBAAAC,EAAA,CAAAC,EAAAC,EAAA,EAAAC,IAAA,CAAA,QAAAC,EAAAD,EAAA,EAAA,OAAAA,EAAAJ,EAAAG,EAAA,CAAA,EAAAA,EAAAG,EAAAJ,EAAA,OAAA,EAAAV,EAAAc,GAAA,EAAAA,KAAAd,EAAAU,EAAAI,CAAA,KAAAD,GAAAD,EAAAZ,EAAAW,EAAA,EAAAE,CAAA,EAAAb,EAAAa,CAAA,IAAAA,GAAA,OAAAD,GAAAC,GAAAN,EAAAI,EAAA,EAAAE,CAAA,EAAAA,CAAA,EA6BA,MAAME,EAAiC,IAAM,IAEtC,MAAMC,UAA6BjC,CAAW,CAA9C,aAAA,CAAA,MAAA,GAAA,SAAA,EAOuB,KAAO,QAAUkC,EAEjB,KAAO,KAAkB,KAExB,KAAO,iBAAmB,GAE1B,KAAO,MAAQ,GAM5C,KAAQ,wBAA0B,UAC3BC,EAA8B,CAAC,SAAU,SAAS,EAAG,IAAI,EAGlD,MAAMC,EAAoB,CACpC,QAAS,KAAK,QACd,WAAY,CACV,QAAS,KAAK,OAChB,EACA,QAAS,CACP,cAAe,WAAW,KAAK,MAAM,EACvC,EACA,YAAa,CACX,QAAS,QACT,KAAM,KAAK,UACb,CACF,CAAC,GAKH,KAAQ,+BAAiC,IAAIC,EAC3C,KACA,KAAK,uBACP,EAIA,KAAiBC,eAAAA,EACf,IAAM,CACJ1B,EAAkB,KAAK,aAAa,CACtC,EACA,GACA,CAAE,QAAS,GAAI,QAAS,EAAK,CAC/B,CAAA,CAtCA,IAAI,YAAa,CACf,OAAO2B,EAAoB,KAAK,IAAI,GAAK,IAC3C,CAsCA,mBAAoB,CAClB,MAAM,kBAAkB,EACxB,OAAO,iBAAiB,SAAU,KAAK,cAAc,CACvD,CAEA,MAAM,QAAQC,EAAyC,CAGrD,MAAMC,EAAsB,CAAC,UAAW,UAAW,MAAM,EACzD,UAAWC,KAAQD,EACjB,GAAID,EAAkB,IAAIE,CAAI,EAAG,CAC/B,MAAM,KAAK,+BAA+B,KAAK,EAC/C,KACF,CAGF,KAAK,eAAA,CACP,CAEA,QAAS,CACP,KAAM,CAAE,KAAAC,EAAM,MAAAC,EAAO,QAAAC,CAAQ,EAAI,KAAK,+BACtC,OAAIA,EACKC,EAAS,EAEdF,EACE,KAAK,MACAG,EAAc,CAAE,MAAAH,CAAM,CAAC,EAEzB,GAELD,GAAQ,KACN,KAAK,MACAI,EAAc,CAAE,MAAO,IAAIC,EAAU,cAAc,CAAE,CAAC,EAExD,GAGFxC;AAAAA;AAAAA;AAAAA,YAGC,KAAK,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAWzB,KAAK,uBAAuBmC,CAAI,CAAC;AAAA;AAAA;AAAA,KAI3C,CAEQ,uBAAuBA,EAA8B,CAC3D,MAAMM,EAAYN,EAAK,QAAUA,EAAK,SAAS,IAAKO,GAAWA,EAAO,OAAS,CAAC,EAAI,GAC9EC,EAAc,KAAK,IAAI,GAAGF,CAAS,EACnCG,EAAYH,EAAU,IACzBI,GAASrB,EAAiC,KAAK,IAAI,KAAK,IAAIqB,EAAK,CAAC,CAAC,EAAK,KAAK,IAAIF,CAAW,CAC/F,EACA,OAAO3C;AAAAA;AAAAA;AAAAA,YAGC8C,EAAmB,KAAK,WAAYX,GAAM,QAAQ,KAAK,OAAS,EAAE,GACpEpB,EAAQ,KAAK,UAAU,EAAE,uBAAuB;AAAA;AAAA;AAAA,YAG9C+B,EAAmB,KAAK,WAAYX,GAAM,QAAQ,KAAK,aAAe,EAAE,GAC1EpB,EAAQ,KAAK,UAAU,EAAE,6BAA6B;AAAA;AAAA;AAAA,YAGpDoB,EAAK,SAAS,IAAI,CAACO,EAAaK,IACzB,KAAK,0BAA0B,CAAE,OAAAL,EAAQ,kBAAmBE,EAAUG,CAAG,CAAE,CAAC,CACpF,CAAC;AAAA;AAAA;AAAA,KAIV,CAEQ,0BAA0B,CAAE,OAAAL,EAAQ,kBAAAM,CAAkB,EAA+C,CAC3G,MAAMC,EAAmB,KAAK,+BAA+B,MAAM,QAAQ,IAAI,iBACzEC,EAAuB,6DACvBC,EAAWF,EAAmB,EAAID,EAElCI,EAAcN,EAAmB,KAAK,WAAYJ,EAAO,MAAQ,EAAE,EACnEW,EAAiBP,EAAmB,KAAK,WAAYJ,EAAO,SAAW,EAAE,EAO/E,OAAO1C;AAAAA;AAAAA;AAAAA;AAAAA,cAIG0C,EAAO,MAAM,gBAAgB;AAAA;AAAA;AAAA,uBAGpBQ,CAAoB;AAAA,2BAChBR,EAAO,KAAK;AAAA,yBACdS,CAAQ;AAAA;AAAA;AAAA;AAAA,8CAIaC,CAAW,IAAIC,CAAc;AAAA;AAAA,KAGzE,CAEA,IAAW,cAAe,CACxB,MAAMC,EAAmC,CACvC,oBAAqB,UACrB,mBAAoB,UACpB,kBAAmB,OACnB,oBAAqB,IACrB,mBAAoB,UAEpB,GAAGC,EAAiB,gCAAiC,CACnD,SAAU,MACZ,CAAC,EACD,GAAGA,EAAiB,sCAAuC,CACzD,UAAW,OACX,WAAY,KACd,CAAC,EACD,gDAAiD,OACjD,wCAAyC,OAEzC,gEAAiE,MACjE,gEAAiE,eACjE,yDAA0D,IAC1D,2DAA4D,OAC5D,4DAA6D,MAC7D,0DAA2D,OAE3D,GAAGA,EAAiB,4CAA6C,CAC/D,MAAO,eACP,SAAU,OACV,WAAY,QACd,CAAC,EAED,GAAGA,EAAiB,0CAA2C,CAC7D,MAAO,eACP,SAAU,OACV,WAAY,SACZ,WAAY,KACd,CAAC,EACD,sDAAuD,OACvD,uDAAwD,OACxD,2DAA4D,MAC9D,EAEMC,EAAe,KAAK,+BAA+B,MAAM,QAAQ,KAAK,OAAS,CAE/EC,EAAAA,EAAS,CAAE,GAAGH,EAAU,GAAGE,CAAa,EAQ9C,OAAO,OAAO,OANO,OAAO,OAAO,CACjC,OAAQ,CACN,OAAOE,EAAgB,IAA8B,CACvD,CACF,CAAC,EAEkCD,CAAM,CAC3C,CAgFF,CA7SahC,EACJ,QAAU,yBADNA,EA+NJ,OAAS,CACdkC,EACAC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,UAcMC,EAAc,+BAA+B,CAAC;AAAA;AAAA;AAAA;AAAA,UAI9CA,EAAc,qCAAqC,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,UA0BpDA,EAAc,2CAA2C,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAU1DA,EAAc,yCAAyC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAqBhE,EAzSmC5D,EAAA,CAAlCC,EAAS,CAAE,KAAM,MAAO,CAAC,CAAA,EAHfuB,EAGwB,UAAA,SAAA,CAAA,EAEAxB,EAAA,CAAlCC,EAAS,CAAE,KAAM,MAAO,CAAC,CALf,EAAAuB,EAKwB,UAEAxB,UAAAA,CAAAA,EAAAA,EAAA,CAAlCC,EAAS,CAAE,KAAM,MAAO,CAAC,CAAA,EAPfuB,EAOwB,UAAA,UAAA,CAAA,EAEAxB,EAAA,CAAlCC,EAAS,CAAE,KAAM,MAAO,CAAC,CATf,EAAAuB,EASwB,oBAECxB,EAAA,CAAnCC,EAAS,CAAE,KAAM,OAAQ,CAAC,CAAA,EAXhBuB,EAWyB,UAEAxB,mBAAAA,CAAAA,EAAAA,EAAA,CAAnCC,EAAS,CAAE,KAAM,OAAQ,CAAC,GAbhBuB,EAayB,UAAA,QAAA,CAAA,EAiCpCxB,EAAA,CADC6D,EAAS,6BAA6B,CAAA,EA7C5BrC,EA8CX,UAAA,gBAAA,CAAA,EAiQFsC,EAAoBtC,CAAoB"}
+{"version":3,"file":"cumulative-impact.js","sources":["../../src/shared/components/animated-counter/index.ts","../../src/shared/sync-element-widths.ts","../../src/components/cumulative-impact/strings.ts","../../src/components/cumulative-impact/index.ts"],"sourcesContent":["import { html, LitElement } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { state } from \"lit/decorators.js\";\n\nexport class AnimatedCounter extends LitElement {\n  @property({ type: Number }) finalValue = 0;\n  @property({ type: Number }) duration = 1500;\n  @property({ type: String }) scrollTarget?: string;\n\n  @state() protected counter = 0;\n  private intervalId = 0;\n\n  connectedCallback() {\n    super.connectedCallback();\n    const userPrefersReducedMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n    if (this.duration === 0 || userPrefersReducedMotion) {\n      this.counter = this.finalValue;\n    } else {\n      this.observeScrollTarget();\n    }\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.unobserveScrollTarget();\n    clearInterval(this.intervalId);\n  }\n\n  private handleCounterAnimateIfInView: IntersectionObserverCallback = (entries) => {\n    if (entries.some((entry) => entry.isIntersecting)) {\n      this.animateCounter();\n      this.unobserveScrollTarget();\n    }\n  };\n\n  private animateCounter = () => {\n    const ANIMATION_FRAME_RATE = 24;\n    const MS_PER_FRAME = 1000 / ANIMATION_FRAME_RATE;\n    const INCREMENT_RATE_PER_FRAME = MS_PER_FRAME / this.duration;\n    const COUNTER_INCREMENT_PER_FRAME = INCREMENT_RATE_PER_FRAME * this.finalValue;\n\n    this.intervalId = setInterval(() => {\n      const result = this.counter + COUNTER_INCREMENT_PER_FRAME;\n      if (result >= this.finalValue) {\n        this.counter = this.finalValue;\n        clearInterval(this.intervalId);\n        return;\n      } else {\n        this.counter = result;\n      }\n    }, MS_PER_FRAME);\n  };\n\n  private observer = new IntersectionObserver(this.handleCounterAnimateIfInView, {\n    threshold: 0.1,\n  });\n\n  private observeScrollTarget = () => {\n    const target = this.scrollTargetElement;\n    target && this.observer.observe(target);\n  };\n\n  private unobserveScrollTarget = () => {\n    const target = this.scrollTargetElement;\n    target && this.observer.unobserve(target);\n  };\n\n  get scrollTargetElement(): this | Element | null {\n    if (this.scrollTarget) {\n      return document.querySelector(this.scrollTarget);\n    } else {\n      return this;\n    }\n  }\n\n  render() {\n    return html`${Math.ceil(this.counter).toLocaleString()}`;\n  }\n}\n\ncustomElements.get(\"animated-counter\") || customElements.define(\"animated-counter\", AnimatedCounter);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"animated-counter\": AnimatedCounter;\n  }\n}\n","import { isAllHtmlElements } from \"./is-all-html-elements\";\n\n/**\n * Synchronize widths of elements\n * @param {Array<HTMLElement|null>} elements - Elements to synchronize\n */\nexport const syncElementWidths = (elements: Array<HTMLElement | null> | NodeList) => {\n  const els = elements instanceof NodeList ? Array.from(elements) : elements;\n\n  if (els.length === 0 || !isAllHtmlElements(els)) {\n    return;\n  }\n\n  const widthSource = els.sort((a, b) => {\n    const widthA = getComputedStyle(a).getPropertyValue(\"width\").replace(\"px\", \"\");\n    const widthB = getComputedStyle(b).getPropertyValue(\"width\").replace(\"px\", \"\");\n    return parseInt(widthB) - parseInt(widthA);\n  })[0];\n\n  const syncedWidth = getComputedStyle(widthSource).getPropertyValue(\"width\");\n\n  for (const el of els) {\n    if (getComputedStyle(el).getPropertyValue(\"width\") !== syncedWidth) {\n      el.style[\"width\"] = syncedWidth;\n    }\n  }\n};\n","export const strings = {\n  en: {\n    cumulativeImpactTitle: () => `What we've funded`,\n    cumulativeImpactDescription: () =>\n      \"Here's the impact that our community has made so far in partnership with Beam. Our impact is growing every day— scroll to check out the goals we're working toward together right now.\",\n  },\n  fr: {\n    cumulativeImpactTitle: () => `Ce que nous avons financé`,\n    cumulativeImpactDescription: () =>\n      \"Voici l'impact que notre communauté a eu jusqu'à présent en partenariat avec Beam. Notre impact grandit chaque jour : faites défiler pour découvrir les objectifs vers lesquels nous travaillons ensemble en ce moment.\",\n  },\n  de: {\n    cumulativeImpactTitle: () => `Was wir finanziert haben`,\n    cumulativeImpactDescription: () =>\n      \"Hier ist die Wirkung, die unsere Community bisher in Zusammenarbeit mit Beam erzielt hat. Unsere Wirkung wächst von Tag zu Tag - scrollen Sie, um einen Blick auf die Ziele zu werfen, auf die wir derzeit gemeinsam hinarbeiten.\",\n  },\n  es: {\n    cumulativeImpactTitle: () => `Lo que hemos financiado`,\n    cumulativeImpactDescription: () =>\n      \"Este es el impacto que nuestra comunidad ha tenido hasta ahora en asociación con Beam. Nuestro impacto crece cada día; desplácese para ver los objetivos por los que estamos trabajando juntos en este momento.\",\n  },\n  it: {\n    cumulativeImpactTitle: () => `Cosa abbiamo finanziato`,\n    cumulativeImpactDescription: () =>\n      \"Ecco l'impatto che la nostra comunità ha avuto finora in collaborazione con Beam. Il nostro impatto cresce ogni giorno: scorri per scoprire gli obiettivi a cui stiamo lavorando insieme in questo momento.\",\n  },\n  pl: {\n    cumulativeImpactTitle: () => `Co sfinansowaliśmy`,\n    cumulativeImpactDescription: () =>\n      \"Oto wpływ, jaki nasza społeczność wywarła dotychczas we współpracy z Beam. Nasz wpływ rośnie z każdym dniem — przewiń, aby sprawdzić cele, nad którymi obecnie wspólnie pracujemy.\",\n  },\n};\n","import { css, html, LitElement } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { queryAll } from \"lit/decorators/query-all.js\";\nimport debounce from \"lodash-es/debounce\";\nimport \"../../shared/components/animated-counter\";\nimport { cssReset } from \"../../shared/css-reset\";\nimport { defineCustomElement } from \"../../shared/defineCustomElement\";\nimport { _cssVariableMap } from \"../../shared/fragments/css-variable-map\";\nimport { DEFAULT_BASE_URL, SUPPORTED_LANGUAGES } from \"../../api-sdk/constants\";\nimport { TNumericId } from \"../../shared/types\";\nimport { LANGUAGES } from \"../../api-sdk/types\";\nimport { getCumulativeImpact } from \"../../api-sdk/v3/routes\";\nimport { enforceConfig } from \"../../shared/enforce-config\";\nimport { BeamError, MissingConfig } from \"../../utils/beam-errors\";\nimport { AsyncController } from \"../../shared/controllers/async-controller\";\nimport { _errorMessage } from \"../../shared/fragments/error-message-template\";\nimport { _loading } from \"../../shared/fragments/loading-template\";\nimport { syncElementWidths } from \"../../shared/sync-element-widths\";\nimport { localizeUserString } from \"../../shared/localize\";\nimport { defineCustomText, useCustomText } from \"../../shared/fragments/custom-text\";\nimport { strings } from \"./strings\";\n\ntype RequiredConfig = {\n  apiKey: string;\n  chainId: TNumericId;\n};\n\ntype IAPIV3CumulativeImpact = Awaited<ReturnType<typeof getCumulativeImpact>>;\n\nconst MAX_COUNTER_ANIMATION_DURATION = 1.5 * 1000;\n\nexport class BeamCumulativeImpact extends LitElement {\n  static tagName = \"beam-cumulative-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 lang: LANGUAGES = \"en\";\n\n  @property({ type: Boolean }) public disableAnimation = false;\n\n  @property({ type: Boolean }) public debug = false;\n\n  get configLang() {\n    return SUPPORTED_LANGUAGES[this.lang] || \"en\";\n  }\n\n  private getCumulativeImpactData = async () => {\n    if (!enforceConfig<RequiredConfig>([\"apiKey\", \"chainId\"], this)) {\n      throw new MissingConfig();\n    }\n    const res = await getCumulativeImpact({\n      baseUrl: this.baseUrl,\n      pathParams: {\n        chainId: this.chainId,\n      },\n      headers: {\n        authorization: `Api-Key ${this.apiKey}`,\n      },\n      queryParams: {\n        version: \"1.0.0\",\n        lang: this.configLang,\n      },\n    });\n\n    return res;\n  };\n\n  private cumulativeImpactDataController = new AsyncController<typeof this.getCumulativeImpactData>(\n    this,\n    this.getCumulativeImpactData\n  );\n\n  @queryAll(\".impact-row-value-container\")\n  impactRowRefs!: HTMLElement[];\n  resizeElements = debounce(\n    () => {\n      syncElementWidths(this.impactRowRefs);\n    },\n    50,\n    { maxWait: 50, leading: true }\n  );\n\n  connectedCallback() {\n    super.connectedCallback();\n    window.addEventListener(\"resize\", this.resizeElements);\n  }\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        await this.cumulativeImpactDataController.exec();\n        break;\n      }\n    }\n\n    this.resizeElements();\n  }\n\n  render() {\n    const { data, error, loading } = this.cumulativeImpactDataController;\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\n    return html`\n      <style>\n        :host {\n          ${this.cssVariables.toCSS()}\n        }\n      </style>\n      <div style=\"display: flex; flex-direction: column;\" class=\"root\">\n        <div\n          style=\"margin: 10px 0 0 0;\"\n          tabindex=\"-1\"\n          class=\"options\"\n          part=\"options\"\n          aria-labelledby=\"beam-RedeemTransaction-title\"\n        >\n          ${this.renderCumulativeImpact(data)}\n        </div>\n      </div>\n    `;\n  }\n\n  private renderCumulativeImpact(data: IAPIV3CumulativeImpact) {\n    const rawValues = data.impacts ? data.impacts?.map((impact) => impact.value || 0) : [];\n    const maxRawValue = Math.max(...rawValues);\n    const durations = rawValues.map(\n      (val) => (MAX_COUNTER_ANIMATION_DURATION * Math.log(Math.max(val, 1))) / Math.log(maxRawValue)\n    );\n    return html`\n      <div class=\"main\">\n        <div class=\"title\" role=\"heading\">\n          ${localizeUserString(this.configLang, data?.config?.web?.title || \"\") ||\n          strings[this.configLang].cumulativeImpactTitle()}\n        </div>\n        <p class=\"description\">\n          ${localizeUserString(this.configLang, data?.config?.web?.description || \"\") ||\n          strings[this.configLang].cumulativeImpactDescription()}\n        </p>\n        <div class=\"impact-list\">\n          ${data.impacts?.map((impact: any, idx: number) => {\n            return this.renderCumulativeImpactRow({ impact, animationDuration: durations[idx] });\n          })}\n        </div>\n      </div>\n    `;\n  }\n\n  private renderCumulativeImpactRow({ impact, animationDuration }: { impact: any; animationDuration: number }) {\n    const disableAnimation = this.cumulativeImpactDataController.data?.config?.web.disableAnimation;\n    const floatingCounterClass = \"impact-row-value-counter impact-row-value-floating-counter\";\n    const duration = disableAnimation ? 0 : animationDuration;\n\n    const unitDisplay = localizeUserString(this.configLang, impact.unit || \"\");\n    const summaryDisplay = localizeUserString(this.configLang, impact.summary || \"\");\n\n    /**\n     * because we set the width using JavaScript by forcing all impact-row-value-container elements\n     * to match the width of the widest sibling, we use a hidden span with the total preloaded to\n     * ensure that impact-row-value-container widths do not change as the animation runs.\n     */\n    return html`\n      <div class=\"impact-row\">\n        <div class=\"impact-row-value-container\">\n          <span class=\"impact-row-value-counter\" style=\"visibility: hidden;\" aria-hidden=\"true\">\n            ${impact.value.toLocaleString()}\n          </span>\n            <animated-counter\n              class=\"${floatingCounterClass}\"\n              finalValue=${impact.value}\n              duration=${duration}\n            ></animated-counter>\n          </span>\n        </div>\n        <div class=\"impact-row-description\">${unitDisplay} ${summaryDisplay}</div>\n      </div>\n    `;\n  }\n\n  public get cssVariables() {\n    const defaults: Record<string, string> = {\n      \"--beam-fontFamily\": \"inherit\",\n      \"--beam-fontStyle\": \"inherit\",\n      \"--beam-fontSize\": \"16px\",\n      \"--beam-lineHeight\": \"1\",\n      \"--beam-textColor\": \"inherit\",\n      // main\n      ...defineCustomText(\"--beam-CumulativeImpact-title\", {\n        fontSize: \"32px\",\n      }),\n      ...defineCustomText(\"--beam-CumulativeImpact-description\", {\n        marginTop: \"16px\",\n        lineHeight: \"1.3\",\n      }),\n      \"--beam-CumulativeImpact-impact-list-marginTop\": \"24px\",\n      \"--beam-CumulativeImpact-row-marginTop\": \"24px\",\n      // row value container\n      \"--beam-CumulativeImpact-row-value-container-borderBottomWidth\": \"4px\",\n      \"--beam-CumulativeImpact-row-value-container-borderBottomColor\": \"currentColor\",\n      \"--beam-CumulativeImpact-row-value-container-paddingTop\": \"0\",\n      \"--beam-CumulativeImpact-row-value-container-paddingRight\": \"20px\",\n      \"--beam-CumulativeImpact-row-value-container-paddingBottom\": \"4px\",\n      \"--beam-CumulativeImpact-row-value-container-paddingLeft\": \"20px\",\n      // row value counter\n      ...defineCustomText(\"--beam-CumulativeImpact-row-value-counter\", {\n        color: \"currentColor\",\n        fontSize: \"24px\",\n        fontWeight: \"normal\",\n      }),\n      // row description\n      ...defineCustomText(\"--beam-CumulativeImpact-row-description\", {\n        color: \"currentColor\",\n        fontSize: \"16px\",\n        fontWeight: \"normal\",\n        lineHeight: \"1.3\",\n      }),\n      \"--beam-CumulativeImpact-row-description-paddingLeft\": \"24px\",\n      \"--beam-CumulativeImpact-row-description-paddingRight\": \"24px\",\n      \"--beam-CumulativeImpact-row-description-mobile-marginTop\": \"12px\",\n    };\n\n    const remoteConfig = this.cumulativeImpactDataController.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      }\n      .main {\n        text-align: left;\n      }\n      .title {\n        ${useCustomText(\"--beam-CumulativeImpact-title\")}\n        text-align: inherit;\n      }\n      .description {\n        ${useCustomText(\"--beam-CumulativeImpact-description\")}\n        text-align: inherit;\n      }\n      .impact-list {\n        display: flex;\n        flex-direction: column;\n        margin-top: var(--beam-CumulativeImpact-impact-list-marginTop);\n      }\n      .impact-row {\n        display: flex;\n        align-items: center;\n        margin-top: var(--beam-CumulativeImpact-row-marginTop);\n      }\n      .impact-row-value-container {\n        position: relative;\n        border-bottom-width: var(--beam-CumulativeImpact-row-value-container-borderBottomWidth);\n        border-bottom-color: var(--beam-CumulativeImpact-row-value-container-borderBottomColor);\n        border-bottom-style: solid;\n        padding-top: var(--beam-CumulativeImpact-row-value-container-paddingTop);\n        padding-right: var(--beam-CumulativeImpact-row-value-container-paddingRight);\n        padding-bottom: var(--beam-CumulativeImpact-row-value-container-paddingBottom);\n        padding-left: var(--beam-CumulativeImpact-row-value-container-paddingLeft);\n        text-align: center;\n        flex-shrink: 0;\n      }\n      .impact-row-value-counter {\n        ${useCustomText(\"--beam-CumulativeImpact-row-value-counter\")}\n      }\n      .impact-row-value-floating-counter {\n        position: absolute;\n        left: 0;\n        right: 0;\n        top: 0;\n        bottom: 0;\n      }\n      .impact-row-description {\n        ${useCustomText(\"--beam-CumulativeImpact-row-description\")}\n        padding-left: var(--beam-CumulativeImpact-row-description-paddingLeft);\n        padding-right: var(--beam-CumulativeImpact-row-description-paddingRight);\n        /* match padding of value of counter for proper centering */\n        padding-bottom: var(--beam-CumulativeImpact-row-value-paddingBottom);\n        text-align: inherit;\n        flex-grow: 1;\n      }\n      @media (max-width: 500px) {\n        .main {\n          text-align: center;\n        }\n        .impact-row {\n          flex-direction: column;\n        }\n        .impact-row-description {\n          margin-top: var(--beam-CumulativeImpact-row-description-mobile-marginTop);\n          padding-bottom: 0;\n        }\n      }\n    `,\n  ];\n}\n\ndefineCustomElement(BeamCumulativeImpact);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-cumulative-impact\": BeamCumulativeImpact;\n  }\n}\n"],"names":["AnimatedCounter","LitElement","entries","entry","MS_PER_FRAME","COUNTER_INCREMENT_PER_FRAME","result","target","userPrefersReducedMotion","html","__decorateClass","property","state","syncElementWidths","elements","els","isAllHtmlElements","widthSource","a","b","widthA","widthB","syncedWidth","el","strings","f","h","o","s","m","i","e","r","MAX_COUNTER_ANIMATION_DURATION","BeamCumulativeImpact","DEFAULT_BASE_URL","enforceConfig","getCumulativeImpact","AsyncController","debounce","SUPPORTED_LANGUAGES","changedProperties","requireNewDataProps","prop","data","error","loading","_loading","_errorMessage","BeamError","rawValues","impact","maxRawValue","durations","val","localizeUserString","idx","animationDuration","disableAnimation","floatingCounterClass","duration","unitDisplay","summaryDisplay","defaults","defineCustomText","remoteConfig","config","_cssVariableMap","cssReset","css","useCustomText","queryAll","defineCustomElement"],"mappings":"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"}

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

@@ -9,7 +9,6 @@ import './beam-partner-logos.js';
 
 type RequiredConfig = {
     apiKey: string;
-    chainId: TNumericId;
     nonprofitId: TNumericId;
     userId: TId;
 };
@@ -18,7 +17,6 @@ declare class BeamImpactOverview extends LitElement {
     baseUrl: TUrl;
     apiKey?: RequiredConfig["apiKey"];
     nonprofitId?: RequiredConfig["nonprofitId"];
-    chainId?: RequiredConfig["chainId"];
     userId?: RequiredConfig["userId"];
     lang: LANGUAGES;
     debug: boolean;

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

@@ -1,4 +1,4 @@
-import{f as v,g as d,u as g,h as T,Z as k,y as f,k as z}from"../chunks/lit-yVXn5Cbs.esm.js";import{d as L}from"../chunks/lodash-P8OIs-at.esm.js";import{j as x,D as N,g as D,S as E}from"../chunks/routes-gPe4hSvn.esm.js";import{B as R}from"../chunks/beam-errors-AMvTvR1C.esm.js";import{p as B}from"../chunks/progress-bar-7gWYaGlq.esm.js";import{c as j,u as s,d as U,e as A,A as F,a as W,_ as y,i as u,b as p,f as P}from"../chunks/localize-BGPniqcI.esm.js";import{logger as I}from"../utils/logger.esm.js";import{r as M,s as q}from"../chunks/vendor-eeJfrOkP.esm.js";import{i as H}from"../chunks/is-all-html-elements-SdSkxirh.esm.js";import{partnerLogosConfigDefaults as _}from"./beam-partner-logos.esm.js";import{c as V}from"../chunks/responsive-LYEag6TI.esm.js";function K(){return/Android|iPhone/i.test(navigator.userAgent)}const C=async e=>fetch(e).then(async a=>{const t=new URL(e),i=await a.blob();return new File([i],t.pathname,{type:i.type})}),S="https://production-beam-widgets.beamimpact.com",O=`${S}/lib/shoelace/v${x["@shoelace-style/shoelace"]}`,G=`${S}/lib/lucide-static/v${x["lucide-static"]}`;if(M("lucide",{resolver:e=>`${G}/icons/${e}.svg`}),q(O),document&&!document.querySelector("link[data-beam-impact]")){const e=document.createElement("link");e.href=`${O}/themes/light.css`,e.rel="stylesheet",e.setAttribute("data-beam-impact","true"),document.head.appendChild(e)}const w=(e,{source:a="contentLength"}={})=>{const t=e instanceof NodeList?Array.from(e):e;if(t.length===0||!H(t))return;const i=(a==="contentLength"?t.sort((r,c)=>c.innerText.length-r.innerText.length)[0]:t.sort((r,c)=>c.clientHeight-r.clientHeight)[0])?.clientHeight||0;for(const r of t)r.clientHeight!==i&&(r.style.height=i+"px")},o={en:{descriptionTitle:({nonprofitName:e="a nonprofit"})=>`You just made an impact for ${e}`,descriptionSubtitle:({brandName:e=""})=>`Check out the impact your ${e} purchase made below`,learnMore:({name:e=""})=>`Learn more about ${e}`,seeAllImpact:({brandName:e=""})=>`See all of the impact by the ${e} community`,percentRaised:({percent:e=0})=>`${e}%`,yourImpactTitle:()=>"Your Impact",communityImpactTitle:({brandName:e=""})=>`The ${e} Community's Impact`,impactShareButton:()=>"Share to Grow Our Impact",impactShareText:({brandName:e=""})=>`Help ${e} reach their giving goal by sharing this cause on social media`,impactShareTitle:()=>"Share on Social Media",impactShareCopy:()=>"Copy",impactShareDownload:()=>"Download",impactShareClose:()=>"Close"},fr:{descriptionTitle:({nonprofitName:e=""})=>`Vous avez eu un impact positif sur ${e}`,descriptionSubtitle:({brandName:e=""})=>`D\xE9couvrez quel est l'impact de votre achat chez ${e} ci-dessous.`,learnMore:({name:e=""})=>`En savoir plus sur ${e}`,seeAllImpact:({brandName:e=""})=>`Voir toutes les contributions de la communaut\xE9 de ${e}`,percentRaised:({percent:e=0})=>`${e}%`,yourImpactTitle:()=>"Votre contribution personnelle",communityImpactTitle:({brandName:e=""})=>`La contribution de la communaut\xE9 de ${e}`,impactShareButton:()=>"Partagez pour augmentez notre cause",impactShareText:({brandName:e=""})=>`Aidez ${e} a atteindre leur objectif en partageant cette cause sur votre r\xE9seaux sociaux`,impactShareTitle:()=>"Partager sur votre r\xE9seaux sociaux",impactShareCopy:()=>"Copier",impactShareDownload:()=>"T\xE9l\xE9charger",impactShareClose:()=>"Fermer"},de:{descriptionTitle:({nonprofitName:e=""})=>`Du hast soeben einen Beitrag geleistet f\xFCr ${e}`,descriptionSubtitle:({brandName:e=""})=>`Erfahre mehr \xFCber den Beitrag, den du mit deinem ${e} Kauf geleistet hast`,learnMore:({name:e=""})=>`Mehr \xFCber ${e} erfahren`,seeAllImpact:({brandName:e=""})=>`Informiere dich \xFCber den bisher geleisteten Beitrag der ${e} community`,percentRaised:({percent:e=0})=>`${e}%`,yourImpactTitle:()=>"Dein Beitrag",communityImpactTitle:({brandName:e=""})=>`Der Beitrag der ${e} community`,impactShareButton:()=>"Teil, um unserem Beitrag zu erh\xF6hen",impactShareText:({brandName:e=""})=>`Hilf ${e} ihre Spendenziel zu erreichen`,impactShareTitle:()=>"In den sozialen Medien teilen",impactShareCopy:()=>"Kopieren",impactShareDownload:()=>"Herunterladen",impactShareClose:()=>"Schlie\xDFen"},es:{descriptionTitle:({nonprofitName:e=""})=>`Acabas de contribuir con ${e}`,descriptionSubtitle:({brandName:e=""})=>`Comprueba la contribuci\xF3n que has hecho con tu compra ${e} a continuaci\xF3n`,learnMore:({name:e=""})=>`Saber m\xE1s de ${e}`,seeAllImpact:({brandName:e=""})=>`Mira lo que ha conseguido la comunidad ${e}`,percentRaised:({percent:e=0})=>`${e}%`,yourImpactTitle:()=>"Tu contribuci\xF3n",communityImpactTitle:({brandName:e=""})=>`Tu contribuci\xF3n con la comunidad ${e}`,impactShareButton:()=>"Comparte para aumentar nuestro impacto",impactShareText:({brandName:e=""})=>`Comparte en las redes sociales para ayudar a ${e} a alcanzar su objetivo.`,impactShareTitle:()=>"Compartir en redes sociales",impactShareCopy:()=>"Copiar",impactShareDownload:()=>"Descargar",impactShareClose:()=>"Cerrar"},it:{descriptionTitle:({nonprofitName:e=""})=>`Hai appena fatto la differenza per ${e}`,descriptionSubtitle:({brandName:e=""})=>`Guarda qui sotto l'impatto del tuo acquisto ${e}`,learnMore:({name:e=""})=>`Scopri di pi\xF9 su ${e}`,seeAllImpact:({brandName:e=""})=>`Guarda come la comunit\xE0 di ${e} fa la differenza`,percentRaised:({percent:e=0})=>`${e}%`,yourImpactTitle:()=>"Il tuo impatto",communityImpactTitle:({brandName:e=""})=>`L\u2019impatto della comunit\xE0 di ${e} `,impactShareButton:()=>"Condividi, aiutaci a fare la differenza",impactShareText:({brandName:e=""})=>`Aiuta ${e} a raggiungere il suo obiettivo di donazione condividendo questa causa sui social media.`,impactShareTitle:()=>"Condividi, aiutaci a fare la differenza",impactShareCopy:()=>"Copia",impactShareDownload:()=>"Scarica",impactShareClose:()=>"Chiudi"},pl:{descriptionTitle:({nonprofitName:e=""})=>`W\u0142a\u015Bnie wspar\u0142a\u015B_e\u015B ${e}!`,descriptionSubtitle:({brandName:e=""})=>`Sprawd\u017A ni\u017Cej, jakiego wsparcia udzieli\u0142a\u015B_e\u015B kupuj\u0105c w ${e} `,learnMore:({name:e=""})=>`Dowiedz si\u0119 wi\u0119cej o ${e}`,seeAllImpact:({brandName:e=""})=>`Zobacz, ile dobrego zrobi\u0142a do tej pory spo\u0142eczno\u015B\u0107 ${e}`,percentRaised:({percent:e=0})=>`${e}%`,yourImpactTitle:()=>"Twoje wsparcie",communityImpactTitle:({brandName:e=""})=>`Wsparcie udzielone przez spo\u0142eczno\u015B\u0107 ${e}`,impactShareButton:()=>"Udost\u0119pnij, by szerzy\u0107 nasz\u0105 misj\u0119",impactShareText:({brandName:e=""})=>`Pom\xF3\u017C ${e} osi\u0105gn\u0105\u0107 cel i podziel si\u0119 t\u0105 inicjatyw\u0105 na swoim profilu`,impactShareTitle:()=>"Udost\u0119pnij na swoim profilu",impactShareCopy:()=>"Kopiuj",impactShareDownload:()=>"Pobierz",impactShareClose:()=>"Zamknij"}};var J=Object.defineProperty,Z=Object.getOwnPropertyDescriptor,m=(e,a,t,i)=>{for(var r=i>1?void 0:i?Z(a,t):a,c=e.length-1,l;c>=0;c--)(l=e[c])&&(r=(i?l(a,t,r):l(r))||r);return i&&r&&J(a,t,r),r};class n extends T{constructor(){super(...arguments),this.baseUrl=N,this.lang="en",this.debug=!1,this.getImpactData=async()=>(A(["apiKey","chainId","userId","nonprofitId"],this),await D({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},queryParams:{nonprofitId:this.nonprofitId,chainId:this.chainId,beamUserId:this.userId,personalImpactLimit:1,communityImpactLimit:1,widgetName:"impact-overview",version:"1.0.0",lang:this.configLang}})),this.impactDataController=new F(this,this.getImpactData),this.resizeElements=L(()=>{w(this.impactTitleRefs),w(this.impactDescriptionRefs),w(this.impactLinkRefs)},50,{maxWait:50,leading:!0}),this.handleShareClick=async()=>{try{K()?await this.openSystemShareSheet():await this.openShareDialog()}catch(a){I.error(new R("Error sharing impact")),I.error(a)}},this.openSystemShareSheet=async()=>{const a=this.impactDataController.data?.personal[0]?.share?.imageUrl;if(!a)return;const t=await C(a);navigator.share&&await navigator.share({files:[t]})},this.openShareDialog=async()=>{const a=this.impactDataController.data?.chain.name,t=this.impactDataController.data?.personal[0]?.share?.imageUrl;if(!t)return;const i=this.renderRoot.querySelector("sl-dialog");if(i){i.show();return}await import("../chunks/_share-dialog-dependencies-54CTSl6S.esm.js");const r=this.renderRoot.querySelector("#modal-root"),c=await C(t),l=URL.createObjectURL(c),h=()=>{this.renderRoot.querySelector("sl-dialog")?.hide()},b=()=>{navigator.clipboard.write([new ClipboardItem({"image/png":c})]).then(()=>{setTimeout(h,250)})},$=()=>{setTimeout(h,250)};k(f`
+import{f as v,g as d,u as g,h as T,Z as k,y as f,k as z}from"../chunks/lit-yVXn5Cbs.esm.js";import{d as L}from"../chunks/lodash-P8OIs-at.esm.js";import{k as x,D as N,g as D,S as E}from"../chunks/routes-USQ3n64Y.esm.js";import{B as R}from"../chunks/beam-errors-AMvTvR1C.esm.js";import{p as B}from"../chunks/progress-bar-7gWYaGlq.esm.js";import{c as j,d as U,e as A,A as F,_ as y,a as W}from"../chunks/enforce-config-MqLZWolV.esm.js";import{u as s,_ as P,i as u,d as m}from"../chunks/localize-eZMViIud.esm.js";import{logger as I}from"../utils/logger.esm.js";import{r as M,s as q}from"../chunks/vendor-eeJfrOkP.esm.js";import{i as H}from"../chunks/is-all-html-elements-SdSkxirh.esm.js";import{partnerLogosConfigDefaults as _}from"./beam-partner-logos.esm.js";import{c as V}from"../chunks/responsive-LYEag6TI.esm.js";function K(){return/Android|iPhone/i.test(navigator.userAgent)}const C=async e=>fetch(e).then(async a=>{const t=new URL(e),i=await a.blob();return new File([i],t.pathname,{type:i.type})}),O="https://production-beam-widgets.beamimpact.com",S=`${O}/lib/shoelace/v${x["@shoelace-style/shoelace"]}`,G=`${O}/lib/lucide-static/v${x["lucide-static"]}`;if(M("lucide",{resolver:e=>`${G}/icons/${e}.svg`}),q(S),document&&!document.querySelector("link[data-beam-impact]")){const e=document.createElement("link");e.href=`${S}/themes/light.css`,e.rel="stylesheet",e.setAttribute("data-beam-impact","true"),document.head.appendChild(e)}const w=(e,{source:a="contentLength"}={})=>{const t=e instanceof NodeList?Array.from(e):e;if(t.length===0||!H(t))return;const i=(a==="contentLength"?t.sort((r,c)=>c.innerText.length-r.innerText.length)[0]:t.sort((r,c)=>c.clientHeight-r.clientHeight)[0])?.clientHeight||0;for(const r of t)r.clientHeight!==i&&(r.style.height=i+"px")},o={en:{descriptionTitle:({nonprofitName:e="a nonprofit"})=>`You just made an impact for ${e}`,descriptionSubtitle:({brandName:e=""})=>`Check out the impact your ${e} purchase made below`,learnMore:({name:e=""})=>`Learn more about ${e}`,seeAllImpact:({brandName:e=""})=>`See all of the impact by the ${e} community`,percentRaised:({percent:e=0})=>`${e}%`,yourImpactTitle:()=>"Your Impact",communityImpactTitle:({brandName:e=""})=>`The ${e} Community's Impact`,impactShareButton:()=>"Share to Grow Our Impact",impactShareText:({brandName:e=""})=>`Help ${e} reach their giving goal by sharing this cause on social media`,impactShareTitle:()=>"Share on Social Media",impactShareCopy:()=>"Copy",impactShareDownload:()=>"Download",impactShareClose:()=>"Close"},fr:{descriptionTitle:({nonprofitName:e=""})=>`Vous avez eu un impact positif sur ${e}`,descriptionSubtitle:({brandName:e=""})=>`D\xE9couvrez quel est l'impact de votre achat chez ${e} ci-dessous.`,learnMore:({name:e=""})=>`En savoir plus sur ${e}`,seeAllImpact:({brandName:e=""})=>`Voir toutes les contributions de la communaut\xE9 de ${e}`,percentRaised:({percent:e=0})=>`${e}%`,yourImpactTitle:()=>"Votre contribution personnelle",communityImpactTitle:({brandName:e=""})=>`La contribution de la communaut\xE9 de ${e}`,impactShareButton:()=>"Partagez pour augmentez notre cause",impactShareText:({brandName:e=""})=>`Aidez ${e} a atteindre leur objectif en partageant cette cause sur votre r\xE9seaux sociaux`,impactShareTitle:()=>"Partager sur votre r\xE9seaux sociaux",impactShareCopy:()=>"Copier",impactShareDownload:()=>"T\xE9l\xE9charger",impactShareClose:()=>"Fermer"},de:{descriptionTitle:({nonprofitName:e=""})=>`Du hast soeben einen Beitrag geleistet f\xFCr ${e}`,descriptionSubtitle:({brandName:e=""})=>`Erfahre mehr \xFCber den Beitrag, den du mit deinem ${e} Kauf geleistet hast`,learnMore:({name:e=""})=>`Mehr \xFCber ${e} erfahren`,seeAllImpact:({brandName:e=""})=>`Informiere dich \xFCber den bisher geleisteten Beitrag der ${e} community`,percentRaised:({percent:e=0})=>`${e}%`,yourImpactTitle:()=>"Dein Beitrag",communityImpactTitle:({brandName:e=""})=>`Der Beitrag der ${e} community`,impactShareButton:()=>"Teil, um unserem Beitrag zu erh\xF6hen",impactShareText:({brandName:e=""})=>`Hilf ${e} ihre Spendenziel zu erreichen`,impactShareTitle:()=>"In den sozialen Medien teilen",impactShareCopy:()=>"Kopieren",impactShareDownload:()=>"Herunterladen",impactShareClose:()=>"Schlie\xDFen"},es:{descriptionTitle:({nonprofitName:e=""})=>`Acabas de contribuir con ${e}`,descriptionSubtitle:({brandName:e=""})=>`Comprueba la contribuci\xF3n que has hecho con tu compra ${e} a continuaci\xF3n`,learnMore:({name:e=""})=>`Saber m\xE1s de ${e}`,seeAllImpact:({brandName:e=""})=>`Mira lo que ha conseguido la comunidad ${e}`,percentRaised:({percent:e=0})=>`${e}%`,yourImpactTitle:()=>"Tu contribuci\xF3n",communityImpactTitle:({brandName:e=""})=>`Tu contribuci\xF3n con la comunidad ${e}`,impactShareButton:()=>"Comparte para aumentar nuestro impacto",impactShareText:({brandName:e=""})=>`Comparte en las redes sociales para ayudar a ${e} a alcanzar su objetivo.`,impactShareTitle:()=>"Compartir en redes sociales",impactShareCopy:()=>"Copiar",impactShareDownload:()=>"Descargar",impactShareClose:()=>"Cerrar"},it:{descriptionTitle:({nonprofitName:e=""})=>`Hai appena fatto la differenza per ${e}`,descriptionSubtitle:({brandName:e=""})=>`Guarda qui sotto l'impatto del tuo acquisto ${e}`,learnMore:({name:e=""})=>`Scopri di pi\xF9 su ${e}`,seeAllImpact:({brandName:e=""})=>`Guarda come la comunit\xE0 di ${e} fa la differenza`,percentRaised:({percent:e=0})=>`${e}%`,yourImpactTitle:()=>"Il tuo impatto",communityImpactTitle:({brandName:e=""})=>`L\u2019impatto della comunit\xE0 di ${e} `,impactShareButton:()=>"Condividi, aiutaci a fare la differenza",impactShareText:({brandName:e=""})=>`Aiuta ${e} a raggiungere il suo obiettivo di donazione condividendo questa causa sui social media.`,impactShareTitle:()=>"Condividi, aiutaci a fare la differenza",impactShareCopy:()=>"Copia",impactShareDownload:()=>"Scarica",impactShareClose:()=>"Chiudi"},pl:{descriptionTitle:({nonprofitName:e=""})=>`W\u0142a\u015Bnie wspar\u0142a\u015B_e\u015B ${e}!`,descriptionSubtitle:({brandName:e=""})=>`Sprawd\u017A ni\u017Cej, jakiego wsparcia udzieli\u0142a\u015B_e\u015B kupuj\u0105c w ${e} `,learnMore:({name:e=""})=>`Dowiedz si\u0119 wi\u0119cej o ${e}`,seeAllImpact:({brandName:e=""})=>`Zobacz, ile dobrego zrobi\u0142a do tej pory spo\u0142eczno\u015B\u0107 ${e}`,percentRaised:({percent:e=0})=>`${e}%`,yourImpactTitle:()=>"Twoje wsparcie",communityImpactTitle:({brandName:e=""})=>`Wsparcie udzielone przez spo\u0142eczno\u015B\u0107 ${e}`,impactShareButton:()=>"Udost\u0119pnij, by szerzy\u0107 nasz\u0105 misj\u0119",impactShareText:({brandName:e=""})=>`Pom\xF3\u017C ${e} osi\u0105gn\u0105\u0107 cel i podziel si\u0119 t\u0105 inicjatyw\u0105 na swoim profilu`,impactShareTitle:()=>"Udost\u0119pnij na swoim profilu",impactShareCopy:()=>"Kopiuj",impactShareDownload:()=>"Pobierz",impactShareClose:()=>"Zamknij"}};var J=Object.defineProperty,Z=Object.getOwnPropertyDescriptor,p=(e,a,t,i)=>{for(var r=i>1?void 0:i?Z(a,t):a,c=e.length-1,l;c>=0;c--)(l=e[c])&&(r=(i?l(a,t,r):l(r))||r);return i&&r&&J(a,t,r),r};class n extends T{constructor(){super(...arguments),this.baseUrl=N,this.lang="en",this.debug=!1,this.getImpactData=async()=>(A(["apiKey","userId","nonprofitId"],this),await D({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},queryParams:{nonprofitId:this.nonprofitId,beamUserId:this.userId,personalImpactLimit:1,communityImpactLimit:1,widgetName:"impact-overview",version:"1.0.0",lang:this.configLang}})),this.impactDataController=new F(this,this.getImpactData),this.resizeElements=L(()=>{w(this.impactTitleRefs),w(this.impactDescriptionRefs),w(this.impactLinkRefs)},50,{maxWait:50,leading:!0}),this.handleShareClick=async()=>{try{K()?await this.openSystemShareSheet():await this.openShareDialog()}catch(a){I.error(new R("Error sharing impact")),I.error(a)}},this.openSystemShareSheet=async()=>{const a=this.impactDataController.data?.personal[0]?.share?.imageUrl;if(!a)return;const t=await C(a);navigator.share&&await navigator.share({files:[t]})},this.openShareDialog=async()=>{const a=this.impactDataController.data?.chain.name,t=this.impactDataController.data?.personal[0]?.share?.imageUrl;if(!t)return;const i=this.renderRoot.querySelector("sl-dialog");if(i){i.show();return}await import("../chunks/_share-dialog-dependencies-l3E6m-4b.esm.js");const r=this.renderRoot.querySelector("#modal-root"),c=await C(t),l=URL.createObjectURL(c),h=()=>{this.renderRoot.querySelector("sl-dialog")?.hide()},b=()=>{navigator.clipboard.write([new ClipboardItem({"image/png":c})]).then(()=>{setTimeout(h,250)})},$=()=>{setTimeout(h,250)};k(f`
         <sl-dialog open label="${o[this.configLang].impactShareTitle()}" no-header class="share-dialog">
           <h2 class="share-title">${o[this.configLang].impactShareTitle()}</h2>
           <p class="share-text">${o[this.configLang].impactShareText({brandName:a})}</p>
@@ -36,7 +36,7 @@ import{f as v,g as d,u as g,h as T,Z as k,y as f,k as z}from"../chunks/lit-yVXn5
             ${o[this.configLang].impactShareClose()}
           </button>
         </sl-dialog>
-      `,r)}}get configLang(){return E[this.lang]||"en"}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.resizeElements)}async updated(a){const t=["chainId","baseUrl","storeId","apiKey","userId","lang"];for(const i of t)if(a.has(i)){await this.impactDataController.exec();break}this.resizeElements(),await this.handleFontLoad(this.resizeElements)}disconnectedCallback(){window.removeEventListener("resize",this.resizeElements),document.fonts.removeEventListener("loadingdone",this.resizeElements),super.disconnectedCallback()}async handleFontLoad(a){if(document.fonts.status==="loading")return await document.fonts.ready.catch(t=>console.error(t)),a()}renderCard({imageUrl:a,title:t,percentFunded:i,description:r}){return f`
+      `,r)}}get configLang(){return E[this.lang]||"en"}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.resizeElements)}async updated(a){const t=["baseUrl","storeId","apiKey","userId","lang"];for(const i of t)if(a.has(i)){await this.impactDataController.exec();break}this.resizeElements(),await this.handleFontLoad(this.resizeElements)}disconnectedCallback(){window.removeEventListener("resize",this.resizeElements),document.fonts.removeEventListener("loadingdone",this.resizeElements),super.disconnectedCallback()}async handleFontLoad(a){if(document.fonts.status==="loading")return await document.fonts.ready.catch(t=>console.error(t)),a()}renderCard({imageUrl:a,title:t,percentFunded:i,description:r}){return f`
       <div class="impact-card" part="impact-card">
         <img src="${a}" alt="${t}" class="impact-card-image" />
         <div class="impact-card-content" style="margin: 15px;">
@@ -54,7 +54,7 @@ import{f as v,g as d,u as g,h as T,Z as k,y as f,k as z}from"../chunks/lit-yVXn5
           <p class="impact-card-description">${z(r)}</p>
         </div>
       </div>
-    `}render(){const{data:a,loading:t,error:i}=this.impactDataController;if(t)return W();if(i)return this.debug?y({error:i}):"";if(a==null)return this.debug?y({error:new Error("No data")}):"";const r=this.cssVariables["--beam-ImpactOverview-share-button-display"]!=="none",c=r&&this.cssVariables["--beam-ImpactOverview-share-button-display-mobile"]!=="none",l=r&&this.cssVariables["--beam-ImpactOverview-share-button-display-desktop"]!=="none",h=this.cssVariables["--beam-ImpactOverview-share-button-icon-name"]||"share-2";let b="d-none";return c?b=l?"d-block":"d-lg-none":b=l?"d-none d-lg-block":"d-none",f`
+    `}render(){const{data:a,loading:t,error:i}=this.impactDataController;if(t)return P();if(i)return this.debug?y({error:i}):"";if(a==null)return this.debug?y({error:new Error("No data")}):"";const r=this.cssVariables["--beam-ImpactOverview-share-button-display"]!=="none",c=r&&this.cssVariables["--beam-ImpactOverview-share-button-display-mobile"]!=="none",l=r&&this.cssVariables["--beam-ImpactOverview-share-button-display-desktop"]!=="none",h=this.cssVariables["--beam-ImpactOverview-share-button-icon-name"]||"share-2";let b="d-none";return c?b=l?"d-block":"d-lg-none":b=l?"d-none d-lg-block":"d-none",f`
       <style>
         :host {
           ${this.cssVariables.toCSS()}
@@ -117,7 +117,7 @@ import{f as v,g as d,u as g,h as T,Z as k,y as f,k as z}from"../chunks/lit-yVXn5
       </div>
 
       <div id="modal-root"></div>
-    `}get cssVariables(){const a={"--beam-fontFamily":"inherit","--beam-fontStyle":"inherit","--beam-fontSize":"inherit","--beam-textColor":"inherit","--beam-backgroundColor":"inherit",..._,...B,...p("--beam-ImpactOverview-title",{fontSize:"16px",fontWeight:"bold",marginTop:"10px"}),...p("--beam-ImpactOverview-subtitle",{marginTop:"5px"}),"--beam-ImpactOverview-impactCards-maxWidth":"800px","--beam-ImpactOverview-impactCard-backgroundColor":"inherit","--beam-ImpactOverview-impactCard-foregroundColor":"currentColor","--beam-ImpactOverview-impactCard-borderColor":"currentColor","--beam-ImpactOverview-impactCard-borderRadius":"0px","--beam-ImpactOverview-impactCard-marginTop":"10px",...p("--beam-ImpactOverview-impactCard-title",{fontSize:"15px",fontWeight:"bold"}),"--beam-ImpactOverview-impactCard-progress-marginTop":"15px",...p("--beam-ImpactOverview-impactCard-progressText"),...p("--beam-ImpactOverview-impactCard-description",{marginTop:"10px"}),"--beam-ImpactOverview-impactCard-linkArrow-display":"inline","--beam-ImpactOverview-impactCard-link-color":"inherit",...p("--beam-ImpactOverview-impactCard-link",{marginTop:"10px"}),"--beam-ImpactOverview-share-button-display":"none","--beam-ImpactOverview-share-button-display-mobile":"inherit","--beam-ImpactOverview-share-button-display-desktop":"inherit","--beam-ImpactOverview-share-button-textDecoration":"underline","--beam-ImpactOverview-share-button-icon-size":"16px",...p("--beam-ImpactOverview-share-button",{fontSize:"14px",fontWeight:"bold",marginTop:"12px"}),"--beam-ImpactOverview-share-button-backgroundColor":"#c2dcff","--beam-ImpactOverview-share-button-color":"inherit","--beam-ImpactOverview-share-button-borderRadius":"16px","--beam-ImpactOverview-share-button-borderColor":"transparent","--beam-ImpactOverview-share-button-borderWidth":"2px","--beam-ImpactOverview-share-button-padding":"12px 18px 12px 16px","--beam-ImpactOverview-share-button-width":"auto","--beam-ImpactOverview-share-button-hover-color":"inherit","--beam-ImpactOverview-share-button-hover-borderColor":"transparent","--beam-ImpactOverview-share-button-hover-backgroundColor":"#c2dcff","--beam-ImpactOverview-share-dialog-padding":"30px 60px",...p("--beam-ImpactOverview-share-title",{fontSize:"30px",fontWeight:"bold"}),"--beam-ImpactOverview-share-button-icon-name":"share-2","--beam-ImpactOverview-share-image-width":"200px","--beam-ImpactOverview-share-image-borderRadius":"4px","--beam-ImpactOverview-share-image-margin":"20px",...p("--beam-ImpactOverview-share-text",{fontSize:"16px",lineHeight:"1.3",marginTop:"10px"}),"--beam-ImpactOverview-share-actions-margin":"30px 60px","--beam-ImpactOverview-share-action-icon-size":"32px",...p("--beam-ImpactOverview-share-action-text",{fontSize:"16px",marginTop:"5px"}),...p("--beam-ImpactOverview-share-close",{fontSize:"16px",fontWeight:"bold"}),"--beam-ImpactOverview-share-close-padding":"12px","--beam-ImpactOverview-share-close-backgroundColor":"#ffd522","--beam-ImpactOverview-share-close-text-color":"currentColor","--beam-ImpactOverview-share-close-borderRadius":"4px","--beam-ImpactOverview-image-display":"block"},t=this.impactDataController?.data?.config?.web?.theme||{},i={...a,...t};return Object.assign(Object.create({toCSS(){return P(this)}}),i)}}n.tagName="beam-impact-overview",n.styles=[j,V,v`
+    `}get cssVariables(){const a={"--beam-fontFamily":"inherit","--beam-fontStyle":"inherit","--beam-fontSize":"inherit","--beam-textColor":"inherit","--beam-backgroundColor":"inherit",..._,...B,...m("--beam-ImpactOverview-title",{fontSize:"16px",fontWeight:"bold",marginTop:"10px"}),...m("--beam-ImpactOverview-subtitle",{marginTop:"5px"}),"--beam-ImpactOverview-impactCards-maxWidth":"800px","--beam-ImpactOverview-impactCard-backgroundColor":"inherit","--beam-ImpactOverview-impactCard-foregroundColor":"currentColor","--beam-ImpactOverview-impactCard-borderColor":"currentColor","--beam-ImpactOverview-impactCard-borderRadius":"0px","--beam-ImpactOverview-impactCard-marginTop":"10px",...m("--beam-ImpactOverview-impactCard-title",{fontSize:"15px",fontWeight:"bold"}),"--beam-ImpactOverview-impactCard-progress-marginTop":"15px",...m("--beam-ImpactOverview-impactCard-progressText"),...m("--beam-ImpactOverview-impactCard-description",{marginTop:"10px"}),"--beam-ImpactOverview-impactCard-linkArrow-display":"inline","--beam-ImpactOverview-impactCard-link-color":"inherit",...m("--beam-ImpactOverview-impactCard-link",{marginTop:"10px"}),"--beam-ImpactOverview-share-button-display":"none","--beam-ImpactOverview-share-button-display-mobile":"inherit","--beam-ImpactOverview-share-button-display-desktop":"inherit","--beam-ImpactOverview-share-button-textDecoration":"underline","--beam-ImpactOverview-share-button-icon-size":"16px",...m("--beam-ImpactOverview-share-button",{fontSize:"14px",fontWeight:"bold",marginTop:"12px"}),"--beam-ImpactOverview-share-button-backgroundColor":"#c2dcff","--beam-ImpactOverview-share-button-color":"inherit","--beam-ImpactOverview-share-button-borderRadius":"16px","--beam-ImpactOverview-share-button-borderColor":"transparent","--beam-ImpactOverview-share-button-borderWidth":"2px","--beam-ImpactOverview-share-button-padding":"12px 18px 12px 16px","--beam-ImpactOverview-share-button-width":"auto","--beam-ImpactOverview-share-button-hover-color":"inherit","--beam-ImpactOverview-share-button-hover-borderColor":"transparent","--beam-ImpactOverview-share-button-hover-backgroundColor":"#c2dcff","--beam-ImpactOverview-share-dialog-padding":"30px 60px",...m("--beam-ImpactOverview-share-title",{fontSize:"30px",fontWeight:"bold"}),"--beam-ImpactOverview-share-button-icon-name":"share-2","--beam-ImpactOverview-share-image-width":"200px","--beam-ImpactOverview-share-image-borderRadius":"4px","--beam-ImpactOverview-share-image-margin":"20px",...m("--beam-ImpactOverview-share-text",{fontSize:"16px",lineHeight:"1.3",marginTop:"10px"}),"--beam-ImpactOverview-share-actions-margin":"30px 60px","--beam-ImpactOverview-share-action-icon-size":"32px",...m("--beam-ImpactOverview-share-action-text",{fontSize:"16px",marginTop:"5px"}),...m("--beam-ImpactOverview-share-close",{fontSize:"16px",fontWeight:"bold"}),"--beam-ImpactOverview-share-close-padding":"12px","--beam-ImpactOverview-share-close-backgroundColor":"#ffd522","--beam-ImpactOverview-share-close-text-color":"currentColor","--beam-ImpactOverview-share-close-borderRadius":"4px","--beam-ImpactOverview-image-display":"block"},t=this.impactDataController?.data?.config?.web?.theme||{},i={...a,...t};return Object.assign(Object.create({toCSS(){return W(this)}}),i)}}n.tagName="beam-impact-overview",n.styles=[j,V,v`
       :host {
         display: block;
         font-family: var(--beam-fontFamily);
@@ -293,5 +293,5 @@ import{f as v,g as d,u as g,h as T,Z as k,y as f,k as z}from"../chunks/lit-yVXn5
       .share-close:hover {
         outline: 2px solid var(--beam-ImpactOverview-share-close-focus-borderColor, currentColor);
       }
-    `],m([d({type:String,reflect:!0})],n.prototype,"baseUrl",2),m([d({type:String,reflect:!1})],n.prototype,"apiKey",2),m([d({type:String,reflect:!0})],n.prototype,"nonprofitId",2),m([d({type:String,reflect:!0})],n.prototype,"chainId",2),m([d({type:String,reflect:!0})],n.prototype,"userId",2),m([d({type:String})],n.prototype,"lang",2),m([d({type:Boolean})],n.prototype,"debug",2),m([g(".impact-card-title")],n.prototype,"impactTitleRefs",2),m([g(".impact-card-description")],n.prototype,"impactDescriptionRefs",2),m([g(".impact-link")],n.prototype,"impactLinkRefs",2),U(n);export{n as BeamImpactOverview};
+    `],p([d({type:String,reflect:!0})],n.prototype,"baseUrl",2),p([d({type:String,reflect:!1})],n.prototype,"apiKey",2),p([d({type:String,reflect:!0})],n.prototype,"nonprofitId",2),p([d({type:String,reflect:!0})],n.prototype,"userId",2),p([d({type:String})],n.prototype,"lang",2),p([d({type:Boolean})],n.prototype,"debug",2),p([g(".impact-card-title")],n.prototype,"impactTitleRefs",2),p([g(".impact-card-description")],n.prototype,"impactDescriptionRefs",2),p([g(".impact-link")],n.prototype,"impactLinkRefs",2),U(n);export{n as BeamImpactOverview};
 //# sourceMappingURL=impact-overview.esm.js.map