@energysage/es-ds-components 3.0.3 → 3.0.5
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.
|
@@ -52,6 +52,7 @@ const onClick = ({ value }: { value: boolean }) => {
|
|
|
52
52
|
<template>
|
|
53
53
|
<panel
|
|
54
54
|
:collapsed="!expanded"
|
|
55
|
+
:header="expanded ? 'click to collapse content' : 'click to expand content'"
|
|
55
56
|
:pt="{
|
|
56
57
|
header: 'align-items-center d-flex justify-content-between position-relative py-100',
|
|
57
58
|
icons: 'h-100 position-absolute w-100',
|
|
@@ -52,6 +52,10 @@ const props = defineProps({
|
|
|
52
52
|
type: String,
|
|
53
53
|
default: '',
|
|
54
54
|
},
|
|
55
|
+
contextMessage: {
|
|
56
|
+
type: String,
|
|
57
|
+
default: '',
|
|
58
|
+
},
|
|
55
59
|
});
|
|
56
60
|
|
|
57
61
|
const state = reactive({
|
|
@@ -105,6 +109,11 @@ const handleSubmit = () => {
|
|
|
105
109
|
}"
|
|
106
110
|
v-bind="$attrs">
|
|
107
111
|
<div class="d-flex flex-column">
|
|
112
|
+
<p
|
|
113
|
+
v-if="contextMessage"
|
|
114
|
+
class="mb-50 font-size-75 text-left">
|
|
115
|
+
{{ contextMessage }}
|
|
116
|
+
</p>
|
|
108
117
|
<form
|
|
109
118
|
ref="ctaForm"
|
|
110
119
|
class="justify-content-center w-100"
|
|
@@ -141,7 +150,7 @@ const handleSubmit = () => {
|
|
|
141
150
|
</template>
|
|
142
151
|
<template #errorMessage>
|
|
143
152
|
<span :class="{ 'text-white': dark }">
|
|
144
|
-
<slot name="errorMessage">
|
|
153
|
+
<slot name="errorMessage">Please enter a 5-digit zip code.</slot>
|
|
145
154
|
</span>
|
|
146
155
|
</template>
|
|
147
156
|
</es-form-input>
|
|
@@ -158,7 +167,7 @@ const handleSubmit = () => {
|
|
|
158
167
|
}"
|
|
159
168
|
type="submit"
|
|
160
169
|
:variant="dark ? 'dark-bg' : 'primary'">
|
|
161
|
-
<slot name="buttonText">
|
|
170
|
+
<slot name="buttonText">Submit</slot>
|
|
162
171
|
</es-button>
|
|
163
172
|
</form>
|
|
164
173
|
<div
|
|
@@ -181,7 +190,7 @@ const handleSubmit = () => {
|
|
|
181
190
|
class="text-nowrap"
|
|
182
191
|
:class="dark ? 'text-white' : ''"
|
|
183
192
|
:target="privacyPolicyNewTab ? '_blank' : '_self'">
|
|
184
|
-
<slot name="privacyPolicyLinkText">
|
|
193
|
+
<slot name="privacyPolicyLinkText">Privacy Policy</slot>
|
|
185
194
|
</nuxt-link>
|
|
186
195
|
</div>
|
|
187
196
|
</div>
|