@hantarex/ngx-carousel 0.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +24 -0
- package/esm2022/hantarex-ngx-carousel.mjs +5 -0
- package/esm2022/lib/carousel-slide/carousel-slide.component.mjs +45 -0
- package/esm2022/lib/carousel-slide/carousel-slide.mjs +2 -0
- package/esm2022/lib/carousel.mjs +2 -0
- package/esm2022/lib/ngx-carousel.component.mjs +414 -0
- package/esm2022/lib/ngx-carousel.service.mjs +14 -0
- package/esm2022/public-api.mjs +7 -0
- package/fesm2022/hantarex-ngx-carousel.mjs +477 -0
- package/fesm2022/hantarex-ngx-carousel.mjs.map +1 -0
- package/index.d.ts +5 -0
- package/lib/carousel-slide/carousel-slide.component.d.ts +19 -0
- package/lib/carousel-slide/carousel-slide.d.ts +9 -0
- package/lib/carousel.d.ts +24 -0
- package/lib/ngx-carousel.component.d.ts +89 -0
- package/lib/ngx-carousel.service.d.ts +6 -0
- package/package.json +26 -0
- package/public-api.d.ts +3 -0
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
import { AfterContentInit, AfterViewInit, EventEmitter, OnDestroy, QueryList, Renderer2 } from '@angular/core';
|
|
2
|
+
import { MatCarousel, Orientation, SvgIconOverrides } from "./carousel";
|
|
3
|
+
import { ThemePalette } from "@angular/material/core";
|
|
4
|
+
import { CarouselSlideComponent } from "./carousel-slide/carousel-slide.component";
|
|
5
|
+
import { ListKeyManager } from "@angular/cdk/a11y";
|
|
6
|
+
import { AnimationBuilder } from "@angular/animations";
|
|
7
|
+
import { HammerGestureConfig } from '@angular/platform-browser';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
export declare class MyHammerConfig extends HammerGestureConfig {
|
|
10
|
+
overrides: any;
|
|
11
|
+
options: any;
|
|
12
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MyHammerConfig, never>;
|
|
13
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<MyHammerConfig>;
|
|
14
|
+
}
|
|
15
|
+
export declare class NgxCarouselComponent implements AfterContentInit, AfterViewInit, MatCarousel, OnDestroy {
|
|
16
|
+
private animationBuilder;
|
|
17
|
+
private renderer;
|
|
18
|
+
private platformId;
|
|
19
|
+
timings: string;
|
|
20
|
+
lazyLoad: boolean;
|
|
21
|
+
svgIconOverrides: SvgIconOverrides;
|
|
22
|
+
set autoplay(value: boolean);
|
|
23
|
+
set interval(value: number);
|
|
24
|
+
get loop(): boolean;
|
|
25
|
+
set loop(value: boolean);
|
|
26
|
+
hideArrows: boolean;
|
|
27
|
+
hideIndicators: boolean;
|
|
28
|
+
ariaLabel: string;
|
|
29
|
+
color: ThemePalette;
|
|
30
|
+
get maxWidth(): string;
|
|
31
|
+
set maxWidth(value: string);
|
|
32
|
+
maintainAspectRatio: boolean;
|
|
33
|
+
proportion: number;
|
|
34
|
+
slideHeight: string;
|
|
35
|
+
set slides(value: number);
|
|
36
|
+
useKeyboard: boolean;
|
|
37
|
+
useMouseWheel: boolean;
|
|
38
|
+
get orientation(): Orientation;
|
|
39
|
+
set orientation(value: Orientation);
|
|
40
|
+
changeEmitter: EventEmitter<number>;
|
|
41
|
+
get currentIndex(): number | null;
|
|
42
|
+
get currentSlide(): CarouselSlideComponent | null;
|
|
43
|
+
slidesList?: QueryList<CarouselSlideComponent>;
|
|
44
|
+
private carouselContainer?;
|
|
45
|
+
private carouselList?;
|
|
46
|
+
listKeyManager?: ListKeyManager<CarouselSlideComponent>;
|
|
47
|
+
private _autoplay;
|
|
48
|
+
private autoplay$;
|
|
49
|
+
private interval$;
|
|
50
|
+
private slides$;
|
|
51
|
+
private _maxWidth;
|
|
52
|
+
private maxWidth$;
|
|
53
|
+
private _loop;
|
|
54
|
+
private loop$;
|
|
55
|
+
private _orientation;
|
|
56
|
+
private orientation$;
|
|
57
|
+
private timer$?;
|
|
58
|
+
private timerStop$;
|
|
59
|
+
private destroy$;
|
|
60
|
+
private playing;
|
|
61
|
+
private width?;
|
|
62
|
+
constructor(animationBuilder: AnimationBuilder, renderer: Renderer2, platformId: Object);
|
|
63
|
+
onKeyUp(event: KeyboardEvent): void;
|
|
64
|
+
onMouseEnter(): void;
|
|
65
|
+
onMouseLeave(): void;
|
|
66
|
+
onMouseWheel(event: WheelEvent): void;
|
|
67
|
+
onResize(event: Event): void;
|
|
68
|
+
ngAfterContentInit(): void;
|
|
69
|
+
ngAfterViewInit(): void;
|
|
70
|
+
ngOnDestroy(): void;
|
|
71
|
+
next(): void;
|
|
72
|
+
previous(): void;
|
|
73
|
+
slideTo(index: number): void;
|
|
74
|
+
onPan(event: any, slideElem: HTMLElement): void;
|
|
75
|
+
onPanEnd(event: any, slideElem: HTMLElement): void;
|
|
76
|
+
private isOutOfBounds;
|
|
77
|
+
private isVisible;
|
|
78
|
+
private getOffset;
|
|
79
|
+
private getTranslation;
|
|
80
|
+
private getWidth;
|
|
81
|
+
private goto;
|
|
82
|
+
private playAnimation;
|
|
83
|
+
private resetSlides;
|
|
84
|
+
private resetTimer;
|
|
85
|
+
private startTimer;
|
|
86
|
+
private stopTimer;
|
|
87
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgxCarouselComponent, never>;
|
|
88
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgxCarouselComponent, "ngx-ngx-carousel", never, { "timings": { "alias": "timings"; "required": false; }; "lazyLoad": { "alias": "lazyLoad"; "required": false; }; "svgIconOverrides": { "alias": "svgIconOverrides"; "required": false; }; "autoplay": { "alias": "autoplay"; "required": false; }; "interval": { "alias": "interval"; "required": false; }; "loop": { "alias": "loop"; "required": false; }; "hideArrows": { "alias": "hideArrows"; "required": false; }; "hideIndicators": { "alias": "hideIndicators"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "color": { "alias": "color"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "maintainAspectRatio": { "alias": "maintainAspectRatio"; "required": false; }; "proportion": { "alias": "proportion"; "required": false; }; "slideHeight": { "alias": "slideHeight"; "required": false; }; "slides": { "alias": "slides"; "required": false; }; "useKeyboard": { "alias": "useKeyboard"; "required": false; }; "useMouseWheel": { "alias": "useMouseWheel"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; }, { "changeEmitter": "changeEmitter"; }, ["slidesList"], never, true, never>;
|
|
89
|
+
}
|
package/package.json
ADDED
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@hantarex/ngx-carousel",
|
|
3
|
+
"version": "0.0.1",
|
|
4
|
+
"peerDependencies": {
|
|
5
|
+
"@angular/common": "^17.3.0",
|
|
6
|
+
"@angular/core": "^17.3.0",
|
|
7
|
+
"hammerjs": "^2.0.8"
|
|
8
|
+
},
|
|
9
|
+
"dependencies": {
|
|
10
|
+
"tslib": "^2.3.0"
|
|
11
|
+
},
|
|
12
|
+
"sideEffects": false,
|
|
13
|
+
"module": "fesm2022/hantarex-ngx-carousel.mjs",
|
|
14
|
+
"typings": "index.d.ts",
|
|
15
|
+
"exports": {
|
|
16
|
+
"./package.json": {
|
|
17
|
+
"default": "./package.json"
|
|
18
|
+
},
|
|
19
|
+
".": {
|
|
20
|
+
"types": "./index.d.ts",
|
|
21
|
+
"esm2022": "./esm2022/hantarex-ngx-carousel.mjs",
|
|
22
|
+
"esm": "./esm2022/hantarex-ngx-carousel.mjs",
|
|
23
|
+
"default": "./fesm2022/hantarex-ngx-carousel.mjs"
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
}
|
package/public-api.d.ts
ADDED