tabexseriescomponents 0.0.389 → 0.0.391

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 +68 -25
  2. package/dist/index.esm.js +68 -25
  3. package/dist/index.umd.js +68 -25
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -24226,7 +24226,7 @@ var CTAHeader = function CTAHeader(props) {
24226
24226
  size: sectionproperties.cartBtn_iconFontSize
24227
24227
  }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, {
24228
24228
  size: sectionproperties.cartBtn_iconFontSize
24229
- })), sectionproperties.lang_position == 'Top' && /*#__PURE__*/React__default["default"].createElement("div", {
24229
+ })), sectionproperties.lang_position == 'Top' && sectionproperties.showlanuagecontainer == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
24230
24230
  "class": langdetect == 'en' ? 'headerdropdownml ml-3' : 'headerdropdownmr mr-3'
24231
24231
  }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("li", {
24232
24232
  "class": ' d-flex align-items-center justify-content-center '
@@ -24443,7 +24443,7 @@ var CTAHeader = function CTAHeader(props) {
24443
24443
  }
24444
24444
  }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
24445
24445
  size: sectionproperties.youtubebtniconfontsize
24446
- })), sectionproperties.lang_position == 'Bottom' && /*#__PURE__*/React__default["default"].createElement("div", {
24446
+ })), sectionproperties.lang_position == 'Bottom' && sectionproperties.showlanuagecontainer == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
24447
24447
  "class": langdetect == 'en' ? 'headerdropdownml ml-3' : 'headerdropdownmr mr-3'
24448
24448
  }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("li", {
24449
24449
  "class": ' d-flex align-items-center justify-content-center '
@@ -24499,7 +24499,10 @@ var CTAHeader = function CTAHeader(props) {
24499
24499
  "class": 'ml-2 mr-2'
24500
24500
  }, lang.english)))))))))), /*#__PURE__*/React__default["default"].createElement("div", {
24501
24501
  "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-lg-none d-md-block d-sm-block"
24502
- }, /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
24502
+ }, sectionproperties.responsiveheaderstyle == 'Style 1' && /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
24503
+ sectionpropertiesprops: sectionproperties,
24504
+ actions: actions
24505
+ }), sectionproperties.responsiveheaderstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
24503
24506
  sectionpropertiesprops: sectionproperties,
24504
24507
  actions: actions
24505
24508
  }))));
@@ -52756,8 +52759,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
52756
52759
  }, [sectionproperties]);
52757
52760
  var section_styles = {
52758
52761
  sectioncintainer: glamor.css({
52759
- paddingTop: sectionproperties.sectiontitleposition == 'Centered' ? 50 : 0,
52760
- paddingBottom: sectionproperties.sectiontitleposition == 'Centered' ? 50 : 0,
52762
+ // paddingTop: sectionproperties.sectiontitleposition == 'Centered' ? 50 : 0,
52763
+ paddingTop: sectionproperties.paddingTop,
52764
+ // paddingBottom: sectionproperties.sectiontitleposition == 'Centered' ? 50 :0,
52765
+ paddingBottom: sectionproperties.paddingBottom,
52761
52766
  '@media (max-width: 800px)': {
52762
52767
  paddingTop: sectionproperties.paddingverticalresponsive + 'px',
52763
52768
  paddingBottom: sectionproperties.paddingverticalresponsive + 'px'
@@ -52785,8 +52790,8 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
52785
52790
  }
52786
52791
  }),
52787
52792
  sectiontitlespan: glamor.css({
52788
- paddingLeft: langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px',
52789
- paddingRight: langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px',
52793
+ paddingLeft: sectionproperties.sectiontitleborderradius == 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px' : 0,
52794
+ paddingRight: sectionproperties.sectiontitleborderradius == 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px' : 0,
52790
52795
  ':after': {
52791
52796
  position: 'absolute',
52792
52797
  bottom: 0,
@@ -52862,8 +52867,9 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
52862
52867
  }
52863
52868
  }),
52864
52869
  imageimage: glamor.css({
52865
- width: '100%',
52866
- height: sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'px',
52870
+ width: sectionproperties.image_width + '%',
52871
+ height: sectionproperties.percentagepixel != 'Percentage' ? sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'px' : sectionproperties.image_height + '%',
52872
+ // height: sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'px',
52867
52873
  margin: 0,
52868
52874
  padding: 0,
52869
52875
  objectFit: sectionproperties.bgcovercontain,
@@ -52930,18 +52936,34 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
52930
52936
  alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
52931
52937
  }
52932
52938
  }, /*#__PURE__*/React__default["default"].createElement("div", {
52933
- "class": "d-flex align-items-center flex-row d-sm-none mt-sm-2",
52939
+ "class": 'd-flex align-items-center flex-row d-sm-none mt-sm-2 ',
52934
52940
  style: {
52935
52941
  position: 'relative',
52936
52942
  justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
52937
- fontSize: sectionproperties.sectionTitleFontSize + 'px'
52943
+ fontSize: sectionproperties.sectionTitleFontSize + 'px',
52944
+ backgroundColor: sectionproperties.sectiontitlebgcolor,
52945
+ borderRadius: sectionproperties.sectiontitleborderradius + 'px',
52946
+ paddingLeft: sectionproperties.sectiontitlepaddinghorizontal + 'px',
52947
+ paddingRight: sectionproperties.sectiontitlepaddinghorizontal + 'px',
52948
+ paddingTop: sectionproperties.sectiontitlepaddingvertical + 'px',
52949
+ paddingBottom: sectionproperties.sectiontitlepaddingvertical + 'px',
52950
+ marginLeft: sectionproperties.sectiontitleborderradius != 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px' : 0,
52951
+ marginRight: sectionproperties.sectiontitleborderradius != 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px' : 0
52938
52952
  }
52939
52953
  }, SectionTitle()), /*#__PURE__*/React__default["default"].createElement("div", {
52940
- "class": "d-none align-items-center flex-row d-sm-flex mt-sm-2",
52954
+ "class": 'd-none align-items-center flex-row d-sm-flex mt-sm-2',
52941
52955
  style: {
52942
52956
  position: 'relative',
52943
52957
  justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
52944
- fontSize: sectionproperties.sectionTitleFontSizeresp + 'px'
52958
+ fontSize: sectionproperties.sectionTitleFontSizeresp + 'px',
52959
+ backgroundColor: sectionproperties.sectiontitlebgcolor,
52960
+ borderRadius: sectionproperties.sectiontitleborderradius + 'px',
52961
+ paddingLeft: sectionproperties.sectiontitlepaddinghorizontal + 'px',
52962
+ paddingRight: sectionproperties.sectiontitlepaddinghorizontal + 'px',
52963
+ paddingTop: sectionproperties.sectiontitlepaddingvertical + 'px',
52964
+ paddingBottom: sectionproperties.sectiontitlepaddingvertical + 'px',
52965
+ marginLeft: sectionproperties.sectiontitleborderradius != 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px' : 0,
52966
+ marginRight: sectionproperties.sectiontitleborderradius != 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px' : 0
52945
52967
  }
52946
52968
  }, SectionTitle())), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
52947
52969
  "class": "col-lg-12 pl-0 pr-0 d-flex justify-content-md-center",
@@ -52967,7 +52989,8 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
52967
52989
  }, SectionDescription())), /*#__PURE__*/React__default["default"].createElement("div", {
52968
52990
  "class": "col-lg-12 p-0 d-flex justify-content-md-center",
52969
52991
  style: {
52970
- justifyContent: sectionproperties.text2centered == 'Centered' ? 'center' : 'start'
52992
+ justifyContent: sectionproperties.text2centered == 'Centered' ? 'center' : 'start',
52993
+ marginBottom: sectionproperties.slideshowText2Content_marginBottom + 'px'
52971
52994
  }
52972
52995
  }, /*#__PURE__*/React__default["default"].createElement("p", {
52973
52996
  "class": sectionproperties.text2centered == 'Justify' ? section_styles.editortext + ' pb-0 pl-md-2 pr-md-2 ' : section_styles.editortext + ' pb-0 text-md-center pl-md-2 pr-md-2 ',
@@ -52976,7 +52999,7 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
52976
52999
  __html: langdetect == 'en' ? sectionproperties.contenteditor : sectionproperties.text2editortextar
52977
53000
  }
52978
53001
  })), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
52979
- "class": "col-lg-12 p-0"
53002
+ "class": sectionproperties.generalbtn_position == 'Centered' ? 'col-lg-12 p-0 allcentered' : 'col-lg-12 p-0 text-start'
52980
53003
  }, /*#__PURE__*/React__default["default"].createElement("button", {
52981
53004
  "class": "".concat(section_styles.btn),
52982
53005
  onClick: function onClick() {
@@ -53037,7 +53060,7 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
53037
53060
  var Image = function Image() {
53038
53061
  var _imagesarray$, _imagesarray$7, _imagesarray$8;
53039
53062
  return /*#__PURE__*/React__default["default"].createElement("div", {
53040
- "class": sectionproperties.image_height == 0 ? 'col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center h-auto p-0' : 'col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center p-0',
53063
+ "class": sectionproperties.image_height == 0 ? sectionproperties.sectionstyle == 'Image on right' ? 'col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center h-auto p-0' : 'col-lg-6 col-md-12 d-flex justify-content-end justify-content-md-center h-auto p-0' : sectionproperties.sectionstyle == 'Image on right' ? 'col-lg-6 col-md-12 d-flex justify-content-end justify-content-md-center p-0' : 'col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center p-0',
53041
53064
  style: {
53042
53065
  cursor: ((_imagesarray$ = imagesarray[0]) === null || _imagesarray$ === void 0 ? void 0 : _imagesarray$.IsClickableimg) == 'Yes' ? 'pointer' : 'default',
53043
53066
  background: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor
@@ -53071,11 +53094,13 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
53071
53094
  background: sectionproperties.backgroundColor
53072
53095
  }
53073
53096
  }, /*#__PURE__*/React__default["default"].createElement("div", {
53074
- "class": sectionproperties.card_marginRight != 0 && sectionproperties.card_marginLeft != 0 ? 'd-flex justify-content-between align-items-center px-1025-1 pl-md-3 pr-md-3 w-md-100 mx-auto' : 'd-flex justify-content-between align-items-center w-md-100 mx-auto',
53097
+ "class": sectionproperties.card_marginRight != 0 && sectionproperties.card_marginLeft != 0 ? sectionproperties.width != 100 ? 'd-flex justify-content-between align-items-center px-1025-1 pl-md-3 pr-md-3 w-md-90 mx-auto' : 'd-flex justify-content-between align-items-center px-1025-1 pl-md-3 pr-md-3 w-md-100 mx-auto' : sectionproperties.width != 100 ? 'd-flex justify-content-between align-items-center w-md-90 mx-auto' : 'd-flex justify-content-between align-items-center w-md-100 mx-auto',
53075
53098
  style: {
53076
53099
  paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
53077
53100
  paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
53078
- width: sectionproperties.width + 'vw'
53101
+ width: sectionproperties.width + 'vw',
53102
+ border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
53103
+ borderRadius: sectionproperties.sectioncardborderradius + 'px'
53079
53104
  }
53080
53105
  }, /*#__PURE__*/React__default["default"].createElement("div", {
53081
53106
  "class":
@@ -53095,11 +53120,7 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
53095
53120
  // paddingTop: sectionproperties.paddingTop + 'px',
53096
53121
  // paddingBottom: sectionproperties.paddingBottom + 'px',
53097
53122
  marginTop: sectionproperties.marginTop + 'px',
53098
- marginBottom: sectionproperties.marginBottom + 'px',
53099
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
53100
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
53101
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
53102
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px'
53123
+ marginBottom: sectionproperties.marginBottom + 'px'
53103
53124
  }
53104
53125
  }, sectionproperties.sectionstyle == 'Image on right' && /*#__PURE__*/React__default["default"].createElement("div", {
53105
53126
  "class": "col-lg-12 p-0 d-flex justify-content-between d-md-none"
@@ -53663,6 +53684,10 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
53663
53684
  ':hover': {
53664
53685
  transition: '.3s',
53665
53686
  backgroundColor: sectionproperties.activedotcolor
53687
+ },
53688
+ '@media (max-width: 800px)': {
53689
+ width: sectionproperties.innerwidthheightresp + 'px',
53690
+ height: sectionproperties.innerwidthheightresp + 'px'
53666
53691
  }
53667
53692
  }),
53668
53693
  cardContainer: glamor.css({
@@ -53801,7 +53826,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
53801
53826
  window.open(cardinfoitem.btnlink, '_blank');
53802
53827
  }
53803
53828
  }
53804
- }, /*#__PURE__*/React__default["default"].createElement("div", {
53829
+ }, sectionproperties.imageposition == 'Top' && /*#__PURE__*/React__default["default"].createElement("div", {
53805
53830
  "class": "col-lg-12 d-flex align-items-center p-0",
53806
53831
  style: {
53807
53832
  marginBottom: sectionproperties.image_mb + 'px',
@@ -53843,7 +53868,25 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
53843
53868
  fontWeight: sectionproperties.slideshowText2ContentFontWeight,
53844
53869
  textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
53845
53870
  }
53846
- }, langdetect == 'en' ? cardinfoitem.cardobj_descripen : cardinfoitem.cardobj_descripar))));
53871
+ }, langdetect == 'en' ? cardinfoitem.cardobj_descripen : cardinfoitem.cardobj_descripar)), sectionproperties.imageposition == 'Bottom' && /*#__PURE__*/React__default["default"].createElement("div", {
53872
+ "class": "col-lg-12 d-flex align-items-center p-0",
53873
+ style: {
53874
+ marginTop: sectionproperties.image_mb + 'px',
53875
+ justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
53876
+ }
53877
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
53878
+ "class": sectionStyles.imageContainer + ' d-flex align-items-center imageContainer ',
53879
+ style: {}
53880
+ }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
53881
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
53882
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
53883
+ path: cardsarray.length != 0 ? cardinfoitem.cardobj_img : '',
53884
+ style: {
53885
+ maxHeight: sectionproperties.iconcontainerwidth + '%',
53886
+ maxWidth: sectionproperties.iconcontainerwidth + '%',
53887
+ objectFit: 'contain'
53888
+ }
53889
+ })))));
53847
53890
  }))));
53848
53891
  };
53849
53892
 
package/dist/index.esm.js CHANGED
@@ -24177,7 +24177,7 @@ var CTAHeader = function CTAHeader(props) {
24177
24177
  size: sectionproperties.cartBtn_iconFontSize
24178
24178
  }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React.createElement(FiCalendar, {
24179
24179
  size: sectionproperties.cartBtn_iconFontSize
24180
- })), sectionproperties.lang_position == 'Top' && /*#__PURE__*/React.createElement("div", {
24180
+ })), sectionproperties.lang_position == 'Top' && sectionproperties.showlanuagecontainer == 'Show' && /*#__PURE__*/React.createElement("div", {
24181
24181
  "class": langdetect == 'en' ? 'headerdropdownml ml-3' : 'headerdropdownmr mr-3'
24182
24182
  }, /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, /*#__PURE__*/React.createElement("li", {
24183
24183
  "class": ' d-flex align-items-center justify-content-center '
@@ -24394,7 +24394,7 @@ var CTAHeader = function CTAHeader(props) {
24394
24394
  }
24395
24395
  }, /*#__PURE__*/React.createElement(FaWhatsapp, {
24396
24396
  size: sectionproperties.youtubebtniconfontsize
24397
- })), sectionproperties.lang_position == 'Bottom' && /*#__PURE__*/React.createElement("div", {
24397
+ })), sectionproperties.lang_position == 'Bottom' && sectionproperties.showlanuagecontainer == 'Show' && /*#__PURE__*/React.createElement("div", {
24398
24398
  "class": langdetect == 'en' ? 'headerdropdownml ml-3' : 'headerdropdownmr mr-3'
24399
24399
  }, /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, /*#__PURE__*/React.createElement("li", {
24400
24400
  "class": ' d-flex align-items-center justify-content-center '
@@ -24450,7 +24450,10 @@ var CTAHeader = function CTAHeader(props) {
24450
24450
  "class": 'ml-2 mr-2'
24451
24451
  }, lang.english)))))))))), /*#__PURE__*/React.createElement("div", {
24452
24452
  "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-lg-none d-md-block d-sm-block"
24453
- }, /*#__PURE__*/React.createElement(Headerresponsive, {
24453
+ }, sectionproperties.responsiveheaderstyle == 'Style 1' && /*#__PURE__*/React.createElement(Headerresponsive, {
24454
+ sectionpropertiesprops: sectionproperties,
24455
+ actions: actions
24456
+ }), sectionproperties.responsiveheaderstyle == 'Style 2' && /*#__PURE__*/React.createElement(HeaderresponsiveStyle2, {
24454
24457
  sectionpropertiesprops: sectionproperties,
24455
24458
  actions: actions
24456
24459
  }))));
@@ -52707,8 +52710,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
52707
52710
  }, [sectionproperties]);
52708
52711
  var section_styles = {
52709
52712
  sectioncintainer: css({
52710
- paddingTop: sectionproperties.sectiontitleposition == 'Centered' ? 50 : 0,
52711
- paddingBottom: sectionproperties.sectiontitleposition == 'Centered' ? 50 : 0,
52713
+ // paddingTop: sectionproperties.sectiontitleposition == 'Centered' ? 50 : 0,
52714
+ paddingTop: sectionproperties.paddingTop,
52715
+ // paddingBottom: sectionproperties.sectiontitleposition == 'Centered' ? 50 :0,
52716
+ paddingBottom: sectionproperties.paddingBottom,
52712
52717
  '@media (max-width: 800px)': {
52713
52718
  paddingTop: sectionproperties.paddingverticalresponsive + 'px',
52714
52719
  paddingBottom: sectionproperties.paddingverticalresponsive + 'px'
@@ -52736,8 +52741,8 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
52736
52741
  }
52737
52742
  }),
52738
52743
  sectiontitlespan: css({
52739
- paddingLeft: langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px',
52740
- paddingRight: langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px',
52744
+ paddingLeft: sectionproperties.sectiontitleborderradius == 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px' : 0,
52745
+ paddingRight: sectionproperties.sectiontitleborderradius == 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px' : 0,
52741
52746
  ':after': {
52742
52747
  position: 'absolute',
52743
52748
  bottom: 0,
@@ -52813,8 +52818,9 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
52813
52818
  }
52814
52819
  }),
52815
52820
  imageimage: css({
52816
- width: '100%',
52817
- height: sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'px',
52821
+ width: sectionproperties.image_width + '%',
52822
+ height: sectionproperties.percentagepixel != 'Percentage' ? sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'px' : sectionproperties.image_height + '%',
52823
+ // height: sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'px',
52818
52824
  margin: 0,
52819
52825
  padding: 0,
52820
52826
  objectFit: sectionproperties.bgcovercontain,
@@ -52881,18 +52887,34 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
52881
52887
  alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
52882
52888
  }
52883
52889
  }, /*#__PURE__*/React.createElement("div", {
52884
- "class": "d-flex align-items-center flex-row d-sm-none mt-sm-2",
52890
+ "class": 'd-flex align-items-center flex-row d-sm-none mt-sm-2 ',
52885
52891
  style: {
52886
52892
  position: 'relative',
52887
52893
  justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
52888
- fontSize: sectionproperties.sectionTitleFontSize + 'px'
52894
+ fontSize: sectionproperties.sectionTitleFontSize + 'px',
52895
+ backgroundColor: sectionproperties.sectiontitlebgcolor,
52896
+ borderRadius: sectionproperties.sectiontitleborderradius + 'px',
52897
+ paddingLeft: sectionproperties.sectiontitlepaddinghorizontal + 'px',
52898
+ paddingRight: sectionproperties.sectiontitlepaddinghorizontal + 'px',
52899
+ paddingTop: sectionproperties.sectiontitlepaddingvertical + 'px',
52900
+ paddingBottom: sectionproperties.sectiontitlepaddingvertical + 'px',
52901
+ marginLeft: sectionproperties.sectiontitleborderradius != 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px' : 0,
52902
+ marginRight: sectionproperties.sectiontitleborderradius != 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px' : 0
52889
52903
  }
52890
52904
  }, SectionTitle()), /*#__PURE__*/React.createElement("div", {
52891
- "class": "d-none align-items-center flex-row d-sm-flex mt-sm-2",
52905
+ "class": 'd-none align-items-center flex-row d-sm-flex mt-sm-2',
52892
52906
  style: {
52893
52907
  position: 'relative',
52894
52908
  justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
52895
- fontSize: sectionproperties.sectionTitleFontSizeresp + 'px'
52909
+ fontSize: sectionproperties.sectionTitleFontSizeresp + 'px',
52910
+ backgroundColor: sectionproperties.sectiontitlebgcolor,
52911
+ borderRadius: sectionproperties.sectiontitleborderradius + 'px',
52912
+ paddingLeft: sectionproperties.sectiontitlepaddinghorizontal + 'px',
52913
+ paddingRight: sectionproperties.sectiontitlepaddinghorizontal + 'px',
52914
+ paddingTop: sectionproperties.sectiontitlepaddingvertical + 'px',
52915
+ paddingBottom: sectionproperties.sectiontitlepaddingvertical + 'px',
52916
+ marginLeft: sectionproperties.sectiontitleborderradius != 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px' : 0,
52917
+ marginRight: sectionproperties.sectiontitleborderradius != 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px' : 0
52896
52918
  }
52897
52919
  }, SectionTitle())), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React.createElement("div", {
52898
52920
  "class": "col-lg-12 pl-0 pr-0 d-flex justify-content-md-center",
@@ -52918,7 +52940,8 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
52918
52940
  }, SectionDescription())), /*#__PURE__*/React.createElement("div", {
52919
52941
  "class": "col-lg-12 p-0 d-flex justify-content-md-center",
52920
52942
  style: {
52921
- justifyContent: sectionproperties.text2centered == 'Centered' ? 'center' : 'start'
52943
+ justifyContent: sectionproperties.text2centered == 'Centered' ? 'center' : 'start',
52944
+ marginBottom: sectionproperties.slideshowText2Content_marginBottom + 'px'
52922
52945
  }
52923
52946
  }, /*#__PURE__*/React.createElement("p", {
52924
52947
  "class": sectionproperties.text2centered == 'Justify' ? section_styles.editortext + ' pb-0 pl-md-2 pr-md-2 ' : section_styles.editortext + ' pb-0 text-md-center pl-md-2 pr-md-2 ',
@@ -52927,7 +52950,7 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
52927
52950
  __html: langdetect == 'en' ? sectionproperties.contenteditor : sectionproperties.text2editortextar
52928
52951
  }
52929
52952
  })), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
52930
- "class": "col-lg-12 p-0"
52953
+ "class": sectionproperties.generalbtn_position == 'Centered' ? 'col-lg-12 p-0 allcentered' : 'col-lg-12 p-0 text-start'
52931
52954
  }, /*#__PURE__*/React.createElement("button", {
52932
52955
  "class": "".concat(section_styles.btn),
52933
52956
  onClick: function onClick() {
@@ -52988,7 +53011,7 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
52988
53011
  var Image = function Image() {
52989
53012
  var _imagesarray$, _imagesarray$7, _imagesarray$8;
52990
53013
  return /*#__PURE__*/React.createElement("div", {
52991
- "class": sectionproperties.image_height == 0 ? 'col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center h-auto p-0' : 'col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center p-0',
53014
+ "class": sectionproperties.image_height == 0 ? sectionproperties.sectionstyle == 'Image on right' ? 'col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center h-auto p-0' : 'col-lg-6 col-md-12 d-flex justify-content-end justify-content-md-center h-auto p-0' : sectionproperties.sectionstyle == 'Image on right' ? 'col-lg-6 col-md-12 d-flex justify-content-end justify-content-md-center p-0' : 'col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center p-0',
52992
53015
  style: {
52993
53016
  cursor: ((_imagesarray$ = imagesarray[0]) === null || _imagesarray$ === void 0 ? void 0 : _imagesarray$.IsClickableimg) == 'Yes' ? 'pointer' : 'default',
52994
53017
  background: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor
@@ -53022,11 +53045,13 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
53022
53045
  background: sectionproperties.backgroundColor
53023
53046
  }
53024
53047
  }, /*#__PURE__*/React.createElement("div", {
53025
- "class": sectionproperties.card_marginRight != 0 && sectionproperties.card_marginLeft != 0 ? 'd-flex justify-content-between align-items-center px-1025-1 pl-md-3 pr-md-3 w-md-100 mx-auto' : 'd-flex justify-content-between align-items-center w-md-100 mx-auto',
53048
+ "class": sectionproperties.card_marginRight != 0 && sectionproperties.card_marginLeft != 0 ? sectionproperties.width != 100 ? 'd-flex justify-content-between align-items-center px-1025-1 pl-md-3 pr-md-3 w-md-90 mx-auto' : 'd-flex justify-content-between align-items-center px-1025-1 pl-md-3 pr-md-3 w-md-100 mx-auto' : sectionproperties.width != 100 ? 'd-flex justify-content-between align-items-center w-md-90 mx-auto' : 'd-flex justify-content-between align-items-center w-md-100 mx-auto',
53026
53049
  style: {
53027
53050
  paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
53028
53051
  paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
53029
- width: sectionproperties.width + 'vw'
53052
+ width: sectionproperties.width + 'vw',
53053
+ border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
53054
+ borderRadius: sectionproperties.sectioncardborderradius + 'px'
53030
53055
  }
53031
53056
  }, /*#__PURE__*/React.createElement("div", {
53032
53057
  "class":
@@ -53046,11 +53071,7 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
53046
53071
  // paddingTop: sectionproperties.paddingTop + 'px',
53047
53072
  // paddingBottom: sectionproperties.paddingBottom + 'px',
53048
53073
  marginTop: sectionproperties.marginTop + 'px',
53049
- marginBottom: sectionproperties.marginBottom + 'px',
53050
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
53051
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
53052
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
53053
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px'
53074
+ marginBottom: sectionproperties.marginBottom + 'px'
53054
53075
  }
53055
53076
  }, sectionproperties.sectionstyle == 'Image on right' && /*#__PURE__*/React.createElement("div", {
53056
53077
  "class": "col-lg-12 p-0 d-flex justify-content-between d-md-none"
@@ -53614,6 +53635,10 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
53614
53635
  ':hover': {
53615
53636
  transition: '.3s',
53616
53637
  backgroundColor: sectionproperties.activedotcolor
53638
+ },
53639
+ '@media (max-width: 800px)': {
53640
+ width: sectionproperties.innerwidthheightresp + 'px',
53641
+ height: sectionproperties.innerwidthheightresp + 'px'
53617
53642
  }
53618
53643
  }),
53619
53644
  cardContainer: css({
@@ -53752,7 +53777,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
53752
53777
  window.open(cardinfoitem.btnlink, '_blank');
53753
53778
  }
53754
53779
  }
53755
- }, /*#__PURE__*/React.createElement("div", {
53780
+ }, sectionproperties.imageposition == 'Top' && /*#__PURE__*/React.createElement("div", {
53756
53781
  "class": "col-lg-12 d-flex align-items-center p-0",
53757
53782
  style: {
53758
53783
  marginBottom: sectionproperties.image_mb + 'px',
@@ -53794,7 +53819,25 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
53794
53819
  fontWeight: sectionproperties.slideshowText2ContentFontWeight,
53795
53820
  textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
53796
53821
  }
53797
- }, langdetect == 'en' ? cardinfoitem.cardobj_descripen : cardinfoitem.cardobj_descripar))));
53822
+ }, langdetect == 'en' ? cardinfoitem.cardobj_descripen : cardinfoitem.cardobj_descripar)), sectionproperties.imageposition == 'Bottom' && /*#__PURE__*/React.createElement("div", {
53823
+ "class": "col-lg-12 d-flex align-items-center p-0",
53824
+ style: {
53825
+ marginTop: sectionproperties.image_mb + 'px',
53826
+ justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
53827
+ }
53828
+ }, /*#__PURE__*/React.createElement("div", {
53829
+ "class": sectionStyles.imageContainer + ' d-flex align-items-center imageContainer ',
53830
+ style: {}
53831
+ }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
53832
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
53833
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
53834
+ path: cardsarray.length != 0 ? cardinfoitem.cardobj_img : '',
53835
+ style: {
53836
+ maxHeight: sectionproperties.iconcontainerwidth + '%',
53837
+ maxWidth: sectionproperties.iconcontainerwidth + '%',
53838
+ objectFit: 'contain'
53839
+ }
53840
+ })))));
53798
53841
  }))));
53799
53842
  };
53800
53843
 
package/dist/index.umd.js CHANGED
@@ -24058,7 +24058,7 @@
24058
24058
  size: sectionproperties.cartBtn_iconFontSize
24059
24059
  }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, {
24060
24060
  size: sectionproperties.cartBtn_iconFontSize
24061
- })), sectionproperties.lang_position == 'Top' && /*#__PURE__*/React__default["default"].createElement("div", {
24061
+ })), sectionproperties.lang_position == 'Top' && sectionproperties.showlanuagecontainer == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
24062
24062
  "class": langdetect == 'en' ? 'headerdropdownml ml-3' : 'headerdropdownmr mr-3'
24063
24063
  }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("li", {
24064
24064
  "class": ' d-flex align-items-center justify-content-center '
@@ -24275,7 +24275,7 @@
24275
24275
  }
24276
24276
  }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
24277
24277
  size: sectionproperties.youtubebtniconfontsize
24278
- })), sectionproperties.lang_position == 'Bottom' && /*#__PURE__*/React__default["default"].createElement("div", {
24278
+ })), sectionproperties.lang_position == 'Bottom' && sectionproperties.showlanuagecontainer == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
24279
24279
  "class": langdetect == 'en' ? 'headerdropdownml ml-3' : 'headerdropdownmr mr-3'
24280
24280
  }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("li", {
24281
24281
  "class": ' d-flex align-items-center justify-content-center '
@@ -24331,7 +24331,10 @@
24331
24331
  "class": 'ml-2 mr-2'
24332
24332
  }, lang.english)))))))))), /*#__PURE__*/React__default["default"].createElement("div", {
24333
24333
  "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-lg-none d-md-block d-sm-block"
24334
- }, /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
24334
+ }, sectionproperties.responsiveheaderstyle == 'Style 1' && /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
24335
+ sectionpropertiesprops: sectionproperties,
24336
+ actions: actions
24337
+ }), sectionproperties.responsiveheaderstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
24335
24338
  sectionpropertiesprops: sectionproperties,
24336
24339
  actions: actions
24337
24340
  }))));
@@ -52588,8 +52591,10 @@
52588
52591
  }, [sectionproperties]);
52589
52592
  var section_styles = {
52590
52593
  sectioncintainer: glamor.css({
52591
- paddingTop: sectionproperties.sectiontitleposition == 'Centered' ? 50 : 0,
52592
- paddingBottom: sectionproperties.sectiontitleposition == 'Centered' ? 50 : 0,
52594
+ // paddingTop: sectionproperties.sectiontitleposition == 'Centered' ? 50 : 0,
52595
+ paddingTop: sectionproperties.paddingTop,
52596
+ // paddingBottom: sectionproperties.sectiontitleposition == 'Centered' ? 50 :0,
52597
+ paddingBottom: sectionproperties.paddingBottom,
52593
52598
  '@media (max-width: 800px)': {
52594
52599
  paddingTop: sectionproperties.paddingverticalresponsive + 'px',
52595
52600
  paddingBottom: sectionproperties.paddingverticalresponsive + 'px'
@@ -52617,8 +52622,8 @@
52617
52622
  }
52618
52623
  }),
52619
52624
  sectiontitlespan: glamor.css({
52620
- paddingLeft: langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px',
52621
- paddingRight: langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px',
52625
+ paddingLeft: sectionproperties.sectiontitleborderradius == 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px' : 0,
52626
+ paddingRight: sectionproperties.sectiontitleborderradius == 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px' : 0,
52622
52627
  ':after': {
52623
52628
  position: 'absolute',
52624
52629
  bottom: 0,
@@ -52694,8 +52699,9 @@
52694
52699
  }
52695
52700
  }),
52696
52701
  imageimage: glamor.css({
52697
- width: '100%',
52698
- height: sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'px',
52702
+ width: sectionproperties.image_width + '%',
52703
+ height: sectionproperties.percentagepixel != 'Percentage' ? sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'px' : sectionproperties.image_height + '%',
52704
+ // height: sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'px',
52699
52705
  margin: 0,
52700
52706
  padding: 0,
52701
52707
  objectFit: sectionproperties.bgcovercontain,
@@ -52762,18 +52768,34 @@
52762
52768
  alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
52763
52769
  }
52764
52770
  }, /*#__PURE__*/React__default["default"].createElement("div", {
52765
- "class": "d-flex align-items-center flex-row d-sm-none mt-sm-2",
52771
+ "class": 'd-flex align-items-center flex-row d-sm-none mt-sm-2 ',
52766
52772
  style: {
52767
52773
  position: 'relative',
52768
52774
  justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
52769
- fontSize: sectionproperties.sectionTitleFontSize + 'px'
52775
+ fontSize: sectionproperties.sectionTitleFontSize + 'px',
52776
+ backgroundColor: sectionproperties.sectiontitlebgcolor,
52777
+ borderRadius: sectionproperties.sectiontitleborderradius + 'px',
52778
+ paddingLeft: sectionproperties.sectiontitlepaddinghorizontal + 'px',
52779
+ paddingRight: sectionproperties.sectiontitlepaddinghorizontal + 'px',
52780
+ paddingTop: sectionproperties.sectiontitlepaddingvertical + 'px',
52781
+ paddingBottom: sectionproperties.sectiontitlepaddingvertical + 'px',
52782
+ marginLeft: sectionproperties.sectiontitleborderradius != 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px' : 0,
52783
+ marginRight: sectionproperties.sectiontitleborderradius != 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px' : 0
52770
52784
  }
52771
52785
  }, SectionTitle()), /*#__PURE__*/React__default["default"].createElement("div", {
52772
- "class": "d-none align-items-center flex-row d-sm-flex mt-sm-2",
52786
+ "class": 'd-none align-items-center flex-row d-sm-flex mt-sm-2',
52773
52787
  style: {
52774
52788
  position: 'relative',
52775
52789
  justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
52776
- fontSize: sectionproperties.sectionTitleFontSizeresp + 'px'
52790
+ fontSize: sectionproperties.sectionTitleFontSizeresp + 'px',
52791
+ backgroundColor: sectionproperties.sectiontitlebgcolor,
52792
+ borderRadius: sectionproperties.sectiontitleborderradius + 'px',
52793
+ paddingLeft: sectionproperties.sectiontitlepaddinghorizontal + 'px',
52794
+ paddingRight: sectionproperties.sectiontitlepaddinghorizontal + 'px',
52795
+ paddingTop: sectionproperties.sectiontitlepaddingvertical + 'px',
52796
+ paddingBottom: sectionproperties.sectiontitlepaddingvertical + 'px',
52797
+ marginLeft: sectionproperties.sectiontitleborderradius != 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px' : 0,
52798
+ marginRight: sectionproperties.sectiontitleborderradius != 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px' : 0
52777
52799
  }
52778
52800
  }, SectionTitle())), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
52779
52801
  "class": "col-lg-12 pl-0 pr-0 d-flex justify-content-md-center",
@@ -52799,7 +52821,8 @@
52799
52821
  }, SectionDescription())), /*#__PURE__*/React__default["default"].createElement("div", {
52800
52822
  "class": "col-lg-12 p-0 d-flex justify-content-md-center",
52801
52823
  style: {
52802
- justifyContent: sectionproperties.text2centered == 'Centered' ? 'center' : 'start'
52824
+ justifyContent: sectionproperties.text2centered == 'Centered' ? 'center' : 'start',
52825
+ marginBottom: sectionproperties.slideshowText2Content_marginBottom + 'px'
52803
52826
  }
52804
52827
  }, /*#__PURE__*/React__default["default"].createElement("p", {
52805
52828
  "class": sectionproperties.text2centered == 'Justify' ? section_styles.editortext + ' pb-0 pl-md-2 pr-md-2 ' : section_styles.editortext + ' pb-0 text-md-center pl-md-2 pr-md-2 ',
@@ -52808,7 +52831,7 @@
52808
52831
  __html: langdetect == 'en' ? sectionproperties.contenteditor : sectionproperties.text2editortextar
52809
52832
  }
52810
52833
  })), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
52811
- "class": "col-lg-12 p-0"
52834
+ "class": sectionproperties.generalbtn_position == 'Centered' ? 'col-lg-12 p-0 allcentered' : 'col-lg-12 p-0 text-start'
52812
52835
  }, /*#__PURE__*/React__default["default"].createElement("button", {
52813
52836
  "class": "".concat(section_styles.btn),
52814
52837
  onClick: function onClick() {
@@ -52869,7 +52892,7 @@
52869
52892
  var Image = function Image() {
52870
52893
  var _imagesarray$, _imagesarray$7, _imagesarray$8;
52871
52894
  return /*#__PURE__*/React__default["default"].createElement("div", {
52872
- "class": sectionproperties.image_height == 0 ? 'col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center h-auto p-0' : 'col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center p-0',
52895
+ "class": sectionproperties.image_height == 0 ? sectionproperties.sectionstyle == 'Image on right' ? 'col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center h-auto p-0' : 'col-lg-6 col-md-12 d-flex justify-content-end justify-content-md-center h-auto p-0' : sectionproperties.sectionstyle == 'Image on right' ? 'col-lg-6 col-md-12 d-flex justify-content-end justify-content-md-center p-0' : 'col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center p-0',
52873
52896
  style: {
52874
52897
  cursor: ((_imagesarray$ = imagesarray[0]) === null || _imagesarray$ === void 0 ? void 0 : _imagesarray$.IsClickableimg) == 'Yes' ? 'pointer' : 'default',
52875
52898
  background: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor
@@ -52903,11 +52926,13 @@
52903
52926
  background: sectionproperties.backgroundColor
52904
52927
  }
52905
52928
  }, /*#__PURE__*/React__default["default"].createElement("div", {
52906
- "class": sectionproperties.card_marginRight != 0 && sectionproperties.card_marginLeft != 0 ? 'd-flex justify-content-between align-items-center px-1025-1 pl-md-3 pr-md-3 w-md-100 mx-auto' : 'd-flex justify-content-between align-items-center w-md-100 mx-auto',
52929
+ "class": sectionproperties.card_marginRight != 0 && sectionproperties.card_marginLeft != 0 ? sectionproperties.width != 100 ? 'd-flex justify-content-between align-items-center px-1025-1 pl-md-3 pr-md-3 w-md-90 mx-auto' : 'd-flex justify-content-between align-items-center px-1025-1 pl-md-3 pr-md-3 w-md-100 mx-auto' : sectionproperties.width != 100 ? 'd-flex justify-content-between align-items-center w-md-90 mx-auto' : 'd-flex justify-content-between align-items-center w-md-100 mx-auto',
52907
52930
  style: {
52908
52931
  paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
52909
52932
  paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
52910
- width: sectionproperties.width + 'vw'
52933
+ width: sectionproperties.width + 'vw',
52934
+ border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
52935
+ borderRadius: sectionproperties.sectioncardborderradius + 'px'
52911
52936
  }
52912
52937
  }, /*#__PURE__*/React__default["default"].createElement("div", {
52913
52938
  "class":
@@ -52927,11 +52952,7 @@
52927
52952
  // paddingTop: sectionproperties.paddingTop + 'px',
52928
52953
  // paddingBottom: sectionproperties.paddingBottom + 'px',
52929
52954
  marginTop: sectionproperties.marginTop + 'px',
52930
- marginBottom: sectionproperties.marginBottom + 'px',
52931
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
52932
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
52933
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
52934
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px'
52955
+ marginBottom: sectionproperties.marginBottom + 'px'
52935
52956
  }
52936
52957
  }, sectionproperties.sectionstyle == 'Image on right' && /*#__PURE__*/React__default["default"].createElement("div", {
52937
52958
  "class": "col-lg-12 p-0 d-flex justify-content-between d-md-none"
@@ -53495,6 +53516,10 @@
53495
53516
  ':hover': {
53496
53517
  transition: '.3s',
53497
53518
  backgroundColor: sectionproperties.activedotcolor
53519
+ },
53520
+ '@media (max-width: 800px)': {
53521
+ width: sectionproperties.innerwidthheightresp + 'px',
53522
+ height: sectionproperties.innerwidthheightresp + 'px'
53498
53523
  }
53499
53524
  }),
53500
53525
  cardContainer: glamor.css({
@@ -53633,7 +53658,7 @@
53633
53658
  window.open(cardinfoitem.btnlink, '_blank');
53634
53659
  }
53635
53660
  }
53636
- }, /*#__PURE__*/React__default["default"].createElement("div", {
53661
+ }, sectionproperties.imageposition == 'Top' && /*#__PURE__*/React__default["default"].createElement("div", {
53637
53662
  "class": "col-lg-12 d-flex align-items-center p-0",
53638
53663
  style: {
53639
53664
  marginBottom: sectionproperties.image_mb + 'px',
@@ -53675,7 +53700,25 @@
53675
53700
  fontWeight: sectionproperties.slideshowText2ContentFontWeight,
53676
53701
  textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
53677
53702
  }
53678
- }, langdetect == 'en' ? cardinfoitem.cardobj_descripen : cardinfoitem.cardobj_descripar))));
53703
+ }, langdetect == 'en' ? cardinfoitem.cardobj_descripen : cardinfoitem.cardobj_descripar)), sectionproperties.imageposition == 'Bottom' && /*#__PURE__*/React__default["default"].createElement("div", {
53704
+ "class": "col-lg-12 d-flex align-items-center p-0",
53705
+ style: {
53706
+ marginTop: sectionproperties.image_mb + 'px',
53707
+ justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
53708
+ }
53709
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
53710
+ "class": sectionStyles.imageContainer + ' d-flex align-items-center imageContainer ',
53711
+ style: {}
53712
+ }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
53713
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
53714
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
53715
+ path: cardsarray.length != 0 ? cardinfoitem.cardobj_img : '',
53716
+ style: {
53717
+ maxHeight: sectionproperties.iconcontainerwidth + '%',
53718
+ maxWidth: sectionproperties.iconcontainerwidth + '%',
53719
+ objectFit: 'contain'
53720
+ }
53721
+ })))));
53679
53722
  }))));
53680
53723
  };
53681
53724
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.389",
3
+ "version": "0.0.391",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {