tabexseriescomponents 0.0.285 → 0.0.287

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.umd.js CHANGED
@@ -834,14 +834,11 @@
834
834
  temppayloadobj.email = event.target.value;
835
835
  setforgotpasswordpayload(_objectSpread$2a({}, temppayloadobj));
836
836
  },
837
- disabled: forgetpasswordstage == 'verify' ? true : false
838
- }), /*#__PURE__*/React__default["default"].createElement("span", {
839
- className: langdetect == 'en' ? loginstyles$1.login_input_icon + ' login_input_icon ' : loginstyles$1.login_input_icontrans + ' login_input_icon '
840
- }, /*#__PURE__*/React__default["default"].createElement("i", {
841
- className: "h-100 d-flex align-items-center justify-content-center"
842
- }, /*#__PURE__*/React__default["default"].createElement(AiOutlineUser.AiOutlineUser, {
843
- size: 18
844
- })))), forgetpasswordstage == 'verify' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
837
+ disabled: forgetpasswordstage == 'verify' ? true : false,
838
+ style: {
839
+ background: 'transparent'
840
+ }
841
+ })), forgetpasswordstage == 'verify' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
845
842
  className: "col-lg-12 col-md-12 col-sm-12 mb-3 mt-3 p-sm-0"
846
843
  }, /*#__PURE__*/React__default["default"].createElement("label", {
847
844
  className: "".concat(loginstyles2.logininputLabel) + ' text-transform-none d-flex justify-content-start '
@@ -853,6 +850,9 @@
853
850
  var temppayloadobj = _objectSpread$2a({}, forgotpasswordpayload);
854
851
  temppayloadobj.code = event.target.value;
855
852
  setforgotpasswordpayload(_objectSpread$2a({}, temppayloadobj));
853
+ },
854
+ style: {
855
+ background: 'transparent'
856
856
  }
857
857
  })), /*#__PURE__*/React__default["default"].createElement("div", {
858
858
  className: "col-lg-12 col-md-12 col-sm-12 mb-3 p-sm-0"
@@ -866,6 +866,9 @@
866
866
  var temppayloadobj = _objectSpread$2a({}, forgotpasswordpayload);
867
867
  temppayloadobj.newpassword = event.target.value;
868
868
  setforgotpasswordpayload(_objectSpread$2a({}, temppayloadobj));
869
+ },
870
+ style: {
871
+ background: 'transparent'
869
872
  }
870
873
  })), /*#__PURE__*/React__default["default"].createElement("div", {
871
874
  className: "col-lg-12 col-md-12 col-sm-12 mb-2 p-sm-0"
@@ -879,6 +882,9 @@
879
882
  var temppayloadobj = _objectSpread$2a({}, forgotpasswordpayload);
880
883
  temppayloadobj.confirmnewpassword = event.target.value;
881
884
  setforgotpasswordpayload(_objectSpread$2a({}, temppayloadobj));
885
+ },
886
+ style: {
887
+ background: 'transparent'
882
888
  }
883
889
  }))))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Footer, null, /*#__PURE__*/React__default["default"].createElement("div", {
884
890
  className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center mb-3 "
@@ -12907,6 +12913,8 @@
12907
12913
  justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
12908
12914
  }
12909
12915
  }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
12916
+ // if (sectionproperties.overallnumberofcards != 0) {
12917
+ // if (cardinfoindex < sectionproperties.overallnumberofcards) {
12910
12918
  return /*#__PURE__*/React__default["default"].createElement("div", {
12911
12919
  "class": sectionproperties.numberOfColsvertical == '1' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-12 p-0 col-lg-12 col-md-4 p-0 d-flex justify-content-center col-sm-6 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-12 p-0 col-lg-12 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-12 p-0 col-lg-12 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-12 p-0 col-lg-12 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard' ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? ' col-xl-12 p-0 col-lg-12 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : sectionproperties.numberOfColsvertical == '2' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft ' ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-6 p-0 col-lg-6 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-6 p-0 col-lg-6 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto ' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0' : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard' ? ' col-xl-6 p-0 col-lg-6 col-md-12 col-sm-12 d-flex justify-content-center p-0' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-6 d-flex justify-content-center p-0' : sectionproperties.numberOfColsvertical == '3' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-4 col-lg-4 col-md-4 col-sm-6 p-0 d-flex justify-content-center ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-4 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-4 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-4 p-0 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-4 p-0 col-lg-4 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto ' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? ' col-xl-4 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard' ? ' col-xl-4 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : ' col-xl-4 col-lg-4 col-md-6 col-sm-6 d-flex justify-content-center p-0 ' : sectionproperties.numberOfColsvertical == '4' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-3 p-0 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-3 p-0 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-3 p-0 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-3 p-0 col-lg-3 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-3 p-0 col-lg-3 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto ' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? ' col-xl-3 col-lg-4 col-md-4 col-sm-12 p-0 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard' ? ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : ' col-xl-3 col-lg-4 col-md-4 col-sm-6 p-0 d-flex justify-content-center p-0 ' : sectionproperties.numberOfColsvertical == '12' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-3 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-3 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-3 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-3 p-0 col-lg-3 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-3 p-0 col-lg-3 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto ' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard' ? ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : '' : sectionproperties.numberOfColsvertical == '6' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-2 p-0 col-lg-2 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-2 p-0 col-lg-2 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-2 p-0 col-lg-3 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-2 p-0 col-lg-2 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto ' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-2 p-0 col-lg-3 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? ' col-xl-2 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard' ? ' col-xl-2 p-0 col-lg-2 col-md-12 col-sm-12 d-flex justify-content-center p-0' : item.tabexsectioninfo.sectioncompname == 'CardWithTextOnly' ? ' col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? ' col-xl-2 p-0 col-lg-2 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : ' col-xl-2 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : ''
12912
12920
  }, /*#__PURE__*/React__default["default"].createElement(Sectioncomp, {
@@ -12921,7 +12929,8 @@
12921
12929
  fontFamilyprops: sectionproperties.sectiontitlefontfamily == 'ASUL' ? 'ASUL' : '',
12922
12930
  numberOfColsvertical: sectionproperties.numberOfColsvertical
12923
12931
  }));
12924
- }), fetchingtype == 'products' && /*#__PURE__*/React__default["default"].createElement("div", {
12932
+ // }
12933
+ }), fetchingtype == 'products' && sectionproperties.showpagination == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
12925
12934
  className: "w-100 col-lg-12 allcentered mt-2"
12926
12935
  }, /*#__PURE__*/React__default["default"].createElement(PaginatedItems, {
12927
12936
  itemsPerPage: 5
@@ -13673,9 +13682,19 @@
13673
13682
  zIndex: 2000,
13674
13683
  position: ((_props$subheaderprope29 = props.subheaderpropertiesprops) === null || _props$subheaderprope29 === void 0 ? void 0 : _props$subheaderprope29.subheaderpositionprops) == 'in nav' ? 'absolute' : '',
13675
13684
  top: ((_props$subheaderprope30 = props.subheaderpropertiesprops) === null || _props$subheaderprope30 === void 0 ? void 0 : _props$subheaderprope30.headernameprops) == 'Stylish Header' && ((_props$subheaderprope31 = props.subheaderpropertiesprops) === null || _props$subheaderprope31 === void 0 ? void 0 : _props$subheaderprope31.subheaderpositionprops) == 'in nav' ? 50 : ((_props$subheaderprope32 = props.subheaderpropertiesprops) === null || _props$subheaderprope32 === void 0 ? void 0 : _props$subheaderprope32.subheaderpositionprops) == 'in nav' ? 30 : '',
13676
- border: sectionproperties.subheader_width != 100 ? sectionproperties.subheader_dropdown_borderWidth + 'px solid ' + sectionproperties.subheader_dropdown_borderColor : 0,
13677
- borderBottom: sectionproperties.subheader_width == 100 ? sectionproperties.subheader_dropdown_borderWidth + 'px solid ' + sectionproperties.subheader_dropdown_borderColor : 0,
13678
- borderTop: sectionproperties.subheader_width == 100 ? sectionproperties.subheader_dropdown_borderWidth + 'px solid ' + sectionproperties.subheader_dropdown_borderColor : 0,
13685
+ // border:
13686
+ // sectionproperties.subheader_width != 100
13687
+ // ? sectionproperties.subheader_dropdown_borderWidth + 'px solid ' + sectionproperties.subheader_dropdown_borderColor
13688
+ // : 0,
13689
+ border: sectionproperties.subheader_dropdown_borderWidth + 'px solid ' + sectionproperties.subheader_dropdown_borderColor,
13690
+ // borderBottom:
13691
+ // sectionproperties.subheader_width == 100
13692
+ // ? sectionproperties.subheader_dropdown_borderWidth + 'px solid ' + sectionproperties.subheader_dropdown_borderColor
13693
+ // : 0,
13694
+ // borderTop:
13695
+ // sectionproperties.subheader_width == 100
13696
+ // ? sectionproperties.subheader_dropdown_borderWidth + 'px solid ' + sectionproperties.subheader_dropdown_borderColor
13697
+ // : 0,
13679
13698
  paddingLeft: langdetect == 'en' ? sectionproperties.subheader_dropdown_paddingLeft + 'px' : sectionproperties.subheader_dropdown_paddingRight + 'px',
13680
13699
  paddingRight: langdetect == 'en' ? sectionproperties.subheader_dropdown_paddingRight + 'px' : sectionproperties.subheader_dropdown_paddingLeft + 'px'
13681
13700
  }
@@ -25080,7 +25099,7 @@
25080
25099
  var templatepropcontext = props.actions.templatepropcontext;
25081
25100
  var authdetailsContext = props.actions.authdetailsContext;
25082
25101
  var templateproperties_context = props.actions.templateproperties_context;
25083
- props.actions.favoriteprojectscountContext;
25102
+ var favoriteprojectscountContext = props.actions.favoriteprojectscountContext;
25084
25103
  var routingcountext = props.actions.routingcountext;
25085
25104
  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
25086
25105
  var setcurrencyfunccontext = props.actions.setcurrencyfunccontext;
@@ -25404,7 +25423,10 @@
25404
25423
  "class": header_cssstyles.upperheadertext + ' storeinfotext ml-1 mr-1 ',
25405
25424
  size: sectionproperties.footerinfotext_fontsize
25406
25425
  }), /*#__PURE__*/React__default["default"].createElement("span", {
25407
- "class": header_cssstyles.upperheadertext + ' storeinfotext '
25426
+ "class": header_cssstyles.upperheadertext + ' storeinfotext ',
25427
+ style: {
25428
+ textTransform: 'none'
25429
+ }
25408
25430
  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : (_authdetailsContext$i4 = _authdetailsContext$i3.contactinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.email)), sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
25409
25431
  "class": header_cssstyles.storeinfocontainer + ' d-flex align-items-center justify-content-center '
25410
25432
  }, /*#__PURE__*/React__default["default"].createElement("a", {
@@ -25513,7 +25535,10 @@
25513
25535
  }), sectionproperties.flagIcon == 'Icon' && /*#__PURE__*/React__default["default"].createElement(BiGlobe.BiGlobe, null), /*#__PURE__*/React__default["default"].createElement("span", {
25514
25536
  "class": 'ml-2 mr-2'
25515
25537
  }, lang.english))))))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
25516
- "class": "".concat(header_cssstyles.user_btn) + ' d-flex justify-content-center align-items-center ml-3 mr-3 '
25538
+ "class": "".concat(header_cssstyles.user_btn) + ' d-flex justify-content-center align-items-center ml-3 mr-3 ',
25539
+ onClick: function onClick() {
25540
+ routingcountext(StaticPagesLinksContext.Login);
25541
+ }
25517
25542
  }, /*#__PURE__*/React__default["default"].createElement("span", {
25518
25543
  "class": ' d-flex justify-content-center align-items-center '
25519
25544
  }, /*#__PURE__*/React__default["default"].createElement(FiUser.FiUser, {
@@ -25550,27 +25575,7 @@
25550
25575
  style: {
25551
25576
  maxWidth: '150px'
25552
25577
  }
25553
- }, authdetailsContext.customerinfo.name))))), !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
25554
- onClick: function onClick() {
25555
- routingcountext(StaticPagesLinksContext.Login);
25556
- }
25557
- }, /*#__PURE__*/React__default["default"].createElement("div", {
25558
- "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
25559
- }, /*#__PURE__*/React__default["default"].createElement("p", {
25560
- "class": "".concat(header_cssstyles.dropdownitem) + ' d-flex align-items-center dropdownitem m-0 p-0 '
25561
- }, /*#__PURE__*/React__default["default"].createElement(AiOutlineLogin.AiOutlineLogin, null), /*#__PURE__*/React__default["default"].createElement("span", {
25562
- "class": "ml-2 mr-2"
25563
- }, lang.login)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
25564
- onClick: function onClick() {
25565
- routingcountext(StaticPagesLinksContext.Signup);
25566
- }
25567
- }, /*#__PURE__*/React__default["default"].createElement("div", {
25568
- "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
25569
- }, /*#__PURE__*/React__default["default"].createElement("p", {
25570
- "class": "".concat(header_cssstyles.dropdownitem) + ' d-flex align-items-center dropdownitem m-0 p-0 '
25571
- }, /*#__PURE__*/React__default["default"].createElement(AiOutlineUserAdd.AiOutlineUserAdd, null), /*#__PURE__*/React__default["default"].createElement("span", {
25572
- "class": "ml-2 mr-2 text-transform-none"
25573
- }, lang.signup))))), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, {
25578
+ }, authdetailsContext.customerinfo.name))))), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, {
25574
25579
  style: {
25575
25580
  minWidth: '200px'
25576
25581
  }
@@ -25670,7 +25675,7 @@
25670
25675
  borderTopRightRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderTopRightRadius + 'px' : sectionproperties.searchbarcont_borderTopLeftRadius + 'px',
25671
25676
  borderTopLeftRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderTopLeftRadius + 'px' : sectionproperties.searchbarcont_borderTopRightRadius + 'px'
25672
25677
  }
25673
- }, /*#__PURE__*/React__default["default"].createElement("div", {
25678
+ }, sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
25674
25679
  "class": 'col-xl-3 col-lg-4 p-0 d-flex align-items-center justify-content-start h-100',
25675
25680
  onClick: function onClick() {
25676
25681
  setdropdownselect(!dropdownselect);
@@ -25714,20 +25719,20 @@
25714
25719
  "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem text-overflow m-0 p-0 '
25715
25720
  }, langdetect == 'en' ? item.title_en : item.title_ar)))), index != authdetailsContext.instinfo.instcollections.length - 1 && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null));
25716
25721
  }))))), /*#__PURE__*/React__default["default"].createElement("div", {
25717
- "class": "col-xl-9 col-lg-8 p-0 d-flex justify-content-end align-items-center h-100"
25722
+ "class": sectionproperties.generalbtn_show == 'Show' ? 'col-xl-9 col-lg-8 p-0 d-flex justify-content-end align-items-center h-100' : 'col-xl-12 col-lg-12 p-0 d-flex justify-content-end align-items-center h-100'
25718
25723
  }, /*#__PURE__*/React__default["default"].createElement("div", {
25719
25724
  "class": ' row m-0 w-100 h-100 ',
25720
25725
  style: {
25721
25726
  position: 'relative',
25722
25727
  backgroundColor: sectionproperties.searchbarcont_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.searchbarcont_bgcolor,
25723
- borderBottomLeftRadius: langdetect == 'ar' ? sectionproperties.searchbarcont_borderBottomLeftRadius + 'px' : 0,
25724
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderBottomRightRadius + 'px' : 0,
25725
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderTopRightRadius + 'px' : 0,
25726
- borderTopLeftRadius: langdetect == 'ar' ? sectionproperties.searchbarcont_borderTopLeftRadius + 'px' : 0
25728
+ borderBottomLeftRadius: sectionproperties.generalbtn_show == 'Show' ? langdetect == 'ar' ? sectionproperties.searchbarcont_borderBottomLeftRadius + 'px' : 0 : langdetect == 'en' ? sectionproperties.searchbarcont_borderBottomLeftRadius + 'px' : sectionproperties.searchbarcont_borderBottomRightRadius + 'px',
25729
+ borderBottomRightRadius: sectionproperties.generalbtn_show == 'Show' ? langdetect == 'en' ? sectionproperties.searchbarcont_borderBottomRightRadius + 'px' : 0 : langdetect == 'en' ? sectionproperties.searchbarcont_borderBottomRightRadius + 'px' : sectionproperties.searchbarcont_borderBottomLeftRadius + 'px',
25730
+ borderTopRightRadius: sectionproperties.generalbtn_show == 'Show' ? langdetect == 'en' ? sectionproperties.searchbarcont_borderTopRightRadius + 'px' : 0 : langdetect == 'en' ? sectionproperties.searchbarcont_borderTopLeftRadius + 'px' : 0,
25731
+ borderTopLeftRadius: sectionproperties.generalbtn_show == 'Show' ? langdetect == 'ar' ? sectionproperties.searchbarcont_borderTopLeftRadius + 'px' : 0 : langdetect == 'en' ? sectionproperties.searchbarcont_borderTopLeftRadius + 'px' : sectionproperties.searchbarcont_borderTopRightRadius + 'px'
25727
25732
  }
25728
25733
  }, /*#__PURE__*/React__default["default"].createElement("input", {
25729
25734
  type: "text",
25730
- placeholder: lang.searchproducts,
25735
+ placeholder: langdetect == 'en' ? sectionproperties.search_placeholder_en : sectionproperties.search_placeholder_ar,
25731
25736
  "class": "".concat(header_cssstyles.searchbarcont_input) + ' h-100 ',
25732
25737
  onChange: function onChange(event) {
25733
25738
  setSearchHeaderInputContext(event.target.value);
@@ -25739,12 +25744,18 @@
25739
25744
  marginLeft: langdetect == 'ar' ? '-0.25rem' : 0,
25740
25745
  marginTop: sectionproperties.searchbarcontinput_borderwidth != 0 ? '-0.1rem' : 0
25741
25746
  }
25742
- }, lang.search), /*#__PURE__*/React__default["default"].createElement(Searchlist$1, {
25747
+ }, sectionproperties.showsearchicon == 'Hide' && /*#__PURE__*/React__default["default"].createElement("span", {
25748
+ "class": "h-100 allcentered"
25749
+ }, lang.search), sectionproperties.showsearchicon == 'Show' && /*#__PURE__*/React__default["default"].createElement("span", {
25750
+ "class": "h-100 allcentered"
25751
+ }, /*#__PURE__*/React__default["default"].createElement(BiSearch.BiSearch, {
25752
+ size: sectionproperties.search_btn_fontSize
25753
+ }))), /*#__PURE__*/React__default["default"].createElement(Searchlist$1, {
25743
25754
  sectionpropertiesprops: sectionproperties,
25744
25755
  srcfromprops: 'headerfullwidth',
25745
25756
  actions: actions
25746
25757
  })))), /*#__PURE__*/React__default["default"].createElement("div", {
25747
- "class": "col-xl-2 col-lg-3 d-flex align-items-center justify-content-center p-0"
25758
+ "class": "col-xl-2 col-lg-3 d-flex align-items-center justify-content-end p-0"
25748
25759
  }, /*#__PURE__*/React__default["default"].createElement("div", {
25749
25760
  "class": "".concat(header_cssstyles.wishlist_btn) + ' d-flex justify-content-center align-items-center cursor-pointer ',
25750
25761
  onClick: function onClick() {
@@ -25752,9 +25763,16 @@
25752
25763
  },
25753
25764
  style: {
25754
25765
  marginRight: langdetect == 'en' ? '1rem' : 0,
25755
- marginLeft: langdetect == 'ar' ? '1rem' : 0
25766
+ marginLeft: langdetect == 'ar' ? '1rem' : 0,
25767
+ position: 'relative'
25756
25768
  }
25757
- }, sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
25769
+ }, sectionproperties.showfavbadge == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
25770
+ className: "".concat(headerstyles$5.badge_counter_header_notifications, " ").concat(header_cssstyles.badge_counter_header_notifications) + ' d-flex justify-content-center align-items-center ',
25771
+ style: {
25772
+ top: sectionproperties.wishlistbadgetop + 'px',
25773
+ right: sectionproperties.wishlistbadgeright + 'px'
25774
+ }
25775
+ }, favoriteprojectscountContext.length >= 10 ? '+9' : favoriteprojectscountContext.length), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
25758
25776
  size: sectionproperties.favBtnIconfontsize
25759
25777
  }), sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiOutlineStar.AiOutlineStar, {
25760
25778
  size: sectionproperties.favBtnIconfontsize
@@ -45255,6 +45273,8 @@
45255
45273
 
45256
45274
  function ownKeys$K(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
45257
45275
  function _objectSpread$K(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$K(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$K(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
45276
+ // import { Swiper, SwiperSlide } from 'swiper/react';
45277
+ // import 'swiper/css';
45258
45278
  function CardsArrayOfObjects(_ref) {
45259
45279
  _ref.itemId;
45260
45280
  var cardItem = _ref.cardItem,
@@ -47482,6 +47502,20 @@
47482
47502
  background: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColoronhover,
47483
47503
  color: sectionproperties.favBtnTextcoloronhover
47484
47504
  }
47505
+ }),
47506
+ innercard: glamor.css({
47507
+ paddingTop: sectionproperties.paddingTop + 'px',
47508
+ paddingBottom: sectionproperties.paddingBottom + 'px',
47509
+ backgroundColor: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
47510
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
47511
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
47512
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
47513
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
47514
+ boxShadow: '0 0 10px ' + sectionproperties.sectioncardshadowcolor,
47515
+ ':hover': {
47516
+ transition: '.3s',
47517
+ boxShadow: '0 0 10px ' + sectionproperties.sectioncardshadowcoloronhover
47518
+ }
47485
47519
  })
47486
47520
  };
47487
47521
  var Buttons = function Buttons() {
@@ -47595,18 +47629,11 @@
47595
47629
  paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
47596
47630
  }
47597
47631
  }, /*#__PURE__*/React__default["default"].createElement("div", {
47598
- "class": ' row ml-0 mr-0 w-100 '
47632
+ "class": sectionproperties.sectioncardshadowcolor != null ? ' row ml-0 mr-0 w-100 pt-1 pb-1' : sectionproperties.sectioncardshadowcoloronhover != null ? ' row ml-0 mr-0 w-100 pt-1 pb-1' : ' row ml-0 mr-0 w-100 ',
47633
+ style: {}
47599
47634
  }, /*#__PURE__*/React__default["default"].createElement("div", {
47600
- "class": "col-lg-12 pl-0 pr-0 h-100",
47601
- style: {
47602
- paddingTop: sectionproperties.paddingTop + 'px',
47603
- paddingBottom: sectionproperties.paddingBottom + 'px',
47604
- backgroundColor: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
47605
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
47606
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
47607
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
47608
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px'
47609
- }
47635
+ "class": card_cssstyles.innercard + ' col-lg-12 pl-0 pr-0 h-100 ',
47636
+ style: {}
47610
47637
  }, /*#__PURE__*/React__default["default"].createElement("div", {
47611
47638
  "class": "row mt-0 ml-0 mr-0 w-100 align-items-center justify-content-center cursor-pointer",
47612
47639
  style: {
@@ -53857,7 +53884,7 @@
53857
53884
  function ownKeys$g(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
53858
53885
  function _objectSpread$g(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$g(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
53859
53886
  var ModernProductCard = function ModernProductCard(props) {
53860
- var _css, _css2;
53887
+ var _css;
53861
53888
  var _useState = React.useState(''),
53862
53889
  _useState2 = _slicedToArray__default["default"](_useState, 2),
53863
53890
  sectionproperties = _useState2[0],
@@ -53870,15 +53897,15 @@
53870
53897
  props.actions.lang;
53871
53898
  var langdetect = props.actions.langdetect;
53872
53899
  var setShowProductInfoModalContext = props.actions.setShowProductInfoModalContext;
53873
- props.actions.addtofavoritescontext;
53900
+ var addtofavoritescontext = props.actions.addtofavoritescontext;
53874
53901
  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
53875
53902
  var AddtoCartContext = props.actions.AddtoCartContext;
53876
- props.actions.AddtoCartMutationContext;
53903
+ var AddtoCartMutationContext = props.actions.AddtoCartMutationContext;
53877
53904
  props.actions.StaticPagesLinksContext;
53878
53905
  props.actions.routingcountext;
53879
53906
  var NotificationManager = NotificationManager;
53880
53907
  var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
53881
- props.actions.ikimagecredcontext;
53908
+ var ikimagecredcontext = props.actions.ikimagecredcontext;
53882
53909
  var updatequantity = function updatequantity(type) {
53883
53910
  var tempitem = _objectSpread$g({}, item);
53884
53911
  tempitem.quantity = parseInt(tempitem.quantity);
@@ -53944,6 +53971,62 @@
53944
53971
  AddtoCartContext(addtocardpayloadobj);
53945
53972
  }
53946
53973
  };
53974
+ var addtocartbuttonrender = function addtocartbuttonrender() {
53975
+ if (AddtoCartMutationContext.isLoading) {
53976
+ var _AddtoCartMutationCon;
53977
+ if ((AddtoCartMutationContext === null || AddtoCartMutationContext === void 0 ? void 0 : (_AddtoCartMutationCon = AddtoCartMutationContext.variables) === null || _AddtoCartMutationCon === void 0 ? void 0 : _AddtoCartMutationCon.productid) == item.productid) {
53978
+ return /*#__PURE__*/React__default["default"].createElement("div", {
53979
+ "class": ' d-flex align-items-center justify-content-center '
53980
+ }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
53981
+ color: sectionproperties.cart_iconcolor,
53982
+ width: "20px",
53983
+ height: "20px",
53984
+ duration: "1s"
53985
+ }));
53986
+ } else {
53987
+ return /*#__PURE__*/React__default["default"].createElement("i", {
53988
+ "class": 'h-100 d-flex align-items-center justify-content-center'
53989
+ }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
53990
+ "class": "",
53991
+ size: sectionproperties.cartBtn_iconFontSize
53992
+ }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, {
53993
+ "class": "",
53994
+ size: sectionproperties.cartBtn_iconFontSize
53995
+ }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, {
53996
+ "class": "",
53997
+ size: sectionproperties.cartBtn_iconFontSize
53998
+ }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(RiHandbagLine.RiHandbagLine, {
53999
+ size: sectionproperties.cartBtn_iconFontSize
54000
+ }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, {
54001
+ "class": "",
54002
+ size: sectionproperties.cartBtn_iconFontSize
54003
+ }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
54004
+ size: sectionproperties.cartBtn_iconFontSize
54005
+ }));
54006
+ }
54007
+ }
54008
+ if (!AddtoCartMutationContext.isLoading) {
54009
+ return /*#__PURE__*/React__default["default"].createElement("i", {
54010
+ "class": 'h-100 d-flex align-items-center justify-content-center'
54011
+ }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
54012
+ "class": "",
54013
+ size: sectionproperties.cartBtn_iconFontSize
54014
+ }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, {
54015
+ "class": "",
54016
+ size: sectionproperties.cartBtn_iconFontSize
54017
+ }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, {
54018
+ "class": "",
54019
+ size: sectionproperties.cartBtn_iconFontSize
54020
+ }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(RiHandbagLine.RiHandbagLine, {
54021
+ size: sectionproperties.cartBtn_iconFontSize
54022
+ }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, {
54023
+ "class": "",
54024
+ size: sectionproperties.cartBtn_iconFontSize
54025
+ }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
54026
+ size: sectionproperties.cartBtn_iconFontSize
54027
+ }));
54028
+ }
54029
+ };
53947
54030
  var card_cssstyles = {
53948
54031
  productcard: glamor.css({
53949
54032
  minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.width + 'px',
@@ -54032,11 +54115,25 @@
54032
54115
  color: sectionproperties.cartBtnTextcoloronhover
54033
54116
  }
54034
54117
  }),
54035
- quantitybtn: glamor.css((_css2 = {
54036
- flex: 1,
54118
+ quantitybtn: glamor.css({
54119
+ // flex: 1,
54037
54120
  border: sectionproperties.quantitybtnborderwidth + 'px solid ' + sectionproperties.quantitybtnbordercolor,
54038
- height: sectionproperties.quantitybtn_height + 'px'
54039
- }, _defineProperty__default["default"](_css2, "height", '40px'), _defineProperty__default["default"](_css2, "display", 'flex'), _defineProperty__default["default"](_css2, "flexDirection", 'row'), _defineProperty__default["default"](_css2, "overflow", 'hidden'), _defineProperty__default["default"](_css2, "borderRadius", sectionproperties.quantitybtn_borderradius + 'px'), _defineProperty__default["default"](_css2, "background", sectionproperties.quantitybtn_bgcolor), _defineProperty__default["default"](_css2, "alignItems", 'center'), _defineProperty__default["default"](_css2, "justifyContent", 'center'), _defineProperty__default["default"](_css2, "margin", 0), _defineProperty__default["default"](_css2, "position", 'relative'), _defineProperty__default["default"](_css2, "fontWeight", sectionproperties.quantitybtn_textfontweight), _defineProperty__default["default"](_css2, "color", sectionproperties.quantitybtn_textcolor), _defineProperty__default["default"](_css2, "fontSize", sectionproperties.quantitybtn_textfontsize + 'px'), _css2)),
54121
+ height: sectionproperties.quantitybtn_height + 'px',
54122
+ width: sectionproperties.quantitybtn_width + 'px',
54123
+ maxWidth: '100%',
54124
+ display: 'flex',
54125
+ flexDirection: 'row',
54126
+ overflow: 'hidden',
54127
+ borderRadius: sectionproperties.quantitybtn_borderradius + 'px',
54128
+ background: sectionproperties.quantitybtn_bgcolor,
54129
+ alignItems: 'center',
54130
+ justifyContent: 'center',
54131
+ margin: 0,
54132
+ position: 'relative',
54133
+ fontWeight: sectionproperties.quantitybtn_textfontweight,
54134
+ color: sectionproperties.quantitybtn_textcolor,
54135
+ fontSize: sectionproperties.quantitybtn_textfontsize + 'px'
54136
+ }),
54040
54137
  quantitybtn_text: glamor.css({
54041
54138
  margin: 'auto'
54042
54139
  }),
@@ -54048,37 +54145,46 @@
54048
54145
  display: 'flex',
54049
54146
  alignItems: 'center',
54050
54147
  justifyContent: 'center',
54051
- borderRadius: sectionproperties.add_quantitybtn_borderradius + 'px',
54148
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.add_quantitybtn_leftborderradius + 'px' : sectionproperties.add_quantitybtn_rightborderradius + 'px',
54149
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.add_quantitybtn_leftborderradius + 'px' : sectionproperties.add_quantitybtn_rightborderradius + 'px',
54150
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.add_quantitybtn_rightborderradius + 'px' : sectionproperties.add_quantitybtn_leftborderradius + 'px',
54151
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.add_quantitybtn_rightborderradius + 'px' : sectionproperties.add_quantitybtn_leftborderradius + 'px',
54052
54152
  fontSize: sectionproperties.add_quantitybtn_textfontsize + 'px',
54053
54153
  color: sectionproperties.add_quantitybtn_textcolor,
54054
54154
  transition: '.3s',
54055
54155
  ':hover': {
54056
54156
  color: sectionproperties.add_quantitybtn_textcoloronhover,
54057
54157
  background: sectionproperties.add_quantitybtn_bgcoloronhover
54158
+ },
54159
+ ':hover .addbtn': {
54160
+ color: sectionproperties.add_quantitybtn_textcoloronhover,
54161
+ transition: '.3s'
54058
54162
  }
54059
54163
  }),
54060
54164
  minus_quantitybtn_icon_container: glamor.css({
54061
54165
  position: 'relative',
54062
- width: sectionproperties.remove_quantitybtn_width + 'px',
54063
- height: sectionproperties.remove_quantitybtn_height + 'px',
54064
- background: sectionproperties.remove_quantitybtn_bgcolor,
54065
54166
  display: 'flex',
54066
54167
  alignItems: 'center',
54067
54168
  justifyContent: 'center',
54068
- borderRadius: sectionproperties.remove_quantitybtn_borderradius + 'px',
54169
+ width: sectionproperties.remove_quantitybtn_width + 'px',
54170
+ height: sectionproperties.remove_quantitybtn_height + 'px',
54171
+ background: sectionproperties.remove_quantitybtn_bgcolor,
54069
54172
  fontSize: sectionproperties.remove_quantitybtn_textfontsize + 'px',
54070
54173
  color: sectionproperties.remove_quantitybtn_textcolor,
54174
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.remove_quantitybtn_leftborderradius + 'px' : sectionproperties.remove_quantitybtn_rightborderradius + 'px',
54175
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.remove_quantitybtn_leftborderradius + 'px' : sectionproperties.remove_quantitybtn_rightborderradius + 'px',
54176
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.remove_quantitybtn_rightborderradius + 'px' : sectionproperties.remove_quantitybtn_leftborderradius + 'px',
54177
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.remove_quantitybtn_rightborderradius + 'px' : sectionproperties.remove_quantitybtn_leftborderradius + 'px',
54071
54178
  transition: '.3s',
54072
54179
  ':hover': {
54073
54180
  color: sectionproperties.remove_quantitybtn_textcoloronhover,
54074
54181
  background: sectionproperties.remove_quantitybtn_bgcoloronhover
54182
+ },
54183
+ ':hover .minusbtn': {
54184
+ transition: '.3s',
54185
+ color: sectionproperties.remove_quantitybtn_textcoloronhover
54075
54186
  }
54076
54187
  }),
54077
- producttotalstyles: glamor.css({
54078
- color: sectionproperties.total_color,
54079
- fontSize: sectionproperties.total_fontsize + 'px',
54080
- fontWeight: 500
54081
- }),
54082
54188
  productDescStyles: glamor.css({
54083
54189
  color: sectionproperties.prodCatColor,
54084
54190
  fontSize: sectionproperties.prodCatFontSize + 'px',
@@ -54088,8 +54194,99 @@
54088
54194
  marginLeft: sectionproperties.description_marginLeft + 'px',
54089
54195
  marginRight: sectionproperties.description_marginRight + 'px',
54090
54196
  marginBottom: sectionproperties.descriptionMarginBottom + 'px'
54197
+ }),
54198
+ quantity: glamor.css({
54199
+ color: sectionproperties.quantitycolor,
54200
+ fontSize: sectionproperties.quantityfontsize + 'px',
54201
+ fontWeight: sectionproperties.quantityfontweight
54091
54202
  })
54092
54203
  };
54204
+ var ImageContent = function ImageContent() {
54205
+ return /*#__PURE__*/React__default["default"].createElement("div", {
54206
+ "class": "w-100 allcentered"
54207
+ }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
54208
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
54209
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
54210
+ path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
54211
+ loading: "lazy",
54212
+ style: {
54213
+ width: sectionproperties.imageInnerWidth_Height + '%',
54214
+ height: sectionproperties.imageInnerWidth_Height + '%',
54215
+ objectFit: sectionproperties.bgcovercontain == 'Contain' ? 'contain' : 'cover',
54216
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
54217
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
54218
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
54219
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'
54220
+ }
54221
+ }), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
54222
+ "class": " ".concat(card_cssstyles.wishlist_btn) + ' m-0 p-0 d-flex align-items-center justify-content-center ',
54223
+ onClick: function onClick(e) {
54224
+ e.stopPropagation();
54225
+ addtofavoritescontext(item.productid);
54226
+ },
54227
+ style: {
54228
+ position: 'absolute',
54229
+ top: 10,
54230
+ right: langdetect == 'en' ? 10 : 0,
54231
+ left: langdetect == 'en' ? 0 : 10,
54232
+ background: item.IsFavExists == true ? sectionproperties.activebgcolor : ''
54233
+ }
54234
+ }, item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
54235
+ "class": "h-100 d-flex align-items-center justify-content-center"
54236
+ }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiFillStar.AiFillStar, {
54237
+ size: sectionproperties.favBtnIconfontsize,
54238
+ style: {
54239
+ color: sectionproperties.activefaviconcolor
54240
+ }
54241
+ }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaHeart.FaHeart, {
54242
+ size: sectionproperties.favBtnIconfontsize,
54243
+ style: {
54244
+ color: sectionproperties.activefaviconcolor
54245
+ }
54246
+ })), !item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
54247
+ "class": "h-100 d-flex align-items-center justify-content-center"
54248
+ }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiOutlineStar.AiOutlineStar, {
54249
+ size: sectionproperties.favBtnIconfontsize
54250
+ }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
54251
+ size: sectionproperties.favBtnIconfontsize
54252
+ }))), sectionproperties.showbadge == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
54253
+ "class": "allcentered",
54254
+ style: {
54255
+ position: 'absolute',
54256
+ top: sectionproperties.badge_top + 'px',
54257
+ right: sectionproperties.badge_right + 'px',
54258
+ width: sectionproperties.badge_width + 'px',
54259
+ height: sectionproperties.badge_height + 'px',
54260
+ background: sectionproperties.badge_bgcolor,
54261
+ borderRadius: sectionproperties.badge_borderradius + 'px',
54262
+ border: sectionproperties.badgeborderwidth + 'px solid ' + sectionproperties.badge_color
54263
+ }
54264
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
54265
+ "class": "m-0 p-0",
54266
+ style: {
54267
+ color: sectionproperties.badge_color,
54268
+ fontSize: sectionproperties.badge_fontsize + 'px'
54269
+ }
54270
+ }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr)), sectionproperties.showpill == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
54271
+ "class": "allcentered",
54272
+ style: {
54273
+ position: 'absolute',
54274
+ top: sectionproperties.pillpositionfromtop + 'px',
54275
+ right: sectionproperties.pillpositionfromright + 'px',
54276
+ width: sectionproperties.pillwidth + 'px',
54277
+ height: sectionproperties.pillheight + 'px',
54278
+ background: sectionproperties.pillbgcolor,
54279
+ borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px'
54280
+ }
54281
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
54282
+ "class": "m-0 p-0",
54283
+ style: {
54284
+ color: sectionproperties.pillcolor,
54285
+ fontSize: sectionproperties.pillfontSize + 'px',
54286
+ direction: 'ltr'
54287
+ }
54288
+ }, '-' + parseFloat(Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0).toFixed(0) + '%')));
54289
+ };
54093
54290
  return /*#__PURE__*/React__default["default"].createElement("div", {
54094
54291
  "class": props.sectiontypeprops2 == 'vertical' ? "".concat(card_cssstyles.productcard) + ' w-100 p-md-0 ' : " ".concat(card_cssstyles.productcard),
54095
54292
  style: {
@@ -54103,7 +54300,27 @@
54103
54300
  // }}
54104
54301
  }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
54105
54302
  "class": "".concat(card_cssstyles.innerproductcard) + ' w-100 '
54106
- }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
54303
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
54304
+ onClick: function onClick() {
54305
+ cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
54306
+ },
54307
+ "class": "".concat(card_cssstyles.productcardimagecont) + ' cursor-pointer d-flex d-md-none w-100 ',
54308
+ style: {
54309
+ position: 'relative',
54310
+ marginBottom: sectionproperties.image_mb + 'px',
54311
+ height: sectionproperties.image_height + 'px'
54312
+ }
54313
+ }, ImageContent()), /*#__PURE__*/React__default["default"].createElement("div", {
54314
+ onClick: function onClick() {
54315
+ cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
54316
+ },
54317
+ "class": "".concat(card_cssstyles.productcardimagecont) + ' cursor-pointer d-none d-md-flex ',
54318
+ style: {
54319
+ position: 'relative',
54320
+ marginBottom: sectionproperties.image_mb + 'px',
54321
+ height: sectionproperties.height_responsive + 'px'
54322
+ }
54323
+ }, ImageContent()), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
54107
54324
  "class": "row m-0 w-100"
54108
54325
  }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
54109
54326
  onClick: function onClick() {
@@ -54120,7 +54337,11 @@
54120
54337
  style: {
54121
54338
  textAlign: langdetect == 'en' ? 'left' : 'right'
54122
54339
  }
54123
- }, plainString(langdetect == 'en' ? item.description_en : item.description_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
54340
+ }, plainString(langdetect == 'en' ? item.description_en : item.description_ar)), sectionproperties.quantityshow == 'Show' && item.measurmentunit != null && /*#__PURE__*/React__default["default"].createElement("div", {
54341
+ "class": "col-lg-12 p-0 d-flex align-items-center justify-content-start"
54342
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
54343
+ "class": "".concat(card_cssstyles.quantity) + ' m-0 '
54344
+ }, item.measurmentunit)), /*#__PURE__*/React__default["default"].createElement("div", {
54124
54345
  "class": "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center p-0"
54125
54346
  }, /*#__PURE__*/React__default["default"].createElement("div", {
54126
54347
  "class": "row m-0 w-100 d-flex align-items-center"
@@ -54140,23 +54361,24 @@
54140
54361
  }, /*#__PURE__*/React__default["default"].createElement("button", {
54141
54362
  "class": "".concat(card_cssstyles.quantitybtn) + ' p-0 d-flex align-items-center justify-content-center '
54142
54363
  }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("span", {
54143
- "class": "".concat(card_cssstyles.minus_quantitybtn_icon_container) + ' m-1 ',
54144
- style: {
54145
- transform: ' rotate(-180deg)'
54146
- },
54364
+ "class": "".concat(card_cssstyles.minus_quantitybtn_icon_container) + ' ',
54147
54365
  onClick: function onClick() {
54148
54366
  updatequantity('remove');
54149
54367
  }
54150
54368
  }, /*#__PURE__*/React__default["default"].createElement("i", {
54151
- "class": "fa fa-chevron-up "
54152
- })), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("span", {
54153
- "class": "".concat(card_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
54369
+ "class": "h-100 allcentered"
54370
+ }, /*#__PURE__*/React__default["default"].createElement(AiOutlineMinus.AiOutlineMinus, {
54371
+ size: sectionproperties.remove_quantitybtn_textfontsize
54372
+ }))), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("span", {
54373
+ "class": "".concat(card_cssstyles.add_quantitybtn_icon_container) + ' ',
54154
54374
  onClick: function onClick() {
54155
54375
  updatequantity('add');
54156
54376
  }
54157
54377
  }, /*#__PURE__*/React__default["default"].createElement("i", {
54158
- "class": "fa fa-chevron-up"
54159
- })), /*#__PURE__*/React__default["default"].createElement("span", {
54378
+ "class": "h-100 allcentered"
54379
+ }, /*#__PURE__*/React__default["default"].createElement(AiOutlinePlus.AiOutlinePlus, {
54380
+ size: sectionproperties.add_quantitybtn_textfontsize
54381
+ }))), /*#__PURE__*/React__default["default"].createElement("span", {
54160
54382
  "class": "".concat(card_cssstyles.quantitybtn_text) + ' d-flex align-items-center justify-content-center ',
54161
54383
  style: {
54162
54384
  background: sectionproperties.quantbtntextbgcolor,
@@ -54165,7 +54387,7 @@
54165
54387
  borderRadius: sectionproperties.addquantitytextborderraduis + 'px'
54166
54388
  }
54167
54389
  }, item.quantity), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("span", {
54168
- "class": "".concat(card_cssstyles.minus_quantitybtn_icon_container) + ' m-1 ',
54390
+ "class": "".concat(card_cssstyles.minus_quantitybtn_icon_container) + ' ',
54169
54391
  style: {
54170
54392
  transform: ' rotate(-180deg)'
54171
54393
  },
@@ -54173,15 +54395,19 @@
54173
54395
  updatequantity('remove');
54174
54396
  }
54175
54397
  }, /*#__PURE__*/React__default["default"].createElement("i", {
54176
- "class": "fa fa-chevron-up "
54177
- })), langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("span", {
54178
- "class": "".concat(card_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
54398
+ "class": "h-100 allcentered"
54399
+ }, /*#__PURE__*/React__default["default"].createElement(AiOutlineMinus.AiOutlineMinus, {
54400
+ size: sectionproperties.remove_quantitybtn_textfontsize
54401
+ }))), langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("span", {
54402
+ "class": "".concat(card_cssstyles.add_quantitybtn_icon_container) + ' ',
54179
54403
  onClick: function onClick() {
54180
54404
  updatequantity('add');
54181
54405
  }
54182
54406
  }, /*#__PURE__*/React__default["default"].createElement("i", {
54183
- "class": "fa fa-chevron-up"
54184
- }))))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
54407
+ "class": "h-100 allcentered"
54408
+ }, /*#__PURE__*/React__default["default"].createElement(AiOutlinePlus.AiOutlinePlus, {
54409
+ size: sectionproperties.add_quantitybtn_textfontsize
54410
+ })))))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
54185
54411
  "class": "col-lg-6 col-md-4 col-sm-4 d-flex align-items-center justify-content-end p-0"
54186
54412
  }, /*#__PURE__*/React__default["default"].createElement("button", {
54187
54413
  "class": "".concat(card_cssstyles.cart_btn) + ' font-md-13 m-0 p-0 d-flex align-items-center justify-content-center ',
@@ -54192,26 +54418,9 @@
54192
54418
  setShowProductInfoModalContext(true);
54193
54419
  setProductIdProdutInfoModalContext(item.productid);
54194
54420
  }
54195
- }
54196
- }, /*#__PURE__*/React__default["default"].createElement("i", {
54197
- "class": 'h-100 d-flex align-items-center justify-content-center'
54198
- }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
54199
- "class": "",
54200
- size: sectionproperties.cartBtn_iconFontSize
54201
- }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, {
54202
- "class": "",
54203
- size: sectionproperties.cartBtn_iconFontSize
54204
- }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, {
54205
- "class": "",
54206
- size: sectionproperties.cartBtn_iconFontSize
54207
- }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(RiHandbagLine.RiHandbagLine, {
54208
- size: sectionproperties.cartBtn_iconFontSize
54209
- }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, {
54210
- "class": "",
54211
- size: sectionproperties.cartBtn_iconFontSize
54212
- }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
54213
- size: sectionproperties.cartBtn_iconFontSize
54214
- })))))))));
54421
+ },
54422
+ disabled: AddtoCartMutationContext.isLoading == true ? true : false
54423
+ }, addtocartbuttonrender())))))));
54215
54424
  };
54216
54425
 
54217
54426
  var css_248z$4 = ".productcard_animatedbuttons-module_buttonContainerCenter__xApc7 {\n position: absolute;\n left: 0;\n bottom: 60px;\n opacity: 0;\n width: 100%;\n text-align: center;\n -webkit-transition: all, 0.3s;\n -moz-transition: all, 0.3s;\n -ms-transition: all, 0.3s;\n -o-transition: all, 0.3s;\n transition: all, 0.3s;\n}\n.productcard_animatedbuttons-module_buttonContainerCenter__xApc7 li {\n list-style: none;\n display: inline-block;\n position: relative;\n -webkit-transition: all 0.4s ease 0.1s;\n -o-transition: all 0.4s ease 0.1s;\n transition: all 0.4s ease 0.1s;\n}\n.productcard_animatedbuttons-module_buttonContainerCenter__xApc7 li span {\n display: block;\n -webkit-transition: all, 0.3s;\n -moz-transition: all, 0.3s;\n -ms-transition: all, 0.3s;\n -o-transition: all, 0.3s;\n transition: all, 0.3s;\n}\n.productcard_animatedbuttons-module_buttonContainerCenter__xApc7 li span i {\n position: relative;\n transform: rotate(0);\n -webkit-transition: all, 0.2s;\n -moz-transition: all, 0.2s;\n -ms-transition: all, 0.2s;\n -o-transition: all, 0.2s;\n transition: all, 0.2s;\n}\n.productcard_animatedbuttons-module_productcard__LQiP0:hover .productcard_animatedbuttons-module_image_container__6Rgm4 .productcard_animatedbuttons-module_buttonContainerCenter__xApc7 {\n bottom: 40% !important;\n opacity: 1;\n}\n.productcard_animatedbuttons-module_buttonContainerCenter__xApc7 li:hover span i {\n transform: rotate(360deg);\n}\n@media screen and (max-width: 800px) {\n .productcard_animatedbuttons-module_productcard__LQiP0 .productcard_animatedbuttons-module_image_container__6Rgm4 .productcard_animatedbuttons-module_buttonContainerCenter__xApc7 {\n bottom: 20px !important;\n opacity: 1;\n }\n .productcard_animatedbuttons-module_buttonContainerBottom__ienAr{\n bottom: 20px !important;\n opacity: 1;\n }\n .productcard_animatedbuttons-module_buttonContainerCenter__xApc7{\n top: 50% !important;\n opacity: 1;\n }\n}\n@media screen and (max-width: 500px) {\n .productcard_animatedbuttons-module_productcard__LQiP0 .productcard_animatedbuttons-module_image_container__6Rgm4 .productcard_animatedbuttons-module_buttonContainerCenter__xApc7 {\n bottom: 20px !important;\n opacity: 1;\n }\n .productcard_animatedbuttons-module_buttonContainerBottom__ienAr{\n bottom: 20px !important;\n opacity: 1;\n }\n .productcard_animatedbuttons-module_buttonContainerCenter__xApc7{\n top: 50% !important;\n opacity: 1;\n }\n}\n\n.productcard_animatedbuttons-module_buttonContainerBottom__ienAr {\n position: absolute;\n left: 0;\n bottom: -30px;\n opacity: 0;\n width: 100%;\n text-align: center;\n -webkit-transition: all, 0.3s;\n -moz-transition: all, 0.3s;\n -ms-transition: all, 0.3s;\n -o-transition: all, 0.3s;\n transition: all, 0.3s;\n}\n.productcard_animatedbuttons-module_buttonContainerBottom__ienAr li {\n list-style: none;\n display: inline-block;\n position: relative;\n -webkit-transition: all 0.4s ease 0.1s;\n -o-transition: all 0.4s ease 0.1s;\n transition: all 0.4s ease 0.1s;\n}\n.productcard_animatedbuttons-module_buttonContainerBottom__ienAr li span {\n display: block;\n -webkit-transition: all, 0.3s;\n -moz-transition: all, 0.3s;\n -ms-transition: all, 0.3s;\n -o-transition: all, 0.3s;\n transition: all, 0.3s;\n}\n.productcard_animatedbuttons-module_buttonContainerBottom__ienAr li span i {\n position: relative;\n transform: rotate(0);\n -webkit-transition: all, 0.2s;\n -moz-transition: all, 0.2s;\n -ms-transition: all, 0.2s;\n -o-transition: all, 0.2s;\n transition: all, 0.2s;\n}\n.productcard_animatedbuttons-module_productcard__LQiP0:hover .productcard_animatedbuttons-module_image_container__6Rgm4 .productcard_animatedbuttons-module_buttonContainerBottom__ienAr {\n bottom: 20px !important;\n opacity: 1;\n}\n\n.productcard_animatedbuttons-module_image_container__6Rgm4 .productcard_animatedbuttons-module_buttonContainerBottom__ienAr.productcard_animatedbuttons-module_buttonContainerBottom_show__C-v73 {\n bottom: 20px !important;\n opacity: 1;\n}\n.productcard_animatedbuttons-module_buttonContainerBottom__ienAr li:hover span i {\n transform: rotate(360deg);\n}\n@media screen and (max-width: 800px) {\n .productcard_animatedbuttons-module_productcard__LQiP0 .productcard_animatedbuttons-module_image_container__6Rgm4 .productcard_animatedbuttons-module_buttonContainerBottom__ienAr {\n bottom: 20px !important;\n opacity: 1;\n }\n}\n\n@media (max-width: 576px) {\n .productcard_animatedbuttons-module_cardcont__bK-HM {\n max-width: 280px !important;\n min-width: 280px !important;\n /* min-width: 200px;\n max-width: 200px; */\n }\n}";