@blaze-cms/react-page-builder 0.141.0-core-styles.1 → 0.141.0-core-variants.0

package/lib/variants/LongformGallery/helpers/separateImages.js

@@ -0,0 +1,27 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.array.slice.js");
+var _parseImageData = _interopRequireDefault(require("./parseImageData"));
+var separateImages = function separateImages(images, priorityLimit, shouldDisplayCaption) {
+  if (!images || !images.length) return [[], []];
+  var mainImages = images.slice(0, 2).map(function (image, index) {
+    return (0, _parseImageData["default"])(image, index, priorityLimit, shouldDisplayCaption);
+  });
+  var secondaryImages = [];
+  for (var i = 2; i < images.length; i += 3) {
+    var parsedImages = images.slice(i, i + 3).map(function (image, index) {
+      return (0, _parseImageData["default"])(image, index, priorityLimit, shouldDisplayCaption);
+    });
+    secondaryImages.push(parsedImages);
+  }
+  return [mainImages, secondaryImages];
+};
+var _default = exports["default"] = separateImages;
+//# sourceMappingURL=separateImages.js.map

package/lib/variants/LongformGallery/helpers/separateImages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"separateImages.js","names":["_parseImageData","_interopRequireDefault","require","separateImages","images","priorityLimit","shouldDisplayCaption","length","mainImages","slice","map","image","index","parseImageData","secondaryImages","i","parsedImages","push","_default","exports"],"sources":["../../../../src/variants/LongformGallery/helpers/separateImages.js"],"sourcesContent":["import parseImageData from './parseImageData';\n\nconst separateImages = (images, priorityLimit, shouldDisplayCaption) => {\n  if (!images || !images.length) return [[], []];\n\n  const mainImages = images\n    .slice(0, 2)\n    .map((image, index) => parseImageData(image, index, priorityLimit, shouldDisplayCaption));\n\n  const secondaryImages = [];\n\n  for (let i = 2; i < images.length; i += 3) {\n    const parsedImages = images\n      .slice(i, i + 3)\n      .map((image, index) => parseImageData(image, index, priorityLimit, shouldDisplayCaption));\n    secondaryImages.push(parsedImages);\n  }\n\n  return [mainImages, secondaryImages];\n};\n\nexport default separateImages;\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,MAAM,EAAEC,aAAa,EAAEC,oBAAoB,EAAK;EACtE,IAAI,CAACF,MAAM,IAAI,CAACA,MAAM,CAACG,MAAM,EAAE,OAAO,CAAC,EAAE,EAAE,EAAE,CAAC;EAE9C,IAAMC,UAAU,GAAGJ,MAAM,CACtBK,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CACXC,GAAG,CAAC,UAACC,KAAK,EAAEC,KAAK;IAAA,OAAK,IAAAC,0BAAc,EAACF,KAAK,EAAEC,KAAK,EAAEP,aAAa,EAAEC,oBAAoB,CAAC;EAAA,EAAC;EAE3F,IAAMQ,eAAe,GAAG,EAAE;EAE1B,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGX,MAAM,CAACG,MAAM,EAAEQ,CAAC,IAAI,CAAC,EAAE;IACzC,IAAMC,YAAY,GAAGZ,MAAM,CACxBK,KAAK,CAACM,CAAC,EAAEA,CAAC,GAAG,CAAC,CAAC,CACfL,GAAG,CAAC,UAACC,KAAK,EAAEC,KAAK;MAAA,OAAK,IAAAC,0BAAc,EAACF,KAAK,EAAEC,KAAK,EAAEP,aAAa,EAAEC,oBAAoB,CAAC;IAAA,EAAC;IAC3FQ,eAAe,CAACG,IAAI,CAACD,YAAY,CAAC;EACpC;EAEA,OAAO,CAACR,UAAU,EAAEM,eAAe,CAAC;AACtC,CAAC;AAAC,IAAAI,QAAA,GAAAC,OAAA,cAEahB,cAAc"}

package/lib/variants/LongformGallery/helpers/shouldSkip.js

@@ -0,0 +1,13 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+require("core-js/modules/es.array.is-array.js");
+var shouldSkip = function shouldSkip(ids) {
+  return !ids || Array.isArray(ids) && !ids.length;
+};
+var _default = exports["default"] = shouldSkip;
+//# sourceMappingURL=shouldSkip.js.map

package/lib/variants/LongformGallery/helpers/shouldSkip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shouldSkip.js","names":["shouldSkip","ids","Array","isArray","length","_default","exports"],"sources":["../../../../src/variants/LongformGallery/helpers/shouldSkip.js"],"sourcesContent":["const shouldSkip = ids => !ids || (Array.isArray(ids) && !ids.length);\n\nexport default shouldSkip;\n"],"mappings":";;;;;;;;AAAA,IAAMA,UAAU,GAAG,SAAbA,UAAUA,CAAGC,GAAG;EAAA,OAAI,CAACA,GAAG,IAAKC,KAAK,CAACC,OAAO,CAACF,GAAG,CAAC,IAAI,CAACA,GAAG,CAACG,MAAO;AAAA;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEvDN,UAAU"}

package/lib/variants/LongformGallery/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.object.define-properties.js");
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _LongformGallery = _interopRequireDefault(require("./LongformGallery"));
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var LongformGallery = {
+  VariantComponent: _LongformGallery["default"],
+  getSettings: function getSettings(componentSettings) {
+    return _objectSpread(_objectSpread({}, componentSettings), {}, {
+      modifier: 'longformGallery'
+    });
+  }
+};
+var _default = exports["default"] = LongformGallery;
+//# sourceMappingURL=index.js.map

package/lib/variants/LongformGallery/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_LongformGallery","_interopRequireDefault","require","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","LongformGallery","VariantComponent","LongformGalleryComponent","getSettings","componentSettings","modifier","_default","exports"],"sources":["../../../src/variants/LongformGallery/index.js"],"sourcesContent":["import LongformGalleryComponent from './LongformGallery';\n\nconst LongformGallery = {\n  VariantComponent: LongformGalleryComponent,\n  getSettings: componentSettings => ({\n    ...componentSettings,\n    modifier: 'longformGallery'\n  })\n};\n\nexport default LongformGallery;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,gBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAyD,SAAAC,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,aAAAhB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAc,yBAAA,GAAAd,MAAA,CAAAe,gBAAA,CAAAlB,CAAA,EAAAG,MAAA,CAAAc,yBAAA,CAAAf,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAgB,cAAA,CAAAnB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAEzD,IAAMoB,eAAe,GAAG;EACtBC,gBAAgB,EAAEC,2BAAwB;EAC1CC,WAAW,EAAE,SAAAA,YAAAC,iBAAiB;IAAA,OAAAZ,aAAA,CAAAA,aAAA,KACzBY,iBAAiB;MACpBC,QAAQ,EAAE;IAAiB;EAAA;AAE/B,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEaP,eAAe"}

package/lib/variants/LongformGallery/useLongformGallery.js

@@ -0,0 +1,63 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _client = require("@apollo/client");
+var _constants = require("./constants");
+var _helpers = require("./helpers");
+var useLongformGallery = function useLongformGallery(_ref) {
+  var _ref$imageIds = _ref.imageIds,
+    imageIds = _ref$imageIds === void 0 ? [] : _ref$imageIds,
+    _ref$priorityLimit = _ref.priorityLimit,
+    priorityLimit = _ref$priorityLimit === void 0 ? 0 : _ref$priorityLimit,
+    _ref$shouldDisplayCap = _ref.shouldDisplayCaption,
+    shouldDisplayCaption = _ref$shouldDisplayCap === void 0 ? false : _ref$shouldDisplayCap,
+    _ref$enableLightbox = _ref.enableLightbox,
+    enableLightbox = _ref$enableLightbox === void 0 ? false : _ref$enableLightbox,
+    _ref$toggleModal = _ref.toggleModal,
+    toggleModal = _ref$toggleModal === void 0 ? function () {} : _ref$toggleModal,
+    _ref$handleSelectedIm = _ref.handleSelectedImage,
+    handleSelectedImage = _ref$handleSelectedIm === void 0 ? function () {} : _ref$handleSelectedIm;
+  var skip = (0, _helpers.shouldSkip)(imageIds);
+  var _useQuery = (0, _client.useQuery)(_constants.GET_IMAGES_QUERY, {
+      variables: {
+        where: {
+          id: {
+            _in: imageIds
+          }
+        }
+      },
+      skip: skip
+    }),
+    data = _useQuery.data,
+    loading = _useQuery.loading,
+    error = _useQuery.error;
+  var _ref2 = data || {},
+    getImages = _ref2.getImages;
+  var _separateImages = (0, _helpers.separateImages)(getImages, priorityLimit, shouldDisplayCaption),
+    _separateImages2 = (0, _slicedToArray2["default"])(_separateImages, 2),
+    mainImages = _separateImages2[0],
+    secondaryImages = _separateImages2[1];
+  var handleImageOnClick = function handleImageOnClick(clickedImageId) {
+    if (!enableLightbox) return;
+    toggleModal();
+    handleSelectedImage(clickedImageId);
+  };
+  var secondaryImageClassname = imageIds.length === 4 ? 'longform-gallery__images__image secondary-image two-group' : 'longform-gallery__images__image secondary-image';
+  return {
+    data: data,
+    loading: loading,
+    error: error,
+    mainImages: mainImages,
+    secondaryImages: secondaryImages,
+    secondaryImageClassname: secondaryImageClassname,
+    handleImageOnClick: handleImageOnClick
+  };
+};
+var _default = exports["default"] = useLongformGallery;
+//# sourceMappingURL=useLongformGallery.js.map

package/lib/variants/LongformGallery/useLongformGallery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLongformGallery.js","names":["_client","require","_constants","_helpers","useLongformGallery","_ref","_ref$imageIds","imageIds","_ref$priorityLimit","priorityLimit","_ref$shouldDisplayCap","shouldDisplayCaption","_ref$enableLightbox","enableLightbox","_ref$toggleModal","toggleModal","_ref$handleSelectedIm","handleSelectedImage","skip","shouldSkip","_useQuery","useQuery","GET_IMAGES_QUERY","variables","where","id","_in","data","loading","error","_ref2","getImages","_separateImages","separateImages","_separateImages2","_slicedToArray2","mainImages","secondaryImages","handleImageOnClick","clickedImageId","secondaryImageClassname","length","_default","exports"],"sources":["../../../src/variants/LongformGallery/useLongformGallery.js"],"sourcesContent":["import { useQuery } from '@apollo/client';\nimport { GET_IMAGES_QUERY } from './constants';\nimport { separateImages, shouldSkip } from './helpers';\n\nconst useLongformGallery = ({\n  imageIds = [],\n  priorityLimit = 0,\n  shouldDisplayCaption = false,\n  enableLightbox = false,\n  toggleModal = () => {},\n  handleSelectedImage = () => {}\n}) => {\n  const skip = shouldSkip(imageIds);\n\n  const { data, loading, error } = useQuery(GET_IMAGES_QUERY, {\n    variables: { where: { id: { _in: imageIds } } },\n    skip\n  });\n\n  const { getImages } = data || {};\n\n  const [mainImages, secondaryImages] = separateImages(\n    getImages,\n    priorityLimit,\n    shouldDisplayCaption\n  );\n\n  const handleImageOnClick = clickedImageId => {\n    if (!enableLightbox) return;\n    toggleModal();\n    handleSelectedImage(clickedImageId);\n  };\n\n  const secondaryImageClassname =\n    imageIds.length === 4\n      ? 'longform-gallery__images__image secondary-image two-group'\n      : 'longform-gallery__images__image secondary-image';\n\n  return {\n    data,\n    loading,\n    error,\n    mainImages,\n    secondaryImages,\n    secondaryImageClassname,\n    handleImageOnClick\n  };\n};\n\nexport default useLongformGallery;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAEA,IAAMG,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAOlB;EAAA,IAAAC,aAAA,GAAAD,IAAA,CANJE,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,EAAE,GAAAA,aAAA;IAAAE,kBAAA,GAAAH,IAAA,CACbI,aAAa;IAAbA,aAAa,GAAAD,kBAAA,cAAG,CAAC,GAAAA,kBAAA;IAAAE,qBAAA,GAAAL,IAAA,CACjBM,oBAAoB;IAApBA,oBAAoB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IAAAE,mBAAA,GAAAP,IAAA,CAC5BQ,cAAc;IAAdA,cAAc,GAAAD,mBAAA,cAAG,KAAK,GAAAA,mBAAA;IAAAE,gBAAA,GAAAT,IAAA,CACtBU,WAAW;IAAXA,WAAW,GAAAD,gBAAA,cAAG,YAAM,CAAC,CAAC,GAAAA,gBAAA;IAAAE,qBAAA,GAAAX,IAAA,CACtBY,mBAAmB;IAAnBA,mBAAmB,GAAAD,qBAAA,cAAG,YAAM,CAAC,CAAC,GAAAA,qBAAA;EAE9B,IAAME,IAAI,GAAG,IAAAC,mBAAU,EAACZ,QAAQ,CAAC;EAEjC,IAAAa,SAAA,GAAiC,IAAAC,gBAAQ,EAACC,2BAAgB,EAAE;MAC1DC,SAAS,EAAE;QAAEC,KAAK,EAAE;UAAEC,EAAE,EAAE;YAAEC,GAAG,EAAEnB;UAAS;QAAE;MAAE,CAAC;MAC/CW,IAAI,EAAJA;IACF,CAAC,CAAC;IAHMS,IAAI,GAAAP,SAAA,CAAJO,IAAI;IAAEC,OAAO,GAAAR,SAAA,CAAPQ,OAAO;IAAEC,KAAK,GAAAT,SAAA,CAALS,KAAK;EAK5B,IAAAC,KAAA,GAAsBH,IAAI,IAAI,CAAC,CAAC;IAAxBI,SAAS,GAAAD,KAAA,CAATC,SAAS;EAEjB,IAAAC,eAAA,GAAsC,IAAAC,uBAAc,EAClDF,SAAS,EACTtB,aAAa,EACbE,oBACF,CAAC;IAAAuB,gBAAA,OAAAC,eAAA,aAAAH,eAAA;IAJMI,UAAU,GAAAF,gBAAA;IAAEG,eAAe,GAAAH,gBAAA;EAMlC,IAAMI,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAGC,cAAc,EAAI;IAC3C,IAAI,CAAC1B,cAAc,EAAE;IACrBE,WAAW,CAAC,CAAC;IACbE,mBAAmB,CAACsB,cAAc,CAAC;EACrC,CAAC;EAED,IAAMC,uBAAuB,GAC3BjC,QAAQ,CAACkC,MAAM,KAAK,CAAC,GACjB,2DAA2D,GAC3D,iDAAiD;EAEvD,OAAO;IACLd,IAAI,EAAJA,IAAI;IACJC,OAAO,EAAPA,OAAO;IACPC,KAAK,EAALA,KAAK;IACLO,UAAU,EAAVA,UAAU;IACVC,eAAe,EAAfA,eAAe;IACfG,uBAAuB,EAAvBA,uBAAuB;IACvBF,kBAAkB,EAAlBA;EACF,CAAC;AACH,CAAC;AAAC,IAAAI,QAAA,GAAAC,OAAA,cAEavC,kBAAkB"}

package/lib/variants/LongformRow/index.js

@@ -0,0 +1,29 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.object.define-properties.js");
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var LongformRow = {
+  getSettings: function getSettings(componentSettings) {
+    return _objectSpread(_objectSpread({}, componentSettings), {}, {
+      modifier: 'longform-row'
+    });
+  }
+};
+var _default = exports["default"] = LongformRow;
+//# sourceMappingURL=index.js.map

package/lib/variants/LongformRow/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["LongformRow","getSettings","componentSettings","_objectSpread","modifier","_default","exports"],"sources":["../../../src/variants/LongformRow/index.js"],"sourcesContent":["const LongformRow = {\n  getSettings: componentSettings => ({\n    ...componentSettings,\n    modifier: 'longform-row'\n  })\n};\n\nexport default LongformRow;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,IAAMA,WAAW,GAAG;EAClBC,WAAW,EAAE,SAAAA,YAAAC,iBAAiB;IAAA,OAAAC,aAAA,CAAAA,aAAA,KACzBD,iBAAiB;MACpBE,QAAQ,EAAE;IAAc;EAAA;AAE5B,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEaN,WAAW"}

package/lib/variants/ParallaxImageTextRight/index.js

@@ -0,0 +1,30 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.object.define-properties.js");
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var ParallaxImageTextRight = {
+  getSettings: function getSettings(componentSettings) {
+    return _objectSpread(_objectSpread({}, componentSettings), {}, {
+      parallax: true,
+      modifier: 'image-children-right'
+    });
+  }
+};
+var _default = exports["default"] = ParallaxImageTextRight;
+//# sourceMappingURL=index.js.map

package/lib/variants/ParallaxImageTextRight/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ParallaxImageTextRight","getSettings","componentSettings","_objectSpread","parallax","modifier","_default","exports"],"sources":["../../../src/variants/ParallaxImageTextRight/index.js"],"sourcesContent":["const ParallaxImageTextRight = {\n  getSettings: componentSettings => ({\n    ...componentSettings,\n    parallax: true,\n    modifier: 'image-children-right'\n  })\n};\n\nexport default ParallaxImageTextRight;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,IAAMA,sBAAsB,GAAG;EAC7BC,WAAW,EAAE,SAAAA,YAAAC,iBAAiB;IAAA,OAAAC,aAAA,CAAAA,aAAA,KACzBD,iBAAiB;MACpBE,QAAQ,EAAE,IAAI;MACdC,QAAQ,EAAE;IAAsB;EAAA;AAEpC,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEaP,sBAAsB"}

package/lib/variants/index.js

@@ -1,9 +1,21 @@
 "use strict";
 
 require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _default = exports["default"] = {};
+var _HeroImage = _interopRequireDefault(require("./HeroImage"));
+var _Infographic = _interopRequireDefault(require("./Infographic"));
+var _LongformGallery = _interopRequireDefault(require("./LongformGallery"));
+var _LongformRow = _interopRequireDefault(require("./LongformRow"));
+var _ParallaxImageTextRight = _interopRequireDefault(require("./ParallaxImageTextRight"));
+var _default = exports["default"] = {
+  heroImage: _HeroImage["default"],
+  infographic: _Infographic["default"],
+  longformGallery: _LongformGallery["default"],
+  longformRow: _LongformRow["default"],
+  parallaxImageTextRight: _ParallaxImageTextRight["default"]
+};
 //# sourceMappingURL=index.js.map

package/lib/variants/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/variants/index.js"],"sourcesContent":["export default {};\n"],"mappings":";;;;;;;oCAAe,CAAC,CAAC"}
+{"version":3,"file":"index.js","names":["_HeroImage","_interopRequireDefault","require","_Infographic","_LongformGallery","_LongformRow","_ParallaxImageTextRight","_default","exports","heroImage","infographic","longformGallery","longformRow","parallaxImageTextRight"],"sources":["../../src/variants/index.js"],"sourcesContent":["import heroImage from './HeroImage';\nimport infographic from './Infographic';\nimport longformGallery from './LongformGallery';\nimport longformRow from './LongformRow';\nimport parallaxImageTextRight from './ParallaxImageTextRight';\n\nexport default {\n  heroImage,\n  infographic,\n  longformGallery,\n  longformRow,\n  parallaxImageTextRight\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,gBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,YAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,uBAAA,GAAAL,sBAAA,CAAAC,OAAA;AAA8D,IAAAK,QAAA,GAAAC,OAAA,cAE/C;EACbC,SAAS,EAATA,qBAAS;EACTC,WAAW,EAAXA,uBAAW;EACXC,eAAe,EAAfA,2BAAe;EACfC,WAAW,EAAXA,uBAAW;EACXC,sBAAsB,EAAtBA;AACF,CAAC"}

package/lib-es/components/ContentGroup/ContentGroupTabs.js

@@ -6,9 +6,9 @@ import { TAB, TABS, SIDEPANEL, CONTENT_GROUP, PANEL } from './constants';
 const ContentGroupTabs = ({
   name,
   contentType,
-  modifier,
   groupSections,
-  sectionsData
+  sectionsData,
+  VariantComponent
 }) => {
   const router = useRouter();
   const [selectedTab, setSelectedTab] = useState(getActiveTab(sectionsData, ''));
@@ -23,13 +23,14 @@ const ContentGroupTabs = ({
     const activeTab = getActiveTab(sectionsData, asPath);
     if (activeTab !== selectedTab) setSelectedTab(activeTab);
   }, [asPath, sectionsData, selectedTab]);
+  const WrapperComponent = VariantComponent || 'div';
   return /*#__PURE__*/React.createElement("div", {
     className: mainDivClass
   }, /*#__PURE__*/React.createElement("ul", {
     className: contentGroupClass,
     role: "tablist",
     "aria-label": name
-  }, groupSections.map((groupSection, index) => {
+  }, groupSections.map((_, index) => {
     const [sectionName, sectioLabel] = sectionsData[index];
     const tabId = `${TAB}-${sectionName}`;
     const panelId = `${PANEL}-${sectionName}`;
@@ -58,11 +59,12 @@ const ContentGroupTabs = ({
     const tabId = `${TAB}-${sectionName}`;
     const panelId = `${PANEL}-${sectionName}`;
     if (selectedTab !== tabId) return null;
-    return /*#__PURE__*/React.createElement("div", {
-      id: sectionName,
+    return /*#__PURE__*/React.createElement(WrapperComponent, {
       key: panelId,
+      id: sectionName,
       className: sectionClass,
       role: "tabpanel",
+      tabId: tabId,
       "aria-labelledby": tabId
     }, groupSection);
   }));
@@ -70,12 +72,12 @@ const ContentGroupTabs = ({
 ContentGroupTabs.propTypes = {
   name: PropTypes.string.isRequired,
   contentType: PropTypes.string.isRequired,
-  modifier: PropTypes.string,
   groupSections: PropTypes.array.isRequired,
-  sectionsData: PropTypes.array.isRequired
+  sectionsData: PropTypes.array.isRequired,
+  VariantComponent: PropTypes.func
 };
 ContentGroupTabs.defaultProps = {
-  modifier: ''
+  VariantComponent: null
 };
 export default ContentGroupTabs;
 //# sourceMappingURL=ContentGroupTabs.js.map

package/lib-es/components/ContentGroup/ContentGroupTabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentGroupTabs.js","names":["React","useState","useEffect","PropTypes","useRouter","getActiveTab","TAB","TABS","SIDEPANEL","CONTENT_GROUP","PANEL","ContentGroupTabs","name","contentType","modifier","groupSections","sectionsData","router","selectedTab","setSelectedTab","asPath","contentClassame","mainDivClass","contentGroupClass","sectionClass","activeTab","createElement","className","role","map","groupSection","index","sectionName","sectioLabel","tabId","panelId","isSelected","buttonClassName","id","key","type","onClick","baseUrl","split","newUrl","push","shallow","propTypes","string","isRequired","array","defaultProps"],"sources":["../../../src/components/ContentGroup/ContentGroupTabs.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { useRouter } from 'next/router';\nimport { getActiveTab } from './helpers';\nimport { TAB, TABS, SIDEPANEL, CONTENT_GROUP, PANEL } from './constants';\n\nconst ContentGroupTabs = ({ name, contentType, modifier, groupSections, sectionsData }) => {\n  const router = useRouter();\n  const [selectedTab, setSelectedTab] = useState(getActiveTab(sectionsData, ''));\n  const { asPath } = router;\n  const contentClassame = contentType === TAB ? TABS : SIDEPANEL;\n  const mainDivClass = `${CONTENT_GROUP}-${contentClassame}`;\n  const contentGroupClass = `${CONTENT_GROUP}-${contentClassame}__buttons-wrapper`;\n  const sectionClass = `${CONTENT_GROUP}-${contentClassame}__content-section`;\n\n  useEffect(\n    () => {\n      const activeTab = getActiveTab(sectionsData, asPath);\n      if (activeTab !== selectedTab) setSelectedTab(activeTab);\n    },\n    [asPath, sectionsData, selectedTab]\n  );\n\n  return (\n    <div className={mainDivClass}>\n      <ul className={contentGroupClass} role=\"tablist\" aria-label={name}>\n        {groupSections.map((groupSection, index) => {\n          const [sectionName, sectioLabel] = sectionsData[index];\n          const tabId = `${TAB}-${sectionName}`;\n          const panelId = `${PANEL}-${sectionName}`;\n          const isSelected = selectedTab === tabId;\n          const buttonClassName = `${CONTENT_GROUP}-${contentClassame}__button${\n            isSelected ? '--is-active' : ''\n          }`;\n\n          return (\n            <button\n              id={tabId}\n              key={tabId}\n              className={buttonClassName}\n              type=\"button\"\n              role=\"tab\"\n              aria-selected={isSelected}\n              aria-controls={panelId}\n              onClick={() => {\n                const baseUrl = asPath.split('#')[0];\n                const newUrl = `${baseUrl}#${sectionName}`;\n                if (asPath === newUrl) return;\n                router.push(`/Resolver`, newUrl, { shallow: true });\n                setSelectedTab(tabId);\n              }}>\n              {sectioLabel}\n            </button>\n          );\n        })}\n      </ul>\n      {groupSections.map((groupSection, index) => {\n        const [sectionName] = sectionsData[index];\n        const tabId = `${TAB}-${sectionName}`;\n        const panelId = `${PANEL}-${sectionName}`;\n        if (selectedTab !== tabId) return null;\n\n        return (\n          <div\n            id={sectionName}\n            key={panelId}\n            className={sectionClass}\n            role=\"tabpanel\"\n            aria-labelledby={tabId}>\n            {groupSection}\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\nContentGroupTabs.propTypes = {\n  name: PropTypes.string.isRequired,\n  contentType: PropTypes.string.isRequired,\n  modifier: PropTypes.string,\n  groupSections: PropTypes.array.isRequired,\n  sectionsData: PropTypes.array.isRequired\n};\n\nContentGroupTabs.defaultProps = {\n  modifier: ''\n};\n\nexport default ContentGroupTabs;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAClD,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,YAAY,QAAQ,WAAW;AACxC,SAASC,GAAG,EAAEC,IAAI,EAAEC,SAAS,EAAEC,aAAa,EAAEC,KAAK,QAAQ,aAAa;AAExE,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC,IAAI;EAAEC,WAAW;EAAEC,QAAQ;EAAEC,aAAa;EAAEC;AAAa,CAAC,KAAK;EACzF,MAAMC,MAAM,GAAGb,SAAS,CAAC,CAAC;EAC1B,MAAM,CAACc,WAAW,EAAEC,cAAc,CAAC,GAAGlB,QAAQ,CAACI,YAAY,CAACW,YAAY,EAAE,EAAE,CAAC,CAAC;EAC9E,MAAM;IAAEI;EAAO,CAAC,GAAGH,MAAM;EACzB,MAAMI,eAAe,GAAGR,WAAW,KAAKP,GAAG,GAAGC,IAAI,GAAGC,SAAS;EAC9D,MAAMc,YAAY,GAAI,GAAEb,aAAc,IAAGY,eAAgB,EAAC;EAC1D,MAAME,iBAAiB,GAAI,GAAEd,aAAc,IAAGY,eAAgB,mBAAkB;EAChF,MAAMG,YAAY,GAAI,GAAEf,aAAc,IAAGY,eAAgB,mBAAkB;EAE3EnB,SAAS,CACP,MAAM;IACJ,MAAMuB,SAAS,GAAGpB,YAAY,CAACW,YAAY,EAAEI,MAAM,CAAC;IACpD,IAAIK,SAAS,KAAKP,WAAW,EAAEC,cAAc,CAACM,SAAS,CAAC;EAC1D,CAAC,EACD,CAACL,MAAM,EAAEJ,YAAY,EAAEE,WAAW,CACpC,CAAC;EAED,oBACElB,KAAA,CAAA0B,aAAA;IAAKC,SAAS,EAAEL;EAAa,gBAC3BtB,KAAA,CAAA0B,aAAA;IAAIC,SAAS,EAAEJ,iBAAkB;IAACK,IAAI,EAAC,SAAS;IAAC,cAAYhB;EAAK,GAC/DG,aAAa,CAACc,GAAG,CAAC,CAACC,YAAY,EAAEC,KAAK,KAAK;IAC1C,MAAM,CAACC,WAAW,EAAEC,WAAW,CAAC,GAAGjB,YAAY,CAACe,KAAK,CAAC;IACtD,MAAMG,KAAK,GAAI,GAAE5B,GAAI,IAAG0B,WAAY,EAAC;IACrC,MAAMG,OAAO,GAAI,GAAEzB,KAAM,IAAGsB,WAAY,EAAC;IACzC,MAAMI,UAAU,GAAGlB,WAAW,KAAKgB,KAAK;IACxC,MAAMG,eAAe,GAAI,GAAE5B,aAAc,IAAGY,eAAgB,WAC1De,UAAU,GAAG,aAAa,GAAG,EAC9B,EAAC;IAEF,oBACEpC,KAAA,CAAA0B,aAAA;MACEY,EAAE,EAAEJ,KAAM;MACVK,GAAG,EAAEL,KAAM;MACXP,SAAS,EAAEU,eAAgB;MAC3BG,IAAI,EAAC,QAAQ;MACbZ,IAAI,EAAC,KAAK;MACV,iBAAeQ,UAAW;MAC1B,iBAAeD,OAAQ;MACvBM,OAAO,EAAEA,CAAA,KAAM;QACb,MAAMC,OAAO,GAAGtB,MAAM,CAACuB,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QACpC,MAAMC,MAAM,GAAI,GAAEF,OAAQ,IAAGV,WAAY,EAAC;QAC1C,IAAIZ,MAAM,KAAKwB,MAAM,EAAE;QACvB3B,MAAM,CAAC4B,IAAI,CAAE,WAAU,EAAED,MAAM,EAAE;UAAEE,OAAO,EAAE;QAAK,CAAC,CAAC;QACnD3B,cAAc,CAACe,KAAK,CAAC;MACvB;IAAE,GACDD,WACK,CAAC;EAEb,CAAC,CACC,CAAC,EACJlB,aAAa,CAACc,GAAG,CAAC,CAACC,YAAY,EAAEC,KAAK,KAAK;IAC1C,MAAM,CAACC,WAAW,CAAC,GAAGhB,YAAY,CAACe,KAAK,CAAC;IACzC,MAAMG,KAAK,GAAI,GAAE5B,GAAI,IAAG0B,WAAY,EAAC;IACrC,MAAMG,OAAO,GAAI,GAAEzB,KAAM,IAAGsB,WAAY,EAAC;IACzC,IAAId,WAAW,KAAKgB,KAAK,EAAE,OAAO,IAAI;IAEtC,oBACElC,KAAA,CAAA0B,aAAA;MACEY,EAAE,EAAEN,WAAY;MAChBO,GAAG,EAAEJ,OAAQ;MACbR,SAAS,EAAEH,YAAa;MACxBI,IAAI,EAAC,UAAU;MACf,mBAAiBM;IAAM,GACtBJ,YACE,CAAC;EAEV,CAAC,CACE,CAAC;AAEV,CAAC;AAEDnB,gBAAgB,CAACoC,SAAS,GAAG;EAC3BnC,IAAI,EAAET,SAAS,CAAC6C,MAAM,CAACC,UAAU;EACjCpC,WAAW,EAAEV,SAAS,CAAC6C,MAAM,CAACC,UAAU;EACxCnC,QAAQ,EAAEX,SAAS,CAAC6C,MAAM;EAC1BjC,aAAa,EAAEZ,SAAS,CAAC+C,KAAK,CAACD,UAAU;EACzCjC,YAAY,EAAEb,SAAS,CAAC+C,KAAK,CAACD;AAChC,CAAC;AAEDtC,gBAAgB,CAACwC,YAAY,GAAG;EAC9BrC,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeH,gBAAgB"}
+{"version":3,"file":"ContentGroupTabs.js","names":["React","useState","useEffect","PropTypes","useRouter","getActiveTab","TAB","TABS","SIDEPANEL","CONTENT_GROUP","PANEL","ContentGroupTabs","name","contentType","groupSections","sectionsData","VariantComponent","router","selectedTab","setSelectedTab","asPath","contentClassame","mainDivClass","contentGroupClass","sectionClass","activeTab","WrapperComponent","createElement","className","role","map","_","index","sectionName","sectioLabel","tabId","panelId","isSelected","buttonClassName","id","key","type","onClick","baseUrl","split","newUrl","push","shallow","groupSection","propTypes","string","isRequired","array","func","defaultProps"],"sources":["../../../src/components/ContentGroup/ContentGroupTabs.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { useRouter } from 'next/router';\nimport { getActiveTab } from './helpers';\nimport { TAB, TABS, SIDEPANEL, CONTENT_GROUP, PANEL } from './constants';\n\nconst ContentGroupTabs = ({ name, contentType, groupSections, sectionsData, VariantComponent }) => {\n  const router = useRouter();\n  const [selectedTab, setSelectedTab] = useState(getActiveTab(sectionsData, ''));\n  const { asPath } = router;\n  const contentClassame = contentType === TAB ? TABS : SIDEPANEL;\n  const mainDivClass = `${CONTENT_GROUP}-${contentClassame}`;\n  const contentGroupClass = `${CONTENT_GROUP}-${contentClassame}__buttons-wrapper`;\n  const sectionClass = `${CONTENT_GROUP}-${contentClassame}__content-section`;\n\n  useEffect(\n    () => {\n      const activeTab = getActiveTab(sectionsData, asPath);\n      if (activeTab !== selectedTab) setSelectedTab(activeTab);\n    },\n    [asPath, sectionsData, selectedTab]\n  );\n\n  const WrapperComponent = VariantComponent || 'div';\n\n  return (\n    <div className={mainDivClass}>\n      <ul className={contentGroupClass} role=\"tablist\" aria-label={name}>\n        {groupSections.map((_, index) => {\n          const [sectionName, sectioLabel] = sectionsData[index];\n          const tabId = `${TAB}-${sectionName}`;\n          const panelId = `${PANEL}-${sectionName}`;\n          const isSelected = selectedTab === tabId;\n          const buttonClassName = `${CONTENT_GROUP}-${contentClassame}__button${\n            isSelected ? '--is-active' : ''\n          }`;\n\n          return (\n            <button\n              id={tabId}\n              key={tabId}\n              className={buttonClassName}\n              type=\"button\"\n              role=\"tab\"\n              aria-selected={isSelected}\n              aria-controls={panelId}\n              onClick={() => {\n                const baseUrl = asPath.split('#')[0];\n                const newUrl = `${baseUrl}#${sectionName}`;\n                if (asPath === newUrl) return;\n                router.push(`/Resolver`, newUrl, { shallow: true });\n                setSelectedTab(tabId);\n              }}>\n              {sectioLabel}\n            </button>\n          );\n        })}\n      </ul>\n      {groupSections.map((groupSection, index) => {\n        const [sectionName] = sectionsData[index];\n        const tabId = `${TAB}-${sectionName}`;\n        const panelId = `${PANEL}-${sectionName}`;\n        if (selectedTab !== tabId) return null;\n\n        return (\n          <WrapperComponent\n            key={panelId}\n            id={sectionName}\n            className={sectionClass}\n            role=\"tabpanel\"\n            tabId={tabId}\n            aria-labelledby={tabId}>\n            {groupSection}\n          </WrapperComponent>\n        );\n      })}\n    </div>\n  );\n};\n\nContentGroupTabs.propTypes = {\n  name: PropTypes.string.isRequired,\n  contentType: PropTypes.string.isRequired,\n  groupSections: PropTypes.array.isRequired,\n  sectionsData: PropTypes.array.isRequired,\n  VariantComponent: PropTypes.func\n};\n\nContentGroupTabs.defaultProps = {\n  VariantComponent: null\n};\n\nexport default ContentGroupTabs;\n"],"mappings":"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"}

package/lib-es/hooks/helpers/getVariant.js.map

@@ -1 +1 @@
-{"version":3,"file":"getVariant.js","names":["variantHandler","getVariant","settings","variant","VariantComponent","getSettings","get","variantSettings"],"sources":["../../../src/hooks/helpers/getVariant.js"],"sourcesContent":["import { variantHandler } from '../../utils';\n\nexport default function getVariant(settings) {\n  const { variant } = settings;\n  if (!variant) return [null, {}];\n  const { VariantComponent, getSettings } = variantHandler.get(variant) || {};\n  const variantSettings =\n    !!getSettings && typeof getSettings === 'function' ? getSettings(settings) : settings;\n\n  return [VariantComponent, variantSettings];\n}\n"],"mappings":"AAAA,SAASA,cAAc,QAAQ,aAAa;AAE5C,eAAe,SAASC,UAAUA,CAACC,QAAQ,EAAE;EAC3C,MAAM;IAAEC;EAAQ,CAAC,GAAGD,QAAQ;EAC5B,IAAI,CAACC,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;EAC/B,MAAM;IAAEC,gBAAgB;IAAEC;EAAY,CAAC,GAAGL,cAAc,CAACM,GAAG,CAACH,OAAO,CAAC,IAAI,CAAC,CAAC;EAC3E,MAAMI,eAAe,GACnB,CAAC,CAACF,WAAW,IAAI,OAAOA,WAAW,KAAK,UAAU,GAAGA,WAAW,CAACH,QAAQ,CAAC,GAAGA,QAAQ;EAEvF,OAAO,CAACE,gBAAgB,EAAEG,eAAe,CAAC;AAC5C"}
+{"version":3,"file":"getVariant.js","names":["variantHandler","getVariant","settings","variant","VariantComponent","getSettings","get","variantSettings"],"sources":["../../../src/hooks/helpers/getVariant.js"],"sourcesContent":["import { variantHandler } from '../../utils';\n\nexport default function getVariant(settings) {\n  const { variant } = settings;\n  if (!variant) return [null, {}];\n\n  const { VariantComponent, getSettings } = variantHandler.get(variant) || {};\n  const variantSettings =\n    !!getSettings && typeof getSettings === 'function' ? getSettings(settings) : settings;\n\n  return [VariantComponent, variantSettings];\n}\n"],"mappings":"AAAA,SAASA,cAAc,QAAQ,aAAa;AAE5C,eAAe,SAASC,UAAUA,CAACC,QAAQ,EAAE;EAC3C,MAAM;IAAEC;EAAQ,CAAC,GAAGD,QAAQ;EAC5B,IAAI,CAACC,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;EAE/B,MAAM;IAAEC,gBAAgB;IAAEC;EAAY,CAAC,GAAGL,cAAc,CAACM,GAAG,CAACH,OAAO,CAAC,IAAI,CAAC,CAAC;EAC3E,MAAMI,eAAe,GACnB,CAAC,CAACF,WAAW,IAAI,OAAOA,WAAW,KAAK,UAAU,GAAGA,WAAW,CAACH,QAAQ,CAAC,GAAGA,QAAQ;EAEvF,OAAO,CAACE,gBAAgB,EAAEG,eAAe,CAAC;AAC5C"}

package/lib-es/variants/HeroImage/index.js

@@ -0,0 +1,10 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+const HeroImage = {
+  getSettings: componentSettings => _objectSpread(_objectSpread({}, componentSettings), {}, {
+    modifier: 'hero-image'
+  })
+};
+export default HeroImage;
+//# sourceMappingURL=index.js.map

package/lib-es/variants/HeroImage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["HeroImage","getSettings","componentSettings","_objectSpread","modifier"],"sources":["../../../src/variants/HeroImage/index.js"],"sourcesContent":["const HeroImage = {\n  getSettings: componentSettings => ({\n    ...componentSettings,\n    modifier: 'hero-image'\n  })\n};\n\nexport default HeroImage;\n"],"mappings":";;;AAAA,MAAMA,SAAS,GAAG;EAChBC,WAAW,EAAEC,iBAAiB,IAAAC,aAAA,CAAAA,aAAA,KACzBD,iBAAiB;IACpBE,QAAQ,EAAE;EAAY;AAE1B,CAAC;AAED,eAAeJ,SAAS"}

package/lib-es/variants/Infographic/Infographic.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import useInfographic from './useInfographic';
+const Infographic = props => {
+  const {
+    contentRef,
+    id,
+    className,
+    tabId,
+    children
+  } = useInfographic(props);
+  return /*#__PURE__*/React.createElement("div", {
+    ref: contentRef,
+    id: id,
+    className: className,
+    role: "tabpanel",
+    "aria-labelledby": tabId
+  }, children);
+};
+export default Infographic;
+//# sourceMappingURL=Infographic.js.map

package/lib-es/variants/Infographic/Infographic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Infographic.js","names":["React","useInfographic","Infographic","props","contentRef","id","className","tabId","children","createElement","ref","role"],"sources":["../../../src/variants/Infographic/Infographic.js"],"sourcesContent":["import React from 'react';\nimport useInfographic from './useInfographic';\n\nconst Infographic = props => {\n  const { contentRef, id, className, tabId, children } = useInfographic(props);\n\n  return (\n    <div ref={contentRef} id={id} className={className} role=\"tabpanel\" aria-labelledby={tabId}>\n      {children}\n    </div>\n  );\n};\n\nexport default Infographic;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,cAAc,MAAM,kBAAkB;AAE7C,MAAMC,WAAW,GAAGC,KAAK,IAAI;EAC3B,MAAM;IAAEC,UAAU;IAAEC,EAAE;IAAEC,SAAS;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGP,cAAc,CAACE,KAAK,CAAC;EAE5E,oBACEH,KAAA,CAAAS,aAAA;IAAKC,GAAG,EAAEN,UAAW;IAACC,EAAE,EAAEA,EAAG;IAACC,SAAS,EAAEA,SAAU;IAACK,IAAI,EAAC,UAAU;IAAC,mBAAiBJ;EAAM,GACxFC,QACE,CAAC;AAEV,CAAC;AAED,eAAeN,WAAW"}

package/lib-es/variants/Infographic/index.js

@@ -0,0 +1,10 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import InfographicComponent from './Infographic';
+const Infographic = {
+  getSettings: componentSettings => _objectSpread({}, componentSettings),
+  VariantComponent: InfographicComponent
+};
+export default Infographic;
+//# sourceMappingURL=index.js.map

package/lib-es/variants/Infographic/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["InfographicComponent","Infographic","getSettings","componentSettings","_objectSpread","VariantComponent"],"sources":["../../../src/variants/Infographic/index.js"],"sourcesContent":["import InfographicComponent from './Infographic';\n\nconst Infographic = {\n  getSettings: componentSettings => ({\n    ...componentSettings\n  }),\n  VariantComponent: InfographicComponent\n};\n\nexport default Infographic;\n"],"mappings":";;;AAAA,OAAOA,oBAAoB,MAAM,eAAe;AAEhD,MAAMC,WAAW,GAAG;EAClBC,WAAW,EAAEC,iBAAiB,IAAAC,aAAA,KACzBD,iBAAiB,CACpB;EACFE,gBAAgB,EAAEL;AACpB,CAAC;AAED,eAAeC,WAAW"}

package/lib-es/variants/Infographic/useInfographic.js

@@ -0,0 +1,23 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+const _excluded = ["className"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { useInView } from '@blaze-react/utils/lib/customHooks';
+const useInfographic = _ref => {
+  let {
+      className: _className
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  const [isIntersecting, contentRef] = useInView({
+    once: true,
+    offset: '200px'
+  });
+  const className = `${_className} infographic${isIntersecting ? ' infographic__active' : ''}`;
+  return _objectSpread(_objectSpread({}, props), {}, {
+    className,
+    contentRef
+  });
+};
+export default useInfographic;
+//# sourceMappingURL=useInfographic.js.map

package/lib-es/variants/Infographic/useInfographic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInfographic.js","names":["useInView","useInfographic","_ref","className","_className","props","_objectWithoutProperties","_excluded","isIntersecting","contentRef","once","offset","_objectSpread"],"sources":["../../../src/variants/Infographic/useInfographic.js"],"sourcesContent":["import { useInView } from '@blaze-react/utils/lib/customHooks';\n\nconst useInfographic = ({ className: _className, ...props }) => {\n  const [isIntersecting, contentRef] = useInView({\n    once: true,\n    offset: '200px'\n  });\n\n  const className = `${_className} infographic${isIntersecting ? ' infographic__active' : ''}`;\n\n  return {\n    ...props,\n    className,\n    contentRef\n  };\n};\n\nexport default useInfographic;\n"],"mappings":";;;;;AAAA,SAASA,SAAS,QAAQ,oCAAoC;AAE9D,MAAMC,cAAc,GAAGC,IAAA,IAAyC;EAAA,IAAxC;MAAEC,SAAS,EAAEC;IAAqB,CAAC,GAAAF,IAAA;IAAPG,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACvD,MAAM,CAACC,cAAc,EAAEC,UAAU,CAAC,GAAGT,SAAS,CAAC;IAC7CU,IAAI,EAAE,IAAI;IACVC,MAAM,EAAE;EACV,CAAC,CAAC;EAEF,MAAMR,SAAS,GAAI,GAAEC,UAAW,eAAcI,cAAc,GAAG,sBAAsB,GAAG,EAAG,EAAC;EAE5F,OAAAI,aAAA,CAAAA,aAAA,KACKP,KAAK;IACRF,SAAS;IACTM;EAAU;AAEd,CAAC;AAED,eAAeR,cAAc"}

package/lib-es/variants/LongformGallery/LongformGallery.js

@@ -0,0 +1,37 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import useLongformGallery from './useLongformGallery';
+import LongformGalleryImage from './LongformGalleryImage';
+const LongformGallery = props => {
+  const {
+    error,
+    mainImages,
+    secondaryImages,
+    secondaryImageClassname,
+    handleImageOnClick
+  } = useLongformGallery(props);
+  if (error) return null;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "longform-gallery",
+    "data-testid": "longform-gallery"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "longform-gallery__images main-images"
+  }, mainImages.map(mainImageData => /*#__PURE__*/React.createElement(LongformGalleryImage, _extends({
+    key: mainImageData.id
+  }, mainImageData, {
+    className: "longform-gallery__images__image main-image",
+    handleImageOnClick: handleImageOnClick
+  })))), secondaryImages.map((secondaryImagesGroup, i) => /*#__PURE__*/React.createElement("div", {
+    // eslint-disable-next-line react/no-array-index-key
+    key: i,
+    "data-testid": "secondary-images",
+    className: "longform-gallery__images secondary-images"
+  }, secondaryImagesGroup.map(secondaryImage => /*#__PURE__*/React.createElement(LongformGalleryImage, _extends({
+    key: secondaryImage.id
+  }, secondaryImage, {
+    className: secondaryImageClassname,
+    handleImageOnClick: handleImageOnClick
+  }))))));
+};
+export default LongformGallery;
+//# sourceMappingURL=LongformGallery.js.map

package/lib-es/variants/LongformGallery/LongformGallery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LongformGallery.js","names":["React","useLongformGallery","LongformGalleryImage","LongformGallery","props","error","mainImages","secondaryImages","secondaryImageClassname","handleImageOnClick","createElement","className","map","mainImageData","_extends","key","id","secondaryImagesGroup","i","secondaryImage"],"sources":["../../../src/variants/LongformGallery/LongformGallery.js"],"sourcesContent":["import React from 'react';\nimport useLongformGallery from './useLongformGallery';\nimport LongformGalleryImage from './LongformGalleryImage';\n\nconst LongformGallery = props => {\n  const {\n    error,\n    mainImages,\n    secondaryImages,\n    secondaryImageClassname,\n    handleImageOnClick\n  } = useLongformGallery(props);\n\n  if (error) return null;\n\n  return (\n    <div className=\"longform-gallery\" data-testid=\"longform-gallery\">\n      <div className=\"longform-gallery__images main-images\">\n        {mainImages.map(mainImageData => (\n          <LongformGalleryImage\n            key={mainImageData.id}\n            {...mainImageData}\n            className=\"longform-gallery__images__image main-image\"\n            handleImageOnClick={handleImageOnClick}\n          />\n        ))}\n      </div>\n      {secondaryImages.map((secondaryImagesGroup, i) => (\n        <div\n          // eslint-disable-next-line react/no-array-index-key\n          key={i}\n          data-testid=\"secondary-images\"\n          className=\"longform-gallery__images secondary-images\">\n          {secondaryImagesGroup.map(secondaryImage => (\n            <LongformGalleryImage\n              key={secondaryImage.id}\n              {...secondaryImage}\n              className={secondaryImageClassname}\n              handleImageOnClick={handleImageOnClick}\n            />\n          ))}\n        </div>\n      ))}\n    </div>\n  );\n};\n\nexport default LongformGallery;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,kBAAkB,MAAM,sBAAsB;AACrD,OAAOC,oBAAoB,MAAM,wBAAwB;AAEzD,MAAMC,eAAe,GAAGC,KAAK,IAAI;EAC/B,MAAM;IACJC,KAAK;IACLC,UAAU;IACVC,eAAe;IACfC,uBAAuB;IACvBC;EACF,CAAC,GAAGR,kBAAkB,CAACG,KAAK,CAAC;EAE7B,IAAIC,KAAK,EAAE,OAAO,IAAI;EAEtB,oBACEL,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAC,kBAAkB;IAAC,eAAY;EAAkB,gBAC9DX,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAC;EAAsC,GAClDL,UAAU,CAACM,GAAG,CAACC,aAAa,iBAC3Bb,KAAA,CAAAU,aAAA,CAACR,oBAAoB,EAAAY,QAAA;IACnBC,GAAG,EAAEF,aAAa,CAACG;EAAG,GAClBH,aAAa;IACjBF,SAAS,EAAC,4CAA4C;IACtDF,kBAAkB,EAAEA;EAAmB,EACxC,CACF,CACE,CAAC,EACLF,eAAe,CAACK,GAAG,CAAC,CAACK,oBAAoB,EAAEC,CAAC,kBAC3ClB,KAAA,CAAAU,aAAA;IACE;IACAK,GAAG,EAAEG,CAAE;IACP,eAAY,kBAAkB;IAC9BP,SAAS,EAAC;EAA2C,GACpDM,oBAAoB,CAACL,GAAG,CAACO,cAAc,iBACtCnB,KAAA,CAAAU,aAAA,CAACR,oBAAoB,EAAAY,QAAA;IACnBC,GAAG,EAAEI,cAAc,CAACH;EAAG,GACnBG,cAAc;IAClBR,SAAS,EAAEH,uBAAwB;IACnCC,kBAAkB,EAAEA;EAAmB,EACxC,CACF,CACE,CACN,CACE,CAAC;AAEV,CAAC;AAED,eAAeN,eAAe"}

package/lib-es/variants/LongformGallery/LongformGalleryImage.js

@@ -0,0 +1,56 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+const _excluded = ["id", "url", "caption", "altText", "priority", "className", "handleImageOnClick"];
+import React from 'react';
+import PropTypes from 'prop-types';
+import Head from 'next/head';
+import { useInView } from '@blaze-react/utils/lib/customHooks';
+import { ResponsiveImage } from '@blaze-cms/image-cdn-react';
+import { IN_VIEW_CONFIG } from './constants';
+const LongformGalleryImage = _ref => {
+  let {
+      id,
+      url,
+      caption,
+      altText,
+      priority,
+      className,
+      handleImageOnClick
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  const [isIntersecting, outerRef] = useInView(IN_VIEW_CONFIG);
+  const shouldRender = priority || isIntersecting;
+  const HeadComponent = priority ? Head : null;
+  return /*#__PURE__*/React.createElement("div", {
+    ref: outerRef,
+    className: className
+  }, /*#__PURE__*/React.createElement("div", {
+    role: "button",
+    className: "longform-gallery__images__image__container",
+    "data-testid": "longform-gallery__images__image__container",
+    onClick: () => handleImageOnClick(id)
+  }, shouldRender && /*#__PURE__*/React.createElement(ResponsiveImage, _extends({
+    sizeKey: "carousel",
+    role: "button",
+    src: url,
+    alt: altText,
+    priority: priority,
+    HeadComponent: HeadComponent
+  }, props))), !!caption && /*#__PURE__*/React.createElement("div", {
+    className: "longform-gallery__images__image__details",
+    "data-testid": "longform-gallery__images__image__details"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "longform-gallery__images__image__details__caption"
+  }, caption)));
+};
+LongformGalleryImage.propTypes = {
+  id: PropTypes.string.isRequired,
+  url: PropTypes.string.isRequired,
+  caption: PropTypes.string.isRequired,
+  altText: PropTypes.string.isRequired,
+  priority: PropTypes.bool.isRequired,
+  className: PropTypes.string.isRequired,
+  handleImageOnClick: PropTypes.func.isRequired
+};
+export default LongformGalleryImage;
+//# sourceMappingURL=LongformGalleryImage.js.map

package/lib-es/variants/LongformGallery/LongformGalleryImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LongformGalleryImage.js","names":["React","PropTypes","Head","useInView","ResponsiveImage","IN_VIEW_CONFIG","LongformGalleryImage","_ref","id","url","caption","altText","priority","className","handleImageOnClick","props","_objectWithoutProperties","_excluded","isIntersecting","outerRef","shouldRender","HeadComponent","createElement","ref","role","onClick","_extends","sizeKey","src","alt","propTypes","string","isRequired","bool","func"],"sources":["../../../src/variants/LongformGallery/LongformGalleryImage.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Head from 'next/head';\nimport { useInView } from '@blaze-react/utils/lib/customHooks';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport { IN_VIEW_CONFIG } from './constants';\n\nconst LongformGalleryImage = ({\n  id,\n  url,\n  caption,\n  altText,\n  priority,\n  className,\n  handleImageOnClick,\n  ...props\n}) => {\n  const [isIntersecting, outerRef] = useInView(IN_VIEW_CONFIG);\n  const shouldRender = priority || isIntersecting;\n  const HeadComponent = priority ? Head : null;\n\n  return (\n    <div ref={outerRef} className={className}>\n      <div\n        role=\"button\"\n        className=\"longform-gallery__images__image__container\"\n        data-testid=\"longform-gallery__images__image__container\"\n        onClick={() => handleImageOnClick(id)}>\n        {shouldRender && (\n          <ResponsiveImage\n            sizeKey=\"carousel\"\n            role=\"button\"\n            src={url}\n            alt={altText}\n            priority={priority}\n            HeadComponent={HeadComponent}\n            {...props}\n          />\n        )}\n      </div>\n      {!!caption && (\n        <div\n          className=\"longform-gallery__images__image__details\"\n          data-testid=\"longform-gallery__images__image__details\">\n          <div className=\"longform-gallery__images__image__details__caption\">{caption}</div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nLongformGalleryImage.propTypes = {\n  id: PropTypes.string.isRequired,\n  url: PropTypes.string.isRequired,\n  caption: PropTypes.string.isRequired,\n  altText: PropTypes.string.isRequired,\n  priority: PropTypes.bool.isRequired,\n  className: PropTypes.string.isRequired,\n  handleImageOnClick: PropTypes.func.isRequired\n};\n\nexport default LongformGalleryImage;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,IAAI,MAAM,WAAW;AAC5B,SAASC,SAAS,QAAQ,oCAAoC;AAC9D,SAASC,eAAe,QAAQ,4BAA4B;AAC5D,SAASC,cAAc,QAAQ,aAAa;AAE5C,MAAMC,oBAAoB,GAAGC,IAAA,IASvB;EAAA,IATwB;MAC5BC,EAAE;MACFC,GAAG;MACHC,OAAO;MACPC,OAAO;MACPC,QAAQ;MACRC,SAAS;MACTC;IAEF,CAAC,GAAAP,IAAA;IADIQ,KAAK,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA;EAER,MAAM,CAACC,cAAc,EAAEC,QAAQ,CAAC,GAAGhB,SAAS,CAACE,cAAc,CAAC;EAC5D,MAAMe,YAAY,GAAGR,QAAQ,IAAIM,cAAc;EAC/C,MAAMG,aAAa,GAAGT,QAAQ,GAAGV,IAAI,GAAG,IAAI;EAE5C,oBACEF,KAAA,CAAAsB,aAAA;IAAKC,GAAG,EAAEJ,QAAS;IAACN,SAAS,EAAEA;EAAU,gBACvCb,KAAA,CAAAsB,aAAA;IACEE,IAAI,EAAC,QAAQ;IACbX,SAAS,EAAC,4CAA4C;IACtD,eAAY,4CAA4C;IACxDY,OAAO,EAAEA,CAAA,KAAMX,kBAAkB,CAACN,EAAE;EAAE,GACrCY,YAAY,iBACXpB,KAAA,CAAAsB,aAAA,CAAClB,eAAe,EAAAsB,QAAA;IACdC,OAAO,EAAC,UAAU;IAClBH,IAAI,EAAC,QAAQ;IACbI,GAAG,EAAEnB,GAAI;IACToB,GAAG,EAAElB,OAAQ;IACbC,QAAQ,EAAEA,QAAS;IACnBS,aAAa,EAAEA;EAAc,GACzBN,KAAK,CACV,CAEA,CAAC,EACL,CAAC,CAACL,OAAO,iBACRV,KAAA,CAAAsB,aAAA;IACET,SAAS,EAAC,0CAA0C;IACpD,eAAY;EAA0C,gBACtDb,KAAA,CAAAsB,aAAA;IAAKT,SAAS,EAAC;EAAmD,GAAEH,OAAa,CAC9E,CAEJ,CAAC;AAEV,CAAC;AAEDJ,oBAAoB,CAACwB,SAAS,GAAG;EAC/BtB,EAAE,EAAEP,SAAS,CAAC8B,MAAM,CAACC,UAAU;EAC/BvB,GAAG,EAAER,SAAS,CAAC8B,MAAM,CAACC,UAAU;EAChCtB,OAAO,EAAET,SAAS,CAAC8B,MAAM,CAACC,UAAU;EACpCrB,OAAO,EAAEV,SAAS,CAAC8B,MAAM,CAACC,UAAU;EACpCpB,QAAQ,EAAEX,SAAS,CAACgC,IAAI,CAACD,UAAU;EACnCnB,SAAS,EAAEZ,SAAS,CAAC8B,MAAM,CAACC,UAAU;EACtClB,kBAAkB,EAAEb,SAAS,CAACiC,IAAI,CAACF;AACrC,CAAC;AAED,eAAe1B,oBAAoB"}

package/lib-es/variants/LongformGallery/constants.js

@@ -0,0 +1,18 @@
+import { gql } from '@apollo/client';
+const GET_IMAGES_QUERY = gql`
+  query getImages($where: JSON!) {
+    getImages: getFiles(where: $where) {
+      id
+      url
+      data
+    }
+  }
+`;
+const PROPS_TO_CHECK = ['altText', 'caption', 'hrefUrl', 'credits'];
+const IN_VIEW_CONFIG = {
+  once: true,
+  offset: '200px',
+  bottomOffset: '-200px'
+};
+export { GET_IMAGES_QUERY, IN_VIEW_CONFIG, PROPS_TO_CHECK };
+//# sourceMappingURL=constants.js.map

package/lib-es/variants/LongformGallery/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":["gql","GET_IMAGES_QUERY","PROPS_TO_CHECK","IN_VIEW_CONFIG","once","offset","bottomOffset"],"sources":["../../../src/variants/LongformGallery/constants.js"],"sourcesContent":["import { gql } from '@apollo/client';\n\nconst GET_IMAGES_QUERY = gql`\n  query getImages($where: JSON!) {\n    getImages: getFiles(where: $where) {\n      id\n      url\n      data\n    }\n  }\n`;\n\nconst PROPS_TO_CHECK = ['altText', 'caption', 'hrefUrl', 'credits'];\n\nconst IN_VIEW_CONFIG = {\n  once: true,\n  offset: '200px',\n  bottomOffset: '-200px'\n};\n\nexport { GET_IMAGES_QUERY, IN_VIEW_CONFIG, PROPS_TO_CHECK };\n"],"mappings":"AAAA,SAASA,GAAG,QAAQ,gBAAgB;AAEpC,MAAMC,gBAAgB,GAAGD,GAAI;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAME,cAAc,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;AAEnE,MAAMC,cAAc,GAAG;EACrBC,IAAI,EAAE,IAAI;EACVC,MAAM,EAAE,OAAO;EACfC,YAAY,EAAE;AAChB,CAAC;AAED,SAASL,gBAAgB,EAAEE,cAAc,EAAED,cAAc"}