ngx-sfc-components 0.0.21 → 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/table/table.component.mjs +6 -3
- package/esm2020/lib/components/table/table.constants.mjs +2 -1
- 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 +62 -39
- package/fesm2015/ngx-sfc-components.mjs.map +1 -1
- package/fesm2020/ngx-sfc-components.mjs +61 -39
- 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/lib/components/table/table.component.d.ts +2 -1
- package/lib/components/table/table.constants.d.ts +1 -0
- 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';
|
|
@@ -34,6 +34,7 @@ export declare class TableComponent implements OnInit, AfterContentChecked, Afte
|
|
|
34
34
|
sequence: boolean;
|
|
35
35
|
expanded: boolean;
|
|
36
36
|
notFoundLabel: string;
|
|
37
|
+
loadMoreLabel: string;
|
|
37
38
|
showTotal: boolean;
|
|
38
39
|
totalLabel: string;
|
|
39
40
|
paginationCount: number;
|
|
@@ -95,5 +96,5 @@ export declare class TableComponent implements OnInit, AfterContentChecked, Afte
|
|
|
95
96
|
private setColumnSorting;
|
|
96
97
|
private getItemSelected;
|
|
97
98
|
static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent, never>;
|
|
98
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "sfc-table", never, { "position": "position"; "delimeter": "delimeter"; "dataType": "dataType"; "dataToggle": "dataToggle"; "showColumns": "showColumns"; "columnsToggle": "columnsToggle"; "pagination": "pagination"; "sequence": "sequence"; "expanded": "expanded"; "notFoundLabel": "notFoundLabel"; "showTotal": "showTotal"; "totalLabel": "totalLabel"; "paginationCount": "paginationCount"; "paginationLimits": "paginationLimits"; "showLoading": "showLoading"; "columnContent": "columnContent"; "rowContent": "rowContent"; "cardContent": "cardContent"; "data": "data"; "data$": "data$"; "columns": "columns"; "showColumnsLabel": "showColumnsLabel"; "hideColumnsLabel": "hideColumnsLabel"; "resize": "resize"; "loadType": "loadType"; "loader": "loader"; "filter": "filter"; "predicate$": "predicate$"; "selectable": "selectable"; "selectOnClick": "selectOnClick"; "dataListLabel": "dataListLabel"; "dataCardsLabel": "dataCardsLabel"; }, { "selected": "selected"; }, ["templates"], never, false, never>;
|
|
99
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "sfc-table", never, { "position": "position"; "delimeter": "delimeter"; "dataType": "dataType"; "dataToggle": "dataToggle"; "showColumns": "showColumns"; "columnsToggle": "columnsToggle"; "pagination": "pagination"; "sequence": "sequence"; "expanded": "expanded"; "notFoundLabel": "notFoundLabel"; "loadMoreLabel": "loadMoreLabel"; "showTotal": "showTotal"; "totalLabel": "totalLabel"; "paginationCount": "paginationCount"; "paginationLimits": "paginationLimits"; "showLoading": "showLoading"; "columnContent": "columnContent"; "rowContent": "rowContent"; "cardContent": "cardContent"; "data": "data"; "data$": "data$"; "columns": "columns"; "showColumnsLabel": "showColumnsLabel"; "hideColumnsLabel": "hideColumnsLabel"; "resize": "resize"; "loadType": "loadType"; "loader": "loader"; "filter": "filter"; "predicate$": "predicate$"; "selectable": "selectable"; "selectOnClick": "selectOnClick"; "dataListLabel": "dataListLabel"; "dataCardsLabel": "dataCardsLabel"; }, { "selected": "selected"; }, ["templates"], never, false, never>;
|
|
99
100
|
}
|
|
@@ -4,6 +4,7 @@ export declare class TableConstants {
|
|
|
4
4
|
static SELECTABLE_COLUMN: ITableColumnExtendedModel;
|
|
5
5
|
static EXPANDED_COLUMN: ITableColumnExtendedModel;
|
|
6
6
|
static NOT_FOUND_LABEL_DEFAULT: string;
|
|
7
|
+
static LOAD_MORE_LABEL_DEFAULT: string;
|
|
7
8
|
static TOTAL_LABEL_DEFAULT: string;
|
|
8
9
|
static DATA_LIST_LABEL: string;
|
|
9
10
|
static DATA_CARDS_LABEL: string;
|
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"
|