hr-design-system-handlebars 0.82.2 → 0.82.3

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.
Files changed (17) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/build/handlebars/partials/handlebar-partials.js +11 -10
  3. package/dist/assets/index.css +54 -30
  4. package/dist/views/components/geoTag/geoTag.hbs +6 -0
  5. package/dist/views/components/mediaplayer/media_player.hbs +8 -6
  6. package/dist/views/components/teaser/components/teaser_av_consumption.hbs +5 -5
  7. package/dist/views/components/teaser/components/teaser_image.hbs +10 -1
  8. package/dist/views/components/teaser/components/teaser_lead.hbs +1 -1
  9. package/package.json +1 -1
  10. package/src/assets/tailwind.css +4 -0
  11. package/src/stories/views/components/geoTag/geoTag.hbs +6 -0
  12. package/src/stories/views/components/geoTag/geoTag.stories.mdx +61 -0
  13. package/src/stories/views/components/mediaplayer/media_player.hbs +8 -6
  14. package/src/stories/views/components/teaser/components/teaser_av_consumption.hbs +5 -5
  15. package/src/stories/views/components/teaser/components/teaser_image.hbs +10 -1
  16. package/src/stories/views/components/teaser/components/teaser_lead.hbs +1 -1
  17. package/tailwind.config.js +2 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,16 @@
1
+ # v0.82.3 (Tue Nov 15 2022)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - DPE-1831: Ortsmarke [#385](https://github.com/mumprod/hr-design-system-handlebars/pull/385) (saad.elbaciri@hr.de [@selbaciri](https://github.com/selbaciri))
6
+
7
+ #### Authors: 2
8
+
9
+ - Saad El Baciri ([@selbaciri](https://github.com/selbaciri))
10
+ - selbaciri (saad.elbaciri@hr.de)
11
+
12
+ ---
13
+
1
14
  # v0.82.2 (Tue Nov 15 2022)
2
15
 
3
16
  #### 🐛 Bug Fix
package/build/handlebars/partials/handlebar-partials.js CHANGED
@@ -7,13 +7,14 @@ module.exports['components/button/button.hbs'] = '<button \n {{~#if _aria}} a
7
7
  module.exports['components/button/button_pseudo.hbs'] = '{{#decorator \'components/base/link\'}}\n <span\n class=\'px-4 py-2.5 border\n {{inline-switch\n _color\n \'["white","grey","blue"]\'\n \'["text-white border-white","text-grey-scorpion border-grey-scorpion","text-white bg-blue-congress","text-toplineColor border-toplineColor"]\'\n }}\n font-heading hover:bg-white hover:text-toplineColor hover:border-toplineColor\'\n >\n {{_linkTitle}}\n </span>\n{{/decorator}}'
8
8
  module.exports['components/button/button_round.hbs'] = '{{> components/button/button \n _aria=_aria\n _isButton=_isButton\n _title=_title\n _name=_name\n _label=_label\n _value=_value\n _showIcon="true"\n _icon=_icon\n _iconmap=_iconmap\n _addIconClass="w-10 h-10 inline"\n _addClass=_addClass\n _webview=_webview\n _x-show=_x-show\n _alpineClick=_alpineClick\n _srOnly=_srOnly\n _buttonColor=_buttonColor\n _buttonSpace=_buttonSpace\n}}'
9
9
  module.exports['components/button/button_transparent.hbs'] = '{{> components/button/button \n _aria=_aria\n _isButton=_isButton\n _title=_title\n _name=_name\n _label=_label\n _value=_value\n _showIcon="true"\n _icon=_icon\n _iconmap=_iconmap\n _addIconClass=_addIconClass\n _addClass="bg-transparent hover:bg-slate-300 text-blue-700 font-semibold py-3.5 px-3.5 "\n _addClass2=_addClass\n _webview=_webview\n _x-show=_x-show\n _alpineClick=_alpineClick\n}}'
10
- module.exports['components/event/instant_dates.hbs'] = '{{#if this.moreThenOneEvent}}\n {{#with this.firstInstant}}\n <span class=\'text-2xl font-headingSerif font-bold\'>{{this.startDate.day}}</span>\n <span class=\'text-sm font-headingSerif\'>{{this.startDate.monthNameShort}}</span>\n {{/with}}\n {{#if this.moreThenTwoEvents}}\n <span class=\'text-sm font-headingSerif\'>|</span>\n {{else}}\n <span class=\'text-sm font-headingSerif\'>+</span>\n {{/if}}\n {{#with this.lastInstant}}\n <span class=\'text-2xl font-headingSerif font-bold\'>{{this.startDate.day}}</span>\n <span class=\'text-sm font-headingSerif\'>{{this.startDate.monthNameShort}}</span>\n {{/with}}\n{{else}}\n {{#with this.firstInstant}}\n <span class=\'text-sm font-headingSerif\'>{{this.startDate.weekdayNameShort}}</span>\n <span class=\'text-2xl font-headingSerif font-bold\'>{{this.startDate.day}}</span>\n <span class=\'text-sm font-headingSerif\'>{{this.startDate.monthNameShort}}</span>\n {{/with}}\n{{/if}}'
11
- module.exports['components/event/stage_location.ssi.hbs'] = '{{#with this.location}}\n<p class="mt-4 -mb-2 text-stageText font-base">\n {{> components/base/image/icon _icon="ortsmarke" _iconmap="icons" _addClass="inline w-5 h-5 fill-current -mt-1 mr-1.5 -ml-1" }}\n {{#each this}}\n {{#unless @first}}<span class="mx-2 text-stageText">|</span>{{/unless}}\n {{this}}\n {{/each}}\n</p>\n{{/with}}'
12
10
  module.exports['components/content_nav/content_nav.hbs'] = '{{#with this.contentNav}}\n {{#if this.isListOrFlow}}\n <nav x-cloak class="w-full px-2 c-content-nav">\n {{> components/content_nav/content_nav_container\n _teasersize=../_teasersize\n _maindivclass="flex relative flex-wrap mt-2 mx-2 md:mt-0 "\n _inputcontainerclass="flex bg-grey-light w-full h-10 mr-2 md:mx-0 border-blue-congress align-center"\n }}\n </nav>\n {{else}}\n {{#decorator \'components/content_nav/content_nav_dropdown\'\n _componentClass="c-content-nav h-10 md:h-auto w-full"\n _teasersize=../_teasersize\n _iconOpen="arrow-down"\n _iconClose="arrow-up"\n _buttonText=(defaultIfEmpty this.selectedItem.title ../../title)\n _hiddenNavigationLabel="Unternavigation"\n }}\n {{#if (isStorybook)}}\n {{> components/content_nav/content_nav_container\n _teasersize=_teasersize\n _maindivclass="flex flex-col w-full mt-0"\n _inputcontainerclass="flex bg-grey-light w-full h-10 mx-0 border-blue-congress align-center "\n }}\n {{else}}\n {{> components/content_nav/content_nav_container\n _teasersize=_teasersize\n _maindivclass="relative flex flex-col w-full mt-0"\n _inputcontainerclass="flex bg-grey-light w-full h-10 mx-0 border-blue-congress align-center "\n }}\n {{/if}}\n {{/decorator}}\n {{/if}}\n{{/with}} '
13
11
  module.exports['components/content_nav/content_nav_container.hbs'] = '<div x-cloak class="{{_maindivclass}} {{#if this.isAutosuggest}} autoSuggest js-load{{/if}} {{#if this.isMixed}} relative {{else}} absolute {{/if}} {{#if isStorybook}} !relative {{else}} absolute {{/if}} "\n @click.outside ="contentNavDropdownIsOpen = false; console.log(\'clicked outside\')"\n {{#if this.isAutosuggest}}\n data-hr-auto-suggest=\'{"filterGroupsSelector":".c-content-nav__group", "filterElementSelector":".c-content-nav__item", "filterTextSelector":".js-title", "inputElementSelector":".js-autosuggest-input", "matchedClass":"", "unmatchedClass":"hidden"}\'\n {{/if}}\n>\n {{#if this.isAutosuggest}}\n <div class="{{_inputcontainerclass}} c-content-nav__autosuggest ">\n <input x-ref="autosuggestInput"\n class="w-full h-8 pl-2 bg-gray-200 text-grey-dark placeholder:text-grey-dark focus:outline-none js-autosuggest-input"\n type="text"\n placeholder="Eintrag filtern"/>\n </div>\n {{/if}}\n\n {{> components/content_nav/content_nav_list _teasersize=_teasersize }}\n\n</div>'
14
12
  module.exports['components/content_nav/content_nav_dropdown.hbs'] = '<nav x-cloak\n class="w-full {{#if this.isMixed}} px-2 {{else}} px-0 {{/if}} {{_componentClass}} "\n id="dropdown--{{nextRandom}}"\n tabindex="0"\n role="navigation"\n aria-labelledby="dropdown__label--{{getRandom}}">\n\n <span id="dropdown__label--{{getRandom}}" class="hidden">{{defaultIfEmpty _hiddenNavigationLabel "Unternavigation"}}</span>\n\n <div x-show="shouldDropdownBeShown({{_teasersize}},{{this.isDropdown}},{{this.isMixed}})"\n :class="contentNavDropdownIsOpen ? \'shadow-[1px_4px_5px_0px_rgba(50,50,93,0.10)]\' : \'\'"\n class="relative flex w-auto h-10 mx-2 mb-0 overflow-hidden bg-white border md:mx-0 z-1002 border-blue-congress whitespace-nowrap text-blue-congress fill-congress"\n >\n <span class="self-center w-full p-2 text-base">{{_buttonText}}</span>\n <div class="flex self-center w-auto h-full px-3 py-1 border-l border-blue-congress">\n <span @click="contentNavDropdownIsOpen = !contentNavDropdownIsOpen; "\n :class="contentNavDropdownIsOpen ? \'hidden\' : \'\'"\n class="flex self-center"\n >\n {{~> components/base/image/icon _icon=(defaultIfEmpty _iconOpen "arrow-down") _addClass="h-4 w-4" _iconmap="icons"~}}\n </span>\n <span @click="contentNavDropdownIsOpen = !contentNavDropdownIsOpen; $dispatch(\'resetinput\'); "\n :class="contentNavDropdownIsOpen ? \'\' : \'hidden\'"\n class="flex self-center"\n >\n {{~> components/base/image/icon _icon=(defaultIfEmpty _iconClose "arrow-up") _addClass="h-4 w-4" _iconmap="icons"~}}\n </span>\n </div>\n </div>\n <div x-show="shouldContentBeShown({{_teasersize}},{{this.isDropdown}},{{this.isMixed}})"\n aria-haspopup="true"\n :class="contentNavDropdownIsOpen ? \'z-9999 w-auto relative\' : \' z-1003\'"\n class="{{#if this.isDropdown}} mx-2 md:mx-0 {{else}}{{#if this.isMixed}} mx-2 {{/if}} mx-2 {{/if}} md:h-auto md:overflow-visible">\n {{~decorator_body~}}\n </div>\n\n</nav>'
15
13
  module.exports['components/content_nav/content_nav_item.hbs'] = '<li x-init="chooseListItemStyles({{_teasersize}},{{_islist}},{{_ismixed}},{{_isdropdown}},{{_isflow}})" \nclass="h-10 md:mx-0 overflow-hidden text-base font-copy list-none border-blue-congress fill-congress text-blue-congress bg-white hover:bg-blue-congress hover:fill-white hover:text-white hover:underline {{#if this.isSelected}} font-bold -current{{/if}} c-content-nav__item">\n {{#decorator \'components/base/link\' \n _doNavigationTracking="true" \n _clickLabelType="Contentnavigation" \n _clickLabelPrefix1=this.title \n _css="flex items-center py-2 px-2 h-10 whitespace-nowrap overflow-hidden" \n _isSelected=this.isSelected\n _selectedCssClass="is-selected"\n }}\n \n <span class="block text-base grow font-copy js-title truncate ... ">{{this.title}}</span>\n\n {{#if this.link.hasIcon}}\n {{> components/base/image/icon _icon=this.link.iconName _addClass="ml-2 h-4 w-4" _iconmap="icons"}}\n {{/if}}\n\n <span>\n {{>components/base/image/icon _icon="arrow-right" _addClass="h-4 w-4 ml-2" }} \n </span>\n\n {{/decorator}} \n</li>\n\n\n'
16
14
  module.exports['components/content_nav/content_nav_list.hbs'] = '<ul class=" flex bg-white flex-wrap {{#if this.isListOrFlow}} w-full gap-x-2 gap-y-2 {{else}} {{/if}} z-1003 md:!px-0 last:border-b-0 {{#if this.isDropdown }} w-full {{/if}}"\n :class="( ({{this.isMixed}} && {{_teasersize}} < 50 ) || ( {{this.isMixed}} && window.innerWidth < 768 ) || {{this.isDropdown}} ) && contentNavDropdownIsOpen == true ? \'!shadow-[1px_8px_9px_0px_rgba(50,50,93,0.10)] mt-0 w-full \' : \'\'"\n > \n \n {{~#each this.contentNavEntries~}}\n \n {{~#if this.isGroup~}}\n \n {{#if ../isDropdown}} \n <li class="w-full h-auto overflow-hidden text-base list-none border-b border-gray-400 bg-blue-accented text-blue-congress md:mx-0 font-copy fill-congress c-content-nav__group">\n <div class="flex items-center h-10 p-2 c-content-nav__group-title">{{this.title}}</div>\n <ul class="c-content-nav__group-list !px-0 mt-0">\n {{~#each this.navigationGroup~}}\n {{> components/content_nav/content_nav_item \n _teasersize=../../_teasersize \n _isdropdown=../../isDropdown \n _ismixed=../../isMixed \n _islist=../../isList \n _isflow=../../isFlow}}\n {{~/each~}}\n </ul>\n </li> \n {{/if}}\n {{else}} \n {{> components/content_nav/content_nav_item \n _teasersize=../_teasersize \n _isdropdown=../isDropdown \n _ismixed=../isMixed \n _islist=../isList \n _isflow=../isFlow}}\n {{~/if~}}\n {{~/each~}}\n</ul>\n'
15
+ module.exports['components/event/instant_dates.hbs'] = '{{#if this.moreThenOneEvent}}\n {{#with this.firstInstant}}\n <span class=\'text-2xl font-headingSerif font-bold\'>{{this.startDate.day}}</span>\n <span class=\'text-sm font-headingSerif\'>{{this.startDate.monthNameShort}}</span>\n {{/with}}\n {{#if this.moreThenTwoEvents}}\n <span class=\'text-sm font-headingSerif\'>|</span>\n {{else}}\n <span class=\'text-sm font-headingSerif\'>+</span>\n {{/if}}\n {{#with this.lastInstant}}\n <span class=\'text-2xl font-headingSerif font-bold\'>{{this.startDate.day}}</span>\n <span class=\'text-sm font-headingSerif\'>{{this.startDate.monthNameShort}}</span>\n {{/with}}\n{{else}}\n {{#with this.firstInstant}}\n <span class=\'text-sm font-headingSerif\'>{{this.startDate.weekdayNameShort}}</span>\n <span class=\'text-2xl font-headingSerif font-bold\'>{{this.startDate.day}}</span>\n <span class=\'text-sm font-headingSerif\'>{{this.startDate.monthNameShort}}</span>\n {{/with}}\n{{/if}}'
16
+ module.exports['components/event/stage_location.ssi.hbs'] = '{{#with this.location}}\n<p class="mt-4 -mb-2 text-stageText font-base">\n {{> components/base/image/icon _icon="ortsmarke" _iconmap="icons" _addClass="inline w-5 h-5 fill-current -mt-1 mr-1.5 -ml-1" }}\n {{#each this}}\n {{#unless @first}}<span class="mx-2 text-stageText">|</span>{{/unless}}\n {{this}}\n {{/each}}\n</p>\n{{/with}}'
17
+ module.exports['components/geoTag/geoTag.hbs'] = '<span\n class=\'z-10 pointer-events-none inline-block absolute bottom-0 left-0 {{~inline-switch _teaserSize \'["33"]\' \'[" mx-5 my-5 md:mx-4 md:my-4"," mx-5 my-5"]\'}} rounded px-1.5 pt-px tracking-wide text-black text-base leading-5.5 font-heading bg-geoTag\'\n aria-hidden="true"\n>\n {{_text}}\n</span>'
17
18
  module.exports['components/grid/grid.hbs'] = '\n<div class="grid grid-page">\n <div class="grid grid-cols-12 py-6 bg-white sm:px-8 col-full sm:col-main gap-x-6 gap-y-6">\n {{#>components/grid/grid_group _size="100"}}\n <h2 class="text-4xl headline--barrier col-span-full">Gruppen 100%</h2>\n {{#>components/grid/grid_item _size="12"}}\n <a href="#">\n <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">\n 12/12 = 100% \n </div>\n </a>\n {{/components/grid/grid_item}} \n {{/components/grid/grid_group}} \n {{#>components/grid/grid_group _backgroundColor="1"}} \n <h2 class="text-4xl headline--barrier col-span-full">Gruppen 100% mit blauen Hintergrung bis Rand</h2>\n {{#>components/grid/grid_item _size="6"}}\n <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">\n 6/12 = 50% \n </div>\n {{/components/grid/grid_item}} \n {{#>components/grid/grid_item _size="6"}}\n <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">\n 6/12 = 50% \n </div>\n {{/components/grid/grid_item}} \n {{/components/grid/grid_group}} \n\n {{#>components/grid/grid_group _size="100"}}\n\n <h2 class="text-4xl headline--barrier col-span-full">Gruppen 100%</h2>\n {{#>components/grid/grid_item _size="6"}}\n <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">\n 6/12 = 50% \n </div>\n {{/components/grid/grid_item}} \n {{#>components/grid/grid_item _size="6"}}\n <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">\n 6/12 = 50% \n </div>\n {{/components/grid/grid_item}} \n\n {{#>components/grid/grid_item _size="4"}}\n <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">\n 4/12 = 33% \n </div>\n {{/components/grid/grid_item}} \n {{#>components/grid/grid_item _size="4"}}\n <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">\n 4/12 = 33% \n </div> \n {{/components/grid/grid_item}} \n {{#>components/grid/grid_item _size="4"}}\n <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">\n 4/12 = 33% \n </div> \n {{/components/grid/grid_item}}\n {{/components/grid/grid_group}}\n {{#>components/grid/grid_group_tabbed }}\n <h2 class="text-4xl headline--barrier col-span-full">Gruppen 100% Tabbed</h2>\n {{#>components/grid/grid_item _size="3"}}\n <div class="flex items-center justify-center text-4xl text-white bg-gray-500 aspect-video">\n 3/12 = 25% \n </div> \n {{/components/grid/grid_item}}\n \n {{#>components/grid/grid_item _size="3"}}\n <div class="flex items-center justify-center text-4xl text-white bg-gray-500 aspect-video">\n 3/12 = 25% \n </div> \n {{/components/grid/grid_item}}\n\n {{#>components/grid/grid_item _size="3"}}\n <div class="flex items-center justify-center text-4xl text-white bg-gray-500 aspect-video">\n 3/12 = 25% \n </div> \n {{/components/grid/grid_item}}\n\n {{#>components/grid/grid_item _size="3"}}\n <div class="flex items-center justify-center text-4xl text-white bg-gray-500 aspect-video">\n 3/12 = 25% \n </div> \n {{/components/grid/grid_item}} \n \n {{/components/grid/grid_group_tabbed}} \n {{#>components/grid/grid_group}} \n <h2 class="text-4xl headline--barrier col-span-full">Gruppen 100%</h2>\n {{#>components/grid/grid_item _size="4"}}\n <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">\n 4/12 = 33% \n </div>\n {{/components/grid/grid_item}} \n {{#>components/grid/grid_item _size="4"}}\n <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">\n 4/12 = 33% \n </div> \n {{/components/grid/grid_item}} \n {{#>components/grid/grid_item _size="4"}}\n <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">\n 4/12 = 33% \n </div> \n {{/components/grid/grid_item}} \n {{/components/grid/grid_group}} \n {{#>components/grid/grid_group _size="50"}}\n <h2 class="text-4xl headline--barrier col-span-full">Gruppen 50%</h2>\n {{#>components/grid/grid_item _size="12"}}\n <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">\n 6/12 = 50% \n </div>\n {{/components/grid/grid_item}} \n {{#>components/grid/grid_item _size="12"}}\n <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">\n 6/12 = 50% \n </div> \n {{/components/grid/grid_item}} \n {{/components/grid/grid_group}} \n {{#>components/grid/grid_group _size="50"}}\n <h2 class="text-4xl headline--barrier col-span-full">Gruppen 50%</h2>\n {{#>components/grid/grid_item _size="6"}}\n <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">\n 6/12 = 50% \n </div>\n {{/components/grid/grid_item}} \n {{#>components/grid/grid_item _size="6"}}\n <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">\n 6/12 = 50% \n </div> \n {{/components/grid/grid_item}} \n {{/components/grid/grid_group}} \n {{#>components/grid/grid_group _size="66"}}\n <h2 class="text-4xl headline--barrier col-span-full">Gruppen 66%</h2>\n {{#>components/grid/grid_item _size="12"}}\n <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">\n 8/12 = 66% \n </div>\n {{/components/grid/grid_item}} \n {{#>components/grid/grid_item _size="12"}}\n <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">\n 8/12 = 66% \n </div> \n {{/components/grid/grid_item}} \n {{/components/grid/grid_group}} \n {{#>components/grid/grid_group _size="33"}}\n <h2 class="text-4xl headline--barrier col-span-full">Gruppen 33%</h2>\n {{#>components/grid/grid_item _size="12"}}\n <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">\n 4/12 = 33% \n </div>\n {{/components/grid/grid_item}} \n {{#>components/grid/grid_item _size="12"}}\n <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">\n 4/12 = 33% \n </div> \n {{/components/grid/grid_item}} \n {{/components/grid/grid_group}} \n </div>\n</div>\n'
18
19
  module.exports['components/grid/grid_group.hbs'] = '{{~#if _backgroundColor}}\n {{#>components/grid/grid_group_highlight _backgroundColor=this.backgroundColor }} \n {{> @partial-block }}\n {{/components/grid/grid_group_highlight }}\n{{else}}\n {{#>components/grid/grid_group_standard _size=this.teaserSize }} \n {{> @partial-block }}\n {{/components/grid/grid_group_standard }}\n{{/if}}'
19
20
  module.exports['components/grid/grid_group_highlight.hbs'] = '</div>\n<div class="grid col-full grid-page {{inline-switch _backgroundColor \'["1","2"]\' \'[" bg-grey-alto"," bg-orange-bridesmaid"]\'}}">\n <section class="grid grid-cols-12 py-6 sm:px-8 col-full sm:col-main gap-x-6 gap-y-9">\n <div class="grid content-start grid-cols-12 col-span-12 gap-x-6 gap-y-6">\n {{> @partial-block }}\n </div>\n </section>\n</div>\n<div class="grid grid-cols-12 py-6 bg-white sm:px-8 col-full sm:col-main gap-x-6 gap-y-6">'
@@ -21,11 +22,11 @@ module.exports['components/grid/grid_group_standard.hbs'] = '<section class="gri
21
22
  module.exports['components/grid/grid_group_tabbed.hbs'] = '</div>\n<section class="grid grid-cols-12 px-8 py-8 mx-4 bg-blue-400 sm:mx-0 rounded-tl-3xl rounded-br-3xl col-full sm:col-main gap-x-6 gap-y-6">\n {{> @partial-block }}\n</section>\n<div class="grid grid-cols-12 py-6 bg-white sm:px-8 col-full sm:col-main gap-x-6 gap-y-6">'
22
23
  module.exports['components/grid/grid_item.hbs'] = '<article class="col-span-12 {{inline-switch _size \'["12","8","6","4","3"]\' \'["","md:col-span-8","md:col-span-6","md:col-span-4","md:col-span-3"]\'}}" >\n {{> @partial-block }} \n</article>'
23
24
  module.exports['components/label/label.hbs'] = '<span\n class=\'sb-label rounded px-1.5 pt-px inline-block tracking-wide text-white text-base leading-5.5 font-heading\n {{inline-switch\n _type\n \'["media","event","breakingnews","comment","analysis","der-tag-in-hessen","glosse","fragen-und-antworten","infografik","interaktiv","program","download","pm","liveticker","ticker","livestream","live","livechat","buliticker","social-tv","blog","podcast"]\'\n \'["bg-labelMedia","bg-labelEvent","bg-labelBreakingnews","bg-labelComment","bg-labelComment","bg-labelComment","bg-labelComment","bg-labelComment","bg-labelInfografik","bg-labelInfografik","bg-labelProgram","bg-labelDownload","bg-labelPm","bg-labelLive","bg-labelLive","bg-labelLive","bg-labelLive","bg-labelLive","bg-labelLive","bg-labelLive","bg-labelLive","bg-labelMedia"]\'\n }}\'\n>\n {{_text}}\n\n</span>\n{{~#with this.byline~}}\n <span class=\'ml-2 text-xs font-headingSerif {{#if ../_css}}{{../_css}}{{else}}text-grey-scorpion{{/if}}\'>\n {{~#if this.bylineSsi~}}\n {{{this.bylineSsi}}}\n {{~else~}}\n {{this.bylineText}}\n {{~/if~}}\n </span>\n{{~/with~}}'
24
- module.exports['components/mediaplayer/media_player.hbs'] = '<div x-show="avStart" id="{{this.ardPlayerConfig.playerId}}" class="ar-16-9 h-auto js-load {{if _cypressHook _cypressHook \'js-media-element\'}} js-video-livestream" data-hr-mediaplayer-loader=\'{{json this.ardPlayerJsonConfig}}\'>\n {{#unless _hideGeotag}}\n {{~#with _geotag}}\n <span class="js-geotag c-teaser__geotag" aria-hidden="true">{{this.[0].title~}}</span>\n {{/with~}}\n {{/unless}}\n</div>\n{{#if _isTeaser}}\n <div class="relative {{_aspectRatio}}" x-show="!avStart" > \n {{#with _teaser}}\n {{~#if ../_isCopyText~}}\n {{~> components/base/image/responsive_image this.teaserImage _type=(if this.teaserType this.teaserType \'story\') _variant=(if this.content.imageVariant this.content.imageVariant \'100-copytext\') _addClassImg="ar__content" _noDelay=../_noDelay ~}} \n {{else}} \n {{#decorator \'components/base/link\' _cssClasses="c-teaser__mediaLink" _isAriaHidden=true\n _doTracking=(if this.doTracking \'true\') _clickLabelPrefix1=this.realTeasersize\n _clickLabelPrefix2="mediaLink" }} \n {{~> components/base/image/responsive_image this.teaserImage _type=(if this.teaserType this.teaserType \'story\') _variant=(if this.content.imageVariant this.content.imageVariant \'100-copytext\') _addClassImg="ar__content" _noDelay=../_noDelay ~}} \n {{/decorator }}\n {{/if}}\n {{/with}}\n {{> components/button/button_round \n _isButton="true" \n _addClass=\'absolute bottom-0 right-0 fill-white hover:text-white js-mediaplayer__button\'\n _buttonColor=(if _isLivestream \' text-orange-spicyCarrot hover:fill-orange-spicyCarrot\' \' text-blue-jellyBean hover:fill-blue-jellyBean\')\n _buttonSpace=(inline-switch _teaserSize \'["25","33"]\' \'[" my-2 mx-2"," my-5 mx-5 md:my-3 md:mx-3"," my-5 mx-5"]\')\n _showIcon=true \n _icon=_mediaButtonIcon \n _label=_mediaButtonLabel \n _srOnly="true" \n _alpineClick="avStart = !avStart; $dispatch(\'player_start\')"\n }} \n {{~#if this.isPodcast~}}\n <a href="{{this.podcastDownloadUrl}}" class="absolute top-0 right-0 m-5 js-load"{{#with\n this.trackingData}}\n data-hr-click-tracking=\'{"settings": [{"type": "download", "clickLabel": "{{this.pageName}}", "secondLevelId": "{{this.secondLevelId}}"}, {"type": "uxAction", "clickLabel": "medienDownload::podcast::{{_type}}", "secondLevelId": "{{this.secondLevelId}}" }]}\'{{/with}}>\n {{> components/base/image/icon _icon=\'download-button\' _addClass="w-10 h-10"}}\n </a>\n {{~/if~}}\n </div>\n{{/if}}'
25
+ module.exports['components/mediaplayer/media_player.hbs'] = '<div x-show="avStart" id="{{this.ardPlayerConfig.playerId}}" class="ar-16-9 h-auto js-load {{if _cypressHook _cypressHook \'js-media-element\'}} js-video-livestream" data-hr-mediaplayer-loader=\'{{json this.ardPlayerJsonConfig}}\'>\n</div>\n{{#if _isTeaser}}\n <div class="relative {{_aspectRatio}}" x-show="!avStart" >\n {{#unless _hideGeotag}}\n {{#unless _isMobile1to1}}\n {{~#with _geotag}}\n {{> components/geoTag/geoTag _text=this.[0].title _teaserSize=../_teaserSize}}\n {{/with~}}\n {{/unless}}\n {{/unless}}\n {{#with _teaser}}\n {{~#if ../_isCopyText~}}\n {{~> components/base/image/responsive_image this.teaserImage _type=(if this.teaserType this.teaserType \'story\') _variant=(if this.content.imageVariant this.content.imageVariant \'100-copytext\') _addClassImg="ar__content" _noDelay=../_noDelay ~}} \n {{else}} \n {{#decorator \'components/base/link\' _cssClasses="c-teaser__mediaLink" _isAriaHidden=true\n _doTracking=(if this.doTracking \'true\') _clickLabelPrefix1=this.realTeasersize\n _clickLabelPrefix2="mediaLink" }} \n {{~> components/base/image/responsive_image this.teaserImage _type=(if this.teaserType this.teaserType \'story\') _variant=(if this.content.imageVariant this.content.imageVariant \'100-copytext\') _addClassImg="ar__content" _noDelay=../_noDelay ~}} \n {{/decorator }}\n {{/if}}\n {{/with}}\n {{> components/button/button_round \n _isButton="true" \n _addClass=\'absolute bottom-0 right-0 fill-white hover:text-white js-mediaplayer__button\'\n _buttonColor=(if _isLivestream \' text-orange-spicyCarrot hover:fill-orange-spicyCarrot\' \' text-blue-jellyBean hover:fill-blue-jellyBean\')\n _buttonSpace=(inline-switch _teaserSize \'["25","33"]\' \'[" my-2 mx-2"," my-5 mx-5 md:my-3 md:mx-3"," my-5 mx-5"]\')\n _showIcon=true \n _icon=_mediaButtonIcon \n _label=_mediaButtonLabel \n _srOnly="true" \n _alpineClick="avStart = !avStart; $dispatch(\'player_start\')"\n }} \n {{~#if this.isPodcast~}}\n <a href="{{this.podcastDownloadUrl}}" class="absolute top-0 right-0 m-5 js-load"{{#with\n this.trackingData}}\n data-hr-click-tracking=\'{"settings": [{"type": "download", "clickLabel": "{{this.pageName}}", "secondLevelId": "{{this.secondLevelId}}"}, {"type": "uxAction", "clickLabel": "medienDownload::podcast::{{_type}}", "secondLevelId": "{{this.secondLevelId}}" }]}\'{{/with}}>\n {{> components/base/image/icon _icon=\'download-button\' _addClass="w-10 h-10"}}\n </a>\n {{~/if~}}\n </div>\n{{/if}}'
26
+ module.exports['components/page/page.hbs'] = '<!DOCTYPE html>\n<html \n class="no-js no-js-burgerMenu preload noMicroInteraction"\n data-theme="hessenschau" \n lang="de"\n>\n <head>\n\n <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>\n <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>\n <title>hessenschau.de | Nachrichten aus Hessen</title>\n <meta name="application-name" content="hessenschau.de" />\n <meta name="copyright" content="Hessischer Rundfunk, Frankfurt, Germany" />\n <meta name="author" content="hessenschau.de, Frankfurt, Germany" />\n <meta name="publisher" content="hessenschau.de" />\n <meta name="language" content="Deutsch" />\n\n </head>\n\n <body itemscope itemtype="http://schema.org/WebPage">\n <div class="js-pageSwap">\n \n {{> components/site_header/header }} \n \n <main \n onclick="void(0)" \n role="main" \n id="content"\n class="flex items-center justify-center"\n >\n <div class="grid grid-page">\n <div class="grid grid-cols-12 py-6 bg-white sm:px-8 col-full sm:col-main gap-x-6 gap-y-6">\n <section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">\n {{> components/teaser/teaser_standard }}\n </section>\n <section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">\n {{> components/teaser/content_nav/teaser_content_nav teasersize="100"}}\n </section>\n <section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">\n {{> components/teaser/content_nav/teaser_content_nav teasersize="50"}}\n {{> components/teaser/content_nav/teaser_content_nav teasersize="50"}}\n </section>\n <section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">\n {{> components/teaser/teaser_standard teaserSize="50"}}\n {{> components/teaser/teaser_standard teaserSize="50"}}\n </section>\n <section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">\n {{> components/teaser/teaser_standard teaserSize="33"}}\n {{> components/teaser/teaser_standard teaserSize="33"}}\n {{> components/teaser/teaser_standard teaserSize="33"}}\n </section>\n <div class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">\n {{> components/teaser/teaser_standard teaserSize="50"}}\n {{> components/teaser/teaser_standard teaserSize="50"}}\n </div> \n <div class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">\n {{> components/teaser/teaser_standard teaserSize="33"}}\n {{> components/teaser/teaser_standard teaserSize="33"}}\n {{> components/teaser/teaser_standard teaserSize="33"}}\n </div>\n <div class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">\n {{> components/teaser/teaser_standard teaserSize="50"}}\n {{> components/teaser/teaser_standard teaserSize="50"}}\n </div>\n </div>\n </div>\n </main>\n\n </div>\n </body>\n</html>\n'
25
27
  module.exports['components/site_header/burger.hbs'] = '<div x-data="burger()" class="flex items-center justify-center h-full fill-current sb-burger">\n <nav>\n <button {{!-- :class="$store.burgeropen ? \'text-blue-congress\' : \'text-white\'" --}} \n class="relative w-10 h-10 text-white tablet:w-18 tablet:h-12 focus:outline-none bg-brand"\n @burger-close.window="burgerClose()"\n @click="$store.burgeropen = !$store.burgeropen" \n @click.debounce="burgerClick()" \n aria-owns="sectionNav" \n aria-controls="sectionNav"\n x-effect="$el.setAttribute(\'aria-expanded\', $store.burgeropen);$el.setAttribute(\'aria-label\', $store.burgeropen ? \'Navigation schließen\' : \'Navigation öffnen\')"\n >\n <span class="sr-only md:hidden">Open main menu</span>\n <div class="absolute block w-6 transform -translate-x-1/2 -translate-y-1/2 left-1/2 top-1/2">\n <span aria-hidden="true" class="absolute block w-full h-0.5 transition duration-500 ease-in-out transform bg-current " :class="$store.burgeropen ? \'rotate-45\' : \'-mt-2\'"></span>\n <span aria-hidden="true" class="absolute block w-full h-0.5 transition duration-500 ease-in-out transform bg-current" :class="{\'opacity-0\': $store.burgeropen } "></span>\n <span aria-hidden="true" class="absolute block w-full h-0.5 transition duration-500 ease-in-out transform bg-current" :class="{\'-rotate-45\': $store.burgeropen, \'mt-2\': ! $store.burgeropen }"></span>\n </div>\n </button>\n </nav>\n</div>\n\n<script>\n var burger = () => {\n return {\n burgerClose(){ \n this.$store.burgeropen = false\n this.$dispatch(\'toggle-sectionnav\', false); \n },\n burgerClick(){ \n this.$store.serviceNavIsOpen = false\n this.$dispatch(\'toggle-sectionnav\', this.$store.burgeropen); \n // Todo: not doing anything! can be removed?\n // this.percent > 50 ? this.removeYtranslate() : null;\n this.toggleScrolling(!this.$store.burgeropen) \n },\n removeYtranslate(){\n // Todo: not doing anything! can be removed?\n //this.$refs.serviceList.classList.remove(\'-mt-40\'); \n //this.$refs.sectionnavigation.classList.remove(\'-mt-40\')\n }\n }\n }\n</script>\n'
26
28
  module.exports['components/site_header/header.hbs'] = '<div class="sb-main-navigation" x-data="mainNavigationHandler()" x-init="init()">\n <header class="print:hidden relative z-10001 {{#if this.hasOpenSubNavigation}}lg:h-header-lg-big{{else}}lg:h-header-lg-small{{/if}} md:h-header-md h-header-sm"> \n <div x-data \n id="headerWrapper"\n @resize.window="resetNav()" \n :class="shouldBrandNavBeHidden() ? \'-mt-10 lg:-mt-8\' : \'\' "\n class="fixed top-0 left-0 flex flex-wrap max-w-full transition-all duration-500 transform font-copy lg:justify-center lg:w-full ">\n \n <div id="anchorNavWrapper" \n class="hidden">\n {{> components/site_header/anchor_navigation/anchor_navigation }}\n </div>\n\n <div id="brandNavWrapper" \n class="relative flex items-center justify-center order-1 w-full bg-white z-10000">\n {{> components/site_header/brand_navigation/brand_navigation }} \n </div>\n\n <div id="serviceNavWrapper" \n :class="shouldServiceNavBeHidden() ? \'-mt-40\' : \'\'"\n \n class="relative flex justify-center order-2 w-full transition-all duration-500 ease-in-out md:border-white lg:border-b bg-blue-congress z-10002"> \n <div id="serviceNavMainContainer" \n class="flex w-full h-10 lg:container md:h-12 lg:px-10 lg:h-16 z-10001">\n\n <span id="serviceNavHeadline" class="hidden print:hidden">Service Navigation</span>\n\n <div id="serviceLogoWrapper" \n class="flex items-center order-1 w-full pl-4 pr-2 tablet:pl-5 lg:items-end lg:pb-3 bg-blue-congress md:px-0 md:h-12 lg:h-16 md:w-1/2 md:max-w-1/2 lg:w-1/4 lg:max-w-1/4">\n {{> components/site_header/service_logo }}\n </div>\n \n <div id="serviceItemsWrapper" \n class="flex items-center justify-end flex-initial order-2 inline-block w-full max-w-full align-top bg-blue-congress md:h-12 lg:h-16 lg:order-2 lg:w-3/4 lg:max-w-3/4 md:mt-0 md:w-1/2 md:max-w-1/2 md:order-2 md:border-0">\n {{> components/site_header/service_navigation/service_list }}\n\n {{> components/site_header/navigation_search/quick_search_button }}\n\n <div class="hidden lg:flex">\n {{> components/site_header/navigation_search/quick_search_form }}\n </div>\n \n <div id="burgerWrapper" \n class="flex justify-end flex-none order-2 lg:order-4 md:order-4 lg:hidden"> \n {{> components/site_header/burger }} \n </div>\n \n </div>\n </div>\n </div>\n\n <div id="sectionNavWrapper" \n x-ref="sectionnavigation"\n @toggle-sectionnav.window="toggleSectionNav"\n :class="shouldSectionNavBeHidden() ? \'-mt-40 md:-mt-40 lg:-mt-40\' : \'\'" \n class="flex justify-center order-3 w-full overflow-hidden duration-500 transition-max-height lg:transition-margin-top lg:duration-500 tablet:absolute tablet:top-22 tablet:w-half-screen tablet:ml-half-screen max-h-0 lg:overflow-visible md:mt-0 lg:flex lg:max-h-full lg:h-auto bg-blue-congress z-10000 print:hidden"\n >\n {{> components/site_header/section_navigation/section_navigation }}\n </div>\n \n <div x-cloak :class="shouldServiceNavBeHidden() ? \'hidden -mt-40\' : \'\'"\n x-effect="$el.setAttribute(\'id\', \'flyout-\' + $store.searchID.current + \'-2\');$el.setAttribute(\'aria-expanded\', $store.searchFieldOpen);$el.setAttribute(\'aria-hidden\', !$store.searchFieldOpen);$el.setAttribute(\'aria-labelledby\', \'flyout-\' + $store.searchID.current + \'-1\')" \n x-show="$store.searchFieldOpen"\n class="sb-quick-search-flyout flex tablet:w-half-screen tablet:ml-half-screen justify-end order-4 w-full max-w-full p-2 px-5 py-3.5 bg-white drop-shadow-md md:mt-0 z-10002 lg:hidden print:hidden"\n @search-close.window="$store.searchFieldOpen = false"\n @click.outside="$store.searchFieldOpen = false; $dispatch(\'search-mobile-click-outside\'); dropped = false; toggleScrolling(!$store.serviceNavIsOpensearchFieldOpen && !$store.burgeropen)"\n x-transition:enter="transition ease-out duration-200" \n x-transition:enter-start="opacity-0 transform scale-y-90" \n x-transition:enter-end="opacity-100 transform scale-y-100" \n x-transition:leave="transition ease-in duration-100" \n x-transition:leave-start="opacity-100 transform scale-y-100" \n x-transition:leave-end="opacity-0 transform scale-y-90">\n\n {{> components/site_header/navigation_search/quick_search_form }}\n\n </div>\n \n </div> \n </header>\n <div class="justify-center hidden w-full scale-50 brand-logo_print print:flex">\n <img loading="lazy" \n alt="{{loca "header_homepage_link_title"}}" \n src="{{resourceUrl "assets/base/icons/rsslogo/brandlogo--rss.jpg" _brand=(if this.brand this.brand)}}" \n />\n </div>\n <div x-ref="myOverlay">\n <div x-cloak x-data="overlayHandler()" @click.debounce="overlayWasClicked()" x-show="shouldOverlayBeShown()" class="fixed top-0 left-0 w-screen h-screen bg-gray-800 z-10000 lg:hidden opacity-70"></div>\n </div>\n</div>\n'
27
29
  module.exports['components/site_header/service_logo.hbs'] = '<a class="relative flex items-center text-white fill-current sb-service-logo lg:items-end link-focus-white print:hidden" \n href="https://www.hessenschau.de/index.html" \n title="Startseite hessenschau . d e">\n <span x-cloak class="absolute transition-opacity duration-500 ease-in-out" :class="`${percent}` < 50 ? \'opacity-0\' : \'delay-200 opacity-100\'" >\n {{> components/base/image/icon _icon="brandlogo--compact-40x40px" _iconmap="logo" _addClass="logo-compact w-7 h-7 lg:w-10 lg:h-10 items-center "}}\n </span>\n <span class="transition-opacity duration-500 ease-in-out" :class="`${percent}` < 50 ? \'opacity-100\' : \'opacity-0\'">\n {{> components/base/image/icon _icon="brandlogo--desk" _iconmap="logo" _addClass="logo-desk flex items-center fill-white w-40 h-5 md:h-7 md:w-40 lg:h-8 lg:w-52"}}\n </span> \n</a>\n'
28
- module.exports['components/page/page.hbs'] = '<!DOCTYPE html>\n<html \n class="no-js no-js-burgerMenu preload noMicroInteraction"\n data-theme="hessenschau" \n lang="de"\n>\n <head>\n\n <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>\n <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>\n <title>hessenschau.de | Nachrichten aus Hessen</title>\n <meta name="application-name" content="hessenschau.de" />\n <meta name="copyright" content="Hessischer Rundfunk, Frankfurt, Germany" />\n <meta name="author" content="hessenschau.de, Frankfurt, Germany" />\n <meta name="publisher" content="hessenschau.de" />\n <meta name="language" content="Deutsch" />\n\n </head>\n\n <body itemscope itemtype="http://schema.org/WebPage">\n <div class="js-pageSwap">\n \n {{> components/site_header/header }} \n \n <main \n onclick="void(0)" \n role="main" \n id="content"\n class="flex items-center justify-center"\n >\n <div class="grid grid-page">\n <div class="grid grid-cols-12 py-6 bg-white sm:px-8 col-full sm:col-main gap-x-6 gap-y-6">\n <section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">\n {{> components/teaser/teaser_standard }}\n </section>\n <section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">\n {{> components/teaser/content_nav/teaser_content_nav teasersize="100"}}\n </section>\n <section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">\n {{> components/teaser/content_nav/teaser_content_nav teasersize="50"}}\n {{> components/teaser/content_nav/teaser_content_nav teasersize="50"}}\n </section>\n <section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">\n {{> components/teaser/teaser_standard teaserSize="50"}}\n {{> components/teaser/teaser_standard teaserSize="50"}}\n </section>\n <section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">\n {{> components/teaser/teaser_standard teaserSize="33"}}\n {{> components/teaser/teaser_standard teaserSize="33"}}\n {{> components/teaser/teaser_standard teaserSize="33"}}\n </section>\n <div class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">\n {{> components/teaser/teaser_standard teaserSize="50"}}\n {{> components/teaser/teaser_standard teaserSize="50"}}\n </div> \n <div class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">\n {{> components/teaser/teaser_standard teaserSize="33"}}\n {{> components/teaser/teaser_standard teaserSize="33"}}\n {{> components/teaser/teaser_standard teaserSize="33"}}\n </div>\n <div class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">\n {{> components/teaser/teaser_standard teaserSize="50"}}\n {{> components/teaser/teaser_standard teaserSize="50"}}\n </div>\n </div>\n </div>\n </main>\n\n </div>\n </body>\n</html>\n'
29
30
  module.exports['components/teaser/teaser_alternativ.hbs'] = '<article class="col-span-12 flex md:flex-row gap-y-3 gap-x-4 md:px-0{{#unless this.isEvent}}{{~inline-switch this.teaserSize \'["hero","100","50"]\' \'[" flex-col"," px-5 md:flex-row"," md:col-span-6 px-5 md:flex-row"]\'~}}{{else}} items-start flex-col{{/unless}}"\n x-data="{ avStart: false }"\n {{#if this.isMobile1to1}}\n :class="avStart ? \'flex-col\' : \'flex-row\'"\n {{/if}} \n >\n <figure class="relative {{~inline-switch this.teaserSize \'["hero","100","50"]\' \'[" basis-2/3 ar-16-9"," ar-1-1 md:ar-16-9 basis-2/5 md:basis-1/3"," ar-1-1 md:ar-16-9 basis-2/5 md:basis-1/2"]\'~}}">\n {{> components/teaser/components/teaser_lead _isMobile1to1=this.isMobile1to1 _teaserSize=this.teaserSize _aspectRatio=(inline-switch this.teaserSize \'["hero"]\' \'["ar-16-9","ar-1-1 md:ar-16-9"]\') }} \n </figure>\n {{> components/teaser/components/teaser_body _outerCssClasses=(inline-switch this.teaserSize \'["hero","100","50"]\' \'["basis-1/3"," basis-3/5 md:basis-2/3"," basis-3/5 md:basis-1/2"]\') }}\n</article>'
30
31
  module.exports['components/teaser/teaser_indextext.hbs'] = '<article class="mx-5 md:mx-0 p-8 md:p-10 relative col-span-12 flex flex-col gap-x-4 \n {{~inline-switch this.teaserSize \'["50"]\' \'[" md:col-span-6",""]\'}}\n {{~inline-switch this.teaserType \'["accented-ds","boxed-ds","highlighted-ds"]\' \'[" bg-blue-accented"," bg-white border border-blue-congress"," bg-orange-spicyCarrot"," bg-blue-accented"]\'}} "\n>\n <h3 class="text-2xl md:text-4xl font-headingSerif {{~inline-switch this.teaserType \'["highlighted-ds"]\' \'[" text-white",""]\'}}">\n {{this.title}}\n </h3>\n <p class="mt-6 text-sm md:text-base font-copy {{~inline-switch this.teaserType \'["highlighted-ds"]\' \'[" text-white",""]\'}}">\n {{{this.shorttext}}}\n </p>\n</article>\n'
31
32
  module.exports['components/teaser/teaser_poster.hbs'] = '<article class="mx-5 md:mx-0 relative col-span-12 flex gap-y-5 gap-x-4 {{inline-switch this.teaserSize \'["33","50"]\' \'["md:col-span-4 flex-col","md:col-span-6 flex-col","flex-col"]\'}} ">\n <figure class="ar-1-1" aria-hidden="true">\n {{~> components/base/image/responsive_image this.teaserImage _type=this.teaserType _variant=this.content.imageVariant _noDelay=../_noDelay _addClassImg="ar__content rounded-tl-3xl rounded-br-3xl" ~}}\n </figure> \n <div class="absolute flex justify-center w-full h-full bg-gradient-to-t from-black rounded-tl-3xl rounded-br-3xl" aria-hidden="true">\n <div class="self-center block mx-8 text-center text-white">\n {{> components/teaser/components/teaser_heading _headlineTag="h2" _label=this.label _readMore=this.link.readMoreText.readMoreScreenreader _size=this.teaserSize _title=this.title _topline=this.topline _teaserType=this.teaserType _font=(inline-switch isSerifHeading \'[true, false]\' \'["font-headingSerif","font-heading font-bold"]\') }} \n </div>\n </div>\n {{#decorator \'components/base/link\' _css="absolute flex w-full h-full justify-center" _isAriaHidden=true _doTracking=(if this.doTracking \'true\') _clickLabelPrefix1=this.teaserSize _clickLabelPrefix2="mediaLink" }}\n <div class="self-end px-4 py-2.5 {{inline-switch this.teaserSize \'["33","50"]\' \'["mb-7","mb-7 md:mb-16"]\'}} text-white border border-white font-heading hover:bg-white hover:text-toplineColor hover:border-toplineColor">{{this.link.readMoreText.readMoreLong}}</div>\n {{/decorator}} \n <span class="sr-only">{{this.link.readMoreText.readMoreLong}}: {{this.title}}</span> \n</article>'
@@ -38,28 +39,28 @@ module.exports['components/site_header/anchor_navigation/anchor_navigation.hbs']
38
39
  module.exports['components/site_header/anchor_navigation/featurebox_anchor.hbs'] = '{{#with this.featureBox}}\n<li><a href="#featureBox" class="hidden">{{loca "feature_box_anchor"}}</a></li>\n{{/with}}'
39
40
  module.exports['components/site_header/brand_navigation/brand_navigation.hbs'] = '<div x-data="slider()"\n x-init="checkIfScrollable($refs.container)"\n @resize.window="checkIfScrollable($refs.container)"\n class="sb-brand-navigation lg:container w-full md:px-5 lg:px-10 px-3.5 h-10 lg:h-8">\n\n <div class="flex justify-center text-xs list-none text-grey-scorpion ">\n\n <template x-if="isScrollable">\n <div>\n <button class="absolute left-0 w-12 h-full pt-1 arrow-left-background disabled:hidden" @click="prev($refs.container)" :disabled="!arrowLeftDisplay" aria-label="nach links scrollen">\n {{> components/base/image/icon _icon="arrow-left" _iconmap="icons" _addClass="pb-1 mr-4 inline-block w-3.5 h-3.5 text-blue-congress fill-current"}}\n </button>\n <button class="absolute right-0 w-12 h-full pt-1 group arrow-right-background disabled:hidden" @click="next($refs.container)" :disabled="!arrowRightDisplay" aria-label="nach rechts scrollen">\n {{> components/base/image/icon _icon="arrow-right" _iconmap="icons" _addClass="pb-1 ml-4 inline-block w-3.5 h-3.5 text-blue-congress fill-current "}}\n </button>\n </div>\n </template>\n\n <nav x-ref="container" @scroll="updateIndex($event.target)" class="w-full overflow-hidden overflow-x-scroll leading-10 transition-all duration-300 ease-in-out cursor-pointer hide-scroll-bar max-h-10 align-center">\n <span id="brandNavHeading" class="hidden">Navigation der Marken des Hessischen Rundfunks</span>\n {{#with this.brandNavigationItems}}\n <ul class="flex pl-0.5 pr-3 md:px-0 flex-nowrap lg:mr-0">\n {{#each this}}\n {{> components/site_header/brand_navigation/brand_navigation_item }}\n {{/each}} \n </ul>\n {{/with}}\n </nav>\n\n </div>\n \n</div>\n\n<script type="text/javascript">\n\nfunction slider() {\n\n return {\n \n isScrollable:false,\n arrowLeftDisplay:false,\n arrowRightDisplay:true,\n\n arrowsDisplay(e) {\n e.scrollLeft > 1 ? this.arrowLeftDisplay=true : this.arrowLeftDisplay=false;\n e.scrollLeft + e.offsetWidth == e.scrollWidth ? this.arrowRightDisplay=false : this.arrowRightDisplay=true;\n },\n\n prev(e) {\n e.scrollLeft -= 200;\n },\n\n next(e) {\n e.scrollLeft += 200;\n },\n\n updateIndex(e) {\n this.arrowsDisplay(e);\n },\n \n checkIfScrollable(e){\n e.scrollWidth > e.clientWidth ? this.isScrollable=true : this.isScrollable=false;\n this.arrowsDisplay(e);\n }\n };\n}\n\n</script>'
40
41
  module.exports['components/site_header/brand_navigation/brand_navigation_item.hbs'] = '<li class="sb-brand-navigation-item{{#if this.selected}} h-10 lg:h-8 font-bold text-blue-congress {{/if}} cursor-pointer inline-block lg:hover:underline active:font-bold active:text-blue-science"> \n <a class="link-focus-inset leading-10 lg:leading-8 flex-col px-3 {{#if @first }}pl-0 {{/if}}lg:flex-row js-load w-max flex justify-center {{#if this.selected}} -currentBrand {{/if}}" aria-label="{{this.name}}" href="{{resourceUrl "index.html" _site=this.site}}"{{#if this.extern}} target="_blank" rel="noopener noreferrer"{{/if}} data-hr-click-tracking=\'{"settings": [{"type": "uxAction", "secondLevelId": "1", "clickLabel": "Brandnavigation::{{this.text}}-Link geklickt"}]}\'>{{this.text}}</a>\n</li>'
42
+ module.exports['components/site_header/navigation_flyout/navigation_flyout.hbs'] = '{{#with this.subNavigation}}\n <div {{#unless ../this.selected}}x-cloak{{/unless}}\n x-data="flyoutHandler" \n x-ref="{{getRandom}}"\n id="flyout-{{getRandom}}" \n @resize.window.debounce="setFlyoutAnimationStyle();"\n {{#if this.showAsFlyout}} x-show="dropped" {{else}} {{#if ../this.selected}} x-show="$screen(\'lg\') ? true : dropped" {{else}} x-show="dropped" {{/if}} {{/if}}\n {{#if ../_isSectionNav}} x-init="sectionNavFlyoutWatcher()" :class ="shouldFlyoutBeHidden() ? \'hidden\' : \'\'" {{/if}} \n \n class="sb-navigation-flyout bg-white md:filter md:drop-shadow-md lg:absolute \n {{#if ../_isSectionNav}} relative md:top-auto md:left-auto lg:mt-10 w-full transition-all duration-500 ease-in-out\n {{#unless this.showAsFlyout}}\n {{#if ../this.selected}}\n isSelectedAndOpen lg:ml-0 z-10000 lg:border-b lg:border-blue-congress lg:filter-none lg:left-0 flex justify-center\n {{else}} z-10002 lg:left-auto lg:w-auto {{/if}}\n {{else}} z-10002 lg:left-auto lg:w-auto {{/unless}}\n {{else}} z-10002 lg:rounded-b absolute w-full top-10 left-0 md:w-80 lg:w-92 md:top-12 lg:px-4 md:mt-0 md:left-0 lg:top-15 lg:left-0 lg:pl-6 divide-y divide-gray-200 tablet:w-half-screen tablet:ml-half-screen tablet:right-0 tablet:left-auto {{/if}}\n {{#if this.showAsFlyout}} lg:rounded-b lg:pl-4{{/if}}" \n\n aria-labelledby="flyout-{{getRandom}}-1" \n {{#if this.showAsFlyout}}\n x-effect="$el.setAttribute(\'aria-expanded\', dropped); $el.setAttribute(\'aria-hidden\', !dropped)"\n {{else}}\n {{#if ../this.selected}} \n x-effect="$el.setAttribute(\'aria-expanded\', $screen(\'lg\') || dropped); $el.setAttribute(\'aria-hidden\', !($screen(\'lg\') || dropped))"\n {{else}} \n x-effect="$el.setAttribute(\'aria-expanded\', dropped); $el.setAttribute(\'aria-hidden\', !dropped)"\n {{/if}} \n {{/if}} \n >\n {{#unless ../this.isCluster ~}}\n {{#unless ../_isSectionNav}}\n <div class="w-full">\n <div class="flex pt-4 pb-2 pl-4 text-base font-bold bg-white lg:pl-0 md:pt-4 lg:pt-1 lg:pb-0 justify-left text-blue-congress "> \n <a href="{{resourceUrl ../this.url}}" class="-isHeaderLink lg:leading-10 link-focus-inset js-load" data-hr-click-tracking=\'{"settings": [{"type": "uxAction", "secondLevelId": "1", "clickLabel": "{{../_navigationType}}::{{../_parent}}::{{../this.flyoutStartLinkText}}-Link geklickt"}]}\' >\n {{../this.flyoutStartLinkText}}\n </a> \n </div> \n </div>\n {{/unless}}\n {{/unless}}\n \n <div class="{{#if this.showAsFlyout}}lg:flex lg:flex-row -columnCount--{{this.columnCount}} lg:divide-x lg:divide-gray-200 {{else}} {{#if ../this.selected}} w-full lg:px-10 lg:container {{/if}}{{/if}}">\n {{#if this.showAsFlyout}}\n {{#each this.columns}}\n {{> components/site_header/navigation_flyout/navigation_flyout_column count=../this.columnCount navtype=../../_navigationType _parent=../../_parent _flyout=true~}}\n {{/each}}\n {{else}}\n {{#with this.items}}\n {{> components/site_header/navigation_flyout/navigation_flyout_column selected=../../this.selected navtype=../../_navigationType _parent=../../_parent _flyout=false ~}}\n {{/with}}\n {{/if}}\n </div>\n</div>\n{{/with}}'
43
+ module.exports['components/site_header/navigation_flyout/navigation_flyout_column.hbs'] = '<ul class="{{inline-switch count \'["1","2"]\' \'["md:w-1/1", "md:w-1/1 lg:w-1/2"]\'}} {{inline-switch navtype \'["ServiceNavigation","RubrikNavigation"]\' \'["border-b border-gray-200 md:border-0","border-0"]\'}} lg:even:pl-4 lg:odd:pr-4 {{#if selected}} lg:container lg:flex lg:h-9 {{/if}} ">\n {{~#each this ~}} \n {{~#if this.title~}}\n {{> components/site_header/navigation_flyout/navigation_flyout_item _parentselected=../selected _fromNav=../navtype _flyout=../_flyout _parent=../_parent ~}}\n {{~/if~}} \n {{~/each~}}\n \n</ul>'
44
+ module.exports['components/site_header/navigation_flyout/navigation_flyout_item.hbs'] = '<li :class="dropped ? \'h-auto\' : \'h-10\'" \n class="sb-navigation-flyout-item pl-4 {{#if _flyout}}lg:px-0 {{else}}lg:px-2 lg:first-of-type:pl-0 {{/if}}{{#if _parentselected}}lg:whitespace-nowrap{{/if}} flex h-auto text-base leading-6 border-b border-gray-200 lg:last:border-0 lg:border-0 text-blue-congress justify-start hover:underline">\n {{#decorator \'components/base/link\' _css=(inline-switch _fromNav \'["RubrikNavigation","ServiceNavigation"]\' \'["link-focus-inset py-2 w-full","link-focus py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full"]\') _doNavigationTracking="true" _clickLabelType=_fromNav _clickLabelPrefix1=_parent clickLabelPrefix2=this.link.content.text }}\n {{this.text}} \n {{~#if this.link.hasIcon}}{{> components/base/image/icon _icon=this.link.iconName _addClass="w-4 h-4 fill-current ml-2 inline-flex" _iconmap="icons" }} {{/if}}\n {{/decorator}} \n</li>'
41
45
  module.exports['components/site_header/navigation_search/quick_search_button.hbs'] = '<div \n x-cloak class="sb-quick-search-button flex items-center h-8 md:h-full md:border-r md:border-l md:border-white lg:border-none" \n :class="$store.searchFieldOpen == true ? \'bg-white mt-2 rounded-t md:mt-0 md:rounded-none\' : \'bg-blue-congress\'"\n>\n <button \n @click="$store.searchFieldOpen = ! $store.searchFieldOpen; dropped = false; $store.serviceNavIsOpen = false; toggleScrolling(!$store.searchFieldOpen)"\n @click.debounce.100ms="$dispatch(\'burger-close\'); $dispatch(\'search-mobile-click\'); $dispatch(\'close-servicemenu\');"\n class="h-full text-white cursor-pointer md:px-4 lg:hidden"\n x-effect="$el.setAttribute(\'id\', \'flyout-\' + $store.searchID.current + \'-1\');$el.setAttribute(\'aria-owns\', \'flyout-\' + $store.searchID.current + \'-2\');$el.setAttribute(\'aria-controls\', \'flyout-\' + $store.searchID.current + \'-2\');$el.setAttribute(\'aria-expanded\', $store.searchFieldOpen == true);$el.setAttribute(\'aria-label\', $store.searchFieldOpen == true ? \'Suche schließen\' : \'Suche öffnen\')"\n >\n <svg \n x-show="$store.searchFieldOpen == false"\n class="h-5 text-white fill-current w-9" \n xmlns="http://www.w3.org/2000/svg" \n viewBox="0 0 20 20"\n role="presentation" \n x-effect="$el.setAttribute(\'aria-hidden\', $store.searchFieldOpen == true)"\n >\n <path d="M12.9 14.32a8 8 0 1 1 1.41-1.41l5.35 5.33-1.42 1.42-5.33-5.34zM8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12z"></path>\n </svg>\n <svg \n x-show="$store.searchFieldOpen == true"\n class="h-6 fill-current w-9 text-blue-congress" \n xmlns="http://www.w3.org/2000/svg" \n viewBox="0 0 20 20"\n x-effect="$el.setAttribute(\'aria-hidden\', $store.searchFieldOpen == false)"\n >\n <path d="M15.898,4.045c-0.271-0.272-0.713-0.272-0.986,0l-4.71,4.711L5.493,4.045c-0.272-0.272-0.714-0.272-0.986,0s-0.272,0.714,0,0.986l4.709,4.711l-4.71,4.711c-0.272,0.271-0.272,0.713,0,0.986c0.136,0.136,0.314,0.203,0.492,0.203c0.179,0,0.357-0.067,0.493-0.203l4.711-4.711l4.71,4.711c0.137,0.136,0.314,0.203,0.494,0.203c0.178,0,0.355-0.067,0.492-0.203c0.273-0.273,0.273-0.715,0-0.986l-4.711-4.711l4.711-4.711C16.172,4.759,16.172,4.317,15.898,4.045z"></path>\n </svg>\n </button>\n</div>'
42
46
  module.exports['components/site_header/navigation_search/quick_search_form.hbs'] = '<form \n x-data="searchSuggest()"\n role="search" \n action="{{resourceUrl "suche/index.nocache"}}" \n method="get" \n class="flex w-full sb-quick-search-form md:justify-end lg:h-10"\n>\n <div \n class="relative w-full lg:rounded-l" \n id="search-content"\n @click.away="active=false; cursorIndex=-1"\n @keydown.arrow-down="moveDownList()"\n @keydown.arrow-up="moveUpList()"\n > \n <label for="searchInput--{{nextRandom}}" class="hidden">suchfeld</label>\n <input \n @input.debounce="getSuggestionsForInput();cursorIndex=-1"\n @click="active=true" \n name="query" \n x-model="query"\n placeholder=\'{{loca "search_input_placeholder" }}\' \n class="w-full px-2 py-2 text-base leading-4 placeholder-opacity-100 border rounded-l rounded-r-none shadow-inner appearance-none lg:border-0 lg:border-none border-blue-congress lg:h-10 placeholder-text-xs placeholder-blue-congress text-blue-congress focus:outline-none"\n type="text"\n id="searchInput--{{getRandom}}"\n autocomplete="off"\n role="combobox" \n aria-haspopup="listbox" \n aria-autocomplete="list" \n x-effect="$el.setAttribute(\'aria-expanded\', (query.length > 1 && active && suggestions.length > 0))"\n aria-owns="suggestionlist--{{getRandom}}"\n aria-controls="suggestionlist--{{getRandom}}"\n > \n <div \n class="relative" \n x-show="query.length > 1 && active && suggestions.length"\n x-cloak\n x-transition:leave="transition ease-in duration-100"\n x-transition:leave-start="opacity-100"\n x-transition:leave-end="opacity-0"\n >\n <ul \n role="listbox" \n id="suggestionlist--{{getRandom}}" \n aria-label="Suche öffnen"\n x-effect="$el.setAttribute(\'aria-expanded\', query.length > 1 && active && suggestions.length > 0);$el.setAttribute(\'aria-hidden\', !(query.length > 1 && active && suggestions.length > 0))"\n class="absolute w-full mt-0.5 bg-white border rounded divide-y shadow-xl top-100"\n x-ref="list"\n >\n \n <template x-for="(suggestion, index) in suggestions" :key="index">\n <li class="first-of-type:border-none">\n <a \n x-bind:active="false"\n x-bind:href="\'{{resourceUrl "suche/index.nocache"}}?query=\' + suggestion"\n x-bind:class="{\'py-1.5 px-2 link-focus-inset text-base flex w-full rounded hover:bg-blue-congress hover:text-white\': true, \'bg-blue-congress text-white\':index==cursorIndex }"\n >\n <span x-text="suggestion"></span>\n </a>\n </li>\n </template>\n \n </ul>\n </div> \n </div>\n <button \n aria-label=\'{{loca "search_input_aria_submit" }}\' \n type="submit" \n class="pl-3 pr-2 rounded-r cursor-pointer link-focus-inset bg-blue-congress lg:bg-white text-blue-congress z-10002"\n >\n <svg class="w-6 h-6 text-white fill-current bg-blue-congress lg:fill-current lg:text-blue-congress lg:bg-white" \n xmlns="http://www.w3.org/2000/svg" \n viewBox="0 0 20 20"\n aria-hidden="true"\n >\n <path d="M12.9 14.32a8 8 0 1 1 1.41-1.41l5.35 5.33-1.42 1.42-5.33-5.34zM8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12z"></path>\n </svg>\n </button>\n</form>\n\n<script type="text/javascript">\n\n function searchSuggest() {\n\n return {\n active:true,\n cursorIndex: -1,\n query: "",\n suggestions: [],\n\n getSuggestionsForInput() {\n\n suggestionDataUrl = \'{{resourceUrl "suche/index~suggest.jsp"}}\' + \'?suggestions=\' + this.query;\n\n fetch(suggestionDataUrl)\n\n .then((res) =>{ return res.text()})\n\n .then((data) => {\n data = JSON.parse(data.replace(/&quot;/g, \'"\'))\n data.solrSuggestions = this.filterStartwith(data.solrSuggestions, this.query)\n this.suggestions= this.filterSortbylength(data.solrSuggestions)\n });\n\n },\n\n filterStartwith(data, query) {\n return data.filter(Suggestion => Suggestion.toLowerCase().startsWith(query.toLowerCase().trim()))\n },\n\n filterSortbylength(data) {\n return data.sort((a, b) => a.length - b.length)\n },\n\n moveDownList() {\n if (this.suggestions.length > 0 && this.cursorIndex < this.suggestions.length - 1) \n {\n this.cursorIndex++;\n this.query = this.suggestions[this.cursorIndex];\n }\n },\n\n moveUpList() {\n if (this.suggestions.length > 0 && this.cursorIndex > 0) \n {\n this.cursorIndex--;\n this.query = this.suggestions[this.cursorIndex];\n }\n },\n\n };\n\n }\n\n</script>'
43
47
  module.exports['components/site_header/section_navigation/section_navigation.hbs'] = '<div \n id="sectionNav"\n class="w-full px-0 mt-10 sb-section-navigation md:mt-0 lg:px-10 lg:container bg-blue-congress" \n x-effect="$el.setAttribute(\'aria-expanded\', $store.burgeropen || $screen(\'lg\')); $el.setAttribute(\'aria-hidden\', ! ($store.burgeropen || $screen(\'lg\')))"\n>\n <div class="flex content-start mb-0">\n <div class="flex w-full">\n <span id="sectionNavHeadline" class="hidden">Bereichsnavigation</span>\n {{#with this.sectionNavigationSSILinks}}\n <ul class="flex flex-col items-center w-full text-left text-white list-none lg:flex-row lg:h-auto lg:mt-1">\n {{#each this}} \n {{#if (isStorybook)}} \n {{> components/site_header/section_navigation/section_navigation_item }} \n {{else}}\n {{{this}}}\n {{/if}}\n {{/each}} \n </ul>\n {{/with}}\n </div>\n </div>\n</div> '
44
48
  module.exports['components/site_header/section_navigation/section_navigation_item.hbs'] = '{{#each this.navigationItems}}\n <li x-data="dropdown"\n @click.outside="dropped = false" \n @close-servicemenu.window="dropped = false" \n :class="dropped ? \'border-b-0 lg:bg-white lg:text-blue-congress h-auto\' : \'h-10 lg:hover:underline\'" \n class="flex flex-wrap justify-start w-full text-white list-none border-b border-white sb-section-navigation-item first:lg:-ml-4 md:pl-0 lg:first:pl-0 first:border-t lg:first:border-t-0 first:font-normal last:border-b-0 lg:border-0 lg:w-auto bg-blue-congress lg:rounded-t"> \n {{#if this.isCluster ~}}\n{{!-- Gilt z.B. für REGIONEN: --}} \n <button id="button-{{nextRandom}}-1" \n @click.debounce.100ms="toggle()" \n :class="dropped ? \'first:font-bold lg:first:font-normal lg:underline\' : \'first:font-normal\'"\n class="{{#if this.selected}}-currentSection lg:justify-center {{/if}}link-focus-inset-white js-load pl-4 lg:pl-4 lg:pr-4 flex flex-auto w-full justify-between lg:flex-initial h-10 lg:w-full items-center leading-4 {{#if this.selected}} font-bold{{/if}}" \n x-effect="$el.setAttribute(\'aria-expanded\', dropped);$el.setAttribute(\'tabindex\', $store.burgeropen || $screen(\'lg\') ? \'0\' : \'-1\')"\n aria-owns="flyout-{{getRandom}}" \n aria-controls="flyout-{{getRandom}}" \n data-hr-click-tracking=\'{"settings": [{"type": "uxAction", "secondLevelId": "1", "clickLabel": "Rubriknavigation::{{this.text}}-Toggle-Link geklickt"}]}\'>\n\n {{~else ~}}\n\n {{#if this.subNavigation}}\n{{!-- Gilt z.B. für POLITIK: --}}\n <a href="{{resourceUrl this.url}}" \n id="flyout-{{nextRandom}}-1"\n \n :class="dropped ? \'font-bold\' : \'\'"\n class="{{#if this.selected}}-currentSection lg:justify-center {{/if}}link-focus-inset-white js-load pl-4 pr-8 lg:pl-4 lg:pr-4 flex flex-auto h-10 items-center leading-4 lg:w-full lg:justify-center{{#if this.selected}} font-bold{{/if}}"\n {{#if this.labelText}} aria-label="{{this.labelText}}"{{/if}} \n aria-haspopup="true" \n x-effect="$el.setAttribute(\'aria-expanded\', dropped || $screen(\'lg\'));$el.setAttribute(\'tabindex\', $store.burgeropen || $screen(\'lg\') ? \'0\' : \'-1\')"\n aria-owns="flyout-{{getRandom}}"\n aria-controls="flyout-{{getRandom}}"\n data-hr-click-tracking=\'{"settings": [{"type": "uxAction", "secondLevelId": "1", "clickLabel": "Rubriknavigation::{{this.text}}-Link geklickt"}]}\'> \n {{~else ~}} \n{{!-- Gilt für START/GESELLSCHAFT/WIRTSCHAFT usw: --}}\n <a href="{{resourceUrl this.url}}" \n class="{{#if this.selected}}-currentSection lg:justify-center {{/if}} link-focus-inset-white js-load flex justify-start pl-4 pr-4 h-10 lg:justify-center items-center w-full{{#if this.selected}} font-bold{{/if}}" \n {{#if this.labelText}} aria-label="{{this.labelText}}"{{/if}} \n data-hr-click-tracking=\'{"settings": [{"type": "uxAction", "secondLevelId": "1", "clickLabel": "Rubriknavigation::{{this.text}}-Link geklickt"}]}\'\n x-effect="$el.setAttribute(\'tabindex\', $store.burgeropen || $screen(\'lg\') ? \'0\' : \'-1\')"\n >\n {{~/if}}\n\n {{~/if }}\n\n {{#if this.subNavigation}}\n\n {{~this.text~}}\n \n {{#if this.subNavigation.showAsFlyout ~}}\n \n <div class="flex items-center justify-center w-10 h-10 leading-4 lg:w-auto lg:border-0 lg:pl-1">\n <div class="flex items-center justify-center" :class="dropped ? \'transform rotate-180\':\'\'">\n {{> components/base/image/icon _icon="arrow-down" _iconmap="icons" _addClass="w-3 h-2 fill-current"}}\n </div>\n </div>\n \n {{/if}}\n\n {{else}}\n\n {{~this.text~}}\n\n {{~/if}}\n\n {{#if this.isCluster}}\n\n </button>\n\n {{else}}\n\n </a>\n\n {{#if this.subNavigation}}\n\n <button \n @click.debounce.100ms="toggle()" \n id="button-{{getRandom}}-1" \n class="flex items-center justify-center w-10 h-10 leading-4 border-l border-white js-load lg:hidden" \n aria-haspopup="true" \n x-effect="$el.setAttribute(\'aria-expanded\', dropped);$el.setAttribute(\'tabindex\', $store.burgeropen ? \'0\' : \'-1\')"\n aria-owns="flyout-{{getRandom}}" \n aria-controls="flyout-{{getRandom}}" \n aria-labelledby="flyout-{{getRandom}}-1" \n data-hr-click-tracking=\'{"settings": [{"type": "uxAction", "secondLevelId": "1", "clickLabel": "Rubriknavigation::{{this.text}}-Toggle-Link geklickt"}]}\'>\n\n <span class="hidden">{{~this.text~}}</span>\n \n <div class="flex items-center justify-center lg:ml-2 lg:relative lg:right-0" :class="dropped ? \'transform rotate-180 \':\'\'">\n {{> components/base/image/icon _icon="arrow-down" _iconmap="icons" _addClass="w-4 h-2 fill-current"}}\n </div>\n </button>\n\n {{/if}}\n\n {{/if}}\n \n {{> components/site_header/navigation_flyout/navigation_flyout _isSectionNav=true _navigationType="RubrikNavigation" _parent=this.text }}\n\n </li>\n{{/each}}'
45
- module.exports['components/site_header/navigation_flyout/navigation_flyout.hbs'] = '{{#with this.subNavigation}}\n <div {{#unless ../this.selected}}x-cloak{{/unless}}\n x-data="flyoutHandler" \n x-ref="{{getRandom}}"\n id="flyout-{{getRandom}}" \n @resize.window.debounce="setFlyoutAnimationStyle();"\n {{#if this.showAsFlyout}} x-show="dropped" {{else}} {{#if ../this.selected}} x-show="$screen(\'lg\') ? true : dropped" {{else}} x-show="dropped" {{/if}} {{/if}}\n {{#if ../_isSectionNav}} x-init="sectionNavFlyoutWatcher()" :class ="shouldFlyoutBeHidden() ? \'hidden\' : \'\'" {{/if}} \n \n class="sb-navigation-flyout bg-white md:filter md:drop-shadow-md lg:absolute \n {{#if ../_isSectionNav}} relative md:top-auto md:left-auto lg:mt-10 w-full transition-all duration-500 ease-in-out\n {{#unless this.showAsFlyout}}\n {{#if ../this.selected}}\n isSelectedAndOpen lg:ml-0 z-10000 lg:border-b lg:border-blue-congress lg:filter-none lg:left-0 flex justify-center\n {{else}} z-10002 lg:left-auto lg:w-auto {{/if}}\n {{else}} z-10002 lg:left-auto lg:w-auto {{/unless}}\n {{else}} z-10002 lg:rounded-b absolute w-full top-10 left-0 md:w-80 lg:w-92 md:top-12 lg:px-4 md:mt-0 md:left-0 lg:top-15 lg:left-0 lg:pl-6 divide-y divide-gray-200 tablet:w-half-screen tablet:ml-half-screen tablet:right-0 tablet:left-auto {{/if}}\n {{#if this.showAsFlyout}} lg:rounded-b lg:pl-4{{/if}}" \n\n aria-labelledby="flyout-{{getRandom}}-1" \n {{#if this.showAsFlyout}}\n x-effect="$el.setAttribute(\'aria-expanded\', dropped); $el.setAttribute(\'aria-hidden\', !dropped)"\n {{else}}\n {{#if ../this.selected}} \n x-effect="$el.setAttribute(\'aria-expanded\', $screen(\'lg\') || dropped); $el.setAttribute(\'aria-hidden\', !($screen(\'lg\') || dropped))"\n {{else}} \n x-effect="$el.setAttribute(\'aria-expanded\', dropped); $el.setAttribute(\'aria-hidden\', !dropped)"\n {{/if}} \n {{/if}} \n >\n {{#unless ../this.isCluster ~}}\n {{#unless ../_isSectionNav}}\n <div class="w-full">\n <div class="flex pt-4 pb-2 pl-4 text-base font-bold bg-white lg:pl-0 md:pt-4 lg:pt-1 lg:pb-0 justify-left text-blue-congress "> \n <a href="{{resourceUrl ../this.url}}" class="-isHeaderLink lg:leading-10 link-focus-inset js-load" data-hr-click-tracking=\'{"settings": [{"type": "uxAction", "secondLevelId": "1", "clickLabel": "{{../_navigationType}}::{{../_parent}}::{{../this.flyoutStartLinkText}}-Link geklickt"}]}\' >\n {{../this.flyoutStartLinkText}}\n </a> \n </div> \n </div>\n {{/unless}}\n {{/unless}}\n \n <div class="{{#if this.showAsFlyout}}lg:flex lg:flex-row -columnCount--{{this.columnCount}} lg:divide-x lg:divide-gray-200 {{else}} {{#if ../this.selected}} w-full lg:px-10 lg:container {{/if}}{{/if}}">\n {{#if this.showAsFlyout}}\n {{#each this.columns}}\n {{> components/site_header/navigation_flyout/navigation_flyout_column count=../this.columnCount navtype=../../_navigationType _parent=../../_parent _flyout=true~}}\n {{/each}}\n {{else}}\n {{#with this.items}}\n {{> components/site_header/navigation_flyout/navigation_flyout_column selected=../../this.selected navtype=../../_navigationType _parent=../../_parent _flyout=false ~}}\n {{/with}}\n {{/if}}\n </div>\n</div>\n{{/with}}'
46
- module.exports['components/site_header/navigation_flyout/navigation_flyout_column.hbs'] = '<ul class="{{inline-switch count \'["1","2"]\' \'["md:w-1/1", "md:w-1/1 lg:w-1/2"]\'}} {{inline-switch navtype \'["ServiceNavigation","RubrikNavigation"]\' \'["border-b border-gray-200 md:border-0","border-0"]\'}} lg:even:pl-4 lg:odd:pr-4 {{#if selected}} lg:container lg:flex lg:h-9 {{/if}} ">\n {{~#each this ~}} \n {{~#if this.title~}}\n {{> components/site_header/navigation_flyout/navigation_flyout_item _parentselected=../selected _fromNav=../navtype _flyout=../_flyout _parent=../_parent ~}}\n {{~/if~}} \n {{~/each~}}\n \n</ul>'
47
- module.exports['components/site_header/navigation_flyout/navigation_flyout_item.hbs'] = '<li :class="dropped ? \'h-auto\' : \'h-10\'" \n class="sb-navigation-flyout-item pl-4 {{#if _flyout}}lg:px-0 {{else}}lg:px-2 lg:first-of-type:pl-0 {{/if}}{{#if _parentselected}}lg:whitespace-nowrap{{/if}} flex h-auto text-base leading-6 border-b border-gray-200 lg:last:border-0 lg:border-0 text-blue-congress justify-start hover:underline">\n {{#decorator \'components/base/link\' _css=(inline-switch _fromNav \'["RubrikNavigation","ServiceNavigation"]\' \'["link-focus-inset py-2 w-full","link-focus py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full"]\') _doNavigationTracking="true" _clickLabelType=_fromNav _clickLabelPrefix1=_parent clickLabelPrefix2=this.link.content.text }}\n {{this.text}} \n {{~#if this.link.hasIcon}}{{> components/base/image/icon _icon=this.link.iconName _addClass="w-4 h-4 fill-current ml-2 inline-flex" _iconmap="icons" }} {{/if}}\n {{/decorator}} \n</li>'
48
49
  module.exports['components/site_header/service_navigation/service_list.hbs'] = '<div \n id="serviceList"\n @click.outside="$store.serviceNavIsOpen = false; toggleScrolling(!$store.searchFieldOpen && !$store.burgeropen)"\n x-ref="serviceList"\n :class="shouldServiceIconsBeHidden() ? \'-mt-40\' : \'\'"\n class="absolute left-0 flex justify-center flex-initial w-full h-10 max-w-full align-top duration-500 ease-in-out border-t border-white sb-service-list transition-margin-top -z-1000 md:z-10000 md:h-12 top-10 bg-blue-congress md:border-0 md:top-auto md:w-auto md:left-auto md:static md:justify-end md:flex md:flex-auto lg:h-16 lg:pl-0 lg:pr-4 lg:w-3/4 "\n>\n {{#with this.serviceNavigationSSILinks}}\n <ul class="flex justify-around w-full h-full -itemCount-{{ count }} lg:w-auto lg:justify-end lg:pt-1">\n {{#each this}} \n {{> components/base/loadSSI _templatePath=\'components/site_header/service_navigation/service_navigation_item\' }} \n {{/each}} \n </ul>\n {{/with}}\n</div>'
49
50
  module.exports['components/site_header/service_navigation/service_navigation_item.hbs'] = '{{#each this.navigationItems}}\n <li class="sb-service-navigation-item {{inline-switch this.id \'["weather","warnung","traffic","video-podcast"]\' \'["-weather", "-warnung", "-traffic", "-video-podcast"]\' }} flex flex-col h-10 lg:h-15 md:h-full w-full tablet:first:border-l border-r last:border-r-0 lg:border-r-0 text-white" >\n {{#if this.subNavigation}} \n <button \n id="{{nextRandom}}" \n @click.debounce.100ms="toggleServiceNav()" \n @click.outside="dropped = false;"\n @close-servicemenu.window="dropped = false; $store.serviceNavIsOpen = false"\n\n x-data="dropdown"\n id="{{getRandom}}"\n \n class="js-load flex flex-col items-center justify-center h-full px-4 text-left lg:justify-start lg:px-3 lg:pt-1 lg:hover:underline lg:relative lg:rounded-t lg:border-0 lg:left-0 link-focus-inset-white {{#if this.selected}}-currentService{{/if}}"\n\n :class="dropped ? \'bg-white fill-current text-blue-congress lg:border-0 lg:underline\' : \'\'" \n\n aria-owns="flyout-{{getRandom}}" \n aria-controls="flyout-{{getRandom}}"\n x-effect="$el.setAttribute(\'aria-expanded\', dropped);$el.setAttribute(\'aria-label\', dropped ? \'{{this.text}}-Menü schließen\' : \'{{this.text}}-Menü öffnen\')"\n data-hr-click-tracking=\'{"settings": [{"type": "uxAction", "secondLevelId": "1", "clickLabel": "Servicenavigation::{{this.text}}-Link geklickt"}]}\'\n >\n \n {{else}}\n\n {{#if this.extern}}\n <a href="{{this.url}}" target="_blank" x-init="dropped = false" class="flex flex-col items-center justify-center h-full px-4 lg:justify-start lg:px-3 lg:rounded-t link-focus-inset-white js-load" id="flyout-{{nextRandom}}-1" data-hr-click-tracking=\'{"settings": [{"type": "uxAction", "secondLevelId": "1", "clickLabel": "Servicenavigation::{{this.text}}-Link geklickt"}]}\'>\n {{else}}\n <a href="{{resourceUrl this.url}}" x-init="dropped = false" class="flex flex-col items-center justify-center h-full px-4 lg:justify-start lg:px-3 lg:pt-1 lg:rounded-t link-focus-inset-white js-load" id="flyout-{{nextRandom}}-1" data-hr-click-tracking=\'{"settings": [{"type": "uxAction", "secondLevelId": "1", "clickLabel": "Servicenavigation::{{this.text}}-Link geklickt"}]}\'>\n {{/if}}\n\n {{/if}}\n\n <div class="w-7 md:w-8 h-7 md:h-8" >\n {{> components/base/image/icon _icon=this.icon _iconmap="icons" _addClass="w-full h-full"}}\n <span class="sr-only lg:hidden">{{this.text}}</span>\n </div>\n\n <div :class="dropped ? \'text-blue-congress fill-current\' : \'text-white fill-white\'" class="relative flex-row items-center justify-center hidden pt-px text-white lg:flex z-10002">\n <div class="flex" >\n <span class="flex text-xs leading-4 whitespace-nowrap">\n {{text}} \n </span>\n {{#if this.subNavigation}} \n <div class="flex lg:pl-1">\n <div class="flex items-center justify-center" :class="dropped ? \'transform rotate-180\':\'\' ">\n {{> components/base/image/icon _icon="arrow-down" _iconmap="icons" _addClass="w-3 h-2 fill-current"}}\n </div>\n </div>\n {{/if}} \n </div>\n </div> \n {{#if this.subNavigation}} \n {{> components/site_header/navigation_flyout/navigation_flyout _isSectionNav=false _navigationType="ServiceNavigation" _parent=this.text }}\n </button>\n {{else}} \n </a>\n {{/if}} \n </li>\n{{/each}}'
50
51
  module.exports['components/teaser/cluster/teaser_cluster.hbs'] = '<article class="mx-5 md:mx-0 col-span-12 grid bg-[#dce8f0] rounded-tl-3xl rounded-br-3xl {{~inline-switch this.teaserSize \'["25","33","50"]\' \'[" md:col-span-3"," md:col-span-4"," md:col-span-6",""]\'}} ">\n <div class="">\n <h2 class="flex items-center px-5 py-6 font-bold font-headingSerif text-blue-congress">\n {{#if this.teaserLogo}}\n <span>\n {{> components/base/image/icon _icon=this.teaserLogo _iconmap="logo" _addClass=(inline-switch this.teaserLogo \'["hessenschau_de"]\' \'["fill-[#005293] w-10 md:w-12 h-10 md:h-12","fill-[#005293] w-40 lg:w-52 h-8 md:h-12"]\')}}\n </span>\n {{/if}}\n {{#if this.title}}\n <span class="text-lg md:text-2xl border-blue-congress {{#if this.teaserLogo}} pl-3 ml-3 border-l-2 border-solid {{/if}}">{{this.title}}</span>\n {{/if}}\n </h2>\n {{> components/teaser/cluster/teaser_cluster_list _ordered=this.isOrdered}} \n </div>\n {{~#with this.headlineListOverview}}\n {{~#if this.link~}}\n <div class="flex mx-5 py-11 {{~inline-switch ../this.teaserSize \'["100"]\' \'[" justify-center md:justify-end"," justify-center"]\'}}">\n {{~> components/button/button_pseudo _color="blue" _linkTitle=this.title~}}\n </div>\n {{~/if~}}\n {{/with~}}\n</article>\n\n'
51
52
  module.exports['components/teaser/cluster/teaser_cluster_byline.hbs'] = '\n<p class="mt-2.5 text-xs text-grey-scorpion font-headingSerif {{#if _ordered}} pl-8 {{/if}}">\n {{!--Teaser-Info--}}\n {{#with this.teaserInfo}}\n {{#if this.showTeaserInfo~}}\n {{~#if this.showTeaserInfoSection}}\n <span class="uppercase">\n {{../this.documentSection~}}\n </span>\n <span class="mx-px last-of-type:hidden">|</span>\n {{/if}}\n {{~#if this.showTeaserInfoDate}}\n {{~#with ../this.teaserDate}}\n <time datetime="{{this.htmlDateTime}}">{{this.date}}</time>\n {{/with~}}\n <span class="mx-px last-of-type:hidden">|</span>\n {{else}}\n {{~#if this.showTeaserInfoDateTime}}\n {{~#with ../this.teaserDate}}\n <time datetime="{{this.htmlDateTime}}">{{loca "date_simple_at" this.dateSeparatorTime}}</time>\n {{/with~}}\n <span class="mx-px last-of-type:hidden">|</span>\n {{/if~}}\n {{/if~}}\n {{/if}}\n {{/with}}\n\n {{!--Profiles--}}\n {{#if this.showProfileInfoAsByline}}\n {{#if this.profiles}}\n <span>{{this.profiles}}</span>\n <span class="mx-px last-of-type:hidden">|</span>\n {{/if}}\n {{/if}}\n</p>'
52
53
  module.exports['components/teaser/cluster/teaser_cluster_item.hbs'] = '\n{{#decorator \'components/base/link\' _css="group" _doTracking=(if this.doTracking \'true\') _clickLabelPrefix1="clusterTeaserLink" _clickLabelPrefix2="Link" }} \n {{> components/teaser/components/teaser_heading\n _headlineTag="h1"\n _label=this.label\n _size=_size\n _title=this.title\n _teaserType="cluster"\n _ordered=_ordered\n _titleBlue=\'true\' \n _firstItem=_firstItem}} \n {{/decorator}}\n{{> components/teaser/cluster/teaser_cluster_byline}}\n \n'
53
54
  module.exports['components/teaser/cluster/teaser_cluster_list.hbs'] = '<div class="{{~#if this.showFirstImageOrGenreImage}}{{~inline-switch this.teaserSize \'["100"]\' \'[" md:flex md:flex-row"]\'}}{{~/if~}}">\n {{~#if this.showGenreImage}}\n <div class="px-0 pb-5 {{~inline-switch this.teaserSize \'["100"]\' \'[" md:pl-5 md:basis-1/2 lg:basis-1/3 md:ar-1-1"]\'}}">\n {{~> components/base/image/responsive_image this.genreImage type=this.teaserType variant=this.imageVariant addClass=this.aspectRatio _addClassImg="ar__content" ~}}\n </div>\n {{~/if~}}\n {{~#if this.showFirstImage}}\n {{~#with this.firstEntry~}}\n {{~#if this.teaserImage}}\n <div class="px-0 pb-5 {{~inline-switch ../this.teaserSize \'["100"]\' \'[" md:pl-5 md:basis-1/2 lg:basis-1/3"]\'}}"> \n {{~> components/base/image/responsive_image this.teaserImage type=../this.teaserType variant=../this.imageVariant addClass=../this.aspectRatio _addClassImg="ar__content pb-4" ~}}\n <div class="mx-5 {{~inline-switch ../this.teaserSize \'["100"]\' \'[" md:mx-0"]\'}}">\n {{> components/teaser/cluster/teaser_cluster_item _size=../this.teaserSize _ordered=../this.isOrdered _firstItem=true}}\n </div> \n </div> \n {{/if~}}\n {{~/with~}}\n {{/if~}}\n {{~#with this.clusterTeaserItems}}\n {{~#if ../this.isOrdered}}<ol class="mx-5 list-none divide-y divide-white divide-solid counter-reset border-t border-white {{~#if ../this.showGenreImage}}{{~inline-switch ../this.teaserSize \'["100"]\' \'[" md:-pt-5 md:border-none"]\'}}{{/if~}}">{{else}}<ul class="mx-5 divide-y divide-white divide-solid border-t border-white {{~#if ../this.showGenreImage}}{{~inline-switch ../this.teaserSize \'["100"]\' \'[" md:-pt-5 md:border-none"]\'}}{{/if~}}">{{/if}}\n {{~#each this~}}\n <li class="{{~#if ../../this.isOrdered}} -ordered {{/if}} py-5 {{#if ../../this.headlineListOverview.link}} last-of-type:pb-0{{/if~}} {{~#if ../../this.showGenreImage}}{{~inline-switch ../../this.teaserSize \'["100"]\' \'[" md:first-of-type:pt-0"]\'}}{{/if~}}">\n {{> components/teaser/cluster/teaser_cluster_item _size=../this.teaserSize _ordered=../../this.isOrdered }} \n </li>\n {{~/each}}\n {{~#if ../this.isOrdered}}</ol>{{else}}</ul>{{/if~}}\n {{/with~}}\n</div>'
54
- module.exports['components/teaser/components/teaser_av_consumption.hbs'] = '{{#with this.teaserLead.avDocument}}\n {{~#if this.isVideo ~}}\n {{#with this.toModel.videoElement}}\n {{~> components/mediaplayer/media_player _cypressHook="js-video-ondemand" _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _isTeaser=true _teaser=../../this _aspectRatio=../../_aspectRatio _teaserSize=../../_teaserSize ~}}\n {{#if ../../_isMobile1to1~}} \n {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}\n {{~/if~}}\n {{/with}}\n {{~/if~}}\n {{~#if this.isAudio ~}}\n {{#with this.toModel.audioElement}}\n {{~> components/mediaplayer/media_player _cypressHook="js-audio-ondemand" _mediaButtonIcon="audio_button" _mediaButtonLabel="Audio" _isTeaser=true _teaser=../../this _audioUrl=../this.audioUrl _variant=../this.imageVariant _noDelay=../../_noDelay _aspectRatio=../../_aspectRatio _isMobile1to1=../../_isMobile1to1 _teaserSize=../../_teaserSize~}} \n {{#if ../../_isMobile1to1~}} \n {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}\n {{~/if~}}\n {{/with}}\n {{~/if~}}\n {{~#if this.isPodcast ~}}\n {{#with this.toModel.audioElement}}\n {{~> components/mediaplayer/media_player _cypressHook="js-audio-ondemand" _mediaButtonIcon="podcast-button" _mediaButtonLabel="Podcast" _isTeaser=true _teaser=../../this _audioUrl=../this.audioUrl _variant=../this.imageVariant _noDelay=../../_noDelay _aspectRatio=../../_aspectRatio _isMobile1to1=../../_isMobile1to1 _teaserSize=../../_teaserSize~}} \n {{#if ../../_isMobile1to1~}} \n {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}\n {{~/if~}}\n {{/with}}\n {{~/if~}}\n {{~#if this.isAudioEventLivestream ~}}\n {{#with this.toModel.audioLivestreamElement}}\n {{~> components/mediaplayer/media_player _cypressHook="js-video-livestream" _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream="true" _isTeaser=true _teaser=../../this _audioUrl=../this.audioUrl _variant=../this.imageVariant _noDelay=../../_noDelay _aspectRatio=../../_aspectRatio _isMobile1to1=../../_isMobile1to1 _teaserSize=../../_teaserSize~}} \n {{#if ../../_isMobile1to1~}} \n {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}\n {{~/if~}}\n {{/with}}\n {{~/if~}}\n {{~#if this.isLivestream ~}}\n {{#with this.toModel.videoLivestreamElement}}\n {{~> components/mediaplayer/media_player _cypressHook="js-video-livestream" _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream="true" _isTeaser=true _teaser=../../this _audioUrl=../this.audioUrl _variant=../this.imageVariant _noDelay=../../_noDelay _aspectRatio=../../_aspectRatio _isMobile1to1=../../_isMobile1to1 _teaserSize=../../_teaserSize ~}} \n {{#if ../../_isMobile1to1~}} \n {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}\n {{~/if~}}\n {{/with}}\n {{~/if~}}\n \n{{/with}}'
55
+ module.exports['components/teaser/components/teaser_av_consumption.hbs'] = '{{#with this.teaserLead.avDocument}}\n {{~#if this.isVideo ~}}\n {{#with this.toModel.videoElement}}\n {{~> components/mediaplayer/media_player _cypressHook="js-video-ondemand" _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _isTeaser=true _teaser=../../this _aspectRatio=../../_aspectRatio _teaserSize=../../_teaserSize _isMobile1to1=../../_isMobile1to1 _geotag=../../this.geotag _hideGeotag=../../this.hideGeotag~}}\n {{#if ../../_isMobile1to1~}} \n {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}\n {{~/if~}}\n {{/with}}\n {{~/if~}}\n {{~#if this.isAudio ~}}\n {{#with this.toModel.audioElement}}\n {{~> components/mediaplayer/media_player _cypressHook="js-audio-ondemand" _mediaButtonIcon="audio_button" _mediaButtonLabel="Audio" _isTeaser=true _teaser=../../this _audioUrl=../this.audioUrl _variant=../this.imageVariant _noDelay=../../_noDelay _aspectRatio=../../_aspectRatio _isMobile1to1=../../_isMobile1to1 _teaserSize=../../_teaserSize _geotag=../../this.geotag _hideGeotag=../../this.hideGeotag~}} \n {{#if ../../_isMobile1to1~}} \n {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}\n {{~/if~}}\n {{/with}}\n {{~/if~}}\n {{~#if this.isPodcast ~}}\n {{#with this.toModel.audioElement}}\n {{~> components/mediaplayer/media_player _cypressHook="js-audio-ondemand" _mediaButtonIcon="podcast-button" _mediaButtonLabel="Podcast" _isTeaser=true _teaser=../../this _audioUrl=../this.audioUrl _variant=../this.imageVariant _noDelay=../../_noDelay _aspectRatio=../../_aspectRatio _isMobile1to1=../../_isMobile1to1 _teaserSize=../../_teaserSize _geotag=../../this.geotag _hideGeotag=../../this.hideGeotag~}} \n {{#if ../../_isMobile1to1~}} \n {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}\n {{~/if~}}\n {{/with}}\n {{~/if~}}\n {{~#if this.isAudioEventLivestream ~}}\n {{#with this.toModel.audioLivestreamElement}}\n {{~> components/mediaplayer/media_player _cypressHook="js-video-livestream" _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream="true" _isTeaser=true _teaser=../../this _audioUrl=../this.audioUrl _variant=../this.imageVariant _noDelay=../../_noDelay _aspectRatio=../../_aspectRatio _isMobile1to1=../../_isMobile1to1 _teaserSize=../../_teaserSize _geotag=../../this.geotag _hideGeotag=../../this.hideGeotag~}} \n {{#if ../../_isMobile1to1~}} \n {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}\n {{~/if~}}\n {{/with}}\n {{~/if~}}\n {{~#if this.isLivestream ~}}\n {{#with this.toModel.videoLivestreamElement}}\n {{~> components/mediaplayer/media_player _cypressHook="js-video-livestream" _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream="true" _isTeaser=true _teaser=../../this _audioUrl=../this.audioUrl _variant=../this.imageVariant _noDelay=../../_noDelay _aspectRatio=../../_aspectRatio _isMobile1to1=../../_isMobile1to1 _teaserSize=../../_teaserSize _geotag=../../this.geotag _hideGeotag=../../this.hideGeotag~}} \n {{#if ../../_isMobile1to1~}} \n {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}\n {{~/if~}}\n {{/with}}\n {{~/if~}}\n \n{{/with}}'
55
56
  module.exports['components/teaser/components/teaser_av_consumption_close_button.hbs'] = '{{> components/button/button_transparent _showIcon="true" _title="Mediaplayer schließen" _icon="arrow-up" _iconmap="icons"_addIconClass="w-3 h-3 fill-current" _addClass="md:hidden absolute top-full right-0" _x-show="avStart" _alpineClick=(loca "close_button_alpine_click" _playerId)}}'
56
57
  module.exports['components/teaser/components/teaser_body.hbs'] = '<div class="{{~#if this.isMobile1to1}}basis-3/5 md:flex-full{{/if~}}{{#if _outerCssClasses}} {{_outerCssClasses}}{{/if}}">\n <header class="md:px-0{{#unless this.isMobile1to1}} px-5{{/unless}}">\n {{#decorator \'components/base/link\' _css="hover:text-toplineColor" _doTracking=(if this.doTracking \'true\') _clickLabelPrefix1=this.teaserSize _clickLabelPrefix2="headlineLink" }} \n {{> components/teaser/components/teaser_heading \n _fontVariant=this.headingFontVariant\n _headlineTag=this.headlineTag \n _label=this.label \n _readMore=this.link.readMoreText.readMoreScreenreader \n _size=this.teaserSize \n _title=this.title \n _topline=this.topline \n _teaserType=this.teaserType\n _isMobile1to1=this.isMobile1to1}} \n {{/decorator}} \n </header>\n <div class="md:px-0{{#unless this.isMobile1to1}} px-5{{/unless}}">\n {{> components/teaser/components/teaser_text _text=this.shorttext _size=this.teaserSize}}\n {{> components/teaser/components/teaser_byline}} \n </div>\n</div>'
57
58
  module.exports['components/teaser/components/teaser_byline.hbs'] = '<p class="mt-2.5 text-xs text-grey-scorpion font-headingSerif">\n \n {{!--Teaser-Info--}}\n {{#with this.teaserInfo}}\n {{#if this.showTeaserInfo~}}\n {{~#if this.showTeaserInfoDate}}\n {{~#with ../this.teaserDate}}\n <time datetime="{{this.htmlDateTime}}">{{this.date}}</time>\n {{/with~}} \n <span class="mx-px last-of-type:hidden">|</span> \n {{else}}\n {{~#if this.showTeaserInfoDateTime}}\n {{~#with ../this.teaserDate}}\n <time datetime="{{this.htmlDateTime}}">{{loca "date_simple_at" this.dateSeparatorTime}}</time>\n {{/with~}} \n <span class="mx-px last-of-type:hidden">|</span> \n {{/if~}}\n {{/if~}} \n\n {{~#if this.showTeaserInfoSection}}\n <span class="uppercase">\n {{../this.documentSection~}}\n </span> \n <span class="mx-px last-of-type:hidden">|</span> \n {{/if}}\n\n {{/if}}\n {{/with}}\n\n {{#if this.isFileDownload}}\n {{#with this.teaserImage}}\n {{loca "gallery_image_copyright" this.copyrightWithLinks}}\n {{/with}}\n {{/if}}\n\n {{!--Profiles--}}\n {{#if this.profiles}}\n <span>{{this.profiles}}</span> \n <span class="mx-px last-of-type:hidden">|</span> \n {{/if}} \n\n {{!--Comments--}}\n {{#with this.commentsSsi}}\n {{> components/base/loadSSI _templatePath=\'components/teaser/components/teaser_comments\' }} \n {{/with}}\n</p>\n'
58
59
  module.exports['components/teaser/components/teaser_comments.hbs'] = '{{#with this.commentLink}}\n <span class="whitespace-nowrap">\n {{#decorator \'components/base/link\' _css="hover:underline decoration-1" _isAriaHidden=true _doTracking=(if this.doTracking \'true\') _clickLabelPrefix1=this.teaserSize _clickLabelPrefix2="comment" }}\n {{> components/base/image/icon _icon="kommentar" _iconmap="icons" _addClass="mr-0.5 inline w-5 h-5 text-toplineColor fill-current"}}\n <span class="sr-only">{{loca "comment_anchor_1"}}</span>\n <span class="text-toplineColor">{{../../this.commentNumber}}</span>\n {{#if ../../this.hasOneComment}}\n <span class="text-toplineColor">{{loca "comment_label_text"}}</span>\n {{else}}\n <span class="text-toplineColor">{{loca "comment_label_text_many"}}</span>\n {{/if}}\n <span class="sr-only">{{loca "comment_anchor_2"}}</span>\n {{/decorator}}\n </span>\n{{/with}}'
59
60
  module.exports['components/teaser/components/teaser_heading.hbs'] = '{{#with _label}}\n <div class="leading-5.5{{#if ../_ordered}} pl-8 {{/if}}">\n {{> components/label/label _type=this.type _text=(loca this.loca) _css=../_css}}\n </div>\n{{/with~}}\n\n<{{~ _headlineTag ~}}>\n {{#if _topline}}\n {{> components/teaser/components/teaser_topline _css=_css _text=_topline _readMore=_readMore _teaserType=_teaserType}}\n {{/if}}\n {{> components/teaser/components/teaser_title _css=_css _text=_title _fontVariant=_fontVariant _size=_size _teaserType=_teaserType _isMobile1to1=_isMobile1to1 _firstItem=_firstItem}}\n</{{~ _headlineTag ~}}>\n'
60
- module.exports['components/teaser/components/teaser_image.hbs'] = '{{#decorator \'components/base/link\' _isAriaHidden=true _doTracking=(if this.doTracking \'true\') _clickLabelPrefix1=this.teaserSize _clickLabelPrefix2="mediaLink" }}\n {{~> components/base/image/responsive_image this.teaserImage _type=this.teaserType _variant=this.imageVariant _noDelay=../this.dontLazyload _addClassImg="" ~}}\n{{/decorator}} \n{{#if this.isEvent}}\n {{#unless this.displayTeaserBodyAsImageOverlay}}\n {{#decorator \'components/teaser/components/teaser_image_overlay\' _cssClasses="top-0 h-full"}}\n <div class="flex flex-col items-center justify-center p-4">\n {{> components/event/instant_dates}}\n </div>\n {{/decorator}}\n {{/unless}}\n{{/if}}'
61
+ module.exports['components/teaser/components/teaser_image.hbs'] = '<div class="relative">\n{{#unless this.hideGeotag}}\n {{#unless _isMobile1to1}}\n {{~#with this.geotag}}\n {{> components/geoTag/geoTag _text=this.[0].title _teaserSize=../_teaserSize }}\n {{/with~}}\n {{/unless}}\n{{/unless}}\n{{#decorator \'components/base/link\' _isAriaHidden=true _doTracking=(if this.doTracking \'true\') _clickLabelPrefix1=this.teaserSize _clickLabelPrefix2="mediaLink" }}\n {{~> components/base/image/responsive_image this.teaserImage _type=this.teaserType _variant=this.imageVariant _noDelay=../this.dontLazyload _addClassImg="" ~}}\n{{/decorator}}\n</div> \n{{#if this.isEvent}}\n {{#unless this.displayTeaserBodyAsImageOverlay}}\n {{#decorator \'components/teaser/components/teaser_image_overlay\' _cssClasses="top-0 h-full"}}\n <div class="flex flex-col items-center justify-center p-4">\n {{> components/event/instant_dates}}\n </div>\n {{/decorator}}\n {{/unless}}\n{{/if}}'
61
62
  module.exports['components/teaser/components/teaser_image_overlay.hbs'] = '<div class="{{#unless _noOverlayInMobileViewports}}absolute bg-gradient-to-t from-white bg-neutral-200 opacity-80{{else}}relative border-x border-b border-gray-400 md:border-0 md:absolute md:from-white md:bg-neutral-200 md:opacity-80{{/unless}} flex justify-center{{#if _cssClasses}} {{_cssClasses}}{{/if}}" aria-hidden="true">\n {{~ decorator_body ~}} \n</div>'
62
- module.exports['components/teaser/components/teaser_lead.hbs'] = '{{~#if this.allowAVConsumption ~}}\n {{> components/teaser/components/teaser_av_consumption _aspectRatio=_aspectRatio _isMobile1to1=_isMobile1to1 _teaserSize=_teaserSize }}\n{{else}} \n {{> components/teaser/components/teaser_image }}\n{{/if}}'
63
+ module.exports['components/teaser/components/teaser_lead.hbs'] = '{{~#if this.allowAVConsumption ~}}\n {{> components/teaser/components/teaser_av_consumption _aspectRatio=_aspectRatio _isMobile1to1=_isMobile1to1 _teaserSize=_teaserSize }}\n{{else}} \n {{> components/teaser/components/teaser_image _isMobile1to1=_isMobile1to1}}\n{{/if}}'
63
64
  module.exports['components/teaser/components/teaser_text.hbs'] = '<span class=\'flex space-around {{inline-switch _size \'["25"]\' \'["hidden ","hidden md:block "]\'~}}\n text-base mt-3 font-copy\'>\n {{~_text~}}\n</span>\n {{#if this.isExtOrBrandLink}}\n {{#decorator \'components/base/link\' _css="inline-flex flex-end text-link hover:text-link" _doTracking=(if this.doTracking \'true\') _clickLabelPrefix1=this.realTeasersize _clickLabelPrefix2="moreLink"}}\n <span class="inline-flex flex-wrap items-end hover:underline decoration-1">[{{this.link.readMoreText.readMore}}{{~#if this.link.hasIcon}}{{> components/base/image/icon _icon=this.link.iconName _iconmap="icons" _addClass="w-5 h-5 fill-current ml-1"}}{{/if~}}]</span>\n {{/decorator}} \n {{/if}}\n'
64
65
  module.exports['components/teaser/components/teaser_title.hbs'] = '<span class=\'block mt-0.5 group-hover:underline {{#if _css}}{{_css}}{{/if}}{{#if _titleBlue}} text-blue-congress {{/if}}{{#if _ordered}} pl-8 {{/if}} {{> components/teaser/components/teaser_title_classes _size=_size _teaserType=_teaserType _fontVariant=_fontVariant _isMobile1to1=_isMobile1to1 _firstItem=_firstItem}}\'>\n {{~_text~}}\n</span>'
65
66
  module.exports['components/teaser/components/teaser_title_classes.hbs'] = '{{! \nThis handlebars template is responisible to render the needed classnames for Teaser headlines\nAs we use tailwind css no cascade is used to style components. As Teaser Headline Sizes dependent\non 4 parameters the logic was outsourced to this file.\n\nthe 4 parameters are:\n- teaserType\n- size\n- _isMobile1to1\n- fontVariant\n\n}}\n\n{{~#switch _teaserType~}}\n {{~#case \'standard-ds\'~}}\n {{~#if _isMobile1to1~}}\n {{~inline-switch\n _size\n \'["hero","100","25"]\'\n \'["text-lg md:text-4xl","text-lg md:text-4xl","text-lg","text-lg md:text-2xl"]\'\n ~}}\n {{~else~}}\n {{~inline-switch\n _size\n \'["hero","100","25"]\'\n \'["text-2xl md:text-4xl","text-2xl md:text-4xl","text-lg","text-2xl"]\'\n ~}}\n {{~/if~}}\n {{~/case~}}\n {{~#case \'tabbox-standard-ds\'~}}\n {{~#if _isMobile1to1~}}\n {{~inline-switch\n _size\n \'["hero","100","25"]\'\n \'["text-lg md:text-4xl","text-lg md:text-4xl","text-lg","text-lg md:text-2xl"]\'\n ~}}\n {{~else~}}\n {{~inline-switch\n _size\n \'["hero","100","25"]\'\n \'["text-2xl md:text-4xl","text-2xl md:text-4xl","text-lg","text-2xl"]\'\n ~}}\n {{~/if~}}\n {{~/case~}}\n {{~#case \'alternative-ds\'~}}\n {{~inline-switch\n _size\n \'["hero","100","50"]\'\n \'["text-2xl md:text-3xl","text-lg md:text-3xl","text-lg md:text-2xl"]\'\n ~}}\n {{~/case~}}\n {{~#case \'tabbox-alternative-ds\'~}}\n {{~inline-switch\n _size\n \'["hero","100","50"]\'\n \'["text-2xl md:text-3xl","text-lg md:text-3xl","text-lg md:text-2xl"]\'\n ~}}\n {{~/case~}}\n {{~#case \'poster-ds\'~}}\n {{~inline-switch _size \'["50","33"]\' \'["text-2xl md:text-4xl","text-2xl"]\'~}}\n {{~/case~}}\n {{~#case \'cluster\'~}}\n {{#if _firstItem}}\n {{~inline-switch _size \'["100"]\' \'[" text-lg md:text-2xl"," text-lg"]\'}}\n {{else}}\n text-lg\n {{/if}}\n {{~/case~}}\n {{~#case \'stage\'~}}\n {{~inline-switch _size \'["100"]\' \'[" text-2xl md:text-4xl"," text-2xl"]\'}}\n {{~/case~}}\n{{~/switch~}}\n{{~inline-switch\n _fontVariant\n \'["serif", "sans-serif"]\'\n \'[" font-headingSerif"," font-heading font-bold"," font-headingSerif"]\'\n~}}'
package/dist/assets/index.css CHANGED
@@ -596,6 +596,9 @@ video {
596
596
  white-space: nowrap;
597
597
  border-width: 0;
598
598
  }
599
+ .pointer-events-none {
600
+ pointer-events: none;
601
+ }
599
602
  .visible {
600
603
  visibility: visible;
601
604
  }
@@ -630,6 +633,9 @@ video {
630
633
  .bottom-0 {
631
634
  bottom: 0px;
632
635
  }
636
+ .left-0 {
637
+ left: 0px;
638
+ }
633
639
  .right-0 {
634
640
  right: 0px;
635
641
  }
@@ -642,9 +648,6 @@ video {
642
648
  .top-1\/2 {
643
649
  top: 50%;
644
650
  }
645
- .left-0 {
646
- left: 0px;
647
- }
648
651
  .top-10 {
649
652
  top: 2.5rem;
650
653
  }
@@ -669,6 +672,9 @@ video {
669
672
  .z-1003 {
670
673
  z-index: 1003;
671
674
  }
675
+ .z-10 {
676
+ z-index: 10;
677
+ }
672
678
  .z-10001 {
673
679
  z-index: 10001;
674
680
  }
@@ -727,6 +733,14 @@ video {
727
733
  margin-left: 0px;
728
734
  margin-right: 0px;
729
735
  }
736
+ .mx-5 {
737
+ margin-left: 1.25rem;
738
+ margin-right: 1.25rem;
739
+ }
740
+ .my-5 {
741
+ margin-top: 1.25rem;
742
+ margin-bottom: 1.25rem;
743
+ }
730
744
  .mx-4 {
731
745
  margin-left: 1rem;
732
746
  margin-right: 1rem;
@@ -735,14 +749,6 @@ video {
735
749
  margin-top: 0.5rem;
736
750
  margin-bottom: 0.5rem;
737
751
  }
738
- .my-5 {
739
- margin-top: 1.25rem;
740
- margin-bottom: 1.25rem;
741
- }
742
- .mx-5 {
743
- margin-left: 1.25rem;
744
- margin-right: 1.25rem;
745
- }
746
752
  .mx-8 {
747
753
  margin-left: 2rem;
748
754
  margin-right: 2rem;
@@ -1475,6 +1481,10 @@ video {
1475
1481
  --tw-bg-opacity: 1;
1476
1482
  background-color: rgba(216, 233, 246, var(--tw-bg-opacity));
1477
1483
  }
1484
+ .bg-geoTag {
1485
+ background-color: #E5F2F3;
1486
+ background-color: var(--color-geoTag);
1487
+ }
1478
1488
  .bg-gray-500 {
1479
1489
  --tw-bg-opacity: 1;
1480
1490
  background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
@@ -1658,18 +1668,6 @@ video {
1658
1668
  padding-left: 0px !important;
1659
1669
  padding-right: 0px !important;
1660
1670
  }
1661
- .py-6 {
1662
- padding-top: 1.5rem;
1663
- padding-bottom: 1.5rem;
1664
- }
1665
- .px-8 {
1666
- padding-left: 2rem;
1667
- padding-right: 2rem;
1668
- }
1669
- .py-8 {
1670
- padding-top: 2rem;
1671
- padding-bottom: 2rem;
1672
- }
1673
1671
  .px-1\.5 {
1674
1672
  padding-left: 0.375rem;
1675
1673
  padding-right: 0.375rem;
@@ -1678,6 +1676,18 @@ video {
1678
1676
  padding-left: 0.25rem;
1679
1677
  padding-right: 0.25rem;
1680
1678
  }
1679
+ .py-8 {
1680
+ padding-top: 2rem;
1681
+ padding-bottom: 2rem;
1682
+ }
1683
+ .py-6 {
1684
+ padding-top: 1.5rem;
1685
+ padding-bottom: 1.5rem;
1686
+ }
1687
+ .px-8 {
1688
+ padding-left: 2rem;
1689
+ padding-right: 2rem;
1690
+ }
1681
1691
  .px-5 {
1682
1692
  padding-left: 1.25rem;
1683
1693
  padding-right: 1.25rem;
@@ -1931,6 +1941,10 @@ video {
1931
1941
  color: #ffffff;
1932
1942
  color: var(--color-stage-text);
1933
1943
  }
1944
+ .text-black {
1945
+ --tw-text-opacity: 1;
1946
+ color: rgba(0, 0, 0, var(--tw-text-opacity));
1947
+ }
1934
1948
  .text-orange-spicyCarrot {
1935
1949
  --tw-text-opacity: 1;
1936
1950
  color: rgba(211, 70, 0, var(--tw-text-opacity));
@@ -1939,10 +1953,6 @@ video {
1939
1953
  --tw-text-opacity: 1;
1940
1954
  color: rgba(39, 107, 158, var(--tw-text-opacity));
1941
1955
  }
1942
- .text-black {
1943
- --tw-text-opacity: 1;
1944
- color: rgba(0, 0, 0, var(--tw-text-opacity));
1945
- }
1946
1956
  .text-link {
1947
1957
  color: #006eb7;
1948
1958
  color: var(--color-link);
@@ -2208,7 +2218,7 @@ video {
2208
2218
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
2209
2219
  }
2210
2220
  .counter-reset {
2211
- counter-reset: cnt1668525650357;
2221
+ counter-reset: cnt1668552184852;
2212
2222
  }
2213
2223
  .line-clamp-4 {
2214
2224
  overflow: hidden;
@@ -2597,7 +2607,7 @@ video {
2597
2607
  --tw-ring-color: rgba(255, 255, 255, 0.5);
2598
2608
  }
2599
2609
  .-ordered {
2600
- counter-increment: cnt1668525650357 1;
2610
+ counter-increment: cnt1668552184852 1;
2601
2611
  }
2602
2612
  .-ordered::before {
2603
2613
  position: absolute;
@@ -2613,7 +2623,7 @@ video {
2613
2623
  letter-spacing: .0125em;
2614
2624
  --tw-text-opacity: 1;
2615
2625
  color: rgba(0, 0, 0, var(--tw-text-opacity));
2616
- content: counter(cnt1668525650357);
2626
+ content: counter(cnt1668552184852);
2617
2627
  }
2618
2628
  .\[-T\:\+Z\] {
2619
2629
  --t: +Z;
@@ -2651,6 +2661,8 @@ video {
2651
2661
  --color-stage-text: #ffffff;
2652
2662
  --color-stage-primary: #006eb7;
2653
2663
  --color-stage-link: var('--color-link');
2664
+ /* geoTag */
2665
+ --color-geoTag: #E5F2F3;
2654
2666
  }
2655
2667
  [data-theme='hessenschau'] {
2656
2668
  --color-primary: #005293;
@@ -2682,6 +2694,8 @@ video {
2682
2694
  --color-stage-text-box: #433d37;
2683
2695
  --color-stage-primary: #005293;
2684
2696
  --color-stage-link: #ffffff;
2697
+ /* geoTag */
2698
+ --color-geoTag: #E5F2F3;
2685
2699
  }
2686
2700
  [data-theme='hr-fernsehen'] {
2687
2701
  --color-primary: #c20016;
@@ -3370,6 +3384,16 @@ video {
3370
3384
  margin-right: 0px;
3371
3385
  }
3372
3386
 
3387
+ .md\:mx-4 {
3388
+ margin-left: 1rem;
3389
+ margin-right: 1rem;
3390
+ }
3391
+
3392
+ .md\:my-4 {
3393
+ margin-top: 1rem;
3394
+ margin-bottom: 1rem;
3395
+ }
3396
+
3373
3397
  .md\:my-3 {
3374
3398
  margin-top: 0.75rem;
3375
3399
  margin-bottom: 0.75rem;
package/dist/views/components/geoTag/geoTag.hbs ADDED
@@ -0,0 +1,6 @@
1
+ <span
2
+ class='z-10 pointer-events-none inline-block absolute bottom-0 left-0 {{~inline-switch _teaserSize '["33"]' '[" mx-5 my-5 md:mx-4 md:my-4"," mx-5 my-5"]'}} rounded px-1.5 pt-px tracking-wide text-black text-base leading-5.5 font-heading bg-geoTag'
3
+ aria-hidden="true"
4
+ >
5
+ {{_text}}
6
+ </span>
package/dist/views/components/mediaplayer/media_player.hbs CHANGED
@@ -1,12 +1,14 @@
1
1
  <div x-show="avStart" id="{{this.ardPlayerConfig.playerId}}" class="ar-16-9 h-auto js-load {{if _cypressHook _cypressHook 'js-media-element'}} js-video-livestream" data-hr-mediaplayer-loader='{{json this.ardPlayerJsonConfig}}'>
2
- {{#unless _hideGeotag}}
3
- {{~#with _geotag}}
4
- <span class="js-geotag c-teaser__geotag" aria-hidden="true">{{this.[0].title~}}</span>
5
- {{/with~}}
6
- {{/unless}}
7
2
  </div>
8
3
  {{#if _isTeaser}}
9
- <div class="relative {{_aspectRatio}}" x-show="!avStart" >
4
+ <div class="relative {{_aspectRatio}}" x-show="!avStart" >
5
+ {{#unless _hideGeotag}}
6
+ {{#unless _isMobile1to1}}
7
+ {{~#with _geotag}}
8
+ {{> components/geoTag/geoTag _text=this.[0].title _teaserSize=../_teaserSize}}
9
+ {{/with~}}
10
+ {{/unless}}
11
+ {{/unless}}
10
12
  {{#with _teaser}}
11
13
  {{~#if ../_isCopyText~}}
12
14
  {{~> components/base/image/responsive_image this.teaserImage _type=(if this.teaserType this.teaserType 'story') _variant=(if this.content.imageVariant this.content.imageVariant '100-copytext') _addClassImg="ar__content" _noDelay=../_noDelay ~}}
package/dist/views/components/teaser/components/teaser_av_consumption.hbs CHANGED
@@ -1,7 +1,7 @@
1
1
  {{#with this.teaserLead.avDocument}}
2
2
  {{~#if this.isVideo ~}}
3
3
  {{#with this.toModel.videoElement}}
4
- {{~> components/mediaplayer/media_player _cypressHook="js-video-ondemand" _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _isTeaser=true _teaser=../../this _aspectRatio=../../_aspectRatio _teaserSize=../../_teaserSize ~}}
4
+ {{~> components/mediaplayer/media_player _cypressHook="js-video-ondemand" _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _isTeaser=true _teaser=../../this _aspectRatio=../../_aspectRatio _teaserSize=../../_teaserSize _isMobile1to1=../../_isMobile1to1 _geotag=../../this.geotag _hideGeotag=../../this.hideGeotag~}}
5
5
  {{#if ../../_isMobile1to1~}}
6
6
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
7
7
  {{~/if~}}
@@ -9,7 +9,7 @@
9
9
  {{~/if~}}
10
10
  {{~#if this.isAudio ~}}
11
11
  {{#with this.toModel.audioElement}}
12
- {{~> components/mediaplayer/media_player _cypressHook="js-audio-ondemand" _mediaButtonIcon="audio_button" _mediaButtonLabel="Audio" _isTeaser=true _teaser=../../this _audioUrl=../this.audioUrl _variant=../this.imageVariant _noDelay=../../_noDelay _aspectRatio=../../_aspectRatio _isMobile1to1=../../_isMobile1to1 _teaserSize=../../_teaserSize~}}
12
+ {{~> components/mediaplayer/media_player _cypressHook="js-audio-ondemand" _mediaButtonIcon="audio_button" _mediaButtonLabel="Audio" _isTeaser=true _teaser=../../this _audioUrl=../this.audioUrl _variant=../this.imageVariant _noDelay=../../_noDelay _aspectRatio=../../_aspectRatio _isMobile1to1=../../_isMobile1to1 _teaserSize=../../_teaserSize _geotag=../../this.geotag _hideGeotag=../../this.hideGeotag~}}
13
13
  {{#if ../../_isMobile1to1~}}
14
14
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
15
15
  {{~/if~}}
@@ -17,7 +17,7 @@
17
17
  {{~/if~}}
18
18
  {{~#if this.isPodcast ~}}
19
19
  {{#with this.toModel.audioElement}}
20
- {{~> components/mediaplayer/media_player _cypressHook="js-audio-ondemand" _mediaButtonIcon="podcast-button" _mediaButtonLabel="Podcast" _isTeaser=true _teaser=../../this _audioUrl=../this.audioUrl _variant=../this.imageVariant _noDelay=../../_noDelay _aspectRatio=../../_aspectRatio _isMobile1to1=../../_isMobile1to1 _teaserSize=../../_teaserSize~}}
20
+ {{~> components/mediaplayer/media_player _cypressHook="js-audio-ondemand" _mediaButtonIcon="podcast-button" _mediaButtonLabel="Podcast" _isTeaser=true _teaser=../../this _audioUrl=../this.audioUrl _variant=../this.imageVariant _noDelay=../../_noDelay _aspectRatio=../../_aspectRatio _isMobile1to1=../../_isMobile1to1 _teaserSize=../../_teaserSize _geotag=../../this.geotag _hideGeotag=../../this.hideGeotag~}}
21
21
  {{#if ../../_isMobile1to1~}}
22
22
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
23
23
  {{~/if~}}
@@ -25,7 +25,7 @@
25
25
  {{~/if~}}
26
26
  {{~#if this.isAudioEventLivestream ~}}
27
27
  {{#with this.toModel.audioLivestreamElement}}
28
- {{~> components/mediaplayer/media_player _cypressHook="js-video-livestream" _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream="true" _isTeaser=true _teaser=../../this _audioUrl=../this.audioUrl _variant=../this.imageVariant _noDelay=../../_noDelay _aspectRatio=../../_aspectRatio _isMobile1to1=../../_isMobile1to1 _teaserSize=../../_teaserSize~}}
28
+ {{~> components/mediaplayer/media_player _cypressHook="js-video-livestream" _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream="true" _isTeaser=true _teaser=../../this _audioUrl=../this.audioUrl _variant=../this.imageVariant _noDelay=../../_noDelay _aspectRatio=../../_aspectRatio _isMobile1to1=../../_isMobile1to1 _teaserSize=../../_teaserSize _geotag=../../this.geotag _hideGeotag=../../this.hideGeotag~}}
29
29
  {{#if ../../_isMobile1to1~}}
30
30
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
31
31
  {{~/if~}}
@@ -33,7 +33,7 @@
33
33
  {{~/if~}}
34
34
  {{~#if this.isLivestream ~}}
35
35
  {{#with this.toModel.videoLivestreamElement}}
36
- {{~> components/mediaplayer/media_player _cypressHook="js-video-livestream" _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream="true" _isTeaser=true _teaser=../../this _audioUrl=../this.audioUrl _variant=../this.imageVariant _noDelay=../../_noDelay _aspectRatio=../../_aspectRatio _isMobile1to1=../../_isMobile1to1 _teaserSize=../../_teaserSize ~}}
36
+ {{~> components/mediaplayer/media_player _cypressHook="js-video-livestream" _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream="true" _isTeaser=true _teaser=../../this _audioUrl=../this.audioUrl _variant=../this.imageVariant _noDelay=../../_noDelay _aspectRatio=../../_aspectRatio _isMobile1to1=../../_isMobile1to1 _teaserSize=../../_teaserSize _geotag=../../this.geotag _hideGeotag=../../this.hideGeotag~}}
37
37
  {{#if ../../_isMobile1to1~}}
38
38
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
39
39
  {{~/if~}}
package/dist/views/components/teaser/components/teaser_image.hbs CHANGED
@@ -1,6 +1,15 @@
1
+ <div class="relative">
2
+ {{#unless this.hideGeotag}}
3
+ {{#unless _isMobile1to1}}
4
+ {{~#with this.geotag}}
5
+ {{> components/geoTag/geoTag _text=this.[0].title _teaserSize=../_teaserSize }}
6
+ {{/with~}}
7
+ {{/unless}}
8
+ {{/unless}}
1
9
  {{#decorator 'components/base/link' _isAriaHidden=true _doTracking=(if this.doTracking 'true') _clickLabelPrefix1=this.teaserSize _clickLabelPrefix2="mediaLink" }}
2
10
  {{~> components/base/image/responsive_image this.teaserImage _type=this.teaserType _variant=this.imageVariant _noDelay=../this.dontLazyload _addClassImg="" ~}}
3
- {{/decorator}}
11
+ {{/decorator}}
12
+ </div>
4
13
  {{#if this.isEvent}}
5
14
  {{#unless this.displayTeaserBodyAsImageOverlay}}
6
15
  {{#decorator 'components/teaser/components/teaser_image_overlay' _cssClasses="top-0 h-full"}}
package/dist/views/components/teaser/components/teaser_lead.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  {{~#if this.allowAVConsumption ~}}
2
2
  {{> components/teaser/components/teaser_av_consumption _aspectRatio=_aspectRatio _isMobile1to1=_isMobile1to1 _teaserSize=_teaserSize }}
3
3
  {{else}}
4
- {{> components/teaser/components/teaser_image }}
4
+ {{> components/teaser/components/teaser_image _isMobile1to1=_isMobile1to1}}
5
5
  {{/if}}
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": "0.82.2",
9
+ "version": "0.82.3",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "start-storybook -p 6006 public",
package/src/assets/tailwind.css CHANGED
@@ -38,6 +38,8 @@
38
38
  --color-stage-text: theme('colors.white.DEFAULT');
39
39
  --color-stage-primary: theme('colors.blue.deepCerulean');
40
40
  --color-stage-link: var('--color-link');
41
+ /* geoTag */
42
+ --color-geoTag: theme('colors.grey.brightGray');
41
43
  }
42
44
 
43
45
  [data-theme='hessenschau'] {
@@ -70,6 +72,8 @@
70
72
  --color-stage-text-box: theme('colors.grey.armadillo');
71
73
  --color-stage-primary: theme('colors.blue.congress');
72
74
  --color-stage-link: theme('colors.white.DEFAULT');
75
+ /* geoTag */
76
+ --color-geoTag: theme('colors.grey.brightGray');
73
77
  }
74
78
 
75
79
  [data-theme='hr-fernsehen'] {
package/src/stories/views/components/geoTag/geoTag.hbs ADDED
@@ -0,0 +1,6 @@
1
+ <span
2
+ class='z-10 pointer-events-none inline-block absolute bottom-0 left-0 {{~inline-switch _teaserSize '["33"]' '[" mx-5 my-5 md:mx-4 md:my-4"," mx-5 my-5"]'}} rounded px-1.5 pt-px tracking-wide text-black text-base leading-5.5 font-heading bg-geoTag'
3
+ aria-hidden="true"
4
+ >
5
+ {{_text}}
6
+ </span>
package/src/stories/views/components/geoTag/geoTag.stories.mdx ADDED
@@ -0,0 +1,61 @@
1
+ import {
2
+ ArgsTable,
3
+ Meta,
4
+ Story,
5
+ Canvas,
6
+ Preview,
7
+ ColorPalette,
8
+ ColorItem,
9
+ } from '@storybook/addon-docs'
10
+
11
+ import geoTag from './geoTag.hbs'
12
+
13
+ <Meta
14
+ title="Komponenten/Ortsmarke"
15
+ argTypes={{
16
+ _text: {
17
+ control: 'text',
18
+ description: 'Beschriftung der Ortsmarke',
19
+ },
20
+ }}
21
+ decorators={[
22
+ (Story) => {
23
+ return `<div class="relative py-8">
24
+ ${Story()}
25
+ </div>`
26
+ },
27
+ ]}
28
+ />
29
+
30
+ export const Template = ({...args }) => {
31
+ // You can either use a function to create DOM elements or use a plain html string!
32
+ // return `<div>${geoTag}</div>`;
33
+ return geoTag({...args })
34
+ }
35
+
36
+ # geoTag
37
+
38
+ <Preview withToolbar>
39
+ <Story
40
+ name="Frankfurt"
41
+ args={{
42
+ _text: 'Frankfurt'
43
+ }}
44
+ >
45
+ {Template.bind({})}
46
+ </Story>
47
+ </Preview>
48
+
49
+ ## Einbindung
50
+
51
+ Die Komponente wird in Form eines Handlebar Partials eingebunden.
52
+
53
+ ```html
54
+ {{> components/geotTag/geoTag.hbs text="Frankfurt"}}
55
+ ```
56
+
57
+ Mit folgenden Parametern kann die Komponente konfiguriert werden.
58
+
59
+ | Parameter | Typ | Mögliche Werte | Erläuterung |
60
+ | :--------- | :------- | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------- |
61
+ | **\_text** | `String` | Beliebiger Text | Die Beschriftung der Ortsmarke |
package/src/stories/views/components/mediaplayer/media_player.hbs CHANGED
@@ -1,12 +1,14 @@
1
1
  <div x-show="avStart" id="{{this.ardPlayerConfig.playerId}}" class="ar-16-9 h-auto js-load {{if _cypressHook _cypressHook 'js-media-element'}} js-video-livestream" data-hr-mediaplayer-loader='{{json this.ardPlayerJsonConfig}}'>
2
- {{#unless _hideGeotag}}
3
- {{~#with _geotag}}
4
- <span class="js-geotag c-teaser__geotag" aria-hidden="true">{{this.[0].title~}}</span>
5
- {{/with~}}
6
- {{/unless}}
7
2
  </div>
8
3
  {{#if _isTeaser}}
9
- <div class="relative {{_aspectRatio}}" x-show="!avStart" >
4
+ <div class="relative {{_aspectRatio}}" x-show="!avStart" >
5
+ {{#unless _hideGeotag}}
6
+ {{#unless _isMobile1to1}}
7
+ {{~#with _geotag}}
8
+ {{> components/geoTag/geoTag _text=this.[0].title _teaserSize=../_teaserSize}}
9
+ {{/with~}}
10
+ {{/unless}}
11
+ {{/unless}}
10
12
  {{#with _teaser}}
11
13
  {{~#if ../_isCopyText~}}
12
14
  {{~> components/base/image/responsive_image this.teaserImage _type=(if this.teaserType this.teaserType 'story') _variant=(if this.content.imageVariant this.content.imageVariant '100-copytext') _addClassImg="ar__content" _noDelay=../_noDelay ~}}
package/src/stories/views/components/teaser/components/teaser_av_consumption.hbs CHANGED
@@ -1,7 +1,7 @@
1
1
  {{#with this.teaserLead.avDocument}}
2
2
  {{~#if this.isVideo ~}}
3
3
  {{#with this.toModel.videoElement}}
4
- {{~> components/mediaplayer/media_player _cypressHook="js-video-ondemand" _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _isTeaser=true _teaser=../../this _aspectRatio=../../_aspectRatio _teaserSize=../../_teaserSize ~}}
4
+ {{~> components/mediaplayer/media_player _cypressHook="js-video-ondemand" _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _isTeaser=true _teaser=../../this _aspectRatio=../../_aspectRatio _teaserSize=../../_teaserSize _isMobile1to1=../../_isMobile1to1 _geotag=../../this.geotag _hideGeotag=../../this.hideGeotag~}}
5
5
  {{#if ../../_isMobile1to1~}}
6
6
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
7
7
  {{~/if~}}
@@ -9,7 +9,7 @@
9
9
  {{~/if~}}
10
10
  {{~#if this.isAudio ~}}
11
11
  {{#with this.toModel.audioElement}}
12
- {{~> components/mediaplayer/media_player _cypressHook="js-audio-ondemand" _mediaButtonIcon="audio_button" _mediaButtonLabel="Audio" _isTeaser=true _teaser=../../this _audioUrl=../this.audioUrl _variant=../this.imageVariant _noDelay=../../_noDelay _aspectRatio=../../_aspectRatio _isMobile1to1=../../_isMobile1to1 _teaserSize=../../_teaserSize~}}
12
+ {{~> components/mediaplayer/media_player _cypressHook="js-audio-ondemand" _mediaButtonIcon="audio_button" _mediaButtonLabel="Audio" _isTeaser=true _teaser=../../this _audioUrl=../this.audioUrl _variant=../this.imageVariant _noDelay=../../_noDelay _aspectRatio=../../_aspectRatio _isMobile1to1=../../_isMobile1to1 _teaserSize=../../_teaserSize _geotag=../../this.geotag _hideGeotag=../../this.hideGeotag~}}
13
13
  {{#if ../../_isMobile1to1~}}
14
14
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
15
15
  {{~/if~}}
@@ -17,7 +17,7 @@
17
17
  {{~/if~}}
18
18
  {{~#if this.isPodcast ~}}
19
19
  {{#with this.toModel.audioElement}}
20
- {{~> components/mediaplayer/media_player _cypressHook="js-audio-ondemand" _mediaButtonIcon="podcast-button" _mediaButtonLabel="Podcast" _isTeaser=true _teaser=../../this _audioUrl=../this.audioUrl _variant=../this.imageVariant _noDelay=../../_noDelay _aspectRatio=../../_aspectRatio _isMobile1to1=../../_isMobile1to1 _teaserSize=../../_teaserSize~}}
20
+ {{~> components/mediaplayer/media_player _cypressHook="js-audio-ondemand" _mediaButtonIcon="podcast-button" _mediaButtonLabel="Podcast" _isTeaser=true _teaser=../../this _audioUrl=../this.audioUrl _variant=../this.imageVariant _noDelay=../../_noDelay _aspectRatio=../../_aspectRatio _isMobile1to1=../../_isMobile1to1 _teaserSize=../../_teaserSize _geotag=../../this.geotag _hideGeotag=../../this.hideGeotag~}}
21
21
  {{#if ../../_isMobile1to1~}}
22
22
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
23
23
  {{~/if~}}
@@ -25,7 +25,7 @@
25
25
  {{~/if~}}
26
26
  {{~#if this.isAudioEventLivestream ~}}
27
27
  {{#with this.toModel.audioLivestreamElement}}
28
- {{~> components/mediaplayer/media_player _cypressHook="js-video-livestream" _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream="true" _isTeaser=true _teaser=../../this _audioUrl=../this.audioUrl _variant=../this.imageVariant _noDelay=../../_noDelay _aspectRatio=../../_aspectRatio _isMobile1to1=../../_isMobile1to1 _teaserSize=../../_teaserSize~}}
28
+ {{~> components/mediaplayer/media_player _cypressHook="js-video-livestream" _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream="true" _isTeaser=true _teaser=../../this _audioUrl=../this.audioUrl _variant=../this.imageVariant _noDelay=../../_noDelay _aspectRatio=../../_aspectRatio _isMobile1to1=../../_isMobile1to1 _teaserSize=../../_teaserSize _geotag=../../this.geotag _hideGeotag=../../this.hideGeotag~}}
29
29
  {{#if ../../_isMobile1to1~}}
30
30
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
31
31
  {{~/if~}}
@@ -33,7 +33,7 @@
33
33
  {{~/if~}}
34
34
  {{~#if this.isLivestream ~}}
35
35
  {{#with this.toModel.videoLivestreamElement}}
36
- {{~> components/mediaplayer/media_player _cypressHook="js-video-livestream" _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream="true" _isTeaser=true _teaser=../../this _audioUrl=../this.audioUrl _variant=../this.imageVariant _noDelay=../../_noDelay _aspectRatio=../../_aspectRatio _isMobile1to1=../../_isMobile1to1 _teaserSize=../../_teaserSize ~}}
36
+ {{~> components/mediaplayer/media_player _cypressHook="js-video-livestream" _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream="true" _isTeaser=true _teaser=../../this _audioUrl=../this.audioUrl _variant=../this.imageVariant _noDelay=../../_noDelay _aspectRatio=../../_aspectRatio _isMobile1to1=../../_isMobile1to1 _teaserSize=../../_teaserSize _geotag=../../this.geotag _hideGeotag=../../this.hideGeotag~}}
37
37
  {{#if ../../_isMobile1to1~}}
38
38
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
39
39
  {{~/if~}}
package/src/stories/views/components/teaser/components/teaser_image.hbs CHANGED
@@ -1,6 +1,15 @@
1
+ <div class="relative">
2
+ {{#unless this.hideGeotag}}
3
+ {{#unless _isMobile1to1}}
4
+ {{~#with this.geotag}}
5
+ {{> components/geoTag/geoTag _text=this.[0].title _teaserSize=../_teaserSize }}
6
+ {{/with~}}
7
+ {{/unless}}
8
+ {{/unless}}
1
9
  {{#decorator 'components/base/link' _isAriaHidden=true _doTracking=(if this.doTracking 'true') _clickLabelPrefix1=this.teaserSize _clickLabelPrefix2="mediaLink" }}
2
10
  {{~> components/base/image/responsive_image this.teaserImage _type=this.teaserType _variant=this.imageVariant _noDelay=../this.dontLazyload _addClassImg="" ~}}
3
- {{/decorator}}
11
+ {{/decorator}}
12
+ </div>
4
13
  {{#if this.isEvent}}
5
14
  {{#unless this.displayTeaserBodyAsImageOverlay}}
6
15
  {{#decorator 'components/teaser/components/teaser_image_overlay' _cssClasses="top-0 h-full"}}
package/src/stories/views/components/teaser/components/teaser_lead.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  {{~#if this.allowAVConsumption ~}}
2
2
  {{> components/teaser/components/teaser_av_consumption _aspectRatio=_aspectRatio _isMobile1to1=_isMobile1to1 _teaserSize=_teaserSize }}
3
3
  {{else}}
4
- {{> components/teaser/components/teaser_image }}
4
+ {{> components/teaser/components/teaser_image _isMobile1to1=_isMobile1to1}}
5
5
  {{/if}}
package/tailwind.config.js CHANGED
@@ -221,6 +221,7 @@ module.exports = {
221
221
  alto: '#e0e0e0',
222
222
  light: '#F8F8F8',
223
223
  dark: '#707070',
224
+ brightGray: '#E5F2F3',
224
225
  },
225
226
  green: {
226
227
  genoa: '#168378',
@@ -256,6 +257,7 @@ module.exports = {
256
257
  stageTextBox: 'var(--color-stage-text-box)',
257
258
  stageText: 'var(--color-stage-text)',
258
259
  stagePrimary: 'var(--color-stage-primary)',
260
+ geoTag: 'var(--color-geoTag)',
259
261
  },
260
262
  },
261
263
  },