kcc-gem-theme 2.12.2 → 2.14.2

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 (91) hide show
  1. checksums.yaml +4 -4
  2. data/_config.yml +8 -1
  3. data/_includes/hash/theme_hash.yml +1 -1
  4. data/_includes/hero-slider.html +5 -5
  5. data/_includes/preconnect.html +0 -2
  6. data/_includes/scripts/kcc-theme.html +1 -1
  7. data/_includes/svg/mykcc-inline.html +1 -0
  8. data/_includes/svg/mykcc.html +32 -0
  9. data/_layouts/default-core.html +1 -3
  10. data/assets/js/alerts/addAccordionOrTabHistoryStates.js +1 -1
  11. data/assets/js/alerts/alerts.js +19 -10
  12. data/assets/js/alerts/contentHashLink.js +2 -9
  13. data/assets/js/alerts/createAlertsHtml.js +4 -5
  14. data/assets/js/alerts/getCachedResponse.js +4 -4
  15. data/assets/js/dist/126.7697ce50437cfdf40d41.bundle.js +1 -0
  16. data/assets/js/dist/282.7697ce50437cfdf40d41.bundle.js +1 -0
  17. data/assets/js/dist/45.7697ce50437cfdf40d41.bundle.js +1 -0
  18. data/assets/js/dist/504.7697ce50437cfdf40d41.bundle.js +1 -0
  19. data/assets/js/dist/{57.bundle.js → 57.7697ce50437cfdf40d41.bundle.js} +0 -0
  20. data/assets/js/dist/{576.bundle.js → 576.7697ce50437cfdf40d41.bundle.js} +0 -0
  21. data/assets/js/dist/582.7697ce50437cfdf40d41.bundle.js +1 -0
  22. data/assets/js/dist/640.7697ce50437cfdf40d41.bundle.js +1 -0
  23. data/assets/js/dist/{647.bundle.js → 647.7697ce50437cfdf40d41.bundle.js} +0 -0
  24. data/assets/js/dist/647.7697ce50437cfdf40d41.css +1 -0
  25. data/assets/js/dist/{searchPageOverrides.bundle.js → 658.7697ce50437cfdf40d41.bundle.js} +1 -1
  26. data/assets/js/dist/658.7697ce50437cfdf40d41.css +1 -0
  27. data/assets/js/dist/709.7697ce50437cfdf40d41.bundle.js +1 -0
  28. data/assets/js/dist/755.7697ce50437cfdf40d41.bundle.js +1 -0
  29. data/assets/js/dist/787.7697ce50437cfdf40d41.bundle.js +1 -0
  30. data/assets/js/dist/{795.bundle.js → 795.7697ce50437cfdf40d41.bundle.js} +0 -0
  31. data/assets/js/dist/{addAccordionOrTabHistoryStates.bundle.js → 814.7697ce50437cfdf40d41.bundle.js} +1 -1
  32. data/assets/js/dist/{darkModeStyling.bundle.js → 83.7697ce50437cfdf40d41.bundle.js} +1 -1
  33. data/assets/js/dist/83.7697ce50437cfdf40d41.css +1 -0
  34. data/assets/js/dist/{853.bundle.js → 853.7697ce50437cfdf40d41.bundle.js} +0 -0
  35. data/assets/js/dist/{859.bundle.js → 859.7697ce50437cfdf40d41.bundle.js} +0 -0
  36. data/assets/js/dist/{862.bundle.js → 862.7697ce50437cfdf40d41.bundle.js} +0 -0
  37. data/assets/js/dist/{909.bundle.js → 909.7697ce50437cfdf40d41.bundle.js} +0 -0
  38. data/assets/js/dist/{936.bundle.js → 936.7697ce50437cfdf40d41.bundle.js} +0 -0
  39. data/assets/js/dist/968.7697ce50437cfdf40d41.bundle.js +1 -0
  40. data/assets/js/dist/kcc-theme.7697ce50437cfdf40d41.bundle.js +1 -0
  41. data/assets/js/dist/kcc-theme.7697ce50437cfdf40d41.css +1 -0
  42. data/assets/js/dist/{translate.bundle.js → translate.7697ce50437cfdf40d41.bundle.js} +0 -0
  43. data/assets/js/dist/translate.7697ce50437cfdf40d41.css +1 -0
  44. data/assets/js/nav/megaNav/closeMegaNavOnClick.js +6 -34
  45. data/assets/js/nav/megaNav/googleCustomSearch.js +107 -58
  46. data/assets/js/nav/megaNav/megaNav.js +5 -4
  47. data/assets/js/nav/megaNav/searchToggleMegaNav.js +1 -5
  48. data/assets/js/nav/megaNav/toggleMenuOnWindowResize.js +1 -5
  49. data/assets/js/nav/megaNav/underlineCurrentSite.js +1 -6
  50. data/assets/js/src/all.js +73 -25
  51. data/assets/scss/0-tools/_vars.scss +3 -0
  52. data/assets/scss/1-base/_buttons.scss +8 -1
  53. data/assets/scss/1-base/_header-global.scss +6 -0
  54. data/assets/scss/1-base/_links.scss +1 -0
  55. data/assets/scss/1-base/_svg.scss +27 -2
  56. data/assets/scss/1-base/_typography.scss +2 -2
  57. data/assets/scss/2-modules/_hero-slider.scss +48 -12
  58. data/assets/scss/2-modules/_link-launch.scss +41 -0
  59. data/assets/scss/2-modules/_sliders.scss +14 -189
  60. data/assets/scss/kcc-theme.scss +1 -1
  61. metadata +34 -45
  62. data/_includes/image-slider.html +0 -23
  63. data/_includes/scripts/kcc-mega-nav.html +0 -2
  64. data/assets/js/alerts/checkForAccordionOrTab.js +0 -11
  65. data/assets/js/alerts/simpleSetSheetParameters.js +0 -23
  66. data/assets/js/dist/243.bundle.js +0 -1
  67. data/assets/js/dist/289.bundle.js +0 -1
  68. data/assets/js/dist/315.bundle.js +0 -1
  69. data/assets/js/dist/45.bundle.js +0 -1
  70. data/assets/js/dist/504.bundle.js +0 -1
  71. data/assets/js/dist/528.bundle.js +0 -1
  72. data/assets/js/dist/582.bundle.js +0 -1
  73. data/assets/js/dist/618.5bb24fcff044be7f9c63.css +0 -2
  74. data/assets/js/dist/644.bundle.js +0 -1
  75. data/assets/js/dist/647.5bb24fcff044be7f9c63.css +0 -2
  76. data/assets/js/dist/87.5bb24fcff044be7f9c63.css +0 -2
  77. data/assets/js/dist/alerts.bundle.js +0 -1
  78. data/assets/js/dist/contentHashLink.bundle.js +0 -1
  79. data/assets/js/dist/darkMode.bundle.js +0 -1
  80. data/assets/js/dist/kcc-mega-nav.bundle.js +0 -1
  81. data/assets/js/dist/kcc-nav.bundle.js +0 -1
  82. data/assets/js/dist/kcc-theme-landing.bundle.js +0 -1
  83. data/assets/js/dist/kcc-theme.5bb24fcff044be7f9c63.css +0 -2
  84. data/assets/js/dist/kcc-theme.bundle.js +0 -1
  85. data/assets/js/dist/translate.5bb24fcff044be7f9c63.css +0 -2
  86. data/assets/js/landing/landing.js +0 -5
  87. data/assets/js/landing/landingPage.js +0 -49
  88. data/assets/js/nav/megaNav/toggleDropdownOnWindowResize.js +0 -78
  89. data/assets/js/src/loadClarusCorpScript.js +0 -12
  90. data/assets/js/src/test.js +0 -7
  91. data/assets/js/src/ytEmbed.js +0 -30
@@ -1,49 +0,0 @@
1
- const QUERYSELECTOR_IN_LANDING_PAGES = 'nav.nav-landing' // <nav> element in landing pages
2
- const FORM_WRAPPER_QUERYSELCTOR = 'div.wFormContainer' // <div> element from TargetX form in landing pages
3
- const GET_STARTED_BUTTON_QUERYSELECTOR = 'a[href="#page-top"]'; // call-to-action Button at the bottom of landing pages
4
- const FIRST_NAME_INPUT_QUERYSELECTOR = '.inputWrapper input[placeholder="First Name"]'; // First Name <input> element from the TargetX form in landing pages
5
- // Custom JS to scroll the user to the top of the page & focus the first field (First Name input) of the form
6
-
7
- function selectInputEl(inputElQuerySelctorString) {
8
- const inputEl = document.querySelector(inputElQuerySelctorString);
9
-
10
- return inputEl.select();
11
- }
12
-
13
- function distanceToTop(el) {
14
- return Math.floor(el.getBoundingClientRect().top);
15
- }
16
-
17
- function clickHandler(e) {
18
- const targetId = e.target.getAttribute('href').replace(/^#/, '');
19
- const targetEl = document.getElementById(targetId);
20
- const originalTop = distanceToTop(targetEl);
21
-
22
- e.preventDefault();
23
- window.scrollBy({ top: originalTop, left: 0, behavior: 'smooth' });
24
-
25
- const checkIfDone = setInterval(function() {
26
- const atBottom = window.innerHeight + window.pageYOffset >= document.body.offsetHeight - 2;
27
- if (distanceToTop(targetEl) === 0 || atBottom) {
28
- selectInputEl(FIRST_NAME_INPUT_QUERYSELECTOR);
29
- clearInterval(checkIfDone);
30
- }
31
- }, 100);
32
- }
33
-
34
- function addClickEventListener(querySelectorString) {
35
- const el = document.querySelector(querySelectorString);
36
-
37
- el.addEventListener('click', clickHandler)
38
- }
39
-
40
- function landingPageInit() {
41
- const requiredPageElements = document.querySelector(QUERYSELECTOR_IN_LANDING_PAGES) && document.querySelector(FORM_WRAPPER_QUERYSELCTOR) && document.querySelector(GET_STARTED_BUTTON_QUERYSELECTOR) && document.querySelector(FIRST_NAME_INPUT_QUERYSELECTOR);
42
-
43
- if ( ! requiredPageElements )
44
- return;
45
-
46
- addClickEventListener(GET_STARTED_BUTTON_QUERYSELECTOR);
47
- }
48
-
49
- export default landingPageInit;
@@ -1,78 +0,0 @@
1
- //
2
- //
3
- //
4
- // TODO: Combine method bellow with a class added to the nav when it is desktop size and above
5
- //
6
- //
7
- //
8
- //
9
- //
10
- // Custom JS to Close the Navigation menu, if its open, & if the screen goes above 992px wide (Bootstrap 4 'lg' devices)
11
- const NAV_ELEMENT_ID_STRING = 'headerGlobalNavbar';
12
- const NAVBAR_COLLAPSE_ID = 'headerGlobalNavbarContent'; // ID built into the sites' HTML
13
- const NAVBAR_IS_DESKTOP = 'header-global__navbar--lg';
14
- const NAVBAR_ELEMENT = document.getElementById(NAV_ELEMENT_ID_STRING);
15
-
16
- function removeClassFromElement(el, classString) {
17
- el.classList.remove(classString);
18
- }
19
-
20
- function collapseElement(dropdownToggle) {
21
- //console.log( $(dropdownToggle) );
22
- $(dropdownToggle).collapse('hide'); // Bootstrap 4 `.collapse()` method.
23
- removeClassFromElement(NAVBAR_ELEMENT, NAVBAR_IS_DESKTOP);
24
-
25
- }
26
-
27
- function checkDropdownCollapseState(el) {
28
- let dropdownToggle = el.parentElement
29
- //console.log(el.parentElement.classList);
30
- if ( dropdownToggle.classList.contains('show') ) { // 'show' is a Bootstrap 4 class that makes `.collapse` items visible. // Checking to see if the Menu is open
31
- //console.log(el);
32
- collapseElement(dropdownToggle);
33
- }
34
- }
35
-
36
- function loopOverNodeList(nodeList) {
37
- //console.log(nodeList);
38
- let len = nodeList.length;
39
-
40
- for (var i = 0; i < len; i++) {
41
- const dropdownMenu = nodeList[i];
42
-
43
- checkDropdownCollapseState(dropdownMenu);
44
- }
45
- }
46
-
47
- function windowResizeHandler() {
48
- const navbarEl = windowResizeHandler.element;
49
-
50
- if ( window.innerWidth <= 992 && navbarEl.classList.contains(NAVBAR_IS_DESKTOP) ) {
51
- const menuCollapseElement = document.getElementById(NAVBAR_COLLAPSE_ID);
52
- const dropdownMenuNodeList = menuCollapseElement.querySelectorAll('.dropdown-toggle');
53
-
54
- loopOverNodeList(dropdownMenuNodeList);
55
- //checkNavbarCollapseState(menuCollapseElement);
56
- }
57
- }
58
-
59
- function addClassToElement(el, classString) {
60
- el.classList.add(classString);
61
- }
62
-
63
- function checkWindowWidth() {
64
- const windowIsWiderThanBootStrapLarge = window.innerWidth >= 992;
65
-
66
- windowIsWiderThanBootStrapLarge ?
67
- addClassToElement(NAVBAR_ELEMENT, NAVBAR_IS_DESKTOP)
68
- : null;
69
- }
70
-
71
- function toggleDropdownOnWindowResize() {
72
-
73
- windowResizeHandler.element = NAVBAR_ELEMENT;
74
- checkWindowWidth();
75
- window.addEventListener('resize', windowResizeHandler);
76
- }
77
-
78
- export default toggleDropdownOnWindowResize;
@@ -1,12 +0,0 @@
1
- // Loads the Clarus Corporation script used in geofencing campaigns
2
- function loadClarusCorpScript() {
3
- let script = document.createElement('script');
4
- const head = document.head;
5
-
6
- script.src = 'https://tag.simpli.fi/sifitag/6089e310-26f9-0136-e8b0-06659b33d47c';
7
- script.async = true
8
- script.referrerPolicy = 'no-referrer-when-downgrade';
9
- head.appendChild(script);
10
- }
11
-
12
- export default loadClarusCorpScript;
@@ -1,7 +0,0 @@
1
- // THIS IS A TEST
2
- function test() {
3
- // Code to test here
4
-
5
- }
6
-
7
- export default test;
@@ -1,30 +0,0 @@
1
- const YT_EMBED_PARENT = document.getElementById('yt-embed');
2
- const YT_EMBED_PARENT_VIDEO_ID = YT_EMBED_PARENT.dataset.video;
3
- //<iframe width="560" height="315" src="https://www.youtube.com/embed/LUCrx9chw-c" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
4
-
5
- function setAttributes(el, arg, argVal) {
6
- const argumentIsString = typeof arg == 'string';
7
-
8
- if ( argumentIsString ) {
9
- el.setAttribute(arg, argVal)
10
- } else {
11
- for (let i = 0, len = arg.length; i < len; i++) {
12
- el.setAttribute(arg[i], argVal[i])
13
- }
14
- }
15
- return el;
16
- }
17
-
18
- function ytEmbed() {
19
- const iframe = document.createElement('iframe');
20
-
21
- setAttributes(iframe, ['width', 'height', 'frameborder', 'allow', 'allowfullscreen'], ['560', '315', '0', 'accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture', '']);
22
- YT_EMBED_PARENT.appendChild(iframe);
23
- setAttributes(iframe, 'src', 'https://www.youtube.com/embed/' + YT_EMBED_PARENT_VIDEO_ID + '?showinfo=0&rel=0');
24
- iframe.onload = () => {
25
- YT_EMBED_PARENT.removeChild(YT_EMBED_PARENT.querySelector('.yt-embed'));
26
- }
27
-
28
- }
29
-
30
- export default ytEmbed;