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

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

@@ -0,0 +1,57 @@
+// 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/section-search.marko",
+    marko_component = require("./section-search.marko"),
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    module_queryFragment = require("../../graphql/fragments/sections-search"),
+    queryFragment = module_queryFragment.default || module_queryFragment,
+    module_getChildSectionsById_module = require("../../utils/get-child-sections-by-id"),
+    getChildSectionsById_module = module_getChildSectionsById_module.default || module_getChildSectionsById_module,
+    getChildSectionsById = module_getChildSectionsById_module.getChildSectionsById,
+    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_query_template = require("@mindful-web/marko-core/components/queries/index.marko"),
+    marko_web_query_tag = marko_loadTag(marko_web_query_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const { sectionIds, includeSelf } = input;
+
+  if (sectionIds.length) {
+    marko_web_query_tag({
+        collapsible: true,
+        name: "website-sections",
+        params: {
+            includeIds: sectionIds,
+            queryFragment: queryFragment
+          },
+        renderBody: function(out, { nodes: parent }) {
+          const nodesById = getChildSectionsById(parent[0], {}, includeSelf);
+
+          marko_web_browser_component_tag({
+              name: "ThemeSectionSearch",
+              props: {
+                  sections: Object.values(nodesById)
+                }
+            }, 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/blocks/section-search.marko",
+    component: "./section-search.marko",
+    tags: [
+      "@mindful-web/marko-web/components/browser-component.marko",
+      "@mindful-web/marko-core/components/queries/index.marko"
+    ]
+  };

package/components/blocks/section-title-feed.marko

@@ -0,0 +1,40 @@
+import defaultValue from "@mindful-web/marko-core/utils/default-value";
+import queryFragment from "../../graphql/fragments/section-body-feed-block";
+
+$ const queryParams = {
+  ...input.queryParams,
+  sectionAlias: input.alias,
+  queryFragment,
+};
+
+$ const blockName = "section-feed";
+$ const countOnly = defaultValue(input.countOnly, false);
+
+<if(countOnly)>
+  <theme-query-total-count|data| name="website-scheduled-content" params=queryParams>
+    <${input.renderBody} ...data />
+  </theme-query-total-count>
+</if>
+<else>
+  <marko-web-query|{ nodes }| name="website-scheduled-content" params=queryParams>
+    <marko-web-node-list
+      inner-justified=true
+      flush-x=true
+      flush-y=false
+      modifiers=[blockName]
+    >
+      <@nodes nodes=nodes>
+        <@slot|{ node }|>
+          <theme-content-node
+            node=node
+            with-section=false
+            with-teaser=false
+            with-dates=false
+            with-body=false
+            display-image=false
+          />
+        </@slot>
+      </@nodes>
+    </marko-web-node-list>
+  </marko-web-query>
+</else>

package/components/blocks/section-title-feed.marko.js

@@ -0,0 +1,100 @@
+// 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/section-title-feed.marko",
+    marko_component = require("./section-title-feed.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,
+    module_queryFragment = require("../../graphql/fragments/section-body-feed-block"),
+    queryFragment = module_queryFragment.default || module_queryFragment,
+    marko_dynamicTag = require("marko/dist/runtime/helpers/dynamic-tag"),
+    theme_query_total_count_template = require("../query-total-count.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    theme_query_total_count_tag = marko_loadTag(theme_query_total_count_template),
+    theme_content_node_template = require("../nodes/content.marko"),
+    theme_content_node_tag = marko_loadTag(theme_content_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),
+    marko_web_query_template = require("@mindful-web/marko-core/components/queries/index.marko"),
+    marko_web_query_tag = marko_loadTag(marko_web_query_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const queryParams = {
+  ...input.queryParams,
+  sectionAlias: input.alias,
+  queryFragment,
+};
+
+  const blockName = "section-feed";
+
+  const countOnly = defaultValue(input.countOnly, false);
+
+  if (countOnly) {
+    theme_query_total_count_tag({
+        name: "website-scheduled-content",
+        params: queryParams,
+        renderBody: function(out, data) {
+          marko_dynamicTag(out, input.renderBody, function() {
+            return data;
+          }, null, null, null, __component, "1");
+        }
+      }, out, __component, "0");
+  } else {
+    marko_web_query_tag({
+        collapsible: true,
+        name: "website-scheduled-content",
+        params: queryParams,
+        renderBody: function(out, { nodes }) {
+          marko_web_node_list_tag({
+              blockName: "node-list",
+              tag: "div",
+              justified: false,
+              innerJustified: true,
+              flushX: true,
+              flushY: false,
+              fullHeight: false,
+              collapsible: true,
+              modifiers: [
+                  blockName
+                ],
+              nodes: {
+                  nodes: nodes,
+                  slots: [
+                      {
+                          renderBody: function(out, { node }) {
+                            theme_content_node_tag({
+                                node: node,
+                                withSection: false,
+                                withTeaser: false,
+                                withDates: false,
+                                withBody: false,
+                                displayImage: false
+                              }, out, __component, "6");
+                          }
+                        }
+                    ]
+                }
+            }, out, __component, "3");
+        }
+      }, out, __component, "2");
+  }
+}
+
+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/section-title-feed.marko",
+    component: "./section-title-feed.marko",
+    tags: [
+      "../query-total-count.marko",
+      "../nodes/content.marko",
+      "@mindful-web/marko-web/components/node-list/index.marko",
+      "@mindful-web/marko-core/components/queries/index.marko"
+    ]
+  };

package/components/blocks/top-stories-menu.marko

@@ -0,0 +1,40 @@
+import { getAsObject } from "@mindful-web/object-path";
+import defaultValue from "@mindful-web/marko-core/utils/default-value";
+import queryFragment from "../../graphql/fragments/top-stories-menu-block";
+
+$ const { i18n } = out.global;
+
+$ const sectionAlias = defaultValue(input.sectionAlias, 'home');
+
+$ const queryParams = {
+  limit: 5,
+  queryFragment,
+  sectionAlias,
+};
+
+$ const blockName = "top-stories-menu";
+
+<marko-web-query|{ nodes }| name="website-scheduled-content" params=queryParams>
+  <marko-web-node-list
+    inner-justified=false
+    flush-x=true
+    flush-y=true
+    modifiers=[blockName]
+  >
+    <@header>
+      ${i18n("Top Stories")}
+    </@header>
+    <@nodes nodes=nodes>
+      <@slot|{ node }|>
+        <theme-content-node
+          display-image=false
+          flush=true
+          modifiers=[blockName]
+          with-teaser=false
+          with-dates=false
+          node=node
+        />
+      </@slot>
+    </@nodes>
+  </marko-web-node-list>
+</marko-web-query>

package/components/blocks/top-stories-menu.marko.js

@@ -0,0 +1,98 @@
+// 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/top-stories-menu.marko",
+    marko_component = require("./top-stories-menu.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,
+    getAsObject = module_objectPath_module.getAsObject,
+    module_defaultValue = require("@mindful-web/marko-core/utils/default-value"),
+    defaultValue = module_defaultValue.default || module_defaultValue,
+    module_queryFragment = require("../../graphql/fragments/top-stories-menu-block"),
+    queryFragment = module_queryFragment.default || module_queryFragment,
+    helpers_escape_xml = require("marko/dist/runtime/html/helpers/escape-xml"),
+    marko_escapeXml = helpers_escape_xml.x,
+    theme_content_node_template = require("../nodes/content.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    theme_content_node_tag = marko_loadTag(theme_content_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),
+    marko_web_query_template = require("@mindful-web/marko-core/components/queries/index.marko"),
+    marko_web_query_tag = marko_loadTag(marko_web_query_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const { i18n } = out.global;
+
+  const sectionAlias = defaultValue(input.sectionAlias, 'home');
+
+  const queryParams = {
+  limit: 5,
+  queryFragment,
+  sectionAlias,
+};
+
+  const blockName = "top-stories-menu";
+
+  marko_web_query_tag({
+      collapsible: true,
+      name: "website-scheduled-content",
+      params: queryParams,
+      renderBody: function(out, { nodes }) {
+        marko_web_node_list_tag({
+            blockName: "node-list",
+            tag: "div",
+            justified: false,
+            innerJustified: false,
+            flushX: true,
+            flushY: true,
+            fullHeight: false,
+            collapsible: true,
+            modifiers: [
+                blockName
+              ],
+            header: {
+                renderBody: function(out) {
+                  out.w(marko_escapeXml(i18n("Top Stories")));
+                }
+              },
+            nodes: {
+                nodes: nodes,
+                slots: [
+                    {
+                        renderBody: function(out, { node }) {
+                          theme_content_node_tag({
+                              displayImage: false,
+                              flush: true,
+                              modifiers: [
+                                  blockName
+                                ],
+                              withTeaser: false,
+                              withDates: false,
+                              node: node
+                            }, out, __component, "5");
+                        }
+                      }
+                  ]
+              }
+          }, 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/blocks/top-stories-menu.marko",
+    component: "./top-stories-menu.marko",
+    tags: [
+      "../nodes/content.marko",
+      "@mindful-web/marko-web/components/node-list/index.marko",
+      "@mindful-web/marko-core/components/queries/index.marko"
+    ]
+  };

package/components/blocks/top-stories.marko

@@ -0,0 +1,76 @@
+import defaultValue from "@mindful-web/marko-core/utils/default-value";
+import queryFragment from "../../graphql/fragments/top-stories-block";
+
+$ const { i18n } = out.global;
+
+$ const queryParams = {
+  limit: 5,
+  requiresImage: true,
+  queryFragment,
+  sectionAlias: "home",
+  ...input.queryParams,
+};
+$ const blockName = "top-stories";
+$ const withHeader = defaultValue(input.withHeader, true);
+$ const withNativeX = defaultValue(input.withNativeX, true);
+$ const lazyload = defaultValue(input.lazyload, true);
+$ const queryName = (queryParams.optionName) ? "website-optioned-content" : "website-scheduled-content";
+
+<marko-web-query|{ nodes }| name=queryName params=queryParams>
+  <if(nodes.length)>
+    $ const heroNode = nodes.slice(0, 1)[0];
+    $ const heroImageNode = {
+      id: heroNode.id,
+      type: heroNode.type,
+      siteContext: heroNode.siteContext,
+      primaryImage: heroNode.primaryImage,
+      ...(heroNode.externalContentUrl && { externalContentUrl: heroNode.externalContentUrl }),
+    };
+    $ const cardNodes = nodes.slice(1);
+
+    <marko-web-block name=blockName attrs={ role: "region", "aria-label": "Top Stories" }>
+      <if(withHeader)>
+        <marko-web-element block-name=blockName name="header">
+          ${i18n("Top Stories")}
+        </marko-web-element>
+      </if>
+
+      <marko-web-element block-name=blockName name="row">
+        <marko-web-element block-name=blockName name="col" modifiers=["hero"]>
+          <theme-content-node
+            image-position="top"
+            card=true
+            flush=true
+            image-only=true
+            modifiers=[`${blockName}-hero-image`]
+            node=heroImageNode
+          >
+            <@image fluid=true width=600 ar="3:2" lazyload=lazyload />
+          </theme-content-node>
+        </marko-web-element>
+        <marko-web-element block-name=blockName name="col" modifiers=["list"]>
+          <theme-content-node
+            full-height=true
+            card=true
+            display-image=false
+            flush=true
+            modifiers=[`${blockName}-hero`]
+            node=heroNode
+          />
+        </marko-web-element>
+      </marko-web-element>
+
+      <if(cardNodes.length)>
+        <theme-content-card-deck-col-flow
+          nodes=cardNodes
+          modifiers=[blockName]
+          ...(withNativeX && { nativeX: { name: "default", index: 3, sectionName: `${i18n("Sponsor Content")}` } })
+        >
+          <@node modifiers=[`${blockName}-card`]>
+            <@image lazyload=lazyload />
+          </@node>
+        </theme-content-card-deck-col-flow>
+      </if>
+    </marko-web-block>
+  </if>
+</marko-web-query>

package/components/blocks/top-stories.marko.js

@@ -0,0 +1,186 @@
+// 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/top-stories.marko",
+    marko_component = require("./top-stories.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,
+    module_queryFragment = require("../../graphql/fragments/top-stories-block"),
+    queryFragment = module_queryFragment.default || module_queryFragment,
+    helpers_escape_xml = require("marko/dist/runtime/html/helpers/escape-xml"),
+    marko_escapeXml = helpers_escape_xml.x,
+    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),
+    theme_content_node_template = require("../nodes/content.marko"),
+    theme_content_node_tag = marko_loadTag(theme_content_node_template),
+    marko_assign = require("marko/dist/runtime/helpers/assign"),
+    theme_content_card_deck_col_flow_template = require("../flows/content/card-deck-col.marko"),
+    theme_content_card_deck_col_flow_tag = marko_loadTag(theme_content_card_deck_col_flow_template),
+    marko_web_block_template = require("@mindful-web/marko-web/components/element/block.marko"),
+    marko_web_block_tag = marko_loadTag(marko_web_block_template),
+    marko_web_query_template = require("@mindful-web/marko-core/components/queries/index.marko"),
+    marko_web_query_tag = marko_loadTag(marko_web_query_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const { i18n } = out.global;
+
+  const queryParams = {
+  limit: 5,
+  requiresImage: true,
+  queryFragment,
+  sectionAlias: "home",
+  ...input.queryParams,
+};
+
+  const blockName = "top-stories";
+
+  const withHeader = defaultValue(input.withHeader, true);
+
+  const withNativeX = defaultValue(input.withNativeX, true);
+
+  const lazyload = defaultValue(input.lazyload, true);
+
+  const queryName = (queryParams.optionName) ? "website-optioned-content" : "website-scheduled-content";
+
+  marko_web_query_tag({
+      collapsible: true,
+      name: queryName,
+      params: queryParams,
+      renderBody: function(out, { nodes }) {
+        if (nodes.length) {
+          const heroNode = nodes.slice(0, 1)[0];
+
+          const heroImageNode = {
+      id: heroNode.id,
+      type: heroNode.type,
+      siteContext: heroNode.siteContext,
+      primaryImage: heroNode.primaryImage,
+      ...(heroNode.externalContentUrl && { externalContentUrl: heroNode.externalContentUrl }),
+    };
+
+          const cardNodes = nodes.slice(1);
+
+          marko_web_block_tag({
+              name: blockName,
+              tag: "div",
+              attrs: {
+                  role: "region",
+                  "aria-label": "Top Stories"
+                },
+              renderBody: function(out) {
+                if (withHeader) {
+                  marko_web_element_tag({
+                      name: "header",
+                      tag: "div",
+                      blockName: blockName,
+                      renderBody: function(out) {
+                        out.w(marko_escapeXml(i18n("Top Stories")));
+                      }
+                    }, out, __component, "2");
+                }
+
+                marko_web_element_tag({
+                    name: "row",
+                    tag: "div",
+                    blockName: blockName,
+                    renderBody: function(out) {
+                      marko_web_element_tag({
+                          name: "col",
+                          tag: "div",
+                          blockName: blockName,
+                          modifiers: [
+                              "hero"
+                            ],
+                          renderBody: function(out) {
+                            theme_content_node_tag({
+                                imagePosition: "top",
+                                card: true,
+                                flush: true,
+                                imageOnly: true,
+                                modifiers: [
+                                    blockName + "-hero-image"
+                                  ],
+                                node: heroImageNode,
+                                image: {
+                                    fluid: true,
+                                    width: 600,
+                                    ar: "3:2",
+                                    lazyload: lazyload
+                                  }
+                              }, out, __component, "5");
+                          }
+                        }, out, __component, "4");
+
+                      marko_web_element_tag({
+                          name: "col",
+                          tag: "div",
+                          blockName: blockName,
+                          modifiers: [
+                              "list"
+                            ],
+                          renderBody: function(out) {
+                            theme_content_node_tag({
+                                fullHeight: true,
+                                card: true,
+                                displayImage: false,
+                                flush: true,
+                                modifiers: [
+                                    blockName + "-hero"
+                                  ],
+                                node: heroNode
+                              }, out, __component, "8");
+                          }
+                        }, out, __component, "7");
+                    }
+                  }, out, __component, "3");
+
+                if (cardNodes.length) {
+                  theme_content_card_deck_col_flow_tag(marko_assign({
+                      nodes: cardNodes,
+                      modifiers: [
+                          blockName
+                        ]
+                    }, withNativeX && {
+                      nativeX: {
+                          name: "default",
+                          index: 3,
+                          sectionName: "" + i18n("Sponsor Content")
+                        }
+                    }, {
+                      node: {
+                          modifiers: [
+                              blockName + "-card"
+                            ],
+                          image: {
+                              lazyload: lazyload
+                            }
+                        }
+                    }), out, __component, "9");
+                }
+              }
+            }, 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/blocks/top-stories.marko",
+    component: "./top-stories.marko",
+    tags: [
+      "@mindful-web/marko-web/components/element/index.marko",
+      "../nodes/content.marko",
+      "../flows/content/card-deck-col.marko",
+      "@mindful-web/marko-web/components/element/block.marko",
+      "@mindful-web/marko-core/components/queries/index.marko"
+    ]
+  };

package/components/blocks/white-papers.marko

@@ -0,0 +1,80 @@
+import { get } from "@mindful-web/object-path";
+import defaultValue from "@mindful-web/marko-core/utils/default-value";
+import shuffleArray from "../../utils/shuffle-array";
+import queryFragment from "../../graphql/fragments/white-papers-block";
+import sectionFragment from "../../graphql/fragments/section-info";
+
+$ const { i18n } = out.global;
+
+$ const sectionAlias = defaultValue(input.sectionAlias, "white-papers");
+$ const iconName = defaultValue(input.iconName, "file");
+$ const contentTypes = defaultValue(input.contentTypes, ["Whitepaper"]);
+$ const shuffle = defaultValue(input.shuffle, false);
+$ const defaultLimit = (shuffle) ? 20 : 1;
+$ const limit = defaultValue(input.limit, defaultLimit);
+
+$ const queryParams = {
+  sectionAlias,
+  includeContentTypes: contentTypes,
+  ...input.queryParams,
+  limit,
+  queryFragment,
+  sectionFragment,
+};
+
+<marko-web-query|{ nodes, section }| name="website-scheduled-content" params=queryParams>
+  <if(nodes.length)>
+    $ const blockTitle = defaultValue(input.blockTitle, section.name);
+    $ const node = (shuffle) ? shuffleArray(nodes)[0]: nodes[0];
+    $ const blockName = "white-papers";
+
+    <marko-web-block name=blockName>
+      <marko-web-element block-name=blockName name="header">
+        <marko-web-icon name=iconName modifiers=[blockName] />
+        ${blockTitle}
+      </marko-web-element>
+
+      <marko-web-node
+        type=`${node.type}-content`
+        card=true
+        flush=true
+        full-height=false
+        modifiers=[blockName]
+      >
+        <@body>
+          <@header>
+            <@left modifiers=["company-name"]>
+              <marko-web-content-name|{ value }| obj=node.company>
+                ${i18n("Sponsored by")} ${value}
+              </marko-web-content-name>
+            </@left>
+          </@header>
+          <@title tag="h5">
+            <marko-web-content-short-name tag=null obj=node link=true />
+          </@title>
+          <@text modifiers=["teaser"] show=(Boolean(node.teaser))>
+            <marko-web-content-teaser tag=null obj=node link=true />
+          </@text>
+          <@footer modifiers=["buttons"]>
+            <@left>
+              <marko-web-link
+                class=`btn btn-primary ${blockName}__download-btn`
+                href=node.siteContext.path
+                title="Download"
+              >
+                ${i18n("Download")}
+              </marko-web-link>
+              <marko-web-link
+                class="btn btn-secondary"
+                href=`/${sectionAlias}`
+                title="View All"
+              >
+                ${i18n("View All")}
+              </marko-web-link>
+            </@left>
+          </@footer>
+        </@body>
+      </marko-web-node>
+    </marko-web-block>
+  </if>
+</marko-web-query>