@asd20/ui 3.2.959 → 3.2.961
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
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
:href="link || undefined"
|
|
5
5
|
:class="classes"
|
|
6
6
|
:aria-label="hideLabel ? label : undefined"
|
|
7
|
-
:aria-
|
|
7
|
+
:aria-disabled="disabled ? 'true' : undefined"
|
|
8
8
|
:title="hideLabel ? label : undefined"
|
|
9
9
|
:target="
|
|
10
10
|
!link || link.startsWith('/') || link.includes('asd20.org')
|
|
@@ -8,7 +8,10 @@
|
|
|
8
8
|
:aria-label="computedAriaLabel"
|
|
9
9
|
>
|
|
10
10
|
<span class="title">
|
|
11
|
-
<span
|
|
11
|
+
<span
|
|
12
|
+
class="dot"
|
|
13
|
+
:style="{ backgroundColor: event.calendarColor }"
|
|
14
|
+
></span>
|
|
12
15
|
<span>{{ sanitizedSummary }}</span>
|
|
13
16
|
</span>
|
|
14
17
|
|
|
@@ -72,13 +75,6 @@ export default {
|
|
|
72
75
|
sanitizedSummary() {
|
|
73
76
|
return this.sanitizeSummary(this.event.summary)
|
|
74
77
|
},
|
|
75
|
-
},
|
|
76
|
-
methods: {
|
|
77
|
-
sanitizeSummary(summary) {
|
|
78
|
-
if (!summary) return summary
|
|
79
|
-
const pattern = /vs\.[^>]*>Multiple Schools/
|
|
80
|
-
return summary.replace(pattern, 'vs. Multiple Schools')
|
|
81
|
-
},
|
|
82
78
|
computedAriaLabel() {
|
|
83
79
|
if (!this.event) return ''
|
|
84
80
|
|
|
@@ -95,18 +91,26 @@ export default {
|
|
|
95
91
|
}
|
|
96
92
|
|
|
97
93
|
if (!endDate || startDate === endDate) {
|
|
98
|
-
return `${
|
|
94
|
+
return `${startDate}, ${summary}`
|
|
99
95
|
}
|
|
100
96
|
|
|
101
|
-
return `${
|
|
97
|
+
return `${startDate} - ${endDate}, ${summary}`
|
|
98
|
+
},
|
|
99
|
+
},
|
|
100
|
+
methods: {
|
|
101
|
+
sanitizeSummary(summary) {
|
|
102
|
+
if (!summary) return summary
|
|
103
|
+
const pattern = /vs\.[^>]*>Multiple Schools/
|
|
104
|
+
return summary.replace(pattern, 'vs. Multiple Schools')
|
|
105
|
+
},
|
|
106
|
+
formatDate(date, opts = { month: 'short', day: 'numeric' }) {
|
|
107
|
+
if (!date) return ''
|
|
108
|
+
return new Date(date).toLocaleDateString(undefined, opts)
|
|
102
109
|
},
|
|
103
110
|
},
|
|
104
111
|
}
|
|
105
|
-
|
|
106
|
-
|
|
107
112
|
</script>
|
|
108
113
|
|
|
109
|
-
|
|
110
114
|
<style lang="scss" scoped>
|
|
111
115
|
@import '../../../design/_mixins.scss';
|
|
112
116
|
@import '../../../design/_variables.scss';
|
|
@@ -79,7 +79,7 @@ export default {
|
|
|
79
79
|
display: flex;
|
|
80
80
|
align-items: center;
|
|
81
81
|
flex-shrink: 0;
|
|
82
|
-
padding: space(0.5) 0;
|
|
82
|
+
padding: 0 0 space(0.5) 0;
|
|
83
83
|
// width: 100vw;
|
|
84
84
|
// border-bottom: 1px solid var(--color__tertiary);
|
|
85
85
|
}
|
|
@@ -153,7 +153,7 @@ export default {
|
|
|
153
153
|
order: 0;
|
|
154
154
|
font-size: 0.875rem !important;
|
|
155
155
|
font-weight: bold;
|
|
156
|
-
padding: space(0.
|
|
156
|
+
padding: space(0.5) space(0.5) space(0.5) space(0.5);
|
|
157
157
|
color: var(--color__on-primary);
|
|
158
158
|
// margin-bottom: space(-0.5);
|
|
159
159
|
&::v-deep .asd20-icon {
|