@parameter1/base-cms-marko-web 2.75.1 → 2.80.0

package/components/browser-component.marko.js

@@ -2,41 +2,80 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/src/html").t(__filename),
-    marko_componentType = "/@parameter1/base-cms-marko-web$2.13.0/components/browser-component.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$2.62.0/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"),
+    defaultValue = module_defaultValue.default || module_defaultValue,
     module_baseCmsUtils_module = require("@parameter1/base-cms-utils"),
     baseCmsUtils_module = module_baseCmsUtils_module.default || module_baseCmsUtils_module,
     randomElementId = module_baseCmsUtils_module.randomElementId,
-    marko_dynamicTag = require("marko/src/runtime/helpers/dynamic-tag"),
+    module_renderComponent = require("../utils/render-ssr-component"),
+    renderComponent = module_renderComponent.default || module_renderComponent,
     marko_str = require("marko/src/runtime/helpers/to-string"),
-    marko_attr = require("marko/src/runtime/html/helpers/attr");
+    marko_web_resolve_template = require("@parameter1/base-cms-marko-core/components/resolve.marko"),
+    marko_loadTag = require("marko/src/runtime/helpers/load-tag"),
+    marko_web_resolve_tag = marko_loadTag(marko_web_resolve_template),
+    marko_dynamicTag = require("marko/src/runtime/helpers/dynamic-tag"),
+    marko_assign = require("marko/src/runtime/helpers/assign");
 
 function render(input, out, __component, component, state) {
   var data = input;
 
   const id = randomElementId({ prefix: 'vue' });
 
+  const tag = defaultValue(input.tag, "div");
+
+  const { name } = input;
+
+  const ssr = defaultValue(input.ssr, false);
+
+  const hydrate = ssr ? true : defaultValue(input.hydrate, false);
+
   const props = JSON.stringify(input.props || {});
 
-  const contents = `<script>CMSBrowserComponents.loadComponent('#${id}', '${input.name}', ${props});</script>`;
+  const contents = `CMSBrowserComponents.load({ el: '#${id}', name: '${name}', props: ${props}, hydrate: ${hydrate} });`;
+
+  if (ssr) {
+    const { compiledVueComponents } = out.global;
+
+    const Component = compiledVueComponents[name];
 
-  out.w("<div" +
-    marko_attr("id", id) +
-    ">");
+    if (!Component) throw new Error(`No compiled Vue template found for ${name}. Unable to render server-side.`);
 
-  if (input.renderBody) {
-    marko_dynamicTag(out, input.renderBody, null, null, null, null, __component, "1");
+    marko_web_resolve_tag({
+        promise: renderComponent(Component, {
+            id: id,
+            props: input.props
+          }),
+        renderBody: function(out, { resolved: html }) {
+          out.w(marko_str(html));
+        }
+      }, out, __component, "0");
+  } else {
+    marko_dynamicTag(out, tag, function() {
+      return marko_assign({}, input.attrs, {
+          id: id,
+          class: input.class
+        });
+    }, function(out) {
+      marko_dynamicTag(out, input.renderBody, null, null, null, null, __component, "2");
+    }, null, null, __component, "1");
   }
 
-  out.w(marko_str(contents) +
-    "</div>");
+  out.w("<script>" +
+    marko_str(contents) +
+    "</script>");
 }
 
 marko_template._ = marko_renderer(render, {
-    ___implicit: true,
     ___type: marko_componentType
-  });
+  }, marko_component);
 
 marko_template.meta = {
-    id: "/@parameter1/base-cms-marko-web$2.13.0/components/browser-component.marko"
+    id: "/@parameter1/base-cms-marko-web$2.62.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/src/html").t(__filename),
-    marko_componentType = "/@parameter1/base-cms-marko-web$2.13.0/components/document/components/body-wrapper.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$2.62.0/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$2.13.0/components/document/components/body-wrapper.marko"
+    id: "/@parameter1/base-cms-marko-web$2.62.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/src/html").t(__filename),
-    marko_componentType = "/@parameter1/base-cms-marko-web$2.13.0/components/document/components/error.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$2.62.0/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$2.13.0/components/document/components/error.marko",
+    id: "/@parameter1/base-cms-marko-web$2.62.0/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$2.13.0/components/document/components/live-reload.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$2.62.0/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$2.13.0/components/document/components/live-reload.marko"
+    id: "/@parameter1/base-cms-marko-web$2.62.0/components/document/components/live-reload.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$2.13.0/components/document/container.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$2.62.0/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$2.13.0/components/document/container.marko",
+    id: "/@parameter1/base-cms-marko-web$2.62.0/components/document/container.marko",
     tags: [
       "../page/container.marko"
     ]

package/components/document/index.marko.js

@@ -2,20 +2,17 @@
 "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/index.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$2.62.0/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"),
-    polyfill_template = require("./components/polyfill.marko"),
-    marko_loadTag = require("marko/src/runtime/helpers/load-tag"),
-    polyfill_tag = marko_loadTag(polyfill_template),
-    assets_template = require("./components/assets.marko"),
-    assets_tag = marko_loadTag(assets_template),
+    marko_forOf = require("marko/src/runtime/helpers/for-of"),
     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),
     live_reload_template = require("./components/live-reload.marko"),
     live_reload_tag = marko_loadTag(live_reload_template),
@@ -45,49 +42,58 @@ function render(input, out, __component, component, state) {
     marko_attr("content", viewport) +
     ">");
 
-  polyfill_tag({
-      features: [
-          "es6",
-          "es7",
-          "fetch",
-          "Promise.prototype.finally"
-        ]
-    }, out, __component, "5");
+  var $for$0 = 0;
+
+  marko_forOf(config.styles(), function(href) {
+    var $keyScope$0 = "[" + (($for$0++) + "]");
+
+    out.w("<link rel=\"stylesheet\"" +
+      marko_attr("href", href) +
+      ">");
+  });
 
-  assets_tag({}, out, __component, "6");
+  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>");
 
-  marko_dynamicTag(out, input.head, null, null, null, null, __component, "7");
+  marko_dynamicTag(out, input.head, null, null, null, null, __component, "6");
 
   out.w("</head><body>");
 
-  marko_dynamicTag(out, input.aboveWrapper, null, null, null, null, __component, "9");
+  marko_dynamicTag(out, input.aboveWrapper, null, null, null, null, __component, "8");
 
   body_wrapper_tag({
       enabled: wrapper.enabled,
       attrs: wrapper.attrs,
       renderBody: function(out) {
-        marko_dynamicTag(out, input.aboveContainer, null, null, null, null, __component, "11");
+        marko_dynamicTag(out, input.aboveContainer, null, null, null, null, __component, "10");
 
         if (input.container) {
           marko_web_document_container_tag(marko_assign({
               blockName: "document-container",
               tag: "div"
-            }, input.container), out, __component, "12");
+            }, input.container), out, __component, "11");
         }
 
-        marko_dynamicTag(out, input.belowContainer, null, null, null, null, __component, "13");
+        marko_dynamicTag(out, input.belowContainer, null, null, null, null, __component, "12");
 
-        live_reload_tag({}, out, __component, "14");
+        live_reload_tag({}, out, __component, "13");
 
-        marko_dynamicTag(out, input.foot, null, null, null, null, __component, "15");
+        marko_dynamicTag(out, input.foot, null, null, null, null, __component, "14");
       }
-    }, out, __component, "10");
+    }, out, __component, "9");
+
+  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.belowWrapper, null, null, null, null, __component, "16");
+  out.w("<script>CMSBrowserComponents.init();</script>");
 
   init_components_tag({}, out);
 
-  await_reorderer_tag({}, out, __component, "17");
+  await_reorderer_tag({}, out, __component, "16");
 
   _preferred_script_location_tag({}, out);
 
@@ -100,10 +106,8 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@parameter1/base-cms-marko-web$2.13.0/components/document/index.marko",
+    id: "/@parameter1/base-cms-marko-web$2.62.0/components/document/index.marko",
     tags: [
-      "./components/polyfill.marko",
-      "./components/assets.marko",
       "./container.marko",
       "./components/live-reload.marko",
       "./components/body-wrapper.marko",

package/components/element/array.marko.js

@@ -2,11 +2,11 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/src/html").t(__filename),
-    marko_componentType = "/@base-cms/marko-web$1.37.0/components/element/array.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$1.49.0/components/element/array.marko",
     marko_renderer = require("marko/src/runtime/components/renderer"),
-    module_objectPath_module = require("@base-cms/object-path"),
-    objectPath_module = module_objectPath_module.default || module_objectPath_module,
-    getAsArray = module_objectPath_module.getAsArray,
+    module_baseCmsObjectPath_module = require("@parameter1/base-cms-object-path"),
+    baseCmsObjectPath_module = module_baseCmsObjectPath_module.default || module_baseCmsObjectPath_module,
+    getAsArray = module_baseCmsObjectPath_module.getAsArray,
     marko_forOf = require("marko/src/runtime/helpers/for-of"),
     marko_dynamicTag = require("marko/src/runtime/helpers/dynamic-tag"),
     marko_assign = require("marko/src/runtime/helpers/assign");
@@ -63,5 +63,5 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@base-cms/marko-web$1.37.0/components/element/array.marko"
+    id: "/@parameter1/base-cms-marko-web$1.49.0/components/element/array.marko"
   };

package/components/element/audio.marko.js

@@ -0,0 +1,33 @@
+// 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$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");
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  if (input.src) {
+    out.w("<audio" +
+      marko_mergeAttrs(input.attrs, {
+        src: input.src,
+        class: input.class,
+        controls: "controls"
+      }) +
+      "><p>Your browser doesn't support HTML5 audio. Here is a <a" +
+      marko_attr("href", input.src) +
+      ">link to the audio</a> instead.</p></audio>");
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    ___implicit: true,
+    ___type: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@parameter1/base-cms-marko-web$1.49.0/components/element/audio.marko"
+  };

package/components/element/block.marko.js

@@ -2,11 +2,11 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/src/html").t(__filename),
-    marko_componentType = "/@base-cms/marko-web$1.37.0/components/element/block.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$1.49.0/components/element/block.marko",
     marko_renderer = require("marko/src/runtime/components/renderer"),
-    module_objectPath_module = require("@base-cms/object-path"),
-    objectPath_module = module_objectPath_module.default || module_objectPath_module,
-    getAsArray = module_objectPath_module.getAsArray,
+    module_baseCmsObjectPath_module = require("@parameter1/base-cms-object-path"),
+    baseCmsObjectPath_module = module_baseCmsObjectPath_module.default || module_baseCmsObjectPath_module,
+    getAsArray = module_baseCmsObjectPath_module.getAsArray,
     marko_dynamicTag = require("marko/src/runtime/helpers/dynamic-tag"),
     marko_assign = require("marko/src/runtime/helpers/assign");
 
@@ -40,5 +40,5 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@base-cms/marko-web$1.37.0/components/element/block.marko"
+    id: "/@parameter1/base-cms-marko-web$1.49.0/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 = "/@base-cms/marko-web$1.37.0/components/element/clear.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$1.49.0/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: "/@base-cms/marko-web$1.37.0/components/element/clear.marko"
+    id: "/@parameter1/base-cms-marko-web$1.49.0/components/element/clear.marko"
   };

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

@@ -2,11 +2,11 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/src/html").t(__filename),
-    marko_componentType = "/@base-cms/marko-web$1.37.0/components/element/components/image.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$1.49.0/components/element/components/image.marko",
     marko_renderer = require("marko/src/runtime/components/renderer"),
-    module_objectPath_module = require("@base-cms/object-path"),
-    objectPath_module = module_objectPath_module.default || module_objectPath_module,
-    getAsArray = module_objectPath_module.getAsArray,
+    module_baseCmsObjectPath_module = require("@parameter1/base-cms-object-path"),
+    baseCmsObjectPath_module = module_baseCmsObjectPath_module.default || module_baseCmsObjectPath_module,
+    getAsArray = module_baseCmsObjectPath_module.getAsArray,
     marko_mergeAttrs = require("marko/src/runtime/html/helpers/merge-attrs");
 
 function render(input, out, __component, component, state) {
@@ -53,5 +53,5 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@base-cms/marko-web$1.37.0/components/element/components/image.marko"
+    id: "/@parameter1/base-cms-marko-web$1.49.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/src/html").t(__filename),
-    marko_componentType = "/@base-cms/marko-web$1.37.0/components/element/components/text.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$1.49.0/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: "/@base-cms/marko-web$1.37.0/components/element/components/text.marko"
+    id: "/@parameter1/base-cms-marko-web$1.49.0/components/element/components/text.marko"
   };

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

@@ -2,12 +2,13 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/src/html").t(__filename),
-    marko_componentType = "/@base-cms/marko-web$1.37.0/components/element/content/address1.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$1.49.0/components/element/content/address1.marko",
     marko_renderer = require("marko/src/runtime/components/renderer"),
     module_extractRender = require("../extract-render"),
     extractRender = module_extractRender.default || module_extractRender,
     marko_assign = require("marko/src/runtime/helpers/assign"),
-    marko_web_obj_text_template = require("../obj-text.marko"),
+    marko_loadTemplate = require("marko/src/runtime/helpers/load-template"),
+    marko_web_obj_text_template = marko_loadTemplate(require.resolve("../obj-text.marko")),
     marko_loadTag = require("marko/src/runtime/helpers/load-tag"),
     marko_web_obj_text_tag = marko_loadTag(marko_web_obj_text_template);
 
@@ -33,7 +34,7 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@base-cms/marko-web$1.37.0/components/element/content/address1.marko",
+    id: "/@parameter1/base-cms-marko-web$1.49.0/components/element/content/address1.marko",
     tags: [
       "../obj-text.marko"
     ]

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

@@ -2,12 +2,13 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/src/html").t(__filename),
-    marko_componentType = "/@base-cms/marko-web$1.37.0/components/element/content/address2.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$1.49.0/components/element/content/address2.marko",
     marko_renderer = require("marko/src/runtime/components/renderer"),
     module_extractRender = require("../extract-render"),
     extractRender = module_extractRender.default || module_extractRender,
     marko_assign = require("marko/src/runtime/helpers/assign"),
-    marko_web_obj_text_template = require("../obj-text.marko"),
+    marko_loadTemplate = require("marko/src/runtime/helpers/load-template"),
+    marko_web_obj_text_template = marko_loadTemplate(require.resolve("../obj-text.marko")),
     marko_loadTag = require("marko/src/runtime/helpers/load-tag"),
     marko_web_obj_text_tag = marko_loadTag(marko_web_obj_text_template);
 
@@ -33,7 +34,7 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@base-cms/marko-web$1.37.0/components/element/content/address2.marko",
+    id: "/@parameter1/base-cms-marko-web$1.49.0/components/element/content/address2.marko",
     tags: [
       "../obj-text.marko"
     ]

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

@@ -0,0 +1,40 @@
+// 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$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,
+    marko_assign = require("marko/src/runtime/helpers/assign"),
+    marko_loadTemplate = require("marko/src/runtime/helpers/load-template"),
+    marko_web_obj_audio_template = marko_loadTemplate(require.resolve("../obj-audio.marko")),
+    marko_loadTag = require("marko/src/runtime/helpers/load-tag"),
+    marko_web_obj_audio_tag = marko_loadTag(marko_web_obj_audio_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  marko_web_obj_audio_tag(marko_assign({
+      type: "content",
+      blockName: input.blockName,
+      obj: input.obj,
+      field: "fileSrc",
+      tag: input.tag,
+      class: input.class,
+      modifiers: input.modifiers,
+      attrs: input.attrs
+    }, extractRender(input)), out, __component, "0");
+}
+
+marko_template._ = marko_renderer(render, {
+    ___implicit: true,
+    ___type: marko_componentType
+  });
+
+marko_template.meta = {
+    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,11 +2,12 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/src/html").t(__filename),
-    marko_componentType = "/@base-cms/marko-web$1.37.0/components/element/content/authors.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$1.49.0/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"),
-    marko_web_obj_nodes_template = require("../obj-nodes.marko"),
+    marko_loadTemplate = require("marko/src/runtime/helpers/load-template"),
+    marko_web_obj_nodes_template = marko_loadTemplate(require.resolve("../obj-nodes.marko")),
     marko_loadTag = require("marko/src/runtime/helpers/load-tag"),
     marko_web_obj_nodes_tag = marko_loadTag(marko_web_obj_nodes_template);
 
@@ -35,7 +36,7 @@ marko_template._ = marko_renderer(render, {
   }, marko_component);
 
 marko_template.meta = {
-    id: "/@base-cms/marko-web$1.37.0/components/element/content/authors.marko",
+    id: "/@parameter1/base-cms-marko-web$1.49.0/components/element/content/authors.marko",
     component: "./authors.marko",
     tags: [
       "../obj-nodes.marko"

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

@@ -2,19 +2,20 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/src/html").t(__filename),
-    marko_componentType = "/@base-cms/marko-web$1.37.0/components/element/content/body.marko",
+    marko_componentType = "/@parameter1/base-cms-marko-web$1.49.0/components/element/content/body.marko",
     marko_renderer = require("marko/src/runtime/components/renderer"),
-    module_objectPath_module = require("@base-cms/object-path"),
-    objectPath_module = module_objectPath_module.default || module_objectPath_module,
-    get = module_objectPath_module.get,
-    getAsObject = module_objectPath_module.getAsObject,
+    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_extractRender = require("../extract-render"),
     extractRender = module_extractRender.default || module_extractRender,
     marko_assign = require("marko/src/runtime/helpers/assign"),
-    marko_web_obj_text_template = require("../obj-text.marko"),
+    marko_loadTemplate = require("marko/src/runtime/helpers/load-template"),
+    marko_web_obj_text_template = marko_loadTemplate(require.resolve("../obj-text.marko")),
     marko_loadTag = require("marko/src/runtime/helpers/load-tag"),
     marko_web_obj_text_tag = marko_loadTag(marko_web_obj_text_template),
-    marko_web_clear_template = require("../clear.marko"),
+    marko_web_clear_template = marko_loadTemplate(require.resolve("../clear.marko")),
     marko_web_clear_tag = marko_loadTag(marko_web_clear_template);
 
 function render(input, out, __component, component, state) {
@@ -54,7 +55,7 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@base-cms/marko-web$1.37.0/components/element/content/body.marko",
+    id: "/@parameter1/base-cms-marko-web$1.49.0/components/element/content/body.marko",
     tags: [
       "../obj-text.marko",
       "../clear.marko"