tabexseriescomponents 0.0.124 → 0.0.125

package/dist/index.cjs.js

@@ -35719,7 +35719,7 @@ var Slideshowfade = function Slideshowfade(props) {
       style: {
         cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
         width: '100%',
-        height: sectionproperties.height + 'vh',
+        height: 'auto',
         paddingTop: sectionproperties.paddingTop + 'px',
         paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : '',
         paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
@@ -35730,7 +35730,7 @@ var Slideshowfade = function Slideshowfade(props) {
       path: langdetect == 'en' ? item.image_resp_en : item.image_resp_ar,
       style: {
         cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
-        objectFit: 'cover',
+        objectFit: 'contain',
         margin: 0,
         padding: 0,
         width: '100%',
@@ -37346,7 +37346,7 @@ var Card20 = function Card20(props) {
   }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
     size: sectionproperties.favBtnIconfontsize
   }))))), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100",
+    "class": "row m-0 w-100 pl-sm-2 pr-sm-2",
     style: {
       paddingLeft: '10px',
       paddingRight: '10px',
@@ -38064,12 +38064,13 @@ var Card23 = function Card23(props) {
       borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
       color: sectionproperties.cartBtnTextcolor,
       fontSize: sectionproperties.cartBtnTextfontsize + 'px',
-      textTransform: sectionproperties.cartBtnTexttransform,
       fontWeight: sectionproperties.cartBtnTextfontweight,
       border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
+      transition: '.3s',
       ':hover': {
         background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
-        color: sectionproperties.cartBtnTextcoloronhover
+        color: sectionproperties.cartBtnTextcoloronhover,
+        borderColor: sectionproperties.cartBtnTextcoloronhover
       }
     }),
     iconsContainer: glamor.css({
@@ -38090,6 +38091,10 @@ var Card23 = function Card23(props) {
       borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
       borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
       border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
+      paddingTop: sectionproperties.paddingTop + 'px',
+      paddingBottom: sectionproperties.paddingBottom + 'px',
+      paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
+      paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
       ':hover .iconsContainer': {
         opacity: 1,
         transition: 'all, 0.4s',
@@ -38192,8 +38197,8 @@ var Card23 = function Card23(props) {
   }))))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100",
     style: {
-      paddingLeft: '20px',
-      paddingRight: '20px',
+      paddingLeft: '10px',
+      paddingRight: '10px',
       paddingTop: '10px',
       paddingBottom: '10px'
     }
@@ -38210,9 +38215,9 @@ var Card23 = function Card23(props) {
     onClick: function onClick() {
       cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
     },
-    "class": "".concat(cardsstyles2.productNameStyles) + '  wordbreak wordbreak1 m-0 '
+    "class": sectionproperties.wordbreak == '1' ? "".concat(cardsstyles2.productNameStyles) + '  wordbreak wordbreak1 m-0 ' : "".concat(cardsstyles2.productNameStyles) + '  wordbreak wordbreak2 m-0 '
   }, item.name))), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100 align-items-center mt-1 mb-2"
+    "class": "row m-0 w-100 align-items-center mt-1 mb-1"
   }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
     "class": langdetect == 'en' ? "".concat(cardsstyles2.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-right text-sm-left ' : "".concat(cardsstyles2.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-left text-sm-right '
   }, langdetect == 'en' ? 'EGP' : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("p", {

package/dist/index.esm.js

@@ -35676,7 +35676,7 @@ var Slideshowfade = function Slideshowfade(props) {
       style: {
         cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
         width: '100%',
-        height: sectionproperties.height + 'vh',
+        height: 'auto',
         paddingTop: sectionproperties.paddingTop + 'px',
         paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : '',
         paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
@@ -35687,7 +35687,7 @@ var Slideshowfade = function Slideshowfade(props) {
       path: langdetect == 'en' ? item.image_resp_en : item.image_resp_ar,
       style: {
         cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
-        objectFit: 'cover',
+        objectFit: 'contain',
         margin: 0,
         padding: 0,
         width: '100%',
@@ -37303,7 +37303,7 @@ var Card20 = function Card20(props) {
   }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaRegHeart, {
     size: sectionproperties.favBtnIconfontsize
   }))))), /*#__PURE__*/React.createElement("div", {
-    "class": "row m-0 w-100",
+    "class": "row m-0 w-100 pl-sm-2 pr-sm-2",
     style: {
       paddingLeft: '10px',
       paddingRight: '10px',
@@ -38021,12 +38021,13 @@ var Card23 = function Card23(props) {
       borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
       color: sectionproperties.cartBtnTextcolor,
       fontSize: sectionproperties.cartBtnTextfontsize + 'px',
-      textTransform: sectionproperties.cartBtnTexttransform,
       fontWeight: sectionproperties.cartBtnTextfontweight,
       border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
+      transition: '.3s',
       ':hover': {
         background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
-        color: sectionproperties.cartBtnTextcoloronhover
+        color: sectionproperties.cartBtnTextcoloronhover,
+        borderColor: sectionproperties.cartBtnTextcoloronhover
       }
     }),
     iconsContainer: css({
@@ -38047,6 +38048,10 @@ var Card23 = function Card23(props) {
       borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
       borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
       border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
+      paddingTop: sectionproperties.paddingTop + 'px',
+      paddingBottom: sectionproperties.paddingBottom + 'px',
+      paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
+      paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
       ':hover .iconsContainer': {
         opacity: 1,
         transition: 'all, 0.4s',
@@ -38149,8 +38154,8 @@ var Card23 = function Card23(props) {
   }))))), /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100",
     style: {
-      paddingLeft: '20px',
-      paddingRight: '20px',
+      paddingLeft: '10px',
+      paddingRight: '10px',
       paddingTop: '10px',
       paddingBottom: '10px'
     }
@@ -38167,9 +38172,9 @@ var Card23 = function Card23(props) {
     onClick: function onClick() {
       cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
     },
-    "class": "".concat(cardsstyles2.productNameStyles) + '  wordbreak wordbreak1 m-0 '
+    "class": sectionproperties.wordbreak == '1' ? "".concat(cardsstyles2.productNameStyles) + '  wordbreak wordbreak1 m-0 ' : "".concat(cardsstyles2.productNameStyles) + '  wordbreak wordbreak2 m-0 '
   }, item.name))), /*#__PURE__*/React.createElement("div", {
-    "class": "row m-0 w-100 align-items-center mt-1 mb-2"
+    "class": "row m-0 w-100 align-items-center mt-1 mb-1"
   }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React.createElement("p", {
     "class": langdetect == 'en' ? "".concat(cardsstyles2.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-right text-sm-left ' : "".concat(cardsstyles2.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-left text-sm-right '
   }, langdetect == 'en' ? 'EGP' : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React.createElement("p", {

package/dist/index.umd.js

@@ -35588,7 +35588,7 @@
           style: {
             cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
             width: '100%',
-            height: sectionproperties.height + 'vh',
+            height: 'auto',
             paddingTop: sectionproperties.paddingTop + 'px',
             paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : '',
             paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
@@ -35599,7 +35599,7 @@
           path: langdetect == 'en' ? item.image_resp_en : item.image_resp_ar,
           style: {
             cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
-            objectFit: 'cover',
+            objectFit: 'contain',
             margin: 0,
             padding: 0,
             width: '100%',
@@ -37215,7 +37215,7 @@
       }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
         size: sectionproperties.favBtnIconfontsize
       }))))), /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "row m-0 w-100",
+        "class": "row m-0 w-100 pl-sm-2 pr-sm-2",
         style: {
           paddingLeft: '10px',
           paddingRight: '10px',
@@ -37933,12 +37933,13 @@
           borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
           color: sectionproperties.cartBtnTextcolor,
           fontSize: sectionproperties.cartBtnTextfontsize + 'px',
-          textTransform: sectionproperties.cartBtnTexttransform,
           fontWeight: sectionproperties.cartBtnTextfontweight,
           border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
+          transition: '.3s',
           ':hover': {
             background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
-            color: sectionproperties.cartBtnTextcoloronhover
+            color: sectionproperties.cartBtnTextcoloronhover,
+            borderColor: sectionproperties.cartBtnTextcoloronhover
           }
         }),
         iconsContainer: glamor.css({
@@ -37959,6 +37960,10 @@
           borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
           borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
           border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
+          paddingTop: sectionproperties.paddingTop + 'px',
+          paddingBottom: sectionproperties.paddingBottom + 'px',
+          paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
+          paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
           ':hover .iconsContainer': {
             opacity: 1,
             transition: 'all, 0.4s',
@@ -38061,8 +38066,8 @@
       }))))), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row m-0 w-100",
         style: {
-          paddingLeft: '20px',
-          paddingRight: '20px',
+          paddingLeft: '10px',
+          paddingRight: '10px',
           paddingTop: '10px',
           paddingBottom: '10px'
         }
@@ -38079,9 +38084,9 @@
         onClick: function onClick() {
           cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
         },
-        "class": "".concat(cardsstyles2.productNameStyles) + '  wordbreak wordbreak1 m-0 '
+        "class": sectionproperties.wordbreak == '1' ? "".concat(cardsstyles2.productNameStyles) + '  wordbreak wordbreak1 m-0 ' : "".concat(cardsstyles2.productNameStyles) + '  wordbreak wordbreak2 m-0 '
       }, item.name))), /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "row m-0 w-100 align-items-center mt-1 mb-2"
+        "class": "row m-0 w-100 align-items-center mt-1 mb-1"
       }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
         "class": langdetect == 'en' ? "".concat(cardsstyles2.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-right text-sm-left ' : "".concat(cardsstyles2.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-left text-sm-right '
       }, langdetect == 'en' ? 'EGP' : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("p", {

package/package.json

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