tabexseriescomponents 0.0.159 → 0.0.161

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.
Files changed (4) hide show
  1. package/dist/index.cjs.js +208 -77
  2. package/dist/index.esm.js +208 -77
  3. package/dist/index.umd.js +208 -77
  4. package/package.json +1 -1
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,
@@ -43461,6 +43466,16 @@ var Productcard_animatedbuttons = function Productcard_animatedbuttons(props) {
43461
43466
  borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
43462
43467
  transition: '.3s'
43463
43468
  }),
43469
+ image_containerresp: glamor.css({
43470
+ height: sectionproperties.height_responsive + 'px',
43471
+ background: sectionproperties.image_bgtransparent == 'Transparent' ? '' : sectionproperties.image_bgcolor,
43472
+ border: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
43473
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
43474
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
43475
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
43476
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
43477
+ transition: '.3s'
43478
+ }),
43464
43479
  productNameStyles: glamor.css({
43465
43480
  color: sectionproperties.prodNameColor,
43466
43481
  fontSize: sectionproperties.prodNameFontSize + 'px',
@@ -43530,7 +43545,123 @@ var Productcard_animatedbuttons = function Productcard_animatedbuttons(props) {
43530
43545
  cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
43531
43546
  }
43532
43547
  }, /*#__PURE__*/React__default["default"].createElement("div", {
43533
- "class": "".concat(card_cssstyles.image_container, " ").concat(cardstyles.image_container),
43548
+ "class": "".concat(card_cssstyles.image_container, " ").concat(cardstyles.image_container) + ' d-flex d-sm-none ',
43549
+ style: {
43550
+ position: 'relative'
43551
+ }
43552
+ }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
43553
+ urlEndpoint: IKurlEndpoint,
43554
+ publicKey: IKpublicKey,
43555
+ path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
43556
+ style: {
43557
+ width: '100%',
43558
+ height: '100%',
43559
+ objectFit: sectionproperties.bgcovercontain,
43560
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
43561
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
43562
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
43563
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'
43564
+ },
43565
+ loading: "lazy"
43566
+ }), sectionproperties.showbadge == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
43567
+ "class": "allcentered",
43568
+ style: {
43569
+ position: 'absolute',
43570
+ top: sectionproperties.badge_top + 'px',
43571
+ left: langdetect == 'en' ? '10px' : '',
43572
+ right: langdetect == 'en' ? '' : '10px',
43573
+ width: sectionproperties.badge_width + 'px',
43574
+ height: sectionproperties.badge_height + 'px',
43575
+ background: sectionproperties.badge_bgcolor,
43576
+ borderRadius: sectionproperties.badge_borderradius + 'px'
43577
+ }
43578
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
43579
+ "class": "m-0 p-0",
43580
+ style: {
43581
+ color: sectionproperties.badge_color,
43582
+ fontSize: sectionproperties.badge_fontsize + 'px'
43583
+ }
43584
+ }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr)), sectionproperties.showpill == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
43585
+ "class": "allcentered",
43586
+ style: {
43587
+ position: 'absolute',
43588
+ top: sectionproperties.pillpositionfromtop + 'px',
43589
+ left: langdetect == 'en' ? sectionproperties.pillpositionfromright + 'px' : '',
43590
+ right: langdetect == 'en' ? '' : sectionproperties.pillpositionfromright + 'px',
43591
+ width: sectionproperties.pillwidth + 'px',
43592
+ height: sectionproperties.pillheight + 'px',
43593
+ background: sectionproperties.pillbgcolor,
43594
+ borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px'
43595
+ }
43596
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
43597
+ "class": "m-0 p-0 text-uppercase",
43598
+ style: {
43599
+ color: sectionproperties.pillcolor,
43600
+ fontSize: sectionproperties.pillfontSize + 'px',
43601
+ direction: 'ltr'
43602
+ }
43603
+ }, '-' + Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0 + '%')), /*#__PURE__*/React__default["default"].createElement("ul", {
43604
+ "class": sectionproperties.transition == 'Bottom' ? "".concat(cardstyles.buttonContainerBottom) + ' m-0 p-0 ' : sectionproperties.transition == 'Center' ? "".concat(cardstyles.buttonContainerCenter) + ' m-0 p-0 ' : "".concat(cardstyles.buttonContainerBottom, " ").concat(cardstyles.buttonContainerBottom_show) + ' m-0 p-0 '
43605
+ }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("li", {
43606
+ "class": langdetect == 'en' ? 'mr-3 cursor-pointer ' : 'ml-3 cursor-pointer ',
43607
+ onClick: function onClick(e) {
43608
+ e.stopPropagation();
43609
+ setShowProductInfoModalContext(true);
43610
+ setProductIdProdutInfoModalContext(item.productid);
43611
+ }
43612
+ }, /*#__PURE__*/React__default["default"].createElement("span", {
43613
+ "class": "".concat(card_cssstyles.cart_btn)
43614
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
43615
+ "class": "h-100 d-flex align-items-center justify-content-center"
43616
+ }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
43617
+ "class": "",
43618
+ size: sectionproperties.cartBtn_iconFontSize
43619
+ }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, {
43620
+ "class": "",
43621
+ size: sectionproperties.cartBtn_iconFontSize
43622
+ }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, {
43623
+ "class": "",
43624
+ size: sectionproperties.cartBtn_iconFontSize
43625
+ }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(RiHandbagLine.RiHandbagLine, {
43626
+ size: sectionproperties.cartBtn_iconFontSize
43627
+ }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, {
43628
+ "class": "",
43629
+ size: sectionproperties.cartBtn_iconFontSize
43630
+ }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
43631
+ size: sectionproperties.cartBtn_iconFontSize
43632
+ })))), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("li", {
43633
+ "class": ' cursor-pointer ',
43634
+ onClick: function onClick(e) {
43635
+ addtofavoritescontext(item.productid);
43636
+ e.stopPropagation();
43637
+ }
43638
+ }, /*#__PURE__*/React__default["default"].createElement("span", {
43639
+ "class": "".concat(card_cssstyles.wishlist_btn),
43640
+ style: {
43641
+ background: item.IsFavExists == true ? sectionproperties.activebgcolor : ''
43642
+ }
43643
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
43644
+ "class": "h-100 d-flex align-items-center justify-content-center"
43645
+ }, item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
43646
+ "class": "h-100 d-flex align-items-center justify-content-center"
43647
+ }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiFillStar.AiFillStar, {
43648
+ size: sectionproperties.favBtnIconfontsize,
43649
+ style: {
43650
+ color: sectionproperties.activefaviconcolor
43651
+ }
43652
+ }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaHeart.FaHeart, {
43653
+ size: sectionproperties.favBtnIconfontsize,
43654
+ style: {
43655
+ color: sectionproperties.activefaviconcolor
43656
+ }
43657
+ })), !item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
43658
+ "class": "h-100 d-flex align-items-center justify-content-center"
43659
+ }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiOutlineStar.AiOutlineStar, {
43660
+ size: sectionproperties.favBtnIconfontsize
43661
+ }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
43662
+ size: sectionproperties.favBtnIconfontsize
43663
+ }))))))), /*#__PURE__*/React__default["default"].createElement("div", {
43664
+ "class": "".concat(card_cssstyles.image_containerresp, " ").concat(cardstyles.image_container) + ' d-none d-sm-flex ',
43534
43665
  style: {
43535
43666
  position: 'relative'
43536
43667
  }
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,
@@ -43418,6 +43423,16 @@ var Productcard_animatedbuttons = function Productcard_animatedbuttons(props) {
43418
43423
  borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
43419
43424
  transition: '.3s'
43420
43425
  }),
43426
+ image_containerresp: css({
43427
+ height: sectionproperties.height_responsive + 'px',
43428
+ background: sectionproperties.image_bgtransparent == 'Transparent' ? '' : sectionproperties.image_bgcolor,
43429
+ border: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
43430
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
43431
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
43432
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
43433
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
43434
+ transition: '.3s'
43435
+ }),
43421
43436
  productNameStyles: css({
43422
43437
  color: sectionproperties.prodNameColor,
43423
43438
  fontSize: sectionproperties.prodNameFontSize + 'px',
@@ -43487,7 +43502,123 @@ var Productcard_animatedbuttons = function Productcard_animatedbuttons(props) {
43487
43502
  cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
43488
43503
  }
43489
43504
  }, /*#__PURE__*/React.createElement("div", {
43490
- "class": "".concat(card_cssstyles.image_container, " ").concat(cardstyles.image_container),
43505
+ "class": "".concat(card_cssstyles.image_container, " ").concat(cardstyles.image_container) + ' d-flex d-sm-none ',
43506
+ style: {
43507
+ position: 'relative'
43508
+ }
43509
+ }, /*#__PURE__*/React.createElement(IKImage, {
43510
+ urlEndpoint: IKurlEndpoint,
43511
+ publicKey: IKpublicKey,
43512
+ path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
43513
+ style: {
43514
+ width: '100%',
43515
+ height: '100%',
43516
+ objectFit: sectionproperties.bgcovercontain,
43517
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
43518
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
43519
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
43520
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'
43521
+ },
43522
+ loading: "lazy"
43523
+ }), sectionproperties.showbadge == 'Show' && item.hassale == 1 && /*#__PURE__*/React.createElement("div", {
43524
+ "class": "allcentered",
43525
+ style: {
43526
+ position: 'absolute',
43527
+ top: sectionproperties.badge_top + 'px',
43528
+ left: langdetect == 'en' ? '10px' : '',
43529
+ right: langdetect == 'en' ? '' : '10px',
43530
+ width: sectionproperties.badge_width + 'px',
43531
+ height: sectionproperties.badge_height + 'px',
43532
+ background: sectionproperties.badge_bgcolor,
43533
+ borderRadius: sectionproperties.badge_borderradius + 'px'
43534
+ }
43535
+ }, /*#__PURE__*/React.createElement("p", {
43536
+ "class": "m-0 p-0",
43537
+ style: {
43538
+ color: sectionproperties.badge_color,
43539
+ fontSize: sectionproperties.badge_fontsize + 'px'
43540
+ }
43541
+ }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr)), sectionproperties.showpill == 'Show' && item.hassale == 1 && /*#__PURE__*/React.createElement("div", {
43542
+ "class": "allcentered",
43543
+ style: {
43544
+ position: 'absolute',
43545
+ top: sectionproperties.pillpositionfromtop + 'px',
43546
+ left: langdetect == 'en' ? sectionproperties.pillpositionfromright + 'px' : '',
43547
+ right: langdetect == 'en' ? '' : sectionproperties.pillpositionfromright + 'px',
43548
+ width: sectionproperties.pillwidth + 'px',
43549
+ height: sectionproperties.pillheight + 'px',
43550
+ background: sectionproperties.pillbgcolor,
43551
+ borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px'
43552
+ }
43553
+ }, /*#__PURE__*/React.createElement("p", {
43554
+ "class": "m-0 p-0 text-uppercase",
43555
+ style: {
43556
+ color: sectionproperties.pillcolor,
43557
+ fontSize: sectionproperties.pillfontSize + 'px',
43558
+ direction: 'ltr'
43559
+ }
43560
+ }, '-' + Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0 + '%')), /*#__PURE__*/React.createElement("ul", {
43561
+ "class": sectionproperties.transition == 'Bottom' ? "".concat(cardstyles.buttonContainerBottom) + ' m-0 p-0 ' : sectionproperties.transition == 'Center' ? "".concat(cardstyles.buttonContainerCenter) + ' m-0 p-0 ' : "".concat(cardstyles.buttonContainerBottom, " ").concat(cardstyles.buttonContainerBottom_show) + ' m-0 p-0 '
43562
+ }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("li", {
43563
+ "class": langdetect == 'en' ? 'mr-3 cursor-pointer ' : 'ml-3 cursor-pointer ',
43564
+ onClick: function onClick(e) {
43565
+ e.stopPropagation();
43566
+ setShowProductInfoModalContext(true);
43567
+ setProductIdProdutInfoModalContext(item.productid);
43568
+ }
43569
+ }, /*#__PURE__*/React.createElement("span", {
43570
+ "class": "".concat(card_cssstyles.cart_btn)
43571
+ }, /*#__PURE__*/React.createElement("i", {
43572
+ "class": "h-100 d-flex align-items-center justify-content-center"
43573
+ }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, {
43574
+ "class": "",
43575
+ size: sectionproperties.cartBtn_iconFontSize
43576
+ }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, {
43577
+ "class": "",
43578
+ size: sectionproperties.cartBtn_iconFontSize
43579
+ }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, {
43580
+ "class": "",
43581
+ size: sectionproperties.cartBtn_iconFontSize
43582
+ }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(RiHandbagLine, {
43583
+ size: sectionproperties.cartBtn_iconFontSize
43584
+ }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
43585
+ "class": "",
43586
+ size: sectionproperties.cartBtn_iconFontSize
43587
+ }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
43588
+ size: sectionproperties.cartBtn_iconFontSize
43589
+ })))), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React.createElement("li", {
43590
+ "class": ' cursor-pointer ',
43591
+ onClick: function onClick(e) {
43592
+ addtofavoritescontext(item.productid);
43593
+ e.stopPropagation();
43594
+ }
43595
+ }, /*#__PURE__*/React.createElement("span", {
43596
+ "class": "".concat(card_cssstyles.wishlist_btn),
43597
+ style: {
43598
+ background: item.IsFavExists == true ? sectionproperties.activebgcolor : ''
43599
+ }
43600
+ }, /*#__PURE__*/React.createElement("i", {
43601
+ "class": "h-100 d-flex align-items-center justify-content-center"
43602
+ }, item.IsFavExists && /*#__PURE__*/React.createElement("i", {
43603
+ "class": "h-100 d-flex align-items-center justify-content-center"
43604
+ }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiFillStar, {
43605
+ size: sectionproperties.favBtnIconfontsize,
43606
+ style: {
43607
+ color: sectionproperties.activefaviconcolor
43608
+ }
43609
+ }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaHeart, {
43610
+ size: sectionproperties.favBtnIconfontsize,
43611
+ style: {
43612
+ color: sectionproperties.activefaviconcolor
43613
+ }
43614
+ })), !item.IsFavExists && /*#__PURE__*/React.createElement("i", {
43615
+ "class": "h-100 d-flex align-items-center justify-content-center"
43616
+ }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiOutlineStar, {
43617
+ size: sectionproperties.favBtnIconfontsize
43618
+ }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaRegHeart, {
43619
+ size: sectionproperties.favBtnIconfontsize
43620
+ }))))))), /*#__PURE__*/React.createElement("div", {
43621
+ "class": "".concat(card_cssstyles.image_containerresp, " ").concat(cardstyles.image_container) + ' d-none d-sm-flex ',
43491
43622
  style: {
43492
43623
  position: 'relative'
43493
43624
  }
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,
@@ -43325,6 +43330,16 @@
43325
43330
  borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
43326
43331
  transition: '.3s'
43327
43332
  }),
43333
+ image_containerresp: glamor.css({
43334
+ height: sectionproperties.height_responsive + 'px',
43335
+ background: sectionproperties.image_bgtransparent == 'Transparent' ? '' : sectionproperties.image_bgcolor,
43336
+ border: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
43337
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
43338
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
43339
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
43340
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
43341
+ transition: '.3s'
43342
+ }),
43328
43343
  productNameStyles: glamor.css({
43329
43344
  color: sectionproperties.prodNameColor,
43330
43345
  fontSize: sectionproperties.prodNameFontSize + 'px',
@@ -43394,7 +43409,123 @@
43394
43409
  cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
43395
43410
  }
43396
43411
  }, /*#__PURE__*/React__default["default"].createElement("div", {
43397
- "class": "".concat(card_cssstyles.image_container, " ").concat(cardstyles.image_container),
43412
+ "class": "".concat(card_cssstyles.image_container, " ").concat(cardstyles.image_container) + ' d-flex d-sm-none ',
43413
+ style: {
43414
+ position: 'relative'
43415
+ }
43416
+ }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
43417
+ urlEndpoint: IKurlEndpoint,
43418
+ publicKey: IKpublicKey,
43419
+ path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
43420
+ style: {
43421
+ width: '100%',
43422
+ height: '100%',
43423
+ objectFit: sectionproperties.bgcovercontain,
43424
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
43425
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
43426
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
43427
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'
43428
+ },
43429
+ loading: "lazy"
43430
+ }), sectionproperties.showbadge == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
43431
+ "class": "allcentered",
43432
+ style: {
43433
+ position: 'absolute',
43434
+ top: sectionproperties.badge_top + 'px',
43435
+ left: langdetect == 'en' ? '10px' : '',
43436
+ right: langdetect == 'en' ? '' : '10px',
43437
+ width: sectionproperties.badge_width + 'px',
43438
+ height: sectionproperties.badge_height + 'px',
43439
+ background: sectionproperties.badge_bgcolor,
43440
+ borderRadius: sectionproperties.badge_borderradius + 'px'
43441
+ }
43442
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
43443
+ "class": "m-0 p-0",
43444
+ style: {
43445
+ color: sectionproperties.badge_color,
43446
+ fontSize: sectionproperties.badge_fontsize + 'px'
43447
+ }
43448
+ }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr)), sectionproperties.showpill == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
43449
+ "class": "allcentered",
43450
+ style: {
43451
+ position: 'absolute',
43452
+ top: sectionproperties.pillpositionfromtop + 'px',
43453
+ left: langdetect == 'en' ? sectionproperties.pillpositionfromright + 'px' : '',
43454
+ right: langdetect == 'en' ? '' : sectionproperties.pillpositionfromright + 'px',
43455
+ width: sectionproperties.pillwidth + 'px',
43456
+ height: sectionproperties.pillheight + 'px',
43457
+ background: sectionproperties.pillbgcolor,
43458
+ borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px'
43459
+ }
43460
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
43461
+ "class": "m-0 p-0 text-uppercase",
43462
+ style: {
43463
+ color: sectionproperties.pillcolor,
43464
+ fontSize: sectionproperties.pillfontSize + 'px',
43465
+ direction: 'ltr'
43466
+ }
43467
+ }, '-' + Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0 + '%')), /*#__PURE__*/React__default["default"].createElement("ul", {
43468
+ "class": sectionproperties.transition == 'Bottom' ? "".concat(cardstyles.buttonContainerBottom) + ' m-0 p-0 ' : sectionproperties.transition == 'Center' ? "".concat(cardstyles.buttonContainerCenter) + ' m-0 p-0 ' : "".concat(cardstyles.buttonContainerBottom, " ").concat(cardstyles.buttonContainerBottom_show) + ' m-0 p-0 '
43469
+ }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("li", {
43470
+ "class": langdetect == 'en' ? 'mr-3 cursor-pointer ' : 'ml-3 cursor-pointer ',
43471
+ onClick: function onClick(e) {
43472
+ e.stopPropagation();
43473
+ setShowProductInfoModalContext(true);
43474
+ setProductIdProdutInfoModalContext(item.productid);
43475
+ }
43476
+ }, /*#__PURE__*/React__default["default"].createElement("span", {
43477
+ "class": "".concat(card_cssstyles.cart_btn)
43478
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
43479
+ "class": "h-100 d-flex align-items-center justify-content-center"
43480
+ }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
43481
+ "class": "",
43482
+ size: sectionproperties.cartBtn_iconFontSize
43483
+ }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, {
43484
+ "class": "",
43485
+ size: sectionproperties.cartBtn_iconFontSize
43486
+ }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, {
43487
+ "class": "",
43488
+ size: sectionproperties.cartBtn_iconFontSize
43489
+ }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(RiHandbagLine.RiHandbagLine, {
43490
+ size: sectionproperties.cartBtn_iconFontSize
43491
+ }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, {
43492
+ "class": "",
43493
+ size: sectionproperties.cartBtn_iconFontSize
43494
+ }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
43495
+ size: sectionproperties.cartBtn_iconFontSize
43496
+ })))), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("li", {
43497
+ "class": ' cursor-pointer ',
43498
+ onClick: function onClick(e) {
43499
+ addtofavoritescontext(item.productid);
43500
+ e.stopPropagation();
43501
+ }
43502
+ }, /*#__PURE__*/React__default["default"].createElement("span", {
43503
+ "class": "".concat(card_cssstyles.wishlist_btn),
43504
+ style: {
43505
+ background: item.IsFavExists == true ? sectionproperties.activebgcolor : ''
43506
+ }
43507
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
43508
+ "class": "h-100 d-flex align-items-center justify-content-center"
43509
+ }, item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
43510
+ "class": "h-100 d-flex align-items-center justify-content-center"
43511
+ }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiFillStar.AiFillStar, {
43512
+ size: sectionproperties.favBtnIconfontsize,
43513
+ style: {
43514
+ color: sectionproperties.activefaviconcolor
43515
+ }
43516
+ }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaHeart.FaHeart, {
43517
+ size: sectionproperties.favBtnIconfontsize,
43518
+ style: {
43519
+ color: sectionproperties.activefaviconcolor
43520
+ }
43521
+ })), !item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
43522
+ "class": "h-100 d-flex align-items-center justify-content-center"
43523
+ }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiOutlineStar.AiOutlineStar, {
43524
+ size: sectionproperties.favBtnIconfontsize
43525
+ }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
43526
+ size: sectionproperties.favBtnIconfontsize
43527
+ }))))))), /*#__PURE__*/React__default["default"].createElement("div", {
43528
+ "class": "".concat(card_cssstyles.image_containerresp, " ").concat(cardstyles.image_container) + ' d-none d-sm-flex ',
43398
43529
  style: {
43399
43530
  position: 'relative'
43400
43531
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.159",
3
+ "version": "0.0.161",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {