tabexseriescomponents 0.0.160 → 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 +127 -1
  2. package/dist/index.esm.js +127 -1
  3. package/dist/index.umd.js +127 -1
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -43466,6 +43466,16 @@ var Productcard_animatedbuttons = function Productcard_animatedbuttons(props) {
43466
43466
  borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
43467
43467
  transition: '.3s'
43468
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
+ }),
43469
43479
  productNameStyles: glamor.css({
43470
43480
  color: sectionproperties.prodNameColor,
43471
43481
  fontSize: sectionproperties.prodNameFontSize + 'px',
@@ -43535,7 +43545,123 @@ var Productcard_animatedbuttons = function Productcard_animatedbuttons(props) {
43535
43545
  cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
43536
43546
  }
43537
43547
  }, /*#__PURE__*/React__default["default"].createElement("div", {
43538
- "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 ',
43539
43665
  style: {
43540
43666
  position: 'relative'
43541
43667
  }
package/dist/index.esm.js CHANGED
@@ -43423,6 +43423,16 @@ var Productcard_animatedbuttons = function Productcard_animatedbuttons(props) {
43423
43423
  borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
43424
43424
  transition: '.3s'
43425
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
+ }),
43426
43436
  productNameStyles: css({
43427
43437
  color: sectionproperties.prodNameColor,
43428
43438
  fontSize: sectionproperties.prodNameFontSize + 'px',
@@ -43492,7 +43502,123 @@ var Productcard_animatedbuttons = function Productcard_animatedbuttons(props) {
43492
43502
  cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
43493
43503
  }
43494
43504
  }, /*#__PURE__*/React.createElement("div", {
43495
- "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 ',
43496
43622
  style: {
43497
43623
  position: 'relative'
43498
43624
  }
package/dist/index.umd.js CHANGED
@@ -43330,6 +43330,16 @@
43330
43330
  borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
43331
43331
  transition: '.3s'
43332
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
+ }),
43333
43343
  productNameStyles: glamor.css({
43334
43344
  color: sectionproperties.prodNameColor,
43335
43345
  fontSize: sectionproperties.prodNameFontSize + 'px',
@@ -43399,7 +43409,123 @@
43399
43409
  cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
43400
43410
  }
43401
43411
  }, /*#__PURE__*/React__default["default"].createElement("div", {
43402
- "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 ',
43403
43529
  style: {
43404
43530
  position: 'relative'
43405
43531
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.160",
3
+ "version": "0.0.161",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {