tabexseriescomponents 0.0.606 → 0.0.607

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 +41 -20
  2. package/dist/index.esm.js +41 -20
  3. package/dist/index.umd.js +41 -20
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -56825,6 +56825,13 @@ var VideosSection = function VideosSection(props) {
56825
56825
  '@media (max-width: 800px)': {
56826
56826
  fontSize: '30px'
56827
56827
  }
56828
+ }),
56829
+ contttt: glamor.css({
56830
+ background: sectionproperties.backgroundColor,
56831
+ width: sectionproperties.width + 'vw',
56832
+ '@media (max-width: 800px)': {
56833
+ width: sectionproperties.widthresponsive + 'vw'
56834
+ }
56828
56835
  })
56829
56836
  };
56830
56837
  var SectionTitle = function SectionTitle() {
@@ -56868,13 +56875,18 @@ var VideosSection = function VideosSection(props) {
56868
56875
  }, langdetect == 'en' ? item.description_en : item.description_ar)));
56869
56876
  };
56870
56877
  return /*#__PURE__*/React__default["default"].createElement("div", {
56871
- className: "row ml-0 mr-0 w-100 pl-md-0 pr-md-0",
56878
+ className: "row ml-0 mr-0 w-100 pl-md-0 pr-md-0 d-flex justify-content-center",
56872
56879
  style: {
56873
56880
  paddingTop: sectionproperties.marginTop + 'px',
56874
56881
  paddingBottom: sectionproperties.marginBottom + 'px',
56875
56882
  paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
56876
56883
  paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
56877
- background: sectionproperties.backgroundColor
56884
+ background: sectionproperties.outerbgcolor
56885
+ }
56886
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
56887
+ "class": bgcssstyles.contttt + ' row m-0 ',
56888
+ style: {
56889
+ paddingTop: sectionproperties.sectionTitleMarginTop + 'px'
56878
56890
  }
56879
56891
  }, sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
56880
56892
  "class": ' col-lg-12 p-0 d-flex d-md-none align-items-center ',
@@ -56905,7 +56917,7 @@ var VideosSection = function VideosSection(props) {
56905
56917
  }, Description()), /*#__PURE__*/React__default["default"].createElement("div", {
56906
56918
  "class": "col-lg-12 p-0"
56907
56919
  }, sectionproperties.view_as_slider_vertical == 'Vertical' && /*#__PURE__*/React__default["default"].createElement("div", {
56908
- "class": "row m-0 w-100 d-flex",
56920
+ "class": ' row m-auto d-flex ',
56909
56921
  style: {
56910
56922
  justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
56911
56923
  }
@@ -57054,7 +57066,7 @@ var VideosSection = function VideosSection(props) {
57054
57066
  }))), sectionproperties.sectionbgstyle != 'Text Above' && /*#__PURE__*/React__default["default"].createElement("div", {
57055
57067
  "class": "col-lg-12 p-0 mt-3"
57056
57068
  }, ImageContent(item))));
57057
- }))))));
57069
+ })))))));
57058
57070
  };
57059
57071
 
57060
57072
  function ownKeys$13(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -57456,7 +57468,7 @@ var TextSectionConnectToWA = function TextSectionConnectToWA(props) {
57456
57468
  paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
57457
57469
  }
57458
57470
  }, /*#__PURE__*/React__default["default"].createElement("div", {
57459
- "class": sectionproperties.width == 100 ? 'row m-0 w-md-100 px-1025-1 pl-md-2 pr-md-2' : 'row m-0 w-md-95 px-1025-1 pl-md-2 pr-md-2',
57471
+ "class": sectionproperties.width == 100 ? 'row m-0 w-md-100 px-1025-1 pl-md-2 pr-md-2' : 'row m-0 w-md-100 px-1025-1 pl-md-2 pr-md-2',
57460
57472
  style: {
57461
57473
  width: sectionproperties.width + 'vw',
57462
57474
  position: 'relative',
@@ -58561,7 +58573,11 @@ var AboutSection = function AboutSection(props) {
58561
58573
  borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
58562
58574
  borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
58563
58575
  borderColor: sectionproperties.sectioncardbordercolor,
58564
- border: sectionproperties.sectioncardborderwidth + 'px solid'
58576
+ border: sectionproperties.sectioncardborderwidth + 'px solid',
58577
+ width: sectionproperties.width + 'vw',
58578
+ '@media (max-width: 800px)': {
58579
+ width: sectionproperties.widthresponsive + 'vw'
58580
+ }
58565
58581
  }),
58566
58582
  sectiontitlespan: glamor.css({
58567
58583
  ':after': {
@@ -58701,7 +58717,7 @@ var AboutSection = function AboutSection(props) {
58701
58717
  fontSize: sectionproperties.icontextfontsize + 'px',
58702
58718
  whiteSpace: 'nowrap'
58703
58719
  }
58704
- }, "0", cardinfoindex + 1), cardsarray[cardinfoindex].cardobj_img != '' && cardsarray[cardinfoindex].cardobj_img != null && /*#__PURE__*/React__default["default"].createElement("div", {
58720
+ }, cardinfoindex < 9 && 0, cardinfoindex + 1), cardsarray[cardinfoindex].cardobj_img != '' && cardsarray[cardinfoindex].cardobj_img != null && /*#__PURE__*/React__default["default"].createElement("div", {
58705
58721
  "class": sectionproperties.cardsdirection == 'Horizontal' ? 'p-0 m-0 allcentered' : 'p-0 m-0 mb-2 allcentered',
58706
58722
  style: {
58707
58723
  width: sectionproperties.iconcontainerwidth + 'vh',
@@ -58722,7 +58738,7 @@ var AboutSection = function AboutSection(props) {
58722
58738
  })), /*#__PURE__*/React__default["default"].createElement("div", {
58723
58739
  "class": sectionproperties.cardsdirection == 'Horizontal' ? sectionproperties.numberOfColsvertical == '1' ? 'col-lg-10 col-md-10 col-sm-10 d-flex flex-column pl-3 align-items-center' : 'col-lg-9 col-md-9 col-sm-9 d-flex flex-column pl-3 align-items-center' : 'col-lg-12 col-md-12 col-sm-12 d-flex flex-column pl-3 align-items-center'
58724
58740
  }, /*#__PURE__*/React__default["default"].createElement("p", {
58725
- "class": sectionproperties.slideshowText2ContentFontSize != 0 ? 'mb-0 p-0 wordbreak wordbreak1 w-100' : 'mb-auto mt-auto p-0 wordbreak wordbreak1 w-100',
58741
+ "class": sectionproperties.slideshowText2ContentFontSize != 0 ? 'mb-0 p-0 w-100' : 'mb-auto mt-auto p-0 w-100',
58726
58742
  style: {
58727
58743
  fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
58728
58744
  color: sectionproperties.slideshowText1ContentColor,
@@ -58743,30 +58759,30 @@ var AboutSection = function AboutSection(props) {
58743
58759
  return /*#__PURE__*/React__default["default"].createElement("div", {
58744
58760
  "class": "row m-0 d-flex justify-content-center w-100 align-items-center"
58745
58761
  }, /*#__PURE__*/React__default["default"].createElement("div", {
58746
- "class": section_styles.cards_sections + ' w-100 pl-md-2 pr-md-2 '
58762
+ "class": section_styles.cards_sections + ' pl-md-2 pr-md-2 '
58747
58763
  }, sectionproperties.sectionstyle == 'Image on left' && /*#__PURE__*/React__default["default"].createElement("div", {
58748
58764
  "class": "row m-0 d-flex justify-content-center w-100"
58749
- }, /*#__PURE__*/React__default["default"].createElement("div", {
58765
+ }, sectionproperties.image_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
58750
58766
  "class": "col-lg-4 d-flex d-md-none justify-content-end justify-content-md-center p-md-0 align-items-center"
58751
58767
  }, imagesection()), /*#__PURE__*/React__default["default"].createElement("div", {
58752
- "class": "col-lg-6 mb-md-3 d-flex justify-content-start h-100"
58753
- }, SectionContent()), /*#__PURE__*/React__default["default"].createElement("div", {
58768
+ "class": sectionproperties.image_show == 'Show' ? 'col-lg-6 mb-md-3 d-flex justify-content-start h-100' : 'col-lg-12 mb-md-3 d-flex justify-content-start h-100'
58769
+ }, SectionContent()), sectionproperties.image_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
58754
58770
  "class": "col-lg-6 d-none d-md-flex justify-content-end justify-content-md-center pl-3 pr-3"
58755
58771
  }, imagesection())), sectionproperties.sectionstyle == 'Image on right' && langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
58756
58772
  "class": "row m-0 d-flex justify-content-center w-100"
58757
58773
  }, /*#__PURE__*/React__default["default"].createElement("div", {
58758
- "class": "col-lg-6 mb-md-3 d-flex justify-content-start h-100"
58759
- }, SectionContent()), /*#__PURE__*/React__default["default"].createElement("div", {
58774
+ "class": sectionproperties.image_show == 'Show' ? 'col-lg-6 mb-md-3 d-flex justify-content-start h-100' : 'col-lg-12 mb-md-3 d-flex justify-content-start h-100'
58775
+ }, SectionContent()), sectionproperties.image_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
58760
58776
  "class": "col-lg-4 d-flex d-md-none justify-content-end justify-content-md-center p-md-0 align-items-center"
58761
- }, imagesection()), /*#__PURE__*/React__default["default"].createElement("div", {
58777
+ }, imagesection()), sectionproperties.image_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
58762
58778
  "class": "col-lg-6 d-none d-md-flex justify-content-end justify-content-md-center pl-3 pr-3"
58763
58779
  }, imagesection())), sectionproperties.sectionstyle == 'Image on right' && langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
58764
58780
  "class": "row m-0 d-flex justify-content-center w-100"
58765
- }, /*#__PURE__*/React__default["default"].createElement("div", {
58781
+ }, sectionproperties.image_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
58766
58782
  "class": "col-lg-4 d-flex d-md-none justify-content-end justify-content-md-center p-md-0 align-items-center"
58767
58783
  }, imagesection()), /*#__PURE__*/React__default["default"].createElement("div", {
58768
- "class": "col-lg-6 mb-md-3 d-flex justify-content-start h-100"
58769
- }, SectionContent()), /*#__PURE__*/React__default["default"].createElement("div", {
58784
+ "class": sectionproperties.image_show == 'Show' ? 'col-lg-6 mb-md-3 d-flex justify-content-start h-100' : 'col-lg-12 mb-md-3 d-flex justify-content-start h-100'
58785
+ }, SectionContent()), sectionproperties.image_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
58770
58786
  "class": "col-lg-6 d-none d-md-flex justify-content-end justify-content-md-center pl-3 pr-3"
58771
58787
  }, imagesection()))));
58772
58788
  };
@@ -59360,6 +59376,12 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
59360
59376
  fontSize: sectionproperties.slideshowText2ContentFontSize_resp + 'px',
59361
59377
  textAlign: sectionproperties.text2centered == 'Centered' ? 'center' : sectionproperties.text2centered == 'Justify' ? 'justify' : 'start'
59362
59378
  }
59379
+ }),
59380
+ cont1: glamor.css({
59381
+ width: sectionproperties.width + 'vw',
59382
+ '@media (max-width: 800px)': {
59383
+ width: sectionproperties.widthresponsive + 'vw'
59384
+ }
59363
59385
  })
59364
59386
  };
59365
59387
  var SectionTitle = function SectionTitle() {
@@ -59569,11 +59591,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
59569
59591
  background: sectionproperties.backgroundColor
59570
59592
  }
59571
59593
  }, /*#__PURE__*/React__default["default"].createElement("div", {
59572
- "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',
59594
+ "class": sectionproperties.card_marginRight != 0 && sectionproperties.card_marginLeft != 0 ? sectionproperties.width != 100 ? section_styles.cont1 + ' d-flex justify-content-between align-items-center px-1025-1 pl-md-3 pr-md-3 mx-auto ' : section_styles.cont1 + 'd-flex justify-content-between align-items-center px-1025-1 pl-md-3 pr-md-3 mx-auto ' : sectionproperties.width != 100 ? section_styles.cont1 + 'd-flex justify-content-between align-items-center mx-auto ' : section_styles.cont1 + 'd-flex justify-content-between align-items-center mx-auto ',
59573
59595
  style: {
59574
59596
  paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
59575
59597
  paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
59576
- width: sectionproperties.width + 'vw',
59577
59598
  border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
59578
59599
  borderRadius: sectionproperties.sectioncardborderradius + 'px'
59579
59600
  }
package/dist/index.esm.js CHANGED
@@ -56776,6 +56776,13 @@ var VideosSection = function VideosSection(props) {
56776
56776
  '@media (max-width: 800px)': {
56777
56777
  fontSize: '30px'
56778
56778
  }
56779
+ }),
56780
+ contttt: css({
56781
+ background: sectionproperties.backgroundColor,
56782
+ width: sectionproperties.width + 'vw',
56783
+ '@media (max-width: 800px)': {
56784
+ width: sectionproperties.widthresponsive + 'vw'
56785
+ }
56779
56786
  })
56780
56787
  };
56781
56788
  var SectionTitle = function SectionTitle() {
@@ -56819,13 +56826,18 @@ var VideosSection = function VideosSection(props) {
56819
56826
  }, langdetect == 'en' ? item.description_en : item.description_ar)));
56820
56827
  };
56821
56828
  return /*#__PURE__*/React.createElement("div", {
56822
- className: "row ml-0 mr-0 w-100 pl-md-0 pr-md-0",
56829
+ className: "row ml-0 mr-0 w-100 pl-md-0 pr-md-0 d-flex justify-content-center",
56823
56830
  style: {
56824
56831
  paddingTop: sectionproperties.marginTop + 'px',
56825
56832
  paddingBottom: sectionproperties.marginBottom + 'px',
56826
56833
  paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
56827
56834
  paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
56828
- background: sectionproperties.backgroundColor
56835
+ background: sectionproperties.outerbgcolor
56836
+ }
56837
+ }, /*#__PURE__*/React.createElement("div", {
56838
+ "class": bgcssstyles.contttt + ' row m-0 ',
56839
+ style: {
56840
+ paddingTop: sectionproperties.sectionTitleMarginTop + 'px'
56829
56841
  }
56830
56842
  }, sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React.createElement("div", {
56831
56843
  "class": ' col-lg-12 p-0 d-flex d-md-none align-items-center ',
@@ -56856,7 +56868,7 @@ var VideosSection = function VideosSection(props) {
56856
56868
  }, Description()), /*#__PURE__*/React.createElement("div", {
56857
56869
  "class": "col-lg-12 p-0"
56858
56870
  }, sectionproperties.view_as_slider_vertical == 'Vertical' && /*#__PURE__*/React.createElement("div", {
56859
- "class": "row m-0 w-100 d-flex",
56871
+ "class": ' row m-auto d-flex ',
56860
56872
  style: {
56861
56873
  justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
56862
56874
  }
@@ -57005,7 +57017,7 @@ var VideosSection = function VideosSection(props) {
57005
57017
  }))), sectionproperties.sectionbgstyle != 'Text Above' && /*#__PURE__*/React.createElement("div", {
57006
57018
  "class": "col-lg-12 p-0 mt-3"
57007
57019
  }, ImageContent(item))));
57008
- }))))));
57020
+ })))))));
57009
57021
  };
57010
57022
 
57011
57023
  function ownKeys$13(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -57407,7 +57419,7 @@ var TextSectionConnectToWA = function TextSectionConnectToWA(props) {
57407
57419
  paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
57408
57420
  }
57409
57421
  }, /*#__PURE__*/React.createElement("div", {
57410
- "class": sectionproperties.width == 100 ? 'row m-0 w-md-100 px-1025-1 pl-md-2 pr-md-2' : 'row m-0 w-md-95 px-1025-1 pl-md-2 pr-md-2',
57422
+ "class": sectionproperties.width == 100 ? 'row m-0 w-md-100 px-1025-1 pl-md-2 pr-md-2' : 'row m-0 w-md-100 px-1025-1 pl-md-2 pr-md-2',
57411
57423
  style: {
57412
57424
  width: sectionproperties.width + 'vw',
57413
57425
  position: 'relative',
@@ -58512,7 +58524,11 @@ var AboutSection = function AboutSection(props) {
58512
58524
  borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
58513
58525
  borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
58514
58526
  borderColor: sectionproperties.sectioncardbordercolor,
58515
- border: sectionproperties.sectioncardborderwidth + 'px solid'
58527
+ border: sectionproperties.sectioncardborderwidth + 'px solid',
58528
+ width: sectionproperties.width + 'vw',
58529
+ '@media (max-width: 800px)': {
58530
+ width: sectionproperties.widthresponsive + 'vw'
58531
+ }
58516
58532
  }),
58517
58533
  sectiontitlespan: css({
58518
58534
  ':after': {
@@ -58652,7 +58668,7 @@ var AboutSection = function AboutSection(props) {
58652
58668
  fontSize: sectionproperties.icontextfontsize + 'px',
58653
58669
  whiteSpace: 'nowrap'
58654
58670
  }
58655
- }, "0", cardinfoindex + 1), cardsarray[cardinfoindex].cardobj_img != '' && cardsarray[cardinfoindex].cardobj_img != null && /*#__PURE__*/React.createElement("div", {
58671
+ }, cardinfoindex < 9 && 0, cardinfoindex + 1), cardsarray[cardinfoindex].cardobj_img != '' && cardsarray[cardinfoindex].cardobj_img != null && /*#__PURE__*/React.createElement("div", {
58656
58672
  "class": sectionproperties.cardsdirection == 'Horizontal' ? 'p-0 m-0 allcentered' : 'p-0 m-0 mb-2 allcentered',
58657
58673
  style: {
58658
58674
  width: sectionproperties.iconcontainerwidth + 'vh',
@@ -58673,7 +58689,7 @@ var AboutSection = function AboutSection(props) {
58673
58689
  })), /*#__PURE__*/React.createElement("div", {
58674
58690
  "class": sectionproperties.cardsdirection == 'Horizontal' ? sectionproperties.numberOfColsvertical == '1' ? 'col-lg-10 col-md-10 col-sm-10 d-flex flex-column pl-3 align-items-center' : 'col-lg-9 col-md-9 col-sm-9 d-flex flex-column pl-3 align-items-center' : 'col-lg-12 col-md-12 col-sm-12 d-flex flex-column pl-3 align-items-center'
58675
58691
  }, /*#__PURE__*/React.createElement("p", {
58676
- "class": sectionproperties.slideshowText2ContentFontSize != 0 ? 'mb-0 p-0 wordbreak wordbreak1 w-100' : 'mb-auto mt-auto p-0 wordbreak wordbreak1 w-100',
58692
+ "class": sectionproperties.slideshowText2ContentFontSize != 0 ? 'mb-0 p-0 w-100' : 'mb-auto mt-auto p-0 w-100',
58677
58693
  style: {
58678
58694
  fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
58679
58695
  color: sectionproperties.slideshowText1ContentColor,
@@ -58694,30 +58710,30 @@ var AboutSection = function AboutSection(props) {
58694
58710
  return /*#__PURE__*/React.createElement("div", {
58695
58711
  "class": "row m-0 d-flex justify-content-center w-100 align-items-center"
58696
58712
  }, /*#__PURE__*/React.createElement("div", {
58697
- "class": section_styles.cards_sections + ' w-100 pl-md-2 pr-md-2 '
58713
+ "class": section_styles.cards_sections + ' pl-md-2 pr-md-2 '
58698
58714
  }, sectionproperties.sectionstyle == 'Image on left' && /*#__PURE__*/React.createElement("div", {
58699
58715
  "class": "row m-0 d-flex justify-content-center w-100"
58700
- }, /*#__PURE__*/React.createElement("div", {
58716
+ }, sectionproperties.image_show == 'Show' && /*#__PURE__*/React.createElement("div", {
58701
58717
  "class": "col-lg-4 d-flex d-md-none justify-content-end justify-content-md-center p-md-0 align-items-center"
58702
58718
  }, imagesection()), /*#__PURE__*/React.createElement("div", {
58703
- "class": "col-lg-6 mb-md-3 d-flex justify-content-start h-100"
58704
- }, SectionContent()), /*#__PURE__*/React.createElement("div", {
58719
+ "class": sectionproperties.image_show == 'Show' ? 'col-lg-6 mb-md-3 d-flex justify-content-start h-100' : 'col-lg-12 mb-md-3 d-flex justify-content-start h-100'
58720
+ }, SectionContent()), sectionproperties.image_show == 'Show' && /*#__PURE__*/React.createElement("div", {
58705
58721
  "class": "col-lg-6 d-none d-md-flex justify-content-end justify-content-md-center pl-3 pr-3"
58706
58722
  }, imagesection())), sectionproperties.sectionstyle == 'Image on right' && langdetect == 'en' && /*#__PURE__*/React.createElement("div", {
58707
58723
  "class": "row m-0 d-flex justify-content-center w-100"
58708
58724
  }, /*#__PURE__*/React.createElement("div", {
58709
- "class": "col-lg-6 mb-md-3 d-flex justify-content-start h-100"
58710
- }, SectionContent()), /*#__PURE__*/React.createElement("div", {
58725
+ "class": sectionproperties.image_show == 'Show' ? 'col-lg-6 mb-md-3 d-flex justify-content-start h-100' : 'col-lg-12 mb-md-3 d-flex justify-content-start h-100'
58726
+ }, SectionContent()), sectionproperties.image_show == 'Show' && /*#__PURE__*/React.createElement("div", {
58711
58727
  "class": "col-lg-4 d-flex d-md-none justify-content-end justify-content-md-center p-md-0 align-items-center"
58712
- }, imagesection()), /*#__PURE__*/React.createElement("div", {
58728
+ }, imagesection()), sectionproperties.image_show == 'Show' && /*#__PURE__*/React.createElement("div", {
58713
58729
  "class": "col-lg-6 d-none d-md-flex justify-content-end justify-content-md-center pl-3 pr-3"
58714
58730
  }, imagesection())), sectionproperties.sectionstyle == 'Image on right' && langdetect == 'ar' && /*#__PURE__*/React.createElement("div", {
58715
58731
  "class": "row m-0 d-flex justify-content-center w-100"
58716
- }, /*#__PURE__*/React.createElement("div", {
58732
+ }, sectionproperties.image_show == 'Show' && /*#__PURE__*/React.createElement("div", {
58717
58733
  "class": "col-lg-4 d-flex d-md-none justify-content-end justify-content-md-center p-md-0 align-items-center"
58718
58734
  }, imagesection()), /*#__PURE__*/React.createElement("div", {
58719
- "class": "col-lg-6 mb-md-3 d-flex justify-content-start h-100"
58720
- }, SectionContent()), /*#__PURE__*/React.createElement("div", {
58735
+ "class": sectionproperties.image_show == 'Show' ? 'col-lg-6 mb-md-3 d-flex justify-content-start h-100' : 'col-lg-12 mb-md-3 d-flex justify-content-start h-100'
58736
+ }, SectionContent()), sectionproperties.image_show == 'Show' && /*#__PURE__*/React.createElement("div", {
58721
58737
  "class": "col-lg-6 d-none d-md-flex justify-content-end justify-content-md-center pl-3 pr-3"
58722
58738
  }, imagesection()))));
58723
58739
  };
@@ -59311,6 +59327,12 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
59311
59327
  fontSize: sectionproperties.slideshowText2ContentFontSize_resp + 'px',
59312
59328
  textAlign: sectionproperties.text2centered == 'Centered' ? 'center' : sectionproperties.text2centered == 'Justify' ? 'justify' : 'start'
59313
59329
  }
59330
+ }),
59331
+ cont1: css({
59332
+ width: sectionproperties.width + 'vw',
59333
+ '@media (max-width: 800px)': {
59334
+ width: sectionproperties.widthresponsive + 'vw'
59335
+ }
59314
59336
  })
59315
59337
  };
59316
59338
  var SectionTitle = function SectionTitle() {
@@ -59520,11 +59542,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
59520
59542
  background: sectionproperties.backgroundColor
59521
59543
  }
59522
59544
  }, /*#__PURE__*/React.createElement("div", {
59523
- "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',
59545
+ "class": sectionproperties.card_marginRight != 0 && sectionproperties.card_marginLeft != 0 ? sectionproperties.width != 100 ? section_styles.cont1 + ' d-flex justify-content-between align-items-center px-1025-1 pl-md-3 pr-md-3 mx-auto ' : section_styles.cont1 + 'd-flex justify-content-between align-items-center px-1025-1 pl-md-3 pr-md-3 mx-auto ' : sectionproperties.width != 100 ? section_styles.cont1 + 'd-flex justify-content-between align-items-center mx-auto ' : section_styles.cont1 + 'd-flex justify-content-between align-items-center mx-auto ',
59524
59546
  style: {
59525
59547
  paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
59526
59548
  paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
59527
- width: sectionproperties.width + 'vw',
59528
59549
  border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
59529
59550
  borderRadius: sectionproperties.sectioncardborderradius + 'px'
59530
59551
  }
package/dist/index.umd.js CHANGED
@@ -56649,6 +56649,13 @@
56649
56649
  '@media (max-width: 800px)': {
56650
56650
  fontSize: '30px'
56651
56651
  }
56652
+ }),
56653
+ contttt: glamor.css({
56654
+ background: sectionproperties.backgroundColor,
56655
+ width: sectionproperties.width + 'vw',
56656
+ '@media (max-width: 800px)': {
56657
+ width: sectionproperties.widthresponsive + 'vw'
56658
+ }
56652
56659
  })
56653
56660
  };
56654
56661
  var SectionTitle = function SectionTitle() {
@@ -56692,13 +56699,18 @@
56692
56699
  }, langdetect == 'en' ? item.description_en : item.description_ar)));
56693
56700
  };
56694
56701
  return /*#__PURE__*/React__default["default"].createElement("div", {
56695
- className: "row ml-0 mr-0 w-100 pl-md-0 pr-md-0",
56702
+ className: "row ml-0 mr-0 w-100 pl-md-0 pr-md-0 d-flex justify-content-center",
56696
56703
  style: {
56697
56704
  paddingTop: sectionproperties.marginTop + 'px',
56698
56705
  paddingBottom: sectionproperties.marginBottom + 'px',
56699
56706
  paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
56700
56707
  paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
56701
- background: sectionproperties.backgroundColor
56708
+ background: sectionproperties.outerbgcolor
56709
+ }
56710
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
56711
+ "class": bgcssstyles.contttt + ' row m-0 ',
56712
+ style: {
56713
+ paddingTop: sectionproperties.sectionTitleMarginTop + 'px'
56702
56714
  }
56703
56715
  }, sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
56704
56716
  "class": ' col-lg-12 p-0 d-flex d-md-none align-items-center ',
@@ -56729,7 +56741,7 @@
56729
56741
  }, Description()), /*#__PURE__*/React__default["default"].createElement("div", {
56730
56742
  "class": "col-lg-12 p-0"
56731
56743
  }, sectionproperties.view_as_slider_vertical == 'Vertical' && /*#__PURE__*/React__default["default"].createElement("div", {
56732
- "class": "row m-0 w-100 d-flex",
56744
+ "class": ' row m-auto d-flex ',
56733
56745
  style: {
56734
56746
  justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
56735
56747
  }
@@ -56878,7 +56890,7 @@
56878
56890
  }))), sectionproperties.sectionbgstyle != 'Text Above' && /*#__PURE__*/React__default["default"].createElement("div", {
56879
56891
  "class": "col-lg-12 p-0 mt-3"
56880
56892
  }, ImageContent(item))));
56881
- }))))));
56893
+ })))))));
56882
56894
  };
56883
56895
 
56884
56896
  function ownKeys$13(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -57280,7 +57292,7 @@
57280
57292
  paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
57281
57293
  }
57282
57294
  }, /*#__PURE__*/React__default["default"].createElement("div", {
57283
- "class": sectionproperties.width == 100 ? 'row m-0 w-md-100 px-1025-1 pl-md-2 pr-md-2' : 'row m-0 w-md-95 px-1025-1 pl-md-2 pr-md-2',
57295
+ "class": sectionproperties.width == 100 ? 'row m-0 w-md-100 px-1025-1 pl-md-2 pr-md-2' : 'row m-0 w-md-100 px-1025-1 pl-md-2 pr-md-2',
57284
57296
  style: {
57285
57297
  width: sectionproperties.width + 'vw',
57286
57298
  position: 'relative',
@@ -58385,7 +58397,11 @@
58385
58397
  borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
58386
58398
  borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
58387
58399
  borderColor: sectionproperties.sectioncardbordercolor,
58388
- border: sectionproperties.sectioncardborderwidth + 'px solid'
58400
+ border: sectionproperties.sectioncardborderwidth + 'px solid',
58401
+ width: sectionproperties.width + 'vw',
58402
+ '@media (max-width: 800px)': {
58403
+ width: sectionproperties.widthresponsive + 'vw'
58404
+ }
58389
58405
  }),
58390
58406
  sectiontitlespan: glamor.css({
58391
58407
  ':after': {
@@ -58525,7 +58541,7 @@
58525
58541
  fontSize: sectionproperties.icontextfontsize + 'px',
58526
58542
  whiteSpace: 'nowrap'
58527
58543
  }
58528
- }, "0", cardinfoindex + 1), cardsarray[cardinfoindex].cardobj_img != '' && cardsarray[cardinfoindex].cardobj_img != null && /*#__PURE__*/React__default["default"].createElement("div", {
58544
+ }, cardinfoindex < 9 && 0, cardinfoindex + 1), cardsarray[cardinfoindex].cardobj_img != '' && cardsarray[cardinfoindex].cardobj_img != null && /*#__PURE__*/React__default["default"].createElement("div", {
58529
58545
  "class": sectionproperties.cardsdirection == 'Horizontal' ? 'p-0 m-0 allcentered' : 'p-0 m-0 mb-2 allcentered',
58530
58546
  style: {
58531
58547
  width: sectionproperties.iconcontainerwidth + 'vh',
@@ -58546,7 +58562,7 @@
58546
58562
  })), /*#__PURE__*/React__default["default"].createElement("div", {
58547
58563
  "class": sectionproperties.cardsdirection == 'Horizontal' ? sectionproperties.numberOfColsvertical == '1' ? 'col-lg-10 col-md-10 col-sm-10 d-flex flex-column pl-3 align-items-center' : 'col-lg-9 col-md-9 col-sm-9 d-flex flex-column pl-3 align-items-center' : 'col-lg-12 col-md-12 col-sm-12 d-flex flex-column pl-3 align-items-center'
58548
58564
  }, /*#__PURE__*/React__default["default"].createElement("p", {
58549
- "class": sectionproperties.slideshowText2ContentFontSize != 0 ? 'mb-0 p-0 wordbreak wordbreak1 w-100' : 'mb-auto mt-auto p-0 wordbreak wordbreak1 w-100',
58565
+ "class": sectionproperties.slideshowText2ContentFontSize != 0 ? 'mb-0 p-0 w-100' : 'mb-auto mt-auto p-0 w-100',
58550
58566
  style: {
58551
58567
  fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
58552
58568
  color: sectionproperties.slideshowText1ContentColor,
@@ -58567,30 +58583,30 @@
58567
58583
  return /*#__PURE__*/React__default["default"].createElement("div", {
58568
58584
  "class": "row m-0 d-flex justify-content-center w-100 align-items-center"
58569
58585
  }, /*#__PURE__*/React__default["default"].createElement("div", {
58570
- "class": section_styles.cards_sections + ' w-100 pl-md-2 pr-md-2 '
58586
+ "class": section_styles.cards_sections + ' pl-md-2 pr-md-2 '
58571
58587
  }, sectionproperties.sectionstyle == 'Image on left' && /*#__PURE__*/React__default["default"].createElement("div", {
58572
58588
  "class": "row m-0 d-flex justify-content-center w-100"
58573
- }, /*#__PURE__*/React__default["default"].createElement("div", {
58589
+ }, sectionproperties.image_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
58574
58590
  "class": "col-lg-4 d-flex d-md-none justify-content-end justify-content-md-center p-md-0 align-items-center"
58575
58591
  }, imagesection()), /*#__PURE__*/React__default["default"].createElement("div", {
58576
- "class": "col-lg-6 mb-md-3 d-flex justify-content-start h-100"
58577
- }, SectionContent()), /*#__PURE__*/React__default["default"].createElement("div", {
58592
+ "class": sectionproperties.image_show == 'Show' ? 'col-lg-6 mb-md-3 d-flex justify-content-start h-100' : 'col-lg-12 mb-md-3 d-flex justify-content-start h-100'
58593
+ }, SectionContent()), sectionproperties.image_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
58578
58594
  "class": "col-lg-6 d-none d-md-flex justify-content-end justify-content-md-center pl-3 pr-3"
58579
58595
  }, imagesection())), sectionproperties.sectionstyle == 'Image on right' && langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
58580
58596
  "class": "row m-0 d-flex justify-content-center w-100"
58581
58597
  }, /*#__PURE__*/React__default["default"].createElement("div", {
58582
- "class": "col-lg-6 mb-md-3 d-flex justify-content-start h-100"
58583
- }, SectionContent()), /*#__PURE__*/React__default["default"].createElement("div", {
58598
+ "class": sectionproperties.image_show == 'Show' ? 'col-lg-6 mb-md-3 d-flex justify-content-start h-100' : 'col-lg-12 mb-md-3 d-flex justify-content-start h-100'
58599
+ }, SectionContent()), sectionproperties.image_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
58584
58600
  "class": "col-lg-4 d-flex d-md-none justify-content-end justify-content-md-center p-md-0 align-items-center"
58585
- }, imagesection()), /*#__PURE__*/React__default["default"].createElement("div", {
58601
+ }, imagesection()), sectionproperties.image_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
58586
58602
  "class": "col-lg-6 d-none d-md-flex justify-content-end justify-content-md-center pl-3 pr-3"
58587
58603
  }, imagesection())), sectionproperties.sectionstyle == 'Image on right' && langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
58588
58604
  "class": "row m-0 d-flex justify-content-center w-100"
58589
- }, /*#__PURE__*/React__default["default"].createElement("div", {
58605
+ }, sectionproperties.image_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
58590
58606
  "class": "col-lg-4 d-flex d-md-none justify-content-end justify-content-md-center p-md-0 align-items-center"
58591
58607
  }, imagesection()), /*#__PURE__*/React__default["default"].createElement("div", {
58592
- "class": "col-lg-6 mb-md-3 d-flex justify-content-start h-100"
58593
- }, SectionContent()), /*#__PURE__*/React__default["default"].createElement("div", {
58608
+ "class": sectionproperties.image_show == 'Show' ? 'col-lg-6 mb-md-3 d-flex justify-content-start h-100' : 'col-lg-12 mb-md-3 d-flex justify-content-start h-100'
58609
+ }, SectionContent()), sectionproperties.image_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
58594
58610
  "class": "col-lg-6 d-none d-md-flex justify-content-end justify-content-md-center pl-3 pr-3"
58595
58611
  }, imagesection()))));
58596
58612
  };
@@ -59184,6 +59200,12 @@
59184
59200
  fontSize: sectionproperties.slideshowText2ContentFontSize_resp + 'px',
59185
59201
  textAlign: sectionproperties.text2centered == 'Centered' ? 'center' : sectionproperties.text2centered == 'Justify' ? 'justify' : 'start'
59186
59202
  }
59203
+ }),
59204
+ cont1: glamor.css({
59205
+ width: sectionproperties.width + 'vw',
59206
+ '@media (max-width: 800px)': {
59207
+ width: sectionproperties.widthresponsive + 'vw'
59208
+ }
59187
59209
  })
59188
59210
  };
59189
59211
  var SectionTitle = function SectionTitle() {
@@ -59393,11 +59415,10 @@
59393
59415
  background: sectionproperties.backgroundColor
59394
59416
  }
59395
59417
  }, /*#__PURE__*/React__default["default"].createElement("div", {
59396
- "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',
59418
+ "class": sectionproperties.card_marginRight != 0 && sectionproperties.card_marginLeft != 0 ? sectionproperties.width != 100 ? section_styles.cont1 + ' d-flex justify-content-between align-items-center px-1025-1 pl-md-3 pr-md-3 mx-auto ' : section_styles.cont1 + 'd-flex justify-content-between align-items-center px-1025-1 pl-md-3 pr-md-3 mx-auto ' : sectionproperties.width != 100 ? section_styles.cont1 + 'd-flex justify-content-between align-items-center mx-auto ' : section_styles.cont1 + 'd-flex justify-content-between align-items-center mx-auto ',
59397
59419
  style: {
59398
59420
  paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
59399
59421
  paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
59400
- width: sectionproperties.width + 'vw',
59401
59422
  border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
59402
59423
  borderRadius: sectionproperties.sectioncardborderradius + 'px'
59403
59424
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.606",
3
+ "version": "0.0.607",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {