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

package/.eslintignore

@@ -0,0 +1 @@
+*.marko.js

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Parameter1 LLC
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,4 @@
+marko-web-theme-monorail-magazine
+===
+
+Provides support for displaying publications and issues within the mindful-web monorail theme.

package/components/blocks/magazine-archived-issue.marko

@@ -0,0 +1,23 @@
+import { getAsObject } from "@mindful-web/object-path";
+import { defaultValue } from "@mindful-web/marko-web/utils";
+
+$ const issue = getAsObject(input, "node");
+$ const coverImage = getAsObject(issue, "coverImage");
+$ const alt = issue.name;
+
+<marko-web-node
+  image-position="top"
+  card=true
+  flush=true
+  full-height=true
+>
+  <@image
+    src=coverImage.src
+    alt=(coverImage.alt || alt)
+    fluid=true
+    ar="3:4"
+    width=190
+    link={ href: issue.canonicalPath, title: alt }
+    options={ fit: "max" }
+  />
+</marko-web-node>

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

@@ -0,0 +1,58 @@
+// 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-archived-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_node_template = require("@mindful-web/marko-web/components/node/index.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    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 coverImage = getAsObject(issue, "coverImage");
+
+  const alt = issue.name;
+
+  marko_web_node_tag({
+      imagePosition: "top",
+      card: true,
+      flush: true,
+      fullHeight: true,
+      image: {
+          src: coverImage.src,
+          alt: coverImage.alt || alt,
+          fluid: true,
+          ar: "3:4",
+          width: 190,
+          link: {
+              href: issue.canonicalPath,
+              title: alt
+            },
+          options: {
+              fit: "max"
+            }
+        }
+    }, 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-archived-issue.marko",
+    tags: [
+      "@mindful-web/marko-web/components/node/index.marko"
+    ]
+  };

package/components/blocks/magazine-current-issue.marko

@@ -0,0 +1,43 @@
+import { getAsObject } from "@mindful-web/object-path";
+import { defaultValue } from "@mindful-web/marko-web/utils";
+import latestIssueFragment from "@mindful-web/marko-web-theme-monorail-magazine/graphql/fragments/magazine-latest-issue";
+
+$ const { publicationId } = input;
+
+$ const title = defaultValue(input.title, "In Print");
+$ const linkTitle = defaultValue(input.linkTitle, false);
+$ const buttons = defaultValue(input.buttons, ['subscribe', 'digital-edition', 'archives']);
+
+<marko-web-query|{ node: issue }|
+  name="magazine-latest-issue"
+  params={ publicationId, queryFragment: latestIssueFragment, requiresCoverImage: true  }
+>
+  <marko-web-node-list
+    inner-justified=false
+    flush-x=true
+    flush-y=true
+    modifiers=[
+      "latest-issue",
+    ]
+    header=input.header
+    footer=input.footer
+    ...input.nodeList
+  >
+    <@header>
+      <marko-web-magazine-issue-name tag=null obj=issue link=linkTitle>
+        ${title}
+      </marko-web-magazine-issue-name>
+    </@header>
+    <@nodes nodes=[issue]>
+      <@slot|{ node: issue }| position="at" index=0>
+        <theme-magazine-latest-issue-node node=issue />
+      </@slot>
+    </@nodes>
+    <@footer>
+      <theme-magazine-publication-buttons
+        issue=issue
+        buttons=buttons
+      />
+    </@footer>
+  </marko-web-node-list>
+</marko-web-query>

package/components/blocks/magazine-current-issue.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-magazine$1.0.0/components/blocks/magazine-current-issue.marko",
+    marko_component = require("./magazine-current-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,
+    module_latestIssueFragment = require("@mindful-web/marko-web-theme-monorail-magazine/graphql/fragments/magazine-latest-issue"),
+    latestIssueFragment = module_latestIssueFragment.default || module_latestIssueFragment,
+    helpers_escape_xml = require("marko/dist/runtime/html/helpers/escape-xml"),
+    marko_escapeXml = helpers_escape_xml.x,
+    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_latest_issue_node_template = require("../nodes/magazine-latest-issue.marko"),
+    theme_magazine_latest_issue_node_tag = marko_loadTag(theme_magazine_latest_issue_node_template),
+    theme_magazine_publication_buttons_template = require("../publication-buttons.marko"),
+    theme_magazine_publication_buttons_tag = marko_loadTag(theme_magazine_publication_buttons_template),
+    marko_assign = require("marko/dist/runtime/helpers/assign"),
+    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 { publicationId } = input;
+
+  const title = defaultValue(input.title, "In Print");
+
+  const linkTitle = defaultValue(input.linkTitle, false);
+
+  const buttons = defaultValue(input.buttons, ['subscribe', 'digital-edition', 'archives']);
+
+  marko_web_query_tag({
+      collapsible: true,
+      name: "magazine-latest-issue",
+      params: {
+          publicationId: publicationId,
+          queryFragment: latestIssueFragment,
+          requiresCoverImage: true
+        },
+      renderBody: function(out, { node: issue }) {
+        marko_web_node_list_tag(marko_assign({
+            blockName: "node-list",
+            tag: "div",
+            justified: false,
+            innerJustified: false,
+            flushX: true,
+            flushY: true,
+            fullHeight: false,
+            collapsible: true,
+            modifiers: [
+                "latest-issue"
+              ],
+            header: {
+                renderBody: function(out) {
+                  marko_web_magazine_issue_name_tag({
+                      tag: null,
+                      obj: issue,
+                      link: linkTitle,
+                      renderBody: function(out) {
+                        out.w(marko_escapeXml(title));
+                      }
+                    }, out, __component, "3");
+                }
+              },
+            footer: {
+                renderBody: function(out) {
+                  theme_magazine_publication_buttons_tag({
+                      issue: issue,
+                      buttons: buttons
+                    }, out, __component, "8");
+                }
+              }
+          }, input.nodeList, {
+            nodes: {
+                nodes: [
+                    issue
+                  ],
+                slots: [
+                    {
+                        position: "at",
+                        index: 0,
+                        renderBody: function(out, { node: issue }) {
+                          theme_magazine_latest_issue_node_tag({
+                              imageWidth: 300,
+                              node: issue
+                            }, out, __component, "6");
+                        }
+                      }
+                  ]
+              }
+          }), 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-magazine$1.0.0/components/blocks/magazine-current-issue.marko",
+    component: "./magazine-current-issue.marko",
+    tags: [
+      "@mindful-web/marko-web/components/element/magazine-issue/name.marko",
+      "../nodes/magazine-latest-issue.marko",
+      "../publication-buttons.marko",
+      "@mindful-web/marko-web/components/node-list/index.marko",
+      "@mindful-web/marko-core/components/queries/index.marko"
+    ]
+  };

package/components/blocks/magazine-issue-cards.marko

@@ -0,0 +1,33 @@
+import defaultValue from "@mindful-web/marko-core/utils/default-value";
+import queryFragment from "../../graphql/fragments/section-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 />
+        </@slot>
+      </@nodes>
+    </marko-web-node-list>
+  </marko-web-query>
+</else>

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

@@ -0,0 +1,95 @@
+// 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-issue-cards.marko",
+    marko_component = require("./magazine-issue-cards.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-feed-block"),
+    queryFragment = module_queryFragment.default || module_queryFragment,
+    marko_dynamicTag = require("marko/dist/runtime/helpers/dynamic-tag"),
+    theme_query_total_count_template = require("@mindful-web/marko-web-theme-monorail/components/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("@mindful-web/marko-web-theme-monorail/components/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
+                              }, 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-magazine$1.0.0/components/blocks/magazine-issue-cards.marko",
+    component: "./magazine-issue-cards.marko",
+    tags: [
+      "@mindful-web/marko-web-theme-monorail/components/query-total-count.marko",
+      "@mindful-web/marko-web-theme-monorail/components/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/magazine-issues.marko

@@ -0,0 +1,53 @@
+import { getAsObject } from "@mindful-web/object-path";
+import queryFragment from "../../graphql/fragments/magazine-latest-issue";
+
+$ const { site, i18n } = out.global;
+$ const { publicationId } = input;
+$ const blockName = "magazine-issues"
+$ const linkHeader = input.linkHeader || false;
+$ const title = input.title || "In Print";
+
+<marko-web-query|{ nodes }| name="magazine-active-issues"
+  params={
+    sectionAlias: input.alias,
+    publicationId,
+    queryFragment,
+    limit: 4,
+    requiresCoverImage: true
+  }
+>
+  <marko-web-block name=blockName>
+    <marko-web-element block-name=blockName name="wrapper">
+      <marko-web-element block-name=blockName name="contents">
+        <marko-web-element block-name=blockName name="header">
+          <if(linkHeader && input.alias)>
+            <marko-web-link href=`${input.alias}`>
+              ${title}
+            </marko-web-link>
+          </if>
+          <else>
+            ${title}
+          </else>
+        </marko-web-element>
+        <theme-magazine-issue-archive-flow nodes=nodes with-title=input.withTitle flush=true />
+      </marko-web-element>
+    </marko-web-element>
+    <marko-web-element block-name=blockName name="wrapper">
+      <marko-web-element block-name=blockName name="contents" modifiers=["buttons"]>
+        <marko-web-magazine-publication-subscribe-url
+          tag=null
+          obj=nodes[0].publication
+          link={
+            class: "btn btn-primary",
+            target: "_blank",
+          }
+        >
+          ${i18n("Subscribe")}
+        </marko-web-magazine-publication-subscribe-url>
+        <marko-web-link href=`/magazine/${publicationId}` class="btn btn-secondary" >
+          ${i18n("Archives")}
+        </marko-web-link>
+      </marko-web-element>
+    </marko-web-element>
+  </marko-web-block>
+</marko-web-query>

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

@@ -0,0 +1,152 @@
+// 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-issues.marko",
+    marko_component = require("./magazine-issues.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_queryFragment = require("../../graphql/fragments/magazine-latest-issue"),
+    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_link_template = require("@mindful-web/marko-web/components/element/link.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_link_tag = marko_loadTag(marko_web_link_template),
+    marko_web_element_template = require("@mindful-web/marko-web/components/element/index.marko"),
+    marko_web_element_tag = marko_loadTag(marko_web_element_template),
+    theme_magazine_issue_archive_flow_template = require("../flows/magazine-issue-archive.marko"),
+    theme_magazine_issue_archive_flow_tag = marko_loadTag(theme_magazine_issue_archive_flow_template),
+    marko_web_magazine_publication_subscribe_url_template = require("@mindful-web/marko-web/components/element/magazine-publication/subscribe-url.marko"),
+    marko_web_magazine_publication_subscribe_url_tag = marko_loadTag(marko_web_magazine_publication_subscribe_url_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 { site, i18n } = out.global;
+
+  const { publicationId } = input;
+
+  const blockName = "magazine-issues"
+
+  const linkHeader = input.linkHeader || false;
+
+  const title = input.title || "In Print";
+
+  marko_web_query_tag({
+      collapsible: true,
+      name: "magazine-active-issues",
+      params: {
+          sectionAlias: input.alias,
+          publicationId: publicationId,
+          queryFragment: queryFragment,
+          limit: 4,
+          requiresCoverImage: true
+        },
+      renderBody: function(out, { nodes }) {
+        marko_web_block_tag({
+            name: blockName,
+            tag: "div",
+            renderBody: function(out) {
+              marko_web_element_tag({
+                  name: "wrapper",
+                  tag: "div",
+                  blockName: blockName,
+                  renderBody: function(out) {
+                    marko_web_element_tag({
+                        name: "contents",
+                        tag: "div",
+                        blockName: blockName,
+                        renderBody: function(out) {
+                          marko_web_element_tag({
+                              name: "header",
+                              tag: "div",
+                              blockName: blockName,
+                              renderBody: function(out) {
+                                if (linkHeader && input.alias) {
+                                  marko_web_link_tag({
+                                      href: "" + input.alias,
+                                      renderBody: function(out) {
+                                        out.w(marko_escapeXml(title));
+                                      }
+                                    }, out, __component, "5");
+                                } else {
+                                  out.w(marko_escapeXml(title));
+                                }
+                              }
+                            }, out, __component, "4");
+
+                          theme_magazine_issue_archive_flow_tag({
+                              flush: true,
+                              withTitle: input.withTitle,
+                              nodes: nodes
+                            }, out, __component, "6");
+                        }
+                      }, out, __component, "3");
+                  }
+                }, out, __component, "2");
+
+              marko_web_element_tag({
+                  name: "wrapper",
+                  tag: "div",
+                  blockName: blockName,
+                  renderBody: function(out) {
+                    marko_web_element_tag({
+                        name: "contents",
+                        tag: "div",
+                        blockName: blockName,
+                        modifiers: [
+                            "buttons"
+                          ],
+                        renderBody: function(out) {
+                          marko_web_magazine_publication_subscribe_url_tag({
+                              tag: null,
+                              obj: nodes[0].publication,
+                              link: {
+                                  class: "btn btn-primary",
+                                  target: "_blank"
+                                },
+                              renderBody: function(out) {
+                                out.w(marko_escapeXml(i18n("Subscribe")));
+                              }
+                            }, out, __component, "9");
+
+                          marko_web_link_tag({
+                              href: "/magazine/" + publicationId,
+                              class: "btn btn-secondary",
+                              renderBody: function(out) {
+                                out.w(marko_escapeXml(i18n("Archives")));
+                              }
+                            }, out, __component, "10");
+                        }
+                      }, out, __component, "8");
+                  }
+                }, out, __component, "7");
+            }
+          }, 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-magazine$1.0.0/components/blocks/magazine-issues.marko",
+    component: "./magazine-issues.marko",
+    tags: [
+      "@mindful-web/marko-web/components/element/link.marko",
+      "@mindful-web/marko-web/components/element/index.marko",
+      "../flows/magazine-issue-archive.marko",
+      "@mindful-web/marko-web/components/element/magazine-publication/subscribe-url.marko",
+      "@mindful-web/marko-web/components/element/block.marko",
+      "@mindful-web/marko-core/components/queries/index.marko"
+    ]
+  };

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

@@ -0,0 +1,34 @@
+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 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 image-position="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>
+    <if(withTitle)>
+      <@title tag="h5">
+        <marko-web-magazine-issue-name tag=null obj=issue link={ title: linkTitle } />
+      </@title>
+    </if>
+    <@footer>
+      <@left>
+        <theme-magazine-publication-buttons publication=publication issue=issue buttons=input.buttons />
+      </@left>
+    </@footer>
+  </@body>
+</marko-web-node>