@windward/games 0.0.10 → 0.1.1

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 (80) hide show
  1. package/components/content/CrudTable.vue +2 -2
  2. package/components/content/blocks/crosswordPuzzle/CrosswordClues.vue +4 -2
  3. package/components/content/blocks/crosswordPuzzle/CrosswordPuzzle.vue +14 -12
  4. package/components/content/blocks/dragDrop/BucketGame.vue +14 -15
  5. package/components/content/blocks/dragDrop/SortingGame.vue +4 -4
  6. package/components/content/blocks/flashcards/CardFace.vue +38 -39
  7. package/components/content/blocks/flashcards/Flashcard.vue +109 -28
  8. package/components/content/blocks/flashcards/FlashcardSlides.vue +1 -2
  9. package/components/content/blocks/matchingGame/MatchingGame.vue +15 -14
  10. package/components/content/blocks/multipleChoice/MultipleChoice.vue +186 -225
  11. package/components/content/blocks/multipleChoice/QuestionDialog.vue +7 -7
  12. package/components/content/blocks/quizshowGame/AnswerPanel.vue +9 -9
  13. package/components/content/blocks/quizshowGame/Gridview.vue +20 -24
  14. package/components/content/blocks/quizshowGame/QuizShow.vue +6 -6
  15. package/components/content/blocks/quizshowGame/feedbackIcons.vue +4 -2
  16. package/components/content/blocks/sevenStrikes/SevenStikes.vue +165 -111
  17. package/components/content/blocks/sevenStrikes/keyboard.vue +9 -2
  18. package/components/content/blocks/slideshow/SlideShow.vue +9 -5
  19. package/components/content/blocks/wordJumble/Jumble.vue +0 -2
  20. package/components/content/blocks/wordJumble/WordJumble.vue +121 -60
  21. package/components/settings/BucketGameSettingsManager.vue +20 -20
  22. package/components/settings/CrosswordPuzzleSettingsManager.vue +114 -181
  23. package/components/settings/FlashCardSlidesManager.vue +46 -63
  24. package/components/settings/MatchingGameManager.vue +19 -19
  25. package/components/settings/MultipleChoiceSettingsManager.vue +130 -140
  26. package/components/settings/QuizShowSettingsManager.vue +17 -17
  27. package/components/settings/SevenStrikesSettingsManager.vue +139 -193
  28. package/components/settings/SlideShowManager.vue +17 -9
  29. package/components/settings/SortingGameSettingsManager.vue +11 -11
  30. package/components/settings/WordJumbleSettingsManager.vue +48 -12
  31. package/i18n/en-US/components/content/blocks/flashcard.ts +1 -0
  32. package/i18n/en-US/components/content/blocks/word_jumble.ts +2 -0
  33. package/i18n/en-US/components/settings/bucket_game.ts +3 -2
  34. package/i18n/en-US/components/settings/flashcard.ts +1 -0
  35. package/i18n/en-US/components/settings/seven_strikes.ts +1 -1
  36. package/i18n/en-US/index.ts +2 -1
  37. package/i18n/es-ES/components/content/blocks/flashcard.ts +1 -0
  38. package/i18n/es-ES/components/content/blocks/word_jumble.ts +2 -0
  39. package/i18n/es-ES/components/settings/bucket_game.ts +3 -2
  40. package/i18n/es-ES/components/settings/flashcard.ts +1 -0
  41. package/i18n/es-ES/components/settings/seven_strikes.ts +2 -2
  42. package/i18n/es-ES/index.ts +2 -1
  43. package/i18n/index.ts +11 -0
  44. package/i18n/sv-SE/components/content/blocks/flashcard.ts +1 -0
  45. package/i18n/sv-SE/components/content/blocks/word_jumble.ts +2 -0
  46. package/i18n/sv-SE/components/settings/bucket_game.ts +2 -2
  47. package/i18n/sv-SE/components/settings/flashcard.ts +1 -0
  48. package/i18n/sv-SE/components/settings/seven_strikes.ts +1 -1
  49. package/i18n/sv-SE/index.ts +2 -1
  50. package/package.json +1 -1
  51. package/plugin.js +33 -34
  52. package/test/Feature/LocaleKeys.spec.js +11 -0
  53. package/test/__mocks__/componentsMock.js +12 -0
  54. package/test/__mocks__/fileMock.js +1 -0
  55. package/test/__mocks__/modelMock.js +88 -0
  56. package/test/__mocks__/styleMock.js +1 -0
  57. package/test/blocks/crossword/CrosswordPuzzle.spec.js +1 -1
  58. package/test/blocks/dragDrop/BucketGame.spec.js +1 -1
  59. package/test/blocks/dragDrop/SortingGame.spec.js +1 -1
  60. package/test/blocks/flashcards/CardFace.spec.js +1 -1
  61. package/test/blocks/flashcards/FlashCardSlides.spec.js +1 -1
  62. package/test/blocks/flashcards/Flashcard.spec.js +1 -1
  63. package/test/blocks/matchingGame/MatchingGame.spec.js +1 -1
  64. package/test/blocks/multipleChoice/MultipleChoice.spec.js +1 -1
  65. package/test/blocks/multipleChoice/QuestionDialog.spec.js +1 -1
  66. package/test/blocks/quizShow/quizShow.spec.js +1 -1
  67. package/test/blocks/sevenStrikes/sevenStrikes.spec.js +1 -1
  68. package/test/blocks/slideshow/slideshow.spec.js +1 -1
  69. package/test/blocks/wordJumble/Jumble.spec.js +1 -1
  70. package/test/blocks/wordJumble/WordJumble.spec.js +1 -1
  71. package/test/mocks.js +8 -2
  72. package/test/settings/BucketGameManager.spec.js +4 -4
  73. package/test/settings/CrosswordPuzzleManager.spec.js +6 -11
  74. package/test/settings/FlashCardSlidesManager.spec.js +1 -1
  75. package/test/settings/MatchingGameManager.spec.js +1 -1
  76. package/test/settings/MultipleChoiceGameManager.spec.js +1 -1
  77. package/test/settings/SevenStrikesManager.spec.js +1 -1
  78. package/test/settings/SlideShowManager.spec.js +1 -1
  79. package/test/settings/SortingGameManager.spec.js +1 -1
  80. package/test/settings/WordJumbleManager.spec.js +1 -4
@@ -6,7 +6,7 @@
6
6
  block.metadata.config.title
7
7
  ? block.metadata.config.title
8
8
  : $t(
9
- 'plugin.games.components.content.blocks.word_jumble.title'
9
+ 'windward.games.components.content.blocks.word_jumble.title'
10
10
  )
11
11
  }}
12
12
  </h3>
@@ -14,44 +14,79 @@
14
14
  </v-col>
15
15
  <v-col class="pa-0">
16
16
  <template>
17
- <v-carousel @change="onSlideChanged()">
17
+ <v-carousel
18
+ hide-delimiters
19
+ v-model="block.metadata.config.currentWord"
20
+ @change="onSlideChanged()"
21
+ >
18
22
  <v-carousel-item
19
23
  v-for="(word, index) in block.metadata.config.words"
20
24
  :key="index"
21
25
  >
22
26
  <v-row class="d-flex justify-center ma-2">
23
- <p class="pa-3 mb-0 clueAndJumble">
24
- <span class="spanBold"
27
+ <p class="pa-3 mb-0 p-clue-jumble">
28
+ <span class="span-bold"
25
29
  >{{
26
30
  $t(
27
- 'plugin.games.components.content.blocks.word_jumble.clue'
31
+ 'windward.games.components.content.blocks.word_jumble.clue'
28
32
  )
29
33
  }}
30
34
  </span>
31
35
  {{ word.hint }}
32
36
  </p>
33
37
  </v-row>
34
- <v-row class="d-flex justify-center outline ma-2">
35
- <p class="pa-3 mb-0 clueAndJumble">
36
- {{ shuffle(word.value) }}
38
+ <v-row class="d-flex justify-center ma-2">
39
+ <p v-if="render" class="pa-3 mb-0 p-clue-jumble">
40
+ {{ word.shuffledWord }}
41
+ </p>
42
+ <p v-if="!render" class="pa-3 mb-0 p-clue-jumble">
43
+ {{ word.value }}
37
44
  </p>
38
45
  </v-row>
39
46
  <v-container
40
47
  v-if="showFeedback"
48
+ fluid
41
49
  :key="'feedback'"
42
50
  :class="feedbackStatus"
51
+ class="pa-0"
43
52
  >
44
- <v-row class="d-flex" align="center">
45
- <v-col cols="4"></v-col>
46
- <v-col cols="4" class="d-flex justify-center">
47
- <p class="">{{ feedback }}</p>
48
- </v-col>
49
- <v-col cols="4" class="d-flex justify-end">
50
- <v-icon @click="onHideFeedback">
51
- mdi-alpha-x-circle-outline</v-icon
52
- >
53
+ <br />
54
+ <v-row>
55
+ <v-col></v-col>
56
+ <v-col class="d-flex justify-center">{{
57
+ feedback
58
+ ? feedback
59
+ : $t(
60
+ 'windward.games.components.content.blocks.bucket_game.form.feedback.feedback_here'
61
+ )
62
+ }}</v-col>
63
+ <v-col class="d-flex justify-end pl-4">
64
+ <v-btn
65
+ v-if="
66
+ feedbackStatus ===
67
+ 'container-feedback-success'
68
+ "
69
+ class="mr-5"
70
+ color="success"
71
+ @click="onSlideChanged(true)"
72
+ >{{ $t('shared.forms.continue') }}
73
+ </v-btn>
74
+ <v-container
75
+ v-if="
76
+ feedbackStatus ===
77
+ 'container-feedback-error'
78
+ "
79
+ class="d-flex justify-end"
80
+ @click="onHideFeedback"
81
+ ><v-icon
82
+ class="icon--error"
83
+ color="error"
84
+ >mdi-close-circle</v-icon
85
+ >
86
+ </v-container>
53
87
  </v-col>
54
88
  </v-row>
89
+ <br />
55
90
  </v-container>
56
91
  <v-row class="justify-center mt-4">
57
92
  <Jumble
@@ -62,25 +97,31 @@
62
97
  @input="getResponse($event)"
63
98
  ></Jumble>
64
99
  </v-row>
65
- <v-row class="justify-center mt-8">
66
- <v-btn
67
- color="primary mr-4"
68
- @click="onCheckAnswer(word)"
69
- >{{
70
- $t(
71
- 'plugin.games.components.content.blocks.word_jumble.check'
72
- )
73
- }}</v-btn
74
- >
75
- <v-btn
76
- color="primary ml-4"
77
- @click="onRevealAnswer"
78
- >{{
79
- $t(
80
- 'plugin.games.components.content.blocks.word_jumble.reveal'
81
- )
82
- }}</v-btn
83
- >
100
+ <v-row class="d-flex mt-8">
101
+ <v-col class="d-flex justify-end">
102
+ <v-btn
103
+ :disabled="disableButtons"
104
+ color="primary"
105
+ @click="onCheckAnswer(word)"
106
+ >{{
107
+ $t(
108
+ 'windward.games.components.content.blocks.word_jumble.check'
109
+ )
110
+ }}
111
+ </v-btn>
112
+ </v-col>
113
+ <v-col class="d-flex justify-start">
114
+ <v-btn
115
+ :disabled="disableButtons"
116
+ color="primary"
117
+ @click="onRevealAnswer"
118
+ >{{
119
+ $t(
120
+ 'windward.games.components.content.blocks.word_jumble.reveal'
121
+ )
122
+ }}
123
+ </v-btn>
124
+ </v-col>
84
125
  </v-row>
85
126
  </v-carousel-item>
86
127
  </v-carousel>
@@ -112,20 +153,22 @@ export default {
112
153
  }
113
154
  if (_.isEmpty(this.block.metadata.config.title)) {
114
155
  this.block.metadata.config.title = this.$t(
115
- 'plugin.games.components.content.blocks.word_jumble.title'
156
+ 'windward.games.components.content.blocks.word_jumble.title'
116
157
  )
117
158
  }
118
159
  if (_.isEmpty(this.block.metadata.config.instructions)) {
119
- this.block.metadata.config.instructions = ''
160
+ this.block.metadata.config.instructions = this.$t(
161
+ 'windward.games.components.content.blocks.word_jumble.instructions'
162
+ )
120
163
  }
121
164
  if (_.isEmpty(this.block.metadata.config.feedback_correct)) {
122
165
  this.block.metadata.config.feedback_correct = this.$t(
123
- 'plugin.games.components.settings.bucket_game.form.feedback.correct_default'
166
+ 'windward.games.components.settings.bucket_game.form.feedback.correct_default'
124
167
  )
125
168
  }
126
169
  if (_.isEmpty(this.block.metadata.config.feedback_incorrect)) {
127
170
  this.block.metadata.config.feedback_incorrect = this.$t(
128
- 'plugin.games.components.settings.bucket_game.form.feedback.incorrect_default'
171
+ 'windward.games.components.settings.bucket_game.form.feedback.incorrect_default'
129
172
  )
130
173
  }
131
174
  if (_.isEmpty(this.block.metadata.config.words)) {
@@ -136,7 +179,7 @@ export default {
136
179
  return {
137
180
  saveState: false,
138
181
  feedback: this.$t(
139
- 'plugin.games.components.content.blocks.word_jumble.feedback'
182
+ 'windward.games.components.content.blocks.word_jumble.feedback'
140
183
  ),
141
184
  showAnswer: false,
142
185
  showFeedback: false,
@@ -144,11 +187,14 @@ export default {
144
187
  studentResponse: '',
145
188
  feedbackStatus: '',
146
189
  updateJumble: 0,
190
+ disableButtons: false,
191
+ shuffledWord: '',
147
192
  }
148
193
  },
149
194
  watch: {
150
195
  render(newValue) {
151
196
  this.updateJumble = Crypto.id()
197
+ this.block.metadata.config.currentWord = 0
152
198
  },
153
199
  },
154
200
  mounted() {
@@ -187,17 +233,23 @@ export default {
187
233
  onRevealAnswer() {
188
234
  // reveal prop changed to true to show answer
189
235
  this.showAnswer = true
236
+ this.disableButtons = true
190
237
  },
191
238
  onHideFeedback() {
192
239
  this.showFeedback = false
240
+ this.disableButtons = false
193
241
  },
194
242
  onCheckAnswer(word) {
195
243
  this.studentResponse = this.studentResponse.toLowerCase()
196
244
  this.showFeedback = true
245
+ this.disableButtons = true
197
246
  const answer = word.value.toLowerCase()
198
- if (this.studentResponse === answer) {
247
+ if (
248
+ !_.isEmpty(this.studentResponse) &&
249
+ this.studentResponse === answer
250
+ ) {
199
251
  // updates class
200
- this.feedbackStatus = 'success'
252
+ this.feedbackStatus = 'container-feedback-success'
201
253
  // gets custom or standard feedback
202
254
  if (
203
255
  !_.isEmpty(this.block.metadata.config.feedback_correct) &&
@@ -206,12 +258,12 @@ export default {
206
258
  this.feedback = this.block.metadata.config.feedback_correct
207
259
  } else {
208
260
  this.feedback = this.$t(
209
- 'plugin.games.components.content.blocks.word_jumble.correct'
261
+ 'windward.games.components.content.blocks.word_jumble.correct'
210
262
  )
211
263
  }
212
264
  } else {
213
265
  // updates class
214
- this.feedbackStatus = 'error'
266
+ this.feedbackStatus = 'container-feedback-error'
215
267
  // gets custom or standard feedback
216
268
  if (
217
269
  !_.isEmpty(this.block.metadata.config.feedback_incorrect) &&
@@ -221,21 +273,34 @@ export default {
221
273
  this.block.metadata.config.feedback_incorrect
222
274
  } else {
223
275
  this.feedback = this.$t(
224
- 'plugin.games.components.content.blocks.word_jumble.incorrect'
276
+ 'windward.games.components.content.blocks.word_jumble.incorrect'
225
277
  )
226
278
  }
227
279
  }
228
280
  },
229
- onSlideChanged() {
281
+ onSlideChanged(changeSlide) {
230
282
  // this function is called when the slide is changed
231
283
  // reset the game each time this occurs via props due to fact
232
284
  // that components do not remount on slides each time the slide is revisited
285
+ this.block.metadata.config.words[
286
+ this.block.metadata.config.currentWord
287
+ ].shuffledWord = this.shuffle(
288
+ this.block.metadata.config.words[
289
+ this.block.metadata.config.currentWord
290
+ ].value
291
+ )
292
+ if (changeSlide) {
293
+ this.block.metadata.config.currentWord =
294
+ this.block.metadata.config.currentWord + 1
295
+ }
233
296
  // updates class
234
297
  this.feedbackStatus = ''
235
298
  this.showFeedback = false
299
+ this.studentResponse = ''
236
300
  this.feedback = this.$t(
237
- 'plugin.games.components.content.blocks.word_jumble.feedback'
301
+ 'windward.games.components.content.blocks.word_jumble.feedback'
238
302
  )
303
+ this.disableButtons = false
239
304
  // ensure answer no longder revealed
240
305
  this.showAnswer = false
241
306
  // if student has entered a response the input values are reset to empty on slide change
@@ -245,22 +310,18 @@ export default {
245
310
  }
246
311
  </script>
247
312
  <style lang="scss" scoped>
248
- .outline {
249
- border: 2px solid black;
250
- border-radius: 10px;
251
- }
252
- .clueAndJumble {
313
+ .p-clue-jumble {
253
314
  font-size: 20px;
254
315
  }
255
- .spanBold {
316
+ .span-bold {
256
317
  font-weight: 900;
257
318
  }
258
- .error {
259
- border: dashed 2px #dc3d1a;
260
- background-color: #fff1f1;
319
+ .container-feedback-error {
320
+ border: solid 4px var(--v-error-base);
321
+ color: var(--v-error-base);
261
322
  }
262
- .success {
263
- border: dashed 2px #76b778;
264
- background-color: #f1fff3;
323
+ .container-feedback-success {
324
+ border: solid 4px var(--v-success-base);
325
+ color: var(--v-success-base);
265
326
  }
266
327
  </style>
@@ -9,7 +9,7 @@
9
9
  :autofocus="true"
10
10
  :label="
11
11
  $t(
12
- 'plugin.games.components.settings.bucket_game.form.title'
12
+ 'windward.games.components.settings.bucket_game.form.title'
13
13
  )
14
14
  "
15
15
  ref="title"
@@ -21,7 +21,7 @@
21
21
  :counter="255"
22
22
  :label="
23
23
  $t(
24
- 'plugin.games.components.settings.bucket_game.form.instructions'
24
+ 'windward.games.components.settings.bucket_game.form.instructions'
25
25
  )
26
26
  "
27
27
  ></v-textarea>
@@ -31,7 +31,7 @@
31
31
  <p>
32
32
  {{
33
33
  $t(
34
- 'plugin.games.components.settings.bucket_game.form.buckets'
34
+ 'windward.games.components.settings.bucket_game.form.buckets'
35
35
  )
36
36
  }}
37
37
  </p>
@@ -46,7 +46,7 @@
46
46
  item.title
47
47
  ? item.title
48
48
  : $t(
49
- 'plugin.games.components.settings.bucket_game.form.enter_text'
49
+ 'windward.games.components.settings.bucket_game.form.enter_text'
50
50
  )
51
51
  }}
52
52
  </template>
@@ -56,7 +56,7 @@
56
56
  <p class="p-label">
57
57
  {{
58
58
  $t(
59
- 'plugin.games.components.content.blocks.bucket_game.name'
59
+ 'windward.games.components.content.blocks.bucket_game.name'
60
60
  )
61
61
  }}
62
62
  </p>
@@ -74,7 +74,7 @@
74
74
  <p class="p-label">
75
75
  {{
76
76
  $t(
77
- 'plugin.games.components.settings.bucket_game.form.color'
77
+ 'windward.games.components.settings.bucket_game.form.color'
78
78
  )
79
79
  }}
80
80
  </p>
@@ -96,7 +96,7 @@
96
96
  <p class="p-label">
97
97
  {{
98
98
  $t(
99
- 'plugin.games.components.content.blocks.bucket_game.answers'
99
+ 'windward.games.components.content.blocks.bucket_game.answers'
100
100
  )
101
101
  }}
102
102
  </p>
@@ -119,7 +119,7 @@
119
119
  item.display
120
120
  ? item.display
121
121
  : $t(
122
- 'plugin.games.components.settings.bucket_game.form.enter_text'
122
+ 'windward.games.components.settings.bucket_game.form.enter_text'
123
123
  )
124
124
  }}
125
125
  </template>
@@ -129,7 +129,7 @@
129
129
  <p class="p-label mb-0">
130
130
  {{
131
131
  $t(
132
- 'plugin.games.components.content.blocks.bucket_game.form.answer'
132
+ 'windward.games.components.content.blocks.bucket_game.form.answer'
133
133
  )
134
134
  }}
135
135
  </p>
@@ -146,7 +146,7 @@
146
146
  <p class="p-label mb-0">
147
147
  {{
148
148
  $t(
149
- 'plugin.games.components.content.blocks.bucket_game.form.value'
149
+ 'windward.games.components.content.blocks.bucket_game.form.value'
150
150
  )
151
151
  }}
152
152
  </p>
@@ -162,7 +162,7 @@
162
162
  <p class="p-label mb-0">
163
163
  {{
164
164
  $t(
165
- 'plugin.games.components.content.blocks.bucket_game.form.feedback.feedback'
165
+ 'windward.games.components.content.blocks.bucket_game.form.feedback.feedback'
166
166
  )
167
167
  }}
168
168
  </p>
@@ -188,7 +188,7 @@
188
188
  <v-icon>mdi-plus</v-icon>
189
189
  {{
190
190
  $t(
191
- 'plugin.games.components.settings.bucket_game.form.add_answer'
191
+ 'windward.games.components.settings.bucket_game.form.add_answer'
192
192
  )
193
193
  }}
194
194
  </v-btn>
@@ -202,7 +202,7 @@
202
202
  <v-icon>mdi-plus</v-icon>
203
203
  {{
204
204
  $t(
205
- 'plugin.games.components.settings.bucket_game.form.add_bucket'
205
+ 'windward.games.components.settings.bucket_game.form.add_bucket'
206
206
  )
207
207
  }}
208
208
  </v-btn>
@@ -215,7 +215,7 @@
215
215
  :counter="255"
216
216
  :label="
217
217
  $t(
218
- 'plugin.games.components.settings.bucket_game.form.feedback.correct'
218
+ 'windward.games.components.settings.bucket_game.form.feedback.correct'
219
219
  )
220
220
  "
221
221
  ></v-textarea>
@@ -226,7 +226,7 @@
226
226
  :counter="255"
227
227
  :label="
228
228
  $t(
229
- 'plugin.games.components.settings.bucket_game.form.feedback.incorrect'
229
+ 'windward.games.components.settings.bucket_game.form.feedback.incorrect'
230
230
  )
231
231
  "
232
232
  ></v-textarea>
@@ -275,7 +275,7 @@ export default {
275
275
  }
276
276
  if (_.isEmpty(this.block.metadata.config.title)) {
277
277
  this.block.metadata.config.title = this.$t(
278
- 'plugin.games.components.content.blocks.bucket_game.game_title'
278
+ 'windward.games.components.content.blocks.bucket_game.game_title'
279
279
  )
280
280
  }
281
281
  if (_.isEmpty(this.block.metadata.config.instructions)) {
@@ -283,12 +283,12 @@ export default {
283
283
  }
284
284
  if (_.isEmpty(this.block.metadata.config.feedback_correct)) {
285
285
  this.block.metadata.config.feedback_correct = this.$t(
286
- 'plugin.games.components.settings.bucket_game.form.feedback.correct_default'
286
+ 'windward.games.components.settings.bucket_game.form.feedback.correct_default'
287
287
  )
288
288
  }
289
289
  if (_.isEmpty(this.block.metadata.config.feedback_incorrect)) {
290
290
  this.block.metadata.config.feedback_incorrect = this.$t(
291
- 'plugin.games.components.settings.bucket_game.form.feedback.incorrect_default'
291
+ 'windward.games.components.settings.bucket_game.form.feedback.incorrect_default'
292
292
  )
293
293
  }
294
294
  if (_.isEmpty(this.block.metadata.config.bucket_titles)) {
@@ -300,7 +300,7 @@ export default {
300
300
  }
301
301
  if (_.isEmpty(this.block.body)) {
302
302
  this.block.body = this.$t(
303
- 'plugin.games.components.content.blocks.bucket_game.game_title'
303
+ 'windward.games.components.content.blocks.bucket_game.game_title'
304
304
  )
305
305
  }
306
306
  },
@@ -345,7 +345,7 @@ export default {
345
345
  })
346
346
  let emptyString = {
347
347
  title: '',
348
- color: colors.grey.lighten1,
348
+ color: colors.blueGrey.lighten5,
349
349
  expand: true,
350
350
  }
351
351
  this.block.metadata.config.bucket_titles.push(emptyString)