hr-design-system-handlebars 1.59.6 → 1.59.8

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# v1.59.8 (Fri Feb 23 2024)
+
+#### 🐛 Bug Fix
+
+- add story for metadatabox [#861](https://github.com/mumprod/hr-design-system-handlebars/pull/861) ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+#### Authors: 1
+
+- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+---
+
+# v1.59.7 (Fri Feb 23 2024)
+
+#### 🐛 Bug Fix
+
+- Implemented 'layout: fullscreen' parameter in Storybook configuration… [#860](https://github.com/mumprod/hr-design-system-handlebars/pull/860) ([@vascoeduardo](https://github.com/vascoeduardo))
+
+#### Authors: 1
+
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+
+---
+
 # v1.59.6 (Fri Feb 23 2024)
 
 #### ⚠️ Pushed to `main`

package/dist/assets/index.css

@@ -3254,7 +3254,7 @@ article.indexText ul {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1708700641206;
+  counter-reset: cnt1708712754446;
 }
 .hyphens-auto {
   -webkit-hyphens: auto;
@@ -3577,7 +3577,7 @@ article.indexText ul {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1708700641206 1;
+  counter-increment: cnt1708712754446 1;
 }
 .-ordered::before {
   position: absolute;
@@ -3593,7 +3593,7 @@ article.indexText ul {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1708700641206);
+  content: counter(cnt1708712754446);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */
@@ -5452,6 +5452,10 @@ article.indexText ul {
     margin-right: 1.25rem;
   }
 
+  .sm480\:mt-1 {
+    margin-top: 0.25rem;
+  }
+
   .sm480\:mt-4 {
     margin-top: 1rem;
   }

package/dist/views/components/page/components/author.hbs

@@ -1,7 +1,7 @@
 {{#if this.hasMoreThanOneAuthor}}
     
     {{#with this.authorItems}}
-        <p class="mb-1 text-sm font-headingSerif text-gray-scorpion dark:text-text-dark">
+        <p class="mb-1 text-xs sm480:text-sm font-headingSerif text-gray-scorpion dark:text-text-dark">
             {{#each this}}
                 {{#if this.hasProfileLink}}
                     {{this.from}}
@@ -21,17 +21,18 @@
 {{else}}
 
     {{#if this.authorTitle~}}
-        <div class="flex items-center h-10">
+        <div class="flex items-center {{#if this.authorImage.isImage}}h-10{{else}}mb-1{{/if}}">
             {{#if this.authorImage.isImage}}
                 <div class="w-10 h-10 mr-4 basis-10 grow-0">
                     {{~> components/base/image/responsive_image this.authorImage
                             _type="profile" 
                             _variant="ticker" 
                             _addClass=""
-                            _addClassImg="ar-1-1 rounded-full" ~}}
+                            _addClassImg="ar-1-1 rounded-full" 
+                            _noDelay=true ~}}
                 </div>
             {{/if}}
-            <div class="self-start text-sm basis-0 grow font-headingSerif text-gray-scorpion dark:text-text-dark">
+            <div class="self-start text-xs sm480:text-sm basis-0 grow font-headingSerif text-gray-scorpion dark:text-text-dark">
                 {{#unless _hideFrom }}Von{{/unless}}
                 {{#if this.authorUrl~}}
                     <a href="{{this.authorUrl}}" {{#with this.webviewAuthorUrl}}data-webviewurl="{{this}}"{{/with}} class="text-link hover:underline dark:text-link-dark ">{{this.authorTitle}}</a>

package/dist/views/components/page/components/commentlink.hbs

@@ -1,8 +1,8 @@
 {{#with this.userComments ~}}
-    <div class="{{#unless ../this.hasMoreThanOneAuthor}}ml-14 {{/unless}}mt-2 -mb-1">
+    <div class="{{#unless ../this.hasMoreThanOneAuthor}}{{#if ../this.authorImage.isImage}}ml-14 {{/if}}{{/unless}}mt-0 sm480:mt-1 -mb-1">
         <span class="relative z-30 whitespace-nowrap">
-            <a class="text-sm font-headingSerif text-link hover:underline" href="#commentList">
-                {{> components/base/image/icon _icon="kommentar" _iconmap="icons" _addClass="mr-0.5 inline w-5 h-5 text-link fill-current"}}
+            <a class="text-xs sm480:text-sm font-headingSerif text-link hover:underline dark:text-link-dark" href="#commentList">
+                {{> components/base/image/icon _icon="kommentar" _iconmap="icons" _addClass="mr-0.5 inline w-5 h-5 text-link dark:text-link-dark fill-current"}}
                 <span class="sr-only">{{loca "comment_anchor_1"}}</span>
                 <span class="text-link">{{this.quantity}}</span>
                 {{#if this.hasOneComment}}

package/dist/views/components/page/components/metadatabox.hbs

@@ -1,6 +1,6 @@
 <div class="clear-both mt-3 border-y border-gray-scorpion">
     <div class="flex clear-both w-full my-2 sm:my-4">
-        <div>
+        <div class="self-center">
             {{> components/page/components/author _hideFrom=false }}
 
             {{#if _showDate }}

package/dist/views/components/page/components/publicationdate.hbs

@@ -1,4 +1,4 @@
-<div class="{{#unless this.hasMoreThanOneAuthor}}-mt-5 ml-14 {{/unless}}text-sm font-headingSerif text-gray-scorpion dark:text-text-dark">
+<div class="{{#unless this.hasMoreThanOneAuthor}}{{#if this.authorImage.isImage}}-mt-5 ml-14 {{/if}}{{/unless}}text-xs sm480:text-sm font-headingSerif text-gray-scorpion dark:text-text-dark">
 
     {{#with this.documentModificationDate~}}
         

package/dist/views_static/components/page/components/author.hbs

@@ -1,7 +1,7 @@
 {{#if this.hasMoreThanOneAuthor}}
     
     {{#with this.authorItems}}
-        <p class="mb-1 text-sm font-headingSerif text-gray-scorpion dark:text-text-dark">
+        <p class="mb-1 text-xs sm480:text-sm font-headingSerif text-gray-scorpion dark:text-text-dark">
             {{#each this}}
                 {{#if this.hasProfileLink}}
                     {{this.from}}
@@ -21,17 +21,18 @@
 {{else}}
 
     {{#if this.authorTitle~}}
-        <div class="flex items-center h-10">
+        <div class="flex items-center {{#if this.authorImage.isImage}}h-10{{else}}mb-1{{/if}}">
             {{#if this.authorImage.isImage}}
                 <div class="w-10 h-10 mr-4 basis-10 grow-0">
                     {{~> components/base/image/responsive_image this.authorImage
                             _type="profile" 
                             _variant="ticker" 
                             _addClass=""
-                            _addClassImg="ar-1-1 rounded-full" ~}}
+                            _addClassImg="ar-1-1 rounded-full" 
+                            _noDelay=true ~}}
                 </div>
             {{/if}}
-            <div class="self-start text-sm basis-0 grow font-headingSerif text-gray-scorpion dark:text-text-dark">
+            <div class="self-start text-xs sm480:text-sm basis-0 grow font-headingSerif text-gray-scorpion dark:text-text-dark">
                 {{#unless _hideFrom }}Von{{/unless}}
                 {{#if this.authorUrl~}}
                     <a href="{{this.authorUrl}}" {{#with this.webviewAuthorUrl}}data-webviewurl="{{this}}"{{/with}} class="text-link hover:underline dark:text-link-dark ">{{this.authorTitle}}</a>

package/dist/views_static/components/page/components/commentlink.hbs

@@ -1,8 +1,8 @@
 {{#with this.userComments ~}}
-    <div class="{{#unless ../this.hasMoreThanOneAuthor}}ml-14 {{/unless}}mt-2 -mb-1">
+    <div class="{{#unless ../this.hasMoreThanOneAuthor}}{{#if ../this.authorImage.isImage}}ml-14 {{/if}}{{/unless}}mt-0 sm480:mt-1 -mb-1">
         <span class="relative z-30 whitespace-nowrap">
-            <a class="text-sm font-headingSerif text-link hover:underline" href="#commentList">
-                {{> components/base/image/icon _icon="kommentar" _iconmap="icons" _addClass="mr-0.5 inline w-5 h-5 text-link fill-current"}}
+            <a class="text-xs sm480:text-sm font-headingSerif text-link hover:underline dark:text-link-dark" href="#commentList">
+                {{> components/base/image/icon _icon="kommentar" _iconmap="icons" _addClass="mr-0.5 inline w-5 h-5 text-link dark:text-link-dark fill-current"}}
                 <span class="sr-only">{{loca "comment_anchor_1"}}</span>
                 <span class="text-link">{{this.quantity}}</span>
                 {{#if this.hasOneComment}}

package/dist/views_static/components/page/components/metadatabox.hbs

@@ -1,6 +1,6 @@
 <div class="clear-both mt-3 border-y border-gray-scorpion">
     <div class="flex clear-both w-full my-2 sm:my-4">
-        <div>
+        <div class="self-center">
             {{> components/page/components/author _hideFrom=false }}
 
             {{#if _showDate }}

package/dist/views_static/components/page/components/publicationdate.hbs

@@ -1,4 +1,4 @@
-<div class="{{#unless this.hasMoreThanOneAuthor}}-mt-5 ml-14 {{/unless}}text-sm font-headingSerif text-gray-scorpion dark:text-text-dark">
+<div class="{{#unless this.hasMoreThanOneAuthor}}{{#if this.authorImage.isImage}}-mt-5 ml-14 {{/if}}{{/unless}}text-xs sm480:text-sm font-headingSerif text-gray-scorpion dark:text-text-dark">
 
     {{#with this.documentModificationDate~}}
         

package/package.json

@@ -6,7 +6,7 @@
     "license": "MIT",
     "main": "dist/index.js",
     "repository": "https://github.com/szuelch/hr-design-system-handlebars",
-    "version": "1.59.6",
+    "version": "1.59.8",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",
         "storybook": "storybook dev -p 6006 public",

package/src/assets/fixtures/page/metadatabox.json

@@ -0,0 +1,18 @@
+{
+    "_showDate": true,
+    "hasMoreThanOneAuthor": false,
+    "hasDwellTime": true,
+    "documentModificationDate": {
+        "isModificationDate": false,
+        "isPublicationDate": true,
+        "htmlDateTime": "2024-02-15T19:30+0200",
+        "date": "15.02.24",
+        "time": "19:30"
+    },
+    "socialSharing": {
+        "twitterLink": "/twitterLink-url",
+        "facebookLink": "/facebookLink-url",
+        "whatsappLink": "/whatsappLink-url",
+        "mailtoLink": "/mailtoLink-url"
+    }
+}

package/src/assets/fixtures/page/metadatabox_more_authors.json

@@ -0,0 +1,42 @@
+{
+    "_showDate": true,
+    "hasMoreThanOneAuthor": true,
+    "hasDwellTime": true,
+    "documentModificationDate": {
+        "isModificationDate": false,
+        "isPublicationDate": true,
+        "htmlDateTime": "2024-02-15T19:30+0200",
+        "date": "15.02.24",
+        "time": "19:30"
+    },
+    "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   
+            }            
+        }
+    ],
+    "socialSharing": {
+        "twitterLink": "/twitterLink-url",
+        "facebookLink": "/facebookLink-url",
+        "whatsappLink": "/whatsappLink-url",
+        "mailtoLink": "/mailtoLink-url"
+    }
+}

package/src/assets/fixtures/page/metadatabox_more_authors_comments.json

@@ -0,0 +1,46 @@
+{
+    "_showDate": true,
+    "hasMoreThanOneAuthor": true,
+    "hasDwellTime": true,
+    "documentModificationDate": {
+        "isModificationDate": false,
+        "isPublicationDate": true,
+        "htmlDateTime": "2024-02-15T19:30+0200",
+        "date": "15.02.24",
+        "time": "19:30"
+    },
+    "userComments": {
+        "HasOneComment": false,
+        "quantity": "117"
+    },
+    "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   
+            }            
+        }
+    ],
+    "socialSharing": {
+        "twitterLink": "/twitterLink-url",
+        "facebookLink": "/facebookLink-url",
+        "whatsappLink": "/whatsappLink-url",
+        "mailtoLink": "/mailtoLink-url"
+    }
+}

package/src/assets/fixtures/page/metadatabox_one_author.json

@@ -0,0 +1,31 @@
+{
+    "_showDate": true,
+    "hasMoreThanOneAuthor": false,
+    "hasDwellTime": true,
+    "documentModificationDate": {
+        "isModificationDate": false,
+        "isPublicationDate": true,
+        "htmlDateTime": "2024-02-15T19:30+0200",
+        "date": "15.02.24",
+        "time": "19:30"
+    },
+    "authorTitle": "Steffen Rebhahn",
+    "authorImage": {
+        "@->jsoninclude": "page/story/story_images.inc.json",
+        "@->contentpath": "author",
+        "@->replaceToken": [
+            {
+                "@->token": "image",
+                "@->value": "mitarbeiter-portraet-steffen-rebhahn-106"
+            }
+        ]            
+    },
+    "authorUrl": "/author-url",
+    "webviewAuthorUrl": "webview-author-url",
+    "socialSharing": {
+        "twitterLink": "/twitterLink-url",
+        "facebookLink": "/facebookLink-url",
+        "whatsappLink": "/whatsappLink-url",
+        "mailtoLink": "/mailtoLink-url"
+    }
+}

package/src/assets/fixtures/page/metadatabox_one_author_comments.json

@@ -0,0 +1,35 @@
+{
+    "_showDate": true,
+    "hasMoreThanOneAuthor": false,
+    "hasDwellTime": true,
+    "documentModificationDate": {
+        "isModificationDate": false,
+        "isPublicationDate": true,
+        "htmlDateTime": "2024-02-15T19:30+0200",
+        "date": "15.02.24",
+        "time": "19:30"
+    },
+    "userComments": {
+        "HasOneComment": false,
+        "quantity": "117"
+    },
+    "authorTitle": "Steffen Rebhahn",
+    "authorImage": {
+        "@->jsoninclude": "page/story/story_images.inc.json",
+        "@->contentpath": "author",
+        "@->replaceToken": [
+            {
+                "@->token": "image",
+                "@->value": "mitarbeiter-portraet-steffen-rebhahn-106"
+            }
+        ]            
+    },
+    "authorUrl": "/author-url",
+    "webviewAuthorUrl": "webview-author-url",
+    "socialSharing": {
+        "twitterLink": "/twitterLink-url",
+        "facebookLink": "/facebookLink-url",
+        "whatsappLink": "/whatsappLink-url",
+        "mailtoLink": "/mailtoLink-url"
+    }
+}

package/src/assets/fixtures/page/metadatabox_one_author_without_picture.json

@@ -0,0 +1,21 @@
+{
+    "_showDate": true,
+    "hasMoreThanOneAuthor": false,
+    "hasDwellTime": true,
+    "documentModificationDate": {
+        "isModificationDate": false,
+        "isPublicationDate": true,
+        "htmlDateTime": "2024-02-15T19:30+0200",
+        "date": "15.02.24",
+        "time": "19:30"
+    },
+    "authorTitle": "Steffen Rebhahn",
+    "authorUrl": "/author-url",
+    "webviewAuthorUrl": "webview-author-url",
+    "socialSharing": {
+        "twitterLink": "/twitterLink-url",
+        "facebookLink": "/facebookLink-url",
+        "whatsappLink": "/whatsappLink-url",
+        "mailtoLink": "/mailtoLink-url"
+    }
+}

package/src/stories/views/components/page/components/author.hbs

@@ -1,7 +1,7 @@
 {{#if this.hasMoreThanOneAuthor}}
     
     {{#with this.authorItems}}
-        <p class="mb-1 text-sm font-headingSerif text-gray-scorpion dark:text-text-dark">
+        <p class="mb-1 text-xs sm480:text-sm font-headingSerif text-gray-scorpion dark:text-text-dark">
             {{#each this}}
                 {{#if this.hasProfileLink}}
                     {{this.from}}
@@ -21,17 +21,18 @@
 {{else}}
 
     {{#if this.authorTitle~}}
-        <div class="flex items-center h-10">
+        <div class="flex items-center {{#if this.authorImage.isImage}}h-10{{else}}mb-1{{/if}}">
             {{#if this.authorImage.isImage}}
                 <div class="w-10 h-10 mr-4 basis-10 grow-0">
                     {{~> components/base/image/responsive_image this.authorImage
                             _type="profile" 
                             _variant="ticker" 
                             _addClass=""
-                            _addClassImg="ar-1-1 rounded-full" ~}}
+                            _addClassImg="ar-1-1 rounded-full" 
+                            _noDelay=true ~}}
                 </div>
             {{/if}}
-            <div class="self-start text-sm basis-0 grow font-headingSerif text-gray-scorpion dark:text-text-dark">
+            <div class="self-start text-xs sm480:text-sm basis-0 grow font-headingSerif text-gray-scorpion dark:text-text-dark">
                 {{#unless _hideFrom }}Von{{/unless}}
                 {{#if this.authorUrl~}}
                     <a href="{{this.authorUrl}}" {{#with this.webviewAuthorUrl}}data-webviewurl="{{this}}"{{/with}} class="text-link hover:underline dark:text-link-dark ">{{this.authorTitle}}</a>

package/src/stories/views/components/page/components/commentlink.hbs

@@ -1,8 +1,8 @@
 {{#with this.userComments ~}}
-    <div class="{{#unless ../this.hasMoreThanOneAuthor}}ml-14 {{/unless}}mt-2 -mb-1">
+    <div class="{{#unless ../this.hasMoreThanOneAuthor}}{{#if ../this.authorImage.isImage}}ml-14 {{/if}}{{/unless}}mt-0 sm480:mt-1 -mb-1">
         <span class="relative z-30 whitespace-nowrap">
-            <a class="text-sm font-headingSerif text-link hover:underline" href="#commentList">
-                {{> components/base/image/icon _icon="kommentar" _iconmap="icons" _addClass="mr-0.5 inline w-5 h-5 text-link fill-current"}}
+            <a class="text-xs sm480:text-sm font-headingSerif text-link hover:underline dark:text-link-dark" href="#commentList">
+                {{> components/base/image/icon _icon="kommentar" _iconmap="icons" _addClass="mr-0.5 inline w-5 h-5 text-link dark:text-link-dark fill-current"}}
                 <span class="sr-only">{{loca "comment_anchor_1"}}</span>
                 <span class="text-link">{{this.quantity}}</span>
                 {{#if this.hasOneComment}}

package/src/stories/views/components/page/components/metadatabox.hbs

@@ -1,6 +1,6 @@
 <div class="clear-both mt-3 border-y border-gray-scorpion">
     <div class="flex clear-both w-full my-2 sm:my-4">
-        <div>
+        <div class="self-center">
             {{> components/page/components/author _hideFrom=false }}
 
             {{#if _showDate }}

package/src/stories/views/components/page/components/metadatabox.mdx

@@ -0,0 +1,29 @@
+import { ArgsTable, Meta, Story, Canvas } from '@storybook/blocks'
+import * as MetadataboxStories from './metadatabox.stories'
+
+<Meta of={MetadataboxStories} />
+
+# Metadaten-Box
+
+## Beschreibung
+
+Die Metadaten-Box enthält folgende Elemente: 
+- Autor-Name(n)
+- Autor-Bild (wenn nur ein Autor)
+- Aktualisierungs- oder Veröffentlichungsdatum
+- Anker-Link zu den Kommentaren
+- social-sharing-buttons
+
+## Verwendung
+
+Die Metadatenbox-Komponente wird in handlebars wie folgt eingebaut:
+
+```html
+{{> components/page/components/metadatabox _showDate=true|false }}
+```
+
+<Canvas withToolbar>
+    <Story of={MetadataboxStories.Default} />
+</Canvas>
+
+<ArgsTable story="default" />

package/src/stories/views/components/page/components/metadatabox.stories.js

@@ -0,0 +1,67 @@
+import metadatabox_template from './metadatabox.hbs'
+import metadatabox_json from '../fixtures/metadatabox.json'
+import metadatabox_one_author_json from '../fixtures/metadatabox_one_author.json'
+import metadatabox_one_author_without_picture_json from '../fixtures/metadatabox_one_author_without_picture.json'
+import metadatabox_one_author_comments_json from '../fixtures/metadatabox_one_author_comments.json'
+import metadatabox_more_authors_json from '../fixtures/metadatabox_more_authors.json'
+import metadatabox_more_authors_comments_json from '../fixtures/metadatabox_more_authors_comments.json'
+
+const Template = ({ ...args }) => {
+    // You can either use a function to create DOM elements or use a plain html string!
+    // return `<span>${topline}</span>`;
+    return metadatabox_template({ ...args })
+}
+
+export default {
+    title: 'Seiten/Komponenten/Metadaten-Box',
+    argTypes: {
+        _showDate: {
+            control: 'boolean',
+            description: 'Datum anzeigen',
+        },
+    },    
+    decorators: [
+        (Story) => {
+            return `<div class="max-w-[724px] mx-auto mt-10">  
+             ${Story()} 
+             </div>`
+        },
+    ],
+}
+
+export const Default = {
+    render: Template.bind({}),
+    name: 'Nur Datum',
+    args: metadatabox_json,
+}
+
+export const WithOneAuthor = {
+    render: Template.bind({}),
+    name: 'Ein Autor',
+    args: metadatabox_one_author_json,
+}
+
+export const WithOneAuthorWithoutPicture = {
+    render: Template.bind({}),
+    name: 'Ein Autor ohne Bild',
+    args: metadatabox_one_author_without_picture_json,
+}
+
+
+export const WithMoreAuthors = {
+    render: Template.bind({}),
+    name: 'Mehrere Autoren',
+    args: metadatabox_more_authors_json,
+}
+
+export const WithOneAuthorAndComments = {
+    render: Template.bind({}),
+    name: 'Ein Autor und Kommentar-Link',
+    args: metadatabox_one_author_comments_json,
+}
+
+export const WithMoreAuthorsAndComments = {
+    render: Template.bind({}),
+    name: 'Mehrere Autoren und Kommentar-Link',
+    args: metadatabox_more_authors_comments_json,
+}

package/src/stories/views/components/page/components/publicationdate.hbs

@@ -1,4 +1,4 @@
-<div class="{{#unless this.hasMoreThanOneAuthor}}-mt-5 ml-14 {{/unless}}text-sm font-headingSerif text-gray-scorpion dark:text-text-dark">
+<div class="{{#unless this.hasMoreThanOneAuthor}}{{#if this.authorImage.isImage}}-mt-5 ml-14 {{/if}}{{/unless}}text-xs sm480:text-sm font-headingSerif text-gray-scorpion dark:text-text-dark">
 
     {{#with this.documentModificationDate~}}
         

package/src/stories/views/components/page/fixtures/metadatabox.json

@@ -0,0 +1 @@
+{"_showDate":true,"hasMoreThanOneAuthor":false,"hasDwellTime":true,"documentModificationDate":{"isModificationDate":false,"isPublicationDate":true,"htmlDateTime":"2024-02-15T19:30+0200","date":"15.02.24","time":"19:30"},"socialSharing":{"twitterLink":"/twitterLink-url","facebookLink":"/facebookLink-url","whatsappLink":"/whatsappLink-url","mailtoLink":"/mailtoLink-url"}}

package/src/stories/views/components/page/fixtures/metadatabox_more_authors.json

@@ -0,0 +1 @@
+{"_showDate":true,"hasMoreThanOneAuthor":true,"hasDwellTime":true,"documentModificationDate":{"isModificationDate":false,"isPublicationDate":true,"htmlDateTime":"2024-02-15T19:30+0200","date":"15.02.24","time":"19:30"},"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}}],"socialSharing":{"twitterLink":"/twitterLink-url","facebookLink":"/facebookLink-url","whatsappLink":"/whatsappLink-url","mailtoLink":"/mailtoLink-url"}}

package/src/stories/views/components/page/fixtures/metadatabox_more_authors_comments.json

@@ -0,0 +1 @@
+{"_showDate":true,"hasMoreThanOneAuthor":true,"hasDwellTime":true,"documentModificationDate":{"isModificationDate":false,"isPublicationDate":true,"htmlDateTime":"2024-02-15T19:30+0200","date":"15.02.24","time":"19:30"},"userComments":{"HasOneComment":false,"quantity":"117"},"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}}],"socialSharing":{"twitterLink":"/twitterLink-url","facebookLink":"/facebookLink-url","whatsappLink":"/whatsappLink-url","mailtoLink":"/mailtoLink-url"}}

package/src/stories/views/components/page/fixtures/metadatabox_one_author.json

@@ -0,0 +1 @@
+{"_showDate":true,"hasMoreThanOneAuthor":false,"hasDwellTime":true,"documentModificationDate":{"isModificationDate":false,"isPublicationDate":true,"htmlDateTime":"2024-02-15T19:30+0200","date":"15.02.24","time":"19:30"},"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","socialSharing":{"twitterLink":"/twitterLink-url","facebookLink":"/facebookLink-url","whatsappLink":"/whatsappLink-url","mailtoLink":"/mailtoLink-url"}}

package/src/stories/views/components/page/fixtures/metadatabox_one_author_comments.json

@@ -0,0 +1 @@
+{"_showDate":true,"hasMoreThanOneAuthor":false,"hasDwellTime":true,"documentModificationDate":{"isModificationDate":false,"isPublicationDate":true,"htmlDateTime":"2024-02-15T19:30+0200","date":"15.02.24","time":"19:30"},"userComments":{"HasOneComment":false,"quantity":"117"},"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","socialSharing":{"twitterLink":"/twitterLink-url","facebookLink":"/facebookLink-url","whatsappLink":"/whatsappLink-url","mailtoLink":"/mailtoLink-url"}}

package/src/stories/views/components/page/fixtures/metadatabox_one_author_without_picture.json

@@ -0,0 +1 @@
+{"_showDate":true,"hasMoreThanOneAuthor":false,"hasDwellTime":true,"documentModificationDate":{"isModificationDate":false,"isPublicationDate":true,"htmlDateTime":"2024-02-15T19:30+0200","date":"15.02.24","time":"19:30"},"authorTitle":"Steffen Rebhahn","authorUrl":"/author-url","webviewAuthorUrl":"webview-author-url","socialSharing":{"twitterLink":"/twitterLink-url","facebookLink":"/facebookLink-url","whatsappLink":"/whatsappLink-url","mailtoLink":"/mailtoLink-url"}}

package/src/stories/views/components/page/story/story_main.stories.js

@@ -15,4 +15,7 @@ export const Default = {
     render: Template.bind({}),
     name: 'default',
     args: story_json,
+    parameters: {
+        layout: 'fullscreen',
+    }    
 }