{"version":3,"sources":["webpack://@verndale/toolkit/./src/js/modules/columnCardQuote.ts"],"names":["ColumnCardQuote","Component","el","__publicField","quoteBoxObserver","entries","chart","overview"],"mappings":"yUAEA,MAAMA,UAAwBC,WAAU,CAIxC,YAAYC,EAAiB,CAC3B,MAAMA,CAAE,EAJRC,EAAA,2BAAsB,OAAO,WAAW,kCAAkC,EACzE,OAAO,EAKR,KAAK,KAAK,CACZ,CAEA,eAAgB,CACd,KAAK,IAAM,CACT,IAAK,KAAK,GAAG,cAAc,qCAAqC,CAElE,CACF,CAEA,MAAO,CACL,MAAMC,EAAmB,IAAI,qBAC3BC,GAAW,CACTA,EAAQ,QAAQC,GAAS,CACvB,GAAIA,EAAM,eAAgB,CAGxB,MAAMC,EAAWD,EAAM,OAAO,cAAc,8BAA8B,EAOtEC,GACFA,EAAS,UAAU,IAAI,OAAO,EA2BhCH,EAAiB,UAAUE,EAAM,MAAM,CACzC,CACF,CAAC,CACH,EACA,CACE,UAAW,EACb,CACF,EAEI,KAAK,IAAI,KACXF,EAAiB,QAAQ,KAAK,IAAI,GAAkB,CAExD,CACA,CAEA,QAAeJ,C","file":"scripts/8632.bacc992a1ec1e844cd3b.js","sourcesContent":["import { Component } from '@verndale/core';\n\nclass ColumnCardQuote extends Component {\n  preferReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)')\n  .matches;\n\nconstructor(el: HTMLElement) {\n  super(el);\n\n  this.init();\n}\n\nsetupDefaults() {\n  this.dom = {\n    box: this.el.querySelector('.column-card-quote__cards-container') as HTMLElement,\n    //countUp: this.el.querySelector('.ucb-card-animate__heading') as HTMLElement\n  };\n}\n\ninit() {\n  const quoteBoxObserver = new IntersectionObserver(\n    entries => {\n      entries.forEach(chart => {\n        if (chart.isIntersecting) {\n          \n\n          const overview = chart.target.querySelector('.column-card-quote__overview');\n\n          // chart.target.setAttribute(\n          //   'id',\n          //   `quoteBox`\n          // );\n\n          if (overview) {\n            overview.classList.add('openB');\n          }\n\n        //   const countUp = chart.target.querySelector('.ucb-card-animate');\n\n        //   if (countUp) {\n        //     const counters = document.querySelectorAll('.value');\n        //     const speed = 50000;\n\n        //     counters.forEach( counter => {\n        //     const animate = () => {\n        //     const value = +counter.getAttribute('akhi') || 0;\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, 1);\n        //     }else{\n        //       counter.innerText = value;\n        //     }\n        //   }\n      \n        //   animate();\n        // });\n        //   }\n\n          quoteBoxObserver.unobserve(chart.target);\n        }\n      });\n    },\n    {\n      threshold: 0.8\n    }\n  );\n\n  if (this.dom.box) {\n    quoteBoxObserver.observe(this.dom.box as HTMLElement);\n  }\n}\n}\n\nexport default ColumnCardQuote;\n"],"sourceRoot":""}