tabexseriescomponents 0.0.178 → 0.0.179

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 +44 -42
  2. package/dist/index.esm.js +44 -42
  3. package/dist/index.umd.js +44 -42
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -34786,7 +34786,7 @@ var FullVideoSection = function FullVideoSection(props) {
34786
34786
  });
34787
34787
  var SectionTitle = function SectionTitle() {
34788
34788
  return /*#__PURE__*/React__default["default"].createElement("div", {
34789
- "class": "d-flex align-items-center flex-row pl-md-2 pr-md-2",
34789
+ "class": "d-flex align-items-center justify-content-md-center flex-row pl-md-2 pr-md-2 w-100",
34790
34790
  style: {
34791
34791
  position: 'relative',
34792
34792
  justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : '',
@@ -34796,7 +34796,7 @@ var FullVideoSection = function FullVideoSection(props) {
34796
34796
  paddingRight: langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px'
34797
34797
  }
34798
34798
  }, /*#__PURE__*/React__default["default"].createElement("p", {
34799
- "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? ' PacificoFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? ' PlayfairFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? ' GreatvibesFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? ' QuicksandFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? ' SatisfyFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : ' mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ',
34799
+ "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? ' PacificoFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start justify-content-md-center text-md-center ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? ' PlayfairFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start justify-content-md-center text-md-center ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? ' GreatvibesFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start justify-content-md-center text-md-center ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? ' QuicksandFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start justify-content-md-center text-md-center ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? ' SatisfyFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start justify-content-md-center text-md-center ' : ' mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start justify-content-md-center text-md-center ',
34800
34800
  style: {
34801
34801
  color: sectionproperties.sectionTitleColor,
34802
34802
  fontWeight: sectionproperties.sectionTitleFontWeight,
@@ -34806,7 +34806,7 @@ var FullVideoSection = function FullVideoSection(props) {
34806
34806
  };
34807
34807
  var Description = function Description() {
34808
34808
  return /*#__PURE__*/React__default["default"].createElement("p", {
34809
- "class": sectionproperties.descFontFamily == 'Pacifico' ? ' PacificoFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Playfair' ? ' PlayfairFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Great Vibes' ? ' GreatvibesFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Quicksand' ? ' QuicksandFont m-0 p-0 wordbreak' : ' m-0 p-0 wordbreak',
34809
+ "class": sectionproperties.descFontFamily == 'Pacifico' ? ' PacificoFont m-0 p-0 wordbreak text-md-center ' : sectionproperties.descFontFamily == 'Playfair' ? ' PlayfairFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Great Vibes' ? ' GreatvibesFont m-0 p-0 wordbreak text-md-center ' : sectionproperties.descFontFamily == 'Quicksand' ? ' QuicksandFont m-0 p-0 wordbreak text-md-center ' : ' m-0 p-0 wordbreak ',
34810
34810
  style: {
34811
34811
  color: sectionproperties.prodCatColor,
34812
34812
  fontWeight: sectionproperties.prodCatFontWeight,
@@ -34830,7 +34830,7 @@ var FullVideoSection = function FullVideoSection(props) {
34830
34830
  fontSize: sectionproperties.sectionTitleFontSizeresp + 'px'
34831
34831
  }
34832
34832
  }, SectionTitle()), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
34833
- "class": ' col-lg-12 col-md-12 col-sm-12 d-flex align-items-center d-md-none pl-md-2 pr-md-2 ',
34833
+ "class": ' col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-md-center d-md-none pl-md-2 pr-md-2 ',
34834
34834
  style: {
34835
34835
  justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : '',
34836
34836
  marginBottom: sectionproperties.descriptionMarginBottom + 'px',
@@ -34839,7 +34839,7 @@ var FullVideoSection = function FullVideoSection(props) {
34839
34839
  paddingRight: langdetect == 'en' ? sectionproperties.description_marginRight + 'px' : sectionproperties.description_marginLeft + 'px'
34840
34840
  }
34841
34841
  }, Description()), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
34842
- "class": ' col-lg-12 col-md-12 col-sm-12 d-none align-items-center d-md-flex pl-md-2 pr-md-2 ',
34842
+ "class": ' col-lg-12 col-md-12 col-sm-12 d-none align-items-center justify-content-md-center d-md-flex pl-md-2 pr-md-2 ',
34843
34843
  style: {
34844
34844
  justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : '',
34845
34845
  marginBottom: sectionproperties.descriptionMarginBottom + 'px',
@@ -34866,41 +34866,39 @@ var FullVideoSection = function FullVideoSection(props) {
34866
34866
  };
34867
34867
  var Video = function Video() {
34868
34868
  return /*#__PURE__*/React__default["default"].createElement("div", {
34869
- className: 'col-md-6 col-sm-12 col-lg-6 p-0 d-flex align-items-stretch ',
34869
+ className: 'col-lg-6 col-md-12 col-sm-12 p-0 d-flex align-items-stretch ',
34870
34870
  style: {
34871
34871
  marginBottom: sectionproperties.image_mb + 'px'
34872
34872
  }
34873
- }, Object.keys(Videosarrayofobjs).length != 0 && Videosarrayofobjs.map(function (item, index) {
34874
- return /*#__PURE__*/React__default["default"].createElement("div", {
34875
- className: "row ml-0 mr-0 d-flex w-100"
34876
- }, /*#__PURE__*/React__default["default"].createElement("div", {
34877
- className: 'col-lg-12 p-0 d-md-flex w-100 mt-auto',
34878
- style: {
34879
- height: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'auto' : sectionproperties.image_height + 'px'
34880
- }
34881
- }, item.linkclicked == true && /*#__PURE__*/React__default["default"].createElement(ReactPlayer__default["default"], {
34882
- url: Videosarrayofobjs[index].url,
34883
- height: sectionproperties.image_height + 'px',
34884
- width: '100%'
34885
- }), item.linkclicked == false && /*#__PURE__*/React__default["default"].createElement("button", {
34886
- onClick: function onClick() {
34887
- var temparr = _toConsumableArray__default["default"](Videosarrayofobjs);
34888
- temparr[index].linkclicked = true;
34889
- setVideosarrayofobjs(_toConsumableArray__default["default"](temparr));
34890
- },
34891
- "class": "w-100 h-100"
34892
- }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
34893
- urlEndpoint: IKurlEndpoint,
34894
- publicKey: IKpublicKey,
34895
- path: Videosarrayofobjs.length != 0 ? Videosarrayofobjs[index].image : '',
34896
- className: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'objectFit-md-contain' : '',
34897
- style: {
34898
- height: '100%',
34899
- width: '100%',
34900
- objectFit: sectionproperties.bgcovercontain
34901
- }
34902
- }))));
34903
- }));
34873
+ }, Object.keys(Videosarrayofobjs).length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
34874
+ className: "row ml-0 mr-0 d-flex w-100"
34875
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
34876
+ className: 'col-lg-12 p-0 d-md-flex w-100 mt-auto',
34877
+ style: {
34878
+ height: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'auto' : sectionproperties.image_height + 'px'
34879
+ }
34880
+ }, Videosarrayofobjs[0].linkclicked == true && /*#__PURE__*/React__default["default"].createElement(ReactPlayer__default["default"], {
34881
+ url: Videosarrayofobjs[0].url,
34882
+ height: sectionproperties.image_height + 'px',
34883
+ width: '100%'
34884
+ }), Videosarrayofobjs[0].linkclicked == false && /*#__PURE__*/React__default["default"].createElement("button", {
34885
+ onClick: function onClick() {
34886
+ var temparr = _toConsumableArray__default["default"](Videosarrayofobjs);
34887
+ temparr[0].linkclicked = true;
34888
+ setVideosarrayofobjs(_toConsumableArray__default["default"](temparr));
34889
+ },
34890
+ "class": "w-100 h-100"
34891
+ }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
34892
+ urlEndpoint: IKurlEndpoint,
34893
+ publicKey: IKpublicKey,
34894
+ path: Videosarrayofobjs.length != 0 ? Videosarrayofobjs[0].image : '',
34895
+ className: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'objectFit-md-contain' : '',
34896
+ style: {
34897
+ height: '100%',
34898
+ width: '100%',
34899
+ objectFit: sectionproperties.bgcovercontain
34900
+ }
34901
+ })))));
34904
34902
  };
34905
34903
  return /*#__PURE__*/React__default["default"].createElement("div", {
34906
34904
  className: "row ml-0 mr-0 w-100 pl-md-3 pr-md-3 pl-sm-2 pr-sm-2",
@@ -34916,10 +34914,14 @@ var FullVideoSection = function FullVideoSection(props) {
34916
34914
  }, /*#__PURE__*/React__default["default"].createElement("div", {
34917
34915
  "class": "row m-0 w-100"
34918
34916
  }, Content(), " ", Video())), sectionproperties.sectionstyle != 'Image on right' && /*#__PURE__*/React__default["default"].createElement("div", {
34919
- "class": "col-lg-12 p-0"
34917
+ "class": "col-lg-12 p-0 d-flex d-md-none"
34920
34918
  }, /*#__PURE__*/React__default["default"].createElement("div", {
34921
34919
  "class": "row m-0 w-100"
34922
- }, Video(), " ", Content())));
34920
+ }, Video(), " ", Content())), sectionproperties.sectionstyle != 'Image on right' && /*#__PURE__*/React__default["default"].createElement("div", {
34921
+ "class": "col-lg-12 p-0 d-none d-md-flex"
34922
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
34923
+ "class": "row m-0 w-100"
34924
+ }, Content(), " ", Video())));
34923
34925
  };
34924
34926
 
34925
34927
  function ownKeys$S(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -35620,7 +35622,7 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
35620
35622
  textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : ''
35621
35623
  }
35622
35624
  }, /*#__PURE__*/React__default["default"].createElement("span", {
35623
- "class": "".concat(section_styles.sectiontitlespan)
35625
+ "class": "".concat(section_styles.sectiontitlespan) + ' pl-md-2 pr-md-2 left-md-0 '
35624
35626
  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar));
35625
35627
  };
35626
35628
  var Content = function Content() {
@@ -35652,7 +35654,7 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
35652
35654
  }, SectionTitle())), /*#__PURE__*/React__default["default"].createElement("div", {
35653
35655
  "class": "col-lg-12 p-0 d-flex justify-content-md-center"
35654
35656
  }, /*#__PURE__*/React__default["default"].createElement("p", {
35655
- "class": "pb-0 text-md-center pl-sm-2 pr-sm-2",
35657
+ "class": "pb-0 text-md-center pl-md-2 pr-md-2",
35656
35658
  style: {
35657
35659
  textAlign: sectionproperties.text2centered == 'Centered' ? 'center' : 'start',
35658
35660
  color: sectionproperties.slideshowText2ContentColor,
@@ -36209,7 +36211,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
36209
36211
  }
36210
36212
  }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), cardsarray.map(function (cardinfoitem, cardinfoindex) {
36211
36213
  return /*#__PURE__*/React__default["default"].createElement("div", {
36212
- "class": "col-lg-3 col-md-6 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start mb-md-3",
36214
+ "class": "col-lg-3 col-md-6 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start mb-md-4",
36213
36215
  style: {
36214
36216
  zIndex: 2
36215
36217
  }
package/dist/index.esm.js CHANGED
@@ -34742,7 +34742,7 @@ var FullVideoSection = function FullVideoSection(props) {
34742
34742
  });
34743
34743
  var SectionTitle = function SectionTitle() {
34744
34744
  return /*#__PURE__*/React.createElement("div", {
34745
- "class": "d-flex align-items-center flex-row pl-md-2 pr-md-2",
34745
+ "class": "d-flex align-items-center justify-content-md-center flex-row pl-md-2 pr-md-2 w-100",
34746
34746
  style: {
34747
34747
  position: 'relative',
34748
34748
  justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : '',
@@ -34752,7 +34752,7 @@ var FullVideoSection = function FullVideoSection(props) {
34752
34752
  paddingRight: langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px'
34753
34753
  }
34754
34754
  }, /*#__PURE__*/React.createElement("p", {
34755
- "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? ' PacificoFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? ' PlayfairFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? ' GreatvibesFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? ' QuicksandFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? ' SatisfyFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : ' mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ',
34755
+ "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? ' PacificoFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start justify-content-md-center text-md-center ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? ' PlayfairFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start justify-content-md-center text-md-center ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? ' GreatvibesFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start justify-content-md-center text-md-center ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? ' QuicksandFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start justify-content-md-center text-md-center ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? ' SatisfyFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start justify-content-md-center text-md-center ' : ' mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start justify-content-md-center text-md-center ',
34756
34756
  style: {
34757
34757
  color: sectionproperties.sectionTitleColor,
34758
34758
  fontWeight: sectionproperties.sectionTitleFontWeight,
@@ -34762,7 +34762,7 @@ var FullVideoSection = function FullVideoSection(props) {
34762
34762
  };
34763
34763
  var Description = function Description() {
34764
34764
  return /*#__PURE__*/React.createElement("p", {
34765
- "class": sectionproperties.descFontFamily == 'Pacifico' ? ' PacificoFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Playfair' ? ' PlayfairFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Great Vibes' ? ' GreatvibesFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Quicksand' ? ' QuicksandFont m-0 p-0 wordbreak' : ' m-0 p-0 wordbreak',
34765
+ "class": sectionproperties.descFontFamily == 'Pacifico' ? ' PacificoFont m-0 p-0 wordbreak text-md-center ' : sectionproperties.descFontFamily == 'Playfair' ? ' PlayfairFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Great Vibes' ? ' GreatvibesFont m-0 p-0 wordbreak text-md-center ' : sectionproperties.descFontFamily == 'Quicksand' ? ' QuicksandFont m-0 p-0 wordbreak text-md-center ' : ' m-0 p-0 wordbreak ',
34766
34766
  style: {
34767
34767
  color: sectionproperties.prodCatColor,
34768
34768
  fontWeight: sectionproperties.prodCatFontWeight,
@@ -34786,7 +34786,7 @@ var FullVideoSection = function FullVideoSection(props) {
34786
34786
  fontSize: sectionproperties.sectionTitleFontSizeresp + 'px'
34787
34787
  }
34788
34788
  }, SectionTitle()), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React.createElement("div", {
34789
- "class": ' col-lg-12 col-md-12 col-sm-12 d-flex align-items-center d-md-none pl-md-2 pr-md-2 ',
34789
+ "class": ' col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-md-center d-md-none pl-md-2 pr-md-2 ',
34790
34790
  style: {
34791
34791
  justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : '',
34792
34792
  marginBottom: sectionproperties.descriptionMarginBottom + 'px',
@@ -34795,7 +34795,7 @@ var FullVideoSection = function FullVideoSection(props) {
34795
34795
  paddingRight: langdetect == 'en' ? sectionproperties.description_marginRight + 'px' : sectionproperties.description_marginLeft + 'px'
34796
34796
  }
34797
34797
  }, Description()), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React.createElement("div", {
34798
- "class": ' col-lg-12 col-md-12 col-sm-12 d-none align-items-center d-md-flex pl-md-2 pr-md-2 ',
34798
+ "class": ' col-lg-12 col-md-12 col-sm-12 d-none align-items-center justify-content-md-center d-md-flex pl-md-2 pr-md-2 ',
34799
34799
  style: {
34800
34800
  justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : '',
34801
34801
  marginBottom: sectionproperties.descriptionMarginBottom + 'px',
@@ -34822,41 +34822,39 @@ var FullVideoSection = function FullVideoSection(props) {
34822
34822
  };
34823
34823
  var Video = function Video() {
34824
34824
  return /*#__PURE__*/React.createElement("div", {
34825
- className: 'col-md-6 col-sm-12 col-lg-6 p-0 d-flex align-items-stretch ',
34825
+ className: 'col-lg-6 col-md-12 col-sm-12 p-0 d-flex align-items-stretch ',
34826
34826
  style: {
34827
34827
  marginBottom: sectionproperties.image_mb + 'px'
34828
34828
  }
34829
- }, Object.keys(Videosarrayofobjs).length != 0 && Videosarrayofobjs.map(function (item, index) {
34830
- return /*#__PURE__*/React.createElement("div", {
34831
- className: "row ml-0 mr-0 d-flex w-100"
34832
- }, /*#__PURE__*/React.createElement("div", {
34833
- className: 'col-lg-12 p-0 d-md-flex w-100 mt-auto',
34834
- style: {
34835
- height: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'auto' : sectionproperties.image_height + 'px'
34836
- }
34837
- }, item.linkclicked == true && /*#__PURE__*/React.createElement(ReactPlayer, {
34838
- url: Videosarrayofobjs[index].url,
34839
- height: sectionproperties.image_height + 'px',
34840
- width: '100%'
34841
- }), item.linkclicked == false && /*#__PURE__*/React.createElement("button", {
34842
- onClick: function onClick() {
34843
- var temparr = _toConsumableArray(Videosarrayofobjs);
34844
- temparr[index].linkclicked = true;
34845
- setVideosarrayofobjs(_toConsumableArray(temparr));
34846
- },
34847
- "class": "w-100 h-100"
34848
- }, /*#__PURE__*/React.createElement(IKImage, {
34849
- urlEndpoint: IKurlEndpoint,
34850
- publicKey: IKpublicKey,
34851
- path: Videosarrayofobjs.length != 0 ? Videosarrayofobjs[index].image : '',
34852
- className: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'objectFit-md-contain' : '',
34853
- style: {
34854
- height: '100%',
34855
- width: '100%',
34856
- objectFit: sectionproperties.bgcovercontain
34857
- }
34858
- }))));
34859
- }));
34829
+ }, Object.keys(Videosarrayofobjs).length != 0 && /*#__PURE__*/React.createElement("div", {
34830
+ className: "row ml-0 mr-0 d-flex w-100"
34831
+ }, /*#__PURE__*/React.createElement("div", {
34832
+ className: 'col-lg-12 p-0 d-md-flex w-100 mt-auto',
34833
+ style: {
34834
+ height: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'auto' : sectionproperties.image_height + 'px'
34835
+ }
34836
+ }, Videosarrayofobjs[0].linkclicked == true && /*#__PURE__*/React.createElement(ReactPlayer, {
34837
+ url: Videosarrayofobjs[0].url,
34838
+ height: sectionproperties.image_height + 'px',
34839
+ width: '100%'
34840
+ }), Videosarrayofobjs[0].linkclicked == false && /*#__PURE__*/React.createElement("button", {
34841
+ onClick: function onClick() {
34842
+ var temparr = _toConsumableArray(Videosarrayofobjs);
34843
+ temparr[0].linkclicked = true;
34844
+ setVideosarrayofobjs(_toConsumableArray(temparr));
34845
+ },
34846
+ "class": "w-100 h-100"
34847
+ }, /*#__PURE__*/React.createElement(IKImage, {
34848
+ urlEndpoint: IKurlEndpoint,
34849
+ publicKey: IKpublicKey,
34850
+ path: Videosarrayofobjs.length != 0 ? Videosarrayofobjs[0].image : '',
34851
+ className: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'objectFit-md-contain' : '',
34852
+ style: {
34853
+ height: '100%',
34854
+ width: '100%',
34855
+ objectFit: sectionproperties.bgcovercontain
34856
+ }
34857
+ })))));
34860
34858
  };
34861
34859
  return /*#__PURE__*/React.createElement("div", {
34862
34860
  className: "row ml-0 mr-0 w-100 pl-md-3 pr-md-3 pl-sm-2 pr-sm-2",
@@ -34872,10 +34870,14 @@ var FullVideoSection = function FullVideoSection(props) {
34872
34870
  }, /*#__PURE__*/React.createElement("div", {
34873
34871
  "class": "row m-0 w-100"
34874
34872
  }, Content(), " ", Video())), sectionproperties.sectionstyle != 'Image on right' && /*#__PURE__*/React.createElement("div", {
34875
- "class": "col-lg-12 p-0"
34873
+ "class": "col-lg-12 p-0 d-flex d-md-none"
34876
34874
  }, /*#__PURE__*/React.createElement("div", {
34877
34875
  "class": "row m-0 w-100"
34878
- }, Video(), " ", Content())));
34876
+ }, Video(), " ", Content())), sectionproperties.sectionstyle != 'Image on right' && /*#__PURE__*/React.createElement("div", {
34877
+ "class": "col-lg-12 p-0 d-none d-md-flex"
34878
+ }, /*#__PURE__*/React.createElement("div", {
34879
+ "class": "row m-0 w-100"
34880
+ }, Content(), " ", Video())));
34879
34881
  };
34880
34882
 
34881
34883
  function ownKeys$S(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -35576,7 +35578,7 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
35576
35578
  textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : ''
35577
35579
  }
35578
35580
  }, /*#__PURE__*/React.createElement("span", {
35579
- "class": "".concat(section_styles.sectiontitlespan)
35581
+ "class": "".concat(section_styles.sectiontitlespan) + ' pl-md-2 pr-md-2 left-md-0 '
35580
35582
  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar));
35581
35583
  };
35582
35584
  var Content = function Content() {
@@ -35608,7 +35610,7 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
35608
35610
  }, SectionTitle())), /*#__PURE__*/React.createElement("div", {
35609
35611
  "class": "col-lg-12 p-0 d-flex justify-content-md-center"
35610
35612
  }, /*#__PURE__*/React.createElement("p", {
35611
- "class": "pb-0 text-md-center pl-sm-2 pr-sm-2",
35613
+ "class": "pb-0 text-md-center pl-md-2 pr-md-2",
35612
35614
  style: {
35613
35615
  textAlign: sectionproperties.text2centered == 'Centered' ? 'center' : 'start',
35614
35616
  color: sectionproperties.slideshowText2ContentColor,
@@ -36165,7 +36167,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
36165
36167
  }
36166
36168
  }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), cardsarray.map(function (cardinfoitem, cardinfoindex) {
36167
36169
  return /*#__PURE__*/React.createElement("div", {
36168
- "class": "col-lg-3 col-md-6 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start mb-md-3",
36170
+ "class": "col-lg-3 col-md-6 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start mb-md-4",
36169
36171
  style: {
36170
36172
  zIndex: 2
36171
36173
  }
package/dist/index.umd.js CHANGED
@@ -34644,7 +34644,7 @@
34644
34644
  });
34645
34645
  var SectionTitle = function SectionTitle() {
34646
34646
  return /*#__PURE__*/React__default["default"].createElement("div", {
34647
- "class": "d-flex align-items-center flex-row pl-md-2 pr-md-2",
34647
+ "class": "d-flex align-items-center justify-content-md-center flex-row pl-md-2 pr-md-2 w-100",
34648
34648
  style: {
34649
34649
  position: 'relative',
34650
34650
  justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : '',
@@ -34654,7 +34654,7 @@
34654
34654
  paddingRight: langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px'
34655
34655
  }
34656
34656
  }, /*#__PURE__*/React__default["default"].createElement("p", {
34657
- "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? ' PacificoFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? ' PlayfairFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? ' GreatvibesFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? ' QuicksandFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? ' SatisfyFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : ' mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ',
34657
+ "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? ' PacificoFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start justify-content-md-center text-md-center ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? ' PlayfairFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start justify-content-md-center text-md-center ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? ' GreatvibesFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start justify-content-md-center text-md-center ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? ' QuicksandFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start justify-content-md-center text-md-center ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? ' SatisfyFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start justify-content-md-center text-md-center ' : ' mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start justify-content-md-center text-md-center ',
34658
34658
  style: {
34659
34659
  color: sectionproperties.sectionTitleColor,
34660
34660
  fontWeight: sectionproperties.sectionTitleFontWeight,
@@ -34664,7 +34664,7 @@
34664
34664
  };
34665
34665
  var Description = function Description() {
34666
34666
  return /*#__PURE__*/React__default["default"].createElement("p", {
34667
- "class": sectionproperties.descFontFamily == 'Pacifico' ? ' PacificoFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Playfair' ? ' PlayfairFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Great Vibes' ? ' GreatvibesFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Quicksand' ? ' QuicksandFont m-0 p-0 wordbreak' : ' m-0 p-0 wordbreak',
34667
+ "class": sectionproperties.descFontFamily == 'Pacifico' ? ' PacificoFont m-0 p-0 wordbreak text-md-center ' : sectionproperties.descFontFamily == 'Playfair' ? ' PlayfairFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Great Vibes' ? ' GreatvibesFont m-0 p-0 wordbreak text-md-center ' : sectionproperties.descFontFamily == 'Quicksand' ? ' QuicksandFont m-0 p-0 wordbreak text-md-center ' : ' m-0 p-0 wordbreak ',
34668
34668
  style: {
34669
34669
  color: sectionproperties.prodCatColor,
34670
34670
  fontWeight: sectionproperties.prodCatFontWeight,
@@ -34688,7 +34688,7 @@
34688
34688
  fontSize: sectionproperties.sectionTitleFontSizeresp + 'px'
34689
34689
  }
34690
34690
  }, SectionTitle()), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
34691
- "class": ' col-lg-12 col-md-12 col-sm-12 d-flex align-items-center d-md-none pl-md-2 pr-md-2 ',
34691
+ "class": ' col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-md-center d-md-none pl-md-2 pr-md-2 ',
34692
34692
  style: {
34693
34693
  justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : '',
34694
34694
  marginBottom: sectionproperties.descriptionMarginBottom + 'px',
@@ -34697,7 +34697,7 @@
34697
34697
  paddingRight: langdetect == 'en' ? sectionproperties.description_marginRight + 'px' : sectionproperties.description_marginLeft + 'px'
34698
34698
  }
34699
34699
  }, Description()), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
34700
- "class": ' col-lg-12 col-md-12 col-sm-12 d-none align-items-center d-md-flex pl-md-2 pr-md-2 ',
34700
+ "class": ' col-lg-12 col-md-12 col-sm-12 d-none align-items-center justify-content-md-center d-md-flex pl-md-2 pr-md-2 ',
34701
34701
  style: {
34702
34702
  justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : '',
34703
34703
  marginBottom: sectionproperties.descriptionMarginBottom + 'px',
@@ -34724,41 +34724,39 @@
34724
34724
  };
34725
34725
  var Video = function Video() {
34726
34726
  return /*#__PURE__*/React__default["default"].createElement("div", {
34727
- className: 'col-md-6 col-sm-12 col-lg-6 p-0 d-flex align-items-stretch ',
34727
+ className: 'col-lg-6 col-md-12 col-sm-12 p-0 d-flex align-items-stretch ',
34728
34728
  style: {
34729
34729
  marginBottom: sectionproperties.image_mb + 'px'
34730
34730
  }
34731
- }, Object.keys(Videosarrayofobjs).length != 0 && Videosarrayofobjs.map(function (item, index) {
34732
- return /*#__PURE__*/React__default["default"].createElement("div", {
34733
- className: "row ml-0 mr-0 d-flex w-100"
34734
- }, /*#__PURE__*/React__default["default"].createElement("div", {
34735
- className: 'col-lg-12 p-0 d-md-flex w-100 mt-auto',
34736
- style: {
34737
- height: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'auto' : sectionproperties.image_height + 'px'
34738
- }
34739
- }, item.linkclicked == true && /*#__PURE__*/React__default["default"].createElement(ReactPlayer__default["default"], {
34740
- url: Videosarrayofobjs[index].url,
34741
- height: sectionproperties.image_height + 'px',
34742
- width: '100%'
34743
- }), item.linkclicked == false && /*#__PURE__*/React__default["default"].createElement("button", {
34744
- onClick: function onClick() {
34745
- var temparr = _toConsumableArray__default["default"](Videosarrayofobjs);
34746
- temparr[index].linkclicked = true;
34747
- setVideosarrayofobjs(_toConsumableArray__default["default"](temparr));
34748
- },
34749
- "class": "w-100 h-100"
34750
- }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
34751
- urlEndpoint: IKurlEndpoint,
34752
- publicKey: IKpublicKey,
34753
- path: Videosarrayofobjs.length != 0 ? Videosarrayofobjs[index].image : '',
34754
- className: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'objectFit-md-contain' : '',
34755
- style: {
34756
- height: '100%',
34757
- width: '100%',
34758
- objectFit: sectionproperties.bgcovercontain
34759
- }
34760
- }))));
34761
- }));
34731
+ }, Object.keys(Videosarrayofobjs).length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
34732
+ className: "row ml-0 mr-0 d-flex w-100"
34733
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
34734
+ className: 'col-lg-12 p-0 d-md-flex w-100 mt-auto',
34735
+ style: {
34736
+ height: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'auto' : sectionproperties.image_height + 'px'
34737
+ }
34738
+ }, Videosarrayofobjs[0].linkclicked == true && /*#__PURE__*/React__default["default"].createElement(ReactPlayer__default["default"], {
34739
+ url: Videosarrayofobjs[0].url,
34740
+ height: sectionproperties.image_height + 'px',
34741
+ width: '100%'
34742
+ }), Videosarrayofobjs[0].linkclicked == false && /*#__PURE__*/React__default["default"].createElement("button", {
34743
+ onClick: function onClick() {
34744
+ var temparr = _toConsumableArray__default["default"](Videosarrayofobjs);
34745
+ temparr[0].linkclicked = true;
34746
+ setVideosarrayofobjs(_toConsumableArray__default["default"](temparr));
34747
+ },
34748
+ "class": "w-100 h-100"
34749
+ }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
34750
+ urlEndpoint: IKurlEndpoint,
34751
+ publicKey: IKpublicKey,
34752
+ path: Videosarrayofobjs.length != 0 ? Videosarrayofobjs[0].image : '',
34753
+ className: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'objectFit-md-contain' : '',
34754
+ style: {
34755
+ height: '100%',
34756
+ width: '100%',
34757
+ objectFit: sectionproperties.bgcovercontain
34758
+ }
34759
+ })))));
34762
34760
  };
34763
34761
  return /*#__PURE__*/React__default["default"].createElement("div", {
34764
34762
  className: "row ml-0 mr-0 w-100 pl-md-3 pr-md-3 pl-sm-2 pr-sm-2",
@@ -34774,10 +34772,14 @@
34774
34772
  }, /*#__PURE__*/React__default["default"].createElement("div", {
34775
34773
  "class": "row m-0 w-100"
34776
34774
  }, Content(), " ", Video())), sectionproperties.sectionstyle != 'Image on right' && /*#__PURE__*/React__default["default"].createElement("div", {
34777
- "class": "col-lg-12 p-0"
34775
+ "class": "col-lg-12 p-0 d-flex d-md-none"
34778
34776
  }, /*#__PURE__*/React__default["default"].createElement("div", {
34779
34777
  "class": "row m-0 w-100"
34780
- }, Video(), " ", Content())));
34778
+ }, Video(), " ", Content())), sectionproperties.sectionstyle != 'Image on right' && /*#__PURE__*/React__default["default"].createElement("div", {
34779
+ "class": "col-lg-12 p-0 d-none d-md-flex"
34780
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
34781
+ "class": "row m-0 w-100"
34782
+ }, Content(), " ", Video())));
34781
34783
  };
34782
34784
 
34783
34785
  function ownKeys$S(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -35478,7 +35480,7 @@
35478
35480
  textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : ''
35479
35481
  }
35480
35482
  }, /*#__PURE__*/React__default["default"].createElement("span", {
35481
- "class": "".concat(section_styles.sectiontitlespan)
35483
+ "class": "".concat(section_styles.sectiontitlespan) + ' pl-md-2 pr-md-2 left-md-0 '
35482
35484
  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar));
35483
35485
  };
35484
35486
  var Content = function Content() {
@@ -35510,7 +35512,7 @@
35510
35512
  }, SectionTitle())), /*#__PURE__*/React__default["default"].createElement("div", {
35511
35513
  "class": "col-lg-12 p-0 d-flex justify-content-md-center"
35512
35514
  }, /*#__PURE__*/React__default["default"].createElement("p", {
35513
- "class": "pb-0 text-md-center pl-sm-2 pr-sm-2",
35515
+ "class": "pb-0 text-md-center pl-md-2 pr-md-2",
35514
35516
  style: {
35515
35517
  textAlign: sectionproperties.text2centered == 'Centered' ? 'center' : 'start',
35516
35518
  color: sectionproperties.slideshowText2ContentColor,
@@ -36067,7 +36069,7 @@
36067
36069
  }
36068
36070
  }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), cardsarray.map(function (cardinfoitem, cardinfoindex) {
36069
36071
  return /*#__PURE__*/React__default["default"].createElement("div", {
36070
- "class": "col-lg-3 col-md-6 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start mb-md-3",
36072
+ "class": "col-lg-3 col-md-6 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start mb-md-4",
36071
36073
  style: {
36072
36074
  zIndex: 2
36073
36075
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.178",
3
+ "version": "0.0.179",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {