ctt-puro 0.46.23 → 0.46.25
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-advantages-small/puro-advantages-small.component.mjs +2 -2
- package/esm2022/lib/components/puro-faqs/puro-faqs.component.mjs +3 -3
- package/esm2022/lib/components/puro-list-awards/puro-list-awards.component.mjs +3 -3
- package/esm2022/lib/components/puro-slider-4items/puro-slider-4items.component.mjs +3 -3
- package/esm2022/lib/services/mapper/mapper.service.mjs +32 -8
- package/fesm2022/ctt-puro.mjs +39 -15
- package/fesm2022/ctt-puro.mjs.map +1 -1
- package/package.json +1 -1
package/fesm2022/ctt-puro.mjs
CHANGED
|
@@ -1416,11 +1416,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1416
1416
|
|
|
1417
1417
|
class PuroAdvantagesSmallComponent {
|
|
1418
1418
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroAdvantagesSmallComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1419
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroAdvantagesSmallComponent, isStandalone: true, selector: "lib-puro-advantages-small", inputs: { items: "items" }, ngImport: i0, template: "<section\n class=\"advantages js-active-slider\"\n [puroSlider]=\"items\"\n data-slides_infinite=\"true\"\n data-slider_name=\"js-advantages-slider\"\n data-slider_showbtns=\"true\"\n data-slider_showdots=\"false\"\n data-slider_fade=\"false\"\n data-slider_autoplay=\"true\"\n data-slides_pc=\"1\"\n>\n <div class=\"advantages__inner relative\">\n <div class=\"advantages__container\">\n <div class=\"js-advantages-slider advantages__slider\">\n @for (item of items || []; track $index) {\n <div>\n @if (item) {\n <div class=\"advantages__item\">\n @if (item.title) {\n <div class=\"advantages__text\">\n {{ item.title }}\n </div>\n }\n @if (item.icon) {\n <div class=\"advantages__icon\">\n <i class=\"{{ item.icon }}\"></i>\n </div>\n }\n @if (item.description) {\n <span class=\"advantages__text\">{{\n item.description\n }}</span>\n }\n </div>\n }\n </div>\n }\n </div>\n <div class=\"js-slider-arrows\"></div>\n </div>\n </div>\n</section>\n", styles: ["section{background-color:var(--primary)}@media (max-width: 1023.98px){.advantages__icon i{width:47px;height:43px}}@media (min-width: 1024px){.advantages__icon i{width:47px;height:47px}}.advantages__icon i{background-color:var(--white);border-radius:50%}.advantages__item .advantages__icon{background-color:#fff3}.advantages__item .advantages__text{color:var(--white)}@media (max-width: 1023.98px){.advantages__item .advantages__text{padding-inline:
|
|
1419
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroAdvantagesSmallComponent, isStandalone: true, selector: "lib-puro-advantages-small", inputs: { items: "items" }, ngImport: i0, template: "<section\n class=\"advantages js-active-slider\"\n [puroSlider]=\"items\"\n data-slides_infinite=\"true\"\n data-slider_name=\"js-advantages-slider\"\n data-slider_showbtns=\"true\"\n data-slider_showdots=\"false\"\n data-slider_fade=\"false\"\n data-slider_autoplay=\"true\"\n data-slides_pc=\"1\"\n>\n <div class=\"advantages__inner relative\">\n <div class=\"advantages__container\">\n <div class=\"js-advantages-slider advantages__slider\">\n @for (item of items || []; track $index) {\n <div>\n @if (item) {\n <div class=\"advantages__item\">\n @if (item.title) {\n <div class=\"advantages__text\">\n {{ item.title }}\n </div>\n }\n @if (item.icon) {\n <div class=\"advantages__icon\">\n <i class=\"{{ item.icon }}\"></i>\n </div>\n }\n @if (item.description) {\n <span class=\"advantages__text\">{{\n item.description\n }}</span>\n }\n </div>\n }\n </div>\n }\n </div>\n <div class=\"js-slider-arrows\"></div>\n </div>\n </div>\n</section>\n", styles: ["section{background-color:var(--primary)}@media (max-width: 1023.98px){.advantages__icon i{width:47px;height:43px}}@media (min-width: 1024px){.advantages__icon i{width:47px;height:47px}}.advantages__icon i{background-color:var(--white);border-radius:50%}.advantages__item .advantages__icon{background-color:#fff3}.advantages__item .advantages__text{color:var(--white)}@media (max-width: 1023.98px){.advantages__item .advantages__text{padding-inline:2rem;padding-block:1rem}}div.advantages__text{text-align:end}span.advantages__text{text-align:start}.advantages__item .advantages__heading{color:var(--white)}:host ::ng-deep .slick-btn{color:var(--white)!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: PuroSliderDirective, selector: "[puroSlider]", inputs: ["puroSlider"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1420
1420
|
}
|
|
1421
1421
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroAdvantagesSmallComponent, decorators: [{
|
|
1422
1422
|
type: Component,
|
|
1423
|
-
args: [{ selector: 'lib-puro-advantages-small', standalone: true, imports: [CommonModule, PuroSliderDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section\n class=\"advantages js-active-slider\"\n [puroSlider]=\"items\"\n data-slides_infinite=\"true\"\n data-slider_name=\"js-advantages-slider\"\n data-slider_showbtns=\"true\"\n data-slider_showdots=\"false\"\n data-slider_fade=\"false\"\n data-slider_autoplay=\"true\"\n data-slides_pc=\"1\"\n>\n <div class=\"advantages__inner relative\">\n <div class=\"advantages__container\">\n <div class=\"js-advantages-slider advantages__slider\">\n @for (item of items || []; track $index) {\n <div>\n @if (item) {\n <div class=\"advantages__item\">\n @if (item.title) {\n <div class=\"advantages__text\">\n {{ item.title }}\n </div>\n }\n @if (item.icon) {\n <div class=\"advantages__icon\">\n <i class=\"{{ item.icon }}\"></i>\n </div>\n }\n @if (item.description) {\n <span class=\"advantages__text\">{{\n item.description\n }}</span>\n }\n </div>\n }\n </div>\n }\n </div>\n <div class=\"js-slider-arrows\"></div>\n </div>\n </div>\n</section>\n", styles: ["section{background-color:var(--primary)}@media (max-width: 1023.98px){.advantages__icon i{width:47px;height:43px}}@media (min-width: 1024px){.advantages__icon i{width:47px;height:47px}}.advantages__icon i{background-color:var(--white);border-radius:50%}.advantages__item .advantages__icon{background-color:#fff3}.advantages__item .advantages__text{color:var(--white)}@media (max-width: 1023.98px){.advantages__item .advantages__text{padding-inline:
|
|
1423
|
+
args: [{ selector: 'lib-puro-advantages-small', standalone: true, imports: [CommonModule, PuroSliderDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section\n class=\"advantages js-active-slider\"\n [puroSlider]=\"items\"\n data-slides_infinite=\"true\"\n data-slider_name=\"js-advantages-slider\"\n data-slider_showbtns=\"true\"\n data-slider_showdots=\"false\"\n data-slider_fade=\"false\"\n data-slider_autoplay=\"true\"\n data-slides_pc=\"1\"\n>\n <div class=\"advantages__inner relative\">\n <div class=\"advantages__container\">\n <div class=\"js-advantages-slider advantages__slider\">\n @for (item of items || []; track $index) {\n <div>\n @if (item) {\n <div class=\"advantages__item\">\n @if (item.title) {\n <div class=\"advantages__text\">\n {{ item.title }}\n </div>\n }\n @if (item.icon) {\n <div class=\"advantages__icon\">\n <i class=\"{{ item.icon }}\"></i>\n </div>\n }\n @if (item.description) {\n <span class=\"advantages__text\">{{\n item.description\n }}</span>\n }\n </div>\n }\n </div>\n }\n </div>\n <div class=\"js-slider-arrows\"></div>\n </div>\n </div>\n</section>\n", styles: ["section{background-color:var(--primary)}@media (max-width: 1023.98px){.advantages__icon i{width:47px;height:43px}}@media (min-width: 1024px){.advantages__icon i{width:47px;height:47px}}.advantages__icon i{background-color:var(--white);border-radius:50%}.advantages__item .advantages__icon{background-color:#fff3}.advantages__item .advantages__text{color:var(--white)}@media (max-width: 1023.98px){.advantages__item .advantages__text{padding-inline:2rem;padding-block:1rem}}div.advantages__text{text-align:end}span.advantages__text{text-align:start}.advantages__item .advantages__heading{color:var(--white)}:host ::ng-deep .slick-btn{color:var(--white)!important}\n"] }]
|
|
1424
1424
|
}], propDecorators: { items: [{
|
|
1425
1425
|
type: Input
|
|
1426
1426
|
}] } });
|
|
@@ -3336,11 +3336,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
3336
3336
|
|
|
3337
3337
|
class PuroFaqsComponent {
|
|
3338
3338
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroFaqsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3339
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroFaqsComponent, isStandalone: true, selector: "lib-puro-faqs", inputs: { title: "title", items: "items", tags: "tags", textColors: "textColors" }, ngImport: i0, template: "<section class=\"faq\">\n @if (title) {\n <lib-puro-dynamic-heading\n [tag]=\"tags?.title || 'span'\"\n cssClass=\"faq__title\"\n [color]=\"textColors?.title\"\n [content]=\"title\"\n ></lib-puro-dynamic-heading>\n }\n <div class=\"faq__container\">\n @if (items?.length) {\n <div class=\"faq__list\">\n @for (item of items; track $index) {\n <div class=\"faq__item\">\n <div class=\"faq__heading js-accordion\" role=\"button\">\n @if (item.title) {\n <span>{{ item.title }}</span>\n }\n <span class=\"faq__icon\">\n <i class=\"icon-6\"></i>\n </span>\n </div>\n @if (item.content) {\n <div class=\"faq__content\">\n <p>\n {{ item.content }}\n </p>\n </div>\n }\n </div>\n }\n </div>\n }\n </div>\n</section>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: PuroDynamicHeadingComponent, selector: "lib-puro-dynamic-heading", inputs: ["tag", "wrapper", "cssClass", "content", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3339
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroFaqsComponent, isStandalone: true, selector: "lib-puro-faqs", inputs: { title: "title", items: "items", tags: "tags", textColors: "textColors" }, ngImport: i0, template: "<section class=\"faq generalMargin\">\n @if (title) {\n <lib-puro-dynamic-heading\n [tag]=\"tags?.title || 'span'\"\n cssClass=\"faq__title\"\n [color]=\"textColors?.title\"\n [content]=\"title\"\n ></lib-puro-dynamic-heading>\n }\n <div class=\"faq__container\">\n @if (items?.length) {\n <div class=\"faq__list\">\n @for (item of items; track $index) {\n <div class=\"faq__item\">\n <div class=\"faq__heading js-accordion\" role=\"button\">\n @if (item.title) {\n <span>{{ item.title }}</span>\n }\n <span class=\"faq__icon\">\n <i class=\"icon-6\"></i>\n </span>\n </div>\n @if (item.content) {\n <div class=\"faq__content\">\n <p>\n {{ item.content }}\n </p>\n </div>\n }\n </div>\n }\n </div>\n }\n </div>\n</section>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: PuroDynamicHeadingComponent, selector: "lib-puro-dynamic-heading", inputs: ["tag", "wrapper", "cssClass", "content", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3340
3340
|
}
|
|
3341
3341
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroFaqsComponent, decorators: [{
|
|
3342
3342
|
type: Component,
|
|
3343
|
-
args: [{ selector: 'lib-puro-faqs', standalone: true, imports: [CommonModule, PuroDynamicHeadingComponent, PuroScriptDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"faq\">\n @if (title) {\n <lib-puro-dynamic-heading\n [tag]=\"tags?.title || 'span'\"\n cssClass=\"faq__title\"\n [color]=\"textColors?.title\"\n [content]=\"title\"\n ></lib-puro-dynamic-heading>\n }\n <div class=\"faq__container\">\n @if (items?.length) {\n <div class=\"faq__list\">\n @for (item of items; track $index) {\n <div class=\"faq__item\">\n <div class=\"faq__heading js-accordion\" role=\"button\">\n @if (item.title) {\n <span>{{ item.title }}</span>\n }\n <span class=\"faq__icon\">\n <i class=\"icon-6\"></i>\n </span>\n </div>\n @if (item.content) {\n <div class=\"faq__content\">\n <p>\n {{ item.content }}\n </p>\n </div>\n }\n </div>\n }\n </div>\n }\n </div>\n</section>\n" }]
|
|
3343
|
+
args: [{ selector: 'lib-puro-faqs', standalone: true, imports: [CommonModule, PuroDynamicHeadingComponent, PuroScriptDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"faq generalMargin\">\n @if (title) {\n <lib-puro-dynamic-heading\n [tag]=\"tags?.title || 'span'\"\n cssClass=\"faq__title\"\n [color]=\"textColors?.title\"\n [content]=\"title\"\n ></lib-puro-dynamic-heading>\n }\n <div class=\"faq__container\">\n @if (items?.length) {\n <div class=\"faq__list\">\n @for (item of items; track $index) {\n <div class=\"faq__item\">\n <div class=\"faq__heading js-accordion\" role=\"button\">\n @if (item.title) {\n <span>{{ item.title }}</span>\n }\n <span class=\"faq__icon\">\n <i class=\"icon-6\"></i>\n </span>\n </div>\n @if (item.content) {\n <div class=\"faq__content\">\n <p>\n {{ item.content }}\n </p>\n </div>\n }\n </div>\n }\n </div>\n }\n </div>\n</section>\n" }]
|
|
3344
3344
|
}], propDecorators: { title: [{
|
|
3345
3345
|
type: Input
|
|
3346
3346
|
}], items: [{
|
|
@@ -4545,7 +4545,7 @@ class MapperService {
|
|
|
4545
4545
|
mapGrid3colPlusFilter(props) {
|
|
4546
4546
|
if (!props)
|
|
4547
4547
|
return undefined;
|
|
4548
|
-
const { texts, event, experience, hotels, multimedia } = props;
|
|
4548
|
+
const { texts, event, experience, hotels, multimedia, destinations } = props;
|
|
4549
4549
|
let items = [];
|
|
4550
4550
|
let options = [];
|
|
4551
4551
|
const exp = !!(experience || hotels);
|
|
@@ -4613,16 +4613,40 @@ class MapperService {
|
|
|
4613
4613
|
if (multimedia) {
|
|
4614
4614
|
items = multimedia?.imagenes?.map((img) => {
|
|
4615
4615
|
return {
|
|
4616
|
-
title: img
|
|
4617
|
-
ndTitle: img
|
|
4616
|
+
title: img?.title,
|
|
4617
|
+
ndTitle: img?.ndTitle,
|
|
4618
4618
|
date: undefined,
|
|
4619
|
-
filter:
|
|
4620
|
-
filterParent:
|
|
4619
|
+
filter: Number(img?.id),
|
|
4620
|
+
filterParent: img.alt,
|
|
4621
4621
|
img: this.getImageResponsive(img),
|
|
4622
|
-
buttons: Utils.mapButtons(this.siteId(), img
|
|
4623
|
-
links: Utils.mapButtons(this.siteId(), img
|
|
4622
|
+
buttons: Utils.mapButtons(this.siteId(), img?.buttons?.filter((btn) => !!btn?.linkValue)),
|
|
4623
|
+
links: Utils.mapButtons(this.siteId(), img?.links?.filter((btn) => !!btn?.linkValue)),
|
|
4624
4624
|
};
|
|
4625
4625
|
});
|
|
4626
|
+
const validAlts = new Set(items.map((i) => i.filterParent));
|
|
4627
|
+
options = Array.from(validAlts).map((alt) => ({
|
|
4628
|
+
code: alt,
|
|
4629
|
+
name: alt,
|
|
4630
|
+
}));
|
|
4631
|
+
}
|
|
4632
|
+
if (destinations) {
|
|
4633
|
+
items = destinations?.map((item) => {
|
|
4634
|
+
return {
|
|
4635
|
+
title: item?.title ?? item?.name,
|
|
4636
|
+
ndTitle: item?.subtitle,
|
|
4637
|
+
date: undefined,
|
|
4638
|
+
filter: Number(item?.id),
|
|
4639
|
+
filterParent: item.subtitle,
|
|
4640
|
+
img: this.getImageResponsive(item?.multimedia?.[0]),
|
|
4641
|
+
buttons: Utils.mapButtons(this.siteId(), item?.buttons.filter((btn) => !!btn?.linkValue)),
|
|
4642
|
+
links: undefined,
|
|
4643
|
+
};
|
|
4644
|
+
});
|
|
4645
|
+
const validSubtitles = new Set(items.map((i) => i.filterParent));
|
|
4646
|
+
options = Array.from(validSubtitles).map((subtitle) => ({
|
|
4647
|
+
code: subtitle,
|
|
4648
|
+
name: subtitle,
|
|
4649
|
+
}));
|
|
4626
4650
|
}
|
|
4627
4651
|
return {
|
|
4628
4652
|
title: typeof texts?.title === 'string'
|
|
@@ -7633,7 +7657,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
7633
7657
|
|
|
7634
7658
|
class PuroListAwardsComponent {
|
|
7635
7659
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroListAwardsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7636
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroListAwardsComponent, isStandalone: true, selector: "lib-puro-list-awards", inputs: { title: "title", items: "items" }, ngImport: i0, template: "<section\n [puroSlider]=\"items\"\n class=\"sideImageContent js-active-slider\"\n data-slides_infinite=\"true\"\n data-slider_name=\"js-sideImageContent-slider\"\n data-slider_showbtns=\"true\"\n data-slider_showdots=\"false\"\n data-slider_fade=\"false\"\n data-slider_autoplay=\"true\"\n data-slides_pc=\"2\"\n data-slides_laptop=\"2\"\n data-slides_tablet=\"
|
|
7660
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroListAwardsComponent, isStandalone: true, selector: "lib-puro-list-awards", inputs: { title: "title", items: "items" }, ngImport: i0, template: "<section\n [puroSlider]=\"items\"\n class=\"sideImageContent js-active-slider generalMargin\"\n data-slides_infinite=\"true\"\n data-slider_name=\"js-sideImageContent-slider\"\n data-slider_showbtns=\"true\"\n data-slider_showdots=\"false\"\n data-slider_fade=\"false\"\n data-slider_autoplay=\"true\"\n data-slides_pc=\"2\"\n data-slides_laptop=\"2\"\n data-slides_tablet=\"1\"\n data-slides_mobile=\"1\"\n data-slides_mobile_small=\"1\"\n data-slides_mobile_xsmall=\"1\"\n>\n @if (title) {\n <span class=\"sideImageContent__title\">{{ title }}</span>\n }\n @if (items && items.length > 0) {\n <div class=\"sideImageContent__inner relative\">\n <div class=\"js-sideImageContent-slider sideImageContent__slider\">\n @for (item of items; track $index) {\n <div>\n <div class=\"sideImageContent__box\">\n @if (item.image) {\n <div class=\"sideImageContent__graphic\">\n <img\n [ngSrc]=\"item.image.src\"\n [alt]=\"item.image.alt\"\n class=\"sideImageContent__graphic--img\"\n width=\"403\"\n height=\"246\"\n priority\n />\n </div>\n }\n <div class=\"sideImageContent__content\">\n @if (item.title) {\n <h3 class=\"sideImageContent__heading photo\">\n {{ item.title }}\n </h3>\n }\n @if (item.description) {\n <div class=\"sideImageContent__paragraph\">\n <p>\n {{ item.description }}\n </p>\n </div>\n }\n @if (item.button) {\n <div class=\"btn__group\">\n <a\n [href]=\"item.button.url\"\n [linkType]=\"item.button.linkType\"\n class=\"btn btn__primary--outline\"\n ><span>{{\n item.button.label\n }}</span></a\n >\n </div>\n }\n </div>\n </div>\n </div>\n }\n </div>\n <div class=\"js-slider-arrows\"></div>\n </div>\n }\n</section>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: PuroSliderDirective, selector: "[puroSlider]", inputs: ["puroSlider"] }, { kind: "directive", type: PuroLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick"], outputs: ["bookClick", "anchorClicked"] }, { kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "directive", type: AutoImageZoomWrapperDirective, selector: "img[ngSrc], img[src]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
7637
7661
|
}
|
|
7638
7662
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroListAwardsComponent, decorators: [{
|
|
7639
7663
|
type: Component,
|
|
@@ -7643,7 +7667,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
7643
7667
|
PuroLinkTypeDirective,
|
|
7644
7668
|
NgOptimizedImage,
|
|
7645
7669
|
AutoImageZoomWrapperDirective,
|
|
7646
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section\n [puroSlider]=\"items\"\n class=\"sideImageContent js-active-slider\"\n data-slides_infinite=\"true\"\n data-slider_name=\"js-sideImageContent-slider\"\n data-slider_showbtns=\"true\"\n data-slider_showdots=\"false\"\n data-slider_fade=\"false\"\n data-slider_autoplay=\"true\"\n data-slides_pc=\"2\"\n data-slides_laptop=\"2\"\n data-slides_tablet=\"
|
|
7670
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section\n [puroSlider]=\"items\"\n class=\"sideImageContent js-active-slider generalMargin\"\n data-slides_infinite=\"true\"\n data-slider_name=\"js-sideImageContent-slider\"\n data-slider_showbtns=\"true\"\n data-slider_showdots=\"false\"\n data-slider_fade=\"false\"\n data-slider_autoplay=\"true\"\n data-slides_pc=\"2\"\n data-slides_laptop=\"2\"\n data-slides_tablet=\"1\"\n data-slides_mobile=\"1\"\n data-slides_mobile_small=\"1\"\n data-slides_mobile_xsmall=\"1\"\n>\n @if (title) {\n <span class=\"sideImageContent__title\">{{ title }}</span>\n }\n @if (items && items.length > 0) {\n <div class=\"sideImageContent__inner relative\">\n <div class=\"js-sideImageContent-slider sideImageContent__slider\">\n @for (item of items; track $index) {\n <div>\n <div class=\"sideImageContent__box\">\n @if (item.image) {\n <div class=\"sideImageContent__graphic\">\n <img\n [ngSrc]=\"item.image.src\"\n [alt]=\"item.image.alt\"\n class=\"sideImageContent__graphic--img\"\n width=\"403\"\n height=\"246\"\n priority\n />\n </div>\n }\n <div class=\"sideImageContent__content\">\n @if (item.title) {\n <h3 class=\"sideImageContent__heading photo\">\n {{ item.title }}\n </h3>\n }\n @if (item.description) {\n <div class=\"sideImageContent__paragraph\">\n <p>\n {{ item.description }}\n </p>\n </div>\n }\n @if (item.button) {\n <div class=\"btn__group\">\n <a\n [href]=\"item.button.url\"\n [linkType]=\"item.button.linkType\"\n class=\"btn btn__primary--outline\"\n ><span>{{\n item.button.label\n }}</span></a\n >\n </div>\n }\n </div>\n </div>\n </div>\n }\n </div>\n <div class=\"js-slider-arrows\"></div>\n </div>\n }\n</section>\n" }]
|
|
7647
7671
|
}], propDecorators: { title: [{
|
|
7648
7672
|
type: Input
|
|
7649
7673
|
}], items: [{
|
|
@@ -8297,7 +8321,7 @@ class PuroSlider4ItemsComponent {
|
|
|
8297
8321
|
}
|
|
8298
8322
|
}
|
|
8299
8323
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroSlider4ItemsComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8300
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroSlider4ItemsComponent, isStandalone: true, selector: "lib-puro-slider-4items", inputs: { title: "title", subtitle: "subtitle", items: "items", slides: "slides" }, ngImport: i0, template: "<section\n [puroSlider]=\"items\"\n class=\"slider4items js-active-slider\"\n data-slides_infinite=\"true\"\n data-slider_name=\"js-slider4items-slider\"\n data-slider_showbtns=\"true\"\n data-slider_showdots=\"false\"\n data-slider_fade=\"false\"\n data-slider_autoplay=\"true\"\n data-slides_tablet=\"
|
|
8324
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroSlider4ItemsComponent, isStandalone: true, selector: "lib-puro-slider-4items", inputs: { title: "title", subtitle: "subtitle", items: "items", slides: "slides" }, ngImport: i0, template: "<section\n [puroSlider]=\"items\"\n class=\"slider4items js-active-slider generalMargin\"\n data-slides_infinite=\"true\"\n data-slider_name=\"js-slider4items-slider\"\n data-slider_showbtns=\"true\"\n data-slider_showdots=\"false\"\n data-slider_fade=\"false\"\n data-slider_autoplay=\"true\"\n data-slides_tablet=\"1\"\n data-slides_mobile=\"1 \"\n data-slides_mobile_small=\"1\"\n data-slides_mobile_xsmall=\"1\"\n>\n <div class=\"slider4items__title-section\">\n @if (title) {\n <h2 class=\"slider4items__title __heading\">\n {{ title }}\n </h2>\n }\n @if (subtitle) {\n <p class=\"slider4items__subHeading\">\n {{ subtitle }}\n </p>\n }\n </div>\n @if (items && items.length > 0) {\n <div class=\"slider4items__inner relative\">\n <div class=\"slider4items__container\">\n <div class=\"js-slider4items-slider slider4items__slider\">\n @for (item of items; track $index) {\n <div>\n <div class=\"slider4items__item\">\n @if (item.img) {\n <img\n [ngSrc]=\"item.img.src\"\n [alt]=\"item.img.alt\"\n class=\"slider4items__img\"\n width=\"290\"\n height=\"400\"\n decoding=\"async\"\n />\n }\n @if (item.title) {\n <span\n class=\"slider4items__title __heading\"\n >{{ item.title }}</span\n >\n }\n @if (item.description) {\n <p\n class=\"slider4items__description\"\n [innerHTML]=\"item.description\"\n ></p>\n }\n </div>\n </div>\n }\n </div>\n <div class=\"js-slider-arrows\"></div>\n </div>\n </div>\n }\n</section>\n", styles: [""], dependencies: [{ kind: "directive", type: PuroSliderDirective, selector: "[puroSlider]", inputs: ["puroSlider"] }, { kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "directive", type: AutoImageZoomWrapperDirective, selector: "img[ngSrc], img[src]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8301
8325
|
}
|
|
8302
8326
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroSlider4ItemsComponent, decorators: [{
|
|
8303
8327
|
type: Component,
|
|
@@ -8305,7 +8329,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
8305
8329
|
PuroSliderDirective,
|
|
8306
8330
|
NgOptimizedImage,
|
|
8307
8331
|
AutoImageZoomWrapperDirective,
|
|
8308
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section\n [puroSlider]=\"items\"\n class=\"slider4items js-active-slider\"\n data-slides_infinite=\"true\"\n data-slider_name=\"js-slider4items-slider\"\n data-slider_showbtns=\"true\"\n data-slider_showdots=\"false\"\n data-slider_fade=\"false\"\n data-slider_autoplay=\"true\"\n data-slides_tablet=\"
|
|
8332
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section\n [puroSlider]=\"items\"\n class=\"slider4items js-active-slider generalMargin\"\n data-slides_infinite=\"true\"\n data-slider_name=\"js-slider4items-slider\"\n data-slider_showbtns=\"true\"\n data-slider_showdots=\"false\"\n data-slider_fade=\"false\"\n data-slider_autoplay=\"true\"\n data-slides_tablet=\"1\"\n data-slides_mobile=\"1 \"\n data-slides_mobile_small=\"1\"\n data-slides_mobile_xsmall=\"1\"\n>\n <div class=\"slider4items__title-section\">\n @if (title) {\n <h2 class=\"slider4items__title __heading\">\n {{ title }}\n </h2>\n }\n @if (subtitle) {\n <p class=\"slider4items__subHeading\">\n {{ subtitle }}\n </p>\n }\n </div>\n @if (items && items.length > 0) {\n <div class=\"slider4items__inner relative\">\n <div class=\"slider4items__container\">\n <div class=\"js-slider4items-slider slider4items__slider\">\n @for (item of items; track $index) {\n <div>\n <div class=\"slider4items__item\">\n @if (item.img) {\n <img\n [ngSrc]=\"item.img.src\"\n [alt]=\"item.img.alt\"\n class=\"slider4items__img\"\n width=\"290\"\n height=\"400\"\n decoding=\"async\"\n />\n }\n @if (item.title) {\n <span\n class=\"slider4items__title __heading\"\n >{{ item.title }}</span\n >\n }\n @if (item.description) {\n <p\n class=\"slider4items__description\"\n [innerHTML]=\"item.description\"\n ></p>\n }\n </div>\n </div>\n }\n </div>\n <div class=\"js-slider-arrows\"></div>\n </div>\n </div>\n }\n</section>\n" }]
|
|
8309
8333
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { title: [{
|
|
8310
8334
|
type: Input
|
|
8311
8335
|
}], subtitle: [{
|