tabexseriescomponents 0.0.136 → 0.0.137

package/dist/index.cjs.js

@@ -9143,7 +9143,6 @@ var CardsSection = function CardsSection(props) {
       borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
       borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
       borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
-      boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none',
       borderColor: sectionproperties.sectioncardbordercolor,
       border: sectionproperties.sectioncardborderwidth + 'px solid'
     }),
@@ -9426,12 +9425,14 @@ var CardsSection = function CardsSection(props) {
     }))));
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": ' row m-0 d-flex w-100 justify-content-center ',
+    "class": ' row m-0 d-flex justify-content-center ml-auto mr-auto w-md-100 w-sm-100 ',
     style: {
       zIndex: 2,
       background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
       backgroundImage: maincontainerarrayofobjs.length != 0 ? 'url(' + serverbaselink$1 + maincontainerarrayofobjs[0].back_bgimage + ')' : '',
-      backgroundSize: 'cover'
+      backgroundSize: 'cover',
+      width: sectionproperties.width + 'vw',
+      boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none'
     }
   }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 ',
@@ -33652,7 +33653,7 @@ var Twobgimages = function Twobgimages(props) {
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'col-lg-12 p-0 h-md-auto' : 'col-lg-12 p-0',
         style: {
-          height: sectionproperties.image_height + 'vh'
+          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 ',
@@ -33663,7 +33664,7 @@ var Twobgimages = function Twobgimages(props) {
       }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
         urlEndpoint: IKurlEndpoint,
         publicKey: IKpublicKey,
-        path: bgimagearrayofobjs.length != 0 ? langdetect == 'en' ? bgimagearrayofobjs[index].bg1_image : bgimagearrayofobjs[index].bg1_image_ar : '',
+        path: bgimagearrayofobjs.length != 0 ? langdetect == 'en' ? 'tr:w-0,h-0' + bgimagearrayofobjs[index].bg1_image : bgimagearrayofobjs[index].bg1_image_ar : '',
         className: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'objectFit-md-contain' : '',
         style: {
           height: '100%',
@@ -33772,7 +33773,10 @@ var Twobgimages = function Twobgimages(props) {
     }))));
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "row m-0 w-100"
+    className: "row m-0",
+    style: {
+      width: sectionproperties.width + 'vw'
+    }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0 d-flex d-md-none",
     style: {
@@ -34074,7 +34078,7 @@ var AboutSection = function AboutSection(props) {
       "class": "h-sm-auto",
       urlEndpoint: IKurlEndpoint,
       publicKey: IKpublicKey,
-      path: bgimagesarray.length != 0 ? '/tr:w-500/' + bgimagesarray[0].bgsection_image : '',
+      path: bgimagesarray.length != 0 ? bgimagesarray[0].bgsection_image : '',
       style: {
         width: '100%',
         height: sectionproperties.image_height + 'px',
@@ -34906,8 +34910,9 @@ var Servicesection = function Servicesection(props) {
     })
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": ' row ml-0 mr-0 w-100 align-items-center ',
+    "class": ' row ml-0 mr-0 align-items-center w-md-100 ',
     style: {
+      width: sectionproperties.width + 'vw',
       marginTop: sectionproperties.marginTop + 'px',
       marginBottom: sectionproperties.marginBottom + 'px',
       paddingLeft: sectionproperties.paddingLeft + 'px',
@@ -34990,14 +34995,14 @@ var Servicesection = function Servicesection(props) {
         objectFit: 'cover'
       }
     })), /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "d-flex flex-column",
+      "class": sectionproperties.slideshowtext2_show == 'Show' ? 'd-flex flex-column' : 'd-flex flex-column align-items-center',
       style: {
         paddingLeft: langdetect == 'en' ? '10px' : 0,
         paddingRight: langdetect == 'en' ? 0 : '10px',
         flex: 1
       }
     }, /*#__PURE__*/React__default["default"].createElement("p", {
-      "class": "p-0 m-0 wordbreak wordbreak2",
+      "class": sectionproperties.slideshowtext2_show == 'Show' ? 'p-0 m-0 wordbreak wordbreak2' : 'p-0 m-0 wordbreak wordbreak2 mt-auto mb-auto',
       style: {
         color: sectionproperties.slideshowText1ContentColor,
         fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
@@ -35005,7 +35010,7 @@ var Servicesection = function Servicesection(props) {
         textTransform: sectionproperties.slideshowText1ContentTextTransform,
         textAlign: langdetect == 'en' ? 'left' : 'right'
       }
-    }, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_titleen : cardsarray[cardinfoindex].cardobj_titlear), sectionproperties.slideshowtext2_show && /*#__PURE__*/React__default["default"].createElement("p", {
+    }, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_titleen : cardsarray[cardinfoindex].cardobj_titlear), sectionproperties.slideshowtext2_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
       "class": "m-0 wordbreak ",
       style: {
         color: sectionproperties.slideshowText2ContentColor,
@@ -36361,6 +36366,18 @@ var Slideshowzoom = function Slideshowzoom(props) {
     scale: 1.4
   };
   var slideshow_styles = {
+    beforebg: glamor.css({
+      content: 's',
+      fontSize: 0,
+      position: 'absolute',
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0,
+      width: '100%',
+      height: '100%',
+      backgroundColor: 'rgba(0,0,0,' + sectionproperties.darknessopacity + ')'
+    }),
     slideshow_btn: glamor.css({
       height: sectionproperties.generalbtn_height + 'px',
       width: sectionproperties.generalbtn_width + 'px',
@@ -36423,13 +36440,17 @@ var Slideshowzoom = function Slideshowzoom(props) {
     }))));
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100 d-flex justify-content-center align-items-center"
+    "class": sectionproperties.card_marginLeft != 0 && sectionproperties.card_marginRight != 0 ? 'row m-0 w-100 d-flex justify-content-center align-items-center pl-sm-2 pr-sm-2' : 'row m-0 w-100 d-flex justify-content-center align-items-center ',
+    style: {
+      paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
+      paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
+    }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": cardarrayofobjs.length != 0 ? 'col-lg-12 p-0 d-flex justify-content-center h-md-auto h-sm-auto' : 'col-lg-12 p-0 d-flex justify-content-center h-md-auto h-sm-auto'
     // class={'col-lg-12 p-0 d-flex justify-content-center'}
     ,
     style: {
-      height: sectionproperties.height + 'vh'
+      height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto'
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "h-md-auto h-sm-auto",
@@ -36442,7 +36463,7 @@ var Slideshowzoom = function Slideshowzoom(props) {
       width: sectionproperties.width + 'vw',
       marginBottom: sectionproperties.marginBottom + 'px',
       marginTop: sectionproperties.marginTop + 'px',
-      height: sectionproperties.height + 'vh',
+      height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto',
       overflow: 'hidden'
     }
   }, /*#__PURE__*/React__default["default"].createElement(reactSlideshowImage.Zoom, _extends__default["default"]({}, Slideshowsettings, {
@@ -36458,10 +36479,10 @@ var Slideshowzoom = function Slideshowzoom(props) {
         borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
         borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
         borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
-        height: sectionproperties.height + 'vh'
+        height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto'
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": 'beforebg p-0 align-items-center d-flex d-sm-none h-md-auto h-sm-auto',
+      "class": slideshow_styles.slideshow_styles + ' p-0 align-items-center d-flex d-sm-none h-md-auto h-sm-auto ',
       key: index,
       style: {
         cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
@@ -36490,14 +36511,14 @@ var Slideshowzoom = function Slideshowzoom(props) {
       path: langdetect == 'en' ? item.imageen : item.imagear,
       style: {
         cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
-        objectFit: 'cover',
+        objectFit: sectionproperties.bgcovercontain,
         margin: 0,
         padding: 0,
         width: '100%',
         height: '100%'
       }
     }), SlideShowTextContainer(item)), /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": 'beforebg p-0 align-items-center d-none d-sm-flex ',
+      "class": slideshow_styles.beforebg + ' p-0 align-items-center d-none d-sm-flex ',
       key: index,
       style: {
         cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',

package/dist/index.esm.js

@@ -9100,7 +9100,6 @@ var CardsSection = function CardsSection(props) {
       borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
       borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
       borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
-      boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none',
       borderColor: sectionproperties.sectioncardbordercolor,
       border: sectionproperties.sectioncardborderwidth + 'px solid'
     }),
@@ -9383,12 +9382,14 @@ var CardsSection = function CardsSection(props) {
     }))));
   };
   return /*#__PURE__*/React.createElement("div", {
-    "class": ' row m-0 d-flex w-100 justify-content-center ',
+    "class": ' row m-0 d-flex justify-content-center ml-auto mr-auto w-md-100 w-sm-100 ',
     style: {
       zIndex: 2,
       background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
       backgroundImage: maincontainerarrayofobjs.length != 0 ? 'url(' + serverbaselink$1 + maincontainerarrayofobjs[0].back_bgimage + ')' : '',
-      backgroundSize: 'cover'
+      backgroundSize: 'cover',
+      width: sectionproperties.width + 'vw',
+      boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none'
     }
   }, sectionproperties.length != 0 && /*#__PURE__*/React.createElement("div", {
     "class": ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 ',
@@ -33609,7 +33610,7 @@ var Twobgimages = function Twobgimages(props) {
       }, /*#__PURE__*/React.createElement("div", {
         className: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'col-lg-12 p-0 h-md-auto' : 'col-lg-12 p-0',
         style: {
-          height: sectionproperties.image_height + 'vh'
+          height: sectionproperties.bgcovercontain == 'Contain' ? 'auto' : sectionproperties.image_height + 'vh'
         }
       }, /*#__PURE__*/React.createElement("div", {
         className: "".concat(bgcssstyles.bgimage) + ' d-md-flex d-sm-none ',
@@ -33620,7 +33621,7 @@ var Twobgimages = function Twobgimages(props) {
       }, /*#__PURE__*/React.createElement(IKImage, {
         urlEndpoint: IKurlEndpoint,
         publicKey: IKpublicKey,
-        path: bgimagearrayofobjs.length != 0 ? langdetect == 'en' ? bgimagearrayofobjs[index].bg1_image : bgimagearrayofobjs[index].bg1_image_ar : '',
+        path: bgimagearrayofobjs.length != 0 ? langdetect == 'en' ? 'tr:w-0,h-0' + bgimagearrayofobjs[index].bg1_image : bgimagearrayofobjs[index].bg1_image_ar : '',
         className: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'objectFit-md-contain' : '',
         style: {
           height: '100%',
@@ -33729,7 +33730,10 @@ var Twobgimages = function Twobgimages(props) {
     }))));
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: "row m-0 w-100"
+    className: "row m-0",
+    style: {
+      width: sectionproperties.width + 'vw'
+    }
   }, /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 p-0 d-flex d-md-none",
     style: {
@@ -34031,7 +34035,7 @@ var AboutSection = function AboutSection(props) {
       "class": "h-sm-auto",
       urlEndpoint: IKurlEndpoint,
       publicKey: IKpublicKey,
-      path: bgimagesarray.length != 0 ? '/tr:w-500/' + bgimagesarray[0].bgsection_image : '',
+      path: bgimagesarray.length != 0 ? bgimagesarray[0].bgsection_image : '',
       style: {
         width: '100%',
         height: sectionproperties.image_height + 'px',
@@ -34863,8 +34867,9 @@ var Servicesection = function Servicesection(props) {
     })
   };
   return /*#__PURE__*/React.createElement("div", {
-    "class": ' row ml-0 mr-0 w-100 align-items-center ',
+    "class": ' row ml-0 mr-0 align-items-center w-md-100 ',
     style: {
+      width: sectionproperties.width + 'vw',
       marginTop: sectionproperties.marginTop + 'px',
       marginBottom: sectionproperties.marginBottom + 'px',
       paddingLeft: sectionproperties.paddingLeft + 'px',
@@ -34947,14 +34952,14 @@ var Servicesection = function Servicesection(props) {
         objectFit: 'cover'
       }
     })), /*#__PURE__*/React.createElement("div", {
-      "class": "d-flex flex-column",
+      "class": sectionproperties.slideshowtext2_show == 'Show' ? 'd-flex flex-column' : 'd-flex flex-column align-items-center',
       style: {
         paddingLeft: langdetect == 'en' ? '10px' : 0,
         paddingRight: langdetect == 'en' ? 0 : '10px',
         flex: 1
       }
     }, /*#__PURE__*/React.createElement("p", {
-      "class": "p-0 m-0 wordbreak wordbreak2",
+      "class": sectionproperties.slideshowtext2_show == 'Show' ? 'p-0 m-0 wordbreak wordbreak2' : 'p-0 m-0 wordbreak wordbreak2 mt-auto mb-auto',
       style: {
         color: sectionproperties.slideshowText1ContentColor,
         fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
@@ -34962,7 +34967,7 @@ var Servicesection = function Servicesection(props) {
         textTransform: sectionproperties.slideshowText1ContentTextTransform,
         textAlign: langdetect == 'en' ? 'left' : 'right'
       }
-    }, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_titleen : cardsarray[cardinfoindex].cardobj_titlear), sectionproperties.slideshowtext2_show && /*#__PURE__*/React.createElement("p", {
+    }, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_titleen : cardsarray[cardinfoindex].cardobj_titlear), sectionproperties.slideshowtext2_show == 'Show' && /*#__PURE__*/React.createElement("p", {
       "class": "m-0 wordbreak ",
       style: {
         color: sectionproperties.slideshowText2ContentColor,
@@ -36318,6 +36323,18 @@ var Slideshowzoom = function Slideshowzoom(props) {
     scale: 1.4
   };
   var slideshow_styles = {
+    beforebg: css({
+      content: 's',
+      fontSize: 0,
+      position: 'absolute',
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0,
+      width: '100%',
+      height: '100%',
+      backgroundColor: 'rgba(0,0,0,' + sectionproperties.darknessopacity + ')'
+    }),
     slideshow_btn: css({
       height: sectionproperties.generalbtn_height + 'px',
       width: sectionproperties.generalbtn_width + 'px',
@@ -36380,13 +36397,17 @@ var Slideshowzoom = function Slideshowzoom(props) {
     }))));
   };
   return /*#__PURE__*/React.createElement("div", {
-    "class": "row m-0 w-100 d-flex justify-content-center align-items-center"
+    "class": sectionproperties.card_marginLeft != 0 && sectionproperties.card_marginRight != 0 ? 'row m-0 w-100 d-flex justify-content-center align-items-center pl-sm-2 pr-sm-2' : 'row m-0 w-100 d-flex justify-content-center align-items-center ',
+    style: {
+      paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
+      paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
+    }
   }, /*#__PURE__*/React.createElement("div", {
     "class": cardarrayofobjs.length != 0 ? 'col-lg-12 p-0 d-flex justify-content-center h-md-auto h-sm-auto' : 'col-lg-12 p-0 d-flex justify-content-center h-md-auto h-sm-auto'
     // class={'col-lg-12 p-0 d-flex justify-content-center'}
     ,
     style: {
-      height: sectionproperties.height + 'vh'
+      height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto'
     }
   }, /*#__PURE__*/React.createElement("div", {
     "class": "h-md-auto h-sm-auto",
@@ -36399,7 +36420,7 @@ var Slideshowzoom = function Slideshowzoom(props) {
       width: sectionproperties.width + 'vw',
       marginBottom: sectionproperties.marginBottom + 'px',
       marginTop: sectionproperties.marginTop + 'px',
-      height: sectionproperties.height + 'vh',
+      height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto',
       overflow: 'hidden'
     }
   }, /*#__PURE__*/React.createElement(Zoom, _extends({}, Slideshowsettings, {
@@ -36415,10 +36436,10 @@ var Slideshowzoom = function Slideshowzoom(props) {
         borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
         borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
         borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
-        height: sectionproperties.height + 'vh'
+        height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto'
       }
     }, /*#__PURE__*/React.createElement("div", {
-      "class": 'beforebg p-0 align-items-center d-flex d-sm-none h-md-auto h-sm-auto',
+      "class": slideshow_styles.slideshow_styles + ' p-0 align-items-center d-flex d-sm-none h-md-auto h-sm-auto ',
       key: index,
       style: {
         cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
@@ -36447,14 +36468,14 @@ var Slideshowzoom = function Slideshowzoom(props) {
       path: langdetect == 'en' ? item.imageen : item.imagear,
       style: {
         cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
-        objectFit: 'cover',
+        objectFit: sectionproperties.bgcovercontain,
         margin: 0,
         padding: 0,
         width: '100%',
         height: '100%'
       }
     }), SlideShowTextContainer(item)), /*#__PURE__*/React.createElement("div", {
-      "class": 'beforebg p-0 align-items-center d-none d-sm-flex ',
+      "class": slideshow_styles.beforebg + ' p-0 align-items-center d-none d-sm-flex ',
       key: index,
       style: {
         cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',

package/dist/index.umd.js

@@ -9011,7 +9011,6 @@
           borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
           borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
           borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
-          boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none',
           borderColor: sectionproperties.sectioncardbordercolor,
           border: sectionproperties.sectioncardborderwidth + 'px solid'
         }),
@@ -9294,12 +9293,14 @@
         }))));
       };
       return /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": ' row m-0 d-flex w-100 justify-content-center ',
+        "class": ' row m-0 d-flex justify-content-center ml-auto mr-auto w-md-100 w-sm-100 ',
         style: {
           zIndex: 2,
           background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
           backgroundImage: maincontainerarrayofobjs.length != 0 ? 'url(' + serverbaselink$1 + maincontainerarrayofobjs[0].back_bgimage + ')' : '',
-          backgroundSize: 'cover'
+          backgroundSize: 'cover',
+          width: sectionproperties.width + 'vw',
+          boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none'
         }
       }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 ',
@@ -33520,7 +33521,7 @@
           }, /*#__PURE__*/React__default["default"].createElement("div", {
             className: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'col-lg-12 p-0 h-md-auto' : 'col-lg-12 p-0',
             style: {
-              height: sectionproperties.image_height + 'vh'
+              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 ',
@@ -33531,7 +33532,7 @@
           }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
             urlEndpoint: IKurlEndpoint,
             publicKey: IKpublicKey,
-            path: bgimagearrayofobjs.length != 0 ? langdetect == 'en' ? bgimagearrayofobjs[index].bg1_image : bgimagearrayofobjs[index].bg1_image_ar : '',
+            path: bgimagearrayofobjs.length != 0 ? langdetect == 'en' ? 'tr:w-0,h-0' + bgimagearrayofobjs[index].bg1_image : bgimagearrayofobjs[index].bg1_image_ar : '',
             className: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'objectFit-md-contain' : '',
             style: {
               height: '100%',
@@ -33640,7 +33641,10 @@
         }))));
       };
       return /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "row m-0 w-100"
+        className: "row m-0",
+        style: {
+          width: sectionproperties.width + 'vw'
+        }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12 p-0 d-flex d-md-none",
         style: {
@@ -33942,7 +33946,7 @@
           "class": "h-sm-auto",
           urlEndpoint: IKurlEndpoint,
           publicKey: IKpublicKey,
-          path: bgimagesarray.length != 0 ? '/tr:w-500/' + bgimagesarray[0].bgsection_image : '',
+          path: bgimagesarray.length != 0 ? bgimagesarray[0].bgsection_image : '',
           style: {
             width: '100%',
             height: sectionproperties.image_height + 'px',
@@ -34774,8 +34778,9 @@
         })
       };
       return /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": ' row ml-0 mr-0 w-100 align-items-center ',
+        "class": ' row ml-0 mr-0 align-items-center w-md-100 ',
         style: {
+          width: sectionproperties.width + 'vw',
           marginTop: sectionproperties.marginTop + 'px',
           marginBottom: sectionproperties.marginBottom + 'px',
           paddingLeft: sectionproperties.paddingLeft + 'px',
@@ -34858,14 +34863,14 @@
             objectFit: 'cover'
           }
         })), /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": "d-flex flex-column",
+          "class": sectionproperties.slideshowtext2_show == 'Show' ? 'd-flex flex-column' : 'd-flex flex-column align-items-center',
           style: {
             paddingLeft: langdetect == 'en' ? '10px' : 0,
             paddingRight: langdetect == 'en' ? 0 : '10px',
             flex: 1
           }
         }, /*#__PURE__*/React__default["default"].createElement("p", {
-          "class": "p-0 m-0 wordbreak wordbreak2",
+          "class": sectionproperties.slideshowtext2_show == 'Show' ? 'p-0 m-0 wordbreak wordbreak2' : 'p-0 m-0 wordbreak wordbreak2 mt-auto mb-auto',
           style: {
             color: sectionproperties.slideshowText1ContentColor,
             fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
@@ -34873,7 +34878,7 @@
             textTransform: sectionproperties.slideshowText1ContentTextTransform,
             textAlign: langdetect == 'en' ? 'left' : 'right'
           }
-        }, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_titleen : cardsarray[cardinfoindex].cardobj_titlear), sectionproperties.slideshowtext2_show && /*#__PURE__*/React__default["default"].createElement("p", {
+        }, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_titleen : cardsarray[cardinfoindex].cardobj_titlear), sectionproperties.slideshowtext2_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
           "class": "m-0 wordbreak ",
           style: {
             color: sectionproperties.slideshowText2ContentColor,
@@ -36229,6 +36234,18 @@
         scale: 1.4
       };
       var slideshow_styles = {
+        beforebg: glamor.css({
+          content: 's',
+          fontSize: 0,
+          position: 'absolute',
+          top: 0,
+          bottom: 0,
+          left: 0,
+          right: 0,
+          width: '100%',
+          height: '100%',
+          backgroundColor: 'rgba(0,0,0,' + sectionproperties.darknessopacity + ')'
+        }),
         slideshow_btn: glamor.css({
           height: sectionproperties.generalbtn_height + 'px',
           width: sectionproperties.generalbtn_width + 'px',
@@ -36291,13 +36308,17 @@
         }))));
       };
       return /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "row m-0 w-100 d-flex justify-content-center align-items-center"
+        "class": sectionproperties.card_marginLeft != 0 && sectionproperties.card_marginRight != 0 ? 'row m-0 w-100 d-flex justify-content-center align-items-center pl-sm-2 pr-sm-2' : 'row m-0 w-100 d-flex justify-content-center align-items-center ',
+        style: {
+          paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
+          paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
+        }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": cardarrayofobjs.length != 0 ? 'col-lg-12 p-0 d-flex justify-content-center h-md-auto h-sm-auto' : 'col-lg-12 p-0 d-flex justify-content-center h-md-auto h-sm-auto'
         // class={'col-lg-12 p-0 d-flex justify-content-center'}
         ,
         style: {
-          height: sectionproperties.height + 'vh'
+          height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto'
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "h-md-auto h-sm-auto",
@@ -36310,7 +36331,7 @@
           width: sectionproperties.width + 'vw',
           marginBottom: sectionproperties.marginBottom + 'px',
           marginTop: sectionproperties.marginTop + 'px',
-          height: sectionproperties.height + 'vh',
+          height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto',
           overflow: 'hidden'
         }
       }, /*#__PURE__*/React__default["default"].createElement(reactSlideshowImage.Zoom, _extends__default["default"]({}, Slideshowsettings, {
@@ -36326,10 +36347,10 @@
             borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
             borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
             borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
-            height: sectionproperties.height + 'vh'
+            height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto'
           }
         }, /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": 'beforebg p-0 align-items-center d-flex d-sm-none h-md-auto h-sm-auto',
+          "class": slideshow_styles.slideshow_styles + ' p-0 align-items-center d-flex d-sm-none h-md-auto h-sm-auto ',
           key: index,
           style: {
             cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
@@ -36358,14 +36379,14 @@
           path: langdetect == 'en' ? item.imageen : item.imagear,
           style: {
             cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
-            objectFit: 'cover',
+            objectFit: sectionproperties.bgcovercontain,
             margin: 0,
             padding: 0,
             width: '100%',
             height: '100%'
           }
         }), SlideShowTextContainer(item)), /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": 'beforebg p-0 align-items-center d-none d-sm-flex ',
+          "class": slideshow_styles.beforebg + ' p-0 align-items-center d-none d-sm-flex ',
           key: index,
           style: {
             cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',

package/package.json

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