tabexseriescomponents 0.50.192 → 0.50.193

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
@@ -91313,7 +91313,7 @@ var Productcard_with_circularhover = function Productcard_with_circularhover(pro
91313
91313
  function ownKeys$f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
91314
91314
  function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
91315
91315
  var Productcard_with_slideanimation = function Productcard_with_slideanimation(props) {
91316
- var _useState = React.useState(""),
91316
+ var _useState = React.useState(''),
91317
91317
  _useState2 = _slicedToArray__default["default"](_useState, 2),
91318
91318
  sectionproperties = _useState2[0],
91319
91319
  setsectionproperties = _useState2[1];
@@ -91346,257 +91346,257 @@ var Productcard_with_slideanimation = function Productcard_with_slideanimation(p
91346
91346
  }, [props.cardinfoitemprops]);
91347
91347
  var card_cssstyles = {
91348
91348
  cardcont: glamor.css({
91349
- width: sectionproperties.width + "px"
91349
+ width: sectionproperties.width + 'px'
91350
91350
  }),
91351
91351
  productcard: glamor.css({
91352
- position: "relative",
91353
- background: sectionproperties.backgroundColortransparent == "Transparent" ? "transparent" : sectionproperties.backgroundColor,
91354
- borderBottomLeftRadius: langdetect != "ar" ? sectionproperties.borderBottomLeftRadius + "px" : sectionproperties.borderBottomRightRadius + "px",
91355
- borderBottomRightRadius: langdetect != "ar" ? sectionproperties.borderBottomRightRadius + "px" : sectionproperties.borderBottomLeftRadius + "px",
91356
- borderTopLeftRadius: langdetect != "ar" ? sectionproperties.borderTopLeftRadius + "px" : sectionproperties.borderTopRightRadius + "px",
91357
- borderTopRightRadius: langdetect != "ar" ? sectionproperties.borderTopRightRadius + "px" : sectionproperties.borderTopLeftRadius + "px",
91358
- marginTop: sectionproperties.marginTop + "px",
91359
- marginBottom: sectionproperties.marginBottom + "px",
91360
- paddingLeft: langdetect != "ar" ? sectionproperties.paddingLeft + "px" : sectionproperties.paddingRight + "px",
91361
- paddingRight: langdetect != "ar" ? sectionproperties.paddingRight + "px" : sectionproperties.paddingLeft + "px",
91362
- paddingTop: sectionproperties.paddingTop + "px",
91363
- paddingBottom: sectionproperties.paddingBottom + "px",
91364
- boxShadow: sectionproperties.sectioncardshadow == "Show" ? "0 0 10px " + sectionproperties.sectioncardshadowcolor : "none",
91365
- border: sectionproperties.sectioncardborderwidth + "px solid " + sectionproperties.sectioncardbordercolor,
91352
+ position: 'relative',
91353
+ background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
91354
+ borderBottomLeftRadius: langdetect != 'ar' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
91355
+ borderBottomRightRadius: langdetect != 'ar' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
91356
+ borderTopLeftRadius: langdetect != 'ar' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
91357
+ borderTopRightRadius: langdetect != 'ar' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
91358
+ marginTop: sectionproperties.marginTop + 'px',
91359
+ marginBottom: sectionproperties.marginBottom + 'px',
91360
+ paddingLeft: langdetect != 'ar' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
91361
+ paddingRight: langdetect != 'ar' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
91362
+ paddingTop: sectionproperties.paddingTop + 'px',
91363
+ paddingBottom: sectionproperties.paddingBottom + 'px',
91364
+ boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none',
91365
+ border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
91366
91366
  color: sectionproperties.prodNameColor,
91367
- transition: ".5s",
91368
- ":hover": {
91367
+ transition: '.5s',
91368
+ ':hover': {
91369
91369
  color: sectionproperties.prodNameColorOnHover
91370
91370
  },
91371
- ":hover .text_container": {
91372
- paddingLeft: "10px",
91373
- paddingRight: "10px"
91371
+ ':hover .text_container': {
91372
+ paddingLeft: '10px',
91373
+ paddingRight: '10px'
91374
91374
  }
91375
91375
  }),
91376
91376
  text_container: glamor.css({
91377
- padding: "5px",
91378
- transition: ".5s"
91377
+ padding: '5px',
91378
+ transition: '.5s'
91379
91379
  }),
91380
91380
  productcardimagecont: glamor.css({
91381
- position: "relative",
91382
- overflow: "hidden",
91383
- background: sectionproperties.image_bgcolortransparent == "Transparent" ? "" : sectionproperties.image_bgcolor,
91381
+ position: 'relative',
91382
+ overflow: 'hidden',
91383
+ background: sectionproperties.image_bgcolortransparent == 'Transparent' ? '' : sectionproperties.image_bgcolor,
91384
91384
  opacity: sectionproperties.darknessopacity,
91385
- border: sectionproperties.image_borderwidth + "px solid " + sectionproperties.image_bordercolor,
91386
- borderBottomLeftRadius: langdetect != "ar" ? sectionproperties.image_borderBottomLeftRadius + "px" : sectionproperties.image_borderBottomRightRadius + "px",
91387
- borderBottomRightRadius: langdetect != "ar" ? sectionproperties.image_borderBottomRightRadius + "px" : sectionproperties.image_borderBottomLeftRadius + "px",
91388
- borderTopLeftRadius: langdetect != "ar" ? sectionproperties.image_bordertopleftradius + "px" : sectionproperties.image_bordertoprightradius + "px",
91389
- borderTopRightRadius: langdetect != "ar" ? sectionproperties.image_bordertoprightradius + "px" : sectionproperties.image_bordertopleftradius + "px",
91390
- ":hover": glamor.css({
91385
+ border: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
91386
+ borderBottomLeftRadius: langdetect != 'ar' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
91387
+ borderBottomRightRadius: langdetect != 'ar' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
91388
+ borderTopLeftRadius: langdetect != 'ar' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
91389
+ borderTopRightRadius: langdetect != 'ar' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
91390
+ ':hover': glamor.css({
91391
91391
  opacity: sectionproperties.cardimg_opacityonhover
91392
91392
  })
91393
91393
  }),
91394
91394
  productNameStyles: glamor.css({
91395
- fontSize: sectionproperties.prodNameFontSize + "px",
91395
+ fontSize: sectionproperties.prodNameFontSize + 'px',
91396
91396
  textTransform: sectionproperties.prodNameTextTranform,
91397
91397
  fontWeight: sectionproperties.prodNameFontWeight,
91398
91398
  marginBottom: 3,
91399
- transition: ".3s",
91400
- cursor: "pointer"
91399
+ transition: '.3s',
91400
+ cursor: 'pointer'
91401
91401
  }),
91402
91402
  productPricestyles: glamor.css({
91403
91403
  color: sectionproperties.prodPriceColor,
91404
- fontSize: sectionproperties.prodpriceFontSize + "px",
91404
+ fontSize: sectionproperties.prodpriceFontSize + 'px',
91405
91405
  fontWeight: sectionproperties.prodPriceFontWeight
91406
91406
  }),
91407
91407
  productSalePricestyles: glamor.css({
91408
91408
  color: sectionproperties.prodsalePriceColor,
91409
- fontSize: sectionproperties.prodsalepriceFontSize + "px",
91409
+ fontSize: sectionproperties.prodsalepriceFontSize + 'px',
91410
91410
  fontWeight: sectionproperties.prodsalePriceFontWeight
91411
91411
  }),
91412
91412
  wishlist_btn: glamor.css({
91413
- width: sectionproperties.favBtnWidth + "px",
91414
- height: sectionproperties.favBtnHeight + "px",
91415
- background: sectionproperties.favbtn_bgtransparent == "Transparent" ? "transparent" : sectionproperties.favBtnbgColor,
91416
- borderRadius: sectionproperties.fav_btn_borderBottomLeftRadius + "px",
91413
+ width: sectionproperties.favBtnWidth + 'px',
91414
+ height: sectionproperties.favBtnHeight + 'px',
91415
+ background: sectionproperties.favbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColor,
91416
+ borderRadius: sectionproperties.fav_btn_borderBottomLeftRadius + 'px',
91417
91417
  color: sectionproperties.favBtniconcolor,
91418
- fontSize: sectionproperties.favBtnTextfontsize + "px",
91418
+ fontSize: sectionproperties.favBtnTextfontsize + 'px',
91419
91419
  textTransform: sectionproperties.favBtnTexttransform,
91420
91420
  fontWeight: sectionproperties.favBtnTextfontweight,
91421
- transition: ".3s",
91422
- border: sectionproperties.favbtnborderwidth + "px solid " + sectionproperties.favbtnbordercolor,
91423
- ":hover": {
91424
- background: sectionproperties.favbtn_transparentbgcoloronhover == "Transparent" ? "transparent" : sectionproperties.favBtnbgColoronhover,
91421
+ transition: '.3s',
91422
+ border: sectionproperties.favbtnborderwidth + 'px solid ' + sectionproperties.favbtnbordercolor,
91423
+ ':hover': {
91424
+ background: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColoronhover,
91425
91425
  color: sectionproperties.favBtnTextcoloronhover,
91426
- borderColor: sectionproperties.favbtn_transparentbgcoloronhover == "Transparent" ? sectionproperties.favBtnTextcoloronhover : sectionproperties.favBtnbgColoronhover
91426
+ borderColor: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? sectionproperties.favBtnTextcoloronhover : sectionproperties.favBtnbgColoronhover
91427
91427
  }
91428
91428
  }),
91429
91429
  cart_btn: glamor.css({
91430
- width: sectionproperties.cartBtnWidth == 0 ? "auto" : sectionproperties.cartBtnWidth + "px",
91431
- height: sectionproperties.cartBtnHeight == 0 ? "auto" : sectionproperties.cartBtnHeight + "px",
91432
- background: sectionproperties.cartbtn_bgtransparent == "Transparent" ? "transparent" : sectionproperties.cartBtnbgColor,
91433
- borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + "px",
91430
+ width: sectionproperties.cartBtnWidth == 0 ? 'auto' : sectionproperties.cartBtnWidth + 'px',
91431
+ height: sectionproperties.cartBtnHeight == 0 ? 'auto' : sectionproperties.cartBtnHeight + 'px',
91432
+ background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
91433
+ borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
91434
91434
  color: sectionproperties.cartBtnTextcolor,
91435
- fontSize: sectionproperties.cartBtnTextfontsize + "px",
91435
+ fontSize: sectionproperties.cartBtnTextfontsize + 'px',
91436
91436
  fontWeight: sectionproperties.cartBtnTextfontweight,
91437
- border: sectionproperties.cartbtnborderwidth + "px solid " + sectionproperties.cartbtnbordercolor,
91438
- transition: ".3s",
91439
- ":hover": {
91440
- background: sectionproperties.cartbtn_transparentbgcoloronhover == "Transparent" ? "transparent" : sectionproperties.cartBtnbgColoronhover,
91437
+ border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
91438
+ transition: '.3s',
91439
+ ':hover': {
91440
+ background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
91441
91441
  color: sectionproperties.cartBtnTextcoloronhover,
91442
91442
  borderColor: sectionproperties.cartBtnTextcoloronhover
91443
91443
  }
91444
91444
  }),
91445
91445
  outstockbadge: glamor.css({
91446
- width: sectionproperties.outstock_width + "px",
91447
- height: sectionproperties.outstock_height + "px",
91446
+ width: sectionproperties.outstock_width + 'px',
91447
+ height: sectionproperties.outstock_height + 'px',
91448
91448
  background: sectionproperties.outstock_bg,
91449
91449
  color: sectionproperties.outstock_color,
91450
- fontSize: sectionproperties.outstock_fontSize + "px",
91451
- borderRadius: sectionproperties.outstock_borderradius + "px",
91452
- position: "absolute",
91450
+ fontSize: sectionproperties.outstock_fontSize + 'px',
91451
+ borderRadius: sectionproperties.outstock_borderradius + 'px',
91452
+ position: 'absolute',
91453
91453
  zIndex: 2,
91454
91454
  top: 0,
91455
91455
  bottom: 0,
91456
91456
  left: 0,
91457
91457
  right: 0,
91458
- margin: "auto"
91458
+ margin: 'auto'
91459
91459
  })
91460
91460
  };
91461
91461
  return /*#__PURE__*/React__default["default"].createElement("div", {
91462
- "class": props.sectiontypeprops2 == "vertical" ? "w-100" : "".concat(card_cssstyles.cardcont)
91462
+ "class": props.sectiontypeprops2 == 'vertical' ? 'w-100' : "".concat(card_cssstyles.cardcont)
91463
91463
  }, /*#__PURE__*/React__default["default"].createElement("div", {
91464
91464
  "class": "row m-0 w-100 pl-sm-2 pr-sm-2",
91465
91465
  style: {
91466
- paddingLeft: langdetect != "ar" ? sectionproperties.card_marginLeft + "px" : sectionproperties.card_marginRight + "px",
91467
- paddingRight: langdetect != "ar" ? sectionproperties.card_marginRight + "px" : sectionproperties.card_marginLeft + "px"
91466
+ paddingLeft: langdetect != 'ar' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
91467
+ paddingRight: langdetect != 'ar' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
91468
91468
  }
91469
91469
  }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
91470
- "class": "".concat(card_cssstyles.productcard) + " w-100 "
91470
+ "class": "".concat(card_cssstyles.productcard) + ' w-100 '
91471
91471
  }, /*#__PURE__*/React__default["default"].createElement("div", {
91472
91472
  onClick: function onClick() {
91473
91473
  cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
91474
91474
  },
91475
- "class": "".concat(card_cssstyles.productcardimagecont) + " p-0 cursor-pointer ",
91475
+ "class": "".concat(card_cssstyles.productcardimagecont) + ' p-0 cursor-pointer ',
91476
91476
  style: {
91477
- height: sectionproperties.image_height + "px",
91478
- marginBottom: sectionproperties.image_mb + "px",
91479
- position: "relative"
91477
+ height: sectionproperties.image_height + 'px',
91478
+ marginBottom: sectionproperties.image_mb + 'px',
91479
+ position: 'relative'
91480
91480
  }
91481
91481
  }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
91482
91482
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
91483
91483
  publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
91484
- path: "/tr:w-" + sectionproperties.imagetr_w + ",h-" + sectionproperties.imagetr_w + "/" + item.image,
91484
+ path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_w + '/' + item.image,
91485
91485
  loading: "lazy",
91486
91486
  style: {
91487
- width: sectionproperties.imageInnerWidth_Height + "%",
91488
- height: sectionproperties.imageInnerWidth_Height + "%",
91489
- objectFit: sectionproperties.bgcovercontain == "Cover" ? "cover" : "contain",
91490
- background: sectionproperties.image_bgcolortransparent == "Transparent" ? "" : sectionproperties.image_bgcolor,
91491
- border: sectionproperties.image_borderwidth + "px solid " + sectionproperties.image_bordercolor,
91492
- borderBottomLeftRadius: langdetect != "ar" ? sectionproperties.image_borderBottomLeftRadius + "px" : sectionproperties.image_borderBottomRightRadius + "px",
91493
- borderBottomRightRadius: langdetect != "ar" ? sectionproperties.image_borderBottomRightRadius + "px" : sectionproperties.image_borderBottomLeftRadius + "px",
91494
- borderTopLeftRadius: langdetect != "ar" ? sectionproperties.image_bordertopleftradius + "px" : sectionproperties.image_bordertoprightradius + "px",
91495
- borderTopRightRadius: langdetect != "ar" ? sectionproperties.image_bordertoprightradius + "px" : sectionproperties.image_bordertopleftradius + "px",
91496
- opacity: item.currentquantity < 1 && sectionproperties.showoutofstock == "Show" && item.quantavailtype == "limit" && item.hasvariants == 0 ? 0.4 : 1
91487
+ width: sectionproperties.imageInnerWidth_Height + '%',
91488
+ height: sectionproperties.imageInnerWidth_Height + '%',
91489
+ objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain',
91490
+ background: sectionproperties.image_bgcolortransparent == 'Transparent' ? '' : sectionproperties.image_bgcolor,
91491
+ border: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
91492
+ borderBottomLeftRadius: langdetect != 'ar' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
91493
+ borderBottomRightRadius: langdetect != 'ar' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
91494
+ borderTopLeftRadius: langdetect != 'ar' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
91495
+ borderTopRightRadius: langdetect != 'ar' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
91496
+ opacity: item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 ? 0.4 : 1
91497
91497
  }
91498
- }), sectionproperties.showbadge == "Show" && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
91498
+ }), sectionproperties.showbadge == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
91499
91499
  "class": "allcentered",
91500
91500
  style: {
91501
- position: "absolute",
91502
- top: sectionproperties.badge_top + "px",
91503
- left: langdetect != "ar" ? "10px" : 0,
91504
- right: langdetect != "ar" ? 0 : "10px",
91505
- width: sectionproperties.badge_width + "px",
91506
- height: sectionproperties.badge_height + "px",
91501
+ position: 'absolute',
91502
+ top: sectionproperties.badge_top + 'px',
91503
+ left: langdetect != 'ar' ? '10px' : 0,
91504
+ right: langdetect != 'ar' ? 0 : '10px',
91505
+ width: sectionproperties.badge_width + 'px',
91506
+ height: sectionproperties.badge_height + 'px',
91507
91507
  background: sectionproperties.badge_bgcolor,
91508
- borderRadius: sectionproperties.badge_borderradius + "px"
91508
+ borderRadius: sectionproperties.badge_borderradius + 'px'
91509
91509
  }
91510
91510
  }, /*#__PURE__*/React__default["default"].createElement("p", {
91511
91511
  "class": "m-0 p-0 text-uppercase",
91512
91512
  style: {
91513
91513
  color: sectionproperties.badge_color,
91514
- fontSize: sectionproperties.badge_fontsize + "px"
91514
+ fontSize: sectionproperties.badge_fontsize + 'px'
91515
91515
  }
91516
- }, sectionproperties["badgeContent".concat(langdetect.charAt(0).toUpperCase() + langdetect.slice(1))] || sectionproperties.badgeContentEn)), sectionproperties.showpill == "Show" && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
91516
+ }, sectionproperties["badgeContent".concat(langdetect.charAt(0).toUpperCase() + langdetect.slice(1))] || sectionproperties.badgeContentEn)), sectionproperties.showpill == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
91517
91517
  "class": "allcentered",
91518
91518
  style: {
91519
- position: "absolute",
91520
- top: sectionproperties.pillpositionfromtop + "px",
91521
- left: sectionproperties.pillpositionfromright + "px",
91522
- width: sectionproperties.pillwidth + "px",
91523
- height: sectionproperties.pillheight + "px",
91519
+ position: 'absolute',
91520
+ top: sectionproperties.pillpositionfromtop + 'px',
91521
+ left: sectionproperties.pillpositionfromright + 'px',
91522
+ width: sectionproperties.pillwidth + 'px',
91523
+ height: sectionproperties.pillheight + 'px',
91524
91524
  background: sectionproperties.pillbgcolor,
91525
- borderRadius: sectionproperties.pillborderBottomLeftRadius + "px"
91525
+ borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px'
91526
91526
  }
91527
91527
  }, /*#__PURE__*/React__default["default"].createElement("p", {
91528
91528
  "class": "m-0 p-0 text-uppercase",
91529
91529
  style: {
91530
91530
  color: sectionproperties.pillcolor,
91531
- fontSize: sectionproperties.pillfontSize + "px",
91532
- direction: "ltr"
91531
+ fontSize: sectionproperties.pillfontSize + 'px',
91532
+ direction: 'ltr'
91533
91533
  }
91534
- }, "-" + parseFloat(Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0).toFixed(0) + "%")), item.currentquantity < 1 && sectionproperties.showoutofstock == "Show" && item.quantavailtype == "limit" && item.hasvariants == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
91535
- "class": "".concat(card_cssstyles.outstockbadge) + " allcentered "
91534
+ }, '-' + parseFloat(Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0).toFixed(0) + '%')), item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
91535
+ "class": "".concat(card_cssstyles.outstockbadge) + ' allcentered '
91536
91536
  }, /*#__PURE__*/React__default["default"].createElement("p", {
91537
91537
  "class": "m-0 p-0"
91538
- }, sectionproperties["outstock_content".concat(en)] || sectionproperties.outstock_contenten))), /*#__PURE__*/React__default["default"].createElement("div", {
91539
- "class": card_cssstyles.text_container + " row m-0 w-100 text_container "
91540
- }, sectionproperties.prodNameShow == "Show" && /*#__PURE__*/React__default["default"].createElement("div", {
91538
+ }, langdetect == 'en' ? sectionproperties.outstock_contenten : langdetect == 'chin' ? '缺货' : sectionproperties.outstock_contentar))), /*#__PURE__*/React__default["default"].createElement("div", {
91539
+ "class": card_cssstyles.text_container + ' row m-0 w-100 text_container '
91540
+ }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
91541
91541
  onClick: function onClick() {
91542
91542
  cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
91543
91543
  },
91544
91544
  "class": "col-lg-12 p-0 d-flex justify-content-stretch"
91545
91545
  }, /*#__PURE__*/React__default["default"].createElement("p", {
91546
- "class": "".concat(card_cssstyles.productNameStyles) + " p-0 wordbreak wordbreak1 m-0 "
91546
+ "class": "".concat(card_cssstyles.productNameStyles) + ' p-0 wordbreak wordbreak1 m-0 '
91547
91547
  }, item.name)), /*#__PURE__*/React__default["default"].createElement("div", {
91548
91548
  "class": "col-lg-12 d-flex align-items-center p-0 mb-1"
91549
- }, sectionproperties.prodPriceShow == "Show" && /*#__PURE__*/React__default["default"].createElement("p", {
91550
- "class": "".concat(card_cssstyles.productPricestyles) + " m-0 "
91551
- }, langdetect != "ar" ? item.currencyname : "", " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect != "ar" ? "" : item.currencyname), sectionproperties.prodsalePriceshow == "Show" && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("p", {
91552
- "class": "".concat(card_cssstyles.productSalePricestyles) + " linethrough m-0 mr-2 ml-2 "
91553
- }, langdetect != "ar" ? item.currencyname : "", " ", item.defaultprice, " ", langdetect != "ar" ? "" : item.currencyname)), /*#__PURE__*/React__default["default"].createElement("div", {
91549
+ }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
91550
+ "class": "".concat(card_cssstyles.productPricestyles) + ' m-0 '
91551
+ }, langdetect != 'ar' ? item.currencyname : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect != 'ar' ? '' : item.currencyname), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("p", {
91552
+ "class": "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 mr-2 ml-2 '
91553
+ }, langdetect != 'ar' ? item.currencyname : '', " ", item.defaultprice, " ", langdetect != 'ar' ? '' : item.currencyname)), /*#__PURE__*/React__default["default"].createElement("div", {
91554
91554
  "class": "col-lg-12 d-flex align-items-center p-0 "
91555
91555
  }, /*#__PURE__*/React__default["default"].createElement("div", {
91556
91556
  "class": "col-lg-9 col-md-9 d-flex align-items-center justify-content-start p-0"
91557
- }, sectionproperties.cartBtnShow == "Show" && /*#__PURE__*/React__default["default"].createElement("p", {
91558
- "class": "".concat(card_cssstyles.cart_btn) + " m-0 p-0 d-flex align-items-center justify-content-center cursor-pointer ",
91557
+ }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
91558
+ "class": "".concat(card_cssstyles.cart_btn) + ' m-0 p-0 d-flex align-items-center justify-content-center cursor-pointer ',
91559
91559
  onClick: function onClick() {
91560
- if (item.currentquantity < 1 && sectionproperties.showoutofstock == "Show" && item.quantavailtype == "limit" && item.hasvariants == 0) {
91561
- NotificationManager.warning("", langdetect != "ar" ? "Sold Out" : "نفذت الكمية");
91560
+ if (item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0) {
91561
+ NotificationManager.warning('', langdetect != 'ar' ? 'Sold Out' : 'نفذت الكمية');
91562
91562
  } else {
91563
91563
  setShowProductInfoModalContext(true);
91564
91564
  setProductIdProdutInfoModalContext(item.productid);
91565
91565
  }
91566
91566
  }
91567
91567
  }, sectionproperties.cartBtn_iconFontSize != 0 && /*#__PURE__*/React__default["default"].createElement("span", {
91568
- className: langdetect != "ar" ? "mr-2" : "ml-2",
91568
+ className: langdetect != 'ar' ? 'mr-2' : 'ml-2',
91569
91569
  style: {
91570
- fontSize: sectionproperties.cartBtn_iconFontSize + "px"
91570
+ fontSize: sectionproperties.cartBtn_iconFontSize + 'px'
91571
91571
  }
91572
- }, "+"), langdetect === "ar" ? sectionproperties.cartBtnContentarabic : langdetect === "chin" ? sectionproperties.cartBtnContentchin : langdetect === "es" ? sectionproperties.cartBtnContentspanish : langdetect === "fr" ? sectionproperties.cartBtnContentfrench : langdetect === "rus" ? sectionproperties.cartBtnContentrussian : sectionproperties.cartBtnContentenglish)), /*#__PURE__*/React__default["default"].createElement("div", {
91572
+ }, "+"), langdetect === 'ar' ? sectionproperties.cartBtnContentarabic : langdetect === 'chin' ? sectionproperties.cartBtnContentchin : langdetect === 'es' ? sectionproperties.cartBtnContentspanish : langdetect === 'fr' ? sectionproperties.cartBtnContentfrench : langdetect === 'rus' ? sectionproperties.cartBtnContentrussian : sectionproperties.cartBtnContentenglish)), /*#__PURE__*/React__default["default"].createElement("div", {
91573
91573
  "class": "col-lg-3 col-md-3 d-flex align-items-center justify-content-end p-0"
91574
- }, sectionproperties.favBtnShow == "Show" && /*#__PURE__*/React__default["default"].createElement("button", {
91575
- "class": " ".concat(card_cssstyles.wishlist_btn) + " m-0 p-0 d-flex align-items-center justify-content-center ",
91574
+ }, sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
91575
+ "class": " ".concat(card_cssstyles.wishlist_btn) + ' m-0 p-0 d-flex align-items-center justify-content-center ',
91576
91576
  onClick: function onClick() {
91577
91577
  addtofavoritescontext(item.productid);
91578
91578
  },
91579
91579
  style: {
91580
- background: item.IsFavExists ? sectionproperties.activebgcolor : "",
91581
- borderColor: item.IsFavExists == true ? sectionproperties.activefaviconcolor : ""
91580
+ background: item.IsFavExists ? sectionproperties.activebgcolor : '',
91581
+ borderColor: item.IsFavExists == true ? sectionproperties.activefaviconcolor : ''
91582
91582
  }
91583
91583
  }, item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
91584
91584
  "class": "h-100 d-flex align-items-center justify-content-center"
91585
- }, sectionproperties.faviconshape == "Star Shape" && /*#__PURE__*/React__default["default"].createElement(AiFillStar$1.AiFillStar, {
91585
+ }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiFillStar$1.AiFillStar, {
91586
91586
  size: sectionproperties.favBtnIconfontsize,
91587
91587
  style: {
91588
91588
  color: sectionproperties.activefaviconcolor
91589
91589
  }
91590
- }), sectionproperties.faviconshape == "Heart Shape" && /*#__PURE__*/React__default["default"].createElement(FaHeart$1.FaHeart, {
91590
+ }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaHeart$1.FaHeart, {
91591
91591
  size: sectionproperties.favBtnIconfontsize,
91592
91592
  style: {
91593
91593
  color: sectionproperties.activefaviconcolor
91594
91594
  }
91595
91595
  })), !item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
91596
91596
  "class": "h-100 d-flex align-items-center justify-content-center"
91597
- }, sectionproperties.faviconshape == "Star Shape" && /*#__PURE__*/React__default["default"].createElement(AiOutlineStar.AiOutlineStar, {
91597
+ }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiOutlineStar.AiOutlineStar, {
91598
91598
  size: sectionproperties.favBtnIconfontsize
91599
- }), sectionproperties.faviconshape == "Heart Shape" && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
91599
+ }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
91600
91600
  size: sectionproperties.favBtnIconfontsize
91601
91601
  })))))))));
91602
91602
  };