ca-components 2.0.90 → 2.0.91
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/scss/spacing.scss +2 -2
- package/assets/scss/styles.scss +0 -10
- package/fesm2022/ca-components.mjs +346 -299
- package/fesm2022/ca-components.mjs.map +1 -1
- package/lib/components/ca-checkbox/ca-checkbox.component.d.ts +3 -2
- package/lib/components/ca-table-card-view/ca-table-card-view.component.d.ts +11 -7
- package/lib/components/ca-table-card-view/components/additional-components/ca-table-card-view-skeleton/ca-table-card-view-skeleton.component.d.ts +10 -0
- package/lib/components/ca-table-card-view/utils/helpers/table-card-skeleton.helper.d.ts +1 -1
- package/lib/components/ca-table-card-view/utils/helpers/table-card-view-helper.d.ts +0 -1
- package/package.json +1 -1
|
@@ -29,6 +29,7 @@ export declare class CaCheckboxComponent implements ControlValueAccessor {
|
|
|
29
29
|
isMarginTopReset: boolean;
|
|
30
30
|
groupIndex: number;
|
|
31
31
|
itemIndex: number;
|
|
32
|
+
isDarkBackgroundCheckbox: boolean;
|
|
32
33
|
formArrayAction: EventEmitter<boolean>;
|
|
33
34
|
columnCheckAction: EventEmitter<IColumnCheckAction>;
|
|
34
35
|
isInputChecked: boolean;
|
|
@@ -45,7 +46,7 @@ export declare class CaCheckboxComponent implements ControlValueAccessor {
|
|
|
45
46
|
registerOnTouched(fn: any): void;
|
|
46
47
|
setDisabledState?(isDisabled: boolean): void;
|
|
47
48
|
onChange(event: Event): void;
|
|
48
|
-
onAction(): void;
|
|
49
|
+
onAction(event?: MouseEvent): void;
|
|
49
50
|
static ɵfac: i0.ɵɵFactoryDeclaration<CaCheckboxComponent, [null, { optional: true; self: true; }, null]>;
|
|
50
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CaCheckboxComponent, "app-ca-checkbox", never, { "label": { "alias": "label"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "disabledStillCheckMark": { "alias": "disabledStillCheckMark"; "required": false; }; "svg": { "alias": "svg"; "required": false; }; "name": { "alias": "name"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "svgCustomClass": { "alias": "svgCustomClass"; "required": false; }; "moveIconDown": { "alias": "moveIconDown"; "required": false; }; "isUseCarrieraACHCheckBox": { "alias": "isUseCarrieraACHCheckBox"; "required": false; }; "isDisabledBlue": { "alias": "isDisabledBlue"; "required": false; }; "isDisabledRegularCheck": { "alias": "isDisabledRegularCheck"; "required": false; }; "isLabelDisabled": { "alias": "isLabelDisabled"; "required": false; }; "isRegularCheckbox": { "alias": "isRegularCheckbox"; "required": false; }; "isChecked": { "alias": "isChecked"; "required": false; }; "isGroupPartialyChecked": { "alias": "isGroupPartialyChecked"; "required": false; }; "isBlackLabelCheckbox": { "alias": "isBlackLabelCheckbox"; "required": false; }; "isModalCheckbox": { "alias": "isModalCheckbox"; "required": false; }; "isMarginTopReset": { "alias": "isMarginTopReset"; "required": false; }; "groupIndex": { "alias": "groupIndex"; "required": false; }; "itemIndex": { "alias": "itemIndex"; "required": false; }; }, { "formArrayAction": "formArrayAction"; "columnCheckAction": "columnCheckAction"; }, never, never, true, never>;
|
|
51
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CaCheckboxComponent, "app-ca-checkbox", never, { "label": { "alias": "label"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "disabledStillCheckMark": { "alias": "disabledStillCheckMark"; "required": false; }; "svg": { "alias": "svg"; "required": false; }; "name": { "alias": "name"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "svgCustomClass": { "alias": "svgCustomClass"; "required": false; }; "moveIconDown": { "alias": "moveIconDown"; "required": false; }; "isUseCarrieraACHCheckBox": { "alias": "isUseCarrieraACHCheckBox"; "required": false; }; "isDisabledBlue": { "alias": "isDisabledBlue"; "required": false; }; "isDisabledRegularCheck": { "alias": "isDisabledRegularCheck"; "required": false; }; "isLabelDisabled": { "alias": "isLabelDisabled"; "required": false; }; "isRegularCheckbox": { "alias": "isRegularCheckbox"; "required": false; }; "isChecked": { "alias": "isChecked"; "required": false; }; "isGroupPartialyChecked": { "alias": "isGroupPartialyChecked"; "required": false; }; "isBlackLabelCheckbox": { "alias": "isBlackLabelCheckbox"; "required": false; }; "isModalCheckbox": { "alias": "isModalCheckbox"; "required": false; }; "isMarginTopReset": { "alias": "isMarginTopReset"; "required": false; }; "groupIndex": { "alias": "groupIndex"; "required": false; }; "itemIndex": { "alias": "itemIndex"; "required": false; }; "isDarkBackgroundCheckbox": { "alias": "isDarkBackgroundCheckbox"; "required": false; }; }, { "formArrayAction": "formArrayAction"; "columnCheckAction": "columnCheckAction"; }, never, never, true, never>;
|
|
51
52
|
}
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import { EventEmitter, QueryList, ElementRef, AfterViewInit, OnDestroy, Renderer2, TemplateRef } from '@angular/core';
|
|
1
|
+
import { EventEmitter, QueryList, ElementRef, AfterViewInit, OnDestroy, Renderer2, TemplateRef, OnInit } from '@angular/core';
|
|
2
2
|
import { CardDetails } from '../../models/card-models/card-table-data.model';
|
|
3
3
|
import { IDropdownMenuItem, IDropdownMenuOptionEmit } from '../ca-dropdown-menu/interfaces';
|
|
4
4
|
import { TableCardBodyActions } from '../../interfaces';
|
|
5
5
|
import { TableCardViewSvgRoutes } from './utils/svg-routes';
|
|
6
6
|
import { eTableCardTypes, eTableCardGeneral } from './enums';
|
|
7
7
|
import { ePosition, eColor, eStringPlaceholder } from '../../enums';
|
|
8
|
+
import { CaTableCardViewSkeletonComponent } from './components/additional-components/ca-table-card-view-skeleton/ca-table-card-view-skeleton.component';
|
|
8
9
|
import * as i0 from "@angular/core";
|
|
9
|
-
export declare class CaTableCardViewComponent<T> implements AfterViewInit, OnDestroy {
|
|
10
|
+
export declare class CaTableCardViewComponent<T> implements OnInit, AfterViewInit, OnDestroy {
|
|
10
11
|
private renderer;
|
|
11
12
|
onResize(): void;
|
|
12
|
-
placeholders: QueryList<ElementRef>;
|
|
13
13
|
cardBodyContents: QueryList<ElementRef>;
|
|
14
14
|
showMoreContainer: ElementRef;
|
|
15
15
|
cardsContainer: ElementRef;
|
|
16
|
-
|
|
16
|
+
skeletonLoader: CaTableCardViewSkeletonComponent;
|
|
17
17
|
set frontSide(value: TemplateRef<{
|
|
18
18
|
data: T;
|
|
19
19
|
}>);
|
|
@@ -34,6 +34,7 @@ export declare class CaTableCardViewComponent<T> implements AfterViewInit, OnDes
|
|
|
34
34
|
cardsFlipType: string;
|
|
35
35
|
isDropdownMenuHidden: boolean;
|
|
36
36
|
isSelectHidden: boolean;
|
|
37
|
+
isBannerVisible: boolean;
|
|
37
38
|
showBackSide: boolean;
|
|
38
39
|
dropdownMenuOptions: IDropdownMenuItem[];
|
|
39
40
|
hasDetailsPage: boolean;
|
|
@@ -60,7 +61,7 @@ export declare class CaTableCardViewComponent<T> implements AfterViewInit, OnDes
|
|
|
60
61
|
data: T;
|
|
61
62
|
}>;
|
|
62
63
|
isCardFlippedCheckInCards: number[];
|
|
63
|
-
private
|
|
64
|
+
private deferObserver?;
|
|
64
65
|
tableCardViewSvgRoutes: typeof TableCardViewSvgRoutes;
|
|
65
66
|
tableCardTypes: typeof eTableCardTypes;
|
|
66
67
|
ePosition: typeof ePosition;
|
|
@@ -68,16 +69,19 @@ export declare class CaTableCardViewComponent<T> implements AfterViewInit, OnDes
|
|
|
68
69
|
eTableCardGeneral: typeof eTableCardGeneral;
|
|
69
70
|
eStringPlaceholder: typeof eStringPlaceholder;
|
|
70
71
|
constructor(renderer: Renderer2);
|
|
72
|
+
ngOnInit(): void;
|
|
71
73
|
ngAfterViewInit(): void;
|
|
72
74
|
private adjustShowMoreWidth;
|
|
75
|
+
private waitForCardsContainerAndCalculate;
|
|
76
|
+
private disconnectDeferObserver;
|
|
77
|
+
private calculateAndSetup;
|
|
73
78
|
handleToggleDropdownMenuActions(event: IDropdownMenuOptionEmit, card: CardDetails): void;
|
|
74
79
|
flipCard(index: number): void;
|
|
75
80
|
onCheckboxSelect(id: number): void;
|
|
76
81
|
cardTitleClicked(id: number): void;
|
|
77
82
|
onShowMoreClick(): void;
|
|
78
83
|
repairFinishOrder(id: number): void;
|
|
79
|
-
private setupChildCountObserver;
|
|
80
84
|
ngOnDestroy(): void;
|
|
81
85
|
static ɵfac: i0.ɵɵFactoryDeclaration<CaTableCardViewComponent<any>, never>;
|
|
82
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CaTableCardViewComponent<any>, "ca-table-card-view", never, { "frontSide": { "alias": "frontSide"; "required": false; }; "backSide": { "alias": "backSide"; "required": false; }; "titleIcon": { "alias": "titleIcon"; "required": false; }; "rightSideTemplate": { "alias": "rightSideTemplate"; "required": false; }; "viewData": { "alias": "viewData"; "required": false; }; "cardTitle": { "alias": "cardTitle"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "searchStrings": { "alias": "searchStrings"; "required": false; }; "totalDataCount": { "alias": "totalDataCount"; "required": false; }; "cardsFlipType": { "alias": "cardsFlipType"; "required": false; }; "isDropdownMenuHidden": { "alias": "isDropdownMenuHidden"; "required": false; }; "isSelectHidden": { "alias": "isSelectHidden"; "required": false; }; "showBackSide": { "alias": "showBackSide"; "required": false; }; "dropdownMenuOptions": { "alias": "dropdownMenuOptions"; "required": false; }; "hasDetailsPage": { "alias": "hasDetailsPage"; "required": false; }; "isCardSortingActive": { "alias": "isCardSortingActive"; "required": false; }; }, { "showMore": "showMore"; "selectCard": "selectCard"; "cardTitleClick": "cardTitleClick"; "finishOrder": "finishOrder"; "dropdownOptionEmitter": "dropdownOptionEmitter"; }, never, never, true, never>;
|
|
86
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CaTableCardViewComponent<any>, "ca-table-card-view", never, { "frontSide": { "alias": "frontSide"; "required": false; }; "backSide": { "alias": "backSide"; "required": false; }; "titleIcon": { "alias": "titleIcon"; "required": false; }; "rightSideTemplate": { "alias": "rightSideTemplate"; "required": false; }; "viewData": { "alias": "viewData"; "required": false; }; "cardTitle": { "alias": "cardTitle"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "searchStrings": { "alias": "searchStrings"; "required": false; }; "totalDataCount": { "alias": "totalDataCount"; "required": false; }; "cardsFlipType": { "alias": "cardsFlipType"; "required": false; }; "isDropdownMenuHidden": { "alias": "isDropdownMenuHidden"; "required": false; }; "isSelectHidden": { "alias": "isSelectHidden"; "required": false; }; "isBannerVisible": { "alias": "isBannerVisible"; "required": false; }; "showBackSide": { "alias": "showBackSide"; "required": false; }; "dropdownMenuOptions": { "alias": "dropdownMenuOptions"; "required": false; }; "hasDetailsPage": { "alias": "hasDetailsPage"; "required": false; }; "isCardSortingActive": { "alias": "isCardSortingActive"; "required": false; }; }, { "showMore": "showMore"; "selectCard": "selectCard"; "cardTitleClick": "cardTitleClick"; "finishOrder": "finishOrder"; "dropdownOptionEmitter": "dropdownOptionEmitter"; }, never, never, true, never>;
|
|
83
87
|
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { QueryList, ElementRef } from '@angular/core';
|
|
2
|
+
import { TableCardViewSvgRoutes } from '../../../utils/svg-routes';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class CaTableCardViewSkeletonComponent {
|
|
5
|
+
cardsCount: number;
|
|
6
|
+
placeholders: QueryList<ElementRef>;
|
|
7
|
+
tableCardViewSvgRoutes: typeof TableCardViewSvgRoutes;
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CaTableCardViewSkeletonComponent, never>;
|
|
9
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CaTableCardViewSkeletonComponent, "ca-table-card-view-skeleton", never, { "cardsCount": { "alias": "cardsCount"; "required": false; }; }, {}, never, never, true, never>;
|
|
10
|
+
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ElementRef, QueryList, Renderer2 } from '@angular/core';
|
|
2
2
|
export declare class TableCardSkeletonHelper {
|
|
3
|
-
static scrollToBottom(skeleton: ElementRef): void;
|
|
3
|
+
static scrollToBottom(skeleton: ElementRef, isBannerVisible: boolean, cardsContainer: ElementRef): void;
|
|
4
4
|
static adjustPlaceholderHeights(renderer: Renderer2, skeletons: QueryList<ElementRef>, cardsContainer: ElementRef): void;
|
|
5
5
|
}
|
|
@@ -5,5 +5,4 @@ export declare class TableCardViewHelper {
|
|
|
5
5
|
private static toggleTransition;
|
|
6
6
|
static flipCard(index: number): number[];
|
|
7
7
|
static calculateAndSetFlipVariables(cardsContainer: ElementRef, renderer: Renderer2, isResize?: boolean): void;
|
|
8
|
-
static recalculateFlipVariablesOnContentChange(cardsContainer: ElementRef, renderer: Renderer2): MutationObserver | undefined;
|
|
9
8
|
}
|