@hantarex/ngx-carousel 0.0.1

package/fesm2022/hantarex-ngx-carousel.mjs

@@ -0,0 +1,477 @@
+import * as i0 from '@angular/core';
+import { Injectable, TemplateRef, Component, Input, ViewChild, EventEmitter, PLATFORM_ID, Inject, Output, ContentChildren, HostListener } from '@angular/core';
+import * as i2 from '@angular/common';
+import { CommonModule, isPlatformBrowser } from '@angular/common';
+import * as i1 from '@angular/platform-browser';
+import { HammerGestureConfig, HAMMER_GESTURE_CONFIG, HammerModule } from '@angular/platform-browser';
+import { ListKeyManager } from '@angular/cdk/a11y';
+import { Subject, BehaviorSubject, takeUntil, filter, interval } from 'rxjs';
+import * as i1$1 from '@angular/animations';
+import { animate, style } from '@angular/animations';
+import { MatIcon } from '@angular/material/icon';
+import { MatIconButton, MatMiniFabButton } from '@angular/material/button';
+import Hammer from 'hammerjs';
+
+class NgxCarouselService {
+    constructor() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgxCarouselService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgxCarouselService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgxCarouselService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [] });
+
+class CarouselSlideComponent {
+    constructor(sanitizer) {
+        this.sanitizer = sanitizer;
+        this.overlayColor = '#00000040';
+        this.hideOverlay = false;
+        this.ariaLabel = '';
+        this.disabled = false; // implements ListKeyManagerOption
+        this.load = false;
+    }
+    ngOnInit() {
+        if (this.image) {
+            this.image = this.sanitizer.bypassSecurityTrustStyle(`url("${this.image}")`);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CarouselSlideComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CarouselSlideComponent, isStandalone: true, selector: "ngx-carousel-slide", inputs: { image: "image", overlayColor: "overlayColor", hideOverlay: "hideOverlay", ariaLabel: "ariaLabel", disabled: "disabled", load: "load" }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0, template: "<ng-template>\n  <div class=\"carousel-slide\" [style.background-image]=\"image\">\n    <div class=\"carousel-slide-content\"><ng-content></ng-content></div>\n    <div\n      *ngIf=\"!hideOverlay\"\n      class=\"carousel-slide-overlay\"\n      [attr.aria-label] = \"ariaLabel\"\n      [style.background-color]=\"overlayColor\"\n    ></div>\n  </div>\n</ng-template>\n", styles: [".carousel-slide{width:100%;height:100%;position:absolute;z-index:auto;background-size:cover;background-repeat:no-repeat;background-position:center}.carousel-slide-overlay{width:100%;height:100%;position:absolute;z-index:auto}.carousel-slide-content{width:100%;height:100%;position:absolute;z-index:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CarouselSlideComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngx-carousel-slide', standalone: true, imports: [
+                        CommonModule,
+                    ], template: "<ng-template>\n  <div class=\"carousel-slide\" [style.background-image]=\"image\">\n    <div class=\"carousel-slide-content\"><ng-content></ng-content></div>\n    <div\n      *ngIf=\"!hideOverlay\"\n      class=\"carousel-slide-overlay\"\n      [attr.aria-label] = \"ariaLabel\"\n      [style.background-color]=\"overlayColor\"\n    ></div>\n  </div>\n</ng-template>\n", styles: [".carousel-slide{width:100%;height:100%;position:absolute;z-index:auto;background-size:cover;background-repeat:no-repeat;background-position:center}.carousel-slide-overlay{width:100%;height:100%;position:absolute;z-index:auto}.carousel-slide-content{width:100%;height:100%;position:absolute;z-index:1}\n"] }]
+        }], ctorParameters: () => [{ type: i1.DomSanitizer }], propDecorators: { image: [{
+                type: Input,
+                args: [{ required: true }]
+            }], overlayColor: [{
+                type: Input
+            }], hideOverlay: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], load: [{
+                type: Input
+            }], templateRef: [{
+                type: ViewChild,
+                args: [TemplateRef, { static: true }]
+            }] } });
+
+var Direction;
+(function (Direction) {
+    Direction[Direction["left"] = 0] = "left";
+    Direction[Direction["right"] = 1] = "right";
+    Direction[Direction["index"] = 2] = "index";
+})(Direction || (Direction = {}));
+class MyHammerConfig extends HammerGestureConfig {
+    constructor() {
+        super(...arguments);
+        this.overrides = {
+            pinch: { enable: false },
+            rotate: { enable: false }
+        };
+        this.options = {
+            touchAction: 'auto',
+            inputClass: Hammer.TouchInput,
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MyHammerConfig, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MyHammerConfig }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MyHammerConfig, decorators: [{
+            type: Injectable
+        }] });
+class NgxCarouselComponent {
+    set autoplay(value) {
+        this.autoplay$.next(value);
+        this._autoplay = value;
+    }
+    set interval(value) {
+        this.interval$.next(value);
+    }
+    get loop() {
+        return this._loop;
+    }
+    set loop(value) {
+        this.loop$.next(value);
+        this._loop = value;
+    }
+    get maxWidth() {
+        return this._maxWidth;
+    }
+    set maxWidth(value) {
+        this._maxWidth = value;
+        this.maxWidth$.next(true);
+    }
+    set slides(value) {
+        this.slides$.next(value);
+    }
+    get orientation() {
+        return this._orientation;
+    }
+    set orientation(value) {
+        this.orientation$.next(value);
+        this._orientation = value;
+    }
+    get currentIndex() {
+        if (this.listKeyManager) {
+            return this.listKeyManager.activeItemIndex;
+        }
+        return 0;
+    }
+    get currentSlide() {
+        if (this.listKeyManager) {
+            return this.listKeyManager.activeItem;
+        }
+        return null;
+    }
+    constructor(animationBuilder, renderer, platformId) {
+        this.animationBuilder = animationBuilder;
+        this.renderer = renderer;
+        this.platformId = platformId;
+        this.timings = '250ms ease-in';
+        this.lazyLoad = false;
+        this.svgIconOverrides = {
+            arrowBack: '',
+            arrowForward: ''
+        };
+        this.hideArrows = true;
+        this.hideIndicators = true;
+        this.ariaLabel = 'Sliding carousel';
+        this.color = 'accent';
+        this.maintainAspectRatio = true;
+        this.proportion = 25;
+        this.slideHeight = '100%';
+        this.useKeyboard = false;
+        this.useMouseWheel = false;
+        this.changeEmitter = new EventEmitter();
+        this._autoplay = true;
+        this.autoplay$ = new Subject();
+        this.interval$ = new BehaviorSubject(5000);
+        this.slides$ = new BehaviorSubject(null);
+        this._maxWidth = 'auto';
+        this.maxWidth$ = new Subject();
+        this._loop = true;
+        this.loop$ = new Subject();
+        this._orientation = 'ltr';
+        this.orientation$ = new Subject();
+        this.timerStop$ = new Subject();
+        this.destroy$ = new Subject();
+        this.playing = false;
+    }
+    onKeyUp(event) {
+        if (this.useKeyboard && !this.playing) {
+            this.listKeyManager?.onKeydown(event);
+        }
+    }
+    onMouseEnter() {
+        this.stopTimer();
+    }
+    onMouseLeave() {
+        this.startTimer(this._autoplay);
+    }
+    onMouseWheel(event) {
+        if (this.useMouseWheel) {
+            event.preventDefault(); // prevent window to scroll
+            const deltaY = Math.sign(event.deltaY);
+            if (deltaY > 0) {
+                this.next();
+            }
+            else if (deltaY < 0) {
+                this.previous();
+            }
+        }
+    }
+    onResize(event) {
+        // Reset carousel when width is resized
+        // in order to avoid major glitches.
+        const w = this.getWidth();
+        if (w !== this.width) {
+            this.width = w;
+            this.slideTo(0);
+        }
+    }
+    ngAfterContentInit() {
+        if (!this.lazyLoad) {
+            this.slidesList?.forEach((slide) => slide.load = true);
+        }
+        else {
+            this.slidesList.first.load = true;
+            setTimeout(() => {
+                this.slidesList.find((s, i) => i === 1 % this.slidesList.length).load = true;
+                this.slidesList.find((s, i) => i === (this.slidesList.length - 1) % this.slidesList.length).load = true;
+            }, this.interval$.getValue() / 2);
+        }
+        this.listKeyManager = new ListKeyManager(this.slidesList)
+            .withVerticalOrientation(false)
+            .withHorizontalOrientation(this._orientation)
+            .withWrap(this._loop);
+        this.listKeyManager.updateActiveItem(0);
+        this.listKeyManager.change
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(() => this.playAnimation());
+    }
+    ngAfterViewInit() {
+        this.width = this.getWidth();
+        this.autoplay$.pipe(takeUntil(this.destroy$)).subscribe(value => {
+            this.stopTimer();
+            this.startTimer(value);
+        });
+        this.interval$.pipe(takeUntil(this.destroy$)).subscribe(value => {
+            this.stopTimer();
+            this.resetTimer(value);
+            this.startTimer(this._autoplay);
+        });
+        this.maxWidth$
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(() => this.slideTo(0));
+        this.loop$
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(value => this.listKeyManager.withWrap(value));
+        this.orientation$
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(value => this.listKeyManager.withHorizontalOrientation(value));
+        this.slides$
+            .pipe(takeUntil(this.destroy$), filter(value => !!(value && value < this.slidesList.length)))
+            .subscribe(value => this.resetSlides(value));
+    }
+    ngOnDestroy() {
+        this.destroy$.next(true);
+        this.destroy$.complete();
+    }
+    next() {
+        this.goto(Direction.right);
+    }
+    previous() {
+        this.goto(Direction.left);
+    }
+    slideTo(index) {
+        this.goto(Direction.index, index);
+    }
+    onPan(event, slideElem) {
+        // https://github.com/angular/angular/issues/10541#issuecomment-346539242
+        // if y velocity is greater, it's a panup/pandown, so ignore.
+        if (Math.abs(event.velocityY) > Math.abs(event.velocityX)) {
+            return;
+        }
+        let deltaX = event.deltaX;
+        if (this.isOutOfBounds()) {
+            deltaX *= 0.2; // decelerate movement;
+        }
+        this.renderer.setStyle(slideElem, 'cursor', 'grabbing');
+        this.renderer.setStyle(this.carouselList.nativeElement, 'transform', this.getTranslation(this.getOffset() + deltaX));
+    }
+    onPanEnd(event, slideElem) {
+        this.renderer.removeStyle(slideElem, 'cursor');
+        if (!this.isOutOfBounds() &&
+            Math.abs(event.deltaX) > this.getWidth() * 0.25) {
+            if (event.deltaX <= 0) {
+                this.next();
+                return;
+            }
+            this.previous();
+            return;
+        }
+        this.playAnimation(); // slide back, don't change current index
+    }
+    isOutOfBounds() {
+        const sign = this.orientation === 'rtl' ? -1 : 1;
+        const left = sign *
+            (this.carouselList.nativeElement.getBoundingClientRect().left -
+                this.carouselList.nativeElement.offsetParent.getBoundingClientRect()
+                    .left);
+        const lastIndex = this.slidesList.length - 1;
+        const width = -this.getWidth() * lastIndex;
+        return ((this.listKeyManager.activeItemIndex === 0 && left >= 0) ||
+            (this.listKeyManager.activeItemIndex === lastIndex && left <= width));
+    }
+    isVisible() {
+        if (!isPlatformBrowser(this.platformId)) {
+            return false;
+        }
+        const elem = this.carouselContainer.nativeElement;
+        const docViewTop = window.pageYOffset;
+        const docViewBottom = docViewTop + window.innerHeight;
+        const elemOffset = elem.getBoundingClientRect();
+        const elemTop = docViewTop + elemOffset.top;
+        const elemBottom = elemTop + elemOffset.height;
+        return elemBottom <= docViewBottom || elemTop >= docViewTop;
+    }
+    getOffset() {
+        const offset = this.listKeyManager.activeItemIndex * this.getWidth();
+        const sign = this.orientation === 'rtl' ? 1 : -1;
+        return sign * offset;
+    }
+    getTranslation(offset) {
+        return `translateX(${offset}px)`;
+    }
+    getWidth() {
+        return this.carouselContainer.nativeElement.clientWidth;
+    }
+    goto(direction, index) {
+        if (!this.playing) {
+            const rtl = this.orientation === 'rtl';
+            switch (direction) {
+                case Direction.left:
+                    return rtl
+                        ? this.listKeyManager.setNextItemActive()
+                        : this.listKeyManager.setPreviousItemActive();
+                case Direction.right:
+                    return rtl
+                        ? this.listKeyManager.setPreviousItemActive()
+                        : this.listKeyManager.setNextItemActive();
+                case Direction.index:
+                    return this.listKeyManager.setActiveItem(index);
+            }
+        }
+    }
+    playAnimation() {
+        const translation = this.getTranslation(this.getOffset());
+        const factory = this.animationBuilder.build(animate(this.timings, style({ transform: translation })));
+        const animation = factory.create(this.carouselList.nativeElement);
+        animation.onStart(() => {
+            this.playing = true;
+        });
+        animation.onDone(() => {
+            this.changeEmitter.emit(this.currentIndex);
+            this.playing = false;
+            if (this.lazyLoad) {
+                this.slidesList.find((s, i) => i === (this.currentIndex + 1) % this.slidesList.length).load = true;
+                this.slidesList.find((s, i) => i === (this.currentIndex - 1 + this.slidesList.length) % this.slidesList.length).load = true;
+                this.slidesList.find((s, i) => i === this.currentIndex).load = true;
+            }
+            this.renderer.setStyle(this.carouselList.nativeElement, 'transform', translation);
+            animation.destroy();
+        });
+        animation.play();
+    }
+    resetSlides(slides) {
+        this.slidesList?.reset(this.slidesList.toArray().slice(0, slides));
+    }
+    resetTimer(value) {
+        this.timer$ = interval(value);
+    }
+    startTimer(autoplay) {
+        if (!autoplay) {
+            return;
+        }
+        this.timer$
+            .pipe(takeUntil(this.timerStop$), takeUntil(this.destroy$), filter(() => this.isVisible()))
+            .subscribe(() => {
+            this.listKeyManager.withWrap(true).setNextItemActive();
+            this.listKeyManager.withWrap(this.loop);
+        });
+    }
+    stopTimer() {
+        this.timerStop$.next(true);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgxCarouselComponent, deps: [{ token: i1$1.AnimationBuilder }, { token: i0.Renderer2 }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: NgxCarouselComponent, isStandalone: true, selector: "ngx-ngx-carousel", inputs: { timings: "timings", lazyLoad: "lazyLoad", svgIconOverrides: "svgIconOverrides", autoplay: "autoplay", interval: "interval", loop: "loop", hideArrows: "hideArrows", hideIndicators: "hideIndicators", ariaLabel: "ariaLabel", color: "color", maxWidth: "maxWidth", maintainAspectRatio: "maintainAspectRatio", proportion: "proportion", slideHeight: "slideHeight", slides: "slides", useKeyboard: "useKeyboard", useMouseWheel: "useMouseWheel", orientation: "orientation" }, outputs: { changeEmitter: "changeEmitter" }, host: { listeners: { "keyup": "onKeyUp($event)", "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "mousewheel": "onMouseWheel($event)", "window:resize": "onResize($event)" } }, providers: [
+            {
+                provide: HAMMER_GESTURE_CONFIG,
+                useFactory: () => {
+                    return new MyHammerConfig();
+                },
+            },
+        ], queries: [{ propertyName: "slidesList", predicate: CarouselSlideComponent }], viewQueries: [{ propertyName: "carouselContainer", first: true, predicate: ["carouselContainer"], descendants: true }, { propertyName: "carouselList", first: true, predicate: ["carouselList"], descendants: true }], ngImport: i0, template: "<div\n  #carouselContainer\n  class=\"carousel\"\n  tabindex=\"0\"\n  [style.max-width]=\"maxWidth\"\n  [style.height]=\"!maintainAspectRatio ? '100%' : 'auto'\"\n>\n  <ul\n    #carouselList\n    class=\"carousel-list\"\n    role=\"listbox\"\n    [attr.aria-label]=\"ariaLabel\"\n    [style.flex-direction]=\"orientation === 'rtl' ? 'row-reverse' : 'row'\"\n    [style.height]=\"!maintainAspectRatio ? '100%' : 'auto'\"\n  >\n    @for (slide of slidesList; track slide.image) {\n      <li\n        #carouselSlide\n        class=\"carousel-slide\"\n        role=\"option\"\n        [style.padding-bottom]=\"maintainAspectRatio && proportion ? proportion + '%': '0px'\"\n        [style.height]=\"!maintainAspectRatio && slideHeight ? slideHeight : '0px'\"\n        (panleft)=\"onPan($event, carouselSlide)\"\n        (panright)=\"onPan($event, carouselSlide)\"\n        (panend)=\"onPanEnd($event, carouselSlide)\"\n        (pancancel)=\"onPanEnd($event, carouselSlide)\"\n      >\n        @if (slide.load && slide.templateRef) {\n          <ng-container [ngTemplateOutlet]=\"slide.templateRef\"></ng-container>\n        }\n      </li>\n    }\n  </ul>\n\n  <button\n    *ngIf=\"!hideArrows\"\n    mat-icon-button\n    type=\"button\"\n    tabindex=\"-1\"\n    aria-label=\"Previous slide\"\n    [color]=\"color\"\n    [disabled]=\"!loop && currentIndex == 0\"\n    (click)=\"previous()\"\n  >\n    <mat-icon\n      *ngIf=\"svgIconOverrides.arrowBack; else: defaultArrowBack\"\n      [svgIcon]=\"svgIconOverrides.arrowBack\"\n    ></mat-icon>\n    <ng-template #defaultArrowBack>\n      <mat-icon>arrow_back</mat-icon>\n    </ng-template>\n  </button>\n  <button\n    *ngIf=\"!hideArrows\"\n    mat-icon-button\n    type=\"button\"\n    tabindex=\"-1\"\n    aria-label=\"Next slide\"\n    [color]=\"color\"\n    [disabled]=\"!loop && currentIndex == slidesList!.length - 1\"\n    (click)=\"next()\"\n  >\n    <mat-icon\n      *ngIf=\"svgIconOverrides.arrowForward; else: defaultArrowForward\"\n      [svgIcon]=\"svgIconOverrides.arrowForward\"\n    ></mat-icon>\n    <ng-template #defaultArrowForward>\n      <mat-icon>arrow_forward</mat-icon>\n    </ng-template>\n  </button>\n\n  <div\n    *ngIf=\"!hideIndicators\"\n    class=\"carousel-indicators\"\n    tabindex=\"-1\"\n    [style.flex-direction]=\"orientation === 'rtl' ? 'row-reverse' : 'row'\"\n  >\n    <button\n      *ngFor=\"let slide of slidesList; let i = index\"\n      type=\"button\"\n      tabindex=\"-1\"\n      mat-mini-fab\n      [color]=\"color\"\n      [attr.aria-label]=\"'Slide #' + i\"\n      [disabled]=\"i == currentIndex\"\n      (click)=\"slideTo(i)\"\n      (focus)=\"carouselContainer.focus()\"\n    ></button>\n  </div>\n</div>\n", styles: [".carousel{width:100%;position:relative;overflow:hidden;outline:none}.carousel>button{position:absolute;z-index:1;top:50%;transform:translateY(-50%)}.carousel>button:first-of-type{left:30px}.carousel>button:last-of-type{right:30px}.carousel-list{width:100%;margin:0;padding:0;list-style:none;display:flex;position:relative}.carousel-slide{width:100%;height:0;display:flex;flex-shrink:0;position:relative}.carousel-slide:hover{cursor:grab}.carousel-indicators{display:flex;position:absolute;bottom:15px;z-index:1;left:50%;transform:translate(-50%);outline:none}.carousel-indicators>button{width:10px;height:10px;margin:7.5px}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: MatMiniFabButton, selector: "button[mat-mini-fab]", exportAs: ["matButton"] }, { kind: "ngmodule", type: HammerModule }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgxCarouselComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngx-ngx-carousel', standalone: true, imports: [
+                        MatIcon,
+                        CommonModule,
+                        MatIconButton,
+                        MatMiniFabButton,
+                        HammerModule,
+                    ], providers: [
+                        {
+                            provide: HAMMER_GESTURE_CONFIG,
+                            useFactory: () => {
+                                return new MyHammerConfig();
+                            },
+                        },
+                    ], template: "<div\n  #carouselContainer\n  class=\"carousel\"\n  tabindex=\"0\"\n  [style.max-width]=\"maxWidth\"\n  [style.height]=\"!maintainAspectRatio ? '100%' : 'auto'\"\n>\n  <ul\n    #carouselList\n    class=\"carousel-list\"\n    role=\"listbox\"\n    [attr.aria-label]=\"ariaLabel\"\n    [style.flex-direction]=\"orientation === 'rtl' ? 'row-reverse' : 'row'\"\n    [style.height]=\"!maintainAspectRatio ? '100%' : 'auto'\"\n  >\n    @for (slide of slidesList; track slide.image) {\n      <li\n        #carouselSlide\n        class=\"carousel-slide\"\n        role=\"option\"\n        [style.padding-bottom]=\"maintainAspectRatio && proportion ? proportion + '%': '0px'\"\n        [style.height]=\"!maintainAspectRatio && slideHeight ? slideHeight : '0px'\"\n        (panleft)=\"onPan($event, carouselSlide)\"\n        (panright)=\"onPan($event, carouselSlide)\"\n        (panend)=\"onPanEnd($event, carouselSlide)\"\n        (pancancel)=\"onPanEnd($event, carouselSlide)\"\n      >\n        @if (slide.load && slide.templateRef) {\n          <ng-container [ngTemplateOutlet]=\"slide.templateRef\"></ng-container>\n        }\n      </li>\n    }\n  </ul>\n\n  <button\n    *ngIf=\"!hideArrows\"\n    mat-icon-button\n    type=\"button\"\n    tabindex=\"-1\"\n    aria-label=\"Previous slide\"\n    [color]=\"color\"\n    [disabled]=\"!loop && currentIndex == 0\"\n    (click)=\"previous()\"\n  >\n    <mat-icon\n      *ngIf=\"svgIconOverrides.arrowBack; else: defaultArrowBack\"\n      [svgIcon]=\"svgIconOverrides.arrowBack\"\n    ></mat-icon>\n    <ng-template #defaultArrowBack>\n      <mat-icon>arrow_back</mat-icon>\n    </ng-template>\n  </button>\n  <button\n    *ngIf=\"!hideArrows\"\n    mat-icon-button\n    type=\"button\"\n    tabindex=\"-1\"\n    aria-label=\"Next slide\"\n    [color]=\"color\"\n    [disabled]=\"!loop && currentIndex == slidesList!.length - 1\"\n    (click)=\"next()\"\n  >\n    <mat-icon\n      *ngIf=\"svgIconOverrides.arrowForward; else: defaultArrowForward\"\n      [svgIcon]=\"svgIconOverrides.arrowForward\"\n    ></mat-icon>\n    <ng-template #defaultArrowForward>\n      <mat-icon>arrow_forward</mat-icon>\n    </ng-template>\n  </button>\n\n  <div\n    *ngIf=\"!hideIndicators\"\n    class=\"carousel-indicators\"\n    tabindex=\"-1\"\n    [style.flex-direction]=\"orientation === 'rtl' ? 'row-reverse' : 'row'\"\n  >\n    <button\n      *ngFor=\"let slide of slidesList; let i = index\"\n      type=\"button\"\n      tabindex=\"-1\"\n      mat-mini-fab\n      [color]=\"color\"\n      [attr.aria-label]=\"'Slide #' + i\"\n      [disabled]=\"i == currentIndex\"\n      (click)=\"slideTo(i)\"\n      (focus)=\"carouselContainer.focus()\"\n    ></button>\n  </div>\n</div>\n", styles: [".carousel{width:100%;position:relative;overflow:hidden;outline:none}.carousel>button{position:absolute;z-index:1;top:50%;transform:translateY(-50%)}.carousel>button:first-of-type{left:30px}.carousel>button:last-of-type{right:30px}.carousel-list{width:100%;margin:0;padding:0;list-style:none;display:flex;position:relative}.carousel-slide{width:100%;height:0;display:flex;flex-shrink:0;position:relative}.carousel-slide:hover{cursor:grab}.carousel-indicators{display:flex;position:absolute;bottom:15px;z-index:1;left:50%;transform:translate(-50%);outline:none}.carousel-indicators>button{width:10px;height:10px;margin:7.5px}\n"] }]
+        }], ctorParameters: () => [{ type: i1$1.AnimationBuilder }, { type: i0.Renderer2 }, { type: Object, decorators: [{
+                    type: Inject,
+                    args: [PLATFORM_ID]
+                }] }], propDecorators: { timings: [{
+                type: Input
+            }], lazyLoad: [{
+                type: Input
+            }], svgIconOverrides: [{
+                type: Input
+            }], autoplay: [{
+                type: Input
+            }], interval: [{
+                type: Input
+            }], loop: [{
+                type: Input
+            }], hideArrows: [{
+                type: Input
+            }], hideIndicators: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], maxWidth: [{
+                type: Input
+            }], maintainAspectRatio: [{
+                type: Input
+            }], proportion: [{
+                type: Input
+            }], slideHeight: [{
+                type: Input
+            }], slides: [{
+                type: Input
+            }], useKeyboard: [{
+                type: Input
+            }], useMouseWheel: [{
+                type: Input
+            }], orientation: [{
+                type: Input
+            }], changeEmitter: [{
+                type: Output
+            }], slidesList: [{
+                type: ContentChildren,
+                args: [CarouselSlideComponent]
+            }], carouselContainer: [{
+                type: ViewChild,
+                args: ['carouselContainer']
+            }], carouselList: [{
+                type: ViewChild,
+                args: ['carouselList']
+            }], onKeyUp: [{
+                type: HostListener,
+                args: ['keyup', ['$event']]
+            }], onMouseEnter: [{
+                type: HostListener,
+                args: ['mouseenter']
+            }], onMouseLeave: [{
+                type: HostListener,
+                args: ['mouseleave']
+            }], onMouseWheel: [{
+                type: HostListener,
+                args: ['mousewheel', ['$event']]
+            }], onResize: [{
+                type: HostListener,
+                args: ['window:resize', ['$event']]
+            }] } });
+
+/*
+ * Public API Surface of ngx-carousel
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CarouselSlideComponent, MyHammerConfig, NgxCarouselComponent, NgxCarouselService };
+//# sourceMappingURL=hantarex-ngx-carousel.mjs.map

package/fesm2022/hantarex-ngx-carousel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hantarex-ngx-carousel.mjs","sources":["../../../projects/ngx-carousel/src/lib/ngx-carousel.service.ts","../../../projects/ngx-carousel/src/lib/carousel-slide/carousel-slide.component.ts","../../../projects/ngx-carousel/src/lib/carousel-slide/carousel-slide.component.html","../../../projects/ngx-carousel/src/lib/ngx-carousel.component.ts","../../../projects/ngx-carousel/src/lib/ngx-carousel.component.html","../../../projects/ngx-carousel/src/public-api.ts","../../../projects/ngx-carousel/src/hantarex-ngx-carousel.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class NgxCarouselService {\n\n  constructor() { }\n}\n","import {Component, Injectable, Input, OnInit, TemplateRef, ViewChild} from '@angular/core';\nimport {ListKeyManagerOption} from \"@angular/cdk/a11y\";\nimport {MatCarouselSlide} from \"./carousel-slide\";\nimport {\n  DomSanitizer,\n  SafeStyle\n} from \"@angular/platform-browser\";\nimport {CommonModule} from \"@angular/common\";\n\n@Component({\n  selector: 'ngx-carousel-slide',\n  standalone: true,\n  imports: [\n    CommonModule,\n  ],\n  templateUrl: './carousel-slide.component.html',\n  styleUrl: './carousel-slide.component.scss'\n})\nexport class CarouselSlideComponent implements ListKeyManagerOption, MatCarouselSlide, OnInit {\n  @Input({required: true}) public image!: SafeStyle;\n  @Input() public overlayColor = '#00000040';\n  @Input() public hideOverlay = false;\n  @Input() public ariaLabel = '';\n  @Input() public disabled = false; // implements ListKeyManagerOption\n  @Input() public load = false;\n\n  @ViewChild(TemplateRef, {static: true}) public templateRef?: TemplateRef<any>;\n\n  constructor(public sanitizer: DomSanitizer) {\n  }\n\n  public ngOnInit(): void {\n    if (this.image) {\n      this.image = this.sanitizer.bypassSecurityTrustStyle(`url(\"${this.image}\")`);\n    }\n  }\n}\n","<ng-template>\n  <div class=\"carousel-slide\" [style.background-image]=\"image\">\n    <div class=\"carousel-slide-content\"><ng-content></ng-content></div>\n    <div\n      *ngIf=\"!hideOverlay\"\n      class=\"carousel-slide-overlay\"\n      [attr.aria-label] = \"ariaLabel\"\n      [style.background-color]=\"overlayColor\"\n    ></div>\n  </div>\n</ng-template>\n","import {\n  AfterContentInit,\n  AfterViewInit,\n  Component,\n  ContentChildren, ElementRef,\n  EventEmitter, HostListener, Inject, Injectable,\n  Input,\n  OnDestroy,\n  Output, PLATFORM_ID, QueryList, Renderer2, ViewChild\n} from '@angular/core';\nimport {MatCarousel, Orientation, SvgIconOverrides} from \"./carousel\";\nimport {ThemePalette} from \"@angular/material/core\";\nimport {CarouselSlideComponent} from \"./carousel-slide/carousel-slide.component\";\nimport {ListKeyManager} from \"@angular/cdk/a11y\";\nimport {BehaviorSubject, filter, Observable, Subject, takeUntil, interval} from \"rxjs\";\nimport {animate, AnimationBuilder, style} from \"@angular/animations\";\nimport {CommonModule, isPlatformBrowser} from \"@angular/common\";\nimport {MatIcon} from \"@angular/material/icon\";\nimport {MatIconButton, MatMiniFabButton} from \"@angular/material/button\";\nimport {HAMMER_GESTURE_CONFIG, HammerGestureConfig, HammerModule} from '@angular/platform-browser';\nimport Hammer from 'hammerjs';\n\nenum Direction {\n  left,\n  right,\n  index\n}\n@Injectable()\nexport class MyHammerConfig extends HammerGestureConfig {\n  override overrides = <any>{\n    pinch: { enable: false },\n    rotate: { enable: false }\n  };\n  override options = <any>{\n    touchAction: 'auto',\n    inputClass: Hammer.TouchInput,\n  };\n}\n@Component({\n  selector: 'ngx-ngx-carousel',\n  standalone: true,\n  imports: [\n    MatIcon,\n    CommonModule,\n    MatIconButton,\n    MatMiniFabButton,\n    HammerModule,\n  ],\n  templateUrl: './ngx-carousel.component.html',\n  styleUrls: ['./ngx-carousel.component.scss'],\n  providers: [\n    {\n      provide: HAMMER_GESTURE_CONFIG,\n      useFactory: (): any => {\n        return new MyHammerConfig();\n      },\n    },\n  ],\n})\nexport class NgxCarouselComponent   implements AfterContentInit, AfterViewInit, MatCarousel, OnDestroy {\n  @Input() public timings = '250ms ease-in';\n  @Input() public lazyLoad = false;\n  @Input() public svgIconOverrides: SvgIconOverrides = {\n    arrowBack: '',\n    arrowForward: ''\n  };\n\n  @Input()\n  public set autoplay(value: boolean) {\n    this.autoplay$.next(value);\n    this._autoplay = value;\n  }\n\n  @Input()\n  public set interval(value: number) {\n    this.interval$.next(value);\n  }\n\n  public get loop(): boolean {\n    return this._loop;\n  }\n  @Input()\n  public set loop(value: boolean) {\n    this.loop$.next(value);\n    this._loop = value;\n  }\n\n  @Input() public hideArrows = true;\n  @Input() public hideIndicators = true;\n  @Input() public ariaLabel = 'Sliding carousel';\n  @Input() public color: ThemePalette = 'accent';\n\n  public get maxWidth(): string {\n    return this._maxWidth;\n  }\n  @Input()\n  public set maxWidth(value: string) {\n    this._maxWidth = value;\n    this.maxWidth$.next(true);\n  }\n\n  @Input() public maintainAspectRatio = true;\n  @Input() public proportion = 25;\n  @Input() public slideHeight = '100%';\n\n  @Input()\n  public set slides(value: number) {\n    this.slides$.next(value);\n  }\n\n  @Input() public useKeyboard = false;\n  @Input() public useMouseWheel = false;\n\n  public get orientation(): Orientation {\n    return this._orientation;\n  }\n  @Input()\n  public set orientation(value: Orientation) {\n    this.orientation$.next(value);\n    this._orientation = value;\n  }\n\n  @Output()\n  public changeEmitter: EventEmitter<number> = new EventEmitter<number>();\n\n  public get currentIndex(): number | null{\n    if (this.listKeyManager) {\n      return this.listKeyManager.activeItemIndex;\n    }\n\n    return 0;\n  }\n  public get currentSlide(): CarouselSlideComponent | null {\n    if (this.listKeyManager) {\n      return this.listKeyManager.activeItem;\n    }\n\n    return null;\n  }\n\n  @ContentChildren(CarouselSlideComponent) public slidesList?: QueryList<\n    CarouselSlideComponent\n  >;\n  @ViewChild('carouselContainer') private carouselContainer?: ElementRef<\n    HTMLDivElement\n  >;\n  @ViewChild('carouselList') private carouselList?: ElementRef<HTMLElement>;\n  public listKeyManager?: ListKeyManager<CarouselSlideComponent>;\n\n  private _autoplay = true;\n  private autoplay$ = new Subject<boolean>();\n\n  private interval$ = new BehaviorSubject<number>(5000);\n  private slides$ = new BehaviorSubject<number| null>(null);\n\n  private _maxWidth = 'auto';\n  private maxWidth$ = new Subject<boolean>();\n\n  private _loop = true;\n  private loop$ = new Subject<boolean>();\n\n  private _orientation: Orientation = 'ltr';\n  private orientation$ = new Subject<Orientation>();\n\n  private timer$?: Observable<number>;\n  private timerStop$ = new Subject<boolean>();\n\n  private destroy$ = new Subject<boolean>();\n  private playing = false;\n\n  private width?: number;\n\n  constructor(\n    private animationBuilder: AnimationBuilder,\n    private renderer: Renderer2,\n    @Inject(PLATFORM_ID) private platformId: Object\n  ) {}\n\n  @HostListener('keyup', ['$event'])\n  public onKeyUp(event: KeyboardEvent): void {\n    if (this.useKeyboard && !this.playing) {\n      this.listKeyManager?.onKeydown(event);\n    }\n  }\n\n  @HostListener('mouseenter')\n  public onMouseEnter(): void {\n    this.stopTimer();\n  }\n\n  @HostListener('mouseleave')\n  public onMouseLeave(): void {\n    this.startTimer(this._autoplay);\n  }\n\n  @HostListener('mousewheel', ['$event'])\n  public onMouseWheel(event: WheelEvent): void {\n    if (this.useMouseWheel) {\n      event.preventDefault(); // prevent window to scroll\n      const deltaY = Math.sign(event.deltaY);\n\n      if (deltaY > 0) {\n        this.next();\n      } else if (deltaY < 0) {\n        this.previous();\n      }\n    }\n  }\n\n  @HostListener('window:resize', ['$event'])\n  public onResize(event: Event): void {\n    // Reset carousel when width is resized\n    // in order to avoid major glitches.\n    const w = this.getWidth();\n    if (w !== this.width) {\n      this.width = w;\n      this.slideTo(0);\n    }\n  }\n\n  public ngAfterContentInit(): void {\n    if (!this.lazyLoad) {\n      this.slidesList?.forEach( (slide) => slide.load = true );\n    } else {\n      this.slidesList!.first.load = true;\n      setTimeout( () => {\n        this.slidesList!.find( (s, i) => i === 1 % this.slidesList!.length)!.load = true;\n        this.slidesList!.find( (s, i) => i === (this.slidesList!.length - 1) % this.slidesList!.length)!.load = true;\n      }, this.interval$.getValue() / 2);\n    }\n\n    this.listKeyManager = new ListKeyManager(this.slidesList!)\n      .withVerticalOrientation(false)\n      .withHorizontalOrientation(this._orientation)\n      .withWrap(this._loop);\n\n    this.listKeyManager.updateActiveItem(0);\n\n    this.listKeyManager.change\n      .pipe(takeUntil(this.destroy$))\n      .subscribe(() => this.playAnimation());\n  }\n\n  public ngAfterViewInit(): void {\n    this.width = this.getWidth();\n\n    this.autoplay$.pipe(takeUntil(this.destroy$)).subscribe(value => {\n      this.stopTimer();\n      this.startTimer(value);\n    });\n\n    this.interval$.pipe(takeUntil(this.destroy$)).subscribe(value => {\n      this.stopTimer();\n      this.resetTimer(value);\n      this.startTimer(this._autoplay);\n    });\n\n    this.maxWidth$\n      .pipe(takeUntil(this.destroy$))\n      .subscribe(() => this.slideTo(0));\n\n    this.loop$\n      .pipe(takeUntil(this.destroy$))\n      .subscribe(value => this.listKeyManager!.withWrap(value));\n\n    this.orientation$\n      .pipe(takeUntil(this.destroy$))\n      .subscribe(value => this.listKeyManager!.withHorizontalOrientation(value));\n\n    this.slides$\n      .pipe(\n        takeUntil(this.destroy$),\n        filter(value => !!(value && value < this.slidesList!.length))\n      )\n      .subscribe(value => this.resetSlides(value!));\n  }\n\n  public ngOnDestroy(): void {\n    this.destroy$.next(true);\n    this.destroy$.complete();\n  }\n\n  public next(): void {\n    this.goto(Direction.right);\n  }\n\n  public previous(): void {\n    this.goto(Direction.left);\n  }\n\n  public slideTo(index: number): void {\n    this.goto(Direction.index, index);\n  }\n\n  public onPan(event: any, slideElem: HTMLElement): void {\n    // https://github.com/angular/angular/issues/10541#issuecomment-346539242\n    // if y velocity is greater, it's a panup/pandown, so ignore.\n    if (Math.abs(event.velocityY) > Math.abs(event.velocityX)) {\n      return;\n    }\n    let deltaX = event.deltaX;\n    if (this.isOutOfBounds()) {\n      deltaX *= 0.2; // decelerate movement;\n    }\n\n    this.renderer.setStyle(slideElem, 'cursor', 'grabbing');\n    this.renderer.setStyle(\n      this.carouselList!.nativeElement,\n      'transform',\n      this.getTranslation(this.getOffset() + deltaX)\n    );\n  }\n\n  public onPanEnd(event: any, slideElem: HTMLElement): void {\n    this.renderer.removeStyle(slideElem, 'cursor');\n\n    if (\n      !this.isOutOfBounds() &&\n      Math.abs(event.deltaX) > this.getWidth() * 0.25\n    ) {\n      if (event.deltaX <= 0) {\n        this.next();\n        return;\n      }\n      this.previous();\n      return;\n    }\n    this.playAnimation(); // slide back, don't change current index\n  }\n\n  private isOutOfBounds(): boolean {\n    const sign = this.orientation === 'rtl' ? -1 : 1;\n    const left =\n      sign *\n      (this.carouselList!.nativeElement.getBoundingClientRect().left -\n        this.carouselList!.nativeElement.offsetParent!.getBoundingClientRect()\n          .left);\n    const lastIndex = this.slidesList!.length - 1;\n    const width = -this.getWidth() * lastIndex;\n\n    return (\n      (this.listKeyManager!.activeItemIndex === 0 && left >= 0) ||\n      (this.listKeyManager!.activeItemIndex === lastIndex && left <= width)\n    );\n  }\n\n  private isVisible(): boolean {\n    if (!isPlatformBrowser(this.platformId)) {\n      return false;\n    }\n\n    const elem = this.carouselContainer!.nativeElement;\n    const docViewTop = window.pageYOffset;\n    const docViewBottom = docViewTop + window.innerHeight;\n    const elemOffset = elem.getBoundingClientRect();\n    const elemTop = docViewTop + elemOffset.top;\n    const elemBottom = elemTop + elemOffset.height;\n\n    return elemBottom <= docViewBottom || elemTop >= docViewTop;\n  }\n\n  private getOffset(): number {\n    const offset = this.listKeyManager!.activeItemIndex! * this.getWidth();\n    const sign = this.orientation === 'rtl' ? 1 : -1;\n    return sign * offset;\n  }\n\n  private getTranslation(offset: number): string {\n    return `translateX(${offset}px)`;\n  }\n\n  private getWidth(): number {\n    return this.carouselContainer!.nativeElement.clientWidth;\n  }\n\n  private goto(direction: Direction, index?: number): void {\n    if (!this.playing) {\n      const rtl = this.orientation === 'rtl';\n\n      switch (direction) {\n        case Direction.left:\n          return rtl\n            ? this.listKeyManager!.setNextItemActive()\n            : this.listKeyManager!.setPreviousItemActive();\n        case Direction.right:\n          return rtl\n            ? this.listKeyManager!.setPreviousItemActive()\n            : this.listKeyManager!.setNextItemActive();\n        case Direction.index:\n          return this.listKeyManager!.setActiveItem(index!);\n      }\n    }\n  }\n\n  private playAnimation(): void {\n    const translation = this.getTranslation(this.getOffset());\n    const factory = this.animationBuilder.build(\n      animate(this.timings, style({ transform: translation }))\n    );\n    const animation = factory.create(this.carouselList!.nativeElement);\n\n    animation.onStart(() => {\n      this.playing = true;\n    });\n    animation.onDone(() => {\n      this.changeEmitter.emit(this.currentIndex!);\n      this.playing = false;\n      if (this.lazyLoad) {\n        this.slidesList!.find( (s, i) => i === (this.currentIndex! + 1) % this.slidesList!.length)!.load = true;\n        this.slidesList!.find( (s, i) => i === (this.currentIndex! - 1 + this.slidesList!.length)  % this.slidesList!.length)!.load = true;\n        this.slidesList!.find( (s, i) => i === this.currentIndex)!.load = true;\n      }\n      this.renderer.setStyle(\n        this.carouselList!.nativeElement,\n        'transform',\n        translation\n      );\n      animation.destroy();\n    });\n    animation.play();\n  }\n\n  private resetSlides(slides: number): void {\n    this.slidesList?.reset(this.slidesList!.toArray().slice(0, slides));\n  }\n\n  private resetTimer(value: number): void {\n    this.timer$ = interval(value);\n  }\n\n  private startTimer(autoplay: boolean): void {\n    if (!autoplay) {\n      return;\n    }\n\n    this.timer$!\n      .pipe(\n        takeUntil(this.timerStop$),\n        takeUntil(this.destroy$),\n        filter(() => this.isVisible())\n      )\n      .subscribe(() => {\n        this.listKeyManager!.withWrap(true).setNextItemActive();\n        this.listKeyManager!.withWrap(this.loop);\n      });\n  }\n\n  private stopTimer(): void {\n    this.timerStop$.next(true);\n  }\n}\n","<div\n  #carouselContainer\n  class=\"carousel\"\n  tabindex=\"0\"\n  [style.max-width]=\"maxWidth\"\n  [style.height]=\"!maintainAspectRatio ? '100%' : 'auto'\"\n>\n  <ul\n    #carouselList\n    class=\"carousel-list\"\n    role=\"listbox\"\n    [attr.aria-label]=\"ariaLabel\"\n    [style.flex-direction]=\"orientation === 'rtl' ? 'row-reverse' : 'row'\"\n    [style.height]=\"!maintainAspectRatio ? '100%' : 'auto'\"\n  >\n    @for (slide of slidesList; track slide.image) {\n      <li\n        #carouselSlide\n        class=\"carousel-slide\"\n        role=\"option\"\n        [style.padding-bottom]=\"maintainAspectRatio && proportion ? proportion + '%': '0px'\"\n        [style.height]=\"!maintainAspectRatio && slideHeight ? slideHeight : '0px'\"\n        (panleft)=\"onPan($event, carouselSlide)\"\n        (panright)=\"onPan($event, carouselSlide)\"\n        (panend)=\"onPanEnd($event, carouselSlide)\"\n        (pancancel)=\"onPanEnd($event, carouselSlide)\"\n      >\n        @if (slide.load && slide.templateRef) {\n          <ng-container [ngTemplateOutlet]=\"slide.templateRef\"></ng-container>\n        }\n      </li>\n    }\n  </ul>\n\n  <button\n    *ngIf=\"!hideArrows\"\n    mat-icon-button\n    type=\"button\"\n    tabindex=\"-1\"\n    aria-label=\"Previous slide\"\n    [color]=\"color\"\n    [disabled]=\"!loop && currentIndex == 0\"\n    (click)=\"previous()\"\n  >\n    <mat-icon\n      *ngIf=\"svgIconOverrides.arrowBack; else: defaultArrowBack\"\n      [svgIcon]=\"svgIconOverrides.arrowBack\"\n    ></mat-icon>\n    <ng-template #defaultArrowBack>\n      <mat-icon>arrow_back</mat-icon>\n    </ng-template>\n  </button>\n  <button\n    *ngIf=\"!hideArrows\"\n    mat-icon-button\n    type=\"button\"\n    tabindex=\"-1\"\n    aria-label=\"Next slide\"\n    [color]=\"color\"\n    [disabled]=\"!loop && currentIndex == slidesList!.length - 1\"\n    (click)=\"next()\"\n  >\n    <mat-icon\n      *ngIf=\"svgIconOverrides.arrowForward; else: defaultArrowForward\"\n      [svgIcon]=\"svgIconOverrides.arrowForward\"\n    ></mat-icon>\n    <ng-template #defaultArrowForward>\n      <mat-icon>arrow_forward</mat-icon>\n    </ng-template>\n  </button>\n\n  <div\n    *ngIf=\"!hideIndicators\"\n    class=\"carousel-indicators\"\n    tabindex=\"-1\"\n    [style.flex-direction]=\"orientation === 'rtl' ? 'row-reverse' : 'row'\"\n  >\n    <button\n      *ngFor=\"let slide of slidesList; let i = index\"\n      type=\"button\"\n      tabindex=\"-1\"\n      mat-mini-fab\n      [color]=\"color\"\n      [attr.aria-label]=\"'Slide #' + i\"\n      [disabled]=\"i == currentIndex\"\n      (click)=\"slideTo(i)\"\n      (focus)=\"carouselContainer.focus()\"\n    ></button>\n  </div>\n</div>\n","/*\n * Public API Surface of ngx-carousel\n */\n\nexport * from './lib/ngx-carousel.service';\nexport * from './lib/ngx-carousel.component';\nexport * from './lib/carousel-slide/carousel-slide.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@hantarex/ngx-carousel" />
+export * from './public-api';

package/lib/carousel-slide/carousel-slide.component.d.ts

@@ -0,0 +1,19 @@
+import { OnInit, TemplateRef } from '@angular/core';
+import { ListKeyManagerOption } from "@angular/cdk/a11y";
+import { MatCarouselSlide } from "./carousel-slide";
+import { DomSanitizer, SafeStyle } from "@angular/platform-browser";
+import * as i0 from "@angular/core";
+export declare class CarouselSlideComponent implements ListKeyManagerOption, MatCarouselSlide, OnInit {
+    sanitizer: DomSanitizer;
+    image: SafeStyle;
+    overlayColor: string;
+    hideOverlay: boolean;
+    ariaLabel: string;
+    disabled: boolean;
+    load: boolean;
+    templateRef?: TemplateRef<any>;
+    constructor(sanitizer: DomSanitizer);
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CarouselSlideComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CarouselSlideComponent, "ngx-carousel-slide", never, { "image": { "alias": "image"; "required": true; }; "overlayColor": { "alias": "overlayColor"; "required": false; }; "hideOverlay": { "alias": "hideOverlay"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "load": { "alias": "load"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

package/lib/carousel-slide/carousel-slide.d.ts

@@ -0,0 +1,9 @@
+import { SafeStyle } from '@angular/platform-browser';
+export interface MatCarouselSlide {
+    image: SafeStyle;
+    overlayColor: string;
+    hideOverlay: boolean;
+    disabled: boolean;
+    load: boolean;
+    ariaLabel: string;
+}

package/lib/carousel.d.ts

@@ -0,0 +1,24 @@
+import { ThemePalette } from '@angular/material/core';
+export interface MatCarousel {
+    timings: string;
+    autoplay: boolean;
+    interval: number;
+    loop: boolean;
+    hideArrows: boolean;
+    hideIndicators: boolean;
+    color: ThemePalette;
+    maxWidth: string;
+    proportion: number;
+    slides: number;
+    svgIconOverrides: SvgIconOverrides;
+    lazyLoad: boolean;
+    useKeyboard: boolean;
+    useMouseWheel: boolean;
+    orientation: Orientation;
+    ariaLabel: string;
+}
+export type Orientation = 'ltr' | 'rtl';
+export interface SvgIconOverrides {
+    arrowBack: string;
+    arrowForward: string;
+}