\r\n
","import { Component, OnInit, HostListener, ViewChild, Inject, PLATFORM_ID } from '@angular/core'; \r\nimport { Router, NavigationEnd } from '@angular/router';\r\nimport { Settings, AppSettings } from '../app.settings';\r\nimport { AppService } from '../app.service';\r\nimport { Category } from '../app.models';\r\nimport { SidenavMenuService } from '../theme/components/sidenav-menu/sidenav-menu.service';\r\nimport { isPlatformBrowser } from '@angular/common';\r\n\r\n@Component({\r\n selector: 'app-pages',\r\n templateUrl: './pages.component.html',\r\n styleUrls: ['./pages.component.scss'],\r\n providers: [ SidenavMenuService ]\r\n})\r\nexport class PagesComponent implements OnInit {\r\n public showBackToTop:boolean = false; \r\n public categories:Category[];\r\n public category:Category;\r\n public sidenavMenuItems:Array\r\n \r\n \r\n \r\n \r\n Search keyword \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n error \r\n
\r\n 404
\r\nOpps, it seems that this page does not exist.
\r\nIf you are sure it should, search for it.
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n SUPRISA\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 ![\"image\"]()
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {{appService.Data.totalCartCount}} ITEM 1\">S\r\n VER CARRITO\r\n
\r\n \r\n No hay items en el Carrito de Compras.
\r\n {{product.name}}
\r\n\r\n {{product.cartCount}} x ${{product.newPrice | number : '1.2-2'}}\r\n
\r\n 0\" class=\"cart-dropdown-footer\">\r\n \r\n
\r\n \r\n \r\n TOTAL:\r\n ${{appService.Data.totalPrice | number : '1.2-2'}}\r\n
\r\n \r\n \r\n \r\n \r\n check \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 arrow_upward \r\n
\r\n\r\n\r\n \r\n
\r\n","import { Component, Input, Output, EventEmitter } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-category-list',\r\n templateUrl: './category-list.component.html',\r\n styleUrls: ['./category-list.component.scss']\r\n})\r\nexport class CategoryListComponent {\r\n\r\n @Input() categories;\r\n @Input() categoryParentId;\r\n @Output() change: EventEmitter\r\n Ver todas las Marcas\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
","import { Component, OnInit, Inject } from '@angular/core';\r\nimport { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';\r\n\r\n@Component({\r\n selector: 'app-confirm-dialog',\r\n templateUrl: './confirm-dialog.component.html',\r\n styleUrls: ['./confirm-dialog.component.scss']\r\n})\r\nexport class ConfirmDialogComponent implements OnInit {\r\n\r\n constructor(public dialogRef: MatDialogRef\r\n
\r\n{{data?.title}}
\r\n\r\n\r\n
\r\n\r\n{{data?.message}}
\r\n\r\n
","import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';\r\nimport { MatSnackBar } from '@angular/material/snack-bar';\r\nimport { Data, AppService } from '../../app.service';\r\nimport { Product } from '../../app.models';\r\n\r\n@Component({\r\n selector: 'app-controls',\r\n templateUrl: './controls.component.html',\r\n styleUrls: ['./controls.component.scss']\r\n})\r\nexport class ControlsComponent implements OnInit {\r\n @Input() product: Product;\r\n @Input() type: string;\r\n @Output() onOpenProductDialog: EventEmitter\r\n \r\n \r\n
\r\n\r\n
\r\n 0 && (type=='all' || type=='wish')\">\r\n \r\n Quantity: \r\n \r\n {{count}} \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n Sorry, this item is unavailable. Please choose a different one.\r\n
","import { Component, OnInit } from '@angular/core';\r\nimport { TranslateService } from '@ngx-translate/core';\r\n\r\n@Component({\r\n selector: 'app-lang',\r\n templateUrl: './lang.component.html',\r\n styleUrls: ['./lang.component.scss']\r\n})\r\nexport class LangComponent implements OnInit { \r\n constructor(public translateService: TranslateService) { }\r\n\r\n ngOnInit() { } \r\n\r\n public changeLang(lang:string){ \r\n this.translateService.use(lang); \r\n } \r\n\r\n}\r\n","\r\n\r\n \r\n
\r\n\r\n
","import { Component, OnInit, Input } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { DecimalPipe } from '@angular/common';\r\nimport { SwiperConfigInterface } from 'ngx-swiper-wrapper';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport { ProductDialogComponent } from './product-dialog/product-dialog.component';\r\nimport { Data, AppService } from '../../app.service';\r\nimport { Product } from \"../../app.models\";\r\nimport { Settings, AppSettings } from 'src/app/app.settings';\r\n\r\n@Component({\r\n selector: 'app-products-carousel',\r\n templateUrl: './products-carousel.component.html',\r\n styleUrls: ['./products-carousel.component.scss']\r\n})\r\nexport class ProductsCarouselComponent implements OnInit {\r\n\r\n @Input('products') products: 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 {{product.name}}
\r\n\r\n
\r\n Category: {{ ( appService.Data.categories | filterById : product.categoryId )?.name }}
\r\nAvailibility: {{ (product.availibilityCount > 0) ? 'In stock':'Unavailable'}}
\r\n\r\n
\r\n {{product.description}}
\r\n \r\n \r\n
\r\n \r\n ${{product.newPrice}}
\r\n\r\n
","import { Component, Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-rating',\r\n templateUrl: './rating.component.html',\r\n styleUrls: ['./rating.component.scss']\r\n})\r\nexport class RatingComponent {\r\n @Input() ratingsCount:number;\r\n @Input() ratingsValue:number;\r\n @Input() direction:string;\r\n @Input() showText:boolean = true;\r\n avg:number;\r\n stars:Array \r\n
\r\n \r\n \r\n\r\n \r\n \r\n {{product.discount}}% OFF \r\n \r\n \r\n ![]()
\r\n \r\n \r\n \r\n
\r\n {{ ( appService.Data.categories | filterById : product.categoryId )?.name }}
\r\n \r\n {{product.name}}\r\n \r\n\r\n
\r\n \r\n \r\n
\r\n ${{product.oldPrice | number : '1.2-2'}}
\r\n${{product.newPrice | number : '1.2-2'}}
\r\n\r\n
\r\n \r\n \r\n \r\n
","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { RouterModule } from '@angular/router';\r\nimport { SwiperModule } from 'ngx-swiper-wrapper';\r\nimport { TranslateModule } from '@ngx-translate/core';\r\nimport { FlexLayoutModule } from '@angular/flex-layout';\r\nimport { MatAutocompleteModule } from '@angular/material/autocomplete';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatButtonToggleModule } from '@angular/material/button-toggle';\r\nimport { MatCardModule } from '@angular/material/card';\r\nimport { MatCheckboxModule } from '@angular/material/checkbox';\r\nimport { MatChipsModule } from '@angular/material/chips';\r\nimport { MatNativeDateModule, MatRippleModule } from '@angular/material/core';\r\nimport { MatDatepickerModule } from '@angular/material/datepicker';\r\nimport { MatDialogModule } from '@angular/material/dialog';\r\nimport { MatExpansionModule } from '@angular/material/expansion';\r\nimport { MatGridListModule } from '@angular/material/grid-list';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { MatListModule } from '@angular/material/list';\r\nimport { MatMenuModule } from '@angular/material/menu';\r\nimport { MatPaginatorModule } from '@angular/material/paginator';\r\nimport { MatProgressBarModule } from '@angular/material/progress-bar';\r\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\r\nimport { MatRadioModule } from '@angular/material/radio';\r\nimport { MatSelectModule } from '@angular/material/select';\r\nimport { MatSidenavModule } from '@angular/material/sidenav';\r\nimport { MatSlideToggleModule } from '@angular/material/slide-toggle';\r\nimport { MatSliderModule } from '@angular/material/slider';\r\nimport { MatSnackBarModule } from '@angular/material/snack-bar';\r\nimport { MatSortModule } from '@angular/material/sort';\r\nimport { MatStepperModule } from '@angular/material/stepper';\r\nimport { MatTableModule } from '@angular/material/table';\r\nimport { MatTabsModule } from '@angular/material/tabs';\r\nimport { MatToolbarModule } from '@angular/material/toolbar';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\n\r\nimport { PerfectScrollbarModule } from 'ngx-perfect-scrollbar';\r\nimport { PERFECT_SCROLLBAR_CONFIG } from 'ngx-perfect-scrollbar';\r\nimport { PerfectScrollbarConfigInterface } from 'ngx-perfect-scrollbar';\r\nconst DEFAULT_PERFECT_SCROLLBAR_CONFIG: PerfectScrollbarConfigInterface = {\r\n wheelPropagation: true,\r\n suppressScrollX: true \r\n};\r\n\r\nimport { PipesModule } from '../theme/pipes/pipes.module';\r\nimport { RatingComponent } from './rating/rating.component';\r\nimport { ControlsComponent } from './controls/controls.component';\r\nimport { MainCarouselComponent } from './main-carousel/main-carousel.component';\r\nimport { BrandsCarouselComponent } from './brands-carousel/brands-carousel.component';\r\nimport { ProductsCarouselComponent } from './products-carousel/products-carousel.component';\r\nimport { ProductDialogComponent } from './products-carousel/product-dialog/product-dialog.component';\r\nimport { BannersComponent } from './banners/banners.component';\r\nimport { CategoryListComponent } from './category-list/category-list.component';\r\nimport { ConfirmDialogComponent } from './confirm-dialog/confirm-dialog.component';\r\nimport { LangComponent } from './lang/lang.component';\r\n\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n RouterModule,\r\n SwiperModule,\r\n TranslateModule,\r\n FlexLayoutModule,\r\n MatAutocompleteModule,\r\n MatButtonModule,\r\n MatButtonToggleModule,\r\n MatCardModule,\r\n MatCheckboxModule,\r\n MatChipsModule,\r\n MatDatepickerModule,\r\n MatDialogModule,\r\n MatExpansionModule,\r\n MatGridListModule,\r\n MatIconModule,\r\n MatInputModule,\r\n MatListModule,\r\n MatMenuModule,\r\n MatNativeDateModule,\r\n MatPaginatorModule,\r\n MatProgressBarModule,\r\n MatProgressSpinnerModule,\r\n MatRadioModule,\r\n MatRippleModule,\r\n MatSelectModule,\r\n MatSidenavModule,\r\n MatSliderModule,\r\n MatSlideToggleModule,\r\n MatSnackBarModule,\r\n MatSortModule,\r\n MatTableModule,\r\n MatTabsModule,\r\n MatToolbarModule,\r\n MatTooltipModule,\r\n MatStepperModule,\r\n PerfectScrollbarModule,\r\n PipesModule\r\n ],\r\n exports: [\r\n RouterModule,\r\n SwiperModule,\r\n TranslateModule,\r\n FlexLayoutModule,\r\n MatAutocompleteModule,\r\n MatButtonModule,\r\n MatButtonToggleModule,\r\n MatCardModule,\r\n MatCheckboxModule,\r\n MatChipsModule,\r\n MatDatepickerModule,\r\n MatDialogModule,\r\n MatExpansionModule,\r\n MatGridListModule,\r\n MatIconModule,\r\n MatInputModule,\r\n MatListModule,\r\n MatMenuModule,\r\n MatNativeDateModule,\r\n MatPaginatorModule,\r\n MatProgressBarModule,\r\n MatProgressSpinnerModule,\r\n MatRadioModule,\r\n MatRippleModule,\r\n MatSelectModule,\r\n MatSidenavModule,\r\n MatSliderModule,\r\n MatSlideToggleModule,\r\n MatSnackBarModule,\r\n MatSortModule,\r\n MatTableModule,\r\n MatTabsModule,\r\n MatToolbarModule,\r\n MatTooltipModule,\r\n MatStepperModule,\r\n PerfectScrollbarModule,\r\n PipesModule,\r\n RatingComponent,\r\n ControlsComponent,\r\n MainCarouselComponent,\r\n BrandsCarouselComponent,\r\n ProductsCarouselComponent,\r\n ProductDialogComponent,\r\n BannersComponent,\r\n CategoryListComponent,\r\n ConfirmDialogComponent,\r\n LangComponent\r\n ],\r\n declarations: [\r\n RatingComponent,\r\n ControlsComponent,\r\n MainCarouselComponent,\r\n BrandsCarouselComponent,\r\n ProductsCarouselComponent,\r\n ProductDialogComponent,\r\n BannersComponent,\r\n CategoryListComponent,\r\n ConfirmDialogComponent,\r\n LangComponent\r\n ], \r\n providers:[\r\n { provide: PERFECT_SCROLLBAR_CONFIG, useValue: DEFAULT_PERFECT_SCROLLBAR_CONFIG }\r\n ]\r\n})\r\nexport class SharedModule { }\r\n","import { Component } from '@angular/core';\r\nimport { ActivatedRoute, Router, ActivatedRouteSnapshot, UrlSegment, NavigationEnd } from \"@angular/router\"; \r\nimport { Title } from '@angular/platform-browser';\r\nimport { Settings, AppSettings } from '../../../app.settings';\r\nimport { SidenavMenuService } from '../../../theme/components/sidenav-menu/sidenav-menu.service';\r\n\r\n@Component({\r\n selector: 'app-breadcrumb',\r\n templateUrl: './breadcrumb.component.html',\r\n styleUrls: ['./breadcrumb.component.scss'],\r\n providers: [ SidenavMenuService ]\r\n})\r\nexport class BreadcrumbComponent {\r\n\r\n public pageTitle:string;\r\n public breadcrumbs: {\r\n name: string;\r\n url: string\r\n }[] = [];\r\n\r\n public settings: Settings;\r\n constructor(public appSettings:AppSettings,\r\n public router: Router, \r\n public activatedRoute: ActivatedRoute, \r\n public title:Title,\r\n public sidenavMenuService:SidenavMenuService){\r\n this.settings = this.appSettings.settings; \r\n this.router.events.subscribe(event => {\r\n if (event instanceof NavigationEnd) {\r\n this.breadcrumbs = []; \r\n this.parseRoute(this.router.routerState.snapshot.root); \r\n this.pageTitle = \"\";\r\n this.breadcrumbs.forEach(breadcrumb => {\r\n this.pageTitle += ' > ' + breadcrumb.name;\r\n }) \r\n this.title.setTitle(this.settings.name + this.pageTitle);\r\n }\r\n }) \r\n }\r\n\r\n private parseRoute(node: ActivatedRouteSnapshot) { \r\n if (node.data['breadcrumb']) {\r\n if(node.url.length){\r\n let urlSegments: UrlSegment[] = [];\r\n node.pathFromRoot.forEach(routerState => {\r\n urlSegments = urlSegments.concat(routerState.url);\r\n });\r\n let url = urlSegments.map(urlSegment => {\r\n return urlSegment.path;\r\n }).join('/');\r\n\r\n if(node.params.name){\r\n this.breadcrumbs.push({\r\n name: node.params.name,\r\n url: '/' + url\r\n }) \r\n }else{ \r\n this.breadcrumbs.push({\r\n name: node.data['breadcrumb'],\r\n url: '/' + url\r\n }) \r\n }\r\n } \r\n }\r\n if (node.firstChild) {\r\n this.parseRoute(node.firstChild);\r\n }\r\n }\r\n\r\n public closeSubMenus(){\r\n if(window.innerWidth < 960){\r\n this.sidenavMenuService.closeAllSubMenus();\r\n } \r\n }\r\n\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 public lat: number = 40.678178;\r\n public lng: number = -73.944158;\r\n public zoom: number = 12;\r\n\r\n constructor() { }\r\n\r\n ngOnInit() { }\r\n\r\n subscribe(){ }\r\n\r\n}","\r\n","import { Component, OnInit, Input} from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-menu',\r\n templateUrl: './menu.component.html',\r\n styleUrls: ['./menu.component.scss']\r\n})\r\nexport class MenuComponent implements OnInit {\r\n \r\n constructor() { }\r\n\r\n ngOnInit() { }\r\n\r\n openMegaMenu(){\r\n let pane = document.getElementsByClassName('cdk-overlay-pane');\r\n [].forEach.call(pane, function (el) {\r\n if(el.children.length > 0){\r\n if(el.children[0].classList.contains('mega-menu')){\r\n el.classList.add('mega-menu-pane');\r\n }\r\n } \r\n });\r\n }\r\n\r\n}\r\n","\r\n \r\n \r\n home \r\n \r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n {{ 'COMPARE' | translate }} ({{appService.Data.compareList.length}})\r\n Lista({{appService.Data.wishList.length}})\r\n \r\n\r\n \r\n person \r\n {{ 'ACCOUNT' | translate }} \r\n arrow_drop_down \r\n \r\n \r\n \r\n settings \r\n Configuración de Cuenta \r\n \r\n \r\n comparar \r\n Comparar ({{appService.Data.compareList.length}}) \r\n \r\n \r\n favorito \r\n Wishlist ({{appService.Data.wishList.length}})\r\n \r\n \r\n lock \r\n Lock screen \r\n \r\n \r\n help \r\n Ayuda \r\n \r\n \r\n \r\n power_settings_new \r\n {{ 'LOGOUT' | translate }} \r\n \r\n \r\n \r\n\r\n
\r\n","import { Pipe, PipeTransform } from '@angular/core';\r\n\r\n@Pipe({ name: 'brandSearchPipe', pure: false })\r\nexport class BrandSearchPipe implements PipeTransform {\r\n transform(brands, args?): Array \r\n ![\"user-image\"](\"assets/images/others/user.jpg\")
\r\n
\r\n \r\n \r\n \r\n Usuario Suprisa
Usr Srprisa(152