hr-design-system-handlebars 1.111.5 → 1.112.1

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 CHANGED
@@ -1,3 +1,28 @@
1
+ # v1.112.1 (Fri Oct 25 2024)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - some bugfixes [#1126](https://github.com/mumprod/hr-design-system-handlebars/pull/1126) (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.112.0 (Wed Oct 23 2024)
15
+
16
+ #### 🚀 Enhancement
17
+
18
+ - add voting-json [#1125](https://github.com/mumprod/hr-design-system-handlebars/pull/1125) ([@hanswurstsalat](https://github.com/hanswurstsalat))
19
+
20
+ #### Authors: 1
21
+
22
+ - Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
23
+
24
+ ---
25
+
1
26
  # v1.111.5 (Tue Oct 22 2024)
2
27
 
3
28
  #### 🐛 Bug Fix
@@ -3597,7 +3597,7 @@ article.indexTextDS .indexTextHighlighted .link {
3597
3597
  border-bottom-color: var(--color-secondary-ds);
3598
3598
  }
3599
3599
  .counter-reset {
3600
- counter-reset: cnt1729601409591;
3600
+ counter-reset: cnt1729868788912;
3601
3601
  }
3602
3602
  .placeholder-text-xs::-webkit-input-placeholder {
3603
3603
  font-size: 0.75rem;
@@ -4011,7 +4011,7 @@ article.indexTextDS .indexTextHighlighted .link {
4011
4011
  --tw-ring-color: rgba(255, 255, 255, 0.5);
4012
4012
  }
4013
4013
  .-ordered {
4014
- counter-increment: cnt1729601409591 1;
4014
+ counter-increment: cnt1729868788912 1;
4015
4015
  }
4016
4016
  .-ordered::before {
4017
4017
  position: absolute;
@@ -4029,7 +4029,7 @@ article.indexTextDS .indexTextHighlighted .link {
4029
4029
  --tw-text-opacity: 1;
4030
4030
  color: rgba(0, 0, 0, 1);
4031
4031
  color: rgba(0, 0, 0, var(--tw-text-opacity));
4032
- content: counter(cnt1729601409591);
4032
+ content: counter(cnt1729868788912);
4033
4033
  }
4034
4034
  /*! ****************************/
4035
4035
  /*! DataPolicy stuff */
@@ -7334,10 +7334,6 @@ select:has(option:checked[value='']) {
7334
7334
  padding-left: 0.75rem;
7335
7335
  }
7336
7336
 
7337
- .md\:pl-4 {
7338
- padding-left: 1rem;
7339
- }
7340
-
7341
7337
  .md\:pl-5 {
7342
7338
  padding-left: 1.25rem;
7343
7339
  }
@@ -25,7 +25,7 @@
25
25
  {{> components/forms/components/choice
26
26
  _type=../_type
27
27
  _name=../_name
28
- _required=(if ../_isRadio ../_required)
28
+ _required=../_required
29
29
  _value=this.value
30
30
  _inGroup=true
31
31
  _label=this.label
@@ -65,7 +65,6 @@
65
65
  _description=this.description
66
66
  _items=this.options
67
67
  _required=this.isRequired
68
- _isRadio=this.type.isRadioChoice
69
68
  _multipleChoice=../_multipleChoice
70
69
  _addClass=../_addClass
71
70
  _errorMandatory="Bitte füllen Sie dieses Pflichtfeld aus"
@@ -4,8 +4,9 @@
4
4
  x-init="validateField()"
5
5
  x-ignore
6
6
  >
7
- <div class="w-full h-4 bg-white"></div>
7
+ <div class="w-full h-4 bg-white dark:bg-black dark:text-text-dark"></div>
8
8
  <textarea
9
+ class="relative w-full pl-4 placeholder-transparent bg-white text-text dark:bg-black dark:text-text-dark autofill:shadow-autofill border-form-highlight dark:form-highlight-dark pr-9 peer border-y focus:border-y-2 border-t-transparent dark:border-t-transparent focus:outline-none"
9
10
  x-model="textarea{{getRandom}}"
10
11
  id="textarea{{getRandom}}"
11
12
  {{#if _required}}
@@ -63,10 +63,10 @@
63
63
  </div>
64
64
  <div class="font-heading">
65
65
  {{#if _description}}
66
- <div class="pl-3 text-xs text-gray-500 md:pl-4 dark:text-text-dark" {{#if _required}}:class="{'hidden': hideDescription()}"{{/if}}>{{_description}}</div>
66
+ <div class="text-xs text-gray-500 dark:text-text-dark" {{#if _required}}:class="{'hidden': hideDescription()}"{{/if}}>{{_description}}</div>
67
67
  {{/if}}
68
68
  {{#if _required}}
69
- <div class="hidden pl-3 text-xs text-error dark:text-error-dark md:pl-4" :class="{'hidden': hideError()}" x-text="errorMessage"></div>
69
+ <div class="hidden text-xs text-error dark:text-error-dark" :class="{'hidden': hideError()}" x-text="errorMessage"></div>
70
70
  {{/if}}
71
71
  </div>
72
72
  </div>
@@ -25,7 +25,7 @@
25
25
  {{> components/forms/components/choice
26
26
  _type=../_type
27
27
  _name=../_name
28
- _required=(if ../_isRadio ../_required)
28
+ _required=../_required
29
29
  _value=this.value
30
30
  _inGroup=true
31
31
  _label=this.label
@@ -65,7 +65,6 @@
65
65
  _description=this.description
66
66
  _items=this.options
67
67
  _required=this.isRequired
68
- _isRadio=this.type.isRadioChoice
69
68
  _multipleChoice=../_multipleChoice
70
69
  _addClass=../_addClass
71
70
  _errorMandatory="Bitte füllen Sie dieses Pflichtfeld aus"
@@ -4,8 +4,9 @@
4
4
  x-init="validateField()"
5
5
  x-ignore
6
6
  >
7
- <div class="w-full h-4 bg-white"></div>
7
+ <div class="w-full h-4 bg-white dark:bg-black dark:text-text-dark"></div>
8
8
  <textarea
9
+ class="relative w-full pl-4 placeholder-transparent bg-white text-text dark:bg-black dark:text-text-dark autofill:shadow-autofill border-form-highlight dark:form-highlight-dark pr-9 peer border-y focus:border-y-2 border-t-transparent dark:border-t-transparent focus:outline-none"
9
10
  x-model="textarea{{getRandom}}"
10
11
  id="textarea{{getRandom}}"
11
12
  {{#if _required}}
@@ -63,10 +63,10 @@
63
63
  </div>
64
64
  <div class="font-heading">
65
65
  {{#if _description}}
66
- <div class="pl-3 text-xs text-gray-500 md:pl-4 dark:text-text-dark" {{#if _required}}:class="{'hidden': hideDescription()}"{{/if}}>{{_description}}</div>
66
+ <div class="text-xs text-gray-500 dark:text-text-dark" {{#if _required}}:class="{'hidden': hideDescription()}"{{/if}}>{{_description}}</div>
67
67
  {{/if}}
68
68
  {{#if _required}}
69
- <div class="hidden pl-3 text-xs text-error dark:text-error-dark md:pl-4" :class="{'hidden': hideError()}" x-text="errorMessage"></div>
69
+ <div class="hidden text-xs text-error dark:text-error-dark" :class="{'hidden': hideError()}" x-text="errorMessage"></div>
70
70
  {{/if}}
71
71
  </div>
72
72
  </div>
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.111.5",
9
+ "version": "1.112.1",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "storybook dev -p 6006 public",
@@ -0,0 +1,117 @@
1
+ {
2
+ "multivote-1": {
3
+ "teasersize": 100,
4
+ "realTeasersize": 100,
5
+ "topline": "Voting-Topline",
6
+ "toplineSize": "h5",
7
+ "title": "Voting-Title",
8
+ "shorttext": "Voting-Shorttext",
9
+ "backlink": "backlink-url",
10
+ "uuid": "UUID",
11
+ "headingSize": "h2",
12
+ "isVoting": true,
13
+ "isMultiVote": true,
14
+ "hasRedirect": true,
15
+ "isMultipleChoice": false,
16
+ "maxAnswerCount": 1,
17
+ "votingSuccessText": {
18
+ "richtext": "Success-Text"
19
+ },
20
+ "isSimpleSecured": true,
21
+ "cookieLifetime": "12",
22
+ "sophoraId": "Sophora-Id",
23
+ "hasBarchart": true,
24
+ "showAbsoluteResult": true,
25
+ "showVoteResult": true,
26
+ "summarizedResult": "666",
27
+ "votingResult": [
28
+ {
29
+ "label": "Label-Result-Option-1",
30
+ "count": "222",
31
+ "percentageCount": "33,33",
32
+ "roundedPercentageCount": "33,0"
33
+ },
34
+ {
35
+ "label": "Label-Result-Option-2",
36
+ "count": "222",
37
+ "percentageCount": "33,33",
38
+ "roundedPercentageCount": "33,0"
39
+ },
40
+ {
41
+ "label": "Label-Result-Option-3",
42
+ "count": "222",
43
+ "percentageCount": "33,33",
44
+ "roundedPercentageCount": "33,0"
45
+ }
46
+ ],
47
+ "form": {
48
+ "isVotingOver": false,
49
+ "is2FSecured": true,
50
+ "jsonUrl": "json-url",
51
+ "errorMessages": "Error-Messages",
52
+ "isSimpleSecured": true,
53
+ "url": "action-url",
54
+ "isHorizontalLayout": false,
55
+ "hideVotingResult": true,
56
+ "fields": [
57
+ {
58
+ "type": {
59
+ "isGroup": false,
60
+ "isChoice": true,
61
+ "asString": "radio"
62
+ },
63
+ "name": "multivote-1",
64
+ "isGrouped": true,
65
+ "isRequired": false,
66
+ "options": [
67
+ {
68
+ "value": "1",
69
+ "label": "Answer 1",
70
+ "title": "Voting-Answer 1",
71
+ "mediaItem": {
72
+ "@->jsoninclude": "teaser/teaser_images.inc.json",
73
+ "@->contentpath": "copytext_image_50",
74
+ "@->replaceToken": [
75
+ {
76
+ "@->token": "image",
77
+ "@->value": "rueckkehr-nach-abschiebung-102"
78
+ }
79
+ ]
80
+ }
81
+ },
82
+ {
83
+ "value": "2",
84
+ "label": "Answer 2",
85
+ "title": "Voting-Answer 2",
86
+ "mediaItem": {
87
+ "@->jsoninclude": "teaser/teaser_images.inc.json",
88
+ "@->contentpath": "copytext_image_50",
89
+ "@->replaceToken": [
90
+ {
91
+ "@->token": "image",
92
+ "@->value": "buchmesse-fahnen-102"
93
+ }
94
+ ]
95
+ }
96
+ },
97
+ {
98
+ "value": "3",
99
+ "label": "Answer 3",
100
+ "title": "Voting-Answer 3",
101
+ "mediaItem": {
102
+ "@->jsoninclude": "teaser/teaser_images.inc.json",
103
+ "@->contentpath": "copytext_image_50",
104
+ "@->replaceToken": [
105
+ {
106
+ "@->token": "image",
107
+ "@->value": "lehrerin-ukraine-104"
108
+ }
109
+ ]
110
+ }
111
+ }
112
+ ]
113
+ }
114
+ ]
115
+ }
116
+ }
117
+ }
@@ -25,7 +25,7 @@
25
25
  {{> components/forms/components/choice
26
26
  _type=../_type
27
27
  _name=../_name
28
- _required=(if ../_isRadio ../_required)
28
+ _required=../_required
29
29
  _value=this.value
30
30
  _inGroup=true
31
31
  _label=this.label
@@ -65,7 +65,6 @@
65
65
  _description=this.description
66
66
  _items=this.options
67
67
  _required=this.isRequired
68
- _isRadio=this.type.isRadioChoice
69
68
  _multipleChoice=../_multipleChoice
70
69
  _addClass=../_addClass
71
70
  _errorMandatory="Bitte füllen Sie dieses Pflichtfeld aus"
@@ -4,8 +4,9 @@
4
4
  x-init="validateField()"
5
5
  x-ignore
6
6
  >
7
- <div class="w-full h-4 bg-white"></div>
7
+ <div class="w-full h-4 bg-white dark:bg-black dark:text-text-dark"></div>
8
8
  <textarea
9
+ class="relative w-full pl-4 placeholder-transparent bg-white text-text dark:bg-black dark:text-text-dark autofill:shadow-autofill border-form-highlight dark:form-highlight-dark pr-9 peer border-y focus:border-y-2 border-t-transparent dark:border-t-transparent focus:outline-none"
9
10
  x-model="textarea{{getRandom}}"
10
11
  id="textarea{{getRandom}}"
11
12
  {{#if _required}}
@@ -63,10 +63,10 @@
63
63
  </div>
64
64
  <div class="font-heading">
65
65
  {{#if _description}}
66
- <div class="pl-3 text-xs text-gray-500 md:pl-4 dark:text-text-dark" {{#if _required}}:class="{'hidden': hideDescription()}"{{/if}}>{{_description}}</div>
66
+ <div class="text-xs text-gray-500 dark:text-text-dark" {{#if _required}}:class="{'hidden': hideDescription()}"{{/if}}>{{_description}}</div>
67
67
  {{/if}}
68
68
  {{#if _required}}
69
- <div class="hidden pl-3 text-xs text-error dark:text-error-dark md:pl-4" :class="{'hidden': hideError()}" x-text="errorMessage"></div>
69
+ <div class="hidden text-xs text-error dark:text-error-dark" :class="{'hidden': hideError()}" x-text="errorMessage"></div>
70
70
  {{/if}}
71
71
  </div>
72
72
  </div>