tabexseriescomponents 0.0.560 → 0.0.561

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 +78 -23
  2. package/dist/index.esm.js +78 -23
  3. package/dist/index.umd.js +78 -23
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -27843,7 +27843,7 @@ styleInject(css_248z$w);
27843
27843
  function ownKeys$1T(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; }
27844
27844
  function _objectSpread$1T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1T(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
27845
27845
  var Header_threesectionslogocentered = function Header_threesectionslogocentered(props) {
27846
- var _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2;
27846
+ var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2;
27847
27847
  var _useState = React.useState(''),
27848
27848
  _useState2 = _slicedToArray__default["default"](_useState, 2),
27849
27849
  sectionproperties = _useState2[0],
@@ -28133,6 +28133,23 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
28133
28133
  }, /*#__PURE__*/React__default["default"].createElement(DownloadApp, {
28134
28134
  sectionpropertiesprops: sectionproperties,
28135
28135
  actions: actions
28136
+ })), sectionproperties.showwhatsapp == 'Show' && /*#__PURE__*/React__default["default"].createElement("a", {
28137
+ href: 'https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.whatsappnumber),
28138
+ target: '_blank',
28139
+ style: {
28140
+ position: 'fixed',
28141
+ bottom: 10,
28142
+ right: 10,
28143
+ zIndex: 999999,
28144
+ transition: 'all 0.3s ease-out'
28145
+ }
28146
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
28147
+ src: 'https://tabex-co.com/storage/StaticImages/whatsapp.png',
28148
+ style: {
28149
+ width: '40px',
28150
+ height: '40px',
28151
+ cursor: 'pointer'
28152
+ }
28136
28153
  })), /*#__PURE__*/React__default["default"].createElement("div", {
28137
28154
  "class": "col-lg-12 p-0"
28138
28155
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -28153,30 +28170,30 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
28153
28170
  }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement(FaFacebookF.FaFacebookF, {
28154
28171
  "class": header_cssstyles.fbbtn + ' cursor-pointer ml-3 mr-3 ',
28155
28172
  onClick: function onClick() {
28156
- var _authdetailsContext$i;
28157
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.facebooklink) != null) {
28158
- var _authdetailsContext$i2;
28159
- window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.facebooklink, '_blank');
28173
+ var _authdetailsContext$i2;
28174
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.facebooklink) != null) {
28175
+ var _authdetailsContext$i3;
28176
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.facebooklink, '_blank');
28160
28177
  }
28161
28178
  },
28162
28179
  size: sectionproperties.facebkbtnniconfontsize
28163
28180
  }), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement(AiOutlineInstagram.AiOutlineInstagram, {
28164
28181
  "class": header_cssstyles.instagrambtn + ' cursor-pointer ml-3 mr-3 ',
28165
28182
  onClick: function onClick() {
28166
- var _authdetailsContext$i3;
28167
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.instagramlink) != null) {
28168
- var _authdetailsContext$i4;
28169
- window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.instagramlink, '_blank');
28183
+ var _authdetailsContext$i4;
28184
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.instagramlink) != null) {
28185
+ var _authdetailsContext$i5;
28186
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.instagramlink, '_blank');
28170
28187
  }
28171
28188
  },
28172
28189
  size: sectionproperties.instgrambtniconfontsize
28173
28190
  }), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
28174
28191
  "class": header_cssstyles.whatsapp_btn + ' cursor-pointer ml-3 mr-3 ',
28175
28192
  onClick: function onClick() {
28176
- var _authdetailsContext$i5;
28177
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.whatsappnumber) != null) {
28178
- var _authdetailsContext$i6;
28179
- window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.whatsappnumber), '_blank');
28193
+ var _authdetailsContext$i6;
28194
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.whatsappnumber) != null) {
28195
+ var _authdetailsContext$i7;
28196
+ window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.whatsappnumber), '_blank');
28180
28197
  }
28181
28198
  },
28182
28199
  size: sectionproperties.youtubebtniconfontsize
@@ -28568,10 +28585,19 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
28568
28585
  }
28569
28586
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
28570
28587
  className: "col-lg-12 p-0"
28571
- }, /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
28588
+ }, sectionproperties.responsiveheaderstyle == 'Style 1' && /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
28572
28589
  sectionpropertiesprops: sectionproperties,
28573
28590
  actions: actions
28574
- }))));
28591
+ }), sectionproperties.responsiveheaderstyle == 'Style 1 With Canvas' && /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
28592
+ sectionpropertiesprops: sectionproperties,
28593
+ actions: actions
28594
+ }), sectionproperties.responsiveheaderstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
28595
+ sectionpropertiesprops: sectionproperties,
28596
+ actions: actions
28597
+ }), sectionproperties.responsiveheaderstyle == 'Style 2 With Subheader' && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
28598
+ sectionpropertiesprops: sectionproperties,
28599
+ actions: actions
28600
+ }), ' ')));
28575
28601
  };
28576
28602
 
28577
28603
  var css_248z$v = ".Simpleheader-module_headercontainer__H09AD {\n position: absolute;\n}\n.Simpleheader-module_navbar__lLQ9F .Simpleheader-module_header_cart__GG895 .Simpleheader-module_header_badge__cW4uV {\n height: 25px !important;\n width: 25px !important;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: white;\n}\n.Simpleheader-module_nav__item__txPCh {\n width: 100%;\n height: 100%;\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n position: relative;\n z-index: 2000 !important;\n}\n.Simpleheader-module_nav__item__txPCh .Simpleheader-module_link__aI5DF {\n cursor: pointer;\n position: relative;\n white-space: nowrap;\n z-index: 2000 !important;\n}\n.Simpleheader-module_nav__item__txPCh .Simpleheader-module_link__aI5DF::before {\n position: absolute;\n width: 100%;\n height: 1px;\n top: 100%;\n left: 0;\n pointer-events: none;\n transform-origin: 100% 50%;\n transform: scale3d(0, 1, 1);\n transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);\n}\n.Simpleheader-module_nav__item__txPCh .Simpleheader-module_link__aI5DF::after {\n position: absolute;\n width: 100%;\n height: 1px;\n top: 100%;\n left: 0;\n pointer-events: none;\n content: '';\n top: calc(100% + 4px);\n transform-origin: 0% 50%;\n transform: scale3d(0, 1, 1);\n transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);\n}\n.Simpleheader-module_nav__item__txPCh .Simpleheader-module_link__aI5DF::before {\n content: '';\n}\n.Simpleheader-module_nav__item__txPCh .Simpleheader-module_link__aI5DF:hover::before {\n transform-origin: 0% 50%;\n transform: scale3d(1, 1, 1);\n transition-timing-function: cubic-bezier(0.4, 1, 0.8, 1);\n}\n.Simpleheader-module_nav__item__txPCh .Simpleheader-module_link__aI5DF:hover::after {\n transform-origin: 100% 50%;\n transform: scale3d(1, 1, 1);\n transition-timing-function: cubic-bezier(0.4, 1, 0.8, 1);\n}\nli {\n list-style-type: none;\n}\n.Simpleheader-module_badge_counter_header_notifications__9NFCv {\n position: absolute;\n transform: scale(0.3);\n transform-origin: top right;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.Simpleheader-module_searchbar__-iAVU {\n display: inline-block;\n border: none;\n outline: none;\n width: 0px;\n position: absolute;\n top: 0;\n background: none;\n z-index: 3;\n transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);\n cursor: pointer;\n}\n.Simpleheader-module_searchbar__-iAVU:focus {\n width: 300px !important;\n z-index: 1;\n cursor: text;\n}\n.Simpleheader-module_searchbaractive__9RFRQ {\n display: inline-block;\n z-index: 2;\n cursor: pointer;\n cursor: pointer;\n}\n ";
@@ -55742,11 +55768,11 @@ var Twobgimages = function Twobgimages(props) {
55742
55768
  }
55743
55769
  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))))));
55744
55770
  })), sectionproperties.showrespas == 'Horizontal' && /*#__PURE__*/React__default["default"].createElement("div", {
55745
- "class": "col-12 p-0 d-none d-md-flex"
55771
+ "class": "col-12 p-0 d-none d-md-block scrollhorizontal"
55746
55772
  }, /*#__PURE__*/React__default["default"].createElement(reactHorizontalScrollingMenu.ScrollMenu, {
55747
55773
  transitionBehavior: 'auto',
55748
55774
  wrapperClassName: '',
55749
- itemClassName: 'scrollmenuclassnameitemCategoryCardTextOnImage'
55775
+ itemClassName: 'scrollimagebg'
55750
55776
  }, Object.keys(bgimagearrayofobjs).length != 0 && bgimagearrayofobjs.map(function (item, index) {
55751
55777
  return /*#__PURE__*/React__default["default"].createElement("div", {
55752
55778
  className: ' col-xl-12 col-lg-12 col-md-12 col-sm-12 w-100',
@@ -72785,7 +72811,7 @@ var Productcard6 = function Productcard6(props) {
72785
72811
  props.actions.StaticPagesLinksContext;
72786
72812
  props.actions.routingcountext;
72787
72813
  var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
72788
- props.actions.ikimagecredcontext;
72814
+ var ikimagecredcontext = props.actions.ikimagecredcontext;
72789
72815
  React.useEffect(function () {
72790
72816
  if (props.srcfrom == 'addsectionform') {
72791
72817
  var secpropobj = {};
@@ -72917,14 +72943,43 @@ var Productcard6 = function Productcard6(props) {
72917
72943
  }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
72918
72944
  "class": "".concat(card_cssstyles.productcard, " ").concat(cardsstyles$2.productcard) + ' w-100 ',
72919
72945
  style: {
72920
- backgroundImage: "url(".concat(serverbaselink$1 + item.image, ")"),
72921
- backgroundRepeat: 'no-repeat',
72922
- // backgroundSize: 'cover',
72923
- backgroundPosition: 'center'
72946
+ // backgroundImage: `url(${serverbaselink + item.image})`,
72947
+ // backgroundRepeat: 'no-repeat',
72948
+ // // backgroundSize: 'cover',
72949
+ // backgroundPosition: 'center',
72950
+ position: 'relative'
72924
72951
  },
72925
72952
  onClick: function onClick() {
72926
72953
  cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
72927
72954
  }
72955
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
72956
+ "class": card_cssstyles.imagecont + ' row mt-0 ml-0 mr-0 w-100 align-items-center justify-content-center cursor-pointer ',
72957
+ style: {
72958
+ width: '100%',
72959
+ height: '100%'
72960
+ }
72961
+ }, item.image != '' && /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
72962
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
72963
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
72964
+ path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
72965
+ style: {
72966
+ width: sectionproperties.imageInnerWidth_Height + '%',
72967
+ height: sectionproperties.imageInnerWidth_Height + '%',
72968
+ objectFit: sectionproperties.bgcovercontain == 'Contain' ? 'contain' : 'cover',
72969
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
72970
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
72971
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
72972
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px'
72973
+ },
72974
+ loading: "lazy"
72975
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
72976
+ "class": "row m-0 w-100",
72977
+ style: {
72978
+ position: 'absolute',
72979
+ height: '100%',
72980
+ top: 0,
72981
+ left: 0
72982
+ }
72928
72983
  }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
72929
72984
  "class": "col-lg-12 d-flex flex-row justify-content-start p-0",
72930
72985
  style: {}
@@ -72983,7 +73038,7 @@ var Productcard6 = function Productcard6(props) {
72983
73038
  size: sectionproperties.favBtnIconfontsize
72984
73039
  }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
72985
73040
  size: sectionproperties.favBtnIconfontsize
72986
- }))))))));
73041
+ })))))))));
72987
73042
  };
72988
73043
 
72989
73044
  function ownKeys$b(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; }
package/dist/index.esm.js CHANGED
@@ -27794,7 +27794,7 @@ styleInject(css_248z$w);
27794
27794
  function ownKeys$1T(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; }
27795
27795
  function _objectSpread$1T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1T(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
27796
27796
  var Header_threesectionslogocentered = function Header_threesectionslogocentered(props) {
27797
- var _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2;
27797
+ var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2;
27798
27798
  var _useState = useState(''),
27799
27799
  _useState2 = _slicedToArray(_useState, 2),
27800
27800
  sectionproperties = _useState2[0],
@@ -28084,6 +28084,23 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
28084
28084
  }, /*#__PURE__*/React.createElement(DownloadApp, {
28085
28085
  sectionpropertiesprops: sectionproperties,
28086
28086
  actions: actions
28087
+ })), sectionproperties.showwhatsapp == 'Show' && /*#__PURE__*/React.createElement("a", {
28088
+ href: 'https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.whatsappnumber),
28089
+ target: '_blank',
28090
+ style: {
28091
+ position: 'fixed',
28092
+ bottom: 10,
28093
+ right: 10,
28094
+ zIndex: 999999,
28095
+ transition: 'all 0.3s ease-out'
28096
+ }
28097
+ }, /*#__PURE__*/React.createElement("img", {
28098
+ src: 'https://tabex-co.com/storage/StaticImages/whatsapp.png',
28099
+ style: {
28100
+ width: '40px',
28101
+ height: '40px',
28102
+ cursor: 'pointer'
28103
+ }
28087
28104
  })), /*#__PURE__*/React.createElement("div", {
28088
28105
  "class": "col-lg-12 p-0"
28089
28106
  }, /*#__PURE__*/React.createElement("div", {
@@ -28104,30 +28121,30 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
28104
28121
  }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React.createElement(FaFacebookF, {
28105
28122
  "class": header_cssstyles.fbbtn + ' cursor-pointer ml-3 mr-3 ',
28106
28123
  onClick: function onClick() {
28107
- var _authdetailsContext$i;
28108
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.facebooklink) != null) {
28109
- var _authdetailsContext$i2;
28110
- window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.facebooklink, '_blank');
28124
+ var _authdetailsContext$i2;
28125
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.facebooklink) != null) {
28126
+ var _authdetailsContext$i3;
28127
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.facebooklink, '_blank');
28111
28128
  }
28112
28129
  },
28113
28130
  size: sectionproperties.facebkbtnniconfontsize
28114
28131
  }), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React.createElement(AiOutlineInstagram, {
28115
28132
  "class": header_cssstyles.instagrambtn + ' cursor-pointer ml-3 mr-3 ',
28116
28133
  onClick: function onClick() {
28117
- var _authdetailsContext$i3;
28118
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.instagramlink) != null) {
28119
- var _authdetailsContext$i4;
28120
- window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.instagramlink, '_blank');
28134
+ var _authdetailsContext$i4;
28135
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.instagramlink) != null) {
28136
+ var _authdetailsContext$i5;
28137
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.instagramlink, '_blank');
28121
28138
  }
28122
28139
  },
28123
28140
  size: sectionproperties.instgrambtniconfontsize
28124
28141
  }), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React.createElement(FaWhatsapp, {
28125
28142
  "class": header_cssstyles.whatsapp_btn + ' cursor-pointer ml-3 mr-3 ',
28126
28143
  onClick: function onClick() {
28127
- var _authdetailsContext$i5;
28128
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.whatsappnumber) != null) {
28129
- var _authdetailsContext$i6;
28130
- window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.whatsappnumber), '_blank');
28144
+ var _authdetailsContext$i6;
28145
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.whatsappnumber) != null) {
28146
+ var _authdetailsContext$i7;
28147
+ window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.whatsappnumber), '_blank');
28131
28148
  }
28132
28149
  },
28133
28150
  size: sectionproperties.youtubebtniconfontsize
@@ -28519,10 +28536,19 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
28519
28536
  }
28520
28537
  }))), /*#__PURE__*/React.createElement("div", {
28521
28538
  className: "col-lg-12 p-0"
28522
- }, /*#__PURE__*/React.createElement(Headerresponsive, {
28539
+ }, sectionproperties.responsiveheaderstyle == 'Style 1' && /*#__PURE__*/React.createElement(Headerresponsive, {
28523
28540
  sectionpropertiesprops: sectionproperties,
28524
28541
  actions: actions
28525
- }))));
28542
+ }), sectionproperties.responsiveheaderstyle == 'Style 1 With Canvas' && /*#__PURE__*/React.createElement(Headerresponsive, {
28543
+ sectionpropertiesprops: sectionproperties,
28544
+ actions: actions
28545
+ }), sectionproperties.responsiveheaderstyle == 'Style 2' && /*#__PURE__*/React.createElement(HeaderresponsiveStyle2, {
28546
+ sectionpropertiesprops: sectionproperties,
28547
+ actions: actions
28548
+ }), sectionproperties.responsiveheaderstyle == 'Style 2 With Subheader' && /*#__PURE__*/React.createElement(HeaderresponsiveStyle2, {
28549
+ sectionpropertiesprops: sectionproperties,
28550
+ actions: actions
28551
+ }), ' ')));
28526
28552
  };
28527
28553
 
28528
28554
  var css_248z$v = ".Simpleheader-module_headercontainer__H09AD {\n position: absolute;\n}\n.Simpleheader-module_navbar__lLQ9F .Simpleheader-module_header_cart__GG895 .Simpleheader-module_header_badge__cW4uV {\n height: 25px !important;\n width: 25px !important;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: white;\n}\n.Simpleheader-module_nav__item__txPCh {\n width: 100%;\n height: 100%;\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n position: relative;\n z-index: 2000 !important;\n}\n.Simpleheader-module_nav__item__txPCh .Simpleheader-module_link__aI5DF {\n cursor: pointer;\n position: relative;\n white-space: nowrap;\n z-index: 2000 !important;\n}\n.Simpleheader-module_nav__item__txPCh .Simpleheader-module_link__aI5DF::before {\n position: absolute;\n width: 100%;\n height: 1px;\n top: 100%;\n left: 0;\n pointer-events: none;\n transform-origin: 100% 50%;\n transform: scale3d(0, 1, 1);\n transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);\n}\n.Simpleheader-module_nav__item__txPCh .Simpleheader-module_link__aI5DF::after {\n position: absolute;\n width: 100%;\n height: 1px;\n top: 100%;\n left: 0;\n pointer-events: none;\n content: '';\n top: calc(100% + 4px);\n transform-origin: 0% 50%;\n transform: scale3d(0, 1, 1);\n transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);\n}\n.Simpleheader-module_nav__item__txPCh .Simpleheader-module_link__aI5DF::before {\n content: '';\n}\n.Simpleheader-module_nav__item__txPCh .Simpleheader-module_link__aI5DF:hover::before {\n transform-origin: 0% 50%;\n transform: scale3d(1, 1, 1);\n transition-timing-function: cubic-bezier(0.4, 1, 0.8, 1);\n}\n.Simpleheader-module_nav__item__txPCh .Simpleheader-module_link__aI5DF:hover::after {\n transform-origin: 100% 50%;\n transform: scale3d(1, 1, 1);\n transition-timing-function: cubic-bezier(0.4, 1, 0.8, 1);\n}\nli {\n list-style-type: none;\n}\n.Simpleheader-module_badge_counter_header_notifications__9NFCv {\n position: absolute;\n transform: scale(0.3);\n transform-origin: top right;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.Simpleheader-module_searchbar__-iAVU {\n display: inline-block;\n border: none;\n outline: none;\n width: 0px;\n position: absolute;\n top: 0;\n background: none;\n z-index: 3;\n transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);\n cursor: pointer;\n}\n.Simpleheader-module_searchbar__-iAVU:focus {\n width: 300px !important;\n z-index: 1;\n cursor: text;\n}\n.Simpleheader-module_searchbaractive__9RFRQ {\n display: inline-block;\n z-index: 2;\n cursor: pointer;\n cursor: pointer;\n}\n ";
@@ -55693,11 +55719,11 @@ var Twobgimages = function Twobgimages(props) {
55693
55719
  }
55694
55720
  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))))));
55695
55721
  })), sectionproperties.showrespas == 'Horizontal' && /*#__PURE__*/React.createElement("div", {
55696
- "class": "col-12 p-0 d-none d-md-flex"
55722
+ "class": "col-12 p-0 d-none d-md-block scrollhorizontal"
55697
55723
  }, /*#__PURE__*/React.createElement(ScrollMenu, {
55698
55724
  transitionBehavior: 'auto',
55699
55725
  wrapperClassName: '',
55700
- itemClassName: 'scrollmenuclassnameitemCategoryCardTextOnImage'
55726
+ itemClassName: 'scrollimagebg'
55701
55727
  }, Object.keys(bgimagearrayofobjs).length != 0 && bgimagearrayofobjs.map(function (item, index) {
55702
55728
  return /*#__PURE__*/React.createElement("div", {
55703
55729
  className: ' col-xl-12 col-lg-12 col-md-12 col-sm-12 w-100',
@@ -72736,7 +72762,7 @@ var Productcard6 = function Productcard6(props) {
72736
72762
  props.actions.StaticPagesLinksContext;
72737
72763
  props.actions.routingcountext;
72738
72764
  var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
72739
- props.actions.ikimagecredcontext;
72765
+ var ikimagecredcontext = props.actions.ikimagecredcontext;
72740
72766
  useEffect(function () {
72741
72767
  if (props.srcfrom == 'addsectionform') {
72742
72768
  var secpropobj = {};
@@ -72868,14 +72894,43 @@ var Productcard6 = function Productcard6(props) {
72868
72894
  }, sectionproperties.length != 0 && /*#__PURE__*/React.createElement("div", {
72869
72895
  "class": "".concat(card_cssstyles.productcard, " ").concat(cardsstyles$2.productcard) + ' w-100 ',
72870
72896
  style: {
72871
- backgroundImage: "url(".concat(serverbaselink$1 + item.image, ")"),
72872
- backgroundRepeat: 'no-repeat',
72873
- // backgroundSize: 'cover',
72874
- backgroundPosition: 'center'
72897
+ // backgroundImage: `url(${serverbaselink + item.image})`,
72898
+ // backgroundRepeat: 'no-repeat',
72899
+ // // backgroundSize: 'cover',
72900
+ // backgroundPosition: 'center',
72901
+ position: 'relative'
72875
72902
  },
72876
72903
  onClick: function onClick() {
72877
72904
  cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
72878
72905
  }
72906
+ }, /*#__PURE__*/React.createElement("div", {
72907
+ "class": card_cssstyles.imagecont + ' row mt-0 ml-0 mr-0 w-100 align-items-center justify-content-center cursor-pointer ',
72908
+ style: {
72909
+ width: '100%',
72910
+ height: '100%'
72911
+ }
72912
+ }, item.image != '' && /*#__PURE__*/React.createElement(Imagekitimagecomp, {
72913
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
72914
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
72915
+ path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
72916
+ style: {
72917
+ width: sectionproperties.imageInnerWidth_Height + '%',
72918
+ height: sectionproperties.imageInnerWidth_Height + '%',
72919
+ objectFit: sectionproperties.bgcovercontain == 'Contain' ? 'contain' : 'cover',
72920
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
72921
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
72922
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
72923
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px'
72924
+ },
72925
+ loading: "lazy"
72926
+ })), /*#__PURE__*/React.createElement("div", {
72927
+ "class": "row m-0 w-100",
72928
+ style: {
72929
+ position: 'absolute',
72930
+ height: '100%',
72931
+ top: 0,
72932
+ left: 0
72933
+ }
72879
72934
  }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React.createElement("div", {
72880
72935
  "class": "col-lg-12 d-flex flex-row justify-content-start p-0",
72881
72936
  style: {}
@@ -72934,7 +72989,7 @@ var Productcard6 = function Productcard6(props) {
72934
72989
  size: sectionproperties.favBtnIconfontsize
72935
72990
  }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaRegHeart, {
72936
72991
  size: sectionproperties.favBtnIconfontsize
72937
- }))))))));
72992
+ })))))))));
72938
72993
  };
72939
72994
 
72940
72995
  function ownKeys$b(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; }
package/dist/index.umd.js CHANGED
@@ -27667,7 +27667,7 @@
27667
27667
  function ownKeys$1T(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; }
27668
27668
  function _objectSpread$1T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1T(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
27669
27669
  var Header_threesectionslogocentered = function Header_threesectionslogocentered(props) {
27670
- var _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2;
27670
+ var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2;
27671
27671
  var _useState = React.useState(''),
27672
27672
  _useState2 = _slicedToArray__default["default"](_useState, 2),
27673
27673
  sectionproperties = _useState2[0],
@@ -27957,6 +27957,23 @@
27957
27957
  }, /*#__PURE__*/React__default["default"].createElement(DownloadApp, {
27958
27958
  sectionpropertiesprops: sectionproperties,
27959
27959
  actions: actions
27960
+ })), sectionproperties.showwhatsapp == 'Show' && /*#__PURE__*/React__default["default"].createElement("a", {
27961
+ href: 'https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.whatsappnumber),
27962
+ target: '_blank',
27963
+ style: {
27964
+ position: 'fixed',
27965
+ bottom: 10,
27966
+ right: 10,
27967
+ zIndex: 999999,
27968
+ transition: 'all 0.3s ease-out'
27969
+ }
27970
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
27971
+ src: 'https://tabex-co.com/storage/StaticImages/whatsapp.png',
27972
+ style: {
27973
+ width: '40px',
27974
+ height: '40px',
27975
+ cursor: 'pointer'
27976
+ }
27960
27977
  })), /*#__PURE__*/React__default["default"].createElement("div", {
27961
27978
  "class": "col-lg-12 p-0"
27962
27979
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -27977,30 +27994,30 @@
27977
27994
  }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement(FaFacebookF.FaFacebookF, {
27978
27995
  "class": header_cssstyles.fbbtn + ' cursor-pointer ml-3 mr-3 ',
27979
27996
  onClick: function onClick() {
27980
- var _authdetailsContext$i;
27981
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.facebooklink) != null) {
27982
- var _authdetailsContext$i2;
27983
- window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.facebooklink, '_blank');
27997
+ var _authdetailsContext$i2;
27998
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.facebooklink) != null) {
27999
+ var _authdetailsContext$i3;
28000
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.facebooklink, '_blank');
27984
28001
  }
27985
28002
  },
27986
28003
  size: sectionproperties.facebkbtnniconfontsize
27987
28004
  }), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement(AiOutlineInstagram.AiOutlineInstagram, {
27988
28005
  "class": header_cssstyles.instagrambtn + ' cursor-pointer ml-3 mr-3 ',
27989
28006
  onClick: function onClick() {
27990
- var _authdetailsContext$i3;
27991
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.instagramlink) != null) {
27992
- var _authdetailsContext$i4;
27993
- window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.instagramlink, '_blank');
28007
+ var _authdetailsContext$i4;
28008
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.instagramlink) != null) {
28009
+ var _authdetailsContext$i5;
28010
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.instagramlink, '_blank');
27994
28011
  }
27995
28012
  },
27996
28013
  size: sectionproperties.instgrambtniconfontsize
27997
28014
  }), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
27998
28015
  "class": header_cssstyles.whatsapp_btn + ' cursor-pointer ml-3 mr-3 ',
27999
28016
  onClick: function onClick() {
28000
- var _authdetailsContext$i5;
28001
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.whatsappnumber) != null) {
28002
- var _authdetailsContext$i6;
28003
- window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.whatsappnumber), '_blank');
28017
+ var _authdetailsContext$i6;
28018
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.whatsappnumber) != null) {
28019
+ var _authdetailsContext$i7;
28020
+ window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.whatsappnumber), '_blank');
28004
28021
  }
28005
28022
  },
28006
28023
  size: sectionproperties.youtubebtniconfontsize
@@ -28392,10 +28409,19 @@
28392
28409
  }
28393
28410
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
28394
28411
  className: "col-lg-12 p-0"
28395
- }, /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
28412
+ }, sectionproperties.responsiveheaderstyle == 'Style 1' && /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
28396
28413
  sectionpropertiesprops: sectionproperties,
28397
28414
  actions: actions
28398
- }))));
28415
+ }), sectionproperties.responsiveheaderstyle == 'Style 1 With Canvas' && /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
28416
+ sectionpropertiesprops: sectionproperties,
28417
+ actions: actions
28418
+ }), sectionproperties.responsiveheaderstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
28419
+ sectionpropertiesprops: sectionproperties,
28420
+ actions: actions
28421
+ }), sectionproperties.responsiveheaderstyle == 'Style 2 With Subheader' && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
28422
+ sectionpropertiesprops: sectionproperties,
28423
+ actions: actions
28424
+ }), ' ')));
28399
28425
  };
28400
28426
 
28401
28427
  var css_248z$v = ".Simpleheader-module_headercontainer__H09AD {\n position: absolute;\n}\n.Simpleheader-module_navbar__lLQ9F .Simpleheader-module_header_cart__GG895 .Simpleheader-module_header_badge__cW4uV {\n height: 25px !important;\n width: 25px !important;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: white;\n}\n.Simpleheader-module_nav__item__txPCh {\n width: 100%;\n height: 100%;\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n position: relative;\n z-index: 2000 !important;\n}\n.Simpleheader-module_nav__item__txPCh .Simpleheader-module_link__aI5DF {\n cursor: pointer;\n position: relative;\n white-space: nowrap;\n z-index: 2000 !important;\n}\n.Simpleheader-module_nav__item__txPCh .Simpleheader-module_link__aI5DF::before {\n position: absolute;\n width: 100%;\n height: 1px;\n top: 100%;\n left: 0;\n pointer-events: none;\n transform-origin: 100% 50%;\n transform: scale3d(0, 1, 1);\n transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);\n}\n.Simpleheader-module_nav__item__txPCh .Simpleheader-module_link__aI5DF::after {\n position: absolute;\n width: 100%;\n height: 1px;\n top: 100%;\n left: 0;\n pointer-events: none;\n content: '';\n top: calc(100% + 4px);\n transform-origin: 0% 50%;\n transform: scale3d(0, 1, 1);\n transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);\n}\n.Simpleheader-module_nav__item__txPCh .Simpleheader-module_link__aI5DF::before {\n content: '';\n}\n.Simpleheader-module_nav__item__txPCh .Simpleheader-module_link__aI5DF:hover::before {\n transform-origin: 0% 50%;\n transform: scale3d(1, 1, 1);\n transition-timing-function: cubic-bezier(0.4, 1, 0.8, 1);\n}\n.Simpleheader-module_nav__item__txPCh .Simpleheader-module_link__aI5DF:hover::after {\n transform-origin: 100% 50%;\n transform: scale3d(1, 1, 1);\n transition-timing-function: cubic-bezier(0.4, 1, 0.8, 1);\n}\nli {\n list-style-type: none;\n}\n.Simpleheader-module_badge_counter_header_notifications__9NFCv {\n position: absolute;\n transform: scale(0.3);\n transform-origin: top right;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.Simpleheader-module_searchbar__-iAVU {\n display: inline-block;\n border: none;\n outline: none;\n width: 0px;\n position: absolute;\n top: 0;\n background: none;\n z-index: 3;\n transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);\n cursor: pointer;\n}\n.Simpleheader-module_searchbar__-iAVU:focus {\n width: 300px !important;\n z-index: 1;\n cursor: text;\n}\n.Simpleheader-module_searchbaractive__9RFRQ {\n display: inline-block;\n z-index: 2;\n cursor: pointer;\n cursor: pointer;\n}\n ";
@@ -55566,11 +55592,11 @@
55566
55592
  }
55567
55593
  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))))));
55568
55594
  })), sectionproperties.showrespas == 'Horizontal' && /*#__PURE__*/React__default["default"].createElement("div", {
55569
- "class": "col-12 p-0 d-none d-md-flex"
55595
+ "class": "col-12 p-0 d-none d-md-block scrollhorizontal"
55570
55596
  }, /*#__PURE__*/React__default["default"].createElement(reactHorizontalScrollingMenu.ScrollMenu, {
55571
55597
  transitionBehavior: 'auto',
55572
55598
  wrapperClassName: '',
55573
- itemClassName: 'scrollmenuclassnameitemCategoryCardTextOnImage'
55599
+ itemClassName: 'scrollimagebg'
55574
55600
  }, Object.keys(bgimagearrayofobjs).length != 0 && bgimagearrayofobjs.map(function (item, index) {
55575
55601
  return /*#__PURE__*/React__default["default"].createElement("div", {
55576
55602
  className: ' col-xl-12 col-lg-12 col-md-12 col-sm-12 w-100',
@@ -72609,7 +72635,7 @@
72609
72635
  props.actions.StaticPagesLinksContext;
72610
72636
  props.actions.routingcountext;
72611
72637
  var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
72612
- props.actions.ikimagecredcontext;
72638
+ var ikimagecredcontext = props.actions.ikimagecredcontext;
72613
72639
  React.useEffect(function () {
72614
72640
  if (props.srcfrom == 'addsectionform') {
72615
72641
  var secpropobj = {};
@@ -72741,14 +72767,43 @@
72741
72767
  }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
72742
72768
  "class": "".concat(card_cssstyles.productcard, " ").concat(cardsstyles$2.productcard) + ' w-100 ',
72743
72769
  style: {
72744
- backgroundImage: "url(".concat(serverbaselink$1 + item.image, ")"),
72745
- backgroundRepeat: 'no-repeat',
72746
- // backgroundSize: 'cover',
72747
- backgroundPosition: 'center'
72770
+ // backgroundImage: `url(${serverbaselink + item.image})`,
72771
+ // backgroundRepeat: 'no-repeat',
72772
+ // // backgroundSize: 'cover',
72773
+ // backgroundPosition: 'center',
72774
+ position: 'relative'
72748
72775
  },
72749
72776
  onClick: function onClick() {
72750
72777
  cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
72751
72778
  }
72779
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
72780
+ "class": card_cssstyles.imagecont + ' row mt-0 ml-0 mr-0 w-100 align-items-center justify-content-center cursor-pointer ',
72781
+ style: {
72782
+ width: '100%',
72783
+ height: '100%'
72784
+ }
72785
+ }, item.image != '' && /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
72786
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
72787
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
72788
+ path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
72789
+ style: {
72790
+ width: sectionproperties.imageInnerWidth_Height + '%',
72791
+ height: sectionproperties.imageInnerWidth_Height + '%',
72792
+ objectFit: sectionproperties.bgcovercontain == 'Contain' ? 'contain' : 'cover',
72793
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
72794
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
72795
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
72796
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px'
72797
+ },
72798
+ loading: "lazy"
72799
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
72800
+ "class": "row m-0 w-100",
72801
+ style: {
72802
+ position: 'absolute',
72803
+ height: '100%',
72804
+ top: 0,
72805
+ left: 0
72806
+ }
72752
72807
  }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
72753
72808
  "class": "col-lg-12 d-flex flex-row justify-content-start p-0",
72754
72809
  style: {}
@@ -72807,7 +72862,7 @@
72807
72862
  size: sectionproperties.favBtnIconfontsize
72808
72863
  }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
72809
72864
  size: sectionproperties.favBtnIconfontsize
72810
- }))))))));
72865
+ })))))))));
72811
72866
  };
72812
72867
 
72813
72868
  function ownKeys$b(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; }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.560",
3
+ "version": "0.0.561",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {