{"version":3,"sources":["./src/app/modules/product-card-slider/components/product-card/product-card.component.html","./src/app/modules/product-card-slider/components/product-card/product-card.component.ts","./src/app/modules/product-card-slider/components/product-card-container/product-card-container.component.ts","./src/app/modules/product-card-slider/components/product-card-container/product-card-container.component.html","./src/app/modules/product-card-slider/product-card-slider.module.ts"],"names":["ProductCardComponent","this","currentIndex","internalInit","config","products","currentProduct","index","product","desktopImage","ProductCardContainerComponent","elementRef","dataInitialValue","Parse","ProductCardSliderModule","provide","useValue","multi"],"mappings":"yRAoBM,iBAKE,4EALF,O,gDAEE,+BAAwB,0CAExB,uB,yBAxBR,oBAME,gBACE,gBACE,gBACE,aAAI,QAA0B,OAC9B,aAAI,QAA6B,OACjC,cACA,gBACE,eAAiD,SAE/C,OACJ,OACF,OACF,OACA,iBACE,wBAQF,OACF,OACA,kBACF,Q,oBA3BE,oBAFA,+BAOU,qCACA,wCACD,4DAEmB,gDAA6B,+BAQlC,2CCZlB,IAAD,Q,MAAOA,EAKX,cACEC,KAAKC,aAAe,EAGtB,WACED,KAAKE,eAGC,eACFF,KAAKG,OAAOC,WACdJ,KAAKK,eAAiBL,KAAKG,OAAOC,SAAS,IAIxC,QAAQE,GACb,MAAMC,EAAUP,KAAKG,OAAOC,SAASE,GACjCC,IACFP,KAAKK,eAAiBE,EACtBP,KAAKC,aAAeK,EAAQ,GAIhC,YACE,MAAO,cAAcN,KAAKK,eAAeG,sCACxBR,KAAKK,eAAeG,iB,6CA7B5BT,I,uBAAAA,EAAoB,sdDTjC,4BAgCA,kBACE,gBACI,gBACE,aAAI,QAA0B,OAC9B,aAAI,QAA6B,OACjC,cACA,gBACE,eAAiD,SAE/C,OACJ,OACF,OACJ,OACF,Q,MA1CG,8BAgCS,qCACA,wCACD,4DAEmB,gDAA6B,iC,0CC9BrD,GCAA,Q,MAAOU,EAGX,YAAoBC,EACVC,GADU,KAAAD,aACV,KAAAC,mBACNX,KAAKG,OAASH,KAAKW,iBAAiBC,MAAsCZ,KAAKU,a,6CALxED,GAA6B,sB,uBAA7BA,EAA6B,4GCT1C,6B,KAAkB,yB,gCDSZ,GEQA,Q,MAAOI,G,6CAAAA,I,uBAAAA,I,4BATA,CACT,CACEC,QAAS,aACTC,SAAU,CAAC,EAA+B,GAC1CC,OAAO,IAEV,SAPQ,CAAC,Q,GAUN","file":"product-card-slider-product-card-slider-module.js","sourcesContent":["<section\r\n  id=\"click-botella\"\r\n  class=\"{{ 'botella' + currentIndex }}\"\r\n  *ngIf=\"currentProduct\"\r\n  [style]=\"getStyles()\"\r\n>\r\n  <div class=\"container\">\r\n    <div class=\"centrar\">\r\n      <div class=\"box-master\">\r\n        <h3>{{ currentProduct.title }}</h3>\r\n        <h2>{{ currentProduct.subtitle }}</h2>\r\n        <p [innerHTML]=\"currentProduct.description\"></p>\r\n        <div class=\"verde2\">\r\n          <a class=\"esquinas\" [href]=\"currentProduct.link\">{{\r\n            config.ctaText\r\n          }}</a>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"botellas\">\r\n      <img\r\n        *ngFor=\"let item of config.products; let index = index\"\r\n        [src]=\"item.sampleImage\"\r\n        alt=\"\"\r\n        [attr.data-number]=\"index\"\r\n        (click)=\"onClick(index)\"\r\n        [ngClass]=\"{ active: currentIndex === index + 1 }\"\r\n      />\r\n    </div>\r\n  </div>\r\n  <img src=\"\" alt=\"\" class=\"precarga\" style=\"display: none\" />\r\n</section>\r\n<section>\r\n  <div class=\"container\">\r\n      <div class=\"box-master-mobile\">\r\n        <h3>{{ currentProduct.title }}</h3>\r\n        <h2>{{ currentProduct.subtitle }}</h2>\r\n        <p [innerHTML]=\"currentProduct.description\"></p>\r\n        <div class=\"verde2\">\r\n          <a class=\"esquinas\" [href]=\"currentProduct.link\">{{\r\n            config.ctaText\r\n          }}</a>\r\n        </div>\r\n      </div>\r\n  </div>\r\n</section>\r\n","import { Component, Input, OnInit } from '@angular/core';\r\nimport { ProductCardSliderConfiguration } from '../../models/product-card-slider-configuration.model';\r\nimport { Product } from '../../models/product.model';\r\n\r\n@Component({\r\n  selector: 'app-product-card',\r\n  templateUrl: './product-card.component.html',\r\n  styleUrls: ['./product-card.component.css'],\r\n})\r\nexport class ProductCardComponent implements OnInit {\r\n  @Input() config: ProductCardSliderConfiguration;\r\n  public currentProduct: Product;\r\n  public currentIndex: number;\r\n\r\n  constructor() {\r\n    this.currentIndex = 1;\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    this.internalInit();\r\n  }\r\n\r\n  private internalInit(): void {\r\n    if (this.config.products) {\r\n      this.currentProduct = this.config.products[0];\r\n    }\r\n  }\r\n\r\n  public onClick(index: number): void {\r\n    const product = this.config.products[index];\r\n    if (product) {\r\n      this.currentProduct = product;\r\n      this.currentIndex = index + 1;\r\n    }\r\n  }\r\n\r\n  getStyles() {\r\n    return `--ban: url(${this.currentProduct.desktopImage});\r\n    --ban-mob: url(${this.currentProduct.desktopImage})`;\r\n  }\r\n}\r\n","import { Component, ElementRef } from '@angular/core';\r\nimport { DataInitialValueServiceService } from 'app/modules/core/services/data-initial-value-service.service';\r\nimport { ProductCardSliderConfiguration } from '../../models/product-card-slider-configuration.model';\r\n\r\n@Component({\r\n  selector: 'app-product-card-container',\r\n  templateUrl: './product-card-container.component.html',\r\n  styleUrls: ['./product-card-container.component.css']\r\n})\r\nexport class ProductCardContainerComponent {\r\n  public config: ProductCardSliderConfiguration;\r\n\r\n  constructor(private elementRef: ElementRef,\r\n    private dataInitialValue: DataInitialValueServiceService ) {\r\n      this.config = this.dataInitialValue.Parse<ProductCardSliderConfiguration>(this.elementRef);\r\n    }\r\n\r\n}\r\n","<app-product-card [config]=\"config\">\r\n</app-product-card>\r\n","import { NgModule } from '@angular/core';\r\nimport { SharedModule } from '../shared/shared.module';\r\nimport { ProductCardContainerComponent } from './components/product-card-container/product-card-container.component';\r\nimport { ProductCardComponent } from './components/product-card/product-card.component';\r\n\r\n@NgModule({\r\n  declarations: [ProductCardContainerComponent, ProductCardComponent],\r\n  imports: [SharedModule],\r\n  providers: [\r\n    {\r\n      provide: 'components',\r\n      useValue: [ProductCardContainerComponent, ProductCardComponent],\r\n      multi: true,\r\n    },\r\n  ],\r\n  entryComponents: [ProductCardContainerComponent],\r\n})\r\nexport class ProductCardSliderModule {}\r\n"],"sourceRoot":"webpack:///"}