@asd20/ui 3.2.463 → 3.2.465
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
|
@@ -53,35 +53,47 @@
|
|
|
53
53
|
<!-- <asd20-breadcrumb slot="top" :links="breadcrumbLinks"></asd20-breadcrumb> -->
|
|
54
54
|
</asd20-page-header>
|
|
55
55
|
|
|
56
|
+
<!-- Inline-Notifications -->
|
|
57
|
+
<template>
|
|
58
|
+
<client-only>
|
|
59
|
+
<asd20-notification-group
|
|
60
|
+
class="asd20-notification-group--inline"
|
|
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>
|
|
67
|
+
</template>
|
|
68
|
+
|
|
69
|
+
<!-- Feed Section -->
|
|
70
|
+
<template>
|
|
71
|
+
<asd20-feeds-section
|
|
72
|
+
:announcements="announcements"
|
|
73
|
+
:announcements-feed-props="announcementsFeedProps"
|
|
74
|
+
@announcements-in-view="$emit('announcements-in-view')"
|
|
75
|
+
:stories="stories"
|
|
76
|
+
:stories-feed-props="storiesFeedProps"
|
|
77
|
+
@stories-in-view="$emit('stories-in-view')"
|
|
78
|
+
:events="events"
|
|
79
|
+
:events-feed-props="eventsFeedProps"
|
|
80
|
+
@events-in-view="$emit('events-in-view')"
|
|
81
|
+
></asd20-feeds-section>
|
|
82
|
+
</template>
|
|
83
|
+
|
|
56
84
|
<!-- Page Content -->
|
|
57
85
|
<asd20-page-content
|
|
58
86
|
class="intro-message"
|
|
59
87
|
:primary-messages="primaryMessage"
|
|
60
88
|
omit-detail-links
|
|
61
89
|
omit-calls-to-action
|
|
62
|
-
|
|
63
|
-
<!-- Inline-Notifications -->
|
|
64
|
-
<template slot="before">
|
|
65
|
-
<client-only>
|
|
66
|
-
<asd20-notification-group
|
|
67
|
-
:notifications="activeNotificationsByType.inline"
|
|
68
|
-
group-type="inline"
|
|
69
|
-
@dismiss="$emit('dismiss-notification', $event)"
|
|
70
|
-
@toggle-all="$emit('toggle-all')"
|
|
71
|
-
></asd20-notification-group>
|
|
72
|
-
</client-only>
|
|
73
|
-
</template>
|
|
74
|
-
|
|
75
|
-
<slot></slot>
|
|
76
|
-
</asd20-page-content>
|
|
77
|
-
|
|
90
|
+
/>
|
|
78
91
|
<asd20-page-content
|
|
79
92
|
:primary-messages="wayFindingPrimaryMessages"
|
|
80
93
|
:secondary-messages="secondaryMessages"
|
|
81
94
|
omit-body-content
|
|
82
95
|
grid
|
|
83
|
-
|
|
84
|
-
</asd20-page-content>
|
|
96
|
+
/>
|
|
85
97
|
|
|
86
98
|
<!-- Bottom Widgets -->
|
|
87
99
|
<asd20-widgets-section
|
|
@@ -167,7 +179,12 @@ export default {
|
|
|
167
179
|
},
|
|
168
180
|
primaryMessage() {
|
|
169
181
|
const introMessage = this.primaryMessages.slice(0, 1)
|
|
170
|
-
if (
|
|
182
|
+
if (
|
|
183
|
+
introMessage[0].bodyHtml === '' ||
|
|
184
|
+
null ||
|
|
185
|
+
introMessage[0].detailLink !== '' || null
|
|
186
|
+
)
|
|
187
|
+
return
|
|
171
188
|
return introMessage
|
|
172
189
|
},
|
|
173
190
|
},
|
|
@@ -209,6 +226,9 @@ export default {
|
|
|
209
226
|
}
|
|
210
227
|
}
|
|
211
228
|
}
|
|
229
|
+
.asd20-notification-group--inline {
|
|
230
|
+
margin-top: space(2) !important;
|
|
231
|
+
}
|
|
212
232
|
.asd20-feeds-section {
|
|
213
233
|
margin-top: space(2);
|
|
214
234
|
.asd20-swiper-feed:first-child {
|
|
@@ -227,11 +247,15 @@ export default {
|
|
|
227
247
|
}
|
|
228
248
|
}
|
|
229
249
|
.intro-message {
|
|
230
|
-
.
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
250
|
+
.primary-messaging-section {
|
|
251
|
+
padding-top: space(1) !important;
|
|
252
|
+
padding-bottom: space(1) !important;
|
|
253
|
+
.asd20-messaging {
|
|
254
|
+
border-left: space(1) solid var(--color__tertiary);
|
|
255
|
+
border-bottom: space(1) solid var(--color__tertiary);
|
|
256
|
+
padding-left: space(1);
|
|
257
|
+
padding-bottom: space(1);
|
|
258
|
+
}
|
|
235
259
|
}
|
|
236
260
|
p {
|
|
237
261
|
// font-family: var(--website-typography__font-family-headlines);
|
|
@@ -53,6 +53,27 @@
|
|
|
53
53
|
<!-- <asd20-breadcrumb slot="top" :links="breadcrumbLinks"></asd20-breadcrumb> -->
|
|
54
54
|
</asd20-image-header>
|
|
55
55
|
|
|
56
|
+
<!-- Inline-Notifications -->
|
|
57
|
+
<template>
|
|
58
|
+
<client-only>
|
|
59
|
+
<asd20-notification-group
|
|
60
|
+
class="asd20-notification-group--inline"
|
|
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>
|
|
67
|
+
</template>
|
|
68
|
+
|
|
69
|
+
<!-- Announcement Feed -->
|
|
70
|
+
<template>
|
|
71
|
+
<asd20-feeds-section
|
|
72
|
+
:announcements="announcements"
|
|
73
|
+
:announcements-feed-props="announcementsFeedProps"
|
|
74
|
+
@announcements-in-view="$emit('announcements-in-view')"
|
|
75
|
+
></asd20-feeds-section>
|
|
76
|
+
</template>
|
|
56
77
|
|
|
57
78
|
<!-- Page Content -->
|
|
58
79
|
<asd20-page-content
|
|
@@ -60,41 +81,15 @@
|
|
|
60
81
|
:primary-messages="primaryMessage"
|
|
61
82
|
omit-detail-links
|
|
62
83
|
omit-calls-to-action
|
|
63
|
-
|
|
64
|
-
<!-- Inline-Notifications -->
|
|
65
|
-
<template slot="before">
|
|
66
|
-
<client-only>
|
|
67
|
-
<asd20-notification-group
|
|
68
|
-
:notifications="activeNotificationsByType.inline"
|
|
69
|
-
group-type="inline"
|
|
70
|
-
@dismiss="$emit('dismiss-notification', $event)"
|
|
71
|
-
@toggle-all="$emit('toggle-all')"
|
|
72
|
-
></asd20-notification-group>
|
|
73
|
-
</client-only>
|
|
74
|
-
</template>
|
|
75
|
-
|
|
76
|
-
<slot></slot>
|
|
77
|
-
</asd20-page-content>
|
|
78
|
-
|
|
84
|
+
/>
|
|
79
85
|
<asd20-page-content
|
|
80
86
|
:primary-messages="wayFindingPrimaryMessages"
|
|
81
87
|
:secondary-messages="secondaryMessages"
|
|
82
88
|
omit-body-content
|
|
83
89
|
fullscreen
|
|
84
90
|
/>
|
|
85
|
-
<!-- Announcement Feed -->
|
|
86
|
-
<template slot="before">
|
|
87
|
-
<asd20-feeds-section
|
|
88
|
-
:announcements="announcements"
|
|
89
|
-
:announcements-feed-props="announcementsFeedProps"
|
|
90
|
-
@announcements-in-view="$emit('announcements-in-view')"
|
|
91
|
-
></asd20-feeds-section>
|
|
92
|
-
</template>
|
|
93
91
|
|
|
94
|
-
|
|
95
|
-
</asd20-page-content>
|
|
96
|
-
|
|
97
|
-
<!-- Feeds -->
|
|
92
|
+
<!-- Feed Section -->
|
|
98
93
|
<asd20-feeds-section
|
|
99
94
|
:stories="stories"
|
|
100
95
|
:stories-feed-props="storiesFeedProps"
|
|
@@ -188,7 +183,13 @@ export default {
|
|
|
188
183
|
},
|
|
189
184
|
primaryMessage() {
|
|
190
185
|
const introMessage = this.primaryMessages.slice(0, 1)
|
|
191
|
-
if (
|
|
186
|
+
if (
|
|
187
|
+
introMessage[0].bodyHtml === '' ||
|
|
188
|
+
null ||
|
|
189
|
+
introMessage[0].detailLink !== '' ||
|
|
190
|
+
null
|
|
191
|
+
)
|
|
192
|
+
return
|
|
192
193
|
return introMessage
|
|
193
194
|
},
|
|
194
195
|
},
|
|
@@ -230,30 +231,14 @@ export default {
|
|
|
230
231
|
}
|
|
231
232
|
}
|
|
232
233
|
}
|
|
233
|
-
.asd20-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
margin-top: space(2);
|
|
239
|
-
.asd20-swiper-feed:first-child {
|
|
240
|
-
padding-top: space(2);
|
|
241
|
-
padding-bottom: space(1);
|
|
242
|
-
&::after {
|
|
243
|
-
top: space(1);
|
|
244
|
-
}
|
|
245
|
-
}
|
|
246
|
-
.asd20-swiper-feed:last-child {
|
|
247
|
-
// margin-top: space(-1);
|
|
248
|
-
padding-bottom: space(2);
|
|
249
|
-
&::after {
|
|
250
|
-
bottom: space(1);
|
|
251
|
-
}
|
|
252
|
-
}
|
|
253
|
-
}
|
|
234
|
+
.asd20-notification-group--inline {
|
|
235
|
+
margin-top: space(2) !important;
|
|
236
|
+
}
|
|
237
|
+
.notification-group--inline {
|
|
238
|
+
margin-bottom: space(1);
|
|
254
239
|
}
|
|
255
240
|
.asd20-feeds-section {
|
|
256
|
-
margin-top: space(
|
|
241
|
+
margin-top: space(2);
|
|
257
242
|
.asd20-swiper-feed:first-child {
|
|
258
243
|
padding-top: space(2);
|
|
259
244
|
padding-bottom: space(1);
|
|
@@ -270,11 +255,15 @@ export default {
|
|
|
270
255
|
}
|
|
271
256
|
}
|
|
272
257
|
.intro-message {
|
|
273
|
-
.
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
258
|
+
.primary-messaging-section {
|
|
259
|
+
padding-top: space(1) !important;
|
|
260
|
+
padding-bottom: space(1) !important;
|
|
261
|
+
.asd20-messaging {
|
|
262
|
+
border-left: space(1) solid var(--color__tertiary);
|
|
263
|
+
border-bottom: space(1) solid var(--color__tertiary);
|
|
264
|
+
padding-left: space(1);
|
|
265
|
+
padding-bottom: space(1);
|
|
266
|
+
}
|
|
278
267
|
}
|
|
279
268
|
p {
|
|
280
269
|
// font-family: var(--website-typography__font-family-headlines);
|
|
@@ -53,36 +53,34 @@
|
|
|
53
53
|
<!-- <asd20-breadcrumb slot="top" :links="breadcrumbLinks"></asd20-breadcrumb> -->
|
|
54
54
|
</asd20-page-header>
|
|
55
55
|
|
|
56
|
+
<!-- Inline-Notifications -->
|
|
57
|
+
<template>
|
|
58
|
+
<client-only>
|
|
59
|
+
<asd20-notification-group
|
|
60
|
+
class="asd20-notification-group--inline"
|
|
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>
|
|
67
|
+
</template>
|
|
68
|
+
|
|
56
69
|
<!-- Page Content -->
|
|
57
70
|
<asd20-page-content
|
|
58
71
|
class="intro-message"
|
|
59
72
|
:primary-messages="primaryMessage"
|
|
60
73
|
omit-detail-links
|
|
61
74
|
omit-calls-to-action
|
|
62
|
-
|
|
63
|
-
<!-- Inline-Notifications -->
|
|
64
|
-
<template slot="before">
|
|
65
|
-
<client-only>
|
|
66
|
-
<asd20-notification-group
|
|
67
|
-
:notifications="activeNotificationsByType.inline"
|
|
68
|
-
group-type="inline"
|
|
69
|
-
@dismiss="$emit('dismiss-notification', $event)"
|
|
70
|
-
@toggle-all="$emit('toggle-all')"
|
|
71
|
-
></asd20-notification-group>
|
|
72
|
-
</client-only>
|
|
73
|
-
</template>
|
|
74
|
-
|
|
75
|
-
<slot></slot>
|
|
76
|
-
</asd20-page-content>
|
|
77
|
-
|
|
75
|
+
/>
|
|
78
76
|
<asd20-page-content
|
|
79
77
|
:primary-messages="wayFindingPrimaryMessages"
|
|
80
78
|
:secondary-messages="secondaryMessages"
|
|
81
79
|
omit-body-content
|
|
82
80
|
grid
|
|
83
|
-
|
|
84
|
-
</asd20-page-content>
|
|
81
|
+
/>
|
|
85
82
|
|
|
83
|
+
<!-- Feed Section -->
|
|
86
84
|
<asd20-feeds-section
|
|
87
85
|
:announcements="announcements"
|
|
88
86
|
:announcements-feed-props="announcementsFeedProps"
|
|
@@ -179,7 +177,13 @@ export default {
|
|
|
179
177
|
},
|
|
180
178
|
primaryMessage() {
|
|
181
179
|
const introMessage = this.primaryMessages.slice(0, 1)
|
|
182
|
-
if (
|
|
180
|
+
if (
|
|
181
|
+
introMessage[0].bodyHtml === '' ||
|
|
182
|
+
null ||
|
|
183
|
+
introMessage[0].detailLink !== '' ||
|
|
184
|
+
null
|
|
185
|
+
)
|
|
186
|
+
return
|
|
183
187
|
return introMessage
|
|
184
188
|
},
|
|
185
189
|
},
|
|
@@ -221,13 +225,22 @@ export default {
|
|
|
221
225
|
}
|
|
222
226
|
}
|
|
223
227
|
}
|
|
228
|
+
.asd20-notification-group--inline {
|
|
229
|
+
margin-top: space(2) !important;
|
|
230
|
+
}
|
|
231
|
+
|
|
224
232
|
.intro-message {
|
|
225
|
-
.
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
233
|
+
.primary-messaging-section {
|
|
234
|
+
padding-top: space(1) !important;
|
|
235
|
+
padding-bottom: space(1) !important;
|
|
236
|
+
.asd20-messaging {
|
|
237
|
+
border-left: space(1) solid var(--color__tertiary);
|
|
238
|
+
border-bottom: space(1) solid var(--color__tertiary);
|
|
239
|
+
padding-left: space(1);
|
|
240
|
+
padding-bottom: space(1);
|
|
241
|
+
}
|
|
230
242
|
}
|
|
243
|
+
|
|
231
244
|
p {
|
|
232
245
|
// font-family: var(--website-typography__font-family-headlines);
|
|
233
246
|
font-size: 18px !important;
|