@severfam/simple-slider-angular 0.1.0

package/types/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 };