hr-design-system-handlebars 1.113.8 β 1.113.10
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 +25 -0
- package/dist/assets/index.css +8 -3
- package/dist/assets/js/components/forms/js/contactForm.alpine.js +16 -2
- package/dist/views/components/forms/webform.hbs +1 -1
- package/dist/views_static/components/forms/webform.hbs +1 -1
- package/package.json +1 -1
- package/src/stories/views/components/forms/js/contactForm.alpine.js +16 -2
- package/src/stories/views/components/forms/webform.hbs +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,28 @@
|
|
|
1
|
+
# v1.113.10 (Fri Nov 01 2024)
|
|
2
|
+
|
|
3
|
+
#### π Bug Fix
|
|
4
|
+
|
|
5
|
+
- Update font size of form title [#1137](https://github.com/mumprod/hr-design-system-handlebars/pull/1137) (saad.elbaciri@hr.de [@selbaciri](https://github.com/selbaciri))
|
|
6
|
+
|
|
7
|
+
#### Authors: 2
|
|
8
|
+
|
|
9
|
+
- Saad El Baciri ([@selbaciri](https://github.com/selbaciri))
|
|
10
|
+
- selbaciri (saad.elbaciri@hr.de)
|
|
11
|
+
|
|
12
|
+
---
|
|
13
|
+
|
|
14
|
+
# v1.113.9 (Fri Nov 01 2024)
|
|
15
|
+
|
|
16
|
+
#### π Bug Fix
|
|
17
|
+
|
|
18
|
+
- scroll to active element with offset implemented to prevent Sticky he⦠[#1136](https://github.com/mumprod/hr-design-system-handlebars/pull/1136) ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
19
|
+
|
|
20
|
+
#### Authors: 1
|
|
21
|
+
|
|
22
|
+
- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
23
|
+
|
|
24
|
+
---
|
|
25
|
+
|
|
1
26
|
# v1.113.8 (Thu Oct 31 2024)
|
|
2
27
|
|
|
3
28
|
#### π Bug Fix
|
package/dist/assets/index.css
CHANGED
|
@@ -3642,7 +3642,7 @@ article.indexTextDS .indexTextHighlighted .link {
|
|
|
3642
3642
|
border-bottom-color: var(--color-secondary-ds);
|
|
3643
3643
|
}
|
|
3644
3644
|
.counter-reset {
|
|
3645
|
-
counter-reset:
|
|
3645
|
+
counter-reset: cnt1730456241225;
|
|
3646
3646
|
}
|
|
3647
3647
|
.placeholder-text-xs::-webkit-input-placeholder {
|
|
3648
3648
|
font-size: 0.75rem;
|
|
@@ -4056,7 +4056,7 @@ article.indexTextDS .indexTextHighlighted .link {
|
|
|
4056
4056
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
4057
4057
|
}
|
|
4058
4058
|
.-ordered {
|
|
4059
|
-
counter-increment:
|
|
4059
|
+
counter-increment: cnt1730456241225 1;
|
|
4060
4060
|
}
|
|
4061
4061
|
.-ordered::before {
|
|
4062
4062
|
position: absolute;
|
|
@@ -4074,7 +4074,7 @@ article.indexTextDS .indexTextHighlighted .link {
|
|
|
4074
4074
|
--tw-text-opacity: 1;
|
|
4075
4075
|
color: rgba(0, 0, 0, 1);
|
|
4076
4076
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
4077
|
-
content: counter(
|
|
4077
|
+
content: counter(cnt1730456241225);
|
|
4078
4078
|
}
|
|
4079
4079
|
/*! ****************************/
|
|
4080
4080
|
/*! DataPolicy stuff */
|
|
@@ -7485,6 +7485,11 @@ select:has(option:checked[value='']) {
|
|
|
7485
7485
|
line-height: 1.75rem;
|
|
7486
7486
|
}
|
|
7487
7487
|
|
|
7488
|
+
.md\:text-3xl {
|
|
7489
|
+
font-size: 1.625rem;
|
|
7490
|
+
line-height: 2rem;
|
|
7491
|
+
}
|
|
7492
|
+
|
|
7488
7493
|
.md\:text-4xl {
|
|
7489
7494
|
font-size: 1.875rem;
|
|
7490
7495
|
line-height: 2.25rem;
|
|
@@ -21,11 +21,24 @@ export default function contactForm(formId, jsonUrl, errorMessages, multipart, t
|
|
|
21
21
|
this.$store.forms.submissionAttempted[formId] = false;
|
|
22
22
|
this.$store.forms.errorMessages = JSON.parse(errorMessages.replace(/"/g,'"'))
|
|
23
23
|
},
|
|
24
|
+
scrollToElementWithOffset(element, offset = 0){
|
|
25
|
+
|
|
26
|
+
var elementPosition = element.getBoundingClientRect().top;
|
|
27
|
+
var offsetPosition = elementPosition + window.scrollY - offset;
|
|
28
|
+
|
|
29
|
+
window.scrollTo({
|
|
30
|
+
top: offsetPosition,
|
|
31
|
+
behavior: "smooth"
|
|
32
|
+
});
|
|
33
|
+
},
|
|
24
34
|
submitButtonHandler(event) {
|
|
25
35
|
if(this.form.reportValidity()){
|
|
26
36
|
this.handleSubmit(event,this.form)
|
|
27
37
|
} else {
|
|
28
38
|
this.$store.forms.submissionAttempted[formId] = true;
|
|
39
|
+
setTimeout(() => {
|
|
40
|
+
this.scrollToElementWithOffset(document.activeElement, 180)
|
|
41
|
+
}, 100);
|
|
29
42
|
}
|
|
30
43
|
},
|
|
31
44
|
retryHandler() {
|
|
@@ -96,13 +109,14 @@ export default function contactForm(formId, jsonUrl, errorMessages, multipart, t
|
|
|
96
109
|
console.log("OK");
|
|
97
110
|
this.wasPosted = true;
|
|
98
111
|
this.wasPostedWithSuccess = true;
|
|
99
|
-
this.formWrapper
|
|
112
|
+
this.scrollToElementWithOffset(this.formWrapper, 180)
|
|
113
|
+
|
|
100
114
|
break;
|
|
101
115
|
default:
|
|
102
116
|
console.log("default");
|
|
103
117
|
this.wasPosted = true;
|
|
104
118
|
this.wasPostedWithError = true;
|
|
105
|
-
this.formWrapper
|
|
119
|
+
this.scrollToElementWithOffset(this.formWrapper, 180)
|
|
106
120
|
break;
|
|
107
121
|
}
|
|
108
122
|
} else {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{{~#if _newWebForm ~}}
|
|
2
2
|
{{#>components/forms/components/backgroundBox }}
|
|
3
|
-
<h3 class="mb-6 text-2xl font-headingSerif sm:mb-12 text-text dark:text-text-dark">
|
|
3
|
+
<h3 class="mb-6 text-2xl md:text-3xl font-headingSerif sm:mb-12 text-text dark:text-text-dark">
|
|
4
4
|
{{this.title}}
|
|
5
5
|
</h3>
|
|
6
6
|
<div id="formWrapper">
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{{~#if _newWebForm ~}}
|
|
2
2
|
{{#>components/forms/components/backgroundBox }}
|
|
3
|
-
<h3 class="mb-6 text-2xl font-headingSerif sm:mb-12 text-text dark:text-text-dark">
|
|
3
|
+
<h3 class="mb-6 text-2xl md:text-3xl font-headingSerif sm:mb-12 text-text dark:text-text-dark">
|
|
4
4
|
{{this.title}}
|
|
5
5
|
</h3>
|
|
6
6
|
<div id="formWrapper">
|
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.113.
|
|
9
|
+
"version": "1.113.10",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "storybook dev -p 6006 public",
|
|
@@ -21,11 +21,24 @@ export default function contactForm(formId, jsonUrl, errorMessages, multipart, t
|
|
|
21
21
|
this.$store.forms.submissionAttempted[formId] = false;
|
|
22
22
|
this.$store.forms.errorMessages = JSON.parse(errorMessages.replace(/"/g,'"'))
|
|
23
23
|
},
|
|
24
|
+
scrollToElementWithOffset(element, offset = 0){
|
|
25
|
+
|
|
26
|
+
var elementPosition = element.getBoundingClientRect().top;
|
|
27
|
+
var offsetPosition = elementPosition + window.scrollY - offset;
|
|
28
|
+
|
|
29
|
+
window.scrollTo({
|
|
30
|
+
top: offsetPosition,
|
|
31
|
+
behavior: "smooth"
|
|
32
|
+
});
|
|
33
|
+
},
|
|
24
34
|
submitButtonHandler(event) {
|
|
25
35
|
if(this.form.reportValidity()){
|
|
26
36
|
this.handleSubmit(event,this.form)
|
|
27
37
|
} else {
|
|
28
38
|
this.$store.forms.submissionAttempted[formId] = true;
|
|
39
|
+
setTimeout(() => {
|
|
40
|
+
this.scrollToElementWithOffset(document.activeElement, 180)
|
|
41
|
+
}, 100);
|
|
29
42
|
}
|
|
30
43
|
},
|
|
31
44
|
retryHandler() {
|
|
@@ -96,13 +109,14 @@ export default function contactForm(formId, jsonUrl, errorMessages, multipart, t
|
|
|
96
109
|
console.log("OK");
|
|
97
110
|
this.wasPosted = true;
|
|
98
111
|
this.wasPostedWithSuccess = true;
|
|
99
|
-
this.formWrapper
|
|
112
|
+
this.scrollToElementWithOffset(this.formWrapper, 180)
|
|
113
|
+
|
|
100
114
|
break;
|
|
101
115
|
default:
|
|
102
116
|
console.log("default");
|
|
103
117
|
this.wasPosted = true;
|
|
104
118
|
this.wasPostedWithError = true;
|
|
105
|
-
this.formWrapper
|
|
119
|
+
this.scrollToElementWithOffset(this.formWrapper, 180)
|
|
106
120
|
break;
|
|
107
121
|
}
|
|
108
122
|
} else {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{{~#if _newWebForm ~}}
|
|
2
2
|
{{#>components/forms/components/backgroundBox }}
|
|
3
|
-
<h3 class="mb-6 text-2xl font-headingSerif sm:mb-12 text-text dark:text-text-dark">
|
|
3
|
+
<h3 class="mb-6 text-2xl md:text-3xl font-headingSerif sm:mb-12 text-text dark:text-text-dark">
|
|
4
4
|
{{this.title}}
|
|
5
5
|
</h3>
|
|
6
6
|
<div id="formWrapper">
|