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

package/components/blocks/latest-podcast.marko.js

@@ -0,0 +1,172 @@
+// 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/latest-podcast.marko",
+    marko_component = require("./latest-podcast.marko"),
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    module_queryFragment = require("../../graphql/fragments/latest-podcast-block"),
+    queryFragment = module_queryFragment.default || module_queryFragment,
+    module_sectionFragment = require("../../graphql/fragments/section-info"),
+    sectionFragment = module_sectionFragment.default || module_sectionFragment,
+    marko_web_icon_template = require("@mindful-web/marko-web-icons/components/icon.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_icon_tag = marko_loadTag(marko_web_icon_template),
+    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_web_element_tag = marko_loadTag(marko_web_element_template),
+    marko_web_content_short_name_template = require("@mindful-web/marko-web/components/element/content/short-name.marko"),
+    marko_web_content_short_name_tag = marko_loadTag(marko_web_content_short_name_template),
+    marko_web_website_section_name_template = require("@mindful-web/marko-web/components/element/website-section/name.marko"),
+    marko_web_website_section_name_tag = marko_loadTag(marko_web_website_section_name_template),
+    marko_forOf = require("marko/dist/runtime/helpers/for-of"),
+    marko_web_link_template = require("@mindful-web/marko-web/components/element/link.marko"),
+    marko_web_link_tag = marko_loadTag(marko_web_link_template),
+    marko_web_node_template = require("@mindful-web/marko-web/components/node/index.marko"),
+    marko_web_node_tag = marko_loadTag(marko_web_node_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 queryParams = {
+  sectionAlias: input.alias,
+  includeContentTypes: ["Podcast"],
+  limit: 1,
+  queryFragment,
+  sectionFragment,
+};
+
+  const { site, i18n } = out.global;
+
+  const podcastLinks = site.getAsArray("podcastLinks");
+
+  const blockName = "latest-podcast";
+
+  marko_web_query_tag({
+      collapsible: true,
+      name: "website-scheduled-content",
+      params: queryParams,
+      renderBody: function(out, { nodes, section }) {
+        const [node] = nodes;
+
+        marko_web_block_tag({
+            name: blockName,
+            tag: "div",
+            renderBody: function(out) {
+              marko_web_element_tag({
+                  name: "header",
+                  tag: "div",
+                  blockName: blockName,
+                  renderBody: function(out) {
+                    marko_web_icon_tag({
+                        blockName: "marko-web-icon",
+                        tag: "span",
+                        name: "file",
+                        modifiers: [
+                            blockName
+                          ]
+                      }, out, __component, "3");
+
+                    out.w(marko_escapeXml(section.name));
+                  }
+                }, out, __component, "2");
+
+              marko_web_node_tag({
+                  type: node.type + "-content",
+                  card: true,
+                  flush: true,
+                  fullHeight: false,
+                  modifiers: [
+                      blockName
+                    ],
+                  body: {
+                      header: {
+                          left: {
+                              renderBody: function(out) {
+                                out.w(marko_escapeXml(i18n("Latest Episode")));
+                              }
+                            }
+                        },
+                      title: {
+                          tag: "h5",
+                          renderBody: function(out) {
+                            marko_web_content_short_name_tag({
+                                tag: null,
+                                obj: node,
+                                link: true
+                              }, out, __component, "9");
+                          }
+                        },
+                      text: [
+                          {
+                              modifiers: [
+                                  "more-episodes"
+                                ],
+                              renderBody: function(out) {
+                                marko_web_website_section_name_tag({
+                                    tag: null,
+                                    obj: section,
+                                    link: true,
+                                    renderBody: function(out, { value }) {
+                                      out.w(marko_escapeXml(i18n("More episodes")) +
+                                        " »");
+                                    }
+                                  }, out, __component, "11");
+                              }
+                            }
+                        ],
+                      footer: podcastLinks.length && {
+                          left: {
+                              modifiers: [
+                                  "buttons"
+                                ],
+                              renderBody: function(out) {
+                                var $for$0 = 0;
+
+                                marko_forOf(podcastLinks, function(link) {
+                                  var $keyScope$0 = "[" + (($for$0++) + "]");
+
+                                  marko_web_link_tag({
+                                      class: ("btn btn-light " + blockName) + "__btn",
+                                      href: link.href,
+                                      title: link.label,
+                                      target: "_blank",
+                                      renderBody: function(out) {
+                                        out.w(marko_escapeXml(link.label));
+                                      }
+                                    }, out, __component, "14" + $keyScope$0);
+                                });
+                              }
+                            }
+                        }
+                    }
+                }, out, __component, "4");
+            }
+          }, 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/latest-podcast.marko",
+    component: "./latest-podcast.marko",
+    tags: [
+      "@mindful-web/marko-web-icons/components/icon.marko",
+      "@mindful-web/marko-web/components/element/index.marko",
+      "@mindful-web/marko-web/components/element/content/short-name.marko",
+      "@mindful-web/marko-web/components/element/website-section/name.marko",
+      "@mindful-web/marko-web/components/element/link.marko",
+      "@mindful-web/marko-web/components/node/index.marko",
+      "@mindful-web/marko-web/components/element/block.marko",
+      "@mindful-web/marko-core/components/queries/index.marko"
+    ]
+  };

package/components/blocks/latest-products-feed.marko

@@ -0,0 +1,58 @@
+import defaultValue from "@mindful-web/marko-core/utils/default-value";
+import queryFragment from "../../graphql/fragments/latest-products-feed-block";
+
+$ const queryName = input.queryName ? input.queryName : "website-scheduled-content";
+$ const queryParams = {
+  ...input.queryParams,
+  sectionAlias: input.alias,
+  queryFragment,
+};
+
+$ const blockName = "latest-products-feed";
+$ const countOnly = defaultValue(input.countOnly, false);
+
+<if(countOnly)>
+  <theme-query-total-count|data| name=queryName params=queryParams>
+    <${input.renderBody} ...data />
+  </theme-query-total-count>
+</if>
+<else>
+  <marko-web-query|{ nodes }| name=queryName params=queryParams>
+    <marko-web-node-list
+      inner-justified=false
+      flush-x=true
+      flush-y=false
+      modifiers=[blockName]
+    >
+      <@nodes nodes=nodes>
+        <@slot|{ node }|>
+          <theme-product-feed-content-node node=node />
+        </@slot>
+        <@slot position="after" index=2 modifiers=["ad"]>
+          <theme-gam-define-display-ad
+            name="rotation-1-mobile"
+            position="content_page"
+            aliases=[input.alias]
+            modifiers=["max-width-300", "center", "margin-auto-x", "inline-feed"]
+          />
+        </@slot>
+        <@slot position="after" index=5 modifiers=["ad"]>
+          <theme-gam-define-display-ad
+            name="rotation-2-mobile"
+            position="content_page"
+            aliases=[input.alias]
+            modifiers=["max-width-300", "center", "margin-auto-x", "inline-feed"]
+          />
+        </@slot>
+        <@slot position="after" index=8 modifiers=["ad"]>
+          <theme-gam-define-display-ad
+            name="rotation-3-mobile"
+            position="content_page"
+            aliases=[input.alias]
+            modifiers=["max-width-300", "center", "margin-auto-x", "inline-feed"]
+          />
+        </@slot>
+      </@nodes>
+    </marko-web-node-list>
+  </marko-web-query>
+</else>

package/components/blocks/latest-products-feed.marko.js

@@ -0,0 +1,166 @@
+// 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/latest-products-feed.marko",
+    marko_component = require("./latest-products-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/latest-products-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_product_feed_content_node_template = require("../nodes/product-feed-content.marko"),
+    theme_product_feed_content_node_tag = marko_loadTag(theme_product_feed_content_node_template),
+    theme_gam_define_display_ad_template = require("../gam/define-display-ad.marko"),
+    theme_gam_define_display_ad_tag = marko_loadTag(theme_gam_define_display_ad_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 queryName = input.queryName ? input.queryName : "website-scheduled-content";
+
+  const queryParams = {
+  ...input.queryParams,
+  sectionAlias: input.alias,
+  queryFragment,
+};
+
+  const blockName = "latest-products-feed";
+
+  const countOnly = defaultValue(input.countOnly, false);
+
+  if (countOnly) {
+    theme_query_total_count_tag({
+        name: queryName,
+        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: queryName,
+        params: queryParams,
+        renderBody: function(out, { nodes }) {
+          marko_web_node_list_tag({
+              blockName: "node-list",
+              tag: "div",
+              justified: false,
+              innerJustified: false,
+              flushX: true,
+              flushY: false,
+              fullHeight: false,
+              collapsible: true,
+              modifiers: [
+                  blockName
+                ],
+              nodes: {
+                  nodes: nodes,
+                  slots: [
+                      {
+                          renderBody: function(out, { node }) {
+                            theme_product_feed_content_node_tag({
+                                node: node
+                              }, out, __component, "6");
+                          }
+                        },
+                      {
+                          position: "after",
+                          index: 2,
+                          modifiers: [
+                              "ad"
+                            ],
+                          renderBody: function(out) {
+                            theme_gam_define_display_ad_tag({
+                                name: "rotation-1-mobile",
+                                position: "content_page",
+                                aliases: [
+                                    input.alias
+                                  ],
+                                modifiers: [
+                                    "max-width-300",
+                                    "center",
+                                    "margin-auto-x",
+                                    "inline-feed"
+                                  ]
+                              }, out, __component, "8");
+                          }
+                        },
+                      {
+                          position: "after",
+                          index: 5,
+                          modifiers: [
+                              "ad"
+                            ],
+                          renderBody: function(out) {
+                            theme_gam_define_display_ad_tag({
+                                name: "rotation-2-mobile",
+                                position: "content_page",
+                                aliases: [
+                                    input.alias
+                                  ],
+                                modifiers: [
+                                    "max-width-300",
+                                    "center",
+                                    "margin-auto-x",
+                                    "inline-feed"
+                                  ]
+                              }, out, __component, "10");
+                          }
+                        },
+                      {
+                          position: "after",
+                          index: 8,
+                          modifiers: [
+                              "ad"
+                            ],
+                          renderBody: function(out) {
+                            theme_gam_define_display_ad_tag({
+                                name: "rotation-3-mobile",
+                                position: "content_page",
+                                aliases: [
+                                    input.alias
+                                  ],
+                                modifiers: [
+                                    "max-width-300",
+                                    "center",
+                                    "margin-auto-x",
+                                    "inline-feed"
+                                  ]
+                              }, out, __component, "12");
+                          }
+                        }
+                    ]
+                }
+            }, 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/latest-products-feed.marko",
+    component: "./latest-products-feed.marko",
+    tags: [
+      "../query-total-count.marko",
+      "../nodes/product-feed-content.marko",
+      "../gam/define-display-ad.marko",
+      "@mindful-web/marko-web/components/node-list/index.marko",
+      "@mindful-web/marko-core/components/queries/index.marko"
+    ]
+  };

package/components/blocks/marko.json

@@ -0,0 +1,204 @@
+{
+  "taglib-imports": [],
+  "<theme-author-bios-block>": {
+    "template": "./author-bios.marko"
+  },
+  "<theme-callout-cards-block>": {
+    "template": "./callout-cards.marko",
+    "@slots <slot>[]": {}
+  },
+  "<theme-content-card-deck-block>": {
+    "template": "./content-card-deck.marko",
+    "@nodes": "array",
+    "<node>": {},
+    "@alias" : "string",
+    "@cols": "number",
+    "@default-description": "string",
+    "@link-header": "boolean",
+    "@query-name": "string",
+    "@query-params": "object",
+    "@section": "object",
+    "@title": "string",
+    "@view-more": "boolean",
+    "@view-more-text": "string",
+    "@with-native-x": "boolean",
+    "<link>": {},
+    "<native-x>": {
+      "@index": "number",
+      "@indexes": "array",
+      "@name": "string",
+      "@aliases": "array",
+      "@section-name": "string"
+    }
+  },
+  "<theme-company-inquiry-form-block>": {
+    "template": "./company-inquiry-form.marko",
+    "@content": {},
+    "@consent-checkboxes": "array",
+    "@initially-expanded": "boolean",
+    "@modifiers": "array"
+  },
+  "<theme-company-search-block>": {
+    "template": "./company-search.marko"
+  },
+  "<theme-full-width-native-ad-block>": {
+    "template": "./full-width-native-ad.marko"
+  },
+  "<theme-hero-card-block>": {
+    "template": "./hero-card.marko",
+    "@alias": "string",
+    "@description": "string",
+    "@name": "string",
+    "@query-params": "object"
+  },
+  "<theme-latest-content-list-block>": {
+    "template": "./latest-content-list.marko",
+    "<native-x>": {
+      "@index": "number",
+      "@indexes": "array",
+      "@name": "string",
+      "@aliases": "array",
+      "@section-name": "string"
+    },
+    "<node>": {},
+    "<query-params>": {},
+    "<link>": {},
+    "@class": "string",
+    "@modifiers": "array",
+    "@query-name": "string",
+    "@flush-x": "boolean",
+    "@flush-y": "boolean",
+    "@link-header": "boolean",
+    "@with-native-x-section": "boolean",
+    "@nodes": "array",
+    "@title": "string",
+    "@alias": "string",
+    "@with-section": "boolean"
+  },
+  "<theme-latest-podcast-block>": {
+    "template": "./latest-podcast.marko"
+  },
+  "<theme-latest-products-feed-block>": {
+    "template": "./latest-products-feed.marko",
+    "<query-params>": {},
+    "@query-name": "string",
+    "@alias": "string",
+    "@count-only": "boolean"
+  },
+  "<theme-more-products-block>": {
+    "template": "./more-products.marko"
+  },
+  "<theme-most-popular-block>": {
+    "template": "./most-popular.marko"
+  },
+  "<theme-most-popular-list-block>": {
+    "template": "./most-popular-list.marko"
+  },
+  "<theme-native-x-card-deck-block>": {
+    "template": "./native-x-card-deck.marko"
+  },
+  "<theme-native-x-promo-card-block>": {
+    "template": "./native-x-promo-card.marko"
+  },
+  "<theme-newsletter-signup-banner-block>": {
+    "template": "./newsletter-signup-banner.marko"
+  },
+  "<theme-newsletter-signup-banner-large-block>": {
+    "template": "./newsletter-signup-banner-large.marko"
+  },
+  "<theme-newsletter-signup-banner-external-block>": {
+    "template": "./newsletter-signup-banner-external.marko"
+  },
+  "<theme-opinion-block>": {
+    "template": "./opinion.marko",
+    "@alias" : "string"
+  },
+  "<theme-primary-image-block>": {
+    "template": "./primary-image.marko"
+  },
+  "<theme-products-block>": {
+    "template": "./products.marko"
+  },
+  "<theme-read-next-block>": {
+    "template": "./read-next.marko"
+  },
+  "<theme-related-stories-block>": {
+    "template": "./related-stories.marko"
+  },
+  "<theme-resource-library-block>": {
+    "template": "./resource-library.marko"
+  },
+  "<theme-section-body-feed-block>": {
+    "template": "./section-body-feed.marko",
+    "<query-params>": {},
+    "<node>": {},
+    "@alias": "string",
+    "@count-only": "boolean"
+  },
+  "<theme-section-card-deck-block>": {
+    "template": "./section-card-deck.marko",
+    "@alias" : "string",
+    "@default-description": "string"
+  },
+  "<theme-section-card-deck-featured-block>": {
+    "template": "./section-card-deck-featured.marko"
+  },
+  "<theme-section-card-list-block>": {
+    "template": "./section-card-list.marko"
+  },
+  "<theme-section-feed-block>": {
+    "template": "./section-feed.marko",
+    "<header>": {},
+    "<before>": {},
+    "<after>": {},
+    "<query-params>": {},
+    "<node>": {},
+    "<node-list>": {},
+    "@alias": "string",
+    "@count-only": "boolean",
+    "@display-image": "boolean",
+    "@with-section": "boolean",
+    "@with-sponsored": "boolean",
+    "@lazyload": "boolean",
+    "@modifiers": "array",
+    "@query-name": "string",
+    "<native-x>": {
+      "@index": "number",
+      "@indexes": "array",
+      "@name": "string",
+      "@aliases": "array",
+      "@section-name": "string"
+    },
+    "@with-native-x-section": "boolean"
+  },
+  "<theme-section-forbes-block>": {
+    "template": "./section-forbes.marko"
+  },
+  "<theme-section-list-deck-block>": {
+    "template": "./section-list-deck.marko"
+  },
+  "<theme-section-list-block>": {
+    "template": "./section-list.marko"
+  },
+  "<theme-section-search-block>": {
+    "template": "./section-search.marko"
+  },
+  "<theme-section-title-feed-block>": {
+    "template": "./section-title-feed.marko",
+    "<query-params>": {},
+    "@alias": "string",
+    "@count-only": "boolean"
+  },
+  "<theme-top-stories-block>": {
+    "template": "./top-stories.marko"
+  },
+  "<theme-top-stories-menu-block>": {
+    "template": "./top-stories-menu.marko"
+  },
+  "<theme-white-papers-block>": {
+    "template": "./white-papers.marko"
+  },
+  "<theme-content-meter-block>": {
+    "template": "./content-meter.marko"
+  }
+}

package/components/blocks/more-products.marko

@@ -0,0 +1,49 @@
+import queryFragment from "../../graphql/fragments/products-block";
+import sectionFragment from "../../graphql/fragments/section-info";
+
+$ const { i18n } = out.global;
+
+$ const queryParams = {
+  requiresImage: true,
+  ...input.params,
+  sectionAlias: input.alias,
+  limit: 6,
+  queryFragment,
+  sectionFragment,
+};
+
+$ const blockName = "more-products";
+
+<marko-web-query|{ nodes, section }| name="website-scheduled-content" params=queryParams>
+  <marko-web-block name=blockName>
+    <marko-web-element block-name=blockName name="header-wrapper">
+      <marko-web-element block-name=blockName name="header">
+        ${i18n("More")} ${section.name}
+      </marko-web-element>
+      <marko-web-element block-name=blockName name="view-more">
+        <marko-web-link href=section.canonicalPath>
+          ${i18n("View more")} &raquo;
+        </marko-web-link>
+      </marko-web-element>
+    </marko-web-element>
+    <theme-card-deck-flow
+      cols=2
+      nodes=nodes
+      modifiers=[blockName]
+    >
+      <@slot|{ node }|>
+        <theme-content-node
+          image-position="right"
+          card=true
+          flush=false
+          modifiers=[blockName]
+          node=node
+          with-teaser=false
+          with-dates=false
+        >
+          <@image width=112 ar="1:1" />
+        </theme-content-node>
+      </@slot>
+    </theme-card-deck-flow>
+  </marko-web-block>
+</marko-web-query>