@windward/core 0.2.3 → 0.3.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 (142) hide show
  1. package/babel.config.js +1 -1
  2. package/components/Content/Blocks/Image.vue +1 -1
  3. package/components/Content/Blocks/UserUpload/ManageDataTableUserFiles.vue +1 -1
  4. package/components/Content/Blocks/UserUpload.vue +1 -1
  5. package/components/Navigation/Items/AskTheExpert.vue +2 -1
  6. package/components/Navigation/Items/CourseGlossaryToolNav.vue +2 -1
  7. package/components/Settings/AccordionSettings.vue +11 -4
  8. package/components/Settings/BlockQuoteSettings.vue +9 -1
  9. package/components/Settings/ClickableIconsSettings.vue +20 -6
  10. package/components/Settings/EmailSettings.vue +13 -4
  11. package/components/Settings/FeedbackSettings.vue +2 -1
  12. package/components/Settings/HorizontalRuleSettings.vue +2 -1
  13. package/components/Settings/ImageSettings.vue +7 -1
  14. package/components/Settings/MathSettings.vue +6 -5
  15. package/components/Settings/OpenResponseCollateSettings.vue +5 -1
  16. package/components/Settings/OpenResponseSettings.vue +8 -2
  17. package/components/Settings/ScenarioChoiceSettings.vue +15 -4
  18. package/components/Settings/TabSettings.vue +12 -4
  19. package/components/Settings/TextEditorSettings.vue +14 -7
  20. package/components/Settings/UserUploadSettings.vue +11 -4
  21. package/components/Settings/VideoSettings.vue +28 -10
  22. package/components/utils/TinyMCEWrapper.vue +6 -1
  23. package/components/utils/glossary/CourseGlossary.vue +3 -2
  24. package/components/utils/glossary/CourseGlossaryForm.vue +1 -1
  25. package/i18n/en-US/components/content/blocks/image.ts +1 -1
  26. package/i18n/es-ES/components/content/blocks/image.ts +1 -1
  27. package/i18n/sv-SE/components/content/blocks/image.ts +1 -1
  28. package/package.json +1 -1
  29. package/test/__mocks__/componentsMock.js +57 -97
  30. package/test/__mocks__/contentBlockMock.js +1 -1
  31. package/test/__mocks__/contentSettingsMock.js +2 -1
  32. package/test/__mocks__/helpersMock.js +9 -0
  33. package/test/__mocks__/modelMock.js +101 -31
  34. package/.idea/codeStyles/Project.xml +0 -58
  35. package/.idea/codeStyles/codeStyleConfig.xml +0 -5
  36. package/.idea/inspectionProfiles/Project_Default.xml +0 -6
  37. package/.idea/modules.xml +0 -8
  38. package/.idea/php-docker-settings.xml +0 -24
  39. package/.idea/php.xml +0 -19
  40. package/.idea/vcs.xml +0 -6
  41. package/.idea/watcherTasks.xml +0 -4
  42. package/.idea/windward-ui-plugin-core.iml +0 -8
  43. package/coverage/clover.xml +0 -223
  44. package/coverage/coverage-final.json +0 -16
  45. package/coverage/lcov-report/base.css +0 -224
  46. package/coverage/lcov-report/block-navigation.js +0 -87
  47. package/coverage/lcov-report/components/Content/Blocks/Accordion.vue.html +0 -430
  48. package/coverage/lcov-report/components/Content/Blocks/Image.vue.html +0 -394
  49. package/coverage/lcov-report/components/Content/Blocks/Math.vue.html +0 -262
  50. package/coverage/lcov-report/components/Content/Blocks/RichText.vue.html +0 -295
  51. package/coverage/lcov-report/components/Content/Blocks/Tab.vue.html +0 -415
  52. package/coverage/lcov-report/components/Content/Blocks/Table.vue.html +0 -667
  53. package/coverage/lcov-report/components/Content/Blocks/Video.vue.html +0 -2275
  54. package/coverage/lcov-report/components/Content/Blocks/index.html +0 -206
  55. package/coverage/lcov-report/components/utils/ContentViewer.vue.html +0 -199
  56. package/coverage/lcov-report/components/utils/MathExpressionEditor.vue.html +0 -919
  57. package/coverage/lcov-report/components/utils/MathLiveWrapper.vue.html +0 -343
  58. package/coverage/lcov-report/components/utils/TinyMCEWrapper.vue.html +0 -271
  59. package/coverage/lcov-report/components/utils/index.html +0 -161
  60. package/coverage/lcov-report/config/index.html +0 -116
  61. package/coverage/lcov-report/config/tinymce.config.js.html +0 -493
  62. package/coverage/lcov-report/favicon.png +0 -0
  63. package/coverage/lcov-report/helpers/MathHelper.ts.html +0 -793
  64. package/coverage/lcov-report/helpers/index.html +0 -116
  65. package/coverage/lcov-report/helpers/tinymce/index.html +0 -116
  66. package/coverage/lcov-report/helpers/tinymce/plugin.ts.html +0 -334
  67. package/coverage/lcov-report/index.html +0 -191
  68. package/coverage/lcov-report/prettify.css +0 -1
  69. package/coverage/lcov-report/prettify.js +0 -2
  70. package/coverage/lcov-report/sort-arrow-sprite.png +0 -0
  71. package/coverage/lcov-report/sorter.js +0 -196
  72. package/coverage/lcov-report/test/index.html +0 -116
  73. package/coverage/lcov-report/test/mocks.js.html +0 -457
  74. package/coverage/lcov.info +0 -403
  75. package/lib/helpers/GlossaryHelper.d.ts +0 -9
  76. package/lib/helpers/GlossaryHelper.js +0 -118
  77. package/lib/helpers/GlossaryTerm.d.ts +0 -10
  78. package/lib/helpers/GlossaryTerm.js +0 -22
  79. package/lib/helpers/MathHelper.d.ts +0 -99
  80. package/lib/helpers/MathHelper.js +0 -194
  81. package/lib/helpers/tinymce/plugin.d.ts +0 -2
  82. package/lib/helpers/tinymce/plugin.js +0 -86
  83. package/lib/i18n/en-US/components/content/blocks/image.d.ts +0 -6
  84. package/lib/i18n/en-US/components/content/blocks/image.js +0 -7
  85. package/lib/i18n/en-US/components/content/blocks/index.d.ts +0 -75
  86. package/lib/i18n/en-US/components/content/blocks/index.js +0 -14
  87. package/lib/i18n/en-US/components/content/blocks/tab.d.ts +0 -5
  88. package/lib/i18n/en-US/components/content/blocks/tab.js +0 -6
  89. package/lib/i18n/en-US/components/content/blocks/table.d.ts +0 -5
  90. package/lib/i18n/en-US/components/content/blocks/table.js +0 -6
  91. package/lib/i18n/en-US/components/content/blocks/user_upload.d.ts +0 -13
  92. package/lib/i18n/en-US/components/content/blocks/user_upload.js +0 -14
  93. package/lib/i18n/en-US/components/content/blocks/video.d.ts +0 -48
  94. package/lib/i18n/en-US/components/content/blocks/video.js +0 -49
  95. package/lib/i18n/en-US/components/content/index.d.ts +0 -77
  96. package/lib/i18n/en-US/components/content/index.js +0 -6
  97. package/lib/i18n/en-US/components/index.d.ts +0 -140
  98. package/lib/i18n/en-US/components/index.js +0 -12
  99. package/lib/i18n/en-US/components/navigation/image.d.ts +0 -5
  100. package/lib/i18n/en-US/components/navigation/image.js +0 -6
  101. package/lib/i18n/en-US/components/navigation/index.d.ts +0 -10
  102. package/lib/i18n/en-US/components/navigation/index.js +0 -8
  103. package/lib/i18n/en-US/components/navigation/user_upload.d.ts +0 -4
  104. package/lib/i18n/en-US/components/navigation/user_upload.js +0 -5
  105. package/lib/i18n/en-US/components/settings/clickable_icon.d.ts +0 -6
  106. package/lib/i18n/en-US/components/settings/clickable_icon.js +0 -7
  107. package/lib/i18n/en-US/components/settings/image.d.ts +0 -2
  108. package/lib/i18n/en-US/components/settings/image.js +0 -3
  109. package/lib/i18n/en-US/components/settings/index.d.ts +0 -39
  110. package/lib/i18n/en-US/components/settings/index.js +0 -14
  111. package/lib/i18n/en-US/components/settings/text_editor.d.ts +0 -8
  112. package/lib/i18n/en-US/components/settings/text_editor.js +0 -9
  113. package/lib/i18n/en-US/components/settings/user_upload.d.ts +0 -12
  114. package/lib/i18n/en-US/components/settings/user_upload.js +0 -13
  115. package/lib/i18n/en-US/components/settings/video.d.ts +0 -13
  116. package/lib/i18n/en-US/components/settings/video.js +0 -14
  117. package/lib/i18n/en-US/components/utils/index.d.ts +0 -15
  118. package/lib/i18n/en-US/components/utils/index.js +0 -6
  119. package/lib/i18n/en-US/components/utils/tiny_mce_wrapper.d.ts +0 -13
  120. package/lib/i18n/en-US/components/utils/tiny_mce_wrapper.js +0 -14
  121. package/lib/i18n/en-US/index.d.ts +0 -197
  122. package/lib/i18n/en-US/index.js +0 -16
  123. package/lib/i18n/en-US/modules/index.d.ts +0 -2
  124. package/lib/i18n/en-US/modules/index.js +0 -6
  125. package/lib/i18n/en-US/pages/glossary.d.ts +0 -8
  126. package/lib/i18n/en-US/pages/glossary.js +0 -9
  127. package/lib/i18n/en-US/pages/index.d.ts +0 -13
  128. package/lib/i18n/en-US/pages/index.js +0 -8
  129. package/lib/i18n/en-US/pages/user_upload.d.ts +0 -4
  130. package/lib/i18n/en-US/pages/user_upload.js +0 -5
  131. package/lib/i18n/en-US/shared/content_blocks.d.ts +0 -20
  132. package/lib/i18n/en-US/shared/content_blocks.js +0 -21
  133. package/lib/i18n/en-US/shared/index.d.ts +0 -39
  134. package/lib/i18n/en-US/shared/index.js +0 -10
  135. package/lib/i18n/en-US/shared/menu.d.ts +0 -4
  136. package/lib/i18n/en-US/shared/menu.js +0 -5
  137. package/lib/i18n/en-US/shared/settings.d.ts +0 -15
  138. package/lib/i18n/en-US/shared/settings.js +0 -16
  139. package/lib/i18n/en-US.d.ts +0 -197
  140. package/lib/i18n/en-US.js +0 -15
  141. package/lib/models/UserFileAsset.d.ts +0 -5
  142. package/lib/models/UserFileAsset.js +0 -37
package/coverage/lcov-report/block-navigation.js DELETED
@@ -1,87 +0,0 @@
1
- /* eslint-disable */
2
- var jumpToCode = (function init() {
3
- // Classes of code we would like to highlight in the file view
4
- var missingCoverageClasses = ['.cbranch-no', '.cstat-no', '.fstat-no'];
5
-
6
- // Elements to highlight in the file listing view
7
- var fileListingElements = ['td.pct.low'];
8
-
9
- // We don't want to select elements that are direct descendants of another match
10
- var notSelector = ':not(' + missingCoverageClasses.join('):not(') + ') > '; // becomes `:not(a):not(b) > `
11
-
12
- // Selecter that finds elements on the page to which we can jump
13
- var selector =
14
- fileListingElements.join(', ') +
15
- ', ' +
16
- notSelector +
17
- missingCoverageClasses.join(', ' + notSelector); // becomes `:not(a):not(b) > a, :not(a):not(b) > b`
18
-
19
- // The NodeList of matching elements
20
- var missingCoverageElements = document.querySelectorAll(selector);
21
-
22
- var currentIndex;
23
-
24
- function toggleClass(index) {
25
- missingCoverageElements
26
- .item(currentIndex)
27
- .classList.remove('highlighted');
28
- missingCoverageElements.item(index).classList.add('highlighted');
29
- }
30
-
31
- function makeCurrent(index) {
32
- toggleClass(index);
33
- currentIndex = index;
34
- missingCoverageElements.item(index).scrollIntoView({
35
- behavior: 'smooth',
36
- block: 'center',
37
- inline: 'center'
38
- });
39
- }
40
-
41
- function goToPrevious() {
42
- var nextIndex = 0;
43
- if (typeof currentIndex !== 'number' || currentIndex === 0) {
44
- nextIndex = missingCoverageElements.length - 1;
45
- } else if (missingCoverageElements.length > 1) {
46
- nextIndex = currentIndex - 1;
47
- }
48
-
49
- makeCurrent(nextIndex);
50
- }
51
-
52
- function goToNext() {
53
- var nextIndex = 0;
54
-
55
- if (
56
- typeof currentIndex === 'number' &&
57
- currentIndex < missingCoverageElements.length - 1
58
- ) {
59
- nextIndex = currentIndex + 1;
60
- }
61
-
62
- makeCurrent(nextIndex);
63
- }
64
-
65
- return function jump(event) {
66
- if (
67
- document.getElementById('fileSearch') === document.activeElement &&
68
- document.activeElement != null
69
- ) {
70
- // if we're currently focused on the search input, we don't want to navigate
71
- return;
72
- }
73
-
74
- switch (event.which) {
75
- case 78: // n
76
- case 74: // j
77
- goToNext();
78
- break;
79
- case 66: // b
80
- case 75: // k
81
- case 80: // p
82
- goToPrevious();
83
- break;
84
- }
85
- };
86
- })();
87
- window.addEventListener('keydown', jumpToCode);
package/coverage/lcov-report/components/Content/Blocks/Accordion.vue.html DELETED
@@ -1,430 +0,0 @@
1
-
2
- <!doctype html>
3
- <html lang="en">
4
-
5
- <head>
6
- <title>Code coverage report for components/Content/Blocks/Accordion.vue</title>
7
- <meta charset="utf-8" />
8
- <link rel="stylesheet" href="../../../prettify.css" />
9
- <link rel="stylesheet" href="../../../base.css" />
10
- <link rel="shortcut icon" type="image/x-icon" href="../../../favicon.png" />
11
- <meta name="viewport" content="width=device-width, initial-scale=1" />
12
- <style type='text/css'>
13
- .coverage-summary .sorter {
14
- background-image: url(../../../sort-arrow-sprite.png);
15
- }
16
- </style>
17
- </head>
18
-
19
- <body>
20
- <div class='wrapper'>
21
- <div class='pad1'>
22
- <h1><a href="../../../index.html">All files</a> / <a href="index.html">components/Content/Blocks</a> Accordion.vue</h1>
23
- <div class='clearfix'>
24
-
25
- <div class='fl pad1y space-right2'>
26
- <span class="strong">100% </span>
27
- <span class="quiet">Statements</span>
28
- <span class='fraction'>3/3</span>
29
- </div>
30
-
31
-
32
- <div class='fl pad1y space-right2'>
33
- <span class="strong">100% </span>
34
- <span class="quiet">Branches</span>
35
- <span class='fraction'>0/0</span>
36
- </div>
37
-
38
-
39
- <div class='fl pad1y space-right2'>
40
- <span class="strong">100% </span>
41
- <span class="quiet">Functions</span>
42
- <span class='fraction'>0/0</span>
43
- </div>
44
-
45
-
46
- <div class='fl pad1y space-right2'>
47
- <span class="strong">100% </span>
48
- <span class="quiet">Lines</span>
49
- <span class='fraction'>3/3</span>
50
- </div>
51
-
52
-
53
- </div>
54
- <p class="quiet">
55
- Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
56
- </p>
57
- <template id="filterTemplate">
58
- <div class="quiet">
59
- Filter:
60
- <input oninput="onInput()" type="search" id="fileSearch">
61
- </div>
62
- </template>
63
- </div>
64
- <div class='status-line high'></div>
65
- <pre><table class="coverage">
66
- <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
67
- <a name='L2'></a><a href='#L2'>2</a>
68
- <a name='L3'></a><a href='#L3'>3</a>
69
- <a name='L4'></a><a href='#L4'>4</a>
70
- <a name='L5'></a><a href='#L5'>5</a>
71
- <a name='L6'></a><a href='#L6'>6</a>
72
- <a name='L7'></a><a href='#L7'>7</a>
73
- <a name='L8'></a><a href='#L8'>8</a>
74
- <a name='L9'></a><a href='#L9'>9</a>
75
- <a name='L10'></a><a href='#L10'>10</a>
76
- <a name='L11'></a><a href='#L11'>11</a>
77
- <a name='L12'></a><a href='#L12'>12</a>
78
- <a name='L13'></a><a href='#L13'>13</a>
79
- <a name='L14'></a><a href='#L14'>14</a>
80
- <a name='L15'></a><a href='#L15'>15</a>
81
- <a name='L16'></a><a href='#L16'>16</a>
82
- <a name='L17'></a><a href='#L17'>17</a>
83
- <a name='L18'></a><a href='#L18'>18</a>
84
- <a name='L19'></a><a href='#L19'>19</a>
85
- <a name='L20'></a><a href='#L20'>20</a>
86
- <a name='L21'></a><a href='#L21'>21</a>
87
- <a name='L22'></a><a href='#L22'>22</a>
88
- <a name='L23'></a><a href='#L23'>23</a>
89
- <a name='L24'></a><a href='#L24'>24</a>
90
- <a name='L25'></a><a href='#L25'>25</a>
91
- <a name='L26'></a><a href='#L26'>26</a>
92
- <a name='L27'></a><a href='#L27'>27</a>
93
- <a name='L28'></a><a href='#L28'>28</a>
94
- <a name='L29'></a><a href='#L29'>29</a>
95
- <a name='L30'></a><a href='#L30'>30</a>
96
- <a name='L31'></a><a href='#L31'>31</a>
97
- <a name='L32'></a><a href='#L32'>32</a>
98
- <a name='L33'></a><a href='#L33'>33</a>
99
- <a name='L34'></a><a href='#L34'>34</a>
100
- <a name='L35'></a><a href='#L35'>35</a>
101
- <a name='L36'></a><a href='#L36'>36</a>
102
- <a name='L37'></a><a href='#L37'>37</a>
103
- <a name='L38'></a><a href='#L38'>38</a>
104
- <a name='L39'></a><a href='#L39'>39</a>
105
- <a name='L40'></a><a href='#L40'>40</a>
106
- <a name='L41'></a><a href='#L41'>41</a>
107
- <a name='L42'></a><a href='#L42'>42</a>
108
- <a name='L43'></a><a href='#L43'>43</a>
109
- <a name='L44'></a><a href='#L44'>44</a>
110
- <a name='L45'></a><a href='#L45'>45</a>
111
- <a name='L46'></a><a href='#L46'>46</a>
112
- <a name='L47'></a><a href='#L47'>47</a>
113
- <a name='L48'></a><a href='#L48'>48</a>
114
- <a name='L49'></a><a href='#L49'>49</a>
115
- <a name='L50'></a><a href='#L50'>50</a>
116
- <a name='L51'></a><a href='#L51'>51</a>
117
- <a name='L52'></a><a href='#L52'>52</a>
118
- <a name='L53'></a><a href='#L53'>53</a>
119
- <a name='L54'></a><a href='#L54'>54</a>
120
- <a name='L55'></a><a href='#L55'>55</a>
121
- <a name='L56'></a><a href='#L56'>56</a>
122
- <a name='L57'></a><a href='#L57'>57</a>
123
- <a name='L58'></a><a href='#L58'>58</a>
124
- <a name='L59'></a><a href='#L59'>59</a>
125
- <a name='L60'></a><a href='#L60'>60</a>
126
- <a name='L61'></a><a href='#L61'>61</a>
127
- <a name='L62'></a><a href='#L62'>62</a>
128
- <a name='L63'></a><a href='#L63'>63</a>
129
- <a name='L64'></a><a href='#L64'>64</a>
130
- <a name='L65'></a><a href='#L65'>65</a>
131
- <a name='L66'></a><a href='#L66'>66</a>
132
- <a name='L67'></a><a href='#L67'>67</a>
133
- <a name='L68'></a><a href='#L68'>68</a>
134
- <a name='L69'></a><a href='#L69'>69</a>
135
- <a name='L70'></a><a href='#L70'>70</a>
136
- <a name='L71'></a><a href='#L71'>71</a>
137
- <a name='L72'></a><a href='#L72'>72</a>
138
- <a name='L73'></a><a href='#L73'>73</a>
139
- <a name='L74'></a><a href='#L74'>74</a>
140
- <a name='L75'></a><a href='#L75'>75</a>
141
- <a name='L76'></a><a href='#L76'>76</a>
142
- <a name='L77'></a><a href='#L77'>77</a>
143
- <a name='L78'></a><a href='#L78'>78</a>
144
- <a name='L79'></a><a href='#L79'>79</a>
145
- <a name='L80'></a><a href='#L80'>80</a>
146
- <a name='L81'></a><a href='#L81'>81</a>
147
- <a name='L82'></a><a href='#L82'>82</a>
148
- <a name='L83'></a><a href='#L83'>83</a>
149
- <a name='L84'></a><a href='#L84'>84</a>
150
- <a name='L85'></a><a href='#L85'>85</a>
151
- <a name='L86'></a><a href='#L86'>86</a>
152
- <a name='L87'></a><a href='#L87'>87</a>
153
- <a name='L88'></a><a href='#L88'>88</a>
154
- <a name='L89'></a><a href='#L89'>89</a>
155
- <a name='L90'></a><a href='#L90'>90</a>
156
- <a name='L91'></a><a href='#L91'>91</a>
157
- <a name='L92'></a><a href='#L92'>92</a>
158
- <a name='L93'></a><a href='#L93'>93</a>
159
- <a name='L94'></a><a href='#L94'>94</a>
160
- <a name='L95'></a><a href='#L95'>95</a>
161
- <a name='L96'></a><a href='#L96'>96</a>
162
- <a name='L97'></a><a href='#L97'>97</a>
163
- <a name='L98'></a><a href='#L98'>98</a>
164
- <a name='L99'></a><a href='#L99'>99</a>
165
- <a name='L100'></a><a href='#L100'>100</a>
166
- <a name='L101'></a><a href='#L101'>101</a>
167
- <a name='L102'></a><a href='#L102'>102</a>
168
- <a name='L103'></a><a href='#L103'>103</a>
169
- <a name='L104'></a><a href='#L104'>104</a>
170
- <a name='L105'></a><a href='#L105'>105</a>
171
- <a name='L106'></a><a href='#L106'>106</a>
172
- <a name='L107'></a><a href='#L107'>107</a>
173
- <a name='L108'></a><a href='#L108'>108</a>
174
- <a name='L109'></a><a href='#L109'>109</a>
175
- <a name='L110'></a><a href='#L110'>110</a>
176
- <a name='L111'></a><a href='#L111'>111</a>
177
- <a name='L112'></a><a href='#L112'>112</a>
178
- <a name='L113'></a><a href='#L113'>113</a>
179
- <a name='L114'></a><a href='#L114'>114</a>
180
- <a name='L115'></a><a href='#L115'>115</a>
181
- <a name='L116'></a><a href='#L116'>116</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
182
- <span class="cline-any cline-neutral">&nbsp;</span>
183
- <span class="cline-any cline-neutral">&nbsp;</span>
184
- <span class="cline-any cline-neutral">&nbsp;</span>
185
- <span class="cline-any cline-neutral">&nbsp;</span>
186
- <span class="cline-any cline-neutral">&nbsp;</span>
187
- <span class="cline-any cline-neutral">&nbsp;</span>
188
- <span class="cline-any cline-neutral">&nbsp;</span>
189
- <span class="cline-any cline-neutral">&nbsp;</span>
190
- <span class="cline-any cline-neutral">&nbsp;</span>
191
- <span class="cline-any cline-neutral">&nbsp;</span>
192
- <span class="cline-any cline-neutral">&nbsp;</span>
193
- <span class="cline-any cline-neutral">&nbsp;</span>
194
- <span class="cline-any cline-neutral">&nbsp;</span>
195
- <span class="cline-any cline-neutral">&nbsp;</span>
196
- <span class="cline-any cline-neutral">&nbsp;</span>
197
- <span class="cline-any cline-neutral">&nbsp;</span>
198
- <span class="cline-any cline-neutral">&nbsp;</span>
199
- <span class="cline-any cline-neutral">&nbsp;</span>
200
- <span class="cline-any cline-neutral">&nbsp;</span>
201
- <span class="cline-any cline-neutral">&nbsp;</span>
202
- <span class="cline-any cline-neutral">&nbsp;</span>
203
- <span class="cline-any cline-neutral">&nbsp;</span>
204
- <span class="cline-any cline-neutral">&nbsp;</span>
205
- <span class="cline-any cline-neutral">&nbsp;</span>
206
- <span class="cline-any cline-neutral">&nbsp;</span>
207
- <span class="cline-any cline-neutral">&nbsp;</span>
208
- <span class="cline-any cline-neutral">&nbsp;</span>
209
- <span class="cline-any cline-neutral">&nbsp;</span>
210
- <span class="cline-any cline-neutral">&nbsp;</span>
211
- <span class="cline-any cline-neutral">&nbsp;</span>
212
- <span class="cline-any cline-neutral">&nbsp;</span>
213
- <span class="cline-any cline-neutral">&nbsp;</span>
214
- <span class="cline-any cline-neutral">&nbsp;</span>
215
- <span class="cline-any cline-neutral">&nbsp;</span>
216
- <span class="cline-any cline-neutral">&nbsp;</span>
217
- <span class="cline-any cline-neutral">&nbsp;</span>
218
- <span class="cline-any cline-neutral">&nbsp;</span>
219
- <span class="cline-any cline-neutral">&nbsp;</span>
220
- <span class="cline-any cline-neutral">&nbsp;</span>
221
- <span class="cline-any cline-neutral">&nbsp;</span>
222
- <span class="cline-any cline-neutral">&nbsp;</span>
223
- <span class="cline-any cline-neutral">&nbsp;</span>
224
- <span class="cline-any cline-neutral">&nbsp;</span>
225
- <span class="cline-any cline-neutral">&nbsp;</span>
226
- <span class="cline-any cline-neutral">&nbsp;</span>
227
- <span class="cline-any cline-neutral">&nbsp;</span>
228
- <span class="cline-any cline-neutral">&nbsp;</span>
229
- <span class="cline-any cline-neutral">&nbsp;</span>
230
- <span class="cline-any cline-neutral">&nbsp;</span>
231
- <span class="cline-any cline-neutral">&nbsp;</span>
232
- <span class="cline-any cline-neutral">&nbsp;</span>
233
- <span class="cline-any cline-yes">1x</span>
234
- <span class="cline-any cline-yes">1x</span>
235
- <span class="cline-any cline-yes">1x</span>
236
- <span class="cline-any cline-neutral">&nbsp;</span>
237
- <span class="cline-any cline-neutral">&nbsp;</span>
238
- <span class="cline-any cline-neutral">&nbsp;</span>
239
- <span class="cline-any cline-neutral">&nbsp;</span>
240
- <span class="cline-any cline-neutral">&nbsp;</span>
241
- <span class="cline-any cline-neutral">&nbsp;</span>
242
- <span class="cline-any cline-neutral">&nbsp;</span>
243
- <span class="cline-any cline-neutral">&nbsp;</span>
244
- <span class="cline-any cline-neutral">&nbsp;</span>
245
- <span class="cline-any cline-neutral">&nbsp;</span>
246
- <span class="cline-any cline-neutral">&nbsp;</span>
247
- <span class="cline-any cline-neutral">&nbsp;</span>
248
- <span class="cline-any cline-neutral">&nbsp;</span>
249
- <span class="cline-any cline-neutral">&nbsp;</span>
250
- <span class="cline-any cline-neutral">&nbsp;</span>
251
- <span class="cline-any cline-neutral">&nbsp;</span>
252
- <span class="cline-any cline-neutral">&nbsp;</span>
253
- <span class="cline-any cline-neutral">&nbsp;</span>
254
- <span class="cline-any cline-neutral">&nbsp;</span>
255
- <span class="cline-any cline-neutral">&nbsp;</span>
256
- <span class="cline-any cline-neutral">&nbsp;</span>
257
- <span class="cline-any cline-neutral">&nbsp;</span>
258
- <span class="cline-any cline-neutral">&nbsp;</span>
259
- <span class="cline-any cline-neutral">&nbsp;</span>
260
- <span class="cline-any cline-neutral">&nbsp;</span>
261
- <span class="cline-any cline-neutral">&nbsp;</span>
262
- <span class="cline-any cline-neutral">&nbsp;</span>
263
- <span class="cline-any cline-neutral">&nbsp;</span>
264
- <span class="cline-any cline-neutral">&nbsp;</span>
265
- <span class="cline-any cline-neutral">&nbsp;</span>
266
- <span class="cline-any cline-neutral">&nbsp;</span>
267
- <span class="cline-any cline-neutral">&nbsp;</span>
268
- <span class="cline-any cline-neutral">&nbsp;</span>
269
- <span class="cline-any cline-neutral">&nbsp;</span>
270
- <span class="cline-any cline-neutral">&nbsp;</span>
271
- <span class="cline-any cline-neutral">&nbsp;</span>
272
- <span class="cline-any cline-neutral">&nbsp;</span>
273
- <span class="cline-any cline-neutral">&nbsp;</span>
274
- <span class="cline-any cline-neutral">&nbsp;</span>
275
- <span class="cline-any cline-neutral">&nbsp;</span>
276
- <span class="cline-any cline-neutral">&nbsp;</span>
277
- <span class="cline-any cline-neutral">&nbsp;</span>
278
- <span class="cline-any cline-neutral">&nbsp;</span>
279
- <span class="cline-any cline-neutral">&nbsp;</span>
280
- <span class="cline-any cline-neutral">&nbsp;</span>
281
- <span class="cline-any cline-neutral">&nbsp;</span>
282
- <span class="cline-any cline-neutral">&nbsp;</span>
283
- <span class="cline-any cline-neutral">&nbsp;</span>
284
- <span class="cline-any cline-neutral">&nbsp;</span>
285
- <span class="cline-any cline-neutral">&nbsp;</span>
286
- <span class="cline-any cline-neutral">&nbsp;</span>
287
- <span class="cline-any cline-neutral">&nbsp;</span>
288
- <span class="cline-any cline-neutral">&nbsp;</span>
289
- <span class="cline-any cline-neutral">&nbsp;</span>
290
- <span class="cline-any cline-neutral">&nbsp;</span>
291
- <span class="cline-any cline-neutral">&nbsp;</span>
292
- <span class="cline-any cline-neutral">&nbsp;</span>
293
- <span class="cline-any cline-neutral">&nbsp;</span>
294
- <span class="cline-any cline-neutral">&nbsp;</span>
295
- <span class="cline-any cline-neutral">&nbsp;</span>
296
- <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">&lt;template&gt;
297
- &lt;div&gt;
298
- &lt;v-expansion-panels accordion focusable&gt;
299
- &lt;v-expansion-panel
300
- v-for="(header, headerIndex) in headers"
301
- :key="headerIndex"
302
- &gt;
303
- &lt;v-expansion-panel-header class="header"&gt;
304
- {{ render ? header : '' }}
305
- &lt;v-text-field
306
- v-if="!render"
307
- v-model="headers[headerIndex]"
308
- @input="emitInput"
309
- class="col-md-11"
310
- &gt;&lt;/v-text-field&gt;
311
- &lt;v-spacer&gt;&lt;/v-spacer&gt;
312
- &lt;v-btn
313
- v-if="!render"
314
- class="shrink mr-2 mt-0"
315
- fab
316
- x-small
317
- @click="removeAccordion(headerIndex)"
318
- &gt;
319
- &lt;v-icon&gt;mdi-minus&lt;/v-icon&gt;
320
- &lt;/v-btn&gt;
321
- &lt;/v-expansion-panel-header&gt;
322
- &lt;v-expansion-panel-content class="body"&gt;
323
- &lt;v-container&gt;
324
- &lt;ContentViewer
325
- v-if="render"
326
- :value="items[headerIndex]"
327
- text-viewer
328
- &gt;&lt;/ContentViewer&gt;
329
- &lt;textEditor
330
- v-if="!render"
331
- :api_key="api_key"
332
- v-model="items[headerIndex]"
333
- &gt;&lt;/textEditor&gt;
334
- &lt;/v-container&gt;
335
- &lt;/v-expansion-panel-content&gt;
336
- &lt;/v-expansion-panel&gt;
337
- &lt;/v-expansion-panels&gt;
338
- &lt;br /&gt;
339
- &lt;v-row align="center" justify="space-around"&gt;
340
- &lt;v-btn v-if="!render" @click="addAccordion"&gt;
341
- &lt;v-icon&gt;mdi-plus&lt;/v-icon&gt;
342
- &lt;/v-btn&gt;
343
- &lt;/v-row&gt;
344
- &lt;/div&gt;
345
- &lt;/template&gt;
346
- &nbsp;
347
- &lt;script&gt;
348
- import ContentViewer from '../../utils/ContentViewer'
349
- import TinyMCEWrapper from '../../utils/TinyMCEWrapper'
350
- import BaseContentBlock from '~/components/Content/Blocks/BaseContentBlock'
351
- export default {
352
- name: 'ContentBlockAccordion',
353
- components: {
354
- ContentViewer,
355
- textEditor: TinyMCEWrapper,
356
- },
357
- extends: BaseContentBlock,
358
- beforeMount() {
359
- if (this.block.body) {
360
- const data = JSON.parse(this.block.body)
361
- if (data &amp;&amp; data.headers) {
362
- this.headers = data.headers
363
- }
364
- if (data &amp;&amp; data.items) {
365
- this.items = data.items
366
- }
367
- }
368
- },
369
- data() {
370
- return {
371
- api_key: process.env.TINY_MCE_API_KEY,
372
- render: true,
373
- tabToggle: null,
374
- headers: ['item 1', 'item 2', 'item 3'],
375
- items: ['item 1', 'item 2', 'item 3'],
376
- }
377
- },
378
- methods: {
379
- async emitInput() {
380
- await this.emitBody({
381
- headers: this.headers,
382
- items: this.items,
383
- })
384
- },
385
- async onBeforeSave() {
386
- await this.emitInput()
387
- },
388
- addAccordion() {
389
- this.headers.push('new Accordion')
390
- this.items.push('new Accordion Item')
391
- this.emitInput()
392
- },
393
- removeAccordion(index) {
394
- this.headers.splice(index, 1)
395
- this.items.splice(index, 1)
396
- this.emitInput()
397
- },
398
- },
399
- }
400
- &lt;/script&gt;
401
- &nbsp;
402
- &lt;style scoped&gt;
403
- .header {
404
- background-color: #64b5f6;
405
- color: white;
406
- }
407
- .body {
408
- background: #f6f9f9;
409
- }
410
- &lt;/style&gt;
411
- &nbsp;</pre></td></tr></table></pre>
412
-
413
- <div class='push'></div><!-- for sticky footer -->
414
- </div><!-- /wrapper -->
415
- <div class='footer quiet pad2 space-top1 center small'>
416
- Code coverage generated by
417
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
418
- at Wed Dec 07 2022 10:19:48 GMT-0500 (Eastern Standard Time)
419
- </div>
420
- <script src="../../../prettify.js"></script>
421
- <script>
422
- window.onload = function () {
423
- prettyPrint();
424
- };
425
- </script>
426
- <script src="../../../sorter.js"></script>
427
- <script src="../../../block-navigation.js"></script>
428
- </body>
429
- </html>
430
-