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

package/components/blocks/resource-library.marko.js

@@ -0,0 +1,194 @@
+// 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/resource-library.marko",
+    marko_component = require("./resource-library.marko"),
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    module_queryFragment = require("../../graphql/fragments/resource-library-block"),
+    queryFragment = module_queryFragment.default || module_queryFragment,
+    module_sectionFragment = require("../../graphql/fragments/section-info"),
+    sectionFragment = module_sectionFragment.default || module_sectionFragment,
+    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),
+    marko_str = require("marko/dist/runtime/helpers/to-string"),
+    marko_web_link_template = require("@mindful-web/marko-web/components/element/link.marko"),
+    marko_web_link_tag = marko_loadTag(marko_web_link_template),
+    marko_forOf = require("marko/dist/runtime/helpers/for-of"),
+    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_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 queryParams = {
+  ...input.queryParams,
+  sectionAlias: input.alias,
+  requiresImage: true,
+  limit: 4,
+  queryFragment,
+  sectionFragment,
+};
+
+  const blockName = "resource-library";
+
+  marko_web_query_tag({
+      collapsible: true,
+      name: "website-scheduled-content",
+      params: queryParams,
+      renderBody: function(out, { nodes, section }) {
+        marko_web_block_tag({
+            name: blockName,
+            tag: "div",
+            renderBody: function(out) {
+              marko_web_element_tag({
+                  name: "header",
+                  tag: "div",
+                  blockName: blockName,
+                  renderBody: function(out) {
+                    out.w(marko_escapeXml((section && section.name) || input.name));
+                  }
+                }, out, __component, "2");
+
+              marko_web_element_tag({
+                  name: "description-wrapper",
+                  tag: "div",
+                  blockName: blockName,
+                  renderBody: function(out) {
+                    marko_web_element_tag({
+                        name: "description",
+                        tag: "div",
+                        blockName: blockName,
+                        renderBody: function(out) {
+                          out.w(marko_str((section && section.description) || input.defaultDescription));
+                        }
+                      }, out, __component, "4");
+
+                    if (section) {
+                      marko_web_element_tag({
+                          name: "view-more",
+                          tag: "div",
+                          blockName: blockName,
+                          renderBody: function(out) {
+                            marko_web_link_tag({
+                                href: section.canonicalPath,
+                                renderBody: function(out) {
+                                  out.w(marko_escapeXml(i18n("View more")) +
+                                    " »");
+                                }
+                              }, out, __component, "6");
+                          }
+                        }, out, __component, "5");
+                    }
+                  }
+                }, out, __component, "3");
+
+              marko_web_element_tag({
+                  name: "deck-wrapper",
+                  tag: "div",
+                  blockName: blockName,
+                  renderBody: function(out) {
+                    marko_web_element_tag({
+                        name: "row",
+                        tag: "div",
+                        blockName: blockName,
+                        renderBody: function(out) {
+                          var $for$0 = 0;
+
+                          marko_forOf(nodes, function(node) {
+                            const imageLink = node.primaryImage.src ? { href: node.siteContext.path } : false;
+
+                            var $keyScope$0 = "[" + (($for$0++) + "]");
+
+                            marko_web_element_tag({
+                                name: "col",
+                                tag: "div",
+                                blockName: blockName,
+                                renderBody: function(out) {
+                                  marko_web_node_tag({
+                                      type: node.type + "-content",
+                                      imagePosition: "top",
+                                      card: true,
+                                      flush: true,
+                                      modifiers: [
+                                          blockName
+                                        ],
+                                      image: {
+                                          fluid: true,
+                                          gradient: true,
+                                          width: 250,
+                                          ar: "3:4",
+                                          src: node.primaryImage.src,
+                                          alt: node.primaryImage.alt,
+                                          link: imageLink,
+                                          body: {
+                                              title: {
+                                                  tag: "h5",
+                                                  renderBody: function(out) {
+                                                    marko_web_content_short_name_tag({
+                                                        tag: null,
+                                                        obj: node,
+                                                        link: true
+                                                      }, out, __component, "14" + $keyScope$0);
+                                                  }
+                                                }
+                                            }
+                                        }
+                                    }, out, __component, "10" + $keyScope$0);
+                                }
+                              }, out, __component, "9" + $keyScope$0);
+                          });
+                        }
+                      }, out, __component, "8");
+                  }
+                }, out, __component, "7");
+
+              if (section) {
+                marko_web_element_tag({
+                    name: "view-more-bottom",
+                    tag: "div",
+                    blockName: blockName,
+                    renderBody: function(out) {
+                      marko_web_link_tag({
+                          href: section.canonicalPath,
+                          renderBody: function(out) {
+                            out.w(marko_escapeXml(i18n("View more")) +
+                              " »");
+                          }
+                        }, out, __component, "16");
+                    }
+                  }, out, __component, "15");
+              }
+            }
+          }, 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/resource-library.marko",
+    component: "./resource-library.marko",
+    tags: [
+      "@mindful-web/marko-web/components/element/index.marko",
+      "@mindful-web/marko-web/components/element/link.marko",
+      "@mindful-web/marko-web/components/element/content/short-name.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/section-body-feed.marko

@@ -0,0 +1,39 @@
+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-section-feed-content-node
+            node=node
+            with-section=false
+            with-teaser=false
+            with-dates=false
+            with-body=true
+          />
+        </@slot>
+      </@nodes>
+    </marko-web-node-list>
+  </marko-web-query>
+</else>

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

@@ -0,0 +1,99 @@
+// 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-body-feed.marko",
+    marko_component = require("./section-body-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_section_feed_content_node_template = require("../nodes/section-feed-content.marko"),
+    theme_section_feed_content_node_tag = marko_loadTag(theme_section_feed_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_section_feed_content_node_tag({
+                                node: node,
+                                withSection: false,
+                                withTeaser: false,
+                                withDates: false,
+                                withBody: true
+                              }, 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-body-feed.marko",
+    component: "./section-body-feed.marko",
+    tags: [
+      "../query-total-count.marko",
+      "../nodes/section-feed-content.marko",
+      "@mindful-web/marko-web/components/node-list/index.marko",
+      "@mindful-web/marko-core/components/queries/index.marko"
+    ]
+  };

package/components/blocks/section-card-deck-featured.marko

@@ -0,0 +1,37 @@
+import queryFragment from "../../graphql/fragments/section-card-deck-featured-block";
+
+$ const { i18n } = out.global;
+
+$ const queryParams = {
+  limit: 3,
+  requiresImage: true,
+  sectionAlias: input.alias,
+  queryFragment,
+};
+
+$ const blockName = "section-card-deck-featured";
+
+
+<marko-web-query|{ nodes }| name="website-scheduled-content" params=queryParams>
+  <marko-web-block name=blockName>
+    <marko-web-element block-name=blockName name="title">
+      ${i18n("Featured")}
+    </marko-web-element>
+  </marko-web-block>
+  <theme-card-deck-flow cols=3 nodes=nodes modifiers=[blockName]>
+    <@slot|{ node }|>
+      <theme-content-node
+        image-position="top"
+        card=true
+        flush=true
+        full-height=true
+        with-teaser=true
+        with-dates=false
+        modifiers=[blockName]
+        node=node
+      >
+        <@image ar="3:2" fluid=true />
+      </theme-content-node>
+    </@slot>
+  </theme-card-deck-flow>
+</marko-web-query>

package/components/blocks/section-card-deck-featured.marko.js

@@ -0,0 +1,105 @@
+// 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-card-deck-featured.marko",
+    marko_component = require("./section-card-deck-featured.marko"),
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    module_queryFragment = require("../../graphql/fragments/section-card-deck-featured-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),
+    marko_web_block_template = require("@mindful-web/marko-web/components/element/block.marko"),
+    marko_web_block_tag = marko_loadTag(marko_web_block_template),
+    theme_content_node_template = require("../nodes/content.marko"),
+    theme_content_node_tag = marko_loadTag(theme_content_node_template),
+    theme_card_deck_flow_template = require("../flows/card-deck.marko"),
+    theme_card_deck_flow_tag = marko_loadTag(theme_card_deck_flow_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: 3,
+  requiresImage: true,
+  sectionAlias: input.alias,
+  queryFragment,
+};
+
+  const blockName = "section-card-deck-featured";
+
+  marko_web_query_tag({
+      collapsible: true,
+      name: "website-scheduled-content",
+      params: queryParams,
+      renderBody: function(out, { nodes }) {
+        marko_web_block_tag({
+            name: blockName,
+            tag: "div",
+            renderBody: function(out) {
+              marko_web_element_tag({
+                  name: "title",
+                  tag: "div",
+                  blockName: blockName,
+                  renderBody: function(out) {
+                    out.w(marko_escapeXml(i18n("Featured")));
+                  }
+                }, out, __component, "2");
+            }
+          }, out, __component, "1");
+
+        theme_card_deck_flow_tag({
+            cols: 3,
+            nodes: nodes,
+            modifiers: [
+                blockName
+              ],
+            slots: [
+                {
+                    renderBody: function(out, { node }) {
+                      theme_content_node_tag({
+                          imagePosition: "top",
+                          card: true,
+                          flush: true,
+                          fullHeight: true,
+                          withTeaser: true,
+                          withDates: false,
+                          modifiers: [
+                              blockName
+                            ],
+                          node: node,
+                          image: {
+                              ar: "3:2",
+                              fluid: true
+                            }
+                        }, out, __component, "5");
+                    }
+                  }
+              ]
+          }, out, __component, "3");
+      }
+    }, 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-card-deck-featured.marko",
+    component: "./section-card-deck-featured.marko",
+    tags: [
+      "@mindful-web/marko-web/components/element/index.marko",
+      "@mindful-web/marko-web/components/element/block.marko",
+      "../nodes/content.marko",
+      "../flows/card-deck.marko",
+      "@mindful-web/marko-core/components/queries/index.marko"
+    ]
+  };

package/components/blocks/section-card-deck.marko

@@ -0,0 +1,13 @@
+$ process.emitWarning(
+  '<theme-section-card-deck-block /> has been deprecated. Use <theme-content-card-deck-block /> instead.',
+  'DeprecationWarning'
+);
+
+$ const { alias, defaultDescription } = input;
+
+<theme-content-card-deck-block
+  alias=alias
+  query-params={ requiresImage: true, limit: 3 }
+  default-description=defaultDescription
+  node={ withSection: false }
+/>

package/components/blocks/section-card-deck.marko.js

@@ -0,0 +1,44 @@
+// 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-card-deck.marko",
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    theme_content_card_deck_block_template = require("./content-card-deck.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    theme_content_card_deck_block_tag = marko_loadTag(theme_content_card_deck_block_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  process.emitWarning(
+  '<theme-section-card-deck-block /> has been deprecated. Use <theme-content-card-deck-block /> instead.',
+  'DeprecationWarning'
+);
+
+  const { alias, defaultDescription } = input;
+
+  theme_content_card_deck_block_tag({
+      alias: alias,
+      queryParams: {
+          requiresImage: true,
+          limit: 3
+        },
+      defaultDescription: defaultDescription,
+      node: {
+          withSection: false
+        }
+    }, 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/section-card-deck.marko",
+    tags: [
+      "./content-card-deck.marko"
+    ]
+  };

package/components/blocks/section-card-list.marko

@@ -0,0 +1,102 @@
+import defaultValue from "@mindful-web/marko-core/utils/default-value";
+import { getAsObject } from "@mindful-web/object-path";
+import queryFragment from "../../graphql/fragments/section-card-list-block";
+import sectionFragment from "../../graphql/fragments/section-info";
+
+$ const { i18n } = out.global;
+
+$ const queryParams = {
+  limit: 3,
+  requiresImage: true,
+  sectionAlias: input.alias,
+  queryFragment,
+  sectionFragment,
+  ...input.queryParams,
+};
+$ const blockName = "section-card-list";
+$ const buttonClass = input.buttonClass || "btn btn-secondary";
+$ const linkHeader = input.linkHeader || false;
+$ const imageProps = getAsObject(input.imageProps);
+$ const imageFluid = defaultValue(imageProps.fluid, true);
+$ const imageWidth = defaultValue(imageProps.width, 340);
+$ const imageAspectRatio = defaultValue(imageProps.ar, "3:2");
+
+<marko-web-query|{ nodes, section }| name="website-scheduled-content" params=queryParams>
+  $ const heroNode = nodes.slice(0, 1)[0];
+  $ const heroImageNode = {
+    id: heroNode.id,
+    type: heroNode.type,
+    siteContext: heroNode.siteContext,
+    primaryImage: heroNode.primaryImage,
+  };
+  $ const listNodes = nodes.slice(1);
+
+  <marko-web-block name=blockName>
+    <marko-web-element block-name=blockName name="header">
+      <if(linkHeader && input.alias)>
+        <marko-web-link href=`${input.alias}`>
+          ${section.name}
+        </marko-web-link>
+      </if>
+      <else>
+        ${section.name}
+      </else>
+    </marko-web-element>
+    <marko-web-element block-name=blockName name="description">
+      ${input.description || section.description || input.defaultDescription}
+    </marko-web-element>
+
+    <marko-web-element block-name=blockName name="row">
+      <marko-web-element block-name=blockName name="col">
+        <theme-content-node
+          image-position="top"
+          card=true
+          flush=true
+          image-only=true
+          modifiers=[`${blockName}-hero-image`]
+          node=heroImageNode
+        >
+          <@image fluid=imageFluid width=imageWidth ar=imageAspectRatio />
+        </theme-content-node>
+      </marko-web-element>
+      <marko-web-element block-name=blockName name="col">
+        <theme-content-node
+          full-height=true
+          card=true
+          display-image=false
+          flush=true
+          modifiers=[`${blockName}-hero`]
+          with-dates=false
+          with-section=false
+          node=heroNode
+        />
+      </marko-web-element>
+      <marko-web-element block-name=blockName name="col">
+        <marko-web-node-list
+          flush-x=true
+          flush-y=true
+          modifiers=[blockName]
+        >
+          <@nodes nodes=listNodes>
+            <@slot|{ node }|>
+              <theme-content-node
+                display-image=false
+                flush=true
+                modifiers=[`${blockName}-item`]
+                with-teaser=false
+                with-dates=false
+                with-section=false
+                node=node
+              />
+            </@slot>
+          </@nodes>
+        </marko-web-node-list>
+        <marko-web-element block-name=blockName name="btn-wrapper">
+          <marko-web-link href=section.canonicalPath class=buttonClass>
+            ${i18n("More")} ${section.name}
+          </marko-web-link>
+        </marko-web-element>
+      </marko-web-element>
+    </marko-web-element>
+  </marko-web-block>
+</marko-web-query>