hr-design-system-handlebars 1.59.9 → 1.59.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 +12 -0
- package/dist/assets/index.css +3 -3
- package/dist/views/components/content/copytext/components/image/image.hbs +4 -0
- package/dist/views/components/page/base/page_header.hbs +16 -0
- package/dist/views/components/page/base/page_wrapper.hbs +4 -2
- package/dist/views/components/page/story/story_article.hbs +2 -2
- package/dist/views_static/components/content/copytext/components/image/image.hbs +4 -0
- package/dist/views_static/components/page/base/page_header.hbs +16 -0
- package/dist/views_static/components/page/base/page_wrapper.hbs +4 -2
- package/dist/views_static/components/page/story/story_article.hbs +2 -2
- package/package.json +1 -1
- package/src/assets/fixtures/page/story/story_with_label.json +15 -0
- package/src/assets/fixtures/teaser/teaser_labels.inc.json +4 -0
- package/src/stories/views/components/content/copytext/components/image/image.hbs +4 -0
- package/src/stories/views/components/page/base/page_header.hbs +16 -0
- package/src/stories/views/components/page/base/page_wrapper.hbs +4 -2
- package/src/stories/views/components/page/story/fixtures/story_with_label.json +1 -0
- package/src/stories/views/components/page/story/story_article.hbs +2 -2
- package/src/stories/views/components/page/story/story_main.stories.js +14 -11
- package/src/stories/views/components/teaser/cluster/teaser_cluster.stories.js +3 -0
- package/src/stories/views/components/teaser/group_teaser/group.stories.js +3 -0
- package/src/stories/views/components/teaser/tabbox/teaser_tabbox.stories.js +2 -2
- package/src/stories/views/components/teaser/teaser_alternativ_av.stories.js +1 -0
- package/src/stories/views/components/teaser/teaser_event_calendar.stories.js +3 -0
- package/src/stories/views/components/teaser/teaser_indextext.stories.js +3 -0
- package/src/stories/views/components/teaser/teaser_logic/teaser_logic.stories.js +3 -0
- package/src/stories/views/components/teaser/ticker/teaser_ticker_alternativ.stories.js +3 -0
- package/src/stories/views/components/teaser/ticker/teaser_ticker_standard.stories.js +3 -0
- package/src/stories/views/components/teaser/ticker/teaser_ticker_timeline.stories.js +5 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
# v1.59.10 (Mon Feb 26 2024)
|
|
2
|
+
|
|
3
|
+
#### 🐛 Bug Fix
|
|
4
|
+
|
|
5
|
+
- :sparkles: DPE 2722 [#851](https://github.com/mumprod/hr-design-system-handlebars/pull/851) ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
1
13
|
# v1.59.9 (Mon Feb 26 2024)
|
|
2
14
|
|
|
3
15
|
#### 🐛 Bug Fix
|
package/dist/assets/index.css
CHANGED
|
@@ -3244,7 +3244,7 @@ article.indexText ul {
|
|
|
3244
3244
|
border-bottom-color: var(--color-secondary-ds);
|
|
3245
3245
|
}
|
|
3246
3246
|
.counter-reset {
|
|
3247
|
-
counter-reset:
|
|
3247
|
+
counter-reset: cnt1708967595192;
|
|
3248
3248
|
}
|
|
3249
3249
|
.hyphens-auto {
|
|
3250
3250
|
-webkit-hyphens: auto;
|
|
@@ -3567,7 +3567,7 @@ article.indexText ul {
|
|
|
3567
3567
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
3568
3568
|
}
|
|
3569
3569
|
.-ordered {
|
|
3570
|
-
counter-increment:
|
|
3570
|
+
counter-increment: cnt1708967595192 1;
|
|
3571
3571
|
}
|
|
3572
3572
|
.-ordered::before {
|
|
3573
3573
|
position: absolute;
|
|
@@ -3583,7 +3583,7 @@ article.indexText ul {
|
|
|
3583
3583
|
letter-spacing: .0125em;
|
|
3584
3584
|
--tw-text-opacity: 1;
|
|
3585
3585
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
3586
|
-
content: counter(
|
|
3586
|
+
content: counter(cnt1708967595192);
|
|
3587
3587
|
}
|
|
3588
3588
|
/*! ****************************/
|
|
3589
3589
|
/*! DataPolicy stuff */
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
{{#if this.showFullSize.isTrue }}
|
|
3
3
|
{{> components/content/copytext/components/image/figure
|
|
4
4
|
_cssClass="my-6 sm480:my-7 clear-both"
|
|
5
|
+
_cssClassCaption="mx-5 md:mx-0"
|
|
5
6
|
_type="story"
|
|
6
7
|
_variant="100-copytext-portrait"
|
|
7
8
|
_noAr="true"
|
|
@@ -9,6 +10,7 @@
|
|
|
9
10
|
{{else}}
|
|
10
11
|
{{> components/content/copytext/components/image/figure
|
|
11
12
|
_cssClass="my-6 sm480:my-7 sm480:mr-5 sm480:w-1/2 w-auto flex-col float-none sm480:float-left break-inside-avoid page-break-inside-avoid"
|
|
13
|
+
_cssClassCaption="mx-5 md:mx-0"
|
|
12
14
|
_type="story"
|
|
13
15
|
_variant="copytext-portrait"
|
|
14
16
|
_noAr="true"
|
|
@@ -18,6 +20,7 @@
|
|
|
18
20
|
{{#if this.showFullSize.isTrue}}
|
|
19
21
|
{{> components/content/copytext/components/image/figure
|
|
20
22
|
_cssClass="my-6 sm480:my-7 clear-both"
|
|
23
|
+
_cssClassCaption="mx-5 md:mx-0"
|
|
21
24
|
_type="story"
|
|
22
25
|
_variant="100-copytext"
|
|
23
26
|
_pictureAddClass="ar-16-9"
|
|
@@ -25,6 +28,7 @@
|
|
|
25
28
|
{{else}}
|
|
26
29
|
{{> components/content/copytext/components/image/figure
|
|
27
30
|
_cssClass="my-6 sm480:my-7 sm480:mr-5 sm480:w-1/2 w-auto flex-col float-none sm480:float-left break-inside-avoid page-break-inside-avoid"
|
|
31
|
+
_cssClassCaption="mx-5 md:mx-0"
|
|
28
32
|
_type="story"
|
|
29
33
|
_variant="copytext"
|
|
30
34
|
_pictureAddClass="ar-16-9"
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
<header class="mt-6 sm480:mt12">
|
|
2
|
+
<h2>
|
|
3
|
+
{{#if this.label }}
|
|
4
|
+
{{#with this.label}}
|
|
5
|
+
{{#> components/label/label_group}}
|
|
6
|
+
{{> components/label/label _type=this.type _text=(loca this.loca)}}
|
|
7
|
+
{{/components/label/label_group}}
|
|
8
|
+
{{/with}}
|
|
9
|
+
{{else}}
|
|
10
|
+
{{~#if topline}}
|
|
11
|
+
<span class="block text-base font-heading">{{this.topline}}</span>
|
|
12
|
+
{{/if~}}
|
|
13
|
+
{{/if~}}
|
|
14
|
+
<span class="text-3xl font-headingSerif sm480:text-5xl">{{this.title}}</span>
|
|
15
|
+
</h2>
|
|
16
|
+
</header>
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{{#>components/page/base/page_wrapper}}
|
|
2
|
-
|
|
3
|
-
<h2 class="text-3xl font-headingSerif sm480:text-5xl">{{this.title}}</h2>
|
|
2
|
+
{{> components/page/base/page_header}}
|
|
4
3
|
|
|
5
4
|
{{> components/page/components/shorttext _text=this.shorttext }}
|
|
6
5
|
|
|
7
6
|
{{> components/page/components/metadatabox _showDate=this.hasDwellTime}}
|
|
8
7
|
|
|
8
|
+
|
|
9
9
|
{{#unless this.displayPageLead.isFalse}}
|
|
10
10
|
{{#with this.teaseritem }}
|
|
11
11
|
{{#if this.isImage}}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
{{#if this.showFullSize.isTrue }}
|
|
3
3
|
{{> components/content/copytext/components/image/figure
|
|
4
4
|
_cssClass="my-6 sm480:my-7 clear-both"
|
|
5
|
+
_cssClassCaption="mx-5 md:mx-0"
|
|
5
6
|
_type="story"
|
|
6
7
|
_variant="100-copytext-portrait"
|
|
7
8
|
_noAr="true"
|
|
@@ -9,6 +10,7 @@
|
|
|
9
10
|
{{else}}
|
|
10
11
|
{{> components/content/copytext/components/image/figure
|
|
11
12
|
_cssClass="my-6 sm480:my-7 sm480:mr-5 sm480:w-1/2 w-auto flex-col float-none sm480:float-left break-inside-avoid page-break-inside-avoid"
|
|
13
|
+
_cssClassCaption="mx-5 md:mx-0"
|
|
12
14
|
_type="story"
|
|
13
15
|
_variant="copytext-portrait"
|
|
14
16
|
_noAr="true"
|
|
@@ -18,6 +20,7 @@
|
|
|
18
20
|
{{#if this.showFullSize.isTrue}}
|
|
19
21
|
{{> components/content/copytext/components/image/figure
|
|
20
22
|
_cssClass="my-6 sm480:my-7 clear-both"
|
|
23
|
+
_cssClassCaption="mx-5 md:mx-0"
|
|
21
24
|
_type="story"
|
|
22
25
|
_variant="100-copytext"
|
|
23
26
|
_pictureAddClass="ar-16-9"
|
|
@@ -25,6 +28,7 @@
|
|
|
25
28
|
{{else}}
|
|
26
29
|
{{> components/content/copytext/components/image/figure
|
|
27
30
|
_cssClass="my-6 sm480:my-7 sm480:mr-5 sm480:w-1/2 w-auto flex-col float-none sm480:float-left break-inside-avoid page-break-inside-avoid"
|
|
31
|
+
_cssClassCaption="mx-5 md:mx-0"
|
|
28
32
|
_type="story"
|
|
29
33
|
_variant="copytext"
|
|
30
34
|
_pictureAddClass="ar-16-9"
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
<header class="mt-6 sm480:mt12">
|
|
2
|
+
<h2>
|
|
3
|
+
{{#if this.label }}
|
|
4
|
+
{{#with this.label}}
|
|
5
|
+
{{#> components/label/label_group}}
|
|
6
|
+
{{> components/label/label _type=this.type _text=(loca this.loca)}}
|
|
7
|
+
{{/components/label/label_group}}
|
|
8
|
+
{{/with}}
|
|
9
|
+
{{else}}
|
|
10
|
+
{{~#if topline}}
|
|
11
|
+
<span class="block text-base font-heading">{{this.topline}}</span>
|
|
12
|
+
{{/if~}}
|
|
13
|
+
{{/if~}}
|
|
14
|
+
<span class="text-3xl font-headingSerif sm480:text-5xl">{{this.title}}</span>
|
|
15
|
+
</h2>
|
|
16
|
+
</header>
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{{#>components/page/base/page_wrapper}}
|
|
2
|
-
|
|
3
|
-
<h2 class="text-3xl font-headingSerif sm480:text-5xl">{{this.title}}</h2>
|
|
2
|
+
{{> components/page/base/page_header}}
|
|
4
3
|
|
|
5
4
|
{{> components/page/components/shorttext _text=this.shorttext }}
|
|
6
5
|
|
|
7
6
|
{{> components/page/components/metadatabox _showDate=this.hasDwellTime}}
|
|
8
7
|
|
|
8
|
+
|
|
9
9
|
{{#unless this.displayPageLead.isFalse}}
|
|
10
10
|
{{#with this.teaseritem }}
|
|
11
11
|
{{#if this.isImage}}
|
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.59.
|
|
9
|
+
"version": "1.59.10",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "storybook dev -p 6006 public",
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
{{#if this.showFullSize.isTrue }}
|
|
3
3
|
{{> components/content/copytext/components/image/figure
|
|
4
4
|
_cssClass="my-6 sm480:my-7 clear-both"
|
|
5
|
+
_cssClassCaption="mx-5 md:mx-0"
|
|
5
6
|
_type="story"
|
|
6
7
|
_variant="100-copytext-portrait"
|
|
7
8
|
_noAr="true"
|
|
@@ -9,6 +10,7 @@
|
|
|
9
10
|
{{else}}
|
|
10
11
|
{{> components/content/copytext/components/image/figure
|
|
11
12
|
_cssClass="my-6 sm480:my-7 sm480:mr-5 sm480:w-1/2 w-auto flex-col float-none sm480:float-left break-inside-avoid page-break-inside-avoid"
|
|
13
|
+
_cssClassCaption="mx-5 md:mx-0"
|
|
12
14
|
_type="story"
|
|
13
15
|
_variant="copytext-portrait"
|
|
14
16
|
_noAr="true"
|
|
@@ -18,6 +20,7 @@
|
|
|
18
20
|
{{#if this.showFullSize.isTrue}}
|
|
19
21
|
{{> components/content/copytext/components/image/figure
|
|
20
22
|
_cssClass="my-6 sm480:my-7 clear-both"
|
|
23
|
+
_cssClassCaption="mx-5 md:mx-0"
|
|
21
24
|
_type="story"
|
|
22
25
|
_variant="100-copytext"
|
|
23
26
|
_pictureAddClass="ar-16-9"
|
|
@@ -25,6 +28,7 @@
|
|
|
25
28
|
{{else}}
|
|
26
29
|
{{> components/content/copytext/components/image/figure
|
|
27
30
|
_cssClass="my-6 sm480:my-7 sm480:mr-5 sm480:w-1/2 w-auto flex-col float-none sm480:float-left break-inside-avoid page-break-inside-avoid"
|
|
31
|
+
_cssClassCaption="mx-5 md:mx-0"
|
|
28
32
|
_type="story"
|
|
29
33
|
_variant="copytext"
|
|
30
34
|
_pictureAddClass="ar-16-9"
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
<header class="mt-6 sm480:mt12">
|
|
2
|
+
<h2>
|
|
3
|
+
{{#if this.label }}
|
|
4
|
+
{{#with this.label}}
|
|
5
|
+
{{#> components/label/label_group}}
|
|
6
|
+
{{> components/label/label _type=this.type _text=(loca this.loca)}}
|
|
7
|
+
{{/components/label/label_group}}
|
|
8
|
+
{{/with}}
|
|
9
|
+
{{else}}
|
|
10
|
+
{{~#if topline}}
|
|
11
|
+
<span class="block text-base font-heading">{{this.topline}}</span>
|
|
12
|
+
{{/if~}}
|
|
13
|
+
{{/if~}}
|
|
14
|
+
<span class="text-3xl font-headingSerif sm480:text-5xl">{{this.title}}</span>
|
|
15
|
+
</h2>
|
|
16
|
+
</header>
|
|
@@ -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.","hasMoreThanOneAuthor":false,"hasDwellTime":true,"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","authorTitle":"Steffen Rebhahn","authorImage":{"isImage":true,"caption":"Steffen Rebhahn","copyrightWithLinks":"hr","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/mitarbeiter-portraet-steffen-rebhahn-106_v-1to1_small.jpg","sources":[{"sizes":"50px","srcset":"images/mitarbeiter-portraet-steffen-rebhahn-106_v-1to1__xsmall.jpg 260w, images/mitarbeiter-portraet-steffen-rebhahn-106_v-1to1__small.jpg 380w, images/mitarbeiter-portraet-steffen-rebhahn-106_v-1to1__medium.jpg 480w, images/mitarbeiter-portraet-steffen-rebhahn-106_v-1to1.jpg 720w, images/mitarbeiter-portraet-steffen-rebhahn-106_v-1to1__large.jpg 960w"}]}},"authorUrl":"/author-url","webviewAuthorUrl":"webview-author-url","authorItems":[{"hasProfileLink":false,"from":"Von","textAfterAuthor":"Horst Schlämmer","delimiter":", "},{"hasProfileLink":false,"from":"","textAfterAuthor":"Karl Dall","delimiter":" und "},{"hasProfileLink":true,"from":"","authorName":"Peter Lustig","delimiter":"","link":{"url":"/author-url","isTargetBlank":false}}],"copytextParagraph":[{"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."}]}},{"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>"}]}},{"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."}]}},{"isHeadline":true,"text":"Zwischenüberschrift"},{"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"}},"label":{"type":"glosse","loca":"label_glosse"}}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{{#>components/page/base/page_wrapper}}
|
|
2
|
-
|
|
3
|
-
<h2 class="text-3xl font-headingSerif sm480:text-5xl">{{this.title}}</h2>
|
|
2
|
+
{{> components/page/base/page_header}}
|
|
4
3
|
|
|
5
4
|
{{> components/page/components/shorttext _text=this.shorttext }}
|
|
6
5
|
|
|
7
6
|
{{> components/page/components/metadatabox _showDate=this.hasDwellTime}}
|
|
8
7
|
|
|
8
|
+
|
|
9
9
|
{{#unless this.displayPageLead.isFalse}}
|
|
10
10
|
{{#with this.teaseritem }}
|
|
11
11
|
{{#if this.isImage}}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import story_template from './story_article.hbs'
|
|
2
|
-
import
|
|
2
|
+
import data_story from './fixtures/story.json'
|
|
3
|
+
import data_story_with_label from './fixtures/story_with_label.json'
|
|
3
4
|
|
|
4
5
|
const Template = ({ ...args }) => {
|
|
5
6
|
// You can either use a function to create DOM elements or use a plain html string!
|
|
@@ -13,16 +14,18 @@ export default {
|
|
|
13
14
|
|
|
14
15
|
export const Default = {
|
|
15
16
|
render: Template.bind({}),
|
|
16
|
-
name: '
|
|
17
|
-
args:
|
|
17
|
+
name: 'Artikel mit Topline',
|
|
18
|
+
args: data_story,
|
|
18
19
|
parameters: {
|
|
19
20
|
layout: 'fullscreen',
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
export const WithLabel = {
|
|
25
|
+
render: Template.bind({}),
|
|
26
|
+
name: 'Artikel mit Label',
|
|
27
|
+
args: data_story_with_label,
|
|
28
|
+
parameters: {
|
|
29
|
+
layout: 'fullscreen',
|
|
30
|
+
}
|
|
28
31
|
}
|