@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.
- package/components/Content/Blocks/Accordion.vue +37 -0
- package/components/Content/Blocks/ClickableIcons.vue +107 -20
- package/components/Content/Blocks/Email.vue +9 -0
- package/components/Content/Blocks/Image.vue +47 -19
- package/components/Content/Blocks/Video.vue +80 -9
- package/components/Settings/AccordionSettings.vue +53 -0
- package/components/Settings/ClickableIconsSettings.vue +84 -7
- package/components/Settings/EmailSettings.vue +0 -9
- package/components/Settings/ImageSettings.vue +142 -39
- package/components/Settings/OpenResponseSettings.vue +1 -2
- package/components/Settings/VideoSettings.vue +100 -63
- package/components/utils/ContentViewer.vue +6 -1
- package/components/utils/MathExpressionEditor.vue +10 -5
- package/components/utils/TinyMCEWrapper.vue +114 -18
- package/components/utils/assets/tinymce/content/dark/content.scss +4 -0
- package/components/utils/assets/tinymce/{css/content.scss → content/global.scss} +38 -37
- package/components/utils/assets/tinymce/content/light/content.scss +4 -0
- package/components/utils/assets/tinymce/ui/dark/content.scss +803 -0
- package/components/utils/assets/tinymce/ui/dark/skin.scss +4727 -0
- package/components/utils/assets/tinymce/ui/global.scss +19 -0
- package/components/utils/assets/tinymce/ui/light/content.scss +822 -0
- package/components/utils/assets/tinymce/ui/light/skin.scss +4731 -0
- package/components/utils/glossary/CourseGlossary.vue +1 -1
- package/config/tinymce.config.ts +22 -14
- package/helpers/FillInBlankHelper.ts +34 -28
- package/helpers/GlossaryHelper.ts +90 -73
- package/helpers/MathHelper.ts +49 -28
- package/helpers/tinymce/plugin.ts +9 -7
- package/i18n/en-US/components/settings/clickable_icon.ts +2 -0
- package/i18n/en-US/components/settings/image.ts +6 -1
- package/i18n/en-US/shared/settings.ts +3 -0
- package/i18n/es-ES/components/settings/clickable_icon.ts +2 -0
- package/i18n/es-ES/components/settings/image.ts +8 -1
- package/i18n/es-ES/shared/settings.ts +3 -0
- package/i18n/sv-SE/components/settings/clickable_icon.ts +2 -0
- package/i18n/sv-SE/components/settings/image.ts +6 -1
- package/i18n/sv-SE/shared/settings.ts +3 -0
- package/package.json +4 -3
- package/test/Components/Settings/AccordionSettings.spec.js +16 -2
- package/test/__mocks__/contentBlockMock.js +6 -0
- package/test/__mocks__/contentSettingsMock.js +6 -0
- package/test/helpers/MathHelper.spec.js +22 -3
- package/tsconfig.json +1 -0
|
@@ -9,10 +9,12 @@ export default {
|
|
|
9
9
|
item_color: 'Artikelfärg',
|
|
10
10
|
item_text: 'Artikeltext',
|
|
11
11
|
autocolor: 'Auto-färgalternativ',
|
|
12
|
+
icon_image: 'Använd bild för ikon',
|
|
12
13
|
display: {
|
|
13
14
|
show_title: 'Visa alltid titel',
|
|
14
15
|
show_background: 'Visa bakgrund',
|
|
15
16
|
round_icon: 'Runda ikoner',
|
|
16
17
|
italic_icon: 'Kursiva ikoner',
|
|
18
|
+
large_icon: 'Stora ikoner',
|
|
17
19
|
},
|
|
18
20
|
}
|
|
@@ -2,11 +2,16 @@ export default {
|
|
|
2
2
|
hide_background: 'Dölj bakgrund',
|
|
3
3
|
modal: 'Klicka för att öppna i modal',
|
|
4
4
|
decorative: 'Dekorativ bild',
|
|
5
|
-
|
|
5
|
+
decorative_toggle_description:
|
|
6
6
|
'För att uppfylla tillgänglighetsstandarder krävs alt-text för alla bilder utom för rent dekorativa bilder. Den här inställningen kommer att lägga till rätt alt-text och skärmläsartext för eleverna.',
|
|
7
|
+
inherit_global_toggle_description:
|
|
8
|
+
'När den är aktiverad kommer den valda bilden att använda alt-text och skärmläsartext lagrad i filen, hanterad i filhanteraren. När den är inaktiverad kommer den valda bilden att ha sin egen unika alt-text och skärmläsartext som inte delas globalt på filen.',
|
|
7
9
|
alt_description:
|
|
8
10
|
'Alternativ text är beskrivande text som förmedlar innebörden och sammanhanget av ett visuellt föremål i en digital miljö, avsedd för användare som är synskadade eller på annat sätt oförmögna att visuellt identifiera en bild. Detta ska vara kort och tydligt.',
|
|
9
11
|
screenreader: 'Skärmläsartext',
|
|
10
12
|
screenreader_description:
|
|
11
13
|
'Skärmläsartext kan läggas till för att ge en användare som använder hjälpmedel mer information om elementen på sidan',
|
|
14
|
+
inherit: 'Ärva globala inställningar',
|
|
15
|
+
inherit_no_alt: 'Ingen global alt-text tillgänglig för filen',
|
|
16
|
+
inherit_no_aria: 'Ingen global skärmläsartext tillgänglig för filen',
|
|
12
17
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@windward/core",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.4.0",
|
|
4
4
|
"description": "Windward UI Core Plugins",
|
|
5
5
|
"main": "plugin.js",
|
|
6
6
|
"scripts": {
|
|
@@ -27,9 +27,10 @@
|
|
|
27
27
|
"he": "^1.2.0",
|
|
28
28
|
"lodash": "^4.17.21",
|
|
29
29
|
"mathlive": "^0.75.0",
|
|
30
|
-
"mathml-to-latex": "^1.
|
|
30
|
+
"mathml-to-latex": "^1.4.0",
|
|
31
31
|
"prettier": "^2.6.0",
|
|
32
|
-
"raw-loader": "^4.0.2"
|
|
32
|
+
"raw-loader": "^4.0.2",
|
|
33
|
+
"tinymce": "^7.1.0"
|
|
33
34
|
},
|
|
34
35
|
"devDependencies": {
|
|
35
36
|
"@babel/preset-env": "^7.16.11",
|
|
@@ -27,8 +27,22 @@ describe('AccordionSettings', () => {
|
|
|
27
27
|
})
|
|
28
28
|
wrapper.vm.onAddElement()
|
|
29
29
|
expect(wrapper.vm.$data.block.metadata.config.items).toEqual([
|
|
30
|
-
{
|
|
31
|
-
|
|
30
|
+
{
|
|
31
|
+
header: '',
|
|
32
|
+
expand: false,
|
|
33
|
+
content: '',
|
|
34
|
+
file: null,
|
|
35
|
+
altText: '',
|
|
36
|
+
ariaDescribedBy: '',
|
|
37
|
+
},
|
|
38
|
+
{
|
|
39
|
+
header: '',
|
|
40
|
+
expand: false,
|
|
41
|
+
content: '',
|
|
42
|
+
file: null,
|
|
43
|
+
altText: '',
|
|
44
|
+
ariaDescribedBy: '',
|
|
45
|
+
},
|
|
32
46
|
])
|
|
33
47
|
})
|
|
34
48
|
|
|
@@ -98,7 +98,7 @@ describe('MahtHelper ', () => {
|
|
|
98
98
|
test('detects content wrapped for tinymce', () => {
|
|
99
99
|
expect(
|
|
100
100
|
MathHelper.checkMathContentWrappedForTMCE(
|
|
101
|
-
`<span class
|
|
101
|
+
`<span class='windward-math-content'>` +
|
|
102
102
|
srEnhancedlatex +
|
|
103
103
|
`</span>` +
|
|
104
104
|
text +
|
|
@@ -111,7 +111,7 @@ describe('MahtHelper ', () => {
|
|
|
111
111
|
expect(MathHelper.wrapMathContentForTinyMCE(srEnhancedlatex)).toEqual(
|
|
112
112
|
`<span class ='windward-math-content'>` +
|
|
113
113
|
srEnhancedlatex +
|
|
114
|
-
`</span
|
|
114
|
+
`</span> `
|
|
115
115
|
)
|
|
116
116
|
})
|
|
117
117
|
test('can wrap latexContent in math span for tinymce', () => {
|
|
@@ -122,7 +122,26 @@ describe('MahtHelper ', () => {
|
|
|
122
122
|
'$$' +
|
|
123
123
|
latexContent +
|
|
124
124
|
'$$' +
|
|
125
|
-
`</span
|
|
125
|
+
`</span> `
|
|
126
|
+
)
|
|
127
|
+
})
|
|
128
|
+
|
|
129
|
+
test('can wrap latexContent in math span for tinymce only once', () => {
|
|
130
|
+
expect(
|
|
131
|
+
MathHelper.wrapMathContentForTinyMCE(
|
|
132
|
+
'$$' + latexContent + '$$' + '$$' + latexContent + '$$'
|
|
133
|
+
)
|
|
134
|
+
).toEqual(
|
|
135
|
+
`<span class ='windward-math-content'>` +
|
|
136
|
+
'$$' +
|
|
137
|
+
latexContent +
|
|
138
|
+
'$$' +
|
|
139
|
+
`</span> ` +
|
|
140
|
+
`<span class ='windward-math-content'>` +
|
|
141
|
+
'$$' +
|
|
142
|
+
latexContent +
|
|
143
|
+
'$$' +
|
|
144
|
+
`</span> `
|
|
126
145
|
)
|
|
127
146
|
})
|
|
128
147
|
})
|