hr-design-system-handlebars 1.114.52 → 1.114.54
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 +26 -0
- package/dist/assets/index.css +3 -3
- package/dist/views/components/content/copytext/components/image/image.hbs +59 -37
- package/dist/views/components/forms/components/choice.hbs +3 -3
- package/dist/views/components/forms/components/choiceGroup.hbs +3 -3
- package/dist/views/components/forms/components/input.hbs +2 -2
- package/dist/views/components/forms/components/select.hbs +4 -4
- package/dist/views/components/forms/components/upload.hbs +3 -3
- package/dist/views_static/components/content/copytext/components/image/image.hbs +59 -37
- package/package.json +1 -1
- package/src/stories/views/components/content/copytext/components/image/image.hbs +59 -37
- package/src/stories/views/components/forms/components/choice.hbs +3 -3
- package/src/stories/views/components/forms/components/choiceGroup.hbs +3 -3
- package/src/stories/views/components/forms/components/input.hbs +2 -2
- package/src/stories/views/components/forms/components/select.hbs +4 -4
- package/src/stories/views/components/forms/components/upload.hbs +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,29 @@
|
|
|
1
|
+
# v1.114.54 (Mon Jan 13 2025)
|
|
2
|
+
|
|
3
|
+
#### 🐛 Bug Fix
|
|
4
|
+
|
|
5
|
+
- Form Bug - Context Problems fixed [#1203](https://github.com/mumprod/hr-design-system-handlebars/pull/1203) (saad.elbaciri@hr.de [@eduardo-hr](https://github.com/eduardo-hr) [@vascoeduardo](https://github.com/vascoeduardo))
|
|
6
|
+
|
|
7
|
+
#### Authors: 3
|
|
8
|
+
|
|
9
|
+
- [@eduardo-hr](https://github.com/eduardo-hr)
|
|
10
|
+
- selbaciri (saad.elbaciri@hr.de)
|
|
11
|
+
- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
12
|
+
|
|
13
|
+
---
|
|
14
|
+
|
|
15
|
+
# v1.114.53 (Mon Jan 13 2025)
|
|
16
|
+
|
|
17
|
+
#### 🐛 Bug Fix
|
|
18
|
+
|
|
19
|
+
- Introducing switch for three aspectRatio values [#1202](https://github.com/mumprod/hr-design-system-handlebars/pull/1202) ([@Paul-Atreidis](https://github.com/Paul-Atreidis))
|
|
20
|
+
|
|
21
|
+
#### Authors: 1
|
|
22
|
+
|
|
23
|
+
- [@Paul-Atreidis](https://github.com/Paul-Atreidis)
|
|
24
|
+
|
|
25
|
+
---
|
|
26
|
+
|
|
1
27
|
# v1.114.52 (Mon Jan 06 2025)
|
|
2
28
|
|
|
3
29
|
#### 🐛 Bug Fix
|
package/dist/assets/index.css
CHANGED
|
@@ -3711,7 +3711,7 @@ article #commentList {
|
|
|
3711
3711
|
border-bottom-color: var(--color-secondary-ds);
|
|
3712
3712
|
}
|
|
3713
3713
|
.counter-reset {
|
|
3714
|
-
counter-reset:
|
|
3714
|
+
counter-reset: cnt1736772647121;
|
|
3715
3715
|
}
|
|
3716
3716
|
html { scroll-behavior: smooth; }
|
|
3717
3717
|
.placeholder-text-xs::-webkit-input-placeholder {
|
|
@@ -4126,7 +4126,7 @@ html { scroll-behavior: smooth; }
|
|
|
4126
4126
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
4127
4127
|
}
|
|
4128
4128
|
.-ordered {
|
|
4129
|
-
counter-increment:
|
|
4129
|
+
counter-increment: cnt1736772647121 1;
|
|
4130
4130
|
}
|
|
4131
4131
|
.-ordered::before {
|
|
4132
4132
|
position: absolute;
|
|
@@ -4144,7 +4144,7 @@ html { scroll-behavior: smooth; }
|
|
|
4144
4144
|
--tw-text-opacity: 1;
|
|
4145
4145
|
color: rgba(0, 0, 0, 1);
|
|
4146
4146
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
4147
|
-
content: counter(
|
|
4147
|
+
content: counter(cnt1736772647121);
|
|
4148
4148
|
}
|
|
4149
4149
|
/*! ****************************/
|
|
4150
4150
|
/*! DataPolicy stuff */
|
|
@@ -1,38 +1,60 @@
|
|
|
1
|
-
{{
|
|
2
|
-
|
|
3
|
-
{{
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
{{
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
{{
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
1
|
+
{{~#switch this.aspecRatio~}}
|
|
2
|
+
{{~#case '16toX'~}}
|
|
3
|
+
{{#if this.showFullSize.isTrue }}
|
|
4
|
+
{{> components/content/copytext/components/image/figure
|
|
5
|
+
_cssClass="mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:my-14 clear-both article-full-width sm:article-narrow"
|
|
6
|
+
_cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
|
|
7
|
+
_type="story"
|
|
8
|
+
_variant="100-copytext-portrait"
|
|
9
|
+
_noAr="true"
|
|
10
|
+
_isWebview=_isWebview}}
|
|
11
|
+
{{else}}
|
|
12
|
+
{{> components/content/copytext/components/image/figure
|
|
13
|
+
_cssClass="hrds-copytext-teaser-half mt-12 mb-8 article-full-width sm:article-narrow sm:mt-6 sm:mb-5 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid"
|
|
14
|
+
_cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
|
|
15
|
+
_type="story"
|
|
16
|
+
_variant="copytext-portrait"
|
|
17
|
+
_noAr="true"
|
|
18
|
+
_isWebview=_isWebview}}
|
|
19
|
+
{{/if}}
|
|
20
|
+
{{~/case~}}
|
|
21
|
+
{{~#case '16to9'~}}
|
|
22
|
+
{{#if this.showFullSize.isTrue}}
|
|
23
|
+
{{> components/content/copytext/components/image/figure
|
|
24
|
+
_cssClass="mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:my-14 clear-both article-full-width sm:article-narrow"
|
|
25
|
+
_cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
|
|
26
|
+
_type="story"
|
|
27
|
+
_variant="100-copytext"
|
|
28
|
+
_pictureAddClass="ar-16-9"
|
|
29
|
+
_isWebview=_isWebview}}
|
|
30
|
+
{{else}}
|
|
31
|
+
{{> components/content/copytext/components/image/figure
|
|
32
|
+
_cssClass="hrds-copytext-teaser-half mt-12 mb-8 sm:mt-6 sm:mb-5 article-full-width sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid"
|
|
33
|
+
_cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
|
|
34
|
+
_type="story"
|
|
35
|
+
_variant="copytext"
|
|
36
|
+
_pictureAddClass="ar-16-9"
|
|
37
|
+
_isWebview=_isWebview}}
|
|
38
|
+
{{/if}}
|
|
39
|
+
{{~/case~}}
|
|
40
|
+
{{~#case '1to1'~}}
|
|
41
|
+
{{#if this.showFullSize.isTrue}}
|
|
42
|
+
{{> components/content/copytext/components/image/figure
|
|
43
|
+
_cssClass="mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:my-14 clear-both article-full-width sm:article-narrow"
|
|
44
|
+
_cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
|
|
45
|
+
_type="story"
|
|
46
|
+
_variant="100-copytext"
|
|
47
|
+
_pictureAddClass="ar-1-1"
|
|
48
|
+
_isWebview=_isWebview}}
|
|
49
|
+
{{else}}
|
|
50
|
+
{{> components/content/copytext/components/image/figure
|
|
51
|
+
_cssClass="hrds-copytext-teaser-half mt-12 mb-8 sm:mt-6 sm:mb-5 article-full-width sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid"
|
|
52
|
+
_cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
|
|
53
|
+
_type="story"
|
|
54
|
+
_variant="copytext"
|
|
55
|
+
_pictureAddClass="ar-1-1"
|
|
56
|
+
_isWebview=_isWebview}}
|
|
57
|
+
{{/if}}
|
|
58
|
+
{{~/case~}}
|
|
59
|
+
{{~/switch~}}
|
|
38
60
|
|
|
@@ -83,10 +83,10 @@
|
|
|
83
83
|
</div>
|
|
84
84
|
{{#unless _inGroup}}
|
|
85
85
|
{{#>components/forms/components/supportingTextBox }}
|
|
86
|
-
{{#if _description}}
|
|
87
|
-
<div class="text-xs text-gray-scorpion dark:text-text-dark" {{#if _required}}:class="{'hidden': hideDescription() }"{{/if}}>{{_description}}</div>
|
|
86
|
+
{{#if ../../_description-adjust_context}}
|
|
87
|
+
<div class="text-xs text-gray-scorpion dark:text-text-dark" {{#if ../../_required-adjust_context}}:class="{'hidden': hideDescription() }"{{/if}}>{{../../_description-adjust_context}}</div>
|
|
88
88
|
{{/if}}
|
|
89
|
-
{{#if _required}}
|
|
89
|
+
{{#if ../../_required-adjust_context}}
|
|
90
90
|
<div class="hidden text-xs text-error dark:text-error-dark" :class="{'hidden': hideError()}" x-text="errorMessage"></div>
|
|
91
91
|
{{/if}}
|
|
92
92
|
{{/components/forms/components/supportingTextBox }}
|
|
@@ -40,10 +40,10 @@
|
|
|
40
40
|
{{/each}}
|
|
41
41
|
</div>
|
|
42
42
|
{{#>components/forms/components/supportingTextBox }}
|
|
43
|
-
{{#if _description}}
|
|
44
|
-
<div class="text-xs text-gray-scorpion dark:text-text-dark" {{#if _required}}:class="{'hidden': hideDescription()}"{{/if}}>{{{_description}}}</div>
|
|
43
|
+
{{#if ../../_description-adjust_context}}
|
|
44
|
+
<div class="text-xs text-gray-scorpion dark:text-text-dark" {{#if ../../_required-adjust_context}}:class="{'hidden': hideDescription()}"{{/if}}>{{{../../_description-adjust_context}}}</div>
|
|
45
45
|
{{/if}}
|
|
46
|
-
{{#if _required}}
|
|
46
|
+
{{#if ../../_required-adjust_context}}
|
|
47
47
|
<div class="hidden text-xs text-error dark:text-error-dark" :class="{'hidden': hideError()}" x-text="errorMessage"></div>
|
|
48
48
|
{{/if}}
|
|
49
49
|
{{/components/forms/components/supportingTextBox }}
|
|
@@ -61,8 +61,8 @@
|
|
|
61
61
|
</div>
|
|
62
62
|
|
|
63
63
|
{{#>components/forms/components/supportingTextBox }}
|
|
64
|
-
{{#if _description}}
|
|
65
|
-
<div class="pl-4 text-xs text-gray-scorpion dark:text-text-dark" :class="{'hidden': hideDescription() }">{{{_description}}}</div>
|
|
64
|
+
{{#if ../../_description-adjust_context}}
|
|
65
|
+
<div class="pl-4 text-xs text-gray-scorpion dark:text-text-dark" :class="{'hidden': hideDescription() }">{{{../../_description-adjust_context}}}</div>
|
|
66
66
|
{{/if}}
|
|
67
67
|
|
|
68
68
|
<div class="hidden pl-4 text-xs text-error dark:text-error-dark" :class="{'hidden': hideError()}" x-text="errorMessage"></div>
|
|
@@ -41,11 +41,11 @@
|
|
|
41
41
|
{{_label}}{{#if _required}}*{{/if}}
|
|
42
42
|
</label>
|
|
43
43
|
{{#>components/forms/components/supportingTextBox }}
|
|
44
|
-
{{#if _description}}
|
|
45
|
-
<div class="pl-4 text-xs text-gray-scorpion dark:text-text-dark" :class="{'hidden': hideDescription()}">{{{_description}}}</div>
|
|
44
|
+
{{#if ../../_description-adjust_context}}
|
|
45
|
+
<div class="pl-4 text-xs text-gray-scorpion dark:text-text-dark" :class="{'hidden': hideDescription()}">{{{../../_description-adjust_context}}}</div>
|
|
46
46
|
{{/if}}
|
|
47
|
-
{{#if _required}}
|
|
48
|
-
<div class="hidden pl-4 text-xs text-error dark:text-error-dark" :class="{'hidden': hideError()}" >{{_errorMessage}}</div>
|
|
47
|
+
{{#if ../../_required-adjust_context}}
|
|
48
|
+
<div class="hidden pl-4 text-xs text-error dark:text-error-dark" :class="{'hidden': hideError()}" >{{../../_errorMessage-adjust_context}}</div>
|
|
49
49
|
{{/if}}
|
|
50
50
|
{{/components/forms/components/supportingTextBox }}
|
|
51
51
|
<div class="absolute bg-white right-0 p-4 py-3 transform border-l peer-focus:border-r peer-focus:border-l-0 pointer-events-none top-1.5 peer-focus:rotate-180">
|
|
@@ -62,10 +62,10 @@
|
|
|
62
62
|
</div>
|
|
63
63
|
</div>
|
|
64
64
|
{{#>components/forms/components/supportingTextBox }}
|
|
65
|
-
{{#if _description}}
|
|
66
|
-
<div class="text-xs text-gray-500 dark:text-text-dark" {{#if _required}}:class="{'hidden': hideDescription()}"{{/if}}>{{{_description}}}</div>
|
|
65
|
+
{{#if ../../_description-adjust_context}}
|
|
66
|
+
<div class="text-xs text-gray-500 dark:text-text-dark" {{#if ../../_required-adjust_context}}:class="{'hidden': hideDescription()}"{{/if}}>{{{../../_description-adjust_context}}}</div>
|
|
67
67
|
{{/if}}
|
|
68
|
-
{{#if _required}}
|
|
68
|
+
{{#if ../../_required-adjust_context}}
|
|
69
69
|
<div class="hidden text-xs text-error dark:text-error-dark" :class="{'hidden': hideError()}" x-text="errorMessage"></div>
|
|
70
70
|
{{/if}}
|
|
71
71
|
{{/components/forms/components/supportingTextBox }}
|
|
@@ -1,38 +1,60 @@
|
|
|
1
|
-
{{
|
|
2
|
-
|
|
3
|
-
{{
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
{{
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
{{
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
1
|
+
{{~#switch this.aspecRatio~}}
|
|
2
|
+
{{~#case '16toX'~}}
|
|
3
|
+
{{#if this.showFullSize.isTrue }}
|
|
4
|
+
{{> components/content/copytext/components/image/figure
|
|
5
|
+
_cssClass="mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:my-14 clear-both article-full-width sm:article-narrow"
|
|
6
|
+
_cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
|
|
7
|
+
_type="story"
|
|
8
|
+
_variant="100-copytext-portrait"
|
|
9
|
+
_noAr="true"
|
|
10
|
+
_isWebview=_isWebview}}
|
|
11
|
+
{{else}}
|
|
12
|
+
{{> components/content/copytext/components/image/figure
|
|
13
|
+
_cssClass="hrds-copytext-teaser-half mt-12 mb-8 article-full-width sm:article-narrow sm:mt-6 sm:mb-5 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid"
|
|
14
|
+
_cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
|
|
15
|
+
_type="story"
|
|
16
|
+
_variant="copytext-portrait"
|
|
17
|
+
_noAr="true"
|
|
18
|
+
_isWebview=_isWebview}}
|
|
19
|
+
{{/if}}
|
|
20
|
+
{{~/case~}}
|
|
21
|
+
{{~#case '16to9'~}}
|
|
22
|
+
{{#if this.showFullSize.isTrue}}
|
|
23
|
+
{{> components/content/copytext/components/image/figure
|
|
24
|
+
_cssClass="mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:my-14 clear-both article-full-width sm:article-narrow"
|
|
25
|
+
_cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
|
|
26
|
+
_type="story"
|
|
27
|
+
_variant="100-copytext"
|
|
28
|
+
_pictureAddClass="ar-16-9"
|
|
29
|
+
_isWebview=_isWebview}}
|
|
30
|
+
{{else}}
|
|
31
|
+
{{> components/content/copytext/components/image/figure
|
|
32
|
+
_cssClass="hrds-copytext-teaser-half mt-12 mb-8 sm:mt-6 sm:mb-5 article-full-width sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid"
|
|
33
|
+
_cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
|
|
34
|
+
_type="story"
|
|
35
|
+
_variant="copytext"
|
|
36
|
+
_pictureAddClass="ar-16-9"
|
|
37
|
+
_isWebview=_isWebview}}
|
|
38
|
+
{{/if}}
|
|
39
|
+
{{~/case~}}
|
|
40
|
+
{{~#case '1to1'~}}
|
|
41
|
+
{{#if this.showFullSize.isTrue}}
|
|
42
|
+
{{> components/content/copytext/components/image/figure
|
|
43
|
+
_cssClass="mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:my-14 clear-both article-full-width sm:article-narrow"
|
|
44
|
+
_cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
|
|
45
|
+
_type="story"
|
|
46
|
+
_variant="100-copytext"
|
|
47
|
+
_pictureAddClass="ar-1-1"
|
|
48
|
+
_isWebview=_isWebview}}
|
|
49
|
+
{{else}}
|
|
50
|
+
{{> components/content/copytext/components/image/figure
|
|
51
|
+
_cssClass="hrds-copytext-teaser-half mt-12 mb-8 sm:mt-6 sm:mb-5 article-full-width sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid"
|
|
52
|
+
_cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
|
|
53
|
+
_type="story"
|
|
54
|
+
_variant="copytext"
|
|
55
|
+
_pictureAddClass="ar-1-1"
|
|
56
|
+
_isWebview=_isWebview}}
|
|
57
|
+
{{/if}}
|
|
58
|
+
{{~/case~}}
|
|
59
|
+
{{~/switch~}}
|
|
38
60
|
|
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.54",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "storybook dev -p 6006 public",
|
|
@@ -1,38 +1,60 @@
|
|
|
1
|
-
{{
|
|
2
|
-
|
|
3
|
-
{{
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
{{
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
{{
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
1
|
+
{{~#switch this.aspecRatio~}}
|
|
2
|
+
{{~#case '16toX'~}}
|
|
3
|
+
{{#if this.showFullSize.isTrue }}
|
|
4
|
+
{{> components/content/copytext/components/image/figure
|
|
5
|
+
_cssClass="mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:my-14 clear-both article-full-width sm:article-narrow"
|
|
6
|
+
_cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
|
|
7
|
+
_type="story"
|
|
8
|
+
_variant="100-copytext-portrait"
|
|
9
|
+
_noAr="true"
|
|
10
|
+
_isWebview=_isWebview}}
|
|
11
|
+
{{else}}
|
|
12
|
+
{{> components/content/copytext/components/image/figure
|
|
13
|
+
_cssClass="hrds-copytext-teaser-half mt-12 mb-8 article-full-width sm:article-narrow sm:mt-6 sm:mb-5 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid"
|
|
14
|
+
_cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
|
|
15
|
+
_type="story"
|
|
16
|
+
_variant="copytext-portrait"
|
|
17
|
+
_noAr="true"
|
|
18
|
+
_isWebview=_isWebview}}
|
|
19
|
+
{{/if}}
|
|
20
|
+
{{~/case~}}
|
|
21
|
+
{{~#case '16to9'~}}
|
|
22
|
+
{{#if this.showFullSize.isTrue}}
|
|
23
|
+
{{> components/content/copytext/components/image/figure
|
|
24
|
+
_cssClass="mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:my-14 clear-both article-full-width sm:article-narrow"
|
|
25
|
+
_cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
|
|
26
|
+
_type="story"
|
|
27
|
+
_variant="100-copytext"
|
|
28
|
+
_pictureAddClass="ar-16-9"
|
|
29
|
+
_isWebview=_isWebview}}
|
|
30
|
+
{{else}}
|
|
31
|
+
{{> components/content/copytext/components/image/figure
|
|
32
|
+
_cssClass="hrds-copytext-teaser-half mt-12 mb-8 sm:mt-6 sm:mb-5 article-full-width sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid"
|
|
33
|
+
_cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
|
|
34
|
+
_type="story"
|
|
35
|
+
_variant="copytext"
|
|
36
|
+
_pictureAddClass="ar-16-9"
|
|
37
|
+
_isWebview=_isWebview}}
|
|
38
|
+
{{/if}}
|
|
39
|
+
{{~/case~}}
|
|
40
|
+
{{~#case '1to1'~}}
|
|
41
|
+
{{#if this.showFullSize.isTrue}}
|
|
42
|
+
{{> components/content/copytext/components/image/figure
|
|
43
|
+
_cssClass="mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:my-14 clear-both article-full-width sm:article-narrow"
|
|
44
|
+
_cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
|
|
45
|
+
_type="story"
|
|
46
|
+
_variant="100-copytext"
|
|
47
|
+
_pictureAddClass="ar-1-1"
|
|
48
|
+
_isWebview=_isWebview}}
|
|
49
|
+
{{else}}
|
|
50
|
+
{{> components/content/copytext/components/image/figure
|
|
51
|
+
_cssClass="hrds-copytext-teaser-half mt-12 mb-8 sm:mt-6 sm:mb-5 article-full-width sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid"
|
|
52
|
+
_cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
|
|
53
|
+
_type="story"
|
|
54
|
+
_variant="copytext"
|
|
55
|
+
_pictureAddClass="ar-1-1"
|
|
56
|
+
_isWebview=_isWebview}}
|
|
57
|
+
{{/if}}
|
|
58
|
+
{{~/case~}}
|
|
59
|
+
{{~/switch~}}
|
|
38
60
|
|
|
@@ -83,10 +83,10 @@
|
|
|
83
83
|
</div>
|
|
84
84
|
{{#unless _inGroup}}
|
|
85
85
|
{{#>components/forms/components/supportingTextBox }}
|
|
86
|
-
{{#if _description}}
|
|
87
|
-
<div class="text-xs text-gray-scorpion dark:text-text-dark" {{#if _required}}:class="{'hidden': hideDescription() }"{{/if}}>{{_description}}</div>
|
|
86
|
+
{{#if _description-adjust_context}}
|
|
87
|
+
<div class="text-xs text-gray-scorpion dark:text-text-dark" {{#if _required-adjust_context}}:class="{'hidden': hideDescription() }"{{/if}}>{{_description-adjust_context}}</div>
|
|
88
88
|
{{/if}}
|
|
89
|
-
{{#if _required}}
|
|
89
|
+
{{#if _required-adjust_context}}
|
|
90
90
|
<div class="hidden text-xs text-error dark:text-error-dark" :class="{'hidden': hideError()}" x-text="errorMessage"></div>
|
|
91
91
|
{{/if}}
|
|
92
92
|
{{/components/forms/components/supportingTextBox }}
|
|
@@ -40,10 +40,10 @@
|
|
|
40
40
|
{{/each}}
|
|
41
41
|
</div>
|
|
42
42
|
{{#>components/forms/components/supportingTextBox }}
|
|
43
|
-
{{#if _description}}
|
|
44
|
-
<div class="text-xs text-gray-scorpion dark:text-text-dark" {{#if _required}}:class="{'hidden': hideDescription()}"{{/if}}>{{{_description}}}</div>
|
|
43
|
+
{{#if _description-adjust_context}}
|
|
44
|
+
<div class="text-xs text-gray-scorpion dark:text-text-dark" {{#if _required-adjust_context}}:class="{'hidden': hideDescription()}"{{/if}}>{{{_description-adjust_context}}}</div>
|
|
45
45
|
{{/if}}
|
|
46
|
-
{{#if _required}}
|
|
46
|
+
{{#if _required-adjust_context}}
|
|
47
47
|
<div class="hidden text-xs text-error dark:text-error-dark" :class="{'hidden': hideError()}" x-text="errorMessage"></div>
|
|
48
48
|
{{/if}}
|
|
49
49
|
{{/components/forms/components/supportingTextBox }}
|
|
@@ -61,8 +61,8 @@
|
|
|
61
61
|
</div>
|
|
62
62
|
|
|
63
63
|
{{#>components/forms/components/supportingTextBox }}
|
|
64
|
-
{{#if _description}}
|
|
65
|
-
<div class="pl-4 text-xs text-gray-scorpion dark:text-text-dark" :class="{'hidden': hideDescription() }">{{{_description}}}</div>
|
|
64
|
+
{{#if _description-adjust_context}}
|
|
65
|
+
<div class="pl-4 text-xs text-gray-scorpion dark:text-text-dark" :class="{'hidden': hideDescription() }">{{{_description-adjust_context}}}</div>
|
|
66
66
|
{{/if}}
|
|
67
67
|
|
|
68
68
|
<div class="hidden pl-4 text-xs text-error dark:text-error-dark" :class="{'hidden': hideError()}" x-text="errorMessage"></div>
|
|
@@ -41,11 +41,11 @@
|
|
|
41
41
|
{{_label}}{{#if _required}}*{{/if}}
|
|
42
42
|
</label>
|
|
43
43
|
{{#>components/forms/components/supportingTextBox }}
|
|
44
|
-
{{#if _description}}
|
|
45
|
-
<div class="pl-4 text-xs text-gray-scorpion dark:text-text-dark" :class="{'hidden': hideDescription()}">{{{_description}}}</div>
|
|
44
|
+
{{#if _description-adjust_context}}
|
|
45
|
+
<div class="pl-4 text-xs text-gray-scorpion dark:text-text-dark" :class="{'hidden': hideDescription()}">{{{_description-adjust_context}}}</div>
|
|
46
46
|
{{/if}}
|
|
47
|
-
{{#if _required}}
|
|
48
|
-
<div class="hidden pl-4 text-xs text-error dark:text-error-dark" :class="{'hidden': hideError()}" >{{_errorMessage}}</div>
|
|
47
|
+
{{#if _required-adjust_context}}
|
|
48
|
+
<div class="hidden pl-4 text-xs text-error dark:text-error-dark" :class="{'hidden': hideError()}" >{{_errorMessage-adjust_context}}</div>
|
|
49
49
|
{{/if}}
|
|
50
50
|
{{/components/forms/components/supportingTextBox }}
|
|
51
51
|
<div class="absolute bg-white right-0 p-4 py-3 transform border-l peer-focus:border-r peer-focus:border-l-0 pointer-events-none top-1.5 peer-focus:rotate-180">
|
|
@@ -62,10 +62,10 @@
|
|
|
62
62
|
</div>
|
|
63
63
|
</div>
|
|
64
64
|
{{#>components/forms/components/supportingTextBox }}
|
|
65
|
-
{{#if _description}}
|
|
66
|
-
<div class="text-xs text-gray-500 dark:text-text-dark" {{#if _required}}:class="{'hidden': hideDescription()}"{{/if}}>{{{_description}}}</div>
|
|
65
|
+
{{#if _description-adjust_context}}
|
|
66
|
+
<div class="text-xs text-gray-500 dark:text-text-dark" {{#if _required-adjust_context}}:class="{'hidden': hideDescription()}"{{/if}}>{{{_description-adjust_context}}}</div>
|
|
67
67
|
{{/if}}
|
|
68
|
-
{{#if _required}}
|
|
68
|
+
{{#if _required-adjust_context}}
|
|
69
69
|
<div class="hidden text-xs text-error dark:text-error-dark" :class="{'hidden': hideError()}" x-text="errorMessage"></div>
|
|
70
70
|
{{/if}}
|
|
71
71
|
{{/components/forms/components/supportingTextBox }}
|