hr-design-system-handlebars 1.52.19 → 1.52.21

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 (8) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/assets/index.css +15 -3
  3. package/dist/assets/js/components/article/components/podcast/podcastChannelRemainingEpisodesLoader.feature.js +3 -2
  4. package/dist/views/components/article/components/podcast/podcast_playlist_article.hbs +3 -3
  5. package/dist/views_static/components/article/components/podcast/podcast_playlist_article.hbs +3 -3
  6. package/package.json +1 -1
  7. package/src/stories/views/components/article/components/podcast/podcastChannelRemainingEpisodesLoader.feature.js +3 -2
  8. package/src/stories/views/components/article/components/podcast/podcast_playlist_article.hbs +3 -3
package/CHANGELOG.md CHANGED
@@ -1,3 +1,27 @@
1
+ # v1.52.21 (Tue Jan 30 2024)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - css to icon instead of div :-) [#822](https://github.com/mumprod/hr-design-system-handlebars/pull/822) ([@StefanVesper](https://github.com/StefanVesper))
6
+
7
+ #### Authors: 1
8
+
9
+ - SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
10
+
11
+ ---
12
+
13
+ # v1.52.20 (Tue Jan 30 2024)
14
+
15
+ #### 🐛 Bug Fix
16
+
17
+ - use button instead of link for remaining items loader [#821](https://github.com/mumprod/hr-design-system-handlebars/pull/821) ([@StefanVesper](https://github.com/StefanVesper))
18
+
19
+ #### Authors: 1
20
+
21
+ - SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
22
+
23
+ ---
24
+
1
25
  # v1.52.19 (Mon Jan 29 2024)
2
26
 
3
27
  #### 🐛 Bug Fix
package/dist/assets/index.css CHANGED
@@ -1828,6 +1828,18 @@ a.link {
1828
1828
  .transform {
1829
1829
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1830
1830
  }
1831
+ .animate-none {
1832
+ animation: none;
1833
+ }
1834
+ @keyframes spin {
1835
+
1836
+ to {
1837
+ transform: rotate(360deg);
1838
+ }
1839
+ }
1840
+ .animate-spin {
1841
+ animation: spin 1s linear infinite;
1842
+ }
1831
1843
  .cursor-default {
1832
1844
  cursor: default;
1833
1845
  }
@@ -3261,7 +3273,7 @@ a.link {
3261
3273
  border-bottom-color: var(--color-secondary-ds);
3262
3274
  }
3263
3275
  .counter-reset {
3264
- counter-reset: cnt1706545010322;
3276
+ counter-reset: cnt1706621200361;
3265
3277
  }
3266
3278
  .hyphens-auto {
3267
3279
  -webkit-hyphens: auto;
@@ -3563,7 +3575,7 @@ a.link {
3563
3575
  --tw-ring-color: rgba(255, 255, 255, 0.5);
3564
3576
  }
3565
3577
  .-ordered {
3566
- counter-increment: cnt1706545010322 1;
3578
+ counter-increment: cnt1706621200361 1;
3567
3579
  }
3568
3580
  .-ordered::before {
3569
3581
  position: absolute;
@@ -3579,7 +3591,7 @@ a.link {
3579
3591
  letter-spacing: .0125em;
3580
3592
  --tw-text-opacity: 1;
3581
3593
  color: rgba(0, 0, 0, var(--tw-text-opacity));
3582
- content: counter(cnt1706545010322);
3594
+ content: counter(cnt1706621200361);
3583
3595
  }
3584
3596
  /*! ****************************/
3585
3597
  /*! DataPolicy stuff */
package/dist/assets/js/components/article/components/podcast/podcastChannelRemainingEpisodesLoader.feature.js CHANGED
@@ -9,12 +9,13 @@ const PodcastChannelRemainingEpisodesLoader = function (context) {
9
9
  { element: rootElement } = context,
10
10
  dynLoadTrigSelector = options.dynLoadTrigSelector,
11
11
  dynLoadTrigElement = hr$(dynLoadTrigSelector, rootElement)[0],
12
+ dynLoadTrigIcon = hr$('svg', dynLoadTrigElement)[0],
12
13
  dynLoadReplaceSelector = options.dynLoadReplaceSelector,
13
14
  url = options.url
14
15
 
15
16
  const handleDynLoad = function (event) {
16
17
  event.preventDefault()
17
- dynLoadTrigElement.classList.add('-loading')
18
+ dynLoadTrigIcon.classList.add('animate-spin')
18
19
  ajaxLoad(event.currentTarget, true)
19
20
  }
20
21
  const ajaxLoad = function (target, push, cache) {
@@ -37,7 +38,7 @@ const PodcastChannelRemainingEpisodesLoader = function (context) {
37
38
  }, 1000)
38
39
  })
39
40
  .fail(function (data, status, xhr) {
40
- dynLoadTrigElement.classList.remove('-loading')
41
+ dynLoadTrigIcon.classList.remove('animate-spin')
41
42
  console.log('fail')
42
43
  })
43
44
  }
package/dist/views/components/article/components/podcast/podcast_playlist_article.hbs CHANGED
@@ -6,10 +6,10 @@
6
6
  {{~#if this.remainingPlaylistItems}}
7
7
  <div class="flex items-center justify-center pb-5 js-load"
8
8
  data-hr-podcast-channel-remaining-episodes-loader='{"dynLoadTrigSelector":".js-load-remaining-items-button","dynLoadReplaceSelector":".js-placeholder-reload", "url":"{{this.reloadUrl}}"}'>
9
- {{#> components/button/link_button _size="lg" _title="Weitere Episoden laden" _type="button" _css="js-load-remaining-items-button" _link=this.allEpisodeUrl }}
9
+ {{#> components/button/button _size="lg" _title="Weitere Episoden laden" _type="button" _css="js-load-remaining-items-button" _link=this.allEpisodeUrl }}
10
10
  {{> components/button/components/button_label _label="Weitere Episoden laden"}}
11
- {{> components/button/components/button_icon _icon="reload" _iconmap="icons"}}
12
- {{/components/button/link_button}}
11
+ {{> components/button/components/button_icon _icon="reload" _iconmap="icons" _css="animate-none"}}
12
+ {{/components/button/button}}
13
13
  {{#*inline "htmlProperties"}}
14
14
  data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "weitereEpisodenLaden:ButtonClick"}]}'
15
15
  {{/inline}}
package/dist/views_static/components/article/components/podcast/podcast_playlist_article.hbs CHANGED
@@ -6,10 +6,10 @@
6
6
  {{~#if this.remainingPlaylistItems}}
7
7
  <div class="flex items-center justify-center pb-5 js-load"
8
8
  data-hr-podcast-channel-remaining-episodes-loader='{"dynLoadTrigSelector":".js-load-remaining-items-button","dynLoadReplaceSelector":".js-placeholder-reload", "url":"{{this.reloadUrl}}"}'>
9
- {{#> components/button/link_button _size="lg" _title="Weitere Episoden laden" _type="button" _css="js-load-remaining-items-button" _link=this.allEpisodeUrl }}
9
+ {{#> components/button/button _size="lg" _title="Weitere Episoden laden" _type="button" _css="js-load-remaining-items-button" _link=this.allEpisodeUrl }}
10
10
  {{> components/button/components/button_label _label="Weitere Episoden laden"}}
11
- {{> components/button/components/button_icon _icon="reload" _iconmap="icons"}}
12
- {{/components/button/link_button}}
11
+ {{> components/button/components/button_icon _icon="reload" _iconmap="icons" _css="animate-none"}}
12
+ {{/components/button/button}}
13
13
  {{#*inline "htmlProperties"}}
14
14
  data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "weitereEpisodenLaden:ButtonClick"}]}'
15
15
  {{/inline}}
package/package.json CHANGED
@@ -6,7 +6,7 @@
6
6
  "license": "MIT",
7
7
  "main": "dist/index.js",
8
8
  "repository": "https://github.com/szuelch/hr-design-system-handlebars",
9
- "version": "1.52.19",
9
+ "version": "1.52.21",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "storybook dev -p 6006 public",
package/src/stories/views/components/article/components/podcast/podcastChannelRemainingEpisodesLoader.feature.js CHANGED
@@ -9,12 +9,13 @@ const PodcastChannelRemainingEpisodesLoader = function (context) {
9
9
  { element: rootElement } = context,
10
10
  dynLoadTrigSelector = options.dynLoadTrigSelector,
11
11
  dynLoadTrigElement = hr$(dynLoadTrigSelector, rootElement)[0],
12
+ dynLoadTrigIcon = hr$('svg', dynLoadTrigElement)[0],
12
13
  dynLoadReplaceSelector = options.dynLoadReplaceSelector,
13
14
  url = options.url
14
15
 
15
16
  const handleDynLoad = function (event) {
16
17
  event.preventDefault()
17
- dynLoadTrigElement.classList.add('-loading')
18
+ dynLoadTrigIcon.classList.add('animate-spin')
18
19
  ajaxLoad(event.currentTarget, true)
19
20
  }
20
21
  const ajaxLoad = function (target, push, cache) {
@@ -37,7 +38,7 @@ const PodcastChannelRemainingEpisodesLoader = function (context) {
37
38
  }, 1000)
38
39
  })
39
40
  .fail(function (data, status, xhr) {
40
- dynLoadTrigElement.classList.remove('-loading')
41
+ dynLoadTrigIcon.classList.remove('animate-spin')
41
42
  console.log('fail')
42
43
  })
43
44
  }
package/src/stories/views/components/article/components/podcast/podcast_playlist_article.hbs CHANGED
@@ -6,10 +6,10 @@
6
6
  {{~#if this.remainingPlaylistItems}}
7
7
  <div class="flex items-center justify-center pb-5 js-load"
8
8
  data-hr-podcast-channel-remaining-episodes-loader='{"dynLoadTrigSelector":".js-load-remaining-items-button","dynLoadReplaceSelector":".js-placeholder-reload", "url":"{{this.reloadUrl}}"}'>
9
- {{#> components/button/link_button _size="lg" _title="Weitere Episoden laden" _type="button" _css="js-load-remaining-items-button" _link=this.allEpisodeUrl }}
9
+ {{#> components/button/button _size="lg" _title="Weitere Episoden laden" _type="button" _css="js-load-remaining-items-button" _link=this.allEpisodeUrl }}
10
10
  {{> components/button/components/button_label _label="Weitere Episoden laden"}}
11
- {{> components/button/components/button_icon _icon="reload" _iconmap="icons"}}
12
- {{/components/button/link_button}}
11
+ {{> components/button/components/button_icon _icon="reload" _iconmap="icons" _css="animate-none"}}
12
+ {{/components/button/button}}
13
13
  {{#*inline "htmlProperties"}}
14
14
  data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "weitereEpisodenLaden:ButtonClick"}]}'
15
15
  {{/inline}}