tabexseriescomponents 0.0.419 → 0.0.421

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs.js CHANGED
@@ -2517,7 +2517,7 @@ var Product_itemtype = function Product_itemtype(props) {
2517
2517
  }, /*#__PURE__*/React__default["default"].createElement(ImageGallery__default["default"], {
2518
2518
  items: productimagesarray,
2519
2519
  thumbnailPosition: sectionproperties.thumbnailposition == 'Bottom' ? 'bottom' : 'left',
2520
- showNav: false,
2520
+ showNav: true,
2521
2521
  showPlayButton: false,
2522
2522
  showFullscreenButton: sectionproperties.showgalleryfullscreenbtn == 'Yes' ? true : false,
2523
2523
  startIndex: currentshowingimageindex
@@ -13825,7 +13825,12 @@ var Filter$1 = function Filter(props) {
13825
13825
  });
13826
13826
  if (!CollectionExists) {
13827
13827
  if (tempfetchproductsfilerobjcontext.collections != undefined && Array.isArray(tempfetchproductsfilerobjcontext.collections)) {
13828
- tempfetchproductsfilerobjcontext.collections.push(collectionid);
13828
+ if (sectionproperties.filterType != 'Title & Sort By Only' && sectionproperties.filterdirection == 'Horizontal') {
13829
+ tempfetchproductsfilerobjcontext.collections = [];
13830
+ tempfetchproductsfilerobjcontext.collections.push(collectionid);
13831
+ } else {
13832
+ tempfetchproductsfilerobjcontext.collections.push(collectionid);
13833
+ }
13829
13834
  } else {
13830
13835
  tempfetchproductsfilerobjcontext.collections = [collectionid];
13831
13836
  }
@@ -14645,7 +14650,7 @@ var Filter$1 = function Filter(props) {
14645
14650
  wrapperClassName: '',
14646
14651
  itemClassName: 'filtercard',
14647
14652
  scrollContainerClassName: 'scrollmenuclasssubscrollbar'
14648
- }, instcollections.map(function (item, index) {
14653
+ }, collectionstobevisible.map(function (item, index) {
14649
14654
  return /*#__PURE__*/React__default["default"].createElement("div", {
14650
14655
  className: filter_cssstyles.timeline_text + ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 w-100 cursor-pointer ',
14651
14656
  onClick: function onClick() {
@@ -15742,6 +15747,12 @@ var CardsSection = function CardsSection(props) {
15742
15747
  }));
15743
15748
  }
15744
15749
  var section_cssstyles = {
15750
+ sectioncontainerr: glamor.css({
15751
+ marginTop: sectionproperties.marginTop + 'px',
15752
+ '@media (max-width: 800px)': {
15753
+ marginTop: sectionproperties.marginTopResp != undefined && sectionproperties.marginTopResp != undefined ? sectionproperties.marginTopResp + 'px' : sectionproperties.marginTop + 'px'
15754
+ }
15755
+ }),
15745
15756
  innercardssection: glamor.css({
15746
15757
  paddingLeft: sectionproperties.showFilter == 'show' ? langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px' : 0,
15747
15758
  paddingRight: sectionproperties.showFilter == 'show' ? langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px' : 0,
@@ -16467,7 +16478,7 @@ var CardsSection = function CardsSection(props) {
16467
16478
  };
16468
16479
  return /*#__PURE__*/React__default["default"].createElement("div", {
16469
16480
  ref: refscr,
16470
- "class": ' row ml-0 mr-0 d-flex justify-content-center ml-auto mr-auto w-md-100 w-sm-100 ',
16481
+ "class": section_cssstyles.sectioncontainerr + ' row ml-0 mr-0 d-flex justify-content-center ml-auto mr-auto w-md-100 w-sm-100 ',
16471
16482
  style: {
16472
16483
  zIndex: 2,
16473
16484
  background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
@@ -16479,7 +16490,6 @@ var CardsSection = function CardsSection(props) {
16479
16490
  borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
16480
16491
  borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
16481
16492
  borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
16482
- marginTop: sectionproperties.marginTop + 'px',
16483
16493
  marginBottom: sectionproperties.marginBottom + 'px',
16484
16494
  minHeight: sectionproperties.height == null || sectionproperties.height == 0 ? 'auto' : sectionproperties.height + 'vh'
16485
16495
  }
@@ -17682,6 +17692,7 @@ var Subheader = function Subheader(props) {
17682
17692
  _useState10[0];
17683
17693
  _useState10[1];
17684
17694
  var authdetailsContext = props.actions.authdetailsContext;
17695
+ var ikimagecredcontext = props.actions.ikimagecredcontext;
17685
17696
  React.useEffect(function () {
17686
17697
  var tempFetchQueriesEngineContext = FetchQueriesEngineContext;
17687
17698
  tempFetchQueriesEngineContext.categories = true;
@@ -18136,12 +18147,32 @@ var Subheader = function Subheader(props) {
18136
18147
  onClick: function onClick() {
18137
18148
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
18138
18149
  }
18150
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
18151
+ "class": "row m-0 w-100"
18152
+ }, sectionproperties.showsubheadercollimage == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
18153
+ "class": "col-lg-12 allcentered p-0"
18154
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
18155
+ style: {
18156
+ width: '90%',
18157
+ height: '90%'
18158
+ }
18159
+ }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
18160
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
18161
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
18162
+ path: '/tr:w-500,h-500/' + item.collectionlogo,
18163
+ style: {
18164
+ width: '100%',
18165
+ height: '100%',
18166
+ objectFit: 'contain'
18167
+ }
18168
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
18169
+ "class": "col-lg-12 allcentered p-0"
18139
18170
  }, /*#__PURE__*/React__default["default"].createElement("p", {
18140
18171
  "class": "".concat(header_cssstyles.subheader_collectiontitle) + ' wordbreak m-0 p-0 ',
18141
18172
  style: {
18142
18173
  textAlign: langdetect == 'en' ? 'left' : 'right'
18143
18174
  }
18144
- }, langdetect == 'en' ? item.title_en : item.title_ar)), index != pcollarray[Choosenindex].collections != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
18175
+ }, langdetect == 'en' ? item.title_en : item.title_ar)))), index != pcollarray[Choosenindex].collections != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
18145
18176
  "class": "col-lg-12 p-0 d-none d-sm-block"
18146
18177
  }, /*#__PURE__*/React__default["default"].createElement("hr", {
18147
18178
  "class": "mt-3 mb-0"
@@ -18602,22 +18633,7 @@ var Headerresponsive = function Headerresponsive(props) {
18602
18633
  className: langdetect == 'en' ? 'mr-2' : 'ml-2'
18603
18634
  }), /*#__PURE__*/React__default["default"].createElement("span", {
18604
18635
  className: "text-transform-none"
18605
- }, lang.signup)))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, {
18606
- style: {
18607
- marginBottom: 0,
18608
- marginTop: 0
18609
- }
18610
- }), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
18611
- onClick: function onClick() {
18612
- routingcountext(StaticPagesLinksContext.viewcart);
18613
- }
18614
- }, /*#__PURE__*/React__default["default"].createElement("div", {
18615
- className: "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
18616
- }, /*#__PURE__*/React__default["default"].createElement("p", {
18617
- className: ' d-flex align-items-center m-0 p-0 '
18618
- }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(HiOutlineShoppingBag.HiOutlineShoppingBag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, null), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, null), /*#__PURE__*/React__default["default"].createElement("span", {
18619
- className: "ml-2 mr-2"
18620
- }, lang.viewcart))))), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, {
18636
+ }, lang.signup))))), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, {
18621
18637
  style: {
18622
18638
  minWidth: '200px'
18623
18639
  }
@@ -18794,7 +18810,7 @@ var Headerresponsive = function Headerresponsive(props) {
18794
18810
  display: sectionproperties.searchbar_show == 'Hide' && sectionproperties.favBtnShow == 'Hide' && sectionproperties.cartBtnShow == 'Hide' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 || (_authdetailsContext$i2 = _authdetailsContext$i2.instcurrencies) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.length) == 1 ? 'none' : 'flex'
18795
18811
  }
18796
18812
  }, sectionproperties.searchbar_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
18797
- className: authdetailsContext != undefined && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 || (_authdetailsContext$i3 = _authdetailsContext$i3.instcurrencies) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.length) > 1 ? 'col-md-8 p-0' : 'col-md-10 p-0',
18813
+ className: authdetailsContext != undefined && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 || (_authdetailsContext$i3 = _authdetailsContext$i3.instcurrencies) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.length) > 1 ? 'col-md-8 p-0' : sectionproperties.showlanuagecontainer == 'Show' ? 'col-md-10 p-0' : 'col-md-12 p-0',
18798
18814
  style: {
18799
18815
  borderRight: langdetect == 'en' ? '1px solid ' + sectionproperties.searchbarcont_bordercolorresponsive : 0,
18800
18816
  borderLeft: langdetect == 'en' ? 0 : '1px solid ' + sectionproperties.searchbarcont_bordercolorresponsive
@@ -18875,7 +18891,7 @@ var Headerresponsive = function Headerresponsive(props) {
18875
18891
  }, /*#__PURE__*/React__default["default"].createElement("hr", {
18876
18892
  "class": "m-0"
18877
18893
  }))));
18878
- })))), /*#__PURE__*/React__default["default"].createElement("div", {
18894
+ })))), sectionproperties.showlanuagecontainer == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
18879
18895
  className: sectionproperties.searchbar_show == 'Show' ? langdetect == 'en' ? 'col-md-2 allcentered pl-1 pr-1 pt-1 resposiveheader_languagedropdown' : 'col-md-2 allcentered pl-1 pr-1 pt-1' : 'allcentered pl-1 pr-1 pt-2 pb-2 resposiveheader_languagedropdown',
18880
18896
  style: {
18881
18897
  flex: sectionproperties.searchbar_show == 'Show' ? '' : 1
@@ -26573,17 +26589,17 @@ var Simpleheader = function Simpleheader(props) {
26573
26589
  marginTop: sectionproperties.header_marginTop + 'px',
26574
26590
  marginBottom: sectionproperties.header_marginBottom + 'px'
26575
26591
  }
26592
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
26593
+ "class": " ".concat(header_cssstyles.headercontainer) + ' d-flex d-md-none align-items-center m-0 '
26594
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
26595
+ "class": "row m-0 w-100 "
26576
26596
  }, templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
26577
26597
  "class": "col-lg-12 p-0"
26578
26598
  }, /*#__PURE__*/React__default["default"].createElement(MarqueeHeader, {
26579
26599
  sectionpropertiesprops: sectionproperties,
26580
26600
  templateproperties_contextprops: templateproperties_context,
26581
26601
  actions: actions
26582
- })), /*#__PURE__*/React__default["default"].createElement("div", {
26583
- "class": " ".concat(header_cssstyles.headercontainer) + ' d-flex d-md-none align-items-center m-0 '
26584
- }, /*#__PURE__*/React__default["default"].createElement("div", {
26585
- "class": "row m-0 w-100 "
26586
- }, sectionproperties.showdownloadapp == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
26602
+ })), sectionproperties.showdownloadapp == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
26587
26603
  "class": "w-100 d-flex d-md-none"
26588
26604
  }, /*#__PURE__*/React__default["default"].createElement(DownloadApp, {
26589
26605
  sectionpropertiesprops: sectionproperties,
@@ -26608,7 +26624,7 @@ var Simpleheader = function Simpleheader(props) {
26608
26624
  }, /*#__PURE__*/React__default["default"].createElement("div", {
26609
26625
  "class": " ".concat(headerstyles$9.navbar) + ' row m-0 w-100 d-flex flex-row align-items-center h-100 '
26610
26626
  }, /*#__PURE__*/React__default["default"].createElement("div", {
26611
- "class": "col-lg-4 p-0"
26627
+ "class": sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' ? 'col-lg-2 p-0' : 'col-lg-4 p-0'
26612
26628
  }, /*#__PURE__*/React__default["default"].createElement("div", {
26613
26629
  "class": "".concat(header_cssstyles.header_logo) + ' d-flex align-items-center justify-content-center ',
26614
26630
  style: {
@@ -26626,7 +26642,7 @@ var Simpleheader = function Simpleheader(props) {
26626
26642
  maxHeight: '100%'
26627
26643
  }
26628
26644
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
26629
- "class": "".concat(headerstyles$9.nav__item) + ' col-lg-4 p-0 d-flex flex-row align-items-center ',
26645
+ "class": sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' ? "".concat(headerstyles$9.nav__item) + ' col-lg-8 p-0 d-flex flex-row align-items-center ' : "".concat(headerstyles$9.nav__item) + ' col-lg-2 p-0 d-flex flex-row align-items-center ',
26630
26646
  style: {
26631
26647
  justifyContent: sectionproperties.header_centered == 'Centered' ? 'center' : 'start'
26632
26648
  }
@@ -26658,7 +26674,7 @@ var Simpleheader = function Simpleheader(props) {
26658
26674
  subheadercontentpositionprops: sectionproperties.header_centered == 'Centered' ? 'center' : 'start'
26659
26675
  }
26660
26676
  })), /*#__PURE__*/React__default["default"].createElement("div", {
26661
- "class": "col-lg-4 p-0 d-flex align-items-center justify-content-end"
26677
+ "class": sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' ? 'col-lg-2 p-0 d-flex align-items-center justify-content-end' : 'col-lg-4 p-0 d-flex align-items-center justify-content-end'
26662
26678
  }, sectionproperties.searchbar_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("i", {
26663
26679
  className: header_cssstyles.searchicon + ' h-100 allcentered ',
26664
26680
  onClick: function onClick() {
@@ -45238,14 +45254,15 @@ var Sixverticalcardssection = function Sixverticalcardssection(props) {
45238
45254
  }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
45239
45255
  if (cardinfoindex <= 5) {
45240
45256
  return /*#__PURE__*/React__default["default"].createElement("div", {
45241
- "class": 'col-xl-4 col-lg-4 col-md-6 col-sm-12 p-0 '
45257
+ "class": 'col-xl-4 col-lg-4 col-md-6 col-sm-6 p-0 '
45242
45258
  }, /*#__PURE__*/React__default["default"].createElement(Sectioncomp, {
45243
45259
  fetchingtypeprops: fetchingtype,
45244
45260
  cardinfoindexprops: cardinfoindex,
45245
45261
  cardinfoitemprops: cardinfoitem,
45246
45262
  sectionindexprops: index,
45247
45263
  sectionidprops: item.sectionid,
45248
- actions: actions
45264
+ actions: actions,
45265
+ sectiontypeprops2: 'vertical'
45249
45266
  }));
45250
45267
  }
45251
45268
  }));
package/dist/index.esm.js CHANGED
@@ -2468,7 +2468,7 @@ var Product_itemtype = function Product_itemtype(props) {
2468
2468
  }, /*#__PURE__*/React.createElement(ImageGallery, {
2469
2469
  items: productimagesarray,
2470
2470
  thumbnailPosition: sectionproperties.thumbnailposition == 'Bottom' ? 'bottom' : 'left',
2471
- showNav: false,
2471
+ showNav: true,
2472
2472
  showPlayButton: false,
2473
2473
  showFullscreenButton: sectionproperties.showgalleryfullscreenbtn == 'Yes' ? true : false,
2474
2474
  startIndex: currentshowingimageindex
@@ -13776,7 +13776,12 @@ var Filter$1 = function Filter(props) {
13776
13776
  });
13777
13777
  if (!CollectionExists) {
13778
13778
  if (tempfetchproductsfilerobjcontext.collections != undefined && Array.isArray(tempfetchproductsfilerobjcontext.collections)) {
13779
- tempfetchproductsfilerobjcontext.collections.push(collectionid);
13779
+ if (sectionproperties.filterType != 'Title & Sort By Only' && sectionproperties.filterdirection == 'Horizontal') {
13780
+ tempfetchproductsfilerobjcontext.collections = [];
13781
+ tempfetchproductsfilerobjcontext.collections.push(collectionid);
13782
+ } else {
13783
+ tempfetchproductsfilerobjcontext.collections.push(collectionid);
13784
+ }
13780
13785
  } else {
13781
13786
  tempfetchproductsfilerobjcontext.collections = [collectionid];
13782
13787
  }
@@ -14596,7 +14601,7 @@ var Filter$1 = function Filter(props) {
14596
14601
  wrapperClassName: '',
14597
14602
  itemClassName: 'filtercard',
14598
14603
  scrollContainerClassName: 'scrollmenuclasssubscrollbar'
14599
- }, instcollections.map(function (item, index) {
14604
+ }, collectionstobevisible.map(function (item, index) {
14600
14605
  return /*#__PURE__*/React.createElement("div", {
14601
14606
  className: filter_cssstyles.timeline_text + ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 w-100 cursor-pointer ',
14602
14607
  onClick: function onClick() {
@@ -15693,6 +15698,12 @@ var CardsSection = function CardsSection(props) {
15693
15698
  }));
15694
15699
  }
15695
15700
  var section_cssstyles = {
15701
+ sectioncontainerr: css({
15702
+ marginTop: sectionproperties.marginTop + 'px',
15703
+ '@media (max-width: 800px)': {
15704
+ marginTop: sectionproperties.marginTopResp != undefined && sectionproperties.marginTopResp != undefined ? sectionproperties.marginTopResp + 'px' : sectionproperties.marginTop + 'px'
15705
+ }
15706
+ }),
15696
15707
  innercardssection: css({
15697
15708
  paddingLeft: sectionproperties.showFilter == 'show' ? langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px' : 0,
15698
15709
  paddingRight: sectionproperties.showFilter == 'show' ? langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px' : 0,
@@ -16418,7 +16429,7 @@ var CardsSection = function CardsSection(props) {
16418
16429
  };
16419
16430
  return /*#__PURE__*/React.createElement("div", {
16420
16431
  ref: refscr,
16421
- "class": ' row ml-0 mr-0 d-flex justify-content-center ml-auto mr-auto w-md-100 w-sm-100 ',
16432
+ "class": section_cssstyles.sectioncontainerr + ' row ml-0 mr-0 d-flex justify-content-center ml-auto mr-auto w-md-100 w-sm-100 ',
16422
16433
  style: {
16423
16434
  zIndex: 2,
16424
16435
  background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
@@ -16430,7 +16441,6 @@ var CardsSection = function CardsSection(props) {
16430
16441
  borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
16431
16442
  borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
16432
16443
  borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
16433
- marginTop: sectionproperties.marginTop + 'px',
16434
16444
  marginBottom: sectionproperties.marginBottom + 'px',
16435
16445
  minHeight: sectionproperties.height == null || sectionproperties.height == 0 ? 'auto' : sectionproperties.height + 'vh'
16436
16446
  }
@@ -17633,6 +17643,7 @@ var Subheader = function Subheader(props) {
17633
17643
  _useState10[0];
17634
17644
  _useState10[1];
17635
17645
  var authdetailsContext = props.actions.authdetailsContext;
17646
+ var ikimagecredcontext = props.actions.ikimagecredcontext;
17636
17647
  useEffect(function () {
17637
17648
  var tempFetchQueriesEngineContext = FetchQueriesEngineContext;
17638
17649
  tempFetchQueriesEngineContext.categories = true;
@@ -18087,12 +18098,32 @@ var Subheader = function Subheader(props) {
18087
18098
  onClick: function onClick() {
18088
18099
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
18089
18100
  }
18101
+ }, /*#__PURE__*/React.createElement("div", {
18102
+ "class": "row m-0 w-100"
18103
+ }, sectionproperties.showsubheadercollimage == 'Show' && /*#__PURE__*/React.createElement("div", {
18104
+ "class": "col-lg-12 allcentered p-0"
18105
+ }, /*#__PURE__*/React.createElement("div", {
18106
+ style: {
18107
+ width: '90%',
18108
+ height: '90%'
18109
+ }
18110
+ }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
18111
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
18112
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
18113
+ path: '/tr:w-500,h-500/' + item.collectionlogo,
18114
+ style: {
18115
+ width: '100%',
18116
+ height: '100%',
18117
+ objectFit: 'contain'
18118
+ }
18119
+ }))), /*#__PURE__*/React.createElement("div", {
18120
+ "class": "col-lg-12 allcentered p-0"
18090
18121
  }, /*#__PURE__*/React.createElement("p", {
18091
18122
  "class": "".concat(header_cssstyles.subheader_collectiontitle) + ' wordbreak m-0 p-0 ',
18092
18123
  style: {
18093
18124
  textAlign: langdetect == 'en' ? 'left' : 'right'
18094
18125
  }
18095
- }, langdetect == 'en' ? item.title_en : item.title_ar)), index != pcollarray[Choosenindex].collections != 0 && /*#__PURE__*/React.createElement("div", {
18126
+ }, langdetect == 'en' ? item.title_en : item.title_ar)))), index != pcollarray[Choosenindex].collections != 0 && /*#__PURE__*/React.createElement("div", {
18096
18127
  "class": "col-lg-12 p-0 d-none d-sm-block"
18097
18128
  }, /*#__PURE__*/React.createElement("hr", {
18098
18129
  "class": "mt-3 mb-0"
@@ -18553,22 +18584,7 @@ var Headerresponsive = function Headerresponsive(props) {
18553
18584
  className: langdetect == 'en' ? 'mr-2' : 'ml-2'
18554
18585
  }), /*#__PURE__*/React.createElement("span", {
18555
18586
  className: "text-transform-none"
18556
- }, lang.signup)))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement(Dropdown.Divider, {
18557
- style: {
18558
- marginBottom: 0,
18559
- marginTop: 0
18560
- }
18561
- }), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement(Dropdown.Item, {
18562
- onClick: function onClick() {
18563
- routingcountext(StaticPagesLinksContext.viewcart);
18564
- }
18565
- }, /*#__PURE__*/React.createElement("div", {
18566
- className: "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
18567
- }, /*#__PURE__*/React.createElement("p", {
18568
- className: ' d-flex align-items-center m-0 p-0 '
18569
- }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(HiOutlineShoppingBag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, null), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React.createElement(FiCalendar, null), /*#__PURE__*/React.createElement("span", {
18570
- className: "ml-2 mr-2"
18571
- }, lang.viewcart))))), authdetailsContext.loggedin && /*#__PURE__*/React.createElement(Dropdown.Menu, {
18587
+ }, lang.signup))))), authdetailsContext.loggedin && /*#__PURE__*/React.createElement(Dropdown.Menu, {
18572
18588
  style: {
18573
18589
  minWidth: '200px'
18574
18590
  }
@@ -18745,7 +18761,7 @@ var Headerresponsive = function Headerresponsive(props) {
18745
18761
  display: sectionproperties.searchbar_show == 'Hide' && sectionproperties.favBtnShow == 'Hide' && sectionproperties.cartBtnShow == 'Hide' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 || (_authdetailsContext$i2 = _authdetailsContext$i2.instcurrencies) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.length) == 1 ? 'none' : 'flex'
18746
18762
  }
18747
18763
  }, sectionproperties.searchbar_show == 'Show' && /*#__PURE__*/React.createElement("div", {
18748
- className: authdetailsContext != undefined && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 || (_authdetailsContext$i3 = _authdetailsContext$i3.instcurrencies) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.length) > 1 ? 'col-md-8 p-0' : 'col-md-10 p-0',
18764
+ className: authdetailsContext != undefined && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 || (_authdetailsContext$i3 = _authdetailsContext$i3.instcurrencies) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.length) > 1 ? 'col-md-8 p-0' : sectionproperties.showlanuagecontainer == 'Show' ? 'col-md-10 p-0' : 'col-md-12 p-0',
18749
18765
  style: {
18750
18766
  borderRight: langdetect == 'en' ? '1px solid ' + sectionproperties.searchbarcont_bordercolorresponsive : 0,
18751
18767
  borderLeft: langdetect == 'en' ? 0 : '1px solid ' + sectionproperties.searchbarcont_bordercolorresponsive
@@ -18826,7 +18842,7 @@ var Headerresponsive = function Headerresponsive(props) {
18826
18842
  }, /*#__PURE__*/React.createElement("hr", {
18827
18843
  "class": "m-0"
18828
18844
  }))));
18829
- })))), /*#__PURE__*/React.createElement("div", {
18845
+ })))), sectionproperties.showlanuagecontainer == 'Show' && /*#__PURE__*/React.createElement("div", {
18830
18846
  className: sectionproperties.searchbar_show == 'Show' ? langdetect == 'en' ? 'col-md-2 allcentered pl-1 pr-1 pt-1 resposiveheader_languagedropdown' : 'col-md-2 allcentered pl-1 pr-1 pt-1' : 'allcentered pl-1 pr-1 pt-2 pb-2 resposiveheader_languagedropdown',
18831
18847
  style: {
18832
18848
  flex: sectionproperties.searchbar_show == 'Show' ? '' : 1
@@ -26524,17 +26540,17 @@ var Simpleheader = function Simpleheader(props) {
26524
26540
  marginTop: sectionproperties.header_marginTop + 'px',
26525
26541
  marginBottom: sectionproperties.header_marginBottom + 'px'
26526
26542
  }
26543
+ }, /*#__PURE__*/React.createElement("div", {
26544
+ "class": " ".concat(header_cssstyles.headercontainer) + ' d-flex d-md-none align-items-center m-0 '
26545
+ }, /*#__PURE__*/React.createElement("div", {
26546
+ "class": "row m-0 w-100 "
26527
26547
  }, templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React.createElement("div", {
26528
26548
  "class": "col-lg-12 p-0"
26529
26549
  }, /*#__PURE__*/React.createElement(MarqueeHeader, {
26530
26550
  sectionpropertiesprops: sectionproperties,
26531
26551
  templateproperties_contextprops: templateproperties_context,
26532
26552
  actions: actions
26533
- })), /*#__PURE__*/React.createElement("div", {
26534
- "class": " ".concat(header_cssstyles.headercontainer) + ' d-flex d-md-none align-items-center m-0 '
26535
- }, /*#__PURE__*/React.createElement("div", {
26536
- "class": "row m-0 w-100 "
26537
- }, sectionproperties.showdownloadapp == 'Show' && /*#__PURE__*/React.createElement("div", {
26553
+ })), sectionproperties.showdownloadapp == 'Show' && /*#__PURE__*/React.createElement("div", {
26538
26554
  "class": "w-100 d-flex d-md-none"
26539
26555
  }, /*#__PURE__*/React.createElement(DownloadApp, {
26540
26556
  sectionpropertiesprops: sectionproperties,
@@ -26559,7 +26575,7 @@ var Simpleheader = function Simpleheader(props) {
26559
26575
  }, /*#__PURE__*/React.createElement("div", {
26560
26576
  "class": " ".concat(headerstyles$9.navbar) + ' row m-0 w-100 d-flex flex-row align-items-center h-100 '
26561
26577
  }, /*#__PURE__*/React.createElement("div", {
26562
- "class": "col-lg-4 p-0"
26578
+ "class": sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' ? 'col-lg-2 p-0' : 'col-lg-4 p-0'
26563
26579
  }, /*#__PURE__*/React.createElement("div", {
26564
26580
  "class": "".concat(header_cssstyles.header_logo) + ' d-flex align-items-center justify-content-center ',
26565
26581
  style: {
@@ -26577,7 +26593,7 @@ var Simpleheader = function Simpleheader(props) {
26577
26593
  maxHeight: '100%'
26578
26594
  }
26579
26595
  }))), /*#__PURE__*/React.createElement("div", {
26580
- "class": "".concat(headerstyles$9.nav__item) + ' col-lg-4 p-0 d-flex flex-row align-items-center ',
26596
+ "class": sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' ? "".concat(headerstyles$9.nav__item) + ' col-lg-8 p-0 d-flex flex-row align-items-center ' : "".concat(headerstyles$9.nav__item) + ' col-lg-2 p-0 d-flex flex-row align-items-center ',
26581
26597
  style: {
26582
26598
  justifyContent: sectionproperties.header_centered == 'Centered' ? 'center' : 'start'
26583
26599
  }
@@ -26609,7 +26625,7 @@ var Simpleheader = function Simpleheader(props) {
26609
26625
  subheadercontentpositionprops: sectionproperties.header_centered == 'Centered' ? 'center' : 'start'
26610
26626
  }
26611
26627
  })), /*#__PURE__*/React.createElement("div", {
26612
- "class": "col-lg-4 p-0 d-flex align-items-center justify-content-end"
26628
+ "class": sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' ? 'col-lg-2 p-0 d-flex align-items-center justify-content-end' : 'col-lg-4 p-0 d-flex align-items-center justify-content-end'
26613
26629
  }, sectionproperties.searchbar_show == 'Show' && /*#__PURE__*/React.createElement("i", {
26614
26630
  className: header_cssstyles.searchicon + ' h-100 allcentered ',
26615
26631
  onClick: function onClick() {
@@ -45189,14 +45205,15 @@ var Sixverticalcardssection = function Sixverticalcardssection(props) {
45189
45205
  }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
45190
45206
  if (cardinfoindex <= 5) {
45191
45207
  return /*#__PURE__*/React.createElement("div", {
45192
- "class": 'col-xl-4 col-lg-4 col-md-6 col-sm-12 p-0 '
45208
+ "class": 'col-xl-4 col-lg-4 col-md-6 col-sm-6 p-0 '
45193
45209
  }, /*#__PURE__*/React.createElement(Sectioncomp, {
45194
45210
  fetchingtypeprops: fetchingtype,
45195
45211
  cardinfoindexprops: cardinfoindex,
45196
45212
  cardinfoitemprops: cardinfoitem,
45197
45213
  sectionindexprops: index,
45198
45214
  sectionidprops: item.sectionid,
45199
- actions: actions
45215
+ actions: actions,
45216
+ sectiontypeprops2: 'vertical'
45200
45217
  }));
45201
45218
  }
45202
45219
  }));
package/dist/index.umd.js CHANGED
@@ -2349,7 +2349,7 @@
2349
2349
  }, /*#__PURE__*/React__default["default"].createElement(ImageGallery__default["default"], {
2350
2350
  items: productimagesarray,
2351
2351
  thumbnailPosition: sectionproperties.thumbnailposition == 'Bottom' ? 'bottom' : 'left',
2352
- showNav: false,
2352
+ showNav: true,
2353
2353
  showPlayButton: false,
2354
2354
  showFullscreenButton: sectionproperties.showgalleryfullscreenbtn == 'Yes' ? true : false,
2355
2355
  startIndex: currentshowingimageindex
@@ -13657,7 +13657,12 @@
13657
13657
  });
13658
13658
  if (!CollectionExists) {
13659
13659
  if (tempfetchproductsfilerobjcontext.collections != undefined && Array.isArray(tempfetchproductsfilerobjcontext.collections)) {
13660
- tempfetchproductsfilerobjcontext.collections.push(collectionid);
13660
+ if (sectionproperties.filterType != 'Title & Sort By Only' && sectionproperties.filterdirection == 'Horizontal') {
13661
+ tempfetchproductsfilerobjcontext.collections = [];
13662
+ tempfetchproductsfilerobjcontext.collections.push(collectionid);
13663
+ } else {
13664
+ tempfetchproductsfilerobjcontext.collections.push(collectionid);
13665
+ }
13661
13666
  } else {
13662
13667
  tempfetchproductsfilerobjcontext.collections = [collectionid];
13663
13668
  }
@@ -14477,7 +14482,7 @@
14477
14482
  wrapperClassName: '',
14478
14483
  itemClassName: 'filtercard',
14479
14484
  scrollContainerClassName: 'scrollmenuclasssubscrollbar'
14480
- }, instcollections.map(function (item, index) {
14485
+ }, collectionstobevisible.map(function (item, index) {
14481
14486
  return /*#__PURE__*/React__default["default"].createElement("div", {
14482
14487
  className: filter_cssstyles.timeline_text + ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 w-100 cursor-pointer ',
14483
14488
  onClick: function onClick() {
@@ -15574,6 +15579,12 @@
15574
15579
  }));
15575
15580
  }
15576
15581
  var section_cssstyles = {
15582
+ sectioncontainerr: glamor.css({
15583
+ marginTop: sectionproperties.marginTop + 'px',
15584
+ '@media (max-width: 800px)': {
15585
+ marginTop: sectionproperties.marginTopResp != undefined && sectionproperties.marginTopResp != undefined ? sectionproperties.marginTopResp + 'px' : sectionproperties.marginTop + 'px'
15586
+ }
15587
+ }),
15577
15588
  innercardssection: glamor.css({
15578
15589
  paddingLeft: sectionproperties.showFilter == 'show' ? langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px' : 0,
15579
15590
  paddingRight: sectionproperties.showFilter == 'show' ? langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px' : 0,
@@ -16299,7 +16310,7 @@
16299
16310
  };
16300
16311
  return /*#__PURE__*/React__default["default"].createElement("div", {
16301
16312
  ref: refscr,
16302
- "class": ' row ml-0 mr-0 d-flex justify-content-center ml-auto mr-auto w-md-100 w-sm-100 ',
16313
+ "class": section_cssstyles.sectioncontainerr + ' row ml-0 mr-0 d-flex justify-content-center ml-auto mr-auto w-md-100 w-sm-100 ',
16303
16314
  style: {
16304
16315
  zIndex: 2,
16305
16316
  background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
@@ -16311,7 +16322,6 @@
16311
16322
  borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
16312
16323
  borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
16313
16324
  borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
16314
- marginTop: sectionproperties.marginTop + 'px',
16315
16325
  marginBottom: sectionproperties.marginBottom + 'px',
16316
16326
  minHeight: sectionproperties.height == null || sectionproperties.height == 0 ? 'auto' : sectionproperties.height + 'vh'
16317
16327
  }
@@ -17514,6 +17524,7 @@
17514
17524
  _useState10[0];
17515
17525
  _useState10[1];
17516
17526
  var authdetailsContext = props.actions.authdetailsContext;
17527
+ var ikimagecredcontext = props.actions.ikimagecredcontext;
17517
17528
  React.useEffect(function () {
17518
17529
  var tempFetchQueriesEngineContext = FetchQueriesEngineContext;
17519
17530
  tempFetchQueriesEngineContext.categories = true;
@@ -17968,12 +17979,32 @@
17968
17979
  onClick: function onClick() {
17969
17980
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
17970
17981
  }
17982
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
17983
+ "class": "row m-0 w-100"
17984
+ }, sectionproperties.showsubheadercollimage == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
17985
+ "class": "col-lg-12 allcentered p-0"
17986
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
17987
+ style: {
17988
+ width: '90%',
17989
+ height: '90%'
17990
+ }
17991
+ }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
17992
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
17993
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
17994
+ path: '/tr:w-500,h-500/' + item.collectionlogo,
17995
+ style: {
17996
+ width: '100%',
17997
+ height: '100%',
17998
+ objectFit: 'contain'
17999
+ }
18000
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
18001
+ "class": "col-lg-12 allcentered p-0"
17971
18002
  }, /*#__PURE__*/React__default["default"].createElement("p", {
17972
18003
  "class": "".concat(header_cssstyles.subheader_collectiontitle) + ' wordbreak m-0 p-0 ',
17973
18004
  style: {
17974
18005
  textAlign: langdetect == 'en' ? 'left' : 'right'
17975
18006
  }
17976
- }, langdetect == 'en' ? item.title_en : item.title_ar)), index != pcollarray[Choosenindex].collections != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
18007
+ }, langdetect == 'en' ? item.title_en : item.title_ar)))), index != pcollarray[Choosenindex].collections != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
17977
18008
  "class": "col-lg-12 p-0 d-none d-sm-block"
17978
18009
  }, /*#__PURE__*/React__default["default"].createElement("hr", {
17979
18010
  "class": "mt-3 mb-0"
@@ -18434,22 +18465,7 @@
18434
18465
  className: langdetect == 'en' ? 'mr-2' : 'ml-2'
18435
18466
  }), /*#__PURE__*/React__default["default"].createElement("span", {
18436
18467
  className: "text-transform-none"
18437
- }, lang.signup)))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, {
18438
- style: {
18439
- marginBottom: 0,
18440
- marginTop: 0
18441
- }
18442
- }), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
18443
- onClick: function onClick() {
18444
- routingcountext(StaticPagesLinksContext.viewcart);
18445
- }
18446
- }, /*#__PURE__*/React__default["default"].createElement("div", {
18447
- className: "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
18448
- }, /*#__PURE__*/React__default["default"].createElement("p", {
18449
- className: ' d-flex align-items-center m-0 p-0 '
18450
- }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(HiOutlineShoppingBag.HiOutlineShoppingBag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, null), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, null), /*#__PURE__*/React__default["default"].createElement("span", {
18451
- className: "ml-2 mr-2"
18452
- }, lang.viewcart))))), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, {
18468
+ }, lang.signup))))), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, {
18453
18469
  style: {
18454
18470
  minWidth: '200px'
18455
18471
  }
@@ -18626,7 +18642,7 @@
18626
18642
  display: sectionproperties.searchbar_show == 'Hide' && sectionproperties.favBtnShow == 'Hide' && sectionproperties.cartBtnShow == 'Hide' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 || (_authdetailsContext$i2 = _authdetailsContext$i2.instcurrencies) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.length) == 1 ? 'none' : 'flex'
18627
18643
  }
18628
18644
  }, sectionproperties.searchbar_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
18629
- className: authdetailsContext != undefined && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 || (_authdetailsContext$i3 = _authdetailsContext$i3.instcurrencies) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.length) > 1 ? 'col-md-8 p-0' : 'col-md-10 p-0',
18645
+ className: authdetailsContext != undefined && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 || (_authdetailsContext$i3 = _authdetailsContext$i3.instcurrencies) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.length) > 1 ? 'col-md-8 p-0' : sectionproperties.showlanuagecontainer == 'Show' ? 'col-md-10 p-0' : 'col-md-12 p-0',
18630
18646
  style: {
18631
18647
  borderRight: langdetect == 'en' ? '1px solid ' + sectionproperties.searchbarcont_bordercolorresponsive : 0,
18632
18648
  borderLeft: langdetect == 'en' ? 0 : '1px solid ' + sectionproperties.searchbarcont_bordercolorresponsive
@@ -18707,7 +18723,7 @@
18707
18723
  }, /*#__PURE__*/React__default["default"].createElement("hr", {
18708
18724
  "class": "m-0"
18709
18725
  }))));
18710
- })))), /*#__PURE__*/React__default["default"].createElement("div", {
18726
+ })))), sectionproperties.showlanuagecontainer == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
18711
18727
  className: sectionproperties.searchbar_show == 'Show' ? langdetect == 'en' ? 'col-md-2 allcentered pl-1 pr-1 pt-1 resposiveheader_languagedropdown' : 'col-md-2 allcentered pl-1 pr-1 pt-1' : 'allcentered pl-1 pr-1 pt-2 pb-2 resposiveheader_languagedropdown',
18712
18728
  style: {
18713
18729
  flex: sectionproperties.searchbar_show == 'Show' ? '' : 1
@@ -26405,17 +26421,17 @@
26405
26421
  marginTop: sectionproperties.header_marginTop + 'px',
26406
26422
  marginBottom: sectionproperties.header_marginBottom + 'px'
26407
26423
  }
26424
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
26425
+ "class": " ".concat(header_cssstyles.headercontainer) + ' d-flex d-md-none align-items-center m-0 '
26426
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
26427
+ "class": "row m-0 w-100 "
26408
26428
  }, templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
26409
26429
  "class": "col-lg-12 p-0"
26410
26430
  }, /*#__PURE__*/React__default["default"].createElement(MarqueeHeader, {
26411
26431
  sectionpropertiesprops: sectionproperties,
26412
26432
  templateproperties_contextprops: templateproperties_context,
26413
26433
  actions: actions
26414
- })), /*#__PURE__*/React__default["default"].createElement("div", {
26415
- "class": " ".concat(header_cssstyles.headercontainer) + ' d-flex d-md-none align-items-center m-0 '
26416
- }, /*#__PURE__*/React__default["default"].createElement("div", {
26417
- "class": "row m-0 w-100 "
26418
- }, sectionproperties.showdownloadapp == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
26434
+ })), sectionproperties.showdownloadapp == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
26419
26435
  "class": "w-100 d-flex d-md-none"
26420
26436
  }, /*#__PURE__*/React__default["default"].createElement(DownloadApp, {
26421
26437
  sectionpropertiesprops: sectionproperties,
@@ -26440,7 +26456,7 @@
26440
26456
  }, /*#__PURE__*/React__default["default"].createElement("div", {
26441
26457
  "class": " ".concat(headerstyles$9.navbar) + ' row m-0 w-100 d-flex flex-row align-items-center h-100 '
26442
26458
  }, /*#__PURE__*/React__default["default"].createElement("div", {
26443
- "class": "col-lg-4 p-0"
26459
+ "class": sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' ? 'col-lg-2 p-0' : 'col-lg-4 p-0'
26444
26460
  }, /*#__PURE__*/React__default["default"].createElement("div", {
26445
26461
  "class": "".concat(header_cssstyles.header_logo) + ' d-flex align-items-center justify-content-center ',
26446
26462
  style: {
@@ -26458,7 +26474,7 @@
26458
26474
  maxHeight: '100%'
26459
26475
  }
26460
26476
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
26461
- "class": "".concat(headerstyles$9.nav__item) + ' col-lg-4 p-0 d-flex flex-row align-items-center ',
26477
+ "class": sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' ? "".concat(headerstyles$9.nav__item) + ' col-lg-8 p-0 d-flex flex-row align-items-center ' : "".concat(headerstyles$9.nav__item) + ' col-lg-2 p-0 d-flex flex-row align-items-center ',
26462
26478
  style: {
26463
26479
  justifyContent: sectionproperties.header_centered == 'Centered' ? 'center' : 'start'
26464
26480
  }
@@ -26490,7 +26506,7 @@
26490
26506
  subheadercontentpositionprops: sectionproperties.header_centered == 'Centered' ? 'center' : 'start'
26491
26507
  }
26492
26508
  })), /*#__PURE__*/React__default["default"].createElement("div", {
26493
- "class": "col-lg-4 p-0 d-flex align-items-center justify-content-end"
26509
+ "class": sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' ? 'col-lg-2 p-0 d-flex align-items-center justify-content-end' : 'col-lg-4 p-0 d-flex align-items-center justify-content-end'
26494
26510
  }, sectionproperties.searchbar_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("i", {
26495
26511
  className: header_cssstyles.searchicon + ' h-100 allcentered ',
26496
26512
  onClick: function onClick() {
@@ -45070,14 +45086,15 @@
45070
45086
  }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
45071
45087
  if (cardinfoindex <= 5) {
45072
45088
  return /*#__PURE__*/React__default["default"].createElement("div", {
45073
- "class": 'col-xl-4 col-lg-4 col-md-6 col-sm-12 p-0 '
45089
+ "class": 'col-xl-4 col-lg-4 col-md-6 col-sm-6 p-0 '
45074
45090
  }, /*#__PURE__*/React__default["default"].createElement(Sectioncomp, {
45075
45091
  fetchingtypeprops: fetchingtype,
45076
45092
  cardinfoindexprops: cardinfoindex,
45077
45093
  cardinfoitemprops: cardinfoitem,
45078
45094
  sectionindexprops: index,
45079
45095
  sectionidprops: item.sectionid,
45080
- actions: actions
45096
+ actions: actions,
45097
+ sectiontypeprops2: 'vertical'
45081
45098
  }));
45082
45099
  }
45083
45100
  }));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.419",
3
+ "version": "0.0.421",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {