|
- /* empty css */import{$ as r}from"./iframe-D9cMMDcW.js";import{c as a,o as h}from"./helpers-YbsbTqMu.js";import{I as f}from"./slider-DUgd_b0_.js";const g=[{counter:{from:67e3,to:67258,duration:2,decimals:0},label:'Mitgliedsunternehmen zählte die <a href="#">IHK Musterstadt im Jahr 2020</a> – Tendenz steigend!'},{counter:null,label:"Wussten Sie, dass die IHK Musterstadt in diesem Jahr ihr 100 Jähriges feiert? Im Jahr 1921 wurde sie gegründet, damals mit gerade einmal 162 Mitgliedsunternehmen."},{counter:{from:5,to:10.78,duration:2,decimals:2},label:'Mitgliedsunternehmen zählte die <a href="#">IHK Musterstadt im Jahr 2020</a> – Tendenz steigend!'}];class c{constructor(i){this.section=i.addClass("initiated"),this.initSlides(),this.slider=new f(i.find(".slider")),this.stringLength=0,this.slider.section.on("in-viewport slide-change",()=>{const e=this.slider.currentSlide;this.slides[e].hasCounter&&this.startCounter(e)})}initSlides(){this.slides=[],this.section.find(".slider").children().each((i,e)=>{const t=r(e).find(".counter"),n={};n.hasCounter=t.length===1,n.hasCounter&&(n.element=t,n.from=parseFloat(t.attr("data-from")),n.to=parseFloat(t.attr("data-to")),n.duration=parseFloat(t.attr("data-duration"))*1e3,n.decimals=parseFloat(t.attr("data-decimals")),n.animation=r({num:n.from})),this.slides.push(n)})}startCounter(i){const e=this,t=this.slides[i];t.stringLength=0,t.animation.stop(),t.animation=r({num:t.from}),e.setText(t,e.formatNumber(t.from,t.decimals)),t.animation.animate({num:t.to},{duration:t.duration,easing:"easeOutCubic",step(n){e.setText(t,e.formatNumber(n,t.decimals))},complete(){e.setText(t,e.formatNumber(t.to,t.decimals))}})}setText(i,e){e.length!==i.stringLength?(i.element.css("width","auto"),i.element.text(e),i.element.css("width",Math.round(i.element.outerWidth())+"px"),i.stringLength=e.length):i.element.text(e)}formatNumber(i,e){return new Intl.NumberFormat("de-DE",{minimumFractionDigits:e,maximumFractionDigits:e}).format(i)}}r("body").on("ihk-init dynamic-component-loaded gfi-dynamic-init",function(){r(".quick-facts:not(.initiated)").each(function(){new c(r(this))})});const k=({headline:o="Quick Facts",facts:i=g})=>{const e=a("section",["quick-facts","variant-subtle-primary"]),t=a("div",["container"],null,e);o&&o.length>0&&a("h2",[],o,t);const n=a("div",["slider"],null,t);return i.map(s=>{const l=a("div",["slide"],null,n);if(s.counter){const m=a("p",[],null,l),u=h(s.counter.to,s.counter.decimals),d=a("span",["counter"],u,m);d.dataset.from=s.counter.from,d.dataset.to=s.counter.to,d.dataset.duration=s.counter.duration,d.dataset.decimals=s.counter.decimals,a("span",["fact-label"],s.label,m)}else a("p",["like-h4"],s.label,l)}),new c(r(e)),e};export{g as Q,k as c};
|
