{"version":3,"names":["showAllLinkStylesCss","ShowAllLink","this","client","NewsClient","async","slug","slugs","getSettings","page","categories","_a","render","cssClassNames","title","h","class","href"],"sources":["./src/components/news/show-all-link/show-all-link.styles.scss?tag=c7-news-show-all","./src/components/news/show-all-link/show-all-link.tsx"],"sourcesContent":["c7-news-show-all {\n width: fit-content;\n\n a {\n display: inline-block;\n color: var(--c7-500);\n padding: .5rem 1rem;\n border: 1px solid var(--c7-500);\n cursor: pointer;\n text-decoration: none;\n text-transform: uppercase;\n transition: all .3s ease-in-out;\n white-space: nowrap;\n\n &:hover, &:focus {\n outline: none;\n background-color: var(--c7-500);\n color: var(--c7-500-contrast);\n }\n }\n\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { NewsClient } from '../../../api/APIClient';\n\n@Component({\n tag: 'c7-news-show-all',\n styleUrl: 'show-all-link.styles.scss',\n shadow: false\n})\nexport class ShowAllLink {\n\n @Prop() page!: number;\n\n @Prop() categories!: number[];\n\n @Prop({mutable: true}) slug: string = \"#\";\n\n @Prop() title: string = 'Leitet zur News-Übersicht weiter';\n\n private client: NewsClient = new NewsClient();\n\n async componentDidLoad(){\n if(this.slug === '#') {\n const {slugs} = await this.client.getSettings(this.page, this.categories);\n this.slug = slugs[0]?.slug;\n }\n }\n\n render(){\n\n const cssClassNames = {\n 'c7-news-show-all': true,\n }\n\n const {slug, title} = this;\n\n return (\n \n \n \n )\n }\n\n}\n\n"],"mappings":"+EAAA,MAAMA,EAAuB,yd,MCQhBC,EAAW,M,yBAUdC,KAAAC,OAAqB,IAAIC,E,wDAJK,I,WAEd,kC,CAIxBC,yB,MACE,GAAGH,KAAKI,OAAS,IAAK,CACpB,MAAMC,MAACA,SAAeL,KAAKC,OAAOK,YAAYN,KAAKO,KAAMP,KAAKQ,YAC9DR,KAAKI,MAAOK,EAAAJ,EAAM,MAAE,MAAAI,SAAA,SAAAA,EAAEL,I,EAI1BM,SAEE,MAAMC,EAAgB,CACpB,mBAAoB,MAGtB,MAAMP,KAACA,EAAIQ,MAAEA,GAASZ,KAEtB,OACEa,EAAA,KAAGC,MAAOH,EAAeI,KAAMX,EAAMQ,MAAOA,GAC1CC,EAAA,a"}