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

package/components/nodes/section-feed-content.marko.js

@@ -0,0 +1,624 @@
+// 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/nodes/section-feed-content.marko",
+    marko_component = require("./section-feed-content.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,
+    get = module_objectPath_module.get,
+    module_image_module = require("@mindful-web/image"),
+    image_module = module_image_module.default || module_image_module,
+    buildImgixUrl = module_image_module.buildImgixUrl,
+    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_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),
+    section_sponsor_template = require("./components/section-sponsor.marko"),
+    section_sponsor_tag = marko_loadTag(section_sponsor_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_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_obj_nodes_template = require("@mindful-web/marko-web/components/element/obj-nodes.marko"),
+    marko_web_obj_nodes_tag = marko_loadTag(marko_web_obj_nodes_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_content_body_template = require("@mindful-web/marko-web/components/element/content/body.marko"),
+    marko_web_content_body_tag = marko_loadTag(marko_web_content_body_template),
+    marko_web_content_address1_template = require("@mindful-web/marko-web/components/element/content/address1.marko"),
+    marko_web_content_address1_tag = marko_loadTag(marko_web_content_address1_template),
+    marko_web_content_address2_template = require("@mindful-web/marko-web/components/element/content/address2.marko"),
+    marko_web_content_address2_tag = marko_loadTag(marko_web_content_address2_template),
+    marko_web_content_city_state_zip_template = require("@mindful-web/marko-web/components/element/content/city-state-zip.marko"),
+    marko_web_content_city_state_zip_tag = marko_loadTag(marko_web_content_city_state_zip_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_dynamicTag = require("marko/dist/runtime/helpers/dynamic-tag"),
+    marko_forOf = require("marko/dist/runtime/helpers/for-of"),
+    marko_web_content_start_date_template = require("@mindful-web/marko-web/components/element/content/start-date.marko"),
+    marko_web_content_start_date_tag = marko_loadTag(marko_web_content_start_date_template),
+    marko_web_content_end_date_template = require("@mindful-web/marko-web/components/element/content/end-date.marko"),
+    marko_web_content_end_date_tag = marko_loadTag(marko_web_content_end_date_template),
+    marko_classAttr = require("marko/dist/runtime/html/helpers/class-attr"),
+    marko_web_content_published_template = require("@mindful-web/marko-web/components/element/content/published.marko"),
+    marko_web_content_published_tag = marko_loadTag(marko_web_content_published_template),
+    marko_web_content_title_template = require("@mindful-web/marko-web/components/element/content/title.marko"),
+    marko_web_content_title_tag = marko_loadTag(marko_web_content_title_template),
+    marko_web_picture_template = require("@mindful-web/marko-web/components/element/picture.marko"),
+    marko_web_picture_tag = marko_loadTag(marko_web_picture_template),
+    theme_content_link_url_template = require("../content/link-url/index.marko"),
+    theme_content_link_url_tag = marko_loadTag(theme_content_link_url_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const { site, i18n } = out.global;
+
+  const content = getAsObject(input, "node");
+
+  const { company } = content;
+
+  const authors = getAsArray(content, "authors.edges");
+
+  const contentType = defaultValue(content.type, 'article');
+
+  const modifiers = [...getAsArray(input, "modifiers"), `${contentType}-content-type`]
+
+  const withCompany = (company) ? defaultValue(input.withCompany, true) : false;
+
+  const withAuthors = (authors.length) ? defaultValue(input.withAuthors, false) : false;
+
+  const bylinePrefix = withAuthors ? defaultValue(input.bylinePrefix, "By ") : "";
+
+  const primaryImage = getAsObject(content, "primaryImage");
+
+  const primarySection = getAsObject(content, "primarySection");
+
+  const containerAttrs = getAsObject(input, "containerAttrs");
+
+  const linkAttrs = getAsObject(input, "linkAttrs");
+
+  const withBody = defaultValue(input.withBody, false);
+
+  const withAddress = defaultValue(input.withAddress, (content.type === "company"));
+
+  const withDates = defaultValue(input.withDates, true);
+
+  const withSpeakers = defaultValue(input.withSpeakers, true);
+
+  const dateFormat = defaultValue(input.dateFormat, "MMMM D, YYYY");
+
+  const multiDateFormats = input.multiDateFormats;
+
+  const isUpcoming = content.startDate > Date.now();
+
+  if (isUpcoming) modifiers.push("upcoming");
+
+  const withSection = defaultValue(input.withSection, true);
+
+  const withSponsorLogo = defaultValue(input.withSponsorLogo, false);
+
+  const withTeaser = defaultValue(input.withTeaser, true);
+
+  const displayImage = defaultValue(input.displayImage, true);
+
+  const lazyload = defaultValue(input.lazyload, true);
+
+  const linkOffsite = getAsObject(site, "config.linkOffsite");
+
+  const linkField = get(linkOffsite, contentType);
+
+  const linkTarget = linkField && get(content, linkField) ? defaultValue(get(linkOffsite, "target"), "") : "";
+
+  const imageOptions = {
+  w: 250,
+  h: 167,
+  fit: "crop",
+  // account for and apply fill & fill color of transparent if fit is fill.
+  ...(input.imageOptions && { ...getAsObject(input, "imageOptions") }),
+};
+
+  const mobileImageOptions = {
+  ...imageOptions,
+  w: 112,
+  h: 112,
+  ...(input.mobileImageOptions && { ...getAsObject(input, "mobileImageOptions") }),
+}
+
+  const blockName = "section-feed-content-node";
+
+  marko_web_block_tag({
+      name: blockName,
+      tag: "div",
+      modifiers: modifiers,
+      attrs: containerAttrs,
+      renderBody: function(out) {
+        marko_web_element_tag({
+            name: "contents",
+            tag: "div",
+            blockName: blockName,
+            renderBody: function(out) {
+              marko_web_element_tag({
+                  name: "body",
+                  tag: "div",
+                  blockName: blockName,
+                  renderBody: function(out) {
+                    if (input.sponsoredBy) {
+                      marko_web_element_tag({
+                          name: "sponsored-by",
+                          tag: "div",
+                          blockName: blockName,
+                          renderBody: function(out) {
+                            out.w(marko_escapeXml(i18n("Sponsored By")) +
+                              " " +
+                              marko_escapeXml(input.sponsoredBy));
+                          }
+                        }, out, __component, "3");
+                    } else if (withSection) {
+                      section_sponsor_tag({
+                          blockName: blockName,
+                          section: primarySection,
+                          labels: content.labels
+                        }, out, __component, "4");
+                    }
+
+                    marko_web_content_short_name_tag({
+                        tag: "h5",
+                        blockName: blockName,
+                        obj: content,
+                        link: {
+                            field: linkField,
+                            target: linkTarget,
+                            attrs: linkAttrs
+                          }
+                      }, out, __component, "5");
+
+                    if (withAuthors) {
+                      marko_web_element_tag({
+                          name: "content-authors",
+                          tag: "div",
+                          blockName: blockName,
+                          renderBody: function(out) {
+                            marko_web_obj_nodes_tag({
+                                type: "content",
+                                blockName: blockName,
+                                obj: content,
+                                field: "authors",
+                                tag: "span",
+                                renderBody: function(out, { node, index, length }) {
+                                  if (index === 0) {
+                                    marko_web_element_tag({
+                                        name: "content-authors-label",
+                                        tag: "span",
+                                        blockName: blockName,
+                                        renderBody: function(out) {
+                                          out.w(marko_escapeXml(bylinePrefix));
+                                        }
+                                      }, out, __component, "8");
+                                  }
+
+                                  marko_web_content_name_tag({
+                                      tag: "span",
+                                      blockName: blockName,
+                                      obj: node,
+                                      link: true
+                                    }, out, __component, "9");
+
+                                  if ((index + 1) !== length) {
+                                    out.w(", ");
+                                  }
+                                }
+                              }, out, __component, "7");
+                          }
+                        }, out, __component, "6");
+                    }
+
+                    if (withCompany) {
+                      marko_web_content_name_tag({
+                          class: blockName + "__content-company",
+                          obj: content.company,
+                          link: true
+                        }, out, __component, "10");
+                    }
+
+                    if (withTeaser) {
+                      marko_web_content_teaser_tag({
+                          blockName: blockName,
+                          obj: content,
+                          link: {
+                              field: linkField,
+                              target: linkTarget,
+                              attrs: linkAttrs
+                            }
+                        }, out, __component, "11");
+
+                      if (input.teaserCTA) {
+                        marko_web_link_tag({
+                            class: "teaser-link",
+                            href: content.siteContext.path,
+                            title: content.shortName,
+                            renderBody: function(out) {
+                              out.w(marko_escapeXml(input.teaserCTA));
+                            }
+                          }, out, __component, "12");
+                      }
+                    }
+
+                    if (withBody) {
+                      marko_web_content_body_tag({
+                          blockName: blockName,
+                          obj: content
+                        }, out, __component, "13");
+                    }
+
+                    if (withAddress && ((content.address1 || content.address2) || content.cityStateZip)) {
+                      marko_web_block_tag({
+                          name: blockName,
+                          tag: "div",
+                          modifiers: [
+                              "contact-info"
+                            ],
+                          renderBody: function(out) {
+                            marko_web_content_address1_tag({
+                                blockName: blockName,
+                                obj: content
+                              }, out, __component, "15");
+
+                            marko_web_content_address2_tag({
+                                blockName: blockName,
+                                obj: content
+                              }, out, __component, "16");
+
+                            marko_web_content_city_state_zip_tag({
+                                blockName: blockName,
+                                obj: content
+                              }, out, __component, "17");
+                          }
+                        }, out, __component, "14");
+                    } else if (withDates && input.date) {
+                      marko_dynamicTag(out, input.date, null, null, null, null, __component, "18");
+                    } else if ((withDates && multiDateFormats) && (content.startDate || content.endDate)) {
+                      marko_web_element_tag({
+                          name: "multidates",
+                          tag: "div",
+                          blockName: blockName,
+                          modifiers: modifiers,
+                          renderBody: function(out) {
+                            var $for$0 = 0;
+
+                            marko_forOf(multiDateFormats, function(dateObj) {
+                              const dateFormat =  dateObj.dateFormat || dateFormat;
+
+                              const timezone = dateObj.timezone  || "America/Chicago";
+
+                              var $keyScope$0 = "[" + (($for$0++) + "]");
+
+                              out.w("<div" +
+                                marko_classAttr(blockName + "__content-event-dates") +
+                                ">");
+
+                              marko_web_content_start_date_tag({
+                                  tag: "span",
+                                  blockName: blockName,
+                                  obj: content,
+                                  format: dateFormat,
+                                  timezone: timezone
+                                }, out, __component, "21" + $keyScope$0);
+
+                              marko_web_content_end_date_tag({
+                                  tag: "span",
+                                  blockName: blockName,
+                                  obj: content,
+                                  format: dateFormat,
+                                  timezone: timezone
+                                }, out, __component, "22" + $keyScope$0);
+
+                              out.w("</div>");
+                            });
+                          }
+                        }, out, __component, "19");
+                    } else if (withDates && (content.startDate || content.endDate)) {
+                      out.w("<div" +
+                        marko_classAttr(blockName + "__content-event-dates") +
+                        ">");
+
+                      marko_web_content_start_date_tag({
+                          tag: "span",
+                          blockName: blockName,
+                          obj: content,
+                          format: dateFormat
+                        }, out, __component, "24");
+
+                      marko_web_content_end_date_tag({
+                          tag: "span",
+                          blockName: blockName,
+                          obj: content,
+                          format: dateFormat
+                        }, out, __component, "25");
+
+                      out.w("</div>");
+                    } else if (withDates && multiDateFormats) {
+                      marko_web_element_tag({
+                          name: "multidates",
+                          tag: "div",
+                          blockName: blockName,
+                          modifiers: modifiers,
+                          renderBody: function(out) {
+                            var $for$1 = 0;
+
+                            marko_forOf(multiDateFormats, function(dateObj) {
+                              const dateFormat = dateObj.dateFormat || dateFormat;
+
+                              const timezone = dateObj.timezone  || "America/Chicago";
+
+                              var $keyScope$1 = "[" + (($for$1++) + "]");
+
+                              marko_web_content_published_tag({
+                                  blockName: blockName,
+                                  obj: content,
+                                  format: dateFormat,
+                                  timezone: timezone
+                                }, out, __component, "27" + $keyScope$1);
+                            });
+                          }
+                        }, out, __component, "26");
+                    } else if (withDates) {
+                      marko_web_content_published_tag({
+                          blockName: blockName,
+                          obj: content,
+                          format: dateFormat
+                        }, out, __component, "28");
+                    }
+
+                    if ((withSpeakers && getAsArray(content, "speakers.edges").length) && (content.type === "webinar")) {
+                      marko_web_element_tag({
+                          name: "content-speakers",
+                          tag: "div",
+                          blockName: blockName,
+                          renderBody: function(out) {
+                            marko_web_obj_nodes_tag({
+                                type: "content",
+                                blockName: blockName,
+                                obj: content,
+                                field: "speakers",
+                                tag: "span",
+                                renderBody: function(out, { node, index, length }) {
+                                  if (index === 0) {
+                                    marko_web_element_tag({
+                                        name: "content-speakers-label",
+                                        tag: "span",
+                                        blockName: blockName,
+                                        renderBody: function(out) {
+                                          if (length === 1) {
+                                            out.w("Speaker: ");
+                                          } else {
+                                            out.w("Speakers: ");
+                                          }
+                                        }
+                                      }, out, __component, "31");
+                                  }
+
+                                  marko_web_content_name_tag({
+                                      tag: "span",
+                                      blockName: blockName,
+                                      obj: node,
+                                      link: false
+                                    }, out, __component, "32");
+
+                                  out.w("<span>, </span>");
+
+                                  marko_web_content_title_tag({
+                                      tag: "span",
+                                      blockName: blockName,
+                                      obj: node
+                                    }, out, __component, "34");
+
+                                  if ((index + 1) !== length) {
+                                    out.w("; ");
+                                  }
+                                }
+                              }, out, __component, "30");
+                          }
+                        }, out, __component, "29");
+                    }
+
+                    const hasSponsorsImage = getAsArray(content, "sponsors.edges").map(edge => getAsObject(edge, "node")).some(({primaryImage}) => primaryImage);
+
+                    const sponsorsModifiers = hasSponsorsImage ? ['has-logo'] : [];
+
+                    marko_web_element_tag({
+                        name: "content-sponsors",
+                        tag: "div",
+                        blockName: blockName,
+                        modifiers: sponsorsModifiers,
+                        renderBody: function(out) {
+                          marko_web_obj_nodes_tag({
+                              type: "content",
+                              blockName: blockName,
+                              obj: content,
+                              field: "sponsors",
+                              tag: "span",
+                              renderBody: function(out, { node, index, length }) {
+                                if (index === 0) {
+                                  marko_web_element_tag({
+                                      name: "content-sponsors-label",
+                                      tag: "span",
+                                      blockName: blockName,
+                                      renderBody: function(out) {
+                                        out.w(marko_escapeXml(i18n("Sponsored By")) +
+                                          ": ");
+                                      }
+                                    }, out, __component, "37");
+                                }
+
+                                if (withSponsorLogo && node.primaryImage) {
+                                  const src = buildImgixUrl(node.primaryImage.src, imageOptions, null, true);
+
+                                  const srcset = [src, `${buildImgixUrl(src, { dpr: 2 })} 2x`];
+
+                                  const srcMobile = buildImgixUrl(node.primaryImage.src, mobileImageOptions, null, true);
+
+                                  const srcsetMobile = [srcMobile, `${buildImgixUrl(srcMobile, { dpr: 2 })} 2x`];
+
+                                  const link = linkField && get(node, linkField) ? get(node, linkField) : get(node, "siteContext.path");
+
+                                  marko_web_picture_tag({
+                                      link: {
+                                          href: link,
+                                          target: linkTarget,
+                                          attrs: linkAttrs
+                                        },
+                                      sources: [
+                                          {
+                                              srcset: srcset,
+                                              media: "(min-width: 768px)",
+                                              width: 120,
+                                              height: 80
+                                            }
+                                        ],
+                                      image: {
+                                          lazyload: lazyload,
+                                          src: srcMobile,
+                                          srcset: srcsetMobile,
+                                          class: [
+                                              blockName + "__image"
+                                            ],
+                                          alt: node.primaryImage.alt,
+                                          attrs: {
+                                              width: "120",
+                                              height: "80"
+                                            }
+                                        }
+                                    }, out, __component, "38");
+                                } else {
+                                  marko_web_content_name_tag({
+                                      tag: "span",
+                                      blockName: blockName,
+                                      obj: node,
+                                      link: true
+                                    }, out, __component, "42");
+                                }
+
+                                if (((index + 1) !== length) && (!hasSponsorsImage)) {
+                                  marko_web_element_tag({
+                                      name: "contentsponsors-seporator",
+                                      tag: "span",
+                                      blockName: blockName,
+                                      renderBody: function(out) {
+                                        out.w(", ");
+                                      }
+                                    }, out, __component, "43");
+                                }
+                              }
+                            }, out, __component, "36");
+                        }
+                      }, out, __component, "35");
+
+                    if (withDates && (content.type === "webinar")) {
+                      const linkUrl = (content.linkUrl) ? content.linkUrl : get(content, "siteContext.path");
+
+                      const target = (content.linkUrl) ? "_blank" : "_self";
+
+                      const obj = { ...content, linkUrl };
+
+                      theme_content_link_url_tag({
+                          obj: obj,
+                          label: isUpcoming ? "" + i18n("Register for Webinar") : "" + i18n("View Webinar"),
+                          target: target
+                        }, out, __component, "44");
+                    }
+                  }
+                }, out, __component, "2");
+            }
+          }, out, __component, "1");
+
+        if (displayImage && primaryImage.src) {
+          marko_web_element_tag({
+              name: "image-wrapper",
+              tag: "div",
+              blockName: blockName,
+              renderBody: function(out) {
+                const isLogo = content.type === "company" ? true : get(primaryImage, "isLogo");
+
+                const src = buildImgixUrl(primaryImage.src, imageOptions, null, isLogo);
+
+                const srcset = [src, `${buildImgixUrl(src, { dpr: 2 })} 2x`];
+
+                const srcMobile = buildImgixUrl(primaryImage.src, mobileImageOptions, null, isLogo);
+
+                const srcsetMobile = [srcMobile, `${buildImgixUrl(srcMobile, { dpr: 2 })} 2x`];
+
+                const link = linkField && get(content, linkField) ? get(content, linkField) : get(content, "siteContext.path");
+
+                marko_web_picture_tag({
+                    link: {
+                        href: link,
+                        target: linkTarget,
+                        attrs: linkAttrs
+                      },
+                    sources: [
+                        {
+                            srcset: srcset,
+                            media: "(min-width: 768px)",
+                            width: imageOptions.w,
+                            height: imageOptions.h
+                          }
+                      ],
+                    image: {
+                        lazyload: lazyload,
+                        src: srcMobile,
+                        srcset: srcsetMobile,
+                        class: [
+                            blockName + "__image"
+                          ],
+                        alt: primaryImage.alt,
+                        attrs: {
+                            width: mobileImageOptions.w,
+                            height: mobileImageOptions.h
+                          }
+                      }
+                  }, out, __component, "46");
+              }
+            }, out, __component, "45");
+        }
+      }
+    }, 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/nodes/section-feed-content.marko",
+    component: "./section-feed-content.marko",
+    tags: [
+      "@mindful-web/marko-web/components/element/index.marko",
+      "./components/section-sponsor.marko",
+      "@mindful-web/marko-web/components/element/content/short-name.marko",
+      "@mindful-web/marko-web/components/element/content/name.marko",
+      "@mindful-web/marko-web/components/element/obj-nodes.marko",
+      "@mindful-web/marko-web/components/element/content/teaser.marko",
+      "@mindful-web/marko-web/components/element/link.marko",
+      "@mindful-web/marko-web/components/element/content/body.marko",
+      "@mindful-web/marko-web/components/element/content/address1.marko",
+      "@mindful-web/marko-web/components/element/content/address2.marko",
+      "@mindful-web/marko-web/components/element/content/city-state-zip.marko",
+      "@mindful-web/marko-web/components/element/block.marko",
+      "@mindful-web/marko-web/components/element/content/start-date.marko",
+      "@mindful-web/marko-web/components/element/content/end-date.marko",
+      "@mindful-web/marko-web/components/element/content/published.marko",
+      "@mindful-web/marko-web/components/element/content/title.marko",
+      "@mindful-web/marko-web/components/element/picture.marko",
+      "../content/link-url/index.marko"
+    ]
+  };

package/components/nodes/standard-promo.marko

@@ -0,0 +1,39 @@
+import { get } from "@mindful-web/object-path";
+import defaultValue from "@mindful-web/marko-core/utils/default-value";
+
+$ const { i18n } = out.global;
+$ const { node, imageWidth, imageHeight } = input;
+
+$ const linkText = get(node, "linkText") || i18n(defaultValue(input.linkText, "Read More"));
+$ const blockName = defaultValue(input.blockName, "pib-page-card");
+
+<marko-web-block name=blockName attrs=input.attrs>
+  <marko-web-element block-name=blockName name="inner-wrapper">
+    <div>
+      <marko-web-element block-name=blockName name="title">
+        ${node.shortName}
+      </marko-web-element>
+      <marko-web-element block-name=blockName name="description">
+        ${node.teaser}
+      </marko-web-element>
+
+      <marko-web-link
+        class=`btn btn-primary ${blockName}__download-btn`
+        href=node.siteContext.path
+        title=linkText
+        attrs=input.linkAttrs
+      >
+        ${linkText}
+      </marko-web-link>
+    </div>
+    <if(node.primaryImage)>
+      <marko-web-img
+        class=`${blockName}__issue-cover`
+        src=node.primaryImage.src
+        srcset=[`${node.primaryImage.src}&dpr=2 2x`]
+        alt=node.primaryImage.alt
+        attrs={ width: imageWidth, height: imageHeight }
+      />
+    </if>
+  </marko-web-element>
+</marko-web-block>