JavaScript Ecuador

// Models import { GridItemPlacementConfig, Storylist, } from '@models/storylist.model'; import { APP_ROUTE_TREE } from '../../app.routes'; import { StorylistGridSkeletonConfig } from "@models/content.model"; import { StoryCardComponent } from '../story-card/story-card.component'; @Component({ selector: 'cuentoneta-storylist-card-deck', standalone: true, imports: [ CommonModule, NgxSkeletonLoaderModule, RouterLink, StoryCardComponent, ], templateUrl: './storylist-card-deck.component.html', styleUrls: ['./storylist-card-deck.component.scss'], }) export class StorylistCardDeckComponent implements OnInit, OnChanges { @Input() number: number = 6; @Input() storylist: Storylist | undefined; @Input() isLoading: boolean = false; // Utilizado para mostrar/ocultar skeletons @Input() canNavigateToStorylist: boolean = false; @Input() displayTitle: boolean = true; @Input() displayFeaturedImage: boolean = false; @Input() skeletonConfig: StorylistGridSkeletonConfig | undefined dummyList: null[] = []; imagesCardConfig: { [key: string]: CardDeckCSSGridConfig } = {}; storiesCardConfig: { [key: string]: CardDeckCSSGridConfig } = {}; readonly appRouteTree = APP_ROUTE_TREE;