tabexseriescomponents 0.0.382 → 0.0.383

package/dist/index.cjs.js

@@ -35835,7 +35835,7 @@ styleInject(css_248z$m);
 function ownKeys$1B(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$1B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1B(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TwoTieredWithCenteredLogoHeader = function TwoTieredWithCenteredLogoHeader(props) {
-  var _authdetailsContext$i2, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _fetchcustomercartQue, _fetchcustomercartQue2;
+  var _textarray$, _textarray$2, _authdetailsContext$i2, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _fetchcustomercartQue, _fetchcustomercartQue2;
   var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -35856,6 +35856,10 @@ var TwoTieredWithCenteredLogoHeader = function TwoTieredWithCenteredLogoHeader(p
   var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
   var actions = props.actions;
+  var _useState3 = React.useState([]),
+    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    textarray = _useState4[0],
+    settextarray = _useState4[1];
   React.useEffect(function () {
     var secpropobj = {};
     StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -35872,10 +35876,10 @@ var TwoTieredWithCenteredLogoHeader = function TwoTieredWithCenteredLogoHeader(p
     }
     setsectionproperties(_objectSpread$1B({}, secpropobj));
   }, [StatePagePropertiesContext]);
-  var _useState3 = React.useState([]),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2),
-    logoarrayofobjects = _useState4[0],
-    setlogoarrayofobjects = _useState4[1];
+  var _useState5 = React.useState([]),
+    _useState6 = _slicedToArray__default["default"](_useState5, 2),
+    logoarrayofobjects = _useState6[0],
+    setlogoarrayofobjects = _useState6[1];
   React.useEffect(function () {
     if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
       var logoarrayofobjectsparsed = JSON.parse(templateproperties_context.logoarrayofobjects);
@@ -36164,12 +36168,53 @@ var TwoTieredWithCenteredLogoHeader = function TwoTieredWithCenteredLogoHeader(p
       }
     })
   };
+  React.useEffect(function () {
+    if (templateproperties_context.length != 0 && templateproperties_context.txtArray != undefined) {
+      var textarrayparsed = JSON.parse(templateproperties_context.txtArray);
+      if (Array.isArray(textarrayparsed)) {
+        settextarray(_toConsumableArray__default["default"](textarrayparsed));
+      }
+    }
+  }, [templateproperties_context]);
   return /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 d-flex align-items-center justify-content-center "
   }, sectionproperties.showdownloadapp == 'Show' && /*#__PURE__*/React__default["default"].createElement(DownloadApp, {
     sectionpropertiesprops: sectionproperties,
     actions: actions
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), sectionproperties.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 px-0 allcentered",
+    style: {
+      background: templateproperties_context.textsliderbgcolor,
+      paddingTop: templateproperties_context.paddinghorizontal + 'px',
+      paddingBottom: templateproperties_context.paddinghorizontal + 'px'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-4 col-md-6"
+  }, templateproperties_context.textslidertype == 'Slider' && /*#__PURE__*/React__default["default"].createElement("marquee", null, /*#__PURE__*/React__default["default"].createElement("span", {
+    "class": "d-flex flex-row align-items-center"
+  }, textarray.map(function (item, index) {
+    return /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": header_cssstyles.textSlider + ' mb-0 p-0 ',
+      style: {
+        fontSize: templateproperties_context.textsliderfontsize + 'px',
+        color: templateproperties_context.textsliderfontcolor,
+        fontWeight: templateproperties_context.textsliderfontweight,
+        marginLeft: 100,
+        marginRight: 100
+      }
+    }, langdetect == 'en' ? item.textEnglish : item.textArabic);
+  }))), templateproperties_context.textslidertype == 'Text' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "w-100 allcentered"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": header_cssstyles.textSlider + ' mb-0 p-0 ',
+    style: {
+      fontSize: templateproperties_context.textsliderfontsize + 'px',
+      color: templateproperties_context.textsliderfontcolor,
+      fontWeight: templateproperties_context.textsliderfontweight
+    }
+  }, langdetect == 'en' ? (_textarray$ = textarray[0]) === null || _textarray$ === void 0 ? void 0 : _textarray$.textEnglish : (_textarray$2 = textarray[0]) === null || _textarray$2 === void 0 ? void 0 : _textarray$2.textArabic))))
+  // <MarqueeHeader sectionpropertiesprops={sectionproperties} actions={actions} />
+  , /*#__PURE__*/React__default["default"].createElement("div", {
     "class": " ".concat(header_cssstyles.headercontainer) + ' d-flex d-md-none align-items-center m-0 pl-lg-2 pr-lg-2 '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 "
@@ -44910,7 +44955,11 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
       borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
       borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
       borderColor: sectionproperties.sectioncardbordercolor,
-      border: sectionproperties.sectioncardborderwidth + 'px solid'
+      border: sectionproperties.sectioncardborderwidth + 'px solid',
+      '@media (max-width: 800px)': {
+        paddingTop: sectionproperties.paddingverticalresponsive + 'px',
+        paddingBottom: sectionproperties.paddingverticalresponsive + 'px'
+      }
     }),
     viewmorebtn: glamor.css({
       width: sectionproperties.viewmorebtn_Width + 'px',
@@ -50176,6 +50225,12 @@ var Twobgimages = function Twobgimages(props) {
         borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
         borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
         borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px'
+      },
+      height: '100%',
+      width: '100%',
+      '@media (max-width: 800px)': {
+        width: sectionproperties.innerwidthheightresp + '%',
+        height: sectionproperties.innerwidthheightresp + '%'
       }
     }),
     text1styles: glamor.css({
@@ -50254,7 +50309,7 @@ var Twobgimages = function Twobgimages(props) {
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: sectionproperties.collectionssectionshow == 'Show' ? 'col-lg-10 col-md-12 p-md-0' : 'col-lg-12 p-0'
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "row m-0 w-100"
+      className: sectionproperties.justifyContentCenter == 'Centered' ? 'row m-0 w-100 allcentered' : 'row m-0 w-100 allcentered'
     }, Object.keys(bgimagearrayofobjs).length != 0 && bgimagearrayofobjs.map(function (item, index) {
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: bgimagearrayofobjs[index].bg1_numberofcols != 12 ? ' d-flex align-items-stretch col-md-6 col-sm-12 pr-sm-2 pl-sm-2 mb-md-3 mt-md-3 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols : ' d-flex align-items-stretch col-md-12 col-sm-12 pr-md-0 pl-md-0 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols,
@@ -50280,16 +50335,13 @@ var Twobgimages = function Twobgimages(props) {
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "row ml-0 mr-0 d-flex justify-content-center w-100"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'col-lg-12 p-0 h-md-auto' : 'col-lg-12 p-0',
+        className: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'col-lg-12 p-0 h-md-auto allcentered' : 'col-lg-12 p-0 allcentered',
         style: {
           height: sectionproperties.bgcovercontain == 'Contain' ? 'auto' : sectionproperties.image_height + 'vh'
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "".concat(bgcssstyles.bgimage) + ' d-md-flex d-sm-none ',
-        style: {
-          height: '100%',
-          width: '100%'
-        }
+        style: {}
       }, /*#__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,
@@ -50306,10 +50358,7 @@ var Twobgimages = function Twobgimages(props) {
         }
       })), /*#__PURE__*/React__default["default"].createElement("div", {
         className: "".concat(bgcssstyles.bgimage) + ' d-none d-md-none d-sm-flex',
-        style: {
-          height: '100%',
-          width: '100%'
-        }
+        style: {}
       }, /*#__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,
@@ -52266,6 +52315,32 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
         backgroundColor: sectionproperties.linebgcolor,
         borderRadius: '5px'
       }
+    }),
+    imageimage: glamor.css({
+      width: '100%',
+      height: sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'px',
+      margin: 0,
+      padding: 0,
+      objectFit: sectionproperties.bgcovercontain,
+      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
+      borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
+      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
+      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
+      '@media (max-width: 800px)': {
+        height: sectionproperties.height_responsive == 0 ? 'auto' : sectionproperties.height_responsive + '%'
+      }
+    }),
+    editortext: glamor.css({
+      textAlign: sectionproperties.text2centered == 'Centered' ? 'center' : sectionproperties.text2centered == 'Justify' ? 'justify' : 'start',
+      color: sectionproperties.slideshowText2ContentColor,
+      fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
+      fontWeight: sectionproperties.slideshowText2ContentFontWeight,
+      paddingLeft: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginLeft + 'px' : sectionproperties.slideshowText2Content_marginRight + 'px',
+      paddingRight: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginRight + 'px' : sectionproperties.slideshowText2Content_marginLeft + 'px',
+      '@media (max-width: 800px)': {
+        fontSize: sectionproperties.slideshowText2ContentFontSize_resp + 'px',
+        textAlign: sectionproperties.text2centered == 'Centered' ? 'center' : sectionproperties.text2centered == 'Justify' ? 'justify' : 'start'
+      }
     })
   };
   var SectionTitle = function SectionTitle() {
@@ -52350,15 +52425,8 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
         justifyContent: sectionproperties.text2centered == 'Centered' ? 'center' : 'start'
       }
     }, /*#__PURE__*/React__default["default"].createElement("p", {
-      "class": "pb-0 text-md-center pl-md-2 pr-md-2",
-      style: {
-        textAlign: sectionproperties.text2centered == 'Centered' ? 'center' : 'start',
-        color: sectionproperties.slideshowText2ContentColor,
-        fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
-        fontWeight: sectionproperties.slideshowText2ContentFontWeight,
-        paddingLeft: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginLeft + 'px' : sectionproperties.slideshowText2Content_marginRight + 'px',
-        paddingRight: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginRight + 'px' : sectionproperties.slideshowText2Content_marginLeft + 'px'
-      },
+      "class": sectionproperties.text2centered == 'Justify' ? section_styles.editortext + ' pb-0 pl-md-2 pr-md-2 ' : section_styles.editortext + ' pb-0 text-md-center pl-md-2 pr-md-2 ',
+      style: {},
       dangerouslySetInnerHTML: {
         __html: langdetect == 'en' ? sectionproperties.contenteditor : sectionproperties.text2editortextar
       }
@@ -52441,20 +52509,11 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
         }
       }
     }, imagesarray.length != 0 && /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+      "class": section_styles.imageimage,
       urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
       publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
       path: langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + ((_imagesarray$7 = imagesarray[0]) === null || _imagesarray$7 === void 0 ? void 0 : _imagesarray$7.bgsection_image) : '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + ((_imagesarray$8 = imagesarray[0]) === null || _imagesarray$8 === void 0 ? void 0 : _imagesarray$8.bgsection_image_ar),
-      style: {
-        width: '100%',
-        height: sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'px',
-        margin: 0,
-        padding: 0,
-        objectFit: sectionproperties.bgcovercontain,
-        borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
-        borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
-        borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
-        borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px'
-      }
+      style: {}
     }));
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -52472,12 +52531,12 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
       width: sectionproperties.width + 'vw'
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionproperties.paddingLeft != 0 && sectionproperties.paddingRight != 0 ? 'row m-0 w-100 d-flex justify-content-between plr-1025-1 pr-md-3 pl-md-3' : sectionproperties.paddingLeft != 0 ? langdetect == 'en' ? 'row m-0 w-100 d-flex justify-content-between pl-1025-1 pl-md-3' : 'row m-0 w-100 d-flex justify-content-between pr-1025-1 pr-md-3' : sectionproperties.paddingRight != 0 ? langdetect == 'en' ? 'row m-0 w-100 d-flex justify-content-between pr-1025-1 pr-md-3' : 'row m-0 w-100 d-flex justify-content-between pl-1025-1 pl-md-3' : 'row m-0 w-100 d-flex justify-content-between',
+    "class": sectionproperties.paddingLeft != 0 && sectionproperties.paddingRight != 0 ? section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between plr-1025-1 pr-md-3 pl-md-3 ' : sectionproperties.paddingLeft != 0 ? langdetect == 'en' ? section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between pl-1025-1 pl-md-3 ' : section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between pr-1025-1 pr-md-3 ' : sectionproperties.paddingRight != 0 ? langdetect == 'en' ? section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between pr-1025-1 pr-md-3 ' : section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between pl-1025-1 pl-md-3 ' : section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between ',
     style: {
       paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
-      paddingTop: sectionproperties.paddingTop + 'px',
-      paddingBottom: sectionproperties.paddingBottom + 'px',
+      // paddingTop: sectionproperties.paddingTop + 'px',
+      // paddingBottom: sectionproperties.paddingBottom + 'px',
       marginTop: sectionproperties.marginTop + 'px',
       marginBottom: sectionproperties.marginBottom + 'px',
       borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',

package/dist/index.esm.js

@@ -35786,7 +35786,7 @@ styleInject(css_248z$m);
 function ownKeys$1B(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$1B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1B(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TwoTieredWithCenteredLogoHeader = function TwoTieredWithCenteredLogoHeader(props) {
-  var _authdetailsContext$i2, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _fetchcustomercartQue, _fetchcustomercartQue2;
+  var _textarray$, _textarray$2, _authdetailsContext$i2, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _fetchcustomercartQue, _fetchcustomercartQue2;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -35807,6 +35807,10 @@ var TwoTieredWithCenteredLogoHeader = function TwoTieredWithCenteredLogoHeader(p
   var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
   var actions = props.actions;
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    textarray = _useState4[0],
+    settextarray = _useState4[1];
   useEffect(function () {
     var secpropobj = {};
     StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -35823,10 +35827,10 @@ var TwoTieredWithCenteredLogoHeader = function TwoTieredWithCenteredLogoHeader(p
     }
     setsectionproperties(_objectSpread$1B({}, secpropobj));
   }, [StatePagePropertiesContext]);
-  var _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    logoarrayofobjects = _useState4[0],
-    setlogoarrayofobjects = _useState4[1];
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    logoarrayofobjects = _useState6[0],
+    setlogoarrayofobjects = _useState6[1];
   useEffect(function () {
     if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
       var logoarrayofobjectsparsed = JSON.parse(templateproperties_context.logoarrayofobjects);
@@ -36115,12 +36119,53 @@ var TwoTieredWithCenteredLogoHeader = function TwoTieredWithCenteredLogoHeader(p
       }
     })
   };
+  useEffect(function () {
+    if (templateproperties_context.length != 0 && templateproperties_context.txtArray != undefined) {
+      var textarrayparsed = JSON.parse(templateproperties_context.txtArray);
+      if (Array.isArray(textarrayparsed)) {
+        settextarray(_toConsumableArray(textarrayparsed));
+      }
+    }
+  }, [templateproperties_context]);
   return /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 d-flex align-items-center justify-content-center "
   }, sectionproperties.showdownloadapp == 'Show' && /*#__PURE__*/React.createElement(DownloadApp, {
     sectionpropertiesprops: sectionproperties,
     actions: actions
-  }), /*#__PURE__*/React.createElement("div", {
+  }), sectionproperties.showtextslider == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 px-0 allcentered",
+    style: {
+      background: templateproperties_context.textsliderbgcolor,
+      paddingTop: templateproperties_context.paddinghorizontal + 'px',
+      paddingBottom: templateproperties_context.paddinghorizontal + 'px'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-4 col-md-6"
+  }, templateproperties_context.textslidertype == 'Slider' && /*#__PURE__*/React.createElement("marquee", null, /*#__PURE__*/React.createElement("span", {
+    "class": "d-flex flex-row align-items-center"
+  }, textarray.map(function (item, index) {
+    return /*#__PURE__*/React.createElement("p", {
+      "class": header_cssstyles.textSlider + ' mb-0 p-0 ',
+      style: {
+        fontSize: templateproperties_context.textsliderfontsize + 'px',
+        color: templateproperties_context.textsliderfontcolor,
+        fontWeight: templateproperties_context.textsliderfontweight,
+        marginLeft: 100,
+        marginRight: 100
+      }
+    }, langdetect == 'en' ? item.textEnglish : item.textArabic);
+  }))), templateproperties_context.textslidertype == 'Text' && /*#__PURE__*/React.createElement("div", {
+    "class": "w-100 allcentered"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": header_cssstyles.textSlider + ' mb-0 p-0 ',
+    style: {
+      fontSize: templateproperties_context.textsliderfontsize + 'px',
+      color: templateproperties_context.textsliderfontcolor,
+      fontWeight: templateproperties_context.textsliderfontweight
+    }
+  }, langdetect == 'en' ? (_textarray$ = textarray[0]) === null || _textarray$ === void 0 ? void 0 : _textarray$.textEnglish : (_textarray$2 = textarray[0]) === null || _textarray$2 === void 0 ? void 0 : _textarray$2.textArabic))))
+  // <MarqueeHeader sectionpropertiesprops={sectionproperties} actions={actions} />
+  , /*#__PURE__*/React.createElement("div", {
     "class": " ".concat(header_cssstyles.headercontainer) + ' d-flex d-md-none align-items-center m-0 pl-lg-2 pr-lg-2 '
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 "
@@ -44861,7 +44906,11 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
       borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
       borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
       borderColor: sectionproperties.sectioncardbordercolor,
-      border: sectionproperties.sectioncardborderwidth + 'px solid'
+      border: sectionproperties.sectioncardborderwidth + 'px solid',
+      '@media (max-width: 800px)': {
+        paddingTop: sectionproperties.paddingverticalresponsive + 'px',
+        paddingBottom: sectionproperties.paddingverticalresponsive + 'px'
+      }
     }),
     viewmorebtn: css({
       width: sectionproperties.viewmorebtn_Width + 'px',
@@ -50127,6 +50176,12 @@ var Twobgimages = function Twobgimages(props) {
         borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
         borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
         borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px'
+      },
+      height: '100%',
+      width: '100%',
+      '@media (max-width: 800px)': {
+        width: sectionproperties.innerwidthheightresp + '%',
+        height: sectionproperties.innerwidthheightresp + '%'
       }
     }),
     text1styles: css({
@@ -50205,7 +50260,7 @@ var Twobgimages = function Twobgimages(props) {
     }, /*#__PURE__*/React.createElement("div", {
       className: sectionproperties.collectionssectionshow == 'Show' ? 'col-lg-10 col-md-12 p-md-0' : 'col-lg-12 p-0'
     }, /*#__PURE__*/React.createElement("div", {
-      className: "row m-0 w-100"
+      className: sectionproperties.justifyContentCenter == 'Centered' ? 'row m-0 w-100 allcentered' : 'row m-0 w-100 allcentered'
     }, Object.keys(bgimagearrayofobjs).length != 0 && bgimagearrayofobjs.map(function (item, index) {
       return /*#__PURE__*/React.createElement("div", {
         className: bgimagearrayofobjs[index].bg1_numberofcols != 12 ? ' d-flex align-items-stretch col-md-6 col-sm-12 pr-sm-2 pl-sm-2 mb-md-3 mt-md-3 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols : ' d-flex align-items-stretch col-md-12 col-sm-12 pr-md-0 pl-md-0 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols,
@@ -50231,16 +50286,13 @@ var Twobgimages = function Twobgimages(props) {
       }, /*#__PURE__*/React.createElement("div", {
         className: "row ml-0 mr-0 d-flex justify-content-center w-100"
       }, /*#__PURE__*/React.createElement("div", {
-        className: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'col-lg-12 p-0 h-md-auto' : 'col-lg-12 p-0',
+        className: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'col-lg-12 p-0 h-md-auto allcentered' : 'col-lg-12 p-0 allcentered',
         style: {
           height: sectionproperties.bgcovercontain == 'Contain' ? 'auto' : sectionproperties.image_height + 'vh'
         }
       }, /*#__PURE__*/React.createElement("div", {
         className: "".concat(bgcssstyles.bgimage) + ' d-md-flex d-sm-none ',
-        style: {
-          height: '100%',
-          width: '100%'
-        }
+        style: {}
       }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
         urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
         publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
@@ -50257,10 +50309,7 @@ var Twobgimages = function Twobgimages(props) {
         }
       })), /*#__PURE__*/React.createElement("div", {
         className: "".concat(bgcssstyles.bgimage) + ' d-none d-md-none d-sm-flex',
-        style: {
-          height: '100%',
-          width: '100%'
-        }
+        style: {}
       }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
         urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
         publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
@@ -52217,6 +52266,32 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
         backgroundColor: sectionproperties.linebgcolor,
         borderRadius: '5px'
       }
+    }),
+    imageimage: css({
+      width: '100%',
+      height: sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'px',
+      margin: 0,
+      padding: 0,
+      objectFit: sectionproperties.bgcovercontain,
+      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
+      borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
+      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
+      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
+      '@media (max-width: 800px)': {
+        height: sectionproperties.height_responsive == 0 ? 'auto' : sectionproperties.height_responsive + '%'
+      }
+    }),
+    editortext: css({
+      textAlign: sectionproperties.text2centered == 'Centered' ? 'center' : sectionproperties.text2centered == 'Justify' ? 'justify' : 'start',
+      color: sectionproperties.slideshowText2ContentColor,
+      fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
+      fontWeight: sectionproperties.slideshowText2ContentFontWeight,
+      paddingLeft: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginLeft + 'px' : sectionproperties.slideshowText2Content_marginRight + 'px',
+      paddingRight: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginRight + 'px' : sectionproperties.slideshowText2Content_marginLeft + 'px',
+      '@media (max-width: 800px)': {
+        fontSize: sectionproperties.slideshowText2ContentFontSize_resp + 'px',
+        textAlign: sectionproperties.text2centered == 'Centered' ? 'center' : sectionproperties.text2centered == 'Justify' ? 'justify' : 'start'
+      }
     })
   };
   var SectionTitle = function SectionTitle() {
@@ -52301,15 +52376,8 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
         justifyContent: sectionproperties.text2centered == 'Centered' ? 'center' : 'start'
       }
     }, /*#__PURE__*/React.createElement("p", {
-      "class": "pb-0 text-md-center pl-md-2 pr-md-2",
-      style: {
-        textAlign: sectionproperties.text2centered == 'Centered' ? 'center' : 'start',
-        color: sectionproperties.slideshowText2ContentColor,
-        fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
-        fontWeight: sectionproperties.slideshowText2ContentFontWeight,
-        paddingLeft: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginLeft + 'px' : sectionproperties.slideshowText2Content_marginRight + 'px',
-        paddingRight: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginRight + 'px' : sectionproperties.slideshowText2Content_marginLeft + 'px'
-      },
+      "class": sectionproperties.text2centered == 'Justify' ? section_styles.editortext + ' pb-0 pl-md-2 pr-md-2 ' : section_styles.editortext + ' pb-0 text-md-center pl-md-2 pr-md-2 ',
+      style: {},
       dangerouslySetInnerHTML: {
         __html: langdetect == 'en' ? sectionproperties.contenteditor : sectionproperties.text2editortextar
       }
@@ -52392,20 +52460,11 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
         }
       }
     }, imagesarray.length != 0 && /*#__PURE__*/React.createElement(Imagekitimagecomp, {
+      "class": section_styles.imageimage,
       urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
       publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
       path: langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + ((_imagesarray$7 = imagesarray[0]) === null || _imagesarray$7 === void 0 ? void 0 : _imagesarray$7.bgsection_image) : '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + ((_imagesarray$8 = imagesarray[0]) === null || _imagesarray$8 === void 0 ? void 0 : _imagesarray$8.bgsection_image_ar),
-      style: {
-        width: '100%',
-        height: sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'px',
-        margin: 0,
-        padding: 0,
-        objectFit: sectionproperties.bgcovercontain,
-        borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
-        borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
-        borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
-        borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px'
-      }
+      style: {}
     }));
   };
   return /*#__PURE__*/React.createElement("div", {
@@ -52423,12 +52482,12 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
       width: sectionproperties.width + 'vw'
     }
   }, /*#__PURE__*/React.createElement("div", {
-    "class": sectionproperties.paddingLeft != 0 && sectionproperties.paddingRight != 0 ? 'row m-0 w-100 d-flex justify-content-between plr-1025-1 pr-md-3 pl-md-3' : sectionproperties.paddingLeft != 0 ? langdetect == 'en' ? 'row m-0 w-100 d-flex justify-content-between pl-1025-1 pl-md-3' : 'row m-0 w-100 d-flex justify-content-between pr-1025-1 pr-md-3' : sectionproperties.paddingRight != 0 ? langdetect == 'en' ? 'row m-0 w-100 d-flex justify-content-between pr-1025-1 pr-md-3' : 'row m-0 w-100 d-flex justify-content-between pl-1025-1 pl-md-3' : 'row m-0 w-100 d-flex justify-content-between',
+    "class": sectionproperties.paddingLeft != 0 && sectionproperties.paddingRight != 0 ? section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between plr-1025-1 pr-md-3 pl-md-3 ' : sectionproperties.paddingLeft != 0 ? langdetect == 'en' ? section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between pl-1025-1 pl-md-3 ' : section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between pr-1025-1 pr-md-3 ' : sectionproperties.paddingRight != 0 ? langdetect == 'en' ? section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between pr-1025-1 pr-md-3 ' : section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between pl-1025-1 pl-md-3 ' : section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between ',
     style: {
       paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
-      paddingTop: sectionproperties.paddingTop + 'px',
-      paddingBottom: sectionproperties.paddingBottom + 'px',
+      // paddingTop: sectionproperties.paddingTop + 'px',
+      // paddingBottom: sectionproperties.paddingBottom + 'px',
       marginTop: sectionproperties.marginTop + 'px',
       marginBottom: sectionproperties.marginBottom + 'px',
       borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',

package/dist/index.umd.js

@@ -35667,7 +35667,7 @@
     function ownKeys$1B(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$1B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1B(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var TwoTieredWithCenteredLogoHeader = function TwoTieredWithCenteredLogoHeader(props) {
-      var _authdetailsContext$i2, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _fetchcustomercartQue, _fetchcustomercartQue2;
+      var _textarray$, _textarray$2, _authdetailsContext$i2, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _fetchcustomercartQue, _fetchcustomercartQue2;
       var _useState = React.useState(''),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
         sectionproperties = _useState2[0],
@@ -35688,6 +35688,10 @@
       var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
       var ikimagecredcontext = props.actions.ikimagecredcontext;
       var actions = props.actions;
+      var _useState3 = React.useState([]),
+        _useState4 = _slicedToArray__default["default"](_useState3, 2),
+        textarray = _useState4[0],
+        settextarray = _useState4[1];
       React.useEffect(function () {
         var secpropobj = {};
         StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -35704,10 +35708,10 @@
         }
         setsectionproperties(_objectSpread$1B({}, secpropobj));
       }, [StatePagePropertiesContext]);
-      var _useState3 = React.useState([]),
-        _useState4 = _slicedToArray__default["default"](_useState3, 2),
-        logoarrayofobjects = _useState4[0],
-        setlogoarrayofobjects = _useState4[1];
+      var _useState5 = React.useState([]),
+        _useState6 = _slicedToArray__default["default"](_useState5, 2),
+        logoarrayofobjects = _useState6[0],
+        setlogoarrayofobjects = _useState6[1];
       React.useEffect(function () {
         if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
           var logoarrayofobjectsparsed = JSON.parse(templateproperties_context.logoarrayofobjects);
@@ -35996,12 +36000,53 @@
           }
         })
       };
+      React.useEffect(function () {
+        if (templateproperties_context.length != 0 && templateproperties_context.txtArray != undefined) {
+          var textarrayparsed = JSON.parse(templateproperties_context.txtArray);
+          if (Array.isArray(textarrayparsed)) {
+            settextarray(_toConsumableArray__default["default"](textarrayparsed));
+          }
+        }
+      }, [templateproperties_context]);
       return /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row m-0 w-100 d-flex align-items-center justify-content-center "
       }, sectionproperties.showdownloadapp == 'Show' && /*#__PURE__*/React__default["default"].createElement(DownloadApp, {
         sectionpropertiesprops: sectionproperties,
         actions: actions
-      }), /*#__PURE__*/React__default["default"].createElement("div", {
+      }), sectionproperties.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 px-0 allcentered",
+        style: {
+          background: templateproperties_context.textsliderbgcolor,
+          paddingTop: templateproperties_context.paddinghorizontal + 'px',
+          paddingBottom: templateproperties_context.paddinghorizontal + 'px'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-4 col-md-6"
+      }, templateproperties_context.textslidertype == 'Slider' && /*#__PURE__*/React__default["default"].createElement("marquee", null, /*#__PURE__*/React__default["default"].createElement("span", {
+        "class": "d-flex flex-row align-items-center"
+      }, textarray.map(function (item, index) {
+        return /*#__PURE__*/React__default["default"].createElement("p", {
+          "class": header_cssstyles.textSlider + ' mb-0 p-0 ',
+          style: {
+            fontSize: templateproperties_context.textsliderfontsize + 'px',
+            color: templateproperties_context.textsliderfontcolor,
+            fontWeight: templateproperties_context.textsliderfontweight,
+            marginLeft: 100,
+            marginRight: 100
+          }
+        }, langdetect == 'en' ? item.textEnglish : item.textArabic);
+      }))), templateproperties_context.textslidertype == 'Text' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "w-100 allcentered"
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": header_cssstyles.textSlider + ' mb-0 p-0 ',
+        style: {
+          fontSize: templateproperties_context.textsliderfontsize + 'px',
+          color: templateproperties_context.textsliderfontcolor,
+          fontWeight: templateproperties_context.textsliderfontweight
+        }
+      }, langdetect == 'en' ? (_textarray$ = textarray[0]) === null || _textarray$ === void 0 ? void 0 : _textarray$.textEnglish : (_textarray$2 = textarray[0]) === null || _textarray$2 === void 0 ? void 0 : _textarray$2.textArabic))))
+      // <MarqueeHeader sectionpropertiesprops={sectionproperties} actions={actions} />
+      , /*#__PURE__*/React__default["default"].createElement("div", {
         "class": " ".concat(header_cssstyles.headercontainer) + ' d-flex d-md-none align-items-center m-0 pl-lg-2 pr-lg-2 '
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row m-0 w-100 "
@@ -44742,7 +44787,11 @@
           borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
           borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
           borderColor: sectionproperties.sectioncardbordercolor,
-          border: sectionproperties.sectioncardborderwidth + 'px solid'
+          border: sectionproperties.sectioncardborderwidth + 'px solid',
+          '@media (max-width: 800px)': {
+            paddingTop: sectionproperties.paddingverticalresponsive + 'px',
+            paddingBottom: sectionproperties.paddingverticalresponsive + 'px'
+          }
         }),
         viewmorebtn: glamor.css({
           width: sectionproperties.viewmorebtn_Width + 'px',
@@ -50008,6 +50057,12 @@
             borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
             borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
             borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px'
+          },
+          height: '100%',
+          width: '100%',
+          '@media (max-width: 800px)': {
+            width: sectionproperties.innerwidthheightresp + '%',
+            height: sectionproperties.innerwidthheightresp + '%'
           }
         }),
         text1styles: glamor.css({
@@ -50086,7 +50141,7 @@
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           className: sectionproperties.collectionssectionshow == 'Show' ? 'col-lg-10 col-md-12 p-md-0' : 'col-lg-12 p-0'
         }, /*#__PURE__*/React__default["default"].createElement("div", {
-          className: "row m-0 w-100"
+          className: sectionproperties.justifyContentCenter == 'Centered' ? 'row m-0 w-100 allcentered' : 'row m-0 w-100 allcentered'
         }, Object.keys(bgimagearrayofobjs).length != 0 && bgimagearrayofobjs.map(function (item, index) {
           return /*#__PURE__*/React__default["default"].createElement("div", {
             className: bgimagearrayofobjs[index].bg1_numberofcols != 12 ? ' d-flex align-items-stretch col-md-6 col-sm-12 pr-sm-2 pl-sm-2 mb-md-3 mt-md-3 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols : ' d-flex align-items-stretch col-md-12 col-sm-12 pr-md-0 pl-md-0 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols,
@@ -50112,16 +50167,13 @@
           }, /*#__PURE__*/React__default["default"].createElement("div", {
             className: "row ml-0 mr-0 d-flex justify-content-center w-100"
           }, /*#__PURE__*/React__default["default"].createElement("div", {
-            className: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'col-lg-12 p-0 h-md-auto' : 'col-lg-12 p-0',
+            className: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'col-lg-12 p-0 h-md-auto allcentered' : 'col-lg-12 p-0 allcentered',
             style: {
               height: sectionproperties.bgcovercontain == 'Contain' ? 'auto' : sectionproperties.image_height + 'vh'
             }
           }, /*#__PURE__*/React__default["default"].createElement("div", {
             className: "".concat(bgcssstyles.bgimage) + ' d-md-flex d-sm-none ',
-            style: {
-              height: '100%',
-              width: '100%'
-            }
+            style: {}
           }, /*#__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,
@@ -50138,10 +50190,7 @@
             }
           })), /*#__PURE__*/React__default["default"].createElement("div", {
             className: "".concat(bgcssstyles.bgimage) + ' d-none d-md-none d-sm-flex',
-            style: {
-              height: '100%',
-              width: '100%'
-            }
+            style: {}
           }, /*#__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,
@@ -52098,6 +52147,32 @@
             backgroundColor: sectionproperties.linebgcolor,
             borderRadius: '5px'
           }
+        }),
+        imageimage: glamor.css({
+          width: '100%',
+          height: sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'px',
+          margin: 0,
+          padding: 0,
+          objectFit: sectionproperties.bgcovercontain,
+          borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
+          borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
+          borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
+          borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
+          '@media (max-width: 800px)': {
+            height: sectionproperties.height_responsive == 0 ? 'auto' : sectionproperties.height_responsive + '%'
+          }
+        }),
+        editortext: glamor.css({
+          textAlign: sectionproperties.text2centered == 'Centered' ? 'center' : sectionproperties.text2centered == 'Justify' ? 'justify' : 'start',
+          color: sectionproperties.slideshowText2ContentColor,
+          fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
+          fontWeight: sectionproperties.slideshowText2ContentFontWeight,
+          paddingLeft: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginLeft + 'px' : sectionproperties.slideshowText2Content_marginRight + 'px',
+          paddingRight: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginRight + 'px' : sectionproperties.slideshowText2Content_marginLeft + 'px',
+          '@media (max-width: 800px)': {
+            fontSize: sectionproperties.slideshowText2ContentFontSize_resp + 'px',
+            textAlign: sectionproperties.text2centered == 'Centered' ? 'center' : sectionproperties.text2centered == 'Justify' ? 'justify' : 'start'
+          }
         })
       };
       var SectionTitle = function SectionTitle() {
@@ -52182,15 +52257,8 @@
             justifyContent: sectionproperties.text2centered == 'Centered' ? 'center' : 'start'
           }
         }, /*#__PURE__*/React__default["default"].createElement("p", {
-          "class": "pb-0 text-md-center pl-md-2 pr-md-2",
-          style: {
-            textAlign: sectionproperties.text2centered == 'Centered' ? 'center' : 'start',
-            color: sectionproperties.slideshowText2ContentColor,
-            fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
-            fontWeight: sectionproperties.slideshowText2ContentFontWeight,
-            paddingLeft: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginLeft + 'px' : sectionproperties.slideshowText2Content_marginRight + 'px',
-            paddingRight: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginRight + 'px' : sectionproperties.slideshowText2Content_marginLeft + 'px'
-          },
+          "class": sectionproperties.text2centered == 'Justify' ? section_styles.editortext + ' pb-0 pl-md-2 pr-md-2 ' : section_styles.editortext + ' pb-0 text-md-center pl-md-2 pr-md-2 ',
+          style: {},
           dangerouslySetInnerHTML: {
             __html: langdetect == 'en' ? sectionproperties.contenteditor : sectionproperties.text2editortextar
           }
@@ -52273,20 +52341,11 @@
             }
           }
         }, imagesarray.length != 0 && /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+          "class": section_styles.imageimage,
           urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
           publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
           path: langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + ((_imagesarray$7 = imagesarray[0]) === null || _imagesarray$7 === void 0 ? void 0 : _imagesarray$7.bgsection_image) : '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + ((_imagesarray$8 = imagesarray[0]) === null || _imagesarray$8 === void 0 ? void 0 : _imagesarray$8.bgsection_image_ar),
-          style: {
-            width: '100%',
-            height: sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'px',
-            margin: 0,
-            padding: 0,
-            objectFit: sectionproperties.bgcovercontain,
-            borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
-            borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
-            borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
-            borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px'
-          }
+          style: {}
         }));
       };
       return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -52304,12 +52363,12 @@
           width: sectionproperties.width + 'vw'
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": sectionproperties.paddingLeft != 0 && sectionproperties.paddingRight != 0 ? 'row m-0 w-100 d-flex justify-content-between plr-1025-1 pr-md-3 pl-md-3' : sectionproperties.paddingLeft != 0 ? langdetect == 'en' ? 'row m-0 w-100 d-flex justify-content-between pl-1025-1 pl-md-3' : 'row m-0 w-100 d-flex justify-content-between pr-1025-1 pr-md-3' : sectionproperties.paddingRight != 0 ? langdetect == 'en' ? 'row m-0 w-100 d-flex justify-content-between pr-1025-1 pr-md-3' : 'row m-0 w-100 d-flex justify-content-between pl-1025-1 pl-md-3' : 'row m-0 w-100 d-flex justify-content-between',
+        "class": sectionproperties.paddingLeft != 0 && sectionproperties.paddingRight != 0 ? section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between plr-1025-1 pr-md-3 pl-md-3 ' : sectionproperties.paddingLeft != 0 ? langdetect == 'en' ? section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between pl-1025-1 pl-md-3 ' : section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between pr-1025-1 pr-md-3 ' : sectionproperties.paddingRight != 0 ? langdetect == 'en' ? section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between pr-1025-1 pr-md-3 ' : section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between pl-1025-1 pl-md-3 ' : section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between ',
         style: {
           paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
           paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
-          paddingTop: sectionproperties.paddingTop + 'px',
-          paddingBottom: sectionproperties.paddingBottom + 'px',
+          // paddingTop: sectionproperties.paddingTop + 'px',
+          // paddingBottom: sectionproperties.paddingBottom + 'px',
           marginTop: sectionproperties.marginTop + 'px',
           marginBottom: sectionproperties.marginBottom + 'px',
           borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',

package/package.json

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