@asd20/ui 3.2.691 → 3.2.693
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 +1 -1
- package/src/components/atoms/Asd20Logo/index.vue +1 -1
- package/src/components/atoms/Asd20Tag/index.vue +1 -1
- package/src/components/molecules/Asd20ActionMenuItem/index.vue +1 -0
- package/src/components/molecules/Asd20Tab/index.vue +0 -1
- package/src/components/organisms/Asd20SiteMenu/index.vue +2 -2
- package/src/components/organisms/Asd20TabBar/index.vue +1 -1
- package/src/components/organisms/Asd20VideoHeaderContent/index.vue +1 -1
- package/src/components/templates/Asd20ArticleListTemplate/index.vue +1 -1
- package/src/components/templates/Asd20LoginsTemplate/index.vue +55 -53
- package/src/components/templates/Asd20WayfindingAlternateTemplate/index.vue +1 -1
- package/src/components/templates/Asd20WayfindingImageTemplate/index.vue +1 -1
- package/src/components/templates/Asd20WayfindingTemplate/index.vue +1 -1
package/package.json
CHANGED
|
@@ -27,7 +27,7 @@ export default {
|
|
|
27
27
|
props: {
|
|
28
28
|
title: { type: String, default: '' },
|
|
29
29
|
subtitle: { type: String, default: '' },
|
|
30
|
-
tag: { type: String, default: '
|
|
30
|
+
tag: { type: String, default: 'span' },
|
|
31
31
|
image: { type: String, default: '' },
|
|
32
32
|
link: { type: String, default: '/' },
|
|
33
33
|
size: {
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
<!-- <button
|
|
67
67
|
class="asd20-site-menu__section__back"
|
|
68
68
|
aria-expanded="true"
|
|
69
|
-
|
|
69
|
+
aria-controls="asd20-site-menu__items"
|
|
70
70
|
@click="deactivateSection"
|
|
71
71
|
@mouseup="keyboardTriggeredLastAction = false"
|
|
72
72
|
@keyup="keyboardTriggeredLastAction = true"
|
|
@@ -85,7 +85,7 @@
|
|
|
85
85
|
:id="`asd20-site-menu__item-${activeSectionIndex}-0`"
|
|
86
86
|
class="asd20-site-menu__section__back"
|
|
87
87
|
aria-expanded="true"
|
|
88
|
-
|
|
88
|
+
aria-controls="asd20-site-menu__items"
|
|
89
89
|
@click="deactivateSection"
|
|
90
90
|
@mouseup="keyboardTriggeredLastAction = false"
|
|
91
91
|
@keyup="keyboardTriggeredLastAction = true"
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
<component :is="tag" class="asd20-video-header-content">
|
|
3
3
|
<slot name="before"></slot>
|
|
4
4
|
|
|
5
|
-
<section class="header-messaging-section"
|
|
5
|
+
<section class="header-messaging-section">
|
|
6
6
|
<!-- <asd20-messaging
|
|
7
7
|
v-for="(messaging, index) in messages"
|
|
8
8
|
:key="index"
|
|
@@ -53,60 +53,62 @@
|
|
|
53
53
|
<!-- Page Content -->
|
|
54
54
|
|
|
55
55
|
<slot></slot>
|
|
56
|
-
<
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
<
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
</client-only>
|
|
74
|
-
<asd20-list class="logins-list" multi-column :column-width="480">
|
|
75
|
-
<asd20-list-item
|
|
76
|
-
v-for="(login, index) in selectedTabLogins.logins"
|
|
77
|
-
:key="index"
|
|
78
|
-
:label="login.title"
|
|
79
|
-
class="login-list-item"
|
|
80
|
-
align-top
|
|
81
|
-
bordered
|
|
82
|
-
>
|
|
83
|
-
<asd20-button
|
|
84
|
-
slot="actions"
|
|
85
|
-
target="_blank"
|
|
86
|
-
horizontal
|
|
87
|
-
reversed
|
|
88
|
-
:label="
|
|
89
|
-
login.callsToAction[0].label
|
|
90
|
-
? login.callsToAction[0].label
|
|
91
|
-
: 'Login'
|
|
92
|
-
"
|
|
93
|
-
:link="login.callsToAction[0].url || ''"
|
|
56
|
+
<section aria-label="Login Tabs">
|
|
57
|
+
<asd20-tab-bar
|
|
58
|
+
:tabs="tabsList"
|
|
59
|
+
@tabClick="onTabClick"
|
|
60
|
+
class="logins-tab-bar"
|
|
61
|
+
/>
|
|
62
|
+
<asd20-viewport>
|
|
63
|
+
<!-- selectedGroup -->
|
|
64
|
+
<section v-if="selectedTabLogins">
|
|
65
|
+
<!-- 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')"
|
|
94
73
|
/>
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
74
|
+
</client-only>
|
|
75
|
+
<asd20-list class="logins-list" multi-column :column-width="480">
|
|
76
|
+
<asd20-list-item
|
|
77
|
+
v-for="(login, index) in selectedTabLogins.logins"
|
|
78
|
+
:key="index"
|
|
79
|
+
:label="login.title"
|
|
80
|
+
class="login-list-item"
|
|
81
|
+
align-top
|
|
82
|
+
bordered
|
|
83
|
+
>
|
|
84
|
+
<asd20-button
|
|
85
|
+
slot="actions"
|
|
86
|
+
target="_blank"
|
|
87
|
+
horizontal
|
|
88
|
+
reversed
|
|
89
|
+
:label="
|
|
90
|
+
login.callsToAction[0].label
|
|
91
|
+
? login.callsToAction[0].label
|
|
92
|
+
: 'Login'
|
|
93
|
+
"
|
|
94
|
+
:link="login.callsToAction[0].url || ''"
|
|
95
|
+
/>
|
|
96
|
+
<template>
|
|
97
|
+
<div class="asd20-list-item__description">
|
|
98
|
+
{{ login.summary }}
|
|
99
|
+
<a
|
|
100
|
+
href="#"
|
|
101
|
+
v-if="login.bodyHtml"
|
|
102
|
+
@click.prevent="selectedLogin = login"
|
|
103
|
+
>{{ login.title }} details</a
|
|
104
|
+
>
|
|
105
|
+
</div>
|
|
106
|
+
</template>
|
|
107
|
+
</asd20-list-item>
|
|
108
|
+
</asd20-list>
|
|
109
|
+
</section>
|
|
110
|
+
</asd20-viewport>
|
|
111
|
+
</section>
|
|
110
112
|
|
|
111
113
|
<asd20-modal
|
|
112
114
|
icon="login"
|
|
@@ -255,7 +255,7 @@ export default {
|
|
|
255
255
|
}
|
|
256
256
|
p {
|
|
257
257
|
// font-family: var(--website-typography__font-family-headlines);
|
|
258
|
-
font-size:
|
|
258
|
+
font-size: 1rem !important;
|
|
259
259
|
line-height: 1.5;
|
|
260
260
|
font-family: var(--website-typography__font-family-headlines);
|
|
261
261
|
}
|
|
@@ -265,7 +265,7 @@ export default {
|
|
|
265
265
|
}
|
|
266
266
|
p {
|
|
267
267
|
// font-family: var(--website-typography__font-family-headlines);
|
|
268
|
-
font-size:
|
|
268
|
+
font-size: 1rem !important;
|
|
269
269
|
line-height: 1.5;
|
|
270
270
|
font-family: var(--website-typography__font-family-headlines);
|
|
271
271
|
}
|
|
@@ -238,7 +238,7 @@ export default {
|
|
|
238
238
|
|
|
239
239
|
p {
|
|
240
240
|
// font-family: var(--website-typography__font-family-headlines);
|
|
241
|
-
font-size:
|
|
241
|
+
font-size: 1rem !important;
|
|
242
242
|
line-height: 1.5;
|
|
243
243
|
font-family: var(--website-typography__font-family-headlines);
|
|
244
244
|
}
|