ctt-puro 0.46.16 → 0.46.17
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-slider-4items/puro-slider-4items.component.mjs +18 -5
- package/esm2022/lib/services/mapper/mapper.service.mjs +2 -2
- package/fesm2022/ctt-puro.mjs +18 -5
- package/fesm2022/ctt-puro.mjs.map +1 -1
- package/lib/components/puro-slider-4items/puro-slider-4items.component.d.ts +7 -2
- package/package.json +1 -1
package/fesm2022/ctt-puro.mjs
CHANGED
|
@@ -5571,7 +5571,7 @@ class MapperService {
|
|
|
5571
5571
|
items: props?.multimedia?.imagenes?.map((img) => ({
|
|
5572
5572
|
img: this.getImageResponsive(img),
|
|
5573
5573
|
title: img?.title,
|
|
5574
|
-
|
|
5574
|
+
description: img?.description,
|
|
5575
5575
|
})),
|
|
5576
5576
|
};
|
|
5577
5577
|
}
|
|
@@ -8269,8 +8269,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
8269
8269
|
}] } });
|
|
8270
8270
|
|
|
8271
8271
|
class PuroSlider4ItemsComponent {
|
|
8272
|
-
|
|
8273
|
-
|
|
8272
|
+
constructor(el) {
|
|
8273
|
+
this.el = el;
|
|
8274
|
+
this.slides = 4;
|
|
8275
|
+
}
|
|
8276
|
+
ngAfterViewInit() {
|
|
8277
|
+
const section = this.el.nativeElement.querySelector('section');
|
|
8278
|
+
if (section) {
|
|
8279
|
+
section.setAttribute('data-slides_pc', String(this.slides));
|
|
8280
|
+
section.setAttribute('data-slides_laptop', String(this.slides));
|
|
8281
|
+
}
|
|
8282
|
+
}
|
|
8283
|
+
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 }); }
|
|
8284
|
+
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=\"3\"\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 text__heading\">\n {{ title }}\n </h2>\n }\n @if (subtitle) {\n <p class=\"slider4items__subtitle\">\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 text__heading\"\n >{{ item.title }}</span\n >\n }\n @if (item.description) {\n <p class=\"slider4items__description\" [innerHTML]=\"item.description\"></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 }); }
|
|
8274
8285
|
}
|
|
8275
8286
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroSlider4ItemsComponent, decorators: [{
|
|
8276
8287
|
type: Component,
|
|
@@ -8278,13 +8289,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
8278
8289
|
PuroSliderDirective,
|
|
8279
8290
|
NgOptimizedImage,
|
|
8280
8291
|
AutoImageZoomWrapperDirective,
|
|
8281
|
-
], 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-
|
|
8282
|
-
}], propDecorators: { title: [{
|
|
8292
|
+
], 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=\"3\"\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 text__heading\">\n {{ title }}\n </h2>\n }\n @if (subtitle) {\n <p class=\"slider4items__subtitle\">\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 text__heading\"\n >{{ item.title }}</span\n >\n }\n @if (item.description) {\n <p class=\"slider4items__description\" [innerHTML]=\"item.description\"></p>\n }\n </div>\n </div>\n }\n </div>\n <div class=\"js-slider-arrows\"></div>\n </div>\n </div>\n }\n</section>\n" }]
|
|
8293
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { title: [{
|
|
8283
8294
|
type: Input
|
|
8284
8295
|
}], subtitle: [{
|
|
8285
8296
|
type: Input
|
|
8286
8297
|
}], items: [{
|
|
8287
8298
|
type: Input
|
|
8299
|
+
}], slides: [{
|
|
8300
|
+
type: Input
|
|
8288
8301
|
}] } });
|
|
8289
8302
|
|
|
8290
8303
|
class PuroSlider1colComponent {
|