ctt-babylon 0.0.9 → 0.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -6,12 +6,18 @@ export class BabylonItemsGridComponent {
6
6
  this.title = '';
7
7
  this.imgs = [];
8
8
  }
9
+ getImagePath(index) {
10
+ if (this.imgs && this.imgs.length > index) {
11
+ return `/assets/babylon/fotos/${this.imgs[index]}`;
12
+ }
13
+ return '';
14
+ }
9
15
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: BabylonItemsGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
10
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: BabylonItemsGridComponent, isStandalone: true, selector: "lib-babylon-items-grid", inputs: { header: "header", title: "title", imgs: "imgs" }, ngImport: i0, template: "<section class=\"babylon__items-grid margin-main\"> \r\n <div class=\"container\">\r\n <div class=\"intro_info align--center no-align\">\r\n <h3 class=\"pretitle\">{{ header }}</h3>\r\n <h2 class=\"title wow fadeInUp\" data-wow-duration=\"0.8s\" data-wow-delay=\"0.2s\">{{ title }}</h2> \r\n </div> \r\n </div>\r\n <div class=\"cs_grid_style_1 cs_lightgallery\">\r\n <div class=\"cs_grid_item\">\r\n <a href=\"'/assets/babylon/fotos/'+ img[0]\" class=\"cs_gallery_item cs_lightbox_item cs_style_1 d-block cs_bg_filed position-relative\" data-src=\"'/assets/babylon/fotos/'+ img[0]\">\r\n <div class=\"cs_gallery_item_hover cs_center title--small title--small--light cs--radius\">Beach View</div>\r\n <img src=\"'/assets/babylon/fotos/'+ img[0]\" alt=\"\" class=\"d-none\">\r\n </a>\r\n </div>\r\n <div class=\"cs_grid_item\">\r\n <a href=\"'/assets/babylon/fotos/'+ img[1]\" class=\"cs_gallery_item cs_lightbox_item cs_style_1 d-block cs_bg_filed position-relative\" data-src=\"'/assets/babylon/fotos/'+ img[1]\">\r\n <div class=\"cs_gallery_item_hover cs_center title--small title--small--light cs--radius\">Restaurant View</div>\r\n <img src=\"'/assets/babylon/fotos/'+ img[1]\" alt=\"\" class=\"d-none\">\r\n </a>\r\n </div>\r\n <div class=\"cs_grid_item\">\r\n <a href=\"'/assets/babylon/fotos/'+ img[2]\" class=\"cs_gallery_item cs_lightbox_item cs_style_1 d-block cs_bg_filed position-relative\" data-src=\"'/assets/babylon/fotos/'+ img[2]\">\r\n <div class=\"cs_gallery_item_hover cs_center title--small title--small--light cs--radius\">Relax View</div>\r\n <img src=\"'/assets/babylon/fotos/'+ img[2]\" alt=\"\" class=\"d-none\">\r\n </a>\r\n </div>\r\n <div class=\"cs_grid_item\">\r\n <a href=\"'/assets/babylon/fotos/'+ img[3]\" class=\"cs_gallery_item cs_lightbox_item cs_style_1 d-block cs_bg_filed position-relative\" data-src=\"'/assets/babylon/fotos/'+ img[3]\">\r\n <div class=\"cs_gallery_item_hover cs_center title--small title--small--light cs--radius\">Hotel View</div>\r\n <img src=\"'/assets/babylon/fotos/'+ img[3]\" alt=\"\" class=\"d-none\">\r\n </a>\r\n </div>\r\n </div>\r\n <div class=\"btns__box align--center\">\r\n <a href=\" \" class=\"btn btn_primary\">\r\n <b>Learn More</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> \r\n </section>", styles: [""] }); }
16
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: BabylonItemsGridComponent, isStandalone: true, selector: "lib-babylon-items-grid", inputs: { header: "header", title: "title", imgs: "imgs" }, ngImport: i0, template: "<section class=\"babylon__items-grid margin-main\"> \r\n <div class=\"container\">\r\n <div class=\"intro_info align--center no-align\">\r\n <h3 class=\"pretitle\">{{ header }}</h3>\r\n <h2 class=\"title wow fadeInUp\" data-wow-duration=\"0.8s\" data-wow-delay=\"0.2s\">{{ title }}</h2> \r\n </div> \r\n </div>\r\n <div class=\"cs_grid_style_1 cs_lightgallery\">\r\n <div class=\"cs_grid_item\">\r\n <a [href]=\"getImagePath(0)\" class=\"cs_gallery_item cs_lightbox_item cs_style_1 d-block cs_bg_filed position-relative\" [attr.data-src]=\"getImagePath(0)\">\r\n <div class=\"cs_gallery_item_hover cs_center title--small title--small--light cs--radius\">Beach View</div>\r\n <img [src]=\"getImagePath(0)\" alt=\"\" class=\"d-none\">\r\n </a>\r\n </div>\r\n <div class=\"cs_grid_item\">\r\n <a [href]=\"getImagePath(1)\" class=\"cs_gallery_item cs_lightbox_item cs_style_1 d-block cs_bg_filed position-relative\" [attr.data-src]=\"getImagePath(1)\">\r\n <div class=\"cs_gallery_item_hover cs_center title--small title--small--light cs--radius\">Restaurant View</div>\r\n <img [src]=\"getImagePath(1)\" alt=\"\" class=\"d-none\">\r\n </a>\r\n </div>\r\n <div class=\"cs_grid_item\">\r\n <a [href]=\"getImagePath(2)\" class=\"cs_gallery_item cs_lightbox_item cs_style_1 d-block cs_bg_filed position-relative\" [attr.data-src]=\"getImagePath(2)\">\r\n <div class=\"cs_gallery_item_hover cs_center title--small title--small--light cs--radius\">Relax View</div>\r\n <img [src]=\"getImagePath(2)\" alt=\"\" class=\"d-none\">\r\n </a>\r\n </div>\r\n <div class=\"cs_grid_item\">\r\n <a [href]=\"getImagePath(3)\" class=\"cs_gallery_item cs_lightbox_item cs_style_1 d-block cs_bg_filed position-relative\" [attr.data-src]=\"getImagePath(3)\">\r\n <div class=\"cs_gallery_item_hover cs_center title--small title--small--light cs--radius\">Hotel View</div>\r\n <img [src]=\"getImagePath(3)\" alt=\"\" class=\"d-none\">\r\n </a>\r\n </div>\r\n </div>\r\n <div class=\"btns__box align--center\">\r\n <a href=\" \" class=\"btn btn_primary\">\r\n <b>Learn More</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> \r\n </section>", styles: [""] }); }
11
17
  }
12
18
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: BabylonItemsGridComponent, decorators: [{
13
19
  type: Component,
14
- args: [{ selector: 'lib-babylon-items-grid', standalone: true, imports: [], template: "<section class=\"babylon__items-grid margin-main\"> \r\n <div class=\"container\">\r\n <div class=\"intro_info align--center no-align\">\r\n <h3 class=\"pretitle\">{{ header }}</h3>\r\n <h2 class=\"title wow fadeInUp\" data-wow-duration=\"0.8s\" data-wow-delay=\"0.2s\">{{ title }}</h2> \r\n </div> \r\n </div>\r\n <div class=\"cs_grid_style_1 cs_lightgallery\">\r\n <div class=\"cs_grid_item\">\r\n <a href=\"'/assets/babylon/fotos/'+ img[0]\" class=\"cs_gallery_item cs_lightbox_item cs_style_1 d-block cs_bg_filed position-relative\" data-src=\"'/assets/babylon/fotos/'+ img[0]\">\r\n <div class=\"cs_gallery_item_hover cs_center title--small title--small--light cs--radius\">Beach View</div>\r\n <img src=\"'/assets/babylon/fotos/'+ img[0]\" alt=\"\" class=\"d-none\">\r\n </a>\r\n </div>\r\n <div class=\"cs_grid_item\">\r\n <a href=\"'/assets/babylon/fotos/'+ img[1]\" class=\"cs_gallery_item cs_lightbox_item cs_style_1 d-block cs_bg_filed position-relative\" data-src=\"'/assets/babylon/fotos/'+ img[1]\">\r\n <div class=\"cs_gallery_item_hover cs_center title--small title--small--light cs--radius\">Restaurant View</div>\r\n <img src=\"'/assets/babylon/fotos/'+ img[1]\" alt=\"\" class=\"d-none\">\r\n </a>\r\n </div>\r\n <div class=\"cs_grid_item\">\r\n <a href=\"'/assets/babylon/fotos/'+ img[2]\" class=\"cs_gallery_item cs_lightbox_item cs_style_1 d-block cs_bg_filed position-relative\" data-src=\"'/assets/babylon/fotos/'+ img[2]\">\r\n <div class=\"cs_gallery_item_hover cs_center title--small title--small--light cs--radius\">Relax View</div>\r\n <img src=\"'/assets/babylon/fotos/'+ img[2]\" alt=\"\" class=\"d-none\">\r\n </a>\r\n </div>\r\n <div class=\"cs_grid_item\">\r\n <a href=\"'/assets/babylon/fotos/'+ img[3]\" class=\"cs_gallery_item cs_lightbox_item cs_style_1 d-block cs_bg_filed position-relative\" data-src=\"'/assets/babylon/fotos/'+ img[3]\">\r\n <div class=\"cs_gallery_item_hover cs_center title--small title--small--light cs--radius\">Hotel View</div>\r\n <img src=\"'/assets/babylon/fotos/'+ img[3]\" alt=\"\" class=\"d-none\">\r\n </a>\r\n </div>\r\n </div>\r\n <div class=\"btns__box align--center\">\r\n <a href=\" \" class=\"btn btn_primary\">\r\n <b>Learn More</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> \r\n </section>" }]
20
+ args: [{ selector: 'lib-babylon-items-grid', standalone: true, imports: [], template: "<section class=\"babylon__items-grid margin-main\"> \r\n <div class=\"container\">\r\n <div class=\"intro_info align--center no-align\">\r\n <h3 class=\"pretitle\">{{ header }}</h3>\r\n <h2 class=\"title wow fadeInUp\" data-wow-duration=\"0.8s\" data-wow-delay=\"0.2s\">{{ title }}</h2> \r\n </div> \r\n </div>\r\n <div class=\"cs_grid_style_1 cs_lightgallery\">\r\n <div class=\"cs_grid_item\">\r\n <a [href]=\"getImagePath(0)\" class=\"cs_gallery_item cs_lightbox_item cs_style_1 d-block cs_bg_filed position-relative\" [attr.data-src]=\"getImagePath(0)\">\r\n <div class=\"cs_gallery_item_hover cs_center title--small title--small--light cs--radius\">Beach View</div>\r\n <img [src]=\"getImagePath(0)\" alt=\"\" class=\"d-none\">\r\n </a>\r\n </div>\r\n <div class=\"cs_grid_item\">\r\n <a [href]=\"getImagePath(1)\" class=\"cs_gallery_item cs_lightbox_item cs_style_1 d-block cs_bg_filed position-relative\" [attr.data-src]=\"getImagePath(1)\">\r\n <div class=\"cs_gallery_item_hover cs_center title--small title--small--light cs--radius\">Restaurant View</div>\r\n <img [src]=\"getImagePath(1)\" alt=\"\" class=\"d-none\">\r\n </a>\r\n </div>\r\n <div class=\"cs_grid_item\">\r\n <a [href]=\"getImagePath(2)\" class=\"cs_gallery_item cs_lightbox_item cs_style_1 d-block cs_bg_filed position-relative\" [attr.data-src]=\"getImagePath(2)\">\r\n <div class=\"cs_gallery_item_hover cs_center title--small title--small--light cs--radius\">Relax View</div>\r\n <img [src]=\"getImagePath(2)\" alt=\"\" class=\"d-none\">\r\n </a>\r\n </div>\r\n <div class=\"cs_grid_item\">\r\n <a [href]=\"getImagePath(3)\" class=\"cs_gallery_item cs_lightbox_item cs_style_1 d-block cs_bg_filed position-relative\" [attr.data-src]=\"getImagePath(3)\">\r\n <div class=\"cs_gallery_item_hover cs_center title--small title--small--light cs--radius\">Hotel View</div>\r\n <img [src]=\"getImagePath(3)\" alt=\"\" class=\"d-none\">\r\n </a>\r\n </div>\r\n </div>\r\n <div class=\"btns__box align--center\">\r\n <a href=\" \" class=\"btn btn_primary\">\r\n <b>Learn More</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> \r\n </section>" }]
15
21
  }], propDecorators: { header: [{
16
22
  type: Input
17
23
  }], title: [{
@@ -19,4 +25,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
19
25
  }], imgs: [{
20
26
  type: Input
21
27
  }] } });
22
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFieWxvbi1pdGVtcy1ncmlkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2JhYnlsb24vc3JjL2xpYi9jb21wb25lbnRzL2NvcmUvYmFieWxvbi1pdGVtcy1ncmlkL2JhYnlsb24taXRlbXMtZ3JpZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYWJ5bG9uL3NyYy9saWIvY29tcG9uZW50cy9jb3JlL2JhYnlsb24taXRlbXMtZ3JpZC9iYWJ5bG9uLWl0ZW1zLWdyaWQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBU2pELE1BQU0sT0FBTyx5QkFBeUI7SUFQdEM7UUFRVyxXQUFNLEdBQVUsRUFBRSxDQUFDO1FBQ25CLFVBQUssR0FBVSxFQUFFLENBQUM7UUFDbEIsU0FBSSxHQUFXLEVBQUUsQ0FBQztLQUU1QjsrR0FMWSx5QkFBeUI7bUdBQXpCLHlCQUF5Qiw4SUNUdEMsb2dGQXVDWTs7NEZEOUJDLHlCQUF5QjtrQkFQckMsU0FBUzsrQkFDRSx3QkFBd0IsY0FDdEIsSUFBSSxXQUNQLEVBQUU7OEJBS0YsTUFBTTtzQkFBZCxLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1iYWJ5bG9uLWl0ZW1zLWdyaWQnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW10sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2JhYnlsb24taXRlbXMtZ3JpZC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2JhYnlsb24taXRlbXMtZ3JpZC5jb21wb25lbnQuc2NzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIEJhYnlsb25JdGVtc0dyaWRDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIGhlYWRlcjpzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSB0aXRsZTpzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSBpbWdzOnN0cmluZ1tdID1bXTtcclxuXHJcbn1cclxuIiwiPHNlY3Rpb24gY2xhc3M9XCJiYWJ5bG9uX19pdGVtcy1ncmlkIG1hcmdpbi1tYWluXCI+ICBcclxuICAgIDxkaXYgY2xhc3M9XCJjb250YWluZXJcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiaW50cm9faW5mbyBhbGlnbi0tY2VudGVyIG5vLWFsaWduXCI+XHJcbiAgICAgICAgICAgIDxoMyBjbGFzcz1cInByZXRpdGxlXCI+e3sgaGVhZGVyIH19PC9oMz5cclxuICAgICAgICAgICAgPGgyIGNsYXNzPVwidGl0bGUgd293IGZhZGVJblVwXCIgZGF0YS13b3ctZHVyYXRpb249XCIwLjhzXCIgZGF0YS13b3ctZGVsYXk9XCIwLjJzXCI+e3sgdGl0bGUgfX08L2gyPiAgIFxyXG4gICAgICAgIDwvZGl2PiAgIFxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY3NfZ3JpZF9zdHlsZV8xIGNzX2xpZ2h0Z2FsbGVyeVwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiY3NfZ3JpZF9pdGVtXCI+XHJcbiAgICAgICAgPGEgaHJlZj1cIicvYXNzZXRzL2JhYnlsb24vZm90b3MvJysgaW1nWzBdXCIgY2xhc3M9XCJjc19nYWxsZXJ5X2l0ZW0gY3NfbGlnaHRib3hfaXRlbSBjc19zdHlsZV8xIGQtYmxvY2sgY3NfYmdfZmlsZWQgcG9zaXRpb24tcmVsYXRpdmVcIiBkYXRhLXNyYz1cIicvYXNzZXRzL2JhYnlsb24vZm90b3MvJysgaW1nWzBdXCI+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiY3NfZ2FsbGVyeV9pdGVtX2hvdmVyIGNzX2NlbnRlciB0aXRsZS0tc21hbGwgdGl0bGUtLXNtYWxsLS1saWdodCBjcy0tcmFkaXVzXCI+QmVhY2ggVmlldzwvZGl2PlxyXG4gICAgICAgICAgPGltZyBzcmM9XCInL2Fzc2V0cy9iYWJ5bG9uL2ZvdG9zLycrIGltZ1swXVwiIGFsdD1cIlwiIGNsYXNzPVwiZC1ub25lXCI+XHJcbiAgICAgICAgPC9hPlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdiBjbGFzcz1cImNzX2dyaWRfaXRlbVwiPlxyXG4gICAgICAgIDxhIGhyZWY9XCInL2Fzc2V0cy9iYWJ5bG9uL2ZvdG9zLycrIGltZ1sxXVwiIGNsYXNzPVwiY3NfZ2FsbGVyeV9pdGVtIGNzX2xpZ2h0Ym94X2l0ZW0gY3Nfc3R5bGVfMSBkLWJsb2NrIGNzX2JnX2ZpbGVkIHBvc2l0aW9uLXJlbGF0aXZlXCIgZGF0YS1zcmM9XCInL2Fzc2V0cy9iYWJ5bG9uL2ZvdG9zLycrIGltZ1sxXVwiPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cImNzX2dhbGxlcnlfaXRlbV9ob3ZlciBjc19jZW50ZXIgdGl0bGUtLXNtYWxsIHRpdGxlLS1zbWFsbC0tbGlnaHQgY3MtLXJhZGl1c1wiPlJlc3RhdXJhbnQgVmlldzwvZGl2PlxyXG4gICAgICAgICAgPGltZyBzcmM9XCInL2Fzc2V0cy9iYWJ5bG9uL2ZvdG9zLycrIGltZ1sxXVwiIGFsdD1cIlwiIGNsYXNzPVwiZC1ub25lXCI+XHJcbiAgICAgICAgPC9hPlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdiBjbGFzcz1cImNzX2dyaWRfaXRlbVwiPlxyXG4gICAgICAgIDxhIGhyZWY9XCInL2Fzc2V0cy9iYWJ5bG9uL2ZvdG9zLycrIGltZ1syXVwiIGNsYXNzPVwiY3NfZ2FsbGVyeV9pdGVtIGNzX2xpZ2h0Ym94X2l0ZW0gY3Nfc3R5bGVfMSBkLWJsb2NrIGNzX2JnX2ZpbGVkIHBvc2l0aW9uLXJlbGF0aXZlXCIgZGF0YS1zcmM9XCInL2Fzc2V0cy9iYWJ5bG9uL2ZvdG9zLycrIGltZ1syXVwiPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cImNzX2dhbGxlcnlfaXRlbV9ob3ZlciBjc19jZW50ZXIgdGl0bGUtLXNtYWxsIHRpdGxlLS1zbWFsbC0tbGlnaHQgY3MtLXJhZGl1c1wiPlJlbGF4IFZpZXc8L2Rpdj5cclxuICAgICAgICAgIDxpbWcgc3JjPVwiJy9hc3NldHMvYmFieWxvbi9mb3Rvcy8nKyBpbWdbMl1cIiBhbHQ9XCJcIiBjbGFzcz1cImQtbm9uZVwiPlxyXG4gICAgICAgIDwvYT5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJjc19ncmlkX2l0ZW1cIj5cclxuICAgICAgICA8YSBocmVmPVwiJy9hc3NldHMvYmFieWxvbi9mb3Rvcy8nKyBpbWdbM11cIiBjbGFzcz1cImNzX2dhbGxlcnlfaXRlbSBjc19saWdodGJveF9pdGVtIGNzX3N0eWxlXzEgZC1ibG9jayBjc19iZ19maWxlZCBwb3NpdGlvbi1yZWxhdGl2ZVwiIGRhdGEtc3JjPVwiJy9hc3NldHMvYmFieWxvbi9mb3Rvcy8nKyBpbWdbM11cIj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJjc19nYWxsZXJ5X2l0ZW1faG92ZXIgY3NfY2VudGVyIHRpdGxlLS1zbWFsbCB0aXRsZS0tc21hbGwtLWxpZ2h0IGNzLS1yYWRpdXNcIj5Ib3RlbCBWaWV3PC9kaXY+XHJcbiAgICAgICAgICA8aW1nIHNyYz1cIicvYXNzZXRzL2JhYnlsb24vZm90b3MvJysgaW1nWzNdXCIgYWx0PVwiXCIgY2xhc3M9XCJkLW5vbmVcIj5cclxuICAgICAgICA8L2E+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiYnRuc19fYm94IGFsaWduLS1jZW50ZXJcIj5cclxuICAgICAgICA8YSBocmVmPVwiIFwiIGNsYXNzPVwiYnRuIGJ0bl9wcmltYXJ5XCI+XHJcbiAgICAgICAgICAgIDxiPkxlYXJuIE1vcmU8L2I+XHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiYmFieWxvbi1hcnJvdy1yaWdodC1iaWdcIj48L3NwYW4+IFxyXG4gICAgICAgIDwvYT5cclxuICAgIDwvZGl2PiBcclxuICA8L3NlY3Rpb24+Il19
28
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFieWxvbi1pdGVtcy1ncmlkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2JhYnlsb24vc3JjL2xpYi9jb21wb25lbnRzL2NvcmUvYmFieWxvbi1pdGVtcy1ncmlkL2JhYnlsb24taXRlbXMtZ3JpZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYWJ5bG9uL3NyYy9saWIvY29tcG9uZW50cy9jb3JlL2JhYnlsb24taXRlbXMtZ3JpZC9iYWJ5bG9uLWl0ZW1zLWdyaWQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBU2pELE1BQU0sT0FBTyx5QkFBeUI7SUFQdEM7UUFRVyxXQUFNLEdBQVUsRUFBRSxDQUFDO1FBQ25CLFVBQUssR0FBVSxFQUFFLENBQUM7UUFDbEIsU0FBSSxHQUFXLEVBQUUsQ0FBQztLQVE1QjtJQU5DLFlBQVksQ0FBQyxLQUFhO1FBQ3hCLElBQUksSUFBSSxDQUFDLElBQUksSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLEVBQUU7WUFDekMsT0FBTyx5QkFBeUIsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDO1NBQ3BEO1FBQ0QsT0FBTyxFQUFFLENBQUM7SUFDWixDQUFDOytHQVZVLHlCQUF5QjttR0FBekIseUJBQXlCLDhJQ1R0QyxvMkVBdUNZOzs0RkQ5QkMseUJBQXlCO2tCQVByQyxTQUFTOytCQUNFLHdCQUF3QixjQUN0QixJQUFJLFdBQ1AsRUFBRTs4QkFLRixNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWJhYnlsb24taXRlbXMtZ3JpZCcsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vYmFieWxvbi1pdGVtcy1ncmlkLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vYmFieWxvbi1pdGVtcy1ncmlkLmNvbXBvbmVudC5zY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgQmFieWxvbkl0ZW1zR3JpZENvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgaGVhZGVyOnN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIHRpdGxlOnN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIGltZ3M6c3RyaW5nW10gPVtdO1xyXG5cclxuICBnZXRJbWFnZVBhdGgoaW5kZXg6IG51bWJlcik6IHN0cmluZyB7XHJcbiAgICBpZiAodGhpcy5pbWdzICYmIHRoaXMuaW1ncy5sZW5ndGggPiBpbmRleCkge1xyXG4gICAgICByZXR1cm4gYC9hc3NldHMvYmFieWxvbi9mb3Rvcy8ke3RoaXMuaW1nc1tpbmRleF19YDtcclxuICAgIH1cclxuICAgIHJldHVybiAnJztcclxuICB9XHJcbn1cclxuIiwiPHNlY3Rpb24gY2xhc3M9XCJiYWJ5bG9uX19pdGVtcy1ncmlkIG1hcmdpbi1tYWluXCI+ICBcclxuICAgIDxkaXYgY2xhc3M9XCJjb250YWluZXJcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiaW50cm9faW5mbyBhbGlnbi0tY2VudGVyIG5vLWFsaWduXCI+XHJcbiAgICAgICAgICAgIDxoMyBjbGFzcz1cInByZXRpdGxlXCI+e3sgaGVhZGVyIH19PC9oMz5cclxuICAgICAgICAgICAgPGgyIGNsYXNzPVwidGl0bGUgd293IGZhZGVJblVwXCIgZGF0YS13b3ctZHVyYXRpb249XCIwLjhzXCIgZGF0YS13b3ctZGVsYXk9XCIwLjJzXCI+e3sgdGl0bGUgfX08L2gyPiAgIFxyXG4gICAgICAgIDwvZGl2PiAgIFxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY3NfZ3JpZF9zdHlsZV8xIGNzX2xpZ2h0Z2FsbGVyeVwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiY3NfZ3JpZF9pdGVtXCI+XHJcbiAgICAgICAgPGEgW2hyZWZdPVwiZ2V0SW1hZ2VQYXRoKDApXCIgY2xhc3M9XCJjc19nYWxsZXJ5X2l0ZW0gY3NfbGlnaHRib3hfaXRlbSBjc19zdHlsZV8xIGQtYmxvY2sgY3NfYmdfZmlsZWQgcG9zaXRpb24tcmVsYXRpdmVcIiBbYXR0ci5kYXRhLXNyY109XCJnZXRJbWFnZVBhdGgoMClcIj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJjc19nYWxsZXJ5X2l0ZW1faG92ZXIgY3NfY2VudGVyIHRpdGxlLS1zbWFsbCB0aXRsZS0tc21hbGwtLWxpZ2h0IGNzLS1yYWRpdXNcIj5CZWFjaCBWaWV3PC9kaXY+XHJcbiAgICAgICAgICA8aW1nIFtzcmNdPVwiZ2V0SW1hZ2VQYXRoKDApXCIgYWx0PVwiXCIgY2xhc3M9XCJkLW5vbmVcIj5cclxuICAgICAgICA8L2E+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiY3NfZ3JpZF9pdGVtXCI+XHJcbiAgICAgICAgPGEgW2hyZWZdPVwiZ2V0SW1hZ2VQYXRoKDEpXCIgY2xhc3M9XCJjc19nYWxsZXJ5X2l0ZW0gY3NfbGlnaHRib3hfaXRlbSBjc19zdHlsZV8xIGQtYmxvY2sgY3NfYmdfZmlsZWQgcG9zaXRpb24tcmVsYXRpdmVcIiBbYXR0ci5kYXRhLXNyY109XCJnZXRJbWFnZVBhdGgoMSlcIj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJjc19nYWxsZXJ5X2l0ZW1faG92ZXIgY3NfY2VudGVyIHRpdGxlLS1zbWFsbCB0aXRsZS0tc21hbGwtLWxpZ2h0IGNzLS1yYWRpdXNcIj5SZXN0YXVyYW50IFZpZXc8L2Rpdj5cclxuICAgICAgICAgIDxpbWcgW3NyY109XCJnZXRJbWFnZVBhdGgoMSlcIiBhbHQ9XCJcIiBjbGFzcz1cImQtbm9uZVwiPlxyXG4gICAgICAgIDwvYT5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJjc19ncmlkX2l0ZW1cIj5cclxuICAgICAgICA8YSBbaHJlZl09XCJnZXRJbWFnZVBhdGgoMilcIiBjbGFzcz1cImNzX2dhbGxlcnlfaXRlbSBjc19saWdodGJveF9pdGVtIGNzX3N0eWxlXzEgZC1ibG9jayBjc19iZ19maWxlZCBwb3NpdGlvbi1yZWxhdGl2ZVwiIFthdHRyLmRhdGEtc3JjXT1cImdldEltYWdlUGF0aCgyKVwiPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cImNzX2dhbGxlcnlfaXRlbV9ob3ZlciBjc19jZW50ZXIgdGl0bGUtLXNtYWxsIHRpdGxlLS1zbWFsbC0tbGlnaHQgY3MtLXJhZGl1c1wiPlJlbGF4IFZpZXc8L2Rpdj5cclxuICAgICAgICAgIDxpbWcgW3NyY109XCJnZXRJbWFnZVBhdGgoMilcIiBhbHQ9XCJcIiBjbGFzcz1cImQtbm9uZVwiPlxyXG4gICAgICAgIDwvYT5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJjc19ncmlkX2l0ZW1cIj5cclxuICAgICAgICA8YSBbaHJlZl09XCJnZXRJbWFnZVBhdGgoMylcIiBjbGFzcz1cImNzX2dhbGxlcnlfaXRlbSBjc19saWdodGJveF9pdGVtIGNzX3N0eWxlXzEgZC1ibG9jayBjc19iZ19maWxlZCBwb3NpdGlvbi1yZWxhdGl2ZVwiIFthdHRyLmRhdGEtc3JjXT1cImdldEltYWdlUGF0aCgzKVwiPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cImNzX2dhbGxlcnlfaXRlbV9ob3ZlciBjc19jZW50ZXIgdGl0bGUtLXNtYWxsIHRpdGxlLS1zbWFsbC0tbGlnaHQgY3MtLXJhZGl1c1wiPkhvdGVsIFZpZXc8L2Rpdj5cclxuICAgICAgICAgIDxpbWcgW3NyY109XCJnZXRJbWFnZVBhdGgoMylcIiBhbHQ9XCJcIiBjbGFzcz1cImQtbm9uZVwiPlxyXG4gICAgICAgIDwvYT5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJidG5zX19ib3ggYWxpZ24tLWNlbnRlclwiPlxyXG4gICAgICAgIDxhIGhyZWY9XCIgXCIgY2xhc3M9XCJidG4gYnRuX3ByaW1hcnlcIj5cclxuICAgICAgICAgICAgPGI+TGVhcm4gTW9yZTwvYj5cclxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJiYWJ5bG9uLWFycm93LXJpZ2h0LWJpZ1wiPjwvc3Bhbj4gXHJcbiAgICAgICAgPC9hPlxyXG4gICAgPC9kaXY+IFxyXG4gIDwvc2VjdGlvbj4iXX0=
@@ -245,12 +245,18 @@ class BabylonItemsGridComponent {
245
245
  this.title = '';
246
246
  this.imgs = [];
247
247
  }
248
+ getImagePath(index) {
249
+ if (this.imgs && this.imgs.length > index) {
250
+ return `/assets/babylon/fotos/${this.imgs[index]}`;
251
+ }
252
+ return '';
253
+ }
248
254
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: BabylonItemsGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
249
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: BabylonItemsGridComponent, isStandalone: true, selector: "lib-babylon-items-grid", inputs: { header: "header", title: "title", imgs: "imgs" }, ngImport: i0, template: "<section class=\"babylon__items-grid margin-main\"> \r\n <div class=\"container\">\r\n <div class=\"intro_info align--center no-align\">\r\n <h3 class=\"pretitle\">{{ header }}</h3>\r\n <h2 class=\"title wow fadeInUp\" data-wow-duration=\"0.8s\" data-wow-delay=\"0.2s\">{{ title }}</h2> \r\n </div> \r\n </div>\r\n <div class=\"cs_grid_style_1 cs_lightgallery\">\r\n <div class=\"cs_grid_item\">\r\n <a href=\"'/assets/babylon/fotos/'+ img[0]\" class=\"cs_gallery_item cs_lightbox_item cs_style_1 d-block cs_bg_filed position-relative\" data-src=\"'/assets/babylon/fotos/'+ img[0]\">\r\n <div class=\"cs_gallery_item_hover cs_center title--small title--small--light cs--radius\">Beach View</div>\r\n <img src=\"'/assets/babylon/fotos/'+ img[0]\" alt=\"\" class=\"d-none\">\r\n </a>\r\n </div>\r\n <div class=\"cs_grid_item\">\r\n <a href=\"'/assets/babylon/fotos/'+ img[1]\" class=\"cs_gallery_item cs_lightbox_item cs_style_1 d-block cs_bg_filed position-relative\" data-src=\"'/assets/babylon/fotos/'+ img[1]\">\r\n <div class=\"cs_gallery_item_hover cs_center title--small title--small--light cs--radius\">Restaurant View</div>\r\n <img src=\"'/assets/babylon/fotos/'+ img[1]\" alt=\"\" class=\"d-none\">\r\n </a>\r\n </div>\r\n <div class=\"cs_grid_item\">\r\n <a href=\"'/assets/babylon/fotos/'+ img[2]\" class=\"cs_gallery_item cs_lightbox_item cs_style_1 d-block cs_bg_filed position-relative\" data-src=\"'/assets/babylon/fotos/'+ img[2]\">\r\n <div class=\"cs_gallery_item_hover cs_center title--small title--small--light cs--radius\">Relax View</div>\r\n <img src=\"'/assets/babylon/fotos/'+ img[2]\" alt=\"\" class=\"d-none\">\r\n </a>\r\n </div>\r\n <div class=\"cs_grid_item\">\r\n <a href=\"'/assets/babylon/fotos/'+ img[3]\" class=\"cs_gallery_item cs_lightbox_item cs_style_1 d-block cs_bg_filed position-relative\" data-src=\"'/assets/babylon/fotos/'+ img[3]\">\r\n <div class=\"cs_gallery_item_hover cs_center title--small title--small--light cs--radius\">Hotel View</div>\r\n <img src=\"'/assets/babylon/fotos/'+ img[3]\" alt=\"\" class=\"d-none\">\r\n </a>\r\n </div>\r\n </div>\r\n <div class=\"btns__box align--center\">\r\n <a href=\" \" class=\"btn btn_primary\">\r\n <b>Learn More</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> \r\n </section>", styles: [""] }); }
255
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: BabylonItemsGridComponent, isStandalone: true, selector: "lib-babylon-items-grid", inputs: { header: "header", title: "title", imgs: "imgs" }, ngImport: i0, template: "<section class=\"babylon__items-grid margin-main\"> \r\n <div class=\"container\">\r\n <div class=\"intro_info align--center no-align\">\r\n <h3 class=\"pretitle\">{{ header }}</h3>\r\n <h2 class=\"title wow fadeInUp\" data-wow-duration=\"0.8s\" data-wow-delay=\"0.2s\">{{ title }}</h2> \r\n </div> \r\n </div>\r\n <div class=\"cs_grid_style_1 cs_lightgallery\">\r\n <div class=\"cs_grid_item\">\r\n <a [href]=\"getImagePath(0)\" class=\"cs_gallery_item cs_lightbox_item cs_style_1 d-block cs_bg_filed position-relative\" [attr.data-src]=\"getImagePath(0)\">\r\n <div class=\"cs_gallery_item_hover cs_center title--small title--small--light cs--radius\">Beach View</div>\r\n <img [src]=\"getImagePath(0)\" alt=\"\" class=\"d-none\">\r\n </a>\r\n </div>\r\n <div class=\"cs_grid_item\">\r\n <a [href]=\"getImagePath(1)\" class=\"cs_gallery_item cs_lightbox_item cs_style_1 d-block cs_bg_filed position-relative\" [attr.data-src]=\"getImagePath(1)\">\r\n <div class=\"cs_gallery_item_hover cs_center title--small title--small--light cs--radius\">Restaurant View</div>\r\n <img [src]=\"getImagePath(1)\" alt=\"\" class=\"d-none\">\r\n </a>\r\n </div>\r\n <div class=\"cs_grid_item\">\r\n <a [href]=\"getImagePath(2)\" class=\"cs_gallery_item cs_lightbox_item cs_style_1 d-block cs_bg_filed position-relative\" [attr.data-src]=\"getImagePath(2)\">\r\n <div class=\"cs_gallery_item_hover cs_center title--small title--small--light cs--radius\">Relax View</div>\r\n <img [src]=\"getImagePath(2)\" alt=\"\" class=\"d-none\">\r\n </a>\r\n </div>\r\n <div class=\"cs_grid_item\">\r\n <a [href]=\"getImagePath(3)\" class=\"cs_gallery_item cs_lightbox_item cs_style_1 d-block cs_bg_filed position-relative\" [attr.data-src]=\"getImagePath(3)\">\r\n <div class=\"cs_gallery_item_hover cs_center title--small title--small--light cs--radius\">Hotel View</div>\r\n <img [src]=\"getImagePath(3)\" alt=\"\" class=\"d-none\">\r\n </a>\r\n </div>\r\n </div>\r\n <div class=\"btns__box align--center\">\r\n <a href=\" \" class=\"btn btn_primary\">\r\n <b>Learn More</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> \r\n </section>", styles: [""] }); }
250
256
  }
251
257
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: BabylonItemsGridComponent, decorators: [{
252
258
  type: Component,
253
- args: [{ selector: 'lib-babylon-items-grid', standalone: true, imports: [], template: "<section class=\"babylon__items-grid margin-main\"> \r\n <div class=\"container\">\r\n <div class=\"intro_info align--center no-align\">\r\n <h3 class=\"pretitle\">{{ header }}</h3>\r\n <h2 class=\"title wow fadeInUp\" data-wow-duration=\"0.8s\" data-wow-delay=\"0.2s\">{{ title }}</h2> \r\n </div> \r\n </div>\r\n <div class=\"cs_grid_style_1 cs_lightgallery\">\r\n <div class=\"cs_grid_item\">\r\n <a href=\"'/assets/babylon/fotos/'+ img[0]\" class=\"cs_gallery_item cs_lightbox_item cs_style_1 d-block cs_bg_filed position-relative\" data-src=\"'/assets/babylon/fotos/'+ img[0]\">\r\n <div class=\"cs_gallery_item_hover cs_center title--small title--small--light cs--radius\">Beach View</div>\r\n <img src=\"'/assets/babylon/fotos/'+ img[0]\" alt=\"\" class=\"d-none\">\r\n </a>\r\n </div>\r\n <div class=\"cs_grid_item\">\r\n <a href=\"'/assets/babylon/fotos/'+ img[1]\" class=\"cs_gallery_item cs_lightbox_item cs_style_1 d-block cs_bg_filed position-relative\" data-src=\"'/assets/babylon/fotos/'+ img[1]\">\r\n <div class=\"cs_gallery_item_hover cs_center title--small title--small--light cs--radius\">Restaurant View</div>\r\n <img src=\"'/assets/babylon/fotos/'+ img[1]\" alt=\"\" class=\"d-none\">\r\n </a>\r\n </div>\r\n <div class=\"cs_grid_item\">\r\n <a href=\"'/assets/babylon/fotos/'+ img[2]\" class=\"cs_gallery_item cs_lightbox_item cs_style_1 d-block cs_bg_filed position-relative\" data-src=\"'/assets/babylon/fotos/'+ img[2]\">\r\n <div class=\"cs_gallery_item_hover cs_center title--small title--small--light cs--radius\">Relax View</div>\r\n <img src=\"'/assets/babylon/fotos/'+ img[2]\" alt=\"\" class=\"d-none\">\r\n </a>\r\n </div>\r\n <div class=\"cs_grid_item\">\r\n <a href=\"'/assets/babylon/fotos/'+ img[3]\" class=\"cs_gallery_item cs_lightbox_item cs_style_1 d-block cs_bg_filed position-relative\" data-src=\"'/assets/babylon/fotos/'+ img[3]\">\r\n <div class=\"cs_gallery_item_hover cs_center title--small title--small--light cs--radius\">Hotel View</div>\r\n <img src=\"'/assets/babylon/fotos/'+ img[3]\" alt=\"\" class=\"d-none\">\r\n </a>\r\n </div>\r\n </div>\r\n <div class=\"btns__box align--center\">\r\n <a href=\" \" class=\"btn btn_primary\">\r\n <b>Learn More</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> \r\n </section>" }]
259
+ args: [{ selector: 'lib-babylon-items-grid', standalone: true, imports: [], template: "<section class=\"babylon__items-grid margin-main\"> \r\n <div class=\"container\">\r\n <div class=\"intro_info align--center no-align\">\r\n <h3 class=\"pretitle\">{{ header }}</h3>\r\n <h2 class=\"title wow fadeInUp\" data-wow-duration=\"0.8s\" data-wow-delay=\"0.2s\">{{ title }}</h2> \r\n </div> \r\n </div>\r\n <div class=\"cs_grid_style_1 cs_lightgallery\">\r\n <div class=\"cs_grid_item\">\r\n <a [href]=\"getImagePath(0)\" class=\"cs_gallery_item cs_lightbox_item cs_style_1 d-block cs_bg_filed position-relative\" [attr.data-src]=\"getImagePath(0)\">\r\n <div class=\"cs_gallery_item_hover cs_center title--small title--small--light cs--radius\">Beach View</div>\r\n <img [src]=\"getImagePath(0)\" alt=\"\" class=\"d-none\">\r\n </a>\r\n </div>\r\n <div class=\"cs_grid_item\">\r\n <a [href]=\"getImagePath(1)\" class=\"cs_gallery_item cs_lightbox_item cs_style_1 d-block cs_bg_filed position-relative\" [attr.data-src]=\"getImagePath(1)\">\r\n <div class=\"cs_gallery_item_hover cs_center title--small title--small--light cs--radius\">Restaurant View</div>\r\n <img [src]=\"getImagePath(1)\" alt=\"\" class=\"d-none\">\r\n </a>\r\n </div>\r\n <div class=\"cs_grid_item\">\r\n <a [href]=\"getImagePath(2)\" class=\"cs_gallery_item cs_lightbox_item cs_style_1 d-block cs_bg_filed position-relative\" [attr.data-src]=\"getImagePath(2)\">\r\n <div class=\"cs_gallery_item_hover cs_center title--small title--small--light cs--radius\">Relax View</div>\r\n <img [src]=\"getImagePath(2)\" alt=\"\" class=\"d-none\">\r\n </a>\r\n </div>\r\n <div class=\"cs_grid_item\">\r\n <a [href]=\"getImagePath(3)\" class=\"cs_gallery_item cs_lightbox_item cs_style_1 d-block cs_bg_filed position-relative\" [attr.data-src]=\"getImagePath(3)\">\r\n <div class=\"cs_gallery_item_hover cs_center title--small title--small--light cs--radius\">Hotel View</div>\r\n <img [src]=\"getImagePath(3)\" alt=\"\" class=\"d-none\">\r\n </a>\r\n </div>\r\n </div>\r\n <div class=\"btns__box align--center\">\r\n <a href=\" \" class=\"btn btn_primary\">\r\n <b>Learn More</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> \r\n </section>" }]
254
260
  }], propDecorators: { header: [{
255
261
  type: Input
256
262
  }], title: [{