@appdirect/sfb-theme-plaza 0.0.1

package/assets/css/theme/mixins/_grid-framework.scss

@@ -0,0 +1,67 @@
+// Framework grid generation
+//
+// Used only by Bootstrap to generate the correct number of grid classes given
+// any value of `$grid-columns`.
+
+@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {
+  // Common properties for all breakpoints
+  %grid-column {
+    position: relative;
+    width: 100%;
+    min-height: 1px; // Prevent columns from collapsing when empty
+    padding-right: calc($gutter / 2);
+    padding-left: calc($gutter / 2);
+  }
+
+  @each $breakpoint in map-keys($breakpoints) {
+    $infix: breakpoint-infix($breakpoint, $breakpoints);
+
+    // Allow columns to stretch full width below their breakpoints
+    @for $i from 1 through $columns {
+      .col#{$infix}-#{$i} {
+        @extend %grid-column;
+      }
+    }
+    .col#{$infix},
+    .col#{$infix}-auto {
+      @extend %grid-column;
+    }
+
+    @include media-breakpoint-up($breakpoint, $breakpoints) {
+      // Provide basic `.col-{bp}` classes for equal-width flexbox columns
+      .col#{$infix} {
+        flex-basis: 0;
+        flex-grow: 1;
+        max-width: 100%;
+      }
+      .col#{$infix}-auto {
+        flex: 0 0 auto;
+        width: auto;
+        max-width: none; // Reset earlier grid tiers
+      }
+
+      @for $i from 1 through $columns {
+        .col#{$infix}-#{$i} {
+          @include make-col($i, $columns);
+        }
+      }
+
+      .order#{$infix}-first { order: -1; }
+
+      .order#{$infix}-last { order: $columns + 1; }
+
+      @for $i from 0 through $columns {
+        .order#{$infix}-#{$i} { order: $i; }
+      }
+
+      // `$columns - 1` because offsetting by the width of an entire row isn't possible
+      @for $i from 0 through ($columns - 1) {
+        @if not ($infix == "" and $i == 0) { // Avoid emitting useless .offset-0
+          .offset#{$infix}-#{$i} {
+            @include make-col-offset($i, $columns);
+          }
+        }
+      }
+    }
+  }
+}

package/assets/css/theme/mixins/_grid.scss

@@ -0,0 +1,52 @@
+/// Grid system
+//
+// Generate semantic grid columns with these mixins.
+
+@mixin make-container() {
+  width: 100%;
+  padding-right: calc($grid-gutter-width / 2);
+  padding-left: calc($grid-gutter-width / 2);
+  margin-right: auto;
+  margin-left: auto;
+}
+
+
+// For each breakpoint, define the maximum width of the container in a media query
+@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {
+  @each $breakpoint, $container-max-width in $max-widths {
+    @include media-breakpoint-up($breakpoint, $breakpoints) {
+      max-width: $container-max-width;
+    }
+  }
+}
+
+@mixin make-row() {
+  display: flex;
+  flex-wrap: wrap;
+  margin-right: calc($grid-gutter-width / -2);
+  margin-left: calc($grid-gutter-width / -2);
+}
+
+@mixin make-col-ready() {
+  position: relative;
+  // Prevent columns from becoming too narrow when at smaller grid tiers by
+  // always setting `width: 100%;`. This works because we use `flex` values
+  // later on to override this initial width.
+  width: 100%;
+  min-height: 1px; // Prevent collapsing
+  padding-right: calc($grid-gutter-width / 2);
+  padding-left: calc($grid-gutter-width / 2);
+}
+
+@mixin make-col($size, $columns: $grid-columns) {
+  flex: 0 0 percentage(calc($size / $columns));
+  // Add a `max-width` to ensure content within each column does not blow out
+  // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari
+  // do not appear to require this.
+  max-width: percentage(calc($size / $columns));
+}
+
+@mixin make-col-offset($size, $columns: $grid-columns) {
+  $num: calc($size / $columns);
+  margin-left: if($num == 0, 0, percentage($num));
+}

package/assets/css/theme/mixins/_scroll-button.scss

@@ -0,0 +1,17 @@
+@import '../grid/variables';
+
+@function get-page-container-spacing($container-width, $grid-gutter-width: 28px) {
+  @return calc((100vw - (#{$container-width} - #{$grid-gutter-width})) / 2);
+}
+
+@mixin scroll-button-offset-position {
+  $button-offset: 15px;
+
+  @each $breakpoint, $container-max-width in $container-max-widths {
+    @include media-breakpoint-up($breakpoint, $grid-breakpoints) {
+      $page-container-spacing: get-page-container-spacing($container-max-width);
+  
+      margin-right: calc(#{$page-container-spacing} * -1 + #{$button-offset});
+    }
+  }
+}

package/assets/css/theme/pages/_bundle.scss

@@ -0,0 +1,10 @@
+.product-bundle {
+	$spacing-top: 42px;
+	$spacing-mobile-top: 30px;
+
+	margin-top: $spacing-mobile-top;
+
+    @include media-breakpoint-up(lg) {
+		margin-top: $spacing-top;
+    }
+}

package/assets/css/theme/pages/_listing.scss

@@ -0,0 +1,3 @@
+.listing-page {
+    margin-top: 20px;
+}

package/assets/css/theme/pages/_product.scss

@@ -0,0 +1,3 @@
+.profile-region{
+    background-color: var(--pageBackground, #fff);
+}

package/assets/css/theme/pages/_profile.scss

@@ -0,0 +1,89 @@
+.profile-region {
+    .pageOrderableContainer_item {
+        position: relative;
+        z-index: 1;
+    }
+
+    .pageOrderableContainer_item:nth-child(even):after {
+        position: absolute;
+        bottom: 0px;
+        left: 50%;
+        width: 100vw;
+        height: 100%;
+        margin-left: -50vw;
+        z-index: -1;
+        background-color: #F6F5F5;
+        content: '';
+    }
+}
+
+.support-page {
+    @include media-breakpoint-up(lg) {
+        .sideBar {
+            &_container {
+                margin-left: auto;
+            }
+        }
+    }
+
+    .additionalInfo {
+        &_title {
+            margin-left: 0;
+        }
+        &_grid {
+            &--col-1 {
+                grid-template-columns: 1fr;
+            }
+    
+            &--col-2 {
+                grid-template-columns: 1fr 1fr;
+            }
+    
+            &--with-sidebar {
+                grid-template-columns: calc(100% / 12 * 8) calc(100% / 12 * 4);
+            }
+    
+            &--with-sidebar.additionalInfo_grid--sidebar-left {
+                grid-template-columns: calc(100% / 12 * 3) calc(100% / 12 * 9);
+            }
+    
+            &--with-sidebar.additionalInfo_grid--col-2 {
+                grid-template-columns: calc(100% / 12 * 3) calc(100% / 12 * 3) calc(100% / 12 * 6);
+            }
+        }
+        &_info {
+            &--col-1 {
+                grid-column: 1;
+            }
+            &--col-1.additionalInfo_info--sidebar-left {
+                grid-column: 2;
+            }
+            &--col-2 {
+                &:nth-child(odd) {
+                    grid-column: 1;
+                }
+                &:nth-child(even) {
+                    grid-column: 2;
+                }
+            }
+            &--col-2.additionalInfo_info--sidebar-left {
+                &:nth-child(odd) {
+                    grid-column: 2;
+                }
+                &:nth-child(even) {
+                    grid-column: 3;
+                }
+            }
+        }
+        
+        &_sidebar {
+            grid-column: calc(var(--info-column, 2) + 1);
+            &--left {
+                grid-column: 1;
+                .sideBar_container {
+                    margin-left: 0;
+                }
+            }
+        }
+    }
+}

package/assets/css/theme/theme-index.scss

@@ -0,0 +1,9 @@
+@import "generic/normalize";
+@import "generic/default";
+@import "grid/bootstrap-grid";
+@import "pages/product";
+@import "pages/profile";
+@import "pages/bundle";
+@import "pages/listing";
+@import "layout/reset";
+@import "components/sticky-button-page-scroll";

package/assets/css/theme/utilities/_display.scss

@@ -0,0 +1,38 @@
+// stylelint-disable declaration-no-important
+
+//
+// Utilities for common `display` values
+//
+
+@each $breakpoint in map-keys($grid-breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+    .d#{$infix}-none         { display: none !important; }
+    .d#{$infix}-inline       { display: inline !important; }
+    .d#{$infix}-inline-block { display: inline-block !important; }
+    .d#{$infix}-block        { display: block !important; }
+    .d#{$infix}-table        { display: table !important; }
+    .d#{$infix}-table-row    { display: table-row !important; }
+    .d#{$infix}-table-cell   { display: table-cell !important; }
+    .d#{$infix}-flex         { display: flex !important; }
+    .d#{$infix}-inline-flex  { display: inline-flex !important; }
+  }
+}
+
+
+//
+// Utilities for toggling `display` in print
+//
+
+@media print {
+  .d-print-none         { display: none !important; }
+  .d-print-inline       { display: inline !important; }
+  .d-print-inline-block { display: inline-block !important; }
+  .d-print-block        { display: block !important; }
+  .d-print-table        { display: table !important; }
+  .d-print-table-row    { display: table-row !important; }
+  .d-print-table-cell   { display: table-cell !important; }
+  .d-print-flex         { display: flex !important; }
+  .d-print-inline-flex  { display: inline-flex !important; }
+}

package/assets/css/theme/utilities/_flex.scss

@@ -0,0 +1,51 @@
+// stylelint-disable declaration-no-important
+
+// Flex variation
+//
+// Custom styles for additional flex alignment options.
+
+@each $breakpoint in map-keys($grid-breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+    .flex#{$infix}-row            { flex-direction: row !important; }
+    .flex#{$infix}-column         { flex-direction: column !important; }
+    .flex#{$infix}-row-reverse    { flex-direction: row-reverse !important; }
+    .flex#{$infix}-column-reverse { flex-direction: column-reverse !important; }
+
+    .flex#{$infix}-wrap         { flex-wrap: wrap !important; }
+    .flex#{$infix}-nowrap       { flex-wrap: nowrap !important; }
+    .flex#{$infix}-wrap-reverse { flex-wrap: wrap-reverse !important; }
+    .flex#{$infix}-fill         { flex: 1 1 auto !important; }
+    .flex#{$infix}-grow-0       { flex-grow: 0 !important; }
+    .flex#{$infix}-grow-1       { flex-grow: 1 !important; }
+    .flex#{$infix}-shrink-0     { flex-shrink: 0 !important; }
+    .flex#{$infix}-shrink-1     { flex-shrink: 1 !important; }
+
+    .justify-content#{$infix}-start   { justify-content: flex-start !important; }
+    .justify-content#{$infix}-end     { justify-content: flex-end !important; }
+    .justify-content#{$infix}-center  { justify-content: center !important; }
+    .justify-content#{$infix}-between { justify-content: space-between !important; }
+    .justify-content#{$infix}-around  { justify-content: space-around !important; }
+
+    .align-items#{$infix}-start    { align-items: flex-start !important; }
+    .align-items#{$infix}-end      { align-items: flex-end !important; }
+    .align-items#{$infix}-center   { align-items: center !important; }
+    .align-items#{$infix}-baseline { align-items: baseline !important; }
+    .align-items#{$infix}-stretch  { align-items: stretch !important; }
+
+    .align-content#{$infix}-start   { align-content: flex-start !important; }
+    .align-content#{$infix}-end     { align-content: flex-end !important; }
+    .align-content#{$infix}-center  { align-content: center !important; }
+    .align-content#{$infix}-between { align-content: space-between !important; }
+    .align-content#{$infix}-around  { align-content: space-around !important; }
+    .align-content#{$infix}-stretch { align-content: stretch !important; }
+
+    .align-self#{$infix}-auto     { align-self: auto !important; }
+    .align-self#{$infix}-start    { align-self: flex-start !important; }
+    .align-self#{$infix}-end      { align-self: flex-end !important; }
+    .align-self#{$infix}-center   { align-self: center !important; }
+    .align-self#{$infix}-baseline { align-self: baseline !important; }
+    .align-self#{$infix}-stretch  { align-self: stretch !important; }
+  }
+}

package/assets/fonts/slick/slick.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by Fontastic.me</metadata>
+<defs>
+<font id="slick" horiz-adv-x="512">
+<font-face font-family="slick" units-per-em="512" ascent="480" descent="-32"/>
+<missing-glyph horiz-adv-x="512" />
+
+<glyph unicode="&#8594;" d="M241 113l130 130c4 4 6 8 6 13 0 5-2 9-6 13l-130 130c-3 3-7 5-12 5-5 0-10-2-13-5l-29-30c-4-3-6-7-6-12 0-5 2-10 6-13l87-88-87-88c-4-3-6-8-6-13 0-5 2-9 6-12l29-30c3-3 8-5 13-5 5 0 9 2 12 5z m234 143c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/>
+<glyph unicode="&#8592;" d="M296 113l29 30c4 3 6 7 6 12 0 5-2 10-6 13l-87 88 87 88c4 3 6 8 6 13 0 5-2 9-6 12l-29 30c-3 3-8 5-13 5-5 0-9-2-12-5l-130-130c-4-4-6-8-6-13 0-5 2-9 6-13l130-130c3-3 7-5 12-5 5 0 10 2 13 5z m179 143c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/>
+<glyph unicode="&#8226;" d="M475 256c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/>
+<glyph unicode="&#97;" d="M475 439l0-128c0-5-1-9-5-13-4-4-8-5-13-5l-128 0c-8 0-13 3-17 11-3 7-2 14 4 20l40 39c-28 26-62 39-100 39-20 0-39-4-57-11-18-8-33-18-46-32-14-13-24-28-32-46-7-18-11-37-11-57 0-20 4-39 11-57 8-18 18-33 32-46 13-14 28-24 46-32 18-7 37-11 57-11 23 0 44 5 64 15 20 9 38 23 51 42 2 1 4 3 7 3 3 0 5-1 7-3l39-39c2-2 3-3 3-6 0-2-1-4-2-6-21-25-46-45-76-59-29-14-60-20-93-20-30 0-58 5-85 17-27 12-51 27-70 47-20 19-35 43-47 70-12 27-17 55-17 85 0 30 5 58 17 85 12 27 27 51 47 70 19 20 43 35 70 47 27 12 55 17 85 17 28 0 55-5 81-15 26-11 50-26 70-45l37 37c6 6 12 7 20 4 8-4 11-9 11-17z"/>
+</font></defs></svg>

package/assets/js/listing.js

@@ -0,0 +1,26 @@
+/* eslint-disable */
+$.fn.filterListing = function() {
+    const $container = $(this);
+    const $sidebar = $container.find(".js-sidebar");
+    const $productListing = $container.find(".js-product-listing");
+
+    const enableSidebar = function() {
+        $sidebar.removeClass('hidden');
+        $productListing.removeClass("col-12");
+        $productListing.addClass("col-md-9 col-sm-12");
+    }
+
+    const disableSidebar = function() {
+        $sidebar.addClass('hidden');
+        $productListing.removeClass("col-md-9 col-sm-12");
+        $productListing.addClass("col-12");
+    }
+    
+    window.addEventListener('ProductListingControls:show', function() {
+        enableSidebar();
+    });
+
+    window.addEventListener('ProductListingControls:hide', function() {
+        disableSidebar();
+    });
+}

package/assets/js/polyfills/ie11CustomProperties.js

@@ -0,0 +1,2 @@
+/*! ie11CustomProperties.js v3.0.6 | MIT License | https://git.io/fjXMN */
+!function(){"use strict";var e=document.createElement("i");if(e.style.setProperty("--x","y"),"y"===e.style.getPropertyValue("--x")||!e.msMatchesSelector)return;Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector);var t,r=[],n=document;function o(e,t){try{return e.querySelectorAll(t)}catch(e){return[]}}function i(e,i){for(var c,a={selector:e,callback:i,elements:new WeakMap},u=o(n,a.selector),f=0;c=u[f++];)a.elements.set(c,!0),a.callback.call(c,c);r.push(a),t||(t=new MutationObserver(l)).observe(n,{childList:!0,subtree:!0}),s(a)}function s(e,t){var r,i=0,s=[];try{t&&t.matches(e.selector)&&s.push(t)}catch(e){}for(a&&Array.prototype.push.apply(s,o(t||n,e.selector));r=s[i++];)e.elements.has(r)||(e.elements.set(r,!0),e.callback.call(r,r))}function c(e){for(var t,n=0;t=r[n++];)s(t,e)}function l(e){for(var t,r,n,o,i=0;r=e[i++];)for(n=r.addedNodes,t=0;o=n[t++];)1===o.nodeType&&c(o)}var a=!1;function u(e,t,r){var n=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,n)}document.addEventListener("DOMContentLoaded",function(){a=!0}),"classList"in Element.prototype||u("classList",HTMLElement.prototype,Element.prototype),"innerHTML"in Element.prototype||u("innerHTML",HTMLElement.prototype,Element.prototype),"sheet"in SVGStyleElement.prototype||Object.defineProperty(SVGStyleElement.prototype,"sheet",{get:function(){for(var e,t=document.styleSheets,r=0;e=t[r++];)if(e.ownerNode===this)return e}});const f=/([\s{;])(--([A-Za-z0-9-_]*)\s*:([^;!}{]+)(!important)?)(?=\s*([;}]|$))/g,p=/([{;]\s*)([A-Za-z0-9-_]+\s*:[^;}{]*var\([^!;}{]+)(!important)?(?=\s*([;}$]|$))/g,d=/-ieVar-([^:]+):/g,m=/-ie-([^};]+)/g,v=/:(hover|active|focus|target|:before|:after|:first-letter|:first-line)/;function y(e){return e.replace(f,function(e,t,r,n,o,i){return t+"-ie-"+(i?"❗":"")+n+":"+h(o)}).replace(p,function(e,t,r,n){return t+"-ieVar-"+(n?"❗":"")+r+"; "+r})}function h(e){return e}i('link[rel="stylesheet"]',function(e){var t,r,n;t=e.href,r=function(t){var r=y(t);if(t!==r){r=function(e,t){return t.replace(/url\(([^)]+)\)/g,function(t,r){return(r=r.trim().replace(/(^['"]|['"]$)/g,"")).match(/^([a-z]+:|\/)/)?t:"url("+(e=e.replace(/\?.*/,""))+"./../"+r+")"})}(e.href,r),e.disabled=!0;var n=document.createElement("style");e.media&&n.setAttribute("media",e.media),e.parentNode.insertBefore(n,e),g(n,r)}},(n=new XMLHttpRequest).open("GET",t),n.overrideMimeType("text/css"),n.onload=function(){n.status>=200&&n.status<400&&r(n.responseText)},n.send()}),i("style",function(e){if(!e.ieCP_polyfilled&&!e.ieCP_elementSheet){var t=e.innerHTML,r=y(t);t!==r&&g(e,r)}}),i("[ie-style]",function(e){var t=y("{"+e.getAttribute("ie-style")).substr(1);e.style.cssText+=";"+t;var r=P(e.style);r.getters&&b(e,r.getters,"%styleAttr"),r.setters&&L(e,r.setters)});function E(e){return e}const S={};function P(e){e["z-index"];const t=e.cssText;var r,n,o=t.match(d);if(o){var i=[];for(r=0;n=o[r++];){let t=n.slice(7,-1);"❗"===t[0]&&(t=t.substr(1)),i.push(t),S[t]||(S[t]=[]),S[t].push(e)}}var s=t.match(m);if(s){var c={};for(r=0;n=s[r++];){let e=n.substr(4).split(":"),t=e[0],r=e[1];"❗"===t[0]&&(t=t.substr(1)),c[t]=r}}return{getters:i,setters:c}}function g(e,t){e.innerHTML=t,e.ieCP_polyfilled=!0;for(var r,n=e.sheet.rules,o=0;r=n[o++];){const e=P(r.style);e.getters&&C(r.selectorText,e.getters),e.setters&&T(r.selectorText,e.setters);const t=r.parentRule&&r.parentRule.media&&r.parentRule.media.mediaText;t&&(e.getters||e.setters)&&matchMedia(t).addListener(function(){H(document.documentElement)})}_()}function C(e,t){M(e),i(x(e),function(r){b(r,t,e),D(r)})}function b(e,t,r){var n,o,i=0;const s=r.split(",");for(e.setAttribute("iecp-needed",!0),e.ieCPSelectors||(e.ieCPSelectors={});n=t[i++];)for(o=0;r=s[o++];){const t=r.trim().split("::");e.ieCPSelectors[n]||(e.ieCPSelectors[n]=[]),e.ieCPSelectors[n].push({selector:t[0],pseudo:t[1]?"::"+t[1]:""})}}function T(e,t){M(e),i(x(e),function(e){L(e,t)})}function L(e,t){for(var r in e.ieCP_setters||(e.ieCP_setters={}),t)e.ieCP_setters["--"+r]=1;H(e)}function _(){for(var e in S){let o=S[e];for(var t,r=0;t=o[r++];)if(!t.owningElement){var n=t["-ieVar-"+e];if(n&&""!==(n=R(getComputedStyle(document.documentElement),n)))try{t[e]=n}catch(e){}}}}const w={hover:{on:"mouseenter",off:"mouseleave"},focus:{on:"focusin",off:"focusout"},active:{on:"CSSActivate",off:"CSSDeactivate"}};function M(e){for(var t in e=e.split(",")[0],w){var r=e.split(":"+t);if(r.length>1){var n=r[1].match(/^[^\s]*/);let e=x(r[0]+n);const o=w[t];i(e,function(e){e.addEventListener(o.on,N),e.addEventListener(o.off,N)})}}}let A=null;function x(e){return e.replace(v,"").replace(":not()","")}document.addEventListener("mousedown",function(e){setTimeout(function(){if(e.target===document.activeElement){var t=document.createEvent("Event");t.initEvent("CSSActivate",!0,!0),(A=e.target).dispatchEvent(t)}})}),document.addEventListener("mouseup",function(){if(A){var e=document.createEvent("Event");e.initEvent("CSSDeactivate",!0,!0),A.dispatchEvent(e),A=null}});var V=0;function O(e){e.ieCP_unique||(e.ieCP_unique=++V,e.classList.add("iecp-u"+e.ieCP_unique));var t=getComputedStyle(e);let r="";for(var n in e.ieCPSelectors){var o=t["-ieVar-❗"+n];let a=o||t["-ieVar-"+n];if(a){var i={},s=R(t,a,i);o&&(s+=" !important");for(var c,l=0;c=e.ieCPSelectors[n][l++];)if("%styleAttr"===c.selector)e.style[n]=s;else{if(!o&&!1!==i.allByRoot)continue;r+=c.selector+".iecp-u"+e.ieCP_unique+c.pseudo+"{"+n+":"+s+"}\n"}}}!function(e,t){if(!e.ieCP_styleEl&&t){const t=document.createElement("style");t.ieCP_elementSheet=1,document.head.appendChild(t),e.ieCP_styleEl=t}e.ieCP_styleEl&&(e.ieCP_styleEl.innerHTML=t)}(e,r)}function H(e){if(e){var t=e.querySelectorAll("[iecp-needed]");e.hasAttribute&&e.hasAttribute("iecp-needed")&&D(e);for(var r,n=0;r=t[n++];)D(r)}}let B=new Set,q=!1,k=!1;function D(e){B.add(e),q||(q=!0,requestAnimationFrame(function(){q=!1,k=!0,B.forEach(O),B.clear(),setTimeout(function(){k=!1})}))}function N(e){H(e.target)}function R(e,t,r){return function(e,t){let r,n,o=0,i=null,s=0,c="",l=0;for(;r=e[l++];){if("("===r&&(++o,null===i&&e[l-4]+e[l-3]+e[l-2]==="var"&&(i=o,c+=e.substring(s,l-4),s=l),e[l-5]+e[l-4]+e[l-3]+e[l-2]==="calc"&&(n=o)),")"===r&&i===o){let r,o=e.substring(s,l-1).trim(),a=o.indexOf(",");-1!==a&&(r=o.slice(a+1),o=o.slice(0,a)),c+=t(o,r,n),s=l,i=null}")"===r&&n===--o&&(n=null)}return c+=e.substring(s)}(t,function(t,n,o){var i=e.getPropertyValue(t);return o&&(i=i.replace(/^calc\(/,"(")),r&&e.lastPropertyServedBy!==document.documentElement&&(r.allByRoot=!1),""===i&&n&&(i=R(e,n,r)),i})}var j=new MutationObserver(function(e){if(!k)for(var t,r=0;t=e[r++];)"iecp-needed"!==t.attributeName&&H(t.target)});setTimeout(function(){j.observe(document,{attributes:!0,subtree:!0})});var F=location.hash;addEventListener("hashchange",function(e){var t=document.getElementById(location.hash.substr(1));if(t){var r=document.getElementById(F.substr(1));H(t),H(r)}else H(document);F=location.hash});var z=Object.getOwnPropertyDescriptor(HTMLElement.prototype,"style"),$=z.get;z.get=function(){const e=$.call(this);return e.owningElement=this,e},Object.defineProperty(HTMLElement.prototype,"style",z);var G=getComputedStyle;window.getComputedStyle=function(e){var t=G.apply(this,arguments);return t.computedFor=e,t};const I=CSSStyleDeclaration.prototype,Z=I.getPropertyValue;I.getPropertyValue=function(e){if(this.lastPropertyServedBy=!1,"-"!==(e=e.trim())[0]||"-"!==e[1])return Z.apply(this,arguments);const t=e.substr(2),r="-ie-"+t,n="-ie-❗"+t;let o=E(this[n]||this[r]);if(this.computedFor){if(void 0===o||W[o]){if(W[o]||!J[e]||J[e].inherits){let t=this.computedFor.parentNode;for(;1===t.nodeType;){if(t.ieCP_setters&&t.ieCP_setters[e]){var i=getComputedStyle(t),s=E(i[n]||i[r]);if(void 0!==s){o=R(this,s),this.lastPropertyServedBy=t;break}}t=t.parentNode}}}else o=R(this,o),this.lastPropertyServedBy=this.computedFor;if("initial"===o)return""}return void 0===o&&J[e]&&(o=J[e].initialValue),void 0===o?"":o};const W={inherit:1,revert:1,unset:1},X=I.setProperty;I.setProperty=function(e,t,r){if("-"!==e[0]||"-"!==e[1])return X.apply(this,arguments);const n=this.owningElement;n&&(n.ieCP_setters||(n.ieCP_setters={}),n.ieCP_setters[e]=1),e="-ie-"+("important"===r?"❗":"")+e.substr(2),this.cssText+="; "+e+":"+h(t)+";",n===document.documentElement&&_(),n&&H(n)},window.CSS||(window.CSS={});const J={};CSS.registerProperty=function(e){J[e.name]=e}}();

package/content/layout/base.html

@@ -0,0 +1,80 @@
+{% from "/macros/sfb-components-bundles.html" import componentsBundles %}
+{% from "/macros/sfb-custom-components-bundles.html" import customComponentsBundles %}
+<!doctype html>
+
+<html lang="{{ config.locale.code }}">
+<head>
+  {% if meta.noIndex %}
+  <meta name="robots" content="noindex" />
+  {% endif %}    
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  {% block meta_title %}<title>{{ meta.title }}</title>{% endblock %}
+  {% block meta_description %}<meta name="description" content="{{ meta.description }}">{% endblock %}
+  {% block meta_keywords %}<meta name="keywords" content="{{ meta.keywords }}">{% endblock %}
+  {% block meta_author %}<meta name="author" content="{{ meta.author }}">{% endblock %}
+
+  {% block meta_opengraph %}
+  {% if meta.url %}
+  <meta property="og:url" content="{{ meta.url }}" />
+  {% else %}
+  <meta property="og:url" content="{{ meta.baseUrl }}" />
+  {% endif %}
+  <meta property="og:type" content="website" />
+  <meta property="og:title" content="{{ meta.title }}" />
+  <meta property="og:description" content="{{ meta.description }}" />
+  <meta property="og:image" content="{{ meta.image }}" />
+  {% endblock %}
+
+  {% block meta_twitter %}
+  <meta property="twitter:card" content="{{ meta.card }}" />
+  <meta property="twitter:title" content="{{ meta.title }}" />
+  <meta property="twitter:image" content="{{ meta.image }}" />
+  <meta property="twitter:description" content="{{ meta.description }}" />
+  {% endblock %}
+
+  <link rel="shortcut icon" href="{{ config.channelSettings.customFavicon }}" type="image/x-icon">
+  <link rel="preload" as="font" href="{{ r("/assets/fonts/slick/slick.woff") }}" type="font/woff2" crossorigin="anonymous">
+  <link rel="stylesheet" type="text/css" href="{{ r("/assets/css/theme/theme-index.css") }}">
+
+  {{ componentsBundles(config) }}
+</head>
+
+<body data-page="{% block dataPage %}{% endblock %}">
+    <div class="skip-to-content">
+        <a class="skip-link sr-only sr-only-focusable" href="#mainContent">{{i18n.skipToMain}}</a>
+    </div>
+    <div class="page-wrapper">
+        {% block header %}
+            <header class="main-header" id="mainHeader">
+                <div class="container">
+                    <component name="Header" id="Header"></component>
+                </div>
+            </header>
+        {% endblock %}
+    
+        <main id="mainContent" class="main-region page_content page_content__condensed {% block mainRegionClass %}{% endblock %}" role="main">
+            {% block mainTitle %}{% endblock %}
+            {% block headContent %}{% endblock %}
+            <div class="profile-content">
+                {% block contentFullWidthContainer %}
+                    {% block contentFullWidth %}{% endblock %}
+                {% endblock %}
+                <div class="layout-default">
+                    <div class="container">
+                        {% block content %}{% endblock %}
+                    </div>
+                </div>
+            </div>
+        </main>
+        
+        {% block footer %}
+            <footer class="main-footer" id="mainFooter">
+                <div class="container">
+                    <component name="Footer" id="Footer"></component>
+                </div>
+            </footer>
+        {% endblock %}
+    </div>
+    <component name="GlobalAlerts" id="GlobalAlerts" editorVisible="false"></component>
+</body>
+</html>

package/content/layout/bundle.html

@@ -0,0 +1,12 @@
+{% extends "/layout/base.html" %}
+
+{% block dataPage %}profile{% endblock %}
+{% block mainRegionClass %}profile-region{% endblock %}
+
+{% block headContent %}
+
+{% endblock %}
+
+{% block content %}
+    {% block bundleContent %}{% endblock %}
+{% endblock %}

package/content/layout/profile.html

@@ -0,0 +1,22 @@
+{% extends "/layout/base.html" %}
+
+
+{% block dataPage %}profile{% endblock %}
+{% block mainRegionClass %}profile-region{% endblock %}
+
+{% block headContent %}{% endblock %}
+
+{% block content %}
+    {% block profileContentHeader %}
+        <component name="ProductBanner" id="ProductBanner"></component>
+        <component name="ProductTabMenu" id="ProductTabMenu"></component>
+    {% endblock %}
+    <div class="{% block profileSpacer %}global-component-spacer{% endblock %}">
+        {% block profileContent %}{% endblock %}
+
+        {% block belowProfileContent %}
+            <component name="ProductSimilarApps" id="ProductSimilarApps"></component>
+        {% endblock %}
+    </div>
+    <component name="StickyButtonPageScroll" id="StickyButtonPageScroll"></component>
+{% endblock %}

package/content/macros/profile/profile-navigation.html

@@ -0,0 +1,38 @@
+{% macro profileNavigation(navigationItems) %}
+    <nav class="tertiary-nav">
+        <ul class="tertiary-nav--items adb-profile_header--navigation_content d-none{{ ' d-lg-block' if navigationItems.length > 6 else ' d-md-block' }}">
+            {% for nav in navigationItems %}
+                {% if nav.label == "Overview" or nav.label == "Editions & Pricing" %}
+                    <li class="tertiary-nav--item{{ ' is-selected' if nav.selected }}">
+                        <a class="tertiary-nav--link" href="{{ nav.href }}">{{ nav.label }}</a>
+                    </li>
+                {% endif %}
+            {% endfor %}
+        </ul>
+        <!-- SWITCHED OFF FOR ENGAGE -->
+        <!-- <ul class="tertiary-nav--items layout-column__first{{ ' d-lg-none' if navigationItems.length > 6 else ' d-md-none' }}">
+            <li class="tertiary-nav--item tertiary-nav--mobile_menu">
+                {% if navigationItems %}
+                <menu class="tertiary-nav__menu context_menu is-active">
+                    <button class="button__small dropdown dropdown__small js-dropdown-profile" type="button">
+                        {% for nav in navigationItems %}
+                            {% if nav.selected %}
+                                <span class="tertiary-nav__menu__label">{{ nav.label }}</span>
+                            {% endif %}
+                        {% endfor %}
+                    </button>                    
+                    <div class="context_menu--menu context_menu--profile is-hidden" role="menu">
+                        <ul class="stack">
+                            {% for nav in navigationItems %}
+                                <li class="stack--item container">
+                                    <a class="link__option stack--item_content{{ ' not-selected' if not nav.selected }}" href="{{ nav.href }}"> {{ nav.label }}</a>
+                                </li>
+                            {% endfor %}
+                        </ul>
+                    </div>
+                </menu>
+                {% endif %}
+            </li>
+        </ul> -->
+    </nav>
+{% endmacro %}

package/content/macros/sfb-components-bundles.html

@@ -0,0 +1,26 @@
+{% macro componentsBundles(config) %}
+
+{% if config.pageId == "home" %}
+  <script src="{{ config.channelSettings.channelCanonicalBaseUrl }}/sfb-theme-components@0/sfb-components-home.js"></script>
+  <link rel="stylesheet" type="text/css" href="{{ config.channelSettings.channelCanonicalBaseUrl }}/sfb-theme-components@0/sfb-components-home.css">
+{% elif config.pageId == "profile" %}
+  <script src="{{ config.channelSettings.channelCanonicalBaseUrl }}/sfb-theme-components@0/sfb-components-profile.js"></script>
+  <link rel="stylesheet" type="text/css" href="{{ config.channelSettings.channelCanonicalBaseUrl }}/sfb-theme-components@0/sfb-components-profile.css">
+{% elif config.pageId == "listing" %}
+  <script src="{{ config.channelSettings.channelCanonicalBaseUrl }}/sfb-theme-components@0/sfb-components-listing.js"></script>
+  <link rel="stylesheet" type="text/css" href="{{ config.channelSettings.channelCanonicalBaseUrl }}/sfb-theme-components@0/sfb-components-listing.css">
+{% elif config.pageId == "help" %}
+  <script src="{{ config.channelSettings.channelCanonicalBaseUrl }}/sfb-theme-components@0/sfb-components-help.js"></script>
+  <link rel="stylesheet" type="text/css" href="{{ config.channelSettings.channelCanonicalBaseUrl }}/sfb-theme-components@0/sfb-components-help.css">
+{% elif config.pageId == "compare" %}
+  <script src="{{ config.channelSettings.channelCanonicalBaseUrl }}/sfb-theme-components@0/sfb-components-compare.js"></script>
+  <link rel="stylesheet" type="text/css" href="{{ config.channelSettings.channelCanonicalBaseUrl }}/sfb-theme-components@0/sfb-components-compare.css">
+{% elif config.pageId == "bundle" %}
+  <script src="{{ config.channelSettings.channelCanonicalBaseUrl }}/sfb-theme-components@0/sfb-components-bundle.js"></script>
+  <link rel="stylesheet" type="text/css" href="{{ config.channelSettings.channelCanonicalBaseUrl }}/sfb-theme-components@0/sfb-components-bundle.css">
+{% else %}
+  <script src="{{ config.channelSettings.channelCanonicalBaseUrl }}/sfb-theme-components@0/sfb-components.js"></script>
+  <link rel="stylesheet" type="text/css" href="{{ config.channelSettings.channelCanonicalBaseUrl }}/sfb-theme-components@0/sfb-components.css">
+{% endif %}
+
+{% endmacro %}

package/content/macros/sfb-custom-components-bundles.html

@@ -0,0 +1,6 @@
+{% macro customComponentsBundles(config) %}
+
+  <script src="{{ r('/assets/js/components/sfb-components.js') }}"></script>
+  <link rel="stylesheet" type="text/css" href="{{ r('/assets/js/components/sfb-components.css') }}">
+
+{% endmacro %}

package/content/pages/bundle/bundle.html

@@ -0,0 +1,9 @@
+{% extends "/layout/bundle.html" %}
+
+{% block bundleContent %}
+    <component name="BundleBanner" id="BundleBanner"></component>
+    <component name="ProductBundleViewer" id="ProductBundleViewer"></component>
+    <div class="product-bundle">
+        <component name="ProductBundles" id="ProductBundles"></component>
+    </div>
+{% endblock %}

package/content/pages/compare/compare.html

@@ -0,0 +1,14 @@
+{% extends "/layout/base.html" %}
+
+{% block data %}
+<data type="navigator" />
+{% endblock %}
+
+{% block content %}
+    <div class="global-component-spacer">
+        <component
+            name="ComparableProducts"
+            id="ComparableProducts1">
+        </component>
+    </div>
+{% endblock %}