spawntree
/
ihk24


			
				
					
						
						
							
							import{c as e,f as M}from"./helpers-DemszZkW.js";import{$ as u}from"./iframe-CLehcUMy.js";import"./eventoverview-ZgZtFDfk.js";import"./ButtonComponent-C1nc5If8.js";import"./preload-helper-C1FmrZbK.js";const k=[{title:"Demokratie und ehrenamtliches Engagement",titleUrl:"#",tiles:[{icon:"./dummy/tile-grid/tile-01.svg",number:"5.235",unit:null,label:"Vollversammlungs&shy;mitglieder"},{dynamicIcon:"pictogram-bueroklammer",number:"78",unit:"%",label:"KMU-Vertreter in IHK-Vollversammlungen",url:"#"},{dynamicIcon:"pictogram-gruppe-idee",number:"22",unit:"%",label:"weibliche Mitglieder in IHK-Vollversammlungen",url:"#"},{dynamicIcon:"pictogram-rakete-a",number:"163.000",unit:null,label:"ehrenamtliche Prüfer in Aus- und Weiterbildung",url:"#"},{dynamicIcon:"pictogram-reisepass",number:"127.400",unit:null,label:"männliche Mitglieder in IHK-Vollversammlungen",url:"#"}]},{title:"Bildung und Beruf",titleUrl:"#",tiles:[{number:"286.000",unit:null,label:"abgenommene Abschlussprüfungen in der Ausbildung",url:"#"},{icon:"./dummy/tile-grid/tile-06.svg",number:"117.000",unit:null,label:"Weiterbildungsprüfungen abgenommen",url:"#"},{icon:"./dummy/tile-grid/tile-07.svg",number:"126.000",unit:null,label:"Sach- und Fachkundeprüfungen abgenommen",url:"#"}]},{title:"Services für Unternehmen",titleUrl:"#",tiles:[{number:"1.9",unit:"Mio.",label:"Außenwirtschafts&shy;bescheinigungen ausgestellt"},{icon:"./dummy/tile-grid/tile-09.svg",number:"177.000",unit:null,label:"Einstiegsgespräche für Existenzgründer",url:"#"},{icon:"./dummy/tile-grid/tile-10.svg",number:"550.000",unit:null,label:"Rechtsauskünfte",url:"#"},{icon:"./dummy/tile-grid/tile-11.svg",number:"80.500",unit:null,label:"Unternehmensbesuche",url:"#"}]},{title:"Finanzierung und Mitgliedsbeitrag",titleUrl:"#",tiles:[{icon:"./dummy/tile-grid/tile-12.svg",number:"441",unit:"€",label:"jährlicher Durchschnitts&shy;beitrag für Unternehmen",url:"#"},{icon:"./dummy/tile-grid/tile-13.svg",number:"589",unit:"€",label:"jährlicher Durchschnitts&shy;beitrag für <br> HR-Unternehmen",url:"#"},{icon:"./dummy/tile-grid/tile-14.svg",number:"1,65",unit:"Mrd. €",label:"Gesamterträge <br> der IHKs",url:"#"},{icon:"./dummy/tile-grid/tile-15.svg",number:"1,5",unit:"Mrd. €",label:"Gesamtaufwendungen <br> der IHKs",url:"#"},{icon:"./dummy/tile-grid/tile-16.svg",number:"8.851",unit:null,label:"IHK-Mitarbeiterinnen und Mitarbeiter",url:"#"}]}];class w{constructor(i){this.$dynamicIcon=u(i),this.iconSize(),u(window).on("resize",()=>{this.iconSize()})}iconSize(){const i=this.$dynamicIcon.closest(".tile-outer");if(i.length&&i.is(":visible")){const l=i.outerHeight();l&&l>0?(this.$dynamicIcon.css("--icon-height",`${l}px`),console.log("Icon höhe gesetzt:",l,"px für",this.$dynamicIcon)):(console.warn("Ungültige Höhe:",l),this.$dynamicIcon.css("--icon-height","100%"))}else console.warn("Tile-outer nicht gefunden oder nicht sichtbar"),this.$dynamicIcon.css("--icon-height","100%")}}function a(){u(".tile-grid .dynamic-icon").each((r,i)=>{new w(i)})}u("body").on("ihk-init dynamic-component-loaded gfi-dynamic-init",a);u(document).ready(()=>{a(),setTimeout(a,500)});const K=({headline:r="Daten und Fakten auf einen Blick",tiles:i=k})=>{const l=e("section",["tile-grid"]),o=e("div",["container"],null,l);e("h2",[],r,o);const H=e("div",["row"],null,o);return i.map((c,m)=>{const T=m%2===0?"variant-accent":"variant-solid",d=e("div",["col",T],null,H),U=e("div",["tile-head"],null,d),g=e("a",["tile-head-outer"],null,U);g.href=c.titleUrl,e("h3",["like-h4"],c.title,g),c.tiles.map(n=>{const h=e("div",["tile"],null,d),b=m%2===0?"variant-subtle-secondary":"variant-subtle-primary";let t;if(n.url?(t=e("a",["tile-outer",b],null,h),t.href=n.url):t=e("span",["tile-outer",b],null,h),n.icon){const p=e("div",["icon"],null,t);M(n.icon,220,220,["icon"],[],p)}n.dynamicIcon&&e("div",["icon","dynamic-icon"],null,t).classList.add(n.dynamicIcon);const y=e("p",[],null,t),G=e("span",["number"],n.number,y);n.unit&&e("small",[],n.unit,G),e("span",["label"],n.label,y)}),new w($(l))}),l},E={title:"Sections/Tile Grid",parameters:{layout:"fullscreen"},args:{headline:"Daten und Fakten auf einen Blick",tiles:k}},x=({...r})=>K({...r}),s=x.bind({});s.args={};var f,v,I;s.parameters={...s.parameters,docs:{...(f=s.parameters)==null?void 0:f.docs,source:{originalSource:`({
  ...args
}) => {
  return createTileGrid({
    ...args
  });
}`,...(I=(v=s.parameters)==null?void 0:v.docs)==null?void 0:I.source}}};const A=["TileGrid"];export{s as TileGrid,A as __namedExportsOrder,E as default};