ctt-puro 0.44.23 → 0.44.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/fesm2022/ctt-puro.mjs
CHANGED
|
@@ -4323,7 +4323,7 @@ class MapperService {
|
|
|
4323
4323
|
}
|
|
4324
4324
|
combinedImages.push(props.multimedia.imagessmall[1]);
|
|
4325
4325
|
return {
|
|
4326
|
-
title: props?.texts?.title,
|
|
4326
|
+
title: props?.texts?.pretitle ?? props?.texts?.title,
|
|
4327
4327
|
items: combinedImages?.map((img) => ({
|
|
4328
4328
|
img: this.getImageResponsive(img),
|
|
4329
4329
|
title: img?.title,
|
|
@@ -4549,16 +4549,27 @@ class MapperService {
|
|
|
4549
4549
|
};
|
|
4550
4550
|
}
|
|
4551
4551
|
mapSlider3ColRound(props) {
|
|
4552
|
-
const { texts, buttons, multimedia } = props;
|
|
4552
|
+
const { texts, buttons, multimedia, posts } = props;
|
|
4553
|
+
let items = [];
|
|
4554
|
+
if (multimedia) {
|
|
4555
|
+
items = multimedia?.imagenes?.map((img) => ({
|
|
4556
|
+
description: img?.description,
|
|
4557
|
+
img: this.getImageResponsive(img),
|
|
4558
|
+
link: Utils.mapButtons(this.siteId(), img?.links || [])[0],
|
|
4559
|
+
}));
|
|
4560
|
+
}
|
|
4561
|
+
else if (posts) {
|
|
4562
|
+
items = posts?.map((item) => ({
|
|
4563
|
+
description: item?.translations?.[1].title,
|
|
4564
|
+
img: this.getImageResponsive(item?.multimedia?.[0]),
|
|
4565
|
+
link: Utils.mapButtons(this.siteId(), item?.buttons || [])[0],
|
|
4566
|
+
}));
|
|
4567
|
+
}
|
|
4553
4568
|
return {
|
|
4554
4569
|
title: texts?.title,
|
|
4555
4570
|
subtitle: texts?.subtitle,
|
|
4556
4571
|
button: Utils.mapButtons(this.siteId(), buttons)[0],
|
|
4557
|
-
items
|
|
4558
|
-
description: img?.description,
|
|
4559
|
-
img: this.getImageResponsive(img),
|
|
4560
|
-
link: Utils.mapButtons(this.siteId(), img?.links || [])[0],
|
|
4561
|
-
})),
|
|
4572
|
+
items,
|
|
4562
4573
|
};
|
|
4563
4574
|
}
|
|
4564
4575
|
mapInfoIntro(props) {
|
|
@@ -8001,11 +8012,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
8001
8012
|
|
|
8002
8013
|
class PuroSlider3colRoundComponent {
|
|
8003
8014
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroSlider3colRoundComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8004
|
-
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 [puroSlider]=\"items\"\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=\"true\"\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\n href=\"\"\n class=\"news__box\"\n [attr.aria-label]=\"item.description\"\n >\n <div class=\"news__graphic\">\n @if (item.img) {\n <img\n [ngSrc]=\"item.img.src\"\n width=\"391\"\n height=\"552\"\n class=\"news__graphic--img\"\n [alt]=\"item.img.alt\"\n decoding=\"async\"\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 [attr.aria-label]=\"button.label\"\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", "modalClick"], outputs: ["bookClick", "anchorClicked"] }, { 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"] }] }); }
|
|
8015
|
+
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 generalMargin\"\n [puroSlider]=\"items\"\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=\"true\"\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\n href=\"\"\n class=\"news__box\"\n [attr.aria-label]=\"item.description\"\n >\n <div class=\"news__graphic\">\n @if (item.img) {\n <img\n [ngSrc]=\"item.img.src\"\n width=\"391\"\n height=\"552\"\n class=\"news__graphic--img\"\n [alt]=\"item.img.alt\"\n decoding=\"async\"\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 [attr.aria-label]=\"button.label\"\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", "modalClick"], outputs: ["bookClick", "anchorClicked"] }, { 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"] }] }); }
|
|
8005
8016
|
}
|
|
8006
8017
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroSlider3colRoundComponent, decorators: [{
|
|
8007
8018
|
type: Component,
|
|
8008
|
-
args: [{ selector: 'lib-puro-slider3col-round', standalone: true, imports: [CommonModule, PuroLinkTypeDirective, PuroSliderDirective, NgOptimizedImage], template: "<section\n class=\"news js-active-slider\"\n [puroSlider]=\"items\"\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=\"true\"\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\n href=\"\"\n class=\"news__box\"\n [attr.aria-label]=\"item.description\"\n >\n <div class=\"news__graphic\">\n @if (item.img) {\n <img\n [ngSrc]=\"item.img.src\"\n width=\"391\"\n height=\"552\"\n class=\"news__graphic--img\"\n [alt]=\"item.img.alt\"\n decoding=\"async\"\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 [attr.aria-label]=\"button.label\"\n class=\"btn btn__primary--outline\"\n ><span>{{ button.label }}</span></a\n >\n </div>\n }\n</section>\n" }]
|
|
8019
|
+
args: [{ selector: 'lib-puro-slider3col-round', standalone: true, imports: [CommonModule, PuroLinkTypeDirective, PuroSliderDirective, NgOptimizedImage], template: "<section\n class=\"news js-active-slider generalMargin\"\n [puroSlider]=\"items\"\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=\"true\"\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\n href=\"\"\n class=\"news__box\"\n [attr.aria-label]=\"item.description\"\n >\n <div class=\"news__graphic\">\n @if (item.img) {\n <img\n [ngSrc]=\"item.img.src\"\n width=\"391\"\n height=\"552\"\n class=\"news__graphic--img\"\n [alt]=\"item.img.alt\"\n decoding=\"async\"\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 [attr.aria-label]=\"button.label\"\n class=\"btn btn__primary--outline\"\n ><span>{{ button.label }}</span></a\n >\n </div>\n }\n</section>\n" }]
|
|
8009
8020
|
}], propDecorators: { title: [{
|
|
8010
8021
|
type: Input
|
|
8011
8022
|
}], subtitle: [{
|