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

package/components/blocks/magazine-latest-issue.marko.js

@@ -0,0 +1,97 @@
+// 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-magazine$1.0.0/components/blocks/magazine-latest-issue.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,
+    module_utils_module = require("@mindful-web/marko-web/utils"),
+    utils_module = module_utils_module.default || module_utils_module,
+    defaultValue = module_utils_module.defaultValue,
+    marko_web_magazine_issue_name_template = require("@mindful-web/marko-web/components/element/magazine-issue/name.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_magazine_issue_name_tag = marko_loadTag(marko_web_magazine_issue_name_template),
+    theme_magazine_publication_buttons_template = require("../publication-buttons.marko"),
+    theme_magazine_publication_buttons_tag = marko_loadTag(theme_magazine_publication_buttons_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 issue = getAsObject(input, "node");
+
+  const publication = getAsObject(issue, "publication");
+
+  const coverImage = getAsObject(issue, "coverImage");
+
+  const linkTitle = `${publication.name} ${issue.name}`;
+
+  const flush = defaultValue(input.flush, true);
+
+  const withTitle = defaultValue(input.withTitle, true);
+
+  const nodeClass = ["magazine-publication-card-block", input.class].join(" ");
+
+  marko_web_node_tag({
+      imagePosition: "top",
+      flush: flush,
+      class: nodeClass,
+      header: input.header,
+      image: {
+          src: coverImage.src,
+          alt: coverImage.alt || linkTitle,
+          fluid: true,
+          ar: "3:4",
+          width: input.imageWidth || 300,
+          link: {
+              href: issue.canonicalPath,
+              title: linkTitle
+            },
+          options: {
+              fit: "max"
+            }
+        },
+      body: {
+          title: withTitle && {
+              tag: "h5",
+              renderBody: function(out) {
+                marko_web_magazine_issue_name_tag({
+                    tag: null,
+                    obj: issue,
+                    link: {
+                        title: linkTitle
+                      }
+                  }, out, __component, "4");
+              }
+            },
+          footer: {
+              left: {
+                  renderBody: function(out) {
+                    theme_magazine_publication_buttons_tag({
+                        publication: publication,
+                        issue: issue,
+                        buttons: input.buttons
+                      }, out, __component, "7");
+                  }
+                }
+            }
+        }
+    }, out, __component, "0");
+}
+
+marko_template._ = marko_renderer(render, {
+    d_: true,
+    e_: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@mindful-web/marko-web-theme-monorail-magazine$1.0.0/components/blocks/magazine-latest-issue.marko",
+    tags: [
+      "@mindful-web/marko-web/components/element/magazine-issue/name.marko",
+      "../publication-buttons.marko",
+      "@mindful-web/marko-web/components/node/index.marko"
+    ]
+  };

package/components/blocks/magazine-publication-card.marko

@@ -0,0 +1,36 @@
+import { getAsObject } from "@mindful-web/object-path";
+import defaultValue from "@mindful-web/marko-core/utils/default-value";
+import latestIssueFragment from "../../graphql/fragments/latest-issue";
+import issueArchiveListFragment from "../../graphql/fragments/issue-archive";
+
+$ const blockName = "magazine-publication-card-block";
+$ const requiresCoverImage = defaultValue(input.requiresCoverImage, true);
+
+<div class=blockName>
+  <if(input.header)>
+    <div class=`${blockName}__header`>
+      <${input.header} block-name=blockName />
+    </div>
+  </if>
+
+  <div class=`${blockName}__body`>
+    <div class="row">
+      <marko-web-query|{ node: issue }| name="magazine-issue" params={ id: input.issueId, queryFragment: latestIssueFragment, requiresCoverImage }>
+        <div class="col-md-4 mb-block">
+          <theme-magazine-latest-issue-block ...getAsObject(input, "latestIssue") node=issue />
+        </div>
+      </marko-web-query>
+      <marko-web-query|{ nodes: issues }| name="magazine-active-issues" params={ publicationId: input.publicationId, excludeIssueIds: [input.issueId], queryFragment: issueArchiveListFragment, limit: 12, requiresCoverImage }>
+        <div class="col-md-8 mb-block">
+          <div class="row">
+            <for|issue| of=issues>
+              <div class="col-3 mb-block">
+                <theme-magazine-archived-issue-block ...getAsObject(input, "archivedIssue") node=issue />
+              </div>
+            </for>
+          </div>
+        </div>
+      </marko-web-query>
+    </div>
+  </div>
+</div>

package/components/blocks/magazine-publication-card.marko.js

@@ -0,0 +1,125 @@
+// 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-magazine$1.0.0/components/blocks/magazine-publication-card.marko",
+    marko_component = require("./magazine-publication-card.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,
+    module_defaultValue = require("@mindful-web/marko-core/utils/default-value"),
+    defaultValue = module_defaultValue.default || module_defaultValue,
+    module_latestIssueFragment = require("../../graphql/fragments/latest-issue"),
+    latestIssueFragment = module_latestIssueFragment.default || module_latestIssueFragment,
+    module_issueArchiveListFragment = require("../../graphql/fragments/issue-archive"),
+    issueArchiveListFragment = module_issueArchiveListFragment.default || module_issueArchiveListFragment,
+    marko_dynamicTag = require("marko/dist/runtime/helpers/dynamic-tag"),
+    marko_classAttr = require("marko/dist/runtime/html/helpers/class-attr"),
+    marko_assign = require("marko/dist/runtime/helpers/assign"),
+    theme_magazine_latest_issue_block_template = require("./magazine-latest-issue.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    theme_magazine_latest_issue_block_tag = marko_loadTag(theme_magazine_latest_issue_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),
+    marko_forOf = require("marko/dist/runtime/helpers/for-of"),
+    theme_magazine_archived_issue_block_template = require("./magazine-archived-issue.marko"),
+    theme_magazine_archived_issue_block_tag = marko_loadTag(theme_magazine_archived_issue_block_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const blockName = "magazine-publication-card-block";
+
+  const requiresCoverImage = defaultValue(input.requiresCoverImage, true);
+
+  out.w("<div" +
+    marko_classAttr(blockName) +
+    ">");
+
+  if (input.header) {
+    out.w("<div" +
+      marko_classAttr(blockName + "__header") +
+      ">");
+
+    marko_dynamicTag(out, input.header, function() {
+      return {
+          "block-name": blockName
+        };
+    }, null, null, null, __component, "2");
+
+    out.w("</div>");
+  }
+
+  out.w("<div" +
+    marko_classAttr(blockName + "__body") +
+    "><div class=\"row\">");
+
+  marko_web_query_tag({
+      collapsible: true,
+      name: "magazine-issue",
+      params: {
+          id: input.issueId,
+          queryFragment: latestIssueFragment,
+          requiresCoverImage: requiresCoverImage
+        },
+      renderBody: function(out, { node: issue }) {
+        out.w("<div class=\"col-md-4 mb-block\">");
+
+        theme_magazine_latest_issue_block_tag(marko_assign({}, getAsObject(input, "latestIssue"), {
+            node: issue
+          }), out, __component, "7");
+
+        out.w("</div>");
+      }
+    }, out, __component, "5");
+
+  marko_web_query_tag({
+      collapsible: true,
+      name: "magazine-active-issues",
+      params: {
+          publicationId: input.publicationId,
+          excludeIssueIds: [
+              input.issueId
+            ],
+          queryFragment: issueArchiveListFragment,
+          limit: 12,
+          requiresCoverImage: requiresCoverImage
+        },
+      renderBody: function(out, { nodes: issues }) {
+        out.w("<div class=\"col-md-8 mb-block\"><div class=\"row\">");
+
+        var $for$0 = 0;
+
+        marko_forOf(issues, function(issue) {
+          var $keyScope$0 = "[" + (($for$0++) + "]");
+
+          out.w("<div class=\"col-3 mb-block\">");
+
+          theme_magazine_archived_issue_block_tag(marko_assign({}, getAsObject(input, "archivedIssue"), {
+              node: issue
+            }), out, __component, "12" + $keyScope$0);
+
+          out.w("</div>");
+        });
+
+        out.w("</div></div>");
+      }
+    }, out, __component, "8");
+
+  out.w("</div></div></div>");
+}
+
+marko_template._ = marko_renderer(render, {
+    e_: marko_componentType
+  }, marko_component);
+
+marko_template.meta = {
+    id: "/@mindful-web/marko-web-theme-monorail-magazine$1.0.0/components/blocks/magazine-publication-card.marko",
+    component: "./magazine-publication-card.marko",
+    tags: [
+      "./magazine-latest-issue.marko",
+      "@mindful-web/marko-core/components/queries/index.marko",
+      "./magazine-archived-issue.marko"
+    ]
+  };

package/components/blocks/magazine-publications.marko

@@ -0,0 +1,22 @@
+import { getAsArray } from "@mindful-web/object-path";
+import defaultValue from "@mindful-web/marko-core/utils/default-value";
+import publicationListFragment from "../../graphql/fragments/magazine-publication-list";
+
+$ const { site } = out.global;
+$ const publicationIds = site.getAsArray("magazine.publicationIds");
+$ const requiresCoverImage = defaultValue(input.requiresCoverImage, true);
+$ const withHeader = defaultValue(input.withHeader, true);
+
+<marko-web-query|{ nodes }| name="magazine-publications" params={ publicationIds: publicationIds, queryFragmet: publicationListFragment }>
+  <for|publication| of=nodes>
+    <marko-web-query|{ node: latestIssue }| name="magazine-latest-issue" params={ publicationId: publication.id, requiresCoverImage }>
+      <theme-magazine-publication-card-block publication-id=publication.id issue-id=latestIssue.id>
+        <if(withHeader)>
+          <@header>
+            <marko-web-magazine-publication-name tag=null obj=publication link=true />
+          </@header>
+        </if>
+      </theme-magazine-publication-card-block>
+    </marko-web-query>
+  </for>
+</marko-web-query>

package/components/blocks/magazine-publications.marko.js

@@ -0,0 +1,88 @@
+// 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-magazine$1.0.0/components/blocks/magazine-publications.marko",
+    marko_component = require("./magazine-publications.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,
+    module_defaultValue = require("@mindful-web/marko-core/utils/default-value"),
+    defaultValue = module_defaultValue.default || module_defaultValue,
+    module_publicationListFragment = require("../../graphql/fragments/magazine-publication-list"),
+    publicationListFragment = module_publicationListFragment.default || module_publicationListFragment,
+    marko_forOf = require("marko/dist/runtime/helpers/for-of"),
+    marko_web_magazine_publication_name_template = require("@mindful-web/marko-web/components/element/magazine-publication/name.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_magazine_publication_name_tag = marko_loadTag(marko_web_magazine_publication_name_template),
+    theme_magazine_publication_card_block_template = require("./magazine-publication-card.marko"),
+    theme_magazine_publication_card_block_tag = marko_loadTag(theme_magazine_publication_card_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 { site } = out.global;
+
+  const publicationIds = site.getAsArray("magazine.publicationIds");
+
+  const requiresCoverImage = defaultValue(input.requiresCoverImage, true);
+
+  const withHeader = defaultValue(input.withHeader, true);
+
+  marko_web_query_tag({
+      collapsible: true,
+      name: "magazine-publications",
+      params: {
+          publicationIds: publicationIds,
+          queryFragmet: publicationListFragment
+        },
+      renderBody: function(out, { nodes }) {
+        var $for$0 = 0;
+
+        marko_forOf(nodes, function(publication) {
+          var $keyScope$0 = "[" + (($for$0++) + "]");
+
+          marko_web_query_tag({
+              collapsible: true,
+              name: "magazine-latest-issue",
+              params: {
+                  publicationId: publication.id,
+                  requiresCoverImage: requiresCoverImage
+                },
+              renderBody: function(out, { node: latestIssue }) {
+                theme_magazine_publication_card_block_tag({
+                    publicationId: publication.id,
+                    issueId: latestIssue.id,
+                    header: withHeader && {
+                        renderBody: function(out) {
+                          marko_web_magazine_publication_name_tag({
+                              tag: null,
+                              obj: publication,
+                              link: true
+                            }, out, __component, "4" + $keyScope$0);
+                        }
+                      }
+                  }, out, __component, "2" + $keyScope$0);
+              }
+            }, out, __component, "1" + $keyScope$0);
+        });
+      }
+    }, out, __component, "0");
+}
+
+marko_template._ = marko_renderer(render, {
+    e_: marko_componentType
+  }, marko_component);
+
+marko_template.meta = {
+    id: "/@mindful-web/marko-web-theme-monorail-magazine$1.0.0/components/blocks/magazine-publications.marko",
+    component: "./magazine-publications.marko",
+    tags: [
+      "@mindful-web/marko-web/components/element/magazine-publication/name.marko",
+      "./magazine-publication-card.marko",
+      "@mindful-web/marko-core/components/queries/index.marko"
+    ]
+  };

package/components/blocks/marko.json

@@ -0,0 +1,23 @@
+{
+  "<theme-magazine-archived-issue-block>": {
+    "template": "./magazine-archived-issue.marko"
+  },
+  "<theme-magazine-latest-issue-block>": {
+    "template": "./magazine-latest-issue.marko"
+  },
+  "<theme-magazine-current-issue-block>": {
+    "template": "./magazine-current-issue.marko"
+  },
+  "<theme-magazine-issues-block>": {
+    "template": "./magazine-issues.marko"
+  },
+  "<theme-magazine-issue-cards-block>": {
+    "template": "./magazine-issue-cards.marko"
+  },
+  "<theme-magazine-publication-card-block>": {
+    "template": "./magazine-publication-card.marko"
+  },
+  "<theme-magazine-publications-block>": {
+    "template": "./magazine-publications.marko"
+  }
+}

package/components/flows/magazine-issue-archive.marko

@@ -0,0 +1,12 @@
+import { getAsArray } from "@mindful-web/object-path";
+
+$ const { aliases } = input;
+$ const nodes = getAsArray(input, "nodes");
+
+<if(nodes.length)>
+  <theme-card-deck-flow nodes=nodes modifiers=input.modifiers cols=4>
+    <@slot|{ node }|>
+      <theme-magazine-issue-archive-node node=node flush=input.flush with-title=input.withTitle />
+    </@slot>
+  </theme-card-deck-flow>
+</if>

package/components/flows/magazine-issue-archive.marko.js

@@ -0,0 +1,55 @@
+// 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-magazine$1.0.0/components/flows/magazine-issue-archive.marko",
+    marko_component = require("./magazine-issue-archive.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,
+    theme_magazine_issue_archive_node_template = require("../nodes/magazine-issue-archive.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    theme_magazine_issue_archive_node_tag = marko_loadTag(theme_magazine_issue_archive_node_template),
+    theme_card_deck_flow_template = require("@mindful-web/marko-web-theme-monorail/components/flows/card-deck.marko"),
+    theme_card_deck_flow_tag = marko_loadTag(theme_card_deck_flow_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const { aliases } = input;
+
+  const nodes = getAsArray(input, "nodes");
+
+  if (nodes.length) {
+    theme_card_deck_flow_tag({
+        nodes: nodes,
+        modifiers: input.modifiers,
+        cols: 4,
+        slots: [
+            {
+                renderBody: function(out, { node }) {
+                  theme_magazine_issue_archive_node_tag({
+                      node: node,
+                      flush: input.flush,
+                      withTitle: input.withTitle
+                    }, out, __component, "2");
+                }
+              }
+          ]
+      }, out, __component, "0");
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    e_: marko_componentType
+  }, marko_component);
+
+marko_template.meta = {
+    id: "/@mindful-web/marko-web-theme-monorail-magazine$1.0.0/components/flows/magazine-issue-archive.marko",
+    component: "./magazine-issue-archive.marko",
+    tags: [
+      "../nodes/magazine-issue-archive.marko",
+      "@mindful-web/marko-web-theme-monorail/components/flows/card-deck.marko"
+    ]
+  };

package/components/flows/magazine-latest-issue.marko

@@ -0,0 +1,22 @@
+import { getAsObject } from "@mindful-web/object-path";
+
+$ const nodes = [];
+$ const issueNode = getAsObject(input, "issueNode");
+$ if (issueNode) nodes.push(issueNode);
+
+<marko-web-node-list
+  inner-justified=true
+  flush-x=true
+  flush-y=true
+  modifiers=[
+    "latest-issue",
+  ]
+  header=input.header
+  footer=input.footer
+>
+  <@nodes nodes=nodes>
+    <@slot|{ node: issue }| position="at" index=0>
+      <theme-magazine-latest-issue-node node=issue />
+    </@slot>
+  </@nodes>
+</marko-web-node-list>

package/components/flows/magazine-latest-issue.marko.js

@@ -0,0 +1,69 @@
+// 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-magazine$1.0.0/components/flows/magazine-latest-issue.marko",
+    marko_component = require("./magazine-latest-issue.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,
+    theme_magazine_latest_issue_node_template = require("../nodes/magazine-latest-issue.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    theme_magazine_latest_issue_node_tag = marko_loadTag(theme_magazine_latest_issue_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);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const nodes = [];
+
+  const issueNode = getAsObject(input, "issueNode");
+
+  if (issueNode) nodes.push(issueNode);
+
+  marko_web_node_list_tag({
+      blockName: "node-list",
+      tag: "div",
+      justified: false,
+      innerJustified: true,
+      flushX: true,
+      flushY: true,
+      fullHeight: false,
+      collapsible: true,
+      modifiers: [
+          "latest-issue"
+        ],
+      header: input.header,
+      footer: input.footer,
+      nodes: {
+          nodes: nodes,
+          slots: [
+              {
+                  position: "at",
+                  index: 0,
+                  renderBody: function(out, { node: issue }) {
+                    theme_magazine_latest_issue_node_tag({
+                        imageWidth: 300,
+                        node: issue
+                      }, 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-magazine$1.0.0/components/flows/magazine-latest-issue.marko",
+    component: "./magazine-latest-issue.marko",
+    tags: [
+      "../nodes/magazine-latest-issue.marko",
+      "@mindful-web/marko-web/components/node-list/index.marko"
+    ]
+  };

package/components/flows/marko.json

@@ -0,0 +1,21 @@
+{
+  "<theme-magazine-issue-archive-flow>": {
+    "template": "./magazine-issue-archive.marko",
+    "@nodes": "array",
+    "@flush": {
+      "type": "boolean",
+      "default-value": false
+    },
+    "@with-title": {
+      "type": "boolean",
+      "default-value": true
+    },
+    "@modifiers": "array"
+  },
+  "<theme-magazine-latest-issue-flow>": {
+    "template": "./magazine-latest-issue.marko",
+    "<header>": {},
+    "<footer>": {},
+    "@issue-node": "object"
+  }
+}

package/components/marko.json

@@ -0,0 +1,13 @@
+{
+  "taglib-imports": [
+    "./blocks/marko.json",
+    "./flows/marko.json",
+    "./nodes/marko.json"
+  ],
+  "<theme-magazine-publication-buttons>": {
+    "template": "./publication-buttons.marko"
+  },
+  "<theme-magazine-publication-links>": {
+    "template": "./publication-links.marko"
+  }
+}

package/components/nodes/magazine-issue-archive.marko

@@ -0,0 +1,29 @@
+import { getAsObject } from "@mindful-web/object-path";
+import { defaultValue } from "@mindful-web/marko-web/utils";
+
+$ const issue = getAsObject(input, "node");
+$ const publication = getAsObject(issue, "publication");
+$ const coverImage = getAsObject(issue, "coverImage");
+$ const alt = `${publication.name} ${issue.name}`;
+
+<marko-web-node
+  image-position="top"
+  card=defaultValue(input.card, true)
+  flush=defaultValue(input.flush, false)
+  full-height=defaultValue(input.fullHeight, false)
+>
+  <@image
+    src=coverImage.src
+    alt=(coverImage.alt || alt)
+    fluid=true
+    ar="3:4"
+    width=defaultValue(input.imageWidth, 400)
+    link={ href: issue.canonicalPath, title: alt }
+    options={ fit: "max" }
+  />
+  <@body>
+    <@title tag="h5" show=defaultValue(input.withTitle, true)>
+      <marko-web-magazine-issue-name tag=null obj=issue link={ title: alt } />
+    </@title>
+  </@body>
+</marko-web-node>