@parameter1/base-cms-marko-web 3.8.0 → 3.13.0

package/components/node/image.marko.js

@@ -0,0 +1,93 @@
+// 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.11.0/components/node/image.marko",
+    marko_renderer = require("marko/src/runtime/components/renderer"),
+    module_baseCmsImage_module = require("@parameter1/base-cms-image"),
+    baseCmsImage_module = module_baseCmsImage_module.default || module_baseCmsImage_module,
+    buildImgixUrl = module_baseCmsImage_module.buildImgixUrl,
+    getRelativeAspectRatioHeight = module_baseCmsImage_module.getRelativeAspectRatioHeight,
+    getRelativeAspectRatioWidth = module_baseCmsImage_module.getRelativeAspectRatioWidth,
+    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,
+    marko_web_img_template = require("../element/img.marko"),
+    marko_loadTag = require("marko/src/runtime/helpers/load-tag"),
+    marko_web_img_tag = marko_loadTag(marko_web_img_template),
+    marko_mergeAttrs = require("marko/src/runtime/html/helpers/merge-attrs");
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const element = "node__image";
+
+  const hasImage = Boolean(input.src);
+
+  const { width, height } = input;
+
+  const options = getAsObject(input, "options");
+
+  if (width || height) {
+  options.w = width || undefined;
+  options.h = height || undefined;
+}
+
+  if (input.ar) options.ar = input.ar;
+
+  const {
+  w,
+  h,
+  ar,
+  fit,
+} = options;
+
+  if (w && !h) options.h = ar ? getRelativeAspectRatioHeight(w, ar) : undefined;
+
+  if (h && !w) options.w = ar ? getRelativeAspectRatioWidth(h, ar) : undefined;
+
+  if (!fit) options.fit = options.w && options.h ? "crop" : undefined;
+
+  const attrs = { ...input.attrs, width: options.w, height: options.h };
+
+  if (hasImage) {
+    const src = buildImgixUrl(input.src, options, input.defaultOptions, input.isLogo);
+
+    const srcset = [`${buildImgixUrl(src, { dpr: 2 })} 2x`];
+
+    marko_web_img_tag({
+        lazyload: input.lazyload,
+        src: src,
+        srcset: srcset,
+        alt: input.alt,
+        attrs: attrs,
+        class: [
+            element,
+            input.class
+          ]
+      }, out, __component, "0");
+  } else if (input.usePlaceholder) {
+    out.w("<div" +
+      marko_mergeAttrs(attrs, {
+        class: [
+            element,
+            element + "--placeholder",
+            input.class
+          ]
+      }) +
+      "></div>");
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    ___implicit: true,
+    ___type: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@parameter1/base-cms-marko-web$3.11.0/components/node/image.marko",
+    tags: [
+      "../element/img.marko"
+    ]
+  };

package/components/node/index.marko.js

@@ -0,0 +1,100 @@
+// 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.11.0/components/node/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,
+    getAsArray = module_baseCmsObjectPath_module.getAsArray,
+    marko_web_node_header_template = require("./header.marko"),
+    marko_loadTag = require("marko/src/runtime/helpers/load-tag"),
+    marko_web_node_header_tag = marko_loadTag(marko_web_node_header_template),
+    marko_assign = require("marko/src/runtime/helpers/assign"),
+    marko_web_node_image_wrapper_template = require("./image-wrapper.marko"),
+    marko_web_node_image_wrapper_tag = marko_loadTag(marko_web_node_image_wrapper_template),
+    marko_web_node_body_template = require("./body.marko"),
+    marko_web_node_body_tag = marko_loadTag(marko_web_node_body_template),
+    marko_web_node_element_template = require("./element.marko"),
+    marko_web_node_element_tag = marko_loadTag(marko_web_node_element_template),
+    marko_web_node_footer_template = require("./footer.marko"),
+    marko_web_node_footer_tag = marko_loadTag(marko_web_node_footer_template),
+    marko_dynamicTag = require("marko/src/runtime/helpers/dynamic-tag");
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const blockName = input.blockName || "node";
+
+  const tag = input.tag || "div";
+
+  const modifiers = [...getAsArray(input.modifiers)];
+
+  if (input.imagePosition) modifiers.push(`image-${input.imagePosition}`);
+
+  if (input.flush) modifiers.push("flush");
+
+  if (input.flushX) modifiers.push("flush-x");
+
+  if (input.flushY) modifiers.push("flush-y");
+
+  if (input.card) modifiers.push("card");
+
+  if (input.imageFlush) modifiers.push("image-flush");
+
+  if (input.fullHeight) modifiers.push("full-height");
+
+  if (input.type) modifiers.push(`${input.type}-type`);
+
+  const classNames = [blockName, ...modifiers.map(mod => `${blockName}--${mod}`), input.class];
+
+  marko_dynamicTag(out, tag, function() {
+    return marko_assign({}, input.attrs, {
+        class: classNames
+      });
+  }, function(out) {
+    if (input.header) {
+      marko_web_node_header_tag(input.header, out, __component, "1");
+    }
+
+    marko_web_node_element_tag({
+        show: true,
+        tag: "div",
+        blockName: "node",
+        name: "contents",
+        renderBody: function(out) {
+          if (input.image) {
+            marko_web_node_image_wrapper_tag(marko_assign({
+                ar: "1:1",
+                width: 320,
+                lazyload: true
+              }, input.image), out, __component, "3");
+          }
+
+          if (input.body) {
+            marko_web_node_body_tag(input.body, out, __component, "4");
+          }
+        }
+      }, out, __component, "2");
+
+    if (input.footer) {
+      marko_web_node_footer_tag(input.footer, out, __component, "5");
+    }
+  }, null, null, __component, "0");
+}
+
+marko_template._ = marko_renderer(render, {
+    ___implicit: true,
+    ___type: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@parameter1/base-cms-marko-web$3.11.0/components/node/index.marko",
+    tags: [
+      "./header.marko",
+      "./image-wrapper.marko",
+      "./body.marko",
+      "./element.marko",
+      "./footer.marko"
+    ]
+  };

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

@@ -0,0 +1,50 @@
+// 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.11.0/components/node-list/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,
+    getAsArray = module_baseCmsObjectPath_module.getAsArray,
+    marko_dynamicTag = require("marko/src/runtime/helpers/dynamic-tag"),
+    marko_web_node_list_element_template = require("./element.marko"),
+    marko_loadTag = require("marko/src/runtime/helpers/load-tag"),
+    marko_web_node_list_element_tag = marko_loadTag(marko_web_node_list_element_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const blockName = input.blockName || "node-list";
+
+  const modifiers = [...getAsArray(input, "modifiers")];
+
+  if (input.flushX) modifiers.push("flush-x");
+
+  if (input.flushY) modifiers.push("flush-y");
+
+  if (input.renderBody) {
+    marko_web_node_list_element_tag({
+        tag: input.tag,
+        blockName: blockName,
+        name: "body",
+        modifiers: modifiers,
+        attrs: input.attrs,
+        renderBody: function(out) {
+          marko_dynamicTag(out, input.renderBody, null, null, null, null, __component, "1");
+        }
+      }, out, __component, "0");
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    ___implicit: true,
+    ___type: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@parameter1/base-cms-marko-web$3.11.0/components/node-list/body.marko",
+    tags: [
+      "./element.marko"
+    ]
+  };

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

@@ -0,0 +1,35 @@
+// 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.11.0/components/node-list/element.marko",
+    marko_renderer = require("marko/src/runtime/components/renderer"),
+    marko_assign = require("marko/src/runtime/helpers/assign"),
+    marko_web_element_template = require("../element"),
+    marko_loadTag = require("marko/src/runtime/helpers/load-tag"),
+    marko_web_element_tag = marko_loadTag(marko_web_element_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const block = input.blockName || "node-list";
+
+  marko_web_element_tag(marko_assign({
+      name: "default",
+      tag: "div"
+    }, input, {
+      blockName: block
+    }), out, __component, "0");
+}
+
+marko_template._ = marko_renderer(render, {
+    ___implicit: true,
+    ___type: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@parameter1/base-cms-marko-web$3.11.0/components/node-list/element.marko",
+    tags: [
+      "../element"
+    ]
+  };

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

@@ -0,0 +1,50 @@
+// 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.11.0/components/node-list/footer.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_web_node_list_element_template = require("./element.marko"),
+    marko_loadTag = require("marko/src/runtime/helpers/load-tag"),
+    marko_web_node_list_element_tag = marko_loadTag(marko_web_node_list_element_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const blockName = input.blockName || "node-list";
+
+  const modifiers = [...getAsArray(input, "modifiers")];
+
+  if (input.flushX) modifiers.push("flush-x");
+
+  if (input.flushY) modifiers.push("flush-y");
+
+  if (input.renderBody) {
+    marko_web_node_list_element_tag({
+        tag: input.tag,
+        blockName: blockName,
+        name: "footer",
+        modifiers: modifiers,
+        attrs: input.attrs,
+        renderBody: function(out) {
+          marko_dynamicTag(out, input.renderBody, null, null, null, null, __component, "1");
+        }
+      }, out, __component, "0");
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    ___implicit: true,
+    ___type: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@parameter1/base-cms-marko-web$3.11.0/components/node-list/footer.marko",
+    tags: [
+      "./element.marko"
+    ]
+  };

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

@@ -0,0 +1,50 @@
+// 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.11.0/components/node-list/header.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_web_node_list_element_template = require("./element.marko"),
+    marko_loadTag = require("marko/src/runtime/helpers/load-tag"),
+    marko_web_node_list_element_tag = marko_loadTag(marko_web_node_list_element_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const blockName = input.blockName || "node-list";
+
+  const modifiers = [...getAsArray(input, "modifiers")];
+
+  if (input.flushX) modifiers.push("flush-x");
+
+  if (input.flushY) modifiers.push("flush-y");
+
+  if (input.renderBody) {
+    marko_web_node_list_element_tag({
+        tag: input.tag,
+        blockName: blockName,
+        name: "header",
+        modifiers: modifiers,
+        attrs: input.attrs,
+        renderBody: function(out) {
+          marko_dynamicTag(out, input.renderBody, null, null, null, null, __component, "1");
+        }
+      }, out, __component, "0");
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    ___implicit: true,
+    ___type: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@parameter1/base-cms-marko-web$3.11.0/components/node-list/header.marko",
+    tags: [
+      "./element.marko"
+    ]
+  };

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

@@ -0,0 +1,93 @@
+// 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.11.0/components/node-list/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,
+    getAsArray = module_baseCmsObjectPath_module.getAsArray,
+    get = module_baseCmsObjectPath_module.get,
+    module_shouldCollapse = require("../../utils/should-collapse"),
+    shouldCollapse = module_shouldCollapse.default || module_shouldCollapse,
+    marko_web_node_list_header_template = require("./header.marko"),
+    marko_loadTag = require("marko/src/runtime/helpers/load-tag"),
+    marko_web_node_list_header_tag = marko_loadTag(marko_web_node_list_header_template),
+    marko_web_node_list_body_template = require("./body.marko"),
+    marko_web_node_list_body_tag = marko_loadTag(marko_web_node_list_body_template),
+    marko_web_node_list_nodes_template = require("./nodes.marko"),
+    marko_web_node_list_nodes_tag = marko_loadTag(marko_web_node_list_nodes_template),
+    marko_web_node_list_footer_template = require("./footer.marko"),
+    marko_web_node_list_footer_tag = marko_loadTag(marko_web_node_list_footer_template),
+    marko_mergeAttrs = require("marko/src/runtime/html/helpers/merge-attrs");
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const blockName = input.blockName || "node-list";
+
+  const tag = input.tag || "div";
+
+  const nodes = getAsArray(input, "nodes.nodes");
+
+  const justified = get(input, "justified", false);
+
+  const innerJustified = get(input, "innerJustified", false);
+
+  const modifiers = [...getAsArray(input.modifiers)];
+
+  if (input.flushX) modifiers.push("flush-x");
+
+  if (input.flushY) modifiers.push("flush-y");
+
+  if (input.fullHeight) modifiers.push("full-height");
+
+  if (justified) modifiers.push("justified");
+
+  if (innerJustified) modifiers.push("inner-justified");
+
+  const collapsible = shouldCollapse(input.collapsible);
+
+  const classNames = [blockName, ...modifiers.map(mod => `${blockName}--${mod}`), input.class];
+
+  if (nodes.length || (!collapsible)) {
+    out.w("<div" +
+      marko_mergeAttrs(input.attrs, {
+        class: classNames
+      }) +
+      ">");
+
+    if (input.header) {
+      marko_web_node_list_header_tag(input.header, out, __component, "1");
+    }
+
+    if (input.body) {
+      marko_web_node_list_body_tag(input.body, out, __component, "2");
+    }
+
+    if (input.nodes) {
+      marko_web_node_list_nodes_tag(input.nodes, out, __component, "3");
+    }
+
+    if (input.footer) {
+      marko_web_node_list_footer_tag(input.footer, out, __component, "4");
+    }
+
+    out.w("</div>");
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    ___implicit: true,
+    ___type: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@parameter1/base-cms-marko-web$3.11.0/components/node-list/index.marko",
+    tags: [
+      "./header.marko",
+      "./body.marko",
+      "./nodes.marko",
+      "./footer.marko"
+    ]
+  };

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

@@ -0,0 +1,49 @@
+// 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.11.0/components/node-list/node.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_web_node_list_element_template = require("./element.marko"),
+    marko_loadTag = require("marko/src/runtime/helpers/load-tag"),
+    marko_web_node_list_element_tag = marko_loadTag(marko_web_node_list_element_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const blockName = input.blockName || "node-list";
+
+  if (input.renderBody) {
+    marko_web_node_list_element_tag({
+        tag: input.tag,
+        blockName: blockName,
+        name: "node",
+        modifiers: input.modifiers,
+        attrs: input.attrs,
+        renderBody: function(out) {
+          marko_dynamicTag(out, input.renderBody, function() {
+            return {
+                node: input.node,
+                index: input.index
+              };
+          }, null, null, null, __component, "1");
+        }
+      }, out, __component, "0");
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    ___implicit: true,
+    ___type: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@parameter1/base-cms-marko-web$3.11.0/components/node-list/node.marko",
+    tags: [
+      "./element.marko"
+    ]
+  };

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

@@ -0,0 +1,126 @@
+// 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.11.0/components/node-list/nodes.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_forOf = require("marko/src/runtime/helpers/for-of"),
+    marko_assign = require("marko/src/runtime/helpers/assign"),
+    marko_web_node_list_node_template = require("./node.marko"),
+    marko_loadTag = require("marko/src/runtime/helpers/load-tag"),
+    marko_web_node_list_node_tag = marko_loadTag(marko_web_node_list_node_template),
+    marko_web_node_list_element_template = require("./element.marko"),
+    marko_web_node_list_element_tag = marko_loadTag(marko_web_node_list_element_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const nodes = getAsArray(input, "nodes");
+
+  const blockName = input.blockName || "node-list";
+
+  const slots = getAsArray(input, "slots");
+
+  const slotMap = getAsArray(input, "slots").reduce((map, slot) => {
+  const { index, position } = slot;
+  if (index == null && !position) {
+    map.set("default", slot);
+    return map;
+  }
+  if (!position) return map;
+  map.set(`${position}_${index}`, slot)
+  return map;
+}, new Map());
+
+  const getSlot = (position, index) => (slotMap.get(`${position}_${index}`) || {});
+
+  const defaultSlot = slotMap.get("default") || {};
+
+  const modifiers = [...getAsArray(input, "modifiers")];
+
+  if (input.flushX) modifiers.push("flush-x");
+
+  if (input.flushY) modifiers.push("flush-y");
+
+  if (nodes.length) {
+    marko_web_node_list_element_tag({
+        tag: input.tag,
+        blockName: blockName,
+        name: "nodes",
+        modifiers: modifiers,
+        attrs: input.attrs,
+        renderBody: function(out) {
+          if (input.renderBody) {
+            marko_dynamicTag(out, input.renderBody, function() {
+              return {
+                  nodes: nodes,
+                  "block-name": blockName
+                };
+            }, null, null, null, __component, "1");
+          } else {
+            var $for$0 = 0;
+
+            marko_forOf(nodes, function(node, index) {
+              var $keyScope$0 = "[" + (($for$0++) + "]");
+
+              const at = getSlot("at", index);
+
+              const before = getSlot("before", index);
+
+              const after = getSlot("after", index);
+
+              if (before.renderBody) {
+                marko_web_node_list_node_tag(marko_assign({}, before, {
+                    blockName: blockName,
+                    node: node,
+                    index: index,
+                    modifiers: ["position-before", ...getAsArray(before.modifiers)]
+                  }), out, __component, "2" + $keyScope$0);
+              }
+
+              if (at.renderBody) {
+                marko_web_node_list_node_tag(marko_assign({}, at, {
+                    blockName: blockName,
+                    node: node,
+                    index: index,
+                    modifiers: ["position-at", ...getAsArray(at.modifiers)]
+                  }), out, __component, "3" + $keyScope$0);
+              } else if (defaultSlot.renderBody) {
+                marko_web_node_list_node_tag(marko_assign({}, defaultSlot, {
+                    blockName: blockName,
+                    node: node,
+                    index: index
+                  }), out, __component, "4" + $keyScope$0);
+              }
+
+              if (after.renderBody) {
+                marko_web_node_list_node_tag(marko_assign({}, after, {
+                    blockName: blockName,
+                    node: node,
+                    index: index,
+                    modifiers: ["position-after", ...getAsArray(after.modifiers)]
+                  }), out, __component, "5" + $keyScope$0);
+              }
+            });
+          }
+        }
+      }, out, __component, "0");
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    ___implicit: true,
+    ___type: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@parameter1/base-cms-marko-web$3.11.0/components/node-list/nodes.marko",
+    tags: [
+      "./node.marko",
+      "./element.marko"
+    ]
+  };