{"version":3,"sources":["webpack://@verndale/toolkit/./src/js/components/unifiedCardAnimate.ts"],"names":["UnifiedCardAnimate","Component","el","__publicField","cards","observer","entries","entry","counters","speed","counter","animate","value","data","time","card"],"mappings":"yUAGA,MAAMA,UAA2BC,WAAU,CAIzC,YAAYC,EAAiB,CAC3B,MAAMA,CAAE,EAJVC,EAAA,2BAAsB,OAAO,WAAW,kCAAkC,EACvE,OAAO,EAKR,KAAK,KAAK,CACZ,CAEF,MAAO,CAEP,MAAMC,EAAQ,SAAS,iBAAiB,mBAAmB,EAErDC,EAAW,IAAI,qBAAqBC,GAAW,CACnDA,EAAQ,QAAQC,GAAS,CACvB,GAAIA,EAAM,eAAgB,CAMpB,MAAMC,EAAWD,EAAM,OAAO,iBAAiB,QAAQ,EAC/CE,EAAQ,IAEdD,EAAS,QAASE,GAAW,CAC7B,MAAMC,EAAU,IAAM,CACtB,MAAMC,EAAQ,CAACF,EAAQ,aAAa,cAAc,EAC5CG,EAAO,CAACH,EAAQ,UAEhBI,EAAOF,EAAQH,EAClBI,EAAOD,GACTF,EAAQ,UAAY,KAAK,KAAKG,EAAOC,CAAI,EACzC,WAAWH,EAAS,GAAG,GAEtBD,EAAQ,UAAYE,CAExB,EAEAD,EAAQ,CACV,CAAC,CACP,CAGI,CAAC,CACH,EACA,CACE,UAAW,CAEb,CACF,EAEEP,EAAM,QAAQW,GAAQ,CACpBV,EAAS,QAAQU,CAAI,CACvB,CAAC,CAIL,CAGA,CAEA,QAAef,C","file":"scripts/4994.1e8487cbf7e062033641.js","sourcesContent":["import { Component } from '@verndale/core';\n\n\nclass UnifiedCardAnimate extends Component {\n  preferReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)')\n    .matches;\n\n  constructor(el: HTMLElement) {\n    super(el);\n\n    this.init();\n  }\n\ninit() {\n\nconst cards = document.querySelectorAll(\".ucb-card-animate\") \n\nconst observer = new IntersectionObserver(entries => {\n  entries.forEach(entry => {\n    if (entry.isIntersecting) {\n      //entry.target.classList.toggle(\"fade-in\", entry.isIntersecting) \n      \n\n\n          //const counters = document.querySelectorAll('.value');\n          const counters = entry.target.querySelectorAll('.value');\n            const speed = 50000;\n\n            counters.forEach( counter => {\n            const animate = () => {\n            const value = +counter.getAttribute('data-numeral');\n            const data = +counter.innerText ;\n        \n            const time = value / speed;\n            if(data < value) {\n             counter.innerText = Math.ceil(data + time);\n             setTimeout(animate, 100);\n            }else{\n              counter.innerText = value;\n            }\n          }\n      \n          animate();\n        });\n  }\n    //entry.target.classList.toggle(\"mommy\", entry.isIntersecting)\n    //if (entry.isIntersecting) observer.unobserve(entry.target)\n      })\n    },\n    {\n      threshold: 1,\n      \n    }  \n  )   \n\n    cards.forEach(card => {\n      observer.observe(card)\n    })\n        \n\n  \n}\n\n\n}\n\nexport default UnifiedCardAnimate;\n\n\n"],"sourceRoot":""}