@parameter1/base-cms-marko-web 3.17.1 → 4.0.0-alpha.0

package/browser/components/index.js

@@ -2,7 +2,6 @@ const LoadMoreTrigger = () => import(/* webpackChunkName: "load-more-trigger" */
 const TriggerInViewEvent = () => import(/* webpackChunkName: "trigger-in-view-event" */ './trigger-in-view-event.vue');
 const TriggerScreenChangeEvent = () => import(/* webpackChunkName: "trigger-screen-change-event" */ './trigger-screen-change-event.vue');
 const OEmbed = () => import(/* webpackChunkName: "oembed" */ './oembed.vue');
-const FormDotComGatedDownload = () => import(/* webpackChunkName: "form-dot-com" */ './gated-download/form-dot-com.vue');
 const WufooGatedDownload = () => import(/* webpackChunkName: "wufoo-gated-download" */ './gated-download/wufoo.vue');
 const ImageSlider = () => import(/* webpackChunkName: "image-slider" */ './image-slider.vue');
 
@@ -11,7 +10,6 @@ export default (Browser) => {
   Browser.register('TriggerInViewEvent', TriggerInViewEvent);
   Browser.register('TriggerScreenChangeEvent', TriggerScreenChangeEvent);
   Browser.register('OEmbed', OEmbed);
-  Browser.register('FormDotComGatedDownload', FormDotComGatedDownload);
   Browser.register('WufooGatedDownload', WufooGatedDownload);
   Browser.register('ImageSlider', ImageSlider);
 };

package/browser/index.js

@@ -1,5 +1,4 @@
 /* eslint-disable no-new */
-import 'whatwg-fetch';
 import Vue from './vue';
 import Components from './components';
 import EventBus from './event-bus';

package/components/browser-component.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/src/html").t(__filename),
-    marko_componentType = "/@parameter1/base-cms-marko-web$3.14.0/components/browser-component.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$3.17.3/components/browser-component.marko",
     marko_component = require("./browser-component.marko"),
     marko_renderer = require("marko/src/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$3.14.0/components/browser-component.marko",
+    id: "/@parameter1/base-cms-marko-web$3.17.3/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/src/html").t(__filename),
-    marko_componentType = "/@parameter1/base-cms-marko-web$3.14.0/components/document/components/body-wrapper.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$3.17.3/components/document/components/body-wrapper.marko",
     marko_renderer = require("marko/src/runtime/components/renderer"),
     marko_dynamicTag = require("marko/src/runtime/helpers/dynamic-tag"),
     marko_attrs = require("marko/src/runtime/html/helpers/attrs");
@@ -29,5 +29,5 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@parameter1/base-cms-marko-web$3.14.0/components/document/components/body-wrapper.marko"
+    id: "/@parameter1/base-cms-marko-web$3.17.3/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/src/html").t(__filename),
-    marko_componentType = "/@parameter1/base-cms-marko-web$3.14.0/components/document/components/error.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$3.17.3/components/document/components/error.marko",
     marko_renderer = require("marko/src/runtime/components/renderer"),
     module_isDev = require("../../../utils/is-dev"),
     isDev = module_isDev.default || module_isDev,
@@ -77,7 +77,7 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@parameter1/base-cms-marko-web$3.14.0/components/document/components/error.marko",
+    id: "/@parameter1/base-cms-marko-web$3.17.3/components/document/components/error.marko",
     tags: [
       "../../page/title.marko",
       "../../page/wrapper.marko"

package/components/document/components/lazysizes.marko.js

@@ -0,0 +1,21 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/src/html").t(__filename),
+    marko_componentType = "/@parameter1/base-cms-marko-web$2.13.0/components/document/components/lazysizes.marko",
+    marko_renderer = require("marko/src/runtime/components/renderer");
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  out.w("<script>\n/*! lazysizes - v5.3.2 */\n!function(e){var t=function(u,D,f){\"use strict\";var k,H;if(function(){var e;var t={lazyClass:\"lazyload\",loadedClass:\"lazyloaded\",loadingClass:\"lazyloading\",preloadClass:\"lazypreload\",errorClass:\"lazyerror\",autosizesClass:\"lazyautosizes\",fastLoadedClass:\"ls-is-cached\",iframeLoadMode:0,srcAttr:\"data-src\",srcsetAttr:\"data-srcset\",sizesAttr:\"data-sizes\",minSize:40,customMedia:{},init:true,expFactor:1.5,hFac:.8,loadMode:2,loadHidden:true,ricTimeout:0,throttleDelay:125};H=u.lazySizesConfig||u.lazysizesConfig||{};for(e in t){if(!(e in H)){H[e]=t[e]}}}(),!D||!D.getElementsByClassName){return{init:function(){},cfg:H,noSupport:true}}var O=D.documentElement,i=u.HTMLPictureElement,P=\"addEventListener\",$=\"getAttribute\",q=u[P].bind(u),I=u.setTimeout,U=u.requestAnimationFrame||I,o=u.requestIdleCallback,j=/^picture$/i,r=[\"load\",\"error\",\"lazyincluded\",\"_lazyloaded\"],a={},G=Array.prototype.forEach,J=function(e,t){if(!a[t]){a[t]=new RegExp(\"(\\\\s|^)\"+t+\"(\\\\s|$)\")}return a[t].test(e[$](\"class\")||\"\")&&a[t]},K=function(e,t){if(!J(e,t)){e.setAttribute(\"class\",(e[$](\"class\")||\"\").trim()+\" \"+t)}},Q=function(e,t){var a;if(a=J(e,t)){e.setAttribute(\"class\",(e[$](\"class\")||\"\").replace(a,\" \"))}},V=function(t,a,e){var i=e?P:\"removeEventListener\";if(e){V(t,a)}r.forEach(function(e){t[i](e,a)})},X=function(e,t,a,i,r){var n=D.createEvent(\"Event\");if(!a){a={}}a.instance=k;n.initEvent(t,!i,!r);n.detail=a;e.dispatchEvent(n);return n},Y=function(e,t){var a;if(!i&&(a=u.picturefill||H.pf)){if(t&&t.src&&!e[$](\"srcset\")){e.setAttribute(\"srcset\",t.src)}a({reevaluate:true,elements:[e]})}else if(t&&t.src){e.src=t.src}},Z=function(e,t){return(getComputedStyle(e,null)||{})[t]},s=function(e,t,a){a=a||e.offsetWidth;while(a<H.minSize&&t&&!e._lazysizesWidth){a=t.offsetWidth;t=t.parentNode}return a},ee=function(){var a,i;var t=[];var r=[];var n=t;var s=function(){var e=n;n=t.length?r:t;a=true;i=false;while(e.length){e.shift()()}a=false};var e=function(e,t){if(a&&!t){e.apply(this,arguments)}else{n.push(e);if(!i){i=true;(D.hidden?I:U)(s)}}};e._lsFlush=s;return e}(),te=function(a,e){return e?function(){ee(a)}:function(){var e=this;var t=arguments;ee(function(){a.apply(e,t)})}},ae=function(e){var a;var i=0;var r=H.throttleDelay;var n=H.ricTimeout;var t=function(){a=false;i=f.now();e()};var s=o&&n>49?function(){o(t,{timeout:n});if(n!==H.ricTimeout){n=H.ricTimeout}}:te(function(){I(t)},true);return function(e){var t;if(e=e===true){n=33}if(a){return}a=true;t=r-(f.now()-i);if(t<0){t=0}if(e||t<9){s()}else{I(s,t)}}},ie=function(e){var t,a;var i=99;var r=function(){t=null;e()};var n=function(){var e=f.now()-a;if(e<i){I(n,i-e)}else{(o||r)(r)}};return function(){a=f.now();if(!t){t=I(n,i)}}},e=function(){var v,m,c,h,e;var y,z,g,p,C,b,A;var n=/^img$/i;var d=/^iframe$/i;var E=\"onscroll\"in u&&!/(gle|ing)bot/.test(navigator.userAgent);var _=0;var w=0;var M=0;var N=-1;var L=function(e){M--;if(!e||M<0||!e.target){M=0}};var x=function(e){if(A==null){A=Z(D.body,\"visibility\")==\"hidden\"}return A||!(Z(e.parentNode,\"visibility\")==\"hidden\"&&Z(e,\"visibility\")==\"hidden\")};var W=function(e,t){var a;var i=e;var r=x(e);g-=t;b+=t;p-=t;C+=t;while(r&&(i=i.offsetParent)&&i!=D.body&&i!=O){r=(Z(i,\"opacity\")||1)>0;if(r&&Z(i,\"overflow\")!=\"visible\"){a=i.getBoundingClientRect();r=C>a.left&&p<a.right&&b>a.top-1&&g<a.bottom+1}}return r};var t=function(){var e,t,a,i,r,n,s,o,l,u,f,c;var d=k.elements;if((h=H.loadMode)&&M<8&&(e=d.length)){t=0;N++;for(;t<e;t++){if(!d[t]||d[t]._lazyRace){continue}if(!E||k.prematureUnveil&&k.prematureUnveil(d[t])){R(d[t]);continue}if(!(o=d[t][$](\"data-expand\"))||!(n=o*1)){n=w}if(!u){u=!H.expand||H.expand<1?O.clientHeight>500&&O.clientWidth>500?500:370:H.expand;k._defEx=u;f=u*H.expFactor;c=H.hFac;A=null;if(w<f&&M<1&&N>2&&h>2&&!D.hidden){w=f;N=0}else if(h>1&&N>1&&M<6){w=u}else{w=_}}if(l!==n){y=innerWidth+n*c;z=innerHeight+n;s=n*-1;l=n}a=d[t].getBoundingClientRect();if((b=a.bottom)>=s&&(g=a.top)<=z&&(C=a.right)>=s*c&&(p=a.left)<=y&&(b||C||p||g)&&(H.loadHidden||x(d[t]))&&(m&&M<3&&!o&&(h<3||N<4)||W(d[t],n))){R(d[t]);r=true;if(M>9){break}}else if(!r&&m&&!i&&M<4&&N<4&&h>2&&(v[0]||H.preloadAfterLoad)&&(v[0]||!o&&(b||C||p||g||d[t][$](H.sizesAttr)!=\"auto\"))){i=v[0]||d[t]}}if(i&&!r){R(i)}}};var a=ae(t);var S=function(e){var t=e.target;if(t._lazyCache){delete t._lazyCache;return}L(e);K(t,H.loadedClass);Q(t,H.loadingClass);V(t,B);X(t,\"lazyloaded\")};var i=te(S);var B=function(e){i({target:e.target})};var T=function(e,t){var a=e.getAttribute(\"data-load-mode\")||H.iframeLoadMode;if(a==0){e.contentWindow.location.replace(t)}else if(a==1){e.src=t}};var F=function(e){var t;var a=e[$](H.srcsetAttr);if(t=H.customMedia[e[$](\"data-media\")||e[$](\"media\")]){e.setAttribute(\"media\",t)}if(a){e.setAttribute(\"srcset\",a)}};var s=te(function(t,e,a,i,r){var n,s,o,l,u,f;if(!(u=X(t,\"lazybeforeunveil\",e)).defaultPrevented){if(i){if(a){K(t,H.autosizesClass)}else{t.setAttribute(\"sizes\",i)}}s=t[$](H.srcsetAttr);n=t[$](H.srcAttr);if(r){o=t.parentNode;l=o&&j.test(o.nodeName||\"\")}f=e.firesLoad||\"src\"in t&&(s||n||l);u={target:t};K(t,H.loadingClass);if(f){clearTimeout(c);c=I(L,2500);V(t,B,true)}if(l){G.call(o.getElementsByTagName(\"source\"),F)}if(s){t.setAttribute(\"srcset\",s)}else if(n&&!l){if(d.test(t.nodeName)){T(t,n)}else{t.src=n}}if(r&&(s||l)){Y(t,{src:n})}}if(t._lazyRace){delete t._lazyRace}Q(t,H.lazyClass);ee(function(){var e=t.complete&&t.naturalWidth>1;if(!f||e){if(e){K(t,H.fastLoadedClass)}S(u);t._lazyCache=true;I(function(){if(\"_lazyCache\"in t){delete t._lazyCache}},9)}if(t.loading==\"lazy\"){M--}},true)});var R=function(e){if(e._lazyRace){return}var t;var a=n.test(e.nodeName);var i=a&&(e[$](H.sizesAttr)||e[$](\"sizes\"));var r=i==\"auto\";if((r||!m)&&a&&(e[$](\"src\")||e.srcset)&&!e.complete&&!J(e,H.errorClass)&&J(e,H.lazyClass)){return}t=X(e,\"lazyunveilread\").detail;if(r){re.updateElem(e,true,e.offsetWidth)}e._lazyRace=true;M++;s(e,t,r,i,a)};var r=ie(function(){H.loadMode=3;a()});var o=function(){if(H.loadMode==3){H.loadMode=2}r()};var l=function(){if(m){return}if(f.now()-e<999){I(l,999);return}m=true;H.loadMode=3;a();q(\"scroll\",o,true)};return{_:function(){e=f.now();k.elements=D.getElementsByClassName(H.lazyClass);v=D.getElementsByClassName(H.lazyClass+\" \"+H.preloadClass);q(\"scroll\",a,true);q(\"resize\",a,true);q(\"pageshow\",function(e){if(e.persisted){var t=D.querySelectorAll(\".\"+H.loadingClass);if(t.length&&t.forEach){U(function(){t.forEach(function(e){if(e.complete){R(e)}})})}}});if(u.MutationObserver){new MutationObserver(a).observe(O,{childList:true,subtree:true,attributes:true})}else{O[P](\"DOMNodeInserted\",a,true);O[P](\"DOMAttrModified\",a,true);setInterval(a,999)}q(\"hashchange\",a,true);[\"focus\",\"mouseover\",\"click\",\"load\",\"transitionend\",\"animationend\"].forEach(function(e){D[P](e,a,true)});if(/d$|^c/.test(D.readyState)){l()}else{q(\"load\",l);D[P](\"DOMContentLoaded\",a);I(l,2e4)}if(k.elements.length){t();ee._lsFlush()}else{a()}},checkElems:a,unveil:R,_aLSL:o}}(),re=function(){var a;var n=te(function(e,t,a,i){var r,n,s;e._lazysizesWidth=i;i+=\"px\";e.setAttribute(\"sizes\",i);if(j.test(t.nodeName||\"\")){r=t.getElementsByTagName(\"source\");for(n=0,s=r.length;n<s;n++){r[n].setAttribute(\"sizes\",i)}}if(!a.detail.dataAttr){Y(e,a.detail)}});var i=function(e,t,a){var i;var r=e.parentNode;if(r){a=s(e,r,a);i=X(e,\"lazybeforesizes\",{width:a,dataAttr:!!t});if(!i.defaultPrevented){a=i.detail.width;if(a&&a!==e._lazysizesWidth){n(e,r,i,a)}}}};var e=function(){var e;var t=a.length;if(t){e=0;for(;e<t;e++){i(a[e])}}};var t=ie(e);return{_:function(){a=D.getElementsByClassName(H.autosizesClass);q(\"resize\",t)},checkElems:t,updateElem:i}}(),t=function(){if(!t.i&&D.getElementsByClassName){t.i=true;re._();e._()}};return I(function(){H.init&&t()}),k={cfg:H,autoSizer:re,loader:e,init:t,uP:Y,aC:K,rC:Q,hC:J,fire:X,gW:s,rAF:ee}}(e,e.document,Date);e.lazySizes=t,\"object\"==typeof module&&module.exports&&(module.exports=t)}(\"undefined\"!=typeof window?window:{});\n</script>");
+}
+
+marko_template._ = marko_renderer(render, {
+    ___implicit: true,
+    ___type: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@parameter1/base-cms-marko-web$2.13.0/components/document/components/lazysizes.marko"
+  };

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

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/src/html").t(__filename),
-    marko_componentType = "/@parameter1/base-cms-marko-web$3.14.0/components/document/components/live-reload.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$3.17.3/components/document/components/live-reload.marko",
     marko_renderer = require("marko/src/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$3.14.0/components/document/components/live-reload.marko"
+    id: "/@parameter1/base-cms-marko-web$3.17.3/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/src/html").t(__filename),
-    marko_componentType = "/@parameter1/base-cms-marko-web$3.8.0/components/document/components/polyfill.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$2.13.0/components/document/components/polyfill.marko",
     marko_renderer = require("marko/src/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$3.8.0/components/document/components/polyfill.marko"
+    id: "/@parameter1/base-cms-marko-web$2.13.0/components/document/components/polyfill.marko"
   };

package/components/document/container.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/src/html").t(__filename),
-    marko_componentType = "/@parameter1/base-cms-marko-web$3.14.0/components/document/container.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$3.17.3/components/document/container.marko",
     marko_renderer = require("marko/src/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$3.14.0/components/document/container.marko",
+    id: "/@parameter1/base-cms-marko-web$3.17.3/components/document/container.marko",
     tags: [
       "../page/container.marko"
     ]

package/components/document/index.marko

@@ -13,26 +13,35 @@ $ const wrapper = getAsObject(input, "bodyWrapper");
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content=viewport>
-    <!-- @todo eventually determine if styles can be split -->
+
+    <marko-web-deferred-script-loader-init />
+
+    <for|src| of=config.sources()>
+      <marko-web-deferred-script-loader-register
+        name="marko-web-core"
+        src=src
+        esm=true
+        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); }"
+        on-script-load="CMSBrowserComponents.init();"
+      />
+    </for>
+
+    <marko-web-deferred-script-loader-register
+      name="lazysizes"
+      src="/dist/js/lazysizes/v5.3.2.js"
+      on="ready"
+    />
+    <!-- add picturefill to old browsers -->
+    <script nomodule>
+      document.createElement("picture");
+    </script>
+    <script nomodule src="https://cdnjs.cloudflare.com/ajax/libs/picturefill/3.0.3/picturefill.min.js" async></script>
+
+    <!-- load styles -->
     <for|href| of=config.styles()>
       <link rel="stylesheet" href=href />
     </for>
-    <!-- create browser component queue -->
-    <script>
-      (function(w) {
-        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); }
-      })(window);
-    </script>
-    <!-- load lazysizes -->
-    <script src="/dist/js/lazysizes/v5.3.2.js" async></script>
-    <!-- load picturefill -->
-    <script>
-      document.createElement( "picture" );
-    </script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/picturefill/3.0.3/picturefill.min.js" async></script>
 
     <${input.head} />
   </head>
@@ -44,15 +53,11 @@ $ const wrapper = getAsObject(input, "bodyWrapper");
         <marko-web-document-container ...input.container />
       </if>
       <${input.belowContainer} />
+      <!-- load dsl lib -->
+      <marko-web-deferred-script-loader-load />
       <live-reload />
       <${input.foot} />
     </body-wrapper>
     <${input.belowWrapper} />
-
-    <!-- load browser components lib -->
-    <for|src| of=config.sources()>
-      <script src=src></script>
-    </for>
-    <script>CMSBrowserComponents.init();</script>
   </body>
 </html>

package/components/document/index.marko.js

@@ -2,18 +2,24 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/src/html").t(__filename),
-    marko_componentType = "/@parameter1/base-cms-marko-web$3.14.0/components/document/index.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$3.17.3/components/document/index.marko",
     marko_renderer = require("marko/src/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/src/runtime/html/helpers/attr"),
+    marko_web_deferred_script_loader_init_template = require("@parameter1/base-cms-marko-web-deferred-script-loader/components/init.marko"),
+    marko_loadTag = require("marko/src/runtime/helpers/load-tag"),
+    marko_web_deferred_script_loader_init_tag = marko_loadTag(marko_web_deferred_script_loader_init_template),
     marko_forOf = require("marko/src/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),
     marko_dynamicTag = require("marko/src/runtime/helpers/dynamic-tag"),
     marko_assign = require("marko/src/runtime/helpers/assign"),
     marko_web_document_container_template = require("./container.marko"),
-    marko_loadTag = require("marko/src/runtime/helpers/load-tag"),
     marko_web_document_container_tag = marko_loadTag(marko_web_document_container_template),
+    marko_web_deferred_script_loader_load_template = require("@parameter1/base-cms-marko-web-deferred-script-loader/components/load.marko"),
+    marko_web_deferred_script_loader_load_tag = marko_loadTag(marko_web_deferred_script_loader_load_template),
     live_reload_template = require("./components/live-reload.marko"),
     live_reload_tag = marko_loadTag(live_reload_template),
     body_wrapper_template = require("./components/body-wrapper.marko"),
@@ -42,58 +48,75 @@ function render(input, out, __component, component, state) {
     marko_attr("content", viewport) +
     ">");
 
+  marko_web_deferred_script_loader_init_tag({}, out, __component, "5");
+
   var $for$0 = 0;
 
-  marko_forOf(config.styles(), function(href) {
+  marko_forOf(config.sources(), function(src) {
     var $keyScope$0 = "[" + (($for$0++) + "]");
 
+    marko_web_deferred_script_loader_register_tag({
+        name: "marko-web-core",
+        src: src,
+        esm: true,
+        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: "CMSBrowserComponents.init();"
+      }, out, __component, "6" + $keyScope$0);
+  });
+
+  marko_web_deferred_script_loader_register_tag({
+      name: "lazysizes",
+      src: "/dist/js/lazysizes/v5.3.2.js",
+      on: "ready"
+    }, out, __component, "7");
+
+  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>");
+
+  var $for$1 = 0;
+
+  marko_forOf(config.styles(), function(href) {
+    var $keyScope$1 = "[" + (($for$1++) + "]");
+
     out.w("<link rel=\"stylesheet\"" +
       marko_attr("href", href) +
       ">");
   });
 
-  out.w("<script>\n      (function(w) {\n        w.markoCompQueue = w.markoCompQueue || [];\n        var name = 'CMSBrowserComponents', methods = ['load', 'loadComponent'], queue = function(method) { return function() { w.markoCompQueue.push([method, arguments]) } };\n        w[name] = w[name] || {};\n        for (var i = 0; i < methods.length; i++) { var method = methods[i]; w[name][method] = w[name][method] || queue(method); }\n      })(window);\n    </script><script src=\"/dist/js/lazysizes/v5.3.2.js\" async></script><script>\n      document.createElement( \"picture\" );\n    </script><script src=\"https://cdnjs.cloudflare.com/ajax/libs/picturefill/3.0.3/picturefill.min.js\" async></script>");
-
-  marko_dynamicTag(out, input.head, null, null, null, null, __component, "6");
+  marko_dynamicTag(out, input.head, null, null, null, null, __component, "9");
 
   out.w("</head><body>");
 
-  marko_dynamicTag(out, input.aboveWrapper, null, null, null, null, __component, "8");
+  marko_dynamicTag(out, input.aboveWrapper, null, null, null, null, __component, "11");
 
   body_wrapper_tag({
       enabled: wrapper.enabled,
       attrs: wrapper.attrs,
       renderBody: function(out) {
-        marko_dynamicTag(out, input.aboveContainer, null, null, null, null, __component, "10");
+        marko_dynamicTag(out, input.aboveContainer, null, null, null, null, __component, "13");
 
         if (input.container) {
           marko_web_document_container_tag(marko_assign({
               blockName: "document-container",
               tag: "div"
-            }, input.container), out, __component, "11");
+            }, input.container), out, __component, "14");
         }
 
-        marko_dynamicTag(out, input.belowContainer, null, null, null, null, __component, "12");
+        marko_dynamicTag(out, input.belowContainer, null, null, null, null, __component, "15");
 
-        live_reload_tag({}, out, __component, "13");
+        marko_web_deferred_script_loader_load_tag({}, out, __component, "16");
 
-        marko_dynamicTag(out, input.foot, null, null, null, null, __component, "14");
-      }
-    }, out, __component, "9");
+        live_reload_tag({}, out, __component, "17");
 
-  marko_dynamicTag(out, input.belowWrapper, null, null, null, null, __component, "15");
-
-  marko_forOf(config.sources(), function(src) {
-    out.w("<script" +
-      marko_attr("src", src) +
-      "></script>");
-  });
+        marko_dynamicTag(out, input.foot, null, null, null, null, __component, "18");
+      }
+    }, out, __component, "12");
 
-  out.w("<script>CMSBrowserComponents.init();</script>");
+  marko_dynamicTag(out, input.belowWrapper, null, null, null, null, __component, "19");
 
   init_components_tag({}, out);
 
-  await_reorderer_tag({}, out, __component, "16");
+  await_reorderer_tag({}, out, __component, "20");
 
   _preferred_script_location_tag({}, out);
 
@@ -106,9 +129,12 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@parameter1/base-cms-marko-web$3.14.0/components/document/index.marko",
+    id: "/@parameter1/base-cms-marko-web$3.17.3/components/document/index.marko",
     tags: [
+      "@parameter1/base-cms-marko-web-deferred-script-loader/components/init.marko",
+      "@parameter1/base-cms-marko-web-deferred-script-loader/components/register.marko",
       "./container.marko",
+      "@parameter1/base-cms-marko-web-deferred-script-loader/components/load.marko",
       "./components/live-reload.marko",
       "./components/body-wrapper.marko",
       "marko/src/core-tags/components/init-components-tag",

package/components/element/array.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/src/html").t(__filename),
-    marko_componentType = "/@parameter1/base-cms-marko-web$3.14.0/components/element/array.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$3.17.3/components/element/array.marko",
     marko_renderer = require("marko/src/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$3.14.0/components/element/array.marko"
+    id: "/@parameter1/base-cms-marko-web$3.17.3/components/element/array.marko"
   };

package/components/element/audio.marko.js

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

package/components/element/block.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/src/html").t(__filename),
-    marko_componentType = "/@parameter1/base-cms-marko-web$3.14.0/components/element/block.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$3.17.3/components/element/block.marko",
     marko_renderer = require("marko/src/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$3.14.0/components/element/block.marko"
+    id: "/@parameter1/base-cms-marko-web$3.17.3/components/element/block.marko"
   };

package/components/element/clear.marko.js

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

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

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/src/html").t(__filename),
-    marko_componentType = "/@parameter1/base-cms-marko-web$3.14.0/components/element/components/image.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$3.17.3/components/element/components/image.marko",
     marko_renderer = require("marko/src/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$3.14.0/components/element/components/image.marko"
+    id: "/@parameter1/base-cms-marko-web$3.17.3/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/src/html").t(__filename),
-    marko_componentType = "/@parameter1/base-cms-marko-web$3.14.0/components/element/components/text.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$3.17.3/components/element/components/text.marko",
     marko_renderer = require("marko/src/runtime/components/renderer"),
     marko_dynamicTag = require("marko/src/runtime/helpers/dynamic-tag"),
     marko_str = require("marko/src/runtime/helpers/to-string"),
@@ -33,5 +33,5 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@parameter1/base-cms-marko-web$3.14.0/components/element/components/text.marko"
+    id: "/@parameter1/base-cms-marko-web$3.17.3/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/src/html").t(__filename),
-    marko_componentType = "/@parameter1/base-cms-marko-web$3.14.0/components/element/content/address1.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$3.17.3/components/element/content/address1.marko",
     marko_renderer = require("marko/src/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$3.14.0/components/element/content/address1.marko",
+    id: "/@parameter1/base-cms-marko-web$3.17.3/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/src/html").t(__filename),
-    marko_componentType = "/@parameter1/base-cms-marko-web$3.14.0/components/element/content/address2.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$3.17.3/components/element/content/address2.marko",
     marko_renderer = require("marko/src/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$3.14.0/components/element/content/address2.marko",
+    id: "/@parameter1/base-cms-marko-web$3.17.3/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/src/html").t(__filename),
-    marko_componentType = "/@parameter1/base-cms-marko-web$3.8.0/components/element/content/audio.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$1.49.0/components/element/content/audio.marko",
     marko_renderer = require("marko/src/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$3.8.0/components/element/content/audio.marko",
+    id: "/@parameter1/base-cms-marko-web$1.49.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/src/html").t(__filename),
-    marko_componentType = "/@parameter1/base-cms-marko-web$3.14.0/components/element/content/authors.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$3.17.3/components/element/content/authors.marko",
     marko_component = require("./authors.marko"),
     marko_renderer = require("marko/src/runtime/components/renderer"),
     marko_dynamicTag = require("marko/src/runtime/helpers/dynamic-tag"),
@@ -35,7 +35,7 @@ marko_template._ = marko_renderer(render, {
   }, marko_component);
 
 marko_template.meta = {
-    id: "/@parameter1/base-cms-marko-web$3.14.0/components/element/content/authors.marko",
+    id: "/@parameter1/base-cms-marko-web$3.17.3/components/element/content/authors.marko",
     component: "./authors.marko",
     tags: [
       "../obj-nodes.marko"

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

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/src/html").t(__filename),
-    marko_componentType = "/@parameter1/base-cms-marko-web$3.14.0/components/element/content/body.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$3.17.3/components/element/content/body.marko",
     marko_renderer = require("marko/src/runtime/components/renderer"),
     module_baseCmsObjectPath_module = require("@parameter1/base-cms-object-path"),
     baseCmsObjectPath_module = module_baseCmsObjectPath_module.default || module_baseCmsObjectPath_module,
@@ -54,7 +54,7 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@parameter1/base-cms-marko-web$3.14.0/components/element/content/body.marko",
+    id: "/@parameter1/base-cms-marko-web$3.17.3/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/src/html").t(__filename),
-    marko_componentType = "/@parameter1/base-cms-marko-web$3.14.0/components/element/content/byline.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$3.17.3/components/element/content/byline.marko",
     marko_renderer = require("marko/src/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$3.14.0/components/element/content/byline.marko",
+    id: "/@parameter1/base-cms-marko-web$3.17.3/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/src/html").t(__filename),
-    marko_componentType = "/@parameter1/base-cms-marko-web$3.14.0/components/element/content/city-state-zip.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$3.17.3/components/element/content/city-state-zip.marko",
     marko_renderer = require("marko/src/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$3.14.0/components/element/content/city-state-zip.marko",
+    id: "/@parameter1/base-cms-marko-web$3.17.3/components/element/content/city-state-zip.marko",
     tags: [
       "../obj-text.marko"
     ]