@windward/core 0.3.0 → 0.4.0

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.
Files changed (43) hide show
  1. package/components/Content/Blocks/Accordion.vue +37 -0
  2. package/components/Content/Blocks/ClickableIcons.vue +107 -20
  3. package/components/Content/Blocks/Email.vue +9 -0
  4. package/components/Content/Blocks/Image.vue +47 -19
  5. package/components/Content/Blocks/Video.vue +80 -9
  6. package/components/Settings/AccordionSettings.vue +53 -0
  7. package/components/Settings/ClickableIconsSettings.vue +84 -7
  8. package/components/Settings/EmailSettings.vue +0 -9
  9. package/components/Settings/ImageSettings.vue +142 -39
  10. package/components/Settings/OpenResponseSettings.vue +1 -2
  11. package/components/Settings/VideoSettings.vue +100 -63
  12. package/components/utils/ContentViewer.vue +6 -1
  13. package/components/utils/MathExpressionEditor.vue +10 -5
  14. package/components/utils/TinyMCEWrapper.vue +114 -18
  15. package/components/utils/assets/tinymce/content/dark/content.scss +4 -0
  16. package/components/utils/assets/tinymce/{css/content.scss → content/global.scss} +38 -37
  17. package/components/utils/assets/tinymce/content/light/content.scss +4 -0
  18. package/components/utils/assets/tinymce/ui/dark/content.scss +803 -0
  19. package/components/utils/assets/tinymce/ui/dark/skin.scss +4727 -0
  20. package/components/utils/assets/tinymce/ui/global.scss +19 -0
  21. package/components/utils/assets/tinymce/ui/light/content.scss +822 -0
  22. package/components/utils/assets/tinymce/ui/light/skin.scss +4731 -0
  23. package/components/utils/glossary/CourseGlossary.vue +1 -1
  24. package/config/tinymce.config.ts +22 -14
  25. package/helpers/FillInBlankHelper.ts +34 -28
  26. package/helpers/GlossaryHelper.ts +90 -73
  27. package/helpers/MathHelper.ts +49 -28
  28. package/helpers/tinymce/plugin.ts +9 -7
  29. package/i18n/en-US/components/settings/clickable_icon.ts +2 -0
  30. package/i18n/en-US/components/settings/image.ts +6 -1
  31. package/i18n/en-US/shared/settings.ts +3 -0
  32. package/i18n/es-ES/components/settings/clickable_icon.ts +2 -0
  33. package/i18n/es-ES/components/settings/image.ts +8 -1
  34. package/i18n/es-ES/shared/settings.ts +3 -0
  35. package/i18n/sv-SE/components/settings/clickable_icon.ts +2 -0
  36. package/i18n/sv-SE/components/settings/image.ts +6 -1
  37. package/i18n/sv-SE/shared/settings.ts +3 -0
  38. package/package.json +4 -3
  39. package/test/Components/Settings/AccordionSettings.spec.js +16 -2
  40. package/test/__mocks__/contentBlockMock.js +6 -0
  41. package/test/__mocks__/contentSettingsMock.js +6 -0
  42. package/test/helpers/MathHelper.spec.js +22 -3
  43. package/tsconfig.json +1 -0
@@ -1,32 +1,30 @@
1
-
2
1
  table {
3
2
  max-width: 100%;
4
- border: 1px solid var(--v-primary-base) !important;
3
+ border: 1px solid var(--v-primary-base);
5
4
  border-spacing: 0;
6
5
 
7
- th, td {
8
- border: 1px solid var(--v-primary-base) !important;
6
+ th,
7
+ td {
8
+ border: 1px solid var(--v-primary-base);
9
9
  padding: 3px;
10
10
  }
11
-
12
11
  }
13
12
  table {
14
- &.windward-table-default {
15
-
13
+ &.windward-table-default {
16
14
  color: black;
17
15
 
18
16
  th {
19
17
  color: white;
20
18
  padding: 16px;
21
- background-color: #3B4143FF;
19
+ background-color: #3b4143ff;
22
20
  }
23
21
 
24
- th, td {
22
+ th,
23
+ td {
25
24
  text-align: left;
26
25
  border: 1px solid black;
27
26
  }
28
27
 
29
-
30
28
  tr:nth-child(even) {
31
29
  td {
32
30
  background-color: #ffffff;
@@ -35,19 +33,18 @@ table {
35
33
 
36
34
  tr:nth-child(odd) {
37
35
  td {
38
- background-color: #EAEAEC;
36
+ background-color: #eaeaec;
39
37
  }
40
38
  }
41
39
 
42
-
43
- &--lines{
44
- border: 1px solid #ffffff;
45
- th, td {
46
- border: 1px solid #ffffff;
47
- }
48
- }
49
-
50
- }
40
+ &--lines {
41
+ border: 1px solid #ffffff;
42
+ th,
43
+ td {
44
+ border: 1px solid #ffffff;
45
+ }
46
+ }
47
+ }
51
48
 
52
49
  &.windward-table-excel {
53
50
  padding-bottom: 20px;
@@ -62,7 +59,7 @@ table {
62
59
  padding: 3px;
63
60
  text-align: center;
64
61
  color: black;
65
- background-color: #D7CCC8;
62
+ background-color: #d7ccc8;
66
63
  }
67
64
 
68
65
  td {
@@ -70,7 +67,6 @@ table {
70
67
  color: #000;
71
68
  padding: 5px;
72
69
  text-align: left;
73
-
74
70
  }
75
71
  }
76
72
 
@@ -83,23 +79,20 @@ table {
83
79
  background-color: #206e8c;
84
80
  }
85
81
 
86
- th, td {
82
+ th,
83
+ td {
87
84
  text-align: left;
88
-
89
85
  }
90
86
 
91
87
  tr:nth-child(even) {
92
88
  th {
93
89
  border: 1px solid black;
94
-
95
90
  }
96
91
 
97
92
  td {
98
93
  border: 1px solid black;
99
94
  background-color: #ffffff;
100
-
101
95
  }
102
-
103
96
  }
104
97
 
105
98
  tr:nth-child(odd) {
@@ -109,12 +102,11 @@ table {
109
102
 
110
103
  td {
111
104
  border: 1px solid black;
112
- background-color: #EAEAEC;
105
+ background-color: #eaeaec;
113
106
  }
114
107
  }
115
108
  }
116
109
 
117
-
118
110
  /* ledger table */
119
111
  &.windward-table-ledger {
120
112
  &--right-align {
@@ -129,12 +121,12 @@ table {
129
121
  background-color: white;
130
122
  color: black;
131
123
 
132
- thead, th {
124
+ thead,
125
+ th {
133
126
  border: 3px solid black;
134
127
  font-weight: bold;
135
128
  }
136
129
 
137
-
138
130
  tr {
139
131
  td {
140
132
  border: 1px solid black;
@@ -153,7 +145,8 @@ table {
153
145
  font-weight: bold;
154
146
  }
155
147
 
156
- th:last-child, td:last-child {
148
+ th:last-child,
149
+ td:last-child {
157
150
  border-right: 0;
158
151
  }
159
152
 
@@ -170,20 +163,20 @@ table {
170
163
  text-align: left;
171
164
  padding: 11px;
172
165
 
173
- thead, th {
166
+ thead,
167
+ th {
174
168
  font-weight: bold;
175
- background-color: #EAEAEC;
169
+ background-color: #eaeaec;
176
170
  padding: 3px;
177
171
  }
178
172
 
179
173
  td th {
180
174
  border: 1px solid black;
181
175
  }
182
-
183
176
  }
184
177
  }
185
178
 
186
- span.windward-fill-blank{
179
+ span.windward-fill-blank {
187
180
  display: inline-block;
188
181
  cursor: pointer;
189
182
  border: 2px solid #206e8c;
@@ -193,5 +186,13 @@ span.windward-fill-blank{
193
186
  color: #000000;
194
187
  }
195
188
 
196
- body { font-family: 'Roboto', sans-serif; }
189
+ body {
190
+ font-family: 'Roboto', sans-serif;
191
+ }
197
192
 
193
+ html:has(body.editor--theme-light) {
194
+ @import './light/content.scss';
195
+ }
196
+ html:has(body.editor--theme-dark) {
197
+ @import './dark/content.scss';
198
+ }
@@ -0,0 +1,4 @@
1
+ body {
2
+ background-color: #fff;
3
+ color: #1a1d1e;
4
+ }