@commute/bloom - npm Package Compare versions

Comparing version 1.0.1 to 1.0.2

dist/index.js

@@ -1,1 +0,1 @@
-"use strict";(()=>{var b=(u,r="USD",e="es-AR")=>new Intl.NumberFormat(e,{style:"currency",currencyDisplay:"narrowSymbol",currency:r,minimumFractionDigits:0,maximumFractionDigits:0}).format(u);var v=u=>{let r=document.querySelector(u);if(!r)return;let e={minProjected:r.querySelector('[data-element="min-projected"]'),maxProjected:r.querySelector('[data-element="max-projected"]'),anualProjected:r.querySelector('[data-element="anual-projected"]'),monthRate:r.querySelector('[data-element="month-rate"]'),anualRate:r.querySelector('[data-element="anual-rate"]'),rateRadio:Array.from(r.querySelectorAll('[data-element="rate-radio"]')),rangeEl:window.customRange,priceInput:window.priceInput},t={rate:{min:r.querySelector('[data-element="min-rate"]')?.textContent,max:r.querySelector('[data-element="max-rate"]')?.textContent,anual:r.querySelector('[data-element="anual-rate"]')?.textContent},projectedReturn:{min:0,max:0,anual:0},lastAmount:e.rangeEl?.getValue?.()??0,years:1,months:12,range:[{maxValue:5e4,months:12,rate:5},{maxValue:5e5,months:24,rate:6},{maxValue:Number(e.priceInput?.maxValue),months:36,rate:7}]},c=(m,p,E)=>{if(!m||!p)return;let o={rate:p/100,years:E??t.years};return(m*Math.pow(1+o.rate,o.years)).toFixed(2)},s=m=>{if(!m)return;if(t.range.length>0&&e.monthRate){let g=t.range.find(d=>d.maxValue>=Number(m));t.rate.anual=String(g?.rate),t.months=g?.months??t.months,t.years=g?.months?g.months/12:t.years}let p=b(Number(c(m,Number(t.rate.min)))),E=b(Number(c(m,Number(t.rate.max)))),o=b(Number(c(m,Number(t.rate.anual)))),a=t.rate.anual,n=t.months,y={minProjected:{target:e.minProjected,value:p},maxProjected:{target:e.maxProjected,value:E},anualProjected:{target:e.anualProjected,value:o},monthRate:{target:e.monthRate,value:String(n)},anualRate:{target:e.anualRate,value:a}};return Object.entries(y).forEach(([g,d])=>{if(d.target)switch(d.target.innerText=String(d.value),g){case"minProjected":t.projectedReturn.min=Number(d.value);break;case"maxProjected":t.projectedReturn.max=Number(d.value);break;case"anualProjected":t.projectedReturn.anual=Number(d.value);break;case"monthRate":t.months=Number(d.value);break}}),y},i=()=>{let m=a=>{let{value:n}=a.target;n!==""&&(Number(n)<Number(e.priceInput.minValue)||Number(n)>Number(e.priceInput.maxValue)||(s(Number(n)),e.priceInput?.setValue?.(Number(n)),e.rangeEl?.setValue?.(Number(n)),t.lastAmount=Number(n)))},p=a=>{let{value:n}=a.target;s(Number(n)),e.priceInput?.setValue?.(Number(n)),t.lastAmount=Number(n)},E=a=>{let{value:n}=a.target,y=a.target.dataset.rateProjected,g={amount:Number(t.lastAmount),rate:Number(y),years:Number(n)/12};t.rate.anual=String(y),t.years=g.years,t.months=Number(n),s(g.amount)},o={priceInput:{target:e.priceInput,fn:m},rangeEl:{target:e.rangeEl,fn:p},rateRadio:{target:e.rateRadio,fn:E}};return Object.entries(o).forEach(([a,n])=>{switch(a){case"rateRadio":Array.isArray(n.target)&&n.target.forEach(y=>{y.addEventListener("input",n.fn)});break;default:n.target&&n.target.on?.("input",n.fn)}}),{handlePriceInput:m,handleRangeSlider:p}};return(()=>{s(Number(e.rangeEl?.getValue?.())),i()})(),{element:e,config:t,updateUI:s,calculate:c}};function f(u){let r=document.querySelector(u);if(!r)return;let e={rangeInput:r?.querySelector('[data-element="range-input"]'),progressBar:r?.querySelector('[data-element="range-progress-bar"]'),progressValue:r?.querySelector('[data-element="range-progress-value"]'),rangeThumb:r?.querySelector('[data-element="range-thumb"]')},t={minValue:e.rangeInput.min,maxValue:e.rangeInput.max,step:e.rangeInput.step},c=()=>{l(Number(t.minValue)),e.rangeInput.value=t.minValue,e.rangeInput.addEventListener("input",s),window.customRange={element:e,getValue:p,setValue:m,on:E}},s=o=>{let{value:a}=o.target;l(Number(a))},i=o=>{let a={value:Number(o)===Number(t.minValue)?0:Number(o),minValue:Number(t.minValue),maxValue:Number(t.maxValue)};return(a.value-a.minValue)/(a.maxValue-a.minValue)*100},l=o=>{let a=i(o),n=e.progressValue.clientWidth;e.progressValue.innerText=b(o,"USD"),e.progressValue.style.setProperty("--progress-value-size",`${n}px`),e.progressValue.style.setProperty("--range-val",`${a}%`),e.rangeThumb.style.setProperty("--range-val",`${a}%`),e.progressBar.style.setProperty("--range-val",`${a}%`)},m=o=>{e.rangeInput.value=o.toString(),l(o)},p=()=>Number(e.rangeInput.value),E=(o,a)=>{e.rangeInput.addEventListener(o,a)};return c(),{element:e,getValue:p,setValue:m,on:E}}function h(u){let r=document.querySelector(u);if(!r)return;let e={minValue:r.min||"0",maxValue:r.max||"100",error:!1,errorMessage:null,locale:"es-AR",currency:"USD"},t=()=>{r.value=e.minValue||"0",r.placeholder=b(Number(e.minValue)),window.priceInput={targetEl:r,...e,getValue:c,setValue:s,on:i}},c=()=>Number(r.value),s=l=>{r.value=l.toString(),r.placeholder=b(l)},i=(l,m)=>{r.addEventListener(l,m)};return t(),{targetEl:r,...e,getValue:c,setValue:s,on:i}}function P(u){return document.querySelectorAll(`[cmt-progress-element="${u}"]`)}function T(u,r){let[e,t]=u.split("/").map(Number),c=new Date(t,e-1),s=new Date,l=((s.getFullYear()-c.getFullYear())*12+(s.getMonth()-c.getMonth()))/r*100;return l=Math.min(100,Math.max(0,l)),l.toFixed(0)}function I(u){u.forEach(r=>{let e=r,t=e.querySelector('[cmt-progress-element="start-date"]'),c=e.querySelector('[cmt-progress-element="months"]'),s=e.querySelector('[cmt-progress-element="progress"]');s&&t&&c&&(s.innerText=T(t.innerText,parseInt(c.innerText,10)));let i=e.querySelector('[cmt-progress-element="percentage-number"]'),l=e.querySelector('[cmt-progress-element="percentage-filler"]');l&&i&&(l.style.width=`${i.innerText}%`)})}function V(){h('[data-element="price-input"]'),f('[data-element="custom-range"]'),v('[data-element="product-calculator"]');let u=P("container");u.length>0?I(u):console.log("No cards found in the grid")}document.addEventListener("DOMContentLoaded",()=>V());})();
+"use strict";(()=>{var b=(n,t="USD",e="es-AR")=>new Intl.NumberFormat(e,{style:"currency",currencyDisplay:"narrowSymbol",currency:t,minimumFractionDigits:0,maximumFractionDigits:0}).format(n);var v=n=>{let t=document.querySelector(n);if(!t)return;let e={minProjected:t.querySelector('[data-element="min-projected"]'),maxProjected:t.querySelector('[data-element="max-projected"]'),anualProjected:t.querySelector('[data-element="anual-projected"]'),monthRate:t.querySelector('[data-element="month-rate"]'),anualRate:t.querySelector('[data-element="anual-rate"]'),rateRadio:Array.from(t.querySelectorAll('[data-element="rate-radio"]')),rangeEl:window.customRange,priceInput:window.priceInput},r={rate:{min:t.querySelector('[data-element="min-rate"]')?.textContent,max:t.querySelector('[data-element="max-rate"]')?.textContent,anual:t.querySelector('[data-element="anual-rate"]')?.textContent},projectedReturn:{min:0,max:0,anual:0},lastAmount:e.rangeEl?.getValue?.()??0,years:1,months:12,range:[{maxValue:5e4,months:12,rate:5},{maxValue:1e5,months:24,rate:6},{maxValue:Number(e.priceInput?.maxValue),months:36,rate:7}]},c=(m,p,E)=>{if(!m||!p)return;let u={rate:p/100,years:E??r.years};return(m*Math.pow(1+u.rate,u.years)).toFixed(2)},s=m=>{if(!m)return;if(r.range.length>0&&e.monthRate){let g=r.range.find(d=>d.maxValue>=Number(m));r.rate.anual=String(g?.rate),r.months=g?.months??r.months,r.years=g?.months?g.months/12:r.years}let p=b(Number(c(m,Number(r.rate.min)))),E=b(Number(c(m,Number(r.rate.max)))),u=b(Number(c(m,Number(r.rate.anual)))),o=r.rate.anual,a=r.months,y={minProjected:{target:e.minProjected,value:p},maxProjected:{target:e.maxProjected,value:E},anualProjected:{target:e.anualProjected,value:u},monthRate:{target:e.monthRate,value:String(a)},anualRate:{target:e.anualRate,value:o}};return Object.entries(y).forEach(([g,d])=>{if(d.target)switch(d.target.innerText=String(d.value),g){case"minProjected":r.projectedReturn.min=Number(d.value);break;case"maxProjected":r.projectedReturn.max=Number(d.value);break;case"anualProjected":r.projectedReturn.anual=Number(d.value);break;case"monthRate":r.months=Number(d.value);break}}),y},i=()=>{let m=o=>{let{value:a}=o.target;a!==""&&(Number(a)<Number(e.priceInput.minValue)||Number(a)>Number(e.priceInput.maxValue)||(s(Number(a)),e.priceInput?.setValue?.(Number(a)),e.rangeEl?.setValue?.(Number(a)),r.lastAmount=Number(a)))},p=o=>{let{value:a}=o.target;s(Number(a)),e.priceInput?.setValue?.(Number(a)),r.lastAmount=Number(a)},E=o=>{let{value:a}=o.target,y=o.target.dataset.rateProjected,g={amount:Number(r.lastAmount),rate:Number(y),years:Number(a)/12};r.rate.anual=String(y),r.years=g.years,r.months=Number(a),s(g.amount)},u={priceInput:{target:e.priceInput,fn:m},rangeEl:{target:e.rangeEl,fn:p},rateRadio:{target:e.rateRadio,fn:E}};return Object.entries(u).forEach(([o,a])=>{switch(o){case"rateRadio":Array.isArray(a.target)&&a.target.forEach(y=>{y.addEventListener("input",a.fn)});break;default:a.target&&a.target.on?.("input",a.fn)}}),{handlePriceInput:m,handleRangeSlider:p}};return(()=>{s(Number(e.rangeEl?.getValue?.())),i()})(),{element:e,config:r,updateUI:s,calculate:c}};function f(n){let t=document.querySelector(n);if(!t)return;let e={rangeInput:t?.querySelector('[data-element="range-input"]'),progressBar:t?.querySelector('[data-element="range-progress-bar"]'),progressValue:t?.querySelector('[data-element="range-progress-value"]'),rangeThumb:t?.querySelector('[data-element="range-thumb"]')},r={minValue:e.rangeInput.min,maxValue:e.rangeInput.max,step:e.rangeInput.step},c=()=>{l(Number(r.minValue)),e.rangeInput.value=r.minValue,e.rangeInput.addEventListener("input",s),window.customRange={element:e,getValue:p,setValue:m,on:E}},s=u=>{let{value:o}=u.target;l(Number(o))},i=u=>{let o={value:Number(u)===Number(r.minValue)?0:Number(u),minValue:Number(r.minValue),maxValue:Number(r.maxValue)};return(o.value-o.minValue)/(o.maxValue-o.minValue)*100},l=u=>{let o=i(u),a=e.progressValue.clientWidth;e.progressValue.innerText=b(u,"USD"),e.progressValue.style.setProperty("--progress-value-size",`${a}px`),e.progressValue.style.setProperty("--range-val",`${o}%`),e.rangeThumb.style.setProperty("--range-val",`${o}%`),e.progressBar.style.setProperty("--range-val",`${o}%`)},m=u=>{e.rangeInput.value=u.toString(),l(u)},p=()=>Number(e.rangeInput.value),E=(u,o)=>{e.rangeInput.addEventListener(u,o)};return c(),{element:e,getValue:p,setValue:m,on:E}}var P=n=>{if(!n)return;let{id:t}=n,e=document.querySelector(`[data-dialog-target=${t}]`),r=n.querySelector('[data-dialog-el="close"]');function c(){n.showModal()}function s(i){let{target:l}=i;n.open&&l===n&&n.close()}e.onclick=c,n.onclick=s,r.onclick=()=>n.close()},h=n=>{let t=document.querySelectorAll(n);t&&t.forEach(e=>{P(e)})};function T(n){let t=document.querySelector(n);if(!t)return;let e={minValue:t.min||"0",maxValue:t.max||"100",error:!1,errorMessage:null,locale:"es-AR",currency:"USD"},r=()=>{t.value=e.minValue||"0",t.placeholder=b(Number(e.minValue)),window.priceInput={targetEl:t,...e,getValue:c,setValue:s,on:i}},c=()=>Number(t.value),s=l=>{t.value=l.toString(),t.placeholder=b(l)},i=(l,m)=>{t.addEventListener(l,m)};return r(),{targetEl:t,...e,getValue:c,setValue:s,on:i}}function I(n){return document.querySelectorAll(`[cmt-progress-element="${n}"]`)}function M(n,t){let[e,r]=n.split("/").map(Number),c=new Date(r,e-1),s=new Date,l=((s.getFullYear()-c.getFullYear())*12+(s.getMonth()-c.getMonth()))/t*100;return l=Math.min(100,Math.max(0,l)),l.toFixed(0)}function V(n){n.forEach(t=>{let e=t,r=e.querySelector('[cmt-progress-element="start-date"]'),c=e.querySelector('[cmt-progress-element="months"]'),s=e.querySelector('[cmt-progress-element="progress"]');s&&r&&c&&(s.innerText=M(r.innerText,parseInt(c.innerText,10)));let i=e.querySelector('[cmt-progress-element="percentage-number"]'),l=e.querySelector('[cmt-progress-element="percentage-filler"]');l&&i&&(l.style.width=`${i.innerText}%`)})}function x(){T('[data-element="price-input"]'),f('[data-element="custom-range"]'),v('[data-element="product-calculator"]'),h('[data-dialog-el="dialog"]');let n=I("container");n.length>0?V(n):console.log("No cards found in the grid")}document.addEventListener("DOMContentLoaded",()=>x());})();

package.json

 {
   "name": "@commute/bloom",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Functionality for Bloom project",
@@ -5,0 +5,0 @@ "homepage": "https://github.com/Commute-Agency/bloom#readme",

src/index.ts

 import { initCalculator } from '$components/calculator';
 import { createCustomRange } from '$components/custom-range';
+import { initDialog } from '$components/dialog';
 import { createPriceInput } from '$components/price-input';
@@ -40,20 +41,3 @@
 }
-/*
-function showProgressLegacy(cards: NodeListOf<ChildNode>) {
-  cards.forEach((card) => {
-    const cardElement = card as CardElement;
-    const startDate = cardElement.querySelector('[cmt-card-element="start-date"]').innerText;
-    const months = cardElement.querySelector('[cmt-card-element="months"]').innerText;
-    const progress = cardElement.querySelector('[cmt-card-element="progress"]');
-    if (progress && startDate && months) {
-      progress.innerText = calcularPorcentajeAvance(startDate, parseInt(months, 10));
-    }
-    const pctNumber = cardElement.querySelector('[cmt-card-element="percentage-number"]').innerText;
-    const pctFiller = cardElement.querySelector('[cmt-card-element="percentage-filler"]');
-    if (pctFiller && pctNumber) {
-      pctFiller.style.width = `${pctNumber}%`;
-    }
-  });
-}
-*/
+
 function showProgress(elements: NodeListOf<HTMLElement>) {
@@ -83,2 +67,3 @@ elements.forEach((element) => {
   initCalculator('[data-element="product-calculator"]');
+  initDialog('[data-dialog-el="dialog"]');
 
@@ -85,0 +70,0 @@ //const cards = getCards();

No alert changes

Worsened metrics

Total package byte prevSize

23775

-1.52%

Lines of code

91

-13.33%

No dependency changes