@internetstiftelsen/styleguide 5.0.18 → 5.1.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 (92) hide show
  1. package/dist/app.js +71 -0
  2. package/dist/assets/js/Events.js +43 -77
  3. package/dist/assets/js/RequestError.js +16 -31
  4. package/dist/assets/js/anchorScroll.js +22 -15
  5. package/dist/assets/js/charCounter.js +100 -142
  6. package/dist/assets/js/className.js +19 -20
  7. package/dist/assets/js/conditional.js +96 -152
  8. package/dist/assets/js/debounce.js +15 -22
  9. package/dist/assets/js/el.js +108 -159
  10. package/dist/assets/js/getCookieByName.js +13 -11
  11. package/dist/assets/js/hasCookieConsent.js +30 -40
  12. package/dist/assets/js/htmlTextLength.js +12 -10
  13. package/dist/assets/js/iconToggle.js +16 -20
  14. package/dist/assets/js/nodeAdded.js +40 -53
  15. package/dist/assets/js/objToQuery.js +25 -41
  16. package/dist/assets/js/offset.js +29 -25
  17. package/dist/assets/js/ot.js +10 -13
  18. package/dist/assets/js/parallax.js +23 -23
  19. package/dist/assets/js/queryToObj.js +16 -22
  20. package/dist/assets/js/readSpeakerHandling.js +26 -28
  21. package/dist/assets/js/request.js +43 -52
  22. package/dist/assets/js/responsivePosition.js +46 -74
  23. package/dist/assets/js/stringToNode.js +11 -10
  24. package/dist/assets/js/template.js +15 -21
  25. package/dist/assets/js/textToggle.js +19 -24
  26. package/dist/assets/js/track.js +14 -12
  27. package/dist/assets/js/uid.js +10 -6
  28. package/dist/assets/js/utmGenerator.js +27 -33
  29. package/dist/assets/js/validationMessage.js +18 -25
  30. package/dist/assets/js/youtube.js +134 -170
  31. package/dist/atoms/button/Button.js +42 -55
  32. package/dist/atoms/file/file.js +25 -29
  33. package/dist/atoms/file/filePreview.js +27 -31
  34. package/dist/atoms/grid-toggle/grid-toggle.js +6 -9
  35. package/dist/atoms/height-limiter/height-limiter.js +37 -50
  36. package/dist/atoms/password-toggle/password-toggle.js +9 -11
  37. package/dist/atoms/range/range.js +32 -39
  38. package/dist/atoms/textarea/rich-text.js +223 -205
  39. package/dist/atoms/tooltip/tooltip.js +13 -17
  40. package/dist/components.js +42 -77
  41. package/dist/focusTrap.js +66 -77
  42. package/dist/molecules/alert/alert.js +15 -20
  43. package/dist/molecules/context-menu/context-menu.js +11 -16
  44. package/dist/molecules/continue-video-guide/continue-video-guide.js +90 -101
  45. package/dist/molecules/cookie-disclaimer/cookie-disclaimer.js +24 -33
  46. package/dist/molecules/form/Form.js +242 -352
  47. package/dist/molecules/form/index.js +15 -14
  48. package/dist/molecules/glider/glider-course.js +62 -75
  49. package/dist/molecules/glider/glider-hero.js +88 -101
  50. package/dist/molecules/glider/glider.js +49 -45
  51. package/dist/molecules/modal/modal.js +256 -325
  52. package/dist/molecules/multi-select/multi-select.js +198 -304
  53. package/dist/molecules/natural-language-form/natural-language-form.js +32 -46
  54. package/dist/molecules/overview-navigation/overview-navigation.js +90 -141
  55. package/dist/molecules/share/share.js +15 -20
  56. package/dist/molecules/system-error/system-error.js +6 -9
  57. package/dist/organisms/accordion/accordion.js +44 -50
  58. package/dist/organisms/footer/footer.js +1 -1
  59. package/dist/organisms/haveibeenpwned/haveibeenpwned.js +17 -16
  60. package/dist/organisms/mailchimp/mailchimp.js +72 -89
  61. package/dist/organisms/map-box/map-box.js +3 -4
  62. package/dist/organisms/mega-menu/mega-menu.js +177 -212
  63. package/dist/organisms/podcast/podcast.js +192 -215
  64. package/dist/organisms/schedule/schedule-filter.js +9 -15
  65. package/dist/organisms/tabs/tabs.js +194 -253
  66. package/dist/organisms/timeline/openTimelineItem.js +38 -51
  67. package/dist/organisms/timeline/timeline.js +111 -128
  68. package/dist/organisms/video-guide/VideoGuidePlayback.js +210 -286
  69. package/dist/organisms/video-guide/VideoGuideSubtitles.js +57 -80
  70. package/dist/organisms/video-guide/VideoGuideTimeline.js +74 -108
  71. package/dist/organisms/video-guide/getCurrentCueIndex.js +11 -9
  72. package/dist/organisms/video-guide/video-guide.js +66 -103
  73. package/dist/utilities/tab-highlighting/tab-highlighting.js +14 -22
  74. package/dist/vendor/toggle/a11y.toggle-switcher.js +10 -16
  75. package/package.json +78 -99
  76. package/src/app.js +5 -5
  77. package/src/assets/js/anchorScroll.js +1 -1
  78. package/src/assets/js/offset.js +1 -1
  79. package/src/atoms/button/Button.js +1 -1
  80. package/src/atoms/icon/richtext-ordered-list.svg +1 -1
  81. package/src/atoms/icon/sprite.svg +6 -5
  82. package/src/molecules/glider/glider-course.js +0 -2
  83. package/src/molecules/glider/glider.js +2 -2
  84. package/src/organisms/accordion/accordion.js +1 -2
  85. package/src/organisms/timeline/timeline.js +2 -3
  86. package/dist/atoms/timeline/anchorScroll.js +0 -13
  87. package/dist/atoms/toggle-high-contrast/toggle-high-contrast.js +0 -12
  88. package/dist/molecules/glider/glider-single.js +0 -68
  89. package/dist/molecules/modal/modal-graph.js +0 -40
  90. package/dist/molecules/timeline-navigation/timeline-navigation.js +0 -34
  91. /package/src/atoms/icon/{heading-3.svg → richtext-heading-3.svg} +0 -0
  92. /package/src/molecules/alert/{_alert.scss → alert.scss} +0 -0
@@ -1,18 +1,15 @@
1
- 'use strict';
2
-
3
- var cookieBar = document.querySelector('.js-cookie-disclaimer');
4
- var visibleClass = 'is-visible';
5
- var cookieName = 'internetstiftelsen-cookie-consent';
1
+ "use strict";
2
+ const cookieBar = document.querySelector('.js-cookie-disclaimer');
3
+ const visibleClass = 'is-visible';
4
+ const cookieName = 'internetstiftelsen-cookie-consent';
6
5
  // const testCookieSupport = 'Cookies are enabled';
7
- var acceptButton = document.getElementById('js-accept-cookies');
8
- var currentProtocol = document.location.protocol;
6
+ const acceptButton = document.getElementById('js-accept-cookies');
7
+ const currentProtocol = document.location.protocol;
9
8
  // const { cookieEnabled } = navigator.cookieEnabled;
10
-
11
9
  // Cookies are disabled
12
10
  // function showCookieFail() {
13
11
  // console.warn('Cookies are disabled.');
14
12
  // }
15
-
16
13
  // Check for cookie support
17
14
  // (function checkCookieSupport() {
18
15
  // if (!cookieEnabled) {
@@ -26,42 +23,36 @@ var currentProtocol = document.location.protocol;
26
23
  // }
27
24
  // return cookieEnabled || showCookieFail();
28
25
  // }());
29
-
30
26
  // Set cookie
31
27
  function setCookie(name, value, days) {
32
- var d = new Date();
33
- d.setTime(d.getTime() + 24 * 60 * 60 * 1000 * days);
34
-
35
- if (currentProtocol === 'https:') {
36
- document.cookie = name + '=' + value + ';path=/;SameSite=Strict;Secure;expires=' + d.toGMTString();
37
- } else {
38
- document.cookie = name + '=' + value + ';path=/;SameSite=Strict;expires=' + d.toGMTString();
39
- }
28
+ const d = new Date();
29
+ d.setTime(d.getTime() + 24 * 60 * 60 * 1000 * days);
30
+ if (currentProtocol === 'https:') {
31
+ document.cookie = `${name}=${value};path=/;SameSite=Strict;Secure;expires=${d.toGMTString()}`;
32
+ } else {
33
+ document.cookie = `${name}=${value};path=/;SameSite=Strict;expires=${d.toGMTString()}`;
34
+ }
40
35
  }
41
-
42
36
  // Get cookie
43
37
  function getCookie(name) {
44
- var v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)');
45
- return v ? v[2] : null;
38
+ const v = document.cookie.match(`(^|;) ?${name}=([^;]*)(;|$)`);
39
+ return v ? v[2] : null;
46
40
  }
47
-
48
41
  // No cookie set? Show cookie disclaimer bar
49
42
  // if (!getCookie(cookieName) && cookieEnabled) {
50
43
  if (!getCookie(cookieName)) {
51
- if (cookieBar) {
52
- cookieBar.classList.add(visibleClass);
53
- }
44
+ if (cookieBar) {
45
+ cookieBar.classList.add(visibleClass);
46
+ }
54
47
  }
55
-
56
48
  // Cookies accepted
57
49
  function acceptCookies() {
58
- setCookie(cookieName, 'YES', 365);
59
- if (cookieBar) {
60
- cookieBar.classList.remove(visibleClass);
61
- }
50
+ setCookie(cookieName, 'YES', 365);
51
+ if (cookieBar) {
52
+ cookieBar.classList.remove(visibleClass);
53
+ }
62
54
  }
63
-
64
55
  // Button click
65
56
  if (acceptButton) {
66
- acceptButton.addEventListener('click', acceptCookies);
67
- }
57
+ acceptButton.addEventListener('click', acceptCookies);
58
+ }