@mjhls/mjh-framework 1.0.715 → 1.0.717-beta.0

package/dist/cjs/{index-5ad2b070.js → index-8bf6c863.js}

@@ -1,13 +1,12 @@
 'use strict';
 
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
 var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
 var React = require('react');
+var React__default = _interopDefault(React);
 var PropTypes = require('prop-types');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var PropTypes__default = _interopDefault(PropTypes);
 
 var domain;
 
@@ -509,7 +508,7 @@ function loadGPTScript() {
 });
 
 _commonjsHelpers.unwrapExports(utils);
-utils.loadGPTScript;
+var utils_1 = utils.loadGPTScript;
 
 var manager = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 
@@ -537,6 +536,7 @@ var disableInitialLoadEnabled = false;
 var lazyLoadEnabled = false;
 var lazyLoadConfig = null;
 var servePersonalizedAds = true;
+var serveCookies = true;
 var registeredSlots = {};
 var managerAlreadyInitialized = false;
 var globalTargetingArguments = {};
@@ -578,9 +578,15 @@ var DFPManager = Object.assign(new EventEmitter.EventEmitter().setMaxListeners(0
   configurePersonalizedAds: function configurePersonalizedAds(value) {
     servePersonalizedAds = value;
   },
+  configureCookieOption: function configureCookieOption(value) {
+    serveCookies = value;
+  },
   personalizedAdsEnabled: function personalizedAdsEnabled() {
     return servePersonalizedAds;
   },
+  cookiesEnabled: function cookiesEnabled() {
+    return serveCookies;
+  },
   setAdSenseAttribute: function setAdSenseAttribute(key, value) {
     this.setAdSenseAttributes(_defineProperty({}, key, value));
   },
@@ -671,6 +677,7 @@ var DFPManager = Object.assign(new EventEmitter.EventEmitter().setMaxListeners(0
             });
           });
           pubadsService.setRequestNonPersonalizedAds(_this.personalizedAdsEnabled() ? 0 : 1);
+          pubadsService.setCookieOptions(_this.cookiesEnabled() ? 0 : 1);
         });
       });
     }
@@ -782,13 +789,9 @@ var DFPManager = Object.assign(new EventEmitter.EventEmitter().setMaxListeners(0
 
         googletag.cmd.push(function () {
           googletag.enableServices();
-
-          if (!_this3.disableInitialLoadIsEnabled()) {
-            slotsToInitialize.forEach(function (theSlotId) {
-              googletag.display(theSlotId);
-            });
-          }
-
+          slotsToInitialize.forEach(function (theSlotId) {
+            googletag.display(theSlotId);
+          });
           resolve();
         });
       });
@@ -811,6 +814,7 @@ var DFPManager = Object.assign(new EventEmitter.EventEmitter().setMaxListeners(0
     googletag.cmd.push(function () {
       var pubadsService = googletag.pubads();
       pubadsService.setRequestNonPersonalizedAds(_this5.personalizedAdsEnabled() ? 0 : 1);
+      pubadsService.setCookieOptions(_this5.cookiesEnabled() ? 0 : 1);
 
       var targetingArguments = _this5.getTargetingArguments(); // set global targetting arguments
 
@@ -877,17 +881,25 @@ var DFPManager = Object.assign(new EventEmitter.EventEmitter().setMaxListeners(0
     }, slots);
   },
   refresh: function refresh() {
+    var _this6 = this;
+
+    for (var _len4 = arguments.length, slots = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+      slots[_key4] = arguments[_key4];
+    }
+
     if (loadPromise === null) {
       this.load();
     } else {
-      this.gptRefreshAds(Object.keys(this.getRefreshableSlots.apply(this, arguments)));
+      loadPromise.then(function () {
+        _this6.gptRefreshAds(Object.keys(_this6.getRefreshableSlots.apply(_this6, slots)));
+      });
     }
   },
   gptRefreshAds: function gptRefreshAds(slots) {
-    var _this6 = this;
+    var _this7 = this;
 
     return this.getGoogletag().then(function (googletag) {
-      _this6.configureOptions(googletag);
+      _this7.configureOptions(googletag);
 
       googletag.cmd.push(function () {
         var pubadsService = googletag.pubads();
@@ -898,17 +910,17 @@ var DFPManager = Object.assign(new EventEmitter.EventEmitter().setMaxListeners(0
     });
   },
   reload: function reload() {
-    var _this7 = this;
+    var _this8 = this;
 
     return this.destroyGPTSlots.apply(this, arguments).then(function () {
-      return _this7.load();
+      return _this8.load();
     });
   },
   destroyGPTSlots: function destroyGPTSlots() {
-    var _this8 = this;
+    var _this9 = this;
 
-    for (var _len4 = arguments.length, slotsToDestroy = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
-      slotsToDestroy[_key4] = arguments[_key4];
+    for (var _len5 = arguments.length, slotsToDestroy = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
+      slotsToDestroy[_key5] = arguments[_key5];
     }
 
     if (slotsToDestroy.length === 0) {
@@ -925,7 +937,7 @@ var DFPManager = Object.assign(new EventEmitter.EventEmitter().setMaxListeners(0
         slots.push(slot);
       }
 
-      _this8.getGoogletag().then(function (googletag) {
+      _this9.getGoogletag().then(function (googletag) {
         googletag.cmd.push(function () {
           if (managerAlreadyInitialized === true) {
             if (slotsToDestroy.length > 0) {
@@ -948,7 +960,7 @@ var DFPManager = Object.assign(new EventEmitter.EventEmitter().setMaxListeners(0
     });
   },
   registerSlot: function registerSlot(_ref) {
-    var _this9 = this;
+    var _this10 = this;
 
     var slotId = _ref.slotId,
         dfpNetworkId = _ref.dfpNetworkId,
@@ -987,7 +999,7 @@ var DFPManager = Object.assign(new EventEmitter.EventEmitter().setMaxListeners(0
                 gptSlot = slot.gptSlot;
 
             if (loading === false && !gptSlot) {
-              _this9.load(slotId);
+              _this10.load(slotId);
             }
           }
         });
@@ -1034,9 +1046,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Context = void 0;
 
-var _react = _interopRequireDefault(React__default['default']);
+var _react = _interopRequireDefault(React__default);
 
-var _propTypes = _interopRequireDefault(PropTypes__default['default']);
+var _propTypes = _interopRequireDefault(PropTypes__default);
 
 var _manager = _interopRequireDefault(manager);
 
@@ -1177,6 +1189,8 @@ function (_React$Component) {
     value: function applyConfigs() {
       _manager.default.configurePersonalizedAds(this.props.personalizedAds);
 
+      _manager.default.configureCookieOption(this.props.cookieOption);
+
       _manager.default.configureSingleRequest(this.props.singleRequest);
 
       _manager.default.configureDisableInitialLoad(this.props.disableInitialLoad);
@@ -1273,6 +1287,7 @@ _defineProperty(DFPSlotsProvider, "propTypes", {
   autoReload: _propTypes.default.shape({
     dfpNetworkId: _propTypes.default.bool,
     personalizedAds: _propTypes.default.bool,
+    cookieOption: _propTypes.default.bool,
     singleRequest: _propTypes.default.bool,
     disableInitialLoad: _propTypes.default.bool,
     adUnit: _propTypes.default.bool,
@@ -1284,6 +1299,7 @@ _defineProperty(DFPSlotsProvider, "propTypes", {
   }),
   dfpNetworkId: _propTypes.default.string.isRequired,
   personalizedAds: _propTypes.default.bool,
+  cookieOption: _propTypes.default.bool,
   singleRequest: _propTypes.default.bool,
   disableInitialLoad: _propTypes.default.bool,
   adUnit: _propTypes.default.string,
@@ -1304,6 +1320,7 @@ _defineProperty(DFPSlotsProvider, "defaultProps", {
   autoReload: {
     dfpNetworkId: false,
     personalizedAds: false,
+    cookieOption: false,
     singleRequest: false,
     disableInitialLoad: false,
     adUnit: false,
@@ -1314,6 +1331,7 @@ _defineProperty(DFPSlotsProvider, "defaultProps", {
     lazyLoad: false
   },
   personalizedAds: true,
+  cookieOption: true,
   singleRequest: true,
   disableInitialLoad: false,
   collapseEmptyDivs: null,
@@ -1333,7 +1351,7 @@ if (Context === null) {
 });
 
 _commonjsHelpers.unwrapExports(dfpslotsprovider);
-dfpslotsprovider.Context;
+var dfpslotsprovider_1 = dfpslotsprovider.Context;
 
 var adslot = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 
@@ -1342,9 +1360,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.AdSlot = void 0;
 
-var _react = _interopRequireDefault(React__default['default']);
+var _react = _interopRequireDefault(React__default);
 
-var _propTypes = _interopRequireDefault(PropTypes__default['default']);
+var _propTypes = _interopRequireDefault(PropTypes__default);
 
 var _manager = _interopRequireDefault(manager);
 
@@ -1629,7 +1647,7 @@ exports.default = _default;
 });
 
 _commonjsHelpers.unwrapExports(adslot);
-adslot.AdSlot;
+var adslot_1 = adslot.AdSlot;
 
 var lib = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 

package/dist/cjs/{index-d48b231c.js → index-be0c82be.js}

@@ -60,35 +60,35 @@ function parseSource(source) {
     if (typeof source === 'string' && isUrl(source)) {
         // Someone passed an existing image url?
         image = {
-            asset: { _ref: urlToId(source) },
+            asset: { _ref: urlToId(source) }
         };
     }
     else if (typeof source === 'string') {
         // Just an asset id
         image = {
-            asset: { _ref: source },
+            asset: { _ref: source }
         };
     }
     else if (isRef(source)) {
         // We just got passed an asset directly
         image = {
-            asset: source,
+            asset: source
         };
     }
     else if (isAsset(source)) {
         // If we were passed an image asset document
         image = {
             asset: {
-                _ref: source._id || '',
-            },
+                _ref: source._id || ''
+            }
         };
     }
     else if (isAssetStub(source)) {
         // If we were passed a partial asset (`url`, but no `_id`)
         image = {
             asset: {
-                _ref: urlToId(source.asset.url),
-            },
+                _ref: urlToId(source.asset.url)
+            }
         };
     }
     else if (typeof source.asset === 'object') {
@@ -129,7 +129,7 @@ function applyDefaults(image) {
             left: 0,
             top: 0,
             bottom: 0,
-            right: 0,
+            right: 0
         };
     }
     if (!result.hotspot) {
@@ -137,7 +137,7 @@ function applyDefaults(image) {
             x: 0.5,
             y: 0.5,
             height: 1.0,
-            width: 1.0,
+            width: 1.0
         };
     }
     return result;
@@ -184,8 +184,7 @@ exports.SPEC_NAME_TO_URL_NAME_MAPPINGS = [
     ['crop', 'crop'],
     ['saturation', 'sat'],
     ['auto', 'auto'],
-    ['dpr', 'dpr'],
-    ['pad', 'pad'],
+    ['dpr', 'dpr']
 ];
 function urlForImage(options) {
     var spec = __assign({}, (options || {}));
@@ -204,7 +203,7 @@ function urlForImage(options) {
         left: cropLeft,
         top: cropTop,
         width: Math.round(asset.width - image.crop.right * asset.width - cropLeft),
-        height: Math.round(asset.height - image.crop.bottom * asset.height - cropTop),
+        height: Math.round(asset.height - image.crop.bottom * asset.height - cropTop)
     };
     // Compute hot spot rect in terms of pixel coordinates
     var hotSpotVerticalRadius = (image.hotspot.height * asset.height) / 2;
@@ -215,7 +214,7 @@ function urlForImage(options) {
         left: hotSpotCenterX - hotSpotHorizontalRadius,
         top: hotSpotCenterY - hotSpotVerticalRadius,
         right: hotSpotCenterX + hotSpotHorizontalRadius,
-        bottom: hotSpotCenterY + hotSpotVerticalRadius,
+        bottom: hotSpotCenterY + hotSpotVerticalRadius
     };
     // If irrelevant, or if we are requested to: don't perform crop/fit based on
     // the crop/hotspot.
@@ -297,7 +296,7 @@ function fit(source, spec) {
             left: Math.round(left),
             top: Math.round(top_2),
             width: Math.round(width),
-            height: Math.round(height),
+            height: Math.round(height)
         };
     }
     else {
@@ -319,21 +318,21 @@ function fit(source, spec) {
             left: Math.max(0, Math.floor(left)),
             top: Math.max(0, Math.floor(top_3)),
             width: Math.round(width),
-            height: Math.round(height),
+            height: Math.round(height)
         };
     }
     return {
         width: imgWidth,
         height: imgHeight,
-        rect: cropRect,
+        rect: cropRect
     };
 }
 
 });
 
 _commonjsHelpers.unwrapExports(urlForImage_1);
-urlForImage_1.parseSource;
-urlForImage_1.SPEC_NAME_TO_URL_NAME_MAPPINGS;
+var urlForImage_2 = urlForImage_1.parseSource;
+var urlForImage_3 = urlForImage_1.SPEC_NAME_TO_URL_NAME_MAPPINGS;
 
 var builder = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 var __assign = (_commonjsHelpers.commonjsGlobal && _commonjsHelpers.commonjsGlobal.__assign) || function () {
@@ -359,7 +358,7 @@ var urlForImage_1$1 = __importStar(urlForImage_1);
 var validFits = ['clip', 'crop', 'fill', 'fillmax', 'max', 'scale', 'min'];
 var validCrops = ['top', 'bottom', 'left', 'right', 'center', 'focalpoint', 'entropy'];
 var validAutoModes = ['format'];
-function isSanityClientLike(client) {
+function isSanityClient(client) {
     return client ? typeof client.clientConfig === 'object' : false;
 }
 function rewriteSpecName(key) {
@@ -376,14 +375,13 @@ function rewriteSpecName(key) {
 function urlBuilder(options) {
     // Did we get a SanityClient?
     var client = options;
-    if (isSanityClientLike(client)) {
+    if (isSanityClient(client)) {
         // Inherit config from client
-        var _a = client.clientConfig, apiUrl = _a.apiHost, projectId = _a.projectId, dataset = _a.dataset;
-        var apiHost = apiUrl || 'https://api.sanity.io';
+        var _a = client.clientConfig, apiHost = _a.apiHost, projectId = _a.projectId, dataset = _a.dataset;
         return new ImageUrlBuilder(null, {
             baseUrl: apiHost.replace(/^https:\/\/api\./, 'https://cdn.'),
             projectId: projectId,
-            dataset: dataset,
+            dataset: dataset
         });
     }
     // Or just accept the options as given
@@ -396,7 +394,7 @@ var ImageUrlBuilder = /** @class */ (function () {
             ? __assign(__assign({}, (parent.options || {})), (options || {})) : __assign({}, (options || {})); // Copy options
     }
     ImageUrlBuilder.prototype.withOptions = function (options) {
-        var baseUrl = options.baseUrl || this.options.baseUrl;
+        var baseUrl = options.baseUrl || '';
         var newOptions = { baseUrl: baseUrl };
         for (var key in options) {
             if (options.hasOwnProperty(key)) {
@@ -490,7 +488,7 @@ var ImageUrlBuilder = /** @class */ (function () {
     ImageUrlBuilder.prototype.flipHorizontal = function () {
         return this.withOptions({ flipHorizontal: true });
     };
-    // Flip image vertically
+    // Flip image verically
     ImageUrlBuilder.prototype.flipVertical = function () {
         return this.withOptions({ flipVertical: true });
     };
@@ -520,15 +518,11 @@ var ImageUrlBuilder = /** @class */ (function () {
         }
         return this.withOptions({ auto: value });
     };
-    // Specify the number of pixels to pad the image
-    ImageUrlBuilder.prototype.pad = function (pad) {
-        return this.withOptions({ pad: pad });
-    };
     // Gets the url based on the submitted parameters
     ImageUrlBuilder.prototype.url = function () {
         return urlForImage_1$1.default(this.options);
     };
-    // Alias for url()
+    // Synonym for url()
     ImageUrlBuilder.prototype.toString = function () {
         return this.url();
     };
@@ -539,7 +533,7 @@ exports.ImageUrlBuilder = ImageUrlBuilder;
 });
 
 _commonjsHelpers.unwrapExports(builder);
-builder.ImageUrlBuilder;
+var builder_1 = builder.ImageUrlBuilder;
 
 var node = _commonjsHelpers.createCommonjsModule(function (module) {
 var __importDefault = (_commonjsHelpers.commonjsGlobal && _commonjsHelpers.commonjsGlobal.__importDefault) || function (mod) {

package/dist/cjs/{index-80f57cff.js → index-da796b8c.js}

@@ -1,15 +1,13 @@
 'use strict';
 
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
 var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
 var React = require('react');
-var reactDom = require('react-dom');
+var React__default = _interopDefault(React);
 var PropTypes = require('prop-types');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var reactDom__default = /*#__PURE__*/_interopDefaultLegacy(reactDom);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var PropTypes__default = _interopDefault(PropTypes);
+var reactDom = _interopDefault(require('react-dom'));
 
 var event = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 
@@ -40,8 +38,8 @@ function off(el, eventName, callback, opts) {
 });
 
 _commonjsHelpers.unwrapExports(event);
-event.on;
-event.off;
+var event_1 = event.on;
+var event_2 = event.off;
 
 var scrollParent = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 
@@ -187,15 +185,15 @@ var _createClass = function () { function defineProperties(target, props) { for
 
 
 
-var _react2 = _interopRequireDefault(React__default['default']);
+var _react2 = _interopRequireDefault(React__default);
 
 
 
-var _reactDom2 = _interopRequireDefault(reactDom__default['default']);
+var _reactDom2 = _interopRequireDefault(reactDom);
 
 
 
-var _propTypes2 = _interopRequireDefault(PropTypes__default['default']);
+var _propTypes2 = _interopRequireDefault(PropTypes__default);
 
 
 
@@ -538,7 +536,7 @@ var LazyLoad = function (_Component) {
   }]);
 
   return LazyLoad;
-}(React__default['default'].Component);
+}(React__default.Component);
 
 LazyLoad.propTypes = {
   once: _propTypes2.default.bool,
@@ -595,7 +593,7 @@ var decorator = function decorator() {
       }]);
 
       return LazyLoadDecorated;
-    }(React__default['default'].Component);
+    }(React__default.Component);
   };
 };
 
@@ -606,8 +604,8 @@ exports.forceVisible = forceVisible;
 });
 
 var LazyLoad = _commonjsHelpers.unwrapExports(lib);
-lib.forceVisible;
-lib.forceCheck;
-lib.lazyload;
+var lib_1 = lib.forceVisible;
+var lib_2 = lib.forceCheck;
+var lib_3 = lib.lazyload;
 
 exports.LazyLoad = LazyLoad;

package/dist/cjs/{index.es-f3e47207.js → index.es-9110add6.js}

@@ -1,10 +1,9 @@
 'use strict';
 
-var React = require('react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var React = require('react');
+var React__default = _interopDefault(React);
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation. All rights reserved.
@@ -269,9 +268,6 @@ var InfiniteScroll = /** @class */ (function (_super) {
             _this.dragging = false;
             if (_this.state.pullToRefreshThresholdBreached) {
                 _this.props.refreshFunction && _this.props.refreshFunction();
-                _this.setState({
-                    pullToRefreshThresholdBreached: false,
-                });
             }
             requestAnimationFrame(function () {
                 // this._infScroll
@@ -297,9 +293,7 @@ var InfiniteScroll = /** @class */ (function (_super) {
             // prevents multiple triggers.
             if (_this.actionTriggered)
                 return;
-            var atBottom = _this.props.inverse
-                ? _this.isElementAtTop(target, _this.props.scrollThreshold)
-                : _this.isElementAtBottom(target, _this.props.scrollThreshold);
+            var atBottom = _this.isElementAtBottom(target, _this.props.scrollThreshold);
             // call the `next` function in the props to trigger the next data fetch
             if (atBottom && _this.props.hasMore) {
                 _this.actionTriggered = true;
@@ -372,30 +366,17 @@ var InfiniteScroll = /** @class */ (function (_super) {
         }
     };
     InfiniteScroll.prototype.UNSAFE_componentWillReceiveProps = function (props) {
-        // do nothing when dataLength is unchanged
-        if (this.props.dataLength === props.dataLength)
+        // do nothing when dataLength and key are unchanged
+        if (this.props.key === props.key &&
+            this.props.dataLength === props.dataLength)
             return;
         this.actionTriggered = false;
         // update state when new data was sent in
         this.setState({
             showLoader: false,
+            pullToRefreshThresholdBreached: false,
         });
     };
-    InfiniteScroll.prototype.isElementAtTop = function (target, scrollThreshold) {
-        if (scrollThreshold === void 0) { scrollThreshold = 0.8; }
-        var clientHeight = target === document.body || target === document.documentElement
-            ? window.screen.availHeight
-            : target.clientHeight;
-        var threshold = parseThreshold(scrollThreshold);
-        if (threshold.unit === ThresholdUnits.Pixel) {
-            return (target.scrollTop <=
-                threshold.value + clientHeight - target.scrollHeight + 1 ||
-                target.scrollTop === 0);
-        }
-        return (target.scrollTop <=
-            threshold.value / 100 + clientHeight - target.scrollHeight + 1 ||
-            target.scrollTop === 0);
-    };
     InfiniteScroll.prototype.isElementAtBottom = function (target, scrollThreshold) {
         if (scrollThreshold === void 0) { scrollThreshold = 0.8; }
         var clientHeight = target === document.body || target === document.documentElement
@@ -420,10 +401,10 @@ var InfiniteScroll = /** @class */ (function (_super) {
         var outerDivStyle = this.props.pullDownToRefresh && this.props.height
             ? { overflow: 'auto' }
             : {};
-        return (React__default['default'].createElement("div", { style: outerDivStyle, className: "infinite-scroll-component__outerdiv" },
-            React__default['default'].createElement("div", { className: "infinite-scroll-component " + (this.props.className || ''), ref: function (infScroll) { return (_this._infScroll = infScroll); }, style: style },
-                this.props.pullDownToRefresh && (React__default['default'].createElement("div", { style: { position: 'relative' }, ref: function (pullDown) { return (_this._pullDown = pullDown); } },
-                    React__default['default'].createElement("div", { style: {
+        return (React__default.createElement("div", { style: outerDivStyle, className: "infinite-scroll-component__outerdiv" },
+            React__default.createElement("div", { className: "infinite-scroll-component " + (this.props.className || ''), ref: function (infScroll) { return (_this._infScroll = infScroll); }, style: style },
+                this.props.pullDownToRefresh && (React__default.createElement("div", { style: { position: 'relative' }, ref: function (pullDown) { return (_this._pullDown = pullDown); } },
+                    React__default.createElement("div", { style: {
                             position: 'absolute',
                             left: 0,
                             right: 0,