tabexseriescomponents 0.0.158 → 0.0.160

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
@@ -2861,83 +2861,87 @@ var Productinfo = function Productinfo(props) {
2861
2861
  return policyobj;
2862
2862
  };
2863
2863
  var relatedproducts = function relatedproducts() {
2864
- return /*#__PURE__*/React__default["default"].createElement("div", {
2865
- className: "w-100 row m-0 d-flex justify-content-start mt-3",
2866
- style: {
2867
- background: sectionproperties.relatedproductsbg,
2868
- paddingTop: sectionproperties.relatedproductspaddingTop + 'px',
2869
- paddingBottom: sectionproperties.relatedproductspaddingBottom + 'px',
2870
- paddingLeft: sectionproperties.relatedproductspaddingLeft + 'px',
2871
- paddingRight: sectionproperties.relatedproductspaddingRight + 'px',
2872
- borderRadius: sectionproperties.relatedproductsbgbblr + 'px',
2873
- border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor
2874
- }
2875
- }, Relatedproducts.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
2876
- className: "col-lg-12 p-0",
2877
- style: {}
2878
- }, /*#__PURE__*/React__default["default"].createElement("div", {
2879
- className: "row m-0 w-100"
2880
- }, /*#__PURE__*/React__default["default"].createElement("div", {
2881
- className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center p-0 mb-3"
2882
- }, /*#__PURE__*/React__default["default"].createElement("p", {
2883
- className: ' m-0 p-0 ',
2884
- style: {
2885
- fontSize: sectionproperties.relatedproductstitlefontsize + 'px',
2886
- color: sectionproperties.relatedproductstitlecolor,
2887
- fontWeight: sectionproperties.relatedproductstitlefontweight
2888
- }
2889
- }, langdetect == 'en' ? sectionproperties.relatedproducttitleEn : sectionproperties.relatedproducttitleAr)), /*#__PURE__*/React__default["default"].createElement("div", {
2890
- className: "col-lg-12"
2891
- }, /*#__PURE__*/React__default["default"].createElement(reactHorizontalScrollingMenu.ScrollMenu, {
2892
- transitionBehavior: 'auto',
2893
- wrapperClassName: '',
2894
- itemClassName: 'scrollmenuclassnameitemrelatedproduct',
2895
- scrollContainerClassName: 'scrollmenuclasssubscrollbar'
2896
- }, Relatedproducts.map(function (item, index) {
2897
- if (item.productinfo != null) {
2898
- if (item.productid != fetchProductInfoQueryContext.data.data.productinfo.productid) {
2899
- return /*#__PURE__*/React__default["default"].createElement("div", {
2900
- className: "col-lg-12 w-100",
2901
- onClick: function onClick() {
2902
- if (props.srcfromprops != 'templatdraftrouter') {
2903
- productidassigner(item.productid);
2904
- } else {
2905
- routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
2864
+ if (Relatedproducts.length != 0) {
2865
+ return /*#__PURE__*/React__default["default"].createElement("div", {
2866
+ className: "w-100 row m-0 d-flex justify-content-start mt-3",
2867
+ style: {
2868
+ background: sectionproperties.relatedproductsbg,
2869
+ paddingTop: sectionproperties.relatedproductspaddingTop + 'px',
2870
+ paddingBottom: sectionproperties.relatedproductspaddingBottom + 'px',
2871
+ paddingLeft: sectionproperties.relatedproductspaddingLeft + 'px',
2872
+ paddingRight: sectionproperties.relatedproductspaddingRight + 'px',
2873
+ borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
2874
+ borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
2875
+ borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
2876
+ borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
2877
+ border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor
2878
+ }
2879
+ }, Relatedproducts.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
2880
+ className: "col-lg-12 p-0"
2881
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2882
+ className: "row m-0 w-100"
2883
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2884
+ className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center p-0 mb-3"
2885
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
2886
+ className: ' m-0 p-0 ',
2887
+ style: {
2888
+ fontSize: sectionproperties.relatedproductstitlefontsize + 'px',
2889
+ color: sectionproperties.relatedproductstitlecolor,
2890
+ fontWeight: sectionproperties.relatedproductstitlefontweight
2891
+ }
2892
+ }, langdetect == 'en' ? sectionproperties.relatedproducttitleEn : sectionproperties.relatedproducttitleAr)), /*#__PURE__*/React__default["default"].createElement("div", {
2893
+ className: "col-lg-12"
2894
+ }, /*#__PURE__*/React__default["default"].createElement(reactHorizontalScrollingMenu.ScrollMenu, {
2895
+ transitionBehavior: 'auto',
2896
+ wrapperClassName: '',
2897
+ itemClassName: 'scrollmenuclassnameitemrelatedproduct',
2898
+ scrollContainerClassName: 'scrollmenuclasssubscrollbar'
2899
+ }, Relatedproducts.map(function (item, index) {
2900
+ if (item.productinfo != null) {
2901
+ if (item.productid != fetchProductInfoQueryContext.data.data.productinfo.productid) {
2902
+ return /*#__PURE__*/React__default["default"].createElement("div", {
2903
+ className: "col-lg-12 w-100",
2904
+ onClick: function onClick() {
2905
+ if (props.srcfromprops != 'templatdraftrouter') {
2906
+ productidassigner(item.productid);
2907
+ } else {
2908
+ routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
2909
+ }
2906
2910
  }
2907
- }
2908
- }, /*#__PURE__*/React__default["default"].createElement("div", {
2909
- className: "row w-100 m-0 cursor-pointer p-1"
2910
- }, /*#__PURE__*/React__default["default"].createElement("div", {
2911
- "class": "".concat(productinfo_cssstyles.productcard) + ' cursor-pointer w-100 '
2912
- }, /*#__PURE__*/React__default["default"].createElement("div", {
2913
- "class": "".concat(productinfo_cssstyles.imagecont) + ' w-100 p-0 mb-2 '
2914
- }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
2915
- urlEndpoint: IKurlEndpoint,
2916
- publicKey: IKpublicKey,
2917
- path: item.productinfo.productmainimage,
2918
- loading: "lazy",
2919
- style: {
2920
- width: '100%',
2921
- height: '100%',
2922
- objectFit: 'contain'
2923
- }
2924
- })), /*#__PURE__*/React__default["default"].createElement("div", {
2925
- "class": "row m-0 w-100 "
2926
- }, /*#__PURE__*/React__default["default"].createElement("div", {
2927
- "class": "col-lg-12 p-0"
2928
- }, /*#__PURE__*/React__default["default"].createElement("p", {
2929
- "class": "".concat(productinfo_cssstyles.relatedproductNameStyles) + ' wordbreak wordbreak1 text-center m-0 '
2930
- }, langdetect == 'en' ? item.productinfo.name_en : item.productinfo.name_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
2931
- style: {
2932
- flexDirection: 'column'
2933
- },
2934
- "class": "col-lg-12 d-flex align-items-center justify-content-center p-0 "
2935
- }, /*#__PURE__*/React__default["default"].createElement("p", {
2936
- "class": "".concat(productinfo_cssstyles.relatedproductPricestyles) + ' m-0 '
2937
- }, item.productinfo.hasvariants == 1 ? item.productinfo.variants.variantsaleprice : item.productinfo.defaultsaleprice, ' ', langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar, ' '))))));
2911
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2912
+ className: "row w-100 m-0 cursor-pointer"
2913
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2914
+ "class": "".concat(productinfo_cssstyles.productcard) + ' cursor-pointer w-100 '
2915
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2916
+ "class": "".concat(productinfo_cssstyles.imagecont) + ' w-100 p-0 mb-2 '
2917
+ }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
2918
+ urlEndpoint: IKurlEndpoint,
2919
+ publicKey: IKpublicKey,
2920
+ path: item.productinfo.productmainimage,
2921
+ loading: "lazy",
2922
+ style: {
2923
+ width: '100%',
2924
+ height: '100%',
2925
+ objectFit: 'contain'
2926
+ }
2927
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
2928
+ "class": "row m-0 w-100 "
2929
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2930
+ "class": "col-lg-12 p-0"
2931
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
2932
+ "class": "".concat(productinfo_cssstyles.relatedproductNameStyles) + ' wordbreak wordbreak1 text-center m-0 '
2933
+ }, langdetect == 'en' ? item.productinfo.name_en : item.productinfo.name_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
2934
+ style: {
2935
+ flexDirection: 'column'
2936
+ },
2937
+ "class": "col-lg-12 d-flex align-items-center justify-content-center p-0 "
2938
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
2939
+ "class": "".concat(productinfo_cssstyles.relatedproductPricestyles) + ' m-0 '
2940
+ }, item.productinfo.hasvariants == 1 ? item.productinfo.variants.variantsaleprice : item.productinfo.defaultsaleprice, ' ', langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar, ' '))))));
2941
+ }
2938
2942
  }
2939
- }
2940
- }))))));
2943
+ }))))));
2944
+ }
2941
2945
  };
2942
2946
  var productinfo_cssstyles = {
2943
2947
  cart_btn: glamor.css({
@@ -3019,7 +3023,7 @@ var Productinfo = function Productinfo(props) {
3019
3023
  }
3020
3024
  }),
3021
3025
  imagecont: glamor.css({
3022
- height: '200px',
3026
+ height: '250px',
3023
3027
  border: sectionproperties.prodimage_borderwidth + 'px solid ' + sectionproperties.prodimage_color,
3024
3028
  backgroundColor: sectionproperties.prodimage_bgcolor,
3025
3029
  borderBottomLeftRadius: sectionproperties.prodimage__borderBottomLeftRadius + 'px',
@@ -3035,6 +3039,7 @@ var Productinfo = function Productinfo(props) {
3035
3039
  position: 'relative'
3036
3040
  }),
3037
3041
  relatedproductNameStyles: glamor.css({
3042
+ transition: '.3s',
3038
3043
  color: sectionproperties.relatedprodNameColor,
3039
3044
  fontSize: sectionproperties.relatedprodNameFontSize + 'px',
3040
3045
  fontWeight: sectionproperties.relatedprodnamefontWeight,
package/dist/index.esm.js CHANGED
@@ -2818,83 +2818,87 @@ var Productinfo = function Productinfo(props) {
2818
2818
  return policyobj;
2819
2819
  };
2820
2820
  var relatedproducts = function relatedproducts() {
2821
- return /*#__PURE__*/React.createElement("div", {
2822
- className: "w-100 row m-0 d-flex justify-content-start mt-3",
2823
- style: {
2824
- background: sectionproperties.relatedproductsbg,
2825
- paddingTop: sectionproperties.relatedproductspaddingTop + 'px',
2826
- paddingBottom: sectionproperties.relatedproductspaddingBottom + 'px',
2827
- paddingLeft: sectionproperties.relatedproductspaddingLeft + 'px',
2828
- paddingRight: sectionproperties.relatedproductspaddingRight + 'px',
2829
- borderRadius: sectionproperties.relatedproductsbgbblr + 'px',
2830
- border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor
2831
- }
2832
- }, Relatedproducts.length != 0 && /*#__PURE__*/React.createElement("div", {
2833
- className: "col-lg-12 p-0",
2834
- style: {}
2835
- }, /*#__PURE__*/React.createElement("div", {
2836
- className: "row m-0 w-100"
2837
- }, /*#__PURE__*/React.createElement("div", {
2838
- className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center p-0 mb-3"
2839
- }, /*#__PURE__*/React.createElement("p", {
2840
- className: ' m-0 p-0 ',
2841
- style: {
2842
- fontSize: sectionproperties.relatedproductstitlefontsize + 'px',
2843
- color: sectionproperties.relatedproductstitlecolor,
2844
- fontWeight: sectionproperties.relatedproductstitlefontweight
2845
- }
2846
- }, langdetect == 'en' ? sectionproperties.relatedproducttitleEn : sectionproperties.relatedproducttitleAr)), /*#__PURE__*/React.createElement("div", {
2847
- className: "col-lg-12"
2848
- }, /*#__PURE__*/React.createElement(ScrollMenu, {
2849
- transitionBehavior: 'auto',
2850
- wrapperClassName: '',
2851
- itemClassName: 'scrollmenuclassnameitemrelatedproduct',
2852
- scrollContainerClassName: 'scrollmenuclasssubscrollbar'
2853
- }, Relatedproducts.map(function (item, index) {
2854
- if (item.productinfo != null) {
2855
- if (item.productid != fetchProductInfoQueryContext.data.data.productinfo.productid) {
2856
- return /*#__PURE__*/React.createElement("div", {
2857
- className: "col-lg-12 w-100",
2858
- onClick: function onClick() {
2859
- if (props.srcfromprops != 'templatdraftrouter') {
2860
- productidassigner(item.productid);
2861
- } else {
2862
- routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
2821
+ if (Relatedproducts.length != 0) {
2822
+ return /*#__PURE__*/React.createElement("div", {
2823
+ className: "w-100 row m-0 d-flex justify-content-start mt-3",
2824
+ style: {
2825
+ background: sectionproperties.relatedproductsbg,
2826
+ paddingTop: sectionproperties.relatedproductspaddingTop + 'px',
2827
+ paddingBottom: sectionproperties.relatedproductspaddingBottom + 'px',
2828
+ paddingLeft: sectionproperties.relatedproductspaddingLeft + 'px',
2829
+ paddingRight: sectionproperties.relatedproductspaddingRight + 'px',
2830
+ borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
2831
+ borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
2832
+ borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
2833
+ borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
2834
+ border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor
2835
+ }
2836
+ }, Relatedproducts.length != 0 && /*#__PURE__*/React.createElement("div", {
2837
+ className: "col-lg-12 p-0"
2838
+ }, /*#__PURE__*/React.createElement("div", {
2839
+ className: "row m-0 w-100"
2840
+ }, /*#__PURE__*/React.createElement("div", {
2841
+ className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center p-0 mb-3"
2842
+ }, /*#__PURE__*/React.createElement("p", {
2843
+ className: ' m-0 p-0 ',
2844
+ style: {
2845
+ fontSize: sectionproperties.relatedproductstitlefontsize + 'px',
2846
+ color: sectionproperties.relatedproductstitlecolor,
2847
+ fontWeight: sectionproperties.relatedproductstitlefontweight
2848
+ }
2849
+ }, langdetect == 'en' ? sectionproperties.relatedproducttitleEn : sectionproperties.relatedproducttitleAr)), /*#__PURE__*/React.createElement("div", {
2850
+ className: "col-lg-12"
2851
+ }, /*#__PURE__*/React.createElement(ScrollMenu, {
2852
+ transitionBehavior: 'auto',
2853
+ wrapperClassName: '',
2854
+ itemClassName: 'scrollmenuclassnameitemrelatedproduct',
2855
+ scrollContainerClassName: 'scrollmenuclasssubscrollbar'
2856
+ }, Relatedproducts.map(function (item, index) {
2857
+ if (item.productinfo != null) {
2858
+ if (item.productid != fetchProductInfoQueryContext.data.data.productinfo.productid) {
2859
+ return /*#__PURE__*/React.createElement("div", {
2860
+ className: "col-lg-12 w-100",
2861
+ onClick: function onClick() {
2862
+ if (props.srcfromprops != 'templatdraftrouter') {
2863
+ productidassigner(item.productid);
2864
+ } else {
2865
+ routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
2866
+ }
2863
2867
  }
2864
- }
2865
- }, /*#__PURE__*/React.createElement("div", {
2866
- className: "row w-100 m-0 cursor-pointer p-1"
2867
- }, /*#__PURE__*/React.createElement("div", {
2868
- "class": "".concat(productinfo_cssstyles.productcard) + ' cursor-pointer w-100 '
2869
- }, /*#__PURE__*/React.createElement("div", {
2870
- "class": "".concat(productinfo_cssstyles.imagecont) + ' w-100 p-0 mb-2 '
2871
- }, /*#__PURE__*/React.createElement(IKImage, {
2872
- urlEndpoint: IKurlEndpoint,
2873
- publicKey: IKpublicKey,
2874
- path: item.productinfo.productmainimage,
2875
- loading: "lazy",
2876
- style: {
2877
- width: '100%',
2878
- height: '100%',
2879
- objectFit: 'contain'
2880
- }
2881
- })), /*#__PURE__*/React.createElement("div", {
2882
- "class": "row m-0 w-100 "
2883
- }, /*#__PURE__*/React.createElement("div", {
2884
- "class": "col-lg-12 p-0"
2885
- }, /*#__PURE__*/React.createElement("p", {
2886
- "class": "".concat(productinfo_cssstyles.relatedproductNameStyles) + ' wordbreak wordbreak1 text-center m-0 '
2887
- }, langdetect == 'en' ? item.productinfo.name_en : item.productinfo.name_ar)), /*#__PURE__*/React.createElement("div", {
2888
- style: {
2889
- flexDirection: 'column'
2890
- },
2891
- "class": "col-lg-12 d-flex align-items-center justify-content-center p-0 "
2892
- }, /*#__PURE__*/React.createElement("p", {
2893
- "class": "".concat(productinfo_cssstyles.relatedproductPricestyles) + ' m-0 '
2894
- }, item.productinfo.hasvariants == 1 ? item.productinfo.variants.variantsaleprice : item.productinfo.defaultsaleprice, ' ', langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar, ' '))))));
2868
+ }, /*#__PURE__*/React.createElement("div", {
2869
+ className: "row w-100 m-0 cursor-pointer"
2870
+ }, /*#__PURE__*/React.createElement("div", {
2871
+ "class": "".concat(productinfo_cssstyles.productcard) + ' cursor-pointer w-100 '
2872
+ }, /*#__PURE__*/React.createElement("div", {
2873
+ "class": "".concat(productinfo_cssstyles.imagecont) + ' w-100 p-0 mb-2 '
2874
+ }, /*#__PURE__*/React.createElement(IKImage, {
2875
+ urlEndpoint: IKurlEndpoint,
2876
+ publicKey: IKpublicKey,
2877
+ path: item.productinfo.productmainimage,
2878
+ loading: "lazy",
2879
+ style: {
2880
+ width: '100%',
2881
+ height: '100%',
2882
+ objectFit: 'contain'
2883
+ }
2884
+ })), /*#__PURE__*/React.createElement("div", {
2885
+ "class": "row m-0 w-100 "
2886
+ }, /*#__PURE__*/React.createElement("div", {
2887
+ "class": "col-lg-12 p-0"
2888
+ }, /*#__PURE__*/React.createElement("p", {
2889
+ "class": "".concat(productinfo_cssstyles.relatedproductNameStyles) + ' wordbreak wordbreak1 text-center m-0 '
2890
+ }, langdetect == 'en' ? item.productinfo.name_en : item.productinfo.name_ar)), /*#__PURE__*/React.createElement("div", {
2891
+ style: {
2892
+ flexDirection: 'column'
2893
+ },
2894
+ "class": "col-lg-12 d-flex align-items-center justify-content-center p-0 "
2895
+ }, /*#__PURE__*/React.createElement("p", {
2896
+ "class": "".concat(productinfo_cssstyles.relatedproductPricestyles) + ' m-0 '
2897
+ }, item.productinfo.hasvariants == 1 ? item.productinfo.variants.variantsaleprice : item.productinfo.defaultsaleprice, ' ', langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar, ' '))))));
2898
+ }
2895
2899
  }
2896
- }
2897
- }))))));
2900
+ }))))));
2901
+ }
2898
2902
  };
2899
2903
  var productinfo_cssstyles = {
2900
2904
  cart_btn: css({
@@ -2976,7 +2980,7 @@ var Productinfo = function Productinfo(props) {
2976
2980
  }
2977
2981
  }),
2978
2982
  imagecont: css({
2979
- height: '200px',
2983
+ height: '250px',
2980
2984
  border: sectionproperties.prodimage_borderwidth + 'px solid ' + sectionproperties.prodimage_color,
2981
2985
  backgroundColor: sectionproperties.prodimage_bgcolor,
2982
2986
  borderBottomLeftRadius: sectionproperties.prodimage__borderBottomLeftRadius + 'px',
@@ -2992,6 +2996,7 @@ var Productinfo = function Productinfo(props) {
2992
2996
  position: 'relative'
2993
2997
  }),
2994
2998
  relatedproductNameStyles: css({
2999
+ transition: '.3s',
2995
3000
  color: sectionproperties.relatedprodNameColor,
2996
3001
  fontSize: sectionproperties.relatedprodNameFontSize + 'px',
2997
3002
  fontWeight: sectionproperties.relatedprodnamefontWeight,
package/dist/index.umd.js CHANGED
@@ -2725,83 +2725,87 @@
2725
2725
  return policyobj;
2726
2726
  };
2727
2727
  var relatedproducts = function relatedproducts() {
2728
- return /*#__PURE__*/React__default["default"].createElement("div", {
2729
- className: "w-100 row m-0 d-flex justify-content-start mt-3",
2730
- style: {
2731
- background: sectionproperties.relatedproductsbg,
2732
- paddingTop: sectionproperties.relatedproductspaddingTop + 'px',
2733
- paddingBottom: sectionproperties.relatedproductspaddingBottom + 'px',
2734
- paddingLeft: sectionproperties.relatedproductspaddingLeft + 'px',
2735
- paddingRight: sectionproperties.relatedproductspaddingRight + 'px',
2736
- borderRadius: sectionproperties.relatedproductsbgbblr + 'px',
2737
- border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor
2738
- }
2739
- }, Relatedproducts.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
2740
- className: "col-lg-12 p-0",
2741
- style: {}
2742
- }, /*#__PURE__*/React__default["default"].createElement("div", {
2743
- className: "row m-0 w-100"
2744
- }, /*#__PURE__*/React__default["default"].createElement("div", {
2745
- className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center p-0 mb-3"
2746
- }, /*#__PURE__*/React__default["default"].createElement("p", {
2747
- className: ' m-0 p-0 ',
2748
- style: {
2749
- fontSize: sectionproperties.relatedproductstitlefontsize + 'px',
2750
- color: sectionproperties.relatedproductstitlecolor,
2751
- fontWeight: sectionproperties.relatedproductstitlefontweight
2752
- }
2753
- }, langdetect == 'en' ? sectionproperties.relatedproducttitleEn : sectionproperties.relatedproducttitleAr)), /*#__PURE__*/React__default["default"].createElement("div", {
2754
- className: "col-lg-12"
2755
- }, /*#__PURE__*/React__default["default"].createElement(reactHorizontalScrollingMenu.ScrollMenu, {
2756
- transitionBehavior: 'auto',
2757
- wrapperClassName: '',
2758
- itemClassName: 'scrollmenuclassnameitemrelatedproduct',
2759
- scrollContainerClassName: 'scrollmenuclasssubscrollbar'
2760
- }, Relatedproducts.map(function (item, index) {
2761
- if (item.productinfo != null) {
2762
- if (item.productid != fetchProductInfoQueryContext.data.data.productinfo.productid) {
2763
- return /*#__PURE__*/React__default["default"].createElement("div", {
2764
- className: "col-lg-12 w-100",
2765
- onClick: function onClick() {
2766
- if (props.srcfromprops != 'templatdraftrouter') {
2767
- productidassigner(item.productid);
2768
- } else {
2769
- routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
2728
+ if (Relatedproducts.length != 0) {
2729
+ return /*#__PURE__*/React__default["default"].createElement("div", {
2730
+ className: "w-100 row m-0 d-flex justify-content-start mt-3",
2731
+ style: {
2732
+ background: sectionproperties.relatedproductsbg,
2733
+ paddingTop: sectionproperties.relatedproductspaddingTop + 'px',
2734
+ paddingBottom: sectionproperties.relatedproductspaddingBottom + 'px',
2735
+ paddingLeft: sectionproperties.relatedproductspaddingLeft + 'px',
2736
+ paddingRight: sectionproperties.relatedproductspaddingRight + 'px',
2737
+ borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
2738
+ borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
2739
+ borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
2740
+ borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
2741
+ border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor
2742
+ }
2743
+ }, Relatedproducts.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
2744
+ className: "col-lg-12 p-0"
2745
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2746
+ className: "row m-0 w-100"
2747
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2748
+ className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center p-0 mb-3"
2749
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
2750
+ className: ' m-0 p-0 ',
2751
+ style: {
2752
+ fontSize: sectionproperties.relatedproductstitlefontsize + 'px',
2753
+ color: sectionproperties.relatedproductstitlecolor,
2754
+ fontWeight: sectionproperties.relatedproductstitlefontweight
2755
+ }
2756
+ }, langdetect == 'en' ? sectionproperties.relatedproducttitleEn : sectionproperties.relatedproducttitleAr)), /*#__PURE__*/React__default["default"].createElement("div", {
2757
+ className: "col-lg-12"
2758
+ }, /*#__PURE__*/React__default["default"].createElement(reactHorizontalScrollingMenu.ScrollMenu, {
2759
+ transitionBehavior: 'auto',
2760
+ wrapperClassName: '',
2761
+ itemClassName: 'scrollmenuclassnameitemrelatedproduct',
2762
+ scrollContainerClassName: 'scrollmenuclasssubscrollbar'
2763
+ }, Relatedproducts.map(function (item, index) {
2764
+ if (item.productinfo != null) {
2765
+ if (item.productid != fetchProductInfoQueryContext.data.data.productinfo.productid) {
2766
+ return /*#__PURE__*/React__default["default"].createElement("div", {
2767
+ className: "col-lg-12 w-100",
2768
+ onClick: function onClick() {
2769
+ if (props.srcfromprops != 'templatdraftrouter') {
2770
+ productidassigner(item.productid);
2771
+ } else {
2772
+ routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
2773
+ }
2770
2774
  }
2771
- }
2772
- }, /*#__PURE__*/React__default["default"].createElement("div", {
2773
- className: "row w-100 m-0 cursor-pointer p-1"
2774
- }, /*#__PURE__*/React__default["default"].createElement("div", {
2775
- "class": "".concat(productinfo_cssstyles.productcard) + ' cursor-pointer w-100 '
2776
- }, /*#__PURE__*/React__default["default"].createElement("div", {
2777
- "class": "".concat(productinfo_cssstyles.imagecont) + ' w-100 p-0 mb-2 '
2778
- }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
2779
- urlEndpoint: IKurlEndpoint,
2780
- publicKey: IKpublicKey,
2781
- path: item.productinfo.productmainimage,
2782
- loading: "lazy",
2783
- style: {
2784
- width: '100%',
2785
- height: '100%',
2786
- objectFit: 'contain'
2787
- }
2788
- })), /*#__PURE__*/React__default["default"].createElement("div", {
2789
- "class": "row m-0 w-100 "
2790
- }, /*#__PURE__*/React__default["default"].createElement("div", {
2791
- "class": "col-lg-12 p-0"
2792
- }, /*#__PURE__*/React__default["default"].createElement("p", {
2793
- "class": "".concat(productinfo_cssstyles.relatedproductNameStyles) + ' wordbreak wordbreak1 text-center m-0 '
2794
- }, langdetect == 'en' ? item.productinfo.name_en : item.productinfo.name_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
2795
- style: {
2796
- flexDirection: 'column'
2797
- },
2798
- "class": "col-lg-12 d-flex align-items-center justify-content-center p-0 "
2799
- }, /*#__PURE__*/React__default["default"].createElement("p", {
2800
- "class": "".concat(productinfo_cssstyles.relatedproductPricestyles) + ' m-0 '
2801
- }, item.productinfo.hasvariants == 1 ? item.productinfo.variants.variantsaleprice : item.productinfo.defaultsaleprice, ' ', langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar, ' '))))));
2775
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2776
+ className: "row w-100 m-0 cursor-pointer"
2777
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2778
+ "class": "".concat(productinfo_cssstyles.productcard) + ' cursor-pointer w-100 '
2779
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2780
+ "class": "".concat(productinfo_cssstyles.imagecont) + ' w-100 p-0 mb-2 '
2781
+ }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
2782
+ urlEndpoint: IKurlEndpoint,
2783
+ publicKey: IKpublicKey,
2784
+ path: item.productinfo.productmainimage,
2785
+ loading: "lazy",
2786
+ style: {
2787
+ width: '100%',
2788
+ height: '100%',
2789
+ objectFit: 'contain'
2790
+ }
2791
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
2792
+ "class": "row m-0 w-100 "
2793
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2794
+ "class": "col-lg-12 p-0"
2795
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
2796
+ "class": "".concat(productinfo_cssstyles.relatedproductNameStyles) + ' wordbreak wordbreak1 text-center m-0 '
2797
+ }, langdetect == 'en' ? item.productinfo.name_en : item.productinfo.name_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
2798
+ style: {
2799
+ flexDirection: 'column'
2800
+ },
2801
+ "class": "col-lg-12 d-flex align-items-center justify-content-center p-0 "
2802
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
2803
+ "class": "".concat(productinfo_cssstyles.relatedproductPricestyles) + ' m-0 '
2804
+ }, item.productinfo.hasvariants == 1 ? item.productinfo.variants.variantsaleprice : item.productinfo.defaultsaleprice, ' ', langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar, ' '))))));
2805
+ }
2802
2806
  }
2803
- }
2804
- }))))));
2807
+ }))))));
2808
+ }
2805
2809
  };
2806
2810
  var productinfo_cssstyles = {
2807
2811
  cart_btn: glamor.css({
@@ -2883,7 +2887,7 @@
2883
2887
  }
2884
2888
  }),
2885
2889
  imagecont: glamor.css({
2886
- height: '200px',
2890
+ height: '250px',
2887
2891
  border: sectionproperties.prodimage_borderwidth + 'px solid ' + sectionproperties.prodimage_color,
2888
2892
  backgroundColor: sectionproperties.prodimage_bgcolor,
2889
2893
  borderBottomLeftRadius: sectionproperties.prodimage__borderBottomLeftRadius + 'px',
@@ -2899,6 +2903,7 @@
2899
2903
  position: 'relative'
2900
2904
  }),
2901
2905
  relatedproductNameStyles: glamor.css({
2906
+ transition: '.3s',
2902
2907
  color: sectionproperties.relatedprodNameColor,
2903
2908
  fontSize: sectionproperties.relatedprodNameFontSize + 'px',
2904
2909
  fontWeight: sectionproperties.relatedprodnamefontWeight,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.158",
3
+ "version": "0.0.160",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {