@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
@@ -24,4 +24,7 @@ export default {
24
24
  instructions: 'Instrucciones',
25
25
  placeholder: 'Ingrese texto aquí',
26
26
  },
27
+ upload_file: 'Subir Archivo',
28
+ alt_image: 'Texto alternativo para imagen',
29
+ aria_described: 'Aria descrita por',
27
30
  }
@@ -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
- toggle_description:
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
  }
@@ -22,4 +22,7 @@ export default {
22
22
  instructions: 'Instruktioner',
23
23
  placeholder: 'Skriv in text här',
24
24
  },
25
+ upload_file: 'Ladda upp fil',
26
+ alt_image: 'Alternativ text till bild',
27
+ aria_described: 'Aria beskrivs av',
25
28
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@windward/core",
3
- "version": "0.3.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.3.0",
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
- { header: '', expand: false, content: '' },
31
- { header: '', expand: false, content: '' },
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
 
@@ -59,6 +59,12 @@ jest.mock(
59
59
  resolve(true)
60
60
  })
61
61
  },
62
+ getAssetByFileAssetId(fileAssetId) {
63
+ return null
64
+ },
65
+ resolveAsset(file) {
66
+ return file
67
+ },
62
68
  },
63
69
  }
64
70
  },
@@ -48,6 +48,12 @@ jest.mock(
48
48
  resolve(true)
49
49
  })
50
50
  },
51
+ getAssetByFileAssetId(fileAssetId) {
52
+ return null
53
+ },
54
+ resolveAsset(file) {
55
+ return file
56
+ },
51
57
  },
52
58
  }
53
59
  },
@@ -98,7 +98,7 @@ describe('MahtHelper ', () => {
98
98
  test('detects content wrapped for tinymce', () => {
99
99
  expect(
100
100
  MathHelper.checkMathContentWrappedForTMCE(
101
- `<span class ='windward-math-content'>` +
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> &nbsp;`
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> &nbsp;`
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> &nbsp;` +
140
+ `<span class ='windward-math-content'>` +
141
+ '$$' +
142
+ latexContent +
143
+ '$$' +
144
+ `</span> &nbsp;`
126
145
  )
127
146
  })
128
147
  })
package/tsconfig.json CHANGED
@@ -6,6 +6,7 @@
6
6
  "noImplicitAny": false,
7
7
  "outDir": "./lib",
8
8
  "strict": true,
9
+ "lib": ["ES2021.String"],
9
10
  "paths": {
10
11
  "~/*": ["./*"],
11
12
  "@/*": ["./*"]