@yoobic/yobi 8.3.0-47 → 8.3.0-48
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/dist/cjs/design-system.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/yoo-form-dynamic.cjs.entry.js +1 -1
- package/dist/cjs/yoo-form-input-container.cjs.entry.js +1 -1
- package/dist/cjs/yoo-form-swipe-cards.cjs.entry.js +199 -135
- package/dist/collection/components/form/form-dynamic/form-dynamic.js +1 -1
- package/dist/collection/components/form/form-input-container/form-input-container.css +7 -0
- package/dist/collection/components/form/form-swipe-cards/form-swipe-cards.css +169 -179
- package/dist/collection/components/form/form-swipe-cards/form-swipe-cards.js +233 -169
- package/dist/design-system/design-system.esm.js +1 -1
- package/dist/design-system/yoo-form-dynamic.entry.js +1 -1
- package/dist/design-system/yoo-form-input-container.entry.js +1 -1
- package/dist/design-system/yoo-form-swipe-cards.entry.js +201 -137
- package/dist/esm/design-system.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/yoo-form-dynamic.entry.js +1 -1
- package/dist/esm/yoo-form-input-container.entry.js +1 -1
- package/dist/esm/yoo-form-swipe-cards.entry.js +201 -137
- package/dist/types/components/form/form-swipe-cards/form-swipe-cards.d.ts +20 -13
- package/package.json +1 -1
|
@@ -11,13 +11,14 @@ export declare class YooFormSwipeCardsComponent {
|
|
|
11
11
|
asyncValidators: AsyncValidator<string>[];
|
|
12
12
|
validity: boolean;
|
|
13
13
|
numberSteps: number;
|
|
14
|
-
isVisible: boolean;
|
|
15
14
|
readonly: boolean;
|
|
16
15
|
mode: SwipeCardsMode;
|
|
17
16
|
livePreview: boolean;
|
|
18
17
|
showInstructionView: boolean;
|
|
19
18
|
animated: boolean;
|
|
20
19
|
shuffled: boolean;
|
|
20
|
+
isVisible: boolean;
|
|
21
|
+
onIsVisibleChanged(): void;
|
|
21
22
|
categories: string[];
|
|
22
23
|
onCategoriesChanged(nv: string[], ov: string[]): void;
|
|
23
24
|
values: string[];
|
|
@@ -26,28 +27,31 @@ export declare class YooFormSwipeCardsComponent {
|
|
|
26
27
|
onImagesChanged(nv: string[], ov: string[]): void;
|
|
27
28
|
required: boolean;
|
|
28
29
|
onRequireChanged(): void;
|
|
30
|
+
enableButtonActions: boolean;
|
|
29
31
|
validityChanged: EventEmitter<boolean>;
|
|
30
32
|
inputChanged: EventEmitter<string[]>;
|
|
31
33
|
blockMoves: EventEmitter<boolean>;
|
|
32
34
|
host: HTMLYooFormSwipeCardsElement;
|
|
33
|
-
onIsVisibleChanged(): void;
|
|
34
35
|
private swipeCards;
|
|
35
|
-
private hasDuplicatesValues;
|
|
36
|
-
private hasEmptyValues;
|
|
37
36
|
private revealCards;
|
|
38
37
|
private hasDataChanged;
|
|
39
38
|
private cardValues;
|
|
40
39
|
private animationDelay;
|
|
41
40
|
private nextButtonText;
|
|
42
41
|
private gameContainerElement;
|
|
43
|
-
private cardsElements;
|
|
44
42
|
private swipeButtons;
|
|
45
43
|
private get isMode();
|
|
46
|
-
private get
|
|
44
|
+
private get cardData();
|
|
45
|
+
private get cardsElements();
|
|
47
46
|
private get hasImage();
|
|
48
47
|
private get hasText();
|
|
49
48
|
private get hasTwoCategories();
|
|
50
|
-
get
|
|
49
|
+
private get hasDuplicateValues();
|
|
50
|
+
private get hasEmptyValues();
|
|
51
|
+
private get hasMinimumRequiredData();
|
|
52
|
+
private get hasData();
|
|
53
|
+
private get isDataValid();
|
|
54
|
+
private get hasAllCardBeenSwiped();
|
|
51
55
|
get buttons(): {
|
|
52
56
|
left: HTMLYooButtonElement;
|
|
53
57
|
undo: HTMLYooButtonElement;
|
|
@@ -66,28 +70,31 @@ export declare class YooFormSwipeCardsComponent {
|
|
|
66
70
|
private updateGame;
|
|
67
71
|
private shuffleCardValues;
|
|
68
72
|
private getCardElement;
|
|
69
|
-
private spyOnValuesChanged;
|
|
70
73
|
private showWarnings;
|
|
71
74
|
private getUserAnswer;
|
|
72
75
|
private displayFooterElement;
|
|
73
76
|
private initDraggable;
|
|
74
77
|
private initCards;
|
|
75
|
-
private
|
|
78
|
+
private lockSwipeActions;
|
|
79
|
+
private resetCards;
|
|
76
80
|
private swipeCard;
|
|
77
81
|
private getSwipedState;
|
|
78
82
|
private setSwipingColor;
|
|
79
83
|
private getDraggableInstance;
|
|
80
84
|
private clickToSwipe;
|
|
81
|
-
private
|
|
85
|
+
private undoCard;
|
|
82
86
|
renderCards(): any;
|
|
83
87
|
renderInstructionCategory(side: SwipeCardsDirection.left | SwipeCardsDirection.right): JSX.Element;
|
|
84
88
|
renderTopDescription(): JSX.Element;
|
|
85
|
-
|
|
86
|
-
|
|
89
|
+
renderHeaderInstructions(): JSX.Element[];
|
|
90
|
+
renderActions(): JSX.Element;
|
|
87
91
|
renderSwipeAction(direction: SwipeCardsDirection, index: number): JSX.Element;
|
|
88
|
-
|
|
92
|
+
renderBackground(): JSX.Element;
|
|
89
93
|
renderGame(): JSX.Element[];
|
|
94
|
+
renderStartButton(): JSX.Element;
|
|
95
|
+
renderInstructions(): JSX.Element[];
|
|
90
96
|
renderSummary(): JSX.Element[][];
|
|
91
97
|
renderBanner(): JSX.Element;
|
|
98
|
+
renderMain(): JSX.Element;
|
|
92
99
|
render(): JSX.Element;
|
|
93
100
|
}
|