keevo-components 1.8.221 → 1.8.222
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/kv-carousel/kv-carousel.component.mjs +11 -14
- package/esm2022/lib/components/kv-home-card/kv-home-card.module.mjs +1 -1
- package/fesm2022/keevo-components.mjs +10 -14
- package/fesm2022/keevo-components.mjs.map +1 -1
- package/lib/components/kv-carousel/kv-carousel.component.d.ts +8 -7
- package/package.json +1 -1
|
@@ -1,33 +1,30 @@
|
|
|
1
|
-
import { Component, Input, } from '@angular/core';
|
|
1
|
+
import { Component, Input, computed, input, viewChild } from '@angular/core';
|
|
2
|
+
import { Carousel } from 'primeng/carousel';
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
4
|
import * as i1 from "primeng/api";
|
|
4
5
|
import * as i2 from "primeng/carousel";
|
|
5
6
|
export class KvCarouselComponent {
|
|
6
7
|
constructor(cd) {
|
|
7
8
|
this.cd = cd;
|
|
9
|
+
this.carouselContainer = viewChild(Carousel);
|
|
10
|
+
this.heightCarousel = input();
|
|
11
|
+
this.heightComputed = computed(() => {
|
|
12
|
+
return (this.heightCarousel() ??
|
|
13
|
+
this.carouselContainer()?.el.nativeElement.offsetHeight);
|
|
14
|
+
});
|
|
8
15
|
this.carouselData = [];
|
|
9
16
|
this.isCollapsed = false;
|
|
10
17
|
}
|
|
11
|
-
ngAfterViewInit() {
|
|
12
|
-
this.getCarouselHeight();
|
|
13
|
-
this.cd.detectChanges();
|
|
14
|
-
}
|
|
15
18
|
navigateToLink(link) {
|
|
16
19
|
window.open(link, '_blank');
|
|
17
20
|
}
|
|
18
|
-
getCarouselHeight() {
|
|
19
|
-
const divCarousel = document.getElementById('carousel');
|
|
20
|
-
if (divCarousel) {
|
|
21
|
-
this.heightCarousel = divCarousel.offsetHeight;
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
21
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvCarouselComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
25
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
22
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "17.3.8", type: KvCarouselComponent, selector: "kv-carousel", inputs: { heightCarousel: { classPropertyName: "heightCarousel", publicName: "heightCarousel", isSignal: true, isRequired: false, transformFunction: null }, carouselData: { classPropertyName: "carouselData", publicName: "carouselData", isSignal: false, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "carouselContainer", first: true, predicate: Carousel, descendants: true, isSignal: true }], ngImport: i0, template: "<p-carousel\r\n [value]=\"carouselData\"\r\n [indicatorStyleClass]=\"'carousel-indicator'\"\r\n [autoplayInterval]=\"5000\"\r\n [showIndicators]=\"true\"\r\n [showNavigators]=\"false\"\r\n [numVisible]=\"1\"\r\n [numScroll]=\"1\"\r\n [circular]=\"true\"\r\n styleClass=\"h-full\"\r\n>\r\n >\r\n <ng-template\r\n pTemplate=\"item\"\r\n let-banner\r\n class=\"justify-content-center align-items-center\"\r\n >\r\n <img\r\n [src]=\"banner.img\"\r\n class=\"w-full border-round-banner\"\r\n [style.height.px]=\"heightComputed()\"\r\n (click)=\"navigateToLink(banner.link)\"\r\n />\r\n </ng-template>\r\n</p-carousel>\r\n", styles: ["::ng-deep .p-carousel-indicators{position:absolute;left:50%;transform:translate(-50%);bottom:-1rem}::ng-deep .carousel-indicator{width:15px!important;height:4px!important;margin:-3px!important;padding:0!important;background-color:#eeeeeed0}::ng-deep .carousel-indicator:hover{background-color:#efefef}button.p-carousel-indicator.p-link{background-color:#f0f8ff!important}::ng-deep .p-carousel .p-carousel-content{overflow:hidden!important;position:relative}::ng-deep .border-round-banner{border-radius:20px!important;max-height:500px}\n"], dependencies: [{ kind: "directive", type: i1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i2.Carousel, selector: "p-carousel", inputs: ["page", "numVisible", "numScroll", "responsiveOptions", "orientation", "verticalViewPortHeight", "contentClass", "indicatorsContentClass", "indicatorsContentStyle", "indicatorStyleClass", "indicatorStyle", "value", "circular", "showIndicators", "showNavigators", "autoplayInterval", "style", "styleClass"], outputs: ["onPage"] }] }); }
|
|
26
23
|
}
|
|
27
24
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvCarouselComponent, decorators: [{
|
|
28
25
|
type: Component,
|
|
29
|
-
args: [{ selector: 'kv-carousel', template: "<p-carousel
|
|
26
|
+
args: [{ selector: 'kv-carousel', template: "<p-carousel\r\n [value]=\"carouselData\"\r\n [indicatorStyleClass]=\"'carousel-indicator'\"\r\n [autoplayInterval]=\"5000\"\r\n [showIndicators]=\"true\"\r\n [showNavigators]=\"false\"\r\n [numVisible]=\"1\"\r\n [numScroll]=\"1\"\r\n [circular]=\"true\"\r\n styleClass=\"h-full\"\r\n>\r\n >\r\n <ng-template\r\n pTemplate=\"item\"\r\n let-banner\r\n class=\"justify-content-center align-items-center\"\r\n >\r\n <img\r\n [src]=\"banner.img\"\r\n class=\"w-full border-round-banner\"\r\n [style.height.px]=\"heightComputed()\"\r\n (click)=\"navigateToLink(banner.link)\"\r\n />\r\n </ng-template>\r\n</p-carousel>\r\n", styles: ["::ng-deep .p-carousel-indicators{position:absolute;left:50%;transform:translate(-50%);bottom:-1rem}::ng-deep .carousel-indicator{width:15px!important;height:4px!important;margin:-3px!important;padding:0!important;background-color:#eeeeeed0}::ng-deep .carousel-indicator:hover{background-color:#efefef}button.p-carousel-indicator.p-link{background-color:#f0f8ff!important}::ng-deep .p-carousel .p-carousel-content{overflow:hidden!important;position:relative}::ng-deep .border-round-banner{border-radius:20px!important;max-height:500px}\n"] }]
|
|
30
27
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { carouselData: [{
|
|
31
28
|
type: Input
|
|
32
29
|
}] } });
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3YtY2Fyb3VzZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3YtY2Fyb3VzZWwva3YtY2Fyb3VzZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3YtY2Fyb3VzZWwva3YtY2Fyb3VzZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLFNBQVMsRUFDVCxLQUFLLEVBQ0wsUUFBUSxFQUNSLEtBQUssRUFDTCxTQUFTLEVBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGtCQUFrQixDQUFDOzs7O0FBTzVDLE1BQU0sT0FBTyxtQkFBbUI7SUFpQjlCLFlBQW9CLEVBQXFCO1FBQXJCLE9BQUUsR0FBRixFQUFFLENBQW1CO1FBaEJ6QyxzQkFBaUIsR0FBRyxTQUFTLENBQUMsUUFBUSxDQUFDLENBQUM7UUFFeEMsbUJBQWMsR0FBRyxLQUFLLEVBQVUsQ0FBQztRQUVqQyxtQkFBYyxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUU7WUFDN0IsT0FBTyxDQUNMLElBQUksQ0FBQyxjQUFjLEVBQUU7Z0JBQ3JCLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxFQUFFLEVBQUUsQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUN4RCxDQUFDO1FBQ0osQ0FBQyxDQUFDLENBQUM7UUFFTSxpQkFBWSxHQUFVLEVBQUUsQ0FBQztRQUdsQyxnQkFBVyxHQUFZLEtBQUssQ0FBQztJQUVlLENBQUM7SUFFN0MsY0FBYyxDQUFDLElBQVk7UUFDekIsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsUUFBUSxDQUFDLENBQUM7SUFDOUIsQ0FBQzs4R0FyQlUsbUJBQW1CO2tHQUFuQixtQkFBbUIsbVpBQ0EsUUFBUSxnRUNoQnhDLDBwQkF5QkE7OzJGRFZhLG1CQUFtQjtrQkFML0IsU0FBUzsrQkFDRSxhQUFhO3NGQWdCZCxZQUFZO3NCQUFwQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDaGFuZ2VEZXRlY3RvclJlZixcclxuICBDb21wb25lbnQsXHJcbiAgSW5wdXQsXHJcbiAgY29tcHV0ZWQsXHJcbiAgaW5wdXQsXHJcbiAgdmlld0NoaWxkXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENhcm91c2VsIH0gZnJvbSAncHJpbWVuZy9jYXJvdXNlbCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2t2LWNhcm91c2VsJyxcclxuICB0ZW1wbGF0ZVVybDogJy4va3YtY2Fyb3VzZWwuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2t2LWNhcm91c2VsLmNvbXBvbmVudC5zY3NzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBLdkNhcm91c2VsQ29tcG9uZW50IHtcclxuICBjYXJvdXNlbENvbnRhaW5lciA9IHZpZXdDaGlsZChDYXJvdXNlbCk7XHJcblxyXG4gIGhlaWdodENhcm91c2VsID0gaW5wdXQ8bnVtYmVyPigpO1xyXG5cclxuICBoZWlnaHRDb21wdXRlZCA9IGNvbXB1dGVkKCgpID0+IHtcclxuICAgIHJldHVybiAoXHJcbiAgICAgIHRoaXMuaGVpZ2h0Q2Fyb3VzZWwoKSA/P1xyXG4gICAgICB0aGlzLmNhcm91c2VsQ29udGFpbmVyKCk/LmVsLm5hdGl2ZUVsZW1lbnQub2Zmc2V0SGVpZ2h0XHJcbiAgICApO1xyXG4gIH0pO1xyXG5cclxuICBASW5wdXQoKSBjYXJvdXNlbERhdGE6IGFueVtdID0gW107XHJcblxyXG4gIHdpZHRoQ2Fyb3VzZWwhOiBudW1iZXI7XHJcbiAgaXNDb2xsYXBzZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjZDogQ2hhbmdlRGV0ZWN0b3JSZWYpIHt9XHJcblxyXG4gIG5hdmlnYXRlVG9MaW5rKGxpbms6IHN0cmluZyk6IHZvaWQge1xyXG4gICAgd2luZG93Lm9wZW4obGluaywgJ19ibGFuaycpO1xyXG4gIH1cclxufVxyXG4iLCI8cC1jYXJvdXNlbFxyXG4gIFt2YWx1ZV09XCJjYXJvdXNlbERhdGFcIlxyXG4gIFtpbmRpY2F0b3JTdHlsZUNsYXNzXT1cIidjYXJvdXNlbC1pbmRpY2F0b3InXCJcclxuICBbYXV0b3BsYXlJbnRlcnZhbF09XCI1MDAwXCJcclxuICBbc2hvd0luZGljYXRvcnNdPVwidHJ1ZVwiXHJcbiAgW3Nob3dOYXZpZ2F0b3JzXT1cImZhbHNlXCJcclxuICBbbnVtVmlzaWJsZV09XCIxXCJcclxuICBbbnVtU2Nyb2xsXT1cIjFcIlxyXG4gIFtjaXJjdWxhcl09XCJ0cnVlXCJcclxuICBzdHlsZUNsYXNzPVwiaC1mdWxsXCJcclxuPlxyXG4gID5cclxuICA8bmctdGVtcGxhdGVcclxuICAgIHBUZW1wbGF0ZT1cIml0ZW1cIlxyXG4gICAgbGV0LWJhbm5lclxyXG4gICAgY2xhc3M9XCJqdXN0aWZ5LWNvbnRlbnQtY2VudGVyIGFsaWduLWl0ZW1zLWNlbnRlclwiXHJcbiAgPlxyXG4gICAgPGltZ1xyXG4gICAgICBbc3JjXT1cImJhbm5lci5pbWdcIlxyXG4gICAgICBjbGFzcz1cInctZnVsbCBib3JkZXItcm91bmQtYmFubmVyXCJcclxuICAgICAgW3N0eWxlLmhlaWdodC5weF09XCJoZWlnaHRDb21wdXRlZCgpXCJcclxuICAgICAgKGNsaWNrKT1cIm5hdmlnYXRlVG9MaW5rKGJhbm5lci5saW5rKVwiXHJcbiAgICAvPlxyXG4gIDwvbmctdGVtcGxhdGU+XHJcbjwvcC1jYXJvdXNlbD5cclxuIl19
|
|
@@ -29,4 +29,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
|
|
|
29
29
|
exports: [KvHomeCardComponent]
|
|
30
30
|
}]
|
|
31
31
|
}] });
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3YtaG9tZS1jYXJkLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tlZXZvLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2t2LWhvbWUtY2FyZC9rdi1ob21lLWNhcmQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQy9ELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUMvRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDakUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLCtCQUErQixDQUFDOztBQVkvRCxNQUFNLE9BQU8sZ0JBQWdCOzhHQUFoQixnQkFBZ0I7K0dBQWhCLGdCQUFnQixpQkFUWixtQkFBbUIsYUFFaEMsWUFBWTtZQUNaLGNBQWM7WUFDZCxhQUFhO1lBQ2IsY0FBYyxhQUVOLG1CQUFtQjsrR0FFbEIsZ0JBQWdCLFlBUHpCLFlBQVk7WUFDWixjQUFjO1lBQ2QsYUFBYTtZQUNiLGNBQWM7OzJGQUlMLGdCQUFnQjtrQkFWNUIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztvQkFDbkMsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osY0FBYzt3QkFDZCxhQUFhO3dCQUNiLGNBQWM7cUJBQ2Y7b0JBQ0QsT0FBTyxFQUFFLENBQUMsbUJBQW1CLENBQUM7aUJBQy9CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgS3ZIb21lQ2FyZENvbXBvbmVudCB9IGZyb20gJy4va3YtaG9tZS1jYXJkLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEt2SW5wdXRzTW9kdWxlIH0gZnJvbSAnLi4va3YtaW5wdXRzL2t2LWlucHV0cy5tb2R1bGUnO1xyXG5pbXBvcnQgeyBQcmltZU5nTW9kdWxlIH0gZnJvbSAnLi4vLi4vYXBpL21vZHVsZXMvcHJpbWVuZy5tb2R1bGUnO1xyXG5pbXBvcnQgeyBLdkJ1dHRvbk1vZHVsZSB9IGZyb20gJy4uL2t2LWJ1dHRvbi9rdi1idXR0b24ubW9kdWxlJztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbS3ZIb21lQ2FyZENvbXBvbmVudF0sXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgS3ZJbnB1dHNNb2R1bGUsXHJcbiAgICBQcmltZU5nTW9kdWxlLFxyXG4gICAgS3ZCdXR0b25Nb2R1bGVcclxuICBdLFxyXG4gIGV4cG9ydHM6IFtLdkhvbWVDYXJkQ29tcG9uZW50XVxyXG59KVxyXG5leHBvcnQgY2xhc3MgS3ZIb21lQ2FyZE1vZHVsZSB7IH1cclxuIl19
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { EventEmitter, Component, Input, Output, ViewChild, Injectable, Directive, Pipe, ViewChildren, ContentChildren, forwardRef, HostListener, NgModule, ChangeDetectionStrategy, Injector, HostBinding } from '@angular/core';
|
|
2
|
+
import { EventEmitter, Component, Input, Output, ViewChild, Injectable, Directive, Pipe, ViewChildren, ContentChildren, forwardRef, HostListener, NgModule, viewChild, input, computed, ChangeDetectionStrategy, Injector, HostBinding } from '@angular/core';
|
|
3
3
|
import * as i1 from '@angular/common';
|
|
4
4
|
import { CommonModule, NgClass } from '@angular/common';
|
|
5
5
|
import * as i1$1 from 'primeng/button';
|
|
@@ -50,7 +50,7 @@ import { BreadcrumbModule } from 'primeng/breadcrumb';
|
|
|
50
50
|
import * as i5$3 from 'primeng/calendar';
|
|
51
51
|
import { CalendarModule } from 'primeng/calendar';
|
|
52
52
|
import * as i2$2 from 'primeng/carousel';
|
|
53
|
-
import { CarouselModule } from 'primeng/carousel';
|
|
53
|
+
import { CarouselModule, Carousel } from 'primeng/carousel';
|
|
54
54
|
import { ChipModule } from 'primeng/chip';
|
|
55
55
|
import { ConfirmDialogModule } from 'primeng/confirmdialog';
|
|
56
56
|
import * as i7$2 from 'primeng/contextmenu';
|
|
@@ -3607,28 +3607,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
|
|
|
3607
3607
|
class KvCarouselComponent {
|
|
3608
3608
|
constructor(cd) {
|
|
3609
3609
|
this.cd = cd;
|
|
3610
|
+
this.carouselContainer = viewChild(Carousel);
|
|
3611
|
+
this.heightCarousel = input();
|
|
3612
|
+
this.heightComputed = computed(() => {
|
|
3613
|
+
return (this.heightCarousel() ??
|
|
3614
|
+
this.carouselContainer()?.el.nativeElement.offsetHeight);
|
|
3615
|
+
});
|
|
3610
3616
|
this.carouselData = [];
|
|
3611
3617
|
this.isCollapsed = false;
|
|
3612
3618
|
}
|
|
3613
|
-
ngAfterViewInit() {
|
|
3614
|
-
this.getCarouselHeight();
|
|
3615
|
-
this.cd.detectChanges();
|
|
3616
|
-
}
|
|
3617
3619
|
navigateToLink(link) {
|
|
3618
3620
|
window.open(link, '_blank');
|
|
3619
3621
|
}
|
|
3620
|
-
getCarouselHeight() {
|
|
3621
|
-
const divCarousel = document.getElementById('carousel');
|
|
3622
|
-
if (divCarousel) {
|
|
3623
|
-
this.heightCarousel = divCarousel.offsetHeight;
|
|
3624
|
-
}
|
|
3625
|
-
}
|
|
3626
3622
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvCarouselComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3627
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
3623
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "17.3.8", type: KvCarouselComponent, selector: "kv-carousel", inputs: { heightCarousel: { classPropertyName: "heightCarousel", publicName: "heightCarousel", isSignal: true, isRequired: false, transformFunction: null }, carouselData: { classPropertyName: "carouselData", publicName: "carouselData", isSignal: false, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "carouselContainer", first: true, predicate: Carousel, descendants: true, isSignal: true }], ngImport: i0, template: "<p-carousel\r\n [value]=\"carouselData\"\r\n [indicatorStyleClass]=\"'carousel-indicator'\"\r\n [autoplayInterval]=\"5000\"\r\n [showIndicators]=\"true\"\r\n [showNavigators]=\"false\"\r\n [numVisible]=\"1\"\r\n [numScroll]=\"1\"\r\n [circular]=\"true\"\r\n styleClass=\"h-full\"\r\n>\r\n >\r\n <ng-template\r\n pTemplate=\"item\"\r\n let-banner\r\n class=\"justify-content-center align-items-center\"\r\n >\r\n <img\r\n [src]=\"banner.img\"\r\n class=\"w-full border-round-banner\"\r\n [style.height.px]=\"heightComputed()\"\r\n (click)=\"navigateToLink(banner.link)\"\r\n />\r\n </ng-template>\r\n</p-carousel>\r\n", styles: ["::ng-deep .p-carousel-indicators{position:absolute;left:50%;transform:translate(-50%);bottom:-1rem}::ng-deep .carousel-indicator{width:15px!important;height:4px!important;margin:-3px!important;padding:0!important;background-color:#eeeeeed0}::ng-deep .carousel-indicator:hover{background-color:#efefef}button.p-carousel-indicator.p-link{background-color:#f0f8ff!important}::ng-deep .p-carousel .p-carousel-content{overflow:hidden!important;position:relative}::ng-deep .border-round-banner{border-radius:20px!important;max-height:500px}\n"], dependencies: [{ kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i2$2.Carousel, selector: "p-carousel", inputs: ["page", "numVisible", "numScroll", "responsiveOptions", "orientation", "verticalViewPortHeight", "contentClass", "indicatorsContentClass", "indicatorsContentStyle", "indicatorStyleClass", "indicatorStyle", "value", "circular", "showIndicators", "showNavigators", "autoplayInterval", "style", "styleClass"], outputs: ["onPage"] }] }); }
|
|
3628
3624
|
}
|
|
3629
3625
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvCarouselComponent, decorators: [{
|
|
3630
3626
|
type: Component,
|
|
3631
|
-
args: [{ selector: 'kv-carousel', template: "<p-carousel
|
|
3627
|
+
args: [{ selector: 'kv-carousel', template: "<p-carousel\r\n [value]=\"carouselData\"\r\n [indicatorStyleClass]=\"'carousel-indicator'\"\r\n [autoplayInterval]=\"5000\"\r\n [showIndicators]=\"true\"\r\n [showNavigators]=\"false\"\r\n [numVisible]=\"1\"\r\n [numScroll]=\"1\"\r\n [circular]=\"true\"\r\n styleClass=\"h-full\"\r\n>\r\n >\r\n <ng-template\r\n pTemplate=\"item\"\r\n let-banner\r\n class=\"justify-content-center align-items-center\"\r\n >\r\n <img\r\n [src]=\"banner.img\"\r\n class=\"w-full border-round-banner\"\r\n [style.height.px]=\"heightComputed()\"\r\n (click)=\"navigateToLink(banner.link)\"\r\n />\r\n </ng-template>\r\n</p-carousel>\r\n", styles: ["::ng-deep .p-carousel-indicators{position:absolute;left:50%;transform:translate(-50%);bottom:-1rem}::ng-deep .carousel-indicator{width:15px!important;height:4px!important;margin:-3px!important;padding:0!important;background-color:#eeeeeed0}::ng-deep .carousel-indicator:hover{background-color:#efefef}button.p-carousel-indicator.p-link{background-color:#f0f8ff!important}::ng-deep .p-carousel .p-carousel-content{overflow:hidden!important;position:relative}::ng-deep .border-round-banner{border-radius:20px!important;max-height:500px}\n"] }]
|
|
3632
3628
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { carouselData: [{
|
|
3633
3629
|
type: Input
|
|
3634
3630
|
}] } });
|