@asd20/ui 3.2.801 → 3.2.803

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/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "*.scss",
6
6
  "*.vue"
7
7
  ],
8
- "version": "3.2.801",
8
+ "version": "3.2.803",
9
9
  "private": false,
10
10
  "license": "MIT",
11
11
  "repository": {
@@ -184,9 +184,9 @@ export default {
184
184
  svg {
185
185
  fill: var(--color__accent) !important;
186
186
  }
187
- span {
188
- background: var(--color__accent) !important;
189
- }
187
+ // span {
188
+ // background: var(--color__on-primary) !important;
189
+ // }
190
190
  }
191
191
  }
192
192
  }
@@ -86,13 +86,13 @@
86
86
  @input="$emit('update:keywords', $event)"
87
87
  medium
88
88
  />
89
- <!-- <asd20-multiselect-input
89
+ <asd20-multiselect-input
90
90
  label="Categories"
91
91
  :taggable="false"
92
92
  :value="selectedCategories"
93
93
  :items="categoryOptions"
94
94
  @input="$emit('update:selected-categories', $event)"
95
- /> -->
95
+ />
96
96
  </div>
97
97
 
98
98
  <div v-if="cards.length < 1">
@@ -270,7 +270,7 @@ import Asd20QuicklinksMenu from '../../../components/organisms/Asd20QuicklinksMe
270
270
  import Asd20NotificationGroup from '../../../components/organisms/Asd20NotificationGroup'
271
271
 
272
272
  import Asd20SearchField from '../../../components/molecules/Asd20SearchField'
273
- // import Asd20MultiselectInput from '../../../components/atoms/Asd20MultiselectInput'
273
+ import Asd20MultiselectInput from '../../../components/atoms/Asd20MultiselectInput'
274
274
  import Asd20Card from '../../../components/molecules/Asd20Card'
275
275
  import Asd20Button from '../../../components/atoms/Asd20Button'
276
276
 
@@ -296,7 +296,7 @@ export default {
296
296
  Asd20NotificationGroup,
297
297
  Asd20QuicklinksMenu,
298
298
  Asd20SearchField,
299
- // Asd20MultiselectInput,
299
+ Asd20MultiselectInput,
300
300
  Asd20Card,
301
301
  Asd20Button,
302
302
  Intersect,
@@ -336,33 +336,33 @@ export default {
336
336
  // link: c.link.replace('/stories', '/announcements'),
337
337
  // }))
338
338
  },
339
- // categoryOptions() {
340
- // // get a unique array of categories with duplicates removed
341
- // return [
342
- // ...new Set(
343
- // this.cards.reduce((a, c) => a.concat(c.categories || []), []).sort()
344
- // ),
345
- // ]
346
- // },
347
- // computedCategoryOptions() {
348
- // // get a unique array of categories with duplicates removed
349
- // if (this.categoryOptions.length === 0) {
350
- // return [
351
- // ...new Set(
352
- // this.cards.reduce((a, c) => a.concat(c.categories || []), []).sort()
353
- // ),
354
- // ]
355
- // }
356
- // return this.categoryOptions
357
- // },
339
+ categoryOptions() {
340
+ // get a unique array of categories with duplicates removed
341
+ return [
342
+ ...new Set(
343
+ this.cards.reduce((a, c) => a.concat(c.categories || []), []).sort()
344
+ ),
345
+ ]
346
+ },
347
+ computedCategoryOptions() {
348
+ // get a unique array of categories with duplicates removed
349
+ if (this.categoryOptions.length === 0) {
350
+ return [
351
+ ...new Set(
352
+ this.cards.reduce((a, c) => a.concat(c.categories || []), []).sort()
353
+ ),
354
+ ]
355
+ }
356
+ return this.categoryOptions
357
+ },
358
+ },
359
+ watch: {
360
+ selectedCategories: function(newVal, oldVal) {
361
+ if (newVal !== oldVal) {
362
+ this.reset()
363
+ }
364
+ },
358
365
  },
359
- // watch: {
360
- // selectedCategories: function(newVal, oldVal) {
361
- // if (newVal !== oldVal) {
362
- // this.reset()
363
- // }
364
- // },
365
- // },
366
366
  methods: {
367
367
  nextSet() {
368
368
  if (
@@ -97,13 +97,13 @@
97
97
  @input="$emit('update:keywords', $event)"
98
98
  medium
99
99
  />
100
- <!-- <asd20-multiselect-input
100
+ <asd20-multiselect-input
101
101
  label="Categories"
102
102
  :taggable="false"
103
103
  :value="selectedCategories"
104
104
  :items="categoryOptions"
105
105
  @input="$emit('update:selected-categories', $event)"
106
- /> -->
106
+ />
107
107
  <!-- <asd20-multiselect-input
108
108
  role="listbox"
109
109
  aria-label="Choose a Category to Sort By"
@@ -314,7 +314,7 @@ import Asd20QuicklinksMenu from '../../../components/organisms/Asd20QuicklinksMe
314
314
  import Asd20NotificationGroup from '../../../components/organisms/Asd20NotificationGroup'
315
315
 
316
316
  import Asd20SearchField from '../../../components/molecules/Asd20SearchField'
317
- // import Asd20MultiselectInput from '../../../components/atoms/Asd20MultiselectInput'
317
+ import Asd20MultiselectInput from '../../../components/atoms/Asd20MultiselectInput'
318
318
  import Asd20Card from '../../../components/molecules/Asd20Card'
319
319
  import Asd20Button from '../../../components/atoms/Asd20Button'
320
320
 
@@ -340,7 +340,7 @@ export default {
340
340
  Asd20NotificationGroup,
341
341
  Asd20QuicklinksMenu,
342
342
  Asd20SearchField,
343
- // Asd20MultiselectInput,
343
+ Asd20MultiselectInput,
344
344
  Asd20Card,
345
345
  Asd20Button,
346
346
  Intersect,
@@ -373,22 +373,22 @@ export default {
373
373
  // link: c.link.replace('/stories', '/announcements'),
374
374
  // }))
375
375
  },
376
- // categoryOptions() {
377
- // // get a unique array of categories with duplicates removed
378
- // return [
379
- // ...new Set(
380
- // this.cards.reduce((a, c) => a.concat(c.categories || []), []).sort()
381
- // ),
382
- // ]
383
- // },
376
+ categoryOptions() {
377
+ // get a unique array of categories with duplicates removed
378
+ return [
379
+ ...new Set(
380
+ this.cards.reduce((a, c) => a.concat(c.categories || []), []).sort()
381
+ ),
382
+ ]
383
+ },
384
+ },
385
+ watch: {
386
+ selectedCategories: function(newVal, oldVal) {
387
+ if (newVal !== oldVal) {
388
+ this.reset()
389
+ }
390
+ },
384
391
  },
385
- // watch: {
386
- // selectedCategories: function(newVal, oldVal) {
387
- // if (newVal !== oldVal) {
388
- // this.reset()
389
- // }
390
- // },
391
- // },
392
392
  methods: {
393
393
  nextSet() {
394
394
  if (