tabexseriescomponents 0.0.558 → 0.0.560

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
@@ -47059,7 +47059,7 @@ var Newsletterfooter = function Newsletterfooter(props) {
47059
47059
  })), /*#__PURE__*/React__default["default"].createElement("div", {
47060
47060
  "class": "col-lg-12 p-0 d-flex "
47061
47061
  }, StoreInformation()), sectionproperties.general_showtext == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
47062
- "class": "col-lg-12 p-0 d-flex alcentered"
47062
+ "class": "col-lg-12 p-0 d-flex allcentered mt-3"
47063
47063
  }, /*#__PURE__*/React__default["default"].createElement("p", {
47064
47064
  "class": "m-0 p-0",
47065
47065
  style: {
@@ -55604,7 +55604,8 @@ var Twobgimages = function Twobgimages(props) {
55604
55604
  }, /*#__PURE__*/React__default["default"].createElement("div", {
55605
55605
  className: sectionproperties.collectionssectionshow == 'Show' ? 'col-lg-10 col-md-12 p-md-0' : 'col-lg-12 p-0'
55606
55606
  }, /*#__PURE__*/React__default["default"].createElement("div", {
55607
- className: sectionproperties.justifyContentCenter == 'Centered' ? 'row m-0 w-100 allcentered' : 'row m-0 w-100 allcentered'
55607
+ className: sectionproperties.showrespas == 'Horizontal' ? 'row m-0 w-100 d-flex d-md-none justify-content-center align-items-center' : 'row m-0 w-100 allcentered',
55608
+ style: {}
55608
55609
  }, Object.keys(bgimagearrayofobjs).length != 0 && bgimagearrayofobjs.map(function (item, index) {
55609
55610
  return /*#__PURE__*/React__default["default"].createElement("div", {
55610
55611
  className: bgimagearrayofobjs[index].bg1_numberofcols != 12 ? sectionproperties.imagepadding != 0 ? ' d-flex align-items-stretch col-md-6 col-sm-12 pr-sm-2 pl-sm-2 mb-md-3 mt-md-3 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols : ' d-flex align-items-stretch col-md-6 col-sm-12 p-sm-0 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols : ' d-flex align-items-stretch col-md-12 col-sm-12 pr-md-0 pl-md-0 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols,
@@ -55740,7 +55741,128 @@ var Twobgimages = function Twobgimages(props) {
55740
55741
  }
55741
55742
  }
55742
55743
  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))))));
55743
- }))));
55744
+ })), sectionproperties.showrespas == 'Horizontal' && /*#__PURE__*/React__default["default"].createElement("div", {
55745
+ "class": "col-12 p-0 d-none d-md-flex"
55746
+ }, /*#__PURE__*/React__default["default"].createElement(reactHorizontalScrollingMenu.ScrollMenu, {
55747
+ transitionBehavior: 'auto',
55748
+ wrapperClassName: '',
55749
+ itemClassName: 'scrollmenuclassnameitemCategoryCardTextOnImage'
55750
+ }, Object.keys(bgimagearrayofobjs).length != 0 && bgimagearrayofobjs.map(function (item, index) {
55751
+ return /*#__PURE__*/React__default["default"].createElement("div", {
55752
+ className: ' col-xl-12 col-lg-12 col-md-12 col-sm-12 w-100',
55753
+ style: {
55754
+ paddingLeft: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? 0 : sectionproperties.imagepadding + 'px',
55755
+ paddingRight: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? 0 : sectionproperties.imagepadding + 'px',
55756
+ cursor: item.place_clickable == 'General' ? 'pointer' : 'default',
55757
+ marginBottom: sectionproperties.image_mb + 'px'
55758
+ },
55759
+ onClick: function onClick() {
55760
+ if (item.IsClickable == 'Yes') {
55761
+ if (item.place_clickable == 'General') {
55762
+ if (item.externallink == 'Yes') {
55763
+ window.open(item.clickable_page_route, '_blank');
55764
+ // history.push(item.clickable_page_route);
55765
+ } else if (item.clickable_page_route && item.clickable_page_route.length != 0) {
55766
+ routingcountext(item.clickable_page_route, false, '');
55767
+ } else {
55768
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.Clickable_Reference_Collection_ID);
55769
+ }
55770
+ }
55771
+ }
55772
+ }
55773
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
55774
+ style: {
55775
+ height: sectionproperties.bgcovercontain == 'Contain' ? 'auto' : sectionproperties.image_height + 'vh'
55776
+ }
55777
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
55778
+ className: "".concat(bgcssstyles.bgimage) + ' d-none d-md-none d-sm-flex',
55779
+ style: {}
55780
+ }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
55781
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
55782
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
55783
+ path: bgimagearrayofobjs.length != 0 ? langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w_resp + ',h-' + sectionproperties.imagetr_h_resp + '/' + bgimagearrayofobjs[index].bg1_imageresponsive : '/tr:w-' + sectionproperties.imagetr_w_resp + ',h-' + sectionproperties.imagetr_h_resp + '/' + bgimagearrayofobjs[index].bg1_imageresponsive_ar : '',
55784
+ className: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'objectFit-md-contain' : '',
55785
+ style: {
55786
+ height: '100%',
55787
+ width: '100%',
55788
+ objectFit: sectionproperties.bgcovercontain,
55789
+ borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
55790
+ borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
55791
+ borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
55792
+ borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px'
55793
+ }
55794
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
55795
+ className: "".concat(bgcssstyles.bgImageContainer) + ' col-lg-12 p-0 w-100 ',
55796
+ style: {
55797
+ position: 'absolute',
55798
+ top: 0,
55799
+ right: 0,
55800
+ bottom: 0,
55801
+ left: 0,
55802
+ zIndex: 1
55803
+ }
55804
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
55805
+ className: "".concat(bgcssstyles.centered_container) + ' row m-0 d-flex pt-0 d-flex align-items-stretch h-sm-auto '
55806
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
55807
+ className: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? ' d-flex flex-column d-md-none col-lg-12 d-flex align-items-stretch ' : bgimagearrayofobjs[index].bg1_numberofcols >= '6' ? ' d-flex flex-column d-md-none col-lg-6 d-flex align-items-stretch ' : ' d-flex flex-column d-md-none col-lg-10 d-flex align-items-stretch ',
55808
+ style: {
55809
+ position: 'relative',
55810
+ overflow: 'hidden'
55811
+ }
55812
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
55813
+ className: bgcssstyles.text1styles + ' d-flex justify-content-md-center wordbreak ',
55814
+ style: {
55815
+ maxWidth: '100%',
55816
+ color: bgimagearrayofobjs[index].bg1_txtcolor
55817
+ }
55818
+ }, langdetect == 'en' ? bgimagearrayofobjs[index].bg1_text_en : bgimagearrayofobjs[index].bg1_text_ar), bgimagearrayofobjs[index].showdescription1 == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
55819
+ className: bgcssstyles.text2styles + ' d-flex justify-content-md-center wordbreak ',
55820
+ style: {
55821
+ color: bgimagearrayofobjs[index].bg1_descolor
55822
+ }
55823
+ }, langdetect == 'en' ? bgimagearrayofobjs[index].bg1_descriptionen : bgimagearrayofobjs[index].bg1_descriptionar), bgimagearrayofobjs[index].showbutton1 == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
55824
+ className: "".concat(bgcssstyles.btnone) + ' allcentered ',
55825
+ style: {
55826
+ letterSpacing: langdetect == 'en' ? '1px' : 0
55827
+ },
55828
+ onClick: function onClick() {
55829
+ if (item.IsClickable == 'Yes') {
55830
+ if (item.place_clickable == 'Button') {
55831
+ if (item.clickable_page_route && item.clickable_page_route.length != 0) {
55832
+ routingcountext(item.clickable_page_route, false, '');
55833
+ } else {
55834
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.Clickable_Reference_Collection_ID);
55835
+ }
55836
+ }
55837
+ }
55838
+ }
55839
+ }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar, ' ')), /*#__PURE__*/React__default["default"].createElement("div", {
55840
+ className: "col-md-12 d-none d-md-flex flex-column mt-auto mb-auto "
55841
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
55842
+ className: bgcssstyles.text1styles + ' wordbreak m-0 ',
55843
+ style: {
55844
+ color: bgimagearrayofobjs[index].bg1_txtcolor
55845
+ }
55846
+ }, langdetect == 'en' ? bgimagearrayofobjs[index].bg1_text_en : bgimagearrayofobjs[index].bg1_text_ar), bgimagearrayofobjs[index].showdescription1 == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
55847
+ className: bgcssstyles.text2styles + ' d-flex justify-content-md-center wordbreak m-0 ',
55848
+ style: {
55849
+ color: bgimagearrayofobjs[index].bg1_descolor
55850
+ }
55851
+ }, langdetect == 'en' ? bgimagearrayofobjs[index].bg1_descriptionen : bgimagearrayofobjs[index].bg1_descriptionar), bgimagearrayofobjs[index].showbutton1 == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
55852
+ className: "".concat(bgcssstyles.btnresp) + ' ',
55853
+ onClick: function onClick() {
55854
+ if (item.IsClickable == 'Yes') {
55855
+ if (item.place_clickable == 'Button') {
55856
+ if (item.clickable_page_route && item.clickable_page_route.length != 0) {
55857
+ routingcountext(item.clickable_page_route, false, '');
55858
+ } else {
55859
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.Clickable_Reference_Collection_ID);
55860
+ }
55861
+ }
55862
+ }
55863
+ }
55864
+ }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))))));
55865
+ })))));
55744
55866
  };
55745
55867
  return /*#__PURE__*/React__default["default"].createElement("div", {
55746
55868
  className: "row m-0 w-md-100",
package/dist/index.esm.js CHANGED
@@ -47010,7 +47010,7 @@ var Newsletterfooter = function Newsletterfooter(props) {
47010
47010
  })), /*#__PURE__*/React.createElement("div", {
47011
47011
  "class": "col-lg-12 p-0 d-flex "
47012
47012
  }, StoreInformation()), sectionproperties.general_showtext == 'Show' && /*#__PURE__*/React.createElement("div", {
47013
- "class": "col-lg-12 p-0 d-flex alcentered"
47013
+ "class": "col-lg-12 p-0 d-flex allcentered mt-3"
47014
47014
  }, /*#__PURE__*/React.createElement("p", {
47015
47015
  "class": "m-0 p-0",
47016
47016
  style: {
@@ -55555,7 +55555,8 @@ var Twobgimages = function Twobgimages(props) {
55555
55555
  }, /*#__PURE__*/React.createElement("div", {
55556
55556
  className: sectionproperties.collectionssectionshow == 'Show' ? 'col-lg-10 col-md-12 p-md-0' : 'col-lg-12 p-0'
55557
55557
  }, /*#__PURE__*/React.createElement("div", {
55558
- className: sectionproperties.justifyContentCenter == 'Centered' ? 'row m-0 w-100 allcentered' : 'row m-0 w-100 allcentered'
55558
+ className: sectionproperties.showrespas == 'Horizontal' ? 'row m-0 w-100 d-flex d-md-none justify-content-center align-items-center' : 'row m-0 w-100 allcentered',
55559
+ style: {}
55559
55560
  }, Object.keys(bgimagearrayofobjs).length != 0 && bgimagearrayofobjs.map(function (item, index) {
55560
55561
  return /*#__PURE__*/React.createElement("div", {
55561
55562
  className: bgimagearrayofobjs[index].bg1_numberofcols != 12 ? sectionproperties.imagepadding != 0 ? ' d-flex align-items-stretch col-md-6 col-sm-12 pr-sm-2 pl-sm-2 mb-md-3 mt-md-3 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols : ' d-flex align-items-stretch col-md-6 col-sm-12 p-sm-0 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols : ' d-flex align-items-stretch col-md-12 col-sm-12 pr-md-0 pl-md-0 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols,
@@ -55691,7 +55692,128 @@ var Twobgimages = function Twobgimages(props) {
55691
55692
  }
55692
55693
  }
55693
55694
  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))))));
55694
- }))));
55695
+ })), sectionproperties.showrespas == 'Horizontal' && /*#__PURE__*/React.createElement("div", {
55696
+ "class": "col-12 p-0 d-none d-md-flex"
55697
+ }, /*#__PURE__*/React.createElement(ScrollMenu, {
55698
+ transitionBehavior: 'auto',
55699
+ wrapperClassName: '',
55700
+ itemClassName: 'scrollmenuclassnameitemCategoryCardTextOnImage'
55701
+ }, Object.keys(bgimagearrayofobjs).length != 0 && bgimagearrayofobjs.map(function (item, index) {
55702
+ return /*#__PURE__*/React.createElement("div", {
55703
+ className: ' col-xl-12 col-lg-12 col-md-12 col-sm-12 w-100',
55704
+ style: {
55705
+ paddingLeft: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? 0 : sectionproperties.imagepadding + 'px',
55706
+ paddingRight: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? 0 : sectionproperties.imagepadding + 'px',
55707
+ cursor: item.place_clickable == 'General' ? 'pointer' : 'default',
55708
+ marginBottom: sectionproperties.image_mb + 'px'
55709
+ },
55710
+ onClick: function onClick() {
55711
+ if (item.IsClickable == 'Yes') {
55712
+ if (item.place_clickable == 'General') {
55713
+ if (item.externallink == 'Yes') {
55714
+ window.open(item.clickable_page_route, '_blank');
55715
+ // history.push(item.clickable_page_route);
55716
+ } else if (item.clickable_page_route && item.clickable_page_route.length != 0) {
55717
+ routingcountext(item.clickable_page_route, false, '');
55718
+ } else {
55719
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.Clickable_Reference_Collection_ID);
55720
+ }
55721
+ }
55722
+ }
55723
+ }
55724
+ }, /*#__PURE__*/React.createElement("div", {
55725
+ style: {
55726
+ height: sectionproperties.bgcovercontain == 'Contain' ? 'auto' : sectionproperties.image_height + 'vh'
55727
+ }
55728
+ }, /*#__PURE__*/React.createElement("div", {
55729
+ className: "".concat(bgcssstyles.bgimage) + ' d-none d-md-none d-sm-flex',
55730
+ style: {}
55731
+ }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
55732
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
55733
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
55734
+ path: bgimagearrayofobjs.length != 0 ? langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w_resp + ',h-' + sectionproperties.imagetr_h_resp + '/' + bgimagearrayofobjs[index].bg1_imageresponsive : '/tr:w-' + sectionproperties.imagetr_w_resp + ',h-' + sectionproperties.imagetr_h_resp + '/' + bgimagearrayofobjs[index].bg1_imageresponsive_ar : '',
55735
+ className: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'objectFit-md-contain' : '',
55736
+ style: {
55737
+ height: '100%',
55738
+ width: '100%',
55739
+ objectFit: sectionproperties.bgcovercontain,
55740
+ borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
55741
+ borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
55742
+ borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
55743
+ borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px'
55744
+ }
55745
+ })), /*#__PURE__*/React.createElement("div", {
55746
+ className: "".concat(bgcssstyles.bgImageContainer) + ' col-lg-12 p-0 w-100 ',
55747
+ style: {
55748
+ position: 'absolute',
55749
+ top: 0,
55750
+ right: 0,
55751
+ bottom: 0,
55752
+ left: 0,
55753
+ zIndex: 1
55754
+ }
55755
+ }, /*#__PURE__*/React.createElement("div", {
55756
+ className: "".concat(bgcssstyles.centered_container) + ' row m-0 d-flex pt-0 d-flex align-items-stretch h-sm-auto '
55757
+ }, /*#__PURE__*/React.createElement("div", {
55758
+ className: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? ' d-flex flex-column d-md-none col-lg-12 d-flex align-items-stretch ' : bgimagearrayofobjs[index].bg1_numberofcols >= '6' ? ' d-flex flex-column d-md-none col-lg-6 d-flex align-items-stretch ' : ' d-flex flex-column d-md-none col-lg-10 d-flex align-items-stretch ',
55759
+ style: {
55760
+ position: 'relative',
55761
+ overflow: 'hidden'
55762
+ }
55763
+ }, /*#__PURE__*/React.createElement("p", {
55764
+ className: bgcssstyles.text1styles + ' d-flex justify-content-md-center wordbreak ',
55765
+ style: {
55766
+ maxWidth: '100%',
55767
+ color: bgimagearrayofobjs[index].bg1_txtcolor
55768
+ }
55769
+ }, langdetect == 'en' ? bgimagearrayofobjs[index].bg1_text_en : bgimagearrayofobjs[index].bg1_text_ar), bgimagearrayofobjs[index].showdescription1 == 'Show' && /*#__PURE__*/React.createElement("p", {
55770
+ className: bgcssstyles.text2styles + ' d-flex justify-content-md-center wordbreak ',
55771
+ style: {
55772
+ color: bgimagearrayofobjs[index].bg1_descolor
55773
+ }
55774
+ }, langdetect == 'en' ? bgimagearrayofobjs[index].bg1_descriptionen : bgimagearrayofobjs[index].bg1_descriptionar), bgimagearrayofobjs[index].showbutton1 == 'Show' && /*#__PURE__*/React.createElement("button", {
55775
+ className: "".concat(bgcssstyles.btnone) + ' allcentered ',
55776
+ style: {
55777
+ letterSpacing: langdetect == 'en' ? '1px' : 0
55778
+ },
55779
+ onClick: function onClick() {
55780
+ if (item.IsClickable == 'Yes') {
55781
+ if (item.place_clickable == 'Button') {
55782
+ if (item.clickable_page_route && item.clickable_page_route.length != 0) {
55783
+ routingcountext(item.clickable_page_route, false, '');
55784
+ } else {
55785
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.Clickable_Reference_Collection_ID);
55786
+ }
55787
+ }
55788
+ }
55789
+ }
55790
+ }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar, ' ')), /*#__PURE__*/React.createElement("div", {
55791
+ className: "col-md-12 d-none d-md-flex flex-column mt-auto mb-auto "
55792
+ }, /*#__PURE__*/React.createElement("p", {
55793
+ className: bgcssstyles.text1styles + ' wordbreak m-0 ',
55794
+ style: {
55795
+ color: bgimagearrayofobjs[index].bg1_txtcolor
55796
+ }
55797
+ }, langdetect == 'en' ? bgimagearrayofobjs[index].bg1_text_en : bgimagearrayofobjs[index].bg1_text_ar), bgimagearrayofobjs[index].showdescription1 == 'Show' && /*#__PURE__*/React.createElement("p", {
55798
+ className: bgcssstyles.text2styles + ' d-flex justify-content-md-center wordbreak m-0 ',
55799
+ style: {
55800
+ color: bgimagearrayofobjs[index].bg1_descolor
55801
+ }
55802
+ }, langdetect == 'en' ? bgimagearrayofobjs[index].bg1_descriptionen : bgimagearrayofobjs[index].bg1_descriptionar), bgimagearrayofobjs[index].showbutton1 == 'Show' && /*#__PURE__*/React.createElement("button", {
55803
+ className: "".concat(bgcssstyles.btnresp) + ' ',
55804
+ onClick: function onClick() {
55805
+ if (item.IsClickable == 'Yes') {
55806
+ if (item.place_clickable == 'Button') {
55807
+ if (item.clickable_page_route && item.clickable_page_route.length != 0) {
55808
+ routingcountext(item.clickable_page_route, false, '');
55809
+ } else {
55810
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.Clickable_Reference_Collection_ID);
55811
+ }
55812
+ }
55813
+ }
55814
+ }
55815
+ }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))))));
55816
+ })))));
55695
55817
  };
55696
55818
  return /*#__PURE__*/React.createElement("div", {
55697
55819
  className: "row m-0 w-md-100",
package/dist/index.umd.js CHANGED
@@ -46883,7 +46883,7 @@
46883
46883
  })), /*#__PURE__*/React__default["default"].createElement("div", {
46884
46884
  "class": "col-lg-12 p-0 d-flex "
46885
46885
  }, StoreInformation()), sectionproperties.general_showtext == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
46886
- "class": "col-lg-12 p-0 d-flex alcentered"
46886
+ "class": "col-lg-12 p-0 d-flex allcentered mt-3"
46887
46887
  }, /*#__PURE__*/React__default["default"].createElement("p", {
46888
46888
  "class": "m-0 p-0",
46889
46889
  style: {
@@ -55428,7 +55428,8 @@
55428
55428
  }, /*#__PURE__*/React__default["default"].createElement("div", {
55429
55429
  className: sectionproperties.collectionssectionshow == 'Show' ? 'col-lg-10 col-md-12 p-md-0' : 'col-lg-12 p-0'
55430
55430
  }, /*#__PURE__*/React__default["default"].createElement("div", {
55431
- className: sectionproperties.justifyContentCenter == 'Centered' ? 'row m-0 w-100 allcentered' : 'row m-0 w-100 allcentered'
55431
+ className: sectionproperties.showrespas == 'Horizontal' ? 'row m-0 w-100 d-flex d-md-none justify-content-center align-items-center' : 'row m-0 w-100 allcentered',
55432
+ style: {}
55432
55433
  }, Object.keys(bgimagearrayofobjs).length != 0 && bgimagearrayofobjs.map(function (item, index) {
55433
55434
  return /*#__PURE__*/React__default["default"].createElement("div", {
55434
55435
  className: bgimagearrayofobjs[index].bg1_numberofcols != 12 ? sectionproperties.imagepadding != 0 ? ' d-flex align-items-stretch col-md-6 col-sm-12 pr-sm-2 pl-sm-2 mb-md-3 mt-md-3 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols : ' d-flex align-items-stretch col-md-6 col-sm-12 p-sm-0 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols : ' d-flex align-items-stretch col-md-12 col-sm-12 pr-md-0 pl-md-0 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols,
@@ -55564,7 +55565,128 @@
55564
55565
  }
55565
55566
  }
55566
55567
  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))))));
55567
- }))));
55568
+ })), sectionproperties.showrespas == 'Horizontal' && /*#__PURE__*/React__default["default"].createElement("div", {
55569
+ "class": "col-12 p-0 d-none d-md-flex"
55570
+ }, /*#__PURE__*/React__default["default"].createElement(reactHorizontalScrollingMenu.ScrollMenu, {
55571
+ transitionBehavior: 'auto',
55572
+ wrapperClassName: '',
55573
+ itemClassName: 'scrollmenuclassnameitemCategoryCardTextOnImage'
55574
+ }, Object.keys(bgimagearrayofobjs).length != 0 && bgimagearrayofobjs.map(function (item, index) {
55575
+ return /*#__PURE__*/React__default["default"].createElement("div", {
55576
+ className: ' col-xl-12 col-lg-12 col-md-12 col-sm-12 w-100',
55577
+ style: {
55578
+ paddingLeft: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? 0 : sectionproperties.imagepadding + 'px',
55579
+ paddingRight: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? 0 : sectionproperties.imagepadding + 'px',
55580
+ cursor: item.place_clickable == 'General' ? 'pointer' : 'default',
55581
+ marginBottom: sectionproperties.image_mb + 'px'
55582
+ },
55583
+ onClick: function onClick() {
55584
+ if (item.IsClickable == 'Yes') {
55585
+ if (item.place_clickable == 'General') {
55586
+ if (item.externallink == 'Yes') {
55587
+ window.open(item.clickable_page_route, '_blank');
55588
+ // history.push(item.clickable_page_route);
55589
+ } else if (item.clickable_page_route && item.clickable_page_route.length != 0) {
55590
+ routingcountext(item.clickable_page_route, false, '');
55591
+ } else {
55592
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.Clickable_Reference_Collection_ID);
55593
+ }
55594
+ }
55595
+ }
55596
+ }
55597
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
55598
+ style: {
55599
+ height: sectionproperties.bgcovercontain == 'Contain' ? 'auto' : sectionproperties.image_height + 'vh'
55600
+ }
55601
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
55602
+ className: "".concat(bgcssstyles.bgimage) + ' d-none d-md-none d-sm-flex',
55603
+ style: {}
55604
+ }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
55605
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
55606
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
55607
+ path: bgimagearrayofobjs.length != 0 ? langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w_resp + ',h-' + sectionproperties.imagetr_h_resp + '/' + bgimagearrayofobjs[index].bg1_imageresponsive : '/tr:w-' + sectionproperties.imagetr_w_resp + ',h-' + sectionproperties.imagetr_h_resp + '/' + bgimagearrayofobjs[index].bg1_imageresponsive_ar : '',
55608
+ className: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'objectFit-md-contain' : '',
55609
+ style: {
55610
+ height: '100%',
55611
+ width: '100%',
55612
+ objectFit: sectionproperties.bgcovercontain,
55613
+ borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
55614
+ borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
55615
+ borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
55616
+ borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px'
55617
+ }
55618
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
55619
+ className: "".concat(bgcssstyles.bgImageContainer) + ' col-lg-12 p-0 w-100 ',
55620
+ style: {
55621
+ position: 'absolute',
55622
+ top: 0,
55623
+ right: 0,
55624
+ bottom: 0,
55625
+ left: 0,
55626
+ zIndex: 1
55627
+ }
55628
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
55629
+ className: "".concat(bgcssstyles.centered_container) + ' row m-0 d-flex pt-0 d-flex align-items-stretch h-sm-auto '
55630
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
55631
+ className: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? ' d-flex flex-column d-md-none col-lg-12 d-flex align-items-stretch ' : bgimagearrayofobjs[index].bg1_numberofcols >= '6' ? ' d-flex flex-column d-md-none col-lg-6 d-flex align-items-stretch ' : ' d-flex flex-column d-md-none col-lg-10 d-flex align-items-stretch ',
55632
+ style: {
55633
+ position: 'relative',
55634
+ overflow: 'hidden'
55635
+ }
55636
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
55637
+ className: bgcssstyles.text1styles + ' d-flex justify-content-md-center wordbreak ',
55638
+ style: {
55639
+ maxWidth: '100%',
55640
+ color: bgimagearrayofobjs[index].bg1_txtcolor
55641
+ }
55642
+ }, langdetect == 'en' ? bgimagearrayofobjs[index].bg1_text_en : bgimagearrayofobjs[index].bg1_text_ar), bgimagearrayofobjs[index].showdescription1 == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
55643
+ className: bgcssstyles.text2styles + ' d-flex justify-content-md-center wordbreak ',
55644
+ style: {
55645
+ color: bgimagearrayofobjs[index].bg1_descolor
55646
+ }
55647
+ }, langdetect == 'en' ? bgimagearrayofobjs[index].bg1_descriptionen : bgimagearrayofobjs[index].bg1_descriptionar), bgimagearrayofobjs[index].showbutton1 == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
55648
+ className: "".concat(bgcssstyles.btnone) + ' allcentered ',
55649
+ style: {
55650
+ letterSpacing: langdetect == 'en' ? '1px' : 0
55651
+ },
55652
+ onClick: function onClick() {
55653
+ if (item.IsClickable == 'Yes') {
55654
+ if (item.place_clickable == 'Button') {
55655
+ if (item.clickable_page_route && item.clickable_page_route.length != 0) {
55656
+ routingcountext(item.clickable_page_route, false, '');
55657
+ } else {
55658
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.Clickable_Reference_Collection_ID);
55659
+ }
55660
+ }
55661
+ }
55662
+ }
55663
+ }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar, ' ')), /*#__PURE__*/React__default["default"].createElement("div", {
55664
+ className: "col-md-12 d-none d-md-flex flex-column mt-auto mb-auto "
55665
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
55666
+ className: bgcssstyles.text1styles + ' wordbreak m-0 ',
55667
+ style: {
55668
+ color: bgimagearrayofobjs[index].bg1_txtcolor
55669
+ }
55670
+ }, langdetect == 'en' ? bgimagearrayofobjs[index].bg1_text_en : bgimagearrayofobjs[index].bg1_text_ar), bgimagearrayofobjs[index].showdescription1 == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
55671
+ className: bgcssstyles.text2styles + ' d-flex justify-content-md-center wordbreak m-0 ',
55672
+ style: {
55673
+ color: bgimagearrayofobjs[index].bg1_descolor
55674
+ }
55675
+ }, langdetect == 'en' ? bgimagearrayofobjs[index].bg1_descriptionen : bgimagearrayofobjs[index].bg1_descriptionar), bgimagearrayofobjs[index].showbutton1 == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
55676
+ className: "".concat(bgcssstyles.btnresp) + ' ',
55677
+ onClick: function onClick() {
55678
+ if (item.IsClickable == 'Yes') {
55679
+ if (item.place_clickable == 'Button') {
55680
+ if (item.clickable_page_route && item.clickable_page_route.length != 0) {
55681
+ routingcountext(item.clickable_page_route, false, '');
55682
+ } else {
55683
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.Clickable_Reference_Collection_ID);
55684
+ }
55685
+ }
55686
+ }
55687
+ }
55688
+ }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))))));
55689
+ })))));
55568
55690
  };
55569
55691
  return /*#__PURE__*/React__default["default"].createElement("div", {
55570
55692
  className: "row m-0 w-md-100",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.558",
3
+ "version": "0.0.560",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {