@mindful-web/marko-web-theme-monorail 1.0.0

package/components/client-side-blocks/most-popular-list.marko

@@ -0,0 +1 @@
+<theme-client-side-block-loader name="most-popular-list" label="Most Popular Stories" input=input />

package/components/client-side-blocks/most-popular-list.marko.js

@@ -0,0 +1,31 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/dist/html").t(__filename),
+    marko_componentType = "/@mindful-web/marko-web-theme-monorail$1.0.0/components/client-side-blocks/most-popular-list.marko",
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    theme_client_side_block_loader_template = require("../client-side-block-loader.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    theme_client_side_block_loader_tag = marko_loadTag(theme_client_side_block_loader_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  theme_client_side_block_loader_tag({
+      name: "most-popular-list",
+      label: "Most Popular Stories",
+      input: input
+    }, out, __component, "0");
+}
+
+marko_template._ = marko_renderer(render, {
+    d_: true,
+    e_: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@mindful-web/marko-web-theme-monorail$1.0.0/components/client-side-blocks/most-popular-list.marko",
+    tags: [
+      "../client-side-block-loader.marko"
+    ]
+  };

package/components/client-side-blocks/most-popular.marko

@@ -0,0 +1 @@
+<theme-client-side-block-loader name="most-popular" label="Most Popular Stories" input=input />

package/components/client-side-blocks/most-popular.marko.js

@@ -0,0 +1,31 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/dist/html").t(__filename),
+    marko_componentType = "/@mindful-web/marko-web-theme-monorail$1.0.0/components/client-side-blocks/most-popular.marko",
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    theme_client_side_block_loader_template = require("../client-side-block-loader.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    theme_client_side_block_loader_tag = marko_loadTag(theme_client_side_block_loader_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  theme_client_side_block_loader_tag({
+      name: "most-popular",
+      label: "Most Popular Stories",
+      input: input
+    }, out, __component, "0");
+}
+
+marko_template._ = marko_renderer(render, {
+    d_: true,
+    e_: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@mindful-web/marko-web-theme-monorail$1.0.0/components/client-side-blocks/most-popular.marko",
+    tags: [
+      "../client-side-block-loader.marko"
+    ]
+  };

package/components/content/body-with-injection.marko

@@ -0,0 +1,116 @@
+import { getAsArray } from "@mindful-web/object-path";
+import defaultValue from "@mindful-web/marko-core/utils/default-value";
+import MarkoWebContentBody from "@mindful-web/marko-web/components/element/content/body";
+import GAMDefineDisplayAd from "@mindful-web/marko-web-theme-monorail/components/gam/define-display-ad";
+
+$ const { global: $global } = out;
+$ const { GAM } = $global;
+$ const { content, modifiers } = input;
+$ const htmlInjections = getAsArray(input, "htmlInjections");
+$ const preventHTMLInjection = getAsArray(content, "labels").some( l => ["Sponsored", "Product Spotlight"].indexOf(l) >= 0) || input.preventHTMLInjection;
+$ const blockName = defaultValue(input.blockName, 'page-contents');
+$ const aliases = getAsArray(input, 'aliases');
+$ const selector = defaultValue(input.selector, `content-body-${content.id}`);
+
+<!-- Desktop Inline Ad props -->
+$ const desktopAdCounts = defaultValue(input.desktopAdCounts, [1500, 2750, 4500, 6250, 8000, 9750, 11500, 13250, 15000, 16750, 18500]);
+$ const desktopAdName = defaultValue(input.desktopAdName, "inline-content-desktop");
+$ const desktopAdModifiers = defaultValue(input.desktopAdModifiers, ["margin-auto-x",  "inline-content", "inline-content-desktop"]);
+$ const desktopAdDataPropToPreventDupes = defaultValue(input.desktopAdDataPropToPreventDupes, "gamTemplateName");
+
+<!-- Desktop Leaderboard Ad props -->
+$ const desktopLeaderboardAdCounts = defaultValue(input.desktopLeaderboardAdCounts, [350]);
+$ const desktopLeaderboardAdName = defaultValue(input.desktopLeaderboardAdName, desktopAdName);
+$ const desktopLeaderboardAdModifiers = defaultValue(input.desktopLeaderboardAdModifiers, desktopAdModifiers);
+$ const desktopLeaderboardAdDataPropToPreventDupes = defaultValue(input.desktopLeaderboardAdDataPropToPreventDupes, desktopAdDataPropToPreventDupes);
+
+<!-- Mobile Inline Ad props -->
+$ const mobileAdCounts = defaultValue(input.mobileAdCounts, [900, 1650, 2950, 4250, 5550, 6850, 8150, 9450, 10750, 12050, 13350, 14650, 15950, 17250]);
+$ const mobileAdName = defaultValue(input.mobileAdName, "inline-content-mobile");
+$ const mobileAdModifiers = defaultValue(input.mobileAdModifiers, ["margin-auto-x",  "inline-content", "inline-content-mobile"]);
+$ const mobileAdDataPropToPreventDupes = defaultValue(input.mobileAdDataPropToPreventDupes, "gamTemplateName");
+
+<!-- Mobile Leaderboard Ad props || fallback set to 250 & mobileAdProps -->
+$ const mobileLeaderboardAdCounts = defaultValue(input.mobileLeaderboardAdCounts, [250]);
+$ const mobileLeaderboardAdName = defaultValue(input.mobileLeaderboardAdName, mobileAdName);
+$ const mobileLeaderboardAdModifiers = defaultValue(input.mobileLeaderboardAdModifiers, mobileAdModifiers);
+$ const mobileLeaderboardAdDataPropToPreventDupes = defaultValue(input.mobileLeaderboarAdDataPropToPreventDupes, mobileAdDataPropToPreventDupes);
+
+<!-- Only set GAM defaults if GAM is present on out.global -->
+$ const gamAdInjection = (GAM) ? [
+  {
+    counts: desktopLeaderboardAdCounts,
+    name: desktopLeaderboardAdName,
+    modifiers: desktopLeaderboardAdModifiers,
+    dataPropToPreventDupes: desktopLeaderboardAdDataPropToPreventDupes
+  },
+  {
+    counts: desktopAdCounts,
+    name: desktopAdName,
+    modifiers: desktopAdModifiers,
+    dataPropToPreventDupes: desktopAdDataPropToPreventDupes
+  },
+  {
+    counts: mobileLeaderboardAdCounts,
+    name: mobileLeaderboardAdName,
+    modifiers: mobileLeaderboardAdModifiers,
+    dataPropToPreventDupes: mobileLeaderboardAdDataPropToPreventDupes
+  },
+  {
+    counts: mobileAdCounts,
+    name: mobileAdName,
+    modifiers: mobileAdModifiers,
+    dataPropToPreventDupes: mobileAdDataPropToPreventDupes
+  }
+] : [];
+
+
+$ const injectionPromises = [];
+$ if (!preventHTMLInjection && htmlInjections.length) {
+  htmlInjections.forEach((injection) => injectionPromises.push(Promise.resolve(injection)));
+}
+<marko-web-resolve|{ resolved: resolvedInjections }| promise=Promise.all(injectionPromises)>
+  <theme-ssr-html-inject
+    to-render=MarkoWebContentBody
+    selector=`#${selector}`
+  >
+    <@component-input
+      block-name=blockName
+      modifiers=modifiers
+      obj=content
+      attrs={ id: selector }
+      embed-options=input.embedOptions
+      lazyload-first-image=input.lazyloadFirstImage
+    />
+    <if(!preventHTMLInjection)>
+      <if(resolvedInjections.length)>
+        <for|htmlInjection| of=resolvedInjections>
+          $ const { at, html } = htmlInjection;
+          <if (at && html)>
+            <@inject
+              at=at
+              html=html
+            />
+          </if>
+        </for>
+      </if>
+      <for|adInjection| of=gamAdInjection>
+        $ const { counts, name, modifiers } = adInjection;
+        <if(adInjection.counts.length)>
+          <for|count| of=adInjection.counts>
+            <@inject
+              at=count
+              html=GAMDefineDisplayAd.renderToString({
+                name,
+                aliases,
+                modifiers,
+                $global
+              })
+              dataPropToPreventDupes=adInjection.dataPropToPreventDupes
+            />
+          </for>
+        </if>
+      </for>
+    </if>
+  </theme-ssr-html-inject>
+</marko-web-resolve>

package/components/content/body-with-injection.marko.js

@@ -0,0 +1,190 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/dist/html").t(__filename),
+    marko_componentType = "/@mindful-web/marko-web-theme-monorail$1.0.0/components/content/body-with-injection.marko",
+    marko_component = require("./body-with-injection.marko"),
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    module_objectPath_module = require("@mindful-web/object-path"),
+    objectPath_module = module_objectPath_module.default || module_objectPath_module,
+    getAsArray = module_objectPath_module.getAsArray,
+    module_defaultValue = require("@mindful-web/marko-core/utils/default-value"),
+    defaultValue = module_defaultValue.default || module_defaultValue,
+    module_MarkoWebContentBody = require("@mindful-web/marko-web/components/element/content/body"),
+    MarkoWebContentBody = module_MarkoWebContentBody.default || module_MarkoWebContentBody,
+    module_GAMDefineDisplayAd = require("@mindful-web/marko-web-theme-monorail/components/gam/define-display-ad"),
+    GAMDefineDisplayAd = module_GAMDefineDisplayAd.default || module_GAMDefineDisplayAd,
+    marko_forOf = require("marko/dist/runtime/helpers/for-of"),
+    marko_loadNestedTag = require("marko/dist/runtime/helpers/load-nested-tag"),
+    theme_ssr_html_inject_inject_nested_tag = marko_loadNestedTag("inject", 1),
+    marko_mergeNestedTagsHelper = require("marko/dist/runtime/helpers/merge-nested-tags"),
+    theme_ssr_html_inject_template = require("../ssr-html-inject.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    theme_ssr_html_inject_tag = marko_loadTag(theme_ssr_html_inject_template),
+    marko_web_resolve_template = require("@mindful-web/marko-core/components/resolve.marko"),
+    marko_web_resolve_tag = marko_loadTag(marko_web_resolve_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const { global: $global } = out;
+
+  const { GAM } = $global;
+
+  const { content, modifiers } = input;
+
+  const htmlInjections = getAsArray(input, "htmlInjections");
+
+  const preventHTMLInjection = getAsArray(content, "labels").some( l => ["Sponsored", "Product Spotlight"].indexOf(l) >= 0) || input.preventHTMLInjection;
+
+  const blockName = defaultValue(input.blockName, 'page-contents');
+
+  const aliases = getAsArray(input, 'aliases');
+
+  const selector = defaultValue(input.selector, `content-body-${content.id}`);
+
+  const desktopAdCounts = defaultValue(input.desktopAdCounts, [1500, 2750, 4500, 6250, 8000, 9750, 11500, 13250, 15000, 16750, 18500]);
+
+  const desktopAdName = defaultValue(input.desktopAdName, "inline-content-desktop");
+
+  const desktopAdModifiers = defaultValue(input.desktopAdModifiers, ["margin-auto-x",  "inline-content", "inline-content-desktop"]);
+
+  const desktopAdDataPropToPreventDupes = defaultValue(input.desktopAdDataPropToPreventDupes, "gamTemplateName");
+
+  const desktopLeaderboardAdCounts = defaultValue(input.desktopLeaderboardAdCounts, [350]);
+
+  const desktopLeaderboardAdName = defaultValue(input.desktopLeaderboardAdName, desktopAdName);
+
+  const desktopLeaderboardAdModifiers = defaultValue(input.desktopLeaderboardAdModifiers, desktopAdModifiers);
+
+  const desktopLeaderboardAdDataPropToPreventDupes = defaultValue(input.desktopLeaderboardAdDataPropToPreventDupes, desktopAdDataPropToPreventDupes);
+
+  const mobileAdCounts = defaultValue(input.mobileAdCounts, [900, 1650, 2950, 4250, 5550, 6850, 8150, 9450, 10750, 12050, 13350, 14650, 15950, 17250]);
+
+  const mobileAdName = defaultValue(input.mobileAdName, "inline-content-mobile");
+
+  const mobileAdModifiers = defaultValue(input.mobileAdModifiers, ["margin-auto-x",  "inline-content", "inline-content-mobile"]);
+
+  const mobileAdDataPropToPreventDupes = defaultValue(input.mobileAdDataPropToPreventDupes, "gamTemplateName");
+
+  const mobileLeaderboardAdCounts = defaultValue(input.mobileLeaderboardAdCounts, [250]);
+
+  const mobileLeaderboardAdName = defaultValue(input.mobileLeaderboardAdName, mobileAdName);
+
+  const mobileLeaderboardAdModifiers = defaultValue(input.mobileLeaderboardAdModifiers, mobileAdModifiers);
+
+  const mobileLeaderboardAdDataPropToPreventDupes = defaultValue(input.mobileLeaderboarAdDataPropToPreventDupes, mobileAdDataPropToPreventDupes);
+
+  const gamAdInjection = (GAM) ? [
+  {
+    counts: desktopLeaderboardAdCounts,
+    name: desktopLeaderboardAdName,
+    modifiers: desktopLeaderboardAdModifiers,
+    dataPropToPreventDupes: desktopLeaderboardAdDataPropToPreventDupes
+  },
+  {
+    counts: desktopAdCounts,
+    name: desktopAdName,
+    modifiers: desktopAdModifiers,
+    dataPropToPreventDupes: desktopAdDataPropToPreventDupes
+  },
+  {
+    counts: mobileLeaderboardAdCounts,
+    name: mobileLeaderboardAdName,
+    modifiers: mobileLeaderboardAdModifiers,
+    dataPropToPreventDupes: mobileLeaderboardAdDataPropToPreventDupes
+  },
+  {
+    counts: mobileAdCounts,
+    name: mobileAdName,
+    modifiers: mobileAdModifiers,
+    dataPropToPreventDupes: mobileAdDataPropToPreventDupes
+  }
+] : [];
+
+  const injectionPromises = [];
+
+  if (!preventHTMLInjection && htmlInjections.length) {
+  htmlInjections.forEach((injection) => injectionPromises.push(Promise.resolve(injection)));
+}
+
+  marko_web_resolve_tag({
+      promise: Promise.all(injectionPromises),
+      renderBody: function(out, { resolved: resolvedInjections }) {
+        theme_ssr_html_inject_tag(marko_mergeNestedTagsHelper({
+            toRender: MarkoWebContentBody,
+            selector: "#" + selector,
+            componentInput: {
+                blockName: blockName,
+                modifiers: modifiers,
+                obj: content,
+                attrs: {
+                    id: selector
+                  },
+                embedOptions: input.embedOptions,
+                lazyloadFirstImage: input.lazyloadFirstImage
+              },
+            renderBody: function(out, $nestedTagtheme_ssr_html_inject$0) {
+              if (!preventHTMLInjection) {
+                if (resolvedInjections.length) {
+                  var $for$0 = 0;
+
+                  marko_forOf(resolvedInjections, function(htmlInjection) {
+                    var $keyScope$0 = "[" + (($for$0++) + "]");
+
+                    const { at, html } = htmlInjection;
+
+                    if (at && html) {
+                      theme_ssr_html_inject_inject_nested_tag({
+                          at: at,
+                          html: html
+                        }, $nestedTagtheme_ssr_html_inject$0);
+                    }
+                  });
+                }
+
+                var $for$2 = 0;
+
+                marko_forOf(gamAdInjection, function(adInjection) {
+                  var $keyScope$2 = "[" + (($for$2++) + "]");
+
+                  const { counts, name, modifiers } = adInjection;
+
+                  if (adInjection.counts.length) {
+                    var $for$1 = 0;
+
+                    marko_forOf(adInjection.counts, function(count) {
+                      var $keyScope$1 = "[" + ((($for$1++) + $keyScope$2) + "]");
+
+                      theme_ssr_html_inject_inject_nested_tag({
+                          at: count,
+                          html: GAMDefineDisplayAd.renderToString({
+                              name: name,
+                              aliases: aliases,
+                              modifiers: modifiers,
+                              $global: $global
+                            }),
+                          dataPropToPreventDupes: adInjection.dataPropToPreventDupes
+                        }, $nestedTagtheme_ssr_html_inject$0);
+                    });
+                  }
+                });
+              }
+            }
+          }), out, __component, "1");
+      }
+    }, out, __component, "0");
+}
+
+marko_template._ = marko_renderer(render, {
+    e_: marko_componentType
+  }, marko_component);
+
+marko_template.meta = {
+    id: "/@mindful-web/marko-web-theme-monorail$1.0.0/components/content/body-with-injection.marko",
+    component: "./body-with-injection.marko",
+    tags: [
+      "../ssr-html-inject.marko",
+      "@mindful-web/marko-core/components/resolve.marko"
+    ]
+  };

package/components/content/contact-details/index.marko

@@ -0,0 +1,95 @@
+import { getAsArray, getAsObject } from "@mindful-web/object-path";
+
+import i18n from "../../../i18n";
+
+$ const content = getAsObject(input, "obj");
+$ const showEmail = input.showEmail != null ? input.showEmail : true;
+
+$ const addressFields = ["address1", "address2", "cityStateZip", "country"];
+$ const showAddress = addressFields.some(k => content[k]);
+
+$ const phoneFields = ["phone", "fax", "mobile", "tollfree"];
+$ const showPhones = phoneFields.some(k => content[k]);
+
+$ const socialLinks = getAsArray(content, "socialLinks");
+$ const showSocial = socialLinks.length;
+
+$ const fields = ["title", "website"];
+$ if (showEmail) fields.push("publicEmail");
+$ const showFields = fields.some(k => content[k]);
+
+$ const websiteLinkAttrs = getAsObject(input, "websiteLinkAttrs");
+$ const socialLinkAttrs = getAsObject(input, "socialLinkAttrs");
+
+$ const lang = input.lang || "en";
+
+<theme-page-contact-details|{ blockName }|
+  tag=input.tag
+  class=input.class
+  modifiers=input.modifiers
+  attrs=input.attrs
+>
+  <if(showAddress)>
+    <theme-content-contact-details-section block-name=blockName>
+      <address class=`${blockName}__address`>
+        <marko-web-content-address1 block-name=blockName obj=content />
+        <marko-web-content-address2 block-name=blockName obj=content />
+        <marko-web-content-city-state-zip block-name=blockName obj=content />
+        <marko-web-content-country block-name=blockName obj=content />
+      </address>
+    </theme-content-contact-details-section>
+  </if>
+
+  <if(showFields)>
+    <theme-content-contact-details-section block-name=blockName>
+      <marko-web-content-title block-name=blockName obj=content />
+      <if(showEmail)>
+        <marko-web-content-public-email block-name=blockName obj=content link=true/>
+      </if>
+      <marko-web-content-website block-name=blockName obj=content link={ attrs: websiteLinkAttrs } />
+    </theme-content-contact-details-section>
+  </if>
+
+  <if(showSocial)>
+    <theme-content-contact-details-section block-name=blockName modifiers=["social-links"]>
+      <for|item| of=socialLinks>
+        <theme-social-icon-link
+          label=item.label
+          provider=item.provider
+          href=item.url
+          modifiers=["dark", "lg"]
+          attrs=socialLinkAttrs
+        />
+      </for>
+    </theme-content-contact-details-section>
+  </if>
+
+  <if(showPhones)>
+    <theme-content-contact-details-section block-name=blockName>
+      <if(content.phone)>
+        <div class=`${blockName}__field`>
+          <span class=`${blockName}__label`>${i18n(lang, "phoneLabel")}:</span>
+          <marko-web-content-phone block-name=blockName obj=content />
+        </div>
+      </if>
+      <if(content.mobile)>
+        <div class=`${blockName}__field`>
+          <span class=`${blockName}__label`>${i18n(lang, "mobileLabel")}:</span>
+          <marko-web-content-mobile block-name=blockName obj=content />
+        </div>
+      </if>
+      <if(content.tollfree)>
+        <div class=`${blockName}__field`>
+          <span class=`${blockName}__label`>${i18n(lang, "tollFreeLabel")}:</span>
+          <marko-web-content-tollfree block-name=blockName obj=content />
+        </div>
+      </if>
+      <if(content.fax)>
+        <div class=`${blockName}__field`>
+          <span class=`${blockName}__label`>${i18n(lang, "faxLabel")}:</span>
+          <marko-web-content-fax block-name=blockName obj=content />
+        </div>
+      </if>
+    </theme-content-contact-details-section>
+  </if>
+</theme-page-contact-details>