@internetstiftelsen/styleguide 2.24.16 → 2.24.18

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 (5) hide show
  1. package/dist/organisms/podcast/podcast.js +8 -8
  2. package/dist/organisms/video-guide/video-guide.js +17 -17
  3. package/package.json +1 -1
  4. package/src/organisms/podcast/podcast.js +8 -8
  5. package/src/organisms/video-guide/video-guide.js +17 -17
package/dist/organisms/podcast/podcast.js CHANGED
@@ -160,24 +160,24 @@ if (podCast) {
160
160
  episodeDuration: durationElement.innerHTML,
161
161
  episodeImage: image.src
162
162
  };
163
- localStorage.setItem('episodeData', JSON.stringify(podcastData));
163
+ sessionStorage.setItem('episodeData', JSON.stringify(podcastData));
164
164
 
165
165
  if (!audio.paused) {
166
- var existing = localStorage.getItem('episodeData');
166
+ var existing = sessionStorage.getItem('episodeData');
167
167
  existing = existing ? JSON.parse(existing) : {};
168
168
  existing.podcastWasPlaying = true;
169
- localStorage.setItem('episodeData', JSON.stringify(existing));
169
+ sessionStorage.setItem('episodeData', JSON.stringify(existing));
170
170
  } else {
171
- var _existing = localStorage.getItem('episodeData');
171
+ var _existing = sessionStorage.getItem('episodeData');
172
172
  _existing = _existing ? JSON.parse(_existing) : {};
173
173
  _existing.podcastWasPlaying = false;
174
- localStorage.setItem('episodeData', JSON.stringify(_existing));
174
+ sessionStorage.setItem('episodeData', JSON.stringify(_existing));
175
175
  }
176
176
  });
177
177
  }
178
178
 
179
- if (localStorage.getItem('episodeData') && podCast) {
180
- var arr = JSON.parse(localStorage.getItem('episodeData'));
179
+ if (sessionStorage.getItem('episodeData') && podCast) {
180
+ var arr = JSON.parse(sessionStorage.getItem('episodeData'));
181
181
 
182
182
  if (arr.episodeCurrentTime) {
183
183
  podCast.classList.remove(namespace + 'o-podcast-player--hidden');
@@ -227,7 +227,7 @@ if (closeButton) {
227
227
  audio.currentTime = 0;
228
228
  timeupdate();
229
229
  audio.pause();
230
- localStorage.removeItem('episodeData');
230
+ sessionStorage.removeItem('episodeData');
231
231
  podCast.classList.add(namespace + 'o-podcast-player--hidden');
232
232
  });
233
233
  }
package/dist/organisms/video-guide/video-guide.js CHANGED
@@ -25,20 +25,20 @@ var manualStep = false;
25
25
  if (video) {
26
26
  // Store current time in on page reload
27
27
  window.addEventListener('unload', function () {
28
- // Set localStorage if video has started playing
28
+ // Set sessionStorage if video has started playing
29
29
  if (video.currentTime > 0) {
30
30
  var currentGuideURL = window.location.href;
31
31
  var currentGuideImage = video.dataset.featuredImage;
32
- localStorage.setItem('InmsCurrentTime', video.currentTime);
33
- localStorage.setItem('InmsDuration', video.duration); // Get totalt duration of video
34
- localStorage.setItem('InmsCurrentGuideURL', currentGuideURL);
35
- localStorage.setItem('InmsCurrentGuideImage', currentGuideImage);
32
+ sessionStorage.setItem('InmsCurrentTime', video.currentTime);
33
+ sessionStorage.setItem('InmsDuration', video.duration); // Get totalt duration of video
34
+ sessionStorage.setItem('InmsCurrentGuideURL', currentGuideURL);
35
+ sessionStorage.setItem('InmsCurrentGuideImage', currentGuideImage);
36
36
  }
37
37
  });
38
38
 
39
- // Get value from localStorage in present
40
- if (localStorage.getItem('InmsCurrentTime')) {
41
- var videoCurrentTime = localStorage.getItem('InmsCurrentTime');
39
+ // Get value from sessionStorage in present
40
+ if (sessionStorage.getItem('InmsCurrentTime')) {
41
+ var videoCurrentTime = sessionStorage.getItem('InmsCurrentTime');
42
42
 
43
43
  if (videoCurrentTime > 0) {
44
44
  video.currentTime = videoCurrentTime;
@@ -83,10 +83,10 @@ if (video) {
83
83
  manualStep = false;
84
84
  forwardsButton.removeAttribute('disabled');
85
85
  subtitlesContainer.innerHTML = '';
86
- localStorage.removeItem('InmsCurrentTime');
87
- localStorage.removeItem('InmsDuration');
88
- localStorage.removeItem('InmsCurrentGuideURL');
89
- localStorage.removeItem('InmsCurrentGuideImage');
86
+ sessionStorage.removeItem('InmsCurrentTime');
87
+ sessionStorage.removeItem('InmsDuration');
88
+ sessionStorage.removeItem('InmsCurrentGuideURL');
89
+ sessionStorage.removeItem('InmsCurrentGuideImage');
90
90
  });
91
91
  }
92
92
 
@@ -99,10 +99,10 @@ if (video) {
99
99
  forwardsButton.removeAttribute('disabled');
100
100
  currentChapter = 1;
101
101
  manualStep = false;
102
- localStorage.removeItem('InmsCurrentTime');
103
- localStorage.removeItem('InmsDuration');
104
- localStorage.removeItem('InmsCurrentGuideURL');
105
- localStorage.removeItem('InmsCurrentGuideImage');
102
+ sessionStorage.removeItem('InmsCurrentTime');
103
+ sessionStorage.removeItem('InmsDuration');
104
+ sessionStorage.removeItem('InmsCurrentGuideURL');
105
+ sessionStorage.removeItem('InmsCurrentGuideImage');
106
106
  window.location.href = urlTarget;
107
107
  });
108
108
  }
@@ -130,7 +130,7 @@ function displayChapters() {
130
130
  video.classList.remove('is-loading');
131
131
 
132
132
  // If not set in sessionStorgare, set first cue on forward button on page load
133
- if (!localStorage.getItem('InmsCurrentTime')) {
133
+ if (!sessionStorage.getItem('InmsCurrentTime')) {
134
134
  forwardsButton.setAttribute('data-id', chapterTrack.cues[0].endTime);
135
135
  }
136
136
  }, 100);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@internetstiftelsen/styleguide",
3
- "version": "2.24.16",
3
+ "version": "2.24.18",
4
4
  "main": "dist/components.js",
5
5
  "ports": {
6
6
  "fractal": "3000"
package/src/organisms/podcast/podcast.js CHANGED
@@ -173,24 +173,24 @@ if (podCast) {
173
173
  episodeDuration: durationElement.innerHTML,
174
174
  episodeImage: image.src,
175
175
  };
176
- localStorage.setItem('episodeData', JSON.stringify(podcastData));
176
+ sessionStorage.setItem('episodeData', JSON.stringify(podcastData));
177
177
 
178
178
  if (!audio.paused) {
179
- let existing = localStorage.getItem('episodeData');
179
+ let existing = sessionStorage.getItem('episodeData');
180
180
  existing = existing ? JSON.parse(existing) : {};
181
181
  existing.podcastWasPlaying = true;
182
- localStorage.setItem('episodeData', JSON.stringify(existing));
182
+ sessionStorage.setItem('episodeData', JSON.stringify(existing));
183
183
  } else {
184
- let existing = localStorage.getItem('episodeData');
184
+ let existing = sessionStorage.getItem('episodeData');
185
185
  existing = existing ? JSON.parse(existing) : {};
186
186
  existing.podcastWasPlaying = false;
187
- localStorage.setItem('episodeData', JSON.stringify(existing));
187
+ sessionStorage.setItem('episodeData', JSON.stringify(existing));
188
188
  }
189
189
  });
190
190
  }
191
191
 
192
- if (localStorage.getItem('episodeData') && podCast) {
193
- const arr = JSON.parse(localStorage.getItem('episodeData'));
192
+ if (sessionStorage.getItem('episodeData') && podCast) {
193
+ const arr = JSON.parse(sessionStorage.getItem('episodeData'));
194
194
 
195
195
  if (arr.episodeCurrentTime) {
196
196
  podCast.classList.remove(`${namespace}o-podcast-player--hidden`);
@@ -240,7 +240,7 @@ if (closeButton) {
240
240
  audio.currentTime = 0;
241
241
  timeupdate();
242
242
  audio.pause();
243
- localStorage.removeItem('episodeData');
243
+ sessionStorage.removeItem('episodeData');
244
244
  podCast.classList.add(`${namespace}o-podcast-player--hidden`);
245
245
  });
246
246
  }
package/src/organisms/video-guide/video-guide.js CHANGED
@@ -23,20 +23,20 @@ let manualStep = false;
23
23
  if (video) {
24
24
  // Store current time in on page reload
25
25
  window.addEventListener('unload', () => {
26
- // Set localStorage if video has started playing
26
+ // Set sessionStorage if video has started playing
27
27
  if (video.currentTime > 0) {
28
28
  const currentGuideURL = window.location.href;
29
29
  const currentGuideImage = video.dataset.featuredImage;
30
- localStorage.setItem('InmsCurrentTime', video.currentTime);
31
- localStorage.setItem('InmsDuration', video.duration); // Get totalt duration of video
32
- localStorage.setItem('InmsCurrentGuideURL', currentGuideURL);
33
- localStorage.setItem('InmsCurrentGuideImage', currentGuideImage);
30
+ sessionStorage.setItem('InmsCurrentTime', video.currentTime);
31
+ sessionStorage.setItem('InmsDuration', video.duration); // Get totalt duration of video
32
+ sessionStorage.setItem('InmsCurrentGuideURL', currentGuideURL);
33
+ sessionStorage.setItem('InmsCurrentGuideImage', currentGuideImage);
34
34
  }
35
35
  });
36
36
 
37
- // Get value from localStorage in present
38
- if (localStorage.getItem('InmsCurrentTime')) {
39
- const videoCurrentTime = localStorage.getItem('InmsCurrentTime');
37
+ // Get value from sessionStorage in present
38
+ if (sessionStorage.getItem('InmsCurrentTime')) {
39
+ const videoCurrentTime = sessionStorage.getItem('InmsCurrentTime');
40
40
 
41
41
  if (videoCurrentTime > 0) {
42
42
  video.currentTime = videoCurrentTime;
@@ -81,10 +81,10 @@ if (video) {
81
81
  manualStep = false;
82
82
  forwardsButton.removeAttribute('disabled');
83
83
  subtitlesContainer.innerHTML = '';
84
- localStorage.removeItem('InmsCurrentTime');
85
- localStorage.removeItem('InmsDuration');
86
- localStorage.removeItem('InmsCurrentGuideURL');
87
- localStorage.removeItem('InmsCurrentGuideImage');
84
+ sessionStorage.removeItem('InmsCurrentTime');
85
+ sessionStorage.removeItem('InmsDuration');
86
+ sessionStorage.removeItem('InmsCurrentGuideURL');
87
+ sessionStorage.removeItem('InmsCurrentGuideImage');
88
88
  });
89
89
  }
90
90
 
@@ -97,10 +97,10 @@ if (video) {
97
97
  forwardsButton.removeAttribute('disabled');
98
98
  currentChapter = 1;
99
99
  manualStep = false;
100
- localStorage.removeItem('InmsCurrentTime');
101
- localStorage.removeItem('InmsDuration');
102
- localStorage.removeItem('InmsCurrentGuideURL');
103
- localStorage.removeItem('InmsCurrentGuideImage');
100
+ sessionStorage.removeItem('InmsCurrentTime');
101
+ sessionStorage.removeItem('InmsDuration');
102
+ sessionStorage.removeItem('InmsCurrentGuideURL');
103
+ sessionStorage.removeItem('InmsCurrentGuideImage');
104
104
  window.location.href = urlTarget;
105
105
  });
106
106
  }
@@ -128,7 +128,7 @@ function displayChapters() {
128
128
  video.classList.remove('is-loading');
129
129
 
130
130
  // If not set in sessionStorgare, set first cue on forward button on page load
131
- if (!localStorage.getItem('InmsCurrentTime')) {
131
+ if (!sessionStorage.getItem('InmsCurrentTime')) {
132
132
  forwardsButton.setAttribute('data-id', chapterTrack.cues[0].endTime);
133
133
  }
134
134
  }, 100);