@asd20/ui 3.2.576 → 3.2.577
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
|
@@ -126,7 +126,7 @@ export default {
|
|
|
126
126
|
|
|
127
127
|
const el = document.createElement('div')
|
|
128
128
|
// el.innerHTML = `<h2><a href="${url}">${h1}</a></h2> <p>${summary}<a href="${url}">Read more</a>.</p>${linkHtml}</ul>`
|
|
129
|
-
el.innerHTML = `<h2
|
|
129
|
+
el.innerHTML = `<h2>${h1}</h2> <p>${summary}<a href="${url}">Read more</a>.</p>${linkHtml}</ul>`
|
|
130
130
|
document.body.appendChild(el)
|
|
131
131
|
const range = document.createRange()
|
|
132
132
|
const selection = document.getSelection()
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<header
|
|
3
3
|
v-scroll-track.window
|
|
4
|
-
class="asd20-
|
|
4
|
+
class="asd20-page-header"
|
|
5
5
|
:class="classes"
|
|
6
6
|
role="banner"
|
|
7
7
|
>
|
|
8
|
-
<div class="asd20-
|
|
8
|
+
<div class="asd20-page-header__top" v-if="organizationOptions.length > 0">
|
|
9
9
|
<client-only>
|
|
10
10
|
<asd20-organization-picker
|
|
11
11
|
:organization-options="organizationOptions"
|
|
@@ -14,9 +14,9 @@
|
|
|
14
14
|
</client-only>
|
|
15
15
|
<slot name="top" />
|
|
16
16
|
</div>
|
|
17
|
-
<div :class="imageUrl ? 'add-fade' : ''" class="asd20-
|
|
18
|
-
<div class="asd20-
|
|
19
|
-
<div class="asd20-
|
|
17
|
+
<div :class="imageUrl ? 'add-fade' : ''" class="asd20-page-header__main">
|
|
18
|
+
<div class="asd20-page-header__content">
|
|
19
|
+
<div class="asd20-page-header__tools">
|
|
20
20
|
<asd20-breadcrumb
|
|
21
21
|
v-if="breadcrumbLinks.length"
|
|
22
22
|
:links="breadcrumbLinks"
|
|
@@ -52,11 +52,11 @@
|
|
|
52
52
|
></asd20-button>
|
|
53
53
|
</div>
|
|
54
54
|
</div>
|
|
55
|
-
<div id="main" class="asd20-
|
|
55
|
+
<div id="main" class="asd20-page-header__title-content">
|
|
56
56
|
<h1 v-if="heading" v-html="heading" />
|
|
57
57
|
<div
|
|
58
58
|
v-if="publishDateTime || categories.length || $slots.meta"
|
|
59
|
-
class="asd20-
|
|
59
|
+
class="asd20-page-header__meta"
|
|
60
60
|
>
|
|
61
61
|
<span class="date-prefix">Published:</span>
|
|
62
62
|
<asd20-formatted-date
|
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
<asd20-tag-group v-if="categories.length" :tags="categories" />
|
|
73
73
|
<slot name="meta" />
|
|
74
74
|
</div>
|
|
75
|
-
<div v-if="lead" class="asd20-
|
|
75
|
+
<div v-if="lead" class="asd20-page-header__lead">
|
|
76
76
|
<span v-html="lead"></span>
|
|
77
77
|
<a v-show="detailLink && !isDetailPage" :href="detailLink">
|
|
78
78
|
{{ detailLinkLabel }}
|
|
@@ -81,18 +81,18 @@
|
|
|
81
81
|
</div>
|
|
82
82
|
</div>
|
|
83
83
|
|
|
84
|
-
<div v-if="imageUrl && !$slots.aside" class="asd20-
|
|
84
|
+
<div v-if="imageUrl && !$slots.aside" class="asd20-page-header__image">
|
|
85
85
|
<img :src="imageUrl" :alt="imageCaption" />
|
|
86
86
|
</div>
|
|
87
87
|
</div>
|
|
88
88
|
|
|
89
|
-
<aside class="asd20-
|
|
89
|
+
<aside class="asd20-page-header__aside" v-if="$slots.aside">
|
|
90
90
|
<slot name="aside" />
|
|
91
91
|
</aside>
|
|
92
92
|
|
|
93
93
|
<div
|
|
94
94
|
v-if="callsToAction.length > 0"
|
|
95
|
-
class="asd20-
|
|
95
|
+
class="asd20-page-header__call-to-action"
|
|
96
96
|
>
|
|
97
97
|
<!-- <asd20-button
|
|
98
98
|
v-for="(cta, index) in callsToAction"
|
|
@@ -178,8 +178,8 @@ export default {
|
|
|
178
178
|
},
|
|
179
179
|
classes() {
|
|
180
180
|
return {
|
|
181
|
-
'asd20-
|
|
182
|
-
'asd20-
|
|
181
|
+
'asd20-page-header--fullscreen': this.fullscreen,
|
|
182
|
+
'asd20-page-header--has-cta': this.callsToAction
|
|
183
183
|
? this.callsToAction.length > 0
|
|
184
184
|
: false,
|
|
185
185
|
}
|
|
@@ -212,7 +212,7 @@ export default {
|
|
|
212
212
|
@import '../../../design/_variables.scss';
|
|
213
213
|
@import '../../../design/_mixins.scss';
|
|
214
214
|
|
|
215
|
-
.asd20-
|
|
215
|
+
.asd20-page-header {
|
|
216
216
|
position: relative;
|
|
217
217
|
display: flex;
|
|
218
218
|
flex-shrink: 0;
|
|
@@ -428,14 +428,14 @@ export default {
|
|
|
428
428
|
}
|
|
429
429
|
}
|
|
430
430
|
&--has-cta {
|
|
431
|
-
.asd20-
|
|
431
|
+
.asd20-page-header__content {
|
|
432
432
|
// padding-bottom: space(2);
|
|
433
433
|
}
|
|
434
434
|
}
|
|
435
435
|
}
|
|
436
436
|
|
|
437
437
|
@media (min-width: 768px) {
|
|
438
|
-
.asd20-
|
|
438
|
+
.asd20-page-header {
|
|
439
439
|
&__main {
|
|
440
440
|
position: relative;
|
|
441
441
|
min-height: 500px;
|
|
@@ -507,7 +507,7 @@ export default {
|
|
|
507
507
|
}
|
|
508
508
|
|
|
509
509
|
@media (min-width: 1024px) {
|
|
510
|
-
.asd20-
|
|
510
|
+
.asd20-page-header {
|
|
511
511
|
.add-fade {
|
|
512
512
|
&::before {
|
|
513
513
|
background: linear-gradient(
|
|
@@ -360,7 +360,7 @@
|
|
|
360
360
|
{
|
|
361
361
|
"files": [
|
|
362
362
|
{
|
|
363
|
-
"url": "https://asd20websitestorage.blob.core.windows.net/website-files/message-images/
|
|
363
|
+
"url": "https://asd20websitestorage.blob.core.windows.net/website-files/message-images/computing-devices-for-school-use/full/student%20laptops_1280x853_2023-07-05T21_09_21.jpg",
|
|
364
364
|
"name": "thumbnail-md",
|
|
365
365
|
"width": 250,
|
|
366
366
|
"height": 250,
|
|
@@ -369,7 +369,7 @@
|
|
|
369
369
|
"filesize": 31651
|
|
370
370
|
},
|
|
371
371
|
{
|
|
372
|
-
"url": "https://asd20websitestorage.blob.core.windows.net/website-files/message-images/
|
|
372
|
+
"url": "https://asd20websitestorage.blob.core.windows.net/website-files/message-images/computing-devices-for-school-use/full/student%20laptops_1280x853_2023-07-05T21_09_21.jpg",
|
|
373
373
|
"name": "thumbnail-sm",
|
|
374
374
|
"width": 100,
|
|
375
375
|
"height": 100,
|
|
@@ -378,7 +378,7 @@
|
|
|
378
378
|
"filesize": 3934
|
|
379
379
|
},
|
|
380
380
|
{
|
|
381
|
-
"url": "https://asd20websitestorage.blob.core.windows.net/website-files/message-images/
|
|
381
|
+
"url": "https://asd20websitestorage.blob.core.windows.net/website-files/message-images/computing-devices-for-school-use/full/student%20laptops_1280x853_2023-07-05T21_09_21.jpg",
|
|
382
382
|
"name": "thumbnail-xs",
|
|
383
383
|
"width": 50,
|
|
384
384
|
"height": 50,
|
|
@@ -387,7 +387,7 @@
|
|
|
387
387
|
"filesize": 1849
|
|
388
388
|
},
|
|
389
389
|
{
|
|
390
|
-
"url": "https://asd20websitestorage.blob.core.windows.net/website-files/message-images/
|
|
390
|
+
"url": "https://asd20websitestorage.blob.core.windows.net/website-files/message-images/computing-devices-for-school-use/full/student%20laptops_1280x853_2023-07-05T21_09_21.jpg",
|
|
391
391
|
"name": "banner",
|
|
392
392
|
"width": 800,
|
|
393
393
|
"height": 300,
|
|
@@ -396,7 +396,7 @@
|
|
|
396
396
|
"filesize": 106682
|
|
397
397
|
},
|
|
398
398
|
{
|
|
399
|
-
"url": "https://asd20websitestorage.blob.core.windows.net/website-files/message-images/
|
|
399
|
+
"url": "https://asd20websitestorage.blob.core.windows.net/website-files/message-images/computing-devices-for-school-use/full/student%20laptops_1280x853_2023-07-05T21_09_21.jpg",
|
|
400
400
|
"name": "full",
|
|
401
401
|
"width": 815,
|
|
402
402
|
"height": 486,
|
|
@@ -405,7 +405,7 @@
|
|
|
405
405
|
"filesize": 171481
|
|
406
406
|
}
|
|
407
407
|
],
|
|
408
|
-
"isCover":
|
|
408
|
+
"isCover": true,
|
|
409
409
|
"metadata": {
|
|
410
410
|
"alt": "Pike's Peak as seen from Garden of the Gods."
|
|
411
411
|
}
|
|
@@ -458,7 +458,7 @@
|
|
|
458
458
|
"filesize": 318555
|
|
459
459
|
}
|
|
460
460
|
],
|
|
461
|
-
"isCover":
|
|
461
|
+
"isCover": false,
|
|
462
462
|
"metadata": {
|
|
463
463
|
"alt": ""
|
|
464
464
|
}
|
|
@@ -548,7 +548,7 @@
|
|
|
548
548
|
{
|
|
549
549
|
"files": [
|
|
550
550
|
{
|
|
551
|
-
"url": "https://asd20websitestorage.blob.core.windows.net/website-files/message-images/
|
|
551
|
+
"url": "https://asd20websitestorage.blob.core.windows.net/website-files/message-images/school-meals-and-menus/full/ASD20SchoolLunch_1280x852_2023-07-06T14_18_30.jpg",
|
|
552
552
|
"name": "thumbnail-md",
|
|
553
553
|
"width": 250,
|
|
554
554
|
"height": 250,
|
|
@@ -557,7 +557,7 @@
|
|
|
557
557
|
"filesize": 28287
|
|
558
558
|
},
|
|
559
559
|
{
|
|
560
|
-
"url": "https://asd20websitestorage.blob.core.windows.net/website-files/message-images/
|
|
560
|
+
"url": "https://asd20websitestorage.blob.core.windows.net/website-files/message-images/school-meals-and-menus/full/ASD20SchoolLunch_1280x852_2023-07-06T14_18_30.jpg",
|
|
561
561
|
"name": "thumbnail-sm",
|
|
562
562
|
"width": 100,
|
|
563
563
|
"height": 100,
|
|
@@ -566,7 +566,7 @@
|
|
|
566
566
|
"filesize": 3752
|
|
567
567
|
},
|
|
568
568
|
{
|
|
569
|
-
"url": "https://asd20websitestorage.blob.core.windows.net/website-files/message-images/
|
|
569
|
+
"url": "https://asd20websitestorage.blob.core.windows.net/website-files/message-images/school-meals-and-menus/full/ASD20SchoolLunch_1280x852_2023-07-06T14_18_30.jpg",
|
|
570
570
|
"name": "thumbnail-xs",
|
|
571
571
|
"width": 50,
|
|
572
572
|
"height": 50,
|
|
@@ -575,7 +575,7 @@
|
|
|
575
575
|
"filesize": 1875
|
|
576
576
|
},
|
|
577
577
|
{
|
|
578
|
-
"url": "https://asd20websitestorage.blob.core.windows.net/website-files/message-images/
|
|
578
|
+
"url": "https://asd20websitestorage.blob.core.windows.net/website-files/message-images/school-meals-and-menus/full/ASD20SchoolLunch_1280x852_2023-07-06T14_18_30.jpg",
|
|
579
579
|
"name": "banner",
|
|
580
580
|
"width": 800,
|
|
581
581
|
"height": 300,
|
|
@@ -584,7 +584,7 @@
|
|
|
584
584
|
"filesize": 81515
|
|
585
585
|
},
|
|
586
586
|
{
|
|
587
|
-
"url": "https://asd20websitestorage.blob.core.windows.net/website-files/message-images/
|
|
587
|
+
"url": "https://asd20websitestorage.blob.core.windows.net/website-files/message-images/school-meals-and-menus/full/ASD20SchoolLunch_1280x852_2023-07-06T14_18_30.jpg",
|
|
588
588
|
"name": "full",
|
|
589
589
|
"width": 1280,
|
|
590
590
|
"height": 852,
|