1 line
84 KiB
Plaintext
1 line
84 KiB
Plaintext
|
{"version":3,"file":"primeng-scroller.mjs","sources":["../../src/app/components/scroller/scroller.ts","../../src/app/components/scroller/primeng-scroller.ts"],"sourcesContent":["import { CommonModule, DOCUMENT, isPlatformBrowser } from '@angular/common';\nimport {\n AfterContentInit,\n AfterViewChecked,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChildren,\n ElementRef,\n EventEmitter,\n Inject,\n Input,\n NgModule,\n NgZone,\n OnDestroy,\n OnInit,\n Output,\n PLATFORM_ID,\n QueryList,\n Renderer2,\n SimpleChanges,\n TemplateRef,\n ViewChild,\n ViewEncapsulation\n} from '@angular/core';\nimport { PrimeTemplate, ScrollerOptions, SharedModule } from 'primeng/api';\nimport { DomHandler } from 'primeng/dom';\nimport { SpinnerIcon } from 'primeng/icons/spinner';\nimport { Nullable, VoidListener } from 'primeng/ts-helpers';\nimport { ScrollerLazyLoadEvent, ScrollerScrollEvent, ScrollerScrollIndexChangeEvent, ScrollerToType } from './scroller.interface';\n/**\n * Scroller is a performance-approach to handle huge data efficiently.\n * @group Components\n */\n@Component({\n selector: 'p-scroller',\n template: `\n <ng-container *ngIf=\"!_disabled; else disabledContainer\">\n <div\n #element\n [attr.id]=\"_id\"\n [attr.tabindex]=\"tabindex\"\n [ngStyle]=\"_style\"\n [class]=\"_styleClass\"\n [ngClass]=\"{ 'p-scroller': true, 'p-scroller-inline': inline, 'p-both-scroll': both, 'p-horizontal-scroll': horizontal }\"\n (scroll)=\"onContainerScroll($event)\"\n [attr.data-pc-name]=\"'scroller'\"\n [attr.data-pc-section]=\"'root'\"\n >\n <ng-container *ngIf=\"contentTemplate; else buildInContent\">\n <ng-container *ngTemplateOutlet=\"contentTemplate; context: { $implicit: loadedItems, options: getContentOptions() }\"></ng-container>\n </ng-container>\n <ng-template #buildInContent>\n <div #content class=\"p-scroller-content\" [ngClass]=\"{ 'p-scroller-loading': d_loading }\" [ngStyle]=\"contentStyle\" [attr.data-pc-section]=\"'content'\">\n <ng-container *ngFor=\"let item of loadedItems; let index = index; trackBy: _trackBy || index\">\n <ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item, options: getOptions(index) }\"></ng-container>\n </ng-container>\n </div>\n </ng-template>\n <div *ngIf=\"_showSpacer\" class=\"p-scroller-spacer\" [ngStyle]=\"spacerStyle\" [attr.data-pc-section]=\"'spacer'\"></div>\n <div *ngIf=\"!loaderDisabled && _showLoader && d_loading\" class=\"p-scroller-loader\" [ngClass]=\"{ 'p-component-overlay': !loaderTemplate }\" [attr.data-pc-section]=\"'loader'\">\n <ng-container *ngIf=\"loaderTemplate; else buildInLoader\">\n <ng-container *ngFor=\"let item of loaderArr; let index = index\">\n <ng-container *ngTemplateOutlet=\"loaderTemplate; context: { options: getLoaderOptions(index, both && { numCols: _numItemsInViewport.cols }) }\"></ng-container>\n </ng-container>\n </ng-container>\n <ng-template #buildInLoader>\n <ng-container *ngIf=\"loaderIconTemplate; else buildInLoaderIcon\">\n <ng-container *ngTemplateOutlet=\"loaderIconTemplate; context: { options: { styleClass: 'p-scroller-loading-icon' } }\"></ng-container>\n </ng-container>\n <ng-template #buildInLoaderIcon>\n <SpinnerIcon [styleClass]=\"'p-scroller-loading-icon pi-spin'\" [attr.data-pc-section]=\"'loadingIcon'\" />\n </ng-template>\n </ng-template>\n </d
|