hr-design-system-handlebars 0.114.0 โ†’ 0.116.0

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 (9) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/assets/index.css +3 -3
  3. package/dist/views/components/content_nav/content_nav_dropdown.hbs +1 -0
  4. package/dist/views/components/teaser/podcast/podcast_downloadbutton.hbs +3 -5
  5. package/dist/views/components/teaser/podcast/podcast_player_ui.hbs +4 -6
  6. package/package.json +1 -1
  7. package/src/stories/views/components/content_nav/content_nav_dropdown.hbs +1 -0
  8. package/src/stories/views/components/teaser/podcast/podcast_downloadbutton.hbs +3 -5
  9. package/src/stories/views/components/teaser/podcast/podcast_player_ui.hbs +4 -6
package/CHANGELOG.md CHANGED
@@ -1,3 +1,27 @@
1
+ # v0.116.0 (Thu Jan 05 2023)
2
+
3
+ #### ๐Ÿš€ Enhancement
4
+
5
+ - adds @click.outside to content-div [#457](https://github.com/mumprod/hr-design-system-handlebars/pull/457) ([@StefanVesper](https://github.com/StefanVesper))
6
+
7
+ #### Authors: 1
8
+
9
+ - SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
10
+
11
+ ---
12
+
13
+ # v0.115.0 (Thu Jan 05 2023)
14
+
15
+ #### ๐Ÿš€ Enhancement
16
+
17
+ - Dpe 1976 dom unnรถtig tief podcast playlist [#454](https://github.com/mumprod/hr-design-system-handlebars/pull/454) ([@StefanVesper](https://github.com/StefanVesper))
18
+
19
+ #### Authors: 1
20
+
21
+ - SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
22
+
23
+ ---
24
+
1
25
  # v0.114.0 (Thu Jan 05 2023)
2
26
 
3
27
  #### ๐Ÿš€ Enhancement
package/dist/assets/index.css CHANGED
@@ -2227,7 +2227,7 @@ video {
2227
2227
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
2228
2228
  }
2229
2229
  .counter-reset {
2230
- counter-reset: cnt1672918319375;
2230
+ counter-reset: cnt1672920665935;
2231
2231
  }
2232
2232
  .line-clamp-4 {
2233
2233
  overflow: hidden;
@@ -2459,7 +2459,7 @@ video {
2459
2459
  --tw-ring-color: rgba(255, 255, 255, 0.5);
2460
2460
  }
2461
2461
  .-ordered {
2462
- counter-increment: cnt1672918319375 1;
2462
+ counter-increment: cnt1672920665935 1;
2463
2463
  }
2464
2464
  .-ordered::before {
2465
2465
  position: absolute;
@@ -2475,7 +2475,7 @@ video {
2475
2475
  letter-spacing: .0125em;
2476
2476
  --tw-text-opacity: 1;
2477
2477
  color: rgba(0, 0, 0, var(--tw-text-opacity));
2478
- content: counter(cnt1672918319375);
2478
+ content: counter(cnt1672920665935);
2479
2479
  }
2480
2480
  /*! ****************************/
2481
2481
  /*! text-shadow */
package/dist/views/components/content_nav/content_nav_dropdown.hbs CHANGED
@@ -28,6 +28,7 @@
28
28
  </div>
29
29
  <div x-show="shouldContentBeShown({{_teasersize}},{{this.isDropdown}},{{this.isMixed}})"
30
30
  aria-haspopup="true"
31
+ @click.outside="contentNavDropdownIsOpen = false; $dispatch('hr:global:resetinputAutoSuggest');"
31
32
  :class="contentNavDropdownIsOpen ? 'z-9999 relative' : ' z-1003'"
32
33
  class="{{#if this.isDropdown}} mx-2 md:mx-0 bla {{else}}{{#if this.isMixed}} mx-2 {{/if}} mx-2 {{/if}} md:h-auto md:overflow-visible">
33
34
  {{~decorator_body~}}
package/dist/views/components/teaser/podcast/podcast_downloadbutton.hbs CHANGED
@@ -1,5 +1,3 @@
1
- <button class="flex {{#if _addClass}} {{_addClass}} {{/if}}">
2
- <a href="{{_url}}" class="h-6 js-load" {{#with this.trackingData}} data-hr-click-tracking='{"settings": [{"type": "download", "clickLabel": "{{this.pageName}}", "secondLevelId": "{{this.secondLevelId}}"}, {"type": "uxAction", "clickLabel": "medienDownload::podcast::{{../_type}}", "secondLevelId": "{{this.secondLevelId}}" }]}'{{/with}}>
3
- {{> components/base/image/icon _icon='download-neu' _addClass=_iconClass }}
4
- </a>
5
- </button>
1
+ <a href="{{_url}}" class="h-6 js-load {{#if _addClass}}{{_addClass}}{{/if}}" {{#with this.trackingData}} data-hr-click-tracking='{"settings": [{"type": "download", "clickLabel": "{{this.pageName}}", "secondLevelId": "{{this.secondLevelId}}"}, {"type": "uxAction", "clickLabel": "medienDownload::podcast::{{../_type}}", "secondLevelId": "{{this.secondLevelId}}" }]}'{{/with}}>
2
+ {{> components/base/image/icon _icon='download-neu' _addClass=_iconClass }}
3
+ </a>
package/dist/views/components/teaser/podcast/podcast_player_ui.hbs CHANGED
@@ -1,6 +1,5 @@
1
- <div class="flex w-full">
2
- <div class="flex flex-wrap w-full js-load"
3
- >
1
+
2
+ <div class="flex flex-wrap w-full js-load">
4
3
  <div class="flex {{#if _isPlaylistPlayer}}items-start{{else}}items-center{{/if}} w-full flex-nowrap">
5
4
 
6
5
  {{!-- Start/StopButton --}}
@@ -22,13 +21,13 @@
22
21
  {{/with}}
23
22
 
24
23
  {{!-- Download --}}
25
- <div class="flex self-end">
24
+
26
25
  {{> components/teaser/podcast/podcast_downloadbutton
27
26
  _addClass="ml-2"
28
27
  _iconClass="h-6 w-6 text-podcast-text fill-current"
29
28
  _url=this.podcastDownloadUrl
30
29
  }}
31
- </div>
30
+
32
31
  </div>
33
32
 
34
33
  <div class="flex -mt-2 w-fit max-w-3/4 ">
@@ -91,4 +90,3 @@
91
90
  </audio>
92
91
  {{/with}}
93
92
  </div>
94
- </div>
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.114.0",
9
+ "version": "0.116.0",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "start-storybook -p 6006 public",
package/src/stories/views/components/content_nav/content_nav_dropdown.hbs CHANGED
@@ -28,6 +28,7 @@
28
28
  </div>
29
29
  <div x-show="shouldContentBeShown({{_teasersize}},{{this.isDropdown}},{{this.isMixed}})"
30
30
  aria-haspopup="true"
31
+ @click.outside="contentNavDropdownIsOpen = false; $dispatch('hr:global:resetinputAutoSuggest');"
31
32
  :class="contentNavDropdownIsOpen ? 'z-9999 relative' : ' z-1003'"
32
33
  class="{{#if this.isDropdown}} mx-2 md:mx-0 bla {{else}}{{#if this.isMixed}} mx-2 {{/if}} mx-2 {{/if}} md:h-auto md:overflow-visible">
33
34
  {{~decorator_body~}}
package/src/stories/views/components/teaser/podcast/podcast_downloadbutton.hbs CHANGED
@@ -1,5 +1,3 @@
1
- <button class="flex {{#if _addClass}} {{_addClass}} {{/if}}">
2
- <a href="{{_url}}" class="h-6 js-load" {{#with this.trackingData}} data-hr-click-tracking='{"settings": [{"type": "download", "clickLabel": "{{this.pageName}}", "secondLevelId": "{{this.secondLevelId}}"}, {"type": "uxAction", "clickLabel": "medienDownload::podcast::{{../_type}}", "secondLevelId": "{{this.secondLevelId}}" }]}'{{/with}}>
3
- {{> components/base/image/icon _icon='download-neu' _addClass=_iconClass }}
4
- </a>
5
- </button>
1
+ <a href="{{_url}}" class="h-6 js-load {{#if _addClass}}{{_addClass}}{{/if}}" {{#with this.trackingData}} data-hr-click-tracking='{"settings": [{"type": "download", "clickLabel": "{{this.pageName}}", "secondLevelId": "{{this.secondLevelId}}"}, {"type": "uxAction", "clickLabel": "medienDownload::podcast::{{../_type}}", "secondLevelId": "{{this.secondLevelId}}" }]}'{{/with}}>
2
+ {{> components/base/image/icon _icon='download-neu' _addClass=_iconClass }}
3
+ </a>
package/src/stories/views/components/teaser/podcast/podcast_player_ui.hbs CHANGED
@@ -1,6 +1,5 @@
1
- <div class="flex w-full">
2
- <div class="flex flex-wrap w-full js-load"
3
- >
1
+
2
+ <div class="flex flex-wrap w-full js-load">
4
3
  <div class="flex {{#if _isPlaylistPlayer}}items-start{{else}}items-center{{/if}} w-full flex-nowrap">
5
4
 
6
5
  {{!-- Start/StopButton --}}
@@ -22,13 +21,13 @@
22
21
  {{/with}}
23
22
 
24
23
  {{!-- Download --}}
25
- <div class="flex self-end">
24
+
26
25
  {{> components/teaser/podcast/podcast_downloadbutton
27
26
  _addClass="ml-2"
28
27
  _iconClass="h-6 w-6 text-podcast-text fill-current"
29
28
  _url=this.podcastDownloadUrl
30
29
  }}
31
- </div>
30
+
32
31
  </div>
33
32
 
34
33
  <div class="flex -mt-2 w-fit max-w-3/4 ">
@@ -91,4 +90,3 @@
91
90
  </audio>
92
91
  {{/with}}
93
92
  </div>
94
- </div>