ctt-puro 0.7.2 → 0.9.0
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.
- package/esm2022/lib/components/puro-info-list/index.mjs +2 -1
- package/esm2022/lib/components/puro-info-list/puro-info-list.component.mjs +18 -13
- package/esm2022/lib/components/puro-info-list/puro-info-list.interface.mjs +2 -0
- package/esm2022/lib/components/puro-slider3col-round/index.mjs +2 -1
- package/esm2022/lib/components/puro-slider3col-round/puro-slider3col-round.component.mjs +15 -5
- package/esm2022/lib/components/puro-slider3col-round/puro-slider3col-round.interface.mjs +2 -0
- package/fesm2022/ctt-puro.mjs +34 -21
- package/fesm2022/ctt-puro.mjs.map +1 -1
- package/lib/components/puro-info-list/index.d.ts +1 -0
- package/lib/components/puro-info-list/puro-info-list.component.d.ts +8 -5
- package/lib/components/puro-info-list/puro-info-list.interface.d.ts +9 -0
- package/lib/components/puro-slider3col-round/index.d.ts +1 -0
- package/lib/components/puro-slider3col-round/puro-slider3col-round.component.d.ts +11 -1
- package/lib/components/puro-slider3col-round/puro-slider3col-round.interface.d.ts +8 -0
- package/package.json +1 -1
|
@@ -1,2 +1,3 @@
|
|
|
1
1
|
export * from './puro-info-list.component';
|
|
2
|
-
|
|
2
|
+
export * from './puro-info-list.interface';
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wdXJvL3NyYy9saWIvY29tcG9uZW50cy9wdXJvLWluZm8tbGlzdC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsNEJBQTRCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3B1cm8taW5mby1saXN0LmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vcHVyby1pbmZvLWxpc3QuaW50ZXJmYWNlJztcclxuIl19
|
|
@@ -1,19 +1,24 @@
|
|
|
1
1
|
import { CommonModule } from '@angular/common';
|
|
2
|
-
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
2
|
+
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@angular/platform-browser";
|
|
5
4
|
export class PuroInfoListComponent {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
}
|
|
9
|
-
constructor(sanitizer) {
|
|
10
|
-
this.sanitizer = sanitizer;
|
|
11
|
-
}
|
|
12
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroInfoListComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroInfoListComponent, isStandalone: true, selector: "lib-puro-info-list", ngImport: i0, template: "<section class=\"info-list\">\n <div class=\"info-list__wrapper\">\n <img\n class=\"info-list__image--bg\"\n src=\"assets/puro/images/info-list-background.png\"\n />\n <img\n class=\"info-list__image\"\n src=\"assets/puro/images/info-list.png\"\n alt=\"\"\n />\n </div>\n\n <div class=\"info-list__content--wrapper\">\n <div class=\"info-list__content\">\n <h2 class=\"info-list__title\">Pr\u00F3ximas aperturas</h2>\n <p class=\"info-list__description\">\n Many desktop publishing packages and web page editors now use\n Lorem Ipsum as their default model text.\n </p>\n <ul class=\"info-list__list\">\n <li class=\"info-list__item\">\n <img\n src=\"assets/puro/images/info-list-item.png\"\n alt=\"\"\n class=\"info-list__item__img\"\n />\n <span class=\"info-list__description\"> Creta (Grecia) </span>\n </li>\n <li class=\"info-list__item\">\n <img\n src=\"assets/puro/images/info-list-item.png\"\n alt=\"\"\n class=\"info-list__item__img\"\n />\n <span class=\"info-list__description\">\n TAGHAZOUT (MARRUECOS)\n </span>\n </li>\n <li class=\"info-list__item\">\n <img\n src=\"assets/puro/images/info-list-item.png\"\n alt=\"\"\n class=\"info-list__item__img\"\n />\n <span class=\"info-list__description\">\n Red sea (Equipto)\n </span>\n </li>\n </ul>\n </div>\n </div>\n</section>\n", styles: [".info-list{display:flex;justify-content:space-between;flex-direction:column;transition:all .5s;padding-block:3.5rem;padding-inline:4.5rem}@media (min-width: 768px){.info-list{padding-block:6.8rem 5.6rem}}@media (min-width: 1024px){.info-list{padding-block:4.8rem 4rem;padding-inline:0;flex-direction:row}}@media (min-width: 1680px){.info-list{padding-block:7rem 5.3rem}}.info-list>*{flex:1 1 50%}.info-list__content{padding-top:1.5rem;transition:all .5s;text-align:center;padding-inline:4.5rem}.info-list__content--wrapper{display:flex;align-items:center}@media (min-width: 768px){.info-list__content{padding-top:3rem;padding-inline:14.5rem}}@media (min-width: 1024px){.info-list__content{padding-block:4.8rem;padding-inline:8.6rem 8.5rem;text-align:start}}.info-list__title{width:100%;color:#303030;transition:all .5s;margin-bottom:.9rem;font-size:2.8rem;line-height:1.3103571429;letter-spacing:.056rem;padding-bottom:15px}@media (min-width: 540px){.info-list__title{font-size:3.2rem;line-height:1.25;letter-spacing:.064rem}}@media (min-width: 768px){.info-list__title{font-size:4rem;line-height:1.25;letter-spacing:.08rem}}@media (min-width: 1366px){.info-list__title{font-size:5.4rem;line-height:1.2888888889;letter-spacing:.108rem}}@media (min-width: 1680px){.info-list__title{font-size:6.4rem;line-height:.968;letter-spacing:.128rem;margin-bottom:3rem}}.info-list__description{display:inline-block;font-size:1.4rem;line-height:1.7;letter-spacing:.042rem;max-width:93.078%;color:#1e1e1e99}@media (min-width: 768px){.info-list__description{font-size:1.6rem;line-height:1.7;letter-spacing:.048rem}}@media (min-width: 1280px){.info-list__description{font-size:1.8rem;line-height:1.7;letter-spacing:.054rem}}.info-list__wrapper{position:relative;display:flex;justify-content:center}@media (min-width: 1024){.info-list__wrapper{justify-content:flex-end}}@media (min-width: 1280px){.info-list__wrapper{padding-right:40px}}.info-list__image{aspect-ratio:677/813;-o-object-fit:cover;object-fit:cover}.info-list__image--bg{position:absolute;z-index:-1}@media (max-width: 1024px){.info-list__image--bg{display:none}}@media (min-width: 1024px){.info-list__image--bg{top:-200px;right:-200px}}@media (min-width: 1280px){.info-list__image--bg{top:-222px;right:-262px}}.info-list__list{padding-top:10px}@media (min-width: 1024px){.info-list__list{padding-top:30px;padding-left:24px}}.info-list__item{display:flex;align-items:center;justify-content:center;position:relative;padding-bottom:15px}@media (max-width: 1024px){.info-list__item{left:-30px}}@media (min-width: 1024px){.info-list__item{padding-bottom:40px;justify-content:flex-start}}.info-list__item__img{position:absolute;left:-30px}@media (max-width: 1024px){.info-list__item__img{position:relative;left:30px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroInfoListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroInfoListComponent, isStandalone: true, selector: "lib-puro-info-list", inputs: { img: "img", backgroundImg: "backgroundImg", smallImg: "smallImg", title: "title", desctiption: "desctiption", items: "items" }, ngImport: i0, template: "<section class=\"info-list\">\n <div class=\"info-list__wrapper\">\n @if (backgroundImg) {\n <img\n class=\"info-list__image--bg\"\n [src]=\"backgroundImg.src\"\n [alt]=\"backgroundImg.alt\"\n />\n }\n @if (img) {\n <img class=\"info-list__image\" [src]=\"img.src\" [alt]=\"img.alt\" />\n }\n </div>\n\n <div class=\"info-list__content--wrapper\">\n <div class=\"info-list__content\">\n @if (title) {\n <h2 class=\"info-list__title\">{{ title }}</h2>\n }\n @if (desctiption) {\n <p class=\"info-list__description\">\n {{ desctiption }}\n </p>\n }\n <ul class=\"info-list__list\">\n @for (item of items || []; track $index) {\n <li class=\"info-list__item\">\n @if (smallImg) {\n <img\n [src]=\"smallImg.src\"\n [alt]=\"smallImg.alt\"\n class=\"info-list__item__img\"\n />\n }\n <span class=\"info-list__description\">\n {{ item }}\n </span>\n </li>\n }\n </ul>\n </div>\n </div>\n</section>\n", styles: [".info-list{display:flex;justify-content:space-between;flex-direction:column;transition:all .5s;padding-block:3.5rem;padding-inline:4.5rem}@media (min-width: 768px){.info-list{padding-block:6.8rem 5.6rem}}@media (min-width: 1024px){.info-list{padding-block:4.8rem 4rem;padding-inline:0;flex-direction:row}}@media (min-width: 1680px){.info-list{padding-block:7rem 5.3rem}}.info-list>*{flex:1 1 50%}.info-list__content{padding-top:1.5rem;transition:all .5s;text-align:center;padding-inline:4.5rem}.info-list__content--wrapper{display:flex;align-items:center}@media (min-width: 768px){.info-list__content{padding-top:3rem;padding-inline:14.5rem}}@media (min-width: 1024px){.info-list__content{padding-block:4.8rem;padding-inline:8.6rem 8.5rem;text-align:start}}.info-list__title{width:100%;color:#303030;transition:all .5s;margin-bottom:.9rem;font-size:2.8rem;line-height:1.3103571429;letter-spacing:.056rem;padding-bottom:15px}@media (min-width: 540px){.info-list__title{font-size:3.2rem;line-height:1.25;letter-spacing:.064rem}}@media (min-width: 768px){.info-list__title{font-size:4rem;line-height:1.25;letter-spacing:.08rem}}@media (min-width: 1366px){.info-list__title{font-size:5.4rem;line-height:1.2888888889;letter-spacing:.108rem}}@media (min-width: 1680px){.info-list__title{font-size:6.4rem;line-height:.968;letter-spacing:.128rem;margin-bottom:3rem}}.info-list__description{display:inline-block;font-size:1.4rem;line-height:1.7;letter-spacing:.042rem;max-width:93.078%;color:#1e1e1e99}@media (min-width: 768px){.info-list__description{font-size:1.6rem;line-height:1.7;letter-spacing:.048rem}}@media (min-width: 1280px){.info-list__description{font-size:1.8rem;line-height:1.7;letter-spacing:.054rem}}.info-list__wrapper{position:relative;display:flex;justify-content:center}@media (min-width: 1024){.info-list__wrapper{justify-content:flex-end}}@media (min-width: 1280px){.info-list__wrapper{padding-right:40px}}.info-list__image{aspect-ratio:677/813;-o-object-fit:cover;object-fit:cover}.info-list__image--bg{position:absolute;z-index:-1}@media (max-width: 1024px){.info-list__image--bg{display:none}}@media (min-width: 1024px){.info-list__image--bg{top:-200px;right:-200px}}@media (min-width: 1280px){.info-list__image--bg{top:-222px;right:-262px}}.info-list__list{padding-top:10px}@media (min-width: 1024px){.info-list__list{padding-top:30px;padding-left:24px}}.info-list__item{display:flex;align-items:center;justify-content:center;position:relative;padding-bottom:15px}@media (max-width: 1024px){.info-list__item{left:-30px}}@media (min-width: 1024px){.info-list__item{padding-bottom:40px;justify-content:flex-start}}.info-list__item__img{position:absolute;left:-30px}@media (max-width: 1024px){.info-list__item__img{position:relative;left:30px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
14
7
|
}
|
|
15
8
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroInfoListComponent, decorators: [{
|
|
16
9
|
type: Component,
|
|
17
|
-
args: [{ selector: 'lib-puro-info-list', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"info-list\">\n <div class=\"info-list__wrapper\">\n <img\n
|
|
18
|
-
}],
|
|
19
|
-
|
|
10
|
+
args: [{ selector: 'lib-puro-info-list', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"info-list\">\n <div class=\"info-list__wrapper\">\n @if (backgroundImg) {\n <img\n class=\"info-list__image--bg\"\n [src]=\"backgroundImg.src\"\n [alt]=\"backgroundImg.alt\"\n />\n }\n @if (img) {\n <img class=\"info-list__image\" [src]=\"img.src\" [alt]=\"img.alt\" />\n }\n </div>\n\n <div class=\"info-list__content--wrapper\">\n <div class=\"info-list__content\">\n @if (title) {\n <h2 class=\"info-list__title\">{{ title }}</h2>\n }\n @if (desctiption) {\n <p class=\"info-list__description\">\n {{ desctiption }}\n </p>\n }\n <ul class=\"info-list__list\">\n @for (item of items || []; track $index) {\n <li class=\"info-list__item\">\n @if (smallImg) {\n <img\n [src]=\"smallImg.src\"\n [alt]=\"smallImg.alt\"\n class=\"info-list__item__img\"\n />\n }\n <span class=\"info-list__description\">\n {{ item }}\n </span>\n </li>\n }\n </ul>\n </div>\n </div>\n</section>\n", styles: [".info-list{display:flex;justify-content:space-between;flex-direction:column;transition:all .5s;padding-block:3.5rem;padding-inline:4.5rem}@media (min-width: 768px){.info-list{padding-block:6.8rem 5.6rem}}@media (min-width: 1024px){.info-list{padding-block:4.8rem 4rem;padding-inline:0;flex-direction:row}}@media (min-width: 1680px){.info-list{padding-block:7rem 5.3rem}}.info-list>*{flex:1 1 50%}.info-list__content{padding-top:1.5rem;transition:all .5s;text-align:center;padding-inline:4.5rem}.info-list__content--wrapper{display:flex;align-items:center}@media (min-width: 768px){.info-list__content{padding-top:3rem;padding-inline:14.5rem}}@media (min-width: 1024px){.info-list__content{padding-block:4.8rem;padding-inline:8.6rem 8.5rem;text-align:start}}.info-list__title{width:100%;color:#303030;transition:all .5s;margin-bottom:.9rem;font-size:2.8rem;line-height:1.3103571429;letter-spacing:.056rem;padding-bottom:15px}@media (min-width: 540px){.info-list__title{font-size:3.2rem;line-height:1.25;letter-spacing:.064rem}}@media (min-width: 768px){.info-list__title{font-size:4rem;line-height:1.25;letter-spacing:.08rem}}@media (min-width: 1366px){.info-list__title{font-size:5.4rem;line-height:1.2888888889;letter-spacing:.108rem}}@media (min-width: 1680px){.info-list__title{font-size:6.4rem;line-height:.968;letter-spacing:.128rem;margin-bottom:3rem}}.info-list__description{display:inline-block;font-size:1.4rem;line-height:1.7;letter-spacing:.042rem;max-width:93.078%;color:#1e1e1e99}@media (min-width: 768px){.info-list__description{font-size:1.6rem;line-height:1.7;letter-spacing:.048rem}}@media (min-width: 1280px){.info-list__description{font-size:1.8rem;line-height:1.7;letter-spacing:.054rem}}.info-list__wrapper{position:relative;display:flex;justify-content:center}@media (min-width: 1024){.info-list__wrapper{justify-content:flex-end}}@media (min-width: 1280px){.info-list__wrapper{padding-right:40px}}.info-list__image{aspect-ratio:677/813;-o-object-fit:cover;object-fit:cover}.info-list__image--bg{position:absolute;z-index:-1}@media (max-width: 1024px){.info-list__image--bg{display:none}}@media (min-width: 1024px){.info-list__image--bg{top:-200px;right:-200px}}@media (min-width: 1280px){.info-list__image--bg{top:-222px;right:-262px}}.info-list__list{padding-top:10px}@media (min-width: 1024px){.info-list__list{padding-top:30px;padding-left:24px}}.info-list__item{display:flex;align-items:center;justify-content:center;position:relative;padding-bottom:15px}@media (max-width: 1024px){.info-list__item{left:-30px}}@media (min-width: 1024px){.info-list__item{padding-bottom:40px;justify-content:flex-start}}.info-list__item__img{position:absolute;left:-30px}@media (max-width: 1024px){.info-list__item__img{position:relative;left:30px}}\n"] }]
|
|
11
|
+
}], propDecorators: { img: [{
|
|
12
|
+
type: Input
|
|
13
|
+
}], backgroundImg: [{
|
|
14
|
+
type: Input
|
|
15
|
+
}], smallImg: [{
|
|
16
|
+
type: Input
|
|
17
|
+
}], title: [{
|
|
18
|
+
type: Input
|
|
19
|
+
}], desctiption: [{
|
|
20
|
+
type: Input
|
|
21
|
+
}], items: [{
|
|
22
|
+
type: Input
|
|
23
|
+
}] } });
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVyby1pbmZvLWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHVyby9zcmMvbGliL2NvbXBvbmVudHMvcHVyby1pbmZvLWxpc3QvcHVyby1pbmZvLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHVyby9zcmMvbGliL2NvbXBvbmVudHMvcHVyby1pbmZvLWxpc3QvcHVyby1pbmZvLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVcxRSxNQUFNLE9BQU8scUJBQXFCOytHQUFyQixxQkFBcUI7bUdBQXJCLHFCQUFxQix3TkNabEMsazlDQTJDQSxrd0ZEcENjLFlBQVk7OzRGQUtiLHFCQUFxQjtrQkFSakMsU0FBUzsrQkFDSSxvQkFBb0IsY0FDbEIsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDLG1CQUdOLHVCQUF1QixDQUFDLE1BQU07OEJBR3RDLEdBQUc7c0JBQVgsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQdXJvSW1hZ2VJIH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbGliLXB1cm8taW5mby1saXN0JyxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9wdXJvLWluZm8tbGlzdC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmw6ICcuL3B1cm8taW5mby1saXN0LmNvbXBvbmVudC5zY3NzJyxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgUHVyb0luZm9MaXN0Q29tcG9uZW50IHtcbiAgICBASW5wdXQoKSBpbWc/OiBQdXJvSW1hZ2VJO1xuICAgIEBJbnB1dCgpIGJhY2tncm91bmRJbWc/OiBQdXJvSW1hZ2VJO1xuICAgIEBJbnB1dCgpIHNtYWxsSW1nPzogUHVyb0ltYWdlSTtcbiAgICBASW5wdXQoKSB0aXRsZT86IHN0cmluZztcbiAgICBASW5wdXQoKSBkZXNjdGlwdGlvbj86IHN0cmluZztcbiAgICBASW5wdXQoKSBpdGVtcz86IHN0cmluZ1tdO1xufVxuIiwiPHNlY3Rpb24gY2xhc3M9XCJpbmZvLWxpc3RcIj5cbiAgICA8ZGl2IGNsYXNzPVwiaW5mby1saXN0X193cmFwcGVyXCI+XG4gICAgICAgIEBpZiAoYmFja2dyb3VuZEltZykge1xuICAgICAgICAgICAgPGltZ1xuICAgICAgICAgICAgICAgIGNsYXNzPVwiaW5mby1saXN0X19pbWFnZS0tYmdcIlxuICAgICAgICAgICAgICAgIFtzcmNdPVwiYmFja2dyb3VuZEltZy5zcmNcIlxuICAgICAgICAgICAgICAgIFthbHRdPVwiYmFja2dyb3VuZEltZy5hbHRcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgfVxuICAgICAgICBAaWYgKGltZykge1xuICAgICAgICAgICAgPGltZyBjbGFzcz1cImluZm8tbGlzdF9faW1hZ2VcIiBbc3JjXT1cImltZy5zcmNcIiBbYWx0XT1cImltZy5hbHRcIiAvPlxuICAgICAgICB9XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2IGNsYXNzPVwiaW5mby1saXN0X19jb250ZW50LS13cmFwcGVyXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJpbmZvLWxpc3RfX2NvbnRlbnRcIj5cbiAgICAgICAgICAgIEBpZiAodGl0bGUpIHtcbiAgICAgICAgICAgICAgICA8aDIgY2xhc3M9XCJpbmZvLWxpc3RfX3RpdGxlXCI+e3sgdGl0bGUgfX08L2gyPlxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgQGlmIChkZXNjdGlwdGlvbikge1xuICAgICAgICAgICAgICAgIDxwIGNsYXNzPVwiaW5mby1saXN0X19kZXNjcmlwdGlvblwiPlxuICAgICAgICAgICAgICAgICAgICB7eyBkZXNjdGlwdGlvbiB9fVxuICAgICAgICAgICAgICAgIDwvcD5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDx1bCBjbGFzcz1cImluZm8tbGlzdF9fbGlzdFwiPlxuICAgICAgICAgICAgICAgIEBmb3IgKGl0ZW0gb2YgaXRlbXMgfHwgW107IHRyYWNrICRpbmRleCkge1xuICAgICAgICAgICAgICAgICAgICA8bGkgY2xhc3M9XCJpbmZvLWxpc3RfX2l0ZW1cIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIEBpZiAoc21hbGxJbWcpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW1nXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzcmNdPVwic21hbGxJbWcuc3JjXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2FsdF09XCJzbWFsbEltZy5hbHRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImluZm8tbGlzdF9faXRlbV9faW1nXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJpbmZvLWxpc3RfX2Rlc2NyaXB0aW9uXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge3sgaXRlbSB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICA8L2xpPlxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDwvdWw+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9zZWN0aW9uPlxuIl19
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVyby1pbmZvLWxpc3QuaW50ZXJmYWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHVyby9zcmMvbGliL2NvbXBvbmVudHMvcHVyby1pbmZvLWxpc3QvcHVyby1pbmZvLWxpc3QuaW50ZXJmYWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQdXJvSW1hZ2VJIH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHVyb0luZm9MaXN0SSB7XG4gICAgaW1nPzogUHVyb0ltYWdlSTtcbiAgICBiYWNrZ3JvdW5kSW1nPzogUHVyb0ltYWdlSTtcbiAgICBzbWFsbEltZz86IFB1cm9JbWFnZUk7XG4gICAgdGl0bGU/OiBzdHJpbmc7XG4gICAgZGVzY3RpcHRpb24/OiBzdHJpbmc7XG4gICAgaXRlbXM/OiBzdHJpbmdbXTtcbn1cbiJdfQ==
|
|
@@ -1,2 +1,3 @@
|
|
|
1
1
|
export * from './puro-slider3col-round.component';
|
|
2
|
-
|
|
2
|
+
export * from './puro-slider3col-round.interface';
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wdXJvL3NyYy9saWIvY29tcG9uZW50cy9wdXJvLXNsaWRlcjNjb2wtcm91bmQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxtQ0FBbUMsQ0FBQztBQUNsRCxjQUFjLG1DQUFtQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9wdXJvLXNsaWRlcjNjb2wtcm91bmQuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9wdXJvLXNsaWRlcjNjb2wtcm91bmQuaW50ZXJmYWNlJztcclxuIl19
|
|
@@ -1,11 +1,21 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { Component, Input } from '@angular/core';
|
|
3
|
+
import { PuroLinkTypeDirective } from '../../directives';
|
|
2
4
|
import * as i0 from "@angular/core";
|
|
3
5
|
export class PuroSlider3colRoundComponent {
|
|
4
6
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroSlider3colRoundComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
7
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroSlider3colRoundComponent, isStandalone: true, selector: "lib-puro-slider3col-round", inputs: { title: "title", subtitle: "subtitle", items: "items", button: "button" }, ngImport: i0, template: "<section\n class=\"news js-active-slider\"\n data-slides_infinite=\"true\"\n data-slider_name=\"js-news-slider\"\n data-slider_showbtns=\"true\"\n data-slider_showdots=\"false\"\n data-slider_fade=\"false\"\n data-slider_autoplay=\"false\"\n data-slides_pc=\"3\"\n data-slides_laptop=\"3\"\n data-slides_tablet=\"2\"\n data-slides_mobile=\"1\"\n data-slides_mobile_small=\"1\"\n data-slides_mobile_xsmall=\"1\"\n>\n @if (title) {\n <h2 class=\"news__heading\">{{ title }}</h2>\n }\n @if (subtitle) {\n <p class=\"news__subHeading\">{{ subtitle }}</p>\n }\n <div class=\"news__inner relative\">\n <div class=\"news__container\">\n <div class=\"js-news-slider news__slider\">\n @for (item of items || []; track $index) {\n <div>\n <a href=\"\" class=\"news__box\">\n <div class=\"news__graphic\">\n @if (item.img) {\n <img\n [src]=\"item.img.src\"\n width=\"391\"\n height=\"552\"\n class=\"news__graphic--img\"\n [alt]=\"item.img.alt\"\n />\n }\n </div>\n <div class=\"news__content\">\n @if (item.description) {\n <p>{{ item.description }}</p>\n }\n </div>\n </a>\n </div>\n }\n </div>\n <div class=\"js-slider-arrows\"></div>\n </div>\n </div>\n @if (button) {\n <div class=\"btn__group\">\n <a\n [linkType]=\"button.linkType\"\n [href]=\"button.url\"\n class=\"btn btn__primary--outline\"\n ><span>{{ button.label }}</span></a\n >\n </div>\n }\n</section>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: PuroLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href"] }] }); }
|
|
6
8
|
}
|
|
7
9
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroSlider3colRoundComponent, decorators: [{
|
|
8
10
|
type: Component,
|
|
9
|
-
args: [{ selector: 'lib-puro-slider3col-round', standalone: true, imports: [], template: "<p>
|
|
10
|
-
}]
|
|
11
|
-
|
|
11
|
+
args: [{ selector: 'lib-puro-slider3col-round', standalone: true, imports: [CommonModule, PuroLinkTypeDirective], template: "<section\n class=\"news js-active-slider\"\n data-slides_infinite=\"true\"\n data-slider_name=\"js-news-slider\"\n data-slider_showbtns=\"true\"\n data-slider_showdots=\"false\"\n data-slider_fade=\"false\"\n data-slider_autoplay=\"false\"\n data-slides_pc=\"3\"\n data-slides_laptop=\"3\"\n data-slides_tablet=\"2\"\n data-slides_mobile=\"1\"\n data-slides_mobile_small=\"1\"\n data-slides_mobile_xsmall=\"1\"\n>\n @if (title) {\n <h2 class=\"news__heading\">{{ title }}</h2>\n }\n @if (subtitle) {\n <p class=\"news__subHeading\">{{ subtitle }}</p>\n }\n <div class=\"news__inner relative\">\n <div class=\"news__container\">\n <div class=\"js-news-slider news__slider\">\n @for (item of items || []; track $index) {\n <div>\n <a href=\"\" class=\"news__box\">\n <div class=\"news__graphic\">\n @if (item.img) {\n <img\n [src]=\"item.img.src\"\n width=\"391\"\n height=\"552\"\n class=\"news__graphic--img\"\n [alt]=\"item.img.alt\"\n />\n }\n </div>\n <div class=\"news__content\">\n @if (item.description) {\n <p>{{ item.description }}</p>\n }\n </div>\n </a>\n </div>\n }\n </div>\n <div class=\"js-slider-arrows\"></div>\n </div>\n </div>\n @if (button) {\n <div class=\"btn__group\">\n <a\n [linkType]=\"button.linkType\"\n [href]=\"button.url\"\n class=\"btn btn__primary--outline\"\n ><span>{{ button.label }}</span></a\n >\n </div>\n }\n</section>\n" }]
|
|
12
|
+
}], propDecorators: { title: [{
|
|
13
|
+
type: Input
|
|
14
|
+
}], subtitle: [{
|
|
15
|
+
type: Input
|
|
16
|
+
}], items: [{
|
|
17
|
+
type: Input
|
|
18
|
+
}], button: [{
|
|
19
|
+
type: Input
|
|
20
|
+
}] } });
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVyby1zbGlkZXIzY29sLXJvdW5kLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3B1cm8vc3JjL2xpYi9jb21wb25lbnRzL3B1cm8tc2xpZGVyM2NvbC1yb3VuZC9wdXJvLXNsaWRlcjNjb2wtcm91bmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHVyby9zcmMvbGliL2NvbXBvbmVudHMvcHVyby1zbGlkZXIzY29sLXJvdW5kL3B1cm8tc2xpZGVyM2NvbC1yb3VuZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7O0FBVXpELE1BQU0sT0FBTyw0QkFBNEI7K0dBQTVCLDRCQUE0QjttR0FBNUIsNEJBQTRCLHlLQ1p6QyxtckVBNkRBLHlERHJEYyxZQUFZLCtCQUFFLHFCQUFxQjs7NEZBSXBDLDRCQUE0QjtrQkFQeEMsU0FBUzsrQkFDSSwyQkFBMkIsY0FDekIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLHFCQUFxQixDQUFDOzhCQUtyQyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFB1cm9MaW5rVHlwZURpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMnO1xuaW1wb3J0IHsgUHVyb0J1dHRvbkksIFB1cm9JbWFnZUkgfSBmcm9tICcuLi8uLi9pbnRlcmZhY2VzJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdsaWItcHVyby1zbGlkZXIzY29sLXJvdW5kJyxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFB1cm9MaW5rVHlwZURpcmVjdGl2ZV0sXG4gICAgdGVtcGxhdGVVcmw6ICcuL3B1cm8tc2xpZGVyM2NvbC1yb3VuZC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmw6ICcuL3B1cm8tc2xpZGVyM2NvbC1yb3VuZC5jb21wb25lbnQuc2NzcycsXG59KVxuZXhwb3J0IGNsYXNzIFB1cm9TbGlkZXIzY29sUm91bmRDb21wb25lbnQge1xuICAgIEBJbnB1dCgpIHRpdGxlPzogc3RyaW5nO1xuICAgIEBJbnB1dCgpIHN1YnRpdGxlPzogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGl0ZW1zPzogUHVyb1NsaWRlcjNDb2xSb3VuZEl0ZW1bXTtcbiAgICBASW5wdXQoKSBidXR0b24/OiBQdXJvQnV0dG9uSTtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBQdXJvU2xpZGVyM0NvbFJvdW5kSXRlbSB7XG4gICAgaW1nPzogUHVyb0ltYWdlSTtcbiAgICBkZXNjcmlwdGlvbj86IHN0cmluZztcbiAgICBsaW5rPzogUHVyb0J1dHRvbkk7XG59XG4iLCI8c2VjdGlvblxuICAgIGNsYXNzPVwibmV3cyBqcy1hY3RpdmUtc2xpZGVyXCJcbiAgICBkYXRhLXNsaWRlc19pbmZpbml0ZT1cInRydWVcIlxuICAgIGRhdGEtc2xpZGVyX25hbWU9XCJqcy1uZXdzLXNsaWRlclwiXG4gICAgZGF0YS1zbGlkZXJfc2hvd2J0bnM9XCJ0cnVlXCJcbiAgICBkYXRhLXNsaWRlcl9zaG93ZG90cz1cImZhbHNlXCJcbiAgICBkYXRhLXNsaWRlcl9mYWRlPVwiZmFsc2VcIlxuICAgIGRhdGEtc2xpZGVyX2F1dG9wbGF5PVwiZmFsc2VcIlxuICAgIGRhdGEtc2xpZGVzX3BjPVwiM1wiXG4gICAgZGF0YS1zbGlkZXNfbGFwdG9wPVwiM1wiXG4gICAgZGF0YS1zbGlkZXNfdGFibGV0PVwiMlwiXG4gICAgZGF0YS1zbGlkZXNfbW9iaWxlPVwiMVwiXG4gICAgZGF0YS1zbGlkZXNfbW9iaWxlX3NtYWxsPVwiMVwiXG4gICAgZGF0YS1zbGlkZXNfbW9iaWxlX3hzbWFsbD1cIjFcIlxuPlxuICAgIEBpZiAodGl0bGUpIHtcbiAgICAgICAgPGgyIGNsYXNzPVwibmV3c19faGVhZGluZ1wiPnt7IHRpdGxlIH19PC9oMj5cbiAgICB9XG4gICAgQGlmIChzdWJ0aXRsZSkge1xuICAgICAgICA8cCBjbGFzcz1cIm5ld3NfX3N1YkhlYWRpbmdcIj57eyBzdWJ0aXRsZSB9fTwvcD5cbiAgICB9XG4gICAgPGRpdiBjbGFzcz1cIm5ld3NfX2lubmVyIHJlbGF0aXZlXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJuZXdzX19jb250YWluZXJcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJqcy1uZXdzLXNsaWRlciBuZXdzX19zbGlkZXJcIj5cbiAgICAgICAgICAgICAgICBAZm9yIChpdGVtIG9mIGl0ZW1zIHx8IFtdOyB0cmFjayAkaW5kZXgpIHtcbiAgICAgICAgICAgICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxhIGhyZWY9XCJcIiBjbGFzcz1cIm5ld3NfX2JveFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJuZXdzX19ncmFwaGljXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIEBpZiAoaXRlbS5pbWcpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbWdcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc3JjXT1cIml0ZW0uaW1nLnNyY1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg9XCIzOTFcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGhlaWdodD1cIjU1MlwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJuZXdzX19ncmFwaGljLS1pbWdcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFthbHRdPVwiaXRlbS5pbWcuYWx0XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibmV3c19fY29udGVudFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBAaWYgKGl0ZW0uZGVzY3JpcHRpb24pIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwPnt7IGl0ZW0uZGVzY3JpcHRpb24gfX08L3A+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvYT5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwianMtc2xpZGVyLWFycm93c1wiPjwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICBAaWYgKGJ1dHRvbikge1xuICAgICAgICA8ZGl2IGNsYXNzPVwiYnRuX19ncm91cFwiPlxuICAgICAgICAgICAgPGFcbiAgICAgICAgICAgICAgICBbbGlua1R5cGVdPVwiYnV0dG9uLmxpbmtUeXBlXCJcbiAgICAgICAgICAgICAgICBbaHJlZl09XCJidXR0b24udXJsXCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cImJ0biBidG5fX3ByaW1hcnktLW91dGxpbmVcIlxuICAgICAgICAgICAgICAgID48c3Bhbj57eyBidXR0b24ubGFiZWwgfX08L3NwYW4+PC9hXG4gICAgICAgICAgICA+XG4gICAgICAgIDwvZGl2PlxuICAgIH1cbjwvc2VjdGlvbj5cbiJdfQ==
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVyby1zbGlkZXIzY29sLXJvdW5kLmludGVyZmFjZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3B1cm8vc3JjL2xpYi9jb21wb25lbnRzL3B1cm8tc2xpZGVyM2NvbC1yb3VuZC9wdXJvLXNsaWRlcjNjb2wtcm91bmQuaW50ZXJmYWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQdXJvQnV0dG9uSSB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMnO1xyXG5pbXBvcnQgeyBQdXJvU2xpZGVyM0NvbFJvdW5kSXRlbSB9IGZyb20gJy4vcHVyby1zbGlkZXIzY29sLXJvdW5kLmNvbXBvbmVudCc7XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIFB1cm9TbGlkZXIzQ29sUm91bmRJIHtcclxuICAgIHRpdGxlPzogc3RyaW5nO1xyXG4gICAgc3VidGl0bGU/OiBzdHJpbmc7XHJcbiAgICBpdGVtcz86IFB1cm9TbGlkZXIzQ29sUm91bmRJdGVtW107XHJcbiAgICBidXR0b24/OiBQdXJvQnV0dG9uSTtcclxufVxyXG4iXX0=
|
package/fesm2022/ctt-puro.mjs
CHANGED
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
import * as i1$
|
|
1
|
+
import * as i1$2 from '@angular/common';
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
3
|
import * as i0 from '@angular/core';
|
|
4
4
|
import { Directive, Input, HostListener, effect, Component, ChangeDetectionStrategy, EventEmitter, signal, Output, InjectionToken, inject, Injectable } from '@angular/core';
|
|
5
5
|
import * as i1 from '@angular/router';
|
|
6
6
|
import * as i1$1 from '@angular/forms';
|
|
7
7
|
import { Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
8
|
-
import * as i1$2 from '@angular/platform-browser';
|
|
9
8
|
import { fromEvent, debounceTime, map, distinctUntilChanged, startWith } from 'rxjs';
|
|
10
9
|
|
|
11
10
|
class PuroLinkTypeDirective {
|
|
@@ -1133,19 +1132,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1133
1132
|
}] } });
|
|
1134
1133
|
|
|
1135
1134
|
class PuroInfoListComponent {
|
|
1136
|
-
|
|
1137
|
-
|
|
1138
|
-
}
|
|
1139
|
-
constructor(sanitizer) {
|
|
1140
|
-
this.sanitizer = sanitizer;
|
|
1141
|
-
}
|
|
1142
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroInfoListComponent, deps: [{ token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1143
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroInfoListComponent, isStandalone: true, selector: "lib-puro-info-list", ngImport: i0, template: "<section class=\"info-list\">\n <div class=\"info-list__wrapper\">\n <img\n class=\"info-list__image--bg\"\n src=\"assets/puro/images/info-list-background.png\"\n />\n <img\n class=\"info-list__image\"\n src=\"assets/puro/images/info-list.png\"\n alt=\"\"\n />\n </div>\n\n <div class=\"info-list__content--wrapper\">\n <div class=\"info-list__content\">\n <h2 class=\"info-list__title\">Pr\u00F3ximas aperturas</h2>\n <p class=\"info-list__description\">\n Many desktop publishing packages and web page editors now use\n Lorem Ipsum as their default model text.\n </p>\n <ul class=\"info-list__list\">\n <li class=\"info-list__item\">\n <img\n src=\"assets/puro/images/info-list-item.png\"\n alt=\"\"\n class=\"info-list__item__img\"\n />\n <span class=\"info-list__description\"> Creta (Grecia) </span>\n </li>\n <li class=\"info-list__item\">\n <img\n src=\"assets/puro/images/info-list-item.png\"\n alt=\"\"\n class=\"info-list__item__img\"\n />\n <span class=\"info-list__description\">\n TAGHAZOUT (MARRUECOS)\n </span>\n </li>\n <li class=\"info-list__item\">\n <img\n src=\"assets/puro/images/info-list-item.png\"\n alt=\"\"\n class=\"info-list__item__img\"\n />\n <span class=\"info-list__description\">\n Red sea (Equipto)\n </span>\n </li>\n </ul>\n </div>\n </div>\n</section>\n", styles: [".info-list{display:flex;justify-content:space-between;flex-direction:column;transition:all .5s;padding-block:3.5rem;padding-inline:4.5rem}@media (min-width: 768px){.info-list{padding-block:6.8rem 5.6rem}}@media (min-width: 1024px){.info-list{padding-block:4.8rem 4rem;padding-inline:0;flex-direction:row}}@media (min-width: 1680px){.info-list{padding-block:7rem 5.3rem}}.info-list>*{flex:1 1 50%}.info-list__content{padding-top:1.5rem;transition:all .5s;text-align:center;padding-inline:4.5rem}.info-list__content--wrapper{display:flex;align-items:center}@media (min-width: 768px){.info-list__content{padding-top:3rem;padding-inline:14.5rem}}@media (min-width: 1024px){.info-list__content{padding-block:4.8rem;padding-inline:8.6rem 8.5rem;text-align:start}}.info-list__title{width:100%;color:#303030;transition:all .5s;margin-bottom:.9rem;font-size:2.8rem;line-height:1.3103571429;letter-spacing:.056rem;padding-bottom:15px}@media (min-width: 540px){.info-list__title{font-size:3.2rem;line-height:1.25;letter-spacing:.064rem}}@media (min-width: 768px){.info-list__title{font-size:4rem;line-height:1.25;letter-spacing:.08rem}}@media (min-width: 1366px){.info-list__title{font-size:5.4rem;line-height:1.2888888889;letter-spacing:.108rem}}@media (min-width: 1680px){.info-list__title{font-size:6.4rem;line-height:.968;letter-spacing:.128rem;margin-bottom:3rem}}.info-list__description{display:inline-block;font-size:1.4rem;line-height:1.7;letter-spacing:.042rem;max-width:93.078%;color:#1e1e1e99}@media (min-width: 768px){.info-list__description{font-size:1.6rem;line-height:1.7;letter-spacing:.048rem}}@media (min-width: 1280px){.info-list__description{font-size:1.8rem;line-height:1.7;letter-spacing:.054rem}}.info-list__wrapper{position:relative;display:flex;justify-content:center}@media (min-width: 1024){.info-list__wrapper{justify-content:flex-end}}@media (min-width: 1280px){.info-list__wrapper{padding-right:40px}}.info-list__image{aspect-ratio:677/813;-o-object-fit:cover;object-fit:cover}.info-list__image--bg{position:absolute;z-index:-1}@media (max-width: 1024px){.info-list__image--bg{display:none}}@media (min-width: 1024px){.info-list__image--bg{top:-200px;right:-200px}}@media (min-width: 1280px){.info-list__image--bg{top:-222px;right:-262px}}.info-list__list{padding-top:10px}@media (min-width: 1024px){.info-list__list{padding-top:30px;padding-left:24px}}.info-list__item{display:flex;align-items:center;justify-content:center;position:relative;padding-bottom:15px}@media (max-width: 1024px){.info-list__item{left:-30px}}@media (min-width: 1024px){.info-list__item{padding-bottom:40px;justify-content:flex-start}}.info-list__item__img{position:absolute;left:-30px}@media (max-width: 1024px){.info-list__item__img{position:relative;left:30px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1135
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroInfoListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1136
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroInfoListComponent, isStandalone: true, selector: "lib-puro-info-list", inputs: { img: "img", backgroundImg: "backgroundImg", smallImg: "smallImg", title: "title", desctiption: "desctiption", items: "items" }, ngImport: i0, template: "<section class=\"info-list\">\n <div class=\"info-list__wrapper\">\n @if (backgroundImg) {\n <img\n class=\"info-list__image--bg\"\n [src]=\"backgroundImg.src\"\n [alt]=\"backgroundImg.alt\"\n />\n }\n @if (img) {\n <img class=\"info-list__image\" [src]=\"img.src\" [alt]=\"img.alt\" />\n }\n </div>\n\n <div class=\"info-list__content--wrapper\">\n <div class=\"info-list__content\">\n @if (title) {\n <h2 class=\"info-list__title\">{{ title }}</h2>\n }\n @if (desctiption) {\n <p class=\"info-list__description\">\n {{ desctiption }}\n </p>\n }\n <ul class=\"info-list__list\">\n @for (item of items || []; track $index) {\n <li class=\"info-list__item\">\n @if (smallImg) {\n <img\n [src]=\"smallImg.src\"\n [alt]=\"smallImg.alt\"\n class=\"info-list__item__img\"\n />\n }\n <span class=\"info-list__description\">\n {{ item }}\n </span>\n </li>\n }\n </ul>\n </div>\n </div>\n</section>\n", styles: [".info-list{display:flex;justify-content:space-between;flex-direction:column;transition:all .5s;padding-block:3.5rem;padding-inline:4.5rem}@media (min-width: 768px){.info-list{padding-block:6.8rem 5.6rem}}@media (min-width: 1024px){.info-list{padding-block:4.8rem 4rem;padding-inline:0;flex-direction:row}}@media (min-width: 1680px){.info-list{padding-block:7rem 5.3rem}}.info-list>*{flex:1 1 50%}.info-list__content{padding-top:1.5rem;transition:all .5s;text-align:center;padding-inline:4.5rem}.info-list__content--wrapper{display:flex;align-items:center}@media (min-width: 768px){.info-list__content{padding-top:3rem;padding-inline:14.5rem}}@media (min-width: 1024px){.info-list__content{padding-block:4.8rem;padding-inline:8.6rem 8.5rem;text-align:start}}.info-list__title{width:100%;color:#303030;transition:all .5s;margin-bottom:.9rem;font-size:2.8rem;line-height:1.3103571429;letter-spacing:.056rem;padding-bottom:15px}@media (min-width: 540px){.info-list__title{font-size:3.2rem;line-height:1.25;letter-spacing:.064rem}}@media (min-width: 768px){.info-list__title{font-size:4rem;line-height:1.25;letter-spacing:.08rem}}@media (min-width: 1366px){.info-list__title{font-size:5.4rem;line-height:1.2888888889;letter-spacing:.108rem}}@media (min-width: 1680px){.info-list__title{font-size:6.4rem;line-height:.968;letter-spacing:.128rem;margin-bottom:3rem}}.info-list__description{display:inline-block;font-size:1.4rem;line-height:1.7;letter-spacing:.042rem;max-width:93.078%;color:#1e1e1e99}@media (min-width: 768px){.info-list__description{font-size:1.6rem;line-height:1.7;letter-spacing:.048rem}}@media (min-width: 1280px){.info-list__description{font-size:1.8rem;line-height:1.7;letter-spacing:.054rem}}.info-list__wrapper{position:relative;display:flex;justify-content:center}@media (min-width: 1024){.info-list__wrapper{justify-content:flex-end}}@media (min-width: 1280px){.info-list__wrapper{padding-right:40px}}.info-list__image{aspect-ratio:677/813;-o-object-fit:cover;object-fit:cover}.info-list__image--bg{position:absolute;z-index:-1}@media (max-width: 1024px){.info-list__image--bg{display:none}}@media (min-width: 1024px){.info-list__image--bg{top:-200px;right:-200px}}@media (min-width: 1280px){.info-list__image--bg{top:-222px;right:-262px}}.info-list__list{padding-top:10px}@media (min-width: 1024px){.info-list__list{padding-top:30px;padding-left:24px}}.info-list__item{display:flex;align-items:center;justify-content:center;position:relative;padding-bottom:15px}@media (max-width: 1024px){.info-list__item{left:-30px}}@media (min-width: 1024px){.info-list__item{padding-bottom:40px;justify-content:flex-start}}.info-list__item__img{position:absolute;left:-30px}@media (max-width: 1024px){.info-list__item__img{position:relative;left:30px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1144
1137
|
}
|
|
1145
1138
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroInfoListComponent, decorators: [{
|
|
1146
1139
|
type: Component,
|
|
1147
|
-
args: [{ selector: 'lib-puro-info-list', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"info-list\">\n <div class=\"info-list__wrapper\">\n <img\n
|
|
1148
|
-
}],
|
|
1140
|
+
args: [{ selector: 'lib-puro-info-list', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"info-list\">\n <div class=\"info-list__wrapper\">\n @if (backgroundImg) {\n <img\n class=\"info-list__image--bg\"\n [src]=\"backgroundImg.src\"\n [alt]=\"backgroundImg.alt\"\n />\n }\n @if (img) {\n <img class=\"info-list__image\" [src]=\"img.src\" [alt]=\"img.alt\" />\n }\n </div>\n\n <div class=\"info-list__content--wrapper\">\n <div class=\"info-list__content\">\n @if (title) {\n <h2 class=\"info-list__title\">{{ title }}</h2>\n }\n @if (desctiption) {\n <p class=\"info-list__description\">\n {{ desctiption }}\n </p>\n }\n <ul class=\"info-list__list\">\n @for (item of items || []; track $index) {\n <li class=\"info-list__item\">\n @if (smallImg) {\n <img\n [src]=\"smallImg.src\"\n [alt]=\"smallImg.alt\"\n class=\"info-list__item__img\"\n />\n }\n <span class=\"info-list__description\">\n {{ item }}\n </span>\n </li>\n }\n </ul>\n </div>\n </div>\n</section>\n", styles: [".info-list{display:flex;justify-content:space-between;flex-direction:column;transition:all .5s;padding-block:3.5rem;padding-inline:4.5rem}@media (min-width: 768px){.info-list{padding-block:6.8rem 5.6rem}}@media (min-width: 1024px){.info-list{padding-block:4.8rem 4rem;padding-inline:0;flex-direction:row}}@media (min-width: 1680px){.info-list{padding-block:7rem 5.3rem}}.info-list>*{flex:1 1 50%}.info-list__content{padding-top:1.5rem;transition:all .5s;text-align:center;padding-inline:4.5rem}.info-list__content--wrapper{display:flex;align-items:center}@media (min-width: 768px){.info-list__content{padding-top:3rem;padding-inline:14.5rem}}@media (min-width: 1024px){.info-list__content{padding-block:4.8rem;padding-inline:8.6rem 8.5rem;text-align:start}}.info-list__title{width:100%;color:#303030;transition:all .5s;margin-bottom:.9rem;font-size:2.8rem;line-height:1.3103571429;letter-spacing:.056rem;padding-bottom:15px}@media (min-width: 540px){.info-list__title{font-size:3.2rem;line-height:1.25;letter-spacing:.064rem}}@media (min-width: 768px){.info-list__title{font-size:4rem;line-height:1.25;letter-spacing:.08rem}}@media (min-width: 1366px){.info-list__title{font-size:5.4rem;line-height:1.2888888889;letter-spacing:.108rem}}@media (min-width: 1680px){.info-list__title{font-size:6.4rem;line-height:.968;letter-spacing:.128rem;margin-bottom:3rem}}.info-list__description{display:inline-block;font-size:1.4rem;line-height:1.7;letter-spacing:.042rem;max-width:93.078%;color:#1e1e1e99}@media (min-width: 768px){.info-list__description{font-size:1.6rem;line-height:1.7;letter-spacing:.048rem}}@media (min-width: 1280px){.info-list__description{font-size:1.8rem;line-height:1.7;letter-spacing:.054rem}}.info-list__wrapper{position:relative;display:flex;justify-content:center}@media (min-width: 1024){.info-list__wrapper{justify-content:flex-end}}@media (min-width: 1280px){.info-list__wrapper{padding-right:40px}}.info-list__image{aspect-ratio:677/813;-o-object-fit:cover;object-fit:cover}.info-list__image--bg{position:absolute;z-index:-1}@media (max-width: 1024px){.info-list__image--bg{display:none}}@media (min-width: 1024px){.info-list__image--bg{top:-200px;right:-200px}}@media (min-width: 1280px){.info-list__image--bg{top:-222px;right:-262px}}.info-list__list{padding-top:10px}@media (min-width: 1024px){.info-list__list{padding-top:30px;padding-left:24px}}.info-list__item{display:flex;align-items:center;justify-content:center;position:relative;padding-bottom:15px}@media (max-width: 1024px){.info-list__item{left:-30px}}@media (min-width: 1024px){.info-list__item{padding-bottom:40px;justify-content:flex-start}}.info-list__item__img{position:absolute;left:-30px}@media (max-width: 1024px){.info-list__item__img{position:relative;left:30px}}\n"] }]
|
|
1141
|
+
}], propDecorators: { img: [{
|
|
1142
|
+
type: Input
|
|
1143
|
+
}], backgroundImg: [{
|
|
1144
|
+
type: Input
|
|
1145
|
+
}], smallImg: [{
|
|
1146
|
+
type: Input
|
|
1147
|
+
}], title: [{
|
|
1148
|
+
type: Input
|
|
1149
|
+
}], desctiption: [{
|
|
1150
|
+
type: Input
|
|
1151
|
+
}], items: [{
|
|
1152
|
+
type: Input
|
|
1153
|
+
}] } });
|
|
1149
1154
|
|
|
1150
1155
|
class PuroInfoServicesComponent {
|
|
1151
1156
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroInfoServicesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
@@ -1166,7 +1171,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1166
1171
|
|
|
1167
1172
|
class PuroInfoSliderComponent {
|
|
1168
1173
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroInfoSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1169
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroInfoSliderComponent, isStandalone: true, selector: "lib-puro-info-slider", inputs: { items: "items", reverse: "reverse" }, ngImport: i0, template: "<section\r\n class=\"textPhotoCarousel js-active-slider\"\r\n [ngClass]=\"{ 'textPhotoCarousel--right': !reverse }\"\r\n data-slides_infinite=\"true\"\r\n data-slider_name=\"js-slider\"\r\n data-slider_showbtns=\"true\"\r\n data-slider_showdots=\"false\"\r\n data-slider_fade=\"true\"\r\n data-slider_autoplay=\"true\"\r\n data-slides_pc=\"1\"\r\n>\r\n <div class=\"relative\">\r\n <div class=\"js-slider js-slider_fix-arrows\">\r\n @for (item of items; track $index) {\r\n <div class=\"textPhotoCarousel__item\">\r\n <div class=\"textPhotoCarousel__image--outer\">\r\n <div\r\n class=\"textPhotoCarousel__image js-slider_fix-arrows-zone\"\r\n >\r\n @if (item.img) {\r\n <img\r\n [src]=\"item.img.src\"\r\n [alt]=\"item.img.alt\"\r\n width=\"960\"\r\n height=\"807\"\r\n class=\"textPhotoCarousel__img\"\r\n />\r\n }\r\n </div>\r\n </div>\r\n <div\r\n class=\"textPhotoCarousel__content textPhotoCarousel__content--alignCenter\"\r\n >\r\n <div>\r\n @if (item.pretitle) {\r\n <span class=\"textPhotoCarousel__title\">{{\r\n item.pretitle\r\n }}</span>\r\n }\r\n @if (item.title) {\r\n <h2\r\n class=\"textPhotoCarousel__heading\"\r\n [innerHTML]=\"item.title\"\r\n ></h2>\r\n }\r\n @if (item.description) {\r\n <p class=\"textPhotoCarousel__subHeading\">\r\n {{ item.subtitle }}\r\n </p>\r\n }\r\n @if (item.description) {\r\n <p\r\n class=\"textPhotoCarousel__paragraph\"\r\n [innerHTML]=\"item.description\"\r\n ></p>\r\n }\r\n <div class=\"btn__group\">\r\n @if (item.button) {\r\n <a\r\n [href]=\"item.button.url\"\r\n [linkType]=\"item.button.linkType\"\r\n class=\"btn btn__primary--outline\"\r\n >\r\n <span>{{ item.button.label }}</span>\r\n </a>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n <div class=\"js-slider-arrows\"></div>\r\n </div>\r\n</section>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$
|
|
1174
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroInfoSliderComponent, isStandalone: true, selector: "lib-puro-info-slider", inputs: { items: "items", reverse: "reverse" }, ngImport: i0, template: "<section\r\n class=\"textPhotoCarousel js-active-slider\"\r\n [ngClass]=\"{ 'textPhotoCarousel--right': !reverse }\"\r\n data-slides_infinite=\"true\"\r\n data-slider_name=\"js-slider\"\r\n data-slider_showbtns=\"true\"\r\n data-slider_showdots=\"false\"\r\n data-slider_fade=\"true\"\r\n data-slider_autoplay=\"true\"\r\n data-slides_pc=\"1\"\r\n>\r\n <div class=\"relative\">\r\n <div class=\"js-slider js-slider_fix-arrows\">\r\n @for (item of items; track $index) {\r\n <div class=\"textPhotoCarousel__item\">\r\n <div class=\"textPhotoCarousel__image--outer\">\r\n <div\r\n class=\"textPhotoCarousel__image js-slider_fix-arrows-zone\"\r\n >\r\n @if (item.img) {\r\n <img\r\n [src]=\"item.img.src\"\r\n [alt]=\"item.img.alt\"\r\n width=\"960\"\r\n height=\"807\"\r\n class=\"textPhotoCarousel__img\"\r\n />\r\n }\r\n </div>\r\n </div>\r\n <div\r\n class=\"textPhotoCarousel__content textPhotoCarousel__content--alignCenter\"\r\n >\r\n <div>\r\n @if (item.pretitle) {\r\n <span class=\"textPhotoCarousel__title\">{{\r\n item.pretitle\r\n }}</span>\r\n }\r\n @if (item.title) {\r\n <h2\r\n class=\"textPhotoCarousel__heading\"\r\n [innerHTML]=\"item.title\"\r\n ></h2>\r\n }\r\n @if (item.description) {\r\n <p class=\"textPhotoCarousel__subHeading\">\r\n {{ item.subtitle }}\r\n </p>\r\n }\r\n @if (item.description) {\r\n <p\r\n class=\"textPhotoCarousel__paragraph\"\r\n [innerHTML]=\"item.description\"\r\n ></p>\r\n }\r\n <div class=\"btn__group\">\r\n @if (item.button) {\r\n <a\r\n [href]=\"item.button.url\"\r\n [linkType]=\"item.button.linkType\"\r\n class=\"btn btn__primary--outline\"\r\n >\r\n <span>{{ item.button.label }}</span>\r\n </a>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n <div class=\"js-slider-arrows\"></div>\r\n </div>\r\n</section>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: PuroLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href"] }] }); }
|
|
1170
1175
|
}
|
|
1171
1176
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroInfoSliderComponent, decorators: [{
|
|
1172
1177
|
type: Component,
|
|
@@ -1185,7 +1190,7 @@ class PuroInfoTableComponent {
|
|
|
1185
1190
|
this.collapsed[index] = !this.collapsed[index];
|
|
1186
1191
|
}
|
|
1187
1192
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroInfoTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1188
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroInfoTableComponent, isStandalone: true, selector: "lib-puro-info-table", ngImport: i0, template: "<section class=\"info-table\">\r\n <p class=\"info-table__pretitle\">PANES FRIENDS OF PURO</p>\r\n <h2 class=\"info-table__title\">Tu plan se calcula en base a tus puntos</h2>\r\n <div class=\"info-table__wrapper\">\r\n <ng-container [ngTemplateOutlet]=\"table\"></ng-container>\r\n <ng-container [ngTemplateOutlet]=\"dropdowns\"></ng-container>\r\n\r\n <ul class=\"info-table__list\">\r\n <li>\r\n Los puntos se abonar\u00E1n en la cuenta del cliente tras disfrutar\r\n del servicio/producto en Purobeach, en un plazo m\u00E1ximo de 24\r\n horas. Condiciones generales dede Friends of Puro\r\n </li>\r\n <li><a href=\"\">Condiciones generales</a> de Firends of Puro</li>\r\n </ul>\r\n </div>\r\n</section>\r\n\r\n<ng-template #dropdowns>\r\n <div class=\"info-table__dropdowns\">\r\n <div class=\"info-table__headItem\">VENTAJAS</div>\r\n <div class=\"info-table__headItem\" (click)=\"toggleCollapse(0)\">\r\n FRIEND OF PURO\r\n\r\n <i\r\n class=\"info-table__iconCollapse icon-91\"\r\n [ngClass]=\"{\r\n 'info-table__iconCollapse--collapsed': !collapsed[0],\r\n }\"\r\n ></i>\r\n </div>\r\n <div\r\n class=\"info-table__items\"\r\n [ngClass]=\"{ 'info-table__items--collapsed': collapsed[0] }\"\r\n >\r\n <div class=\"info-table__item\">\r\n <p class=\"info-table__itemTitle\">\r\n Promoci\u00F3n especial Cumplea\u00F1os\r\n <span class=\"info-table__itemSubtitle\">\r\n Descuentos Experiencias Puro (no hamaca)\r\n </span>\r\n </p>\r\n <span class=\"icon-87\"></span>\r\n </div>\r\n <div class=\"info-table__item\">\r\n <p class=\"info-table__itemTitle\">Ofertas exclusivas</p>\r\n <span class=\"icon-87\"></span>\r\n </div>\r\n <div class=\"info-table__item\">\r\n <p class=\"info-table__itemTitle\">Cancelaci\u00F3n gratuita</p>\r\n <span class=\"icon-87\"></span>\r\n </div>\r\n </div>\r\n <div class=\"info-table__headItem\" (click)=\"toggleCollapse(1)\">\r\n TRAVELLER\r\n <i\r\n class=\"info-table__iconCollapse icon-91\"\r\n [ngClass]=\"{\r\n 'info-table__iconCollapse--collapsed': !collapsed[1],\r\n }\"\r\n ></i>\r\n </div>\r\n <div\r\n class=\"info-table__items\"\r\n [ngClass]=\"{ 'info-table__items--collapsed': collapsed[1] }\"\r\n >\r\n <div class=\"info-table__item\">\r\n <p class=\"info-table__itemTitle\">\r\n Promoci\u00F3n especial Cumplea\u00F1os\r\n <span class=\"info-table__itemSubtitle\">\r\n Descuentos Experiencias Puro (no hamaca)\r\n </span>\r\n </p>\r\n <span class=\"info-table__itemTitle\">20% Experiences</span>\r\n </div>\r\n <div class=\"info-table__item\">\r\n <p class=\"info-table__itemTitle\">Ofertas exclusivas</p>\r\n <span class=\"info-table__itemTitle\">20% Experiences</span>\r\n </div>\r\n <div class=\"info-table__item\">\r\n <p class=\"info-table__itemTitle\">Cancelaci\u00F3n gratuita</p>\r\n <span class=\"info-table__itemTitle\">20% Experiences</span>\r\n </div>\r\n </div>\r\n <div\r\n class=\"info-table__headItem\"\r\n [ngClass]=\"{ 'info-table__headItem--notCollapsed': true }\"\r\n (click)=\"toggleCollapse(2)\"\r\n >\r\n NOMAD\r\n <i\r\n class=\"info-table__iconCollapse icon-91\"\r\n [ngClass]=\"{\r\n 'info-table__iconCollapse--collapsed': !collapsed[2],\r\n }\"\r\n ></i>\r\n </div>\r\n <div\r\n class=\"info-table__items\"\r\n [ngClass]=\"{ 'info-table__items--collapsed': collapsed[2] }\"\r\n >\r\n <div class=\"info-table__item\">\r\n <p class=\"info-table__itemTitle\">\r\n Promoci\u00F3n especial Cumplea\u00F1os\r\n <span class=\"info-table__itemSubtitle\">\r\n Descuentos Experiencias Puro (no hamaca)\r\n </span>\r\n </p>\r\n <span>20% Experiences</span>\r\n </div>\r\n <div class=\"info-table__item\">\r\n <p class=\"info-table__itemTitle\">Ofertas exclusivas</p>\r\n <span>20% Experiences</span>\r\n </div>\r\n <div class=\"info-table__item\">\r\n <p class=\"info-table__itemTitle\">Cancelaci\u00F3n gratuita</p>\r\n <span>20% Experiences</span>\r\n </div>\r\n </div>\r\n </div>\r\n</ng-template>\r\n\r\n<ng-template #table>\r\n <table class=\"info-table__table\">\r\n <tr class=\"info-table__row\">\r\n <th class=\"info-table__headItem\">VENTAJAS</th>\r\n <th class=\"info-table__headItem\">FRIEND OF PURO</th>\r\n <th class=\"info-table__headItem\">TRAVELER</th>\r\n <th class=\"info-table__headItem\">NOMAD</th>\r\n </tr>\r\n @for (item of [0, 0, 0]; track $index) {\r\n <tr class=\"info-table__row\">\r\n <td class=\"info-table__item\">\r\n <p class=\"info-table__itemTitle\">\r\n Promoci\u00F3n especial Cumplea\u00F1os\r\n </p>\r\n <span class=\"info-table__itemSubtitle\">\r\n Descuentos Experiencias Puro (no hamaca)\r\n </span>\r\n </td>\r\n <td class=\"info-table__item\">20% Experiences</td>\r\n <td class=\"info-table__item\">20% Experiences</td>\r\n <td class=\"info-table__item\">50% Experiences</td>\r\n </tr>\r\n <tr class=\"info-table__row\">\r\n <td class=\"info-table__item\">\r\n <p class=\"info-table__itemTitle\">Ofertas exclusivas</p>\r\n </td>\r\n <td class=\"info-table__item\">\r\n <i class=\"icon-87 info-table__itemIcon\"></i>\r\n </td>\r\n <td class=\"info-table__item\">\r\n <i class=\"icon-87 info-table__itemIcon\"></i>\r\n </td>\r\n <td class=\"info-table__item\">\r\n <i class=\"icon-87 info-table__itemIcon\"></i>\r\n </td>\r\n </tr>\r\n <tr class=\"info-table__row\">\r\n <td class=\"info-table__item\">\r\n <p class=\"info-table__itemTitle\">Cancelaci\u00F3n gratuita</p>\r\n </td>\r\n <td class=\"info-table__item\">-</td>\r\n <td class=\"info-table__item\">-</td>\r\n <td class=\"info-table__item\">-</td>\r\n </tr>\r\n }\r\n </table>\r\n</ng-template>\r\n", styles: [".info-table{transition:all .5s;padding-block:3.5rem;padding-inline:4.5rem}@media (min-width: 768px){.info-table{padding-block:6.8rem 5.6rem}}@media (min-width: 1024px){.info-table{padding-block:4.8rem 4rem}}@media (min-width: 1680px){.info-table{padding-block:7rem 5.3rem}}.info-table__pretitle{width:100%;color:#b79955;font-weight:500;font-size:1.6rem;line-height:1.2;letter-spacing:.16rem;text-align:center;margin-bottom:2.5rem}@media (min-width: 768px){.info-table__pretitle{font-size:1.8rem;line-height:1.2127777778;letter-spacing:.18rem}}@media (min-width: 1280px){.info-table__pretitle{margin-bottom:5rem}}@media (min-width: 1680px){.info-table__pretitle{font-size:2rem;line-height:1.213;letter-spacing:.2rem}}.info-table__title{text-align:center;width:100%;color:#b79955;transition:all .5s;margin-bottom:2.5rem;font-size:2.8rem;line-height:1.3103571429;letter-spacing:.056rem}@media (min-width: 540px){.info-table__title{font-size:3.2rem;line-height:1.25;letter-spacing:.064rem}}@media (min-width: 768px){.info-table__title{font-size:4rem;line-height:1.25;letter-spacing:.08rem}}@media (min-width: 1280px){.info-table__title{margin-bottom:5rem}}@media (min-width: 1366px){.info-table__title{font-size:5.4rem;line-height:1.2888888889;letter-spacing:.108rem}}@media (min-width: 1680px){.info-table__title{font-size:6.4rem;line-height:.968;letter-spacing:.128rem}}.info-table__wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:38px}.info-table__table{border-spacing:28px;width:100%}@media (max-width: 1280px){.info-table__table{display:none}}.info-table__headItem,.info-table__item{padding:14px 32px;font-size:2rem;text-align:center;vertical-align:middle}@media (min-width: 1280px){.info-table__headItem,.info-table__item{padding:14px 42px}}.info-table__headItem:first-child,.info-table__item:first-child{text-align:left}.info-table__headItem{color:#616160;font-weight:700;line-height:24.18px;letter-spacing:.1em;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}@media (max-width: 1280px){.info-table__headItem{display:flex;align-items:center;justify-content:space-between}}.info-table__headItem:not(.info-table__headItem:last-child,.info-table__headItem:nth-child(6)),.info-table__headItem--notCollapsed{margin-bottom:28px}.info-table__headItem:first-child{color:#b79955;background-color:#fff}.info-table__headItem:nth-child(2){background-color:#ceb57766}.info-table__headItem:nth-child(4){background-color:#ceb577b3}.info-table__headItem:nth-child(6){background-color:#ceb577}@media (min-width: 1280px){.info-table__headItem:first-child{color:#b79955;background-color:#fff}.info-table__headItem:not(:first-child){text-align:center}.info-table__headItem:nth-child(2){background-color:#ceb57766}.info-table__headItem:nth-child(3){background-color:#ceb577b3}.info-table__headItem:nth-child(4){background-color:#ceb577}}.info-table__iconCollapse{width:17px;height:33px;color:#616160;opacity:.4;transition:all .2s;width:max-content;display:flex;align-items:center}.info-table__iconCollapse--collapsed{transform:rotate(180deg);right:-18.5px}.info-table__items{interpolate-size:allow-keywords;transition:all .2s;height:auto;overflow:hidden;margin-bottom:28px}.info-table__items--collapsed{height:0;margin:0}.info-table__item{color:#616160}@media (max-width: 1280px){.info-table__item{display:flex;justify-content:space-between;align-items:center;min-height:71px;background-color:#fff}.info-table__item:not(.info-table__item:last-child){margin-bottom:20px}}@media (min-width: 1280px){.info-table__item:first-child{background-color:#ceb6774d}.info-table__item:nth-child(2),.info-table__item:nth-child(4){background-color:#fff}.info-table__item:nth-child(3){background-color:#ceb67725}}.info-table__itemTitle{font-size:1.6rem;line-height:1.6em;font-weight:400;letter-spacing:.03em;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}@media (min-width: 768px){.info-table__itemTitle{font-size:2rem}}@media (max-width: 1280px){.info-table__itemTitle{display:flex;flex-direction:column}}.info-table__itemSubtitle{font-size:.9rem;font-weight:400;line-height:1.6rem;letter-spacing:.03em;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}@media (min-width: 768px){.info-table__itemSubtitle{font-size:1.2rem}}.info-table__itemIcon{font-size:1.8rem;width:20px;height:20px;display:block;position:relative;left:50%;transform:translate(-50%)}.info-table__list{padding:0 42px}.info-table__list li{font-weight:400;font-size:2rem;line-height:34px;letter-spacing:3%;opacity:.6;color:#616160;position:relative}.info-table__list li:before{content:\"\";width:3px;height:3px;border-radius:100%;background-color:#616160;display:inline-block;vertical-align:middle;margin-right:10px}.info-table__list li ::ng-deep a{text-decoration:underline}.info-table__dropdowns{width:100%}@media (min-width: 1280px){.info-table__dropdowns{display:none}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
1193
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroInfoTableComponent, isStandalone: true, selector: "lib-puro-info-table", ngImport: i0, template: "<section class=\"info-table\">\r\n <p class=\"info-table__pretitle\">PANES FRIENDS OF PURO</p>\r\n <h2 class=\"info-table__title\">Tu plan se calcula en base a tus puntos</h2>\r\n <div class=\"info-table__wrapper\">\r\n <ng-container [ngTemplateOutlet]=\"table\"></ng-container>\r\n <ng-container [ngTemplateOutlet]=\"dropdowns\"></ng-container>\r\n\r\n <ul class=\"info-table__list\">\r\n <li>\r\n Los puntos se abonar\u00E1n en la cuenta del cliente tras disfrutar\r\n del servicio/producto en Purobeach, en un plazo m\u00E1ximo de 24\r\n horas. Condiciones generales dede Friends of Puro\r\n </li>\r\n <li><a href=\"\">Condiciones generales</a> de Firends of Puro</li>\r\n </ul>\r\n </div>\r\n</section>\r\n\r\n<ng-template #dropdowns>\r\n <div class=\"info-table__dropdowns\">\r\n <div class=\"info-table__headItem\">VENTAJAS</div>\r\n <div class=\"info-table__headItem\" (click)=\"toggleCollapse(0)\">\r\n FRIEND OF PURO\r\n\r\n <i\r\n class=\"info-table__iconCollapse icon-91\"\r\n [ngClass]=\"{\r\n 'info-table__iconCollapse--collapsed': !collapsed[0],\r\n }\"\r\n ></i>\r\n </div>\r\n <div\r\n class=\"info-table__items\"\r\n [ngClass]=\"{ 'info-table__items--collapsed': collapsed[0] }\"\r\n >\r\n <div class=\"info-table__item\">\r\n <p class=\"info-table__itemTitle\">\r\n Promoci\u00F3n especial Cumplea\u00F1os\r\n <span class=\"info-table__itemSubtitle\">\r\n Descuentos Experiencias Puro (no hamaca)\r\n </span>\r\n </p>\r\n <span class=\"icon-87\"></span>\r\n </div>\r\n <div class=\"info-table__item\">\r\n <p class=\"info-table__itemTitle\">Ofertas exclusivas</p>\r\n <span class=\"icon-87\"></span>\r\n </div>\r\n <div class=\"info-table__item\">\r\n <p class=\"info-table__itemTitle\">Cancelaci\u00F3n gratuita</p>\r\n <span class=\"icon-87\"></span>\r\n </div>\r\n </div>\r\n <div class=\"info-table__headItem\" (click)=\"toggleCollapse(1)\">\r\n TRAVELLER\r\n <i\r\n class=\"info-table__iconCollapse icon-91\"\r\n [ngClass]=\"{\r\n 'info-table__iconCollapse--collapsed': !collapsed[1],\r\n }\"\r\n ></i>\r\n </div>\r\n <div\r\n class=\"info-table__items\"\r\n [ngClass]=\"{ 'info-table__items--collapsed': collapsed[1] }\"\r\n >\r\n <div class=\"info-table__item\">\r\n <p class=\"info-table__itemTitle\">\r\n Promoci\u00F3n especial Cumplea\u00F1os\r\n <span class=\"info-table__itemSubtitle\">\r\n Descuentos Experiencias Puro (no hamaca)\r\n </span>\r\n </p>\r\n <span class=\"info-table__itemTitle\">20% Experiences</span>\r\n </div>\r\n <div class=\"info-table__item\">\r\n <p class=\"info-table__itemTitle\">Ofertas exclusivas</p>\r\n <span class=\"info-table__itemTitle\">20% Experiences</span>\r\n </div>\r\n <div class=\"info-table__item\">\r\n <p class=\"info-table__itemTitle\">Cancelaci\u00F3n gratuita</p>\r\n <span class=\"info-table__itemTitle\">20% Experiences</span>\r\n </div>\r\n </div>\r\n <div\r\n class=\"info-table__headItem\"\r\n [ngClass]=\"{ 'info-table__headItem--notCollapsed': true }\"\r\n (click)=\"toggleCollapse(2)\"\r\n >\r\n NOMAD\r\n <i\r\n class=\"info-table__iconCollapse icon-91\"\r\n [ngClass]=\"{\r\n 'info-table__iconCollapse--collapsed': !collapsed[2],\r\n }\"\r\n ></i>\r\n </div>\r\n <div\r\n class=\"info-table__items\"\r\n [ngClass]=\"{ 'info-table__items--collapsed': collapsed[2] }\"\r\n >\r\n <div class=\"info-table__item\">\r\n <p class=\"info-table__itemTitle\">\r\n Promoci\u00F3n especial Cumplea\u00F1os\r\n <span class=\"info-table__itemSubtitle\">\r\n Descuentos Experiencias Puro (no hamaca)\r\n </span>\r\n </p>\r\n <span>20% Experiences</span>\r\n </div>\r\n <div class=\"info-table__item\">\r\n <p class=\"info-table__itemTitle\">Ofertas exclusivas</p>\r\n <span>20% Experiences</span>\r\n </div>\r\n <div class=\"info-table__item\">\r\n <p class=\"info-table__itemTitle\">Cancelaci\u00F3n gratuita</p>\r\n <span>20% Experiences</span>\r\n </div>\r\n </div>\r\n </div>\r\n</ng-template>\r\n\r\n<ng-template #table>\r\n <table class=\"info-table__table\">\r\n <tr class=\"info-table__row\">\r\n <th class=\"info-table__headItem\">VENTAJAS</th>\r\n <th class=\"info-table__headItem\">FRIEND OF PURO</th>\r\n <th class=\"info-table__headItem\">TRAVELER</th>\r\n <th class=\"info-table__headItem\">NOMAD</th>\r\n </tr>\r\n @for (item of [0, 0, 0]; track $index) {\r\n <tr class=\"info-table__row\">\r\n <td class=\"info-table__item\">\r\n <p class=\"info-table__itemTitle\">\r\n Promoci\u00F3n especial Cumplea\u00F1os\r\n </p>\r\n <span class=\"info-table__itemSubtitle\">\r\n Descuentos Experiencias Puro (no hamaca)\r\n </span>\r\n </td>\r\n <td class=\"info-table__item\">20% Experiences</td>\r\n <td class=\"info-table__item\">20% Experiences</td>\r\n <td class=\"info-table__item\">50% Experiences</td>\r\n </tr>\r\n <tr class=\"info-table__row\">\r\n <td class=\"info-table__item\">\r\n <p class=\"info-table__itemTitle\">Ofertas exclusivas</p>\r\n </td>\r\n <td class=\"info-table__item\">\r\n <i class=\"icon-87 info-table__itemIcon\"></i>\r\n </td>\r\n <td class=\"info-table__item\">\r\n <i class=\"icon-87 info-table__itemIcon\"></i>\r\n </td>\r\n <td class=\"info-table__item\">\r\n <i class=\"icon-87 info-table__itemIcon\"></i>\r\n </td>\r\n </tr>\r\n <tr class=\"info-table__row\">\r\n <td class=\"info-table__item\">\r\n <p class=\"info-table__itemTitle\">Cancelaci\u00F3n gratuita</p>\r\n </td>\r\n <td class=\"info-table__item\">-</td>\r\n <td class=\"info-table__item\">-</td>\r\n <td class=\"info-table__item\">-</td>\r\n </tr>\r\n }\r\n </table>\r\n</ng-template>\r\n", styles: [".info-table{transition:all .5s;padding-block:3.5rem;padding-inline:4.5rem}@media (min-width: 768px){.info-table{padding-block:6.8rem 5.6rem}}@media (min-width: 1024px){.info-table{padding-block:4.8rem 4rem}}@media (min-width: 1680px){.info-table{padding-block:7rem 5.3rem}}.info-table__pretitle{width:100%;color:#b79955;font-weight:500;font-size:1.6rem;line-height:1.2;letter-spacing:.16rem;text-align:center;margin-bottom:2.5rem}@media (min-width: 768px){.info-table__pretitle{font-size:1.8rem;line-height:1.2127777778;letter-spacing:.18rem}}@media (min-width: 1280px){.info-table__pretitle{margin-bottom:5rem}}@media (min-width: 1680px){.info-table__pretitle{font-size:2rem;line-height:1.213;letter-spacing:.2rem}}.info-table__title{text-align:center;width:100%;color:#b79955;transition:all .5s;margin-bottom:2.5rem;font-size:2.8rem;line-height:1.3103571429;letter-spacing:.056rem}@media (min-width: 540px){.info-table__title{font-size:3.2rem;line-height:1.25;letter-spacing:.064rem}}@media (min-width: 768px){.info-table__title{font-size:4rem;line-height:1.25;letter-spacing:.08rem}}@media (min-width: 1280px){.info-table__title{margin-bottom:5rem}}@media (min-width: 1366px){.info-table__title{font-size:5.4rem;line-height:1.2888888889;letter-spacing:.108rem}}@media (min-width: 1680px){.info-table__title{font-size:6.4rem;line-height:.968;letter-spacing:.128rem}}.info-table__wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:38px}.info-table__table{border-spacing:28px;width:100%}@media (max-width: 1280px){.info-table__table{display:none}}.info-table__headItem,.info-table__item{padding:14px 32px;font-size:2rem;text-align:center;vertical-align:middle}@media (min-width: 1280px){.info-table__headItem,.info-table__item{padding:14px 42px}}.info-table__headItem:first-child,.info-table__item:first-child{text-align:left}.info-table__headItem{color:#616160;font-weight:700;line-height:24.18px;letter-spacing:.1em;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}@media (max-width: 1280px){.info-table__headItem{display:flex;align-items:center;justify-content:space-between}}.info-table__headItem:not(.info-table__headItem:last-child,.info-table__headItem:nth-child(6)),.info-table__headItem--notCollapsed{margin-bottom:28px}.info-table__headItem:first-child{color:#b79955;background-color:#fff}.info-table__headItem:nth-child(2){background-color:#ceb57766}.info-table__headItem:nth-child(4){background-color:#ceb577b3}.info-table__headItem:nth-child(6){background-color:#ceb577}@media (min-width: 1280px){.info-table__headItem:first-child{color:#b79955;background-color:#fff}.info-table__headItem:not(:first-child){text-align:center}.info-table__headItem:nth-child(2){background-color:#ceb57766}.info-table__headItem:nth-child(3){background-color:#ceb577b3}.info-table__headItem:nth-child(4){background-color:#ceb577}}.info-table__iconCollapse{width:17px;height:33px;color:#616160;opacity:.4;transition:all .2s;width:max-content;display:flex;align-items:center}.info-table__iconCollapse--collapsed{transform:rotate(180deg);right:-18.5px}.info-table__items{interpolate-size:allow-keywords;transition:all .2s;height:auto;overflow:hidden;margin-bottom:28px}.info-table__items--collapsed{height:0;margin:0}.info-table__item{color:#616160}@media (max-width: 1280px){.info-table__item{display:flex;justify-content:space-between;align-items:center;min-height:71px;background-color:#fff}.info-table__item:not(.info-table__item:last-child){margin-bottom:20px}}@media (min-width: 1280px){.info-table__item:first-child{background-color:#ceb6774d}.info-table__item:nth-child(2),.info-table__item:nth-child(4){background-color:#fff}.info-table__item:nth-child(3){background-color:#ceb67725}}.info-table__itemTitle{font-size:1.6rem;line-height:1.6em;font-weight:400;letter-spacing:.03em;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}@media (min-width: 768px){.info-table__itemTitle{font-size:2rem}}@media (max-width: 1280px){.info-table__itemTitle{display:flex;flex-direction:column}}.info-table__itemSubtitle{font-size:.9rem;font-weight:400;line-height:1.6rem;letter-spacing:.03em;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}@media (min-width: 768px){.info-table__itemSubtitle{font-size:1.2rem}}.info-table__itemIcon{font-size:1.8rem;width:20px;height:20px;display:block;position:relative;left:50%;transform:translate(-50%)}.info-table__list{padding:0 42px}.info-table__list li{font-weight:400;font-size:2rem;line-height:34px;letter-spacing:3%;opacity:.6;color:#616160;position:relative}.info-table__list li:before{content:\"\";width:3px;height:3px;border-radius:100%;background-color:#616160;display:inline-block;vertical-align:middle;margin-right:10px}.info-table__list li ::ng-deep a{text-decoration:underline}.info-table__dropdowns{width:100%}@media (min-width: 1280px){.info-table__dropdowns{display:none}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
1189
1194
|
}
|
|
1190
1195
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroInfoTableComponent, decorators: [{
|
|
1191
1196
|
type: Component,
|
|
@@ -1230,7 +1235,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1230
1235
|
|
|
1231
1236
|
class PuroListGeneralComponent {
|
|
1232
1237
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroListGeneralComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1233
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroListGeneralComponent, isStandalone: true, selector: "lib-puro-list-general", inputs: { title: "title", items: "items" }, ngImport: i0, template: "<section class=\"suites suites__list\">\r\n @if (title) {\r\n <span class=\"suites__title\">{{ title }}</span>\r\n }\r\n\r\n <div class=\"suites__container\">\r\n @for (item of items; track $index) {\r\n <div\r\n class=\"suites__item js-active-slider\"\r\n [ngClass]=\"{ 'image--right': $index % 2 !== 0 }\"\r\n data-slides_infinite=\"true\"\r\n data-slider_name=\"js-photo-slider\"\r\n data-slider_showbtns=\"true\"\r\n data-slider_showdots=\"false\"\r\n data-slider_fade=\"true\"\r\n data-slider_autoplay=\"false\"\r\n data-slides_pc=\"1\"\r\n >\r\n <div class=\"suites__graphic relative\">\r\n <div class=\"js-photo-slider\">\r\n @for (image of item.images; track $index) {\r\n <div>\r\n <img\r\n [src]=\"image.src\"\r\n width=\"789\"\r\n class=\"suites__graphic--img\"\r\n height=\"748\"\r\n [alt]=\"image.alt\"\r\n />\r\n </div>\r\n }\r\n </div>\r\n <div class=\"js-slider-arrows\"></div>\r\n </div>\r\n <div class=\"suites__content\">\r\n <div>\r\n @if (item.title) {\r\n <h2 class=\"suites__heading\">{{ item.title }}</h2>\r\n }\r\n <div class=\"suites__slider withOutSlider\">\r\n @for (equipment of item.equipment; track $index) {\r\n <div class=\"suites__service\">\r\n <svg\r\n aria-hidden=\"true\"\r\n focusable=\"false\"\r\n width=\"25\"\r\n height=\"18\"\r\n >\r\n <use [attr.href]=\"equipment.icon\"></use>\r\n </svg>\r\n <span>{{ equipment.text }}</span>\r\n </div>\r\n }\r\n </div>\r\n @if (item.description) {\r\n <div class=\"suites__paragraph\">\r\n <p>\r\n {{ item.description }}\r\n </p>\r\n </div>\r\n }\r\n <div class=\"btn__group\">\r\n @for (button of item.buttons; track $index) {\r\n <a\r\n [href]=\"button.url\"\r\n [linkType]=\"button.linkType\"\r\n class=\"btn\"\r\n [ngClass]=\"{\r\n btn__primary: $index === 1,\r\n 'btn__primary--outline': $index === 0,\r\n }\"\r\n >\r\n <span>{{ button.label }}</span>\r\n </a>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n</section>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$
|
|
1238
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroListGeneralComponent, isStandalone: true, selector: "lib-puro-list-general", inputs: { title: "title", items: "items" }, ngImport: i0, template: "<section class=\"suites suites__list\">\r\n @if (title) {\r\n <span class=\"suites__title\">{{ title }}</span>\r\n }\r\n\r\n <div class=\"suites__container\">\r\n @for (item of items; track $index) {\r\n <div\r\n class=\"suites__item js-active-slider\"\r\n [ngClass]=\"{ 'image--right': $index % 2 !== 0 }\"\r\n data-slides_infinite=\"true\"\r\n data-slider_name=\"js-photo-slider\"\r\n data-slider_showbtns=\"true\"\r\n data-slider_showdots=\"false\"\r\n data-slider_fade=\"true\"\r\n data-slider_autoplay=\"false\"\r\n data-slides_pc=\"1\"\r\n >\r\n <div class=\"suites__graphic relative\">\r\n <div class=\"js-photo-slider\">\r\n @for (image of item.images; track $index) {\r\n <div>\r\n <img\r\n [src]=\"image.src\"\r\n width=\"789\"\r\n class=\"suites__graphic--img\"\r\n height=\"748\"\r\n [alt]=\"image.alt\"\r\n />\r\n </div>\r\n }\r\n </div>\r\n <div class=\"js-slider-arrows\"></div>\r\n </div>\r\n <div class=\"suites__content\">\r\n <div>\r\n @if (item.title) {\r\n <h2 class=\"suites__heading\">{{ item.title }}</h2>\r\n }\r\n <div class=\"suites__slider withOutSlider\">\r\n @for (equipment of item.equipment; track $index) {\r\n <div class=\"suites__service\">\r\n <svg\r\n aria-hidden=\"true\"\r\n focusable=\"false\"\r\n width=\"25\"\r\n height=\"18\"\r\n >\r\n <use [attr.href]=\"equipment.icon\"></use>\r\n </svg>\r\n <span>{{ equipment.text }}</span>\r\n </div>\r\n }\r\n </div>\r\n @if (item.description) {\r\n <div class=\"suites__paragraph\">\r\n <p>\r\n {{ item.description }}\r\n </p>\r\n </div>\r\n }\r\n <div class=\"btn__group\">\r\n @for (button of item.buttons; track $index) {\r\n <a\r\n [href]=\"button.url\"\r\n [linkType]=\"button.linkType\"\r\n class=\"btn\"\r\n [ngClass]=\"{\r\n btn__primary: $index === 1,\r\n 'btn__primary--outline': $index === 0,\r\n }\"\r\n >\r\n <span>{{ button.label }}</span>\r\n </a>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n</section>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: PuroLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1234
1239
|
}
|
|
1235
1240
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroListGeneralComponent, decorators: [{
|
|
1236
1241
|
type: Component,
|
|
@@ -1288,7 +1293,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1288
1293
|
|
|
1289
1294
|
class PuroOffersSliderComponent {
|
|
1290
1295
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroOffersSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1291
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroOffersSliderComponent, isStandalone: true, selector: "lib-puro-offers-slider", inputs: { title: "title", items: "items" }, ngImport: i0, template: "<section\n class=\"offers js-active-slider\"\n data-slides_infinite=\"true\"\n data-slider_name=\"js-offers-slider\"\n data-slider_showbtns=\"true\"\n data-slider_showdots=\"false\"\n data-slider_fade=\"false\"\n data-slider_autoplay=\"false\"\n data-slides_pc=\"2\"\n data-slides_laptop=\"2\"\n data-slides_tablet=\"2\"\n data-slides_mobile=\"1\"\n data-slides_mobile_small=\"1\"\n data-slides_mobile_xsmall=\"1\"\n>\n <div class=\"offers__inner relative\">\n <div class=\"offers__container\">\n @if (title) {\n <span class=\"offers__title\">{{ title }}</span>\n }\n <div class=\"js-offers-slider offers__slider js-slider_fix-arrows\">\n @for (item of items; track $index) {\n <div class=\"offers__box\">\n <div class=\"offers__graphic js-slider_fix-arrows-zone\">\n @if (item.img) {\n <img\n [src]=\"item.img.src\"\n [alt]=\"item.img.alt\"\n width=\"535\"\n height=\"397\"\n class=\"offers__graphic--img\"\n />\n }\n </div>\n <div class=\"offers__content\">\n @if (item.tag) {\n <span class=\"offers__label\">{{\n item.tag\n }}</span>\n }\n @if (item.title) {\n <h2 class=\"offers__heading\">\n {{ item.title }}\n </h2>\n }\n @if (item.subtitle) {\n <p class=\"offers__subHeading\">\n {{ item.subtitle }}\n </p>\n }\n @if (item.buttons) {\n <div class=\"btn__group\">\n @for (\n button of item.buttons;\n track $index\n ) {\n <a\n [href]=\"button.url\"\n [linkType]=\"button.linkType\"\n class=\"btn\"\n [ngClass]=\"{\n 'btn__primary--outline':\n $index === 0,\n btn__primary: $index === 1,\n }\"\n >{{ button.label }}</a\n >\n }\n </div>\n }\n </div>\n </div>\n }\n </div>\n <div class=\"js-slider-arrows\"></div>\n </div>\n </div>\n</section>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$
|
|
1296
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroOffersSliderComponent, isStandalone: true, selector: "lib-puro-offers-slider", inputs: { title: "title", items: "items" }, ngImport: i0, template: "<section\n class=\"offers js-active-slider\"\n data-slides_infinite=\"true\"\n data-slider_name=\"js-offers-slider\"\n data-slider_showbtns=\"true\"\n data-slider_showdots=\"false\"\n data-slider_fade=\"false\"\n data-slider_autoplay=\"false\"\n data-slides_pc=\"2\"\n data-slides_laptop=\"2\"\n data-slides_tablet=\"2\"\n data-slides_mobile=\"1\"\n data-slides_mobile_small=\"1\"\n data-slides_mobile_xsmall=\"1\"\n>\n <div class=\"offers__inner relative\">\n <div class=\"offers__container\">\n @if (title) {\n <span class=\"offers__title\">{{ title }}</span>\n }\n <div class=\"js-offers-slider offers__slider js-slider_fix-arrows\">\n @for (item of items; track $index) {\n <div class=\"offers__box\">\n <div class=\"offers__graphic js-slider_fix-arrows-zone\">\n @if (item.img) {\n <img\n [src]=\"item.img.src\"\n [alt]=\"item.img.alt\"\n width=\"535\"\n height=\"397\"\n class=\"offers__graphic--img\"\n />\n }\n </div>\n <div class=\"offers__content\">\n @if (item.tag) {\n <span class=\"offers__label\">{{\n item.tag\n }}</span>\n }\n @if (item.title) {\n <h2 class=\"offers__heading\">\n {{ item.title }}\n </h2>\n }\n @if (item.subtitle) {\n <p class=\"offers__subHeading\">\n {{ item.subtitle }}\n </p>\n }\n @if (item.buttons) {\n <div class=\"btn__group\">\n @for (\n button of item.buttons;\n track $index\n ) {\n <a\n [href]=\"button.url\"\n [linkType]=\"button.linkType\"\n class=\"btn\"\n [ngClass]=\"{\n 'btn__primary--outline':\n $index === 0,\n btn__primary: $index === 1,\n }\"\n >{{ button.label }}</a\n >\n }\n </div>\n }\n </div>\n </div>\n }\n </div>\n <div class=\"js-slider-arrows\"></div>\n </div>\n </div>\n</section>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: PuroLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1292
1297
|
}
|
|
1293
1298
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroOffersSliderComponent, decorators: [{
|
|
1294
1299
|
type: Component,
|
|
@@ -1301,7 +1306,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1301
1306
|
|
|
1302
1307
|
class PuroPhotoSliderComponent {
|
|
1303
1308
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroPhotoSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1304
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroPhotoSliderComponent, isStandalone: true, selector: "lib-puro-photo-slider", inputs: { title: "title", subtitle: "subtitle", pretitle: "pretitle", description: "description", button: "button", img: "img", reverse: "reverse" }, ngImport: i0, template: "<section\r\n class=\"photoCarousel photoCarousel--right js-active-slider\"\r\n data-slides_infinite=\"true\"\r\n data-slider_name=\"js-photo-slider\"\r\n data-slider_showbtns=\"true\"\r\n data-slider_showdots=\"false\"\r\n data-slider_fade=\"true\"\r\n data-slider_autoplay=\"true\"\r\n data-slides_pc=\"1\"\r\n>\r\n <div class=\"photoCarousel__imageSlider\">\r\n @if (pretitle) {\r\n <span class=\"photoCarousel__title\">{{ pretitle }}</span>\r\n }\r\n <div class=\"photoCarousel__imageSlider--inner relative\">\r\n <div class=\"js-photo-slider\">\r\n @if (img && img.length > 0) {\r\n @for (image of img; track $index) {\r\n <div class=\"photoCarousel__item\">\r\n <img\r\n [src]=\"image.src\"\r\n [alt]=\"image.alt\"\r\n width=\"960\"\r\n height=\"807\"\r\n class=\"photoCarousel__image\"\r\n />\r\n </div>\r\n }\r\n }\r\n </div>\r\n <div class=\"js-slider-arrows\"></div>\r\n </div>\r\n </div>\r\n <div\r\n class=\"photoCarousel__content\"\r\n [ngClass]=\"{ 'photoCarousel__content--alignCenter': !reverse }\"\r\n >\r\n <div>\r\n @if (pretitle) {\r\n <span class=\"photoCarousel__title\">{{ pretitle }}</span>\r\n }\r\n @if (title) {\r\n <h2 class=\"photoCarousel__heading\">\r\n {{ title }}\r\n </h2>\r\n }\r\n @if (subtitle) {\r\n <p class=\"photoCarousel__subHeading\">{{ subtitle }}</p>\r\n }\r\n @if (description) {\r\n <div class=\"photoCarousel__paragraph\">\r\n <p>\r\n {{ description }}\r\n </p>\r\n </div>\r\n }\r\n @if (button) {\r\n <div class=\"btn__group\">\r\n <a\r\n [linkType]=\"button.linkType\"\r\n [href]=\"button.url\"\r\n class=\"btn btn__primary--outline\"\r\n >\r\n <span>{{ button.label }}</span>\r\n </a>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n</section>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$
|
|
1309
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroPhotoSliderComponent, isStandalone: true, selector: "lib-puro-photo-slider", inputs: { title: "title", subtitle: "subtitle", pretitle: "pretitle", description: "description", button: "button", img: "img", reverse: "reverse" }, ngImport: i0, template: "<section\r\n class=\"photoCarousel photoCarousel--right js-active-slider\"\r\n data-slides_infinite=\"true\"\r\n data-slider_name=\"js-photo-slider\"\r\n data-slider_showbtns=\"true\"\r\n data-slider_showdots=\"false\"\r\n data-slider_fade=\"true\"\r\n data-slider_autoplay=\"true\"\r\n data-slides_pc=\"1\"\r\n>\r\n <div class=\"photoCarousel__imageSlider\">\r\n @if (pretitle) {\r\n <span class=\"photoCarousel__title\">{{ pretitle }}</span>\r\n }\r\n <div class=\"photoCarousel__imageSlider--inner relative\">\r\n <div class=\"js-photo-slider\">\r\n @if (img && img.length > 0) {\r\n @for (image of img; track $index) {\r\n <div class=\"photoCarousel__item\">\r\n <img\r\n [src]=\"image.src\"\r\n [alt]=\"image.alt\"\r\n width=\"960\"\r\n height=\"807\"\r\n class=\"photoCarousel__image\"\r\n />\r\n </div>\r\n }\r\n }\r\n </div>\r\n <div class=\"js-slider-arrows\"></div>\r\n </div>\r\n </div>\r\n <div\r\n class=\"photoCarousel__content\"\r\n [ngClass]=\"{ 'photoCarousel__content--alignCenter': !reverse }\"\r\n >\r\n <div>\r\n @if (pretitle) {\r\n <span class=\"photoCarousel__title\">{{ pretitle }}</span>\r\n }\r\n @if (title) {\r\n <h2 class=\"photoCarousel__heading\">\r\n {{ title }}\r\n </h2>\r\n }\r\n @if (subtitle) {\r\n <p class=\"photoCarousel__subHeading\">{{ subtitle }}</p>\r\n }\r\n @if (description) {\r\n <div class=\"photoCarousel__paragraph\">\r\n <p>\r\n {{ description }}\r\n </p>\r\n </div>\r\n }\r\n @if (button) {\r\n <div class=\"btn__group\">\r\n <a\r\n [linkType]=\"button.linkType\"\r\n [href]=\"button.url\"\r\n class=\"btn btn__primary--outline\"\r\n >\r\n <span>{{ button.label }}</span>\r\n </a>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n</section>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: PuroLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1305
1310
|
}
|
|
1306
1311
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroPhotoSliderComponent, decorators: [{
|
|
1307
1312
|
type: Component,
|
|
@@ -1373,12 +1378,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1373
1378
|
|
|
1374
1379
|
class PuroSlider3colRoundComponent {
|
|
1375
1380
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroSlider3colRoundComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1376
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
1381
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroSlider3colRoundComponent, isStandalone: true, selector: "lib-puro-slider3col-round", inputs: { title: "title", subtitle: "subtitle", items: "items", button: "button" }, ngImport: i0, template: "<section\n class=\"news js-active-slider\"\n data-slides_infinite=\"true\"\n data-slider_name=\"js-news-slider\"\n data-slider_showbtns=\"true\"\n data-slider_showdots=\"false\"\n data-slider_fade=\"false\"\n data-slider_autoplay=\"false\"\n data-slides_pc=\"3\"\n data-slides_laptop=\"3\"\n data-slides_tablet=\"2\"\n data-slides_mobile=\"1\"\n data-slides_mobile_small=\"1\"\n data-slides_mobile_xsmall=\"1\"\n>\n @if (title) {\n <h2 class=\"news__heading\">{{ title }}</h2>\n }\n @if (subtitle) {\n <p class=\"news__subHeading\">{{ subtitle }}</p>\n }\n <div class=\"news__inner relative\">\n <div class=\"news__container\">\n <div class=\"js-news-slider news__slider\">\n @for (item of items || []; track $index) {\n <div>\n <a href=\"\" class=\"news__box\">\n <div class=\"news__graphic\">\n @if (item.img) {\n <img\n [src]=\"item.img.src\"\n width=\"391\"\n height=\"552\"\n class=\"news__graphic--img\"\n [alt]=\"item.img.alt\"\n />\n }\n </div>\n <div class=\"news__content\">\n @if (item.description) {\n <p>{{ item.description }}</p>\n }\n </div>\n </a>\n </div>\n }\n </div>\n <div class=\"js-slider-arrows\"></div>\n </div>\n </div>\n @if (button) {\n <div class=\"btn__group\">\n <a\n [linkType]=\"button.linkType\"\n [href]=\"button.url\"\n class=\"btn btn__primary--outline\"\n ><span>{{ button.label }}</span></a\n >\n </div>\n }\n</section>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: PuroLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href"] }] }); }
|
|
1377
1382
|
}
|
|
1378
1383
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroSlider3colRoundComponent, decorators: [{
|
|
1379
1384
|
type: Component,
|
|
1380
|
-
args: [{ selector: 'lib-puro-slider3col-round', standalone: true, imports: [], template: "<p>
|
|
1381
|
-
}]
|
|
1385
|
+
args: [{ selector: 'lib-puro-slider3col-round', standalone: true, imports: [CommonModule, PuroLinkTypeDirective], template: "<section\n class=\"news js-active-slider\"\n data-slides_infinite=\"true\"\n data-slider_name=\"js-news-slider\"\n data-slider_showbtns=\"true\"\n data-slider_showdots=\"false\"\n data-slider_fade=\"false\"\n data-slider_autoplay=\"false\"\n data-slides_pc=\"3\"\n data-slides_laptop=\"3\"\n data-slides_tablet=\"2\"\n data-slides_mobile=\"1\"\n data-slides_mobile_small=\"1\"\n data-slides_mobile_xsmall=\"1\"\n>\n @if (title) {\n <h2 class=\"news__heading\">{{ title }}</h2>\n }\n @if (subtitle) {\n <p class=\"news__subHeading\">{{ subtitle }}</p>\n }\n <div class=\"news__inner relative\">\n <div class=\"news__container\">\n <div class=\"js-news-slider news__slider\">\n @for (item of items || []; track $index) {\n <div>\n <a href=\"\" class=\"news__box\">\n <div class=\"news__graphic\">\n @if (item.img) {\n <img\n [src]=\"item.img.src\"\n width=\"391\"\n height=\"552\"\n class=\"news__graphic--img\"\n [alt]=\"item.img.alt\"\n />\n }\n </div>\n <div class=\"news__content\">\n @if (item.description) {\n <p>{{ item.description }}</p>\n }\n </div>\n </a>\n </div>\n }\n </div>\n <div class=\"js-slider-arrows\"></div>\n </div>\n </div>\n @if (button) {\n <div class=\"btn__group\">\n <a\n [linkType]=\"button.linkType\"\n [href]=\"button.url\"\n class=\"btn btn__primary--outline\"\n ><span>{{ button.label }}</span></a\n >\n </div>\n }\n</section>\n" }]
|
|
1386
|
+
}], propDecorators: { title: [{
|
|
1387
|
+
type: Input
|
|
1388
|
+
}], subtitle: [{
|
|
1389
|
+
type: Input
|
|
1390
|
+
}], items: [{
|
|
1391
|
+
type: Input
|
|
1392
|
+
}], button: [{
|
|
1393
|
+
type: Input
|
|
1394
|
+
}] } });
|
|
1382
1395
|
|
|
1383
1396
|
class PuroThanksComponent {
|
|
1384
1397
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroThanksComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
@@ -1399,7 +1412,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1399
1412
|
|
|
1400
1413
|
class PuroTopSliderComponent {
|
|
1401
1414
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroTopSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1402
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroTopSliderComponent, isStandalone: true, selector: "lib-puro-top-slider", inputs: { engine: "engine", title: "title", mainTitle: "mainTitle", pretitle: "pretitle", subtitle: "subtitle", images: "images", video: "video" }, ngImport: i0, template: "<section\r\n class=\"banner js-active-slider\"\r\n data-slides_infinite=\"true\"\r\n data-slider_name=\"js-banner-slider\"\r\n data-slider_showbtns=\"false\"\r\n data-slider_showdots=\"false\"\r\n data-slider_fade=\"true\"\r\n data-slider_autoplay=\"true\"\r\n data-slides_pc=\"1\"\r\n>\r\n <!-- if banner image-->\r\n <div class=\"js-banner-slider\">\r\n @for (image of images; track $index) {\r\n <div class=\"banner__item\">\r\n <img\r\n [src]=\"image.src\"\r\n [alt]=\"image.alt\"\r\n class=\"banner__image\"\r\n width=\"1920\"\r\n height=\"980\"\r\n />\r\n </div>\r\n }\r\n </div>\r\n <!-- if banner image-->\r\n <!-- if banner video -->\r\n @if (video) {\r\n <div class=\"banner__video\">\r\n <div class=\"banner__video--inner\">\r\n <iframe\r\n id=\"YouTubeVideoPlayer\"\r\n width=\"1920\"\r\n height=\"1080\"\r\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\r\n src=\"{{\r\n video\r\n }}?enablejsapi=1&controls=0&showinfo=0&autoplay=1&modestbranding=1&loop=1&autohide=1&playsinline=1&widgetid=1\"\r\n frameborder=\"0\"\r\n allowfullscreen\r\n ></iframe>\r\n </div>\r\n </div>\r\n }\r\n <!-- if banner video -->\r\n <div class=\"banner__logo\">\r\n <a href=\"index.html\">\r\n <svg\r\n aria-hidden=\"true\"\r\n width=\"177\"\r\n height=\"68\"\r\n focusable=\"false\"\r\n class=\"banner__logo--img\"\r\n >\r\n <use href=\"#saulo-logo\"></use>\r\n </svg>\r\n </a>\r\n </div>\r\n @if (mainTitle) {\r\n <h1 class=\"banner__title\">\r\n <span>{{ mainTitle }}</span>\r\n </h1>\r\n }\r\n <div class=\"banner__content\">\r\n @if (pretitle) {\r\n <p class=\"banner__text\">{{ pretitle }}</p>\r\n }\r\n @if (title) {\r\n <h2 class=\"banner__heading\">{{ title }}</h2>\r\n }\r\n @if (subtitle) {\r\n <p class=\"banner__text\">{{ subtitle }}</p>\r\n }\r\n </div>\r\n <div class=\"banner__actions\">\r\n <div class=\"banner__newsletter\">\r\n <a\r\n href=\"/hotels/puro/newsletter.html\"\r\n class=\"banner__newsletter--inner\"\r\n >\r\n <span class=\"icon-63\"></span>\r\n <strong>Newsletter</strong>\r\n </a>\r\n </div>\r\n <div class=\"banner__language\">\r\n <div\r\n class=\"banner__language--inner js-active-modal\"\r\n data-modal_name=\"language\"\r\n role=\"button\"\r\n >\r\n <span class=\"banner__language--icon\">ES</span>\r\n <strong>Idiomas</strong>\r\n </div>\r\n </div>\r\n <div class=\"banner__spotify\">\r\n <div class=\"banner__spotify--inner\" role=\"button\">\r\n <span class=\"icon-82\"></span>\r\n <strong>Listen to Puro Music</strong>\r\n </div>\r\n </div>\r\n <div class=\"banner__fidelityClub\">\r\n <div class=\"banner__fidelityClub--inner\" role=\"button\">\r\n <span class=\"icon-60\"></span>\r\n <strong>Fidelity Club</strong>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n @if (engine) {\r\n <ng-container [ngTemplateOutlet]=\"engine\"></ng-container>\r\n }\r\n\r\n <span\r\n class=\"banner__offers--tigger js-active-modal\"\r\n data-modal_name=\"t-offers\"\r\n role=\"button\"\r\n >SEE OFFERS</span\r\n >\r\n</section>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$
|
|
1415
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroTopSliderComponent, isStandalone: true, selector: "lib-puro-top-slider", inputs: { engine: "engine", title: "title", mainTitle: "mainTitle", pretitle: "pretitle", subtitle: "subtitle", images: "images", video: "video" }, ngImport: i0, template: "<section\r\n class=\"banner js-active-slider\"\r\n data-slides_infinite=\"true\"\r\n data-slider_name=\"js-banner-slider\"\r\n data-slider_showbtns=\"false\"\r\n data-slider_showdots=\"false\"\r\n data-slider_fade=\"true\"\r\n data-slider_autoplay=\"true\"\r\n data-slides_pc=\"1\"\r\n>\r\n <!-- if banner image-->\r\n <div class=\"js-banner-slider\">\r\n @for (image of images; track $index) {\r\n <div class=\"banner__item\">\r\n <img\r\n [src]=\"image.src\"\r\n [alt]=\"image.alt\"\r\n class=\"banner__image\"\r\n width=\"1920\"\r\n height=\"980\"\r\n />\r\n </div>\r\n }\r\n </div>\r\n <!-- if banner image-->\r\n <!-- if banner video -->\r\n @if (video) {\r\n <div class=\"banner__video\">\r\n <div class=\"banner__video--inner\">\r\n <iframe\r\n id=\"YouTubeVideoPlayer\"\r\n width=\"1920\"\r\n height=\"1080\"\r\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\r\n src=\"{{\r\n video\r\n }}?enablejsapi=1&controls=0&showinfo=0&autoplay=1&modestbranding=1&loop=1&autohide=1&playsinline=1&widgetid=1\"\r\n frameborder=\"0\"\r\n allowfullscreen\r\n ></iframe>\r\n </div>\r\n </div>\r\n }\r\n <!-- if banner video -->\r\n <div class=\"banner__logo\">\r\n <a href=\"index.html\">\r\n <svg\r\n aria-hidden=\"true\"\r\n width=\"177\"\r\n height=\"68\"\r\n focusable=\"false\"\r\n class=\"banner__logo--img\"\r\n >\r\n <use href=\"#saulo-logo\"></use>\r\n </svg>\r\n </a>\r\n </div>\r\n @if (mainTitle) {\r\n <h1 class=\"banner__title\">\r\n <span>{{ mainTitle }}</span>\r\n </h1>\r\n }\r\n <div class=\"banner__content\">\r\n @if (pretitle) {\r\n <p class=\"banner__text\">{{ pretitle }}</p>\r\n }\r\n @if (title) {\r\n <h2 class=\"banner__heading\">{{ title }}</h2>\r\n }\r\n @if (subtitle) {\r\n <p class=\"banner__text\">{{ subtitle }}</p>\r\n }\r\n </div>\r\n <div class=\"banner__actions\">\r\n <div class=\"banner__newsletter\">\r\n <a\r\n href=\"/hotels/puro/newsletter.html\"\r\n class=\"banner__newsletter--inner\"\r\n >\r\n <span class=\"icon-63\"></span>\r\n <strong>Newsletter</strong>\r\n </a>\r\n </div>\r\n <div class=\"banner__language\">\r\n <div\r\n class=\"banner__language--inner js-active-modal\"\r\n data-modal_name=\"language\"\r\n role=\"button\"\r\n >\r\n <span class=\"banner__language--icon\">ES</span>\r\n <strong>Idiomas</strong>\r\n </div>\r\n </div>\r\n <div class=\"banner__spotify\">\r\n <div class=\"banner__spotify--inner\" role=\"button\">\r\n <span class=\"icon-82\"></span>\r\n <strong>Listen to Puro Music</strong>\r\n </div>\r\n </div>\r\n <div class=\"banner__fidelityClub\">\r\n <div class=\"banner__fidelityClub--inner\" role=\"button\">\r\n <span class=\"icon-60\"></span>\r\n <strong>Fidelity Club</strong>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n @if (engine) {\r\n <ng-container [ngTemplateOutlet]=\"engine\"></ng-container>\r\n }\r\n\r\n <span\r\n class=\"banner__offers--tigger js-active-modal\"\r\n data-modal_name=\"t-offers\"\r\n role=\"button\"\r\n >SEE OFFERS</span\r\n >\r\n</section>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1403
1416
|
}
|
|
1404
1417
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroTopSliderComponent, decorators: [{
|
|
1405
1418
|
type: Component,
|