File: /var/www/vhost/disk-apps/pwa.sports-crowd.com/node_modules/@ngu/carousel/fesm2022/ngu-carousel.mjs
import * as i0 from '@angular/core';
import { InjectionToken, inject, PLATFORM_ID, Directive, Injectable, Inject, EventEmitter, ElementRef, Component, ChangeDetectionStrategy, Input, Output, ContentChildren, ViewChild, ContentChild, HostBinding, NgModule } from '@angular/core';
import { defer, shareReplay, Subject, map, takeUntil, fromEvent, Observable, timer, interval, merge, EMPTY } from 'rxjs';
import { takeUntil as takeUntil$1, switchMap, map as map$1, startWith, debounceTime, filter } from 'rxjs/operators';
import { isPlatformBrowser, CommonModule } from '@angular/common';
class NguCarouselStore {
constructor(touch = new Touch(), vertical = new Vertical(), interval, transform = new Transfrom(), button, visibleItems, deviceType, type = 'fixed', token = '', items = 0, load = 0, deviceWidth = 0, carouselWidth = 0, itemWidth = 0, slideItems = 0, itemWidthPer = 0, itemLength = 0, currentSlide = 0, easing = 'cubic-bezier(0, 0, 0.2, 1)', speed = 200, loop = false, dexVal = 0, touchTransform = 0, isEnd = false, isFirst = true, isLast = false, RTL = false, point = true, velocity = 1) {
this.touch = touch;
this.vertical = vertical;
this.interval = interval;
this.transform = transform;
this.button = button;
this.visibleItems = visibleItems;
this.deviceType = deviceType;
this.type = type;
this.token = token;
this.items = items;
this.load = load;
this.deviceWidth = deviceWidth;
this.carouselWidth = carouselWidth;
this.itemWidth = itemWidth;
this.slideItems = slideItems;
this.itemWidthPer = itemWidthPer;
this.itemLength = itemLength;
this.currentSlide = currentSlide;
this.easing = easing;
this.speed = speed;
this.loop = loop;
this.dexVal = dexVal;
this.touchTransform = touchTransform;
this.isEnd = isEnd;
this.isFirst = isFirst;
this.isLast = isLast;
this.RTL = RTL;
this.point = point;
this.velocity = velocity;
}
}
class ItemsControl {
}
class Vertical {
}
class NguButton {
}
class Touch {
}
// This is misspelled. Must be changed to `Transform`.
class Transfrom {
constructor(xs = 0, sm = 0, md = 0, lg = 0, all = 0) {
this.xs = xs;
this.sm = sm;
this.md = md;
this.lg = lg;
this.all = all;
this.xl = 0;
}
}
/**
* Default values
* {sm: 768, md: 992, lg: 1200, xl: 1200}
*
* Bootstrap values:
* {sm: 576, md: 768, lg: 992, xl: 1200}
*/
class Breakpoints {
constructor(sm = 768, md = 992, lg = 1200, xl = 1200) {
this.sm = sm;
this.md = md;
this.lg = lg;
this.xl = xl;
}
}
class NguCarouselConfig {
}
class NguCarouselOutletContext {
constructor(data) {
this.$implicit = data;
}
}
const IS_BROWSER = new InjectionToken('IS_BROWSER', {
providedIn: 'root',
factory: () => isPlatformBrowser(inject(PLATFORM_ID))
});
class NguCarouselItemDirective {
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: NguCarouselItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.1", type: NguCarouselItemDirective, selector: "[NguCarouselItem]", ngImport: i0 }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: NguCarouselItemDirective, decorators: [{
type: Directive,
args: [{
selector: '[NguCarouselItem]'
}]
}] });
class NguCarouselNextDirective {
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: NguCarouselNextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.1", type: NguCarouselNextDirective, selector: "[NguCarouselNext]", ngImport: i0 }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: NguCarouselNextDirective, decorators: [{
type: Directive,
args: [{
selector: '[NguCarouselNext]'
}]
}] });
class NguCarouselPrevDirective {
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: NguCarouselPrevDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.1", type: NguCarouselPrevDirective, selector: "[NguCarouselPrev]", ngImport: i0 }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: NguCarouselPrevDirective, decorators: [{
type: Directive,
args: [{
selector: '[NguCarouselPrev]'
}]
}] });
class NguCarouselPointDirective {
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: NguCarouselPointDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.1", type: NguCarouselPointDirective, selector: "[NguCarouselPoint]", ngImport: i0 }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: NguCarouselPointDirective, decorators: [{
type: Directive,
args: [{
selector: '[NguCarouselPoint]'
}]
}] });
class NguCarouselDefDirective {
constructor(template) {
this.template = template;
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: NguCarouselDefDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.1", type: NguCarouselDefDirective, selector: "[nguCarouselDef]", ngImport: i0 }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: NguCarouselDefDirective, decorators: [{
type: Directive,
args: [{
// eslint-disable-next-line @angular-eslint/directive-selector
selector: '[nguCarouselDef]'
}]
}], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
class NguCarouselOutlet {
constructor(viewContainer) {
this.viewContainer = viewContainer;
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: NguCarouselOutlet, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.1", type: NguCarouselOutlet, selector: "[nguCarouselOutlet]", ngImport: i0 }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: NguCarouselOutlet, decorators: [{
type: Directive,
args: [{
// eslint-disable-next-line @angular-eslint/directive-selector
selector: '[nguCarouselOutlet]'
}]
}], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
class NguHammerLoader {
constructor() {
this._hammer$ = defer(() => import('hammerjs')).pipe(shareReplay({ bufferSize: 1, refCount: true }));
}
load() {
return this._hammer$;
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: NguHammerLoader, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: NguHammerLoader, providedIn: 'root' }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: NguHammerLoader, decorators: [{
type: Injectable,
args: [{ providedIn: 'root' }]
}] });
class NguCarouselHammerManager {
constructor(_ngZone, _nguHammerLoader) {
this._ngZone = _ngZone;
this._nguHammerLoader = _nguHammerLoader;
this._destroy$ = new Subject();
}
ngOnDestroy() {
this._destroy$.next();
}
createHammer(element) {
return this._nguHammerLoader.load().pipe(map(() =>
// Note: The Hammer manager should be created outside of the Angular zone since it sets up
// `pointermove` event listener which triggers change detection every time the pointer is moved.
this._ngZone.runOutsideAngular(() => new Hammer(element))),
// Note: the dynamic import is always a microtask which may run after the view is destroyed.
// `takeUntil` is used to prevent setting Hammer up if the view had been destroyed before
// the HammerJS is loaded.
takeUntil(this._destroy$));
}
on(hammer, event) {
return fromEvent(hammer, event).pipe(
// Note: We have to re-enter the Angular zone because Hammer would trigger events outside of the
// Angular zone (since we set it up with `runOutsideAngular`).
enterNgZone(this._ngZone), takeUntil(this._destroy$));
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: NguCarouselHammerManager, deps: [{ token: i0.NgZone }, { token: NguHammerLoader }], target: i0.ɵɵFactoryTarget.Injectable }); }
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: NguCarouselHammerManager }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: NguCarouselHammerManager, decorators: [{
type: Injectable
}], ctorParameters: function () { return [{ type: i0.NgZone }, { type: NguHammerLoader }]; } });
function enterNgZone(ngZone) {
return (source) => new Observable(subscriber => source.subscribe({
next: value => ngZone.run(() => subscriber.next(value)),
error: error => ngZone.run(() => subscriber.error(error)),
complete: () => ngZone.run(() => subscriber.complete())
}));
}
class NguWindowScrollListener extends Subject {
constructor(isBrowser, ngZone) {
super();
this._destroy$ = new Subject();
// Note: this service is shared between multiple `NguCarousel` components and each instance
// doesn't add new events listener for the `window`.
if (isBrowser) {
ngZone.runOutsideAngular(() => fromEvent(window, 'scroll').pipe(takeUntil$1(this._destroy$)).subscribe(this));
}
}
ngOnDestroy() {
this._destroy$.next();
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: NguWindowScrollListener, deps: [{ token: IS_BROWSER }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable }); }
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: NguWindowScrollListener, providedIn: 'root' }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: NguWindowScrollListener, decorators: [{
type: Injectable,
args: [{ providedIn: 'root' }]
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
type: Inject,
args: [IS_BROWSER]
}] }, { type: i0.NgZone }]; } });
const NG_DEV_MODE = typeof ngDevMode === 'undefined' || ngDevMode;
class NguCarousel extends NguCarouselStore {
get dataSource() {
return this._dataSource;
}
set dataSource(data) {
if (data) {
this._switchDataSource(data);
}
}
/**
* The setter is used to catch the button if the button is wrapped with `ngIf`.
* https://github.com/uiuniversal/ngu-carousel/issues/91
*/
set nextButton(nextButton) {
this._nextButton$.next(nextButton?.nativeElement);
}
/**
* The setter is used to catch the button if the button is wrapped with `ngIf`.
* https://github.com/uiuniversal/ngu-carousel/issues/91
*/
set prevButton(prevButton) {
this._prevButton$.next(prevButton?.nativeElement);
}
/**
* Tracking function that will be used to check the differences in data changes. Used similarly
* to `ngFor` `trackBy` function. Optimize Items operations by identifying a Items based on its data
* relative to the function to know if a Items should be added/removed/moved.
* Accepts a function that takes two parameters, `index` and `item`.
*/
get trackBy() {
return this._trackByFn;
}
set trackBy(fn) {
if (NG_DEV_MODE && fn != null && typeof fn !== 'function' && console?.warn) {
console.warn(`trackBy must be a function, but received ${JSON.stringify(fn)}.`);
}
this._trackByFn = fn;
}
constructor(_host, _renderer, _differs, _isBrowser, _cdr, _ngZone, _nguWindowScrollListener, _nguCarouselHammerManager) {
super();
this._host = _host;
this._renderer = _renderer;
this._differs = _differs;
this._isBrowser = _isBrowser;
this._cdr = _cdr;
this._ngZone = _ngZone;
this._nguWindowScrollListener = _nguWindowScrollListener;
this._nguCarouselHammerManager = _nguCarouselHammerManager;
/** Public property that may be accessed outside of the component. */
this.activePoint = 0;
/** Public property that may be accessed outside of the component. */
this.pointNumbers = [];
this.carouselLoad = new EventEmitter();
// eslint-disable-next-line @angular-eslint/no-output-on-prefix
this.onMove = new EventEmitter();
this._arrayChanges = null;
this._dataSource = null;
this._intervalController$ = new Subject();
this._hammer = null;
this._withAnimation = true;
this._destroy$ = new Subject();
this.ngu_dirty = true;
this._markedForCheck = false;
/** Subjects used to notify whenever buttons are removed or rendered so we can re-add listeners. */
this._prevButton$ = new Subject();
this._nextButton$ = new Subject();
this._setupButtonListeners();
}
ngDoCheck() {
this._checkChanges();
}
_checkChanges() {
if (this.ngu_dirty) {
this.ngu_dirty = false;
const dataStream = this._dataSource;
if (!this._arrayChanges && !!dataStream) {
this._dataDiffer = this._differs
.find(dataStream)
.create((index, item) => (this.trackBy ? this.trackBy(index, item) : item));
}
}
if (this._dataDiffer) {
this._arrayChanges =
this._markedForCheck && this._arrayChanges
? this._arrayChanges
: this._dataDiffer.diff(this._dataSource);
if (this._arrayChanges) {
this.renderNodeChanges(Array.from(this._dataSource));
}
}
}
_switchDataSource(dataSource) {
this._dataSource = dataSource;
this.ngu_dirty = true;
}
renderNodeChanges(data) {
if (!this._arrayChanges)
return;
this.isLast = this._pointIndex === this.currentSlide;
const viewContainer = this._nodeOutlet.viewContainer;
this._markedForCheck = false;
this._arrayChanges.forEachOperation((item, adjustedPreviousIndex, currentIndex) => {
const node = this._getNodeDef(data[currentIndex], currentIndex);
if (node?.template) {
if (item.previousIndex == null) {
const context = new NguCarouselOutletContext(data[currentIndex]);
context.index = currentIndex;
viewContainer.createEmbeddedView(node.template, context, currentIndex);
}
else if (currentIndex == null) {
viewContainer.remove(adjustedPreviousIndex);
}
else {
const view = viewContainer.get(adjustedPreviousIndex);
viewContainer.move(view, currentIndex);
}
}
});
this._updateItemIndexContext();
if (this._host.nativeElement) {
this._storeCarouselData();
}
}
/**
* Updates the index-related context for each row to reflect any changes in the index of the rows,
* e.g. first/last/even/odd.
*/
_updateItemIndexContext() {
const viewContainer = this._nodeOutlet.viewContainer;
for (let renderIndex = 0, count = viewContainer.length; renderIndex < count; renderIndex++) {
const viewRef = viewContainer.get(renderIndex);
const context = viewRef.context;
context.count = count;
context.first = renderIndex === 0;
context.last = renderIndex === count - 1;
context.even = renderIndex % 2 === 0;
context.odd = !context.even;
context.index = renderIndex;
}
}
_getNodeDef(data, i) {
if (this._defDirectives?.length === 1) {
return this._defDirectives.first;
}
const nodeDef = (this._defDirectives || []).find(def => !!def.when?.(i, data));
return nodeDef;
}
ngAfterViewInit() {
this._inputValidation();
this._carouselCssNode = this._createStyleElem();
if (this._isBrowser) {
this._carouselInterval();
if (!this.vertical.enabled && this.inputs.touch) {
this._setupHammer();
}
this._setupWindowResizeListener();
this._onWindowScrolling();
}
}
ngAfterContentInit() {
this._cdr.markForCheck();
this._defDirectives.changes.subscribe(() => {
this._markedForCheck = true;
this._checkChanges();
});
this._defDirectives.notifyOnChanges();
}
_inputValidation() {
this.inputs.gridBreakpoints = this.inputs.gridBreakpoints
? this.inputs.gridBreakpoints
: new Breakpoints();
if (this.inputs.grid.xl === undefined) {
this.inputs.grid.xl = this.inputs.grid.lg;
}
this.type = this.inputs.grid.all !== 0 ? 'fixed' : 'responsive';
this.loop = this.inputs.loop || false;
this.inputs.easing = this.inputs.easing || 'cubic-bezier(0, 0, 0.2, 1)';
this.touch.active = this.inputs.touch || false;
this.RTL = this.inputs.RTL ? true : false;
this.interval = this.inputs.interval || undefined;
this.velocity = typeof this.inputs.velocity === 'number' ? this.inputs.velocity : this.velocity;
if (this.inputs.vertical && this.inputs.vertical.enabled) {
this.vertical.enabled = this.inputs.vertical.enabled;
this.vertical.height = this.inputs.vertical.height;
}
this._directionSymbol = this.RTL ? '' : '-';
this.point =
this.inputs.point && typeof this.inputs.point.visible !== 'undefined'
? this.inputs.point.visible
: true;
this._carouselSize();
}
ngOnDestroy() {
this._hammer?.destroy();
this._destroy$.next();
}
/** Get Touch input */
_setupHammer() {
// Note: doesn't need to unsubscribe because streams are piped with `takeUntil` already.
this._nguCarouselHammerManager
.createHammer(this._touchContainer.nativeElement)
.subscribe(hammer => {
this._hammer = hammer;
hammer.get('pan').set({ direction: Hammer.DIRECTION_HORIZONTAL });
this._nguCarouselHammerManager.on(hammer, 'panstart').subscribe(() => {
this.carouselWidth = this._nguItemsContainer.nativeElement.offsetWidth;
this.touchTransform = this.transform[this.deviceType];
this.dexVal = 0;
this._setStyle(this._nguItemsContainer.nativeElement, 'transition', '');
});
if (this.vertical.enabled) {
this._nguCarouselHammerManager.on(hammer, 'panup').subscribe((ev) => {
this._touchHandling('panleft', ev);
});
this._nguCarouselHammerManager.on(hammer, 'pandown').subscribe((ev) => {
this._touchHandling('panright', ev);
});
}
else {
this._nguCarouselHammerManager.on(hammer, 'panleft').subscribe((ev) => {
this._touchHandling('panleft', ev);
});
this._nguCarouselHammerManager.on(hammer, 'panright').subscribe((ev) => {
this._touchHandling('panright', ev);
});
}
this._nguCarouselHammerManager.on(hammer, 'panend pancancel').subscribe(({ velocity }) => {
if (Math.abs(velocity) >= this.velocity) {
this.touch.velocity = velocity;
let direc = 0;
if (!this.RTL) {
direc = this.touch.swipe === 'panright' ? 0 : 1;
}
else {
direc = this.touch.swipe === 'panright' ? 1 : 0;
}
this._carouselScrollOne(direc);
}
else {
this.dexVal = 0;
this._setStyle(this._nguItemsContainer.nativeElement, 'transition', 'transform 324ms cubic-bezier(0, 0, 0.2, 1)');
this._setStyle(this._nguItemsContainer.nativeElement, 'transform', '');
}
});
this._nguCarouselHammerManager.on(hammer, 'hammer.input').subscribe(({ srcEvent }) => {
// allow nested touch events to no propagate, this may have other side affects but works for now.
// TODO: It is probably better to check the source element of the event and only apply the handle to the correct carousel
srcEvent.stopPropagation();
});
});
}
/** handle touch input */
_touchHandling(e, ev) {
// vertical touch events seem to cause to panstart event with an odd delta
// and a center of {x:0,y:0} so this will ignore them
if (ev.center.x === 0) {
return;
}
ev = Math.abs(this.vertical.enabled ? ev.deltaY : ev.deltaX);
let valt = ev - this.dexVal;
valt =
this.type === 'responsive'
? (Math.abs(ev - this.dexVal) /
(this.vertical.enabled ? this.vertical.height : this.carouselWidth)) *
100
: valt;
this.dexVal = ev;
this.touch.swipe = e;
this._setTouchTransfrom(e, valt);
this._setTransformFromTouch();
}
_setTouchTransfrom(e, valt) {
const condition = this.RTL ? 'panright' : 'panleft';
this.touchTransform = e === condition ? valt + this.touchTransform : this.touchTransform - valt;
}
_setTransformFromTouch() {
if (this.touchTransform < 0) {
this.touchTransform = 0;
}
const type = this.type === 'responsive' ? '%' : 'px';
this._setStyle(this._nguItemsContainer.nativeElement, 'transform', this.vertical.enabled
? `translate3d(0, ${this._directionSymbol}${this.touchTransform}${type}, 0)`
: `translate3d(${this._directionSymbol}${this.touchTransform}${type}, 0, 0)`);
}
/** this fn used to disable the interval when it is not on the viewport */
_onWindowScrolling() {
const { offsetTop, offsetHeight } = this._host.nativeElement;
const { scrollY: windowScrollY, innerHeight: windowInnerHeight } = window;
const isCarouselOnScreen = offsetTop <= windowScrollY + windowInnerHeight - offsetHeight / 4 &&
offsetHeight + offsetHeight / 2 >= windowScrollY;
if (isCarouselOnScreen) {
this._intervalController$.next(1);
}
else {
this._intervalController$.next(0);
}
}
/** store data based on width of the screen for the carousel */
_storeCarouselData() {
const breakpoints = this.inputs.gridBreakpoints;
this.deviceWidth = this._isBrowser ? window.innerWidth : breakpoints?.xl;
this.carouselWidth = this.carouselMain1.nativeElement.offsetWidth;
if (this.type === 'responsive') {
this.deviceType =
this.deviceWidth >= breakpoints?.xl
? 'xl'
: this.deviceWidth >= breakpoints?.lg
? 'lg'
: this.deviceWidth >= breakpoints?.md
? 'md'
: this.deviceWidth >= breakpoints?.sm
? 'sm'
: 'xs';
this.items = this.inputs.grid[this.deviceType];
this.itemWidth = this.carouselWidth / this.items;
}
else {
this.items = Math.trunc(this.carouselWidth / this.inputs.grid.all);
this.itemWidth = this.inputs.grid.all;
this.deviceType = 'all';
}
this.slideItems = +(this.inputs.slide < this.items ? this.inputs.slide : this.items);
this.load = this.inputs.load >= this.slideItems ? this.inputs.load : this.slideItems;
this.speed = this.inputs.speed && this.inputs.speed > -1 ? this.inputs.speed : 400;
this._carouselPoint();
}
/** Used to reset the carousel */
reset(withoutAnimation) {
withoutAnimation && (this._withAnimation = false);
this._carouselCssNode.textContent = '';
this.moveTo(0);
this._carouselPoint();
}
/** Init carousel point */
_carouselPoint() {
const Nos = Array.from(this._dataSource).length - (this.items - this.slideItems);
this._pointIndex = Math.ceil(Nos / this.slideItems);
const pointers = [];
if (this._pointIndex > 1 || !this.inputs.point?.hideOnSingleSlide) {
for (let i = 0; i < this._pointIndex; i++) {
pointers.push(i);
}
}
this.pointNumbers = pointers;
this._carouselPointActiver();
if (this._pointIndex <= 1) {
this._btnBoolean(1, 1);
}
else {
if (this.currentSlide === 0 && !this.loop) {
this._btnBoolean(1, 0);
}
else {
this._btnBoolean(0, 0);
}
}
}
/** change the active point in carousel */
_carouselPointActiver() {
const i = Math.ceil(this.currentSlide / this.slideItems);
this.activePoint = i;
this._cdr.markForCheck();
}
/** this function is used to scoll the carousel when point is clicked */
moveTo(slide, withoutAnimation) {
// slide = slide - 1;
withoutAnimation && (this._withAnimation = false);
if (this.activePoint !== slide && slide < this._pointIndex) {
let slideremains;
const btns = this.currentSlide < slide ? 1 : 0;
switch (slide) {
case 0:
this._btnBoolean(1, 0);
slideremains = slide * this.slideItems;
break;
case this._pointIndex - 1:
this._btnBoolean(0, 1);
slideremains = Array.from(this._dataSource).length - this.items;
break;
default:
this._btnBoolean(0, 0);
slideremains = slide * this.slideItems;
}
this._carouselScrollTwo(btns, slideremains, this.speed);
}
}
/** set the style of the carousel based the inputs data */
_carouselSize() {
this.token = this._generateID();
let dism = '';
this._styleid = `.${this.token} > .ngucarousel > .ngu-touch-container > .ngucarousel-items`;
if (this.inputs.custom === 'banner') {
this._renderer.addClass(this._host.nativeElement, 'banner');
}
if (this.inputs.animation === 'lazy') {
dism += `${this._styleid} > .item {transition: transform .6s ease;}`;
}
const breakpoints = this.inputs.gridBreakpoints;
let itemStyle = '';
if (this.vertical.enabled) {
const itemWidthXS = `${this._styleid} > .item {height: ${this.vertical.height / +this.inputs.grid.xs}px}`;
const itemWidthSM = `${this._styleid} > .item {height: ${this.vertical.height / +this.inputs.grid.sm}px}`;
const itemWidthMD = `${this._styleid} > .item {height: ${this.vertical.height / +this.inputs.grid.md}px}`;
const itemWidthLG = `${this._styleid} > .item {height: ${this.vertical.height / +this.inputs.grid.lg}px}`;
const itemWidthXL = `${this._styleid} > .item {height: ${this.vertical.height / +this.inputs.grid.xl}px}`;
itemStyle = `@media (max-width:${breakpoints?.sm - 1}px){${itemWidthXS}}
@media (max-width:${breakpoints?.sm}px){${itemWidthSM}}
@media (min-width:${breakpoints?.md}px){${itemWidthMD}}
@media (min-width:${breakpoints?.lg}px){${itemWidthLG}}
@media (min-width:${breakpoints?.xl}px){${itemWidthXL}}`;
}
else if (this.type === 'responsive') {
const itemWidthXS = this.inputs.type === 'mobile'
? `${this._styleid} .item {flex: 0 0 ${95 / +this.inputs.grid.xs}%; width: ${95 / +this.inputs.grid.xs}%;}`
: `${this._styleid} .item {flex: 0 0 ${100 / +this.inputs.grid.xs}%; width: ${100 / +this.inputs.grid.xs}%;}`;
const itemWidthSM = `${this._styleid} > .item {flex: 0 0 ${100 / +this.inputs.grid.sm}%; width: ${100 / +this.inputs.grid.sm}%}`;
const itemWidthMD = `${this._styleid} > .item {flex: 0 0 ${100 / +this.inputs.grid.md}%; width: ${100 / +this.inputs.grid.md}%}`;
const itemWidthLG = `${this._styleid} > .item {flex: 0 0 ${100 / +this.inputs.grid.lg}%; width: ${100 / +this.inputs.grid.lg}%}`;
const itemWidthXL = `${this._styleid} > .item {flex: 0 0 ${100 / +this.inputs.grid.xl}%; width: ${100 / +this.inputs.grid.xl}%}`;
itemStyle = `@media (max-width:${breakpoints?.sm - 1}px){${itemWidthXS}}
@media (min-width:${breakpoints?.sm}px){${itemWidthSM}}
@media (min-width:${breakpoints?.md}px){${itemWidthMD}}
@media (min-width:${breakpoints?.lg}px){${itemWidthLG}}
@media (min-width:${breakpoints?.xl}px){${itemWidthXL}}`;
}
else {
itemStyle = `${this._styleid} .item {flex: 0 0 ${this.inputs.grid.all}px; width: ${this.inputs.grid.all}px;}`;
}
this._renderer.addClass(this._host.nativeElement, this.token);
if (this.vertical.enabled) {
this._renderer.addClass(this._nguItemsContainer.nativeElement, 'nguvertical');
this._renderer.setStyle(this.carouselMain1.nativeElement, 'height', `${this.vertical.height}px`);
}
this.RTL &&
!this.vertical.enabled &&
this._renderer.addClass(this._host.nativeElement, 'ngurtl');
this._createStyleElem(`${dism} ${itemStyle}`);
this._storeCarouselData();
}
/** logic to scroll the carousel step 1 */
_carouselScrollOne(Btn) {
let itemSpeed = this.speed;
let currentSlide = 0;
let touchMove = Math.ceil(this.dexVal / this.itemWidth);
touchMove = isFinite(touchMove) ? touchMove : 0;
this._setStyle(this._nguItemsContainer.nativeElement, 'transform', '');
if (this._pointIndex === 1) {
return;
}
else if (Btn === 0 && ((!this.loop && !this.isFirst) || this.loop)) {
const currentSlideD = this.currentSlide - this.slideItems;
const MoveSlide = currentSlideD + this.slideItems;
this._btnBoolean(0, 1);
if (this.currentSlide === 0) {
currentSlide = Array.from(this._dataSource).length - this.items;
itemSpeed = 400;
this._btnBoolean(0, 1);
}
else if (this.slideItems >= MoveSlide) {
currentSlide = 0;
this._btnBoolean(1, 0);
}
else {
this._btnBoolean(0, 0);
if (touchMove > this.slideItems) {
currentSlide = this.currentSlide - touchMove;
itemSpeed = 200;
}
else {
currentSlide = this.currentSlide - this.slideItems;
}
}
this._carouselScrollTwo(Btn, currentSlide, itemSpeed);
}
else if (Btn === 1 && ((!this.loop && !this.isLast) || this.loop)) {
if (Array.from(this._dataSource).length <= this.currentSlide + this.items + this.slideItems &&
!this.isLast) {
currentSlide = Array.from(this._dataSource).length - this.items;
this._btnBoolean(0, 1);
}
else if (this.isLast) {
currentSlide = 0;
itemSpeed = 400;
this._btnBoolean(1, 0);
}
else {
this._btnBoolean(0, 0);
if (touchMove > this.slideItems) {
currentSlide = this.currentSlide + this.slideItems + (touchMove - this.slideItems);
itemSpeed = 200;
}
else {
currentSlide = this.currentSlide + this.slideItems;
}
}
this._carouselScrollTwo(Btn, currentSlide, itemSpeed);
}
}
/** logic to scroll the carousel step 2 */
_carouselScrollTwo(Btn, currentSlide, itemSpeed) {
if (this.dexVal !== 0) {
const val = Math.abs(this.touch.velocity);
let somt = Math.floor((this.dexVal / val / this.dexVal) * (this.deviceWidth - this.dexVal));
somt = somt > itemSpeed ? itemSpeed : somt;
itemSpeed = somt < 200 ? 200 : somt;
this.dexVal = 0;
}
if (this._withAnimation) {
this._setStyle(this._nguItemsContainer.nativeElement, 'transition', `transform ${itemSpeed}ms ${this.inputs.easing}`);
this.inputs.animation &&
this._carouselAnimator(Btn, currentSlide + 1, currentSlide + this.items, itemSpeed, Math.abs(this.currentSlide - currentSlide));
}
else {
this._setStyle(this._nguItemsContainer.nativeElement, 'transition', ``);
}
this.itemLength = Array.from(this._dataSource).length;
this._transformStyle(currentSlide);
this.currentSlide = currentSlide;
this.onMove.emit(this);
this._carouselPointActiver();
this._carouselLoadTrigger();
this._withAnimation = true;
}
/** boolean function for making isFirst and isLast */
_btnBoolean(first, last) {
this.isFirst = !!first;
this.isLast = !!last;
}
_transformString(grid, slide) {
let collect = '';
collect += `${this._styleid} { transform: translate3d(`;
if (this.vertical.enabled) {
this.transform[grid] = (this.vertical.height / this.inputs.grid[grid]) * slide;
collect += `0, -${this.transform[grid]}px, 0`;
}
else {
this.transform[grid] = (100 / this.inputs.grid[grid]) * slide;
collect += `${this._directionSymbol}${this.transform[grid]}%, 0, 0`;
}
collect += `); }`;
return collect;
}
/** set the transform style to scroll the carousel */
_transformStyle(slide) {
let slideCss = '';
if (this.type === 'responsive') {
const breakpoints = this.inputs.gridBreakpoints;
slideCss = `@media (max-width: ${breakpoints?.sm - 1}px) {${this._transformString('xs', slide)}}
@media (min-width: ${breakpoints?.sm}px) {${this._transformString('sm', slide)} }
@media (min-width: ${breakpoints?.md}px) {${this._transformString('md', slide)} }
@media (min-width: ${breakpoints?.lg}px) {${this._transformString('lg', slide)} }
@media (min-width: ${breakpoints?.xl}px) {${this._transformString('xl', slide)} }`;
}
else {
this.transform.all = this.inputs.grid.all * slide;
slideCss = `${this._styleid} { transform: translate3d(${this._directionSymbol}${this.transform.all}px, 0, 0);`;
}
this._carouselCssNode.textContent = slideCss;
}
/** this will trigger the carousel to load the items */
_carouselLoadTrigger() {
if (typeof this.inputs.load === 'number') {
Array.from(this._dataSource).length - this.load <= this.currentSlide + this.items &&
this.carouselLoad.emit(this.currentSlide);
}
}
/** generate Class for each carousel to set specific style */
_generateID() {
let text = '';
const possible = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
for (let i = 0; i < 6; i++) {
text += possible.charAt(Math.floor(Math.random() * possible.length));
}
return `ngucarousel${text}`;
}
/** handle the auto slide */
_carouselInterval() {
const container = this.carouselMain1.nativeElement;
if (this.interval && this.loop) {
this._nguWindowScrollListener
.pipe(
// Note: do not use `debounceTime` since it may flush queued actions within the Angular zone.
switchMap(() => timer(600)), takeUntil$1(this._destroy$))
.subscribe(() => {
// Note: we don't run change detection on each `scroll` event, but we re-enter the
// Angular zone once the DOM timer fires to be backwards compatible.
// TODO: revisit later since we may not run change detection at all on this task.
this._ngZone.run(() => this._onWindowScrolling());
});
const mapToZero = map$1(() => 0);
const mapToOne = map$1(() => 1);
const play$ = fromEvent(container, 'mouseleave').pipe(mapToOne);
const pause$ = fromEvent(container, 'mouseenter').pipe(mapToZero);
const touchPlay$ = fromEvent(container, 'touchstart').pipe(mapToOne);
const touchPause$ = fromEvent(container, 'touchend').pipe(mapToZero);
const interval$ = interval(this.inputs.interval?.timing).pipe(mapToOne);
const initialDelay = this.interval.initialDelay || 0;
const carouselInterval$ = merge(play$, touchPlay$, pause$, touchPause$, this._intervalController$).pipe(startWith(1), switchMap(val => {
this._cdr.markForCheck();
return val ? interval$ : EMPTY;
}));
timer(initialDelay)
.pipe(switchMap(() => carouselInterval$), takeUntil$1(this._destroy$))
.subscribe(() => {
this._carouselScrollOne(1);
});
}
}
/** animate the carousel items */
_carouselAnimator(direction, start, end, speed, length) {
const viewContainer = this._nodeOutlet.viewContainer;
let val = length < 5 ? length : 5;
val = val === 1 ? 3 : val;
const collectedIndexes = [];
if (direction === 1) {
for (let i = start - 1; i < end; i++) {
collectedIndexes.push(i);
val = val * 2;
const viewRef = viewContainer.get(i);
const context = viewRef.context;
context.animate = { value: true, params: { distance: val } };
}
}
else {
for (let i = end - 1; i >= start - 1; i--) {
collectedIndexes.push(i);
val = val * 2;
const viewRef = viewContainer.get(i);
const context = viewRef.context;
context.animate = { value: true, params: { distance: -val } };
}
}
this._cdr.markForCheck();
timer(speed * 0.7)
.pipe(takeUntil$1(this._destroy$))
.subscribe(() => this._removeAnimations(collectedIndexes));
}
_removeAnimations(collectedIndexes) {
const viewContainer = this._nodeOutlet.viewContainer;
collectedIndexes.forEach(i => {
const viewRef = viewContainer.get(i);
const context = viewRef.context;
context.animate = { value: false, params: { distance: 0 } };
});
this._cdr.markForCheck();
}
/** Short form for setElementStyle */
_setStyle(el, prop, val) {
this._renderer.setStyle(el, prop, val);
}
/** For generating style tag */
_createStyleElem(datas) {
const styleItem = this._renderer.createElement('style');
if (datas) {
const styleText = this._renderer.createText(datas);
this._renderer.appendChild(styleItem, styleText);
}
this._renderer.appendChild(this._host.nativeElement, styleItem);
return styleItem;
}
_setupButtonListeners() {
this._prevButton$
.pipe(
// Returning `EMPTY` will remove event listener once the button is removed from the DOM.
switchMap(prevButton => (prevButton ? fromEvent(prevButton, 'click') : EMPTY)), takeUntil$1(this._destroy$))
.subscribe(() => this._carouselScrollOne(0));
this._nextButton$
.pipe(switchMap(nextButton => (nextButton ? fromEvent(nextButton, 'click') : EMPTY)), takeUntil$1(this._destroy$))
.subscribe(() => this._carouselScrollOne(1));
}
_setupWindowResizeListener() {
this._ngZone.runOutsideAngular(() => fromEvent(window, 'resize')
.pipe(debounceTime(500), filter(() => this.deviceWidth !== window.outerWidth), takeUntil$1(this._destroy$))
.subscribe(() => {
this._setStyle(this._nguItemsContainer.nativeElement, 'transition', ``);
// Re-enter the Angular zone only after `resize` events have been dispatched
// and the timer has run (in `debounceTime`).
this._ngZone.run(() => {
this._storeCarouselData();
this._cdr.markForCheck();
});
}));
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: NguCarousel, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.IterableDiffers }, { token: IS_BROWSER }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: NguWindowScrollListener }, { token: NguCarouselHammerManager }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: NguCarousel, selector: "ngu-carousel", inputs: { inputs: "inputs", dataSource: "dataSource", trackBy: "trackBy" }, outputs: { carouselLoad: "carouselLoad", onMove: "onMove" }, providers: [NguCarouselHammerManager], queries: [{ propertyName: "nextButton", first: true, predicate: NguCarouselNextDirective, descendants: true, read: ElementRef }, { propertyName: "prevButton", first: true, predicate: NguCarouselPrevDirective, descendants: true, read: ElementRef }, { propertyName: "_defDirectives", predicate: NguCarouselDefDirective }], viewQueries: [{ propertyName: "_nodeOutlet", first: true, predicate: NguCarouselOutlet, descendants: true, static: true }, { propertyName: "carouselMain1", first: true, predicate: ["ngucarousel"], descendants: true, read: ElementRef, static: true }, { propertyName: "_nguItemsContainer", first: true, predicate: ["nguItemsContainer"], descendants: true, read: ElementRef, static: true }, { propertyName: "_touchContainer", first: true, predicate: ["touchContainer"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: "<div #ngucarousel class=\"ngucarousel\">\n <ng-content select=\"[NguCarouselPrev]\"></ng-content>\n <div #touchContainer class=\"ngu-touch-container\">\n <div #nguItemsContainer class=\"ngucarousel-items\">\n <ng-container nguCarouselOutlet></ng-container>\n </div>\n </div>\n <div class=\"nguclearFix\"></div>\n <ng-content select=\"[NguCarouselNext]\"></ng-content>\n</div>\n<ng-content select=\"[NguCarouselPoint]\"></ng-content>\n", styles: [":host{display:block;position:relative}:host.ngurtl{direction:rtl}.ngucarousel{position:relative;overflow:hidden;height:100%}.ngucarousel .ngucarousel-items{position:relative;display:flex;height:100%}.nguvertical{flex-direction:column}.banner .ngucarouselPointDefault .ngucarouselPoint{position:absolute;width:100%;bottom:20px}.banner .ngucarouselPointDefault .ngucarouselPoint li{background:rgba(255,255,255,.55)}.banner .ngucarouselPointDefault .ngucarouselPoint li.active{background:white}.banner .ngucarouselPointDefault .ngucarouselPoint li:hover{cursor:pointer}.ngucarouselPointDefault .ngucarouselPoint{list-style-type:none;text-align:center;padding:12px;margin:0;white-space:nowrap;overflow:auto;box-sizing:border-box}.ngucarouselPointDefault .ngucarouselPoint li{display:inline-block;border-radius:50%;background:rgba(0,0,0,.55);padding:4px;margin:0 4px;transition-timing-function:cubic-bezier(.17,.67,.83,.67);transition:.4s}.ngucarouselPointDefault .ngucarouselPoint li.active{background:#6b6b6b;transform:scale(1.8)}.ngucarouselPointDefault .ngucarouselPoint li:hover{cursor:pointer}.nguclearFix{clear:both}\n"], dependencies: [{ kind: "directive", type: NguCarouselOutlet, selector: "[nguCarouselOutlet]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: NguCarousel, decorators: [{
type: Component,
args: [{ selector: 'ngu-carousel', changeDetection: ChangeDetectionStrategy.OnPush, providers: [NguCarouselHammerManager], template: "<div #ngucarousel class=\"ngucarousel\">\n <ng-content select=\"[NguCarouselPrev]\"></ng-content>\n <div #touchContainer class=\"ngu-touch-container\">\n <div #nguItemsContainer class=\"ngucarousel-items\">\n <ng-container nguCarouselOutlet></ng-container>\n </div>\n </div>\n <div class=\"nguclearFix\"></div>\n <ng-content select=\"[NguCarouselNext]\"></ng-content>\n</div>\n<ng-content select=\"[NguCarouselPoint]\"></ng-content>\n", styles: [":host{display:block;position:relative}:host.ngurtl{direction:rtl}.ngucarousel{position:relative;overflow:hidden;height:100%}.ngucarousel .ngucarousel-items{position:relative;display:flex;height:100%}.nguvertical{flex-direction:column}.banner .ngucarouselPointDefault .ngucarouselPoint{position:absolute;width:100%;bottom:20px}.banner .ngucarouselPointDefault .ngucarouselPoint li{background:rgba(255,255,255,.55)}.banner .ngucarouselPointDefault .ngucarouselPoint li.active{background:white}.banner .ngucarouselPointDefault .ngucarouselPoint li:hover{cursor:pointer}.ngucarouselPointDefault .ngucarouselPoint{list-style-type:none;text-align:center;padding:12px;margin:0;white-space:nowrap;overflow:auto;box-sizing:border-box}.ngucarouselPointDefault .ngucarouselPoint li{display:inline-block;border-radius:50%;background:rgba(0,0,0,.55);padding:4px;margin:0 4px;transition-timing-function:cubic-bezier(.17,.67,.83,.67);transition:.4s}.ngucarouselPointDefault .ngucarouselPoint li.active{background:#6b6b6b;transform:scale(1.8)}.ngucarouselPointDefault .ngucarouselPoint li:hover{cursor:pointer}.nguclearFix{clear:both}\n"] }]
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.IterableDiffers }, { type: undefined, decorators: [{
type: Inject,
args: [IS_BROWSER]
}] }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: NguWindowScrollListener }, { type: NguCarouselHammerManager }]; }, propDecorators: { inputs: [{
type: Input
}], carouselLoad: [{
type: Output
}], onMove: [{
type: Output
}], dataSource: [{
type: Input
}], _defDirectives: [{
type: ContentChildren,
args: [NguCarouselDefDirective]
}], _nodeOutlet: [{
type: ViewChild,
args: [NguCarouselOutlet, { static: true }]
}], nextButton: [{
type: ContentChild,
args: [NguCarouselNextDirective, { read: ElementRef, static: false }]
}], prevButton: [{
type: ContentChild,
args: [NguCarouselPrevDirective, { read: ElementRef, static: false }]
}], carouselMain1: [{
type: ViewChild,
args: ['ngucarousel', { read: ElementRef, static: true }]
}], _nguItemsContainer: [{
type: ViewChild,
args: ['nguItemsContainer', { read: ElementRef, static: true }]
}], _touchContainer: [{
type: ViewChild,
args: ['touchContainer', { read: ElementRef, static: true }]
}], trackBy: [{
type: Input
}] } });
class NguItemComponent {
constructor() {
this.classes = true;
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: NguItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: NguItemComponent, selector: "ngu-item", host: { properties: { "class.item": "this.classes" } }, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: NguItemComponent, decorators: [{
type: Component,
args: [{ selector: 'ngu-item', template: "<ng-content></ng-content>\n" }]
}], propDecorators: { classes: [{
type: HostBinding,
args: ['class.item']
}] } });
class NguTileComponent {
constructor() {
this.classes = true;
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: NguTileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: NguTileComponent, selector: "ngu-tile", host: { properties: { "class.item": "this.classes" } }, ngImport: i0, template: "<div class=\"tile\">\n <ng-content></ng-content>\n</div>\n", styles: [":host{padding:10px;box-sizing:border-box}.tile{box-shadow:0 2px 5px #00000029,0 2px 10px #0000001f}\n"] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: NguTileComponent, decorators: [{
type: Component,
args: [{ selector: 'ngu-tile', template: "<div class=\"tile\">\n <ng-content></ng-content>\n</div>\n", styles: [":host{padding:10px;box-sizing:border-box}.tile{box-shadow:0 2px 5px #00000029,0 2px 10px #0000001f}\n"] }]
}], propDecorators: { classes: [{
type: HostBinding,
args: ['class.item']
}] } });
class NguCarouselModule {
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: NguCarouselModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.1", ngImport: i0, type: NguCarouselModule, declarations: [NguCarousel,
NguItemComponent,
NguTileComponent,
NguCarouselPointDirective,
NguCarouselItemDirective,
NguCarouselNextDirective,
NguCarouselPrevDirective,
NguCarouselDefDirective,
NguCarouselOutlet], imports: [CommonModule], exports: [NguCarousel,
NguItemComponent,
NguTileComponent,
NguCarouselPointDirective,
NguCarouselItemDirective,
NguCarouselNextDirective,
NguCarouselPrevDirective,
NguCarouselDefDirective,
NguCarouselOutlet] }); }
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: NguCarouselModule, imports: [CommonModule] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: NguCarouselModule, decorators: [{
type: NgModule,
args: [{
imports: [CommonModule],
exports: [
NguCarousel,
NguItemComponent,
NguTileComponent,
NguCarouselPointDirective,
NguCarouselItemDirective,
NguCarouselNextDirective,
NguCarouselPrevDirective,
NguCarouselDefDirective,
NguCarouselOutlet
],
declarations: [
NguCarousel,
NguItemComponent,
NguTileComponent,
NguCarouselPointDirective,
NguCarouselItemDirective,
NguCarouselNextDirective,
NguCarouselPrevDirective,
NguCarouselDefDirective,
NguCarouselOutlet
]
}]
}] });
/*
* Public API Surface of carousel
*/
/**
* Generated bundle index. Do not edit.
*/
export { NguCarousel, NguCarouselConfig, NguCarouselDefDirective, NguCarouselItemDirective, NguCarouselModule, NguCarouselNextDirective, NguCarouselOutlet, NguCarouselPointDirective, NguCarouselPrevDirective, NguCarouselStore, NguItemComponent, NguTileComponent };
//# sourceMappingURL=ngu-carousel.mjs.map