@mindful-web/marko-web 1.0.0

package/components/element/marko.json

@@ -0,0 +1,211 @@
+{
+  "taglib-imports": [
+    "./content/marko.json",
+    "./magazine-issue/marko.json",
+    "./magazine-publication/marko.json",
+    "./image/marko.json",
+    "./website-section/marko.json"
+  ],
+  "<marko-web-block>": {
+    "template": "./block.marko",
+    "@name": {
+      "type": "string",
+      "default-value": "block"
+    },
+    "@tag": {
+      "type": "string",
+      "default-value": "div"
+    },
+    "@class": "string",
+    "@modifiers": "@array",
+    "@attrs": "object"
+  },
+  "<marko-web-element>": {
+    "template": "./index.marko",
+    "@name": {
+      "type": "string",
+      "default-value": "default"
+    },
+    "@block-name": "string",
+    "@tag": {
+      "type": "string",
+      "default-value": "div"
+    },
+    "@class": "string",
+    "@modifiers": "array",
+    "@attrs": "object"
+  },
+  "<marko-web-clear>": {
+    "template": "./clear.marko",
+    "@value": "string"
+  },
+  "<marko-web-array>": {
+    "template": "./array.marko",
+    "@value": "array",
+    "@tag": "string",
+    "@class": "string",
+    "@attrs": "object"
+  },
+  "<marko-web-audio>": {
+    "template": "./audio.marko",
+    "@src": "string",
+    "@class": "string",
+    "@attrs": "object"
+  },
+  "<marko-web-img>": {
+    "template": "./img.marko",
+    "@src": "string",
+    "@srcset": "array",
+    "@alt": "string",
+    "@lazyload": {
+      "type": "boolean",
+      "default-value": true
+    },
+    "@class": "string",
+    "@attrs": "object",
+    "@link": "object",
+    "@width": "number",
+    "@height": "number",
+    "@ar": "string"
+  },
+  "<marko-web-link>": {
+    "template": "./link.marko",
+    "@href": "string",
+    "@target": "string",
+    "@title": "string",
+    "@rel": "string",
+    "@class": "string",
+    "@attrs": "object"
+  },
+  "<marko-web-date>": {
+    "template": "./date.marko",
+    "@value": "expression",
+    "@tag": "string",
+    "@format": "string",
+    "@locale": "string",
+    "@timezone": "string",
+    "@class": "string",
+    "@attrs": "object",
+    "@link": "object"
+  },
+  "<marko-web-text>": {
+    "template": "./text.marko",
+    "@value": "expression",
+    "@tag": "string",
+    "@html": "boolean",
+    "@class": "string",
+    "@attrs": "object",
+    "@link": "object"
+  },
+  "<marko-web-obj>": {
+    "template": "./obj.marko",
+    "@type": "string",
+    "@obj": "object",
+    "@field": "string",
+    "@block-name": "string",
+    "@class": "string",
+    "@modifiers": "array"
+  },
+  "<marko-web-obj-array>": {
+    "template": "./obj-array.marko",
+    "@type": "string",
+    "@block-name": "string",
+    "@obj": "object",
+    "@field": "string",
+    "@tag": "string",
+    "@class": "string",
+    "@attrs": "object",
+    "@modifiers": "array"
+  },
+  "<marko-web-obj-text>": {
+    "template": "./obj-text.marko",
+    "@type": "string",
+    "@block-name": "string",
+    "@obj": "object",
+    "@field": "string",
+    "@html": "boolean",
+    "@tag": "string",
+    "@class": "string",
+    "@modifiers": "string",
+    "@attrs": "object",
+    "@link": "expression"
+  },
+  "<marko-web-obj-date>": {
+    "template": "./obj-date.marko",
+    "@type": "string",
+    "@block-name": "string",
+    "@obj": "object",
+    "@field": "string",
+    "@format": "string",
+    "@locale": "string",
+    "@timezone": "string",
+    "@tag": "string",
+    "@class": "string",
+    "@modifiers": "string",
+    "@attrs": "object",
+    "@link": "expression"
+  },
+  "<marko-web-obj-nodes>": {
+    "template": "./obj-nodes.marko",
+    "@type": "string",
+    "@block-name": "string",
+    "@obj": "object",
+    "@field": "string",
+    "@tag": "string",
+    "@class": "string",
+    "@attrs": "object",
+    "@modifiers": "array"
+  },
+  "<marko-web-obj-audio>": {
+    "template": "./obj-audio.marko",
+    "@type": "string",
+    "@block-name": "string",
+    "@obj": "object",
+    "@field": "string",
+    "@tag": "string",
+    "@class": "string",
+    "@attrs": "object",
+    "@modifiers": "array"
+  },
+  "<marko-web-picture>": {
+    "template": "./picture.marko",
+    "<image>": {
+      "@src": "string",
+      "@srcset": "array",
+      "@alt": "string",
+      "@lazyload": {
+        "type": "boolean",
+        "default-value": true
+      },
+      "@class": "string",
+      "@attrs": "object",
+      "@link": "object",
+      "@width": "string",
+      "@height": "string",
+      "@ar": "string"
+    },
+    "<link>": {
+      "<before>": {},
+      "<after>": {},
+      "@href": "string",
+      "@target": "string",
+      "@title": "string",
+      "@rel": "string",
+      "@class": "string",
+      "@attrs": "object"
+    },
+    "@sources <source>[]": {
+      "@media": {
+        "type": "string",
+        "required": true
+      },
+      "@srcset": {
+        "type": "array",
+        "required": true
+      },
+      "@width": "number",
+      "@height": "number",
+      "@ar": "string"
+    }
+  }
+}

package/components/element/obj-array.marko

@@ -0,0 +1,17 @@
+<marko-web-obj|{ value, classNames }|
+  type=input.type
+  block-name=input.blockName
+  obj=input.obj
+  field=input.field
+  class=input.class
+  modifiers=input.modifiers
+>
+  <marko-web-array|{ value: v, index, length }|
+    attrs=input.attrs
+    tag=input.tag
+    value=value
+    class=classNames
+  >
+    <${input.renderBody} value=v index=index length=length />
+  </marko-web-array>
+</marko-web-obj>

package/components/element/obj-array.marko.js

@@ -0,0 +1,56 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/dist/html").t(__filename),
+    marko_componentType = "/@mindful-web/marko-web$1.0.0/components/element/obj-array.marko",
+    marko_component = require("./obj-array.marko"),
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    marko_dynamicTag = require("marko/dist/runtime/helpers/dynamic-tag"),
+    marko_web_array_template = require("./array.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_array_tag = marko_loadTag(marko_web_array_template),
+    marko_web_obj_template = require("./obj.marko"),
+    marko_web_obj_tag = marko_loadTag(marko_web_obj_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  marko_web_obj_tag({
+      type: input.type,
+      blockName: input.blockName,
+      obj: input.obj,
+      field: input.field,
+      class: input.class,
+      modifiers: input.modifiers,
+      renderBody: function(out, { value, classNames }) {
+        marko_web_array_tag({
+            attrs: input.attrs,
+            tag: input.tag,
+            value: value,
+            class: classNames,
+            renderBody: function(out, { value: v, index, length }) {
+              marko_dynamicTag(out, input.renderBody, function() {
+                return {
+                    value: v,
+                    index: index,
+                    length: length
+                  };
+              }, null, null, null, __component, "2");
+            }
+          }, out, __component, "1");
+      }
+    }, out, __component, "0");
+}
+
+marko_template._ = marko_renderer(render, {
+    e_: marko_componentType
+  }, marko_component);
+
+marko_template.meta = {
+    id: "/@mindful-web/marko-web$1.0.0/components/element/obj-array.marko",
+    component: "./obj-array.marko",
+    tags: [
+      "./array.marko",
+      "./obj.marko"
+    ]
+  };

package/components/element/obj-audio.marko

@@ -0,0 +1,20 @@
+import objectLink from "./object-link";
+import extractRender from "./extract-render";
+
+<!-- @deprecated This should use with <marko-core-obj-date>, perhaps? -->
+
+<marko-web-obj|{ value, classNames, resolvedObj }|
+  type=input.type
+  block-name=input.blockName
+  obj=input.obj
+  field=input.field
+  class=input.class
+  modifiers=input.modifiers
+>
+  <marko-web-audio
+    src=value
+    class=classNames
+    attrs=input.attrs
+    ...extractRender(input)
+  />
+</marko-web-obj>

package/components/element/obj-audio.marko.js

@@ -0,0 +1,50 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/dist/html").t(__filename),
+    marko_componentType = "/@mindful-web/marko-web$1.0.0/components/element/obj-audio.marko",
+    marko_component = require("./obj-audio.marko"),
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    module_objectLink = require("./object-link"),
+    objectLink = module_objectLink.default || module_objectLink,
+    module_extractRender = require("./extract-render"),
+    extractRender = module_extractRender.default || module_extractRender,
+    marko_assign = require("marko/dist/runtime/helpers/assign"),
+    marko_web_audio_template = require("./audio.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_audio_tag = marko_loadTag(marko_web_audio_template),
+    marko_web_obj_template = require("./obj.marko"),
+    marko_web_obj_tag = marko_loadTag(marko_web_obj_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  marko_web_obj_tag({
+      type: input.type,
+      blockName: input.blockName,
+      obj: input.obj,
+      field: input.field,
+      class: input.class,
+      modifiers: input.modifiers,
+      renderBody: function(out, { value, classNames, resolvedObj }) {
+        marko_web_audio_tag(marko_assign({
+            src: value,
+            class: classNames,
+            attrs: input.attrs
+          }, extractRender(input)), out, __component, "1");
+      }
+    }, out, __component, "0");
+}
+
+marko_template._ = marko_renderer(render, {
+    e_: marko_componentType
+  }, marko_component);
+
+marko_template.meta = {
+    id: "/@mindful-web/marko-web$1.0.0/components/element/obj-audio.marko",
+    component: "./obj-audio.marko",
+    tags: [
+      "./audio.marko",
+      "./obj.marko"
+    ]
+  };

package/components/element/obj-date.marko

@@ -0,0 +1,25 @@
+import objectLink from "./object-link";
+import extractRender from "./extract-render";
+
+<!-- @deprecated This should use with <marko-core-obj-date>, perhaps? -->
+
+<marko-web-obj|{ value, classNames, resolvedObj }|
+  type=input.type
+  block-name=input.blockName
+  obj=input.obj
+  field=input.field
+  class=input.class
+  modifiers=input.modifiers
+>
+  <marko-web-date
+    tag=input.tag
+    value=value
+    class=classNames
+    format=input.format
+    locale=input.locale
+    timezone=input.timezone
+    attrs=input.attrs
+    link=objectLink(input.link, resolvedObj)
+    ...extractRender(input)
+  />
+</marko-web-obj>

package/components/element/obj-date.marko.js

@@ -0,0 +1,55 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/dist/html").t(__filename),
+    marko_componentType = "/@mindful-web/marko-web$1.0.0/components/element/obj-date.marko",
+    marko_component = require("./obj-date.marko"),
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    module_objectLink = require("./object-link"),
+    objectLink = module_objectLink.default || module_objectLink,
+    module_extractRender = require("./extract-render"),
+    extractRender = module_extractRender.default || module_extractRender,
+    marko_assign = require("marko/dist/runtime/helpers/assign"),
+    marko_web_date_template = require("./date.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_date_tag = marko_loadTag(marko_web_date_template),
+    marko_web_obj_template = require("./obj.marko"),
+    marko_web_obj_tag = marko_loadTag(marko_web_obj_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  marko_web_obj_tag({
+      type: input.type,
+      blockName: input.blockName,
+      obj: input.obj,
+      field: input.field,
+      class: input.class,
+      modifiers: input.modifiers,
+      renderBody: function(out, { value, classNames, resolvedObj }) {
+        marko_web_date_tag(marko_assign({
+            tag: input.tag,
+            value: value,
+            class: classNames,
+            format: input.format,
+            locale: input.locale,
+            timezone: input.timezone,
+            attrs: input.attrs,
+            link: objectLink(input.link, resolvedObj)
+          }, extractRender(input)), out, __component, "1");
+      }
+    }, out, __component, "0");
+}
+
+marko_template._ = marko_renderer(render, {
+    e_: marko_componentType
+  }, marko_component);
+
+marko_template.meta = {
+    id: "/@mindful-web/marko-web$1.0.0/components/element/obj-date.marko",
+    component: "./obj-date.marko",
+    tags: [
+      "./date.marko",
+      "./obj.marko"
+    ]
+  };

package/components/element/obj-nodes.marko

@@ -0,0 +1,20 @@
+import { getAsArray, getAsObject } from "@mindful-web/object-path";
+
+<marko-web-obj|{ value, classNames }|
+  type=input.type
+  block-name=input.blockName
+  obj=input.obj
+  field=input.field
+  class=input.class
+  modifiers=input.modifiers
+>
+  $ const nodes = getAsArray(value, "edges").map(edge => getAsObject(edge, "node"));
+  <marko-web-array|{ value: node, index, length }|
+    attrs=input.attrs
+    tag=input.tag
+    value=nodes
+    class=classNames
+  >
+    <${input.renderBody} node=node index=index length=length />
+  </marko-web-array>
+</marko-web-obj>

package/components/element/obj-nodes.marko.js

@@ -0,0 +1,62 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/dist/html").t(__filename),
+    marko_componentType = "/@mindful-web/marko-web$1.0.0/components/element/obj-nodes.marko",
+    marko_component = require("./obj-nodes.marko"),
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    module_objectPath_module = require("@mindful-web/object-path"),
+    objectPath_module = module_objectPath_module.default || module_objectPath_module,
+    getAsArray = module_objectPath_module.getAsArray,
+    getAsObject = module_objectPath_module.getAsObject,
+    marko_dynamicTag = require("marko/dist/runtime/helpers/dynamic-tag"),
+    marko_web_array_template = require("./array.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_array_tag = marko_loadTag(marko_web_array_template),
+    marko_web_obj_template = require("./obj.marko"),
+    marko_web_obj_tag = marko_loadTag(marko_web_obj_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  marko_web_obj_tag({
+      type: input.type,
+      blockName: input.blockName,
+      obj: input.obj,
+      field: input.field,
+      class: input.class,
+      modifiers: input.modifiers,
+      renderBody: function(out, { value, classNames }) {
+        const nodes = getAsArray(value, "edges").map(edge => getAsObject(edge, "node"));
+
+        marko_web_array_tag({
+            attrs: input.attrs,
+            tag: input.tag,
+            value: nodes,
+            class: classNames,
+            renderBody: function(out, { value: node, index, length }) {
+              marko_dynamicTag(out, input.renderBody, function() {
+                return {
+                    node: node,
+                    index: index,
+                    length: length
+                  };
+              }, null, null, null, __component, "2");
+            }
+          }, out, __component, "1");
+      }
+    }, out, __component, "0");
+}
+
+marko_template._ = marko_renderer(render, {
+    e_: marko_componentType
+  }, marko_component);
+
+marko_template.meta = {
+    id: "/@mindful-web/marko-web$1.0.0/components/element/obj-nodes.marko",
+    component: "./obj-nodes.marko",
+    tags: [
+      "./array.marko",
+      "./obj.marko"
+    ]
+  };

package/components/element/obj-text.marko

@@ -0,0 +1,23 @@
+import objectLink from "./object-link";
+import extractRender from "./extract-render";
+
+<!-- @deprecated This should use with <marko-core-obj-text>, perhaps? -->
+
+<marko-web-obj|{ value, classNames, resolvedObj }|
+  type=input.type
+  block-name=input.blockName
+  obj=input.obj
+  field=input.field
+  class=input.class
+  modifiers=input.modifiers
+>
+  <marko-web-text
+    tag=input.tag
+    value=value
+    html=input.html
+    class=classNames
+    attrs=input.attrs
+    link=objectLink(input.link, resolvedObj)
+    ...extractRender(input)
+  />
+</marko-web-obj>

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

@@ -0,0 +1,53 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/dist/html").t(__filename),
+    marko_componentType = "/@mindful-web/marko-web$1.0.0/components/element/obj-text.marko",
+    marko_component = require("./obj-text.marko"),
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    module_objectLink = require("./object-link"),
+    objectLink = module_objectLink.default || module_objectLink,
+    module_extractRender = require("./extract-render"),
+    extractRender = module_extractRender.default || module_extractRender,
+    marko_assign = require("marko/dist/runtime/helpers/assign"),
+    marko_web_text_template = require("./text.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_text_tag = marko_loadTag(marko_web_text_template),
+    marko_web_obj_template = require("./obj.marko"),
+    marko_web_obj_tag = marko_loadTag(marko_web_obj_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  marko_web_obj_tag({
+      type: input.type,
+      blockName: input.blockName,
+      obj: input.obj,
+      field: input.field,
+      class: input.class,
+      modifiers: input.modifiers,
+      renderBody: function(out, { value, classNames, resolvedObj }) {
+        marko_web_text_tag(marko_assign({
+            tag: input.tag,
+            value: value,
+            html: input.html,
+            class: classNames,
+            attrs: input.attrs,
+            link: objectLink(input.link, resolvedObj)
+          }, extractRender(input)), out, __component, "1");
+      }
+    }, out, __component, "0");
+}
+
+marko_template._ = marko_renderer(render, {
+    e_: marko_componentType
+  }, marko_component);
+
+marko_template.meta = {
+    id: "/@mindful-web/marko-web$1.0.0/components/element/obj-text.marko",
+    component: "./obj-text.marko",
+    tags: [
+      "./text.marko",
+      "./obj.marko"
+    ]
+  };

package/components/element/obj.marko

@@ -0,0 +1,23 @@
+import { get, getAsObject, getAsArray, getLastObject } from "@mindful-web/object-path";
+import { dasherize } from "@mindful-web/inflector";
+import objectType from "./object-type";
+
+$ const obj = getAsObject(input, "obj");
+$ const field = input.field || "id";
+$ const resolvedObj = getLastObject(obj, field);
+$ const type = objectType(input.type || get(resolvedObj, "__typename"));
+$ const value = get(obj, field);
+
+$ const classNames = [];
+$ if (input.blockName) {
+  const elementName = `${input.blockName}__${type}-${dasherize(field.split(".").pop())}`;
+  classNames.push(elementName);
+  classNames.push(...getAsArray(input.modifiers).map(mod => `${elementName}--${mod}`));
+}
+$ classNames.push(input.class);
+
+<!-- @deprecated This should use with <marko-core-obj-value>, perhaps? -->
+
+<if(value)>
+  <${input.renderBody} value=value class-names=classNames resolved-obj=resolvedObj />
+</if>

package/components/element/obj.marko.js

@@ -0,0 +1,61 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/dist/html").t(__filename),
+    marko_componentType = "/@mindful-web/marko-web$1.0.0/components/element/obj.marko",
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    module_objectPath_module = require("@mindful-web/object-path"),
+    objectPath_module = module_objectPath_module.default || module_objectPath_module,
+    get = module_objectPath_module.get,
+    getAsObject = module_objectPath_module.getAsObject,
+    getAsArray = module_objectPath_module.getAsArray,
+    getLastObject = module_objectPath_module.getLastObject,
+    module_inflector_module = require("@mindful-web/inflector"),
+    inflector_module = module_inflector_module.default || module_inflector_module,
+    dasherize = module_inflector_module.dasherize,
+    module_objectType = require("./object-type"),
+    objectType = module_objectType.default || module_objectType,
+    marko_dynamicTag = require("marko/dist/runtime/helpers/dynamic-tag");
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const obj = getAsObject(input, "obj");
+
+  const field = input.field || "id";
+
+  const resolvedObj = getLastObject(obj, field);
+
+  const type = objectType(input.type || get(resolvedObj, "__typename"));
+
+  const value = get(obj, field);
+
+  const classNames = [];
+
+  if (input.blockName) {
+  const elementName = `${input.blockName}__${type}-${dasherize(field.split(".").pop())}`;
+  classNames.push(elementName);
+  classNames.push(...getAsArray(input.modifiers).map(mod => `${elementName}--${mod}`));
+}
+
+  classNames.push(input.class);
+
+  if (value) {
+    marko_dynamicTag(out, input.renderBody, function() {
+      return {
+          value: value,
+          "class-names": classNames,
+          "resolved-obj": resolvedObj
+        };
+    }, null, null, null, __component, "0");
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    d_: true,
+    e_: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@mindful-web/marko-web$1.0.0/components/element/obj.marko"
+  };