\r\n ![\"country]()
\r\n
\r\n \r\n \r\n \r\n \r\n ![\"\"](\"../../../assets/img/banner-national.png\")
\r\n \r\n\r\n \r\n
\r\n{{'byCountries.banner.title' | translate}}
\r\n\r\n
\r\n\r\n
\r\n\r\n\r\n
\r\n\r\n
\r\n \r\n ![\"flag]()
\r\n
\r\n {{currentCountry.title}}
\r\n\r\n
\r\n \r\n \r\n
\r\n\r\n
\r\n\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n 0\">{{'byTopic.selectYears.more' | translate}}\r\n
\r\n \r\n \r\n \r\n 0\">{{'byTopic.selectGovernment.more' | translate}}\r\n
\r\n \r\n \r\n \r\n 0\">{{'byTopic.selectCategories.more' | translate}}\r\n
\r\n \r\n \r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {{'byCountries.new.title' | translate}}\r\n
\r\n {{itemDocument.title}}
\r\n{{'byCountries.government.title' | translate}}\r\n \r\n {{getGovernmentsItem(itemDocument.fieldTagGovernment)}}\r\n \r\n
\r\n{{'byCountries.category.title' | translate}} \r\n {{getCategoriesItem(itemDocument.fieldTagCategory)}}\r\n \r\n
\r\n0\">\r\n {{'byCountries.years.title' | translate}} \r\n {{getYearsItem(itemDocument.fieldYears)}}\r\n \r\n
\r\n{{'byCountries.source.title' | translate}} {{itemDocument.fieldDocumentSource}}
\r\n\r\n \r\n \r\n \r\n {{'byCountries.download.title' | translate}}\r\n ![\"\"](\"../../../assets/img/microsoftexcel.png\")
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n {{'byCountries.uploadedOn.title' | translate}}\r\n \r\n {{itemDocument.entityCreated | date: 'MMM d, y' }}\r\n
\r\n\r\n {{'byCountries.documents.noRecord.message' | translate}}\r\n
\r\n 5\"\r\n class=\"content-div-btn w-100 d-flex justify-content-center mt-3\">\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n
\r\n\r\n
\r\n {{'byCountries.panorama.title' | translate}}
\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n\r\n
\r\n\r\n\r\n{{'byCountries.visualizations.title' | translate}}
\r\n\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n - \r\n
- \r\n {{\"boton.gasto\" | translate}}\r\n \r\n
- \r\n \r\n {{\"boton.departamento\" | translate}}\r\n \r\n
- \r\n \r\n {{\"boton.municipio\" | translate}}\r\n \r\n
\r\n
\r\n \r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n {{ \"novisavailable\" | translate }}
\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n {{ \"novisavailable\" | translate }}
\r\n\r\n
\r\n\r\n\r\n\r\n {{ \"vismaintext\" | translate}}\r\n
\r\n\r\n
\r\n\r\n\r\n\r\n
\r\n\r\n
\r\n {{'byCountries.nationalSources.title' | translate}}
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n","\r\n
\r\n\r\n
\r\n\r\n {{'byCountries.otherCountries.title' | translate}}
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n ![\"Flag\"]()
\r\n
\r\n \r\n
\r\n {{country.title}}
\r\n![\"\"](\"../../../assets/img/banner-topic.png\")
\r\n \r\n
\r\n{{'byCountries.byTopic.title' | translate}}
\r\n\r\n
\r\n\r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { Title } from '@angular/platform-browser';\r\nimport { log } from 'console';\r\nimport { timeout } from 'rxjs/operators';\r\nimport { DocumentService } from 'src/app/core/services/document.service';\r\nimport { DownloaderCounterService } from 'src/app/core/services/downloader-counter.service';\r\nimport { HomeService } from 'src/app/core/services/home.service';\r\nimport { SeoService } from 'src/app/core/services/seo.service';\r\nimport { TagsService } from 'src/app/core/services/tags.service';\r\n\r\n@Component({\r\n selector: 'app-by-topic',\r\n templateUrl: './by-topic.component.html',\r\n styleUrls: ['./by-topic.component.scss']\r\n})\r\nexport class ByTopicComponent implements OnInit {\r\n public listItemsYears: Array<{ text: string, value: number }> = [];\r\n\r\n public listItemsGoverment: Array<{ text: string, value: number, key: string }> = [\r\n ];\r\n\r\n public listItemsCountries: Array<{ text: string, value: number }> = [\r\n ];\r\n\r\n public source: Array<{ text: string, value: number, key: string}> = [];\r\n public dataMulti: Array<{ text: string, value: number, key: string}>;\r\n public dataMultiGover: Array<{ text: string, value: number }>;\r\n\r\n readMoreItem: number = null;\r\n readMoreItemCard = false;\r\n isNew = false;\r\n documentsContriesData = [];\r\n countriesView: any = [];\r\n allCountriesView: any = [];\r\n yearsSelected: any = [];\r\n categoriesSelected: any = [];\r\n governmentsSelected: any = [];\r\n countriesSelected: any = [];\r\n firstFill = false;\r\n spinnerOne = true;\r\n hiddenZero = false;\r\n constructor(\r\n private documentService: DocumentService,\r\n private homeService: HomeService,\r\n private tagService: TagsService,\r\n private downloaderCounterService: DownloaderCounterService,\r\n private seoService: SeoService,\r\n private title: Title,\r\n ) {\r\n this.dataMulti = this.source.slice();\r\n this.dataMultiGover = this.source.slice();\r\n }\r\n\r\n async ngOnInit(): Promise\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n 0\">{{'byTopic.selectCategories.more' | translate}}\r\n
\r\n \r\n \r\n \r\n 0\">{{'byTopic.selectCountries.more' | translate}}\r\n
\r\n \r\n \r\n \r\n \r\n 0\">{{'byTopic.selectGovernment.more' | translate}}\r\n
\r\n \r\n \r\n \r\n 0\">{{'byTopic.selectYears.more' | translate}}\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n ![\"country](\"{{countryItem.fieldFlagCountry.entity.fieldCountryFlag.url}}\")
\r\n
\r\n {{countryItem.title}}
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n {{'byTopic.cardCountry.title' | translate}}\r\n \r\n \r\n \r\n
\r\n 0\">\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n New\r\n
\r\n {{itemDocument.title}}
\r\n{{'byCountries.government.title' | translate}}\r\n \r\n {{getGovernmentsItem(itemDocument.fieldTagGovernment)}}\r\n \r\n
\r\n{{'byCountries.category.title' | translate}}\r\n {{getCategoriesItem(itemDocument.fieldTagCategory)}}\r\n
\r\n{{'byCountries.years.title' | translate}} \r\n {{ getYearsItem(itemDocument.fieldYears)}}\r\n \r\n
\r\n{{'byCountries.source.title' | translate}} {{itemDocument.fieldDocumentSource}}
\r\n\r\n\r\n \r\n \r\n \r\n {{'byCountries.download.title' | translate}}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n {{'byCountries.uploadedOn.title' | translate}}\r\n \r\n {{itemDocument.entityCreated | localeTranslate }}\r\n
\r\n\r\n
\r\n\r\n {{'byTopic.noRecord.message' | translate}}\r\n
\r\n ![\"\"](\"../../../assets/img/banner-dashboard.png\")
\r\n \r\n
\r\n{{'navmenu.visualizations.title' | translate}}
\r\n{{'navmenu.visualizations.paragraph' | translate}}
\r\n\r\n
\r\n\r\n\r\n
\r\n\r\n
\r\n - \r\n
- \r\n {{\"dashboardCountries.tabOne\" |\r\n translate}}\r\n \r\n
- \r\n \r\n {{\"dashboardCountries.tabTwo\" | translate}}\r\n \r\n
\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { TagsService } from 'src/app/core/services/tags.service';\r\n\r\n@Component({\r\n selector: 'app-dashboard-contries-two',\r\n templateUrl: './dashboard-contries-two.component.html',\r\n styleUrls: ['./dashboard-contries-two.component.scss']\r\n})\r\nexport class DashboardContriesComponentTwo implements OnInit {\r\n public listItemsYears: Array<{ text: string, value: number }> = [\r\n { text: '1991', value: 1 },\r\n { text: '2001', value: 2 },\r\n { text: '2021', value: 3 }\r\n ];\r\n\r\n // public listItemsGoverment: Array<{ text: string, value: number }> = [\r\n // { text: 'Nivel Municipal', value: 1 },\r\n // { text: 'Nivel Intermedio', value: 2 },\r\n // ];\r\n // selectedValue: { text: string, value: number } = { text: 'Nivel Municipal', value: 1 };\r\n governmentsSelected: any = [];\r\n\r\n public listItemsGoverment: Array<{ text: string, value: number }> = [\r\n { text: 'Nivel Municipal', value: 1 },\r\n { text: 'Nivel Intermedio', value: 2 }\r\n ];\r\n\r\n public selectedValue: { text: string, value: number } = { text: 'Foo', value: 1 };\r\n\r\n showIntermedio = false ;\r\n showMunicipal = true;\r\n idx = '';\r\n idxTwo = '';\r\n showSpinner = true;\r\n showSpinnerTwo = true;\r\n panel1Actived = true;\r\n public dataMulti: Array<{ text: string, value: number }>;\r\n\r\n getCategories() {\r\n this.dataMulti = [];\r\n this.tagService.getCategories('', 100, 1, (data, total) => {\r\n data.forEach(item => {\r\n this.dataMulti.push({ text: item.entityLabel, value: item.entityLabel });\r\n });\r\n });\r\n }\r\n\r\n\r\n constructor(private tagService: TagsService) {\r\n const currentLanguage = window.navigator.language;\r\n if (localStorage.getItem('lang') === 'en'){\r\n this.listItemsGoverment = [\r\n {\r\n text: 'Municipal level', value: 1 },\r\n {\r\n text: 'Intermediate level', value: 2 }\r\n ];\r\n }\r\n\r\n\r\n }\r\n\r\n ngOnInit(): void {\r\n this.getCategories();\r\n this.getTabloeu();\r\n this.getTabloeuTwo();\r\n }\r\n\r\n categoriesChangeD(event) {\r\n this.getTabloeu();\r\n this.getTabloeuTwo();\r\n }\r\n\r\n getTabloeu(){\r\n this.idx = 'viz1619792588690';\r\n this.showSpinner = true;\r\n const promise = new Promise((resolve, reject) => {\r\n const divElement = document.getElementById(this.idx);\r\n const vizElement = divElement.getElementsByTagName('object')[0];\r\n if (divElement.offsetWidth > 800) {\r\n vizElement.style.width = '100%'; vizElement.style.height = '1827px';\r\n } else if (divElement.offsetWidth > 500) {\r\n vizElement.style.width = '100%'; vizElement.style.height = '1827px';\r\n } else {\r\n vizElement.style.width = '100%'; vizElement.style.height = '1477px';\r\n }\r\n const scriptElement = document.createElement('script');\r\n scriptElement.src = 'https://public.tableau.com/javascripts/api/viz_v1.js';\r\n vizElement.parentNode.insertBefore(scriptElement, vizElement);\r\n resolve(vizElement.parentNode.insertBefore(scriptElement, vizElement));\r\n });\r\n promise.then((res) => {\r\n this.showSpinner = false;\r\n });\r\n promise.catch((err) => {\r\n this.showSpinner = true;\r\n });\r\n }\r\n\r\n getTabloeuTwo(){\r\n this.idxTwo = 'viz1618935019463';\r\n this.showSpinnerTwo = true;\r\n const promise = new Promise((resolve, reject) => {\r\n const divElement = document.getElementById(this.idxTwo);\r\n const vizElement = divElement.getElementsByTagName('object')[0];\r\n if (divElement.offsetWidth > 800) {\r\n vizElement.style.width = '100%'; vizElement.style.height = '1827px';\r\n } else if (divElement.offsetWidth > 500) {\r\n vizElement.style.width = '100%'; vizElement.style.height = '1827px';\r\n } else {\r\n vizElement.style.width = '100%'; vizElement.style.height = '1477px';\r\n }\r\n const scriptElement = document.createElement('script');\r\n scriptElement.src = 'https://public.tableau.com/javascripts/api/viz_v1.js';\r\n vizElement.parentNode.insertBefore(scriptElement, vizElement);\r\n resolve(vizElement.parentNode.insertBefore(scriptElement, vizElement));\r\n });\r\n promise.then((res) => {\r\n this.showSpinnerTwo = false;\r\n });\r\n promise.catch((err) => {\r\n this.showSpinnerTwo = true;\r\n });\r\n }\r\n\r\n\r\n}\r\n","\r\n
\r\n\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Loading...\r\n 
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Loading...\r\n 
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n{{'navmenu.visualizations.title' | translate}}
\r\n{{'navmenu.visualizations.paragraph' | translate}}
\r\n\r\n
\r\n\r\n\r\n\r\n
\r\n\r\n
\r\n - \r\n
- \r\n {{\"dashboardCountries.tabOne\" |\r\n translate}}\r\n \r\n
- \r\n {{\"boton.gasto\" |\r\n translate}}\r\n \r\n
- \r\n {{\"dashboardCountries.tabTwo\" | translate}}\r\n \r\n
\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { Title } from '@angular/platform-browser';\r\nimport { SeoService } from 'src/app/core/services/seo.service';\r\nimport { TagsService } from 'src/app/core/services/tags.service';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { NationalSourcesService } from 'src/app/core/services/national-sources.service';\r\nimport { HomeService } from 'src/app/core/services/home.service';\r\n\r\n@Component({\r\n selector: 'app-dashboard-contries',\r\n templateUrl: './dashboard-contries.component.html',\r\n styleUrls: ['./dashboard-contries.component.scss'],\r\n})\r\nexport class DashboardContriesComponent implements OnInit {\r\n public defaultItem: { text: string; value: string } = {\r\n text: 'Argentina',\r\n value: 'Argentina',\r\n };\r\n\r\n idx = '';\r\n idxTwo = '';\r\n showSpinner = true;\r\n showSpinnerTwo = true;\r\n panel1Actived = false;\r\n panel1Actived2 = true;\r\n panel1Actived3 = true;\r\n listItemsGoverment = [];\r\n\r\n public nationalSources: any = [];\r\n\r\n subPanelActived1 = true;\r\n subPanelActived2 = false;\r\n subPanelActived3 = true;\r\n\r\n countries: any;\r\n dataOpen = false;\r\n currentCountry: any;\r\n countryFiltered = this.defaultItem.value;\r\n\r\n public countrySelected = this.defaultItem;\r\n public countriesLoaded = true;\r\n public countriesLoadedTwo = true;\r\n public listCountries: Array<{ text: string; value: string }> = [];\r\n\r\n public listItems: Array\r\n
\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n 
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n {{\"dashboardCountries.moreInformation\" | translate}}
\r\n\r\n
\r\n \r\n
\r\n \r\n\r\n
\r\n - \r\n
- \r\n {{\"boton.departamento\" | translate}}\r\n \r\n
- \r\n {{\"boton.municipio\" | translate}}\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {{ \"novisavailable\" | translate }}
\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n {{ \"novisavailable\" | translate }}
\r\n${this.banner[_i].title}
` + this.banner[_i].fieldDescriptionBanner.processed\r\n }];\r\n this.ArrIten.push(this.allImgInfographicBase[_i][0]);\r\n });\r\n this.allImgInfographic = this.ArrIten;\r\n this.minHeightHv = '699px';\r\n // }\r\n });\r\n }\r\n\r\n getCountriesHome() {\r\n this.homeService.getCountriesHome(undefined, 100, 1, (data) => {\r\n this.countries = data;\r\n });\r\n }\r\n\r\n getFlagCountries(): Promise\r\n
\r\n\r\n\r\n\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n ![\"\"](\"../../../assets/img/datacollec.png\")
\r\n
\r\n \r\n {{'home.downloadDatabase.title' | translate}}
\r\n{{'home.downloadDatabase.description' | translate}}
\r\n\r\n ![\"\"](\"../../../assets/img/filter-info.png\")
\r\n
\r\n \r\n {{'home.filterInformation.title'| translate}}
\r\n{{'home.filterInformation.description' | translate}}
\r\n\r\n ![\"\"](\"../../../assets/img/reports.png\")
\r\n
\r\n \r\n {{'home.graphicsDisplay.title' | translate}}
\r\n{{'home.graphicsDisplay.description' | translate}}
\r\n\r\n ![\"\"](\"../../../assets/img/visit-official.png\")
\r\n
\r\n \r\n {{'home.visitOfficialSource.title' | translate}}
\r\n{{'home.visitOfficialSource.description' | translate}}
\r\n\r\n
\r\n\r\n\r\n\r\n\r\n
\r\n \r\n{{'home.informationByCountries.title' | translate}}\r\n
\r\n \r\n\r\n
\r\n\r\n
\r\n \r\n\r\n
\r\n \r\n {{'home.databasesUpdates.title' | translate}}
\r\n\r\n
\r\n\r\n
\r\n\r\n\r\n\r\n\r\n","\r\n
\r\n {{'about.banner.title' | translate}}\r\n
\r\n\r\n
\r\n{{'about.banner.mission.title' | translate}}
\r\n\r\n {{'about.content.mission' | translate}}\r\n
\r\n{{'about.banner.vision.title' | translate}}
\r\n\r\n {{'about.content.vision' | translate}}\r\n
\r\n{{'about.banner.objectives.title' | translate}}
\r\n \r\n\r\n \r\n
\r\n{{'byCountries.nationalSources.title' | translate}}
\r\n\r\n
\r\n\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n\r\n\r\n \r\n \r\n
![\"\"](\"../../../assets/img/banner-panorama.png\")
\r\n \r\n
\r\n{{ \"navmenu.panoram.title\" | translate }}
\r\n{{ \"panoram.content.paragraph\" | translate}}
\r\n\r\n
\r\n\r\n\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n ![\"imagen]()
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {{chapter.title}}
\r\n \r\n\r\n
\r\n\r\n \r\n {{ 'panoramacompleto' | translate }}\r\n
\r\n \r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { Title } from '@angular/platform-browser';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { PanoramService } from 'src/app/core/services/panoram.service';\r\nimport { SeoService } from 'src/app/core/services/seo.service';\r\n\r\n@Component({\r\n selector: 'app-panorama',\r\n templateUrl: './panorama.component.html',\r\n styleUrls: ['./panorama.component.scss']\r\n})\r\nexport class PanoramaComponent implements OnInit {\r\n public selectedYearFilter = '2020';\r\n public currentYear = new Date().getFullYear();\r\n public yearString = this.currentYear.toString();\r\n public chapters: any;\r\n public chaptersYears = [];\r\n public countriesPanoram: any;\r\n public chaptersOpen = false;\r\n public chaptersYearsOpen = false;\r\n public searchYear = false;\r\n public downloadOutlook: string = '';\r\n\r\n constructor(\r\n private panoramService: PanoramService,\r\n private translateService: TranslateService,\r\n private seoService: SeoService,\r\n private title: Title,\r\n ) { }\r\n\r\n ngOnInit(): void {\r\n this.getCountriesYears();\r\n this.getChapters();\r\n this.getCountriesPanoram();\r\n this.flags();\r\n\r\n let lang = this.translateService.currentLang;\r\n if (lang == 'en') {\r\n this.downloadOutlook = 'https://publications.iadb.org/publications/english/document/Outlook-of-Fiscal-Relations-among-Government-Levels-in-Latin-America-and-the-Caribbean.pdf';\r\n } else {\r\n this.downloadOutlook = 'https://publications.iadb.org/publications/spanish/document/Panorama-de-las-relaciones-fiscales-entre-niveles-de-gobierno-de-paises-de-America-Latina-y-el-Caribe.pdf'\r\n }\r\n }\r\n\r\n getCountriesYears() {\r\n this.panoramService.getCountriesYears('', 20, 1, (data, total) => {\r\n if (data.length > 0) {\r\n // const text = (localStorage.getItem('lang').toUpperCase() === 'EN') ? 'All' : 'Todos';\r\n // this.chaptersYears.push(text);\r\n // this.selectedYearFilter = this.yearString;\r\n const years = data.filter((v, i) => data.indexOf(v) === i)\r\n .map((x) => x.fieldYearPanorama);\r\n this.chaptersYears = this.chaptersYears.concat(years);\r\n const yearsUnique = [...new Set(this.chaptersYears)];\r\n this.chaptersYears = yearsUnique.sort()\r\n this.chaptersYearsOpen = true;\r\n }\r\n });\r\n }\r\n\r\n getChapters() {\r\n const filterCountries = ((typeof this.selectedYearFilter !== 'undefined') &&\r\n this.selectedYearFilter !== 'Todos' && this.selectedYearFilter !== 'All') ?\r\n ` {\r\n operator: EQUAL\r\n field: \"field_ano_capitulo\"\r\n value:\"${this.selectedYearFilter}\"\r\n },` : '';\r\n this.panoramService.getChapters(filterCountries, 100, 1).then((data) => {\r\n this.chapters = data;\r\n });\r\n }\r\n\r\n getCountriesPanoram() {\r\n const filterCountries = ((typeof this.selectedYearFilter !== 'undefined') &&\r\n this.selectedYearFilter !== 'Todos' && this.selectedYearFilter !== 'All') ?\r\n ` {\r\n operator: EQUAL\r\n field: \"field_year_panorama\"\r\n value:\"${this.selectedYearFilter}\"\r\n },` : '';\r\n this.panoramService.getCountriesPanoram(filterCountries, 100, 1).then((data) => {\r\n this.countriesPanoram = data;\r\n });\r\n }\r\n\r\n onChangeFilter(event): void {\r\n this.selectedYearFilter = event;\r\n this.getChapters()\r\n this.getCountriesPanoram();\r\n }\r\n\r\n flags() {\r\n this.seoService.generateFlags({\r\n title: 'Panorama | El Panorama de las Relaciones Fiscales entre Niveles de Gobierno es una publicación conjunta entre la CEPAL y el BID',\r\n site_name: 'Fiscal Subnacional',\r\n description: 'El Panorama de las Relaciones Fiscales entre Niveles de Gobierno es una publicación conjunta entre la CEPAL y el BID que analiza la situación financiera de los gobiernos subnacionales de América Latina y el Caribe. Publicado por primera vez en 2021, el Panorama se divide en tres secciones: descripción de tendencias regionales recientes; análisis de un tema específico de actualidad (impacto del COVID-19 en las finanzas públicas subnacionales en la edición 2021); y fichas país para todos los países de la región.',\r\n slug: 'panorama',\r\n image: 'https://pifs.azureedge.net/assets/img/banner-panorama.png'\r\n });\r\n this.title.setTitle('Panorama | El Panorama de las Relaciones Fiscales entre Niveles de Gobierno es una publicación conjunta entre la CEPAL y el BID');\r\n }\r\n\r\n}\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-bar-charts',\r\n templateUrl: './bar-charts.component.html',\r\n styleUrls: ['./bar-charts.component.scss']\r\n})\r\nexport class BarChartsComponent implements OnInit {\r\n\r\n public debug = true;\r\n public useResizeHandler = true;\r\n\r\n public data: any[] = [\r\n { x: [1, 2, 3, 4], y: [10, 15, 13, 17], type: 'bar', mode: 'text', name: 'Bar' },\r\n ];\r\n\r\n public layout: any = {\r\n height: 600,\r\n title: 'Bar graphic',\r\n };\r\n\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n}\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-footer',\r\n templateUrl: './footer.component.html',\r\n styleUrls: ['./footer.component.scss']\r\n})\r\nexport class FooterComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n}\r\n","\r\n
\r\n{{'panoram.chapter3.title' | translate}}
\r\n \r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n ![\"country]()
\r\n
\r\n \r\n \r\n \r\n {{country.title}}
\r\nfooter works!
\r\n","import { Component, OnInit, Output, EventEmitter, ElementRef, ViewChild, Input, OnDestroy } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-infinite-scroll',\r\n template: `\r\n \r\n \r\n \r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { FlagsService } from 'src/app/core/services/flags.service';\r\nimport { HomeComponent } from 'src/app/modules/home/home.component';\r\n\r\n@Component({\r\n selector: 'app-nav-menu',\r\n templateUrl: './nav-menu.component.html',\r\n styleUrls: ['./nav-menu.component.scss']\r\n})\r\nexport class NavMenuComponent implements OnInit {\r\n\r\n public countriesArray: any;\r\n public countriesAll: any;\r\n langVisible: boolean | undefined;\r\n defaultSpanish = false;\r\n activeLang = 'en';\r\n public id: number;\r\n constructor(private flagService: FlagsService,\r\n private router: Router,\r\n private route: ActivatedRoute,\r\n private translate: TranslateService) {\r\n\r\n if (localStorage.getItem('lang')) {\r\n this.useLanguage(localStorage.getItem('lang'), true);\r\n } else {\r\n const currentLanguage = 'es-ES';\r\n if (currentLanguage.indexOf('en') !== -1 || currentLanguage.indexOf('es') !== -1) {\r\n if (currentLanguage.indexOf('en') !== -1) {\r\n this.defaultSpanish = false;\r\n this.activeLang = 'en';\r\n } else if (currentLanguage.indexOf('es') !== -1) {\r\n this.defaultSpanish = true;\r\n this.activeLang = 'es';\r\n }\r\n }\r\n localStorage.setItem('lang', this.activeLang);\r\n translate.setDefaultLang(this.activeLang);\r\n }\r\n }\r\n\r\n async ngOnInit(): Promise