primeng 14.1.2 → 14.2.0

package/fesm2020/primeng-captcha.mjs

@@ -12,7 +12,7 @@ class Captcha {
         this.type = 'image';
         this.size = 'normal';
         this.tabindex = 0;
-        this.initCallback = "initRecaptcha";
+        this.initCallback = 'initRecaptcha';
         this.onResponse = new EventEmitter();
         this.onExpire = new EventEmitter();
         this._instance = null;
@@ -44,14 +44,18 @@ class Captcha {
     }
     init() {
         this._instance = window.grecaptcha.render(this.el.nativeElement.children[0], {
-            'sitekey': this.siteKey,
-            'theme': this.theme,
-            'type': this.type,
-            'size': this.size,
-            'tabindex': this.tabindex,
-            'hl': this.language,
-            'callback': (response) => { this._zone.run(() => this.recaptchaCallback(response)); },
-            'expired-callback': () => { this._zone.run(() => this.recaptchaExpiredCallback()); }
+            sitekey: this.siteKey,
+            theme: this.theme,
+            type: this.type,
+            size: this.size,
+            tabindex: this.tabindex,
+            hl: this.language,
+            callback: (response) => {
+                this._zone.run(() => this.recaptchaCallback(response));
+            },
+            'expired-callback': () => {
+                this._zone.run(() => this.recaptchaExpiredCallback());
+            }
         });
     }
     reset() {
@@ -89,7 +93,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     encapsulation: ViewEncapsulation.None,
                     host: {
-                        'class': 'p-element'
+                        class: 'p-element'
                     }
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { siteKey: [{

package/fesm2020/primeng-captcha.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"primeng-captcha.mjs","sources":["../../src/app/components/captcha/captcha.ts","../../src/app/components/captcha/primeng-captcha.ts"],"sourcesContent":["import {NgModule,AfterViewInit,Component,EventEmitter,Input,NgZone,OnDestroy,Output,ElementRef,ChangeDetectionStrategy, ViewEncapsulation, ChangeDetectorRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Component({\n    selector: 'p-captcha',\n    template: `<div></div>`,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        'class': 'p-element'\n    }\n})\nexport class Captcha implements AfterViewInit,OnDestroy {\n\n    @Input() siteKey: string = null;\n\n    @Input() theme = 'light';\n\n    @Input() type = 'image';\n\n    @Input() size = 'normal';\n\n    @Input() tabindex = 0;\n\n    @Input() initCallback = \"initRecaptcha\";\n\n    @Output() onResponse: EventEmitter<any> = new EventEmitter();\n\n    @Output() onExpire: EventEmitter<any> = new EventEmitter();\n\n    private _instance: any = null;\n\n    private _language: any = null;\n\n\n    @Input() get language(): string {\n        return this._language;\n    }\n\n    set language(language: string) {\n        this._language = language;\n        this.init();\n    }\n\n    constructor(public el: ElementRef, public _zone: NgZone, public cd: ChangeDetectorRef) {}\n\n    ngAfterViewInit() {\n        if ((<any>window).grecaptcha) {\n            if (!(<any>window).grecaptcha.render){\n                setTimeout(() =>{\n                    this.init();\n                },100)\n            }\n            else {\n                this.init();\n            }\n        }\n        else {\n            (<any>window)[this.initCallback] = () => {\n              this.init();\n            }\n        }\n    }\n\n    init() {\n        this._instance = (<any>window).grecaptcha.render(this.el.nativeElement.children[0], {\n            'sitekey': this.siteKey,\n            'theme': this.theme,\n            'type': this.type,\n            'size': this.size,\n            'tabindex': this.tabindex,\n            'hl': this.language,\n            'callback': (response: string) => {this._zone.run(() => this.recaptchaCallback(response))},\n            'expired-callback': () => {this._zone.run(() => this.recaptchaExpiredCallback())}\n        });\n    }\n\n    reset() {\n        if (this._instance === null)\n            return;\n\n        (<any>window).grecaptcha.reset(this._instance);\n        this.cd.markForCheck();\n    }\n\n    getResponse(): String {\n        if (this._instance === null)\n            return null;\n\n        return (<any>window).grecaptcha.getResponse(this._instance);\n    }\n\n    recaptchaCallback(response: string) {\n        this.onResponse.emit({\n            response: response\n        });\n    }\n\n    recaptchaExpiredCallback() {\n        this.onExpire.emit();\n    }\n\n    ngOnDestroy() {\n        if (this._instance != null) {\n          (<any>window).grecaptcha.reset(this._instance);\n        }\n    }\n}\n\n@NgModule({\n    imports: [CommonModule],\n    exports: [Captcha],\n    declarations: [Captcha]\n})\nexport class CaptchaModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"primeng-captcha.mjs","sources":["../../src/app/components/captcha/captcha.ts","../../src/app/components/captcha/primeng-captcha.ts"],"sourcesContent":["import { NgModule, AfterViewInit, Component, EventEmitter, Input, NgZone, OnDestroy, Output, ElementRef, ChangeDetectionStrategy, ViewEncapsulation, ChangeDetectorRef } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n    selector: 'p-captcha',\n    template: `<div></div>`,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: 'p-element'\n    }\n})\nexport class Captcha implements AfterViewInit, OnDestroy {\n    @Input() siteKey: string = null;\n\n    @Input() theme = 'light';\n\n    @Input() type = 'image';\n\n    @Input() size = 'normal';\n\n    @Input() tabindex = 0;\n\n    @Input() initCallback = 'initRecaptcha';\n\n    @Output() onResponse: EventEmitter<any> = new EventEmitter();\n\n    @Output() onExpire: EventEmitter<any> = new EventEmitter();\n\n    private _instance: any = null;\n\n    private _language: any = null;\n\n    @Input() get language(): string {\n        return this._language;\n    }\n\n    set language(language: string) {\n        this._language = language;\n        this.init();\n    }\n\n    constructor(public el: ElementRef, public _zone: NgZone, public cd: ChangeDetectorRef) {}\n\n    ngAfterViewInit() {\n        if ((<any>window).grecaptcha) {\n            if (!(<any>window).grecaptcha.render) {\n                setTimeout(() => {\n                    this.init();\n                }, 100);\n            } else {\n                this.init();\n            }\n        } else {\n            (<any>window)[this.initCallback] = () => {\n                this.init();\n            };\n        }\n    }\n\n    init() {\n        this._instance = (<any>window).grecaptcha.render(this.el.nativeElement.children[0], {\n            sitekey: this.siteKey,\n            theme: this.theme,\n            type: this.type,\n            size: this.size,\n            tabindex: this.tabindex,\n            hl: this.language,\n            callback: (response: string) => {\n                this._zone.run(() => this.recaptchaCallback(response));\n            },\n            'expired-callback': () => {\n                this._zone.run(() => this.recaptchaExpiredCallback());\n            }\n        });\n    }\n\n    reset() {\n        if (this._instance === null) return;\n\n        (<any>window).grecaptcha.reset(this._instance);\n        this.cd.markForCheck();\n    }\n\n    getResponse(): String {\n        if (this._instance === null) return null;\n\n        return (<any>window).grecaptcha.getResponse(this._instance);\n    }\n\n    recaptchaCallback(response: string) {\n        this.onResponse.emit({\n            response: response\n        });\n    }\n\n    recaptchaExpiredCallback() {\n        this.onExpire.emit();\n    }\n\n    ngOnDestroy() {\n        if (this._instance != null) {\n            (<any>window).grecaptcha.reset(this._instance);\n        }\n    }\n}\n\n@NgModule({\n    imports: [CommonModule],\n    exports: [Captcha],\n    declarations: [Captcha]\n})\nexport class CaptchaModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2020/primeng-card.mjs

@@ -45,11 +45,11 @@ Card.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7"
             </div>
             <div class="p-card-body">
                 <div class="p-card-title" *ngIf="header || titleTemplate">
-                    {{header}}
+                    {{ header }}
                     <ng-container *ngTemplateOutlet="titleTemplate"></ng-container>
                 </div>
                 <div class="p-card-subtitle" *ngIf="subheader || subtitleTemplate">
-                    {{subheader}}
+                    {{ subheader }}
                     <ng-container *ngTemplateOutlet="subtitleTemplate"></ng-container>
                 </div>
                 <div class="p-card-content">
@@ -73,11 +73,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
             </div>
             <div class="p-card-body">
                 <div class="p-card-title" *ngIf="header || titleTemplate">
-                    {{header}}
+                    {{ header }}
                     <ng-container *ngTemplateOutlet="titleTemplate"></ng-container>
                 </div>
                 <div class="p-card-subtitle" *ngIf="subheader || subtitleTemplate">
-                    {{subheader}}
+                    {{ subheader }}
                     <ng-container *ngTemplateOutlet="subtitleTemplate"></ng-container>
                 </div>
                 <div class="p-card-content">
@@ -91,7 +91,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
             </div>
         </div>
     `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
-                        'class': 'p-element'
+                        class: 'p-element'
                     }, styles: [".p-card-header img{width:100%}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { header: [{
                 type: Input

package/fesm2020/primeng-card.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"primeng-card.mjs","sources":["../../src/app/components/card/card.ts","../../src/app/components/card/primeng-card.ts"],"sourcesContent":["import { NgModule, Component, Input, ElementRef, ContentChild, ChangeDetectionStrategy, ViewEncapsulation, TemplateRef, AfterContentInit, ContentChildren, QueryList } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SharedModule, Header, Footer, PrimeTemplate } from 'primeng/api';\nimport { BlockableUI } from 'primeng/api';\n\n@Component({\n    selector: 'p-card',\n    template: `\n        <div [ngClass]=\"'p-card p-component'\" [ngStyle]=\"style\" [class]=\"styleClass\">\n            <div class=\"p-card-header\" *ngIf=\"headerFacet || headerTemplate\">\n                <ng-content select=\"p-header\"></ng-content>\n                <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n            </div>\n            <div class=\"p-card-body\">\n                <div class=\"p-card-title\" *ngIf=\"header || titleTemplate\">\n                    {{header}}\n                    <ng-container *ngTemplateOutlet=\"titleTemplate\"></ng-container>\n                </div>\n                <div class=\"p-card-subtitle\" *ngIf=\"subheader || subtitleTemplate\">\n                    {{subheader}}\n                    <ng-container *ngTemplateOutlet=\"subtitleTemplate\"></ng-container>\n                </div>\n                <div class=\"p-card-content\">\n                    <ng-content></ng-content>\n                    <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n                </div>\n                <div class=\"p-card-footer\" *ngIf=\"footerFacet || footerTemplate\">\n                    <ng-content select=\"p-footer\"></ng-content>\n                    <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n                </div>\n            </div>\n        </div>\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    styleUrls: ['./card.css'],\n    host: {\n        'class': 'p-element'\n    }\n})\nexport class Card implements AfterContentInit,BlockableUI {\n\n    @Input() header: string;\n\n    @Input() subheader: string;\n\n    @Input() style: any;\n\n    @Input() styleClass: string;\n\n    @ContentChild(Header) headerFacet;\n\n    @ContentChild(Footer) footerFacet;\n\n    @ContentChildren(PrimeTemplate) templates: QueryList<any>;\n\n    headerTemplate: TemplateRef<any>;\n\n    titleTemplate: TemplateRef<any>;\n\n    subtitleTemplate: TemplateRef<any>;\n\n    contentTemplate: TemplateRef<any>;\n\n    footerTemplate: TemplateRef<any>;\n\n    constructor(private el: ElementRef) { }\n\n    ngAfterContentInit() {\n        this.templates.forEach((item) => {\n            switch(item.getType()) {\n                case 'header':\n                    this.headerTemplate = item.template;\n                break;\n\n                case 'title':\n                    this.titleTemplate = item.template;\n                break;\n\n                case 'subtitle':\n                    this.subtitleTemplate = item.template;\n                break;\n\n                case 'content':\n                    this.contentTemplate = item.template;\n                break;\n\n                case 'footer':\n                    this.footerTemplate = item.template;\n                break;\n\n                default:\n                    this.contentTemplate = item.template;\n                break;\n            }\n        });\n    }\n\n    getBlockableElement(): HTMLElement  {\n        return this.el.nativeElement.children[0];\n    }\n\n}\n\n@NgModule({\n    imports: [CommonModule],\n    exports: [Card, SharedModule],\n    declarations: [Card]\n})\nexport class CardModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"primeng-card.mjs","sources":["../../src/app/components/card/card.ts","../../src/app/components/card/primeng-card.ts"],"sourcesContent":["import { NgModule, Component, Input, ElementRef, ContentChild, ChangeDetectionStrategy, ViewEncapsulation, TemplateRef, AfterContentInit, ContentChildren, QueryList } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SharedModule, Header, Footer, PrimeTemplate } from 'primeng/api';\nimport { BlockableUI } from 'primeng/api';\n\n@Component({\n    selector: 'p-card',\n    template: `\n        <div [ngClass]=\"'p-card p-component'\" [ngStyle]=\"style\" [class]=\"styleClass\">\n            <div class=\"p-card-header\" *ngIf=\"headerFacet || headerTemplate\">\n                <ng-content select=\"p-header\"></ng-content>\n                <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n            </div>\n            <div class=\"p-card-body\">\n                <div class=\"p-card-title\" *ngIf=\"header || titleTemplate\">\n                    {{ header }}\n                    <ng-container *ngTemplateOutlet=\"titleTemplate\"></ng-container>\n                </div>\n                <div class=\"p-card-subtitle\" *ngIf=\"subheader || subtitleTemplate\">\n                    {{ subheader }}\n                    <ng-container *ngTemplateOutlet=\"subtitleTemplate\"></ng-container>\n                </div>\n                <div class=\"p-card-content\">\n                    <ng-content></ng-content>\n                    <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n                </div>\n                <div class=\"p-card-footer\" *ngIf=\"footerFacet || footerTemplate\">\n                    <ng-content select=\"p-footer\"></ng-content>\n                    <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n                </div>\n            </div>\n        </div>\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    styleUrls: ['./card.css'],\n    host: {\n        class: 'p-element'\n    }\n})\nexport class Card implements AfterContentInit, BlockableUI {\n    @Input() header: string;\n\n    @Input() subheader: string;\n\n    @Input() style: any;\n\n    @Input() styleClass: string;\n\n    @ContentChild(Header) headerFacet;\n\n    @ContentChild(Footer) footerFacet;\n\n    @ContentChildren(PrimeTemplate) templates: QueryList<any>;\n\n    headerTemplate: TemplateRef<any>;\n\n    titleTemplate: TemplateRef<any>;\n\n    subtitleTemplate: TemplateRef<any>;\n\n    contentTemplate: TemplateRef<any>;\n\n    footerTemplate: TemplateRef<any>;\n\n    constructor(private el: ElementRef) {}\n\n    ngAfterContentInit() {\n        this.templates.forEach((item) => {\n            switch (item.getType()) {\n                case 'header':\n                    this.headerTemplate = item.template;\n                    break;\n\n                case 'title':\n                    this.titleTemplate = item.template;\n                    break;\n\n                case 'subtitle':\n                    this.subtitleTemplate = item.template;\n                    break;\n\n                case 'content':\n                    this.contentTemplate = item.template;\n                    break;\n\n                case 'footer':\n                    this.footerTemplate = item.template;\n                    break;\n\n                default:\n                    this.contentTemplate = item.template;\n                    break;\n            }\n        });\n    }\n\n    getBlockableElement(): HTMLElement {\n        return this.el.nativeElement.children[0];\n    }\n}\n\n@NgModule({\n    imports: [CommonModule],\n    exports: [Card, SharedModule],\n    declarations: [Card]\n})\nexport class CardModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2020/primeng-carousel.mjs

@@ -14,11 +14,11 @@ class Carousel {
         this.cd = cd;
         this.renderer = renderer;
         this.document = document;
-        this.orientation = "horizontal";
-        this.verticalViewPortHeight = "300px";
-        this.contentClass = "";
-        this.indicatorsContentClass = "";
-        this.indicatorStyleClass = "";
+        this.orientation = 'horizontal';
+        this.verticalViewPortHeight = '300px';
+        this.contentClass = '';
+        this.indicatorsContentClass = '';
+        this.indicatorStyleClass = '';
         this.circular = false;
         this.showIndicators = true;
         this.showNavigators = true;
@@ -49,7 +49,7 @@ class Carousel {
                 this.stopAutoplay();
                 this.allowAutoplay = false;
             }
-            if (val > this._page && val <= (this.totalDots() - 1)) {
+            if (val > this._page && val <= this.totalDots() - 1) {
                 this.step(-1, val);
             }
             else if (val < this._page) {
@@ -73,7 +73,6 @@ class Carousel {
     get value() {
         return this._value;
     }
-    ;
     set value(val) {
         this._value = val;
     }
@@ -149,12 +148,12 @@ class Carousel {
                     page: this.page
                 });
             }
-            totalShiftedItems = (page * this._numScroll) * -1;
+            totalShiftedItems = page * this._numScroll * -1;
             if (isCircular) {
                 totalShiftedItems -= this._numVisible;
             }
-            if (page === (this.totalDots() - 1) && this.remainingItems > 0) {
-                totalShiftedItems += (-1 * this.remainingItems) + this._numScroll;
+            if (page === this.totalDots() - 1 && this.remainingItems > 0) {
+                totalShiftedItems += -1 * this.remainingItems + this._numScroll;
                 this.isRemainingItemsAdded = true;
             }
             else {
@@ -198,7 +197,7 @@ class Carousel {
         }
         let innerHTML = `
             #${this.id} .p-carousel-item {
-				flex: 1 0 ${(100 / this.numVisible)}%
+				flex: 1 0 ${100 / this.numVisible}%
 			}
         `;
         if (this.responsiveOptions) {
@@ -215,7 +214,7 @@ class Carousel {
                 else if (typeof value1 === 'string' && typeof value2 === 'string')
                     result = value1.localeCompare(value2, undefined, { numeric: true });
                 else
-                    result = (value1 < value2) ? -1 : (value1 > value2) ? 1 : 0;
+                    result = value1 < value2 ? -1 : value1 > value2 ? 1 : 0;
                 return -1 * result;
             });
             for (let i = 0; i < this.responsiveOptions.length; i++) {
@@ -223,7 +222,7 @@ class Carousel {
                 innerHTML += `
                     @media screen and (max-width: ${res.breakpoint}) {
                         #${this.id} .p-carousel-item {
-                            flex: 1 0 ${(100 / res.numVisible)}%
+                            flex: 1 0 ${100 / res.numVisible}%
                         }
                     }
                 `;
@@ -237,7 +236,7 @@ class Carousel {
                 numVisible: this.defaultNumVisible,
                 numScroll: this.defaultNumScroll
             };
-            if (typeof window !== "undefined") {
+            if (typeof window !== 'undefined') {
                 let windowWidth = window.innerWidth;
                 for (let i = 0; i < this.responsiveOptions.length; i++) {
                     let res = this.responsiveOptions[i];
@@ -249,7 +248,7 @@ class Carousel {
             if (this._numScroll !== matchedResponsiveData.numScroll) {
                 let page = this._page;
                 page = Math.floor((page * this._numScroll) / matchedResponsiveData.numScroll);
-                let totalShiftedItems = (matchedResponsiveData.numScroll * this.page) * -1;
+                let totalShiftedItems = matchedResponsiveData.numScroll * this.page * -1;
                 if (this.isCircular()) {
                     totalShiftedItems -= matchedResponsiveData.numVisible;
                 }
@@ -276,7 +275,7 @@ class Carousel {
         }
     }
     firstIndex() {
-        return this.isCircular() ? (-1 * (this.totalShiftedItems + this.numVisible)) : (this.totalShiftedItems * -1);
+        return this.isCircular() ? -1 * (this.totalShiftedItems + this.numVisible) : this.totalShiftedItems * -1;
     }
     lastIndex() {
         return this.firstIndex() + this.numVisible - 1;
@@ -298,7 +297,7 @@ class Carousel {
         return this.autoplayInterval && this.allowAutoplay;
     }
     isForwardNavDisabled() {
-        return this.isEmpty() || (this._page >= (this.totalDots() - 1) && !this.isCircular());
+        return this.isEmpty() || (this._page >= this.totalDots() - 1 && !this.isCircular());
     }
     isBackwardNavDisabled() {
         return this.isEmpty() || (this._page <= 0 && !this.isCircular());
@@ -307,7 +306,7 @@ class Carousel {
         return !this.value || this.value.length === 0;
     }
     navForward(e, index) {
-        if (this.isCircular() || this._page < (this.totalDots() - 1)) {
+        if (this.isCircular() || this._page < this.totalDots() - 1) {
             this.step(-1, index);
         }
         if (this.autoplayInterval) {
@@ -347,31 +346,31 @@ class Carousel {
         let totalShiftedItems = this.totalShiftedItems;
         const isCircular = this.isCircular();
         if (page != null) {
-            totalShiftedItems = (this._numScroll * page) * -1;
+            totalShiftedItems = this._numScroll * page * -1;
             if (isCircular) {
                 totalShiftedItems -= this._numVisible;
             }
             this.isRemainingItemsAdded = false;
         }
         else {
-            totalShiftedItems += (this._numScroll * dir);
+            totalShiftedItems += this._numScroll * dir;
             if (this.isRemainingItemsAdded) {
-                totalShiftedItems += this.remainingItems - (this._numScroll * dir);
+                totalShiftedItems += this.remainingItems - this._numScroll * dir;
                 this.isRemainingItemsAdded = false;
             }
-            let originalShiftedItems = isCircular ? (totalShiftedItems + this._numVisible) : totalShiftedItems;
-            page = Math.abs(Math.floor((originalShiftedItems / this._numScroll)));
+            let originalShiftedItems = isCircular ? totalShiftedItems + this._numVisible : totalShiftedItems;
+            page = Math.abs(Math.floor(originalShiftedItems / this._numScroll));
         }
-        if (isCircular && this.page === (this.totalDots() - 1) && dir === -1) {
+        if (isCircular && this.page === this.totalDots() - 1 && dir === -1) {
             totalShiftedItems = -1 * (this.value.length + this._numVisible);
             page = 0;
         }
         else if (isCircular && this.page === 0 && dir === 1) {
             totalShiftedItems = 0;
-            page = (this.totalDots() - 1);
+            page = this.totalDots() - 1;
         }
-        else if (page === (this.totalDots() - 1) && this.remainingItems > 0) {
-            totalShiftedItems += ((this.remainingItems * -1) - (this._numScroll * dir));
+        else if (page === this.totalDots() - 1 && this.remainingItems > 0) {
+            totalShiftedItems += this.remainingItems * -1 - this._numScroll * dir;
             this.isRemainingItemsAdded = true;
         }
         if (this.itemsContainer) {
@@ -387,7 +386,7 @@ class Carousel {
     startAutoplay() {
         this.interval = setInterval(() => {
             if (this.totalDots() > 0) {
-                if (this.page === (this.totalDots() - 1)) {
+                if (this.page === this.totalDots() - 1) {
                     this.step(-1, 0);
                 }
                 else {
@@ -404,7 +403,7 @@ class Carousel {
     onTransitionEnd() {
         if (this.itemsContainer) {
             this.itemsContainer.nativeElement.style.transition = '';
-            if ((this.page === 0 || this.page === (this.totalDots() - 1)) && this.isCircular()) {
+            if ((this.page === 0 || this.page === this.totalDots() - 1) && this.isCircular()) {
                 this.itemsContainer.nativeElement.style.transform = this.isVertical() ? `translate3d(0, ${this.totalShiftedItems * (100 / this._numVisible)}%, 0)` : `translate3d(${this.totalShiftedItems * (100 / this._numVisible)}%, 0, 0)`;
             }
         }
@@ -424,10 +423,10 @@ class Carousel {
     onTouchEnd(e) {
         let touchobj = e.changedTouches[0];
         if (this.isVertical()) {
-            this.changePageOnTouch(e, (touchobj.pageY - this.startPos.y));
+            this.changePageOnTouch(e, touchobj.pageY - this.startPos.y);
         }
         else {
-            this.changePageOnTouch(e, (touchobj.pageX - this.startPos.x));
+            this.changePageOnTouch(e, touchobj.pageX - this.startPos.x);
         }
     }
     changePageOnTouch(e, diff) {
@@ -465,106 +464,126 @@ class Carousel {
 }
 Carousel.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: Carousel, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component });
 Carousel.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: Carousel, selector: "p-carousel", inputs: { page: "page", numVisible: "numVisible", numScroll: "numScroll", responsiveOptions: "responsiveOptions", orientation: "orientation", verticalViewPortHeight: "verticalViewPortHeight", contentClass: "contentClass", indicatorsContentClass: "indicatorsContentClass", indicatorsContentStyle: "indicatorsContentStyle", indicatorStyleClass: "indicatorStyleClass", indicatorStyle: "indicatorStyle", value: "value", circular: "circular", showIndicators: "showIndicators", showNavigators: "showNavigators", autoplayInterval: "autoplayInterval", style: "style", styleClass: "styleClass" }, outputs: { onPage: "onPage" }, host: { classAttribute: "p-element" }, queries: [{ propertyName: "headerFacet", first: true, predicate: Header, descendants: true }, { propertyName: "footerFacet", first: true, predicate: Footer, descendants: true }, { propertyName: "templates", predicate: PrimeTemplate }], viewQueries: [{ propertyName: "itemsContainer", first: true, predicate: ["itemsContainer"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
-		<div [attr.id]="id" [ngClass]="{'p-carousel p-component':true, 'p-carousel-vertical': isVertical(), 'p-carousel-horizontal': !isVertical()}" [ngStyle]="style" [class]="styleClass">
-			<div class="p-carousel-header" *ngIf="headerFacet || headerTemplate">
+        <div [attr.id]="id" [ngClass]="{ 'p-carousel p-component': true, 'p-carousel-vertical': isVertical(), 'p-carousel-horizontal': !isVertical() }" [ngStyle]="style" [class]="styleClass">
+            <div class="p-carousel-header" *ngIf="headerFacet || headerTemplate">
                 <ng-content select="p-header"></ng-content>
                 <ng-container *ngTemplateOutlet="headerTemplate"></ng-container>
-			</div>
-			<div [class]="contentClass" [ngClass]="'p-carousel-content'">
-				<div class="p-carousel-container">
-					<button type="button" *ngIf="showNavigators" [ngClass]="{'p-carousel-prev p-link':true, 'p-disabled': isBackwardNavDisabled()}" [disabled]="isBackwardNavDisabled()" (click)="navBackward($event)" pRipple>
-						<span [ngClass]="{'p-carousel-prev-icon pi': true, 'pi-chevron-left': !isVertical(), 'pi-chevron-up': isVertical()}"></span>
-					</button>
-					<div class="p-carousel-items-content" [ngStyle]="{'height': isVertical() ? verticalViewPortHeight : 'auto'}">
-						<div #itemsContainer class="p-carousel-items-container" (transitionend)="onTransitionEnd()" (touchend)="onTouchEnd($event)" (touchstart)="onTouchStart($event)" (touchmove)="onTouchMove($event)">
-                            <div *ngFor="let item of clonedItemsForStarting; let index = index" [ngClass]= "{'p-carousel-item p-carousel-item-cloned': true,
-                                'p-carousel-item-active': (totalShiftedItems * -1) === (value.length),
-							    'p-carousel-item-start': 0 === index,
-							    'p-carousel-item-end': (clonedItemsForStarting.length - 1) === index}">
-								<ng-container *ngTemplateOutlet="itemTemplate; context: {$implicit: item}"></ng-container>
-							</div>
-                            <div *ngFor="let item of value; let index = index" [ngClass]= "{'p-carousel-item': true,
-                                'p-carousel-item-active': (firstIndex() <= index && lastIndex() >= index),
-							    'p-carousel-item-start': firstIndex() === index,
-							    'p-carousel-item-end': lastIndex() === index}">
-								<ng-container *ngTemplateOutlet="itemTemplate; context: {$implicit: item}"></ng-container>
-							</div>
-                            <div *ngFor="let item of clonedItemsForFinishing; let index = index" [ngClass]= "{'p-carousel-item p-carousel-item-cloned': true,
-                                'p-carousel-item-active': ((totalShiftedItems *-1) === numVisible),
-							    'p-carousel-item-start': 0 === index,
-							    'p-carousel-item-end': (clonedItemsForFinishing.length - 1) === index}">
-								<ng-container *ngTemplateOutlet="itemTemplate; context: {$implicit: item}"></ng-container>
-							</div>
-						</div>
-					</div>
-					<button type="button" *ngIf="showNavigators" [ngClass]="{'p-carousel-next p-link': true, 'p-disabled': isForwardNavDisabled()}" [disabled]="isForwardNavDisabled()" (click)="navForward($event)" pRipple>
-						<span [ngClass]="{'p-carousel-prev-icon pi': true, 'pi-chevron-right': !isVertical(), 'pi-chevron-down': isVertical()}"></span>
-					</button>
-				</div>
-				<ul [ngClass]="'p-carousel-indicators p-reset'" [class]="indicatorsContentClass" [ngStyle]="indicatorsContentStyle" *ngIf="showIndicators">
-					<li *ngFor="let totalDot of totalDotsArray(); let i = index" [ngClass]="{'p-carousel-indicator':true,'p-highlight': _page === i}">
-						<button type="button" [ngClass]="'p-link'" (click)="onDotClick($event, i)" [class]="indicatorStyleClass" [ngStyle]="indicatorStyle"></button>
-					</li>
-				</ul>
-			</div>
-			<div class="p-carousel-footer" *ngIf="footerFacet || footerTemplate">
+            </div>
+            <div [class]="contentClass" [ngClass]="'p-carousel-content'">
+                <div class="p-carousel-container">
+                    <button type="button" *ngIf="showNavigators" [ngClass]="{ 'p-carousel-prev p-link': true, 'p-disabled': isBackwardNavDisabled() }" [disabled]="isBackwardNavDisabled()" (click)="navBackward($event)" pRipple>
+                        <span [ngClass]="{ 'p-carousel-prev-icon pi': true, 'pi-chevron-left': !isVertical(), 'pi-chevron-up': isVertical() }"></span>
+                    </button>
+                    <div class="p-carousel-items-content" [ngStyle]="{ height: isVertical() ? verticalViewPortHeight : 'auto' }">
+                        <div #itemsContainer class="p-carousel-items-container" (transitionend)="onTransitionEnd()" (touchend)="onTouchEnd($event)" (touchstart)="onTouchStart($event)" (touchmove)="onTouchMove($event)">
+                            <div
+                                *ngFor="let item of clonedItemsForStarting; let index = index"
+                                [ngClass]="{
+                                    'p-carousel-item p-carousel-item-cloned': true,
+                                    'p-carousel-item-active': totalShiftedItems * -1 === value.length,
+                                    'p-carousel-item-start': 0 === index,
+                                    'p-carousel-item-end': clonedItemsForStarting.length - 1 === index
+                                }"
+                            >
+                                <ng-container *ngTemplateOutlet="itemTemplate; context: { $implicit: item }"></ng-container>
+                            </div>
+                            <div
+                                *ngFor="let item of value; let index = index"
+                                [ngClass]="{ 'p-carousel-item': true, 'p-carousel-item-active': firstIndex() <= index && lastIndex() >= index, 'p-carousel-item-start': firstIndex() === index, 'p-carousel-item-end': lastIndex() === index }"
+                            >
+                                <ng-container *ngTemplateOutlet="itemTemplate; context: { $implicit: item }"></ng-container>
+                            </div>
+                            <div
+                                *ngFor="let item of clonedItemsForFinishing; let index = index"
+                                [ngClass]="{
+                                    'p-carousel-item p-carousel-item-cloned': true,
+                                    'p-carousel-item-active': totalShiftedItems * -1 === numVisible,
+                                    'p-carousel-item-start': 0 === index,
+                                    'p-carousel-item-end': clonedItemsForFinishing.length - 1 === index
+                                }"
+                            >
+                                <ng-container *ngTemplateOutlet="itemTemplate; context: { $implicit: item }"></ng-container>
+                            </div>
+                        </div>
+                    </div>
+                    <button type="button" *ngIf="showNavigators" [ngClass]="{ 'p-carousel-next p-link': true, 'p-disabled': isForwardNavDisabled() }" [disabled]="isForwardNavDisabled()" (click)="navForward($event)" pRipple>
+                        <span [ngClass]="{ 'p-carousel-prev-icon pi': true, 'pi-chevron-right': !isVertical(), 'pi-chevron-down': isVertical() }"></span>
+                    </button>
+                </div>
+                <ul [ngClass]="'p-carousel-indicators p-reset'" [class]="indicatorsContentClass" [ngStyle]="indicatorsContentStyle" *ngIf="showIndicators">
+                    <li *ngFor="let totalDot of totalDotsArray(); let i = index" [ngClass]="{ 'p-carousel-indicator': true, 'p-highlight': _page === i }">
+                        <button type="button" [ngClass]="'p-link'" (click)="onDotClick($event, i)" [class]="indicatorStyleClass" [ngStyle]="indicatorStyle"></button>
+                    </li>
+                </ul>
+            </div>
+            <div class="p-carousel-footer" *ngIf="footerFacet || footerTemplate">
                 <ng-content select="p-footer"></ng-content>
                 <ng-container *ngTemplateOutlet="footerTemplate"></ng-container>
-			</div>
-		</div>
+            </div>
+        </div>
     `, isInline: true, styles: [".p-carousel{display:flex;flex-direction:column}.p-carousel-content{display:flex;flex-direction:column;overflow:auto}.p-carousel-prev,.p-carousel-next{align-self:center;flex-grow:0;flex-shrink:0;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.p-carousel-container{display:flex;flex-direction:row}.p-carousel-items-content{overflow:hidden;width:100%}.p-carousel-items-container{display:flex;flex-direction:row}.p-carousel-indicators{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap}.p-carousel-indicator>button{display:flex;align-items:center;justify-content:center}.p-carousel-vertical .p-carousel-container{flex-direction:column}.p-carousel-vertical .p-carousel-items-container{flex-direction:column;height:100%}.p-items-hidden .p-carousel-item{visibility:hidden}.p-items-hidden .p-carousel-item.p-carousel-item-active{visibility:visible}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.Ripple, selector: "[pRipple]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: Carousel, decorators: [{
             type: Component,
             args: [{ selector: 'p-carousel', template: `
-		<div [attr.id]="id" [ngClass]="{'p-carousel p-component':true, 'p-carousel-vertical': isVertical(), 'p-carousel-horizontal': !isVertical()}" [ngStyle]="style" [class]="styleClass">
-			<div class="p-carousel-header" *ngIf="headerFacet || headerTemplate">
+        <div [attr.id]="id" [ngClass]="{ 'p-carousel p-component': true, 'p-carousel-vertical': isVertical(), 'p-carousel-horizontal': !isVertical() }" [ngStyle]="style" [class]="styleClass">
+            <div class="p-carousel-header" *ngIf="headerFacet || headerTemplate">
                 <ng-content select="p-header"></ng-content>
                 <ng-container *ngTemplateOutlet="headerTemplate"></ng-container>
-			</div>
-			<div [class]="contentClass" [ngClass]="'p-carousel-content'">
-				<div class="p-carousel-container">
-					<button type="button" *ngIf="showNavigators" [ngClass]="{'p-carousel-prev p-link':true, 'p-disabled': isBackwardNavDisabled()}" [disabled]="isBackwardNavDisabled()" (click)="navBackward($event)" pRipple>
-						<span [ngClass]="{'p-carousel-prev-icon pi': true, 'pi-chevron-left': !isVertical(), 'pi-chevron-up': isVertical()}"></span>
-					</button>
-					<div class="p-carousel-items-content" [ngStyle]="{'height': isVertical() ? verticalViewPortHeight : 'auto'}">
-						<div #itemsContainer class="p-carousel-items-container" (transitionend)="onTransitionEnd()" (touchend)="onTouchEnd($event)" (touchstart)="onTouchStart($event)" (touchmove)="onTouchMove($event)">
-                            <div *ngFor="let item of clonedItemsForStarting; let index = index" [ngClass]= "{'p-carousel-item p-carousel-item-cloned': true,
-                                'p-carousel-item-active': (totalShiftedItems * -1) === (value.length),
-							    'p-carousel-item-start': 0 === index,
-							    'p-carousel-item-end': (clonedItemsForStarting.length - 1) === index}">
-								<ng-container *ngTemplateOutlet="itemTemplate; context: {$implicit: item}"></ng-container>
-							</div>
-                            <div *ngFor="let item of value; let index = index" [ngClass]= "{'p-carousel-item': true,
-                                'p-carousel-item-active': (firstIndex() <= index && lastIndex() >= index),
-							    'p-carousel-item-start': firstIndex() === index,
-							    'p-carousel-item-end': lastIndex() === index}">
-								<ng-container *ngTemplateOutlet="itemTemplate; context: {$implicit: item}"></ng-container>
-							</div>
-                            <div *ngFor="let item of clonedItemsForFinishing; let index = index" [ngClass]= "{'p-carousel-item p-carousel-item-cloned': true,
-                                'p-carousel-item-active': ((totalShiftedItems *-1) === numVisible),
-							    'p-carousel-item-start': 0 === index,
-							    'p-carousel-item-end': (clonedItemsForFinishing.length - 1) === index}">
-								<ng-container *ngTemplateOutlet="itemTemplate; context: {$implicit: item}"></ng-container>
-							</div>
-						</div>
-					</div>
-					<button type="button" *ngIf="showNavigators" [ngClass]="{'p-carousel-next p-link': true, 'p-disabled': isForwardNavDisabled()}" [disabled]="isForwardNavDisabled()" (click)="navForward($event)" pRipple>
-						<span [ngClass]="{'p-carousel-prev-icon pi': true, 'pi-chevron-right': !isVertical(), 'pi-chevron-down': isVertical()}"></span>
-					</button>
-				</div>
-				<ul [ngClass]="'p-carousel-indicators p-reset'" [class]="indicatorsContentClass" [ngStyle]="indicatorsContentStyle" *ngIf="showIndicators">
-					<li *ngFor="let totalDot of totalDotsArray(); let i = index" [ngClass]="{'p-carousel-indicator':true,'p-highlight': _page === i}">
-						<button type="button" [ngClass]="'p-link'" (click)="onDotClick($event, i)" [class]="indicatorStyleClass" [ngStyle]="indicatorStyle"></button>
-					</li>
-				</ul>
-			</div>
-			<div class="p-carousel-footer" *ngIf="footerFacet || footerTemplate">
+            </div>
+            <div [class]="contentClass" [ngClass]="'p-carousel-content'">
+                <div class="p-carousel-container">
+                    <button type="button" *ngIf="showNavigators" [ngClass]="{ 'p-carousel-prev p-link': true, 'p-disabled': isBackwardNavDisabled() }" [disabled]="isBackwardNavDisabled()" (click)="navBackward($event)" pRipple>
+                        <span [ngClass]="{ 'p-carousel-prev-icon pi': true, 'pi-chevron-left': !isVertical(), 'pi-chevron-up': isVertical() }"></span>
+                    </button>
+                    <div class="p-carousel-items-content" [ngStyle]="{ height: isVertical() ? verticalViewPortHeight : 'auto' }">
+                        <div #itemsContainer class="p-carousel-items-container" (transitionend)="onTransitionEnd()" (touchend)="onTouchEnd($event)" (touchstart)="onTouchStart($event)" (touchmove)="onTouchMove($event)">
+                            <div
+                                *ngFor="let item of clonedItemsForStarting; let index = index"
+                                [ngClass]="{
+                                    'p-carousel-item p-carousel-item-cloned': true,
+                                    'p-carousel-item-active': totalShiftedItems * -1 === value.length,
+                                    'p-carousel-item-start': 0 === index,
+                                    'p-carousel-item-end': clonedItemsForStarting.length - 1 === index
+                                }"
+                            >
+                                <ng-container *ngTemplateOutlet="itemTemplate; context: { $implicit: item }"></ng-container>
+                            </div>
+                            <div
+                                *ngFor="let item of value; let index = index"
+                                [ngClass]="{ 'p-carousel-item': true, 'p-carousel-item-active': firstIndex() <= index && lastIndex() >= index, 'p-carousel-item-start': firstIndex() === index, 'p-carousel-item-end': lastIndex() === index }"
+                            >
+                                <ng-container *ngTemplateOutlet="itemTemplate; context: { $implicit: item }"></ng-container>
+                            </div>
+                            <div
+                                *ngFor="let item of clonedItemsForFinishing; let index = index"
+                                [ngClass]="{
+                                    'p-carousel-item p-carousel-item-cloned': true,
+                                    'p-carousel-item-active': totalShiftedItems * -1 === numVisible,
+                                    'p-carousel-item-start': 0 === index,
+                                    'p-carousel-item-end': clonedItemsForFinishing.length - 1 === index
+                                }"
+                            >
+                                <ng-container *ngTemplateOutlet="itemTemplate; context: { $implicit: item }"></ng-container>
+                            </div>
+                        </div>
+                    </div>
+                    <button type="button" *ngIf="showNavigators" [ngClass]="{ 'p-carousel-next p-link': true, 'p-disabled': isForwardNavDisabled() }" [disabled]="isForwardNavDisabled()" (click)="navForward($event)" pRipple>
+                        <span [ngClass]="{ 'p-carousel-prev-icon pi': true, 'pi-chevron-right': !isVertical(), 'pi-chevron-down': isVertical() }"></span>
+                    </button>
+                </div>
+                <ul [ngClass]="'p-carousel-indicators p-reset'" [class]="indicatorsContentClass" [ngStyle]="indicatorsContentStyle" *ngIf="showIndicators">
+                    <li *ngFor="let totalDot of totalDotsArray(); let i = index" [ngClass]="{ 'p-carousel-indicator': true, 'p-highlight': _page === i }">
+                        <button type="button" [ngClass]="'p-link'" (click)="onDotClick($event, i)" [class]="indicatorStyleClass" [ngStyle]="indicatorStyle"></button>
+                    </li>
+                </ul>
+            </div>
+            <div class="p-carousel-footer" *ngIf="footerFacet || footerTemplate">
                 <ng-content select="p-footer"></ng-content>
                 <ng-container *ngTemplateOutlet="footerTemplate"></ng-container>
-			</div>
-		</div>
+            </div>
+        </div>
     `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
-                        'class': 'p-element'
+                        class: 'p-element'
                     }, styles: [".p-carousel{display:flex;flex-direction:column}.p-carousel-content{display:flex;flex-direction:column;overflow:auto}.p-carousel-prev,.p-carousel-next{align-self:center;flex-grow:0;flex-shrink:0;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.p-carousel-container{display:flex;flex-direction:row}.p-carousel-items-content{overflow:hidden;width:100%}.p-carousel-items-container{display:flex;flex-direction:row}.p-carousel-indicators{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap}.p-carousel-indicator>button{display:flex;align-items:center;justify-content:center}.p-carousel-vertical .p-carousel-container{flex-direction:column}.p-carousel-vertical .p-carousel-items-container{flex-direction:column;height:100%}.p-items-hidden .p-carousel-item{visibility:hidden}.p-items-hidden .p-carousel-item.p-carousel-item-active{visibility:visible}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: Document, decorators: [{
                     type: Inject,