tabexseriescomponents 0.0.650 → 0.0.651

package/dist/index.cjs.js

@@ -17989,7 +17989,7 @@ var CardsSection = function CardsSection(props) {
       marginTop: sectionproperties.marginTop + 'px',
       '@media (max-width: 800px)': {
         marginTop: sectionproperties.marginTopResp != undefined && sectionproperties.marginTopResp != undefined ? sectionproperties.marginTopResp + 'px' : sectionproperties.marginTop + 'px',
-        width: sectionproperties.widthresponsive + 'vw'
+        width: sectionproperties.widthresponsive + '%'
       }
     }),
     innercardssection: glamor.css({
@@ -30751,7 +30751,7 @@ var Header8 = function Header8(props) {
       marginTop: sectionproperties.header_marginTop + 'px',
       marginBottom: sectionproperties.header_marginBottom + 'px'
     }
-  }, sectionproperties.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 d-md-none d-sm-none"
   }, /*#__PURE__*/React__default["default"].createElement(MarqueeHeader, {
     sectionpropertiesprops: sectionproperties,
@@ -47668,6 +47668,10 @@ var Newsletterfooter = function Newsletterfooter(props) {
   var templateproperties_context = props.actions.templateproperties_context;
   var templatepropcontext = props.actions.templatepropcontext;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
+  var _useState5 = React.useState([]),
+    _useState6 = _slicedToArray__default["default"](_useState5, 2),
+    maincontainerarrayofobjs = _useState6[0],
+    setmaincontainerarrayofobjs = _useState6[1];
   React.useEffect(function () {
     var secpropobj = {};
     StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -47690,6 +47694,21 @@ var Newsletterfooter = function Newsletterfooter(props) {
     return policyobj;
   };
   var footerStyles = (_footerStyles = {
+    imgcontainer: glamor.css({
+      ':before': {
+        width: '100%',
+        height: '100%',
+        background: 'rgba(0,0,0,' + sectionproperties.cardbg_opacity + ')',
+        zIndex: 1,
+        position: 'absolute',
+        content: 's',
+        fontSize: 0,
+        left: 0,
+        right: 0,
+        top: 0,
+        bottom: 0
+      }
+    }),
     divider: glamor.css({
       height: '1px',
       width: '100%',
@@ -47705,7 +47724,7 @@ var Newsletterfooter = function Newsletterfooter(props) {
       objectFit: 'contain'
     }),
     footerContainer: glamor.css({
-      background: sectionproperties.footerbgcolor,
+      // background: sectionproperties.footerbgcolor,
       paddingTop: sectionproperties.footer_paddingTop + 'px',
       paddingLeft: langdetect == 'en' ? sectionproperties.footer_paddingLeft + 'px' : sectionproperties.footer_paddingRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.footer_paddingRight + 'px' : sectionproperties.footer_paddingLeft + 'px',
@@ -47826,10 +47845,10 @@ var Newsletterfooter = function Newsletterfooter(props) {
       }
     }
   }, [templateproperties_context]);
-  var _useState5 = React.useState([]),
-    _useState6 = _slicedToArray__default["default"](_useState5, 2),
-    bgimagearrayofobjs = _useState6[0],
-    setbgimagearrayofobjs = _useState6[1];
+  var _useState7 = React.useState([]),
+    _useState8 = _slicedToArray__default["default"](_useState7, 2),
+    bgimagearrayofobjs = _useState8[0],
+    setbgimagearrayofobjs = _useState8[1];
   React.useEffect(function () {
     if (sectionproperties.length != 0 && sectionproperties.logoarrayofobjects != undefined) {
       var bg1_arrayofobjsparsed = JSON.parse(sectionproperties.logoarrayofobjects);
@@ -47838,6 +47857,14 @@ var Newsletterfooter = function Newsletterfooter(props) {
       }
     }
   }, [sectionproperties]);
+  React.useEffect(function () {
+    if (sectionproperties.length != 0 && sectionproperties.maincontainerarrayofobjs != undefined) {
+      var maincontainerarrayofobjsparsed = JSON.parse(sectionproperties.maincontainerarrayofobjs);
+      if (Array.isArray(maincontainerarrayofobjsparsed)) {
+        setmaincontainerarrayofobjs(_toConsumableArray__default["default"](maincontainerarrayofobjsparsed));
+      }
+    }
+  }, [sectionproperties]);
   var Section1Title = function Section1Title() {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 p-0"
@@ -48067,12 +48094,33 @@ var Newsletterfooter = function Newsletterfooter(props) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-md-100",
     style: {
-      width: sectionproperties.footerwidth + 'vw'
+      width: sectionproperties.footerwidth + 'vw',
+      position: 'relative',
+      background: sectionproperties.footerbgcolor
     }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, maincontainerarrayofobjs.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: footerStyles.imgcontainer
+  }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+    urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+    publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+    path: maincontainerarrayofobjs[0].back_bgimage,
+    style: {
+      height: '100%',
+      width: '100%',
+      objectFit: 'cover',
+      margin: 0,
+      padding: 0,
+      position: 'absolute',
+      top: 0,
+      bottom: 0,
+      right: 0,
+      left: 0
+    }
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
       paddingLeft: langdetect == 'en' ? sectionproperties.footer_paddingLeft + 'px' : sectionproperties.footer_paddingRight + 'px',
-      paddingRight: langdetect == 'en' ? sectionproperties.footer_paddingRight + 'px' : sectionproperties.footer_paddingLeft + 'px'
+      paddingRight: langdetect == 'en' ? sectionproperties.footer_paddingRight + 'px' : sectionproperties.footer_paddingLeft + 'px',
+      zIndex: 1
     },
     "class": "".concat(footerStyles.footerContainer) + ' col-lg-12 col-md-12 col-sm-12 pl-sm-2 pr-sm-2 pl-md-3 pr-md-3 px-2015-3 py-lg-3 '
   }, /*#__PURE__*/React__default["default"].createElement("div", {

package/dist/index.esm.js

@@ -17940,7 +17940,7 @@ var CardsSection = function CardsSection(props) {
       marginTop: sectionproperties.marginTop + 'px',
       '@media (max-width: 800px)': {
         marginTop: sectionproperties.marginTopResp != undefined && sectionproperties.marginTopResp != undefined ? sectionproperties.marginTopResp + 'px' : sectionproperties.marginTop + 'px',
-        width: sectionproperties.widthresponsive + 'vw'
+        width: sectionproperties.widthresponsive + '%'
       }
     }),
     innercardssection: css({
@@ -30702,7 +30702,7 @@ var Header8 = function Header8(props) {
       marginTop: sectionproperties.header_marginTop + 'px',
       marginBottom: sectionproperties.header_marginBottom + 'px'
     }
-  }, sectionproperties.showtextslider == 'Show' && /*#__PURE__*/React.createElement("div", {
+  }, templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 d-md-none d-sm-none"
   }, /*#__PURE__*/React.createElement(MarqueeHeader, {
     sectionpropertiesprops: sectionproperties,
@@ -47619,6 +47619,10 @@ var Newsletterfooter = function Newsletterfooter(props) {
   var templateproperties_context = props.actions.templateproperties_context;
   var templatepropcontext = props.actions.templatepropcontext;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    maincontainerarrayofobjs = _useState6[0],
+    setmaincontainerarrayofobjs = _useState6[1];
   useEffect(function () {
     var secpropobj = {};
     StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -47641,6 +47645,21 @@ var Newsletterfooter = function Newsletterfooter(props) {
     return policyobj;
   };
   var footerStyles = (_footerStyles = {
+    imgcontainer: css({
+      ':before': {
+        width: '100%',
+        height: '100%',
+        background: 'rgba(0,0,0,' + sectionproperties.cardbg_opacity + ')',
+        zIndex: 1,
+        position: 'absolute',
+        content: 's',
+        fontSize: 0,
+        left: 0,
+        right: 0,
+        top: 0,
+        bottom: 0
+      }
+    }),
     divider: css({
       height: '1px',
       width: '100%',
@@ -47656,7 +47675,7 @@ var Newsletterfooter = function Newsletterfooter(props) {
       objectFit: 'contain'
     }),
     footerContainer: css({
-      background: sectionproperties.footerbgcolor,
+      // background: sectionproperties.footerbgcolor,
       paddingTop: sectionproperties.footer_paddingTop + 'px',
       paddingLeft: langdetect == 'en' ? sectionproperties.footer_paddingLeft + 'px' : sectionproperties.footer_paddingRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.footer_paddingRight + 'px' : sectionproperties.footer_paddingLeft + 'px',
@@ -47777,10 +47796,10 @@ var Newsletterfooter = function Newsletterfooter(props) {
       }
     }
   }, [templateproperties_context]);
-  var _useState5 = useState([]),
-    _useState6 = _slicedToArray(_useState5, 2),
-    bgimagearrayofobjs = _useState6[0],
-    setbgimagearrayofobjs = _useState6[1];
+  var _useState7 = useState([]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    bgimagearrayofobjs = _useState8[0],
+    setbgimagearrayofobjs = _useState8[1];
   useEffect(function () {
     if (sectionproperties.length != 0 && sectionproperties.logoarrayofobjects != undefined) {
       var bg1_arrayofobjsparsed = JSON.parse(sectionproperties.logoarrayofobjects);
@@ -47789,6 +47808,14 @@ var Newsletterfooter = function Newsletterfooter(props) {
       }
     }
   }, [sectionproperties]);
+  useEffect(function () {
+    if (sectionproperties.length != 0 && sectionproperties.maincontainerarrayofobjs != undefined) {
+      var maincontainerarrayofobjsparsed = JSON.parse(sectionproperties.maincontainerarrayofobjs);
+      if (Array.isArray(maincontainerarrayofobjsparsed)) {
+        setmaincontainerarrayofobjs(_toConsumableArray(maincontainerarrayofobjsparsed));
+      }
+    }
+  }, [sectionproperties]);
   var Section1Title = function Section1Title() {
     return /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 p-0"
@@ -48018,12 +48045,33 @@ var Newsletterfooter = function Newsletterfooter(props) {
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-md-100",
     style: {
-      width: sectionproperties.footerwidth + 'vw'
+      width: sectionproperties.footerwidth + 'vw',
+      position: 'relative',
+      background: sectionproperties.footerbgcolor
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, maincontainerarrayofobjs.length != 0 && /*#__PURE__*/React.createElement("div", {
+    className: footerStyles.imgcontainer
+  }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
+    urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+    publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+    path: maincontainerarrayofobjs[0].back_bgimage,
+    style: {
+      height: '100%',
+      width: '100%',
+      objectFit: 'cover',
+      margin: 0,
+      padding: 0,
+      position: 'absolute',
+      top: 0,
+      bottom: 0,
+      right: 0,
+      left: 0
+    }
+  })), /*#__PURE__*/React.createElement("div", {
     style: {
       paddingLeft: langdetect == 'en' ? sectionproperties.footer_paddingLeft + 'px' : sectionproperties.footer_paddingRight + 'px',
-      paddingRight: langdetect == 'en' ? sectionproperties.footer_paddingRight + 'px' : sectionproperties.footer_paddingLeft + 'px'
+      paddingRight: langdetect == 'en' ? sectionproperties.footer_paddingRight + 'px' : sectionproperties.footer_paddingLeft + 'px',
+      zIndex: 1
     },
     "class": "".concat(footerStyles.footerContainer) + ' col-lg-12 col-md-12 col-sm-12 pl-sm-2 pr-sm-2 pl-md-3 pr-md-3 px-2015-3 py-lg-3 '
   }, /*#__PURE__*/React.createElement("div", {

package/dist/index.umd.js

@@ -17813,7 +17813,7 @@
           marginTop: sectionproperties.marginTop + 'px',
           '@media (max-width: 800px)': {
             marginTop: sectionproperties.marginTopResp != undefined && sectionproperties.marginTopResp != undefined ? sectionproperties.marginTopResp + 'px' : sectionproperties.marginTop + 'px',
-            width: sectionproperties.widthresponsive + 'vw'
+            width: sectionproperties.widthresponsive + '%'
           }
         }),
         innercardssection: glamor.css({
@@ -30575,7 +30575,7 @@
           marginTop: sectionproperties.header_marginTop + 'px',
           marginBottom: sectionproperties.header_marginBottom + 'px'
         }
-      }, sectionproperties.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 p-0 d-md-none d-sm-none"
       }, /*#__PURE__*/React__default["default"].createElement(MarqueeHeader, {
         sectionpropertiesprops: sectionproperties,
@@ -47492,6 +47492,10 @@
       var templateproperties_context = props.actions.templateproperties_context;
       var templatepropcontext = props.actions.templatepropcontext;
       var ikimagecredcontext = props.actions.ikimagecredcontext;
+      var _useState5 = React.useState([]),
+        _useState6 = _slicedToArray__default["default"](_useState5, 2),
+        maincontainerarrayofobjs = _useState6[0],
+        setmaincontainerarrayofobjs = _useState6[1];
       React.useEffect(function () {
         var secpropobj = {};
         StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -47514,6 +47518,21 @@
         return policyobj;
       };
       var footerStyles = (_footerStyles = {
+        imgcontainer: glamor.css({
+          ':before': {
+            width: '100%',
+            height: '100%',
+            background: 'rgba(0,0,0,' + sectionproperties.cardbg_opacity + ')',
+            zIndex: 1,
+            position: 'absolute',
+            content: 's',
+            fontSize: 0,
+            left: 0,
+            right: 0,
+            top: 0,
+            bottom: 0
+          }
+        }),
         divider: glamor.css({
           height: '1px',
           width: '100%',
@@ -47529,7 +47548,7 @@
           objectFit: 'contain'
         }),
         footerContainer: glamor.css({
-          background: sectionproperties.footerbgcolor,
+          // background: sectionproperties.footerbgcolor,
           paddingTop: sectionproperties.footer_paddingTop + 'px',
           paddingLeft: langdetect == 'en' ? sectionproperties.footer_paddingLeft + 'px' : sectionproperties.footer_paddingRight + 'px',
           paddingRight: langdetect == 'en' ? sectionproperties.footer_paddingRight + 'px' : sectionproperties.footer_paddingLeft + 'px',
@@ -47650,10 +47669,10 @@
           }
         }
       }, [templateproperties_context]);
-      var _useState5 = React.useState([]),
-        _useState6 = _slicedToArray__default["default"](_useState5, 2),
-        bgimagearrayofobjs = _useState6[0],
-        setbgimagearrayofobjs = _useState6[1];
+      var _useState7 = React.useState([]),
+        _useState8 = _slicedToArray__default["default"](_useState7, 2),
+        bgimagearrayofobjs = _useState8[0],
+        setbgimagearrayofobjs = _useState8[1];
       React.useEffect(function () {
         if (sectionproperties.length != 0 && sectionproperties.logoarrayofobjects != undefined) {
           var bg1_arrayofobjsparsed = JSON.parse(sectionproperties.logoarrayofobjects);
@@ -47662,6 +47681,14 @@
           }
         }
       }, [sectionproperties]);
+      React.useEffect(function () {
+        if (sectionproperties.length != 0 && sectionproperties.maincontainerarrayofobjs != undefined) {
+          var maincontainerarrayofobjsparsed = JSON.parse(sectionproperties.maincontainerarrayofobjs);
+          if (Array.isArray(maincontainerarrayofobjsparsed)) {
+            setmaincontainerarrayofobjs(_toConsumableArray__default["default"](maincontainerarrayofobjsparsed));
+          }
+        }
+      }, [sectionproperties]);
       var Section1Title = function Section1Title() {
         return /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-12 p-0"
@@ -47891,12 +47918,33 @@
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row m-0 w-md-100",
         style: {
-          width: sectionproperties.footerwidth + 'vw'
+          width: sectionproperties.footerwidth + 'vw',
+          position: 'relative',
+          background: sectionproperties.footerbgcolor
         }
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
+      }, maincontainerarrayofobjs.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+        className: footerStyles.imgcontainer
+      }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+        urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+        publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+        path: maincontainerarrayofobjs[0].back_bgimage,
+        style: {
+          height: '100%',
+          width: '100%',
+          objectFit: 'cover',
+          margin: 0,
+          padding: 0,
+          position: 'absolute',
+          top: 0,
+          bottom: 0,
+          right: 0,
+          left: 0
+        }
+      })), /*#__PURE__*/React__default["default"].createElement("div", {
         style: {
           paddingLeft: langdetect == 'en' ? sectionproperties.footer_paddingLeft + 'px' : sectionproperties.footer_paddingRight + 'px',
-          paddingRight: langdetect == 'en' ? sectionproperties.footer_paddingRight + 'px' : sectionproperties.footer_paddingLeft + 'px'
+          paddingRight: langdetect == 'en' ? sectionproperties.footer_paddingRight + 'px' : sectionproperties.footer_paddingLeft + 'px',
+          zIndex: 1
         },
         "class": "".concat(footerStyles.footerContainer) + ' col-lg-12 col-md-12 col-sm-12 pl-sm-2 pr-sm-2 pl-md-3 pr-md-3 px-2015-3 py-lg-3 '
       }, /*#__PURE__*/React__default["default"].createElement("div", {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "tabexseriescomponents",
-    "version": "0.0.650",
+    "version": "0.0.651",
     "description": "your description",
     "main": "dist/index.cjs.js",
     "scripts": {