@asd20/ui-next 2.0.2 → 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 (43) hide show
  1. package/CHANGELOG.md +4 -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
  41. package/src/helpers/linkPolicy.js +4 -10
  42. package/src/mixins/inputComponentMixin.js +18 -11
  43. package/src/utils/createComponentInstanceId.js +6 -3
package/src/components/templates/Asd20DistrictHomeTemplate/index.vue CHANGED
@@ -19,26 +19,22 @@
19
19
  </asd20-site-navigation>
20
20
 
21
21
  <!-- Banner Notifications -->
22
- <client-only>
23
- <asd20-notification-group
24
- :notifications="activeNotificationsByType.banner"
25
- group-type="banner"
26
- @dismiss="$emit('dismiss-notification', $event)"
27
- @toggle-all="$emit('toggle-all')"
28
- ></asd20-notification-group>
29
- </client-only>
22
+ <asd20-notification-group
23
+ :notifications="activeNotificationsByType.banner"
24
+ group-type="banner"
25
+ @dismiss="$emit('dismiss-notification', $event)"
26
+ @toggle-all="$emit('toggle-all')"
27
+ ></asd20-notification-group>
30
28
 
31
29
  <!-- Headers -->
32
30
  <section
33
31
  class="logo-header"
34
32
  role="banner"
35
33
  >
36
- <client-only>
37
- <asd20-organization-picker
38
- :organization-options="organizationOptions"
39
- :organization="organization"
40
- ></asd20-organization-picker>
41
- </client-only>
34
+ <asd20-organization-picker
35
+ :organization-options="organizationOptions"
36
+ :organization="organization"
37
+ ></asd20-organization-picker>
42
38
  <slot name="top" />
43
39
  <div
44
40
  :class="
@@ -61,31 +57,27 @@
61
57
  </a>
62
58
  </client-only> -->
63
59
 
64
- <client-only>
65
- <Asd20LanguageTranslation
66
- v-if="languageCode"
67
- :class="
68
- activeNotificationsByType.status.length > 0
69
- ? ''
70
- : 'translation-button-adjust'
71
- "
72
- reversed
73
- no-label
74
- :language-code="languageCode"
75
- @update:languageCode="$emit('update:languageCode', $event)"
76
- />
77
- </client-only>
60
+ <Asd20LanguageTranslation
61
+ v-if="languageCode"
62
+ :class="
63
+ activeNotificationsByType.status.length > 0
64
+ ? ''
65
+ : 'translation-button-adjust'
66
+ "
67
+ reversed
68
+ no-label
69
+ :language-code="languageCode"
70
+ @update:languageCode="$emit('update:languageCode', $event)"
71
+ />
78
72
 
79
- <client-only>
80
- <asd20-notification-group
81
- class="asd20-notification-group--floating"
82
- :notifications="activeNotificationsByType.floating"
83
- :total-dismissed-notifications="totalDismissedNotifications"
84
- group-type="floating"
85
- @dismiss="$emit('dismiss-notification', $event)"
86
- @toggle-all="$emit('toggle-all')"
87
- ></asd20-notification-group>
88
- </client-only>
73
+ <asd20-notification-group
74
+ class="asd20-notification-group--floating"
75
+ :notifications="activeNotificationsByType.floating"
76
+ :total-dismissed-notifications="totalDismissedNotifications"
77
+ group-type="floating"
78
+ @dismiss="$emit('dismiss-notification', $event)"
79
+ @toggle-all="$emit('toggle-all')"
80
+ ></asd20-notification-group>
89
81
  </div>
90
82
  </section>
91
83
 
@@ -103,23 +95,21 @@
103
95
  v-if="messages.length > 2"
104
96
  :messages="messages"
105
97
  />
106
- <client-only>
107
- <asd20-feeds-section
108
- :announcements="announcements"
109
- :announcements-feed-props="announcementsFeedProps"
110
- :stories="stories"
111
- :stories-feed-props="storiesFeedProps"
112
- :events="events"
113
- :events-feed-props="eventsFeedProps"
114
- :organization-id="organization.id"
115
- :has-protected-content="hasProtectedContent"
116
- :organization="organization"
117
- :organization-options="organizationOptions"
118
- @announcements-in-view="$emit('announcements-in-view')"
119
- @stories-in-view="$emit('stories-in-view')"
120
- @events-in-view="$emit('events-in-view')"
121
- ></asd20-feeds-section>
122
- </client-only>
98
+ <asd20-feeds-section
99
+ :announcements="announcements"
100
+ :announcements-feed-props="announcementsFeedProps"
101
+ :stories="stories"
102
+ :stories-feed-props="storiesFeedProps"
103
+ :events="events"
104
+ :events-feed-props="eventsFeedProps"
105
+ :organization-id="organization.id"
106
+ :has-protected-content="hasProtectedContent"
107
+ :organization="organization"
108
+ :organization-options="organizationOptions"
109
+ @announcements-in-view="$emit('announcements-in-view')"
110
+ @stories-in-view="$emit('stories-in-view')"
111
+ @events-in-view="$emit('events-in-view')"
112
+ ></asd20-feeds-section>
123
113
 
124
114
  <!-- <asd20-factoids-section
125
115
  v-if="factoids && factoids.length > 0"
package/src/components/templates/Asd20DistrictVideoTemplate/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
- ></asd20-notification-group>
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
+ ></asd20-notification-group>
28
26
 
29
27
  <!-- Video Header -->
30
28
 
@@ -34,13 +32,11 @@
34
32
  v-bind="pageHeaderContent"
35
33
  >
36
34
  <template #top>
37
- <client-only>
38
- <asd20-organization-picker
39
- :organization-options="organizationOptions"
40
- :organization="organization"
41
- reversed
42
- ></asd20-organization-picker>
43
- </client-only>
35
+ <asd20-organization-picker
36
+ :organization-options="organizationOptions"
37
+ :organization="organization"
38
+ reversed
39
+ ></asd20-organization-picker>
44
40
  <!-- </template>
45
41
  <template #top> -->
46
42
 
@@ -87,31 +83,27 @@
87
83
  </client-only>
88
84
  -->
89
85
 
90
- <client-only>
91
- <Asd20LanguageTranslation
92
- v-if="languageCode"
93
- :class="
94
- activeNotificationsByType.status.length > 0
95
- ? ''
96
- : 'translation-button-adjust'
97
- "
98
- reversed
99
- no-label
100
- :language-code="languageCode"
101
- @update:languageCode="$emit('update:languageCode', $event)"
102
- />
103
- </client-only>
104
-
105
- <client-only>
106
- <asd20-notification-group
107
- class="asd20-notification-group--floating"
108
- :notifications="activeNotificationsByType.floating"
109
- :total-dismissed-notifications="totalDismissedNotifications"
110
- group-type="floating"
111
- @dismiss="$emit('dismiss-notification', $event)"
112
- @toggle-all="$emit('toggle-all')"
113
- ></asd20-notification-group>
114
- </client-only>
86
+ <Asd20LanguageTranslation
87
+ v-if="languageCode"
88
+ :class="
89
+ activeNotificationsByType.status.length > 0
90
+ ? ''
91
+ : 'translation-button-adjust'
92
+ "
93
+ reversed
94
+ no-label
95
+ :language-code="languageCode"
96
+ @update:languageCode="$emit('update:languageCode', $event)"
97
+ />
98
+
99
+ <asd20-notification-group
100
+ class="asd20-notification-group--floating"
101
+ :notifications="activeNotificationsByType.floating"
102
+ :total-dismissed-notifications="totalDismissedNotifications"
103
+ group-type="floating"
104
+ @dismiss="$emit('dismiss-notification', $event)"
105
+ @toggle-all="$emit('toggle-all')"
106
+ ></asd20-notification-group>
115
107
  </div>
116
108
  </div>
117
109
  </template>
@@ -124,21 +116,19 @@
124
116
  :messages="messages"
125
117
  />
126
118
 
127
- <client-only>
128
- <asd20-feeds-section
129
- :announcements="announcements"
130
- :announcements-feed-props="announcementsFeedProps"
131
- :stories="stories"
132
- :stories-feed-props="storiesFeedProps"
133
- :events="events"
134
- :events-feed-props="eventsFeedProps"
135
- :organization="organization"
136
- :organization-options="organizationOptions"
137
- @announcements-in-view="$emit('announcements-in-view')"
138
- @stories-in-view="$emit('stories-in-view')"
139
- @events-in-view="$emit('events-in-view')"
140
- ></asd20-feeds-section>
141
- </client-only>
119
+ <asd20-feeds-section
120
+ :announcements="announcements"
121
+ :announcements-feed-props="announcementsFeedProps"
122
+ :stories="stories"
123
+ :stories-feed-props="storiesFeedProps"
124
+ :events="events"
125
+ :events-feed-props="eventsFeedProps"
126
+ :organization="organization"
127
+ :organization-options="organizationOptions"
128
+ @announcements-in-view="$emit('announcements-in-view')"
129
+ @stories-in-view="$emit('stories-in-view')"
130
+ @events-in-view="$emit('events-in-view')"
131
+ ></asd20-feeds-section>
142
132
 
143
133
  <asd20-factoids-section
144
134
  v-if="factoids && factoids.length > 0"
package/src/components/templates/Asd20FileListPageTemplate/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
- ></asd20-notification-group>
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
+ ></asd20-notification-group>
28
26
 
29
27
  <!-- Page Header -->
30
28
  <asd20-page-header
@@ -38,29 +36,25 @@
38
36
  >
39
37
  <!-- Floating Notifications -->
40
38
  <template #top>
41
- <client-only>
42
- <asd20-notification-group
43
- class="asd20-notification-group--floating"
44
- :notifications="activeNotificationsByType.floating"
45
- :total-dismissed-notifications="totalDismissedNotifications"
46
- group-type="floating"
47
- @dismiss="$emit('dismiss-notification', $event)"
48
- @toggle-all="$emit('toggle-all')"
49
- ></asd20-notification-group>
50
- </client-only>
39
+ <asd20-notification-group
40
+ class="asd20-notification-group--floating"
41
+ :notifications="activeNotificationsByType.floating"
42
+ :total-dismissed-notifications="totalDismissedNotifications"
43
+ group-type="floating"
44
+ @dismiss="$emit('dismiss-notification', $event)"
45
+ @toggle-all="$emit('toggle-all')"
46
+ ></asd20-notification-group>
51
47
  </template>
52
48
  <!-- <template #top><asd20-breadcrumb :links="breadcrumbLinks"></asd20-breadcrumb></template> -->
53
49
  </asd20-page-header>
54
50
 
55
51
  <!-- Inline-Notifications -->
56
- <client-only>
57
- <asd20-notification-group
58
- :notifications="activeNotificationsByType.inline"
59
- group-type="inline"
60
- @dismiss="$emit('dismiss-notification', $event)"
61
- @toggle-all="$emit('toggle-all')"
62
- ></asd20-notification-group>
63
- </client-only>
52
+ <asd20-notification-group
53
+ :notifications="activeNotificationsByType.inline"
54
+ group-type="inline"
55
+ @dismiss="$emit('dismiss-notification', $event)"
56
+ @toggle-all="$emit('toggle-all')"
57
+ ></asd20-notification-group>
64
58
 
65
59
  <!-- Page Content -->
66
60
  <asd20-page-content
package/src/components/templates/Asd20GroupFeatureTemplate/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
 
16
14
  <!-- Site Navigation -->
17
15
  <asd20-site-navigation
@@ -40,28 +38,24 @@
40
38
  >
41
39
  <!-- Floating Notifications -->
42
40
  <template #top>
43
- <client-only>
44
- <asd20-notification-group
45
- class="asd20-notification-group--floating"
46
- :notifications="activeNotificationsByType.floating"
47
- :total-dismissed-notifications="totalDismissedNotifications"
48
- group-type="floating"
49
- @dismiss="$emit('dismiss-notification', $event)"
50
- @toggle-all="$emit('toggle-all')"
51
- ></asd20-notification-group>
52
- </client-only>
41
+ <asd20-notification-group
42
+ class="asd20-notification-group--floating"
43
+ :notifications="activeNotificationsByType.floating"
44
+ :total-dismissed-notifications="totalDismissedNotifications"
45
+ group-type="floating"
46
+ @dismiss="$emit('dismiss-notification', $event)"
47
+ @toggle-all="$emit('toggle-all')"
48
+ ></asd20-notification-group>
53
49
  </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/Asd20LoginsTemplate/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
- ></asd20-notification-group>
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
+ ></asd20-notification-group>
28
26
 
29
27
  <!-- Page Header -->
30
28
  <asd20-page-header
@@ -38,16 +36,14 @@
38
36
  @update:languageCode="$emit('update:languageCode', $event)"
39
37
  >
40
38
  <!-- Floating Notifications -->
41
- <client-only>
42
- <asd20-notification-group
43
- class="asd20-notification-group--floating"
44
- :notifications="activeNotificationsByType.floating"
45
- :total-dismissed-notifications="totalDismissedNotifications"
46
- group-type="floating"
47
- @dismiss="$emit('dismiss-notification', $event)"
48
- @toggle-all="$emit('toggle-all')"
49
- ></asd20-notification-group>
50
- </client-only>
39
+ <asd20-notification-group
40
+ class="asd20-notification-group--floating"
41
+ :notifications="activeNotificationsByType.floating"
42
+ :total-dismissed-notifications="totalDismissedNotifications"
43
+ group-type="floating"
44
+ @dismiss="$emit('dismiss-notification', $event)"
45
+ @toggle-all="$emit('toggle-all')"
46
+ ></asd20-notification-group>
51
47
  </asd20-page-header>
52
48
 
53
49
  <!-- Page Content -->
@@ -63,15 +59,13 @@
63
59
  <!-- selectedGroup -->
64
60
  <section v-if="selectedTabLogins">
65
61
  <!-- Inline Notifications -->
66
- <client-only>
67
- <asd20-notification-group
68
- class="asd20-notification-group--inline"
69
- :notifications="activeNotificationsByType.inline"
70
- group-type="inline"
71
- @dismiss="$emit('dismiss-notification', $event)"
72
- @toggle-all="$emit('toggle-all')"
73
- />
74
- </client-only>
62
+ <asd20-notification-group
63
+ class="asd20-notification-group--inline"
64
+ :notifications="activeNotificationsByType.inline"
65
+ group-type="inline"
66
+ @dismiss="$emit('dismiss-notification', $event)"
67
+ @toggle-all="$emit('toggle-all')"
68
+ />
75
69
  <asd20-list
76
70
  class="logins-list"
77
71
  multi-column
package/src/components/templates/Asd20PeopleFeatureTemplate/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
  <!-- Site Navigation -->
17
15
  <asd20-site-navigation
@@ -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/Asd20ProfileTemplate/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
@@ -56,28 +54,24 @@
56
54
  >
57
55
  <!-- Floating Notifications -->
58
56
  <template #top>
59
- <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>
68
- </client-only>
57
+ <asd20-notification-group
58
+ class="asd20-notification-group--floating"
59
+ :notifications="activeNotificationsByType.floating"
60
+ :total-dismissed-notifications="totalDismissedNotifications"
61
+ group-type="floating"
62
+ @dismiss="$emit('dismiss-notification', $event)"
63
+ @toggle-all="$emit('toggle-all')"
64
+ ></asd20-notification-group>
69
65
  </template>
70
66
  </asd20-page-header>
71
67
 
72
68
  <!-- Inline-Notifications -->
73
- <client-only>
74
- <asd20-notification-group
75
- :notifications="activeNotificationsByType.inline"
76
- group-type="inline"
77
- @dismiss="$emit('dismiss-notification', $event)"
78
- @toggle-all="$emit('toggle-all')"
79
- ></asd20-notification-group>
80
- </client-only>
69
+ <asd20-notification-group
70
+ :notifications="activeNotificationsByType.inline"
71
+ group-type="inline"
72
+ @dismiss="$emit('dismiss-notification', $event)"
73
+ @toggle-all="$emit('toggle-all')"
74
+ ></asd20-notification-group>
81
75
 
82
76
  <!-- Page Content -->
83
77
  <asd20-page-content