vue-datocms 1.1.0 → 2.0.0-0

package/dist/index.min.js

@@ -1,59 +1,22 @@
-var VueDatocms=(function(exports,hypenateStyleName,vueDemi,datocmsStructuredTextGenericHtmlRenderer,datocmsStructuredTextUtils){'use strict';function _interopDefaultLegacy(e){return e&&typeof e==='object'&&'default'in e?e:{'default':e}}var hypenateStyleName__default=/*#__PURE__*/_interopDefaultLegacy(hypenateStyleName);var __defProp$2 = Object.defineProperty;
-var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
-var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
-var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, {enumerable: true, configurable: true, writable: true, value}) : obj[key] = value;
-var __objSpread$2 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$3.call(b, prop))
-      __defNormalProp$2(a, prop, b[prop]);
-  if (__getOwnPropSymbols$3)
-    for (var prop of __getOwnPropSymbols$3(b)) {
-      if (__propIsEnum$3.call(b, prop))
-        __defNormalProp$2(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest$1 = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp$3.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$3)
-    for (var prop of __getOwnPropSymbols$3(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$3.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-function crossH(tag, data, ...rest) {
-  if (vueDemi.isVue3) {
-    let vue3Data = null;
-    if (data) {
-      const _a = data, {domProps, attrs, props, on} = _a, other = __objRest$1(_a, ["domProps", "attrs", "props", "on"]);
-      vue3Data = __objSpread$2(__objSpread$2(__objSpread$2(__objSpread$2(__objSpread$2({}, other), attrs), props), domProps), Object.entries(on || {}).reduce((acc, [key, value]) => __objSpread$2(__objSpread$2({}, acc), {
-        [`on${key.charAt(0).toUpperCase() + key.slice(1)}`]: value
-      }), {}));
-    }
-    return vueDemi.h(tag, vue3Data, ...rest);
-  }
-  return vueDemi.h(tag, data, ...rest);
-}var __defProp$1 = Object.defineProperty;
-var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
-var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
-var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, {enumerable: true, configurable: true, writable: true, value}) : obj[key] = value;
-var __objSpread$1 = (a, b) => {
+var VueDatocms=(function(exports,hypenateStyleName,vue,datocmsStructuredTextGenericHtmlRenderer,datocmsStructuredTextUtils){'use strict';function _interopDefaultLegacy(e){return e&&typeof e==='object'&&'default'in e?e:{'default':e}}var hypenateStyleName__default=/*#__PURE__*/_interopDefaultLegacy(hypenateStyleName);var __defProp$1 = Object.defineProperty;
+var __defProps$1 = Object.defineProperties;
+var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
+var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
+var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$1 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$2.call(b, prop))
+    if (__hasOwnProp$1.call(b, prop))
       __defNormalProp$1(a, prop, b[prop]);
-  if (__getOwnPropSymbols$2)
-    for (var prop of __getOwnPropSymbols$2(b)) {
-      if (__propIsEnum$2.call(b, prop))
+  if (__getOwnPropSymbols$1)
+    for (var prop of __getOwnPropSymbols$1(b)) {
+      if (__propIsEnum$1.call(b, prop))
         __defNormalProp$1(a, prop, b[prop]);
     }
   return a;
 };
+var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
 const escape = (s) => {
   s = "" + s;
   s = s.replace(/&/g, "&amp;");
@@ -70,7 +33,7 @@ const toCss = (object) => {
   let result = "";
   for (var styleName in object) {
     if (Object.prototype.hasOwnProperty.call(object, styleName) && object[styleName]) {
-      result += `${hypenateStyleName__default['default'](styleName)}: ${object[styleName]}; `;
+      result += `${hypenateStyleName__default["default"](styleName)}: ${object[styleName]}; `;
     }
   }
   return result.length > 0 ? result : null;
@@ -90,9 +53,11 @@ const tag = (tagName, attrs, content) => {
   const attrsString = serializedAttrs.length > 0 ? ` ${serializedAttrs.join(" ")}` : "";
   return content ? `<${tagName}${attrsString}>${content.join("")}</${tagName}>` : `<${tagName}${attrsString} />`;
 };
-const isSsr = typeof window === "undefined";
-const isIntersectionObserverAvailable = isSsr ? false : !!window.IntersectionObserver;
-const universalBtoa = isSsr ? (str) => Buffer.from(str.toString(), "binary").toString("base64") : window.btoa;
+const isSsr = () => typeof window === "undefined";
+const isIntersectionObserverAvailable = () => {
+  return isSsr() ? false : !!window.IntersectionObserver;
+};
+const universalBtoa = (str) => isSsr() ? Buffer.from(str.toString(), "binary").toString("base64") : window.btoa(str);
 const absolutePositioning = {
   position: "absolute",
   left: "0px",
@@ -100,12 +65,12 @@ const absolutePositioning = {
   width: "100%",
   height: "100%"
 };
-const useInView = ({threshold, rootMargin}) => {
-  const observer = vueDemi.ref(null);
-  const elRef = vueDemi.ref(null);
-  const inView = vueDemi.ref(false);
-  vueDemi.onMounted(() => {
-    if (isIntersectionObserverAvailable) {
+const useInView = ({ threshold, rootMargin }) => {
+  const observer = vue.ref(null);
+  const elRef = vue.ref(null);
+  const inView = vue.ref(false);
+  vue.onMounted(() => {
+    if (isIntersectionObserverAvailable()) {
       observer.value = new IntersectionObserver((entries) => {
         const image = entries[0];
         if (image.isIntersecting && observer.value) {
@@ -121,38 +86,38 @@ const useInView = ({threshold, rootMargin}) => {
       }
     }
   });
-  vueDemi.onBeforeUnmount(() => {
-    if (isIntersectionObserverAvailable && observer.value) {
+  vue.onBeforeUnmount(() => {
+    if (isIntersectionObserverAvailable() && observer.value) {
       observer.value.disconnect();
     }
   });
-  return {inView, elRef};
+  return { inView, elRef };
 };
-const imageAddStrategy = ({lazyLoad, inView, loaded}) => {
+const imageAddStrategy = ({ lazyLoad, inView, loaded }) => {
   if (!lazyLoad) {
     return true;
   }
-  if (isSsr) {
+  if (isSsr()) {
     return false;
   }
-  if (isIntersectionObserverAvailable) {
+  if (isIntersectionObserverAvailable()) {
     return inView || loaded;
   }
   return true;
 };
-const imageShowStrategy = ({lazyLoad, loaded}) => {
+const imageShowStrategy = ({ lazyLoad, loaded }) => {
   if (!lazyLoad) {
     return true;
   }
-  if (isSsr) {
+  if (isSsr()) {
     return false;
   }
-  if (isIntersectionObserverAvailable) {
+  if (isIntersectionObserverAvailable()) {
     return loaded;
   }
   return true;
 };
-const Image = vueDemi.defineComponent({
+const Image = vue.defineComponent({
   name: "DatocmsImage",
   props: {
     data: {
@@ -189,11 +154,11 @@ const Image = vueDemi.defineComponent({
     }
   },
   setup(props) {
-    const loaded = vueDemi.ref(false);
+    const loaded = vue.ref(false);
     function handleLoad() {
       loaded.value = true;
     }
-    const {inView, elRef} = useInView({
+    const { inView, elRef } = useInView({
       threshold: props.intersectionThreshold || props.intersectionTreshold || 0,
       rootMargin: props.intersectionMargin || "0px 0px 0px 0px"
     });
@@ -215,22 +180,18 @@ const Image = vueDemi.defineComponent({
       inView: this.inView,
       loaded: this.loaded
     });
-    const webpSource = this.data.webpSrcSet && crossH("source", {
-      attrs: {
-        srcset: this.data.webpSrcSet,
-        sizes: this.data.sizes,
-        type: "image/webp"
-      }
+    const webpSource = this.data.webpSrcSet && vue.h("source", {
+      srcset: this.data.webpSrcSet,
+      sizes: this.data.sizes,
+      type: "image/webp"
     });
-    const regularSource = this.data.srcSet && crossH("source", {
-      attrs: {
-        srcset: this.data.srcSet,
-        sizes: this.data.sizes
-      }
+    const regularSource = this.data.srcSet && vue.h("source", {
+      srcset: this.data.srcSet,
+      sizes: this.data.sizes
     });
     const transition = typeof this.fadeInDuration === "undefined" || this.fadeInDuration > 0 ? `opacity ${this.fadeInDuration || 500}ms ${this.fadeInDuration || 500}ms` : void 0;
-    const placeholder = crossH("div", {
-      style: __objSpread$1({
+    const placeholder = vue.h("div", {
+      style: __spreadValues$1({
         backgroundImage: this.data.base64 ? `url(${this.data.base64})` : null,
         backgroundColor: this.data.bgColor,
         backgroundSize: "cover",
@@ -238,21 +199,19 @@ const Image = vueDemi.defineComponent({
         transition
       }, absolutePositioning)
     });
-    const {width, aspectRatio} = this.data;
+    const { width, aspectRatio } = this.data;
     const height = this.data.height || width / aspectRatio;
     const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}"></svg>`;
-    const sizer = crossH("img", {
+    const sizer = vue.h("img", {
       class: this.pictureClass,
-      style: __objSpread$1({
+      style: __spreadValues$1({
         display: "block",
         width: this.explicitWidth ? `${width}px` : "100%"
       }, this.pictureStyle),
-      attrs: {
-        src: `data:image/svg+xml;base64,${universalBtoa(svg)}`,
-        role: "presentation"
-      }
+      src: `data:image/svg+xml;base64,${universalBtoa(svg)}`,
+      role: "presentation"
     });
-    return crossH("div", {
+    return vue.h("div", {
       style: {
         display: this.explicitWidth ? "inline-block" : "block",
         overflow: "hidden",
@@ -262,47 +221,41 @@ const Image = vueDemi.defineComponent({
     }, [
       sizer,
       placeholder,
-      addImage && crossH("picture", null, [
+      addImage && vue.h("picture", null, [
         webpSource,
         regularSource,
-        this.data.src && crossH("img", {
-          attrs: {
-            src: this.data.src,
-            alt: this.data.alt,
-            title: this.data.title
-          },
-          on: {
-            load: this.handleLoad
-          },
+        this.data.src && vue.h("img", {
+          src: this.data.src,
+          alt: this.data.alt,
+          title: this.data.title,
+          onLoad: this.handleLoad,
           class: this.pictureClass,
-          style: __objSpread$1(__objSpread$1(__objSpread$1({}, absolutePositioning), this.pictureStyle), {
+          style: __spreadProps$1(__spreadValues$1(__spreadValues$1({}, absolutePositioning), this.pictureStyle), {
             opacity: showImage ? 1 : 0,
             transition
           })
         })
       ]),
-      crossH("noscript", {
-        domProps: {
-          innerHTML: tag("picture", {}, [
-            this.data.webpSrcSet && tag("source", {
-              srcset: this.data.webpSrcSet,
-              sizes: this.data.sizes,
-              type: "image/webp"
-            }),
-            this.data.srcSet && tag("source", {
-              srcset: this.data.srcSet,
-              sizes: this.data.sizes
-            }),
-            tag("img", {
-              src: this.data.src,
-              alt: this.data.alt,
-              title: this.data.title,
-              class: this.pictureClass,
-              style: toCss(__objSpread$1(__objSpread$1({}, this.pictureStyle), absolutePositioning)),
-              loading: "lazy"
-            })
-          ])
-        }
+      vue.h("noscript", {
+        innerHTML: tag("picture", {}, [
+          this.data.webpSrcSet && tag("source", {
+            srcset: this.data.webpSrcSet,
+            sizes: this.data.sizes,
+            type: "image/webp"
+          }),
+          this.data.srcSet && tag("source", {
+            srcset: this.data.srcSet,
+            sizes: this.data.sizes
+          }),
+          tag("img", {
+            src: this.data.src,
+            alt: this.data.alt,
+            title: this.data.title,
+            class: this.pictureClass,
+            style: toCss(__spreadValues$1(__spreadValues$1({}, this.pictureStyle), absolutePositioning)),
+            loading: "lazy"
+          })
+        ])
       })
     ]);
   }
@@ -311,28 +264,8 @@ const DatocmsImagePlugin = {
   install: (Vue) => {
     Vue.component("DatocmsImage", Image);
   }
-};var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
-var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
-var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp$1.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$1)
-    for (var prop of __getOwnPropSymbols$1(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$1.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const hAdapter = (tagName, props, childOrChildren) => {
-  let data = props;
-  if (props) {
-    const _a = props, {key} = _a, attrs = __objRest(_a, ["key"]);
-    data = {key, attrs};
-  }
-  return crossH(tagName, data, Array.isArray(childOrChildren) ? childOrChildren : [childOrChildren]);
+};const hAdapter = (tagName, props, childOrChildren) => {
+  return vue.h(tagName, props, Array.isArray(childOrChildren) ? childOrChildren : [childOrChildren]);
 };
 const defaultAdapter = {
   renderNode: hAdapter,
@@ -341,18 +274,12 @@ const defaultAdapter = {
   renderText: (text, key) => text
 };
 function appendKeyToValidElement(element, key) {
-  if (vueDemi.isVue3) {
-    const {isVNode, cloneVNode} = require("vue");
-    if (isVNode(element) && element.key === null) {
-      return cloneVNode(element, {key});
-    }
-  } else if (element && typeof element === "object" && (element.key === null || element.key === void 0)) {
-    element.key = key;
-    return element;
+  if (vue.isVNode(element) && element.key === null) {
+    return vue.cloneVNode(element, { key });
   }
   return element;
 }
-const StructuredText = vueDemi.defineComponent({
+const StructuredText = vue.defineComponent({
   name: "DatocmsStructuredText",
   props: {
     data: {
@@ -376,10 +303,10 @@ const StructuredText = vueDemi.defineComponent({
     renderBlock: {
       type: Function
     },
-    metaTransformer: {type: Function},
-    renderText: {type: Function},
-    renderNode: {type: Function},
-    renderFragment: {type: Function}
+    metaTransformer: { type: Function },
+    renderText: { type: Function },
+    renderNode: { type: Function },
+    renderFragment: { type: Function }
   },
   setup(props) {
     return () => {
@@ -392,10 +319,10 @@ const StructuredText = vueDemi.defineComponent({
         metaTransformer: props.metaTransformer,
         customMarkRules: props.customMarkRules,
         customNodeRules: [
-          datocmsStructuredTextGenericHtmlRenderer.renderNodeRule(datocmsStructuredTextUtils.isRoot, ({adapter: {renderNode}, key, children}) => {
-            return renderNode("div", {key}, children);
+          datocmsStructuredTextGenericHtmlRenderer.renderNodeRule(datocmsStructuredTextUtils.isRoot, ({ adapter: { renderNode }, key, children }) => {
+            return renderNode("div", { key }, children);
           }),
-          datocmsStructuredTextGenericHtmlRenderer.renderNodeRule(datocmsStructuredTextUtils.isInlineItem, ({node, key}) => {
+          datocmsStructuredTextGenericHtmlRenderer.renderNodeRule(datocmsStructuredTextUtils.isInlineItem, ({ node, key }) => {
             if (!props.renderInlineRecord) {
               throw new datocmsStructuredTextUtils.RenderError(`The Structured Text document contains an 'inlineItem' node, but no 'renderInlineRecord' prop is specified!`, node);
             }
@@ -406,9 +333,9 @@ const StructuredText = vueDemi.defineComponent({
             if (!item) {
               throw new datocmsStructuredTextUtils.RenderError(`The Structured Text document contains an 'inlineItem' node, but cannot find a record with ID ${node.item} inside .links!`, node);
             }
-            return appendKeyToValidElement(props.renderInlineRecord({record: item}), key);
+            return appendKeyToValidElement(props.renderInlineRecord({ record: item }), key);
           }),
-          datocmsStructuredTextGenericHtmlRenderer.renderNodeRule(datocmsStructuredTextUtils.isItemLink, ({node, key, children}) => {
+          datocmsStructuredTextGenericHtmlRenderer.renderNodeRule(datocmsStructuredTextUtils.isItemLink, ({ node, key, children }) => {
             if (!props.renderLinkToRecord) {
               throw new datocmsStructuredTextUtils.RenderError(`The Structured Text document contains an 'itemLink' node, but no 'renderLinkToRecord' prop is specified!`, node);
             }
@@ -428,7 +355,7 @@ const StructuredText = vueDemi.defineComponent({
               }) : null
             }), key);
           }),
-          datocmsStructuredTextGenericHtmlRenderer.renderNodeRule(datocmsStructuredTextUtils.isBlock, ({node, key}) => {
+          datocmsStructuredTextGenericHtmlRenderer.renderNodeRule(datocmsStructuredTextUtils.isBlock, ({ node, key }) => {
             if (!props.renderBlock) {
               throw new datocmsStructuredTextUtils.RenderError(`The Structured Text document contains a 'block' node, but no 'renderBlock' prop is specified!`, node);
             }
@@ -439,7 +366,7 @@ const StructuredText = vueDemi.defineComponent({
             if (!item) {
               throw new datocmsStructuredTextUtils.RenderError(`The Structured Text document contains a 'block' node, but cannot find a record with ID ${node.item} inside .blocks!`, node);
             }
-            return appendKeyToValidElement(props.renderBlock({record: item}), key);
+            return appendKeyToValidElement(props.renderBlock({ record: item }), key);
           }),
           ...props.customNodeRules || props.customRules || []
         ]
@@ -452,11 +379,13 @@ const DatocmsStructuredTextPlugin = {
     Vue.component("DatocmsStructuredText", StructuredText);
   }
 };var __defProp = Object.defineProperty;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {enumerable: true, configurable: true, writable: true, value}) : obj[key] = value;
-var __objSpread = (a, b) => {
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
   for (var prop in b || (b = {}))
     if (__hasOwnProp.call(b, prop))
       __defNormalProp(a, prop, b[prop]);
@@ -467,6 +396,7 @@ var __objSpread = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 const toHead = (...args) => {
   const tags = [].concat(...args);
   const titleTag = tags && tags.find((t) => t.tag === "title");
@@ -476,17 +406,17 @@ const toHead = (...args) => {
     title: titleTag && titleTag.content,
     meta: metaTags.map((tag) => {
       var _a, _b, _c, _d;
-      return __objSpread(__objSpread({}, tag.attributes), {
+      return __spreadProps(__spreadValues({}, tag.attributes), {
         hid: ((_a = tag.attributes) == null ? void 0 : _a.name) || ((_b = tag.attributes) == null ? void 0 : _b.property),
         vmid: ((_c = tag.attributes) == null ? void 0 : _c.name) || ((_d = tag.attributes) == null ? void 0 : _d.property)
       });
     }),
     link: linkTags.map((tag) => {
       var _a, _b, _c, _d, _e, _f;
-      return __objSpread(__objSpread({}, tag.attributes), {
+      return __spreadProps(__spreadValues({}, tag.attributes), {
         hid: ((_a = tag.attributes) == null ? void 0 : _a.name) || `${(_b = tag.attributes) == null ? void 0 : _b.rel}-${(_c = tag.attributes) == null ? void 0 : _c.sizes}`,
         vmid: ((_d = tag.attributes) == null ? void 0 : _d.name) || `${(_e = tag.attributes) == null ? void 0 : _e.rel}-${(_f = tag.attributes) == null ? void 0 : _f.sizes}`
       });
     })
   };
-};Object.defineProperty(exports,'renderMarkRule',{enumerable:true,get:function(){return datocmsStructuredTextGenericHtmlRenderer.renderMarkRule;}});Object.defineProperty(exports,'renderNodeRule',{enumerable:true,get:function(){return datocmsStructuredTextGenericHtmlRenderer.renderNodeRule;}});Object.defineProperty(exports,'renderRule',{enumerable:true,get:function(){return datocmsStructuredTextGenericHtmlRenderer.renderNodeRule;}});Object.defineProperty(exports,'RenderError',{enumerable:true,get:function(){return datocmsStructuredTextUtils.RenderError;}});exports.DatocmsImagePlugin=DatocmsImagePlugin;exports.DatocmsStructuredTextPlugin=DatocmsStructuredTextPlugin;exports.Image=Image;exports.StructuredText=StructuredText;exports.appendKeyToValidElement=appendKeyToValidElement;exports.defaultAdapter=defaultAdapter;exports.toHead=toHead;Object.defineProperty(exports,'__esModule',{value:true});return exports;}({},hypenateStyleName,VueDemi,datocmsStructuredTextGenericHtmlRenderer,datocmsStructuredTextUtils));
+};Object.defineProperty(exports,'renderMarkRule',{enumerable:true,get:function(){return datocmsStructuredTextGenericHtmlRenderer.renderMarkRule}});Object.defineProperty(exports,'renderNodeRule',{enumerable:true,get:function(){return datocmsStructuredTextGenericHtmlRenderer.renderNodeRule}});Object.defineProperty(exports,'renderRule',{enumerable:true,get:function(){return datocmsStructuredTextGenericHtmlRenderer.renderNodeRule}});Object.defineProperty(exports,'RenderError',{enumerable:true,get:function(){return datocmsStructuredTextUtils.RenderError}});exports.DatocmsImagePlugin=DatocmsImagePlugin;exports.DatocmsStructuredTextPlugin=DatocmsStructuredTextPlugin;exports.Image=Image;exports.StructuredText=StructuredText;exports.appendKeyToValidElement=appendKeyToValidElement;exports.defaultAdapter=defaultAdapter;exports.toHead=toHead;Object.defineProperty(exports,'__esModule',{value:true});return exports;})({},hypenateStyleName,vue,datocmsStructuredTextGenericHtmlRenderer,datocmsStructuredTextUtils);