mod-build 3.6.71 → 4.0.0-alpha.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 (149) hide show
  1. package/.eslintignore +3 -0
  2. package/.eslintrc +18 -0
  3. package/CHANGELOG.md +2 -240
  4. package/README.md +16 -263
  5. package/gulp-tasks/build.js +1 -1
  6. package/package.json +21 -69
  7. package/siteconfig.js +38 -0
  8. package/src/accessible-components/button/_button.scss +195 -0
  9. package/src/accessible-components/button/back-button.html +4 -0
  10. package/src/accessible-components/button/button.html +17 -0
  11. package/src/accessible-components/carousel/_carousel.scss +112 -0
  12. package/src/accessible-components/carousel/carousel.html +25 -0
  13. package/src/accessible-components/checkbox/_checkbox.scss +96 -0
  14. package/src/accessible-components/checkbox/checkbox.html +8 -0
  15. package/src/accessible-components/expand-collapse/_expand-collapse.scss +122 -0
  16. package/src/accessible-components/expand-collapse/expand-collapse.html +8 -0
  17. package/src/accessible-components/expand-collapse/expand-collapse.js +52 -0
  18. package/src/accessible-components/expand-collapse/expand-collapse.min.js +2 -0
  19. package/src/accessible-components/expand-collapse/expand-collapse.min.js.map +1 -0
  20. package/src/accessible-components/featured-block/_featured-block.scss +219 -0
  21. package/src/accessible-components/featured-block/featured-block.html +54 -0
  22. package/src/accessible-components/foot-assets/foot-assets.html +92 -0
  23. package/src/accessible-components/footer/footer.html +2 -0
  24. package/src/{templates/_partials/scripts/gtm-editorials/body/google-tag-manager-body.html → accessible-components/gtm-body/gtm-body.html} +1 -2
  25. package/src/accessible-components/head/head.html +188 -0
  26. package/src/accessible-components/header/_header.scss +289 -0
  27. package/src/accessible-components/header/header.html +66 -0
  28. package/src/accessible-components/hero/_hero.scss +371 -0
  29. package/src/accessible-components/hero/hero.html +53 -0
  30. package/src/accessible-components/how-it-works/_how-it-works.scss +217 -0
  31. package/src/accessible-components/how-it-works/how-it-works-carousel.html +12 -0
  32. package/src/accessible-components/how-it-works/how-it-works-static.html +12 -0
  33. package/src/accessible-components/how-it-works/how-it-works.html +14 -0
  34. package/src/accessible-components/information/_information.scss +92 -0
  35. package/src/accessible-components/information/information.html +26 -0
  36. package/src/accessible-components/input/_input.scss +202 -0
  37. package/src/accessible-components/input/input.html +22 -0
  38. package/src/accessible-components/input/textarea.html +9 -0
  39. package/src/accessible-components/partners/_partners.scss +232 -0
  40. package/src/accessible-components/partners/partners.html +56 -0
  41. package/src/accessible-components/picture/picture.html +19 -0
  42. package/src/accessible-components/preloader/_preloader.scss +61 -0
  43. package/src/accessible-components/preloader/preloader.html +23 -0
  44. package/src/accessible-components/progress-bar/_progress-bar.scss +119 -0
  45. package/src/accessible-components/progress-bar/progress-bar.html +21 -0
  46. package/src/accessible-components/progress-bar/progress-bar.js +37 -0
  47. package/src/accessible-components/progress-bar/progress-bar.min.js +2 -0
  48. package/src/accessible-components/progress-bar/progress-bar.min.js.map +1 -0
  49. package/src/accessible-components/radio-button/_radio-button.scss +537 -0
  50. package/src/accessible-components/radio-button/radio-button.html +34 -0
  51. package/src/accessible-components/reviews/_reviews.scss +175 -0
  52. package/src/accessible-components/reviews/reviews-carousel.html +12 -0
  53. package/src/accessible-components/reviews/reviews-static.html +12 -0
  54. package/src/accessible-components/reviews/reviews.html +37 -0
  55. package/src/accessible-components/select/_select.scss +69 -0
  56. package/src/accessible-components/select/select.html +10 -0
  57. package/src/accessible-components/steps/_steps.scss +524 -0
  58. package/src/accessible-components/steps/defaultFormFieldConfig.json +109 -0
  59. package/src/accessible-components/steps/step-fields.html +33 -0
  60. package/src/accessible-components/steps/steps.html +150 -0
  61. package/src/accessible-components/tcpa/_tcpa.scss +49 -0
  62. package/src/accessible-components/tcpa/tcpa.html +9 -0
  63. package/src/accessible-components/tile/_tile.scss +117 -0
  64. package/src/accessible-components/tile/tile.html +14 -0
  65. package/src/accessible-components/value-props/_value-props.scss +100 -0
  66. package/src/accessible-components/value-props/value-props.html +17 -0
  67. package/src/accessible-components/zip-control/_zip-control.scss +78 -0
  68. package/src/accessible-components/zip-control/zip-control.html +10 -0
  69. package/src/data/footer.js +117 -0
  70. package/src/data/seasons.js +5 -7
  71. package/src/data/theme.json +164 -0
  72. package/src/index.html +18 -0
  73. package/src/main.js +45 -0
  74. package/src/resources/scripts/abandonment/abandonment-1df90ee155f6c0893d90.min.js +2 -0
  75. package/src/resources/scripts/abandonment/abandonment.min.js +2 -0
  76. package/src/resources/scripts/footer/footer-component-7b5e263f64568573ecc0.min.js +2 -0
  77. package/src/resources/scripts/footer/footer-component.min.js +2 -0
  78. package/src/resources/scripts/helpers/initNumericOnlyFields.min.js +2 -0
  79. package/src/resources/scripts/helpers/initNumericOnlyFields.min.js.map +1 -0
  80. package/src/resources/scripts/helpers/isZipCodeValid.min.js +2 -0
  81. package/src/resources/scripts/helpers/isZipCodeValid.min.js.map +1 -0
  82. package/src/resources/scripts/mod-alytics/modalytics-0ac7d7a5a72ea67a0f47.min.js +2 -0
  83. package/src/resources/scripts/mod-alytics/modalytics.min.js +2 -0
  84. package/src/resources/scripts/mod-form/form/homeowner-77a4dd439b8db412678b.min.js +2 -0
  85. package/src/resources/scripts/mod-form/form/homeowner.min.js +2 -0
  86. package/src/resources/scripts/mod-utils/modutils-8ba40d21f559171ddd36.min.js +2 -0
  87. package/src/resources/scripts/mod-utils/modutils.min.js +2 -0
  88. package/src/resources/styles/components/abandonment/abandonment-ae63aca828944411eff7.min.css +1 -0
  89. package/src/resources/styles/components/abandonment/abandonment.min.css +1 -0
  90. package/src/resources/styles/components/footer/mod-footer-3717faf57147c62c1777.min.css +1 -0
  91. package/src/resources/styles/components/footer/mod-footer.min.css +1 -0
  92. package/src/resources/styles/components/footer/qs-footer-12bf078dc614ff221c3c.min.css +1 -0
  93. package/src/resources/styles/components/footer/qs-footer.min.css +1 -0
  94. package/src/resources/templates/modals/about/index.html +9 -0
  95. package/src/resources/templates/modals/contact-us/index.html +348 -0
  96. package/src/resources/templates/modals/faq/index.html +9 -0
  97. package/src/resources/templates/modals/privacy/index.html +236 -0
  98. package/src/resources/templates/modals/terms/index.html +166 -0
  99. package/src/scripts/has-qs-params.js +6 -5
  100. package/src/scripts/url-cleaner.js +3 -3
  101. package/src/scripts/utils.js +178 -0
  102. package/src/styles/home.scss +1 -0
  103. package/src/temp/scripts/maxmind-geoip2.js +104 -0
  104. package/src/templates/_partials/scripts/deferred-styles.html +16 -16
  105. package/src/templates/_partials/scripts/vwo-redirect-callback.html +43 -45
  106. package/src/templates/components/head.html +70 -0
  107. package/tasks/clean.js +13 -0
  108. package/tasks/grab-cdn.js +107 -0
  109. package/tasks/grab-form-helpers.js +94 -0
  110. package/tasks/grab-shared-components.js +81 -0
  111. package/tasks/grab-shared-scripts.js +267 -0
  112. package/tasks/serve.js +15 -0
  113. package/tasks/templates.js +168 -0
  114. package/template.js +801 -0
  115. package/vite.config.js +56 -0
  116. package/.eslintrc.yml +0 -59
  117. package/src/data/common.js +0 -704
  118. package/src/data/components/qs-footer.js +0 -55
  119. package/src/data/components/quote-footer.js +0 -73
  120. package/src/scripts/apt-block.js +0 -919
  121. package/src/scripts/components/custom-selects.js +0 -48
  122. package/src/scripts/components/radio-panels.js +0 -45
  123. package/src/scripts/es6-1.js +0 -6
  124. package/src/scripts/es6-2.js +0 -2
  125. package/src/scripts/qs-form.js +0 -839
  126. package/src/scripts/vendor/maxmind-geoip2.js +0 -2
  127. package/src/scripts/vendor/swiper.min.js +0 -13
  128. package/src/styles/apt-block.scss +0 -888
  129. package/src/templates/_partials/apt-block.html +0 -30
  130. package/src/templates/_partials/scripts/analytics.html +0 -4
  131. package/src/templates/_partials/scripts/go-page-hiding-snippet.html +0 -8
  132. package/src/templates/_partials/scripts/google-maps.html +0 -1
  133. package/src/templates/_partials/scripts/google-optimize.html +0 -12
  134. package/src/templates/_partials/scripts/gtm-editorials/head/google-tag-manager-head.html +0 -10
  135. package/src/templates/_partials/scripts/gtm-hil/body/google-tag-manager-body.html +0 -5
  136. package/src/templates/_partials/scripts/gtm-hil/head/google-tag-manager-head.html +0 -10
  137. package/src/templates/_partials/scripts/gtm-pro/body/google-tag-manager-body.html +0 -5
  138. package/src/templates/_partials/scripts/gtm-pro/head/google-tag-manager-head.html +0 -10
  139. package/src/templates/_partials/scripts/gtm-quote/body/google-tag-manager-body.html +0 -5
  140. package/src/templates/_partials/scripts/gtm-quote/head/google-tag-manager-head.html +0 -9
  141. package/src/templates/_partials/scripts/gtm-whitelabel/body/mod-google-tag-manager-body.html +0 -5
  142. package/src/templates/_partials/scripts/gtm-whitelabel/body/non-mod-google-tag-manager-body.html +0 -5
  143. package/src/templates/_partials/scripts/gtm-whitelabel/head/mod-google-tag-manager-head.html +0 -10
  144. package/src/templates/_partials/scripts/gtm-whitelabel/head/non-mod-google-tag-manager-head.html +0 -9
  145. package/src/templates/_partials/scripts/gtm-wordpress/body/google-tag-manager-body.html +0 -5
  146. package/src/templates/_partials/scripts/gtm-wordpress/head/google-tag-manager-head.html +0 -9
  147. package/src/templates/_partials/scripts/visual-website-optimizer.html +0 -5
  148. package/src/templates/index.html +0 -46
  149. /package/{src → public}/favicon.ico +0 -0
@@ -0,0 +1,2 @@
1
+ "use strict";function scrollToElement(e,t,l){e.scrollIntoView({behavior:"smooth",block:t}),l&&"function"==typeof l&&l()}var expandCollapseToggle=document.querySelectorAll(".expand-collapse__toggle");expandCollapseToggle.forEach(function(e){var t=e.id,l=e.getAttribute("aria-expanded"),a=e.getAttribute("aria-controls"),s=document.getElementById(a),o=e.classList.contains("scroll-to-top");s.classList.add("expand-collapse__target"),"false"!==l||s.classList.contains("collapsed")||s.classList.add("collapsed"),document.getElementById(t).addEventListener("click",function(){var e="true"!==this.getAttribute("aria-expanded"),c=this.querySelector(".expand-collapse__label"),n=this.querySelector(".expand-collapse__icon i"),d=e?a:t;if(this.setAttribute("aria-expanded",e),c&&(c.innerHTML=c.dataset[e?"expandedLabel":"collapsedLabel"]),n&&(n.className=n.dataset[e?"expandedIcon":"collapsedIcon"]),"false"===l||s.classList.contains("collapsed")?s.classList.toggle("collapsed"):s.classList.add("collapsed"),o){var i=e?"start":"center",r=document.getElementById(t);setTimeout(function(){scrollToElement(r,i,function(){setTimeout(function(){document.getElementById(d).focus()},400)})},200)}})});
2
+ //# sourceMappingURL=expand-collapse.min.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["accessible-components/expand-collapse/expand-collapse.js"],"names":["scrollToElement","element","position","callback","scrollIntoView","behavior","block","expandCollapseToggle","document","querySelectorAll","forEach","toggle","toggleId","id","ariaExpanded","getAttribute","ariaControls","expandCollapseTarget","getElementById","scrollToTop","classList","contains","add","addEventListener","shouldExpand","this","expandCollapseLabel","querySelector","expandCollapseIcon","focusOnElement","setAttribute","innerHTML","dataset","className","scrollPosition","setTimeout","focus"],"mappings":"YAAA,SAASA,iBAAgBC,EAASC,EAAUC,GAC3CF,EAAQG,gBACPC,SAAU,SACVC,MAAOJ,IAEJC,GAAgC,kBAAbA,IACtBA,IAIF,GAAII,sBAAuBC,SAASC,iBAAiB,2BACrDF,sBAAqBG,QAAQ,SAASC,GACrC,GAAIC,GAAWD,EAAOE,GACrBC,EAAeH,EAAOI,aAAa,iBACnCC,EAAeL,EAAOI,aAAa,iBACnCE,EAAuBT,SAASU,eAAeF,GAC/CG,EAAcR,EAAOS,UAAUC,SAAS,gBACzCJ,GAAqBG,UAAUE,IAAI,2BACd,UAAjBR,GAA6BG,EAAqBG,UAAUC,SAAS,cACxEJ,EAAqBG,UAAUE,IAAI,aAEpCd,SAASU,eAAeN,GAAUW,iBAAiB,QAAS,WAC3D,GAAIC,GAAsD,SAAvCC,KAAKV,aAAa,iBACpCW,EAAsBD,KAAKE,cAAc,2BACzCC,EAAqBH,KAAKE,cAAc,4BACxCE,EAAiBL,EAAeR,EAAeJ,CAahD,IAZAa,KAAKK,aAAa,gBAAiBN,GAC/BE,IACHA,EAAoBK,UAAYL,EAAoBM,QAAQR,EAAe,gBAAkB,mBAE1FI,IACHA,EAAmBK,UAAYL,EAAmBI,QAAQR,EAAe,eAAiB,kBAEtE,UAAjBV,GAA4BG,EAAqBG,UAAUC,SAAS,aACvEJ,EAAqBG,UAAUT,OAAO,aAEtCM,EAAqBG,UAAUE,IAAI,aAEhCH,EAAa,CAChB,GAAIe,GAAiBV,EAAe,QAAU,SAC7CvB,EAAUO,SAASU,eAAeN,EACnCuB,YAAW,WACVnC,gBAAgBC,EAASiC,EAAgB,WACxCC,WAAW,WACV3B,SAASU,eAAeW,GAAgBO,SACtC,QAEF","file":"expand-collapse.min.js","sourcesContent":["function scrollToElement(element, position, callback) {\n\telement.scrollIntoView({\n\t\tbehavior: 'smooth',\n\t\tblock: position\n\t});\n\tif (callback && typeof callback === 'function') {\n\t\tcallback();\n\t}\n}\n\nvar expandCollapseToggle = document.querySelectorAll('.expand-collapse__toggle');\nexpandCollapseToggle.forEach(function(toggle) {\n\tvar toggleId = toggle.id,\n\t\tariaExpanded = toggle.getAttribute('aria-expanded'),\n\t\tariaControls = toggle.getAttribute('aria-controls'),\n\t\texpandCollapseTarget = document.getElementById(ariaControls),\n\t\tscrollToTop = toggle.classList.contains('scroll-to-top');\n\texpandCollapseTarget.classList.add('expand-collapse__target');\n\tif (ariaExpanded === 'false' && !expandCollapseTarget.classList.contains('collapsed')) {\n\t\texpandCollapseTarget.classList.add('collapsed');\n\t}\n\tdocument.getElementById(toggleId).addEventListener('click', function() {\n\t\tvar shouldExpand = this.getAttribute('aria-expanded') !== 'true',\n\t\t\texpandCollapseLabel = this.querySelector('.expand-collapse__label'),\n\t\t\texpandCollapseIcon = this.querySelector('.expand-collapse__icon i'),\n\t\t\tfocusOnElement = shouldExpand ? ariaControls : toggleId;\n\t\tthis.setAttribute('aria-expanded', shouldExpand);\n\t\tif (expandCollapseLabel) {\n\t\t\texpandCollapseLabel.innerHTML = expandCollapseLabel.dataset[shouldExpand ? 'expandedLabel' : 'collapsedLabel'];\n\t\t}\n\t\tif (expandCollapseIcon) {\n\t\t\texpandCollapseIcon.className = expandCollapseIcon.dataset[shouldExpand ? 'expandedIcon' : 'collapsedIcon'];\n\t\t}\n\t\tif (ariaExpanded === 'false' || expandCollapseTarget.classList.contains('collapsed')) {\n\t\t\texpandCollapseTarget.classList.toggle('collapsed');\n\t\t} else {\n\t\t\texpandCollapseTarget.classList.add('collapsed');\n\t\t}\n\t\tif (scrollToTop) {\n\t\t\tvar scrollPosition = shouldExpand ? 'start' : 'center',\n\t\t\t\telement = document.getElementById(toggleId);\n\t\t\tsetTimeout(function() {\n\t\t\t\tscrollToElement(element, scrollPosition, function() {\n\t\t\t\t\tsetTimeout(function() {\n\t\t\t\t\t\tdocument.getElementById(focusOnElement).focus();\n\t\t\t\t\t}, 400);\n\t\t\t\t});\n\t\t\t}, 200);\n\t\t}\n\t});\n});\n"]}
@@ -0,0 +1,219 @@
1
+ $featured-block-background: $color-white !default;
2
+ $featured-block-padding: 40px 0 !default;
3
+ $featured-block-padding-tablet: 60px 0 !default;
4
+ $featured-block-padding-desktop: 80px 0 !default;
5
+ $featured-block-text-align: center !default;
6
+ $featured-block-text-align-desktop: left !default;
7
+
8
+ $featured-block-content-align-items: center !default;
9
+ $featured-block-content-display: flex !default;
10
+ $featured-block-content-justify-content: space-between !default;
11
+ $featured-block-content-margin: 0 -15px !default;
12
+
13
+ $featured-block-content-max-width-tablet: 550px !default;
14
+ $featured-block-content-max-width-desktop: 100% !default;
15
+
16
+ $featured-block-column-left-flex-desktop: 0 0 48% !default;
17
+ $featured-block-column-right-flex-desktop: 0 0 48% !default;
18
+ $featured-block-column-padding: 0 15px !default;
19
+
20
+ $featured-block-title-color: $color-charcoal8 !default;
21
+ $featured-block-title-font-size: 1.375rem !default;
22
+ $featured-block-title-font-size-desktop: 1.5rem !default;
23
+ $featured-block-title-font-weight: 700 !default;
24
+ $featured-block-title-line-height: 1.25 !default;
25
+ $featured-block-title-margin: 0 0 15px !default;
26
+
27
+ $featured-block-subtitle-color: $color-charcoal8 !default;
28
+ $featured-block-subtitle-font-size: 1rem !default;
29
+ $featured-block-subtitle-font-size-desktop: 1.125rem !default;
30
+ $featured-block-subtitle-font-weight: 400 !default;
31
+ $featured-block-subtitle-line-height: 1.35 !default;
32
+ $featured-block-subtitle-margin: 0 !default;
33
+ $featured-block-subtitle-text-align: left !default;
34
+
35
+ $featured-block-description-color: $color-charcoal8 !default;
36
+ $featured-block-description-font-size: $featured-block-subtitle-font-size !default;
37
+ $featured-block-description-font-size-desktop: $featured-block-subtitle-font-size-desktop !default;
38
+ $featured-block-description-font-weight: $featured-block-subtitle-font-weight !default;
39
+ $featured-block-description-line-height: $featured-block-subtitle-line-height !default;
40
+ $featured-block-description-margin: $featured-block-subtitle-margin !default;
41
+ $featured-block-description-text-align: $featured-block-subtitle-text-align !default;
42
+
43
+ $featured-block-partner-margin: 20px 0 !default;
44
+ $featured-block-partner-img-display: inline-block !default;
45
+ $featured-block-partner-img-margin: 0 10px !default;
46
+ $featured-block-partner-img-height: auto !default;
47
+ $featured-block-partner-img-width: 100px !default;
48
+
49
+ $featured-block-img-border-radius: 0 !default;
50
+ $featured-block-img-display: inline-block !default;
51
+ $featured-block-img-margin: 0 auto 25px !default;
52
+ $featured-block-img-margin-desktop: 0 !default;
53
+ $featured-block-img-max-width: 100% !default;
54
+ $featured-block-img-width: 100% !default;
55
+
56
+ $featured-block-btn-display: block !default;
57
+ $featured-block-btn-margin: 25px auto 0 !default;
58
+ $featured-block-btn-margin-desktop: 25px 0 0 !default;
59
+ $featured-block-btn-max-width: 250px !default;
60
+
61
+ $featured-block-inprogress-display: none !default;
62
+
63
+ .featured-block {
64
+ background: $featured-block-background;
65
+ padding: $featured-block-padding;
66
+ text-align: $featured-block-text-align;
67
+
68
+ &__column {
69
+ padding: $featured-block-column-padding;
70
+ }
71
+
72
+ &__title {
73
+ color: $featured-block-title-color;
74
+ font-size: $featured-block-title-font-size;
75
+ font-weight: $featured-block-title-font-weight;
76
+ line-height: $featured-block-title-line-height;
77
+ margin: $featured-block-title-margin;
78
+ }
79
+
80
+ &__subtitle {
81
+ color: $featured-block-subtitle-color;
82
+ font-size: $featured-block-subtitle-font-size;
83
+ font-weight: $featured-block-subtitle-font-weight;
84
+ line-height: $featured-block-subtitle-line-height;
85
+ margin: $featured-block-subtitle-margin;
86
+ text-align: $featured-block-subtitle-text-align;
87
+ }
88
+
89
+ &__description {
90
+ color: $featured-block-description-color;
91
+ font-size: $featured-block-description-font-size;
92
+ font-weight: $featured-block-description-font-weight;
93
+ line-height: $featured-block-description-line-height;
94
+ margin: $featured-block-description-margin;
95
+ text-align: $featured-block-description-text-align;
96
+ }
97
+
98
+ &__partners {
99
+ margin: $featured-block-partner-margin;
100
+
101
+ img {
102
+ display: $featured-block-partner-img-display;
103
+ height: $featured-block-partner-img-height;
104
+ margin: $featured-block-partner-img-margin;
105
+ vertical-align: middle;
106
+ width: $featured-block-partner-img-width;
107
+ }
108
+ }
109
+
110
+ &__image {
111
+ img {
112
+ border-radius: $featured-block-img-border-radius;
113
+ display: $featured-block-img-display;
114
+ height: auto;
115
+ margin: $featured-block-img-margin;
116
+ max-width: $featured-block-img-max-width;
117
+ width: $featured-block-img-width;
118
+ }
119
+ }
120
+
121
+ &__btn {
122
+ display: $featured-block-btn-display;
123
+ margin: $featured-block-btn-margin;
124
+ max-width: $featured-block-btn-max-width;
125
+ }
126
+ }
127
+
128
+ .form-in-progress {
129
+ .featured-block {
130
+ display: $featured-block-inprogress-display;
131
+ }
132
+ }
133
+
134
+ @include breakpoint-md {
135
+ .featured-block {
136
+ padding: $featured-block-padding-tablet;
137
+
138
+ &__content {
139
+ margin: 0 auto;
140
+ max-width: $featured-block-content-max-width-tablet;
141
+ }
142
+ &__title {
143
+ font-size: $featured-block-title-font-size-desktop;
144
+ }
145
+
146
+ &__subtitle {
147
+ font-size: $featured-block-subtitle-font-size-desktop;
148
+ }
149
+
150
+ &__description {
151
+ font-size: $featured-block-description-font-size-desktop;
152
+ }
153
+
154
+ &--flex-md {
155
+ text-align: $featured-block-text-align;
156
+
157
+ .featured-block {
158
+ &__content {
159
+ align-items: $featured-block-content-align-items;
160
+ display: $featured-block-content-display;
161
+ justify-content: $featured-block-content-justify-content;
162
+ margin: $featured-block-content-margin;
163
+ max-width: $featured-block-content-max-width-desktop;
164
+ }
165
+
166
+ &__column {
167
+ flex: $featured-block-column-left-flex-desktop;
168
+
169
+ ~ .featured-block__column {
170
+ flex: $featured-block-column-right-flex-desktop;
171
+ }
172
+ }
173
+
174
+ &__image {
175
+ img {
176
+ margin: $featured-block-img-margin-desktop;
177
+ }
178
+ }
179
+
180
+ &__btn {
181
+ margin: $featured-block-btn-margin-desktop;
182
+ }
183
+ }
184
+ }
185
+ }
186
+ }
187
+
188
+ @include breakpoint-lg {
189
+ .featured-block {
190
+ padding: $featured-block-padding-desktop;
191
+ text-align: $featured-block-text-align-desktop;
192
+
193
+ &__content {
194
+ align-items: $featured-block-content-align-items;
195
+ display: $featured-block-content-display;
196
+ justify-content: $featured-block-content-justify-content;
197
+ margin: $featured-block-content-margin;
198
+ max-width: $featured-block-content-max-width-desktop;
199
+ }
200
+
201
+ &__column {
202
+ flex: $featured-block-column-left-flex-desktop;
203
+
204
+ ~ .featured-block__column {
205
+ flex: $featured-block-column-right-flex-desktop;
206
+ }
207
+ }
208
+
209
+ &__image {
210
+ img {
211
+ margin: $featured-block-img-margin-desktop;
212
+ }
213
+ }
214
+
215
+ &__btn {
216
+ margin: $featured-block-btn-margin-desktop;
217
+ }
218
+ }
219
+ }
@@ -0,0 +1,54 @@
1
+ <section class="featured-block{{#xif 'this.block.attributes && this.block.attributes.class'}} {{this.block.attributes.class}}{{/xif}}" {{{addAttributes this.block 'class'}}}>
2
+ <div class="featured-block__container container">
3
+ {{#if this.block.title}}
4
+ <h2 class="featured-block__title{{#xif 'this.block.title.attributes && this.block.title.attributes.class'}} {{this.block.title.attributes.class}}{{/xif}}" {{{addAttributes this.block.title 'class'}}}>{{{this.block.title.text}}}</h2>
5
+ {{/if}}
6
+ {{#xif "this.block.columns.length > 1"}}<div class="featured-block__content row">{{/xif}}
7
+ {{#each this.block.columns}}
8
+ <div class="featured-block__column{{#xif 'this.attributes && this.attributes.class'}} {{this.attributes.class}}{{/xif}}" {{{addAttributes this 'class'}}}>
9
+ {{#if this.title}}
10
+ <h2 class="featured-block__title{{#xif 'this.title.attributes && this.title.attributes.class'}} {{this.title.attributes.class}}{{/xif}}" {{{addAttributes this.title 'class'}}}>{{{this.title.text}}}</h2>
11
+ {{/if}}
12
+ {{#if this.subtitle}}
13
+ <p class="featured-block__subtitle{{#xif 'this.subtitle.attributes && this.subtitle.attributes.class'}} {{this.subtitle.attributes.class}}{{/xif}}" {{{addAttributes this.subtitle 'class'}}}>{{{this.subtitle.text}}}</p>
14
+ {{/if}}
15
+ {{#if this.description}}
16
+ {{#unless this.description.placeUnderLogos}}
17
+ <p class="featured-block__description{{#xif 'this.description.attributes && this.description.attributes.class'}} {{this.description.attributes.class}}{{/xif}}" {{{addAttributes this.description 'class'}}}>{{{this.description.text}}}</p>
18
+ {{/unless}}
19
+ {{/if}}
20
+ {{#if this.picture}}
21
+ <div class="featured-block__image">
22
+ {{ fileInclude 'src/accessible-components/picture/picture.html'
23
+ picture = this.picture
24
+ }}
25
+ </div>
26
+ {{/if}}
27
+ {{#if this.customContentTemplate}}
28
+ {{ fileInclude this.customContentTemplate
29
+ content = this
30
+ }}
31
+ {{/if}}
32
+ {{#if this.featuredPartnerLogos}}
33
+ <div class="featured-block__partners">
34
+ {{#each this.featuredPartnerLogos}}
35
+ {{ fileInclude 'src/accessible-components/picture/picture.html'
36
+ picture = this.picture
37
+ }}
38
+ {{/each}}
39
+ </div>
40
+ {{/if}}
41
+ {{#if this.description.placeUnderLogos}}
42
+ <p class="featured-block__description{{#xif 'this.description.attributes && this.description.attributes.class'}} {{this.description.attributes.class}}{{/xif}}" {{{addAttributes this.description 'class'}}}>{{{this.description.text}}}</p>
43
+ {{/if}}
44
+ {{#if this.button}}
45
+ {{ fileInclude 'src/accessible-components/button/button.html'
46
+ button = this.button
47
+ class = 'featured-block__btn'
48
+ }}
49
+ {{/if}}
50
+ </div>
51
+ {{/each}}
52
+ {{#xif "this.block.columns.length > 1"}}</div>{{/xif}}
53
+ </div>
54
+ </section>
@@ -0,0 +1,92 @@
1
+ {{#unless this.page.footAssetsConfig.disableJquery}}
2
+ <!-- build:js {{#if this.buildRootPath}}{{this.buildRootPath}}{{else}}{{#unless this.useRelativeBuildPath}}/{{/unless}}{{/if}}scripts/vendor/jquery.js -->
3
+ <script src="{{#if this.nodeModulesPath}}{{this.nodeModulesPath}}{{/if}}node_modules/jquery/dist/jquery.js" {{#if this.page.footAssetsConfig.deferJquery}}defer{{/if}} {{#if this.page.footAssetsConfig.asyncJquery}}async{{/if}}></script>
4
+ <!-- endbuild -->
5
+ {{/unless}}
6
+
7
+ {{#unless this.page.footAssetsConfig.disableModUtils}}
8
+ <script src="https://{{nodeEnv}}/quote/resources/mod-utils/modutils.min.js" {{#if this.page.footAssetsConfig.deferModUtils}}defer{{/if}} {{#if this.page.footAssetsConfig.asyncModUtils}}async{{/if}}></script>
9
+ {{/unless}}
10
+
11
+ <!-- load additionalAssets only from node_modules -->
12
+ {{#if page.footAssetsConfig.additionalAssets}}
13
+ {{#each page.footAssetsConfig.additionalAssets}}
14
+ {{#xif "!this.bundleInAllJSChunk && this.isNodeModule"}}
15
+ <!-- build:js {{#if this.buildPath}}{{this.buildPath}}{{else}}{{#unless ../this.useRelativeBuildPath}}/{{/unless}}scripts/vendor{{/if}}/{{this.chunkName}} -->
16
+ <script src="{{#if ../this.nodeModulesPath}}{{../this.nodeModulesPath}}{{/if}}node_modules/{{this.src}}" {{#if this.defer}}defer{{/if}} {{#if this.async}}async{{/if}}></script>
17
+ <!-- endbuild -->
18
+ {{/xif}}
19
+ {{/each}}
20
+ {{/if}}
21
+
22
+ {{#unless this.page.footAssetsConfig.disableModCarousel}}
23
+ <script src="{{#if this.nodeModulesPath}}{{this.nodeModulesPath}}{{else}}{{#unless this.useRelativeBuildPath}}/{{/unless}}{{/if}}shared-components/carousel/carousel.min.js" {{#if this.page.footAssetsConfig.deferModCarousel}}defer{{/if}} {{#if this.page.footAssetsConfig.asyncModCarousel}}async{{/if}}></script>
24
+ {{/unless}}
25
+
26
+ <!-- load additionalAssets from site-level, CDN or third party CDN -->
27
+ {{#if page.footAssetsConfig.additionalAssets}}
28
+ {{#each page.footAssetsConfig.additionalAssets}}
29
+ {{#xif "!this.bundleInAllJSChunk && !this.isNodeModule"}}
30
+ <script src="
31
+ {{#if ../this.isLocal}}
32
+ {{#if this.localSrc}}
33
+ {{this.localSrc}}
34
+ {{else}}
35
+ {{#if this.useModCdn}}
36
+ https://{{../nodeEnv}}/{{this.src}}
37
+ {{else}}
38
+ {{this.src}}
39
+ {{/if}}
40
+ {{/if}}
41
+ {{else}}
42
+ {{#if this.useModCdn}}
43
+ https://{{../nodeEnv}}/{{this.src}}
44
+ {{else}}
45
+ {{this.src}}
46
+ {{/if}}
47
+ {{/if}}" {{#if this.defer}}defer{{/if}} {{#if this.async}}async{{/if}}></script>
48
+ {{/xif}}
49
+ {{/each}}
50
+ {{/if}}
51
+
52
+ {{#unless this.page.footAssetsConfig.disableProgressBarJS}}
53
+ <script src="/accessible-components/progress-bar/progress-bar.js" defer></script>
54
+ {{/unless}}
55
+
56
+ {{#unless this.page.footAssetsConfig.disableExpandCollapse}}
57
+ <script src="/accessible-components/expand-collapse/expand-collapse.js" defer></script>
58
+ {{/unless}}
59
+
60
+ {{#xif "(this.includeModFormIncludes || (this.path !== 'thankyou' && this.path !== 'sorry'))" }}
61
+ {{#unless this.page.footAssetsConfig.disableNewModForm}}
62
+ <script src="https://{{nodeEnv}}/quote/resources/mod-form/form/homeowner.min.js" {{#if this.page.footAssetsConfig.deferNewModForm}}defer{{/if}} {{#if this.page.footAssetsConfig.asyncNewModForm}}async{{/if}}></script>
63
+ {{/unless}}
64
+ {{/xif}}
65
+
66
+ <!-- QS white label assets -->
67
+ {{#xif "this.path !== 'thankyou' && this.path !== 'sorry' && this.isQSPage === true" }}
68
+ <!-- build:js(src) {{#if this.buildRootPath}}{{this.buildRootPath}}{{else}}{{#unless this.useRelativeBuildPath}}/{{/unless}}{{/if}}scripts/components/all.js -->
69
+ {{#unless this.page.footAssetsConfig.disableFormJs}}
70
+ <script src="/scripts/components/form.js" defer></script>
71
+ {{/unless}}
72
+ {{#if page.footAssetsConfig.additionalAssets}}
73
+ {{#each page.footAssetsConfig.additionalAssets}}
74
+ {{#xif "this.bundleInAllJSChunk && !this.isNodeModule"}}
75
+ <script src="{{this.src}}" {{#if this.defer}}defer{{/if}} {{#if this.async}}async{{/if}}></script>
76
+ {{/xif}}
77
+ {{/each}}
78
+ {{/if}}
79
+ <!-- endbuild -->
80
+ {{/xif}}
81
+
82
+ {{#if this.path}}
83
+ <script src="{{#if this.src}}{{this.src}}{{else}}scripts{{/if}}/{{this.path}}.js" defer></script>
84
+ {{/if}}
85
+
86
+ {{#unless this.page.footAssetsConfig.disableFooter}}
87
+ <script src="https://{{nodeEnv}}/quote/resources/shared-resources/scripts/footer/footer-component.min.js" data-type="{{#if isQSPage}}qs{{else}}mod{{/if}}" async defer></script>
88
+ {{/unless}}
89
+
90
+ {{#if this.page.footAssetsConfig.devOpsTrackingId}}
91
+ <!-- {{uppercase this.page.footAssetsConfig.devOpsTrackingId}} -->
92
+ {{/if}}
@@ -0,0 +1,2 @@
1
+ <div id="footer-component" {{#if this.footer}}{{{addAttributes this.footer}}}{{/if}}></div>
2
+ {{{jsonVarScriptTag this.siteData 'siteData'}}}
@@ -1,5 +1,4 @@
1
1
  <!-- Google Tag Manager (noscript) -->
2
- <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WPXKC8"
2
+ <noscript><iframe src="https://www.googletagmanager.com/ns.html?id={{gtm_container_ID}}"
3
3
  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
4
4
  <!-- End Google Tag Manager (noscript) -->
5
-
@@ -0,0 +1,188 @@
1
+ <head>
2
+ {{#if page.headConfig.useDynamicGtm}}
3
+ <script>
4
+ {{ fileInclude 'node_modules/mod-build/src/scripts/has-qs-params.js' }}
5
+ var gtm_container_ID = window.isQSPage ? '{{qs_gtm_container_ID}}' : '{{gtm_container_ID}}';
6
+ </script>
7
+ {{/if}}
8
+
9
+ <!-- assets links afterBegin -->
10
+ {{#if page.headConfig.useModAnalytics}}
11
+ <script src="https://{{nodeEnv}}/quote/resources/mod-alytics/modalytics.min.js" {{#if page.headConfig.deferModAnalytics}}defer{{/if}} {{#if page.headConfig.asyncModAnalytics}}async{{/if}}></script>
12
+ {{/if}}
13
+
14
+ {{#if page.headConfig.additionalAssets.afterBegin}}
15
+ {{#each page.headConfig.additionalAssets.afterBegin}}
16
+ {{#xif "this.type === 'style' "}}
17
+ <link href="{{#if isLocal}}
18
+ {{#if this.localSrc}}
19
+ {{this.localSrc}}
20
+ {{else}}
21
+ {{#if this.useModCdn}}
22
+ https://{{../nodeEnv}}/{{this.src}}
23
+ {{else}}
24
+ {{this.src}}
25
+ {{/if}}
26
+ {{/if}}
27
+ {{else}}
28
+ {{#if this.useModCdn}}
29
+ https://{{../nodeEnv}}/{{this.src}}
30
+ {{else}}
31
+ {{this.src}}
32
+ {{/if}}
33
+ {{/if}}" rel="stylesheet" type="text/css" />
34
+ {{/xif}}
35
+ {{#xif "this.type === 'script' "}}
36
+ <script
37
+ src="{{#if isLocal}}
38
+ {{#if this.localSrc}}
39
+ {{this.localSrc}}
40
+ {{else}}
41
+ {{#if this.useModCdn}}
42
+ https://{{../nodeEnv}}/{{this.src}}
43
+ {{else}}
44
+ {{this.src}}
45
+ {{/if}}
46
+ {{/if}}
47
+ {{else}}
48
+ {{#if this.useModCdn}}
49
+ https://{{../nodeEnv}}/{{this.src}}
50
+ {{else}}
51
+ {{this.src}}
52
+ {{/if}}
53
+ {{/if}}"
54
+ {{#if this.defer}}defer{{/if}}
55
+ {{#if this.async}}async{{/if}}
56
+ ></script>
57
+ {{/xif}}
58
+ {{/each}}
59
+ {{/if}}
60
+
61
+ <!-- Include vwo setup -->
62
+ {{#xif "this.page.headConfig.vwoSetup.vwoPathArray.indexOf(this.path) > -1" }}
63
+ <link rel="preconnect" href="https://dev.visualwebsiteoptimizer.com">
64
+ <!-- Do not double hit our analytical resources (Heap/Google Analytics) if the page is going to be redirected by a VWO a/b test-->
65
+ {{ fileInclude 'node_modules/mod-build/src/templates/_partials/scripts/vwo-redirect-callback.html'
66
+ nogtm = true
67
+ noheap = true
68
+ }}
69
+ {{else}}
70
+ {{ fileInclude 'node_modules/mod-build/src/templates/_partials/scripts/analytics.html'
71
+ nogtm = true
72
+ noheap = true
73
+ }}
74
+ {{/xif}}
75
+
76
+
77
+ <!-- meta tags -->
78
+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
79
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
80
+ <meta name="viewport" content="initial-scale=1.0, width=device-width" />
81
+
82
+ {{#unless page.headConfig.disableRobots}}
83
+ <meta name="robots" content="{{#if page.headConfig.robotsCsv}}{{page.headConfig.robotsCsv}}{{else}}noindex,nofollow{{/if}}"/>
84
+ {{/unless}}
85
+
86
+ {{#unless page.headConfig.disableOgTags}}
87
+ <meta property="og:title" content="{{page.headConfig.title}}" />
88
+ <meta property="og:description" content="{{page.headConfig.description}}" />
89
+ {{/unless}}
90
+
91
+ <meta name="description" property="description" content="{{page.headConfig.description}}" />
92
+ <meta name="keywords" property="keywords" content="{{page.headConfig.keywords}}" />
93
+
94
+ <!-- preconnect google fonts -->
95
+ <link rel="preconnect" href="https://fonts.googleapis.com">
96
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
97
+ {{#if page.headConfig.preConnect}}
98
+ {{#each page.headConfig.preConnect}}
99
+ <link
100
+ {{#if this.rel}}rel="{{this.rel}}"{{/if}}
101
+ {{#if this.href}}href="{{this.href}}"{{/if}}
102
+ {{#if this.as}}as="{{this.as}}"{{/if}}
103
+ {{#if this.crossorigin}}crossorigin="{{this.crossorigin}}"{{/if}}
104
+ {{#if this.media}}media="{{this.media}}"{{/if}}
105
+ {{#if this.type}}type="{{this.type}}"{{/if}}
106
+ {{#if this.fetchpriority}}fetchpriority="{{this.fetchpriority}}"{{/if}}
107
+ >
108
+ {{/each}}
109
+ {{/if}}
110
+ <!-- site title -->
111
+ <title>
112
+ {{#if page.headConfig.inverseTitle}}
113
+ {{#unless page.headConfig.hideTitleCompanyName}}{{company_name}} | {{/unless}}
114
+ {{#if this.pageTitle}}
115
+ {{this.pageTitle}}
116
+ {{else}}
117
+ {{#if page.headConfig.title}}
118
+ {{page.headConfig.title}}
119
+ {{/if}}
120
+ {{/if}}
121
+ {{else}}
122
+ {{#if this.pageTitle}}
123
+ {{this.pageTitle}}
124
+ {{else}}
125
+ {{#if page.headConfig.title}}
126
+ {{page.headConfig.title}}
127
+ {{/if}}
128
+ {{/if}}
129
+ {{#unless page.headConfig.hideTitleCompanyName}} | {{company_name}}{{/unless}}
130
+ {{/if}}
131
+ </title>
132
+
133
+ {{#if page.headConfig.faviconPath}}
134
+ <!-- favicon link -->
135
+ <link href="{{page.headConfig.faviconPath}}" rel="shortcut icon" type="image/x-icon" />
136
+ {{/if}}
137
+
138
+ <!-- assets links beforeEnd -->
139
+ {{#unless page.headConfig.noBsBaseStyles}}
140
+ <link href="{{#if this.src}}{{this.src}}{{else}}{{#unless this.useRelativePath}}/{{/unless}}{{/if}}styles/vendor/bootstrap-base.css" rel="stylesheet" type="text/css" />
141
+ {{/unless}}
142
+
143
+ {{#if page.headConfig.additionalAssets.beforeEnd}}
144
+ {{#each page.headConfig.additionalAssets.beforeEnd}}
145
+ {{#xif "this.type === 'style' "}}
146
+ <link href="{{#if isLocal}}
147
+ {{#if this.localSrc}}
148
+ {{this.localSrc}}
149
+ {{else}}
150
+ {{#if this.useModCdn}}
151
+ https://{{../nodeEnv}}/{{this.src}}
152
+ {{else}}
153
+ {{this.src}}
154
+ {{/if}}
155
+ {{/if}}
156
+ {{else}}
157
+ {{#if this.useModCdn}}
158
+ https://{{../nodeEnv}}/{{this.src}}
159
+ {{else}}
160
+ {{this.src}}
161
+ {{/if}}
162
+ {{/if}}" rel="stylesheet" type="text/css" />
163
+ {{/xif}}
164
+ {{#xif "this.type === 'script' "}}
165
+ <script src="{{#if isLocal}}
166
+ {{#if this.localSrc}}
167
+ {{this.localSrc}}
168
+ {{else}}
169
+ {{#if this.useModCdn}}
170
+ https://{{../nodeEnv}}/{{this.src}}
171
+ {{else}}
172
+ {{this.src}}
173
+ {{/if}}
174
+ {{/if}}
175
+ {{else}}
176
+ {{#if this.useModCdn}}
177
+ https://{{../nodeEnv}}/{{this.src}}
178
+ {{else}}
179
+ {{this.src}}
180
+ {{/if}}
181
+ {{/if}}" {{#if this.defer}}defer{{/if}} {{#if this.async}}async{{/if}}></script>
182
+ {{/xif}}
183
+ {{/each}}
184
+ {{/if}}
185
+
186
+ <!-- load styles based on path name -->
187
+ <link href="{{#if this.src}}{{this.src}}{{else}}{{#unless this.useRelativePath}}/{{/unless}}{{/if}}styles/{{this.path}}.css" rel="stylesheet" type="text/css" />
188
+ </head>