hr-design-system-handlebars 1.58.0 → 1.58.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 +17 -0
- package/dist/assets/index.css +3 -3
- package/dist/views/components/content/copytext/components/contentbox/storybook-contentbox.hbs +2 -2
- package/dist/views/components/content/copytext/components/filedownload.hbs +2 -2
- package/dist/views/components/content/copytext/components/infobox.hbs +2 -2
- package/dist/views/components/page/story/story_article.hbs +20 -7
- package/dist/views_static/components/content/copytext/components/contentbox/storybook-contentbox.hbs +2 -2
- package/dist/views_static/components/content/copytext/components/filedownload.hbs +2 -2
- package/dist/views_static/components/content/copytext/components/infobox.hbs +2 -2
- package/dist/views_static/components/page/story/story_article.hbs +20 -7
- package/package.json +1 -1
- package/src/assets/fixtures/page/story/story.inc.json +108 -0
- package/src/assets/fixtures/page/story/story.json +3 -0
- package/src/assets/fixtures/page/story/story_images.inc.json +62 -0
- package/src/stories/views/components/button/button.stories.js +25 -40
- package/src/stories/views/components/content/copytext/components/contentbox/storybook-contentbox.hbs +2 -2
- package/src/stories/views/components/content/copytext/components/filedownload.hbs +2 -2
- package/src/stories/views/components/content/copytext/components/infobox.hbs +2 -2
- package/src/stories/views/components/page/story/fixtures/story.json +1 -0
- package/src/stories/views/components/page/story/story_article.hbs +20 -7
- package/src/stories/views/components/page/story/story_main.stories.js +2 -1
- /package/dist/views/components/content/copytext/components/common/{paragraphbox_frame.hbs → paragraphbox_wrapper.hbs} +0 -0
- /package/dist/views_static/components/content/copytext/components/common/{paragraphbox_frame.hbs → paragraphbox_wrapper.hbs} +0 -0
- /package/src/stories/views/components/content/copytext/components/common/{paragraphbox_frame.hbs → paragraphbox_wrapper.hbs} +0 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,20 @@
|
|
|
1
|
+
# v1.58.1 (Fri Feb 16 2024)
|
|
2
|
+
|
|
3
|
+
#### 🐛 Bug Fix
|
|
4
|
+
|
|
5
|
+
- add story-json, rename paragraphbox_frame [#847](https://github.com/mumprod/hr-design-system-handlebars/pull/847) ([@hanswurstsalat](https://github.com/hanswurstsalat))
|
|
6
|
+
|
|
7
|
+
#### 📝 Documentation
|
|
8
|
+
|
|
9
|
+
- add size and variant controls to icon storys [#846](https://github.com/mumprod/hr-design-system-handlebars/pull/846) ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
10
|
+
|
|
11
|
+
#### Authors: 2
|
|
12
|
+
|
|
13
|
+
- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
|
|
14
|
+
- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
15
|
+
|
|
16
|
+
---
|
|
17
|
+
|
|
1
18
|
# v1.58.0 (Thu Feb 15 2024)
|
|
2
19
|
|
|
3
20
|
#### 🚀 Enhancement
|
package/dist/assets/index.css
CHANGED
|
@@ -3235,7 +3235,7 @@ article.indexText ul {
|
|
|
3235
3235
|
border-bottom-color: var(--color-secondary-ds);
|
|
3236
3236
|
}
|
|
3237
3237
|
.counter-reset {
|
|
3238
|
-
counter-reset:
|
|
3238
|
+
counter-reset: cnt1708078305700;
|
|
3239
3239
|
}
|
|
3240
3240
|
.hyphens-auto {
|
|
3241
3241
|
-webkit-hyphens: auto;
|
|
@@ -3558,7 +3558,7 @@ article.indexText ul {
|
|
|
3558
3558
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
3559
3559
|
}
|
|
3560
3560
|
.-ordered {
|
|
3561
|
-
counter-increment:
|
|
3561
|
+
counter-increment: cnt1708078305700 1;
|
|
3562
3562
|
}
|
|
3563
3563
|
.-ordered::before {
|
|
3564
3564
|
position: absolute;
|
|
@@ -3574,7 +3574,7 @@ article.indexText ul {
|
|
|
3574
3574
|
letter-spacing: .0125em;
|
|
3575
3575
|
--tw-text-opacity: 1;
|
|
3576
3576
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
3577
|
-
content: counter(
|
|
3577
|
+
content: counter(cnt1708078305700);
|
|
3578
3578
|
}
|
|
3579
3579
|
/*! ****************************/
|
|
3580
3580
|
/*! DataPolicy stuff */
|
package/dist/views/components/content/copytext/components/contentbox/storybook-contentbox.hbs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
{{#>components/content/copytext/components/common/
|
|
1
|
+
{{#>components/content/copytext/components/common/paragraphbox_wrapper _showFullsize=this.showFullSize.isTrue}}
|
|
2
2
|
|
|
3
3
|
{{~> components/base/a11y/hiddenText _locaTag="story_infobox_intro_sr" ~}}
|
|
4
4
|
|
|
@@ -55,4 +55,4 @@
|
|
|
55
55
|
|
|
56
56
|
{{~> components/base/a11y/hiddenText _locaTag="story_infobox_outro_sr" ~}}
|
|
57
57
|
|
|
58
|
-
{{/components/content/copytext/components/common/
|
|
58
|
+
{{/components/content/copytext/components/common/paragraphbox_wrapper}}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
{{#>components/content/copytext/components/common/
|
|
1
|
+
{{#>components/content/copytext/components/common/paragraphbox_wrapper}}
|
|
2
2
|
|
|
3
3
|
<span class="sr-only">{{loca "story_download_intro_sr" }}</span>
|
|
4
4
|
|
|
@@ -34,4 +34,4 @@
|
|
|
34
34
|
|
|
35
35
|
<span class="sr-only">{{loca "story_download_outro_sr" }}</span>
|
|
36
36
|
|
|
37
|
-
{{/components/content/copytext/components/common/
|
|
37
|
+
{{/components/content/copytext/components/common/paragraphbox_wrapper}}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
{{#>components/content/copytext/components/common/
|
|
1
|
+
{{#>components/content/copytext/components/common/paragraphbox_wrapper _showFullsize=this.paragraphProperties.[0].showFullSize}}
|
|
2
2
|
|
|
3
3
|
<span class="sr-only">{{loca "story_infobox_intro_sr" }}</span>
|
|
4
4
|
|
|
@@ -71,4 +71,4 @@
|
|
|
71
71
|
|
|
72
72
|
<span class="sr-only">{{loca "story_infobox_outro_sr" }}</span>
|
|
73
73
|
|
|
74
|
-
{{/components/content/copytext/components/common/
|
|
74
|
+
{{/components/content/copytext/components/common/paragraphbox_wrapper}}
|
|
@@ -1,9 +1,22 @@
|
|
|
1
1
|
{{#>components/page/base/page_wrapper}}
|
|
2
|
-
<h2 class="mb-4 text-3xl">
|
|
3
|
-
<p class="mb-4 font-bold">
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
2
|
+
<h2 class="mb-4 text-3xl">{{this.title}}</h2>
|
|
3
|
+
<p class="mb-4 font-bold">{{this.shorttext}}</p>
|
|
4
|
+
|
|
5
|
+
{{#unless this.displayPageLead.isFalse}}
|
|
6
|
+
{{#with this.teaseritem }}
|
|
7
|
+
{{#if this.isImage}}
|
|
8
|
+
{{> components/content/copytext/components/image/figure
|
|
9
|
+
_cssClass="article-breakout"
|
|
10
|
+
_cssClassCaption=""
|
|
11
|
+
_type="story"
|
|
12
|
+
_variant="100-top"
|
|
13
|
+
_pictureAddClass="ar-16-9"
|
|
14
|
+
_isWebview=../../_isWebview
|
|
15
|
+
_noDelay=true}}
|
|
16
|
+
{{/if}}
|
|
17
|
+
{{/with}}
|
|
18
|
+
{{/unless}}
|
|
19
|
+
|
|
20
|
+
{{~> components/content/copytext/copytext _isWebview=_webview ~}}
|
|
21
|
+
|
|
9
22
|
{{/components/page/base/page_wrapper}}
|
package/dist/views_static/components/content/copytext/components/contentbox/storybook-contentbox.hbs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
{{#>components/content/copytext/components/common/
|
|
1
|
+
{{#>components/content/copytext/components/common/paragraphbox_wrapper _showFullsize=this.showFullSize.isTrue}}
|
|
2
2
|
|
|
3
3
|
{{~> components/base/a11y/hiddenText _locaTag="story_infobox_intro_sr" ~}}
|
|
4
4
|
|
|
@@ -55,4 +55,4 @@
|
|
|
55
55
|
|
|
56
56
|
{{~> components/base/a11y/hiddenText _locaTag="story_infobox_outro_sr" ~}}
|
|
57
57
|
|
|
58
|
-
{{/components/content/copytext/components/common/
|
|
58
|
+
{{/components/content/copytext/components/common/paragraphbox_wrapper}}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
{{#>components/content/copytext/components/common/
|
|
1
|
+
{{#>components/content/copytext/components/common/paragraphbox_wrapper}}
|
|
2
2
|
|
|
3
3
|
<span class="sr-only">{{loca "story_download_intro_sr" }}</span>
|
|
4
4
|
|
|
@@ -34,4 +34,4 @@
|
|
|
34
34
|
|
|
35
35
|
<span class="sr-only">{{loca "story_download_outro_sr" }}</span>
|
|
36
36
|
|
|
37
|
-
{{/components/content/copytext/components/common/
|
|
37
|
+
{{/components/content/copytext/components/common/paragraphbox_wrapper}}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
{{#>components/content/copytext/components/common/
|
|
1
|
+
{{#>components/content/copytext/components/common/paragraphbox_wrapper _showFullsize=this.paragraphProperties.[0].showFullSize}}
|
|
2
2
|
|
|
3
3
|
<span class="sr-only">{{loca "story_infobox_intro_sr" }}</span>
|
|
4
4
|
|
|
@@ -71,4 +71,4 @@
|
|
|
71
71
|
|
|
72
72
|
<span class="sr-only">{{loca "story_infobox_outro_sr" }}</span>
|
|
73
73
|
|
|
74
|
-
{{/components/content/copytext/components/common/
|
|
74
|
+
{{/components/content/copytext/components/common/paragraphbox_wrapper}}
|
|
@@ -1,9 +1,22 @@
|
|
|
1
1
|
{{#>components/page/base/page_wrapper}}
|
|
2
|
-
<h2 class="mb-4 text-3xl">
|
|
3
|
-
<p class="mb-4 font-bold">
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
2
|
+
<h2 class="mb-4 text-3xl">{{this.title}}</h2>
|
|
3
|
+
<p class="mb-4 font-bold">{{this.shorttext}}</p>
|
|
4
|
+
|
|
5
|
+
{{#unless this.displayPageLead.isFalse}}
|
|
6
|
+
{{#with this.teaseritem }}
|
|
7
|
+
{{#if this.isImage}}
|
|
8
|
+
{{> components/content/copytext/components/image/figure
|
|
9
|
+
_cssClass="article-breakout"
|
|
10
|
+
_cssClassCaption=""
|
|
11
|
+
_type="story"
|
|
12
|
+
_variant="100-top"
|
|
13
|
+
_pictureAddClass="ar-16-9"
|
|
14
|
+
_isWebview=../../_isWebview
|
|
15
|
+
_noDelay=true}}
|
|
16
|
+
{{/if}}
|
|
17
|
+
{{/with}}
|
|
18
|
+
{{/unless}}
|
|
19
|
+
|
|
20
|
+
{{~> components/content/copytext/copytext _isWebview=_webview ~}}
|
|
21
|
+
|
|
9
22
|
{{/components/page/base/page_wrapper}}
|
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.58.
|
|
9
|
+
"version": "1.58.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,108 @@
|
|
|
1
|
+
{
|
|
2
|
+
"topline": "Quer über den großen Sylter Deich",
|
|
3
|
+
"title": "Zwei flinke Boxer jagen die quirlige Eva und ihren Mops",
|
|
4
|
+
"shorttext": "Vogel Quax zwickt Johnys Pferd Bim. Sylvia wagt quick den Jux bei Pforzheim. Polyfon zwitschernd aßen Mäxchens Vögel Rüben, Joghurt und Quark. Fix quäkt Jürgen blöd vom Paß. Victor jagt zwölf Boxkämpfer quer über den großen Sylter Deich. Falsches Üben von Xylophonmusik quält jeden größeren Zwerg.",
|
|
5
|
+
"hasDwellTime": false,
|
|
6
|
+
"isArchiveContent": false,
|
|
7
|
+
"displayPageLead": {
|
|
8
|
+
"isFalse": false
|
|
9
|
+
},
|
|
10
|
+
"teaseritem": {
|
|
11
|
+
"@->jsoninclude": "page/story/story_images.inc.json",
|
|
12
|
+
"@->contentpath": "story_image_lead",
|
|
13
|
+
"@->replaceToken": [
|
|
14
|
+
{
|
|
15
|
+
"@->token": "image",
|
|
16
|
+
"@->value": "connichi-106"
|
|
17
|
+
}
|
|
18
|
+
]
|
|
19
|
+
},
|
|
20
|
+
"documentModificationDate": {
|
|
21
|
+
"isModificationDate": false,
|
|
22
|
+
"isPublicationDate": true,
|
|
23
|
+
"htmlDateTime": "2024-02-15T19:30+0200",
|
|
24
|
+
"date": "15.02.24",
|
|
25
|
+
"time": "19:30"
|
|
26
|
+
},
|
|
27
|
+
"documentPublicationDate": {
|
|
28
|
+
"htmlDateTime": "2024-02-15T19:30+0200",
|
|
29
|
+
"date": "15.02.24",
|
|
30
|
+
"time": "19:30"
|
|
31
|
+
},
|
|
32
|
+
"userComments": {
|
|
33
|
+
"HasOneComment": false,
|
|
34
|
+
"quantity": "117"
|
|
35
|
+
},
|
|
36
|
+
"byline": "Bylinetext",
|
|
37
|
+
"authorItems": [
|
|
38
|
+
{
|
|
39
|
+
"hasProfileLink": false,
|
|
40
|
+
"from": "Von",
|
|
41
|
+
"textAfterAuthor": "Horst Schlämmer",
|
|
42
|
+
"delimiter": " und "
|
|
43
|
+
},
|
|
44
|
+
{
|
|
45
|
+
"hasProfileLink": true,
|
|
46
|
+
"from": "",
|
|
47
|
+
"authorName": "Gisela",
|
|
48
|
+
"delimiter": "",
|
|
49
|
+
"link": {
|
|
50
|
+
"url": "/author-url",
|
|
51
|
+
"isTargetBlank": false
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
],
|
|
55
|
+
"copytextParagraph": {
|
|
56
|
+
"@->jsoninclude": "content/copytext/copytext.json",
|
|
57
|
+
"@->contentpath": "copytextParagraph"
|
|
58
|
+
},
|
|
59
|
+
"source": ["Horst Schlämmer","hessenschau.de"],
|
|
60
|
+
"geotag": [
|
|
61
|
+
{
|
|
62
|
+
"url": "/Frankfurt-url",
|
|
63
|
+
"title": "Frankfurt"
|
|
64
|
+
},
|
|
65
|
+
{
|
|
66
|
+
"url": "/Offenbach-url",
|
|
67
|
+
"title": "Offenbach"
|
|
68
|
+
},
|
|
69
|
+
{
|
|
70
|
+
"url": "/Darmstadt-url",
|
|
71
|
+
"title": "Darmstadt"
|
|
72
|
+
}
|
|
73
|
+
],
|
|
74
|
+
"topictags": [
|
|
75
|
+
{
|
|
76
|
+
"url": "/Parteien-url",
|
|
77
|
+
"title": "Parteien"
|
|
78
|
+
},
|
|
79
|
+
{
|
|
80
|
+
"url": "/Wahlen-url",
|
|
81
|
+
"title": "Wahlen"
|
|
82
|
+
},
|
|
83
|
+
{
|
|
84
|
+
"url": "/Landtagswahl-url",
|
|
85
|
+
"title": "Landtagswahl"
|
|
86
|
+
}
|
|
87
|
+
],
|
|
88
|
+
"socialSharing": {
|
|
89
|
+
"twitterLink": "/twitterLink-url",
|
|
90
|
+
"facebookLink": "/facebookLink-url",
|
|
91
|
+
"whatsappLink": "/whatsappLink-url",
|
|
92
|
+
"mailtoLink": "/mailtoLink-url"
|
|
93
|
+
},
|
|
94
|
+
"programReference": {
|
|
95
|
+
"hasReference": true,
|
|
96
|
+
"name": "Program-name",
|
|
97
|
+
"link": {
|
|
98
|
+
"url": "/Program-url",
|
|
99
|
+
"isTargetBlank": true
|
|
100
|
+
},
|
|
101
|
+
"displayWithTime": true,
|
|
102
|
+
"date": {
|
|
103
|
+
"htmlDateTime": "2024-02-15T19:30+0200",
|
|
104
|
+
"date": "15.02.24",
|
|
105
|
+
"dateSeparatorTime": "19:30"
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
{
|
|
2
|
+
"story_image_lead": {
|
|
3
|
+
"isImage": true,
|
|
4
|
+
"caption": "Bildunterschrift",
|
|
5
|
+
"copyrightWithLinks": "picture-alliance/dpa",
|
|
6
|
+
"responsiveImage": {
|
|
7
|
+
"asPicture": false,
|
|
8
|
+
"asImage": true,
|
|
9
|
+
"fallback": "images/{#image}_v-16to9__medium.jpg",
|
|
10
|
+
"sources": [
|
|
11
|
+
{
|
|
12
|
+
"sizes": "(min-width: 1024px) 960px, (min-width: 640px) calc(100vw - 4rem), 100vw",
|
|
13
|
+
"srcset": "images/{#image}_v-16to9__small.jpg 320w, images/{#image}_v-16to9__medium.jpg 480w, images/{#image}_v-16to9__medium__extended.jpg 640w, images/{#image}_v-16to9.jpg 960w, images/{#image}_v-16to9__retina.jpg 1920w"
|
|
14
|
+
}
|
|
15
|
+
]
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
"copytext_image_100": {
|
|
19
|
+
"isImage": true,
|
|
20
|
+
"showFullSize": {
|
|
21
|
+
"isTrue": true
|
|
22
|
+
},
|
|
23
|
+
"showPortrait": {
|
|
24
|
+
"isTrue": false
|
|
25
|
+
},
|
|
26
|
+
"caption": "Zum Glück ragt Hessens höchster Berg, die Wasserkuppe, gelegentlich aus der derzeitigen Nebelsuppe heraus, und so gelang mit dem Sternenteleskop ein Blick auf den magischen Rosetten-Nebel, einer Himmelsregion, in der gerade neue Sterne geboren werden. - Diese spektakuläre Momentaufnahme hat uns hessenschau.de-Nutzer Michael Keusgen zukommen lassen",
|
|
27
|
+
"copyrightWithLinks": "Karsten Hufer",
|
|
28
|
+
"responsiveImage": {
|
|
29
|
+
"asPicture": false,
|
|
30
|
+
"asImage": true,
|
|
31
|
+
"fallback": "images/{#image}_v-16to9__medium.jpg",
|
|
32
|
+
"sources": [
|
|
33
|
+
{
|
|
34
|
+
"sizes": "(min-width: 1024px) 960px, (min-width: 640px) calc(100vw - 4rem), 100vw",
|
|
35
|
+
"srcset": "images/{#image}_v-16to9__small.jpg 320w, images/{#image}_v-16to9__medium.jpg 480w, images/{#image}_v-16to9__medium__extended.jpg 640w, images/{#image}_v-16to9.jpg 960w, images/{#image}_v-16to9__retina.jpg 1920w"
|
|
36
|
+
}
|
|
37
|
+
]
|
|
38
|
+
}
|
|
39
|
+
},
|
|
40
|
+
"copytext_image_50": {
|
|
41
|
+
"isImage": true,
|
|
42
|
+
"showFullSize": {
|
|
43
|
+
"isTrue": false
|
|
44
|
+
},
|
|
45
|
+
"showPortrait": {
|
|
46
|
+
"isTrue": false
|
|
47
|
+
},
|
|
48
|
+
"caption": "Zum Glück ragt Hessens höchster Berg, die Wasserkuppe, gelegentlich aus der derzeitigen Nebelsuppe heraus, und so gelang mit dem Sternenteleskop ein Blick auf den magischen Rosetten-Nebel, einer Himmelsregion, in der gerade neue Sterne geboren werden. - Diese spektakuläre Momentaufnahme hat uns hessenschau.de-Nutzer Michael Keusgen zukommen lassen",
|
|
49
|
+
"copyrightWithLinks": "Karsten Hufer",
|
|
50
|
+
"responsiveImage": {
|
|
51
|
+
"asPicture": false,
|
|
52
|
+
"asImage": true,
|
|
53
|
+
"fallback": "images/{#image}_v-16to9__medium.jpg",
|
|
54
|
+
"sources": [
|
|
55
|
+
{
|
|
56
|
+
"sizes": "(min-width: 1024px) 960px, (min-width: 640px) calc(100vw - 4rem), 100vw",
|
|
57
|
+
"srcset": "images/{#image}_v-16to9__small.jpg 320w, images/{#image}_v-16to9__medium.jpg 480w, images/{#image}_v-16to9__medium__extended.jpg 640w, images/{#image}_v-16to9.jpg 960w, images/{#image}_v-16to9__retina.jpg 1920w"
|
|
58
|
+
}
|
|
59
|
+
]
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
}
|
|
@@ -226,6 +226,10 @@ export default {
|
|
|
226
226
|
'_icon': {
|
|
227
227
|
description: 'Der Name des Icons in der Iconmap',
|
|
228
228
|
control: 'text',
|
|
229
|
+
options: ['ortsmarke', 'taglabel', 'settings', 'arrow-left', 'arrow-right'],
|
|
230
|
+
control: {
|
|
231
|
+
type: 'select',
|
|
232
|
+
},
|
|
229
233
|
|
|
230
234
|
table: {
|
|
231
235
|
category: 'Icon',
|
|
@@ -261,6 +265,7 @@ export const Spielplatz = {
|
|
|
261
265
|
_size: 'md',
|
|
262
266
|
_label: 'Button',
|
|
263
267
|
},
|
|
268
|
+
|
|
264
269
|
}
|
|
265
270
|
|
|
266
271
|
export const ButtonLg = {
|
|
@@ -269,14 +274,14 @@ export const ButtonLg = {
|
|
|
269
274
|
|
|
270
275
|
argTypes: {
|
|
271
276
|
_size: {
|
|
272
|
-
control: false
|
|
277
|
+
control: false
|
|
273
278
|
},
|
|
274
279
|
|
|
275
280
|
_variant: {
|
|
276
|
-
control: false
|
|
281
|
+
control: false
|
|
277
282
|
},
|
|
278
283
|
_label: {
|
|
279
|
-
control: false
|
|
284
|
+
control: false
|
|
280
285
|
},
|
|
281
286
|
},
|
|
282
287
|
|
|
@@ -292,11 +297,11 @@ export const ButtonMd = {
|
|
|
292
297
|
|
|
293
298
|
argTypes: {
|
|
294
299
|
_size: {
|
|
295
|
-
control: false
|
|
300
|
+
control: false
|
|
296
301
|
},
|
|
297
302
|
|
|
298
303
|
_variant: {
|
|
299
|
-
control: false
|
|
304
|
+
control: false
|
|
300
305
|
},
|
|
301
306
|
},
|
|
302
307
|
|
|
@@ -312,11 +317,11 @@ export const ButtonSm = {
|
|
|
312
317
|
|
|
313
318
|
argTypes: {
|
|
314
319
|
_size: {
|
|
315
|
-
control: false
|
|
320
|
+
control: false
|
|
316
321
|
},
|
|
317
322
|
|
|
318
323
|
_variant: {
|
|
319
|
-
control: false
|
|
324
|
+
control: false
|
|
320
325
|
},
|
|
321
326
|
},
|
|
322
327
|
|
|
@@ -332,11 +337,11 @@ export const ButtonPrimary = {
|
|
|
332
337
|
|
|
333
338
|
argTypes: {
|
|
334
339
|
_size: {
|
|
335
|
-
control: false
|
|
340
|
+
control: false
|
|
336
341
|
},
|
|
337
342
|
|
|
338
343
|
_variant: {
|
|
339
|
-
control: false
|
|
344
|
+
control: false
|
|
340
345
|
},
|
|
341
346
|
},
|
|
342
347
|
|
|
@@ -352,11 +357,11 @@ export const ButtonSecondary = {
|
|
|
352
357
|
|
|
353
358
|
argTypes: {
|
|
354
359
|
_size: {
|
|
355
|
-
control: false
|
|
360
|
+
control: false
|
|
356
361
|
},
|
|
357
362
|
|
|
358
363
|
_variant: {
|
|
359
|
-
control: false
|
|
364
|
+
control: false
|
|
360
365
|
},
|
|
361
366
|
},
|
|
362
367
|
|
|
@@ -373,11 +378,11 @@ export const ButtonTertiary = {
|
|
|
373
378
|
|
|
374
379
|
argTypes: {
|
|
375
380
|
_size: {
|
|
376
|
-
control: false
|
|
381
|
+
control: false
|
|
377
382
|
},
|
|
378
383
|
|
|
379
384
|
_variant: {
|
|
380
|
-
control: false
|
|
385
|
+
control: false
|
|
381
386
|
},
|
|
382
387
|
},
|
|
383
388
|
|
|
@@ -394,11 +399,11 @@ export const ButtonPrimaryDisabled = {
|
|
|
394
399
|
|
|
395
400
|
argTypes: {
|
|
396
401
|
_size: {
|
|
397
|
-
control: false
|
|
402
|
+
control: false
|
|
398
403
|
},
|
|
399
404
|
|
|
400
405
|
_variant: {
|
|
401
|
-
control: false
|
|
406
|
+
control: false
|
|
402
407
|
},
|
|
403
408
|
},
|
|
404
409
|
|
|
@@ -415,11 +420,11 @@ export const ButtonSecondaryDisabled = {
|
|
|
415
420
|
|
|
416
421
|
argTypes: {
|
|
417
422
|
_size: {
|
|
418
|
-
control: false
|
|
423
|
+
control: false
|
|
419
424
|
},
|
|
420
425
|
|
|
421
426
|
_variant: {
|
|
422
|
-
control: false
|
|
427
|
+
control: false
|
|
423
428
|
},
|
|
424
429
|
},
|
|
425
430
|
|
|
@@ -437,11 +442,11 @@ export const ButtonTertiaryDisabled = {
|
|
|
437
442
|
|
|
438
443
|
argTypes: {
|
|
439
444
|
_size: {
|
|
440
|
-
control: false
|
|
445
|
+
control: false
|
|
441
446
|
},
|
|
442
447
|
|
|
443
448
|
_variant: {
|
|
444
|
-
control: false
|
|
449
|
+
control: false
|
|
445
450
|
},
|
|
446
451
|
},
|
|
447
452
|
|
|
@@ -456,17 +461,7 @@ export const ButtonTertiaryDisabled = {
|
|
|
456
461
|
export const ButtonIconRechts = {
|
|
457
462
|
render: buttonWithLabelAndIconRightTemplate.bind({}),
|
|
458
463
|
name: 'Button - Icon rechts',
|
|
459
|
-
|
|
460
|
-
argTypes: {
|
|
461
|
-
_size: {
|
|
462
|
-
control: false,
|
|
463
|
-
},
|
|
464
|
-
|
|
465
|
-
_variant: {
|
|
466
|
-
control: false,
|
|
467
|
-
},
|
|
468
|
-
},
|
|
469
|
-
|
|
464
|
+
|
|
470
465
|
args: {
|
|
471
466
|
_size: 'lg',
|
|
472
467
|
_label: 'Icon rechts',
|
|
@@ -479,16 +474,6 @@ export const ButtonIconLinks = {
|
|
|
479
474
|
render: buttonWithLabelAndIconLeftTemplate.bind({}),
|
|
480
475
|
name: 'Button - Icon links',
|
|
481
476
|
|
|
482
|
-
argTypes: {
|
|
483
|
-
_size: {
|
|
484
|
-
control: false,
|
|
485
|
-
},
|
|
486
|
-
|
|
487
|
-
_variant: {
|
|
488
|
-
control: false,
|
|
489
|
-
},
|
|
490
|
-
},
|
|
491
|
-
|
|
492
477
|
args: {
|
|
493
478
|
_size: 'lg',
|
|
494
479
|
_label: 'Icon links',
|
package/src/stories/views/components/content/copytext/components/contentbox/storybook-contentbox.hbs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
{{#>components/content/copytext/components/common/
|
|
1
|
+
{{#>components/content/copytext/components/common/paragraphbox_wrapper _showFullsize=this.showFullSize.isTrue}}
|
|
2
2
|
|
|
3
3
|
{{~> components/base/a11y/hiddenText _locaTag="story_infobox_intro_sr" ~}}
|
|
4
4
|
|
|
@@ -55,4 +55,4 @@
|
|
|
55
55
|
|
|
56
56
|
{{~> components/base/a11y/hiddenText _locaTag="story_infobox_outro_sr" ~}}
|
|
57
57
|
|
|
58
|
-
{{/components/content/copytext/components/common/
|
|
58
|
+
{{/components/content/copytext/components/common/paragraphbox_wrapper}}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
{{#>components/content/copytext/components/common/
|
|
1
|
+
{{#>components/content/copytext/components/common/paragraphbox_wrapper}}
|
|
2
2
|
|
|
3
3
|
<span class="sr-only">{{loca "story_download_intro_sr" }}</span>
|
|
4
4
|
|
|
@@ -34,4 +34,4 @@
|
|
|
34
34
|
|
|
35
35
|
<span class="sr-only">{{loca "story_download_outro_sr" }}</span>
|
|
36
36
|
|
|
37
|
-
{{/components/content/copytext/components/common/
|
|
37
|
+
{{/components/content/copytext/components/common/paragraphbox_wrapper}}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
{{#>components/content/copytext/components/common/
|
|
1
|
+
{{#>components/content/copytext/components/common/paragraphbox_wrapper _showFullsize=this.paragraphProperties.[0].showFullSize}}
|
|
2
2
|
|
|
3
3
|
<span class="sr-only">{{loca "story_infobox_intro_sr" }}</span>
|
|
4
4
|
|
|
@@ -71,4 +71,4 @@
|
|
|
71
71
|
|
|
72
72
|
<span class="sr-only">{{loca "story_infobox_outro_sr" }}</span>
|
|
73
73
|
|
|
74
|
-
{{/components/content/copytext/components/common/
|
|
74
|
+
{{/components/content/copytext/components/common/paragraphbox_wrapper}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"topline":"Quer über den großen Sylter Deich","title":"Zwei flinke Boxer jagen die quirlige Eva und ihren Mops","shorttext":"Vogel Quax zwickt Johnys Pferd Bim. Sylvia wagt quick den Jux bei Pforzheim. Polyfon zwitschernd aßen Mäxchens Vögel Rüben, Joghurt und Quark. Fix quäkt Jürgen blöd vom Paß. Victor jagt zwölf Boxkämpfer quer über den großen Sylter Deich. Falsches Üben von Xylophonmusik quält jeden größeren Zwerg.","hasDwellTime":false,"isArchiveContent":false,"displayPageLead":{"isFalse":false},"teaseritem":{"isImage":true,"caption":"Bildunterschrift","copyrightWithLinks":"picture-alliance/dpa","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/connichi-106_v-16to9__medium.jpg","sources":[{"sizes":"(min-width: 1024px) 960px, (min-width: 640px) calc(100vw - 4rem), 100vw","srcset":"images/connichi-106_v-16to9__small.jpg 320w, images/connichi-106_v-16to9__medium.jpg 480w, images/connichi-106_v-16to9__medium__extended.jpg 640w, images/connichi-106_v-16to9.jpg 960w, images/connichi-106_v-16to9__retina.jpg 1920w"}]}},"documentModificationDate":{"isModificationDate":false,"isPublicationDate":true,"htmlDateTime":"2024-02-15T19:30+0200","date":"15.02.24","time":"19:30"},"documentPublicationDate":{"htmlDateTime":"2024-02-15T19:30+0200","date":"15.02.24","time":"19:30"},"userComments":{"HasOneComment":false,"quantity":"117"},"byline":"Bylinetext","authorItems":[{"hasProfileLink":false,"from":"Von","textAfterAuthor":"Horst Schlämmer","delimiter":" und "},{"hasProfileLink":true,"from":"","authorName":"Gisela","delimiter":"","link":{"url":"/author-url","isTargetBlank":false}}],"copytextParagraph":[{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isHeadline":true,"text":"Copytext"},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isParagraph":true,"text":{"split":[{"isText":true,"text":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod <strong>tempor invidunt</strong> ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata <i>sanctus est Lorem ipsum</i> dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut <a href='#' class='link'>labore et dolore</a> magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod."}]}},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isParagraph":true,"text":{"split":[{"isUl":true,"text":"<li>Lorem ipsum dolor sit amet</li><li>At vero eos et accusam et justo</li><li>Stet clita kasd gubergren</li>"},{"isOl":true,"text":"<li>Lorem ipsum dolor sit amet</li><li>At vero eos et accusam et justo</li><li>Stet clita kasd gubergren</li>"}]}},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isParagraph":true,"text":{"split":[{"isText":true,"text":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod <strong>tempor invidunt</strong> ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata <i>sanctus est Lorem ipsum</i> dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut <a href='#' class='link'>labore et dolore</a> magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod."}]}},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isHeadline":true,"text":"Zwischenüberschrift"},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isParagraph":true,"text":{"split":[{"isText":true,"text":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod <strong>tempor invidunt</strong> ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata <i>sanctus est Lorem ipsum</i> dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut <a href='#' class='link'>labore et dolore</a> magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod."}]}}],"source":["Horst Schlämmer","hessenschau.de"],"geotag":[{"url":"/Frankfurt-url","title":"Frankfurt"},{"url":"/Offenbach-url","title":"Offenbach"},{"url":"/Darmstadt-url","title":"Darmstadt"}],"topictags":[{"url":"/Parteien-url","title":"Parteien"},{"url":"/Wahlen-url","title":"Wahlen"},{"url":"/Landtagswahl-url","title":"Landtagswahl"}],"socialSharing":{"twitterLink":"/twitterLink-url","facebookLink":"/facebookLink-url","whatsappLink":"/whatsappLink-url","mailtoLink":"/mailtoLink-url"},"programReference":{"hasReference":true,"name":"Program-name","link":{"url":"/Program-url","isTargetBlank":true},"displayWithTime":true,"date":{"htmlDateTime":"2024-02-15T19:30+0200","date":"15.02.24","dateSeparatorTime":"19:30"}}}
|
|
@@ -1,9 +1,22 @@
|
|
|
1
1
|
{{#>components/page/base/page_wrapper}}
|
|
2
|
-
<h2 class="mb-4 text-3xl">
|
|
3
|
-
<p class="mb-4 font-bold">
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
2
|
+
<h2 class="mb-4 text-3xl">{{this.title}}</h2>
|
|
3
|
+
<p class="mb-4 font-bold">{{this.shorttext}}</p>
|
|
4
|
+
|
|
5
|
+
{{#unless this.displayPageLead.isFalse}}
|
|
6
|
+
{{#with this.teaseritem }}
|
|
7
|
+
{{#if this.isImage}}
|
|
8
|
+
{{> components/content/copytext/components/image/figure
|
|
9
|
+
_cssClass="article-breakout"
|
|
10
|
+
_cssClassCaption=""
|
|
11
|
+
_type="story"
|
|
12
|
+
_variant="100-top"
|
|
13
|
+
_pictureAddClass="ar-16-9"
|
|
14
|
+
_isWebview=../../_isWebview
|
|
15
|
+
_noDelay=true}}
|
|
16
|
+
{{/if}}
|
|
17
|
+
{{/with}}
|
|
18
|
+
{{/unless}}
|
|
19
|
+
|
|
20
|
+
{{~> components/content/copytext/copytext _isWebview=_webview ~}}
|
|
21
|
+
|
|
9
22
|
{{/components/page/base/page_wrapper}}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import story_template from './story_article.hbs'
|
|
2
|
+
import story_json from './fixtures/story.json'
|
|
2
3
|
|
|
3
4
|
const Template = ({ ...args }) => {
|
|
4
5
|
// You can either use a function to create DOM elements or use a plain html string!
|
|
@@ -13,5 +14,5 @@ export default {
|
|
|
13
14
|
export const Default = {
|
|
14
15
|
render: Template.bind({}),
|
|
15
16
|
name: 'default',
|
|
16
|
-
|
|
17
|
+
args: story_json,
|
|
17
18
|
}
|
|
File without changes
|
|
File without changes
|