@explorer-1/vue 1.1.11 → 1.1.13

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/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @explorer-1/vue
2
2
 
3
+ ## 1.1.13
4
+
5
+ ### Patch Changes
6
+
7
+ - d867753: - Fixing display of image detail URL in BlockImage.
8
+ - Adding prop for Media Contacts heading with fallback.
9
+
10
+ ## 1.1.12
11
+
12
+ ### Patch Changes
13
+
14
+ - e86b09b: Fixing typeface for accordion headings
15
+
3
16
  ## 1.1.11
4
17
 
5
18
  ### Patch Changes
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@explorer-1/vue",
3
- "version": "1.1.11",
3
+ "version": "1.1.13",
4
4
  "private": false,
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -106,7 +106,7 @@ defineSlots<{
106
106
  <button
107
107
  v-bind-once="{ id: headingId, 'aria-controls': panelId }"
108
108
  :aria-expanded="ariaExpanded"
109
- class="BaseAccordion-trigger group flex flex-nowrap justify-between items-center w-full can-hover:hover:underline text-body-lg"
109
+ class="BaseAccordion-trigger group flex flex-nowrap justify-between items-center w-full can-hover:hover:underline text-body-lg font-primary"
110
110
  @click="handleClick()"
111
111
  >
112
112
  <slot name="heading">
@@ -81,7 +81,7 @@ export default defineComponent({
81
81
  ...this.data,
82
82
  caption: this.theCaption,
83
83
  credit: this.theCredit,
84
- detailUrl: this.customDetailUrl
84
+ detailUrl: this.customDetailUrl || this.data?.detailUrl
85
85
  }
86
86
  }
87
87
  return undefined
@@ -71,7 +71,7 @@ export default defineComponent({
71
71
  ...this.data,
72
72
  caption: this.theCaption,
73
73
  credit: this.theCredit,
74
- detailUrl: this.customDetailUrl
74
+ detailUrl: this.customDetailUrl || this.data?.detailUrl
75
75
  }
76
76
  }
77
77
  return undefined
@@ -17,10 +17,11 @@ const contacts = [
17
17
  }
18
18
  ]
19
19
 
20
- export const BaseStory = { args: { contacts, releaseNumber: '2020-140' } }
20
+ export const BaseStory = { args: { mediaContactsHeading: '', contacts, releaseNumber: '2020-140' } }
21
21
 
22
22
  export const Multiple = {
23
23
  args: {
24
+ mediaContactsHeading: '',
24
25
  contacts: [
25
26
  ...contacts,
26
27
  {
@@ -1,6 +1,8 @@
1
1
  <template>
2
2
  <div v-if="hasContent">
3
- <h2 class="text-h6 pt-5 md:pt-8 border-t border-gray-mid md:mb-8 mb-5">News Media Contact</h2>
3
+ <h2 class="text-h6 pt-5 md:pt-8 border-t border-gray-mid md:mb-8 mb-5">
4
+ {{ mediaContactsHeading || 'Media Contacts' }}
5
+ </h2>
4
6
  <address
5
7
  v-for="(contact, index) in contacts"
6
8
  :key="index"
@@ -38,6 +40,10 @@ export default defineComponent({
38
40
  type: Array as PropType<Contact[]>,
39
41
  required: true,
40
42
  default: () => []
43
+ },
44
+ mediaContactsHeading: {
45
+ type: String,
46
+ default: ''
41
47
  }
42
48
  },
43
49
  computed: {
@@ -59,6 +59,7 @@ export const BaseStory = {
59
59
  ...BlockStreamfieldTruncatedData,
60
60
  releaseNumber: '2020-157',
61
61
  relatedLinks: [BlockRelatedLinksData.data],
62
+ mediaContactsHeading: '',
62
63
  mediaContacts: [
63
64
  {
64
65
  contact: {
@@ -109,7 +109,10 @@
109
109
  indent="col-3"
110
110
  class="lg:my-18 my-10"
111
111
  >
112
- <NewsDetailMediaContact :contacts="data.mediaContacts" />
112
+ <NewsDetailMediaContact
113
+ :contacts="data.mediaContacts"
114
+ :media-contacts-heading="data.mediaContactsHeading"
115
+ />
113
116
  <p
114
117
  v-if="data.releaseNumber"
115
118
  class="text-body-sm text-gray-mid-dark"