tabexseriescomponents 0.0.543 → 0.0.545

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs.js CHANGED
@@ -5993,6 +5993,8 @@ var Productinfo = function Productinfo(props) {
5993
5993
  if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer9 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.productinfo) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : _fetchProductInfoQuer9.hasvariants) == 1) {
5994
5994
  if (addtocardpayloadobj.variantid.length != 0) {
5995
5995
  runfunc = true;
5996
+ } else {
5997
+ NotificationManager.warning('', 'Please Choose Product Options');
5996
5998
  }
5997
5999
  } else {
5998
6000
  runfunc = true;
@@ -18064,7 +18066,7 @@ var CardsSection = function CardsSection(props) {
18064
18066
  } else if (item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage') {
18065
18067
  bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-12 d-flex justify-content-center p-0 ';
18066
18068
  } else {
18067
- bootstapclass = ' col-xl-3 col-lg-4 col-md-4 col-sm-6 p-0 d-flex justify-content-center p-0 ';
18069
+ bootstapclass = ' col-xl-3 col-lg-4 col-md-4 p-0 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
18068
18070
  }
18069
18071
  } else if (sectionproperties.numberOfColsvertical == '12') {
18070
18072
  if (item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover') {
@@ -18090,7 +18092,9 @@ var CardsSection = function CardsSection(props) {
18090
18092
  bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0';
18091
18093
  } else if (item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage') {
18092
18094
  bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-12 d-flex justify-content-center p-0 ';
18093
- } else ;
18095
+ } else {
18096
+ bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-4 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
18097
+ }
18094
18098
  } else if (sectionproperties.numberOfColsvertical == '6') {
18095
18099
  if (item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover') {
18096
18100
  bootstapclass = ' col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ';
@@ -18117,7 +18121,7 @@ var CardsSection = function CardsSection(props) {
18117
18121
  } else if (item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage') {
18118
18122
  bootstapclass = ' col-xl-2 p-0 col-lg-2 col-md-4 col-sm-12 d-flex justify-content-center p-0 ';
18119
18123
  } else {
18120
- bootstapclass = ' col-xl-2 col-lg-4 col-md-6 d-flex justify-content-center p-0 col-sm-' + +sectionproperties.numberOfColsverticalresp;
18124
+ bootstapclass = ' col-xl-2 col-lg-4 col-md-6 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
18121
18125
  }
18122
18126
  }
18123
18127
  if (sectionproperties.overallnumberofcards == 0) {
@@ -57832,7 +57836,7 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
57832
57836
  __html: langdetect == 'en' ? sectionproperties.contenteditor : sectionproperties.text2editortextar
57833
57837
  }
57834
57838
  })), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
57835
- "class": sectionproperties.generalbtn_position == 'Centered' ? 'col-lg-12 p-0 allcentered' : 'col-lg-12 p-0 text-start'
57839
+ "class": sectionproperties.generalbtn_position == 'Centered' ? 'col-lg-12 p-0 allcentered' : 'col-lg-12 p-0 text-start justify-content-md-center'
57836
57840
  }, /*#__PURE__*/React__default["default"].createElement("button", {
57837
57841
  "class": "".concat(section_styles.btn),
57838
57842
  onClick: function onClick() {
@@ -60753,7 +60757,7 @@ var TwoWayServiceSectionWithImage = function TwoWayServiceSectionWithImage(props
60753
60757
  // Icon
60754
60758
  var Icon = function Icon(item) {
60755
60759
  return /*#__PURE__*/React__default["default"].createElement("div", {
60756
- "class": langdetect == 'en' ? ' allcentered ml-3 ' : ' allcentered mr-3 ',
60760
+ "class": langdetect == 'en' ? ' allcentered ml-3 ml-sm-0 mr-sm-3 ' : ' allcentered mr-3 mr-sm-0 ml-sm-3 ',
60757
60761
  style: {
60758
60762
  backgroundColor: sectionproperties.iconcontainerbg,
60759
60763
  width: sectionproperties.iconcontainerwidth + 'px',
@@ -60951,7 +60955,7 @@ var TwoWayServiceSectionWithImage = function TwoWayServiceSectionWithImage(props
60951
60955
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
60952
60956
  "class": "col-lg-4 col-md-12 col-sm-12 p-0 mb-sm-3 text-center text-center d-md-none d-lg-none d-xl-none d-sm-block"
60953
60957
  }, /*#__PURE__*/React__default["default"].createElement("div", {
60954
- "class": "row m-0 w-100 justify-content-center align-items-center"
60958
+ "class": "row m-0 w-100 justify-content-center align-items-center "
60955
60959
  }, imagearray.map(function (item) {
60956
60960
  return /*#__PURE__*/React__default["default"].createElement("div", {
60957
60961
  style: {
@@ -60976,7 +60980,7 @@ var TwoWayServiceSectionWithImage = function TwoWayServiceSectionWithImage(props
60976
60980
  var lastItem = cardsarray.length - 1;
60977
60981
  if (index % 2 != 0) {
60978
60982
  return /*#__PURE__*/React__default["default"].createElement("div", {
60979
- "class": index == lastItem ? ' row m-0 w-100 align-items-center justify-content-center ' : ' row m-0 w-100 align-items-center justify-content-center mb-3 '
60983
+ "class": index == lastItem ? ' row m-0 w-100 align-items-center justify-content-center justify-content-md-start ' : ' row m-0 w-100 align-items-center justify-content-center mb-3 justify-content-md-start '
60980
60984
  }, /*#__PURE__*/React__default["default"].createElement("div", {
60981
60985
  "class": "d-xl-none d-lg-none d-md-block d-sm-block"
60982
60986
  }, Icon(item)), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -73295,7 +73299,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
73295
73299
  fontWeight: sectionproperties.prodCatFontWeight
73296
73300
  }),
73297
73301
  cardconttt: glamor.css({
73298
- background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
73302
+ background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColortransparent != 'Transparent' && sectionproperties.backgroundColor == '#ffffff' ? 'rgba(250,250,250,' + sectionproperties.cardbg_opacity + ')' : sectionproperties.backgroundColor,
73299
73303
  borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
73300
73304
  borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
73301
73305
  borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
@@ -73308,9 +73312,9 @@ var Simpleproductcard = function Simpleproductcard(props) {
73308
73312
  paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
73309
73313
  paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
73310
73314
  transition: '.3s',
73311
- opacity: sectionproperties.cardbg_opacity,
73315
+ // opacity: sectionproperties.backgroundColortransparent != 'Transparent' && sectionproperties.backgroundColor == '#ffffff' ? 'rgba(250,250,250,' + sectionproperties.cardbg_opacity + ')' : 1,
73312
73316
  ':hover': {
73313
- opacity: sectionproperties.bgopacityonhover,
73317
+ backgroundColor: sectionproperties.backgroundColortransparent != 'Transparent' && sectionproperties.backgroundColor == '#ffffff' ? 'rgba(250,250,250,' + sectionproperties.bgopacityonhover + ')' : 1,
73314
73318
  transition: 0.3
73315
73319
  }
73316
73320
  })
@@ -73591,12 +73595,12 @@ var Simpleproductcard = function Simpleproductcard(props) {
73591
73595
  }
73592
73596
  cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, productidtobesend, props.fetchingtypeprops, item.collectionid);
73593
73597
  },
73594
- "class": sectionproperties.wordbreak == '1' ? "".concat(card_cssstyles.productNameStyles) + ' wordbreak wordbreak1 font-md-13 m-0 mb-1 ' : "".concat(card_cssstyles.productNameStyles) + ' wordbreak wordbreak2 font-md-13 wordbreak-md-4 m-0 ',
73598
+ "class": sectionproperties.wordbreak == '1' ? "".concat(card_cssstyles.productNameStyles) + ' wordbreak wordbreak1 font-md-13 m-0 ' : "".concat(card_cssstyles.productNameStyles) + ' wordbreak wordbreak2 font-md-13 wordbreak-md-4 m-0 ',
73595
73599
  style: {
73596
73600
  textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
73597
73601
  }
73598
73602
  }, item.name)), sectionproperties.prodCatShow == 'Show' && sectionproperties.descriptionoverwritestyles == 'No' && /*#__PURE__*/React__default["default"].createElement("p", {
73599
- "class": "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 p-0 wordbreak wordbreak4 ',
73603
+ "class": "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 p-0 wordbreak wordbreak4 mt-1 ',
73600
73604
  style: {
73601
73605
  textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
73602
73606
  },
@@ -73604,7 +73608,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
73604
73608
  __html: item.shortdescription
73605
73609
  }
73606
73610
  }), sectionproperties.prodCatShow == 'Show' && sectionproperties.descriptionoverwritestyles == 'Yes' && /*#__PURE__*/React__default["default"].createElement("p", {
73607
- "class": "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 wordbreak wordbreak2 p-0 ',
73611
+ "class": "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 wordbreak wordbreak2 p-0 mt-1 ',
73608
73612
  style: {
73609
73613
  textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
73610
73614
  }
@@ -73612,7 +73616,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
73612
73616
  style: {
73613
73617
  flexDirection: 'column'
73614
73618
  },
73615
- "class": "col-lg-12 d-flex align-items-center justify-content-center p-0 "
73619
+ "class": "col-lg-12 d-flex align-items-center justify-content-center p-0 mt-1 "
73616
73620
  }, /*#__PURE__*/React__default["default"].createElement("div", {
73617
73621
  "class": "row m-0 w-100 "
73618
73622
  }, /*#__PURE__*/React__default["default"].createElement("div", {
package/dist/index.esm.js CHANGED
@@ -5944,6 +5944,8 @@ var Productinfo = function Productinfo(props) {
5944
5944
  if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer9 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.productinfo) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : _fetchProductInfoQuer9.hasvariants) == 1) {
5945
5945
  if (addtocardpayloadobj.variantid.length != 0) {
5946
5946
  runfunc = true;
5947
+ } else {
5948
+ NotificationManager.warning('', 'Please Choose Product Options');
5947
5949
  }
5948
5950
  } else {
5949
5951
  runfunc = true;
@@ -18015,7 +18017,7 @@ var CardsSection = function CardsSection(props) {
18015
18017
  } else if (item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage') {
18016
18018
  bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-12 d-flex justify-content-center p-0 ';
18017
18019
  } else {
18018
- bootstapclass = ' col-xl-3 col-lg-4 col-md-4 col-sm-6 p-0 d-flex justify-content-center p-0 ';
18020
+ bootstapclass = ' col-xl-3 col-lg-4 col-md-4 p-0 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
18019
18021
  }
18020
18022
  } else if (sectionproperties.numberOfColsvertical == '12') {
18021
18023
  if (item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover') {
@@ -18041,7 +18043,9 @@ var CardsSection = function CardsSection(props) {
18041
18043
  bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0';
18042
18044
  } else if (item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage') {
18043
18045
  bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-12 d-flex justify-content-center p-0 ';
18044
- } else ;
18046
+ } else {
18047
+ bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-4 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
18048
+ }
18045
18049
  } else if (sectionproperties.numberOfColsvertical == '6') {
18046
18050
  if (item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover') {
18047
18051
  bootstapclass = ' col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ';
@@ -18068,7 +18072,7 @@ var CardsSection = function CardsSection(props) {
18068
18072
  } else if (item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage') {
18069
18073
  bootstapclass = ' col-xl-2 p-0 col-lg-2 col-md-4 col-sm-12 d-flex justify-content-center p-0 ';
18070
18074
  } else {
18071
- bootstapclass = ' col-xl-2 col-lg-4 col-md-6 d-flex justify-content-center p-0 col-sm-' + +sectionproperties.numberOfColsverticalresp;
18075
+ bootstapclass = ' col-xl-2 col-lg-4 col-md-6 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
18072
18076
  }
18073
18077
  }
18074
18078
  if (sectionproperties.overallnumberofcards == 0) {
@@ -57783,7 +57787,7 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
57783
57787
  __html: langdetect == 'en' ? sectionproperties.contenteditor : sectionproperties.text2editortextar
57784
57788
  }
57785
57789
  })), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
57786
- "class": sectionproperties.generalbtn_position == 'Centered' ? 'col-lg-12 p-0 allcentered' : 'col-lg-12 p-0 text-start'
57790
+ "class": sectionproperties.generalbtn_position == 'Centered' ? 'col-lg-12 p-0 allcentered' : 'col-lg-12 p-0 text-start justify-content-md-center'
57787
57791
  }, /*#__PURE__*/React.createElement("button", {
57788
57792
  "class": "".concat(section_styles.btn),
57789
57793
  onClick: function onClick() {
@@ -60704,7 +60708,7 @@ var TwoWayServiceSectionWithImage = function TwoWayServiceSectionWithImage(props
60704
60708
  // Icon
60705
60709
  var Icon = function Icon(item) {
60706
60710
  return /*#__PURE__*/React.createElement("div", {
60707
- "class": langdetect == 'en' ? ' allcentered ml-3 ' : ' allcentered mr-3 ',
60711
+ "class": langdetect == 'en' ? ' allcentered ml-3 ml-sm-0 mr-sm-3 ' : ' allcentered mr-3 mr-sm-0 ml-sm-3 ',
60708
60712
  style: {
60709
60713
  backgroundColor: sectionproperties.iconcontainerbg,
60710
60714
  width: sectionproperties.iconcontainerwidth + 'px',
@@ -60902,7 +60906,7 @@ var TwoWayServiceSectionWithImage = function TwoWayServiceSectionWithImage(props
60902
60906
  }))), /*#__PURE__*/React.createElement("div", {
60903
60907
  "class": "col-lg-4 col-md-12 col-sm-12 p-0 mb-sm-3 text-center text-center d-md-none d-lg-none d-xl-none d-sm-block"
60904
60908
  }, /*#__PURE__*/React.createElement("div", {
60905
- "class": "row m-0 w-100 justify-content-center align-items-center"
60909
+ "class": "row m-0 w-100 justify-content-center align-items-center "
60906
60910
  }, imagearray.map(function (item) {
60907
60911
  return /*#__PURE__*/React.createElement("div", {
60908
60912
  style: {
@@ -60927,7 +60931,7 @@ var TwoWayServiceSectionWithImage = function TwoWayServiceSectionWithImage(props
60927
60931
  var lastItem = cardsarray.length - 1;
60928
60932
  if (index % 2 != 0) {
60929
60933
  return /*#__PURE__*/React.createElement("div", {
60930
- "class": index == lastItem ? ' row m-0 w-100 align-items-center justify-content-center ' : ' row m-0 w-100 align-items-center justify-content-center mb-3 '
60934
+ "class": index == lastItem ? ' row m-0 w-100 align-items-center justify-content-center justify-content-md-start ' : ' row m-0 w-100 align-items-center justify-content-center mb-3 justify-content-md-start '
60931
60935
  }, /*#__PURE__*/React.createElement("div", {
60932
60936
  "class": "d-xl-none d-lg-none d-md-block d-sm-block"
60933
60937
  }, Icon(item)), /*#__PURE__*/React.createElement("div", {
@@ -73246,7 +73250,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
73246
73250
  fontWeight: sectionproperties.prodCatFontWeight
73247
73251
  }),
73248
73252
  cardconttt: css({
73249
- background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
73253
+ background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColortransparent != 'Transparent' && sectionproperties.backgroundColor == '#ffffff' ? 'rgba(250,250,250,' + sectionproperties.cardbg_opacity + ')' : sectionproperties.backgroundColor,
73250
73254
  borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
73251
73255
  borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
73252
73256
  borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
@@ -73259,9 +73263,9 @@ var Simpleproductcard = function Simpleproductcard(props) {
73259
73263
  paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
73260
73264
  paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
73261
73265
  transition: '.3s',
73262
- opacity: sectionproperties.cardbg_opacity,
73266
+ // opacity: sectionproperties.backgroundColortransparent != 'Transparent' && sectionproperties.backgroundColor == '#ffffff' ? 'rgba(250,250,250,' + sectionproperties.cardbg_opacity + ')' : 1,
73263
73267
  ':hover': {
73264
- opacity: sectionproperties.bgopacityonhover,
73268
+ backgroundColor: sectionproperties.backgroundColortransparent != 'Transparent' && sectionproperties.backgroundColor == '#ffffff' ? 'rgba(250,250,250,' + sectionproperties.bgopacityonhover + ')' : 1,
73265
73269
  transition: 0.3
73266
73270
  }
73267
73271
  })
@@ -73542,12 +73546,12 @@ var Simpleproductcard = function Simpleproductcard(props) {
73542
73546
  }
73543
73547
  cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, productidtobesend, props.fetchingtypeprops, item.collectionid);
73544
73548
  },
73545
- "class": sectionproperties.wordbreak == '1' ? "".concat(card_cssstyles.productNameStyles) + ' wordbreak wordbreak1 font-md-13 m-0 mb-1 ' : "".concat(card_cssstyles.productNameStyles) + ' wordbreak wordbreak2 font-md-13 wordbreak-md-4 m-0 ',
73549
+ "class": sectionproperties.wordbreak == '1' ? "".concat(card_cssstyles.productNameStyles) + ' wordbreak wordbreak1 font-md-13 m-0 ' : "".concat(card_cssstyles.productNameStyles) + ' wordbreak wordbreak2 font-md-13 wordbreak-md-4 m-0 ',
73546
73550
  style: {
73547
73551
  textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
73548
73552
  }
73549
73553
  }, item.name)), sectionproperties.prodCatShow == 'Show' && sectionproperties.descriptionoverwritestyles == 'No' && /*#__PURE__*/React.createElement("p", {
73550
- "class": "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 p-0 wordbreak wordbreak4 ',
73554
+ "class": "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 p-0 wordbreak wordbreak4 mt-1 ',
73551
73555
  style: {
73552
73556
  textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
73553
73557
  },
@@ -73555,7 +73559,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
73555
73559
  __html: item.shortdescription
73556
73560
  }
73557
73561
  }), sectionproperties.prodCatShow == 'Show' && sectionproperties.descriptionoverwritestyles == 'Yes' && /*#__PURE__*/React.createElement("p", {
73558
- "class": "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 wordbreak wordbreak2 p-0 ',
73562
+ "class": "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 wordbreak wordbreak2 p-0 mt-1 ',
73559
73563
  style: {
73560
73564
  textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
73561
73565
  }
@@ -73563,7 +73567,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
73563
73567
  style: {
73564
73568
  flexDirection: 'column'
73565
73569
  },
73566
- "class": "col-lg-12 d-flex align-items-center justify-content-center p-0 "
73570
+ "class": "col-lg-12 d-flex align-items-center justify-content-center p-0 mt-1 "
73567
73571
  }, /*#__PURE__*/React.createElement("div", {
73568
73572
  "class": "row m-0 w-100 "
73569
73573
  }, /*#__PURE__*/React.createElement("div", {
package/dist/index.umd.js CHANGED
@@ -5819,6 +5819,8 @@
5819
5819
  if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer9 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.productinfo) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : _fetchProductInfoQuer9.hasvariants) == 1) {
5820
5820
  if (addtocardpayloadobj.variantid.length != 0) {
5821
5821
  runfunc = true;
5822
+ } else {
5823
+ NotificationManager.warning('', 'Please Choose Product Options');
5822
5824
  }
5823
5825
  } else {
5824
5826
  runfunc = true;
@@ -17890,7 +17892,7 @@
17890
17892
  } else if (item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage') {
17891
17893
  bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-12 d-flex justify-content-center p-0 ';
17892
17894
  } else {
17893
- bootstapclass = ' col-xl-3 col-lg-4 col-md-4 col-sm-6 p-0 d-flex justify-content-center p-0 ';
17895
+ bootstapclass = ' col-xl-3 col-lg-4 col-md-4 p-0 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
17894
17896
  }
17895
17897
  } else if (sectionproperties.numberOfColsvertical == '12') {
17896
17898
  if (item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover') {
@@ -17916,7 +17918,9 @@
17916
17918
  bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0';
17917
17919
  } else if (item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage') {
17918
17920
  bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-12 d-flex justify-content-center p-0 ';
17919
- } else ;
17921
+ } else {
17922
+ bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-4 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
17923
+ }
17920
17924
  } else if (sectionproperties.numberOfColsvertical == '6') {
17921
17925
  if (item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover') {
17922
17926
  bootstapclass = ' col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ';
@@ -17943,7 +17947,7 @@
17943
17947
  } else if (item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage') {
17944
17948
  bootstapclass = ' col-xl-2 p-0 col-lg-2 col-md-4 col-sm-12 d-flex justify-content-center p-0 ';
17945
17949
  } else {
17946
- bootstapclass = ' col-xl-2 col-lg-4 col-md-6 d-flex justify-content-center p-0 col-sm-' + +sectionproperties.numberOfColsverticalresp;
17950
+ bootstapclass = ' col-xl-2 col-lg-4 col-md-6 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
17947
17951
  }
17948
17952
  }
17949
17953
  if (sectionproperties.overallnumberofcards == 0) {
@@ -57658,7 +57662,7 @@
57658
57662
  __html: langdetect == 'en' ? sectionproperties.contenteditor : sectionproperties.text2editortextar
57659
57663
  }
57660
57664
  })), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
57661
- "class": sectionproperties.generalbtn_position == 'Centered' ? 'col-lg-12 p-0 allcentered' : 'col-lg-12 p-0 text-start'
57665
+ "class": sectionproperties.generalbtn_position == 'Centered' ? 'col-lg-12 p-0 allcentered' : 'col-lg-12 p-0 text-start justify-content-md-center'
57662
57666
  }, /*#__PURE__*/React__default["default"].createElement("button", {
57663
57667
  "class": "".concat(section_styles.btn),
57664
57668
  onClick: function onClick() {
@@ -60579,7 +60583,7 @@
60579
60583
  // Icon
60580
60584
  var Icon = function Icon(item) {
60581
60585
  return /*#__PURE__*/React__default["default"].createElement("div", {
60582
- "class": langdetect == 'en' ? ' allcentered ml-3 ' : ' allcentered mr-3 ',
60586
+ "class": langdetect == 'en' ? ' allcentered ml-3 ml-sm-0 mr-sm-3 ' : ' allcentered mr-3 mr-sm-0 ml-sm-3 ',
60583
60587
  style: {
60584
60588
  backgroundColor: sectionproperties.iconcontainerbg,
60585
60589
  width: sectionproperties.iconcontainerwidth + 'px',
@@ -60777,7 +60781,7 @@
60777
60781
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
60778
60782
  "class": "col-lg-4 col-md-12 col-sm-12 p-0 mb-sm-3 text-center text-center d-md-none d-lg-none d-xl-none d-sm-block"
60779
60783
  }, /*#__PURE__*/React__default["default"].createElement("div", {
60780
- "class": "row m-0 w-100 justify-content-center align-items-center"
60784
+ "class": "row m-0 w-100 justify-content-center align-items-center "
60781
60785
  }, imagearray.map(function (item) {
60782
60786
  return /*#__PURE__*/React__default["default"].createElement("div", {
60783
60787
  style: {
@@ -60802,7 +60806,7 @@
60802
60806
  var lastItem = cardsarray.length - 1;
60803
60807
  if (index % 2 != 0) {
60804
60808
  return /*#__PURE__*/React__default["default"].createElement("div", {
60805
- "class": index == lastItem ? ' row m-0 w-100 align-items-center justify-content-center ' : ' row m-0 w-100 align-items-center justify-content-center mb-3 '
60809
+ "class": index == lastItem ? ' row m-0 w-100 align-items-center justify-content-center justify-content-md-start ' : ' row m-0 w-100 align-items-center justify-content-center mb-3 justify-content-md-start '
60806
60810
  }, /*#__PURE__*/React__default["default"].createElement("div", {
60807
60811
  "class": "d-xl-none d-lg-none d-md-block d-sm-block"
60808
60812
  }, Icon(item)), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -73121,7 +73125,7 @@
73121
73125
  fontWeight: sectionproperties.prodCatFontWeight
73122
73126
  }),
73123
73127
  cardconttt: glamor.css({
73124
- background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
73128
+ background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColortransparent != 'Transparent' && sectionproperties.backgroundColor == '#ffffff' ? 'rgba(250,250,250,' + sectionproperties.cardbg_opacity + ')' : sectionproperties.backgroundColor,
73125
73129
  borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
73126
73130
  borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
73127
73131
  borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
@@ -73134,9 +73138,9 @@
73134
73138
  paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
73135
73139
  paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
73136
73140
  transition: '.3s',
73137
- opacity: sectionproperties.cardbg_opacity,
73141
+ // opacity: sectionproperties.backgroundColortransparent != 'Transparent' && sectionproperties.backgroundColor == '#ffffff' ? 'rgba(250,250,250,' + sectionproperties.cardbg_opacity + ')' : 1,
73138
73142
  ':hover': {
73139
- opacity: sectionproperties.bgopacityonhover,
73143
+ backgroundColor: sectionproperties.backgroundColortransparent != 'Transparent' && sectionproperties.backgroundColor == '#ffffff' ? 'rgba(250,250,250,' + sectionproperties.bgopacityonhover + ')' : 1,
73140
73144
  transition: 0.3
73141
73145
  }
73142
73146
  })
@@ -73417,12 +73421,12 @@
73417
73421
  }
73418
73422
  cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, productidtobesend, props.fetchingtypeprops, item.collectionid);
73419
73423
  },
73420
- "class": sectionproperties.wordbreak == '1' ? "".concat(card_cssstyles.productNameStyles) + ' wordbreak wordbreak1 font-md-13 m-0 mb-1 ' : "".concat(card_cssstyles.productNameStyles) + ' wordbreak wordbreak2 font-md-13 wordbreak-md-4 m-0 ',
73424
+ "class": sectionproperties.wordbreak == '1' ? "".concat(card_cssstyles.productNameStyles) + ' wordbreak wordbreak1 font-md-13 m-0 ' : "".concat(card_cssstyles.productNameStyles) + ' wordbreak wordbreak2 font-md-13 wordbreak-md-4 m-0 ',
73421
73425
  style: {
73422
73426
  textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
73423
73427
  }
73424
73428
  }, item.name)), sectionproperties.prodCatShow == 'Show' && sectionproperties.descriptionoverwritestyles == 'No' && /*#__PURE__*/React__default["default"].createElement("p", {
73425
- "class": "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 p-0 wordbreak wordbreak4 ',
73429
+ "class": "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 p-0 wordbreak wordbreak4 mt-1 ',
73426
73430
  style: {
73427
73431
  textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
73428
73432
  },
@@ -73430,7 +73434,7 @@
73430
73434
  __html: item.shortdescription
73431
73435
  }
73432
73436
  }), sectionproperties.prodCatShow == 'Show' && sectionproperties.descriptionoverwritestyles == 'Yes' && /*#__PURE__*/React__default["default"].createElement("p", {
73433
- "class": "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 wordbreak wordbreak2 p-0 ',
73437
+ "class": "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 wordbreak wordbreak2 p-0 mt-1 ',
73434
73438
  style: {
73435
73439
  textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
73436
73440
  }
@@ -73438,7 +73442,7 @@
73438
73442
  style: {
73439
73443
  flexDirection: 'column'
73440
73444
  },
73441
- "class": "col-lg-12 d-flex align-items-center justify-content-center p-0 "
73445
+ "class": "col-lg-12 d-flex align-items-center justify-content-center p-0 mt-1 "
73442
73446
  }, /*#__PURE__*/React__default["default"].createElement("div", {
73443
73447
  "class": "row m-0 w-100 "
73444
73448
  }, /*#__PURE__*/React__default["default"].createElement("div", {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.543",
3
+ "version": "0.0.545",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {