@designcrowd/library.brand-page 5.11.6 → 5.11.7
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/lib/src/brand-page/components/mailing-list/MailingList.mixin.d.ts +4 -1
- package/lib/src/brand-page/components/mailing-list/MailingList.mixin.js +10 -0
- package/lib/src/css/library.brand-page-brandCrowd.min.css +1 -1
- package/lib/src/css/library.brand-page-brandPage.min.css +1 -1
- package/lib/src/css/library.brand-page-designCom.min.css +1 -1
- package/lib/src/css/library.brand-page-preview.min.css +1 -1
- package/lib/src/index.mjs +5491 -5479
- package/package.json +1 -1
- package/src/brand-page/components/mailing-list/MailingList.mixin.ts +10 -0
- package/src/brand-page/components/mailing-list/MailingList.vue +5 -3
|
@@ -19,7 +19,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
19
19
|
type: PropType<BrandPageContext>;
|
|
20
20
|
required: true;
|
|
21
21
|
};
|
|
22
|
-
}>, {
|
|
22
|
+
}>, {
|
|
23
|
+
mailingListTr: (key: any, valuesToInterpolate?: {}) => any;
|
|
24
|
+
}, {
|
|
23
25
|
email: string;
|
|
24
26
|
emailError: string | undefined;
|
|
25
27
|
name: string;
|
|
@@ -27,6 +29,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
27
29
|
hasSubscribed: boolean;
|
|
28
30
|
submitError: string | undefined;
|
|
29
31
|
isSubmitting: boolean;
|
|
32
|
+
show: boolean;
|
|
30
33
|
}, {
|
|
31
34
|
hasNameError(): boolean;
|
|
32
35
|
hasEmailError(): boolean;
|
|
@@ -2,6 +2,7 @@ import { defineComponent } from 'vue';
|
|
|
2
2
|
import { DEFAULT_MAILING_LIST_BUTTON_TEXT } from '../../constants';
|
|
3
3
|
import brandPageClient from '../../clients/brand-page.client';
|
|
4
4
|
import { getEmailValidationError } from '../../utils';
|
|
5
|
+
import { mailingListTr } from '../../../composables/useTranslate';
|
|
5
6
|
const MAX_NAME_LENGTH = 200;
|
|
6
7
|
export default defineComponent({
|
|
7
8
|
props: {
|
|
@@ -23,6 +24,11 @@ export default defineComponent({
|
|
|
23
24
|
required: true,
|
|
24
25
|
},
|
|
25
26
|
},
|
|
27
|
+
setup() {
|
|
28
|
+
return {
|
|
29
|
+
mailingListTr,
|
|
30
|
+
};
|
|
31
|
+
},
|
|
26
32
|
data() {
|
|
27
33
|
return {
|
|
28
34
|
email: '',
|
|
@@ -32,8 +38,12 @@ export default defineComponent({
|
|
|
32
38
|
hasSubscribed: false,
|
|
33
39
|
submitError: undefined,
|
|
34
40
|
isSubmitting: false,
|
|
41
|
+
show: false,
|
|
35
42
|
};
|
|
36
43
|
},
|
|
44
|
+
mounted() {
|
|
45
|
+
this.show = true;
|
|
46
|
+
},
|
|
37
47
|
computed: {
|
|
38
48
|
hasNameError() {
|
|
39
49
|
return !!this.nameError;
|
|
@@ -5109,7 +5109,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
|
|
|
5109
5109
|
--logo-spacing: 0.75rem;
|
|
5110
5110
|
}
|
|
5111
5111
|
|
|
5112
|
-
.bp .form-error[data-v-
|
|
5112
|
+
.bp .form-error[data-v-806e6999] {
|
|
5113
5113
|
font-size: 0.875rem;
|
|
5114
5114
|
line-height: 1.25rem;
|
|
5115
5115
|
color: #f21b3f
|