@asd20/ui 3.2.424 → 3.2.425

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.424",
8
+ "version": "3.2.425",
9
9
  "private": false,
10
10
  "license": "MIT",
11
11
  "repository": {
@@ -234,8 +234,8 @@ export default {
234
234
  left: 0;
235
235
  top: 0;
236
236
  right: space(2);
237
- bottom: 0;
238
- // bottom: space(7);
237
+ // bottom: 0;
238
+ bottom: space(7);
239
239
  background: var(--website-menu__open-background-color, white);
240
240
  overflow: auto;
241
241
  // overflow-y: scroll !important;
@@ -40,39 +40,41 @@
40
40
  /> -->
41
41
 
42
42
  <transition name="slide">
43
- <asd20-action-menu
43
+ <!-- <asd20-action-menu
44
44
  v-show="(mq === 'lg' || mq === 'xl') && isLoaded"
45
45
  :items="actionItems"
46
46
  :active="menuOpen"
47
47
  @update:active="$emit('update:menuOpen', $event)"
48
- />
49
- <!-- <asd20-action-menu
48
+ /> -->
49
+ <asd20-action-menu
50
50
  v-show="
51
- (menuOpen && (mq === 'sm' || mq === 'md') && isLoaded) ||
51
+ (menuOpen && (mq === 'sm' || mq === 'md') && isLoaded && !zoomed) ||
52
52
  ((mq === 'lg' || mq === 'xl') && isLoaded)
53
53
  "
54
54
  :items="actionItems"
55
55
  :active="menuOpen"
56
56
  @update:active="$emit('update:menuOpen', $event)"
57
- /> -->
57
+ />
58
58
  </transition>
59
59
 
60
60
  <transition name="slide">
61
- <asd20-site-menu
61
+ <!-- <asd20-site-menu
62
62
  ref="siteMenu"
63
+ :class="zoomed ? 'zoomed' : ''"
63
64
  v-show="menuOpen"
64
65
  :active="menuOpen"
65
66
  @update:active="$emit('update:menuOpen', $event)"
66
67
  :sections="navigation"
67
- />
68
- <!-- <asd20-site-menu
68
+ v-scroll-lock="menuOpen"
69
+ /> -->
70
+ <asd20-site-menu
69
71
  ref="siteMenu"
72
+ :class="zoomed ? 'zoomed' : ''"
70
73
  v-show="menuOpen"
71
74
  :active="menuOpen"
72
75
  @update:active="$emit('update:menuOpen', $event)"
73
76
  :sections="navigation"
74
- v-scroll-lock="menuOpen"
75
- /> -->
77
+ />
76
78
  </transition>
77
79
 
78
80
  <transition name="slide">
@@ -123,6 +125,7 @@ export default {
123
125
  keyboardTriggeredLastAction: false,
124
126
  desktop: false,
125
127
  isLoaded: false,
128
+ zoomed: false,
126
129
  }),
127
130
  watch: {
128
131
  menuOpen: function(val) {
@@ -141,12 +144,18 @@ export default {
141
144
  },
142
145
  mounted() {
143
146
  this.desktop = window.innerWidth >= 1024
147
+ this.zoomed = window.innerHeight <= 500
144
148
  this.isLoaded = true
149
+ window.addEventListener('resize', this.handleResize)
145
150
  },
146
151
  methods: {
147
152
  onKeyboardToggleEvent(event) {
148
153
  this.keyboardToggleEvent = event
149
154
  },
155
+ handleResize() {
156
+ this.desktop = window.innerWidth >= 1024
157
+ this.zoomed = window.innerHeight <= 500
158
+ },
150
159
  },
151
160
  }
152
161
  </script>
@@ -197,6 +206,11 @@ export default {
197
206
  &.active::before {
198
207
  opacity: 1;
199
208
  }
209
+ .zoomed {
210
+ &::v-deep .asd20-site-menu__viewport {
211
+ bottom: 0 !important;
212
+ }
213
+ }
200
214
  }
201
215
 
202
216
  @media (min-width: 1024px) {
@@ -3,16 +3,6 @@
3
3
  <!-- Skip Nav -->
4
4
  <asd20-skip-to />
5
5
 
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>
15
-
16
6
  <!-- Site Navigation -->
17
7
  <asd20-site-navigation
18
8
  :navigation="navigation"
@@ -26,6 +16,16 @@
26
16
  >
27
17
  </asd20-site-navigation>
28
18
 
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>
28
+
29
29
  <!-- Page Header -->
30
30
  <asd20-page-header
31
31
  id="page-header"
@@ -3,6 +3,19 @@
3
3
  <!-- Skip Nav -->
4
4
  <asd20-skip-to />
5
5
 
6
+ <!-- Site Navigation -->
7
+ <asd20-site-navigation
8
+ :navigation="navigation"
9
+ :action-items="actionItems"
10
+ @update:menuOpen="$emit('update:menuOpen', $event)"
11
+ :menu-open="menuOpen"
12
+ @update:searchOpen="$emit('update:searchOpen', $event)"
13
+ :search-open="searchOpen"
14
+ :organization="organization"
15
+ :organization-options="organizationOptions"
16
+ >
17
+ </asd20-site-navigation>
18
+
6
19
  <!-- Banner Notifications -->
7
20
  <client-only>
8
21
  <asd20-notification-group
@@ -39,18 +52,6 @@
39
52
  <!-- <asd20-breadcrumb slot="top" :links="breadcrumbLinks"></asd20-breadcrumb> -->
40
53
  </asd20-page-header>
41
54
 
42
- <!-- Site Navigation -->
43
- <asd20-site-navigation
44
- :navigation="navigation"
45
- :action-items="actionItems"
46
- @update:menuOpen="$emit('update:menuOpen', $event)"
47
- :menu-open="menuOpen"
48
- @update:searchOpen="$emit('update:searchOpen', $event)"
49
- :search-open="searchOpen"
50
- :organization="organization"
51
- :organization-options="organizationOptions"
52
- >
53
- </asd20-site-navigation>
54
55
  <!-- Inline-Notifications -->
55
56
  <client-only>
56
57
  <asd20-notification-group
@@ -3,16 +3,6 @@
3
3
  <!-- Skip Nav -->
4
4
  <asd20-skip-to />
5
5
 
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>
15
-
16
6
  <!-- Site Navigation -->
17
7
  <asd20-site-navigation
18
8
  :navigation="navigation"
@@ -26,6 +16,16 @@
26
16
  >
27
17
  </asd20-site-navigation>
28
18
 
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>
28
+
29
29
  <!-- Page Header -->
30
30
  <asd20-page-header
31
31
  id="page-header"
@@ -3,16 +3,6 @@
3
3
  <!-- Skip Nav -->
4
4
  <asd20-skip-to />
5
5
 
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>
15
-
16
6
  <!-- Site Navigation -->
17
7
  <asd20-site-navigation
18
8
  :navigation="navigation"
@@ -26,6 +16,16 @@
26
16
  >
27
17
  </asd20-site-navigation>
28
18
 
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>
28
+
29
29
  <!-- Page Header -->
30
30
  <asd20-page-header
31
31
  id="page-header"
@@ -3,16 +3,6 @@
3
3
  <!-- Skip Nav -->
4
4
  <asd20-skip-to />
5
5
 
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>
15
-
16
6
  <!-- Site Navigation -->
17
7
  <asd20-site-navigation
18
8
  :navigation="navigation"
@@ -26,6 +16,16 @@
26
16
  >
27
17
  </asd20-site-navigation>
28
18
 
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>
28
+
29
29
  <!-- Page Header -->
30
30
  <asd20-image-header
31
31
  id="image-header"
@@ -3,16 +3,6 @@
3
3
  <!-- Skip Nav -->
4
4
  <asd20-skip-to />
5
5
 
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>
15
-
16
6
  <!-- Site Navigation -->
17
7
  <asd20-site-navigation
18
8
  :navigation="navigation"
@@ -26,6 +16,16 @@
26
16
  >
27
17
  </asd20-site-navigation>
28
18
 
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>
28
+
29
29
  <!-- Page Header -->
30
30
  <asd20-page-header
31
31
  id="page-header"
@@ -3,16 +3,6 @@
3
3
  <!-- Skip Nav -->
4
4
  <asd20-skip-to />
5
5
 
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>
15
-
16
6
  <!-- Site Navigation -->
17
7
  <asd20-site-navigation
18
8
  :navigation="navigation"
@@ -26,6 +16,16 @@
26
16
  >
27
17
  </asd20-site-navigation>
28
18
 
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>
28
+
29
29
  <!-- Page Header -->
30
30
 
31
31
  <!-- <asd20-choice-header
@@ -3,16 +3,6 @@
3
3
  <!-- Skip Nav -->
4
4
  <asd20-skip-to />
5
5
 
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>
15
-
16
6
  <!-- Site Navigation -->
17
7
  <asd20-site-navigation
18
8
  :navigation="navigation"
@@ -26,6 +16,16 @@
26
16
  >
27
17
  </asd20-site-navigation>
28
18
 
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>
28
+
29
29
  <!-- Video Header -->
30
30
 
31
31
  <asd20-video-header
@@ -3,16 +3,6 @@
3
3
  <!-- Skip Nav -->
4
4
  <asd20-skip-to></asd20-skip-to>
5
5
 
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>
15
-
16
6
  <!-- Site Navigation -->
17
7
  <asd20-site-navigation
18
8
  :navigation="navigation"
@@ -26,6 +16,16 @@
26
16
  >
27
17
  </asd20-site-navigation>
28
18
 
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>
28
+
29
29
  <!-- Page Header -->
30
30
  <asd20-page-header
31
31
  id="page-header"
@@ -3,16 +3,6 @@
3
3
  <!-- Skip Nav -->
4
4
  <asd20-skip-to></asd20-skip-to>
5
5
 
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>
15
-
16
6
  <!-- Site Navigation -->
17
7
  <asd20-site-navigation
18
8
  :navigation="navigation"
@@ -26,6 +16,16 @@
26
16
  >
27
17
  </asd20-site-navigation>
28
18
 
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>
28
+
29
29
  <!-- Page Header -->
30
30
  <asd20-page-header
31
31
  id="page-header"
@@ -3,16 +3,6 @@
3
3
  <!-- Skip Nav -->
4
4
  <asd20-skip-to />
5
5
 
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>
15
-
16
6
  <!-- Site Navigation -->
17
7
  <asd20-site-navigation
18
8
  :navigation="navigation"
@@ -25,6 +15,17 @@
25
15
  :organization-options="organizationOptions"
26
16
  >
27
17
  </asd20-site-navigation>
18
+
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>
28
+
28
29
  <!-- Page Header -->
29
30
  <asd20-page-header
30
31
  id="profile-header"
@@ -3,16 +3,6 @@
3
3
  <!-- Skip Nav -->
4
4
  <asd20-skip-to />
5
5
 
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>
15
-
16
6
  <!-- Site Navigation -->
17
7
  <asd20-site-navigation
18
8
  :navigation="navigation"
@@ -26,6 +16,16 @@
26
16
  >
27
17
  </asd20-site-navigation>
28
18
 
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>
28
+
29
29
  <!-- Page Header -->
30
30
  <asd20-page-header
31
31
  id="page-header"
@@ -3,16 +3,6 @@
3
3
  <!-- Skip Nav -->
4
4
  <asd20-skip-to></asd20-skip-to>
5
5
 
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>
15
-
16
6
  <!-- Site Navigation -->
17
7
  <asd20-site-navigation
18
8
  :navigation="navigation"
@@ -26,6 +16,16 @@
26
16
  >
27
17
  </asd20-site-navigation>
28
18
 
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>
28
+
29
29
  <!-- Page Header -->
30
30
  <asd20-school-homepage-header
31
31
  id="page-header"
@@ -3,16 +3,6 @@
3
3
  <!-- Skip Nav -->
4
4
  <asd20-skip-to></asd20-skip-to>
5
5
 
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>
15
-
16
6
  <!-- Site Navigation -->
17
7
  <asd20-site-navigation
18
8
  :navigation="navigation"
@@ -26,6 +16,16 @@
26
16
  >
27
17
  </asd20-site-navigation>
28
18
 
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>
28
+
29
29
  <!-- Page Header -->
30
30
  <asd20-school-homepage-video-header
31
31
  id="page-header"
@@ -3,16 +3,6 @@
3
3
  <!-- Skip Nav -->
4
4
  <asd20-skip-to></asd20-skip-to>
5
5
 
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>
15
-
16
6
  <!-- Site Navigation -->
17
7
  <asd20-site-navigation
18
8
  :navigation="navigation"
@@ -26,6 +16,16 @@
26
16
  >
27
17
  </asd20-site-navigation>
28
18
 
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>
28
+
29
29
  <!-- Page Header -->
30
30
  <asd20-image-header
31
31
  id="page-header"
@@ -3,16 +3,6 @@
3
3
  <!-- Skip Nav -->
4
4
  <asd20-skip-to></asd20-skip-to>
5
5
 
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>
15
-
16
6
  <!-- Site Navigation -->
17
7
  <asd20-site-navigation
18
8
  :navigation="navigation"
@@ -26,6 +16,16 @@
26
16
  >
27
17
  </asd20-site-navigation>
28
18
 
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>
28
+
29
29
  <!-- Page Header -->
30
30
  <asd20-page-header
31
31
  id="page-header"
@@ -451,9 +451,9 @@
451
451
  "id": "de039f51-3742-11ea-a71e-a93d820ffeff",
452
452
  "parentMenuItemId": "de039f50-3742-11ea-a71e-a93d820ffeff",
453
453
  "order": 0,
454
- "title": "COVID-19 Resources",
455
- "url": "",
456
- "icon": ""
454
+ "title": "Register",
455
+ "url": "/register",
456
+ "icon": "school"
457
457
  },
458
458
  {
459
459
  "id": "de039f51-3742-11ea-a71e-a93d820ffeff",