@parameter1/base-cms-marko-web 4.8.0 → 4.10.0

package/components/browser-component.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@parameter1/base-cms-marko-web$4.8.0/components/browser-component.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$4.10.0/components/browser-component.marko",
     marko_component = require("./browser-component.marko"),
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_defaultValue = require("@parameter1/base-cms-marko-core/utils/default-value"),
@@ -78,7 +78,7 @@ marko_template._ = marko_renderer(render, {
   }, marko_component);
 
 marko_template.meta = {
-    id: "/@parameter1/base-cms-marko-web$4.8.0/components/browser-component.marko",
+    id: "/@parameter1/base-cms-marko-web$4.10.0/components/browser-component.marko",
     component: "./browser-component.marko",
     tags: [
       "@parameter1/base-cms-marko-core/components/resolve.marko"

package/components/document/components/body-wrapper.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@parameter1/base-cms-marko-web$4.8.0/components/document/components/body-wrapper.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$4.10.0/components/document/components/body-wrapper.marko",
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     marko_dynamicTag = require("marko/dist/runtime/helpers/dynamic-tag"),
     marko_attrs = require("marko/dist/runtime/html/helpers/attrs");
@@ -29,5 +29,5 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@parameter1/base-cms-marko-web$4.8.0/components/document/components/body-wrapper.marko"
+    id: "/@parameter1/base-cms-marko-web$4.10.0/components/document/components/body-wrapper.marko"
   };

package/components/document/components/error.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@parameter1/base-cms-marko-web$4.8.0/components/document/components/error.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$4.10.0/components/document/components/error.marko",
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_isDev = require("../../../utils/is-dev"),
     isDev = module_isDev.default || module_isDev,
@@ -80,7 +80,7 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@parameter1/base-cms-marko-web$4.8.0/components/document/components/error.marko",
+    id: "/@parameter1/base-cms-marko-web$4.10.0/components/document/components/error.marko",
     tags: [
       "../../page/title.marko",
       "../../page/wrapper.marko"

package/components/document/components/live-reload.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@parameter1/base-cms-marko-web$4.8.0/components/document/components/live-reload.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$4.10.0/components/document/components/live-reload.marko",
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_isDev = require("../../../utils/is-dev"),
     isDev = module_isDev.default || module_isDev,
@@ -26,5 +26,5 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@parameter1/base-cms-marko-web$4.8.0/components/document/components/live-reload.marko"
+    id: "/@parameter1/base-cms-marko-web$4.10.0/components/document/components/live-reload.marko"
   };

package/components/document/components/polyfill.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@parameter1/base-cms-marko-web$4.8.0/components/document/components/polyfill.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$4.10.0/components/document/components/polyfill.marko",
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_baseCmsObjectPath_module = require("@parameter1/base-cms-object-path"),
     baseCmsObjectPath_module = module_baseCmsObjectPath_module.default || module_baseCmsObjectPath_module,
@@ -29,5 +29,5 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@parameter1/base-cms-marko-web$4.8.0/components/document/components/polyfill.marko"
+    id: "/@parameter1/base-cms-marko-web$4.10.0/components/document/components/polyfill.marko"
   };

package/components/document/components/styles.marko

@@ -0,0 +1,23 @@
+$ const { css, route } = out.global;
+$ const { mode } = css;
+$ const { kind } = route;
+
+<if(mode === "main")>
+  <link rel="stylesheet" href=css.main() />
+</if>
+<else-if(mode === "purged")>
+  <link rel="stylesheet" href=css.purged() />
+</else-if>
+<else>
+  $ const critical = css.critical(route);
+  $ const optimized = css.optimized(route);
+  <if(critical)>
+    <style>${critical}</style>
+  </if>
+  <if(mode === "optimized" && optimized)>
+    <link rel="preload" href=optimized as="style" onload="this.onload=null;this.rel='stylesheet'">
+    <noscript>
+      <link rel="stylesheet" href=optimized>
+    </noscript>
+  </if>
+</else>

package/components/document/components/styles.marko.js

@@ -0,0 +1,57 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/dist/html").t(__filename),
+    marko_componentType = "/@parameter1/base-cms-marko-web$4.10.0/components/document/components/styles.marko",
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    marko_attr = require("marko/dist/runtime/html/helpers/attr"),
+    helpers_escape_xml = require("marko/dist/runtime/html/helpers/escape-xml"),
+    marko_escapeXml = helpers_escape_xml.x,
+    marko_escapeStyle = require("marko/dist/runtime/html/helpers/escape-style-placeholder");
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const { css, route } = out.global;
+
+  const { mode } = css;
+
+  const { kind } = route;
+
+  if (mode === "main") {
+    out.w("<link rel=\"stylesheet\"" +
+      marko_attr("href", css.main()) +
+      ">");
+  } else if (mode === "purged") {
+    out.w("<link rel=\"stylesheet\"" +
+      marko_attr("href", css.purged()) +
+      ">");
+  } else {
+    const critical = css.critical(route);
+
+    const optimized = css.optimized(route);
+
+    if (critical) {
+      out.w("<style>" +
+        marko_escapeStyle(critical) +
+        "</style>");
+    }
+
+    if ((mode === "optimized") && optimized) {
+      out.w("<link rel=\"preload\"" +
+        marko_attr("href", optimized) +
+        " as=\"style\" onload=\"this.onload=null;this.rel='stylesheet'\"><noscript><link rel=\"stylesheet\"" +
+        marko_attr("href", optimized) +
+        "></noscript>");
+    }
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    d_: true,
+    e_: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@parameter1/base-cms-marko-web$4.10.0/components/document/components/styles.marko"
+  };

package/components/document/container.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@parameter1/base-cms-marko-web$4.8.0/components/document/container.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$4.10.0/components/document/container.marko",
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_baseCmsObjectPath_module = require("@parameter1/base-cms-object-path"),
     baseCmsObjectPath_module = module_baseCmsObjectPath_module.default || module_baseCmsObjectPath_module,
@@ -47,7 +47,7 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@parameter1/base-cms-marko-web$4.8.0/components/document/container.marko",
+    id: "/@parameter1/base-cms-marko-web$4.10.0/components/document/container.marko",
     tags: [
       "../page/container.marko"
     ]

package/components/document/index.marko

@@ -1,11 +1,6 @@
 import { getAsObject } from "@parameter1/base-cms-object-path";
 
-$ const {
-  config,
-  req,
-  usePurgedCSS,
-  embedCSS,
-} = out.global;
+$ const { config, req, assets } = out.global;
 
 $ const dir = input.dir || "ltr";
 $ const lang = input.lang || config.website("language.code", "en-us");
@@ -19,9 +14,14 @@ $ const wrapper = getAsObject(input, "bodyWrapper");
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content=viewport>
 
+    <link rel="preconnect" href="https://cdn.parameter1.com">
+
+    <!-- load styles -->
+    <styles />
+
     <marko-web-deferred-script-loader-init />
 
-    <for|src| of=config.sources()>
+    <for|src| of=assets.files.get("js")>
       <marko-web-deferred-script-loader-register
         name="marko-web-core"
         src=src
@@ -34,7 +34,7 @@ $ const wrapper = getAsObject(input, "bodyWrapper");
 
     <marko-web-deferred-script-loader-register
       name="lazysizes"
-      src="/dist/js/lazysizes/v5.3.2.js"
+      src="https://cdn.parameter1.com/lazysizes/v5.3.2.js"
       on="ready"
     />
     <!-- add picturefill to old browsers -->
@@ -43,17 +43,6 @@ $ const wrapper = getAsObject(input, "bodyWrapper");
     </script>
     <script nomodule src="https://cdnjs.cloudflare.com/ajax/libs/picturefill/3.0.3/picturefill.min.js" async></script>
 
-    <!-- load styles -->
-    $ const loadStyles = usePurgedCSS ? config.purgedStyles.bind(config) : config.styles.bind(config);
-    <if(embedCSS)>
-      <style>${loadStyles({ embedded: true })}</style>
-    </if>
-    <else>
-      <for|href| of=loadStyles()>
-        <link rel="stylesheet" href=href />
-      </for>
-    </else>
-
     <${input.head} />
   </head>
   <body>

package/components/document/index.marko.js

@@ -2,21 +2,20 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@parameter1/base-cms-marko-web$4.8.0/components/document/index.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$4.10.0/components/document/index.marko",
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_baseCmsObjectPath_module = require("@parameter1/base-cms-object-path"),
     baseCmsObjectPath_module = module_baseCmsObjectPath_module.default || module_baseCmsObjectPath_module,
     getAsObject = module_baseCmsObjectPath_module.getAsObject,
     marko_attr = require("marko/dist/runtime/html/helpers/attr"),
-    marko_web_deferred_script_loader_init_template = require("@parameter1/base-cms-marko-web-deferred-script-loader/components/init.marko"),
+    styles_template = require("./components/styles.marko"),
     marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    styles_tag = marko_loadTag(styles_template),
+    marko_web_deferred_script_loader_init_template = require("@parameter1/base-cms-marko-web-deferred-script-loader/components/init.marko"),
     marko_web_deferred_script_loader_init_tag = marko_loadTag(marko_web_deferred_script_loader_init_template),
     marko_forOf = require("marko/dist/runtime/helpers/for-of"),
     marko_web_deferred_script_loader_register_template = require("@parameter1/base-cms-marko-web-deferred-script-loader/components/register.marko"),
     marko_web_deferred_script_loader_register_tag = marko_loadTag(marko_web_deferred_script_loader_register_template),
-    helpers_escape_xml = require("marko/dist/runtime/html/helpers/escape-xml"),
-    marko_escapeXml = helpers_escape_xml.x,
-    marko_escapeStyle = require("marko/dist/runtime/html/helpers/escape-style-placeholder"),
     marko_dynamicTag = require("marko/dist/runtime/helpers/dynamic-tag"),
     marko_assign = require("marko/dist/runtime/helpers/assign"),
     marko_web_document_container_template = require("./container.marko"),
@@ -34,12 +33,7 @@ var marko_template = module.exports = require("marko/dist/html").t(__filename),
 function render(input, out, __component, component, state) {
   var data = input;
 
-  const {
-  config,
-  req,
-  usePurgedCSS,
-  embedCSS,
-} = out.global;
+  const { config, req, assets } = out.global;
 
   const dir = input.dir || "ltr";
 
@@ -54,13 +48,15 @@ function render(input, out, __component, component, state) {
     marko_attr("dir", dir) +
     "><head><meta charset=\"utf-8\"><meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\"><meta name=\"viewport\"" +
     marko_attr("content", viewport) +
-    ">");
+    "><link rel=\"preconnect\" href=\"https://cdn.parameter1.com\">");
 
-  marko_web_deferred_script_loader_init_tag({}, out, __component, "5");
+  styles_tag({}, out, __component, "6");
+
+  marko_web_deferred_script_loader_init_tag({}, out, __component, "7");
 
   var $for$0 = 0;
 
-  marko_forOf(config.sources(), function(src) {
+  marko_forOf(assets.files.get("js"), function(src) {
     var $keyScope$0 = "[" + (($for$0++) + "]");
 
     marko_web_deferred_script_loader_register_tag({
@@ -70,37 +66,17 @@ function render(input, out, __component, component, state) {
         on: "ready",
         init: "var w = window; w.markoCompQueue = w.markoCompQueue || []; var name = 'CMSBrowserComponents', methods = ['load', 'loadComponent'], queue = function(method) { return function() { w.markoCompQueue.push([method, arguments]) } }; w[name] = w[name] || {}; for (var i = 0; i < methods.length; i++) { var method = methods[i]; w[name][method] = w[name][method] || queue(method); }",
         onScriptLoad: "window.markoCompQueue.flush();"
-      }, out, __component, "6" + $keyScope$0);
+      }, out, __component, "8" + $keyScope$0);
   });
 
   marko_web_deferred_script_loader_register_tag({
       name: "lazysizes",
-      src: "/dist/js/lazysizes/v5.3.2.js",
+      src: "https://cdn.parameter1.com/lazysizes/v5.3.2.js",
       on: "ready"
-    }, out, __component, "7");
+    }, out, __component, "9");
 
   out.w("<script nomodule>\n      document.createElement(\"picture\");\n    </script><script nomodule src=\"https://cdnjs.cloudflare.com/ajax/libs/picturefill/3.0.3/picturefill.min.js\" async></script>");
 
-  const loadStyles = usePurgedCSS ? config.purgedStyles.bind(config) : config.styles.bind(config);
-
-  if (embedCSS) {
-    out.w("<style>" +
-      marko_escapeStyle(loadStyles({
-        embedded: true
-      })) +
-      "</style>");
-  } else {
-    var $for$1 = 0;
-
-    marko_forOf(loadStyles(), function(href) {
-      var $keyScope$1 = "[" + (($for$1++) + "]");
-
-      out.w("<link rel=\"stylesheet\"" +
-        marko_attr("href", href) +
-        ">");
-    });
-  }
-
   marko_dynamicTag(out, input.head, null, null, null, null, __component, "10");
 
   out.w("</head><body>");
@@ -147,8 +123,9 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@parameter1/base-cms-marko-web$4.8.0/components/document/index.marko",
+    id: "/@parameter1/base-cms-marko-web$4.10.0/components/document/index.marko",
     tags: [
+      "./components/styles.marko",
       "@parameter1/base-cms-marko-web-deferred-script-loader/components/init.marko",
       "@parameter1/base-cms-marko-web-deferred-script-loader/components/register.marko",
       "./container.marko",

package/components/element/array.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@parameter1/base-cms-marko-web$4.8.0/components/element/array.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$4.10.0/components/element/array.marko",
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_baseCmsObjectPath_module = require("@parameter1/base-cms-object-path"),
     baseCmsObjectPath_module = module_baseCmsObjectPath_module.default || module_baseCmsObjectPath_module,
@@ -63,5 +63,5 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@parameter1/base-cms-marko-web$4.8.0/components/element/array.marko"
+    id: "/@parameter1/base-cms-marko-web$4.10.0/components/element/array.marko"
   };

package/components/element/audio.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@parameter1/base-cms-marko-web$4.8.0/components/element/audio.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$4.10.0/components/element/audio.marko",
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     marko_attr = require("marko/dist/runtime/html/helpers/attr"),
     marko_mergeAttrs = require("marko/dist/runtime/html/helpers/merge-attrs");
@@ -29,5 +29,5 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@parameter1/base-cms-marko-web$4.8.0/components/element/audio.marko"
+    id: "/@parameter1/base-cms-marko-web$4.10.0/components/element/audio.marko"
   };

package/components/element/block.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@parameter1/base-cms-marko-web$4.8.0/components/element/block.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$4.10.0/components/element/block.marko",
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_baseCmsObjectPath_module = require("@parameter1/base-cms-object-path"),
     baseCmsObjectPath_module = module_baseCmsObjectPath_module.default || module_baseCmsObjectPath_module,
@@ -40,5 +40,5 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@parameter1/base-cms-marko-web$4.8.0/components/element/block.marko"
+    id: "/@parameter1/base-cms-marko-web$4.10.0/components/element/block.marko"
   };

package/components/element/clear.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@parameter1/base-cms-marko-web$4.8.0/components/element/clear.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$4.10.0/components/element/clear.marko",
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     marko_styleAttr = require("marko/dist/runtime/html/helpers/style-attr");
 
@@ -28,5 +28,5 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@parameter1/base-cms-marko-web$4.8.0/components/element/clear.marko"
+    id: "/@parameter1/base-cms-marko-web$4.10.0/components/element/clear.marko"
   };

package/components/element/components/image.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@parameter1/base-cms-marko-web$4.8.0/components/element/components/image.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$4.10.0/components/element/components/image.marko",
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_baseCmsObjectPath_module = require("@parameter1/base-cms-object-path"),
     baseCmsObjectPath_module = module_baseCmsObjectPath_module.default || module_baseCmsObjectPath_module,
@@ -58,5 +58,5 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@parameter1/base-cms-marko-web$4.8.0/components/element/components/image.marko"
+    id: "/@parameter1/base-cms-marko-web$4.10.0/components/element/components/image.marko"
   };

package/components/element/components/text.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@parameter1/base-cms-marko-web$4.8.0/components/element/components/text.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$4.10.0/components/element/components/text.marko",
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     marko_dynamicTag = require("marko/dist/runtime/helpers/dynamic-tag"),
     marko_str = require("marko/dist/runtime/helpers/to-string"),
@@ -33,5 +33,5 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@parameter1/base-cms-marko-web$4.8.0/components/element/components/text.marko"
+    id: "/@parameter1/base-cms-marko-web$4.10.0/components/element/components/text.marko"
   };

package/components/element/content/address1.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@parameter1/base-cms-marko-web$4.8.0/components/element/content/address1.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$4.10.0/components/element/content/address1.marko",
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_extractRender = require("../extract-render"),
     extractRender = module_extractRender.default || module_extractRender,
@@ -33,7 +33,7 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@parameter1/base-cms-marko-web$4.8.0/components/element/content/address1.marko",
+    id: "/@parameter1/base-cms-marko-web$4.10.0/components/element/content/address1.marko",
     tags: [
       "../obj-text.marko"
     ]

package/components/element/content/address2.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@parameter1/base-cms-marko-web$4.8.0/components/element/content/address2.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$4.10.0/components/element/content/address2.marko",
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_extractRender = require("../extract-render"),
     extractRender = module_extractRender.default || module_extractRender,
@@ -33,7 +33,7 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@parameter1/base-cms-marko-web$4.8.0/components/element/content/address2.marko",
+    id: "/@parameter1/base-cms-marko-web$4.10.0/components/element/content/address2.marko",
     tags: [
       "../obj-text.marko"
     ]

package/components/element/content/audio.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@parameter1/base-cms-marko-web$4.8.0/components/element/content/audio.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$4.10.0/components/element/content/audio.marko",
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_extractRender = require("../extract-render"),
     extractRender = module_extractRender.default || module_extractRender,
@@ -32,7 +32,7 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@parameter1/base-cms-marko-web$4.8.0/components/element/content/audio.marko",
+    id: "/@parameter1/base-cms-marko-web$4.10.0/components/element/content/audio.marko",
     tags: [
       "../obj-audio.marko"
     ]

package/components/element/content/authors.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@parameter1/base-cms-marko-web$4.8.0/components/element/content/authors.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$4.10.0/components/element/content/authors.marko",
     marko_component = require("./authors.marko"),
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     marko_dynamicTag = require("marko/dist/runtime/helpers/dynamic-tag"),
@@ -35,7 +35,7 @@ marko_template._ = marko_renderer(render, {
   }, marko_component);
 
 marko_template.meta = {
-    id: "/@parameter1/base-cms-marko-web$4.8.0/components/element/content/authors.marko",
+    id: "/@parameter1/base-cms-marko-web$4.10.0/components/element/content/authors.marko",
     component: "./authors.marko",
     tags: [
       "../obj-nodes.marko"

package/components/element/content/body.marko

@@ -1,12 +1,14 @@
 import { get, getAsObject } from "@parameter1/base-cms-object-path";
+import defaultValue from "@parameter1/base-cms-marko-core/utils/default-value";
 import extractRender from "../extract-render";
 
 $ const { parseEmbeddedMedia, res } = out.global;
 
 $ const body = get(input.obj, "body");
 $ const v = body == null ? "" : `${body}`.trim();
-$ const embedOptions = getAsObject(input, "embedOptions")
-$ const obj = { body: parseEmbeddedMedia(v, res, embedOptions) };
+$ const embedOptions = getAsObject(input, "embedOptions");
+$ const lazyloadFirstImage = defaultValue(input.lazyloadFirstImage, true);
+$ const obj = { body: parseEmbeddedMedia(v, res, embedOptions, lazyloadFirstImage) };
 
 <marko-web-obj-text
   type="content"

package/components/element/content/body.marko.js

@@ -2,12 +2,14 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@parameter1/base-cms-marko-web$4.8.0/components/element/content/body.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$4.10.0/components/element/content/body.marko",
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_baseCmsObjectPath_module = require("@parameter1/base-cms-object-path"),
     baseCmsObjectPath_module = module_baseCmsObjectPath_module.default || module_baseCmsObjectPath_module,
     get = module_baseCmsObjectPath_module.get,
     getAsObject = module_baseCmsObjectPath_module.getAsObject,
+    module_defaultValue = require("@parameter1/base-cms-marko-core/utils/default-value"),
+    defaultValue = module_defaultValue.default || module_defaultValue,
     module_extractRender = require("../extract-render"),
     extractRender = module_extractRender.default || module_extractRender,
     marko_assign = require("marko/dist/runtime/helpers/assign"),
@@ -26,9 +28,11 @@ function render(input, out, __component, component, state) {
 
   const v = body == null ? "" : `${body}`.trim();
 
-  const embedOptions = getAsObject(input, "embedOptions")
+  const embedOptions = getAsObject(input, "embedOptions");
 
-  const obj = { body: parseEmbeddedMedia(v, res, embedOptions) };
+  const lazyloadFirstImage = defaultValue(input.lazyloadFirstImage, true);
+
+  const obj = { body: parseEmbeddedMedia(v, res, embedOptions, lazyloadFirstImage) };
 
   marko_web_obj_text_tag(marko_assign({
       type: "content",
@@ -54,7 +58,7 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@parameter1/base-cms-marko-web$4.8.0/components/element/content/body.marko",
+    id: "/@parameter1/base-cms-marko-web$4.10.0/components/element/content/body.marko",
     tags: [
       "../obj-text.marko",
       "../clear.marko"

package/components/element/content/byline.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@parameter1/base-cms-marko-web$4.8.0/components/element/content/byline.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$4.10.0/components/element/content/byline.marko",
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_extractRender = require("../extract-render"),
     extractRender = module_extractRender.default || module_extractRender,
@@ -34,7 +34,7 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@parameter1/base-cms-marko-web$4.8.0/components/element/content/byline.marko",
+    id: "/@parameter1/base-cms-marko-web$4.10.0/components/element/content/byline.marko",
     tags: [
       "../obj-text.marko"
     ]

package/components/element/content/city-state-zip.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@parameter1/base-cms-marko-web$4.8.0/components/element/content/city-state-zip.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$4.10.0/components/element/content/city-state-zip.marko",
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_extractRender = require("../extract-render"),
     extractRender = module_extractRender.default || module_extractRender,
@@ -33,7 +33,7 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@parameter1/base-cms-marko-web$4.8.0/components/element/content/city-state-zip.marko",
+    id: "/@parameter1/base-cms-marko-web$4.10.0/components/element/content/city-state-zip.marko",
     tags: [
       "../obj-text.marko"
     ]