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.esm.js CHANGED
@@ -91261,7 +91261,7 @@ var Productcard_with_circularhover = function Productcard_with_circularhover(pro
91261
91261
  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; }
91262
91262
  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(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; }
91263
91263
  var Productcard_with_slideanimation = function Productcard_with_slideanimation(props) {
91264
- var _useState = useState(""),
91264
+ var _useState = useState(''),
91265
91265
  _useState2 = _slicedToArray(_useState, 2),
91266
91266
  sectionproperties = _useState2[0],
91267
91267
  setsectionproperties = _useState2[1];
@@ -91294,257 +91294,257 @@ var Productcard_with_slideanimation = function Productcard_with_slideanimation(p
91294
91294
  }, [props.cardinfoitemprops]);
91295
91295
  var card_cssstyles = {
91296
91296
  cardcont: css({
91297
- width: sectionproperties.width + "px"
91297
+ width: sectionproperties.width + 'px'
91298
91298
  }),
91299
91299
  productcard: css({
91300
- position: "relative",
91301
- background: sectionproperties.backgroundColortransparent == "Transparent" ? "transparent" : sectionproperties.backgroundColor,
91302
- borderBottomLeftRadius: langdetect != "ar" ? sectionproperties.borderBottomLeftRadius + "px" : sectionproperties.borderBottomRightRadius + "px",
91303
- borderBottomRightRadius: langdetect != "ar" ? sectionproperties.borderBottomRightRadius + "px" : sectionproperties.borderBottomLeftRadius + "px",
91304
- borderTopLeftRadius: langdetect != "ar" ? sectionproperties.borderTopLeftRadius + "px" : sectionproperties.borderTopRightRadius + "px",
91305
- borderTopRightRadius: langdetect != "ar" ? sectionproperties.borderTopRightRadius + "px" : sectionproperties.borderTopLeftRadius + "px",
91306
- marginTop: sectionproperties.marginTop + "px",
91307
- marginBottom: sectionproperties.marginBottom + "px",
91308
- paddingLeft: langdetect != "ar" ? sectionproperties.paddingLeft + "px" : sectionproperties.paddingRight + "px",
91309
- paddingRight: langdetect != "ar" ? sectionproperties.paddingRight + "px" : sectionproperties.paddingLeft + "px",
91310
- paddingTop: sectionproperties.paddingTop + "px",
91311
- paddingBottom: sectionproperties.paddingBottom + "px",
91312
- boxShadow: sectionproperties.sectioncardshadow == "Show" ? "0 0 10px " + sectionproperties.sectioncardshadowcolor : "none",
91313
- border: sectionproperties.sectioncardborderwidth + "px solid " + sectionproperties.sectioncardbordercolor,
91300
+ position: 'relative',
91301
+ background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
91302
+ borderBottomLeftRadius: langdetect != 'ar' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
91303
+ borderBottomRightRadius: langdetect != 'ar' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
91304
+ borderTopLeftRadius: langdetect != 'ar' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
91305
+ borderTopRightRadius: langdetect != 'ar' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
91306
+ marginTop: sectionproperties.marginTop + 'px',
91307
+ marginBottom: sectionproperties.marginBottom + 'px',
91308
+ paddingLeft: langdetect != 'ar' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
91309
+ paddingRight: langdetect != 'ar' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
91310
+ paddingTop: sectionproperties.paddingTop + 'px',
91311
+ paddingBottom: sectionproperties.paddingBottom + 'px',
91312
+ boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none',
91313
+ border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
91314
91314
  color: sectionproperties.prodNameColor,
91315
- transition: ".5s",
91316
- ":hover": {
91315
+ transition: '.5s',
91316
+ ':hover': {
91317
91317
  color: sectionproperties.prodNameColorOnHover
91318
91318
  },
91319
- ":hover .text_container": {
91320
- paddingLeft: "10px",
91321
- paddingRight: "10px"
91319
+ ':hover .text_container': {
91320
+ paddingLeft: '10px',
91321
+ paddingRight: '10px'
91322
91322
  }
91323
91323
  }),
91324
91324
  text_container: css({
91325
- padding: "5px",
91326
- transition: ".5s"
91325
+ padding: '5px',
91326
+ transition: '.5s'
91327
91327
  }),
91328
91328
  productcardimagecont: css({
91329
- position: "relative",
91330
- overflow: "hidden",
91331
- background: sectionproperties.image_bgcolortransparent == "Transparent" ? "" : sectionproperties.image_bgcolor,
91329
+ position: 'relative',
91330
+ overflow: 'hidden',
91331
+ background: sectionproperties.image_bgcolortransparent == 'Transparent' ? '' : sectionproperties.image_bgcolor,
91332
91332
  opacity: sectionproperties.darknessopacity,
91333
- border: sectionproperties.image_borderwidth + "px solid " + sectionproperties.image_bordercolor,
91334
- borderBottomLeftRadius: langdetect != "ar" ? sectionproperties.image_borderBottomLeftRadius + "px" : sectionproperties.image_borderBottomRightRadius + "px",
91335
- borderBottomRightRadius: langdetect != "ar" ? sectionproperties.image_borderBottomRightRadius + "px" : sectionproperties.image_borderBottomLeftRadius + "px",
91336
- borderTopLeftRadius: langdetect != "ar" ? sectionproperties.image_bordertopleftradius + "px" : sectionproperties.image_bordertoprightradius + "px",
91337
- borderTopRightRadius: langdetect != "ar" ? sectionproperties.image_bordertoprightradius + "px" : sectionproperties.image_bordertopleftradius + "px",
91338
- ":hover": css({
91333
+ border: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
91334
+ borderBottomLeftRadius: langdetect != 'ar' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
91335
+ borderBottomRightRadius: langdetect != 'ar' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
91336
+ borderTopLeftRadius: langdetect != 'ar' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
91337
+ borderTopRightRadius: langdetect != 'ar' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
91338
+ ':hover': css({
91339
91339
  opacity: sectionproperties.cardimg_opacityonhover
91340
91340
  })
91341
91341
  }),
91342
91342
  productNameStyles: css({
91343
- fontSize: sectionproperties.prodNameFontSize + "px",
91343
+ fontSize: sectionproperties.prodNameFontSize + 'px',
91344
91344
  textTransform: sectionproperties.prodNameTextTranform,
91345
91345
  fontWeight: sectionproperties.prodNameFontWeight,
91346
91346
  marginBottom: 3,
91347
- transition: ".3s",
91348
- cursor: "pointer"
91347
+ transition: '.3s',
91348
+ cursor: 'pointer'
91349
91349
  }),
91350
91350
  productPricestyles: css({
91351
91351
  color: sectionproperties.prodPriceColor,
91352
- fontSize: sectionproperties.prodpriceFontSize + "px",
91352
+ fontSize: sectionproperties.prodpriceFontSize + 'px',
91353
91353
  fontWeight: sectionproperties.prodPriceFontWeight
91354
91354
  }),
91355
91355
  productSalePricestyles: css({
91356
91356
  color: sectionproperties.prodsalePriceColor,
91357
- fontSize: sectionproperties.prodsalepriceFontSize + "px",
91357
+ fontSize: sectionproperties.prodsalepriceFontSize + 'px',
91358
91358
  fontWeight: sectionproperties.prodsalePriceFontWeight
91359
91359
  }),
91360
91360
  wishlist_btn: css({
91361
- width: sectionproperties.favBtnWidth + "px",
91362
- height: sectionproperties.favBtnHeight + "px",
91363
- background: sectionproperties.favbtn_bgtransparent == "Transparent" ? "transparent" : sectionproperties.favBtnbgColor,
91364
- borderRadius: sectionproperties.fav_btn_borderBottomLeftRadius + "px",
91361
+ width: sectionproperties.favBtnWidth + 'px',
91362
+ height: sectionproperties.favBtnHeight + 'px',
91363
+ background: sectionproperties.favbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColor,
91364
+ borderRadius: sectionproperties.fav_btn_borderBottomLeftRadius + 'px',
91365
91365
  color: sectionproperties.favBtniconcolor,
91366
- fontSize: sectionproperties.favBtnTextfontsize + "px",
91366
+ fontSize: sectionproperties.favBtnTextfontsize + 'px',
91367
91367
  textTransform: sectionproperties.favBtnTexttransform,
91368
91368
  fontWeight: sectionproperties.favBtnTextfontweight,
91369
- transition: ".3s",
91370
- border: sectionproperties.favbtnborderwidth + "px solid " + sectionproperties.favbtnbordercolor,
91371
- ":hover": {
91372
- background: sectionproperties.favbtn_transparentbgcoloronhover == "Transparent" ? "transparent" : sectionproperties.favBtnbgColoronhover,
91369
+ transition: '.3s',
91370
+ border: sectionproperties.favbtnborderwidth + 'px solid ' + sectionproperties.favbtnbordercolor,
91371
+ ':hover': {
91372
+ background: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColoronhover,
91373
91373
  color: sectionproperties.favBtnTextcoloronhover,
91374
- borderColor: sectionproperties.favbtn_transparentbgcoloronhover == "Transparent" ? sectionproperties.favBtnTextcoloronhover : sectionproperties.favBtnbgColoronhover
91374
+ borderColor: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? sectionproperties.favBtnTextcoloronhover : sectionproperties.favBtnbgColoronhover
91375
91375
  }
91376
91376
  }),
91377
91377
  cart_btn: css({
91378
- width: sectionproperties.cartBtnWidth == 0 ? "auto" : sectionproperties.cartBtnWidth + "px",
91379
- height: sectionproperties.cartBtnHeight == 0 ? "auto" : sectionproperties.cartBtnHeight + "px",
91380
- background: sectionproperties.cartbtn_bgtransparent == "Transparent" ? "transparent" : sectionproperties.cartBtnbgColor,
91381
- borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + "px",
91378
+ width: sectionproperties.cartBtnWidth == 0 ? 'auto' : sectionproperties.cartBtnWidth + 'px',
91379
+ height: sectionproperties.cartBtnHeight == 0 ? 'auto' : sectionproperties.cartBtnHeight + 'px',
91380
+ background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
91381
+ borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
91382
91382
  color: sectionproperties.cartBtnTextcolor,
91383
- fontSize: sectionproperties.cartBtnTextfontsize + "px",
91383
+ fontSize: sectionproperties.cartBtnTextfontsize + 'px',
91384
91384
  fontWeight: sectionproperties.cartBtnTextfontweight,
91385
- border: sectionproperties.cartbtnborderwidth + "px solid " + sectionproperties.cartbtnbordercolor,
91386
- transition: ".3s",
91387
- ":hover": {
91388
- background: sectionproperties.cartbtn_transparentbgcoloronhover == "Transparent" ? "transparent" : sectionproperties.cartBtnbgColoronhover,
91385
+ border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
91386
+ transition: '.3s',
91387
+ ':hover': {
91388
+ background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
91389
91389
  color: sectionproperties.cartBtnTextcoloronhover,
91390
91390
  borderColor: sectionproperties.cartBtnTextcoloronhover
91391
91391
  }
91392
91392
  }),
91393
91393
  outstockbadge: css({
91394
- width: sectionproperties.outstock_width + "px",
91395
- height: sectionproperties.outstock_height + "px",
91394
+ width: sectionproperties.outstock_width + 'px',
91395
+ height: sectionproperties.outstock_height + 'px',
91396
91396
  background: sectionproperties.outstock_bg,
91397
91397
  color: sectionproperties.outstock_color,
91398
- fontSize: sectionproperties.outstock_fontSize + "px",
91399
- borderRadius: sectionproperties.outstock_borderradius + "px",
91400
- position: "absolute",
91398
+ fontSize: sectionproperties.outstock_fontSize + 'px',
91399
+ borderRadius: sectionproperties.outstock_borderradius + 'px',
91400
+ position: 'absolute',
91401
91401
  zIndex: 2,
91402
91402
  top: 0,
91403
91403
  bottom: 0,
91404
91404
  left: 0,
91405
91405
  right: 0,
91406
- margin: "auto"
91406
+ margin: 'auto'
91407
91407
  })
91408
91408
  };
91409
91409
  return /*#__PURE__*/React.createElement("div", {
91410
- "class": props.sectiontypeprops2 == "vertical" ? "w-100" : "".concat(card_cssstyles.cardcont)
91410
+ "class": props.sectiontypeprops2 == 'vertical' ? 'w-100' : "".concat(card_cssstyles.cardcont)
91411
91411
  }, /*#__PURE__*/React.createElement("div", {
91412
91412
  "class": "row m-0 w-100 pl-sm-2 pr-sm-2",
91413
91413
  style: {
91414
- paddingLeft: langdetect != "ar" ? sectionproperties.card_marginLeft + "px" : sectionproperties.card_marginRight + "px",
91415
- paddingRight: langdetect != "ar" ? sectionproperties.card_marginRight + "px" : sectionproperties.card_marginLeft + "px"
91414
+ paddingLeft: langdetect != 'ar' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
91415
+ paddingRight: langdetect != 'ar' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
91416
91416
  }
91417
91417
  }, sectionproperties.length != 0 && /*#__PURE__*/React.createElement("div", {
91418
- "class": "".concat(card_cssstyles.productcard) + " w-100 "
91418
+ "class": "".concat(card_cssstyles.productcard) + ' w-100 '
91419
91419
  }, /*#__PURE__*/React.createElement("div", {
91420
91420
  onClick: function onClick() {
91421
91421
  cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
91422
91422
  },
91423
- "class": "".concat(card_cssstyles.productcardimagecont) + " p-0 cursor-pointer ",
91423
+ "class": "".concat(card_cssstyles.productcardimagecont) + ' p-0 cursor-pointer ',
91424
91424
  style: {
91425
- height: sectionproperties.image_height + "px",
91426
- marginBottom: sectionproperties.image_mb + "px",
91427
- position: "relative"
91425
+ height: sectionproperties.image_height + 'px',
91426
+ marginBottom: sectionproperties.image_mb + 'px',
91427
+ position: 'relative'
91428
91428
  }
91429
91429
  }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
91430
91430
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
91431
91431
  publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
91432
- path: "/tr:w-" + sectionproperties.imagetr_w + ",h-" + sectionproperties.imagetr_w + "/" + item.image,
91432
+ path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_w + '/' + item.image,
91433
91433
  loading: "lazy",
91434
91434
  style: {
91435
- width: sectionproperties.imageInnerWidth_Height + "%",
91436
- height: sectionproperties.imageInnerWidth_Height + "%",
91437
- objectFit: sectionproperties.bgcovercontain == "Cover" ? "cover" : "contain",
91438
- background: sectionproperties.image_bgcolortransparent == "Transparent" ? "" : sectionproperties.image_bgcolor,
91439
- border: sectionproperties.image_borderwidth + "px solid " + sectionproperties.image_bordercolor,
91440
- borderBottomLeftRadius: langdetect != "ar" ? sectionproperties.image_borderBottomLeftRadius + "px" : sectionproperties.image_borderBottomRightRadius + "px",
91441
- borderBottomRightRadius: langdetect != "ar" ? sectionproperties.image_borderBottomRightRadius + "px" : sectionproperties.image_borderBottomLeftRadius + "px",
91442
- borderTopLeftRadius: langdetect != "ar" ? sectionproperties.image_bordertopleftradius + "px" : sectionproperties.image_bordertoprightradius + "px",
91443
- borderTopRightRadius: langdetect != "ar" ? sectionproperties.image_bordertoprightradius + "px" : sectionproperties.image_bordertopleftradius + "px",
91444
- opacity: item.currentquantity < 1 && sectionproperties.showoutofstock == "Show" && item.quantavailtype == "limit" && item.hasvariants == 0 ? 0.4 : 1
91435
+ width: sectionproperties.imageInnerWidth_Height + '%',
91436
+ height: sectionproperties.imageInnerWidth_Height + '%',
91437
+ objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain',
91438
+ background: sectionproperties.image_bgcolortransparent == 'Transparent' ? '' : sectionproperties.image_bgcolor,
91439
+ border: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
91440
+ borderBottomLeftRadius: langdetect != 'ar' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
91441
+ borderBottomRightRadius: langdetect != 'ar' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
91442
+ borderTopLeftRadius: langdetect != 'ar' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
91443
+ borderTopRightRadius: langdetect != 'ar' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
91444
+ opacity: item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 ? 0.4 : 1
91445
91445
  }
91446
- }), sectionproperties.showbadge == "Show" && item.hassale == 1 && /*#__PURE__*/React.createElement("div", {
91446
+ }), sectionproperties.showbadge == 'Show' && item.hassale == 1 && /*#__PURE__*/React.createElement("div", {
91447
91447
  "class": "allcentered",
91448
91448
  style: {
91449
- position: "absolute",
91450
- top: sectionproperties.badge_top + "px",
91451
- left: langdetect != "ar" ? "10px" : 0,
91452
- right: langdetect != "ar" ? 0 : "10px",
91453
- width: sectionproperties.badge_width + "px",
91454
- height: sectionproperties.badge_height + "px",
91449
+ position: 'absolute',
91450
+ top: sectionproperties.badge_top + 'px',
91451
+ left: langdetect != 'ar' ? '10px' : 0,
91452
+ right: langdetect != 'ar' ? 0 : '10px',
91453
+ width: sectionproperties.badge_width + 'px',
91454
+ height: sectionproperties.badge_height + 'px',
91455
91455
  background: sectionproperties.badge_bgcolor,
91456
- borderRadius: sectionproperties.badge_borderradius + "px"
91456
+ borderRadius: sectionproperties.badge_borderradius + 'px'
91457
91457
  }
91458
91458
  }, /*#__PURE__*/React.createElement("p", {
91459
91459
  "class": "m-0 p-0 text-uppercase",
91460
91460
  style: {
91461
91461
  color: sectionproperties.badge_color,
91462
- fontSize: sectionproperties.badge_fontsize + "px"
91462
+ fontSize: sectionproperties.badge_fontsize + 'px'
91463
91463
  }
91464
- }, sectionproperties["badgeContent".concat(langdetect.charAt(0).toUpperCase() + langdetect.slice(1))] || sectionproperties.badgeContentEn)), sectionproperties.showpill == "Show" && item.hassale == 1 && /*#__PURE__*/React.createElement("div", {
91464
+ }, sectionproperties["badgeContent".concat(langdetect.charAt(0).toUpperCase() + langdetect.slice(1))] || sectionproperties.badgeContentEn)), sectionproperties.showpill == 'Show' && item.hassale == 1 && /*#__PURE__*/React.createElement("div", {
91465
91465
  "class": "allcentered",
91466
91466
  style: {
91467
- position: "absolute",
91468
- top: sectionproperties.pillpositionfromtop + "px",
91469
- left: sectionproperties.pillpositionfromright + "px",
91470
- width: sectionproperties.pillwidth + "px",
91471
- height: sectionproperties.pillheight + "px",
91467
+ position: 'absolute',
91468
+ top: sectionproperties.pillpositionfromtop + 'px',
91469
+ left: sectionproperties.pillpositionfromright + 'px',
91470
+ width: sectionproperties.pillwidth + 'px',
91471
+ height: sectionproperties.pillheight + 'px',
91472
91472
  background: sectionproperties.pillbgcolor,
91473
- borderRadius: sectionproperties.pillborderBottomLeftRadius + "px"
91473
+ borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px'
91474
91474
  }
91475
91475
  }, /*#__PURE__*/React.createElement("p", {
91476
91476
  "class": "m-0 p-0 text-uppercase",
91477
91477
  style: {
91478
91478
  color: sectionproperties.pillcolor,
91479
- fontSize: sectionproperties.pillfontSize + "px",
91480
- direction: "ltr"
91479
+ fontSize: sectionproperties.pillfontSize + 'px',
91480
+ direction: 'ltr'
91481
91481
  }
91482
- }, "-" + 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.createElement("div", {
91483
- "class": "".concat(card_cssstyles.outstockbadge) + " allcentered "
91482
+ }, '-' + 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.createElement("div", {
91483
+ "class": "".concat(card_cssstyles.outstockbadge) + ' allcentered '
91484
91484
  }, /*#__PURE__*/React.createElement("p", {
91485
91485
  "class": "m-0 p-0"
91486
- }, sectionproperties["outstock_content".concat(en)] || sectionproperties.outstock_contenten))), /*#__PURE__*/React.createElement("div", {
91487
- "class": card_cssstyles.text_container + " row m-0 w-100 text_container "
91488
- }, sectionproperties.prodNameShow == "Show" && /*#__PURE__*/React.createElement("div", {
91486
+ }, langdetect == 'en' ? sectionproperties.outstock_contenten : langdetect == 'chin' ? '缺货' : sectionproperties.outstock_contentar))), /*#__PURE__*/React.createElement("div", {
91487
+ "class": card_cssstyles.text_container + ' row m-0 w-100 text_container '
91488
+ }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React.createElement("div", {
91489
91489
  onClick: function onClick() {
91490
91490
  cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
91491
91491
  },
91492
91492
  "class": "col-lg-12 p-0 d-flex justify-content-stretch"
91493
91493
  }, /*#__PURE__*/React.createElement("p", {
91494
- "class": "".concat(card_cssstyles.productNameStyles) + " p-0 wordbreak wordbreak1 m-0 "
91494
+ "class": "".concat(card_cssstyles.productNameStyles) + ' p-0 wordbreak wordbreak1 m-0 '
91495
91495
  }, item.name)), /*#__PURE__*/React.createElement("div", {
91496
91496
  "class": "col-lg-12 d-flex align-items-center p-0 mb-1"
91497
- }, sectionproperties.prodPriceShow == "Show" && /*#__PURE__*/React.createElement("p", {
91498
- "class": "".concat(card_cssstyles.productPricestyles) + " m-0 "
91499
- }, langdetect != "ar" ? item.currencyname : "", " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect != "ar" ? "" : item.currencyname), sectionproperties.prodsalePriceshow == "Show" && item.hassale == 1 && /*#__PURE__*/React.createElement("p", {
91500
- "class": "".concat(card_cssstyles.productSalePricestyles) + " linethrough m-0 mr-2 ml-2 "
91501
- }, langdetect != "ar" ? item.currencyname : "", " ", item.defaultprice, " ", langdetect != "ar" ? "" : item.currencyname)), /*#__PURE__*/React.createElement("div", {
91497
+ }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React.createElement("p", {
91498
+ "class": "".concat(card_cssstyles.productPricestyles) + ' m-0 '
91499
+ }, langdetect != 'ar' ? item.currencyname : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect != 'ar' ? '' : item.currencyname), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React.createElement("p", {
91500
+ "class": "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 mr-2 ml-2 '
91501
+ }, langdetect != 'ar' ? item.currencyname : '', " ", item.defaultprice, " ", langdetect != 'ar' ? '' : item.currencyname)), /*#__PURE__*/React.createElement("div", {
91502
91502
  "class": "col-lg-12 d-flex align-items-center p-0 "
91503
91503
  }, /*#__PURE__*/React.createElement("div", {
91504
91504
  "class": "col-lg-9 col-md-9 d-flex align-items-center justify-content-start p-0"
91505
- }, sectionproperties.cartBtnShow == "Show" && /*#__PURE__*/React.createElement("p", {
91506
- "class": "".concat(card_cssstyles.cart_btn) + " m-0 p-0 d-flex align-items-center justify-content-center cursor-pointer ",
91505
+ }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("p", {
91506
+ "class": "".concat(card_cssstyles.cart_btn) + ' m-0 p-0 d-flex align-items-center justify-content-center cursor-pointer ',
91507
91507
  onClick: function onClick() {
91508
- if (item.currentquantity < 1 && sectionproperties.showoutofstock == "Show" && item.quantavailtype == "limit" && item.hasvariants == 0) {
91509
- NotificationManager.warning("", langdetect != "ar" ? "Sold Out" : "نفذت الكمية");
91508
+ if (item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0) {
91509
+ NotificationManager.warning('', langdetect != 'ar' ? 'Sold Out' : 'نفذت الكمية');
91510
91510
  } else {
91511
91511
  setShowProductInfoModalContext(true);
91512
91512
  setProductIdProdutInfoModalContext(item.productid);
91513
91513
  }
91514
91514
  }
91515
91515
  }, sectionproperties.cartBtn_iconFontSize != 0 && /*#__PURE__*/React.createElement("span", {
91516
- className: langdetect != "ar" ? "mr-2" : "ml-2",
91516
+ className: langdetect != 'ar' ? 'mr-2' : 'ml-2',
91517
91517
  style: {
91518
- fontSize: sectionproperties.cartBtn_iconFontSize + "px"
91518
+ fontSize: sectionproperties.cartBtn_iconFontSize + 'px'
91519
91519
  }
91520
- }, "+"), langdetect === "ar" ? sectionproperties.cartBtnContentarabic : langdetect === "chin" ? sectionproperties.cartBtnContentchin : langdetect === "es" ? sectionproperties.cartBtnContentspanish : langdetect === "fr" ? sectionproperties.cartBtnContentfrench : langdetect === "rus" ? sectionproperties.cartBtnContentrussian : sectionproperties.cartBtnContentenglish)), /*#__PURE__*/React.createElement("div", {
91520
+ }, "+"), langdetect === 'ar' ? sectionproperties.cartBtnContentarabic : langdetect === 'chin' ? sectionproperties.cartBtnContentchin : langdetect === 'es' ? sectionproperties.cartBtnContentspanish : langdetect === 'fr' ? sectionproperties.cartBtnContentfrench : langdetect === 'rus' ? sectionproperties.cartBtnContentrussian : sectionproperties.cartBtnContentenglish)), /*#__PURE__*/React.createElement("div", {
91521
91521
  "class": "col-lg-3 col-md-3 d-flex align-items-center justify-content-end p-0"
91522
- }, sectionproperties.favBtnShow == "Show" && /*#__PURE__*/React.createElement("button", {
91523
- "class": " ".concat(card_cssstyles.wishlist_btn) + " m-0 p-0 d-flex align-items-center justify-content-center ",
91522
+ }, sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React.createElement("button", {
91523
+ "class": " ".concat(card_cssstyles.wishlist_btn) + ' m-0 p-0 d-flex align-items-center justify-content-center ',
91524
91524
  onClick: function onClick() {
91525
91525
  addtofavoritescontext(item.productid);
91526
91526
  },
91527
91527
  style: {
91528
- background: item.IsFavExists ? sectionproperties.activebgcolor : "",
91529
- borderColor: item.IsFavExists == true ? sectionproperties.activefaviconcolor : ""
91528
+ background: item.IsFavExists ? sectionproperties.activebgcolor : '',
91529
+ borderColor: item.IsFavExists == true ? sectionproperties.activefaviconcolor : ''
91530
91530
  }
91531
91531
  }, item.IsFavExists && /*#__PURE__*/React.createElement("i", {
91532
91532
  "class": "h-100 d-flex align-items-center justify-content-center"
91533
- }, sectionproperties.faviconshape == "Star Shape" && /*#__PURE__*/React.createElement(AiFillStar$1, {
91533
+ }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiFillStar$1, {
91534
91534
  size: sectionproperties.favBtnIconfontsize,
91535
91535
  style: {
91536
91536
  color: sectionproperties.activefaviconcolor
91537
91537
  }
91538
- }), sectionproperties.faviconshape == "Heart Shape" && /*#__PURE__*/React.createElement(FaHeart$1, {
91538
+ }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaHeart$1, {
91539
91539
  size: sectionproperties.favBtnIconfontsize,
91540
91540
  style: {
91541
91541
  color: sectionproperties.activefaviconcolor
91542
91542
  }
91543
91543
  })), !item.IsFavExists && /*#__PURE__*/React.createElement("i", {
91544
91544
  "class": "h-100 d-flex align-items-center justify-content-center"
91545
- }, sectionproperties.faviconshape == "Star Shape" && /*#__PURE__*/React.createElement(AiOutlineStar, {
91545
+ }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiOutlineStar, {
91546
91546
  size: sectionproperties.favBtnIconfontsize
91547
- }), sectionproperties.faviconshape == "Heart Shape" && /*#__PURE__*/React.createElement(FaRegHeart, {
91547
+ }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaRegHeart, {
91548
91548
  size: sectionproperties.favBtnIconfontsize
91549
91549
  })))))))));
91550
91550
  };