tabexseriescomponents 0.0.160 → 0.0.162

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 +130 -4
  2. package/dist/index.esm.js +130 -4
  3. package/dist/index.umd.js +130 -4
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -1409,7 +1409,7 @@ var Product_itemtype = function Product_itemtype(props) {
1409
1409
  }, langdetect == 'en' ? optionvaluesitem.valuename : optionvaluesitem.valuename_ar));
1410
1410
  } else {
1411
1411
  return /*#__PURE__*/React__default["default"].createElement("div", {
1412
- className: productinfostyles.variant_container + ' mr-2 variabttcontainer allcentered ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''),
1412
+ className: productinfostyles.variant_container + ' mr-2 variabttcontainer allcentered pl-2 pr-2 ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''),
1413
1413
  onClick: function onClick() {
1414
1414
  if (optionvaluesitem.isenabled == 1) {
1415
1415
  selectproductoptionvalue(index, optionvaluesitem, optionvaluesindex);
@@ -1417,7 +1417,7 @@ var Product_itemtype = function Product_itemtype(props) {
1417
1417
  },
1418
1418
  style: {
1419
1419
  backgroundColor: isoptionvalueselected == 1 ? 'green' : isoptionvaluedenabled == 1 ? sectionproperties.variantcontainer_bgcolor : 'grey',
1420
- minWidth: sectionproperties.variantcontainer_minwidth + 'px',
1420
+ width: 'auto',
1421
1421
  height: sectionproperties.variantcontainer_height + 'px',
1422
1422
  borderRadius: sectionproperties.variantcontainer_borderBottomLeftRadius + 'px',
1423
1423
  position: 'relative'
@@ -1435,7 +1435,7 @@ var Product_itemtype = function Product_itemtype(props) {
1435
1435
  }, /*#__PURE__*/React__default["default"].createElement("i", {
1436
1436
  "class": "h-100 allcentered"
1437
1437
  }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, null))), /*#__PURE__*/React__default["default"].createElement("p", {
1438
- className: 'm-0 p-0 d-flex align-items-center justify-content-center',
1438
+ className: 'm-0 p-0 allcentered',
1439
1439
  style: {
1440
1440
  color: sectionproperties.variantcontainer_color,
1441
1441
  fontSize: sectionproperties.variantcontainer_fontSize + 'px'
@@ -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
@@ -1366,7 +1366,7 @@ var Product_itemtype = function Product_itemtype(props) {
1366
1366
  }, langdetect == 'en' ? optionvaluesitem.valuename : optionvaluesitem.valuename_ar));
1367
1367
  } else {
1368
1368
  return /*#__PURE__*/React.createElement("div", {
1369
- className: productinfostyles.variant_container + ' mr-2 variabttcontainer allcentered ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''),
1369
+ className: productinfostyles.variant_container + ' mr-2 variabttcontainer allcentered pl-2 pr-2 ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''),
1370
1370
  onClick: function onClick() {
1371
1371
  if (optionvaluesitem.isenabled == 1) {
1372
1372
  selectproductoptionvalue(index, optionvaluesitem, optionvaluesindex);
@@ -1374,7 +1374,7 @@ var Product_itemtype = function Product_itemtype(props) {
1374
1374
  },
1375
1375
  style: {
1376
1376
  backgroundColor: isoptionvalueselected == 1 ? 'green' : isoptionvaluedenabled == 1 ? sectionproperties.variantcontainer_bgcolor : 'grey',
1377
- minWidth: sectionproperties.variantcontainer_minwidth + 'px',
1377
+ width: 'auto',
1378
1378
  height: sectionproperties.variantcontainer_height + 'px',
1379
1379
  borderRadius: sectionproperties.variantcontainer_borderBottomLeftRadius + 'px',
1380
1380
  position: 'relative'
@@ -1392,7 +1392,7 @@ var Product_itemtype = function Product_itemtype(props) {
1392
1392
  }, /*#__PURE__*/React.createElement("i", {
1393
1393
  "class": "h-100 allcentered"
1394
1394
  }, /*#__PURE__*/React.createElement(IoMdClose, null))), /*#__PURE__*/React.createElement("p", {
1395
- className: 'm-0 p-0 d-flex align-items-center justify-content-center',
1395
+ className: 'm-0 p-0 allcentered',
1396
1396
  style: {
1397
1397
  color: sectionproperties.variantcontainer_color,
1398
1398
  fontSize: sectionproperties.variantcontainer_fontSize + 'px'
@@ -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
@@ -1273,7 +1273,7 @@
1273
1273
  }, langdetect == 'en' ? optionvaluesitem.valuename : optionvaluesitem.valuename_ar));
1274
1274
  } else {
1275
1275
  return /*#__PURE__*/React__default["default"].createElement("div", {
1276
- className: productinfostyles.variant_container + ' mr-2 variabttcontainer allcentered ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''),
1276
+ className: productinfostyles.variant_container + ' mr-2 variabttcontainer allcentered pl-2 pr-2 ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''),
1277
1277
  onClick: function onClick() {
1278
1278
  if (optionvaluesitem.isenabled == 1) {
1279
1279
  selectproductoptionvalue(index, optionvaluesitem, optionvaluesindex);
@@ -1281,7 +1281,7 @@
1281
1281
  },
1282
1282
  style: {
1283
1283
  backgroundColor: isoptionvalueselected == 1 ? 'green' : isoptionvaluedenabled == 1 ? sectionproperties.variantcontainer_bgcolor : 'grey',
1284
- minWidth: sectionproperties.variantcontainer_minwidth + 'px',
1284
+ width: 'auto',
1285
1285
  height: sectionproperties.variantcontainer_height + 'px',
1286
1286
  borderRadius: sectionproperties.variantcontainer_borderBottomLeftRadius + 'px',
1287
1287
  position: 'relative'
@@ -1299,7 +1299,7 @@
1299
1299
  }, /*#__PURE__*/React__default["default"].createElement("i", {
1300
1300
  "class": "h-100 allcentered"
1301
1301
  }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, null))), /*#__PURE__*/React__default["default"].createElement("p", {
1302
- className: 'm-0 p-0 d-flex align-items-center justify-content-center',
1302
+ className: 'm-0 p-0 allcentered',
1303
1303
  style: {
1304
1304
  color: sectionproperties.variantcontainer_color,
1305
1305
  fontSize: sectionproperties.variantcontainer_fontSize + 'px'
@@ -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.162",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {