npm - mod-build - Versions diffs - 4.0.0 → 4.0.1-beta.2 - Mend

mod-build 4.0.0 → 4.0.1-beta.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 (165) hide show

package/src/shared-components/head/head.html DELETED Viewed

@@ -1,192 +0,0 @@
-<head>
-	{{#if page.headConfig.useDynamicGtm}}
-		<script>
-			{{ fileInclude 'node_modules/mod-build/src/scripts/has-qs-params.js' }}
-			var gtm_container_ID = window.isQSPage ? '{{qs_gtm_container_ID}}' : '{{gtm_container_ID}}';
-		</script>
-	{{/if}}
-	<!-- assets links afterBegin -->
-	{{#if page.headConfig.useModAnalytics}}
-		<script src="https://{{nodeEnv}}/quote/resources/mod-alytics/modalytics.min.js" {{#if page.headConfig.deferModAnalytics}}defer{{/if}} {{#if page.headConfig.asyncModAnalytics}}async{{/if}}></script>
-	{{/if}}
-	{{#if page.headConfig.additionalAssets.afterBegin}}
-		{{#each page.headConfig.additionalAssets.afterBegin}}
-			{{#xif "this.type === 'style' "}}
-				<link href="{{#if isLocal}}
-					{{#if this.localSrc}}
-						{{this.localSrc}}
-					{{else}}
-						{{#if this.useModCdn}}
-							https://{{../nodeEnv}}/{{this.src}}
-						{{else}}
-							{{this.src}}
-						{{/if}}
-					{{/if}}
-				{{else}}
-					{{#if this.useModCdn}}
-						https://{{../nodeEnv}}/{{this.src}}
-					{{else}}
-						{{this.src}}
-					{{/if}}
-				{{/if}}" rel="stylesheet" type="text/css" />
-			{{/xif}}
-			{{#xif "this.type === 'script' "}}
-				<script
-				src="{{#if isLocal}}
-					{{#if this.localSrc}}
-						{{this.localSrc}}
-					{{else}}
-						{{#if this.useModCdn}}
-							https://{{../nodeEnv}}/{{this.src}}
-						{{else}}
-							{{this.src}}
-						{{/if}}
-					{{/if}}
-				{{else}}
-					{{#if this.useModCdn}}
-						https://{{../nodeEnv}}/{{this.src}}
-					{{else}}
-						{{this.src}}
-					{{/if}}
-				{{/if}}"
-				{{#if this.defer}}defer{{/if}}
-				{{#if this.async}}async{{/if}}
-				></script>
-			{{/xif}}
-		{{/each}}
-	{{/if}}
-	<!-- Include vwo setup -->
-	{{#xif "this.page.headConfig.vwoSetup.vwoPathArray.indexOf(this.path) > -1" }}
-		<link rel="preconnect" href="https://dev.visualwebsiteoptimizer.com">
-		<!-- Do not double hit our analytical resources (Heap/Google Analytics) if the page is going to be redirected by a VWO a/b test-->
-		{{ fileInclude 'node_modules/mod-build/src/templates/_partials/scripts/vwo-redirect-callback.html'
-			nogtm = true
-			noheap = true
-		}}
-	{{else}}
-		{{ fileInclude 'node_modules/mod-build/src/templates/_partials/scripts/analytics.html'
-			nogtm = true
-			noheap = true
-		}}
-	{{/xif}}
-	<!-- meta tags -->
-	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
-	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-	<meta name="viewport" content="initial-scale=1.0, width=device-width" />
-	{{#unless page.headConfig.disableRobots}}
-		<meta name="robots" content="{{#if page.headConfig.robotsCsv}}{{page.headConfig.robotsCsv}}{{else}}noindex,nofollow{{/if}}"/>
-	{{/unless}}
-	{{#unless page.headConfig.disableOgTags}}
-		<meta property="og:title" content="{{page.headConfig.title}}" />
-		<meta property="og:description" content="{{page.headConfig.description}}" />
-	{{/unless}}
-	<meta name="description" property="description" content="{{#if this.customDescription}}{{this.customDescription}}{{else}}{{page.headConfig.description}}{{/if}}" />
-	<meta name="keywords" property="keywords" content="{{#if this.customKeywords}}{{this.customKeywords}}{{else}}{{page.headConfig.keywords}}{{/if}}" />
-	<!-- preconnect google fonts -->
-	<link rel="preconnect" href="https://fonts.googleapis.com">
-	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-	{{#if page.headConfig.preConnect}}
-		{{#each page.headConfig.preConnect}}
-			<link
-			{{#if this.rel}}rel="{{this.rel}}"{{/if}}
-			{{#if this.href}}href="{{this.href}}"{{/if}}
-			{{#if this.as}}as="{{this.as}}"{{/if}}
-			{{#if this.crossorigin}}crossorigin="{{this.crossorigin}}"{{/if}}
-			{{#if this.media}}media="{{this.media}}"{{/if}}
-			{{#if this.type}}type="{{this.type}}"{{/if}}
-			{{#if this.fetchpriority}}fetchpriority="{{this.fetchpriority}}"{{/if}}
-			>
-		{{/each}}
-	{{/if}}
-	<!-- site title -->
-	{{#if this.customTitle}}
-		<title>{{{this.customTitle}}}</title>
-	{{else}}
-		<title>
-			{{#if page.headConfig.inverseTitle}}
-				{{#unless page.headConfig.hideTitleCompanyName}}{{company_name}} | {{/unless}}
-				{{#if this.pageTitle}}
-					{{this.pageTitle}}
-				{{else}}
-					{{#if page.headConfig.title}}
-						{{page.headConfig.title}}
-					{{/if}}
-				{{/if}}
-			{{else}}
-				{{#if this.pageTitle}}
-					{{this.pageTitle}}
-				{{else}}
-					{{#if page.headConfig.title}}
-						{{page.headConfig.title}}
-					{{/if}}
-				{{/if}}
-				{{#unless page.headConfig.hideTitleCompanyName}} | {{company_name}}{{/unless}}
-			{{/if}}
-		</title>
-	{{/if}}
-	{{#if page.headConfig.faviconPath}}
-		<!-- favicon link -->
-		<link href="{{page.headConfig.faviconPath}}" rel="shortcut icon" type="image/x-icon" />
-	{{/if}}
-	<!-- assets links beforeEnd -->
-	{{#unless page.headConfig.noBsBaseStyles}}
-		<link href="{{#if this.src}}{{this.src}}{{else}}{{#unless this.useRelativePath}}/{{/unless}}{{/if}}styles/vendor/bootstrap-base.css" rel="stylesheet" type="text/css" />
-	{{/unless}}
-	{{#if page.headConfig.additionalAssets.beforeEnd}}
-		{{#each page.headConfig.additionalAssets.beforeEnd}}
-			{{#xif "this.type === 'style' "}}
-				<link href="{{#if isLocal}}
-					{{#if this.localSrc}}
-						{{this.localSrc}}
-					{{else}}
-						{{#if this.useModCdn}}
-							https://{{../nodeEnv}}/{{this.src}}
-						{{else}}
-							{{this.src}}
-						{{/if}}
-					{{/if}}
-				{{else}}
-					{{#if this.useModCdn}}
-						https://{{../nodeEnv}}/{{this.src}}
-					{{else}}
-						{{this.src}}
-					{{/if}}
-				{{/if}}" rel="stylesheet" type="text/css" />
-			{{/xif}}
-			{{#xif "this.type === 'script' "}}
-				<script src="{{#if isLocal}}
-					{{#if this.localSrc}}
-						{{this.localSrc}}
-					{{else}}
-						{{#if this.useModCdn}}
-							https://{{../nodeEnv}}/{{this.src}}
-						{{else}}
-							{{this.src}}
-						{{/if}}
-					{{/if}}
-				{{else}}
-					{{#if this.useModCdn}}
-						https://{{../nodeEnv}}/{{this.src}}
-					{{else}}
-						{{this.src}}
-					{{/if}}
-				{{/if}}" {{#if this.defer}}defer{{/if}} {{#if this.async}}async{{/if}}></script>
-			{{/xif}}
-		{{/each}}
-	{{/if}}
-	<!-- load styles based on path name -->
-	<link href="{{#if this.src}}{{this.src}}{{else}}{{#unless this.useRelativePath}}/{{/unless}}{{/if}}styles/{{this.path}}.css" rel="stylesheet" type="text/css" />
-</head>

package/src/shared-components/header/_header.scss DELETED Viewed

@@ -1,200 +0,0 @@
-$header-background-color: $color-white !default;
-$header-padding-desktop: 15px 0 !default;
-$header-padding-mobile: 8px 0 !default;
-$header-container-padding: 0 15px !default;
-$header-content-align-items: center !default;
-$header-content-display: flex !default;
-$header-content-justify-content-mobile: center !default;
-$header-content-justify-content-desktop: space-between !default;
-$header-logo-display: inline-block !default;
-$header-logo-height-desktop: 35px !default;
-$header-logo-width-desktop: 152px !default;
-$header-logo-margin-desktop: 0 !default;
-$header-logo-height-mobile: 25px !default;
-$header-logo-width-mobile: 112px !default;
-$header-logo-margin-mobile: $header-logo-margin-desktop !default;
-$header-back-button-background-color: transparent !default;
-$header-back-button-border-right: 1px solid $color-charcoal2 !default;
-$header-back-button-color: $color-charcoal2 !default;
-$header-back-button-font-size: 21px !default;
-$header-back-button-line-height: 1 !default;
-$header-back-button-padding: 0 20px !default;
-$header-show-button-button-flex: 0 15% !default;
-$header-show-button-logo-flex: 0 85% !default;
-$header-show-button-logo-margin: 20px 0 !default;
-$header-show-button-padding: 0 !default;
-$header-bbb-logo-height-desktop: 42px !default;
-$header-bbb-logo-width-desktop: 115px !default;
-$header-bbb-logo-height-mobile: 32px !default;
-$header-bbb-logo-width-mobile: 82.5px !default;
-$header-bbb-logo-display: inherit !default;
-$header-tagline-color: $color-white !default;
-$header-tagline-font-size: 18px !default;
-$header-tagline-font-weight: 700 !default;
-$callrail-display: none !default;
-$call-color: $color-black !default;
-$call-font-size: 18px !default;
-$call-font-weight: 500 !default;
-$call-number-font-weight: 600 !default;
-$call-link-color: inherit !default;
-$call-link-text-decoration: none !default;
-$call-icon-width: 12px !default;
-$call-icon-width-large: 20px !default;
-$call-button-align-self: center !default;
-$call-button-background-color: $color-white !default;
-$call-button-border: 1px solid $call-color !default;
-$call-button-border-radius: 15px !default;
-$call-button-color: $call-color !default;
-$call-button-font-size: 12px !default;
-$call-button-font-weight: $call-font-weight !default;
-$call-button-margin: 0 !default;
-$call-button-padding: 4px 14px !default;
-$call-button-text-transform: uppercase !default;
-.header {
-	background-color: $header-background-color;
-	padding: $header-padding-mobile;
-	.container {
-		padding: $header-container-padding;
-	}
-	&__content {
-		align-items: $header-content-align-items;
-		display: $header-content-display;
-		justify-content: $header-content-justify-content-mobile;
-	}
-	&__logo{
-		img, svg {
-			display: $header-logo-display;
-			height: $header-logo-height-mobile;
-			margin: $header-logo-margin-mobile;
-			width: $header-logo-width-mobile;
-		}
-	}
-	&__bbb-logo {
-		display: $header-bbb-logo-display;
-		height: $header-bbb-logo-height-mobile;
-		width: $header-bbb-logo-width-mobile;
-	}
-	&__back-button {
-		background-color: $header-back-button-background-color;
-		border: 0;
-		border-right: $header-back-button-border-right;
-		color: $header-back-button-color;
-		display: none;
-		font-size: $header-back-button-font-size;
-		line-height: $header-back-button-line-height;
-		padding: $header-back-button-padding;
-	}
-	&__tagline {
-		color: $header-tagline-color;
-		font-size: $header-tagline-font-size;
-		font-weight: $header-tagline-font-weight;
-	}
-	&__call {
-		color: $call-color;
-		font-size: $call-font-size;
-		font-weight: $call-font-weight;
-		.header__call-icon {
-			width: $call-icon-width-large;
-		}
-	}
-	&__call-link {
-		color: $call-link-color;
-		text-decoration: $call-link-text-decoration;
-	}
-	&__call-number {
-		font-weight: $call-number-font-weight;
-	}
-	&__call-icon {
-		width: $call-icon-width;
-	}
-	&__call-button {
-		align-self: $call-button-align-self;
-		background-color: $call-button-background-color;
-		border: $call-button-border;
-		border-radius: $call-button-border-radius;
-		color: $call-button-color;
-		font-size: $call-button-font-size;
-		font-weight: $call-button-font-weight;
-		margin: $call-button-margin;
-		padding: $call-button-padding;
-		text-transform: $call-button-text-transform;
-	}
-}
-.callNowControls {
-	display: $callrail-display;
-}
-@include breakpoint-phone {
-	.header {
-		&--transparent {
-			background-color: transparent;
-		}
-		&--show-back-button {
-			padding: $header-show-button-padding;
-			.header__content {
-				align-items: stretch;
-			}
-			.header__back-button {
-				display: block;
-				flex: $header-show-button-button-flex;
-			}
-			.header__logo {
-				flex: $header-show-button-logo-flex;
-				margin: $header-show-button-logo-margin;
-				text-align: center;
-			}
-		}
-	}
-}
-@include breakpoint-sm {
-	.header {
-		padding: $header-padding-desktop;
-		&__content {
-			justify-content: $header-content-justify-content-desktop;
-		}
-		&__back-button {
-			display: none;
-		}
-		&__logo {
-			img, svg {
-				height: $header-logo-height-desktop;
-				margin: $header-logo-margin-desktop;
-				width: $header-logo-width-desktop;
-			}
-		}
-		&__bbb-logo {
-			height: $header-bbb-logo-height-desktop;
-			width: $header-bbb-logo-width-desktop;
-		}
-	}
-}

package/src/shared-components/header/header.html DELETED Viewed

@@ -1,71 +0,0 @@
-<div class="header{{#if this.header.class}} {{this.header.class}}{{/if}}" {{#if this.header.id}}id="{{this.header.id}}"{{/if}}>
-    <div class="container">
-        <div class="header__content">
-			{{#xif "this.header.includeBackButton === true"}}
-			<button class="header__back-button" data-btn="back">
-				<i class="icon-caret-left">
-					<span class="visually-hidden">Back</span>
-				</i>
-			</button>
-			{{/xif}}
-			<div class="header__logo{{#if this.header.logo.class}} {{this.header.logo.class}}{{/if}}">
-				{{#xif "this.header.logo.tag === 'img'"}}
-					<img src="{{#if this.header.logo.localSrc}}{{this.header.logo.localSrc}}{{else}}https://{{x 'process.env.NODE_ENV'}}/quote/resources/assets/{{this.header.logo.src}}{{/if}}" alt="{{this.header.logo.altText}}">
-				{{/xif}}
-				{{#xif "this.header.logo.tag === 'picture'"}}
-					<picture>
-						<source media="{{#if this.header.logo.media}}{{this.header.logo.media}}{{/if}}" srcset="{{#if this.header.logo.localSrcset}}{{this.header.logo.localSrcset}}{{else}}https://{{x 'process.env.NODE_ENV'}}/quote/resources/assets/{{this.header.logo.srcset}}{{/if}}" {{{this.header.logo.pictureSourceAttributes}}}>
-						<img src="{{#if this.header.logo.localSrc}}{{this.header.logo.localSrc}}{{else}}https://{{x 'process.env.NODE_ENV'}}/quote/resources/assets/{{this.header.logo.src}}{{/if}}" alt="{{this.header.logo.altText}}">
-					</picture>
-				{{/xif}}
-				{{#xif "this.header.logo.tag === 'svg'"}}
-					<svg>
-						<use href="{{#if this.header.logo.localSrc}}{{this.header.logo.localSrc}}{{else}}https://{{x 'process.env.NODE_ENV'}}/quote/resources/assets/{{this.header.logo.src}}{{/if}}"></use>
-					</svg>
-				{{/xif}}
-			</div>
-			{{#if this.header.callRail}}
-			<div class="header__call callNowControls{{#if this.header.callRail.showButtonOn}}{{#each this.header.callRail.showButtonOn}} hidden-{{this}} {{/each}}{{else}} hidden-xs hidden-sm{{/if}}">
-				{{#if this.header.callRail.icon}}
-					<img src="{{#if this.header.callRail.icon.localSrc}}{{this.header.callRail.icon.localSrc}}{{else}}https://{{x 'process.env.NODE_ENV'}}/quote/resources/assets/{{this.header.callRail.icon.src}}{{/if}}" class="header__call-icon" alt="{{this.header.callRail.icon.altText}}">
-				{{/if}}
-				{{#xif "this.header.callRail.setAllTextAsLink === true"}}
-					<a class="header__call-link" href="tel:{{this.header.callRail.phoneNumber}}">{{{this.header.callRail.text}}} <span class="header__call-number">{{formatPhoneNo this.header.callRail.phoneNumber}}</span></a>
-				{{else}}
-					{{{this.header.callRail.text}}}
-					{{#xif "this.header.callRail.setNumberAsLink === true"}}
-						<a class="header__call-link" href="tel:{{this.header.callRail.phoneNumber}}"><span class="header__call-number">{{formatPhoneNo this.header.callRail.phoneNumber}}</span></a>
-					{{else}}
-						<span class="header__call-number">{{formatPhoneNo this.header.callRail.phoneNumber}}</span>
-					{{/xif}}
-				{{/xif}}
-			</div>
-			<{{#if this.header.callRail.useAnchorButton}}a{{else}}button{{/if}} class="header__call-button callNowControls{{#if this.header.callRail.hideButtonOn}}{{#each this.header.callRail.hideButtonOn}} hidden-{{this}} {{/each}}{{else}} hidden-md hidden-lg{{/if}}" href="tel:{{this.header.callRail.phoneNumber}}">
-				{{#if this.header.callRail.icon}}
-					<img src="{{#if this.header.callRail.icon.localSrc}}{{this.header.callRail.icon.localSrc}}{{else}}https://{{x 'process.env.NODE_ENV'}}/quote/resources/assets/{{this.header.callRail.icon.src}}{{/if}}" class="header__call-icon" alt="{{this.header.callRail.icon.altText}}">
-				{{/if}}
-				{{{this.header.callRail.mobileText}}}
-			</{{#if this.header.callRail.useAnchorButton}}a{{else}}button{{/if}}>
-			{{/if}}
-			{{#if this.header.additionalLogos}}
-			<div class="header__additional-logos">
-				{{#each this.header.additionalLogos}}
-					{{#xif "this.tag === 'svg'"}}
-						<svg {{#if this.class}}class="{{this.class}}"{{/if}}>
-							<use href="{{#if this.localSrc}}{{this.localSrc}}{{else}}https://{{x 'process.env.NODE_ENV'}}/quote/resources/assets/{{this.src}}{{/if}}"></use>
-						</svg>
-					{{else}}
-						<img {{#if this.class}}class="{{this.class}}"{{/if}} src="{{#if this.localSrc}}{{this.localSrc}}{{else}}https://{{x 'process.env.NODE_ENV'}}/quote/resources/assets/{{this.src}}{{/if}}" alt="{{this.altText}}"{{#if this.width}} width="{{this.width}}"{{/if}}{{#if this.height}} height="{{this.height}}"{{/if}}>
-					{{/xif}}
-				{{/each}}
-			</div>
-			{{/if}}
-			{{#if this.header.tagline.text}}
-			<div class="header__tagline{{#if this.header.tagline.class}} {{this.header.tagline.class}}{{/if}}">
-				{{{this.header.tagline.text}}}
-			</div>
-			{{/if}}
-        </div>
-    </div>
-</div>