tabexseriescomponents 0.0.243 → 0.0.244

package/dist/index.umd.js

@@ -6521,7 +6521,23 @@
             textTransform: sectionproperties.total_texttransform,
             color: sectionproperties.total_color
           }
-        }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue67 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue67 === void 0 ? void 0 : (_fetchcustomercartQue68 = _fetchcustomercartQue67.data) === null || _fetchcustomercartQue68 === void 0 ? void 0 : _fetchcustomercartQue68.customercart.totalpriceafterdiscount).toFixed(2), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)))))), /*#__PURE__*/React__default["default"].createElement("div", {
+        }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue67 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue67 === void 0 ? void 0 : (_fetchcustomercartQue68 = _fetchcustomercartQue67.data) === null || _fetchcustomercartQue68 === void 0 ? void 0 : _fetchcustomercartQue68.customercart.totalpriceafterdiscount).toFixed(2), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)))))), sectionproperties.slideshowtext1_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "col-lg-12 p-0 my-2 p-2 allcentered mb-3",
+          style: {
+            background: '#eee',
+            borderRadius: 10
+          }
+        }, /*#__PURE__*/React__default["default"].createElement("p", {
+          "class": "m-0 p-0",
+          style: {
+            color: sectionproperties.slideshowText1ContentColor,
+            fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
+            fontWeight: sectionproperties.slideshowText1ContentFontWeight
+          },
+          dangerouslySetInnerHTML: {
+            __html: langdetect == 'en' ? sectionproperties.text1editortexten : sectionproperties.text1editortextar
+          }
+        })), /*#__PURE__*/React__default["default"].createElement("div", {
           className: "col-lg-12 d-flex align-items-center justify-content-center mb-2 mt-sm-3"
         }, /*#__PURE__*/React__default["default"].createElement("button", {
           className: " ".concat(checkoutstyles.checkoutbtnstyles) + ' d-flex align-items-center justify-content-center ',
@@ -13952,7 +13968,7 @@
           fontSize: sectionproperties.userBtntextfontsize + 'px',
           lineHeight: sectionproperties.userBtntextfontsize + 'px',
           transition: '.3s',
-          maxWidth: '40px'
+          maxWidth: '80px'
         }),
         userBtnContainer: glamor.css({
           ':hover .user_btn': {
@@ -14105,14 +14121,20 @@
         })
       };
       return /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": +' row m-0 w-100 d-flex justify-content-center ',
+        "class": ' row m-0 w-100 d-flex justify-content-center ',
         style: {
-          width: '100vw'
+          background: sectionproperties.header_backgroundColor
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "row m-0",
+        style: {
+          width: sectionproperties.header_width + 'vw'
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "".concat(headerstyles$d.headercontainer) + ' col-lg-12 p-0 d-md-none ',
+        "class": "".concat(headerstyles$d.headercontainer) + ' col-lg-12 pl-0 pr-0 d-md-none  ',
         style: {
           position: sectionproperties.headerstyles_position,
+          paddingBottom: sectionproperties.header_paddingBottom + 'px',
           top: 0
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -14439,9 +14461,10 @@
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": header_cssstyles.lowerHeaderSection + ' w-100 '
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": ' scrollhorizontal w-100 justify-content-start align-items-center ',
+        "class": ' scrollhorizontal w-100 align-items-center ',
         style: {
-          display: sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' ? 'none' : 'flex'
+          display: sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' ? 'none' : 'flex',
+          justifyContent: sectionproperties.header_centered == 'Centered' ? 'center' : 'start'
         }
       }, templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop) === null || _templatepropcontext$ === void 0 ? void 0 : _templatepropcontext$.map(function (item, index) {
         if (item.isnavigation == 1 && item.isactive == 1) {
@@ -14465,7 +14488,7 @@
           subheaderpositionprops: 'in nav',
           paddingLeftprops: '1.5rem',
           paddingRightprops: '1.5rem',
-          subheadercontentpositionprops: 'start'
+          subheadercontentpositionprops: sectionproperties.header_centered == 'Centered' ? 'center' : 'start'
         }
       }))), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 p-0"
@@ -14478,7 +14501,7 @@
           paddingRightprops: '35px',
           subheadercontentpositionprops: 'center'
         }
-      })))), /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
+      }))))), /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
         sectionpropertiesprops: sectionproperties,
         actions: actions
       }));
@@ -25080,7 +25103,7 @@
           justifyContent: sectionproperties.showfooterphonenumber == 'Show' ? 'between' : 'end'
         }
       }, sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": langdetect == 'en' ? 'd-flex align-items-center justify-content-end mr-2' : 'd-flex align-items-center justify-content-end ml-2'
+        "class": langdetect == 'en' ? 'd-flex align-items-center justify-content-end mr-4' : 'd-flex align-items-center justify-content-end ml-4'
       }, /*#__PURE__*/React__default["default"].createElement("a", {
         href: 'tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber),
         target: '_self',
@@ -29642,7 +29665,7 @@
         },
         loading: "lazy"
       }))), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-12 pl-5 pr-5 p-md-0 d-flex justify-content-start mt-2"
+        "class": "col-lg-12 p-md-0 d-flex justify-content-start mt-2"
       }, /*#__PURE__*/React__default["default"].createElement("p", {
         "class": langdetect == 'en' ? ' wordbreak pr-5 wordbreak3 mb-4 ' : ' wordbreak pl-5 wordbreak3 mb-4 ',
         style: {
@@ -31043,10 +31066,10 @@
         setbgimagearrayofobjs = _useState8[1];
       React.useEffect(function () {
         if (sectionproperties.length != 0) {
-          if (sectionproperties.bgsection_imagearrayofobjs != null) {
-            var bgsection_imagearrayofobjsparsed = JSON.parse(sectionproperties.bgsection_imagearrayofobjs);
-            if (Array.isArray(bgsection_imagearrayofobjsparsed)) {
-              setbgimagearrayofobjs(_toConsumableArray__default["default"](bgsection_imagearrayofobjsparsed));
+          if (sectionproperties.arrayofobjectimagesonly != null) {
+            var arrayofobjectimagesonlyparsed = JSON.parse(sectionproperties.arrayofobjectimagesonly);
+            if (Array.isArray(arrayofobjectimagesonlyparsed)) {
+              setbgimagearrayofobjs(_toConsumableArray__default["default"](arrayofobjectimagesonlyparsed));
             }
           }
         }
@@ -31125,7 +31148,7 @@
         }
       })), _section_cssstyles);
       var ImageSection = function ImageSection() {
-        var _bgimagearrayofobjs$, _bgimagearrayofobjs$2;
+        var _bgimagearrayofobjs$, _bgimagearrayofobjs$2, _bgimagearrayofobjs$3, _bgimagearrayofobjs$4;
         return /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "mt-sm-3 mb-sm-3",
           style: {
@@ -31139,12 +31162,28 @@
         }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
           urlEndpoint: IKurlEndpoint,
           publicKey: IKpublicKey,
-          "class": "h-sm-auto",
+          "class": "h-sm-auto d-flex d-md-none",
           path: bgimagearrayofobjs.length != 0 ? langdetect == 'en' ? (_bgimagearrayofobjs$ = bgimagearrayofobjs[0]) === null || _bgimagearrayofobjs$ === void 0 ? void 0 : _bgimagearrayofobjs$.bgsection_image : (_bgimagearrayofobjs$2 = bgimagearrayofobjs[0]) === null || _bgimagearrayofobjs$2 === void 0 ? void 0 : _bgimagearrayofobjs$2.bgsection_image_ar : '',
           style: {
             width: '100%',
             height: '100%',
-            objectFit: 'cover',
+            objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain',
+            margin: 0,
+            padding: 0,
+            borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
+            borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
+            borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
+            borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px'
+          }
+        }), /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
+          urlEndpoint: IKurlEndpoint,
+          publicKey: IKpublicKey,
+          "class": "h-sm-auto d-none d-md-flex",
+          path: bgimagearrayofobjs.length != 0 ? langdetect == 'en' ? (_bgimagearrayofobjs$3 = bgimagearrayofobjs[0]) === null || _bgimagearrayofobjs$3 === void 0 ? void 0 : _bgimagearrayofobjs$3.bgsection_imageresponsive : (_bgimagearrayofobjs$4 = bgimagearrayofobjs[0]) === null || _bgimagearrayofobjs$4 === void 0 ? void 0 : _bgimagearrayofobjs$4.bgsection_imageresponsive_ar : '',
+          style: {
+            width: '100%',
+            height: '100%',
+            objectFit: sectionproperties.bgcovercontainresponsive == 'Cover' ? 'cover' : 'contain',
             margin: 0,
             padding: 0,
             borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
@@ -33960,7 +33999,7 @@
         }))))));
       };
       return /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": sectionproperties.card_marginLeft != 0 ? 'row ml-0 mr-0 w-100 pl-md-3 pr-md-3 pl-sm-2 pr-sm-2' : 'row ml-0 mr-0 w-100 pl-md-3 pr-md-3 pl-sm-2 pr-sm-2',
+        "class": sectionproperties.card_marginLeft != 0 ? 'row ml-0 mr-0 w-100 pl-md-3 pr-md-3 pl-sm-2 pr-sm-2' : 'row ml-0 mr-0 w-100',
         style: {
           marginBottom: sectionproperties.marginBottom + 'px',
           paddingLeft: sectionproperties.card_marginLeft + 'px',
@@ -38469,10 +38508,23 @@
         return /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-3 col-md-6 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start",
           style: {
-            padding: '10px'
+            // padding: '10px',
+            paddingTop: sectionproperties.reservation_padding_top + 'px',
+            paddingBottom: sectionproperties.reservation_padding_bottom + 'px'
           }
         }, /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": "m-lg-auto d-flex justify-content-center"
+          // class="m-lg-auto d-flex justify-content-center"
+          "class": sectionproperties.innersectionbordertype != 'All' ? 'm-sm-auto d-flex justify-content-center border-md-none w-100' : 'm-lg-auto d-flex justify-content-center',
+          style: {
+            background: sectionproperties.reservation_bgcolor,
+            paddingLeft: langdetect == 'en' ? sectionproperties.reservation_padding_left + 'px' : sectionproperties.reservation_padding_right + 'px',
+            paddingRight: langdetect == 'en' ? sectionproperties.reservation_padding_right + 'px' : sectionproperties.reservation_padding_left + 'px',
+            borderRadius: sectionproperties.reservation_borderradius + 'px',
+            border: cardinfoindex != cardsarray.length - 1 ? sectionproperties.innersectionbordertype == 'All' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '' : '',
+            borderRight: cardinfoindex != cardsarray.length - 1 ? sectionproperties.innersectionbordertype == 'Right' ? langdetect == 'en' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '' : '' : '',
+            borderLeft: sectionproperties.innersectionbordertype == 'Right' ? langdetect == 'ar' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '' : '',
+            boxShadow: ' 0 0 10px ' + sectionproperties.innerSectionShadowColor
+          }
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "d-flex d-sm-none",
           style: {
@@ -38625,10 +38677,16 @@
         })
       };
       return /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": ' row ml-0 mr-0 w-md-100 d-flex justify-content-center align-items-center w-100 ',
+        style: {
+          background: sectionproperties.outerbgcolor
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": ' row ml-0 mr-0 w-md-100 align-items-center ',
         style: {
           position: 'relative',
-          width: sectionproperties.width + '%'
+          width: sectionproperties.width + '%',
+          background: sectionproperties.outerbgcolor
         }
       }, sectionproperties.maincontainerarrayofobjs != undefined && sectionproperties.maincontainerarrayofobjs.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": sectionStyles.imgcontainer
@@ -38662,7 +38720,9 @@
           borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
           borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
           borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
-          border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
+          border: sectionproperties.borderType == 'All' ? sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor : '',
+          borderTop: sectionproperties.borderType == 'Vertical' ? sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor : '',
+          borderBottom: sectionproperties.borderType == 'Vertical' ? sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor : '',
           borderLeftWidth: 0,
           borderRightWidth: 0
         }
@@ -38722,7 +38782,7 @@
             zIndex: 2
           }
         }, /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": "row m-0 w-100 mb-auto",
+          "class": sectionproperties.innersectionbordertype != 'All' ? 'row m-0 w-100 mb-auto border-md-none' : 'row m-0 w-100 mb-auto',
           style: {
             background: sectionproperties.reservation_bgcolor,
             paddingTop: sectionproperties.reservation_padding_top + 'px',
@@ -38730,7 +38790,9 @@
             paddingLeft: langdetect == 'en' ? sectionproperties.reservation_padding_left + 'px' : sectionproperties.reservation_padding_right + 'px',
             paddingRight: langdetect == 'en' ? sectionproperties.reservation_padding_right + 'px' : sectionproperties.reservation_padding_left + 'px',
             borderRadius: sectionproperties.reservation_borderradius + 'px',
-            border: sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor,
+            border: cardinfoindex != cardsarray.length - 1 ? sectionproperties.innersectionbordertype == 'All' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '' : '',
+            borderRight: cardinfoindex != cardsarray.length - 1 ? sectionproperties.innersectionbordertype == 'Right' ? langdetect == 'en' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '' : '' : '',
+            borderLeft: sectionproperties.innersectionbordertype == 'Right' ? langdetect == 'ar' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '' : '',
             boxShadow: ' 0 0 10px ' + sectionproperties.innerSectionShadowColor
           }
         }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -38788,7 +38850,7 @@
             textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
           }
         }, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_descripen : cardsarray[cardinfoindex].cardobj_descripar))));
-      })));
+      }))));
     };
 
     var css_248z$g = ".Slideshow_with_rotatedsquare-module_sectioncont__AfYNO{\n    padding-top:80px;\n    padding-bottom:80px;\n    padding-left: 180px;\n    padding-right: 180px;\n   \n   }\n   .Slideshow_with_rotatedsquare-module_rotatedsquare__lZPTd{\n       width:150px;\n       height:150px;\n      border-radius:15px;\n      position: relative;\n      transform: rotate(-45deg);\n   }\n   .Slideshow_with_rotatedsquare-module_circle__ofuN0{\n       position: absolute;\n       width:60px;\n       height:60px;\n       border-radius:50%;\n       left:57%;\n       top:100px;\n   \n   }\n   .Slideshow_with_rotatedsquare-module_circle1__4tbou{\n     \n       width:10px;\n       height:10px;\n       border-radius:50%;\n       margin-right:10px;\n       margin-left:140px;\n       background-color:blue;\n   \n   }\n   \n   ";
@@ -39792,9 +39854,12 @@
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "row m-0 w-100"
         }, /*#__PURE__*/React__default["default"].createElement("div", {
-          className: slideshow_styles.dropdowntitle + ' col-lg-12 p-0 '
+          className: slideshow_styles.dropdowntitle + ' col-lg-12 p-0 ',
+          style: {
+            justifyContent: sectionproperties.titlecentered == 'Centered' ? 'center' : 'start'
+          }
         }, /*#__PURE__*/React__default["default"].createElement("p", {
-          className: "m-0 p-3 text-center"
+          className: "m-0 p-3 w-100"
         }, langdetect == 'en' ? sectionproperties.collectionssectiontitleen : sectionproperties.collectionssectiontitlear)), /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-12 flex-column cat_dropdown_hover scrollvertical pt-3 px-2",
           style: {
@@ -39868,7 +39933,24 @@
               }
             }, /*#__PURE__*/React__default["default"].createElement("div", {
               className: ' col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-start align-items-center p-0 '
-            }, /*#__PURE__*/React__default["default"].createElement("p", {
+            }, sectionproperties.showcatimage == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+              style: {
+                width: '4.5vh',
+                height: '4.5vh',
+                marginRight: langdetect == 'en' ? '5px' : 0,
+                marginLeft: langdetect == 'ar' ? '5px' : 0
+              }
+            }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
+              urlEndpoint: IKurlEndpoint,
+              publicKey: IKpublicKey,
+              path: item.collectionlogo,
+              loading: "lazy",
+              style: {
+                width: '100%',
+                height: '100%',
+                objectFit: 'contain'
+              }
+            })), /*#__PURE__*/React__default["default"].createElement("p", {
               "class": ' m-0 p-0 wordbreak wordbreak1 ',
               onClick: function onClick() {
                 routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
@@ -43026,10 +43108,10 @@
           width: sectionproperties.generalbtn_width + 'px',
           background: sectionproperties.slideshow_btn_bg,
           color: sectionproperties.generalbtn_textColor,
-          borderTopLeftRadius: sectionproperties.generalbtn_bordertopleftradius + 'px',
-          borderTopRightRadius: sectionproperties.generalbtn_bordertoprightradius + 'px',
-          borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + 'px',
-          borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + 'px',
+          borderTopLeftRadius: langdetect == 'en' ? sectionproperties.generalbtn_bordertopleftradius + 'px' : sectionproperties.generalbtn_bordertoprightradius + 'px',
+          borderTopRightRadius: langdetect == 'en' ? sectionproperties.generalbtn_bordertoprightradius + 'px' : sectionproperties.generalbtn_bordertopleftradius + 'px',
+          borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.generalbtn_borderbottomleftradius + 'px' : sectionproperties.generalbtn_borderbottomrightradius + 'px',
+          borderBottomRightRadius: langdetect == 'en' ? sectionproperties.generalbtn_borderbottomrightradius + 'px' : sectionproperties.generalbtn_borderbottomleftradius + 'px',
           fontSize: sectionproperties.generalbtn_fontsize + 'px',
           textTransform: sectionproperties.generalbtn_texttransform,
           fontWeight: sectionproperties.generalbtn_fontweight,
@@ -43108,6 +43190,29 @@
           bottom: '10px',
           opacity: 0,
           zIndex: 10000
+        }),
+        showButtonResp: glamor.css({
+          background: sectionproperties.slideshow_btn_bg,
+          color: sectionproperties.generalbtn_textColor,
+          borderTopLeftRadius: sectionproperties.transition != 'Show By Default' ? 0 : langdetect == 'en' ? sectionproperties.generalbtn_bordertopleftradius + 'px' : sectionproperties.generalbtn_bordertoprightradius + 'px',
+          borderTopRightRadius: sectionproperties.transition != 'Show By Default' ? 0 : langdetect == 'en' ? sectionproperties.generalbtn_bordertoprightradius + 'px' : sectionproperties.generalbtn_bordertopleftradius + 'px',
+          borderBottomLeftRadius: sectionproperties.transition != 'Show By Default' ? 0 : langdetect == 'en' ? sectionproperties.generalbtn_borderbottomleftradius + 'px' : sectionproperties.generalbtn_borderbottomrightradius + 'px',
+          borderBottomRightRadius: sectionproperties.transition != 'Show By Default' ? 0 : langdetect == 'en' ? sectionproperties.generalbtn_borderbottomrightradius + 'px' : sectionproperties.generalbtn_borderbottomleftradius + 'px',
+          height: '40px',
+          ':hover': {
+            background: sectionproperties.generalbtn_bgColoronhover,
+            color: sectionproperties.generalbtn_textColoronhover
+          }
+        }),
+        cartbtnresp: glamor.css({
+          background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
+          color: sectionproperties.cartBtnTextcolor,
+          borderRadius: sectionproperties.transition != 'Show By Default' ? 0 : sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
+          height: '40px',
+          ':hover': {
+            background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
+            color: sectionproperties.cartBtnTextcoloronhover
+          }
         })
       };
       var ImageContent = function ImageContent() {
@@ -43188,11 +43293,11 @@
             direction: 'ltr'
           }
         }, '-' + Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0 + '%')), /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": "".concat(card_cssstyles.buttoncont) + ' buttoncont row w-100 m-0 d-flex justify-content-center align-items-center '
+          "class": sectionproperties.transition != 'Show By Default' ? "".concat(card_cssstyles.buttoncont) + ' buttoncont row w-100 m-0 d-flex d-md-none d-sm-none justify-content-center align-items-center ' : "".concat(card_cssstyles.buttoncont) + ' buttoncont row w-100 m-0 d-none justify-content-center align-items-center '
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-12 p-0 mb-2"
         }, /*#__PURE__*/React__default["default"].createElement("button", {
-          "class": "".concat(card_cssstyles.quickshow_btn) + ' cursor-pointer d-flex d-md-none d-sm-none justify-content-center align-items-center quickshow_btn ',
+          "class": "".concat(card_cssstyles.quickshow_btn) + ' cursor-pointer d-flex justify-content-center align-items-center quickshow_btn ',
           onClick: function onClick(e) {
             e.stopPropagation();
             setShowProductInfoModalContext(true);
@@ -43201,7 +43306,7 @@
         }, langdetect == 'en' ? sectionproperties.slideshow_btn_text : sectionproperties.slideshow_btn_text_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-12 p-0"
         }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
-          "class": "".concat(card_cssstyles.cart_btn) + ' cursor-pointer d-flex d-md-none d-sm-none justify-content-center align-items-center cart_btn ',
+          "class": "".concat(card_cssstyles.cart_btn) + ' cursor-pointer d-flex justify-content-center align-items-center cart_btn ',
           onClick: function onClick(e) {
             e.stopPropagation();
             cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
@@ -43212,14 +43317,9 @@
             position: 'absolute',
             width: '100%'
           },
-          "class": "d-none d-md-flex d-sm-flex"
+          "class": sectionproperties.transition == 'Show By Default' ? 'd-flex' : 'd-none d-md-flex d-sm-flex'
         }, /*#__PURE__*/React__default["default"].createElement("div", {
-          style: {
-            background: sectionproperties.slideshow_btn_bg,
-            color: sectionproperties.generalbtn_textColor,
-            height: '40px'
-          },
-          "class": "col-lg-6 p-0 d-flex align-items-center justify-content-center",
+          "class": card_cssstyles.showButtonResp + ' col-lg-6 p-0 d-flex align-items-center justify-content-center ',
           onClick: function onClick(e) {
             e.stopPropagation();
             setShowProductInfoModalContext(true);
@@ -43228,12 +43328,7 @@
         }, /*#__PURE__*/React__default["default"].createElement(BsEye.BsEye, {
           size: sectionproperties.cartBtn_iconFontSize
         })), /*#__PURE__*/React__default["default"].createElement("div", {
-          style: {
-            background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
-            color: sectionproperties.cartBtnTextcolor,
-            height: '40px'
-          },
-          "class": "col-lg-6 p-0 d-flex align-items-center justify-content-center",
+          "class": card_cssstyles.cartbtnresp + ' col-lg-6 p-0 d-flex align-items-center justify-content-center ',
           onClick: function onClick(e) {
             e.stopPropagation();
             cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
@@ -43258,7 +43353,7 @@
       };
       return /*#__PURE__*/React__default["default"].createElement("div", {
         // ${generalCardsStyles.newproductcard}
-        "class": props.sectiontypeprops2 == 'vertical' ? "".concat(card_cssstyles.productcard) + ' w-100 ' : " ".concat(card_cssstyles.productcard),
+        "class": props.sectiontypeprops2 == 'vertical' ? "".concat(card_cssstyles.productcard) + ' w-100 p-md-0 ' : " ".concat(card_cssstyles.productcard),
         style: {
           paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
           paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
@@ -47151,7 +47246,7 @@
           position: 'relative'
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": 'col-lg-9 col-md-9 col-sm-3 p-0 mb-2',
+        "class": 'col-lg-9 col-md-9 col-sm-9 p-0 mb-2',
         style: {
           minHeight: '6vh'
         }
@@ -51594,7 +51689,7 @@
           setShowProductInfoModalContext(true);
           setProductIdProdutInfoModalContext(item.productid);
         },
-        "class": "".concat(card_cssstyles.productcardimagecont) + ' w-100 p-0 mb-2 ',
+        "class": "".concat(card_cssstyles.productcardimagecont) + ' w-100 p-0 mb-2 allcentered ',
         style: {
           zIndex: 1
         }
@@ -51604,8 +51699,8 @@
         path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
         loading: "lazy",
         style: {
-          width: '100%',
-          height: '100%',
+          width: sectionproperties.imageInnerWidth_Height + '%',
+          height: sectionproperties.imageInnerWidth_Height + '%',
           objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain'
         }
       }))), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {

package/package.json

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