tabexseriescomponents 0.0.622 → 0.0.623

package/dist/index.cjs.js

@@ -60922,6 +60922,27 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
     }
   }, [sectionproperties]);
   var sectionStyles = {
+    containerrrr: glamor.css({
+      marginTop: sectionproperties.marginTop + 'px',
+      marginBottom: sectionproperties.marginBottom + 'px',
+      paddingLeft: sectionproperties.paddingLeft + 'px',
+      paddingRight: sectionproperties.paddingRight + 'px',
+      paddingTop: sectionproperties.paddingTop + 'px',
+      paddingBottom: sectionproperties.paddingBottom + 'px',
+      background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
+      borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
+      borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
+      borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
+      borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
+      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,
+      '@media (max-width: 800px)': {
+        marginTop: sectionproperties.marginTopResp + 'px'
+      }
+    }),
     imgcontainer: glamor.css({
       ':before': {
         width: '100%',
@@ -60978,8 +60999,8 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       }
     }),
     imageContainer: glamor.css({
-      width: sectionproperties.image_width + 'px',
-      height: sectionproperties.image_height + 'px',
+      width: sectionproperties.percentagepixel == 'Percentage' ? sectionproperties.image_width + '%' : sectionproperties.image_width + 'px',
+      height: sectionproperties.percentagepixel == 'Percentage' ? sectionproperties.image_height + '%' : sectionproperties.image_height + 'px',
       borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
       borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
       borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
@@ -60991,8 +61012,8 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         backgroundColor: sectionproperties.activedotcolor
       },
       '@media (max-width: 800px)': {
-        width: sectionproperties.innerwidthheightresp + 'px',
-        height: sectionproperties.innerwidthheightresp + 'px'
+        width: sectionproperties.percentagepixel == 'Percentage' ? sectionproperties.innerwidthheightresp + '%' : sectionproperties.innerwidthheightresp + 'px',
+        height: sectionproperties.percentagepixel == 'Percentage' ? sectionproperties.innerwidthheightresp + '%' : sectionproperties.innerwidthheightresp + 'px'
       }
     }),
     cardContainer: glamor.css({
@@ -61006,12 +61027,18 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       }
     }),
     btnstyles: glamor.css({
+      width: sectionproperties.generalbtn_width + 'px',
+      height: sectionproperties.generalbtn_height + 'px',
       fontSize: sectionproperties.generalbtn_fontsize + 'px',
       color: sectionproperties.generalbtn_textColor,
       fontWeight: sectionproperties.generalbtn_fontweight,
-      textDecoration: 'underline',
+      textDecoration: sectionproperties.textdecoration == 'None' ? 'none' : 'underline',
+      backgroundColor: sectionproperties.generalbtn_bgColor,
+      borderRadius: sectionproperties.generalbtnborderradius,
       ':hover': {
-        color: sectionproperties.generalbtn_textColoronhover
+        color: sectionproperties.generalbtn_textColoronhover,
+        backgroundColor: sectionproperties.generalbtn_bgColoronhover,
+        transition: '.3s'
       }
     }),
     outercontainer: glamor.css({
@@ -61061,25 +61088,8 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       left: 0
     }
   })), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row ml-0 mr-0 w-100 d-flex justify-content-center pl-md-3 pr-md-3 px-2015-3",
-    style: {
-      marginTop: sectionproperties.marginTop + 'px',
-      marginBottom: sectionproperties.marginBottom + 'px',
-      paddingLeft: sectionproperties.paddingLeft + 'px',
-      paddingRight: sectionproperties.paddingRight + 'px',
-      paddingTop: sectionproperties.paddingTop + 'px',
-      paddingBottom: sectionproperties.paddingBottom + 'px',
-      background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
-      borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
-      borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
-      borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
-      borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
-      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
-    }
+    "class": sectionStyles.containerrrr + ' row ml-0 mr-0 w-100 d-flex justify-content-center pl-md-3 pr-md-3 px-2015-3 ',
+    style: {}
   }, sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 allcentered p-0",
     style: {
@@ -61149,7 +61159,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         // if (cardinfoitem.iscardclickable == 'Yes') {
         //     window.open(cardinfoitem.btnlink, '_blank');
         // }
-        if (cardinfoitem.btntype == 'Web Product Link') {
+        if (cardinfoitem.btntype == 'Web Product Link' || cardinfoitem.btntype == 'App/Web Page') {
           routingcountext(cardinfoitem.btnlink, false, '');
         } else if (cardinfoitem.iscardclickable == 'Yes' && cardinfoitem.clickabletabtype == 'Same Tab' && cardinfoitem.btntype != 'Web Product Link') {
           // window.open(cardinfoitem.btnlink, '_target');

package/dist/index.esm.js

@@ -60873,6 +60873,27 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
     }
   }, [sectionproperties]);
   var sectionStyles = {
+    containerrrr: css({
+      marginTop: sectionproperties.marginTop + 'px',
+      marginBottom: sectionproperties.marginBottom + 'px',
+      paddingLeft: sectionproperties.paddingLeft + 'px',
+      paddingRight: sectionproperties.paddingRight + 'px',
+      paddingTop: sectionproperties.paddingTop + 'px',
+      paddingBottom: sectionproperties.paddingBottom + 'px',
+      background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
+      borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
+      borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
+      borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
+      borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
+      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,
+      '@media (max-width: 800px)': {
+        marginTop: sectionproperties.marginTopResp + 'px'
+      }
+    }),
     imgcontainer: css({
       ':before': {
         width: '100%',
@@ -60929,8 +60950,8 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       }
     }),
     imageContainer: css({
-      width: sectionproperties.image_width + 'px',
-      height: sectionproperties.image_height + 'px',
+      width: sectionproperties.percentagepixel == 'Percentage' ? sectionproperties.image_width + '%' : sectionproperties.image_width + 'px',
+      height: sectionproperties.percentagepixel == 'Percentage' ? sectionproperties.image_height + '%' : sectionproperties.image_height + 'px',
       borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
       borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
       borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
@@ -60942,8 +60963,8 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         backgroundColor: sectionproperties.activedotcolor
       },
       '@media (max-width: 800px)': {
-        width: sectionproperties.innerwidthheightresp + 'px',
-        height: sectionproperties.innerwidthheightresp + 'px'
+        width: sectionproperties.percentagepixel == 'Percentage' ? sectionproperties.innerwidthheightresp + '%' : sectionproperties.innerwidthheightresp + 'px',
+        height: sectionproperties.percentagepixel == 'Percentage' ? sectionproperties.innerwidthheightresp + '%' : sectionproperties.innerwidthheightresp + 'px'
       }
     }),
     cardContainer: css({
@@ -60957,12 +60978,18 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       }
     }),
     btnstyles: css({
+      width: sectionproperties.generalbtn_width + 'px',
+      height: sectionproperties.generalbtn_height + 'px',
       fontSize: sectionproperties.generalbtn_fontsize + 'px',
       color: sectionproperties.generalbtn_textColor,
       fontWeight: sectionproperties.generalbtn_fontweight,
-      textDecoration: 'underline',
+      textDecoration: sectionproperties.textdecoration == 'None' ? 'none' : 'underline',
+      backgroundColor: sectionproperties.generalbtn_bgColor,
+      borderRadius: sectionproperties.generalbtnborderradius,
       ':hover': {
-        color: sectionproperties.generalbtn_textColoronhover
+        color: sectionproperties.generalbtn_textColoronhover,
+        backgroundColor: sectionproperties.generalbtn_bgColoronhover,
+        transition: '.3s'
       }
     }),
     outercontainer: css({
@@ -61012,25 +61039,8 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       left: 0
     }
   })), /*#__PURE__*/React.createElement("div", {
-    "class": "row ml-0 mr-0 w-100 d-flex justify-content-center pl-md-3 pr-md-3 px-2015-3",
-    style: {
-      marginTop: sectionproperties.marginTop + 'px',
-      marginBottom: sectionproperties.marginBottom + 'px',
-      paddingLeft: sectionproperties.paddingLeft + 'px',
-      paddingRight: sectionproperties.paddingRight + 'px',
-      paddingTop: sectionproperties.paddingTop + 'px',
-      paddingBottom: sectionproperties.paddingBottom + 'px',
-      background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
-      borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
-      borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
-      borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
-      borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
-      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
-    }
+    "class": sectionStyles.containerrrr + ' row ml-0 mr-0 w-100 d-flex justify-content-center pl-md-3 pr-md-3 px-2015-3 ',
+    style: {}
   }, sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 allcentered p-0",
     style: {
@@ -61100,7 +61110,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         // if (cardinfoitem.iscardclickable == 'Yes') {
         //     window.open(cardinfoitem.btnlink, '_blank');
         // }
-        if (cardinfoitem.btntype == 'Web Product Link') {
+        if (cardinfoitem.btntype == 'Web Product Link' || cardinfoitem.btntype == 'App/Web Page') {
           routingcountext(cardinfoitem.btnlink, false, '');
         } else if (cardinfoitem.iscardclickable == 'Yes' && cardinfoitem.clickabletabtype == 'Same Tab' && cardinfoitem.btntype != 'Web Product Link') {
           // window.open(cardinfoitem.btnlink, '_target');

package/dist/index.umd.js

@@ -60746,6 +60746,27 @@
         }
       }, [sectionproperties]);
       var sectionStyles = {
+        containerrrr: glamor.css({
+          marginTop: sectionproperties.marginTop + 'px',
+          marginBottom: sectionproperties.marginBottom + 'px',
+          paddingLeft: sectionproperties.paddingLeft + 'px',
+          paddingRight: sectionproperties.paddingRight + 'px',
+          paddingTop: sectionproperties.paddingTop + 'px',
+          paddingBottom: sectionproperties.paddingBottom + 'px',
+          background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
+          borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
+          borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
+          borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
+          borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
+          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,
+          '@media (max-width: 800px)': {
+            marginTop: sectionproperties.marginTopResp + 'px'
+          }
+        }),
         imgcontainer: glamor.css({
           ':before': {
             width: '100%',
@@ -60802,8 +60823,8 @@
           }
         }),
         imageContainer: glamor.css({
-          width: sectionproperties.image_width + 'px',
-          height: sectionproperties.image_height + 'px',
+          width: sectionproperties.percentagepixel == 'Percentage' ? sectionproperties.image_width + '%' : sectionproperties.image_width + 'px',
+          height: sectionproperties.percentagepixel == 'Percentage' ? sectionproperties.image_height + '%' : sectionproperties.image_height + 'px',
           borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
           borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
           borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
@@ -60815,8 +60836,8 @@
             backgroundColor: sectionproperties.activedotcolor
           },
           '@media (max-width: 800px)': {
-            width: sectionproperties.innerwidthheightresp + 'px',
-            height: sectionproperties.innerwidthheightresp + 'px'
+            width: sectionproperties.percentagepixel == 'Percentage' ? sectionproperties.innerwidthheightresp + '%' : sectionproperties.innerwidthheightresp + 'px',
+            height: sectionproperties.percentagepixel == 'Percentage' ? sectionproperties.innerwidthheightresp + '%' : sectionproperties.innerwidthheightresp + 'px'
           }
         }),
         cardContainer: glamor.css({
@@ -60830,12 +60851,18 @@
           }
         }),
         btnstyles: glamor.css({
+          width: sectionproperties.generalbtn_width + 'px',
+          height: sectionproperties.generalbtn_height + 'px',
           fontSize: sectionproperties.generalbtn_fontsize + 'px',
           color: sectionproperties.generalbtn_textColor,
           fontWeight: sectionproperties.generalbtn_fontweight,
-          textDecoration: 'underline',
+          textDecoration: sectionproperties.textdecoration == 'None' ? 'none' : 'underline',
+          backgroundColor: sectionproperties.generalbtn_bgColor,
+          borderRadius: sectionproperties.generalbtnborderradius,
           ':hover': {
-            color: sectionproperties.generalbtn_textColoronhover
+            color: sectionproperties.generalbtn_textColoronhover,
+            backgroundColor: sectionproperties.generalbtn_bgColoronhover,
+            transition: '.3s'
           }
         }),
         outercontainer: glamor.css({
@@ -60885,25 +60912,8 @@
           left: 0
         }
       })), /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "row ml-0 mr-0 w-100 d-flex justify-content-center pl-md-3 pr-md-3 px-2015-3",
-        style: {
-          marginTop: sectionproperties.marginTop + 'px',
-          marginBottom: sectionproperties.marginBottom + 'px',
-          paddingLeft: sectionproperties.paddingLeft + 'px',
-          paddingRight: sectionproperties.paddingRight + 'px',
-          paddingTop: sectionproperties.paddingTop + 'px',
-          paddingBottom: sectionproperties.paddingBottom + 'px',
-          background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
-          borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
-          borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
-          borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
-          borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
-          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
-        }
+        "class": sectionStyles.containerrrr + ' row ml-0 mr-0 w-100 d-flex justify-content-center pl-md-3 pr-md-3 px-2015-3 ',
+        style: {}
       }, sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 allcentered p-0",
         style: {
@@ -60973,7 +60983,7 @@
             // if (cardinfoitem.iscardclickable == 'Yes') {
             //     window.open(cardinfoitem.btnlink, '_blank');
             // }
-            if (cardinfoitem.btntype == 'Web Product Link') {
+            if (cardinfoitem.btntype == 'Web Product Link' || cardinfoitem.btntype == 'App/Web Page') {
               routingcountext(cardinfoitem.btnlink, false, '');
             } else if (cardinfoitem.iscardclickable == 'Yes' && cardinfoitem.clickabletabtype == 'Same Tab' && cardinfoitem.btntype != 'Web Product Link') {
               // window.open(cardinfoitem.btnlink, '_target');

package/package.json

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