@parameter1/base-cms-marko-web 3.3.1 → 3.4.0

package/components/browser-component.marko.js

@@ -0,0 +1,81 @@
+// 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$3.0.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,
+    module_renderComponent = require("../utils/render-ssr-component"),
+    renderComponent = module_renderComponent.default || module_renderComponent,
+    marko_str = require("marko/src/runtime/helpers/to-string"),
+    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 = `CMSBrowserComponents.load({ el: '#${id}', name: '${name}', props: ${props}, hydrate: ${hydrate} });`;
+
+  if (ssr) {
+    const { compiledVueComponents } = out.global;
+
+    const Component = compiledVueComponents[name];
+
+    if (!Component) throw new Error(`No compiled Vue template found for ${name}. Unable to render server-side.`);
+
+    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("<script>" +
+    marko_str(contents) +
+    "</script>");
+}
+
+marko_template._ = marko_renderer(render, {
+    ___type: marko_componentType
+  }, marko_component);
+
+marko_template.meta = {
+    id: "/@parameter1/base-cms-marko-web$3.0.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

@@ -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$3.0.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");
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  if (input.enabled) {
+    out.w("<div" +
+      marko_attrs(input.attrs) +
+      ">");
+
+    marko_dynamicTag(out, input.renderBody, null, null, null, null, __component, "1");
+
+    out.w("</div>");
+  } else {
+    marko_dynamicTag(out, input.renderBody, null, null, null, null, __component, "2");
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    ___implicit: true,
+    ___type: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@parameter1/base-cms-marko-web$3.0.0/components/document/components/body-wrapper.marko"
+  };

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

@@ -0,0 +1,85 @@
+// 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$3.0.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,
+    marko_web_page_title_template = require("../../page/title.marko"),
+    marko_loadTag = require("marko/src/runtime/helpers/load-tag"),
+    marko_web_page_title_tag = marko_loadTag(marko_web_page_title_template),
+    helpers_escape_xml = require("marko/src/runtime/html/helpers/escape-xml"),
+    marko_escapeXml = helpers_escape_xml.x,
+    marko_web_page_wrapper_template = require("../../page/wrapper.marko"),
+    marko_web_page_wrapper_tag = marko_loadTag(marko_web_page_wrapper_template),
+    marko_dynamicTag = require("marko/src/runtime/helpers/dynamic-tag");
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const { document } = out.global;
+
+  const error = input.error || {};
+
+  marko_dynamicTag(out, document, function() {
+    return {
+        head: {
+            renderBody: function(out) {
+              marko_web_page_title_tag({
+                  concatWith: "|",
+                  value: (input.statusCode + " ") + input.statusMessage
+                }, out, __component, "2");
+
+              if (input.statusCode === 404) {
+                out.w("<meta name=\"robots\" content=\"noindex\">");
+              }
+            }
+          },
+        container: {
+            page: {
+                for: "error",
+                renderBody: function(out) {
+                  marko_web_page_wrapper_tag({
+                      blockName: "page-wrapper",
+                      tag: "div",
+                      sections: [
+                          {
+                              tag: "div",
+                              renderBody: function(out) {
+                                out.w("<h3>" +
+                                  marko_escapeXml(input.statusCode) +
+                                  " " +
+                                  marko_escapeXml(input.statusMessage) +
+                                  "</h3><h4>" +
+                                  marko_escapeXml(error.message) +
+                                  "</h4>");
+
+                                if (isDev) {
+                                  out.w("<pre>" +
+                                    marko_escapeXml(error.stack) +
+                                    "</pre>");
+                                }
+                              }
+                            }
+                        ]
+                    }, out, __component, "6");
+                }
+              }
+          }
+      };
+  }, null, null, null, __component, "0");
+}
+
+marko_template._ = marko_renderer(render, {
+    ___implicit: true,
+    ___type: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@parameter1/base-cms-marko-web$3.0.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

@@ -0,0 +1,30 @@
+// 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$3.0.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,
+    marko_attr = require("marko/src/runtime/html/helpers/attr");
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const { LIVERELOAD_PORT, EXPOSED_HOST } = process.env;
+
+  if (isDev && LIVERELOAD_PORT) {
+    out.w("<script" +
+      marko_attr("src", ((("http://" + EXPOSED_HOST) + ":") + LIVERELOAD_PORT) + "/livereload.js") +
+      " async></script>");
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    ___implicit: true,
+    ___type: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@parameter1/base-cms-marko-web$3.0.0/components/document/components/live-reload.marko"
+  };

package/components/document/components/polyfill.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$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,
+    getAsArray = module_baseCmsObjectPath_module.getAsArray,
+    marko_attr = require("marko/src/runtime/html/helpers/attr");
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const features = getAsArray(input, "features");
+
+  const src = `https://polyfill.io/v3/polyfill.min.js?flags=gated&features=${encodeURIComponent(features.join(','))}`;
+
+  if (features.length) {
+    out.w("<script" +
+      marko_attr("src", src) +
+      "></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/polyfill.marko"
+  };

package/components/document/container.marko.js

@@ -0,0 +1,54 @@
+// 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$3.0.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,
+    getAsArray = module_baseCmsObjectPath_module.getAsArray,
+    marko_dynamicTag = require("marko/src/runtime/helpers/dynamic-tag"),
+    marko_assign = require("marko/src/runtime/helpers/assign"),
+    marko_web_page_container_template = require("../page/container.marko"),
+    marko_loadTag = require("marko/src/runtime/helpers/load-tag"),
+    marko_web_page_container_tag = marko_loadTag(marko_web_page_container_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const blockName = input.blockName || "document-container";
+
+  const tag = input.tag || "div";
+
+  const modifiers = [...getAsArray(input.modifiers)];
+
+  const classNames = [blockName, ...modifiers.map(mod => `${blockName}--${mod}`), input.class];
+
+  marko_dynamicTag(out, tag, function() {
+    return marko_assign({}, input.attrs, {
+        class: classNames
+      });
+  }, function(out) {
+    marko_dynamicTag(out, input.abovePage, null, null, null, null, __component, "1");
+
+    if (input.page) {
+      marko_web_page_container_tag(marko_assign({
+          tag: "main"
+        }, input.page), out, __component, "2");
+    }
+
+    marko_dynamicTag(out, input.belowPage, null, null, null, null, __component, "3");
+  }, null, null, __component, "0");
+}
+
+marko_template._ = marko_renderer(render, {
+    ___implicit: true,
+    ___type: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@parameter1/base-cms-marko-web$3.0.0/components/document/container.marko",
+    tags: [
+      "../page/container.marko"
+    ]
+  };

package/components/document/index.marko.js

@@ -0,0 +1,118 @@
+// 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$3.0.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"),
+    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),
+    body_wrapper_template = require("./components/body-wrapper.marko"),
+    body_wrapper_tag = marko_loadTag(body_wrapper_template),
+    init_components_tag = marko_loadTag(require("marko/src/core-tags/components/init-components-tag")),
+    await_reorderer_tag = marko_loadTag(require("marko/src/core-tags/core/await/reorderer-renderer")),
+    _preferred_script_location_tag = marko_loadTag(require("marko/src/core-tags/components/preferred-script-location-tag"));
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const { config } = out.global;
+
+  const dir = input.dir || "ltr";
+
+  const lang = input.lang || config.website("language.code", "en-us");
+
+  const viewport = input.viewport || "width=device-width, initial-scale=1, shrink-to-fit=no";
+
+  const wrapper = getAsObject(input, "bodyWrapper");
+
+  out.w("<!doctype html><html" +
+    marko_attr("lang", lang) +
+    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) +
+    ">");
+
+  var $for$0 = 0;
+
+  marko_forOf(config.styles(), function(href) {
+    var $keyScope$0 = "[" + (($for$0++) + "]");
+
+    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");
+
+  out.w("</head><body>");
+
+  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, "10");
+
+        if (input.container) {
+          marko_web_document_container_tag(marko_assign({
+              blockName: "document-container",
+              tag: "div"
+            }, input.container), out, __component, "11");
+        }
+
+        marko_dynamicTag(out, input.belowContainer, null, null, null, null, __component, "12");
+
+        live_reload_tag({}, out, __component, "13");
+
+        marko_dynamicTag(out, input.foot, null, null, null, null, __component, "14");
+      }
+    }, 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>");
+  });
+
+  out.w("<script>CMSBrowserComponents.init();</script>");
+
+  init_components_tag({}, out);
+
+  await_reorderer_tag({}, out, __component, "16");
+
+  _preferred_script_location_tag({}, out);
+
+  out.w("</body></html>");
+}
+
+marko_template._ = marko_renderer(render, {
+    ___implicit: true,
+    ___type: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@parameter1/base-cms-marko-web$3.0.0/components/document/index.marko",
+    tags: [
+      "./container.marko",
+      "./components/live-reload.marko",
+      "./components/body-wrapper.marko",
+      "marko/src/core-tags/components/init-components-tag",
+      "marko/src/core-tags/core/await/reorderer-renderer",
+      "marko/src/core-tags/components/preferred-script-location-tag"
+    ]
+  };

package/components/element/array.marko.js

@@ -0,0 +1,67 @@
+// 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$3.0.0/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,
+    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");
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const tag = input.tag === undefined ? "div" : input.tag;
+
+  const value = getAsArray(input, "value");
+
+  if (value.length) {
+    if (tag) {
+      marko_dynamicTag(out, tag, function() {
+        return marko_assign({}, input.attrs, {
+            class: input.class
+          });
+      }, function(out) {
+        var $for$0 = 0;
+
+        marko_forOf(value, function(v, index) {
+          var $keyScope$0 = "[" + (($for$0++) + "]");
+
+          marko_dynamicTag(out, input.renderBody, function() {
+            return {
+                value: v,
+                index: index,
+                length: value.length
+              };
+          }, null, null, null, __component, "1" + $keyScope$0);
+        });
+      }, null, null, __component, "0");
+    } else {
+      var $for$1 = 0;
+
+      marko_forOf(value, function(v, index) {
+        var $keyScope$1 = "[" + (($for$1++) + "]");
+
+        marko_dynamicTag(out, input.renderBody, function() {
+          return {
+              value: v,
+              index: index,
+              length: value.length
+            };
+        }, null, null, null, __component, "2" + $keyScope$1);
+      });
+    }
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    ___implicit: true,
+    ___type: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@parameter1/base-cms-marko-web$3.0.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

@@ -0,0 +1,44 @@
+// 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$3.0.0/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,
+    getAsArray = module_baseCmsObjectPath_module.getAsArray,
+    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 tag = input.tag || "div";
+
+  const blockName = input.name || "block";
+
+  const classNames = [blockName, ...getAsArray(input, "modifiers").map(mod => `${blockName}--${mod}`), input.class];
+
+  if (input.renderBody) {
+    marko_dynamicTag(out, tag, function() {
+      return marko_assign({}, input.attrs, {
+          class: classNames
+        });
+    }, function(out) {
+      marko_dynamicTag(out, input.renderBody, function() {
+        return {
+            "block-name": blockName
+          };
+      }, null, null, null, __component, "1");
+    }, null, null, __component, "0");
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    ___implicit: true,
+    ___type: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@parameter1/base-cms-marko-web$3.0.0/components/element/block.marko"
+  };

package/components/element/clear.marko.js

@@ -0,0 +1,32 @@
+// 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$3.0.0/components/element/clear.marko",
+    marko_renderer = require("marko/src/runtime/components/renderer"),
+    marko_styleAttr = require("marko/src/runtime/html/helpers/style-attr");
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const { value } = input;
+
+  if ([
+      "left",
+      "right",
+      "both"
+    ].includes(value)) {
+    out.w("<div" +
+      marko_styleAttr(("clear: " + value) + ";") +
+      "></div>");
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    ___implicit: true,
+    ___type: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@parameter1/base-cms-marko-web$3.0.0/components/element/clear.marko"
+  };