ctt-puro 0.46.20 → 0.46.21
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-grid3col-plus-filter/puro-grid3col-plus-filter.component.mjs +3 -3
- package/esm2022/lib/components/puro-list-awards/puro-list-awards.component.mjs +3 -3
- package/esm2022/lib/services/mapper/mapper.service.mjs +20 -5
- package/fesm2022/ctt-puro.mjs +23 -8
- package/fesm2022/ctt-puro.mjs.map +1 -1
- package/package.json +1 -1
package/fesm2022/ctt-puro.mjs
CHANGED
|
@@ -4545,7 +4545,7 @@ class MapperService {
|
|
|
4545
4545
|
mapGrid3colPlusFilter(props) {
|
|
4546
4546
|
if (!props)
|
|
4547
4547
|
return undefined;
|
|
4548
|
-
const { texts, event, experience, hotels } = props;
|
|
4548
|
+
const { texts, event, experience, hotels, multimedia } = props;
|
|
4549
4549
|
let items = [];
|
|
4550
4550
|
let options = [];
|
|
4551
4551
|
const exp = !!(experience || hotels);
|
|
@@ -4610,6 +4610,20 @@ class MapperService {
|
|
|
4610
4610
|
name: city,
|
|
4611
4611
|
}));
|
|
4612
4612
|
}
|
|
4613
|
+
if (multimedia) {
|
|
4614
|
+
items = multimedia?.imagenes?.map((img) => {
|
|
4615
|
+
return {
|
|
4616
|
+
title: img.title,
|
|
4617
|
+
ndTitle: img.pretitle,
|
|
4618
|
+
date: undefined,
|
|
4619
|
+
filter: undefined,
|
|
4620
|
+
filterParent: undefined,
|
|
4621
|
+
img: this.getImageResponsive(img),
|
|
4622
|
+
buttons: Utils.mapButtons(this.siteId(), img.buttons),
|
|
4623
|
+
links: Utils.mapButtons(this.siteId(), img.links),
|
|
4624
|
+
};
|
|
4625
|
+
});
|
|
4626
|
+
}
|
|
4613
4627
|
return {
|
|
4614
4628
|
title: typeof texts?.title === 'string'
|
|
4615
4629
|
? texts?.title
|
|
@@ -4623,7 +4637,9 @@ class MapperService {
|
|
|
4623
4637
|
options,
|
|
4624
4638
|
},
|
|
4625
4639
|
buttons: Utils.mapButtons(this.siteId(), props?.buttons) ?? [],
|
|
4626
|
-
backgroundImg: this.getImageResponsive(
|
|
4640
|
+
// backgroundImg: this.getImageResponsive(
|
|
4641
|
+
// props?.multimedia?.imagenes?.[0]
|
|
4642
|
+
// ),
|
|
4627
4643
|
exp,
|
|
4628
4644
|
tags: {
|
|
4629
4645
|
pretitle: texts?.pretitle?.tag,
|
|
@@ -5983,14 +5999,13 @@ class MapperService {
|
|
|
5983
5999
|
},
|
|
5984
6000
|
};
|
|
5985
6001
|
}
|
|
5986
|
-
//TODO: Check back props
|
|
5987
6002
|
mapHeadIntro(props) {
|
|
5988
6003
|
return {
|
|
5989
6004
|
title: props?.texts?.title,
|
|
5990
6005
|
pretitle: props?.texts?.pretitle,
|
|
5991
6006
|
subtitle: props?.texts?.subtitle,
|
|
5992
6007
|
description: props?.texts?.description,
|
|
5993
|
-
buttons: Utils.mapButtons(this.siteId(), props?.buttons)
|
|
6008
|
+
buttons: Utils.mapButtons(this.siteId(), props?.buttons?.filter((btn) => !!btn?.linkValue))
|
|
5994
6009
|
};
|
|
5995
6010
|
}
|
|
5996
6011
|
mapCareersForm(props) {
|
|
@@ -6666,7 +6681,7 @@ class PuroGrid3colPlusFilterComponent {
|
|
|
6666
6681
|
this.option.set(value);
|
|
6667
6682
|
}
|
|
6668
6683
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroGrid3colPlusFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6669
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroGrid3colPlusFilterComponent, isStandalone: true, selector: "lib-puro-grid3col-plus-filter", inputs: { pretitle: "pretitle", title: "title", filter: "filter", items: "items", button: "button", backgroundImg: "backgroundImg", exp: "exp", tags: "tags", textColors: "textColors" }, ngImport: i0, template: "<section class=\"events events__list generalMargin\" [style.--bg-url]=\"cssBgUrl\">\n <div class=\"events__container\">\n <div class=\"events__headingSection\">\n @if (pretitle) {\n <lib-puro-dynamic-heading\n [tag]=\"tags?.pretitle || 'p'\"\n cssClass=\"events__subHeading\"\n [color]=\"textColors?.pretitle\"\n [content]=\"pretitle\"\n ></lib-puro-dynamic-heading>\n }\n @if (title) {\n <lib-puro-dynamic-heading\n [tag]=\"tags?.title || 'h2'\"\n cssClass=\"events__heading\"\n [color]=\"textColors?.title\"\n [content]=\"title\"\n ></lib-puro-dynamic-heading>\n }\n @if (filter) {\n <div class=\"form__group withIcon\">\n <select\n class=\"form__control\"\n (change)=\"selectOption($event)\"\n >\n <option [value]=\"0\" selected>\n {{ filter.placeholder }}\n </option>\n @for (option of filter.options || []; track $index) {\n <option [value]=\"option.code\">\n {{ option.name }}\n </option>\n }\n </select>\n <span class=\"icon-right\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n width=\"15\"\n height=\"8\"\n >\n <use href=\"#select-arrow\"></use>\n </svg>\n </span>\n </div>\n }\n </div>\n <div class=\"events__list--inner\">\n @for (item of itemsDisplayed() || []; track $index) {\n <div class=\"events__box\">\n @if (item.title) {\n <div class=\"events__heading photo\">{{ item.title }}</div>\n }\n <div class=\"events__inner\">\n <div class=\"events__graphic js-slider_fix-arrows-zone\">\n @if (item.img) {\n <img\n [ngSrc]=\"item.img.src\"\n width=\"509\"\n height=\"510\"\n class=\"events__graphic--img\"\n [alt]=\"item.img.alt\"\n
|
|
6684
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroGrid3colPlusFilterComponent, isStandalone: true, selector: "lib-puro-grid3col-plus-filter", inputs: { pretitle: "pretitle", title: "title", filter: "filter", items: "items", button: "button", backgroundImg: "backgroundImg", exp: "exp", tags: "tags", textColors: "textColors" }, ngImport: i0, template: "<section class=\"events events__list generalMargin\" [style.--bg-url]=\"cssBgUrl\">\n <div class=\"events__container\">\n <div class=\"events__headingSection\">\n @if (pretitle) {\n <lib-puro-dynamic-heading\n [tag]=\"tags?.pretitle || 'p'\"\n cssClass=\"events__subHeading\"\n [color]=\"textColors?.pretitle\"\n [content]=\"pretitle\"\n ></lib-puro-dynamic-heading>\n }\n @if (title) {\n <lib-puro-dynamic-heading\n [tag]=\"tags?.title || 'h2'\"\n cssClass=\"events__heading\"\n [color]=\"textColors?.title\"\n [content]=\"title\"\n ></lib-puro-dynamic-heading>\n }\n @if (filter) {\n <div class=\"form__group withIcon\">\n <select\n class=\"form__control\"\n (change)=\"selectOption($event)\"\n >\n <option [value]=\"0\" selected>\n {{ filter.placeholder }}\n </option>\n @for (option of filter.options || []; track $index) {\n <option [value]=\"option.code\">\n {{ option.name }}\n </option>\n }\n </select>\n <span class=\"icon-right\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n width=\"15\"\n height=\"8\"\n >\n <use href=\"#select-arrow\"></use>\n </svg>\n </span>\n </div>\n }\n </div>\n <div class=\"events__list--inner\">\n @for (item of itemsDisplayed() || []; track $index) {\n <div class=\"events__box\">\n @if (item.title) {\n <div class=\"events__heading photo\">{{ item.title }}</div>\n }\n <div class=\"events__inner\">\n <div class=\"events__graphic js-slider_fix-arrows-zone\">\n @if (item.img) {\n <img\n [ngSrc]=\"item.img.src\"\n width=\"509\"\n height=\"510\"\n class=\"events__graphic--img\"\n [alt]=\"item.img.alt\"\n priority\n />\n }\n </div>\n <div class=\"events__info\">\n @if (exp) {\n @if (item.ndTitle) {\n <span class=\"events__location\">{{\n item.ndTitle\n }}</span>\n }\n } @else {\n @if (item.ndTitle) {\n <span class=\"events__subHeading photo\">{{\n item.ndTitle\n }}</span>\n }\n @if (item.icon) {\n <div class=\"events__icon\">\n <i class=\"{{ item.icon }}\"></i>\n </div>\n }\n @if (item.date) {\n <span class=\"events__date\">{{\n item.date\n }}</span>\n }\n }\n </div>\n <div class=\"btn__group\">\n @for (link of item.links || []; track $index) {\n @if (link) {\n <a\n [linkType]=\"link.linkType\"\n [href]=\"link.url\"\n class=\"btn__link\"\n [attr.aria-label]=\"link.label\"\n ><span>{{ link.label }}</span></a\n >\n }\n }\n @for (button of item.buttons || []; track $index) {\n @if (button) {\n <a\n [linkType]=\"button.linkType\"\n [href]=\"button.url\"\n class=\"btn__link\"\n [attr.aria-label]=\"button.label\"\n ><span>{{ button.label }}</span></a\n >\n }\n }\n </div>\n </div>\n </div>\n }\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 [attr.aria-label]=\"button.label\"\n ><span>{{ button.label }}</span></a\n >\n </div>\n }\n</section>\n", styles: [".events__list:before{content:\"\";position:absolute;display:block;top:-11.5rem;left:-51.5rem;width:101.8rem;transform:scale(1) rotate(90deg);aspect-ratio:1;background:var(--bg-url) center center no-repeat;background-size:100%;opacity:.15}.events__location{flex:1 1 100%;display:flex;justify-content:center;align-items:center;font-size:1.4rem;line-height:1.5;letter-spacing:.14rem;font-weight:700;text-align:center}.btn.btn__secondary--outline:hover{background-color:var(--cl-text-white);color:var(--cl-title);border-color:var(--cl-text-white)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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]" }, { kind: "component", type: PuroDynamicHeadingComponent, selector: "lib-puro-dynamic-heading", inputs: ["tag", "wrapper", "cssClass", "content", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
6670
6685
|
}
|
|
6671
6686
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroGrid3colPlusFilterComponent, decorators: [{
|
|
6672
6687
|
type: Component,
|
|
@@ -6676,7 +6691,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
6676
6691
|
NgOptimizedImage,
|
|
6677
6692
|
AutoImageZoomWrapperDirective,
|
|
6678
6693
|
PuroDynamicHeadingComponent,
|
|
6679
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"events events__list generalMargin\" [style.--bg-url]=\"cssBgUrl\">\n <div class=\"events__container\">\n <div class=\"events__headingSection\">\n @if (pretitle) {\n <lib-puro-dynamic-heading\n [tag]=\"tags?.pretitle || 'p'\"\n cssClass=\"events__subHeading\"\n [color]=\"textColors?.pretitle\"\n [content]=\"pretitle\"\n ></lib-puro-dynamic-heading>\n }\n @if (title) {\n <lib-puro-dynamic-heading\n [tag]=\"tags?.title || 'h2'\"\n cssClass=\"events__heading\"\n [color]=\"textColors?.title\"\n [content]=\"title\"\n ></lib-puro-dynamic-heading>\n }\n @if (filter) {\n <div class=\"form__group withIcon\">\n <select\n class=\"form__control\"\n (change)=\"selectOption($event)\"\n >\n <option [value]=\"0\" selected>\n {{ filter.placeholder }}\n </option>\n @for (option of filter.options || []; track $index) {\n <option [value]=\"option.code\">\n {{ option.name }}\n </option>\n }\n </select>\n <span class=\"icon-right\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n width=\"15\"\n height=\"8\"\n >\n <use href=\"#select-arrow\"></use>\n </svg>\n </span>\n </div>\n }\n </div>\n <div class=\"events__list--inner\">\n @for (item of itemsDisplayed() || []; track $index) {\n <div class=\"events__box\">\n @if (item.title) {\n <div class=\"events__heading photo\">{{ item.title }}</div>\n }\n <div class=\"events__inner\">\n <div class=\"events__graphic js-slider_fix-arrows-zone\">\n @if (item.img) {\n <img\n [ngSrc]=\"item.img.src\"\n width=\"509\"\n height=\"510\"\n class=\"events__graphic--img\"\n [alt]=\"item.img.alt\"\n
|
|
6694
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"events events__list generalMargin\" [style.--bg-url]=\"cssBgUrl\">\n <div class=\"events__container\">\n <div class=\"events__headingSection\">\n @if (pretitle) {\n <lib-puro-dynamic-heading\n [tag]=\"tags?.pretitle || 'p'\"\n cssClass=\"events__subHeading\"\n [color]=\"textColors?.pretitle\"\n [content]=\"pretitle\"\n ></lib-puro-dynamic-heading>\n }\n @if (title) {\n <lib-puro-dynamic-heading\n [tag]=\"tags?.title || 'h2'\"\n cssClass=\"events__heading\"\n [color]=\"textColors?.title\"\n [content]=\"title\"\n ></lib-puro-dynamic-heading>\n }\n @if (filter) {\n <div class=\"form__group withIcon\">\n <select\n class=\"form__control\"\n (change)=\"selectOption($event)\"\n >\n <option [value]=\"0\" selected>\n {{ filter.placeholder }}\n </option>\n @for (option of filter.options || []; track $index) {\n <option [value]=\"option.code\">\n {{ option.name }}\n </option>\n }\n </select>\n <span class=\"icon-right\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n width=\"15\"\n height=\"8\"\n >\n <use href=\"#select-arrow\"></use>\n </svg>\n </span>\n </div>\n }\n </div>\n <div class=\"events__list--inner\">\n @for (item of itemsDisplayed() || []; track $index) {\n <div class=\"events__box\">\n @if (item.title) {\n <div class=\"events__heading photo\">{{ item.title }}</div>\n }\n <div class=\"events__inner\">\n <div class=\"events__graphic js-slider_fix-arrows-zone\">\n @if (item.img) {\n <img\n [ngSrc]=\"item.img.src\"\n width=\"509\"\n height=\"510\"\n class=\"events__graphic--img\"\n [alt]=\"item.img.alt\"\n priority\n />\n }\n </div>\n <div class=\"events__info\">\n @if (exp) {\n @if (item.ndTitle) {\n <span class=\"events__location\">{{\n item.ndTitle\n }}</span>\n }\n } @else {\n @if (item.ndTitle) {\n <span class=\"events__subHeading photo\">{{\n item.ndTitle\n }}</span>\n }\n @if (item.icon) {\n <div class=\"events__icon\">\n <i class=\"{{ item.icon }}\"></i>\n </div>\n }\n @if (item.date) {\n <span class=\"events__date\">{{\n item.date\n }}</span>\n }\n }\n </div>\n <div class=\"btn__group\">\n @for (link of item.links || []; track $index) {\n @if (link) {\n <a\n [linkType]=\"link.linkType\"\n [href]=\"link.url\"\n class=\"btn__link\"\n [attr.aria-label]=\"link.label\"\n ><span>{{ link.label }}</span></a\n >\n }\n }\n @for (button of item.buttons || []; track $index) {\n @if (button) {\n <a\n [linkType]=\"button.linkType\"\n [href]=\"button.url\"\n class=\"btn__link\"\n [attr.aria-label]=\"button.label\"\n ><span>{{ button.label }}</span></a\n >\n }\n }\n </div>\n </div>\n </div>\n }\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 [attr.aria-label]=\"button.label\"\n ><span>{{ button.label }}</span></a\n >\n </div>\n }\n</section>\n", styles: [".events__list:before{content:\"\";position:absolute;display:block;top:-11.5rem;left:-51.5rem;width:101.8rem;transform:scale(1) rotate(90deg);aspect-ratio:1;background:var(--bg-url) center center no-repeat;background-size:100%;opacity:.15}.events__location{flex:1 1 100%;display:flex;justify-content:center;align-items:center;font-size:1.4rem;line-height:1.5;letter-spacing:.14rem;font-weight:700;text-align:center}.btn.btn__secondary--outline:hover{background-color:var(--cl-text-white);color:var(--cl-title);border-color:var(--cl-text-white)}\n"] }]
|
|
6680
6695
|
}], propDecorators: { pretitle: [{
|
|
6681
6696
|
type: Input
|
|
6682
6697
|
}], title: [{
|
|
@@ -7619,7 +7634,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
7619
7634
|
|
|
7620
7635
|
class PuroListAwardsComponent {
|
|
7621
7636
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroListAwardsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7622
|
-
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=\"2\"\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
|
|
7637
|
+
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=\"2\"\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\">\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 }); }
|
|
7623
7638
|
}
|
|
7624
7639
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroListAwardsComponent, decorators: [{
|
|
7625
7640
|
type: Component,
|
|
@@ -7629,7 +7644,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
7629
7644
|
PuroLinkTypeDirective,
|
|
7630
7645
|
NgOptimizedImage,
|
|
7631
7646
|
AutoImageZoomWrapperDirective,
|
|
7632
|
-
], 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=\"2\"\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
|
|
7647
|
+
], 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=\"2\"\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\">\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" }]
|
|
7633
7648
|
}], propDecorators: { title: [{
|
|
7634
7649
|
type: Input
|
|
7635
7650
|
}], items: [{
|