@asd20/ui-next 2.0.3 → 2.0.4

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 (40) hide show
  1. package/CHANGELOG.md +2 -0
  2. package/package.json +1 -1
  3. package/src/components/atoms/Asd20Badge/index.vue +1 -0
  4. package/src/components/molecules/Asd20Share/index.vue +1 -0
  5. package/src/components/organisms/Asd20AiSearch/index.vue +4 -0
  6. package/src/components/organisms/Asd20CampusHeader/index.vue +5 -7
  7. package/src/components/organisms/Asd20ImageGallery/index.vue +1 -0
  8. package/src/components/organisms/Asd20ImageHeader/index.vue +4 -6
  9. package/src/components/organisms/Asd20PageHeader/index.vue +4 -6
  10. package/src/components/organisms/Asd20SiteMenu/index.vue +2 -0
  11. package/src/components/organisms/Asd20SiteNavigation/index.vue +10 -8
  12. package/src/components/organisms/Asd20SiteSearch/index.vue +1 -0
  13. package/src/components/templates/Asd20AppTemplate/index.vue +18 -24
  14. package/src/components/templates/Asd20ArticleDigestCompactTemplate/index.vue +20 -26
  15. package/src/components/templates/Asd20ArticleDigestTemplate/index.vue +20 -26
  16. package/src/components/templates/Asd20ArticleListTemplate/index.vue +20 -26
  17. package/src/components/templates/Asd20ArticleTemplate/index.vue +14 -18
  18. package/src/components/templates/Asd20BasePageTemplate/index.vue +26 -34
  19. package/src/components/templates/Asd20CampusDetailTemplate/index.vue +20 -26
  20. package/src/components/templates/Asd20CampusTemplate/index.vue +50 -58
  21. package/src/components/templates/Asd20ClubsTemplate/index.vue +20 -26
  22. package/src/components/templates/Asd20DetailAlternateTemplate/index.vue +20 -26
  23. package/src/components/templates/Asd20DetailImageFullTemplate/index.vue +20 -26
  24. package/src/components/templates/Asd20DetailImageTemplate/index.vue +20 -26
  25. package/src/components/templates/Asd20DetailTemplate/index.vue +20 -26
  26. package/src/components/templates/Asd20DistrictHomeTemplate/index.vue +45 -55
  27. package/src/components/templates/Asd20DistrictVideoTemplate/index.vue +45 -55
  28. package/src/components/templates/Asd20FileListPageTemplate/index.vue +20 -26
  29. package/src/components/templates/Asd20GroupFeatureTemplate/index.vue +20 -26
  30. package/src/components/templates/Asd20LoginsTemplate/index.vue +21 -27
  31. package/src/components/templates/Asd20PeopleFeatureTemplate/index.vue +20 -26
  32. package/src/components/templates/Asd20ProfileTemplate/index.vue +20 -26
  33. package/src/components/templates/Asd20SalaryCalculatorTemplate/index.vue +20 -26
  34. package/src/components/templates/Asd20SchoolHomeTemplate/index.vue +84 -96
  35. package/src/components/templates/Asd20SchoolHomeVideoTemplate/index.vue +81 -93
  36. package/src/components/templates/Asd20WayfindingAccessibilityTemplate/index.vue +21 -27
  37. package/src/components/templates/Asd20WayfindingAlternateTemplate/index.vue +21 -27
  38. package/src/components/templates/Asd20WayfindingImageTemplate/index.vue +21 -27
  39. package/src/components/templates/Asd20WayfindingTemplate/index.vue +21 -27
  40. package/src/design/_template.scss +1 -1
package/src/components/templates/Asd20CampusDetailTemplate/index.vue CHANGED
@@ -4,14 +4,12 @@
4
4
  <asd20-skip-to />
5
5
 
6
6
  <!-- Banner Notifications -->
7
- <client-only>
8
- <asd20-notification-group
9
- :notifications="activeNotificationsByType.banner"
10
- group-type="banner"
11
- @dismiss="$emit('dismiss-notification', $event)"
12
- @toggle-all="$emit('toggle-all')"
13
- />
14
- </client-only>
7
+ <asd20-notification-group
8
+ :notifications="activeNotificationsByType.banner"
9
+ group-type="banner"
10
+ @dismiss="$emit('dismiss-notification', $event)"
11
+ @toggle-all="$emit('toggle-all')"
12
+ />
15
13
  <!-- Page Header -->
16
14
  <asd20-page-header
17
15
  v-if="pageHeaderContent"
@@ -27,16 +25,14 @@
27
25
  >
28
26
  <!-- Floating Notifications -->
29
27
  <template #top>
30
- <client-only>
31
- <asd20-notification-group
32
- class="asd20-notification-group--floating"
33
- :notifications="activeNotificationsByType.floating"
34
- :total-dismissed-notifications="totalDismissedNotifications"
35
- group-type="floating"
36
- @dismiss="$emit('dismiss-notification', $event)"
37
- @toggle-all="$emit('toggle-all')"
38
- ></asd20-notification-group>
39
- </client-only>
28
+ <asd20-notification-group
29
+ class="asd20-notification-group--floating"
30
+ :notifications="activeNotificationsByType.floating"
31
+ :total-dismissed-notifications="totalDismissedNotifications"
32
+ group-type="floating"
33
+ @dismiss="$emit('dismiss-notification', $event)"
34
+ @toggle-all="$emit('toggle-all')"
35
+ ></asd20-notification-group>
40
36
  </template>
41
37
  </asd20-page-header>
42
38
 
@@ -54,14 +50,12 @@
54
50
  </asd20-site-navigation> -->
55
51
 
56
52
  <!-- Inline-Notifications -->
57
- <client-only>
58
- <asd20-notification-group
59
- :notifications="activeNotificationsByType.inline"
60
- group-type="inline"
61
- @dismiss="$emit('dismiss-notification', $event)"
62
- @toggle-all="$emit('toggle-all')"
63
- ></asd20-notification-group>
64
- </client-only>
53
+ <asd20-notification-group
54
+ :notifications="activeNotificationsByType.inline"
55
+ group-type="inline"
56
+ @dismiss="$emit('dismiss-notification', $event)"
57
+ @toggle-all="$emit('toggle-all')"
58
+ ></asd20-notification-group>
65
59
 
66
60
  <!-- Page Content -->
67
61
  <asd20-page-content
package/src/components/templates/Asd20CampusTemplate/index.vue CHANGED
@@ -4,14 +4,12 @@
4
4
  <asd20-skip-to></asd20-skip-to>
5
5
 
6
6
  <!-- Banner Notifications -->
7
- <client-only>
8
- <asd20-notification-group
9
- :notifications="activeNotificationsByType.banner"
10
- group-type="banner"
11
- @dismiss="$emit('dismiss-notification', $event)"
12
- @toggle-all="$emit('toggle-all')"
13
- ></asd20-notification-group>
14
- </client-only>
7
+ <asd20-notification-group
8
+ :notifications="activeNotificationsByType.banner"
9
+ group-type="banner"
10
+ @dismiss="$emit('dismiss-notification', $event)"
11
+ @toggle-all="$emit('toggle-all')"
12
+ ></asd20-notification-group>
15
13
 
16
14
  <!-- Page Header -->
17
15
  <asd20-campus-header
@@ -26,51 +24,47 @@
26
24
  @update:languageCode="$emit('update:languageCode', $event)"
27
25
  >
28
26
  <template #top>
29
- <client-only>
30
- <div class="logoContainer">
31
- <a
32
- v-if="websiteLogoProps"
33
- :href="websiteLogoProps.logoLink ? websiteLogoProps.logoLink : ''"
34
- >
35
- <img
36
- class="optionalLogo"
37
- :src="
38
- websiteLogoProps.logoImageUrl
39
- ? websiteLogoProps.logoImageUrl
40
- : ''
41
- "
42
- :alt="websiteLogoProps.logoAlt ? websiteLogoProps.logoAlt : ''"
43
- />
44
- </a>
45
- <a
46
- v-if="websiteLogoProps2"
47
- :href="websiteLogoProps2.logoLink ? websiteLogoProps2.logoLink : ''"
48
- >
49
- <img
50
- class="optionalLogo"
51
- :src="
52
- websiteLogoProps2.logoImageUrl
53
- ? websiteLogoProps2.logoImageUrl
54
- : ''
55
- "
56
- :alt="websiteLogoProps2.logoAlt ? websiteLogoProps2.logoAlt : ''"
57
- />
58
- </a>
59
- </div>
60
- </client-only>
27
+ <div class="logoContainer">
28
+ <a
29
+ v-if="websiteLogoProps"
30
+ :href="websiteLogoProps.logoLink ? websiteLogoProps.logoLink : ''"
31
+ >
32
+ <img
33
+ class="optionalLogo"
34
+ :src="
35
+ websiteLogoProps.logoImageUrl
36
+ ? websiteLogoProps.logoImageUrl
37
+ : ''
38
+ "
39
+ :alt="websiteLogoProps.logoAlt ? websiteLogoProps.logoAlt : ''"
40
+ />
41
+ </a>
42
+ <a
43
+ v-if="websiteLogoProps2"
44
+ :href="websiteLogoProps2.logoLink ? websiteLogoProps2.logoLink : ''"
45
+ >
46
+ <img
47
+ class="optionalLogo"
48
+ :src="
49
+ websiteLogoProps2.logoImageUrl
50
+ ? websiteLogoProps2.logoImageUrl
51
+ : ''
52
+ "
53
+ :alt="websiteLogoProps2.logoAlt ? websiteLogoProps2.logoAlt : ''"
54
+ />
55
+ </a>
56
+ </div>
61
57
  </template>
62
58
  <!-- Floating Notifications -->
63
59
  <template #notification>
64
- <client-only>
65
- <asd20-notification-group
66
- class="asd20-notification-group--floating"
67
- :notifications="activeNotificationsByType.floating"
68
- :total-dismissed-notifications="totalDismissedNotifications"
69
- group-type="floating"
70
- @dismiss="$emit('dismiss-notification', $event)"
71
- @toggle-all="$emit('toggle-all')"
72
- ></asd20-notification-group>
73
- </client-only>
60
+ <asd20-notification-group
61
+ class="asd20-notification-group--floating"
62
+ :notifications="activeNotificationsByType.floating"
63
+ :total-dismissed-notifications="totalDismissedNotifications"
64
+ group-type="floating"
65
+ @dismiss="$emit('dismiss-notification', $event)"
66
+ @toggle-all="$emit('toggle-all')"
67
+ ></asd20-notification-group>
74
68
  </template>
75
69
 
76
70
  <!-- <template #top><asd20-breadcrumb :links="breadcrumbLinks"></asd20-breadcrumb></template> -->
@@ -98,14 +92,12 @@
98
92
  >
99
93
  <!-- Inline-Notifications -->
100
94
  <template>
101
- <client-only>
102
- <asd20-notification-group
103
- :notifications="activeNotificationsByType.inline"
104
- group-type="inline"
105
- @dismiss="$emit('dismiss-notification', $event)"
106
- @toggle-all="$emit('toggle-all')"
107
- ></asd20-notification-group>
108
- </client-only>
95
+ <asd20-notification-group
96
+ :notifications="activeNotificationsByType.inline"
97
+ group-type="inline"
98
+ @dismiss="$emit('dismiss-notification', $event)"
99
+ @toggle-all="$emit('toggle-all')"
100
+ ></asd20-notification-group>
109
101
  </template>
110
102
 
111
103
  <slot></slot>
package/src/components/templates/Asd20ClubsTemplate/index.vue CHANGED
@@ -17,14 +17,12 @@
17
17
  </asd20-site-navigation>
18
18
 
19
19
  <!-- Banner Notifications -->
20
- <client-only>
21
- <asd20-notification-group
22
- :notifications="activeNotificationsByType.banner"
23
- group-type="banner"
24
- @dismiss="$emit('dismiss-notification', $event)"
25
- @toggle-all="$emit('toggle-all')"
26
- />
27
- </client-only>
20
+ <asd20-notification-group
21
+ :notifications="activeNotificationsByType.banner"
22
+ group-type="banner"
23
+ @dismiss="$emit('dismiss-notification', $event)"
24
+ @toggle-all="$emit('toggle-all')"
25
+ />
28
26
 
29
27
  <!-- Page Header -->
30
28
  <asd20-page-header
@@ -39,29 +37,25 @@
39
37
  >
40
38
  <!-- Floating Notifications -->
41
39
  <template #top>
42
- <client-only>
43
- <asd20-notification-group
44
- class="asd20-notification-group--floating"
45
- :notifications="activeNotificationsByType.floating"
46
- :total-dismissed-notifications="totalDismissedNotifications"
47
- group-type="floating"
48
- @dismiss="$emit('dismiss-notification', $event)"
49
- @toggle-all="$emit('toggle-all')"
50
- ></asd20-notification-group>
51
- </client-only>
40
+ <asd20-notification-group
41
+ class="asd20-notification-group--floating"
42
+ :notifications="activeNotificationsByType.floating"
43
+ :total-dismissed-notifications="totalDismissedNotifications"
44
+ group-type="floating"
45
+ @dismiss="$emit('dismiss-notification', $event)"
46
+ @toggle-all="$emit('toggle-all')"
47
+ ></asd20-notification-group>
52
48
  </template>
53
49
  <!-- <template #top><asd20-breadcrumb :links="breadcrumbLinks"></asd20-breadcrumb></template> -->
54
50
  </asd20-page-header>
55
51
 
56
52
  <!-- Inline-Notifications -->
57
- <client-only>
58
- <asd20-notification-group
59
- :notifications="activeNotificationsByType.inline"
60
- group-type="inline"
61
- @dismiss="$emit('dismiss-notification', $event)"
62
- @toggle-all="$emit('toggle-all')"
63
- ></asd20-notification-group>
64
- </client-only>
53
+ <asd20-notification-group
54
+ :notifications="activeNotificationsByType.inline"
55
+ group-type="inline"
56
+ @dismiss="$emit('dismiss-notification', $event)"
57
+ @toggle-all="$emit('toggle-all')"
58
+ ></asd20-notification-group>
65
59
 
66
60
  <!-- Page Content -->
67
61
  <asd20-page-content
package/src/components/templates/Asd20DetailAlternateTemplate/index.vue CHANGED
@@ -17,14 +17,12 @@
17
17
  </asd20-site-navigation>
18
18
 
19
19
  <!-- Banner Notifications -->
20
- <client-only>
21
- <asd20-notification-group
22
- :notifications="activeNotificationsByType.banner"
23
- group-type="banner"
24
- @dismiss="$emit('dismiss-notification', $event)"
25
- @toggle-all="$emit('toggle-all')"
26
- />
27
- </client-only>
20
+ <asd20-notification-group
21
+ :notifications="activeNotificationsByType.banner"
22
+ group-type="banner"
23
+ @dismiss="$emit('dismiss-notification', $event)"
24
+ @toggle-all="$emit('toggle-all')"
25
+ />
28
26
 
29
27
  <!-- Page Header -->
30
28
  <asd20-page-header
@@ -42,28 +40,24 @@
42
40
  >
43
41
  <!-- Floating Notifications -->
44
42
  <template #top>
45
- <client-only>
46
- <asd20-notification-group
47
- class="asd20-notification-group--floating"
48
- :notifications="activeNotificationsByType.floating"
49
- :total-dismissed-notifications="totalDismissedNotifications"
50
- group-type="floating"
51
- @dismiss="$emit('dismiss-notification', $event)"
52
- @toggle-all="$emit('toggle-all')"
53
- ></asd20-notification-group>
54
- </client-only>
43
+ <asd20-notification-group
44
+ class="asd20-notification-group--floating"
45
+ :notifications="activeNotificationsByType.floating"
46
+ :total-dismissed-notifications="totalDismissedNotifications"
47
+ group-type="floating"
48
+ @dismiss="$emit('dismiss-notification', $event)"
49
+ @toggle-all="$emit('toggle-all')"
50
+ ></asd20-notification-group>
55
51
  </template>
56
52
  </asd20-page-header>
57
53
 
58
54
  <!-- Inline-Notifications -->
59
- <client-only>
60
- <asd20-notification-group
61
- :notifications="activeNotificationsByType.inline"
62
- group-type="inline"
63
- @dismiss="$emit('dismiss-notification', $event)"
64
- @toggle-all="$emit('toggle-all')"
65
- ></asd20-notification-group>
66
- </client-only>
55
+ <asd20-notification-group
56
+ :notifications="activeNotificationsByType.inline"
57
+ group-type="inline"
58
+ @dismiss="$emit('dismiss-notification', $event)"
59
+ @toggle-all="$emit('toggle-all')"
60
+ ></asd20-notification-group>
67
61
 
68
62
  <!-- Feeds -->
69
63
  <asd20-feeds-section
package/src/components/templates/Asd20DetailImageFullTemplate/index.vue CHANGED
@@ -17,14 +17,12 @@
17
17
  </asd20-site-navigation>
18
18
 
19
19
  <!-- Banner Notifications -->
20
- <client-only>
21
- <asd20-notification-group
22
- :notifications="activeNotificationsByType.banner"
23
- group-type="banner"
24
- @dismiss="$emit('dismiss-notification', $event)"
25
- @toggle-all="$emit('toggle-all')"
26
- />
27
- </client-only>
20
+ <asd20-notification-group
21
+ :notifications="activeNotificationsByType.banner"
22
+ group-type="banner"
23
+ @dismiss="$emit('dismiss-notification', $event)"
24
+ @toggle-all="$emit('toggle-all')"
25
+ />
28
26
 
29
27
  <!-- Page Header -->
30
28
  <asd20-image-header
@@ -42,28 +40,24 @@
42
40
  >
43
41
  <!-- Floating Notifications -->
44
42
  <template #top>
45
- <client-only>
46
- <asd20-notification-group
47
- class="asd20-notification-group--floating"
48
- :notifications="activeNotificationsByType.floating"
49
- :total-dismissed-notifications="totalDismissedNotifications"
50
- group-type="floating"
51
- @dismiss="$emit('dismiss-notification', $event)"
52
- @toggle-all="$emit('toggle-all')"
53
- ></asd20-notification-group>
54
- </client-only>
43
+ <asd20-notification-group
44
+ class="asd20-notification-group--floating"
45
+ :notifications="activeNotificationsByType.floating"
46
+ :total-dismissed-notifications="totalDismissedNotifications"
47
+ group-type="floating"
48
+ @dismiss="$emit('dismiss-notification', $event)"
49
+ @toggle-all="$emit('toggle-all')"
50
+ ></asd20-notification-group>
55
51
  </template>
56
52
  </asd20-image-header>
57
53
 
58
54
  <!-- Inline-Notifications -->
59
- <client-only>
60
- <asd20-notification-group
61
- :notifications="activeNotificationsByType.inline"
62
- group-type="inline"
63
- @dismiss="$emit('dismiss-notification', $event)"
64
- @toggle-all="$emit('toggle-all')"
65
- ></asd20-notification-group>
66
- </client-only>
55
+ <asd20-notification-group
56
+ :notifications="activeNotificationsByType.inline"
57
+ group-type="inline"
58
+ @dismiss="$emit('dismiss-notification', $event)"
59
+ @toggle-all="$emit('toggle-all')"
60
+ ></asd20-notification-group>
67
61
 
68
62
  <!-- Page Content -->
69
63
  <asd20-page-content
package/src/components/templates/Asd20DetailImageTemplate/index.vue CHANGED
@@ -17,14 +17,12 @@
17
17
  </asd20-site-navigation>
18
18
 
19
19
  <!-- Banner Notifications -->
20
- <client-only>
21
- <asd20-notification-group
22
- :notifications="activeNotificationsByType.banner"
23
- group-type="banner"
24
- @dismiss="$emit('dismiss-notification', $event)"
25
- @toggle-all="$emit('toggle-all')"
26
- />
27
- </client-only>
20
+ <asd20-notification-group
21
+ :notifications="activeNotificationsByType.banner"
22
+ group-type="banner"
23
+ @dismiss="$emit('dismiss-notification', $event)"
24
+ @toggle-all="$emit('toggle-all')"
25
+ />
28
26
 
29
27
  <!-- Page Header -->
30
28
  <asd20-image-header
@@ -42,28 +40,24 @@
42
40
  >
43
41
  <!-- Floating Notifications -->
44
42
  <template #top>
45
- <client-only>
46
- <asd20-notification-group
47
- class="asd20-notification-group--floating"
48
- :notifications="activeNotificationsByType.floating"
49
- :total-dismissed-notifications="totalDismissedNotifications"
50
- group-type="floating"
51
- @dismiss="$emit('dismiss-notification', $event)"
52
- @toggle-all="$emit('toggle-all')"
53
- ></asd20-notification-group>
54
- </client-only>
43
+ <asd20-notification-group
44
+ class="asd20-notification-group--floating"
45
+ :notifications="activeNotificationsByType.floating"
46
+ :total-dismissed-notifications="totalDismissedNotifications"
47
+ group-type="floating"
48
+ @dismiss="$emit('dismiss-notification', $event)"
49
+ @toggle-all="$emit('toggle-all')"
50
+ ></asd20-notification-group>
55
51
  </template>
56
52
  </asd20-image-header>
57
53
 
58
54
  <!-- Inline-Notifications -->
59
- <client-only>
60
- <asd20-notification-group
61
- :notifications="activeNotificationsByType.inline"
62
- group-type="inline"
63
- @dismiss="$emit('dismiss-notification', $event)"
64
- @toggle-all="$emit('toggle-all')"
65
- ></asd20-notification-group>
66
- </client-only>
55
+ <asd20-notification-group
56
+ :notifications="activeNotificationsByType.inline"
57
+ group-type="inline"
58
+ @dismiss="$emit('dismiss-notification', $event)"
59
+ @toggle-all="$emit('toggle-all')"
60
+ ></asd20-notification-group>
67
61
 
68
62
  <!-- Page Content -->
69
63
  <asd20-page-content
package/src/components/templates/Asd20DetailTemplate/index.vue CHANGED
@@ -17,14 +17,12 @@
17
17
  </asd20-site-navigation>
18
18
 
19
19
  <!-- Banner Notifications -->
20
- <client-only>
21
- <asd20-notification-group
22
- :notifications="activeNotificationsByType.banner"
23
- group-type="banner"
24
- @dismiss="$emit('dismiss-notification', $event)"
25
- @toggle-all="$emit('toggle-all')"
26
- />
27
- </client-only>
20
+ <asd20-notification-group
21
+ :notifications="activeNotificationsByType.banner"
22
+ group-type="banner"
23
+ @dismiss="$emit('dismiss-notification', $event)"
24
+ @toggle-all="$emit('toggle-all')"
25
+ />
28
26
 
29
27
  <!-- Page Header -->
30
28
  <asd20-page-header
@@ -42,28 +40,24 @@
42
40
  >
43
41
  <!-- Floating Notifications -->
44
42
  <template #top>
45
- <client-only>
46
- <asd20-notification-group
47
- class="asd20-notification-group--floating"
48
- :notifications="activeNotificationsByType.floating"
49
- :total-dismissed-notifications="totalDismissedNotifications"
50
- group-type="floating"
51
- @dismiss="$emit('dismiss-notification', $event)"
52
- @toggle-all="$emit('toggle-all')"
53
- ></asd20-notification-group>
54
- </client-only>
43
+ <asd20-notification-group
44
+ class="asd20-notification-group--floating"
45
+ :notifications="activeNotificationsByType.floating"
46
+ :total-dismissed-notifications="totalDismissedNotifications"
47
+ group-type="floating"
48
+ @dismiss="$emit('dismiss-notification', $event)"
49
+ @toggle-all="$emit('toggle-all')"
50
+ ></asd20-notification-group>
55
51
  </template>
56
52
  </asd20-page-header>
57
53
 
58
54
  <!-- Inline-Notifications -->
59
- <client-only>
60
- <asd20-notification-group
61
- :notifications="activeNotificationsByType.inline"
62
- group-type="inline"
63
- @dismiss="$emit('dismiss-notification', $event)"
64
- @toggle-all="$emit('toggle-all')"
65
- ></asd20-notification-group>
66
- </client-only>
55
+ <asd20-notification-group
56
+ :notifications="activeNotificationsByType.inline"
57
+ group-type="inline"
58
+ @dismiss="$emit('dismiss-notification', $event)"
59
+ @toggle-all="$emit('toggle-all')"
60
+ ></asd20-notification-group>
67
61
 
68
62
  <!-- Page Content -->
69
63
  <asd20-page-content