1 line
60 KiB
Plaintext
1 line
60 KiB
Plaintext
|
{"version":3,"file":"primeng-carousel.mjs","sources":["../../src/app/components/carousel/carousel.ts","../../src/app/components/carousel/primeng-carousel.ts"],"sourcesContent":["import { CommonModule, DOCUMENT, isPlatformBrowser } from '@angular/common';\nimport {\n AfterContentInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChild,\n ContentChildren,\n ElementRef,\n EventEmitter,\n Inject,\n Input,\n NgModule,\n NgZone,\n Output,\n PLATFORM_ID,\n QueryList,\n Renderer2,\n SimpleChanges,\n TemplateRef,\n ViewChild,\n ViewEncapsulation,\n booleanAttribute,\n numberAttribute\n} from '@angular/core';\nimport { Footer, Header, PrimeTemplate, SharedModule } from 'primeng/api';\nimport { ChevronDownIcon } from 'primeng/icons/chevrondown';\nimport { ChevronLeftIcon } from 'primeng/icons/chevronleft';\nimport { ChevronRightIcon } from 'primeng/icons/chevronright';\nimport { ChevronUpIcon } from 'primeng/icons/chevronup';\nimport { RippleModule } from 'primeng/ripple';\nimport { UniqueComponentId } from 'primeng/utils';\nimport { CarouselPageEvent, CarouselResponsiveOptions } from './carousel.interface';\nimport { PrimeNGConfig } from 'primeng/api';\nimport { DomHandler } from 'primeng/dom';\n/**\n * Carousel is a content slider featuring various customization options.\n * @group Components\n */\n@Component({\n selector: 'p-carousel',\n template: `\n <div [attr.id]=\"id\" [ngClass]=\"{ 'p-carousel p-component': true, 'p-carousel-vertical': isVertical(), 'p-carousel-horizontal': !isVertical() }\" [ngStyle]=\"style\" [class]=\"styleClass\" role=\"region\">\n <div class=\"p-carousel-header\" *ngIf=\"headerFacet || headerTemplate\">\n <ng-content select=\"p-header\"></ng-content>\n <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n </div>\n <div [class]=\"contentClass\" [ngClass]=\"'p-carousel-content'\">\n <div class=\"p-carousel-container\" [attr.aria-live]=\"allowAutoplay ? 'polite' : 'off'\">\n <button\n type=\"button\"\n *ngIf=\"showNavigators\"\n [ngClass]=\"{ 'p-carousel-prev p-link': true, 'p-disabled': isBackwardNavDisabled() }\"\n [disabled]=\"isBackwardNavDisabled()\"\n [attr.aria-label]=\"ariaPrevButtonLabel()\"\n (click)=\"navBackward($event)\"\n pRipple\n >\n <ng-container *ngIf=\"!previousIconTemplate\">\n <ChevronLeftIcon *ngIf=\"!isVertical()\" [styleClass]=\"'carousel-prev-icon'\" />\n <ChevronUpIcon *ngIf=\"isVertical()\" [styleClass]=\"'carousel-prev-icon'\" />\n </ng-container>\n <span *ngIf=\"previousIconTemplate\" class=\"p-carousel-prev-icon\">\n <ng-template *ngTemplateOutlet=\"previousIconTemplate\"></ng-template>\n </span>\n </button>\n <div class=\"p-carousel-items-content\" [ngStyle]=\"{ height: isVertical() ? verticalViewPortHeight : 'auto' }\" (touchend)=\"onTouchEnd($event)\" (touchstart)=\"onTouchStart($event)\" (touchmove)=\"onTouchMove($event)\">\n <div #itemsContainer class=\"p-carousel-items-container\" (transitionend)=\"onTransitionEnd()\">\n <div\n *ngFor=\"let item of clonedItemsForStarting; let index = index\"\n [ngClass]=\"{\n 'p-carousel-item p-carousel-item-cloned': true,\n 'p-carousel-item-active': totalShiftedItems * -1 === value.length,\n 'p-carousel-item-start': 0 === index,\n 'p-carousel-item-end': clonedItemsForStarting.length - 1 === i
|