ep-lib-ts 1.0.75 → 1.0.76
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/components/educationals/EpBranchingScenario.vue.js +1 -1
- package/dist/components/educationals/EpBranchingScenario.vue2.js +57 -41
- package/dist/components/educationals/EpBranchingScenario.vue2.js.map +1 -1
- package/dist/components/educationals/EpResource.vue.js +1 -1
- package/dist/components/educationals/EpResource.vue.js.map +1 -1
- package/dist/components/forms/EpRadioSummative.vue.js +1 -46
- package/dist/components/forms/EpRadioSummative.vue.js.map +1 -1
- package/dist/components/forms/EpRadioSummative.vue2.js +46 -1
- package/dist/components/forms/EpRadioSummative.vue2.js.map +1 -1
- package/dist/components/interactions/EpContentSlider.vue.js +2 -1
- package/dist/components/interactions/EpContentSlider.vue.js.map +1 -1
- package/dist/components/interactions/EpFlipCard.vue.js +8 -0
- package/dist/components/interactions/EpFlipCard.vue.js.map +1 -0
- package/dist/components/interactions/EpFlipCard.vue2.js +160 -0
- package/dist/components/interactions/EpFlipCard.vue2.js.map +1 -0
- package/dist/components/interactions/EpQuestion.vue.js +1 -1
- package/dist/components/interactions/EpQuestion.vue.js.map +1 -1
- package/dist/components/interactions/EpSummativeTable.vue.js +1 -1
- package/dist/components/medias/EpHierarchy.vue.js +1 -1
- package/dist/components/medias/EpHierarchy.vue2.js +11 -7
- package/dist/components/medias/EpHierarchy.vue2.js.map +1 -1
- package/dist/components/tools/TextMedia.vue.js +3 -2
- package/dist/components/tools/TextMedia.vue.js.map +1 -1
- package/dist/components/tools/TwoColsMedia.vue2.js +2 -2
- package/dist/components/tools/TwoColsMedia.vue2.js.map +1 -1
- package/dist/composables/useColors.js +4 -0
- package/dist/composables/useColors.js.map +1 -1
- package/dist/entry/interactions/EpFlipCard.d.ts +6 -0
- package/dist/entry/interactions/EpFlipCard.js +7 -0
- package/dist/entry/interactions/EpFlipCard.js.map +1 -0
- package/dist/index.d.ts +2 -1
- package/dist/index.js +30 -27
- package/dist/index.js.map +1 -1
- package/dist/style.css +57 -41
- package/dist/types/Hierarchy.d.ts +1 -0
- package/dist/types/interactions/EpFlipCard.d.ts +18 -0
- package/package.json +1 -1
package/dist/style.css
CHANGED
|
@@ -1,17 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
|
|
3
|
-
text-decoration: underline;
|
|
4
|
-
font-weight: 500;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
.shape[data-v-4a99873e] {
|
|
9
|
-
height: var(--e4ec2c0a);
|
|
10
|
-
width: var(--3f346a72);
|
|
11
|
-
}
|
|
12
|
-
/*$vite$:1*/
|
|
13
|
-
|
|
14
|
-
@keyframes fade-352aec5b {
|
|
2
|
+
@keyframes fade-e9edfa2f {
|
|
15
3
|
0% {
|
|
16
4
|
opacity: 0;
|
|
17
5
|
}
|
|
@@ -19,7 +7,7 @@
|
|
|
19
7
|
opacity: 1;
|
|
20
8
|
}
|
|
21
9
|
}
|
|
22
|
-
@keyframes scale-
|
|
10
|
+
@keyframes scale-e9edfa2f {
|
|
23
11
|
0% {
|
|
24
12
|
transform: scale(0.5);
|
|
25
13
|
opacity: 0;
|
|
@@ -29,7 +17,7 @@
|
|
|
29
17
|
opacity: 1;
|
|
30
18
|
}
|
|
31
19
|
}
|
|
32
|
-
@keyframes slideY-
|
|
20
|
+
@keyframes slideY-e9edfa2f {
|
|
33
21
|
0% {
|
|
34
22
|
transform: translateY(-100%);
|
|
35
23
|
opacity: 0;
|
|
@@ -41,25 +29,40 @@
|
|
|
41
29
|
}
|
|
42
30
|
|
|
43
31
|
/* Transition animation */
|
|
44
|
-
.fade[data-v-
|
|
45
|
-
animation: fade-
|
|
32
|
+
.fade[data-v-e9edfa2f] {
|
|
33
|
+
animation: fade-e9edfa2f 1s;
|
|
46
34
|
}
|
|
47
|
-
.scale[data-v-
|
|
48
|
-
animation: scale-
|
|
35
|
+
.scale[data-v-e9edfa2f] {
|
|
36
|
+
animation: scale-e9edfa2f 1s;
|
|
49
37
|
}
|
|
50
|
-
.slideY[data-v-
|
|
51
|
-
animation: slideY-
|
|
38
|
+
.slideY[data-v-e9edfa2f] {
|
|
39
|
+
animation: slideY-e9edfa2f 1s;
|
|
52
40
|
}
|
|
53
|
-
|
|
41
|
+
|
|
54
42
|
|
|
55
43
|
pre {
|
|
56
44
|
white-space: break-spaces;
|
|
57
45
|
}
|
|
58
46
|
/*$vite$:1*/
|
|
59
47
|
|
|
60
|
-
.
|
|
61
|
-
|
|
62
|
-
|
|
48
|
+
.perspective-1000[data-v-67cbfaa2] { perspective: 1000px
|
|
49
|
+
}
|
|
50
|
+
.preserve-3d[data-v-67cbfaa2] { transform-style: preserve-3d
|
|
51
|
+
}
|
|
52
|
+
.backface-hidden[data-v-67cbfaa2] { backface-visibility: hidden
|
|
53
|
+
}
|
|
54
|
+
.rotate-y-180[data-v-67cbfaa2] { transform: rotateY(180deg)
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
/* simple fade for the helper badge */
|
|
58
|
+
.fade-enter-active[data-v-67cbfaa2], .fade-leave-active[data-v-67cbfaa2] { transition: opacity .3s
|
|
59
|
+
}
|
|
60
|
+
.fade-enter-from[data-v-67cbfaa2], .fade-leave-to[data-v-67cbfaa2] { opacity: 0
|
|
61
|
+
}
|
|
62
|
+
/*$vite$:1*/
|
|
63
|
+
|
|
64
|
+
.katex[data-v-a9b6227c] {
|
|
65
|
+
font-size: 1.6em;
|
|
63
66
|
}
|
|
64
67
|
/*$vite$:1*/
|
|
65
68
|
|
|
@@ -102,40 +105,47 @@ pre {
|
|
|
102
105
|
}
|
|
103
106
|
/*$vite$:1*/
|
|
104
107
|
|
|
105
|
-
.
|
|
106
|
-
.
|
|
107
|
-
|
|
108
|
+
.ep-accordeon-content[data-v-9a4f2570] {
|
|
109
|
+
transition: max-height 0.2s ease-out;
|
|
110
|
+
overflow: hidden;
|
|
108
111
|
}
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
112
|
+
/*$vite$:1*/
|
|
113
|
+
|
|
114
|
+
.shape[data-v-4a99873e] {
|
|
115
|
+
height: var(--e4ec2c0a);
|
|
116
|
+
width: var(--3f346a72);
|
|
113
117
|
}
|
|
114
118
|
/*$vite$:1*/
|
|
115
119
|
|
|
116
|
-
.ep-tree-wrapper[data-v-
|
|
120
|
+
.ep-tree-wrapper[data-v-482cff9d] {
|
|
117
121
|
overflow: auto;
|
|
118
122
|
border: 1px solid #ddd;
|
|
119
123
|
}
|
|
120
|
-
.ep-tree-container[data-v-
|
|
124
|
+
.ep-tree-container[data-v-482cff9d] {
|
|
121
125
|
width: 100%;
|
|
122
126
|
overflow-x: auto;
|
|
123
127
|
}
|
|
124
128
|
/*$vite$:1*/
|
|
125
129
|
|
|
126
|
-
.
|
|
127
|
-
|
|
130
|
+
.eptimeline-list-enter-active[data-v-6ad2fc60],
|
|
131
|
+
.eptimeline-list-leave-active[data-v-6ad2fc60] {
|
|
132
|
+
transition: all 0.5s ease;
|
|
133
|
+
}
|
|
134
|
+
.eptimeline-list-enter-from[data-v-6ad2fc60],
|
|
135
|
+
.eptimeline-list-leave-to[data-v-6ad2fc60] {
|
|
136
|
+
opacity: 0;
|
|
137
|
+
transform: translateX(30px);
|
|
128
138
|
}
|
|
129
139
|
/*$vite$:1*/
|
|
130
140
|
|
|
131
|
-
.
|
|
132
|
-
|
|
141
|
+
.ep-sensible-content[data-v-b3ee44a0] {
|
|
142
|
+
position: relative;
|
|
133
143
|
}
|
|
134
144
|
/*$vite$:1*/
|
|
135
145
|
|
|
136
|
-
.ep-
|
|
137
|
-
|
|
138
|
-
|
|
146
|
+
.ep-info-box[data-v-64f3d0d8] a {
|
|
147
|
+
text-decoration: underline;
|
|
148
|
+
font-weight: 500;
|
|
139
149
|
}
|
|
140
150
|
/*$vite$:1*/
|
|
141
151
|
|
|
@@ -144,4 +154,10 @@ pre {
|
|
|
144
154
|
position: absolute;
|
|
145
155
|
right: 12rem;
|
|
146
156
|
}
|
|
157
|
+
/*$vite$:1*/
|
|
158
|
+
|
|
159
|
+
.ep-content-timeline-item[data-v-7430d42f] {
|
|
160
|
+
max-height: 0;
|
|
161
|
+
overflow: hidden;
|
|
162
|
+
}
|
|
147
163
|
/*$vite$:1*/
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { MaxWidth } from './../Hover';
|
|
2
|
+
import { Density } from '../Card';
|
|
3
|
+
import { Color } from '../Colors';
|
|
4
|
+
export interface EpFlipCardProps {
|
|
5
|
+
titleFront?: string | null;
|
|
6
|
+
titleBack?: string | null;
|
|
7
|
+
subtitleFront?: string | null;
|
|
8
|
+
subtitleBack?: string | null;
|
|
9
|
+
bgColorFront?: Color;
|
|
10
|
+
bgColorBack?: Color;
|
|
11
|
+
bgImgFront?: string;
|
|
12
|
+
bgImgBack?: string;
|
|
13
|
+
trigger?: 'click' | 'hover';
|
|
14
|
+
noIndicator?: boolean;
|
|
15
|
+
density?: Density;
|
|
16
|
+
maxWidth?: MaxWidth;
|
|
17
|
+
height?: "small" | "medium" | "large";
|
|
18
|
+
}
|