hr-design-system-handlebars 1.114.96 → 1.114.97
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 +12 -0
- package/dist/assets/index.css +3 -3
- package/dist/views/components/content/copytext/copytext_body.hbs +1 -1
- package/dist/views/components/forms/webform.hbs +62 -65
- package/dist/views_static/components/content/copytext/copytext_body.hbs +1 -1
- package/dist/views_static/components/forms/webform.hbs +62 -65
- package/package.json +1 -1
- package/src/stories/views/components/content/copytext/copytext_body.hbs +1 -1
- package/src/stories/views/components/forms/webform.hbs +62 -65
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
# v1.114.97 (Wed Feb 19 2025)
|
|
2
|
+
|
|
3
|
+
#### 🐛 Bug Fix
|
|
4
|
+
|
|
5
|
+
- Removin webform new flag [#1245](https://github.com/mumprod/hr-design-system-handlebars/pull/1245) ([@Paul-Atreidis](https://github.com/Paul-Atreidis))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- [@Paul-Atreidis](https://github.com/Paul-Atreidis)
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
1
13
|
# v1.114.96 (Tue Feb 18 2025)
|
|
2
14
|
|
|
3
15
|
#### 🐛 Bug Fix
|
package/dist/assets/index.css
CHANGED
|
@@ -3846,7 +3846,7 @@ article #commentList {
|
|
|
3846
3846
|
border-bottom-color: var(--color-secondary-ds);
|
|
3847
3847
|
}
|
|
3848
3848
|
.counter-reset {
|
|
3849
|
-
counter-reset:
|
|
3849
|
+
counter-reset: cnt1739962798102;
|
|
3850
3850
|
}
|
|
3851
3851
|
.animate-delay-100 {
|
|
3852
3852
|
--tw-animate-delay: 100ms;
|
|
@@ -4291,7 +4291,7 @@ html { scroll-behavior: smooth; }
|
|
|
4291
4291
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
4292
4292
|
}
|
|
4293
4293
|
.-ordered {
|
|
4294
|
-
counter-increment:
|
|
4294
|
+
counter-increment: cnt1739962798102 1;
|
|
4295
4295
|
}
|
|
4296
4296
|
.-ordered::before {
|
|
4297
4297
|
position: absolute;
|
|
@@ -4309,7 +4309,7 @@ html { scroll-behavior: smooth; }
|
|
|
4309
4309
|
--tw-text-opacity: 1;
|
|
4310
4310
|
color: rgba(0, 0, 0, 1);
|
|
4311
4311
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
4312
|
-
content: counter(
|
|
4312
|
+
content: counter(cnt1739962798102);
|
|
4313
4313
|
}
|
|
4314
4314
|
/*! ****************************/
|
|
4315
4315
|
/*! DataPolicy stuff */
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
{{> components/content/copytext/components/map }}
|
|
23
23
|
{{/if~}}
|
|
24
24
|
{{~#if this.isWebForm}}
|
|
25
|
-
{{> components/forms/webform
|
|
25
|
+
{{> components/forms/webform }}
|
|
26
26
|
{{/if~}}
|
|
27
27
|
{{~#if this.isNewsletter}}
|
|
28
28
|
{{> components/newsletter/newsletter }}
|
|
@@ -1,71 +1,68 @@
|
|
|
1
|
-
{{~#if _newWebForm ~}}
|
|
2
|
-
{{#>components/forms/components/backgroundBox }}
|
|
3
|
-
<h3 class="mb-6 text-2xl md:text-3xl font-headingSerif sm:mb-12 text-text dark:text-text-dark">
|
|
4
|
-
{{this.title}}
|
|
5
|
-
</h3>
|
|
6
|
-
<div id="formWrapper">
|
|
7
|
-
<form
|
|
8
|
-
x-ref="form{{nextRandom}}"
|
|
9
|
-
ax-load
|
|
10
|
-
x-data="contactForm('form{{getRandom}}','{{this.jsonUrl}}','{{this.errorMessages}}','{{this.isMultipart}}','{{this.trackingInformations}}', {{this.hasSpamProtection}})"
|
|
11
|
-
x-init="formInit()"
|
|
12
|
-
x-ignore
|
|
13
1
|
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
2
|
+
{{#>components/forms/components/backgroundBox }}
|
|
3
|
+
<h3 class="mb-6 text-2xl md:text-3xl font-headingSerif sm:mb-12 text-text dark:text-text-dark">
|
|
4
|
+
{{this.title}}
|
|
5
|
+
</h3>
|
|
6
|
+
<div id="formWrapper">
|
|
7
|
+
<form
|
|
8
|
+
x-ref="form{{nextRandom}}"
|
|
9
|
+
ax-load
|
|
10
|
+
x-data="contactForm('form{{getRandom}}','{{this.jsonUrl}}','{{this.errorMessages}}','{{this.isMultipart}}','{{this.trackingInformations}}', {{this.hasSpamProtection}})"
|
|
11
|
+
x-init="formInit()"
|
|
12
|
+
x-ignore
|
|
13
|
+
|
|
14
|
+
@submit.prevent
|
|
15
|
+
id="form{{getRandom}}"
|
|
16
|
+
class="relative flex flex-col justify-center overflow-hidden group"
|
|
17
|
+
action="{{if this.hasSpamProtection '#' this.url}}"
|
|
18
|
+
method="post"
|
|
19
|
+
enctype="{{if this.isMultipart 'multipart/form-data' 'application/x-www-form-urlencoded'}}"
|
|
20
|
+
accept-charset="utf-8"
|
|
21
|
+
|
|
22
|
+
>
|
|
23
|
+
<div x-show="!wasPosted"
|
|
24
|
+
x-transition:enter="transition ease-out duration-300 delay-300"
|
|
25
|
+
x-transition:enter-start="opacity-0 transform scale-90"
|
|
26
|
+
x-transition:enter-end="opacity-100 transform scale-100"
|
|
27
|
+
x-transition:leave="transition ease-in duration-75 delay-0"
|
|
28
|
+
x-transition:leave-start="opacity-100 transform scale-100"
|
|
29
|
+
x-transition:leave-end="opacity-0 transform scale-90"
|
|
22
30
|
>
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
31
|
+
{{> components/forms/components/fields _formId=(joinStrings 'form' (getRandom)) }}
|
|
32
|
+
{{#if this.hasSpamProtection }}
|
|
33
|
+
<noscript>
|
|
34
|
+
<div class="p-4 mb-3 text-orange-700 bg-orange-100 border-l-4 border-orange-500" role="alert">
|
|
35
|
+
<p class="font-bold">Hinweis</p>
|
|
36
|
+
<p>Bitte aktivieren Sie JavaScript, um dieses Formular absenden zu können.</p>
|
|
37
|
+
</div>
|
|
38
|
+
</noscript>
|
|
39
|
+
{{/if}}
|
|
40
|
+
{{> components/forms/components/controls }}
|
|
41
|
+
|
|
42
|
+
</div>
|
|
43
|
+
<div class="flex flex-col gap-6 md:gap-10" id="successMessage" x-show="wasPostedWithSuccess"
|
|
44
|
+
x-transition:enter="transition ease-out duration-300 delay-75"
|
|
45
|
+
x-transition:enter-start="opacity-0 transform scale-90"
|
|
46
|
+
x-transition:enter-end="opacity-100 transform scale-100"
|
|
47
|
+
x-cloak
|
|
30
48
|
>
|
|
31
|
-
|
|
32
|
-
{{
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
</div>
|
|
38
|
-
</noscript>
|
|
39
|
-
{{/if}}
|
|
40
|
-
{{> components/forms/components/controls }}
|
|
41
|
-
|
|
42
|
-
</div>
|
|
43
|
-
<div class="flex flex-col gap-6 md:gap-10" id="successMessage" x-show="wasPostedWithSuccess"
|
|
44
|
-
x-transition:enter="transition ease-out duration-300 delay-75"
|
|
45
|
-
x-transition:enter-start="opacity-0 transform scale-90"
|
|
46
|
-
x-transition:enter-end="opacity-100 transform scale-100"
|
|
47
|
-
x-cloak
|
|
48
|
-
>
|
|
49
|
-
{{#if this.successText}}
|
|
50
|
-
{{> components/forms/components/message _success=true _locaKeyTitle="webform_send_title_success" _text=this.successText.richtext }}
|
|
51
|
-
{{else}}
|
|
52
|
-
{{> components/forms/components/message _success=true _locaKeyTitle="webform_send_title_success" _locaKeyText="webform_send_text_success" }}
|
|
53
|
-
{{/if}}
|
|
54
|
-
</div>
|
|
49
|
+
{{#if this.successText}}
|
|
50
|
+
{{> components/forms/components/message _success=true _locaKeyTitle="webform_send_title_success" _text=this.successText.richtext }}
|
|
51
|
+
{{else}}
|
|
52
|
+
{{> components/forms/components/message _success=true _locaKeyTitle="webform_send_title_success" _locaKeyText="webform_send_text_success" }}
|
|
53
|
+
{{/if}}
|
|
54
|
+
</div>
|
|
55
55
|
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
56
|
+
<div class="flex flex-col gap-6 md:gap-10" id="errorMessage" x-show="wasPostedWithError"
|
|
57
|
+
x-transition:enter="transition ease-out duration-300 delay-75"
|
|
58
|
+
x-transition:enter-start="opacity-0 transform scale-90"
|
|
59
|
+
x-transition:enter-end="opacity-100 transform scale-100"
|
|
60
|
+
x-cloak>
|
|
61
|
+
{{> components/forms/components/message _success=false _locaKeyTitle="webform_send_title_error" _locaKeyText="webform_send_text_error"}}
|
|
62
|
+
</div>
|
|
63
63
|
|
|
64
|
-
|
|
64
|
+
</form>
|
|
65
65
|
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
{{~else~}}
|
|
70
|
-
{{> content/webform/components/webform _addClass="print:hidden copytext__clearBox marginTrailer--m"}}
|
|
71
|
-
{{~/if~}}
|
|
66
|
+
|
|
67
|
+
</div>
|
|
68
|
+
{{/components/forms/components/backgroundBox }}
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
{{> components/content/copytext/components/map }}
|
|
23
23
|
{{/if~}}
|
|
24
24
|
{{~#if this.isWebForm}}
|
|
25
|
-
{{> components/forms/webform
|
|
25
|
+
{{> components/forms/webform }}
|
|
26
26
|
{{/if~}}
|
|
27
27
|
{{~#if this.isNewsletter}}
|
|
28
28
|
{{> components/newsletter/newsletter }}
|
|
@@ -1,71 +1,68 @@
|
|
|
1
|
-
{{~#if _newWebForm ~}}
|
|
2
|
-
{{#>components/forms/components/backgroundBox }}
|
|
3
|
-
<h3 class="mb-6 text-2xl md:text-3xl font-headingSerif sm:mb-12 text-text dark:text-text-dark">
|
|
4
|
-
{{this.title}}
|
|
5
|
-
</h3>
|
|
6
|
-
<div id="formWrapper">
|
|
7
|
-
<form
|
|
8
|
-
x-ref="form{{nextRandom}}"
|
|
9
|
-
ax-load
|
|
10
|
-
x-data="contactForm('form{{getRandom}}','{{this.jsonUrl}}','{{this.errorMessages}}','{{this.isMultipart}}','{{this.trackingInformations}}', {{this.hasSpamProtection}})"
|
|
11
|
-
x-init="formInit()"
|
|
12
|
-
x-ignore
|
|
13
1
|
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
2
|
+
{{#>components/forms/components/backgroundBox }}
|
|
3
|
+
<h3 class="mb-6 text-2xl md:text-3xl font-headingSerif sm:mb-12 text-text dark:text-text-dark">
|
|
4
|
+
{{this.title}}
|
|
5
|
+
</h3>
|
|
6
|
+
<div id="formWrapper">
|
|
7
|
+
<form
|
|
8
|
+
x-ref="form{{nextRandom}}"
|
|
9
|
+
ax-load
|
|
10
|
+
x-data="contactForm('form{{getRandom}}','{{this.jsonUrl}}','{{this.errorMessages}}','{{this.isMultipart}}','{{this.trackingInformations}}', {{this.hasSpamProtection}})"
|
|
11
|
+
x-init="formInit()"
|
|
12
|
+
x-ignore
|
|
13
|
+
|
|
14
|
+
@submit.prevent
|
|
15
|
+
id="form{{getRandom}}"
|
|
16
|
+
class="relative flex flex-col justify-center overflow-hidden group"
|
|
17
|
+
action="{{if this.hasSpamProtection '#' this.url}}"
|
|
18
|
+
method="post"
|
|
19
|
+
enctype="{{if this.isMultipart 'multipart/form-data' 'application/x-www-form-urlencoded'}}"
|
|
20
|
+
accept-charset="utf-8"
|
|
21
|
+
|
|
22
|
+
>
|
|
23
|
+
<div x-show="!wasPosted"
|
|
24
|
+
x-transition:enter="transition ease-out duration-300 delay-300"
|
|
25
|
+
x-transition:enter-start="opacity-0 transform scale-90"
|
|
26
|
+
x-transition:enter-end="opacity-100 transform scale-100"
|
|
27
|
+
x-transition:leave="transition ease-in duration-75 delay-0"
|
|
28
|
+
x-transition:leave-start="opacity-100 transform scale-100"
|
|
29
|
+
x-transition:leave-end="opacity-0 transform scale-90"
|
|
22
30
|
>
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
31
|
+
{{> components/forms/components/fields _formId=(joinStrings 'form' (getRandom)) }}
|
|
32
|
+
{{#if this.hasSpamProtection }}
|
|
33
|
+
<noscript>
|
|
34
|
+
<div class="p-4 mb-3 text-orange-700 bg-orange-100 border-l-4 border-orange-500" role="alert">
|
|
35
|
+
<p class="font-bold">Hinweis</p>
|
|
36
|
+
<p>Bitte aktivieren Sie JavaScript, um dieses Formular absenden zu können.</p>
|
|
37
|
+
</div>
|
|
38
|
+
</noscript>
|
|
39
|
+
{{/if}}
|
|
40
|
+
{{> components/forms/components/controls }}
|
|
41
|
+
|
|
42
|
+
</div>
|
|
43
|
+
<div class="flex flex-col gap-6 md:gap-10" id="successMessage" x-show="wasPostedWithSuccess"
|
|
44
|
+
x-transition:enter="transition ease-out duration-300 delay-75"
|
|
45
|
+
x-transition:enter-start="opacity-0 transform scale-90"
|
|
46
|
+
x-transition:enter-end="opacity-100 transform scale-100"
|
|
47
|
+
x-cloak
|
|
30
48
|
>
|
|
31
|
-
|
|
32
|
-
{{
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
</div>
|
|
38
|
-
</noscript>
|
|
39
|
-
{{/if}}
|
|
40
|
-
{{> components/forms/components/controls }}
|
|
41
|
-
|
|
42
|
-
</div>
|
|
43
|
-
<div class="flex flex-col gap-6 md:gap-10" id="successMessage" x-show="wasPostedWithSuccess"
|
|
44
|
-
x-transition:enter="transition ease-out duration-300 delay-75"
|
|
45
|
-
x-transition:enter-start="opacity-0 transform scale-90"
|
|
46
|
-
x-transition:enter-end="opacity-100 transform scale-100"
|
|
47
|
-
x-cloak
|
|
48
|
-
>
|
|
49
|
-
{{#if this.successText}}
|
|
50
|
-
{{> components/forms/components/message _success=true _locaKeyTitle="webform_send_title_success" _text=this.successText.richtext }}
|
|
51
|
-
{{else}}
|
|
52
|
-
{{> components/forms/components/message _success=true _locaKeyTitle="webform_send_title_success" _locaKeyText="webform_send_text_success" }}
|
|
53
|
-
{{/if}}
|
|
54
|
-
</div>
|
|
49
|
+
{{#if this.successText}}
|
|
50
|
+
{{> components/forms/components/message _success=true _locaKeyTitle="webform_send_title_success" _text=this.successText.richtext }}
|
|
51
|
+
{{else}}
|
|
52
|
+
{{> components/forms/components/message _success=true _locaKeyTitle="webform_send_title_success" _locaKeyText="webform_send_text_success" }}
|
|
53
|
+
{{/if}}
|
|
54
|
+
</div>
|
|
55
55
|
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
56
|
+
<div class="flex flex-col gap-6 md:gap-10" id="errorMessage" x-show="wasPostedWithError"
|
|
57
|
+
x-transition:enter="transition ease-out duration-300 delay-75"
|
|
58
|
+
x-transition:enter-start="opacity-0 transform scale-90"
|
|
59
|
+
x-transition:enter-end="opacity-100 transform scale-100"
|
|
60
|
+
x-cloak>
|
|
61
|
+
{{> components/forms/components/message _success=false _locaKeyTitle="webform_send_title_error" _locaKeyText="webform_send_text_error"}}
|
|
62
|
+
</div>
|
|
63
63
|
|
|
64
|
-
|
|
64
|
+
</form>
|
|
65
65
|
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
{{~else~}}
|
|
70
|
-
{{> content/webform/components/webform _addClass="print:hidden copytext__clearBox marginTrailer--m"}}
|
|
71
|
-
{{~/if~}}
|
|
66
|
+
|
|
67
|
+
</div>
|
|
68
|
+
{{/components/forms/components/backgroundBox }}
|
package/package.json
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"main": "dist/index.js",
|
|
8
8
|
"repository": "https://github.com/szuelch/hr-design-system-handlebars",
|
|
9
|
-
"version": "1.114.
|
|
9
|
+
"version": "1.114.97",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "storybook dev -p 6006 public",
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
{{> components/content/copytext/components/map }}
|
|
23
23
|
{{/if~}}
|
|
24
24
|
{{~#if this.isWebForm}}
|
|
25
|
-
{{> components/forms/webform
|
|
25
|
+
{{> components/forms/webform }}
|
|
26
26
|
{{/if~}}
|
|
27
27
|
{{~#if this.isNewsletter}}
|
|
28
28
|
{{> components/newsletter/newsletter }}
|
|
@@ -1,71 +1,68 @@
|
|
|
1
|
-
{{~#if _newWebForm ~}}
|
|
2
|
-
{{#>components/forms/components/backgroundBox }}
|
|
3
|
-
<h3 class="mb-6 text-2xl md:text-3xl font-headingSerif sm:mb-12 text-text dark:text-text-dark">
|
|
4
|
-
{{this.title}}
|
|
5
|
-
</h3>
|
|
6
|
-
<div id="formWrapper">
|
|
7
|
-
<form
|
|
8
|
-
x-ref="form{{nextRandom}}"
|
|
9
|
-
ax-load
|
|
10
|
-
x-data="contactForm('form{{getRandom}}','{{this.jsonUrl}}','{{this.errorMessages}}','{{this.isMultipart}}','{{this.trackingInformations}}', {{this.hasSpamProtection}})"
|
|
11
|
-
x-init="formInit()"
|
|
12
|
-
x-ignore
|
|
13
1
|
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
2
|
+
{{#>components/forms/components/backgroundBox }}
|
|
3
|
+
<h3 class="mb-6 text-2xl md:text-3xl font-headingSerif sm:mb-12 text-text dark:text-text-dark">
|
|
4
|
+
{{this.title}}
|
|
5
|
+
</h3>
|
|
6
|
+
<div id="formWrapper">
|
|
7
|
+
<form
|
|
8
|
+
x-ref="form{{nextRandom}}"
|
|
9
|
+
ax-load
|
|
10
|
+
x-data="contactForm('form{{getRandom}}','{{this.jsonUrl}}','{{this.errorMessages}}','{{this.isMultipart}}','{{this.trackingInformations}}', {{this.hasSpamProtection}})"
|
|
11
|
+
x-init="formInit()"
|
|
12
|
+
x-ignore
|
|
13
|
+
|
|
14
|
+
@submit.prevent
|
|
15
|
+
id="form{{getRandom}}"
|
|
16
|
+
class="relative flex flex-col justify-center overflow-hidden group"
|
|
17
|
+
action="{{if this.hasSpamProtection '#' this.url}}"
|
|
18
|
+
method="post"
|
|
19
|
+
enctype="{{if this.isMultipart 'multipart/form-data' 'application/x-www-form-urlencoded'}}"
|
|
20
|
+
accept-charset="utf-8"
|
|
21
|
+
|
|
22
|
+
>
|
|
23
|
+
<div x-show="!wasPosted"
|
|
24
|
+
x-transition:enter="transition ease-out duration-300 delay-300"
|
|
25
|
+
x-transition:enter-start="opacity-0 transform scale-90"
|
|
26
|
+
x-transition:enter-end="opacity-100 transform scale-100"
|
|
27
|
+
x-transition:leave="transition ease-in duration-75 delay-0"
|
|
28
|
+
x-transition:leave-start="opacity-100 transform scale-100"
|
|
29
|
+
x-transition:leave-end="opacity-0 transform scale-90"
|
|
22
30
|
>
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
31
|
+
{{> components/forms/components/fields _formId=(joinStrings 'form' (getRandom)) }}
|
|
32
|
+
{{#if this.hasSpamProtection }}
|
|
33
|
+
<noscript>
|
|
34
|
+
<div class="p-4 mb-3 text-orange-700 bg-orange-100 border-l-4 border-orange-500" role="alert">
|
|
35
|
+
<p class="font-bold">Hinweis</p>
|
|
36
|
+
<p>Bitte aktivieren Sie JavaScript, um dieses Formular absenden zu können.</p>
|
|
37
|
+
</div>
|
|
38
|
+
</noscript>
|
|
39
|
+
{{/if}}
|
|
40
|
+
{{> components/forms/components/controls }}
|
|
41
|
+
|
|
42
|
+
</div>
|
|
43
|
+
<div class="flex flex-col gap-6 md:gap-10" id="successMessage" x-show="wasPostedWithSuccess"
|
|
44
|
+
x-transition:enter="transition ease-out duration-300 delay-75"
|
|
45
|
+
x-transition:enter-start="opacity-0 transform scale-90"
|
|
46
|
+
x-transition:enter-end="opacity-100 transform scale-100"
|
|
47
|
+
x-cloak
|
|
30
48
|
>
|
|
31
|
-
|
|
32
|
-
{{
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
</div>
|
|
38
|
-
</noscript>
|
|
39
|
-
{{/if}}
|
|
40
|
-
{{> components/forms/components/controls }}
|
|
41
|
-
|
|
42
|
-
</div>
|
|
43
|
-
<div class="flex flex-col gap-6 md:gap-10" id="successMessage" x-show="wasPostedWithSuccess"
|
|
44
|
-
x-transition:enter="transition ease-out duration-300 delay-75"
|
|
45
|
-
x-transition:enter-start="opacity-0 transform scale-90"
|
|
46
|
-
x-transition:enter-end="opacity-100 transform scale-100"
|
|
47
|
-
x-cloak
|
|
48
|
-
>
|
|
49
|
-
{{#if this.successText}}
|
|
50
|
-
{{> components/forms/components/message _success=true _locaKeyTitle="webform_send_title_success" _text=this.successText.richtext }}
|
|
51
|
-
{{else}}
|
|
52
|
-
{{> components/forms/components/message _success=true _locaKeyTitle="webform_send_title_success" _locaKeyText="webform_send_text_success" }}
|
|
53
|
-
{{/if}}
|
|
54
|
-
</div>
|
|
49
|
+
{{#if this.successText}}
|
|
50
|
+
{{> components/forms/components/message _success=true _locaKeyTitle="webform_send_title_success" _text=this.successText.richtext }}
|
|
51
|
+
{{else}}
|
|
52
|
+
{{> components/forms/components/message _success=true _locaKeyTitle="webform_send_title_success" _locaKeyText="webform_send_text_success" }}
|
|
53
|
+
{{/if}}
|
|
54
|
+
</div>
|
|
55
55
|
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
56
|
+
<div class="flex flex-col gap-6 md:gap-10" id="errorMessage" x-show="wasPostedWithError"
|
|
57
|
+
x-transition:enter="transition ease-out duration-300 delay-75"
|
|
58
|
+
x-transition:enter-start="opacity-0 transform scale-90"
|
|
59
|
+
x-transition:enter-end="opacity-100 transform scale-100"
|
|
60
|
+
x-cloak>
|
|
61
|
+
{{> components/forms/components/message _success=false _locaKeyTitle="webform_send_title_error" _locaKeyText="webform_send_text_error"}}
|
|
62
|
+
</div>
|
|
63
63
|
|
|
64
|
-
|
|
64
|
+
</form>
|
|
65
65
|
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
{{~else~}}
|
|
70
|
-
{{> content/webform/components/webform _addClass="print:hidden copytext__clearBox marginTrailer--m"}}
|
|
71
|
-
{{~/if~}}
|
|
66
|
+
|
|
67
|
+
</div>
|
|
68
|
+
{{/components/forms/components/backgroundBox }}
|