ngx-sfc-components 0.0.22 → 0.0.23
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/esm2020/lib/components/carousel/carousel.component.mjs +14 -6
- package/esm2020/lib/components/carousel/models/navigation-context.model.mjs +2 -0
- package/esm2020/lib/components/carousel/models/navigation.model.mjs +1 -1
- package/esm2020/lib/components/carousel/models/options.model.mjs +1 -1
- package/esm2020/lib/components/carousel/parts/stage/carousel-stage.component.mjs +3 -3
- package/esm2020/lib/components/carousel/service/carousel/carousel-service.constants.mjs +5 -2
- package/esm2020/lib/components/carousel/service/navigation/carousel-navigation.service.mjs +10 -1
- package/esm2020/lib/components/index.mjs +1 -1
- package/esm2020/lib/components/no-export-index.mjs +1 -2
- package/esm2020/lib/components/tabs/tabs.component.mjs +3 -3
- package/esm2020/lib/ngx-sfc-components.module.mjs +3 -3
- package/fesm2015/ngx-sfc-components.mjs +57 -37
- package/fesm2015/ngx-sfc-components.mjs.map +1 -1
- package/fesm2020/ngx-sfc-components.mjs +56 -37
- package/fesm2020/ngx-sfc-components.mjs.map +1 -1
- package/lib/components/carousel/carousel.component.d.ts +6 -1
- package/lib/components/carousel/models/navigation-context.model.d.ts +9 -0
- package/lib/components/carousel/models/navigation.model.d.ts +4 -1
- package/lib/components/carousel/models/options.model.d.ts +3 -0
- package/lib/components/carousel/service/carousel/carousel-service.constants.d.ts +1 -0
- package/lib/components/index.d.ts +1 -1
- package/lib/components/no-export-index.d.ts +0 -1
- package/package.json +2 -2
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, QueryList } from '@angular/core';
|
|
2
|
+
import { ButtonType } from 'ngx-sfc-common';
|
|
2
3
|
import { ResizeService } from 'ngx-sfc-common';
|
|
3
4
|
import { CarouselSlideDirective } from './directive/carousel-slide.directive';
|
|
4
5
|
import { CarouselDOMModel } from './models/dom.model';
|
|
6
|
+
import { INavigationContextModel } from './models/navigation-context.model';
|
|
5
7
|
import { CarouselNavigationDotsModel, CarouselNavigationModel } from './models/navigation.model';
|
|
6
8
|
import { CarouselOptionsModel } from './models/options.model';
|
|
7
9
|
import { CarouselSlideModel, CarouselSlideEvent } from './models/slide.model';
|
|
@@ -21,7 +23,9 @@ export declare class CarouselComponent implements OnInit, AfterContentInit, OnDe
|
|
|
21
23
|
private lazyLoadService;
|
|
22
24
|
private animateService;
|
|
23
25
|
private changeDetectorRef;
|
|
26
|
+
ButtonType: typeof ButtonType;
|
|
24
27
|
options: CarouselOptionsModel;
|
|
28
|
+
disabled: boolean;
|
|
25
29
|
translated: EventEmitter<CarouselSlideEvent>;
|
|
26
30
|
initialized: EventEmitter<CarouselSlideEvent>;
|
|
27
31
|
changing: EventEmitter<CarouselSlideEvent>;
|
|
@@ -37,6 +41,7 @@ export declare class CarouselComponent implements OnInit, AfterContentInit, OnDe
|
|
|
37
41
|
navigationDotsModel: CarouselNavigationDotsModel;
|
|
38
42
|
slideEvent: CarouselSlideEvent;
|
|
39
43
|
carouselLoaded: boolean;
|
|
44
|
+
navigationContext: INavigationContextModel;
|
|
40
45
|
get rtl(): boolean;
|
|
41
46
|
get clientWidth(): number;
|
|
42
47
|
private carouselWindowWidth;
|
|
@@ -58,5 +63,5 @@ export declare class CarouselComponent implements OnInit, AfterContentInit, OnDe
|
|
|
58
63
|
startAutoplay(): void;
|
|
59
64
|
private gatherTranslatedData;
|
|
60
65
|
static ɵfac: i0.ɵɵFactoryDeclaration<CarouselComponent, never>;
|
|
61
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CarouselComponent, "sfc-carousel", never, { "options": "options"; }, { "translated": "translated"; "initialized": "initialized"; "changing": "changing"; "changed": "changed"; }, ["slides"], never, false, never>;
|
|
66
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CarouselComponent, "sfc-carousel", never, { "options": "options"; "disabled": "disabled"; }, { "translated": "translated"; "initialized": "initialized"; "changing": "changing"; "changed": "changed"; }, ["slides"], never, false, never>;
|
|
62
67
|
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { CarouselNavigationButtonModel } from "./navigation.model";
|
|
2
|
+
export interface INavigationContextModel {
|
|
3
|
+
next: INavigationButtonContextModel;
|
|
4
|
+
previous: INavigationButtonContextModel;
|
|
5
|
+
}
|
|
6
|
+
export interface INavigationButtonContextModel {
|
|
7
|
+
model: CarouselNavigationButtonModel;
|
|
8
|
+
action: () => void;
|
|
9
|
+
}
|
|
@@ -1,6 +1,9 @@
|
|
|
1
|
+
import { IconDefinition } from "@fortawesome/free-solid-svg-icons";
|
|
2
|
+
import { empty } from "ngx-sfc-common";
|
|
1
3
|
export interface CarouselNavigationButtonModel {
|
|
2
4
|
disabled: boolean;
|
|
3
|
-
label
|
|
5
|
+
label?: string | empty;
|
|
6
|
+
icon?: IconDefinition | empty;
|
|
4
7
|
}
|
|
5
8
|
export interface CarouselNavigationModel {
|
|
6
9
|
disabled: boolean;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { IconDefinition } from "@fortawesome/free-solid-svg-icons";
|
|
1
2
|
export interface CarouselOptions {
|
|
2
3
|
items?: number;
|
|
3
4
|
skip_validateItems?: boolean;
|
|
@@ -11,6 +12,7 @@ export interface CarouselOptions {
|
|
|
11
12
|
autoWidth?: boolean;
|
|
12
13
|
responsiveRefreshRate?: number;
|
|
13
14
|
nav?: boolean;
|
|
15
|
+
navBottom?: boolean;
|
|
14
16
|
navSpeed?: number | boolean;
|
|
15
17
|
slideBy?: number | string;
|
|
16
18
|
dots?: boolean;
|
|
@@ -33,6 +35,7 @@ export interface CarouselOptionsModel extends CarouselOptions {
|
|
|
33
35
|
rtl?: boolean;
|
|
34
36
|
responsive?: CarouselResponsiveModel;
|
|
35
37
|
navText?: string[];
|
|
38
|
+
navIcons?: IconDefinition[];
|
|
36
39
|
navigationDotsModel?: boolean;
|
|
37
40
|
autoplayHoverPause?: boolean;
|
|
38
41
|
lazyLoad?: boolean;
|
|
@@ -56,5 +56,5 @@ export { ExpandedTableRowTemplate } from './table/parts/content/rows/expanded/ex
|
|
|
56
56
|
export { DefaultTableCardComponent } from './table/parts/content/cards/default/default-table-card.component';
|
|
57
57
|
export { CarouselComponent } from './carousel/carousel.component';
|
|
58
58
|
export { CarouselSlideDirective } from './carousel/directive/carousel-slide.directive';
|
|
59
|
-
export { CarouselOptionsModel } from './carousel/models/options.model';
|
|
59
|
+
export { CarouselOptionsModel, CarouselResponsiveModel } from './carousel/models/options.model';
|
|
60
60
|
export { CarouselSlideEvent } from './carousel/models/slide.model';
|
|
@@ -11,6 +11,5 @@ export { SliderPaginationComponent } from './slider/parts/pagination/slider-pagi
|
|
|
11
11
|
export { TimelineItemComponent } from './timeline/parts/item/timeline-item.component';
|
|
12
12
|
export { NotificationContentComponent } from './notification/parts/content/notification-content.component';
|
|
13
13
|
export { CarouselStageComponent } from './carousel/parts/stage/carousel-stage.component';
|
|
14
|
-
export { CarouselSlideDirective } from './carousel/directive/carousel-slide.directive';
|
|
15
14
|
export { AvatarBadgeComponent } from './avatar/parts/badge/avatar-badge.component';
|
|
16
15
|
export { SortingColumnComponent } from './table/parts/columns/sorting/sorting-column.component';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ngx-sfc-components",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.23",
|
|
4
4
|
"description": "Angular components library for SFC project",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Street Football Club",
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
"@fortawesome/angular-fontawesome": "0.10.2",
|
|
26
26
|
"@fortawesome/fontawesome-svg-core": "^6.1.1",
|
|
27
27
|
"@fortawesome/free-solid-svg-icons": "^6.1.1",
|
|
28
|
-
"ngx-sfc-common": "^0.0.
|
|
28
|
+
"ngx-sfc-common": "^0.0.26"
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
31
|
"tslib": "^2.3.0"
|