@elxjs/ui 0.0.177 → 0.0.179

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.
@@ -1,13 +1,14 @@
1
- import { AfterContentInit, ElementRef, EventEmitter, QueryList, Renderer2 } from '@angular/core';
1
+ import { AfterContentInit, ElementRef, EventEmitter, OnDestroy, QueryList, Renderer2 } from '@angular/core';
2
2
  import * as i0 from "@angular/core";
3
3
  export type ProductItem = {
4
4
  name: string;
5
5
  image: string;
6
6
  };
7
- export declare class EluxCarouselComponent implements AfterContentInit {
7
+ export declare class EluxCarouselComponent implements AfterContentInit, OnDestroy {
8
8
  private renderer;
9
9
  items: QueryList<ElementRef>;
10
10
  dotsContainer: ElementRef;
11
+ slidesContainer: ElementRef;
11
12
  itemsPerSlide: number;
12
13
  removeArrows: boolean;
13
14
  removeDots: boolean;
@@ -18,17 +19,40 @@ export declare class EluxCarouselComponent implements AfterContentInit {
18
19
  currentIndex: number;
19
20
  currentStepIndex: number;
20
21
  offset: number;
21
- private touchStartX;
22
- private touchEndX;
22
+ private isDragging;
23
+ private startX;
24
+ private currentX;
25
+ private initialOffset;
26
+ private dragOffset;
27
+ private containerWidth;
28
+ private itemWidth;
29
+ private maxOffset;
30
+ private minOffset;
23
31
  private autoPlayTimer;
32
+ private animationId;
33
+ private velocity;
34
+ private lastMoveTime;
35
+ private lastMoveX;
24
36
  constructor(renderer: Renderer2);
25
37
  ngAfterContentInit(): void;
38
+ ngOnDestroy(): void;
39
+ private calculateDimensions;
40
+ private updateLimits;
41
+ private onResize;
26
42
  private setItemWidths;
27
43
  startAutoPlay(): void;
28
44
  stopAutoPlay(): void;
45
+ onMouseDown(event: MouseEvent): void;
46
+ onMouseMove(event: MouseEvent): void;
47
+ onMouseUp(event: MouseEvent): void;
48
+ onMouseLeave(event: MouseEvent): void;
29
49
  onTouchStart(event: TouchEvent): void;
30
50
  onTouchMove(event: TouchEvent): void;
31
- onTouchEnd(): void;
51
+ onTouchEnd(event: TouchEvent): void;
52
+ private startDrag;
53
+ private updateDrag;
54
+ private updateDragPosition;
55
+ private endDrag;
32
56
  getStepIndexCount(): number[];
33
57
  getCurrentStepIndex(): number;
34
58
  goToFirstSlide(): void;
@@ -0,0 +1,55 @@
1
+ import { AfterContentInit, ElementRef, EventEmitter, OnDestroy, QueryList, Renderer2 } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ export declare class EluxCarouselFixedComponent implements AfterContentInit, OnDestroy {
4
+ private renderer;
5
+ items: QueryList<ElementRef>;
6
+ slidesContainer: ElementRef;
7
+ itemWidth: number;
8
+ gap: number;
9
+ removeArrows: boolean;
10
+ previousClickEventEmitter: EventEmitter<Event>;
11
+ nextClickEventEmitter: EventEmitter<Event>;
12
+ currentIndex: number;
13
+ translateX: number;
14
+ private isDragging;
15
+ private startX;
16
+ private currentX;
17
+ private initialTranslateX;
18
+ private dragOffset;
19
+ private containerWidth;
20
+ private maxTranslateX;
21
+ private minTranslateX;
22
+ private velocity;
23
+ private lastMoveTime;
24
+ private lastMoveX;
25
+ constructor(renderer: Renderer2);
26
+ ngAfterContentInit(): void;
27
+ ngOnDestroy(): void;
28
+ private calculateDimensions;
29
+ private updateLimits;
30
+ private onResize;
31
+ private setItemWidths;
32
+ onMouseDown(event: MouseEvent): void;
33
+ onMouseMove(event: MouseEvent): void;
34
+ onMouseUp(event: MouseEvent): void;
35
+ onMouseLeave(event: MouseEvent): void;
36
+ onTouchStart(event: TouchEvent): void;
37
+ onTouchMove(event: TouchEvent): void;
38
+ onTouchEnd(event: TouchEvent): void;
39
+ private startDrag;
40
+ private updateDrag;
41
+ private updateDragPosition;
42
+ private endDrag;
43
+ private snapToNearestItem;
44
+ private goToPreviousItems;
45
+ private goToNextItems;
46
+ canGoPrevious(): boolean;
47
+ canGoNext(): boolean;
48
+ goToFirstItem(): void;
49
+ prevItem(): void;
50
+ nextItem(): void;
51
+ private updateTransform;
52
+ private getMaxIndex;
53
+ static ɵfac: i0.ɵɵFactoryDeclaration<EluxCarouselFixedComponent, never>;
54
+ static ɵcmp: i0.ɵɵComponentDeclaration<EluxCarouselFixedComponent, "lib-elux-carousel-fixed", never, { "itemWidth": { "alias": "itemWidth"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "removeArrows": { "alias": "removeArrows"; "required": false; }; }, { "previousClickEventEmitter": "previousClickEventEmitter"; "nextClickEventEmitter": "nextClickEventEmitter"; }, ["items"], ["*"], true, never>;
55
+ }
@@ -21,6 +21,7 @@ export * from './card-4';
21
21
  export * from './dropdown-multiple';
22
22
  export * from './loading-2';
23
23
  export * from './carousel';
24
+ export * from './carousel-fixed/carousel-fixed.component';
24
25
  export * from './arrow-link';
25
26
  export * from './switch';
26
27
  export * from './chip';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elxjs/ui",
3
- "version": "0.0.177",
3
+ "version": "0.0.179",
4
4
  "license": "UNLICENSED",
5
5
  "peerDependencies": {
6
6
  "@angular/common": "^18.2.13",