@internetstiftelsen/styleguide 5.0.17 → 5.0.18-beta.0.1

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 (97) 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 -97
  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/heading-3.svg +5 -12
  81. package/src/atoms/icon/richtext-heading-2.svg +8 -0
  82. package/src/atoms/icon/richtext-ordered-list.svg +6 -5
  83. package/src/atoms/icon/sprite.svg +10 -10
  84. package/src/atoms/textarea/rich-text.js +53 -9
  85. package/src/configurations/icons.json +1 -1
  86. package/src/configurations/typography/_typography.scss +0 -9
  87. package/src/molecules/glider/glider-course.js +0 -2
  88. package/src/molecules/glider/glider.js +2 -2
  89. package/src/organisms/accordion/accordion.js +1 -2
  90. package/src/organisms/timeline/timeline.js +2 -3
  91. package/dist/atoms/timeline/anchorScroll.js +0 -13
  92. package/dist/atoms/toggle-high-contrast/toggle-high-contrast.js +0 -12
  93. package/dist/molecules/glider/glider-single.js +0 -68
  94. package/dist/molecules/modal/modal-graph.js +0 -40
  95. package/dist/molecules/timeline-navigation/timeline-navigation.js +0 -34
  96. package/src/atoms/icon/heading-2.svg +0 -15
  97. /package/src/molecules/alert/{_alert.scss → alert.scss} +0 -0
@@ -1,40 +0,0 @@
1
- 'use strict';
2
-
3
- /**
4
- * Close overlay on graph modal
5
- */
6
-
7
- var graphModals = document.querySelectorAll('.js-modal-graph');
8
- var graphModalButtons = document.querySelectorAll('.js-modal-graph-button');
9
-
10
- var addMultipleListeners = function addMultipleListeners(el, types, listener, options, useCapture) {
11
- types.forEach(function (type) {
12
- return el.addEventListener(type, listener, options, useCapture);
13
- });
14
- };
15
-
16
- function closeOverlay(graphModalButton) {
17
- // Close overlay button on 'click' on itself
18
- graphModalButton.addEventListener('click', function () {
19
- graphModalButton.classList.add('is-hidden');
20
- graphModalButton.blur();
21
- });
22
-
23
- [].forEach.call(graphModals, function (graphModal) {
24
- var closeButton = graphModal.querySelector('.js-toggle-modal');
25
-
26
- closeButton.addEventListener('click', function () {
27
- graphModalButton.classList.remove('is-hidden');
28
- });
29
-
30
- // Close overlay button on 'wheel', 'scroll', 'touchstart' on modal container
31
- addMultipleListeners(graphModal, ['wheel', 'scroll', 'touchstart'], function () {
32
- graphModalButton.classList.add('is-hidden');
33
- console.log('fire!');
34
- });
35
- });
36
- }
37
-
38
- if (graphModalButtons && graphModals) {
39
- [].forEach.call(graphModalButtons, closeOverlay);
40
- }
@@ -1,34 +0,0 @@
1
- 'use strict';
2
-
3
- var timelineNavigation = document.querySelector('#timeline-navigation');
4
- var timeLineButton = document.querySelector('.js-timeline-navigation');
5
- var timeLineOverlay = document.querySelector('.js-timeline-overlay');
6
- var body = document.querySelector('body');
7
- var scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
8
- var clicked = false;
9
-
10
- if (timeLineButton) {
11
- timeLineButton.addEventListener('click', function () {
12
- body.classList.toggle('html-no-overflow');
13
- if (clicked === false) {
14
- timeLineButton.style.transform = 'translateX(-' + scrollbarWidth + 'px)';
15
- timeLineOverlay.style.transform = 'translateX(-' + scrollbarWidth + 'px)';
16
- body.style.paddingRight = scrollbarWidth + 'px';
17
- clicked = true;
18
- } else {
19
- timeLineButton.removeAttribute('style');
20
- timeLineOverlay.removeAttribute('style');
21
- body.removeAttribute('style');
22
- clicked = false;
23
- }
24
- });
25
- }
26
-
27
- if (timelineNavigation) {
28
- var timelineNavigationLinks = timelineNavigation.querySelectorAll('a');
29
- [].forEach.call(timelineNavigationLinks, function (timelineNavigationLink) {
30
- timelineNavigationLink.addEventListener('click', function () {
31
- timeLineButton.click();
32
- });
33
- });
34
- }
@@ -1,15 +0,0 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 15" width="17" height="15">
3
- <defs>
4
- <style>
5
- .cls-1 {
6
- fill: none;
7
- }
8
- </style>
9
- </defs>
10
- <g>
11
- <path d="M.07,2.35h1.9v4.09h4.4V2.35h1.9v10.23h-1.9v-4.39H1.97v4.39H.07V2.35Z"/>
12
- <path d="M10.31,10.88c.82-.59,1.52-1.13,2.12-1.63.6-.5,1.13-1.08,1.59-1.72.46-.65.69-1.3.69-1.96,0-.46-.12-.84-.37-1.13-.25-.29-.61-.43-1.09-.43-.56,0-.98.2-1.25.6-.27.4-.42.9-.44,1.49l-1.79-.14c0-.63.14-1.23.42-1.8.28-.57.69-1.03,1.22-1.39.53-.36,1.16-.53,1.89-.53.62,0,1.18.14,1.66.4s.87.65,1.14,1.14c.27.49.41,1.06.41,1.71,0,1.03-.34,2.01-1.03,2.93-.68.92-1.61,1.74-2.79,2.46h4.22v1.7h-7.06v-1.38l.45-.32Z"/>
13
- </g>
14
- <rect class="cls-1" width="17" height="15"/>
15
- </svg>
File without changes