hr-design-system-handlebars 1.113.7 β 1.113.9
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 +24 -0
- package/dist/assets/index.css +3 -3
- package/dist/assets/js/base/tracking/pianoHelper.subfeature.js +1 -1
- package/dist/assets/js/components/forms/js/contactForm.alpine.js +16 -2
- package/package.json +1 -1
- package/src/stories/views/base/tracking/pianoHelper.subfeature.js +1 -1
- package/src/stories/views/components/forms/js/contactForm.alpine.js +16 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,27 @@
|
|
|
1
|
+
# v1.113.9 (Fri Nov 01 2024)
|
|
2
|
+
|
|
3
|
+
#### π Bug Fix
|
|
4
|
+
|
|
5
|
+
- 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))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
# v1.113.8 (Thu Oct 31 2024)
|
|
14
|
+
|
|
15
|
+
#### π Bug Fix
|
|
16
|
+
|
|
17
|
+
- Bug/dpe 3426 [#1135](https://github.com/mumprod/hr-design-system-handlebars/pull/1135) ([@szuelch](https://github.com/szuelch))
|
|
18
|
+
|
|
19
|
+
#### Authors: 1
|
|
20
|
+
|
|
21
|
+
- [@szuelch](https://github.com/szuelch)
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
1
25
|
# v1.113.7 (Wed Oct 30 2024)
|
|
2
26
|
|
|
3
27
|
#### π 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: cnt1730454606038;
|
|
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: cnt1730454606038 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(cnt1730454606038);
|
|
4078
4078
|
}
|
|
4079
4079
|
/*! ****************************/
|
|
4080
4080
|
/*! DataPolicy stuff */
|
|
@@ -4,7 +4,7 @@ const pianoErrorSecondLevelId = 99;
|
|
|
4
4
|
|
|
5
5
|
const isTrackingAllowed = () => {
|
|
6
6
|
const settingsCookie = new SettingsCookie();
|
|
7
|
-
return settingsCookie.isSettingsCookieAccepted('ati');
|
|
7
|
+
return !settingsCookie.isSettingsCookieExistent("ati") || settingsCookie.isSettingsCookieAccepted('ati');
|
|
8
8
|
};
|
|
9
9
|
|
|
10
10
|
const sendEvent = (eventType, event) => {
|
|
@@ -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 {
|
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.9",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "storybook dev -p 6006 public",
|
|
@@ -4,7 +4,7 @@ const pianoErrorSecondLevelId = 99;
|
|
|
4
4
|
|
|
5
5
|
const isTrackingAllowed = () => {
|
|
6
6
|
const settingsCookie = new SettingsCookie();
|
|
7
|
-
return settingsCookie.isSettingsCookieAccepted('ati');
|
|
7
|
+
return !settingsCookie.isSettingsCookieExistent("ati") || settingsCookie.isSettingsCookieAccepted('ati');
|
|
8
8
|
};
|
|
9
9
|
|
|
10
10
|
const sendEvent = (eventType, event) => {
|
|
@@ -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 {
|