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

package/browser/top-stories-menu.vue

@@ -0,0 +1,58 @@
+<template>
+  <div>
+    <div v-if="isLoading">
+      Loading top stories...
+    </div>
+    <!-- eslint-disable-next-line vue/no-v-html -->
+    <div v-else-if="html" v-html="html" />
+    <div v-if="error">
+      {{ error.message }}
+    </div>
+  </div>
+</template>
+
+<script>
+import EventBus from '@mindful-web/marko-web/browser/event-bus';
+
+export default {
+  props: {
+    sectionAlias: {
+      type: String,
+      default: 'home',
+    },
+  },
+
+  data: () => ({
+    error: null,
+    hasLoaded: false,
+    html: null,
+    isLoading: false,
+  }),
+
+  created() {
+    EventBus.$on('site-menu-expanded', (expanded) => {
+      if (expanded) this.load();
+    });
+  },
+
+  methods: {
+    async load() {
+      if (!this.isLoading && !this.hasLoaded) {
+        try {
+          this.error = null;
+          this.isLoading = true;
+          const input = JSON.stringify({ sectionAlias: this.sectionAlias });
+          const href = `/__render-block/top-stories-menu?input=${encodeURIComponent(input)}`;
+          const res = await fetch(href, { credentials: 'same-origin' });
+          this.html = await res.text();
+          this.hasLoaded = true;
+        } catch (e) {
+          this.error = e;
+        } finally {
+          this.isLoading = false;
+        }
+      }
+    },
+  },
+};
+</script>

package/browser/translations-vue.js

@@ -0,0 +1,50 @@
+export default {
+  en: {
+    visitSiteLabel: 'Visit Site',
+    // Email Signup
+    emailAddress: 'Email Address',
+    // Email Signup Privacy Policy
+    emailProviding: 'By providing your email, you agree to our',
+    protectedBy: 'This site is protected by reCAPTCHA and the Google',
+    privacyPolicy: 'Privacy Policy',
+    and: 'and',
+    termsOfService: 'Terms of Service',
+    apply: 'apply.',
+    signUp: 'Sign Up',
+    // Email Signup step 2:
+    signedUpFor: 'Signed up for the',
+    completeSignUp: 'Complete your sign-up',
+    aboutYou: 'About you',
+    companyName: 'Company Name',
+    select: 'Select',
+    chooseSubscriptions: 'Choose your subscriptions',
+    thankYou: 'Thank you for subscribing!',
+    startReceiving: 'You should start receiving your subscription in the next 24 hours along with a special welcome from the experts at',
+    // Comments
+    viewAllComments: 'View All Comments',
+  },
+  es: {
+    visitSiteLabel: 'Visite el sitio',
+    // Email Signup
+    emailAddress: 'Correo Electrónico',
+    // Email Signup Privacy Policy
+    emailProviding: 'Al darnos su correo electrónico usted acepta nuestra',
+    protectedBy: 'Este sitio está protegido por reCAPTCHA y por la Política de Privacidad de Google',
+    privacyPolicy: 'Política de Privacidad',
+    and: 'y',
+    termsOfService: 'Términos del Servicio.',
+    apply: 'aplican.',
+    signUp: 'Suscríbase',
+    // Email Signup step 2:
+    signedUpFor: 'Suscrito para',
+    completeSignUp: 'Llene su suscripción',
+    aboutYou: 'Acerca de usted',
+    companyName: 'Nombre de compañía',
+    select: 'Seleccione',
+    chooseSubscriptions: 'Elija sus suscripciones',
+    thankYou: '¡Gracias por suscribirse!',
+    startReceiving: 'Usted debería comenzar a recibir su suscripción en las próximas 24 horas, junto con una bienvenida especial de los expertos en',
+    // Comments
+    viewAllComments: 'Vea todos los comentarios',
+  },
+};

package/browser/wufoo-form.vue

@@ -0,0 +1,62 @@
+<template>
+  <div :id="formId" />
+</template>
+
+<script>
+
+export default {
+  props: {
+    formHash: {
+      type: String,
+      required: true,
+    },
+    userName: {
+      type: String,
+      required: true,
+    },
+    height: {
+      type: String,
+      default: '1000',
+    },
+  },
+  data: () => ({ canDownload: false }),
+  computed: {
+    formId() {
+      return `wufoo-${this.formHash}`;
+    },
+    formUrl() {
+      return `https://${this.userName}.wufoo.com/forms/${this.formHash}`;
+    },
+  },
+  async mounted() {
+    if (!window.WufooForm) {
+      await (new Promise((resolve, reject) => {
+        const s = document.createElement('script');
+        s.src = 'https://secure.wufoo.com/scripts/embed/form.js';
+        s.async = 1;
+        s.onerror = () => reject(new Error('Unable to load Wufoo form script.'));
+        s.onload = resolve;
+        const scr = document.getElementsByTagName('script')[0];
+        scr.parentNode.insertBefore(s, scr);
+      }));
+    }
+    this.init();
+  },
+  methods: {
+    init() {
+      const options = {
+        userName: this.userName,
+        formHash: this.formHash,
+        autoResize: true,
+        header: 'hide',
+        height: this.height,
+        async: true,
+        ssl: true,
+      };
+      const instance = new window.WufooForm();
+      instance.initialize(options);
+      instance.display();
+    },
+  },
+};
+</script>

package/components/ads/fixed-ad-bottom.marko

@@ -0,0 +1,7 @@
+$ const { GAM } = out.global;
+
+<marko-web-gam-fixed-ad-bottom
+  ...GAM.getAdUnit({ name: "lb-sticky-bottom", aliases: input.aliases })
+  refresh-interval=15
+  scroll-offset=100
+/>

package/components/ads/fixed-ad-bottom.marko.js

@@ -0,0 +1,36 @@
+// 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/ads/fixed-ad-bottom.marko",
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    marko_assign = require("marko/dist/runtime/helpers/assign"),
+    marko_web_gam_fixed_ad_bottom_template = require("@mindful-web/marko-web-gam/components/fixed-ad-bottom.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_gam_fixed_ad_bottom_tag = marko_loadTag(marko_web_gam_fixed_ad_bottom_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const { GAM } = out.global;
+
+  marko_web_gam_fixed_ad_bottom_tag(marko_assign({}, GAM.getAdUnit({
+      name: "lb-sticky-bottom",
+      aliases: input.aliases
+    }), {
+      refreshInterval: 15,
+      scrollOffset: 100
+    }), 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/ads/fixed-ad-bottom.marko",
+    tags: [
+      "@mindful-web/marko-web-gam/components/fixed-ad-bottom.marko"
+    ]
+  };

package/components/ads/marko.json

@@ -0,0 +1,20 @@
+{
+  "<theme-fixed-ad-bottom>": {
+    "template": "./fixed-ad-bottom.marko",
+    "@aliases": "array"
+  },
+  "<theme-reveal-ad-handler>": {
+    "template": "./reveal-ad-handler.marko",
+    "@target": "string",
+    "@defaults": "object",
+    "@select-all-targets": "boolean",
+    "@id": {
+      "type": "string",
+      "required": true
+    },
+    "@path": {
+      "type": "string",
+      "required": true
+    }
+  }
+}

package/components/ads/reveal-ad-handler.marko

@@ -0,0 +1,9 @@
+$ const props = {
+  id: input.id,
+  path: input.path,
+  target: input.target,
+  defaults: input.defaults,
+  selectAllTargets: input.selectAllTargets,
+};
+
+<marko-web-browser-component name="RevealAdHandler" props=props />

package/components/ads/reveal-ad-handler.marko.js

@@ -0,0 +1,38 @@
+// 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/ads/reveal-ad-handler.marko",
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    marko_web_browser_component_template = require("@mindful-web/marko-web/components/browser-component.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_browser_component_tag = marko_loadTag(marko_web_browser_component_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const props = {
+  id: input.id,
+  path: input.path,
+  target: input.target,
+  defaults: input.defaults,
+  selectAllTargets: input.selectAllTargets,
+};
+
+  marko_web_browser_component_tag({
+      name: "RevealAdHandler",
+      props: props
+    }, 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/ads/reveal-ad-handler.marko",
+    tags: [
+      "@mindful-web/marko-web/components/browser-component.marko"
+    ]
+  };

package/components/blocks/author-bios.marko

@@ -0,0 +1,28 @@
+import defaultValue from "@mindful-web/marko-core/utils/default-value";
+
+$ const { authors } = input;
+$ const title = defaultValue(input.title, "About the Author");
+$ const pluralTitle = defaultValue(input.pluralTitle, "About the Authors");
+
+<if(authors)>
+  <marko-web-node-list
+      inner-justified=true
+      flush-x=true
+      flush-y=false
+      modifiers=["author-bios"]
+    >
+      <@header>
+          <if(authors.lenngth > 1)>
+            ${pluralTitle}
+          </if>
+          <else>
+            ${title}
+          </else>
+      </@header>
+      <@nodes nodes=authors>
+        <@slot|{ node }|>
+          <theme-author-bio-node node=node />
+        </@slot>
+      </@nodes>
+    </marko-web-node-list>
+  </if>

package/components/blocks/author-bios.marko.js

@@ -0,0 +1,76 @@
+// 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/blocks/author-bios.marko",
+    marko_component = require("./author-bios.marko"),
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    module_defaultValue = require("@mindful-web/marko-core/utils/default-value"),
+    defaultValue = module_defaultValue.default || module_defaultValue,
+    helpers_escape_xml = require("marko/dist/runtime/html/helpers/escape-xml"),
+    marko_escapeXml = helpers_escape_xml.x,
+    theme_author_bio_node_template = require("../nodes/author-bio.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    theme_author_bio_node_tag = marko_loadTag(theme_author_bio_node_template),
+    marko_web_node_list_template = require("@mindful-web/marko-web/components/node-list/index.marko"),
+    marko_web_node_list_tag = marko_loadTag(marko_web_node_list_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const { authors } = input;
+
+  const title = defaultValue(input.title, "About the Author");
+
+  const pluralTitle = defaultValue(input.pluralTitle, "About the Authors");
+
+  if (authors) {
+    marko_web_node_list_tag({
+        blockName: "node-list",
+        tag: "div",
+        justified: false,
+        innerJustified: true,
+        flushX: true,
+        flushY: false,
+        fullHeight: false,
+        collapsible: true,
+        modifiers: [
+            "author-bios"
+          ],
+        header: {
+            renderBody: function(out) {
+              if (authors.lenngth > 1) {
+                out.w(marko_escapeXml(pluralTitle));
+              } else {
+                out.w(marko_escapeXml(title));
+              }
+            }
+          },
+        nodes: {
+            nodes: authors,
+            slots: [
+                {
+                    renderBody: function(out, { node }) {
+                      theme_author_bio_node_tag({
+                          node: node
+                        }, out, __component, "4");
+                    }
+                  }
+              ]
+          }
+      }, 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/blocks/author-bios.marko",
+    component: "./author-bios.marko",
+    tags: [
+      "../nodes/author-bio.marko",
+      "@mindful-web/marko-web/components/node-list/index.marko"
+    ]
+  };

package/components/blocks/callout-cards.marko

@@ -0,0 +1,15 @@
+import { getAsArray } from "@mindful-web/object-path";
+
+$ const blockName = "callout-cards";
+$ const slots = getAsArray(input, "slots");
+
+<marko-web-block name=blockName attrs={ role: "region", "aria-label": "Callout Cards" }>
+  <marko-web-element block-name=blockName name="row">
+    <marko-web-element block-name=blockName name="col">
+      <${slots[0].renderBody} />
+    </marko-web-element>
+    <marko-web-element block-name=blockName name="col" modifiers=["last"]>
+      <${slots[1].renderBody} />
+    </marko-web-element>
+  </marko-web-element>
+</marko-web-block>

package/components/blocks/callout-cards.marko.js

@@ -0,0 +1,74 @@
+// 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/blocks/callout-cards.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,
+    marko_dynamicTag = require("marko/dist/runtime/helpers/dynamic-tag"),
+    marko_web_element_template = require("@mindful-web/marko-web/components/element/index.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_element_tag = marko_loadTag(marko_web_element_template),
+    marko_web_block_template = require("@mindful-web/marko-web/components/element/block.marko"),
+    marko_web_block_tag = marko_loadTag(marko_web_block_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const blockName = "callout-cards";
+
+  const slots = getAsArray(input, "slots");
+
+  marko_web_block_tag({
+      name: blockName,
+      tag: "div",
+      attrs: {
+          role: "region",
+          "aria-label": "Callout Cards"
+        },
+      renderBody: function(out) {
+        marko_web_element_tag({
+            name: "row",
+            tag: "div",
+            blockName: blockName,
+            renderBody: function(out) {
+              marko_web_element_tag({
+                  name: "col",
+                  tag: "div",
+                  blockName: blockName,
+                  renderBody: function(out) {
+                    marko_dynamicTag(out, slots[0].renderBody, null, null, null, null, __component, "3");
+                  }
+                }, out, __component, "2");
+
+              marko_web_element_tag({
+                  name: "col",
+                  tag: "div",
+                  blockName: blockName,
+                  modifiers: [
+                      "last"
+                    ],
+                  renderBody: function(out) {
+                    marko_dynamicTag(out, slots[1].renderBody, null, null, null, null, __component, "5");
+                  }
+                }, out, __component, "4");
+            }
+          }, out, __component, "1");
+      }
+    }, 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/blocks/callout-cards.marko",
+    tags: [
+      "@mindful-web/marko-web/components/element/index.marko",
+      "@mindful-web/marko-web/components/element/block.marko"
+    ]
+  };

package/components/blocks/company-inquiry-form.marko

@@ -0,0 +1,30 @@
+import defaultValue from "@mindful-web/marko-core/utils/default-value";
+
+$ const { i18n } = out.global
+$ const { content, consentCheckboxes } = input;
+$ const initiallyExpanded = defaultValue(input.initiallyExpanded, true);
+$ const modifiers = defaultValue(input.modifiers, []);
+$ if (initiallyExpanded) modifiers.push("open");
+$ const before = i18n("Request More Info");
+
+<marko-web-node-list class="node-list" block-name="inquiry-form" modifiers=modifiers collapsible=false>
+  <@header>
+    <marko-web-browser-component
+      name="ThemeMenuToggleButton"
+      props={
+        className: 'inquiry-form-button btn btn-primary',
+        before: before,
+        targets: ['.node-list.inquiry-form'],
+        toggleClass: 'inquiry-form--open',
+        iconName: 'chevron-down',
+        initiallyExpanded,
+        expandedIconName: 'chevron-up',
+      }
+      ssr=true
+    />
+  </@header>
+  <@body>
+    <marko-web-p1-events-track-inquiry-submission content=content />
+    <marko-web-inquiry-form content=content with-header=false consent-checkboxes=consentCheckboxes />
+  </@body>
+</marko-web-node-list>

package/components/blocks/company-inquiry-form.marko.js

@@ -0,0 +1,93 @@
+// 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/blocks/company-inquiry-form.marko",
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    module_defaultValue = require("@mindful-web/marko-core/utils/default-value"),
+    defaultValue = module_defaultValue.default || module_defaultValue,
+    marko_web_browser_component_template = require("@mindful-web/marko-web/components/browser-component.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_browser_component_tag = marko_loadTag(marko_web_browser_component_template),
+    marko_web_p1_events_track_inquiry_submission_template = require("@mindful-web/marko-web-p1-events/components/track-inquiry-submission.marko"),
+    marko_web_p1_events_track_inquiry_submission_tag = marko_loadTag(marko_web_p1_events_track_inquiry_submission_template),
+    marko_web_inquiry_form_template = require("@mindful-web/marko-web-inquiry/components/form.marko"),
+    marko_web_inquiry_form_tag = marko_loadTag(marko_web_inquiry_form_template),
+    marko_web_node_list_template = require("@mindful-web/marko-web/components/node-list/index.marko"),
+    marko_web_node_list_tag = marko_loadTag(marko_web_node_list_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const { i18n } = out.global
+
+  const { content, consentCheckboxes } = input;
+
+  const initiallyExpanded = defaultValue(input.initiallyExpanded, true);
+
+  const modifiers = defaultValue(input.modifiers, []);
+
+  if (initiallyExpanded) modifiers.push("open");
+
+  const before = i18n("Request More Info");
+
+  marko_web_node_list_tag({
+      blockName: "inquiry-form",
+      tag: "div",
+      justified: false,
+      innerJustified: false,
+      flushX: false,
+      flushY: false,
+      fullHeight: false,
+      collapsible: false,
+      class: "node-list",
+      modifiers: modifiers,
+      header: {
+          renderBody: function(out) {
+            marko_web_browser_component_tag({
+                name: "ThemeMenuToggleButton",
+                props: {
+                    className: "inquiry-form-button btn btn-primary",
+                    before: before,
+                    targets: [
+                        ".node-list.inquiry-form"
+                      ],
+                    toggleClass: "inquiry-form--open",
+                    iconName: "chevron-down",
+                    initiallyExpanded: initiallyExpanded,
+                    expandedIconName: "chevron-up"
+                  },
+                ssr: true
+              }, out, __component, "2");
+          }
+        },
+      body: {
+          renderBody: function(out) {
+            marko_web_p1_events_track_inquiry_submission_tag({
+                content: content
+              }, out, __component, "4");
+
+            marko_web_inquiry_form_tag({
+                content: content,
+                withHeader: false,
+                consentCheckboxes: consentCheckboxes
+              }, out, __component, "5");
+          }
+        }
+    }, 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/blocks/company-inquiry-form.marko",
+    tags: [
+      "@mindful-web/marko-web/components/browser-component.marko",
+      "@mindful-web/marko-web-p1-events/components/track-inquiry-submission.marko",
+      "@mindful-web/marko-web-inquiry/components/form.marko",
+      "@mindful-web/marko-web/components/node-list/index.marko"
+    ]
+  };

package/components/blocks/company-search.marko

@@ -0,0 +1 @@
+<marko-web-browser-component name="ThemeCompanySearch" />

package/components/blocks/company-search.marko.js

@@ -0,0 +1,29 @@
+// 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/blocks/company-search.marko",
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    marko_web_browser_component_template = require("@mindful-web/marko-web/components/browser-component.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_browser_component_tag = marko_loadTag(marko_web_browser_component_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  marko_web_browser_component_tag({
+      name: "ThemeCompanySearch"
+    }, 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/blocks/company-search.marko",
+    tags: [
+      "@mindful-web/marko-web/components/browser-component.marko"
+    ]
+  };