@mindful-web/marko-web 1.92.1 → 1.96.0

package/components/node-list/node.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web$1.92.1/components/node-list/node.marko",
+    marko_componentType = "/@mindful-web/marko-web$1.96.0/components/node-list/node.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,
@@ -42,7 +42,7 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web$1.92.1/components/node-list/node.marko",
+    id: "/@mindful-web/marko-web$1.96.0/components/node-list/node.marko",
     tags: [
       "./element.marko"
     ]

package/components/node-list/nodes.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web$1.92.1/components/node-list/nodes.marko",
+    marko_componentType = "/@mindful-web/marko-web$1.96.0/components/node-list/nodes.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,
@@ -118,7 +118,7 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web$1.92.1/components/node-list/nodes.marko",
+    id: "/@mindful-web/marko-web$1.96.0/components/node-list/nodes.marko",
     tags: [
       "./node.marko",
       "./element.marko"

package/components/page/container.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web$1.92.1/components/page/container.marko",
+    marko_componentType = "/@mindful-web/marko-web$1.96.0/components/page/container.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,
@@ -42,5 +42,5 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web$1.92.1/components/page/container.marko"
+    id: "/@mindful-web/marko-web$1.96.0/components/page/container.marko"
   };

package/components/page/description.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web$1.92.1/components/page/description.marko",
+    marko_componentType = "/@mindful-web/marko-web$1.96.0/components/page/description.marko",
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     marko_attr = require("marko/dist/runtime/html/helpers/attr");
 
@@ -22,5 +22,5 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web$1.92.1/components/page/description.marko"
+    id: "/@mindful-web/marko-web$1.96.0/components/page/description.marko"
   };

package/components/page/image.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web$1.92.1/components/page/image.marko",
+    marko_componentType = "/@mindful-web/marko-web$1.96.0/components/page/image.marko",
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_image_module = require("@mindful-web/image"),
     image_module = module_image_module.default || module_image_module,
@@ -111,7 +111,7 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web$1.92.1/components/page/image.marko",
+    id: "/@mindful-web/marko-web$1.96.0/components/page/image.marko",
     tags: [
       "../element/image/display-name.marko",
       "../element/img.marko",

package/components/page/layouts/content.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web$1.92.1/components/page/layouts/content.marko",
+    marko_componentType = "/@mindful-web/marko-web$1.96.0/components/page/layouts/content.marko",
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     marko_web_content_page_metadata_template = require("../metadata/content.marko"),
     marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
@@ -57,7 +57,7 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web$1.92.1/components/page/layouts/content.marko",
+    id: "/@mindful-web/marko-web$1.96.0/components/page/layouts/content.marko",
     tags: [
       "../metadata/content.marko"
     ]

package/components/page/layouts/default.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web$1.92.1/components/page/layouts/default.marko",
+    marko_componentType = "/@mindful-web/marko-web$1.96.0/components/page/layouts/default.marko",
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     marko_web_default_page_metadata_template = require("../metadata/default.marko"),
     marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
@@ -57,7 +57,7 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web$1.92.1/components/page/layouts/default.marko",
+    id: "/@mindful-web/marko-web$1.96.0/components/page/layouts/default.marko",
     tags: [
       "../metadata/default.marko"
     ]

package/components/page/layouts/dynamic-page.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web$1.92.1/components/page/layouts/dynamic-page.marko",
+    marko_componentType = "/@mindful-web/marko-web$1.96.0/components/page/layouts/dynamic-page.marko",
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     marko_web_dynamic_page_metadata_template = require("../metadata/dynamic-page.marko"),
     marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
@@ -53,7 +53,7 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web$1.92.1/components/page/layouts/dynamic-page.marko",
+    id: "/@mindful-web/marko-web$1.96.0/components/page/layouts/dynamic-page.marko",
     tags: [
       "../metadata/dynamic-page.marko"
     ]

package/components/page/layouts/magazine-issue.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web$1.92.1/components/page/layouts/magazine-issue.marko",
+    marko_componentType = "/@mindful-web/marko-web$1.96.0/components/page/layouts/magazine-issue.marko",
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     marko_web_magazine_issue_page_metadata_template = require("../metadata/magazine-issue.marko"),
     marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
@@ -53,7 +53,7 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web$1.92.1/components/page/layouts/magazine-issue.marko",
+    id: "/@mindful-web/marko-web$1.96.0/components/page/layouts/magazine-issue.marko",
     tags: [
       "../metadata/magazine-issue.marko"
     ]

package/components/page/layouts/magazine-publication.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web$1.92.1/components/page/layouts/magazine-publication.marko",
+    marko_componentType = "/@mindful-web/marko-web$1.96.0/components/page/layouts/magazine-publication.marko",
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     marko_web_magazine_publication_page_metadata_template = require("../metadata/magazine-publication.marko"),
     marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
@@ -53,7 +53,7 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web$1.92.1/components/page/layouts/magazine-publication.marko",
+    id: "/@mindful-web/marko-web$1.96.0/components/page/layouts/magazine-publication.marko",
     tags: [
       "../metadata/magazine-publication.marko"
     ]

package/components/page/layouts/website-section.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web$1.92.1/components/page/layouts/website-section.marko",
+    marko_componentType = "/@mindful-web/marko-web$1.96.0/components/page/layouts/website-section.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,
@@ -71,7 +71,7 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web$1.92.1/components/page/layouts/website-section.marko",
+    id: "/@mindful-web/marko-web$1.96.0/components/page/layouts/website-section.marko",
     tags: [
       "../metadata/website-section.marko",
       "../../rss/website-section.marko"

package/components/page/metadata/components/common.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web$1.92.1/components/page/metadata/components/common.marko",
+    marko_componentType = "/@mindful-web/marko-web$1.96.0/components/page/metadata/components/common.marko",
     marko_component = require("./common.marko"),
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     marko_web_page_title_template = require("../../title.marko"),
@@ -112,7 +112,7 @@ marko_template._ = marko_renderer(render, {
   }, marko_component);
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web$1.92.1/components/page/metadata/components/common.marko",
+    id: "/@mindful-web/marko-web$1.96.0/components/page/metadata/components/common.marko",
     component: "./common.marko",
     tags: [
       "../../title.marko",

package/components/page/metadata/content.marko

@@ -6,6 +6,31 @@ import defaultBuildStructuredData from "../../../utils/build-geo-structured-data
 
 <!-- @todo This data should generated and saved to the content object as flat data, so no relationships are required. -->
 
+<!--
+  Metadata image target: 1200x675, the 16:9 ratio at the 1200px width Google recommends. Every
+  src below pins `w`, `h` and a filling `fit`, so an asset is served at exactly these dimensions
+  whatever its own shape -- which is the whole point. Requesting `w`/`h` _without_ a fit lets
+  imgix apply its `fit=clip` default, which fits the image inside the box instead of filling it
+  and returns something narrower than 1200 for anything but a 16:9 source. These are also the
+  emitted og:image:width/height, so keep them as the single source for the dimensions and the
+  tags cannot drift from the bytes.
+
+  The og:image and the JSON-LD image are separate channels serving different consumers, and they
+  share these values only because both currently target 16:9 -- see each query below for why.
+  Split them if one channel's target ever diverges (Facebook, for instance, asks for 1.91:1).
+-->
+$ const METADATA_IMAGE_WIDTH = 1200;
+$ const METADATA_IMAGE_HEIGHT = 675;
+
+<!--
+  Which of the two srcs an asset gets. Cropping to 16:9 discards height, so letterbox instead
+  once that loss would exceed a quarter of the image -- that threshold is a crop rectangle
+  narrower than 4:3. Landscape assets are cropped (a 3:2 loses ~16%, and any focal point the
+  editor set in the CMS is honored); portrait and squarish assets are padded so they survive
+  intact.
+-->
+$ const OG_IMAGE_MIN_CROP_RATIO = 4 / 3;
+
 $ const { config } = out.global;
 $ const { id, structuredDataQueryFragment } = input;
 $ const { spreadFragmentName, processedFragment } = extractFragmentData(structuredDataQueryFragment);
@@ -33,7 +58,22 @@ fragment ContentPageMetadataFragment on Content {
     expiresDate
     image {
       id
-      src(input: { useCropRectangle: true, options: { auto: "format,compress", h: "630",  q: "70", w: "1200" } })
+      # picks between the two srcs below -- see OG_IMAGE_MIN_CROP_RATIO
+      cropRectangle {
+        width
+        height
+      }
+      # Both srcs flatten onto white (bg), because a transparent og:image renders black in most
+      # social clients.
+      #
+      # The cropped one stays unaliased: google-structured-data/content.js reads
+      # metadata.image.src off this same node for the JSON-LD thumbnailUrl and logo, so
+      # renaming it would empty those out.
+      src(input: { useCropRectangle: true, options: { auto: "format,compress", bg: "ffffff", fit: "crop", h: "${METADATA_IMAGE_HEIGHT}", q: "70", w: "${METADATA_IMAGE_WIDTH}" } })
+      # On the filled src, bg flattens transparency within the image while fillColor pads the
+      # space around it -- both are needed. fill is required too: fit=fill without it is
+      # ignored by imgix and the image comes back unfilled.
+      filledSrc: src(input: { useCropRectangle: true, options: { auto: "format,compress", bg: "ffffff", fill: "solid", fillColor: "ffffff", fit: "fill", h: "${METADATA_IMAGE_HEIGHT}", q: "70", w: "${METADATA_IMAGE_WIDTH}" } })
     }
   }
   userRegistration {
@@ -85,7 +125,17 @@ fragment ContentPageMetadataFragment on Content {
     edges {
       node {
         id
-        src(input: { options: { auto: "format,compress", w: "1200", fit: "max", q: 70 } })
+        # Feeds the JSON-LD image array (google-structured-data/content.js) -- Google's channel,
+        # not the social cards'. Discover asks for at least 1200px wide, over 300,000 total
+        # pixels and a 16x9 aspect, and 16x9 is also one of the ratios Article rich results
+        # recommend.
+        #
+        # Cropped unconditionally, unlike the og:image above, which letterboxes a portrait rather
+        # than gut it. Discover renders a landscape card and crops whatever it is given, so
+        # cropping here mostly moves that decision somewhere we control. Previously fit=max,
+        # which never upscales and so capped this at the source's own width -- measured on the
+        # live CDN, 6 of 15 sampled articles emitted under 1200px.
+        src(input: { options: { auto: "format,compress", bg: "ffffff", fit: "crop", h: "${METADATA_IMAGE_HEIGHT}", q: 70, w: "${METADATA_IMAGE_WIDTH}" } })
       }
     }
   }
@@ -102,17 +152,15 @@ $ const contentGatingHandler = isFunction(globalContentGatingHandler) ? globalCo
 <if(id)>
   <marko-web-query|{ node }| name="content" params={ id, queryFragment }>
     <!--
-      Read the imgix `w`/`h` back off the built src (see the metadata.image query above) so the
-      og:image dimensions always match the image actually served. Parse via URL, not
-      URLSearchParams directly: the latter treats the whole href as a query string and folds the
-      origin+path into the first param's name.
+      Crop landscape assets to 16:9 and letterbox the rest. An asset with no crop rectangle has
+      an unknown shape, so it is cropped: that is correct for the landscape images that make up
+      almost all editorial content, and cropping is the branch that honors a focal point.
     -->
-    $ const urlParams = (() => {
-      try {
-        return new URL(get(node, "metadata.image.src")).searchParams;
-      } catch (e) {
-        return new URLSearchParams();
-      }
+    $ const ogImageSrc = (() => {
+      const image = get(node, "metadata.image") || {};
+      const { width, height } = image.cropRectangle || {};
+      const shouldFill = Boolean(width && height) && (width / height) < OG_IMAGE_MIN_CROP_RATIO;
+      return shouldFill ? image.filledSrc : image.src;
     })();
     $ const metadata = {
       type: node.type,
@@ -123,11 +171,11 @@ $ const contentGatingHandler = isFunction(globalContentGatingHandler) ? globalCo
       // `no-index` forces non-indexable (e.g. print views); it never makes an excluded page indexable.
       noIndex: Boolean(input.noIndex) || get(node, "siteContext.noIndex") || config.website("id") !== get(node, "primarySite.id"),
       robots: input.robots,
-      imageSrc: get(node, "metadata.image.src"),
-      imageDimensions: {
-        height: urlParams.get('h'),
-        width: urlParams.get('w'),
-      }
+      imageSrc: ogImageSrc,
+      // Both srcs fill the requested box exactly, so these always describe the bytes served.
+      // Only claim them when there is a src to describe: with none, common.marko substitutes
+      // the site's fallback image, whose dimensions are not ours to assert.
+      imageDimensions: ogImageSrc ? { width: METADATA_IMAGE_WIDTH, height: METADATA_IMAGE_HEIGHT } : {},
     };
     $ const publishedDate = get(node, "metadata.publishedDate");
     $ const updatedDate = get(node, "metadata.updatedDate");

package/components/page/metadata/content.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web$1.92.1/components/page/metadata/content.marko",
+    marko_componentType = "/@mindful-web/marko-web$1.96.0/components/page/metadata/content.marko",
     marko_component = require("./content.marko"),
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_gql = require("graphql-tag"),
@@ -31,6 +31,12 @@ var marko_template = module.exports = require("marko/dist/html").t(__filename),
 function render(input, out, __component, component, state) {
   var data = input;
 
+  const METADATA_IMAGE_WIDTH = 1200;
+
+  const METADATA_IMAGE_HEIGHT = 675;
+
+  const OG_IMAGE_MIN_CROP_RATIO = 4 / 3;
+
   const { config } = out.global;
 
   const { id, structuredDataQueryFragment } = input;
@@ -61,7 +67,22 @@ fragment ContentPageMetadataFragment on Content {
     expiresDate
     image {
       id
-      src(input: { useCropRectangle: true, options: { auto: "format,compress", h: "630",  q: "70", w: "1200" } })
+      # picks between the two srcs below -- see OG_IMAGE_MIN_CROP_RATIO
+      cropRectangle {
+        width
+        height
+      }
+      # Both srcs flatten onto white (bg), because a transparent og:image renders black in most
+      # social clients.
+      #
+      # The cropped one stays unaliased: google-structured-data/content.js reads
+      # metadata.image.src off this same node for the JSON-LD thumbnailUrl and logo, so
+      # renaming it would empty those out.
+      src(input: { useCropRectangle: true, options: { auto: "format,compress", bg: "ffffff", fit: "crop", h: "${METADATA_IMAGE_HEIGHT}", q: "70", w: "${METADATA_IMAGE_WIDTH}" } })
+      # On the filled src, bg flattens transparency within the image while fillColor pads the
+      # space around it -- both are needed. fill is required too: fit=fill without it is
+      # ignored by imgix and the image comes back unfilled.
+      filledSrc: src(input: { useCropRectangle: true, options: { auto: "format,compress", bg: "ffffff", fill: "solid", fillColor: "ffffff", fit: "fill", h: "${METADATA_IMAGE_HEIGHT}", q: "70", w: "${METADATA_IMAGE_WIDTH}" } })
     }
   }
   userRegistration {
@@ -113,7 +134,17 @@ fragment ContentPageMetadataFragment on Content {
     edges {
       node {
         id
-        src(input: { options: { auto: "format,compress", w: "1200", fit: "max", q: 70 } })
+        # Feeds the JSON-LD image array (google-structured-data/content.js) -- Google's channel,
+        # not the social cards'. Discover asks for at least 1200px wide, over 300,000 total
+        # pixels and a 16x9 aspect, and 16x9 is also one of the ratios Article rich results
+        # recommend.
+        #
+        # Cropped unconditionally, unlike the og:image above, which letterboxes a portrait rather
+        # than gut it. Discover renders a landscape card and crops whatever it is given, so
+        # cropping here mostly moves that decision somewhere we control. Previously fit=max,
+        # which never upscales and so capped this at the source's own width -- measured on the
+        # live CDN, 6 of 15 sampled articles emitted under 1200px.
+        src(input: { options: { auto: "format,compress", bg: "ffffff", fit: "crop", h: "${METADATA_IMAGE_HEIGHT}", q: 70, w: "${METADATA_IMAGE_WIDTH}" } })
       }
     }
   }
@@ -144,12 +175,11 @@ ${processedFragment}
             }
           },
         renderBody: function(out, { node }) {
-          const urlParams = (() => {
-      try {
-        return new URL(get(node, "metadata.image.src")).searchParams;
-      } catch (e) {
-        return new URLSearchParams();
-      }
+          const ogImageSrc = (() => {
+      const image = get(node, "metadata.image") || {};
+      const { width, height } = image.cropRectangle || {};
+      const shouldFill = Boolean(width && height) && (width / height) < OG_IMAGE_MIN_CROP_RATIO;
+      return shouldFill ? image.filledSrc : image.src;
     })();
 
           const metadata = {
@@ -161,11 +191,11 @@ ${processedFragment}
       // `no-index` forces non-indexable (e.g. print views); it never makes an excluded page indexable.
       noIndex: Boolean(input.noIndex) || get(node, "siteContext.noIndex") || config.website("id") !== get(node, "primarySite.id"),
       robots: input.robots,
-      imageSrc: get(node, "metadata.image.src"),
-      imageDimensions: {
-        height: urlParams.get('h'),
-        width: urlParams.get('w'),
-      }
+      imageSrc: ogImageSrc,
+      // Both srcs fill the requested box exactly, so these always describe the bytes served.
+      // Only claim them when there is a src to describe: with none, common.marko substitutes
+      // the site's fallback image, whose dimensions are not ours to assert.
+      imageDimensions: ogImageSrc ? { width: METADATA_IMAGE_WIDTH, height: METADATA_IMAGE_HEIGHT } : {},
     };
 
           const publishedDate = get(node, "metadata.publishedDate");
@@ -233,7 +263,7 @@ marko_template._ = marko_renderer(render, {
   }, marko_component);
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web$1.92.1/components/page/metadata/content.marko",
+    id: "/@mindful-web/marko-web$1.96.0/components/page/metadata/content.marko",
     component: "./content.marko",
     tags: [
       "./components/common.marko",

package/components/page/metadata/default.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web$1.92.1/components/page/metadata/default.marko",
+    marko_componentType = "/@mindful-web/marko-web$1.96.0/components/page/metadata/default.marko",
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     common_template = require("./components/common.marko"),
     marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
@@ -22,7 +22,7 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web$1.92.1/components/page/metadata/default.marko",
+    id: "/@mindful-web/marko-web$1.96.0/components/page/metadata/default.marko",
     tags: [
       "./components/common.marko"
     ]

package/components/page/metadata/dynamic-page.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web$1.92.1/components/page/metadata/dynamic-page.marko",
+    marko_componentType = "/@mindful-web/marko-web$1.96.0/components/page/metadata/dynamic-page.marko",
     marko_component = require("./dynamic-page.marko"),
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_gql = require("graphql-tag"),
@@ -75,7 +75,7 @@ marko_template._ = marko_renderer(render, {
   }, marko_component);
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web$1.92.1/components/page/metadata/dynamic-page.marko",
+    id: "/@mindful-web/marko-web$1.96.0/components/page/metadata/dynamic-page.marko",
     component: "./dynamic-page.marko",
     tags: [
       "./components/common.marko",

package/components/page/metadata/magazine-issue.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web$1.92.1/components/page/metadata/magazine-issue.marko",
+    marko_componentType = "/@mindful-web/marko-web$1.96.0/components/page/metadata/magazine-issue.marko",
     marko_component = require("./magazine-issue.marko"),
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_gql = require("graphql-tag"),
@@ -74,7 +74,7 @@ marko_template._ = marko_renderer(render, {
   }, marko_component);
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web$1.92.1/components/page/metadata/magazine-issue.marko",
+    id: "/@mindful-web/marko-web$1.96.0/components/page/metadata/magazine-issue.marko",
     component: "./magazine-issue.marko",
     tags: [
       "./components/common.marko",

package/components/page/metadata/magazine-publication.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web$1.92.1/components/page/metadata/magazine-publication.marko",
+    marko_componentType = "/@mindful-web/marko-web$1.96.0/components/page/metadata/magazine-publication.marko",
     marko_component = require("./magazine-publication.marko"),
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_gql = require("graphql-tag"),
@@ -70,7 +70,7 @@ marko_template._ = marko_renderer(render, {
   }, marko_component);
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web$1.92.1/components/page/metadata/magazine-publication.marko",
+    id: "/@mindful-web/marko-web$1.96.0/components/page/metadata/magazine-publication.marko",
     component: "./magazine-publication.marko",
     tags: [
       "./components/common.marko",

package/components/page/metadata/website-section.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web$1.92.1/components/page/metadata/website-section.marko",
+    marko_componentType = "/@mindful-web/marko-web$1.96.0/components/page/metadata/website-section.marko",
     marko_component = require("./website-section.marko"),
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_gql = require("graphql-tag"),
@@ -85,7 +85,7 @@ marko_template._ = marko_renderer(render, {
   }, marko_component);
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web$1.92.1/components/page/metadata/website-section.marko",
+    id: "/@mindful-web/marko-web$1.96.0/components/page/metadata/website-section.marko",
     component: "./website-section.marko",
     tags: [
       "./components/common.marko",

package/components/page/rel-canonical.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web$1.92.1/components/page/rel-canonical.marko",
+    marko_componentType = "/@mindful-web/marko-web$1.96.0/components/page/rel-canonical.marko",
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_utils_module = require("@mindful-web/utils"),
     utils_module = module_utils_module.default || module_utils_module,
@@ -38,5 +38,5 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web$1.92.1/components/page/rel-canonical.marko"
+    id: "/@mindful-web/marko-web$1.96.0/components/page/rel-canonical.marko"
   };

package/components/page/title.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web$1.92.1/components/page/title.marko",
+    marko_componentType = "/@mindful-web/marko-web$1.96.0/components/page/title.marko",
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_utils_module = require("@mindful-web/utils"),
     utils_module = module_utils_module.default || module_utils_module,
@@ -42,5 +42,5 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web$1.92.1/components/page/title.marko"
+    id: "/@mindful-web/marko-web$1.96.0/components/page/title.marko"
   };

package/components/page/wrapper.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web$1.92.1/components/page/wrapper.marko",
+    marko_componentType = "/@mindful-web/marko-web$1.96.0/components/page/wrapper.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,
@@ -56,7 +56,7 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web$1.92.1/components/page/wrapper.marko",
+    id: "/@mindful-web/marko-web$1.96.0/components/page/wrapper.marko",
     tags: [
       "../element/index.marko"
     ]

package/components/resolve/page.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web$1.92.1/components/resolve/page.marko",
+    marko_componentType = "/@mindful-web/marko-web$1.96.0/components/resolve/page.marko",
     marko_component = require("./page.marko"),
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_utils_module = require("@mindful-web/utils"),
@@ -41,7 +41,7 @@ marko_template._ = marko_renderer(render, {
   }, marko_component);
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web$1.92.1/components/resolve/page.marko",
+    id: "/@mindful-web/marko-web$1.96.0/components/resolve/page.marko",
     component: "./page.marko",
     tags: [
       "@mindful-web/marko-core/components/resolve.marko"