nextalys-carousel 0.0.67 → 0.0.69
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/common-types.mjs +4 -0
- package/esm2022/lib/nxs-carousel/common-types.mjs +4 -0
- package/esm2022/lib/nxs-carousel/nxs-carousel/carousel-events.mjs +5 -0
- package/{esm2020 → esm2022}/lib/nxs-carousel/nxs-carousel/nxs-carousel-dialog.component.mjs +11 -9
- package/esm2022/lib/nxs-carousel/nxs-carousel/nxs-carousel.component.mjs +288 -0
- package/esm2022/lib/nxs-carousel/nxs-carousel/nxs-carousel.module.mjs +75 -0
- package/{esm2020 → esm2022}/lib/nxs-carousel/nxs-carousel/swiper-directives.mjs +4 -4
- package/esm2022/lib/nxs-carousel-mock/common-types.mjs +4 -0
- package/esm2022/lib/nxs-carousel-mock/nxs-carousel-mock/nxs-carousel-mock.component.mjs +45 -0
- package/{esm2020 → esm2022}/lib/nxs-carousel-mock/nxs-carousel-mock/nxs-carousel-mock.module.mjs +7 -7
- package/{esm2020 → esm2022}/lib/nxs-carousel-mock/nxs-carousel-mock/swiper-directives.mjs +4 -4
- package/{fesm2015 → fesm2022}/nextalys-carousel-lib-nxs-carousel-mock.mjs +23 -24
- package/{fesm2020 → fesm2022}/nextalys-carousel-lib-nxs-carousel-mock.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/nextalys-carousel-lib-nxs-carousel.mjs +84 -52
- package/fesm2022/nextalys-carousel-lib-nxs-carousel.mjs.map +1 -0
- package/{fesm2015 → fesm2022}/nextalys-carousel.mjs +3 -3
- package/{fesm2020 → fesm2022}/nextalys-carousel.mjs.map +1 -1
- package/lib/nxs-carousel/nxs-carousel/nxs-carousel-dialog.component.d.ts +1 -1
- package/lib/nxs-carousel/nxs-carousel/nxs-carousel.component.d.ts +3 -2
- package/lib/nxs-carousel/nxs-carousel/nxs-carousel.component.d.ts.map +1 -1
- package/lib/nxs-carousel/nxs-carousel/swiper-directives.d.ts +1 -1
- package/lib/nxs-carousel-mock/nxs-carousel-mock/nxs-carousel-mock.component.d.ts +1 -1
- package/lib/nxs-carousel-mock/nxs-carousel-mock/nxs-carousel-types.d.ts +1 -1
- package/lib/nxs-carousel-mock/nxs-carousel-mock/nxs-carousel-types.d.ts.map +1 -1
- package/lib/nxs-carousel-mock/nxs-carousel-mock/swiper-directives.d.ts +1 -1
- package/package.json +11 -21
- package/esm2020/common-types.mjs +0 -6
- package/esm2020/lib/nxs-carousel/common-types.mjs +0 -6
- package/esm2020/lib/nxs-carousel/nxs-carousel/carousel-events.mjs +0 -5
- package/esm2020/lib/nxs-carousel/nxs-carousel/nxs-carousel.component.mjs +0 -256
- package/esm2020/lib/nxs-carousel/nxs-carousel/nxs-carousel.module.mjs +0 -75
- package/esm2020/lib/nxs-carousel-mock/common-types.mjs +0 -6
- package/esm2020/lib/nxs-carousel-mock/nxs-carousel-mock/nxs-carousel-mock.component.mjs +0 -44
- package/fesm2015/nextalys-carousel-lib-nxs-carousel-mock.mjs.map +0 -1
- package/fesm2015/nextalys-carousel-lib-nxs-carousel.mjs +0 -402
- package/fesm2015/nextalys-carousel-lib-nxs-carousel.mjs.map +0 -1
- package/fesm2015/nextalys-carousel.mjs.map +0 -1
- package/fesm2020/nextalys-carousel-lib-nxs-carousel-mock.mjs +0 -101
- package/fesm2020/nextalys-carousel-lib-nxs-carousel.mjs.map +0 -1
- package/fesm2020/nextalys-carousel.mjs +0 -14
- /package/{esm2020 → esm2022}/lib/nxs-carousel/nextalys-carousel-lib-nxs-carousel.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/nxs-carousel/nxs-carousel/nxs-carousel-types.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/nxs-carousel/public-api-carousel.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/nxs-carousel-mock/nextalys-carousel-lib-nxs-carousel-mock.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/nxs-carousel-mock/nxs-carousel-mock/nxs-carousel-types.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/nxs-carousel-mock/public-api-carousel-mock.mjs +0 -0
- /package/{esm2020 → esm2022}/nextalys-carousel.mjs +0 -0
- /package/{esm2020 → esm2022}/public-api.mjs +0 -0
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { Component, ViewEncapsulation, Input, Output, EventEmitter } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class NxsCarouselComponent {
|
|
4
|
+
lazy = true;
|
|
5
|
+
images;
|
|
6
|
+
options = null;
|
|
7
|
+
hasHtmlContent = false;
|
|
8
|
+
slidesCount = 0;
|
|
9
|
+
slideChange = new EventEmitter();
|
|
10
|
+
currentSlide = 0;
|
|
11
|
+
slideClick = new EventEmitter();
|
|
12
|
+
isBrowser = false;
|
|
13
|
+
constructor() {
|
|
14
|
+
}
|
|
15
|
+
goToSlide(index, speed) {
|
|
16
|
+
}
|
|
17
|
+
next() {
|
|
18
|
+
}
|
|
19
|
+
previous() {
|
|
20
|
+
}
|
|
21
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NxsCarouselComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
22
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: NxsCarouselComponent, selector: "nxs-carousel", inputs: { lazy: "lazy", images: "images", options: "options", hasHtmlContent: "hasHtmlContent" }, outputs: { slideChange: "slideChange", slideClick: "slideClick" }, ngImport: i0, template: '<div style="height:70px;width:100%;"></div>', isInline: true, encapsulation: i0.ViewEncapsulation.None });
|
|
23
|
+
}
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NxsCarouselComponent, decorators: [{
|
|
25
|
+
type: Component,
|
|
26
|
+
args: [{
|
|
27
|
+
selector: 'nxs-carousel',
|
|
28
|
+
template: '<div style="height:70px;width:100%;"></div>',
|
|
29
|
+
// styleUrls: ['./nxs-carousel.component.scss'],
|
|
30
|
+
encapsulation: ViewEncapsulation.None,
|
|
31
|
+
}]
|
|
32
|
+
}], ctorParameters: () => [], propDecorators: { lazy: [{
|
|
33
|
+
type: Input
|
|
34
|
+
}], images: [{
|
|
35
|
+
type: Input
|
|
36
|
+
}], options: [{
|
|
37
|
+
type: Input
|
|
38
|
+
}], hasHtmlContent: [{
|
|
39
|
+
type: Input
|
|
40
|
+
}], slideChange: [{
|
|
41
|
+
type: Output
|
|
42
|
+
}], slideClick: [{
|
|
43
|
+
type: Output
|
|
44
|
+
}] } });
|
|
45
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibnhzLWNhcm91c2VsLW1vY2suY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL254cy1jYXJvdXNlbC1tb2NrL254cy1jYXJvdXNlbC1tb2NrLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVMxRixNQUFNLE9BQU8sb0JBQW9CO0lBRTdCLElBQUksR0FBRyxJQUFJLENBQUM7SUFFTCxNQUFNLENBQXFCO0lBRWxDLE9BQU8sR0FBdUIsSUFBSSxDQUFDO0lBRW5DLGNBQWMsR0FBRyxLQUFLLENBQUM7SUFDdkIsV0FBVyxHQUFXLENBQUMsQ0FBQztJQUV4QixXQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUNsQyxZQUFZLEdBQUcsQ0FBQyxDQUFDO0lBRXhCLFVBQVUsR0FBRyxJQUFJLFlBQVksRUFBMEMsQ0FBQztJQUN4RSxTQUFTLEdBQUcsS0FBSyxDQUFDO0lBRWxCO0lBR0EsQ0FBQztJQUNELFNBQVMsQ0FBQyxLQUFhLEVBQUUsS0FBYztJQUN2QyxDQUFDO0lBQ0QsSUFBSTtJQUNKLENBQUM7SUFDRCxRQUFRO0lBQ1IsQ0FBQzt1R0ExQlEsb0JBQW9COzJGQUFwQixvQkFBb0IseU5BSm5CLDZDQUE2Qzs7MkZBSTlDLG9CQUFvQjtrQkFOaEMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsY0FBYztvQkFDeEIsUUFBUSxFQUFFLDZDQUE2QztvQkFDdkQsZ0RBQWdEO29CQUNoRCxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtpQkFDeEM7d0RBR0csSUFBSTtzQkFESCxLQUFLO2dCQUdDLE1BQU07c0JBRFosS0FBSztnQkFHTixPQUFPO3NCQUROLEtBQUs7Z0JBR04sY0FBYztzQkFEYixLQUFLO2dCQUlOLFdBQVc7c0JBRFYsTUFBTTtnQkFJUCxVQUFVO3NCQURULE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIFZpZXdFbmNhcHN1bGF0aW9uLCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE54c0Nhcm91c2VsSW1hZ2UgfSBmcm9tICcuLi9jb21tb24tdHlwZXMnO1xuaW1wb3J0IHsgTnhzQ2Fyb3VzZWxPcHRpb25zIH0gZnJvbSAnLi9ueHMtY2Fyb3VzZWwtdHlwZXMnO1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdueHMtY2Fyb3VzZWwnLFxuICAgIHRlbXBsYXRlOiAnPGRpdiBzdHlsZT1cImhlaWdodDo3MHB4O3dpZHRoOjEwMCU7XCI+PC9kaXY+JyxcbiAgICAvLyBzdHlsZVVybHM6IFsnLi9ueHMtY2Fyb3VzZWwuY29tcG9uZW50LnNjc3MnXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBOeHNDYXJvdXNlbENvbXBvbmVudCB7XG4gICAgQElucHV0KClcbiAgICBsYXp5ID0gdHJ1ZTtcbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBpbWFnZXM6IE54c0Nhcm91c2VsSW1hZ2VbXTtcbiAgICBASW5wdXQoKVxuICAgIG9wdGlvbnM6IE54c0Nhcm91c2VsT3B0aW9ucyA9IG51bGw7XG4gICAgQElucHV0KClcbiAgICBoYXNIdG1sQ29udGVudCA9IGZhbHNlO1xuICAgIHNsaWRlc0NvdW50OiBudW1iZXIgPSAwO1xuICAgIEBPdXRwdXQoKVxuICAgIHNsaWRlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XG4gICAgcHVibGljIGN1cnJlbnRTbGlkZSA9IDA7XG4gICAgQE91dHB1dCgpXG4gICAgc2xpZGVDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8TW91c2VFdmVudCB8IFRvdWNoRXZlbnQgfCBQb2ludGVyRXZlbnQ+KCk7XG4gICAgaXNCcm93c2VyID0gZmFsc2U7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICApIHtcblxuICAgIH1cbiAgICBnb1RvU2xpZGUoaW5kZXg6IG51bWJlciwgc3BlZWQ/OiBudW1iZXIpIHtcbiAgICB9XG4gICAgbmV4dCgpIHtcbiAgICB9XG4gICAgcHJldmlvdXMoKSB7XG4gICAgfVxufVxuIl19
|
package/{esm2020 → esm2022}/lib/nxs-carousel-mock/nxs-carousel-mock/nxs-carousel-mock.module.mjs
RENAMED
|
@@ -13,13 +13,13 @@ export class NxsCarouselModule {
|
|
|
13
13
|
]
|
|
14
14
|
};
|
|
15
15
|
}
|
|
16
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NxsCarouselModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
17
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.2", ngImport: i0, type: NxsCarouselModule, declarations: [NxsCarouselComponent,
|
|
18
|
+
NxsSwiperTemplateDirective], imports: [CommonModule], exports: [NxsCarouselComponent,
|
|
19
|
+
NxsSwiperTemplateDirective] });
|
|
20
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NxsCarouselModule, imports: [CommonModule] });
|
|
16
21
|
}
|
|
17
|
-
|
|
18
|
-
NxsCarouselModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.5", ngImport: i0, type: NxsCarouselModule, declarations: [NxsCarouselComponent,
|
|
19
|
-
NxsSwiperTemplateDirective], imports: [CommonModule], exports: [NxsCarouselComponent,
|
|
20
|
-
NxsSwiperTemplateDirective] });
|
|
21
|
-
NxsCarouselModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: NxsCarouselModule, imports: [CommonModule] });
|
|
22
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: NxsCarouselModule, decorators: [{
|
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NxsCarouselModule, decorators: [{
|
|
23
23
|
type: NgModule,
|
|
24
24
|
args: [{
|
|
25
25
|
imports: [
|
|
@@ -35,4 +35,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImpor
|
|
|
35
35
|
],
|
|
36
36
|
}]
|
|
37
37
|
}] });
|
|
38
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibnhzLWNhcm91c2VsLW1vY2subW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL254cy1jYXJvdXNlbC1tb2NrL254cy1jYXJvdXNlbC1tb2NrLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUF1QixRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDMUQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDckUsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0scUJBQXFCLENBQUM7O0FBZWpFLE1BQU0sT0FBTyxpQkFBaUI7SUFDbkIsTUFBTSxDQUFDLE9BQU8sQ0FBQyxNQUFnQztRQUNsRCxPQUFPO1lBQ0gsUUFBUSxFQUFFLGlCQUFpQjtZQUMzQixTQUFTLEVBQUU7Z0JBQ1AsRUFBRSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRTthQUN6RDtTQUNKLENBQUM7SUFDTixDQUFDO3VHQVJRLGlCQUFpQjt3R0FBakIsaUJBQWlCLGlCQVJ0QixvQkFBb0I7WUFDcEIsMEJBQTBCLGFBSjFCLFlBQVksYUFPWixvQkFBb0I7WUFDcEIsMEJBQTBCO3dHQUdyQixpQkFBaUIsWUFYdEIsWUFBWTs7MkZBV1AsaUJBQWlCO2tCQWI3QixRQUFRO21CQUFDO29CQUNOLE9BQU8sRUFBRTt3QkFDTCxZQUFZO3FCQUNmO29CQUNELFlBQVksRUFBRTt3QkFDVixvQkFBb0I7d0JBQ3BCLDBCQUEwQjtxQkFDN0I7b0JBQ0QsT0FBTyxFQUFFO3dCQUNMLG9CQUFvQjt3QkFDcEIsMEJBQTBCO3FCQUM3QjtpQkFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBNb2R1bGVXaXRoUHJvdmlkZXJzLCBOZ01vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBOeHNDYXJvdXNlbE1vZHVsZUNvbmZpZyB9IGZyb20gJy4uL2NvbW1vbi10eXBlcyc7XG5pbXBvcnQgeyBOeHNDYXJvdXNlbENvbXBvbmVudCB9IGZyb20gJy4vbnhzLWNhcm91c2VsLW1vY2suY29tcG9uZW50JztcbmltcG9ydCB7IE54c1N3aXBlclRlbXBsYXRlRGlyZWN0aXZlIH0gZnJvbSAnLi9zd2lwZXItZGlyZWN0aXZlcyc7XG5cbkBOZ01vZHVsZSh7XG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgXSxcbiAgICBkZWNsYXJhdGlvbnM6IFtcbiAgICAgICAgTnhzQ2Fyb3VzZWxDb21wb25lbnQsXG4gICAgICAgIE54c1N3aXBlclRlbXBsYXRlRGlyZWN0aXZlLFxuICAgIF0sXG4gICAgZXhwb3J0czogW1xuICAgICAgICBOeHNDYXJvdXNlbENvbXBvbmVudCxcbiAgICAgICAgTnhzU3dpcGVyVGVtcGxhdGVEaXJlY3RpdmUsXG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgTnhzQ2Fyb3VzZWxNb2R1bGUge1xuICAgIHB1YmxpYyBzdGF0aWMgZm9yUm9vdChjb25maWc/OiBOeHNDYXJvdXNlbE1vZHVsZUNvbmZpZyk6IE1vZHVsZVdpdGhQcm92aWRlcnM8TnhzQ2Fyb3VzZWxNb2R1bGU+IHtcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgIG5nTW9kdWxlOiBOeHNDYXJvdXNlbE1vZHVsZSxcbiAgICAgICAgICAgIHByb3ZpZGVyczogW1xuICAgICAgICAgICAgICAgIHsgcHJvdmlkZTogTnhzQ2Fyb3VzZWxNb2R1bGVDb25maWcsIHVzZVZhbHVlOiBjb25maWcgfSxcbiAgICAgICAgICAgIF1cbiAgICAgICAgfTtcbiAgICB9XG59Il19
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { Directive } from "@angular/core";
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export class NxsSwiperTemplateDirective {
|
|
4
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NxsSwiperTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
5
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.2", type: NxsSwiperTemplateDirective, selector: "[nxsSwiperTemplate]", ngImport: i0 });
|
|
4
6
|
}
|
|
5
|
-
|
|
6
|
-
NxsSwiperTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.5", type: NxsSwiperTemplateDirective, selector: "[nxsSwiperTemplate]", ngImport: i0 });
|
|
7
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: NxsSwiperTemplateDirective, decorators: [{
|
|
7
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NxsSwiperTemplateDirective, decorators: [{
|
|
8
8
|
type: Directive,
|
|
9
9
|
args: [{
|
|
10
10
|
selector: '[nxsSwiperTemplate]',
|
|
11
11
|
}]
|
|
12
12
|
}] });
|
|
13
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
13
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3dpcGVyLWRpcmVjdGl2ZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWIvbnhzLWNhcm91c2VsLW1vY2svc3dpcGVyLWRpcmVjdGl2ZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFLMUMsTUFBTSxPQUFPLDBCQUEwQjt1R0FBMUIsMEJBQTBCOzJGQUExQiwwQkFBMEI7OzJGQUExQiwwQkFBMEI7a0JBSHRDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLHFCQUFxQjtpQkFDbEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1tueHNTd2lwZXJUZW1wbGF0ZV0nLFxufSlcbmV4cG9ydCBjbGFzcyBOeHNTd2lwZXJUZW1wbGF0ZURpcmVjdGl2ZSB7IH1cbiJdfQ==
|
|
@@ -3,15 +3,16 @@ import { EventEmitter, Component, ViewEncapsulation, Input, Output, Directive, N
|
|
|
3
3
|
import { CommonModule } from '@angular/common';
|
|
4
4
|
|
|
5
5
|
class NxsCarouselComponent {
|
|
6
|
+
lazy = true;
|
|
7
|
+
images;
|
|
8
|
+
options = null;
|
|
9
|
+
hasHtmlContent = false;
|
|
10
|
+
slidesCount = 0;
|
|
11
|
+
slideChange = new EventEmitter();
|
|
12
|
+
currentSlide = 0;
|
|
13
|
+
slideClick = new EventEmitter();
|
|
14
|
+
isBrowser = false;
|
|
6
15
|
constructor() {
|
|
7
|
-
this.lazy = true;
|
|
8
|
-
this.options = null;
|
|
9
|
-
this.hasHtmlContent = false;
|
|
10
|
-
this.slidesCount = 0;
|
|
11
|
-
this.slideChange = new EventEmitter();
|
|
12
|
-
this.currentSlide = 0;
|
|
13
|
-
this.slideClick = new EventEmitter();
|
|
14
|
-
this.isBrowser = false;
|
|
15
16
|
}
|
|
16
17
|
goToSlide(index, speed) {
|
|
17
18
|
}
|
|
@@ -19,10 +20,10 @@ class NxsCarouselComponent {
|
|
|
19
20
|
}
|
|
20
21
|
previous() {
|
|
21
22
|
}
|
|
23
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NxsCarouselComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
24
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: NxsCarouselComponent, selector: "nxs-carousel", inputs: { lazy: "lazy", images: "images", options: "options", hasHtmlContent: "hasHtmlContent" }, outputs: { slideChange: "slideChange", slideClick: "slideClick" }, ngImport: i0, template: '<div style="height:70px;width:100%;"></div>', isInline: true, encapsulation: i0.ViewEncapsulation.None });
|
|
22
25
|
}
|
|
23
|
-
|
|
24
|
-
NxsCarouselComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: NxsCarouselComponent, selector: "nxs-carousel", inputs: { lazy: "lazy", images: "images", options: "options", hasHtmlContent: "hasHtmlContent" }, outputs: { slideChange: "slideChange", slideClick: "slideClick" }, ngImport: i0, template: '<div style="height:70px;width:100%;"></div>', isInline: true, encapsulation: i0.ViewEncapsulation.None });
|
|
25
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: NxsCarouselComponent, decorators: [{
|
|
26
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NxsCarouselComponent, decorators: [{
|
|
26
27
|
type: Component,
|
|
27
28
|
args: [{
|
|
28
29
|
selector: 'nxs-carousel',
|
|
@@ -30,7 +31,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImpor
|
|
|
30
31
|
// styleUrls: ['./nxs-carousel.component.scss'],
|
|
31
32
|
encapsulation: ViewEncapsulation.None,
|
|
32
33
|
}]
|
|
33
|
-
}], ctorParameters:
|
|
34
|
+
}], ctorParameters: () => [], propDecorators: { lazy: [{
|
|
34
35
|
type: Input
|
|
35
36
|
}], images: [{
|
|
36
37
|
type: Input
|
|
@@ -45,16 +46,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImpor
|
|
|
45
46
|
}] } });
|
|
46
47
|
|
|
47
48
|
class NxsCarouselModuleConfig {
|
|
48
|
-
|
|
49
|
-
this.debug = false;
|
|
50
|
-
}
|
|
49
|
+
debug = false;
|
|
51
50
|
}
|
|
52
51
|
|
|
53
52
|
class NxsSwiperTemplateDirective {
|
|
53
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NxsSwiperTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
54
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.2", type: NxsSwiperTemplateDirective, selector: "[nxsSwiperTemplate]", ngImport: i0 });
|
|
54
55
|
}
|
|
55
|
-
|
|
56
|
-
NxsSwiperTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.5", type: NxsSwiperTemplateDirective, selector: "[nxsSwiperTemplate]", ngImport: i0 });
|
|
57
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: NxsSwiperTemplateDirective, decorators: [{
|
|
56
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NxsSwiperTemplateDirective, decorators: [{
|
|
58
57
|
type: Directive,
|
|
59
58
|
args: [{
|
|
60
59
|
selector: '[nxsSwiperTemplate]',
|
|
@@ -70,13 +69,13 @@ class NxsCarouselModule {
|
|
|
70
69
|
]
|
|
71
70
|
};
|
|
72
71
|
}
|
|
72
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NxsCarouselModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
73
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.2", ngImport: i0, type: NxsCarouselModule, declarations: [NxsCarouselComponent,
|
|
74
|
+
NxsSwiperTemplateDirective], imports: [CommonModule], exports: [NxsCarouselComponent,
|
|
75
|
+
NxsSwiperTemplateDirective] });
|
|
76
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NxsCarouselModule, imports: [CommonModule] });
|
|
73
77
|
}
|
|
74
|
-
|
|
75
|
-
NxsCarouselModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.5", ngImport: i0, type: NxsCarouselModule, declarations: [NxsCarouselComponent,
|
|
76
|
-
NxsSwiperTemplateDirective], imports: [CommonModule], exports: [NxsCarouselComponent,
|
|
77
|
-
NxsSwiperTemplateDirective] });
|
|
78
|
-
NxsCarouselModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: NxsCarouselModule, imports: [CommonModule] });
|
|
79
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: NxsCarouselModule, decorators: [{
|
|
78
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NxsCarouselModule, decorators: [{
|
|
80
79
|
type: NgModule,
|
|
81
80
|
args: [{
|
|
82
81
|
imports: [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nextalys-carousel-lib-nxs-carousel-mock.mjs","sources":["../../lib/nxs-carousel-mock/nxs-carousel-mock.component.ts","../../lib/common-types.ts","../../lib/nxs-carousel-mock/swiper-directives.ts","../../lib/nxs-carousel-mock/nxs-carousel-mock.module.ts","../../lib/nextalys-carousel-lib-nxs-carousel-mock.ts"],"sourcesContent":["import { Component, ViewEncapsulation, Input, Output, EventEmitter } from '@angular/core';\nimport { NxsCarouselImage } from '../common-types';\nimport { NxsCarouselOptions } from './nxs-carousel-types';\n@Component({\n selector: 'nxs-carousel',\n template: '<div style=\"height:70px;width:100%;\"></div>',\n // styleUrls: ['./nxs-carousel.component.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class NxsCarouselComponent {\n @Input()\n lazy = true;\n @Input()\n public images: NxsCarouselImage[];\n @Input()\n options: NxsCarouselOptions = null;\n @Input()\n hasHtmlContent = false;\n slidesCount: number = 0;\n @Output()\n slideChange = new EventEmitter<number>();\n public currentSlide = 0;\n @Output()\n slideClick = new EventEmitter<MouseEvent | TouchEvent | PointerEvent>();\n isBrowser = false;\n\n constructor(\n ) {\n\n }\n goToSlide(index: number, speed?: number) {\n }\n next() {\n }\n previous() {\n }\n}\n","\nexport interface NxsCarouselImage {\n alt?: string;\n src: string;\n}\nexport class NxsCarouselModuleConfig {\n debug?: boolean = false;\n}","import { Directive } from \"@angular/core\";\n\n@Directive({\n selector: '[nxsSwiperTemplate]',\n})\nexport class NxsSwiperTemplateDirective { }\n","import { CommonModule } from '@angular/common';\nimport { ModuleWithProviders, NgModule } from \"@angular/core\";\nimport { NxsCarouselModuleConfig } from '../common-types';\nimport { NxsCarouselComponent } from './nxs-carousel-mock.component';\nimport { NxsSwiperTemplateDirective } from './swiper-directives';\n\n@NgModule({\n imports: [\n CommonModule,\n ],\n declarations: [\n NxsCarouselComponent,\n NxsSwiperTemplateDirective,\n ],\n exports: [\n NxsCarouselComponent,\n NxsSwiperTemplateDirective,\n ],\n})\nexport class NxsCarouselModule {\n public static forRoot(config?: NxsCarouselModuleConfig): ModuleWithProviders<NxsCarouselModule> {\n return {\n ngModule: NxsCarouselModule,\n providers: [\n { provide: NxsCarouselModuleConfig, useValue: config },\n ]\n };\n }\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api-carousel-mock';\n"],"names":[],"mappings":";;;;MASa,oBAAoB,CAAA;
|
|
1
|
+
{"version":3,"file":"nextalys-carousel-lib-nxs-carousel-mock.mjs","sources":["../../lib/nxs-carousel-mock/nxs-carousel-mock.component.ts","../../lib/common-types.ts","../../lib/nxs-carousel-mock/swiper-directives.ts","../../lib/nxs-carousel-mock/nxs-carousel-mock.module.ts","../../lib/nextalys-carousel-lib-nxs-carousel-mock.ts"],"sourcesContent":["import { Component, ViewEncapsulation, Input, Output, EventEmitter } from '@angular/core';\nimport { NxsCarouselImage } from '../common-types';\nimport { NxsCarouselOptions } from './nxs-carousel-types';\n@Component({\n selector: 'nxs-carousel',\n template: '<div style=\"height:70px;width:100%;\"></div>',\n // styleUrls: ['./nxs-carousel.component.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class NxsCarouselComponent {\n @Input()\n lazy = true;\n @Input()\n public images: NxsCarouselImage[];\n @Input()\n options: NxsCarouselOptions = null;\n @Input()\n hasHtmlContent = false;\n slidesCount: number = 0;\n @Output()\n slideChange = new EventEmitter<number>();\n public currentSlide = 0;\n @Output()\n slideClick = new EventEmitter<MouseEvent | TouchEvent | PointerEvent>();\n isBrowser = false;\n\n constructor(\n ) {\n\n }\n goToSlide(index: number, speed?: number) {\n }\n next() {\n }\n previous() {\n }\n}\n","\nexport interface NxsCarouselImage {\n alt?: string;\n src: string;\n}\nexport class NxsCarouselModuleConfig {\n debug?: boolean = false;\n}","import { Directive } from \"@angular/core\";\n\n@Directive({\n selector: '[nxsSwiperTemplate]',\n})\nexport class NxsSwiperTemplateDirective { }\n","import { CommonModule } from '@angular/common';\nimport { ModuleWithProviders, NgModule } from \"@angular/core\";\nimport { NxsCarouselModuleConfig } from '../common-types';\nimport { NxsCarouselComponent } from './nxs-carousel-mock.component';\nimport { NxsSwiperTemplateDirective } from './swiper-directives';\n\n@NgModule({\n imports: [\n CommonModule,\n ],\n declarations: [\n NxsCarouselComponent,\n NxsSwiperTemplateDirective,\n ],\n exports: [\n NxsCarouselComponent,\n NxsSwiperTemplateDirective,\n ],\n})\nexport class NxsCarouselModule {\n public static forRoot(config?: NxsCarouselModuleConfig): ModuleWithProviders<NxsCarouselModule> {\n return {\n ngModule: NxsCarouselModule,\n providers: [\n { provide: NxsCarouselModuleConfig, useValue: config },\n ]\n };\n }\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api-carousel-mock';\n"],"names":[],"mappings":";;;;MASa,oBAAoB,CAAA;IAE7B,IAAI,GAAG,IAAI,CAAC;AAEL,IAAA,MAAM,CAAqB;IAElC,OAAO,GAAuB,IAAI,CAAC;IAEnC,cAAc,GAAG,KAAK,CAAC;IACvB,WAAW,GAAW,CAAC,CAAC;AAExB,IAAA,WAAW,GAAG,IAAI,YAAY,EAAU,CAAC;IAClC,YAAY,GAAG,CAAC,CAAC;AAExB,IAAA,UAAU,GAAG,IAAI,YAAY,EAA0C,CAAC;IACxE,SAAS,GAAG,KAAK,CAAC;AAElB,IAAA,WAAA,GAAA;KAGC;IACD,SAAS,CAAC,KAAa,EAAE,KAAc,EAAA;KACtC;IACD,IAAI,GAAA;KACH;IACD,QAAQ,GAAA;KACP;uGA1BQ,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,yNAJnB,6CAA6C,EAAA,QAAA,EAAA,IAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAI9C,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBANhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,cAAc;AACxB,oBAAA,QAAQ,EAAE,6CAA6C;;oBAEvD,aAAa,EAAE,iBAAiB,CAAC,IAAI;AACxC,iBAAA,CAAA;wDAGG,IAAI,EAAA,CAAA;sBADH,KAAK;gBAGC,MAAM,EAAA,CAAA;sBADZ,KAAK;gBAGN,OAAO,EAAA,CAAA;sBADN,KAAK;gBAGN,cAAc,EAAA,CAAA;sBADb,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,MAAM;gBAIP,UAAU,EAAA,CAAA;sBADT,MAAM;;;MCjBE,uBAAuB,CAAA;IAChC,KAAK,GAAa,KAAK,CAAC;AAC3B;;MCFY,0BAA0B,CAAA;uGAA1B,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;2FAA1B,0BAA0B,EAAA,QAAA,EAAA,qBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAA1B,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAHtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,qBAAqB;AAClC,iBAAA,CAAA;;;MCeY,iBAAiB,CAAA;IACnB,OAAO,OAAO,CAAC,MAAgC,EAAA;QAClD,OAAO;AACH,YAAA,QAAQ,EAAE,iBAAiB;AAC3B,YAAA,SAAS,EAAE;AACP,gBAAA,EAAE,OAAO,EAAE,uBAAuB,EAAE,QAAQ,EAAE,MAAM,EAAE;AACzD,aAAA;SACJ,CAAC;KACL;uGARQ,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,iBARtB,oBAAoB;YACpB,0BAA0B,CAAA,EAAA,OAAA,EAAA,CAJ1B,YAAY,CAAA,EAAA,OAAA,EAAA,CAOZ,oBAAoB;YACpB,0BAA0B,CAAA,EAAA,CAAA,CAAA;AAGrB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,YAXtB,YAAY,CAAA,EAAA,CAAA,CAAA;;2FAWP,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAb7B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE;wBACL,YAAY;AACf,qBAAA;AACD,oBAAA,YAAY,EAAE;wBACV,oBAAoB;wBACpB,0BAA0B;AAC7B,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACL,oBAAoB;wBACpB,0BAA0B;AAC7B,qBAAA;AACJ,iBAAA,CAAA;;;AClBD;;AAEG;;;;"}
|
|
@@ -15,10 +15,10 @@ import * as i3$1 from '@angular/material/button';
|
|
|
15
15
|
import { MatButtonModule } from '@angular/material/button';
|
|
16
16
|
|
|
17
17
|
class NxsSwiperTemplateDirective {
|
|
18
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NxsSwiperTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
19
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.2", type: NxsSwiperTemplateDirective, selector: "[nxsSwiperTemplate]", ngImport: i0 });
|
|
18
20
|
}
|
|
19
|
-
|
|
20
|
-
NxsSwiperTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.5", type: NxsSwiperTemplateDirective, selector: "[nxsSwiperTemplate]", ngImport: i0 });
|
|
21
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: NxsSwiperTemplateDirective, decorators: [{
|
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NxsSwiperTemplateDirective, decorators: [{
|
|
22
22
|
type: Directive,
|
|
23
23
|
args: [{
|
|
24
24
|
selector: '[nxsSwiperTemplate]',
|
|
@@ -26,43 +26,51 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImpor
|
|
|
26
26
|
}] });
|
|
27
27
|
|
|
28
28
|
class NxsCarouselModuleConfig {
|
|
29
|
-
|
|
30
|
-
this.debug = false;
|
|
31
|
-
}
|
|
29
|
+
debug = false;
|
|
32
30
|
}
|
|
33
31
|
|
|
34
32
|
class CarouselEvents {
|
|
33
|
+
static openCarouselDialog = new NxsEvent();
|
|
35
34
|
}
|
|
36
|
-
CarouselEvents.openCarouselDialog = new NxsEvent();
|
|
37
35
|
|
|
38
36
|
// install Swiper modules
|
|
39
37
|
SwiperCore.use([Navigation, Pagination, Autoplay, Lazy, Thumbs]);
|
|
40
38
|
class NxsCarouselComponent {
|
|
39
|
+
matDialog;
|
|
40
|
+
zone;
|
|
41
|
+
platformId;
|
|
42
|
+
config;
|
|
43
|
+
swiperReady = false;
|
|
44
|
+
contents;
|
|
45
|
+
swiperComponent;
|
|
46
|
+
lazy = true;
|
|
47
|
+
eventsCollector = new EventsCollector();
|
|
48
|
+
images;
|
|
49
|
+
options = null;
|
|
50
|
+
thumbnailsOptions = null;
|
|
51
|
+
set setOptions(val) {
|
|
52
|
+
this.options = this.setDefaultOptions(val, false);
|
|
53
|
+
this.setThumbnailsOptions();
|
|
54
|
+
}
|
|
55
|
+
hasHtmlContent = false;
|
|
56
|
+
slidesCount = 0;
|
|
57
|
+
swiperInstance;
|
|
58
|
+
thumbnailsSwiperInstance;
|
|
59
|
+
slideChange = new EventEmitter();
|
|
60
|
+
currentSlide = 0;
|
|
61
|
+
slideClick = new EventEmitter();
|
|
62
|
+
isBrowser = false;
|
|
41
63
|
constructor(matDialog, zone, platformId, config) {
|
|
42
64
|
this.matDialog = matDialog;
|
|
43
65
|
this.zone = zone;
|
|
44
66
|
this.platformId = platformId;
|
|
45
67
|
this.config = config;
|
|
46
|
-
this.lazy = true;
|
|
47
|
-
this.eventsCollector = new EventsCollector();
|
|
48
|
-
this.options = null;
|
|
49
|
-
this.thumbnailsOptions = null;
|
|
50
|
-
this.hasHtmlContent = false;
|
|
51
|
-
this.slidesCount = 0;
|
|
52
|
-
this.slideChange = new EventEmitter();
|
|
53
|
-
this.currentSlide = 0;
|
|
54
|
-
this.slideClick = new EventEmitter();
|
|
55
|
-
this.isBrowser = false;
|
|
56
68
|
if (!this.config)
|
|
57
69
|
this.config = { debug: false };
|
|
58
70
|
this.isBrowser = isPlatformBrowser(this.platformId);
|
|
59
71
|
this.log('constructor - isBrowser', this.isBrowser);
|
|
60
72
|
this.options = this.setDefaultOptions(undefined, false);
|
|
61
73
|
}
|
|
62
|
-
set setOptions(val) {
|
|
63
|
-
this.options = this.setDefaultOptions(val, false);
|
|
64
|
-
this.setThumbnailsOptions();
|
|
65
|
-
}
|
|
66
74
|
log(...args) {
|
|
67
75
|
if (!this.config.debug)
|
|
68
76
|
return;
|
|
@@ -215,7 +223,7 @@ class NxsCarouselComponent {
|
|
|
215
223
|
onSwiper(instance) {
|
|
216
224
|
this.log('swiper ready - instance', instance);
|
|
217
225
|
this.swiperInstance = instance;
|
|
218
|
-
this.swiperInstance
|
|
226
|
+
this.swiperInstance?.on('click', (swiperInstance, evt) => {
|
|
219
227
|
// console.log("Log ~ file: nxs-carousel.component.ts ~ line 392 ~ NxsCarouselComponent ~ this.swiperInstance.on ~ evt", evt);
|
|
220
228
|
const target = evt.target;
|
|
221
229
|
if (target.className.indexOf('nxs-carousel-button') !== -1 || target.className.indexOf('swiper-pagination') !== -1)
|
|
@@ -227,6 +235,20 @@ class NxsCarouselComponent {
|
|
|
227
235
|
}
|
|
228
236
|
});
|
|
229
237
|
});
|
|
238
|
+
this.swiperReady = true;
|
|
239
|
+
// $('.swiper-container').on('keydown keyup', function(e){
|
|
240
|
+
// if (e.keyCode==9) $('.swiper-container')[0].scrollLeft = 0;
|
|
241
|
+
// })
|
|
242
|
+
// console.log("Log ~ file: nxs-carousel.component.ts:254 ~ NxsCarouselComponent ~ this.swiperInstance.el.addEventListener ~ this.swiperInstance.el:", this.swiperInstance.el);
|
|
243
|
+
// this.swiperInstance.el.addEventListener('keydown', (evt) => {
|
|
244
|
+
// if (evt.keyCode === 9) {
|
|
245
|
+
// // evt.preventDefault();
|
|
246
|
+
// // this.swiperInstance.el.scrollLeft = 0;
|
|
247
|
+
// // this.swiperInstance.el.querySelectorAll('.swiper-wrapper')[0].scrollLeft = 0;
|
|
248
|
+
// // $('.swiper-container')[0].scrollLeft = 0;
|
|
249
|
+
// }
|
|
250
|
+
// });
|
|
251
|
+
// document.querySelectorAll()
|
|
230
252
|
}
|
|
231
253
|
runInZone(callback, ...args) {
|
|
232
254
|
if (!this.zone) {
|
|
@@ -235,26 +257,34 @@ class NxsCarouselComponent {
|
|
|
235
257
|
return this.zone.run(() => callback(args));
|
|
236
258
|
}
|
|
237
259
|
onSlideChange(instances) {
|
|
260
|
+
if (!this.swiperReady) {
|
|
261
|
+
return;
|
|
262
|
+
}
|
|
263
|
+
if (!this.swiperInstance && instances?.length) {
|
|
264
|
+
this.swiperInstance = instances[0];
|
|
265
|
+
}
|
|
266
|
+
// console.log("Log ~ file: nxs-carousel.component.ts:252 ~ NxsCarouselComponent ~ onSlideChange ~ instances:", instances);
|
|
238
267
|
// this.swiperInstance = instance;
|
|
239
268
|
// this.log('slide change - instance', instance);
|
|
240
269
|
this.runInZone(() => {
|
|
241
270
|
this.currentSlide = this.swiperInstance?.realIndex || 0;
|
|
271
|
+
// console.log("Log ~ file: nxs-carousel.component.ts:256 ~ NxsCarouselComponent ~ this.runInZone ~ this.swiperInstance?.realIndex:", this.swiperInstance);
|
|
242
272
|
this.log('slide change - currentSlide', this.currentSlide);
|
|
243
273
|
this.slideChange.next(this.currentSlide);
|
|
244
274
|
});
|
|
245
275
|
}
|
|
276
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NxsCarouselComponent, deps: [{ token: i1.MatDialog }, { token: i0.NgZone }, { token: PLATFORM_ID }, { token: NxsCarouselModuleConfig, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
277
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: NxsCarouselComponent, selector: "nxs-carousel", inputs: { lazy: "lazy", images: "images", setOptions: ["options", "setOptions"], hasHtmlContent: "hasHtmlContent" }, outputs: { slideChange: "slideChange", slideClick: "slideClick" }, queries: [{ propertyName: "contents", predicate: NxsSwiperTemplateDirective, read: TemplateRef }], viewQueries: [{ propertyName: "swiperComponent", first: true, predicate: ["swiper"], descendants: true }], ngImport: i0, template: "<div *ngIf=\"options\"\n [ngClass]=\"{'swiper-container':true,'nxs-slider-with-thumbnails':!!options.nxsThumbnails && options.nxsThumbnails.show}\"\n [style.height]=\"getMainSliderHeight()\">\n <swiper [config]=\"options\" (swiper)=\"onSwiper($event)\" (slideChange)=\"onSlideChange($event)\"\n [thumbs]=\"{ swiper: thumbnailsSwiperInstance }\">\n <ng-container *ngIf=\"hasHtmlContent\">\n <ng-template *ngFor=\"let slide of contents\" swiperSlide>\n <ng-template [ngTemplateOutlet]=\"slide\" [ngTemplateOutletContext]=\"{\n $implicit: slide\n }\"></ng-template>\n </ng-template>\n </ng-container>\n <ng-container *ngIf=\"!hasHtmlContent && images?.length\">\n <ng-template swiperSlide *ngFor=\"let slideImage of images\">\n <img [ngClass]=\"{'nxs-image-slide':true,'swiper-lazy':lazy}\"\n [attr.data-src]=\"lazy ? slideImage.src : null\" [src]=\"lazy ? null : slideImage.src\"\n [attr.alt]=\"slideImage.alt\" />\n <div *ngIf=\"lazy\" class=\"swiper-lazy-preloader swiper-lazy-preloader-black\"></div>\n </ng-template>\n </ng-container>\n </swiper>\n <ng-container *ngIf=\"images && options.nxsShowImagesCount\">\n <div class=\"nxs-image-counter\">\n {{currentSlide+1}} / {{images.length}}\n </div>\n </ng-container>\n</div>\n\n<div *ngIf=\"thumbnailsOptions && images?.length\"\n [style.height]=\"(!!options.nxsThumbnails && options.nxsThumbnails.show && !!options.nxsThumbnails.percentHeight) ? (options.nxsThumbnails.percentHeight + '%'):''\"\n [style.top]=\"(!!options.nxsThumbnails && options.nxsThumbnails.show && !!options.nxsThumbnails.percentHeight && options.nxsThumbnails.onMainSlider) ? ('-' + (options.nxsThumbnails.percentHeight) + '%'):''\"\n [ngClass]=\"{'swiper-container':true, 'nxs-slider-thumbnails-container':true,'nxs-slider-thumbnails-on-main-slider':options.nxsThumbnails && options.nxsThumbnails.onMainSlider}\">\n <swiper [config]=\"thumbnailsOptions\" (swiper)=\"onSwiperThumbnails($event)\">\n <ng-template swiperSlide *ngFor=\"let slideImage of images\">\n <img [ngClass]=\"{'nxs-image-slide':true,'swiper-lazy':lazy}\" [attr.data-src]=\"lazy ? slideImage.src : null\"\n [src]=\"lazy ? null : slideImage.src\" [attr.alt]=\"slideImage.alt\" />\n <div *ngIf=\"lazy\" class=\"swiper-lazy-preloader swiper-lazy-preloader-black\"></div>\n </ng-template>\n </swiper>\n</div>", styles: ["nxs-carousel{display:block;height:100%;position:relative;--swiper-navigation-color: #fff;--swiper-pagination-color: #fff;--swiper-theme-color: #fff}nxs-carousel .swiper-container{width:100%;height:100%;display:block;position:relative}nxs-carousel .swiper-container swiper{height:100%}nxs-carousel .swiper-container .swiper-wrapper .swiper-slide{height:100%;position:relative;width:auto;min-height:50px;background-size:cover;background-position:center;background-repeat:no-repeat}nxs-carousel .swiper-container .nxs-image-slide{height:100%;-o-object-fit:cover;object-fit:cover;width:100%;-o-object-position:center;object-position:center}nxs-carousel .swiper-container.nxs-slider-with-thumbnails{height:80%}nxs-carousel .swiper-container.nxs-slider-thumbnails-container{height:20%;background:transparent;padding:6px 0}nxs-carousel .swiper-container.nxs-slider-thumbnails-container .swiper-slide{cursor:pointer;border-radius:6px;margin:0 6px;border:2px solid transparent}nxs-carousel .swiper-container.nxs-slider-thumbnails-container .swiper-slide.swiper-slide-thumb-active{border:2px solid lightblue}nxs-carousel .swiper-container.nxs-slider-thumbnails-on-main-slider{top:-20%}nxs-carousel .nxs-image-counter{position:absolute;top:0;right:0;color:#fff;padding:4px;font-weight:700;z-index:10}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.SwiperComponent, selector: "swiper, [swiper]", inputs: ["enabled", "on", "direction", "touchEventsTarget", "initialSlide", "speed", "cssMode", "updateOnWindowResize", "resizeObserver", "nested", "focusableElements", "width", "height", "preventInteractionOnTransition", "userAgent", "url", "edgeSwipeDetection", "edgeSwipeThreshold", "freeMode", "autoHeight", "setWrapperSize", "virtualTranslate", "effect", "breakpoints", "spaceBetween", "slidesPerView", "maxBackfaceHiddenSlides", "grid", "slidesPerGroup", "slidesPerGroupSkip", "centeredSlides", "centeredSlidesBounds", "slidesOffsetBefore", "slidesOffsetAfter", "normalizeSlideIndex", "centerInsufficientSlides", "watchOverflow", "roundLengths", "touchRatio", "touchAngle", "simulateTouch", "shortSwipes", "longSwipes", "longSwipesRatio", "longSwipesMs", "followFinger", "allowTouchMove", "threshold", "touchMoveStopPropagation", "touchStartPreventDefault", "touchStartForcePreventDefault", "touchReleaseOnEdges", "uniqueNavElements", "resistance", "resistanceRatio", "watchSlidesProgress", "grabCursor", "preventClicks", "preventClicksPropagation", "slideToClickedSlide", "preloadImages", "updateOnImagesReady", "loop", "loopAdditionalSlides", "loopedSlides", "loopFillGroupWithBlank", "loopPreventsSlide", "rewind", "allowSlidePrev", "allowSlideNext", "swipeHandler", "noSwiping", "noSwipingClass", "noSwipingSelector", "passiveListeners", "containerModifierClass", "slideClass", "slideBlankClass", "slideActiveClass", "slideDuplicateActiveClass", "slideVisibleClass", "slideDuplicateClass", "slideNextClass", "slideDuplicateNextClass", "slidePrevClass", "slideDuplicatePrevClass", "wrapperClass", "runCallbacksOnInit", "observeParents", "observeSlideChildren", "a11y", "autoplay", "controller", "coverflowEffect", "cubeEffect", "fadeEffect", "flipEffect", "creativeEffect", "cardsEffect", "hashNavigation", "history", "keyboard", "lazy", "mousewheel", "parallax", "thumbs", "zoom", "class", "id", "navigation", "pagination", "scrollbar", "virtual", "config"], outputs: ["_beforeBreakpoint", "_containerClasses", "_slideClass", "_swiper", "activeIndexChange", "afterInit", "autoplay", "autoplayStart", "autoplayStop", "autoplayPause", "autoplayResume", "beforeDestroy", "beforeInit", "beforeLoopFix", "beforeResize", "beforeSlideChangeStart", "beforeTransitionStart", "breakpoint", "changeDirection", "click", "doubleTap", "doubleClick", "destroy", "fromEdge", "hashChange", "hashSet", "imagesReady", "init", "keyPress", "lazyImageLoad", "lazyImageReady", "loopFix", "momentumBounce", "navigationHide", "navigationShow", "observerUpdate", "orientationchange", "paginationHide", "paginationRender", "paginationShow", "paginationUpdate", "progress", "reachBeginning", "reachEnd", "realIndexChange", "resize", "scroll", "scrollbarDragEnd", "scrollbarDragMove", "scrollbarDragStart", "setTransition", "setTranslate", "slideChange", "slideChangeTransitionEnd", "slideChangeTransitionStart", "slideNextTransitionEnd", "slideNextTransitionStart", "slidePrevTransitionEnd", "slidePrevTransitionStart", "slideResetTransitionStart", "slideResetTransitionEnd", "sliderMove", "sliderFirstMove", "slidesLengthChange", "slidesGridLengthChange", "snapGridLengthChange", "snapIndexChange", "tap", "toEdge", "touchEnd", "touchMove", "touchMoveOpposite", "touchStart", "transitionEnd", "transitionStart", "update", "zoomChange", "swiper", "lock", "unlock"] }, { kind: "directive", type: i4.SwiperSlideDirective, selector: "ng-template[swiperSlide]", inputs: ["virtualIndex", "class", "ngClass", "data-swiper-autoplay", "zoom"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
246
278
|
}
|
|
247
|
-
|
|
248
|
-
NxsCarouselComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: NxsCarouselComponent, selector: "nxs-carousel", inputs: { lazy: "lazy", images: "images", setOptions: ["options", "setOptions"], hasHtmlContent: "hasHtmlContent" }, outputs: { slideChange: "slideChange", slideClick: "slideClick" }, queries: [{ propertyName: "contents", predicate: NxsSwiperTemplateDirective, read: TemplateRef }], viewQueries: [{ propertyName: "swiperComponent", first: true, predicate: ["swiper"], descendants: true }], ngImport: i0, template: "<div *ngIf=\"options\"\n [ngClass]=\"{'swiper-container':true,'nxs-slider-with-thumbnails':!!options.nxsThumbnails && options.nxsThumbnails.show}\"\n [style.height]=\"getMainSliderHeight()\">\n <swiper [config]=\"options\" (swiper)=\"onSwiper($event)\" (slideChange)=\"onSlideChange($event)\"\n [thumbs]=\"{ swiper: thumbnailsSwiperInstance }\">\n <ng-container *ngIf=\"hasHtmlContent\">\n <ng-template *ngFor=\"let slide of contents\" swiperSlide>\n <ng-template [ngTemplateOutlet]=\"slide\" [ngTemplateOutletContext]=\"{\n $implicit: slide\n }\"></ng-template>\n </ng-template>\n </ng-container>\n <ng-container *ngIf=\"!hasHtmlContent && images?.length\">\n <ng-template swiperSlide *ngFor=\"let slideImage of images\">\n <img [ngClass]=\"{'nxs-image-slide':true,'swiper-lazy':lazy}\"\n [attr.data-src]=\"lazy ? slideImage.src : null\" [src]=\"lazy ? null : slideImage.src\"\n [attr.alt]=\"slideImage.alt\" />\n <div *ngIf=\"lazy\" class=\"swiper-lazy-preloader swiper-lazy-preloader-black\"></div>\n </ng-template>\n </ng-container>\n </swiper>\n <ng-container *ngIf=\"images && options.nxsShowImagesCount\">\n <div class=\"nxs-image-counter\">\n {{currentSlide+1}} / {{images.length}}\n </div>\n </ng-container>\n</div>\n\n<div *ngIf=\"thumbnailsOptions && images?.length\"\n [style.height]=\"(!!options.nxsThumbnails && options.nxsThumbnails.show && !!options.nxsThumbnails.percentHeight) ? (options.nxsThumbnails.percentHeight + '%'):''\"\n [style.top]=\"(!!options.nxsThumbnails && options.nxsThumbnails.show && !!options.nxsThumbnails.percentHeight && options.nxsThumbnails.onMainSlider) ? ('-' + (options.nxsThumbnails.percentHeight) + '%'):''\"\n [ngClass]=\"{'swiper-container':true, 'nxs-slider-thumbnails-container':true,'nxs-slider-thumbnails-on-main-slider':options.nxsThumbnails && options.nxsThumbnails.onMainSlider}\">\n <swiper [config]=\"thumbnailsOptions\" (swiper)=\"onSwiperThumbnails($event)\">\n <ng-template swiperSlide *ngFor=\"let slideImage of images\">\n <img [ngClass]=\"{'nxs-image-slide':true,'swiper-lazy':lazy}\" [attr.data-src]=\"lazy ? slideImage.src : null\"\n [src]=\"lazy ? null : slideImage.src\" [attr.alt]=\"slideImage.alt\" />\n <div *ngIf=\"lazy\" class=\"swiper-lazy-preloader swiper-lazy-preloader-black\"></div>\n </ng-template>\n </swiper>\n</div>", styles: ["nxs-carousel{display:block;height:100%;position:relative;--swiper-navigation-color: #fff;--swiper-pagination-color: #fff;--swiper-theme-color: #fff}nxs-carousel .swiper-container{width:100%;height:100%;display:block;position:relative}nxs-carousel .swiper-container swiper{height:100%}nxs-carousel .swiper-container .swiper-wrapper .swiper-slide{height:100%;position:relative;width:auto;min-height:50px;background-size:cover;background-position:center;background-repeat:no-repeat}nxs-carousel .swiper-container .nxs-image-slide{height:100%;-o-object-fit:cover;object-fit:cover;width:100%;-o-object-position:center;object-position:center}nxs-carousel .swiper-container.nxs-slider-with-thumbnails{height:80%}nxs-carousel .swiper-container.nxs-slider-thumbnails-container{height:20%;background:transparent;padding:6px 0}nxs-carousel .swiper-container.nxs-slider-thumbnails-container .swiper-slide{cursor:pointer;border-radius:6px;margin:0 6px;border:2px solid transparent}nxs-carousel .swiper-container.nxs-slider-thumbnails-container .swiper-slide.swiper-slide-thumb-active{border:2px solid lightblue}nxs-carousel .swiper-container.nxs-slider-thumbnails-on-main-slider{top:-20%}nxs-carousel .nxs-image-counter{position:absolute;top:0;right:0;color:#fff;padding:4px;font-weight:700;z-index:10}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.SwiperComponent, selector: "swiper, [swiper]", inputs: ["enabled", "on", "direction", "touchEventsTarget", "initialSlide", "speed", "cssMode", "updateOnWindowResize", "resizeObserver", "nested", "focusableElements", "width", "height", "preventInteractionOnTransition", "userAgent", "url", "edgeSwipeDetection", "edgeSwipeThreshold", "freeMode", "autoHeight", "setWrapperSize", "virtualTranslate", "effect", "breakpoints", "spaceBetween", "slidesPerView", "maxBackfaceHiddenSlides", "grid", "slidesPerGroup", "slidesPerGroupSkip", "centeredSlides", "centeredSlidesBounds", "slidesOffsetBefore", "slidesOffsetAfter", "normalizeSlideIndex", "centerInsufficientSlides", "watchOverflow", "roundLengths", "touchRatio", "touchAngle", "simulateTouch", "shortSwipes", "longSwipes", "longSwipesRatio", "longSwipesMs", "followFinger", "allowTouchMove", "threshold", "touchMoveStopPropagation", "touchStartPreventDefault", "touchStartForcePreventDefault", "touchReleaseOnEdges", "uniqueNavElements", "resistance", "resistanceRatio", "watchSlidesProgress", "grabCursor", "preventClicks", "preventClicksPropagation", "slideToClickedSlide", "preloadImages", "updateOnImagesReady", "loop", "loopAdditionalSlides", "loopedSlides", "loopFillGroupWithBlank", "loopPreventsSlide", "rewind", "allowSlidePrev", "allowSlideNext", "swipeHandler", "noSwiping", "noSwipingClass", "noSwipingSelector", "passiveListeners", "containerModifierClass", "slideClass", "slideBlankClass", "slideActiveClass", "slideDuplicateActiveClass", "slideVisibleClass", "slideDuplicateClass", "slideNextClass", "slideDuplicateNextClass", "slidePrevClass", "slideDuplicatePrevClass", "wrapperClass", "runCallbacksOnInit", "observeParents", "observeSlideChildren", "a11y", "autoplay", "controller", "coverflowEffect", "cubeEffect", "fadeEffect", "flipEffect", "creativeEffect", "cardsEffect", "hashNavigation", "history", "keyboard", "lazy", "mousewheel", "parallax", "thumbs", "zoom", "class", "id", "navigation", "pagination", "scrollbar", "virtual", "config"], outputs: ["_beforeBreakpoint", "_containerClasses", "_slideClass", "_swiper", "activeIndexChange", "afterInit", "autoplay", "autoplayStart", "autoplayStop", "autoplayPause", "autoplayResume", "beforeDestroy", "beforeInit", "beforeLoopFix", "beforeResize", "beforeSlideChangeStart", "beforeTransitionStart", "breakpoint", "changeDirection", "click", "doubleTap", "doubleClick", "destroy", "fromEdge", "hashChange", "hashSet", "imagesReady", "init", "keyPress", "lazyImageLoad", "lazyImageReady", "loopFix", "momentumBounce", "navigationHide", "navigationShow", "observerUpdate", "orientationchange", "paginationHide", "paginationRender", "paginationShow", "paginationUpdate", "progress", "reachBeginning", "reachEnd", "realIndexChange", "resize", "scroll", "scrollbarDragEnd", "scrollbarDragMove", "scrollbarDragStart", "setTransition", "setTranslate", "slideChange", "slideChangeTransitionEnd", "slideChangeTransitionStart", "slideNextTransitionEnd", "slideNextTransitionStart", "slidePrevTransitionEnd", "slidePrevTransitionStart", "slideResetTransitionStart", "slideResetTransitionEnd", "sliderMove", "sliderFirstMove", "slidesLengthChange", "slidesGridLengthChange", "snapGridLengthChange", "snapIndexChange", "tap", "toEdge", "touchEnd", "touchMove", "touchMoveOpposite", "touchStart", "transitionEnd", "transitionStart", "update", "zoomChange", "swiper", "lock", "unlock"] }, { kind: "directive", type: i4.SwiperSlideDirective, selector: "ng-template[swiperSlide]", inputs: ["virtualIndex", "class", "ngClass", "data-swiper-autoplay", "zoom"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
249
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: NxsCarouselComponent, decorators: [{
|
|
279
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NxsCarouselComponent, decorators: [{
|
|
250
280
|
type: Component,
|
|
251
281
|
args: [{ selector: 'nxs-carousel', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"options\"\n [ngClass]=\"{'swiper-container':true,'nxs-slider-with-thumbnails':!!options.nxsThumbnails && options.nxsThumbnails.show}\"\n [style.height]=\"getMainSliderHeight()\">\n <swiper [config]=\"options\" (swiper)=\"onSwiper($event)\" (slideChange)=\"onSlideChange($event)\"\n [thumbs]=\"{ swiper: thumbnailsSwiperInstance }\">\n <ng-container *ngIf=\"hasHtmlContent\">\n <ng-template *ngFor=\"let slide of contents\" swiperSlide>\n <ng-template [ngTemplateOutlet]=\"slide\" [ngTemplateOutletContext]=\"{\n $implicit: slide\n }\"></ng-template>\n </ng-template>\n </ng-container>\n <ng-container *ngIf=\"!hasHtmlContent && images?.length\">\n <ng-template swiperSlide *ngFor=\"let slideImage of images\">\n <img [ngClass]=\"{'nxs-image-slide':true,'swiper-lazy':lazy}\"\n [attr.data-src]=\"lazy ? slideImage.src : null\" [src]=\"lazy ? null : slideImage.src\"\n [attr.alt]=\"slideImage.alt\" />\n <div *ngIf=\"lazy\" class=\"swiper-lazy-preloader swiper-lazy-preloader-black\"></div>\n </ng-template>\n </ng-container>\n </swiper>\n <ng-container *ngIf=\"images && options.nxsShowImagesCount\">\n <div class=\"nxs-image-counter\">\n {{currentSlide+1}} / {{images.length}}\n </div>\n </ng-container>\n</div>\n\n<div *ngIf=\"thumbnailsOptions && images?.length\"\n [style.height]=\"(!!options.nxsThumbnails && options.nxsThumbnails.show && !!options.nxsThumbnails.percentHeight) ? (options.nxsThumbnails.percentHeight + '%'):''\"\n [style.top]=\"(!!options.nxsThumbnails && options.nxsThumbnails.show && !!options.nxsThumbnails.percentHeight && options.nxsThumbnails.onMainSlider) ? ('-' + (options.nxsThumbnails.percentHeight) + '%'):''\"\n [ngClass]=\"{'swiper-container':true, 'nxs-slider-thumbnails-container':true,'nxs-slider-thumbnails-on-main-slider':options.nxsThumbnails && options.nxsThumbnails.onMainSlider}\">\n <swiper [config]=\"thumbnailsOptions\" (swiper)=\"onSwiperThumbnails($event)\">\n <ng-template swiperSlide *ngFor=\"let slideImage of images\">\n <img [ngClass]=\"{'nxs-image-slide':true,'swiper-lazy':lazy}\" [attr.data-src]=\"lazy ? slideImage.src : null\"\n [src]=\"lazy ? null : slideImage.src\" [attr.alt]=\"slideImage.alt\" />\n <div *ngIf=\"lazy\" class=\"swiper-lazy-preloader swiper-lazy-preloader-black\"></div>\n </ng-template>\n </swiper>\n</div>", styles: ["nxs-carousel{display:block;height:100%;position:relative;--swiper-navigation-color: #fff;--swiper-pagination-color: #fff;--swiper-theme-color: #fff}nxs-carousel .swiper-container{width:100%;height:100%;display:block;position:relative}nxs-carousel .swiper-container swiper{height:100%}nxs-carousel .swiper-container .swiper-wrapper .swiper-slide{height:100%;position:relative;width:auto;min-height:50px;background-size:cover;background-position:center;background-repeat:no-repeat}nxs-carousel .swiper-container .nxs-image-slide{height:100%;-o-object-fit:cover;object-fit:cover;width:100%;-o-object-position:center;object-position:center}nxs-carousel .swiper-container.nxs-slider-with-thumbnails{height:80%}nxs-carousel .swiper-container.nxs-slider-thumbnails-container{height:20%;background:transparent;padding:6px 0}nxs-carousel .swiper-container.nxs-slider-thumbnails-container .swiper-slide{cursor:pointer;border-radius:6px;margin:0 6px;border:2px solid transparent}nxs-carousel .swiper-container.nxs-slider-thumbnails-container .swiper-slide.swiper-slide-thumb-active{border:2px solid lightblue}nxs-carousel .swiper-container.nxs-slider-thumbnails-on-main-slider{top:-20%}nxs-carousel .nxs-image-counter{position:absolute;top:0;right:0;color:#fff;padding:4px;font-weight:700;z-index:10}\n"] }]
|
|
252
|
-
}], ctorParameters:
|
|
282
|
+
}], ctorParameters: () => [{ type: i1.MatDialog }, { type: i0.NgZone }, { type: undefined, decorators: [{
|
|
253
283
|
type: Inject,
|
|
254
284
|
args: [PLATFORM_ID]
|
|
255
285
|
}] }, { type: NxsCarouselModuleConfig, decorators: [{
|
|
256
286
|
type: Optional
|
|
257
|
-
}] }]
|
|
287
|
+
}] }], propDecorators: { contents: [{
|
|
258
288
|
type: ContentChildren,
|
|
259
289
|
args: [NxsSwiperTemplateDirective, { read: TemplateRef }]
|
|
260
290
|
}], swiperComponent: [{
|
|
@@ -276,10 +306,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImpor
|
|
|
276
306
|
}] } });
|
|
277
307
|
|
|
278
308
|
class NxsCarouselDialogComponent {
|
|
309
|
+
data;
|
|
310
|
+
dialogRef;
|
|
311
|
+
static dialogOpened = false;
|
|
312
|
+
wrapperClass = 'nxs-carousel-wrapper';
|
|
279
313
|
constructor(data, dialogRef) {
|
|
280
314
|
this.data = data;
|
|
281
315
|
this.dialogRef = dialogRef;
|
|
282
|
-
this.wrapperClass = 'nxs-carousel-wrapper';
|
|
283
316
|
if (data.wrapperClass)
|
|
284
317
|
this.wrapperClass += ' ' + data.wrapperClass;
|
|
285
318
|
this.dialogRef.afterOpened().subscribe(() => {
|
|
@@ -289,10 +322,8 @@ class NxsCarouselDialogComponent {
|
|
|
289
322
|
NxsCarouselDialogComponent.dialogOpened = false;
|
|
290
323
|
});
|
|
291
324
|
}
|
|
292
|
-
}
|
|
293
|
-
|
|
294
|
-
NxsCarouselDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: NxsCarouselDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
295
|
-
NxsCarouselDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: NxsCarouselDialogComponent, selector: "nxs-carousel-dialog", ngImport: i0, template: `
|
|
325
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NxsCarouselDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
326
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: NxsCarouselDialogComponent, selector: "nxs-carousel-dialog", ngImport: i0, template: `
|
|
296
327
|
<div class="nxs-carousel-dialog-flex-wrapper">
|
|
297
328
|
<div class="nxs-carousel-dialog-header">
|
|
298
329
|
<button (click)="dialogRef.close()" mat-icon-button><mat-icon>close</mat-icon></button>
|
|
@@ -302,7 +333,8 @@ NxsCarouselDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0
|
|
|
302
333
|
</div>
|
|
303
334
|
</div>
|
|
304
335
|
`, isInline: true, styles: [".nxs-carousel-dialog{max-width:98vw!important;width:98vw;height:98vh}.nxs-carousel-dialog .nxs-carousel-dialog-flex-wrapper{display:flex;height:100%;flex-direction:column}.nxs-carousel-dialog .nxs-carousel-dialog-flex-wrapper .nxs-carousel-wrapper{flex:auto}.nxs-carousel-dialog .nxs-carousel-dialog-header{position:relative;display:flex;justify-content:flex-end;padding-bottom:8px}.nxs-carousel-dialog mat-dialog-container{padding:20px}.nxs-carousel-dialog .nxs-carousel-wrapper{width:100%;margin:auto;height:100%}\n"], dependencies: [{ kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: NxsCarouselComponent, selector: "nxs-carousel", inputs: ["lazy", "images", "options", "hasHtmlContent"], outputs: ["slideChange", "slideClick"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
305
|
-
|
|
336
|
+
}
|
|
337
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NxsCarouselDialogComponent, decorators: [{
|
|
306
338
|
type: Component,
|
|
307
339
|
args: [{ selector: 'nxs-carousel-dialog', template: `
|
|
308
340
|
<div class="nxs-carousel-dialog-flex-wrapper">
|
|
@@ -314,12 +346,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImpor
|
|
|
314
346
|
</div>
|
|
315
347
|
</div>
|
|
316
348
|
`, encapsulation: ViewEncapsulation.None, styles: [".nxs-carousel-dialog{max-width:98vw!important;width:98vw;height:98vh}.nxs-carousel-dialog .nxs-carousel-dialog-flex-wrapper{display:flex;height:100%;flex-direction:column}.nxs-carousel-dialog .nxs-carousel-dialog-flex-wrapper .nxs-carousel-wrapper{flex:auto}.nxs-carousel-dialog .nxs-carousel-dialog-header{position:relative;display:flex;justify-content:flex-end;padding-bottom:8px}.nxs-carousel-dialog mat-dialog-container{padding:20px}.nxs-carousel-dialog .nxs-carousel-wrapper{width:100%;margin:auto;height:100%}\n"] }]
|
|
317
|
-
}], ctorParameters:
|
|
349
|
+
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
318
350
|
type: Inject,
|
|
319
351
|
args: [MAT_DIALOG_DATA]
|
|
320
|
-
}] }, { type: i1.MatDialogRef }]
|
|
352
|
+
}] }, { type: i1.MatDialogRef }] });
|
|
321
353
|
|
|
322
354
|
class NxsCarouselModule {
|
|
355
|
+
static openDialogSubscribed = false;
|
|
323
356
|
constructor(matDialog) {
|
|
324
357
|
NxsCarouselModule.subscribeToOpenDialog(matDialog);
|
|
325
358
|
}
|
|
@@ -343,23 +376,22 @@ class NxsCarouselModule {
|
|
|
343
376
|
],
|
|
344
377
|
};
|
|
345
378
|
}
|
|
379
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NxsCarouselModule, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.NgModule });
|
|
380
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.2", ngImport: i0, type: NxsCarouselModule, declarations: [NxsCarouselComponent,
|
|
381
|
+
NxsCarouselDialogComponent,
|
|
382
|
+
NxsSwiperTemplateDirective], imports: [CommonModule,
|
|
383
|
+
MatIconModule,
|
|
384
|
+
MatButtonModule,
|
|
385
|
+
MatDialogModule,
|
|
386
|
+
SwiperModule], exports: [NxsCarouselComponent,
|
|
387
|
+
NxsSwiperTemplateDirective] });
|
|
388
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NxsCarouselModule, imports: [CommonModule,
|
|
389
|
+
MatIconModule,
|
|
390
|
+
MatButtonModule,
|
|
391
|
+
MatDialogModule,
|
|
392
|
+
SwiperModule] });
|
|
346
393
|
}
|
|
347
|
-
|
|
348
|
-
NxsCarouselModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: NxsCarouselModule, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.NgModule });
|
|
349
|
-
NxsCarouselModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.5", ngImport: i0, type: NxsCarouselModule, declarations: [NxsCarouselComponent,
|
|
350
|
-
NxsCarouselDialogComponent,
|
|
351
|
-
NxsSwiperTemplateDirective], imports: [CommonModule,
|
|
352
|
-
MatIconModule,
|
|
353
|
-
MatButtonModule,
|
|
354
|
-
MatDialogModule,
|
|
355
|
-
SwiperModule], exports: [NxsCarouselComponent,
|
|
356
|
-
NxsSwiperTemplateDirective] });
|
|
357
|
-
NxsCarouselModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: NxsCarouselModule, imports: [CommonModule,
|
|
358
|
-
MatIconModule,
|
|
359
|
-
MatButtonModule,
|
|
360
|
-
MatDialogModule,
|
|
361
|
-
SwiperModule] });
|
|
362
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: NxsCarouselModule, decorators: [{
|
|
394
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NxsCarouselModule, decorators: [{
|
|
363
395
|
type: NgModule,
|
|
364
396
|
args: [{
|
|
365
397
|
declarations: [
|
|
@@ -379,7 +411,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImpor
|
|
|
379
411
|
NxsSwiperTemplateDirective,
|
|
380
412
|
],
|
|
381
413
|
}]
|
|
382
|
-
}], ctorParameters:
|
|
414
|
+
}], ctorParameters: () => [{ type: i1.MatDialog }] });
|
|
383
415
|
|
|
384
416
|
/**
|
|
385
417
|
* Generated bundle index. Do not edit.
|