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

package/components/nodes/standard-promo.marko.js

@@ -0,0 +1,111 @@
+// 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/standard-promo.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,
+    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_link_template = require("@mindful-web/marko-web/components/element/link.marko"),
+    marko_web_link_tag = marko_loadTag(marko_web_link_template),
+    marko_web_img_template = require("@mindful-web/marko-web/components/element/img.marko"),
+    marko_web_img_tag = marko_loadTag(marko_web_img_template),
+    marko_web_block_template = require("@mindful-web/marko-web/components/element/block.marko"),
+    marko_web_block_tag = marko_loadTag(marko_web_block_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  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_tag({
+      name: blockName,
+      tag: "div",
+      attrs: input.attrs,
+      renderBody: function(out) {
+        marko_web_element_tag({
+            name: "inner-wrapper",
+            tag: "div",
+            blockName: blockName,
+            renderBody: function(out) {
+              out.w("<div>");
+
+              marko_web_element_tag({
+                  name: "title",
+                  tag: "div",
+                  blockName: blockName,
+                  renderBody: function(out) {
+                    out.w(marko_escapeXml(node.shortName));
+                  }
+                }, out, __component, "3");
+
+              marko_web_element_tag({
+                  name: "description",
+                  tag: "div",
+                  blockName: blockName,
+                  renderBody: function(out) {
+                    out.w(marko_escapeXml(node.teaser));
+                  }
+                }, out, __component, "4");
+
+              marko_web_link_tag({
+                  class: ("btn btn-primary " + blockName) + "__download-btn",
+                  href: node.siteContext.path,
+                  title: linkText,
+                  attrs: input.linkAttrs,
+                  renderBody: function(out) {
+                    out.w(marko_escapeXml(linkText));
+                  }
+                }, out, __component, "5");
+
+              out.w("</div>");
+
+              if (node.primaryImage) {
+                marko_web_img_tag({
+                    lazyload: true,
+                    class: blockName + "__issue-cover",
+                    src: node.primaryImage.src,
+                    srcset: [
+                        node.primaryImage.src + "&dpr=2 2x"
+                      ],
+                    alt: node.primaryImage.alt,
+                    attrs: {
+                        width: imageWidth,
+                        height: imageHeight
+                      }
+                  }, out, __component, "6");
+              }
+            }
+          }, out, __component, "1");
+      }
+    }, 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/nodes/standard-promo.marko",
+    tags: [
+      "@mindful-web/marko-web/components/element/index.marko",
+      "@mindful-web/marko-web/components/element/link.marko",
+      "@mindful-web/marko-web/components/element/img.marko",
+      "@mindful-web/marko-web/components/element/block.marko"
+    ]
+  };

package/components/nodes/youtube-card.marko

@@ -0,0 +1,53 @@
+import defaultValue from "@mindful-web/marko-core/utils/default-value";
+import { getAsObject } from "@mindful-web/object-path";
+import eventLinkAttrs from "@mindful-web/marko-web-p1-events/utils/link-attrs";
+import eventEntity from "@mindful-web/marko-web-p1-events/utils/base-content-entity";
+
+$ const video = getAsObject(input, "node");
+$ const primaryImage = getAsObject(video, "primaryImage");
+$ const withDescription = input.withDescription != null ? input.withDescription : true;
+$ const imagePosition = defaultValue(input.imagePosition, 'left');
+
+$ const href = video.url;
+$ const link = {
+  href,
+  target: "_blank",
+  attrs: {
+    ...input.linkAttrs,
+    ...eventLinkAttrs({
+      category: "Company Profile Page",
+      label: "YouTube Video", // matches the same label as the data card
+      entity: eventEntity(input.companyId, "company"),
+    }),
+  },
+};
+
+<marko-web-node
+  type="video-content"
+  image-position=imagePosition
+  flush=true
+  attrs=input.attrs
+  modifiers=input.modifiers
+>
+  <@image
+    src=video.thumbnail
+    alt=video.title
+    width=160
+    fluid=true
+    ar="16:9"
+    link=link
+  />
+  <@body>
+    <@title tag="h5" modifiers=input.titleModifiers>
+      <marko-web-obj-text type="content" obj=video field="title" tag=null link=link />
+    </@title>
+    <@text modifiers=["teaser"] show=(withDescription && video.description)>
+      <marko-web-obj-text type="content" obj=video field="description" tag=null />
+    </@text>
+    <@footer>
+      <@right|{ blockName }|>
+        <marko-web-content-published obj=video />
+      </@right>
+    </@footer>
+  </@body>
+</marko-web-node>

package/components/nodes/youtube-card.marko.js

@@ -0,0 +1,120 @@
+// 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/youtube-card.marko",
+    marko_component = require("./youtube-card.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_objectPath_module = require("@mindful-web/object-path"),
+    objectPath_module = module_objectPath_module.default || module_objectPath_module,
+    getAsObject = module_objectPath_module.getAsObject,
+    module_eventLinkAttrs = require("@mindful-web/marko-web-p1-events/utils/link-attrs"),
+    eventLinkAttrs = module_eventLinkAttrs.default || module_eventLinkAttrs,
+    module_eventEntity = require("@mindful-web/marko-web-p1-events/utils/base-content-entity"),
+    eventEntity = module_eventEntity.default || module_eventEntity,
+    marko_web_obj_text_template = require("@mindful-web/marko-web/components/element/obj-text.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_obj_text_tag = marko_loadTag(marko_web_obj_text_template),
+    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_node_template = require("@mindful-web/marko-web/components/node/index.marko"),
+    marko_web_node_tag = marko_loadTag(marko_web_node_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const video = getAsObject(input, "node");
+
+  const primaryImage = getAsObject(video, "primaryImage");
+
+  const withDescription = input.withDescription != null ? input.withDescription : true;
+
+  const imagePosition = defaultValue(input.imagePosition, 'left');
+
+  const href = video.url;
+
+  const link = {
+  href,
+  target: "_blank",
+  attrs: {
+    ...input.linkAttrs,
+    ...eventLinkAttrs({
+      category: "Company Profile Page",
+      label: "YouTube Video", // matches the same label as the data card
+      entity: eventEntity(input.companyId, "company"),
+    }),
+  },
+};
+
+  marko_web_node_tag({
+      type: "video-content",
+      imagePosition: imagePosition,
+      flush: true,
+      attrs: input.attrs,
+      modifiers: input.modifiers,
+      image: {
+          src: video.thumbnail,
+          alt: video.title,
+          width: 160,
+          fluid: true,
+          ar: "16:9",
+          link: link
+        },
+      body: {
+          title: {
+              tag: "h5",
+              modifiers: input.titleModifiers,
+              renderBody: function(out) {
+                marko_web_obj_text_tag({
+                    type: "content",
+                    obj: video,
+                    field: "title",
+                    tag: null,
+                    link: link
+                  }, out, __component, "4");
+              }
+            },
+          text: [
+              {
+                  modifiers: [
+                      "teaser"
+                    ],
+                  show: withDescription && video.description,
+                  renderBody: function(out) {
+                    marko_web_obj_text_tag({
+                        type: "content",
+                        obj: video,
+                        field: "description",
+                        tag: null
+                      }, out, __component, "6");
+                  }
+                }
+            ],
+          footer: {
+              right: {
+                  renderBody: function(out, { blockName }) {
+                    marko_web_content_published_tag({
+                        obj: video
+                      }, out, __component, "9");
+                  }
+                }
+            }
+        }
+    }, 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/youtube-card.marko",
+    component: "./youtube-card.marko",
+    tags: [
+      "@mindful-web/marko-web/components/element/obj-text.marko",
+      "@mindful-web/marko-web/components/element/content/published.marko",
+      "@mindful-web/marko-web/components/node/index.marko"
+    ]
+  };

package/components/page/attribution.marko

@@ -0,0 +1 @@
+<marko-web-block ...input name="page-attribution" />

package/components/page/attribution.marko.js

@@ -0,0 +1,33 @@
+// 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/page/attribution.marko",
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    marko_assign = require("marko/dist/runtime/helpers/assign"),
+    marko_web_block_template = require("@mindful-web/marko-web/components/element/block.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_block_tag = marko_loadTag(marko_web_block_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  marko_web_block_tag(marko_assign({
+      name: "block",
+      tag: "div"
+    }, input, {
+      name: "page-attribution"
+    }), 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/page/attribution.marko",
+    tags: [
+      "@mindful-web/marko-web/components/element/block.marko"
+    ]
+  };

package/components/page/contact-details.marko

@@ -0,0 +1 @@
+<marko-web-block ...input name="page-contact-details" />

package/components/page/contact-details.marko.js

@@ -0,0 +1,33 @@
+// 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/page/contact-details.marko",
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    marko_assign = require("marko/dist/runtime/helpers/assign"),
+    marko_web_block_template = require("@mindful-web/marko-web/components/element/block.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_block_tag = marko_loadTag(marko_web_block_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  marko_web_block_tag(marko_assign({
+      name: "block",
+      tag: "div"
+    }, input, {
+      name: "page-contact-details"
+    }), 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/page/contact-details.marko",
+    tags: [
+      "@mindful-web/marko-web/components/element/block.marko"
+    ]
+  };

package/components/page/content.marko

@@ -0,0 +1,27 @@
+$ const {
+  id,
+  type,
+  head,
+  page,
+  abovePage,
+  belowPage,
+  ...rest
+} = input;
+$ const { document } = out.global;
+
+<${document} ...rest>
+  <@head>
+    <marko-web-content-page-metadata
+      id=id
+      structured-data-query-fragment=input.structuredDataQueryFragment
+      build-structured-data=input.buildStructuredData
+    />
+    <${head} />
+  </@head>
+  <!-- Note: camelcased vars due to nest input of dynamic document. perhaps a marko bug -->
+  <@container abovePage=abovePage belowPage=belowPage>
+    <@page for="content" tag="article" id=id type=type>
+      <${page} />
+    </@page>
+  </@container>
+</>

package/components/page/content.marko.js

@@ -0,0 +1,68 @@
+// 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/page/content.marko",
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    marko_web_content_page_metadata_template = require("@mindful-web/marko-web/components/page/metadata/content.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_content_page_metadata_tag = marko_loadTag(marko_web_content_page_metadata_template),
+    marko_dynamicTag = require("marko/dist/runtime/helpers/dynamic-tag"),
+    marko_assign = require("marko/dist/runtime/helpers/assign");
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const {
+  id,
+  type,
+  head,
+  page,
+  abovePage,
+  belowPage,
+  ...rest
+} = input;
+
+  const { document } = out.global;
+
+  marko_dynamicTag(out, document, function() {
+    return marko_assign({}, rest, {
+        head: {
+            renderBody: function(out) {
+              marko_web_content_page_metadata_tag({
+                  id: id,
+                  structuredDataQueryFragment: input.structuredDataQueryFragment,
+                  buildStructuredData: input.buildStructuredData
+                }, out, __component, "2");
+
+              marko_dynamicTag(out, head, null, null, null, null, __component, "3");
+            }
+          },
+        container: {
+            abovePage: abovePage,
+            belowPage: belowPage,
+            page: {
+                for: "content",
+                tag: "article",
+                id: id,
+                type: type,
+                renderBody: function(out) {
+                  marko_dynamicTag(out, page, null, null, null, null, __component, "6");
+                }
+              }
+          }
+      });
+  }, null, null, null, __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/page/content.marko",
+    tags: [
+      "@mindful-web/marko-web/components/page/metadata/content.marko"
+    ]
+  };

package/components/page/contents.marko

@@ -0,0 +1 @@
+<marko-web-block ...input name="page-contents" />

package/components/page/contents.marko.js

@@ -0,0 +1,33 @@
+// 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/page/contents.marko",
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    marko_assign = require("marko/dist/runtime/helpers/assign"),
+    marko_web_block_template = require("@mindful-web/marko-web/components/element/block.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_block_tag = marko_loadTag(marko_web_block_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  marko_web_block_tag(marko_assign({
+      name: "block",
+      tag: "div"
+    }, input, {
+      name: "page-contents"
+    }), 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/page/contents.marko",
+    tags: [
+      "@mindful-web/marko-web/components/element/block.marko"
+    ]
+  };

package/components/page/dates.marko

@@ -0,0 +1 @@
+<marko-web-block ...input name="page-dates" />

package/components/page/dates.marko.js

@@ -0,0 +1,33 @@
+// 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/page/dates.marko",
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    marko_assign = require("marko/dist/runtime/helpers/assign"),
+    marko_web_block_template = require("@mindful-web/marko-web/components/element/block.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_block_tag = marko_loadTag(marko_web_block_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  marko_web_block_tag(marko_assign({
+      name: "block",
+      tag: "div"
+    }, input, {
+      name: "page-dates"
+    }), 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/page/dates.marko",
+    tags: [
+      "@mindful-web/marko-web/components/element/block.marko"
+    ]
+  };

package/components/page/default.marko

@@ -0,0 +1,25 @@
+$ const {
+  type = "default",
+  title,
+  description,
+  canonicalUrl,
+  head,
+  page,
+  abovePage,
+  belowPage,
+  ...rest
+} = input;
+$ const { document } = out.global;
+
+<${document} ...rest>
+  <@head>
+    <marko-web-default-page-metadata title=title description=description canonical-url=canonicalUrl/>
+    <${head} />
+  </@head>
+  <!-- Note: camelcased vars due to nest input of dynamic document. perhaps a marko bug -->
+  <@container abovePage=abovePage belowPage=belowPage>
+    <@page for=type>
+      <${page} />
+    </@page>
+  </@container>
+</>

package/components/page/default.marko.js

@@ -0,0 +1,67 @@
+// 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/page/default.marko",
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    marko_web_default_page_metadata_template = require("@mindful-web/marko-web/components/page/metadata/default.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_default_page_metadata_tag = marko_loadTag(marko_web_default_page_metadata_template),
+    marko_dynamicTag = require("marko/dist/runtime/helpers/dynamic-tag"),
+    marko_assign = require("marko/dist/runtime/helpers/assign");
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const {
+  type = "default",
+  title,
+  description,
+  canonicalUrl,
+  head,
+  page,
+  abovePage,
+  belowPage,
+  ...rest
+} = input;
+
+  const { document } = out.global;
+
+  marko_dynamicTag(out, document, function() {
+    return marko_assign({}, rest, {
+        head: {
+            renderBody: function(out) {
+              marko_web_default_page_metadata_tag({
+                  title: title,
+                  description: description,
+                  canonicalUrl: canonicalUrl
+                }, out, __component, "2");
+
+              marko_dynamicTag(out, head, null, null, null, null, __component, "3");
+            }
+          },
+        container: {
+            abovePage: abovePage,
+            belowPage: belowPage,
+            page: {
+                for: type,
+                renderBody: function(out) {
+                  marko_dynamicTag(out, page, null, null, null, null, __component, "6");
+                }
+              }
+          }
+      });
+  }, null, null, null, __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/page/default.marko",
+    tags: [
+      "@mindful-web/marko-web/components/page/metadata/default.marko"
+    ]
+  };

package/components/page/marko.json

@@ -0,0 +1,51 @@
+{
+  "<theme-content-page>": {
+    "template": "./content.marko"
+  },
+  "<theme-default-page>": {
+    "template": "./default.marko"
+  },
+  "<theme-page-contents>": {
+    "template": "./contents.marko",
+    "@tag": {
+      "type": "string",
+      "default-value": "div"
+    },
+    "@class": "string",
+    "@modifiers": "@array",
+    "@attrs": "object"
+  },
+  "<theme-page-dates>": {
+    "template": "./dates.marko",
+    "@tag": {
+      "type": "string",
+      "default-value": "div"
+    },
+    "@class": "string",
+    "@modifiers": "@array",
+    "@attrs": "object"
+  },
+  "<theme-page-attribution>": {
+    "template": "./attribution.marko",
+    "@tag": {
+      "type": "string",
+      "default-value": "div"
+    },
+    "@class": "string",
+    "@modifiers": "@array",
+    "@attrs": "object"
+  },
+  "<theme-page-contact-details>": {
+    "template": "./contact-details.marko",
+    "@tag": {
+      "type": "string",
+      "default-value": "div"
+    },
+    "@class": "string",
+    "@modifiers": "@array",
+    "@attrs": "object"
+  },
+  "<theme-website-section-page>": {
+    "template": "./website-section.marko"
+  }
+}