hr-design-system-handlebars 1.34.0 → 1.34.1

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# v1.34.1 (Tue Jul 25 2023)
+
+#### 🐛 Bug Fix
+
+- Dpe 2272 [#688](https://github.com/mumprod/hr-design-system-handlebars/pull/688) ([@vascoeduardo](https://github.com/vascoeduardo))
+
+#### Authors: 1
+
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+
+---
+
 # v1.34.0 (Tue Jul 25 2023)
 
 #### 🚀 Enhancement

package/dist/assets/brand/_default/conf/locatags.json

@@ -93,6 +93,7 @@
     "livestream_will_play_with_time": "Startet am {0} um {1} Uhr",
     "search_input_aria_submit": "Suche starten",
     "search_input_placeholder": "Ort oder Thema suchen",
+    "social_media_links_text": "Folgen Sie mir:",
     "ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
     "ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
     "ticker_more":"Zum Ticker"

package/dist/assets/index.css

@@ -2904,7 +2904,7 @@ video {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1690289760048;
+  counter-reset: cnt1690299254291;
 }
 .hyphens-auto {
   -webkit-hyphens: auto;
@@ -3139,7 +3139,7 @@ video {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1690289760048 1;
+  counter-increment: cnt1690299254291 1;
 }
 .-ordered::before {
   position: absolute;
@@ -3155,7 +3155,7 @@ video {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1690289760048);
+  content: counter(cnt1690299254291);
 }
 /*! ****************************/
 /*! text-shadow                */

package/dist/views/components/content/social_media_links/social_media_links.hbs

@@ -0,0 +1,17 @@
+{{#with this.socialMediaLinks }}
+    <div class="flex">
+        <span class="mr-2 font-bold whitespace-nowrap">{{~loca "social_media_links_text"~}}</span>
+        <ul class="inline">
+            {{~#each this~}}
+                <li class="inline mr-1">
+                    {{~#> components/base/link _link=this.link _css="underline text-link" ~}}
+                        {{~this.linkText~}}
+                        {{~#if this.link.hasIcon~}}
+                            {{~> components/base/image/icon _icon=this.link.iconName _iconmap="icons" _addClass="inline -mt-0.5 w-5 h-5 fill-current"~}}
+                        {{~/if~}}
+                    {{~/components/base/link~}}
+                </li>
+            {{/each}}
+        </ul>
+    </div>        
+{{/with}}

package/dist/views_static/components/content/social_media_links/social_media_links.hbs

@@ -0,0 +1,17 @@
+{{#with this.socialMediaLinks }}
+    <div class="flex">
+        <span class="mr-2 font-bold whitespace-nowrap">{{~loca "social_media_links_text"~}}</span>
+        <ul class="inline">
+            {{~#each this~}}
+                <li class="inline mr-1">
+                    {{~#> components/base/link _link=this.link _css="underline text-link" ~}}
+                        {{~this.linkText~}}
+                        {{~#if this.link.hasIcon~}}
+                            {{~> components/base/image/icon _icon=this.link.iconName _iconmap="icons" _addClass="inline -mt-0.5 w-5 h-5 fill-current"~}}
+                        {{~/if~}}
+                    {{~/components/base/link~}}
+                </li>
+            {{/each}}
+        </ul>
+    </div>        
+{{/with}}

package/package.json

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

package/src/assets/brand/_default/conf/locatags.json

@@ -93,6 +93,7 @@
     "livestream_will_play_with_time": "Startet am {0} um {1} Uhr",
     "search_input_aria_submit": "Suche starten",
     "search_input_placeholder": "Ort oder Thema suchen",
+    "social_media_links_text": "Folgen Sie mir:",
     "ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
     "ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
     "ticker_more":"Zum Ticker"

package/src/assets/brand/hessenschau/conf/locatags.merged.json

@@ -93,6 +93,7 @@
 	"livestream_will_play_with_time": "Startet am {0} um {1} Uhr",
 	"search_input_aria_submit": "Suche starten",
 	"search_input_placeholder": "Ort oder Thema suchen",
+	"social_media_links_text": "Folgen Sie mir:",
 	"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
 	"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
 	"ticker_more": "Zum Ticker",

package/src/assets/brand/hr/conf/locatags.merged.json

@@ -93,6 +93,7 @@
 	"livestream_will_play_with_time": "Startet am {0} um {1} Uhr",
 	"search_input_aria_submit": "Suche starten",
 	"search_input_placeholder": "Ort oder Thema suchen",
+	"social_media_links_text": "Folgen Sie mir:",
 	"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
 	"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
 	"ticker_more": "Zum Ticker",

package/src/assets/brand/hr-bigband/conf/locatags.merged.json

@@ -93,6 +93,7 @@
 	"livestream_will_play_with_time": "Startet am {0} um {1} Uhr",
 	"search_input_aria_submit": "Suche starten",
 	"search_input_placeholder": "Ort oder Thema suchen",
+	"social_media_links_text": "Folgen Sie mir:",
 	"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
 	"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
 	"ticker_more": "Zum Ticker",

package/src/assets/brand/hr-fernsehen/conf/locatags.merged.json

@@ -93,6 +93,7 @@
 	"livestream_will_play_with_time": "Startet am {0} um {1} Uhr",
 	"search_input_aria_submit": "Suche starten",
 	"search_input_placeholder": "Ort oder Thema suchen",
+	"social_media_links_text": "Folgen Sie mir:",
 	"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
 	"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
 	"ticker_more": "Zum Ticker",

package/src/assets/brand/hr-inforadio/conf/locatags.merged.json

@@ -93,6 +93,7 @@
 	"livestream_will_play_with_time": "Startet am {0} um {1} Uhr",
 	"search_input_aria_submit": "Suche starten",
 	"search_input_placeholder": "Ort oder Thema suchen",
+	"social_media_links_text": "Folgen Sie mir:",
 	"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
 	"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
 	"ticker_more": "Zum Ticker",

package/src/assets/brand/hr-rundfunkrat/conf/locatags.merged.json

@@ -93,6 +93,7 @@
 	"livestream_will_play_with_time": "Startet am {0} um {1} Uhr",
 	"search_input_aria_submit": "Suche starten",
 	"search_input_placeholder": "Ort oder Thema suchen",
+	"social_media_links_text": "Folgen Sie mir:",
 	"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
 	"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
 	"ticker_more": "Zum Ticker",

package/src/assets/brand/hr-sinfonieorchester/conf/locatags.merged.json

@@ -93,6 +93,7 @@
 	"livestream_will_play_with_time": "Startet am {0} um {1} Uhr",
 	"search_input_aria_submit": "Suche starten",
 	"search_input_placeholder": "Ort oder Thema suchen",
+	"social_media_links_text": "Folgen Sie mir:",
 	"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
 	"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
 	"ticker_more": "Zum Ticker",

package/src/assets/brand/hr-werbung/conf/locatags.merged.json

@@ -93,6 +93,7 @@
 	"livestream_will_play_with_time": "Startet am {0} um {1} Uhr",
 	"search_input_aria_submit": "Suche starten",
 	"search_input_placeholder": "Ort oder Thema suchen",
+	"social_media_links_text": "Folgen Sie mir:",
 	"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
 	"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
 	"ticker_more": "Zum Ticker",

package/src/assets/brand/hr1/conf/locatags.merged.json

@@ -93,6 +93,7 @@
 	"livestream_will_play_with_time": "Startet am {0} um {1} Uhr",
 	"search_input_aria_submit": "Suche starten",
 	"search_input_placeholder": "Ort oder Thema suchen",
+	"social_media_links_text": "Folgen Sie mir:",
 	"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
 	"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
 	"ticker_more": "Zum Ticker",

package/src/assets/brand/hr2/conf/locatags.merged.json

@@ -93,6 +93,7 @@
 	"livestream_will_play_with_time": "Startet am {0} um {1} Uhr",
 	"search_input_aria_submit": "Suche starten",
 	"search_input_placeholder": "Ort oder Thema suchen",
+	"social_media_links_text": "Folgen Sie mir:",
 	"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
 	"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
 	"ticker_more": "Zum Ticker",

package/src/assets/brand/hr3/conf/locatags.merged.json

@@ -93,6 +93,7 @@
 	"livestream_will_play_with_time": "Startet am {0} um {1} Uhr",
 	"search_input_aria_submit": "Suche starten",
 	"search_input_placeholder": "Ort oder Thema suchen",
+	"social_media_links_text": "Folgen Sie mir:",
 	"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
 	"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
 	"ticker_more": "Zum Ticker",

package/src/assets/brand/hr4/conf/locatags.merged.json

@@ -93,6 +93,7 @@
 	"livestream_will_play_with_time": "Startet am {0} um {1} Uhr",
 	"search_input_aria_submit": "Suche starten",
 	"search_input_placeholder": "Ort oder Thema suchen",
+	"social_media_links_text": "Folgen Sie mir:",
 	"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
 	"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
 	"ticker_more": "Zum Ticker",

package/src/assets/brand/you-fm/conf/locatags.merged.json

@@ -93,6 +93,7 @@
 	"livestream_will_play_with_time": "Startet am {0} um {1} Uhr",
 	"search_input_aria_submit": "Suche starten",
 	"search_input_placeholder": "Ort oder Thema suchen",
+	"social_media_links_text": "Folgen Sie mir:",
 	"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
 	"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
 	"ticker_more": "Zum Ticker",

package/src/assets/fixtures/content/social_media_links/social_media_links.json

@@ -0,0 +1,32 @@
+{
+
+    "socialMediaLinks": [
+        {
+            "link": {
+                "url": "https://www.twitter.com",
+                "isTargetBlank": true,
+                "hasIcon": true,
+                "iconName": "extern"  
+            },
+            "linkText": "Twitter"
+        },
+        {
+            "link": {
+                "url": "https://www.facebook.com",
+                "isTargetBlank": true,
+                "hasIcon": true,
+                "iconName": "extern"  
+            },
+            "linkText": "Facebook"
+        },
+        {
+            "link": {
+                "url": "https://www.instagram.com",
+                "isTargetBlank": true,
+                "hasIcon": true,
+                "iconName": "extern"  
+            },
+            "linkText": "Instagram"
+        }
+    ]
+}

package/src/stories/views/components/content/social_media_links/fixtures/social_media_links.json

@@ -0,0 +1 @@
+{"socialMediaLinks":[{"link":{"url":"https://www.twitter.com","isTargetBlank":true,"hasIcon":true,"iconName":"extern"},"linkText":"Twitter"},{"link":{"url":"https://www.facebook.com","isTargetBlank":true,"hasIcon":true,"iconName":"extern"},"linkText":"Facebook"},{"link":{"url":"https://www.instagram.com","isTargetBlank":true,"hasIcon":true,"iconName":"extern"},"linkText":"Instagram"}]}

package/src/stories/views/components/content/social_media_links/social_media_links.hbs

@@ -0,0 +1,17 @@
+{{#with this.socialMediaLinks }}
+    <div class="flex">
+        <span class="mr-2 font-bold whitespace-nowrap">{{~loca "social_media_links_text"~}}</span>
+        <ul class="inline">
+            {{~#each this~}}
+                <li class="inline mr-1">
+                    {{~#> components/base/link _link=this.link _css="underline text-link" ~}}
+                        {{~this.linkText~}}
+                        {{~#if this.link.hasIcon~}}
+                            {{~> components/base/image/icon _icon=this.link.iconName _iconmap="icons" _addClass="inline -mt-0.5 w-5 h-5 fill-current"~}}
+                        {{~/if~}}
+                    {{~/components/base/link~}}
+                </li>
+            {{/each}}
+        </ul>
+    </div>        
+{{/with}}

package/src/stories/views/components/content/social_media_links/social_media_links.mdx

@@ -0,0 +1,28 @@
+import { ArgsTable, Meta, Story, Canvas, ColorPalette, ColorItem } from '@storybook/blocks'
+import * as socialMediaLinksStories from './social_media_links.stories'; 
+
+import socialMediaLinks from './social_media_links.hbs'
+
+<Meta of={socialMediaLinksStories} />
+
+export const Template = ({ ...args }) => {
+    // You can either use a function to create DOM elements or use a plain html string!
+    // return `<div>${geoTag}</div>`;
+    return socialMediaLinks({ ...args })
+}
+
+# Social Media Links
+
+<Canvas withToolbar>
+  <Story of={socialMediaLinksStories.ThreeLinks} />
+</Canvas>
+
+## Einbindung
+
+Die Komponente wird in Form eines Handlebar Partials eingebunden.
+
+```html
+{{> components/content/social_media_links/social_media_links.hbs }}
+```
+
+Die Komponente kann zur Zeit nicht über parameter Konfiguriert werden

package/src/stories/views/components/content/social_media_links/social_media_links.stories.js

@@ -0,0 +1,33 @@
+import socialMediaLinks from './social_media_links.hbs'
+import socialMediaLinksData from './fixtures/social_media_links.json'
+
+
+const Template = ({ ...args }) => {
+    // You can either use a function to create DOM elements or use a plain html string!
+    // return `<div>${socialMediaLinks}</div>`;
+    return socialMediaLinks({ ...args })
+}
+
+export default {
+    title: 'Komponenten/Content/SocialMediaLinks',
+
+    argTypes: {
+    },
+
+    decorators: [
+        (Story) => {
+            return `<div class="relative py-8">  
+             ${Story()} 
+             </div>`
+        },
+    ],
+}
+
+export const ThreeLinks = {
+    render: Template.bind({}),
+    name: '3 Links',
+
+    args: {
+        ...socialMediaLinksData
+    },
+}