ctt-puro 0.46.24 → 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 +9 -4
- package/fesm2022/ctt-puro.mjs +16 -11
- 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: [{
|
|
@@ -4614,15 +4614,20 @@ class MapperService {
|
|
|
4614
4614
|
items = multimedia?.imagenes?.map((img) => {
|
|
4615
4615
|
return {
|
|
4616
4616
|
title: img?.title,
|
|
4617
|
-
ndTitle: img?.
|
|
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
4622
|
buttons: Utils.mapButtons(this.siteId(), img?.buttons?.filter((btn) => !!btn?.linkValue)),
|
|
4623
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
|
+
}));
|
|
4626
4631
|
}
|
|
4627
4632
|
if (destinations) {
|
|
4628
4633
|
items = destinations?.map((item) => {
|
|
@@ -7652,7 +7657,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
7652
7657
|
|
|
7653
7658
|
class PuroListAwardsComponent {
|
|
7654
7659
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroListAwardsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7655
|
-
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 }); }
|
|
7656
7661
|
}
|
|
7657
7662
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroListAwardsComponent, decorators: [{
|
|
7658
7663
|
type: Component,
|
|
@@ -7662,7 +7667,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
7662
7667
|
PuroLinkTypeDirective,
|
|
7663
7668
|
NgOptimizedImage,
|
|
7664
7669
|
AutoImageZoomWrapperDirective,
|
|
7665
|
-
], 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" }]
|
|
7666
7671
|
}], propDecorators: { title: [{
|
|
7667
7672
|
type: Input
|
|
7668
7673
|
}], items: [{
|
|
@@ -8316,7 +8321,7 @@ class PuroSlider4ItemsComponent {
|
|
|
8316
8321
|
}
|
|
8317
8322
|
}
|
|
8318
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 }); }
|
|
8319
|
-
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 }); }
|
|
8320
8325
|
}
|
|
8321
8326
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroSlider4ItemsComponent, decorators: [{
|
|
8322
8327
|
type: Component,
|
|
@@ -8324,7 +8329,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
8324
8329
|
PuroSliderDirective,
|
|
8325
8330
|
NgOptimizedImage,
|
|
8326
8331
|
AutoImageZoomWrapperDirective,
|
|
8327
|
-
], 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" }]
|
|
8328
8333
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { title: [{
|
|
8329
8334
|
type: Input
|
|
8330
8335
|
}], subtitle: [{
|