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

package/components/blocks/white-papers.marko.js

@@ -0,0 +1,205 @@
+// 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/white-papers.marko",
+    marko_component = require("./white-papers.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,
+    get = module_objectPath_module.get,
+    module_defaultValue = require("@mindful-web/marko-core/utils/default-value"),
+    defaultValue = module_defaultValue.default || module_defaultValue,
+    module_shuffleArray = require("../../utils/shuffle-array"),
+    shuffleArray = module_shuffleArray.default || module_shuffleArray,
+    module_queryFragment = require("../../graphql/fragments/white-papers-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_name_template = require("@mindful-web/marko-web/components/element/content/name.marko"),
+    marko_web_content_name_tag = marko_loadTag(marko_web_content_name_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_content_teaser_template = require("@mindful-web/marko-web/components/element/content/teaser.marko"),
+    marko_web_content_teaser_tag = marko_loadTag(marko_web_content_teaser_template),
+    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 { 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_tag({
+      collapsible: true,
+      name: "website-scheduled-content",
+      params: queryParams,
+      renderBody: function(out, { nodes, section }) {
+        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_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: iconName,
+                          modifiers: [
+                              blockName
+                            ]
+                        }, out, __component, "3");
+
+                      out.w(marko_escapeXml(blockTitle));
+                    }
+                  }, out, __component, "2");
+
+                marko_web_node_tag({
+                    type: node.type + "-content",
+                    card: true,
+                    flush: true,
+                    fullHeight: false,
+                    modifiers: [
+                        blockName
+                      ],
+                    body: {
+                        header: {
+                            left: {
+                                modifiers: [
+                                    "company-name"
+                                  ],
+                                renderBody: function(out) {
+                                  marko_web_content_name_tag({
+                                      obj: node.company,
+                                      renderBody: function(out, { value }) {
+                                        out.w(marko_escapeXml(i18n("Sponsored by")) +
+                                          " " +
+                                          marko_escapeXml(value));
+                                      }
+                                    }, out, __component, "8");
+                                }
+                              }
+                          },
+                        title: {
+                            tag: "h5",
+                            renderBody: function(out) {
+                              marko_web_content_short_name_tag({
+                                  tag: null,
+                                  obj: node,
+                                  link: true
+                                }, out, __component, "10");
+                            }
+                          },
+                        text: [
+                            {
+                                modifiers: [
+                                    "teaser"
+                                  ],
+                                show: Boolean(node.teaser),
+                                renderBody: function(out) {
+                                  marko_web_content_teaser_tag({
+                                      tag: null,
+                                      obj: node,
+                                      link: true
+                                    }, out, __component, "12");
+                                }
+                              }
+                          ],
+                        footer: {
+                            modifiers: [
+                                "buttons"
+                              ],
+                            left: {
+                                renderBody: function(out) {
+                                  marko_web_link_tag({
+                                      class: ("btn btn-primary " + blockName) + "__download-btn",
+                                      href: node.siteContext.path,
+                                      title: "Download",
+                                      renderBody: function(out) {
+                                        out.w(marko_escapeXml(i18n("Download")));
+                                      }
+                                    }, out, __component, "15");
+
+                                  marko_web_link_tag({
+                                      class: "btn btn-secondary",
+                                      href: "/" + sectionAlias,
+                                      title: "View All",
+                                      renderBody: function(out) {
+                                        out.w(marko_escapeXml(i18n("View All")));
+                                      }
+                                    }, out, __component, "16");
+                                }
+                              }
+                          }
+                      }
+                  }, 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/white-papers.marko",
+    component: "./white-papers.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/name.marko",
+      "@mindful-web/marko-web/components/element/content/short-name.marko",
+      "@mindful-web/marko-web/components/element/content/teaser.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/breadcrumbs/content-page.marko

@@ -0,0 +1,7 @@
+<theme-website-section-breadcrumbs
+  display-home=false
+  section=input.section
+  display-self=input.displaySelf
+  modifiers=["content-page"]
+  aria-label="Content Section Breadcrumbs"
+/>

package/components/breadcrumbs/content-page.marko.js

@@ -0,0 +1,35 @@
+// 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/breadcrumbs/content-page.marko",
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    theme_website_section_breadcrumbs_template = require("./website-section.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    theme_website_section_breadcrumbs_tag = marko_loadTag(theme_website_section_breadcrumbs_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  theme_website_section_breadcrumbs_tag({
+      displayHome: false,
+      section: input.section,
+      displaySelf: input.displaySelf,
+      modifiers: [
+          "content-page"
+        ],
+      ariaLabel: "Content Section Breadcrumbs"
+    }, 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/breadcrumbs/content-page.marko",
+    tags: [
+      "./website-section.marko"
+    ]
+  };

package/components/breadcrumbs/index.marko

@@ -0,0 +1,21 @@
+import { getAsArray } from "@mindful-web/object-path";
+
+$ const items = getAsArray(input, "items");
+$ const modifiers = getAsArray(input, "modifiers");
+$ const blockName = "breadcrumbs";
+$ const classes = [blockName, ...modifiers.map(mod => `${blockName}--${mod}`)];
+$ const ariaLabel = input.ariaLabel || "breadcrumb";
+
+<if(items.length)>
+  <nav class=classes aria-label=ariaLabel>
+    <ol class="breadcrumb">
+      <for|item| of=items>
+        <if(item.renderBody)>
+          <li class="breadcrumb-item">
+            <${item.renderBody} />
+          </li>
+        </if>
+      </for>
+    </ol>
+  </nav>
+</if>

package/components/breadcrumbs/index.marko.js

@@ -0,0 +1,59 @@
+// 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/breadcrumbs/index.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_forOf = require("marko/dist/runtime/helpers/for-of"),
+    marko_dynamicTag = require("marko/dist/runtime/helpers/dynamic-tag"),
+    marko_classAttr = require("marko/dist/runtime/html/helpers/class-attr"),
+    marko_attr = require("marko/dist/runtime/html/helpers/attr");
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const items = getAsArray(input, "items");
+
+  const modifiers = getAsArray(input, "modifiers");
+
+  const blockName = "breadcrumbs";
+
+  const classes = [blockName, ...modifiers.map(mod => `${blockName}--${mod}`)];
+
+  const ariaLabel = input.ariaLabel || "breadcrumb";
+
+  if (items.length) {
+    out.w("<nav" +
+      marko_classAttr(classes) +
+      marko_attr("aria-label", ariaLabel) +
+      "><ol class=\"breadcrumb\">");
+
+    var $for$0 = 0;
+
+    marko_forOf(items, function(item) {
+      var $keyScope$0 = "[" + (($for$0++) + "]");
+
+      if (item.renderBody) {
+        out.w("<li class=\"breadcrumb-item\">");
+
+        marko_dynamicTag(out, item.renderBody, null, null, null, null, __component, "3" + $keyScope$0);
+
+        out.w("</li>");
+      }
+    });
+
+    out.w("</ol></nav>");
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    d_: true,
+    e_: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@mindful-web/marko-web-theme-monorail$1.0.0/components/breadcrumbs/index.marko"
+  };

package/components/breadcrumbs/marko.json

@@ -0,0 +1,32 @@
+{
+  "<theme-breadcrumbs>": {
+    "template": "./index.marko",
+    "@items <item>[]": {},
+    "@modifiers": "array",
+    "@aria-label": "string"
+  },
+  "<theme-breadcrumbs-with-home>": {
+    "template": "./with-home.marko",
+    "@items <item>[]": {},
+    "@home-title": "string"
+  },
+  "<theme-content-page-breadcrumbs>": {
+    "template": "./content-page.marko",
+    "@section": "object",
+    "@home-title": "string",
+    "@home-alias": "string",
+    "@display-self": "boolean",
+    "@display-home": "boolean",
+    "@modifiers": "array"
+  },
+  "<theme-website-section-breadcrumbs>": {
+    "template": "./website-section.marko",
+    "@section": "object",
+    "@home-title": "string",
+    "@home-alias": "string",
+    "@display-self": "boolean",
+    "@display-home": "boolean",
+    "@modifiers": "array",
+    "@aria-label": "string"
+  }
+}

package/components/breadcrumbs/scss/_breadcrumbs.scss

@@ -0,0 +1,35 @@
+.breadcrumbs {
+  @include media-breakpoint-down($theme-responsive-text-breakpoint) {
+    font-size: $theme-breadcrumbs-font-size-sm;
+    line-height: $theme-breadcrumbs-line-height-sm;
+  }
+
+  font-family: $theme-breadcrumbs-font-family;
+  font-size: $theme-breadcrumbs-font-size;
+  font-weight: $theme-breadcrumbs-font-weight;
+  line-height: $theme-breadcrumbs-line-height;
+  text-transform: $theme-breadcrumbs-transform;
+  letter-spacing: $theme-breadcrumbs-letter-spacing;
+
+  .breadcrumb {
+    padding-top: 0;
+    background-color: $theme-breadcrumbs-background-color;
+  }
+
+  a {
+    color: $theme-breadcrumbs-link-color;
+    text-decoration: $theme-breadcrumbs-link-decoration;
+
+    &:hover {
+      color: $theme-breadcrumbs-link-hover-color;
+      text-decoration: $theme-breadcrumbs-link-hover-decoration;
+    }
+  }
+
+  &--content-page, &--website-section {
+    @include skin-typography($style: "slug-medium", $link-style: "primary");
+    .breadcrumb {
+      padding-bottom: 1rem;
+    }
+  }
+}

package/components/breadcrumbs/website-section.marko

@@ -0,0 +1,31 @@
+import { getAsObject, getAsArray } from "@mindful-web/object-path";
+import defaultValue from "@mindful-web/marko-core/utils/default-value";
+
+$ const section = getAsObject(input, "section");
+$ const children = getAsArray(section, "hierarchy");
+$ const homeTitle = input.homeTitle || "Home";
+$ const homeAlias = input.homeAlias || "home";
+$ const displaySelf = defaultValue(input.displaySelf, true);
+$ const displayHome = defaultValue(input.displayHome, true);
+
+<theme-breadcrumbs modifiers=input.modifiers aria-label=input.ariaLabel>
+  <if(displayHome)>
+    <@item>
+      <marko-web-link href="/" title=homeTitle>${homeTitle}</marko-web-link>
+    </@item>
+  </if>
+  <for|child| of=children>
+    <if(section.alias !== homeAlias)>
+      <if(displaySelf)>
+        <@item>
+          <marko-web-link title=child.name href=`/${child.alias}`>$!{child.name}</marko-web-link>
+        </@item>
+      </if>
+      <else-if(child.alias !== section.alias)>
+        <@item>
+          <marko-web-link title=child.name href=`/${child.alias}`>$!{child.name}</marko-web-link>
+        </@item>
+      </else-if>
+    </if>
+  </for>
+</theme-breadcrumbs>

package/components/breadcrumbs/website-section.marko.js

@@ -0,0 +1,107 @@
+// 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/breadcrumbs/website-section.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,
+    getAsArray = module_objectPath_module.getAsArray,
+    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,
+    marko_web_link_template = require("@mindful-web/marko-web/components/element/link.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_link_tag = marko_loadTag(marko_web_link_template),
+    marko_loadNestedTag = require("marko/dist/runtime/helpers/load-nested-tag"),
+    theme_breadcrumbs_item_nested_tag = marko_loadNestedTag("items", 1),
+    marko_forOf = require("marko/dist/runtime/helpers/for-of"),
+    marko_str = require("marko/dist/runtime/helpers/to-string"),
+    marko_mergeNestedTagsHelper = require("marko/dist/runtime/helpers/merge-nested-tags"),
+    theme_breadcrumbs_template = require("./index.marko"),
+    theme_breadcrumbs_tag = marko_loadTag(theme_breadcrumbs_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const section = getAsObject(input, "section");
+
+  const children = getAsArray(section, "hierarchy");
+
+  const homeTitle = input.homeTitle || "Home";
+
+  const homeAlias = input.homeAlias || "home";
+
+  const displaySelf = defaultValue(input.displaySelf, true);
+
+  const displayHome = defaultValue(input.displayHome, true);
+
+  theme_breadcrumbs_tag(marko_mergeNestedTagsHelper({
+      modifiers: input.modifiers,
+      ariaLabel: input.ariaLabel,
+      renderBody: function(out, $nestedTagtheme_breadcrumbs$0) {
+        if (displayHome) {
+          theme_breadcrumbs_item_nested_tag({
+              renderBody: function(out) {
+                marko_web_link_tag({
+                    href: "/",
+                    title: homeTitle,
+                    renderBody: function(out) {
+                      out.w(marko_escapeXml(homeTitle));
+                    }
+                  }, out, __component, "2");
+              }
+            }, $nestedTagtheme_breadcrumbs$0);
+        }
+
+        var $for$0 = 0;
+
+        marko_forOf(children, function(child) {
+          var $keyScope$0 = "[" + (($for$0++) + "]");
+
+          if (section.alias !== homeAlias) {
+            if (displaySelf) {
+              theme_breadcrumbs_item_nested_tag({
+                  renderBody: function(out) {
+                    marko_web_link_tag({
+                        title: child.name,
+                        href: "/" + child.alias,
+                        renderBody: function(out) {
+                          out.w(marko_str(child.name));
+                        }
+                      }, out, __component, "4" + $keyScope$0);
+                  }
+                }, $nestedTagtheme_breadcrumbs$0);
+            } else if (child.alias !== section.alias) {
+              theme_breadcrumbs_item_nested_tag({
+                  renderBody: function(out) {
+                    marko_web_link_tag({
+                        title: child.name,
+                        href: "/" + child.alias,
+                        renderBody: function(out) {
+                          out.w(marko_str(child.name));
+                        }
+                      }, out, __component, "6" + $keyScope$0);
+                  }
+                }, $nestedTagtheme_breadcrumbs$0);
+            }
+          }
+        });
+      }
+    }), 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/breadcrumbs/website-section.marko",
+    tags: [
+      "@mindful-web/marko-web/components/element/link.marko",
+      "./index.marko"
+    ]
+  };

package/components/breadcrumbs/with-home.marko

@@ -0,0 +1,13 @@
+import { getAsArray } from "@mindful-web/object-path";
+
+$ const items = getAsArray(input, "items");
+$ const homeTitle = input.homeTitle || "Home";
+
+<theme-breadcrumbs>
+  <@item>
+    <marko-web-link href="/" title=homeTitle>$!{homeTitle}</marko-web-link>
+  </@item>
+  <for|item| of=items>
+    <@item ...item />
+  </for>
+</theme-breadcrumbs>

package/components/breadcrumbs/with-home.marko.js

@@ -0,0 +1,65 @@
+// 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/breadcrumbs/with-home.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_str = require("marko/dist/runtime/helpers/to-string"),
+    marko_web_link_template = require("@mindful-web/marko-web/components/element/link.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_link_tag = marko_loadTag(marko_web_link_template),
+    marko_forOf = require("marko/dist/runtime/helpers/for-of"),
+    marko_loadNestedTag = require("marko/dist/runtime/helpers/load-nested-tag"),
+    theme_breadcrumbs_item_nested_tag = marko_loadNestedTag("items", 1),
+    marko_mergeNestedTagsHelper = require("marko/dist/runtime/helpers/merge-nested-tags"),
+    theme_breadcrumbs_template = require("./index.marko"),
+    theme_breadcrumbs_tag = marko_loadTag(theme_breadcrumbs_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const items = getAsArray(input, "items");
+
+  const homeTitle = input.homeTitle || "Home";
+
+  theme_breadcrumbs_tag(marko_mergeNestedTagsHelper({
+      items: [
+          {
+              renderBody: function(out) {
+                marko_web_link_tag({
+                    href: "/",
+                    title: homeTitle,
+                    renderBody: function(out) {
+                      out.w(marko_str(homeTitle));
+                    }
+                  }, out, __component, "2");
+              }
+            }
+        ],
+      renderBody: function(out, $nestedTagtheme_breadcrumbs$0) {
+        var $for$0 = 0;
+
+        marko_forOf(items, function(item) {
+          var $keyScope$0 = "[" + (($for$0++) + "]");
+
+          theme_breadcrumbs_item_nested_tag(item, $nestedTagtheme_breadcrumbs$0);
+        });
+      }
+    }), 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/breadcrumbs/with-home.marko",
+    tags: [
+      "@mindful-web/marko-web/components/element/link.marko",
+      "./index.marko"
+    ]
+  };

package/components/client-side-block-loader.marko

@@ -0,0 +1,6 @@
+$ const { name, label } = input;
+
+<marko-web-browser-component
+  name="ThemeBlockLoader"
+  props={ name, label, input: input.input }
+/>

package/components/client-side-block-loader.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/client-side-block-loader.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 { name, label } = input;
+
+  marko_web_browser_component_tag({
+      name: "ThemeBlockLoader",
+      props: {
+          name: name,
+          label: label,
+          input: 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-block-loader.marko",
+    tags: [
+      "@mindful-web/marko-web/components/browser-component.marko"
+    ]
+  };

package/components/client-side-blocks/marko.json

@@ -0,0 +1,8 @@
+{
+  "<theme-client-side-most-popular-block>": {
+    "template": "./most-popular.marko"
+  },
+  "<theme-client-side-most-popular-list-block>": {
+    "template": "./most-popular-list.marko"
+  }
+}