@elxjs/ui 0.0.181 → 0.0.183
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/assets/icons/MeatballMenu.svg +3 -0
- package/esm2022/lib/components/carousel/carousel.component.mjs +71 -53
- package/esm2022/lib/components/carousel-fixed/carousel-fixed.component.mjs +258 -186
- package/fesm2022/elxjs-ui.mjs +326 -237
- package/fesm2022/elxjs-ui.mjs.map +1 -1
- package/lib/components/carousel/carousel.component.d.ts +7 -9
- package/lib/components/carousel-fixed/carousel-fixed.component.d.ts +21 -18
- package/package.json +1 -1
|
@@ -16,11 +16,6 @@ export declare class EluxCarouselComponent implements AfterContentInit, OnDestro
|
|
|
16
16
|
previousClickEventEmitter: EventEmitter<Event>;
|
|
17
17
|
nextClickEventEmitter: EventEmitter<Event>;
|
|
18
18
|
dotClickEventEmitter: EventEmitter<Event>;
|
|
19
|
-
itemClickEventEmitter: EventEmitter<{
|
|
20
|
-
event: Event;
|
|
21
|
-
index: number;
|
|
22
|
-
element: HTMLElement;
|
|
23
|
-
}>;
|
|
24
19
|
currentIndex: number;
|
|
25
20
|
currentStepIndex: number;
|
|
26
21
|
offset: number;
|
|
@@ -38,11 +33,15 @@ export declare class EluxCarouselComponent implements AfterContentInit, OnDestro
|
|
|
38
33
|
private velocity;
|
|
39
34
|
private lastMoveTime;
|
|
40
35
|
private lastMoveX;
|
|
41
|
-
private wasDragging;
|
|
42
36
|
private touchStartTime;
|
|
43
37
|
private touchStartX;
|
|
44
38
|
private touchStartY;
|
|
45
39
|
private isVerticalScroll;
|
|
40
|
+
private wasDragging;
|
|
41
|
+
private clicksDisabled;
|
|
42
|
+
private clickListeners;
|
|
43
|
+
private dragStarted;
|
|
44
|
+
private mouseDownTime;
|
|
46
45
|
constructor(renderer: Renderer2);
|
|
47
46
|
ngAfterContentInit(): void;
|
|
48
47
|
ngOnDestroy(): void;
|
|
@@ -59,8 +58,7 @@ export declare class EluxCarouselComponent implements AfterContentInit, OnDestro
|
|
|
59
58
|
onTouchStart(event: TouchEvent): void;
|
|
60
59
|
onTouchMove(event: TouchEvent): void;
|
|
61
60
|
onTouchEnd(event: TouchEvent): void;
|
|
62
|
-
private
|
|
63
|
-
private handleItemClick;
|
|
61
|
+
private setupClickPrevention;
|
|
64
62
|
private startDrag;
|
|
65
63
|
private updateDrag;
|
|
66
64
|
private updateDragPosition;
|
|
@@ -74,5 +72,5 @@ export declare class EluxCarouselComponent implements AfterContentInit, OnDestro
|
|
|
74
72
|
updateOffset(): void;
|
|
75
73
|
private scrollActiveDotIntoView;
|
|
76
74
|
static ɵfac: i0.ɵɵFactoryDeclaration<EluxCarouselComponent, never>;
|
|
77
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<EluxCarouselComponent, "lib-elux-carousel", never, { "itemsPerSlide": { "alias": "itemsPerSlide"; "required": false; }; "removeArrows": { "alias": "removeArrows"; "required": false; }; "removeDots": { "alias": "removeDots"; "required": false; }; "autoPlayInterval": { "alias": "autoPlayInterval"; "required": false; }; }, { "previousClickEventEmitter": "previousClickEventEmitter"; "nextClickEventEmitter": "nextClickEventEmitter"; "dotClickEventEmitter": "dotClickEventEmitter";
|
|
75
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<EluxCarouselComponent, "lib-elux-carousel", never, { "itemsPerSlide": { "alias": "itemsPerSlide"; "required": false; }; "removeArrows": { "alias": "removeArrows"; "required": false; }; "removeDots": { "alias": "removeDots"; "required": false; }; "autoPlayInterval": { "alias": "autoPlayInterval"; "required": false; }; }, { "previousClickEventEmitter": "previousClickEventEmitter"; "nextClickEventEmitter": "nextClickEventEmitter"; "dotClickEventEmitter": "dotClickEventEmitter"; }, ["items"], ["*"], true, never>;
|
|
78
76
|
}
|
|
@@ -4,19 +4,17 @@ export declare class EluxCarouselFixedComponent implements AfterContentInit, OnD
|
|
|
4
4
|
private renderer;
|
|
5
5
|
items: QueryList<ElementRef>;
|
|
6
6
|
slidesContainer: ElementRef;
|
|
7
|
+
rightBleedContainer: ElementRef<HTMLDivElement>;
|
|
7
8
|
itemWidth: number;
|
|
8
9
|
gap: number;
|
|
9
|
-
|
|
10
|
+
showArrows: boolean;
|
|
11
|
+
showDots: boolean;
|
|
10
12
|
previousClickEventEmitter: EventEmitter<Event>;
|
|
11
13
|
nextClickEventEmitter: EventEmitter<Event>;
|
|
12
|
-
itemClickEventEmitter: EventEmitter<{
|
|
13
|
-
event: Event;
|
|
14
|
-
index: number;
|
|
15
|
-
element: HTMLElement;
|
|
16
|
-
}>;
|
|
17
14
|
currentIndex: number;
|
|
18
15
|
translateX: number;
|
|
19
16
|
private isDragging;
|
|
17
|
+
private isMouseDown;
|
|
20
18
|
private startX;
|
|
21
19
|
private currentX;
|
|
22
20
|
private initialTranslateX;
|
|
@@ -27,17 +25,23 @@ export declare class EluxCarouselFixedComponent implements AfterContentInit, OnD
|
|
|
27
25
|
private velocity;
|
|
28
26
|
private lastMoveTime;
|
|
29
27
|
private lastMoveX;
|
|
30
|
-
private wasDragging;
|
|
31
28
|
private touchStartTime;
|
|
32
29
|
private touchStartX;
|
|
33
30
|
private touchStartY;
|
|
34
31
|
private isVerticalScroll;
|
|
32
|
+
private wasDragging;
|
|
33
|
+
private clicksDisabled;
|
|
34
|
+
private clickListeners;
|
|
35
|
+
private dragStarted;
|
|
36
|
+
private mouseDownTime;
|
|
35
37
|
constructor(renderer: Renderer2);
|
|
38
|
+
private calculateRightBleedContainer;
|
|
36
39
|
ngAfterContentInit(): void;
|
|
37
40
|
ngOnDestroy(): void;
|
|
38
41
|
private calculateDimensions;
|
|
39
42
|
private updateLimits;
|
|
40
43
|
private onResize;
|
|
44
|
+
ngAfterViewInit(): void;
|
|
41
45
|
private setItemWidths;
|
|
42
46
|
onMouseDown(event: MouseEvent): void;
|
|
43
47
|
onMouseMove(event: MouseEvent): void;
|
|
@@ -46,22 +50,21 @@ export declare class EluxCarouselFixedComponent implements AfterContentInit, OnD
|
|
|
46
50
|
onTouchStart(event: TouchEvent): void;
|
|
47
51
|
onTouchMove(event: TouchEvent): void;
|
|
48
52
|
onTouchEnd(event: TouchEvent): void;
|
|
49
|
-
private
|
|
50
|
-
private handleItemClick;
|
|
51
|
-
private startDrag;
|
|
53
|
+
private setupClickPrevention;
|
|
52
54
|
private updateDrag;
|
|
53
55
|
private updateDragPosition;
|
|
54
56
|
private endDrag;
|
|
55
|
-
private
|
|
56
|
-
private goToPreviousItems;
|
|
57
|
-
private goToNextItems;
|
|
58
|
-
canGoPrevious(): boolean;
|
|
57
|
+
private getMaxIndex;
|
|
59
58
|
canGoNext(): boolean;
|
|
60
|
-
goToFirstItem(): void;
|
|
61
|
-
prevItem(): void;
|
|
62
59
|
nextItem(): void;
|
|
60
|
+
canGoPrevious(): boolean;
|
|
61
|
+
prevItem(): void;
|
|
62
|
+
goToDot(dotIndex: number): void;
|
|
63
|
+
private snapToNearestItem;
|
|
64
|
+
getDotsArray(): any[];
|
|
65
|
+
getCurrentDotIndex(): number;
|
|
63
66
|
private updateTransform;
|
|
64
|
-
|
|
67
|
+
goToFirstItem(): void;
|
|
65
68
|
static ɵfac: i0.ɵɵFactoryDeclaration<EluxCarouselFixedComponent, never>;
|
|
66
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<EluxCarouselFixedComponent, "lib-elux-carousel-fixed", never, { "itemWidth": { "alias": "itemWidth"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "
|
|
69
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<EluxCarouselFixedComponent, "lib-elux-carousel-fixed", never, { "itemWidth": { "alias": "itemWidth"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "showArrows": { "alias": "showArrows"; "required": false; }; "showDots": { "alias": "showDots"; "required": false; }; }, { "previousClickEventEmitter": "previousClickEventEmitter"; "nextClickEventEmitter": "nextClickEventEmitter"; }, ["items"], ["*"], true, never>;
|
|
67
70
|
}
|