@internetstiftelsen/styleguide 2.24.7 → 2.24.8

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 (3) hide show
  1. package/dist/assets/js/youtube.js +14 -16
  2. package/package.json +1 -1
  3. package/src/assets/js/youtube.js +13 -14
package/dist/assets/js/youtube.js CHANGED
@@ -3,6 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
+ exports.destroyPlayer = destroyPlayer;
6
7
  exports.setupPlayers = setupPlayers;
7
8
  function loadYoutubeAPI() {
8
9
  var id = 'iisYoutubeAPI';
@@ -20,10 +21,6 @@ function loadYoutubeAPI() {
20
21
  firstScript.parentNode.insertBefore(tag, firstScript);
21
22
  }
22
23
 
23
- function onPlayerReady(el) {
24
- el.setAttribute('data-youtube-ready', 'true');
25
- }
26
-
27
24
  function onPlayerStateChange(el, e) {
28
25
  if (e.data === YT.PlayerState.PLAYING) {
29
26
  el.getElementsByTagName('img')[0].style.zIndex = '-1';
@@ -31,14 +28,6 @@ function onPlayerStateChange(el, e) {
31
28
  } else if (e.data === YT.PlayerState.UNSTARTED) {
32
29
  el.getElementsByTagName('img')[0].style.zIndex = null;
33
30
  el.getElementsByTagName('button')[0].style.display = null;
34
-
35
- if (el.youtube) {
36
- var playerEl = el.querySelector('[data-youtube-container]');
37
-
38
- playerEl.parentNode.removeChild(playerEl);
39
- el.youtube.destroy();
40
- el.youtube = null;
41
- }
42
31
  }
43
32
  }
44
33
 
@@ -79,9 +68,6 @@ function setupYoutubePlayer(el) {
79
68
  rel: 0
80
69
  },
81
70
  events: {
82
- onReady: function onReady(e) {
83
- return onPlayerReady(el, e);
84
- },
85
71
  onStateChange: function onStateChange(e) {
86
72
  return onPlayerStateChange(el, e);
87
73
  }
@@ -108,7 +94,19 @@ function delegateClick(e) {
108
94
  el.youtube.playVideo();
109
95
  }
110
96
 
111
- // eslint-disable-next-line import/prefer-default-export
97
+ function destroyPlayer(el) {
98
+ if (el.youtube) {
99
+ var playerEl = el.querySelector('[data-youtube-container]');
100
+
101
+ playerEl.parentNode.removeChild(playerEl);
102
+ el.youtube.destroy();
103
+ el.youtube = null;
104
+ }
105
+
106
+ el.getElementsByTagName('img')[0].style.zIndex = null;
107
+ el.getElementsByTagName('button')[0].style.display = null;
108
+ }
109
+
112
110
  function setupPlayers(container) {
113
111
  var players = container.querySelectorAll('[data-youtube]');
114
112
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@internetstiftelsen/styleguide",
3
- "version": "2.24.7",
3
+ "version": "2.24.8",
4
4
  "main": "dist/components.js",
5
5
  "ports": {
6
6
  "fractal": "3000"
package/src/assets/js/youtube.js CHANGED
@@ -14,10 +14,6 @@ function loadYoutubeAPI() {
14
14
  firstScript.parentNode.insertBefore(tag, firstScript);
15
15
  }
16
16
 
17
- function onPlayerReady(el) {
18
- el.setAttribute('data-youtube-ready', 'true');
19
- }
20
-
21
17
  function onPlayerStateChange(el, e) {
22
18
  if (e.data === YT.PlayerState.PLAYING) {
23
19
  el.getElementsByTagName('img')[0].style.zIndex = '-1';
@@ -25,14 +21,6 @@ function onPlayerStateChange(el, e) {
25
21
  } else if (e.data === YT.PlayerState.UNSTARTED) {
26
22
  el.getElementsByTagName('img')[0].style.zIndex = null;
27
23
  el.getElementsByTagName('button')[0].style.display = null;
28
-
29
- if (el.youtube) {
30
- const playerEl = el.querySelector('[data-youtube-container]');
31
-
32
- playerEl.parentNode.removeChild(playerEl);
33
- el.youtube.destroy();
34
- el.youtube = null;
35
- }
36
24
  }
37
25
  }
38
26
 
@@ -73,7 +61,6 @@ function setupYoutubePlayer(el) {
73
61
  rel: 0,
74
62
  },
75
63
  events: {
76
- onReady: (e) => onPlayerReady(el, e),
77
64
  onStateChange: (e) => onPlayerStateChange(el, e),
78
65
  },
79
66
  });
@@ -98,7 +85,19 @@ function delegateClick(e) {
98
85
  el.youtube.playVideo();
99
86
  }
100
87
 
101
- // eslint-disable-next-line import/prefer-default-export
88
+ export function destroyPlayer(el) {
89
+ if (el.youtube) {
90
+ const playerEl = el.querySelector('[data-youtube-container]');
91
+
92
+ playerEl.parentNode.removeChild(playerEl);
93
+ el.youtube.destroy();
94
+ el.youtube = null;
95
+ }
96
+
97
+ el.getElementsByTagName('img')[0].style.zIndex = null;
98
+ el.getElementsByTagName('button')[0].style.display = null;
99
+ }
100
+
102
101
  export function setupPlayers(container) {
103
102
  const players = container.querySelectorAll('[data-youtube]');
104
103