@severfam/simple-slider-angular 0.1.0

package/fesm2022/simple-slider-angular.mjs

@@ -0,0 +1,364 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, PLATFORM_ID, input, output, ChangeDetectionStrategy, Component, inject, ChangeDetectorRef, DestroyRef, afterNextRender, effect, ElementRef, ViewChild } from '@angular/core';
+import { isPlatformBrowser, NgOptimizedImage } from '@angular/common';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { fromEvent, startWith, switchMap, of, distinctUntilChanged, debounceTime, delay, takeUntil, interval } from 'rxjs';
+
+const WINDOW = new InjectionToken('window');
+/* eslint-disable @typescript-eslint/no-explicit-any */
+const windowProvider = {
+    provide: WINDOW,
+    useFactory: (platformId) => {
+        if (isPlatformBrowser(platformId)) {
+            return window;
+        }
+        return {};
+    },
+    deps: [PLATFORM_ID],
+};
+const WINDOW_PROVIDERS = [windowProvider];
+
+var ESliderAction;
+(function (ESliderAction) {
+    ESliderAction["COMPUTE_POSITION"] = "computePosition";
+    ESliderAction["STEP_NEXT"] = "stepNext";
+    ESliderAction["STEP_PREV"] = "stepPrev";
+    ESliderAction["TOUCH_MOVE"] = "touchMove";
+})(ESliderAction || (ESliderAction = {}));
+var EArrowAction;
+(function (EArrowAction) {
+    EArrowAction["STEP_NEXT"] = "stepNext";
+    EArrowAction["STEP_PREV"] = "stepPrev";
+})(EArrowAction || (EArrowAction = {}));
+
+class SimpleSliderPhotoComponent {
+    photoLink = input(...(ngDevMode ? [undefined, { debugName: "photoLink" }] : /* istanbul ignore next */ []));
+    photoAlt = input('', ...(ngDevMode ? [{ debugName: "photoAlt" }] : /* istanbul ignore next */ []));
+    isActive = input(false, ...(ngDevMode ? [{ debugName: "isActive" }] : /* istanbul ignore next */ []));
+    isDisabled = input(false, ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
+    cardWidth = input(0, ...(ngDevMode ? [{ debugName: "cardWidth" }] : /* istanbul ignore next */ []));
+    cardHeight = input(0, ...(ngDevMode ? [{ debugName: "cardHeight" }] : /* istanbul ignore next */ []));
+    borderWidth = input(0, ...(ngDevMode ? [{ debugName: "borderWidth" }] : /* istanbul ignore next */ []));
+    cardPadding = input(0, ...(ngDevMode ? [{ debugName: "cardPadding" }] : /* istanbul ignore next */ []));
+    activeBorderColor = input('#1976d2', ...(ngDevMode ? [{ debugName: "activeBorderColor" }] : /* istanbul ignore next */ []));
+    defaultBorderColor = input('#fff', ...(ngDevMode ? [{ debugName: "defaultBorderColor" }] : /* istanbul ignore next */ []));
+    changeModel = output();
+    get borderColor() {
+        return this.isActive() ? this.activeBorderColor() : this.defaultBorderColor();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SimpleSliderPhotoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", type: SimpleSliderPhotoComponent, isStandalone: true, selector: "simple-slider-photo", inputs: { photoLink: { classPropertyName: "photoLink", publicName: "photoLink", isSignal: true, isRequired: false, transformFunction: null }, photoAlt: { classPropertyName: "photoAlt", publicName: "photoAlt", isSignal: true, isRequired: false, transformFunction: null }, isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, cardWidth: { classPropertyName: "cardWidth", publicName: "cardWidth", isSignal: true, isRequired: false, transformFunction: null }, cardHeight: { classPropertyName: "cardHeight", publicName: "cardHeight", isSignal: true, isRequired: false, transformFunction: null }, borderWidth: { classPropertyName: "borderWidth", publicName: "borderWidth", isSignal: true, isRequired: false, transformFunction: null }, cardPadding: { classPropertyName: "cardPadding", publicName: "cardPadding", isSignal: true, isRequired: false, transformFunction: null }, activeBorderColor: { classPropertyName: "activeBorderColor", publicName: "activeBorderColor", isSignal: true, isRequired: false, transformFunction: null }, defaultBorderColor: { classPropertyName: "defaultBorderColor", publicName: "defaultBorderColor", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changeModel: "changeModel" }, ngImport: i0, template: "<div\r\n  class=\"simple-slider-photo\"\r\n  [class.simple-slider-photo--disabled]=\"isDisabled()\"\r\n  [style.border-width.px]=\"borderWidth()\"\r\n  [style.padding.px]=\"cardPadding()\"\r\n  [style.border-color]=\"borderColor\"\r\n  (click)=\"changeModel.emit()\"\r\n>\r\n  @if (photoLink()) {\r\n    <img\r\n      class=\"simple-slider-photo__image\"\r\n      [alt]=\"photoAlt()\"\r\n      [ngSrc]=\"photoLink()!\"\r\n      [width]=\"cardWidth() - 2*cardPadding() - 2*borderWidth()\"\r\n      [height]=\"cardHeight() - 2*cardPadding() - 2*borderWidth()\"\r\n    />\r\n  }\r\n</div>\r\n", styles: [".simple-slider-photo{border-radius:4px;cursor:pointer;border-style:solid}.simple-slider-photo--disabled{opacity:15%}.simple-slider-photo__image{border-radius:4px;object-fit:cover}\n"], dependencies: [{ kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "decoding", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SimpleSliderPhotoComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'simple-slider-photo', imports: [NgOptimizedImage], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n  class=\"simple-slider-photo\"\r\n  [class.simple-slider-photo--disabled]=\"isDisabled()\"\r\n  [style.border-width.px]=\"borderWidth()\"\r\n  [style.padding.px]=\"cardPadding()\"\r\n  [style.border-color]=\"borderColor\"\r\n  (click)=\"changeModel.emit()\"\r\n>\r\n  @if (photoLink()) {\r\n    <img\r\n      class=\"simple-slider-photo__image\"\r\n      [alt]=\"photoAlt()\"\r\n      [ngSrc]=\"photoLink()!\"\r\n      [width]=\"cardWidth() - 2*cardPadding() - 2*borderWidth()\"\r\n      [height]=\"cardHeight() - 2*cardPadding() - 2*borderWidth()\"\r\n    />\r\n  }\r\n</div>\r\n", styles: [".simple-slider-photo{border-radius:4px;cursor:pointer;border-style:solid}.simple-slider-photo--disabled{opacity:15%}.simple-slider-photo__image{border-radius:4px;object-fit:cover}\n"] }]
+        }], propDecorators: { photoLink: [{ type: i0.Input, args: [{ isSignal: true, alias: "photoLink", required: false }] }], photoAlt: [{ type: i0.Input, args: [{ isSignal: true, alias: "photoAlt", required: false }] }], isActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "isActive", required: false }] }], isDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDisabled", required: false }] }], cardWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "cardWidth", required: false }] }], cardHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "cardHeight", required: false }] }], borderWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "borderWidth", required: false }] }], cardPadding: [{ type: i0.Input, args: [{ isSignal: true, alias: "cardPadding", required: false }] }], activeBorderColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeBorderColor", required: false }] }], defaultBorderColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultBorderColor", required: false }] }], changeModel: [{ type: i0.Output, args: ["changeModel"] }] } });
+
+class SimpleSliderComponent {
+    window = inject(WINDOW);
+    cdr = inject(ChangeDetectorRef);
+    destroyRef = inject(DestroyRef);
+    propertyPhotos = input([], ...(ngDevMode ? [{ debugName: "propertyPhotos" }] : /* istanbul ignore next */ []));
+    selectedElementIndex = input(0, ...(ngDevMode ? [{ debugName: "selectedElementIndex" }] : /* istanbul ignore next */ []));
+    cardWidth = input(60, ...(ngDevMode ? [{ debugName: "cardWidth" }] : /* istanbul ignore next */ []));
+    cardHeight = input(90, ...(ngDevMode ? [{ debugName: "cardHeight" }] : /* istanbul ignore next */ []));
+    cardMargin = input(10, ...(ngDevMode ? [{ debugName: "cardMargin" }] : /* istanbul ignore next */ []));
+    borderWidth = input(1, ...(ngDevMode ? [{ debugName: "borderWidth" }] : /* istanbul ignore next */ []));
+    cardPadding = input(2, ...(ngDevMode ? [{ debugName: "cardPadding" }] : /* istanbul ignore next */ []));
+    activeBorderColor = input('#1976d2', ...(ngDevMode ? [{ debugName: "activeBorderColor" }] : /* istanbul ignore next */ []));
+    defaultBorderColor = input('#fff', ...(ngDevMode ? [{ debugName: "defaultBorderColor" }] : /* istanbul ignore next */ []));
+    inactiveIconColor = input('#9e9e9e', ...(ngDevMode ? [{ debugName: "inactiveIconColor" }] : /* istanbul ignore next */ []));
+    longClickDelay = input(200, ...(ngDevMode ? [{ debugName: "longClickDelay" }] : /* istanbul ignore next */ []));
+    arrowBackgroundColor = input('transparent', ...(ngDevMode ? [{ debugName: "arrowBackgroundColor" }] : /* istanbul ignore next */ []));
+    arrowBorderColor = input('transparent', ...(ngDevMode ? [{ debugName: "arrowBorderColor" }] : /* istanbul ignore next */ []));
+    arrowBorderWidth = input(0, ...(ngDevMode ? [{ debugName: "arrowBorderWidth" }] : /* istanbul ignore next */ []));
+    arrowColor = input('#333', ...(ngDevMode ? [{ debugName: "arrowColor" }] : /* istanbul ignore next */ []));
+    touchDelta = input(20, ...(ngDevMode ? [{ debugName: "touchDelta" }] : /* istanbul ignore next */ []));
+    arrowWidth = input(36, ...(ngDevMode ? [{ debugName: "arrowWidth" }] : /* istanbul ignore next */ []));
+    changeModel = output();
+    sliderContainer;
+    galleryTrack;
+    arrowPrevButton;
+    arrowNextButton;
+    prevArrowLongPress = false;
+    nextArrowLongPress = false;
+    _sliderContainer;
+    _galleryTrack;
+    isNextArrowDisabled = false;
+    isPrevArrowDisabled = false;
+    photoCount = 0;
+    galleryWidth = 0;
+    arrowsHidden = false;
+    touchStartX = 0;
+    touchCurrentX = 0;
+    constructor() {
+        afterNextRender(() => {
+            if (this.sliderContainer) {
+                this.initSliderContainer();
+            }
+            if (this.arrowPrevButton) {
+                this.initArrowPrevButtonActions();
+            }
+            if (this.arrowNextButton) {
+                this.initArrowNextButtonActions();
+            }
+        });
+    }
+    syncCardSliderCount = effect(() => {
+        const photos = this.propertyPhotos();
+        if (photos?.length) {
+            this.photoCount = photos.length;
+        }
+    }, { ...(ngDevMode ? { debugName: "syncCardSliderCount" } : /* istanbul ignore next */ {}), allowSignalWrites: true });
+    ngAfterViewInit() {
+        if (this.galleryTrack) {
+            this.initGalleryTrack();
+            this.initWheelAction(this.galleryTrack);
+        }
+    }
+    stepPrevSlider() {
+        this.actionSlider(ESliderAction.STEP_PREV);
+    }
+    stepNextSlider() {
+        this.actionSlider(ESliderAction.STEP_NEXT);
+    }
+    computedPositionSlider() {
+        this.actionSlider(ESliderAction.COMPUTE_POSITION);
+    }
+    actionSlider(action, touchDelta = 0) {
+        const countVisibleSlider = Math.floor(this.galleryWidth / (this.cardWidth() + this.cardMargin()));
+        let currentMarginLeft = parseInt((this._galleryTrack?.style.marginLeft).replace('px', ''), 10);
+        currentMarginLeft = isNaN(currentMarginLeft) ? 0 : currentMarginLeft;
+        let computedPositionSlider = 0;
+        const maxDelta = -(this.cardWidth() + this.cardMargin()) * this.photoCount + this.galleryWidth;
+        let positionSlider = 0;
+        switch (action) {
+            case ESliderAction.STEP_NEXT: {
+                computedPositionSlider = currentMarginLeft - (this.cardWidth() + this.cardMargin());
+                positionSlider = Math.max(computedPositionSlider, maxDelta);
+                if (positionSlider < maxDelta) {
+                    positionSlider = maxDelta;
+                }
+                if (countVisibleSlider >= this.photoCount) {
+                    positionSlider = 0;
+                }
+                break;
+            }
+            case ESliderAction.STEP_PREV: {
+                computedPositionSlider = currentMarginLeft + (this.cardWidth() + this.cardMargin());
+                positionSlider = Math.min(computedPositionSlider, 0);
+                if (positionSlider > 0) {
+                    positionSlider = 0;
+                }
+                break;
+            }
+            case ESliderAction.COMPUTE_POSITION: {
+                computedPositionSlider = -(this.cardWidth() + this.cardMargin()) * this.selectedElementIndex();
+                positionSlider = Math.max(computedPositionSlider, maxDelta);
+                if (positionSlider > 0) {
+                    positionSlider = 0;
+                }
+                break;
+            }
+            case ESliderAction.TOUCH_MOVE: {
+                positionSlider = currentMarginLeft + touchDelta;
+                if (positionSlider > 0) {
+                    positionSlider = 0;
+                }
+                if (positionSlider < maxDelta) {
+                    positionSlider = maxDelta;
+                }
+                if (countVisibleSlider >= this.photoCount) {
+                    positionSlider = 0;
+                }
+                break;
+            }
+        }
+        if (this._galleryTrack) {
+            this._galleryTrack.style.marginLeft = positionSlider + 'px';
+        }
+        this.isPrevArrowDisabled = positionSlider === 0;
+        this.isNextArrowDisabled = maxDelta === positionSlider;
+        this.cdr.detectChanges();
+    }
+    touchStartGallery(evt) {
+        const countTouch = evt.touches.length;
+        if (countTouch > 1) {
+            return;
+        }
+        this.touchStartX = evt.touches[0].clientX;
+        this.touchCurrentX = this.touchStartX;
+    }
+    touchMoveGallery(evt) {
+        if (!this.arrowsHidden) {
+            evt.preventDefault();
+        }
+        const countTouch = evt.touches.length;
+        if (countTouch > 1) {
+            return;
+        }
+        const curr = evt.touches[0].clientX;
+        const touchDelta = curr - this.touchCurrentX;
+        if (Math.abs(touchDelta) > this.touchDelta()) {
+            this.actionSlider(ESliderAction.TOUCH_MOVE, touchDelta);
+            this.touchCurrentX = curr;
+        }
+    }
+    initGalleryTrack() {
+        this._galleryTrack = this.galleryTrack?.nativeElement;
+        this.galleryWidth = +(this._galleryTrack?.parentElement?.offsetWidth || 0);
+        this.photoCount = this._galleryTrack?.children.length || 0;
+    }
+    initWheelAction(elementRef) {
+        fromEvent(elementRef.nativeElement, 'wheel')
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe((e) => {
+            if (!this.arrowsHidden) {
+                e.preventDefault();
+            }
+            const delta = e.deltaY;
+            if (delta > 0) {
+                this.stepNextSlider();
+            }
+            else if (delta < 0) {
+                this.stepPrevSlider();
+            }
+        });
+    }
+    initSliderContainer() {
+        if (!this.window) {
+            return;
+        }
+        this._sliderContainer = this.sliderContainer?.nativeElement;
+        const resize$ = fromEvent(this.window, 'resize').pipe(startWith([
+            this._sliderContainer?.offsetWidth,
+            +(this._galleryTrack?.parentElement?.offsetWidth || 0),
+        ]), switchMap(() => of([
+            +(this._sliderContainer?.offsetWidth || 0),
+            +(this._galleryTrack?.parentElement?.offsetWidth || 0),
+        ])));
+        resize$
+            .pipe(distinctUntilChanged(), debounceTime(100), takeUntilDestroyed(this.destroyRef))
+            .subscribe(([currentWidthPropertyPhotoSlider, galleryUloffsetWidth]) => {
+            this.galleryWidth = galleryUloffsetWidth;
+            const count = (currentWidthPropertyPhotoSlider - 2 * this.arrowWidth()) /
+                (this.cardWidth() + this.cardMargin());
+            const countCeil = Math.ceil(count);
+            this.arrowsHidden = countCeil > this.photoCount;
+            this.computedPositionSlider();
+            this.cdr.detectChanges();
+        });
+    }
+    initArrowPrevButtonActions() {
+        if (this.arrowPrevButton) {
+            this.initLongTouch(this.arrowPrevButton, EArrowAction.STEP_PREV);
+            this.initLongClick(this.arrowPrevButton, EArrowAction.STEP_PREV);
+        }
+    }
+    initArrowNextButtonActions() {
+        if (this.arrowNextButton) {
+            this.initLongTouch(this.arrowNextButton, EArrowAction.STEP_NEXT);
+            this.initLongClick(this.arrowNextButton, EArrowAction.STEP_NEXT);
+        }
+    }
+    initLongTouch(elementRef, typeArrowAction) {
+        const touchstart$ = fromEvent(elementRef.nativeElement, 'touchstart');
+        const touchend$ = fromEvent(elementRef.nativeElement, 'touchend');
+        const longTouch$ = touchstart$.pipe(switchMap((v) => {
+            return of(v).pipe(delay(this.longClickDelay()), takeUntil(touchend$));
+        }));
+        longTouch$
+            .pipe(switchMap(() => {
+            return interval(1000).pipe(takeUntil(touchend$));
+        }), takeUntilDestroyed(this.destroyRef))
+            .subscribe(() => {
+            switch (typeArrowAction) {
+                case EArrowAction.STEP_PREV: {
+                    this.prevArrowLongPress = true;
+                    this.stepPrevSlider();
+                    break;
+                }
+                case EArrowAction.STEP_NEXT: {
+                    this.nextArrowLongPress = true;
+                    this.stepNextSlider();
+                    break;
+                }
+            }
+        });
+    }
+    initLongClick(elementRef, typeArrowAction) {
+        const mouseUp$ = fromEvent(elementRef.nativeElement, 'mouseup');
+        const mouseDown$ = fromEvent(elementRef.nativeElement, 'mousedown');
+        const click$ = fromEvent(elementRef.nativeElement, 'click');
+        const longClick$ = mouseDown$.pipe(switchMap((v) => {
+            return of(v).pipe(delay(this.longClickDelay()), takeUntil(mouseUp$));
+        }));
+        click$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {
+            switch (typeArrowAction) {
+                case EArrowAction.STEP_PREV: {
+                    if (this.prevArrowLongPress) {
+                        this.prevArrowLongPress = false;
+                        return;
+                    }
+                    this.stepPrevSlider();
+                    break;
+                }
+                case EArrowAction.STEP_NEXT: {
+                    if (this.nextArrowLongPress) {
+                        this.nextArrowLongPress = false;
+                        return;
+                    }
+                    this.stepNextSlider();
+                    break;
+                }
+            }
+        });
+        longClick$
+            .pipe(switchMap(() => {
+            return interval(1000).pipe(takeUntil(mouseUp$));
+        }), takeUntilDestroyed(this.destroyRef))
+            .subscribe(() => {
+            switch (typeArrowAction) {
+                case EArrowAction.STEP_PREV: {
+                    this.prevArrowLongPress = true;
+                    this.stepPrevSlider();
+                    break;
+                }
+                case EArrowAction.STEP_NEXT: {
+                    this.nextArrowLongPress = true;
+                    this.stepNextSlider();
+                    break;
+                }
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SimpleSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", type: SimpleSliderComponent, isStandalone: true, selector: "lib-simple-slider", inputs: { propertyPhotos: { classPropertyName: "propertyPhotos", publicName: "propertyPhotos", isSignal: true, isRequired: false, transformFunction: null }, selectedElementIndex: { classPropertyName: "selectedElementIndex", publicName: "selectedElementIndex", isSignal: true, isRequired: false, transformFunction: null }, cardWidth: { classPropertyName: "cardWidth", publicName: "cardWidth", isSignal: true, isRequired: false, transformFunction: null }, cardHeight: { classPropertyName: "cardHeight", publicName: "cardHeight", isSignal: true, isRequired: false, transformFunction: null }, cardMargin: { classPropertyName: "cardMargin", publicName: "cardMargin", isSignal: true, isRequired: false, transformFunction: null }, borderWidth: { classPropertyName: "borderWidth", publicName: "borderWidth", isSignal: true, isRequired: false, transformFunction: null }, cardPadding: { classPropertyName: "cardPadding", publicName: "cardPadding", isSignal: true, isRequired: false, transformFunction: null }, activeBorderColor: { classPropertyName: "activeBorderColor", publicName: "activeBorderColor", isSignal: true, isRequired: false, transformFunction: null }, defaultBorderColor: { classPropertyName: "defaultBorderColor", publicName: "defaultBorderColor", isSignal: true, isRequired: false, transformFunction: null }, inactiveIconColor: { classPropertyName: "inactiveIconColor", publicName: "inactiveIconColor", isSignal: true, isRequired: false, transformFunction: null }, longClickDelay: { classPropertyName: "longClickDelay", publicName: "longClickDelay", isSignal: true, isRequired: false, transformFunction: null }, arrowBackgroundColor: { classPropertyName: "arrowBackgroundColor", publicName: "arrowBackgroundColor", isSignal: true, isRequired: false, transformFunction: null }, arrowBorderColor: { classPropertyName: "arrowBorderColor", publicName: "arrowBorderColor", isSignal: true, isRequired: false, transformFunction: null }, arrowBorderWidth: { classPropertyName: "arrowBorderWidth", publicName: "arrowBorderWidth", isSignal: true, isRequired: false, transformFunction: null }, arrowColor: { classPropertyName: "arrowColor", publicName: "arrowColor", isSignal: true, isRequired: false, transformFunction: null }, touchDelta: { classPropertyName: "touchDelta", publicName: "touchDelta", isSignal: true, isRequired: false, transformFunction: null }, arrowWidth: { classPropertyName: "arrowWidth", publicName: "arrowWidth", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changeModel: "changeModel" }, providers: [WINDOW_PROVIDERS], viewQueries: [{ propertyName: "sliderContainer", first: true, predicate: ["sliderContainer"], descendants: true, read: ElementRef }, { propertyName: "galleryTrack", first: true, predicate: ["galleryTrack"], descendants: true, read: ElementRef }, { propertyName: "arrowPrevButton", first: true, predicate: ["arrowPrevButton"], descendants: true, read: ElementRef }, { propertyName: "arrowNextButton", first: true, predicate: ["arrowNextButton"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"simple-slider\" #sliderContainer>\r\n  <div class=\"simple-slider__arrow simple-slider__arrow--prev\" [class.simple-slider__arrow--hidden]=\"arrowsHidden\">\r\n    <button\r\n      class=\"simple-slider__button\"\r\n      type=\"button\"\r\n      #arrowPrevButton\r\n      [style.background-color]=\"arrowBackgroundColor()\"\r\n      [style.border-color]=\"arrowBorderColor()\"\r\n      [style.border-width.px]=\"arrowBorderWidth()\"\r\n      style=\"border-style: solid\"\r\n    >\r\n      <svg class=\"simple-slider__icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" [style.color]=\"isPrevArrowDisabled ? inactiveIconColor() : arrowColor()\">\r\n        <path fill=\"currentColor\" d=\"M20.547 21.453l-6.107-6.12 6.107-6.12-1.88-1.88-8 8 8 8z\"></path>\r\n      </svg>\r\n    </button>\r\n  </div>\r\n\r\n  <div class=\"simple-slider__gallery\">\r\n    <ul class=\"simple-slider__track\" #galleryTrack (touchstart)=\"touchStartGallery($event)\" (touchmove)=\"touchMoveGallery($event)\">\r\n      @for (photo of propertyPhotos(); let i = $index; track photo.url) {\r\n        <li class=\"simple-slider__item\" [style.margin-right.px]=\"cardMargin()\">\r\n          <simple-slider-photo\r\n            [photoLink]=\"photo.url\"\r\n            [photoAlt]=\"photo.alt\"\r\n            [isDisabled]=\"photo.disabled || false\"\r\n            [isActive]=\"i === selectedElementIndex()\"\r\n            [cardWidth]=\"cardWidth()\"\r\n            [cardHeight]=\"cardHeight()\"\r\n            [borderWidth]=\"borderWidth()\"\r\n            [cardPadding]=\"cardPadding()\"\r\n            [activeBorderColor]=\"activeBorderColor()\"\r\n            [defaultBorderColor]=\"defaultBorderColor()\"\r\n            (changeModel)=\"changeModel.emit(i)\"\r\n          ></simple-slider-photo>\r\n        </li>\r\n      }\r\n    </ul>\r\n  </div>\r\n\r\n  <div class=\"simple-slider__arrow simple-slider__arrow--next\" [class.simple-slider__arrow--hidden]=\"arrowsHidden\">\r\n    <button\r\n      class=\"simple-slider__button\"\r\n      type=\"button\"\r\n      #arrowNextButton\r\n      [style.background-color]=\"arrowBackgroundColor()\"\r\n      [style.border-color]=\"arrowBorderColor()\"\r\n      [style.border-width.px]=\"arrowBorderWidth()\"\r\n      style=\"border-style: solid\"\r\n    >\r\n      <svg class=\"simple-slider__icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" [style.color]=\"isNextArrowDisabled ? inactiveIconColor() : arrowColor()\">\r\n        <path fill=\"currentColor\" d=\"M11.453 21.787l6.107-6.12-6.107-6.12 1.88-1.88 8 8-8 8z\"></path>\r\n      </svg>\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: [".simple-slider{display:flex;line-height:normal;-webkit-user-select:none;user-select:none}.simple-slider__arrow{touch-action:manipulation;min-width:36px}.simple-slider__arrow--hidden{display:none}.simple-slider__button{height:100%;width:100%;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.simple-slider__icon{width:24px;height:24px}.simple-slider__gallery{overflow:hidden;flex-grow:1}.simple-slider__track{display:flex;margin:0;padding:0;list-style:none;transition:margin-left .25s;font-size:0}.simple-slider__item{display:inline-block}\n"], dependencies: [{ kind: "component", type: SimpleSliderPhotoComponent, selector: "simple-slider-photo", inputs: ["photoLink", "photoAlt", "isActive", "isDisabled", "cardWidth", "cardHeight", "borderWidth", "cardPadding", "activeBorderColor", "defaultBorderColor"], outputs: ["changeModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SimpleSliderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-simple-slider', imports: [SimpleSliderPhotoComponent], providers: [WINDOW_PROVIDERS], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"simple-slider\" #sliderContainer>\r\n  <div class=\"simple-slider__arrow simple-slider__arrow--prev\" [class.simple-slider__arrow--hidden]=\"arrowsHidden\">\r\n    <button\r\n      class=\"simple-slider__button\"\r\n      type=\"button\"\r\n      #arrowPrevButton\r\n      [style.background-color]=\"arrowBackgroundColor()\"\r\n      [style.border-color]=\"arrowBorderColor()\"\r\n      [style.border-width.px]=\"arrowBorderWidth()\"\r\n      style=\"border-style: solid\"\r\n    >\r\n      <svg class=\"simple-slider__icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" [style.color]=\"isPrevArrowDisabled ? inactiveIconColor() : arrowColor()\">\r\n        <path fill=\"currentColor\" d=\"M20.547 21.453l-6.107-6.12 6.107-6.12-1.88-1.88-8 8 8 8z\"></path>\r\n      </svg>\r\n    </button>\r\n  </div>\r\n\r\n  <div class=\"simple-slider__gallery\">\r\n    <ul class=\"simple-slider__track\" #galleryTrack (touchstart)=\"touchStartGallery($event)\" (touchmove)=\"touchMoveGallery($event)\">\r\n      @for (photo of propertyPhotos(); let i = $index; track photo.url) {\r\n        <li class=\"simple-slider__item\" [style.margin-right.px]=\"cardMargin()\">\r\n          <simple-slider-photo\r\n            [photoLink]=\"photo.url\"\r\n            [photoAlt]=\"photo.alt\"\r\n            [isDisabled]=\"photo.disabled || false\"\r\n            [isActive]=\"i === selectedElementIndex()\"\r\n            [cardWidth]=\"cardWidth()\"\r\n            [cardHeight]=\"cardHeight()\"\r\n            [borderWidth]=\"borderWidth()\"\r\n            [cardPadding]=\"cardPadding()\"\r\n            [activeBorderColor]=\"activeBorderColor()\"\r\n            [defaultBorderColor]=\"defaultBorderColor()\"\r\n            (changeModel)=\"changeModel.emit(i)\"\r\n          ></simple-slider-photo>\r\n        </li>\r\n      }\r\n    </ul>\r\n  </div>\r\n\r\n  <div class=\"simple-slider__arrow simple-slider__arrow--next\" [class.simple-slider__arrow--hidden]=\"arrowsHidden\">\r\n    <button\r\n      class=\"simple-slider__button\"\r\n      type=\"button\"\r\n      #arrowNextButton\r\n      [style.background-color]=\"arrowBackgroundColor()\"\r\n      [style.border-color]=\"arrowBorderColor()\"\r\n      [style.border-width.px]=\"arrowBorderWidth()\"\r\n      style=\"border-style: solid\"\r\n    >\r\n      <svg class=\"simple-slider__icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" [style.color]=\"isNextArrowDisabled ? inactiveIconColor() : arrowColor()\">\r\n        <path fill=\"currentColor\" d=\"M11.453 21.787l6.107-6.12-6.107-6.12 1.88-1.88 8 8-8 8z\"></path>\r\n      </svg>\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: [".simple-slider{display:flex;line-height:normal;-webkit-user-select:none;user-select:none}.simple-slider__arrow{touch-action:manipulation;min-width:36px}.simple-slider__arrow--hidden{display:none}.simple-slider__button{height:100%;width:100%;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.simple-slider__icon{width:24px;height:24px}.simple-slider__gallery{overflow:hidden;flex-grow:1}.simple-slider__track{display:flex;margin:0;padding:0;list-style:none;transition:margin-left .25s;font-size:0}.simple-slider__item{display:inline-block}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { propertyPhotos: [{ type: i0.Input, args: [{ isSignal: true, alias: "propertyPhotos", required: false }] }], selectedElementIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedElementIndex", required: false }] }], cardWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "cardWidth", required: false }] }], cardHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "cardHeight", required: false }] }], cardMargin: [{ type: i0.Input, args: [{ isSignal: true, alias: "cardMargin", required: false }] }], borderWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "borderWidth", required: false }] }], cardPadding: [{ type: i0.Input, args: [{ isSignal: true, alias: "cardPadding", required: false }] }], activeBorderColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeBorderColor", required: false }] }], defaultBorderColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultBorderColor", required: false }] }], inactiveIconColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "inactiveIconColor", required: false }] }], longClickDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "longClickDelay", required: false }] }], arrowBackgroundColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "arrowBackgroundColor", required: false }] }], arrowBorderColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "arrowBorderColor", required: false }] }], arrowBorderWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "arrowBorderWidth", required: false }] }], arrowColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "arrowColor", required: false }] }], touchDelta: [{ type: i0.Input, args: [{ isSignal: true, alias: "touchDelta", required: false }] }], arrowWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "arrowWidth", required: false }] }], changeModel: [{ type: i0.Output, args: ["changeModel"] }], sliderContainer: [{
+                type: ViewChild,
+                args: ['sliderContainer', { static: false, read: ElementRef }]
+            }], galleryTrack: [{
+                type: ViewChild,
+                args: ['galleryTrack', { static: false, read: ElementRef }]
+            }], arrowPrevButton: [{
+                type: ViewChild,
+                args: ['arrowPrevButton', { static: false, read: ElementRef }]
+            }], arrowNextButton: [{
+                type: ViewChild,
+                args: ['arrowNextButton', { static: false, read: ElementRef }]
+            }] } });
+
+/*
+ * Public API Surface of simple-slider
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SimpleSliderComponent };
+//# sourceMappingURL=simple-slider-angular.mjs.map

package/fesm2022/simple-slider-angular.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple-slider-angular.mjs","sources":["../../../projects/simple-slider/src/lib/providers/window.providers.ts","../../../projects/simple-slider/src/lib/enums/slider.enums.ts","../../../projects/simple-slider/src/lib/components/simple-slider-photo/simple-slider-photo.component.ts","../../../projects/simple-slider/src/lib/components/simple-slider-photo/simple-slider-photo.component.html","../../../projects/simple-slider/src/lib/simple-slider.component.ts","../../../projects/simple-slider/src/lib/simple-slider.component.html","../../../projects/simple-slider/src/public-api.ts","../../../projects/simple-slider/src/simple-slider-angular.ts"],"sourcesContent":["import { FactoryProvider, InjectionToken, PLATFORM_ID } from '@angular/core';\r\nimport { isPlatformBrowser } from '@angular/common';\r\n\r\n\r\nexport const WINDOW = new InjectionToken<Window>('window');\r\n\r\n\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\nconst windowProvider: FactoryProvider = {\r\n  provide: WINDOW,\r\n  useFactory: (platformId: any) => {\r\n    if (isPlatformBrowser(platformId)) {\r\n      return window;\r\n    }\r\n    return {};\r\n  },\r\n  deps: [PLATFORM_ID],\r\n};\r\n\r\nexport const WINDOW_PROVIDERS = [windowProvider];\r\n","export enum ESliderAction {\n  COMPUTE_POSITION = 'computePosition',\n  STEP_NEXT = 'stepNext',\n  STEP_PREV = 'stepPrev',\n  TOUCH_MOVE = 'touchMove',\n}\n\nexport enum EArrowAction {\n  STEP_NEXT = 'stepNext',\n  STEP_PREV = 'stepPrev',\n}\n","import { ChangeDetectionStrategy, Component, input, output } from '@angular/core';\r\nimport { NgOptimizedImage } from '@angular/common';\r\nimport { SafeResourceUrl } from '@angular/platform-browser';\r\n\r\n@Component({\r\n  selector: 'simple-slider-photo',\r\n  templateUrl: './simple-slider-photo.component.html',\r\n  styleUrls: ['./simple-slider-photo.component.scss'],\r\n  imports: [NgOptimizedImage],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class SimpleSliderPhotoComponent {\r\n  photoLink = input<string | SafeResourceUrl>();\r\n  photoAlt = input('');\r\n  isActive = input(false);\r\n  isDisabled = input(false);\r\n  cardWidth = input(0);\r\n  cardHeight = input(0);\r\n  borderWidth = input(0);\r\n  cardPadding = input(0);\r\n  activeBorderColor = input('#1976d2');\r\n  defaultBorderColor = input('#fff');\r\n\r\n  changeModel = output<void>();\r\n\r\n  get borderColor(): string {\r\n    return this.isActive() ? this.activeBorderColor() : this.defaultBorderColor();\r\n  }\r\n}\r\n","<div\r\n  class=\"simple-slider-photo\"\r\n  [class.simple-slider-photo--disabled]=\"isDisabled()\"\r\n  [style.border-width.px]=\"borderWidth()\"\r\n  [style.padding.px]=\"cardPadding()\"\r\n  [style.border-color]=\"borderColor\"\r\n  (click)=\"changeModel.emit()\"\r\n>\r\n  @if (photoLink()) {\r\n    <img\r\n      class=\"simple-slider-photo__image\"\r\n      [alt]=\"photoAlt()\"\r\n      [ngSrc]=\"photoLink()!\"\r\n      [width]=\"cardWidth() - 2*cardPadding() - 2*borderWidth()\"\r\n      [height]=\"cardHeight() - 2*cardPadding() - 2*borderWidth()\"\r\n    />\r\n  }\r\n</div>\r\n","import {\r\n  afterNextRender,\r\n  AfterViewInit,\r\n  ChangeDetectionStrategy,\r\n  ChangeDetectorRef,\r\n  Component,\r\n  DestroyRef,\r\n  effect,\r\n  ElementRef,\r\n  inject,\r\n  input,\r\n  output,\r\n  ViewChild,\r\n} from '@angular/core';\r\nimport { WINDOW, WINDOW_PROVIDERS } from './providers/window.providers';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\nimport {\r\n  debounceTime,\r\n  fromEvent,\r\n  startWith,\r\n  switchMap,\r\n  distinctUntilChanged,\r\n  of,\r\n  delay,\r\n  takeUntil,\r\n  interval,\r\n} from 'rxjs';\r\nimport { EArrowAction, ESliderAction } from './enums/slider.enums';\r\nimport { ISliderPhoto } from './interfaces/slider.interface';\r\nimport { SimpleSliderPhotoComponent } from './components/simple-slider-photo/simple-slider-photo.component';\r\n\r\n@Component({\r\n  selector: 'lib-simple-slider',\r\n  templateUrl: './simple-slider.component.html',\r\n  styleUrls: ['./simple-slider.component.scss'],\r\n  imports: [SimpleSliderPhotoComponent],\r\n  providers: [WINDOW_PROVIDERS],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class SimpleSliderComponent implements AfterViewInit {\r\n  private readonly window = inject(WINDOW);\r\n\r\n  private readonly cdr = inject(ChangeDetectorRef);\r\n\r\n  private readonly destroyRef = inject(DestroyRef);\r\n\r\n  propertyPhotos = input<ISliderPhoto[]>([]);\r\n  selectedElementIndex = input(0);\r\n  cardWidth = input(60);\r\n  cardHeight = input(90);\r\n  cardMargin = input(10);\r\n  borderWidth = input(1);\r\n  cardPadding = input(2);\r\n  activeBorderColor = input('#1976d2');\r\n  defaultBorderColor = input('#fff');\r\n  inactiveIconColor = input('#9e9e9e');\r\n  longClickDelay = input(200);\r\n  arrowBackgroundColor = input('transparent');\r\n  arrowBorderColor = input('transparent');\r\n  arrowBorderWidth = input(0);\r\n  arrowColor = input('#333');\r\n  touchDelta = input(20);\r\n  arrowWidth = input(36);\r\n\r\n  changeModel = output<number>();\r\n\r\n  @ViewChild('sliderContainer', { static: false, read: ElementRef })\r\n  sliderContainer?: ElementRef;\r\n  @ViewChild('galleryTrack', { static: false, read: ElementRef })\r\n  galleryTrack?: ElementRef;\r\n  @ViewChild('arrowPrevButton', { static: false, read: ElementRef })\r\n  arrowPrevButton?: ElementRef;\r\n  @ViewChild('arrowNextButton', { static: false, read: ElementRef })\r\n  arrowNextButton?: ElementRef;\r\n\r\n  prevArrowLongPress = false;\r\n  nextArrowLongPress = false;\r\n\r\n  private _sliderContainer?: HTMLDivElement;\r\n  private _galleryTrack?: HTMLDivElement;\r\n\r\n  isNextArrowDisabled = false;\r\n  isPrevArrowDisabled = false;\r\n\r\n  photoCount = 0;\r\n  galleryWidth = 0;\r\n  arrowsHidden = false;\r\n\r\n  touchStartX = 0;\r\n  touchCurrentX = 0;\r\n\r\n  constructor() {\r\n    afterNextRender(() => {\r\n      if (this.sliderContainer) {\r\n        this.initSliderContainer();\r\n      }\r\n\r\n      if (this.arrowPrevButton) {\r\n        this.initArrowPrevButtonActions();\r\n      }\r\n\r\n      if (this.arrowNextButton) {\r\n        this.initArrowNextButtonActions();\r\n      }\r\n    });\r\n  }\r\n\r\n  private syncCardSliderCount = effect(() => {\r\n    const photos = this.propertyPhotos();\r\n    if (photos?.length) {\r\n      this.photoCount = photos.length;\r\n    }\r\n  }, { allowSignalWrites: true });\r\n\r\n  ngAfterViewInit() {\r\n    if (this.galleryTrack) {\r\n      this.initGalleryTrack();\r\n      this.initWheelAction(this.galleryTrack);\r\n    }\r\n  }\r\n\r\n  public stepPrevSlider(): void {\r\n    this.actionSlider(ESliderAction.STEP_PREV);\r\n  }\r\n\r\n  public stepNextSlider(): void {\r\n    this.actionSlider(ESliderAction.STEP_NEXT);\r\n  }\r\n\r\n  public computedPositionSlider(): void {\r\n    this.actionSlider(ESliderAction.COMPUTE_POSITION);\r\n  }\r\n\r\n  private actionSlider(action: ESliderAction, touchDelta = 0): void {\r\n    const countVisibleSlider = Math.floor(this.galleryWidth / (this.cardWidth() + this.cardMargin()));\r\n\r\n    let currentMarginLeft = parseInt(\r\n      (this._galleryTrack?.style.marginLeft as string).replace('px', ''),\r\n      10,\r\n    );\r\n    currentMarginLeft = isNaN(currentMarginLeft) ? 0 : currentMarginLeft;\r\n\r\n    let computedPositionSlider = 0;\r\n    const maxDelta = -(this.cardWidth() + this.cardMargin()) * this.photoCount + this.galleryWidth;\r\n    let positionSlider = 0;\r\n\r\n    switch (action) {\r\n      case ESliderAction.STEP_NEXT: {\r\n        computedPositionSlider = currentMarginLeft - (this.cardWidth() + this.cardMargin());\r\n        positionSlider = Math.max(computedPositionSlider, maxDelta);\r\n\r\n        if (positionSlider < maxDelta) {\r\n          positionSlider = maxDelta;\r\n        }\r\n\r\n        if (countVisibleSlider >= this.photoCount) {\r\n          positionSlider = 0;\r\n        }\r\n\r\n        break;\r\n      }\r\n\r\n      case ESliderAction.STEP_PREV: {\r\n        computedPositionSlider = currentMarginLeft + (this.cardWidth() + this.cardMargin());\r\n        positionSlider = Math.min(computedPositionSlider, 0);\r\n\r\n        if (positionSlider > 0) {\r\n          positionSlider = 0;\r\n        }\r\n\r\n        break;\r\n      }\r\n\r\n      case ESliderAction.COMPUTE_POSITION: {\r\n        computedPositionSlider = -(this.cardWidth() + this.cardMargin()) * this.selectedElementIndex();\r\n        positionSlider = Math.max(computedPositionSlider, maxDelta);\r\n\r\n        if (positionSlider > 0) {\r\n          positionSlider = 0;\r\n        }\r\n\r\n        break;\r\n      }\r\n\r\n      case ESliderAction.TOUCH_MOVE: {\r\n        positionSlider = currentMarginLeft + touchDelta;\r\n\r\n        if (positionSlider > 0) {\r\n          positionSlider = 0;\r\n        }\r\n\r\n        if (positionSlider < maxDelta) {\r\n          positionSlider = maxDelta;\r\n        }\r\n\r\n        if (countVisibleSlider >= this.photoCount) {\r\n          positionSlider = 0;\r\n        }\r\n\r\n        break;\r\n      }\r\n    }\r\n\r\n    if (this._galleryTrack) {\r\n      this._galleryTrack.style.marginLeft = positionSlider + 'px';\r\n    }\r\n\r\n    this.isPrevArrowDisabled = positionSlider === 0;\r\n    this.isNextArrowDisabled = maxDelta === positionSlider;\r\n\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  public touchStartGallery(evt: TouchEvent) {\r\n    const countTouch = evt.touches.length;\r\n\r\n    if (countTouch > 1) {\r\n      return;\r\n    }\r\n\r\n    this.touchStartX = evt.touches[0].clientX;\r\n    this.touchCurrentX = this.touchStartX;\r\n  }\r\n\r\n  public touchMoveGallery(evt: TouchEvent) {\r\n    if (!this.arrowsHidden) {\r\n      evt.preventDefault();\r\n    }\r\n\r\n    const countTouch = evt.touches.length;\r\n\r\n    if (countTouch > 1) {\r\n      return;\r\n    }\r\n    const curr = evt.touches[0].clientX;\r\n    const touchDelta = curr - this.touchCurrentX;\r\n\r\n    if (Math.abs(touchDelta) > this.touchDelta()) {\r\n      this.actionSlider(ESliderAction.TOUCH_MOVE, touchDelta);\r\n      this.touchCurrentX = curr;\r\n    }\r\n  }\r\n\r\n  private initGalleryTrack() {\r\n    this._galleryTrack = this.galleryTrack?.nativeElement;\r\n    this.galleryWidth = +(this._galleryTrack?.parentElement?.offsetWidth || 0);\r\n    this.photoCount = this._galleryTrack?.children.length || 0;\r\n  }\r\n\r\n  private initWheelAction(elementRef: ElementRef) {\r\n    fromEvent<WheelEvent>(elementRef.nativeElement, 'wheel')\r\n      .pipe(takeUntilDestroyed(this.destroyRef))\r\n      .subscribe(\r\n      (e: WheelEvent) => {\r\n        if (!this.arrowsHidden) {\r\n          e.preventDefault();\r\n        }\r\n        const delta = e.deltaY;\r\n        if (delta > 0) {\r\n          this.stepNextSlider();\r\n        } else if (delta < 0) {\r\n          this.stepPrevSlider();\r\n        }\r\n      },\r\n    );\r\n  }\r\n\r\n  private initSliderContainer() {\r\n    if (!this.window) {\r\n      return;\r\n    }\r\n\r\n    this._sliderContainer = this.sliderContainer?.nativeElement;\r\n\r\n    const resize$ = fromEvent(this.window, 'resize').pipe(\r\n      startWith([\r\n        this._sliderContainer?.offsetWidth,\r\n        +(this._galleryTrack?.parentElement?.offsetWidth || 0),\r\n      ]),\r\n      switchMap(() =>\r\n        of([\r\n          +(this._sliderContainer?.offsetWidth || 0),\r\n          +(this._galleryTrack?.parentElement?.offsetWidth || 0),\r\n        ]),\r\n      ),\r\n    );\r\n\r\n    resize$\r\n      .pipe(distinctUntilChanged(), debounceTime(100), takeUntilDestroyed(this.destroyRef))\r\n      .subscribe(([currentWidthPropertyPhotoSlider, galleryUloffsetWidth]) => {\r\n        this.galleryWidth = galleryUloffsetWidth;\r\n        const count =\r\n          (currentWidthPropertyPhotoSlider - 2 * this.arrowWidth()) /\r\n          (this.cardWidth() + this.cardMargin());\r\n        const countCeil = Math.ceil(count);\r\n\r\n        this.arrowsHidden = countCeil > this.photoCount;\r\n        this.computedPositionSlider();\r\n\r\n        this.cdr.detectChanges();\r\n      });\r\n  }\r\n\r\n  private initArrowPrevButtonActions() {\r\n    if (this.arrowPrevButton) {\r\n      this.initLongTouch(this.arrowPrevButton, EArrowAction.STEP_PREV);\r\n      this.initLongClick(this.arrowPrevButton, EArrowAction.STEP_PREV);\r\n    }\r\n  }\r\n\r\n  private initArrowNextButtonActions() {\r\n    if (this.arrowNextButton) {\r\n      this.initLongTouch(this.arrowNextButton, EArrowAction.STEP_NEXT);\r\n      this.initLongClick(this.arrowNextButton, EArrowAction.STEP_NEXT);\r\n    }\r\n  }\r\n\r\n  private initLongTouch(elementRef: ElementRef, typeArrowAction: EArrowAction) {\r\n    const touchstart$ = fromEvent(elementRef.nativeElement, 'touchstart');\r\n    const touchend$ = fromEvent(elementRef.nativeElement, 'touchend');\r\n\r\n    const longTouch$ = touchstart$.pipe(\r\n      switchMap((v) => {\r\n        return of(v).pipe(delay(this.longClickDelay()), takeUntil(touchend$));\r\n      }),\r\n    );\r\n\r\n    longTouch$\r\n      .pipe(\r\n        switchMap(() => {\r\n          return interval(1000).pipe(takeUntil(touchend$));\r\n        }),\r\n        takeUntilDestroyed(this.destroyRef),\r\n      )\r\n      .subscribe(() => {\r\n        switch (typeArrowAction) {\r\n          case EArrowAction.STEP_PREV: {\r\n            this.prevArrowLongPress = true;\r\n            this.stepPrevSlider();\r\n            break;\r\n          }\r\n          case EArrowAction.STEP_NEXT: {\r\n            this.nextArrowLongPress = true;\r\n            this.stepNextSlider();\r\n            break;\r\n          }\r\n        }\r\n      });\r\n  }\r\n\r\n  private initLongClick(elementRef: ElementRef, typeArrowAction: EArrowAction) {\r\n    const mouseUp$ = fromEvent(elementRef.nativeElement, 'mouseup');\r\n    const mouseDown$ = fromEvent(elementRef.nativeElement, 'mousedown');\r\n    const click$ = fromEvent(elementRef.nativeElement, 'click');\r\n\r\n    const longClick$ = mouseDown$.pipe(\r\n      switchMap((v) => {\r\n        return of(v).pipe(delay(this.longClickDelay()), takeUntil(mouseUp$));\r\n      }),\r\n    );\r\n\r\n    click$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {\r\n      switch (typeArrowAction) {\r\n        case EArrowAction.STEP_PREV: {\r\n          if (this.prevArrowLongPress) {\r\n            this.prevArrowLongPress = false;\r\n            return;\r\n          }\r\n          this.stepPrevSlider();\r\n          break;\r\n        }\r\n        case EArrowAction.STEP_NEXT: {\r\n          if (this.nextArrowLongPress) {\r\n            this.nextArrowLongPress = false;\r\n            return;\r\n          }\r\n          this.stepNextSlider();\r\n          break;\r\n        }\r\n      }\r\n    });\r\n\r\n    longClick$\r\n      .pipe(\r\n        switchMap(() => {\r\n          return interval(1000).pipe(takeUntil(mouseUp$));\r\n        }),\r\n        takeUntilDestroyed(this.destroyRef),\r\n      )\r\n      .subscribe(() => {\r\n        switch (typeArrowAction) {\r\n          case EArrowAction.STEP_PREV: {\r\n            this.prevArrowLongPress = true;\r\n            this.stepPrevSlider();\r\n            break;\r\n          }\r\n          case EArrowAction.STEP_NEXT: {\r\n            this.nextArrowLongPress = true;\r\n            this.stepNextSlider();\r\n            break;\r\n          }\r\n        }\r\n      });\r\n  }\r\n}\r\n","<div class=\"simple-slider\" #sliderContainer>\r\n  <div class=\"simple-slider__arrow simple-slider__arrow--prev\" [class.simple-slider__arrow--hidden]=\"arrowsHidden\">\r\n    <button\r\n      class=\"simple-slider__button\"\r\n      type=\"button\"\r\n      #arrowPrevButton\r\n      [style.background-color]=\"arrowBackgroundColor()\"\r\n      [style.border-color]=\"arrowBorderColor()\"\r\n      [style.border-width.px]=\"arrowBorderWidth()\"\r\n      style=\"border-style: solid\"\r\n    >\r\n      <svg class=\"simple-slider__icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" [style.color]=\"isPrevArrowDisabled ? inactiveIconColor() : arrowColor()\">\r\n        <path fill=\"currentColor\" d=\"M20.547 21.453l-6.107-6.12 6.107-6.12-1.88-1.88-8 8 8 8z\"></path>\r\n      </svg>\r\n    </button>\r\n  </div>\r\n\r\n  <div class=\"simple-slider__gallery\">\r\n    <ul class=\"simple-slider__track\" #galleryTrack (touchstart)=\"touchStartGallery($event)\" (touchmove)=\"touchMoveGallery($event)\">\r\n      @for (photo of propertyPhotos(); let i = $index; track photo.url) {\r\n        <li class=\"simple-slider__item\" [style.margin-right.px]=\"cardMargin()\">\r\n          <simple-slider-photo\r\n            [photoLink]=\"photo.url\"\r\n            [photoAlt]=\"photo.alt\"\r\n            [isDisabled]=\"photo.disabled || false\"\r\n            [isActive]=\"i === selectedElementIndex()\"\r\n            [cardWidth]=\"cardWidth()\"\r\n            [cardHeight]=\"cardHeight()\"\r\n            [borderWidth]=\"borderWidth()\"\r\n            [cardPadding]=\"cardPadding()\"\r\n            [activeBorderColor]=\"activeBorderColor()\"\r\n            [defaultBorderColor]=\"defaultBorderColor()\"\r\n            (changeModel)=\"changeModel.emit(i)\"\r\n          ></simple-slider-photo>\r\n        </li>\r\n      }\r\n    </ul>\r\n  </div>\r\n\r\n  <div class=\"simple-slider__arrow simple-slider__arrow--next\" [class.simple-slider__arrow--hidden]=\"arrowsHidden\">\r\n    <button\r\n      class=\"simple-slider__button\"\r\n      type=\"button\"\r\n      #arrowNextButton\r\n      [style.background-color]=\"arrowBackgroundColor()\"\r\n      [style.border-color]=\"arrowBorderColor()\"\r\n      [style.border-width.px]=\"arrowBorderWidth()\"\r\n      style=\"border-style: solid\"\r\n    >\r\n      <svg class=\"simple-slider__icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" [style.color]=\"isNextArrowDisabled ? inactiveIconColor() : arrowColor()\">\r\n        <path fill=\"currentColor\" d=\"M11.453 21.787l6.107-6.12-6.107-6.12 1.88-1.88 8 8-8 8z\"></path>\r\n      </svg>\r\n    </button>\r\n  </div>\r\n</div>\r\n","/*\n * Public API Surface of simple-slider\n */\n\nexport * from './lib/simple-slider.component';\nexport * from './lib/interfaces/slider.interface';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "@severfam/simple-slider-angular",
+  "version": "0.1.0",
+  "description": "A lightweight, configurable photo slider/gallery component for Angular with touch support, arrow navigation, and full customization via signal-based inputs.",
+  "keywords": [
+    "angular",
+    "slider",
+    "gallery",
+    "photo-slider",
+    "image-carousel",
+    "carousel",
+    "component",
+    "ng",
+    "angular-component",
+    "touch-slider",
+    "responsive-slider"
+  ],
+  "license": "MIT",
+  "peerDependencies": {
+    "@angular/common": "^21.0.0",
+    "@angular/core": "^21.0.0",
+    "@angular/platform-browser": "^21.0.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/sashaseverfam/simple-slider.git"
+  },
+  "homepage": "https://github.com/sashaseverfam/simple-slider#readme",
+  "bugs": {
+    "url": "https://github.com/sashaseverfam/simple-slider/issues"
+  },
+  "module": "fesm2022/severfam-simple-slider-angular.mjs",
+  "typings": "types/severfam-simple-slider-angular.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/severfam-simple-slider-angular.d.ts",
+      "default": "./fesm2022/severfam-simple-slider-angular.mjs"
+    }
+  },
+  "type": "module"
+}

package/types/severfam-simple-slider-angular.d.ts

@@ -0,0 +1,70 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef } from '@angular/core';
+import { SafeResourceUrl } from '@angular/platform-browser';
+
+interface ISliderPhoto {
+    url: string | SafeResourceUrl;
+    name: string;
+    alt: string;
+    disabled?: boolean;
+}
+
+declare class SimpleSliderComponent implements AfterViewInit {
+    private readonly window;
+    private readonly cdr;
+    private readonly destroyRef;
+    propertyPhotos: _angular_core.InputSignal<ISliderPhoto[]>;
+    selectedElementIndex: _angular_core.InputSignal<number>;
+    cardWidth: _angular_core.InputSignal<number>;
+    cardHeight: _angular_core.InputSignal<number>;
+    cardMargin: _angular_core.InputSignal<number>;
+    borderWidth: _angular_core.InputSignal<number>;
+    cardPadding: _angular_core.InputSignal<number>;
+    activeBorderColor: _angular_core.InputSignal<string>;
+    defaultBorderColor: _angular_core.InputSignal<string>;
+    inactiveIconColor: _angular_core.InputSignal<string>;
+    longClickDelay: _angular_core.InputSignal<number>;
+    arrowBackgroundColor: _angular_core.InputSignal<string>;
+    arrowBorderColor: _angular_core.InputSignal<string>;
+    arrowBorderWidth: _angular_core.InputSignal<number>;
+    arrowColor: _angular_core.InputSignal<string>;
+    touchDelta: _angular_core.InputSignal<number>;
+    arrowWidth: _angular_core.InputSignal<number>;
+    changeModel: _angular_core.OutputEmitterRef<number>;
+    sliderContainer?: ElementRef;
+    galleryTrack?: ElementRef;
+    arrowPrevButton?: ElementRef;
+    arrowNextButton?: ElementRef;
+    prevArrowLongPress: boolean;
+    nextArrowLongPress: boolean;
+    private _sliderContainer?;
+    private _galleryTrack?;
+    isNextArrowDisabled: boolean;
+    isPrevArrowDisabled: boolean;
+    photoCount: number;
+    galleryWidth: number;
+    arrowsHidden: boolean;
+    touchStartX: number;
+    touchCurrentX: number;
+    constructor();
+    private syncCardSliderCount;
+    ngAfterViewInit(): void;
+    stepPrevSlider(): void;
+    stepNextSlider(): void;
+    computedPositionSlider(): void;
+    private actionSlider;
+    touchStartGallery(evt: TouchEvent): void;
+    touchMoveGallery(evt: TouchEvent): void;
+    private initGalleryTrack;
+    private initWheelAction;
+    private initSliderContainer;
+    private initArrowPrevButtonActions;
+    private initArrowNextButtonActions;
+    private initLongTouch;
+    private initLongClick;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SimpleSliderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SimpleSliderComponent, "lib-simple-slider", never, { "propertyPhotos": { "alias": "propertyPhotos"; "required": false; "isSignal": true; }; "selectedElementIndex": { "alias": "selectedElementIndex"; "required": false; "isSignal": true; }; "cardWidth": { "alias": "cardWidth"; "required": false; "isSignal": true; }; "cardHeight": { "alias": "cardHeight"; "required": false; "isSignal": true; }; "cardMargin": { "alias": "cardMargin"; "required": false; "isSignal": true; }; "borderWidth": { "alias": "borderWidth"; "required": false; "isSignal": true; }; "cardPadding": { "alias": "cardPadding"; "required": false; "isSignal": true; }; "activeBorderColor": { "alias": "activeBorderColor"; "required": false; "isSignal": true; }; "defaultBorderColor": { "alias": "defaultBorderColor"; "required": false; "isSignal": true; }; "inactiveIconColor": { "alias": "inactiveIconColor"; "required": false; "isSignal": true; }; "longClickDelay": { "alias": "longClickDelay"; "required": false; "isSignal": true; }; "arrowBackgroundColor": { "alias": "arrowBackgroundColor"; "required": false; "isSignal": true; }; "arrowBorderColor": { "alias": "arrowBorderColor"; "required": false; "isSignal": true; }; "arrowBorderWidth": { "alias": "arrowBorderWidth"; "required": false; "isSignal": true; }; "arrowColor": { "alias": "arrowColor"; "required": false; "isSignal": true; }; "touchDelta": { "alias": "touchDelta"; "required": false; "isSignal": true; }; "arrowWidth": { "alias": "arrowWidth"; "required": false; "isSignal": true; }; }, { "changeModel": "changeModel"; }, never, never, true, never>;
+}
+
+export { SimpleSliderComponent };
+export type { ISliderPhoto };